帐号治理-帐号管理--更新

frontend/src/views/admin/Users.vue

@@ -17,7 +17,7 @@
           </template>
         </el-table-column>
         <el-table-column prop="created_at" label="创建时间" width="200" />
-        <el-table-column label="操作" width="240" fixed="right">
+        <el-table-column label="操作" width="320" fixed="right">
           <template #default="scope">
             <el-button link type="primary" size="small" @click="openEdit(scope.row)">编辑</el-button>
             <el-button
@@ -29,6 +29,15 @@
               {{ scope.row.is_active ? "禁用" : "启用" }}
             </el-button>
             <el-button link type="danger" size="small" @click="openReset(scope.row)">重置密码</el-button>
+            <el-button
+              link
+              type="danger"
+              size="small"
+              :disabled="scope.row.id === auth.user?.id"
+              @click="onDelete(scope.row)"
+            >
+              删除
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -51,10 +60,11 @@
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
 import { ElMessage, ElMessageBox } from "element-plus";
-import { fetchUsers, updateUser } from "../../api/users";
+import { fetchUsers, updateUser, deleteUser } from "../../api/users";
 import type { UserInfo } from "../../types/api";
 import UserForm from "./UserForm.vue";
 import UserResetPassword from "./UserResetPassword.vue";
+import { useAuthStore } from "../../store/auth";
 
 const users = ref<UserInfo[]>([]);
 const total = ref(0);
@@ -65,6 +75,7 @@ const formVisible = ref(false);
 const resetVisible = ref(false);
 const editingUser = ref<UserInfo | null>(null);
 const resetUser = ref<UserInfo | null>(null);
+const auth = useAuthStore();
 
 const loadUsers = async () => {
   loading.value = true;
@@ -116,6 +127,34 @@ const openReset = (row: UserInfo) => {
   resetVisible.value = true;
 };
 
+const onDelete = async (row: UserInfo) => {
+  const { value, action } = await ElMessageBox.prompt(
+    "删除后账号将无法登录且无法恢复，需先在各项目成员配置中移除该账号。请输入当前管理员密码确认删除。",
+    "危险操作：删除账号",
+    {
+      inputType: "password",
+      inputPlaceholder: "请输入 admin 密码",
+      confirmButtonText: "确认删除",
+      confirmButtonClass: "el-button--danger",
+      cancelButtonText: "取消",
+    }
+  ).catch(() => ({ action: "cancel", value: "" }));
+  if (action !== "confirm" || !value) return;
+  try {
+    await deleteUser(row.id, { admin_password: value });
+    ElMessage.success("账号已删除");
+    loadUsers();
+  } catch (e: any) {
+    const detail = e?.response?.data?.detail || e?.response?.data?.message;
+    if (detail && detail.includes("项目成员")) {
+      ElMessage.closeAll();
+      ElMessage.error(detail);
+    } else {
+      ElMessage.error(detail || "删除失败");
+    }
+  }
+};
+
 onMounted(() => {
   loadUsers();
 });