qa-regulatory-gwj-app/pages/larger-major-hidden-management/larger-hidden-management/detail.vue

344 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>
</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.HIDDENLEVELNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患状态</view>
<view slot="value">
<template v-if="form.STATE=='13'">待整改</template>
<template v-else-if="form.STATE=='14'">待验收</template>
<template v-else-if="form.STATE=='15'">已归档</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 }}</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>
<view slot="title" class="title">隐患位置描述:</view>
<view slot="value">{{ 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>
<view slot="title" class="title">是否相关方</view>
<view slot="value">{{ form.ISRELEVANT == '1' ? '是' : '否' }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患发现人</view>
<view slot="value">{{ form.CREATORNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患发现时间</view>
<view slot="value">{{ form.DISCOVERYTIME }}</view>
</u-cell>
</u-cell-group>
</view>
<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">{{ form.HIDDENLEVELNAME }}</view>
</u-cell>
<u-cell v-if="majorinforPdf">
<view slot="title" class="title">临时处置信息</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(majorinforPdf.FILEPATH)"></u-button>
</view>
</u-cell>
<u-cell v-if="supplementPdf">
<view slot="title" class="title">补充重大隐患信息</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(supplementPdf.FILEPATH)"></u-button>
</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>
</view>
<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">{{ form.HIDDENLEVELNAME }}</view>
</u-cell>
<u-cell v-if="safetyofficePdf">
<view slot="title" class="title">安委会办公室会议记录</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(safetyofficePdf.FILEPATH)"></u-button>
</view>
</u-cell>
<u-cell v-if="majorapprovedPdf">
<view slot="title" class="title">整改建议及方案</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(majorapprovedPdf.FILEPATH)"></u-button>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">核对结果</view>
<view slot="value">{{ resultslist.CHECKRESULTS == 2 ? '核对确定' : '' }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">核实人</view>
<view slot="value">{{ resultslist.CHECKER }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">核实时间</view>
<view slot="value">{{ resultslist.CHECK_TIME }}</view>
</u-cell>
</u-cell-group>
</view>
<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">{{ form.HIDDENLEVELNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">核定人</view>
<view slot="value">{{ resultslist.APPROVED }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">核定时间</view>
<view slot="value">{{ resultslist.APPROVED_TIME }}</view>
</u-cell>
<u-cell v-if="reportPdf">
<view slot="title" class="title">隐患调查报告</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(reportPdf.FILEPATH)"></u-button>
</view>
</u-cell>
<u-cell v-if="resolutionPdf">
<view slot="title" class="title">安委会或党委会决议记录</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(resolutionPdf.FILEPATH)"></u-button>
</view>
</u-cell>
</u-cell-group>
</view>
<view class="card" v-if="form.STATE >='14'">
<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">{{ form.RECTIFICATIONDEPTNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">验收时间</view>
<view slot="value">{{ form.RECTIFICATIONORNAME }}</view>
</u-cell>
<u-cell v-if="rectificationPdf">
<view slot="title" class="title">临时处置措施与隐患整改方案</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(rectificationPdf.FILEPATH)"></u-button>
</view>
</u-cell>
<u-cell v-if="processPdf">
<view slot="title" class="title">隐患整改过程记录</view>
<view slot="value">
<u-button type="primary" text="下载" size="mini" class="bth-mini"
@click="downloadAppendix(processPdf.FILEPATH)"></u-button>
</view>
</u-cell>
</u-cell-group>
</view>
<view class="card" v-if="form.STATE =='15'">
<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">{{ form.acceptName }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">验收时间</view>
<view slot="value">{{ form.CHECKTIME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">验收结果</view>
<view slot="value">验收通过</view>
</u-cell>
</u-cell-group>
</view>
</view>
</template>
<script>
import {getHiddenGoEdit} from "../../../api";
export default {
data() {
return {
HIDDEN_ID: '',
form: {},
hImgs: [],
videoUrl: '',
modalShow: false,
majorinforPdf:{},
supplementPdf:{},
safetyofficePdf:{},
majorapprovedPdf:{},
resultslist:{},
reportPdf:{},
resolutionPdf:{},
rectificationPdf:{},
processPdf:{},
}
},
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.resultslist = resData.resultslist
this.majorinforPdf = resData.majorinforPdf && resData.majorinforPdf[0]
this.majorapprovedPdf = resData.majorapprovedPdf && resData.majorapprovedPdf[0]
this.resolutionPdf = resData.resolutionPdf && resData.resolutionPdf[0]
this.rectificationPdf = resData.rectificationPdf && resData.rectificationPdf[0]
this.processPdf = resData.processPdf && resData.processPdf[0]
this.reportPdf = resData.reportPdf && resData.reportPdf[0]
this.supplementPdf = resData.supplementPdf && resData.supplementPdf[0]
this.safetyofficePdf = resData.safetyofficePdf && resData.safetyofficePdf[0]
console.log(this.safetyofficePdf)
for (let i = 0; i < resData.hImgs.length; i++) {
this.hImgs.push(this.$store.state.filePath + resData.hImgs[i].FILEPATH)
}
this.videoUrl = this.$store.state.filePath + resData.hiddenVideo[0].FILEPATH
resData.hiddenExa && resData.hiddenExa.forEach(item => {
if (item.TYPE == 0) {
this.form.oldUserName = item.editUserName
this.form.oldDeptName = item.editDeptName
this.form.oldLevelName = item.editLevelName
this.form.oldRectificationDeadline = 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>