215 lines
7.2 KiB
HTML
215 lines
7.2 KiB
HTML
<!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="../../../bi/js/jquery-3.7.1.min.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>
|