增加分组库存与客服

apps/frontend/src/views/admin/AdminUsersView.vue

@@ -8,6 +8,7 @@ import {
   createAdminUser,
   fetchAdminUsers,
   resetAdminUserPassword,
+  updateAdminUserInventoryGroups,
   updateAdminUserRole,
   updateAdminUserStatus,
 } from '@/services/admin'
@@ -49,6 +50,18 @@ function formatRoleLabel(role: AdminRole) {
   return '普通运营'
 }
 
+function formatInventoryGroups(item: AdminUserListItem) {
+  if (item.role !== 'support') {
+    return ['不限库存组']
+  }
+
+  if (item.inventoryGroupCodes.length === 0) {
+    return ['未绑定']
+  }
+
+  return item.inventoryGroupCodes
+}
+
 async function loadUsers(page = pagination.value.page) {
   if (!hasAdminRole('admin')) {
     loading.value = false
@@ -180,6 +193,46 @@ async function promptResetPassword(item: AdminUserListItem) {
   }
 }
 
+async function promptUpdateInventoryGroups(item: AdminUserListItem) {
+  if (item.role !== 'support') {
+    showError('仅客服账号需要绑定库存组')
+    return
+  }
+
+  try {
+    const result = await showPrompt(
+      `请输入 ${item.username} 可用的库存组，多个组用英文逗号分隔`,
+      '配置库存组',
+      {
+        inputType: 'text',
+        inputValue: item.inventoryGroupCodes.join(','),
+        inputPlaceholder: '例如 A组,B组,售后组',
+        confirmButtonText: '保存',
+        cancelButtonText: '取消',
+      },
+    )
+
+    const inventoryGroupCodes = String(result.value || '')
+      .split(',')
+      .map((value) => value.trim())
+      .filter(Boolean)
+
+    actionLoadingId.value = item.userId
+    await updateAdminUserInventoryGroups(item.userId, {
+      inventoryGroupCodes,
+    })
+    showSuccess('用户库存组已更新')
+    await loadUsers()
+  } catch (error) {
+    if (isFeedbackDismissed(error)) {
+      return
+    }
+    showError(error instanceof Error ? error.message : '更新库存组失败')
+  } finally {
+    actionLoadingId.value = null
+  }
+}
+
 onMounted(loadUsers)
 </script>
 
@@ -233,6 +286,7 @@ onMounted(loadUsers)
               <th>ID</th>
               <th>账号</th>
               <th>角色</th>
+              <th>库存组</th>
               <th>状态</th>
               <th>创建时间</th>
               <th>更新时间</th>
@@ -244,6 +298,17 @@ onMounted(loadUsers)
               <td>{{ item.userId }}</td>
               <td>{{ item.username }}</td>
               <td>{{ formatRoleLabel(item.role) }}</td>
+              <td>
+                <div class="group-chip-row">
+                  <span
+                    v-for="groupCode in formatInventoryGroups(item)"
+                    :key="`${item.userId}-${groupCode}`"
+                    :class="['group-chip', { 'group-chip--muted': groupCode === '未绑定' || groupCode === '不限库存组' }]"
+                  >
+                    {{ groupCode }}
+                  </span>
+                </div>
+              </td>
               <td><AdminStatusTag :status="item.status" /></td>
               <td>{{ formatAdminDateTime(item.createdAt) }}</td>
               <td>{{ formatAdminDateTime(item.updatedAt) }}</td>
@@ -281,6 +346,14 @@ onMounted(loadUsers)
                   >
                     {{ item.status === 'active' ? '停用' : '启用' }}
                   </el-button>
+                  <el-button
+                    :loading="actionLoadingId === item.userId"
+                    link
+                    :disabled="item.role !== 'support'"
+                    @click="promptUpdateInventoryGroups(item)"
+                  >
+                    配库存组
+                  </el-button>
                   <el-button
                     :loading="actionLoadingId === item.userId"
                     link
@@ -385,6 +458,31 @@ onMounted(loadUsers)
   gap: 6px;
 }
 
+.group-chip-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.group-chip {
+  display: inline-flex;
+  align-items: center;
+  min-height: 28px;
+  padding: 0 10px;
+  border-radius: 999px;
+  background: rgba(37, 89, 167, 0.08);
+  border: 1px solid rgba(37, 89, 167, 0.12);
+  color: #2559a7;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.group-chip--muted {
+  background: rgba(148, 163, 184, 0.12);
+  border-color: rgba(148, 163, 184, 0.18);
+  color: #64748b;
+}
+
 .self-copy {
   color: #64748b;
   font-size: 12px;