qa-regulatory-gwj-app/pages/safety-environmental-inspec.../inspector-archives/acceptance.vue

627 lines
24 KiB
Vue
Raw Permalink Normal View History

2023-11-07 10:08:37 +08:00
<template>
<view class="content">
<view class="card">
<view class="view-title">
<u--text text="隐患信息" bold></u--text>
</view>
<u-cell-group :border="false" class="mt-10">
<u-cell>
<view slot="title" class="title">隐患来源</view>
<view slot="value">
<template v-if="data.SOURCE == '1'"></template>
<template v-else-if="data.SOURCE == '2'">清单排查</template>
<template v-else-if="data.SOURCE == '3'">清单排查</template>
<template v-else-if="data.SOURCE == '4'">安全环保检查监管端</template>
<template v-else-if="data.SOURCE == '5'">安全环保检查企业端</template>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患描述</view>
<view slot="value">{{ data.HIDDENDESCR }}</view>
</u-cell>
<template v-if="data.SOURCE == '2'">
<u-cell>
<view slot="title" class="title">风险点单元</view>
<view slot="value">{{ data.RISK_UNIT }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">辨识部位</view>
<view slot="value">{{ data.IDENTIFICATION }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">存在风险</view>
<view slot="value">{{ data.RISK_DESCR }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">风险分级</view>
<view slot="value">{{ data.LEVEL }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">检查内容</view>
<view slot="value">{{ data.CHECK_CONTENT }}</view>
</u-cell>
</template>
<u-cell>
<view slot="title" class="title">隐患级别</view>
<view slot="value">{{ data.HIDDENLEVELNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患类型</view>
<view slot="value">{{ data.HIDDENTYPENAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患状态</view>
<view slot="value">
<template v-if="data.STATE == '1'"></template>
<template v-else-if="data.STATE == '2'">已整改</template>
<template v-else-if="data.STATE == '3'">已验收</template>
<template v-else-if="data.STATE == '4'">已验收</template>
<template v-else-if="data.STATE == '8'">特殊处置审核</template>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患部位</view>
<view slot="value">{{ data.hregionName?data.hregionName:data.HIDDENPART }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患位置描述</view>
<view slot="value">{{ data.POSITIONDESC }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">是否是相关方</view>
<view slot="value">{{ data.ISRELEVANT==='1'?'是':'否' }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">整改类型</view>
<view slot="value">
<template v-if="data.RECTIFICATIONTYPE == '1'"></template>
<template v-else-if="data.RECTIFICATIONTYPE == '2'">限期整改</template>
</view>
</u-cell>
<u-cell class="flex-none">
<view slot="title" class="title">位置</view>
<view slot="value" class="mt-10">
<view>经度:{{ data.LONGITUDE }}</view>
<view>纬度:{{ data.LATITUDE }}</view>
</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">{{ data.CREATTIME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">整改负责人</view>
<view slot="value">{{ data.oldUserName }}</view>
</u-cell>
<u-cell v-if="data.RECTIFICATIONTYPE == '2'">
<view slot="title" class="title">整改完成期限</view>
<view slot="value">{{ data.oldRectificationDeadline }}</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">{{ data.conUserName }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患确认时间</view>
<view slot="value">{{ data.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.DELAY_TIME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">审核人</view>
<!-- <view slot="value" v-if="pd.conUserName">{{ pd.conUserName }}</view>-->
<!-- <view slot="value" v-if="pd.conUserName">{{ pd.conUserName }}</view>-->
</u-cell>
<u-cell>
<view slot="title" class="title">处置方案</view>
<view slot="value">{{ item.DISPOSAL_PLAN }}</view>
</u-cell>
<u-cell class="flex-none" v-if="item.DISPOSAL_FILE">
<view slot="title" class="title">方案附件</view>
<view slot="value" class="mt-10">
<text class="u-line-1">{{ item.DISPOSAL_FILE }}</text>
<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>
<view slot="title" class="title">处置方案</view>
<view slot="value">{{ item.DISPOSAL_PLAN }}</view>
</u-cell>
<u-cell class="flex-none" v-if="item.DISPOSAL_FILE">
<view slot="title" class="title">方案附件</view>
<view v-if="item.DISPOSAL_FILE" slot="value" class="mt-10">
<!-- <text class="u-line-1">{{ item.DISPOSAL_FILE }}</text>-->
<u-button type="primary" text="下载" size="mini" class="bth"
@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.OPERATTIME }}</view>
</u-cell>
<u-cell v-if="item.STATE!==-1">
<view slot="title" class="title">审核人</view>
<view slot="value">{{ data.conUserName }}</view>
</u-cell>
<u-cell v-if="item.TYPE === '2'">
<view slot="title" class="title">是否更换整改负责人</view>
<view slot="value">
<template v-if="item.spare1 === '1'"></template>
<template v-if="item.spare1 === '0'"></template>
</view>
</u-cell>
<u-cell v-if="item.STATE !== '-1'">
<view slot="title" class="title">是否更换整改负责人</view>
<view slot="value">
<template v-if="item.spare2 === undefined"></template>
<template v-else></template>
</view>
</u-cell>
<u-cell v-if="item.spare1 === '1'">
<view slot="title" class="title">整改负责人</view>
<view slot="value">{{ item.NEWRECTIFICATIONOR }}</view>
</u-cell>
</u-cell-group>
</view>
<view class="card" v-if="data.STATE >= 2 && data.STATE != 8">
<view class="view-title">
<u--text text="整改信息" bold></u--text>
</view>
<u-cell-group :border="false" class="mt-10">
<u-cell>
<view slot="title" class="title">整改描述</view>
<view slot="value">{{ data.RECTIFYDESCR }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">整改部门</view>
<view slot="value">{{ data.RECTIFICATIONDEPTNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">整改人</view>
<view slot="value">{{ data.RECTIFICATIONORNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">整改时间</view>
<view slot="value">{{ data.RECTIFICATIONTIME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">投入资金</view>
<view slot="value">{{ data.INVESTMENT_FUNDS }}</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 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">
<template v-if="data.HAVESCHEME == 0"></template>
<template v-else-if="data.HAVESCHEME == 1"></template>
</view>
</u-cell>
</u-cell-group>
</view>
<view class="card" v-if="hs && hs.HIDDENSCHEME_ID && data.HAVESCHEME==1">
<view class="view-title">
<u--text text="整改方案" bold></u--text>
</view>
<u-cell-group :border="false" class="mt-10">
<u-cell>
<view slot="title" class="title">排查日期</view>
<view slot="value">{{ hs.SCREENINGDATE }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">隐患清单</view>
<view slot="value">{{ hs.LISTNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">治理标准要求</view>
<view slot="value">{{ hs.GOVERNSTANDARDS }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">治理方法</view>
<view slot="value">{{ hs.GOVERNMETHOD }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">经费和物资的落实</view>
<view slot="value">{{ hs.EXPENDITURE }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">负责治理人员</view>
<view slot="value">{{ hs.PRINCIPAL }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">工时安排</view>
<view slot="value">{{ hs.PROGRAMMING }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">时限要求</view>
<view slot="value">{{ hs.TIMELIMITFOR }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">工作要求</view>
<view slot="value">{{ hs.JOBREQUIREMENT }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">其他事项</view>
<view slot="value">{{ hs.OTHERBUSINESS }}</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 sImgs" :key="index">
<u--image :showLoading="true" :src="item" width="80px" height="80px"
@click="previewImage(sImgs,item)"></u--image>
</u-col>
</u-row>
</view>
</u-cell>
</u-cell-group>
</view>
<view class="card" v-if="data.STATE >= 4 && data.STATE != 8">
<view class="view-title">
<u--text text="验收信息" bold></u--text>
</view>
<u-cell-group :border="false" class="mt-10" v-for="(item,index) in checkList" :key="index">
<u-cell>
<view slot="title" class="title">验收描述</view>
<view slot="value">{{ item.CHECKDESCR }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">是否合格</view>
<view slot="value">
<template v-if="item.STATUS == '1'"></template>
<template v-else-if="item.STATUS == '0'"></template>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">验收部门</view>
<view slot="value">{{ item.CHECKDEPTNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">验收人</view>
<view slot="value">{{ item.CHECKORNAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">验收时间</view>
<view slot="value">{{ item.CHECK_TIME }}</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="(items,index) in item.cImgs" :key="index">
<u--image :showLoading="true" :src="filePath + '/' +items.FILEPATH" width="80px" height="80px"
@click="previewImages(item.cImgs,items)"></u--image>
</u-col>
</u-row>
</view>
</u-cell>
</u-cell-group>
</view>
<view class="card" v-if="type === 'acceptance'">
<view class="view-title">
<u--text text="安全环保检查验收" bold></u--text>
</view>
<u-cell-group :border="false" class="mt-10">
<u-cell>
<view slot="title" class="title required">是否合格</view>
<view slot="value">
<u-radio-group v-model="form.FINAL_CHECK" placement="row">
<u-radio label="是" name="1"></u-radio>
<u-radio label="否" name="2" class="ml-10"></u-radio>
</u-radio-group>
</view>
</u-cell>
<u-cell class="flex-none">
<view slot="title" class="title required">验收意见</view>
<view slot="value" class="mt-10">
<u--textarea v-model="form.FINAL_CHECKDESCR" placeholder="请输入验收意见"></u--textarea>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title required">验收时间</view>
<view slot="value">
<text @click="finalChecktimeShow = true">{{ form.FINAL_CHECKTIME || '请选择' }}</text>
<u-datetime-picker :show="finalChecktimeShow" :value="form.FINAL_CHECKTIME"
:minDate="Number(new Date())" mode="date"
@cancel="finalChecktimeShow = false"
@confirm="finalChecktimeConfirm"></u-datetime-picker>
</view>
</u-cell>
<u-cell class="flex-none">
<view slot="title" class="title">验收图片</view>
<view slot="value" class="mt-10">
<u-upload
uploadIcon="plus"
:fileList="form.check_imgList"
@afterRead="afterRead"
@delete="deletePic"
multiple
:maxCount="4"
></u-upload>
</view>
</u-cell>
<u-cell class="flex-none" :border="false">
<view slot="value">
<u-button type="primary" text="提交" @click="$u.debounce(fnSubmit, 1000, true)"></u-button>
</view>
</u-cell>
</u-cell-group>
</view>
</view>
</template>
<script>
import {getHiddenGoEdit, setFinalCheck, setImgFilesAdd, setVideoAdd} from "../../../api";
export default {
data() {
return {
INSPECTION_ID: '',
HIDDEN_ID: '',
type: '',
data: {},
hImgs: [],
videoUrl: '',
modalShow: false,
hiddenFindPeople: [],
hiddenExamineList: [],
rImgs: [],
hs: {},
sImgs: [],
checkList: [],
cImgs: [],
finalChecktimeShow: false,
form: {
FINAL_CHECK: '',
FINAL_CHECKDESCR: '',
FINAL_CHECKTIME: uni.$u.timeFormat(new Date(), 'yyyy-mm-dd'),
check_imgList: []
},
rules: {
'FINAL_CHECK': {required: true, message: '请选择是否合格'},
'FINAL_CHECKDESCR': {required: true, message: '请输入验收意见'},
'FINAL_CHECKTIME': {required: true, message: '请选择验收时间'},
}
}
},
computed: {
userInfo() {
return this.$store.getters.getUserInfo
},
filePath() {
return this.$store.state.filePath
}
},
onLoad(event) {
this.INSPECTION_ID = event.INSPECTION_ID
this.HIDDEN_ID = event.HIDDEN_ID
this.type = event.type
this.getData()
},
methods: {
async getData() {
let resData = await getHiddenGoEdit({
HIDDEN_ID: this.HIDDEN_ID
})
this.data = resData.pd;
this.hs = resData.hs;
this.hiddenFindPeople = resData.hiddenFindPeople || []
this.hiddenExamineList = resData.hiddenExa || []
this.checkList = resData.checkList
resData.hiddenExa && resData.hiddenExa.forEach(item => {
if (item.TYPE === 4) {
this.data.oldUserName = item.oldUserName
this.data.oldDeptName = item.oldDeptName
this.data.oldLevelName = item.oldLevelName
this.data.oldRectificationDeadline = item.spare3
}
})
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)
}
for (let i = 0; i < resData.cImgs && resData.cImgs.length; i++) {
this.cImgs.push(this.$store.state.filePath + resData.cImgs[i].FILEPATH)
}
for (let i = 0; i < resData.sImgs.length; i++) {
this.sImgs.push(this.$store.state.filePath + resData.sImgs[i].FILEPATH)
}
if (resData.hiddenVideo.length > 0) this.videoUrl = this.$store.state.filePath + resData.hiddenVideo[0].FILEPATH
},
previewImage(list, current) {
console.log(list)
console.log(current)
uni.previewImage({
urls: list,
current
});
},
previewImages(list, current) {
let url_list = []
for (let i = 0; i < list.length; i++) {
url_list.push(this.$store.state.filePath + list[i].FILEPATH)
}
let _current = this.filePath + current.FILEPATH
uni.previewImage({
urls: url_list,
_current
});
},
downloadAppendix(DISPOSAL_FILE) {
// console.log(this.$store.state.filePath + DISPOSAL_FILE)
plus.runtime.openURL(this.$store.state.filePath + DISPOSAL_FILE, function (res) {
console.log(res);
});
},
finalChecktimeConfirm(e) {
this.form.FINAL_CHECKTIME = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
this.finalChecktimeShow = false;
},
afterRead(event) {
this.form.check_imgList = [...this.form.check_imgList, ...event.file]
},
deletePic(event) {
this.form.check_imgList = this.form.check_imgList.filter(item => item.url !== event.file.url)
},
async fnSubmit() {
for (const key in this.rules) {
if (!this.form[key]) {
uni.showToast({
title: this.rules[key].message,
icon: "none"
})
return;
}
}
// if (this.form.check_imgList.length === 0) {
// uni.showToast({
// title: '请上传验收图片',
// icon: "none"
// })
// return;
// }
uni.showLoading({
title: '加载中'
});
await setFinalCheck({
HIDDEN_ID: this.HIDDEN_ID,
INSPECTION_ID: this.INSPECTION_ID,
FINAL_CHECKOR: this.userInfo.USER_ID,
...this.form,
loading: false
})
let PromiseArr = []
for (let i = 0; i < this.form.check_imgList.length; i++) {
let imgFiles = []
imgFiles.push({
uri: this.form.check_imgList[i].url,
FFILE: this.form.check_imgList[i].url,
})
PromiseArr.push(this.fnSetVideoAdd(imgFiles))
}
Promise.all(PromiseArr).then(() => {
uni.hideLoading()
uni.showToast({
title: '验收成功',
})
uni.$u.route({
type: 'navigateBack'
})
}).catch((e) => {
uni.showToast({
title: '验收失败!',
icon: 'error',
duration: 2000
});
})
},
async fnSetVideoAdd(imgFiles) {
console.log(imgFiles)
return await setImgFilesAdd({
files: imgFiles,
formData: {
FOREIGN_KEY: this.HIDDEN_ID,
TYPE: '50'
},
loading: false
})
}
}
}
</script>
<style scoped>
</style>