开封利通水务前端

department_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. margin-top: -100px;
  30. }
  31. </style>
  32. <body class="gray-bg" style="background: #fefefe;">
  33. <div class="hu-total">
  34. <div class="daoHang clearfix">
  35. <div class="dhLeft">
  36. <sapn><i class="syIcon"></i>位置:
  37. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  38. <a href="javaScript:;">报表分析</a>&gt;
  39. <a href="javaScript:;">话务运营分析</a>&gt;
  40. <a href="" class="nowPosition">部门处理情况统计表</a>
  41. </sapn>
  42. </div>
  43. <div class="dhRight">
  44. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  45. </div>
  46. </div>
  47. <div class="hut-top clearfix">
  48. <div class="topCon">
  49. <div class="form-inline th-bar clearfix">
  50. <div class="time-box form-group">
  51. <i class="tub fa fa-calendar"></i>
  52. <input class="form-control" type="text" id="startTime" placeholder="请选择起止时间" style="width: 228px;">
  53. </div>
  54. <div class="form-group tool_bars pull-right">
  55. <button class="btns sear">搜索</button>
  56. <a class="btns export">导出</a>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <ul class="nav nav-tabs hu-tab">
  62. <li role="presentation" class="active">
  63. <a href="javascript:;">图形</a>
  64. </li>
  65. <!-- <li role="presentation">
  66. <a href="javascript:;">表格</a>
  67. </li> -->
  68. </ul>
  69. <div class="hu-content">
  70. <div id="" class="hu-con-right">
  71. <h2 style="text-align: center;font-size: 18px;">部门处理情况统计</h2>
  72. <div id="Bitiur" style="height: 600px;width: 60%;"></div>
  73. </div>
  74. <div class="hu-con-right">
  75. <div id="hjCompaer" style="height: 500px;width: 100%;"></div>
  76. </div>
  77. <!-- <div class="hu-con-left">
  78. <h2 style="text-align: center;">年呼叫数据对比</h2>
  79. <div class="layui-hide" id="t_callTotal"></div>
  80. </div> -->
  81. </div>
  82. </div>
  83. <script src="../js/layui/layui.js"></script>
  84. <script src="../js/echarts.min.js"></script>
  85. <script src="../js/department_table.js"></script>
  86. </body>
  87. </html>