From 2a389d383a9872157f7bc961f216ad010d24d29b Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期二, 05 七月 2022 16:45:26 +0800
Subject: [PATCH] 修改页面

---
 src/views/specialWorkSystem/approvalProcess/approveProcessSetting/index.vue |   23 +++++++++++++++--------
 1 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/views/specialWorkSystem/approvalProcess/approveProcessSetting/index.vue b/src/views/specialWorkSystem/approvalProcess/approveProcessSetting/index.vue
index 46fa8cd..d8f4565 100644
--- a/src/views/specialWorkSystem/approvalProcess/approveProcessSetting/index.vue
+++ b/src/views/specialWorkSystem/approvalProcess/approveProcessSetting/index.vue
@@ -26,7 +26,7 @@
 			<el-button type="primary" @click="confirmEdit" size="large">确认</el-button>
 			<el-button @click="cancelEdit" size="large">取消</el-button>
 		</el-row>
-		<el-drawer v-model="showAdd" direction="rtl">
+		<el-drawer v-model="showAdd" direction="rtl" @close="colseDrawer">
 			<template #title>
 				<h4>新增审批流</h4>
 			</template>
@@ -122,25 +122,23 @@
 			})
 			const ruleFormRef = ref<FormInstance>()
 			const ProgressRules = reactive<FormRules>({
-				department: [{required:true,message: '该选项不能为空'}],
-				manager: [{required:true,message: '该选项不能为空'}]
+				department: [{required:true,message: '该选项不能为空',trigger: 'blur'}],
+				manager: [{required:true,message: '该选项不能为空',trigger: 'blur'}]
 			})
 			const confirmClick = async (formEl: FormInstance | undefined) => {
 				if (!formEl) return
 				await formEl.validate((valid, fields) => {
 					if (valid) {
 						approveSteps.splice(chosenIndex.value+1,0,addProgress.value)
-						addProgress.value = {
-							department: '',
-							manager: '',
-							others: ''
-						}
 						showAdd.value = false
 					} else {
 						console.log('error submit!', fields)
 					}
 				})
 
+			}
+			const cancelClick=()=>{
+				showAdd.value = false
 			}
 			const addFlow = (index) => {
 				showAdd.value = true
@@ -161,6 +159,13 @@
 				const i = chosenIndex.value
 				approveSteps.splice( i,1)
 				deleteDialog.value = false
+			}
+			const colseDrawer = ()=>{
+				addProgress.value = {
+					department: '',
+					manager: '',
+					others: ''
+				}
 			}
 			const cancelEdit = () => {
 
@@ -184,7 +189,9 @@
 				ProgressRules,
 				chosenIndex,
 				deleteDialog,
+				colseDrawer,
 				conFirmDelete,
+				cancelClick,
 				deleteFlow,
 				addFlow,
 				confirmClick,

--
Gitblit v1.9.2