Bez popisu

huTotal.html 2.6KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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="js/select2/css/select2.min.css" />
  11. <link rel="stylesheet" href="./css/init.css" />
  12. <title>呼叫总数</title>
  13. </head>
  14. <style>
  15. .hut-top {
  16. background: #f3f3f4;
  17. /*height: 60px;*/
  18. padding: 10px 20px;
  19. }
  20. .hut-tcon {
  21. float: right;
  22. }
  23. .dhLeft a {
  24. color: #999;
  25. }
  26. </style>
  27. <body class="gray-bg" style="background: #fefefe;">
  28. <div class="hu-total">
  29. <div class="daoHang clearfix">
  30. <div class="dhLeft">
  31. <sapn><i class="syIcon"></i>位置:
  32. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  33. <a href="javaScript:;">报表分析</a>&gt;
  34. <a href="javaScript:;">话务运营分析</a>&gt;
  35. <a href="" class="nowPosition">总呼叫量统计</a>
  36. </sapn>
  37. </div>
  38. <div class="dhRight">
  39. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  40. </div>
  41. </div>
  42. <div class="hut-top clearfix">
  43. <div class="topCon">
  44. <div class="form-inline th-bar clearfix">
  45. <div class="time-box form-group">
  46. <i class="tub fa fa-calendar"></i>
  47. <input class="form-control" type="text" id="chooseTime" placeholder="请选择年份">
  48. </div>
  49. <!--<div class="time-box form-group">
  50. 部门:
  51. <select id="bumen">
  52. <option value="">请选择</option>
  53. </select>
  54. </div>-->
  55. <div class="form-group tool_bars pull-right">
  56. <button class="btns sear">搜索</button>
  57. <a class="btns export">导出</a>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. <ul class="nav nav-tabs hu-tab">
  63. <li role="presentation" class="active">
  64. <a href="javascript:;">图形</a>
  65. </li>
  66. <li role="presentation">
  67. <a href="javascript:;">表格</a>
  68. </li>
  69. </ul>
  70. <div class="hu-content">
  71. <div class="hu-con-right">
  72. <h2 style="text-align: center;">数据柱状图</h2>
  73. <div id="huData" style="width:100%; height: 500px;">
  74. </div>
  75. </div>
  76. <div class="hu-con-left">
  77. <h2 style="text-align: center;">总呼叫量统计</h2>
  78. <table class="layui-hide" id="t_callTotal"></table>
  79. </div>
  80. </div>
  81. </div>
  82. <script src="./js/layui/layui.js"></script>
  83. <script src="./js/echarts.common.min.js"></script>
  84. <script src="./js/select2/js/select2.min.js"></script>
  85. <script src="./js/huTotal.js"></script>
  86. </body>
  87. </html>