customize.html 4.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <div class="panel panel-default panel-intro">
  2. <div class="panel-body">
  3. <h3>客户自定义分析
  4. {eq name="$type" value="bar" }<a style="font-size: 14px" href="javascript:location.href=location.href+'&type=pie';"><i class="fa fa-bar-chart"></i> 切换为饼状图</a>{else/}<a href="javascript:location.href=location.href+'&type=bar';" style="font-size: 14px"><i class="fa fa-bar-chart"></i> 切换为柱状图</a>{/eq}</h3>
  5. <div class="col-sm-12 col-xs-12">
  6. <form name="search-form" role="form" method="get" data-toggle="validator"
  7. class="form-horizontal col-sm-12" action="">
  8. <div class="form-group">
  9. <div class="col-xs-12 col-sm-12">
  10. <div class="input-group">
  11. <select class="form-control selectpicker" name="row[field]" style="width: 200px;margin: 10px" >
  12. {foreach name="fields" item="val"}
  13. <option value="{$val.id}" {eq name="field" value="$val.id"}selected="selected"{/eq} >
  14. {$val.name}</option>
  15. {/foreach}
  16. </select>
  17. <input class="form-control datetimerange"
  18. placeholder="指定日期" autoComplete='off'
  19. data-locale='{"format":"YYYY-MM-DD"}'
  20. style="width: 200px;margin: 10px" name="row[times]" value="{$times}" type="text">
  21. <select class="form-control selectpicker" name="row[group_id]" data-live-search="true" style="width: 200px;margin: 10px" >
  22. <option value="">全部</option>
  23. {foreach name="groupdata" item="val"}
  24. <option value="{$val.id}" {eq name="group_id" value="$val.id"}selected="selected"{/eq} >{$val.name}</option>
  25. {/foreach}
  26. </select>
  27. <input data-source="qingdong/statistic/customers/getstaff" placeholder="全部员工" class="form-control selectpage" data-pagination="true" style="width: 200px;" name="row[staff_id]" type="text" value="{$staff_id}">
  28. <button type="submit" class="btn btn-success" style="margin: 10px" >立即搜索</button>
  29. </div>
  30. </div>
  31. </div>
  32. </form>
  33. </div>
  34. <div class="col-sm-8 col-xs-12 {if condition='!$multiple'}hide{/if}">
  35. <div class="alert alert-warning alert-dismissible" role="alert">
  36. <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  37. <strong>多选项!</strong> 当前字段可以`多选`,所以不同选项的客户统计会重复!
  38. </div>
  39. </div>
  40. <div class="col-xs-6 col-sm-6">
  41. <div class="div-box">
  42. <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;">
  43. </div>
  44. <div id="echart" style="width:100%;height: 457px"></div>
  45. </div>
  46. </div>
  47. <div class="col-xs-6 col-sm-6">
  48. <table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%" style="">
  49. <thead>
  50. <tr class="qd_table_color">
  51. <th>
  52. {$field_name}
  53. </th>
  54. <th>
  55. 个数
  56. </th>
  57. <th>
  58. 占比
  59. </th>
  60. </tr>
  61. </thead>
  62. <tbody>
  63. {foreach name="list" item="val"}
  64. <tr>
  65. <td>{$val.name}</td>
  66. <td>{if condition="$val.number"}
  67. <a href="qingdong/customer/customer/index?{$field}={$val.name}&createtime={$times}&group_id={$group_id}&owner_staff_id={$staff_id}" class="btn-dialog" data-title="客户自定义分析" >{$val.number}</a>
  68. {else/}
  69. {$val.number}
  70. {/if} </td>
  71. <td>{$val.ratio}%</td>
  72. </tr>
  73. {/foreach}
  74. </tbody>
  75. </table>
  76. </div>
  77. </div>
  78. </div>
  79. <script>
  80. var Orderdata = {
  81. customerdata:{:json_encode($customerdata)}
  82. };
  83. </script>