physical_examination.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  5. <meta charset="utf-8">
  6. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  7. <meta content="yes" name="apple-mobile-web-app-capable">
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta content="telephone=no" name="format-detection">
  10. <!-- <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css"> -->
  11. <script src="__PUBLIC__/wxapp/js/jquery-1.8.3/jquery.min.js"></script>
  12. <link rel="stylesheet" href="__PUBLIC__/wxapp/css/jdxf.css">
  13. <!-- 引入 ECharts 文件 -->
  14. <script src="__PUBLIC__/wxapp/js/echarts.min.js"></script>
  15. <script src="/jdxf/wxapp/Home/View/Public/cordova/index.js"></script>
  16. <script type="text/javascript" src="__PUBLIC__/wxapp/js/cs/dialog.js"></script>
  17. <!--<link rel="stylesheet" href="__PUBLIC__/wxapp/css/jdxf2.css">-->
  18. <script src='https://res.wx.qq.com/open/js/jweixin-1.4.0.js'></script>
  19. <script type="text/javascript" src="__PUBLIC__/wxapp/js/jquery-1.11.3.min.js"></script>
  20. <title>体检详情</title>
  21. <style>
  22. .bjbox{
  23. margin: 15px 0;
  24. }
  25. .mar{
  26. margin: 0 30px;
  27. }
  28. .bjbox-c{
  29. font-size: 14px;
  30. color: #646464;
  31. }
  32. .box{
  33. height: 20px;
  34. background-color: #F5F5F5;
  35. }
  36. .mar-words {
  37. float: right;
  38. font-size: 18px;
  39. }
  40. .height1dcdcdc {
  41. display: block;
  42. height: 1px;
  43. margin-top: 20px;
  44. margin-bottom: 20px;
  45. background: #DCDCDC;
  46. }
  47. .buttt{
  48. margin-top: 5px;
  49. margin-bottom: 5px;
  50. color: #fff;
  51. background-color: #d9534f;
  52. border-color: #d43f3a;
  53. display: inline-block;
  54. padding: 6px 12px;
  55. margin-bottom: 0;
  56. font-size: 14px;
  57. font-weight: 400;
  58. line-height: 1.42857143;
  59. text-align: center;
  60. white-space: nowrap;
  61. vertical-align: middle;
  62. -ms-touch-action: manipulation;
  63. touch-action: manipulation;
  64. cursor: pointer;
  65. -webkit-user-select: none;
  66. -moz-user-select: none;
  67. -ms-user-select: none;
  68. user-select: none;
  69. background-image: none;
  70. border: 1px solid transparent;
  71. border-radius: 4px;
  72. }
  73. </style>
  74. </head>
  75. <body>
  76. <!-- 头部 -->
  77. <div class="hand">
  78. <span class="hand-i"><!-- <i class="fa fa-angle-down"></i> -->
  79. <a href="__MODULE__/Index/index{$tokenurl}/companyid/{$company_code}">
  80. <img style="height: 16px;" src="__PUBLIC__/wxapp/images/jd_07.png" alt="">
  81. </a>
  82. </span>
  83. </span>
  84. {$time}体检详情
  85. </div>
  86. <div id="main" style="width: 100%;min-height:320px;height: 48%; float: left;"></div>
  87. <!--<div class="box"></div>-->
  88. <!-- 基本信息 -->
  89. <div class="bjbox">
  90. <!--<div class="height1dcdcdc"></div>-->
  91. <div class="bjbox-c mar">基本信息</div>
  92. <div class="height1dcdcdc"></div>
  93. <div class="mar">
  94. 单位: {$company_data.owner_name}<br>
  95. 地址: {$company_data.owner_address}<br>
  96. 安全评分: {$score}<br>
  97. 安全排名: {$pm}<br>
  98. 注册时间: {$company_data.create_time}<br>
  99. </div>
  100. </div>
  101. <div class="height1dcdcdc"></div>
  102. <table border="1" cellspacing="0" style="font-size: 16px;width: 95%;margin: 10px">
  103. <tr>
  104. <th>设备类型</th>
  105. <th>说明</th>
  106. <th>状态</th>
  107. </tr>
  108. <if condition="$yc_count eq 0 ">
  109. <else />
  110. <tr>
  111. <td>用户信息传输装置</td>
  112. <td>报警数量{$yc_count},处理{$ycl_yc_count}</td>
  113. <if condition="$zb_yc1 eq 1 ">
  114. <td>合格</td>
  115. <else />
  116. <td>不合格</td>
  117. </if>
  118. </tr>
  119. </if>
  120. <if condition="$sj_count eq 0 ">
  121. <else />
  122. <tr>
  123. <td>水系统</td>
  124. <td>报警数量{$sj_count},处理{$ycl_sj_count}</td>
  125. <if condition="$zb_sj1 eq 1 ">
  126. <td>合格</td>
  127. <else />
  128. <td>不合格</td>
  129. </if>
  130. </tr>
  131. </if>
  132. <if condition="$yg_count eq 0 ">
  133. <else />
  134. <tr>
  135. <td>烟感</td>
  136. <td>报警数量{$yg_count},处理{$ycl_yg_count}</td>
  137. <if condition="$zb_yg1 eq 1 ">
  138. <td>合格</td>
  139. <else />
  140. <td>不合格</td>
  141. </if>
  142. </tr>
  143. </if>
  144. <if condition="$xfs_count eq 0 ">
  145. <else />
  146. <tr>
  147. <td>消防栓</td>
  148. <td>报警数量{$xfs_count},处理{$ycl_xfs_count}</td>
  149. <if condition="$zb_xfs1 eq 1 ">
  150. <td>合格</td>
  151. <else />
  152. <td>不合格</td>
  153. </if>
  154. </tr>
  155. </if>
  156. <if condition="$yw_count eq 0 ">
  157. <else />
  158. <tr>
  159. <td>液位</td>
  160. <td>报警数量{$yw_count},处理{$ycl_yw_count}</td>
  161. <if condition="$zb_yw1 eq 1 ">
  162. <td>合格</td>
  163. <else />
  164. <td>不合格</td>
  165. </if>
  166. </tr>
  167. </if>
  168. <if condition="$rtu_count eq 0 ">
  169. <else />
  170. <tr>
  171. <td>RTU</td>
  172. <td>报警数量{$rtu_count},处理{$ycl_rtu_count}</td>
  173. <if condition="$zb_rtu1 eq 1 ">
  174. <td>合格</td>
  175. <else />
  176. <td>不合格</td>
  177. </if>
  178. </tr>
  179. </if>
  180. <if condition="$dqhz_count eq 0 ">
  181. <else />
  182. <tr>
  183. <td>电气火灾</td>
  184. <td>报警数量{$dqhz_count},处理{$ycl_dqhz_count}</td>
  185. <if condition="$zb_dqhz1 eq 1 ">
  186. <td>合格</td>
  187. <else />
  188. <td>不合格</td>
  189. </if>
  190. </tr>
  191. </if>
  192. <if condition="$spjc_count eq 0 ">
  193. <else />
  194. <tr>
  195. <td>视频监测</td>
  196. <td>报警数量{$spjc_count},处理{$ycl_spjc_count}</td>
  197. <if condition="$zb_spjc1 eq 1 ">
  198. <td>合格</td>
  199. <else />
  200. <td>不合格</td>
  201. </if>
  202. </tr>
  203. </if>
  204. <if condition="$dtjc_count eq 0 ">
  205. <else />
  206. <tr>
  207. <td>电梯监测</td>
  208. <td>报警数量{$dtjc_count},处理{$ycl_dtjc_count}</td>
  209. <if condition="$zb_dtjc1 eq 1 ">
  210. <td>合格</td>
  211. <else />
  212. <td>不合格</td>
  213. </if>
  214. </tr>
  215. </if>
  216. <if condition="$krqt_count eq 0 ">
  217. <else />
  218. <tr>
  219. <td>可燃气体监测</td>
  220. <td>报警数量{$krqt_count},处理{$ycl_krqt_count}</td>
  221. <if condition="$zb_krqt1 eq 1 ">
  222. <td>合格</td>
  223. <else />
  224. <td>不合格</td>
  225. </if>
  226. </tr>
  227. </if>
  228. </table>
  229. <!--<div class="height1dcdcdc"></div>-->
  230. <div class="box"></div>
  231. <!-- 基本信息 -->
  232. <div class="bjbox" style="font-size: 14px">
  233. <!--<div class="height1dcdcdc"></div>-->
  234. <h3>分析结论</h3>
  235. <!--<div class="bjbox-c mar">分析结论</div>-->
  236. <!--<div class="height1dcdcdc"></div>-->
  237. <h5>1.存在问题或需要改进事项</h5>
  238. <if condition="$zb_yc1 eq 0 ">
  239. <span>&nbsp;&nbsp;&nbsp;&nbsp;用户信息传输装置该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  240. <else />
  241. </if>
  242. <if condition="$zb_sj1 eq 0 ">
  243. <span>&nbsp;&nbsp;&nbsp;&nbsp;水系统该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  244. <else />
  245. </if>
  246. <if condition="$zb_yg1 eq 0 ">
  247. <span>&nbsp;&nbsp;&nbsp;&nbsp;烟感该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  248. <else />
  249. </if>
  250. <if condition="$zb_xfs1 eq 0 ">
  251. <span>&nbsp;&nbsp;&nbsp;&nbsp;消防栓该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  252. <else />
  253. </if>
  254. <if condition="$zb_yw1 eq 0 ">
  255. <span>&nbsp;&nbsp;&nbsp;&nbsp;液位该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  256. <else />
  257. </if>
  258. <if condition="$zb_rtu1 eq 0 ">
  259. <span>&nbsp;&nbsp;&nbsp;&nbsp;RTU该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  260. <else />
  261. </if>
  262. <if condition="$zb_dqhz1 eq 0 ">
  263. <span>&nbsp;&nbsp;&nbsp;&nbsp;电气火灾该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  264. <else />
  265. </if>
  266. <if condition="$zb_spjc1 eq 0 ">
  267. <span>&nbsp;&nbsp;&nbsp;&nbsp;视频监测该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  268. <else />
  269. </if>
  270. <if condition="$zb_dtjc1 eq 0 ">
  271. <span>&nbsp;&nbsp;&nbsp;&nbsp;电梯监测该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  272. <else />
  273. </if>
  274. <if condition="$zb_krqt1 eq 0 ">
  275. <span>&nbsp;&nbsp;&nbsp;&nbsp;可燃气体监测该类设备隐患极高或存在故障,建议尽早进行排查;</span><br>
  276. <else />
  277. </if>
  278. <h5>2.其他事宜</h5>
  279. <if condition="$zb_yc1 eq 1 ">
  280. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:用户信息传输装置设备通信情况较好,需要保持;</span><br>
  281. <else />
  282. </if>
  283. <if condition="$zb_sj1 eq 1 ">
  284. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:水系统该类设备通信情况较好,需要保持;</span><br>
  285. <else />
  286. </if>
  287. <if condition="$zb_yg1 eq 1 ">
  288. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:烟感该类设备通信情况较好,需要保持;</span><br>
  289. <else />
  290. </if>
  291. <if condition="$zb_xfs1 eq 1 ">
  292. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:消防栓该类设备通信情况较好,需要保持;</span><br>
  293. <else />
  294. </if>
  295. <if condition="$zb_yw1 eq 1 ">
  296. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:液位该类设备通信情况较好,需要保持;</span><br>
  297. <else />
  298. </if>
  299. <if condition="$zb_rtu1 eq 1 ">
  300. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:RTU该类设备通信情况较好,需要保持;</span><br>
  301. <else />
  302. </if>
  303. <if condition="$zb_dqhz1 eq 1 ">
  304. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:电气火灾该类设备通信情况较好,需要保持;</span><br>
  305. <else />
  306. </if>
  307. <if condition="$zb_spjc1 eq 1 ">
  308. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:视频监测该类设备通信情况较好,需要保持;</span><br>
  309. <else />
  310. </if>
  311. <if condition="$zb_dtjc1 eq 1 ">
  312. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:电梯监测该类设备通信情况较好,需要保持;</span><br>
  313. <else />
  314. </if>
  315. <if condition="$zb_krqt1 eq 1 ">
  316. <span>&nbsp;&nbsp;&nbsp;&nbsp;目前数据反映:可燃气体监测该类设备通信情况较好,需要保持;</span><br>
  317. <else />
  318. </if>
  319. </div>
  320. <script type="text/javascript">
  321. k_type('main');
  322. function k_type(part){
  323. var commm='{$score}';
  324. //console.log(commm);
  325. let myChart = echarts.init(document.getElementById(part));
  326. let option = {
  327. title: [{
  328. x:'center',
  329. text: '安全分析'
  330. },
  331. {
  332. text: "安全评分",
  333. x: "center",
  334. y: "center",
  335. subtext: commm,//"{$cns}",
  336. textStyle: {
  337. color: "#000000",
  338. fontSize: "20",
  339. fontWeight: 'normal'
  340. },
  341. subtextStyle:{
  342. fontSize:20,
  343. color:"#ff9f7f"
  344. },
  345. }
  346. ],
  347. tooltip: {
  348. trigger: 'item',
  349. formatter: "{a} <br/>{b}: {c} ({d}%)"
  350. },
  351. // legend: {
  352. // //orient: 'vertical',
  353. // top:35,
  354. // x:'center',
  355. // data:['报警主机','消防栓','水系统','烟感','RTU'],
  356. //
  357. // },
  358. series: [
  359. {
  360. name:'报警分析',
  361. type:'pie',
  362. radius: ['40%', '55%'],
  363. center: ['50%', '60%'],
  364. avoidLabelOverlap: false,
  365. label: {
  366. normal: {
  367. show: false,
  368. position: 'center'
  369. },
  370. emphasis: {
  371. show: false,
  372. textStyle: {
  373. fontSize: '30',
  374. fontWeight: 'bold'
  375. }
  376. }
  377. },
  378. labelLine: {
  379. normal: {
  380. show: false
  381. }
  382. },
  383. data:[
  384. {value:{$yc_count}, name:'用传',itemStyle:{normal:{color:'#e062ae'}}},
  385. {value:{$sj_count}, name:'水系统',itemStyle:{normal:{color:'#37a2da'}}},
  386. {value:{$yg_count}, name:'烟感',itemStyle:{normal:{color:'#ff2200'}}},
  387. {value:{$xfs_count}, name:'消防栓',itemStyle:{normal:{color:'#67e0e3'}}},
  388. {value:{$yw_count}, name:'液位',itemStyle:{normal:{color:'#ffdb5c'}}},
  389. {value:{$rtu_count}, name:'RTU',itemStyle:{normal:{color:'#00ff00'}}},
  390. {value:{$dqhz_count}, name:'电气火灾',itemStyle:{normal:{color:'#9933ff'}}},
  391. {value:{$spjc_count}, name:'视频监测',itemStyle:{normal:{color:'#99ff00'}}},
  392. {value:{$dtjc_count}, name:'电梯监测',itemStyle:{normal:{color:'#0000cc'}}},
  393. // {value:{$rtu_count}, name:'井盖检测',itemStyle:{normal:{color:'#ffa034'}}},
  394. // {value:{$rtu_count}, name:'地磁监测',itemStyle:{normal:{color:'#17ffe9'}}},
  395. // {value:{$rtu_count}, name:'门禁监测',itemStyle:{normal:{color:'#ff43ca'}}},
  396. {value:{$krqt_count}, name:'可燃气体监测',itemStyle:{normal:{color:'#586eff'}}},
  397. ]
  398. }
  399. ]
  400. };
  401. myChart.setOption(option);
  402. }
  403. </script>
  404. </body>
  405. </html>