index.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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 datetimepicker"
  9. placeholder="指定年份" autoComplete='off'
  10. data-date-format="YYYY" data-use-current="true"
  11. style="width: 100px;margin: 10px" name="row[year]" value="{$year}" type="text">
  12. <select class="form-control" name="row[status]" style="width: 100px;margin: 10px" >
  13. <option value="1" {eq name="$status" value="1"}selected="selected"{/eq} >成交金额</option>
  14. <option value="2" {eq name="$status" value="2"}selected="selected"{/eq}>回款金额</option>
  15. </select>
  16. <select class="form-control" name="row[type]" style="width: 150px;margin: 10px" >
  17. <option value="0" {eq name="$type" value="0"}selected="selected"{/eq} >本人及下属</option>
  18. <option value="1" {eq name="$type" value="1"}selected="selected"{/eq}>仅本人</option>
  19. <option value="2" {eq name="$type" value="2"}selected="selected"{/eq}>仅下属</option>
  20. </select>
  21. <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}"/>
  22. <button type="submit" class="btn btn-success" style="margin: 10px" >搜索</button>
  23. </div>
  24. </div>
  25. </div>
  26. </form>
  27. <div class="col-xs-12">
  28. <div class="div-box">
  29. <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;">
  30. </div>
  31. <div id="echart" style="width:100%;height: 457px"></div>
  32. </div>
  33. </div>
  34. <div class="col-xs-12" >
  35. <table id="table" class="table table-striped table-bordered " width="100%"
  36. style="text-align: center; vertical-align: middle; ">
  37. <thead>
  38. <tr>
  39. <th class="text-center">时间</th>
  40. <th class="text-center">合同金额(元)</th>
  41. <th class="text-center">目标合计(元)</th>
  42. <th class="text-center">完成率(%)</th>
  43. </tr>
  44. </thead>
  45. <tbody data-listidx="0">
  46. {foreach name="$data" item="val"}
  47. <tr>
  48. <td>{$val.month}</td>
  49. <td>{$val.money}</td>
  50. <td>{$val.achievement}</td>
  51. <td>{$val.ratio}</td>
  52. </tr>
  53. {/foreach}
  54. </tbody>
  55. </table>
  56. </div>
  57. </div>
  58. </div>
  59. <script>
  60. var Orderdata = {
  61. staffdata:{:json_encode($echartdata)}
  62. };
  63. </script>