gongzuobaogao.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>工作报告</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  12. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  13. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/mui-pull.css" />
  15. <link rel="stylesheet" href="../css/tuandui.css" type="text/css" />
  16. <link rel="stylesheet" href="../css/gongzuobaogao.css" />
  17. </head>
  18. <body style="overflow: auto;">
  19. <!--顶部-->
  20. <div class="h45">
  21. <div class="demo-comtop">
  22. <a class="mui-action-back"></a>
  23. <h1><span id="selTit">工作报告-本周</span><label class="lin-down-arrow"></label></h1>
  24. </div>
  25. </div>
  26. <!--下拉选择-->
  27. <div class="lin-mask" style="position: fixed;"></div>
  28. <ul class="lin-sel-group">
  29. <li class="checked" data-type="0"><img src="../images/checked_blue.png"><label>工作报告-本周</label></li>
  30. <li data-type="1"><img src="../images/checked_blue.png"><label>工作报告-本月</label></li>
  31. </ul>
  32. <!--图表-->
  33. <!--总体情况-->
  34. <ul class="gzbg-echarts">
  35. <li class="gzbg-tit"><i class="gzbg-icon ztqk-icon"></i><span>总体情况</span></li>
  36. <li class="gzbg-con">
  37. <img src="../images/qy.png" alt="" />
  38. <ul class="ztqk-list">
  39. <li>净关注数: <span id="qyrs" class="ztqk-font"></span></li>
  40. <li>服务人次: <span id="fwrs" class="ztqk-font"></span></li>
  41. <li>平均医生评分: <span id="pjmyd" class="ztqk-font pjmyd-con"></span></li>
  42. </ul>
  43. </li>
  44. </ul>
  45. <!--居民关注趋势-->
  46. <ul class="gzbg-echarts">
  47. <li class="gzbg-tit">
  48. <i class="gzbg-icon qyqk-icon"></i><span class="qy-lab">居民关注趋势</span>
  49. </li>
  50. <li class="gzbg-con" style="">
  51. <div id="jmgzChart" style="height: 148px;width: 100%;"></div>
  52. </li>
  53. </ul>
  54. <!--关注变化趋势-->
  55. <ul class="gzbg-echarts">
  56. <li class="gzbg-tit">
  57. <i class="gzbg-icon qyqk-icon"></i><span class="qy-lab">关注变化趋势</span>
  58. </li>
  59. <li class="gzbg-con" style="">
  60. <div id="gzbhChart" style="height: 148px;width: 100%;"></div>
  61. </li>
  62. </ul>
  63. <!--咨询统计-->
  64. <ul class="gzbg-echarts">
  65. <li class="gzbg-tit"><i class="gzbg-icon zxtj-icon"></i><span>咨询统计</span></li>
  66. <li class="gzbg-con zxtj">
  67. <div class="mui-loading">
  68. <div class="mui-spinner">
  69. </div>
  70. </div>
  71. <div id="zxtjChart" style="height: 148px;width: 100%;"></div>
  72. <!--<div class="zxtj-info">
  73. <div class="mtb5">
  74. <span class="zxtj-r" style="background: #17b3ec;"></span>
  75. <span class="c-f12 c-666">未回复咨询:&nbsp;&nbsp;</span>
  76. <span id="whfs" class="div-ptrq c-f14" style="color: #17b3ec;"></span>
  77. </div>
  78. <div class="mtb5">
  79. <span class="zxtj-r" style="background: #FF774F;"></span>
  80. <span class="c-f12 c-666">总咨询量:&nbsp;&nbsp;</span>
  81. <span id="yhfs" class="div-65smbrq c-f14" style="color: #17b3ec;"></span>
  82. </div>
  83. </div>-->
  84. <div class="c-f12 c-666 c-t-center mt5">总咨询量:<span id="totalCount"></span></div>
  85. </li>
  86. </ul>
  87. <!--院内服务排行-->
  88. <ul class="gzbg-echarts" style="overflow: hidden;">
  89. <li class="gzbg-tit"><i class="gzbg-icon jg-icon"></i><span>院内服务排行</span></li>
  90. <li class="gzbg-con">
  91. <ul class="jgnph">
  92. </ul>
  93. <div id="jgChart" style="height: 250px;width: 100%;"></div>
  94. <ul class="zbdj">
  95. <li></li>
  96. <li></li>
  97. <li></li>
  98. <li></li>
  99. <li></li>
  100. </ul>
  101. </li>
  102. </ul>
  103. <!--平均医生评分-->
  104. <ul class="gzbg-echarts">
  105. <li class="gzbg-tit"><i class="gzbg-icon myd-icon"></i><span>平均医生评分</span></li>
  106. <li class="gzbg-con">
  107. <div id="mydChart" style="height: 148px;width: 100%;"></div>
  108. </li>
  109. </ul>
  110. </body>
  111. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  112. <script src="../../../js/underscore.js"></script>
  113. <script src="../../../js/es6-promise.js"></script>
  114. <script src="../../../js/mui.min.js" type="text/javascript"></script>
  115. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  116. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  117. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  118. <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
  119. <script src="../../manager/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
  120. <script src="../js/init-charts.js" type="text/javascript"></script>
  121. <script src="../js/get-date.js" type="text/javascript"></script>
  122. <script src="../js/gzbg-helper.js" type="text/javascript"></script>
  123. <script src="../js/draw-charts.js" type="text/javascript" charset="utf-8"></script>
  124. <script src="../js/gongzuobaogao.js" type="text/javascript"></script>
  125. </html>