12345市长热线标准版-前端

huTotal.html 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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 href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  9. <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  10. <link href="../css/animate.min.css" rel="stylesheet">
  11. <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
  12. <link rel="stylesheet" href="../css/laydate/need/laydate.css" />
  13. <link rel="stylesheet" href="../css/huTotal.css" />
  14. <link rel="stylesheet" href="../css/init.css" />
  15. <title>呼叫总数</title>
  16. </head>
  17. <style>
  18. @font-face {
  19. font-family: 'iconfont';
  20. src: url('fonts/iconfont.eot');
  21. /* IE9*/
  22. src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  23. url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  24. url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  25. url('fonts/iconfont.svg#iconfont') format('svg');
  26. /* iOS 4.1- */
  27. }
  28. .iconfont {
  29. font-family: "iconfont";
  30. font-style: normal;
  31. }
  32. ul,
  33. li,
  34. ol {
  35. list-style: none;
  36. }
  37. a {
  38. text-decoration: none
  39. }
  40. .clearfix:after {
  41. content: "";
  42. display: block;
  43. clear: both;
  44. }
  45. .hut-top{
  46. background: #f3f3f4;
  47. /*height: 60px;*/
  48. padding: 10px 20px;
  49. }
  50. .hut-tcon{
  51. float: right;
  52. }
  53. .dhLeft a{
  54. color: #999;
  55. }
  56. .huTable thead td{
  57. background: #00a1cb!important;
  58. color: #fff!important;
  59. }
  60. </style>
  61. <body class="gray-bg" style="background: #fefefe;">
  62. <div class="hu-total wrapper wrapper-content animated fadeInRight">
  63. <div class="daoHang clearfix">
  64. <div class="dhLeft">
  65. <sapn><i class="syIcon"></i>位置:<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表管理</a>&gt;<a href="" class="nowPosition">总呼叫量</a></sapn>
  66. </div>
  67. <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
  68. </div>
  69. <div class="toolBar clearfix">
  70. <div class="toolRight" style="float: right;">
  71. <span>选择日期:</span>
  72. <select name="" id="chooseTime" class="select_">
  73. <!--<option value="0">请选择</option>-->
  74. <option value="2009">2009</option>
  75. <option value="2010">2010</option>
  76. <option value="2011">2011</option>
  77. <option value="2012">2012</option>
  78. <option value="2013">2013</option>
  79. <option value="2014">2014</option>
  80. <option value="2015">2015</option>
  81. <option value="2016">2016</option>
  82. <option value="2017" selected="selected">2017</option>
  83. <option value="2018">2018</option>
  84. <option value="2019">2019</option>
  85. <option value="2020">2020</option>
  86. <option value="2021">2021</option>
  87. <option value="2022">2022</option>
  88. <option value="2023">2023</option>
  89. <option value="2024">2024</option>
  90. <option value="2025">2025</option>
  91. <option value="2026">2026</option>
  92. <option value="2027">2027</option>
  93. <option value="2028">2028</option>
  94. <option value="2029">2029</option>
  95. <option value="2030">2030</option>
  96. </select>
  97. <button class="btns sear">搜索</button>
  98. <a class="btns export">导出</a>
  99. </div>
  100. </div>
  101. <!--<div class="hut-top clearfix">
  102. <div class="topCon">
  103. </div>
  104. </div>-->
  105. <ul class="nav nav-tabs hu-tab">
  106. <li role="presentation" class="active"><a href="javascript:;">图形</a></li>
  107. <li role="presentation"><a href="javascript:;">表格</a></li>
  108. </ul>
  109. <div class="hu-content">
  110. <div class="hu-con-right">
  111. <h2 style="text-align: center;">数据折线图</h2>
  112. <div id="huData" style="width:100%; height: 500px;">
  113. </div>
  114. </div>
  115. <div class="hu-con-left" style="display:none;">
  116. <h2 style="text-align: center;">总呼叫量统计</h2>
  117. <table class="table table-bordered text-center table-hover huTable" style="width: 100%;">
  118. <thead>
  119. <tr>
  120. <td>月份</td>
  121. <td>日期</td>
  122. <td>总量</td>
  123. </tr>
  124. </thead>
  125. <tbody class="tbody">
  126. </tbody>
  127. <!--<tfoot>
  128. <tr>
  129. <td>2017年总计: </td>
  130. <td colspan="2">133 </td>
  131. </tr>
  132. </tfoot>-->
  133. </table>
  134. </div>
  135. </div>
  136. </div>
  137. <script src="../js/jquery.min.js?v=2.1.4"></script>
  138. <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  139. <script src="../js/jquery.cookie.js"></script>
  140. <script src="../css/layer/layer.js"></script>
  141. <script src="../css/laydate/laydate.js"></script>
  142. <script src="../js/echarts.common.min.js"></script>
  143. <script src="../js/huTotal.js"></script>
  144. <script>
  145. //返回首页
  146. $('#ReIndex').click(function(){
  147. top.home_index();
  148. })
  149. </script>
  150. </body>
  151. </html>