Нет описания

RepairStatistic.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="renderer" content="webkit">
  7. <title>郑州市第一人民医院</title>
  8. <script src="./Script/Common/huayi.load.js"></script>
  9. <script src="./Script/Common/huayi.config.js"></script>
  10. <link rel="shortcut icon" href="images/favicon.ico" />
  11. <link rel="stylesheet" href="css/index.css" />
  12. <link rel="stylesheet" href="css/RepairStatistic.css" />
  13. <!--[if lt IE 9]>
  14. <script src="js/html5shiv.min.js"></script>
  15. <script src="js/respond.min.js"></script>
  16. <script src="js/oldie.js"></script>
  17. <![endif]-->
  18. </head>
  19. <style>
  20. .col-md-5{
  21. width: 28%;
  22. }
  23. .col-md-7{
  24. width: 44%;
  25. }
  26. </style>
  27. <body>
  28. <div class="chartWarp">
  29. <!--头部导航开始-->
  30. <div class="header">
  31. <ul class="clearfix">
  32. <li class="headerLeft">
  33. <div class="headerLeftIn">
  34. <div class="clearfix head_in">
  35. <div class="head_inConL">
  36. <span class="temperature">
  37. </span>
  38. 温度(℃)
  39. </div>
  40. <div class="head_inConM">
  41. <p class="windPower"></p>
  42. 风速
  43. </div>
  44. <div class="head_inConR">
  45. 湿度(RH)
  46. <span class="humidity"></span>
  47. </div>
  48. </div>
  49. </div>
  50. </li>
  51. <li class="headTwo">
  52. <div class="headTwoIn">
  53. <img src="images/head22.png" alt="" />
  54. </div>
  55. </li>
  56. <li class="headerTitle">
  57. <div class="headerTitleIn">
  58. <img src="images/world.png" alt="" />
  59. </div>
  60. </li>
  61. <li class="headFour">
  62. <div class="headFourIn">
  63. <img src="images/head4.png" alt="" />
  64. </div>
  65. </li>
  66. <li class="headerRight">
  67. <div class="headerRightIn">
  68. <div class="headerRightInCon">
  69. <div class="headerRightInCon_l">
  70. </div>
  71. <div class="headerRightInCon_m">
  72. </div>
  73. <div class="headerRightInCon_r">
  74. 农历:五月十五
  75. </div>
  76. </div>
  77. </div>
  78. </li>
  79. </ul>
  80. </div>
  81. <!--头部导航结束-->
  82. <div class="content container-fluid">
  83. <!--内容上部开始-->
  84. <div class="contentTop row">
  85. <div class="contentTop_left col-md-5" style="padding: 0 5px;">
  86. <!--综合满意度统计-->
  87. <div class="outter outterBox">
  88. <div class="inner">
  89. <div class="contentTop_RightBottom">
  90. <div class="content_nav clearfix">
  91. <div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">综合满意度统计</span></div>
  92. <div class="pull-right">
  93. <div class="btn-group" role="group" aria-label="...">
  94. <button type="button" class="btn ssati_btn btns active" index="2">本月</button>
  95. <button type="button" class="btn ssati_btn btns" index="3">本年</button>
  96. </div>
  97. </div>
  98. </div>
  99. <div id="Satisfaction" style="height: 250px;width: 100%;">
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!--工单渠道-->
  105. <div class="outter outterBox">
  106. <div class="inner">
  107. <div class="contentTop_leftTop clearfix">
  108. <div class="content_nav clearfix">
  109. <div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">工单渠道占比</span></div>
  110. <div class="pull-right">
  111. <div class="btn-group" role="group" aria-label="...">
  112. <button type="button" class="btn channel_btn btns active" index="0">今日</button>
  113. <button type="button" class="btn channel_btn btns" index="2">本月</button>
  114. <button type="button" class="btn channel_btn btns" index="3">本年</button>
  115. </div>
  116. </div>
  117. </div>
  118. <div id="orderSource" style="height: 250px;width: 100%;">
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="contentTop_middle col-md-7" style="padding: 0 5px;">
  125. <div class="outter outterBox">
  126. <div class="inner">
  127. <div class="middleTop clearfix">
  128. <div class="middleTop_top" style="width: 15%;float: left;color: #48abff;font-size: 22px;text-align: center;">
  129. <div style="width: 22px; margin: 0 auto;line-height: 40px;">
  130. 总计
  131. </div>
  132. </div>
  133. <div class="middleTop_bottom" style="width: 85%;float: left;">
  134. <ul class="clearfix">
  135. <li>
  136. <div class="Pink"></div>
  137. 报修
  138. </li>
  139. <li>
  140. <div class="purple"></div>
  141. 已完成
  142. </li>
  143. <li>
  144. <div class="Ashen"></div>
  145. 未完成
  146. </li>
  147. <li>
  148. <div class="green"></div>
  149. 已评价
  150. </li>
  151. </ul>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="outter outterBox">
  157. <div class="inner">
  158. <div class="middleBottom">
  159. <div class="content_nav clearfix">
  160. <div class="pull-left" style="width: 100%;">
  161. <div class="text_tit">
  162. <a style="width: 17%; text-align: center; margin-left: 0;">报修时间</a>
  163. <a style="width: 12%;">报修人</a>
  164. <a style="width: 30%; text-align: center;">报修内容</a>
  165. <a style="width: 15%;">接单人</a>
  166. <a style="width: 15%;">状态</a>
  167. </div>
  168. <div class="scrolltext" style="background:#040a3a;">
  169. <ol id="breakNewsList" class="list6 unfinish">
  170. </ol>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <!--维修工单数据-->
  179. <div class="contentTop_right col-md-5" style="padding: 0 5px;">
  180. <div class="outter outterBox">
  181. <div class="inner">
  182. <div class="contentTop_RightTop">
  183. <div class="content_nav clearfix">
  184. <div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">维修工单数据</span></div>
  185. <div class="pull-right">
  186. <div class="btn-group" role="group" aria-label="...">
  187. <button type="button" class="btn sevr_btn btns active" index="0">今日</button>
  188. <button type="button" class="btn sevr_btn btns" index="2">本月</button>
  189. <button type="button" class="btn sevr_btn btns" index="3">本年</button>
  190. </div>
  191. </div>
  192. </div>
  193. <div id="orderRepairCount" style="height: 250px;width: 100%;">
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. <!--维修及时率-->
  199. <div class="outter outterBox">
  200. <div class="inner">
  201. <div class="contentTop_leftBottom">
  202. <div class="content_nav clearfix">
  203. <div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">维修及时率统计</span></div>
  204. <div class="pull-right">
  205. <div class="btn-group" role="group" aria-label="...">
  206. <button type="button" class="btn maintain_btn btns active" index="0">今日</button>
  207. <button type="button" class="btn maintain_btn btns" index="2">本月</button>
  208. <button type="button" class="btn maintain_btn btns" index="3">本年</button>
  209. </div>
  210. </div>
  211. </div>
  212. <div id="repairTimely" style="height: 250px;width: 100%;">
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <!--内容上部结束-->
  220. <!--内容下部开始-->
  221. <div class="contentBottom row">
  222. <div class="col-md-6" style="padding: 0 5px;">
  223. <div class="outter outterBox">
  224. <div class="inner">
  225. <div class="contentBottom_content clearfix">
  226. <div class="col-md-12">
  227. <div class="content_nav clearfix">
  228. <div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">24小时报修统计</div>
  229. <div class="pull-right" style="margin-left: 30px;">
  230. <div class="btn-group" role="group" aria-label="...">
  231. <button type="button" class="btn btns repairs_btn active" index="0">今日</button>
  232. <button type="button" class="btn btns repairs_btn" index="2">本月</button>
  233. <button type="button" class="btn btns repairs_btn" index="3">本年</button>
  234. </div>
  235. </div>
  236. </div>
  237. <div id="hoursRepairStatistics" style="width: 100%;height: 290px;">
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. <div class="col-md-6" style="padding: 0 5px;">
  245. <div class="outter outterBox">
  246. <div class="inner">
  247. <div class="contentBottom_content clearfix">
  248. <div class="col-md-12">
  249. <div class="content_nav clearfix">
  250. <div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">维修工满意度统计</div>
  251. <div class="pull-right" style="margin-left: 30px;">
  252. <div class="btn-group" role="group" aria-label="...">
  253. <!--<button type="button" class="btn btns mainMan_btn active" index="0">日排行</button>-->
  254. <button type="button" class="btn btns mainMan_btn active" index="2">本月排行</button>
  255. </div>
  256. </div>
  257. </div>
  258. <div>
  259. <div class="contentBottom_content_right clearfix">
  260. <div class="posi">
  261. <ul class="OA_main"></ul>
  262. <ul class="OA_main"></ul>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. <!--<div class="Popout_bj"></div>
  275. <div class="Popout_div">
  276. <div class="Popout_close">
  277. <img src="images/delect_icon.png"/>
  278. </div>
  279. <div class="content_nav clearfix" style="padding: 15px 20px;">
  280. <div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">维修工满意度统计</div>
  281. <div class="pull-right" style="margin-right: 50px;">
  282. <div class="btn-group" role="group" aria-label="...">
  283. <button type="button" class="btn btns mainManPop_btn" index="0">日排行</button>
  284. <button type="button" class="btn btns mainManPop_btn active" index="2">月排行</button>
  285. </div>
  286. </div>
  287. </div>
  288. <div class="Popout_div_border">
  289. <ul class="clearfix" id="OA_mainPop">
  290. </ul>
  291. </div>
  292. </div>-->
  293. <script src="js/Highcharts/variable-pie.js"></script>
  294. <script src="js/RepairStatistic.js"></script>
  295. <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp"></script>
  296. <script src="js/common.js"></script>
  297. </body>
  298. </html>