| 
									
										
										
										
											2023-11-06 18:11:01 +08:00
										 |  |  | <!DOCTYPE html> | 
					
						
							|  |  |  | <html> | 
					
						
							|  |  |  | <head> | 
					
						
							|  |  |  |   <meta charset="utf-8"> | 
					
						
							|  |  |  |   <title>点位检查-详情</title> | 
					
						
							|  |  |  |   <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> | 
					
						
							|  |  |  |   <link rel="stylesheet" type="text/css" href="../../assets/css/weui.css"/> | 
					
						
							|  |  |  |   <link rel="stylesheet" type="text/css" href="../../assets/css/weuix.css"/> | 
					
						
							|  |  |  |   <link rel="stylesheet" type="text/css" href="../../assets/css/vant.css" /> | 
					
						
							|  |  |  |   <!-- vue --> | 
					
						
							|  |  |  |   <script src="../../../bi/js/vue.js"></script> | 
					
						
							|  |  |  |   <!--全局配置--> | 
					
						
							|  |  |  |   <script src="../../../config.js"></script> | 
					
						
							|  |  |  | </head> | 
					
						
							|  |  |  | <body style="background-color: #f1f1f1;"> | 
					
						
							|  |  |  | <div id="app"> | 
					
						
							|  |  |  |   <div class="dy-card padding10" v-for="(data,index) in varList"> | 
					
						
							|  |  |  |     <template> | 
					
						
							|  |  |  |       <div class="dy-card-info-box"> | 
					
						
							|  |  |  |         <div class="dy-card-info-item"> | 
					
						
							|  |  |  |           <div class="text"> | 
					
						
							|  |  |  |             <span class="label">消防区域:</span> | 
					
						
							|  |  |  |             {{ data.FIRE_REGION_NAME }} | 
					
						
							|  |  |  |           </div> | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |         <div class="dy-card-info-item"> | 
					
						
							|  |  |  |           <div class="text"> | 
					
						
							|  |  |  |             <span class="label">消防点位:</span> | 
					
						
							|  |  |  |             {{ data.FIRE_POINT_NAME }} | 
					
						
							|  |  |  |           </div> | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |         <div class="dy-card-info-item"> | 
					
						
							|  |  |  |           <div class="text"> | 
					
						
							|  |  |  |             <span class="label">器材类型:</span> | 
					
						
							|  |  |  |             {{ data.dicName }} | 
					
						
							|  |  |  |           </div> | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |         <div class="dy-card-info-item"> | 
					
						
							|  |  |  |           <div class="text"> | 
					
						
							|  |  |  |             <span class="label">器材编码:</span> | 
					
						
							|  |  |  |             {{ data.FIRE_DEVICE_CODE }} | 
					
						
							|  |  |  |           </div> | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |         <div class="dy-card-info-item"> | 
					
						
							|  |  |  |           <div class="text"> | 
					
						
							|  |  |  |             <span class="label">消防器材检查标准:</span> | 
					
						
							|  |  |  |             <div v-for="(item,index) in data.fireDeviceTypeList"> | 
					
						
							|  |  |  |               <span >{{ index+1 }}. {{ item }}</span> | 
					
						
							|  |  |  |             </div> | 
					
						
							|  |  |  |           </div> | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |         <div class="dy-card-info-item"> | 
					
						
							|  |  |  |           <div class="info-flex"> | 
					
						
							|  |  |  |             <div class="weui-cells_checkbox"> | 
					
						
							|  |  |  |               <label class="weui-flex" for="s1" style="flex: 1;"> | 
					
						
							|  |  |  |                 <div class="weui-cell__hd"> | 
					
						
							|  |  |  |                   <input class="weui-check" name="checkbox1" id="s1" disabled="disabled" | 
					
						
							|  |  |  |                          type="checkbox" :checked="data.ISNORMAL==0"> | 
					
						
							|  |  |  |                   <i class="weui-icon-checked"></i> | 
					
						
							|  |  |  |                 </div> | 
					
						
							|  |  |  |                 <div class="weui-cell__bd"> | 
					
						
							|  |  |  |                   <p>合格</p> | 
					
						
							|  |  |  |                 </div> | 
					
						
							|  |  |  |               </label> | 
					
						
							|  |  |  |               <label class="weui-flex" for="s4"> | 
					
						
							|  |  |  |                 <div class="weui-cell__hd"> | 
					
						
							|  |  |  |                   <input class="weui-check" name="checkbox1" disabled="disabled" id="s4" | 
					
						
							|  |  |  |                          type="checkbox" :checked="data.ISNORMAL==1"> | 
					
						
							|  |  |  |                   <i class="weui-icon-checked wrong"></i> | 
					
						
							|  |  |  |                 </div> | 
					
						
							|  |  |  |                 <div class="weui-cell__bd"> | 
					
						
							|  |  |  |                   <p>不合格</p> | 
					
						
							|  |  |  |                 </div> | 
					
						
							|  |  |  |               </label> | 
					
						
							|  |  |  |               <div v-if="data.ISNORMAL==1" class="icon-sp" v-on:click="goHidden(data.HIDDEN_ID)"> | 
					
						
							|  |  |  |                 <i class="icon icon-40 f-blue"></i> | 
					
						
							|  |  |  |               </div> | 
					
						
							|  |  |  |             </div> | 
					
						
							|  |  |  |           </div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |       </div> | 
					
						
							|  |  |  |     </template> | 
					
						
							|  |  |  |   </div> | 
					
						
							|  |  |  |   <van-image-preview v-model="pointPictShow" :images="images" :start-position="0"></van-image-preview> | 
					
						
							|  |  |  |   <div style="padding: 0 20px;"> | 
					
						
							|  |  |  |     <a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" v-on:click="showPointPhoto">查看点位照片</a> | 
					
						
							|  |  |  |     <a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a> | 
					
						
							|  |  |  |   </div> | 
					
						
							|  |  |  | </div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <!--<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"></script>--> | 
					
						
							| 
									
										
										
										
											2024-09-11 17:35:16 +08:00
										 |  |  | <script type="text/javascript" src="../../../bi/js/jquery-3.7.1.min.js"></script> | 
					
						
							| 
									
										
										
										
											2023-11-06 18:11:01 +08:00
										 |  |  | <script type="text/javascript" src="../../../bi/js/pre-loader.js"></script> | 
					
						
							|  |  |  | <script src="../../../bi/js/sweetalert.min.js"></script> | 
					
						
							|  |  |  | <script src="../../assets/js/vant.min.js"></script> | 
					
						
							|  |  |  | <script type="text/javascript"> | 
					
						
							|  |  |  |   function goToDetail() { | 
					
						
							|  |  |  |     window.location = "./part-detail.html" | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   var vm = new Vue({ | 
					
						
							|  |  |  |     el: '#app', | 
					
						
							|  |  |  |     data: { | 
					
						
							|  |  |  |       CHECKRECORD_ID: '', | 
					
						
							|  |  |  |       config:config, | 
					
						
							|  |  |  |       pd: [], | 
					
						
							|  |  |  |       LEVELID: '', | 
					
						
							|  |  |  |       pointPictShow: false, | 
					
						
							|  |  |  |       images: [], | 
					
						
							|  |  |  |       DEPT_NAME: '', | 
					
						
							|  |  |  |       ACCIDENTS_NAME: "", | 
					
						
							|  |  |  |       IDENTIFICATION_ID: '', | 
					
						
							|  |  |  |       FIRE_RECORD_ID: '', | 
					
						
							|  |  |  |       FIRE_POINT_ID: '', | 
					
						
							|  |  |  |       EQUIPMENT_POINT_ID: '', | 
					
						
							|  |  |  |       varList: [], | 
					
						
							|  |  |  |       idData: [] | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     }, | 
					
						
							|  |  |  |     methods: { | 
					
						
							|  |  |  |       //初始执行 | 
					
						
							|  |  |  |       init() { | 
					
						
							|  |  |  |         this.FIRE_POINT_ID = this.getUrlKey('PID'); | 
					
						
							|  |  |  |         this.FIRE_RECORD_ID = this.getUrlKey('RID'); | 
					
						
							|  |  |  |         this.EQUIPMENT_POINT_ID = this.getUrlKey('EPID'); | 
					
						
							|  |  |  |         this.getData(); | 
					
						
							|  |  |  |         // this.getMap(); | 
					
						
							|  |  |  |       }, | 
					
						
							|  |  |  |       showPointPhoto: function () { | 
					
						
							|  |  |  |         // /app/imgfiles/listImgs | 
					
						
							|  |  |  |         this.images = [] | 
					
						
							|  |  |  |         $.ajax({ | 
					
						
							|  |  |  |           xhrFields: { | 
					
						
							|  |  |  |             withCredentials: true | 
					
						
							|  |  |  |           }, | 
					
						
							|  |  |  |           type: "POST", | 
					
						
							|  |  |  |           url: config.httpurlWaiwang + '/app/imgfiles/listImgs', | 
					
						
							|  |  |  |           data: { | 
					
						
							|  |  |  |             FOREIGN_KEY: this.EQUIPMENT_POINT_ID, | 
					
						
							|  |  |  |             TYPE: 14 | 
					
						
							|  |  |  |           }, | 
					
						
							|  |  |  |           dataType: "json", | 
					
						
							|  |  |  |           success: function (data) { | 
					
						
							|  |  |  |             if ("success" == data.result) { | 
					
						
							|  |  |  |               var hImgs =  data.imgs; | 
					
						
							|  |  |  |               for(var i=0;i<hImgs.length;i++){ | 
					
						
							|  |  |  |                 vm.images.push(config.fileUrlWaiwang +hImgs[i].FILEPATH); | 
					
						
							|  |  |  |               } | 
					
						
							|  |  |  |               vm.pointPictShow = true | 
					
						
							|  |  |  |             } | 
					
						
							|  |  |  |           } | 
					
						
							|  |  |  |         }).done().fail(function () { | 
					
						
							|  |  |  |           swal("登录失效!", "请求服务器无响应,稍后再试", "warning"); | 
					
						
							|  |  |  |           $("#showform").show(); | 
					
						
							|  |  |  |           $("#jiazai").hide(); | 
					
						
							|  |  |  |         }); | 
					
						
							|  |  |  |       }, | 
					
						
							|  |  |  |       getData: function () { | 
					
						
							|  |  |  |         var _this = this; | 
					
						
							|  |  |  |         _this.loading = true; | 
					
						
							|  |  |  |         //发送 post 请求 | 
					
						
							|  |  |  |         $.ajax({ | 
					
						
							|  |  |  |           xhrFields: { | 
					
						
							|  |  |  |             withCredentials: true | 
					
						
							|  |  |  |           }, | 
					
						
							|  |  |  |           type: "POST", | 
					
						
							|  |  |  |           url: config.httpurlWaiwang + 'app/fireRecordManger/getCheckRecordInfoByPidRid', | 
					
						
							|  |  |  |           data: { | 
					
						
							|  |  |  |             FIRE_POINT_ID: this.FIRE_POINT_ID, | 
					
						
							|  |  |  |             FIRE_RECORD_ID: this.FIRE_RECORD_ID | 
					
						
							|  |  |  |           }, | 
					
						
							|  |  |  |           dataType: "json", | 
					
						
							|  |  |  |           success: function (data) { | 
					
						
							|  |  |  |             // if ("success" == data.result) { | 
					
						
							|  |  |  |             //   vm.pd = data.pd;							//参数map | 
					
						
							|  |  |  |             //   vm.varList = data.varList;							//参数map						//参数map | 
					
						
							|  |  |  |             //   vm.idData = data.idData; | 
					
						
							|  |  |  |             // } else if ("exception" == data.result) { | 
					
						
							|  |  |  |             //   showException("清单检查", data.exception);	//显示异常 | 
					
						
							|  |  |  |             //   $("#showform").show(); | 
					
						
							|  |  |  |             //   $("#jiazai").hide(); | 
					
						
							|  |  |  |             // } | 
					
						
							|  |  |  |             if ("success" == data.result) { | 
					
						
							|  |  |  |               vm.varList = data.varList; | 
					
						
							|  |  |  |             } | 
					
						
							|  |  |  |           } | 
					
						
							|  |  |  |         }).done().fail(function () { | 
					
						
							|  |  |  |           swal("登录失效!", "请求服务器无响应,稍后再试", "warning"); | 
					
						
							|  |  |  |           $("#showform").show(); | 
					
						
							|  |  |  |           $("#jiazai").hide(); | 
					
						
							|  |  |  |         }); | 
					
						
							|  |  |  |       }, | 
					
						
							|  |  |  |       goHidden: function (e) { | 
					
						
							|  |  |  |         window.location.href = './part-detail.html?FID=' + e; | 
					
						
							|  |  |  |       }, | 
					
						
							|  |  |  |       //根据url参数名称获取参数值 | 
					
						
							|  |  |  |       getUrlKey: function (name) { | 
					
						
							|  |  |  |         return decodeURIComponent( | 
					
						
							|  |  |  |           (new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null; | 
					
						
							|  |  |  |       } | 
					
						
							|  |  |  |     }, | 
					
						
							|  |  |  |     mounted() { | 
					
						
							|  |  |  |       this.init(); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |   }) | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   function back(e) { | 
					
						
							|  |  |  |     window.history.go(-1); | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | </script> | 
					
						
							|  |  |  | </body> | 
					
						
							|  |  |  | </html> |