From ac6119a0ba97239e33ec819d9dfd2dcdf08fdd56 Mon Sep 17 00:00:00 2001
From: admin <admin@viaeon.com>
Date: Tue, 2 Jun 2026 20:27:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E6=8E=88=E6=9D=83=E5=BC=B9=E7=AA=97=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E5=90=8E=E6=97=A0=E9=80=89=E9=A1=B9=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 根据选择的类型动态加载分类或商品列表
- 使用下拉选择框替代手动输入ID
- 支持搜索过滤(filterable)
- 添加加载状态提示

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/views/admin/Suppliers.vue | 61 +++++++++++++++++++++++---
 1 file changed, 55 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/admin/Suppliers.vue b/frontend/src/views/admin/Suppliers.vue
index ae17778..9cbdc2e 100644
--- a/frontend/src/views/admin/Suppliers.vue
+++ b/frontend/src/views/admin/Suppliers.vue
@@ -36,16 +36,28 @@
         <el-button type="primary" @click="addSupplier">保存</el-button>
       </template>
     </el-dialog>
-    <el-dialog v-model="showAuth" title="授权管理" width="400px">
+    <el-dialog v-model="showAuth" title="授权管理" width="500px">
       <el-form :model="authForm" label-width="80px">
         <el-form-item label="类型">
-          <el-select v-model="authForm.type" popper-class="dark-select-dropdown"><el-option value="category" label="分类" /><el-option value="product" label="商品" /></el-select>
+          <el-select v-model="authForm.type" @change="handleTypeChange" placeholder="选择类型">
+            <el-option value="category" label="分类" />
+            <el-option value="product" label="商品" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联项">
+          <el-select v-model="authForm.ref_id" filterable placeholder="请选择" :loading="loadingOptions">
+            <el-option
+              v-for="item in optionsList"
+              :key="item.id"
+              :value="item.id"
+              :label="item.name"
+            />
+          </el-select>
         </el-form-item>
-        <el-form-item label="关联ID"><el-input-number v-model="authForm.ref_id" /></el-form-item>
       </el-form>
       <template #footer>
         <el-button @click="showAuth = false">取消</el-button>
-        <el-button type="primary" @click="saveAuth">保存</el-button>
+        <el-button type="primary" @click="saveAuth" :disabled="!authForm.ref_id">保存</el-button>
       </template>
     </el-dialog>
   </div>
@@ -54,7 +66,7 @@
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
-import { adminApi } from '../../api'
+import { adminApi, categoryApi, productApi } from '../../api'
 
 const suppliers = ref<any[]>([])
 const showAdd = ref(false)
@@ -69,6 +81,8 @@ const paginatedSuppliers = computed(() => {
 })
 const form = reactive({ username: '', email: '', password: '' })
 const authForm = reactive({ type: 'category', ref_id: 0 })
+const optionsList = ref<{ id: number; name: string }[]>([])
+const loadingOptions = ref(false)
 
 function handlePageChange() {
   window.scrollTo({ top: 0, behavior: 'smooth' })
@@ -86,12 +100,47 @@ async function addSupplier() {
   await fetchSuppliers()
 }
 
-function authorize(id: number) {
+async function authorize(id: number) {
   authSupplierId.value = id
+  authForm.type = 'category'
+  authForm.ref_id = 0
+  await loadOptions()
   showAuth.value = true
 }
 
+async function handleTypeChange() {
+  authForm.ref_id = 0
+  await loadOptions()
+}
+
+async function loadOptions() {
+  loadingOptions.value = true
+  try {
+    if (authForm.type === 'category') {
+      const res: any = await categoryApi.list()
+      optionsList.value = (res.data || []).map((item: any) => ({
+        id: item.id,
+        name: item.name
+      }))
+    } else {
+      const res: any = await productApi.list()
+      optionsList.value = (res.data || []).map((item: any) => ({
+        id: item.id,
+        name: item.name
+      }))
+    }
+  } catch {
+    optionsList.value = []
+  } finally {
+    loadingOptions.value = false
+  }
+}
+
 async function saveAuth() {
+  if (!authForm.ref_id) {
+    ElMessage.warning('请选择关联项')
+    return
+  }
   await adminApi.authorizeSupplier(authSupplierId.value, authForm)
   ElMessage.success('授权成功')
   showAuth.value = false