From 31dd4774266d1d95bf699d9d230ddb1d2a8051d0 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Fri, 10 Jan 2025 09:57:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E5=95=86=E5=AE=B6=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=88=86=E7=B1=BB=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/merchant/List.vue | 39 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/views/merchant/List.vue b/src/views/merchant/List.vue
index a94a1bb..654e14d 100644
--- a/src/views/merchant/List.vue
+++ b/src/views/merchant/List.vue
@@ -62,6 +62,17 @@
           :label-col="{ span: 6 }"
           :wrapper-col="{ span: 16 }"
         >
+          <a-form-item label="商家分类" name="category_id" required>
+            <a-select
+              v-model:value="formState.category_id"
+              placeholder="请选择商家分类"
+              :options="categories.map(item => ({
+                value: item.id,
+                label: item.name
+              }))"
+            />
+          </a-form-item>
+
           <a-form-item label="商家名称" name="name" required>
             <a-input v-model:value="formState.name" placeholder="请输入商家名称" />
           </a-form-item>
@@ -199,6 +210,12 @@ export default defineComponent({
         width: 80,
         align: 'center',
       },
+      {
+        title: '商家分类',
+        dataIndex: 'category_name',
+        key: 'category_name',
+        width: 120,
+      },
       {
         title: '商家名称',
         dataIndex: 'name',
@@ -329,6 +346,7 @@ export default defineComponent({
 
     const formState = ref({
       name: '',
+      category_id: undefined,
       business_hours: '',
       address: '',
       longitude: null,
@@ -338,13 +356,30 @@ export default defineComponent({
 
     const rules = {
       name: [{ required: true, message: '请输入商家名称' }],
+      category_id: [{ required: true, message: '请选择商家分类' }],
       business_hours: [{ required: true, message: '请输入营业时间' }],
       address: [{ required: true, message: '请输入详细地址' }],
       phone: [{ required: true, message: '请输入联系电话' }],
     }
 
+    // 获取商家分类
+    const categories = ref([])
+    
+    const fetchCategories = async () => {
+      try {
+        const res = await request.get('/api/merchant-categories')
+        if (res.code === 200 && res.data) {
+          categories.value = res.data.items || []
+        }
+      } catch (error) {
+        console.error('获取商家分类失败:', error)
+        message.error('获取商家分类失败')
+      }
+    }
+
     // 显示添加模态框
     const showAddModal = async () => {
+      await fetchCategories()
       addModalVisible.value = true
       await nextTick()
       initAddMap()
@@ -486,6 +521,7 @@ export default defineComponent({
       // 重置表单状态
       formState.value = {
         name: '',
+        category_id: undefined,
         business_hours: '',
         address: '',
         longitude: null,
@@ -681,7 +717,8 @@ export default defineComponent({
       handlePreviewCancel,
       handleRemove,
       handleSaveImages,
-      handleCancelImages
+      handleCancelImages,
+      categories
     }
   }
 })