人脸审批管理

src/views/admin/system/userFaceApprove/i18n/en.ts

@@ -0,0 +1,29 @@
+export default {
+	sysuser: {
+		index: '#',
+		username: 'username',
+		name: 'name',
+		phone: 'phone',
+		post: 'post',
+		role: 'role',
+		lockFlag: 'lockFlag',
+		createTime: 'createTime',
+		password: 'password',
+		dept: 'dept',
+		email: 'email',
+		nickname: 'nickname',
+		inputUsernameTip: 'input username',
+		inputPhoneTip: 'input phone',
+		inputPasswordTip: 'input password',
+		inputNameTip: 'input name',
+		importUserTip: 'user import',
+		deleteDisabledTip: 'admin are not allowed to delete',
+		noDataScopeTip: 'no data permissions',
+		passwordBtn: 'password',
+	},
+	personal: {
+		name: 'personal info',
+		passwordRule: 'The two passwords are inconsistent',
+		passwordScore: 'Password level is too low',
+	},
+};

src/views/admin/system/userFaceApprove/i18n/zh-cn.ts

@@ -0,0 +1,29 @@
+export default {
+	sysuser: {
+		index: '#',
+		username: '用户名',
+		name: '姓名',
+		phone: '手机号',
+		post: '岗位',
+		role: '角色',
+		lockFlag: '启用',
+		createTime: '创建时间',
+		password: '密码',
+		dept: '部门',
+		email: '邮箱',
+		nickname: '昵称',
+		inputUsernameTip: '请输入用户名',
+		inputPhoneTip: '请输入手机号',
+		inputNameTip: '请输入姓名',
+		inputPasswordTip: '请输入6-20位合法密码',
+		importUserTip: '用户导入',
+		deleteDisabledTip: 'admin 不允许被删除',
+		noDataScopeTip: '没有数据权限',
+		passwordBtn: '密码',
+	},
+	personal: {
+		name: '个人信息',
+		passwordRule: '两次输入密码不一致',
+		passwordScore: '密码等级太低',
+	},
+};

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

@@ -0,0 +1,122 @@
+<template>
+	<div class="layout-padding">
+		<div class="layout-padding-auto layout-padding-view">
+			<DraggableDepTree
+				ref="draggableDepTreeRef"
+				placeholder="请输入部门名称"
+				:show-expand="true"
+				@getSelectNode="handleGetSelectNode"
+				switch-inactive-text="包含"
+				switch-active-text="不包含"
+				:defaultTreeWidth="20"
+				:nodeClickable="false"
+			>
+				<template #default>
+					<el-row v-show="showSearch">
+						<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" clearable />
+							</el-form-item>
+							<el-form-item label="用户名" prop="username">
+								<el-input v-model="state.queryForm.username" placeholder="请输入用户名" clearable />
+							</el-form-item>
+							<el-form-item label="手机号" prop="phone">
+								<el-input v-model="state.queryForm.phone" placeholder="请输入手机号" clearable />
+							</el-form-item>
+							<el-form-item>
+								<el-button icon="Search" type="primary" @click="getDataList">查询</el-button>
+								<el-button icon="Refresh" @click="resetQuery">重置</el-button>
+							</el-form-item>
+						</el-form>
+					</el-row>
+					<el-table
+						v-loading="state.loading"
+						:data="state.dataList"
+						row-key="userId"
+						border
+						:cell-style="tableStyle.cellStyle"
+						:header-cell-style="tableStyle.headerCellStyle"
+					>
+						<el-table-column label="#" type="index" width="60" fixed="left" />
+						<el-table-column label="姓名" prop="username" fixed="left" show-overflow-tooltip></el-table-column>
+						<el-table-column label="手机号" prop="userMobile" show-overflow-tooltip></el-table-column>
+						<el-table-column label="部门" prop="deptName" show-overflow-tooltip />
+						<el-table-column label="人脸">
+							<template #default="{ row }">
+								<preview-image :src="row.faceImg" />
+							</template>
+						</el-table-column>
+						<el-table-column label="审核状态" prop="processStatus" show-overflow-tooltip min-width="100">
+							<template #default="{ row }">
+								<dict-tag :options="check_status" :value="row.processStatus" />
+							</template>
+						</el-table-column>
+						<el-table-column label="审核时间" prop="processTime" show-overflow-tooltip min-width="160" />
+						<el-table-column label="操作" min-width="100" fixed="right">
+							<template #default="scope">
+								<el-button type="primary" size="small" link icon="VideoPlay" @click="deal(scope.row)"> 开始处理 </el-button>
+							</template>
+						</el-table-column>
+					</el-table>
+					<pagination v-bind="state.pagination" @current-change="currentChangeHandle" @size-change="sizeChangeHandle" />
+				</template>
+			</DraggableDepTree>
+		</div>
+
+		<!-- 审批抽屉 -->
+		<process-drawer ref="processDrawerRef" @task-submit-event="taskSubmitEvent" />
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { BasicTableProps, useTable } from "/@/hooks/table"
+import ProcessDrawer from "/@/components/processDrawer/index.vue"
+import { getUserFaceList } from "/@/api/admin/userFaceApprove"
+import { useMessage } from "/@/hooks/message"
+import { useDict } from "/@/hooks/dict"
+
+const { check_status } = useDict("check_status")
+const processDrawerRef = ref()
+const queryRef = ref()
+const showSearch = ref(true)
+const draggableDepTreeRef = ref() // 树组件ref引用
+
+// 定义表格查询、后台调用的API
+const state: BasicTableProps = reactive<BasicTableProps>({
+	queryForm: {
+		deptId: "",
+		username: "",
+		phone: "",
+		isDeepDept: false,
+	},
+	pageList: getUserFaceList,
+})
+const { getDataList, currentChangeHandle, sizeChangeHandle, postDownBlobFile, tableStyle } = useTable(state)
+
+// 清空搜索条件
+const resetQuery = () => {
+	queryRef.value?.resetFields()
+	state.queryForm.deptId = ""
+	state.queryForm.deptIds = []
+	draggableDepTreeRef.value.resetData()
+	getDataList()
+}
+
+// 树节点选择时
+const handleGetSelectNode = (curClickedNode: any, checkedTreeNodes: any, isDeepTree: boolean) => {
+	state.queryForm.deptId = curClickedNode.id
+	state.queryForm.deptIds = checkedTreeNodes.map((item: any) => item.id)
+	state.queryForm.isInclude = !isDeepTree
+	getDataList()
+}
+
+const deal = (row: any) => {
+	if (!row.processId) return useMessage().info("流程id不存在")
+	processDrawerRef.value.openProcessDrawer(row)
+}
+
+// 审批提交事件
+const taskSubmitEvent = () => {
+	getDataList()
+}
+</script>

src/views/hard/hard-order/index.vue

@@ -288,7 +288,6 @@ const showSearch = ref(true)
 // 多选变量
 const selectObjs = ref([]) as any
 const multiple = ref(true)
-const draggableDepTreeRef = ref() // 树组件ref引用
 
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {},

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>