From 8aa7411f69320c0d7729a6379c360b2dc981b57c Mon Sep 17 00:00:00 2001
From: Kven <2955163637@qq.com>
Date: Thu, 8 May 2025 19:48:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor(@vben/common-ui):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/routes/modules/user.ts         | 18 +++++
 apps/web-antd/src/views/user/index.vue        | 78 +++++++++++++++++++
 2 files changed, 96 insertions(+)
 create mode 100644 apps/web-antd/src/router/routes/modules/user.ts
 create mode 100644 apps/web-antd/src/views/user/index.vue

diff --git a/apps/web-antd/src/router/routes/modules/user.ts b/apps/web-antd/src/router/routes/modules/user.ts
new file mode 100644
index 0000000..bd6c1e2
--- /dev/null
+++ b/apps/web-antd/src/router/routes/modules/user.ts
@@ -0,0 +1,18 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+import { MdiUser } from '@vben/icons';
+
+const routes: RouteRecordRaw[] = [
+  {
+    name: 'user',
+    path: '/user',
+    component: () => import('#/views/user/index.vue'),
+    meta: {
+      icon: MdiUser,
+      title: '用户管理',
+      order: 4,
+    },
+  },
+];
+
+export default routes;
diff --git a/apps/web-antd/src/views/user/index.vue b/apps/web-antd/src/views/user/index.vue
new file mode 100644
index 0000000..bec1666
--- /dev/null
+++ b/apps/web-antd/src/views/user/index.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+import { getAllDeptTree, queryUserList } from '#/api';
+
+import UserTableView from './user-table-view.vue';
+
+const generateFormModel = () => {
+  return {
+    id: '',
+    username: '',
+    name: '',
+    phone: '',
+    email: '',
+    createdTime: [],
+    enableState: '',
+    deptId: '',
+    page: 1,
+    current: 1,
+    size: 10,
+  };
+};
+const treeData = ref([]);
+
+const renderData = ref([]);
+const formModel = ref(generateFormModel());
+// const deptOptions = ref([]);
+
+const getDeptData = async () => {
+  try {
+    treeData.value = await getAllDeptTree(0);
+  } catch {}
+};
+
+const getUserTableData = async (params: any) => {
+  try {
+    const res = await queryUserList(params);
+    renderData.value = res.records;
+  } catch {}
+};
+
+// 查询
+const search = () => {
+  getUserTableData({
+    // ...pagination,
+    ...formModel.value,
+  });
+};
+
+// const handleSelectDept = (id: any[]) => {
+//   const [deptId] = id;
+//   formModel.value.deptId = deptId;
+//   search();
+// };
+
+const handleSelectUser = (data: any) => {
+  formModel.value = data;
+  search();
+};
+
+getUserTableData({ page: 1, size: 10, current: 1 });
+getDeptData();
+</script>
+
+<template>
+  <div class="px-1">
+    <div class="mt-5 flex flex-col lg:flex-row">
+      <!--      <div class="mr-4 w-full lg:w-1/4">-->
+      <!--        <UserDeptTree :treeData="treeData" @select="handleSelectDept" />-->
+      <!--      </div>-->
+      <div class="w-full">
+        <UserTableView :render-data="renderData" @change="handleSelectUser" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>