<!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>