qa-regulatory-gwj-app/pages/super-hot/safety-director/detail.vue

375 lines
14 KiB
Vue
Raw Permalink 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.

<template>
<view class="content p-10">
<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">{{ form.APPLY_USER_NAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">申请时间</view>
<view slot="value">{{ form.APPLICATION_DATE }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">作业证编号</view>
<view slot="value">{{ form.JOB_NUMBER }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">作业类型</view>
<view slot="value">{{ form.JOB_TYPE_NAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">动火许可证</view>
<view slot="value">
<u-button type="primary" text="查看" size="mini" class="bth-mini" @click="fnNavigator"></u-button>
</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" class="mt-10">
<u-cell>
<view slot="title" class="title">动火单位作业负责人</view>
<view slot="value">{{ form.projectCompetent_USER_NAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">确认时间</view>
<view slot="value">{{ form.projectCompetent_OPERATTIME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">是否确认通过</view>
<view slot="value">{{ form.projectCompetent_TYPE == '2' ? '通过' : '不通过' }}</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" class="mt-10">
<u-cell>
<view slot="title" class="title">项目主管人员</view>
<view slot="value">{{ form.projectPreliminarily_USER_NAME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">初审时间</view>
<view slot="value">{{ form.projectPreliminarily_OPERATTIME }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">初审结果</view>
<view slot="value">{{ form.projectPreliminarily_TYPE == '2' ? '通过' : '不通过' }}</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" class="mt-10">
<u-cell>
<view slot="title" class="title">初审结果</view>
<view slot="value">{{ form.projectPreliminarily_TYPE == '2' ? '通过' : '不通过' }}</view>
</u-cell>
<u-cell class="flex-none">
<view slot="title" class="title">签字</view>
<view slot="value" class="mt-10">
<u--image :showLoading="true" :src="$store.state.filePath + form.projectPreliminarily_PRINCIPAL" width="70" height="70" mode="scaleToFill" @click="previewImage"></u--image>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">签字时间</view>
<view slot="value">{{ form.projectPreliminarily_OPERATTIME }}</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 meetingImgList" :key="index">
<u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70" mode="scaleToFill" @click="previewImage"></u--image>
</u-col>
</u-row>
</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 appendixImgList" :key="index">
<u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70" mode="scaleToFill" @click="previewImage"></u--image>
</u-col>
</u-row>
</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" class="mt-10">
<u-cell>
<view slot="title" class="title">审批结果:</view>
<view slot="value">{{ form.inspectorGeneral_TYPE == '2' ? '通过' : '不通过' }}</view>
</u-cell>
<u-cell class="flex-none">
<view slot="title" class="title">签字:</view>
<view slot="value" class="mt-10">
<u--image :showLoading="true" :src="$store.state.filePath + form.inspectorGeneral_PRINCIPAL" width="70" height="70" mode="scaleToFill" @click="previewImage"></u--image>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">签字时间:</view>
<view slot="value">{{ form.inspectorGeneral_OPERATTIME }}</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" class="mt-10">
<u-cell>
<view slot="title" class="title">签批结果:</view>
<view slot="value">{{ form.supervision_TYPE == '2' ? '通过' : '不通过' }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">签字:</view>
<view slot="value" class="mt-10">
<u--image :showLoading="true" :src="$store.state.filePath + form.supervision_PRINCIPAL" width="70" height="70" mode="scaleToFill" @click="previewImage($store.state.filePath + form.supervision_PRINCIPAL)"></u--image>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">签字时间:</view>
<view slot="value">{{ form.supervision_OPERATTIME }}</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" class="mt-10">
<u-cell>
<view slot="title" class="title">初审结果:</view>
<view slot="value">{{ form.committee_TYPE == '2' ? '通过' : '不通过' }}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">初审人员:</view>
<view slot="value">{{form.committee_USER_NAME}}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">初审时间:</view>
<view slot="value">{{form.committee_OPERATTIME}}</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" class="mt-10">
<u-cell>
<view slot="title" class="title">审核结果:</view>
<view slot="value">{{ form.safetyDirector_TYPE == '2' ? '通过' : '不通过' }}</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 fileList" :key="index">
<u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70" mode="scaleToFill" @click="previewImage($store.state.filePath + item.FILEPATH,fileList)"></u--image>
</u-col>
</u-row>
</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 fileList1" :key="index">
<u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70" mode="scaleToFill" @click="previewImage($store.state.filePath + item.FILEPATH,fileList1)"></u--image>
</u-col>
</u-row>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">港股安委会办公室审批</view>
<view slot="value">{{form.safetyDirector_USER_NAME}}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">时间</view>
<view slot="value">{{form.safetyDirector_OPERATTIME}}</view>
</u-cell>
</u-cell-group>
</view>
<view class="card" v-if="type==2">
<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">
<u-radio-group v-model="form.TYPE" placement="row">
<u-radio label="同意" name="2"></u-radio>
<!-- <u-radio label="不同意" name="1" class="ml-10"></u-radio> -->
</u-radio-group>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">签批人:</view>
<view slot="value">{{userInfo.NAME}}</view>
</u-cell>
<u-cell>
<view slot="title" class="title">签批时间:</view>
<view slot="value">{{$u.timeFormat(new Date(), 'yyyy年mm月dd日 hh时MM分ss秒')}}</view>
</u-cell>
<u-cell >
<view slot="title" class="title" @click="signShow = true">签字:</view>
<view slot="value">
<u-button type="primary" text="手写添加" size="mini" class="bth-mini" @click="signShow = true"></u-button>
<sign v-if="signShow" :signShow.sync="signShow" @confirm="signConfirm"></sign>
</view>
</u-cell>
<u-cell v-if="form.safetyDirectorSign">
<view slot="title" class="title" ></view>
<view slot="value">
<u--image v-show="form.safetyDirectorSign" :showLoading="true" :src="form.safetyDirectorSign"
width="200px" height="80px" mode="scaleToFill" @click="previewImage(form.safetyDirectorSign)"></u--image>
</view>
</u-cell>
</u-cell-group>
</view>
<u-button v-if="type==2" type="primary" text="提交" class="bth-mini mt-10" @click="$u.debounce(submit, 1000,true)"></u-button>
</view>
</template>
<script>
import {
approveHotWorkSupervisionAndFfile,
getDept,
getDeptUser,
getHotWorkGoEdit,
getImgfilesListByKeyAndType
} from "../../../api";
import sign from "../../../components/sign/sign";
export default {
components: {
sign,
},
data() {
return {
signShow:false,
form: {TYPE:'2'},
HOTWORKAPPLICATION_ID: '',
meetingImgList: [],
appendixImgList: [],
fileList:[],
fileList1:[],
type:1
}
},
computed: {
userInfo() {
return this.$store.getters.getUserInfo
}
},
onLoad(event) {
this.type = event.type
this.HOTWORKAPPLICATION_ID = event.HOTWORKAPPLICATION_ID
this.getDate()
this.getImgFilesList('203','meetingImgList')
this.getImgFilesList('204','appendixImgList')
this.getImgFilesList('205','fileList')
this.getImgFilesList('206','fileList1')
this.getDept()
},
methods: {
async getDate(){
let resData = await getHotWorkGoEdit({HOTWORKAPPLICATION_ID:this.HOTWORKAPPLICATION_ID});
this.form = resData.pd
this.form.TYPE = '2'
},
async getImgFilesList(type,listName){
let imgPd = {'FOREIGN_KEY':this.HOTWORKAPPLICATION_ID ,'TYPE':type}
let resData = await getImgfilesListByKeyAndType({...imgPd});
this[listName] = resData.imgs
},
async getDept(){
let resData = await getDept({'DEPARTMENT_ID':'0'});
this.deptRange = JSON.parse(resData.zTreeNodes)
},
async getDeptUser(detpId){
let resData = await getDeptUser({'DEPARTMENT_ID':detpId});
this.deptUserRange = JSON.parse(resData.userList)
this.$set(this.columns,0,JSON.parse(resData.userList))
},
fnNavigator(){
uni.$u.route({
url: '/pages/super-hot/hot-work-permit/index',
params: {
HOTWORKAPPLICATION_ID: this.HOTWORKAPPLICATION_ID
}
})
},
previewImage(current,imgList){
if(imgList){
let urls = []
for (let i = 0; i < imgList.length; i++) {
urls.push(this.$store.state.filePath + imgList[i].FILEPATH)
}
uni.previewImage({
urls,
current
});
}else{
uni.previewImage({
urls: [current],
current
});
}
},
signConfirm(signImg) {
this.form.safetyDirectorSign = signImg.filePath
},
async submit(){
if(this.form.TYPE ==='2'){
if(!this.form.safetyDirectorSign){
uni.showToast({
icon: "none",
title: '请在确认人签字处签字',
duration: 1500
});
return false
}
}
let formData = {
'TYPE':this.form.TYPE,
'HOTWORKAPPLICATION_ID':this.HOTWORKAPPLICATION_ID,
'STATE':'37',
'loginUserId':this.userInfo.USER_ID,
'CORPINFO_ID':this.userInfo.CORPINFO_ID
}
let rePD = {'filePath':this.form.safetyDirectorSign,name:'FFILE','formData':formData}
await approveHotWorkSupervisionAndFfile({...rePD })
uni.$u.route({
type: 'navigateBack'
})
}
},
}
</script>
<style scoped>
</style>