qa-prevention-gwj-vue/static/qrcode/views/bsbw/part-detail.html

552 lines
19 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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);//imgsrcsrc
$("#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>