feat:人员调动页面晚餐

src/views/admin/system/sys-user-transaction/form.vue

@@ -17,7 +17,7 @@
 						<dict-select v-model="form.bizType" dict-code="user_transaction" />
 					</el-form-item>
 				</el-col>
-				<el-col :span="24" class="mb20" v-if="false">
+				<el-col :span="24" class="mb20" v-if="form.bizType == '30'">
 					<el-form-item label="目标部门" prop="targetDeptId">
 						<select-dept v-model="form.targetDeptId" clearable />
 					</el-form-item>

src/views/admin/system/sys-user-transaction/index.vue

@@ -1,6 +1,32 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
+			<el-row>
+				<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
+					<el-form-item style="width: 250px" label="调动用户" prop="userId">
+						<select-user v-model="state.queryForm.userId" />
+					</el-form-item>
+					<el-form-item style="width: 250px" label="调动类型" prop="bizType">
+						<dict-select v-model="state.queryForm.bizType" dict-code="user_transaction" />
+					</el-form-item>
+					<el-form-item style="width: 300px" label="自动转账到消费钱包" prop="isWalletTransaction">
+						<dict-select v-model="state.queryForm.isWalletTransaction" dict-code="yes_no_type" />
+					</el-form-item>
+					<el-form-item style="width: 450px" label="申请时间" prop="createTimeList">
+						<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD HH:mm:ss" type="datetimerange" />
+					</el-form-item>
+					<el-form-item style="width: 450px" label="审核时间" prop="processTimeList">
+						<el-date-picker v-model="state.queryForm.processTimeList" value-format="YYYY-MM-DD HH:mm:ss" type="datetimerange" />
+					</el-form-item>
+					<el-form-item style="width: 450px" label="自动转账时间" prop="walletTransactionTimeList">
+						<el-date-picker v-model="state.queryForm.walletTransactionTimeList" value-format="YYYY-MM-DD HH:mm:ss" type="datetimerange" />
+					</el-form-item>
+					<el-form-item>
+						<el-button icon="Search" type="primary" @click="getDataList">{{ $t("common.queryBtn") }}</el-button>
+						<el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button>
+					</el-form-item>
+				</el-form>
+			</el-row>
 			<el-row>
 				<div class="mb8" style="width: 100%">
 					<el-button
@@ -64,36 +90,61 @@
 						<span v-else class="color-danger">未自动转账</span>
 					</template>
 				</el-table-column>
-				<el-table-column prop="processStatus" width="150" label="审核状态">
+				<el-table-column prop="processStatus" width="160" label="审核状态">
 					<template #default="{ row }">
 						<dict-tag :options="check_status" :value="row.processStatus" />
 					</template>
 				</el-table-column>
-				<el-table-column prop="processTime" width="150" label="审核时间">
+				<el-table-column prop="processTime" width="160" label="审核时间">
 					<template #default="{ row }">
-						<span v-if="row.walletTransactionTime">{{ row.processTime }}</span>
+						<span v-if="row.processTime">{{ row.processTime }}</span>
 						<span v-else class="color-danger">未审核</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" fixed="right" width="150">
+				<el-table-column
-					<template #default="scope">
+					label="操作"
+					fixed="right"
+					width="250"
+					v-auths="['admin_sysUserTransaction_edit', 'admin_sysUserTransaction_check', 'admin_sysUserTransaction_del']"
+				>
+					<template #default="{ row }">
 						<el-button
 							icon="edit-pen"
+							v-if="row.processStatus == 1"
 							text
 							type="primary"
 							v-auth="'admin_sysUserTransaction_edit'"
-							@click="formDialogRef.openDialog(scope.row.id)"
+							@click="formDialogRef.openDialog(row.id)"
-							>编辑</el-button
 						>
-						<el-button icon="delete" text type="primary" v-auth="'admin_sysUserTransaction_del'" @click="handleDelete([scope.row.id])"
+							编辑
-							>删除</el-button
+						</el-button>
+						<el-button
+							icon="VideoPlay"
+							v-if="row.processStatus == 1"
+							text
+							type="primary"
+							v-auth="'admin_sysUserTransaction_check'"
+							@click="deal(row)"
 						>
+							开始处理
+						</el-button>
+						<el-button
+							icon="delete"
+							v-if="row.processStatus == 1"
+							text
+							type="primary"
+							v-auth="'admin_sysUserTransaction_del'"
+							@click="handleDelete([row.id])"
+						>
+							删除
+						</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" />
 		<!-- 编辑、新增  -->
 		<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
 	</div>
@@ -107,6 +158,7 @@ import { useDict } from "/@/hooks/dict"
 
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
+const ProcessDrawer = defineAsyncComponent(() => import("/@/components/processDrawer/index.vue"))
 // 定义查询字典
 const { user_transaction, yes_no_type, check_status } = useDict("user_transaction", "yes_no_type", "check_status")
 // 定义变量内容
@@ -117,6 +169,8 @@ const showSearch = ref(true)
 // 多选变量
 const selectObjs = ref([]) as any
 const multiple = ref(true)
+const processDrawerRef = ref()
+const batchDealRef = ref()
 
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {},
@@ -126,6 +180,17 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 //  table hook
 const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(state)
 
+// 点击开始处理
+const deal = (row: any) => {
+	if (!row.processId) return useMessage().warning("流程id不存在")
+	processDrawerRef.value.openProcessDrawer(row)
+}
+
+// 审批提交事件
+const taskSubmitEvent = () => {
+	getDataList()
+}
+
 // 清空搜索条件
 const resetQuery = () => {
 	// 清空搜索条件