公司新版大屏;考虑自适应功能

index.html 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <!--优先使用 IE 最新版本和 Chrome-->
  7. <meta name="renderer" content="webkit" />
  8. <script src="Script/Common/huayi.load.js"></script>
  9. <script src="Script/Common/huayi.config.js"></script>
  10. <link rel="stylesheet" href="css/reset.css" />
  11. <link rel="stylesheet" href="./modules/swiper/swiper.min.css" />
  12. <!-- <link rel="stylesheet" href="./modules/swiper/animate.min.css" /> -->
  13. <link rel="stylesheet" href="css/index.css" />
  14. <!-- <link rel="stylesheet" href="css/homes.css" /> -->
  15. <title>大数据首页</title>
  16. <style>
  17. </style>
  18. </head>
  19. <body>
  20. <header class="head clearfix">
  21. <div class="head-left clearfix">
  22. <div class="head-home-img">
  23. <img src="./img/home_icon.png" alt="主页" />
  24. </div>
  25. <div class="head-date">
  26. <span >2020-01-15 12:30:48 星期三</span>
  27. </div>
  28. </div>
  29. <div class="head-center">
  30. <span class="head-center-title">呼叫中心实时监控</span>
  31. </div>
  32. <div class="head-right">
  33. <span>天气</span>
  34. </div>
  35. </header>
  36. <section class="main">
  37. <div class="main-left">
  38. <div class="main-left-1">
  39. <div class="main-title">
  40. 今日坐席状态
  41. </div>
  42. <div class="main-content">
  43. <div class="" id="todayAgentState"></div>
  44. </div>
  45. </div>
  46. <div class="main-left-2">
  47. <div class="main-title">
  48. 话务关键指标
  49. </div>
  50. <div class="main-content" id="trafficIndicator">
  51. </div>
  52. </div>
  53. <div class="main-left-3">
  54. <div class="main-title">
  55. 地区话务量排行TOP5
  56. </div>
  57. <div class="main-content" id="regionTrafficRanking">
  58. </div>
  59. </div>
  60. <div class="main-left-4">
  61. <div class="main-title">
  62. 今日坐席工作
  63. </div>
  64. <div class="main-content" id="">
  65. </div>
  66. </div>
  67. </div>
  68. <div class="main-center">
  69. <div class="main-center-1">
  70. </div>
  71. <div class="main-center-2">
  72. <div class="main-title">
  73. 实时工单
  74. </div>
  75. <div class=""></div>
  76. </div>
  77. <div class="main-center-3">
  78. <div class="main-title">
  79. 话务高峰时段
  80. </div>
  81. <div class=""></div>
  82. </div>
  83. </div>
  84. <div class="main-right">
  85. <div class="main-right-1">
  86. <div class="main-title">
  87. 工单类型
  88. </div>
  89. <div class=""></div>
  90. </div>
  91. <div class="main-right-2">
  92. <div class="main-title">
  93. 工单状态
  94. </div>
  95. <div class=""></div>
  96. </div>
  97. <div class="main-right-3">
  98. <div class="main-title">
  99. 坐席服务关键指标
  100. </div>
  101. <div class=""></div>
  102. </div>
  103. <div class="main-right-4">
  104. <div class="main-title">
  105. 现场坐席服务满意度排行
  106. </div>
  107. <div class=""></div>
  108. </div>
  109. </div>
  110. </section>
  111. <script src="./modules/swiper/swiper.min.js"></script>
  112. <!-- <script src="./modules/swiper/js/swiper.animate1.0.3.min.js"></script> -->
  113. <!-- <script src="js/countUp.js"></script> -->
  114. <!-- <script src="js/tagcloud.js"></script> -->
  115. <script src="modules/jquery.min.js"></script>
  116. <script src="modules/echarts.min.js"></script>
  117. <script src="js/index.js"></script>
  118. <script src="js/chart.js"></script>
  119. <!-- <script src="js/workOrderDistribution.js"></script>
  120. <script src="js/trafficDataTable.js"></script> -->
  121. </body>
  122. </html>