新野县12345_前端

TelephoneDetails.html 2.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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/index.css" />
  11. <title>话务量详情页</title>
  12. <style>
  13. #time1{
  14. width: 199px;
  15. }
  16. .phone_bottom >div:last-child{
  17. width: 40%;
  18. margin-left: 1%;
  19. background: url(img/jd_bg3.png) no-repeat center;
  20. background-size: 100% 100%;
  21. }
  22. .phone_bottom >div:first-child{
  23. background: url(img/jd_bg2.png) no-repeat center;
  24. background-size: 100% 100%;
  25. width: 59%;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <!--导航栏开始-->
  31. <div id="nav" class="clearfix">
  32. </div>
  33. <!--导航栏结束-->
  34. <div id="wrap" class="container">
  35. <div class="phone_top">
  36. <div class="legend_bar clearfix">
  37. <div class="title_word pull-left">
  38. <span class="col-line"></span> 坐席话务量
  39. </div>
  40. <div class="time_box pull-right form-inline">
  41. 日期<input type="text" id="time1" class="times" />
  42. </div>
  43. </div>
  44. <div id="sitProportion" style=" width: 100%;height: 400px;"></div>
  45. </div>
  46. <!--<div class="row">-->
  47. <div class="phone_bottom clearfix">
  48. <div class="bottom_left pull-left">
  49. <div class="legend_bar clearfix">
  50. <div class="title_word pull-left">
  51. <span class="col-line"></span> 话务量实时统计数据
  52. </div>
  53. <div class="time_box pull-right form-inline">
  54. 日期<input type="text" id="time2" class="times" />
  55. </div>
  56. </div>
  57. <!--话务量实时统计-->
  58. <div id="phoneTimeCount" style="width: 100%;height: 390px;"></div>
  59. </div>
  60. <div class="bottom_right pull-left">
  61. <div class="legend_bar clearfix">
  62. <div class="title_word pull-left">
  63. <span class="col-line"></span> 今日话务量数据
  64. </div>
  65. <div class="time_box pull-right form-inline">
  66. 日期<input type="text" id="time3" class="times"/>
  67. </div>
  68. </div>
  69. <!--今日话务量数据-->
  70. <div id="todyPhoneCount" style="width: 100%;height: 390px;"></div>
  71. </div>
  72. </div>
  73. <!--</div>-->
  74. </div>
  75. <script src="js/TelephoneDetails.js"></script>
  76. <script src="js/setItervalTime.js"></script>
  77. </body>
  78. </html>