开封利通水务前端

statistical_table.html 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="../css/huTotal.css" />
  9. <link rel="stylesheet" href="../js/layui/css/layui.css" />
  10. <link rel="stylesheet" href="../css/init.css" />
  11. <title>工单子类统计表</title>
  12. </head>
  13. <style>
  14. .hut-top {
  15. background: #f3f3f4;
  16. /*height: 60px;*/
  17. padding: 10px 20px;
  18. }
  19. .hut-tcon {
  20. float: right;
  21. }
  22. .topCon {
  23. float: none !important;
  24. }
  25. .dhLeft a {
  26. color: #999;
  27. }
  28. #Bitiur{
  29. position: absolute;
  30. top:100px;
  31. right: 10%;
  32. }
  33. </style>
  34. <body class="gray-bg" style="background: #fefefe;">
  35. <div class="hu-total">
  36. <div class="daoHang clearfix">
  37. <div class="dhLeft">
  38. <sapn><i class="syIcon"></i>位置:
  39. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  40. <a href="javaScript:;">报表分析</a>&gt;
  41. <a href="javaScript:;">话务运营分析</a>&gt;
  42. <a href="" class="nowPosition">工单子类统计表</a>
  43. </sapn>
  44. </div>
  45. <div class="dhRight">
  46. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  47. </div>
  48. </div>
  49. <div class="hut-top clearfix">
  50. <div class="topCon">
  51. <div class="form-inline th-bar clearfix">
  52. <div class="time-box form-group">
  53. <i class="tub fa fa-calendar"></i>
  54. <input class="form-control" type="text" id="startTime" placeholder="请选择起止时间" style="width: 228px;">
  55. </div>
  56. <div class="form-group tool_bars pull-right">
  57. <button class="btns sear">搜索</button>
  58. <a class="btns export">导出</a>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <ul class="nav nav-tabs hu-tab">
  64. <li role="presentation" class="active">
  65. <a href="javascript:;">图形</a>
  66. </li>
  67. <!-- <li role="presentation">
  68. <a href="javascript:;">表格</a>
  69. </li> -->
  70. </ul>
  71. <div class="hu-content">
  72. <div class="hu-con-right">
  73. <h2 style="text-align: center;font-size: 18px;">工单子类统计表</h2>
  74. <div id="hjCompaer" style="height: 500px;width: 100%;"></div>
  75. </div>
  76. <div id="" class="hu-con-right">
  77. <div id="Bitiur" style="height: 400px;width: 50%;"></div>
  78. </div>
  79. <!-- <div class="hu-con-left">
  80. <h2 style="text-align: center;">年呼叫数据对比</h2>
  81. <div class="layui-hide" id="t_callTotal"></div>
  82. </div> -->
  83. </div>
  84. </div>
  85. <script src="../js/layui/layui.js"></script>
  86. <script src="../js/echarts.min.js"></script>
  87. <script src="../js/statistical_table.js"></script>
  88. </body>
  89. </html>