人脸审批管理

2025-03-13 15:40:55 +08:00
1 parent f7d24e447e
commit 6cd4046b13
@@ -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',
+	},
+};
@@ -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: '密码等级太低',
+	},
+};
@@ -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>