fetch(modify):修改原来的bug

src/views/account-management/account/index.vue

@@ -84,9 +84,9 @@
 
         <!-- 分配角色对话框 -->
         <ElDialog v-model="roleDialogVisible" title="分配角色" width="500px">
-          <ElRadioGroup v-model="selectedRole" class="role-radio-group">
-            <div v-for="role in allRoles" :key="role.ID" class="role-radio-item">
-              <ElRadio :label="role.ID">
+          <ElCheckboxGroup v-model="selectedRoles">
+            <div v-for="role in allRoles" :key="role.ID" style="margin-bottom: 12px">
+              <ElCheckbox :label="role.ID">
                 {{ role.role_name }}
                 <ElTag
                   :type="role.role_type === 1 ? 'primary' : 'success'"
@@ -95,9 +95,9 @@
                 >
                   {{ role.role_type === 1 ? '平台角色' : '客户角色' }}
                 </ElTag>
-              </ElRadio>
+              </ElCheckbox>
             </div>
-          </ElRadioGroup>
+          </ElCheckboxGroup>
           <template #footer>
             <div class="dialog-footer">
               <ElButton @click="roleDialogVisible = false">取消</ElButton>
@@ -114,7 +114,7 @@
 
 <script setup lang="ts">
   import { h } from 'vue'
-  import { FormInstance, ElSwitch } from 'element-plus'
+  import { FormInstance, ElSwitch, ElCheckbox, ElCheckboxGroup, ElTag } from 'element-plus'
   import { ElMessageBox, ElMessage } from 'element-plus'
   import type { FormRules } from 'element-plus'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -134,7 +134,7 @@
   const loading = ref(false)
   const roleSubmitLoading = ref(false)
   const currentAccountId = ref<number>(0)
-  const selectedRole = ref<number | undefined>(undefined)
+  const selectedRoles = ref<number[]>([])
   const allRoles = ref<PlatformRole[]>([])
 
   // 定义表单搜索初始值
@@ -292,7 +292,8 @@
           activeText: getStatusText(CommonStatus.ENABLED),
           inactiveText: getStatusText(CommonStatus.DISABLED),
           inlinePrompt: true,
-          'onUpdate:modelValue': (val: string | number | boolean) => handleStatusChange(row, val as number)
+          'onUpdate:modelValue': (val: string | number | boolean) =>
+            handleStatusChange(row, val as number)
         })
       }
     },
@@ -356,15 +357,18 @@
   // 显示分配角色对话框
   const showRoleDialog = async (row: any) => {
     currentAccountId.value = row.ID
-    selectedRole.value = undefined
+    selectedRoles.value = []
 
-    // 先加载当前账号的角色，再打开对话框
     try {
+      // 每次打开对话框时重新加载最新的角色列表
+      await loadAllRoles()
+
+      // 先加载当前账号的角色，再打开对话框
       const res = await AccountService.getAccountRoles(row.ID)
       if (res.code === 0) {
-        // 提取角色ID（只取第一个角色）
+        // 提取角色ID数组
         const roles = res.data || []
-        selectedRole.value = roles.length > 0 ? roles[0].ID : undefined
+        selectedRoles.value = roles.map((role: any) => role.ID)
         // 数据加载完成后再打开对话框
         roleDialogVisible.value = true
       }
@@ -375,17 +379,13 @@
 
   // 提交分配角色
   const handleAssignRoles = async () => {
-    if (selectedRole.value === undefined) {
-      ElMessage.warning('请选择一个角色')
-      return
-    }
-
     roleSubmitLoading.value = true
     try {
-      // 将单个角色ID包装成数组传给后端
-      await AccountService.assignRolesToAccount(currentAccountId.value, [selectedRole.value])
+      await AccountService.assignRolesToAccount(currentAccountId.value, selectedRoles.value)
       ElMessage.success('分配角色成功')
       roleDialogVisible.value = false
+      // 刷新列表以更新角色显示
+      await getAccountList()
     } catch (error) {
       console.error(error)
     } finally {
@@ -503,13 +503,4 @@
   .account-page {
     // 账号管理页面样式
   }
-
-  .role-radio-group {
-    width: 100%;
-  }
-
-  .role-radio-item {
-    padding: 8px;
-    margin-bottom: 16px;
-  }
 </style>