From d063d6578b965faf5090de27697ce6ecd13f4ea9 Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Thu, 24 Apr 2025 22:13:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=91=98=E5=B7=A5=E7=94=B3=E8=AF=B7?=
 =?UTF-8?q?=E8=B0=83=E5=B2=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Select/SelectUser.vue          |  7 +++
 .../system/sys-user-transaction/form.vue      | 63 +++++++------------
 .../system/sys-user-transaction/index.vue     | 46 ++++++++++----
 3 files changed, 63 insertions(+), 53 deletions(-)

diff --git a/src/components/Select/SelectUser.vue b/src/components/Select/SelectUser.vue
index f805969..a19896a 100644
--- a/src/components/Select/SelectUser.vue
+++ b/src/components/Select/SelectUser.vue
@@ -10,6 +10,7 @@
 		:remote-method="remoteSearch"
 		:loading="state.loading"
 		@visible-change="(e: boolean) => e && getOptions()"
+		@change="change"
 	>
 		<el-option v-for="v in state.options" :key="v.userId" :label="`${v.name}-${v.phone}`" :value="v.userId">
 			<div class="flex items-center">
@@ -23,6 +24,7 @@
 <script setup lang="ts" name="select-user">
 import { reactive } from "vue"
 import * as userApi from "/@/api/admin/user"
+const emit = defineEmits(["change"])
 
 const selectId = defineModel()
 
@@ -80,4 +82,9 @@ function clear() {
 	state.selectId = null
 	getOptions()
 }
+
+function change(v: any) {
+	const targetUser = state.options.find((i: any) => i.userId == v)
+	emit("change", targetUser)
+}
 </script>
diff --git a/src/views/admin/system/sys-user-transaction/form.vue b/src/views/admin/system/sys-user-transaction/form.vue
index d98c311..fe00612 100644
--- a/src/views/admin/system/sys-user-transaction/form.vue
+++ b/src/views/admin/system/sys-user-transaction/form.vue
@@ -1,55 +1,30 @@
 <template>
-	<el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible" :close-on-click-modal="false" draggable>
+	<el-dialog :title="form.id ? '编辑' : '新增'" width="40%" v-model="visible" :close-on-click-modal="false" draggable>
 		<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
 			<el-row :gutter="24">
 				<el-col :span="24" class="mb20">
-					<el-form-item label="用户id" prop="userId">
-						<el-input v-model="form.userId" placeholder="请输入用户id" />
+					<el-form-item label="调动用户" prop="userId">
+						<select-user v-model="form.userId" @change="(v: any) => { form.sourceDeptId = v?.deptId ?? null}" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="24" class="mb20">
-					<el-form-item label="业务id" prop="bizId">
-						<el-input v-model="form.bizId" placeholder="请输入业务id" />
+					<el-form-item label="源部门" prop="sourceDeptId">
+						<select-dept v-model="form.sourceDeptId" clearable disabled />
 					</el-form-item>
 				</el-col>
 				<el-col :span="24" class="mb20">
-					<el-form-item label="业务类型" prop="bizType">
-						<el-input v-model="form.bizType" placeholder="请输入业务类型" />
+					<el-form-item label="调用类型" prop="bizType">
+						<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-form-item label="目标部门" prop="targetDeptId">
+						<select-dept v-model="form.targetDeptId" clearable />
 					</el-form-item>
 				</el-col>
 				<el-col :span="24" class="mb20">
-					<el-form-item label="源部门id" prop="sourceDeptId">
-						<el-input v-model="form.sourceDeptId" placeholder="请输入源部门id" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="24" class="mb20">
-					<el-form-item label="目标部门id" prop="targetDeptId">
-						<el-input v-model="form.targetDeptId" placeholder="请输入目标部门id" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="24" class="mb20">
-					<el-form-item label="是否离职自动转账" prop="isWalletTransaction">
-						<el-input v-model="form.isWalletTransaction" placeholder="请输入是否离职自动转账" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="24" class="mb20">
-					<el-form-item label="离职自动转账时间" prop="walletTransactionTime">
-						<el-input v-model="form.walletTransactionTime" placeholder="请输入离职自动转账时间" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="24" class="mb20">
-					<el-form-item label="流程id" prop="processId">
-						<el-input v-model="form.processId" placeholder="请输入流程id" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="24" class="mb20">
-					<el-form-item label="审核状体" prop="processStatus">
-						<el-input v-model="form.processStatus" placeholder="请输入审核状体" />
-					</el-form-item>
-				</el-col>
-				<el-col :span="24" class="mb20">
-					<el-form-item label="审核时间" prop="processTime">
-						<el-input v-model="form.processTime" placeholder="请输入审核时间" />
+					<el-form-item label="备注" prop="remark">
+						<el-input v-model="form.remark" placeholder="请输入备注" type="textarea" :autosize="{ minRows: 6 }" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -75,7 +50,7 @@ const dataFormRef = ref()
 const visible = ref(false)
 const loading = ref(false)
 // 定义字典
