index.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <style type="text/css">
  2. .sm-st-info span {
  3. display: block;
  4. font-size: 24px;
  5. font-weight: 600;
  6. }
  7. .stats .stat-icon {
  8. color: #28bb9c;
  9. display: inline-block;
  10. font-size: 26px;
  11. text-align: center;
  12. vertical-align: middle;
  13. width: 50px;
  14. float: left;
  15. }
  16. body{
  17. background:#fff !important;
  18. }
  19. th{
  20. font-weight: unset !important;
  21. padding-top:17px !important;
  22. padding-bottom: 17px !important;
  23. }
  24. td{
  25. font-weight: unset !important;
  26. padding-top:15px !important;
  27. padding-bottom: 15px !important;
  28. }
  29. .qd_table_color{
  30. color:#909399;
  31. }
  32. </style>
  33. <div class="row">
  34. <div class="col-xs-12">
  35. <div class="div-box">
  36. <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;">
  37. </div>
  38. <div id="echart" style="width:100%;height: 457px"></div>
  39. </div>
  40. </div>
  41. <div class="col-xs-12" style="padding-left:5%;padding-right:5%;padding-top:3%;">
  42. <table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%" style="">
  43. <thead>
  44. <tr class="qd_table_color">
  45. <th style="text-align: center; vertical-align: middle; " data-field="name">
  46. <div class="th-inner ">员工姓名</div>
  47. <div class="fht-cell"></div>
  48. </th>
  49. <th style="text-align: center; vertical-align: middle; " data-field="subname">
  50. <div class="th-inner ">新增客户数</div>
  51. <div class="fht-cell"></div>
  52. </th>
  53. <th style="text-align: center; vertical-align: middle; " data-field="owner_staff_id">
  54. <div class="th-inner ">成交客户数</div>
  55. <div class="fht-cell"></div>
  56. </th>
  57. <th style="text-align: center; vertical-align: middle; " data-field="industry">
  58. <div class="th-inner ">客户成交率(%)</div>
  59. <div class="fht-cell"></div>
  60. </th>
  61. <th style="text-align: center; vertical-align: middle; " data-field="source">
  62. <div class="th-inner ">合同总金额</div><div class="fht-cell"></div>
  63. </th>
  64. <th style="text-align: center; vertical-align: middle; " data-field="follow">
  65. <div class="th-inner ">回款金额</div>
  66. <div class="fht-cell"></div>
  67. </th>
  68. <th style="text-align: center; vertical-align: middle; " data-field="address">
  69. <div class="th-inner ">未回款金额</div>
  70. <div class="fht-cell"></div>
  71. </th>
  72. <th style="text-align: center; vertical-align: middle; " data-field="address_detail">
  73. <div class="th-inner ">回款完成率(%)</div>
  74. <div class="fht-cell"></div>
  75. </th>
  76. </tr>
  77. </thead>
  78. <tbody data-listidx="0">
  79. {foreach name="customInfo" id="v"}
  80. <tr data-index="0" style="">
  81. <td style="text-align: center; vertical-align: middle; ">
  82. {$v.name}
  83. </td>
  84. <td style="text-align: center; vertical-align: middle; ">{$v.addcustomer}</td>
  85. <td style="text-align: center; vertical-align: middle; ">{$v.usecustomer}</td>
  86. <td style="text-align: center; vertical-align: middle; ">{$v.userate}</td>
  87. <td style="text-align: center; vertical-align: middle; ">{$v.contractMoney}</td>
  88. <td style="text-align: center; vertical-align: middle; ">{$v.reciveMoney}</td>
  89. <td style="text-align: center; vertical-align: middle; ">{$v.noreciveMoney}</td>
  90. <td style="text-align: center; vertical-align: middle; ">{$v.ratereciveMoney}</td>
  91. </tr>
  92. {/foreach}
  93. </tbody>
  94. </table>
  95. </div>
  96. </div>
  97. <script>
  98. var Orderdata = {
  99. customerdata:{:json_encode($customerdata)}
  100. };
  101. </script>