永城市12345_前端 - 这个不用

zhongXinDaShuJu.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <script src="Script/Common/huayi.load.js"></script>
  7. <script src="Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="css/bootstrap.min.css" />
  9. <link rel="stylesheet" href="css/index.css" />
  10. <style>
  11. .gdmap .gdmap-m {
  12. /* width: 60%; */
  13. width: 476px;
  14. height: 369px;
  15. margin: 0 auto;
  16. }
  17. .gdmap-box {
  18. margin-top: 15px;
  19. width: 95%;
  20. margin: 0 auto;
  21. }
  22. .gdmap-l{
  23. float: left;
  24. width: 33%;
  25. }
  26. .gdmap-r{
  27. /*float: left;
  28. width: 64%;
  29. margin-left: 1%;*/
  30. width: 95%;
  31. margin: 0 auto;
  32. }
  33. .tt_count{
  34. color: #fff; width:48%; display: inline-block;text-align: center;margin: 15px 0;font-size: 14px;
  35. }
  36. .tt_count strong{
  37. font-size: 20px;
  38. }
  39. .gdmap .gdmap-r ul li {
  40. float: left;
  41. float: left;
  42. width: 25%;
  43. /* margin-top: 15px; */
  44. padding: 8px 0;
  45. border-top: 1px solid #1e2b3a;
  46. /*cursor: pointer;*/
  47. text-align: center;
  48. }
  49. /*.gdmap-r.xian{
  50. width: 100%;
  51. }*/
  52. </style>
  53. </head>
  54. <body>
  55. <div class="navcon ">
  56. <div class="navbox clearfix">
  57. <p><img src="img/sqLogo.png" class="logo" alt="" />商丘12345数据展示</p>
  58. <ul class="navl clearfix">
  59. <li>
  60. <a href="index.html">来源渠道情况</a>
  61. </li>
  62. <li>
  63. <a href="jieDanBuMen.html">接单部门情况</a>
  64. </li>
  65. <li>
  66. <a href="touSuJuBao.html">投诉举报情况</a>
  67. </li>
  68. <li>
  69. <a href="huaWuLiang.html">话务数量情况</a>
  70. </li>
  71. <li>
  72. <a class="active" href="zhongXinDaShuJu.html">中心大数据</a>
  73. </li>
  74. <!--<li>
  75. <a href="fuWuZhiShi.html">服务知识</a>
  76. </li>-->
  77. </ul>
  78. </div>
  79. </div>
  80. <!--containers-->
  81. <div class=" container-fluid">
  82. <div class="mb clearfix row">
  83. <div class="col-md-6" >
  84. <div class="gdmap">
  85. <div class="tt_count" ><div>工单总计</div><p><strong id="total"></strong></p></div>
  86. <div class="tt_count"><div>今日受理量</div><p><strong id="today"></strong></p></div>
  87. <!--<div class="tt_count" ><div>今日交办量</div><p><strong id="jiaoBan"></strong></p></div>-->
  88. <div class="gdmap-m">
  89. <img src="img/midmap_03.png" alt="" />
  90. </div>
  91. <div class="gdmap-box clearfix">
  92. <!--<div class="gdmap-l ">
  93. <ul class="clearfix">
  94. </ul>
  95. </div>-->
  96. <div class="gdmap-r xian">
  97. <ul class="clearfix list2">
  98. <!--<li><i class="xe-3"></i><span>舟山县</span><span>170</span></li>-->
  99. </ul>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!--part2-->
  105. <div class="col-md-6">
  106. <div id="slhw" style="width:100%;height: 400px;"></div>
  107. </div>
  108. </div>
  109. <div class="conb clearfix row" style="margin-top: 20px;">
  110. <!--<div>
  111. <div id="th_num" style="height: 400px;"></div>
  112. </div>-->
  113. <!--part3-->
  114. <div class="col-md-6">
  115. <div id="jtv_num" style="width:100%;height: 400px;"></div>
  116. </div>
  117. <!--part4-->
  118. <div class="col-md-6">
  119. <div id="th_nums" style="width:100%;height: 400px;"></div>
  120. </div>
  121. </div>
  122. </div>
  123. </body>
  124. <script src="js/jquery.min.js"></script>
  125. <script src="js/echarts.min.js"></script>
  126. <script src="js/highcharts.js"></script>
  127. <script src="js/gray.js"></script>
  128. <script src="js/radialIndicator.js"></script>
  129. <script src="js/zhongxin.js"></script>
  130. </html>