-
+const { user_transaction } = useDict("user_transaction")
 // 提交表单数据
 const form = reactive({
 	id: "",
@@ -89,10 +64,16 @@ const form = reactive({
 	processId: "",
 	processStatus: "",
 	processTime: "",
+	remark: "",
 })
 
 // 定义校验规则
-const dataRules = ref({})
+const dataRules = ref({
+	userId: [{ required: true, message: "请选择用户", trigger: "change" }],
+	sourceDeptId: [{ required: true, message: "请选择源部门", trigger: "change" }],
+	bizType: [{ required: true, message: "请选择调用类型", trigger: "change" }],
+	targetDeptId: [{ required: true, message: "请选择目标部门", trigger: "change" }],
+})
 
 // 打开弹窗
 const openDialog = (id: string) => {
diff --git a/src/views/admin/system/sys-user-transaction/index.vue b/src/views/admin/system/sys-user-transaction/index.vue
index d34e014..d9ec2c3 100644
--- a/src/views/admin/system/sys-user-transaction/index.vue
+++ b/src/views/admin/system/sys-user-transaction/index.vue
@@ -43,17 +43,39 @@
 			>
 				<el-table-column type="selection" width="40" align="center" />
 				<el-table-column type="index" label="#" width="40" />
-				<el-table-column prop="userId" label="用户id" show-overflow-tooltip />
-				<el-table-column prop="bizId" label="业务id" show-overflow-tooltip />
-				<el-table-column prop="bizType" label="业务类型" show-overflow-tooltip />
-				<el-table-column prop="sourceDeptId" label="源部门id" show-overflow-tooltip />
-				<el-table-column prop="targetDeptId" label="目标部门id" show-overflow-tooltip />
-				<el-table-column prop="isWalletTransaction" label="是否离职自动转账" show-overflow-tooltip />
-				<el-table-column prop="walletTransactionTime" label="离职自动转账时间" show-overflow-tooltip />
-				<el-table-column prop="processId" label="流程id" show-overflow-tooltip />
-				<el-table-column prop="processStatus" label="审核状体" show-overflow-tooltip />
-				<el-table-column prop="processTime" label="审核时间" show-overflow-tooltip />
-				<el-table-column label="操作" width="150">
+				<el-table-column prop="applyUsername" label="申请人" />
+				<el-table-column prop="username" label="调动人" />
+				<el-table-column prop="userMobile" label="调动人手机号" width="120" />
+				<el-table-column prop="bizType" width="120" label="调动类型">
+					<template #default="{ row }">
+						<dict-tag :options="user_transaction" :value="row.bizType" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="sourceDeptName" width="200" label="源部门" />
+				<el-table-column prop="targetDeptName" width="200" label="目标部门" />
+				<el-table-column prop="isWalletTransaction" width="160" label="自动转账到消费钱包">
+					<template #default="{ row }">
+						<dict-tag :options="yes_no_type" :value="row.isWalletTransaction" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="walletTransactionTime" width="150" label="自动转账时间">
+					<template #default="{ row }">
+						<span v-if="row.walletTransactionTime">{{ row.walletTransactionTime }}</span>
+						<span v-else class="color-danger">未自动转账</span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="processStatus" width="150" label="审核状态">
+					<template #default="{ row }">
+						<dict-tag :options="check_status" :value="row.processStatus" />
+					</template>
+				</el-table-column>
+				<el-table-column prop="processTime" width="150" label="审核时间">
+					<template #default="{ row }">
+						<span v-if="row.walletTransactionTime">{{ row.processTime }}</span>
+						<span v-else class="color-danger">未审核</span>
+					</template>
+				</el-table-column>
+				<el-table-column label="操作" fixed="right" width="150">
 					<template #default="scope">
 						<el-button
 							icon="edit-pen"
@@ -86,7 +108,7 @@ import { useDict } from "/@/hooks/dict"
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 // 定义查询字典
-
+const { user_transaction, yes_no_type, check_status } = useDict("user_transaction", "yes_no_type", "check_status")
 // 定义变量内容
 const formDialogRef = ref()
 // 搜索变量