feat: 调整所有弹窗操作后的回调 100%

src/views/approve/components/approvedContent.vue

@@ -99,10 +99,10 @@
 		</div>
 
 		<!-- 评论弹窗-->
-		<review-dialog v-if="reviewVisible" v-model="reviewVisible" :task-id="taskId"></review-dialog>
+		<review-dialog v-if="reviewVisible" v-model="reviewVisible" :task-id="taskId" @success-cb="closeDetailEv"></review-dialog>
 
 		<!-- 加签弹窗 -->
-		<add-sign-dialog v-if="addSignVisible" v-model="addSignVisible" :task-id="taskId"></add-sign-dialog>
+		<add-sign-dialog v-if="addSignVisible" v-model="addSignVisible" :task-id="taskId" @success-cb="closeDetailEv"></add-sign-dialog>
 
 		<!-- 同意或拒绝弹窗 -->
 		<consent-or-refuse-dialog
@@ -110,16 +110,22 @@
 			v-model="consentOrRefuseVisible"
 			:task-id="taskId"
 			:current-type="currentDialog"
+			@success-cb="closeDetailEv"
 		></consent-or-refuse-dialog>
 
 		<!-- 转交审批弹窗 -->
-		<deliver-to-review-dialog v-if="deliverToReviewVisible" v-model="deliverToReviewVisible" :task-id="taskId"></deliver-to-review-dialog>
+		<deliver-to-review-dialog
+			v-if="deliverToReviewVisible"
+			v-model="deliverToReviewVisible"
+			:task-id="taskId"
+			@success-cb="closeDetailEv"
+		></deliver-to-review-dialog>
 
 		<!-- 减签弹窗 -->
-		<lose-sign-dialog v-if="loseSignVisible" v-model="loseSignVisible" :task-id="taskId"></lose-sign-dialog>
+		<lose-sign-dialog v-if="loseSignVisible" v-model="loseSignVisible" :task-id="taskId" @success-cb="closeDetailEv"></lose-sign-dialog>
 
 		<!-- 回退弹窗 -->
-		<rollback-dialog v-if="rollbackVisible" v-model="rollbackVisible" :task-id="taskId"></rollback-dialog>
+		<rollback-dialog v-if="rollbackVisible" v-model="rollbackVisible" :task-id="taskId" @success-cb="closeDetailEv"></rollback-dialog>
 	</div>
 </template>
 
@@ -171,18 +177,36 @@ const validateForm = ref({
 	loading: false
 })
 
-// 关闭按钮
-const closeDrawer = () => {
+/**
+ * 拿到当前关闭详情弹窗
+ */
+const closeDetailEv = () => {
+	// 存储表单 todo.....
+	// 如果这里有表单，是否要把所有表单的内容进行存储,存储完毕后，才能关闭这个详情，刷新左侧的列表 todo
+	// return todo
+	debugger
 	taskProcessInfo.refresh = true
 	taskProcessInfo.setCurrentTaskRow({})
 }
 
-const handleCancel = () => {
-	closeDrawer()
-}
-
-// 操作按钮
+/**
+ * 详情按钮各个操作弹窗
+ * @param type 评论 拒绝 同意等
+ */
 const openComment = (type, item) => {
+	// 验证表单 todo...
+	const api = validateForm.value.api
+	api.validate((valid, fail) => {
+		if (valid) {
+			const values = api.formData()
+			console.warn(values, 'values')
+			//todo 表单验证通过
+		} else {
+			//todo 表单验证未通过
+		}
+	})
+	// return
+
 	switch (type) {
 		case 'reviewVisible':
 			reviewVisible.value = !reviewVisible.value
@@ -191,22 +215,6 @@ const openComment = (type, item) => {
 			addSignVisible.value = !addSignVisible.value
 			break
 		case 'consentOrRefuseVisible':
-			// 点击同意
-			if (item === 'agree') {
-				debugger
-				// 验证表单 todo...
-				const api = validateForm.value.api
-				api.validate((valid, fail) => {
-					if (valid) {
-						const values = api.formData()
-						console.warn(values, 'values')
-						//todo 表单验证通过
-					} else {
-						//todo 表单验证未通过
-					}
-				})
-				// return
-			}
 			currentDialog.value = item
 			consentOrRefuseVisible.value = !consentOrRefuseVisible.value
 			break
@@ -226,7 +234,7 @@ const openComment = (type, item) => {
  * 获取taskId对应的详情
  */
 const getTaskDetail = () => {
-	const cur = urrentTaskRow.value || {}
+	const cur = currentTaskRow.value || {}
 	processApprovalInfoApi(cur.taskId).then(data => {
 		// console.log(JSON.stringify(data))
 		activeData.value = data
@@ -296,8 +304,7 @@ watch(
 		nextTick(() => {
 			getTaskDetail()
 		})
-	},
-	{ immediate: true }
+	}
 )
 </script>