diff --git a/src/api/modules/index.ts b/src/api/modules/index.ts
index 690c767..5df33df 100644
--- a/src/api/modules/index.ts
+++ b/src/api/modules/index.ts
@@ -23,8 +23,7 @@ export { DeviceService } from './device'
 export { CarrierService } from './carrier'
 export { PackageSeriesService } from './packageSeries'
 export { PackageManageService } from './packageManage'
-export { ShopPackageAllocationService } from './shopPackageAllocation'
-export { ShopSeriesAllocationService } from './shopSeriesAllocation'
+export { ShopSeriesGrantService } from './shopSeriesGrant'
 export { OrderService } from './order'
 
 // TODO: 按需添加其他业务模块
diff --git a/src/api/modules/shopPackageAllocation.ts b/src/api/modules/shopPackageAllocation.ts
deleted file mode 100644
index a43a301..0000000
--- a/src/api/modules/shopPackageAllocation.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-/**
- * 单套餐分配 API 服务
- */
-
-import { BaseService } from '../BaseService'
-import type {
-  ShopPackageAllocationResponse,
-  ShopPackageAllocationQueryParams,
-  CreateShopPackageAllocationRequest,
-  UpdateShopPackageAllocationRequest,
-  UpdateShopPackageAllocationStatusRequest,
-  BaseResponse,
-  PaginationResponse
-} from '@/types/api'
-
-export class ShopPackageAllocationService extends BaseService {
-  /**
-   * 获取单套餐分配列表
-   * GET /api/admin/shop-package-allocations
-   * @param params 查询参数
-   */
-  static getShopPackageAllocations(
-    params?: ShopPackageAllocationQueryParams
-  ): Promise<PaginationResponse<ShopPackageAllocationResponse>> {
-    return this.getPage<ShopPackageAllocationResponse>(
-      '/api/admin/shop-package-allocations',
-      params
-    )
-  }
-
-  /**
-   * 创建单套餐分配
-   * POST /api/admin/shop-package-allocations
-   * @param data 分配数据
-   */
-  static createShopPackageAllocation(
-    data: CreateShopPackageAllocationRequest
-  ): Promise<BaseResponse<ShopPackageAllocationResponse>> {
-    return this.create<ShopPackageAllocationResponse>('/api/admin/shop-package-allocations', data)
-  }
-
-  /**
-   * 获取单套餐分配详情
-   * GET /api/admin/shop-package-allocations/{id}
-   * @param id 分配ID
-   */
-  static getShopPackageAllocationDetail(
-    id: number
-  ): Promise<BaseResponse<ShopPackageAllocationResponse>> {
-    return this.getOne<ShopPackageAllocationResponse>(`/api/admin/shop-package-allocations/${id}`)
-  }
-
-  /**
-   * 更新单套餐分配
-   * PUT /api/admin/shop-package-allocations/{id}
-   * @param id 分配ID
-   * @param data 分配数据（只允许修改成本价）
-   */
-  static updateShopPackageAllocation(
-    id: number,
-    data: UpdateShopPackageAllocationRequest
-  ): Promise<BaseResponse<ShopPackageAllocationResponse>> {
-    return this.update<ShopPackageAllocationResponse>(
-      `/api/admin/shop-package-allocations/${id}`,
-      data
-    )
-  }
-
-  /**
-   * 删除单套餐分配
-   * DELETE /api/admin/shop-package-allocations/{id}
-   * @param id 分配ID
-   */
-  static deleteShopPackageAllocation(id: number): Promise<BaseResponse> {
-    return this.remove(`/api/admin/shop-package-allocations/${id}`)
-  }
-
-  /**
-   * 更新单套餐分配成本价
-   * PUT /api/admin/shop-package-allocations/{id}/cost-price
-   * @param id 分配ID
-   * @param costPrice 成本价（分）
-   */
-  static updateShopPackageAllocationCostPrice(
-    id: number,
-    costPrice: number
-  ): Promise<BaseResponse<ShopPackageAllocationResponse>> {
-    return this.put<BaseResponse<ShopPackageAllocationResponse>>(
-      `/api/admin/shop-package-allocations/${id}/cost-price`,
-      { cost_price: costPrice }
-    )
-  }
-
-  /**
-   * 更新单套餐分配状态
-   * PUT /api/admin/shop-package-allocations/{id}/status
-   * @param id 分配ID
-   * @param status 状态 (1:启用, 2:禁用)
-   */
-  static updateShopPackageAllocationStatus(id: number, status: number): Promise<BaseResponse> {
-    const data: UpdateShopPackageAllocationStatusRequest = { status }
-    return this.put<BaseResponse>(`/api/admin/shop-package-allocations/${id}/status`, data)
-  }
-}
diff --git a/src/api/modules/shopSeriesAllocation.ts b/src/api/modules/shopSeriesAllocation.ts
deleted file mode 100644
index 81b54e9..0000000
--- a/src/api/modules/shopSeriesAllocation.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * 套餐系列分配 API 服务
- */
-
-import { BaseService } from '../BaseService'
-import type {
-  ShopSeriesAllocationResponse,
-  ShopSeriesAllocationQueryParams,
-  CreateShopSeriesAllocationRequest,
-  UpdateShopSeriesAllocationRequest,
-  UpdateShopSeriesAllocationStatusRequest,
-  BaseResponse,
-  PaginationResponse
-} from '@/types/api'
-
-export class ShopSeriesAllocationService extends BaseService {
-  /**
-   * 获取套餐系列分配分页列表
-   * GET /api/admin/shop-series-allocations
-   * @param params 查询参数
-   */
-  static getShopSeriesAllocations(
-    params?: ShopSeriesAllocationQueryParams
-  ): Promise<PaginationResponse<ShopSeriesAllocationResponse>> {
-    return this.getPage<ShopSeriesAllocationResponse>('/api/admin/shop-series-allocations', params)
-  }
-
-  /**
-   * 创建套餐系列分配
-   * POST /api/admin/shop-series-allocations
-   * @param data 分配数据
-   */
-  static createShopSeriesAllocation(
-    data: CreateShopSeriesAllocationRequest
-  ): Promise<BaseResponse<ShopSeriesAllocationResponse>> {
-    return this.create<ShopSeriesAllocationResponse>('/api/admin/shop-series-allocations', data)
-  }
-
-  /**
-   * 获取套餐系列分配详情
-   * GET /api/admin/shop-series-allocations/{id}
-   * @param id 分配ID
-   */
-  static getShopSeriesAllocationDetail(
-    id: number
-  ): Promise<BaseResponse<ShopSeriesAllocationResponse>> {
-    return this.getOne<ShopSeriesAllocationResponse>(`/api/admin/shop-series-allocations/${id}`)
-  }
-
-  /**
-   * 更新套餐系列分配
-   * PUT /api/admin/shop-series-allocations/{id}
-   * @param id 分配ID
-   * @param data 分配数据
-   */
-  static updateShopSeriesAllocation(
-    id: number,
-    data: UpdateShopSeriesAllocationRequest
-  ): Promise<BaseResponse<ShopSeriesAllocationResponse>> {
-    return this.update<ShopSeriesAllocationResponse>(
-      `/api/admin/shop-series-allocations/${id}`,
-      data
-    )
-  }
-
-  /**
-   * 删除套餐系列分配
-   * DELETE /api/admin/shop-series-allocations/{id}
-   * @param id 分配ID
-   */
-  static deleteShopSeriesAllocation(id: number): Promise<BaseResponse> {
-    return this.remove(`/api/admin/shop-series-allocations/${id}`)
-  }
-
-  /**
-   * 更新套餐系列分配状态
-   * PUT /api/admin/shop-series-allocations/{id}/status
-   * @param id 分配ID
-   * @param status 状态 (1:启用, 2:禁用)
-   */
-  static updateShopSeriesAllocationStatus(id: number, status: number): Promise<BaseResponse> {
-    const data: UpdateShopSeriesAllocationStatusRequest = { status }
-    return this.put<BaseResponse>(`/api/admin/shop-series-allocations/${id}/status`, data)
-  }
-}
diff --git a/src/api/modules/shopSeriesGrant.ts b/src/api/modules/shopSeriesGrant.ts
new file mode 100644
index 0000000..eec2d56
--- /dev/null
+++ b/src/api/modules/shopSeriesGrant.ts
@@ -0,0 +1,90 @@
+/**
+ * 代理系列授权 API 服务
+ */
+
+import { BaseService } from '../BaseService'
+import type {
+  ShopSeriesGrantResponse,
+  ShopSeriesGrantQueryParams,
+  CreateShopSeriesGrantRequest,
+  UpdateShopSeriesGrantRequest,
+  ManageGrantPackagesRequest,
+  BaseResponse,
+  PaginationResponse
+} from '@/types/api'
+
+export class ShopSeriesGrantService extends BaseService {
+  /**
+   * 获取代理系列授权分页列表
+   * GET /api/admin/shop-series-grants
+   * @param params 查询参数
+   */
+  static getShopSeriesGrants(
+    params?: ShopSeriesGrantQueryParams
+  ): Promise<PaginationResponse<ShopSeriesGrantResponse>> {
+    return this.getPage<ShopSeriesGrantResponse>('/api/admin/shop-series-grants', params)
+  }
+
+  /**
+   * 创建代理系列授权
+   * POST /api/admin/shop-series-grants
+   * @param data 授权数据
+   */
+  static createShopSeriesGrant(
+    data: CreateShopSeriesGrantRequest
+  ): Promise<BaseResponse<ShopSeriesGrantResponse>> {
+    return this.create<ShopSeriesGrantResponse>('/api/admin/shop-series-grants', data)
+  }
+
+  /**
+   * 获取代理系列授权详情
+   * GET /api/admin/shop-series-grants/{id}
+   * @param id 授权ID
+   */
+  static getShopSeriesGrantDetail(
+    id: number
+  ): Promise<BaseResponse<ShopSeriesGrantResponse>> {
+    return this.getOne<ShopSeriesGrantResponse>(`/api/admin/shop-series-grants/${id}`)
+  }
+
+  /**
+   * 更新代理系列授权
+   * PUT /api/admin/shop-series-grants/{id}
+   * @param id 授权ID
+   * @param data 授权数据
+   */
+  static updateShopSeriesGrant(
+    id: number,
+    data: UpdateShopSeriesGrantRequest
+  ): Promise<BaseResponse<ShopSeriesGrantResponse>> {
+    return this.update<ShopSeriesGrantResponse>(
+      `/api/admin/shop-series-grants/${id}`,
+      data
+    )
+  }
+
+  /**
+   * 删除代理系列授权
+   * DELETE /api/admin/shop-series-grants/{id}
+   * @param id 授权ID
+   */
+  static deleteShopSeriesGrant(id: number): Promise<BaseResponse> {
+    return this.remove(`/api/admin/shop-series-grants/${id}`)
+  }
+
+  /**
+   * 管理代理系列授权的套餐
+   * PUT /api/admin/shop-series-grants/{id}/packages
+   * @param id 授权ID
+   * @param data 套餐管理数据
+   */
+  static manageGrantPackages(
+    id: number,
+    data: ManageGrantPackagesRequest
+  ): Promise<BaseResponse<ShopSeriesGrantResponse>> {
+    return this.put<BaseResponse<ShopSeriesGrantResponse>>(
+      `/api/admin/shop-series-grants/${id}/packages`,
+      data
+    )
+  }
+}
diff --git a/src/locales/langs/zh.json b/src/locales/langs/zh.json
index 236b334..3618956 100644
--- a/src/locales/langs/zh.json
+++ b/src/locales/langs/zh.json
@@ -404,10 +404,8 @@
       "packageList": "套餐管理",
       "packageDetail": "套餐详情",
       "packageChange": "套餐变更",
