<!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>--> <script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script> <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>