123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <style type="text/css">
- .sm-st-info span {
- display: block;
- font-size: 24px;
- font-weight: 600;
- }
- .stats .stat-icon {
- color: #28bb9c;
- display: inline-block;
- font-size: 26px;
- text-align: center;
- vertical-align: middle;
- width: 50px;
- float: left;
- }
- body{
- background:#fff !important;
- }
- th{
- font-weight: unset !important;
- padding-top:17px !important;
- padding-bottom: 17px !important;
- }
- td{
- font-weight: unset !important;
- padding-top:15px !important;
- padding-bottom: 15px !important;
- }
- .qd_table_color{
- color:#909399;
- }
- </style>
- <div class="row">
- <div class="col-xs-12">
- <div class="div-box">
- <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;">
- </div>
- <div id="echart" style="width:100%;height: 457px"></div>
- </div>
- </div>
- <div class="col-xs-12" style="padding-left:5%;padding-right:5%;padding-top:3%;">
- <table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%" style="">
- <thead>
- <tr class="qd_table_color">
- <th style="text-align: center; vertical-align: middle; " data-field="name">
- <div class="th-inner ">员工姓名</div>
- <div class="fht-cell"></div>
- </th>
- <th style="text-align: center; vertical-align: middle; " data-field="subname">
- <div class="th-inner ">新增客户数</div>
- <div class="fht-cell"></div>
- </th>
- <th style="text-align: center; vertical-align: middle; " data-field="owner_staff_id">
- <div class="th-inner ">成交客户数</div>
- <div class="fht-cell"></div>
- </th>
- <th style="text-align: center; vertical-align: middle; " data-field="industry">
- <div class="th-inner ">客户成交率(%)</div>
- <div class="fht-cell"></div>
- </th>
- <th style="text-align: center; vertical-align: middle; " data-field="source">
- <div class="th-inner ">合同总金额</div><div class="fht-cell"></div>
- </th>
- <th style="text-align: center; vertical-align: middle; " data-field="follow">
- <div class="th-inner ">回款金额</div>
- <div class="fht-cell"></div>
- </th>
- <th style="text-align: center; vertical-align: middle; " data-field="address">
- <div class="th-inner ">未回款金额</div>
- <div class="fht-cell"></div>
- </th>
- <th style="text-align: center; vertical-align: middle; " data-field="address_detail">
- <div class="th-inner ">回款完成率(%)</div>
- <div class="fht-cell"></div>
- </th>
- </tr>
- </thead>
- <tbody data-listidx="0">
- {foreach name="customInfo" id="v"}
- <tr data-index="0" style="">
- <td style="text-align: center; vertical-align: middle; ">
- {$v.name}
- </td>
- <td style="text-align: center; vertical-align: middle; ">{$v.addcustomer}</td>
- <td style="text-align: center; vertical-align: middle; ">{$v.usecustomer}</td>
- <td style="text-align: center; vertical-align: middle; ">{$v.userate}</td>
- <td style="text-align: center; vertical-align: middle; ">{$v.contractMoney}</td>
- <td style="text-align: center; vertical-align: middle; ">{$v.reciveMoney}</td>
- <td style="text-align: center; vertical-align: middle; ">{$v.noreciveMoney}</td>
- <td style="text-align: center; vertical-align: middle; ">{$v.ratereciveMoney}</td>
- </tr>
- {/foreach}
- </tbody>
- </table>
- </div>
- </div>
- <script>
- var Orderdata = {
- customerdata:{:json_encode($customerdata)}
- };
- </script>
|