Нет описания

huTotal.html 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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/laydate/need/laydate.css" />-->
  9. <link rel="stylesheet" href="./css/huTotal.css" />
  10. <link rel="stylesheet" href="./css/init.css" />
  11. <title>呼叫总数</title>
  12. </head>
  13. <style>
  14. @font-face {
  15. font-family: 'iconfont';
  16. src: url('fonts/iconfont.eot');
  17. /* IE9*/
  18. src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  19. url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  20. url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  21. url('fonts/iconfont.svg#iconfont') format('svg');
  22. /* iOS 4.1- */
  23. }
  24. .iconfont {
  25. font-family: "iconfont";
  26. font-style: normal;
  27. }
  28. ul,
  29. li,
  30. ol {
  31. list-style: none;
  32. }
  33. a {
  34. text-decoration: none
  35. }
  36. .clearfix:after {
  37. content: "";
  38. display: block;
  39. clear: both;
  40. }
  41. .hut-top{
  42. background: #f3f3f4;
  43. /*height: 60px;*/
  44. padding: 10px 20px;
  45. }
  46. .hut-tcon{
  47. float: right;
  48. }
  49. .dhLeft a{
  50. color: #999;
  51. }
  52. </style>
  53. <body class="gray-bg" style="background: #fefefe;">
  54. <div class="hu-total">
  55. <div class="daoHang clearfix">
  56. <div class="dhLeft">
  57. <sapn><i class="syIcon"></i>位置:
  58. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  59. <a href="javaScript:;">报表分析</a>&gt;
  60. <a href="javaScript:;">话务运营分析</a>&gt;
  61. <a href="" style="color: #000;">总呼叫量统计</a>
  62. </sapn>
  63. </div>
  64. </div>
  65. <div class="hut-top clearfix">
  66. <div class="topCon form-inline">
  67. 选择年份:
  68. <input class="form-control" type="text" id="chooseTime" />
  69. <button class="btns sear">搜索</button>
  70. <a class="btns export">导出</a>
  71. </div>
  72. </div>
  73. <ul class="nav nav-tabs hu-tab">
  74. <li role="presentation" class="active">
  75. <a href="javascript:;">图形</a>
  76. </li>
  77. <li role="presentation">
  78. <a href="javascript:;">表格</a>
  79. </li>
  80. </ul>
  81. <div class="hu-content">
  82. <div class="hu-con-right">
  83. <h2 style="text-align: center;">总呼叫量统计</h2>
  84. <div id="huData" style="width:100%; height: 500px;">
  85. </div>
  86. </div>
  87. <div class="hu-con-left">
  88. <h2 style="text-align: center;">总呼叫量统计</h2>
  89. <table class="table table-bordered text-center table-hover huTable" style="width: 100%;">
  90. <thead>
  91. <tr>
  92. <td>月份</td>
  93. <td>日期</td>
  94. <td>总量(次)</td>
  95. </tr>
  96. </thead>
  97. <tbody class="tbody">
  98. </tbody>
  99. <!--<tfoot>
  100. <tr>
  101. <td>2017年总计: </td>
  102. <td colspan="2">133 </td>
  103. </tr>
  104. </tfoot>-->
  105. </table>
  106. </div>
  107. </div>
  108. </div>
  109. <script src="./js/jquery.min.js?v=2.1.4"></script>
  110. <script src="./js/bootstrap.min.js?v=3.3.6"></script>
  111. <script src="./js/jquery.cookie.js"></script>
  112. <script src="./css/layer/layer.js"></script>
  113. <script src="./js/laydate/laydate.js"></script>
  114. <script src="./js/echarts.common.min.js"></script>
  115. <script src="./js/huTotal.js"></script>
  116. </body>
  117. </html>