index.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <div class="panel panel-default panel-intro">
  2. <div class="panel-body">
  3. <form name="search-form" role="form" method="get" data-toggle="validator"
  4. class="form-horizontal col-sm-12" action="">
  5. <div class="form-group">
  6. <div class="col-xs-12 col-sm-12">
  7. <div class="input-group">
  8. <input class="form-control datetimerange"
  9. placeholder="指定日期" autoComplete='off'
  10. data-locale='{"format":"YYYY-MM-DD"}'
  11. style="width: 200px;margin: 10px" name="row[times]" value="{$times}" type="text">
  12. <select class="form-control" name="row[type]" style="width: 200px;margin: 10px" >
  13. <option value="0" {eq name="$type" value="0"}selected="selected"{/eq} >本人及下属</option>
  14. <option value="1" {eq name="$type" value="1"}selected="selected"{/eq}>仅本人</option>
  15. <option value="2" {eq name="$type" value="2"}selected="selected"{/eq}>仅下属</option>
  16. </select>
  17. <input data-source="qingdong/statistic/customers/getstaff" placeholder="选择员工" class="form-control selectpage" data-multiple="true" data-pagination="true" style="width: 200px;margin: 10px" name="row[staff_id]" type="text" value="{$staff_id}">
  18. <button type="submit" class="btn btn-success" style="margin: 10px" >搜索</button>
  19. </div>
  20. </div>
  21. </div>
  22. </form>
  23. <div class="col-xs-12 col-sm-12">
  24. <div class="div-box">
  25. <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;">
  26. </div>
  27. <div id="echart" style="width:100%;height: 457px"></div>
  28. </div>
  29. </div>
  30. <div class="col-xs-12 col-sm-12" style="padding-left:5%;padding-right:5%;padding-top:3%;">
  31. <table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%" style="">
  32. <thead>
  33. <tr class="qd_table_color">
  34. <th style="text-align: center; vertical-align: middle; " data-field="name">
  35. <div class="th-inner ">员工姓名</div>
  36. <div class="fht-cell"></div>
  37. </th>
  38. <th style="text-align: center; vertical-align: middle; " data-field="subname">
  39. <div class="th-inner ">新增客户数</div>
  40. <div class="fht-cell"></div>
  41. </th>
  42. <th style="text-align: center; vertical-align: middle; " data-field="owner_staff_id">
  43. <div class="th-inner ">成交客户数</div>
  44. <div class="fht-cell"></div>
  45. </th>
  46. <th style="text-align: center; vertical-align: middle; " data-field="industry">
  47. <div class="th-inner ">客户成交率(%)</div>
  48. <div class="fht-cell"></div>
  49. </th>
  50. <th style="text-align: center; vertical-align: middle; " data-field="source">
  51. <div class="th-inner ">合同总金额</div>
  52. <div class="fht-cell"></div>
  53. </th>
  54. <th style="text-align: center; vertical-align: middle; " data-field="follow">
  55. <div class="th-inner ">回款金额</div>
  56. <div class="fht-cell"></div>
  57. </th>
  58. <th style="text-align: center; vertical-align: middle; " data-field="address">
  59. <div class="th-inner ">未回款金额</div>
  60. <div class="fht-cell"></div>
  61. </th>
  62. <th style="text-align: center; vertical-align: middle; " data-field="address_detail">
  63. <div class="th-inner ">回款完成率(%)</div>
  64. <div class="fht-cell"></div>
  65. </th>
  66. </tr>
  67. </thead>
  68. <tbody data-listidx="0">
  69. {foreach name="customInfo" id="v"}
  70. <tr data-index="0" style="">
  71. <td style="text-align: center; vertical-align: middle; ">{$v.name}</td>
  72. <td style="text-align: center; vertical-align: middle; ">{$v.addcustomer}</td>
  73. <td style="text-align: center; vertical-align: middle; ">{$v.usecustomer}</td>
  74. <td style="text-align: center; vertical-align: middle; ">{$v.userate}%</td>
  75. <td style="text-align: center; vertical-align: middle; ">¥{$v.contractMoney}</td>
  76. <td style="text-align: center; vertical-align: middle; ">¥{$v.reciveMoney}</td>
  77. <td style="text-align: center; vertical-align: middle; ">¥{$v.noreciveMoney}</td>
  78. <td style="text-align: center; vertical-align: middle; ">{$v.ratereciveMoney}%</td>
  79. </tr>
  80. {/foreach}
  81. </tbody>
  82. </table>
  83. </div>
  84. </div>
  85. </div>
  86. <script>
  87. var Orderdata = {
  88. customerdata:{:json_encode($customerdata)}
  89. };
  90. </script>