feat: 添加购买分组功能，替代跨分类购物选项

frontend/src/api/index.ts

@@ -124,6 +124,11 @@ export const adminApi = {
   updateCategory: (id: number, data: any) => api.put(`/admin/categories/${id}`, data),
   deleteCategory: (id: number) => api.delete(`/admin/categories/${id}`),
 
+  getPurchaseGroups: () => api.get('/admin/purchase-groups'),
+  createPurchaseGroup: (data: any) => api.post('/admin/purchase-groups', data),
+  updatePurchaseGroup: (id: number, data: any) => api.put(`/admin/purchase-groups/${id}`, data),
+  deletePurchaseGroup: (id: number) => api.delete(`/admin/purchase-groups/${id}`),
+
   getBrands: () => api.get('/admin/brands'),
   createBrand: (data: any) => api.post('/admin/brands', data),
   updateBrand: (id: number, data: any) => api.put(`/admin/brands/${id}`, data),

frontend/src/layouts/AdminLayout.vue

@@ -25,6 +25,10 @@
           <el-icon><Folder /></el-icon>
           <span class="nav-text">{{ $t('admin.categoryManagement') }}</span>
         </router-link>
+        <router-link to="/admin/purchase-groups" class="nav-link">
+          <el-icon><Grid /></el-icon>
+          <span class="nav-text">购买分组</span>
+        </router-link>
         <router-link to="/admin/brands" class="nav-link">
           <el-icon><Stamp /></el-icon>
           <span class="nav-text">{{ $t('admin.brandManagement') }}</span>
@@ -164,7 +168,7 @@
 import { ref, computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { DataAnalysis, User, Folder, Stamp, Goods, List, Van, Trophy, ChatDotSquare, Setting, Document, Picture, Compass, Fold, Expand, HomeFilled, FullScreen, ArrowDown, SwitchButton, ArrowRight, Wallet, Notebook } from '@element-plus/icons-vue'
+import { DataAnalysis, User, Folder, Grid, Stamp, Goods, List, Van, Trophy, ChatDotSquare, Setting, Document, Picture, Compass, Fold, Expand, HomeFilled, FullScreen, ArrowDown, SwitchButton, ArrowRight, Wallet, Notebook } from '@element-plus/icons-vue'
 import { useUserStore } from '../store/user'
 import { useCartStore } from '../store/cart'
 
@@ -182,6 +186,7 @@ const pageTitles: Record<string, string> = {
   '/admin': '控制台',
   '/admin/users': '用户管理',
   '/admin/categories': '分类管理',
+  '/admin/purchase-groups': '购买分组',
   '/admin/brands': '品牌管理',
   '/admin/products': '商品管理',
   '/admin/orders': '订单管理',

frontend/src/router/index.ts

@@ -41,6 +41,7 @@ const routes = [
       { path: '', name: 'AdminDashboard', component: () => import('../views/admin/Dashboard.vue') },
       { path: 'users', name: 'AdminUsers', component: () => import('../views/admin/Users.vue') },
       { path: 'categories', name: 'AdminCategories', component: () => import('../views/admin/Categories.vue') },
+      { path: 'purchase-groups', name: 'AdminPurchaseGroups', component: () => import('../views/admin/PurchaseGroups.vue') },
       { path: 'brands', name: 'AdminBrands', component: () => import('../views/admin/Brands.vue') },
       { path: 'products', name: 'AdminProducts', component: () => import('../views/admin/Products.vue') },
       { path: 'orders', name: 'AdminOrders', component: () => import('../views/admin/Orders.vue') },

frontend/src/views/admin/Categories.vue

@@ -8,19 +8,18 @@
         <el-table-column prop="id" label="ID" width="80" />
         <el-table-column prop="name" label="分类名称" />
         <el-table-column prop="description" label="描述" />
+        <el-table-column label="购买分组" width="120">
+          <template #default="{ row }">
+            <el-tag v-if="row.purchase_group" size="small">{{ row.purchase_group.name }}</el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
         <el-table-column label="金额限制" width="200">
           <template #default="{ row }">
             <span v-if="row.min_amount || row.max_amount">¥{{ row.min_amount || 0 }}~{{ row.max_amount || '∞' }}</span>
             <span v-else>-</span>
           </template>
         </el-table-column>
-        <el-table-column label="跨分类购物" width="100">
-          <template #default="{ row }">
-            <el-tag :type="row.allow_cross_category ? 'success' : 'info'" size="small">
-              {{ row.allow_cross_category ? '允许' : '不允许' }}
-            </el-tag>
-          </template>
-        </el-table-column>
         <el-table-column label="操作" width="120">
           <template #default="{ row }">
             <el-button link type="primary" size="small" @click="editCat(row)">编辑</el-button>
@@ -42,15 +41,17 @@
       <el-form :model="form" label-width="100px">
         <el-form-item label="名称"><el-input v-model="form.name" /></el-form-item>
         <el-form-item label="描述"><el-input v-model="form.description" type="textarea" /></el-form-item>
+        <el-form-item label="购买分组">
+          <el-select v-model="form.purchase_group_id" placeholder="请选择购买分组" clearable style="width: 100%">
+            <el-option v-for="group in purchaseGroups" :key="group.id" :label="group.name" :value="group.id" />
+          </el-select>
+        </el-form-item>
         <el-form-item label="最小金额"><el-input-number v-model="form.min_amount" :precision="2" /></el-form-item>
         <el-form-item label="最大金额"><el-input-number v-model="form.max_amount" :precision="2" /></el-form-item>
         <el-form-item label="最小数量"><el-input-number v-model="form.min_quantity" /></el-form-item>
         <el-form-item label="最大数量"><el-input-number v-model="form.max_quantity" /></el-form-item>
         <el-form-item label="最小重量"><el-input-number v-model="form.min_weight" :precision="2" /></el-form-item>
         <el-form-item label="最大重量"><el-input-number v-model="form.max_weight" :precision="2" /></el-form-item>
-        <el-form-item label="跨分类购物">
-          <el-switch v-model="form.allow_cross_category" active-text="允许" inactive-text="不允许" />
-        </el-form-item>
       </el-form>
       <template #footer>
         <el-button @click="showAdd = false">取消</el-button>
@@ -66,6 +67,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { adminApi, categoryApi } from '../../api'
 
 const categories = ref<any[]>([])
+const purchaseGroups = ref<any[]>([])
 const showAdd = ref(false)
 const editing = ref<any>(null)
 const page = ref(1)
@@ -75,7 +77,7 @@ const paginatedCategories = computed(() => {
   const start = (page.value - 1) * pageSize
   return categories.value.slice(start, start + pageSize)
 })
-const form = reactive({ name: '', description: '', min_amount: undefined as number | undefined, max_amount: undefined as number | undefined, min_quantity: undefined as number | undefined, max_quantity: undefined as number | undefined, min_weight: undefined as number | undefined, max_weight: undefined as number | undefined, allow_cross_category: false })
+const form = reactive({ name: '', description: '', purchase_group_id: undefined as number | undefined, min_amount: undefined as number | undefined, max_amount: undefined as number | undefined, min_quantity: undefined as number | undefined, max_quantity: undefined as number | undefined, min_weight: undefined as number | undefined, max_weight: undefined as number | undefined })
 
 function handlePageChange() {
   window.scrollTo({ top: 0, behavior: 'smooth' })
@@ -86,15 +88,20 @@ async function fetchCategories() {
   categories.value = res.data || []
 }
 
+async function fetchPurchaseGroups() {
+  const res: any = await adminApi.getPurchaseGroups()
+  purchaseGroups.value = res.data || []
+}
+
 function openAdd() {
   editing.value = null
-  Object.assign(form, { name: '', description: '', min_amount: undefined, max_amount: undefined, min_quantity: undefined, max_quantity: undefined, min_weight: undefined, max_weight: undefined, allow_cross_category: false })
+  Object.assign(form, { name: '', description: '', purchase_group_id: undefined, min_amount: undefined, max_amount: undefined, min_quantity: undefined, max_quantity: undefined, min_weight: undefined, max_weight: undefined })
   showAdd.value = true
 }
 
 function editCat(row: any) {
   editing.value = row
-  Object.assign(form, { name: row.name, description: row.description || '', min_amount: row.min_amount, max_amount: row.max_amount, min_quantity: row.min_quantity, max_quantity: row.max_quantity, min_weight: row.min_weight, max_weight: row.max_weight, allow_cross_category: row.allow_cross_category || false })
+  Object.assign(form, { name: row.name, description: row.description || '', purchase_group_id: row.purchase_group_id, min_amount: row.min_amount, max_amount: row.max_amount, min_quantity: row.min_quantity, max_quantity: row.max_quantity, min_weight: row.min_weight, max_weight: row.max_weight })
   showAdd.value = true
 }
 
@@ -122,7 +129,10 @@ async function deleteCat(id: number) {
   await fetchCategories()
 }
 
-onMounted(fetchCategories)
+onMounted(() => {
+  fetchCategories()
+  fetchPurchaseGroups()
+})
 </script>
 
 <style scoped lang="scss">

frontend/src/views/admin/PurchaseGroups.vue

@@ -0,0 +1,98 @@
+<template>
+  <div class="purchase-groups-page">
+    <div class="page-header">
+      <el-button type="primary" @click="openAdd">创建分组</el-button>
+    </div>
+    <div class="table-card">
+      <el-table :data="groups">
+        <el-table-column prop="id" label="ID" width="80" />
+        <el-table-column prop="name" label="分组名称" />
+        <el-table-column prop="description" label="描述" />
+        <el-table-column label="关联分类" width="200">
+          <template #default="{ row }">
+            <span v-if="row.categories && row.categories.length">
+              {{ row.categories.map((c: any) => c.name).join('、') }}
+            </span>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="120">
+          <template #default="{ row }">
+            <el-button link type="primary" size="small" @click="editGroup(row)">编辑</el-button>
+            <el-button link type="danger" size="small" @click="deleteGroup(row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog v-model="showAdd" :title="editing ? '编辑分组' : '创建分组'" width="500px">
+      <el-form :model="form" label-width="80px">
+        <el-form-item label="名称"><el-input v-model="form.name" /></el-form-item>
+        <el-form-item label="描述"><el-input v-model="form.description" type="textarea" /></el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="showAdd = false">取消</el-button>
+        <el-button type="primary" @click="saveGroup">保存</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { adminApi } from '../../api'
+
+const groups = ref<any[]>([])
+const showAdd = ref(false)
+const editing = ref<any>(null)
+const form = reactive({ name: '', description: '' })
+
+async function fetchGroups() {
+  const res: any = await adminApi.getPurchaseGroups()
+  groups.value = res.data || []
+}
+
+function openAdd() {
+  editing.value = null
+  Object.assign(form, { name: '', description: '' })
+  showAdd.value = true
+}
+
+function editGroup(row: any) {
+  editing.value = row
+  Object.assign(form, { name: row.name, description: row.description || '' })
+  showAdd.value = true
+}
+
+async function saveGroup() {
+  try {
+    if (editing.value) {
+      await adminApi.updatePurchaseGroup(editing.value.id, form)
+    } else {
+      await adminApi.createPurchaseGroup(form)
+    }
+    ElMessage.success('保存成功')
+    showAdd.value = false
+    editing.value = null
+    await fetchGroups()
+  } catch (error: any) {
+    const msg = error.response?.data?.error || '保存失败'
+    ElMessage.error(msg)
+  }
+}
+
+async function deleteGroup(id: number) {
+  await ElMessageBox.confirm('确定删除此分组？', '确认')
+  await adminApi.deletePurchaseGroup(id)
+  ElMessage.success('删除成功')
+  await fetchGroups()
+}
+
+onMounted(fetchGroups)
+</script>
+
+<style scoped lang="scss">
+.purchase-groups-page { padding: 0; }
+.page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
+.table-card { background: #2d2d44; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 20px; }
+</style>