From c60ce7e35c2c4e2f4c8b2aa24aab839a931f3a62 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: Thu, 11 Aug 2022 15:11:14 +0800
Subject: [PATCH] 对接
---
src/views/contingencyManagement/panManagement/index.vue | 72 +++++++++++++++++++++++++----------
1 files changed, 51 insertions(+), 21 deletions(-)
diff --git a/src/views/contingencyManagement/panManagement/index.vue b/src/views/contingencyManagement/panManagement/index.vue
index 14e7c33..58f1164 100644
--- a/src/views/contingencyManagement/panManagement/index.vue
+++ b/src/views/contingencyManagement/panManagement/index.vue
@@ -8,10 +8,10 @@
</el-form-item>
<el-form-item>
<el-select size="default" v-model="listQuery.searchParams.type" placeholder="请选择预案类型" class="ml10" style="max-width: 215px">
- <el-option label="综合应急预案" value="admin"></el-option>
- <el-option label="现场处置方案" value="common"></el-option>
- <el-option label="专项应急预案" value="common"></el-option>
- <el-option label="其他预案" value="common"></el-option>
+ <el-option label="综合应急预案" value="1"></el-option>
+ <el-option label="现场处置方案" value="2"></el-option>
+ <el-option label="专项应急预案" value="3"></el-option>
+ <el-option label="其他预案" value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item>
@@ -60,8 +60,21 @@
<el-table :data="tableData" style="width: 100%" ref="multipleTableRef" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="name" label="预案名称" show-overflow-tooltip sortable></el-table-column>
- <el-table-column prop="type" label="预案类型" show-overflow-tooltip sortable></el-table-column>
- <el-table-column prop="level" label="预案级别" show-overflow-tooltip sortable></el-table-column>
+ <el-table-column prop="type" label="预案类型" show-overflow-tooltip sortable>
+ <template #default="scope">
+ <span v-if="scope.row.type == 1">综合应急预案</span>
+ <span v-if="scope.row.type == 2">现场处置方案</span>
+ <span v-if="scope.row.type == 3">专项应急预案</span>
+ <span v-if="scope.row.type == 4">其他预案</span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="level" label="预案级别" show-overflow-tooltip sortable>
+ <template #default="scope">
+ <span v-if="scope.row.level == 1">综合应急预案</span>
+ <span v-if="scope.row.level == 2">现场处置方案</span>
+ <span v-if="scope.row.level == 3">专项应急预案</span>
+ </template>
+ </el-table-column>
<el-table-column prop="releaseDate" label="发布实施日期" show-overflow-tooltip sortable></el-table-column>
<el-table-column label="操作" width="260" align="center" fixed="right">
<template #default="scope">
@@ -93,8 +106,8 @@
size="small"
text
type="primary"
- v-if="scope.row.approveStatus === 1 || scope.row.checkApprove == true"
- @click="onApproval(scope.row.id)"
+ v-if="scope.row.approveStatus === 2 && scope.row.checkApprove === true"
+ @click="onApproval('修改',scope.row.approveId,scope.row.id)"
>
审批
</el-button>
@@ -102,12 +115,12 @@
size="small"
text
type="primary"
- v-if="scope.row.approveStatus === 1 || scope.row.checkApprove == false"
- @click="initiateApproval(scope.row.id)"
+ v-if="scope.row.approveStatus === 2 && scope.row.checkApprove === false"
+ @click="onApproval('详情',scope.row.approveId,scope.row.id)"
>
- 查看审批
+ 查看审批
</el-button>
- <el-button size="small" text type="primary" v-if="scope.row.approveStatus === 2" @click="initiateApproval(scope.row.id)">
+ <el-button size="small" text type="primary" v-if="scope.row.approveStatus === 3" @click="onApprovalProcess(scope.row.id)">
查看审批流程
</el-button>
<!-- <el-button size="small" text type="primary" @click="jumpFrom(0)">-->
@@ -143,9 +156,10 @@
</div>
</el-card>
<OpenAdd ref="addRef" @myAdd="onMyAdd" />
- <AbolishLibrary ref="abolishRef" />
- <InitiateApproval ref="initiateApprovalRef" />
- <Approval ref="approvalRef" />
+ <AbolishLibrary ref="abolishRef" @myAdd="onMyAdd" />
+ <InitiateApproval ref="initiateApprovalRef" @myAdd="onMyAdd" />
+ <Approval ref="approvalRef" @myAdd="onMyAdd" />
+ <ApprovalProcess ref="processRef" @myAdd="onMyAdd" />
<!-- <StartUp ref="startRef" @myAdd="startUp"/>-->
<el-dialog v-model="dialogFormVisible" width="30%" title="启动" :fullscreen="full">
<el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
@@ -174,11 +188,12 @@
import OpenAdd from '/@/views/contingencyManagement/panManagement/component/openAdd.vue';
// import StartUp from '/@/views/contingencyManagement/panManagement/component/startUp.vue';
import AbolishLibrary from '/@/views/contingencyManagement/panManagement/component/abolishLibrary.vue';
+import ApprovalProcess from '/@/views/contingencyManagement/panManagement/component/approvalProcess.vue';
import InitiateApproval from '/@/views/contingencyManagement/panManagement/component/initiateApproval.vue';
import Approval from '/@/views/contingencyManagement/panManagement/component/approval.vue';
// import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';
-import { emergencyPlanApi } from '/@/api/emergencyPlan';
-import { emergencyPlanLogApi } from '/@/api/emergencyPlanLog';
+import { emergencyPlanApi } from '/@/api/contingencyManagement/emergencyPlan';
+import { emergencyPlanLogApi } from '/@/api/contingencyManagement/emergencyPlanLog';
export default defineComponent({
name: 'systemUser',
@@ -197,6 +212,7 @@
Refresh,
VideoPause,
VideoPlay,
+ ApprovalProcess,
// UpData,
emergencyPlanApi,
},
@@ -423,10 +439,12 @@
// 分页改变
const onHandleSizeChange = (val: number) => {
listQuery.pageSize = val;
+ onSubmit();
};
// 分页未改变
const onHandleCurrentChange = (val: number) => {
listQuery.pageIndex = val;
+ onSubmit();
};
// const router=useRouter()
@@ -450,14 +468,24 @@
// }
// 发起审批弹窗
const initiateApprovalRef = ref();
- const initiateApproval = () => {
- initiateApprovalRef.value.openDialog();
+ const initiateApproval = (row: object) => {
+ initiateApprovalRef.value.openDialog('发起审批',row, true);
};
// 审批
const approvalRef = ref();
- const onApproval = () => {
- approvalRef.value.openDialog();
+ const onApproval = (val: string,row: object,id) => {
+ if(val=='详情'){
+ approvalRef.value.openDialog('查看审批', row, true);
+ } else {
+ approvalRef.value.openDialog('审批', row, false,id);
+ }
};
+ // 审批流程
+ const processRef = ref();
+ const onApprovalProcess = (row:object,id) => {
+ processRef.value.openDialog(row,id);
+ };
+
//全屏
const full = ref(false);
const toggleFullscreen = () => {
@@ -507,6 +535,8 @@
initiateApprovalRef,
onApproval,
approvalRef,
+ onApprovalProcess,
+ processRef,
};
},
});
--
Gitblit v1.9.2