人脸审批管理

src/views/wallet/wallet-recharge-apply/index.vue

@@ -142,8 +142,8 @@
 			@refreshDataList="getDataList(false)"
 		/>
 
-		<!-- 右侧抽屉 -->
-		<taskDrawer v-model="taskDrawerVisible" :process-id="currentData?.processId" @task-submit-event="taskSubmitEvent" />
+		<!-- 审批抽屉 -->
+		<process-drawer ref="processDrawerRef" @task-submit-event="taskSubmitEvent" />
 	</div>
 </template>
 
@@ -153,7 +153,7 @@ import * as walletRechargeApplyApi from "/@/api/wallet/wallet-recharge-apply"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import { ElLoading } from "element-plus"
-import taskDrawer from "/@/components/taskDrawer/index.vue"
+import ProcessDrawer from "/@/components/processDrawer/index.vue"
 
 const { push } = useRouter()
 
@@ -170,8 +170,7 @@ const showSearch = ref(true)
 // 多选变量
 const selectObjs = ref([]) as any
 const multiple = ref(true)
-const taskDrawerVisible = ref<boolean>()
-const currentData = ref()
+const processDrawerRef = ref()
 
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {},
@@ -248,13 +247,12 @@ const handleDelete = async (ids: string[]) => {
  * @param row
  */
 const deal = (row: any) => {
-	currentData.value = row
-	taskDrawerVisible.value = true
+	if (!row.processId) return useMessage().info("流程id不存在")
+	processDrawerRef.value.openProcessDrawer(row)
 }
 
 // 任务提交事件
 const taskSubmitEvent = () => {
-	taskDrawerVisible.value = false
 	getDataList()
 }
 </script>