-      "packageAssign": "单套餐分配",
-      "packageAssignDetail": "套餐分配详情",
-      "seriesAssign": "套餐系列分配",
-      "seriesAssignDetail": "系列分配详情",
+      "seriesGrants": "代理系列授权",
+      "seriesGrantsDetail": "代理系列授权详情",
       "packageSeries": "套餐系列",
       "packageSeriesDetail": "套餐系列详情",
       "packageCommission": "套餐佣金网卡"
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index 701bf3d..4549c54 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -760,39 +760,20 @@ export const asyncRoutes: AppRouteRecord[] = [
         }
       },
       {
-        path: 'package-assign',
-        name: 'PackageAssign',
-        component: RoutesAlias.PackageAssign,
+        path: 'series-grants',
+        name: 'SeriesGrants',
+        component: RoutesAlias.SeriesGrants,
         meta: {
-          title: 'menus.packageManagement.packageAssign',
+          title: 'menus.packageManagement.seriesGrants',
           keepAlive: true
         }
       },
       {
-        path: 'package-assign/detail/:id',
-        name: 'PackageAssignDetail',
-        component: RoutesAlias.PackageAssignDetail,
+        path: 'series-grants/detail/:id',
+        name: 'SeriesGrantsDetail',
+        component: RoutesAlias.SeriesGrantsDetail,
         meta: {
-          title: 'menus.packageManagement.packageAssignDetail',
-          isHide: true,
-          keepAlive: false
-        }
-      },
-      {
-        path: 'series-assign',
-        name: 'SeriesAssign',
-        component: RoutesAlias.SeriesAssign,
-        meta: {
-          title: 'menus.packageManagement.seriesAssign',
-          keepAlive: true
-        }
-      },
-      {
-        path: 'series-assign/detail/:id',
-        name: 'SeriesAssignDetail',
-        component: RoutesAlias.SeriesAssignDetail,
-        meta: {
-          title: 'menus.packageManagement.seriesAssignDetail',
+          title: 'menus.packageManagement.seriesGrantsDetail',
           isHide: true,
           keepAlive: false
         }
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index fec9310..d896690 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -70,10 +70,8 @@ export enum RoutesAlias {
   PackageList = '/package-management/package-list', // 套餐管理
   PackageDetail = '/package-management/package-list/detail', // 套餐详情
   PackageChange = '/package-management/package-change', // 套餐变更
-  PackageAssign = '/package-management/package-assign', // 单套餐分配
-  PackageAssignDetail = '/package-management/package-assign/detail', // 单套餐分配详情
-  SeriesAssign = '/package-management/series-assign', // 套餐系列分配
-  SeriesAssignDetail = '/package-management/series-assign/detail', // 套餐系列分配详情
+  SeriesGrants = '/package-management/series-grants', // 代理系列授权
+  SeriesGrantsDetail = '/package-management/series-grants/detail', // 代理系列授权详情
   PackageSeries = '/package-management/package-series', // 套餐系列
   PackageSeriesDetail = '/package-management/package-series/detail', // 套餐系列详情
   PackageCommission = '/package-management/package-commission', // 套餐佣金网卡
diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index 7f11054..05c0a85 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -200,93 +200,58 @@ export interface SeriesSelectOption {
   series_code: string
 }
 
-// ==================== 单套餐分配 ====================
+// ==================== 代理系列授权 (新接口) ====================
 
 /**
- * 单套餐分配响应
+ * 佣金梯度配置
  */
-export interface ShopPackageAllocationResponse {
-  id: number
+export interface CommissionTier {
+  operator: '>=' // 运算符
+  threshold: number // 阈值
+  amount: number // 佣金金额（分）
+}
+
+/**
+ * 套餐信息（用于系列授权）
+ */
+export interface GrantPackageInfo {
   package_id: number
-  package_code: string
-  package_name: string
-  series_id: number // 套餐系列ID
-  series_name: string // 套餐系列名称
+  package_name?: string
+  package_code?: string
+  cost_price: number // 成本价（分）
+  shelf_status?: number // 上架状态
+  status?: number // 状态
+}
+
+/**
+ * 代理系列授权响应
+ */
+export interface ShopSeriesGrantResponse {
+  id: number
   shop_id: number
   shop_name: string
-  allocator_shop_id: number // 分配者店铺ID，0表示平台分配
-  allocator_shop_name: string // 分配者店铺名称
-  series_allocation_id?: number | null // 关联的系列分配ID（可空）
-  cost_price: number // 该代理的成本价（分）
-  status: number // 1:启用, 2:禁用
-  created_at: string
-  updated_at: string
-}
-
-/**
- * 单套餐分配查询参数
- */
-export interface ShopPackageAllocationQueryParams extends PaginationParams {
-  shop_id?: number // 店铺ID筛选
-  package_id?: number // 套餐ID筛选
-  series_allocation_id?: number // 系列分配ID筛选
-  allocator_shop_id?: number // 分配者店铺ID筛选
-  status?: number // 状态筛选
-}
-
-/**
- * 创建单套餐分配请求
- */
-export interface CreateShopPackageAllocationRequest {
-  package_id: number // 套餐ID，必填
-  shop_id: number // 店铺ID，必填
-  cost_price: number // 覆盖的成本价（分），必填
-}
-
-/**
- * 更新单套餐分配请求
- */
-export interface UpdateShopPackageAllocationRequest {
-  cost_price: number // 只允许修改成本价
-}
-
-/**
- * 更新单套餐分配状态请求
- */
-export interface UpdateShopPackageAllocationStatusRequest {
-  status: number // 1:启用, 2:禁用
-}
-
-// ==================== 套餐系列分配 ====================
-
-/**
- * 套餐系列分配响应
- */
-export interface ShopSeriesAllocationResponse {
-  id: number
   series_id: number
   series_name: string
-  series_code: string // 套餐系列编码
-  shop_id: number
-  shop_name: string
-  allocator_shop_id: number // 分配者店铺ID，0表示平台分配
+  series_code?: string
+  commission_type: 'fixed' | 'tiered' // 佣金类型：固定或梯度
+  one_time_commission_amount: number // 固定佣金金额（分）
+  commission_tiers: CommissionTier[] // 梯度配置列表
+  force_recharge_locked: boolean // 是否被平台锁定（true时前端只读）
+  force_recharge_enabled: boolean // 是否启用强充
+  force_recharge_amount: number // 强充金额（分）
+  allocator_shop_id: number // 分配者店铺ID，0表示平台
   allocator_shop_name: string // 分配者店铺名称
-  enable_one_time_commission: boolean // 是否启用一次性佣金
-  one_time_commission_amount: number // 该代理能拿的一次性佣金金额上限（分）
-  one_time_commission_threshold?: number // 一次性佣金触发阈值（分）
-  one_time_commission_trigger?: 'first_recharge' | 'accumulated_recharge' // 一次性佣金触发类型
-  enable_force_recharge: boolean // 是否启用强制充值
-  force_recharge_amount?: number // 强制充值金额（分）
-  force_recharge_trigger_type?: 1 | 2 // 强充触发类型：1(单次充值)、2(累计充值)
+  package_count?: number // 套餐数量
+  packages?: GrantPackageInfo[] // 套餐列表
   status: number // 1:启用, 2:禁用
   created_at: string
-  updated_at: string
+  updated_at?: string
 }
 
 /**
- * 套餐系列分配查询参数
+ * 代理系列授权查询参数
  */
-export interface ShopSeriesAllocationQueryParams extends PaginationParams {
+export interface ShopSeriesGrantQueryParams extends PaginationParams {
   shop_id?: number // 店铺ID筛选
   series_id?: number // 系列ID筛选
   allocator_shop_id?: number // 分配者店铺ID筛选
@@ -294,37 +259,40 @@ export interface ShopSeriesAllocationQueryParams extends PaginationParams {
 }
 
 /**
- * 创建套餐系列分配请求
+ * 创建代理系列授权请求
  */
-export interface CreateShopSeriesAllocationRequest {
-  series_id: number // 套餐系列ID，必填
+export interface CreateShopSeriesGrantRequest {
   shop_id: number // 店铺ID，必填
-  one_time_commission_amount: number // 一次性佣金金额上限（分），必填
-  enable_one_time_commission?: boolean // 是否启用一次性佣金，可选
-  one_time_commission_threshold?: number // 一次性佣金触发阈值（分），可选
-  one_time_commission_trigger?: 'first_recharge' | 'accumulated_recharge' // 一次性佣金触发类型，可选
-  enable_force_recharge?: boolean // 是否启用强制充值，可选
-  force_recharge_amount?: number // 强制充值金额（分），可选
-  force_recharge_trigger_type?: 1 | 2 // 强充触发类型，可选
+  series_id: number // 系列ID，必填
+  one_time_commission_amount?: number // 固定佣金金额（分），固定模式时必填
+  commission_tiers?: CommissionTier[] // 梯度配置列表，梯度模式时必填
+  enable_force_recharge?: boolean // 是否启用强充
+  force_recharge_amount?: number // 强充金额（分）
+  packages?: GrantPackageInfo[] // 套餐列表
 }
 
 /**
- * 更新套餐系列分配请求
+ * 更新代理系列授权请求
  */
-export interface UpdateShopSeriesAllocationRequest {
-  enable_one_time_commission?: boolean // 是否启用一次性佣金
-  one_time_commission_amount?: number // 一次性佣金金额上限（分）
-  one_time_commission_threshold?: number // 一次性佣金触发阈值（分）
-  one_time_commission_trigger?: 'first_recharge' | 'accumulated_recharge' // 一次性佣金触发类型
-  enable_force_recharge?: boolean // 是否启用强制充值
-  force_recharge_amount?: number // 强制充值金额（分）
-  force_recharge_trigger_type?: 1 | 2 // 强充触发类型
-  status?: number // 状态
+export interface UpdateShopSeriesGrantRequest {
+  one_time_commission_amount?: number // 固定佣金金额（分）
+  commission_tiers?: CommissionTier[] // 梯度配置列表
+  enable_force_recharge?: boolean // 是否启用强充（force_recharge_locked=true时忽略）
+  force_recharge_amount?: number // 强充金额（分）
 }
 
 /**
- * 更新套餐系列分配状态请求
+ * 管理套餐请求中的套餐项
  */
-export interface UpdateShopSeriesAllocationStatusRequest {
-  status: number // 1:启用, 2:禁用
+export interface GrantPackageItem {
+  package_id?: number // 套餐ID
+  cost_price?: number // 成本价（分）
+  remove?: boolean | null // 是否删除该套餐授权（true=删除）
+}
+
+/**
+ * 管理套餐请求
+ */
+export interface ManageGrantPackagesRequest {
+  packages?: GrantPackageItem[] | null // 套餐操作列表
 }
diff --git a/src/views/package-management/package-assign/detail.vue b/src/views/package-management/package-assign/detail.vue
deleted file mode 100644
index 4464a69..0000000
--- a/src/views/package-management/package-assign/detail.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-  <div class="package-assign-detail">
-    <ElCard shadow="never">
-      <!-- 页面头部 -->
-      <div class="detail-header">
-        <ElButton @click="handleBack">
-          <template #icon>
-            <ElIcon><ArrowLeft /></ElIcon>
-          </template>
-          返回
-        </ElButton>
-        <h2 class="detail-title">套餐分配详情</h2>
-      </div>
-
-      <!-- 详情内容 -->
-      <DetailPage v-if="detailData" :sections="detailSections" :data="detailData" />
-
-      <!-- 加载中 -->
-      <div v-if="loading" class="loading-container">
-        <ElIcon class="is-loading"><Loading /></ElIcon>
-        <span>加载中...</span>
-      </div>
-    </ElCard>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, onMounted } from 'vue'
-  import { useRoute, useRouter } from 'vue-router'
-  import { ElCard, ElButton, ElIcon, ElMessage } from 'element-plus'
-  import { ArrowLeft, Loading } from '@element-plus/icons-vue'
-  import DetailPage from '@/components/common/DetailPage.vue'
-  import type { DetailSection } from '@/components/common/DetailPage.vue'
-  import { ShopPackageAllocationService } from '@/api/modules'
-  import type { ShopPackageAllocationResponse } from '@/types/api'
-  import { formatDateTime } from '@/utils/business/format'
-
-  defineOptions({ name: 'PackageAssignDetail' })
-
-  const route = useRoute()
-  const router = useRouter()
-
-  const loading = ref(false)
-  const detailData = ref<ShopPackageAllocationResponse | null>(null)
-
-  // 详情页配置
-  const detailSections: DetailSection[] = [
-    {
-      title: '基本信息',
-      fields: [
-        { label: 'ID', prop: 'id' },
-        { label: '套餐编码', prop: 'package_code' },
-        { label: '套餐名称', prop: 'package_name' },
-        { label: '系列名称', prop: 'series_name' },
-        { label: '被分配店铺', prop: 'shop_name' },
-        {
-          label: '分配者店铺',
-          formatter: (_, data) => {
-            if (data.allocator_shop_id === 0) {
-              return '平台'
-            }
-            return data.allocator_shop_name || '-'
-          }
-        },
-        {
-          label: '成本价',
-          formatter: (_, data) => {
-            return `¥${(data.cost_price / 100).toFixed(2)}`
-          }
-        },
-        {
-          label: '状态',
-          formatter: (_, data) => {
-            return data.status === 1 ? '启用' : '禁用'
-          }
-        },
-        { label: '创建时间', prop: 'created_at', formatter: (value) => formatDateTime(value) },
-        { label: '更新时间', prop: 'updated_at', formatter: (value) => formatDateTime(value) }
-      ]
-    }
-  ]
-
-  // 返回上一页
-  const handleBack = () => {
-    router.back()
-  }
-
-  // 获取详情数据
-  const fetchDetail = async () => {
-    const id = Number(route.params.id)
-    if (!id) {
-      ElMessage.error('缺少ID参数')
-      return
-    }
-
-    loading.value = true
-    try {
-      const res = await ShopPackageAllocationService.getShopPackageAllocationDetail(id)
-      if (res.code === 0) {
-        detailData.value = res.data
-      }
-    } catch (error) {
-      console.error(error)
-      ElMessage.error('获取详情失败')
-    } finally {
-      loading.value = false
-    }
-  }
-
-  onMounted(() => {
-    fetchDetail()
-  })
-</script>
-
-<style scoped lang="scss">
-  .package-assign-detail {
-    padding: 20px;
-  }
-
-  .detail-header {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    padding-bottom: 16px;
-
-    .detail-title {
-      margin: 0;
-      font-size: 20px;
-      font-weight: 600;
-      color: var(--el-text-color-primary);
-    }
-  }
-
-  .loading-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 60px 20px;
-    gap: 12px;
-    color: var(--el-text-color-secondary);
-
-    .el-icon {
-      font-size: 32px;
-    }
-  }
-</style>
diff --git a/src/views/package-management/package-assign/index.vue b/src/views/package-management/package-assign/index.vue
deleted file mode 100644
index b185d47..0000000
--- a/src/views/package-management/package-assign/index.vue
+++ /dev/null
@@ -1,891 +0,0 @@
-<template>
-  <ArtTableFullScreen>
-    <div class="package-assign-page" id="table-full-screen">
-      <!-- 搜索栏 -->
-      <ArtSearchBar
-        v-model:filter="searchForm"
-        :items="searchFormItems"
-        :show-expand="true"
-        label-width="85"
-        @reset="handleReset"
-        @search="handleSearch"
-      ></ArtSearchBar>
-
-      <ElCard shadow="never" class="art-table-card">
-        <!-- 表格头部 -->
-        <ArtTableHeader
-          :columnList="columnOptions"
-          v-model:columns="columnChecks"
-          @refresh="handleRefresh"
-        >
-          <template #left>
-            <ElButton type="primary" @click="showDialog('add')" v-permission="'package_assign:add'"
-              >新增分配</ElButton
-            >
-          </template>
-        </ArtTableHeader>
-
-        <!-- 表格 -->
-        <ArtTable
-          ref="tableRef"
-          row-key="id"
-          :loading="loading"
-          :data="allocationList"
-          :currentPage="pagination.page"
-          :pageSize="pagination.page_size"
-          :total="pagination.total"
-          :marginTop="10"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          @row-contextmenu="handleRowContextMenu"
-        >
-          <template #default>
-            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
-          </template>
-        </ArtTable>
-
-        <!-- 右键菜单 -->
-        <ArtMenuRight
-          ref="contextMenuRef"
-          :menu-items="contextMenuItems"
-          :menu-width="120"
-          @select="handleContextMenuSelect"
-        />
-
-        <!-- 新增/编辑对话框 -->
-        <ElDialog
-          v-model="dialogVisible"
-          :title="dialogType === 'add' ? '新增分配' : '编辑分配'"
-          width="30%"
-          :close-on-click-modal="false"
-          @closed="handleDialogClosed"
-        >
-          <ElForm ref="formRef" :model="form" :rules="rules" label-width="90px">
-            <ElFormItem label="选择套餐" prop="package_id" v-if="dialogType === 'add'">
-              <ElSelect
-                v-model="form.package_id"
-                placeholder="请选择套餐"
-                style="width: 100%"
-                filterable
-                remote
-                :remote-method="searchPackage"
-                :loading="packageLoading"
-                clearable
-                @change="handlePackageChange"
-              >
-                <ElOption
-                  v-for="pkg in packageOptions"
-                  :key="pkg.id"
-                  :label="`${pkg.package_name} (${pkg.series_name})`"
-                  :value="pkg.id"
-                />
-              </ElSelect>
-            </ElFormItem>
-            <ElFormItem label="选择店铺" prop="shop_id" v-if="dialogType === 'add'">
-              <ElTreeSelect
-                v-model="form.shop_id"
-                :data="shopTreeData"
-                :props="{ label: 'shop_name', value: 'id', children: 'children' }"
-                placeholder="请选择店铺"
-                style="width: 100%"
-                filterable
-                clearable
-                :loading="shopLoading"
-                check-strictly
-                :render-after-expand="false"
-              />
-            </ElFormItem>
-            <ElFormItem label="成本价(元)" prop="cost_price">
-              <ElInputNumber
-                v-model="form.cost_price"
-                :min="0"
-                :precision="2"
-                :step="0.01"
-                :controls="false"
-                style="width: 100%"
-                placeholder="请输入成本价"
-              />
-            </ElFormItem>
-          </ElForm>
-          <template #footer>
-            <div class="dialog-footer">
-              <ElButton @click="dialogVisible = false">取消</ElButton>
-              <ElButton type="primary" @click="handleSubmit(formRef)" :loading="submitLoading">
-                提交
-              </ElButton>
-            </div>
-          </template>
-        </ElDialog>
-      </ElCard>
-    </div>
-  </ArtTableFullScreen>
-</template>
-
-<script setup lang="ts">
-  import { h } from 'vue'
-  import { useRouter } from 'vue-router'
-  import {
-    ShopPackageAllocationService,
-    PackageManageService,
-    ShopService,
-    ShopSeriesAllocationService
-  } from '@/api/modules'
-  import { ElMessage, ElMessageBox, ElSwitch } from 'element-plus'
-  import type { FormInstance, FormRules } from 'element-plus'
-  import type { ShopPackageAllocationResponse, PackageResponse, ShopResponse } from '@/types/api'
-  import type { SearchFormItem } from '@/types'
-  import { useCheckedColumns } from '@/composables/useCheckedColumns'
-  import { useAuth } from '@/composables/useAuth'
-  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
-  import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
-  import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
-  import { formatDateTime } from '@/utils/business/format'
-  import { RoutesAlias } from '@/router/routesAlias'
-  import {
-    CommonStatus,
-    getStatusText,
-    frontendStatusToApi,
-    apiStatusToFrontend
-  } from '@/config/constants'
-
-  defineOptions({ name: 'PackageAssign' })
-
-  const { hasAuth } = useAuth()
-  const router = useRouter()
-
-  const dialogVisible = ref(false)
-  const loading = ref(false)
-  const submitLoading = ref(false)
-  const packageLoading = ref(false)
-  const shopLoading = ref(false)
-  const tableRef = ref()
-  const formRef = ref<FormInstance>()
-  const contextMenuRef = ref<InstanceType<typeof ArtMenuRight>>()
-  const currentRow = ref<ShopPackageAllocationResponse | null>(null)
-  const packageOptions = ref<PackageResponse[]>([])
-  const shopOptions = ref<ShopResponse[]>([])
-  const shopTreeData = ref<ShopResponse[]>([])
-  const searchPackageOptions = ref<PackageResponse[]>([])
-  const searchShopOptions = ref<ShopResponse[]>([])
-  const searchAllocatorShopOptions = ref<ShopResponse[]>([])
-  const searchSeriesAllocationOptions = ref<any[]>([])
-
-  // 搜索表单初始值
-  const initialSearchState = {
-    shop_id: undefined as number | undefined,
-    package_id: undefined as number | undefined,
-    series_allocation_id: undefined as number | undefined,
-    allocator_shop_id: undefined as number | undefined,
-    status: undefined as number | undefined
-  }
-
-  // 搜索表单
-  const searchForm = reactive({ ...initialSearchState })
-
-  // 搜索表单配置
-  const searchFormItems = computed<SearchFormItem[]>(() => [
-    {
-      label: '被分配店铺',
-      prop: 'shop_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchShop,
-        loading: shopLoading.value,
-        placeholder: '请选择或搜索店铺'
-      },
-      options: () =>
-        searchShopOptions.value.map((s) => ({
-          label: s.shop_name,
-          value: s.id
-        }))
-    },
-    {
-      label: '套餐',
-      prop: 'package_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchPackage,
-        loading: packageLoading.value,
-        placeholder: '请选择或搜索套餐'
-      },
-      options: () =>
-        searchPackageOptions.value.map((p) => ({
-          label: p.package_name,
-          value: p.id
-        }))
-    },
-    {
-      label: '系列分配',
-      prop: 'series_allocation_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchSeriesAllocation,
-        loading: loading.value,
-        placeholder: '请选择或搜索系列分配'
-      },
-      options: () =>
-        searchSeriesAllocationOptions.value.map((s) => ({
-          label: `${s.series_name} - ${s.shop_name}`,
-          value: s.id
-        }))
-    },
-    {
-      label: '分配者店铺',
-      prop: 'allocator_shop_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchAllocatorShop,
-        loading: shopLoading.value,
-        placeholder: '请选择或搜索分配者店铺'
-      },
-      options: () => [
-        { label: '平台', value: 0 },
-        ...searchAllocatorShopOptions.value.map((s) => ({
-          label: s.shop_name,
-          value: s.id
-        }))
-      ]
-    },
-    {
-      label: '状态',
-      prop: 'status',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '请选择状态'
-      },
-      options: () => [
-        { label: '启用', value: 1 },
-        { label: '禁用', value: 2 }
-      ]
-    }
-  ])
-
-  // 分页
-  const pagination = reactive({
-    page: 1,
-    page_size: 20,
-    total: 0
-  })
-
-  // 列配置
-  const columnOptions = [
-    { label: '套餐编码', prop: 'package_code' },
-    { label: '套餐名称', prop: 'package_name' },
-    { label: '系列名称', prop: 'series_name' },
-    { label: '被分配店铺', prop: 'shop_name' },
-    { label: '分配者', prop: 'allocator_shop_name' },
-    { label: '成本价', prop: 'cost_price' },
-    { label: '状态', prop: 'status' },
-    { label: '创建时间', prop: 'created_at' }
-  ]
-
-  // 表单验证规则
-  const rules = reactive<FormRules>({
-    package_id: [{ required: true, message: '请选择套餐', trigger: 'change' }],
-    shop_id: [{ required: true, message: '请选择店铺', trigger: 'change' }],
-    cost_price: [
-      { required: true, message: '请输入成本价', trigger: 'blur' },
-      {
-        validator: (rule: any, value: any, callback: any) => {
-          if (value === undefined || value === null || value === '') {
-            callback(new Error('请输入成本价'))
-          } else if (form.package_base_price && value < form.package_base_price / 100) {
-            callback(
-              new Error(`成本价不能低于套餐价格 ¥${(form.package_base_price / 100).toFixed(2)}`)
-            )
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ]
-  })
-
-  // 表单数据
-  const form = reactive<any>({
-    id: 0,
-    package_id: undefined,
-    shop_id: undefined,
-    cost_price: 0,
-    package_base_price: 0 // 存储选中套餐的成本价，用于验证
-  })
-
-  const allocationList = ref<ShopPackageAllocationResponse[]>([])
-  const dialogType = ref('add')
-
-  // 动态列配置
-  const { columnChecks, columns } = useCheckedColumns(() => [
-    {
-      prop: 'package_code',
-      label: '套餐编码',
-      minWidth: 200,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'package_name',
-      label: '套餐名称',
-      minWidth: 180
-    },
-    {
-      prop: 'series_name',
-      label: '系列名称',
-      minWidth: 150
-    },
-    {
-      prop: 'shop_name',
-      label: '被分配店铺',
-      minWidth: 180
-    },
-    {
-      prop: 'allocator_shop_name',
-      label: '分配者',
-      formatter: (row: ShopPackageAllocationResponse) => {
-        // 如果是平台分配(allocator_shop_id为0)，显示"平台"标签
-        if (row.allocator_shop_id === 0) {
-          return h(
-            'span',
-            { style: 'color: #409eff; font-weight: bold' },
-            row.allocator_shop_name || '平台'
-          )
-        }
-        return row.allocator_shop_name
-      }
-    },
-    {
-      prop: 'cost_price',
-      label: '成本价',
-      width: 100,
-      formatter: (row: ShopPackageAllocationResponse) => {
-        return h(
-          'span',
-          { style: 'color: #f56c6c; font-weight: bold' },
-          `¥${(row.cost_price / 100).toFixed(2)}`
-        )
-      }
-    },
-    {
-      prop: 'status',
-      label: '状态',
-      width: 100,
-      formatter: (row: ShopPackageAllocationResponse) => {
-        const frontendStatus = apiStatusToFrontend(row.status)
-        return h(ElSwitch, {
-          modelValue: frontendStatus,
-          activeValue: CommonStatus.ENABLED,
-          inactiveValue: CommonStatus.DISABLED,
-          activeText: getStatusText(CommonStatus.ENABLED),
-          inactiveText: getStatusText(CommonStatus.DISABLED),
-          inlinePrompt: true,
-          disabled: !hasAuth('package_assign:update_status'),
-          'onUpdate:modelValue': (val: string | number | boolean) =>
-            handleStatusChange(row, val as number)
-        })
-      }
-    },
-    {
-      prop: 'created_at',
-      label: '创建时间',
-      width: 180,
-      formatter: (row: ShopPackageAllocationResponse) => formatDateTime(row.created_at)
-    }
-  ])
-
-  // 右键菜单项配置
-  const contextMenuItems = computed((): MenuItemType[] => {
-    const items: MenuItemType[] = []
-
-    if (hasAuth('package_assign:detail')) {
-      items.push({
-        key: 'detail',
-        label: '详情'
-      })
-    }
-
-    if (hasAuth('package_assign:edit')) {
-      items.push({
-        key: 'edit',
-        label: '编辑'
-      })
-    }
-
-    if (hasAuth('package_assign:delete')) {
-      items.push({
-        key: 'delete',
-        label: '删除'
-      })
-    }
-
-    return items
-  })
-
-  // 构建树形结构数据
-  const buildTreeData = (items: ShopResponse[]) => {
-    const map = new Map<number, ShopResponse & { children?: ShopResponse[] }>()
-    const tree: ShopResponse[] = []
-
-    // 先将所有项放入 map
-    items.forEach((item) => {
-      map.set(item.id, { ...item, children: [] })
-    })
-
-    // 构建树形结构
-    items.forEach((item) => {
-      const node = map.get(item.id)!
-      if (item.parent_id && map.has(item.parent_id)) {
-        // 有父节点,添加到父节点的 children 中
-        const parent = map.get(item.parent_id)!
-        if (!parent.children) parent.children = []
-        parent.children.push(node)
-      } else {
-        // 没有父节点或父节点不存在,作为根节点
-        tree.push(node)
-      }
-    })
-
-    return tree
-  }
-
-  onMounted(() => {
-    loadPackageOptions()
-    loadShopOptions()
-    loadSearchPackageOptions()
-    loadSearchShopOptions()
-    loadSearchAllocatorShopOptions()
-    loadSearchSeriesAllocationOptions()
-    getTableData()
-  })
-
-  // 加载套餐选项（用于新增对话框,默认加载10条）
-  const loadPackageOptions = async (packageName?: string) => {
-    packageLoading.value = true
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 10
-      }
-      if (packageName) {
-        params.package_name = packageName
-      }
-      const res = await PackageManageService.getPackages(params)
-      if (res.code === 0) {
-        packageOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载套餐选项失败:', error)
-    } finally {
-      packageLoading.value = false
-    }
-  }
-
-  // 加载店铺选项（用于新增对话框，加载所有店铺并构建树形结构）
-  const loadShopOptions = async () => {
-    shopLoading.value = true
-    try {
-      // 加载所有店铺，不分页
-      const res = await ShopService.getShops({
-        page: 1,
-        page_size: 10000 // 使用较大的值获取所有店铺
-      })
-      if (res.code === 0) {
-        shopOptions.value = res.data.items
-        // 构建树形结构数据
-        shopTreeData.value = buildTreeData(shopOptions.value)
-      }
-    } catch (error) {
-      console.error('加载店铺选项失败:', error)
-    } finally {
-      shopLoading.value = false
-    }
-  }
-
-  // 加载搜索栏套餐选项(默认加载10条)
-  const loadSearchPackageOptions = async () => {
-    try {
-      const res = await PackageManageService.getPackages({
-        page: 1,
-        page_size: 10
-      })
-      if (res.code === 0) {
-        searchPackageOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载搜索栏套餐选项失败:', error)
-    }
-  }
-
-  // 加载搜索栏店铺选项(默认加载10条)
-  const loadSearchShopOptions = async () => {
-    try {
-      const res = await ShopService.getShops({ page: 1, page_size: 10 })
-      if (res.code === 0) {
-        searchShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载搜索栏店铺选项失败:', error)
-    }
-  }
-
-  // 搜索套餐(用于新增对话框)
-  const searchPackage = (query: string) => {
-    if (query) {
-      loadPackageOptions(query)
-    } else {
-      loadPackageOptions()
-    }
-  }
-
-  // 搜索套餐(用于搜索栏)
-  const handleSearchPackage = async (query: string) => {
-    if (!query) {
-      loadSearchPackageOptions()
-      return
-    }
-    try {
-      const res = await PackageManageService.getPackages({
-        page: 1,
-        page_size: 10,
-        package_name: query
-      })
-      if (res.code === 0) {
-        searchPackageOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索套餐失败:', error)
-    }
-  }
-
-  // 搜索店铺(用于搜索栏)
-  const handleSearchShop = async (query: string) => {
-    if (!query) {
-      loadSearchShopOptions()
-      return
-    }
-    try {
-      const res = await ShopService.getShops({
-        page: 1,
-        page_size: 10,
-        shop_name: query
-      })
-      if (res.code === 0) {
-        searchShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索店铺失败:', error)
-    }
-  }
-
-  // 加载搜索栏分配者店铺选项(默认加载10条)
-  const loadSearchAllocatorShopOptions = async () => {
-    try {
-      const res = await ShopService.getShops({ page: 1, page_size: 10 })
-      if (res.code === 0) {
-        searchAllocatorShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载搜索栏分配者店铺选项失败:', error)
-    }
-  }
-
-  // 搜索分配者店铺(用于搜索栏)
-  const handleSearchAllocatorShop = async (query: string) => {
-    if (!query) {
-      loadSearchAllocatorShopOptions()
-      return
-    }
-    try {
-      const res = await ShopService.getShops({
-        page: 1,
-        page_size: 10,
-        shop_name: query
-      })
-      if (res.code === 0) {
-        searchAllocatorShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索分配者店铺失败:', error)
-    }
-  }
-
-  // 加载搜索栏系列分配选项(默认加载10条)
-  const loadSearchSeriesAllocationOptions = async () => {
-    try {
-      const res = await ShopSeriesAllocationService.getShopSeriesAllocations({
-        page: 1,
-        page_size: 10
-      })
-      if (res.code === 0) {
-        searchSeriesAllocationOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载搜索栏系列分配选项失败:', error)
-    }
-  }
-
-  // 搜索系列分配(用于搜索栏)
-  const handleSearchSeriesAllocation = async (query: string) => {
-    if (!query) {
-      loadSearchSeriesAllocationOptions()
-      return
-    }
-    try {
-      const res = await ShopSeriesAllocationService.getShopSeriesAllocations({
-        page: 1,
-        page_size: 10,
-        series_name: query
-      })
-      if (res.code === 0) {
-        searchSeriesAllocationOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索系列分配失败:', error)
-    }
-  }
-
-  // 获取分配列表
-  const getTableData = async () => {
-    loading.value = true
-    try {
-      const params = {
-        page: pagination.page,
-        page_size: pagination.page_size,
-        shop_id: searchForm.shop_id || undefined,
-        package_id: searchForm.package_id || undefined,
-        series_allocation_id: searchForm.series_allocation_id || undefined,
-        allocator_shop_id: searchForm.allocator_shop_id || undefined,
-        status: searchForm.status || undefined
-      }
-      const res = await ShopPackageAllocationService.getShopPackageAllocations(params)
-      if (res.code === 0) {
-        allocationList.value = res.data.items
-        pagination.total = res.data.total || 0
-      }
-    } catch (error) {
-      console.error(error)
-      ElMessage.error('获取分配列表失败')
-    } finally {
-      loading.value = false
-    }
-  }
-
-  // 重置搜索
-  const handleReset = () => {
-    Object.assign(searchForm, { ...initialSearchState })
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 搜索
-  const handleSearch = () => {
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 刷新表格
-  const handleRefresh = () => {
-    getTableData()
-  }
-
-  // 处理表格分页变化
-  const handleSizeChange = (newPageSize: number) => {
-    pagination.page_size = newPageSize
-    getTableData()
-  }
-
-  const handleCurrentChange = (newCurrentPage: number) => {
-    pagination.page = newCurrentPage
-    getTableData()
-  }
-
-  // 显示新增/编辑对话框
-  const showDialog = (type: string, row?: ShopPackageAllocationResponse) => {
-    dialogVisible.value = true
-    dialogType.value = type
-
-    if (type === 'edit' && row) {
-      form.id = row.id
-      form.package_id = row.package_id
-      form.shop_id = row.shop_id
-      form.cost_price = row.cost_price / 100 // 转换为元显示
-      form.package_base_price = 0
-    } else {
-      form.id = 0
-      form.package_id = undefined
-      form.shop_id = undefined
-      form.cost_price = 0
-      form.package_base_price = 0
-    }
-
-    // 重置表单验证状态
-    nextTick(() => {
-      formRef.value?.clearValidate()
-    })
-  }
-
-  // 处理套餐选择变化
-  const handlePackageChange = (packageId: number | undefined) => {
-    if (packageId) {
-      // 从套餐选项中找到选中的套餐
-      const selectedPackage = packageOptions.value.find((pkg) => pkg.id === packageId)
-      if (selectedPackage) {
-        // 将套餐的成本价(分)转换为元显示
-        form.cost_price = selectedPackage.cost_price / 100
-        form.package_base_price = selectedPackage.cost_price // 保持原始值(分)用于验证
-      }
-    } else {
-      // 清空时重置成本价
-      form.cost_price = 0
-      form.package_base_price = 0
-    }
-  }
-
-  // 处理弹窗关闭事件
-  const handleDialogClosed = () => {
-    // 清除表单验证状态
-    formRef.value?.clearValidate()
-    // 重置表单数据
-    form.id = 0
-    form.package_id = undefined
-    form.shop_id = undefined
-    form.cost_price = 0
-    form.package_base_price = 0
-  }
-
-  // 删除分配
-  const deleteAllocation = (row: ShopPackageAllocationResponse) => {
-    ElMessageBox.confirm(
-      `确定删除套餐 ${row.package_name} 对店铺 ${row.shop_name} 的分配吗？`,
-      '删除确认',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'error'
-      }
-    )
-      .then(async () => {
-        try {
-          await ShopPackageAllocationService.deleteShopPackageAllocation(row.id)
-          ElMessage.success('删除成功')
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        }
-      })
-      .catch(() => {
-        // 用户取消删除
-      })
-  }
-
-  // 提交表单
-  const handleSubmit = async (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-
-    await formEl.validate(async (valid) => {
-      if (valid) {
-        submitLoading.value = true
-        try {
-          // 将元转换为分提交给后端
-          const costPriceInCents = Math.round(form.cost_price * 100)
-
-          const data = {
-            package_id: form.package_id,
-            shop_id: form.shop_id,
-            cost_price: costPriceInCents
-          }
-
-          if (dialogType.value === 'add') {
-            await ShopPackageAllocationService.createShopPackageAllocation(data)
-            ElMessage.success('新增成功')
-          } else {
-            await ShopPackageAllocationService.updateShopPackageAllocation(form.id, {
-              cost_price: costPriceInCents
-            })
-            ElMessage.success('修改成功')
-          }
-
-          dialogVisible.value = false
-          formEl.resetFields()
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        } finally {
-          submitLoading.value = false
-        }
-      }
-    })
-  }
-
-  // 状态切换
-  const handleStatusChange = async (
-    row: ShopPackageAllocationResponse,
-    newFrontendStatus: number
-  ) => {
-    const oldStatus = row.status
-    const newApiStatus = frontendStatusToApi(newFrontendStatus)
-    row.status = newApiStatus
-    try {
-      await ShopPackageAllocationService.updateShopPackageAllocationStatus(row.id, newApiStatus)
-      ElMessage.success('状态切换成功')
-    } catch (error) {
-      row.status = oldStatus
-      console.error(error)
-    }
-  }
-
-  // 查看详情
-  const handleViewDetail = (row: ShopPackageAllocationResponse) => {
-    router.push(`${RoutesAlias.PackageAssignDetail}/${row.id}`)
-  }
-
-  // 处理表格行右键菜单
-  const handleRowContextMenu = (
-    row: ShopPackageAllocationResponse,
-    column: any,
-    event: MouseEvent
-  ) => {
-    event.preventDefault()
-    event.stopPropagation()
-    currentRow.value = row
-    contextMenuRef.value?.show(event)
-  }
-
-  // 处理右键菜单选择
-  const handleContextMenuSelect = (item: MenuItemType) => {
-    if (!currentRow.value) return
-
-    switch (item.key) {
-      case 'detail':
-        handleViewDetail(currentRow.value)
-        break
-      case 'edit':
-        showDialog('edit', currentRow.value)
-        break
-      case 'delete':
-        deleteAllocation(currentRow.value)
-        break
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  .package-assign-page {
-    // 可以添加特定样式
-  }
-
-  .dialog-footer {
-    text-align: right;
-  }
-</style>
diff --git a/src/views/package-management/series-assign/detail.vue b/src/views/package-management/series-assign/detail.vue
deleted file mode 100644
index 7b2a09c..0000000
--- a/src/views/package-management/series-assign/detail.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-  <div class="series-assign-detail">
-    <ElCard shadow="never">
-      <!-- 页面头部 -->
-      <div class="detail-header">
-        <ElButton @click="handleBack">
-          <template #icon>
-            <ElIcon><ArrowLeft /></ElIcon>
-          </template>
-          返回
-        </ElButton>
-        <h2 class="detail-title">系列分配详情</h2>
-      </div>
-
-      <!-- 详情内容 -->
-      <DetailPage v-if="detailData" :sections="detailSections" :data="detailData" />
-
-      <!-- 加载中 -->
-      <div v-if="loading" class="loading-container">
-        <ElIcon class="is-loading"><Loading /></ElIcon>
-        <span>加载中...</span>
-      </div>
-    </ElCard>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, onMounted, h } from 'vue'
-  import { useRoute, useRouter } from 'vue-router'
-  import { ElCard, ElButton, ElIcon, ElMessage, ElTag } from 'element-plus'
-  import { ArrowLeft, Loading } from '@element-plus/icons-vue'
-  import DetailPage from '@/components/common/DetailPage.vue'
-  import type { DetailSection } from '@/components/common/DetailPage.vue'
-  import { ShopSeriesAllocationService } from '@/api/modules'
-  import type { ShopSeriesAllocationResponse } from '@/types/api'
-  import { formatDateTime } from '@/utils/business/format'
-
-  defineOptions({ name: 'SeriesAssignDetail' })
-
-  const route = useRoute()
-  const router = useRouter()
-
-  const loading = ref(false)
-  const detailData = ref<ShopSeriesAllocationResponse | null>(null)
-
-  // 详情页配置
-  const detailSections: DetailSection[] = [
-    {
-      title: '基本信息',
-      fields: [
-        { label: 'ID', prop: 'id' },
-        { label: '系列编码', prop: 'series_code' },
-        { label: '系列名称', prop: 'series_name' },
-        { label: '店铺名称', prop: 'shop_name' },
-        {
-          label: '分配者店铺',
-          formatter: (_, data) => {
-            if (data.allocator_shop_id === 0) {
-              return '平台'
-            }
-            return data.allocator_shop_name || '-'
-          }
-        },
-        {
-          label: '状态',
-          formatter: (_, data) => {
-            return data.status === 1 ? '启用' : '禁用'
-          }
-        },
-        { label: '创建时间', prop: 'created_at', formatter: (value) => formatDateTime(value) },
-        { label: '更新时间', prop: 'updated_at', formatter: (value) => formatDateTime(value) }
-      ]
-    },
-    {
-      title: '一次性佣金配置',
-      fields: [
-        {
-          label: '启用状态',
-          formatter: (_, data) => {
-            return data.enable_one_time_commission ? '已启用' : '未启用'
-          }
-        },
-        {
-          label: '佣金金额上限',
-          formatter: (_, data) => {
-            if (!data.one_time_commission_amount) return '-'
-            return `¥${(data.one_time_commission_amount / 100).toFixed(2)}`
-          }
-        },
-        {
-          label: '触发阈值',
-          formatter: (_, data) => {
-            if (!data.one_time_commission_threshold) return '-'
-            return `¥${(data.one_time_commission_threshold / 100).toFixed(2)}`
-          }
-        },
-        {
-          label: '触发类型',
-          formatter: (_, data) => {
-            if (!data.one_time_commission_trigger) return '-'
-            const typeMap = {
-              first_recharge: '首次充值',
-              accumulated_recharge: '累计充值'
-            }
-            return typeMap[data.one_time_commission_trigger] || '-'
-          }
-        }
-      ]
-    },
-    {
-      title: '强制充值配置',
-      fields: [
-        {
-          label: '启用状态',
-          formatter: (_, data) => {
-            return data.enable_force_recharge ? '已启用' : '未启用'
-          }
-        },
-        {
-          label: '强充金额',
-          formatter: (_, data) => {
-            if (!data.force_recharge_amount) return '-'
-            return `¥${(data.force_recharge_amount / 100).toFixed(2)}`
-          }
-        },
-        {
-          label: '强充触发类型',
-          formatter: (_, data) => {
-            if (!data.force_recharge_trigger_type) return '-'
-            const typeMap = {
-              1: '单次充值',
-              2: '累计充值'
-            }
-            return typeMap[data.force_recharge_trigger_type] || '-'
-          }
-        }
-      ]
-    }
-  ]
-
-  // 返回上一页
-  const handleBack = () => {
-    router.back()
-  }
-
-  // 获取详情数据
-  const fetchDetail = async () => {
-    const id = Number(route.params.id)
-    if (!id) {
-      ElMessage.error('缺少ID参数')
-      return
-    }
-
-    loading.value = true
-    try {
-      const res = await ShopSeriesAllocationService.getShopSeriesAllocationDetail(id)
-      if (res.code === 0) {
-        detailData.value = res.data
-      }
-    } catch (error) {
-      console.error(error)
-      ElMessage.error('获取详情失败')
-    } finally {
-      loading.value = false
-    }
-  }
-
-  onMounted(() => {
-    fetchDetail()
-  })
-</script>
-
-<style scoped lang="scss">
-  .series-assign-detail {
-    padding: 20px;
-  }
-
-  .detail-header {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    padding-bottom: 16px;
-
-    .detail-title {
-      margin: 0;
-      font-size: 20px;
-      font-weight: 600;
-      color: var(--el-text-color-primary);
-    }
-  }
-
-  .loading-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 60px 20px;
-    gap: 12px;
-    color: var(--el-text-color-secondary);
-
-    .el-icon {
-      font-size: 32px;
-    }
-  }
-</style>
diff --git a/src/views/package-management/series-assign/index.vue b/src/views/package-management/series-assign/index.vue
deleted file mode 100644
index 753b4bd..0000000
--- a/src/views/package-management/series-assign/index.vue
+++ /dev/null
@@ -1,1090 +0,0 @@
-<template>
-  <ArtTableFullScreen>
-    <div class="series-assign-page" id="table-full-screen">
-      <!-- 搜索栏 -->
-      <ArtSearchBar
-        v-model:filter="searchForm"
-        :items="searchFormItems"
-        :show-expand="true"
-        label-width="85"
-        @reset="handleReset"
-        @search="handleSearch"
-      ></ArtSearchBar>
-
-      <ElCard shadow="never" class="art-table-card">
-        <!-- 表格头部 -->
-        <ArtTableHeader
-          :columnList="columnOptions"
-          v-model:columns="columnChecks"
-          @refresh="handleRefresh"
-        >
-          <template #left>
-            <ElButton type="primary" @click="showDialog('add')" v-permission="'series_assign:add'"
-              >新增系列分配</ElButton
-            >
-          </template>
-        </ArtTableHeader>
-
-        <!-- 表格 -->
-        <ArtTable
-          ref="tableRef"
-          row-key="id"
-          :loading="loading"
-          :data="allocationList"
-          :currentPage="pagination.page"
-          :pageSize="pagination.page_size"
-          :total="pagination.total"
-          :marginTop="10"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          @row-contextmenu="handleRowContextMenu"
-        >
-          <template #default>
-            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
-          </template>
-        </ArtTable>
-
-        <!-- 右键菜单 -->
-        <ArtMenuRight
-          ref="contextMenuRef"
-          :menu-items="contextMenuItems"
-          :menu-width="120"
-          @select="handleContextMenuSelect"
-        />
-
-        <!-- 新增/编辑对话框 -->
-        <ElDialog
-          v-model="dialogVisible"
-          :title="dialogType === 'add' ? '新增系列分配' : '编辑系列分配'"
-          width="35%"
-          :close-on-click-modal="false"
-          @closed="handleDialogClosed"
-        >
-          <ElForm ref="formRef" :model="form" :rules="rules" label-width="130px">
-            <!-- 基本信息 -->
-            <ElFormItem label="选择套餐系列" prop="series_id" v-if="dialogType === 'add'">
-              <ElSelect
-                v-model="form.series_id"
-                placeholder="请选择套餐系列"
-                style="width: 100%"
-                filterable
-                remote
-                :remote-method="searchSeries"
-                :loading="seriesLoading"
-                clearable
-              >
-                <ElOption
-                  v-for="series in seriesOptions"
-                  :key="series.id"
-                  :label="`${series.series_name} (${series.series_code})`"
-                  :value="series.id"
-                />
-              </ElSelect>
-            </ElFormItem>
-            <div v-if="dialogType === 'edit'" class="info-row">
-              <div class="info-item">
-                <span class="info-label">系列名称:</span>
-                <span class="info-value">{{ form.series_name || '-' }}</span>
-              </div>
-              <div class="info-item">
-                <span class="info-label">店铺名称:</span>
-                <span class="info-value">{{ form.shop_name || '-' }}</span>
-              </div>
-              <div class="info-item">
-                <span class="info-label">分配者店铺:</span>
-                <span class="info-value">{{ form.allocator_shop_name || '-' }}</span>
-              </div>
-            </div>
-            <ElFormItem label="选择店铺" prop="shop_id" v-if="dialogType === 'add'">
-              <ElTreeSelect
-                v-model="form.shop_id"
-                :data="shopTreeData"
-                :props="{ label: 'shop_name', value: 'id', children: 'children' }"
-                placeholder="请选择店铺"
-                style="width: 100%"
-                filterable
-                clearable
-                :loading="shopLoading"
-                check-strictly
-                :render-after-expand="false"
-              />
-            </ElFormItem>
-
-            <!-- 一次性佣金配置 -->
-            <div class="form-section-title">
-              <span class="title-text">一次性佣金配置</span>
-            </div>
-
-            <ElFormItem label="佣金金额上限(元)" prop="one_time_commission_amount">
-              <ElInputNumber
-                v-model="form.one_time_commission_amount"
-                :min="0"
-                :precision="2"
-                :step="0.01"
-                :controls="false"
-                style="width: 100%"
-                placeholder="请输入该代理能拿的一次性佣金金额上限(元)"
-              />
-              <div class="form-tip">该代理在此系列分配下能获得的一次性佣金金额上限（单位：元）</div>
-            </ElFormItem>
-
-            <ElFormItem label="启用一次性佣金">
-              <ElSwitch v-model="form.enable_one_time_commission" />
-            </ElFormItem>
-
-            <template v-if="form.enable_one_time_commission">
-              <ElFormItem label="触发阈值(元)" prop="one_time_commission_threshold">
-                <ElInputNumber
-                  v-model="form.one_time_commission_threshold"
-                  :min="0"
-                  :precision="2"
-                  :step="0.01"
-                  :controls="false"
-                  style="width: 100%"
-                  placeholder="请输入触发阈值(元)"
-                />
-                <div class="form-tip">达到此充值金额后触发一次性佣金</div>
-              </ElFormItem>
-
-              <ElFormItem label="触发类型" prop="one_time_commission_trigger">
-                <ElRadioGroup v-model="form.one_time_commission_trigger">
-                  <ElRadio value="first_recharge">首次充值</ElRadio>
-                  <ElRadio value="accumulated_recharge">累计充值</ElRadio>
-                </ElRadioGroup>
-              </ElFormItem>
-            </template>
-
-            <!-- 强制充值配置 -->
-            <div class="form-section-title">
-              <span class="title-text">强制充值配置（可选）</span>
-            </div>
-
-            <ElFormItem label="启用强制充值">
-              <ElSwitch v-model="form.enable_force_recharge" />
-            </ElFormItem>
-
-            <template v-if="form.enable_force_recharge">
-              <ElFormItem label="强充金额(元)" prop="force_recharge_amount">
-                <ElInputNumber
-                  v-model="form.force_recharge_amount"
-                  :min="0"
-                  :precision="2"
-                  :step="0.01"
-                  :controls="false"
-                  style="width: 100%"
-                  placeholder="请输入强制充值金额(元)"
-                />
-                <div class="form-tip">用户需要达到的强制充值金额</div>
-              </ElFormItem>
-
-              <ElFormItem label="强充触发类型" prop="force_recharge_trigger_type">
-                <ElRadioGroup v-model="form.force_recharge_trigger_type">
-                  <ElRadio :value="1">单次充值</ElRadio>
-                  <ElRadio :value="2">累计充值</ElRadio>
-                </ElRadioGroup>
-              </ElFormItem>
-            </template>
-          </ElForm>
-          <template #footer>
-            <div class="dialog-footer">
-              <ElButton @click="dialogVisible = false">取消</ElButton>
-              <ElButton type="primary" @click="handleSubmit(formRef)" :loading="submitLoading">
-                提交
-              </ElButton>
-            </div>
-          </template>
-        </ElDialog>
-      </ElCard>
-    </div>
-  </ArtTableFullScreen>
-</template>
-
-<script setup lang="ts">
-  import { h } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { ShopSeriesAllocationService, PackageSeriesService, ShopService } from '@/api/modules'
-  import { ElMessage, ElMessageBox, ElSwitch, ElTag } from 'element-plus'
-  import type { FormInstance, FormRules } from 'element-plus'
-  import type {
-    ShopSeriesAllocationResponse,
-    PackageSeriesResponse,
-    ShopResponse
-  } from '@/types/api'
-  import type { SearchFormItem } from '@/types'
-  import { useCheckedColumns } from '@/composables/useCheckedColumns'
-  import { useAuth } from '@/composables/useAuth'
-  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
-  import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
-  import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
-  import { formatDateTime } from '@/utils/business/format'
-  import {
-    CommonStatus,
-    getStatusText,
-    frontendStatusToApi,
-    apiStatusToFrontend
-  } from '@/config/constants'
-
-  defineOptions({ name: 'SeriesAssign' })
-
-  const { hasAuth } = useAuth()
-  const router = useRouter()
-
-  const dialogVisible = ref(false)
-  const loading = ref(false)
-  const submitLoading = ref(false)
-  const seriesLoading = ref(false)
-  const shopLoading = ref(false)
-  const tableRef = ref()
-  const formRef = ref<FormInstance>()
-  const contextMenuRef = ref<InstanceType<typeof ArtMenuRight>>()
-  const currentRow = ref<ShopSeriesAllocationResponse | null>(null)
-  const seriesOptions = ref<PackageSeriesResponse[]>([])
-  const shopOptions = ref<ShopResponse[]>([])
-  const shopTreeData = ref<ShopResponse[]>([])
-  const searchSeriesOptions = ref<PackageSeriesResponse[]>([])
-  const searchShopOptions = ref<ShopResponse[]>([])
-  const searchAllocatorShopOptions = ref<ShopResponse[]>([])
-
-  // 搜索表单初始值
-  const initialSearchState = {
-    shop_id: undefined as number | undefined,
-    series_id: undefined as number | undefined,
-    allocator_shop_id: undefined as number | undefined,
-    status: undefined as number | undefined
-  }
-
-  // 搜索表单
-  const searchForm = reactive({ ...initialSearchState })
-
-  // 搜索表单配置
-  const searchFormItems = computed<SearchFormItem[]>(() => [
-    {
-      label: '被分配店铺',
-      prop: 'shop_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchShop,
-        loading: shopLoading.value,
-        placeholder: '请选择或搜索被分配的店铺'
-      },
-      options: () =>
-        searchShopOptions.value.map((s) => ({
-          label: s.shop_name,
-          value: s.id
-        }))
-    },
-
-    {
-      label: '分配者店铺',
-      prop: 'allocator_shop_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchAllocatorShop,
-        loading: shopLoading.value,
-        placeholder: '请选择或搜索分配者店铺'
-      },
-      options: () => [
-        { label: '平台', value: 0 },
-        ...searchAllocatorShopOptions.value.map((s) => ({
-          label: s.shop_name,
-          value: s.id
-        }))
-      ]
-    },
-
-    {
-      label: '套餐系列',
-      prop: 'series_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchSeries,
-        loading: seriesLoading.value,
-        placeholder: '请选择或搜索套餐系列'
-      },
-      options: () =>
-        searchSeriesOptions.value.map((s) => ({
-          label: s.series_name,
-          value: s.id
-        }))
-    },
-
-    {
-      label: '状态',
-      prop: 'status',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '请选择状态'
-      },
-      options: () => [
-        { label: '启用', value: 1 },
-        { label: '禁用', value: 2 }
-      ]
-    }
-  ])
-
-  // 分页
-  const pagination = reactive({
-    page: 1,
-    page_size: 20,
-    total: 0
-  })
-
-  // 列配置
-  const columnOptions = [
-    { label: '系列编码', prop: 'series_code' },
-    { label: '系列名称', prop: 'series_name' },
-    { label: '店铺名称', prop: 'shop_name' },
-    { label: '分配者店铺', prop: 'allocator_shop_name' },
-    { label: '一次性佣金金额', prop: 'one_time_commission_amount' },
-    { label: '一次性佣金状态', prop: 'enable_one_time_commission' },
-    { label: '触发类型', prop: 'one_time_commission_trigger' },
-    { label: '触发阈值', prop: 'one_time_commission_threshold' },
-    { label: '强制充值', prop: 'enable_force_recharge' },
-    { label: '强充金额', prop: 'force_recharge_amount' },
-    { label: '强充触发类型', prop: 'force_recharge_trigger_type' },
-    { label: '状态', prop: 'status' },
-    { label: '创建时间', prop: 'created_at' }
-  ]
-
-  // 表单数据
-  const form = reactive<any>({
-    id: 0,
-    series_id: undefined,
-    shop_id: undefined,
-    series_name: '',
-    shop_name: '',
-    allocator_shop_name: '',
-    enable_one_time_commission: false,
-    one_time_commission_amount: 0,
-    one_time_commission_threshold: undefined,
-    one_time_commission_trigger: 'first_recharge' as 'first_recharge' | 'accumulated_recharge',
-    enable_force_recharge: false,
-    force_recharge_amount: undefined,
-    force_recharge_trigger_type: undefined as 1 | 2 | undefined
-  })
-
-  // 动态验证规则
-  const rules = computed<FormRules>(() => {
-    const baseRules: FormRules = {
-      series_id: [{ required: true, message: '请选择套餐系列', trigger: 'change' }],
-      shop_id: [{ required: true, message: '请选择店铺', trigger: 'change' }],
-      one_time_commission_amount: [
-        { required: true, message: '请输入一次性佣金金额上限', trigger: 'blur' },
-        {
-          validator: (rule, value, callback) => {
-            if (value === undefined || value === null || value === '') {
-              callback(new Error('请输入一次性佣金金额上限'))
-            } else if (value < 0) {
-              callback(new Error('一次性佣金金额不能小于0'))
-            } else {
-              callback()
-            }
-          },
-          trigger: 'blur'
-        }
-      ]
-    }
-
-    // 如果启用了一次性佣金，添加额外验证规则
-    if (form.enable_one_time_commission) {
-      baseRules.one_time_commission_threshold = [
-        { required: true, message: '请输入触发阈值', trigger: 'blur' }
-      ]
-      baseRules.one_time_commission_trigger = [
-        { required: true, message: '请选择触发类型', trigger: 'change' }
-      ]
-    }
-
-    // 如果启用了强制充值，添加验证规则
-    if (form.enable_force_recharge) {
-      baseRules.force_recharge_amount = [
-        { required: true, message: '请输入强制充值金额', trigger: 'blur' }
-      ]
-      baseRules.force_recharge_trigger_type = [
-        { required: true, message: '请选择强充触发类型', trigger: 'change' }
-      ]
-    }
-
-    return baseRules
-  })
-
-  const allocationList = ref<ShopSeriesAllocationResponse[]>([])
-  const dialogType = ref('add')
-
-  // 动态列配置
-  const { columnChecks, columns } = useCheckedColumns(() => [
-    {
-      prop: 'series_code',
-      label: '系列编码',
-      width: 200,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'series_name',
-      label: '系列名称',
-      minWidth: 150
-    },
-    {
-      prop: 'shop_name',
-      label: '店铺名称',
-      minWidth: 140
-    },
-    {
-      prop: 'allocator_shop_name',
-      label: '分配者店铺',
-      minWidth: 120,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        // 如果是平台分配(allocator_shop_id为0)，显示"平台"标签
-        if (row.allocator_shop_id === 0) {
-          return h(
-            'span',
-            { style: 'color: #409eff; font-weight: bold' },
-            row.allocator_shop_name || '平台'
-          )
-        }
-        return row.allocator_shop_name || '-'
-      }
-    },
-    {
-      prop: 'one_time_commission_amount',
-      label: '一次性佣金金额',
-      width: 140,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        return h(
-          'span',
-          { style: 'color: #f56c6c; font-weight: bold' },
-          `¥${(row.one_time_commission_amount / 100).toFixed(2)}`
-        )
-      }
-    },
-    {
-      prop: 'enable_one_time_commission',
-      label: '一次性佣金状态',
-      width: 130,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        return h(
-          ElTag,
-          { type: row.enable_one_time_commission ? 'success' : 'info', size: 'small' },
-          () => (row.enable_one_time_commission ? '已启用' : '未启用')
-        )
-      }
-    },
-    {
-      prop: 'one_time_commission_trigger',
-      label: '触发类型',
-      width: 110,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        if (!row.one_time_commission_trigger) {
-          return '-'
-        }
-        const typeMap = {
-          first_recharge: '首次充值',
-          accumulated_recharge: '累计充值'
-        }
-        return typeMap[row.one_time_commission_trigger] || '-'
-      }
-    },
-    {
-      prop: 'one_time_commission_threshold',
-      label: '触发阈值',
-      width: 120,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        if (!row.one_time_commission_threshold) {
-          return '-'
-        }
-        return h(
-          'span',
-          { style: 'color: #e6a23c' },
-          `¥${(row.one_time_commission_threshold / 100).toFixed(2)}`
-        )
-      }
-    },
-    {
-      prop: 'enable_force_recharge',
-      label: '强制充值',
-      width: 100,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        return h(
-          ElTag,
-          { type: row.enable_force_recharge ? 'warning' : 'info', size: 'small' },
-          () => (row.enable_force_recharge ? '已启用' : '未启用')
-        )
-      }
-    },
-    {
-      prop: 'force_recharge_amount',
-      label: '强充金额',
-      width: 120,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        if (!row.force_recharge_amount) {
-          return '-'
-        }
-        return h(
-          'span',
-          { style: 'color: #f56c6c; font-weight: bold' },
-          `¥${(row.force_recharge_amount / 100).toFixed(2)}`
-        )
-      }
-    },
-    {
-      prop: 'force_recharge_trigger_type',
-      label: '强充触发类型',
-      width: 120,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        if (!row.force_recharge_trigger_type) {
-          return '-'
-        }
-        const typeMap = {
-          1: '单次充值',
-          2: '累计充值'
-        }
-        return typeMap[row.force_recharge_trigger_type] || '-'
-      }
-    },
-    {
-      prop: 'status',
-      label: '状态',
-      width: 100,
-      formatter: (row: ShopSeriesAllocationResponse) => {
-        const frontendStatus = apiStatusToFrontend(row.status)
-        return h(ElSwitch, {
-          modelValue: frontendStatus,
-          activeValue: CommonStatus.ENABLED,
-          inactiveValue: CommonStatus.DISABLED,
-          activeText: getStatusText(CommonStatus.ENABLED),
-          inactiveText: getStatusText(CommonStatus.DISABLED),
-          inlinePrompt: true,
-          disabled: !hasAuth('series_assign:update_status'),
-          'onUpdate:modelValue': (val: string | number | boolean) =>
-            handleStatusChange(row, val as number)
-        })
-      }
-    },
-    {
-      prop: 'created_at',
-      label: '创建时间',
-      width: 180,
-      formatter: (row: ShopSeriesAllocationResponse) => formatDateTime(row.created_at)
-    }
-  ])
-
-  // 构建树形结构数据
-  const buildTreeData = (items: ShopResponse[]) => {
-    const map = new Map<number, ShopResponse & { children?: ShopResponse[] }>()
-    const tree: ShopResponse[] = []
-
-    // 先将所有项放入 map
-    items.forEach((item) => {
-      map.set(item.id, { ...item, children: [] })
-    })
-
-    // 构建树形结构
-    items.forEach((item) => {
-      const node = map.get(item.id)!
-      if (item.parent_id && map.has(item.parent_id)) {
-        // 有父节点,添加到父节点的 children 中
-        const parent = map.get(item.parent_id)!
-        if (!parent.children) parent.children = []
-        parent.children.push(node)
-      } else {
-        // 没有父节点或父节点不存在,作为根节点
-        tree.push(node)
-      }
-    })
-
-    return tree
-  }
-
-  onMounted(() => {
-    loadSeriesOptions()
-    loadShopOptions()
-    loadSearchSeriesOptions()
-    loadSearchShopOptions()
-    loadSearchAllocatorShopOptions()
-    getTableData()
-  })
-
-  // 加载系列选项（用于新增对话框,默认加载10条）
-  const loadSeriesOptions = async (seriesName?: string) => {
-    seriesLoading.value = true
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 10,
-        status: 1
-      }
-      if (seriesName) {
-        params.series_name = seriesName
-      }
-      const res = await PackageSeriesService.getPackageSeries(params)
-      if (res.code === 0) {
-        seriesOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载系列选项失败:', error)
-    } finally {
-      seriesLoading.value = false
-    }
-  }
-
-  // 加载店铺选项（用于新增对话框，加载所有店铺并构建树形结构）
-  const loadShopOptions = async () => {
-    shopLoading.value = true
-    try {
-      // 加载所有店铺，不分页
-      const res = await ShopService.getShops({
-        page: 1,
-        page_size: 10000 // 使用较大的值获取所有店铺
-      })
-      if (res.code === 0) {
-        shopOptions.value = res.data.items
-        // 构建树形结构数据
-        shopTreeData.value = buildTreeData(shopOptions.value)
-      }
-    } catch (error) {
-      console.error('加载店铺选项失败:', error)
-    } finally {
-      shopLoading.value = false
-    }
-  }
-
-  // 加载搜索栏系列选项(默认加载10条)
-  const loadSearchSeriesOptions = async () => {
-    try {
-      const res = await PackageSeriesService.getPackageSeries({
-        page: 1,
-        page_size: 10,
-        status: 1
-      })
-      if (res.code === 0) {
-        searchSeriesOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载搜索栏系列选项失败:', error)
-    }
-  }
-
-  // 加载搜索栏店铺选项(默认加载10条)
-  const loadSearchShopOptions = async () => {
-    try {
-      const res = await ShopService.getShops({ page: 1, page_size: 10 })
-      if (res.code === 0) {
-        searchShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载搜索栏店铺选项失败:', error)
-    }
-  }
-
-  // 加载搜索栏分配者店铺选项(默认加载10条)
-  const loadSearchAllocatorShopOptions = async () => {
-    try {
-      const res = await ShopService.getShops({ page: 1, page_size: 10 })
-      if (res.code === 0) {
-        searchAllocatorShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载搜索栏分配者店铺选项失败:', error)
-    }
-  }
-
-  // 搜索系列(用于新增对话框)
-  const searchSeries = (query: string) => {
-    if (query) {
-      loadSeriesOptions(query)
-    } else {
-      loadSeriesOptions()
-    }
-  }
-
-  // 搜索系列(用于搜索栏)
-  const handleSearchSeries = async (query: string) => {
-    if (!query) {
-      loadSearchSeriesOptions()
-      return
-    }
-    try {
-      const res = await PackageSeriesService.getPackageSeries({
-        page: 1,
-        page_size: 10,
-        series_name: query,
-        status: 1
-      })
-      if (res.code === 0) {
-        searchSeriesOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索系列失败:', error)
-    }
-  }
-
-  // 搜索店铺(用于搜索栏-被分配的店铺)
-  const handleSearchShop = async (query: string) => {
-    if (!query) {
-      loadSearchShopOptions()
-      return
-    }
-    try {
-      const res = await ShopService.getShops({
-        page: 1,
-        page_size: 10,
-        shop_name: query
-      })
-      if (res.code === 0) {
-        searchShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索店铺失败:', error)
-    }
-  }
-
-  // 搜索分配者店铺(用于搜索栏)
-  const handleSearchAllocatorShop = async (query: string) => {
-    if (!query) {
-      loadSearchAllocatorShopOptions()
-      return
-    }
-    try {
-      const res = await ShopService.getShops({
-        page: 1,
-        page_size: 10,
-        shop_name: query
-      })
-      if (res.code === 0) {
-        searchAllocatorShopOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索分配者店铺失败:', error)
-    }
-  }
-
-  // 获取分配列表
-  const getTableData = async () => {
-    loading.value = true
-    try {
-      const params = {
-        page: pagination.page,
-        page_size: pagination.page_size,
-        shop_id: searchForm.shop_id || undefined,
-        series_id: searchForm.series_id || undefined,
-        allocator_shop_id:
-          searchForm.allocator_shop_id !== undefined ? searchForm.allocator_shop_id : undefined,
-        status: searchForm.status || undefined
-      }
-      const res = await ShopSeriesAllocationService.getShopSeriesAllocations(params)
-      if (res.code === 0) {
-        allocationList.value = res.data.items
-        pagination.total = res.data.total || 0
-      }
-    } catch (error) {
-      console.error(error)
-      ElMessage.error('获取系列分配列表失败')
-    } finally {
-      loading.value = false
-    }
-  }
-
-  // 重置搜索
-  const handleReset = () => {
-    Object.assign(searchForm, { ...initialSearchState })
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 搜索
-  const handleSearch = () => {
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 刷新表格
-  const handleRefresh = () => {
-    getTableData()
-  }
-
-  // 处理表格分页变化
-  const handleSizeChange = (newPageSize: number) => {
-    pagination.page_size = newPageSize
-    getTableData()
-  }
-
-  const handleCurrentChange = (newCurrentPage: number) => {
-    pagination.page = newCurrentPage
-    getTableData()
-  }
-
-  // 显示新增/编辑对话框
-  const showDialog = (type: string, row?: ShopSeriesAllocationResponse) => {
-    dialogVisible.value = true
-    dialogType.value = type
-
-    if (type === 'edit' && row) {
-      form.id = row.id
-      form.series_id = row.series_id
-      form.shop_id = row.shop_id
-      form.series_name = row.series_name
-      form.shop_name = row.shop_name
-      form.allocator_shop_name = row.allocator_shop_name
-      form.enable_one_time_commission = row.enable_one_time_commission
-      // 将分转换为元显示
-      form.one_time_commission_amount = row.one_time_commission_amount / 100
-      form.one_time_commission_threshold = row.one_time_commission_threshold
-        ? row.one_time_commission_threshold / 100
-        : undefined
-      form.one_time_commission_trigger = row.one_time_commission_trigger || 'first_recharge'
-      form.enable_force_recharge = row.enable_force_recharge
-      form.force_recharge_amount = row.force_recharge_amount
-        ? row.force_recharge_amount / 100
-        : undefined
-      form.force_recharge_trigger_type = row.force_recharge_trigger_type
-    } else {
-      form.id = 0
-      form.series_id = undefined
-      form.shop_id = undefined
-      form.series_name = ''
-      form.shop_name = ''
-      form.allocator_shop_name = ''
-      form.enable_one_time_commission = false
-      form.one_time_commission_amount = 0
-      form.one_time_commission_threshold = undefined
-      form.one_time_commission_trigger = 'first_recharge'
-      form.enable_force_recharge = false
-      form.force_recharge_amount = undefined
-      form.force_recharge_trigger_type = undefined
-    }
-
-    // 重置表单验证状态
-    nextTick(() => {
-      formRef.value?.clearValidate()
-    })
-  }
-
-  // 处理弹窗关闭事件
-  const handleDialogClosed = () => {
-    // 清除表单验证状态
-    formRef.value?.clearValidate()
-    // 重置表单数据
-    form.id = 0
-    form.series_id = undefined
-    form.shop_id = undefined
-    form.series_name = ''
-    form.shop_name = ''
-    form.allocator_shop_name = ''
-    form.enable_one_time_commission = false
-    form.one_time_commission_amount = 0
-    form.one_time_commission_threshold = undefined
-    form.one_time_commission_trigger = 'first_recharge'
-    form.enable_force_recharge = false
-    form.force_recharge_amount = undefined
-    form.force_recharge_trigger_type = undefined
-  }
-
-  // 查看详情
-  const handleViewDetail = (row: ShopSeriesAllocationResponse) => {
-    router.push(`/package-management/series-assign/detail/${row.id}`)
-  }
-
-  // 删除分配
-  const deleteAllocation = (row: ShopSeriesAllocationResponse) => {
-    ElMessageBox.confirm(
-      `确定删除系列 ${row.series_name} 对店铺 ${row.shop_name} 的分配吗？`,
-      '删除确认',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'error'
-      }
-    )
-      .then(async () => {
-        try {
-          await ShopSeriesAllocationService.deleteShopSeriesAllocation(row.id)
-          ElMessage.success('删除成功')
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        }
-      })
-      .catch(() => {
-        // 用户取消删除
-      })
-  }
-
-  // 提交表单
-  const handleSubmit = async (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-
-    await formEl.validate(async (valid) => {
-      if (valid) {
-        submitLoading.value = true
-        try {
-          // 将元转换为分提交给后端
-          const data: any = {
-            one_time_commission_amount: Math.round(form.one_time_commission_amount * 100),
-            enable_one_time_commission: form.enable_one_time_commission,
-            enable_force_recharge: form.enable_force_recharge
-          }
-
-          // 如果启用了一次性佣金，加入相关字段
-          if (form.enable_one_time_commission) {
-            data.one_time_commission_threshold = Math.round(
-              (form.one_time_commission_threshold || 0) * 100
-            )
-            data.one_time_commission_trigger = form.one_time_commission_trigger
-          }
-
-          // 如果启用了强制充值，加入相关字段
-          if (form.enable_force_recharge) {
-            data.force_recharge_amount = Math.round((form.force_recharge_amount || 0) * 100)
-            data.force_recharge_trigger_type = form.force_recharge_trigger_type
-          }
-
-          if (dialogType.value === 'add') {
-            data.series_id = form.series_id
-            data.shop_id = form.shop_id
-            await ShopSeriesAllocationService.createShopSeriesAllocation(data)
-            ElMessage.success('新增成功')
-          } else {
-            await ShopSeriesAllocationService.updateShopSeriesAllocation(form.id, data)
-            ElMessage.success('修改成功')
-          }
-
-          dialogVisible.value = false
-          formEl.resetFields()
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        } finally {
-          submitLoading.value = false
-        }
-      }
-    })
-  }
-
-  // 状态切换
-  const handleStatusChange = async (
-    row: ShopSeriesAllocationResponse,
-    newFrontendStatus: number
-  ) => {
-    const oldStatus = row.status
-    const newApiStatus = frontendStatusToApi(newFrontendStatus)
-    row.status = newApiStatus
-    try {
-      await ShopSeriesAllocationService.updateShopSeriesAllocationStatus(row.id, newApiStatus)
-      ElMessage.success('状态切换成功')
-    } catch (error) {
-      row.status = oldStatus
-      console.error(error)
-    }
-  }
-
-  // 右键菜单项配置
-  const contextMenuItems = computed((): MenuItemType[] => {
-    const items: MenuItemType[] = []
-
-    if (hasAuth('series_assign:detail')) {
-      items.push({ key: 'detail', label: '详情' })
-    }
-
-    if (hasAuth('series_assign:edit')) {
-      items.push({ key: 'edit', label: '编辑' })
-    }
-
-    if (hasAuth('series_assign:delete')) {
-      items.push({ key: 'delete', label: '删除' })
-    }
-
-    return items
-  })
-
-  // 处理表格行右键菜单
-  const handleRowContextMenu = (
-    row: ShopSeriesAllocationResponse,
-    column: any,
-    event: MouseEvent
-  ) => {
-    event.preventDefault()
-    event.stopPropagation()
-    currentRow.value = row
-    contextMenuRef.value?.show(event)
-  }
-
-  // 处理右键菜单选择
-  const handleContextMenuSelect = (item: MenuItemType) => {
-    if (!currentRow.value) return
-
-    switch (item.key) {
-      case 'detail':
-        handleViewDetail(currentRow.value)
-        break
-      case 'edit':
-        showDialog('edit', currentRow.value)
-        break
-      case 'delete':
-        deleteAllocation(currentRow.value)
-        break
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  .series-assign-page {
-    // 可以添加特定样式
-  }
-
-  .dialog-footer {
-    text-align: right;
-  }
-
-  .form-tip {
-    margin-top: 4px;
-    font-size: 12px;
-    color: #909399;
-  }
-
-  .tier-list {
-    width: 100%;
-  }
-
-  .tier-item {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    margin-bottom: 8px;
-  }
-
-  .info-row {
-    display: flex;
-    gap: 20px;
-    padding: 12px;
-    margin-bottom: 18px;
-    border-radius: 4px;
-  }
-
-  .info-item {
-    display: flex;
-    flex: 1;
-    align-items: center;
-  }
-
-  .info-label {
-    margin-right: 8px;
-    font-size: 14px;
-    white-space: nowrap;
-  }
-
-  .info-value {
-    font-size: 14px;
-    font-weight: 500;
-    color: var(--art-primary);
-  }
-</style>
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
new file mode 100644
index 0000000..04688dc
--- /dev/null
+++ b/src/views/package-management/series-grants/detail.vue
@@ -0,0 +1,663 @@
+<template>
+  <div class="series-grants-detail">
+    <ElCard shadow="never">
+      <!-- 页面头部 -->
+      <div class="detail-header">
+        <ElButton @click="handleBack">
+          <template #icon>
+            <ElIcon><ArrowLeft /></ElIcon>
+          </template>
+          返回
+        </ElButton>
+        <h2 class="detail-title">代理系列授权详情</h2>
+      </div>
+
+      <!-- 详情内容 -->
+      <div v-if="detailData" class="detail-content">
+        <!-- 基本信息 -->
+        <div class="info-section">
+          <div class="section-title">基本信息</div>
+          <ElDescriptions :column="2" border>
+            <ElDescriptionsItem label="ID">{{ detailData.id }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="系列编码">{{
+              detailData.series_code || '-'
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="系列名称">{{ detailData.series_name }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="店铺名称">{{ detailData.shop_name }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="分配者店铺">
+              <ElTag v-if="detailData.allocator_shop_id === 0" type="primary">
+                {{ detailData.allocator_shop_name || '平台' }}
+              </ElTag>
+              <span v-else>{{ detailData.allocator_shop_name || '-' }}</span>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="状态">
+              <ElTag :type="detailData.status === 1 ? 'success' : 'danger'">
+                {{ detailData.status === 1 ? '启用' : '禁用' }}
+              </ElTag>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="创建时间">{{
+              formatDateTime(detailData.created_at)
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="更新时间">{{
+              formatDateTime(detailData.updated_at)
+            }}</ElDescriptionsItem>
+          </ElDescriptions>
+        </div>
+
+        <!-- 佣金配置 -->
+        <div class="info-section">
+          <div class="section-title">佣金配置</div>
+          <ElDescriptions :column="2" border label-width="120">
+            <ElDescriptionsItem label="佣金类型">
+              <ElTag :type="detailData.commission_type === 'fixed' ? 'success' : 'warning'">
+                {{ detailData.commission_type === 'fixed' ? '固定佣金' : '梯度佣金' }}
+              </ElTag>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="固定佣金金额" v-if="detailData.commission_type === 'fixed'">
+              <span v-if="detailData.one_time_commission_amount" class="amount-value">
+                ¥{{ (detailData.one_time_commission_amount / 100).toFixed(2) }}
+              </span>
+              <span v-else>-</span>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem
+              label="梯度配置"
+              :span="1"
+              v-if="detailData.commission_type === 'tiered'"
+            >
+              <div
+                v-if="detailData.commission_tiers && detailData.commission_tiers.length > 0"
+                class="tier-table-wrapper"
+              >
+                <ElTable :data="tierTableData" border size="small" style="width: 100%">
+                  <ElTableColumn label="档位" width="80" align="center">
+                    <template #default="{ $index }">
+                      <ElTag type="primary" size="small">档位{{ $index + 1 }}</ElTag>
+                    </template>
+                  </ElTableColumn>
+                  <ElTableColumn label="达标阈值" width="120">
+                    <template #default="{ row }">
+                      <span class="threshold-value"
+                        >{{ row.operator }} {{ formatThreshold(row) }}</span
+                      >
+                    </template>
+                  </ElTableColumn>
+                  <ElTableColumn label="统计维度" width="110">
+                    <template #default="{ row }">
+                      <ElTag size="small" type="info">
+                        {{ row.dimension === 'sales_count' ? '销量' : '销售额' }}
+                      </ElTag>
+                    </template>
+                  </ElTableColumn>
+                  <ElTableColumn label="统计范围" width="120">
+                    <template #default="{ row }">
+                      <ElTag size="small" type="warning">
+                        {{
+                          row.stat_scope === 'self'
+                            ? '仅自己'
+                            : row.stat_scope === 'self_and_sub'
+                              ? '自己+下级'
+                              : '-'
+                        }}
+                      </ElTag>
+                    </template>
+                  </ElTableColumn>
+                  <ElTableColumn label="佣金金额" min-width="100">
+                    <template #default="{ row }">
+                      <span class="amount-value">¥{{ (row.amount / 100).toFixed(2) }}</span>
+                    </template>
+                  </ElTableColumn>
+                </ElTable>
+              </div>
+              <span v-else>-</span>
+            </ElDescriptionsItem>
+          </ElDescriptions>
+        </div>
+
+        <!-- 强制充值配置 -->
+        <div class="info-section">
+          <div class="section-title">强制充值配置</div>
+          <ElDescriptions :column="2" border>
+            <ElDescriptionsItem label="启用状态">
+              <ElTag :type="detailData.force_recharge_enabled ? 'warning' : 'info'">
+                {{ detailData.force_recharge_enabled ? '已启用' : '未启用' }}
+              </ElTag>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="锁定状态">
+              <ElTag :type="detailData.force_recharge_locked ? 'danger' : 'success'">
+                {{ detailData.force_recharge_locked ? '已锁定（平台控制）' : '未锁定' }}
+              </ElTag>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="强充金额" :span="2">
+              <span v-if="detailData.force_recharge_amount" class="amount-value">
+                ¥{{ (detailData.force_recharge_amount / 100).toFixed(2) }}
+              </span>
+              <span v-else>-</span>
+            </ElDescriptionsItem>
+          </ElDescriptions>
+        </div>
+
+        <!-- 套餐信息 -->
+        <div class="info-section">
+          <div class="section-title">
+            <span>套餐列表</span>
+            <ElButton
+              type="primary"
+              size="small"
+              @click="showAddPackageDialog"
+              v-permission="'series_grants:manage_packages'"
+            >
+              添加授权套餐
+            </ElButton>
+          </div>
+
+          <!-- 套餐列表 -->
+          <div v-if="detailData.packages && detailData.packages.length > 0" class="package-table">
+            <ElTable :data="detailData.packages" border stripe>
+              <ElTableColumn prop="package_name" label="套餐名称" />
+              <ElTableColumn prop="package_code" label="套餐编码" />
+              <ElTableColumn label="成本价">
+                <template #default="{ row }">
+                  <span class="amount-value">¥{{ (row.cost_price / 100).toFixed(2) }}</span>
+                </template>
+              </ElTableColumn>
+              <ElTableColumn label="上架状态" align="center">
+                <template #default="{ row }">
+                  <ElTag v-if="row.shelf_status === 1" type="success" size="small">上架</ElTag>
+                  <ElTag v-else-if="row.shelf_status === 2" type="info" size="small">下架</ElTag>
+                  <span v-else>-</span>
+                </template>
+              </ElTableColumn>
+              <ElTableColumn label="状态" width="100" align="center">
+                <template #default="{ row }">
+                  <ElTag v-if="row.status === 1" type="success" size="small">启用</ElTag>
+                  <ElTag v-else-if="row.status === 2" type="danger" size="small">禁用</ElTag>
+                  <span v-else>-</span>
+                </template>
+              </ElTableColumn>
+              <ElTableColumn label="操作" width="150" align="center" fixed="right">
+                <template #default="{ row }">
+                  <ElButton
+                    type="primary"
+                    size="small"
+                    link
+                    @click="showEditPackageDialog(row)"
+                    v-permission="'series_grants:edit_packages'"
+                  >
+                    编辑
+                  </ElButton>
+                  <ElButton
+                    type="danger"
+                    size="small"
+                    link
+                    @click="handleDeletePackage(row)"
+                    v-permission="'series_grants:delete_packages'"
+                  >
+                    删除
+                  </ElButton>
+                </template>
+              </ElTableColumn>
+            </ElTable>
+          </div>
+          <ElEmpty v-else description="暂无套餐" :image-size="80" />
+        </div>
+      </div>
+
+      <!-- 加载中 -->
+      <div v-if="loading" class="loading-container">
+        <ElIcon class="is-loading"><Loading /></ElIcon>
+        <span>加载中...</span>
+      </div>
+
+      <!-- 添加/编辑套餐对话框 -->
+      <ElDialog
+        v-model="packageDialogVisible"
+        :title="packageDialogType === 'add' ? '添加套餐' : '编辑套餐'"
+        width="500px"
+        :close-on-click-modal="false"
+        @closed="handlePackageDialogClosed"
+      >
+        <ElForm ref="packageFormRef" :model="packageForm" :rules="packageRules" label-width="100px">
+          <!-- 添加模式：选择套餐 -->
+          <ElFormItem label="选择套餐" prop="package_id" v-if="packageDialogType === 'add'">
+            <ElSelect
+              v-model="packageForm.package_id"
+              placeholder="请选择套餐"
+              style="width: 100%"
+              filterable
+              remote
+              :remote-method="searchPackages"
+              :loading="packageLoading"
+              clearable
+            >
+              <template
+                v-if="availablePackages.length === 0 && !packageLoading && detailData?.series_id"
+              >
+                <ElOption disabled value="" label="该系列没有可选套餐" />
+              </template>
+              <ElOption
+                v-for="pkg in availablePackages"
+                :key="pkg.id"
+                :label="`${pkg.package_name} (${pkg.package_code})`"
+                :value="pkg.id"
+                :disabled="isPackageAlreadyAdded(pkg.id)"
+              />
+            </ElSelect>
+          </ElFormItem>
+
+          <!-- 编辑模式：显示套餐信息 -->
+          <ElFormItem label="套餐名称" v-if="packageDialogType === 'edit'">
+            <span>{{ packageForm.package_name }}</span>
+          </ElFormItem>
+          <ElFormItem label="套餐编码" v-if="packageDialogType === 'edit'">
+            <span>{{ packageForm.package_code }}</span>
+          </ElFormItem>
+
+          <!-- 成本价 -->
+          <ElFormItem label="成本价(元)" prop="cost_price_yuan">
+            <ElInputNumber
+              v-model="packageForm.cost_price_yuan"
+              :min="0"
+              :precision="2"
+              :step="0.01"
+              :controls="false"
+              style="width: 100%"
+              placeholder="请输入成本价"
+            />
+          </ElFormItem>
+        </ElForm>
+
+        <template #footer>
+          <div class="dialog-footer">
+            <ElButton @click="packageDialogVisible = false">取消</ElButton>
+            <ElButton type="primary" @click="handleSavePackage" :loading="submitLoading">
+              保存
+            </ElButton>
+          </div>
+        </template>
+      </ElDialog>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, onMounted, computed } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import {
+    ElCard,
+    ElButton,
+    ElIcon,
+    ElMessage,
+    ElMessageBox,
+    ElDescriptions,
+    ElDescriptionsItem,
+    ElTag,
+    ElTable,
+    ElTableColumn,
+    ElEmpty,
+    ElDialog,
+    ElSelect,
+    ElOption,
+    ElInputNumber,
+    ElForm,
+    ElFormItem,
+    FormInstance,
+    FormRules
+  } from 'element-plus'
+  import { ArrowLeft, Loading, Setting, List, Plus } from '@element-plus/icons-vue'
+  import { ShopSeriesGrantService, PackageManageService, PackageSeriesService } from '@/api/modules'
+  import type {
+    ShopSeriesGrantResponse,
+    PackageResponse,
+    GrantPackageItem,
+    GrantPackageInfo,
+    PackageSeriesResponse
+  } from '@/types/api'
+  import { formatDateTime } from '@/utils/business/format'
+
+  defineOptions({ name: 'SeriesGrantsDetail' })
+
+  const route = useRoute()
+  const router = useRouter()
+
+  const loading = ref(false)
+  const submitLoading = ref(false)
+  const packageLoading = ref(false)
+  const detailData = ref<ShopSeriesGrantResponse | null>(null)
+  const seriesData = ref<PackageSeriesResponse | null>(null)
+  const packageDialogVisible = ref(false)
+  const packageDialogType = ref<'add' | 'edit'>('add')
+  const availablePackages = ref<PackageResponse[]>([])
+  const packageFormRef = ref<FormInstance>()
+
+  // 套餐表单
+  const packageForm = ref<{
+    package_id?: number
+    package_name?: string
+    package_code?: string
+    cost_price_yuan: number
+  }>({
+    cost_price_yuan: 0
+  })
+
+  // 表单验证规则
+  const packageRules = computed<FormRules>(() => ({
+    package_id: [
+      { required: packageDialogType.value === 'add', message: '请选择套餐', trigger: 'change' }
+    ],
+    cost_price_yuan: [
+      { required: true, message: '请输入成本价', trigger: 'blur' },
+      { type: 'number', min: 0, message: '成本价不能小于0', trigger: 'blur' }
+    ]
+  }))
+
+  // 梯度配置表格数据(合并授权数据和系列数据)
+  const tierTableData = computed(() => {
+    if (
+      !detailData.value?.commission_tiers ||
+      !seriesData.value?.one_time_commission_config?.tiers
+    ) {
+      return []
+    }
+
+    const grantTiers = detailData.value.commission_tiers
+    const seriesTiers = seriesData.value.one_time_commission_config.tiers
+
+    return grantTiers.map((grantTier, index) => {
+      const seriesTier = seriesTiers[index] || {}
+      return {
+        operator: grantTier.operator || '>=',
+        threshold: grantTier.threshold,
+        dimension: seriesTier.dimension || 'sales_count',
+        stat_scope: seriesTier.stat_scope,
+        amount: grantTier.amount
+      }
+    })
+  })
+
+  // 格式化达标阈值显示
+  const formatThreshold = (row: any) => {
+    if (row.dimension === 'sales_amount') {
+      // 销售额维度,阈值单位是分,需要转换为元显示
+      return `¥${(row.threshold / 100).toFixed(2)}`
+    } else {
+      // 销量维度,直接显示数字
+      return `${row.threshold}件`
+    }
+  }
+
+  // 返回上一页
+  const handleBack = () => {
+    router.back()
+  }
+
+  // 获取详情数据
+  const fetchDetail = async () => {
+    const id = Number(route.params.id)
+    if (!id) {
+      ElMessage.error('缺少ID参数')
+      return
+    }
+
+    loading.value = true
+    try {
+      const res = await ShopSeriesGrantService.getShopSeriesGrantDetail(id)
+      if (res.code === 0) {
+        detailData.value = res.data
+
+        // 如果是梯度佣金类型,获取系列配置以显示完整的梯度信息
+        if (res.data.commission_type === 'tiered' && res.data.series_id) {
+          await fetchSeriesData(res.data.series_id)
+        }
+      }
+    } catch (error) {
+      console.error(error)
+      ElMessage.error('获取详情失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  // 获取系列配置数据
+  const fetchSeriesData = async (seriesId: number) => {
+    try {
+      const res = await PackageSeriesService.getPackageSeriesDetail(seriesId)
+      if (res.code === 0) {
+        seriesData.value = res.data
+      }
+    } catch (error) {
+      console.error('获取系列配置失败:', error)
+    }
+  }
+
+  // 显示添加套餐对话框
+  const showAddPackageDialog = () => {
+    packageDialogType.value = 'add'
+    packageForm.value = {
+      package_id: undefined,
+      cost_price_yuan: 0
+    }
+
+    // 加载可用套餐
+    if (detailData.value?.series_id) {
+      loadAvailablePackages()
+    }
+
+    packageDialogVisible.value = true
+  }
+
+  // 显示编辑套餐对话框
+  const showEditPackageDialog = (row: GrantPackageInfo) => {
+    packageDialogType.value = 'edit'
+    packageForm.value = {
+      package_id: row.package_id,
+      package_name: row.package_name,
+      package_code: row.package_code,
+      cost_price_yuan: row.cost_price / 100
+    }
+
+    packageDialogVisible.value = true
+  }
+
+  // 加载可用套餐
+  const loadAvailablePackages = async (packageName?: string) => {
+    if (!detailData.value?.series_id) return
+
+    packageLoading.value = true
+    try {
+      const params: any = {
+        page: 1,
+        page_size: 50,
+        series_id: detailData.value.series_id
+      }
+
+      if (packageName) {
+        params.package_name = packageName
+      }
+
+      const res = await PackageManageService.getPackages(params)
+      if (res.code === 0) {
+        availablePackages.value = res.data.items
+      }
+    } catch (error) {
+      console.error('加载套餐选项失败:', error)
+    } finally {
+      packageLoading.value = false
+    }
+  }
+
+  // 搜索套餐
+  const searchPackages = (query: string) => {
+    if (query) {
+      loadAvailablePackages(query)
+    } else {
+      loadAvailablePackages()
+    }
+  }
+
+  // 检查套餐是否已添加
+  const isPackageAlreadyAdded = (packageId: number) => {
+    return detailData.value?.packages?.some((p) => p.package_id === packageId) || false
+  }
+
+  // 保存套餐
+  const handleSavePackage = async () => {
+    if (!packageFormRef.value || !detailData.value) return
+
+    await packageFormRef.value.validate(async (valid) => {
+      if (!valid) return
+
+      submitLoading.value = true
+      try {
+        const packages: GrantPackageItem[] = []
+
+        if (packageDialogType.value === 'add') {
+          // 添加模式：添加新套餐
+          packages.push({
+            package_id: packageForm.value.package_id,
+            cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
+          })
+        } else {
+          // 编辑模式：更新套餐成本价
+          packages.push({
+            package_id: packageForm.value.package_id,
+            cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
+          })
+        }
+
+        await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, { packages })
+        ElMessage.success(packageDialogType.value === 'add' ? '添加成功' : '更新成功')
+        packageDialogVisible.value = false
+
+        // 刷新详情数据
+        await fetchDetail()
+      } catch (error) {
+        console.error(error)
+        ElMessage.error(packageDialogType.value === 'add' ? '添加失败' : '更新失败')
+      } finally {
+        submitLoading.value = false
+      }
+    })
+  }
+
+  // 删除套餐
+  const handleDeletePackage = (row: GrantPackageInfo) => {
+    ElMessageBox.confirm(`确定删除套餐 ${row.package_name} 的授权吗？`, '删除确认', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+      .then(async () => {
+        if (!detailData.value) return
+
+        submitLoading.value = true
+        try {
+          const packages: GrantPackageItem[] = [
+            {
+              package_id: row.package_id,
+              remove: true
+            }
+          ]
+
+          await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, { packages })
+          ElMessage.success('删除成功')
+
+          // 刷新详情数据
+          await fetchDetail()
+        } catch (error) {
+          console.error(error)
+          ElMessage.error('删除失败')
+        } finally {
+          submitLoading.value = false
+        }
+      })
+      .catch(() => {
+        // 用户取消
+      })
+  }
+
+  // 关闭对话框
+  const handlePackageDialogClosed = () => {
+    packageFormRef.value?.resetFields()
+    packageForm.value = {
+      cost_price_yuan: 0
+    }
+    availablePackages.value = []
+  }
+
+  onMounted(() => {
+    fetchDetail()
+  })
+</script>
+
+<style scoped lang="scss">
+  .series-grants-detail {
+    padding: 20px;
+  }
+
+  .detail-header {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding-bottom: 16px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid var(--el-border-color);
+
+    .detail-title {
+      margin: 0;
+      font-size: 20px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .detail-content {
+    .info-section {
+      margin-bottom: 24px;
+
+      .section-title {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 12px;
+        padding-bottom: 8px;
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--el-text-color-primary);
+      }
+
+      .package-table {
+        margin-top: 12px;
+      }
+
+      .tier-table-wrapper {
+        .threshold-value {
+          font-weight: 500;
+          color: var(--el-text-color-primary);
+        }
+      }
+    }
+  }
+
+  .loading-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 60px 20px;
+    gap: 12px;
+    color: var(--el-text-color-secondary);
+
+    .el-icon {
+      font-size: 32px;
+    }
+  }
+
+  .amount-value {
+    font-weight: 600;
+    color: var(--el-color-warning);
+  }
+
+  .dialog-footer {
+    text-align: right;
+  }
+</style>
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
new file mode 100644
index 0000000..6e77f42
--- /dev/null
+++ b/src/views/package-management/series-grants/index.vue
@@ -0,0 +1,1538 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="series-grants-page" id="table-full-screen">
+      <!-- 搜索栏 -->
+      <ArtSearchBar
+        v-model:filter="searchForm"
+        :items="searchFormItems"
+        :show-expand="true"
+        label-width="85"
+        @reset="handleReset"
+        @search="handleSearch"
+      ></ArtSearchBar>
+
+      <ElCard shadow="never" class="art-table-card">
+        <!-- 表格头部 -->
+        <ArtTableHeader
+          :columnList="columnOptions"
+          v-model:columns="columnChecks"
+          @refresh="handleRefresh"
+        >
+          <template #left>
+            <ElButton type="primary" @click="showDialog('add')" v-permission="'series_grants:add'"
+              >新增代理系列授权</ElButton
+            >
+          </template>
+        </ArtTableHeader>
+
+        <!-- 表格 -->
+        <ArtTable
+          ref="tableRef"
+          row-key="id"
+          :loading="loading"
+          :data="allocationList"
+          :currentPage="pagination.page"
+          :pageSize="pagination.page_size"
+          :total="pagination.total"
+          :marginTop="10"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          @row-contextmenu="handleRowContextMenu"
+        >
+          <template #default>
+            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
+          </template>
+        </ArtTable>
+
+        <!-- 右键菜单 -->
+        <ArtMenuRight
+          ref="contextMenuRef"
+          :menu-items="contextMenuItems"
+          :menu-width="120"
+          @select="handleContextMenuSelect"
+        />
+
+        <!-- 新增/编辑对话框 -->
+        <ElDialog
+          v-model="dialogVisible"
+          :title="dialogType === 'add' ? '新增代理系列授权' : '编辑代理系列授权'"
+          width="50%"
+          :close-on-click-modal="false"
+          @closed="handleDialogClosed"
+        >
+          <ElForm ref="formRef" :model="form" :rules="rules" label-width="130px">
+            <!-- 新增模式：基本信息 - 2列布局 -->
+            <div v-if="dialogType === 'add'">
+              <ElRow :gutter="20">
+                <ElCol :span="12">
+                  <ElFormItem label="选择套餐系列" prop="series_id">
+                    <ElSelect
+                      v-model="form.series_id"
+                      placeholder="请选择套餐系列"
+                      style="width: 100%"
+                      filterable
+                      remote
+                      :remote-method="searchSeries"
+                      :loading="seriesLoading"
+                      clearable
+                    >
+                      <ElOption
+                        v-for="series in seriesOptions"
+                        :key="series.id"
+                        :label="`${series.series_name} (${series.series_code})`"
+                        :value="series.id"
+                      />
+                    </ElSelect>
+                  </ElFormItem>
+                </ElCol>
+                <ElCol :span="12">
+                  <ElFormItem label="选择店铺" prop="shop_id">
+                    <ElTreeSelect
+                      v-model="form.shop_id"
+                      :data="shopTreeData"
+                      :props="{ label: 'shop_name', value: 'id', children: 'children' }"
+                      placeholder="请选择店铺"
+                      style="width: 100%"
+                      filterable
+                      clearable
+                      :loading="shopLoading"
+                      check-strictly
+                      :render-after-expand="false"
+                    />
+                  </ElFormItem>
+                </ElCol>
+              </ElRow>
+            </div>
+
+            <!-- 编辑模式：显示只读信息 -->
+            <div v-if="dialogType === 'edit'" class="info-row">
+              <div class="info-item">
+                <span class="info-label">系列名称:</span>
+                <span class="info-value">{{ form.series_name || '-' }}</span>
+              </div>
+              <div class="info-item">
+                <span class="info-label">店铺名称:</span>
+                <span class="info-value">{{ form.shop_name || '-' }}</span>
+              </div>
+              <div class="info-item">
+                <span class="info-label">分配者店铺:</span>
+                <span class="info-value">{{ form.allocator_shop_name || '-' }}</span>
+              </div>
+            </div>
+
+            <!-- 一次性佣金配置 -->
+            <div class="form-section-title">
+              <span class="title-text">一次性佣金配置</span>
+            </div>
+
+            <!-- 佣金类型和金额 - 2列布局 -->
+            <ElRow :gutter="20" v-if="form.series_id">
+              <ElCol :span="12">
+                <ElFormItem label="佣金类型">
+                  <div class="commission-type-display">
+                    <ElTag
+                      :type="form.commission_type === 'fixed' ? 'success' : 'warning'"
+                      size="large"
+                    >
+                      {{ form.commission_type === 'fixed' ? '固定佣金' : '梯度佣金' }}
+                    </ElTag>
+                    <span class="type-hint">（从套餐系列配置继承）</span>
+                  </div>
+                </ElFormItem>
+              </ElCol>
+              <ElCol :span="12" v-if="form.commission_type === 'fixed'">
+                <ElFormItem label="佣金金额(元)" prop="one_time_commission_amount">
+                  <ElInputNumber
+                    v-model="form.one_time_commission_amount"
+                    :min="0"
+                    :max="form.series_max_commission_amount"
+                    :precision="2"
+                    :step="0.01"
+                    :controls="false"
+                    style="width: 100%"
+                    placeholder="请输入固定佣金金额(元)"
+                  />
+                  <div class="form-tip">
+                    该代理能获得的固定佣金金额（单位：元）
+                    <span v-if="form.series_max_commission_amount > 0" class="max-amount-hint">
+                      <br />
+                      该系列最大佣金金额：
+                      <span class="amount-value"
+                        >¥{{ form.series_max_commission_amount.toFixed(2) }}</span
+                      >
+                    </span>
+                  </div>
+                </ElFormItem>
+              </ElCol>
+            </ElRow>
+
+            <!-- 梯度佣金配置 -->
+            <template v-if="form.commission_type === 'tiered'">
+              <ElFormItem label="梯度配置" prop="commission_tiers">
+                <ElTable :data="form.commission_tiers" border style="width: 100%">
+                  <ElTableColumn label="达标阈值" width="120">
+                    <template #default="{ row }">
+                      <span class="readonly-value">{{ row.threshold }}</span>
+                    </template>
+                  </ElTableColumn>
+                  <ElTableColumn label="统计维度" width="120">
+                    <template #default="{ row }">
+                      <ElTag size="small" type="info">
+                        {{ row.dimension === 'sales_count' ? '销量' : '销售额' }}
+                      </ElTag>
+                    </template>
+                  </ElTableColumn>
+                  <ElTableColumn label="统计范围" width="140">
+                    <template #default="{ row }">
+                      <ElTag size="small" type="warning">
+                        {{ row.stat_scope === 'self' ? '仅自己' : row.stat_scope === 'self_and_sub' ? '自己+下级' : '-' }}
+                      </ElTag>
+                    </template>
+                  </ElTableColumn>
+                  <ElTableColumn label="佣金金额(元)" min-width="180">
+                    <template #default="{ row }">
+                      <div style="display: flex; flex-direction: column; gap: 4px">
+                        <ElInputNumber
+                          v-model="row.amount"
+                          :min="0"
+                          :max="row.max_amount"
+                          :precision="2"
+                          :step="0.01"
+                          :controls="false"
+                          placeholder="请输入佣金金额"
+                          style="width: 100%"
+                        />
+                        <span
+                          v-if="row.max_amount"
+                          style="font-size: 12px; color: var(--el-text-color-secondary)"
+                        >
+                          最大: ¥{{ row.max_amount.toFixed(2) }}
+                        </span>
+                      </div>
+                    </template>
+                  </ElTableColumn>
+                </ElTable>
+                <div class="form-tip" style="margin-top: 8px">
+                  梯度配置从套餐系列继承，达标阈值、统计维度、统计范围为只读，只能修改佣金金额
+                </div>
+              </ElFormItem>
+            </template>
+
+            <!-- 强制充值配置 -->
+            <div class="form-section-title">
+              <span class="title-text">强制充值配置（可选）</span>
+            </div>
+
+            <!-- 启用强制充值和强充金额 - 2列布局 -->
+            <ElRow :gutter="20">
+              <ElCol :span="12">
+                <ElFormItem label="启用强制充值">
+                  <ElSwitch v-model="form.enable_force_recharge" />
+                </ElFormItem>
+              </ElCol>
+              <ElCol :span="12" v-if="form.enable_force_recharge">
+                <ElFormItem label="强充金额(元)" prop="force_recharge_amount">
+                  <ElInputNumber
+                    v-model="form.force_recharge_amount"
+                    :min="0"
+                    :precision="2"
+                    :step="0.01"
+                    :controls="false"
+                    style="width: 100%"
+                    placeholder="请输入强制充值金额(元)"
+                  />
+                  <div class="form-tip">
+                    用户需要达到的强制充值金额
+                    <span
+                      v-if="form.series_name && form.series_force_recharge_amount > 0"
+                      class="series-force-hint"
+                    >
+                      <br />
+                      可参考
+                      <span class="amount-value">{{ form.series_name }}</span
+                      >系列强充金额：
+                      <span class="amount-value"
+                        >¥{{ form.series_force_recharge_amount.toFixed(2) }}</span
+                      >
+                    </span>
+                  </div>
+                </ElFormItem>
+              </ElCol>
+            </ElRow>
+
+            <!-- 套餐配置 -->
+            <div class="form-section-title">
+              <span class="title-text">套餐配置（可选）</span>
+            </div>
+
+            <!-- 选择套餐 -->
+            <ElFormItem label="选择套餐">
+              <ElSelect
+                v-model="selectedPackageIds"
+                placeholder="请选择套餐"
+                style="width: 100%"
+                multiple
+                filterable
+                remote
+                :remote-method="searchPackages"
+                :loading="packageLoading"
+                clearable
+              >
+                <template v-if="packageOptions.length === 0 && !packageLoading && form.series_id">
+                  <ElOption disabled value="" label="该系列没有可选套餐" />
+                </template>
+                <ElOption
+                  v-for="pkg in packageOptions"
+                  :key="pkg.id"
+                  :label="`${pkg.package_name} (${pkg.package_code})`"
+                  :value="pkg.id"
+                />
+              </ElSelect>
+              <div class="form-tip">选择该授权下包含的套餐</div>
+            </ElFormItem>
+
+            <!-- 套餐成本价 -->
+            <ElFormItem label="套餐成本价" v-if="form.packages.length > 0">
+              <div class="package-list">
+                <div
+                  v-for="(pkg, index) in form.packages"
+                  :key="pkg.package_id"
+                  class="package-item"
+                >
+                  <span class="package-name">{{ getPackageName(pkg.package_id) }}</span>
+                  <ElInputNumber
+                    v-model="pkg.cost_price"
+                    :min="0"
+                    :precision="2"
+                    :step="0.01"
+                    :controls="false"
+                    placeholder="成本价(元)"
+                    style="width: 150px"
+                  />
+                  <ElButton type="danger" size="small" @click="removePackage(index)">删除</ElButton>
+                </div>
+              </div>
+              <div class="form-tip">设置每个套餐的成本价（单位：元）</div>
+            </ElFormItem>
+          </ElForm>
+          <template #footer>
+            <div class="dialog-footer">
+              <ElButton @click="dialogVisible = false">取消</ElButton>
+              <ElButton type="primary" @click="handleSubmit(formRef)" :loading="submitLoading">
+                提交
+              </ElButton>
+            </div>
+          </template>
+        </ElDialog>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { h } from 'vue'
+  import { useRouter } from 'vue-router'
+  import {
+    ShopSeriesGrantService,
+    PackageSeriesService,
+    ShopService,
+    PackageManageService
+  } from '@/api/modules'
+  import { ElMessage, ElMessageBox, ElSwitch, ElTag, ElRow, ElCol } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import type {
+    ShopSeriesGrantResponse,
+    PackageSeriesResponse,
+    ShopResponse,
+    PackageResponse,
+    CommissionTier
+  } from '@/types/api'
+  import type { SearchFormItem } from '@/types'
+  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { useAuth } from '@/composables/useAuth'
+  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
+  import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
+  import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
+  import { formatDateTime } from '@/utils/business/format'
+  import {
+    CommonStatus,
+    getStatusText,
+    frontendStatusToApi,
+    apiStatusToFrontend
+  } from '@/config/constants'
+
+  defineOptions({ name: 'SeriesGrants' })
+
+  const { hasAuth } = useAuth()
+  const router = useRouter()
+
+  const dialogVisible = ref(false)
+  const loading = ref(false)
+  const submitLoading = ref(false)
+  const seriesLoading = ref(false)
+  const shopLoading = ref(false)
+  const packageLoading = ref(false)
+  const tableRef = ref()
+  const formRef = ref<FormInstance>()
+  const contextMenuRef = ref<InstanceType<typeof ArtMenuRight>>()
+  const currentRow = ref<ShopSeriesGrantResponse | null>(null)
+  const seriesOptions = ref<PackageSeriesResponse[]>([])
+  const shopOptions = ref<ShopResponse[]>([])
+  const shopTreeData = ref<ShopResponse[]>([])
+  const packageOptions = ref<PackageResponse[]>([])
+  const selectedPackageIds = ref<number[]>([])
+  const searchSeriesOptions = ref<PackageSeriesResponse[]>([])
+  const searchShopOptions = ref<ShopResponse[]>([])
+  const searchAllocatorShopOptions = ref<ShopResponse[]>([])
+
+  // 搜索表单初始值
+  const initialSearchState = {
+    shop_id: undefined as number | undefined,
+    series_id: undefined as number | undefined,
+    allocator_shop_id: undefined as number | undefined,
+    status: undefined as number | undefined
+  }
+
+  // 搜索表单
+  const searchForm = reactive({ ...initialSearchState })
+
+  // 搜索表单配置
+  const searchFormItems = computed<SearchFormItem[]>(() => [
+    {
+      label: '被分配店铺',
+      prop: 'shop_id',
+      type: 'select',
+      config: {
+        clearable: true,
+        filterable: true,
+        remote: true,
+        remoteMethod: handleSearchShop,
+        loading: shopLoading.value,
+        placeholder: '请选择或搜索被分配的店铺'
+      },
+      options: () =>
+        searchShopOptions.value.map((s) => ({
+          label: s.shop_name,
+          value: s.id
+        }))
+    },
+
+    {
+      label: '分配者店铺',
+      prop: 'allocator_shop_id',
+      type: 'select',
+      config: {
+        clearable: true,
+        filterable: true,
+        remote: true,
+        remoteMethod: handleSearchAllocatorShop,
+        loading: shopLoading.value,
+        placeholder: '请选择或搜索分配者店铺'
+      },
+      options: () => [
+        { label: '平台', value: 0 },
+        ...searchAllocatorShopOptions.value.map((s) => ({
+          label: s.shop_name,
+          value: s.id
+        }))
+      ]
+    },
+
+    {
+      label: '套餐系列',
+      prop: 'series_id',
+      type: 'select',
+      config: {
+        clearable: true,
+        filterable: true,
+        remote: true,
+        remoteMethod: handleSearchSeries,
+        loading: seriesLoading.value,
+        placeholder: '请选择或搜索套餐系列'
+      },
+      options: () =>
+        searchSeriesOptions.value.map((s) => ({
+          label: s.series_name,
+          value: s.id
+        }))
+    },
+
+    {
+      label: '状态',
+      prop: 'status',
+      type: 'select',
+      config: {
+        clearable: true,
+        placeholder: '请选择状态'
+      },
+      options: () => [
+        { label: '启用', value: 1 },
+        { label: '禁用', value: 2 }
+      ]
+    }
+  ])
+
+  // 分页
+  const pagination = reactive({
+    page: 1,
+    page_size: 20,
+    total: 0
+  })
+
+  // 列配置
+  const columnOptions = [
+    { label: '系列名称', prop: 'series_name' },
+    { label: '店铺名称', prop: 'shop_name' },
+    { label: '分配者店铺', prop: 'allocator_shop_name' },
+    { label: '佣金类型', prop: 'commission_type' },
+    { label: '一次性佣金金额', prop: 'one_time_commission_amount' },
+    { label: '强制充值', prop: 'force_recharge_enabled' },
+    { label: '套餐数量', prop: 'package_count' },
+    { label: '状态', prop: 'status' },
+    { label: '创建时间', prop: 'created_at' }
+  ]
+
+  // 表单数据
+  const form = reactive<any>({
+    id: 0,
+    series_id: undefined,
+    shop_id: undefined,
+    series_name: '',
+    shop_name: '',
+    allocator_shop_name: '',
+    commission_type: 'fixed' as 'fixed' | 'tiered', // 佣金类型
+    one_time_commission_amount: 0, // 固定佣金金额（元）
+    series_max_commission_amount: 0, // 系列最大佣金金额（元）
+    commission_tiers: [] as Array<{
+      threshold: number // 达标阈值
+      dimension: 'sales_count' | 'sales_amount' // 统计维度
+      stat_scope?: 'self' | 'self_and_sub' // 统计范围
+      amount: number // 佣金金额（元）- 这是唯一可编辑的字段
+      max_amount?: number // 系列配置的最大佣金金额（元）- 用于验证
+    }>, // 梯度配置（包含完整字段，从系列继承）
+    enable_force_recharge: false,
+    force_recharge_amount: undefined,
+    series_force_recharge_amount: 0, // 系列强充金额（元）
+    packages: [] as Array<{ package_id: number; cost_price: number }> // 套餐配置
+  })
+
+  // 动态验证规则
+  const rules = computed<FormRules>(() => {
+    const baseRules: FormRules = {
+      series_id: [{ required: true, message: '请选择套餐系列', trigger: 'change' }],
+      shop_id: [{ required: true, message: '请选择店铺', trigger: 'change' }]
+    }
+
+    // 根据佣金类型添加验证规则
+    if (form.commission_type === 'fixed') {
+      baseRules.one_time_commission_amount = [
+        { required: true, message: '请输入固定佣金金额', trigger: 'blur' },
+        {
+          validator: (rule, value, callback) => {
+            if (value === undefined || value === null || value === '') {
+              callback(new Error('请输入固定佣金金额'))
+            } else if (value < 0) {
+              callback(new Error('佣金金额不能小于0'))
+            } else if (
+              form.series_max_commission_amount > 0 &&
+              value > form.series_max_commission_amount
+            ) {
+              callback(
+                new Error(
+                  `佣金金额不能超过该系列最大值 ¥${form.series_max_commission_amount.toFixed(2)}`
+                )
+              )
+            } else {
+              callback()
+            }
+          },
+          trigger: 'blur'
+        }
+      ]
+    } else if (form.commission_type === 'tiered') {
+      baseRules.commission_tiers = [
+        {
+          validator: (rule, value, callback) => {
+            if (!value || value.length === 0) {
+              callback(new Error('请至少添加一个梯度配置'))
+              return
+            }
+
+            // 验证每个梯度的佣金金额不超过最大值
+            for (let i = 0; i < value.length; i++) {
+              const tier = value[i]
+              if (tier.max_amount && tier.amount > tier.max_amount) {
+                callback(
+                  new Error(
+                    `第${i + 1}个梯度的佣金金额¥${tier.amount.toFixed(2)}不能超过系列配置的最大值¥${tier.max_amount.toFixed(2)}`
+                  )
+                )
+                return
+              }
+            }
+
+            callback()
+          },
+          trigger: 'change'
+        }
+      ]
+    }
+
+    // 如果启用了强制充值，添加验证规则
+    if (form.enable_force_recharge) {
+      baseRules.force_recharge_amount = [
+        { required: true, message: '请输入强制充值金额', trigger: 'blur' }
+      ]
+    }
+
+    return baseRules
+  })
+
+  const allocationList = ref<ShopSeriesGrantResponse[]>([])
+  const dialogType = ref('add')
+
+  // 动态列配置
+  const { columnChecks, columns } = useCheckedColumns(() => [
+    {
+      prop: 'series_name',
+      label: '系列名称',
+      minWidth: 150
+    },
+    {
+      prop: 'shop_name',
+      label: '店铺名称',
+      minWidth: 140
+    },
+    {
+      prop: 'allocator_shop_name',
+      label: '分配者店铺',
+      minWidth: 120,
+      formatter: (row: ShopSeriesGrantResponse) => {
+        // 如果是平台分配(allocator_shop_id为0)，显示"平台"标签
+        if (row.allocator_shop_id === 0) {
+          return h(
+            'span',
+            { style: 'color: #409eff; font-weight: bold' },
+            row.allocator_shop_name || '平台'
+          )
+        }
+        return row.allocator_shop_name || '-'
+      }
+    },
+    {
+      prop: 'commission_type',
+      label: '佣金类型',
+      width: 110,
+      formatter: (row: ShopSeriesGrantResponse) => {
+        const typeMap = {
+          fixed: '固定佣金',
+          tiered: '梯度佣金'
+        }
+        return h(
+          ElTag,
+          { type: row.commission_type === 'fixed' ? 'success' : 'warning', size: 'small' },
+          () => typeMap[row.commission_type] || '-'
+        )
+      }
+    },
+    {
+      prop: 'one_time_commission_amount',
+      label: '一次性佣金金额',
+      width: 140,
+      formatter: (row: ShopSeriesGrantResponse) => {
+        if (row.commission_type === 'fixed' && row.one_time_commission_amount > 0) {
+          return h(
+            'span',
+            { style: 'color: #f56c6c; font-weight: bold' },
+            `¥${(row.one_time_commission_amount / 100).toFixed(2)}`
+          )
+        }
+        return '-'
+      }
+    },
+    {
+      prop: 'force_recharge_enabled',
+      label: '强制充值',
+      width: 100,
+      formatter: (row: ShopSeriesGrantResponse) => {
+        return h(
+          ElTag,
+          { type: row.force_recharge_enabled ? 'warning' : 'info', size: 'small' },
+          () => (row.force_recharge_enabled ? '已启用' : '未启用')
+        )
+      }
+    },
+    {
+      prop: 'package_count',
+      label: '套餐数量',
+      width: 100
+    },
+    {
+      prop: 'status',
+      label: '状态',
+      width: 100,
+      formatter: (row: ShopSeriesGrantResponse) => {
+        const frontendStatus = apiStatusToFrontend(row.status)
+        return h(ElSwitch, {
+          modelValue: frontendStatus,
+          activeValue: CommonStatus.ENABLED,
+          inactiveValue: CommonStatus.DISABLED,
+          activeText: getStatusText(CommonStatus.ENABLED),
+          inactiveText: getStatusText(CommonStatus.DISABLED),
+          inlinePrompt: true,
+          disabled: !hasAuth('series_grants:update_status'),
+          'onUpdate:modelValue': (val: string | number | boolean) =>
+            handleStatusChange(row, val as number)
+        })
+      }
+    },
+    {
+      prop: 'created_at',
+      label: '创建时间',
+      width: 180,
+      formatter: (row: ShopSeriesGrantResponse) => formatDateTime(row.created_at)
+    }
+  ])
+
+  // 构建树形结构数据
+  const buildTreeData = (items: ShopResponse[]) => {
+    const map = new Map<number, ShopResponse & { children?: ShopResponse[] }>()
+    const tree: ShopResponse[] = []
+
+    // 先将所有项放入 map
+    items.forEach((item) => {
+      map.set(item.id, { ...item, children: [] })
+    })
+
+    // 构建树形结构
+    items.forEach((item) => {
+      const node = map.get(item.id)!
+      if (item.parent_id && map.has(item.parent_id)) {
+        // 有父节点,添加到父节点的 children 中
+        const parent = map.get(item.parent_id)!
+        if (!parent.children) parent.children = []
+        parent.children.push(node)
+      } else {
+        // 没有父节点或父节点不存在,作为根节点
+        tree.push(node)
+      }
+    })
+
+    return tree
+  }
+
+  onMounted(() => {
+    loadSeriesOptions()
+    loadShopOptions()
+    loadSearchSeriesOptions()
+    loadSearchShopOptions()
+    loadSearchAllocatorShopOptions()
+    getTableData()
+  })
+
+  // 加载套餐选项（用于新增对话框）
+  const loadPackageOptions = async (packageName?: string) => {
+    packageLoading.value = true
+    try {
+      const params: any = {
+        page: 1,
+        page_size: 20
+      }
+
+      // 如果已选择套餐系列，则根据系列ID过滤套餐
+      if (form.series_id) {
+        params.series_id = form.series_id
+      }
+
+      if (packageName) {
+        params.package_name = packageName
+      }
+
+      const res = await PackageManageService.getPackages(params)
+      if (res.code === 0) {
+        packageOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('加载套餐选项失败:', error)
+    } finally {
+      packageLoading.value = false
+    }
+  }
+
+  // 搜索套餐
+  const searchPackages = (query: string) => {
+    if (query) {
+      loadPackageOptions(query)
+    } else {
+      loadPackageOptions()
+    }
+  }
+
+  // 移除套餐
+  const removePackage = (index: number) => {
+    form.packages.splice(index, 1)
+    // 同步更新选中的套餐ID
+    const removedPackageId = form.packages[index]?.package_id
+    if (removedPackageId) {
+      const idIndex = selectedPackageIds.value.indexOf(removedPackageId)
+      if (idIndex > -1) {
+        selectedPackageIds.value.splice(idIndex, 1)
+      }
+    }
+  }
+
+  // 获取套餐名称
+  const getPackageName = (packageId: number) => {
+    const pkg = packageOptions.value.find((p) => p.id === packageId)
+    return pkg ? `${pkg.package_name} (${pkg.package_code})` : `套餐ID: ${packageId}`
+  }
+
+  // 监听套餐选择变化
+  watch(selectedPackageIds, (newIds, oldIds) => {
+    // 找出新增的ID
+    const addedIds = newIds.filter((id) => !oldIds?.includes(id))
+    // 找出删除的ID
+    const removedIds = oldIds?.filter((id) => !newIds.includes(id)) || []
+
+    // 添加新选中的套餐
+    addedIds.forEach((id) => {
+      if (!form.packages.find((p: any) => p.package_id === id)) {
+        form.packages.push({ package_id: id, cost_price: 0 })
+      }
+    })
+
+    // 删除取消选中的套餐
+    removedIds.forEach((id) => {
+      const index = form.packages.findIndex((p: any) => p.package_id === id)
+      if (index > -1) {
+        form.packages.splice(index, 1)
+      }
+    })
+  })
+
+  // 监听套餐系列选择变化，重新加载套餐列表并获取佣金类型
+  watch(
+    () => form.series_id,
+    async (newSeriesId, oldSeriesId) => {
+      // 只在新增模式且系列ID发生变化时处理
+      if (dialogType.value === 'add' && newSeriesId !== oldSeriesId) {
+        // 清空已选套餐
+        form.packages = []
+        selectedPackageIds.value = []
+        packageOptions.value = []
+
+        // 如果选择了系列
+        if (newSeriesId) {
+          // 获取系列详情，读取佣金配置
+          const selectedSeries = seriesOptions.value.find((s) => s.id === newSeriesId)
+          if (selectedSeries) {
+            // 设置系列名称
+            form.series_name = selectedSeries.series_name
+
+            // 从系列配置中获取佣金类型
+            const commissionConfig = selectedSeries.one_time_commission_config
+            if (commissionConfig && commissionConfig.commission_type) {
+              form.commission_type = commissionConfig.commission_type
+
+              // 根据佣金类型初始化对应字段
+              if (commissionConfig.commission_type === 'fixed') {
+                form.one_time_commission_amount = 0
+                // 设置系列最大佣金金额（从分转换为元）
+                form.series_max_commission_amount = commissionConfig.commission_amount
+                  ? commissionConfig.commission_amount / 100
+                  : 0
+                form.commission_tiers = [{ threshold: 0, amount: 0 }]
+              } else if (commissionConfig.commission_type === 'tiered') {
+                form.one_time_commission_amount = 0
+                form.series_max_commission_amount = 0
+                // 梯度配置从系列继承，包含完整字段，佣金金额也默认继承
+                if (commissionConfig.tiers && commissionConfig.tiers.length > 0) {
+                  form.commission_tiers = commissionConfig.tiers.map((tier) => ({
+                    threshold: tier.threshold, // 达标阈值（只读）
+                    dimension: tier.dimension, // 统计维度（只读）
+                    stat_scope: tier.stat_scope, // 统计范围（只读）
+                    amount: tier.amount / 100, // 佣金金额（元）- 默认显示系列的值,可编辑
+                    max_amount: tier.amount / 100 // 系列配置的最大佣金金额（元）- 用于验证
+                  }))
+                } else {
+                  form.commission_tiers = []
+                }
+              }
+
+              // 设置系列强充金额（从分转换为元）
+              if (commissionConfig.force_amount) {
+                form.series_force_recharge_amount = commissionConfig.force_amount / 100
+              } else {
+                form.series_force_recharge_amount = 0
+              }
+            } else {
+              // 默认固定佣金
+              form.commission_type = 'fixed'
+              form.one_time_commission_amount = 0
+              form.series_max_commission_amount = 0
+              form.series_force_recharge_amount = 0
+            }
+          }
+
+          // 重新加载该系列下的套餐
+          loadPackageOptions()
+        } else {
+          // 未选择系列，重置佣金类型
+          form.series_name = ''
+          form.commission_type = 'fixed'
+          form.one_time_commission_amount = 0
+          form.series_max_commission_amount = 0
+          form.series_force_recharge_amount = 0
+          form.commission_tiers = []
+        }
+      }
+    }
+  )
+
+  // 监听启用强制充值开关，自动设置默认强充金额
+  watch(
+    () => form.enable_force_recharge,
+    (enabled) => {
+      if (enabled && form.series_force_recharge_amount > 0 && !form.force_recharge_amount) {
+        // 启用强充时，如果系列有强充金额且用户未输入，则使用系列的强充金额作为默认值
+        form.force_recharge_amount = form.series_force_recharge_amount
+      }
+    }
+  )
+
+  // 加载系列选项（用于新增对话框,默认加载10条）
+  const loadSeriesOptions = async (seriesName?: string) => {
+    seriesLoading.value = true
+    try {
+      const params: any = {
+        page: 1,
+        page_size: 10,
+        status: 1
+      }
+      if (seriesName) {
+        params.series_name = seriesName
+      }
+      const res = await PackageSeriesService.getPackageSeries(params)
+      if (res.code === 0) {
+        seriesOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('加载系列选项失败:', error)
+    } finally {
+      seriesLoading.value = false
+    }
+  }
+
+  // 加载店铺选项（用于新增对话框，加载所有店铺并构建树形结构）
+  const loadShopOptions = async () => {
+    shopLoading.value = true
+    try {
+      // 加载所有店铺，不分页
+      const res = await ShopService.getShops({
+        page: 1,
+        page_size: 10000 // 使用较大的值获取所有店铺
+      })
+      if (res.code === 0) {
+        shopOptions.value = res.data.items
+        // 构建树形结构数据
+        shopTreeData.value = buildTreeData(shopOptions.value)
+      }
+    } catch (error) {
+      console.error('加载店铺选项失败:', error)
+    } finally {
+      shopLoading.value = false
+    }
+  }
+
+  // 加载搜索栏系列选项(默认加载10条)
+  const loadSearchSeriesOptions = async () => {
+    try {
+      const res = await PackageSeriesService.getPackageSeries({
+        page: 1,
+        page_size: 10,
+        status: 1
+      })
+      if (res.code === 0) {
+        searchSeriesOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('加载搜索栏系列选项失败:', error)
+    }
+  }
+
+  // 加载搜索栏店铺选项(默认加载10条)
+  const loadSearchShopOptions = async () => {
+    try {
+      const res = await ShopService.getShops({ page: 1, page_size: 10 })
+      if (res.code === 0) {
+        searchShopOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('加载搜索栏店铺选项失败:', error)
+    }
+  }
+
+  // 加载搜索栏分配者店铺选项(默认加载10条)
+  const loadSearchAllocatorShopOptions = async () => {
+    try {
+      const res = await ShopService.getShops({ page: 1, page_size: 10 })
+      if (res.code === 0) {
+        searchAllocatorShopOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('加载搜索栏分配者店铺选项失败:', error)
+    }
+  }
+
+  // 搜索系列(用于新增对话框)
+  const searchSeries = (query: string) => {
+    if (query) {
+      loadSeriesOptions(query)
+    } else {
+      loadSeriesOptions()
+    }
+  }
+
+  // 搜索系列(用于搜索栏)
+  const handleSearchSeries = async (query: string) => {
+    if (!query) {
+      loadSearchSeriesOptions()
+      return
+    }
+    try {
+      const res = await PackageSeriesService.getPackageSeries({
+        page: 1,
+        page_size: 10,
+        series_name: query,
+        status: 1
+      })
+      if (res.code === 0) {
+        searchSeriesOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('搜索系列失败:', error)
+    }
+  }
+
+  // 搜索店铺(用于搜索栏-被分配的店铺)
+  const handleSearchShop = async (query: string) => {
+    if (!query) {
+      loadSearchShopOptions()
+      return
+    }
+    try {
+      const res = await ShopService.getShops({
+        page: 1,
+        page_size: 10,
+        shop_name: query
+      })
+      if (res.code === 0) {
+        searchShopOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('搜索店铺失败:', error)
+    }
+  }
+
+  // 搜索分配者店铺(用于搜索栏)
+  const handleSearchAllocatorShop = async (query: string) => {
+    if (!query) {
+      loadSearchAllocatorShopOptions()
+      return
+    }
+    try {
+      const res = await ShopService.getShops({
+        page: 1,
+        page_size: 10,
+        shop_name: query
+      })
+      if (res.code === 0) {
+        searchAllocatorShopOptions.value = res.data.items
+      }
+    } catch (error) {
+      console.error('搜索分配者店铺失败:', error)
+    }
+  }
+
+  // 获取分配列表
+  const getTableData = async () => {
+    loading.value = true
+    try {
+      const params = {
+        page: pagination.page,
+        page_size: pagination.page_size,
+        shop_id: searchForm.shop_id || undefined,
+        series_id: searchForm.series_id || undefined,
+        allocator_shop_id:
+          searchForm.allocator_shop_id !== undefined ? searchForm.allocator_shop_id : undefined,
+        status: searchForm.status || undefined
+      }
+      const res = await ShopSeriesGrantService.getShopSeriesGrants(params)
+      if (res.code === 0) {
+        allocationList.value = res.data.items
+        pagination.total = res.data.total || 0
+      }
+    } catch (error) {
+      console.error(error)
+      ElMessage.error('获取系列分配列表失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  // 重置搜索
+  const handleReset = () => {
+    Object.assign(searchForm, { ...initialSearchState })
+    pagination.page = 1
+    getTableData()
+  }
+
+  // 搜索
+  const handleSearch = () => {
+    pagination.page = 1
+    getTableData()
+  }
+
+  // 刷新表格
+  const handleRefresh = () => {
+    getTableData()
+  }
+
+  // 处理表格分页变化
+  const handleSizeChange = (newPageSize: number) => {
+    pagination.page_size = newPageSize
+    getTableData()
+  }
+
+  const handleCurrentChange = (newCurrentPage: number) => {
+    pagination.page = newCurrentPage
+    getTableData()
+  }
+
+  // 显示新增/编辑对话框
+  const showDialog = async (type: string, row?: ShopSeriesGrantResponse) => {
+    dialogVisible.value = true
+    dialogType.value = type
+
+    if (type === 'edit' && row) {
+      // 编辑模式：先调用详情接口获取完整数据
+      loading.value = true
+      try {
+        const res = await ShopSeriesGrantService.getShopSeriesGrantDetail(row.id)
+        if (res.code === 0) {
+          const detail = res.data
+
+          // 设置基本信息
+          form.id = detail.id
+          form.series_id = detail.series_id
+          form.shop_id = detail.shop_id
+          form.series_name = detail.series_name
+          form.shop_name = detail.shop_name
+          form.allocator_shop_name = detail.allocator_shop_name
+          form.commission_type = detail.commission_type
+
+          // 获取系列配置信息
+          const selectedSeries = seriesOptions.value.find((s) => s.id === detail.series_id)
+
+          // 设置佣金配置
+          if (detail.commission_type === 'fixed') {
+            form.one_time_commission_amount = detail.one_time_commission_amount / 100
+            // 设置系列最大佣金金额
+            if (selectedSeries?.one_time_commission_config?.commission_amount) {
+              form.series_max_commission_amount =
+                selectedSeries.one_time_commission_config.commission_amount / 100
+            } else {
+              form.series_max_commission_amount = 0
+            }
+          } else if (detail.commission_type === 'tiered' && detail.commission_tiers) {
+            // 梯度配置：从响应中获取完整数据
+            // 获取系列配置以获取 dimension 和 stat_scope
+            const selectedSeries = seriesOptions.value.find((s) => s.id === detail.series_id)
+            const seriesTiers = selectedSeries?.one_time_commission_config?.tiers || []
+
+            form.commission_tiers = detail.commission_tiers.map((tier, index) => {
+              const seriesTier = seriesTiers[index]
+              return {
+                threshold: tier.threshold, // 达标阈值（只读）
+                dimension: seriesTier?.dimension || 'sales_count', // 统计维度（只读，从系列获取）
+                stat_scope: seriesTier?.stat_scope, // 统计范围（只读，从系列获取）
+                amount: tier.amount / 100, // 佣金金额（元）- 可编辑，将分转换为元
+                max_amount: seriesTier?.amount ? seriesTier.amount / 100 : undefined // 系列配置的最大佣金金额（元）- 用于验证
+              }
+            })
+            form.series_max_commission_amount = 0
+          }
+
+          // 设置系列强充金额
+          if (selectedSeries?.one_time_commission_config?.force_amount) {
+            form.series_force_recharge_amount =
+              selectedSeries.one_time_commission_config.force_amount / 100
+          } else {
+            form.series_force_recharge_amount = 0
+          }
+
+          // 设置强制充值配置
+          form.enable_force_recharge = detail.force_recharge_enabled
+          form.force_recharge_amount = detail.force_recharge_amount
+            ? detail.force_recharge_amount / 100
+            : undefined
+
+          // 设置套餐数据
+          if (detail.packages && detail.packages.length > 0) {
+            form.packages = detail.packages.map((pkg) => ({
+              package_id: pkg.package_id,
+              cost_price: pkg.cost_price / 100 // 将分转换为元
+            }))
+            selectedPackageIds.value = detail.packages.map((pkg) => pkg.package_id)
+          } else {
+            form.packages = []
+            selectedPackageIds.value = []
+          }
+
+          // 加载该系列下的套餐选项
+          if (detail.series_id) {
+            await loadPackageOptions()
+          }
+        }
+      } catch (error) {
+        console.error('获取详情失败:', error)
+        ElMessage.error('获取详情失败')
+        dialogVisible.value = false
+      } finally {
+        loading.value = false
+      }
+    } else {
+      // 新增模式：重置表单
+      form.id = 0
+      form.series_id = undefined
+      form.shop_id = undefined
+      form.series_name = ''
+      form.shop_name = ''
+      form.allocator_shop_name = ''
+      form.commission_type = 'fixed'
+      form.one_time_commission_amount = 0
+      form.series_max_commission_amount = 0
+      form.series_force_recharge_amount = 0
+      form.commission_tiers = []
+      form.enable_force_recharge = false
+      form.force_recharge_amount = undefined
+      form.packages = []
+      selectedPackageIds.value = []
+      packageOptions.value = [] // 清空套餐选项
+    }
+
+    // 重置表单验证状态
+    nextTick(() => {
+      formRef.value?.clearValidate()
+    })
+  }
+
+  // 处理弹窗关闭事件
+  const handleDialogClosed = () => {
+    // 清除表单验证状态
+    formRef.value?.clearValidate()
+    // 重置表单数据
+    form.id = 0
+    form.series_id = undefined
+    form.shop_id = undefined
+    form.series_name = ''
+    form.shop_name = ''
+    form.allocator_shop_name = ''
+    form.commission_type = 'fixed'
+    form.one_time_commission_amount = 0
+    form.series_max_commission_amount = 0
+    form.series_force_recharge_amount = 0
+    form.commission_tiers = []
+    form.enable_force_recharge = false
+    form.force_recharge_amount = undefined
+    form.packages = []
+    selectedPackageIds.value = []
+  }
+
+  // 查看详情
+  const handleViewDetail = (row: ShopSeriesGrantResponse) => {
+    router.push(`/package-management/series-grants/detail/${row.id}`)
+  }
+
+  // 删除分配
+  const deleteAllocation = (row: ShopSeriesGrantResponse) => {
+    ElMessageBox.confirm(
+      `确定删除系列 ${row.series_name} 对店铺 ${row.shop_name} 的授权吗？`,
+      '删除确认',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'error'
+      }
+    )
+      .then(async () => {
+        try {
+          await ShopSeriesGrantService.deleteShopSeriesGrant(row.id)
+          ElMessage.success('删除成功')
+          await getTableData()
+        } catch (error) {
+          console.error(error)
+        }
+      })
+      .catch(() => {
+        // 用户取消删除
+      })
+  }
+
+  // 提交表单
+  const handleSubmit = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    await formEl.validate(async (valid) => {
+      if (valid) {
+        submitLoading.value = true
+        try {
+          // 构建请求数据
+          const data: any = {}
+
+          // 根据佣金类型携带不同参数
+          if (form.commission_type === 'fixed') {
+            // 固定模式：携带 one_time_commission_amount（将元转换为分）
+            data.one_time_commission_amount = Math.round(form.one_time_commission_amount * 100)
+          } else if (form.commission_type === 'tiered') {
+            // 梯度模式：携带 commission_tiers（将元转换为分）
+            // 注意：请求时不传 operator，operator 是响应中从 PackageSeries 合并过来的
+            data.commission_tiers = form.commission_tiers.map((tier: CommissionTier) => ({
+              threshold: tier.threshold,
+              amount: Math.round(tier.amount * 100) // 将元转换为分
+            }))
+          }
+
+          // 可选：强制充值配置
+          if (form.enable_force_recharge) {
+            data.enable_force_recharge = true
+            data.force_recharge_amount = Math.round((form.force_recharge_amount || 0) * 100)
+          }
+
+          // 可选：套餐配置（将元转换为分）
+          if (form.packages.length > 0) {
+            data.packages = form.packages.map((pkg: any) => ({
+              package_id: pkg.package_id,
+              cost_price: Math.round(pkg.cost_price * 100) // 将元转换为分
+            }))
+          }
+
+          if (dialogType.value === 'add') {
+            // 新增时需要必填字段
+            data.series_id = form.series_id
+            data.shop_id = form.shop_id
+            await ShopSeriesGrantService.createShopSeriesGrant(data)
+            ElMessage.success('新增成功')
+          } else {
+            // 编辑时调用更新接口
+            await ShopSeriesGrantService.updateShopSeriesGrant(form.id, data)
+            ElMessage.success('修改成功')
+          }
+
+          dialogVisible.value = false
+          formEl.resetFields()
+          await getTableData()
+        } catch (error) {
+          console.error(error)
+        } finally {
+          submitLoading.value = false
+        }
+      }
+    })
+  }
+
+  // 状态切换
+  const handleStatusChange = async (row: ShopSeriesGrantResponse, newFrontendStatus: number) => {
+    const oldStatus = row.status
+    const newApiStatus = frontendStatusToApi(newFrontendStatus)
+    row.status = newApiStatus
+    try {
+      await ShopSeriesGrantService.updateShopSeriesGrant(row.id, { status: newApiStatus } as any)
+      ElMessage.success('状态切换成功')
+    } catch (error) {
+      row.status = oldStatus
+      console.error(error)
+    }
+  }
+
+  // 右键菜单项配置
+  const contextMenuItems = computed((): MenuItemType[] => {
+    const items: MenuItemType[] = []
+
+    if (hasAuth('series_grants:detail')) {
+      items.push({ key: 'detail', label: '详情' })
+    }
+
+    if (hasAuth('series_grants:edit')) {
+      items.push({ key: 'edit', label: '编辑' })
+    }
+
+    if (hasAuth('series_grants:delete')) {
+      items.push({ key: 'delete', label: '删除' })
+    }
+
+    return items
+  })
+
+  // 处理表格行右键菜单
+  const handleRowContextMenu = (row: ShopSeriesGrantResponse, column: any, event: MouseEvent) => {
+    event.preventDefault()
+    event.stopPropagation()
+    currentRow.value = row
+    contextMenuRef.value?.show(event)
+  }
+
+  // 处理右键菜单选择
+  const handleContextMenuSelect = (item: MenuItemType) => {
+    if (!currentRow.value) return
+
+    switch (item.key) {
+      case 'detail':
+        handleViewDetail(currentRow.value)
+        break
+      case 'edit':
+        showDialog('edit', currentRow.value)
+        break
+      case 'delete':
+        deleteAllocation(currentRow.value)
+        break
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .series-grants-page {
+    // 可以添加特定样式
+  }
+
+  .dialog-footer {
+    text-align: right;
+  }
+
+  .form-tip {
+    margin-top: 4px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+
+    .max-amount-hint {
+      color: var(--el-text-color-regular);
+
+      .amount-value {
+        font-weight: 600;
+        color: var(--el-color-warning);
+      }
+    }
+
+    .series-force-hint {
+      color: var(--el-text-color-regular);
+
+      .amount-value {
+        font-weight: 600;
+        color: var(--el-color-primary);
+      }
+    }
+  }
+
+  .form-section-title {
+    margin: 20px 0 16px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid var(--el-border-color);
+
+    .title-text {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .commission-type-display {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .type-hint {
+      font-size: 13px;
+      color: var(--el-text-color-secondary);
+    }
+  }
+
+  .tier-list {
+    width: 100%;
+  }
+
+  .tier-item {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    margin-bottom: 8px;
+
+    .tier-label {
+      font-size: 14px;
+      color: var(--el-text-color-regular);
+      white-space: nowrap;
+    }
+  }
+
+  .package-list {
+    width: 100%;
+  }
+
+  .package-item {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    padding: 8px;
+    margin-bottom: 8px;
+    background-color: var(--el-fill-color-light);
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 4px;
+    transition:
+      background-color 0.3s,
+      border-color 0.3s;
+
+    &:hover {
+      background-color: var(--el-fill-color);
+    }
+
+    .package-name {
+      flex: 1;
+      font-size: 14px;
+      color: var(--el-text-color-regular);
+    }
+  }
+
+  .info-row {
+    display: flex;
+    gap: 20px;
+    padding: 12px;
+    margin-bottom: 18px;
+    background-color: var(--el-fill-color-lighter);
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 4px;
+  }
+
+  .info-item {
+    display: flex;
+    flex: 1;
+    align-items: center;
+  }
+
+  .info-label {
+    margin-right: 8px;
+    font-size: 14px;
+    white-space: nowrap;
+    color: var(--el-text-color-regular);
+  }
+
+  .info-value {
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--el-color-primary);
+  }
+
+  .readonly-value {
+    font-size: 14px;
+    color: var(--el-text-color-primary);
+    font-weight: 500;
+  }
+</style>