up

backend/my_work/routers/apiPurchase.go

@@ -2,8 +2,8 @@ package routers
 
 import (
 	"encoding/json"
-	"ops/models"
 	parsefmt "fmt"
+	"ops/models"
 	"slices"
 	"strings"
 	"time"
@@ -18,7 +18,7 @@ var (
 )
 
 // 更新管理员成员缓存
-func updatePurchaseAdminsCash() {
+func PurchaseUpdateAdminsCash() {
 	purchaseAdmins = nil
 	// id 1 是系统管理员
 	purchaseAdmins = append(purchaseAdmins, 1)
@@ -92,8 +92,6 @@ type TabPurchaseCosts struct {
 	CreatedAt    *time.Time `gorm:"type:datetime;autoCreateTime"`
 }
 
-
-
 // TabPurchaseCommit 记录订单状态变更及评论
 type TabPurchaseCommit struct {
 	ID        uint       `gorm:"primarykey"`
@@ -132,7 +130,7 @@ func ApiPurchaseInit() {
 	//先检查用户组有没有这个key  purchase
 	purchaseUserGroup.Name = "purchase_admin"
 	if models.DB.Where(&purchaseUserGroup).First(&purchaseUserGroup).Error == nil {
-		updatePurchaseAdminsCash()
+		PurchaseUpdateAdminsCash()
 	} else {
 		purchaseUserGroup.Type = "usergroup"
 		models.DB.Create(&purchaseUserGroup)

backend/my_work/routers/apiSchedule.go

@@ -58,7 +58,7 @@ var (
 )
 
 // 更新管理员成员缓存
-func updateAdminsCash(){
+func ScheduleUpdateAdminsCash() {
 	//先清空切片
 	scheduleAdmins = nil
 
@@ -87,7 +87,7 @@ func ApiScheduleInit() {
 	//先检查用户组有没有这个key
 	userGroup.Name = "schedule_admin"
 	if models.DB.Where(&userGroup).First(&userGroup).Error == nil {
-		updateAdminsCash()
+		ScheduleUpdateAdminsCash()
 	} else {
 		userGroup.Type = "usergroup"
 		models.DB.Create(&userGroup)
@@ -249,7 +249,6 @@ func ApiSchedule(r *gin.RouterGroup) {
 							models.DB.Create(&tosqllog)
 							ReturnJson(ctx, "apiOK", nil)
 
-
 						} else {
 							ReturnJson(ctx, "apiErr", nil)
 						}
@@ -262,9 +261,6 @@ func ApiSchedule(r *gin.RouterGroup) {
 					ReturnJson(ctx, "schedule_event_not_find", nil)
 				}
 
-				
-				
-
 			} else {
 				ReturnJson(ctx, "jsonErr", nil)
 			}

backend/my_work/routers/apiSysAdmin.go

@@ -157,9 +157,9 @@ func ApiSysAdmin(r *gin.RouterGroup) {
 		}
 
 	var params struct {
-			GroupID  uint `json:"group_id"`
+		GroupID  float64 `json:"group_id" mapstructure:"group_id"`
-			Page     int  `json:"page"`
+		Page     float64 `json:"page" mapstructure:"page"`
-			PageSize int  `json:"page_size"`
+		PageSize float64 `json:"page_size" mapstructure:"page_size"`
 	}
 	if err := mapstructure.Decode(data, &params); err != nil {
 		params.Page = 1
@@ -179,12 +179,21 @@ func ApiSysAdmin(r *gin.RouterGroup) {
 			return
 		}
 
-		offset := (params.Page - 1) * params.PageSize
+		groupID := uint(params.GroupID)
+		page := int(params.Page)
+		pageSize := int(params.PageSize)
+		if page < 1 {
+			page = 1
+		}
+		if pageSize < 1 || pageSize > 100 {
+			pageSize = 20
+		}
+		offset := (page - 1) * pageSize
 
 		var binds []TabUserGroupBinds
 		var total int64
-		models.DB.Model(&TabUserGroupBinds{}).Where("group_id = ?", params.GroupID).Count(&total)
+		models.DB.Model(&TabUserGroupBinds{}).Where("group_id = ?", groupID).Count(&total)
-		models.DB.Where("group_id = ?", params.GroupID).Order("id ASC").Offset(offset).Limit(params.PageSize).Find(&binds)
+		models.DB.Where("group_id = ?", groupID).Order("id ASC").Offset(offset).Limit(pageSize).Find(&binds)
 
 		// 获取成员用户信息
 		var members []map[string]interface{}
@@ -209,12 +218,12 @@ func ApiSysAdmin(r *gin.RouterGroup) {
 		}
 
 		var redata map[string]interface{} = make(map[string]interface{})
-		redata["group_id"] = params.GroupID
+		redata["group_id"] = groupID
 		redata["group_name"] = group.Name
 		redata["members"] = members
 		redata["total"] = total
-		redata["page"] = params.Page
+		redata["page"] = page
-		redata["page_size"] = params.PageSize
+		redata["page_size"] = pageSize
 		ReturnJson(ctx, "apiOK", redata)
 	})
 
@@ -316,6 +325,130 @@ func ApiSysAdmin(r *gin.RouterGroup) {
 		ReturnJson(ctx, "apiOK", nil)
 	})
 
+	// 添加用户组成员（仅系统管理员可访问）
+	r.POST("/add_group_member", func(ctx *gin.Context) {
+		isAuth, adminUser, data := AuthenticationAuthority(ctx)
+		if !isAuth {
+			ReturnJson(ctx, "userNoLogin", nil)
+			return
+		}
+
+		// 检查是否为系统管理员
+		if !SysAdminCheck(adminUser.ID) {
+			ReturnJson(ctx, "permission_denied", nil)
+			return
+		}
+
+		var params struct {
+			GroupID float64 `json:"group_id" mapstructure:"group_id"`
+			UserID  float64 `json:"user_id" mapstructure:"user_id"`
+		}
+		if err := mapstructure.Decode(data, &params); err != nil || params.GroupID == 0 || params.UserID == 0 {
+			ReturnJson(ctx, "parameErr", nil)
+			return
+		}
+
+		// 验证用户组是否存在
+		var group TabUserGroups
+		if models.DB.First(&group, uint(params.GroupID)).Error != nil {
+			ReturnJson(ctx, "groupNotFound", nil)
+			return
+		}
+
+		// 验证用户是否存在
+		var user TabUser
+		if models.DB.First(&user, uint(params.UserID)).Error != nil {
+			ReturnJson(ctx, "userNotFound", nil)
+			return
+		}
+
+		// 检查绑定是否已存在
+		var existingBind TabUserGroupBinds
+		if models.DB.Where("group_id = ? AND user_id = ?", uint(params.GroupID), uint(params.UserID)).First(&existingBind).Error == nil {
+			ReturnJson(ctx, "userAlreadyInGroup", nil)
+			return
+		}
+
+	// 创建绑定
+	newBind := TabUserGroupBinds{
+		UserID:  uint(params.UserID),
+		GroupID: uint(params.GroupID),
+	}
+	if err := models.DB.Create(&newBind).Error; err != nil {
+		ReturnJson(ctx, "dbErr", nil)
+		return
+	}
+
+	// 根据组名刷新对应的权限缓存
+	switch group.Name {
+	case "admins":
+		updateSysAdminsCash()
+	case "schedule_admin":
+		ScheduleUpdateAdminsCash()
+	case "purchase_admin":
+		PurchaseUpdateAdminsCash()
+	case "work_order_admin":
+		WorkOrderUpdateAdminsCash()
+	case "warehouse_admin":
+		WarehouseUpdateAdminsCash()
+	}
+
+	ReturnJson(ctx, "apiOK", nil)
+})
+
+// 移除用户组成员（仅系统管理员可访问）
+	r.POST("/remove_group_member", func(ctx *gin.Context) {
+		isAuth, adminUser, data := AuthenticationAuthority(ctx)
+		if !isAuth {
+			ReturnJson(ctx, "userNoLogin", nil)
+			return
+		}
+
+		// 检查是否为系统管理员
+		if !SysAdminCheck(adminUser.ID) {
+			ReturnJson(ctx, "permission_denied", nil)
+			return
+		}
+
+		var params struct {
+			GroupID float64 `json:"group_id" mapstructure:"group_id"`
+			UserID  float64 `json:"user_id" mapstructure:"user_id"`
+		}
+		if err := mapstructure.Decode(data, &params); err != nil || params.GroupID == 0 || params.UserID == 0 {
+			ReturnJson(ctx, "parameErr", nil)
+			return
+		}
+
+		// 验证用户组是否存在
+		var group TabUserGroups
+		if models.DB.First(&group, uint(params.GroupID)).Error != nil {
+			ReturnJson(ctx, "groupNotFound", nil)
+			return
+		}
+
+	// 删除绑定
+	if err := models.DB.Where("group_id = ? AND user_id = ?", uint(params.GroupID), uint(params.UserID)).Delete(&TabUserGroupBinds{}).Error; err != nil {
+		ReturnJson(ctx, "dbErr", nil)
+		return
+	}
+
+	// 根据组名刷新对应的权限缓存
+	switch group.Name {
+	case "admins":
+		updateSysAdminsCash()
+	case "schedule_admin":
+		ScheduleUpdateAdminsCash()
+	case "purchase_admin":
+		PurchaseUpdateAdminsCash()
+	case "work_order_admin":
+		WorkOrderUpdateAdminsCash()
+	case "warehouse_admin":
+		WarehouseUpdateAdminsCash()
+	}
+
+	ReturnJson(ctx, "apiOK", nil)
+})
+
 // 获取登录失败日志（仅系统管理员可访问）
 	r.POST("/login_fail_logs", func(ctx *gin.Context) {
 		isAuth, _, data := AuthenticationAuthority(ctx)

backend/my_work/routers/apiWarehouse.go

@@ -71,7 +71,7 @@ var (
 )
 
 // updateWarehouseAdminsCash 刷新仓库管理员缓存
-func updateWarehouseAdminsCash() {
+func WarehouseUpdateAdminsCash() {
 	warehouseAdmins = nil
 	warehouseAdmins = append(warehouseAdmins, 1) // id=1 超级管理员
 	var binds []TabUserGroupBinds
@@ -144,7 +144,7 @@ func ApiWarehouseInit() {
 
 	warehouseUserGroup.Name = "warehouse_admin"
 	if models.DB.Where(&warehouseUserGroup).First(&warehouseUserGroup).Error == nil {
-		updateWarehouseAdminsCash()
+		WarehouseUpdateAdminsCash()
 	} else {
 		warehouseUserGroup.Type = "usergroup"
 		models.DB.Create(&warehouseUserGroup)

backend/my_work/routers/apiWorkOrder.go

@@ -17,7 +17,7 @@ var (
 )
 
 // updateWorkOrderAdminsCash 刷新工单管理员缓存
-func updateWorkOrderAdminsCash() {
+func WorkOrderUpdateAdminsCash() {
 	workOrderAdmins = nil
 	workOrderAdmins = append(workOrderAdmins, 1) // id=1 超级管理员
 	var binds []TabUserGroupBinds
@@ -50,8 +50,6 @@ type TabWorkOrder struct {
 	DeletedAt     gorm.DeletedAt `gorm:"index"`
 }
 
-
-
 type TabWorkOrderCommit struct {
 	ID          uint       `gorm:"primarykey"`
 	WorkOrderID uint       `gorm:"not null;index;comment:关联工单ID"`
@@ -76,8 +74,6 @@ type TabWorkOrderLog struct {
 	CreatedAt   *time.Time `gorm:"type:datetime;autoCreateTime"`
 }
 
-
-
 // PurchaseOrderInfo 采购订单简要信息
 type PurchaseOrderInfo struct {
 	ID     uint   `json:"id"`
@@ -93,10 +89,9 @@ func ApiWorkOrderInit() {
 	models.DB.AutoMigrate(&TabWorkOrderCommit{})
 	models.DB.AutoMigrate(&TabWorkOrderLog{})
 
-
 	workOrderUserGroup.Name = "work_order_admin"
 	if models.DB.Where(&workOrderUserGroup).First(&workOrderUserGroup).Error == nil {
-		updateWorkOrderAdminsCash()
+		WorkOrderUpdateAdminsCash()
 	} else {
 		workOrderUserGroup.Type = "usergroup"
 		models.DB.Create(&workOrderUserGroup)

frontend/ops_vue_js/src/api/auth.js

@@ -36,6 +36,16 @@ export const authApi = {
     return api.post('/admin/group_members', { group_id: groupId, ...params })
   },
 
+  /** 添加用户组成员（仅管理员可访问） */
+  addGroupMember(groupId, userId) {
+    return api.post('/admin/add_group_member', { group_id: groupId, user_id: userId })
+  },
+
+  /** 移除用户组成员（仅管理员可访问） */
+  removeGroupMember(groupId, userId) {
+    return api.post('/admin/remove_group_member', { group_id: groupId, user_id: userId })
+  },
+
   /** 获取用户详细信息（仅管理员可访问） */
   getUserDetail(userId) {
     return api.post('/admin/user_detail', { user_id: userId })

frontend/ops_vue_js/src/views/SysAdminView.vue

@@ -4,7 +4,8 @@ import { useUserStore } from '@/stores/user'
 import { useUsersStore } from '@/stores/users'
 import { useToastStore } from '@/stores/toast'
 import { authApi } from '@/api/auth'
-import { IconSearch, IconRefresh, IconChevronLeft, IconChevronRight } from '@tabler/icons-vue'
+import ConfirmDialog from '@/components/ConfirmDialog.vue'
+import { IconSearch, IconRefresh, IconChevronLeft, IconChevronRight, IconPlus, IconX } from '@tabler/icons-vue'
 
 const toast = useToastStore()
 
@@ -49,6 +50,17 @@ const userDetailLoading = ref(false)
 const newPassword = ref('')
 const resetPasswordLoading = ref(false)
 
+// 确认弹窗相关
+const showConfirmDialog = ref(false)
+const confirmDialogConfig = ref({
+  title: '确认',
+  message: '',
+  confirmText: '确认',
+  cancelText: '取消',
+  danger: false,
+  onConfirm: null,
+})
+
 const tabs = [
   { id: 'users', label: '用户管理' },
   { id: 'groups', label: '用户组' },
@@ -106,6 +118,13 @@ function onPageChange(page) {
 
 const totalPages = computed(() => Math.ceil(userTotal.value / userPageSize.value))
 const groupMemberTotalPages = computed(() => Math.ceil(groupMemberTotal.value / groupMemberPageSize.value))
+
+// 添加成员弹窗相关
+const showAddMemberDialog = ref(false)
+const addMemberSearch = ref('')
+const addMemberSearchResults = ref([])
+const addMemberLoading = ref(false)
+const addMemberSearchLoading = ref(false)
 const loginFailLogTotalPages = computed(() => Math.ceil(loginFailLogTotal.value / loginFailLogPageSize.value))
 
 async function fetchGroups() {
@@ -160,6 +179,97 @@ function onGroupMemberPageChange(page) {
   fetchGroupMembers()
 }
 
+async function openAddMemberDialog() {
+  showAddMemberDialog.value = true
+  addMemberSearch.value = ''
+  addMemberSearchResults.value = []
+}
+
+function closeAddMemberDialog() {
+  showAddMemberDialog.value = false
+  addMemberSearch.value = ''
+  addMemberSearchResults.value = []
+}
+
+async function searchUsersToAdd() {
+  if (!addMemberSearch.value.trim()) {
+    addMemberSearchResults.value = []
+    return
+  }
+  addMemberSearchLoading.value = true
+  try {
+    const res = await authApi.getUsers({
+      page: 1,
+      page_size: 10,
+      search: addMemberSearch.value,
+    })
+    if (res.errCode === 0) {
+      // 过滤掉已经在组中的用户
+      const existingMemberIds = new Set(groupMembers.value.map(m => m.id))
+      addMemberSearchResults.value = (res.data.users || []).filter(u => !existingMemberIds.has(u.id))
+    }
+  } catch {
+    // 错误已由拦截器处理
+  } finally {
+    addMemberSearchLoading.value = false
+  }
+}
+
+async function addGroupMember(userId) {
+  if (!selectedGroup.value) return
+  addMemberLoading.value = true
+  try {
+    const res = await authApi.addGroupMember(selectedGroup.value.id, userId)
+    if (res.errCode === 0) {
+      toast.success('成员添加成功')
+      fetchGroupMembers()
+      // 从搜索结果中移除已添加的用户
+      addMemberSearchResults.value = addMemberSearchResults.value.filter(u => u.id !== userId)
+    } else {
+      toast.error(res.raw?.err_msg || '添加失败')
+    }
+  } catch {
+    // 错误已由拦截器处理
+  } finally {
+    addMemberLoading.value = false
+  }
+}
+
+function openConfirmDialog(config) {
+  confirmDialogConfig.value = { ...confirmDialogConfig.value, ...config }
+  showConfirmDialog.value = true
+}
+
+function handleConfirm() {
+  if (confirmDialogConfig.value.onConfirm) {
+    confirmDialogConfig.value.onConfirm()
+  }
+  showConfirmDialog.value = false
+}
+
+async function removeGroupMember(userId) {
+  if (!selectedGroup.value) return
+  openConfirmDialog({
+    title: '移除成员',
+    message: '确定要移除该成员吗？',
+    confirmText: '移除',
+    danger: true,
+    onConfirm: async () => {
+      try {
+        const res = await authApi.removeGroupMember(selectedGroup.value.id, userId)
+        if (res.errCode === 0) {
+          toast.success('成员移除成功')
+          fetchGroupMembers()
+        } else {
+          toast.error(res.raw?.err_msg || '移除失败')
+        }
+      } catch {
+        // 错误已由拦截器处理
+      }
+    },
+  })
+}
+
 async function fetchLoginFailLogs() {
   loginFailLogsLoading.value = true
   try {
@@ -482,21 +592,9 @@ onMounted(() => {
                         : 'hover:bg-gray-50 dark:hover:bg-dk-base'
                     ]"
                   >
-                    <div class="flex items-center justify-between">
+                    <div class="flex items-center">
                       <div>
                         <div class="font-medium text-gray-900 dark:text-dk-text">{{ group.name }}</div>
-                        <div class="text-xs text-gray-500 dark:text-dk-subtle">
-                          {{ group.memberCount }} 位成员
-                        </div>
-                      </div>
-                      <div class="flex -space-x-1">
-                        <img
-                          v-for="memberId in group.memberIDs?.slice(0, 3)"
-                          :key="memberId"
-                          :src="usersStore.getAvatarUrlFromUserID(memberId)"
-                          class="h-6 w-6 rounded-full border-2 border-white object-cover dark:border-dk-card"
-                          :title="usersStore.getUsernameFromUserID(memberId)"
-                        />
                       </div>
                     </div>
                   </button>
@@ -515,6 +613,12 @@ onMounted(() => {
                     <h3 class="font-semibold text-gray-900 dark:text-dk-text">{{ selectedGroup.name }}</h3>
                     <p class="text-sm text-gray-500 dark:text-dk-subtle">共 {{ groupMemberTotal }} 位成员</p>
                   </div>
+                  <button
+                    @click="openAddMemberDialog"
+                    class="flex items-center gap-1 rounded-md bg-blue-600 px-3 py-1.5 text-sm font-medium text-white hover:bg-blue-700"
+                  >
+                    <IconPlus :size="16" /> 添加成员
+                  </button>
                 </div>
 
                 <div class="overflow-hidden rounded-md border border-gray-200 dark:border-dk-muted">
@@ -524,14 +628,15 @@ onMounted(() => {
                         <th class="px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-dk-subtle">用户</th>
                         <th class="px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-dk-subtle">邮箱</th>
                         <th class="px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-dk-subtle">类型</th>
+                        <th class="px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-dk-subtle">操作</th>
                       </tr>
                     </thead>
                     <tbody class="divide-y divide-gray-200 bg-white dark:divide-dk-muted dark:bg-dk-card">
                       <tr v-if="groupMembersLoading" class="text-center">
-                        <td colspan="3" class="py-8 text-gray-500 dark:text-dk-subtle">加载中...</td>
+                        <td colspan="4" class="py-8 text-gray-500 dark:text-dk-subtle">加载中...</td>
                       </tr>
                       <tr v-else-if="groupMembers.length === 0" class="text-center">
-                        <td colspan="3" class="py-8 text-gray-500 dark:text-dk-subtle">暂无成员</td>
+                        <td colspan="4" class="py-8 text-gray-500 dark:text-dk-subtle">暂无成员</td>
                       </tr>
                       <tr v-for="member in groupMembers" :key="member.id" class="hover:bg-gray-50 dark:hover:bg-dk-base">
                         <td class="whitespace-nowrap px-4 py-3">
@@ -557,6 +662,14 @@ onMounted(() => {
                             {{ member.type }}
                           </span>
                         </td>
+                        <td class="whitespace-nowrap px-4 py-3 text-sm">
+                          <button
+                            @click="removeGroupMember(member.id)"
+                            class="text-red-600 hover:text-red-700 dark:text-red-400"
+                          >
+                            移除
+                          </button>
+                        </td>
                       </tr>
                     </tbody>
                   </table>
@@ -873,4 +986,104 @@ onMounted(() => {
       </div>
     </div>
   </div>
+
+  <!-- 添加成员弹窗 -->
+  <div
+    v-if="showAddMemberDialog"
+    class="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
+    @click.self="closeAddMemberDialog"
+  >
+    <div class="w-full max-w-md rounded-lg bg-white p-6 shadow-xl dark:bg-dk-card">
+      <div class="mb-4 flex items-center justify-between">
+        <h3 class="text-lg font-semibold text-gray-900 dark:text-dk-text">添加成员到 {{ selectedGroup?.name }}</h3>
+        <button
+          @click="closeAddMemberDialog"
+          class="text-gray-400 hover:text-gray-600 dark:text-dk-subtle dark:hover:text-dk-text"
+        >
+          <IconX :size="20" />
+        </button>
+      </div>
+
+      <!-- 搜索框 -->
+      <div class="mb-4">
+        <div class="flex gap-2">
+          <input
+            v-model="addMemberSearch"
+            type="text"
+            placeholder="搜索用户名或邮箱..."
+            class="flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:outline-none dark:border-dk-muted dark:bg-dk-base dark:text-dk-text"
+            @keyup.enter="searchUsersToAdd"
+          />
+          <button
+            @click="searchUsersToAdd"
+            :disabled="addMemberSearchLoading"
+            class="rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-50"
+          >
+            {{ addMemberSearchLoading ? '搜索中...' : '搜索' }}
+          </button>
+        </div>
+      </div>
+
+      <!-- 搜索结果 -->
+      <div class="max-h-64 overflow-y-auto">
+        <div v-if="addMemberSearchLoading" class="py-4 text-center text-gray-500 dark:text-dk-subtle">
+          搜索中...
+        </div>
+        <div v-else-if="addMemberSearchResults.length === 0 && addMemberSearch" class="py-4 text-center text-gray-500 dark:text-dk-subtle">
+          未找到匹配的用户
+        </div>
+        <div v-else-if="!addMemberSearch" class="py-4 text-center text-gray-500 dark:text-dk-subtle">
+          输入关键词搜索用户
+        </div>
+        <div v-else class="space-y-2">
+          <div
+            v-for="user in addMemberSearchResults"
+            :key="user.id"
+            class="flex items-center justify-between rounded-md border border-gray-200 p-3 dark:border-dk-muted"
+          >
+            <div class="flex items-center gap-3">
+              <img
+                :src="usersStore.getAvatarUrlFromUserID(user.id)"
+                class="h-8 w-8 rounded-full object-cover"
+                alt="avatar"
+              />
+              <div>
+                <div class="text-sm font-medium text-gray-900 dark:text-dk-text">
+                  {{ usersStore.getUsernameFromUserID(user.id) || user.name }}
+                </div>
+                <div class="text-xs text-gray-500 dark:text-dk-subtle">{{ user.email }}</div>
+              </div>
+            </div>
+            <button
+              @click="addGroupMember(user.id)"
+              :disabled="addMemberLoading"
+              class="rounded-md bg-green-600 px-3 py-1 text-xs font-medium text-white hover:bg-green-700 disabled:opacity-50"
+            >
+              添加
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div class="mt-4 flex justify-end">
+        <button
+          @click="closeAddMemberDialog"
+          class="rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-dk-muted dark:text-dk-text dark:hover:bg-dk-base"
+        >
+          关闭
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- 确认弹窗 -->
+  <ConfirmDialog
+    v-model="showConfirmDialog"
+    :title="confirmDialogConfig.title"
+    :message="confirmDialogConfig.message"
+    :confirm-text="confirmDialogConfig.confirmText"
+    :cancel-text="confirmDialogConfig.cancelText"
+    :danger="confirmDialogConfig.danger"
+    @confirm="handleConfirm"
+  />
 </template>