330 lines
14 KiB
Vue
330 lines
14 KiB
Vue
<template>
|
||
<view>
|
||
<u-cell-group>
|
||
<u-cell title="隐患描述" :label="info.HIDDENDESCR"/>
|
||
<u-cell title="隐患来源" :value="HIDDEN_SOURCE[info.SOURCE]"/>
|
||
<block v-if="info.SOURCE === '2'">
|
||
<u-cell title="风险点（单元）" :value="info.RISK_UNIT"/>
|
||
<u-cell title="辨识部位" :value="info.IDENTIFICATION"/>
|
||
<u-cell title="存在风险" :value="info.RISK_DESCR"/>
|
||
<u-cell title="风险分级" :value="info.LEVEL"/>
|
||
<u-cell title="检查内容" :value="info.CHECK_CONTENT"/>
|
||
</block>
|
||
<u-cell title="隐患上报位置（经纬度）">
|
||
<template #label>
|
||
<view v-if="info.LONGITUDE && info.LATITUDE">
|
||
<view>经度:{{ info.LONGITUDE }}</view>
|
||
<view>纬度:{{ info.LATITUDE }}</view>
|
||
</view>
|
||
</template>
|
||
</u-cell>
|
||
<u-cell title="隐患部位" :value="info.hregionName || info.HIDDENPART"/>
|
||
<u-cell title="隐患位置描述" :value="info.POSITIONDESC"/>
|
||
<u-cell title="隐患类型" :value="info.HIDDENTYPENAME"/>
|
||
<u-cell title="隐患级别" :value="info.HIDDENLEVELNAME"/>
|
||
<u-cell title="隐患发现人" :value="hiddenFindPeople.map((item) => item.NAME).join('、')"/>
|
||
<u-cell title="隐患发现时间" :value="info.DISCOVERYTIME"/>
|
||
<block v-if="info.RECTIFICATIONTYPE">
|
||
<u-cell title="整改类型">
|
||
<template #value>
|
||
<text v-if="info.RECTIFICATIONTYPE === '1'">立即整改</text>
|
||
<text v-else-if="info.RECTIFICATIONTYPE === '2'">限期整改</text>
|
||
</template>
|
||
</u-cell>
|
||
<u-cell title="整改负责部门" :value="info.editDeptName"/>
|
||
<u-cell title="整改负责人" :value="info.editUserName"/>
|
||
<block v-if="info.RECTIFICATIONTYPE === '2'">
|
||
<u-cell title="整改期限" :value="info.editRectificationDeadline"/>
|
||
</block>
|
||
</block>
|
||
<u-cell title="是否相关方">
|
||
<template #value>
|
||
<text v-if="info.ISRELEVANT === '1'">是</text>
|
||
<text v-else-if="info.ISRELEVANT === '2'">否</text>
|
||
</template>
|
||
</u-cell>
|
||
<app-preview-image :files="hImgs" label="隐患照片"/>
|
||
<block v-if="hiddenVideo.length > 0">
|
||
<u-cell title="隐患视频">
|
||
<template #value>
|
||
<u-icon
|
||
name="play-circle-fill"
|
||
size="24"
|
||
@click="fnPreviewVideo(hiddenVideo[0].FILEPATH)"
|
||
/>
|
||
</template>
|
||
</u-cell>
|
||
</block>
|
||
<view v-for="(item, index) in hiddenExamineList" :key="index">
|
||
<block v-if="item.TYPE === 4">
|
||
<u-divider text-position="left" text="隐患确认"></u-divider>
|
||
<u-cell title="隐患级别" :value="item.editLevelName"/>
|
||
<u-cell title="整改负责人部门" :value="item.editDeptName"/>
|
||
<u-cell title="整改负责人" :value="item.editUserName"/>
|
||
<u-cell title="整改完成期限" :value="item.spare3"/>
|
||
<u-cell title="隐患确认人" :value="info.conUserName"/>
|
||
<u-cell title="隐患确认时间" :value="info.CONFIRM_TIME"/>
|
||
</block>
|
||
<block v-if="item.TYPE === 6 && item.spare5 !== '1'">
|
||
<u-cell title="隐患状态" value="确认打回"/>
|
||
<u-cell title="打回原因" :label="item.REPULSE_CAUSE"/>
|
||
<u-cell title="打回时间" :value="item.CREATTIME"/>
|
||
</block>
|
||
<block v-if="item.TYPE === 2">
|
||
<u-divider text-position="left" text="延期信息"></u-divider>
|
||
<u-cell title="申请延期日期" :value="item.CREATTIME"/>
|
||
<u-cell title="延期日期" :value="formatDate(item.DELAY_TIME)"/>
|
||
<u-cell title="审核人" :value="info.conUserName"/>
|
||
<u-cell title="处置方案" :value="item.DISPOSAL_PLAN"/>
|
||
<block v-if="item.DISPOSAL_FILE">
|
||
<u-cell title="处置方案附件">
|
||
<template #value>
|
||
<u-button
|
||
type="primary"
|
||
size="mini"
|
||
shape="circle"
|
||
:custom-style="{ width: 'auto' }"
|
||
text="下载"
|
||
@click="fnPreviewFile(item.DISPOSAL_FILE)"
|
||
/>
|
||
</template>
|
||
</u-cell>
|
||
</block>
|
||
<u-cell title="延期审核状态">
|
||
<template #value>
|
||
<text v-if="item.STATE === -1">待审核</text>
|
||
<text v-if="item.STATE === 1">通过</text>
|
||
<text v-if="item.STATE === 2">未通过</text>
|
||
</template>
|
||
</u-cell>
|
||
<block v-if="item.STATE !== -1">
|
||
<u-cell title="审核时间" :value="item.OPERATTIME"/>
|
||
</block>
|
||
</block>
|
||
<block v-if="item.TYPE === 1">
|
||
<u-divider text-position="left" text="特殊处理审核信息"></u-divider>
|
||
<u-cell title="无法整改原因" :label="item.EXAMINE"/>
|
||
<u-cell title="特殊处置审核状态">
|
||
<template #value>
|
||
<!-- 是否通过审核 ,1未通过。2通过 -1（初始）16隐患确认打回 -->
|
||
<text v-if="item.STATE === -1">待审核</text>
|
||
<text v-if="item.STATE === 1">不通过</text>
|
||
<text v-if="item.STATE === 2">通过</text>
|
||
</template>
|
||
</u-cell>
|
||
<block v-if="item.STATE === 1">
|
||
<u-cell title="处置方案" :value="item.DISPOSAL_PLAN"/>
|
||
<block v-if="item.DISPOSAL_FILE">
|
||
<u-cell title="处置方案附件">
|
||
<template #value>
|
||
<u-button
|
||
type="primary"
|
||
size="mini"
|
||
shape="circle"
|
||
:custom-style="{ width: 'auto' }"
|
||
text="下载"
|
||
@click="fnPreviewFile(item.DISPOSAL_FILE)"
|
||
/>
|
||
</template>
|
||
</u-cell>
|
||
</block>
|
||
</block>
|
||
<block v-if="item.STATE !== -1">
|
||
<u-cell title="审核时间" :value="item.OPERATTIME"/>
|
||
<u-cell title="审核人" :value="info.conUserName"/>
|
||
</block>
|
||
<block v-if="item.STATE === 2">
|
||
<u-cell title="是否更换整改负责人" :value="item.spare1 === '1' ? '是' : '否'"/>
|
||
<block v-if="item.spare1 === '1'">
|
||
<u-cell title="整改负责人" :value="item.editUserName"/>
|
||
</block>
|
||
</block>
|
||
</block>
|
||
<block v-if="item.TYPE === 3">
|
||
<u-divider text-position="left" text="验收打回信息"></u-divider>
|
||
<u-cell title="验收打回意见" :label="item.EXAMINE"/>
|
||
<u-cell title="验收人" :value="item.CREATORNAME"/>
|
||
<u-cell title="验收时间" :value="item.CREATTIME"/>
|
||
</block>
|
||
</view>
|
||
<block v-if="info.REJECTREASON">
|
||
<u-divider text-position="left" text="隐患复查"></u-divider>
|
||
<u-cell title="复查驳回原因" :label="info.REJECTREASON"/>
|
||
</block>
|
||
<block v-if="info.STATE === '2' || info.STATE === '4' || (info.STATE === '-2' && info.RECTIFICATIONTYPE === '1') || info.STATE === '10'">
|
||
<u-divider text-position="left" text="整改信息"></u-divider>
|
||
<u-cell title="整改描述" :label="info.RECTIFYDESCR"/>
|
||
<u-cell title="整改部门" :value="info.RECTIFICATIONDEPTNAME"/>
|
||
<u-cell title="整改人" :value="info.RECTIFICATIONORNAME"/>
|
||
<u-cell title="整改时间" :value="info.RECTIFICATIONTIME"/>
|
||
<u-cell title="投入资金" :value="info.INVESTMENT_FUNDS === undefined ? '' : info.INVESTMENT_FUNDS + '元'"/>
|
||
<app-preview-image :files="rImgs" label="整改后图片"/>
|
||
<u-cell title="整改方案">
|
||
<template #value>
|
||
<text v-if="info.HAVESCHEME === '0'">无</text>
|
||
<text v-else-if="info.HAVESCHEME === '1'">有</text>
|
||
</template>
|
||
</u-cell>
|
||
<block v-if="info.HAVESCHEME === '1'">
|
||
<u-cell title="排查日期" :value="rectificationPlanInfo.SCREENINGDATE"/>
|
||
<block v-if="rectificationPlanInfo.LISTNAME">
|
||
<u-cell title="隐患清单" :value="rectificationPlanInfo.LISTNAME"/>
|
||
</block>
|
||
<u-cell title="治理标准要求" :value="rectificationPlanInfo.GOVERNSTANDARDS"/>
|
||
<u-cell title="治理方法" :value="rectificationPlanInfo.GOVERNMETHOD"/>
|
||
<u-cell title="经费和物资的落实" :value="rectificationPlanInfo.EXPENDITURE"/>
|
||
<u-cell title="负责治理人员" :value="rectificationPlanInfo.PRINCIPAL"/>
|
||
<u-cell title="工时安排" :value="rectificationPlanInfo.PROGRAMMING"/>
|
||
<u-cell title="时限要求" :value="rectificationPlanInfo.TIMELIMITFOR"/>
|
||
<u-cell title="工作要求" :value="rectificationPlanInfo.JOBREQUIREMENT"/>
|
||
<u-cell title="其他事项" :value="rectificationPlanInfo.OTHERBUSINESS"/>
|
||
<app-preview-image :files="sImgs" label="方案图片"/>
|
||
</block>
|
||
</block>
|
||
<block v-if="info.STATE === '4'">
|
||
<u-divider text-position="left" text="验收信息"></u-divider>
|
||
<block v-if="info.RECTIFICATIONTYPE === '1'">
|
||
<u-cell title="验收人" :value="info.CHECKORNAME" />
|
||
</block>
|
||
<block v-else>
|
||
<view v-for="(item, index) in checkList" :key="index">
|
||
<u-cell title="验收描述" :label="item.CHECKDESCR" />
|
||
<u-cell title="是否合格" :value="item.STATUS === 1 ? '是' : '否'" />
|
||
<u-cell title="验收部门" :value="item.CHECKDEPTNAME" />
|
||
<u-cell title="验收人" :value="item.CHECKORNAME" />
|
||
<u-cell title="验收时间" :value="item.CHECK_TIME" />
|
||
<app-preview-image :files="item.cImgs" label="验收图片" />
|
||
</view>
|
||
</block>
|
||
</block>
|
||
</u-cell-group>
|
||
<u-modal
|
||
:show="videoDialog.visible"
|
||
title="视频预览"
|
||
:show-confirm-button="false"
|
||
show-cancel-button
|
||
cancel-text="关闭"
|
||
@cancel="fnCloseVideoDialog"
|
||
>
|
||
<video
|
||
v-if="videoDialog.src"
|
||
:src="videoDialog.src"
|
||
style="width: 100%; height: 200px; margin: 10px"
|
||
autoplay
|
||
/>
|
||
</u-modal>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import AppPreviewImage from '@/components/preview_image/index.vue'
|
||
import dayjs from "dayjs";
|
||
import {getHiddenInfo} from "@/api/api";
|
||
|
||
export default {
|
||
components: {
|
||
AppPreviewImage,
|
||
},
|
||
props: {
|
||
hiddenId: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
HIDDEN_SOURCE: {
|
||
1: "隐患快报",
|
||
2: "清单排查",
|
||
3: "清单排查",
|
||
4: "安全环保检查（监管端）",
|
||
5: "安全环保检查（企业端）",
|
||
6: "消防检查",
|
||
},
|
||
info: {},
|
||
hiddenFindPeople: [],
|
||
hImgs: [],
|
||
hiddenVideo: [],
|
||
hiddenExamineList: [],
|
||
rImgs: [],
|
||
rectificationPlanInfo: {},
|
||
sImgs: [],
|
||
checkList: [],
|
||
videoDialog: {
|
||
visible: false,
|
||
src: ''
|
||
}
|
||
}
|
||
},
|
||
mounted() {
|
||
this.fnGetData()
|
||
},
|
||
methods: {
|
||
async fnGetData(){
|
||
if (!this.hiddenId) return;
|
||
const filePath = this.$filePath
|
||
const resData = await getHiddenInfo({
|
||
HIDDEN_ID: this.hiddenId,
|
||
postMethod: 'application/json',
|
||
});
|
||
for (let i = 0; i < resData.hImgs.length; i++) {
|
||
resData.hImgs[i].FILEPATH = filePath + resData.hImgs[i].FILEPATH;
|
||
}
|
||
for (let i = 0; i < resData.rImgs.length; i++) {
|
||
resData.rImgs[i].FILEPATH = filePath + resData.rImgs[i].FILEPATH;
|
||
}
|
||
for (let i = 0; i < resData.sImgs.length; i++) {
|
||
resData.sImgs[i].FILEPATH = filePath + resData.sImgs[i].FILEPATH;
|
||
}
|
||
for (let i = 0; i < resData.hiddenVideo.length; i++) {
|
||
resData.hiddenVideo[i].FILEPATH =
|
||
filePath + resData.hiddenVideo[i].FILEPATH;
|
||
}
|
||
for (let i = 0; i < resData.checkList.length; i++) {
|
||
for (let j = 0; j < resData.checkList[i].cImgs.length; j++) {
|
||
resData.checkList[i].cImgs[j].FILEPATH =
|
||
filePath + resData.checkList[i].cImgs[j].FILEPATH;
|
||
}
|
||
}
|
||
this.info = resData.pd;
|
||
this.rectificationPlanInfo = resData.hs;
|
||
this.hiddenFindPeople = resData.hiddenFindPeople;
|
||
this.hImgs = resData.hImgs;
|
||
this.rImgs = resData.rImgs;
|
||
this.sImgs = resData.sImgs;
|
||
this.checkList = resData.checkList;
|
||
this.hiddenVideo = resData.hiddenVideo;
|
||
this.hiddenExamineList = resData.hiddenExa;
|
||
this.$emit("throw-basic-info", resData)
|
||
},
|
||
formatDate(date) {
|
||
return dayjs(date).format('YYYY-MM-DD')
|
||
},
|
||
fnPreviewVideo(src) {
|
||
this.videoDialog.visible = true;
|
||
this.videoDialog.src = src;
|
||
},
|
||
fnCloseVideoDialog() {
|
||
this.videoDialog.visible = false;
|
||
this.videoDialog.src = '';
|
||
},
|
||
fnPreviewFile(src) {
|
||
uni.downloadFile({
|
||
url: this.$filePath + src,
|
||
success: (res) => {
|
||
uni.openDocument({
|
||
filePath: res.tempFilePath,
|
||
});
|
||
},
|
||
});
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.ml-10:first-child {
|
||
margin-left: 0;
|
||
}
|
||
</style>
|