新增用户注册功能

frontend/src/views/admin/Users.vue

@@ -9,11 +9,14 @@
         <el-button type="primary" @click="openCreate">新建用户</el-button>
       </div>
       <el-table :data="users" stripe v-loading="loading" style="width: 100%">
-        <el-table-column prop="username" label="用户名" min-width="140" />
-        <el-table-column label="状态" width="120">
+        <el-table-column prop="email" label="邮箱" min-width="200" />
+        <el-table-column prop="full_name" label="姓名" min-width="140" />
+        <el-table-column prop="department" label="部门" min-width="140" />
+        <el-table-column label="状态" width="140">
           <template #default="scope">
-            <el-tag type="success" v-if="scope.row.is_active">启用</el-tag>
-            <el-tag type="danger" v-else>已禁用</el-tag>
+            <el-tag :type="statusType(scope.row.status)">
+              {{ statusLabel(scope.row.status) }}
+            </el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="created_at" label="创建时间" width="200">
@@ -24,11 +27,11 @@
             <el-button link type="primary" size="small" @click="openEdit(scope.row)">编辑</el-button>
             <el-button
               link
-              :type="scope.row.is_active ? 'danger' : 'primary'"
+              :type="scope.row.status === 'ACTIVE' ? 'danger' : 'primary'"
               size="small"
               @click="toggleStatus(scope.row)"
             >
-              {{ scope.row.is_active ? "禁用" : "启用" }}
+              {{ scope.row.status === 'ACTIVE' ? "禁用" : "启用" }}
             </el-button>
             <el-button link type="danger" size="small" @click="openReset(scope.row)">重置密码</el-button>
             <el-button
@@ -105,7 +108,7 @@ const openEdit = (row: UserInfo) => {
 };
 
 const toggleStatus = async (row: UserInfo) => {
-  const disable = row.is_active;
+  const disable = row.status === "ACTIVE";
   const ok = await ElMessageBox.confirm(
     disable ? "该操作将影响用户账号，请确认是否继续" : "确认启用该用户账号？",
     disable ? "禁用账号" : "启用账号",
@@ -117,7 +120,7 @@ const toggleStatus = async (row: UserInfo) => {
   ).catch(() => null);
   if (!ok) return;
   try {
-    await updateUser(row.id, { is_active: !row.is_active });
+    await updateUser(row.id, { status: disable ? "DISABLED" : "ACTIVE", is_active: !disable });
     ElMessage.success(disable ? "已禁用" : "已启用");
     loadUsers();
   } catch (e: any) {
@@ -161,6 +164,34 @@ const onDelete = async (row: UserInfo) => {
 onMounted(() => {
   loadUsers();
 });
+
+const statusType = (status: string) => {
+  switch (status) {
+    case "ACTIVE":
+      return "success";
+    case "PENDING":
+      return "warning";
+    case "REJECTED":
+      return "danger";
+    default:
+      return "info";
+  }
+};
+
+const statusLabel = (status: string) => {
+  switch (status) {
+    case "ACTIVE":
+      return "启用";
+    case "PENDING":
+      return "待审核";
+    case "REJECTED":
+      return "已拒绝";
+    case "DISABLED":
+      return "已停用";
+    default:
+      return status || "未知";
+  }
+};
 </script>
 
 <style scoped>