552 lines
19 KiB
HTML
552 lines
19 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="../../assets/js/vant.min.js"></script>
|
||
<!--全局配置-->
|
||
<script src="../../../config.js"></script>
|
||
</head>
|
||
<body style="background-color: #f1f1f1;">
|
||
<div id="app">
|
||
<div class="dy-card">
|
||
<div class="base-cells">
|
||
<div class="level-title"><h2 style="font-size: 1.5rem">隐患信息</h2></div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>隐患来源</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
<template v-if="pd.SOURCE=='1'">
|
||
隐患快报
|
||
</template>
|
||
<template v-else-if="pd.SOURCE=='2'">
|
||
隐患排查
|
||
</template>
|
||
<template v-else-if="pd.SOURCE=='3'">
|
||
隐患排查
|
||
</template>
|
||
<template v-else-if="pd.SOURCE=='6'">
|
||
消防点检
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div v-if="pd.SOURCE=='2'" class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>风险点（单元）</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.RISK_UNIT }}</div>
|
||
</div>
|
||
<div v-if="pd.SOURCE=='2'" class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>辨识部位</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.IDENTIFICATION }}</div>
|
||
</div>
|
||
<div class="base-cell-sp" v-if="pd.SOURCE=='2'">
|
||
<div class="base-cell__bd">
|
||
<p>存在风险</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.RISK_DESCR }}</div>
|
||
</div>
|
||
<div v-if="pd.SOURCE=='2'" class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>风险分级</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.LEVEL }}</div>
|
||
</div>
|
||
<div class="base-cell-sp" v-if="pd.SOURCE=='2'">
|
||
<div class="base-cell__bd">
|
||
<p>检查内容</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.CHECK_CONTENT }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>隐患级别</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.HIDDENLEVELNAME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>隐患状态</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
{{ findValue(pd.STATE) }}
|
||
</div>
|
||
</div>
|
||
<div class="base-cell-sp">
|
||
<div class="base-cell__bd">
|
||
<p>隐患描述</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.HIDDENDESCR }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>隐患部位</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.hregionName }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>隐患发现部门</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.HIDDENFINDDEPTNAME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>发现人</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.CREATORNAME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>发现时间</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.CREATTIME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>是否相关方</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.ISRELEVANT === "1" ? "是" : "否" }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>隐患处置</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
<template v-if="pd.RECTIFICATIONTYPE=='1'">
|
||
立即整改
|
||
</template>
|
||
<template v-else-if="pd.RECTIFICATIONTYPE=='2'">
|
||
限期整改
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div v-if="pd.RECTIFICATIONTYPE=='2'" class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>整改期限</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.RECTIFICATIONDEADLINE }}</div>
|
||
</div>
|
||
<div class="base-cell-sp">
|
||
<div class="base-cell__bd">
|
||
<p>隐患图片</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
<van-image
|
||
width="100"
|
||
height="100"
|
||
v-for="(item,index) in hImgs"
|
||
:src="config.fileUrlWaiwang+ item.FILEPATH"
|
||
:key="item.IMGFILES_ID"
|
||
@click="fnImagePreview(hImgs,index)"
|
||
>
|
||
</van-image>
|
||
</div>
|
||
</div>
|
||
<div v-if="hiddenVideo[0]" class="base-cell-sp">
|
||
<div class="base-cell__bd">
|
||
<p>隐患视频</p>
|
||
</div>
|
||
<video :src="config.fileUrlWaiwang + hiddenVideo[0].FILEPATH" width="320" height="240" controls="controls"
|
||
autoplay="autoplay">
|
||
</video>
|
||
</div>
|
||
<van-image-preview v-model="show" :images="images" :start-position="startPosition">
|
||
</van-image-preview>
|
||
</div>
|
||
</div>
|
||
<div class="dy-card" v-if="pd.STATE == '2' || pd.STATE == '4'">
|
||
<div class="base-cells">
|
||
<div class="level-title"><h2 style="font-size: 1.5rem">整改信息</h2></div>
|
||
<div>
|
||
<div class="base-cell-sp">
|
||
<div class="base-cell__bd">
|
||
<p>整改描述</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.RECTIFYDESCR }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>整改部门</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.RECTIFICATIONDEPTNAME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>整改人</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.RECTIFICATIONORNAME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>整改时间</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.RECTIFICATIONTIME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>投入资金</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ pd.INVESTMENT_FUNDS }}元</div>
|
||
</div>
|
||
<div class="base-cell-sp">
|
||
<div class="base-cell__bd">
|
||
<p>整改后图片</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
<van-image
|
||
width="100"
|
||
height="100"
|
||
v-for="(item,index) in rImgs"
|
||
:src="config.fileUrlWaiwang + item.FILEPATH"
|
||
:key="item.IMGFILES_ID"
|
||
@click="fnImagePreview(rImgs,index)"
|
||
>
|
||
</van-image>
|
||
</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>整改方案</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
<template v-if="pd.HAVESCHEME==0">
|
||
无
|
||
</template>
|
||
<template v-else-if="pd.HAVESCHEME==1">
|
||
有
|
||
</template>
|
||
<template v-else>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>排查日期</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.SCREENINGDATE }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>隐患清单</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.LISTNAME }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>治理标准要求</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.GOVERNSTANDARDS }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>治理方法</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.GOVERNMETHOD }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>经费和物资的落实</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.EXPENDITURE }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>负责治理人员</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.PRINCIPAL }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>工时安排</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.PROGRAMMING }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>时限要求</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.TIMELIMITFOR }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>工作要求</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.JOBREQUIREMENT }}</div>
|
||
</div>
|
||
<div class="base-cell" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>其他事项</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ hs.OTHERBUSINESS }}</div>
|
||
</div>
|
||
<div class="base-cell-sp" v-if="hs && pd.HAVESCHEME==1">
|
||
<div class="base-cell__bd">
|
||
<p>方案图片</p>
|
||
</div>
|
||
<div class="base-cell__img">
|
||
<template v-for="(data,index) in sImgs">
|
||
<img :src="data">
|
||
</template>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div v-if="checkList.length > 0 && pd.STATE == '4'" class="dy-card">
|
||
<div class="base-cells">
|
||
<div class="level-title"><h2 style="font-size: 1.5rem">整改验收</h2></div>
|
||
<div>
|
||
<template v-for="(data,index) in checkList">
|
||
<div class="base-cell-sp">
|
||
<div class="base-cell__bd">
|
||
<p>验收描述</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ data.CHECKDESCR }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>是否合格</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
<template v-if="data.STATUS=='1'">
|
||
是
|
||
</template>
|
||
<template v-else-if="data.STATUS=='0'">
|
||
否
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>验收部门</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ data.CHECKDEPTNAME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>验收人</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ data.CHECKORNAME }}</div>
|
||
</div>
|
||
<div class="base-cell">
|
||
<div class="base-cell__bd">
|
||
<p>验收时间</p>
|
||
</div>
|
||
<div class="base-cell__ft">{{ data.CHECK_TIME }}</div>
|
||
</div>
|
||
<div class="base-cell-sp">
|
||
<div class="base-cell__bd">
|
||
<p>验收图片</p>
|
||
</div>
|
||
<div class="base-cell__ft">
|
||
<van-image
|
||
width="100"
|
||
height="100"
|
||
v-for="(data1,index) in data.cImgs"
|
||
:src="config.fileUrlWaiwang + data1.FILEPATH"
|
||
:key="data1.IMGFILES_ID"
|
||
@click="fnImagePreview(data.cImgs,index)"
|
||
>
|
||
</van-image>
|
||
<!-- <template v-for="(data1,index1) in data.cImgs">-->
|
||
<!-- <img :src="config.fileUrl + data1.FILEPATH">-->
|
||
<!-- </template>-->
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="padding: 0 20px;">
|
||
<a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a>
|
||
</div>
|
||
<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 type="text/javascript">
|
||
var vm = new Vue({
|
||
el: '#app',
|
||
data: {
|
||
config: config,
|
||
HIDDEN_ID: '',
|
||
pd: [], //存放字段参数
|
||
hs: [],
|
||
stateName: {
|
||
"0": "未提交",
|
||
"1": "未整改",
|
||
"2": "已整改",
|
||
"3": "已复查",
|
||
"4": "已验收",
|
||
"-1": "已过期",
|
||
"-2": "待确认",
|
||
"5": "忽略隐患",
|
||
"6": "重大隐患",
|
||
"7": "待处理的特殊隐患",
|
||
"8": "处理的特殊隐患",
|
||
"10": "验收打回",
|
||
"11": "分公司安委会办公室副主任核定",
|
||
"12": "分公司安委会办公室副主任核实",
|
||
"13": "港股分公司安委会办公室副主任核定,重大隐患待整改",
|
||
"14": "重大隐患待验收",
|
||
"15": "重大隐患已归档",
|
||
"16": "确认打回",
|
||
"100": "安全环保检查暂存的隐患",
|
||
"101": "检查已归档,待指派",
|
||
"102": "检查已归档指派中"
|
||
},
|
||
msg: 'add',
|
||
pageType: '',
|
||
httpurl: '',
|
||
hImgs: [],
|
||
hiddenVideo: [],
|
||
rImgs: [],
|
||
cImgs: [],
|
||
sImgs: [],
|
||
checkList: [],
|
||
images: [],
|
||
startPosition: 0,
|
||
show: false
|
||
},
|
||
methods: {
|
||
//初始执行
|
||
init() {
|
||
this.HIDDEN_ID = this.getUrlKey('FID'); //当接收过来的FID不为null时,表示此页面是修改进来的
|
||
this.getData();
|
||
},
|
||
findValue: function (key) {
|
||
for (let k in this.stateName) {
|
||
if (k === key) {
|
||
return this.stateName[k]
|
||
}
|
||
}
|
||
},
|
||
//根据主键ID获取数据
|
||
getData: function () {
|
||
//发送 post 请求
|
||
$.ajax({
|
||
xhrFields: {
|
||
withCredentials: true
|
||
},
|
||
type: "POST",
|
||
url: config.httpurlWaiwang + '/app/hidden/goEditWeui',
|
||
data: {HIDDEN_ID: this.HIDDEN_ID, tm: new Date().getTime()},
|
||
dataType: "json",
|
||
success: function (data) {
|
||
if ("success" == data.result) {
|
||
vm.pd = data.pd; //参数map
|
||
vm.hs = data.hs; //参数map
|
||
vm.checkList = data.checkList;
|
||
vm.hImgs = data.hImgs;
|
||
vm.rImgs = data.rImgs;
|
||
vm.hiddenVideo = data.hiddenVideo
|
||
console.log(data.hiddenVideo)
|
||
$("#CREATTIME").val(data.pd.CREATTIME);
|
||
$("#RECTIFICATIONTIME").val(data.pd.RECTIFICATIONTIME);
|
||
$("#CHECKTIME").val(data.pd.CHECKTIME);
|
||
$("#RECTIFICATIONDEADLINE").val(data.pd.RECTIFICATIONDEADLINE);
|
||
console.info(document.getElementById("rImgs"))
|
||
if (undefined != data.hImgs && data.hImgs != null && data.hImgs.length > 0) {
|
||
var hImgs = data.hImgs;
|
||
for (var i = 0; i < hImgs.length; i++) {
|
||
vm.hImgs.push(fileUrl + hImgs[i].FILEPATH);
|
||
}
|
||
}
|
||
if (undefined != data.rImgs && data.rImgs != null && data.rImgs.length > 0) {
|
||
var rImgs = data.rImgs;
|
||
for (var i = 0; i < rImgs.length; i++) {
|
||
vm.rImgs.push(fileUrl + rImgs[i].FILEPATH);
|
||
}
|
||
}
|
||
/* if(undefined != data.cImgs && data.cImgs != null && data.cImgs.length > 0){
|
||
var cImgs = data.cImgs;
|
||
for(var i=0;i<cImgs.length;i++){
|
||
vm.cImgs.push(fileUrl +cImgs[i].FILEPATH);
|
||
}
|
||
} */
|
||
if (undefined != data.sImgs && data.sImgs != null && data.sImgs.length > 0) {
|
||
var sImgs = data.sImgs;
|
||
for (var i = 0; i < sImgs.length; i++) {
|
||
vm.sImgs.push(fileUrl + sImgs[i].FILEPATH);
|
||
}
|
||
}
|
||
|
||
if (undefined != data.checkList && data.checkList != null && data.checkList.length > 0) {
|
||
for (var i = 0; i < data.checkList.length; i++) {
|
||
if (undefined != data.checkList[i].cImgs && data.checkList[i].cImgs != null && data.checkList[i].cImgs.length > 0) {
|
||
for (var j = 0; j < data.checkList[i].cImgs.length; j++) {
|
||
data.checkList[i].cImgs[j].FILEPATH = fileUrl + data.checkList[i].cImgs[j].FILEPATH;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
/* //无论点击哪一个img弹出层都会展示相应的图片。
|
||
$(".img-select").find("img").on("click", function () {
|
||
$(this).each(function () {
|
||
var $this = $(this);
|
||
var $img = $this.attr("src");//获取当前点击img的src的值
|
||
$("#img-box").find("img").attr("src", $img);//将获取的当前点击img的src赋值到弹出层的图片的src
|
||
$("#dialog-bg").show();//弹出层显示
|
||
});
|
||
});
|
||
//弹出层隐藏
|
||
$("#dialog-bg").on("click", function () {
|
||
$(this).hide();//
|
||
}); */
|
||
} else if ("exception" == data.result) {
|
||
showException("隐患", data.exception); //显示异常
|
||
$("#showform").show();
|
||
$("#jiazai").hide();
|
||
}
|
||
}
|
||
}).done().fail(function () {
|
||
swal("登录失效!", "请求服务器无响应，稍后再试", "warning");
|
||
$("#showform").show();
|
||
$("#jiazai").hide();
|
||
});
|
||
},
|
||
//根据url参数名称获取参数值
|
||
getUrlKey: function (name) {
|
||
return decodeURIComponent(
|
||
(new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
|
||
},
|
||
fnImagePreview(images, startPosition) {
|
||
this.images = [];
|
||
for (let i = 0; i < images.length; i++) {
|
||
this.images.push(config.fileUrlWaiwang + images[i].FILEPATH)
|
||
}
|
||
this.startPosition = startPosition
|
||
this.show = true
|
||
}
|
||
},
|
||
mounted() {
|
||
this.init();
|
||
}
|
||
})
|
||
|
||
function back(e) {
|
||
window.history.go(-1);
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|
||
<script>
|
||
import Video from '../../../../src/views/onlinexxks/course/mine/components/video'
|
||
|
||
export default {
|
||
components: {Video}
|
||
}
|
||
</script>
|