|
|
@@ -0,0 +1,405 @@
|
|
|
+<template>
|
|
|
+ <el-dialog :close-on-click-modal="false"
|
|
|
+ :title="!this.taskForm.taskId == '' ? $t('处理') : $t('详情')"
|
|
|
+
|
|
|
+ :visible.sync="visible"
|
|
|
+ :append-to-body="true"
|
|
|
+ width="60%">
|
|
|
+ <el-descriptions :column="2" border size="small" v-if="!desFlag">
|
|
|
+ <el-descriptions-item label="安全阀位号" :label-style="labelStyle">{{ this.dataForm.devNo }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="单元" :label-style="labelStyle">{{ this.dataForm.unit }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="离线原因" :span="2">{{ this.dataForm.offlineReason }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="状态" :label-style="labelStyle">
|
|
|
+ <el-tag size="small" :type="statusFlag">{{ status[this.dataForm.status] }}</el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="申请状态">
|
|
|
+ <el-tag size="small" :type="approveStatusFlag">{{ approveStatus[this.dataForm.approveStatus] }}</el-tag>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="安全评估以及临时措施执行" :span="2" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.safa }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="安全阀锁开是否拆解" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.disassembly }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="破锁编号" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.lockNo }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="临时措施执行人" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.executorName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="临时措施执行时间" :label-style="labelStyle">
|
|
|
+ <template>
|
|
|
+ <span>{{ parseTime(this.dataForm.executionTime, '{y}-{m}-{d} {h}:{i}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="临时措施确认人" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.confirmerName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="临时措施确认时间" :label-style="labelStyle">
|
|
|
+ <template>
|
|
|
+ <span>{{ parseTime(this.dataForm.temporaryTime, '{y}-{m}-{d} {h}:{i}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="申请人" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.applicantName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="申请时间" :label-style="labelStyle">
|
|
|
+ <template>
|
|
|
+ <span>{{ parseTime(this.dataForm.applicationTime, '{y}-{m}-{d} {h}:{i}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="批准人" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.approverName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="批准时间" :label-style="labelStyle">
|
|
|
+ <template>
|
|
|
+ <span>{{ parseTime(this.dataForm.approveTime, '{y}-{m}-{d} {h}:{i}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="离线安全阀是否已经复位" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.resetConfirm }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="离线安全阀复位后现场是否存在泄漏" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.leakConfirm }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="离线安全复位后，之前采取的安全措施是否已撤销" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.revokeConfirm }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="离线安全复位后，是否已经重新上锁" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.lockConfirm }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="确认上锁人员" :label-style="labelStyle" :span="2">
|
|
|
+ {{ this.dataForm.lockConfirmer1Name }} {{ this.dataForm.lockConfirmer2Name }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="上述信息确认人" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.infoConfirmerName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="确认时间" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.confirmTime }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="备注" :span="2" :label-style="labelStyle">
|
|
|
+ {{ this.dataForm.remarks }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ <el-form ref="form" :model="form" label-position="left" :rules="rules" label-width="340px"
|
|
|
+ style="margin-top: 30px">
|
|
|
+ <div v-if="flag">
|
|
|
+ <el-form-item label="评语" prop="mentorComments">
|
|
|
+ <el-input type="textarea" v-model="form.mentorComments" placeholder="请输入评语"/>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button v-if="!this.taskForm.taskId == ''" type="primary"
|
|
|
+ @click="dataFormSubmit(1)"
|
|
|
+ :disabled="submitDisabled">{{ $t(taskName != '申请人提交申请' ? '通过' : '提交') }}</el-button>
|
|
|
+ <el-button v-if="!this.taskForm.taskId == ''&&(this.taskName=='临时措施制定人'||this.taskName=='批准人')"
|
|
|
+ type="danger"
|
|
|
+ @click="dataFormSubmit(0)" :disabled="submitDisabled">{{ $t('拒绝') }}</el-button>
|
|
|
+ <el-button @click="visible = false">{{ $t('返回') }}</el-button>
|
|
|
+ </span>
|
|
|
+ <div>
|
|
|
+ <span>{{ $t('流转详情') }}</span>
|
|
|
+ <el-table :data="historyList" border v-loading="historyLoading" style="width: 100%;">
|
|
|
+ <el-table-column prop="taskName" header-align="center" align="center"
|
|
|
+ :label="$t('流程进度')"></el-table-column>
|
|
|
+ <el-table-column prop="userName" header-align="center" align="center" :label="$t('姓名')"></el-table-column>
|
|
|
+ <el-table-column prop="taskCreateTime" header-align="center" align="center"
|
|
|
+ :label="$t('开始时间')"></el-table-column>
|
|
|
+ <el-table-column prop="taskEndTime" header-align="center" align="center"
|
|
|
+ :label="$t('结束时间')"></el-table-column>
|
|
|
+ <el-table-column prop="comment" header-align="center" align="center"
|
|
|
+ :label="$t('审批意见')"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {getOfflinevalve, handle, listSAFA} from "@/api/apply/offlinevalve";
|
|
|
+import {getHistorylist} from "@/api/ehs/approvedanger";
|
|
|
+import {listUserPost} from "@/api/system/user";
|
|
|
+import {allSafetyvavle} from "@/api/reliability/safetyvavle";
|
|
|
+import {listAllLock} from "@/api/apply/lock";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "dsdtTraining-detail",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ desFlag: false,
|
|
|
+ status: {0: "未完成", 1: "已完成"},
|
|
|
+ approveStatus: {1: "申请中", 2: "已通过", 3: "已拒绝"},
|
|
|
+ //label样式
|
|
|
+ labelStyle: {'width': '200px'},
|
|
|
+ infoConfirmerList: [],
|
|
|
+ // 安全阀清单
|
|
|
+ safetyvavleList: [],
|
|
|
+ safaList: [],
|
|
|
+ unitOptions: [],
|
|
|
+ lockList: [],
|
|
|
+ //流转列表
|
|
|
+ historyList: [],
|
|
|
+ historyLoading: true,
|
|
|
+ submitDisabled: false,
|
|
|
+ taskName: '',
|
|
|
+ visible: false,
|
|
|
+ approveStatusList: [],
|
|
|
+ statusList: [],
|
|
|
+ taskForm: {
|
|
|
+ comment: '',
|
|
|
+ taskId: '',
|
|
|
+ files: '',
|
|
|
+ govDate: '',
|
|
|
+ govFileList: [],
|
|
|
+ businessKey: '',
|
|
|
+ offlinevalve: {}
|
|
|
+ },
|
|
|
+ devList: [],
|
|
|
+ dataForm: {
|
|
|
+ id: null,
|
|
|
+ devNo: null,
|
|
|
+ unit: null,
|
|
|
+ offlineReason: null,
|
|
|
+ safa: null,
|
|
|
+ disassembly: null,
|
|
|
+ executor: null,
|
|
|
+ confirmer: null,
|
|
|
+ applicant: null,
|
|
|
+ applicationTime: null,
|
|
|
+ approver: null,
|
|
|
+ approveTime: null,
|
|
|
+ resetConfirm: null,
|
|
|
+ leakConfirm: null,
|
|
|
+ revokeConfirm: null,
|
|
|
+ lockConfirm: null,
|
|
|
+ lockConfirmer1: null,
|
|
|
+ lockConfirmer2: null,
|
|
|
+ infoConfirmer: null,
|
|
|
+ confirmTime: null,
|
|
|
+ remarks: null,
|
|
|
+ temporaryTime: null,
|
|
|
+ executionTime: null,
|
|
|
+ status: 0,
|
|
|
+ delFlag: null,
|
|
|
+ createrCode: null,
|
|
|
+ createdate: null,
|
|
|
+ updaterCode: null,
|
|
|
+ updatedate: null,
|
|
|
+ deptId: null,
|
|
|
+ approveStatus: null,
|
|
|
+ lockConfirmer1Name: null,
|
|
|
+ lockConfirmer2Name: null,
|
|
|
+ infoConfirmerName: null,
|
|
|
+ executorName: null,
|
|
|
+ confirmerName: null,
|
|
|
+ approverName: null,
|
|
|
+ applicantName: null,
|
|
|
+ apNo: null,
|
|
|
+ processId: null
|
|
|
+ },
|
|
|
+ form: {},
|
|
|
+ statusFlag: '',
|
|
|
+ approveStatusFlag: '',
|
|
|
+ rules: {
|
|
|
+ safa: [{required: true, message: "请输入安全评估以及临时措施执行", trigger: "blur"}],
|
|
|
+ lockConfirm: [{required: true, message: "请选择是/否/NA", trigger: "blur"}],
|
|
|
+ revokeConfirm: [{required: true, message: "请选择是/否", trigger: "blur"}],
|
|
|
+ leakConfirm: [{required: true, message: "请选择是/否", trigger: "blur"}],
|
|
|
+ resetConfirm: [{required: true, message: "请选择是/否", trigger: "blur"}],
|
|
|
+ disassembly: [{required: true, message: "请选择是/否/NA", trigger: "blur"}],
|
|
|
+ lockConfirmer1: [{required: true, message: "请选择是/否/NA", trigger: "blur"}],
|
|
|
+ devNo: [
|
|
|
+ {required: true, message: "请选择或输入安全阀位号", trigger: "blur"}
|
|
|
+ ],
|
|
|
+ unit: [
|
|
|
+ {required: true, message: "请选择单元", trigger: "blur"}
|
|
|
+ ],
|
|
|
+ offlineReason: [
|
|
|
+ {required: true, message: "请输入离线原因", trigger: "blur"}
|
|
|
+ ],
|
|
|
+ lockNo: [
|
|
|
+ {required: true, message: "请选择锁编号", trigger: "blur"}
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ flag: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init(id, taskId, processId, taskName, flag, desFlag) {
|
|
|
+ this.flag = flag;
|
|
|
+ this.desFlag = desFlag;
|
|
|
+ this.submitDisabled = false;
|
|
|
+ this.statusFlag = '';
|
|
|
+ this.approveStatusFlag = '';
|
|
|
+ this.reset();
|
|
|
+ this.devList = [];
|
|
|
+ this.dataForm = {};
|
|
|
+ this.visible = true;
|
|
|
+ this.taskName = taskName;
|
|
|
+ this.taskForm.taskId = taskId;
|
|
|
+ this.taskForm.businessKey = id;
|
|
|
+ this.historyList = [];
|
|
|
+ console.log(this.taskForm.taskId)
|
|
|
+ this.dataForm.id = id || 0;
|
|
|
+ this.form.id = id || 0;
|
|
|
+ this.dataForm.processId = processId;
|
|
|
+ getOfflinevalve(id).then(res => {
|
|
|
+ this.dataForm = res.data;
|
|
|
+ this.devList.push(this.dataForm);
|
|
|
+ if (taskName == '申请人提交申请') {
|
|
|
+ this.form.devNo = res.data.devNo;
|
|
|
+ this.form.offlineReason = res.data.offlineReason;
|
|
|
+ this.form.unit = res.data.unit;
|
|
|
+ }
|
|
|
+ if (this.dataForm.status === 1) {
|
|
|
+ this.statusFlag = 'success';
|
|
|
+ }
|
|
|
+ if (this.dataForm.approveStatus === '2') {
|
|
|
+ this.approveStatusFlag = 'success';
|
|
|
+ } else if (this.dataForm.approveStatus === '1') {
|
|
|
+ this.approveStatusFlag = 'warning';
|
|
|
+ } else if (this.dataForm.approveStatus === '3') {
|
|
|
+ this.approveStatusFlag = 'danger';
|
|
|
+ }
|
|
|
+ this.getLocks(this.dataForm.devNo);
|
|
|
+ });
|
|
|
+ this.getDicts("apply_status").then(response => {
|
|
|
+ this.statusList = response.data;
|
|
|
+ });
|
|
|
+ this.getDicts("apply_approve_status").then(response => {
|
|
|
+ this.approveStatusList = response.data;
|
|
|
+ });
|
|
|
+ getHistorylist({processId: this.dataForm.processId}).then(response => {
|
|
|
+ this.historyList = response.rows;
|
|
|
+ this.historyLoading = false
|
|
|
+ });
|
|
|
+ listUserPost({
|
|
|
+ actualposts: "12",
|
|
|
+ }).then(response => {
|
|
|
+ this.infoConfirmerList = response;
|
|
|
+ });
|
|
|
+ allSafetyvavle().then(res => {
|
|
|
+ this.safetyvavleList = res.data
|
|
|
+ });
|
|
|
+ this.getDicts("UNIT").then(response => {
|
|
|
+ this.unitOptions = response.data;
|
|
|
+ });
|
|
|
+ listSAFA({}).then(res => {
|
|
|
+ this.safaList = res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getSAFA(val, cb) {
|
|
|
+ let list = [];
|
|
|
+ for (const item of this.safaList) {
|
|
|
+ if (item.safa.indexOf(val) > -1)
|
|
|
+ list.push({"value": item.safa})
|
|
|
+ }
|
|
|
+ return cb(list);
|
|
|
+ },
|
|
|
+ getLocks(devNo) {
|
|
|
+ listAllLock({position: devNo, status: 0}).then(res => {
|
|
|
+ res.data.forEach(item => {
|
|
|
+ let riskLevel = '风险等级: ';
|
|
|
+ if (item.riskLevel)
|
|
|
+ riskLevel = '风险等级:' + item.riskLevel.substring(item.riskLevel.indexOf('=') + 1, item.riskLevel.length)
|
|
|
+ item.lockCode = item.lockCode + '(' + riskLevel + '；' + '初始状态:' + item.valveStatus + ')'
|
|
|
+ })
|
|
|
+ this.lockList = res.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ dataFormSubmit(val) {
|
|
|
+ if (val == 2||val==0) {
|
|
|
+ if (this.form.remarks == "" || this.form.remarks == null || this.form.remarks == undefined) {
|
|
|
+ this.$alert("驳回/拒绝申请必须填写备注！", "注意！", {dangerouslyUseHTMLString: true});
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
+ if (valid || val != 1) {
|
|
|
+ this.submitDisabled = true;
|
|
|
+ if (this.form.lockNo) {
|
|
|
+ this.form.lockNo = this.form.lockNo.join(',');
|
|
|
+ }
|
|
|
+ this.taskForm.offlinevalve = this.form;
|
|
|
+ this.taskForm.condition = val;
|
|
|
+ handle(this.taskForm).then(res => {
|
|
|
+ this.msgSuccess("审核成功");
|
|
|
+ this.visible = false;
|
|
|
+ this.$emit('refreshDataList')
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 字典翻译
|
|
|
+ approveStatusFormat(row, column) {
|
|
|
+ let s = this.selectDictLabel(this.approveStatusList, row.approveStatus)
|
|
|
+ let type = '';
|
|
|
+ if (row.approveStatus === '2') {
|
|
|
+ type = 'success';
|
|
|
+ } else if (row.approveStatus === '1') {
|
|
|
+ type = 'warning';
|
|
|
+ } else if (row.approveStatus === '3') {
|
|
|
+ type = 'danger';
|
|
|
+ }
|
|
|
+ return <el-tag type={type}>{s}</el-tag>;
|
|
|
+ },
|
|
|
+ statusFormat(row, column) {
|
|
|
+ let s = this.selectDictLabel(this.statusList, row.status);
|
|
|
+ let type = '';
|
|
|
+ if (row.status === 1) {
|
|
|
+ type = 'success';
|
|
|
+ }
|
|
|
+ return <el-tag type={type}>{s}</el-tag>;
|
|
|
+ },
|
|
|
+ reset() {
|
|
|
+ this.form = {
|
|
|
+ id: null,
|
|
|
+ devNo: null,
|
|
|
+ unit: null,
|
|
|
+ offlineReason: null,
|
|
|
+ safa: null,
|
|
|
+ disassembly: null,
|
|
|
+ executor: null,
|
|
|
+ confirmer: null,
|
|
|
+ applicant: null,
|
|
|
+ applicationTime: null,
|
|
|
+ approver: null,
|
|
|
+ approveTime: null,
|
|
|
+ resetConfirm: null,
|
|
|
+ leakConfirm: null,
|
|
|
+ revokeConfirm: null,
|
|
|
+ lockConfirm: null,
|
|
|
+ lockConfirmer1: null,
|
|
|
+ lockConfirmer2: null,
|
|
|
+ infoConfirmer: null,
|
|
|
+ confirmTime: null,
|
|
|
+ remarks: null,
|
|
|
+ temporaryTime: null,
|
|
|
+ executionTime: null,
|
|
|
+ status: 0,
|
|
|
+ delFlag: null,
|
|
|
+ createrCode: null,
|
|
|
+ createdate: null,
|
|
|
+ updaterCode: null,
|
|
|
+ updatedate: null,
|
|
|
+ deptId: null,
|
|
|
+ approveStatus: null,
|
|
|
+ lockConfirmer1Name: null,
|
|
|
+ lockConfirmer2Name: null,
|
|
|
+ infoConfirmerName: null,
|
|
|
+ executorName: null,
|
|
|
+ confirmerName: null,
|
|
|
+ approverName: null,
|
|
|
+ applicantName: null
|
|
|
+ };
|
|
|
+ this.resetForm("form");
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
