334 lines
13 KiB
Vue
334 lines
13 KiB
Vue
|
<template>
|
|||
|
<view class="content">
|
|||
|
<view class="card">
|
|||
|
<view class="view-title">
|
|||
|
<u--text text="隐患信息" bold></u--text>
|
|||
|
</view>
|
|||
|
<u-cell-group :border="false">
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患来源</view>
|
|||
|
<view slot="value">
|
|||
|
<template v-if="form.SOURCE=='1'">
|
|||
|
隐患快报
|
|||
|
</template>
|
|||
|
<template v-else-if="form.SOURCE=='2'">
|
|||
|
清单排查
|
|||
|
</template>
|
|||
|
<template v-else-if="form.SOURCE=='3'">
|
|||
|
清单排查
|
|||
|
</template>
|
|||
|
<template v-else-if="form.SOURCE=='4'">
|
|||
|
安全环保检查(监管端)
|
|||
|
</template>
|
|||
|
<template v-else-if="form.SOURCE=='5'">
|
|||
|
安全环保检查(企业端)
|
|||
|
</template>
|
|||
|
<template v-else-if="form.SOURCE=='6'">
|
|||
|
消防检查
|
|||
|
</template>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell class="flex-none">
|
|||
|
<view slot="title" class="title">隐患描述</view>
|
|||
|
<view slot="value" class="mt-10">{{form.HIDDENDESCR}}</view>
|
|||
|
</u-cell>
|
|||
|
<template v-if="form.SOURCE=='2'">
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">风险点(单元)</view>
|
|||
|
<view slot="value">{{form.RISK_UNIT}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">辨识部位</view>
|
|||
|
<view slot="value">{{form.IDENTIFICATION}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">存在风险</view>
|
|||
|
<view slot="value">{{form.RISK_DESCR}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">风险分级</view>
|
|||
|
<view slot="value">{{form.LEVEL}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">检查内容</view>
|
|||
|
<view slot="value">{{form.CHECK_CONTENT}}</view>
|
|||
|
</u-cell>
|
|||
|
</template>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患级别</view>
|
|||
|
<view slot="value">{{form.editLevelName?form.editLevelName:''}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患状态</view>
|
|||
|
<view slot="value">
|
|||
|
<template v-if="form.STATE=='1'">未整改</template>
|
|||
|
<template v-else-if="form.STATE=='2'">已整改</template>
|
|||
|
<template v-else-if="form.STATE=='3'">已整改</template>
|
|||
|
<template v-else-if="form.STATE=='4'">已验收</template>
|
|||
|
<template v-else-if="form.STATE=='5'">忽略隐患</template>
|
|||
|
<template v-else-if="form.STATE=='6'">重大隐患</template>
|
|||
|
<template v-else-if="form.STATE=='7'">待处理的特殊隐患</template>
|
|||
|
<template v-else-if="form.STATE=='8'">已处理的特殊隐患</template>
|
|||
|
<template v-else-if="form.STATE=='-1'">已超期</template>
|
|||
|
<template v-else-if="form.STATE=='-2'">待确认</template>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患类型</view>
|
|||
|
<view slot="value">{{form.HIDDENTYPENAME}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患部位</view>
|
|||
|
<view slot="value">{{form.hregionName?form.hregionName:form.HIDDENPART}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell class="flex-none">
|
|||
|
<view slot="title" class="title">隐患上报位置</view>
|
|||
|
<view slot="value" class="mt-10">
|
|||
|
<view>经度:{{ form.LONGITUDE }}</view>
|
|||
|
<view>纬度:{{ form.LATITUDE }}</view>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell class="flex-none">
|
|||
|
<view slot="title" class="title">隐患位置描述</view>
|
|||
|
<view slot="value" class="mt-10">{{ form.POSITIONDESC }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell class="flex-none">
|
|||
|
<view slot="title" class="title">隐患照片</view>
|
|||
|
<view slot="value" class="mt-10">
|
|||
|
<u-row>
|
|||
|
<u-col span="3" v-for="(item,index) in hImgs" :key="index">
|
|||
|
<u--image :showLoading="true" :src="item" width="80px" height="80px"
|
|||
|
@click="previewImage(hImgs,item)"></u--image>
|
|||
|
</u-col>
|
|||
|
</u-row>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="videoUrl">
|
|||
|
<view slot="title" class="title">隐患视频</view>
|
|||
|
<view slot="value">
|
|||
|
<u-icon name="play-circle-fill" size="30" @click="modalShow = true"></u-icon>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-modal :show="modalShow" title="视频播放" confirmText="关闭" @confirm="modalShow = false">
|
|||
|
<view>
|
|||
|
<video v-if="modalShow" :src="videoUrl" :autoplay="true"></video>
|
|||
|
</view>
|
|||
|
</u-modal>
|
|||
|
<u-cell v-for="(item,index) in hiddenFindPeople" :key="index">
|
|||
|
<view slot="title" class="title">隐患发现人</view>
|
|||
|
<view slot="value">{{ item.NAME }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患发现时间</view>
|
|||
|
<view slot="value">{{ form.DISCOVERYTIME }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">整改类型</view>
|
|||
|
<view slot="value">
|
|||
|
<template v-if="form.RECTIFICATIONTYPE=='1'">立即整改</template>
|
|||
|
<template v-else-if="form.RECTIFICATIONTYPE=='2'">限期整改</template>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="form.RECTIFICATIONTYPE=='1'">
|
|||
|
<view slot="title" class="title">整改描述</view>
|
|||
|
<view slot="value">{{ form.RECTIFYDESCR }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="form.SOURCE != '4'">
|
|||
|
<view slot="title" class="title">整改负责部门</view>
|
|||
|
<view slot="value">{{ form.editDeptName || form.RECTIFICATIONDEPTNAME }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="form.SOURCE != '4'">
|
|||
|
<view slot="title" class="title">整改负责人</view>
|
|||
|
<view slot="value">{{ form.editUserName || form.RECTIFICATIONORNAME }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell class="flex-none" v-if="form.RECTIFICATIONTYPE=='1'">
|
|||
|
<view slot="title" class="title">整改后图片:</view>
|
|||
|
<view slot="value" class="mt-10">
|
|||
|
<u-row>
|
|||
|
<u-col span="3" v-for="(item,index) in rImgs" :key="index">
|
|||
|
<u--image :showLoading="true" :src="item" width="80px" height="80px"
|
|||
|
@click="previewImage(rImgs,item)"></u--image>
|
|||
|
</u-col>
|
|||
|
</u-row>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">整改完成期限</view>
|
|||
|
<view slot="value">{{ form.editRectificationDeadline }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">是否相关方</view>
|
|||
|
<view slot="value">{{ form.ISRELEVANT == '1' ? '是' : '否' }}</view>
|
|||
|
</u-cell>
|
|||
|
</u-cell-group>
|
|||
|
</view>
|
|||
|
<view class="card" v-for="(item,index) in hiddenExamineList" :key="index">
|
|||
|
<view class="view-title">
|
|||
|
<u--text text="确认信息" bold v-if="item.TYPE === 4"></u--text>
|
|||
|
<u--text text="延期信息" bold v-else-if="item.TYPE === 2"></u--text>
|
|||
|
<u--text text="特殊处理审核信息" bold v-else-if="item.TYPE === 1"></u--text>
|
|||
|
</view>
|
|||
|
<u-cell-group :border="false" class="mt-10" v-if="item.TYPE === 4">
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患级别</view>
|
|||
|
<view slot="value">{{ item.editLevelName }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">整改负责人</view>
|
|||
|
<view slot="value">{{ item.editUserName }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">整改完成期限</view>
|
|||
|
<view slot="value">{{ item.spare3 }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患确认人</view>
|
|||
|
<view slot="value">{{ form.conUserName }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">隐患确认时间</view>
|
|||
|
<view slot="value">{{ form.CONFIRM_TIME }}</view>
|
|||
|
</u-cell>
|
|||
|
</u-cell-group>
|
|||
|
<u-cell-group :border="false" class="mt-10" v-if="item.TYPE === 2">
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">申请延期日期</view>
|
|||
|
<view slot="value">{{ item.CREATTIME }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">审核人</view>
|
|||
|
<view slot="value">{{ pd.conUserName }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">延期日期</view>
|
|||
|
<view slot="value">{{ item.DELAY_TIME }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.DISPOSAL_PLAN">
|
|||
|
<view slot="title" class="title">处置方案</view>
|
|||
|
<view slot="value">{{ item.DISPOSAL_PLAN }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.DISPOSAL_FILE">
|
|||
|
<view slot="title" class="title">方案附件</view>
|
|||
|
<view slot="value">
|
|||
|
<u-button type="primary" text="下载" size="mini" class="bth-mini"
|
|||
|
@click="downloadAppendix(item.DISPOSAL_FILE)"></u-button>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">延期审核状态</view>
|
|||
|
<view slot="value">
|
|||
|
<template v-if="item.STATE === -1">待审核</template>
|
|||
|
<template v-else-if="item.STATE === 1">通过</template>
|
|||
|
<template v-else-if="item.STATE === 2">未通过</template>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.STATE === 1">
|
|||
|
<view slot="title" class="title">审核时间</view>
|
|||
|
<view slot="value">{{ item.OPERATTIME }}</view>
|
|||
|
</u-cell>
|
|||
|
</u-cell-group>
|
|||
|
<u-cell-group :border="false" class="mt-10" v-if="item.TYPE === 1">
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">无法整改原因</view>
|
|||
|
<view slot="value">{{ item.EXAMINE }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell>
|
|||
|
<view slot="title" class="title">特殊处置审核状态</view>
|
|||
|
<view slot="value">
|
|||
|
<template v-if="item.STATE === -1">待审核</template>
|
|||
|
<template v-else-if="item.STATE === 2">通过</template>
|
|||
|
<template v-else-if="item.STATE === 1">未通过</template>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.STATE!==-1">
|
|||
|
<view slot="title" class="title">审核时间</view>
|
|||
|
<view slot="value">{{ item.OPERATTIME }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.EXAMINE">
|
|||
|
<view slot="title" class="title">处置方案</view>
|
|||
|
<view slot="value">{{ item.DISPOSAL_PLAN }}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.DISPOSAL_FILE">
|
|||
|
<view slot="title" class="title">方案附件</view>
|
|||
|
<view slot="value">
|
|||
|
<u-button type="primary" text="下载" size="mini" class="bth-mini"
|
|||
|
@click="downloadAppendix(item.DISPOSAL_FILE)"></u-button>
|
|||
|
</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.STATE!==-1">
|
|||
|
<view slot="title" class="title">是否更换整改负责人</view>
|
|||
|
<view slot="value">{{item.spare2 ? '是' : '否'}}</view>
|
|||
|
</u-cell>
|
|||
|
<u-cell v-if="item.spare2">
|
|||
|
<view slot="title" class="title">更换整改负责人姓名</view>
|
|||
|
<view slot="value">{{ form.editUserName || form.RECTIFICATIONORNAME }}</view>
|
|||
|
</u-cell>
|
|||
|
</u-cell-group>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script>
|
|||
|
import {getHiddenGoEdit} from "../../../api";
|
|||
|
|
|||
|
export default {
|
|||
|
data() {
|
|||
|
return {
|
|||
|
HIDDEN_ID: '',
|
|||
|
form: {},
|
|||
|
hImgs: [],
|
|||
|
rImgs: [],
|
|||
|
videoUrl: '',
|
|||
|
modalShow: false,
|
|||
|
hiddenFindPeople: [],
|
|||
|
hiddenExamineList: [],
|
|||
|
}
|
|||
|
},
|
|||
|
onLoad(event) {
|
|||
|
this.HIDDEN_ID = event.HIDDEN_ID;
|
|||
|
this.getData()
|
|||
|
},
|
|||
|
methods: {
|
|||
|
async getData() {
|
|||
|
let resData = await getHiddenGoEdit({HIDDEN_ID: this.HIDDEN_ID});
|
|||
|
this.form = resData.pd;
|
|||
|
this.hiddenFindPeople = resData.hiddenFindPeople;
|
|||
|
this.hiddenExamineList = resData.hiddenExa
|
|||
|
for (let i = 0; i < resData.hImgs.length; i++) {
|
|||
|
this.hImgs.push(this.$store.state.filePath + resData.hImgs[i].FILEPATH)
|
|||
|
}
|
|||
|
for (let i = 0; i < resData.rImgs.length; i++) {
|
|||
|
this.rImgs.push(this.$store.state.filePath + resData.rImgs[i].FILEPATH)
|
|||
|
}
|
|||
|
if (resData.hiddenVideo.length > 0) this.videoUrl = this.$store.state.filePath + resData.hiddenVideo[0].FILEPATH
|
|||
|
if (resData.hiddenExa.length > 0) {
|
|||
|
resData.hiddenExa.forEach(item => {
|
|||
|
if (item.TYPE == 4) {
|
|||
|
this.form.editUserName = item.editUserName
|
|||
|
this.form.editDeptName = item.editDeptName
|
|||
|
this.form.editLevelName = item.editLevelName
|
|||
|
this.form.editRectificationDeadline = item.spare3
|
|||
|
}
|
|||
|
})
|
|||
|
}
|
|||
|
|
|||
|
},
|
|||
|
previewImage(list, current) {
|
|||
|
uni.previewImage({
|
|||
|
urls: list,
|
|||
|
current
|
|||
|
});
|
|||
|
},
|
|||
|
downloadAppendix(DISPOSAL_FILE) {
|
|||
|
plus.runtime.openURL(this.$store.state.filePath + DISPOSAL_FILE, function (res) {
|
|||
|
console.log(res);
|
|||
|
});
|
|||
|
},
|
|||
|
},
|
|||
|
}
|
|||
|
</script>
|
|||
|
|
|||
|
<style scoped>
|
|||
|
|
|||
|
</style>
|