添加审批弹框

src/views/admin/system/user/index.vue

@@ -148,16 +148,7 @@
 									>
 										人脸管理
 									</el-button>
-									<el-button
-										type="primary"
-										size="small"
-										v-if="row.isCheckUser && row.processStatus != '2'"
-										link
-										icon="VideoPlay"
-										@click="deal(row)"
-									>
-										开始处理
-									</el-button>
+									<el-button type="primary" size="small" link icon="VideoPlay" @click="deal(row)"> 开始处理 </el-button>
 									<!-- 删除用户 -->
 									<el-tooltip content="admin 不允许被删除" :disabled="row.userId !== '1'" placement="top">
 										<span style="margin-left: 12px">

src/views/supermarketerp/purchaseManagement/smErpCgPlan/index.vue

@@ -88,11 +88,17 @@
 						<el-button icon="delete" text type="primary" v-auth="'supermarket_smErpCgPlan_del'" @click="handleDelete([scope.row.id])">
 							删除
 						</el-button>
+						<el-button type="primary" size="small" v-if="scope.row.checkStatus != '2'" link icon="VideoPlay" @click="deal(scope.row)">
+							开始处理
+						</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
 			<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
 		</div>
+
+		<!-- 审批抽屉 -->
+		<process-drawer ref="processDrawerRef" @task-submit-event="taskSubmitEvent" />
 	</div>
 </template>
 
@@ -103,6 +109,7 @@ import { fetchList, delObjs } from "/@/api/supermarketerp/smErpCgPlan"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import { usePurchase } from "/@/stores/purchase"
+import ProcessDrawer from "/@/components/processDrawer/index.vue"
 
 const { check_status } = useDict("check_status")
 const router = useRouter()
@@ -113,6 +120,7 @@ const showSearch = ref(true)
 const selectObjs = ref([]) as any
 const multiple = ref(true)
 const purchaseStore = usePurchase()
+const processDrawerRef = ref()
 
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {},
@@ -174,4 +182,15 @@ const handleDelete = async (ids: string[]) => {
 		useMessage().error(err.msg)
 	}
 }
+
+// 点击开始处理
+const deal = (row: any) => {
+	if (!row.processInstanceId) return useMessage().warning("流程id不存在")
+	processDrawerRef.value.openProcessDrawer(row)
+}
+
+// 审批提交事件
+const taskSubmitEvent = () => {
+	getDataList()
+}
 </script>