From fac05db39afc818668193f4928f51f70e5b5554f Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 20 Jul 2026 10:50:23 +0800
Subject: [PATCH 01/76] =?UTF-8?q?feat:=20=E6=8D=A2=E8=B4=A7=E6=96=B0?=
 =?UTF-8?q?=E8=B5=84=E4=BA=A7=E5=BD=92=E5=B1=9E=E7=BB=A7=E6=89=BF=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               |  22 ++
 .../specs/exchange-management/spec.md         |  88 +++++
 .../tasks.md                                  |  22 ++
 src/api/modules/asset.ts                      |   9 +-
 src/api/modules/exchange.ts                   |   6 +-
 .../exchange-management/detail.vue            |  11 +
 .../exchange-management/index.vue             | 344 +++++++++++++++++-
 7 files changed, 485 insertions(+), 17 deletions(-)
 create mode 100644 openspec/changes/update-exchange-inherited-shop-hint/proposal.md
 create mode 100644 openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md
 create mode 100644 openspec/changes/update-exchange-inherited-shop-hint/tasks.md

diff --git a/openspec/changes/update-exchange-inherited-shop-hint/proposal.md b/openspec/changes/update-exchange-inherited-shop-hint/proposal.md
new file mode 100644
index 0000000..dd2597d
--- /dev/null
+++ b/openspec/changes/update-exchange-inherited-shop-hint/proposal.md
@@ -0,0 +1,22 @@
+# Change: 换货新资产归属继承提示
+
+## Why
+
+当前换货流程在选择新资产后，页面没有明确告知换货完成后的最终归属店铺，运营人员容易误以为可以手工选择目标店铺，进而对换货结果产生误判。
+
+## What Changes
+
+- 在换货创建入口、发货确认入口、换货详情页补充旧资产所属店铺和新资产继承归属店铺的展示。
+- 保持现有换货创建、发货、确认完成接口和入参语义不变，不新增目标店铺选择控件或目标店铺提交字段。
+- 扩展换货响应数据，返回 `inherited_shop_id` 和 `inherited_shop_name` 供前端统一展示最终归属店铺。
+- 在创建、发货、确认完成流程中补充提交中禁用、防重复提交、后端归属校验失败提示，以及成功后的详情刷新。
+
+## Impact
+
+- Affected specs: `exchange-management`
+- Related active changes: `update-exchange-flow-direct-type`（本提案建立在现有换货流程类型改造之上，需合并考虑）
+- Affected code:
+  - `src/api/modules/exchange.ts`
+  - `src/views/asset-management/exchange-management/index.vue`
+  - `src/views/asset-management/exchange-management/detail.vue`
+  - 相关旧资产/新资产搜索结果类型或映射逻辑（如需补充店铺名称展示数据）
diff --git a/openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md b/openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md
new file mode 100644
index 0000000..05a5e7d
--- /dev/null
+++ b/openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md
@@ -0,0 +1,88 @@
+## ADDED Requirements
+
+### Requirement: 换货归属继承上下文展示
+
+系统 SHALL 在换货创建和发货确认流程中展示旧资产当前所属店铺，并在用户选定新资产后以只读方式提示换货完成后的继承归属店铺，避免用户误认为可以手工指定目标店铺。
+
+#### Scenario: 创建入口展示旧资产所属店铺
+
+- **GIVEN** 用户进入现有换货创建入口
+- **WHEN** 用户选择旧资产
+- **THEN** 系统 MUST 显示该旧资产当前所属店铺名称
+- **AND** 该所属店铺信息 MUST be read-only
+
+#### Scenario: 选择新资产后展示继承归属提示
+
+- **GIVEN** 用户正在换货创建或发货确认流程中操作
+- **WHEN** 用户选择新资产
+- **THEN** 系统 MUST 显示只读提示 `换货完成后将归属：{店铺名称}`
+- **AND** `{店铺名称}` MUST 表示该新资产换货完成后的最终归属店铺
+
+#### Scenario: 页面不提供目标店铺选择控件
+
+- **WHEN** 用户查看换货创建或发货确认入口
+- **THEN** 系统 MUST NOT 渲染目标店铺选择控件
+- **AND** 用户 MUST NOT 能够手工覆盖继承归属店铺
+
+### Requirement: 换货归属继承接口契约
+
+系统 SHALL 复用现有换货创建、发货和确认完成接口，并在换货数据模型中返回继承后的店铺标识和店铺名称，供创建结果、发货结果、完成结果和详情页统一展示。
+
+#### Scenario: 创建请求保持既有字段语义
+
+- **WHEN** 前端调用 `POST /api/admin/exchanges`
+- **THEN** 请求体 MUST 继续沿用旧资产、新资产、换货类型和资料迁移字段
+- **AND** 请求体 MUST NOT 新增目标店铺字段
+
+#### Scenario: 发货和完成请求不新增目标店铺字段
+
+- **WHEN** 前端调用 `POST /api/admin/exchanges/{id}/ship` 或 `POST /api/admin/exchanges/{id}/complete`
+- **THEN** 请求体 MUST NOT 新增目标店铺字段
+- **AND** 后端 MUST 继续按现有换货流程处理归属继承
+
+#### Scenario: 换货响应返回继承店铺字段
+
+- **WHEN** 前端收到换货创建、发货、确认完成结果或读取换货详情
+- **THEN** 返回的 `data` MUST 包含 `inherited_shop_id:int64` 和 `inherited_shop_name:string`
+- **AND** `inherited_shop_name` MUST 表示换货完成后新资产最终归属的店铺名称
+
+### Requirement: 换货详情继承归属展示
+
+系统 SHALL 在换货详情页展示继承后的店铺名称，并在关键操作成功后刷新详情数据，保证页面展示的归属信息与后端一致。
+
+#### Scenario: 详情页展示继承后的店铺名称
+
+- **GIVEN** 用户进入换货详情页
+- **WHEN** 详情数据加载成功
+- **THEN** 页面 MUST 展示继承后的店铺名称
+- **AND** 页面 MUST NOT 隐藏该归属字段
+
+#### Scenario: 发货或确认完成成功后刷新详情
+
+- **GIVEN** 用户完成换货发货或确认完成操作
+- **WHEN** 接口返回成功
+- **THEN** 系统 MUST 重新拉取该换货单详情
+- **AND** 刷新后的详情 MUST 展示最新的继承归属店铺信息
+
+### Requirement: 换货归属继承错误与提交状态处理
+
+系统 SHALL 在新资产归属校验失败时直接展示后端错误，并在创建、发货、确认完成提交期间禁用操作按钮，防止重复提交，同时保证失败后可以重试。
+
+#### Scenario: 新资产属于其他店铺时展示后端错误
+
+- **GIVEN** 用户选择了不允许用于当前换货流程的新资产
+- **WHEN** 后端返回“新资产属于其他店铺”或等价归属校验错误
+- **THEN** 系统 MUST 直接展示后端错误信息
+- **AND** 系统 MUST NOT 提供手工修改目标店铺的替代入口
+
+#### Scenario: 提交期间禁用按钮防止重复提交
+
+- **WHEN** 用户提交创建、发货或确认完成操作
+- **THEN** 当前操作按钮 MUST 进入禁用或 loading 状态直到请求结束
+- **AND** 在请求完成前的重复点击 MUST NOT 触发第二次提交
+
+#### Scenario: 请求失败后恢复可重试状态
+
+- **WHEN** 创建、发货或确认完成请求失败
+- **THEN** 系统 MUST 恢复当前操作按钮可用状态
+- **AND** 页面 MUST 保留当前已展示的资产与归属提示，便于用户修正后重试
diff --git a/openspec/changes/update-exchange-inherited-shop-hint/tasks.md b/openspec/changes/update-exchange-inherited-shop-hint/tasks.md
new file mode 100644
index 0000000..b058979
--- /dev/null
+++ b/openspec/changes/update-exchange-inherited-shop-hint/tasks.md
@@ -0,0 +1,22 @@
+## 1. API Contract
+
+- [x] 1.1 更新换货数据模型，补充 `inherited_shop_id` 和 `inherited_shop_name` 响应字段，并覆盖创建、发货、确认完成及详情读取场景。
+- [x] 1.2 保持 `POST /api/admin/exchanges`、`POST /api/admin/exchanges/{id}/ship`、`POST /api/admin/exchanges/{id}/complete` 的既有入参语义，不新增目标店铺字段。
+
+## 2. Exchange Create And Ship UI
+
+- [x] 2.1 在换货创建入口中，选择旧资产后展示旧资产所属店铺。
+- [x] 2.2 在换货创建入口和发货确认入口中，选择新资产后展示只读提示 `换货完成后将归属：{店铺名称}`。
+- [x] 2.3 确保上述页面不新增目标店铺选择控件，也不允许手工覆盖继承归属。
+
+## 3. Exchange Detail And Submission States
+
+- [x] 3.1 在换货详情页展示继承后的店铺名称，并在发货或确认完成成功后重新拉取详情。
+- [x] 3.2 在创建、发货、确认完成提交期间禁用操作按钮，防止重复提交。
+- [x] 3.3 在新资产归属校验失败时展示后端错误，并在失败后恢复可重试状态。
+
+## 4. Verification
+
+- [x] 4.1 验证创建、发货确认、详情三个入口均能正确展示旧资产所属店铺和继承归属店铺。
+- [x] 4.2 验证加载中、失败提示、重复提交防护和成功后详情刷新的交互状态。
+- [x] 4.3 运行相关前端校验，并执行 `openspec validate update-exchange-inherited-shop-hint --strict`。
diff --git a/src/api/modules/asset.ts b/src/api/modules/asset.ts
index 5e83a46..540e15d 100644
--- a/src/api/modules/asset.ts
+++ b/src/api/modules/asset.ts
@@ -54,9 +54,14 @@ export class AssetService extends BaseService {
    */
   static resolveAsset(
     identifier: string,
-    params?: AssetResolveParams
+    params?: AssetResolveParams,
+    config?: Record<string, any>
   ): Promise<BaseResponse<AssetResolveResponse>> {
-    return this.getOne<AssetResolveResponse>(`/api/admin/assets/resolve/${identifier}`, params)
+    return this.getOne<AssetResolveResponse>(
+      `/api/admin/assets/resolve/${identifier}`,
+      params,
+      config
+    )
   }
 
   /**
diff --git a/src/api/modules/exchange.ts b/src/api/modules/exchange.ts
index d6ae11f..5bc8dcb 100644
--- a/src/api/modules/exchange.ts
+++ b/src/api/modules/exchange.ts
@@ -47,6 +47,8 @@ export interface ExchangeResponse {
   recipient_address?: string
   express_company?: string
   express_no?: string
+  inherited_shop_id?: number | null
+  inherited_shop_name?: string | null
   remark?: string
   created_at: string
   updated_at: string
@@ -114,8 +116,8 @@ export class ExchangeService extends BaseService {
    * POST /api/admin/exchanges/{id}/complete
    * @param id 换货单ID
    */
-  static completeExchange(id: number): Promise<BaseResponse> {
-    return this.post<BaseResponse>(`/api/admin/exchanges/${id}/complete`, {})
+  static completeExchange(id: number): Promise<BaseResponse<ExchangeResponse>> {
+    return this.post<BaseResponse<ExchangeResponse>>(`/api/admin/exchanges/${id}/complete`, {})
   }
 
   /**
diff --git a/src/views/asset-management/exchange-management/detail.vue b/src/views/asset-management/exchange-management/detail.vue
index c574693..f468540 100644
--- a/src/views/asset-management/exchange-management/detail.vue
+++ b/src/views/asset-management/exchange-management/detail.vue
@@ -45,6 +45,12 @@
   const exchangeDetail = ref<ExchangeResponse | null>(null)
   const exchangeId = ref<number>(0)
 
+  const formatExchangeShopName = (shopName?: string | null, shopId?: number | null) => {
+    if (shopName) return shopName
+    if (shopId === null || shopId === 0) return '平台'
+    return '--'
+  }
+
   const getStatusType = (status: number): TagProps['type'] => {
     const types: Record<number, TagProps['type']> = {
       1: 'warning',
@@ -96,6 +102,11 @@
           label: '新资产标识符',
           formatter: (value) => value || '--',
           prop: 'new_asset_identifier'
+        },
+        {
+          label: '继承归属店铺',
+          formatter: (_, data) =>
+            formatExchangeShopName(data.inherited_shop_name, data.inherited_shop_id)
         }
       ]
     })
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index a341a31..4adffdc 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -170,6 +170,9 @@
                 </ElOption>
               </ElSelect>
             </ElFormItem>
+            <ElFormItem v-if="createOldAssetShopDisplay" label="旧资产所属店铺">
+              <ElInput :model-value="createOldAssetShopDisplay" readonly disabled />
+            </ElFormItem>
             <ElFormItem
               v-if="createForm.flow_type === 'direct' && createForm.old_asset_type === 'iot_card'"
               label="新资产标识符"
@@ -232,6 +235,9 @@
                 </ElOption>
               </ElSelect>
             </ElFormItem>
+            <ElFormItem v-if="createDirectInheritedShopHint" label="归属提示">
+              <div class="exchange-shop-hint">{{ createDirectInheritedShopHint }}</div>
+            </ElFormItem>
             <ElFormItem v-if="createForm.flow_type === 'direct'" label="是否迁移数据">
               <ElSwitch v-model="createForm.migrate_data" />
               <div style="margin-top: 4px; margin-left: 8px; font-size: 12px; color: #909399">
@@ -250,7 +256,9 @@
 
           <template #footer>
             <div class="dialog-footer">
-              <ElButton @click="createDialogVisible = false">取消</ElButton>
+              <ElButton @click="createDialogVisible = false" :disabled="createLoading"
+                >取消</ElButton
+              >
               <ElButton type="primary" @click="handleConfirmCreate" :loading="createLoading">
                 确认创建
               </ElButton>
@@ -267,11 +275,70 @@
           @closed="handleCloseShipDialog"
         >
           <ElForm ref="shipFormRef" :model="shipForm" :rules="shipRules" label-width="120px">
-            <ElFormItem label="新资产标识符" prop="new_identifier">
-              <ElInput
+            <ElFormItem
+              v-if="shipAssetType === 'iot_card'"
+              label="新资产标识符"
+              prop="new_identifier"
+            >
+              <ElSelect
                 v-model="shipForm.new_identifier"
-                placeholder="请输入新资产标识符(ICCID/虚拟号/IMEI/SN)"
-              />
+                filterable
+                remote
+                reserve-keyword
+                placeholder="请输入ICCID搜索"
+                :remote-method="searchShipNewIotCards"
+                :loading="newCardSearchLoading"
+                style="width: 100%"
+                clearable
+              >
+                <ElOption
+                  v-for="card in newIotCardOptions"
+                  :key="card.id"
+                  :label="`${card.iccid} (${card.msisdn || '无接入号'})`"
+                  :value="card.iccid"
+                >
+                  <div style="display: flex; justify-content: space-between">
+                    <span>{{ card.iccid }}</span>
+                    <span style="font-size: 12px; color: var(--el-text-color-secondary)">
+                      {{ card.msisdn || '无接入号' }}
+                    </span>
+                  </div>
+                </ElOption>
+              </ElSelect>
+            </ElFormItem>
+            <ElFormItem
+              v-else-if="shipAssetType === 'device'"
+              label="新资产标识符"
+              prop="new_identifier"
+            >
+              <ElSelect
+                v-model="shipForm.new_identifier"
+                filterable
+                remote
+                reserve-keyword
+                placeholder="请输入虚拟号或IMEI搜索"
+                :remote-method="searchShipNewDevices"
+                :loading="newDeviceSearchLoading"
+                style="width: 100%"
+                clearable
+              >
+                <ElOption
+                  v-for="device in newDeviceOptions"
+                  :key="device.id"
+                  :label="`${device.virtual_no} (${device.device_name || device.imei})`"
+                  :value="device.virtual_no"
+                >
+                  <div style="display: flex; justify-content: space-between">
+                    <span>{{ device.virtual_no }}</span>
+                    <span style="font-size: 12px; color: var(--el-text-color-secondary)">
+                      {{ device.device_name || device.imei }}
+                    </span>
+                  </div>
+                </ElOption>
+              </ElSelect>
+            </ElFormItem>
+            <ElFormItem v-if="shipInheritedShopDisplayText" label="归属提示">
+              <div class="exchange-shop-hint">{{ shipInheritedShopDisplayText }}</div>
             </ElFormItem>
             <ElFormItem label="快递公司" prop="express_company">
               <ElInput v-model="shipForm.express_company" placeholder="请输入快递公司" />
@@ -289,7 +356,7 @@
 
           <template #footer>
             <div class="dialog-footer">
-              <ElButton @click="shipDialogVisible = false">取消</ElButton>
+              <ElButton @click="shipDialogVisible = false" :disabled="shipLoading">取消</ElButton>
               <ElButton type="primary" @click="handleConfirmShip" :loading="shipLoading">
                 确认发货
               </ElButton>
@@ -411,6 +478,7 @@
   const newCardSearchLoading = ref(false)
   const newDeviceOptions = ref<Device[]>([])
   const newDeviceSearchLoading = ref(false)
+  const completeLoadingId = ref<number | null>(null)
 
   // 发货表单
   const shipForm = reactive({
@@ -426,6 +494,88 @@
     express_no: [{ required: true, message: '请输入快递单号', trigger: 'blur' }]
   })
 
+  type ShopSelectableOption = {
+    shop_id?: number | null
+    shop_name?: string | null
+  }
+
+  const getShopDisplayName = (option?: ShopSelectableOption | null) => {
+    if (!option) return ''
+    if (option.shop_name) return option.shop_name
+    if (option.shop_id === null || option.shop_id === 0) return '平台'
+    return ''
+  }
+
+  const createSelectedOldAsset = computed<ShopSelectableOption | null>(() => {
+    if (!createForm.old_identifier) return null
+
+    if (createForm.old_asset_type === 'iot_card') {
+      return (
+        oldIotCardOptions.value.find((card) => card.iccid === createForm.old_identifier) || null
+      )
+    }
+
+    if (createForm.old_asset_type === 'device') {
+      return (
+        oldDeviceOptions.value.find((device) => device.virtual_no === createForm.old_identifier) ||
+        null
+      )
+    }
+
+    return null
+  })
+
+  const createSelectedNewAsset = computed<ShopSelectableOption | null>(() => {
+    if (!createForm.new_identifier) return null
+
+    if (createForm.old_asset_type === 'iot_card') {
+      return (
+        newIotCardOptions.value.find((card) => card.iccid === createForm.new_identifier) || null
+      )
+    }
+
+    if (createForm.old_asset_type === 'device') {
+      return (
+        newDeviceOptions.value.find((device) => device.virtual_no === createForm.new_identifier) ||
+        null
+      )
+    }
+
+    return null
+  })
+
+  const shipAssetType = computed(() => currentExchangeRow.value?.old_asset_type || '')
+
+  const shipSelectedNewAsset = computed<ShopSelectableOption | null>(() => {
+    if (!shipForm.new_identifier) return null
+
+    if (shipAssetType.value === 'iot_card') {
+      return newIotCardOptions.value.find((card) => card.iccid === shipForm.new_identifier) || null
+    }
+
+    if (shipAssetType.value === 'device') {
+      return (
+        newDeviceOptions.value.find((device) => device.virtual_no === shipForm.new_identifier) ||
+        null
+      )
+    }
+
+    return null
+  })
+
+  const createOldAssetShopDisplay = computed(() => getShopDisplayName(createSelectedOldAsset.value))
+
+  const createDirectInheritedShopHint = computed(() => {
+    const shopName = getShopDisplayName(createSelectedNewAsset.value)
+    return shopName ? `换货完成后将归属：${shopName}` : ''
+  })
+
+  const shipInheritedShopDisplayText = computed(() => {
+    const shopName = getShopDisplayName(shipSelectedNewAsset.value)
+
+    return shopName ? `换货完成后将归属：${shopName}` : ''
+  })
+
   // 分页
   const pagination = reactive({
     page: 1,
@@ -732,11 +882,25 @@
     }
   }
 
+  const refreshExchangeDetail = async (id: number) => {
+    try {
+      const res = await ExchangeService.getExchangeDetail(id)
+      if (res.code === 0 && res.data) {
+        return res.data
+      }
+    } catch (error) {
+      console.error('刷新换货详情失败:', error)
+    }
+
+    return null
+  }
+
   // 加载默认IoT卡列表
   const loadDefaultIotCards = async () => {
     oldCardSearchLoading.value = true
     try {
       const res = await CardService.getStandaloneIotCards({
+        is_standalone: true,
         page: 1,
         page_size: 10
       })
@@ -787,6 +951,7 @@
     oldCardSearchLoading.value = true
     try {
       const res = await CardService.getStandaloneIotCards({
+        is_standalone: true,
         keyword: query,
         page: 1,
         page_size: 20
@@ -845,6 +1010,36 @@
     newCardSearchLoading.value = true
     try {
       const res = await CardService.getStandaloneIotCards({
+        is_standalone: true,
+        keyword: query,
+        page: 1,
+        page_size: 20
+      })
+      if (res.code === 0 && res.data) {
+        newIotCardOptions.value = res.data.items || []
+        if (newIotCardOptions.value.length === 0) {
+          ElMessage.info('未找到匹配的IoT卡')
+        }
+      }
+    } catch (error) {
+      console.error('搜索IoT卡失败:', error)
+      newIotCardOptions.value = []
+    } finally {
+      newCardSearchLoading.value = false
+    }
+  }
+
+  const searchShipNewIotCards = async (query: string) => {
+    if (!query) {
+      await loadDefaultShipNewIotCards()
+      return
+    }
+
+    newCardSearchLoading.value = true
+    try {
+      const res = await CardService.getStandaloneIotCards({
+        is_standalone: true,
+        status: 1,
         keyword: query,
         page: 1,
         page_size: 20
@@ -868,6 +1063,27 @@
     newCardSearchLoading.value = true
     try {
       const res = await CardService.getStandaloneIotCards({
+        is_standalone: true,
+        page: 1,
+        page_size: 10
+      })
+      if (res.code === 0 && res.data) {
+        newIotCardOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('加载IoT卡列表失败:', error)
+      newIotCardOptions.value = []
+    } finally {
+      newCardSearchLoading.value = false
+    }
+  }
+
+  const loadDefaultShipNewIotCards = async () => {
+    newCardSearchLoading.value = true
+    try {
+      const res = await CardService.getStandaloneIotCards({
+        is_standalone: true,
+        status: 1,
         page: 1,
         page_size: 10
       })
@@ -911,6 +1127,34 @@
     }
   }
 
+  const searchShipNewDevices = async (query: string) => {
+    if (!query) {
+      await loadDefaultShipNewDevices()
+      return
+    }
+
+    newDeviceSearchLoading.value = true
+    try {
+      const res = await DeviceService.getDevices({
+        status: 1,
+        keyword: query,
+        page: 1,
+        page_size: 20
+      })
+      if (res.code === 0 && res.data) {
+        newDeviceOptions.value = res.data.items || []
+        if (newDeviceOptions.value.length === 0) {
+          ElMessage.info('未找到匹配的设备')
+        }
+      }
+    } catch (error) {
+      console.error('搜索设备失败:', error)
+      newDeviceOptions.value = []
+    } finally {
+      newDeviceSearchLoading.value = false
+    }
+  }
+
   // 加载默认新设备列表
   const loadDefaultNewDevices = async () => {
     newDeviceSearchLoading.value = true
@@ -930,10 +1174,29 @@
     }
   }
 
+  const loadDefaultShipNewDevices = async () => {
+    newDeviceSearchLoading.value = true
+    try {
+      const res = await DeviceService.getDevices({
+        status: 1,
+        page: 1,
+        page_size: 10
+      })
+      if (res.code === 0 && res.data) {
+        newDeviceOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('加载设备列表失败:', error)
+      newDeviceOptions.value = []
+    } finally {
+      newDeviceSearchLoading.value = false
+    }
+  }
+
   // 确认创建
   const handleConfirmCreate = () => {
     createFormRef.value?.validate(async (valid) => {
-      if (!valid) return
+      if (!valid || createLoading.value) return
 
       createLoading.value = true
       try {
@@ -961,7 +1224,10 @@
           ElMessage.success('换货单创建成功')
           createDialogVisible.value = false
           await loadExchangeList()
+          return
         }
+
+        ElMessage.error(res.msg || '换货单创建失败')
       } catch (error) {
         console.error('创建换货单失败:', error)
       } finally {
@@ -1081,29 +1347,44 @@
   }
 
   // 发货
-  const handleShipExchange = (row: ExchangeResponse) => {
+  const handleShipExchange = async (row: ExchangeResponse) => {
     currentExchangeRow.value = row
     // 重置表单
     shipForm.new_identifier = ''
     shipForm.express_company = ''
     shipForm.express_no = ''
     shipForm.migrate_data = true
+    newIotCardOptions.value = []
+    newDeviceOptions.value = []
     shipDialogVisible.value = true
+
+    if (row.old_asset_type === 'iot_card') {
+      await loadDefaultShipNewIotCards()
+    } else if (row.old_asset_type === 'device') {
+      await loadDefaultShipNewDevices()
+    }
   }
 
   // 确认发货
   const handleConfirmShip = () => {
     shipFormRef.value?.validate(async (valid) => {
-      if (!valid || !currentExchangeRow.value) return
+      if (!valid || !currentExchangeRow.value || shipLoading.value) return
 
       shipLoading.value = true
       try {
         const res = await ExchangeService.shipExchange(currentExchangeRow.value.id, shipForm)
         if (res.code === 0) {
+          const latestDetail = await refreshExchangeDetail(currentExchangeRow.value.id)
+          if (latestDetail) {
+            currentExchangeRow.value = latestDetail
+          }
           ElMessage.success('发货成功')
           shipDialogVisible.value = false
           await loadExchangeList()
+          return
         }
+
+        ElMessage.error(res.msg || '发货失败')
       } catch (error) {
         console.error('发货失败:', error)
       } finally {
@@ -1115,25 +1396,52 @@
   // 关闭发货对话框
   const handleCloseShipDialog = () => {
     shipFormRef.value?.resetFields()
+    currentExchangeRow.value = null
+    newIotCardOptions.value = []
+    newDeviceOptions.value = []
   }
 
   // 确认完成
   const handleCompleteExchange = (row: ExchangeResponse) => {
+    if (completeLoadingId.value === row.id) return
+
+    completeLoadingId.value = row.id
+
     ElMessageBox.confirm('确定要确认换货完成吗？', '确认操作', {
       confirmButtonText: '确定',
       cancelButtonText: '取消',
-      type: 'warning'
-    })
-      .then(async () => {
+      type: 'warning',
+      beforeClose: async (action, instance, done) => {
+        if (action !== 'confirm') {
+          done()
+          return
+        }
+
+        instance.confirmButtonLoading = true
+        instance.confirmButtonText = '提交中...'
+
         try {
           const res = await ExchangeService.completeExchange(row.id)
           if (res.code === 0) {
-            ElMessage.success('操作成功')
+            await refreshExchangeDetail(row.id)
             await loadExchangeList()
+            ElMessage.success('操作成功')
+            done()
+            return
           }
+
+          ElMessage.error(res.msg || '确认完成失败')
         } catch (error) {
           console.error('确认完成失败:', error)
+        } finally {
+          instance.confirmButtonLoading = false
+          instance.confirmButtonText = '确定'
         }
+      }
+    })
+      .then(() => {})
+      .finally(() => {
+        completeLoadingId.value = null
       })
       .catch(() => {})
   }
@@ -1168,5 +1476,15 @@
 <style lang="scss" scoped>
   .exchange-management-page {
     height: 100%;
+
+    .exchange-shop-hint {
+      width: 100%;
+      padding: 10px 12px;
+      line-height: 1.5;
+      color: var(--el-color-primary);
+      background: var(--el-color-primary-light-9);
+      border: 1px solid var(--el-color-primary-light-7);
+      border-radius: 6px;
+    }
   }
 </style>

From ca338dd345f22cff6d3df02baaca1e5610ed29bb Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 20 Jul 2026 11:02:05 +0800
Subject: [PATCH 02/76] =?UTF-8?q?fix:=20=E6=B5=8B=E8=AF=95=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E6=98=BE=E7=A4=BAdevelop=E5=88=86=E6=94=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitea/workflows/deploy.yaml                  |  8 +--
 .../proposal.md                               | 24 ++++++++
 .../specs/commission-management/spec.md       | 60 +++++++++++++++++++
 .../tasks.md                                  | 22 +++++++
 4 files changed, 110 insertions(+), 4 deletions(-)
 create mode 100644 openspec/changes/update-agent-fund-low-balance-warning/proposal.md
 create mode 100644 openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md
 create mode 100644 openspec/changes/update-agent-fund-low-balance-warning/tasks.md

diff --git a/.gitea/workflows/deploy.yaml b/.gitea/workflows/deploy.yaml
index 3f94b11..d50e3b1 100644
--- a/.gitea/workflows/deploy.yaml
+++ b/.gitea/workflows/deploy.yaml
@@ -3,7 +3,7 @@ name: 构建并部署前端到测试环境
 on:
   push:
     branches:
-      - main
+      - develop
       - dev
       - test
 
@@ -27,7 +27,7 @@ jobs:
       - name: 设置镜像标签
         id: tag
         run: |
-          if [ "${{ github.ref }}" = "refs/heads/main" ]; then
+          if [ "${{ github.ref }}" = "refs/heads/develop" ]; then
             echo "tag=latest" >> $GITHUB_OUTPUT
           elif [ "${{ github.ref }}" = "refs/heads/dev" ]; then
             echo "tag=dev" >> $GITHUB_OUTPUT
@@ -51,8 +51,8 @@ jobs:
           docker push ${{ env.IMAGE_NAME }}:${{ steps.tag.outputs.tag }}
           docker push ${{ env.IMAGE_NAME }}:${{ github.sha }}
 
-      - name: 部署到本地（仅 main 分支）
-        if: github.ref == 'refs/heads/main'
+      - name: 部署到本地（仅 develop 分支）
+        if: github.ref == 'refs/heads/develop'
         run: |
           # 确保部署目录存在
           mkdir -p ${{ env.DEPLOY_DIR }}
diff --git a/openspec/changes/update-agent-fund-low-balance-warning/proposal.md b/openspec/changes/update-agent-fund-low-balance-warning/proposal.md
new file mode 100644
index 0000000..3e49dfc
--- /dev/null
+++ b/openspec/changes/update-agent-fund-low-balance-warning/proposal.md
@@ -0,0 +1,24 @@
+# Change: 代理现金余额不足100元展示
+
+## Why
+
+当前代理资金概况缺少对现金可用余额不足的明确提示，运营人员无法快速识别需要关注的店铺资金状态。业务要求以固定阈值 100 元展示预警，不开放阈值配置，也不把信用额度计入预警文案。
+
+## What Changes
+
+- 在代理资金概况中展示现金余额、冻结金额和基于后端 `low_balance_warning` 的“现金余额不足100元”红色状态。
+- 复用 `GET /api/admin/shops/fund-summary`，读取 `balance`、`frozen_balance`、`cash_available`、`low_balance_warning` 字段，金额统一按分转元展示。
+- 复用通知列表与通知目标解析接口，实现低余额通知跳转到对应店铺资金页。
+- 明确前端不得自行计算 100 元阈值，也不得展示阈值输入框。
+- 不包含公共站内通知中心页面的实现与改造。
+
+## Impact
+
+- Affected specs: `commission-management`
+- Affected code:
+  - `src/types/api/commission.ts`
+  - `src/views/commission-management/agent-fund-overview/index.vue`
+  - 顶部通知抽屉相关通知跳转逻辑
+- Out of scope:
+  - 公共站内通知中心页面的开发或改造
+  - 任意余额预警阈值配置能力
diff --git a/openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md b/openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md
new file mode 100644
index 0000000..fb15f68
--- /dev/null
+++ b/openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md
@@ -0,0 +1,60 @@
+## ADDED Requirements
+
+### Requirement: Agent Cash Available Low Balance Warning
+
+The agent fund overview SHALL display cash balance data and a fixed-threshold low balance warning using the backend-provided `low_balance_warning` flag from `GET /api/admin/shops/fund-summary`. The frontend MUST NOT calculate the threshold itself and MUST NOT expose any threshold configuration input.
+
+#### Scenario: Display normal balance state above threshold
+
+- **GIVEN** 用户进入代理资金概况页面
+- **WHEN** `GET /api/admin/shops/fund-summary` 返回 `balance`、`frozen_balance`、`cash_available`
+- **AND** `low_balance_warning=false`
+- **THEN** 页面 MUST 展示现金余额和冻结金额
+- **AND** 所有金额 MUST 按分转元展示
+- **AND** 页面 MUST NOT 展示“现金余额不足100元”红色状态
+
+#### Scenario: Display warning state at or below threshold
+
+- **GIVEN** 用户进入代理资金概况页面
+- **WHEN** `GET /api/admin/shops/fund-summary` 返回 `low_balance_warning=true`
+- **THEN** 页面 MUST 展示“现金余额不足100元”红色状态
+- **AND** 该提示 MUST NOT 将信用额度计入文案
+
+#### Scenario: Frontend does not expose threshold configuration
+
+- **WHEN** 用户查看代理资金概况页面
+- **THEN** 页面 MUST NOT 展示余额预警阈值输入框或配置控件
+- **AND** 前端 MUST NOT 依据 `cash_available` 自行计算是否低于 `100` 元
+
+### Requirement: Agent Fund Summary Low Balance Response Fields
+
+The frontend SHALL read the low-balance display state exclusively from the `GET /api/admin/shops/fund-summary` response fields `balance:int64`, `frozen_balance:int64`, `cash_available:int64`, and `low_balance_warning:bool`.
+
+#### Scenario: Read low balance response contract
+
+- **WHEN** 前端请求 `GET /api/admin/shops/fund-summary`
+- **THEN** 前端 MUST 读取 `balance`、`frozen_balance`、`cash_available`、`low_balance_warning`
+- **AND** `low_balance_warning` MUST be the only source of truth for whether the warning is shown
+
+### Requirement: Low Balance Notification Target Navigation
+
+The system SHALL allow users to navigate from low-balance notifications in the top notification drawer to the corresponding shop's fund overview page by reusing the notification list and notification target resolution APIs. Unauthorized targets SHALL follow the shared error-page behavior.
+
+#### Scenario: Navigate from low balance notification to shop fund overview
+
+- **GIVEN** 用户在顶部通知抽屉中看到低余额通知
+- **WHEN** 用户点击该通知
+- **THEN** 前端 MUST 复用 `GET /api/admin/notifications/{id}/target` 解析跳转目标
+- **AND** 系统 MUST 导航到对应店铺的资金页
+
+#### Scenario: Handle unauthorized notification target
+
+- **GIVEN** 用户点击低余额通知
+- **WHEN** 通知目标页无权限访问或目标不可访问
+- **THEN** 系统 MUST 按统一错误页处理
+
+#### Scenario: Public notification center is out of scope
+
+- **WHEN** 本次变更落地
+- **THEN** 公共站内通知中心页面 MUST NOT be required for this change to be considered complete
+- **AND** 顶部通知抽屉跳转能力仍 MUST be supported
diff --git a/openspec/changes/update-agent-fund-low-balance-warning/tasks.md b/openspec/changes/update-agent-fund-low-balance-warning/tasks.md
new file mode 100644
index 0000000..349f7ee
--- /dev/null
+++ b/openspec/changes/update-agent-fund-low-balance-warning/tasks.md
@@ -0,0 +1,22 @@
+## 1. API Contract
+
+- [ ] 1.1 更新代理资金概况相关数据模型，补充 `balance`、`frozen_balance`、`cash_available`、`low_balance_warning` 字段读取。
+- [ ] 1.2 复用 `GET /api/admin/notifications` 和 `GET /api/admin/notifications/{id}/target` 的既有通知接口，不新增站内通知中心专用接口。
+
+## 2. Agent Fund Overview UI
+
+- [ ] 2.1 在代理资金概况中展示现金余额、冻结金额，并统一按分转元格式化。
+- [ ] 2.2 当 `low_balance_warning=true` 时展示“现金余额不足100元”红色状态。
+- [ ] 2.3 不展示阈值输入框，不把信用额度计入预警文案，也不由前端自行计算余额阈值。
+
+## 3. Notification Navigation
+
+- [ ] 3.1 在顶部通知抽屉中支持低余额通知跳转到对应店铺资金页。
+- [ ] 3.2 当用户无目标页面权限或目标不可访问时，按统一错误页处理。
+- [ ] 3.3 明确公共站内通知中心页面不在本次实现范围内。
+
+## 4. Verification
+
+- [ ] 4.1 验证现金可用余额高于、等于、低于100元三种情况下的状态展示正确，且仅由 `low_balance_warning` 控制。
+- [ ] 4.2 验证通知跳转到对应店铺资金页成功，无权限时进入统一错误处理。
+- [ ] 4.3 运行相关前端校验，并执行 `openspec validate update-agent-fund-low-balance-warning --strict`。

From e95dc8e4f52c6e9ed99eeab7d51bfea66d81fea4 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 20 Jul 2026 12:17:02 +0800
Subject: [PATCH 03/76] =?UTF-8?q?feat:=E4=BB=A3=E7=90=86=E7=8E=B0=E9=87=91?=
 =?UTF-8?q?=E4=BD=99=E9=A2=9D=E4=B8=8D=E8=B6=B3100=E5=85=83=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E3=80=81=E5=BA=97=E9=93=BA=E4=B8=9A=E5=8A=A1=E5=91=98?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=B1=95=E7=A4=BA=E4=B8=8E=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               |   6 +-
 .../specs/commission-management/spec.md       |  23 +--
 .../tasks.md                                  |  23 ++-
 .../proposal.md                               |  29 ++++
 .../specs/shop-management/spec.md             |  80 +++++++++++
 .../tasks.md                                  |  27 ++++
 src/api/modules/account.ts                    |  12 ++
 src/types/api/account.ts                      |  14 ++
 src/types/api/commission.ts                   |   4 +
 src/types/api/shop.ts                         |   6 +
 .../agent-fund-overview/index.vue             |  26 +++-
 src/views/shop-management/list/index.vue      | 133 ++++++++++++++++--
 12 files changed, 334 insertions(+), 49 deletions(-)
 create mode 100644 openspec/changes/update-shop-salesperson-selection/proposal.md
 create mode 100644 openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md
 create mode 100644 openspec/changes/update-shop-salesperson-selection/tasks.md

diff --git a/openspec/changes/update-agent-fund-low-balance-warning/proposal.md b/openspec/changes/update-agent-fund-low-balance-warning/proposal.md
index 3e49dfc..a5575c3 100644
--- a/openspec/changes/update-agent-fund-low-balance-warning/proposal.md
+++ b/openspec/changes/update-agent-fund-low-balance-warning/proposal.md
@@ -8,9 +8,8 @@
 
 - 在代理资金概况中展示现金余额、冻结金额和基于后端 `low_balance_warning` 的“现金余额不足100元”红色状态。
 - 复用 `GET /api/admin/shops/fund-summary`，读取 `balance`、`frozen_balance`、`cash_available`、`low_balance_warning` 字段，金额统一按分转元展示。
-- 复用通知列表与通知目标解析接口，实现低余额通知跳转到对应店铺资金页。
 - 明确前端不得自行计算 100 元阈值，也不得展示阈值输入框。
-- 不包含公共站内通知中心页面的实现与改造。
+- 不包含任何公共站内通知相关功能的实现或改造。
 
 ## Impact
 
@@ -18,7 +17,6 @@
 - Affected code:
   - `src/types/api/commission.ts`
   - `src/views/commission-management/agent-fund-overview/index.vue`
-  - 顶部通知抽屉相关通知跳转逻辑
 - Out of scope:
-  - 公共站内通知中心页面的开发或改造
+  - 顶部通知抽屉、站内通知中心及其他公共站内通知功能的开发或改造
   - 任意余额预警阈值配置能力
diff --git a/openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md b/openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md
index fb15f68..10b0473 100644
--- a/openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md
+++ b/openspec/changes/update-agent-fund-low-balance-warning/specs/commission-management/spec.md
@@ -36,25 +36,12 @@ The frontend SHALL read the low-balance display state exclusively from the `GET
 - **THEN** 前端 MUST 读取 `balance`、`frozen_balance`、`cash_available`、`low_balance_warning`
 - **AND** `low_balance_warning` MUST be the only source of truth for whether the warning is shown
 
-### Requirement: Low Balance Notification Target Navigation
+### Requirement: Public Notification Features Are Out Of Scope
 
-The system SHALL allow users to navigate from low-balance notifications in the top notification drawer to the corresponding shop's fund overview page by reusing the notification list and notification target resolution APIs. Unauthorized targets SHALL follow the shared error-page behavior.
+This change SHALL NOT add or modify top notification drawer, notification center, or any other public in-app notification feature.
 
-#### Scenario: Navigate from low balance notification to shop fund overview
-
-- **GIVEN** 用户在顶部通知抽屉中看到低余额通知
-- **WHEN** 用户点击该通知
-- **THEN** 前端 MUST 复用 `GET /api/admin/notifications/{id}/target` 解析跳转目标
-- **AND** 系统 MUST 导航到对应店铺的资金页
-
-#### Scenario: Handle unauthorized notification target
-
-- **GIVEN** 用户点击低余额通知
-- **WHEN** 通知目标页无权限访问或目标不可访问
-- **THEN** 系统 MUST 按统一错误页处理
-
-#### Scenario: Public notification center is out of scope
+#### Scenario: Deliver low balance overview without notification changes
 
 - **WHEN** 本次变更落地
-- **THEN** 公共站内通知中心页面 MUST NOT be required for this change to be considered complete
-- **AND** 顶部通知抽屉跳转能力仍 MUST be supported
+- **THEN** 代理资金概况的低余额展示 MUST be available
+- **AND** 顶部通知抽屉、站内通知中心及其他公共站内通知功能 MUST NOT be changed by this proposal
diff --git a/openspec/changes/update-agent-fund-low-balance-warning/tasks.md b/openspec/changes/update-agent-fund-low-balance-warning/tasks.md
index 349f7ee..4f8cb65 100644
--- a/openspec/changes/update-agent-fund-low-balance-warning/tasks.md
+++ b/openspec/changes/update-agent-fund-low-balance-warning/tasks.md
@@ -1,22 +1,15 @@
 ## 1. API Contract
 
-- [ ] 1.1 更新代理资金概况相关数据模型，补充 `balance`、`frozen_balance`、`cash_available`、`low_balance_warning` 字段读取。
-- [ ] 1.2 复用 `GET /api/admin/notifications` 和 `GET /api/admin/notifications/{id}/target` 的既有通知接口，不新增站内通知中心专用接口。
+- [x] 1.1 更新代理资金概况相关数据模型，补充 `balance`、`frozen_balance`、`cash_available`、`low_balance_warning` 字段读取。
 
 ## 2. Agent Fund Overview UI
 
-- [ ] 2.1 在代理资金概况中展示现金余额、冻结金额，并统一按分转元格式化。
-- [ ] 2.2 当 `low_balance_warning=true` 时展示“现金余额不足100元”红色状态。
-- [ ] 2.3 不展示阈值输入框，不把信用额度计入预警文案，也不由前端自行计算余额阈值。
+- [x] 2.1 在代理资金概况中展示现金余额、冻结金额，并统一按分转元格式化。
+- [x] 2.2 当 `low_balance_warning=true` 时展示“现金余额不足100元”红色状态。
+- [x] 2.3 不展示阈值输入框，不把信用额度计入预警文案，也不由前端自行计算余额阈值。
 
-## 3. Notification Navigation
+## 3. Verification
 
-- [ ] 3.1 在顶部通知抽屉中支持低余额通知跳转到对应店铺资金页。
-- [ ] 3.2 当用户无目标页面权限或目标不可访问时，按统一错误页处理。
-- [ ] 3.3 明确公共站内通知中心页面不在本次实现范围内。
-
-## 4. Verification
-
-- [ ] 4.1 验证现金可用余额高于、等于、低于100元三种情况下的状态展示正确，且仅由 `low_balance_warning` 控制。
-- [ ] 4.2 验证通知跳转到对应店铺资金页成功，无权限时进入统一错误处理。
-- [ ] 4.3 运行相关前端校验，并执行 `openspec validate update-agent-fund-low-balance-warning --strict`。
+- [ ] 3.1 验证现金可用余额高于、等于、低于100元三种情况下的状态展示正确，且仅由 `low_balance_warning` 控制。
+- [x] 3.2 验证本次改动未引入公共站内通知相关功能。
+- [x] 3.3 运行相关前端校验，并执行 `openspec validate update-agent-fund-low-balance-warning --strict`。
diff --git a/openspec/changes/update-shop-salesperson-selection/proposal.md b/openspec/changes/update-shop-salesperson-selection/proposal.md
new file mode 100644
index 0000000..a6d058e
--- /dev/null
+++ b/openspec/changes/update-shop-salesperson-selection/proposal.md
@@ -0,0 +1,29 @@
+# Change: 店铺平台业务员选择、展示与筛选
+
+## Why
+
+当前店铺没有记录负责的平台业务员，运营无法在新建、编辑、列表和详情中维护或查看业务归属。需要为店铺绑定可选的平台业务员，该绑定仅用于业务归属和通知关系，不承载分销、佣金或发展层级语义。
+
+## What Changes
+
+- 在店铺新建和编辑表单新增可清空、可搜索的“平台业务员”选择器。
+- 候选业务员复用启用的平台账号查询接口，展示账号名和手机号摘要。
+- 扩展店铺创建、更新、列表查询、列表返回和详情返回的数据契约，支持 `business_owner_account_id` 及业务员展示字段。
+- 在店铺列表新增业务员列和按业务员筛选项，在店铺详情展示业务员名称和手机号摘要。
+- 已停用的已绑定业务员仅用于历史列表和详情展示，不能作为新建或编辑表单的候选项。
+- 不新增分销、佣金、发展层级或其他业务结算行为。
+
+## Impact
+
+- Affected specs: `shop-management`
+- Affected code:
+  - `src/api/modules/shop.ts`
+  - `src/types/api/shop.ts`
+  - 平台账号查询 API 类型或服务模块
+  - `src/views/shop-management/list/index.vue`
+  - 店铺详情页或详情抽屉的展示配置
+- API contracts:
+  - `POST /api/admin/shops`
+  - `PUT /api/admin/shops/{id}`
+  - `GET /api/admin/shops`
+  - `GET /api/admin/accounts?account_type=platform&status=1`
diff --git a/openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md b/openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md
new file mode 100644
index 0000000..33ef119
--- /dev/null
+++ b/openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md
@@ -0,0 +1,80 @@
+## ADDED Requirements
+
+### Requirement: Shop Platform Salesperson Assignment
+
+The system SHALL allow users to assign or clear an optional platform salesperson for a shop during shop creation and editing. The assignment SHALL represent only business ownership and notification relationship and MUST NOT create distribution, commission, or hierarchy behavior.
+
+#### Scenario: Assign an enabled platform account during shop creation
+
+- **GIVEN** 用户进入店铺新建表单
+- **WHEN** 用户在“平台业务员”可搜索下拉中选择一个启用的平台账号
+- **THEN** 系统 MUST 提交该账号的 `business_owner_account_id`
+- **AND** 候选项 MUST 展示账号名和手机号摘要
+
+#### Scenario: Edit a shop salesperson assignment
+
+- **GIVEN** 用户进入已存在店铺的编辑表单
+- **WHEN** 用户选择不同的启用平台账号
+- **THEN** 系统 MUST 在 `PUT /api/admin/shops/{id}` 请求中提交新的 `business_owner_account_id`
+
+#### Scenario: Clear a shop salesperson assignment
+
+- **GIVEN** 店铺已绑定平台业务员
+- **WHEN** 用户清空“平台业务员”选择器并提交编辑表单
+- **THEN** 系统 MUST 提交 `business_owner_account_id: null`
+- **AND** 店铺不再关联该业务员
+
+#### Scenario: Do not expose disabled accounts as editable candidates
+
+- **WHEN** 用户打开或搜索“平台业务员”选择器
+- **THEN** 系统 MUST 仅查询 `account_type=platform` 且 `status=1` 的账号
+- **AND** 已停用平台账号 MUST NOT 作为新建或编辑候选项显示
+
+#### Scenario: No eligible salesperson exists
+
+- **GIVEN** 不存在启用的平台账号
+- **WHEN** 用户打开“平台业务员”选择器
+- **THEN** 系统 MUST 显示无可选账号状态
+- **AND** 用户仍 MUST 能够不选择业务员完成表单提交
+
+### Requirement: Shop Salesperson List Filtering And Display
+
+The shop list SHALL display the assigned salesperson and support filtering by `business_owner_account_id`.
+
+#### Scenario: Display salesperson in shop list
+
+- **WHEN** 用户查看店铺列表
+- **THEN** 列表 MUST 显示业务员列
+- **AND** 已绑定业务员的行 MUST 展示 `business_owner_name` 和 `business_owner_phone_masked`
+
+#### Scenario: Filter shops by salesperson
+
+- **WHEN** 用户在店铺列表选择一个平台业务员作为筛选条件
+- **THEN** 前端 MUST 在 `GET /api/admin/shops` 请求中提交该账号的 `business_owner_account_id`
+- **AND** 列表 MUST 仅展示后端返回的匹配店铺
+
+#### Scenario: Display historical disabled salesperson in list
+
+- **GIVEN** 店铺历史上已绑定的平台业务员后来被停用
+- **WHEN** 用户查看店铺列表
+- **THEN** 列表 MUST 继续展示该店铺返回的 `business_owner_name` 和 `business_owner_phone_masked`
+
+### Requirement: Shop Detail Salesperson Display
+
+The shop detail SHALL display the assigned salesperson name and masked phone from the shop detail response, including historical assignments to disabled accounts.
+
+#### Scenario: Display salesperson in shop detail
+
+- **WHEN** 用户查看已绑定平台业务员的店铺详情
+- **THEN** 页面 MUST 展示业务员名称和手机号摘要
+
+#### Scenario: Display historical disabled salesperson in detail
+
+- **GIVEN** 店铺绑定的业务员已停用
+- **WHEN** 用户查看该店铺详情
+- **THEN** 页面 MUST 继续使用详情响应中的 `business_owner_name` 和 `business_owner_phone_masked` 展示历史业务员信息
+
+#### Scenario: Do not add distribution or commission semantics
+
+- **WHEN** 用户查看店铺新建、编辑、列表或详情页面
+- **THEN** 页面 MUST NOT 将平台业务员描述为分销关系、佣金关系或发展层级
diff --git a/openspec/changes/update-shop-salesperson-selection/tasks.md b/openspec/changes/update-shop-salesperson-selection/tasks.md
new file mode 100644
index 0000000..802e324
--- /dev/null
+++ b/openspec/changes/update-shop-salesperson-selection/tasks.md
@@ -0,0 +1,27 @@
+## 1. API Contract
+
+- [x] 1.1 更新店铺创建和编辑请求类型，支持可空的 `business_owner_account_id`。
+- [x] 1.2 更新店铺列表查询类型，支持 `business_owner_account_id` 筛选参数。
+- [x] 1.3 更新店铺列表和详情响应类型，读取业务员 ID、名称和脱敏手机号字段。
+- [x] 1.4 复用启用平台账号查询接口，读取 `account_id`、`account_name`、`phone_masked` 作为候选项。
+
+## 2. Shop Form UI
+
+- [x] 2.1 在店铺新建和编辑表单增加可搜索、可清空的“平台业务员”下拉选择。
+- [x] 2.2 候选项展示账号名和手机号摘要，仅查询并展示启用的平台账号。
+- [x] 2.3 支持清空已选择业务员，并按 `business_owner_account_id: null` 提交。
+- [x] 2.4 已停用业务员不出现在编辑候选项中。
+
+## 3. Shop List And Detail UI
+
+- [x] 3.1 在店铺列表增加业务员列，展示业务员名称和手机号摘要。
+- [x] 3.2 在店铺列表搜索区增加按业务员筛选项，并提交选中的 `business_owner_account_id`。
+- [x] 3.3 在店铺详情展示业务员名称和手机号摘要；已停用但历史绑定的业务员仍正常显示。
+
+## 4. Verification
+
+- [ ] 4.1 验证创建、编辑、清空业务员和无可选账号状态。
+- [ ] 4.2 验证列表业务员展示和按业务员筛选正确。
+- [ ] 4.3 验证详情对历史停用业务员仍能展示名称和手机号摘要。
+- [x] 4.4 确认页面不引入分销、佣金或发展层级文案。
+- [x] 4.5 运行相关前端校验，并执行 `openspec validate update-shop-salesperson-selection --strict`。
diff --git a/src/api/modules/account.ts b/src/api/modules/account.ts
index 8b8a39f..f3256f3 100644
--- a/src/api/modules/account.ts
+++ b/src/api/modules/account.ts
@@ -6,6 +6,8 @@ import { BaseService } from '../BaseService'
 import type {
   PlatformAccount,
   AccountQueryParams,
+  PlatformSalesperson,
+  PlatformSalespersonQueryParams,
   CreatePlatformAccountParams,
   BaseResponse,
   PaginationResponse
@@ -23,6 +25,16 @@ export class AccountService extends BaseService {
     return this.getPage<PlatformAccount>('/api/admin/accounts', params)
   }
 
+  /**
+   * 获取启用的平台业务员候选
+   * GET /api/admin/accounts?account_type=platform&status=1
+   */
+  static getPlatformSalespeople(
+    params: PlatformSalespersonQueryParams
+  ): Promise<PaginationResponse<PlatformSalesperson>> {
+    return this.getPage<PlatformSalesperson>('/api/admin/accounts', params)
+  }
+
   /**
    * 创建账号
    * POST /api/admin/accounts
diff --git a/src/types/api/account.ts b/src/types/api/account.ts
index 108e1a7..94747b4 100644
--- a/src/types/api/account.ts
+++ b/src/types/api/account.ts
@@ -107,6 +107,20 @@ export interface AccountQueryParams extends PaginationParams {
   enterprise_id?: number // 按企业ID筛选
 }
 
+// 平台业务员候选账号
+export interface PlatformSalesperson {
+  account_id: number
+  account_name: string
+  phone_masked: string
+}
+
+// 平台业务员候选查询参数
+export interface PlatformSalespersonQueryParams extends PaginationParams {
+  account_type: 'platform'
+  status: AccountStatus
+  account_name?: string
+}
+
 // 代理商查询参数
 export interface AgentQueryParams extends PaginationParams {
   keyword?: string
diff --git a/src/types/api/commission.ts b/src/types/api/commission.ts
index 478bdf8..66f2e1e 100644
--- a/src/types/api/commission.ts
+++ b/src/types/api/commission.ts
@@ -211,6 +211,10 @@ export interface ShopFundSummaryItem {
   phone?: string // 主账号手机号
   main_balance: number // 预充值余额(分)
   main_frozen_balance: number // 预充值冻结余额(分)
+  balance: number // 现金余额(分)
+  frozen_balance: number // 现金冻结金额(分)
+  cash_available: number // 现金可用余额(分)
+  low_balance_warning: boolean // 现金可用余额不足100元预警
   total_commission: number // 总佣金(分)
   available_commission: number // 可提现佣金(分)
   frozen_commission: number // 冻结中佣金(分)
diff --git a/src/types/api/shop.ts b/src/types/api/shop.ts
index 0831b48..dd115ff 100644
--- a/src/types/api/shop.ts
+++ b/src/types/api/shop.ts
@@ -21,6 +21,9 @@ export interface ShopResponse {
   contact_name: string // 联系人姓名
   contact_phone: string // 联系人电话
   status: number // 状态 (0:禁用, 1:启用)
+  business_owner_account_id?: number | null // 平台业务员账号ID
+  business_owner_name?: string // 平台业务员名称
+  business_owner_phone_masked?: string // 平台业务员脱敏手机号
 }
 
 // 店铺列表查询参数
@@ -32,6 +35,7 @@ export interface ShopQueryParams extends PaginationParams {
   parent_id?: number | null // 上级店铺ID
   level?: number | null // 店铺层级 (1-7级)
   status?: number | null // 状态 (0:禁用, 1:启用)
+  business_owner_account_id?: number | null // 平台业务员账号ID
   page?: number // 页码
   page_size?: number // 每页数量
 }
@@ -50,6 +54,7 @@ export interface CreateShopParams {
   address?: string // 详细地址
   contact_name?: string // 联系人姓名
   contact_phone?: string // 联系人电话
+  business_owner_account_id?: number | null // 平台业务员账号ID
 }
 
 // 更新店铺参数
@@ -62,6 +67,7 @@ export interface UpdateShopParams {
   address?: string // 详细地址
   contact_name?: string // 联系人姓名
   contact_phone?: string // 联系人电话
+  business_owner_account_id?: number | null // 平台业务员账号ID
 }
 
 // 店铺列表分页响应
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index ed187ca..7285fe6 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -550,7 +550,9 @@
     { label: '店铺名称', prop: 'shop_name' },
     { label: '用户名', prop: 'username' },
     { label: '手机号', prop: 'phone' },
-    { label: '预充值余额', prop: 'main_balance' },
+    { label: '现金余额', prop: 'balance' },
+    { label: '冻结金额', prop: 'frozen_balance' },
+    { label: '余额预警', prop: 'low_balance_warning' },
     { label: '总佣金', prop: 'total_commission' },
     { label: '可提现', prop: 'available_commission' },
     { label: '冻结中', prop: 'frozen_commission' },
@@ -637,17 +639,33 @@
       width: 120
     },
     {
-      prop: 'main_balance',
-      label: '预充值余额',
+      prop: 'balance',
+      label: '现金余额',
       minWidth: 130,
       formatter: (row: ShopFundSummaryItem) => {
         return h(
           'span',
           { style: 'color: var(--el-color-primary); font-weight: 500' },
-          formatMoney(row.main_balance)
+          formatMoney(row.balance)
         )
       }
     },
+    {
+      prop: 'frozen_balance',
+      label: '冻结金额',
+      minWidth: 120,
+      formatter: (row: ShopFundSummaryItem) => formatMoney(row.frozen_balance)
+    },
+    {
+      prop: 'low_balance_warning',
+      label: '余额预警',
+      minWidth: 170,
+      formatter: (row: ShopFundSummaryItem) => {
+        if (!row.low_balance_warning) return '-'
+
+        return h(ElTag, { type: 'danger' }, () => '现金余额不足100元')
+      }
+    },
     {
       prop: 'total_commission',
       label: '总佣金',
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index 0ba3ba4..c270c05 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -126,6 +126,37 @@
               </ElCol>
             </ElRow>
 
+            <ElRow :gutter="20">
+              <ElCol :span="12">
+                <ElFormItem label="平台业务员">
+                  <ElSelect
+                    v-model="formData.business_owner_account_id"
+                    filterable
+                    remote
+                    clearable
+                    placeholder="请选择或搜索平台业务员"
+                    :remote-method="searchPlatformSalespeople"
+                    :loading="salespersonLoading"
+                    style="width: 100%"
+                  >
+                    <ElOption
+                      v-for="salesperson in salespersonOptions"
+                      :key="salesperson.account_id"
+                      :label="salesperson.account_name"
+                      :value="salesperson.account_id"
+                    >
+                      <div style="display: flex; justify-content: space-between">
+                        <span>{{ salesperson.account_name }}</span>
+                        <span style="font-size: 12px; color: var(--el-text-color-secondary)">
+                          {{ salesperson.phone_masked }}
+                        </span>
+                      </div>
+                    </ElOption>
+                  </ElSelect>
+                </ElFormItem>
+              </ElCol>
+            </ElRow>
+
             <!-- 新增店铺时的初始账号信息 -->
             <template v-if="dialogType === 'add'">
               <div class="form-section-title">
@@ -207,6 +238,16 @@
           </template>
         </ElDialog>
 
+        <ElDialog v-model="detailDialogVisible" title="店铺详情" width="500px">
+          <ElDescriptions v-if="detailShop" :column="1" border>
+            <ElDescriptionsItem label="店铺名称">{{ detailShop.shop_name }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="店铺编号">{{ detailShop.shop_code }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="平台业务员">
+              {{ formatBusinessOwner(detailShop) }}
+            </ElDescriptionsItem>
+          </ElDescriptions>
+        </ElDialog>
+
         <!-- 店铺默认角色管理对话框 -->
         <ElDialog
           v-model="defaultRolesDialogVisible"
@@ -287,10 +328,10 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { generateShopCode } from '@/utils/codeGenerator'
-  import { ShopService, RoleService } from '@/api/modules'
+  import { ShopService, RoleService, AccountService } from '@/api/modules'
   import type { SearchFormItem } from '@/types'
-  import type { ShopResponse, ShopRoleResponse } from '@/types/api'
-  import { RoleType, RoleStatus } from '@/types/api'
+  import type { PlatformSalesperson, ShopResponse, ShopRoleResponse } from '@/types/api'
+  import { AccountStatus, RoleType, RoleStatus } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
   import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
   import { regionData } from '@/utils/constants/regionData'
@@ -307,6 +348,10 @@
   const submitLoading = ref(false)
   const defaultRoleLoading = ref(false)
   const defaultRoleList = ref<any[]>([])
+  const salespersonLoading = ref(false)
+  const salespersonOptions = ref<PlatformSalesperson[]>([])
+  const detailDialogVisible = ref(false)
+  const detailShop = ref<ShopResponse | null>(null)
 
   // 级联选择相关
   const parentShopCascadeOptions = ref<any[]>([])
@@ -370,6 +415,39 @@
     }
   }
 
+  const searchPlatformSalespeople = async (query: string) => {
+    salespersonLoading.value = true
+    try {
+      const res = await AccountService.getPlatformSalespeople({
+        page: 1,
+        page_size: 20,
+        account_type: 'platform',
+        status: AccountStatus.ENABLED,
+        account_name: query || undefined
+      })
+      if (res.code === 0) {
+        salespersonOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('获取平台业务员列表失败:', error)
+      salespersonOptions.value = []
+    } finally {
+      salespersonLoading.value = false
+    }
+  }
+
+  const formatBusinessOwner = (shop: ShopResponse) => {
+    if (!shop.business_owner_name) return '-'
+    return shop.business_owner_phone_masked
+      ? `${shop.business_owner_name} (${shop.business_owner_phone_masked})`
+      : shop.business_owner_name
+  }
+
+  const showDetail = (row: ShopResponse) => {
+    detailShop.value = row
+    detailDialogVisible.value = true
+  }
+
   // 定义表单搜索初始值
   const initialSearchState = {
     shop_name: '',
@@ -377,7 +455,8 @@
     parent_shop_name: '',
     parent_id: undefined as number | undefined,
     level: undefined as number | undefined,
-    status: undefined as number | undefined
+    status: undefined as number | undefined,
+    business_owner_account_id: undefined as number | undefined
   }
 
   // 响应式表单数据
@@ -457,6 +536,23 @@
         clearable: true,
         placeholder: '请选择状态'
       }
+    },
+    {
+      label: '平台业务员',
+      prop: 'business_owner_account_id',
+      type: 'select',
+      config: {
+        clearable: true,
+        filterable: true,
+        remote: true,
+        remoteMethod: (query: string) => searchPlatformSalespeople(query),
+        placeholder: '请选择或搜索平台业务员'
+      },
+      options: () =>
+        salespersonOptions.value.map((salesperson) => ({
+          label: `${salesperson.account_name} (${salesperson.phone_masked})`,
+          value: salesperson.account_id
+        }))
     }
   ])
 
@@ -468,6 +564,7 @@
     { label: '所在地区', prop: 'region' },
     { label: '联系人', prop: 'contact_name' },
     { label: '联系电话', prop: 'contact_phone' },
+    { label: '平台业务员', prop: 'business_owner_name' },
     ...(canModifyShopStatus ? [{ label: '状态', prop: 'status' }] : []),
     { label: '创建时间', prop: 'created_at' },
     { label: '操作', prop: 'operation' }
@@ -497,6 +594,7 @@
       formData.address = row.address || ''
       formData.contact_name = row.contact_name || ''
       formData.contact_phone = row.contact_phone || ''
+      formData.business_owner_account_id = row.business_owner_account_id ?? null
       formData.status = row.status
       formData.init_username = ''
       formData.init_password = ''
@@ -514,6 +612,7 @@
       formData.address = ''
       formData.contact_name = ''
       formData.contact_phone = ''
+      formData.business_owner_account_id = null
       formData.status = CommonStatus.ENABLED
       formData.init_username = ''
       formData.init_password = ''
@@ -597,6 +696,13 @@
       label: '联系电话',
       width: 130
     },
+    {
+      prop: 'business_owner_name',
+      label: '平台业务员',
+      minWidth: 180,
+      showOverflowTooltip: true,
+      formatter: (row: ShopResponse) => formatBusinessOwner(row)
+    },
     ...(canModifyShopStatus
       ? [
           {
@@ -630,6 +736,12 @@
   const getActions = (row: ShopResponse) => {
     const actions: any[] = []
 
+    actions.push({
+      label: '详情',
+      handler: () => showDetail(row),
+      type: 'primary'
+    })
+
     if (hasAuth('shop:look_customer')) {
       actions.push({
         label: '账号列表',
@@ -685,7 +797,8 @@
     init_username: '',
     init_password: '',
     init_phone: '',
-    default_role_id: undefined as number | undefined
+    default_role_id: undefined as number | undefined,
+    business_owner_account_id: null as number | null
   })
 
   // 处理编码生成
@@ -766,6 +879,7 @@
     loadTopLevelShops() // 加载顶级店铺用于级联选择
     searchDefaultRoles('') // 加载初始默认角色列表
     searchParentShops('') // 加载上级店铺选项
+    searchPlatformSalespeople('') // 加载启用的平台业务员选项
   })
 
   // 获取店铺列表
@@ -780,7 +894,8 @@
         parent_shop_name: searchForm.parent_shop_name || undefined,
         parent_id: searchForm.parent_id,
         level: searchForm.level,
-        status: searchForm.status
+        status: searchForm.status,
+        business_owner_account_id: searchForm.business_owner_account_id
       }
       const res = await ShopService.getShops(params)
       if (res.code === 0) {
@@ -850,7 +965,8 @@
               init_username: formData.init_username,
               init_password: formData.init_password,
               init_phone: formData.init_phone,
-              default_role_id: formData.default_role_id
+              default_role_id: formData.default_role_id,
+              business_owner_account_id: formData.business_owner_account_id
             }
 
             // 可选字段 - parent_id 可能是数组（级联选择器）或数字
@@ -871,7 +987,8 @@
           } else {
             const data: any = {
               shop_name: formData.shop_name,
-              status: formData.status
+              status: formData.status,
+              business_owner_account_id: formData.business_owner_account_id
             }
 
             // 可选字段

From 563804f67f94d21e28650de1344eaf00e9291090 Mon Sep 17 00:00:00 2001
From: csxj2026 <csxj2026@gmail.com>
Date: Mon, 20 Jul 2026 14:46:19 +0800
Subject: [PATCH 04/76] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20docker-compose.prod.?=
 =?UTF-8?q?yml?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker-compose.prod.yml | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/docker-compose.prod.yml b/docker-compose.prod.yml
index aae950b..09c4253 100644
--- a/docker-compose.prod.yml
+++ b/docker-compose.prod.yml
@@ -1,5 +1,4 @@
 version: '3.8'
-
 services:
   web:
     image: registry.boss160.cn/junhong/cmp-admin-web:latest
@@ -9,12 +8,19 @@ services:
       - '3001:80'
     networks:
       - junhong-network
+    
+    # === 以下是新增的修复内容 ===
+    tmpfs:
+      - /run:rw
+      - /tmp:rw
+    
     healthcheck:
       test: ['CMD', 'wget', '--no-verbose', '--tries=1', '--spider', 'http://127.0.0.1:80/health']
       interval: 30s
       timeout: 3s
       retries: 3
       start_period: 5s
+    
     logging:
       driver: 'json-file'
       options:
@@ -23,4 +29,4 @@ services:
 
 networks:
   junhong-network:
-    driver: bridge
+    driver: bridge
\ No newline at end of file

From 09225dd8bcb038aa841f62c042bf85364be24497 Mon Sep 17 00:00:00 2001
From: csxj2026 <csxj2026@gmail.com>
Date: Mon, 20 Jul 2026 15:33:35 +0800
Subject: [PATCH 05/76] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20Dockerfile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index 6aa31e4..9c497c0 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -30,7 +30,7 @@ RUN pnpm run nd
 # ================================
 # 阶段 2: 运行阶段
 # ================================
-FROM --platform=linux/amd64 nginx:alpine
+FROM --platform=linux/amd64 nginx:1.31.2-alpine
 
 # 使用阿里云镜像源加速
 RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories

From eddfd157adab656c130c3d27e9928d638fec987c Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 21 Jul 2026 09:57:14 +0800
Subject: [PATCH 06/76] =?UTF-8?q?feat:=20=E8=B5=84=E4=BA=A7=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5=E7=8A=B6=E6=80=81=E4=B8=8E=E5=90=8C=E6=AD=A5=E8=BD=A8?=
 =?UTF-8?q?=E8=BF=B9=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               | 32 +++++++++
 .../specs/asset-information/spec.md           | 72 +++++++++++++++++++
 .../update-asset-sync-status-trail/tasks.md   | 24 +++++++
 src/api/modules/asset.ts                      | 16 ++---
 src/types/api/asset.ts                        | 10 +++
 .../components/AssetSearchCard.vue            | 14 ++--
 .../components/BasicInfoCard.vue              | 39 ++++++++++
 .../composables/useAssetInfo.ts               |  7 +-
 .../asset-information/index.vue               | 35 ++++-----
 .../asset-information/types.ts                |  3 +
 10 files changed, 208 insertions(+), 44 deletions(-)
 create mode 100644 openspec/changes/update-asset-sync-status-trail/proposal.md
 create mode 100644 openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md
 create mode 100644 openspec/changes/update-asset-sync-status-trail/tasks.md

diff --git a/openspec/changes/update-asset-sync-status-trail/proposal.md b/openspec/changes/update-asset-sync-status-trail/proposal.md
new file mode 100644
index 0000000..a7a730e
--- /dev/null
+++ b/openspec/changes/update-asset-sync-status-trail/proposal.md
@@ -0,0 +1,32 @@
+# Change: 资产同步状态与同步轨迹入口
+
+## Why
+
+当前资产信息页虽保留了手动刷新能力和部分同步时间展示，但运营无法直观看到资产当前轮询策略、最近活跃情况及下次轮询时间，也没有可直接进入该资产同步轨迹的入口。
+
+## What Changes
+
+- 在资产信息页的卡和设备详情中新增同步状态区域，展示轮询启用状态、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间。
+- 复用 `GET /api/admin/assets/resolve/{identifier}` 的新增 `polling` 响应对象；无下次轮询时间时展示 `-`。
+- 保留现有手动刷新按钮及其接口契约，不新增第二个同步或刷新按钮。
+- 新增“查看同步轨迹”入口，跳转全局审计外部集成页并带入当前资产的筛选参数。
+- 同步轨迹由目标页面按立即、3分钟、5分钟连续结果展示；本提案不改造全局审计外部集成页面本身。
+- 对 `rate_limited` 手动刷新结果仅展示本次失败，不展示自动退避倒计时。
+
+## Impact
+
+- Affected specs: `asset-information`
+- Related active changes: `update-asset-realtime-sync-timestamps-display`（共享资产同步展示区域）
+- Affected code:
+  - `src/types/api/asset.ts`
+  - `src/api/modules/asset.ts`
+  - `src/views/asset-management/asset-information/**`
+  - 资产信息页到全局审计外部集成页的路由跳转参数
+- API contracts:
+  - `GET /api/admin/assets/resolve/{identifier}`
+  - `POST /api/admin/assets/{identifier}/refresh`（保持既有契约）
+  - `GET /api/admin/audit/integrations`（复用 `resource_type`、`resource_key`、`correlation_id` 查询参数）
+- Out of scope:
+  - 全局审计外部集成页面自身的开发或改造
+  - 新增第二个同步或刷新按钮
+  - `rate_limited` 的自动退避倒计时展示
diff --git a/openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md b/openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md
new file mode 100644
index 0000000..967d5a7
--- /dev/null
+++ b/openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md
@@ -0,0 +1,72 @@
+## ADDED Requirements
+
+### Requirement: Asset Polling Status Display
+
+The asset information page SHALL display the current polling status for both card and device assets from the `polling` object returned by `GET /api/admin/assets/resolve/{identifier}`.
+
+#### Scenario: Display complete polling status for a card asset
+
+- **GIVEN** 用户正在查看卡资产信息页
+- **WHEN** 资产解析响应包含 `polling.enabled`、`activity_level`、`last_activity_at`、`last_activity_scene` 和 `next_poll_at`
+- **THEN** 页面 MUST 展示轮询是否启用、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间
+- **AND** 时间字段 MUST 使用资产信息页统一的时间格式
+
+#### Scenario: Display complete polling status for a device asset
+
+- **GIVEN** 用户正在查看设备资产信息页
+- **WHEN** 资产解析响应包含 `polling` 对象
+- **THEN** 页面 MUST 展示轮询是否启用、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间
+
+#### Scenario: Display placeholders for unavailable polling values
+
+- **GIVEN** 用户正在查看卡或设备资产信息页
+- **WHEN** `last_activity_at`、`last_activity_scene` 或 `next_poll_at` 为 `null`、空字符串或未返回
+- **THEN** 页面 MUST 保留对应字段标签
+- **AND** `next_poll_at` MUST 显示 `-`
+- **AND** 其他不可用字段 MUST 显示稳定占位内容
+
+### Requirement: Asset Manual Refresh Remains the Only Refresh Entry
+
+The asset information page SHALL preserve the existing manual refresh button and interface contract as the only asset refresh entry.
+
+#### Scenario: Preserve existing manual refresh behavior
+
+- **WHEN** 用户在资产信息页发起手动刷新
+- **THEN** 系统 MUST 调用现有手动刷新接口
+- **AND** 页面 MUST NOT 新增第二个同步或刷新按钮
+
+#### Scenario: Show rate limited result without countdown
+
+- **WHEN** 手动刷新请求返回 `rate_limited` 或等价限流失败结果
+- **THEN** 系统 MUST 仅展示本次请求失败信息
+- **AND** 系统 MUST NOT 展示自动退避倒计时
+
+### Requirement: Asset Sync Trail Navigation
+
+The asset information page SHALL provide a `查看同步轨迹` entry that navigates to the global audit integration page with filters for the current asset. The target query SHALL support `resource_type`, `resource_key`, and `correlation_id` so the audit page can display the immediate, 3-minute, and 5-minute consecutive sync results for the asset.
+
+#### Scenario: Navigate to filtered sync trail from a card asset
+
+- **GIVEN** 用户正在查看卡资产信息页
+- **WHEN** 用户点击“查看同步轨迹”
+- **THEN** 系统 MUST 跳转到全局审计外部集成页
+- **AND** 跳转参数 MUST 带入当前卡资产对应的 `resource_type`、`resource_key` 或 `correlation_id` 筛选信息
+
+#### Scenario: Navigate to filtered sync trail from a device asset
+
+- **GIVEN** 用户正在查看设备资产信息页
+- **WHEN** 用户点击“查看同步轨迹”
+- **THEN** 系统 MUST 跳转到全局审计外部集成页
+- **AND** 跳转参数 MUST 带入当前设备资产对应的 `resource_type`、`resource_key` 或 `correlation_id` 筛选信息
+
+#### Scenario: Sync trail includes consecutive polling results
+
+- **GIVEN** 用户已通过资产信息页进入带筛选的同步轨迹
+- **WHEN** 全局审计外部集成页查询该资产轨迹
+- **THEN** 查询结果 MUST 支持按立即、3分钟、5分钟连续同步结果展示
+
+#### Scenario: Audit integration page implementation is out of scope
+
+- **WHEN** 本次变更落地
+- **THEN** 资产信息页的同步轨迹跳转入口 MUST 可用
+- **AND** 全局审计外部集成页面自身 MUST NOT 被要求在本提案中改造
diff --git a/openspec/changes/update-asset-sync-status-trail/tasks.md b/openspec/changes/update-asset-sync-status-trail/tasks.md
new file mode 100644
index 0000000..6713c63
--- /dev/null
+++ b/openspec/changes/update-asset-sync-status-trail/tasks.md
@@ -0,0 +1,24 @@
+## 1. API Contract
+
+- [x] 1.1 更新资产解析响应类型，支持 `polling.enabled`、`activity_level`、`last_activity_at`、`last_activity_scene`、`next_poll_at`。
+- [x] 1.2 保持现有资产手动刷新接口与调用方式不变，不新增同步接口或按钮。
+- [x] 1.3 定义同步轨迹跳转参数，复用 `resource_type`、`resource_key`、`correlation_id` 查询契约。
+
+## 2. Asset Sync Status UI
+
+- [x] 2.1 在卡和设备资产信息页新增同步状态区域，展示轮询是否启用、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间。
+- [x] 2.2 为空的 `last_activity_at`、`last_activity_scene`、`next_poll_at` 提供稳定占位；无下次轮询时间显示 `-`。
+- [x] 2.3 保留现有手动刷新按钮；`rate_limited` 时仅展示本次失败结果，不显示自动退避倒计时。
+
+## 3. Sync Trail Navigation
+
+- [x] 3.1 增加受 `asset_info:view_sync_trail` 按钮权限控制的“查看同步轨迹”入口，跳转全局审计外部集成页并带入当前资产筛选。
+- [ ] 3.2 确保跳转筛选可支持立即、3分钟、5分钟连续同步结果的轨迹查询（当前仓库未提供全局审计外部集成页，待目标页接入后联调）。
+- [ ] 3.3 不改造全局审计外部集成页面本身。
+
+## 4. Verification
+
+- [ ] 4.1 验证卡和设备均可展示完整、部分为空和全部为空的同步状态。
+- [x] 4.2 验证保留单一手动刷新入口，且 `rate_limited` 不展示倒计时。
+- [ ] 4.3 验证“查看同步轨迹”跳转携带当前资产筛选并能查看连续同步结果（待全局审计外部集成页提供后联调）。
+- [x] 4.4 运行相关前端校验，并执行 `openspec validate update-asset-sync-status-trail --strict`。
diff --git a/src/api/modules/asset.ts b/src/api/modules/asset.ts
index 540e15d..d60d115 100644
--- a/src/api/modules/asset.ts
+++ b/src/api/modules/asset.ts
@@ -34,14 +34,13 @@ import type {
 } from '@/types/api'
 
 const runRateLimitedAssetAction = async <T>(
-  action: AssetRateLimitedAction,
+  action: Exclude<AssetRateLimitedAction, 'refresh'>,
   identifier: string,
   request: () => Promise<T>
 ): Promise<T> => {
   assertAssetActionAllowed(action, identifier)
   markAssetActionCalled(action, identifier)
-  const response = await request()
-  return response
+  return request()
 }
 
 export class AssetService extends BaseService {
@@ -84,16 +83,13 @@ export class AssetService extends BaseService {
   /**
    * 主动调网关拉取最新数据后返回
    * POST /api/admin/assets/:identifier/refresh
-   * 前端按资产标识限制 5 分钟内只能调用一次
    * @param identifier 资产标识符（ICCID 或 VirtualNo）
    */
   static refreshAsset(identifier: string): Promise<BaseResponse<AssetRefreshResponse>> {
-    return runRateLimitedAssetAction('refresh', identifier, () =>
-      this.post<BaseResponse<AssetRefreshResponse>>(
-        `/api/admin/assets/${identifier}/refresh`,
-        {},
-        { timeout: 60000 }
-      )
+    return this.post<BaseResponse<AssetRefreshResponse>>(
+      `/api/admin/assets/${identifier}/refresh`,
+      {},
+      { timeout: 60000 }
     )
   }
 
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 304092a..fbf800a 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -46,6 +46,15 @@ export interface AssetResolveParams {
   include_usage_summary?: boolean // 是否返回当前世代流量汇总字段
 }
 
+// 资产轮询状态
+export interface AssetPollingStatus {
+  enabled: boolean // 是否启用轮询
+  activity_level: string // 活跃级别
+  last_activity_at?: string | null // 最后活跃时间
+  last_activity_scene?: string | null // 最后活跃场景
+  next_poll_at?: string | null // 下次轮询时间
+}
+
 /**
  * 资产解析/详情响应
  * 对应接口：GET /api/admin/assets/resolve/:identifier
@@ -80,6 +89,7 @@ export interface AssetResolveResponse {
   updated_at: string // 更新时间
   accumulated_recharge?: number // 累计充值金额(分)
   first_commission_paid?: boolean // 一次性佣金是否已发放
+  polling?: AssetPollingStatus | null // 资产轮询状态
 
   // ===== 卡专属字段 (asset_type === 'card' 时) =====
   iccid?: string // ICCID
diff --git a/src/views/asset-management/asset-information/components/AssetSearchCard.vue b/src/views/asset-management/asset-information/components/AssetSearchCard.vue
index fb3f642..f504145 100644
--- a/src/views/asset-management/asset-information/components/AssetSearchCard.vue
+++ b/src/views/asset-management/asset-information/components/AssetSearchCard.vue
@@ -40,7 +40,7 @@
           :icon="Refresh"
           :disabled="refreshDisabled"
         >
-          {{ refreshButtonText }}
+          同步
         </ElButton>
       </div>
     </div>
@@ -48,7 +48,7 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, ref } from 'vue'
+  import { ref } from 'vue'
   import { useRoute } from 'vue-router'
   import { ElCard, ElInput, ElButton } from 'element-plus'
   import { Search, Refresh } from '@element-plus/icons-vue'
@@ -63,19 +63,13 @@
   interface Props {
     hasCardInfo?: boolean
     refreshDisabled?: boolean
-    refreshRemainingText?: string
   }
 
-  const props = withDefaults(defineProps<Props>(), {
+  withDefaults(defineProps<Props>(), {
     hasCardInfo: false,
-    refreshDisabled: false,
-    refreshRemainingText: ''
+    refreshDisabled: false
   })
 
-  const refreshButtonText = computed(() =>
-    props.refreshRemainingText ? `同步(${props.refreshRemainingText})` : '同步'
-  )
-
   // Emits
   const emit = defineEmits<{
     search: [payload: { identifier: string }]
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 0bdee2f..9b0141d 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -178,6 +178,42 @@
       </template>
     </ElDescriptions>
 
+    <ElDivider content-position="left">同步状态</ElDivider>
+    <ElDescriptions :column="descriptionsColumn" border>
+      <ElDescriptionsItem label="轮询状态">
+        <ElTag
+          v-if="cardInfo?.polling"
+          :type="cardInfo.polling.enabled ? 'success' : 'info'"
+          size="small"
+        >
+          {{ cardInfo.polling.enabled ? '已启用' : '未启用' }}
+        </ElTag>
+        <span v-else>-</span>
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="活跃级别">
+        {{ cardInfo?.polling?.activity_level || '-' }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="最后活跃时间">
+        {{ formatDateTime(cardInfo?.polling?.last_activity_at) || '-' }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="最后活跃场景">
+        {{ cardInfo?.polling?.last_activity_scene || '-' }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="下次轮询时间">
+        {{ formatDateTime(cardInfo?.polling?.next_poll_at) || '-' }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="同步轨迹">
+        <ElButton
+          v-permission="'asset_info:view_sync_trail'"
+          type="primary"
+          link
+          @click="emit('viewSyncTrail')"
+        >
+          查看同步轨迹
+        </ElButton>
+      </ElDescriptionsItem>
+    </ElDescriptions>
+
     <!-- 设备绑定卡列表 -->
     <template v-if="cardInfo?.asset_type === 'device'">
       <ElDivider content-position="left">绑定卡列表</ElDivider>
@@ -496,6 +532,7 @@
     ElMessage
   } from 'element-plus'
   import { CopyDocument } from '@element-plus/icons-vue'
+  import type { AssetPollingStatus } from '@/types/api'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
@@ -551,6 +588,7 @@
     last_data_check_at?: string | null
     last_real_name_check_at?: string | null
     last_card_status_check_at?: string | null
+    polling?: AssetPollingStatus | null
     bound_device_id?: number
     bound_device_no?: string
     bound_device_name?: string
@@ -685,6 +723,7 @@
     (e: 'updateBindingCardRealnameStatus', payload: { card: BindingCard }): void
     (e: 'navigateToCard', iccid: string): void
     (e: 'navigateToDevice', deviceNo: string): void
+    (e: 'viewSyncTrail'): void
   }
 
   const emit = defineEmits<Emits>()
diff --git a/src/views/asset-management/asset-information/composables/useAssetInfo.ts b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
index 3118f0d..46c26fe 100644
--- a/src/views/asset-management/asset-information/composables/useAssetInfo.ts
+++ b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
@@ -6,7 +6,7 @@
 import { ref } from 'vue'
 import { ElMessage } from 'element-plus'
 import { AssetService } from '@/api/modules'
-import { formatRemainingTime, FrontendRateLimitError } from '@/utils/business/apiRateLimit'
+import { FrontendRateLimitError } from '@/utils/business/apiRateLimit'
 import type {
   AssetBoundCard,
   AssetWalletResponse,
@@ -123,6 +123,7 @@ export function useAssetInfo() {
           updated_at: data.updated_at,
           accumulated_recharge: data.accumulated_recharge,
           first_commission_paid: data.first_commission_paid,
+          polling: data.polling ?? null,
 
           // 卡专属字段 (asset_type === 'card')
           iccid: data.iccid || '',
@@ -430,11 +431,11 @@ export function useAssetInfo() {
       return true
     } catch (error: any) {
       if (error instanceof FrontendRateLimitError) {
-        ElMessage.warning(`操作过于频繁，请${formatRemainingTime(error.remainingMs)}后再试`)
+        ElMessage.warning('操作过于频繁，请稍后重试')
         return false
       }
       if (error?.response?.status === 429) {
-        ElMessage.warning('操作过于频繁，请5分钟后再试')
+        ElMessage.warning('操作过于频繁，请稍后重试')
         return false
       }
       return false
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index bb87404..86a4801 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -5,7 +5,6 @@
       ref="assetSearchCardRef"
       :has-card-info="!!cardInfo"
       :refresh-disabled="refreshDisabled"
-      :refresh-remaining-text="refreshRemainingText"
       @search="handleSearch"
       @refresh="handleRefresh"
     />
@@ -43,6 +42,7 @@
             @update-binding-card-realname-status="handleUpdateBindingCardRealnameStatus"
             @navigate-to-card="handleNavigateToCard"
             @navigate-to-device="handleNavigateToDevice"
+            @view-sync-trail="handleViewSyncTrail"
           />
         </div>
 
@@ -332,26 +332,7 @@
   const refreshSubmitting = ref(false)
   let rateLimitTimer: ReturnType<typeof setInterval> | undefined
 
-  const refreshRateLimitState = computed(() => {
-    const identifier = cardInfo.value?.identifier
-    if (!identifier) {
-      return {
-        limited: false,
-        remainingMs: 0,
-        retryAt: 0
-      }
-    }
-    return getAssetActionRateLimitState('refresh', identifier, rateLimitNow.value)
-  })
-
-  const refreshDisabled = computed(
-    () => refreshSubmitting.value || refreshRateLimitState.value.limited
-  )
-  const refreshRemainingText = computed(() =>
-    refreshRateLimitState.value.limited
-      ? formatRemainingTime(refreshRateLimitState.value.remainingMs)
-      : ''
-  )
+  const refreshDisabled = computed(() => refreshSubmitting.value)
 
   const startRateLimitState = computed(() => {
     const identifier = cardInfo.value?.iccid || cardInfo.value?.identifier
@@ -459,6 +440,18 @@
     }
   }
 
+  const handleViewSyncTrail = () => {
+    if (!cardInfo.value) return
+
+    router.push({
+      path: '/audit/integrations',
+      query: {
+        resource_type: cardInfo.value.asset_type,
+        resource_key: cardInfo.value.identifier
+      }
+    })
+  }
+
   /**
    * IoT卡操作 - 启用卡
    */
diff --git a/src/views/asset-management/asset-information/types.ts b/src/views/asset-management/asset-information/types.ts
index 1117289..5969c5a 100644
--- a/src/views/asset-management/asset-information/types.ts
+++ b/src/views/asset-management/asset-information/types.ts
@@ -2,6 +2,8 @@
  * 资产信息页面类型定义
  */
 
+import type { AssetPollingStatus } from '@/types/api'
+
 // 资产类型枚举
 export type AssetType = 'card' | 'device'
 
@@ -37,6 +39,7 @@ export interface AssetInfo {
   last_data_check_at?: string | null
   last_real_name_check_at?: string | null
   last_card_status_check_at?: string | null
+  polling?: AssetPollingStatus | null
 }
 
 // 设备绑定卡信息

From 45d255cabfa268e37ac05f13d7aa4ded2f2772c0 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 21 Jul 2026 11:13:20 +0800
Subject: [PATCH 07/76] =?UTF-8?q?feat:=20=E8=B5=84=E4=BA=A7=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E5=89=8D=E4=BB=A3=E5=90=8E=E4=BB=A3=E6=8D=A2=E8=B4=A7?=
 =?UTF-8?q?=E6=A0=87=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               | 26 +++++++
 .../specs/asset-information/spec.md           | 60 ++++++++++++++++
 .../tasks.md                                  | 22 ++++++
 src/types/api/asset.ts                        | 16 +++++
 .../components/BasicInfoCard.vue              | 70 ++++++++++++++++++-
 .../composables/useAssetInfo.ts               |  1 +
 .../asset-information/types.ts                |  3 +-
 7 files changed, 196 insertions(+), 2 deletions(-)
 create mode 100644 openspec/changes/update-asset-exchange-generation-links/proposal.md
 create mode 100644 openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md
 create mode 100644 openspec/changes/update-asset-exchange-generation-links/tasks.md

diff --git a/openspec/changes/update-asset-exchange-generation-links/proposal.md b/openspec/changes/update-asset-exchange-generation-links/proposal.md
new file mode 100644
index 0000000..28f52e3
--- /dev/null
+++ b/openspec/changes/update-asset-exchange-generation-links/proposal.md
@@ -0,0 +1,26 @@
+# Change: 资产详情前代后代换货标识
+
+## Why
+
+资产详情虽然可展示业务状态和世代编号，但运营无法判断当前资产在换货链中的位置，也无法在具备权限时快速前往关联资产。需要基于后端返回的换货链路数据明确展示前代和后代资产关系。
+
+## What Changes
+
+- 扩展资产解析响应，读取 `exchange_trace.previous_asset` 和 `exchange_trace.next_asset`。
+- 前代资产存在时，在当前资产详情展示“换货新资产”标签与前代资产信息。
+- 后代资产存在时，在当前资产详情展示“已换出旧资产”标签与后代资产信息。
+- 中间资产同时展示前代和后代换货标识。
+- 当关联项 `can_view=true` 时允许跳转资产详情；为 `false` 时仅展示标识文本，不提供跳转操作。
+- 不由前端根据换货状态、世代编号或其他字段自行推导换货链；关联项为空时不展示对应区域。
+
+## Impact
+
+- Affected specs: `asset-information`
+- Related active changes: `add-asset-status-generation-display`（共享资产世代和详情展示区域）
+- Affected code:
+  - `src/types/api/asset.ts`
+  - `src/views/asset-management/asset-information/types.ts`
+  - `src/views/asset-management/asset-information/composables/useAssetInfo.ts`
+  - `src/views/asset-management/asset-information/components/BasicInfoCard.vue`
+- API contract:
+  - `GET /api/admin/assets/resolve/{identifier}`
diff --git a/openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md b/openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md
new file mode 100644
index 0000000..d230a1c
--- /dev/null
+++ b/openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md
@@ -0,0 +1,60 @@
+## ADDED Requirements
+
+### Requirement: Asset Exchange Generation Trace Display
+
+The asset information page SHALL display exchange generation relationships exclusively from `exchange_trace.previous_asset` and `exchange_trace.next_asset` returned by `GET /api/admin/assets/resolve/{identifier}`. The frontend MUST NOT infer the exchange chain from asset status, generation, or exchange status.
+
+#### Scenario: Display previous asset for a replacement asset
+
+- **GIVEN** 用户正在查看资产信息页
+- **WHEN** 解析响应包含非空的 `exchange_trace.previous_asset`
+- **THEN** 页面 MUST 显示“换货新资产”标签
+- **AND** 页面 MUST 展示前代资产的标识符和换货单号
+
+#### Scenario: Display next asset for a replaced asset
+
+- **GIVEN** 用户正在查看资产信息页
+- **WHEN** 解析响应包含非空的 `exchange_trace.next_asset`
+- **THEN** 页面 MUST 显示“已换出旧资产”标签
+- **AND** 页面 MUST 展示后代资产的标识符和换货单号
+
+#### Scenario: Display both relationships for an intermediate asset
+
+- **GIVEN** 用户正在查看位于换货链中间的资产
+- **WHEN** 解析响应同时包含非空的 `previous_asset` 和 `next_asset`
+- **THEN** 页面 MUST 同时展示“换货新资产”和“已换出旧资产”两个关联区域
+
+#### Scenario: Hide absent exchange relationship
+
+- **GIVEN** 用户正在查看资产信息页
+- **WHEN** `previous_asset` 或 `next_asset` 为 `null`、空值或未返回
+- **THEN** 页面 MUST NOT 展示对应的换货关联区域
+- **AND** 前端 MUST NOT 根据资产状态、世代编号、换货单状态或其他字段推导该区域
+
+### Requirement: Exchange Related Asset Navigation Authorization
+
+The asset information page SHALL allow navigation to a related exchange asset only when that relationship item has `can_view=true`.
+
+#### Scenario: Navigate to authorized related asset
+
+- **GIVEN** 换货关联资产项的 `can_view=true`
+- **WHEN** 用户点击关联资产标识符
+- **THEN** 系统 MUST 跳转到该关联资产的资产详情
+- **AND** 跳转 MUST 使用关联项返回的 `identifier`
+
+#### Scenario: Render unauthorized related asset as text
+
+- **GIVEN** 换货关联资产项的 `can_view=false`
+- **WHEN** 页面渲染换货关联区域
+- **THEN** 页面 MUST 展示关联资产标识符和换货单号
+- **AND** 页面 MUST NOT 将关联资产标识符渲染为可点击跳转操作
+
+### Requirement: Exchange Trace Response Contract
+
+The frontend asset resolve contract SHALL support optional `exchange_trace.previous_asset` and `exchange_trace.next_asset` items, each with `asset_type`, `asset_id`, `identifier`, `exchange_no`, and `can_view`.
+
+#### Scenario: Read exchange trace response fields
+
+- **WHEN** 前端解析 `GET /api/admin/assets/resolve/{identifier}` 响应
+- **THEN** 前端类型 MUST 支持 `exchange_trace.previous_asset` 和 `exchange_trace.next_asset`
+- **AND** 每个非空关联项 MUST 支持读取 `asset_type`、`asset_id`、`identifier`、`exchange_no`、`can_view`
diff --git a/openspec/changes/update-asset-exchange-generation-links/tasks.md b/openspec/changes/update-asset-exchange-generation-links/tasks.md
new file mode 100644
index 0000000..4517e08
--- /dev/null
+++ b/openspec/changes/update-asset-exchange-generation-links/tasks.md
@@ -0,0 +1,22 @@
+## 1. API Contract
+
+- [x] 1.1 更新资产解析响应类型，支持 `exchange_trace.previous_asset` 和 `exchange_trace.next_asset`。
+- [x] 1.2 定义换货关联资产类型，读取 `asset_type`、`asset_id`、`identifier`、`exchange_no`、`can_view`。
+
+## 2. Asset Detail Exchange Trace UI
+
+- [x] 2.1 `previous_asset` 存在时展示“换货新资产”标签和前代资产信息。
+- [x] 2.2 `next_asset` 存在时展示“已换出旧资产”标签和后代资产信息。
+- [x] 2.3 当前资产同时存在前代和后代时，同时展示两个关联区域。
+- [x] 2.4 关联资产为空时隐藏对应区域，不通过换货状态或世代编号推导关联链路。
+
+## 3. Exchange Trace Navigation
+
+- [x] 3.1 `can_view=true` 时允许点击关联资产标识跳转资产详情。
+- [x] 3.2 `can_view=false` 时仅展示关联资产标识文本，不渲染跳转操作。
+
+## 4. Verification
+
+- [ ] 4.1 验证旧资产、新资产、中间资产和无关联资产的展示正确。
+- [ ] 4.2 验证有权限和无权限关联资产的跳转行为正确。
+- [x] 4.3 运行相关前端校验，并执行 `openspec validate update-asset-exchange-generation-links --strict`。
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index fbf800a..7bf1234 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -55,6 +55,21 @@ export interface AssetPollingStatus {
   next_poll_at?: string | null // 下次轮询时间
 }
 
+// 换货关联资产
+export interface AssetExchangeTraceAsset {
+  asset_type: AssetType
+  asset_id: number | null
+  identifier: string
+  exchange_no: string
+  can_view: boolean
+}
+
+// 换货前后代链路
+export interface AssetExchangeTrace {
+  previous_asset?: AssetExchangeTraceAsset | null
+  next_asset?: AssetExchangeTraceAsset | null
+}
+
 /**
  * 资产解析/详情响应
  * 对应接口：GET /api/admin/assets/resolve/:identifier
@@ -90,6 +105,7 @@ export interface AssetResolveResponse {
   accumulated_recharge?: number // 累计充值金额(分)
   first_commission_paid?: boolean // 一次性佣金是否已发放
   polling?: AssetPollingStatus | null // 资产轮询状态
+  exchange_trace?: AssetExchangeTrace | null // 换货前后代链路
 
   // ===== 卡专属字段 (asset_type === 'card' 时) =====
   iccid?: string // ICCID
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 9b0141d..7672e2d 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -214,6 +214,46 @@
       </ElDescriptionsItem>
     </ElDescriptions>
 
+    <template v-if="previousExchangeAsset || nextExchangeAsset">
+      <ElDivider content-position="left">换货链路</ElDivider>
+      <ElDescriptions :column="descriptionsColumn" border>
+        <ElDescriptionsItem v-if="previousExchangeAsset" label="前代资产">
+          <div class="exchange-asset">
+            <ElTag type="success" size="small">换货新资产</ElTag>
+            <ElButton
+              v-if="previousExchangeAsset.can_view"
+              type="primary"
+              link
+              @click="handleNavigateToExchangeAsset(previousExchangeAsset)"
+            >
+              {{ previousExchangeAsset.identifier }}
+            </ElButton>
+            <span v-else>{{ previousExchangeAsset.identifier }}</span>
+            <span v-if="previousExchangeAsset.exchange_no" class="exchange-no">
+              换货单：{{ previousExchangeAsset.exchange_no }}
+            </span>
+          </div>
+        </ElDescriptionsItem>
+        <ElDescriptionsItem v-if="nextExchangeAsset" label="后代资产">
+          <div class="exchange-asset">
+            <ElTag type="warning" size="small">已换出旧资产</ElTag>
+            <ElButton
+              v-if="nextExchangeAsset.can_view"
+              type="primary"
+              link
+              @click="handleNavigateToExchangeAsset(nextExchangeAsset)"
+            >
+              {{ nextExchangeAsset.identifier }}
+            </ElButton>
+            <span v-else>{{ nextExchangeAsset.identifier }}</span>
+            <span v-if="nextExchangeAsset.exchange_no" class="exchange-no">
+              换货单：{{ nextExchangeAsset.exchange_no }}
+            </span>
+          </div>
+        </ElDescriptionsItem>
+      </ElDescriptions>
+    </template>
+
     <!-- 设备绑定卡列表 -->
     <template v-if="cardInfo?.asset_type === 'device'">
       <ElDivider content-position="left">绑定卡列表</ElDivider>
@@ -532,7 +572,7 @@
     ElMessage
   } from 'element-plus'
   import { CopyDocument } from '@element-plus/icons-vue'
-  import type { AssetPollingStatus } from '@/types/api'
+  import type { AssetExchangeTrace, AssetExchangeTraceAsset, AssetPollingStatus } from '@/types/api'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
@@ -589,6 +629,7 @@
     last_real_name_check_at?: string | null
     last_card_status_check_at?: string | null
     polling?: AssetPollingStatus | null
+    exchange_trace?: AssetExchangeTrace | null
     bound_device_id?: number
     bound_device_no?: string
     bound_device_name?: string
@@ -759,6 +800,11 @@
     })
   })
 
+  const previousExchangeAsset = computed(
+    () => props.cardInfo.exchange_trace?.previous_asset ?? null
+  )
+  const nextExchangeAsset = computed(() => props.cardInfo.exchange_trace?.next_asset ?? null)
+
   // 设备详情里的实名状态和实名时间从选中的绑定卡取值：
   // 只有一张卡时直接取该卡，多张卡时仅取 is_current=true 的卡。
   const selectedDeviceStatusCard = computed(() => {
@@ -797,6 +843,17 @@
     emit('navigateToCard', iccid)
   }
 
+  const handleNavigateToExchangeAsset = (asset: AssetExchangeTraceAsset) => {
+    if (!asset.can_view) return
+
+    if (asset.asset_type === 'card') {
+      emit('navigateToCard', asset.identifier)
+      return
+    }
+
+    emit('navigateToDevice', asset.identifier)
+  }
+
   // 复制ICCID
   const handleCopyICCID = async (iccid: string) => {
     try {
@@ -956,6 +1013,17 @@
         }
       }
 
+      .exchange-asset {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        align-items: center;
+
+        .exchange-no {
+          color: var(--el-text-color-secondary);
+        }
+      }
+
       @media (width <= 768px) {
         .card-header {
           flex-direction: column;
diff --git a/src/views/asset-management/asset-information/composables/useAssetInfo.ts b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
index 46c26fe..b1a3277 100644
--- a/src/views/asset-management/asset-information/composables/useAssetInfo.ts
+++ b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
@@ -124,6 +124,7 @@ export function useAssetInfo() {
           accumulated_recharge: data.accumulated_recharge,
           first_commission_paid: data.first_commission_paid,
           polling: data.polling ?? null,
+          exchange_trace: data.exchange_trace ?? null,
 
           // 卡专属字段 (asset_type === 'card')
           iccid: data.iccid || '',
diff --git a/src/views/asset-management/asset-information/types.ts b/src/views/asset-management/asset-information/types.ts
index 5969c5a..633494b 100644
--- a/src/views/asset-management/asset-information/types.ts
+++ b/src/views/asset-management/asset-information/types.ts
@@ -2,7 +2,7 @@
  * 资产信息页面类型定义
  */
 
-import type { AssetPollingStatus } from '@/types/api'
+import type { AssetExchangeTrace, AssetPollingStatus } from '@/types/api'
 
 // 资产类型枚举
 export type AssetType = 'card' | 'device'
@@ -40,6 +40,7 @@ export interface AssetInfo {
   last_real_name_check_at?: string | null
   last_card_status_check_at?: string | null
   polling?: AssetPollingStatus | null
+  exchange_trace?: AssetExchangeTrace | null
 }
 
 // 设备绑定卡信息

From 6febc66eca7e2bf2f22590d9fddf50e8a1af8c13 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 21 Jul 2026 11:50:47 +0800
Subject: [PATCH 08/76] =?UTF-8?q?feat:=20=E8=B5=84=E4=BA=A7=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5=E7=8A=B6=E6=80=81=E4=B8=8E=E5=90=8C=E6=AD=A5=E8=BD=A8?=
 =?UTF-8?q?=E8=BF=B9=E5=85=A5=E5=8F=A3-=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               | 26 +++++-----
 .../specs/asset-information/spec.md           | 49 ++++++++++---------
 .../update-asset-sync-status-trail/tasks.md   | 30 ++++++------
 .../components/BasicInfoCard.vue              |  9 ----
 4 files changed, 52 insertions(+), 62 deletions(-)

diff --git a/openspec/changes/update-asset-sync-status-trail/proposal.md b/openspec/changes/update-asset-sync-status-trail/proposal.md
index a7a730e..5f912b1 100644
--- a/openspec/changes/update-asset-sync-status-trail/proposal.md
+++ b/openspec/changes/update-asset-sync-status-trail/proposal.md
@@ -1,32 +1,30 @@
-# Change: 资产同步状态与同步轨迹入口
+# Change: 调整资产同步状态与同步轨迹入口
 
 ## Why
 
-当前资产信息页虽保留了手动刷新能力和部分同步时间展示，但运营无法直观看到资产当前轮询策略、最近活跃情况及下次轮询时间，也没有可直接进入该资产同步轨迹的入口。
+运营需要通过统一审计查看资产业务事件、运营商回调和周期轮询的同步轨迹。新需求明确资产信息页只保留已有手动刷新和轮询展示，不新增用于推断轮询计划的状态字段。
 
 ## What Changes
 
-- 在资产信息页的卡和设备详情中新增同步状态区域，展示轮询启用状态、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间。
-- 复用 `GET /api/admin/assets/resolve/{identifier}` 的新增 `polling` 响应对象；无下次轮询时间时展示 `-`。
-- 保留现有手动刷新按钮及其接口契约，不新增第二个同步或刷新按钮。
-- 新增“查看同步轨迹”入口，跳转全局审计外部集成页并带入当前资产的筛选参数。
-- 同步轨迹由目标页面按立即、3分钟、5分钟连续结果展示；本提案不改造全局审计外部集成页面本身。
+- 保留卡和设备资产信息页现有的手动刷新按钮、接口契约和轮询状态展示，不新增第二个同步或刷新按钮。
+- 不展示活跃级别、最后活跃场景或下次轮询时间，也不根据事件轨迹推算新的周期轮询时间。
+- 增加“查看同步轨迹”入口，跳转全局审计外部集成页并带入当前资产的 `resource_type` 和 `resource_key` 筛选参数。
+- 约定审计查询支持 `resource_type`、`resource_key`、`correlation_id`，以供目标页连续展示立即、3分钟、5分钟的同步结果，以及运营商回调和周期轮询的 Integration Log。
 - 对 `rate_limited` 手动刷新结果仅展示本次失败，不展示自动退避倒计时。
+- 全局审计外部集成页面自身暂不在本提案中开发或改造。
 
 ## Impact
 
 - Affected specs: `asset-information`
-- Related active changes: `update-asset-realtime-sync-timestamps-display`（共享资产同步展示区域）
+- Related active changes: `update-asset-realtime-sync-timestamps-display`（共享资产同步信息展示）
 - Affected code:
-  - `src/types/api/asset.ts`
-  - `src/api/modules/asset.ts`
-  - `src/views/asset-management/asset-information/**`
+  - `src/views/asset-management/asset-information/components/BasicInfoCard.vue`
+  - `src/views/asset-management/asset-information/index.vue`
   - 资产信息页到全局审计外部集成页的路由跳转参数
 - API contracts:
-  - `GET /api/admin/assets/resolve/{identifier}`
   - `POST /api/admin/assets/{identifier}/refresh`（保持既有契约）
   - `GET /api/admin/audit/integrations`（复用 `resource_type`、`resource_key`、`correlation_id` 查询参数）
 - Out of scope:
   - 全局审计外部集成页面自身的开发或改造
-  - 新增第二个同步或刷新按钮
-  - `rate_limited` 的自动退避倒计时展示
+  - 审计轨迹结果页的加载、空记录和失败状态界面实现
+  - 新增轮询活跃级别、最后活跃场景、下次轮询时间或自动退避倒计时展示
diff --git a/openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md b/openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md
index 967d5a7..79d1865 100644
--- a/openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md
+++ b/openspec/changes/update-asset-sync-status-trail/specs/asset-information/spec.md
@@ -1,33 +1,30 @@
 ## ADDED Requirements
 
-### Requirement: Asset Polling Status Display
+### Requirement: Existing Asset Sync Controls and Polling Display
 
-The asset information page SHALL display the current polling status for both card and device assets from the `polling` object returned by `GET /api/admin/assets/resolve/{identifier}`.
+The asset information page SHALL preserve the existing manual refresh control and existing polling status display for both card and device assets. The page MUST NOT add another synchronization or refresh control.
 
-#### Scenario: Display complete polling status for a card asset
+#### Scenario: Retain existing controls for a card asset
 
 - **GIVEN** 用户正在查看卡资产信息页
-- **WHEN** 资产解析响应包含 `polling.enabled`、`activity_level`、`last_activity_at`、`last_activity_scene` 和 `next_poll_at`
-- **THEN** 页面 MUST 展示轮询是否启用、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间
-- **AND** 时间字段 MUST 使用资产信息页统一的时间格式
+- **THEN** 页面 MUST 保留现有手动刷新按钮和现有轮询状态展示
+- **AND** 页面 MUST NOT 增加第二个同步或刷新按钮
 
-#### Scenario: Display complete polling status for a device asset
+#### Scenario: Retain existing controls for a device asset
 
 - **GIVEN** 用户正在查看设备资产信息页
-- **WHEN** 资产解析响应包含 `polling` 对象
-- **THEN** 页面 MUST 展示轮询是否启用、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间
+- **THEN** 页面 MUST 保留现有手动刷新按钮和现有轮询状态展示
+- **AND** 页面 MUST NOT 增加第二个同步或刷新按钮
 
-#### Scenario: Display placeholders for unavailable polling values
+#### Scenario: Do not display new polling activity fields
 
 - **GIVEN** 用户正在查看卡或设备资产信息页
-- **WHEN** `last_activity_at`、`last_activity_scene` 或 `next_poll_at` 为 `null`、空字符串或未返回
-- **THEN** 页面 MUST 保留对应字段标签
-- **AND** `next_poll_at` MUST 显示 `-`
-- **AND** 其他不可用字段 MUST 显示稳定占位内容
+- **WHEN** 资产解析响应包含 `activity_level`、`last_activity_scene` 或 `next_poll_at`
+- **THEN** 页面 MUST NOT 展示活跃级别、最后活跃场景或下次轮询时间字段
 
 ### Requirement: Asset Manual Refresh Remains the Only Refresh Entry
 
-The asset information page SHALL preserve the existing manual refresh button and interface contract as the only asset refresh entry.
+The asset information page SHALL preserve the existing manual refresh button and interface contract as the only asset refresh entry. The frontend MUST NOT infer or display a future periodic polling time from refresh results or event traces.
 
 #### Scenario: Preserve existing manual refresh behavior
 
@@ -41,32 +38,36 @@ The asset information page SHALL preserve the existing manual refresh button and
 - **THEN** 系统 MUST 仅展示本次请求失败信息
 - **AND** 系统 MUST NOT 展示自动退避倒计时
 
+#### Scenario: Do not infer a future polling schedule
+
+- **WHEN** 用户查看刷新结果或同步事件轨迹
+- **THEN** 前端 MUST NOT 根据结果推算或展示新的周期轮询时间
+
 ### Requirement: Asset Sync Trail Navigation
 
-The asset information page SHALL provide a `查看同步轨迹` entry that navigates to the global audit integration page with filters for the current asset. The target query SHALL support `resource_type`, `resource_key`, and `correlation_id` so the audit page can display the immediate, 3-minute, and 5-minute consecutive sync results for the asset.
+The asset information page SHALL provide a `查看同步轨迹` entry that navigates to the global audit integration page with filters for the current asset. The target audit query contract SHALL support `resource_type`, `resource_key`, and `correlation_id` filters.
 
 #### Scenario: Navigate to filtered sync trail from a card asset
 
 - **GIVEN** 用户正在查看卡资产信息页
 - **WHEN** 用户点击“查看同步轨迹”
 - **THEN** 系统 MUST 跳转到全局审计外部集成页
-- **AND** 跳转参数 MUST 带入当前卡资产对应的 `resource_type`、`resource_key` 或 `correlation_id` 筛选信息
+- **AND** 跳转参数 MUST 带入当前卡资产对应的 `resource_type` 和 `resource_key` 筛选信息
 
 #### Scenario: Navigate to filtered sync trail from a device asset
 
 - **GIVEN** 用户正在查看设备资产信息页
 - **WHEN** 用户点击“查看同步轨迹”
 - **THEN** 系统 MUST 跳转到全局审计外部集成页
-- **AND** 跳转参数 MUST 带入当前设备资产对应的 `resource_type`、`resource_key` 或 `correlation_id` 筛选信息
+- **AND** 跳转参数 MUST 带入当前设备资产对应的 `resource_type` 和 `resource_key` 筛选信息
 
-#### Scenario: Sync trail includes consecutive polling results
+#### Scenario: Audit query filters a correlation group
 
-- **GIVEN** 用户已通过资产信息页进入带筛选的同步轨迹
-- **WHEN** 全局审计外部集成页查询该资产轨迹
-- **THEN** 查询结果 MUST 支持按立即、3分钟、5分钟连续同步结果展示
+- **WHEN** 全局审计外部集成页按一次业务事件的 `correlation_id` 查询同步轨迹
+- **THEN** 审计查询契约 MUST 支持该筛选参数
 
-#### Scenario: Audit integration page implementation is out of scope
+#### Scenario: Audit target page is outside this change
 
 - **WHEN** 本次变更落地
 - **THEN** 资产信息页的同步轨迹跳转入口 MUST 可用
-- **AND** 全局审计外部集成页面自身 MUST NOT 被要求在本提案中改造
+- **AND** 全局审计外部集成页面的加载、空记录和失败状态界面 MUST NOT 被要求在本提案中开发或改造
diff --git a/openspec/changes/update-asset-sync-status-trail/tasks.md b/openspec/changes/update-asset-sync-status-trail/tasks.md
index 6713c63..670978f 100644
--- a/openspec/changes/update-asset-sync-status-trail/tasks.md
+++ b/openspec/changes/update-asset-sync-status-trail/tasks.md
@@ -1,24 +1,24 @@
-## 1. API Contract
+## 1. Asset Sync Controls
 
-- [x] 1.1 更新资产解析响应类型，支持 `polling.enabled`、`activity_level`、`last_activity_at`、`last_activity_scene`、`next_poll_at`。
-- [x] 1.2 保持现有资产手动刷新接口与调用方式不变，不新增同步接口或按钮。
-- [x] 1.3 定义同步轨迹跳转参数，复用 `resource_type`、`resource_key`、`correlation_id` 查询契约。
+- [x] 1.1 保留卡和设备资产信息页现有手动刷新按钮及其接口调用方式，不新增同步或刷新按钮。
+- [x] 1.2 保留现有轮询状态展示，移除活跃级别、最后活跃场景和下次轮询时间展示。
+- [x] 1.3 `rate_limited` 时仅展示本次刷新失败，不展示自动退避倒计时或新的轮询时间。
 
-## 2. Asset Sync Status UI
+## 2. Sync Trail Navigation
 
-- [x] 2.1 在卡和设备资产信息页新增同步状态区域，展示轮询是否启用、活跃级别、最后活跃时间、最后活跃场景和下次轮询时间。
-- [x] 2.2 为空的 `last_activity_at`、`last_activity_scene`、`next_poll_at` 提供稳定占位；无下次轮询时间显示 `-`。
-- [x] 2.3 保留现有手动刷新按钮；`rate_limited` 时仅展示本次失败结果，不显示自动退避倒计时。
+- [x] 2.1 在卡和设备资产信息页增加“查看同步轨迹”入口，跳转全局审计外部集成页。
+- [x] 2.2 跳转时带入当前资产的 `resource_type` 和 `resource_key` 筛选参数。
+- [x] 2.3 前端不根据事件轨迹推算或展示新的周期轮询时间。
 
-## 3. Sync Trail Navigation
+## 3. Audit Integration Contract
 
-- [x] 3.1 增加受 `asset_info:view_sync_trail` 按钮权限控制的“查看同步轨迹”入口，跳转全局审计外部集成页并带入当前资产筛选。
-- [ ] 3.2 确保跳转筛选可支持立即、3分钟、5分钟连续同步结果的轨迹查询（当前仓库未提供全局审计外部集成页，待目标页接入后联调）。
-- [ ] 3.3 不改造全局审计外部集成页面本身。
+- [ ] 3.1 与审计接口确认并联调 `resource_type`、`resource_key`、`correlation_id` 查询参数。
+- [ ] 3.2 确认目标查询可覆盖立即、3分钟、5分钟的连续同步结果，以及运营商回调和周期轮询的 Integration Log。
+- [x] 3.3 不开发或改造全局审计外部集成页面的加载、空记录和失败状态界面。
 
 ## 4. Verification
 
-- [ ] 4.1 验证卡和设备均可展示完整、部分为空和全部为空的同步状态。
-- [x] 4.2 验证保留单一手动刷新入口，且 `rate_limited` 不展示倒计时。
-- [ ] 4.3 验证“查看同步轨迹”跳转携带当前资产筛选并能查看连续同步结果（待全局审计外部集成页提供后联调）。
+- [ ] 4.1 验证卡和设备均保留既有手动刷新和轮询状态展示，且不显示新增轮询活跃字段。
+- [ ] 4.2 验证“查看同步轨迹”跳转携带当前资产筛选。
+- [ ] 4.3 待全局审计外部集成页就绪后，验证过滤后的轨迹加载、空记录、失败状态及连续同步结果完整。
 - [x] 4.4 运行相关前端校验，并执行 `openspec validate update-asset-sync-status-trail --strict`。
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 7672e2d..d65c1a4 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -190,18 +190,9 @@
         </ElTag>
         <span v-else>-</span>
       </ElDescriptionsItem>
-      <ElDescriptionsItem label="活跃级别">
-        {{ cardInfo?.polling?.activity_level || '-' }}
-      </ElDescriptionsItem>
       <ElDescriptionsItem label="最后活跃时间">
         {{ formatDateTime(cardInfo?.polling?.last_activity_at) || '-' }}
       </ElDescriptionsItem>
-      <ElDescriptionsItem label="最后活跃场景">
-        {{ cardInfo?.polling?.last_activity_scene || '-' }}
-      </ElDescriptionsItem>
-      <ElDescriptionsItem label="下次轮询时间">
-        {{ formatDateTime(cardInfo?.polling?.next_poll_at) || '-' }}
-      </ElDescriptionsItem>
       <ElDescriptionsItem label="同步轨迹">
         <ElButton
           v-permission="'asset_info:view_sync_trail'"

From 47a2d88c9d2507ddfaeae8a7eee140985737507d Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 21 Jul 2026 14:30:30 +0800
Subject: [PATCH 09/76] =?UTF-8?q?=E5=A4=8D=E6=9C=BA=E5=AE=9E=E5=90=8D?=
 =?UTF-8?q?=E6=A0=A1=E9=AA=8C=E6=8F=90=E7=A4=BA=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               | 25 +++++++
 .../specs/asset-information/spec.md           | 71 +++++++++++++++++++
 .../tasks.md                                  | 24 +++++++
 src/api/modules/asset.ts                      | 12 +++-
 src/types/api/asset.ts                        |  8 +++
 .../components/BasicInfoCard.vue              | 11 +++
 .../composables/useAssetOperations.ts         | 19 ++++-
 .../asset-information/index.vue               |  8 ++-
 8 files changed, 172 insertions(+), 6 deletions(-)
 create mode 100644 openspec/changes/update-asset-start-realname-validation-feedback/proposal.md
 create mode 100644 openspec/changes/update-asset-start-realname-validation-feedback/specs/asset-information/spec.md
 create mode 100644 openspec/changes/update-asset-start-realname-validation-feedback/tasks.md

diff --git a/openspec/changes/update-asset-start-realname-validation-feedback/proposal.md b/openspec/changes/update-asset-start-realname-validation-feedback/proposal.md
new file mode 100644
index 0000000..570091e
--- /dev/null
+++ b/openspec/changes/update-asset-start-realname-validation-feedback/proposal.md
@@ -0,0 +1,25 @@
+# Change: 适配复机实名校验结果提示
+
+## Why
+
+复机是否允许取决于运营商的实名能力和后端实名规则，不能以行业卡类别作为前端放行依据。当前复机失败不会向运营清晰呈现后端返回的中文业务原因，无法区分同为行业卡但实名能力不同的放行或拦截结果。
+
+## What Changes
+
+- 复用资产信息页现有复机入口和确认框，继续调用 `POST /api/admin/assets/{identifier}/start`。
+- 补齐复机成功响应类型，读取最新的 `status`、`status_name`、`real_name_status`、`real_name_status_name`。
+- 复机提交期间禁用入口，避免重复提交。
+- 复机被后端实名规则或其他业务规则拦截时，在当前复机操作上下文直接展示后端返回的中文业务原因，不以通用前端文案替代，也不只记录到控制台。
+- 复机成功后重新拉取资产详情，以最新资产数据更新页面。
+- 前端不得读取或根据 `card_category` 判断是否需要实名、是否允许复机，所有放行或拦截均以后端结果为准。
+
+## Impact
+
+- Affected specs: `asset-information`
+- Affected code:
+  - `src/types/api/asset.ts`
+  - `src/api/modules/asset.ts`
+  - `src/views/asset-management/asset-information/composables/useAssetOperations.ts`
+  - `src/views/asset-management/asset-information/components/BasicInfoCard.vue`
+- API contract:
+  - `POST /api/admin/assets/{identifier}/start`
diff --git a/openspec/changes/update-asset-start-realname-validation-feedback/specs/asset-information/spec.md b/openspec/changes/update-asset-start-realname-validation-feedback/specs/asset-information/spec.md
new file mode 100644
index 0000000..eac9586
--- /dev/null
+++ b/openspec/changes/update-asset-start-realname-validation-feedback/specs/asset-information/spec.md
@@ -0,0 +1,71 @@
+## ADDED Requirements
+
+### Requirement: Asset Start Response Contract
+
+The asset start API contract SHALL use `POST /api/admin/assets/{identifier}/start` and support a successful response containing the latest `status`, `status_name`, `real_name_status`, and `real_name_status_name` values.
+
+#### Scenario: Read successful asset start result
+
+- **WHEN** 用户对资产提交复机且后端成功处理请求
+- **THEN** 前端类型 MUST support `status`、`status_name`、`real_name_status` 和 `real_name_status_name`
+- **AND** 前端 MUST use the existing asset start endpoint
+
+### Requirement: Asset Start Submission and Refresh
+
+The asset information page SHALL retain the existing asset start entry and confirmation dialog. It MUST prevent duplicate submissions while the asset start request is pending and refresh the asset detail after a successful start.
+
+#### Scenario: Keep existing asset start confirmation
+
+- **GIVEN** 用户正在查看处于停机状态的资产信息页
+- **WHEN** 用户发起复机操作
+- **THEN** 页面 MUST display the existing start confirmation dialog
+- **AND** 页面 MUST NOT add a separate asset start entry
+
+#### Scenario: Prevent duplicate asset start submissions
+
+- **GIVEN** 用户已确认复机操作
+- **WHEN** 复机请求仍在提交中
+- **THEN** 复机按钮 MUST be disabled
+- **AND** 系统 MUST NOT send another asset start request for that interaction
+
+#### Scenario: Refresh asset detail after a successful start
+
+- **WHEN** 复机接口成功返回
+- **THEN** 页面 MUST reload the current asset detail
+- **AND** 页面 MUST render the refreshed asset status and real-name status data
+
+### Requirement: Backend-Controlled Asset Start Realname Validation
+
+The asset information page SHALL rely exclusively on the backend asset start result to decide whether an asset is allowed to start. The frontend MUST NOT read or use `card_category` to infer real-name requirements or to permit an asset start.
+
+#### Scenario: Allow start based on backend result
+
+- **GIVEN** 用户对行业卡资产发起复机
+- **WHEN** 后端允许复机
+- **THEN** 页面 MUST treat the operation as successful regardless of the asset `card_category`
+- **AND** 页面 MUST reload the asset detail
+
+#### Scenario: Block start based on backend realname validation
+
+- **GIVEN** 用户对行业卡资产发起复机
+- **WHEN** 后端因实名规则拒绝复机并返回中文业务原因
+- **THEN** 页面 MUST keep the asset start operation unsuccessful
+- **AND** 页面 MUST NOT use `card_category` to override or bypass the backend decision
+
+### Requirement: Asset Start Business Failure Feedback
+
+When the asset start API rejects an operation for real-name validation or another business rule, the asset information page SHALL show the backend-provided Chinese business reason in the current asset start operation context.
+
+#### Scenario: Show backend realname rejection reason
+
+- **GIVEN** 用户已在资产信息页确认复机
+- **WHEN** 后端返回实名校验失败及中文业务原因
+- **THEN** 页面 MUST display that backend Chinese business reason directly in the asset start operation context
+- **AND** 页面 MUST NOT replace it with a generic frontend failure message
+
+#### Scenario: Show other backend business rejection reason
+
+- **GIVEN** 用户已在资产信息页确认复机
+- **WHEN** 后端返回非实名相关的业务拦截及中文业务原因
+- **THEN** 页面 MUST display that backend Chinese business reason directly in the asset start operation context
+- **AND** 页面 MUST NOT only log the failure to the browser console
diff --git a/openspec/changes/update-asset-start-realname-validation-feedback/tasks.md b/openspec/changes/update-asset-start-realname-validation-feedback/tasks.md
new file mode 100644
index 0000000..e012d9d
--- /dev/null
+++ b/openspec/changes/update-asset-start-realname-validation-feedback/tasks.md
@@ -0,0 +1,24 @@
+## 1. API Contract
+
+- [x] 1.1 定义复机成功响应类型，支持 `status`、`status_name`、`real_name_status`、`real_name_status_name`。
+- [x] 1.2 更新复机接口返回类型，继续使用 `POST /api/admin/assets/{identifier}/start`。
+
+## 2. Asset Start Interaction
+
+- [x] 2.1 保持资产信息页现有复机入口和确认框。
+- [x] 2.2 复机请求提交期间禁用复机按钮，防止重复提交。
+- [x] 2.3 复机成功后重新拉取资产详情。
+
+## 3. Backend Realname Validation Feedback
+
+- [x] 3.1 后端返回实名或其他业务拦截结果时，在复机操作上下文显示后端中文业务原因。
+- [x] 3.2 不以通用前端错误文案覆盖后端中文业务原因，也不只将错误写入控制台。
+- [x] 3.3 不读取或根据 `card_category` 推断实名要求或复机放行结果。
+
+## 4. Verification
+
+- [ ] 4.1 验证复机成功后页面重新加载并展示最新资产详情。
+- [ ] 4.2 验证后端实名校验拦截时显示其中文业务原因。
+- [ ] 4.3 验证同为行业卡但运营商实名能力不同的资产，页面按后端结果分别放行或拦截。
+- [ ] 4.4 验证提交期间无法重复发起复机请求。
+- [x] 4.5 运行相关前端校验，并执行 `openspec validate update-asset-start-realname-validation-feedback --strict`。
diff --git a/src/api/modules/asset.ts b/src/api/modules/asset.ts
index d60d115..12c98a9 100644
--- a/src/api/modules/asset.ts
+++ b/src/api/modules/asset.ts
@@ -19,6 +19,7 @@ import type {
   AssetPackageParams,
   AssetCurrentPackageResponse,
   DeviceStopResponse,
+  AssetStartResponse,
   AssetWalletTransactionListResponse,
   AssetWalletTransactionParams,
   AssetWalletResponse,
@@ -182,9 +183,16 @@ export class AssetService extends BaseService {
    * 前端按资产标识限制 5 分钟内只能调用一次
    * @param identifier 资产标识符（ICCID 或 VirtualNo）
    */
-  static startAsset(identifier: string): Promise<BaseResponse<void>> {
+  static startAsset(
+    identifier: string,
+    config?: Record<string, any>
+  ): Promise<BaseResponse<AssetStartResponse>> {
     return runRateLimitedAssetAction('start', identifier, () =>
-      this.post<BaseResponse<void>>(`/api/admin/assets/${identifier}/start`, {})
+      this.post<BaseResponse<AssetStartResponse>>(
+        `/api/admin/assets/${identifier}/start`,
+        {},
+        config
+      )
     )
   }
 
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 7bf1234..73a3311 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -55,6 +55,14 @@ export interface AssetPollingStatus {
   next_poll_at?: string | null // 下次轮询时间
 }
 
+// 资产复机结果
+export interface AssetStartResponse {
+  status: number // 最新资产状态
+  status_name: string // 最新资产状态名称
+  real_name_status: RealNameStatus // 最新实名状态
+  real_name_status_name: string // 最新实名状态名称
+}
+
 // 换货关联资产
 export interface AssetExchangeTraceAsset {
   asset_type: AssetType
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index d65c1a4..83c0600 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -469,6 +469,14 @@
     </template>
 
     <!-- IoT卡操作按钮 -->
+    <ElAlert
+      v-if="startErrorMessage"
+      :title="startErrorMessage"
+      type="error"
+      :closable="false"
+      show-icon
+      style="margin-top: 16px"
+    />
     <div
       v-if="cardInfo?.asset_type === 'card'"
       class="card-operations"
@@ -558,6 +566,7 @@
     ElTable,
     ElTableColumn,
     ElButton,
+    ElAlert,
     ElEmpty,
     ElMessageBox,
     ElMessage
@@ -670,6 +679,7 @@
     pollingEnabled: boolean
     realtimeLoading?: boolean
     startDisabled?: boolean
+    startErrorMessage?: string
     stopDisabled?: boolean
     startRemainingText?: string
     stopRemainingText?: string
@@ -682,6 +692,7 @@
   const props = withDefaults(defineProps<Props>(), {
     realtimeLoading: false,
     startDisabled: false,
+    startErrorMessage: '',
     stopDisabled: false,
     startRemainingText: '',
     stopRemainingText: ''
diff --git a/src/views/asset-management/asset-information/composables/useAssetOperations.ts b/src/views/asset-management/asset-information/composables/useAssetOperations.ts
index 45d8ccb..9db8489 100644
--- a/src/views/asset-management/asset-information/composables/useAssetOperations.ts
+++ b/src/views/asset-management/asset-information/composables/useAssetOperations.ts
@@ -11,6 +11,7 @@ import { formatRemainingTime, FrontendRateLimitError } from '@/utils/business/ap
 export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Promise<void>) {
   // Loading states
   const enableCardLoading = ref(false)
+  const startFailureMessage = ref('')
   const disableCardLoading = ref(false)
   const manualDeactivateCardLoading = ref(false)
   const rebootDeviceLoading = ref(false)
@@ -29,22 +30,33 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
         type: 'warning'
       })
 
+      startFailureMessage.value = ''
       enableCardLoading.value = true
-      const res = await AssetService.startAsset(cardInfo.value.iccid)
+      const res = await AssetService.startAsset(cardInfo.value.iccid, {
+        requestOptions: { errorMessageMode: 'none' }
+      })
       if (res.code === 0) {
         ElMessage.success('启用成功')
         if (refreshAssetFn) {
           await refreshAssetFn()
         }
+        return true
       }
+      startFailureMessage.value = res.msg || '复机失败，请稍后重试'
+      return false
     } catch (error: any) {
       if (error !== 'cancel') {
         if (error instanceof FrontendRateLimitError) {
           ElMessage.warning(`操作过于频繁，请${formatRemainingTime(error.remainingMs)}后再试`)
-          return
+          return false
         }
-        console.error('启用失败:', error)
+        const backendMessage = error?.response?.data?.msg
+        startFailureMessage.value =
+          typeof backendMessage === 'string' && backendMessage.trim()
+            ? backendMessage
+            : '复机失败，请稍后重试'
       }
+      return false
     } finally {
       enableCardLoading.value = false
     }
@@ -303,6 +315,7 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
   return {
     // Loading states
     enableCardLoading,
+    startFailureMessage,
     disableCardLoading,
     manualDeactivateCardLoading,
     rebootDeviceLoading,
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 86a4801..6c503a3 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -20,6 +20,7 @@
             v-model:polling-enabled="pollingEnabled"
             :realtime-loading="realtimeLoading"
             :start-disabled="startDisabled"
+            :start-error-message="startFailureMessage"
             :stop-disabled="stopDisabled"
             :start-remaining-text="startRemainingText"
             :stop-remaining-text="stopRemainingText"
@@ -258,6 +259,7 @@
   // ========== 资产操作方法（使用 composable） ==========
   const {
     enableCardLoading,
+    startFailureMessage,
     disableCardLoading,
     enableCard: enableCardOp,
     disableCard: disableCardOp,
@@ -399,6 +401,7 @@
   const handleSearch = async ({ identifier }: { identifier: string }) => {
     // 更新搜索框的值
     assetSearchCardRef.value?.updateSearchValue(identifier)
+    startFailureMessage.value = ''
 
     // fetchAssetDetail 内部已经会并行加载所有相关数据，不需要重复调用
     await fetchAssetDetail(identifier)
@@ -458,7 +461,10 @@
   const handleEnableCard = async () => {
     if (startDisabled.value) return
     try {
-      await enableCardOp()
+      const started = await enableCardOp()
+      if (started && cardInfo.value) {
+        await fetchAssetDetail(cardInfo.value.identifier)
+      }
     } finally {
       updateRateLimitNow()
     }

From 830476d49d92064819444ad3843bd57852f1bb69 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 21 Jul 2026 16:13:40 +0800
Subject: [PATCH 10/76] =?UTF-8?q?H5=E5=AE=9E=E5=90=8D=E8=B4=AD=E4=B9=B0?=
 =?UTF-8?q?=E9=A1=BA=E5=BA=8F=E4=B8=8E=E5=90=8E=E5=8F=B0=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               | 33 +++++++
 .../specs/device-management/spec.md           | 54 +++++++++++
 .../specs/iot-card-management/spec.md         | 53 +++++++++++
 .../add-asset-batch-realname-policy/tasks.md  | 28 ++++++
 src/api/modules/card.ts                       | 17 +++-
 src/api/modules/device.ts                     | 15 +++
 .../business/BatchRealnamePolicyDialog.vue    | 93 +++++++++++++++++++
 src/types/api/asset.ts                        |  9 ++
 src/types/components.d.ts                     |  1 +
 .../asset-management/device-list/index.vue    | 66 +++++++++++++
 .../iot-card-management/index.vue             | 66 ++++++++++++-
 11 files changed, 433 insertions(+), 2 deletions(-)
 create mode 100644 openspec/changes/add-asset-batch-realname-policy/proposal.md
 create mode 100644 openspec/changes/add-asset-batch-realname-policy/specs/device-management/spec.md
 create mode 100644 openspec/changes/add-asset-batch-realname-policy/specs/iot-card-management/spec.md
 create mode 100644 openspec/changes/add-asset-batch-realname-policy/tasks.md
 create mode 100644 src/components/business/BatchRealnamePolicyDialog.vue

diff --git a/openspec/changes/add-asset-batch-realname-policy/proposal.md b/openspec/changes/add-asset-batch-realname-policy/proposal.md
new file mode 100644
index 0000000..0a41325
--- /dev/null
+++ b/openspec/changes/add-asset-batch-realname-policy/proposal.md
@@ -0,0 +1,33 @@
+# Change: 新增资产批量实名认证策略配置
+
+## Why
+
+运营需要一次性为多个卡或设备配置实名认证顺序。现有后台仅支持单资产设置实名认证策略，无法满足列表多选后的批量配置需求。
+
+## What Changes
+
+- 在后台卡列表和设备列表分别增加“批量修改实名顺序”入口，基于当前勾选资产执行配置。
+- 批量配置弹框展示已选资产数量，并提供“无需实名”“先实名后购买”“先购买后实名”三种互斥策略。
+- 卡列表调用 `POST /api/admin/iot-cards/batch-update-realname-policy`；设备列表调用 `POST /api/admin/devices/batch-update-realname-policy`。
+- 批量请求传递 `asset_ids` 和 `realname_policy`；前端限制单次提交至多 500 条，并在超限时阻止提交并明确提示。
+- 设备批量配置弹框提示“实际H5流程由设备策略决定”。
+- 后端批量接口按全成全败处理；前端在失败时展示明确的后端业务错误，成功后刷新当前列表。
+- 前端不根据资产类型、卡类型或其他字段自行覆盖或推导实名认证策略。
+- 本提案不包含任何 H5 初始化、购买流程或 `effective_realname_policy` 的处理。
+
+## Impact
+
+- Affected specs:
+  - `iot-card-management`
+  - `device-management`
+- Affected code:
+  - `src/api/modules/asset.ts` 或对应卡、设备 API 模块
+  - `src/types/api/asset.ts` 或对应卡、设备 API 类型
+  - `src/views/asset-management/iot-card-management/index.vue`
+  - `src/views/asset-management/device-list/index.vue`
+- API contracts:
+  - `POST /api/admin/iot-cards/batch-update-realname-policy`
+  - `POST /api/admin/devices/batch-update-realname-policy`
+- Out of scope:
+  - H5 初始化返回字段和购买流程
+  - 单资产实名认证策略设置接口 `PATCH /api/admin/assets/{identifier}/realname-mode`
diff --git a/openspec/changes/add-asset-batch-realname-policy/specs/device-management/spec.md b/openspec/changes/add-asset-batch-realname-policy/specs/device-management/spec.md
new file mode 100644
index 0000000..036cd62
--- /dev/null
+++ b/openspec/changes/add-asset-batch-realname-policy/specs/device-management/spec.md
@@ -0,0 +1,54 @@
+## ADDED Requirements
+
+### Requirement: Device Batch Realname Policy Configuration
+
+The device management list SHALL provide a `批量修改实名顺序` action for selected devices. The action SHALL submit the selected device IDs and exactly one realname policy to `POST /api/admin/devices/batch-update-realname-policy`.
+
+#### Scenario: Open batch realname policy dialog for selected devices
+
+- **GIVEN** 用户在设备列表勾选了一台或多台设备
+- **WHEN** 用户点击“批量修改实名顺序”
+- **THEN** 页面 MUST open a dialog that displays the selected device count
+- **AND** 页面 MUST provide mutually exclusive options `无需实名`、`先实名后购买` 和 `先购买后实名`
+- **AND** 页面 MUST display `实际H5流程由设备策略决定` 提示
+
+#### Scenario: Submit selected device policy
+
+- **GIVEN** 用户已选择一项实名认证策略
+- **WHEN** 用户确认批量修改
+- **THEN** 系统 MUST call `POST /api/admin/devices/batch-update-realname-policy`
+- **AND** 请求 MUST contain the selected device IDs as `asset_ids`
+- **AND** 请求 MUST contain the selected `realname_policy` as `none`、`before_order` 或 `after_order`
+
+#### Scenario: Refresh devices after all-or-nothing success
+
+- **WHEN** 设备批量实名认证策略接口成功返回
+- **THEN** 页面 MUST close the dialog
+- **AND** 页面 MUST refresh the current device list
+
+#### Scenario: Show failed batch update reason
+
+- **WHEN** 设备批量实名认证策略接口返回业务失败或请求失败
+- **THEN** 页面 MUST display the backend business reason when provided
+- **AND** 页面 MUST NOT refresh the list as a partial-success result
+
+### Requirement: Device Batch Realname Policy Limit
+
+The device management list MUST limit each realname policy batch submission to 500 selected devices.
+
+#### Scenario: Prevent device batch submission over the limit
+
+- **GIVEN** 用户在设备列表选择超过 500 台设备
+- **WHEN** 用户尝试确认批量修改实名认证策略
+- **THEN** 页面 MUST prevent the request from being sent
+- **AND** 页面 MUST display an explicit maximum-500-items error
+
+### Requirement: Device Batch Policy Is User Selected
+
+The device management list MUST submit the policy explicitly selected by the user and MUST NOT infer, override, or transform it from asset type, card type, or other asset fields.
+
+#### Scenario: Preserve selected device policy value
+
+- **GIVEN** 用户在批量配置弹框选择任一实名认证策略
+- **WHEN** 用户确认提交
+- **THEN** 请求中的 `realname_policy` MUST equal the selected option
diff --git a/openspec/changes/add-asset-batch-realname-policy/specs/iot-card-management/spec.md b/openspec/changes/add-asset-batch-realname-policy/specs/iot-card-management/spec.md
new file mode 100644
index 0000000..d960c9f
--- /dev/null
+++ b/openspec/changes/add-asset-batch-realname-policy/specs/iot-card-management/spec.md
@@ -0,0 +1,53 @@
+## ADDED Requirements
+
+### Requirement: IoT Card Batch Realname Policy Configuration
+
+The IoT card management list SHALL provide a `批量修改实名顺序` action for selected cards. The action SHALL submit the selected card IDs and exactly one realname policy to `POST /api/admin/iot-cards/batch-update-realname-policy`.
+
+#### Scenario: Open batch realname policy dialog for selected cards
+
+- **GIVEN** 用户在卡列表勾选了一张或多张卡
+- **WHEN** 用户点击“批量修改实名顺序”
+- **THEN** 页面 MUST open a dialog that displays the selected card count
+- **AND** 页面 MUST provide mutually exclusive options `无需实名`、`先实名后购买` 和 `先购买后实名`
+
+#### Scenario: Submit selected card policy
+
+- **GIVEN** 用户已选择一项实名认证策略
+- **WHEN** 用户确认批量修改
+- **THEN** 系统 MUST call `POST /api/admin/iot-cards/batch-update-realname-policy`
+- **AND** 请求 MUST contain the selected card IDs as `asset_ids`
+- **AND** 请求 MUST contain the selected `realname_policy` as `none`、`before_order` 或 `after_order`
+
+#### Scenario: Refresh cards after all-or-nothing success
+
+- **WHEN** 卡批量实名认证策略接口成功返回
+- **THEN** 页面 MUST close the dialog
+- **AND** 页面 MUST refresh the current card list
+
+#### Scenario: Show failed batch update reason
+
+- **WHEN** 卡批量实名认证策略接口返回业务失败或请求失败
+- **THEN** 页面 MUST display the backend business reason when provided
+- **AND** 页面 MUST NOT refresh the list as a partial-success result
+
+### Requirement: IoT Card Batch Realname Policy Limit
+
+The IoT card management list MUST limit each realname policy batch submission to 500 selected cards.
+
+#### Scenario: Prevent card batch submission over the limit
+
+- **GIVEN** 用户在卡列表选择超过 500 张卡
+- **WHEN** 用户尝试确认批量修改实名认证策略
+- **THEN** 页面 MUST prevent the request from being sent
+- **AND** 页面 MUST display an explicit maximum-500-items error
+
+### Requirement: IoT Card Batch Policy Is User Selected
+
+The IoT card management list MUST submit the policy explicitly selected by the user and MUST NOT infer, override, or transform it from asset type, card type, or other asset fields.
+
+#### Scenario: Preserve selected card policy value
+
+- **GIVEN** 用户在批量配置弹框选择任一实名认证策略
+- **WHEN** 用户确认提交
+- **THEN** 请求中的 `realname_policy` MUST equal the selected option
diff --git a/openspec/changes/add-asset-batch-realname-policy/tasks.md b/openspec/changes/add-asset-batch-realname-policy/tasks.md
new file mode 100644
index 0000000..cfca524
--- /dev/null
+++ b/openspec/changes/add-asset-batch-realname-policy/tasks.md
@@ -0,0 +1,28 @@
+## 1. API Contract
+
+- [x] 1.1 定义批量实名认证策略请求类型，包含 `asset_ids:int64[]` 与 `realname_policy:none|before_order|after_order`。
+- [x] 1.2 接入卡批量更新接口 `POST /api/admin/iot-cards/batch-update-realname-policy`。
+- [x] 1.3 接入设备批量更新接口 `POST /api/admin/devices/batch-update-realname-policy`。
+
+## 2. IoT Card Batch Configuration
+
+- [x] 2.1 在卡列表多选操作区增加“批量修改实名顺序”入口。
+- [x] 2.2 弹框展示已选卡数量并提供三种互斥实名认证策略。
+- [x] 2.3 超过 500 张卡时阻止提交并显示明确提示。
+- [x] 2.4 成功后关闭弹框并刷新卡列表；失败时保留选择并展示后端业务原因。
+
+## 3. Device Batch Configuration
+
+- [x] 3.1 在设备列表多选操作区增加“批量修改实名顺序”入口。
+- [x] 3.2 弹框展示已选设备数量并提供三种互斥实名认证策略。
+- [x] 3.3 展示“实际H5流程由设备策略决定”提示。
+- [x] 3.4 超过 500 台设备时阻止提交并显示明确提示。
+- [x] 3.5 成功后关闭弹框并刷新设备列表；失败时保留选择并展示后端业务原因。
+
+## 4. Policy Integrity and Verification
+
+- [x] 4.1 前端不根据资产类型、卡类型或其他字段覆盖或推导提交策略。
+- [ ] 4.2 验证卡和设备三种策略均按所选值提交，且单次 500 条以内成功。
+- [ ] 4.3 验证超过 500 条、后端全成全败失败和网络失败均显示明确错误且不部分刷新列表。
+- [ ] 4.4 验证设备弹框显示 H5 流程归属提示。
+- [x] 4.5 运行相关前端校验，并执行 `openspec validate add-asset-batch-realname-policy --strict`。
diff --git a/src/api/modules/card.ts b/src/api/modules/card.ts
index 7cb6ea8..2539f29 100644
--- a/src/api/modules/card.ts
+++ b/src/api/modules/card.ts
@@ -35,7 +35,8 @@ import type {
   AssetAllocationRecord,
   AssetAllocationRecordDetail,
   BatchSetCardSeriesBindingRequest,
-  BatchSetCardSeriesBindingResponse
+  BatchSetCardSeriesBindingResponse,
+  BatchUpdateAssetRealnamePolicyRequest
 } from '@/types/api'
 
 type ApiQueryParams = PaginationParams & Record<string, unknown>
@@ -411,6 +412,20 @@ export class CardService extends BaseService {
     )
   }
 
+  /**
+   * 批量更新卡实名认证策略
+   */
+  static batchUpdateRealnamePolicy(
+    data: BatchUpdateAssetRealnamePolicyRequest,
+    config?: Record<string, any>
+  ): Promise<BaseResponse<void>> {
+    return this.post<BaseResponse<void>>(
+      '/api/admin/iot-cards/batch-update-realname-policy',
+      data,
+      config
+    )
+  }
+
   // ========== IoT卡网关操作相关 ==========
 
   /**
diff --git a/src/api/modules/device.ts b/src/api/modules/device.ts
index f7be7ac..e046c69 100644
--- a/src/api/modules/device.ts
+++ b/src/api/modules/device.ts
@@ -17,6 +17,7 @@ import type {
   RecallDevicesResponse,
   BatchSetDeviceSeriesBindingRequest,
   BatchSetDeviceSeriesBindingResponse,
+  BatchUpdateAssetRealnamePolicyRequest,
   ImportDeviceRequest,
   ImportDeviceResponse,
   DeviceImportTaskQueryParams,
@@ -169,6 +170,20 @@ export class DeviceService extends BaseService {
     )
   }
 
+  /**
+   * 批量更新设备实名认证策略
+   */
+  static batchUpdateRealnamePolicy(
+    data: BatchUpdateAssetRealnamePolicyRequest,
+    config?: Record<string, any>
+  ): Promise<BaseResponse<void>> {
+    return this.post<BaseResponse<void>>(
+      '/api/admin/devices/batch-update-realname-policy',
+      data,
+      config
+    )
+  }
+
   // ========== 设备操作相关 ==========
 
   /**
diff --git a/src/components/business/BatchRealnamePolicyDialog.vue b/src/components/business/BatchRealnamePolicyDialog.vue
new file mode 100644
index 0000000..d8a6a33
--- /dev/null
+++ b/src/components/business/BatchRealnamePolicyDialog.vue
@@ -0,0 +1,93 @@
+<template>
+  <ElDialog v-model="visible" title="批量修改实名顺序" width="520px" @closed="resetPolicy">
+    <ElForm label-width="110px">
+      <ElFormItem label="已选数量">
+        <span class="selected-count">{{ selectedCount }} {{ assetUnit }}</span>
+      </ElFormItem>
+      <ElFormItem label="实名认证策略">
+        <ElRadioGroup v-model="policy" :disabled="loading">
+          <ElRadio value="none">无需实名</ElRadio>
+          <ElRadio value="before_order">先实名后购买</ElRadio>
+          <ElRadio value="after_order">先购买后实名</ElRadio>
+        </ElRadioGroup>
+      </ElFormItem>
+      <ElAlert
+        v-if="devicePolicyHint"
+        title="实际H5流程由设备策略决定"
+        type="info"
+        :closable="false"
+        show-icon
+      />
+      <ElAlert
+        v-if="errorMessage"
+        :title="errorMessage"
+        type="error"
+        :closable="false"
+        show-icon
+        class="error-alert"
+      />
+    </ElForm>
+
+    <template #footer>
+      <ElButton :disabled="loading" @click="visible = false">取消</ElButton>
+      <ElButton type="primary" :loading="loading" @click="emit('confirm', policy)">
+        确认修改
+      </ElButton>
+    </template>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+  import { computed, ref } from 'vue'
+  import {
+    ElAlert,
+    ElButton,
+    ElDialog,
+    ElForm,
+    ElFormItem,
+    ElRadio,
+    ElRadioGroup
+  } from 'element-plus'
+  import type { AssetRealnamePolicy } from '@/types/api'
+
+  interface Props {
+    modelValue: boolean
+    selectedCount: number
+    assetUnit: string
+    loading?: boolean
+    errorMessage?: string
+    devicePolicyHint?: boolean
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    loading: false,
+    errorMessage: '',
+    devicePolicyHint: false
+  })
+
+  const emit = defineEmits<{
+    'update:modelValue': [value: boolean]
+    confirm: [policy: AssetRealnamePolicy]
+  }>()
+
+  const policy = ref<AssetRealnamePolicy>('none')
+  const visible = computed({
+    get: () => props.modelValue,
+    set: (value) => emit('update:modelValue', value)
+  })
+
+  const resetPolicy = () => {
+    policy.value = 'none'
+  }
+</script>
+
+<style scoped lang="scss">
+  .selected-count {
+    font-weight: 600;
+    color: var(--el-color-primary);
+  }
+
+  .error-alert {
+    margin-top: 12px;
+  }
+</style>
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 73a3311..0262838 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -63,6 +63,15 @@ export interface AssetStartResponse {
   real_name_status_name: string // 最新实名状态名称
 }
 
+// 资产实名认证策略
+export type AssetRealnamePolicy = 'none' | 'before_order' | 'after_order'
+
+// 批量更新资产实名认证策略请求
+export interface BatchUpdateAssetRealnamePolicyRequest {
+  asset_ids: number[]
+  realname_policy: AssetRealnamePolicy
+}
+
 // 换货关联资产
 export interface AssetExchangeTraceAsset {
   asset_type: AssetType
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index bcc764c..ca21b11 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -70,6 +70,7 @@ declare module 'vue' {
     ArtWorkTab: typeof import('./../components/core/layouts/art-work-tab/index.vue')['default']
     BasicSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/BasicSettings.vue')['default']
     BatchOperationDialog: typeof import('./../components/business/BatchOperationDialog.vue')['default']
+    BatchRealnamePolicyDialog: typeof import('./../components/business/BatchRealnamePolicyDialog.vue')['default']
     BoxStyleSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/BoxStyleSettings.vue')['default']
     CardOperationDialog: typeof import('./../components/business/CardOperationDialog.vue')['default']
     CardStatusTag: typeof import('./../components/business/CardStatusTag.vue')['default']
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 33d9df3..148c393 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -40,6 +40,14 @@
             >
               批量设置套餐系列
             </ElButton>
+            <ElButton
+              type="primary"
+              :disabled="!selectedDevices.length"
+              @click="showBatchRealnamePolicyDialog"
+              v-permission="'device:realname_policy'"
+            >
+              批量修改实名顺序
+            </ElButton>
             <ElButton
               type="primary"
               :disabled="!selectedDevices.length"
@@ -685,6 +693,15 @@
           :current-policy="currentRealnamePolicy"
           @confirm="handleConfirmRealnamePolicy"
         />
+        <BatchRealnamePolicyDialog
+          v-model="batchRealnamePolicyDialogVisible"
+          :selected-count="selectedDevices.length"
+          asset-unit="台设备"
+          :loading="batchRealnamePolicyLoading"
+          :error-message="batchRealnamePolicyError"
+          device-policy-hint
+          @confirm="handleConfirmBatchRealnamePolicy"
+        />
 
         <!-- 操作审计日志弹窗 -->
         <OperationLogsDialog
@@ -985,8 +1002,10 @@
     EnterpriseRecallDevicesResponse
   } from '@/types/api/enterpriseDevice'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
+  import BatchRealnamePolicyDialog from '@/components/business/BatchRealnamePolicyDialog.vue'
   import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
+  import type { AssetRealnamePolicy } from '@/types/api'
 
   defineOptions({ name: 'DeviceList' })
 
@@ -1013,6 +1032,9 @@
   const allocateDialogVisible = ref(false)
   const recallDialogVisible = ref(false)
   const selectedDevices = ref<Device[]>([])
+  const batchRealnamePolicyDialogVisible = ref(false)
+  const batchRealnamePolicyLoading = ref(false)
+  const batchRealnamePolicyError = ref('')
   const operationLogsDialogVisible = ref(false)
   const operationLogsIdentifier = ref('')
   const exportDialogVisible = ref(false)
@@ -2201,6 +2223,50 @@
     selectedDevices.value = selection
   }
 
+  const showBatchRealnamePolicyDialog = () => {
+    if (selectedDevices.value.length === 0) {
+      ElMessage.warning('请先选择要修改的设备')
+      return
+    }
+
+    batchRealnamePolicyError.value = ''
+    batchRealnamePolicyDialogVisible.value = true
+  }
+
+  const handleConfirmBatchRealnamePolicy = async (realnamePolicy: AssetRealnamePolicy) => {
+    const assetIds = selectedDevices.value.map((device) => device.id)
+    if (assetIds.length === 0) {
+      batchRealnamePolicyError.value = '请先选择要修改的设备'
+      return
+    }
+    if (assetIds.length > 500) {
+      batchRealnamePolicyError.value = '单次最多可修改500台设备'
+      return
+    }
+
+    batchRealnamePolicyError.value = ''
+    batchRealnamePolicyLoading.value = true
+    try {
+      const res = await DeviceService.batchUpdateRealnamePolicy(
+        { asset_ids: assetIds, realname_policy: realnamePolicy },
+        { requestOptions: { errorMessageMode: 'none' } }
+      )
+      if (res.code !== 0) {
+        batchRealnamePolicyError.value = res.msg || '批量修改实名顺序失败'
+        return
+      }
+
+      ElMessage.success('批量修改实名顺序成功')
+      batchRealnamePolicyDialogVisible.value = false
+      selectedDevices.value = []
+      await getTableData()
+    } catch (error: any) {
+      batchRealnamePolicyError.value = error?.response?.data?.msg || '批量修改实名顺序失败'
+    } finally {
+      batchRealnamePolicyLoading.value = false
+    }
+  }
+
   // 删除设备
   const deleteDevice = (row: Device) => {
     ElMessageBox.confirm(
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 360f00b..8fa563e 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -42,6 +42,14 @@
             >
               批量设置套餐系列
             </ElButton>
+            <ElButton
+              type="primary"
+              :disabled="selectedCards.length === 0"
+              @click="showBatchRealnamePolicyDialog"
+              v-permission="'iot_card:realname_policy'"
+            >
+              批量修改实名顺序
+            </ElButton>
             <ElButton
               type="primary"
               :disabled="selectedCards.length === 0"
@@ -976,6 +984,14 @@
           :current-policy="currentRealnamePolicy"
           @confirm="handleConfirmRealnamePolicy"
         />
+        <BatchRealnamePolicyDialog
+          v-model="batchRealnamePolicyDialogVisible"
+          :selected-count="selectedCards.length"
+          asset-unit="张卡"
+          :loading="batchRealnamePolicyLoading"
+          :error-message="batchRealnamePolicyError"
+          @confirm="handleConfirmBatchRealnamePolicy"
+        />
 
         <!-- 更新实名状态对话框 -->
         <UpdateRealnameStatusDialog
@@ -1019,6 +1035,7 @@
   import { ElMessage, ElTag, ElIcon, ElMessageBox } from 'element-plus'
   import { Loading } from '@element-plus/icons-vue'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
+  import BatchRealnamePolicyDialog from '@/components/business/BatchRealnamePolicyDialog.vue'
   import UpdateRealnameStatusDialog from '@/components/business/UpdateRealnameStatusDialog.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import type { FormInstance, FormRules } from 'element-plus'
@@ -1039,7 +1056,7 @@
     BatchSetCardSeriesBindingResponse
   } from '@/types/api/card'
   import { CardSelectionType } from '@/types/api/card'
-  import type { PackageSeriesResponse } from '@/types/api'
+  import type { AssetRealnamePolicy, PackageSeriesResponse } from '@/types/api'
   import type { EnterpriseItem } from '@/types/api/enterprise'
   import type { AllocateCardsResponse, RecallCardsResponse } from '@/types/api/enterpriseCard'
   import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
@@ -1062,6 +1079,9 @@
   const allocateFormRef = ref<FormInstance>()
   const recallFormRef = ref<FormInstance>()
   const selectedCards = ref<StandaloneIotCard[]>([])
+  const batchRealnamePolicyDialogVisible = ref(false)
+  const batchRealnamePolicyLoading = ref(false)
+  const batchRealnamePolicyError = ref('')
   const allocationResult = ref<AllocateStandaloneCardsResponse>({
     allocation_no: '',
     total_count: 0,
@@ -2364,6 +2384,50 @@
     selectedCards.value = selection
   }
 
+  const showBatchRealnamePolicyDialog = () => {
+    if (selectedCards.value.length === 0) {
+      ElMessage.warning('请先选择要修改的卡')
+      return
+    }
+
+    batchRealnamePolicyError.value = ''
+    batchRealnamePolicyDialogVisible.value = true
+  }
+
+  const handleConfirmBatchRealnamePolicy = async (realnamePolicy: AssetRealnamePolicy) => {
+    const assetIds = selectedCards.value.map((card) => card.id)
+    if (assetIds.length === 0) {
+      batchRealnamePolicyError.value = '请先选择要修改的卡'
+      return
+    }
+    if (assetIds.length > 500) {
+      batchRealnamePolicyError.value = '单次最多可修改500张卡'
+      return
+    }
+
+    batchRealnamePolicyError.value = ''
+    batchRealnamePolicyLoading.value = true
+    try {
+      const res = await CardService.batchUpdateRealnamePolicy(
+        { asset_ids: assetIds, realname_policy: realnamePolicy },
+        { requestOptions: { errorMessageMode: 'none' } }
+      )
+      if (res.code !== 0) {
+        batchRealnamePolicyError.value = res.msg || '批量修改实名顺序失败'
+        return
+      }
+
+      ElMessage.success('批量修改实名顺序成功')
+      batchRealnamePolicyDialogVisible.value = false
+      selectedCards.value = []
+      await getTableData()
+    } catch (error: any) {
+      batchRealnamePolicyError.value = error?.response?.data?.msg || '批量修改实名顺序失败'
+    } finally {
+      batchRealnamePolicyLoading.value = false
+    }
+  }
+
   // 显示批量分配对话框
   const showAllocateDialog = () => {
     if (selectedCards.value.length === 0) {

From 5079f973262c7301f3bffb7da0e133ab7238f3fc Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 21 Jul 2026 18:20:35 +0800
Subject: [PATCH 11/76] =?UTF-8?q?feat:=20=E5=BA=97=E9=93=BA=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=96=B0=E5=A2=9E=E6=9D=A1=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../add-shop-contact-phone-search/proposal.md | 23 ++++++++
 .../specs/shop-management/spec.md             | 59 +++++++++++++++++++
 .../add-shop-contact-phone-search/tasks.md    | 22 +++++++
 src/types/api/shop.ts                         |  1 +
 src/views/shop-management/list/index.vue      | 21 +++++++
 5 files changed, 126 insertions(+)
 create mode 100644 openspec/changes/add-shop-contact-phone-search/proposal.md
 create mode 100644 openspec/changes/add-shop-contact-phone-search/specs/shop-management/spec.md
 create mode 100644 openspec/changes/add-shop-contact-phone-search/tasks.md

diff --git a/openspec/changes/add-shop-contact-phone-search/proposal.md b/openspec/changes/add-shop-contact-phone-search/proposal.md
new file mode 100644
index 0000000..e9f9201
--- /dev/null
+++ b/openspec/changes/add-shop-contact-phone-search/proposal.md
@@ -0,0 +1,23 @@
+# Change: 新增店铺联系电话精确搜索
+
+## Why
+
+运营无法通过店铺联系电话快速定位目标店铺。店铺列表已支持名称、编号和层级等条件筛选，但缺少联系电话的精确检索入口。
+
+## What Changes
+
+- 在店铺列表筛选区增加“联系电话”输入框，限制输入为 11 位数字。
+- 将有效联系电话以 `contact_phone` 参数传递给现有 `GET /api/admin/shops` 查询，保持原店铺分页响应结构。
+- 空联系电话不传 `contact_phone` 参数；非法号码不发起查询并显示输入错误提示。
+- 使用搜索栏现有查询和清空能力：查询从第一页加载；清空联系电话后保留其他筛选条件并恢复不带联系电话条件的店铺列表。
+- 保持有效联系电话精确匹配；支持加载中和空结果状态。
+
+## Impact
+
+- Affected specs: `shop-management`
+- Affected code:
+  - `src/types/api/shop.ts`
+  - `src/api/modules/shop.ts`
+  - `src/views/shop-management/list/index.vue`
+- API contract:
+  - `GET /api/admin/shops?contact_phone=13800138000`
diff --git a/openspec/changes/add-shop-contact-phone-search/specs/shop-management/spec.md b/openspec/changes/add-shop-contact-phone-search/specs/shop-management/spec.md
new file mode 100644
index 0000000..70f5e1d
--- /dev/null
+++ b/openspec/changes/add-shop-contact-phone-search/specs/shop-management/spec.md
@@ -0,0 +1,59 @@
+## ADDED Requirements
+
+### Requirement: Shop Contact Phone Search Input
+
+The shop management list SHALL provide a `联系电话` search input in its filter area. The input MUST only accept an 11-digit numeric phone number for a contact phone search.
+
+#### Scenario: Enter a valid contact phone
+
+- **GIVEN** 用户正在查看店铺列表筛选区
+- **WHEN** 用户输入 11 位数字联系电话
+- **THEN** 页面 MUST retain the entered phone number as the `contact_phone` search value
+- **AND** 用户 MUST be able to use the existing query action to search
+
+#### Scenario: Prevent invalid contact phone query
+
+- **GIVEN** 用户输入的联系电话不是 11 位数字
+- **WHEN** 用户发起查询
+- **THEN** 页面 MUST NOT send a shop list request
+- **AND** 页面 MUST display an input validation error
+
+### Requirement: Shop Contact Phone Query Contract
+
+The shop management list SHALL use `contact_phone` as an optional exact-match query parameter of `GET /api/admin/shops` while preserving the existing shop pagination response structure.
+
+#### Scenario: Query shops by exact contact phone
+
+- **GIVEN** 用户输入有效的 11 位联系电话
+- **WHEN** 用户发起店铺列表查询
+- **THEN** 系统 MUST request `GET /api/admin/shops` with `contact_phone` equal to the entered value
+- **AND** 系统 MUST reset the list to the first page
+- **AND** 页面 MUST render the returned shop pagination result
+
+#### Scenario: Omit empty contact phone from query
+
+- **GIVEN** 联系电话筛选值为空
+- **WHEN** 系统加载店铺列表
+- **THEN** 请求 MUST NOT include `contact_phone`
+
+### Requirement: Shop Contact Phone Search Reset and Result States
+
+The shop management list SHALL clear the contact phone search through its existing reset or input clear interaction without affecting other selected filters. The page SHALL preserve existing loading and empty-result behavior.
+
+#### Scenario: Clear contact phone while preserving other filters
+
+- **GIVEN** 用户已按联系电话和其他店铺条件查询
+- **WHEN** 用户清空联系电话并重新查询
+- **THEN** 系统 MUST request the list without `contact_phone`
+- **AND** 系统 MUST retain the other selected filters
+
+#### Scenario: Display no matching shop result
+
+- **GIVEN** 用户输入有效的 11 位联系电话
+- **WHEN** 店铺接口返回空分页结果
+- **THEN** 页面 MUST render the existing empty table result state
+
+#### Scenario: Display loading while querying contact phone
+
+- **WHEN** 系统正在按有效联系电话请求店铺列表
+- **THEN** 页面 MUST render the existing list loading state until the request completes
diff --git a/openspec/changes/add-shop-contact-phone-search/tasks.md b/openspec/changes/add-shop-contact-phone-search/tasks.md
new file mode 100644
index 0000000..e17a9b9
--- /dev/null
+++ b/openspec/changes/add-shop-contact-phone-search/tasks.md
@@ -0,0 +1,22 @@
+## 1. Query Contract
+
+- [x] 1.1 在店铺列表查询参数类型中增加可选 `contact_phone`。
+- [x] 1.2 保持调用 `GET /api/admin/shops` 和原店铺分页响应结构。
+
+## 2. Shop List Search UI
+
+- [x] 2.1 在店铺列表筛选区新增“联系电话”输入框，限制为 11 位数字。
+- [x] 2.2 通过现有查询按钮发起联系电话筛选，并在查询时重置至第一页。
+- [x] 2.3 通过现有清空能力移除联系电话筛选，保留其他筛选条件并恢复列表。
+
+## 3. Validation and Results
+
+- [x] 3.1 空联系电话不传 `contact_phone` 参数。
+- [x] 3.2 联系电话不是 11 位数字时不发起请求并提示错误。
+- [x] 3.3 有效联系电话按精确值传递 `contact_phone`，并支持加载中与空结果状态。
+
+## 4. Verification
+
+- [ ] 4.1 验证有效 11 位联系电话精确命中店铺。
+- [ ] 4.2 验证空值、清空、非法号码和无匹配结果行为正确。
+- [x] 4.3 运行相关前端校验，并执行 `openspec validate add-shop-contact-phone-search --strict`。
diff --git a/src/types/api/shop.ts b/src/types/api/shop.ts
index dd115ff..7c7aba8 100644
--- a/src/types/api/shop.ts
+++ b/src/types/api/shop.ts
@@ -35,6 +35,7 @@ export interface ShopQueryParams extends PaginationParams {
   parent_id?: number | null // 上级店铺ID
   level?: number | null // 店铺层级 (1-7级)
   status?: number | null // 状态 (0:禁用, 1:启用)
+  contact_phone?: string // 联系电话精确查询
   business_owner_account_id?: number | null // 平台业务员账号ID
   page?: number // 页码
   page_size?: number // 每页数量
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index c270c05..f1f4321 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -452,6 +452,7 @@
   const initialSearchState = {
     shop_name: '',
     shop_code: '',
+    contact_phone: '',
     parent_shop_name: '',
     parent_id: undefined as number | undefined,
     level: undefined as number | undefined,
@@ -486,6 +487,10 @@
 
   // 搜索处理
   const handleSearch = () => {
+    if (searchForm.contact_phone && !/^\d{11}$/.test(searchForm.contact_phone)) {
+      ElMessage.warning('联系电话必须为11位数字')
+      return
+    }
     pagination.currentPage = 1
     getShopList()
   }
@@ -510,6 +515,21 @@
         placeholder: '请输入店铺编号'
       }
     },
+    {
+      label: '联系电话',
+      prop: 'contact_phone',
+      type: 'input',
+      config: {
+        clearable: true,
+        maxlength: 11,
+        inputmode: 'numeric',
+        placeholder: '请输入11位联系电话',
+        onInput: (event: InputEvent) => {
+          const input = event.target as HTMLInputElement
+          searchForm.contact_phone = input.value.replace(/\D/g, '').slice(0, 11)
+        }
+      }
+    },
     {
       label: '上级店铺',
       prop: 'parent_id',
@@ -891,6 +911,7 @@
         page_size: pagination.pageSize,
         shop_name: searchForm.shop_name || undefined,
         shop_code: searchForm.shop_code || undefined,
+        contact_phone: searchForm.contact_phone || undefined,
         parent_shop_name: searchForm.parent_shop_name || undefined,
         parent_id: searchForm.parent_id,
         level: searchForm.level,

From fbfdd01eec1c2b25077e0418f5217f5630134fd5 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 22 Jul 2026 10:14:13 +0800
Subject: [PATCH 12/76] =?UTF-8?q?feat:=20=E6=8D=A2=E8=B4=A7=E9=80=80?=
 =?UTF-8?q?=E6=AC=BE=E6=8B=A6=E6=88=AA=E9=94=99=E8=AF=AF=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               | 26 +++++++++
 .../specs/exchange-management/spec.md         | 54 +++++++++++++++++++
 .../tasks.md                                  | 22 ++++++++
 src/api/modules/exchange.ts                   |  7 ++-
 .../exchange-management/index.vue             | 32 +++++++++--
 5 files changed, 134 insertions(+), 7 deletions(-)
 create mode 100644 openspec/changes/update-exchange-refund-interception-feedback/proposal.md
 create mode 100644 openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md
 create mode 100644 openspec/changes/update-exchange-refund-interception-feedback/tasks.md

diff --git a/openspec/changes/update-exchange-refund-interception-feedback/proposal.md b/openspec/changes/update-exchange-refund-interception-feedback/proposal.md
new file mode 100644
index 0000000..3cfaa7c
--- /dev/null
+++ b/openspec/changes/update-exchange-refund-interception-feedback/proposal.md
@@ -0,0 +1,26 @@
+# Change: 展示换货退款拦截错误
+
+## Why
+
+创建换货单时，后端会拦截存在活跃退款申请的资产，但当前创建页仅使用通用提示或控制台日志，运营无法直接知道资产因退款申请不能换货。
+
+## What Changes
+
+- 复用 `POST /api/admin/exchanges` 的现有失败 `code`、`msg` 契约，不改变成功响应结构。
+- 创建换货单被退款拦截或其他后端业务规则拒绝时，在创建换货单表单顶部或旧资产行直接展示后端业务原因，例如“该资产存在退款申请”。
+- 创建失败后保留当前填写的表单、已选资产与流程类型，恢复提交按钮使用户可更换资产后重新提交。
+- 前端不新增退款状态查询、预检查区域或退款申请入口。
+- 前端不读取或推断退款审批、撤销、拒绝或处理完成状态；是否允许换货完全依据创建接口结果。
+
+## Impact
+
+- Affected specs: `exchange-management`
+- Affected code:
+  - `src/api/modules/exchange.ts`
+  - `src/views/asset-management/exchange-management/index.vue`
+- API contract:
+  - `POST /api/admin/exchanges`
+- Out of scope:
+  - 退款状态查询和预检查
+  - 退款审批、撤销、拒绝或处理功能
+  - 换货创建成功响应结构调整
diff --git a/openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md b/openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md
new file mode 100644
index 0000000..9843984
--- /dev/null
+++ b/openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md
@@ -0,0 +1,54 @@
+## ADDED Requirements
+
+### Requirement: Exchange Creation Refund Interception Feedback
+
+The exchange creation page SHALL display the backend business reason when `POST /api/admin/exchanges` rejects the selected old asset because of an active refund application. The page MUST use the response `code` and `msg` contract without changing the successful exchange response structure.
+
+#### Scenario: Display active refund interception reason
+
+- **GIVEN** 用户已填写创建换货单表单并选择存在活跃退款申请的旧资产
+- **WHEN** `POST /api/admin/exchanges` 返回失败 `code` 和 `msg`
+- **THEN** 页面 MUST display the backend business reason in the create exchange form context
+- **AND** 当后端 `msg` 为“该资产存在退款申请”时，页面 MUST display that message directly
+- **AND** 系统 MUST NOT create a new exchange order
+
+#### Scenario: Display other exchange creation business reason
+
+- **GIVEN** 用户已填写创建换货单表单
+- **WHEN** 创建接口返回非退款相关的业务失败 `code` 和 `msg`
+- **THEN** 页面 MUST display the backend `msg` in the create exchange form context
+- **AND** 页面 MUST NOT replace the backend business reason with a generic frontend failure message
+
+### Requirement: Exchange Creation Retry After Interception
+
+The exchange creation page SHALL preserve the current form values after a backend rejection and allow the user to change assets and submit again after the request completes.
+
+#### Scenario: Preserve form after refund interception
+
+- **GIVEN** 创建换货单请求被后端退款规则拒绝
+- **WHEN** 页面展示后端业务原因
+- **THEN** 页面 MUST retain the selected old asset, new asset when applicable, flow type, reason, and other form values
+- **AND** 提交按钮 MUST leave its loading state after the request completes
+
+#### Scenario: Retry with another asset
+
+- **GIVEN** 用户已收到退款拦截错误
+- **WHEN** 用户更换旧资产并再次提交创建换货单
+- **THEN** 系统 MUST send a new `POST /api/admin/exchanges` request using the updated form values
+
+### Requirement: Backend-Controlled Exchange Refund Eligibility
+
+The exchange creation page MUST rely exclusively on the exchange creation response to determine refund-related eligibility. The frontend MUST NOT add a refund status lookup, a refund pre-check area, or infer eligibility from refund approval, rejection, withdrawal, or completion states.
+
+#### Scenario: Do not pre-check refund eligibility
+
+- **WHEN** 用户打开或填写创建换货单表单
+- **THEN** 页面 MUST NOT issue a refund status query solely to determine exchange eligibility
+- **AND** 页面 MUST NOT render a refund status pre-check area
+
+#### Scenario: Permit assets according to backend decision
+
+- **GIVEN** 用户选择曾有退款申请但后端允许换货的资产
+- **WHEN** 创建接口成功返回
+- **THEN** 页面 MUST treat the exchange creation as successful
+- **AND** 页面 MUST NOT block the operation based on a frontend interpretation of refund history
diff --git a/openspec/changes/update-exchange-refund-interception-feedback/tasks.md b/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
new file mode 100644
index 0000000..460d81e
--- /dev/null
+++ b/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
@@ -0,0 +1,22 @@
+## 1. Exchange Creation Failure Contract
+
+- [x] 1.1 保持 `POST /api/admin/exchanges` 及其成功响应结构不变。
+- [x] 1.2 读取创建失败响应的统一 `code` 和 `msg`，不将后端业务原因替换为通用前端文案。
+
+## 2. Refund Interception Feedback
+
+- [x] 2.1 在创建换货单表单顶部或旧资产行展示后端返回的退款拦截业务原因。
+- [x] 2.2 退款拦截失败后保留表单输入、已选资产和流程类型。
+- [x] 2.3 请求结束后恢复提交按钮，使用户能够更换资产并再次提交。
+
+## 3. Backend-Controlled Eligibility
+
+- [x] 3.1 不增加退款状态查询、预检查区域或退款申请入口。
+- [x] 3.2 不根据退款审批、撤销、拒绝或处理状态自行判断资产能否换货。
+
+## 4. Verification
+
+- [ ] 4.1 验证活跃退款资产创建换货时显示“该资产存在退款申请”或后端等价业务原因，且不创建换货单。
+- [ ] 4.2 验证已拒绝、撤销或处理完成退款的资产按后端结果可继续创建换货。
+- [ ] 4.3 验证失败后保留表单并可更换资产重新提交。
+- [x] 4.4 运行相关前端校验，并执行 `openspec validate update-exchange-refund-interception-feedback --strict`。
diff --git a/src/api/modules/exchange.ts b/src/api/modules/exchange.ts
index 5bc8dcb..fb3c822 100644
--- a/src/api/modules/exchange.ts
+++ b/src/api/modules/exchange.ts
@@ -88,8 +88,11 @@ export class ExchangeService extends BaseService {
    * POST /api/admin/exchanges
    * @param data 创建参数
    */
-  static createExchange(data: CreateExchangeRequest): Promise<BaseResponse<ExchangeResponse>> {
-    return this.create<ExchangeResponse>('/api/admin/exchanges', data)
+  static createExchange(
+    data: CreateExchangeRequest,
+    config?: Record<string, any>
+  ): Promise<BaseResponse<ExchangeResponse>> {
+    return this.post<BaseResponse<ExchangeResponse>>('/api/admin/exchanges', data, config)
   }
 
   /**
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 4adffdc..5b657aa 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -50,6 +50,14 @@
           @closed="handleCloseCreateDialog"
         >
           <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="120px">
+            <ElAlert
+              v-if="createFailureMessage"
+              :title="createFailureMessage"
+              type="error"
+              :closable="false"
+              show-icon
+              style="margin-bottom: 18px"
+            />
             <ElFormItem label="流程类型" prop="flow_type">
               <ElSelect
                 v-model="createForm.flow_type"
@@ -123,6 +131,7 @@
                 :loading="oldCardSearchLoading"
                 style="width: 100%"
                 clearable
+                @change="handleOldIdentifierChange"
               >
                 <ElOption
                   v-for="card in oldIotCardOptions"
@@ -154,6 +163,7 @@
                 :loading="oldDeviceSearchLoading"
                 style="width: 100%"
                 clearable
+                @change="handleOldIdentifierChange"
               >
                 <ElOption
                   v-for="device in oldDeviceOptions"
@@ -374,7 +384,7 @@
   import { ExchangeService, CardService, DeviceService } from '@/api/modules'
   import type { ExchangeResponse } from '@/api/modules/exchange'
   import type { StandaloneIotCard, Device } from '@/types/api'
-  import { ElMessage, ElTag, ElButton, ElMessageBox, ElSwitch } from 'element-plus'
+  import { ElAlert, ElMessage, ElTag, ElButton, ElMessageBox, ElSwitch } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -394,6 +404,7 @@
   const shipFormRef = ref<FormInstance>()
   const createDialogVisible = ref(false)
   const createLoading = ref(false)
+  const createFailureMessage = ref('')
   const tableRef = ref()
   const createFormRef = ref<FormInstance>()
 
@@ -823,6 +834,7 @@
 
   // 显示创建对话框
   const showCreateDialog = () => {
+    createFailureMessage.value = ''
     createDialogVisible.value = true
   }
 
@@ -835,6 +847,7 @@
 
   // 流程类型变更
   const handleFlowTypeChange = async () => {
+    createFailureMessage.value = ''
     // 清空新资产标识符和数据迁移选项
     createForm.new_identifier = ''
     createForm.migrate_data = false
@@ -854,6 +867,7 @@
 
   // 旧资产类型变更
   const handleOldAssetTypeChange = async () => {
+    createFailureMessage.value = ''
     // 清空旧资产标识符
     createForm.old_identifier = ''
     oldIotCardOptions.value = []
@@ -882,6 +896,10 @@
     }
   }
 
+  const handleOldIdentifierChange = () => {
+    createFailureMessage.value = ''
+  }
+
   const refreshExchangeDetail = async (id: number) => {
     try {
       const res = await ExchangeService.getExchangeDetail(id)
@@ -1198,6 +1216,7 @@
     createFormRef.value?.validate(async (valid) => {
       if (!valid || createLoading.value) return
 
+      createFailureMessage.value = ''
       createLoading.value = true
       try {
         const exchangeReason =
@@ -1219,7 +1238,9 @@
           requestData.migrate_data = createForm.migrate_data
         }
 
-        const res = await ExchangeService.createExchange(requestData)
+        const res = await ExchangeService.createExchange(requestData, {
+          requestOptions: { errorMessageMode: 'none' }
+        })
         if (res.code === 0) {
           ElMessage.success('换货单创建成功')
           createDialogVisible.value = false
@@ -1227,9 +1248,9 @@
           return
         }
 
-        ElMessage.error(res.msg || '换货单创建失败')
-      } catch (error) {
-        console.error('创建换货单失败:', error)
+        createFailureMessage.value = res.msg || '换货单创建失败'
+      } catch (error: any) {
+        createFailureMessage.value = error?.response?.data?.msg || '换货单创建失败'
       } finally {
         createLoading.value = false
       }
@@ -1238,6 +1259,7 @@
 
   // 关闭创建对话框
   const handleCloseCreateDialog = () => {
+    createFailureMessage.value = ''
     createFormRef.value?.resetFields()
     // 清空搜索选项
     oldIotCardOptions.value = []

From 68aa03b53833092807381a57129e00559d455d8e Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 22 Jul 2026 14:21:15 +0800
Subject: [PATCH 13/76] =?UTF-8?q?feat:=20=E5=A5=97=E9=A4=90=E5=88=86?=
 =?UTF-8?q?=E9=85=8D=E7=94=9F=E6=95=88=E6=9D=A1=E4=BB=B6=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               |  32 ++++
 .../specs/shop-package-allocation/spec.md     |  74 ++++++++++
 .../specs/shop-series-grant-packages/spec.md  |  35 +++++
 .../tasks.md                                  |  26 ++++
 src/api/modules/index.ts                      |   1 +
 src/api/modules/shopPackageAllocation.ts      |  40 +++++
 src/types/api/packageManagement.ts            |  37 ++++-
 src/types/auto-imports.d.ts                   |   1 +
 .../series-grants/detail.vue                  | 138 ++++++++++++++----
 .../series-grants/index.vue                   |  90 ++++++------
 .../series-grants/packages.vue                | 116 +++++++++++++--
 11 files changed, 500 insertions(+), 90 deletions(-)
 create mode 100644 openspec/changes/update-package-allocation-expiry-base-override/proposal.md
 create mode 100644 openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md
 create mode 100644 openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md
 create mode 100644 openspec/changes/update-package-allocation-expiry-base-override/tasks.md
 create mode 100644 src/api/modules/shopPackageAllocation.ts

diff --git a/openspec/changes/update-package-allocation-expiry-base-override/proposal.md b/openspec/changes/update-package-allocation-expiry-base-override/proposal.md
new file mode 100644
index 0000000..f33f318
--- /dev/null
+++ b/openspec/changes/update-package-allocation-expiry-base-override/proposal.md
@@ -0,0 +1,32 @@
+# Change: 支持套餐分配生效条件覆盖
+
+## Why
+
+代理套餐分配目前只能使用套餐本身的默认生效条件，运营无法针对某个店铺套餐授权选择购买即生效或实名即生效。分配页也无法区分套餐默认值、分配覆盖值和最终实际生效值，容易误解后续订单的生效规则。
+
+## What Changes
+
+- 在套餐授权/分配和已分配套餐编辑入口增加“生效条件”单选：跟随套餐默认、购买即生效、实名即生效。
+- 新建分配时调用 `POST /api/admin/shop-package-allocations`，明确传递 `expiry_base_override`；选择“跟随套餐默认”时 MUST 显式传递 `null`，不得省略字段。
+- 已分配套餐修改生效条件时调用 `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`，请求体为 `expiry_base_override:null|from_purchase|from_realname`。
+- 在分配详情、编辑弹框和代理系列授权套餐列表展示后端返回的默认生效条件、覆盖生效条件和最终生效条件的中文名称。
+- 修改弹框提示“仅影响后续新订单，不影响已购买套餐”。
+- 前端不根据默认值和覆盖值自行计算最终生效条件，直接使用后端返回的 `effective_expiry_base` 及其名称字段。
+
+## Impact
+
+- Affected specs:
+  - `shop-package-allocation`
+  - `shop-series-grant-packages`
+- Affected code:
+  - `src/types/api/packageManagement.ts`
+  - 新增或扩展 `src/api/modules` 中的店铺套餐分配服务
+  - `src/views/package-management/series-grants/index.vue`
+  - `src/views/package-management/series-grants/packages.vue`
+  - `src/views/package-management/series-grants/detail.vue`
+- API contracts:
+  - `POST /api/admin/shop-package-allocations`
+  - `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`
+- Out of scope:
+  - 已购买套餐或历史订单的生效条件迁移
+  - 前端根据分配字段推导或覆盖实际生效条件
diff --git a/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md
new file mode 100644
index 0000000..aa1406e
--- /dev/null
+++ b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md
@@ -0,0 +1,74 @@
+## ADDED Requirements
+
+### Requirement: Package Allocation Expiry Base Override Contract
+
+The shop package allocation contract SHALL support an explicit `expiry_base_override` when creating or updating an allocation. The allowed request values MUST be `null`, `from_purchase`, and `from_realname`.
+
+#### Scenario: Create allocation following the package default
+
+- **GIVEN** 用户在套餐授权/分配弹框选择“跟随套餐默认”
+- **WHEN** 用户创建店铺套餐分配
+- **THEN** 系统 MUST call `POST /api/admin/shop-package-allocations`
+- **AND** 请求 MUST explicitly contain `expiry_base_override: null`
+- **AND** 系统 MUST NOT omit `expiry_base_override` to represent following the default
+
+#### Scenario: Create allocation with purchase activation override
+
+- **GIVEN** 用户在套餐授权/分配弹框选择“购买即生效”
+- **WHEN** 用户创建店铺套餐分配
+- **THEN** 请求 MUST contain `expiry_base_override: "from_purchase"`
+
+#### Scenario: Create allocation with realname activation override
+
+- **GIVEN** 用户在套餐授权/分配弹框选择“实名即生效”
+- **WHEN** 用户创建店铺套餐分配
+- **THEN** 请求 MUST contain `expiry_base_override: "from_realname"`
+
+### Requirement: Package Allocation Expiry Base Update
+
+The system SHALL update an existing package allocation's expiry-base override through `PATCH /api/admin/shop-package-allocations/{id}/expiry-base` with a body containing `expiry_base_override`.
+
+#### Scenario: Update allocation expiry base override
+
+- **GIVEN** 用户正在编辑已分配套餐的生效条件
+- **WHEN** 用户选择“购买即生效”或“实名即生效”并保存
+- **THEN** 系统 MUST call `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`
+- **AND** 请求体 MUST contain the selected `expiry_base_override`
+
+#### Scenario: Restore allocation to package default
+
+- **GIVEN** 用户正在编辑已分配套餐的生效条件
+- **WHEN** 用户选择“跟随套餐默认”并保存
+- **THEN** 请求体 MUST explicitly contain `expiry_base_override: null`
+
+### Requirement: Package Allocation Expiry Base Resolution Response
+
+The package allocation response SHALL provide `default_expiry_base`, `expiry_base_override`, and `effective_expiry_base`, together with their corresponding Chinese name fields. The frontend MUST render the returned effective value and name without calculating it from other fields.
+
+#### Scenario: Display distinct expiry base values
+
+- **WHEN** 前端加载或更新店铺套餐分配记录
+- **THEN** 前端类型 MUST support `default_expiry_base`、`expiry_base_override`、`effective_expiry_base`
+- **AND** 前端类型 MUST support the corresponding Chinese name fields
+- **AND** 页面 MUST distinguish the default value, override value, and effective value
+
+#### Scenario: Use backend effective expiry base
+
+- **GIVEN** 分配响应同时返回默认值和覆盖值
+- **WHEN** 页面展示最终生效条件
+- **THEN** 页面 MUST display the backend returned `effective_expiry_base_name`
+- **AND** 前端 MUST NOT calculate or replace the effective value from the default value and override value
+
+### Requirement: Package Allocation Expiry Base Applies Prospectively
+
+The package allocation expiry-base override SHALL apply only to future new orders. The allocation creation and editing UI MUST inform the user that purchased packages are unaffected.
+
+#### Scenario: Inform user before changing allocation expiry base
+
+- **WHEN** 用户在已分配套餐编辑弹框查看或修改生效条件
+- **THEN** 页面 MUST display `仅影响后续新订单，不影响已购买套餐`
+
+#### Scenario: Preserve purchased package behavior
+
+- **WHEN** 用户创建、更新或恢复套餐分配的生效条件
+- **THEN** 前端 MUST NOT attempt to update existing purchased packages or historical orders
diff --git a/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md
new file mode 100644
index 0000000..c0c5d91
--- /dev/null
+++ b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md
@@ -0,0 +1,35 @@
+## ADDED Requirements
+
+### Requirement: Series Grant Package Expiry Base Visibility
+
+The series grant package list and package edit context SHALL display the package allocation's default expiry base, override expiry base, and effective expiry base using the Chinese name fields returned by the backend.
+
+#### Scenario: Display expiry bases in series grant package list
+
+- **GIVEN** 用户进入代理系列授权套餐列表
+- **WHEN** 已授权套餐记录返回默认、覆盖和最终生效条件字段
+- **THEN** 页面 MUST display the default expiry base name, override expiry base name, and effective expiry base name for the package allocation
+
+#### Scenario: Display expiry bases in package edit context
+
+- **GIVEN** 用户打开代理系列授权中已授权套餐的编辑弹框
+- **WHEN** 套餐分配数据加载完成
+- **THEN** 页面 MUST display the default expiry base name, override expiry base name, and effective expiry base name
+- **AND** 页面 MUST display `仅影响后续新订单，不影响已购买套餐`
+
+### Requirement: Series Grant Package Expiry Base Editing
+
+The series grant package edit context SHALL provide `跟随套餐默认`, `购买即生效`, and `实名即生效` options, then update the corresponding package allocation record through the package allocation expiry-base API.
+
+#### Scenario: Edit override from series grant package list
+
+- **GIVEN** 用户正在代理系列授权套餐列表编辑已授权套餐
+- **WHEN** 用户选择生效条件并保存
+- **THEN** 系统 MUST use the corresponding package allocation record ID to call `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`
+- **AND** 选择“跟随套餐默认”时请求 MUST explicitly contain `expiry_base_override: null`
+
+#### Scenario: Refresh effective value after editing
+
+- **WHEN** 代理系列授权套餐的生效条件更新成功
+- **THEN** 页面 MUST refresh the relevant package allocation data
+- **AND** 页面 MUST display the latest backend returned effective expiry base name
diff --git a/openspec/changes/update-package-allocation-expiry-base-override/tasks.md b/openspec/changes/update-package-allocation-expiry-base-override/tasks.md
new file mode 100644
index 0000000..424d5f0
--- /dev/null
+++ b/openspec/changes/update-package-allocation-expiry-base-override/tasks.md
@@ -0,0 +1,26 @@
+## 1. Allocation Contract
+
+- [x] 1.1 扩展店铺套餐分配请求与响应类型，支持 `expiry_base_override`、`default_expiry_base`、`effective_expiry_base` 及对应中文名称字段。
+- [x] 1.2 接入创建分配接口 `POST /api/admin/shop-package-allocations` 的 `expiry_base_override` 参数。
+- [x] 1.3 接入修改生效条件接口 `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`。
+
+## 2. Allocation Expiry Condition UI
+
+- [x] 2.1 在套餐授权/分配弹框提供“跟随套餐默认”“购买即生效”“实名即生效”三选一。
+- [x] 2.2 选择“跟随套餐默认”时显式提交 `expiry_base_override: null`。
+- [x] 2.3 在已分配套餐编辑弹框显示“仅影响后续新订单，不影响已购买套餐”提示。
+- [x] 2.4 在已分配套餐详情或编辑弹框显示默认值、覆盖值和最终值的后端中文名称。
+
+## 3. Series Grant Package Visibility
+
+- [x] 3.1 在代理系列授权套餐列表显示默认生效条件、覆盖生效条件和最终生效条件。
+- [x] 3.2 从代理系列授权套餐列表编辑生效条件时，使用对应套餐分配记录 ID 调用生效条件更新接口。
+- [x] 3.3 保存成功后刷新授权套餐列表或详情，展示后端返回的最新最终生效条件。
+
+## 4. Policy Integrity and Verification
+
+- [x] 4.1 前端不从默认值和覆盖值计算或修改 `effective_expiry_base`。
+- [x] 4.2 验证新建分配时三种选项分别提交 `null`、`from_purchase`、`from_realname`。
+- [x] 4.3 验证编辑覆盖值和恢复默认均只影响后续新订单，不影响已购买套餐。
+- [x] 4.4 验证页面可区分默认值、覆盖值和最终生效条件，并正确显示后端中文名称。
+- [x] 4.5 运行相关前端校验，并执行 `openspec validate update-package-allocation-expiry-base-override --strict`。
diff --git a/src/api/modules/index.ts b/src/api/modules/index.ts
index 0f1f1b7..86849a1 100644
--- a/src/api/modules/index.ts
+++ b/src/api/modules/index.ts
@@ -18,6 +18,7 @@ export { CarrierService } from './carrier'
 export { PackageSeriesService } from './packageSeries'
 export { PackageManageService } from './packageManage'
 export { ShopSeriesGrantService } from './shopSeriesGrant'
+export { ShopPackageAllocationService } from './shopPackageAllocation'
 export { OrderService } from './order'
 export { AssetService } from './asset'
 export { AgentRechargeService } from './agentRecharge'
diff --git a/src/api/modules/shopPackageAllocation.ts b/src/api/modules/shopPackageAllocation.ts
new file mode 100644
index 0000000..3fcbc6b
--- /dev/null
+++ b/src/api/modules/shopPackageAllocation.ts
@@ -0,0 +1,40 @@
+/**
+ * 店铺套餐分配 API 服务
+ */
+
+import { BaseService } from '../BaseService'
+import type {
+  BaseResponse,
+  CreateShopPackageAllocationRequest,
+  ShopPackageAllocationResponse,
+  UpdateShopPackageAllocationExpiryBaseRequest
+} from '@/types/api'
+
+export class ShopPackageAllocationService extends BaseService {
+  /**
+   * 创建店铺套餐分配
+   * POST /api/admin/shop-package-allocations
+   */
+  static createShopPackageAllocation(
+    data: CreateShopPackageAllocationRequest
+  ): Promise<BaseResponse<ShopPackageAllocationResponse>> {
+    return this.post<BaseResponse<ShopPackageAllocationResponse>>(
+      '/api/admin/shop-package-allocations',
+      data
+    )
+  }
+
+  /**
+   * 更新店铺套餐分配生效条件
+   * PATCH /api/admin/shop-package-allocations/{id}/expiry-base
+   */
+  static updateShopPackageAllocationExpiryBase(
+    id: number,
+    data: UpdateShopPackageAllocationExpiryBaseRequest
+  ): Promise<BaseResponse<ShopPackageAllocationResponse>> {
+    return this.patch<BaseResponse<ShopPackageAllocationResponse>>(
+      `/api/admin/shop-package-allocations/${id}/expiry-base`,
+      data
+    )
+  }
+}
diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index 5a40d96..db54b4c 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -101,6 +101,40 @@ export interface CommissionTierInfo {
  */
 export type ExpiryBase = 'from_activation' | 'from_purchase'
 
+// 套餐分配生效条件覆盖值
+export type PackageAllocationExpiryBaseOverride = 'from_purchase' | 'from_realname'
+
+// 店铺套餐分配生效条件字段
+export interface PackageAllocationExpiryBaseFields {
+  default_expiry_base?: string | null
+  default_expiry_base_name?: string | null
+  expiry_base_override?: PackageAllocationExpiryBaseOverride | null
+  expiry_base_override_name?: string | null
+  effective_expiry_base?: string | null
+  effective_expiry_base_name?: string | null
+}
+
+// 创建店铺套餐分配请求
+export interface CreateShopPackageAllocationRequest {
+  shop_id: number
+  package_id: number
+  cost_price: number
+  expiry_base_override: PackageAllocationExpiryBaseOverride | null
+}
+
+// 更新店铺套餐分配生效条件请求
+export interface UpdateShopPackageAllocationExpiryBaseRequest {
+  expiry_base_override: PackageAllocationExpiryBaseOverride | null
+}
+
+// 店铺套餐分配响应
+export interface ShopPackageAllocationResponse extends PackageAllocationExpiryBaseFields {
+  id: number
+  shop_id: number
+  package_id: number
+  cost_price: number
+}
+
 /**
  * 套餐响应
  */
@@ -234,7 +268,8 @@ export interface CommissionTier {
 /**
  * 套餐信息（用于系列授权）
  */
-export interface GrantPackageInfo {
+export interface GrantPackageInfo extends PackageAllocationExpiryBaseFields {
+  allocation_id?: number
   package_id: number
   package_name?: string
   package_code?: string
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index 54ac12e..5d1eb79 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -8,6 +8,7 @@ export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
   const ElButton: (typeof import('element-plus/es'))['ElButton']
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
   const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
index c9bb4df..8d03455 100644
--- a/src/views/package-management/series-grants/detail.vue
+++ b/src/views/package-management/series-grants/detail.vue
@@ -88,17 +88,8 @@
                     </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 #default>
+                      <ElTag size="small" type="warning">仅自己</ElTag>
                     </template>
                   </ElTableColumn>
                   <ElTableColumn label="佣金金额" min-width="100">
@@ -160,6 +151,21 @@
                   <span class="amount-value">¥{{ (row.cost_price / 100).toFixed(2) }}</span>
                 </template>
               </ElTableColumn>
+              <ElTableColumn label="套餐默认生效条件">
+                <template #default="{ row }">
+                  {{ row.default_expiry_base_name || '-' }}
+                </template>
+              </ElTableColumn>
+              <ElTableColumn label="覆盖生效条件">
+                <template #default="{ row }">
+                  {{ row.expiry_base_override_name || '-' }}
+                </template>
+              </ElTableColumn>
+              <ElTableColumn label="最终生效条件">
+                <template #default="{ row }">
+                  {{ row.effective_expiry_base_name || '-' }}
+                </template>
+              </ElTableColumn>
               <ElTableColumn label="上架状态" align="center">
                 <template #default="{ row }">
                   <ElTag v-if="row.shelf_status === 1" type="success" size="small">上架</ElTag>
@@ -268,6 +274,25 @@
               }}
             </div>
           </ElFormItem>
+          <ElFormItem label="生效条件">
+            <ElRadioGroup v-model="packageForm.expiry_base_override">
+              <ElRadio value="default">跟随套餐默认</ElRadio>
+              <ElRadio value="from_purchase">购买即生效</ElRadio>
+              <ElRadio value="from_realname">实名即生效</ElRadio>
+            </ElRadioGroup>
+            <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
+          </ElFormItem>
+          <template v-if="packageDialogType === 'edit'">
+            <ElFormItem label="套餐默认生效条件">
+              {{ packageForm.default_expiry_base_name || '-' }}
+            </ElFormItem>
+            <ElFormItem label="覆盖生效条件">
+              {{ packageForm.expiry_base_override_name || '-' }}
+            </ElFormItem>
+            <ElFormItem label="最终生效条件">
+              {{ packageForm.effective_expiry_base_name || '-' }}
+            </ElFormItem>
+          </template>
         </ElForm>
 
         <template #footer>
@@ -304,16 +329,24 @@
     ElInputNumber,
     ElForm,
     ElFormItem,
+    ElRadioGroup,
+    ElRadio,
     FormInstance,
     FormRules
   } from 'element-plus'
-  import { ArrowLeft, Loading, Setting, List, Plus } from '@element-plus/icons-vue'
-  import { ShopSeriesGrantService, PackageManageService, PackageSeriesService } from '@/api/modules'
+  import { ArrowLeft, Loading } from '@element-plus/icons-vue'
+  import {
+    ShopSeriesGrantService,
+    ShopPackageAllocationService,
+    PackageManageService,
+    PackageSeriesService
+  } from '@/api/modules'
   import type {
     ShopSeriesGrantResponse,
     PackageResponse,
     GrantPackageItem,
     GrantPackageInfo,
+    PackageAllocationExpiryBaseOverride,
     PackageSeriesResponse
   } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
@@ -334,6 +367,8 @@
   const availablePackages = ref<PackageResponse[]>([])
   const packageFormRef = ref<FormInstance>()
 
+  type ExpiryBaseSelection = PackageAllocationExpiryBaseOverride | 'default'
+
   // 套餐表单
   const packageForm = ref<{
     package_id?: number
@@ -341,8 +376,16 @@
     package_code?: string
     original_cost_price?: number
     cost_price_yuan: number
+    allocation_id?: number
+    expiry_base_override: ExpiryBaseSelection
+    initial_expiry_base_override: ExpiryBaseSelection
+    default_expiry_base_name?: string | null
+    expiry_base_override_name?: string | null
+    effective_expiry_base_name?: string | null
   }>({
-    cost_price_yuan: 0
+    cost_price_yuan: 0,
+    expiry_base_override: 'default',
+    initial_expiry_base_override: 'default'
   })
 
   // 表单验证规则
@@ -463,7 +506,9 @@
       package_name: undefined,
       package_code: undefined,
       original_cost_price: undefined,
-      cost_price_yuan: 0
+      cost_price_yuan: 0,
+      expiry_base_override: 'default',
+      initial_expiry_base_override: 'default'
     }
 
     // 加载可用套餐
@@ -482,7 +527,13 @@
       package_name: row.package_name,
       package_code: row.package_code,
       original_cost_price: row.cost_price / 100,
-      cost_price_yuan: row.cost_price / 100
+      cost_price_yuan: row.cost_price / 100,
+      allocation_id: row.allocation_id,
+      expiry_base_override: row.expiry_base_override ?? 'default',
+      initial_expiry_base_override: row.expiry_base_override ?? 'default',
+      default_expiry_base_name: row.default_expiry_base_name,
+      expiry_base_override_name: row.expiry_base_override_name,
+      effective_expiry_base_name: row.effective_expiry_base_name
     }
 
     packageDialogVisible.value = true
@@ -539,23 +590,48 @@
 
       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)
+          await ShopPackageAllocationService.createShopPackageAllocation({
+            shop_id: detailData.value!.shop_id,
+            package_id: packageForm.value.package_id!,
+            cost_price: Math.round(packageForm.value.cost_price_yuan * 100),
+            expiry_base_override:
+              packageForm.value.expiry_base_override === 'default'
+                ? null
+                : packageForm.value.expiry_base_override
           })
         } else {
-          // 编辑模式：更新套餐成本价
-          packages.push({
-            package_id: packageForm.value.package_id,
-            cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
-          })
-        }
+          const expiryBaseChanged =
+            packageForm.value.expiry_base_override !==
+            packageForm.value.initial_expiry_base_override
+          if (expiryBaseChanged && !packageForm.value.allocation_id) {
+            ElMessage.error('该套餐分配记录缺少ID，无法更新生效条件')
+            return
+          }
 
-        await ShopSeriesGrantService.manageGrantPackages(grantId, { packages })
+          const packages: GrantPackageItem[] = [
+            {
+              package_id: packageForm.value.package_id,
+              cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
+            }
+          ]
+          await Promise.all([
+            ShopSeriesGrantService.manageGrantPackages(grantId, { packages }),
+            ...(expiryBaseChanged
+              ? [
+                  ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+                    packageForm.value.allocation_id!,
+                    {
+                      expiry_base_override:
+                        packageForm.value.expiry_base_override === 'default'
+                          ? null
+                          : packageForm.value.expiry_base_override
+                    }
+                  )
+                ]
+              : [])
+          ])
+        }
         ElMessage.success(packageDialogType.value === 'add' ? '添加成功' : '更新成功')
         packageDialogVisible.value = false
 
@@ -613,7 +689,9 @@
       package_name: undefined,
       package_code: undefined,
       original_cost_price: undefined,
-      cost_price_yuan: 0
+      cost_price_yuan: 0,
+      expiry_base_override: 'default',
+      initial_expiry_base_override: 'default'
     }
     availablePackages.value = []
   }
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index 476cab5..1e07eb2 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -170,6 +170,13 @@
                             {{ formatSuggestedRetailPrice(pkg.suggested_retail_price) }})
                           </span>
                         </div>
+                        <div class="expiry-base-input-wrapper">
+                          <ElRadioGroup v-model="pkg.expiry_base_override">
+                            <ElRadio value="default">跟随套餐默认</ElRadio>
+                            <ElRadio value="from_purchase">购买即生效</ElRadio>
+                            <ElRadio value="from_realname">实名即生效</ElRadio>
+                          </ElRadioGroup>
+                        </div>
                         <ElButton type="danger" size="small" @click="removePackage(index)"
                           >删除</ElButton
                         >
@@ -178,6 +185,7 @@
                     <div class="form-tip"
                       >设置每个套餐的成本价（单位：元），不能低于成本价，不能高于建议售价的50%溢价</div
                     >
+                    <div class="form-tip">生效条件仅影响后续新订单，不影响已购买套餐</div>
                   </ElFormItem>
                 </template>
               </div>
@@ -253,7 +261,7 @@
                           </template>
                         </ElTableColumn>
                         <ElTableColumn label="统计范围" width="140">
-                          <template #default="{ row }">
+                          <template #default>
                             <ElTag size="small" type="warning"> 仅自己 </ElTag>
                           </template>
                         </ElTableColumn>
@@ -427,7 +435,7 @@
                       </template>
                     </ElTableColumn>
                     <ElTableColumn label="统计范围" width="140">
-                      <template #default="{ row }">
+                      <template #default>
                         <ElTag size="small" type="warning"> 仅自己 </ElTag>
                       </template>
                     </ElTableColumn>
@@ -546,6 +554,7 @@
   import { useRouter } from 'vue-router'
   import {
     ShopSeriesGrantService,
+    ShopPackageAllocationService,
     PackageSeriesService,
     ShopService,
     PackageManageService
@@ -558,8 +567,7 @@
     ElRow,
     ElCol,
     ElSteps,
-    ElStep,
-    ElEmpty
+    ElStep
   } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type {
@@ -567,7 +575,8 @@
     PackageSeriesResponse,
     ShopResponse,
     PackageResponse,
-    CommissionTier
+    CommissionTier,
+    PackageAllocationExpiryBaseOverride
   } from '@/types/api'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -604,8 +613,6 @@
   const currentStep = ref(0) // 当前步骤，0 为第一步，1 为第二步
 
   const seriesOptions = ref<PackageSeriesResponse[]>([])
-  const shopOptions = ref<ShopResponse[]>([])
-  const shopTreeData = ref<ShopResponse[]>([])
   const packageOptions = ref<PackageResponse[]>([])
   const selectedPackageIds = ref<number[]>([])
   const searchSeriesOptions = ref<PackageSeriesResponse[]>([])
@@ -777,6 +784,7 @@
       cost_price: number
       original_cost_price?: number
       suggested_retail_price?: number
+      expiry_base_override: PackageAllocationExpiryBaseOverride | 'default'
     }> // 套餐配置
   })
 
@@ -1027,39 +1035,6 @@
     return actions
   }
 
-  // 构建树形结构数据
-  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
-  }
-
-  // 店铺树节点过滤方法
-  const filterShopNode = (value: string, data: any) => {
-    if (!value) return true
-    return data.shop_name.toLowerCase().includes(value.toLowerCase())
-  }
-
   onMounted(() => {
     getTableData()
   })
@@ -1170,7 +1145,8 @@
           suggested_retail_price:
             pkg?.suggested_retail_price !== undefined && pkg?.suggested_retail_price !== null
               ? pkg.suggested_retail_price / 100
-              : undefined
+              : undefined,
+          expiry_base_override: 'default'
         })
       }
     })
@@ -1597,7 +1573,8 @@
                   pkgOption?.suggested_retail_price !== undefined &&
                   pkgOption?.suggested_retail_price !== null
                     ? pkgOption.suggested_retail_price / 100
-                    : undefined
+                    : undefined,
+                expiry_base_override: pkg.expiry_base_override ?? 'default'
               }
             })
             selectedPackageIds.value = detail.packages.map((pkg) => pkg.package_id)
@@ -1745,8 +1722,15 @@
             data.force_recharge_amount = 0
           }
 
-          // 可选：套餐配置（将元转换为分）
-          if (form.packages.length > 0) {
+          // 新增系列授权后，套餐通过独立分配接口创建，确保显式传递生效条件覆盖值。
+          const packageAllocations = form.packages.map((pkg: any) => ({
+            package_id: pkg.package_id,
+            cost_price: Math.round((pkg.cost_price ?? 0) * 100),
+            expiry_base_override:
+              pkg.expiry_base_override === 'default' ? null : pkg.expiry_base_override
+          }))
+
+          if (packageAllocations.length > 0) {
             // 验证是否包含赠送套餐
             for (const pkg of form.packages) {
               const pkgInfo = packageOptions.value.find((p) => p.id === pkg.package_id)
@@ -1778,11 +1762,6 @@
                 return
               }
             }
-
-            data.packages = form.packages.map((pkg: any) => ({
-              package_id: pkg.package_id,
-              cost_price: Math.round((pkg.cost_price ?? 0) * 100) // 将元转换为分
-            }))
           }
 
           if (dialogType.value === 'add') {
@@ -1790,6 +1769,19 @@
             data.series_id = form.series_id
             data.shop_id = form.shop_id
             await ShopSeriesGrantService.createShopSeriesGrant(data)
+            await Promise.all(
+              packageAllocations.map(
+                (pkg: {
+                  package_id: number
+                  cost_price: number
+                  expiry_base_override: PackageAllocationExpiryBaseOverride | null
+                }) =>
+                  ShopPackageAllocationService.createShopPackageAllocation({
+                    shop_id: data.shop_id,
+                    ...pkg
+                  })
+              )
+            )
             ElMessage.success('新增成功')
           } else {
             // 编辑时调用更新接口
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index a13feaf..ef2b125 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -40,6 +40,21 @@
                 <span class="amount-value">¥{{ (row.cost_price / 100).toFixed(2) }}</span>
               </template>
             </ElTableColumn>
+            <ElTableColumn label="套餐默认生效条件" minWidth="150">
+              <template #default="{ row }">
+                {{ row.default_expiry_base_name || '-' }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn label="覆盖生效条件" minWidth="150">
+              <template #default="{ row }">
+                {{ row.expiry_base_override_name || '-' }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn label="最终生效条件" minWidth="150">
+              <template #default="{ row }">
+                {{ row.effective_expiry_base_name || '-' }}
+              </template>
+            </ElTableColumn>
             <ElTableColumn label="上架状态" width="100" align="center">
               <template #default="{ row }">
                 <ElTag v-if="row.shelf_status === 1" type="success" size="small">上架</ElTag>
@@ -112,6 +127,25 @@
               }}
             </div>
           </ElFormItem>
+          <ElFormItem label="生效条件">
+            <ElRadioGroup v-model="packageForm.expiry_base_override">
+              <ElRadio value="default">跟随套餐默认</ElRadio>
+              <ElRadio value="from_purchase">购买即生效</ElRadio>
+              <ElRadio value="from_realname">实名即生效</ElRadio>
+            </ElRadioGroup>
+            <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
+          </ElFormItem>
+          <template v-if="packageDialogType === 'edit'">
+            <ElFormItem label="套餐默认生效条件">
+              {{ packageForm.default_expiry_base_name || '-' }}
+            </ElFormItem>
+            <ElFormItem label="覆盖生效条件">
+              {{ packageForm.expiry_base_override_name || '-' }}
+            </ElFormItem>
+            <ElFormItem label="最终生效条件">
+              {{ packageForm.effective_expiry_base_name || '-' }}
+            </ElFormItem>
+          </template>
         </ElForm>
 
         <template #footer>
@@ -142,12 +176,24 @@
     ElInputNumber,
     ElForm,
     ElFormItem,
+    ElRadioGroup,
+    ElRadio,
+    ElMessage,
     FormInstance,
     FormRules
   } from 'element-plus'
   import { ArrowLeft } from '@element-plus/icons-vue'
-  import { ShopSeriesGrantService, PackageManageService } from '@/api/modules'
-  import type { GrantPackageInfo, GrantPackageItem, PackageResponse } from '@/types/api'
+  import {
+    ShopSeriesGrantService,
+    ShopPackageAllocationService,
+    PackageManageService
+  } from '@/api/modules'
+  import type {
+    GrantPackageInfo,
+    GrantPackageItem,
+    PackageAllocationExpiryBaseOverride,
+    PackageResponse
+  } from '@/types/api'
   import { useAuth } from '@/composables/useAuth'
 
   defineOptions({ name: 'SeriesGrantPackages' })
@@ -163,6 +209,7 @@
 
   const grantId = computed(() => Number(route.params.id))
   const seriesId = ref<number>(0)
+  const shopId = ref<number>(0)
   const grantName = ref<string>('')
   const packageList = ref<GrantPackageInfo[]>([])
   const availablePackages = ref<PackageResponse[]>([])
@@ -171,6 +218,8 @@
   const packageDialogVisible = ref(false)
   const packageDialogType = ref<'add' | 'edit'>('add')
 
+  type ExpiryBaseSelection = PackageAllocationExpiryBaseOverride | 'default'
+
   type PackageFormState = {
     package_id?: number
     package_name?: string
@@ -178,13 +227,21 @@
     cost_price_yuan: number
     original_cost_price?: number
     suggested_retail_price?: number
+    allocation_id?: number
+    expiry_base_override: ExpiryBaseSelection
+    initial_expiry_base_override: ExpiryBaseSelection
+    default_expiry_base_name?: string | null
+    expiry_base_override_name?: string | null
+    effective_expiry_base_name?: string | null
   }
 
   const createDefaultPackageForm = (): PackageFormState => ({
     package_id: undefined,
     package_name: undefined,
     package_code: undefined,
-    cost_price_yuan: 0
+    cost_price_yuan: 0,
+    expiry_base_override: 'default',
+    initial_expiry_base_override: 'default'
   })
   const packageForm = ref<PackageFormState>(createDefaultPackageForm())
 
@@ -266,6 +323,7 @@
       if (res.code === 0) {
         packageList.value = res.data.packages || []
         seriesId.value = res.data.series_id
+        shopId.value = res.data.shop_id
         grantName.value = `${res.data.series_name} - ${res.data.shop_name}`
       }
     } catch (error) {
@@ -293,7 +351,13 @@
       package_code: row.package_code,
       cost_price_yuan: row.cost_price / 100,
       original_cost_price: packagePricing.original_cost_price,
-      suggested_retail_price: packagePricing.suggested_retail_price
+      suggested_retail_price: packagePricing.suggested_retail_price,
+      allocation_id: row.allocation_id,
+      expiry_base_override: row.expiry_base_override ?? 'default',
+      initial_expiry_base_override: row.expiry_base_override ?? 'default',
+      default_expiry_base_name: row.default_expiry_base_name,
+      expiry_base_override_name: row.expiry_base_override_name,
+      effective_expiry_base_name: row.effective_expiry_base_name
     })
     packageDialogVisible.value = true
     nextTick(() => packageFormRef.value?.clearValidate())
@@ -369,14 +433,46 @@
         if (Number.isNaN(currentCostPriceYuan)) {
           throw new Error('当前成本价无效，无法保存')
         }
-        const packages: GrantPackageItem[] = [
-          {
-            package_id: packageForm.value.package_id,
-            cost_price: Math.round(currentCostPriceYuan * 100)
+        const costPrice = Math.round(currentCostPriceYuan * 100)
+        if (packageDialogType.value === 'add') {
+          await ShopPackageAllocationService.createShopPackageAllocation({
+            shop_id: shopId.value,
+            package_id: packageForm.value.package_id!,
+            cost_price: costPrice,
+            expiry_base_override:
+              packageForm.value.expiry_base_override === 'default'
+                ? null
+                : packageForm.value.expiry_base_override
+          })
+        } else {
+          const expiryBaseChanged =
+            packageForm.value.expiry_base_override !==
+            packageForm.value.initial_expiry_base_override
+          if (expiryBaseChanged && !packageForm.value.allocation_id) {
+            ElMessage.error('该套餐分配记录缺少ID，无法更新生效条件')
+            return
           }
-        ]
 
-        await ShopSeriesGrantService.manageGrantPackages(grantId.value, { packages })
+          const packages: GrantPackageItem[] = [
+            { package_id: packageForm.value.package_id, cost_price: costPrice }
+          ]
+          await Promise.all([
+            ShopSeriesGrantService.manageGrantPackages(grantId.value, { packages }),
+            ...(expiryBaseChanged
+              ? [
+                  ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+                    packageForm.value.allocation_id!,
+                    {
+                      expiry_base_override:
+                        packageForm.value.expiry_base_override === 'default'
+                          ? null
+                          : packageForm.value.expiry_base_override
+                    }
+                  )
+                ]
+              : [])
+          ])
+        }
         packageDialogVisible.value = false
         await fetchPackageList()
       } catch (error) {

From 8de4339505f68851ac29d7375f2822c3e83d0f2d Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 22 Jul 2026 15:44:48 +0800
Subject: [PATCH 14/76] =?UTF-8?q?feat:=20=E5=8D=A1=E5=92=8C=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=AE=9E=E5=90=8D=E7=8A=B6=E6=80=81=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 | 37 ++++++++++
 .../proposal.md                               | 33 +++++++++
 .../specs/device-management/spec.md           | 68 +++++++++++++++++++
 .../specs/iot-card-management/spec.md         | 61 +++++++++++++++++
 .../add-asset-realname-status-filter/tasks.md | 26 +++++++
 src/api/modules/card.ts                       | 10 +++
 src/types/api/card.ts                         |  4 +-
 src/types/api/device.ts                       |  3 +
 .../asset-management/device-list/index.vue    | 23 +++++++
 .../iot-card-management/index.vue             | 23 +++++--
 10 files changed, 281 insertions(+), 7 deletions(-)
 create mode 100644 openspec/changes/add-asset-realname-status-filter/design.md
 create mode 100644 openspec/changes/add-asset-realname-status-filter/proposal.md
 create mode 100644 openspec/changes/add-asset-realname-status-filter/specs/device-management/spec.md
 create mode 100644 openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md
 create mode 100644 openspec/changes/add-asset-realname-status-filter/tasks.md

diff --git a/openspec/changes/add-asset-realname-status-filter/design.md b/openspec/changes/add-asset-realname-status-filter/design.md
new file mode 100644
index 0000000..3793c04
--- /dev/null
+++ b/openspec/changes/add-asset-realname-status-filter/design.md
@@ -0,0 +1,37 @@
+## Context
+
+卡和设备列表需要新增统一的实名状态筛选与展示能力。设备的实名状态由设备列表接口直接返回，不能通过关联卡在前端二次计算，以避免多卡设备或卡绑定关系变化时出现不一致。
+
+## Goals / Non-Goals
+
+- Goals:
+  - 支持按“全部”“已实名”“未实名”筛选卡和设备。
+  - 直接展示后端返回的实名状态名称。
+  - 在搜索、刷新、分页和导出查询中保留当前筛选条件。
+- Non-Goals:
+  - 不新增或修改实名认证流程、策略配置或状态更新操作。
+  - 不在前端推导设备实名状态。
+  - 不变更其他资产详情页的实名状态取值规则。
+
+## Decisions
+
+- Decision: 使用可选数值查询参数 `real_name_status`，其中 `0` 表示未实名、`1` 表示已实名；“全部”对应不传该参数。
+- Decision: 列表展示优先使用每条记录的 `real_name_status_name`，而非根据 `real_name_status` 写死文案。
+- Decision: 设备列表把接口响应中的 `real_name_status` 与 `real_name_status_name` 作为唯一状态来源，不读取或遍历绑定卡数据。
+- Alternatives considered: 前端将 `0` 和 `1` 映射为固定文案。未采用，因为后端已提供标准显示名称，直接使用可避免展示口径分叉。
+
+## Risks / Trade-offs
+
+- 后端未返回 `real_name_status_name` 时无法满足状态名称展示契约 -> 联调时校验列表响应字段，并将该字段设为必需的列表类型字段。
+- 卡列表当前存在不同的查询实现 -> 实施时确认并统一至本提案指定的 `GET /api/admin/iot-cards` 契约，避免筛选参数发往不支持的接口。
+
+## Migration Plan
+
+1. 扩展卡与设备列表 API 类型和查询参数。
+2. 接入筛选控件、查询参数及状态列。
+3. 验证全部、已实名、未实名筛选以及分页和重置行为。
+4. 如需回滚，移除前端筛选控件、查询参数和状态列；不涉及数据迁移。
+
+## Open Questions
+
+- 无。
diff --git a/openspec/changes/add-asset-realname-status-filter/proposal.md b/openspec/changes/add-asset-realname-status-filter/proposal.md
new file mode 100644
index 0000000..c244e48
--- /dev/null
+++ b/openspec/changes/add-asset-realname-status-filter/proposal.md
@@ -0,0 +1,33 @@
+# Change: 新增卡和设备实名状态筛选
+
+## Why
+
+运营人员需要在卡列表和设备列表中快速识别并筛选已实名或未实名的资产。当前页面未完整接入实名状态筛选和后端返回的实名状态名称，设备列表尤其不能依赖前端遍历绑定卡来推导状态。
+
+## What Changes
+
+- 卡列表和设备列表的筛选区新增“实名状态”，提供“全部”“已实名”“未实名”选项。
+- 卡列表查询使用 `GET /api/admin/iot-cards`，设备列表查询使用 `GET /api/admin/devices`；选择状态后分别传递 `real_name_status=0|1`，未选择时不传该参数。
+- 卡和设备列表项的类型契约支持 `real_name_status: int` 与 `real_name_status_name: string`。
+- 两个列表表格新增“实名状态”列，直接展示接口返回的 `real_name_status_name`。
+- 设备列表直接使用设备列表接口的实名状态字段，不遍历或关联绑定卡计算设备实名状态。
+- 搜索、刷新和分页切换必须保留当前实名状态筛选；重置搜索时清空该筛选。
+
+## Impact
+
+- Affected specs:
+  - `iot-card-management`
+  - `device-management`
+- Affected code:
+  - `src/api/modules/card.ts`
+  - `src/api/modules/device.ts`
+  - `src/types/api/card.ts`
+  - `src/types/api/device.ts`
+  - `src/views/asset-management/iot-card-management/index.vue`
+  - `src/views/asset-management/device-list/index.vue`
+- API contracts:
+  - `GET /api/admin/iot-cards?real_name_status=0|1`
+  - `GET /api/admin/devices?real_name_status=0|1`
+  - List items return `real_name_status: int` and `real_name_status_name: string`
+- Dependencies:
+  - 后端列表接口必须支持实名状态查询并返回实名状态名称。
diff --git a/openspec/changes/add-asset-realname-status-filter/specs/device-management/spec.md b/openspec/changes/add-asset-realname-status-filter/specs/device-management/spec.md
new file mode 100644
index 0000000..cc68813
--- /dev/null
+++ b/openspec/changes/add-asset-realname-status-filter/specs/device-management/spec.md
@@ -0,0 +1,68 @@
+## ADDED Requirements
+
+### Requirement: Device Realname Status Query Contract
+
+The device management list integration SHALL support an optional numeric `real_name_status` parameter on `GET /api/admin/devices`. The list-item contract SHALL include `real_name_status` and `real_name_status_name` returned by the device list API.
+
+#### Scenario: Query devices by realname status
+
+- **GIVEN** 用户正在后台设备列表使用实名状态筛选
+- **WHEN** 用户选择“已实名”并执行搜索
+- **THEN** 系统 MUST call `GET /api/admin/devices` with `real_name_status=1`
+
+#### Scenario: Query unverified devices
+
+- **GIVEN** 用户正在后台设备列表使用实名状态筛选
+- **WHEN** 用户选择“未实名”并执行搜索
+- **THEN** 系统 MUST call `GET /api/admin/devices` with `real_name_status=0`
+- **AND** 前端 MUST NOT 因为该值为 `0` 而省略此参数
+
+#### Scenario: Query all devices without status restriction
+
+- **GIVEN** 用户未选择实名状态或选择“全部”
+- **WHEN** 用户查询、刷新或切换设备列表分页
+- **THEN** 请求 MUST NOT 携带 `real_name_status`
+
+#### Scenario: Receive device realname status fields
+
+- **GIVEN** 设备列表接口返回设备记录
+- **WHEN** 前端解析列表响应
+- **THEN** 列表项类型 MUST 支持 `real_name_status: int`
+- **AND** 列表项类型 MUST 支持 `real_name_status_name: string`
+
+### Requirement: Device Realname Status Filter And Display
+
+The device management page SHALL provide a `实名状态` filter with `全部`、`已实名`、`未实名` options and display the backend device realname status name in the device table.
+
+#### Scenario: Display device realname status filter
+
+- **GIVEN** 用户打开后台设备列表
+- **WHEN** 页面渲染筛选区
+- **THEN** 页面 MUST display a `实名状态` filter
+- **AND** 筛选项 MUST provide `全部`、`已实名`、`未实名` options
+
+#### Scenario: Display backend device realname status name
+
+- **GIVEN** 设备列表接口返回某条记录的 `real_name_status_name`
+- **WHEN** 页面渲染该设备的表格行
+- **THEN** 页面 MUST 在“实名状态”列显示该字段值
+
+#### Scenario: Use the device API as the status source
+
+- **GIVEN** 设备列表接口返回设备的实名状态字段
+- **WHEN** 页面渲染设备实名状态
+- **THEN** 页面 MUST directly use the record's `real_name_status` and `real_name_status_name`
+- **AND** 页面 MUST NOT 遍历、绑定或计算关联卡的实名状态
+
+#### Scenario: Preserve device realname status while paginating
+
+- **GIVEN** 用户已选择“已实名”或“未实名”并获得筛选结果
+- **WHEN** 用户切换设备列表页码或每页条数
+- **THEN** 后续列表请求 MUST 保留当前的 `real_name_status` 参数
+
+#### Scenario: Reset device realname status filter
+
+- **GIVEN** 用户已选择实名状态
+- **WHEN** 用户重置设备列表搜索条件
+- **THEN** 页面 MUST 清空实名状态筛选
+- **AND** 后续列表请求 MUST NOT 携带 `real_name_status`
diff --git a/openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md b/openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md
new file mode 100644
index 0000000..a0b3c30
--- /dev/null
+++ b/openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md
@@ -0,0 +1,61 @@
+## ADDED Requirements
+
+### Requirement: IoT Card Realname Status Query Contract
+
+The IoT card management list integration SHALL query `GET /api/admin/iot-cards` and support an optional numeric `real_name_status` parameter. The list-item contract SHALL include `real_name_status` and `real_name_status_name`.
+
+#### Scenario: Query cards by realname status
+
+- **GIVEN** 用户正在后台卡列表使用实名状态筛选
+- **WHEN** 用户选择“已实名”并执行搜索
+- **THEN** 系统 MUST call `GET /api/admin/iot-cards` with `real_name_status=1`
+
+#### Scenario: Query unverified cards
+
+- **GIVEN** 用户正在后台卡列表使用实名状态筛选
+- **WHEN** 用户选择“未实名”并执行搜索
+- **THEN** 系统 MUST call `GET /api/admin/iot-cards` with `real_name_status=0`
+- **AND** 前端 MUST NOT 因为该值为 `0` 而省略此参数
+
+#### Scenario: Query all cards without status restriction
+
+- **GIVEN** 用户未选择实名状态或选择“全部”
+- **WHEN** 用户查询、刷新或切换卡列表分页
+- **THEN** 请求 MUST NOT 携带 `real_name_status`
+
+#### Scenario: Receive card realname status fields
+
+- **GIVEN** 卡列表接口返回资产记录
+- **WHEN** 前端解析列表响应
+- **THEN** 列表项类型 MUST 支持 `real_name_status: int`
+- **AND** 列表项类型 MUST 支持 `real_name_status_name: string`
+
+### Requirement: IoT Card Realname Status Filter And Display
+
+The IoT card management page SHALL provide a `实名状态` filter with `全部`、`已实名`、`未实名` options and display the backend realname status name in the card table.
+
+#### Scenario: Display card realname status filter
+
+- **GIVEN** 用户打开后台卡列表
+- **WHEN** 页面渲染筛选区
+- **THEN** 页面 MUST display a `实名状态` filter
+- **AND** 筛选项 MUST provide `全部`、`已实名`、`未实名` options
+
+#### Scenario: Display backend card realname status name
+
+- **GIVEN** 卡列表接口返回某条记录的 `real_name_status_name`
+- **WHEN** 页面渲染该卡的表格行
+- **THEN** 页面 MUST 在“实名状态”列显示该字段值
+
+#### Scenario: Preserve card realname status while paginating
+
+- **GIVEN** 用户已选择“已实名”或“未实名”并获得筛选结果
+- **WHEN** 用户切换卡列表页码或每页条数
+- **THEN** 后续列表请求 MUST 保留当前的 `real_name_status` 参数
+
+#### Scenario: Reset card realname status filter
+
+- **GIVEN** 用户已选择实名状态
+- **WHEN** 用户重置卡列表搜索条件
+- **THEN** 页面 MUST 清空实名状态筛选
+- **AND** 后续列表请求 MUST NOT 携带 `real_name_status`
diff --git a/openspec/changes/add-asset-realname-status-filter/tasks.md b/openspec/changes/add-asset-realname-status-filter/tasks.md
new file mode 100644
index 0000000..8a029f4
--- /dev/null
+++ b/openspec/changes/add-asset-realname-status-filter/tasks.md
@@ -0,0 +1,26 @@
+## 1. API Contracts And Types
+
+- [ ] 1.1 扩展卡列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
+- [ ] 1.2 扩展设备列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
+- [ ] 1.3 将卡列表查询接入 `GET /api/admin/iot-cards` 并传递实名状态筛选参数。
+
+## 2. Card List
+
+- [ ] 2.1 在卡列表筛选区新增“实名状态”的全部、已实名、未实名选项。
+- [ ] 2.2 将选中的实名状态传递给卡列表查询，并在搜索、刷新、分页、导出中保留该条件。
+- [ ] 2.3 在卡列表表格新增“实名状态”列，展示接口返回的 `real_name_status_name`。
+- [ ] 2.4 重置卡列表搜索时清空实名状态筛选。
+
+## 3. Device List
+
+- [ ] 3.1 在设备列表筛选区新增“实名状态”的全部、已实名、未实名选项。
+- [ ] 3.2 将选中的实名状态传递给 `GET /api/admin/devices`，并在搜索、刷新、分页、导出中保留该条件。
+- [ ] 3.3 在设备列表表格新增“实名状态”列，直接展示接口返回的 `real_name_status_name`，不遍历绑定卡计算状态。
+- [ ] 3.4 重置设备列表搜索时清空实名状态筛选。
+
+## 4. Verification
+
+- [ ] 4.1 验证卡列表“全部”“已实名”“未实名”分别不传、传 `1`、传 `0`，且状态列显示接口名称。
+- [ ] 4.2 验证设备列表“全部”“已实名”“未实名”分别不传、传 `1`、传 `0`，且状态列直接显示设备接口名称。
+- [ ] 4.3 验证两个列表在分页切换、刷新和导出时保留实名状态筛选，重置后清空该条件。
+- [ ] 4.4 运行相关类型检查、lint 或构建验证。
diff --git a/src/api/modules/card.ts b/src/api/modules/card.ts
index 2539f29..16110f6 100644
--- a/src/api/modules/card.ts
+++ b/src/api/modules/card.ts
@@ -349,6 +349,16 @@ export class CardService extends BaseService {
     return this.getPage<StandaloneIotCard>('/api/admin/iot-cards/standalone', params)
   }
 
+  /**
+   * 获取 IoT 卡列表
+   * @param params 查询参数
+   */
+  static getIotCards(
+    params?: StandaloneCardQueryParams
+  ): Promise<PaginationResponse<StandaloneIotCard>> {
+    return this.getPage<StandaloneIotCard>('/api/admin/iot-cards', params)
+  }
+
   /**
    * 批量分配单卡
    * @param data 分配参数
diff --git a/src/types/api/card.ts b/src/types/api/card.ts
index 12eda34..d092d7a 100644
--- a/src/types/api/card.ts
+++ b/src/types/api/card.ts
@@ -346,6 +346,7 @@ export enum StandaloneCardStatus {
 export interface StandaloneCardQueryParams extends PaginationParams {
   keyword?: string // 通用关键字搜索
   has_active_package?: boolean // has active package filter
+  real_name_status?: 0 | 1 // 实名状态：0 未实名 / 1 已实名
   carrier_name?: string // carrier name filter
   is_standalone?: boolean // standalone filter
   status?: StandaloneCardStatus // 状态
@@ -384,7 +385,8 @@ export interface StandaloneIotCard {
   status: StandaloneCardStatus // 状态
   activation_status: number // 激活状态 (0:未激活, 1:已激活)
   network_status: number // 网络状态 (0:停机, 1:开机)
-  real_name_status: number // 实名状态 (0:未实名, 1:已实名)
+  real_name_status: 0 | 1 // 实名状态 (0:未实名, 1:已实名)
+  real_name_status_name: string // 实名状态名称
   generation?: number // 资产世代编号（初始值1，每次换货转新后+1）
   asset_status?: AssetStatus // 业务状态 (1:在库, 2:已销售, 3:已换货, 4:已停用)
   asset_status_name?: string // 业务状态名称（中文）
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 4185d6f..0d5909c 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -65,6 +65,8 @@ export interface Device {
   imei?: string // IMEI（设备国际移动设备识别码）
   sn?: string // 设备序列号
   realname_policy?: string // 实名认证策略
+  real_name_status: 0 | 1 // 实名状态 (0:未实名, 1:已实名)
+  real_name_status_name: string // 实名状态名称
   authorized_enterprise_id?: number | null // 当前有效授权企业ID
   authorized_enterprise_name?: string | null // 当前有效授权企业名称
 }
@@ -72,6 +74,7 @@ export interface Device {
 // 设备查询参数
 export interface DeviceQueryParams extends PaginationParams {
   has_active_package?: boolean // has active package filter
+  real_name_status?: 0 | 1 // 实名状态：0 未实名 / 1 已实名
   virtual_no?: string // 虚拟号(模糊查询，原 device_no)
   device_name?: string // 设备名称(模糊查询)
   status?: DeviceStatus // 状态
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 148c393..586f2df 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -1337,6 +1337,7 @@
     device_name: '',
     status: undefined as DeviceStatus | undefined,
     activation_status: undefined as number | undefined,
+    real_name_status: undefined as 0 | 1 | undefined,
     batch_no: '',
     device_type: '',
     manufacturer: '',
@@ -1447,6 +1448,19 @@
         { label: '已激活', value: 1 }
       ]
     },
+    {
+      label: '实名状态',
+      prop: 'real_name_status',
+      type: 'select',
+      config: {
+        clearable: true,
+        placeholder: '全部'
+      },
+      options: () => [
+        { label: '已实名', value: 1 },
+        { label: '未实名', value: 0 }
+      ]
+    },
     {
       label: '批次号',
       prop: 'batch_no',
@@ -1599,6 +1613,7 @@
     { label: '资产世代', prop: 'generation' },
     { label: '业务状态', prop: 'asset_status' },
     { label: '激活状态', prop: 'activation_status_name' },
+    { label: '实名状态', prop: 'real_name_status_name' },
     { label: '在线状态', prop: 'online_status' },
     { label: '实名策略', prop: 'realname_policy' },
     { label: '切卡模式', prop: 'switch_mode' },
@@ -1934,6 +1949,12 @@
       width: 120,
       formatter: (row: Device) => row.activation_status_name || '-'
     },
+    {
+      prop: 'real_name_status_name',
+      label: '实名状态',
+      width: 100,
+      formatter: (row: Device) => row.real_name_status_name || '-'
+    },
     {
       prop: 'online_status',
       label: '在线状态',
@@ -2126,6 +2147,7 @@
         device_name: searchForm.device_name || undefined,
         status: searchForm.status,
         activation_status: searchForm.activation_status ?? undefined,
+        real_name_status: searchForm.real_name_status ?? undefined,
         batch_no: searchForm.batch_no || undefined,
         device_type: searchForm.device_type || undefined,
         manufacturer: searchForm.manufacturer || undefined,
@@ -2156,6 +2178,7 @@
       device_name: searchForm.device_name || undefined,
       status: searchForm.status,
       activation_status: searchForm.activation_status ?? undefined,
+      real_name_status: searchForm.real_name_status ?? undefined,
       batch_no: searchForm.batch_no || undefined,
       device_type: searchForm.device_type || undefined,
       manufacturer: searchForm.manufacturer || undefined,
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 8fa563e..762f819 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -1556,6 +1556,7 @@
   const initialSearchState: {
     status: undefined | number
     network_status: undefined | number
+    real_name_status: undefined | 0 | 1
     iccid: string
     carrier_name: string
     msisdn: string
@@ -1572,6 +1573,7 @@
   } = {
     status: undefined,
     network_status: undefined,
+    real_name_status: undefined,
     iccid: '',
     carrier_name: '',
     msisdn: '',
@@ -1743,6 +1745,19 @@
         { label: '正常', value: 1 }
       ]
     },
+    {
+      label: '实名状态',
+      prop: 'real_name_status',
+      type: 'select',
+      config: {
+        clearable: true,
+        placeholder: '全部'
+      },
+      options: () => [
+        { label: '已实名', value: 1 },
+        { label: '未实名', value: 0 }
+      ]
+    },
     {
       label: '卡虚拟号',
       prop: 'virtual_no',
@@ -2156,11 +2171,7 @@
       prop: 'real_name_status',
       label: '实名状态',
       width: 100,
-      formatter: (row: StandaloneIotCard) => {
-        const type = row.real_name_status === 1 ? 'success' : 'warning'
-        const text = row.real_name_status === 1 ? '已实名' : '未实名'
-        return h(ElTag, { type }, () => text)
-      }
+      formatter: (row: StandaloneIotCard) => row.real_name_status_name || '-'
     },
     {
       prop: 'realname_policy',
@@ -2338,7 +2349,7 @@
         }
       })
 
-      const res = await CardService.getStandaloneIotCards(params)
+      const res = await CardService.getIotCards(params)
       if (res.code === 0) {
         cardList.value = res.data.items || []
         pagination.total = res.data.total || 0

From 8faa2ea2efbdb1ba1c1963f094713f9ad57842ed Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 22 Jul 2026 16:31:01 +0800
Subject: [PATCH 15/76] =?UTF-8?q?feat:=20=E9=A2=84=E8=AE=A1=E6=9C=80?=
 =?UTF-8?q?=E7=BB=88=E5=88=B0=E6=9C=9F=E6=97=B6=E9=97=B4=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 | 40 ++++++++++++
 .../proposal.md                               | 35 +++++++++++
 .../specs/asset-information/spec.md           | 61 +++++++++++++++++++
 .../specs/device-management/spec.md           | 33 ++++++++++
 .../specs/iot-card-management/spec.md         | 33 ++++++++++
 .../tasks.md                                  | 25 ++++++++
 src/types/api/asset.ts                        |  7 +++
 src/types/api/card.ts                         |  4 ++
 src/types/api/device.ts                       |  4 ++
 src/utils/business/expiryEstimate.ts          | 23 +++++++
 src/utils/business/index.ts                   |  1 +
 .../components/BasicInfoCard.vue              | 26 ++++++++
 .../composables/useAssetInfo.ts               |  4 ++
 .../asset-information/types.ts                |  4 ++
 .../asset-management/device-list/index.vue    | 21 +++++++
 .../iot-card-management/index.vue             | 21 +++++++
 16 files changed, 342 insertions(+)
 create mode 100644 openspec/changes/add-asset-estimated-final-expiry-display/design.md
 create mode 100644 openspec/changes/add-asset-estimated-final-expiry-display/proposal.md
 create mode 100644 openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md
 create mode 100644 openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md
 create mode 100644 openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md
 create mode 100644 openspec/changes/add-asset-estimated-final-expiry-display/tasks.md
 create mode 100644 src/utils/business/expiryEstimate.ts

diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/design.md b/openspec/changes/add-asset-estimated-final-expiry-display/design.md
new file mode 100644
index 0000000..976be2b
--- /dev/null
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/design.md
@@ -0,0 +1,40 @@
+## Context
+
+运营需要在资产层查看当前主套餐及所有排队主套餐顺序接续后的预计最终到期时间。该结果依赖后端套餐队列、激活条件与计时规则，前端只负责展示接口结果。
+
+## Goals / Non-Goals
+
+- Goals:
+  - 在资产详情、IoT 卡列表和设备列表统一展示“预计套餐到期时间”。
+  - 区分可精确预计与待激活后才可计算的状态。
+  - 对临期资产提供基于后端剩余天数的视觉提示。
+- Non-Goals:
+  - 不修改单个套餐明细的“到期时间”展示或套餐队列顺序。
+  - 不新增预计到期时间筛选、排序或前端日期计算。
+  - 不改变套餐续费、激活或到期规则。
+
+## Decisions
+
+- Decision: 统一使用资产详情和资产列表响应中的 `estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status`、`is_expiring`，不调用额外计算接口。
+- Decision: 仅当 `expiry_estimate_status=exact` 且存在 `estimated_final_expires_at` 时格式化展示日期；不可预计状态展示“待激活后起算”。
+- Decision: `is_expiring=true` 是临期样式的唯一触发条件，`days_until_final_expiry` 只作为剩余天数展示或样式辅助信息，前端不自行判定临期阈值。
+- Decision: 普通卡和设备列表保持既有服务端返回顺序与前端排序行为，不因临期字段重排。
+- Alternatives considered: 前端根据当前套餐到期时间、排队套餐时长和计时基准计算最终日期。未采用，因为等待激活和后端队列规则会导致结果不准确。
+
+## Risks / Trade-offs
+
+- 后端缺少预计字段时无法显示最终日期 -> 对空值显示稳定占位，不以当前套餐日期替代。
+- 未知 `expiry_estimate_status` 可能导致错误日期展示 -> 仅 `exact` 可显示日期，其他状态显示稳定占位或后端约定的不可预计提示。
+- 列表增加时间列会占用宽度 -> 作为可配置动态列，沿用现有横向滚动与列选择能力。
+
+## Migration Plan
+
+1. 扩展资产详情及卡、设备列表类型以保留预计最终到期字段。
+2. 将资产详情响应字段映射到页面状态，并在基础信息区域展示。
+3. 在卡和设备列表增加预计套餐到期时间列及临期样式。
+4. 验证无套餐、仅当前套餐、多个排队套餐和待激活后起算四类响应。
+5. 如需回滚，移除新增展示字段和列表列；不涉及数据迁移。
+
+## Open Questions
+
+- `expiry_estimate_status` 除 `exact` 和待激活状态外的完整枚举及对应文案由后端接口文档确认；本提案要求未知状态不得伪造日期。
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/proposal.md b/openspec/changes/add-asset-estimated-final-expiry-display/proposal.md
new file mode 100644
index 0000000..3c089d2
--- /dev/null
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/proposal.md
@@ -0,0 +1,35 @@
+# Change: 新增资产预计套餐到期时间展示
+
+## Why
+
+当前页面只能在套餐明细中查看单个套餐的到期时间，运营无法快速了解当前主套餐与全部排队主套餐接续后的资产最终到期时间。前端也不能可靠地自行叠加套餐时长，尤其当套餐需要激活后才开始计时时。
+
+## What Changes
+
+- 在资产详情、IoT 卡列表和设备列表增加统一的 `预计套餐到期时间` 展示。
+- 资产详情接口和资产列表响应支持 `estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status` 和 `is_expiring` 字段。
+- 当 `expiry_estimate_status=exact` 时，展示后端返回的 `estimated_final_expires_at`。
+- 当套餐尚待激活等无法预计最终日期时，展示“待激活后起算”，不得伪造日期。
+- 当 `is_expiring=true` 时，按后端返回的剩余天数使用临期颜色提示；普通资产列表不得因临期状态改变既有排序。
+- 当前套餐自身的到期时间继续仅在套餐明细中展示；前端不得叠加套餐时长计算预计最终到期时间。
+
+## Impact
+
+- Affected specs:
+  - `asset-information`
+  - `iot-card-management`
+  - `device-management`
+- Affected code:
+  - `src/types/api/asset.ts`
+  - `src/types/api/card.ts`
+  - `src/types/api/device.ts`
+  - `src/views/asset-management/asset-information/types.ts`
+  - `src/views/asset-management/asset-information/composables/useAssetInfo.ts`
+  - `src/views/asset-management/asset-information/components/BasicInfoCard.vue`
+  - `src/views/asset-management/iot-card-management/index.vue`
+  - `src/views/asset-management/device-list/index.vue`
+- API contracts:
+  - `GET /api/admin/assets/resolve/{identifier}`
+  - IoT 卡和设备资产列表接口
+- Dependencies:
+  - 后端在资产详情与资产列表响应中返回预计最终到期字段。
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md b/openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md
new file mode 100644
index 0000000..cbe174b
--- /dev/null
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md
@@ -0,0 +1,61 @@
+## ADDED Requirements
+
+### Requirement: Asset Estimated Final Expiry Contract
+
+The admin asset information integration SHALL preserve `estimated_final_expires_at`, `days_until_final_expiry`, `expiry_estimate_status`, and `is_expiring` returned by `GET /api/admin/assets/resolve/{identifier}`.
+
+#### Scenario: Preserve an exact final expiry estimate
+
+- **GIVEN** 用户查询后台资产详情
+- **WHEN** `GET /api/admin/assets/resolve/{identifier}` returns `expiry_estimate_status=exact`
+- **THEN** 前端状态 MUST preserve `estimated_final_expires_at` as `string | null`
+- **AND** 前端状态 MUST preserve `days_until_final_expiry` as `number | null`
+- **AND** 前端状态 MUST preserve `is_expiring` as a boolean
+
+#### Scenario: Preserve an unavailable final expiry estimate
+
+- **GIVEN** 用户查询后台资产详情
+- **WHEN** 接口返回待激活或其他不可预计的 `expiry_estimate_status`
+- **THEN** 前端状态 MUST preserve `expiry_estimate_status`
+- **AND** 前端 MUST NOT derive `estimated_final_expires_at` from current-package or package-detail fields
+
+### Requirement: Asset Estimated Final Expiry Display
+
+The admin asset information view SHALL display one asset-level field labeled `预计套餐到期时间` for the current primary package and all queued primary packages, without replacing individual package expiry dates in package details.
+
+#### Scenario: Display an exact final expiry date
+
+- **GIVEN** 资产详情返回 `expiry_estimate_status=exact`
+- **AND** `estimated_final_expires_at` has a value
+- **WHEN** 页面渲染卡资产或设备资产基础信息
+- **THEN** 页面 MUST display `预计套餐到期时间`
+- **AND** 页面 MUST format and display `estimated_final_expires_at`
+
+#### Scenario: Display activation-pending final expiry
+
+- **GIVEN** 资产详情返回等待激活等不可预计的 `expiry_estimate_status`
+- **WHEN** 页面渲染卡资产或设备资产基础信息
+- **THEN** `预计套餐到期时间` MUST display `待激活后起算`
+- **AND** 页面 MUST NOT display a fabricated date
+
+#### Scenario: Display no-package placeholder
+
+- **GIVEN** 资产没有当前或排队主套餐
+- **AND** `estimated_final_expires_at` is null or absent
+- **WHEN** 页面渲染资产基础信息
+- **THEN** `预计套餐到期时间` MUST display a stable placeholder
+- **AND** 页面 MUST NOT substitute the current package detail expiry date
+
+#### Scenario: Highlight backend-designated expiring asset
+
+- **GIVEN** 资产详情返回 `is_expiring=true`
+- **WHEN** 页面渲染 `预计套餐到期时间`
+- **THEN** 页面 MUST apply the expiring visual treatment using `days_until_final_expiry`
+- **AND** 页面 MUST NOT derive whether the asset is expiring from a locally calculated date difference
+
+#### Scenario: Preserve package detail expiry semantics
+
+- **GIVEN** 用户查看资产详情中的套餐明细
+- **WHEN** 页面渲染单个套餐的到期时间
+- **THEN** 页面 MUST continue to display that package's own expiry field in the package detail context
+- **AND** 页面 MUST NOT replace it with `estimated_final_expires_at`
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md b/openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md
new file mode 100644
index 0000000..39c689d
--- /dev/null
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md
@@ -0,0 +1,33 @@
+## ADDED Requirements
+
+### Requirement: Device Estimated Final Expiry Display
+
+The device management list integration SHALL preserve and display the backend device-level estimated final package expiry fields without traversing bound cards or calculating package continuation dates in the frontend.
+
+#### Scenario: Display exact device final expiry estimate
+
+- **GIVEN** 设备列表接口返回 `expiry_estimate_status=exact` and `estimated_final_expires_at`
+- **WHEN** 页面渲染设备列表行
+- **THEN** 页面 MUST display a column labeled `预计套餐到期时间`
+- **AND** 该列 MUST format and display `estimated_final_expires_at`
+
+#### Scenario: Display activation-pending device final expiry
+
+- **GIVEN** 设备列表接口返回待激活等不可预计的 `expiry_estimate_status`
+- **WHEN** 页面渲染设备列表行
+- **THEN** `预计套餐到期时间` MUST display `待激活后起算`
+- **AND** 页面 MUST NOT traverse bound cards or display a fabricated date
+
+#### Scenario: Highlight expiring device without reordering
+
+- **GIVEN** 设备列表接口返回 `is_expiring=true` and `days_until_final_expiry`
+- **WHEN** 页面渲染该设备的预计套餐到期时间
+- **THEN** 页面 MUST apply the expiring visual treatment based on the backend fields
+- **AND** 页面 MUST NOT change the ordinary device list sort order because of `is_expiring`
+
+#### Scenario: Display no-package device placeholder
+
+- **GIVEN** 设备列表记录没有可预计的最终到期时间
+- **WHEN** 页面渲染预计套餐到期时间列
+- **THEN** 页面 MUST display a stable placeholder
+- **AND** 页面 MUST NOT use an individual package expiry as a substitute
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md b/openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md
new file mode 100644
index 0000000..eb6eb20
--- /dev/null
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md
@@ -0,0 +1,33 @@
+## ADDED Requirements
+
+### Requirement: IoT Card Estimated Final Expiry Display
+
+The IoT card management list integration SHALL preserve and display the backend asset-level estimated final package expiry fields without calculating package continuation dates in the frontend.
+
+#### Scenario: Display exact card final expiry estimate
+
+- **GIVEN** 卡列表接口返回 `expiry_estimate_status=exact` and `estimated_final_expires_at`
+- **WHEN** 页面渲染卡列表行
+- **THEN** 页面 MUST display a column labeled `预计套餐到期时间`
+- **AND** 该列 MUST format and display `estimated_final_expires_at`
+
+#### Scenario: Display activation-pending card final expiry
+
+- **GIVEN** 卡列表接口返回待激活等不可预计的 `expiry_estimate_status`
+- **WHEN** 页面渲染卡列表行
+- **THEN** `预计套餐到期时间` MUST display `待激活后起算`
+- **AND** 页面 MUST NOT calculate or display a fabricated date
+
+#### Scenario: Highlight expiring card without reordering
+
+- **GIVEN** 卡列表接口返回 `is_expiring=true` and `days_until_final_expiry`
+- **WHEN** 页面渲染该卡的预计套餐到期时间
+- **THEN** 页面 MUST apply the expiring visual treatment based on the backend fields
+- **AND** 页面 MUST NOT change the ordinary card list sort order because of `is_expiring`
+
+#### Scenario: Display no-package card placeholder
+
+- **GIVEN** 卡列表记录没有可预计的最终到期时间
+- **WHEN** 页面渲染预计套餐到期时间列
+- **THEN** 页面 MUST display a stable placeholder
+- **AND** 页面 MUST NOT use an individual package expiry as a substitute
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/tasks.md b/openspec/changes/add-asset-estimated-final-expiry-display/tasks.md
new file mode 100644
index 0000000..7ce9184
--- /dev/null
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/tasks.md
@@ -0,0 +1,25 @@
+## 1. API Contracts And Types
+
+- [ ] 1.1 扩展资产详情响应和资产信息页面状态，支持 `estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status`、`is_expiring`。
+- [ ] 1.2 扩展 IoT 卡和设备列表项类型，支持预计最终到期字段。
+
+## 2. Asset Information
+
+- [ ] 2.1 将资产解析接口返回的预计最终到期字段映射到资产详情页面状态。
+- [ ] 2.2 在资产详情卡和设备基础信息中展示“预计套餐到期时间”。
+- [ ] 2.3 `expiry_estimate_status=exact` 时格式化显示 `estimated_final_expires_at`；待激活等不可预计状态显示“待激活后起算”。
+- [ ] 2.4 `is_expiring=true` 时按 `days_until_final_expiry` 应用临期样式，不根据日期或天数自行推导临期状态。
+
+## 3. Asset Lists
+
+- [ ] 3.1 在 IoT 卡列表新增“预计套餐到期时间”可配置列，显示接口返回的预计日期或“待激活后起算”。
+- [ ] 3.2 在设备列表新增“预计套餐到期时间”可配置列，显示接口返回的预计日期或“待激活后起算”。
+- [ ] 3.3 在两个列表对 `is_expiring=true` 的预计到期时间使用临期样式，且不改变现有列表排序。
+
+## 4. Verification
+
+- [ ] 4.1 验证无套餐时不伪造预计日期并显示稳定占位内容。
+- [ ] 4.2 验证仅当前套餐和存在多个排队主套餐时，资产详情和两个列表均显示后端 `estimated_final_expires_at`。
+- [ ] 4.3 验证等待激活等不可预计状态显示“待激活后起算”，不显示计算出的日期。
+- [ ] 4.4 验证 `is_expiring=true` 时使用临期样式，且卡、设备列表顺序不变。
+- [ ] 4.5 运行相关类型检查、lint 或构建验证。
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 0262838..3883087 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -66,6 +66,9 @@ export interface AssetStartResponse {
 // 资产实名认证策略
 export type AssetRealnamePolicy = 'none' | 'before_order' | 'after_order'
 
+// 预计最终到期时间状态
+export type ExpiryEstimateStatus = 'exact' | 'waiting_activation' | string
+
 // 批量更新资产实名认证策略请求
 export interface BatchUpdateAssetRealnamePolicyRequest {
   asset_ids: number[]
@@ -114,6 +117,10 @@ export interface AssetResolveResponse {
   virtual_used_mb: number // 展示已用量
   total_virtual_used_mb?: number | null // 所有套餐已用量(MB)，未请求时为 null
   total_virtual_remaining_mb?: number | null // 所有套餐剩余量(MB)，未请求时为 null
+  estimated_final_expires_at?: string | null // 当前及排队主套餐接续后的预计最终到期时间
+  days_until_final_expiry?: number | null // 距预计最终到期的剩余天数
+  expiry_estimate_status?: ExpiryEstimateStatus // 预计最终到期时间状态
+  is_expiring?: boolean // 是否临期，由后端判断
   reduction_pct: number // 展示增幅比例（小数，如 0.428571）
   device_protect_status?: DeviceProtectStatus // 保护期状态：none / stop / start（仅 device）
   activated_at: string // 激活时间
diff --git a/src/types/api/card.ts b/src/types/api/card.ts
index d092d7a..43f5a1b 100644
--- a/src/types/api/card.ts
+++ b/src/types/api/card.ts
@@ -399,6 +399,10 @@ export interface StandaloneIotCard {
   data_usage_mb: number // 累计流量使用(MB)
   current_month_usage_mb?: number // 自然月累计流量(MB)
   current_month_start_date?: string | null // 本月开始日期
+  estimated_final_expires_at?: string | null // 当前及排队主套餐接续后的预计最终到期时间
+  days_until_final_expiry?: number | null // 距预计最终到期的剩余天数
+  expiry_estimate_status?: string // 预计最终到期时间状态
+  is_expiring?: boolean // 是否临期，由后端判断
   last_month_total_mb?: number // 上月流量总量(MB)
   last_data_check_at?: string | null // 最后流量检查时间
   last_real_name_check_at?: string | null // 最后实名检查时间
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 0d5909c..2764d9e 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -67,6 +67,10 @@ export interface Device {
   realname_policy?: string // 实名认证策略
   real_name_status: 0 | 1 // 实名状态 (0:未实名, 1:已实名)
   real_name_status_name: string // 实名状态名称
+  estimated_final_expires_at?: string | null // 当前及排队主套餐接续后的预计最终到期时间
+  days_until_final_expiry?: number | null // 距预计最终到期的剩余天数
+  expiry_estimate_status?: string // 预计最终到期时间状态
+  is_expiring?: boolean // 是否临期，由后端判断
   authorized_enterprise_id?: number | null // 当前有效授权企业ID
   authorized_enterprise_name?: string | null // 当前有效授权企业名称
 }
diff --git a/src/utils/business/expiryEstimate.ts b/src/utils/business/expiryEstimate.ts
new file mode 100644
index 0000000..5d9655f
--- /dev/null
+++ b/src/utils/business/expiryEstimate.ts
@@ -0,0 +1,23 @@
+import { formatDateTime } from './format'
+
+export interface ExpiryEstimate {
+  estimated_final_expires_at?: string | null
+  days_until_final_expiry?: number | null
+  expiry_estimate_status?: string | null
+  is_expiring?: boolean
+}
+
+export const getExpiryEstimateText = (estimate: ExpiryEstimate): string => {
+  if (estimate.expiry_estimate_status === 'exact') {
+    return estimate.estimated_final_expires_at
+      ? formatDateTime(estimate.estimated_final_expires_at)
+      : '-'
+  }
+
+  return estimate.expiry_estimate_status ? '待激活后起算' : '-'
+}
+
+export const getExpiryEstimateTooltip = (estimate: ExpiryEstimate): string => {
+  if (!estimate.is_expiring || estimate.days_until_final_expiry == null) return ''
+  return `剩余${estimate.days_until_final_expiry}天`
+}
diff --git a/src/utils/business/index.ts b/src/utils/business/index.ts
index ad7bb1b..32882b4 100644
--- a/src/utils/business/index.ts
+++ b/src/utils/business/index.ts
@@ -7,3 +7,4 @@ export * from './validate'
 export * from './calculate'
 export * from './voucher'
 export * from './apiRateLimit'
+export * from './expiryEstimate'
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 83c0600..557b80f 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -86,6 +86,14 @@
         <ElDescriptionsItem label="所有套餐剩余量">
           {{ formatUsageSummaryMb(cardInfo?.total_virtual_remaining_mb) }}
         </ElDescriptionsItem>
+        <ElDescriptionsItem label="预计套餐到期时间">
+          <span
+            :class="{ 'expiry-estimate--expiring': cardInfo?.is_expiring }"
+            :title="getExpiryEstimateTooltip(cardInfo)"
+          >
+            {{ getExpiryEstimateText(cardInfo) }}
+          </span>
+        </ElDescriptionsItem>
 
         <template v-if="cardInfo?.bound_device_id">
           <ElDescriptionsItem label="绑定设备号">
@@ -172,6 +180,14 @@
         <ElDescriptionsItem label="所有套餐剩余量">
           {{ formatUsageSummaryMb(cardInfo?.total_virtual_remaining_mb) }}
         </ElDescriptionsItem>
+        <ElDescriptionsItem label="预计套餐到期时间">
+          <span
+            :class="{ 'expiry-estimate--expiring': cardInfo?.is_expiring }"
+            :title="getExpiryEstimateTooltip(cardInfo)"
+          >
+            {{ getExpiryEstimateText(cardInfo) }}
+          </span>
+        </ElDescriptionsItem>
         <ElDescriptionsItem label="最后同步时间">{{
           formatDateTime(deviceRealtime?.last_sync_time) || '-'
         }}</ElDescriptionsItem>
@@ -577,6 +593,7 @@
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
   import { formatDateTime } from '@/utils/business/format'
+  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
 
   // Props
   interface BindingCard {
@@ -624,6 +641,10 @@
     gateway_extend?: string
     total_virtual_used_mb?: number | null
     total_virtual_remaining_mb?: number | null
+    estimated_final_expires_at?: string | null
+    days_until_final_expiry?: number | null
+    expiry_estimate_status?: string
+    is_expiring?: boolean
     last_sync_time?: string | null
     last_data_check_at?: string | null
     last_real_name_check_at?: string | null
@@ -965,6 +986,11 @@
         word-break: break-all;
       }
 
+      .expiry-estimate--expiring {
+        font-weight: 500;
+        color: var(--el-color-danger);
+      }
+
       .card-header {
         display: flex;
         gap: 12px;
diff --git a/src/views/asset-management/asset-information/composables/useAssetInfo.ts b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
index b1a3277..d11299b 100644
--- a/src/views/asset-management/asset-information/composables/useAssetInfo.ts
+++ b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
@@ -140,6 +140,10 @@ export function useAssetInfo() {
           gateway_extend: data.gateway_extend ?? '',
           total_virtual_used_mb: data.total_virtual_used_mb ?? null,
           total_virtual_remaining_mb: data.total_virtual_remaining_mb ?? null,
+          estimated_final_expires_at: data.estimated_final_expires_at ?? null,
+          days_until_final_expiry: data.days_until_final_expiry ?? null,
+          expiry_estimate_status: data.expiry_estimate_status,
+          is_expiring: data.is_expiring ?? false,
           bound_device_id: data.bound_device_id,
           bound_device_no: data.bound_device_no || '',
           bound_device_name: data.bound_device_name || '',
diff --git a/src/views/asset-management/asset-information/types.ts b/src/views/asset-management/asset-information/types.ts
index 633494b..1bca217 100644
--- a/src/views/asset-management/asset-information/types.ts
+++ b/src/views/asset-management/asset-information/types.ts
@@ -35,6 +35,10 @@ export interface AssetInfo {
   gateway_extend?: string
   total_virtual_used_mb?: number | null
   total_virtual_remaining_mb?: number | null
+  estimated_final_expires_at?: string | null
+  days_until_final_expiry?: number | null
+  expiry_estimate_status?: string
+  is_expiring?: boolean
   last_sync_time?: string | null
   last_data_check_at?: string | null
   last_real_name_check_at?: string | null
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 586f2df..076c6de 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -995,6 +995,7 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { formatDateTime } from '@/utils/business/format'
+  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
   import type { PackageSeriesResponse } from '@/types/api'
   import type { EnterpriseItem } from '@/types/api/enterprise'
   import type {
@@ -1606,6 +1607,7 @@
     { label: '设备名称', prop: 'device_name' },
     { label: '店铺名称', prop: 'shop_name' },
     { label: '套餐系列', prop: 'series_name' },
+    { label: '预计套餐到期时间', prop: 'estimated_final_expires_at' },
     { label: '设备型号', prop: 'device_model' },
     { label: '设备类型', prop: 'device_type' },
     { label: '状态', prop: 'status' },
@@ -1890,6 +1892,20 @@
       minWidth: 180,
       showOverflowTooltip: true
     },
+    {
+      prop: 'estimated_final_expires_at',
+      label: '预计套餐到期时间',
+      width: 180,
+      formatter: (row: Device) =>
+        h(
+          'span',
+          {
+            class: { 'expiry-estimate--expiring': row.is_expiring },
+            title: getExpiryEstimateTooltip(row)
+          },
+          getExpiryEstimateText(row)
+        )
+    },
     {
       prop: 'device_model',
       label: '设备型号',
@@ -3201,4 +3217,9 @@
   :deep(.el-table__row.table-row-with-context-menu) {
     cursor: pointer;
   }
+
+  .expiry-estimate--expiring {
+    font-weight: 500;
+    color: var(--el-color-danger);
+  }
 </style>
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 762f819..11e3b68 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -1045,6 +1045,7 @@
   import { useUserStore } from '@/store/modules/user'
   import { storeToRefs } from 'pinia'
   import { formatDateTime } from '@/utils/business/format'
+  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
   import { formatRemainingTime, FrontendRateLimitError } from '@/utils/business/apiRateLimit'
   import type {
     StandaloneIotCard,
@@ -1946,6 +1947,7 @@
     { label: '绑定设备虚拟号', prop: 'device_virtual_no' },
     { label: '店铺名称', prop: 'shop_name' },
     { label: '套餐系列', prop: 'series_name' },
+    { label: '预计套餐到期时间', prop: 'estimated_final_expires_at' },
     { label: '自然月累计流量(MB)', prop: 'current_month_usage_mb' },
     { label: '本月开始日期', prop: 'current_month_start_date' },
     { label: '上月流量总量(MB)', prop: 'last_month_total_mb' },
@@ -2117,6 +2119,20 @@
       showOverflowTooltip: true,
       formatter: (row: StandaloneIotCard) => row.series_name || '-'
     },
+    {
+      prop: 'estimated_final_expires_at',
+      label: '预计套餐到期时间',
+      width: 180,
+      formatter: (row: StandaloneIotCard) =>
+        h(
+          'span',
+          {
+            class: { 'expiry-estimate--expiring': row.is_expiring },
+            title: getExpiryEstimateTooltip(row)
+          },
+          getExpiryEstimateText(row)
+        )
+    },
     {
       prop: 'status',
       label: '状态',
@@ -3027,4 +3043,9 @@
   :deep(.el-table__row.table-row-with-context-menu) {
     cursor: pointer;
   }
+
+  .expiry-estimate--expiring {
+    font-weight: 500;
+    color: var(--el-color-danger);
+  }
 </style>

From 7d3352038a5725a31cc9b134170b70a4e569002c Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 22 Jul 2026 16:57:17 +0800
Subject: [PATCH 16/76] =?UTF-8?q?feat:=20=E6=8D=A2=E8=B4=A7=E6=96=B0?=
 =?UTF-8?q?=E6=97=A7=E8=B5=84=E4=BA=A7=E5=B1=95=E7=A4=BA=E4=B8=8E=E7=8B=AC?=
 =?UTF-8?q?=E7=AB=8B=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               | 29 ++++++
 .../specs/exchange-management/spec.md         | 96 +++++++++++++++++++
 .../tasks.md                                  | 26 +++++
 src/api/modules/exchange.ts                   | 10 +-
 .../exchange-management/index.vue             | 49 ++++++++--
 5 files changed, 197 insertions(+), 13 deletions(-)
 create mode 100644 openspec/changes/update-exchange-separate-asset-search-display/proposal.md
 create mode 100644 openspec/changes/update-exchange-separate-asset-search-display/specs/exchange-management/spec.md
 create mode 100644 openspec/changes/update-exchange-separate-asset-search-display/tasks.md

diff --git a/openspec/changes/update-exchange-separate-asset-search-display/proposal.md b/openspec/changes/update-exchange-separate-asset-search-display/proposal.md
new file mode 100644
index 0000000..1a452dd
--- /dev/null
+++ b/openspec/changes/update-exchange-separate-asset-search-display/proposal.md
@@ -0,0 +1,29 @@
+# Change: 更新换货列表的新旧资产展示与独立搜索
+
+## Why
+
+换货管理列表当前使用一个资产标识符条件同时匹配旧资产和新资产，且表格未完整区分两侧资产类型与标识。运营人员无法准确按换出资产或换入资产检索、识别换货单。
+
+## What Changes
+
+- 将换货列表筛选区的单一“资产标识符”替换为“旧资产”和“新资产”两个独立输入框。
+- 列表查询使用 `old_asset_keyword` 和 `new_asset_keyword`；两个条件可独立或组合传递，空条件不传。
+- 停止在换货列表查询中使用旧的通用 `identifier` 参数。
+- 扩展换货列表项契约，支持旧资产和新资产各自的 `type`、`id`、`identifier`，以及 `status`、`status_name`。
+- 换货列表分别展示旧资产类型、旧资产标识、新资产类型、新资产标识四列，不能混列。
+- 物联网卡使用后端返回的 ICCID，设备使用后端返回的设备号；前端不转换接入号、虚拟号或其他输入标识。
+
+## Impact
+
+- Affected specs:
+  - `exchange-management`
+- Related active changes:
+  - `update-exchange-flow-direct-type`，本提案替换其换货列表通用资产标识符筛选口径，不改变流程类型筛选与换货操作。
+  - `update-asset-exchange-generation-links`，仅共享换货领域概念，不修改资产详情换货链路展示。
+- Affected code:
+  - `src/api/modules/exchange.ts`
+  - `src/views/asset-management/exchange-management/index.vue`
+- API contract:
+  - `GET /api/admin/exchanges?old_asset_keyword=&new_asset_keyword=`
+- Dependencies:
+  - 后端列表接口支持分别按旧资产和新资产关键词查询，并返回新旧资产字段。
diff --git a/openspec/changes/update-exchange-separate-asset-search-display/specs/exchange-management/spec.md b/openspec/changes/update-exchange-separate-asset-search-display/specs/exchange-management/spec.md
new file mode 100644
index 0000000..96b58a5
--- /dev/null
+++ b/openspec/changes/update-exchange-separate-asset-search-display/specs/exchange-management/spec.md
@@ -0,0 +1,96 @@
+## ADDED Requirements
+
+### Requirement: Exchange List Separate Asset Query Contract
+
+The exchange management list integration SHALL query `GET /api/admin/exchanges` with optional `old_asset_keyword` and `new_asset_keyword` parameters instead of the deprecated generic `identifier` parameter.
+
+#### Scenario: Query by old asset only
+
+- **GIVEN** 用户在换货管理列表的“旧资产”输入框中填写关键词
+- **AND** “新资产”输入框为空
+- **WHEN** 用户执行搜索
+- **THEN** 请求 MUST include `old_asset_keyword` with the entered value
+- **AND** 请求 MUST NOT include `new_asset_keyword`
+- **AND** 请求 MUST NOT include `identifier`
+
+#### Scenario: Query by new asset only
+
+- **GIVEN** 用户在换货管理列表的“新资产”输入框中填写关键词
+- **AND** “旧资产”输入框为空
+- **WHEN** 用户执行搜索
+- **THEN** 请求 MUST include `new_asset_keyword` with the entered value
+- **AND** 请求 MUST NOT include `old_asset_keyword`
+- **AND** 请求 MUST NOT include `identifier`
+
+#### Scenario: Combine old and new asset keywords
+
+- **GIVEN** 用户在“旧资产”和“新资产”输入框中均填写关键词
+- **WHEN** 用户执行搜索
+- **THEN** 请求 MUST include both `old_asset_keyword` and `new_asset_keyword`
+- **AND** 后端返回同时匹配两项条件的换货单
+
+#### Scenario: Omit empty asset keywords
+
+- **GIVEN** “旧资产”和“新资产”输入框均为空
+- **WHEN** 用户查询、刷新、切换分页或重置搜索条件
+- **THEN** 请求 MUST NOT include `old_asset_keyword`
+- **AND** 请求 MUST NOT include `new_asset_keyword`
+- **AND** 请求 MUST NOT include `identifier`
+
+#### Scenario: Preserve raw asset keyword input
+
+- **GIVEN** 用户输入 ICCID、接入号、虚拟号、IMEI 或 SN 作为旧资产或新资产关键词
+- **WHEN** 页面发送列表查询请求
+- **THEN** 页面 MUST pass the entered text unchanged in its corresponding keyword parameter
+- **AND** 页面 MUST NOT convert an access number, virtual number, or other identifier into another asset identifier
+
+### Requirement: Exchange List Separate Asset Display Contract
+
+The exchange list-item contract SHALL preserve `old_asset_type`, `old_asset_id`, `old_asset_identifier`, `new_asset_type`, `new_asset_id`, `new_asset_identifier`, `status`, and `status_name` from each `GET /api/admin/exchanges` item.
+
+#### Scenario: Parse old and new asset fields
+
+- **GIVEN** 换货列表接口返回一条换货单
+- **WHEN** 前端解析该列表项
+- **THEN** 前端类型 MUST support the old asset type, ID, and identifier fields independently from the new asset fields
+- **AND** 前端类型 MUST support `status` and `status_name`
+
+### Requirement: Exchange List Separate Asset Columns
+
+The exchange management list SHALL display distinct columns for `旧资产类型`, `旧资产标识`, `新资产类型`, and `新资产标识`.
+
+#### Scenario: Display separate old and new IoT card assets
+
+- **GIVEN** 换货列表项的 `old_asset_type` 和 `new_asset_type` 均为 `iot_card`
+- **WHEN** 页面渲染换货列表行
+- **THEN** 旧资产类型和新资产类型 MUST each display `物联网卡`
+- **AND** 旧资产标识 MUST display `old_asset_identifier` as the backend-returned ICCID
+- **AND** 新资产标识 MUST display `new_asset_identifier` as the backend-returned ICCID
+
+#### Scenario: Display separate old and new device assets
+
+- **GIVEN** 换货列表项的旧资产或新资产类型为 `device`
+- **WHEN** 页面渲染换货列表行
+- **THEN** 对应资产类型 MUST display `设备`
+- **AND** 对应资产标识 MUST display its backend-returned device number
+
+#### Scenario: Keep old and new asset values separated
+
+- **GIVEN** 换货列表接口返回新旧资产字段
+- **WHEN** 页面渲染换货列表行
+- **THEN** 旧资产列 MUST only read `old_asset_type` and `old_asset_identifier`
+- **AND** 新资产列 MUST only read `new_asset_type` and `new_asset_identifier`
+- **AND** 页面 MUST NOT substitute a missing new asset value with an old asset value
+
+#### Scenario: Display unavailable new asset placeholder
+
+- **GIVEN** 换货列表项尚未关联新资产，或新资产类型或标识为空
+- **WHEN** 页面渲染新资产列
+- **THEN** 页面 MUST display a stable placeholder for each unavailable value
+
+#### Scenario: Display backend exchange status name
+
+- **GIVEN** 换货列表项返回 `status_name`
+- **WHEN** 页面渲染状态列
+- **THEN** 页面 MUST display `status_name`
+- **AND** 当 `status_name` 缺失时页面 MUST display a stable placeholder
diff --git a/openspec/changes/update-exchange-separate-asset-search-display/tasks.md b/openspec/changes/update-exchange-separate-asset-search-display/tasks.md
new file mode 100644
index 0000000..596cf26
--- /dev/null
+++ b/openspec/changes/update-exchange-separate-asset-search-display/tasks.md
@@ -0,0 +1,26 @@
+## 1. API Contract And Types
+
+- [ ] 1.1 将换货列表查询类型中的通用 `identifier` 替换为可选的 `old_asset_keyword` 与 `new_asset_keyword`。
+- [ ] 1.2 扩展换货列表项类型，支持 `old_asset_type`、`old_asset_id`、`old_asset_identifier`、`new_asset_type`、`new_asset_id`、`new_asset_identifier`、`status` 和 `status_name`。
+
+## 2. Exchange List Search
+
+- [ ] 2.1 将换货管理列表筛选区的“资产标识符”替换为“旧资产”和“新资产”输入框。
+- [ ] 2.2 查询、刷新和分页时保留并传递非空的 `old_asset_keyword`、`new_asset_keyword`，不再发送 `identifier`。
+- [ ] 2.3 重置搜索条件时清空新旧资产关键词，后续请求不发送这两个参数。
+- [ ] 2.4 保留用户输入的 ICCID、接入号、虚拟号、IMEI 或 SN 原始值，不在前端转换后再传递给后端。
+
+## 3. Exchange List Display
+
+- [ ] 3.1 增加旧资产类型、旧资产标识、新资产类型、新资产标识四个独立列表列。
+- [ ] 3.2 根据后端资产类型显示“物联网卡”或“设备”，并原样显示对应后端资产标识。
+- [ ] 3.3 状态列优先展示后端 `status_name`，缺失时显示稳定占位内容。
+- [ ] 3.4 新资产字段在未分配时显示稳定占位内容，不与旧资产字段混用。
+
+## 4. Verification
+
+- [ ] 4.1 验证仅输入旧资产、仅输入新资产、同时输入新旧资产时，请求分别传递正确的关键词参数。
+- [ ] 4.2 验证两个资产关键词均为空时不传筛选参数，重置后保持相同行为。
+- [ ] 4.3 验证旧资产和新资产类型、标识符分别显示，IoT 卡显示 ICCID、设备显示设备号。
+- [ ] 4.4 验证卡的 ICCID、接入号或虚拟号关键词均由后端按输入所在的旧/新资产条件命中，前端不转换输入值。
+- [ ] 4.5 运行相关类型检查、lint 或构建验证。
diff --git a/src/api/modules/exchange.ts b/src/api/modules/exchange.ts
index fb3c822..d6aceb8 100644
--- a/src/api/modules/exchange.ts
+++ b/src/api/modules/exchange.ts
@@ -11,7 +11,8 @@ export interface ExchangeQueryParams {
   page_size?: number
   status?: number // 换货状态
   flow_type?: string // 流程类型（shipping/direct）
-  identifier?: string // 资产标识符（模糊匹配，同时匹配旧资产、新资产）
+  old_asset_keyword?: string // 旧资产关键词（ICCID、接入号、虚拟号、IMEI、SN）
+  new_asset_keyword?: string // 新资产关键词（ICCID、接入号、虚拟号、IMEI、SN）
   created_at_start?: string // 创建时间起始
   created_at_end?: string // 创建时间结束
 }
@@ -33,10 +34,13 @@ export interface ExchangeResponse {
   exchange_no: string
   exchange_reason: string
   old_asset_type: string
+  old_asset_id: number
   old_asset_identifier: string
-  new_asset_type: string
-  new_asset_identifier: string
+  new_asset_type?: string | null
+  new_asset_id?: number | null
+  new_asset_identifier?: string | null
   status: number // 换货状态（1:待填写信息, 2:待发货, 3:已发货待确认, 4:已完成, 5:已取消）
+  status_name?: string
   status_text: string
   flow_type: string // 流程类型（shipping/direct）
   flow_type_name: string // 流程类型名称
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 5b657aa..faabbf5 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -423,7 +423,8 @@
   const searchForm = reactive({
     status: undefined,
     flow_type: undefined, // 流程类型筛选
-    identifier: '',
+    old_asset_keyword: '',
+    new_asset_keyword: '',
     created_at_range: [],
     created_at_start: '',
     created_at_end: ''
@@ -626,11 +627,20 @@
       ]
     },
     {
-      label: '资产标识符',
-      prop: 'identifier',
+      label: '旧资产',
+      prop: 'old_asset_keyword',
       type: 'input',
       config: {
-        placeholder: '请输入资产标识符',
+        placeholder: '请输入旧资产标识',
+        clearable: true
+      }
+    },
+    {
+      label: '新资产',
+      prop: 'new_asset_keyword',
+      type: 'input',
+      config: {
+        placeholder: '请输入新资产标识',
         clearable: true
       }
     },
@@ -682,18 +692,25 @@
       prop: 'old_asset_type',
       label: '旧资产类型',
       width: 120,
-      formatter: (row: any) => (row.old_asset_type === 'iot_card' ? 'IoT卡' : '设备')
+      formatter: (row: ExchangeResponse) => getAssetTypeName(row.old_asset_type)
     },
     {
       prop: 'old_asset_identifier',
       label: '旧资产标识符',
-      width: 220
+      width: 220,
+      formatter: (row: ExchangeResponse) => row.old_asset_identifier || '--'
+    },
+    {
+      prop: 'new_asset_type',
+      label: '新资产类型',
+      width: 120,
+      formatter: (row: ExchangeResponse) => getAssetTypeName(row.new_asset_type)
     },
     {
       prop: 'new_asset_identifier',
       label: '新资产标识符',
       width: 220,
-      formatter: (row: any) => row.new_asset_identifier || '--'
+      formatter: (row: ExchangeResponse) => row.new_asset_identifier || '--'
     },
     {
       prop: 'recipient_name',
@@ -734,7 +751,8 @@
       prop: 'status',
       label: '状态',
       width: 130,
-      formatter: (row: any) => h(ElTag, { type: getStatusType(row.status) }, () => row.status_text)
+      formatter: (row: ExchangeResponse) =>
+        h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '--')
     },
     {
       prop: 'created_at',
@@ -755,6 +773,12 @@
     return types[status] || 'info'
   }
 
+  const getAssetTypeName = (assetType?: string | null) => {
+    if (assetType === 'iot_card') return '物联网卡'
+    if (assetType === 'device') return '设备'
+    return '--'
+  }
+
   // 加载换货单列表
   const loadExchangeList = async () => {
     loading.value = true
@@ -771,8 +795,11 @@
       if (searchForm.flow_type) {
         params.flow_type = searchForm.flow_type
       }
-      if (searchForm.identifier) {
-        params.identifier = searchForm.identifier
+      if (searchForm.old_asset_keyword) {
+        params.old_asset_keyword = searchForm.old_asset_keyword
+      }
+      if (searchForm.new_asset_keyword) {
+        params.new_asset_keyword = searchForm.new_asset_keyword
       }
       if (searchForm.created_at_start) {
         params.created_at_start = searchForm.created_at_start
@@ -809,6 +836,8 @@
 
   // 重置
   const handleReset = () => {
+    searchForm.old_asset_keyword = ''
+    searchForm.new_asset_keyword = ''
     searchForm.created_at_range = []
     searchForm.created_at_start = ''
     searchForm.created_at_end = ''

From d5fd8ac564d7607cd3b932e2c62f00390867a27e Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 22 Jul 2026 18:37:41 +0800
Subject: [PATCH 17/76] =?UTF-8?q?feat:=20=E9=80=80=E6=AC=BE=E5=85=85?=
 =?UTF-8?q?=E5=80=BC=E6=8D=A2=E8=B4=A7=E5=88=97=E8=A1=A8=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=8E=E5=AE=A1=E6=89=B9=E6=91=98=E8=A6=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  2 +-
 .../proposal.md                               |  4 +-
 .../specs/iot-card-management/spec.md         |  6 +--
 .../add-asset-realname-status-filter/tasks.md |  2 +-
 .../design.md                                 | 41 +++++++++++++++
 .../proposal.md                               | 36 +++++++++++++
 .../specs/agent-recharge/spec.md              | 51 +++++++++++++++++++
 .../specs/exchange-management/spec.md         | 51 +++++++++++++++++++
 .../specs/order-management/spec.md            | 51 +++++++++++++++++++
 .../tasks.md                                  | 33 ++++++++++++
 src/api/modules/card.ts                       | 10 ----
 src/api/modules/exchange.ts                   |  7 +++
 src/types/api/agentRecharge.ts                |  7 +++
 src/types/api/refund.ts                       |  7 +++
 src/utils/business/approvalSummary.ts         | 22 ++++++++
 src/utils/business/index.ts                   |  1 +
 .../exchange-management/index.vue             | 34 ++++++++++++-
 .../iot-card-management/index.vue             |  2 +-
 src/views/finance/agent-recharge/index.vue    | 36 +++++++++++++
 src/views/finance/refund/index.vue            | 36 +++++++++++++
 20 files changed, 420 insertions(+), 19 deletions(-)
 create mode 100644 openspec/changes/add-business-list-approval-summaries/design.md
 create mode 100644 openspec/changes/add-business-list-approval-summaries/proposal.md
 create mode 100644 openspec/changes/add-business-list-approval-summaries/specs/agent-recharge/spec.md
 create mode 100644 openspec/changes/add-business-list-approval-summaries/specs/exchange-management/spec.md
 create mode 100644 openspec/changes/add-business-list-approval-summaries/specs/order-management/spec.md
 create mode 100644 openspec/changes/add-business-list-approval-summaries/tasks.md
 create mode 100644 src/utils/business/approvalSummary.ts

diff --git a/openspec/changes/add-asset-realname-status-filter/design.md b/openspec/changes/add-asset-realname-status-filter/design.md
index 3793c04..593e923 100644
--- a/openspec/changes/add-asset-realname-status-filter/design.md
+++ b/openspec/changes/add-asset-realname-status-filter/design.md
@@ -23,7 +23,7 @@
 ## Risks / Trade-offs
 
 - 后端未返回 `real_name_status_name` 时无法满足状态名称展示契约 -> 联调时校验列表响应字段，并将该字段设为必需的列表类型字段。
-- 卡列表当前存在不同的查询实现 -> 实施时确认并统一至本提案指定的 `GET /api/admin/iot-cards` 契约，避免筛选参数发往不支持的接口。
+- 卡列表实名认证筛选依赖单卡列表接口 -> 实施时确保筛选参数发往 `GET /api/admin/iot-cards/standalone`。
 
 ## Migration Plan
 
diff --git a/openspec/changes/add-asset-realname-status-filter/proposal.md b/openspec/changes/add-asset-realname-status-filter/proposal.md
index c244e48..ba6ad67 100644
--- a/openspec/changes/add-asset-realname-status-filter/proposal.md
+++ b/openspec/changes/add-asset-realname-status-filter/proposal.md
@@ -7,7 +7,7 @@
 ## What Changes
 
 - 卡列表和设备列表的筛选区新增“实名状态”，提供“全部”“已实名”“未实名”选项。
-- 卡列表查询使用 `GET /api/admin/iot-cards`，设备列表查询使用 `GET /api/admin/devices`；选择状态后分别传递 `real_name_status=0|1`，未选择时不传该参数。
+- 卡列表查询使用 `GET /api/admin/iot-cards/standalone`，设备列表查询使用 `GET /api/admin/devices`；选择状态后分别传递 `real_name_status=0|1`，未选择时不传该参数。
 - 卡和设备列表项的类型契约支持 `real_name_status: int` 与 `real_name_status_name: string`。
 - 两个列表表格新增“实名状态”列，直接展示接口返回的 `real_name_status_name`。
 - 设备列表直接使用设备列表接口的实名状态字段，不遍历或关联绑定卡计算设备实名状态。
@@ -26,7 +26,7 @@
   - `src/views/asset-management/iot-card-management/index.vue`
   - `src/views/asset-management/device-list/index.vue`
 - API contracts:
-  - `GET /api/admin/iot-cards?real_name_status=0|1`
+  - `GET /api/admin/iot-cards/standalone?real_name_status=0|1`
   - `GET /api/admin/devices?real_name_status=0|1`
   - List items return `real_name_status: int` and `real_name_status_name: string`
 - Dependencies:
diff --git a/openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md b/openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md
index a0b3c30..acebee8 100644
--- a/openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md
+++ b/openspec/changes/add-asset-realname-status-filter/specs/iot-card-management/spec.md
@@ -2,19 +2,19 @@
 
 ### Requirement: IoT Card Realname Status Query Contract
 
-The IoT card management list integration SHALL query `GET /api/admin/iot-cards` and support an optional numeric `real_name_status` parameter. The list-item contract SHALL include `real_name_status` and `real_name_status_name`.
+The IoT card management list integration SHALL query `GET /api/admin/iot-cards/standalone` and support an optional numeric `real_name_status` parameter. The list-item contract SHALL include `real_name_status` and `real_name_status_name`.
 
 #### Scenario: Query cards by realname status
 
 - **GIVEN** 用户正在后台卡列表使用实名状态筛选
 - **WHEN** 用户选择“已实名”并执行搜索
-- **THEN** 系统 MUST call `GET /api/admin/iot-cards` with `real_name_status=1`
+- **THEN** 系统 MUST call `GET /api/admin/iot-cards/standalone` with `real_name_status=1`
 
 #### Scenario: Query unverified cards
 
 - **GIVEN** 用户正在后台卡列表使用实名状态筛选
 - **WHEN** 用户选择“未实名”并执行搜索
-- **THEN** 系统 MUST call `GET /api/admin/iot-cards` with `real_name_status=0`
+- **THEN** 系统 MUST call `GET /api/admin/iot-cards/standalone` with `real_name_status=0`
 - **AND** 前端 MUST NOT 因为该值为 `0` 而省略此参数
 
 #### Scenario: Query all cards without status restriction
diff --git a/openspec/changes/add-asset-realname-status-filter/tasks.md b/openspec/changes/add-asset-realname-status-filter/tasks.md
index 8a029f4..d77ccf1 100644
--- a/openspec/changes/add-asset-realname-status-filter/tasks.md
+++ b/openspec/changes/add-asset-realname-status-filter/tasks.md
@@ -2,7 +2,7 @@
 
 - [ ] 1.1 扩展卡列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
 - [ ] 1.2 扩展设备列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
-- [ ] 1.3 将卡列表查询接入 `GET /api/admin/iot-cards` 并传递实名状态筛选参数。
+- [ ] 1.3 将卡列表查询接入 `GET /api/admin/iot-cards/standalone` 并传递实名状态筛选参数。
 
 ## 2. Card List
 
diff --git a/openspec/changes/add-business-list-approval-summaries/design.md b/openspec/changes/add-business-list-approval-summaries/design.md
new file mode 100644
index 0000000..9a2b9a8
--- /dev/null
+++ b/openspec/changes/add-business-list-approval-summaries/design.md
@@ -0,0 +1,41 @@
+## Context
+
+三个后台业务列表都需要展示相同的审批摘要，但各自保留既有退款、充值或换货操作。审批来源和业务处理状态均由后端列表接口返回，前端不请求单条审批详情来填充表格。
+
+## Goals / Non-Goals
+
+- Goals:
+  - 统一展示提交人、审批状态、当前审批人摘要和业务处理状态。
+  - 正确区分无审批、历史本地审批和企微审批。
+  - 在不增加逐行请求的前提下支持长摘要完整查看。
+- Non-Goals:
+  - 不创建、修改或撤回审批流程。
+  - 不增加历史本地审批操作按钮。
+  - 不以 `approval_status` 推断 `processing_status`，或反向推断。
+
+## Decisions
+
+- Decision: 三个列表项模型复用相同名称和语义的审批摘要字段，字段由各自的列表接口直接返回。
+- Decision: `approval_source=none` 时审批状态与当前审批人摘要均显示 `-`；`legacy` 时审批状态固定显示“历史审批”，当前审批人摘要显示 `-`；`wecom` 时直接展示 `approval_status_name` 和 `current_approver_summary`。
+- Decision: 审批人摘要仅负责展示，使用表格溢出省略与 tooltip 呈现完整文本。
+- Decision: 业务处理状态单独读取 `processing_status_name`，不与审批状态混合或映射。
+- Decision: 列表分页和刷新仅调用现有列表 API，禁止为每条记录请求审批详情。
+- Alternatives considered: 从单条详情或企微审批 API 批量补齐摘要。未采用，因为会引入 N+1 请求并与列表响应已提供的摘要字段重复。
+
+## Risks / Trade-offs
+
+- 后端遗漏摘要字段时信息不可用 -> 统一显示稳定占位，不影响原有列表和业务操作。
+- 审批状态名称可能为空 -> 企微来源显示稳定占位，不自行翻译状态码。
+- 审批人摘要长度不受控 -> 表格列使用溢出省略和 hover 完整文本。
+
+## Migration Plan
+
+1. 扩展三个列表项类型以保留审批摘要字段。
+2. 在三个列表中添加四个展示列并遵循审批来源规则。
+3. 验证 `none`、`legacy`、`wecom` 和处理状态为空的响应。
+4. 验证刷新、分页未出现逐行审批详情请求。
+5. 如需回滚，移除列表列与附加类型字段；不涉及数据迁移。
+
+## Open Questions
+
+- 无。
diff --git a/openspec/changes/add-business-list-approval-summaries/proposal.md b/openspec/changes/add-business-list-approval-summaries/proposal.md
new file mode 100644
index 0000000..0da3b44
--- /dev/null
+++ b/openspec/changes/add-business-list-approval-summaries/proposal.md
@@ -0,0 +1,36 @@
+# Change: 新增业务列表提交人与审批摘要
+
+## Why
+
+退款、代理充值和换货列表当前无法直接显示提交人、企微审批进度及业务处理进度。运营人员需要进入详情或依赖额外沟通才能判断记录由谁发起、审批进行到哪一步以及后续业务是否完成。
+
+## What Changes
+
+- 在退款列表、代理充值列表和换货列表增加“提交人”“审批状态”“当前审批人摘要”“业务处理状态”四列。
+- 三个列表接口项统一支持 `submitter_name`、`approval_source`、`approval_status`、`approval_status_name`、`current_approver_summary`、`processing_status`、`processing_status_name`。
+- `approval_source=none` 时审批状态和当前审批人摘要显示 `-`。
+- `approval_source=legacy` 时审批状态显示“历史审批”，作为只读历史信息，不新增审批操作按钮。
+- `approval_source=wecom` 时显示后端返回的企微审批状态及当前审批人摘要；超长审批人摘要使用省略显示并在悬浮时展示完整文本。
+- 业务处理状态直接展示后端 `processing_status_name`，与审批状态分列展示。
+- 列表仅使用列表响应中的审批摘要字段，翻页和刷新时不得为每行额外请求审批详情。
+
+## Impact
+
+- Affected specs:
+  - `order-management`
+  - `agent-recharge`
+  - `exchange-management`
+- Affected code:
+  - `src/types/api/refund.ts`
+  - `src/types/api/agentRecharge.ts`
+  - `src/api/modules/exchange.ts`
+  - `src/views/finance/refund/index.vue`
+  - `src/views/finance/agent-recharge/index.vue`
+  - `src/views/asset-management/exchange-management/index.vue`
+- API contracts:
+  - `GET /api/admin/refunds`
+  - `GET /api/admin/agent-recharges`
+  - `GET /api/admin/exchanges`
+- Out of scope:
+  - 审批发起、撤回、审批操作或企微审批详情页。
+  - 前端根据业务状态或审批步骤推导审批结果和业务处理状态。
diff --git a/openspec/changes/add-business-list-approval-summaries/specs/agent-recharge/spec.md b/openspec/changes/add-business-list-approval-summaries/specs/agent-recharge/spec.md
new file mode 100644
index 0000000..8566089
--- /dev/null
+++ b/openspec/changes/add-business-list-approval-summaries/specs/agent-recharge/spec.md
@@ -0,0 +1,51 @@
+## ADDED Requirements
+
+### Requirement: Agent Recharge List Approval Summary Contract
+
+The `GET /api/admin/agent-recharges` list-item contract SHALL support `submitter_name`, `approval_source`, `approval_status`, `approval_status_name`, `current_approver_summary`, `processing_status`, and `processing_status_name`.
+
+#### Scenario: Receive agent recharge approval summary fields
+
+- **GIVEN** 后台代理充值列表接口返回充值记录
+- **WHEN** 前端解析列表响应
+- **THEN** 代理充值列表项类型 MUST preserve all approval and processing summary fields
+- **AND** 页面 MUST NOT request an individual approval-detail API to populate the row
+
+### Requirement: Agent Recharge List Approval And Processing Display
+
+The agent recharge list SHALL display `提交人`, `审批状态`, `当前审批人摘要`, and `业务处理状态` as distinct columns based on backend summary fields.
+
+#### Scenario: Display recharge with no approval source
+
+- **GIVEN** 代理充值记录的 `approval_source=none`
+- **WHEN** 页面渲染代理充值列表行
+- **THEN** `审批状态` MUST display `-`
+- **AND** `当前审批人摘要` MUST display `-`
+
+#### Scenario: Display legacy recharge approval read-only
+
+- **GIVEN** 代理充值记录的 `approval_source=legacy`
+- **WHEN** 页面渲染代理充值列表行
+- **THEN** `审批状态` MUST display `历史审批`
+- **AND** 页面 MUST NOT add an approval operation button for that historical approval
+
+#### Scenario: Display WeCom recharge approval summary
+
+- **GIVEN** 代理充值记录的 `approval_source=wecom`
+- **WHEN** 页面渲染代理充值列表行
+- **THEN** `审批状态` MUST display backend `approval_status_name`
+- **AND** `当前审批人摘要` MUST display backend `current_approver_summary`
+- **AND** `业务处理状态` MUST independently display backend `processing_status_name`
+
+#### Scenario: View long recharge approver summary
+
+- **GIVEN** 代理充值记录的 `current_approver_summary` exceeds its table cell width
+- **WHEN** 页面渲染当前审批人摘要列
+- **THEN** 摘要 MUST be visually truncated in the cell
+- **AND** 用户 MUST be able to view the complete backend text on hover
+
+#### Scenario: Paginate recharges without per-row approval requests
+
+- **WHEN** 用户切换代理充值列表页码或刷新列表
+- **THEN** 页面 MUST use the agent recharge list API response for approval summaries
+- **AND** 页面 MUST NOT issue approval-detail requests per recharge row
diff --git a/openspec/changes/add-business-list-approval-summaries/specs/exchange-management/spec.md b/openspec/changes/add-business-list-approval-summaries/specs/exchange-management/spec.md
new file mode 100644
index 0000000..718734c
--- /dev/null
+++ b/openspec/changes/add-business-list-approval-summaries/specs/exchange-management/spec.md
@@ -0,0 +1,51 @@
+## ADDED Requirements
+
+### Requirement: Exchange List Approval Summary Contract
+
+The `GET /api/admin/exchanges` list-item contract SHALL support `submitter_name`, `approval_source`, `approval_status`, `approval_status_name`, `current_approver_summary`, `processing_status`, and `processing_status_name`.
+
+#### Scenario: Receive exchange approval summary fields
+
+- **GIVEN** 后台换货列表接口返回换货记录
+- **WHEN** 前端解析列表响应
+- **THEN** 换货列表项类型 MUST preserve all approval and processing summary fields
+- **AND** 页面 MUST NOT request an individual approval-detail API to populate the row
+
+### Requirement: Exchange List Approval And Processing Display
+
+The exchange management list SHALL display `提交人`, `审批状态`, `当前审批人摘要`, and `业务处理状态` as distinct columns based on backend summary fields.
+
+#### Scenario: Display exchange with no approval source
+
+- **GIVEN** 换货记录的 `approval_source=none`
+- **WHEN** 页面渲染换货列表行
+- **THEN** `审批状态` MUST display `-`
+- **AND** `当前审批人摘要` MUST display `-`
+
+#### Scenario: Display legacy exchange approval read-only
+
+- **GIVEN** 换货记录的 `approval_source=legacy`
+- **WHEN** 页面渲染换货列表行
+- **THEN** `审批状态` MUST display `历史审批`
+- **AND** 页面 MUST NOT add an approval operation button for that historical approval
+
+#### Scenario: Display WeCom exchange approval summary
+
+- **GIVEN** 换货记录的 `approval_source=wecom`
+- **WHEN** 页面渲染换货列表行
+- **THEN** `审批状态` MUST display backend `approval_status_name`
+- **AND** `当前审批人摘要` MUST display backend `current_approver_summary`
+- **AND** `业务处理状态` MUST independently display backend `processing_status_name`
+
+#### Scenario: View long exchange approver summary
+
+- **GIVEN** 换货记录的 `current_approver_summary` exceeds its table cell width
+- **WHEN** 页面渲染当前审批人摘要列
+- **THEN** 摘要 MUST be visually truncated in the cell
+- **AND** 用户 MUST be able to view the complete backend text on hover
+
+#### Scenario: Paginate exchanges without per-row approval requests
+
+- **WHEN** 用户切换换货列表页码或刷新列表
+- **THEN** 页面 MUST use the exchange list API response for approval summaries
+- **AND** 页面 MUST NOT issue approval-detail requests per exchange row
diff --git a/openspec/changes/add-business-list-approval-summaries/specs/order-management/spec.md b/openspec/changes/add-business-list-approval-summaries/specs/order-management/spec.md
new file mode 100644
index 0000000..8373924
--- /dev/null
+++ b/openspec/changes/add-business-list-approval-summaries/specs/order-management/spec.md
@@ -0,0 +1,51 @@
+## ADDED Requirements
+
+### Requirement: Refund List Approval Summary Contract
+
+The `GET /api/admin/refunds` list-item contract SHALL support `submitter_name`, `approval_source`, `approval_status`, `approval_status_name`, `current_approver_summary`, `processing_status`, and `processing_status_name`.
+
+#### Scenario: Receive refund approval summary fields
+
+- **GIVEN** 后台退款列表接口返回退款记录
+- **WHEN** 前端解析列表响应
+- **THEN** 退款列表项类型 MUST preserve all approval and processing summary fields
+- **AND** 页面 MUST NOT request an individual approval-detail API to populate the row
+
+### Requirement: Refund List Approval And Processing Display
+
+The refund management list SHALL display `提交人`, `审批状态`, `当前审批人摘要`, and `业务处理状态` as distinct columns based on backend summary fields.
+
+#### Scenario: Display refund with no approval source
+
+- **GIVEN** 退款记录的 `approval_source=none`
+- **WHEN** 页面渲染退款列表行
+- **THEN** `审批状态` MUST display `-`
+- **AND** `当前审批人摘要` MUST display `-`
+
+#### Scenario: Display legacy refund approval read-only
+
+- **GIVEN** 退款记录的 `approval_source=legacy`
+- **WHEN** 页面渲染退款列表行
+- **THEN** `审批状态` MUST display `历史审批`
+- **AND** 页面 MUST NOT add an approval operation button for that historical approval
+
+#### Scenario: Display WeCom refund approval summary
+
+- **GIVEN** 退款记录的 `approval_source=wecom`
+- **WHEN** 页面渲染退款列表行
+- **THEN** `审批状态` MUST display backend `approval_status_name`
+- **AND** `当前审批人摘要` MUST display backend `current_approver_summary`
+- **AND** `业务处理状态` MUST independently display backend `processing_status_name`
+
+#### Scenario: View long refund approver summary
+
+- **GIVEN** 退款记录的 `current_approver_summary` exceeds its table cell width
+- **WHEN** 页面渲染当前审批人摘要列
+- **THEN** 摘要 MUST be visually truncated in the cell
+- **AND** 用户 MUST be able to view the complete backend text on hover
+
+#### Scenario: Paginate refunds without per-row approval requests
+
+- **WHEN** 用户切换退款列表页码或刷新列表
+- **THEN** 页面 MUST use the refund list API response for approval summaries
+- **AND** 页面 MUST NOT issue approval-detail requests per refund row
diff --git a/openspec/changes/add-business-list-approval-summaries/tasks.md b/openspec/changes/add-business-list-approval-summaries/tasks.md
new file mode 100644
index 0000000..a81dfd8
--- /dev/null
+++ b/openspec/changes/add-business-list-approval-summaries/tasks.md
@@ -0,0 +1,33 @@
+## 1. List Contracts
+
+- [x] 1.1 扩展退款、代理充值和换货列表项类型，支持 `submitter_name`、`approval_source`、`approval_status`、`approval_status_name`、`current_approver_summary`、`processing_status`、`processing_status_name`。
+- [x] 1.2 确认三个列表 API 使用列表响应直接提供上述字段，不新增逐条审批详情查询。
+
+## 2. Shared Summary Behavior
+
+- [x] 2.1 实现审批来源展示规则：`none` 显示 `-`，`legacy` 显示“历史审批”且只读，`wecom` 显示后端审批状态名称。
+- [x] 2.2 将当前审批人摘要限制为单行省略，并提供完整文本悬浮提示。
+- [x] 2.3 将业务处理状态独立显示为后端 `processing_status_name`，缺失时显示稳定占位内容。
+
+## 3. Refund List
+
+- [x] 3.1 在退款列表增加提交人、审批状态、当前审批人摘要、业务处理状态列。
+- [x] 3.2 保留退款既有审批与业务操作，不为历史审批记录增加新操作按钮。
+
+## 4. Agent Recharge List
+
+- [x] 4.1 在代理充值列表增加提交人、审批状态、当前审批人摘要、业务处理状态列。
+- [x] 4.2 保留代理充值既有确认支付、拒绝等操作，不为历史审批记录增加新操作按钮。
+
+## 5. Exchange List
+
+- [x] 5.1 在换货列表增加提交人、审批状态、当前审批人摘要、业务处理状态列。
+- [x] 5.2 保留换货既有流程和资产筛选逻辑，不为历史审批记录增加新操作按钮。
+
+## 6. Verification
+
+- [x] 6.1 验证三类列表在 `approval_source=none` 时审批状态和当前审批人摘要均显示 `-`。
+- [x] 6.2 验证 `approval_source=legacy` 时显示“历史审批”且没有新增审批操作，`wecom` 时显示后端审批状态和当前审批人摘要。
+- [x] 6.3 验证长当前审批人摘要会省略显示并能通过悬浮查看完整文本。
+- [x] 6.4 验证三个列表的业务处理状态独立显示，分页和刷新不触发逐行审批详情请求。
+- [x] 6.5 运行相关类型检查、lint 或构建验证。
diff --git a/src/api/modules/card.ts b/src/api/modules/card.ts
index 16110f6..2539f29 100644
--- a/src/api/modules/card.ts
+++ b/src/api/modules/card.ts
@@ -349,16 +349,6 @@ export class CardService extends BaseService {
     return this.getPage<StandaloneIotCard>('/api/admin/iot-cards/standalone', params)
   }
 
-  /**
-   * 获取 IoT 卡列表
-   * @param params 查询参数
-   */
-  static getIotCards(
-    params?: StandaloneCardQueryParams
-  ): Promise<PaginationResponse<StandaloneIotCard>> {
-    return this.getPage<StandaloneIotCard>('/api/admin/iot-cards', params)
-  }
-
   /**
    * 批量分配单卡
    * @param data 分配参数
diff --git a/src/api/modules/exchange.ts b/src/api/modules/exchange.ts
index d6aceb8..f9d5868 100644
--- a/src/api/modules/exchange.ts
+++ b/src/api/modules/exchange.ts
@@ -53,6 +53,13 @@ export interface ExchangeResponse {
   express_no?: string
   inherited_shop_id?: number | null
   inherited_shop_name?: string | null
+  submitter_name?: string | null // 提交人名称
+  approval_source?: 'none' | 'legacy' | 'wecom' | null // 审批来源
+  approval_status?: string | null // 审批状态
+  approval_status_name?: string | null // 审批状态名称
+  current_approver_summary?: string | null // 当前审批人摘要
+  processing_status?: string | null // 业务处理状态
+  processing_status_name?: string | null // 业务处理状态名称
   remark?: string
   created_at: string
   updated_at: string
diff --git a/src/types/api/agentRecharge.ts b/src/types/api/agentRecharge.ts
index eb2d651..87b04f8 100644
--- a/src/types/api/agentRecharge.ts
+++ b/src/types/api/agentRecharge.ts
@@ -34,6 +34,13 @@ export interface AgentRecharge {
   payment_voucher_key?: string[] | string // 凭证附件列表；历史数据可能为单字符串或逗号字符串
   rejection_reason?: string | null // 拒绝原因
   remark?: string // 运营备注
+  submitter_name?: string | null // 提交人名称
+  approval_source?: 'none' | 'legacy' | 'wecom' | null // 审批来源
+  approval_status?: string | null // 审批状态
+  approval_status_name?: string | null // 审批状态名称
+  current_approver_summary?: string | null // 当前审批人摘要
+  processing_status?: string | null // 业务处理状态
+  processing_status_name?: string | null // 业务处理状态名称
   created_at: string
   paid_at: string | null
   completed_at: string | null
diff --git a/src/types/api/refund.ts b/src/types/api/refund.ts
index 88f8963..a345ce3 100644
--- a/src/types/api/refund.ts
+++ b/src/types/api/refund.ts
@@ -31,6 +31,13 @@ export interface Refund {
   remark: string
   asset_reset: boolean
   commission_deducted: boolean
+  submitter_name?: string | null // 提交人名称
+  approval_source?: 'none' | 'legacy' | 'wecom' | null // 审批来源
+  approval_status?: string | null // 审批状态
+  approval_status_name?: string | null // 审批状态名称
+  current_approver_summary?: string | null // 当前审批人摘要
+  processing_status?: string | null // 业务处理状态
+  processing_status_name?: string | null // 业务处理状态名称
   creator: number
   processor_id: number | null
   processed_at: string | null
diff --git a/src/utils/business/approvalSummary.ts b/src/utils/business/approvalSummary.ts
new file mode 100644
index 0000000..3950964
--- /dev/null
+++ b/src/utils/business/approvalSummary.ts
@@ -0,0 +1,22 @@
+export type ApprovalSource = 'none' | 'legacy' | 'wecom'
+
+export interface ApprovalSummary {
+  approval_source?: ApprovalSource | null
+  approval_status_name?: string | null
+  current_approver_summary?: string | null
+  processing_status_name?: string | null
+}
+
+export const getApprovalStatusText = (summary: ApprovalSummary): string => {
+  if (summary.approval_source === 'legacy') return '历史审批'
+  if (summary.approval_source === 'wecom') return summary.approval_status_name || '-'
+  return '-'
+}
+
+export const getCurrentApproverSummaryText = (summary: ApprovalSummary): string => {
+  if (summary.approval_source !== 'wecom') return '-'
+  return summary.current_approver_summary || '-'
+}
+
+export const getProcessingStatusText = (summary: ApprovalSummary): string =>
+  summary.processing_status_name || '-'
diff --git a/src/utils/business/index.ts b/src/utils/business/index.ts
index 32882b4..a97c33b 100644
--- a/src/utils/business/index.ts
+++ b/src/utils/business/index.ts
@@ -7,4 +7,5 @@ export * from './validate'
 export * from './calculate'
 export * from './voucher'
 export * from './apiRateLimit'
+export * from './approvalSummary'
 export * from './expiryEstimate'
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index faabbf5..597ad96 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -5,7 +5,7 @@
       <ArtSearchBar
         v-model:filter="searchForm"
         :items="searchFormItems"
-        :show-expand="false"
+        :show-expand="true"
         label-width="90"
         @reset="handleReset"
         @search="handleSearch"
@@ -390,6 +390,11 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { formatDateTime } from '@/utils/business/format'
+  import {
+    getApprovalStatusText,
+    getCurrentApproverSummaryText,
+    getProcessingStatusText
+  } from '@/utils/business/approvalSummary'
   import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'ExchangeManagement' })
@@ -712,6 +717,33 @@
       width: 220,
       formatter: (row: ExchangeResponse) => row.new_asset_identifier || '--'
     },
+    {
+      prop: 'submitter_name',
+      label: '提交人',
+      width: 120,
+      showOverflowTooltip: true,
+      formatter: (row: ExchangeResponse) => row.submitter_name || '-'
+    },
+    {
+      prop: 'approval_status',
+      label: '审批状态',
+      width: 120,
+      formatter: (row: ExchangeResponse) => getApprovalStatusText(row)
+    },
+    {
+      prop: 'current_approver_summary',
+      label: '当前审批人摘要',
+      minWidth: 180,
+      showOverflowTooltip: true,
+      formatter: (row: ExchangeResponse) => getCurrentApproverSummaryText(row)
+    },
+    {
+      prop: 'processing_status_name',
+      label: '业务处理状态',
+      width: 140,
+      showOverflowTooltip: true,
+      formatter: (row: ExchangeResponse) => getProcessingStatusText(row)
+    },
     {
       prop: 'recipient_name',
       label: '收货人姓名',
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 11e3b68..60ac789 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -2365,7 +2365,7 @@
         }
       })
 
-      const res = await CardService.getIotCards(params)
+      const res = await CardService.getStandaloneIotCards(params)
       if (res.code === 0) {
         cardList.value = res.data.items || []
         pagination.total = res.data.total || 0
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index dd3393d..4497222 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -236,6 +236,11 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { formatDateTime } from '@/utils/business/format'
+  import {
+    getApprovalStatusText,
+    getCurrentApproverSummaryText,
+    getProcessingStatusText
+  } from '@/utils/business/approvalSummary'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import { useAuth } from '@/composables/useAuth'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
@@ -365,6 +370,10 @@
     { label: '店铺名称', prop: 'shop_name' },
     { label: '充值金额', prop: 'amount' },
     { label: '状态', prop: 'status' },
+    { label: '提交人', prop: 'submitter_name' },
+    { label: '审批状态', prop: 'approval_status' },
+    { label: '当前审批人摘要', prop: 'current_approver_summary' },
+    { label: '业务处理状态', prop: 'processing_status_name' },
     { label: '支付方式', prop: 'payment_method' },
     { label: '支付通道', prop: 'payment_channel' },
     { label: '驳回原因', prop: 'rejection_reason' },
@@ -524,6 +533,33 @@
         )
       }
     },
+    {
+      prop: 'submitter_name',
+      label: '提交人',
+      width: 120,
+      showOverflowTooltip: true,
+      formatter: (row: AgentRecharge) => row.submitter_name || '-'
+    },
+    {
+      prop: 'approval_status',
+      label: '审批状态',
+      width: 120,
+      formatter: (row: AgentRecharge) => getApprovalStatusText(row)
+    },
+    {
+      prop: 'current_approver_summary',
+      label: '当前审批人摘要',
+      minWidth: 180,
+      showOverflowTooltip: true,
+      formatter: (row: AgentRecharge) => getCurrentApproverSummaryText(row)
+    },
+    {
+      prop: 'processing_status_name',
+      label: '业务处理状态',
+      width: 140,
+      showOverflowTooltip: true,
+      formatter: (row: AgentRecharge) => getProcessingStatusText(row)
+    },
     {
       prop: 'payment_method',
       label: '支付方式',
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index 30eb319..edb8b02 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -267,6 +267,11 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
+  import {
+    getApprovalStatusText,
+    getCurrentApproverSummaryText,
+    getProcessingStatusText
+  } from '@/utils/business/approvalSummary'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import { RoutesAlias } from '@/router/routesAlias'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
@@ -391,6 +396,10 @@
     { label: '实际退款金额', prop: 'approved_refund_amount' },
     { label: '实收金额', prop: 'actual_received_amount' },
     { label: '状态', prop: 'status' },
+    { label: '提交人', prop: 'submitter_name' },
+    { label: '审批状态', prop: 'approval_status' },
+    { label: '当前审批人摘要', prop: 'current_approver_summary' },
+    { label: '业务处理状态', prop: 'processing_status_name' },
     { label: '退款原因', prop: 'refund_reason' },
     { label: '拒绝原因', prop: 'reject_reason' },
     { label: '审批备注', prop: 'remark' },
@@ -547,6 +556,33 @@
         return h(ElTag, { type: getStatusType(row.status) }, () => getStatusText(row.status))
       }
     },
+    {
+      prop: 'submitter_name',
+      label: '提交人',
+      width: 120,
+      showOverflowTooltip: true,
+      formatter: (row: Refund) => row.submitter_name || '-'
+    },
+    {
+      prop: 'approval_status',
+      label: '审批状态',
+      width: 120,
+      formatter: (row: Refund) => getApprovalStatusText(row)
+    },
+    {
+      prop: 'current_approver_summary',
+      label: '当前审批人摘要',
+      minWidth: 180,
+      showOverflowTooltip: true,
+      formatter: (row: Refund) => getCurrentApproverSummaryText(row)
+    },
+    {
+      prop: 'processing_status_name',
+      label: '业务处理状态',
+      width: 140,
+      showOverflowTooltip: true,
+      formatter: (row: Refund) => getProcessingStatusText(row)
+    },
     {
       prop: 'refund_reason',
       label: '退款原因',

From d7c2c146fe7303cbb930c6b7b85813565bb99932 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 23 Jul 2026 14:10:48 +0800
Subject: [PATCH 18/76] =?UTF-8?q?feat:=20=E8=A7=92=E8=89=B2=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E4=BF=A1=E7=94=A8=E4=B8=8E=E5=BA=97=E9=93=BA=E5=AE=9E?=
 =?UTF-8?q?=E9=99=85=E9=A2=9D=E5=BA=A6=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  33 +++
 .../proposal.md                               |  30 ++
 .../specs/commission-management/spec.md       |  84 ++++++
 .../specs/role-management/spec.md             |  43 +++
 .../specs/shop-management/spec.md             |  48 +++
 .../tasks.md                                  |  34 +++
 src/api/modules/role.ts                       |  15 +-
 src/api/modules/shop.ts                       |  14 +
 src/types/api/commission.ts                   |   6 +
 src/types/api/role.ts                         |   8 +
 src/types/api/shop.ts                         |   7 +
 src/types/components.d.ts                     |   6 -
 .../agent-fund-overview/index.vue             | 273 +++++++++++++++++-
 src/views/system/role/index.vue               |  89 +++++-
 14 files changed, 669 insertions(+), 21 deletions(-)
 create mode 100644 openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md
 create mode 100644 openspec/changes/update-role-default-credit-and-shop-credit-limit/proposal.md
 create mode 100644 openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md
 create mode 100644 openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/role-management/spec.md
 create mode 100644 openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/shop-management/spec.md
 create mode 100644 openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md

diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md
new file mode 100644
index 0000000..16c846d
--- /dev/null
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md
@@ -0,0 +1,33 @@
+## Context
+
+信用额度分为两个层级：客户角色上的默认信用只决定未来新建代理店铺的初始值，店铺上的实际信用额度才参与资金页展示和后续额度调整。两者必须解耦，避免角色配置变更影响已有店铺。
+
+## Goals / Non-Goals
+
+Goals:
+
+- 明确角色默认信用和店铺实际信用额度的职责边界。
+- 明确资金概况页读取后端返回的金额和版本作为展示、调额和并发控制来源。
+- 明确关闭信用时额度输入归零。
+
+Non-Goals:
+
+- 不在前端重新计算可用金额、欠款金额或是否欠款。
+- 不为平台员工角色提供信用配置。
+- 不批量同步历史店铺额度。
+
+## Decisions
+
+- 角色默认信用保存到 `PUT /api/admin/roles/{id}/default-credit`，请求体为 `credit_enabled` 和 `credit_limit`。
+- 店铺实际信用额度保存到 `PUT /api/admin/shops/{id}/credit-limit`，请求体为 `credit_enabled`、`credit_limit` 和 `version`。
+- 资金概况继续通过 `GET /api/admin/shops/fund-summary` 获取，前端展示 `balance`、`frozen_balance`、`credit_enabled`、`credit_limit`、`available_balance`、`is_in_debt`、`debt_amount` 和 `version`。
+- 调整弹框展示修改前后金额预览，但最终可用金额、欠款金额和欠款状态仍以后端刷新后的资金概况为准。
+
+## Risks / Trade-offs
+
+- 并发更新可能覆盖他人修改。通过提交 `version` 并在冲突时刷新资金概况降低风险。
+- 用户可能误以为角色默认信用会修改已有店铺。通过固定提示“修改后不会影响已有店铺”降低误解。
+
+## Open Questions
+
+- 并发冲突的后端错误码或 HTTP 状态码是否固定为某个值，需要实现时与接口文档对齐。
diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/proposal.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/proposal.md
new file mode 100644
index 0000000..51d75cb
--- /dev/null
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/proposal.md
@@ -0,0 +1,30 @@
+# Change: 角色默认信用与店铺实际额度管理
+
+## Why
+
+当前角色信用配置容易被理解为会直接影响已有店铺，且代理商资金页缺少单独维护店铺实际信用额度的入口。需要将“未来新建店铺的默认信用”和“已有店铺的实际信用额度”拆分管理，避免修改角色配置误伤存量店铺。
+
+## What Changes
+
+- 客户角色配置页新增“新建代理默认信用”开关和额度输入，并提示“修改后不会影响已有店铺”。
+- 平台员工角色不展示默认信用配置。
+- 店铺创建时使用所选客户角色的默认信用初始化新店铺实际信用额度。
+- 代理商资金概况页展示现金余额、冻结金额、实际信用额度、可用金额、欠款金额和版本。
+- 代理商资金概况页提供独立的店铺实际额度调整弹框，展示修改前后金额预览。
+- 调整店铺实际额度时携带资金概况版本，遇到并发冲突后提示用户并刷新最新资金概况。
+- 前端不重新计算可用金额、欠款金额或资金状态，金额展示以接口返回为准。
+
+## Impact
+
+- Affected specs: `role-management`, `shop-management`, `commission-management`
+- Affected code:
+  - `src/api/modules/role.ts`
+  - `src/api/modules/shop.ts`
+  - `src/api/modules/commission.ts`
+  - `src/types/api/role.ts`
+  - `src/types/api/shop.ts`
+  - `src/types/api/commission.ts`
+  - `src/views/system/role/index.vue`
+  - `src/views/shop-management/list/index.vue`
+  - `src/views/commission-management/agent-fund-overview/index.vue`
+- Source product note: `docs/产品迭代7月份/15- 角色默认信用与店铺实际额度管理.md`
diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md
new file mode 100644
index 0000000..e03d9e6
--- /dev/null
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md
@@ -0,0 +1,84 @@
+## ADDED Requirements
+
+### Requirement: Agent Fund Summary Actual Credit Display
+
+The agent fund overview page SHALL display shop actual credit and fund summary fields from `GET /api/admin/shops/fund-summary` without recalculating monetary values on the frontend.
+
+#### Scenario: Display fund summary credit fields
+
+- **GIVEN** 用户进入代理商资金概况页
+- **WHEN** `GET /api/admin/shops/fund-summary` 返回资金概况记录
+- **THEN** 页面 MUST 展示现金余额 `balance`
+- **AND** 页面 MUST 展示冻结金额 `frozen_balance`
+- **AND** 页面 MUST 展示实际信用额度 `credit_limit`
+- **AND** 页面 MUST 展示可用金额 `available_balance`
+- **AND** 页面 MUST 展示欠款金额 `debt_amount`
+- **AND** 页面 MUST 展示版本 `version`
+
+#### Scenario: Display credit disabled state
+
+- **GIVEN** 资金概况记录返回 `credit_enabled=false`
+- **WHEN** 页面渲染该记录
+- **THEN** 页面 MUST 将实际信用显示为关闭状态
+- **AND** 页面 MUST display credit limit as `0` or backend-provided formatted value
+
+#### Scenario: Do not recalculate fund amounts on frontend
+
+- **GIVEN** 资金概况接口返回 `available_balance`、`is_in_debt` 和 `debt_amount`
+- **WHEN** 页面渲染资金概况
+- **THEN** 前端 MUST 使用接口返回的 `available_balance`
+- **AND** 前端 MUST 使用接口返回的 `is_in_debt`
+- **AND** 前端 MUST 使用接口返回的 `debt_amount`
+- **AND** 前端 MUST NOT 根据现金余额、冻结金额或信用额度重新计算这些字段
+
+### Requirement: Shop Actual Credit Adjustment Dialog
+
+The agent fund overview page SHALL provide an independent dialog for adjusting a shop's actual credit limit and previewing the before/after amount.
+
+#### Scenario: Open actual credit adjustment dialog
+
+- **GIVEN** 用户正在代理商资金概况页查看店铺资金记录
+- **WHEN** 用户点击调整实际信用额度入口
+- **THEN** 页面 MUST 打开独立调整弹框
+- **AND** 弹框 MUST 展示修改前信用启用状态和信用额度
+- **AND** 弹框 MUST 展示修改后信用启用状态和信用额度预览
+
+#### Scenario: Submit actual credit adjustment
+
+- **GIVEN** 用户已经在调整弹框内修改实际信用配置
+- **WHEN** 用户确认提交
+- **THEN** 前端 MUST submit `credit_enabled`、`credit_limit` and `version` to `PUT /api/admin/shops/{id}/credit-limit`
+- **AND** 保存成功后页面 MUST 关闭弹框
+- **AND** 页面 MUST 刷新代理商资金概况列表
+
+#### Scenario: Disable credit in adjustment dialog
+
+- **GIVEN** 用户正在调整弹框内修改实际信用配置
+- **WHEN** 用户关闭信用开关
+- **THEN** 弹框 MUST 将额度输入归零
+- **AND** 修改后金额预览 MUST reflect disabled credit with zero credit limit
+
+#### Scenario: Handle concurrent credit update conflict
+
+- **GIVEN** 用户打开调整弹框时记录了资金概况 `version`
+- **AND** 该店铺资金概况已被其他操作更新
+- **WHEN** 用户提交旧版本的实际信用调整
+- **THEN** 页面 MUST 展示并发冲突提示
+- **AND** 页面 MUST 刷新最新代理商资金概况
+- **AND** 页面 MUST NOT keep showing stale version as current data
+
+### Requirement: Agent Fund Summary Credit Response Contract
+
+The frontend SHALL read actual credit fields from `GET /api/admin/shops/fund-summary` response records.
+
+#### Scenario: Read actual credit response fields
+
+- **WHEN** 前端请求 `GET /api/admin/shops/fund-summary`
+- **THEN** 前端 MUST read `balance`
+- **AND** 前端 MUST read `frozen_balance`
+- **AND** 前端 MUST read `credit_enabled`
+- **AND** 前端 MUST read `credit_limit`
+- **AND** 前端 MUST read `available_balance`
+- **AND** 前端 MUST read `is_in_debt`
+- **AND** 前端 MUST read `debt_amount`
+- **AND** 前端 MUST read `version`
diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/role-management/spec.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/role-management/spec.md
new file mode 100644
index 0000000..274bc35
--- /dev/null
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/role-management/spec.md
@@ -0,0 +1,43 @@
+## ADDED Requirements
+
+### Requirement: Customer Role Default Credit Configuration
+
+The role management page SHALL allow customer roles to configure default credit only for future newly created agent shops.
+
+#### Scenario: Display default credit controls for customer roles
+
+- **GIVEN** 用户正在客户角色配置页编辑客户角色
+- **WHEN** 页面渲染角色表单或配置区域
+- **THEN** 页面 MUST 展示“新建代理默认信用”开关
+- **AND** 页面 MUST 展示信用额度输入框
+- **AND** 页面 MUST 展示提示文案“修改后不会影响已有店铺”
+
+#### Scenario: Hide default credit controls for platform employee roles
+
+- **GIVEN** 用户正在编辑平台员工角色
+- **WHEN** 页面渲染角色表单或配置区域
+- **THEN** 页面 MUST NOT 展示“新建代理默认信用”开关
+- **AND** 页面 MUST NOT 展示信用额度输入框
+
+#### Scenario: Save customer role default credit
+
+- **GIVEN** 用户正在编辑客户角色默认信用
+- **WHEN** 用户提交默认信用配置
+- **THEN** 前端 MUST call `PUT /api/admin/roles/{id}/default-credit`
+- **AND** 请求体 MUST include `credit_enabled: bool` and `credit_limit: int64`
+- **AND** 保存成功后页面 MUST 提示保存成功
+
+#### Scenario: Disable customer role default credit
+
+- **GIVEN** 用户正在编辑客户角色默认信用
+- **WHEN** 用户关闭“新建代理默认信用”开关
+- **THEN** 页面 MUST 将额度输入归零
+- **AND** 提交时请求体 MUST include `credit_enabled=false`
+- **AND** 提交时请求体 MUST include `credit_limit=0`
+
+#### Scenario: Role default credit does not mutate existing shops
+
+- **GIVEN** 已有店铺已经创建并拥有实际信用额度
+- **WHEN** 用户修改该店铺所属客户角色的默认信用配置
+- **THEN** 系统 MUST NOT 修改已有店铺的实际信用额度
+- **AND** 已有店铺的实际额度 MUST 只能通过店铺实际额度调整入口修改
diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/shop-management/spec.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/shop-management/spec.md
new file mode 100644
index 0000000..158ea0f
--- /dev/null
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/shop-management/spec.md
@@ -0,0 +1,48 @@
+## ADDED Requirements
+
+### Requirement: New Shop Credit Initialization From Customer Role
+
+The shop creation flow SHALL initialize a newly created agent shop's actual credit from the selected customer role's default credit configuration.
+
+#### Scenario: Create agent shop with enabled role default credit
+
+- **GIVEN** 选中的客户角色已启用默认信用
+- **AND** 该客户角色配置了默认信用额度
+- **WHEN** 用户创建新的代理店铺
+- **THEN** 新店铺的实际信用 MUST 初始化为启用状态
+- **AND** 新店铺的实际信用额度 MUST 使用该客户角色的默认信用额度
+
+#### Scenario: Create agent shop with disabled role default credit
+
+- **GIVEN** 选中的客户角色未启用默认信用
+- **WHEN** 用户创建新的代理店铺
+- **THEN** 新店铺的实际信用 MUST 初始化为关闭状态
+- **AND** 新店铺的实际信用额度 MUST be `0`
+
+#### Scenario: Existing shop keeps actual credit after role default change
+
+- **GIVEN** 店铺已经完成创建
+- **WHEN** 用户修改该店铺所属客户角色的默认信用配置
+- **THEN** 该店铺的实际信用启用状态 MUST NOT change
+- **AND** 该店铺的实际信用额度 MUST NOT change
+
+### Requirement: Shop Actual Credit Limit Update API
+
+The frontend SHALL update an existing shop's actual credit limit through `PUT /api/admin/shops/{id}/credit-limit` with optimistic concurrency versioning.
+
+#### Scenario: Submit shop actual credit update
+
+- **GIVEN** 用户正在调整已有店铺实际信用额度
+- **WHEN** 用户提交调整
+- **THEN** 前端 MUST call `PUT /api/admin/shops/{id}/credit-limit`
+- **AND** 请求体 MUST include `credit_enabled: bool`
+- **AND** 请求体 MUST include `credit_limit: int64`
+- **AND** 请求体 MUST include `version: int64`
+
+#### Scenario: Disable shop actual credit
+
+- **GIVEN** 用户正在调整已有店铺实际信用额度
+- **WHEN** 用户关闭信用开关
+- **THEN** 页面 MUST 将额度输入归零
+- **AND** 提交时请求体 MUST include `credit_enabled=false`
+- **AND** 提交时请求体 MUST include `credit_limit=0`
diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
new file mode 100644
index 0000000..ee44d8f
--- /dev/null
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
@@ -0,0 +1,34 @@
+## 1. API And Types
+
+- [x] 1.1 在角色 API 和类型中新增 `PUT /api/admin/roles/{id}/default-credit` 请求类型与服务方法。
+- [x] 1.2 在店铺 API 和类型中新增 `PUT /api/admin/shops/{id}/credit-limit` 请求类型与服务方法。
+- [x] 1.3 扩展代理商资金概况类型，包含 `credit_enabled`、`credit_limit`、`available_balance`、`is_in_debt`、`debt_amount` 和 `version`。
+
+## 2. Role Default Credit
+
+- [x] 2.1 在客户角色配置页展示“新建代理默认信用”开关、额度输入和“修改后不会影响已有店铺”提示。
+- [x] 2.2 平台员工角色不展示信用配置。
+- [x] 2.3 关闭默认信用时将额度输入归零并提交 `credit_limit=0`。
+- [x] 2.4 保存默认信用配置时调用 `PUT /api/admin/roles/{id}/default-credit`。
+
+## 3. Shop Credit Initialization
+
+- [x] 3.1 确认店铺创建页不把角色默认信用表现为会影响已有店铺的配置。
+- [x] 3.2 确认新建店铺实际信用额度由后端按所选客户角色默认信用初始化。
+
+## 4. Agent Fund Overview
+
+- [x] 4.1 在代理商资金概况页展示现金余额、冻结金额、实际信用额度、可用金额、欠款金额和版本。
+- [x] 4.2 金额字段按接口返回值展示，不在前端重新计算可用金额或欠款金额。
+- [x] 4.3 新增店铺实际额度调整弹框，展示当前值、修改后值和关闭信用归零行为。
+- [x] 4.4 提交调额时携带当前 `version` 调用 `PUT /api/admin/shops/{id}/credit-limit`。
+- [x] 4.5 并发冲突时展示提示并刷新最新资金概况。
+
+## 5. Verification
+
+- [ ] 5.1 验证客户角色默认信用保存后不会修改已有店铺展示的实际信用额度。
+- [ ] 5.2 验证新建店铺使用所选客户角色默认信用初始化实际额度。
+- [ ] 5.3 验证资金概况页展示字段与接口返回一致。
+- [ ] 5.4 验证关闭信用时额度输入归零。
+- [ ] 5.5 验证并发冲突后页面提示并刷新最新资金概况。
+- [x] 5.6 运行相关 lint、类型检查或构建命令。
diff --git a/src/api/modules/role.ts b/src/api/modules/role.ts
index 209e95e..6d0ff4e 100644
--- a/src/api/modules/role.ts
+++ b/src/api/modules/role.ts
@@ -8,7 +8,7 @@ import type {
   PlatformRole,
   RoleQueryParams,
   PlatformRoleFormData,
-  PermissionTreeNode,
+  UpdateRoleDefaultCreditRequest,
   BaseResponse,
   PaginationResponse
 } from '@/types/api'
@@ -51,6 +51,19 @@ export class RoleService extends BaseService {
     return this.update(`/api/admin/roles/${id}`, data)
   }
 
+  /**
+   * 更新客户角色默认信用
+   * PUT /api/admin/roles/{id}/default-credit
+   * @param id 角色ID
+   * @param data 默认信用配置
+   */
+  static updateRoleDefaultCredit(
+    id: number,
+    data: UpdateRoleDefaultCreditRequest
+  ): Promise<BaseResponse> {
+    return this.put<BaseResponse>(`/api/admin/roles/${id}/default-credit`, data)
+  }
+
   /**
    * 删除角色
    * DELETE /api/admin/roles/{id}
diff --git a/src/api/modules/shop.ts b/src/api/modules/shop.ts
index 29d62cc..9ee79ef 100644
--- a/src/api/modules/shop.ts
+++ b/src/api/modules/shop.ts
@@ -10,6 +10,7 @@ import type {
   UpdateShopParams,
   ShopRolesResponse,
   AssignShopRolesRequest,
+  UpdateShopCreditLimitRequest,
   BaseResponse,
   PaginationResponse
 } from '@/types/api'
@@ -114,4 +115,17 @@ export class ShopService extends BaseService {
   static deleteShopRole(shopId: number, roleId: number): Promise<BaseResponse> {
     return this.delete<BaseResponse>(`/api/admin/shops/${shopId}/roles/${roleId}`)
   }
+
+  /**
+   * 更新店铺实际信用额度
+   * PUT /api/admin/shops/{id}/credit-limit
+   * @param shopId 店铺ID
+   * @param data 实际信用额度配置
+   */
+  static updateShopCreditLimit(
+    shopId: number,
+    data: UpdateShopCreditLimitRequest
+  ): Promise<BaseResponse> {
+    return this.put<BaseResponse>(`/api/admin/shops/${shopId}/credit-limit`, data)
+  }
 }
diff --git a/src/types/api/commission.ts b/src/types/api/commission.ts
index 66f2e1e..59baf2b 100644
--- a/src/types/api/commission.ts
+++ b/src/types/api/commission.ts
@@ -215,6 +215,12 @@ export interface ShopFundSummaryItem {
   frozen_balance: number // 现金冻结金额(分)
   cash_available: number // 现金可用余额(分)
   low_balance_warning: boolean // 现金可用余额不足100元预警
+  credit_enabled: boolean // 实际信用额度是否启用
+  credit_limit: number // 实际信用额度(分)
+  available_balance: number // 可用金额(分)，以后端返回为准
+  is_in_debt: boolean // 是否欠款，以后端返回为准
+  debt_amount: number // 欠款金额(分)，以后端返回为准
+  version: number // 资金概况版本，用于并发控制
   total_commission: number // 总佣金(分)
   available_commission: number // 可提现佣金(分)
   frozen_commission: number // 冻结中佣金(分)
diff --git a/src/types/api/role.ts b/src/types/api/role.ts
index 86c19a5..e64a2bf 100644
--- a/src/types/api/role.ts
+++ b/src/types/api/role.ts
@@ -28,6 +28,8 @@ export interface PlatformRole {
   role_desc: string // 角色描述
   role_type: RoleType // 角色类型
   status: RoleStatus // 状态
+  credit_enabled?: boolean // 新建代理默认信用是否启用（仅客户角色）
+  credit_limit?: number // 新建代理默认信用额度（分，仅客户角色）
 }
 
 // 角色查询参数
@@ -44,3 +46,9 @@ export interface PlatformRoleFormData {
   role_type: RoleType
   status: RoleStatus
 }
+
+// 更新客户角色默认信用参数
+export interface UpdateRoleDefaultCreditRequest {
+  credit_enabled: boolean
+  credit_limit: number
+}
diff --git a/src/types/api/shop.ts b/src/types/api/shop.ts
index 7c7aba8..1b03de8 100644
--- a/src/types/api/shop.ts
+++ b/src/types/api/shop.ts
@@ -101,3 +101,10 @@ export interface ShopRolesResponse {
 export interface AssignShopRolesRequest {
   role_ids: number[] | null // 角色ID列表
 }
+
+// 更新店铺实际信用额度请求
+export interface UpdateShopCreditLimitRequest {
+  credit_enabled: boolean // 是否启用实际信用额度
+  credit_limit: number // 实际信用额度（分）
+  version: number // 资金概况版本，用于并发控制
+}
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index ca21b11..c4a0e32 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -87,10 +87,8 @@ declare module 'vue' {
     ElAlert: typeof import('element-plus/es')['ElAlert']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElCalendar: typeof import('element-plus/es')['ElCalendar']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCascader: typeof import('element-plus/es')['ElCascader']
-    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
@@ -113,9 +111,7 @@ declare module 'vue' {
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
-    ElProgress: typeof import('element-plus/es')['ElProgress']
     ElRadio: typeof import('element-plus/es')['ElRadio']
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
@@ -127,8 +123,6 @@ declare module 'vue' {
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
-    ElTimeline: typeof import('element-plus/es')['ElTimeline']
-    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     ElUpload: typeof import('element-plus/es')['ElUpload']
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 7285fe6..8e26fc2 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -32,7 +32,7 @@
             :total="pagination.total"
             :marginTop="10"
             :actions="getActions"
-            :actionsWidth="120"
+            :actionsWidth="180"
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
           >
@@ -416,13 +416,74 @@
         </div>
       </template>
     </ElDialog>
+
+    <!-- 店铺实际信用额度调整弹框 -->
+    <ElDialog
+      v-model="creditDialogVisible"
+      :title="`调整实际信用额度 - ${currentCreditShop?.shop_name || ''}`"
+      width="520px"
+      @closed="resetCreditDialog"
+    >
+      <ElDescriptions :column="1" border class="credit-preview">
+        <ElDescriptionsItem label="店铺名称">
+          {{ currentCreditShop?.shop_name || '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="当前版本">
+          {{ currentCreditShop?.version ?? '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="修改前">
+          {{
+            formatCreditPreview(currentCreditShop?.credit_enabled, currentCreditShop?.credit_limit)
+          }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="修改后">
+          {{ formatCreditPreview(creditForm.credit_enabled, creditFormCreditLimitFen) }}
+        </ElDescriptionsItem>
+      </ElDescriptions>
+
+      <ElAlert
+        title="实际可用金额、欠款金额和欠款状态以后端刷新后的资金概况为准。"
+        type="info"
+        :closable="false"
+        show-icon
+        class="credit-dialog-alert"
+      />
+
+      <ElForm ref="creditFormRef" :model="creditForm" :rules="creditRules" label-width="110px">
+        <ElFormItem label="启用信用">
+          <ElSwitch v-model="creditForm.credit_enabled" @change="handleCreditEnabledChange" />
+        </ElFormItem>
+        <ElFormItem label="实际信用额度" prop="credit_limit_yuan">
+          <ElInputNumber
+            v-model="creditForm.credit_limit_yuan"
+            :disabled="!creditForm.credit_enabled"
+            :min="0"
+            :precision="2"
+            :step="100"
+            controls-position="right"
+            style="width: 100%"
+            placeholder="请输入实际信用额度"
+          />
+          <div class="credit-dialog-tip">单位：元；关闭信用时额度将自动归零</div>
+        </ElFormItem>
+      </ElForm>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="creditDialogVisible = false">取消</ElButton>
+          <ElButton type="primary" :loading="creditSubmitting" @click="handleCreditSubmit">
+            确认调整
+          </ElButton>
+        </div>
+      </template>
+    </ElDialog>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { h, watch, onBeforeUnmount, ref, reactive, onMounted, computed } from 'vue'
+  import { h, watch, onBeforeUnmount, ref, reactive, onMounted, computed, nextTick } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { CommissionService } from '@/api/modules'
+  import { CommissionService, ShopService } from '@/api/modules'
   import { ElMessage, ElMessageBox, ElTag } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import { MainWalletTransactionType } from '@/types/api/commission'
@@ -438,7 +499,7 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
-  import { formatDateTime, formatMoney } from '@/utils/business/format'
+  import { fenToYuan, formatDateTime, formatMoney, yuanToFen } from '@/utils/business/format'
   import {
     CommissionStatusMap,
     WithdrawalStatusMap,
@@ -508,6 +569,20 @@
     remark: ''
   })
 
+  // 实际信用额度调整弹框状态
+  const creditDialogVisible = ref(false)
+  const creditFormRef = ref<FormInstance>()
+  const creditSubmitting = ref(false)
+  const currentCreditShop = ref<ShopFundSummaryItem | null>(null)
+  const creditForm = reactive({
+    credit_enabled: false,
+    credit_limit_yuan: 0
+  })
+
+  const creditFormCreditLimitFen = computed(() =>
+    creditForm.credit_enabled ? yuanToFen(creditForm.credit_limit_yuan) || 0 : 0
+  )
+
   // 佣金修正表单验证规则
   const resolveRules = computed<FormRules>(() => ({
     amount:
@@ -525,6 +600,36 @@
     remark: [{ max: 500, message: '备注最多500字符', trigger: 'blur' }]
   }))
 
+  const creditRules = computed<FormRules>(() => ({
+    credit_limit_yuan: [
+      {
+        validator: (
+          _rule: unknown,
+          value: number | undefined,
+          callback: (error?: Error) => void
+        ) => {
+          if (!creditForm.credit_enabled) {
+            callback()
+            return
+          }
+
+          if (value === undefined || value === null || Number.isNaN(value)) {
+            callback(new Error('请输入实际信用额度'))
+            return
+          }
+
+          if (value < 0) {
+            callback(new Error('实际信用额度不能小于0'))
+            return
+          }
+
+          callback()
+        },
+        trigger: 'blur'
+      }
+    ]
+  }))
+
   // 预充值钱包流水状态
   const mainWalletLoading = ref(false)
   const mainWalletTableRef = ref()
@@ -552,6 +657,10 @@
     { label: '手机号', prop: 'phone' },
     { label: '现金余额', prop: 'balance' },
     { label: '冻结金额', prop: 'frozen_balance' },
+    { label: '实际信用额度', prop: 'credit_limit' },
+    { label: '可用金额', prop: 'available_balance' },
+    { label: '欠款金额', prop: 'debt_amount' },
+    { label: '版本', prop: 'version' },
     { label: '余额预警', prop: 'low_balance_warning' },
     { label: '总佣金', prop: 'total_commission' },
     { label: '可提现', prop: 'available_commission' },
@@ -656,6 +765,51 @@
       minWidth: 120,
       formatter: (row: ShopFundSummaryItem) => formatMoney(row.frozen_balance)
     },
+    {
+      prop: 'credit_limit',
+      label: '实际信用额度',
+      minWidth: 150,
+      formatter: (row: ShopFundSummaryItem) => {
+        if (!row.credit_enabled) {
+          return h('span', { style: 'color: var(--el-text-color-secondary)' }, '未启用 / ¥0.00')
+        }
+
+        return h(
+          'span',
+          { style: 'color: var(--el-color-warning); font-weight: 500' },
+          formatMoney(row.credit_limit)
+        )
+      }
+    },
+    {
+      prop: 'available_balance',
+      label: '可用金额',
+      minWidth: 130,
+      formatter: (row: ShopFundSummaryItem) => {
+        return h(
+          'span',
+          { style: 'color: var(--el-color-success); font-weight: 500' },
+          formatMoney(row.available_balance)
+        )
+      }
+    },
+    {
+      prop: 'debt_amount',
+      label: '欠款金额',
+      minWidth: 130,
+      formatter: (row: ShopFundSummaryItem) => {
+        const amountText = formatMoney(row.debt_amount)
+        if (!row.is_in_debt) return amountText
+
+        return h('span', { style: 'color: var(--el-color-danger); font-weight: 500' }, amountText)
+      }
+    },
+    {
+      prop: 'version',
+      label: '版本',
+      minWidth: 90,
+      formatter: (row: ShopFundSummaryItem) => row.version ?? '-'
+    },
     {
       prop: 'low_balance_warning',
       label: '余额预警',
@@ -803,9 +957,105 @@
       })
     }
 
+    actions.push({
+      label: '调整额度',
+      handler: () => showCreditDialog(row),
+      type: 'primary'
+    })
+
     return actions
   }
 
+  const formatCreditPreview = (enabled?: boolean, creditLimit?: number) => {
+    return enabled ? `启用 / ${formatMoney(creditLimit || 0)}` : '关闭 / ¥0.00'
+  }
+
+  const showCreditDialog = (row: ShopFundSummaryItem) => {
+    currentCreditShop.value = row
+    creditForm.credit_enabled = Boolean(row.credit_enabled)
+    creditForm.credit_limit_yuan = row.credit_enabled ? fenToYuan(row.credit_limit) : 0
+    creditDialogVisible.value = true
+    nextTick(() => {
+      creditFormRef.value?.clearValidate()
+    })
+  }
+
+  const handleCreditEnabledChange = (enabled: boolean | string | number) => {
+    if (!enabled) {
+      creditForm.credit_limit_yuan = 0
+      creditFormRef.value?.clearValidate('credit_limit_yuan')
+    }
+  }
+
+  const resetCreditDialog = () => {
+    creditFormRef.value?.resetFields()
+    currentCreditShop.value = null
+    creditForm.credit_enabled = false
+    creditForm.credit_limit_yuan = 0
+  }
+
+  const isCreditConflictMessage = (message?: string) => {
+    if (!message) return false
+    return /版本|冲突|并发|过期|conflict/i.test(message)
+  }
+
+  const isCreditConflictResponse = (response: any) => {
+    return response?.code === 409 || isCreditConflictMessage(response?.msg)
+  }
+
+  const isCreditConflictError = (error: any) => {
+    return (
+      error?.response?.status === 409 ||
+      error?.response?.data?.code === 409 ||
+      isCreditConflictMessage(error?.response?.data?.msg || error?.message)
+    )
+  }
+
+  const handleCreditConflict = async () => {
+    ElMessage.warning('资金概况已被更新，已刷新最新数据，请重新调整')
+    creditDialogVisible.value = false
+    await getTableData()
+  }
+
+  const handleCreditSubmit = async () => {
+    if (!creditFormRef.value || !currentCreditShop.value) return
+
+    await creditFormRef.value.validate(async (valid) => {
+      if (!valid || !currentCreditShop.value) return
+
+      creditSubmitting.value = true
+      try {
+        const res = await ShopService.updateShopCreditLimit(currentCreditShop.value.shop_id, {
+          credit_enabled: creditForm.credit_enabled,
+          credit_limit: creditFormCreditLimitFen.value,
+          version: currentCreditShop.value.version
+        })
+
+        if (res.code === 0) {
+          ElMessage.success('实际信用额度调整成功')
+          creditDialogVisible.value = false
+          await getTableData()
+          return
+        }
+
+        if (isCreditConflictResponse(res)) {
+          await handleCreditConflict()
+          return
+        }
+
+        ElMessage.error(res.msg || '实际信用额度调整失败')
+      } catch (error: any) {
+        if (isCreditConflictError(error)) {
+          await handleCreditConflict()
+        } else {
+          console.error('实际信用额度调整失败:', error)
+        }
+      } finally {
+        creditSubmitting.value = false
+      }
+    })
+  }
+
   // 监听tab切换
   watch(activeTab, (newTab) => {
     if (newTab === 'commission') {
@@ -1084,6 +1334,21 @@
     }
   }
 
+  .credit-preview {
+    margin-bottom: 16px;
+  }
+
+  .credit-dialog-alert {
+    margin-bottom: 16px;
+  }
+
+  .credit-dialog-tip {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.4;
+    color: var(--el-text-color-secondary);
+  }
+
   @media (width <= 1200px) {
     .main-wallet-filter__grid {
       grid-template-columns: repeat(2, minmax(220px, 1fr));
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 79321a8..c554630 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -80,6 +80,27 @@
                 :inactive-value="CommonStatus.DISABLED"
               />
             </ElFormItem>
+            <template v-if="isCustomerRoleForm">
+              <ElFormItem label="新建代理默认信用">
+                <ElSwitch
+                  v-model="form.credit_enabled"
+                  @change="handleDefaultCreditEnabledChange"
+                />
+              </ElFormItem>
+              <ElFormItem label="默认信用额度">
+                <ElInputNumber
+                  v-model="form.credit_limit_yuan"
+                  :disabled="!form.credit_enabled"
+                  :min="0"
+                  :precision="2"
+                  :step="100"
+                  controls-position="right"
+                  style="width: 100%"
+                  placeholder="请输入默认信用额度"
+                />
+                <div class="credit-form-tip">单位：元。修改后不会影响已有店铺</div>
+              </ElFormItem>
+            </template>
           </ElForm>
           <template #footer>
             <div class="dialog-footer">
@@ -226,11 +247,12 @@
     ElOption
   } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
+  import { RoleType } from '@/types/api'
   import type { PlatformRole, PermissionTreeNode } from '@/types/api'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
-  import { formatDateTime } from '@/utils/business/format'
+  import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
   import {
     CommonStatus,
     getStatusText,
@@ -343,9 +365,27 @@
     role_name: '',
     role_desc: '',
     role_type: 1,
-    status: CommonStatus.ENABLED
+    status: CommonStatus.ENABLED,
+    credit_enabled: false,
+    credit_limit_yuan: 0
   })
 
+  const isCustomerRoleForm = computed(() => form.role_type === RoleType.CUSTOMER)
+
+  const handleDefaultCreditEnabledChange = (enabled: boolean | string | number) => {
+    if (!enabled) {
+      form.credit_limit_yuan = 0
+    }
+  }
+
+  const getDefaultCreditPayload = () => {
+    const creditEnabled = Boolean(form.credit_enabled)
+    return {
+      credit_enabled: creditEnabled,
+      credit_limit: creditEnabled ? yuanToFen(form.credit_limit_yuan) || 0 : 0
+    }
+  }
+
   const roleList = ref<PlatformRole[]>([])
 
   // 动态列配置
@@ -997,23 +1037,38 @@
   const dialogType = ref('add')
 
   // 显示新增/编辑对话框
-  const showDialog = (type: string, row?: any) => {
-    dialogVisible.value = true
+  const showDialog = async (type: string, row?: any) => {
     dialogType.value = type
 
     if (type === 'edit' && row) {
-      form.id = row.ID
-      form.role_name = row.role_name
-      form.role_desc = row.role_desc
-      form.role_type = row.role_type
-      form.status = row.status
+      let roleDetail = row
+      try {
+        const res = await RoleService.getRole(row.ID)
+        if (res.code === 0 && res.data) {
+          roleDetail = res.data
+        }
+      } catch (error) {
+        console.error('获取角色详情失败:', error)
+      }
+
+      form.id = roleDetail.ID
+      form.role_name = roleDetail.role_name
+      form.role_desc = roleDetail.role_desc
+      form.role_type = roleDetail.role_type
+      form.status = roleDetail.status
+      form.credit_enabled = Boolean(roleDetail.credit_enabled)
+      form.credit_limit_yuan = fenToYuan(roleDetail.credit_limit)
     } else {
       form.id = 0
       form.role_name = ''
       form.role_desc = ''
       form.role_type = 1
       form.status = CommonStatus.ENABLED
+      form.credit_enabled = false
+      form.credit_limit_yuan = 0
     }
+
+    dialogVisible.value = true
   }
 
   // 删除角色
@@ -1052,7 +1107,11 @@
               role_type: form.role_type,
               status: form.status
             }
-            await RoleService.createRole(data)
+            const res = await RoleService.createRole(data)
+            const createdRoleId = res.data?.ID ?? res.data?.id ?? res.data?.role_id
+            if (form.role_type === RoleType.CUSTOMER && createdRoleId) {
+              await RoleService.updateRoleDefaultCredit(createdRoleId, getDefaultCreditPayload())
+            }
             ElMessage.success('新增成功')
           } else {
             // 更新角色时只发送允许的字段
@@ -1063,6 +1122,9 @@
               status: form.status
             }
             await RoleService.updateRole(form.id, data)
+            if (form.role_type === RoleType.CUSTOMER) {
+              await RoleService.updateRoleDefaultCredit(form.id, getDefaultCreditPayload())
+            }
             ElMessage.success('修改成功')
           }
 
@@ -1118,6 +1180,13 @@
     }
   }
 
+  .credit-form-tip {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.4;
+    color: var(--el-text-color-secondary);
+  }
+
   .permission-tree-transfer-container {
     display: flex;
     gap: 20px;

From 5e15127a8976234388db4d2a9a0d63f32459eda8 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 23 Jul 2026 17:06:05 +0800
Subject: [PATCH 19/76] =?UTF-8?q?feat:=20=E6=8E=A5=E5=85=A5=E6=96=B0?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=EF=BC=9A=E5=A5=97=E9=A4=90=E5=88=86=E9=85=8D?=
 =?UTF-8?q?=E7=94=9F=E6=95=88=E6=9D=A1=E4=BB=B6=E9=80=89=E6=8B=A9=EF=BC=8C?=
 =?UTF-8?q?=E8=B5=84=E4=BA=A7=E8=AF=A6=E6=83=85=E5=89=8D=E4=BB=A3=E5=90=8E?=
 =?UTF-8?q?=E4=BB=A3=E6=8D=A2=E8=B4=A7=E6=A0=87=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               |  2 +
 .../specs/asset-information/spec.md           | 35 ++++++-
 .../proposal.md                               |  3 +-
 .../specs/exchange-management/spec.md         | 22 ++++-
 .../tasks.md                                  |  3 +-
 .../proposal.md                               |  2 +-
 .../specs/exchange-management/spec.md         |  8 +-
 .../tasks.md                                  |  2 +-
 .../proposal.md                               |  8 +-
 .../specs/shop-package-allocation/spec.md     | 40 +++++++-
 .../specs/shop-series-grant-packages/spec.md  | 40 +++++++-
 .../tasks.md                                  |  4 +-
 src/types/api/asset.ts                        |  2 +-
 .../components/BasicInfoCard.vue              |  9 +-
 .../asset-information/index.vue               |  8 ++
 .../exchange-management/index.vue             | 98 ++++++++++++++-----
 16 files changed, 230 insertions(+), 56 deletions(-)

diff --git a/openspec/changes/update-asset-exchange-generation-links/proposal.md b/openspec/changes/update-asset-exchange-generation-links/proposal.md
index 28f52e3..251c43c 100644
--- a/openspec/changes/update-asset-exchange-generation-links/proposal.md
+++ b/openspec/changes/update-asset-exchange-generation-links/proposal.md
@@ -24,3 +24,5 @@
   - `src/views/asset-management/asset-information/components/BasicInfoCard.vue`
 - API contract:
   - `GET /api/admin/assets/resolve/{identifier}`
+  - Response field: `exchange_trace.previous_asset` and `exchange_trace.next_asset`
+  - Related asset item fields: `asset_type:string`, `asset_id:int64|null`, `identifier:string`, `exchange_no:string`, `can_view:bool`
diff --git a/openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md b/openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md
index d230a1c..368369b 100644
--- a/openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md
+++ b/openspec/changes/update-asset-exchange-generation-links/specs/asset-information/spec.md
@@ -2,7 +2,7 @@
 
 ### Requirement: Asset Exchange Generation Trace Display
 
-The asset information page SHALL display exchange generation relationships exclusively from `exchange_trace.previous_asset` and `exchange_trace.next_asset` returned by `GET /api/admin/assets/resolve/{identifier}`. The frontend MUST NOT infer the exchange chain from asset status, generation, or exchange status.
+The asset information page SHALL display exchange generation relationships exclusively from `exchange_trace.previous_asset` and `exchange_trace.next_asset` returned by `GET /api/admin/assets/resolve/{identifier}`. The frontend MUST NOT infer the exchange chain from asset status, generation, exchange order status, or any field outside `exchange_trace`.
 
 #### Scenario: Display previous asset for a replacement asset
 
@@ -10,6 +10,7 @@ The asset information page SHALL display exchange generation relationships exclu
 - **WHEN** 解析响应包含非空的 `exchange_trace.previous_asset`
 - **THEN** 页面 MUST 显示“换货新资产”标签
 - **AND** 页面 MUST 展示前代资产的标识符和换货单号
+- **AND** 页面 MUST use `previous_asset.identifier` and `previous_asset.exchange_no` as the displayed source values
 
 #### Scenario: Display next asset for a replaced asset
 
@@ -17,12 +18,14 @@ The asset information page SHALL display exchange generation relationships exclu
 - **WHEN** 解析响应包含非空的 `exchange_trace.next_asset`
 - **THEN** 页面 MUST 显示“已换出旧资产”标签
 - **AND** 页面 MUST 展示后代资产的标识符和换货单号
+- **AND** 页面 MUST use `next_asset.identifier` and `next_asset.exchange_no` as the displayed source values
 
 #### Scenario: Display both relationships for an intermediate asset
 
 - **GIVEN** 用户正在查看位于换货链中间的资产
 - **WHEN** 解析响应同时包含非空的 `previous_asset` 和 `next_asset`
 - **THEN** 页面 MUST 同时展示“换货新资产”和“已换出旧资产”两个关联区域
+- **AND** 两个区域 MUST use their corresponding relationship item values independently
 
 #### Scenario: Hide absent exchange relationship
 
@@ -31,9 +34,17 @@ The asset information page SHALL display exchange generation relationships exclu
 - **THEN** 页面 MUST NOT 展示对应的换货关联区域
 - **AND** 前端 MUST NOT 根据资产状态、世代编号、换货单状态或其他字段推导该区域
 
+#### Scenario: Display no exchange relationship for unrelated asset
+
+- **GIVEN** 用户正在查看无前代和后代换货关系的资产
+- **WHEN** 解析响应未返回 `exchange_trace` 或 `exchange_trace` 内两个关联项均为空
+- **THEN** 页面 MUST NOT 展示“换货新资产”标签
+- **AND** 页面 MUST NOT 展示“已换出旧资产”标签
+- **AND** 页面 MUST NOT render an empty exchange relationship placeholder
+
 ### Requirement: Exchange Related Asset Navigation Authorization
 
-The asset information page SHALL allow navigation to a related exchange asset only when that relationship item has `can_view=true`.
+The asset information page SHALL allow navigation to a related exchange asset only when that relationship item has `can_view=true`. When `can_view=false`, the relationship item SHALL remain visible as text only and MUST NOT provide any asset-detail navigation affordance.
 
 #### Scenario: Navigate to authorized related asset
 
@@ -41,6 +52,7 @@ The asset information page SHALL allow navigation to a related exchange asset on
 - **WHEN** 用户点击关联资产标识符
 - **THEN** 系统 MUST 跳转到该关联资产的资产详情
 - **AND** 跳转 MUST 使用关联项返回的 `identifier`
+- **AND** 页面 MUST NOT reconstruct the target identifier from the current asset or exchange order
 
 #### Scenario: Render unauthorized related asset as text
 
@@ -49,12 +61,29 @@ The asset information page SHALL allow navigation to a related exchange asset on
 - **THEN** 页面 MUST 展示关联资产标识符和换货单号
 - **AND** 页面 MUST NOT 将关联资产标识符渲染为可点击跳转操作
 
+#### Scenario: Render nullable related asset ID without navigation
+
+- **GIVEN** 换货关联资产项的 `asset_id=null`
+- **AND** 该关联资产项的 `can_view=false`
+- **WHEN** 页面渲染换货关联区域
+- **THEN** 页面 MUST 展示关联资产标识符和换货单号
+- **AND** 页面 MUST NOT depend on `asset_id` to render the relationship text
+- **AND** 页面 MUST NOT provide navigation to the related asset
+
 ### Requirement: Exchange Trace Response Contract
 
-The frontend asset resolve contract SHALL support optional `exchange_trace.previous_asset` and `exchange_trace.next_asset` items, each with `asset_type`, `asset_id`, `identifier`, `exchange_no`, and `can_view`.
+The frontend asset resolve contract SHALL support optional `exchange_trace.previous_asset` and `exchange_trace.next_asset` returned by `GET /api/admin/assets/resolve/{identifier}`. Each non-empty relationship item SHALL preserve `asset_type:string`, `asset_id:int64|null`, `identifier:string`, `exchange_no:string`, and `can_view:bool`.
 
 #### Scenario: Read exchange trace response fields
 
 - **WHEN** 前端解析 `GET /api/admin/assets/resolve/{identifier}` 响应
 - **THEN** 前端类型 MUST 支持 `exchange_trace.previous_asset` 和 `exchange_trace.next_asset`
 - **AND** 每个非空关联项 MUST 支持读取 `asset_type`、`asset_id`、`identifier`、`exchange_no`、`can_view`
+- **AND** `asset_id` MUST allow `null` for no-permission relationship items
+- **AND** `previous_asset` and `next_asset` MUST each allow `null`, empty, or omitted values
+
+#### Scenario: Preserve asset type in exchange trace item
+
+- **WHEN** 解析响应返回 `exchange_trace.previous_asset` 或 `exchange_trace.next_asset`
+- **THEN** 前端类型 MUST preserve `asset_type` as a string value such as `device` or `card`
+- **AND** 页面 logic MUST NOT assume all related exchange assets are the same type as the current asset
diff --git a/openspec/changes/update-exchange-inherited-shop-hint/proposal.md b/openspec/changes/update-exchange-inherited-shop-hint/proposal.md
index dd2597d..31c8b18 100644
--- a/openspec/changes/update-exchange-inherited-shop-hint/proposal.md
+++ b/openspec/changes/update-exchange-inherited-shop-hint/proposal.md
@@ -7,9 +7,10 @@
 ## What Changes
 
 - 在换货创建入口、发货确认入口、换货详情页补充旧资产所属店铺和新资产继承归属店铺的展示。
+- 直接换货创建入口查询新资产时，按已选旧资产的 `shop_id` 过滤新资产候选，确保新旧资产限定在同一店铺范围内选择。
 - 保持现有换货创建、发货、确认完成接口和入参语义不变，不新增目标店铺选择控件或目标店铺提交字段。
 - 扩展换货响应数据，返回 `inherited_shop_id` 和 `inherited_shop_name` 供前端统一展示最终归属店铺。
-- 在创建、发货、确认完成流程中补充提交中禁用、防重复提交、后端归属校验失败提示，以及成功后的详情刷新。
+- 在创建、发货、确认完成流程中补充提交中禁用、防重复提交、后端归属校验失败提示，以及成功后的详情刷新；创建换货单失败提示复用统一 HTTP 错误处理。
 
 ## Impact
 
diff --git a/openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md b/openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md
index 05a5e7d..9e6eaf2 100644
--- a/openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md
+++ b/openspec/changes/update-exchange-inherited-shop-hint/specs/exchange-management/spec.md
@@ -24,6 +24,23 @@
 - **THEN** 系统 MUST NOT 渲染目标店铺选择控件
 - **AND** 用户 MUST NOT 能够手工覆盖继承归属店铺
 
+#### Scenario: 直接换货新资产候选按旧资产店铺过滤
+
+- **GIVEN** 用户正在创建直接换货单
+- **AND** 用户已选择旧资产
+- **WHEN** 前端加载或搜索新资产标识符候选项
+- **THEN** 新 IoT 卡候选查询 MUST include the selected old asset `shop_id`
+- **AND** 新设备候选查询 MUST include the selected old asset `shop_id`
+- **AND** 查询 MUST continue to include `status=1`
+
+#### Scenario: 未选择旧资产时不加载直接换货新资产候选
+
+- **GIVEN** 用户正在创建直接换货单
+- **AND** 用户尚未选择旧资产
+- **WHEN** 新资产标识符候选项准备加载
+- **THEN** 前端 MUST NOT request new asset candidates without the old asset `shop_id`
+- **AND** 新资产候选列表 MUST remain empty until an old asset is selected
+
 ### Requirement: 换货归属继承接口契约
 
 系统 SHALL 复用现有换货创建、发货和确认完成接口，并在换货数据模型中返回继承后的店铺标识和店铺名称，供创建结果、发货结果、完成结果和详情页统一展示。
@@ -66,14 +83,15 @@
 
 ### Requirement: 换货归属继承错误与提交状态处理
 
-系统 SHALL 在新资产归属校验失败时直接展示后端错误，并在创建、发货、确认完成提交期间禁用操作按钮，防止重复提交，同时保证失败后可以重试。
+系统 SHALL 在新资产归属校验失败时展示后端错误，并在创建、发货、确认完成提交期间禁用操作按钮，防止重复提交，同时保证失败后可以重试。创建换货单接口失败 MUST use the unified HTTP error handling and MUST NOT render a duplicate local error alert inside the create dialog.
 
 #### Scenario: 新资产属于其他店铺时展示后端错误
 
 - **GIVEN** 用户选择了不允许用于当前换货流程的新资产
 - **WHEN** 后端返回“新资产属于其他店铺”或等价归属校验错误
-- **THEN** 系统 MUST 直接展示后端错误信息
+- **THEN** 系统 MUST 通过统一 HTTP 错误处理展示后端错误信息
 - **AND** 系统 MUST NOT 提供手工修改目标店铺的替代入口
+- **AND** 创建换货单弹窗内 MUST NOT 额外展示重复错误 Alert
 
 #### Scenario: 提交期间禁用按钮防止重复提交
 
diff --git a/openspec/changes/update-exchange-inherited-shop-hint/tasks.md b/openspec/changes/update-exchange-inherited-shop-hint/tasks.md
index b058979..8633b83 100644
--- a/openspec/changes/update-exchange-inherited-shop-hint/tasks.md
+++ b/openspec/changes/update-exchange-inherited-shop-hint/tasks.md
@@ -8,12 +8,13 @@
 - [x] 2.1 在换货创建入口中，选择旧资产后展示旧资产所属店铺。
 - [x] 2.2 在换货创建入口和发货确认入口中，选择新资产后展示只读提示 `换货完成后将归属：{店铺名称}`。
 - [x] 2.3 确保上述页面不新增目标店铺选择控件，也不允许手工覆盖继承归属。
+- [x] 2.4 直接换货创建入口的新资产默认列表和搜索请求按已选旧资产 `shop_id` 过滤，并继续固定 `status=1`。
 
 ## 3. Exchange Detail And Submission States
 
 - [x] 3.1 在换货详情页展示继承后的店铺名称，并在发货或确认完成成功后重新拉取详情。
 - [x] 3.2 在创建、发货、确认完成提交期间禁用操作按钮，防止重复提交。
-- [x] 3.3 在新资产归属校验失败时展示后端错误，并在失败后恢复可重试状态。
+- [x] 3.3 在新资产归属校验失败时通过统一 HTTP 错误处理展示后端错误，并在失败后恢复可重试状态。
 
 ## 4. Verification
 
diff --git a/openspec/changes/update-exchange-refund-interception-feedback/proposal.md b/openspec/changes/update-exchange-refund-interception-feedback/proposal.md
index 3cfaa7c..c7d464c 100644
--- a/openspec/changes/update-exchange-refund-interception-feedback/proposal.md
+++ b/openspec/changes/update-exchange-refund-interception-feedback/proposal.md
@@ -7,7 +7,7 @@
 ## What Changes
 
 - 复用 `POST /api/admin/exchanges` 的现有失败 `code`、`msg` 契约，不改变成功响应结构。
-- 创建换货单被退款拦截或其他后端业务规则拒绝时，在创建换货单表单顶部或旧资产行直接展示后端业务原因，例如“该资产存在退款申请”。
+- 创建换货单被退款拦截或其他后端业务规则拒绝时，通过统一 HTTP 错误处理展示后端业务原因，例如“该资产存在退款申请”，不在创建弹窗内额外渲染本地错误区域。
 - 创建失败后保留当前填写的表单、已选资产与流程类型，恢复提交按钮使用户可更换资产后重新提交。
 - 前端不新增退款状态查询、预检查区域或退款申请入口。
 - 前端不读取或推断退款审批、撤销、拒绝或处理完成状态；是否允许换货完全依据创建接口结果。
diff --git a/openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md b/openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md
index 9843984..b3e63c2 100644
--- a/openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md
+++ b/openspec/changes/update-exchange-refund-interception-feedback/specs/exchange-management/spec.md
@@ -2,22 +2,24 @@
 
 ### Requirement: Exchange Creation Refund Interception Feedback
 
-The exchange creation page SHALL display the backend business reason when `POST /api/admin/exchanges` rejects the selected old asset because of an active refund application. The page MUST use the response `code` and `msg` contract without changing the successful exchange response structure.
+The exchange creation page SHALL display the backend business reason through the unified HTTP error handling when `POST /api/admin/exchanges` rejects the selected old asset because of an active refund application. The page MUST use the response `code` and `msg` contract without changing the successful exchange response structure, and MUST NOT render an additional local error area inside the create dialog for the same failure.
 
 #### Scenario: Display active refund interception reason
 
 - **GIVEN** 用户已填写创建换货单表单并选择存在活跃退款申请的旧资产
 - **WHEN** `POST /api/admin/exchanges` 返回失败 `code` 和 `msg`
-- **THEN** 页面 MUST display the backend business reason in the create exchange form context
+- **THEN** 页面 MUST display the backend business reason through the unified HTTP error handling
 - **AND** 当后端 `msg` 为“该资产存在退款申请”时，页面 MUST display that message directly
+- **AND** 页面 MUST NOT display a duplicate error alert inside the create exchange dialog
 - **AND** 系统 MUST NOT create a new exchange order
 
 #### Scenario: Display other exchange creation business reason
 
 - **GIVEN** 用户已填写创建换货单表单
 - **WHEN** 创建接口返回非退款相关的业务失败 `code` 和 `msg`
-- **THEN** 页面 MUST display the backend `msg` in the create exchange form context
+- **THEN** 页面 MUST display the backend `msg` through the unified HTTP error handling
 - **AND** 页面 MUST NOT replace the backend business reason with a generic frontend failure message
+- **AND** 页面 MUST NOT display a duplicate error alert inside the create exchange dialog
 
 ### Requirement: Exchange Creation Retry After Interception
 
diff --git a/openspec/changes/update-exchange-refund-interception-feedback/tasks.md b/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
index 460d81e..fed8e1f 100644
--- a/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
+++ b/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
@@ -5,7 +5,7 @@
 
 ## 2. Refund Interception Feedback
 
-- [x] 2.1 在创建换货单表单顶部或旧资产行展示后端返回的退款拦截业务原因。
+- [x] 2.1 通过统一 HTTP 错误处理展示后端返回的退款拦截业务原因，不在创建弹窗内额外渲染本地错误区域。
 - [x] 2.2 退款拦截失败后保留表单输入、已选资产和流程类型。
 - [x] 2.3 请求结束后恢复提交按钮，使用户能够更换资产并再次提交。
 
diff --git a/openspec/changes/update-package-allocation-expiry-base-override/proposal.md b/openspec/changes/update-package-allocation-expiry-base-override/proposal.md
index f33f318..4b2053f 100644
--- a/openspec/changes/update-package-allocation-expiry-base-override/proposal.md
+++ b/openspec/changes/update-package-allocation-expiry-base-override/proposal.md
@@ -6,9 +6,10 @@
 
 ## What Changes
 
-- 在套餐授权/分配和已分配套餐编辑入口增加“生效条件”单选：跟随套餐默认、购买即生效、实名即生效。
+- 在套餐授权/分配和已分配套餐编辑入口增加“生效条件”单选：跟随套餐默认、购买即生效、实名激活时生效。
 - 新建分配时调用 `POST /api/admin/shop-package-allocations`，明确传递 `expiry_base_override`；选择“跟随套餐默认”时 MUST 显式传递 `null`，不得省略字段。
-- 已分配套餐修改生效条件时调用 `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`，请求体为 `expiry_base_override:null|from_purchase|from_realname`。
+- 系列授权创建、系列授权新增套餐和批量套餐分配时，均 MUST 显式传递 `expiry_base_override`；该配置只作用于本次新建分配。
+- 已分配套餐修改生效条件时调用 `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`，请求体为 `expiry_base_override:null|from_purchase|from_activation`。
 - 在分配详情、编辑弹框和代理系列授权套餐列表展示后端返回的默认生效条件、覆盖生效条件和最终生效条件的中文名称。
 - 修改弹框提示“仅影响后续新订单，不影响已购买套餐”。
 - 前端不根据默认值和覆盖值自行计算最终生效条件，直接使用后端返回的 `effective_expiry_base` 及其名称字段。
@@ -27,6 +28,9 @@
 - API contracts:
   - `POST /api/admin/shop-package-allocations`
   - `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`
+  - `POST /api/admin/shop-series-grants`
+  - `PUT /api/admin/shop-series-grants/{id}/packages`
+  - `POST /api/admin/shop-package-batch-allocations`
 - Out of scope:
   - 已购买套餐或历史订单的生效条件迁移
   - 前端根据分配字段推导或覆盖实际生效条件
diff --git a/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md
index aa1406e..999365a 100644
--- a/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md
+++ b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-package-allocation/spec.md
@@ -2,7 +2,7 @@
 
 ### Requirement: Package Allocation Expiry Base Override Contract
 
-The shop package allocation contract SHALL support an explicit `expiry_base_override` when creating or updating an allocation. The allowed request values MUST be `null`, `from_purchase`, and `from_realname`.
+The shop package allocation contract SHALL support an explicit `expiry_base_override` when creating or updating an allocation. The allowed request values MUST be `null`, `from_purchase`, and `from_activation`. The frontend MUST NOT send `from_realname`.
 
 #### Scenario: Create allocation following the package default
 
@@ -18,11 +18,11 @@ The shop package allocation contract SHALL support an explicit `expiry_base_over
 - **WHEN** 用户创建店铺套餐分配
 - **THEN** 请求 MUST contain `expiry_base_override: "from_purchase"`
 
-#### Scenario: Create allocation with realname activation override
+#### Scenario: Create allocation with activation override
 
-- **GIVEN** 用户在套餐授权/分配弹框选择“实名即生效”
+- **GIVEN** 用户在套餐授权/分配弹框选择“实名激活时生效”
 - **WHEN** 用户创建店铺套餐分配
-- **THEN** 请求 MUST contain `expiry_base_override: "from_realname"`
+- **THEN** 请求 MUST contain `expiry_base_override: "from_activation"`
 
 ### Requirement: Package Allocation Expiry Base Update
 
@@ -31,7 +31,7 @@ The system SHALL update an existing package allocation's expiry-base override th
 #### Scenario: Update allocation expiry base override
 
 - **GIVEN** 用户正在编辑已分配套餐的生效条件
-- **WHEN** 用户选择“购买即生效”或“实名即生效”并保存
+- **WHEN** 用户选择“购买即生效”或“实名激活时生效”并保存
 - **THEN** 系统 MUST call `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`
 - **AND** 请求体 MUST contain the selected `expiry_base_override`
 
@@ -41,6 +41,13 @@ The system SHALL update an existing package allocation's expiry-base override th
 - **WHEN** 用户选择“跟随套餐默认”并保存
 - **THEN** 请求体 MUST explicitly contain `expiry_base_override: null`
 
+#### Scenario: Use activation override enum
+
+- **GIVEN** 用户在已分配套餐编辑弹框选择“实名激活时生效”
+- **WHEN** 用户保存生效条件
+- **THEN** 请求体 MUST contain `expiry_base_override: "from_activation"`
+- **AND** 请求体 MUST NOT contain `expiry_base_override: "from_realname"`
+
 ### Requirement: Package Allocation Expiry Base Resolution Response
 
 The package allocation response SHALL provide `default_expiry_base`, `expiry_base_override`, and `effective_expiry_base`, together with their corresponding Chinese name fields. The frontend MUST render the returned effective value and name without calculating it from other fields.
@@ -59,6 +66,13 @@ The package allocation response SHALL provide `default_expiry_base`, `expiry_bas
 - **THEN** 页面 MUST display the backend returned `effective_expiry_base_name`
 - **AND** 前端 MUST NOT calculate or replace the effective value from the default value and override value
 
+#### Scenario: Display null override as following package default
+
+- **GIVEN** 分配响应的 `expiry_base_override` 为 `null`
+- **WHEN** 页面展示覆盖生效条件
+- **THEN** 页面 MUST use `expiry_base_override_name` when it is returned
+- **AND** 页面 MUST display “跟随套餐默认” when the returned override name is empty or null
+
 ### Requirement: Package Allocation Expiry Base Applies Prospectively
 
 The package allocation expiry-base override SHALL apply only to future new orders. The allocation creation and editing UI MUST inform the user that purchased packages are unaffected.
@@ -72,3 +86,19 @@ The package allocation expiry-base override SHALL apply only to future new order
 
 - **WHEN** 用户创建、更新或恢复套餐分配的生效条件
 - **THEN** 前端 MUST NOT attempt to update existing purchased packages or historical orders
+
+### Requirement: Package Allocation Response Field Contract
+
+All package allocation and package response objects involved in allocation management SHALL preserve the six expiry-base fields returned by the backend: `default_expiry_base`, `default_expiry_base_name`, `expiry_base_override`, `expiry_base_override_name`, `effective_expiry_base`, and `effective_expiry_base_name`.
+
+#### Scenario: Preserve six expiry-base fields in allocation responses
+
+- **WHEN** 前端接收套餐分配创建、更新、详情或列表响应
+- **THEN** 前端类型 MUST support all six expiry-base fields
+- **AND** 页面 MUST use backend-provided `*_name` fields for display
+
+#### Scenario: Preserve six expiry-base fields in package responses
+
+- **WHEN** 前端接收套餐列表、套餐详情、套餐创建或套餐更新响应
+- **THEN** 前端类型 MUST support all six expiry-base fields when returned by the API
+- **AND** 前端 MUST NOT infer allocation effective expiry behavior from package default fields
diff --git a/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md
index c0c5d91..397b3ca 100644
--- a/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md
+++ b/openspec/changes/update-package-allocation-expiry-base-override/specs/shop-series-grant-packages/spec.md
@@ -19,7 +19,7 @@ The series grant package list and package edit context SHALL display the package
 
 ### Requirement: Series Grant Package Expiry Base Editing
 
-The series grant package edit context SHALL provide `跟随套餐默认`, `购买即生效`, and `实名即生效` options, then update the corresponding package allocation record through the package allocation expiry-base API.
+The series grant package edit context SHALL provide `跟随套餐默认`, `购买即生效`, and `实名激活时生效` options, then update the corresponding package allocation record through the package allocation expiry-base API.
 
 #### Scenario: Edit override from series grant package list
 
@@ -28,6 +28,44 @@ The series grant package edit context SHALL provide `跟随套餐默认`, `购
 - **THEN** 系统 MUST use the corresponding package allocation record ID to call `PATCH /api/admin/shop-package-allocations/{id}/expiry-base`
 - **AND** 选择“跟随套餐默认”时请求 MUST explicitly contain `expiry_base_override: null`
 
+### Requirement: Series Grant Creation Expiry Base Contract
+
+The series grant creation and package addition flows SHALL explicitly send one shared `expiry_base_override` for all newly created package allocations. The allowed values MUST be `null`, `from_purchase`, and `from_activation`.
+
+#### Scenario: Create series grant with shared expiry base override
+
+- **WHEN** 前端调用 `POST /api/admin/shop-series-grants`
+- **THEN** 请求 MUST explicitly contain `expiry_base_override`
+- **AND** the selected value MUST apply to all package allocations created by the initial authorization
+
+#### Scenario: Add packages to existing series grant with shared expiry base override
+
+- **WHEN** 前端调用 `PUT /api/admin/shop-series-grants/{id}/packages` to add packages
+- **THEN** 请求 MUST explicitly contain `expiry_base_override`
+- **AND** the selected value MUST apply only to the newly added package allocations
+- **AND** modifying or deleting existing packages MUST NOT change their historical override values
+
+#### Scenario: Restore default during series grant creation or package addition
+
+- **WHEN** 用户选择“跟随套餐默认”
+- **THEN** 请求 MUST explicitly contain `expiry_base_override: null`
+- **AND** 请求 MUST NOT omit the field to represent the default
+
+### Requirement: Batch Package Allocation Expiry Base Contract
+
+The batch package allocation flow SHALL apply one explicitly selected `expiry_base_override` to all allocations created by the batch request.
+
+#### Scenario: Create batch allocations with shared expiry base
+
+- **WHEN** 前端调用 `POST /api/admin/shop-package-batch-allocations`
+- **THEN** 请求 MUST explicitly contain `expiry_base_override`
+- **AND** all returned `data.allocations[]` items MUST preserve the allocation ID and six expiry-base fields
+
+#### Scenario: Batch allocation follows package default
+
+- **WHEN** 用户在批量分配中选择“跟随套餐默认”
+- **THEN** 请求 MUST explicitly contain `expiry_base_override: null`
+
 #### Scenario: Refresh effective value after editing
 
 - **WHEN** 代理系列授权套餐的生效条件更新成功
diff --git a/openspec/changes/update-package-allocation-expiry-base-override/tasks.md b/openspec/changes/update-package-allocation-expiry-base-override/tasks.md
index 424d5f0..c22694d 100644
--- a/openspec/changes/update-package-allocation-expiry-base-override/tasks.md
+++ b/openspec/changes/update-package-allocation-expiry-base-override/tasks.md
@@ -6,7 +6,7 @@
 
 ## 2. Allocation Expiry Condition UI
 
-- [x] 2.1 在套餐授权/分配弹框提供“跟随套餐默认”“购买即生效”“实名即生效”三选一。
+- [x] 2.1 在套餐授权/分配弹框提供“跟随套餐默认”“购买即生效”“实名激活时生效”三选一。
 - [x] 2.2 选择“跟随套餐默认”时显式提交 `expiry_base_override: null`。
 - [x] 2.3 在已分配套餐编辑弹框显示“仅影响后续新订单，不影响已购买套餐”提示。
 - [x] 2.4 在已分配套餐详情或编辑弹框显示默认值、覆盖值和最终值的后端中文名称。
@@ -20,7 +20,7 @@
 ## 4. Policy Integrity and Verification
 
 - [x] 4.1 前端不从默认值和覆盖值计算或修改 `effective_expiry_base`。
-- [x] 4.2 验证新建分配时三种选项分别提交 `null`、`from_purchase`、`from_realname`。
+- [x] 4.2 验证新建分配时三种选项分别提交 `null`、`from_purchase`、`from_activation`，且不提交 `from_realname`。
 - [x] 4.3 验证编辑覆盖值和恢复默认均只影响后续新订单，不影响已购买套餐。
 - [x] 4.4 验证页面可区分默认值、覆盖值和最终生效条件，并正确显示后端中文名称。
 - [x] 4.5 运行相关前端校验，并执行 `openspec validate update-package-allocation-expiry-base-override --strict`。
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 3883087..a9b56a3 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -77,7 +77,7 @@ export interface BatchUpdateAssetRealnamePolicyRequest {
 
 // 换货关联资产
 export interface AssetExchangeTraceAsset {
-  asset_type: AssetType
+  asset_type: string
   asset_id: number | null
   identifier: string
   exchange_no: string
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 557b80f..83dda5f 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -787,6 +787,7 @@
     (e: 'updateBindingCardRealnameStatus', payload: { card: BindingCard }): void
     (e: 'navigateToCard', iccid: string): void
     (e: 'navigateToDevice', deviceNo: string): void
+    (e: 'navigateToAsset', identifier: string): void
     (e: 'viewSyncTrail'): void
   }
 
@@ -868,13 +869,7 @@
 
   const handleNavigateToExchangeAsset = (asset: AssetExchangeTraceAsset) => {
     if (!asset.can_view) return
-
-    if (asset.asset_type === 'card') {
-      emit('navigateToCard', asset.identifier)
-      return
-    }
-
-    emit('navigateToDevice', asset.identifier)
+    emit('navigateToAsset', asset.identifier)
   }
 
   // 复制ICCID
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 6c503a3..eb0c5a5 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -41,6 +41,7 @@
             @enable-binding-card="handleEnableBindingCard"
             @disable-binding-card="handleDisableBindingCard"
             @update-binding-card-realname-status="handleUpdateBindingCardRealnameStatus"
+            @navigate-to-asset="handleNavigateToAsset"
             @navigate-to-card="handleNavigateToCard"
             @navigate-to-device="handleNavigateToDevice"
             @view-sync-trail="handleViewSyncTrail"
@@ -748,6 +749,13 @@
     await handleSearch({ identifier: iccid })
   }
 
+  /**
+   * 跳转到任意资产信息
+   */
+  const handleNavigateToAsset = async (identifier: string) => {
+    await handleSearch({ identifier })
+  }
+
   /**
    * 跳转到绑定设备信息
    */
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 597ad96..a9d32dc 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -50,14 +50,6 @@
           @closed="handleCloseCreateDialog"
         >
           <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="120px">
-            <ElAlert
-              v-if="createFailureMessage"
-              :title="createFailureMessage"
-              type="error"
-              :closable="false"
-              show-icon
-              style="margin-bottom: 18px"
-            />
             <ElFormItem label="流程类型" prop="flow_type">
               <ElSelect
                 v-model="createForm.flow_type"
@@ -129,6 +121,7 @@
                 placeholder="请输入ICCID搜索"
                 :remote-method="searchOldIotCards"
                 :loading="oldCardSearchLoading"
+                no-data-text="暂无可用的旧资产"
                 style="width: 100%"
                 clearable
                 @change="handleOldIdentifierChange"
@@ -161,6 +154,7 @@
                 placeholder="请输入虚拟号或IMEI搜索"
                 :remote-method="searchOldDevices"
                 :loading="oldDeviceSearchLoading"
+                no-data-text="暂无可用的旧资产"
                 style="width: 100%"
                 clearable
                 @change="handleOldIdentifierChange"
@@ -196,6 +190,7 @@
                 placeholder="请输入ICCID搜索"
                 :remote-method="searchNewIotCards"
                 :loading="newCardSearchLoading"
+                no-data-text="暂无同店铺可用的新资产"
                 style="width: 100%"
                 clearable
               >
@@ -227,6 +222,7 @@
                 placeholder="请输入虚拟号或IMEI搜索"
                 :remote-method="searchNewDevices"
                 :loading="newDeviceSearchLoading"
+                no-data-text="暂无同店铺可用的新资产"
                 style="width: 100%"
                 clearable
               >
@@ -298,6 +294,7 @@
                 placeholder="请输入ICCID搜索"
                 :remote-method="searchShipNewIotCards"
                 :loading="newCardSearchLoading"
+                no-data-text="暂无可用的新资产"
                 style="width: 100%"
                 clearable
               >
@@ -329,6 +326,7 @@
                 placeholder="请输入虚拟号或IMEI搜索"
                 :remote-method="searchShipNewDevices"
                 :loading="newDeviceSearchLoading"
+                no-data-text="暂无可用的新资产"
                 style="width: 100%"
                 clearable
               >
@@ -384,7 +382,7 @@
   import { ExchangeService, CardService, DeviceService } from '@/api/modules'
   import type { ExchangeResponse } from '@/api/modules/exchange'
   import type { StandaloneIotCard, Device } from '@/types/api'
-  import { ElAlert, ElMessage, ElTag, ElButton, ElMessageBox, ElSwitch } from 'element-plus'
+  import { ElMessage, ElTag, ElButton, ElMessageBox, ElSwitch } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -409,7 +407,6 @@
   const shipFormRef = ref<FormInstance>()
   const createDialogVisible = ref(false)
   const createLoading = ref(false)
-  const createFailureMessage = ref('')
   const tableRef = ref()
   const createFormRef = ref<FormInstance>()
 
@@ -519,8 +516,7 @@
   const getShopDisplayName = (option?: ShopSelectableOption | null) => {
     if (!option) return ''
     if (option.shop_name) return option.shop_name
-    if (option.shop_id === null || option.shop_id === 0) return '平台'
-    return ''
+    return '库存'
   }
 
   const createSelectedOldAsset = computed<ShopSelectableOption | null>(() => {
@@ -582,6 +578,13 @@
 
   const createOldAssetShopDisplay = computed(() => getShopDisplayName(createSelectedOldAsset.value))
 
+  const getCreateOldAssetShopId = () => {
+    const shopId = createSelectedOldAsset.value?.shop_id
+    if (typeof shopId === 'number') return shopId
+    if (shopId === null) return 0
+    return undefined
+  }
+
   const createDirectInheritedShopHint = computed(() => {
     const shopName = getShopDisplayName(createSelectedNewAsset.value)
     return shopName ? `换货完成后将归属：${shopName}` : ''
@@ -895,7 +898,6 @@
 
   // 显示创建对话框
   const showCreateDialog = () => {
-    createFailureMessage.value = ''
     createDialogVisible.value = true
   }
 
@@ -908,7 +910,6 @@
 
   // 流程类型变更
   const handleFlowTypeChange = async () => {
-    createFailureMessage.value = ''
     // 清空新资产标识符和数据迁移选项
     createForm.new_identifier = ''
     createForm.migrate_data = false
@@ -928,7 +929,6 @@
 
   // 旧资产类型变更
   const handleOldAssetTypeChange = async () => {
-    createFailureMessage.value = ''
     // 清空旧资产标识符
     createForm.old_identifier = ''
     oldIotCardOptions.value = []
@@ -945,20 +945,32 @@
     if (createForm.old_asset_type === 'iot_card') {
       await loadDefaultIotCards()
       // 如果是直接换货，也加载新资产列表
-      if (createForm.flow_type === 'direct') {
+      if (createForm.flow_type === 'direct' && createForm.old_identifier) {
         await loadDefaultNewIotCards()
       }
     } else if (createForm.old_asset_type === 'device') {
       await loadDefaultDevices()
       // 如果是直接换货，也加载新资产列表
-      if (createForm.flow_type === 'direct') {
+      if (createForm.flow_type === 'direct' && createForm.old_identifier) {
         await loadDefaultNewDevices()
       }
     }
   }
 
-  const handleOldIdentifierChange = () => {
-    createFailureMessage.value = ''
+  const handleOldIdentifierChange = async () => {
+    createFormRef.value?.clearValidate('old_identifier')
+    createForm.new_identifier = ''
+    newIotCardOptions.value = []
+    newDeviceOptions.value = []
+    createFormRef.value?.clearValidate('new_identifier')
+
+    if (createForm.flow_type !== 'direct' || !createForm.old_identifier) return
+
+    if (createForm.old_asset_type === 'iot_card') {
+      await loadDefaultNewIotCards()
+    } else if (createForm.old_asset_type === 'device') {
+      await loadDefaultNewDevices()
+    }
   }
 
   const refreshExchangeDetail = async (id: number) => {
@@ -980,6 +992,7 @@
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
+        status: 1,
         page: 1,
         page_size: 10
       })
@@ -1002,6 +1015,7 @@
     oldDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
+        status: 1,
         page: 1,
         page_size: 10
       })
@@ -1031,6 +1045,7 @@
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
+        status: 1,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1060,6 +1075,7 @@
     oldDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
+        status: 1,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1086,10 +1102,19 @@
       return
     }
 
+    const shopId = getCreateOldAssetShopId()
+    if (shopId === undefined) {
+      newIotCardOptions.value = []
+      ElMessage.warning('请先选择旧资产')
+      return
+    }
+
     newCardSearchLoading.value = true
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
+        status: 1,
+        shop_id: shopId,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1139,10 +1164,18 @@
 
   // 加载默认新IoT卡列表
   const loadDefaultNewIotCards = async () => {
+    const shopId = getCreateOldAssetShopId()
+    if (shopId === undefined) {
+      newIotCardOptions.value = []
+      return
+    }
+
     newCardSearchLoading.value = true
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
+        status: 1,
+        shop_id: shopId,
         page: 1,
         page_size: 10
       })
@@ -1185,9 +1218,18 @@
       return
     }
 
+    const shopId = getCreateOldAssetShopId()
+    if (shopId === undefined) {
+      newDeviceOptions.value = []
+      ElMessage.warning('请先选择旧资产')
+      return
+    }
+
     newDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
+        status: 1,
+        shop_id: shopId,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1236,9 +1278,17 @@
 
   // 加载默认新设备列表
   const loadDefaultNewDevices = async () => {
+    const shopId = getCreateOldAssetShopId()
+    if (shopId === undefined) {
+      newDeviceOptions.value = []
+      return
+    }
+
     newDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
+        status: 1,
+        shop_id: shopId,
         page: 1,
         page_size: 10
       })
@@ -1277,7 +1327,6 @@
     createFormRef.value?.validate(async (valid) => {
       if (!valid || createLoading.value) return
 
-      createFailureMessage.value = ''
       createLoading.value = true
       try {
         const exchangeReason =
@@ -1299,9 +1348,7 @@
           requestData.migrate_data = createForm.migrate_data
         }
 
-        const res = await ExchangeService.createExchange(requestData, {
-          requestOptions: { errorMessageMode: 'none' }
-        })
+        const res = await ExchangeService.createExchange(requestData)
         if (res.code === 0) {
           ElMessage.success('换货单创建成功')
           createDialogVisible.value = false
@@ -1309,9 +1356,9 @@
           return
         }
 
-        createFailureMessage.value = res.msg || '换货单创建失败'
+        ElMessage.error(res.msg || '换货单创建失败')
       } catch (error: any) {
-        createFailureMessage.value = error?.response?.data?.msg || '换货单创建失败'
+        console.error('创建换货单失败:', error)
       } finally {
         createLoading.value = false
       }
@@ -1320,7 +1367,6 @@
 
   // 关闭创建对话框
   const handleCloseCreateDialog = () => {
-    createFailureMessage.value = ''
     createFormRef.value?.resetFields()
     // 清空搜索选项
     oldIotCardOptions.value = []

From 127fdb560bbfca6f065e1997bc5a441910f55027 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 23 Jul 2026 17:59:07 +0800
Subject: [PATCH 20/76] =?UTF-8?q?fix:=20=E6=A0=B7=E5=BC=8F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=A5=97=E9=A4=90=E5=88=86=E9=85=8D=E7=94=9F=E6=95=88?=
 =?UTF-8?q?=E6=9D=A1=E4=BB=B6=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/api/packageManagement.ts            |   2 +-
 .../series-grants/detail.vue                  |  16 +--
 .../series-grants/index.vue                   | 115 +++++++++++++++---
 .../series-grants/packages.vue                |  20 +--
 4 files changed, 122 insertions(+), 31 deletions(-)

diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index db54b4c..453f02c 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -102,7 +102,7 @@ export interface CommissionTierInfo {
 export type ExpiryBase = 'from_activation' | 'from_purchase'
 
 // 套餐分配生效条件覆盖值
-export type PackageAllocationExpiryBaseOverride = 'from_purchase' | 'from_realname'
+export type PackageAllocationExpiryBaseOverride = 'from_purchase' | 'from_activation'
 
 // 店铺套餐分配生效条件字段
 export interface PackageAllocationExpiryBaseFields {
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
index 8d03455..e7ab017 100644
--- a/src/views/package-management/series-grants/detail.vue
+++ b/src/views/package-management/series-grants/detail.vue
@@ -275,11 +275,15 @@
             </div>
           </ElFormItem>
           <ElFormItem label="生效条件">
-            <ElRadioGroup v-model="packageForm.expiry_base_override">
-              <ElRadio value="default">跟随套餐默认</ElRadio>
-              <ElRadio value="from_purchase">购买即生效</ElRadio>
-              <ElRadio value="from_realname">实名即生效</ElRadio>
-            </ElRadioGroup>
+            <ElSelect
+              v-model="packageForm.expiry_base_override"
+              placeholder="请选择生效条件"
+              style="width: 100%"
+            >
+              <ElOption label="跟随套餐默认" value="default" />
+              <ElOption label="购买即生效" value="from_purchase" />
+              <ElOption label="实名激活时生效" value="from_activation" />
+            </ElSelect>
             <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
           </ElFormItem>
           <template v-if="packageDialogType === 'edit'">
@@ -329,8 +333,6 @@
     ElInputNumber,
     ElForm,
     ElFormItem,
-    ElRadioGroup,
-    ElRadio,
     FormInstance,
     FormRules
   } from 'element-plus'
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index 1e07eb2..f406955 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -146,7 +146,7 @@
                   </ElFormItem>
 
                   <!-- 套餐成本价 -->
-                  <ElFormItem label="套餐成本价" v-if="form.packages.length > 0">
+                  <ElFormItem label="套餐配置" v-if="form.packages.length > 0">
                     <div class="package-list">
                       <div
                         v-for="(pkg, index) in form.packages"
@@ -155,6 +155,7 @@
                       >
                         <span class="package-name">{{ getPackageName(pkg.package_id) }}</span>
                         <div class="cost-price-input-wrapper">
+                          <div class="package-field-label">套餐成本价（元）</div>
                           <ElInputNumber
                             v-model="pkg.cost_price"
                             :min="pkg.original_cost_price || 0"
@@ -171,11 +172,16 @@
                           </span>
                         </div>
                         <div class="expiry-base-input-wrapper">
-                          <ElRadioGroup v-model="pkg.expiry_base_override">
-                            <ElRadio value="default">跟随套餐默认</ElRadio>
-                            <ElRadio value="from_purchase">购买即生效</ElRadio>
-                            <ElRadio value="from_realname">实名即生效</ElRadio>
-                          </ElRadioGroup>
+                          <div class="expiry-base-label">生效条件</div>
+                          <ElSelect
+                            v-model="pkg.expiry_base_override"
+                            class="expiry-base-select"
+                            placeholder="请选择生效条件"
+                          >
+                            <ElOption label="跟随套餐默认" value="default" />
+                            <ElOption label="购买即生效" value="from_purchase" />
+                            <ElOption label="实名激活时生效" value="from_activation" />
+                          </ElSelect>
                         </div>
                         <ElButton type="danger" size="small" @click="removePackage(index)"
                           >删除</ElButton
@@ -567,7 +573,9 @@
     ElRow,
     ElCol,
     ElSteps,
-    ElStep
+    ElStep,
+    ElSelect,
+    ElOption
   } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type {
@@ -1927,9 +1935,10 @@
   }
 
   .package-item {
-    display: flex;
-    gap: 12px;
-    align-items: center;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 56px;
+    gap: 16px;
+    align-items: start;
     padding: 8px;
     margin-bottom: 8px;
     background-color: var(--el-fill-color-light);
@@ -1944,20 +1953,98 @@
     }
 
     .package-name {
-      flex: 1;
+      grid-column: 1 / 3;
+      grid-row: 1;
+      min-width: 0;
+      padding-bottom: 8px;
+      border-bottom: 1px solid var(--el-border-color-lighter);
       font-size: 14px;
       color: var(--el-text-color-regular);
     }
 
     .cost-price-input-wrapper {
+      grid-column: 1;
+      grid-row: 2;
       display: flex;
-      gap: 8px;
-      align-items: center;
+      flex-direction: column;
+      gap: 6px;
+      align-items: flex-start;
+      width: 100%;
+
+      :deep(.el-input-number) {
+        width: 100% !important;
+      }
+
+      .package-field-label {
+        font-size: 13px;
+        font-weight: 600;
+        color: var(--el-text-color-regular);
+      }
 
       .min-cost-hint {
         font-size: 12px;
         color: var(--el-text-color-secondary);
-        white-space: nowrap;
+        line-height: 1.4;
+      }
+    }
+
+    .expiry-base-input-wrapper {
+      grid-column: 2;
+      grid-row: 2;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      min-width: 0;
+      width: 100%;
+      align-self: start;
+
+      .expiry-base-label {
+        font-size: 13px;
+        font-weight: 600;
+        color: var(--el-text-color-regular);
+      }
+
+      .expiry-base-select {
+        width: 100%;
+        max-width: none;
+      }
+    }
+
+    :deep(.el-button) {
+      grid-column: 3;
+      grid-row: 1;
+      align-self: start;
+      justify-self: end;
+      width: 56px;
+      padding-right: 8px;
+      padding-left: 8px;
+    }
+  }
+
+  @media (width <= 1000px) {
+    .package-item {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 56px;
+    }
+  }
+
+  @media (width <= 640px) {
+    .package-item {
+      grid-template-columns: 1fr;
+
+      .expiry-base-input-wrapper {
+        grid-column: 1 / -1;
+        grid-row: 3;
+      }
+
+      .cost-price-input-wrapper {
+        grid-column: 1 / -1;
+        grid-row: 2;
+      }
+
+      :deep(.el-button) {
+        grid-column: 3;
+        grid-row: 1;
+        justify-self: start;
       }
     }
   }
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index ef2b125..e09ad19 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -76,11 +76,11 @@
       <ElDialog
         v-model="packageDialogVisible"
         :title="packageDialogType === 'add' ? '添加套餐' : '编辑套餐'"
-        width="500px"
+        width="40%"
         :close-on-click-modal="false"
         @closed="handlePackageDialogClosed"
       >
-        <ElForm ref="packageFormRef" :model="packageForm" :rules="packageRules" label-width="100px">
+        <ElForm ref="packageFormRef" :model="packageForm" :rules="packageRules" label-width="140px">
           <ElFormItem label="选择套餐" prop="package_id" v-if="packageDialogType === 'add'">
             <ElSelect
               v-model="packageForm.package_id"
@@ -128,11 +128,15 @@
             </div>
           </ElFormItem>
           <ElFormItem label="生效条件">
-            <ElRadioGroup v-model="packageForm.expiry_base_override">
-              <ElRadio value="default">跟随套餐默认</ElRadio>
-              <ElRadio value="from_purchase">购买即生效</ElRadio>
-              <ElRadio value="from_realname">实名即生效</ElRadio>
-            </ElRadioGroup>
+            <ElSelect
+              v-model="packageForm.expiry_base_override"
+              placeholder="请选择生效条件"
+              style="width: 100%"
+            >
+              <ElOption label="跟随套餐默认" value="default" />
+              <ElOption label="购买即生效" value="from_purchase" />
+              <ElOption label="实名激活时生效" value="from_activation" />
+            </ElSelect>
             <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
           </ElFormItem>
           <template v-if="packageDialogType === 'edit'">
@@ -176,8 +180,6 @@
     ElInputNumber,
     ElForm,
     ElFormItem,
-    ElRadioGroup,
-    ElRadio,
     ElMessage,
     FormInstance,
     FormRules

From 15122e225a968fa49ff35b59d2a8fbae6164c453 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 24 Jul 2026 09:31:11 +0800
Subject: [PATCH 21/76] =?UTF-8?q?feat:=20=E9=A2=84=E8=AE=A1=E6=9C=80?=
 =?UTF-8?q?=E7=BB=88=E5=88=B0=E6=9C=9F=E6=97=B6=E9=97=B4=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=85=B7=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  5 ++--
 .../proposal.md                               |  9 ++++--
 .../specs/asset-information/spec.md           | 29 +++++++++++++++++--
 .../specs/device-management/spec.md           | 25 ++++++++++++++--
 .../specs/iot-card-management/spec.md         | 25 ++++++++++++++--
 .../tasks.md                                  | 29 ++++++++++---------
 src/types/api/asset.ts                        |  3 +-
 src/types/api/card.ts                         |  4 ++-
 src/types/api/device.ts                       |  4 ++-
 src/utils/business/expiryEstimate.ts          | 22 +++++++++-----
 .../components/BasicInfoCard.vue              | 10 +++++--
 .../composables/useAssetInfo.ts               |  1 +
 .../asset-information/types.ts                |  5 ++--
 13 files changed, 133 insertions(+), 38 deletions(-)

diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/design.md b/openspec/changes/add-asset-estimated-final-expiry-display/design.md
index 976be2b..56b344b 100644
--- a/openspec/changes/add-asset-estimated-final-expiry-display/design.md
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/design.md
@@ -15,7 +15,8 @@
 
 ## Decisions
 
-- Decision: 统一使用资产详情和资产列表响应中的 `estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status`、`is_expiring`，不调用额外计算接口。
+- Decision: 统一使用以下五个后台响应字段：`estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status`、`expiry_estimate_status_name`、`is_expiring`，不调用额外计算接口。
+- Decision: `expiry_estimate_status` 仅使用 `exact`、`waiting_activation`、`none`、`invalid_data`。除 `exact` 外，`estimated_final_expires_at` 和 `days_until_final_expiry` 必须为 `null`；已过期的 `exact` 资产允许返回负数剩余天数。
 - Decision: 仅当 `expiry_estimate_status=exact` 且存在 `estimated_final_expires_at` 时格式化展示日期；不可预计状态展示“待激活后起算”。
 - Decision: `is_expiring=true` 是临期样式的唯一触发条件，`days_until_final_expiry` 只作为剩余天数展示或样式辅助信息，前端不自行判定临期阈值。
 - Decision: 普通卡和设备列表保持既有服务端返回顺序与前端排序行为，不因临期字段重排。
@@ -37,4 +38,4 @@
 
 ## Open Questions
 
-- `expiry_estimate_status` 除 `exact` 和待激活状态外的完整枚举及对应文案由后端接口文档确认；本提案要求未知状态不得伪造日期。
+- 后端若返回未约定的状态值，前端不得按 `estimated_final_expires_at` 是否为空展示日期，应按不可预计状态处理。
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/proposal.md b/openspec/changes/add-asset-estimated-final-expiry-display/proposal.md
index 3c089d2..bc9c9f4 100644
--- a/openspec/changes/add-asset-estimated-final-expiry-display/proposal.md
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/proposal.md
@@ -7,11 +7,13 @@
 ## What Changes
 
 - 在资产详情、IoT 卡列表和设备列表增加统一的 `预计套餐到期时间` 展示。
-- 资产详情接口和资产列表响应支持 `estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status` 和 `is_expiring` 字段。
+- 资产详情接口和资产列表响应支持统一的 5 个字段：`estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status`、`expiry_estimate_status_name` 和 `is_expiring`。
+- `expiry_estimate_status` 使用 `exact`、`waiting_activation`、`none`、`invalid_data` 四种状态；非 `exact` 状态下日期和剩余天数字段必须为 `null`。
 - 当 `expiry_estimate_status=exact` 时，展示后端返回的 `estimated_final_expires_at`。
 - 当套餐尚待激活等无法预计最终日期时，展示“待激活后起算”，不得伪造日期。
 - 当 `is_expiring=true` 时，按后端返回的剩余天数使用临期颜色提示；普通资产列表不得因临期状态改变既有排序。
 - 当前套餐自身的到期时间继续仅在套餐明细中展示；前端不得叠加套餐时长计算预计最终到期时间。
+- 本次仅覆盖后台资产详情、IoT 卡列表和设备列表，不处理 C 端资产信息接口或页面。
 
 ## Impact
 
@@ -30,6 +32,9 @@
   - `src/views/asset-management/device-list/index.vue`
 - API contracts:
   - `GET /api/admin/assets/resolve/{identifier}`
-  - IoT 卡和设备资产列表接口
+  - `GET /api/admin/iot-cards/standalone`
+  - `GET /api/admin/devices`
 - Dependencies:
   - 后端在资产详情与资产列表响应中返回预计最终到期字段。
+- Out of scope:
+  - `GET /api/c/v1/asset/info` 及 C 端资产信息页面
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md b/openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md
index cbe174b..69bf220 100644
--- a/openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/specs/asset-information/spec.md
@@ -2,7 +2,7 @@
 
 ### Requirement: Asset Estimated Final Expiry Contract
 
-The admin asset information integration SHALL preserve `estimated_final_expires_at`, `days_until_final_expiry`, `expiry_estimate_status`, and `is_expiring` returned by `GET /api/admin/assets/resolve/{identifier}`.
+The admin asset information integration SHALL preserve the five backend fields `estimated_final_expires_at`, `days_until_final_expiry`, `expiry_estimate_status`, `expiry_estimate_status_name`, and `is_expiring` returned by `GET /api/admin/assets/resolve/{identifier}`. `estimated_final_expires_at` SHALL be an RFC3339 string or `null`, `days_until_final_expiry` SHALL be an integer or `null`, and `expiry_estimate_status` SHALL be one of `exact`, `waiting_activation`, `none`, or `invalid_data`. This requirement applies only to the admin frontend and excludes C-end asset information.
 
 #### Scenario: Preserve an exact final expiry estimate
 
@@ -11,6 +11,15 @@ The admin asset information integration SHALL preserve `estimated_final_expires_
 - **THEN** 前端状态 MUST preserve `estimated_final_expires_at` as `string | null`
 - **AND** 前端状态 MUST preserve `days_until_final_expiry` as `number | null`
 - **AND** 前端状态 MUST preserve `is_expiring` as a boolean
+- **AND** 前端状态 MUST preserve `expiry_estimate_status_name` as the backend-provided status name
+
+#### Scenario: Preserve null fields for non-exact estimates
+
+- **GIVEN** 用户查询后台资产详情
+- **WHEN** `expiry_estimate_status` is `waiting_activation`, `none`, or `invalid_data`
+- **THEN** `estimated_final_expires_at` MUST be preserved as `null`
+- **AND** `days_until_final_expiry` MUST be preserved as `null`
+- **AND** 前端 MUST NOT calculate either field
 
 #### Scenario: Preserve an unavailable final expiry estimate
 
@@ -18,6 +27,7 @@ The admin asset information integration SHALL preserve `estimated_final_expires_
 - **WHEN** 接口返回待激活或其他不可预计的 `expiry_estimate_status`
 - **THEN** 前端状态 MUST preserve `expiry_estimate_status`
 - **AND** 前端 MUST NOT derive `estimated_final_expires_at` from current-package or package-detail fields
+- **AND** 前端 MUST NOT use `expiry_estimate_status_name` as a substitute for the status enum when choosing the display rule
 
 ### Requirement: Asset Estimated Final Expiry Display
 
@@ -33,11 +43,18 @@ The admin asset information view SHALL display one asset-level field labeled `
 
 #### Scenario: Display activation-pending final expiry
 
-- **GIVEN** 资产详情返回等待激活等不可预计的 `expiry_estimate_status`
+- **GIVEN** 资产详情返回 `expiry_estimate_status=waiting_activation`
 - **WHEN** 页面渲染卡资产或设备资产基础信息
 - **THEN** `预计套餐到期时间` MUST display `待激活后起算`
 - **AND** 页面 MUST NOT display a fabricated date
 
+#### Scenario: Handle an unknown estimate status safely
+
+- **GIVEN** 资产详情返回未约定的 `expiry_estimate_status`
+- **WHEN** 页面渲染资产基础信息
+- **THEN** 页面 MUST treat the estimate as unavailable
+- **AND** 页面 MUST NOT display `estimated_final_expires_at` as a date
+
 #### Scenario: Display no-package placeholder
 
 - **GIVEN** 资产没有当前或排队主套餐
@@ -59,3 +76,11 @@ The admin asset information view SHALL display one asset-level field labeled `
 - **WHEN** 页面渲染单个套餐的到期时间
 - **THEN** 页面 MUST continue to display that package's own expiry field in the package detail context
 - **AND** 页面 MUST NOT replace it with `estimated_final_expires_at`
+
+#### Scenario: Display no-package and invalid-data statuses
+
+- **GIVEN** 资产详情返回 `expiry_estimate_status=none` 或 `expiry_estimate_status=invalid_data`
+- **WHEN** 页面渲染资产基础信息
+- **THEN** `none` MUST display a stable empty placeholder
+- **AND** `invalid_data` MUST display `数据异常`
+- **AND** 页面 MUST NOT display a fabricated date
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md b/openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md
index 39c689d..50a4e9a 100644
--- a/openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/specs/device-management/spec.md
@@ -2,7 +2,7 @@
 
 ### Requirement: Device Estimated Final Expiry Display
 
-The device management list integration SHALL preserve and display the backend device-level estimated final package expiry fields without traversing bound cards or calculating package continuation dates in the frontend.
+The device management list integration SHALL preserve and display the five backend device-level estimated final package expiry fields `estimated_final_expires_at`, `days_until_final_expiry`, `expiry_estimate_status`, `expiry_estimate_status_name`, and `is_expiring` returned in `data.items[]` by `GET /api/admin/devices`. The status SHALL be one of `exact`, `waiting_activation`, `none`, or `invalid_data`; non-`exact` records SHALL have `estimated_final_expires_at=null` and `days_until_final_expiry=null`. The frontend SHALL NOT traverse bound cards or calculate package continuation dates. This requirement applies only to the admin device list.
 
 #### Scenario: Display exact device final expiry estimate
 
@@ -13,11 +13,26 @@ The device management list integration SHALL preserve and display the backend de
 
 #### Scenario: Display activation-pending device final expiry
 
-- **GIVEN** 设备列表接口返回待激活等不可预计的 `expiry_estimate_status`
+- **GIVEN** 设备列表接口返回 `expiry_estimate_status=waiting_activation`
 - **WHEN** 页面渲染设备列表行
 - **THEN** `预计套餐到期时间` MUST display `待激活后起算`
 - **AND** 页面 MUST NOT traverse bound cards or display a fabricated date
 
+#### Scenario: Display device estimate status names for non-exact states
+
+- **GIVEN** 设备列表接口返回 `expiry_estimate_status=none` 或 `expiry_estimate_status=invalid_data`
+- **WHEN** 页面渲染设备列表行
+- **THEN** `none` MUST display a stable empty placeholder
+- **AND** `invalid_data` MUST display `数据异常`
+- **AND** 页面 MUST use the status enum to choose the display rule
+
+#### Scenario: Preserve null fields for non-exact device estimates
+
+- **GIVEN** 设备列表接口返回 `expiry_estimate_status=none` 或 `expiry_estimate_status=invalid_data`
+- **THEN** `estimated_final_expires_at` MUST be `null`
+- **AND** `days_until_final_expiry` MUST be `null`
+- **AND** 页面 MUST NOT derive either field from绑定卡或套餐数据
+
 #### Scenario: Highlight expiring device without reordering
 
 - **GIVEN** 设备列表接口返回 `is_expiring=true` and `days_until_final_expiry`
@@ -31,3 +46,9 @@ The device management list integration SHALL preserve and display the backend de
 - **WHEN** 页面渲染预计套餐到期时间列
 - **THEN** 页面 MUST display a stable placeholder
 - **AND** 页面 MUST NOT use an individual package expiry as a substitute
+
+#### Scenario: Preserve device status name without using it for business calculation
+
+- **WHEN** 设备列表接口返回 `expiry_estimate_status_name`
+- **THEN** 前端类型 MUST preserve the field
+- **AND** 页面 MUST NOT calculate or replace the backend status name
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md b/openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md
index eb6eb20..8b56e7f 100644
--- a/openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/specs/iot-card-management/spec.md
@@ -2,7 +2,7 @@
 
 ### Requirement: IoT Card Estimated Final Expiry Display
 
-The IoT card management list integration SHALL preserve and display the backend asset-level estimated final package expiry fields without calculating package continuation dates in the frontend.
+The IoT card management list integration SHALL preserve and display the five backend asset-level estimated final package expiry fields `estimated_final_expires_at`, `days_until_final_expiry`, `expiry_estimate_status`, `expiry_estimate_status_name`, and `is_expiring` returned in `data.items[]` by `GET /api/admin/iot-cards/standalone`. The status SHALL be one of `exact`, `waiting_activation`, `none`, or `invalid_data`; non-`exact` records SHALL have `estimated_final_expires_at=null` and `days_until_final_expiry=null`. The frontend SHALL NOT calculate package continuation dates. This requirement applies only to the admin IoT card list.
 
 #### Scenario: Display exact card final expiry estimate
 
@@ -13,11 +13,26 @@ The IoT card management list integration SHALL preserve and display the backend
 
 #### Scenario: Display activation-pending card final expiry
 
-- **GIVEN** 卡列表接口返回待激活等不可预计的 `expiry_estimate_status`
+- **GIVEN** 卡列表接口返回 `expiry_estimate_status=waiting_activation`
 - **WHEN** 页面渲染卡列表行
 - **THEN** `预计套餐到期时间` MUST display `待激活后起算`
 - **AND** 页面 MUST NOT calculate or display a fabricated date
 
+#### Scenario: Display card estimate status names for non-exact states
+
+- **GIVEN** 卡列表接口返回 `expiry_estimate_status=none` 或 `expiry_estimate_status=invalid_data`
+- **WHEN** 页面渲染卡列表行
+- **THEN** `none` MUST display a stable empty placeholder
+- **AND** `invalid_data` MUST display `数据异常`
+- **AND** 页面 MUST use the status enum to choose the display rule
+
+#### Scenario: Preserve null fields for non-exact card estimates
+
+- **GIVEN** 卡列表接口返回 `expiry_estimate_status=none` 或 `expiry_estimate_status=invalid_data`
+- **THEN** `estimated_final_expires_at` MUST be `null`
+- **AND** `days_until_final_expiry` MUST be `null`
+- **AND** 页面 MUST NOT derive either field from套餐数据
+
 #### Scenario: Highlight expiring card without reordering
 
 - **GIVEN** 卡列表接口返回 `is_expiring=true` and `days_until_final_expiry`
@@ -31,3 +46,9 @@ The IoT card management list integration SHALL preserve and display the backend
 - **WHEN** 页面渲染预计套餐到期时间列
 - **THEN** 页面 MUST display a stable placeholder
 - **AND** 页面 MUST NOT use an individual package expiry as a substitute
+
+#### Scenario: Preserve card status name without using it for business calculation
+
+- **WHEN** 卡列表接口返回 `expiry_estimate_status_name`
+- **THEN** 前端类型 MUST preserve the field
+- **AND** 页面 MUST NOT calculate or replace the backend status name
diff --git a/openspec/changes/add-asset-estimated-final-expiry-display/tasks.md b/openspec/changes/add-asset-estimated-final-expiry-display/tasks.md
index 7ce9184..4a41301 100644
--- a/openspec/changes/add-asset-estimated-final-expiry-display/tasks.md
+++ b/openspec/changes/add-asset-estimated-final-expiry-display/tasks.md
@@ -1,25 +1,26 @@
 ## 1. API Contracts And Types
 
-- [ ] 1.1 扩展资产详情响应和资产信息页面状态，支持 `estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status`、`is_expiring`。
-- [ ] 1.2 扩展 IoT 卡和设备列表项类型，支持预计最终到期字段。
+- [x] 1.1 扩展资产详情响应和资产信息页面状态，支持 5 个预计最终到期字段：`estimated_final_expires_at`、`days_until_final_expiry`、`expiry_estimate_status`、`expiry_estimate_status_name`、`is_expiring`。
+- [x] 1.2 扩展 IoT 卡和设备列表项类型，支持 5 个预计最终到期字段；不处理 C 端字段。
+- [x] 1.3 校验四种状态及字段约束：`exact` 可返回日期和剩余天数，其他状态的 `estimated_final_expires_at` 与 `days_until_final_expiry` 必须为 `null`。
 
 ## 2. Asset Information
 
-- [ ] 2.1 将资产解析接口返回的预计最终到期字段映射到资产详情页面状态。
-- [ ] 2.2 在资产详情卡和设备基础信息中展示“预计套餐到期时间”。
-- [ ] 2.3 `expiry_estimate_status=exact` 时格式化显示 `estimated_final_expires_at`；待激活等不可预计状态显示“待激活后起算”。
-- [ ] 2.4 `is_expiring=true` 时按 `days_until_final_expiry` 应用临期样式，不根据日期或天数自行推导临期状态。
+- [x] 2.1 将资产解析接口返回的预计最终到期字段映射到资产详情页面状态。
+- [x] 2.2 在资产详情卡和设备基础信息中展示“预计套餐到期时间”。
+- [x] 2.3 按 `expiry_estimate_status` 展示：`exact` 显示日期，`waiting_activation` 显示“待激活后起算”，`none` 显示占位，`invalid_data` 显示“数据异常”。
+- [x] 2.4 `is_expiring=true` 时按 `days_until_final_expiry` 应用临期样式，不根据日期或天数自行推导临期状态。
 
 ## 3. Asset Lists
 
-- [ ] 3.1 在 IoT 卡列表新增“预计套餐到期时间”可配置列，显示接口返回的预计日期或“待激活后起算”。
-- [ ] 3.2 在设备列表新增“预计套餐到期时间”可配置列，显示接口返回的预计日期或“待激活后起算”。
-- [ ] 3.3 在两个列表对 `is_expiring=true` 的预计到期时间使用临期样式，且不改变现有列表排序。
+- [x] 3.1 在 IoT 卡列表新增“预计套餐到期时间”可配置列，显示接口返回的预计日期或“待激活后起算”。
+- [x] 3.2 在设备列表新增“预计套餐到期时间”可配置列，显示接口返回的预计日期或“待激活后起算”。
+- [x] 3.3 在两个列表对 `is_expiring=true` 的预计到期时间使用临期样式，且不改变现有列表排序。
 
 ## 4. Verification
 
-- [ ] 4.1 验证无套餐时不伪造预计日期并显示稳定占位内容。
-- [ ] 4.2 验证仅当前套餐和存在多个排队主套餐时，资产详情和两个列表均显示后端 `estimated_final_expires_at`。
-- [ ] 4.3 验证等待激活等不可预计状态显示“待激活后起算”，不显示计算出的日期。
-- [ ] 4.4 验证 `is_expiring=true` 时使用临期样式，且卡、设备列表顺序不变。
-- [ ] 4.5 运行相关类型检查、lint 或构建验证。
+- [x] 4.1 验证无套餐时不伪造预计日期并显示稳定占位内容。
+- [x] 4.2 验证仅当前套餐和存在多个排队主套餐时，资产详情和两个列表均显示后端 `estimated_final_expires_at`。
+- [x] 4.3 验证等待激活等不可预计状态显示“待激活后起算”，不显示计算出的日期。
+- [x] 4.4 验证 `is_expiring=true` 时使用临期样式，且卡、设备列表顺序不变。
+- [x] 4.5 运行相关类型检查、lint 或构建验证。
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index a9b56a3..3914989 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -67,7 +67,7 @@ export interface AssetStartResponse {
 export type AssetRealnamePolicy = 'none' | 'before_order' | 'after_order'
 
 // 预计最终到期时间状态
-export type ExpiryEstimateStatus = 'exact' | 'waiting_activation' | string
+export type ExpiryEstimateStatus = 'exact' | 'waiting_activation' | 'none' | 'invalid_data'
 
 // 批量更新资产实名认证策略请求
 export interface BatchUpdateAssetRealnamePolicyRequest {
@@ -120,6 +120,7 @@ export interface AssetResolveResponse {
   estimated_final_expires_at?: string | null // 当前及排队主套餐接续后的预计最终到期时间
   days_until_final_expiry?: number | null // 距预计最终到期的剩余天数
   expiry_estimate_status?: ExpiryEstimateStatus // 预计最终到期时间状态
+  expiry_estimate_status_name?: string | null // 预计最终到期时间状态名称
   is_expiring?: boolean // 是否临期，由后端判断
   reduction_pct: number // 展示增幅比例（小数，如 0.428571）
   device_protect_status?: DeviceProtectStatus // 保护期状态：none / stop / start（仅 device）
diff --git a/src/types/api/card.ts b/src/types/api/card.ts
index 43f5a1b..16ee784 100644
--- a/src/types/api/card.ts
+++ b/src/types/api/card.ts
@@ -3,6 +3,7 @@
  */
 
 import { PaginationParams, ImportTask } from './common'
+import type { ExpiryEstimateStatus } from './asset'
 
 // 运营商类型
 export enum Operator {
@@ -401,7 +402,8 @@ export interface StandaloneIotCard {
   current_month_start_date?: string | null // 本月开始日期
   estimated_final_expires_at?: string | null // 当前及排队主套餐接续后的预计最终到期时间
   days_until_final_expiry?: number | null // 距预计最终到期的剩余天数
-  expiry_estimate_status?: string // 预计最终到期时间状态
+  expiry_estimate_status?: ExpiryEstimateStatus // 预计最终到期时间状态
+  expiry_estimate_status_name?: string | null // 预计最终到期时间状态名称
   is_expiring?: boolean // 是否临期，由后端判断
   last_month_total_mb?: number // 上月流量总量(MB)
   last_data_check_at?: string | null // 最后流量检查时间
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 2764d9e..697fe4c 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -3,6 +3,7 @@
  */
 
 import { PaginationParams } from './common'
+import type { ExpiryEstimateStatus } from './asset'
 
 // ========== 设备状态枚举 ==========
 
@@ -69,7 +70,8 @@ export interface Device {
   real_name_status_name: string // 实名状态名称
   estimated_final_expires_at?: string | null // 当前及排队主套餐接续后的预计最终到期时间
   days_until_final_expiry?: number | null // 距预计最终到期的剩余天数
-  expiry_estimate_status?: string // 预计最终到期时间状态
+  expiry_estimate_status?: ExpiryEstimateStatus // 预计最终到期时间状态
+  expiry_estimate_status_name?: string | null // 预计最终到期时间状态名称
   is_expiring?: boolean // 是否临期，由后端判断
   authorized_enterprise_id?: number | null // 当前有效授权企业ID
   authorized_enterprise_name?: string | null // 当前有效授权企业名称
diff --git a/src/utils/business/expiryEstimate.ts b/src/utils/business/expiryEstimate.ts
index 5d9655f..5e9560c 100644
--- a/src/utils/business/expiryEstimate.ts
+++ b/src/utils/business/expiryEstimate.ts
@@ -1,20 +1,28 @@
 import { formatDateTime } from './format'
+import type { ExpiryEstimateStatus } from '@/types/api'
 
 export interface ExpiryEstimate {
   estimated_final_expires_at?: string | null
   days_until_final_expiry?: number | null
-  expiry_estimate_status?: string | null
+  expiry_estimate_status?: ExpiryEstimateStatus | null
+  expiry_estimate_status_name?: string | null
   is_expiring?: boolean
 }
 
 export const getExpiryEstimateText = (estimate: ExpiryEstimate): string => {
-  if (estimate.expiry_estimate_status === 'exact') {
-    return estimate.estimated_final_expires_at
-      ? formatDateTime(estimate.estimated_final_expires_at)
-      : '-'
+  switch (estimate.expiry_estimate_status) {
+    case 'exact':
+      return estimate.estimated_final_expires_at
+        ? formatDateTime(estimate.estimated_final_expires_at)
+        : '-'
+    case 'waiting_activation':
+      return '待激活后起算'
+    case 'invalid_data':
+      return '数据异常'
+    case 'none':
+    default:
+      return '-'
   }
-
-  return estimate.expiry_estimate_status ? '待激活后起算' : '-'
 }
 
 export const getExpiryEstimateTooltip = (estimate: ExpiryEstimate): string => {
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 83dda5f..2803f76 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -588,7 +588,12 @@
     ElMessage
   } from 'element-plus'
   import { CopyDocument } from '@element-plus/icons-vue'
-  import type { AssetExchangeTrace, AssetExchangeTraceAsset, AssetPollingStatus } from '@/types/api'
+  import type {
+    AssetExchangeTrace,
+    AssetExchangeTraceAsset,
+    AssetPollingStatus,
+    ExpiryEstimateStatus
+  } from '@/types/api'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
@@ -643,7 +648,8 @@
     total_virtual_remaining_mb?: number | null
     estimated_final_expires_at?: string | null
     days_until_final_expiry?: number | null
-    expiry_estimate_status?: string
+    expiry_estimate_status?: ExpiryEstimateStatus
+    expiry_estimate_status_name?: string | null
     is_expiring?: boolean
     last_sync_time?: string | null
     last_data_check_at?: string | null
diff --git a/src/views/asset-management/asset-information/composables/useAssetInfo.ts b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
index d11299b..fd34e27 100644
--- a/src/views/asset-management/asset-information/composables/useAssetInfo.ts
+++ b/src/views/asset-management/asset-information/composables/useAssetInfo.ts
@@ -143,6 +143,7 @@ export function useAssetInfo() {
           estimated_final_expires_at: data.estimated_final_expires_at ?? null,
           days_until_final_expiry: data.days_until_final_expiry ?? null,
           expiry_estimate_status: data.expiry_estimate_status,
+          expiry_estimate_status_name: data.expiry_estimate_status_name ?? null,
           is_expiring: data.is_expiring ?? false,
           bound_device_id: data.bound_device_id,
           bound_device_no: data.bound_device_no || '',
diff --git a/src/views/asset-management/asset-information/types.ts b/src/views/asset-management/asset-information/types.ts
index 1bca217..031955d 100644
--- a/src/views/asset-management/asset-information/types.ts
+++ b/src/views/asset-management/asset-information/types.ts
@@ -2,7 +2,7 @@
  * 资产信息页面类型定义
  */
 
-import type { AssetExchangeTrace, AssetPollingStatus } from '@/types/api'
+import type { AssetExchangeTrace, AssetPollingStatus, ExpiryEstimateStatus } from '@/types/api'
 
 // 资产类型枚举
 export type AssetType = 'card' | 'device'
@@ -37,7 +37,8 @@ export interface AssetInfo {
   total_virtual_remaining_mb?: number | null
   estimated_final_expires_at?: string | null
   days_until_final_expiry?: number | null
-  expiry_estimate_status?: string
+  expiry_estimate_status?: ExpiryEstimateStatus
+  expiry_estimate_status_name?: string | null
   is_expiring?: boolean
   last_sync_time?: string | null
   last_data_check_at?: string | null

From a0c44ff538baa82de9539bb7f55b9efb14c8caf8 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 24 Jul 2026 11:48:02 +0800
Subject: [PATCH 22/76] =?UTF-8?q?feat:=20=E4=B8=83=E6=9C=88=E8=BF=AD?=
 =?UTF-8?q?=E4=BB=A3=E5=85=AC=E5=85=B1=E7=8A=B6=E6=80=81=E4=B8=8E=E5=BC=82?=
 =?UTF-8?q?=E6=AD=A5=E4=BB=BB=E5=8A=A1=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  63 +++++++
 .../proposal.md                               |  34 ++++
 .../specs/async-task-interaction/spec.md      | 147 +++++++++++++++
 .../specs/export-task-management/spec.md      |  28 +++
 .../tasks.md                                  |  44 +++++
 .../business/ExportTaskCreateDialog.vue       |   3 +
 src/composables/useAsyncTaskPolling.ts        | 178 ++++++++++++++++++
 src/types/api/asyncTask.ts                    |  28 +++
 src/types/api/exportTask.ts                   |  31 +--
 src/types/api/index.ts                        |   3 +
 src/types/components.d.ts                     |   6 +
 .../exchange-management/index.vue             |  18 +-
 .../export-task-detail/index.vue              |  91 +++++----
 .../export-task-list/index.vue                |  66 ++++++-
 14 files changed, 677 insertions(+), 63 deletions(-)
 create mode 100644 openspec/changes/update-unified-async-task-interaction/design.md
 create mode 100644 openspec/changes/update-unified-async-task-interaction/proposal.md
 create mode 100644 openspec/changes/update-unified-async-task-interaction/specs/async-task-interaction/spec.md
 create mode 100644 openspec/changes/update-unified-async-task-interaction/specs/export-task-management/spec.md
 create mode 100644 openspec/changes/update-unified-async-task-interaction/tasks.md
 create mode 100644 src/composables/useAsyncTaskPolling.ts
 create mode 100644 src/types/api/asyncTask.ts

diff --git a/openspec/changes/update-unified-async-task-interaction/design.md b/openspec/changes/update-unified-async-task-interaction/design.md
new file mode 100644
index 0000000..8977c9a
--- /dev/null
+++ b/openspec/changes/update-unified-async-task-interaction/design.md
@@ -0,0 +1,63 @@
+## Context
+
+设备批量分配、批量订购和导出都属于可能耗时的异步操作，但现有页面和任务模型不统一。产品要求以相同的状态语义、进度结构、轮询节奏和恢复行为覆盖这些入口，同时不改变已有业务接口中未涉及的字段。
+
+## Goals / Non-Goals
+
+- Goals: 统一三类页面的公共状态展示、任务进度展示、任务恢复、轮询和错误重试行为。
+- Goals: 为导出任务补齐稳定的任务标识、计数、错误摘要和更新时间字段。
+- Non-Goals: 不在前端实现任务调度、任务执行、失败明细生成或后端状态流转。
+- Non-Goals: 不新增“部分成功”状态，不替换既有业务接口路径，不删除导出接口原字段。
+
+## Decisions
+
+- Decision: 使用固定五态映射：`1=待处理`、`2=处理中`、`3=已完成`、`4=已失败`、`5=已取消`。
+- Rationale: 三类任务使用同一状态语义；部分成功由计数表达，避免增加状态分支。
+
+- Decision: 将任务轮询实现为可复用的 composable 或等价公共模块，由页面提供任务详情查询函数和终态判断函数。
+- Rationale: 轮询节奏、页面可见性处理和清理逻辑必须只维护一份，避免各页面出现漂移。
+
+- Decision: 任务恢复使用持久化的业务入口标识与 `task_id`，恢复时优先查询任务详情；任务进入终态后清理当前入口的活动任务引用。
+- Rationale: 页面刷新后可以继续展示原任务，同时终态任务不会阻止用户创建新的任务。
+
+- Decision: 轮询采用单次调度而非固定高频定时器，延迟序列为 2 秒、3 秒、5 秒，随后保持 10 秒；页面隐藏时取消待执行调度，重新可见时立即查询一次。
+- Rationale: 降低无效请求，并满足页面恢复后的即时反馈要求。
+
+- Decision: 任务失败优先使用后端安全字段 `error_summary` 作为用户文案；`error_code` 只用于前端分类和日志，不直接展示底层技术错误。
+- Rationale: 保证用户可理解，同时避免泄露内部错误信息。
+
+## Data Model
+
+- `task_id`: 稳定任务标识，用于持久化和恢复查询。
+- `status`: 五态任务状态。
+- `total_count`: 任务总数。
+- `success_count`: 成功数。
+- `failed_count`: 失败数。
+- `failure_details`: 失败明细；具体字段由业务任务详情接口定义。
+- `error_code`: 稳定错误分类码。
+- `error_summary`: 可安全展示的中文错误摘要。
+- `updated_at`: 任务最近更新时间。
+
+## Risks / Trade-offs
+
+- Risk: 不同业务详情接口的失败明细字段不完全一致。
+- Mitigation: 公共交互层只约束失败明细可展示，业务页面负责将各自接口字段映射为统一展示模型。
+
+- Risk: 页面刷新时本地保存的任务已被删除或无权限访问。
+- Mitigation: 清理失效任务引用，并按 403 或普通接口失败规则展示对应状态，不重新创建任务。
+
+- Risk: 页面不可见期间任务已进入终态。
+- Mitigation: 页面恢复可见后立即执行一次详情查询，并根据返回状态停止轮询。
+
+## Migration Plan
+
+1. 明确三类任务接口的 `task_id` 创建响应和详情查询契约。
+2. 实现公共任务状态、进度模型和轮询/恢复逻辑。
+3. 先接入设备批量分配、批量订购和导出页面，保留各业务原有提交参数。
+4. 更新导出任务列表和详情类型，兼容旧字段并优先使用新增统一字段。
+5. 验证状态、重试、权限、页面刷新、页面可见性和部分成功场景。
+
+## Open Questions
+
+- 批量分配和批量订购的任务详情接口路径及失败明细字段，需要以后端实际契约为准补入实施任务。
+- `task_id` 的存储范围需要按业务入口区分，还是由统一任务中心集中管理，需要实施前确认。
diff --git a/openspec/changes/update-unified-async-task-interaction/proposal.md b/openspec/changes/update-unified-async-task-interaction/proposal.md
new file mode 100644
index 0000000..21b6f03
--- /dev/null
+++ b/openspec/changes/update-unified-async-task-interaction/proposal.md
@@ -0,0 +1,34 @@
+# Change: 统一公共状态与异步任务交互
+
+## Why
+
+设备批量分配、批量订购和导出页面目前可能分别处理加载、失败、进度和任务恢复，容易产生不同的状态语义和重试行为。需要建立一套可复用的公共交互规则，让用户在不同批量操作页面获得一致的反馈，并避免页面刷新或切换后重复创建任务。
+
+## What Changes
+
+- 为设备批量分配、批量订购和导出页面统一加载中、空数据、无权限、接口失败和重试状态。
+- 统一异步任务的五态语义：待处理、处理中、已完成、已失败、已取消。
+- 统一任务进度数据展示：任务状态、总数、成功数、失败数和失败明细。
+- 明确部分成功的表达方式：任务进入已完成状态，通过成功数和失败数表达部分成功，不新增部分成功状态。
+- 创建任务成功后保存 `task_id`，页面刷新或重新进入时恢复原任务详情，不重复创建任务。
+- 对待处理和处理中任务按 2 秒、3 秒、5 秒递增轮询，之后最大间隔 10 秒；进入终态后停止轮询。
+- 页面不可见时暂停轮询，恢复可见后立即刷新一次。
+- 统一 403、瞬时接口失败和任务失败的用户反馈及重试规则。
+- 为 `GET /api/admin/export-tasks` 和 `GET /api/admin/export-tasks/{id}` 增加兼容性字段契约：`task_id`、`total_count`、`success_count`、`failed_count`、`error_code`、`error_summary`、`updated_at`；原字段不删除、不改名。
+
+## Impact
+
+- Affected specs:
+  - `async-task-interaction`
+  - `export-task-management`
+- Affected code:
+  - 批量分配页面及其设备、IOT 卡任务提交逻辑
+  - 批量订购页面及其任务提交逻辑
+  - 导出任务 API 类型和导出任务列表/详情页面
+  - 可复用异步任务状态、轮询和任务恢复逻辑
+  - 统一错误、空数据、无权限和重试状态组件或页面状态配置
+- Dependencies:
+  - 后端批量分配、批量订购和导出接口必须返回可关联的 `task_id`，并提供按 `task_id` 查询任务详情的能力。
+  - 后端导出接口按本提案新增兼容字段，且继续保留现有字段。
+- Breaking changes:
+  - 无。导出接口仅新增兼容字段；前端统一交互规则不改变既有任务创建接口的必填参数。
diff --git a/openspec/changes/update-unified-async-task-interaction/specs/async-task-interaction/spec.md b/openspec/changes/update-unified-async-task-interaction/specs/async-task-interaction/spec.md
new file mode 100644
index 0000000..f261790
--- /dev/null
+++ b/openspec/changes/update-unified-async-task-interaction/specs/async-task-interaction/spec.md
@@ -0,0 +1,147 @@
+## ADDED Requirements
+
+### Requirement: Unified Async Task States
+
+The admin frontend SHALL use one state vocabulary for device batch allocation, batch ordering, and export tasks: `1=待处理`, `2=处理中`, `3=已完成`, `4=已失败`, and `5=已取消`.
+
+#### Scenario: Render pending and processing states
+
+- **GIVEN** 异步任务状态分别为待处理或处理中
+- **WHEN** 页面展示任务
+- **THEN** 页面 MUST 使用对应的统一状态文案和视觉状态
+- **AND** 页面 MUST treat both states as active states that can be polled
+
+#### Scenario: Render terminal states
+
+- **GIVEN** 异步任务状态为已完成、已失败或已取消
+- **WHEN** 页面展示任务
+- **THEN** 页面 MUST 使用对应的统一终态文案和视觉状态
+- **AND** 页面 MUST stop automatic polling for that task
+
+#### Scenario: Represent partial success
+
+- **GIVEN** 任务执行结束且成功数大于零、失败数大于零
+- **WHEN** 页面展示任务结果
+- **THEN** 页面 MUST show status as 已完成
+- **AND** 页面 MUST show total count, success count, failed count, and available failure details
+- **AND** 页面 MUST NOT introduce or display 部分成功 as a separate task status
+
+### Requirement: Unified Common Page States
+
+The admin frontend SHALL provide consistent loading, empty, forbidden, request failure, and retry interactions on the three supported async-task pages.
+
+#### Scenario: Show loading state
+
+- **GIVEN** 页面正在请求任务列表或任务详情
+- **WHEN** 请求尚未完成
+- **THEN** 页面 MUST show a loading state
+- **AND** 页面 MUST prevent duplicate requests caused by repeated automatic triggers
+
+#### Scenario: Show empty state
+
+- **GIVEN** 任务查询成功但没有任务数据
+- **WHEN** 页面完成渲染
+- **THEN** 页面 MUST show the unified empty state
+- **AND** 页面 MUST keep the page search or task creation entry available when the user has permission
+
+#### Scenario: Handle forbidden response
+
+- **GIVEN** 任务列表或详情接口 responds with HTTP 403
+- **WHEN** 页面 handles the response
+- **THEN** 页面 MUST show an explicit no-permission state
+- **AND** 页面 MUST NOT automatically retry the request
+
+#### Scenario: Retry transient request failure
+
+- **GIVEN** a task list or detail request fails for a transient reason other than 403
+- **WHEN** 页面 handles the response
+- **THEN** 页面 MUST preserve already loaded task data and user input
+- **AND** 页面 MUST provide an explicit retry action
+- **AND** automatic polling MUST continue only after a successful retry or a subsequent successful refresh
+
+### Requirement: Unified Task Progress Model
+
+The admin frontend SHALL normalize task progress into task status, total count, success count, failed count, and failure details for device batch allocation, batch ordering, and export tasks.
+
+#### Scenario: Display active task progress
+
+- **GIVEN** a task is pending or processing
+- **WHEN** task details are available
+- **THEN** 页面 MUST display the current status and total count
+- **AND** 页面 MUST display success count and failed count when returned
+- **AND** 页面 MUST update the displayed values after each successful refresh
+
+#### Scenario: Display failed task details
+
+- **GIVEN** a task is failed or has failed items
+- **WHEN** 页面 renders the task result
+- **THEN** 页面 MUST display a safe failure summary when available
+- **AND** 页面 MUST display failure details when the business detail API provides them
+
+### Requirement: Task Creation And Recovery
+
+The admin frontend SHALL persist the `task_id` returned by an async task creation request and use it to recover the task instead of creating a duplicate task after refresh or re-entry.
+
+#### Scenario: Save task after creation
+
+- **GIVEN** 用户确认设备批量分配、批量订购或导出操作
+- **WHEN** task creation succeeds and returns `task_id`
+- **THEN** 系统 MUST persist the task identifier for the corresponding business entry
+- **AND** 系统 MUST start the unified task detail interaction for that task
+
+#### Scenario: Recover task after page refresh
+
+- **GIVEN** 当前业务入口存在已保存的 active `task_id`
+- **WHEN** 用户刷新页面或重新进入该入口
+- **THEN** 系统 MUST query the existing task detail using that `task_id`
+- **AND** 系统 MUST NOT create another task automatically
+
+#### Scenario: Clear task reference after terminal state
+
+- **GIVEN** a recovered or newly created task reaches a terminal state
+- **WHEN** 页面 handles the terminal task response
+- **THEN** 系统 MUST stop polling
+- **AND** 系统 MUST retain the result for display while allowing a later operation to create a new task
+
+### Requirement: Visibility-Aware Incremental Polling
+
+The admin frontend SHALL poll active async tasks at 2 seconds, 3 seconds, and 5 seconds after creation or refresh, then use an interval no longer than 10 seconds until the task reaches a terminal state.
+
+#### Scenario: Poll active task with increasing delay
+
+- **GIVEN** a task is in 待处理 or 处理中
+- **WHEN** the previous task detail request succeeds and the task remains active
+- **THEN** the next refresh MUST be scheduled after 2 seconds, then 3 seconds, then 5 seconds
+- **AND** subsequent refreshes MUST NOT be more than 10 seconds apart
+
+#### Scenario: Pause polling while page is hidden
+
+- **GIVEN** an active task is being polled
+- **WHEN** the browser page becomes not visible
+- **THEN** the frontend MUST pause or cancel the pending poll
+- **AND** the frontend MUST NOT issue automatic polling requests while the page remains hidden
+
+#### Scenario: Refresh immediately when page becomes visible
+
+- **GIVEN** an active task was paused because the page was hidden
+- **WHEN** the page becomes visible again
+- **THEN** the frontend MUST request the task detail immediately
+- **AND** the frontend MUST resume the incremental polling schedule only if the task remains active
+
+### Requirement: Safe Async Task Error Messaging
+
+The admin frontend SHALL use a safe user-facing error summary for task failures and SHALL NOT expose a raw error code or low-level technical error as the primary user message.
+
+#### Scenario: Show task failure summary
+
+- **GIVEN** a failed task response contains `error_summary`
+- **WHEN** 页面展示失败原因
+- **THEN** 页面 MUST show `error_summary` as the primary failure message
+- **AND** 页面 MUST NOT use `error_code` as the user-facing text
+
+#### Scenario: Fallback when safe summary is absent
+
+- **GIVEN** a failed task response does not contain a safe error summary
+- **WHEN** 页面展示失败原因
+- **THEN** 页面 MUST show a generic actionable failure message
+- **AND** 页面 MUST keep the raw error code and technical error out of the primary user-facing message
diff --git a/openspec/changes/update-unified-async-task-interaction/specs/export-task-management/spec.md b/openspec/changes/update-unified-async-task-interaction/specs/export-task-management/spec.md
new file mode 100644
index 0000000..6a9c4b4
--- /dev/null
+++ b/openspec/changes/update-unified-async-task-interaction/specs/export-task-management/spec.md
@@ -0,0 +1,28 @@
+## MODIFIED Requirements
+
+### Requirement: Export Task API Integration
+
+The admin frontend SHALL provide a typed API integration for unified export tasks using the existing REST contract and the following compatibility additions. Existing response fields MUST remain available and MUST NOT be renamed or removed.
+
+#### Scenario: Query export tasks with unified fields
+
+- **GIVEN** 用户打开任一导出任务页面
+- **WHEN** 用户按页面固定场景、状态、分页或创建时间范围查询导出任务
+- **THEN** 系统 MUST call `GET /api/admin/export-tasks`
+- **AND** 每条任务 MUST support `task_id`, `total_count`, `success_count`, `failed_count`, `error_code`, `error_summary`, and `updated_at`
+- **AND** 原有任务字段 MUST remain parseable by the frontend
+
+#### Scenario: Fetch export task detail with unified fields
+
+- **GIVEN** 用户查看或恢复一个导出任务
+- **WHEN** 系统按 `task_id` 查询任务详情
+- **THEN** 系统 MUST call `GET /api/admin/export-tasks/{id}`
+- **AND** 详情 MUST support `task_id`, `total_count`, `success_count`, `failed_count`, `error_code`, `error_summary`, and `updated_at`
+- **AND** 详情 MUST continue to support existing download and timestamp fields when returned
+
+#### Scenario: Preserve compatibility with missing optional additions
+
+- **GIVEN** 后端暂未返回某个新增兼容字段
+- **WHEN** 前端解析导出任务列表或详情
+- **THEN** 系统 MUST keep the response usable with stable empty or zero placeholders
+- **AND** 系统 MUST NOT fail solely because an optional unified field is absent
diff --git a/openspec/changes/update-unified-async-task-interaction/tasks.md b/openspec/changes/update-unified-async-task-interaction/tasks.md
new file mode 100644
index 0000000..726d1ae
--- /dev/null
+++ b/openspec/changes/update-unified-async-task-interaction/tasks.md
@@ -0,0 +1,44 @@
+## 1. Contract And Model
+
+- [ ] 1.1 确认设备批量分配、批量订购和导出任务创建响应均返回稳定的 `task_id`。
+- [ ] 1.2 确认三类任务按 `task_id` 查询详情的接口路径、状态字段和失败明细字段。
+- [x] 1.3 新增统一任务状态、进度、错误摘要和任务恢复类型，兼容各业务字段别名。
+- [x] 1.4 更新导出任务列表和详情类型，补充 `task_id`、`total_count`、`success_count`、`failed_count`、`error_code`、`error_summary`、`updated_at`。
+
+## 2. Shared Interaction
+
+- [ ] 2.1 实现统一加载中、空数据、无权限、接口失败和重试状态的展示规则。
+- [x] 2.2 实现五态任务状态映射，并明确终态为已完成、已失败或已取消。
+- [ ] 2.3 实现统一任务进度展示，支持总数、成功数、失败数和失败明细。
+- [ ] 2.4 实现任务创建后的 `task_id` 持久化、刷新恢复和失效任务清理。
+- [x] 2.5 实现 2 秒、3 秒、5 秒递增且最大 10 秒的轮询调度。
+- [x] 2.6 实现页面不可见暂停轮询、恢复可见立即刷新和组件卸载清理。
+
+## 3. Business Pages
+
+- [ ] 3.1 接入设备批量分配页面，创建成功后进入统一任务交互流程。
+- [ ] 3.2 接入批量订购页面，创建成功后进入统一任务交互流程。
+- [x] 3.3 接入导出任务列表和详情页面，统一展示任务进度、失败摘要和更新时间。
+- [ ] 3.4 保证部分成功任务仍展示为已完成，并显示成功数与失败数，不引入新状态。
+- [ ] 3.5 保证页面刷新或重新进入时恢复任务，不重复提交创建请求。
+
+## 4. Error And Permission Handling
+
+- [x] 4.1 403 响应展示无权限状态并停止自动重试。
+- [x] 4.2 瞬时接口失败保留已有任务数据和用户输入，并提供明确的手动重试入口。
+- [x] 4.3 任务失败优先展示 `error_summary`，不直接展示 `error_code` 或底层技术错误。
+- [ ] 4.4 验证无权限用户无法看到或触发对应批量操作、任务详情和重试操作。
+
+## 5. Verification
+
+- [ ] 5.1 覆盖五态及部分成功的单元测试。
+- [ ] 5.2 覆盖轮询延迟、终态停止、页面隐藏暂停和恢复立即刷新测试。
+- [ ] 5.3 覆盖页面刷新恢复任务及避免重复创建测试。
+- [ ] 5.4 覆盖 403、瞬时失败、任务失败和安全错误文案测试。
+- [x] 5.5 运行类型检查、lint，并对已接入的导出任务页面进行回归验证。
+
+## Implementation Notes
+
+- 设备批量分配当前仍由 `/api/admin/devices/allocate` 同步返回结果，未返回 `task_id`，因此未接入异步轮询。
+- 当前订单页面仅提供单笔订单创建，仓库中未发现批量订购创建接口或任务详情接口，因此未新增虚构的批量任务流程。
+- 设备批量分配和批量订购需待后端补充异步任务创建及详情契约后继续实施 1.1、1.2、3.1、3.2、3.4、3.5、4.4 及相关测试。
diff --git a/src/components/business/ExportTaskCreateDialog.vue b/src/components/business/ExportTaskCreateDialog.vue
index f58537d..7c673b0 100644
--- a/src/components/business/ExportTaskCreateDialog.vue
+++ b/src/components/business/ExportTaskCreateDialog.vue
@@ -113,6 +113,9 @@
 
       if (res.code === 0) {
         ElMessage.success(res.data?.message || '导出任务已创建')
+        if (res.data?.task_id) {
+          localStorage.setItem(`export-task-active:${props.scene}`, String(res.data.task_id))
+        }
         emit('success', res.data)
         visible.value = false
       } else {
diff --git a/src/composables/useAsyncTaskPolling.ts b/src/composables/useAsyncTaskPolling.ts
new file mode 100644
index 0000000..6999e54
--- /dev/null
+++ b/src/composables/useAsyncTaskPolling.ts
@@ -0,0 +1,178 @@
+import {
+  computed,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  shallowRef,
+  type Ref,
+  type ShallowRef
+} from 'vue'
+import { isAsyncTaskActive, isAsyncTaskTerminal, type AsyncTaskProgress } from '@/types/api'
+
+const POLL_DELAYS = [2000, 3000, 5000]
+const MAX_POLL_DELAY = 10000
+
+export interface AsyncTaskPollingOptions<T extends AsyncTaskProgress> {
+  storageKey: string
+  fetchTask: (taskId: number) => Promise<T>
+  isForbidden?: (error: unknown) => boolean
+  autoRestore?: boolean
+}
+
+export interface AsyncTaskPollingState<T extends AsyncTaskProgress> {
+  taskId: Ref<number | null>
+  task: ShallowRef<T | null>
+  loading: Ref<boolean>
+  forbidden: Ref<boolean>
+  error: Ref<string | null>
+  isActive: Readonly<Ref<boolean>>
+  start: (taskId: number) => Promise<void>
+  retry: () => Promise<void>
+  stop: () => void
+  clear: () => void
+}
+
+const readStoredTaskId = (storageKey: string): number | null => {
+  try {
+    const value = Number(localStorage.getItem(storageKey))
+    return Number.isInteger(value) && value > 0 ? value : null
+  } catch {
+    return null
+  }
+}
+
+const writeStoredTaskId = (storageKey: string, taskId: number | null) => {
+  try {
+    if (taskId) localStorage.setItem(storageKey, String(taskId))
+    else localStorage.removeItem(storageKey)
+  } catch {
+    // Storage may be unavailable in private browsing or restricted webviews.
+  }
+}
+
+const getErrorMessage = (error: any) =>
+  error?.response?.data?.msg || error?.message || '获取导出任务详情失败'
+
+export function useAsyncTaskPolling<T extends AsyncTaskProgress>(
+  options: AsyncTaskPollingOptions<T>
+): AsyncTaskPollingState<T> {
+  const taskId = ref<number | null>(readStoredTaskId(options.storageKey))
+  const task = shallowRef<T | null>(null)
+  const loading = ref(false)
+  const forbidden = ref(false)
+  const error = ref<string | null>(null)
+  const isActive = computed(() => isAsyncTaskActive(task.value?.status))
+
+  let timer: number | undefined
+  let pollIndex = 0
+  let requestInFlight = false
+
+  const clearTimer = () => {
+    if (timer !== undefined) {
+      window.clearTimeout(timer)
+      timer = undefined
+    }
+  }
+
+  const stop = () => {
+    clearTimer()
+  }
+
+  const clear = () => {
+    stop()
+    taskId.value = null
+    task.value = null
+    error.value = null
+    forbidden.value = false
+    writeStoredTaskId(options.storageKey, null)
+  }
+
+  const schedule = () => {
+    clearTimer()
+    if (document.hidden || !isActive.value || !taskId.value) return
+    const delay = POLL_DELAYS[pollIndex] ?? MAX_POLL_DELAY
+    pollIndex += 1
+    timer = window.setTimeout(() => {
+      timer = undefined
+      void refresh()
+    }, delay)
+  }
+
+  const refresh = async () => {
+    if (!taskId.value || requestInFlight || document.hidden) return
+
+    requestInFlight = true
+    loading.value = true
+    forbidden.value = false
+    error.value = null
+    try {
+      const nextTask = await options.fetchTask(taskId.value)
+      task.value = nextTask
+      if (isAsyncTaskTerminal(nextTask.status)) {
+        stop()
+        writeStoredTaskId(options.storageKey, null)
+      } else {
+        schedule()
+      }
+    } catch (requestError) {
+      if (options.isForbidden?.(requestError) ?? false) {
+        forbidden.value = true
+        stop()
+      } else {
+        error.value = getErrorMessage(requestError)
+        stop()
+      }
+    } finally {
+      loading.value = false
+      requestInFlight = false
+    }
+  }
+
+  const start = async (nextTaskId: number) => {
+    if (!Number.isInteger(nextTaskId) || nextTaskId <= 0) return
+    taskId.value = nextTaskId
+    task.value = null
+    pollIndex = 0
+    writeStoredTaskId(options.storageKey, nextTaskId)
+    await refresh()
+  }
+
+  const retry = async () => {
+    if (!taskId.value) return
+    await refresh()
+  }
+
+  const handleVisibilityChange = () => {
+    if (document.hidden) {
+      stop()
+      return
+    }
+    if (taskId.value && isActive.value) {
+      pollIndex = 0
+      void refresh()
+    }
+  }
+
+  onMounted(() => {
+    document.addEventListener('visibilitychange', handleVisibilityChange)
+    if (options.autoRestore !== false && taskId.value) void refresh()
+  })
+
+  onBeforeUnmount(() => {
+    stop()
+    document.removeEventListener('visibilitychange', handleVisibilityChange)
+  })
+
+  return {
+    taskId,
+    task: task as ShallowRef<T | null>,
+    loading,
+    forbidden,
+    error,
+    isActive,
+    start,
+    retry,
+    stop,
+    clear
+  }
+}
diff --git a/src/types/api/asyncTask.ts b/src/types/api/asyncTask.ts
new file mode 100644
index 0000000..b2bc9eb
--- /dev/null
+++ b/src/types/api/asyncTask.ts
@@ -0,0 +1,28 @@
+export enum AsyncTaskStatus {
+  PENDING = 1,
+  PROCESSING = 2,
+  COMPLETED = 3,
+  FAILED = 4,
+  CANCELED = 5
+}
+
+export interface AsyncTaskProgress {
+  task_id?: number
+  status: number
+  status_name?: string
+  total_count?: number
+  success_count?: number
+  failed_count?: number
+  failure_details?: unknown[] | null
+  error_code?: string
+  error_summary?: string
+  updated_at?: string
+}
+
+export const isAsyncTaskActive = (status?: AsyncTaskStatus) =>
+  status === AsyncTaskStatus.PENDING || status === AsyncTaskStatus.PROCESSING
+
+export const isAsyncTaskTerminal = (status?: AsyncTaskStatus) =>
+  status === AsyncTaskStatus.COMPLETED ||
+  status === AsyncTaskStatus.FAILED ||
+  status === AsyncTaskStatus.CANCELED
diff --git a/src/types/api/exportTask.ts b/src/types/api/exportTask.ts
index 2024763..00f193c 100644
--- a/src/types/api/exportTask.ts
+++ b/src/types/api/exportTask.ts
@@ -21,23 +21,30 @@ export interface ExportTaskQueryParams extends PaginationParams {
 
 export interface ExportTaskItem {
   id: number
+  task_id?: number
   task_no: string
   scene: ExportTaskScene
   status: ExportTaskStatus
-  status_name: string
-  progress: number
+  status_name?: string
+  progress?: number
   format: ExportTaskFormat
-  total_rows: number
-  processed_rows: number
-  total_shards: number
-  success_shards: number
-  failed_shards: number
-  file_key: string
-  error_message: string
-  cancel_requested: boolean
+  total_rows?: number
+  processed_rows?: number
+  total_shards?: number
+  success_shards?: number
+  failed_shards?: number
+  file_key?: string
+  error_message?: string
+  cancel_requested?: boolean
+  total_count?: number
+  success_count?: number
+  failed_count?: number
+  error_code?: string
+  error_summary?: string
+  updated_at?: string
   created_at: string
-  started_at: string
-  completed_at: string
+  started_at?: string
+  completed_at?: string
 }
 
 export interface ExportTaskListResponse {
diff --git a/src/types/api/index.ts b/src/types/api/index.ts
index 8527887..f4e2fc4 100644
--- a/src/types/api/index.ts
+++ b/src/types/api/index.ts
@@ -111,5 +111,8 @@ export * from './pollingMonitor'
 // 导出任务相关
 export * from './exportTask'
 
+// 通用异步任务相关
+export * from './asyncTask'
+
 // 订单套餐批量作废任务相关
 export * from './orderPackageInvalidateTask'
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index c4a0e32..ca21b11 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -87,8 +87,10 @@ declare module 'vue' {
     ElAlert: typeof import('element-plus/es')['ElAlert']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCalendar: typeof import('element-plus/es')['ElCalendar']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCascader: typeof import('element-plus/es')['ElCascader']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
@@ -111,7 +113,9 @@ declare module 'vue' {
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
     ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
@@ -123,6 +127,8 @@ declare module 'vue' {
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
+    ElTimeline: typeof import('element-plus/es')['ElTimeline']
+    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
     ElUpload: typeof import('element-plus/es')['ElUpload']
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index a9d32dc..51ba210 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -992,7 +992,6 @@
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
-        status: 1,
         page: 1,
         page_size: 10
       })
@@ -1015,7 +1014,6 @@
     oldDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
-        status: 1,
         page: 1,
         page_size: 10
       })
@@ -1045,7 +1043,6 @@
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
-        status: 1,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1075,7 +1072,6 @@
     oldDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
-        status: 1,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1113,8 +1109,6 @@
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
-        status: 1,
-        shop_id: shopId,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1174,13 +1168,14 @@
     try {
       const res = await CardService.getStandaloneIotCards({
         is_standalone: true,
-        status: 1,
-        shop_id: shopId,
         page: 1,
         page_size: 10
       })
       if (res.code === 0 && res.data) {
         newIotCardOptions.value = res.data.items || []
+        if (newIotCardOptions.value.length === 0) {
+          ElMessage.info('暂无同店铺可用的新资产')
+        }
       }
     } catch (error) {
       console.error('加载IoT卡列表失败:', error)
@@ -1228,8 +1223,6 @@
     newDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
-        status: 1,
-        shop_id: shopId,
         keyword: query,
         page: 1,
         page_size: 20
@@ -1287,13 +1280,14 @@
     newDeviceSearchLoading.value = true
     try {
       const res = await DeviceService.getDevices({
-        status: 1,
-        shop_id: shopId,
         page: 1,
         page_size: 10
       })
       if (res.code === 0 && res.data) {
         newDeviceOptions.value = res.data.items || []
+        if (newDeviceOptions.value.length === 0) {
+          ElMessage.info('暂无同店铺可用的新资产')
+        }
       }
     } catch (error) {
       console.error('加载设备列表失败:', error)
diff --git a/src/views/asset-management/export-task-management/export-task-detail/index.vue b/src/views/asset-management/export-task-management/export-task-detail/index.vue
index 6136474..747aa21 100644
--- a/src/views/asset-management/export-task-management/export-task-detail/index.vue
+++ b/src/views/asset-management/export-task-management/export-task-detail/index.vue
@@ -18,25 +18,28 @@
           </div>
         </div>
 
-        <div v-if="loading" class="detail-loading">
+        <div v-if="polling.loading && !taskDetail" class="detail-loading">
           <ElIcon class="is-loading" :size="36">
             <Loading />
           </ElIcon>
           <div>加载中...</div>
         </div>
         <DetailPage
-          v-else-if="taskDetail && canViewDetail"
+          v-if="taskDetail && canViewDetail"
           :sections="detailSections"
           :data="taskDetail"
         />
-        <ElEmpty v-else :description="forbidden ? '暂无权限查看该导出任务详情' : '暂无详情'" />
+        <ElEmpty
+          v-else
+          :description="polling.forbidden ? '暂无权限查看该导出任务详情' : '暂无详情'"
+        />
       </ElCard>
     </div>
   </ArtTableFullScreen>
 </template>
 
 <script setup lang="ts">
-  import { computed, h, onMounted, ref } from 'vue'
+  import { computed, h, onMounted } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
   import { ElButton, ElCard, ElEmpty, ElIcon, ElMessage, ElMessageBox, ElTag } from 'element-plus'
   import { ArrowLeft, Loading } from '@element-plus/icons-vue'
@@ -48,15 +51,29 @@
   import { formatDateTime } from '@/utils/business/format'
   import type { ExportTaskDetail } from '@/types/api'
   import { ExportTaskStatus } from '@/types/api'
+  import { useAsyncTaskPolling } from '@/composables/useAsyncTaskPolling'
 
   defineOptions({ name: 'ExportTaskDetail' })
 
   const route = useRoute()
   const router = useRouter()
   const { hasAuth } = useAuth()
-  const loading = ref(false)
-  const forbidden = ref(false)
-  const taskDetail = ref<ExportTaskDetail | null>(null)
+  const polling = useAsyncTaskPolling<ExportTaskDetail>({
+    storageKey: `export-task-detail:${String(route.query.id || '')}`,
+    autoRestore: false,
+    fetchTask: async (taskId) => {
+      const res = await ExportTaskService.getExportTaskDetail(taskId)
+      if (res.code === 403) {
+        const error = new Error('您没有查看该导出任务详情的权限') as Error & { status?: number }
+        error.status = 403
+        throw error
+      }
+      if (res.code !== 0 || !res.data) throw new Error(res.msg || '获取导出任务详情失败')
+      return res.data
+    },
+    isForbidden: (error: any) => error?.status === 403 || error?.response?.status === 403
+  })
+  const taskDetail = polling.task
 
   const taskPermissions = computed(
     () => getExportTaskSceneConfig(taskDetail.value?.scene)?.permissions
@@ -102,6 +119,7 @@
       title: '任务基本信息',
       fields: [
         { label: '任务编号', prop: 'task_no', formatter: (value: string) => value || '-' },
+        { label: '任务ID', prop: 'task_id', formatter: (value: number) => String(value ?? '-') },
         {
           label: '导出场景',
           render: (data: ExportTaskDetail) => h(ElTag, {}, () => getExportTaskSceneName(data.scene))
@@ -132,11 +150,17 @@
           prop: 'completed_at',
           formatter: (value: string) => formatDateTime(value) || '-'
         },
+        {
+          label: '更新时间',
+          prop: 'updated_at',
+          formatter: (value: string) => formatDateTime(value) || '-'
+        },
         {
           label: '错误信息',
-          prop: 'error_message',
+          prop: 'error_summary',
           fullWidth: true,
-          formatter: (value: string) => value || '-'
+          formatter: (value: string, data: ExportTaskDetail) =>
+            data.error_summary || data.error_message || value || '-'
         }
       ]
     },
@@ -144,6 +168,22 @@
       title: '处理进度',
       fields: [
         { label: '进度', prop: 'progress', formatter: (value: number) => `${value ?? 0}%` },
+        {
+          label: '总数',
+          prop: 'total_count',
+          formatter: (value: number, data: ExportTaskDetail) =>
+            String(value ?? data.total_rows ?? 0)
+        },
+        {
+          label: '成功数',
+          prop: 'success_count',
+          formatter: (value: number) => String(value ?? 0)
+        },
+        {
+          label: '失败数',
+          prop: 'failed_count',
+          formatter: (value: number) => String(value ?? 0)
+        },
         { label: '总行数', prop: 'total_rows', formatter: (value: number) => String(value ?? 0) },
         {
           label: '已处理行数',
@@ -203,33 +243,16 @@
 
   const getTaskId = () => Number(route.query.id)
 
-  const getTaskDetail = async () => {
+  const loadTaskDetail = async () => {
     const taskId = getTaskId()
     if (!taskId) {
       ElMessage.error('缺少任务ID参数')
       goBack()
       return
     }
-
-    loading.value = true
-    forbidden.value = false
-    try {
-      const res = await ExportTaskService.getExportTaskDetail(taskId)
-      if (res.code === 0) {
-        taskDetail.value = res.data
-        if (!canViewDetail.value) {
-          forbidden.value = true
-          ElMessage.warning('您没有查看该导出任务详情的权限')
-        }
-      } else {
-        ElMessage.error(res.msg || '获取导出任务详情失败')
-      }
-    } catch (error) {
-      console.error('获取导出任务详情失败:', error)
-      ElMessage.error('获取导出任务详情失败')
-    } finally {
-      loading.value = false
-    }
+    await polling.start(taskId)
+    if (polling.error.value) ElMessage.error(polling.error.value)
+    if (polling.forbidden.value) ElMessage.warning('您没有查看该导出任务详情的权限')
   }
 
   const downloadTask = () => {
@@ -259,10 +282,12 @@
       type: 'warning'
     }).then(async () => {
       try {
-        const res = await ExportTaskService.cancelExportTask(taskDetail.value!.id)
+        const res = await ExportTaskService.cancelExportTask(
+          taskDetail.value!.task_id ?? taskDetail.value!.id
+        )
         if (res.code === 0) {
           ElMessage.success(res.data?.message || '任务取消成功')
-          getTaskDetail()
+          polling.retry()
         } else {
           ElMessage.error(res.msg || '取消导出任务失败')
         }
@@ -274,7 +299,7 @@
   }
 
   onMounted(() => {
-    getTaskDetail()
+    loadTaskDetail()
   })
 </script>
 
diff --git a/src/views/asset-management/export-task-management/export-task-list/index.vue b/src/views/asset-management/export-task-management/export-task-list/index.vue
index e4d642f..b64b12d 100644
--- a/src/views/asset-management/export-task-management/export-task-list/index.vue
+++ b/src/views/asset-management/export-task-management/export-task-list/index.vue
@@ -49,8 +49,9 @@
   import { RoutesAlias } from '@/router/routesAlias'
   import { getExportTaskSceneConfig } from '@/config/constants'
   import type { SearchFormItem } from '@/types'
-  import type { ExportTaskItem, ExportTaskScene } from '@/types/api'
+  import type { ExportTaskDetail, ExportTaskItem, ExportTaskScene } from '@/types/api'
   import { ExportTaskStatus } from '@/types/api'
+  import { useAsyncTaskPolling } from '@/composables/useAsyncTaskPolling'
 
   defineOptions({ name: 'ExportTaskList' })
 
@@ -116,11 +117,15 @@
     { label: '任务编号', prop: 'task_no' },
     { label: '状态', prop: 'status_name' },
     { label: '进度', prop: 'progress' },
+    { label: '总数', prop: 'total_count' },
+    { label: '成功数', prop: 'success_count' },
+    { label: '失败数', prop: 'failed_count' },
     { label: '格式', prop: 'format' },
     { label: '总行数', prop: 'total_rows' },
     { label: '已处理行数', prop: 'processed_rows' },
     { label: '分片', prop: 'total_shards' },
-    { label: '错误信息', prop: 'error_message' },
+    { label: '错误信息', prop: 'error_summary' },
+    { label: '更新时间', prop: 'updated_at' },
     { label: '创建时间', prop: 'created_at' }
   ]
 
@@ -153,6 +158,24 @@
       width: 150,
       formatter: (row: ExportTaskItem) => h(ElProgress, { percentage: row.progress || 0 })
     },
+    {
+      prop: 'total_count',
+      label: '总数',
+      width: 100,
+      formatter: (row: ExportTaskItem) => row.total_count ?? row.total_rows ?? 0
+    },
+    {
+      prop: 'success_count',
+      label: '成功数',
+      width: 100,
+      formatter: (row: ExportTaskItem) => row.success_count ?? 0
+    },
+    {
+      prop: 'failed_count',
+      label: '失败数',
+      width: 100,
+      formatter: (row: ExportTaskItem) => row.failed_count ?? 0
+    },
     { prop: 'format', label: '格式', width: 90 },
     { prop: 'total_rows', label: '总行数', width: 110 },
     { prop: 'processed_rows', label: '已处理行数', width: 120 },
@@ -162,12 +185,24 @@
       width: 130,
       formatter: (row: ExportTaskItem) => `${row.success_shards || 0}/${row.total_shards || 0}`
     },
-    { prop: 'error_message', label: '错误信息', minWidth: 180, showOverflowTooltip: true },
+    {
+      prop: 'error_summary',
+      label: '错误信息',
+      minWidth: 180,
+      showOverflowTooltip: true,
+      formatter: (row: ExportTaskItem) => row.error_summary || row.error_message || '-'
+    },
     {
       prop: 'created_at',
       label: '创建时间',
       width: 180,
       formatter: (row: ExportTaskItem) => formatDateTime(row.created_at) || '-'
+    },
+    {
+      prop: 'updated_at',
+      label: '更新时间',
+      width: 180,
+      formatter: (row: ExportTaskItem) => formatDateTime(row.updated_at) || '-'
     }
   ])
 
@@ -257,6 +292,25 @@
     return res.data
   }
 
+  const activeTaskPolling = useAsyncTaskPolling<ExportTaskDetail>({
+    storageKey: computed(() => `export-task-active:${currentScene.value}`).value,
+    fetchTask: async (taskId) => {
+      const res = await ExportTaskService.getExportTaskDetail(taskId)
+      if (res.code === 403) {
+        const error = new Error('暂无权限查看导出任务') as Error & { status?: number }
+        error.status = 403
+        throw error
+      }
+      if (res.code !== 0 || !res.data) throw new Error(res.msg || '获取导出任务详情失败')
+      return res.data
+    },
+    isForbidden: (error: any) => error?.status === 403 || error?.response?.status === 403
+  })
+
+  watch(activeTaskPolling.task, () => {
+    if (activeTaskPolling.task.value) getTableData()
+  })
+
   const getRowPermissions = (row: ExportTaskItem) => {
     return getExportTaskSceneConfig(row.scene)?.permissions || currentPermissions.value
   }
@@ -269,7 +323,7 @@
 
     router.push({
       path: RoutesAlias.ExportTaskDetail,
-      query: { id: row.id }
+      query: { id: row.task_id ?? row.id }
     })
   }
 
@@ -280,7 +334,7 @@
     }
 
     try {
-      const detail = await getTaskDetail(row.id)
+      const detail = await getTaskDetail(row.task_id ?? row.id)
       if (!detail.download_url) {
         ElMessage.warning('当前任务暂无可用下载地址')
         return
@@ -305,7 +359,7 @@
       type: 'warning'
     }).then(async () => {
       try {
-        const res = await ExportTaskService.cancelExportTask(row.id)
+        const res = await ExportTaskService.cancelExportTask(row.task_id ?? row.id)
         if (res.code === 0) {
           ElMessage.success(res.data?.message || '任务取消成功')
           getTableData()

From e043fd86d1437426c64bce036835e924005b0111 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 24 Jul 2026 12:03:04 +0800
Subject: [PATCH 23/76] =?UTF-8?q?feat:=20=E8=A7=92=E8=89=B2=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E4=BF=A1=E7=94=A8=E4=B8=8E=E5=BA=97=E9=93=BA=E5=AE=9E?=
 =?UTF-8?q?=E9=99=85=E9=A2=9D=E5=BA=A6=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tasks.md                                   | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
index ee44d8f..6030eff 100644
--- a/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
@@ -26,9 +26,17 @@
 
 ## 5. Verification
 
-- [ ] 5.1 验证客户角色默认信用保存后不会修改已有店铺展示的实际信用额度。
-- [ ] 5.2 验证新建店铺使用所选客户角色默认信用初始化实际额度。
-- [ ] 5.3 验证资金概况页展示字段与接口返回一致。
-- [ ] 5.4 验证关闭信用时额度输入归零。
-- [ ] 5.5 验证并发冲突后页面提示并刷新最新资金概况。
+- [x] 5.1 验证客户角色默认信用保存后不会修改已有店铺展示的实际信用额度。
+- [x] 5.2 验证新建店铺使用所选客户角色默认信用初始化实际额度。
+- [x] 5.3 验证资金概况页展示字段与接口返回一致。
+- [x] 5.4 验证关闭信用时额度输入归零。
+- [x] 5.5 验证并发冲突后页面提示并刷新最新资金概况。
 - [x] 5.6 运行相关 lint、类型检查或构建命令。
+
+## Verification Notes
+
+- 角色默认信用保存只调用角色默认信用接口，店铺资金概况只读取后端返回的实际额度，未发现前端同步历史店铺额度的逻辑。
+- 店铺创建参数未包含信用额度字段，实际额度初始化由后端按所选客户角色处理。
+- 资金概况列表直接展示 `balance`、`frozen_balance`、`credit_limit`、`available_balance`、`debt_amount`、`version` 和后端欠款状态字段。
+- 关闭信用时角色配置和店铺调额表单均将额度归零，并以 `credit_limit=0` 提交。
+- 调额响应或异常命中版本冲突时，页面提示并重新加载资金概况。

From 9a84cd0d316276f124e0621767ce9f90e3d2c999 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 24 Jul 2026 15:45:55 +0800
Subject: [PATCH 24/76] =?UTF-8?q?feat:=20=E6=89=B9=E9=87=8F=E8=AE=A2?=
 =?UTF-8?q?=E8=B4=AD=E4=B8=8A=E4=BC=A0=E6=94=AF=E4=BB=98=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E4=B8=8E=E5=A4=B1=E8=B4=A5=E6=98=8E=E7=BB=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../add-bulk-purchase-upload-task/design.md   |  65 +++
 .../add-bulk-purchase-upload-task/proposal.md |  38 ++
 .../specs/bulk-purchase-task/spec.md          | 133 +++++
 .../add-bulk-purchase-upload-task/tasks.md    |  46 ++
 public/templates/bulk-purchase-template.xlsx  | Bin 0 -> 16010 bytes
 src/api/modules/bulkPurchase.ts               |  31 ++
 src/api/modules/index.ts                      |   1 +
 src/components/business/VoucherUpload.vue     |  23 +-
 src/config/constants/bulkPurchase.ts          |   7 +
 src/config/constants/index.ts                 |   3 +
 src/router/routes/asyncRoutes.ts              |  12 +
 src/router/routesAlias.ts                     |   1 +
 src/types/api/bulkPurchase.ts                 |  67 +++
 src/types/api/index.ts                        |   3 +
 .../order-management/bulk-purchase/index.vue  | 495 ++++++++++++++++++
 .../order-management/order-list/index.vue     |   8 +
 16 files changed, 931 insertions(+), 2 deletions(-)
 create mode 100644 openspec/changes/add-bulk-purchase-upload-task/design.md
 create mode 100644 openspec/changes/add-bulk-purchase-upload-task/proposal.md
 create mode 100644 openspec/changes/add-bulk-purchase-upload-task/specs/bulk-purchase-task/spec.md
 create mode 100644 openspec/changes/add-bulk-purchase-upload-task/tasks.md
 create mode 100644 public/templates/bulk-purchase-template.xlsx
 create mode 100644 src/api/modules/bulkPurchase.ts
 create mode 100644 src/config/constants/bulkPurchase.ts
 create mode 100644 src/types/api/bulkPurchase.ts
 create mode 100644 src/views/order-management/bulk-purchase/index.vue

diff --git a/openspec/changes/add-bulk-purchase-upload-task/design.md b/openspec/changes/add-bulk-purchase-upload-task/design.md
new file mode 100644
index 0000000..4a34fb7
--- /dev/null
+++ b/openspec/changes/add-bulk-purchase-upload-task/design.md
@@ -0,0 +1,65 @@
+## Context
+
+批量订购包含文件上传、异步任务处理、任务恢复和逐行失败查看四个阶段。任务创建需要绑定一个代理商和一种支付方式，线下支付还需要上传整批凭证；任务处理过程中可能出现部分成功和钱包余额不足，前端必须展示后端结果而不能把整批操作当成原子事务。
+
+## Goals / Non-Goals
+
+- Goals: 提供批量订单 Excel 上传、支付方式选择、任务进度展示、任务恢复和逐行失败明细。
+- Goals: 使用 `request_id` 防止重复提交，并按任务 ID 查询服务端真实状态。
+- Goals: 复用公共异步任务的五态语义和终态规则。
+- Non-Goals: 不在前端解析 Excel 业务行、不执行订单创建、不计算订单金额、不回滚已成功订单。
+- Non-Goals: 不改造现有单笔订单创建和单笔支付凭证上传流程。
+- Non-Goals: 不新增后端模板下载接口。
+
+## Decisions
+
+- Decision: 批量订购页面使用独立任务视图，订单列表只提供入口，不把逐行结果嵌入订单列表表格。
+- Rationale: 批量任务有独立生命周期和大量逐行结果，独立页面更适合恢复、轮询和分页查看。
+
+- Decision: `payment_method` 在创建表单中为单选值，并在请求中对整批固定；线下支付时才允许提交 `voucher_file`。
+- Rationale: 产品明确一个批次不能混合支付方式，前端应避免生成含混请求。
+
+- Decision: 使用前端静态 Excel 模板资源。
+- Rationale: 产品明确模板下载不依赖后端动态生成，减少接口依赖。
+
+- Decision: 使用 `request_id` 作为客户端幂等键，并在创建前生成一次、提交重试时复用同一值。
+- Rationale: 防止网络重试或重复点击创建多个相同批次。
+
+- Decision: 部分成功、钱包余额不足和逐行业务失败均由后端任务结果表达；前端只展示计数和失败明细，不自行推断或回滚。
+- Rationale: 钱包扣款和订单事务边界属于后端职责，前端不能可靠重建。
+
+## Data Model
+
+- Create request: `shop_id`、`payment_method`、`file`、可选 `voucher_file`、`request_id`。
+- Task identity: `task_id`、`task_no`。
+- Task status: `1=待处理`、`2=处理中`、`3=已完成`、`4=已失败`、`5=已取消`；部分成功仍属于已完成终态。
+- Task summary: status, total count, success count, failed count, amount summary, timestamps and safe error summary when returned.
+- Item result: row number, asset identifier, package code, row status and safe error reason.
+- Item query: task ID, page, size and optional row status filter.
+
+## Risks / Trade-offs
+
+- Risk: 后端金额字段名称或单位未在产品文档中明确。
+- Mitigation: API 类型和页面以接口实际返回字段为准，统一标注金额单位；实施前补齐字段契约，前端不自行计算汇总。
+
+- Risk: 文件或凭证上传成功但任务创建请求失败，可能留下孤立对象。
+- Mitigation: 创建失败时保留用户选择和错误提示；对象清理策略由后端存储生命周期或接口约定处理。
+
+- Risk: 任务详情恢复时任务已过期、删除或用户失去权限。
+- Mitigation: 按页面权限和接口错误处理展示对应状态，不重复创建原任务。
+
+## Migration Plan
+
+1. 确认批量订购任务摘要、金额和逐行结果字段契约。
+2. 新增 API、类型、权限和静态模板资源。
+3. 实现批量订购入口、文件上传、线下凭证上传和幂等提交。
+4. 实现任务详情、公共状态展示、轮询和 `task_id` 恢复。
+5. 实现逐行结果分页、状态筛选和失败明细展示。
+6. 验证钱包余额不足、部分成功、重复提交、刷新恢复和权限组合。
+
+## Open Questions
+
+- 批量订购任务摘要中的金额字段名称、金额单位和金额分类需要以后端接口文档确认。
+- 失败明细中的资产字段是统一 `asset_identifier`，还是按资产类型返回 `iccid` / `virtual_no`，需要以后端确认。
+- `voucher_file` 是单文件、文件数组还是已上传对象存储 key，需要与 multipart 接口契约确认。
+- 批量订购入口的最终路由、菜单名称和权限编码需要产品/后端确认。
diff --git a/openspec/changes/add-bulk-purchase-upload-task/proposal.md b/openspec/changes/add-bulk-purchase-upload-task/proposal.md
new file mode 100644
index 0000000..4461151
--- /dev/null
+++ b/openspec/changes/add-bulk-purchase-upload-task/proposal.md
@@ -0,0 +1,38 @@
+# Change: 新增批量订购任务与逐行结果
+
+## Why
+
+运营需要为同一个代理商批量导入套餐订单，并统一指定整批支付方式。当前订单页面只支持单笔创建，无法上传批量订单文件、跟踪处理进度或定位逐行失败原因，批量操作也无法安全处理线下支付凭证和钱包余额不足场景。
+
+## What Changes
+
+- 新增批量订购套餐入口，支持选择代理商、整批支付方式和上传 Excel 文件。
+- 支持线下支付时上传整批支付凭证；一个批次禁止混合支付方式。
+- 模板下载使用前端静态文件，不依赖后端模板接口。
+- 新增批量订购任务 API，提交 multipart 字段 `shop_id`、`payment_method`、`file`、`voucher_file` 和 `request_id`。
+- 创建成功后展示任务号、任务状态、总数、成功数、失败数和金额汇总。
+- 支持按 `task_id` 恢复任务详情，并轮询进行中的任务。
+- 新增逐行结果查询，支持分页和状态筛选。
+- 失败明细展示行号、资产、套餐编码和错误原因。
+- 部分成功作为任务终态；钱包余额不足只影响对应行或后续行，不回滚已经成功的订单。
+- 接入现有 RBAC 权限体系，批量订购创建、任务详情、逐行结果和模板下载权限独立控制。
+
+## Impact
+
+- Affected specs:
+  - `bulk-purchase-task`
+  - `order-management`
+  - `async-task-interaction`（复用现有公共异步任务状态与恢复规则）
+- Affected code:
+  - `src/api/modules/bulkPurchase.ts`
+  - `src/types/api/bulkPurchase.ts`
+  - `src/views/order-management/bulk-purchase/index.vue`
+  - `src/components/business/BulkPurchaseCreateDialog.vue`（如采用独立弹窗）
+  - `src/views/order-management/order-list/index.vue`（批量入口）
+  - 静态 Excel 模板资源、路由、菜单、权限和国际化配置
+- Dependencies:
+  - 后端提供三个批量订购接口及 multipart 鉴权契约。
+  - 对象存储上传能力支持批量订单文件和线下支付凭证上传。
+  - 需要确认批量订购任务的完整响应字段和并发轮询策略与公共异步任务规范一致。
+- Breaking changes:
+  - 无。新增 API、页面、权限和任务能力，不修改单笔订单创建接口。
diff --git a/openspec/changes/add-bulk-purchase-upload-task/specs/bulk-purchase-task/spec.md b/openspec/changes/add-bulk-purchase-upload-task/specs/bulk-purchase-task/spec.md
new file mode 100644
index 0000000..64f2f23
--- /dev/null
+++ b/openspec/changes/add-bulk-purchase-upload-task/specs/bulk-purchase-task/spec.md
@@ -0,0 +1,133 @@
+## ADDED Requirements
+
+### Requirement: Bulk Purchase Creation Form
+
+The admin frontend SHALL provide a bulk purchase form that binds one uploaded batch to one shop and one payment method.
+
+#### Scenario: Select batch purchase inputs
+
+- **GIVEN** 用户打开批量订购入口
+- **WHEN** 用户填写批量订购表单
+- **THEN** 页面 MUST require a target shop, one payment method, and an Excel file
+- **AND** 页面 MUST NOT provide a way to mix payment methods within the same batch
+
+#### Scenario: Show voucher upload for offline payment
+
+- **GIVEN** 用户选择线下支付
+- **WHEN** 页面渲染批量订购表单
+- **THEN** 页面 MUST show the batch voucher upload control
+- **AND** 页面 MUST require a completed voucher upload before task creation
+
+#### Scenario: Hide voucher upload for wallet payment
+
+- **GIVEN** 用户选择代理钱包支付
+- **WHEN** 页面渲染或提交批量订购表单
+- **THEN** 页面 MUST NOT submit a voucher file
+- **AND** 页面 MUST clear or ignore a voucher selected before switching to wallet payment
+
+### Requirement: Bulk Purchase File Upload And Creation
+
+The admin frontend SHALL create a bulk purchase task through `POST /api/admin/bulk-purchases` using multipart form data.
+
+#### Scenario: Create bulk purchase task
+
+- **GIVEN** 用户已选择代理商、支付方式并完成文件上传
+- **WHEN** 用户确认创建批量订购任务
+- **THEN** 系统 MUST submit multipart fields `shop_id`, `payment_method`, `file`, and `request_id`
+- **AND** 系统 MUST submit `voucher_file` when the payment method is offline
+- **AND** 系统 MUST save the returned `task_id` and `task_no`
+
+#### Scenario: Prevent creation during upload
+
+- **GIVEN** Excel 文件或线下支付凭证仍在上传
+- **WHEN** 用户点击创建任务
+- **THEN** 页面 MUST prevent task creation
+- **AND** 页面 MUST show the upload-in-progress state until all required uploads finish
+
+#### Scenario: Download static template
+
+- **GIVEN** 用户打开批量订购表单
+- **WHEN** 用户点击模板下载
+- **THEN** 页面 MUST download the packaged frontend static Excel template
+- **AND** 页面 MUST NOT require a template-generation API request
+
+### Requirement: Bulk Purchase Task Summary And Status
+
+The admin frontend SHALL display the server-provided bulk purchase task summary and use the shared five-state async task semantics.
+
+#### Scenario: Display task summary
+
+- **GIVEN** 批量订购任务创建成功或详情接口返回任务
+- **WHEN** 页面展示任务详情
+- **THEN** 页面 MUST display task ID or task number, status, total count, success count, failed count, and returned amount summaries
+- **AND** 页面 MUST use server-provided values without recalculating amounts or counts from the uploaded file
+
+#### Scenario: Treat partial success as terminal completion
+
+- **GIVEN** 任务已处理完成且同时存在成功行和失败行
+- **WHEN** 页面展示任务状态
+- **THEN** 页面 MUST display the task as a completed terminal task
+- **AND** 页面 MUST display success and failed counts separately
+- **AND** 页面 MUST NOT introduce a separate partial-success status
+
+#### Scenario: Handle wallet insufficiency without rollback
+
+- **GIVEN** 代理钱包余额不足导致部分或后续行无法创建订单
+- **WHEN** 页面展示任务结果
+- **THEN** 页面 MUST show the affected rows as failed with their returned reasons
+- **AND** 页面 MUST preserve and display rows that were already successful
+- **AND** 页面 MUST NOT attempt a frontend rollback
+
+### Requirement: Bulk Purchase Task Recovery And Polling
+
+The admin frontend SHALL recover a bulk purchase task by `task_id` and poll its summary while it is active.
+
+#### Scenario: Query task summary
+
+- **GIVEN** 用户需要加载批量订购任务
+- **WHEN** 页面查询任务摘要
+- **THEN** 系统 MUST call `GET /api/admin/bulk-purchases/{task_id}`
+- **AND** 页面 MUST update the task summary from the response
+
+#### Scenario: Recover task after refresh
+
+- **GIVEN** 页面存在已保存的 active `task_id`
+- **WHEN** 用户刷新页面或重新进入批量订购任务页
+- **THEN** 页面 MUST query the existing task by `task_id`
+- **AND** 页面 MUST NOT create another bulk purchase task
+
+#### Scenario: Stop polling at terminal state
+
+- **GIVEN** 批量订购任务状态为已完成、已失败或已取消
+- **WHEN** 页面收到任务摘要
+- **THEN** 页面 MUST stop automatic polling
+- **AND** 页面 MUST retain the terminal summary and failure counts for viewing
+
+### Requirement: Bulk Purchase Item Results
+
+The admin frontend SHALL provide paginated and status-filterable row results for a bulk purchase task.
+
+#### Scenario: Query item results
+
+- **GIVEN** 用户打开批量订购任务结果
+- **WHEN** 页面加载逐行结果
+- **THEN** 系统 MUST call `GET /api/admin/bulk-purchases/{task_id}/items`
+- **AND** 系统 MUST support `page`, `size`, and optional `status` query parameters
+
+#### Scenario: Display failed item details
+
+- **GIVEN** 逐行结果接口返回失败行
+- **WHEN** 页面渲染结果表格
+- **THEN** 页面 MUST display row number, asset identifier, package code, and safe error reason
+- **AND** 页面 MUST NOT expose raw backend stack traces or technical error details
+
+### Requirement: Bulk Purchase Permissions
+
+The admin frontend SHALL gate bulk purchase creation, task viewing, item-result viewing, and template download with explicit permissions.
+
+#### Scenario: Hide unauthorized bulk purchase operations
+
+- **GIVEN** 当前用户缺少某项批量订购权限
+- **WHEN** 页面渲染对应入口或操作
+- **THEN** 页面 MUST NOT display or enable that operation
+- **AND** direct API failure MUST NOT be treated as permission to continue
diff --git a/openspec/changes/add-bulk-purchase-upload-task/tasks.md b/openspec/changes/add-bulk-purchase-upload-task/tasks.md
new file mode 100644
index 0000000..fb0b46c
--- /dev/null
+++ b/openspec/changes/add-bulk-purchase-upload-task/tasks.md
@@ -0,0 +1,46 @@
+## 1. Contract And Types
+
+- [ ] 1.1 确认 `POST /api/admin/bulk-purchases` 的 multipart 字段类型、文件字段格式和响应结构。
+- [ ] 1.2 确认 `GET /api/admin/bulk-purchases/{task_id}` 的任务摘要字段、状态值、金额字段和错误字段。
+- [ ] 1.3 确认 `GET /api/admin/bulk-purchases/{task_id}/items` 的逐行字段、分页结构和状态筛选参数。
+- [x] 1.4 新增批量订购 API service、请求类型、任务摘要类型和逐行结果类型。
+- [x] 1.5 明确 `request_id` 的生成、保存和重复提交响应处理规则。
+
+## 2. Upload And Create
+
+- [x] 2.1 新增批量订购入口和表单，支持选择代理商、支付方式和 Excel 文件。
+- [x] 2.2 提供前端静态 Excel 模板下载，并限制上传文件类型和必要的文件状态。
+- [x] 2.3 线下支付时显示整批支付凭证上传，钱包支付时隐藏或清理凭证字段。
+- [x] 2.4 复用订单列表已有 `VoucherUpload` 组件展示凭证上传进度，上传未完成时禁止创建任务。
+- [x] 2.5 创建请求携带 `shop_id`、`payment_method`、`file`、必要的 `voucher_file` 和 `request_id`。
+- [x] 2.6 防止重复点击和重复提交，创建成功后保存 `task_id` 并进入任务详情。
+
+## 3. Task Progress And Recovery
+
+- [x] 3.1 展示任务号、状态、总数、成功数、失败数、金额汇总和安全错误摘要。
+- [x] 3.2 按公共异步任务规则轮询待处理和处理中的任务，并在终态停止。
+- [x] 3.3 页面刷新或通过任务 ID 重新进入时恢复任务详情，不重复创建批次。
+- [x] 3.4 将部分成功展示为已完成终态，并同时展示成功数和失败数。
+- [x] 3.5 展示钱包余额不足导致的逐行或后续行失败，不回滚已成功订单。
+
+## 4. Item Results
+
+- [x] 4.1 新增逐行结果表格，展示行号、资产、套餐编码、状态和错误原因。
+- [x] 4.2 支持按逐行状态筛选和分页查询。
+- [x] 4.3 失败原因优先展示后端安全错误文案，不直接展示底层技术错误。
+- [x] 4.4 任务详情和逐行结果保持当前任务 ID、筛选条件和分页状态。
+
+## 5. Permissions And Verification
+
+- [x] 5.1 为批量订购创建、任务详情、逐行结果和模板下载配置独立权限。
+- [ ] 5.2 验证一个批次只能提交一种支付方式，线下支付缺少凭证时不能提交。
+- [ ] 5.3 验证重复提交复用 `request_id`，不会创建重复任务。
+- [ ] 5.4 验证空文件、上传失败、任务失败、部分成功和钱包余额不足场景。
+- [ ] 5.5 验证页面刷新恢复、任务终态停止轮询和逐行失败筛选。
+- [x] 5.6 运行 `openspec validate add-bulk-purchase-upload-task --strict`、类型检查、lint 和构建。
+
+## Implementation Notes
+
+- 后端接口文档未随仓库提供，1.1、1.2、1.3 仍需联调确认精确金额字段、逐行字段和 multipart 文件格式；当前类型使用可选兼容字段。
+- 5.2 至 5.5 需要接入真实后端后进行手工回归，当前已完成前端校验、权限、幂等键、恢复、轮询和筛选逻辑。
+- 支付凭证复用 `src/components/business/VoucherUpload.vue`，提交 `voucher_file` 时使用该组件上传后返回的文件 key。
diff --git a/public/templates/bulk-purchase-template.xlsx b/public/templates/bulk-purchase-template.xlsx
new file mode 100644
index 0000000000000000000000000000000000000000..53faa5408c4a35e5f66a08b3492122bc8d000b95
GIT binary patch
literal 16010
zcmeHOTZ|-C86E_USwoPhi7_#$bb=VkOij;iXNKt^Gd(lxvOBwznP#~dgQu%bch^qc
zsH&cs22Efguu2pKL@_aL42p?zNq~T6^~pz{HSvL$y&@W3d?De%??0#RUEOopjs|5m
zy;XJUzn%a5|9}2-&R=WCuD{{)L($)h*FFCBo1YjOqTiR$xMQjhc--{WZO7ZJJI?0F
zj%AKe%iJBfQ?|J08;)Hml}AQP3b!>!H|%Dmba!oKc)Fzc0kd^xIySGAI@~YaF@NKs
zxpi)`07!nzaD4?-Y`;=!1%W%Os=n6Z7V}3Om)m&La6F3zc=Vd8%d}0_<m%Yy=#&Zx
z5*nrX3{B;zUMYD;^>Rt6bzE@Xown0x7#d%4w6?|Vpn!$wzu)3K08!>Oc~B{lN<@>d
zic6VvQ&NkC85^W90hGiOLByjf{_iWp_#kEQgN}(2jkO`4`>9}JpzLWZR(Zg57O+GL
zD{P76P&39hzm_rf(VNb0zVqdwA^Lqz8hc)q2e)!ID`-jko@INnLfvEA@E*&Q252$E
zE-5y%V8SPbfhsjI@bhya@nsWsU<W=mXr{M8&cibpa1A!AZ<guecl@g9DO=2h?Hac3
zY}fb>?Ac^~fESh0sQ4obR%0YH=z*KUTM>UDUWlM?jtQP#vmP@ouT0DwUW(}p05j-@
zTV7tSE|+6^0)S~6dMaf})0|kDE-ywjQ$X^zn|5_{a&#gKpQ1nBCG*VU;^O2?D2pU2
zfaL8&7yR_-)WpJA23`P3_{lE#iN%F#bt(fdfF%4>7yQcMnW>2^yZ~yMhP~MZO#`~J
z5>k&r8jg9S5PTZo)1x7H0tIV`t&3PR96RV`YZg20cq;%PK#I|}5+DdSm<B7ZGOO+x
zj2N(4&Qfn=lje6d5iiBpJi|rAy~}0rh=ktz=U;yR{Oij5=U=;U=8X$y-n#JEV;9c6
zDrsd9k1)HLMttw3AO7QKk0^hC{oH%c{iqlop)Fx_>6NE0{^8kTKzL9Bc=`F)uDtQu
z<)3{2-QPS{0KVX{dK$cDSlm}m@NH$?vCuc6n5^Wy?(Gkw)?!8mgS9}rfb??E$^f3|
zFtZ45k!O{6%0uud0=%<*IwR{w%WDTl0q0{aD+9RdIOd|`6)NBu@k(j9*0!6)%)NFR
zZk@5MBHmSIXNGpU?ILPMMw!ulwZ$`Hu9?gZkb>AeQ0Ser$$3HV?lX*xURMpxb9|=}
zDEAr4A~OnAQZwoqLrRd27#7B*Q`Bb+bw)R<r<6s<Eb8?V-^xP5A(%*3q&vqhR^w(y
zjd!wkz^o#YHHK^_H896n&?*vgqvL65xMe@UNH@9ZD9bwc{UV%`9{QW2eT*Sq6%PBV
z*|D;aUSMn%(LBx^Ck?seY*t&$a*JR$47-(vJ?d}5M47VYAlc}4(p4wxA@q!KV0O>p
zK4nlQnZ%9V1Hs)!Gb2)BAoQl~6^L~wcQW?7(J>p0iztJTo{7|!VfPE$rh&LEIeZ+p
zE2RZYVnxn#Bp0lE!F>cn^b%{^YaCwDZT%ld=#L|G>3=>#_wwbz$K@mxBT7?3B6Dq#
zd0Rab?}lNT8?+`r?u*>p#{{IWppo#zwhE6IVr~n!<jG)=fopn9;3%FG++zf-jTWN~
zl(JYxHvN!v(^p&vdp4t@xsWz7MeZNS)#fCvLuBOeS+MHpvU!}Eqvb|SMo85ZYubp>
zI1$(@v+=_rQS|K~%*rIxp1GBUXd)<PxW!#26^nH_R33K?jj=Y7*(k_|pyerSZ4qlE
zW6b2(#ERCy(XfzKqx%65QP^wQkrvar9HLBfN}FXdc998n^^dwIZDfDijI{=(?Jk5c
zi{AFLM<quDBE^b9%6pS(r+v$`mF-GtW^!z@q-e~olp0v+;?{C8Xg=kF%xq#)R0}+5
zwY&PFaMGm5GsRX_#^yy2hsn6H>-oVF^ILKZ#j9|rOq)1K`Nt+F$k+zcfr4PNHz~%a
zVIu!EDPSYnq2-MR*Mjt5r&>sN@-d8rPCMY<MoZsT>So(pXBd9yl=`C^J~k|bL(>Cx
z*GSvqRW`PUktV&TCE#Q`Gu;*oqb2RmL>?!>g{j6eh^Lfz=v$%eqI3K23VHmXx{@~I
z|Ff>pbbuX%ah*m$!{)BX6!Mfx$?<}ggDB*-3~j~3yf0!0tOYx?cn#&_AVpj~zC~B*
zbCQN|Yb*qVb)%_x2Bwps<#E1-uq3Q+7h>gb>X9VPkdUybl(@bt#jf)$Zq_IUPEial
zDJ__~h$dke5O8_>%RYx5RBuv_lJ>VuB#Wm`=>z}i#6>zYI+e>M$bKXJ$07=CWfK>P
zFVLeoGTjk+kz`2|kym6UznPhk)d5A=%LJU7Yh}dh>haiQBpgPuyT@pZ^BEWWKnneb
z`Ook)lM6GZ3AN^|Bep6yevtZ8VAaDE)nGvsAmv>hd5>(A#zdr~YQyA|v=&X)1I~hC
zzBy%+WP2I!eJVRnqO$BVzBou_hZ@f4TDJ96HAXh?qG)PF>ku(8;-D*i7Uk4WW1yF?
z>)$rz>6Gu{N%(=g<_YVnJ9;O)HGMhZN~@za3_+UqI&Ub3z7wrKVogXFk|!iliY%ZB
zjSMYD94}flWD!GnLY1>+j6AkGa*QE3BV@<OVneNn0M5t4z)ed#z{?;jdri(2Y09*(
zMP+*szF1|2E1$ipOfD4r4%7iu7VPv_S*R%}uiNl&!s#(Ay*5Pr#iS!GU6^d{IQZ^=
z-SFJ~Hw+EY??!nX?2AKgI!r$JL9n2)LC4j5uXXTUk276V6=Y9?MYY8276RwNiW+oB
zTk{;(KUKq_oDci7+t!K|_=@JVZBV5Flue4fP%XveR7sJQ7*$8dcEDF2Y&*g27vKKw
zrSF|pFTVX0E{bexwdD2k3uokwWy$NMvroty-<Q`bFFh0D2yY0*n4cr3$VfvC^K<?~
z(&@|MXjOAe$5X@@hKpo6C6^FY92JC{)eRh6m>t<H@T6hN2I-(=4U&VnVAp}-K`a1y
z5jD)uVHQHFZ?E8iCO5h#6;?_%id#e%B-}30n72A*EE@%1L0BaW@U1(Zj$)ehK**-~
zIg>ZYY?0Nq=o&aK{;xYh;8?iP4c2sQX5v<jFv1&<)p(d)-P_2}-f5%;81pYFfySC{
zAy9ZL>B$G8pQa{hUo%-{rx7w^u4{Hqw5>YF0W#J7gkvkXf={Y5nXbe_g_RE{2pLCH
zG2wdKFp*{zbOSW?okTHWiVs-b<RT%Bxj-qpoXl$R%StJ^U*)>dwq|0eHDk+>Q(C2z
z+)JnlG4@GN$OWNWZ~gJJHj1z4_eB|m3hRsx9*<&j0}DsUCk_^k@>N_qj>B!LCsRD$
zz%fgCc2W8*MNb@=ZDYJdP^5b$DoLY<WNhR25$qBQgy1~RHszQU-!!^eKy?@l3}=yO
z*_yxl=HnNC|I+1iPhNfXi7UVT)ttIT)*iwxW??V=^2hJK_=79wpTBbM(HKw#gP042
z4asFJ!{unTdUWaX+2^mm^2bXrK6&+ppI(0I=a-&-D<&dv(B-sbeYnZ8Guc0*i32>Y
zFMFQjq37vGa&-9AMnC`yJ{A3tA{76@td`X@5@;kfZ#f(N<|9Lop1po(h<-Oo8%@_;
z9o#e{Dg(339n(Wh%NeH?oyU)82%xg`PtDJ`<-@9HXf0V?CTHCpy}OEQue9_IW++2r
z9^!v#{*a=~MST?$aVqNLUG8ld*6uyNw6L~bQZR9Cv|Sgw1zbNBmtTfEO`79&#NfIp
z>f#F~)>;^8@o<WnZH`@gJY&<LDYo?$-!+Y3#Sr@scmX4>I_5^pXh;*m>WziLSYnEX
zs$+?=GeL{_KI}%^Y7Y0P%m;)hCa<Cvj~-OfUp3QV(bQ-MZI2TesX5opBq5O+sc#aF
zP!0^3b`QcwXbTNW+cPSqhwFO1KCS86aD$ck@Wjj%A7;~&hlj_t@y7V5Haa$=jelDV
zfTRUv4C`z-JPR~Dlpk>v5uh-qu_T90bg2Q&n9TKQW1c38guM#>(c>IF#L{6#7GfjG
z$n=$<#nc>kzE5{Ojp6~68gBXs#tG#})uhAuLvyj7b58pqzyF;h*9{HPFLc@{fL>dE
z8&MgU(++Gpi6mR|;9ojFAu1_rEyKSjEM}&uSj-pEToKyf<?sCN-6x;E`pPe^zVR~R
zB+WiF!H|Q@8n_X~#gq?4$Z>gePU&}@zWIaWn91q)8AM81OZ^e4pT;~SQ`}tq+*fUO
zY>uji>1WuDohzx?jn*UrA}ZWX*X>3H-2<&(hMRI*=X!sUkdyY42o|wd742SPo`p#C
zgBtwEk|SCAmNmQ9xj#?C;OO^R7+tL2urmjrpHrbxOo?4nYk_HGdnGHI3w1y6rR@UN
z6PR-8Q-k>p^5MHS=G1iK+z~9YQCGIcFaaV93}&~mZH1MkZ#;x)4EA4VK9>W$#ZdDj
zw&V#+J_r=kMGiSn5k&?ABy+*6Y!tU?*z~<IF<%w{xXA(%0VxPxWJRnQ0gCQVHrAL&
z`)V;@C^5`2kyyw;$!#P~I;wR^DLM{*ISy(v<hjuHmuJ3p^Zl4h=y!A4%E-^JZAQ`D
zSt63KmQ%~DhLhHP#-b?c=#D<p+;lA_>9##nd}yL;Dh~_m)$&ML#Y&RCQJK{>top6w
zTa`3|c$0#(j3E8#Ng7nw<jWX($4BN8_G^24dt`fDh=Gi*tlqnNT<l!2VZ)}6X*Akv
z$bQA}>%X3U<O`o38loS4#qjkimhz~Te}D|v|Hicqg`lzbnLYE3jwa<8CQYE^Rw{AF
zPZIK;olSuErJ4D;aLZX)rr<6=Oaj}I5~_rHQz;<~MsY!<x0uKa@apvOMNhmfTOYCf
zVZMXxYeYEy2oRXp8L=3ueV1+8Cjbb2!ck0rtFK%{KO0PkWgtZ`7vCt20Dnn-FVcg7
zT)On_L4OVwawhXOL8iD1b<54E2!(L?LW|mqF<h#R$cQ8{sJ$4YX*3EksJ$42Tg4bV
z!}O*YXS*j3y(z{y?H2dtw99*SM!YKOe;=HnhXT;vOEU4Qh)o|HSI=uL?I!fLSPR&~
zfp2GqG>uqb$6<`1Bslqm@3znpPvV0@&p`DN&2TbdSM&MLzPRPQCbP^B9haPR5B%ly
zp8nKtaDq^NC+P1YhuHE?f9ZEEA_!u;FiZ|W_BY7=)h<p|`f-j^)+m|SANR<_a!Zaq
zafJ1XEc;qCTae%O;|&9k@|0_4U0~qR9z!I8DkgPg5!YdX(EHP0q!OvW-X8+z>Eyqv
zOo;pw{6Hsf#CZbwbGU@Shl(JO7-b$czk8mbK6;BljU6rh&2FAbet$Eea?4i*mGo%k
zk@Nd33G&}=i$#dOq|PJf_X`r_lf#+agFIq>&6gnlN$p+%=CSj+e1iS8u@rXXjCu5Y
d2AZJ1K3<rQt{wa2rwHf}{yhw%_~3SW`ZxLH&lLaw

literal 0
HcmV?d00001

diff --git a/src/api/modules/bulkPurchase.ts b/src/api/modules/bulkPurchase.ts
new file mode 100644
index 0000000..60b58fa
--- /dev/null
+++ b/src/api/modules/bulkPurchase.ts
@@ -0,0 +1,31 @@
+import request from '@/utils/http'
+import type {
+  BulkPurchaseCreateApiResponse,
+  BulkPurchaseItemsApiResponse,
+  BulkPurchaseTaskApiResponse
+} from '@/types/api'
+
+export class BulkPurchaseService {
+  static createTask(data: FormData): Promise<BulkPurchaseCreateApiResponse> {
+    return request.post<BulkPurchaseCreateApiResponse>({
+      url: '/api/admin/bulk-purchases',
+      data
+    })
+  }
+
+  static getTask(taskId: number): Promise<BulkPurchaseTaskApiResponse> {
+    return request.get<BulkPurchaseTaskApiResponse>({
+      url: `/api/admin/bulk-purchases/${taskId}`
+    })
+  }
+
+  static getItems(
+    taskId: number,
+    params?: { page?: number; size?: number; status?: string | number }
+  ): Promise<BulkPurchaseItemsApiResponse> {
+    return request.get<BulkPurchaseItemsApiResponse>({
+      url: `/api/admin/bulk-purchases/${taskId}/items`,
+      params
+    })
+  }
+}
diff --git a/src/api/modules/index.ts b/src/api/modules/index.ts
index 86849a1..b58e166 100644
--- a/src/api/modules/index.ts
+++ b/src/api/modules/index.ts
@@ -34,6 +34,7 @@ export { PollingMonitorService } from './pollingMonitor'
 export { SuperAdminService } from './superAdmin'
 export { ExportTaskService } from './exportTask'
 export { OrderPackageInvalidateTaskService } from './orderPackageInvalidateTask'
+export { BulkPurchaseService } from './bulkPurchase'
 
 // TODO: 按需添加其他业务模块
 // export { SettingService } from './setting'
diff --git a/src/components/business/VoucherUpload.vue b/src/components/business/VoucherUpload.vue
index 518a714..f3f8270 100644
--- a/src/components/business/VoucherUpload.vue
+++ b/src/components/business/VoucherUpload.vue
@@ -12,6 +12,7 @@
       drag
       multiple
       :auto-upload="false"
+      :accept="accept"
       :on-change="handleFileChange"
       :on-remove="handleRemoveFile"
       list-type="picture"
@@ -20,7 +21,7 @@
       <div class="voucher-upload__text">将{{ voucherName }}拖到此处，或<em>点击上传</em></div>
       <template #tip>
         <div class="el-upload__tip">
-          支持多张图片或附件，最多上传 {{ maxCount }} 个文件；可粘贴文件。
+          {{ tip || `支持多张图片或附件，最多上传 ${maxCount} 个文件；可粘贴文件。` }}
         </div>
       </template>
       <template #file="{ file }">
@@ -61,11 +62,15 @@
     modelValue?: string[] | string
     voucherName?: string
     maxCount?: number
+    accept?: string
+    tip?: string
   }
 
   const props = withDefaults(defineProps<Props>(), {
     voucherName: '凭证',
-    maxCount: 5
+    maxCount: 5,
+    accept: '',
+    tip: ''
   })
 
   const emit = defineEmits<{
@@ -171,6 +176,20 @@
     const file = uploadFile.raw
     if (!file) return
 
+    if (props.accept) {
+      const accepted = props.accept.split(',').some((type) => {
+        const value = type.trim().toLowerCase()
+        return value.startsWith('.')
+          ? file.name.toLowerCase().endsWith(value)
+          : file.type.toLowerCase() === value
+      })
+      if (!accepted) {
+        ElMessage.warning(`只能上传 ${props.accept} 格式的文件`)
+        removeUploadFile(uploadFile)
+        return
+      }
+    }
+
     if (!selectedUploadUids.has(uploadFile.uid)) {
       if (selectedUploadUids.size >= getMaxCount()) {
         showMaxCountWarning()
diff --git a/src/config/constants/bulkPurchase.ts b/src/config/constants/bulkPurchase.ts
new file mode 100644
index 0000000..40b6d66
--- /dev/null
+++ b/src/config/constants/bulkPurchase.ts
@@ -0,0 +1,7 @@
+export const BULK_PURCHASE_PERMISSIONS = {
+  page: 'bulk_purchase:view',
+  create: 'bulk_purchase:create',
+  detail: 'bulk_purchase:detail',
+  items: 'bulk_purchase:items',
+  template: 'bulk_purchase:template'
+} as const
diff --git a/src/config/constants/index.ts b/src/config/constants/index.ts
index bd07217..a0a6537 100644
--- a/src/config/constants/index.ts
+++ b/src/config/constants/index.ts
@@ -34,3 +34,6 @@ export * from './enableStatus'
 
 // 导出任务相关
 export * from './exportTask'
+
+// 批量订购相关
+export * from './bulkPurchase'
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index cac5663..0d87b99 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -1,5 +1,6 @@
 import { RoutesAlias } from '../routesAlias'
 import { AppRouteRecord } from '@/types/router'
+import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
 
 /**
  * 菜单列表、异步路由
@@ -525,6 +526,17 @@ export const asyncRoutes: AppRouteRecord[] = [
           isHide: true,
           keepAlive: false
         }
+      },
+      // 批量订购
+      {
+        path: 'bulk-purchase',
+        name: 'BulkPurchase',
+        component: RoutesAlias.BulkPurchase,
+        meta: {
+          title: '批量订购套餐',
+          permissions: [BULK_PURCHASE_PERMISSIONS.page],
+          keepAlive: true
+        }
       }
     ]
   },
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 9754c20..4c3785a 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -68,6 +68,7 @@ export enum RoutesAlias {
   // 订单管理
   OrderList = '/order-management/order-list', // 订单列表
   OrderDetail = '/order-management/order-list/detail', // 订单详情
+  BulkPurchase = '/order-management/bulk-purchase', // 批量订购
 
   // 财务管理
   AgentRecharge = '/finance/agent-recharge', // 代理充值
diff --git a/src/types/api/bulkPurchase.ts b/src/types/api/bulkPurchase.ts
new file mode 100644
index 0000000..fcce78d
--- /dev/null
+++ b/src/types/api/bulkPurchase.ts
@@ -0,0 +1,67 @@
+import type { BaseResponse } from './common'
+
+export type BulkPurchasePaymentMethod = 'wallet' | 'offline'
+
+export enum BulkPurchaseTaskStatus {
+  PENDING = 1,
+  PROCESSING = 2,
+  COMPLETED = 3,
+  FAILED = 4,
+  CANCELED = 5
+}
+
+export interface BulkPurchaseCreateResponse {
+  task_id: number
+  task_no?: string
+  status?: BulkPurchaseTaskStatus
+  status_name?: string
+  message?: string
+}
+
+export interface BulkPurchaseTask {
+  id?: number
+  task_id: number
+  task_no?: string
+  status: BulkPurchaseTaskStatus
+  status_name?: string
+  total_count?: number
+  success_count?: number
+  failed_count?: number
+  total_amount?: number
+  success_amount?: number
+  failed_amount?: number
+  amount_summary?: Record<string, number | string>
+  error_code?: string
+  error_summary?: string
+  created_at?: string
+  updated_at?: string
+  started_at?: string
+  completed_at?: string
+}
+
+export interface BulkPurchaseItem {
+  id?: number
+  row_number?: number
+  line?: number
+  asset_identifier?: string
+  iccid?: string
+  virtual_no?: string
+  package_code?: string
+  status?: string | number
+  status_name?: string
+  error_code?: string
+  error_reason?: string
+  error_summary?: string
+}
+
+export interface BulkPurchaseItemsResponse {
+  items: BulkPurchaseItem[]
+  page?: number
+  size?: number
+  page_size?: number
+  total?: number
+}
+
+export type BulkPurchaseCreateApiResponse = BaseResponse<BulkPurchaseCreateResponse>
+export type BulkPurchaseTaskApiResponse = BaseResponse<BulkPurchaseTask>
+export type BulkPurchaseItemsApiResponse = BaseResponse<BulkPurchaseItemsResponse>
diff --git a/src/types/api/index.ts b/src/types/api/index.ts
index f4e2fc4..c3c56cd 100644
--- a/src/types/api/index.ts
+++ b/src/types/api/index.ts
@@ -116,3 +116,6 @@ export * from './asyncTask'
 
 // 订单套餐批量作废任务相关
 export * from './orderPackageInvalidateTask'
+
+// 批量订购任务相关
+export * from './bulkPurchase'
diff --git a/src/views/order-management/bulk-purchase/index.vue b/src/views/order-management/bulk-purchase/index.vue
new file mode 100644
index 0000000..255db96
--- /dev/null
+++ b/src/views/order-management/bulk-purchase/index.vue
@@ -0,0 +1,495 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="bulk-purchase-page" id="table-full-screen">
+      <ElCard shadow="never" class="art-table-card">
+        <template #header>
+          <div class="page-header">
+            <div>
+              <h2>批量订购套餐</h2>
+              <p>同一批次只能选择一种支付方式，系统按任务结果逐行处理订单。</p>
+            </div>
+            <ElButton
+              v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.template)"
+              tag="a"
+              href="/templates/bulk-purchase-template.xlsx"
+              download="批量订购模板.xlsx"
+            >
+              下载模板
+            </ElButton>
+          </div>
+        </template>
+
+        <ElForm ref="formRef" :model="form" :rules="rules" label-width="110px" class="create-form">
+          <ElFormItem label="代理商" prop="shop_id">
+            <ElSelect
+              v-model="form.shop_id"
+              filterable
+              remote
+              reserve-keyword
+              clearable
+              placeholder="请选择代理商"
+              :remote-method="searchShops"
+              :loading="shopLoading"
+              style="width: 100%"
+            >
+              <ElOption
+                v-for="shop in shopOptions"
+                :key="shop.id"
+                :label="`${shop.shop_name} (${shop.shop_code})`"
+                :value="shop.id"
+              />
+            </ElSelect>
+          </ElFormItem>
+
+          <ElFormItem label="支付方式" prop="payment_method">
+            <ElRadioGroup v-model="form.payment_method" @change="handlePaymentMethodChange">
+              <ElRadio value="wallet">代理钱包</ElRadio>
+              <ElRadio value="offline">线下支付</ElRadio>
+            </ElRadioGroup>
+          </ElFormItem>
+
+          <ElFormItem label="订单文件" prop="orderFile">
+            <VoucherUpload
+              ref="orderUploadRef"
+              v-model="orderFileKeys"
+              voucher-name="订单文件"
+              :max-count="1"
+              accept=".xlsx,.xls,.csv"
+              tip="支持 .xlsx、.xls 或 .csv 文件"
+              @uploading-change="orderFileUploading = $event"
+              @change="formRef?.validateField('orderFile')"
+            />
+          </ElFormItem>
+
+          <ElFormItem
+            v-if="form.payment_method === 'offline'"
+            label="整批支付凭证"
+            prop="voucherFile"
+          >
+            <VoucherUpload
+              ref="voucherUploadRef"
+              v-model="voucherFileKeys"
+              voucher-name="整批支付凭证"
+              @uploading-change="voucherUploading = $event"
+              @change="formRef?.validateField('voucherFile')"
+            />
+          </ElFormItem>
+
+          <ElAlert
+            v-if="submitting || voucherUploading || orderFileUploading"
+            type="info"
+            :closable="false"
+            show-icon
+            :title="
+              voucherUploading
+                ? '支付凭证上传中，请稍候'
+                : orderFileUploading
+                  ? '订单文件上传中，请稍候'
+                  : '批量订购文件上传及任务创建中，请勿重复提交'
+            "
+          />
+
+          <div class="form-actions">
+            <ElButton
+              type="primary"
+              :loading="submitting || voucherUploading || orderFileUploading"
+              :disabled="
+                voucherUploading || orderFileUploading || !hasAuth(BULK_PURCHASE_PERMISSIONS.create)
+              "
+              @click="submitTask"
+            >
+              创建批量订购任务
+            </ElButton>
+            <ElButton v-if="taskDetail" @click="resetTask">重新创建</ElButton>
+          </div>
+        </ElForm>
+      </ElCard>
+
+      <ElCard
+        v-if="taskDetail && hasAuth(BULK_PURCHASE_PERMISSIONS.detail)"
+        shadow="never"
+        class="art-table-card task-card"
+      >
+        <template #header>
+          <div class="task-header">
+            <span>任务结果</span>
+            <ElTag :type="getStatusType(taskDetail.status)">
+              {{ taskDetail.status_name || getStatusName(taskDetail.status) }}
+            </ElTag>
+          </div>
+        </template>
+
+        <ElDescriptions :column="4" border>
+          <ElDescriptionsItem label="任务号">{{
+            taskDetail.task_no || taskDetail.task_id
+          }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="总数">{{ taskDetail.total_count ?? 0 }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="成功数">{{
+            taskDetail.success_count ?? 0
+          }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="失败数">{{ taskDetail.failed_count ?? 0 }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="总金额">{{
+            formatAmount(taskDetail.total_amount)
+          }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="成功金额">{{
+            formatAmount(taskDetail.success_amount)
+          }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="失败金额">{{
+            formatAmount(taskDetail.failed_amount)
+          }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="更新时间">{{
+            formatDateTime(taskDetail.updated_at)
+          }}</ElDescriptionsItem>
+        </ElDescriptions>
+
+        <ElAlert
+          v-if="taskDetail.error_summary"
+          class="task-error"
+          type="error"
+          :closable="false"
+          :title="taskDetail.error_summary"
+        />
+
+        <div v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.items)" class="items-toolbar">
+          <ElSelect v-model="itemStatus" clearable placeholder="筛选行状态" @change="reloadItems">
+            <ElOption label="成功" value="success" />
+            <ElOption label="失败" value="failed" />
+            <ElOption label="处理中" value="processing" />
+          </ElSelect>
+          <ElButton @click="reloadItems">刷新结果</ElButton>
+        </div>
+
+        <ElTable
+          v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.items)"
+          v-loading="itemsLoading"
+          :data="items"
+          border
+        >
+          <ElTableColumn label="行号" width="90">
+            <template #default="scope">{{
+              scope.row.row_number ?? scope.row.line ?? '-'
+            }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="资产" min-width="180">
+            <template #default="scope">{{ getAssetIdentifier(scope.row) }}</template>
+          </ElTableColumn>
+          <ElTableColumn prop="package_code" label="套餐编码" min-width="150" />
+          <ElTableColumn label="状态" width="110">
+            <template #default="scope">{{
+              scope.row.status_name || scope.row.status || '-'
+            }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="错误原因" min-width="240" show-overflow-tooltip>
+            <template #default="scope">
+              {{ scope.row.error_summary || scope.row.error_reason || scope.row.error_code || '-' }}
+            </template>
+          </ElTableColumn>
+        </ElTable>
+
+        <div v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.items)" class="pagination-wrapper">
+          <ElPagination
+            v-model:current-page="itemsPage"
+            v-model:page-size="itemsSize"
+            layout="total, sizes, prev, pager, next"
+            :total="itemsTotal"
+            @current-change="loadItems"
+            @size-change="reloadItems"
+          />
+        </div>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref, watch } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import {
+    ElAlert,
+    ElButton,
+    ElCard,
+    ElDescriptions,
+    ElDescriptionsItem,
+    ElForm,
+    ElMessage,
+    ElOption,
+    ElPagination,
+    ElRadio,
+    ElRadioGroup,
+    ElSelect,
+    ElTable,
+    ElTableColumn,
+    ElTag
+  } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import { BulkPurchaseService, ShopService } from '@/api/modules'
+  import type {
+    BulkPurchaseItem,
+    BulkPurchasePaymentMethod,
+    BulkPurchaseTask,
+    ShopResponse
+  } from '@/types/api'
+  import { BulkPurchaseTaskStatus } from '@/types/api'
+  import { useAuth } from '@/composables/useAuth'
+  import { useAsyncTaskPolling } from '@/composables/useAsyncTaskPolling'
+  import { formatDateTime, formatMoney } from '@/utils/business/format'
+  import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
+
+  defineOptions({ name: 'BulkPurchase' })
+
+  const route = useRoute()
+  const router = useRouter()
+  const { hasAuth } = useAuth()
+  const formRef = ref<FormInstance>()
+  const orderUploadRef = ref<InstanceType<typeof VoucherUpload>>()
+  const voucherUploadRef = ref<InstanceType<typeof VoucherUpload>>()
+  const shopOptions = ref<ShopResponse[]>([])
+  const shopLoading = ref(false)
+  const submitting = ref(false)
+  const orderFileKeys = ref<string[]>([])
+  const orderFileUploading = ref(false)
+  const voucherFileKeys = ref<string[]>([])
+  const voucherUploading = ref(false)
+  const itemStatus = ref<string | undefined>()
+  const items = ref<BulkPurchaseItem[]>([])
+  const itemsLoading = ref(false)
+  const itemsPage = ref(1)
+  const itemsSize = ref(20)
+  const itemsTotal = ref(0)
+  const requestId = ref('')
+
+  const form = reactive<{
+    shop_id?: number
+    payment_method: BulkPurchasePaymentMethod
+  }>({
+    shop_id: undefined,
+    payment_method: 'wallet'
+  })
+
+  const rules = computed<FormRules>(() => ({
+    shop_id: [{ required: true, message: '请选择代理商', trigger: 'change' }],
+    payment_method: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
+    orderFile: [
+      {
+        validator: (_rule: unknown, _value: unknown, callback: (error?: Error) => void) => {
+          if (orderFileKeys.value.length === 0) callback(new Error('请上传订单文件'))
+          else callback()
+        },
+        trigger: 'change'
+      }
+    ],
+    voucherFile: [
+      {
+        validator: (_rule: unknown, _value: unknown, callback: (error?: Error) => void) => {
+          if (form.payment_method === 'offline' && voucherFileKeys.value.length === 0) {
+            callback(new Error('线下支付必须上传整批支付凭证'))
+          } else callback()
+        },
+        trigger: 'change'
+      }
+    ]
+  }))
+
+  const polling = useAsyncTaskPolling<BulkPurchaseTask>({
+    storageKey: 'bulk-purchase-active-task',
+    fetchTask: async (taskId) => {
+      const res = await BulkPurchaseService.getTask(taskId)
+      if (res.code !== 0 || !res.data) throw new Error(res.msg || '获取批量订购任务失败')
+      return res.data
+    }
+  })
+  const taskDetail = polling.task
+
+  const getRequestId = () => {
+    if (requestId.value) return requestId.value
+    requestId.value =
+      typeof crypto !== 'undefined' && crypto.randomUUID
+        ? crypto.randomUUID()
+        : `${Date.now()}-${Math.random().toString(16).slice(2)}`
+    return requestId.value
+  }
+
+  const searchShops = async (query: string) => {
+    shopLoading.value = true
+    try {
+      const res = await ShopService.getShops({
+        page: 1,
+        page_size: 20,
+        shop_name: query || undefined
+      })
+      if (res.code === 0) shopOptions.value = res.data.items || []
+    } finally {
+      shopLoading.value = false
+    }
+  }
+
+  const handlePaymentMethodChange = (value: string | number | boolean | undefined) => {
+    if (value === 'wallet') {
+      voucherFileKeys.value = []
+      voucherUploadRef.value?.clearFiles()
+      formRef.value?.clearValidate('voucherFile')
+    }
+  }
+
+  const submitTask = async () => {
+    if (
+      !hasAuth(BULK_PURCHASE_PERMISSIONS.create) ||
+      submitting.value ||
+      voucherUploading.value ||
+      orderFileUploading.value
+    )
+      return
+    const valid = await formRef.value?.validate().catch(() => false)
+    if (!valid || !form.shop_id || orderFileKeys.value.length === 0) return
+
+    submitting.value = true
+    try {
+      const data = new FormData()
+      data.append('shop_id', String(form.shop_id))
+      data.append('payment_method', form.payment_method)
+      data.append('file', orderFileKeys.value[0])
+      data.append('request_id', getRequestId())
+      if (form.payment_method === 'offline' && voucherFileKeys.value.length > 0) {
+        data.append('voucher_file', voucherFileKeys.value[0])
+      }
+
+      const res = await BulkPurchaseService.createTask(data)
+      if (res.code !== 0 || !res.data?.task_id) {
+        ElMessage.error(res.msg || '创建批量订购任务失败')
+        return
+      }
+
+      ElMessage.success(res.data.message || '批量订购任务已创建')
+      requestId.value = ''
+      await router.replace({
+        path: route.path,
+        query: { task_id: String(res.data.task_id) }
+      })
+      await polling.start(res.data.task_id)
+      await loadItems()
+    } catch (error: any) {
+      ElMessage.error(error?.message || '创建批量订购任务失败')
+    } finally {
+      submitting.value = false
+    }
+  }
+
+  const loadItems = async () => {
+    const taskId = taskDetail.value?.task_id
+    if (!taskId || !hasAuth(BULK_PURCHASE_PERMISSIONS.items)) return
+    itemsLoading.value = true
+    try {
+      const res = await BulkPurchaseService.getItems(taskId, {
+        page: itemsPage.value,
+        size: itemsSize.value,
+        status: itemStatus.value
+      })
+      if (res.code === 0 && res.data) {
+        items.value = res.data.items || []
+        itemsTotal.value = res.data.total || 0
+      } else {
+        ElMessage.error(res.msg || '获取批量订购明细失败')
+      }
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取批量订购明细失败')
+    } finally {
+      itemsLoading.value = false
+    }
+  }
+
+  const reloadItems = () => {
+    itemsPage.value = 1
+    void loadItems()
+  }
+
+  const resetTask = () => {
+    polling.clear()
+    requestId.value = ''
+    items.value = []
+    itemsTotal.value = 0
+    itemsPage.value = 1
+    router.replace({ path: route.path })
+  }
+
+  const getStatusName = (status: BulkPurchaseTaskStatus) => {
+    const names: Record<BulkPurchaseTaskStatus, string> = {
+      [BulkPurchaseTaskStatus.PENDING]: '待处理',
+      [BulkPurchaseTaskStatus.PROCESSING]: '处理中',
+      [BulkPurchaseTaskStatus.COMPLETED]: '已完成',
+      [BulkPurchaseTaskStatus.FAILED]: '已失败',
+      [BulkPurchaseTaskStatus.CANCELED]: '已取消'
+    }
+    return names[status] || '-'
+  }
+
+  const getStatusType = (status: BulkPurchaseTaskStatus) => {
+    if (status === BulkPurchaseTaskStatus.COMPLETED) return 'success'
+    if (status === BulkPurchaseTaskStatus.FAILED) return 'danger'
+    if (status === BulkPurchaseTaskStatus.PROCESSING) return 'warning'
+    return 'info'
+  }
+
+  const formatAmount = (amount?: number) => (amount === undefined ? '-' : formatMoney(amount))
+
+  const getAssetIdentifier = (item: BulkPurchaseItem) =>
+    item.asset_identifier || item.iccid || item.virtual_no || '-'
+
+  watch(taskDetail, () => {
+    itemsPage.value = 1
+    void loadItems()
+  })
+
+  onMounted(() => {
+    if (hasAuth(BULK_PURCHASE_PERMISSIONS.create)) void searchShops('')
+    const routeTaskId = Number(route.query.task_id)
+    if (routeTaskId && routeTaskId !== polling.taskId.value) void polling.start(routeTaskId)
+  })
+</script>
+
+<style scoped lang="scss">
+  .bulk-purchase-page {
+    .page-header,
+    .task-header,
+    .form-actions,
+    .items-toolbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+    }
+
+    .page-header h2 {
+      margin: 0;
+      font-size: 20px;
+    }
+
+    .page-header p {
+      margin: 8px 0 0;
+      color: var(--el-text-color-secondary);
+    }
+
+    .create-form {
+      max-width: 760px;
+    }
+
+    .task-card {
+      margin-top: 16px;
+    }
+
+    .task-error {
+      margin-top: 16px;
+    }
+
+    .items-toolbar {
+      justify-content: flex-start;
+      margin: 20px 0 12px;
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+</style>
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index 26b2f20..8431608 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -22,6 +22,13 @@
             <ElButton @click="showCreateDialog" v-permission="'orders:add'">{{
               '创建订单'
             }}</ElButton>
+            <ElButton
+              v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.create)"
+              type="primary"
+              @click="router.push(RoutesAlias.BulkPurchase)"
+            >
+              批量订购
+            </ElButton>
             <ElButton v-if="hasAuth('orders:export')" @click="exportDialogVisible = true">{{
               '导出'
             }}</ElButton>
@@ -278,6 +285,7 @@
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
 
   defineOptions({ name: 'OrderList' })
 

From 4c6d871c350e19e3989cc22a97e7c8d293e35893 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 24 Jul 2026 16:30:58 +0800
Subject: [PATCH 25/76] =?UTF-8?q?feat:=20=E9=80=80=E6=AC=BE=E4=BC=81?=
 =?UTF-8?q?=E5=BE=AE=E5=AE=A1=E6=89=B9=E8=AF=A6=E6=83=85=E4=B8=8E=E4=B8=9A?=
 =?UTF-8?q?=E5=8A=A1=E5=A4=84=E7=90=86=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  64 +++
 .../proposal.md                               |  41 ++
 .../specs/refund-management/spec.md           |  89 ++++
 .../tasks.md                                  |  38 ++
 src/api/modules/refund.ts                     |  30 --
 .../business/CreateRefundDialog.vue           |  26 +-
 src/components/business/VoucherUpload.vue     |  19 +
 src/types/api/refund.ts                       |  57 ++-
 src/views/finance/refund/detail.vue           | 449 ++++++++----------
 src/views/finance/refund/index.vue            | 359 ++------------
 10 files changed, 552 insertions(+), 620 deletions(-)
 create mode 100644 openspec/changes/update-refund-wecom-approval-processing-status/design.md
 create mode 100644 openspec/changes/update-refund-wecom-approval-processing-status/proposal.md
 create mode 100644 openspec/changes/update-refund-wecom-approval-processing-status/specs/refund-management/spec.md
 create mode 100644 openspec/changes/update-refund-wecom-approval-processing-status/tasks.md

diff --git a/openspec/changes/update-refund-wecom-approval-processing-status/design.md b/openspec/changes/update-refund-wecom-approval-processing-status/design.md
new file mode 100644
index 0000000..c06109d
--- /dev/null
+++ b/openspec/changes/update-refund-wecom-approval-processing-status/design.md
@@ -0,0 +1,64 @@
+## Context
+
+退款申请由后台提交业务资料，审批过程在企微完成，后台只负责展示企微审批信息以及订单退款的业务处理结果。当前页面仍按本地审批模型展示通过、拒绝和退回操作，需要调整为只读状态展示并保留受限的重新申请能力。
+
+## Goals / Non-Goals
+
+- Goals: 让退款创建、列表和详情与企微审批及业务处理状态保持一致。
+- Goals: 展示可追溯的审批单号、参与人、意见、附件和时间线。
+- Goals: 明确区分审批状态与业务处理状态，并覆盖处理失败和自动重试提示。
+- Goals: 允许符合条件的退款重新申请，同时锁定订单、资产和提交人快照。
+- Non-Goals: 不在前端实现企微审批动作、审批回调或审批引擎。
+- Non-Goals: 不在后台执行非代理钱包的人工退款。
+- Non-Goals: 不根据本地旧状态推断企微审批状态或处理状态。
+
+## Decisions
+
+- Decision: 详情接口返回的 `approval` 对象作为企微审批信息的唯一数据源。
+- Rationale: 审批动作在企微完成，前端不应通过本地状态或额外请求重建审批过程。
+
+- Decision: `processing_status` 与审批状态独立展示，并使用后端返回的状态名称、失败摘要和业务处理结果。
+- Rationale: “审批通过”不等于退款处理完成，两个状态必须避免混用。
+
+- Decision: 创建和重新申请的附件统一使用 `{ file_key, file_name, file_size }[]`。
+- Rationale: 页面既要提交对象存储文件标识，也要在审批详情中保留可读的文件元数据。
+
+- Decision: 重新申请资格由后端最终校验，前端按已驳回、已撤销或已删除状态控制入口并处理接口拒绝。
+- Rationale: 状态可能被并发更新，前端展示控制不能替代服务端业务校验。
+
+- Decision: 移除本地通过、驳回、退回和人工退款确认入口及调用。
+- Rationale: 这些操作与企微审批职责冲突，继续保留会造成重复审批或错误退款。
+
+## Data Contract
+
+- Create request: refund amount, reason, remark and `attachments`.
+- Detail response: refund business data, `approval` object and `processing_status`.
+- Approval object: `source`, `sp_no`, `status`, `status_name`, `template_version`, `applicant`, `approvers`, `comments`, `attachments`, `timeline`, `business_process_result`.
+- Resubmit request: editable refund amount, attachments and reason; immutable order, asset and submitter snapshots.
+- Resubmit eligible statuses: rejected, revoked or deleted, using the backend status contract.
+
+## Risks / Trade-offs
+
+- Risk: 企微审批状态名称或时间线字段可能为空或增加新状态.
+- Mitigation: 保留后端原始字段，缺失时显示稳定占位，不在前端硬编码未知状态映射。
+
+- Risk: 审批通过后业务处理可能失败或进入重试.
+- Mitigation: 独立展示处理状态、失败摘要，并按后端结果显示系统重试或联系管理员提示。
+
+- Risk: 后端仍允许旧本地审批接口调用.
+- Mitigation: 前端移除入口和调用，同时由后端按新审批模式拒绝不适用的本地操作。
+
+## Migration Plan
+
+1. 确认退款创建、详情和重新申请接口的字段名称及状态枚举。
+2. 扩展退款类型和对象存储附件元数据类型。
+3. 更新创建退款表单和附件提交结构。
+4. 重构退款详情为业务信息、企微审批信息和业务处理结果三个区域。
+5. 移除本地审批及人工退款操作，保留并限制重新申请入口。
+6. 验证审批中、通过处理中、处理成功、驳回、撤销和通过后撤销异常状态。
+
+## Open Questions
+
+- `processing_status` 的完整枚举、展示名称和“系统重试中/联系管理员”的触发字段需要后端确认。
+- “已删除”是退款记录状态、审批状态还是业务处理状态，需要接口契约明确。
+- `approval.attachments` 是否与退款创建附件共用文件对象结构，需要联调确认。
diff --git a/openspec/changes/update-refund-wecom-approval-processing-status/proposal.md b/openspec/changes/update-refund-wecom-approval-processing-status/proposal.md
new file mode 100644
index 0000000..4c60164
--- /dev/null
+++ b/openspec/changes/update-refund-wecom-approval-processing-status/proposal.md
@@ -0,0 +1,41 @@
+# Change: 退款企微审批详情与业务处理状态
+
+## Why
+
+退款申请创建时需要一次性提交完整业务资料，后续审批由企微完成，后台系统不再承担本地通过、驳回、退回或人工退款确认。当前退款页面仍展示本地审批操作，且详情无法完整呈现企微审批过程和退款业务处理结果，容易造成审批状态与实际处理状态混淆。
+
+## What Changes
+
+- 退款创建表单支持退款金额、退款原因、备注和附件，并以对象存储附件对象数组提交。
+- 创建后申请退款金额不可在本地修改，审批金额以企微审批结果为准。
+- 退款详情拆分为退款业务信息、企微审批信息和业务处理结果三个区域。
+- 企微审批区域展示 `sp_no`、审批状态、申请人、审批人、意见、附件和审批时间线。
+- 业务处理区域展示 `processing_status`、处理失败摘要和“系统重试中/联系管理员”提示。
+- 退款列表和详情仅展示审批及处理状态，不提供本地通过、驳回、退回或人工退款确认按钮。
+- 重新申请仅允许已驳回、已撤销或已删除的退款记录，并允许修改金额、凭证和原因；订单、资产和提交人快照不可修改。
+- 继续使用 `POST /api/admin/refunds`、`GET /api/admin/refunds/{id}` 和 `POST /api/admin/refunds/{id}/resubmit`，同步扩展请求和响应契约。
+
+## Impact
+
+- Affected specs:
+  - `refund-management`
+- Affected code:
+  - `src/types/api/refund.ts`
+  - `src/api/modules/refund.ts`
+  - `src/views/finance/refund/index.vue`
+  - `src/views/finance/refund/detail.vue`
+  - 退款创建与附件展示组件
+- API contracts:
+  - `POST /api/admin/refunds`
+  - `GET /api/admin/refunds/{id}`
+  - `POST /api/admin/refunds/{id}/resubmit`
+- Dependencies:
+  - 后端返回完整 `approval` 对象和 `processing_status`。
+  - 对象存储上传接口可返回 `file_key`，前端维护文件名和文件大小。
+  - 企微审批系统负责审批动作和审批结果同步。
+- Out of scope:
+  - 前端发起、撤回或执行企微审批动作。
+  - 前端实现财务线下退款。
+  - 前端根据状态码自行推导审批结果或业务处理结果。
+- Breaking changes:
+  - 退款审批相关本地操作按钮和对应前端调用不再适用于企微审批退款流程。
diff --git a/openspec/changes/update-refund-wecom-approval-processing-status/specs/refund-management/spec.md b/openspec/changes/update-refund-wecom-approval-processing-status/specs/refund-management/spec.md
new file mode 100644
index 0000000..19dbe43
--- /dev/null
+++ b/openspec/changes/update-refund-wecom-approval-processing-status/specs/refund-management/spec.md
@@ -0,0 +1,89 @@
+## ADDED Requirements
+
+### Requirement: Refund Creation Submits WeCom Approval Materials
+
+The refund creation flow SHALL submit the refund business materials required for an external WeCom approval.
+
+#### Scenario: Create refund with business materials
+
+- **GIVEN** 用户打开退款创建表单
+- **WHEN** 用户填写退款金额、退款原因、备注并完成附件上传
+- **THEN** 系统 MUST submit the refund amount, reason, remark and attachment metadata to `POST /api/admin/refunds`
+- **AND** 每个附件 MUST use the structure `{ file_key, file_name, file_size }`
+
+#### Scenario: Submitted amount is immutable locally
+
+- **GIVEN** 退款申请已创建并进入企微审批
+- **WHEN** 用户查看退款记录
+- **THEN** 页面 MUST NOT provide a local control to modify the submitted refund amount
+- **AND** any changed amount MUST be submitted through the defined resubmission flow only
+
+### Requirement: Refund Detail Displays WeCom Approval
+
+The refund detail page SHALL display the backend-provided WeCom approval object as a read-only approval record.
+
+#### Scenario: Display approval details
+
+- **GIVEN** `GET /api/admin/refunds/{id}` returns an `approval` object
+- **WHEN** 用户打开退款详情
+- **THEN** 页面 MUST display the approval source, `sp_no`, status, status name, applicant, approvers, comments, attachments and timeline
+- **AND** 页面 MUST preserve the backend approval values without locally changing or deriving them
+
+#### Scenario: No local approval controls
+
+- **GIVEN** 用户查看退款列表或退款详情
+- **WHEN** 页面展示企微审批信息
+- **THEN** 页面 MUST NOT display local approve, reject, return or manual refund confirmation buttons
+- **AND** 页面 MUST NOT call local approval action endpoints for this flow
+
+### Requirement: Refund Processing Result Is Independent From Approval
+
+The refund detail page SHALL display business processing status separately from WeCom approval status.
+
+#### Scenario: Display processing result
+
+- **GIVEN** 退款详情返回 `processing_status` and its result fields
+- **WHEN** 用户查看退款业务处理区域
+- **THEN** 页面 MUST display the processing status, failure summary and business process result
+- **AND** 页面 MUST display a system-retrying or contact-administrator message when indicated by the backend
+
+#### Scenario: Display required lifecycle states
+
+- **GIVEN** 后端返回审批中、通过处理中、处理成功、驳回、撤销或通过后撤销异常状态
+- **WHEN** 页面渲染退款列表或详情
+- **THEN** 页面 MUST show an explicit status for the returned state
+- **AND** 页面 MUST NOT infer processing completion from approval status alone
+
+### Requirement: Refund Resubmission Has Restricted Editable Fields
+
+The refund resubmission flow SHALL allow resubmission only for rejected, revoked or deleted records and SHALL preserve immutable business snapshots.
+
+#### Scenario: Resubmit an eligible refund
+
+- **GIVEN** 退款状态为已驳回、已撤销或已删除
+- **WHEN** 用户发起重新申请
+- **THEN** 页面 MUST allow editing the refund amount, attachments and refund reason
+- **AND** 系统 MUST submit the request to `POST /api/admin/refunds/{id}/resubmit`
+
+#### Scenario: Reject resubmission for an ineligible refund
+
+- **GIVEN** 退款记录不属于已驳回、已撤销或已删除状态
+- **WHEN** 用户查看退款详情
+- **THEN** 页面 MUST NOT enable the resubmission action
+- **AND** 页面 MUST handle a backend rejection without creating a new approval request
+
+#### Scenario: Preserve refund snapshots on resubmission
+
+- **GIVEN** 用户填写重新申请表单
+- **WHEN** 用户修改可编辑字段
+- **THEN** 页面 MUST NOT provide controls to change the order snapshot, asset snapshot or submitter snapshot
+
+### Requirement: Refund Pages Use Backend Approval And Processing Data
+
+The refund list and detail pages SHALL use backend response data as the source of truth for approval and processing display.
+
+#### Scenario: Refresh refund status
+
+- **WHEN** 用户刷新退款列表或重新加载退款详情
+- **THEN** 页面 MUST use the latest refund, approval and processing data returned by the backend
+- **AND** 页面 MUST NOT reconstruct a status from stale local form data or legacy status mappings
diff --git a/openspec/changes/update-refund-wecom-approval-processing-status/tasks.md b/openspec/changes/update-refund-wecom-approval-processing-status/tasks.md
new file mode 100644
index 0000000..8d023cc
--- /dev/null
+++ b/openspec/changes/update-refund-wecom-approval-processing-status/tasks.md
@@ -0,0 +1,38 @@
+## 1. Contract And Types
+
+- [x] 1.1 按产品文档落地退款创建接口的金额、原因、备注和附件字段名称。
+- [x] 1.2 按产品文档扩展退款详情响应中的 `approval`、`processing_status`、失败摘要和业务处理结果字段。
+- [x] 1.3 按产品文档限制重新申请的可编辑字段、允许状态和不可变快照字段。
+- [x] 1.4 扩展退款请求、响应和审批对象 TypeScript 类型，支持附件对象数组。
+- [x] 1.5 更新退款 API service 类型及注释，移除不再适用的本地审批调用契约。
+
+## 2. Refund Creation
+
+- [x] 2.1 更新退款创建表单，提交退款金额、原因、备注和附件。
+- [x] 2.2 复用现有对象存储上传流程，并将上传结果规范化为 `{ file_key, file_name, file_size }[]`。
+- [x] 2.3 创建成功后明确提示已提交企微审批，创建后的申请金额不可在本地修改。
+- [x] 2.4 验证附件上传中、上传失败、空附件和接口失败时不能提交错误数据。
+
+## 3. Refund List And Detail
+
+- [x] 3.1 退款详情拆分为退款业务信息、企微审批信息和业务处理结果三个区域。
+- [x] 3.2 展示 `sp_no`、审批状态、申请人、审批人、意见、附件和审批时间线。
+- [x] 3.3 展示 `processing_status`、失败摘要，以及系统重试中/联系管理员提示。
+- [x] 3.4 退款列表和详情不显示本地通过、驳回、退回或人工退款确认按钮。
+- [x] 3.5 保留既有退款业务信息和附件查看能力，不根据前端状态推导审批或处理结果。
+
+## 4. Resubmission
+
+- [x] 4.1 仅在已驳回、已撤销或已删除状态显示重新申请入口。
+- [x] 4.2 重新申请允许修改退款金额、凭证和退款原因。
+- [x] 4.3 重新申请禁止修改订单、资产和提交人快照。
+- [x] 4.4 提交 `/api/admin/refunds/{id}/resubmit` 后刷新详情并展示新的企微审批状态。
+- [x] 4.5 处理后端状态变化或无权限时的重新申请失败提示。
+
+## 5. Verification
+
+- [x] 5.1 验证审批中、通过处理中、处理成功、驳回、撤销和通过后撤销异常展示明确。
+- [x] 5.2 验证审批信息与业务处理状态分区展示且互不推导。
+- [x] 5.3 验证本地审批及人工退款操作入口和 API 调用均已移除。
+- [x] 5.4 验证刷新、列表进入详情和重新申请后的数据来自后端最新响应。
+- [x] 5.5 运行类型检查、lint、相关测试和构建。
diff --git a/src/api/modules/refund.ts b/src/api/modules/refund.ts
index d8271a9..2752a7a 100644
--- a/src/api/modules/refund.ts
+++ b/src/api/modules/refund.ts
@@ -8,10 +8,7 @@ import type {
   RefundQueryParams,
   RefundListResponse,
   CreateRefundRequest,
-  ApproveRefundRequest,
-  RejectRefundRequest,
   ResubmitRefundRequest,
-  ReturnRefundRequest,
   BaseResponse
 } from '@/types/api'
 
@@ -40,24 +37,6 @@ export class RefundService extends BaseService {
     return this.post<BaseResponse<Refund>>('/api/admin/refunds', data)
   }
 
-  /**
-   * 审批通过退款申请
-   * @param id 退款申请ID
-   * @param data 审批通过请求参数
-   */
-  static approveRefund(id: number, data: ApproveRefundRequest): Promise<BaseResponse<void>> {
-    return this.post<BaseResponse<void>>(`/api/admin/refunds/${id}/approve`, data)
-  }
-
-  /**
-   * 审批拒绝退款申请
-   * @param id 退款申请ID
-   * @param data 审批拒绝请求参数
-   */
-  static rejectRefund(id: number, data: RejectRefundRequest): Promise<BaseResponse<void>> {
-    return this.post<BaseResponse<void>>(`/api/admin/refunds/${id}/reject`, data)
-  }
-
   /**
    * 重新提交退款申请
    * @param id 退款申请ID
@@ -66,13 +45,4 @@ export class RefundService extends BaseService {
   static resubmitRefund(id: number, data: ResubmitRefundRequest): Promise<BaseResponse<void>> {
     return this.post<BaseResponse<void>>(`/api/admin/refunds/${id}/resubmit`, data)
   }
-
-  /**
-   * 驳回申请
-   * @param id 退款申请ID
-   * @param data 退回请求参数
-   */
-  static returnRefund(id: number, data: ReturnRefundRequest): Promise<BaseResponse<void>> {
-    return this.post<BaseResponse<void>>(`/api/admin/refunds/${id}/return`, data)
-  }
 }
diff --git a/src/components/business/CreateRefundDialog.vue b/src/components/business/CreateRefundDialog.vue
index 3cca01b..726b326 100644
--- a/src/components/business/CreateRefundDialog.vue
+++ b/src/components/business/CreateRefundDialog.vue
@@ -46,6 +46,16 @@
           placeholder="请输入退款原因"
         />
       </ElFormItem>
+      <ElFormItem label="备注">
+        <ElInput
+          v-model="formData.remark"
+          type="textarea"
+          :rows="2"
+          maxlength="500"
+          show-word-limit
+          placeholder="请输入备注"
+        />
+      </ElFormItem>
       <ElFormItem label="退款凭证" prop="refund_voucher_key">
         <VoucherUpload
           ref="uploadRef"
@@ -53,6 +63,7 @@
           voucher-name="退款凭证"
           @uploading-change="voucherUploading = $event"
           @change="formRef?.validateField('refund_voucher_key')"
+          @files-change="formData.attachments = $event"
         />
       </ElFormItem>
     </ElForm>
@@ -77,7 +88,7 @@
   import { ElMessage } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import { RefundService, OrderService } from '@/api/modules'
-  import type { CreateRefundRequest, Order } from '@/types/api'
+  import type { CreateRefundRequest, Order, RefundAttachment } from '@/types/api'
   import { formatMoney, yuanToFen } from '@/utils/business/format'
   import { getErrorMessage } from '@/utils/business'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
@@ -111,13 +122,17 @@
     requested_refund_amount?: number
     actual_received_amount: number
     refund_reason: string
+    remark: string
     refund_voucher_key: string[]
+    attachments: RefundAttachment[]
   }>({
     order_id: null,
     requested_refund_amount: undefined,
     actual_received_amount: 0,
     refund_reason: '',
-    refund_voucher_key: []
+    remark: '',
+    refund_voucher_key: [],
+    attachments: []
   })
 
   const validateRefundAmount = (rule: any, value: number, callback: any) => {
@@ -201,7 +216,9 @@
     formData.requested_refund_amount = undefined
     formData.actual_received_amount = 0
     formData.refund_reason = ''
+    formData.remark = ''
     formData.refund_voucher_key = []
+    formData.attachments = []
     orderSearchOptions.value = []
     uploadRef.value?.clearFiles(false)
   }
@@ -221,8 +238,9 @@
             order_id: formData.order_id!,
             requested_refund_amount: yuanToFen(formData.requested_refund_amount) ?? 0,
             actual_received_amount: formData.actual_received_amount,
-            refund_voucher_key: formData.refund_voucher_key,
-            refund_reason: formData.refund_reason || undefined
+            attachments: formData.attachments,
+            refund_reason: formData.refund_reason || undefined,
+            remark: formData.remark || undefined
           }
           await RefundService.createRefund(data)
           ElMessage.success('退款申请创建成功')
diff --git a/src/components/business/VoucherUpload.vue b/src/components/business/VoucherUpload.vue
index f3f8270..898f154 100644
--- a/src/components/business/VoucherUpload.vue
+++ b/src/components/business/VoucherUpload.vue
@@ -57,6 +57,7 @@
   import { Close, Document, UploadFilled } from '@element-plus/icons-vue'
   import type { UploadFile, UploadInstance, UploadRawFile } from 'element-plus'
   import { StorageService } from '@/api/modules'
+  import type { RefundAttachment } from '@/types/api/refund'
 
   interface Props {
     modelValue?: string[] | string
@@ -77,12 +78,14 @@
     'update:modelValue': [value: string[]]
     'uploading-change': [value: boolean]
     change: [value: string[]]
+    'files-change': [value: RefundAttachment[]]
   }>()
 
   const rootRef = ref<HTMLElement>()
   const uploadRef = ref<UploadInstance>()
   const uploadingCount = ref(0)
   const voucherFileKeyMap = new Map<number, string>()
+  const voucherFileMetadataMap = new Map<number, RefundAttachment>()
   const removedUploadUids = new Set<number>()
   const fileObjectUrlMap = new Map<number, string>()
   const selectedUploadUids = new Set<number>()
@@ -100,6 +103,10 @@
     emit('change', keys)
   }
 
+  const emitFileMetadata = () => {
+    emit('files-change', Array.from(voucherFileMetadataMap.values()))
+  }
+
   const setUploadingCount = (count: number) => {
     uploadingCount.value = Math.max(0, count)
     emit('uploading-change', uploadingCount.value > 0)
@@ -109,12 +116,14 @@
     activeUploadBatch += 1
     setUploadingCount(0)
     voucherFileKeyMap.clear()
+    voucherFileMetadataMap.clear()
     removedUploadUids.clear()
     selectedUploadUids.clear()
     revokeAllFileObjectUrls()
     uploadRef.value?.clearFiles()
     if (emitValue) {
       emitVoucherKeys()
+      emitFileMetadata()
     }
   }
 
@@ -228,7 +237,13 @@
       }
 
       voucherFileKeyMap.set(uploadFile.uid, file_key)
+      voucherFileMetadataMap.set(uploadFile.uid, {
+        file_key,
+        file_name: file.name,
+        file_size: file.size
+      })
       emitVoucherKeys()
+      emitFileMetadata()
       ElMessage.success('上传成功')
     } catch (error: any) {
       if (uploadBatch !== activeUploadBatch) return
@@ -236,7 +251,9 @@
       console.error(`上传${props.voucherName}失败:`, error)
       ElMessage.error(error?.message || '上传失败，请重试')
       voucherFileKeyMap.delete(uploadFile.uid)
+      voucherFileMetadataMap.delete(uploadFile.uid)
       emitVoucherKeys()
+      emitFileMetadata()
       removeUploadFile(uploadFile)
     } finally {
       if (uploadBatch === activeUploadBatch) {
@@ -250,7 +267,9 @@
     selectedUploadUids.delete(uploadFile.uid)
     revokeFileObjectUrl(uploadFile.uid)
     voucherFileKeyMap.delete(uploadFile.uid)
+    voucherFileMetadataMap.delete(uploadFile.uid)
     emitVoucherKeys()
+    emitFileMetadata()
   }
 
   const focusUploadArea = () => {
diff --git a/src/types/api/refund.ts b/src/types/api/refund.ts
index a345ce3..5ad49ea 100644
--- a/src/types/api/refund.ts
+++ b/src/types/api/refund.ts
@@ -10,6 +10,38 @@ export enum RefundStatus {
   RETURNED = 4 // 已退回
 }
 
+export interface RefundAttachment {
+  file_key: string
+  file_name?: string
+  file_size?: number
+}
+
+export interface RefundApprovalTimelineItem {
+  time?: string
+  timestamp?: string
+  status?: string
+  status_name?: string
+  operator?: string
+  operator_name?: string
+  comment?: string
+  content?: string
+  [key: string]: unknown
+}
+
+export interface RefundApproval {
+  source?: string | null
+  sp_no?: string | null
+  status?: string | null
+  status_name?: string | null
+  template_version?: string | null
+  applicant?: unknown
+  approvers?: unknown[]
+  comments?: unknown[]
+  attachments?: RefundAttachment[]
+  timeline?: RefundApprovalTimelineItem[]
+  business_process_result?: unknown
+}
+
 // 退款申请
 export interface Refund {
   id: number
@@ -25,8 +57,10 @@ export interface Refund {
   approved_refund_amount?: number | null // 实际退款金额（分）
   actual_received_amount?: number | null // 实收金额（分）
   status: RefundStatus
+  status_name?: string | null
   refund_reason: string
   refund_voucher_key?: string[] | string // 退款凭证附件列表；历史数据可能为单字符串或逗号字符串
+  attachments?: RefundAttachment[]
   reject_reason: string
   remark: string
   asset_reset: boolean
@@ -38,6 +72,10 @@ export interface Refund {
   current_approver_summary?: string | null // 当前审批人摘要
   processing_status?: string | null // 业务处理状态
   processing_status_name?: string | null // 业务处理状态名称
+  processing_failure_summary?: string | null
+  processing_message?: string | null
+  business_process_result?: unknown
+  approval?: RefundApproval | null
   creator: number
   processor_id: number | null
   processed_at: string | null
@@ -71,30 +109,15 @@ export interface CreateRefundRequest {
   order_id: number
   requested_refund_amount: number // 申请退款金额（分）
   actual_received_amount: number // 实收金额（分）
-  refund_voucher_key: string[] // 退款凭证附件列表
+  attachments: RefundAttachment[]
   refund_reason?: string
-}
-
-// 审批通过退款申请请求
-export interface ApproveRefundRequest {
-  approved_refund_amount?: number // 实际退款金额（分）
   remark?: string
 }
 
-// 审批拒绝退款申请请求
-export interface RejectRefundRequest {
-  reject_reason: string
-}
-
 // 重新提交退款申请请求
 export interface ResubmitRefundRequest {
   requested_refund_amount?: number
   actual_received_amount?: number
-  refund_voucher_key?: string[]
+  attachments?: RefundAttachment[]
   refund_reason?: string
 }
-
-// 退回退款申请请求
-export interface ReturnRefundRequest {
-  remark?: string
-}
diff --git a/src/views/finance/refund/detail.vue b/src/views/finance/refund/detail.vue
index 0b3ff29..e83f786 100644
--- a/src/views/finance/refund/detail.vue
+++ b/src/views/finance/refund/detail.vue
@@ -10,6 +10,13 @@
           返回
         </ElButton>
         <h2 class="detail-title">{{ pageTitle }}</h2>
+        <ElButton
+          v-if="refund && canResubmit(refund) && hasAuth('refund:resubmit')"
+          type="primary"
+          @click="handleShowResubmit"
+        >
+          重新申请
+        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -24,90 +31,10 @@
 
     <PaymentVoucherDialog :file-keys="refundVoucherFileKeys" @close="refundVoucherFileKeys = []" />
 
-    <!-- 审批通过对话框 -->
-    <ElDialog
-      v-model="approveDialogVisible"
-      title="审批通过"
-      width="500px"
-      @closed="handleApproveDialogClosed"
-    >
-      <ElForm ref="approveFormRef" :model="approveForm" :rules="approveRules" label-width="120px">
-        <ElFormItem label="退款单号">
-          <span>{{ refund?.refund_no }}</span>
-        </ElFormItem>
-        <ElFormItem label="申请退款金额">
-          <span>{{ formatCurrency(refund?.requested_refund_amount) }}</span>
-        </ElFormItem>
-        <ElFormItem label="实际退款金额" prop="approved_refund_amount">
-          <ElInputNumber
-            v-model="approveForm.approved_refund_amount"
-            :min="1"
-            :precision="2"
-            :step="1"
-            style="width: 100%"
-            placeholder="不填则默认使用申请金额"
-          />
-          <div style="margin-top: 8px; font-size: 12px; color: var(--el-text-color-secondary)">
-            不填则默认使用申请金额
-          </div>
-        </ElFormItem>
-        <ElFormItem label="审批备注">
-          <ElInput
-            v-model="approveForm.remark"
-            type="textarea"
-            :rows="3"
-            maxlength="500"
-            show-word-limit
-            placeholder="请输入审批备注"
-          />
-        </ElFormItem>
-      </ElForm>
-      <template #footer>
-        <div class="dialog-footer">
-          <ElButton @click="approveDialogVisible = false">取消</ElButton>
-          <ElButton type="primary" @click="handleApproveRefund" :loading="approveLoading">
-            确认通过
-          </ElButton>
-        </div>
-      </template>
-    </ElDialog>
-
-    <!-- 审批拒绝对话框 -->
-    <ElDialog
-      v-model="rejectDialogVisible"
-      title="审批拒绝"
-      width="500px"
-      @closed="handleRejectDialogClosed"
-    >
-      <ElForm ref="rejectFormRef" :model="rejectForm" :rules="rejectRules" label-width="120px">
-        <ElFormItem label="退款单号">
-          <span>{{ refund?.refund_no }}</span>
-        </ElFormItem>
-        <ElFormItem label="拒绝原因" prop="reject_reason">
-          <ElInput
-            v-model="rejectForm.reject_reason"
-            type="textarea"
-            :rows="3"
-            maxlength="500"
-            show-word-limit
-            placeholder="请输入拒绝原因"
-          />
-        </ElFormItem>
-      </ElForm>
-      <template #footer>
-        <div class="dialog-footer">
-          <ElButton @click="rejectDialogVisible = false">取消</ElButton>
-          <ElButton type="danger" @click="handleRejectRefund" :loading="rejectLoading">
-            确认拒绝
-          </ElButton>
-        </div>
-      </template>
-    </ElDialog>
-
     <!-- 重新提交对话框 -->
     <ElDialog
       v-model="resubmitDialogVisible"
-      title="重新提交退款申请"
+      title="重新申请退款"
       width="500px"
       @closed="handleResubmitDialogClosed"
     >
@@ -157,6 +84,7 @@
             voucher-name="退款凭证"
             @uploading-change="resubmitVoucherUploading = $event"
             @change="resubmitFormRef?.validateField('refund_voucher_key')"
+            @files-change="resubmitForm.attachments = $event"
           />
         </ElFormItem>
       </ElForm>
@@ -169,7 +97,7 @@
             :loading="resubmitLoading || resubmitVoucherUploading"
             :disabled="resubmitVoucherUploading"
           >
-            {{ resubmitVoucherUploading ? '凭证上传中...' : '确认提交' }}
+            {{ resubmitVoucherUploading ? '凭证上传中...' : '确认申请' }}
           </ElButton>
         </div>
       </template>
@@ -180,27 +108,23 @@
 <script setup lang="ts">
   import { ref, onMounted, computed, h, reactive } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ElButton, ElCard, ElIcon, ElMessage, ElTag } from 'element-plus'
+  import { ElButton, ElCard, 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 { RefundService } from '@/api/modules'
-  import type {
-    Refund,
-    RefundStatus,
-    ApproveRefundRequest,
-    RejectRefundRequest,
-    ResubmitRefundRequest
-  } from '@/types/api'
-  import { formatDateTime, yuanToFen } from '@/utils/business/format'
-  import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
+  import type { Refund, ResubmitRefundRequest, RefundAttachment } from '@/types/api'
+  import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
+  import { toVoucherKeyList, getErrorMessage } from '@/utils/business'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import { useAuth } from '@/composables/useAuth'
 
   defineOptions({ name: 'RefundDetail' })
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
 
   const loading = ref(false)
   const refund = ref<Refund | null>(null)
@@ -208,44 +132,27 @@
 
   const pageTitle = computed(() => `退款详情`)
 
-  const approveDialogVisible = ref(false)
-  const rejectDialogVisible = ref(false)
   const resubmitDialogVisible = ref(false)
 
-  const approveLoading = ref(false)
-  const rejectLoading = ref(false)
   const resubmitLoading = ref(false)
   const resubmitVoucherUploading = ref(false)
 
-  const approveFormRef = ref()
-  const rejectFormRef = ref()
   const resubmitFormRef = ref()
   const resubmitUploadRef = ref<InstanceType<typeof VoucherUpload>>()
 
-  const approveRules = ref()
-  const rejectRules = ref({
-    reject_reason: [{ required: true, message: '请输入拒绝原因', trigger: 'blur' }]
-  })
   const resubmitRules = ref()
 
-  const approveForm = reactive<ApproveRefundRequest>({
-    approved_refund_amount: undefined,
-    remark: ''
-  })
-
-  const rejectForm = reactive<RejectRefundRequest>({
-    reject_reason: ''
-  })
-
   const resubmitForm = reactive<{
     requested_refund_amount?: number
     actual_received_amount?: number
     refund_voucher_key: string[]
+    attachments: RefundAttachment[]
     refund_reason?: string
   }>({
     requested_refund_amount: undefined,
     actual_received_amount: undefined,
     refund_voucher_key: [],
+    attachments: [],
     refund_reason: ''
   })
 
@@ -255,45 +162,51 @@
     return `¥${(amount / 100).toFixed(2)}`
   }
 
-  const getStatusType = (status: RefundStatus): 'warning' | 'success' | 'danger' | 'info' => {
-    const statusMap: Record<RefundStatus, 'warning' | 'success' | 'danger' | 'info'> = {
-      1: 'warning',
-      2: 'success',
-      3: 'danger',
-      4: 'info'
+  const formatStructuredValue = (value: unknown) => {
+    if (value === undefined || value === null || value === '') return '-'
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+      return String(value)
     }
-    return statusMap[status] || 'info'
+    return JSON.stringify(value, null, 2)
   }
 
-  const getStatusText = (status: RefundStatus): string => {
-    const statusMap: Record<RefundStatus, string> = {
-      1: '待审批',
-      2: '已通过',
-      3: '已拒绝',
-      4: '已退回'
-    }
-    return statusMap[status] || '-'
+  const renderStructuredValue = (value: unknown) =>
+    h('pre', { class: 'structured-value' }, formatStructuredValue(value))
+
+  const renderTimeline = (timeline: unknown) => {
+    if (!Array.isArray(timeline) || timeline.length === 0) return h('span', '-')
+
+    return h(
+      'div',
+      { class: 'approval-timeline' },
+      timeline.map((item: any) => {
+        const title = item.status_name || item.status || item.content || '审批节点'
+        const operator = item.operator_name || item.operator || ''
+        const time = item.time || item.timestamp || ''
+        const comment = item.comment || item.content || ''
+        return h('div', { class: 'approval-timeline__item' }, [
+          h('strong', title),
+          operator || time ? h('span', `${operator}${operator && time ? ' · ' : ''}${time}`) : null,
+          comment && comment !== title ? h('div', comment) : null
+        ])
+      })
+    )
+  }
+
+  const getRefundAttachmentKeys = (item: Refund) => {
+    const keys = item.attachments?.map((attachment) => attachment.file_key).filter(Boolean) || []
+    return keys.length ? keys : toVoucherKeyList(item.refund_voucher_key)
   }
 
   const detailSections = computed((): DetailSection[] => [
     {
-      title: '退款信息',
+      title: '退款业务信息',
       fields: [
         { label: '退款单号', prop: 'refund_no' },
         { label: '店铺名称', prop: 'shop_name' },
         { label: '订单号', prop: 'order_no' },
         { label: '资产标识符', prop: 'asset_identifier' },
-        {
-          label: '资产类型',
-          formatter: (_, data) =>
-            data.asset_type === 'device'
-              ? '设备'
-              : data.asset_type === 'card'
-                ? '单卡'
-                : data.asset_type === 'iot_card'
-                  ? 'IoT卡'
-                  : data.asset_type || '-'
-        },
+        { label: '资产类型', prop: 'asset_type' },
         {
           label: '申请退款金额',
           formatter: (_, data) => formatCurrency(data.requested_refund_amount)
@@ -307,22 +220,29 @@
           formatter: (_, data) => formatCurrency(data.actual_received_amount)
         },
         {
-          label: '状态',
-          render: (data) =>
-            h(ElTag, { type: getStatusType(data.status) }, () => getStatusText(data.status))
+          label: '退款原因',
+          prop: 'refund_reason',
+          formatter: (value) => value || '-',
+          fullWidth: true
+        },
+        {
+          label: '备注',
+          prop: 'remark',
+          formatter: (value) => value || '-',
+          fullWidth: true
         },
         {
           label: '退款凭证',
           fullWidth: true,
           render: (data) =>
-            hasVoucherKeys(data.refund_voucher_key)
+            getRefundAttachmentKeys(data).length
               ? h(
                   ElButton,
                   {
                     type: 'primary',
                     link: true,
                     onClick: () => {
-                      refundVoucherFileKeys.value = toVoucherKeyList(data.refund_voucher_key)
+                      refundVoucherFileKeys.value = getRefundAttachmentKeys(data)
                     }
                   },
                   () => '查看退款凭证'
@@ -331,60 +251,89 @@
         },
         {
           label: '资产重置',
-          render: (data) =>
-            h(ElTag, { type: data.asset_reset ? 'success' : 'info' }, () =>
-              data.asset_reset ? '是' : '否'
-            )
+          formatter: (_, data) => (data.asset_reset ? '是' : '否')
         },
         {
           label: '佣金扣除',
+          formatter: (_, data) => (data.commission_deducted ? '是' : '否')
+        },
+        { label: '创建时间', prop: 'created_at', formatter: (value) => formatDateTime(value) },
+        { label: '更新时间', prop: 'updated_at', formatter: (value) => formatDateTime(value) }
+      ]
+    },
+    {
+      title: '企微审批信息',
+      fields: [
+        { label: '审批来源', prop: 'approval.source' },
+        { label: '审批单号', prop: 'approval.sp_no' },
+        {
+          label: '审批状态',
+          formatter: (_, data) => data.approval?.status_name || data.approval?.status || '-'
+        },
+        { label: '模板版本', prop: 'approval.template_version' },
+        {
+          label: '申请人',
+          render: (data) => renderStructuredValue(data.approval?.applicant)
+        },
+        {
+          label: '审批人',
+          render: (data) => renderStructuredValue(data.approval?.approvers)
+        },
+        {
+          label: '审批意见',
+          render: (data) => renderStructuredValue(data.approval?.comments),
+          fullWidth: true
+        },
+        {
+          label: '审批附件',
+          render: (data) => {
+            const keys = (data.approval?.attachments || [])
+              .map((item: RefundAttachment) => item.file_key)
+              .filter(Boolean)
+            return keys.length
+              ? h(
+                  ElButton,
+                  {
+                    type: 'primary',
+                    link: true,
+                    onClick: () => (refundVoucherFileKeys.value = keys)
+                  },
+                  () => '查看审批附件'
+                )
+              : h('span', '-')
+          }
+        },
+        {
+          label: '审批时间线',
+          render: (data) => renderTimeline(data.approval?.timeline),
+          fullWidth: true
+        }
+      ]
+    },
+    {
+      title: '业务处理结果',
+      fields: [
+        {
+          label: '处理状态',
+          formatter: (_, data) => data.processing_status_name || data.processing_status || '-'
+        },
+        {
+          label: '失败摘要',
+          formatter: (_, data) => data.processing_failure_summary || data.error_summary || '-',
+          fullWidth: true
+        },
+        {
+          label: '处理提示',
+          formatter: (_, data) => data.processing_message || '-',
+          fullWidth: true
+        },
+        {
+          label: '业务处理结果',
           render: (data) =>
-            h(ElTag, { type: data.commission_deducted ? 'success' : 'info' }, () =>
-              data.commission_deducted ? '是' : '否'
-            )
-        }
-      ]
-    },
-    {
-      title: '退款原因',
-      fields: [
-        {
-          label: '退款原因',
-          prop: 'refund_reason',
-          formatter: (value) => value || '-',
+            renderStructuredValue(
+              data.business_process_result || data.approval?.business_process_result
+            ),
           fullWidth: true
-        },
-        {
-          label: '拒绝原因',
-          prop: 'reject_reason',
-          formatter: (value) => value || '-',
-          fullWidth: true
-        },
-        {
-          label: '审批备注',
-          prop: 'remark',
-          formatter: (value) => value || '-',
-          fullWidth: true
-        }
-      ]
-    },
-    {
-      title: '时间信息',
-      fields: [
-        {
-          label: '创建时间',
-          prop: 'created_at',
-          formatter: (value) => formatDateTime(value)
-        },
-        {
-          label: '审批时间',
-          prop: 'processed_at',
-          formatter: (value) => (value ? formatDateTime(value) : '-')
-        },
-        {
-          label: '更新时间',
-          prop: 'updated_at',
-          formatter: (value) => formatDateTime(value)
         }
       ]
     }
@@ -416,72 +365,44 @@
     }
   })
 
-  const handleApproveDialogClosed = () => {
-    approveFormRef.value?.resetFields()
-    approveForm.approved_refund_amount = undefined
-    approveForm.remark = ''
-  }
-
-  const handleRejectDialogClosed = () => {
-    rejectFormRef.value?.resetFields()
-    rejectForm.reject_reason = ''
-  }
-
   const handleResubmitDialogClosed = () => {
     resubmitFormRef.value?.resetFields()
     resubmitForm.requested_refund_amount = undefined
     resubmitForm.actual_received_amount = undefined
     resubmitForm.refund_voucher_key = []
+    resubmitForm.attachments = []
     resubmitForm.refund_reason = ''
     resubmitVoucherUploading.value = false
     resubmitUploadRef.value?.clearFiles(false)
   }
 
-  const handleApproveRefund = async () => {
-    if (!approveFormRef.value || !refund.value) return
+  const canResubmit = (item: Refund) => {
+    const statusText = [item.approval_status, item.approval_status_name, item.status_name]
+      .filter(Boolean)
+      .join(' ')
+      .toLowerCase()
 
-    const refundId = refund.value.id
-    await approveFormRef.value.validate(async (valid: boolean) => {
-      if (valid) {
-        approveLoading.value = true
-        try {
-          const data: ApproveRefundRequest = {
-            approved_refund_amount: yuanToFen(approveForm.approved_refund_amount),
-            remark: approveForm.remark || undefined
-          }
-
-          await RefundService.approveRefund(refundId, data)
-          ElMessage.success('审批通过成功')
-          approveDialogVisible.value = false
-          await fetchRefundDetail(refundId)
-        } catch (error) {
-          console.error(error)
-        } finally {
-          approveLoading.value = false
-        }
-      }
-    })
+    return (
+      item.status === 3 ||
+      statusText.includes('reject') ||
+      statusText.includes('revoke') ||
+      statusText.includes('delete') ||
+      statusText.includes('驳回') ||
+      statusText.includes('撤销') ||
+      statusText.includes('删除')
+    )
   }
 
-  const handleRejectRefund = async () => {
-    if (!rejectFormRef.value || !refund.value) return
-
-    const refundId = refund.value.id
-    await rejectFormRef.value.validate(async (valid: boolean) => {
-      if (valid) {
-        rejectLoading.value = true
-        try {
-          await RefundService.rejectRefund(refundId, rejectForm)
-          ElMessage.success('审批拒绝成功')
-          rejectDialogVisible.value = false
-          await fetchRefundDetail(refundId)
-        } catch (error) {
-          console.error(error)
-        } finally {
-          rejectLoading.value = false
-        }
-      }
-    })
+  const handleShowResubmit = () => {
+    if (!refund.value || !canResubmit(refund.value)) return
+    resubmitForm.requested_refund_amount =
+      fenToYuan(refund.value.requested_refund_amount) || undefined
+    resubmitForm.actual_received_amount =
+      fenToYuan(refund.value.actual_received_amount) || undefined
+    resubmitForm.refund_voucher_key = []
+    resubmitForm.attachments = []
+    resubmitForm.refund_reason = refund.value.refund_reason
+    resubmitDialogVisible.value = true
   }
 
   const handleResubmitRefund = async () => {
@@ -499,18 +420,16 @@
           const data: ResubmitRefundRequest = {
             requested_refund_amount: yuanToFen(resubmitForm.requested_refund_amount),
             actual_received_amount: yuanToFen(resubmitForm.actual_received_amount),
-            refund_reason: resubmitForm.refund_reason || undefined
-          }
-          if (hasVoucherKeys(resubmitForm.refund_voucher_key)) {
-            data.refund_voucher_key = toVoucherKeyList(resubmitForm.refund_voucher_key)
+            refund_reason: resubmitForm.refund_reason || undefined,
+            attachments: resubmitForm.attachments
           }
 
           await RefundService.resubmitRefund(refundId, data)
-          ElMessage.success('重新提交成功')
+          ElMessage.success('重新申请成功')
           resubmitDialogVisible.value = false
           await fetchRefundDetail(refundId)
         } catch (error) {
-          console.error(error)
+          ElMessage.error(getErrorMessage(error, '重新申请失败'))
         } finally {
           resubmitLoading.value = false
         }
@@ -530,6 +449,7 @@
       margin-bottom: 24px;
 
       .detail-title {
+        flex: 1;
         margin: 0;
         font-size: 20px;
         font-weight: 600;
@@ -537,6 +457,33 @@
       }
     }
 
+    .structured-value {
+      max-width: 100%;
+      margin: 0;
+      overflow-x: auto;
+      font: inherit;
+      line-height: 1.6;
+      white-space: pre-wrap;
+    }
+
+    .approval-timeline {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+
+      &__item {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        padding-left: 12px;
+        border-left: 2px solid var(--el-color-primary-light-5);
+
+        span {
+          color: var(--el-text-color-secondary);
+        }
+      }
+    }
+
     .loading-container {
       display: flex;
       flex-direction: column;
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index edb8b02..e378658 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -54,130 +54,10 @@
           @close="refundVoucherFileKeys = []"
         />
 
-        <!-- 审批通过对话框 -->
-        <ElDialog
-          v-model="approveDialogVisible"
-          title="审批通过"
-          width="500px"
-          @closed="handleApproveDialogClosed"
-        >
-          <ElForm
-            ref="approveFormRef"
-            :model="approveForm"
-            :rules="approveRules"
-            label-width="120px"
-          >
-            <ElFormItem label="退款单号">
-              <span>{{ currentRefund?.refund_no }}</span>
-            </ElFormItem>
-            <ElFormItem label="申请退款金额">
-              <span>{{ formatCurrency(currentRefund?.requested_refund_amount) }}</span>
-            </ElFormItem>
-            <ElFormItem label="实际退款金额" prop="approved_refund_amount">
-              <ElInputNumber
-                v-model="approveForm.approved_refund_amount"
-                :min="0"
-                :precision="2"
-                :step="1"
-                style="width: 100%"
-                placeholder="不填则默认使用申请金额"
-              />
-              <div style="margin-top: 8px; font-size: 12px; color: var(--el-text-color-secondary)">
-                不填则默认使用申请金额
-              </div>
-            </ElFormItem>
-            <ElFormItem label="审批备注">
-              <ElInput
-                v-model="approveForm.remark"
-                type="textarea"
-                :rows="3"
-                maxlength="500"
-                show-word-limit
-                placeholder="请输入审批备注"
-              />
-            </ElFormItem>
-          </ElForm>
-          <template #footer>
-            <div class="dialog-footer">
-              <ElButton @click="approveDialogVisible = false">取消</ElButton>
-              <ElButton type="primary" @click="handleApproveRefund" :loading="approveLoading">
-                确认通过
-              </ElButton>
-            </div>
-          </template>
-        </ElDialog>
-
-        <!-- 审批拒绝对话框 -->
-        <ElDialog
-          v-model="rejectDialogVisible"
-          title="审批拒绝"
-          width="500px"
-          @closed="handleRejectDialogClosed"
-        >
-          <ElForm ref="rejectFormRef" :model="rejectForm" :rules="rejectRules" label-width="120px">
-            <ElFormItem label="退款单号">
-              <span>{{ currentRefund?.refund_no }}</span>
-            </ElFormItem>
-            <ElFormItem label="拒绝原因" prop="reject_reason">
-              <ElInput
-                v-model="rejectForm.reject_reason"
-                type="textarea"
-                :rows="3"
-                maxlength="500"
-                show-word-limit
-                placeholder="请输入拒绝原因"
-              />
-            </ElFormItem>
-          </ElForm>
-          <template #footer>
-            <div class="dialog-footer">
-              <ElButton @click="rejectDialogVisible = false">取消</ElButton>
-              <ElButton type="danger" @click="handleRejectRefund" :loading="rejectLoading">
-                确认拒绝
-              </ElButton>
-            </div>
-          </template>
-        </ElDialog>
-
-        <!-- 退回对话框 -->
-        <ElDialog
-          v-model="returnDialogVisible"
-          title="驳回申请"
-          width="30%"
-          @closed="handleReturnDialogClosed"
-        >
-          <ElForm ref="returnFormRef" :model="returnForm" :rules="returnRules" label-width="80">
-            <ElFormItem label="退款单号">
-              <span>{{ currentRefund?.refund_no }}</span>
-            </ElFormItem>
-            <ElFormItem label="退回备注">
-              <ElInput
-                v-model="returnForm.remark"
-                type="textarea"
-                :rows="3"
-                maxlength="500"
-                show-word-limit
-                placeholder="请输入退回备注"
-              />
-            </ElFormItem>
-          </ElForm>
-          <div class="return-dialog-tip">
-            驳回后该订单不可再申请退款，若还需申请退款点击审核拒绝。
-          </div>
-          <template #footer>
-            <div class="dialog-footer">
-              <ElButton @click="returnDialogVisible = false">取消</ElButton>
-              <ElButton type="warning" @click="handleReturnRefund" :loading="returnLoading">
-                确认退回
-              </ElButton>
-            </div>
-          </template>
-        </ElDialog>
-
         <!-- 重新提交对话框 -->
         <ElDialog
           v-model="resubmitDialogVisible"
-          title="重新提交退款申请"
+          title="重新申请退款"
           width="500px"
           @closed="handleResubmitDialogClosed"
         >
@@ -227,6 +107,7 @@
                 voucher-name="退款凭证"
                 @uploading-change="resubmitVoucherUploading = $event"
                 @change="resubmitFormRef?.validateField('refund_voucher_key')"
+                @files-change="resubmitForm.attachments = $event"
               />
             </ElFormItem>
           </ElForm>
@@ -239,7 +120,7 @@
                 :loading="resubmitLoading || resubmitVoucherUploading"
                 :disabled="resubmitVoucherUploading"
               >
-                {{ resubmitVoucherUploading ? '凭证上传中...' : '确认提交' }}
+                {{ resubmitVoucherUploading ? '凭证上传中...' : '确认申请' }}
               </ElButton>
             </div>
           </template>
@@ -259,10 +140,8 @@
     Refund,
     RefundQueryParams,
     RefundStatus,
-    ApproveRefundRequest,
-    RejectRefundRequest,
-    ReturnRefundRequest,
-    ResubmitRefundRequest
+    ResubmitRefundRequest,
+    RefundAttachment
   } from '@/types/api'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -272,7 +151,7 @@
     getCurrentApproverSummaryText,
     getProcessingStatusText
   } from '@/utils/business/approvalSummary'
-  import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
+  import { toVoucherKeyList } from '@/utils/business'
   import { RoutesAlias } from '@/router/routesAlias'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
@@ -286,17 +165,11 @@
   const { hasAuth } = useAuth()
 
   const loading = ref(false)
-  const approveLoading = ref(false)
-  const rejectLoading = ref(false)
-  const returnLoading = ref(false)
   const resubmitLoading = ref(false)
   const resubmitVoucherUploading = ref(false)
   const tableRef = ref()
   const resubmitUploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const createDialogVisible = ref(false)
-  const approveDialogVisible = ref(false)
-  const rejectDialogVisible = ref(false)
-  const returnDialogVisible = ref(false)
   const resubmitDialogVisible = ref(false)
   const currentRefund = ref<Refund | null>(null)
   const refundVoucherFileKeys = ref<string[]>([])
@@ -409,43 +282,21 @@
     { label: '审批时间', prop: 'processed_at' }
   ]
 
-  const approveFormRef = ref<FormInstance>()
-  const rejectFormRef = ref<FormInstance>()
-  const returnFormRef = ref<FormInstance>()
   const resubmitFormRef = ref<FormInstance>()
 
-  const approveRules = reactive<FormRules>({})
-
-  const rejectRules = reactive<FormRules>({
-    reject_reason: [{ required: true, message: '请输入拒绝原因', trigger: 'blur' }]
-  })
-
-  const returnRules = reactive<FormRules>({})
-
   const resubmitRules = reactive<FormRules>({})
 
-  const approveForm = reactive<ApproveRefundRequest>({
-    approved_refund_amount: undefined,
-    remark: ''
-  })
-
-  const rejectForm = reactive<RejectRefundRequest>({
-    reject_reason: ''
-  })
-
-  const returnForm = reactive<ReturnRefundRequest>({
-    remark: ''
-  })
-
   const resubmitForm = reactive<{
     requested_refund_amount?: number
     actual_received_amount?: number
     refund_voucher_key: string[]
+    attachments: RefundAttachment[]
     refund_reason?: string
   }>({
     requested_refund_amount: undefined,
     actual_received_amount: undefined,
     refund_voucher_key: [],
+    attachments: [],
     refund_reason: ''
   })
 
@@ -752,119 +603,6 @@
     getTableData()
   }
 
-  // 显示审批通过对话框
-  const handleShowApprove = (row: Refund) => {
-    currentRefund.value = row
-    approveDialogVisible.value = true
-  }
-
-  // 审批通过对话框关闭后的清理
-  const handleApproveDialogClosed = () => {
-    approveFormRef.value?.resetFields()
-    approveForm.approved_refund_amount = undefined
-    approveForm.remark = ''
-    currentRefund.value = null
-  }
-
-  // 审批通过
-  const handleApproveRefund = async () => {
-    if (!approveFormRef.value || !currentRefund.value) return
-
-    await approveFormRef.value.validate(async (valid) => {
-      if (valid) {
-        approveLoading.value = true
-        try {
-          const data: ApproveRefundRequest = {
-            approved_refund_amount: yuanToFen(approveForm.approved_refund_amount),
-            remark: approveForm.remark || undefined
-          }
-          const refundId = currentRefund.value?.id
-          if (!refundId) return
-          await RefundService.approveRefund(refundId, data)
-          ElMessage.success('审批通过成功')
-          approveDialogVisible.value = false
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        } finally {
-          approveLoading.value = false
-        }
-      }
-    })
-  }
-
-  // 显示审批拒绝对话框
-  const handleShowReject = (row: Refund) => {
-    currentRefund.value = row
-    rejectDialogVisible.value = true
-  }
-
-  // 审批拒绝对话框关闭后的清理
-  const handleRejectDialogClosed = () => {
-    rejectFormRef.value?.resetFields()
-    rejectForm.reject_reason = ''
-    currentRefund.value = null
-  }
-
-  // 审批拒绝
-  const handleRejectRefund = async () => {
-    if (!rejectFormRef.value || !currentRefund.value) return
-
-    await rejectFormRef.value.validate(async (valid) => {
-      if (valid) {
-        rejectLoading.value = true
-        try {
-          const refundId = currentRefund.value?.id
-          if (!refundId) return
-          await RefundService.rejectRefund(refundId, rejectForm)
-          ElMessage.success('审批拒绝成功')
-          rejectDialogVisible.value = false
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        } finally {
-          rejectLoading.value = false
-        }
-      }
-    })
-  }
-
-  // 显示退回对话框
-  const handleShowReturn = (row: Refund) => {
-    currentRefund.value = row
-    returnDialogVisible.value = true
-  }
-
-  // 退回对话框关闭后的清理
-  const handleReturnDialogClosed = () => {
-    returnFormRef.value?.resetFields()
-    returnForm.remark = ''
-    currentRefund.value = null
-  }
-
-  // 退回
-  const handleReturnRefund = async () => {
-    if (!returnFormRef.value || !currentRefund.value) return
-
-    await returnFormRef.value.validate(async (valid) => {
-      if (valid) {
-        returnLoading.value = true
-        try {
-          const refundId = currentRefund.value?.id
-          if (!refundId) return
-          await RefundService.returnRefund(refundId, returnForm)
-          ElMessage.success('退回成功')
-          returnDialogVisible.value = false
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        } finally {
-          returnLoading.value = false
-        }
-      }
-    })
-  }
-
   // 显示重新提交对话框
   const handleShowResubmit = (row: Refund) => {
     currentRefund.value = row
@@ -872,6 +610,7 @@
     resubmitForm.requested_refund_amount = fenToYuan(row.requested_refund_amount) || undefined
     resubmitForm.actual_received_amount = fenToYuan(row.actual_received_amount) || undefined
     resubmitForm.refund_voucher_key = []
+    resubmitForm.attachments = []
     resubmitForm.refund_reason = row.refund_reason
     resubmitDialogVisible.value = true
   }
@@ -882,6 +621,7 @@
     resubmitForm.requested_refund_amount = undefined
     resubmitForm.actual_received_amount = undefined
     resubmitForm.refund_voucher_key = []
+    resubmitForm.attachments = []
     resubmitForm.refund_reason = ''
     resubmitVoucherUploading.value = false
     resubmitUploadRef.value?.clearFiles(false)
@@ -905,14 +645,12 @@
           const data: ResubmitRefundRequest = {
             requested_refund_amount: yuanToFen(resubmitForm.requested_refund_amount),
             actual_received_amount: yuanToFen(resubmitForm.actual_received_amount),
-            refund_reason: resubmitForm.refund_reason || undefined
-          }
-          if (hasVoucherKeys(resubmitForm.refund_voucher_key)) {
-            data.refund_voucher_key = toVoucherKeyList(resubmitForm.refund_voucher_key)
+            refund_reason: resubmitForm.refund_reason || undefined,
+            attachments: resubmitForm.attachments
           }
 
           await RefundService.resubmitRefund(refundId, data)
-          ElMessage.success('重新提交成功')
+          ElMessage.success('重新申请成功')
           resubmitDialogVisible.value = false
           await getTableData()
         } catch (error) {
@@ -940,43 +678,36 @@
     })
   }
 
+  const getRefundAttachmentKeys = (row: Refund) => {
+    const keys = row.attachments?.map((attachment) => attachment.file_key).filter(Boolean) || []
+    return keys.length ? keys : toVoucherKeyList(row.refund_voucher_key)
+  }
+
+  const canResubmit = (row: Refund) => {
+    const statusText = [row.approval_status, row.approval_status_name, row.status_name]
+      .filter(Boolean)
+      .join(' ')
+      .toLowerCase()
+
+    return (
+      row.status === 3 ||
+      statusText.includes('reject') ||
+      statusText.includes('revoke') ||
+      statusText.includes('delete') ||
+      statusText.includes('驳回') ||
+      statusText.includes('撤销') ||
+      statusText.includes('删除')
+    )
+  }
+
   // 获取操作按钮
   const getActions = (row: Refund) => {
     const actions: any[] = []
-    const voucherKeys = toVoucherKeyList(row.refund_voucher_key)
+    const voucherKeys = getRefundAttachmentKeys(row)
 
-    // 待审批状态可以打回重填、审批通过或审批拒绝
-    if (row.status === 1) {
-      // 审批通过
-      if (hasAuth('refund:approve')) {
-        actions.push({
-          label: '审批通过',
-          handler: () => handleShowApprove(row),
-          type: 'primary'
-        })
-      }
-      // 审批拒绝
-      if (hasAuth('refund:reject')) {
-        actions.push({
-          label: '审批拒绝',
-          handler: () => handleShowReject(row),
-          type: 'danger'
-        })
-      }
-      // 驳回
-      if (hasAuth('refund:return')) {
-        actions.push({
-          label: '驳回',
-          handler: () => handleShowReturn(row),
-          type: 'primary'
-        })
-      }
-    }
-
-    // 只有已退回状态可以重新提交
-    if (row.status === 4 && hasAuth('refund:resubmit')) {
+    if (canResubmit(row) && hasAuth('refund:resubmit')) {
       actions.push({
-        label: '重新提交',
+        label: '重新申请',
         handler: () => handleShowResubmit(row),
         type: 'primary'
       })
@@ -994,22 +725,14 @@
   }
 
   const handleViewRefundVoucher = (row: Refund) => {
-    const voucherKey = row.refund_voucher_key
-    if (!hasVoucherKeys(voucherKey)) return
-    refundVoucherFileKeys.value = toVoucherKeyList(voucherKey)
+    const voucherKeys = getRefundAttachmentKeys(row)
+    if (!voucherKeys.length) return
+    refundVoucherFileKeys.value = voucherKeys
   }
 </script>
 
 <style scoped lang="scss">
   .refund-page {
     height: 100%;
-
-    .return-dialog-tip {
-      margin-top: 8px;
-      font-size: 12px;
-      line-height: 1.6;
-      color: var(--el-color-primary);
-      text-align: center;
-    }
   }
 </style>

From d1ff4d5f6c433c3fbdac9141677294a6c4c2a569 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 24 Jul 2026 17:12:29 +0800
Subject: [PATCH 26/76] =?UTF-8?q?feat:=20=E9=A1=B6=E9=83=A8=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E9=93=83=E9=93=9B=E4=B8=8E=E7=AB=99=E5=86=85=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../changes/add-notification-center/design.md |  70 +++
 .../add-notification-center/proposal.md       |  46 ++
 .../specs/notification-center/spec.md         |  81 ++++
 .../changes/add-notification-center/tasks.md  |  39 ++
 src/api/modules/index.ts                      |   1 +
 src/api/modules/notification.ts               |  41 ++
 .../core/layouts/art-header-bar/index.vue     |  55 ++-
 .../core/layouts/art-header-bar/style.scss    |  19 +
 .../core/layouts/art-notification/index.vue   | 402 +++++++-----------
 .../core/layouts/art-notification/style.scss  | 383 +++++++----------
 src/config/constants/notification.ts          |   5 +
 src/router/routes/asyncRoutes.ts              |  23 +
 src/router/routesAlias.ts                     |   3 +
 src/store/modules/notification.ts             |  90 ++++
 src/types/api/index.ts                        |   3 +
 src/types/api/notification.ts                 |  51 +++
 src/utils/business/notificationNavigation.ts  |  31 ++
 src/views/notifications/index.vue             | 277 ++++++++++++
 18 files changed, 1101 insertions(+), 519 deletions(-)
 create mode 100644 openspec/changes/add-notification-center/design.md
 create mode 100644 openspec/changes/add-notification-center/proposal.md
 create mode 100644 openspec/changes/add-notification-center/specs/notification-center/spec.md
 create mode 100644 openspec/changes/add-notification-center/tasks.md
 create mode 100644 src/api/modules/notification.ts
 create mode 100644 src/config/constants/notification.ts
 create mode 100644 src/store/modules/notification.ts
 create mode 100644 src/types/api/notification.ts
 create mode 100644 src/utils/business/notificationNavigation.ts
 create mode 100644 src/views/notifications/index.vue

diff --git a/openspec/changes/add-notification-center/design.md b/openspec/changes/add-notification-center/design.md
new file mode 100644
index 0000000..4c02f39
--- /dev/null
+++ b/openspec/changes/add-notification-center/design.md
@@ -0,0 +1,70 @@
+## Context
+
+系统已经存在 `ArtNotification` 顶部通知组件，但组件中的通知、消息和待办列表都是静态数据，顶部通知按钮处于注释状态。新的通知能力需要同时服务顶部快速查看和完整通知中心，并确保用户在任一入口执行已读操作后未读数与列表状态一致。
+
+## Goals / Non-Goals
+
+- Goals: 提供余额预警、临期提醒、审批结果和系统告警统一的站内通知入口。
+- Goals: 在顶部快速查看最近 10 条通知，并提供进入通知中心的入口。
+- Goals: 支持通知分类、类型、严重级别和已读状态筛选。
+- Goals: 将通知点击导航限制在前端认可的业务目标内，禁止任意 URL 跳转。
+- Goals: 单条已读、全部已读、抽屉和通知中心共享同一份未读状态。
+- Non-Goals: 不实现 C 端通知页面。
+- Non-Goals: 不实现推送通道或服务端通知生成规则。
+- Non-Goals: 不让前端根据通知正文推断跳转地址。
+
+## Decisions
+
+- Decision: 通知铃铛放在顶部全局导航的设置按钮和用户头像菜单附近。
+- Rationale: 该区域已承载全局设置和用户级入口，适合放置跨页面可访问的通知入口，也符合产品指定位置。
+
+- Decision: 顶部抽屉只加载最近 10 条，完整通知中心使用独立路由 `/notifications`。
+- Rationale: 顶部入口保持轻量，筛选和完整历史查询放在独立页面，避免挤占全局导航空间。
+
+- Decision: 未读数使用独立接口获取，单条通知和全部已读成功后立即更新本地共享状态，并以接口返回值为最终结果。
+- Rationale: 未读数是全局状态，不能依赖当前抽屉或列表的局部数量推导。
+
+- Decision: 点击通知先调用单条已读接口，再调用目标接口，根据返回的受控 route name/route params 跳转。
+- Rationale: 已读状态必须在导航前落库，目标由后端业务引用解析，前端不执行通知携带的任意 URL。
+
+- Decision: 未知 `ref_type` 或目标接口无可用目标时只展示通知正文和状态，不跳转。
+- Rationale: 保证安全，同时让无法关联页面的系统通知仍然可读。
+
+- Decision: `unread-summary` 为顶部抽屉分类提供数据，`notifications` 为通知中心筛选列表提供数据。
+- Rationale: 顶部快速查看与完整列表的数据量和筛选职责不同，避免顶部加载完整历史数据。
+
+## Data Contract
+
+- Notification item: id, title, content, category, type, severity, read status, created time and optional `ref_type`/reference ID.
+- Unread count: non-negative integer; frontend formats it as `0`, `1`-`99` or `99+`.
+- Unread summary: category counts and recent notification items, limited to the latest 10 items for the drawer.
+- Notification list: paginated items plus total count, with category, type, severity and read-state filters.
+- Target response: controlled internal route information, such as route name/path and route params; no arbitrary executable URL.
+
+## Risks / Trade-offs
+
+- Risk: 后端通知字段或枚举名称与文档不一致。
+- Mitigation: 在任务阶段先确认字段契约，类型层保留稳定的可选字段和未知值占位展示。
+
+- Risk: 用户在多个标签页同时读通知，单页本地未读数短暂不一致。
+- Mitigation: 操作成功后刷新未读数和当前列表；跨标签实时同步不作为本期强制目标。
+
+- Risk: 目标记录已删除或用户权限发生变化。
+- Mitigation: 目标接口返回不可跳转时只展示正文，并处理权限/不存在状态，不回退到任意 URL。
+
+## Migration Plan
+
+1. 确认通知列表、摘要、未读数和目标接口字段及枚举。
+2. 新增通知 API service、类型和共享状态。
+3. 将顶部通知按钮放入设置/头像区域，接入未读数和最近通知抽屉。
+4. 新增 `/notifications` 路由及通知中心页面。
+5. 实现筛选、单条已读、全部已读和受控目标跳转。
+6. 删除或替换 `ArtNotification` 中的静态 mock 数据，并验证四类通知展示一致。
+
+## Open Questions
+
+- 通知中心是否需要分页参数名称 `page/page_size`，以及默认每页数量需要后端确认。
+- `category`、`type`、`severity` 和 `read_status` 的枚举值及展示名称需要后端确认。
+- 目标接口返回 route name、path 还是 route key + params，需要与路由菜单契约确认。
+- 未读数是否需要页面进入时定时刷新或仅在打开抽屉/完成操作时刷新，本期默认按接口调用时机刷新。
+- 通知中心菜单权限和按钮权限编码需要后端权限表确认。
diff --git a/openspec/changes/add-notification-center/proposal.md b/openspec/changes/add-notification-center/proposal.md
new file mode 100644
index 0000000..0d80157
--- /dev/null
+++ b/openspec/changes/add-notification-center/proposal.md
@@ -0,0 +1,46 @@
+# Change: 顶部通知铃铛与站内通知中心
+
+## Why
+
+当前顶部通知组件仍使用硬编码 mock 数据，通知按钮也未启用，运营人员无法统一查看余额预警、临期提醒、审批结果和系统告警。需要建立真实的站内通知数据链路，并在全局导航和通知中心之间保持未读状态同步。
+
+## What Changes
+
+- 在顶部全局导航的设置按钮与用户头像入口区域增加通知铃铛。
+- 铃铛展示未读数量，统一格式为 `0`、`1`～`99` 或 `99+`。
+- 点击铃铛展示最近 10 条通知抽屉，支持全部、审批、临期、同步/系统分类。
+- 抽屉提供进入 `/notifications` 通知中心的入口。
+- 新增通知中心页面，支持分类、通知类型、严重级别、已读状态筛选和全部已读。
+- 点击通知时先调用标记已读接口，再根据受控 `ref_type` 获取目标并跳转；未知目标只展示通知正文，不执行任意 URL 跳转。
+- 接入未读数、未读摘要、通知列表、单条已读和全部已读接口。
+- 替换现有 `ArtNotification` 硬编码 mock 数据实现，并复用现有顶部布局和设置/头像区域的视觉位置。
+
+## Impact
+
+- Affected specs:
+  - `notification-center`
+- Affected code:
+  - `src/components/core/layouts/art-header-bar/index.vue`
+  - `src/components/core/layouts/art-notification/index.vue`
+  - `src/components/core/layouts/art-notification/style.scss`
+  - `src/views/notifications/index.vue`
+  - `src/api/modules/notification.ts`
+  - `src/types/api/notification.ts`
+  - 路由、菜单和通知相关权限配置
+- API contracts:
+  - `GET /api/admin/notifications/unread-count`
+  - `GET /api/admin/notifications/unread-summary`
+  - `GET /api/admin/notifications`
+  - `PUT /api/admin/notifications/{id}/read`
+  - `PUT /api/admin/notifications/read-all`
+  - `GET /api/admin/notifications/{id}/target`
+- Dependencies:
+  - 后端按当前用户返回通知数据、未读统计和受控跳转目标。
+  - 后端明确通知分类、类型、严重级别、已读状态和 `ref_type` 枚举。
+  - 目标接口不得返回可被前端直接执行的任意外部 URL。
+- Out of scope:
+  - C 端 `/api/c/v1/notifications` 接口和页面。
+  - 前端创建、编辑或删除通知。
+  - 浏览器推送、WebSocket 或轮询之外的实时推送机制。
+- Breaking changes:
+  - 现有 `ArtNotification` mock 通知数据和无效的空操作按钮将被真实通知数据及接口行为替换。
diff --git a/openspec/changes/add-notification-center/specs/notification-center/spec.md b/openspec/changes/add-notification-center/specs/notification-center/spec.md
new file mode 100644
index 0000000..6cd8d5a
--- /dev/null
+++ b/openspec/changes/add-notification-center/specs/notification-center/spec.md
@@ -0,0 +1,81 @@
+## ADDED Requirements
+
+### Requirement: Global Notification Bell
+
+The admin frontend SHALL provide a global notification bell in the top navigation near the settings and user avatar entries.
+
+#### Scenario: Display unread count
+
+- **GIVEN** 用户已登录后台
+- **WHEN** 顶部导航加载未读通知数量
+- **THEN** 铃铛 MUST call `GET /api/admin/notifications/unread-count`
+- **AND** 数量 MUST display as `0`, `1` through `99`, or `99+`
+
+#### Scenario: Open recent notification drawer
+
+- **WHEN** 用户点击顶部通知铃铛
+- **THEN** 页面 MUST display the latest 10 notifications from the unread summary contract
+- **AND** 抽屉 MUST provide 全部、审批、临期、同步/系统分类
+- **AND** 抽屉 MUST provide an entry to `/notifications`
+
+### Requirement: Notification Center Filtering
+
+The admin frontend SHALL provide a `/notifications` notification center with server-backed filtering.
+
+#### Scenario: Filter notifications
+
+- **WHEN** 用户打开通知中心或调整筛选条件
+- **THEN** 页面 MUST support category, notification type, severity and read-state filters
+- **AND** 页面 MUST load results from `GET /api/admin/notifications`
+- **AND** 页面 MUST display notification title, content, category, severity, read state and created time
+
+#### Scenario: Mark all notifications read
+
+- **WHEN** 用户点击全部已读
+- **THEN** 页面 MUST call `PUT /api/admin/notifications/read-all`
+- **AND** 页面 MUST refresh the unread count and visible notification read states after success
+
+### Requirement: Notification Read State Synchronization
+
+The notification drawer and notification center SHALL keep read state and unread count synchronized with the backend.
+
+#### Scenario: Mark a notification read
+
+- **WHEN** 用户点击一条未读通知
+- **THEN** 页面 MUST call `PUT /api/admin/notifications/{id}/read` before navigation
+- **AND** 页面 MUST refresh or update the shared unread count after the read request succeeds
+
+#### Scenario: Preserve read state after refresh
+
+- **GIVEN** 用户已完成单条已读或全部已读操作
+- **WHEN** 用户关闭抽屉、切换页面或刷新通知中心
+- **THEN** 页面 MUST use the latest backend response rather than restoring stale local unread state
+
+### Requirement: Controlled Notification Navigation
+
+The admin frontend SHALL navigate from notifications only through controlled internal targets.
+
+#### Scenario: Navigate to a valid notification target
+
+- **GIVEN** 通知包含受支持的 `ref_type` 或业务引用
+- **WHEN** 单条已读成功后页面请求 `GET /api/admin/notifications/{id}/target`
+- **THEN** 页面 MUST navigate only to a target recognized by the frontend route table
+- **AND** 页面 MUST preserve the target route parameters returned by the backend
+
+#### Scenario: Handle an unknown target safely
+
+- **GIVEN** 通知的 `ref_type` 未知、目标已删除或目标无权限
+- **WHEN** 页面处理通知点击
+- **THEN** 页面 MUST not navigate to an arbitrary URL
+- **AND** 页面 MUST still display the notification content and a stable unavailable-target state
+
+### Requirement: Consistent Notification Categories
+
+The notification drawer and notification center SHALL present balance warnings, expiry reminders, approval results and system alerts through the same notification data contract.
+
+#### Scenario: Display supported notification types
+
+- **GIVEN** 后端返回余额预警、临期提醒、审批结果或系统告警
+- **WHEN** 用户查看抽屉或通知中心
+- **THEN** 页面 MUST display each item using its backend category, type and severity
+- **AND** 页面 MUST not replace the item with hardcoded mock notification content
diff --git a/openspec/changes/add-notification-center/tasks.md b/openspec/changes/add-notification-center/tasks.md
new file mode 100644
index 0000000..d49d4fe
--- /dev/null
+++ b/openspec/changes/add-notification-center/tasks.md
@@ -0,0 +1,39 @@
+## 1. Contract And Types
+
+- [x] 1.1 按产品文档落地通知项、未读统计、未读摘要、分页列表和受控目标响应字段。
+- [x] 1.2 按产品文档落地分类、通知类型、严重级别、已读状态和 `ref_type` 兼容类型。
+- [x] 1.3 新增通知中心菜单权限 `notifications:view`、单条已读权限 `notifications:read`、全部已读权限 `notifications:read_all`。
+- [x] 1.4 新增 `notification.ts` API service，覆盖未读数、摘要、列表、单条已读、全部已读和目标接口。
+- [x] 1.5 新增通知实体、筛选参数、分页响应和目标响应类型。
+
+## 2. Global Header And Drawer
+
+- [x] 2.1 在顶部设置按钮与用户头像入口区域增加通知铃铛。
+- [x] 2.2 实现未读数量格式化为 `0`、`1`～`99` 或 `99+`。
+- [x] 2.3 顶部抽屉加载最近 10 条通知，并按全部、审批、临期、同步/系统分类展示。
+- [x] 2.4 替换 `ArtNotification` 静态 mock 数据，接入真实摘要接口。
+- [x] 2.5 提供进入 `/notifications` 通知中心的入口，并保证桌面端和移动端布局可用。
+
+## 3. Notification Center
+
+- [x] 3.1 新增 `/notifications` 路由和通知中心页面。
+- [x] 3.2 支持分类、通知类型、严重级别和已读状态筛选。
+- [x] 3.3 展示通知标题、正文、严重级别、分类、时间和已读状态。
+- [x] 3.4 实现全部已读，并在成功后同步未读数和列表状态。
+- [x] 3.5 处理空列表、加载失败、权限失败和未知枚举值的稳定展示。
+
+## 4. Read And Controlled Navigation
+
+- [x] 4.1 点击通知时先调用 `PUT /api/admin/notifications/{id}/read`。
+- [x] 4.2 已读成功后调用 `GET /api/admin/notifications/{id}/target` 获取受控目标。
+- [x] 4.3 仅允许跳转到后端返回且前端路由表认可的内部目标。
+- [x] 4.4 未知 `ref_type`、目标不存在或无权限时只展示正文，不执行任意 URL 跳转。
+- [x] 4.5 抽屉和通知中心的已读操作后刷新共享未读数。
+
+## 5. Verification
+
+- [x] 5.1 验证余额、临期、审批和系统通知在抽屉及通知中心展示一致。
+- [x] 5.2 验证未读数在单条已读、全部已读、抽屉关闭和页面刷新后与接口结果一致。
+- [x] 5.3 验证通知点击不会跳转到任意外部或未注册 URL。
+- [x] 5.4 验证未知目标通知仍可查看正文且不会阻塞其他通知操作。
+- [x] 5.5 运行类型检查、lint、相关测试和构建。
diff --git a/src/api/modules/index.ts b/src/api/modules/index.ts
index b58e166..fb05044 100644
--- a/src/api/modules/index.ts
+++ b/src/api/modules/index.ts
@@ -35,6 +35,7 @@ export { SuperAdminService } from './superAdmin'
 export { ExportTaskService } from './exportTask'
 export { OrderPackageInvalidateTaskService } from './orderPackageInvalidateTask'
 export { BulkPurchaseService } from './bulkPurchase'
+export { NotificationService } from './notification'
 
 // TODO: 按需添加其他业务模块
 // export { SettingService } from './setting'
diff --git a/src/api/modules/notification.ts b/src/api/modules/notification.ts
new file mode 100644
index 0000000..4f95965
--- /dev/null
+++ b/src/api/modules/notification.ts
@@ -0,0 +1,41 @@
+import { BaseService } from '../BaseService'
+import type {
+  BaseResponse,
+  NotificationItem,
+  NotificationListResponse,
+  NotificationQueryParams,
+  NotificationSummary,
+  NotificationTarget
+} from '@/types/api'
+
+export class NotificationService extends BaseService {
+  static getUnreadCount(): Promise<
+    BaseResponse<number | { count?: number; unread_count?: number }>
+  > {
+    return this.get<BaseResponse<number | { count?: number; unread_count?: number }>>(
+      '/api/admin/notifications/unread-count'
+    )
+  }
+
+  static getUnreadSummary(): Promise<BaseResponse<NotificationSummary>> {
+    return this.get<BaseResponse<NotificationSummary>>('/api/admin/notifications/unread-summary')
+  }
+
+  static getNotifications(
+    params?: NotificationQueryParams
+  ): Promise<BaseResponse<NotificationListResponse>> {
+    return this.get<BaseResponse<NotificationListResponse>>('/api/admin/notifications', params)
+  }
+
+  static markRead(id: number | string): Promise<BaseResponse<NotificationItem>> {
+    return this.put<BaseResponse<NotificationItem>>(`/api/admin/notifications/${id}/read`, {})
+  }
+
+  static markAllRead(): Promise<BaseResponse> {
+    return this.put<BaseResponse>('/api/admin/notifications/read-all', {})
+  }
+
+  static getTarget(id: number | string): Promise<BaseResponse<NotificationTarget>> {
+    return this.get<BaseResponse<NotificationTarget>>(`/api/admin/notifications/${id}/target`)
+  }
+}
diff --git a/src/components/core/layouts/art-header-bar/index.vue b/src/components/core/layouts/art-header-bar/index.vue
index a413676..ce9059f 100644
--- a/src/components/core/layouts/art-header-bar/index.vue
+++ b/src/components/core/layouts/art-header-bar/index.vue
@@ -65,12 +65,16 @@
           </div>
         </div>
         <!-- 通知 -->
-        <!--<div class="btn-box notice-btn" @click="visibleNotice">-->
-        <!--  <div class="btn notice-button">-->
-        <!--    <i class="iconfont-sys notice-btn">&#xe6c2;</i>-->
-        <!--    <span class="count notice-btn"></span>-->
-        <!--  </div>-->
-        <!--</div>-->
+        <div
+          v-if="hasAuth(NOTIFICATION_PERMISSIONS.page)"
+          class="btn-box notice-btn"
+          @click.stop="showNotice = !showNotice"
+        >
+          <div class="btn notice-button">
+            <i class="iconfont-sys">&#xe6c2;</i>
+            <span v-if="unreadCount > 0" class="notice-count">{{ formattedUnreadCount }}</span>
+          </div>
+        </div>
         <!-- 聊天 -->
         <!--<div class="btn-box chat-btn" @click="openChat">-->
         <!--  <div class="btn chat-button">-->
@@ -175,7 +179,7 @@
     </div>
     <ArtWorkTab />
 
-    <art-notification v-model:value="showNotice" ref="notice" />
+    <art-notification v-model="showNotice" />
   </div>
 </template>
 
@@ -189,12 +193,17 @@
   import { useI18n } from 'vue-i18n'
   import { mittBus } from '@/utils/sys'
   import { useMenuStore } from '@/store/modules/menu'
+  import { useNotificationStore } from '@/store/modules/notification'
+  import { useAuth } from '@/composables/useAuth'
+  import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
   import AppConfig from '@/config'
   const isWindows = navigator.userAgent.includes('Windows')
   const { locale } = useI18n()
 
   const settingStore = useSettingStore()
   const userStore = useUserStore()
+  const notificationStore = useNotificationStore()
+  const { hasAuth } = useAuth()
   const router = useRouter()
 
   const {
@@ -214,7 +223,6 @@
   const { menuList } = storeToRefs(useMenuStore())
 
   const showNotice = ref(false)
-  const notice = ref(null)
   const userMenuPopover = ref()
 
   const isLeftMenu = computed(() => menuType.value === MenuTypeEnum.LEFT)
@@ -229,6 +237,11 @@
 
   const { width } = useWindowSize()
 
+  const unreadCount = computed(() => notificationStore.unreadCount)
+  const formattedUnreadCount = computed(() =>
+    unreadCount.value > 99 ? '99+' : String(unreadCount.value)
+  )
+
   const menuTopWidth = computed(() => {
     return width.value * 0.5
   })
@@ -251,11 +264,9 @@
 
   onMounted(() => {
     initLanguage()
-    document.addEventListener('click', bodyCloseNotice)
-  })
-
-  onUnmounted(() => {
-    document.removeEventListener('click', bodyCloseNotice)
+    if (hasAuth(NOTIFICATION_PERMISSIONS.page)) {
+      void notificationStore.refreshUnreadCount().catch(() => undefined)
+    }
   })
 
   const { isFullscreen, toggle: toggleFullscreen } = useFullscreen()
@@ -334,24 +345,6 @@
     mittBus.emit('openSearchDialog')
   }
 
-  const bodyCloseNotice = (e: any) => {
-    let { className } = e.target
-
-    if (showNotice.value) {
-      if (typeof className === 'object') {
-        showNotice.value = false
-        return
-      }
-      if (className.indexOf('notice-btn') === -1) {
-        showNotice.value = false
-      }
-    }
-  }
-
-  const openChat = () => {
-    mittBus.emit('openChat')
-  }
-
   const lockScreen = () => {
     mittBus.emit('openLockScreen')
   }
diff --git a/src/components/core/layouts/art-header-bar/style.scss b/src/components/core/layouts/art-header-bar/style.scss
index 5febcf3..fb75068 100644
--- a/src/components/core/layouts/art-header-bar/style.scss
+++ b/src/components/core/layouts/art-header-bar/style.scss
@@ -200,6 +200,10 @@
         }
       }
 
+      &.notice-button {
+        position: relative;
+      }
+
       &.chat-button:hover {
         i {
           animation: shake 0.5s ease-in-out;
@@ -411,6 +415,21 @@
       }
     }
   }
+
+  .notice-count {
+    position: absolute;
+    top: 2px;
+    right: 0;
+    min-width: 16px;
+    height: 16px;
+    padding: 0 4px;
+    font-size: 10px;
+    line-height: 16px;
+    color: #fff;
+    text-align: center;
+    background: var(--el-color-danger);
+    border-radius: 10px;
+  }
 }
 
 @keyframes rotate180 {
diff --git a/src/components/core/layouts/art-notification/index.vue b/src/components/core/layouts/art-notification/index.vue
index c662c5f..78d43fc 100644
--- a/src/components/core/layouts/art-notification/index.vue
+++ b/src/components/core/layouts/art-notification/index.vue
@@ -1,276 +1,168 @@
 <template>
-  <div
-    class="notice"
-    v-show="visible"
-    :style="{
-      transform: show ? 'scaleY(1)' : 'scaleY(0.9)',
-      opacity: show ? 1 : 0
-    }"
-    @click.stop=""
-  >
-    <div class="header">
-      <span class="text">{{ $t('notice.title') }}</span>
-      <span class="btn">{{ $t('notice.btnRead') }}</span>
-    </div>
-    <ul class="bar">
-      <li
-        v-for="(item, index) in barList"
-        :key="index"
-        :class="{ active: barActiveIndex === index }"
-        @click="changeBar(index)"
-      >
-        {{ item.name }} ({{ item.num }})
-      </li>
-    </ul>
-    <div class="content">
-      <div class="scroll">
-        <!-- 通知 -->
-        <ul class="notice-list" v-show="barActiveIndex === 0">
-          <li v-for="(item, index) in noticeList" :key="index">
-            <div
-              class="icon"
-              :style="{ background: getNoticeStyle(item.type).backgroundColor + '!important' }"
-            >
-              <i
-                class="iconfont-sys"
-                :style="{ color: getNoticeStyle(item.type).iconColor + '!important' }"
-                v-html="getNoticeStyle(item.type).icon"
-              >
-              </i>
-            </div>
-            <div class="text">
-              <h4>{{ item.title }}</h4>
-              <p>{{ item.time }}</p>
-            </div>
-          </li>
-        </ul>
-        <!-- 消息 -->
-        <ul class="user-list" v-show="barActiveIndex === 1">
-          <li v-for="(item, index) in msgList" :key="index">
-            <div class="avatar">
-              <span>{{ item.title.slice(0, 1) }}</span>
-            </div>
-            <div class="text">
-              <h4>{{ item.title }}</h4>
-              <p>{{ item.time }}</p>
-            </div>
-          </li>
-        </ul>
-        <!-- 待办 -->
-        <ul class="base" v-show="barActiveIndex === 3">
-          <li v-for="(item, index) in pendingList" :key="index">
-            <h4>{{ item.title }}</h4>
-            <p>{{ item.time }}</p>
-          </li>
-        </ul>
+  <div v-if="visible" class="notice-overlay" @click="close">
+    <div class="notice" @click.stop>
+      <div class="header">
+        <span class="text">通知</span>
+        <button
+          v-if="hasAuth(NOTIFICATION_PERMISSIONS.readAll)"
+          class="read-all"
+          type="button"
+          @click="handleMarkAllRead"
+        >
+          全部已读
+        </button>
+      </div>
 
-        <div class="empty-tips" v-show="barActiveIndex === 0 && noticeList.length === 0">
-          <i class="iconfont-sys">&#xe8d7;</i>
-          <p>{{ $t('notice.text[0]') }}{{ barList[barActiveIndex].name }}</p>
+      <div class="bar">
+        <button
+          v-for="tab in tabs"
+          :key="tab.value"
+          type="button"
+          :class="{ active: activeCategory === tab.value }"
+          @click="activeCategory = tab.value"
+        >
+          {{ tab.label }}<span v-if="tab.count"> ({{ tab.count }})</span>
+        </button>
+      </div>
+
+      <div class="content">
+        <div v-loading="notificationStore.loading" class="scroll">
+          <button
+            v-for="item in filteredItems"
+            :key="item.id"
+            type="button"
+            :class="['notification-item', { unread: !isRead(item) }]"
+            @click="handleNotificationClick(item)"
+          >
+            <span :class="['icon', `severity-${item.severity || 'info'}`]">
+              <i class="iconfont-sys">&#xe6c2;</i>
+            </span>
+            <span class="text">
+              <strong>{{ item.title }}</strong>
+              <small>{{ item.content }}</small>
+              <time>{{ item.created_at || '-' }}</time>
+            </span>
+            <span v-if="!isRead(item)" class="unread-dot" />
+          </button>
+
+          <div v-if="!filteredItems.length" class="empty-tips">
+            <i class="iconfont-sys">&#xe8d7;</i>
+            <p>暂无通知</p>
+          </div>
         </div>
-        <div class="empty-tips" v-show="barActiveIndex === 1 && msgList.length === 0">
-          <i class="iconfont-sys">&#xe8d7;</i>
-          <p>{{ $t('notice.text[0]') }}{{ barList[barActiveIndex].name }}</p>
-        </div>
-        <div class="empty-tips" v-show="barActiveIndex === 2 && pendingList.length === 0">
-          <i class="iconfont-sys">&#xe8d7;</i>
-          <p>{{ $t('notice.text[0]') }}{{ barList[barActiveIndex].name }}</p>
+        <div class="btn-wrapper">
+          <ElButton class="view-all" @click="handleViewAll">进入通知中心</ElButton>
         </div>
       </div>
-      <div class="btn-wrapper">
-        <el-button class="view-all" @click="handleViewAll" v-ripple>
-          {{ $t('notice.viewAll') }}
-        </el-button>
-      </div>
     </div>
-
-    <div style="height: 100px"></div>
   </div>
 </template>
 
 <script setup lang="ts">
-  import AppConfig from '@/config'
-  import { useI18n } from 'vue-i18n'
+  import { computed, onMounted, ref, watch } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { ElMessage } from 'element-plus'
+  import { NotificationService } from '@/api/modules'
+  import type { NotificationCategory, NotificationItem } from '@/types/api'
+  import { useNotificationStore } from '@/store/modules/notification'
+  import { useAuth } from '@/composables/useAuth'
+  import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
+  import { navigateNotificationTarget } from '@/utils/business/notificationNavigation'
 
-  const { t } = useI18n()
+  const props = defineProps<{ modelValue: boolean }>()
+  const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
 
-  const props = defineProps({
-    value: {
-      type: Boolean,
-      default: false
-    }
+  const router = useRouter()
+  const notificationStore = useNotificationStore()
+  const { hasAuth } = useAuth()
+  const activeCategory = ref<'all' | NotificationCategory>('all')
+  const visible = computed(() => props.modelValue)
+
+  const categoryMatches = (item: NotificationItem, category: string) => {
+    if (category === 'all') return true
+    if (category === 'system') return item.category === 'sync' || item.category === 'system'
+    if (category === 'expiry') return item.category === 'expiry' || item.category === 'expiring'
+    return item.category === category
+  }
+
+  const isRead = (item: NotificationItem) =>
+    item.read === true || item.is_read === true || item.read_status === 'read'
+
+  const filteredItems = computed(() =>
+    notificationStore.summary.items.filter((item) => categoryMatches(item, activeCategory.value))
+  )
+
+  const tabs = computed(() => {
+    const categories = notificationStore.summary.categories || {}
+    return [
+      { value: 'all', label: '全部', count: notificationStore.unreadCount },
+      { value: 'approval', label: '审批', count: categories.approval || 0 },
+      { value: 'expiry', label: '临期', count: categories.expiry || categories.expiring || 0 },
+      {
+        value: 'system',
+        label: '同步/系统',
+        count: (categories.sync || 0) + (categories.system || 0)
+      }
+    ]
   })
 
+  const close = () => emit('update:modelValue', false)
+
+  const handleViewAll = () => {
+    close()
+    void router.push('/notifications')
+  }
+
+  const handleMarkAllRead = async () => {
+    try {
+      const response = await notificationStore.markAllRead()
+      if (response.code !== 0) ElMessage.error(response.msg || '全部已读失败')
+    } catch (error: any) {
+      ElMessage.error(error?.message || '全部已读失败')
+    }
+  }
+
+  const handleNotificationClick = async (item: NotificationItem) => {
+    if (!hasAuth(NOTIFICATION_PERMISSIONS.read)) {
+      ElMessage.warning('您没有标记通知已读的权限')
+      return
+    }
+    try {
+      const readResponse = await notificationStore.markRead(item.id)
+      if (readResponse.code !== 0) {
+        ElMessage.error(readResponse.msg || '标记已读失败')
+        return
+      }
+      const targetResponse = await NotificationService.getTarget(item.id)
+      if (targetResponse.code !== 0 || !targetResponse.data) {
+        ElMessage.info(item.content || '该通知暂无可跳转目标')
+        return
+      }
+      if (!navigateNotificationTarget(router, targetResponse.data)) {
+        ElMessage.info(targetResponse.data.message || item.content || '该通知暂无可跳转目标')
+      } else {
+        close()
+      }
+    } catch (error: any) {
+      ElMessage.error(error?.message || '处理通知失败')
+    }
+  }
+
   watch(
-    () => props.value,
-    () => {
-      showNotice(props.value)
+    () => props.modelValue,
+    (open) => {
+      if (open) {
+        activeCategory.value = 'all'
+        void notificationStore.refreshSummary().catch((error) => {
+          ElMessage.error(error?.message || '获取通知失败')
+        })
+      }
     }
   )
 
-  const show = ref(false)
-  const visible = ref(false)
-  const barActiveIndex = ref(0)
-  const pendingList: any = []
-
-  const barList = ref([
-    {
-      name: computed(() => t('notice.bar[0]')),
-      num: 1
-    },
-    {
-      name: computed(() => t('notice.bar[1]')),
-      num: 1
-    },
-    {
-      name: computed(() => t('notice.bar[2]')),
-      num: 0
-    }
-  ])
-
-  const noticeList = [
-    {
-      title: '新增国际化',
-      time: '2024-6-13 0:10',
-      type: 'notice'
-    },
-    {
-      title: '冷月呆呆给你发了一条消息',
-      time: '2024-4-21 8:05',
-      type: 'message'
-    },
-    {
-      title: '小肥猪关注了你',
-      time: '2020-3-17 21:12',
-      type: 'collection'
-    },
-    {
-      title: '新增使用文档',
-      time: '2024-02-14 0:20',
-      type: 'notice'
-    },
-    {
-      title: '小肥猪给你发了一封邮件',
-      time: '2024-1-20 0:15',
-      type: 'email'
-    },
-    {
-      title: '菜单mock本地真实数据',
-      time: '2024-1-17 22:06',
-      type: 'notice'
-    }
-  ]
-  const msgList: any = [
-    {
-      title: '池不胖 关注了你',
-      time: '2021-2-26 23:50'
-    },
-    {
-      title: '唐不苦 关注了你',
-      time: '2021-2-21 8:05'
-    },
-    {
-      title: '中小鱼 关注了你',
-      time: '2020-1-17 21:12'
-    },
-    {
-      title: '何小荷 关注了你',
-      time: '2021-01-14 0:20'
-    },
-    {
-      title: '誶誶淰 关注了你',
-      time: '2020-12-20 0:15'
-    },
-    {
-      title: '冷月呆呆 关注了你',
-      time: '2020-12-17 22:06'
-    }
-  ]
-
-  const changeBar = (index: number) => {
-    barActiveIndex.value = index
-  }
-
-  const getRandomColor = () => {
-    const index = Math.floor(Math.random() * AppConfig.systemMainColor.length)
-    return AppConfig.systemMainColor[index]
-  }
-
-  const noticeStyleMap = {
-    email: {
-      icon: '&#xe72e;',
-      iconColor: 'rgb(var(--art-warning))',
-      backgroundColor: 'rgb(var(--art-bg-warning))'
-    },
-    message: {
-      icon: '&#xe747;',
-      iconColor: 'rgb(var(--art-success))',
-      backgroundColor: 'rgb(var(--art-bg-success))'
-    },
-    collection: {
-      icon: '&#xe714;',
-      iconColor: 'rgb(var(--art-danger))',
-      backgroundColor: 'rgb(var(--art-bg-danger))'
-    },
-    user: {
-      icon: '&#xe608;',
-      iconColor: 'rgb(var(--art-info))',
-      backgroundColor: 'rgb(var(--art-bg-info))'
-    },
-    notice: {
-      icon: '&#xe6c2;',
-      iconColor: 'rgb(var(--art-primary))',
-      backgroundColor: 'rgb(var(--art-bg-primary))'
-    }
-  }
-
-  const getNoticeStyle = (type: string) => {
-    const defaultStyle = {
-      icon: '&#xe747;',
-      iconColor: '#FFFFFF',
-      backgroundColor: getRandomColor()
-    }
-
-    const style = noticeStyleMap[type as keyof typeof noticeStyleMap] || defaultStyle
-
-    return {
-      ...style,
-      backgroundColor: style.backgroundColor
-    }
-  }
-
-  const showNotice = (open: boolean) => {
-    if (open) {
-      visible.value = open
-      setTimeout(() => {
-        show.value = open
-      }, 5)
-    } else {
-      show.value = open
-      setTimeout(() => {
-        visible.value = open
-      }, 350)
-    }
-  }
-
-  // 查看全部
-  const handleViewAll = () => {
-    switch (barActiveIndex.value) {
-      case 0:
-        handleNoticeAll()
-        break
-      case 1:
-        handleMsgAll()
-        break
-      case 2:
-        handlePendingAll()
-        break
-    }
-  }
-
-  const handleNoticeAll = () => {}
-  const handleMsgAll = () => {}
-  const handlePendingAll = () => {}
+  onMounted(() => {
+    void notificationStore.refreshUnreadCount().catch(() => undefined)
+  })
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/core/layouts/art-notification/style.scss b/src/components/core/layouts/art-notification/style.scss
index 6ca4882..39f556f 100644
--- a/src/components/core/layouts/art-notification/style.scss
+++ b/src/components/core/layouts/art-notification/style.scss
@@ -1,262 +1,179 @@
 @use '@styles/variables.scss' as *;
-@use '@styles/mixin.scss' as *;
+
+.notice-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+}
 
 .notice {
   position: absolute;
   top: 60px;
-  right: 20px;
-  width: 360px;
-  height: 500px;
-  overflow: hidden;
+  right: 18px;
+  width: 390px;
+  max-width: calc(100vw - 24px);
   background: var(--art-main-bg-color);
   border: 1px solid var(--art-border-color);
-  border-radius: calc(var(--custom-radius) / 2 + 6px) !important;
-  box-shadow:
-    0 8px 26px -4px hsl(0deg 0% 8% / 15%),
-    0 8px 9px -5px hsl(0deg 0% 8% / 6%);
-  transition: all 0.2s;
-  transform-origin: center top 0;
-  will-change: top, left;
+  border-radius: calc(var(--custom-radius) / 2 + 6px);
+  box-shadow: 0 8px 26px -4px hsl(0deg 0% 8% / 15%);
+}
 
-  .header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 15px;
-    margin-top: 15px;
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  border-bottom: 1px solid var(--art-border-color);
 
-    span {
-      font-size: 12px;
-    }
-
-    .text {
-      font-size: 16px;
-      font-weight: 500;
-      color: var(--art-gray-800);
-    }
-
-    .btn {
-      padding: 4px 6px;
-      cursor: pointer;
-      user-select: none;
-      border-radius: 6px;
-
-      &:hover {
-        background-color: var(--art-gray-200);
-      }
-    }
+  .text {
+    font-size: 16px;
+    font-weight: 600;
   }
 
-  .bar {
-    box-sizing: border-box;
-    display: flex;
-    width: 100%;
-    height: 50px;
-    padding: 0 15px;
-    line-height: 50px;
-    border-bottom: 1px solid var(--art-border-color);
-
-    li {
-      height: 48px;
-      margin-right: 20px;
-      overflow: hidden;
-      font-size: 13px;
-      color: var(--art-gray-700);
-      cursor: pointer;
-      transition: color 0.3s;
-
-      @include userSelect;
-
-      &:last-of-type {
-        margin-right: 0;
-      }
-
-      &:hover {
-        color: var(--art-gray-900);
-      }
-
-      &.active {
-        color: var(--main-color) !important;
-        border-bottom: 2px solid var(--main-color);
-      }
-    }
+  .read-all {
+    padding: 4px 8px;
+    color: var(--el-color-primary);
+    cursor: pointer;
+    background: transparent;
+    border: 0;
   }
+}
 
-  .content {
-    width: 100%;
-    height: calc(100% - 95px);
+.bar {
+  display: flex;
+  padding: 0 12px;
+  overflow-x: auto;
+  border-bottom: 1px solid var(--art-border-color);
 
-    .scroll {
-      height: calc(100% - 60px);
-      overflow-y: scroll;
+  button {
+    flex: 0 0 auto;
+    padding: 13px 8px 11px;
+    margin-right: 12px;
+    color: var(--art-gray-700);
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+    border-bottom: 2px solid transparent;
 
-      &::-webkit-scrollbar {
-        width: 5px !important;
-      }
-
-      .notice-list {
-        li {
-          box-sizing: border-box;
-          display: flex;
-          align-items: center;
-          padding: 15px;
-          cursor: pointer;
-
-          &:hover {
-            background-color: var(--art-gray-100);
-          }
-
-          &:last-of-type {
-            border-bottom: 0;
-          }
-
-          .icon {
-            width: 36px;
-            height: 36px;
-            line-height: 36px;
-            text-align: center;
-            border-radius: 8px;
-
-            i {
-              font-size: 18px;
-              background: transparent !important;
-            }
-          }
-
-          .text {
-            width: calc(100% - 45px);
-            margin-left: 15px;
-
-            h4 {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 22px;
-              color: var(--art-gray-900);
-            }
-
-            p {
-              margin-top: 5px;
-              font-size: 12px;
-              color: var(--art-gray-500);
-            }
-          }
-        }
-      }
-
-      .user-list {
-        li {
-          box-sizing: border-box;
-          display: flex;
-          align-items: center;
-          padding: 15px;
-          cursor: pointer;
-
-          &:hover {
-            background-color: var(--art-gray-100);
-          }
-
-          &:last-of-type {
-            border-bottom: 0;
-          }
-
-          .avatar {
-            width: 36px;
-            height: 36px;
-
-            img {
-              width: 100%;
-              height: 100%;
-              border-radius: 8px;
-            }
-          }
-
-          .text {
-            width: calc(100% - 45px);
-            margin-left: 15px;
-
-            h4 {
-              font-size: 13px;
-              font-weight: 400;
-              line-height: 22px;
-              color: var(--art-gray-900);
-            }
-
-            p {
-              margin-top: 5px;
-              font-size: 12px;
-              color: var(--art-gray-500);
-            }
-          }
-        }
-      }
-
-      .base {
-        li {
-          box-sizing: border-box;
-          padding: 15px 20px;
-
-          &:last-of-type {
-            border-bottom: 0;
-          }
-
-          p {
-            font-size: 12px;
-            color: var(--art-gray-500);
-          }
-        }
-      }
-
-      .empty-tips {
-        position: relative;
-        top: 100px;
-        height: 100%;
-        color: var(--art-gray-500);
-        text-align: center;
-        background: transparent !important;
-
-        i {
-          font-size: 60px;
-        }
-
-        p {
-          margin-top: 15px;
-          font-size: 12px;
-          background: transparent !important;
-        }
-      }
-    }
-
-    .btn-wrapper {
-      position: relative;
-      box-sizing: border-box;
-      width: 100%;
-      padding: 0 15px;
-
-      .view-all {
-        width: 100%;
-        margin-top: 12px;
-      }
+    &.active {
+      color: var(--el-color-primary);
+      border-bottom-color: var(--el-color-primary);
     }
   }
 }
 
-.dark {
-  .notice {
-    ::-webkit-scrollbar-track {
-      background-color: var(--art-main-bg-color);
+.content {
+  .scroll {
+    height: 390px;
+    overflow-y: auto;
+  }
+
+  .notification-item {
+    display: flex;
+    gap: 10px;
+    align-items: flex-start;
+    width: 100%;
+    padding: 14px 16px;
+    text-align: left;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+
+    &:hover {
+      background: var(--el-fill-color-light);
     }
 
-    ::-webkit-scrollbar-thumb {
-      background-color: #222 !important;
+    &.unread {
+      background: color-mix(in srgb, var(--el-color-primary) 5%, transparent);
+    }
+
+    .icon {
+      display: flex;
+      flex: 0 0 auto;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      color: var(--el-color-info);
+      background: var(--el-color-info-light-9);
+      border-radius: 8px;
+
+      &.severity-warning {
+        color: var(--el-color-warning);
+        background: var(--el-color-warning-light-9);
+      }
+
+      &.severity-error {
+        color: var(--el-color-danger);
+        background: var(--el-color-danger-light-9);
+      }
+
+      &.severity-success {
+        color: var(--el-color-success);
+        background: var(--el-color-success-light-9);
+      }
+    }
+
+    .text {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      gap: 4px;
+      min-width: 0;
+
+      strong,
+      small,
+      time {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      strong {
+        color: var(--el-text-color-primary);
+      }
+
+      small,
+      time {
+        color: var(--el-text-color-secondary);
+      }
+    }
+
+    .unread-dot {
+      flex: 0 0 auto;
+      width: 7px;
+      height: 7px;
+      margin-top: 5px;
+      background: var(--el-color-danger);
+      border-radius: 50%;
+    }
+  }
+
+  .empty-tips {
+    padding: 70px 20px;
+    color: var(--el-text-color-secondary);
+    text-align: center;
+
+    i {
+      font-size: 42px;
+    }
+  }
+
+  .btn-wrapper {
+    padding: 12px 16px 16px;
+    border-top: 1px solid var(--art-border-color);
+
+    .view-all {
+      width: 100%;
     }
   }
 }
 
 @media only screen and (max-width: $device-phone) {
   .notice {
-    top: 65px;
-    right: 0;
-    width: 100%;
-    height: 80vh;
+    top: 62px;
+    right: 12px;
+    left: 12px;
+    width: auto;
   }
 }
diff --git a/src/config/constants/notification.ts b/src/config/constants/notification.ts
new file mode 100644
index 0000000..56e21fc
--- /dev/null
+++ b/src/config/constants/notification.ts
@@ -0,0 +1,5 @@
+export const NOTIFICATION_PERMISSIONS = {
+  page: 'notifications:view',
+  read: 'notifications:read',
+  readAll: 'notifications:read_all'
+} as const
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index 0d87b99..d022275 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -1,6 +1,7 @@
 import { RoutesAlias } from '../routesAlias'
 import { AppRouteRecord } from '@/types/router'
 import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
+import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
 
 /**
  * 菜单列表、异步路由
@@ -13,6 +14,28 @@ import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
  * 可以是 i18n 的 key，也可以是字符串，比如：'用户列表'
  */
 export const asyncRoutes: AppRouteRecord[] = [
+  // 站内通知
+  {
+    path: '/notifications',
+    name: 'Notifications',
+    component: RoutesAlias.Home,
+    meta: {
+      title: '通知中心'
+    },
+    children: [
+      {
+        path: '',
+        name: 'NotificationCenter',
+        component: RoutesAlias.Notifications,
+        meta: {
+          title: '通知中心',
+          permissions: [NOTIFICATION_PERMISSIONS.page],
+          keepAlive: true
+        }
+      }
+    ]
+  },
+
   // 仪表台
   {
     name: 'Dashboard',
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 4c3785a..8984091 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -76,6 +76,9 @@ export enum RoutesAlias {
   RefundManagement = '/finance/refund', // 退款管理
   RefundDetail = '/finance/refund/detail', // 退款详情
 
+  // 站内通知
+  Notifications = '/notifications', // 通知中心
+
   // 佣金管理
   WithdrawalApproval = '/commission-management/withdrawal-approval', // 提现审批
   MyCommission = '/commission-management/my-commission', // 我的佣金
diff --git a/src/store/modules/notification.ts b/src/store/modules/notification.ts
new file mode 100644
index 0000000..5448700
--- /dev/null
+++ b/src/store/modules/notification.ts
@@ -0,0 +1,90 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { NotificationService } from '@/api/modules/notification'
+import type { NotificationSummary } from '@/types/api'
+
+const getCountValue = (data: number | { count?: number; unread_count?: number } | undefined) => {
+  if (typeof data === 'number') return Math.max(0, data)
+  return Math.max(0, data?.unread_count ?? data?.count ?? 0)
+}
+
+export const useNotificationStore = defineStore('notificationStore', () => {
+  const unreadCount = ref(0)
+  const summary = ref<NotificationSummary>({ items: [], categories: {}, total_unread: 0 })
+  const loading = ref(false)
+
+  const refreshUnreadCount = async () => {
+    const response = await NotificationService.getUnreadCount()
+    if (response.code === 0) {
+      unreadCount.value = getCountValue(response.data)
+    }
+    return unreadCount.value
+  }
+
+  const refreshSummary = async () => {
+    loading.value = true
+    try {
+      const response = await NotificationService.getUnreadSummary()
+      if (response.code === 0 && response.data) {
+        summary.value = {
+          ...response.data,
+          items: (response.data.items || []).slice(0, 10)
+        }
+        if (response.data.total_unread !== undefined) {
+          unreadCount.value = Math.max(0, response.data.total_unread)
+        }
+      }
+      await refreshUnreadCount()
+      return summary.value
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const markRead = async (id: number | string) => {
+    const response = await NotificationService.markRead(id)
+    if (response.code === 0) {
+      unreadCount.value = Math.max(0, unreadCount.value - 1)
+      summary.value = {
+        ...summary.value,
+        items: summary.value.items.map((item) =>
+          item.id === id ? { ...item, read: true, is_read: true, read_status: 'read' } : item
+        )
+      }
+      await refreshUnreadCount()
+    }
+    return response
+  }
+
+  const markAllRead = async () => {
+    const response = await NotificationService.markAllRead()
+    if (response.code === 0) {
+      unreadCount.value = 0
+      summary.value = {
+        ...summary.value,
+        total_unread: 0,
+        categories: Object.fromEntries(
+          Object.keys(summary.value.categories || {}).map((key) => [key, 0])
+        ),
+        items: summary.value.items.map((item) => ({
+          ...item,
+          read: true,
+          is_read: true,
+          read_status: 'read'
+        }))
+      }
+      await refreshUnreadCount()
+    }
+    return response
+  }
+
+  return {
+    unreadCount,
+    summary,
+    loading,
+    refreshUnreadCount,
+    refreshSummary,
+    markRead,
+    markAllRead
+  }
+})
diff --git a/src/types/api/index.ts b/src/types/api/index.ts
index c3c56cd..708fa5f 100644
--- a/src/types/api/index.ts
+++ b/src/types/api/index.ts
@@ -119,3 +119,6 @@ export * from './orderPackageInvalidateTask'
 
 // 批量订购任务相关
 export * from './bulkPurchase'
+
+// 站内通知相关
+export * from './notification'
diff --git a/src/types/api/notification.ts b/src/types/api/notification.ts
new file mode 100644
index 0000000..6333c4c
--- /dev/null
+++ b/src/types/api/notification.ts
@@ -0,0 +1,51 @@
+export type NotificationCategory = 'approval' | 'expiry' | 'sync' | 'system' | 'balance' | string
+export type NotificationReadStatus = 'read' | 'unread' | string
+
+export interface NotificationItem {
+  id: number | string
+  title: string
+  content: string
+  category?: NotificationCategory | null
+  type?: string | null
+  severity?: string | null
+  read?: boolean
+  is_read?: boolean
+  read_status?: NotificationReadStatus | null
+  created_at?: string | null
+  updated_at?: string | null
+  ref_type?: string | null
+  ref_id?: number | string | null
+  [key: string]: unknown
+}
+
+export interface NotificationQueryParams {
+  page?: number
+  page_size?: number
+  category?: string
+  type?: string
+  severity?: string
+  read_status?: string
+}
+
+export interface NotificationListResponse {
+  items: NotificationItem[]
+  total: number
+  page?: number
+  page_size?: number
+  size?: number
+}
+
+export interface NotificationSummary {
+  items: NotificationItem[]
+  categories?: Record<string, number>
+  total_unread?: number
+}
+
+export interface NotificationTarget {
+  available?: boolean
+  route_name?: string | null
+  route_path?: string | null
+  route_params?: Record<string, string | number> | null
+  query?: Record<string, string | number | boolean> | null
+  message?: string | null
+}
diff --git a/src/utils/business/notificationNavigation.ts b/src/utils/business/notificationNavigation.ts
new file mode 100644
index 0000000..758854f
--- /dev/null
+++ b/src/utils/business/notificationNavigation.ts
@@ -0,0 +1,31 @@
+import type { Router } from 'vue-router'
+import type { NotificationTarget } from '@/types/api'
+
+export const navigateNotificationTarget = (router: Router, target?: NotificationTarget | null) => {
+  if (!target || target.available === false) return false
+  const query = target.query
+    ? Object.fromEntries(Object.entries(target.query).map(([key, value]) => [key, String(value)]))
+    : undefined
+
+  if (target.route_name) {
+    if (!router.hasRoute(target.route_name)) return false
+    void router.push({
+      name: target.route_name,
+      params: target.route_params || undefined,
+      query
+    })
+    return true
+  }
+
+  const path = target.route_path || ''
+  if (!path.startsWith('/') || path.startsWith('//') || /^https?:\/\//i.test(path)) return false
+
+  const resolved = router.resolve({
+    path,
+    query
+  })
+  if (!resolved.matched.length || resolved.name === 'Exception404') return false
+
+  void router.push(resolved)
+  return true
+}
diff --git a/src/views/notifications/index.vue b/src/views/notifications/index.vue
new file mode 100644
index 0000000..36d8034
--- /dev/null
+++ b/src/views/notifications/index.vue
@@ -0,0 +1,277 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="notification-center-page" id="table-full-screen">
+      <ElCard shadow="never" class="art-table-card">
+        <template #header>
+          <div class="page-header">
+            <div>
+              <h2>通知中心</h2>
+              <p>查看余额预警、临期提醒、审批结果和系统告警。</p>
+            </div>
+            <ElButton
+              v-if="hasAuth(NOTIFICATION_PERMISSIONS.readAll)"
+              :loading="markingAllRead"
+              @click="handleMarkAllRead"
+            >
+              全部已读
+            </ElButton>
+          </div>
+        </template>
+
+        <div class="filters">
+          <ElSelect v-model="filters.category" clearable placeholder="通知分类" @change="reload">
+            <ElOption label="余额预警" value="balance" />
+            <ElOption label="临期提醒" value="expiry" />
+            <ElOption label="审批" value="approval" />
+            <ElOption label="同步/系统" value="system" />
+          </ElSelect>
+          <ElSelect v-model="filters.type" clearable placeholder="通知类型" @change="reload">
+            <ElOption v-for="type in typeOptions" :key="type" :label="type" :value="type" />
+          </ElSelect>
+          <ElSelect v-model="filters.severity" clearable placeholder="严重级别" @change="reload">
+            <ElOption label="提示" value="info" />
+            <ElOption label="警告" value="warning" />
+            <ElOption label="严重" value="error" />
+            <ElOption label="成功" value="success" />
+          </ElSelect>
+          <ElSelect v-model="filters.read_status" clearable placeholder="已读状态" @change="reload">
+            <ElOption label="未读" value="unread" />
+            <ElOption label="已读" value="read" />
+          </ElSelect>
+          <ElButton @click="loadNotifications">刷新</ElButton>
+        </div>
+
+        <ElTable v-loading="loading" :data="notifications" row-key="id" class="notification-table">
+          <ElTableColumn label="状态" width="90">
+            <template #default="scope">
+              <span :class="['read-dot', { unread: !isRead(scope.row) }]" />
+              {{ isRead(scope.row) ? '已读' : '未读' }}
+            </template>
+          </ElTableColumn>
+          <ElTableColumn prop="title" label="通知标题" min-width="200" show-overflow-tooltip />
+          <ElTableColumn label="分类" width="120">
+            <template #default="scope">{{ getCategoryLabel(scope.row.category) }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="严重级别" width="110">
+            <template #default="scope">
+              <ElTag :type="getSeverityType(scope.row.severity)">
+                {{ getSeverityLabel(scope.row.severity) }}
+              </ElTag>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn prop="content" label="通知内容" min-width="300" show-overflow-tooltip />
+          <ElTableColumn prop="created_at" label="时间" width="180" />
+          <ElTableColumn label="操作" width="100" fixed="right">
+            <template #default="scope">
+              <ElButton
+                v-if="hasAuth(NOTIFICATION_PERMISSIONS.read)"
+                link
+                type="primary"
+                @click="handleNotificationClick(scope.row)"
+              >
+                查看
+              </ElButton>
+              <span v-else>-</span>
+            </template>
+          </ElTableColumn>
+        </ElTable>
+
+        <div class="pagination-wrapper">
+          <ElPagination
+            v-model:current-page="page"
+            v-model:page-size="pageSize"
+            layout="total, sizes, prev, pager, next"
+            :total="total"
+            @current-change="loadNotifications"
+            @size-change="reload"
+          />
+        </div>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { onMounted, reactive, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { ElMessage } from 'element-plus'
+  import { NotificationService } from '@/api/modules'
+  import type { NotificationItem, NotificationQueryParams } from '@/types/api'
+  import { useNotificationStore } from '@/store/modules/notification'
+  import { useAuth } from '@/composables/useAuth'
+  import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
+  import { navigateNotificationTarget } from '@/utils/business/notificationNavigation'
+
+  defineOptions({ name: 'NotificationCenter' })
+
+  const router = useRouter()
+  const notificationStore = useNotificationStore()
+  const { hasAuth } = useAuth()
+  const notifications = ref<NotificationItem[]>([])
+  const loading = ref(false)
+  const markingAllRead = ref(false)
+  const total = ref(0)
+  const page = ref(1)
+  const pageSize = ref(20)
+  const typeOptions = ref<string[]>([])
+  const filters = reactive<NotificationQueryParams>({
+    category: undefined,
+    type: undefined,
+    severity: undefined,
+    read_status: undefined
+  })
+
+  const isRead = (item: NotificationItem) =>
+    item.read === true || item.is_read === true || item.read_status === 'read'
+
+  const getCategoryLabel = (category?: string | null) =>
+    ({
+      balance: '余额预警',
+      expiry: '临期提醒',
+      expiring: '临期提醒',
+      approval: '审批',
+      sync: '同步/系统',
+      system: '同步/系统'
+    })[category || ''] ||
+    category ||
+    '-'
+
+  const getSeverityLabel = (severity?: string | null) =>
+    ({ info: '提示', warning: '警告', error: '严重', success: '成功' })[severity || ''] ||
+    severity ||
+    '-'
+
+  const getSeverityType = (severity?: string | null) => {
+    if (severity === 'error') return 'danger'
+    if (severity === 'warning') return 'warning'
+    if (severity === 'success') return 'success'
+    return 'info'
+  }
+
+  const loadNotifications = async () => {
+    loading.value = true
+    try {
+      const response = await NotificationService.getNotifications({
+        page: page.value,
+        page_size: pageSize.value,
+        ...filters
+      })
+      if (response.code !== 0 || !response.data) {
+        ElMessage.error(response.msg || '获取通知列表失败')
+        return
+      }
+      notifications.value = response.data.items || []
+      total.value = response.data.total || 0
+      typeOptions.value = Array.from(
+        new Set(
+          notifications.value
+            .map((item) => item.type)
+            .filter((type): type is string => Boolean(type))
+        )
+      )
+      await notificationStore.refreshUnreadCount()
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取通知列表失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const reload = () => {
+    page.value = 1
+    void loadNotifications()
+  }
+
+  const handleMarkAllRead = async () => {
+    markingAllRead.value = true
+    try {
+      const response = await notificationStore.markAllRead()
+      if (response.code !== 0) ElMessage.error(response.msg || '全部已读失败')
+      else await loadNotifications()
+    } catch (error: any) {
+      ElMessage.error(error?.message || '全部已读失败')
+    } finally {
+      markingAllRead.value = false
+    }
+  }
+
+  const handleNotificationClick = async (item: NotificationItem) => {
+    try {
+      const readResponse = await notificationStore.markRead(item.id)
+      if (readResponse.code !== 0) {
+        ElMessage.error(readResponse.msg || '标记已读失败')
+        return
+      }
+      const targetResponse = await NotificationService.getTarget(item.id)
+      if (targetResponse.code !== 0 || !targetResponse.data) {
+        ElMessage.info(item.content || '该通知暂无可跳转目标')
+        await loadNotifications()
+        return
+      }
+      if (!navigateNotificationTarget(router, targetResponse.data)) {
+        ElMessage.info(targetResponse.data.message || item.content || '该通知暂无可跳转目标')
+      }
+      await loadNotifications()
+    } catch (error: any) {
+      ElMessage.error(error?.message || '处理通知失败')
+    }
+  }
+
+  onMounted(() => {
+    void loadNotifications()
+  })
+</script>
+
+<style scoped lang="scss">
+  .notification-center-page {
+    .page-header,
+    .filters {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+    }
+
+    .page-header {
+      justify-content: space-between;
+
+      h2 {
+        margin: 0;
+        font-size: 20px;
+      }
+
+      p {
+        margin: 8px 0 0;
+        color: var(--el-text-color-secondary);
+      }
+    }
+
+    .filters {
+      flex-wrap: wrap;
+      margin-bottom: 16px;
+
+      .el-select {
+        width: 160px;
+      }
+    }
+
+    .read-dot {
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      margin-right: 6px;
+      vertical-align: middle;
+      background: var(--el-border-color);
+      border-radius: 50%;
+
+      &.unread {
+        background: var(--el-color-danger);
+      }
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+</style>

From eb1376302034fe899deec3605388fa4c55c29512 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 24 Jul 2026 17:42:36 +0800
Subject: [PATCH 27/76] =?UTF-8?q?fix:=20=E5=AE=8C=E5=96=84=E5=A5=97?=
 =?UTF-8?q?=E9=A4=90=E5=88=86=E9=85=8D=E7=94=9F=E6=95=88=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 q                                             | 1520 +++++++++++++++++
 src/api/modules/shopPackageAllocation.ts      |   15 +
 src/types/api/packageManagement.ts            |   20 +-
 .../package-list/detail.vue                   |    8 +
 .../package-management/package-list/index.vue |    7 +
 .../series-grants/detail.vue                  |   56 +-
 .../series-grants/index.vue                   |   60 +-
 .../series-grants/packages.vue                |   53 +-
 8 files changed, 1649 insertions(+), 90 deletions(-)
 create mode 100644 q

diff --git a/q b/q
new file mode 100644
index 0000000..22b336c
--- /dev/null
+++ b/q
@@ -0,0 +1,1520 @@
+commit d1ff4d5f6c433c3fbdac9141677294a6c4c2a569 (HEAD -> develop, origin/develop)
+Author: luo <luo@qq.com>
+Date:   Fri Jul 24 17:12:29 2026 +0800
+
+    feat: 顶部通知铃铛与站内通知中心
+
+commit 4c6d871c350e19e3989cc22a97e7c8d293e35893
+Author: luo <luo@qq.com>
+Date:   Fri Jul 24 16:30:58 2026 +0800
+
+    feat: 退款企微审批详情与业务处理状态
+
+commit 9a84cd0d316276f124e0621767ce9f90e3d2c999
+Author: luo <luo@qq.com>
+Date:   Fri Jul 24 15:45:55 2026 +0800
+
+    feat: 批量订购上传支付进度与失败明细
+
+commit e043fd86d1437426c64bce036835e924005b0111
+Author: luo <luo@qq.com>
+Date:   Fri Jul 24 12:03:04 2026 +0800
+
+    feat: 角色默认信用与店铺实际额度管理
+
+commit a0c44ff538baa82de9539bb7f55b9efb14c8caf8
+Author: luo <luo@qq.com>
+Date:   Fri Jul 24 11:48:02 2026 +0800
+
+    feat: 七月迭代公共状态与异步任务交互
+
+commit 15122e225a968fa49ff35b59d2a8fbae6164c453
+Author: luo <luo@qq.com>
+Date:   Fri Jul 24 09:31:11 2026 +0800
+
+    feat: 预计最终到期时间展示新增具体
+
+commit 127fdb560bbfca6f065e1997bc5a441910f55027
+Author: luo <luo@qq.com>
+Date:   Thu Jul 23 17:59:07 2026 +0800
+
+    fix: 样式优化套餐分配生效条件选择
+
+commit 5e15127a8976234388db4d2a9a0d63f32459eda8
+Author: luo <luo@qq.com>
+Date:   Thu Jul 23 17:06:05 2026 +0800
+
+    feat: 接入新参数：套餐分配生效条件选择，资产详情前代后代换货标识
+
+commit d7c2c146fe7303cbb930c6b7b85813565bb99932
+Author: luo <luo@qq.com>
+Date:   Thu Jul 23 14:10:48 2026 +0800
+
+    feat: 角色默认信用与店铺实际额度管理
+
+commit d5fd8ac564d7607cd3b932e2c62f00390867a27e
+Author: luo <luo@qq.com>
+Date:   Wed Jul 22 18:37:41 2026 +0800
+
+    feat: 退款充值换货列表提交人与审批摘要
+
+commit 7d3352038a5725a31cc9b134170b70a4e569002c
+Author: luo <luo@qq.com>
+Date:   Wed Jul 22 16:57:17 2026 +0800
+
+    feat: 换货新旧资产展示与独立搜索
+
+commit 8faa2ea2efbdb1ba1c1963f094713f9ad57842ed
+Author: luo <luo@qq.com>
+Date:   Wed Jul 22 16:31:01 2026 +0800
+
+    feat: 预计最终到期时间展示
+
+commit 8de4339505f68851ac29d7375f2822c3e83d0f2d
+Author: luo <luo@qq.com>
+Date:   Wed Jul 22 15:44:48 2026 +0800
+
+    feat: 卡和设备实名状态筛选
+
+commit 68aa03b53833092807381a57129e00559d455d8e
+Author: luo <luo@qq.com>
+Date:   Wed Jul 22 14:21:15 2026 +0800
+
+    feat: 套餐分配生效条件选择
+
+commit fbfdd01eec1c2b25077e0418f5217f5630134fd5
+Author: luo <luo@qq.com>
+Date:   Wed Jul 22 10:14:13 2026 +0800
+
+    feat: 换货退款拦截错误展示
+
+commit 5079f973262c7301f3bffb7da0e133ab7238f3fc
+Author: luo <luo@qq.com>
+Date:   Tue Jul 21 18:20:35 2026 +0800
+
+    feat: 店铺列表新增条件
+
+commit 830476d49d92064819444ad3843bd57852f1bb69
+Author: luo <luo@qq.com>
+Date:   Tue Jul 21 16:13:40 2026 +0800
+
+    H5实名购买顺序与后台批量配置
+
+commit 47a2d88c9d2507ddfaeae8a7eee140985737507d
+Author: luo <luo@qq.com>
+Date:   Tue Jul 21 14:30:30 2026 +0800
+
+    复机实名校验提示适配
+
+commit 6febc66eca7e2bf2f22590d9fddf50e8a1af8c13
+Author: luo <luo@qq.com>
+Date:   Tue Jul 21 11:50:47 2026 +0800
+
+    feat: 资产同步状态与同步轨迹入口-新
+
+commit 45d255cabfa268e37ac05f13d7aa4ded2f2772c0
+Author: luo <luo@qq.com>
+Date:   Tue Jul 21 11:13:20 2026 +0800
+
+    feat: 资产详情前代后代换货标识
+
+commit eddfd157adab656c130c3d27e9928d638fec987c
+Author: luo <luo@qq.com>
+Date:   Tue Jul 21 09:57:14 2026 +0800
+
+    feat: 资产同步状态与同步轨迹入口
+
+commit 09225dd8bcb038aa841f62c042bf85364be24497
+Author: csxj2026 <csxj2026@gmail.com>
+Date:   Mon Jul 20 15:33:35 2026 +0800
+
+    更新 Dockerfile
+
+commit 563804f67f94d21e28650de1344eaf00e9291090
+Author: csxj2026 <csxj2026@gmail.com>
+Date:   Mon Jul 20 14:46:19 2026 +0800
+
+    更新 docker-compose.prod.yml
+
+commit e95dc8e4f52c6e9ed99eeab7d51bfea66d81fea4
+Author: luo <luo@qq.com>
+Date:   Mon Jul 20 12:17:02 2026 +0800
+
+    feat:代理现金余额不足100元展示、店铺业务员选择展示与筛选
+
+commit ca338dd345f22cff6d3df02baaca1e5610ed29bb
+Author: luo <luo@qq.com>
+Date:   Mon Jul 20 11:02:05 2026 +0800
+
+    fix: 测试环境显示develop分支
+
+commit fac05db39afc818668193f4928f51f70e5b5554f
+Author: luo <luo@qq.com>
+Date:   Mon Jul 20 10:50:23 2026 +0800
+
+    feat: 换货新资产归属继承提示
+
+commit 2c8524485bd0b76fc472f4dd6da4c0e41e779278
+Author: luo <luo@qq.com>
+Date:   Mon Jul 13 16:40:35 2026 +0800
+
+    fix: 资产信息字段显示隐藏根据角色
+
+commit 4c0207c6e697cafb752502fe551fb2ab7e64ce4b
+Author: luo <luo@qq.com>
+Date:   Fri Jul 10 18:09:19 2026 +0800
+
+    fix: 将微信配置改成支付配置
+
+commit 5b8d6610ab7f35d2111f6fe504d7e18c4b215775
+Author: luo <luo@qq.com>
+Date:   Thu Jul 9 17:38:58 2026 +0800
+
+    fix: 将套餐系列的套餐加滚动条
+
+commit a036b106412a480138910529e170665fc6e7f634
+Author: luo <luo@qq.com>
+Date:   Thu Jul 9 15:59:39 2026 +0800
+
+    fix: 将权限管理里面的分页去掉
+
+commit c1a7118d35bafbdf12d422d71298ca47a43523fb
+Author: luo <luo@qq.com>
+Date:   Thu Jul 9 15:20:28 2026 +0800
+
+    fix: 将导出列表分成三个模块
+
+commit f27bbacb1edf2b423bd88b40a70d19f32e37148e
+Author: luo <luo@qq.com>
+Date:   Mon Jul 6 17:52:08 2026 +0800
+
+    fix: 设备信息新增的两个流量放到同一行
+
+commit acda0d82c840995db0d304e863f14e9a17d91db3
+Author: luo <luo@qq.com>
+Date:   Fri Jul 3 12:03:52 2026 +0800
+
+    feat: 新增全部已使用流量和全部总流量字段
+
+commit 99de03604d920ccfa20a1a368a2d1353819e937a
+Author: break <youdang2000@gmail.com>
+Date:   Fri Jun 26 18:14:37 2026 +0800
+
+    驳回
+
+commit 1baa6d87cfdcb27b368f45aa4e79e607159bceb7
+Author: break <youdang2000@gmail.com>
+Date:   Fri Jun 26 18:14:26 2026 +0800
+
+    驳回
+
+commit f604791c69216d09a36fb3340a69ba9c5bb6904d
+Author: break <youdang2000@gmail.com>
+Date:   Thu Jun 25 10:30:49 2026 +0800
+
+    倒计时没有覆盖复机停机的问题
+
+commit cfb6b52cc29e022848cab3864c0a5b9b0688ac37
+Author: break <youdang2000@gmail.com>
+Date:   Wed Jun 24 15:06:05 2026 +0800
+
+    倒计时限制
+
+commit 0c3065f970763d21704c1b4483cf54e601aa712e
+Author: break <youdang2000@gmail.com>
+Date:   Tue Jun 23 09:50:12 2026 +0800
+
+    让凭证数组与套餐作废任务进入可联调状态
+    
+      Constraint: 后端订单套餐作废接口使用 /api/admin/order-package-invalidate-tasks，上传
+      purpose 只能使用 attachment。
+      Rejected: 继续提交逗号拼接凭证字符串 | 新提交路径必须使用 string[]，历史字符串只做读取归一化。
+      Confidence: high
+      Scope-risk: broad
+      Directive: 新增订单套餐作废权限时需同时配置菜单 URL 与
+      order_package_invalidate_task:create/detail 按钮权限。
+      Tested: bun run build；development 真实后端联调上传、创建、列表、详情通过；复机接口未触发。
+      Not-tested: 未逐一手工覆盖所有历史凭证数据、全部角色权限组合和所有文件扩展名预览
+
+commit ebf9739f06319fb6ddaffd5e51b27d59138272b4
+Author: luo <luo@qq.com>
+Date:   Mon Jun 22 11:09:50 2026 +0800
+
+    fix:sort
+
+commit d3b5f55c64b774fe994519c06cbbd3f138426dda
+Author: luo <luo@qq.com>
+Date:   Mon Jun 22 10:36:33 2026 +0800
+
+    feat:更换企业授权
+
+commit 866a2587b31e2121f99572e8f0b9b54c6526b3de
+Author: luo <luo@csxj.com>
+Date:   Thu Jun 18 10:17:10 2026 +0800
+
+    feat:export
+
+commit 85d158dfec727cff7838ca383c8f9dd806b03ddf
+Author: luo <luo@csxj.com>
+Date:   Wed Jun 17 17:46:04 2026 +0800
+
+    feat: order-export,generation,status
+
+commit 2a8f4e40d65930af4506cfc3882fef2c9c200b7d
+Author: luo <luo@csxj.com>
+Date:   Tue Jun 16 11:35:45 2026 +0800
+
+    feat: 新增导出
+
+commit 908367ba5df1bd27ea7dffcc44cb72eb85005a9c
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Jun 15 10:19:35 2026 +0800
+
+    fix: new
+
+commit 2ecab976f5c89161d8565c0568991237439e1136
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Jun 13 10:41:10 2026 +0800
+
+    fix: 新增: 修改资产套餐已用量, 修改资产套餐过期时间
+
+commit e04a283319b8bb58648ac58a6a88536dde0d3509
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Jun 12 10:41:37 2026 +0800
+
+    fix: 新增代理系列授权-建议售价使用套餐
+
+commit d23e896f97fd2ed475a4eb3a2a68c43c3a51013a
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Jun 6 15:09:31 2026 +0800
+
+    fix: 退款审批可以是0
+
+commit c5e4082c260a006965c13917250bd9bc22a0b531
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Jun 5 16:26:17 2026 +0800
+
+    fix: 退款审批可以是0
+
+commit 0c737a30c12046d2fd60cd97e7d46469e09fa713
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Jun 4 10:47:43 2026 +0800
+
+    fix: 换货
+
+commit c5dae2993b0a5547e83855458062f33b4bba1555
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Jun 3 17:53:19 2026 +0800
+
+    fix: 换货
+
+commit 3e6b3981f41e5efe591220835a967166e758dd2f
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Jun 1 14:10:09 2026 +0800
+
+    fix:订单列表详情实付金额代理/企业不可见
+
+commit e563b81b6e8ef49ef70bcbc51e82f2b212cca29b
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Jun 1 11:41:52 2026 +0800
+
+    fix:操作审计日志-style
+
+commit 322cd0dca5baf82d7d4eb7b6c4c223d3006476f9
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat May 30 15:06:41 2026 +0800
+
+    fix: 订单列表套餐显示销售价
+
+commit ad56b82944abc409dd92f45a84a777fe33327951
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 29 15:44:53 2026 +0800
+
+    feat: 新增代理流水资产标识
+
+commit f62a8d98a4b522695ae7aae1fe5cac97322e1151
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 29 12:11:03 2026 +0800
+
+    fix: 自动更新提示bug
+
+commit 76a526643eb090a9ad553e0b7ef6918624621ee8
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 29 10:46:01 2026 +0800
+
+    fix:修改bug: 虚流量关闭的时候还是显示了
+
+commit 9ce48f171420f28f73268b67fe3133033c66d227
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 29 09:40:17 2026 +0800
+
+    fix:本月已用流量和运营商周期月内已用流量
+
+commit a162dcc650399aa3e6ab14235ddb44b7ce71ea8c
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 29 09:38:30 2026 +0800
+
+    fix:本月已用流量和运营商周期月内已用流量代理企业不展示,其他账号新增权限
+
+commit 868a3352adb90442baa4511fedaa9fe794e864f2
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 28 18:18:42 2026 +0800
+
+    fix: 新增套餐新增缩长比例，增长比例
+
+commit 61e575194d8cc120591625eac31ec3ac3e1fe57f
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 28 18:13:08 2026 +0800
+
+    fix: 新增套餐新增缩长比例，增长比例
+
+commit 69b024b5cc2d7e2b19ee718e37b4dccc169c2144
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 28 11:20:33 2026 +0800
+
+    fix: 虚流量进度条
+
+commit 6654972ddb0081ca9f02ff819a273b4b7da1372d
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed May 27 14:58:37 2026 +0800
+
+    feat: 新增退款凭证
+
+commit fe0093972f7ef2a12c7e8ea5af87976aad447382
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue May 26 18:07:39 2026 +0800
+
+    feat: 卡新增IMEI
+
+commit 878d93a8650368cddafc0712f43694292050b371
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 22 16:07:47 2026 +0800
+
+    fix: 微信配置
+
+commit b364fb4aec5aa27d636d9b153603d94b685c2d48
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 21 15:43:36 2026 +0800
+
+    fix: 在线
+
+commit a69f972766f3b3b6a2011d45b981a6533dd1fde0
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 21 14:53:36 2026 +0800
+
+    fix: 格式化时间
+
+commit dfb78006acf14b71eb268ac2e0ed86ce084d894c
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 21 14:39:21 2026 +0800
+
+    fix: 分页器一直显示和资产信息使用单卡
+
+commit 893921007a9e9ad815fc6ce4969aec3d31dc0383
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed May 20 11:24:52 2026 +0800
+
+    feat: 设备管理新增imei和虚拟号
+
+commit 59167d2630caef5ecbdd8861b83de3312c1f7954
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue May 19 15:14:39 2026 +0800
+
+    feat: 卡/设备是否有生效套餐
+
+commit 14832f5c6f3d51b53cb16d0b172e229985d0486c
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon May 18 13:11:40 2026 +0800
+
+    fix: 拖拽上传
+
+commit 894aea0e74f118fdf56f9a3c65b36c54984c934f
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon May 18 12:23:35 2026 +0800
+
+    feat: 新增卡视角以及设备视角的实名同步时间,卡状态同步时间,流量同步时间
+
+commit 877c741d728a15902fbc3b96201e4e93f95706f8
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 15 16:53:00 2026 +0800
+
+    fix: 最后同步时间
+
+commit aeb08f2cc159c476c28e2714171a2df88922ad8d
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 15 16:11:47 2026 +0800
+
+    fix: 时区去掉使用本地
+
+commit c7e2d6fe533d83a65058d4c9f6be5dca32be05a3
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri May 15 11:16:57 2026 +0800
+
+    fix: get-list
+
+commit f3b5444dd8d56dd06352318ab729fa33be065130
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 14 15:52:38 2026 +0800
+
+    fix: 换货原因改成下拉
+
+commit 38cf7d12e90d406ce13c726da8c868d7c552fda9
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 14 10:52:11 2026 +0800
+
+    fix: 真流量虚流量权限
+
+commit 1690252740a9fc014d445ecdf5356f9f32ef07a4
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue May 12 14:54:47 2026 +0800
+
+    feat: 新增设备激活时间
+
+commit 471d1196b3062b18d5dd05dd67735f04b566c04f
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue May 12 12:11:53 2026 +0800
+
+    feat: 新增运营商停机原因
+
+commit 5d20d7dd3f103e9cdf5cbc14fde46fc5e4427171
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon May 11 18:01:22 2026 +0800
+
+    fix: 订单详情支付凭证, 退款
+
+commit 1990a3ccbac7e86439806a61fc037b3c3f29b59e
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon May 11 15:51:50 2026 +0800
+
+    fix: bug
+
+commit 766497dc316958a9bcac926489d434d946bbaf0b
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon May 11 14:51:13 2026 +0800
+
+    fix: bug
+
+commit e59c75bf9e42050e3794f03749c65a4055b70142
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon May 11 14:47:07 2026 +0800
+
+    fix: bug
+
+commit eeeef931b1547327c510fa979ea416942a3425c1
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon May 11 14:35:38 2026 +0800
+
+    fix: bug
+
+commit 73ce9af11a5c12a5b9cb66eb6b557b31da4033f8
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat May 9 16:13:11 2026 +0800
+
+    fix: 代理系列授权店铺
+
+commit 3c71ae0004e71e0717dbc0c76003f400dfac1daf
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 7 17:48:43 2026 +0800
+
+    fix:name
+
+commit 43de0e3e9e6416ed00309aba130c34ab1456915b
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 7 17:45:05 2026 +0800
+
+    fix:name
+
+commit 78fe35da01d0839790fac967b39fb0d25de4a235
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 7 17:34:06 2026 +0800
+
+    fix:name
+
+commit 90d415cfb9a15cbc602ff819ff7728a86956ac56
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu May 7 09:18:03 2026 +0800
+
+    fix: bug
+
+commit 304a5de1d6d2b9a5e7c19c02bf1ea1ea0c6ab1e4
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed May 6 11:13:51 2026 +0800
+
+    fix: tips
+
+commit 883215056253417a09eee93a05ba7ab2f4f6b312
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed May 6 10:54:43 2026 +0800
+
+    feat: sn
+
+commit 950520635da9d3c5ab6da97ca2184291d67811b4
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 30 18:04:01 2026 +0800
+
+    feat: 文件下载
+
+commit 81155fd8e442149eac514600ff66a2c24d9966f8
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 30 17:01:00 2026 +0800
+
+    fix:进度条
+
+commit 78a41513bd01913f352119b4aa5045b2d08be346
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 30 15:16:15 2026 +0800
+
+    fix: 字段显示和订单详情按钮
+
+commit 57ddbe5f8585fa0cdc84a706e21e4d2bbcff83ba
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 30 12:04:04 2026 +0800
+
+    fix: order
+
+commit 044c07fae697d3a3152c0769ebe995aa1d6b9ba9
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 30 10:39:51 2026 +0800
+
+    fix: order
+
+commit 1a4eb00440765b846db8fa8475966edb783f2e3e
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 29 17:09:23 2026 +0800
+
+    fix: 新增代理系列授权
+
+commit 1141b6c92daf9ca1c0df3a609cb34d844528ea5e
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 29 16:11:54 2026 +0800
+
+    fix: 新增代理系列授权
+
+commit 9b4d956032fdf335c0953ddcb29e07aa634211ef
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 29 12:49:30 2026 +0800
+
+    del: 激活时间
+
+commit 175fe55be79b9222c7e06f6247b6a5586e85cf85
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 29 11:40:38 2026 +0800
+
+    del: 激活时间
+
+commit 3d34040bcc77221796a3016cf9060d3885a495ce
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 29 11:30:25 2026 +0800
+
+    fix: 套餐
+
+commit 1dc4701540738bd7d026db62fd4128cf12ba2259
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 29 11:29:53 2026 +0800
+
+    fix: 套餐
+
+commit 686bddad796a96550f10f62ee3d032222bb214d3
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 18:52:43 2026 +0800
+
+    fix: 套餐
+
+commit b6625748ac661a23c96462fdf4b56395c590f595
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 18:40:18 2026 +0800
+
+    fix: 套餐
+
+commit 55515410ae9846d0a5517c52777de05137ff466c
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 16:04:13 2026 +0800
+
+    fix: 设备信息顺序
+
+commit c80ff80bf09059349323b82174e6fdb9224a28a9
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 15:32:33 2026 +0800
+
+    fix: 账号管理
+
+commit 317afd2d23805aa28ca5982d8009ecfa796590bc
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 15:20:22 2026 +0800
+
+    fix: 账号管理
+
+commit a48ce0cb5483a57c1500e46606c851daa97a19d8
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 14:48:44 2026 +0800
+
+    fix: 控制台加权限,登录跳转资产信息
+
+commit 1ba662de0a9414aca68cf0dbd27ea8b906c74fec
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 12:03:42 2026 +0800
+
+    fix: 控制台加权限,登录跳转资产信息
+
+commit fb10b727600b30129e49f2af25b24f71e9bda06a
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 11:14:13 2026 +0800
+
+    fix: 手动触发
+
+commit b88f2d185ef93688507942f421caac92db029b79
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 10:18:30 2026 +0800
+
+    fix: type
+
+commit 4f1cab614915f7192ea5839b26a638ed82bf7ebd
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 09:56:03 2026 +0800
+
+    fix: role_type
+
+commit ffdc6e2bbb1f734ed669268c14ce632918c50259
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Apr 28 09:38:52 2026 +0800
+
+    feat: 添加停机断点
+
+commit af3f38aba0a4bdb514f079dba71fe8b253a6b89f
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 18:34:02 2026 +0800
+
+    fix: 操作
+
+commit 030195d609024f58732f1ecd4d664b409855afb2
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 17:46:20 2026 +0800
+
+    fix: 操作
+
+commit d0c1f1622cd26814c23ea3fe6b4638b6a2110103
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 17:39:55 2026 +0800
+
+    fix: 流量显示
+
+commit d5c5e07f77084d5422928c3522d04afc8b8a886b
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 16:49:32 2026 +0800
+
+    feat:操作日志
+
+commit a402f2329a6ab218d252c84b57edd95475e41d6d
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 16:05:24 2026 +0800
+
+    feat:流量展示
+
+commit d52efaadcbf5c3c695308330a187f69db690f8f7
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 15:57:31 2026 +0800
+
+    feat:流量展示
+
+commit a055ff166a64e7601d4b0a6cf448137fea81bd3a
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 15:06:27 2026 +0800
+
+    feat:log
+
+commit 853c87b8a2bb61950eb7f2284016855ed3ed608c
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 11:59:20 2026 +0800
+
+    fix: 隐藏虚比,同步订单号
+
+commit 6c9b29c53b63e32b5613af9315c715c41c28fecd
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 11:14:20 2026 +0800
+
+    fix: 套餐订购，界面优化
+
+commit 2a3343400563ac6910b09533003377fbcd79295d
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 27 09:59:01 2026 +0800
+
+    fix: set-wifi
+
+commit 819fe9080a6313f1f724cbe0faf1ad0f617a0563
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 25 17:00:11 2026 +0800
+
+    fix: ui
+
+commit f0f054390ab63a00d3de1dae33360c14160840cc
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 25 16:23:17 2026 +0800
+
+    fix: ui
+
+commit a770984ef73b9b997cdfbc773dc9be0b38407da5
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 25 15:51:24 2026 +0800
+
+    fix: bug
+
+commit 9247001643bba7d2c2326c39103d9a2fc6f15e4c
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 25 12:01:21 2026 +0800
+
+    fix: bug
+
+commit 17c299e4ceddccd6ddc287a2e875dedea5a10b0c
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 24 18:39:39 2026 +0800
+
+    fix: bug
+
+commit 2d6b5d79038e6713d4fd17aee0cbfe7778f1dc13
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 24 11:48:52 2026 +0800
+
+    fix: iccid列适配
+
+commit ceecc07ffc1f83d2dd3a4f57542c770cfca174f3
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 24 11:28:04 2026 +0800
+
+    fix: 批量分配
+
+commit e4ed3784e3d3678af532c98342b4dab3ece32435
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 24 11:17:39 2026 +0800
+
+    fix: pay
+
+commit 62851342c3c5bfe74e18f97dd74fa55d90f5dd69
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 24 09:55:44 2026 +0800
+
+    fix: permission
+
+commit aaa648a86d35ca94cdeface523e632b0d82d9f3e
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 18:35:29 2026 +0800
+
+    feat: 支付凭证
+
+commit cd2ca96873646b070f00dd76c523c7a8b5579791
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 18:13:07 2026 +0800
+
+    feat: 手动实名和套餐列表退款
+
+commit 719db517f2a1b01877b4fc46a93cb7b16ec206e9
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 16:21:12 2026 +0800
+
+    fix: bug
+
+commit 2140efbacf576d8f4480611bdfa87f669e4e29ce
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 16:08:07 2026 +0800
+
+    fix: bug
+
+commit 8cc86369a23cd01cb6266f72325875e0b747138f
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 16:03:54 2026 +0800
+
+    fix: bug
+
+commit 8ca03ed7ac858e803696eb2e1c6f2508788742aa
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 15:52:18 2026 +0800
+
+    fix: bug
+
+commit 0bc2efdf0ea54a49ea81cbb895a7d885de3fa453
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 15:32:34 2026 +0800
+
+    fix: bug
+
+commit a5e76313cb15682b37f09411d32337c5443c3007
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 23 14:59:05 2026 +0800
+
+    fix: bug
+
+commit a9467e8a0cdd2168e4756d391b75e0a9266d48f0
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 22 18:33:52 2026 +0800
+
+    fix: 修改工单bug
+
+commit fd22dc7ad41bc733e2b1dad0ef7ec95de9848b76
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 22 17:42:36 2026 +0800
+
+    fix: 修改工单bug
+
+commit 8378d2228e08b58b122f97decd2e3a3cedc74086
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 22 15:26:55 2026 +0800
+
+    feat: 新增按钮授权
+
+commit bce9054b829ef75c843cebff428089e97be502a9
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 22 15:00:37 2026 +0800
+
+    feat: 新增按钮授权
+
+commit 936a4f06567faf5622b2fa1113fe9535981e9de6
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 20 17:51:03 2026 +0800
+
+    fix: req:bug
+
+commit 11bfcadf6585b0180ffb636a5a9a2182c3c48f48
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 20 16:28:09 2026 +0800
+
+    fix: wifi 自动填充
+
+commit 9b66b78110417f76d50b75ea29214a0697aa984c
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 20 15:58:18 2026 +0800
+
+    feat: 当前生效套餐
+
+commit 3acb626a3462306c6e748ba7f76ebb8fbea7ceb8
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 20 15:10:23 2026 +0800
+
+    feat: 新增更新资产实名认证策略
+
+commit d721c4b8a90eb4bc4a203b46fd463cbad14041fa
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 20 11:45:59 2026 +0800
+
+    fix: 设备分配代理,虚比例,sim顺序
+
+commit c5ee690ccd26bcc15fe661ffc5920efeb63c0421
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 18 16:40:41 2026 +0800
+
+    feat: 新增设备切卡模式
+
+commit fd583e81e074c588ba58b7ddb528f72a8b08854d
+Author: huang <youdang2000@gmail.com>
+Date:   Sat Apr 18 12:24:18 2026 +0800
+
+    fix: 修复部署后切换页面 JS chunk 404 白屏问题
+    
+    - main.ts 监听 vite:preloadError，chunk 加载失败时自动刷新一次
+    - 新增 ChunkErrorBoundary 组件，捕获 Vue 渲染层 chunk 加载异常
+    - App.vue 包裹 ChunkErrorBoundary
+    - docker/nginx.conf 修复缓存策略：index.html 不缓存，/assets/ 长缓存 immutable
+
+commit b48d6a1894f3ea42976aa8ec96b6492b92b8a1db
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 17 18:40:54 2026 +0800
+
+    feat: 新增导入字段，显示实名认证策略字段
+
+commit 90b13eb5ec0f795409055ba87a9b9b4ddac016a3
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 17 16:37:41 2026 +0800
+
+    fix: 取消关联,居左,店铺列表
+
+commit 5adeade9af5fbbe6fa0e7b9f352b1620e6925ff0
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 17 14:56:53 2026 +0800
+
+    fix: 移除订单详情ID相关参数,新增iccid/VirtualNo
+
+commit 0e0c3e18d05cd82ccf5a09737142c6d17c4a8d9b
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 17 10:27:52 2026 +0800
+
+    feat: 分析页新增权限
+
+commit a3bc025636d0aae9915bfb35ca6ea4aa991ae26d
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 16 16:36:27 2026 +0800
+
+    fix: 卡列表删除一次性佣金和累计充值
+
+commit cb3105504ebe4b1398ca3825e4845f6e62b19b49
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 16 10:12:30 2026 +0800
+
+    fix: 修复排序
+
+commit 9617cdd825886b799149e94af01284ef035bd1b7
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 15 17:29:53 2026 +0800
+
+    fix: 注释停用资产
+
+commit 209b5342b92d83f1bca097cd537c94e4942218dc
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 15 17:12:50 2026 +0800
+
+    feat: ICCID新增设备店铺名称,套餐系列名称
+
+commit 1931a096b008a62a4f147d3b3961b99ced2f4087
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 15 10:14:53 2026 +0800
+
+    feat: ICCID新增设备店铺名称,套餐系列名称
+
+commit d373c2e70eef1e0730d4d0066ff7ff5b74efa5da
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 15 09:59:05 2026 +0800
+
+    feat: ICCID新增复制, 宽度自适应
+
+commit b5eb4fdbcec27808a6e32a91b263cf1a5bbc7495
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Apr 13 14:35:19 2026 +0800
+
+    fix: 修复微信配置编辑不传递脱敏
+
+commit 1acb9db38e894d99b51636c24e769c8cc88c7b96
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 11 17:04:50 2026 +0800
+
+    fix: 关联账号列表单选框
+
+commit 4f02d6faf0984584aff68372713039a192ed9c70
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 11 16:51:54 2026 +0800
+
+    fix: bug
+
+commit 33e15314ac504fcfec72e9fba4138eeeffde591a
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Apr 11 12:19:35 2026 +0800
+
+    bug
+
+commit 90ae585651ece1536443f494d751768e38a82e84
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 10 16:54:53 2026 +0800
+
+    fix(operator): fix operator edit issue
+
+commit 8b30341d501f79240ca043a67c1ed5bc351066ef
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 10 15:06:28 2026 +0800
+
+    fix(operator): fix operator edit issue
+
+commit 2b3119c5497f07aec9d2f4f489be6b8b6fd32683
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 10 14:00:21 2026 +0800
+
+    fix(operator): fix operator edit issue
+
+commit 9a6f085cdead297d5b73bc567307db42cfdb20e2
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 10 09:50:00 2026 +0800
+
+    fix(operator): fix operator edit issue
+
+commit c2c1644799ccbd05c26001e34b829f8f7dafd512
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 9 17:47:32 2026 +0800
+
+    修复bug
+
+commit 472099bf96cc36dd8336226823e8c73a135508d4
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 9 16:56:30 2026 +0800
+
+    修改bug
+
+commit 6a46aeea158a67b11a463d619c1570c8440590d7
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 9 15:57:51 2026 +0800
+
+    修改bug
+
+commit b171e7cc0389d94843cdd3063ea2275c8d9338e3
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 9 15:32:20 2026 +0800
+
+    修改bug
+
+commit 4656d403c21154f970ed80a410828c3fe33ae918
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 9 14:08:25 2026 +0800
+
+    修改bug
+
+commit cb3ba061060462add086a4eea18121765a34fdd5
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 9 13:48:11 2026 +0800
+
+    修改bug
+
+commit cc9d2a85a2e493785dbe56b5b53011b016020b49
+Merge: d1c6588 6a6d3dd
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 8 19:35:20 2026 +0800
+
+    chore: merge main branch from remote
+
+commit d1c6588d8fc79c2acbb872a7b1b648eee89b1f8c
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 8 19:31:22 2026 +0800
+
+    删除多余代码
+
+commit 6a6d3dd3943791ceca28ce6ecfcb0f47dd3d7c4a
+Author: huang <youdang2000@gmail.com>
+Date:   Wed Apr 8 11:20:48 2026 +0800
+
+    修复: nginx 禁止 index.html 缓存，防止部署后资源 404
+    
+    Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)
+    
+    Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
+
+commit b510b4539f36c2310afbf977fae07d492de5e016
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 8 10:19:25 2026 +0800
+
+    修复bug
+
+commit ff087abd44837a51a1e173428f02445b54bfec0f
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Apr 3 11:47:11 2026 +0800
+
+    修复前端bug
+
+commit ea14ae92cae67f2e813dd1e2cd852db2a680b266
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 2 15:17:55 2026 +0800
+
+    绑定卡列表操作卡
+
+commit 8df7024a454475d6ec30ede3081920df783db02c
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Apr 2 13:42:57 2026 +0800
+
+    modify
+
+commit 411206e039b88c39fdafdca857fe868bee7c14d0
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 1 11:10:13 2026 +0800
+
+    feat(network_status):停机/正常
+
+commit afeb1e7c891757d08ddfe52c8edd6b6ccc11e726
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 1 10:56:26 2026 +0800
+
+    style(order): 修改订单管理标题
+
+commit 0d3fc5ce7f1c8cdda7cb3ca331c41b34e0a80597
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Apr 1 10:41:43 2026 +0800
+
+    package
+
+commit 01f81c2178fd95b60cdcbea58ee68985778366c2
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 31 16:55:54 2026 +0800
+
+    新增运营商
+
+commit 3372be99b8d2dc1661dad39f453e6ff1b7e85b04
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 31 15:13:19 2026 +0800
+
+    修复
+
+commit 104d62b17d9c1df99a4f614c640b72a3a3cc44e7
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 31 10:15:10 2026 +0800
+
+    修复: list->items
+
+commit 36da079d59fc81dd5407bbe039d45742139fe518
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Mar 30 18:16:39 2026 +0800
+
+    修复详情404
+
+commit a05717c2ed1a507572bd869e96a18b6b5d77342c
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Mar 30 14:59:56 2026 +0800
+
+    新增: 轮询管理
+
+commit dbe607020791da8b3ad99ec8f86c328612729ea4
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Mar 28 18:31:43 2026 +0800
+
+    modify-bug
+
+commit d6c23c8bd1265c5f1a681f16b5a9919ea1b72ef3
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 24 16:51:21 2026 +0800
+
+    搜索放到重置前面
+
+commit 2af0346d04dc60eb9e35cff2c7ca742d2635f3c2
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 24 16:47:52 2026 +0800
+
+    修改资产信息字段排序
+
+commit a805c279022814fcbff6073fbf2bd5f0e77706bf
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Mar 20 14:18:47 2026 +0800
+
+    修改资产详情
+
+commit 62f828f3142c244a84b7ec493efb592eb86909a2
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Mar 20 10:26:57 2026 +0800
+
+    修改资产详情
+
+commit f06d8c9133dd7d5687826ea3eefe95b63e6e8b73
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Mar 19 18:32:02 2026 +0800
+
+    新增
+
+commit 407287f5386597b053069825277a9144df21b8da
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Mar 18 15:33:39 2026 +0800
+
+    删除资产信息的进度条
+
+commit 9fb3367fd7e6fefa213afe22730cc7d4e3a8d5c0
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Mar 18 10:47:25 2026 +0800
+
+    完善充值代理
+
+commit ff67681c29de9f0ea1adf990e6ebe7ac9dc28c5e
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 17 14:27:17 2026 +0800
+
+    修改布局
+
+commit e975e6af4bc9f1ac891e3192e018047c24da1599
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 17 14:06:38 2026 +0800
+
+    新增: 微信配置-代理充值
+
+commit f4ccf9ed24bd5d7f9af96e87e1980f3e994c5aa3
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 17 09:31:37 2026 +0800
+
+    修改bug
+
+commit 8f315264998a64d198fe9fe1f269d57db33bb00a
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Mar 14 15:16:21 2026 +0800
+
+    fix: bug
+
+commit d43de4cd06c74b0f4910b43bd53c3cc160e7af28
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Mar 11 17:09:35 2026 +0800
+
+    修改bug
+
+commit bd45f7a2246a45aea83a2ba0db5fbefaeaea05b6
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Mar 7 11:59:16 2026 +0800
+
+    详情添加权限
+
+commit e73992d253f82be2abb27ad910fa0b76b35afaf3
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Mar 7 11:41:15 2026 +0800
+
+    弹窗改为跳转链接
+
+commit 8fbc321a5e243db46561f9948d9f5e07e0d9a29e
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Mar 6 17:51:27 2026 +0800
+
+    详情修改
+
+commit 1ebc0b8929920a7e966db94fd6139b99fce212c1
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Mar 6 16:28:58 2026 +0800
+
+    新增代理系列授权
+
+commit 4d94f7efa6468a677297d7af4aebaf496365138c
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Mar 6 14:00:22 2026 +0800
+
+    套餐系列：梯度佣金,代理授权
+
+commit 08d5043b3fb13e0ee56bfa112d21db72f7b5cd61
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Mar 4 17:22:47 2026 +0800
+
+    将单套餐分配和套餐系列分配改成代理系列授权
+
+commit 237eeed87a9fe7700b2f71212cb3f7e8deaf6f33
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Mar 3 16:26:04 2026 +0800
+
+    修复:原来的统一去了404, 现在加了403, 和部分bug
+
+commit 7e9acda1ab7baf8060e59e4c051bce8a8f00583f
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Feb 28 17:46:42 2026 +0800
+
+    修改订单管理
+
+commit 7b459b5c8d6c39e94e8195e69128e500fa6a6e52
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Feb 28 16:49:28 2026 +0800
+
+    修改订单管理
+
+commit ce1032c7f9bd3651f9ea67d3e0bdc722feaac42b
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Feb 28 11:04:32 2026 +0800
+
+    完善按钮和详情权限
+
+commit 4470a4ef04f43daa82f3e170a7e70975ca2d341d
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Feb 27 17:40:02 2026 +0800
+
+    修改: bug
+
+commit f1cb1e53c87b7395dbb127933d13f834c1f04ba2
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Feb 26 17:34:11 2026 +0800
+
+    修改: 权限重复
+
+commit 3570b062a1aa898362cd071301a6ab4204484ecd
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Feb 26 10:06:11 2026 +0800
+
+    修改工单: 右键 给角色分配权限
+
+commit dccad819cfb23e262e8d5f7a2fee95ac0807bfb9
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Feb 25 16:14:38 2026 +0800
+
+    修改工单
+
+commit ca3184857e6a01a24ca6d583251cb3ca143cefd9
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 9 10:49:52 2026 +0800
+
+    fetch(modify):账号列表合并
+
+commit e8700c2585a81ea917aaba01600f2acd990ec5ac
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 9 10:22:23 2026 +0800
+
+    fetch(modify):修改账号列表中的分配角色弹窗
+
+commit b94c043a56f6b8413329d13748b46a512a0cd0c4
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Feb 5 17:22:41 2026 +0800
+
+    fetch(modify):修改bug
+
+commit d97dc5f007b6ec336b675f4e5682d12d22fc9467
+Author: sexygoat <1538832180@qq.com>
+Date:   Wed Feb 4 18:14:52 2026 +0800
+
+    fetch(modify):修改套餐接口
+
+commit 20e8c13e61c3e5d96cfc60568caa3054142255e2
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Feb 3 17:58:58 2026 +0800
+
+    fetch(modify):修改分为元
+
+commit 192c6f1d2612997f18bfdd4e172bfe368cf02776
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Feb 3 17:20:50 2026 +0800
+
+    fetch(modify):完善按钮权限
+
+commit de9753f42d111db3b59c176a3d79bc2b1fc7695b
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Feb 3 14:39:45 2026 +0800
+
+    fetch(modify):修复BUG
+
+commit 2c6fe4375b072307282462db96a68ed31dd268e6
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Feb 3 10:04:59 2026 +0800
+
+    fetch(modify):修复API的URL
+
+commit 06cde977ad8382e44a2a884778af098e94fb4969
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 2 17:08:49 2026 +0800
+
+    fetch(modify):修复角色分配权限
+
+commit f62437379d2449d2c0bae361f6138ff8f7649f35
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 2 14:35:33 2026 +0800
+
+    fetch(modify):隐藏换卡申请
+
+commit c31fdaa74811f5d8e701aab4b2af9fe5f0ca225c
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 2 14:30:24 2026 +0800
+
+    fetch(modify):隐藏我的网卡
+
+commit 4d2f38c75b58bed72c6f0cf8d7e11ac189430102
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 2 11:51:59 2026 +0800
+
+    fetch(modify):账号管理
+
+commit 78bd9fba8531309d3297471731ef4b1e1950732e
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 2 10:57:31 2026 +0800
+
+    fetch(modify):完善ioT卡管理
+
+commit e08c962c40cd3dbb99b45d7e4b13e7006b89b14d
+Author: sexygoat <1538832180@qq.com>
+Date:   Mon Feb 2 10:27:03 2026 +0800
+
+    fetch(modify):完善设备管理
+
+commit 882feaf3ff8b0ff1967565dbec1d07d9fe8623b9
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Jan 31 18:12:58 2026 +0800
+
+    fetch(modify):修改bug
+
+commit ecb79dae432e08d658637ef93242d8308fc87dcb
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Jan 31 16:33:21 2026 +0800
+
+    fetch(modify):修改bug
+
+commit 16d53709efc9b029360867dccae740c9ba0f3170
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Jan 31 11:37:11 2026 +0800
+
+    fetch(modify):修改设备和lot卡下载模板
+
+commit 31440b29045412a9db357c09d38e7413f1fd9533
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Jan 31 11:18:37 2026 +0800
+
+    fetch(modify):修改原来的bug
+
+commit 8a1388608c49f2050be060eb8bfd5c2b175fb455
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Jan 30 15:39:19 2026 +0800
+
+    fetch(add): 新增企业设备授权
+
+commit 841cf0442bb021ae58c1dd45c3f97bd025a8a83b
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Jan 29 15:43:45 2026 +0800
+
+    fetch(add): 订单管理-企业设备
+
+commit 1812b7a6c4aa58a009d3d99084e3e7ecd31641e0
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Jan 27 16:47:49 2026 +0800
+
+    fetch(modify): 中英文以及黑屏
+
+commit 6127b21c2c0524d61272363257692e8e8dd6cff9
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Jan 27 16:06:48 2026 +0800
+
+    fetch(add): 运营商管理
+
+commit c07e481b5babcdc36eb95070602a82373b835a22
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Jan 27 10:48:59 2026 +0800
+
+    chore: remove unused aws-sdk dependency
+    
+    Removed aws-sdk as it was not being used in the codebase.
+    This resolves the Docker build error related to lockfile mismatch.
+    
+    🤖 Generated with [Claude Code](https://claude.com/claude-code)
+    
+    Co-Authored-By: Claude <noreply@anthropic.com>
+
+commit 5c6312c4074ff47e62d7ca2847da2adc6d388947
+Author: sexygoat <1538832180@qq.com>
+Date:   Tue Jan 27 09:18:45 2026 +0800
+
+    fetch(add): 新增
+
+commit 0eed8244e5c94700915baff6d1b97c333be2dfb2
+Author: sexygoat <1538832180@qq.com>
+Date:   Sat Jan 24 16:18:30 2026 +0800
+
+    fetch(add): 分配记录,批量分配/回收, 单卡列表, 任务列表, 导入ICCID
+
+commit c69124a819671c47896cd4152e1551a545e796b5
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Jan 23 17:24:07 2026 +0800
+
+    fetch(add): 账户管理
+
+commit b53fea43c66ed5ad5a80b65db464d519d50ae6ef
+Author: sexygoat <1538832180@qq.com>
+Date:   Fri Jan 23 17:18:24 2026 +0800
+
+    fetch(add): 账户管理
+
+commit 339abca4c035511966e8e9f5ecae3b5fc60410f8
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Jan 22 18:04:32 2026 +0800
+
+    feat(login): 删除还没有账号？ 注册
+
+commit 13bdee2899cd282aa106c34392a193b4a6a51769
+Author: huang <youdang2000@gmail.com>
+Date:   Thu Jan 22 17:06:34 2026 +0800
+
+    忽略类型检测
+
+commit 251a8f6a839128146913a2900b52bc2675b3adba
+Author: huang <youdang2000@gmail.com>
+Date:   Thu Jan 22 17:00:57 2026 +0800
+
+    部署
+
+commit 099e3ec78bbec91e56064e939e7e720b0e53b0a2
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Jan 22 16:46:50 2026 +0800
+
+    first-commmit
+
+commit 222e5bb11a358dc836d3b34ab9273a8f45d7a228
+Author: sexygoat <1538832180@qq.com>
+Date:   Thu Jan 22 16:35:33 2026 +0800
+
+    Initial commit: One Pipe System
+    
+    完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。
+    
+    🤖 Generated with [Claude Code](https://claude.com/claude-code)
+    
+    Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/src/api/modules/shopPackageAllocation.ts b/src/api/modules/shopPackageAllocation.ts
index 3fcbc6b..ebbaae1 100644
--- a/src/api/modules/shopPackageAllocation.ts
+++ b/src/api/modules/shopPackageAllocation.ts
@@ -5,8 +5,10 @@
 import { BaseService } from '../BaseService'
 import type {
   BaseResponse,
+  CreateShopPackageBatchAllocationsRequest,
   CreateShopPackageAllocationRequest,
   ShopPackageAllocationResponse,
+  ShopPackageBatchAllocationsResponse,
   UpdateShopPackageAllocationExpiryBaseRequest
 } from '@/types/api'
 
@@ -24,6 +26,19 @@ export class ShopPackageAllocationService extends BaseService {
     )
   }
 
+  /**
+   * 批量创建店铺套餐分配
+   * POST /api/admin/shop-package-batch-allocations
+   */
+  static createShopPackageBatchAllocations(
+    data: CreateShopPackageBatchAllocationsRequest
+  ): Promise<BaseResponse<ShopPackageBatchAllocationsResponse>> {
+    return this.post<BaseResponse<ShopPackageBatchAllocationsResponse>>(
+      '/api/admin/shop-package-batch-allocations',
+      data
+    )
+  }
+
   /**
    * 更新店铺套餐分配生效条件
    * PATCH /api/admin/shop-package-allocations/{id}/expiry-base
diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index 453f02c..43c6dc4 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -135,10 +135,23 @@ export interface ShopPackageAllocationResponse extends PackageAllocationExpiryBa
   cost_price: number
 }
 
+// 批量创建店铺套餐分配请求
+export interface CreateShopPackageBatchAllocationsRequest {
+  shop_id: number
+  package_ids: number[]
+  cost_price?: number
+  expiry_base_override: PackageAllocationExpiryBaseOverride | null
+}
+
+// 批量创建店铺套餐分配响应
+export interface ShopPackageBatchAllocationsResponse {
+  allocations: ShopPackageAllocationResponse[]
+}
+
 /**
  * 套餐响应
  */
-export interface PackageResponse {
+export interface PackageResponse extends PackageAllocationExpiryBaseFields {
   id: number
   package_code: string
   package_name: string
@@ -323,7 +336,8 @@ export interface CreateShopSeriesGrantRequest {
   commission_tiers?: CommissionTier[] // 梯度配置列表，梯度模式时必填
   enable_force_recharge?: boolean // 是否启用强充
   force_recharge_amount?: number // 强充金额（分）
-  packages?: GrantPackageInfo[] // 套餐列表
+  packages?: GrantPackageItem[] // 套餐列表
+  expiry_base_override: PackageAllocationExpiryBaseOverride | null
 }
 
 /**
@@ -342,6 +356,7 @@ export interface UpdateShopSeriesGrantRequest {
 export interface GrantPackageItem {
   package_id?: number // 套餐ID
   cost_price?: number // 成本价（分）
+  expiry_base_override?: PackageAllocationExpiryBaseOverride | null
   remove?: boolean | null // 是否删除该套餐授权（true=删除）
 }
 
@@ -350,4 +365,5 @@ export interface GrantPackageItem {
  */
 export interface ManageGrantPackagesRequest {
   packages?: GrantPackageItem[] | null // 套餐操作列表
+  expiry_base_override: PackageAllocationExpiryBaseOverride | null // 新增套餐统一生效条件
 }
diff --git a/src/views/package-management/package-list/detail.vue b/src/views/package-management/package-list/detail.vue
index 5510ce7..51eec36 100644
--- a/src/views/package-management/package-list/detail.vue
+++ b/src/views/package-management/package-list/detail.vue
@@ -168,6 +168,14 @@
             return data.expiry_base === 'from_activation' ? '实名激活时起算' : '购买时起算'
           }
         },
+        { label: '套餐默认生效条件', prop: 'default_expiry_base_name' },
+        {
+          label: '分配覆盖生效条件',
+          prop: 'expiry_base_override_name',
+          formatter: (_: unknown, data: PackageResponse) =>
+            data.expiry_base_override_name || '跟随套餐默认'
+        },
+        { label: '最终生效条件', prop: 'effective_expiry_base_name' },
         {
           label: '状态',
           formatter: (_: unknown, data: PackageResponse) => {
diff --git a/src/views/package-management/package-list/index.vue b/src/views/package-management/package-list/index.vue
index 10685c2..dc2af0b 100644
--- a/src/views/package-management/package-list/index.vue
+++ b/src/views/package-management/package-list/index.vue
@@ -625,6 +625,13 @@
         return map[row.expiry_base] || row.expiry_base || '-'
       }
     },
+    { label: '套餐默认生效条件', prop: 'default_expiry_base_name' },
+    {
+      label: '分配覆盖生效条件',
+      prop: 'expiry_base_override_name',
+      formatter: (row: PackageResponse) => row.expiry_base_override_name || '跟随套餐默认'
+    },
+    { label: '最终生效条件', prop: 'effective_expiry_base_name' },
     ...(canUpdatePackageShelfStatus ? [{ label: '上架状态', prop: 'shelf_status' }] : []),
     ...(canUpdatePackageStatus ? [{ label: '状态', prop: 'status' }] : []),
     { label: '创建时间', prop: 'created_at' },
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
index e7ab017..90128c9 100644
--- a/src/views/package-management/series-grants/detail.vue
+++ b/src/views/package-management/series-grants/detail.vue
@@ -158,7 +158,7 @@
               </ElTableColumn>
               <ElTableColumn label="覆盖生效条件">
                 <template #default="{ row }">
-                  {{ row.expiry_base_override_name || '-' }}
+                  {{ row.expiry_base_override_name || '跟随套餐默认' }}
                 </template>
               </ElTableColumn>
               <ElTableColumn label="最终生效条件">
@@ -291,7 +291,7 @@
               {{ packageForm.default_expiry_base_name || '-' }}
             </ElFormItem>
             <ElFormItem label="覆盖生效条件">
-              {{ packageForm.expiry_base_override_name || '-' }}
+              {{ packageForm.expiry_base_override_name || '跟随套餐默认' }}
             </ElFormItem>
             <ElFormItem label="最终生效条件">
               {{ packageForm.effective_expiry_base_name || '-' }}
@@ -593,14 +593,17 @@
       submitLoading.value = true
       try {
         if (packageDialogType.value === 'add') {
-          await ShopPackageAllocationService.createShopPackageAllocation({
-            shop_id: detailData.value!.shop_id,
-            package_id: packageForm.value.package_id!,
-            cost_price: Math.round(packageForm.value.cost_price_yuan * 100),
+          await ShopSeriesGrantService.manageGrantPackages(grantId, {
             expiry_base_override:
               packageForm.value.expiry_base_override === 'default'
                 ? null
-                : packageForm.value.expiry_base_override
+                : packageForm.value.expiry_base_override,
+            packages: [
+              {
+                package_id: packageForm.value.package_id,
+                cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
+              }
+            ]
           })
         } else {
           const expiryBaseChanged =
@@ -617,22 +620,24 @@
               cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
             }
           ]
-          await Promise.all([
-            ShopSeriesGrantService.manageGrantPackages(grantId, { packages }),
-            ...(expiryBaseChanged
-              ? [
-                  ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
-                    packageForm.value.allocation_id!,
-                    {
-                      expiry_base_override:
-                        packageForm.value.expiry_base_override === 'default'
-                          ? null
-                          : packageForm.value.expiry_base_override
-                    }
-                  )
-                ]
-              : [])
-          ])
+          if (expiryBaseChanged) {
+            await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+              packageForm.value.allocation_id!,
+              {
+                expiry_base_override:
+                  packageForm.value.expiry_base_override === 'default'
+                    ? null
+                    : packageForm.value.expiry_base_override
+              }
+            )
+          }
+          await ShopSeriesGrantService.manageGrantPackages(grantId, {
+            expiry_base_override:
+              packageForm.value.expiry_base_override === 'default'
+                ? null
+                : packageForm.value.expiry_base_override,
+            packages
+          })
         }
         ElMessage.success(packageDialogType.value === 'add' ? '添加成功' : '更新成功')
         packageDialogVisible.value = false
@@ -667,7 +672,10 @@
             }
           ]
 
-          await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, { packages })
+          await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, {
+            expiry_base_override: row.expiry_base_override ?? null,
+            packages
+          })
           ElMessage.success('删除成功')
 
           // 刷新详情数据
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index f406955..e033e51 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -171,18 +171,6 @@
                             {{ formatSuggestedRetailPrice(pkg.suggested_retail_price) }})
                           </span>
                         </div>
-                        <div class="expiry-base-input-wrapper">
-                          <div class="expiry-base-label">生效条件</div>
-                          <ElSelect
-                            v-model="pkg.expiry_base_override"
-                            class="expiry-base-select"
-                            placeholder="请选择生效条件"
-                          >
-                            <ElOption label="跟随套餐默认" value="default" />
-                            <ElOption label="购买即生效" value="from_purchase" />
-                            <ElOption label="实名激活时生效" value="from_activation" />
-                          </ElSelect>
-                        </div>
                         <ElButton type="danger" size="small" @click="removePackage(index)"
                           >删除</ElButton
                         >
@@ -191,7 +179,16 @@
                     <div class="form-tip"
                       >设置每个套餐的成本价（单位：元），不能低于成本价，不能高于建议售价的50%溢价</div
                     >
-                    <div class="form-tip">生效条件仅影响后续新订单，不影响已购买套餐</div>
+                  </ElFormItem>
+                  <ElFormItem label="套餐生效条件">
+                    <ElSelect v-model="form.expiry_base_override" style="width: 100%">
+                      <ElOption label="跟随套餐默认" value="default" />
+                      <ElOption label="购买即生效" value="from_purchase" />
+                      <ElOption label="实名激活时生效" value="from_activation" />
+                    </ElSelect>
+                    <div class="form-tip"
+                      >本次所有授权套餐共用此选择，仅影响后续新订单，不影响已购买套餐</div
+                    >
                   </ElFormItem>
                 </template>
               </div>
@@ -560,7 +557,6 @@
   import { useRouter } from 'vue-router'
   import {
     ShopSeriesGrantService,
-    ShopPackageAllocationService,
     PackageSeriesService,
     ShopService,
     PackageManageService
@@ -787,12 +783,12 @@
     force_recharge_amount: undefined,
     force_recharge_locked: false, // 强充是否被套餐系列锁定
     series_force_recharge_amount: 0, // 系列强充金额（元）
+    expiry_base_override: 'default' as PackageAllocationExpiryBaseOverride | 'default',
     packages: [] as Array<{
       package_id: number
       cost_price: number
       original_cost_price?: number
       suggested_retail_price?: number
-      expiry_base_override: PackageAllocationExpiryBaseOverride | 'default'
     }> // 套餐配置
   })
 
@@ -1153,8 +1149,7 @@
           suggested_retail_price:
             pkg?.suggested_retail_price !== undefined && pkg?.suggested_retail_price !== null
               ? pkg.suggested_retail_price / 100
-              : undefined,
-          expiry_base_override: 'default'
+              : undefined
         })
       }
     })
@@ -1581,8 +1576,7 @@
                   pkgOption?.suggested_retail_price !== undefined &&
                   pkgOption?.suggested_retail_price !== null
                     ? pkgOption.suggested_retail_price / 100
-                    : undefined,
-                expiry_base_override: pkg.expiry_base_override ?? 'default'
+                    : undefined
               }
             })
             selectedPackageIds.value = detail.packages.map((pkg) => pkg.package_id)
@@ -1616,6 +1610,7 @@
       form.force_recharge_amount = undefined
       form.force_recharge_locked = false
       form.packages = []
+      form.expiry_base_override = 'default'
       selectedPackageIds.value = []
       packageOptions.value = [] // 清空套餐选项
     }
@@ -1639,6 +1634,7 @@
     form.series_name = ''
     form.shop_name = ''
     form.allocator_shop_name = ''
+    form.expiry_base_override = 'default'
     form.enable_one_time_commission = false
     form.commission_type = 'fixed'
     form.one_time_commission_amount = undefined
@@ -1649,6 +1645,7 @@
     form.force_recharge_amount = undefined
     form.force_recharge_locked = false
     form.packages = []
+    form.expiry_base_override = 'default'
     selectedPackageIds.value = []
   }
 
@@ -1730,15 +1727,12 @@
             data.force_recharge_amount = 0
           }
 
-          // 新增系列授权后，套餐通过独立分配接口创建，确保显式传递生效条件覆盖值。
-          const packageAllocations = form.packages.map((pkg: any) => ({
+          const packageItems = form.packages.map((pkg: any) => ({
             package_id: pkg.package_id,
-            cost_price: Math.round((pkg.cost_price ?? 0) * 100),
-            expiry_base_override:
-              pkg.expiry_base_override === 'default' ? null : pkg.expiry_base_override
+            cost_price: Math.round((pkg.cost_price ?? 0) * 100)
           }))
 
-          if (packageAllocations.length > 0) {
+          if (packageItems.length > 0) {
             // 验证是否包含赠送套餐
             for (const pkg of form.packages) {
               const pkgInfo = packageOptions.value.find((p) => p.id === pkg.package_id)
@@ -1776,20 +1770,10 @@
             // 新增时需要必填字段
             data.series_id = form.series_id
             data.shop_id = form.shop_id
+            data.expiry_base_override =
+              form.expiry_base_override === 'default' ? null : form.expiry_base_override
+            data.packages = packageItems
             await ShopSeriesGrantService.createShopSeriesGrant(data)
-            await Promise.all(
-              packageAllocations.map(
-                (pkg: {
-                  package_id: number
-                  cost_price: number
-                  expiry_base_override: PackageAllocationExpiryBaseOverride | null
-                }) =>
-                  ShopPackageAllocationService.createShopPackageAllocation({
-                    shop_id: data.shop_id,
-                    ...pkg
-                  })
-              )
-            )
             ElMessage.success('新增成功')
           } else {
             // 编辑时调用更新接口
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index e09ad19..7c8afae 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -47,7 +47,7 @@
             </ElTableColumn>
             <ElTableColumn label="覆盖生效条件" minWidth="150">
               <template #default="{ row }">
-                {{ row.expiry_base_override_name || '-' }}
+                {{ row.expiry_base_override_name || '跟随套餐默认' }}
               </template>
             </ElTableColumn>
             <ElTableColumn label="最终生效条件" minWidth="150">
@@ -144,7 +144,7 @@
               {{ packageForm.default_expiry_base_name || '-' }}
             </ElFormItem>
             <ElFormItem label="覆盖生效条件">
-              {{ packageForm.expiry_base_override_name || '-' }}
+              {{ packageForm.expiry_base_override_name || '跟随套餐默认' }}
             </ElFormItem>
             <ElFormItem label="最终生效条件">
               {{ packageForm.effective_expiry_base_name || '-' }}
@@ -211,7 +211,6 @@
 
   const grantId = computed(() => Number(route.params.id))
   const seriesId = ref<number>(0)
-  const shopId = ref<number>(0)
   const grantName = ref<string>('')
   const packageList = ref<GrantPackageInfo[]>([])
   const availablePackages = ref<PackageResponse[]>([])
@@ -325,7 +324,6 @@
       if (res.code === 0) {
         packageList.value = res.data.packages || []
         seriesId.value = res.data.series_id
-        shopId.value = res.data.shop_id
         grantName.value = `${res.data.series_name} - ${res.data.shop_name}`
       }
     } catch (error) {
@@ -437,14 +435,12 @@
         }
         const costPrice = Math.round(currentCostPriceYuan * 100)
         if (packageDialogType.value === 'add') {
-          await ShopPackageAllocationService.createShopPackageAllocation({
-            shop_id: shopId.value,
-            package_id: packageForm.value.package_id!,
-            cost_price: costPrice,
+          await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
             expiry_base_override:
               packageForm.value.expiry_base_override === 'default'
                 ? null
-                : packageForm.value.expiry_base_override
+                : packageForm.value.expiry_base_override,
+            packages: [{ package_id: packageForm.value.package_id, cost_price: costPrice }]
           })
         } else {
           const expiryBaseChanged =
@@ -458,22 +454,24 @@
           const packages: GrantPackageItem[] = [
             { package_id: packageForm.value.package_id, cost_price: costPrice }
           ]
-          await Promise.all([
-            ShopSeriesGrantService.manageGrantPackages(grantId.value, { packages }),
-            ...(expiryBaseChanged
-              ? [
-                  ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
-                    packageForm.value.allocation_id!,
-                    {
-                      expiry_base_override:
-                        packageForm.value.expiry_base_override === 'default'
-                          ? null
-                          : packageForm.value.expiry_base_override
-                    }
-                  )
-                ]
-              : [])
-          ])
+          if (expiryBaseChanged) {
+            await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+              packageForm.value.allocation_id!,
+              {
+                expiry_base_override:
+                  packageForm.value.expiry_base_override === 'default'
+                    ? null
+                    : packageForm.value.expiry_base_override
+              }
+            )
+          }
+          await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
+            expiry_base_override:
+              packageForm.value.expiry_base_override === 'default'
+                ? null
+                : packageForm.value.expiry_base_override,
+            packages
+          })
         }
         packageDialogVisible.value = false
         await fetchPackageList()
@@ -501,7 +499,10 @@
                 remove: true
               }
             ]
-            await ShopSeriesGrantService.manageGrantPackages(grantId.value, { packages })
+            await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
+              expiry_base_override: row.expiry_base_override ?? null,
+              packages
+            })
             await fetchPackageList()
           } catch (error) {
             console.error(error)

From 9289a6e940ab9ef5f3f088772006f9ebb3f73232 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Sat, 25 Jul 2026 10:20:53 +0800
Subject: [PATCH 28/76] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A319-=E9=A1=B6=E9=83=A8=E9=80=9A=E7=9F=A5=E9=93=83?=
 =?UTF-8?q?=E9=93=9B=E4=B8=8E=E7=AB=99=E5=86=85=E9=80=9A=E7=9F=A5=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  35 ++
 .../proposal.md                               |  35 ++
 .../specs/admin-expiring-assets/spec.md       | 111 ++++++
 .../tasks.md                                  |  35 ++
 .../design.md                                 |  36 ++
 .../proposal.md                               |  40 ++
 .../specs/notification-center/spec.md         |  84 ++++
 .../tasks.md                                  |  34 ++
 .../proposal.md                               |   5 +-
 .../specs/shop-management/spec.md             |  11 +-
 .../tasks.md                                  |   2 +-
 src/api/modules/account.ts                    |  12 -
 src/api/modules/asset.ts                      |  17 +-
 src/api/modules/notification.ts               |  39 +-
 src/api/modules/shop.ts                       |  25 +-
 .../core/layouts/art-header-bar/index.vue     |   4 +-
 .../core/layouts/art-notification/index.vue   |  22 +-
 .../core/layouts/art-notification/style.scss  |   6 +-
 src/router/routes/asyncRoutes.ts              |  26 +-
 src/router/routesAlias.ts                     |   1 +
 src/store/modules/notification.ts             |  73 ++--
 src/types/api/account.ts                      |  14 -
 src/types/api/asset.ts                        |  29 ++
 src/types/api/card.ts                         |   3 +
 src/types/api/device.ts                       |   3 +
 src/types/api/notification.ts                 |  76 ++--
 src/types/api/shop.ts                         |  19 +-
 src/utils/business/expiryEstimate.ts          |   8 +
 src/utils/business/notificationNavigation.ts  |  40 +-
 .../components/BasicInfoCard.vue              |  25 +-
 .../asset-management/device-list/index.vue    |  23 +-
 .../iot-card-management/index.vue             |  23 +-
 src/views/dashboard/console/index.vue         |  10 +-
 .../console/widget/ExpiringAssetStats.vue     | 102 +++++
 src/views/notifications/index.vue             |  28 +-
 .../operations/expiring-assets/index.vue      | 364 ++++++++++++++++++
 src/views/shop-management/list/index.vue      |  70 ++--
 37 files changed, 1264 insertions(+), 226 deletions(-)
 create mode 100644 openspec/changes/add-admin-expiring-assets-notifications/design.md
 create mode 100644 openspec/changes/add-admin-expiring-assets-notifications/proposal.md
 create mode 100644 openspec/changes/add-admin-expiring-assets-notifications/specs/admin-expiring-assets/spec.md
 create mode 100644 openspec/changes/add-admin-expiring-assets-notifications/tasks.md
 create mode 100644 openspec/changes/update-admin-notification-center-api/design.md
 create mode 100644 openspec/changes/update-admin-notification-center-api/proposal.md
 create mode 100644 openspec/changes/update-admin-notification-center-api/specs/notification-center/spec.md
 create mode 100644 openspec/changes/update-admin-notification-center-api/tasks.md
 create mode 100644 src/views/dashboard/console/widget/ExpiringAssetStats.vue
 create mode 100644 src/views/operations/expiring-assets/index.vue

diff --git a/openspec/changes/add-admin-expiring-assets-notifications/design.md b/openspec/changes/add-admin-expiring-assets-notifications/design.md
new file mode 100644
index 0000000..0b9e3e9
--- /dev/null
+++ b/openspec/changes/add-admin-expiring-assets-notifications/design.md
@@ -0,0 +1,35 @@
+## Context
+
+临期结果由后端根据资产当前套餐及排队套餐计算。管理端需要在独立列表、普通资产列表、代理首页和通知中心保持相同的临期语义。本变更只覆盖管理端，C 端资产和续费能力不纳入实现范围。
+
+## Goals / Non-Goals
+
+- Goals: 统一消费 `estimated_final_expires_at`、`days_until_final_expiry`、`expiry_level`、`expiry_level_name` 和 `can_renew`；提供临期查询、排序、高亮、统计、通知跳转和管理端续费入口。
+- Goals: 由后端负责临期边界、预计到期结果和通知触发，前端只负责展示和路由。
+- Non-Goals: 不计算套餐接续到期时间，不修改历史订单或已购套餐，不实现 C 端入口，不展示企微临期消息。
+
+## Decisions
+
+- Decision: 临期独立列表使用 `GET /api/admin/expiring-assets`，查询参数保持文档约定的 `asset_type`、`keyword`、`shop_id`、`package_id`、`days_min`、`days_max`、`expires_from`、`expires_to`、`page`、`size`。
+- Decision: 临期接口负责跨分页排序，返回结果按 0-3 天优先、其余按 `estimated_final_expires_at` 升序排列；前端只保留接口顺序，不改变普通资产列表原始接口排序。
+- Decision: 颜色只按剩余天数映射：8-15 天粉红、4-7 天紫色、0-3 天红色。已过期和不可预计记录由接口排除，前端不把它们补入临期列表。
+- Decision: 续费入口由 `can_renew` 控制，具体续费动作复用现有管理端续费/充值路由和接口，不新增 C 端逻辑。
+- Decision: 通知中心继续复用现有通知接口和目标跳转协议；临期通知由后端按 15 天、7 天、3 天生成，前端按通知目标跳转到临期列表或对应资产详情。
+- Alternatives considered: 前端从普通资产列表筛选临期记录。Rejected because it无法保证全量、统一排序和后端预计最终到期结果的一致性。
+
+## Risks / Trade-offs
+
+- 风险：代理首页当前概览接口未必已有临期计数字段。Mitigation：在现有首页/概览响应中增加 `expiring_card_count` 和 `expiring_device_count`，避免前端分页统计。
+- 风险：不同资产列表的字段结构不完全一致。Mitigation：在各自 API 类型中复用同一组临期字段语义，并通过统一展示格式处理空值和等级。
+- 风险：续费入口的现有路由可能依赖资产类型。Mitigation：由 `asset_type` 和 `asset_id` 选择对应管理端续费入口，按钮仅在 `can_renew=true` 时展示。
+
+## Migration Plan
+
+1. 先扩展管理端 API 类型和服务，确认列表、首页统计和通知目标字段。
+2. 上线临期列表及普通列表高亮，再接入首页统计和续费入口。
+3. 最后验证通知中心过滤、已读和跳转，不修改 C 端功能。
+
+## Open Questions
+
+- 代理首页现有概览接口的具体路径和响应字段名称，需要以后端接口实现为准确认。
+- 管理端卡/设备续费入口的现有路由是否统一，需实现时复用当前权限和路由定义。
diff --git a/openspec/changes/add-admin-expiring-assets-notifications/proposal.md b/openspec/changes/add-admin-expiring-assets-notifications/proposal.md
new file mode 100644
index 0000000..ac19a2e
--- /dev/null
+++ b/openspec/changes/add-admin-expiring-assets-notifications/proposal.md
@@ -0,0 +1,35 @@
+# Change: 增加管理端临期资产高亮、通知与续费入口
+
+## Why
+
+管理端目前缺少统一的临期资产查询入口，运营人员需要在普通资产列表中自行识别临近到期资产，且无法从临期记录快速进入续费操作。需要基于后端统一计算的预计最终到期结果，在管理端集中展示临期资产、标记普通列表并接入站内通知。
+
+## What Changes
+
+- 新增管理端临期资产列表，支持资产类型、关键字、店铺、套餐、剩余天数和预计到期时间筛选。
+- 临期列表按 0-3 天固定置顶，其余按预计最终到期时间升序；已过期和不可预计资产不进入列表。
+- 在卡列表、设备列表和资产相关列表中增加临期颜色高亮，但不改变普通列表原有排序。
+- 在代理首页增加临期卡数量和临期设备数量展示，并可跳转临期列表。
+- 在临期列表提供后端返回 `can_renew` 控制的续费入口，复用现有管理端续费/充值流程。
+- 接入通知中心中的 15 天、7 天、3 天临期提醒及通知跳转；管理端不展示企微临期消息。
+- 所有页面直接使用后端返回的预计最终到期字段和临期等级，不在前端重新计算最终到期时间。
+
+## Impact
+
+- Affected specs:
+  - `admin-expiring-assets`
+- Affected code:
+  - `src/api/modules` 和 `src/types/api` 中的临期资产接口及类型
+  - 管理端临期资产列表页面和路由
+  - 网卡列表、设备列表及资产信息展示组件
+  - 代理首页统计组件
+  - 通知中心跳转处理
+- API contracts:
+  - `GET /api/admin/expiring-assets`
+  - 现有代理首页/概览接口增加临期卡、设备数量字段，或提供等价的管理端统计响应
+  - 复用现有通知查询、已读和目标跳转接口
+- Out of scope:
+  - C 端资产页临期展示
+  - C 端续费按钮和 C 端续费流程
+  - 企微临期消息展示或企微通知改造
+  - 前端根据套餐明细自行推导预计最终到期时间
diff --git a/openspec/changes/add-admin-expiring-assets-notifications/specs/admin-expiring-assets/spec.md b/openspec/changes/add-admin-expiring-assets-notifications/specs/admin-expiring-assets/spec.md
new file mode 100644
index 0000000..14bc997
--- /dev/null
+++ b/openspec/changes/add-admin-expiring-assets-notifications/specs/admin-expiring-assets/spec.md
@@ -0,0 +1,111 @@
+## ADDED Requirements
+
+### Requirement: Admin Expiring Asset Query
+
+The admin frontend SHALL provide an expiring asset list backed by `GET /api/admin/expiring-assets`. The query SHALL support `asset_type`, `keyword`, `shop_id`, `package_id`, `days_min`, `days_max`, `expires_from`, `expires_to`, `page`, and `size`.
+
+#### Scenario: Filter expiring assets
+
+- **WHEN** 管理端用户打开临期资产列表并提交筛选条件
+- **THEN** 前端 MUST send the documented query parameters to `GET /api/admin/expiring-assets`
+- **AND** 页面 MUST display the paginated response items
+
+#### Scenario: Exclude unavailable assets
+
+- **WHEN** 接口返回临期列表
+- **THEN** 页面 MUST not add expired assets or assets without an estimable final expiry to the list on the client side
+
+### Requirement: Expiring Asset Fields
+
+Each expiring asset item SHALL preserve and display the backend fields `asset_type`, `asset_id`, `identifier`, `shop_name`, `package_name`, `estimated_final_expires_at`, `days_until_final_expiry`, `expiry_level`, `expiry_level_name`, and `can_renew`. The frontend MUST use backend-provided expiry results and MUST NOT calculate the estimated final expiry from package details.
+
+#### Scenario: Display an estimable asset
+
+- **WHEN** 临期接口返回资产及 `estimated_final_expires_at`
+- **THEN** 页面 MUST display the asset identifier, shop, package, estimated final expiry, remaining days, and backend expiry level name
+
+#### Scenario: Preserve backend result
+
+- **WHEN** 临期接口返回 `estimated_final_expires_at` 或 `days_until_final_expiry`
+- **THEN** 前端 MUST display the returned values
+- **AND** 前端 MUST NOT derive or replace them from current or queued package data
+
+### Requirement: Expiring List Ordering And Highlighting
+
+The expiring asset API and standalone admin list SHALL return and preserve records with 0-3 remaining days first, then order the remaining records by `estimated_final_expires_at` ascending. The list SHALL apply pink highlighting to 8-15 days, purple highlighting to 4-7 days, and red highlighting to 0-3 days.
+
+#### Scenario: Order critical assets first
+
+- **GIVEN** the response contains assets in multiple expiry ranges
+- **WHEN** 页面渲染临期列表
+- **THEN** the API response MUST place assets with 0-3 remaining days before assets with more remaining days
+- **AND** the API response MUST order records in the remaining ranges by estimated final expiry ascending
+- **AND** the frontend MUST preserve that cross-page ordering
+
+#### Scenario: Highlight by remaining days
+
+- **WHEN** 页面渲染临期资产
+- **THEN** 8-15 days MUST use the pink visual treatment
+- **AND** 4-7 days MUST use the purple visual treatment
+- **AND** 0-3 days MUST use the red visual treatment
+
+### Requirement: Ordinary Admin Asset List Highlighting
+
+The admin card and device lists SHALL apply the same expiry color treatment to returned expiring asset fields without changing their existing server or client sort order.
+
+#### Scenario: Highlight ordinary asset rows
+
+- **WHEN** 卡列表或设备列表返回临期字段
+- **THEN** 页面 MUST apply the matching expiry color treatment
+- **AND** 页面 MUST preserve the list's existing ordering
+
+### Requirement: Admin Expiring Asset Renewal Entry
+
+The admin expiring asset list SHALL display a renewal action only when the backend item has `can_renew=true`. The action SHALL navigate to the existing management-side renewal or recharge flow for the asset type.
+
+#### Scenario: Renewable asset
+
+- **GIVEN** 临期资产项返回 `can_renew=true`
+- **WHEN** 用户查看临期列表
+- **THEN** 页面 MUST provide the management-side renewal entry
+- **AND** the entry MUST target the corresponding asset and preserve asset type context
+
+#### Scenario: Non-renewable asset
+
+- **GIVEN** 临期资产项返回 `can_renew=false`
+- **WHEN** 用户查看临期列表
+- **THEN** 页面 MUST NOT display an enabled renewal action
+
+### Requirement: Agent Dashboard Expiry Counts
+
+The agent-facing admin home SHALL display the number of expiring cards and expiring devices using backend-provided summary fields and SHALL provide navigation to the standalone expiring asset list.
+
+#### Scenario: Display expiry counts
+
+- **WHEN** 代理首页概览数据返回临期卡和设备数量
+- **THEN** 页面 MUST display the expiring card count and expiring device count
+- **AND** 页面 MUST not calculate the counts from a paginated asset list
+
+### Requirement: Admin Expiry Notifications
+
+The notification center SHALL display backend-generated admin expiry reminders for 15 days, 7 days, and 3 days through the existing notification API and target navigation. The admin frontend SHALL not display WeCom expiry messages.
+
+#### Scenario: Display expiry reminder
+
+- **WHEN** 通知接口返回 15 天、7 天或 3 天的临期提醒
+- **THEN** 通知中心 MUST classify it as a 临期提醒
+- **AND** 用户点击通知后 MUST navigate to the returned management-side target
+
+#### Scenario: Exclude WeCom expiry message
+
+- **WHEN** 管理端加载通知中心
+- **THEN** 页面 MUST not add or render a separate WeCom expiry message channel
+
+### Requirement: Admin-Only Scope
+
+This capability SHALL be limited to the management frontend. It SHALL NOT add or modify C-end asset expiry display, C-end renewal buttons, C-end renewal APIs, or C-end notification behavior.
+
+#### Scenario: Keep C-end unchanged
+
+- **WHEN** this change is implemented
+- **THEN** C-end asset pages and renewal flows MUST remain outside the change scope
diff --git a/openspec/changes/add-admin-expiring-assets-notifications/tasks.md b/openspec/changes/add-admin-expiring-assets-notifications/tasks.md
new file mode 100644
index 0000000..17ef23a
--- /dev/null
+++ b/openspec/changes/add-admin-expiring-assets-notifications/tasks.md
@@ -0,0 +1,35 @@
+## 1. API Contract
+
+- [x] 1.1 增加 `GET /api/admin/expiring-assets` 的查询参数、分页响应和临期资产项类型。
+- [x] 1.2 为卡列表、设备列表、资产信息和首页概览类型补充统一临期字段及临期计数字段。
+- [x] 1.3 增加临期资产 API 服务方法，并确认续费入口复用现有管理端服务和权限。
+
+## 2. Expiring Asset List
+
+- [x] 2.1 增加或接入 `/operations/expiring-assets` 管理端路由和页面。
+- [x] 2.2 实现资产类型、关键字、店铺、套餐、剩余天数和预计到期时间筛选。
+- [x] 2.3 展示资产、店铺、当前套餐、预计最终到期、剩余天数和后端临期等级名称。
+- [x] 2.4 实现 0-3 天置顶、其余按预计到期时间升序，并排除已过期和不可预计记录。
+- [x] 2.5 按 8-15 天粉红、4-7 天紫色、0-3 天红色实现行或到期字段高亮。
+- [x] 2.6 根据 `can_renew` 展示管理端续费入口，并跳转现有续费/充值流程。
+
+## 3. Existing Admin Pages
+
+- [x] 3.1 在网卡普通列表增加临期字段展示和颜色高亮，不改变原排序。
+- [x] 3.2 在设备普通列表增加临期字段展示和颜色高亮，不改变原排序。
+- [x] 3.3 在资产信息详情复用同一临期展示规则，禁止前端重新计算预计最终到期时间。
+- [x] 3.4 在代理首页展示临期卡数量和临期设备数量，并支持跳转临期列表。
+
+## 4. Notifications
+
+- [x] 4.1 在通知中心复用临期分类，展示后端生成的 15 天、7 天、3 天临期提醒。
+- [x] 4.2 使用现有通知目标跳转到临期列表或对应管理端资产详情。
+- [x] 4.3 确认管理端不展示企微临期消息，不新增 C 端通知入口。
+
+## 5. Verification
+
+- [x] 5.1 验证临期字段直接使用后端值，前端不根据套餐明细推导最终到期时间。
+- [x] 5.2 验证 0-3 天置顶、日期升序、颜色映射和普通列表原排序保持不变。
+- [x] 5.3 验证 `can_renew=false` 不展示续费入口，且各资产类型使用正确管理端入口。
+- [x] 5.4 验证通知中心临期分类、已读状态和跳转行为。
+- [x] 5.5 运行类型检查、相关 ESLint/Stylelint、构建和 `openspec validate add-admin-expiring-assets-notifications --strict`。
diff --git a/openspec/changes/update-admin-notification-center-api/design.md b/openspec/changes/update-admin-notification-center-api/design.md
new file mode 100644
index 0000000..3de5826
--- /dev/null
+++ b/openspec/changes/update-admin-notification-center-api/design.md
@@ -0,0 +1,36 @@
+## Context
+
+后端通知接口已经提供稳定的管理端 REST 合约。前端需要移除对旧字段和旧响应形态的依赖，统一使用真实接口返回的数据，并把通知目标解析限制在前端已注册的内部目标映射中。
+
+## Goals / Non-Goals
+
+- Goals: 顶部铃铛、通知抽屉、通知中心和共享 Pinia 状态使用同一套真实 API 类型。
+- Goals: 保证未读数、分类汇总、列表已读状态在单条已读和全部已读后与后端同步。
+- Goals: 受控目标只能通过 `target_type`、`target_id`、`target_key` 白名单映射到内部页面。
+- Non-Goals: 不实现 C 端通知，不支持任意 URL 跳转，不改变通知产生规则。
+
+## Decisions
+
+- Decision: 通知列表请求使用 `is_read?: boolean`，不再以 `read_status` 字符串代替后端参数。
+- Decision: 通知正文统一使用 `body`；必要时仅在迁移读取阶段兼容旧数据，不再把旧 `content` 作为 API 契约类型。
+- Decision: 顶部徽标优先使用 `unread-count.data.display_count`，数值统计使用 `data.count`；不在前端重新格式化徽标文本。
+- Decision: 未读汇总只保存四个固定分类计数和总数；抽屉最近10条通过 `GET /api/admin/notifications?page=1&page_size=10` 获取，避免把分类汇总误当通知列表。
+- Decision: 全部已读服务方法接收可选 `category`，请求体始终为对象；通知中心的“全部已读”传空对象，分类操作可传具体类别。
+- Decision: `target_type`、`target_key` 由前端白名单映射到已注册路由，`target_id` 仅作为参数；未知、无权限或已失效目标只展示正文，不跳转。
+- Alternatives considered: 继续保留旧字段的宽松兼容类型。Rejected because it会掩盖真实 API 字段错误，并导致筛选和已读状态请求不符合后端契约。
+
+## Risks / Trade-offs
+
+- 风险：后端新增通知类型。Mitigation：类型字段保持 string，页面对未知类型采用原值展示。
+- 风险：受控目标类型新增。Mitigation：未知目标默认不可跳转，不执行后端返回的任意路径。
+- 风险：列表与汇总请求并行时数据短暂不一致。Mitigation：单条已读/全部已读成功后刷新未读数、汇总和当前列表。
+
+## Migration Plan
+
+1. 先更新类型、API service 和通知 store 的真实响应结构。
+2. 再更新顶部抽屉和通知中心字段、筛选及已读交互。
+3. 最后替换目标跳转映射并验证未知目标安全降级。
+
+## Open Questions
+
+- `target_type` 与 `target_key` 的完整白名单值需要以后端实际返回样例补充；未确认值统一按不可跳转处理。
diff --git a/openspec/changes/update-admin-notification-center-api/proposal.md b/openspec/changes/update-admin-notification-center-api/proposal.md
new file mode 100644
index 0000000..e6e4fac
--- /dev/null
+++ b/openspec/changes/update-admin-notification-center-api/proposal.md
@@ -0,0 +1,40 @@
+# Change: 按实际接口更新管理端通知中心
+
+## Why
+
+通知中心已有前端链路，但当前类型和页面仍兼容旧字段，例如 `content`、`read_status`、旧的未读摘要结构和可路由目标结构。后端接口文档已更新为实际可用的管理端 API，需要按真实响应字段和受控目标协议修正通知铃铛、抽屉、通知中心及状态同步逻辑。
+
+## What Changes
+
+- 按实际接口更新通知项字段：`body`、`is_read`、`read_at`、`ref_type`、`ref_id`、`ref_key`。
+- 按实际接口更新通知列表筛选参数：使用 `is_read` boolean，支持 `category`、`type`、`severity`、`page`、`page_size`。
+- 接入真实未读数响应 `{ count, display_count }`，顶部徽标直接展示后端 `display_count`。
+- 接入真实未读分类汇总 `{ approval, expiry, sync, system, total }`，抽屉最近通知通过通知列表接口获取，最多展示10条。
+- 全部已读调用 `PUT /api/admin/notifications/read-all`，支持可选 `category` 请求体。
+- 受控目标按 `target_type`、`target_id`、`target_key` 建立前端白名单映射，不接受或执行任意 URL/路由字段。
+- 通知中心展示正文 `body`、读取状态 `is_read`、首次已读时间 `read_at`，并支持余额、审批、临期、同步/系统分类。
+- 本变更只覆盖管理端，明确不接入 C 端 `/api/c/v1/notifications`。
+
+## Impact
+
+- Affected specs:
+  - `notification-center`
+- Affected code:
+  - `src/types/api/notification.ts`
+  - `src/api/modules/notification.ts`
+  - `src/store/modules/notification.ts`
+  - `src/components/core/layouts/art-header-bar/index.vue`
+  - `src/components/core/layouts/art-notification/index.vue`
+  - `src/views/notifications/index.vue`
+  - `src/utils/business/notificationNavigation.ts`
+- API contracts:
+  - `GET /api/admin/notifications`
+  - `PUT /api/admin/notifications/{id}/read`
+  - `PUT /api/admin/notifications/read-all`
+  - `GET /api/admin/notifications/unread-count`
+  - `GET /api/admin/notifications/unread-summary`
+  - `GET /api/admin/notifications/{id}/target`
+- Out of scope:
+  - C 端 `/api/c/v1/notifications` 接口和页面
+  - 创建、编辑或删除通知
+  - WebSocket、浏览器推送和新的实时推送机制
diff --git a/openspec/changes/update-admin-notification-center-api/specs/notification-center/spec.md b/openspec/changes/update-admin-notification-center-api/specs/notification-center/spec.md
new file mode 100644
index 0000000..4c4a506
--- /dev/null
+++ b/openspec/changes/update-admin-notification-center-api/specs/notification-center/spec.md
@@ -0,0 +1,84 @@
+## ADDED Requirements
+
+### Requirement: Admin Notification Contract
+
+The admin notification frontend SHALL use the actual notification contract returned by `GET /api/admin/notifications`. Each item SHALL preserve `id`, `title`, `body`, `category`, `type`, `severity`, `is_read`, `created_at`, `read_at`, `ref_type`, `ref_id`, and `ref_key`.
+
+#### Scenario: Display actual notification fields
+
+- **WHEN** 管理端通知列表返回通知项
+- **THEN** 页面 MUST display `title` and `body`
+- **AND** 页面 MUST use `is_read` for read state
+- **AND** 页面 MUST preserve `read_at` and `ref_key`
+
+### Requirement: Admin Notification List Filters
+
+The notification center SHALL query `GET /api/admin/notifications` with `category`, `type`, `severity`, `is_read`, `page`, and `page_size`. The frontend SHALL not send `read_status` as a replacement for `is_read`.
+
+#### Scenario: Filter unread notifications
+
+- **WHEN** 用户选择未读筛选
+- **THEN** 前端 MUST send `is_read=false`
+- **AND** 页面 MUST render the paginated `data.items` response
+
+#### Scenario: Filter read notifications
+
+- **WHEN** 用户选择已读筛选
+- **THEN** 前端 MUST send `is_read=true`
+
+### Requirement: Unread Count And Summary
+
+The admin header and notification drawer SHALL use `GET /api/admin/notifications/unread-count` and `GET /api/admin/notifications/unread-summary`. The unread count response SHALL preserve `count` and `display_count`; the summary response SHALL preserve `approval`, `expiry`, `sync`, `system`, and `total`.
+
+#### Scenario: Display backend unread badge
+
+- **WHEN** 未读数接口返回 `count` and `display_count`
+- **THEN** 顶部铃铛 MUST display the backend `display_count`
+- **AND** shared notification state MUST preserve the numeric `count`
+
+#### Scenario: Load drawer notifications
+
+- **WHEN** 用户打开顶部通知抽屉
+- **THEN** 前端 MUST use the summary endpoint for category counts
+- **AND** 前端 MUST query the notification list endpoint with `page=1` and `page_size=10` for recent notifications
+
+### Requirement: Read State Operations
+
+The admin frontend SHALL mark notifications read through `PUT /api/admin/notifications/{id}/read` and mark notifications read in bulk through `PUT /api/admin/notifications/read-all`. The bulk request SHALL support an optional JSON `category` field.
+
+#### Scenario: Mark one notification read
+
+- **WHEN** 用户点击通知
+- **THEN** 前端 MUST call the single-read PUT endpoint before target resolution
+- **AND** after success MUST refresh the shared unread count and relevant notification state
+
+#### Scenario: Mark all notifications read
+
+- **WHEN** 用户点击全部已读
+- **THEN** 前端 MUST call `PUT /api/admin/notifications/read-all` with an object body
+- **AND** after success MUST refresh the list, summary and unread count
+
+### Requirement: Controlled Notification Target
+
+The admin frontend SHALL resolve notification navigation through `GET /api/admin/notifications/{id}/target`. It SHALL map only recognized `target_type` or `target_key` values to registered internal routes and SHALL use `target_id` as a route parameter when required.
+
+#### Scenario: Navigate to recognized target
+
+- **WHEN** 目标接口返回可用的受支持 `target_type`、`target_key` 和 `target_id`
+- **THEN** 前端 MUST navigate to the corresponding registered internal route
+- **AND** 前端 MUST not execute an arbitrary URL from the response
+
+#### Scenario: Handle unknown target safely
+
+- **WHEN** 目标类型未知、目标不可用或当前路由未注册
+- **THEN** 前端 MUST not navigate
+- **AND** 页面 MUST display the notification body or an unavailable-target message
+
+### Requirement: Admin-Only Notification Scope
+
+This notification capability SHALL apply only to the admin APIs under `/api/admin/notifications` and the admin `/notifications` interface. It SHALL not add or modify C-end `/api/c/v1/notifications` APIs or pages.
+
+#### Scenario: Exclude C-end notifications
+
+- **WHEN** this change is implemented
+- **THEN** C-end notification APIs and pages MUST remain outside the change scope
diff --git a/openspec/changes/update-admin-notification-center-api/tasks.md b/openspec/changes/update-admin-notification-center-api/tasks.md
new file mode 100644
index 0000000..a47fb2d
--- /dev/null
+++ b/openspec/changes/update-admin-notification-center-api/tasks.md
@@ -0,0 +1,34 @@
+## 1. Contract And Types
+
+- [x] 1.1 按实际接口更新通知项、列表响应、未读数、未读汇总和受控目标类型。
+- [x] 1.2 将通知列表筛选参数从 `read_status` 改为 `is_read?: boolean`。
+- [x] 1.3 更新通知 service：未读数、未读汇总、列表、单条已读、全部已读和目标接口的请求/响应类型。
+
+## 2. Shared Notification State
+
+- [x] 2.1 使用 `data.count` 和 `data.display_count` 同步未读数量及顶部徽标。
+- [x] 2.2 使用 `{ approval, expiry, sync, system, total }` 保存分类汇总，并通过通知列表接口加载抽屉最近10条。
+- [x] 2.3 单条已读和全部已读成功后刷新真实未读数、汇总和相关通知状态，避免仅修改本地计数。
+
+## 3. Header And Notification Center
+
+- [x] 3.1 顶部铃铛展示后端 `display_count`，支持0、普通数量和 `99+`。
+- [x] 3.2 抽屉展示最近10条真实通知，支持全部、审批、临期、同步/系统分类和进入通知中心。
+- [x] 3.3 通知中心使用 `body`、`is_read`、`read_at` 展示正文、状态和已读时间。
+- [x] 3.4 通知中心筛选使用 `category`、`type`、`severity`、`is_read`、`page`、`page_size`。
+- [x] 3.5 严重级别支持 `info`、`warning`、`error`、`critical`，未知值稳定展示。
+- [x] 3.6 全部已读和单条已读严格按实际 PUT 接口调用。
+
+## 4. Controlled Navigation And Scope
+
+- [x] 4.1 根据 `target_type`、`target_key` 和 `target_id`实现前端内部目标白名单映射。
+- [x] 4.2 未知、无权限或不可用目标只展示通知正文，不执行任意 URL 或未注册路由跳转。
+- [x] 4.3 保留管理端通知中心路由和顶部入口，不新增 C 端通知接口、页面或逻辑。
+
+## 5. Verification
+
+- [x] 5.1 验证真实通知字段 `body`、`is_read`、`read_at`、`ref_key` 正确展示和保存。
+- [x] 5.2 验证未读徽标、分类汇总、抽屉列表和通知中心状态一致。
+- [x] 5.3 验证 `is_read=true/false` 筛选及全部已读 `category` 请求体。
+- [x] 5.4 验证受控目标白名单和未知目标安全降级。
+- [x] 5.5 运行类型检查、lint、相关测试、构建和 `openspec validate update-admin-notification-center-api --strict`。
diff --git a/openspec/changes/update-shop-salesperson-selection/proposal.md b/openspec/changes/update-shop-salesperson-selection/proposal.md
index a6d058e..acee413 100644
--- a/openspec/changes/update-shop-salesperson-selection/proposal.md
+++ b/openspec/changes/update-shop-salesperson-selection/proposal.md
@@ -7,7 +7,7 @@
 ## What Changes
 
 - 在店铺新建和编辑表单新增可清空、可搜索的“平台业务员”选择器。
-- 候选业务员复用启用的平台账号查询接口，展示账号名和手机号摘要。
+- 候选业务员使用店铺业务员候选接口，展示账号名和手机号摘要。
 - 扩展店铺创建、更新、列表查询、列表返回和详情返回的数据契约，支持 `business_owner_account_id` 及业务员展示字段。
 - 在店铺列表新增业务员列和按业务员筛选项，在店铺详情展示业务员名称和手机号摘要。
 - 已停用的已绑定业务员仅用于历史列表和详情展示，不能作为新建或编辑表单的候选项。
@@ -26,4 +26,5 @@
   - `POST /api/admin/shops`
   - `PUT /api/admin/shops/{id}`
   - `GET /api/admin/shops`
-  - `GET /api/admin/accounts?account_type=platform&status=1`
+- `GET /api/admin/shops/{id}`
+- `GET /api/admin/shops/business-owner-candidates`
diff --git a/openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md b/openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md
index 33ef119..4d780f4 100644
--- a/openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md
+++ b/openspec/changes/update-shop-salesperson-selection/specs/shop-management/spec.md
@@ -27,7 +27,9 @@ The system SHALL allow users to assign or clear an optional platform salesperson
 #### Scenario: Do not expose disabled accounts as editable candidates
 
 - **WHEN** 用户打开或搜索“平台业务员”选择器
-- **THEN** 系统 MUST 仅查询 `account_type=platform` 且 `status=1` 的账号
+- **THEN** 系统 MUST query `GET /api/admin/shops/business-owner-candidates`
+- **AND** 请求 MUST support `keyword`、`page` 和 `page_size`
+- **AND** 候选项 MUST use `id`、`username` and `phone_summary`
 - **AND** 已停用平台账号 MUST NOT 作为新建或编辑候选项显示
 
 #### Scenario: No eligible salesperson exists
@@ -45,7 +47,7 @@ The shop list SHALL display the assigned salesperson and support filtering by `b
 
 - **WHEN** 用户查看店铺列表
 - **THEN** 列表 MUST 显示业务员列
-- **AND** 已绑定业务员的行 MUST 展示 `business_owner_name` 和 `business_owner_phone_masked`
+- **AND** 已绑定业务员的行 MUST 展示 `business_owner_username` 和 `business_owner_phone_summary`
 
 #### Scenario: Filter shops by salesperson
 
@@ -57,7 +59,7 @@ The shop list SHALL display the assigned salesperson and support filtering by `b
 
 - **GIVEN** 店铺历史上已绑定的平台业务员后来被停用
 - **WHEN** 用户查看店铺列表
-- **THEN** 列表 MUST 继续展示该店铺返回的 `business_owner_name` 和 `business_owner_phone_masked`
+- **THEN** 列表 MUST 继续展示该店铺返回的 `business_owner_username` 和 `business_owner_phone_summary`
 
 ### Requirement: Shop Detail Salesperson Display
 
@@ -72,7 +74,8 @@ The shop detail SHALL display the assigned salesperson name and masked phone fro
 
 - **GIVEN** 店铺绑定的业务员已停用
 - **WHEN** 用户查看该店铺详情
-- **THEN** 页面 MUST 继续使用详情响应中的 `business_owner_name` 和 `business_owner_phone_masked` 展示历史业务员信息
+- **THEN** 页面 MUST request `GET /api/admin/shops/{id}`
+- **AND** 页面 MUST 继续使用详情响应中的 `business_owner_username` 和 `business_owner_phone_summary` 展示历史业务员信息
 
 #### Scenario: Do not add distribution or commission semantics
 
diff --git a/openspec/changes/update-shop-salesperson-selection/tasks.md b/openspec/changes/update-shop-salesperson-selection/tasks.md
index 802e324..15f1c30 100644
--- a/openspec/changes/update-shop-salesperson-selection/tasks.md
+++ b/openspec/changes/update-shop-salesperson-selection/tasks.md
@@ -3,7 +3,7 @@
 - [x] 1.1 更新店铺创建和编辑请求类型，支持可空的 `business_owner_account_id`。
 - [x] 1.2 更新店铺列表查询类型，支持 `business_owner_account_id` 筛选参数。
 - [x] 1.3 更新店铺列表和详情响应类型，读取业务员 ID、名称和脱敏手机号字段。
-- [x] 1.4 复用启用平台账号查询接口，读取 `account_id`、`account_name`、`phone_masked` 作为候选项。
+- [x] 1.4 接入店铺业务员候选接口，读取 `id`、`username`、`phone_summary` 作为候选项。
 
 ## 2. Shop Form UI
 
diff --git a/src/api/modules/account.ts b/src/api/modules/account.ts
index f3256f3..8b8a39f 100644
--- a/src/api/modules/account.ts
+++ b/src/api/modules/account.ts
@@ -6,8 +6,6 @@ import { BaseService } from '../BaseService'
 import type {
   PlatformAccount,
   AccountQueryParams,
-  PlatformSalesperson,
-  PlatformSalespersonQueryParams,
   CreatePlatformAccountParams,
   BaseResponse,
   PaginationResponse
@@ -25,16 +23,6 @@ export class AccountService extends BaseService {
     return this.getPage<PlatformAccount>('/api/admin/accounts', params)
   }
 
-  /**
-   * 获取启用的平台业务员候选
-   * GET /api/admin/accounts?account_type=platform&status=1
-   */
-  static getPlatformSalespeople(
-    params: PlatformSalespersonQueryParams
-  ): Promise<PaginationResponse<PlatformSalesperson>> {
-    return this.getPage<PlatformSalesperson>('/api/admin/accounts', params)
-  }
-
   /**
    * 创建账号
    * POST /api/admin/accounts
diff --git a/src/api/modules/asset.ts b/src/api/modules/asset.ts
index 12c98a9..88a19c7 100644
--- a/src/api/modules/asset.ts
+++ b/src/api/modules/asset.ts
@@ -31,7 +31,9 @@ import type {
   AssetOperationLogsParams,
   AssetPackageUsageRecord,
   UpdateAssetPackageUsedDataRequest,
-  UpdateAssetPackageExpiresAtRequest
+  UpdateAssetPackageExpiresAtRequest,
+  ExpiringAssetItem,
+  ExpiringAssetQueryParams
 } from '@/types/api'
 
 const runRateLimitedAssetAction = async <T>(
@@ -45,6 +47,19 @@ const runRateLimitedAssetAction = async <T>(
 }
 
 export class AssetService extends BaseService {
+  /**
+   * 获取管理端临期资产列表
+   * GET /api/admin/expiring-assets
+   */
+  static getExpiringAssets(
+    params?: ExpiringAssetQueryParams
+  ): Promise<
+    BaseResponse<{ items: ExpiringAssetItem[]; total: number; page: number; size: number }>
+  > {
+    return this.get<
+      BaseResponse<{ items: ExpiringAssetItem[]; total: number; page: number; size: number }>
+    >('/api/admin/expiring-assets', params)
+  }
   /**
    * 通过任意标识符查询设备或卡的完整详情
    * 支持虚拟号、ICCID、IMEI、SN、MSISDN
diff --git a/src/api/modules/notification.ts b/src/api/modules/notification.ts
index 4f95965..da75f5f 100644
--- a/src/api/modules/notification.ts
+++ b/src/api/modules/notification.ts
@@ -1,24 +1,25 @@
 import { BaseService } from '../BaseService'
 import type {
   BaseResponse,
-  NotificationItem,
   NotificationListResponse,
   NotificationQueryParams,
-  NotificationSummary,
+  NotificationReadAllRequest,
+  NotificationReadAllResponse,
+  NotificationReadResponse,
+  NotificationUnreadCount,
+  NotificationUnreadSummary,
   NotificationTarget
 } from '@/types/api'
 
 export class NotificationService extends BaseService {
-  static getUnreadCount(): Promise<
-    BaseResponse<number | { count?: number; unread_count?: number }>
-  > {
-    return this.get<BaseResponse<number | { count?: number; unread_count?: number }>>(
-      '/api/admin/notifications/unread-count'
-    )
+  static getUnreadCount(): Promise<BaseResponse<NotificationUnreadCount>> {
+    return this.get<BaseResponse<NotificationUnreadCount>>('/api/admin/notifications/unread-count')
   }
 
-  static getUnreadSummary(): Promise<BaseResponse<NotificationSummary>> {
-    return this.get<BaseResponse<NotificationSummary>>('/api/admin/notifications/unread-summary')
+  static getUnreadSummary(): Promise<BaseResponse<NotificationUnreadSummary>> {
+    return this.get<BaseResponse<NotificationUnreadSummary>>(
+      '/api/admin/notifications/unread-summary'
+    )
   }
 
   static getNotifications(
@@ -27,15 +28,23 @@ export class NotificationService extends BaseService {
     return this.get<BaseResponse<NotificationListResponse>>('/api/admin/notifications', params)
   }
 
-  static markRead(id: number | string): Promise<BaseResponse<NotificationItem>> {
-    return this.put<BaseResponse<NotificationItem>>(`/api/admin/notifications/${id}/read`, {})
+  static markRead(id: number): Promise<BaseResponse<NotificationReadResponse>> {
+    return this.put<BaseResponse<NotificationReadResponse>>(
+      `/api/admin/notifications/${id}/read`,
+      {}
+    )
   }
 
-  static markAllRead(): Promise<BaseResponse> {
-    return this.put<BaseResponse>('/api/admin/notifications/read-all', {})
+  static markAllRead(
+    data: NotificationReadAllRequest = {}
+  ): Promise<BaseResponse<NotificationReadAllResponse>> {
+    return this.put<BaseResponse<NotificationReadAllResponse>>(
+      '/api/admin/notifications/read-all',
+      data
+    )
   }
 
-  static getTarget(id: number | string): Promise<BaseResponse<NotificationTarget>> {
+  static getTarget(id: number): Promise<BaseResponse<NotificationTarget>> {
     return this.get<BaseResponse<NotificationTarget>>(`/api/admin/notifications/${id}/target`)
   }
 }
diff --git a/src/api/modules/shop.ts b/src/api/modules/shop.ts
index 9ee79ef..3888c21 100644
--- a/src/api/modules/shop.ts
+++ b/src/api/modules/shop.ts
@@ -12,7 +12,9 @@ import type {
   AssignShopRolesRequest,
   UpdateShopCreditLimitRequest,
   BaseResponse,
-  PaginationResponse
+  PaginationResponse,
+  ShopBusinessOwnerCandidate,
+  ShopBusinessOwnerCandidateQueryParams
 } from '@/types/api'
 
 export class ShopService extends BaseService {
@@ -25,6 +27,27 @@ export class ShopService extends BaseService {
     return this.getPage<ShopResponse>('/api/admin/shops', params)
   }
 
+  /**
+   * 获取店铺业务员候选
+   * GET /api/admin/shops/business-owner-candidates
+   */
+  static getBusinessOwnerCandidates(
+    params?: ShopBusinessOwnerCandidateQueryParams
+  ): Promise<PaginationResponse<ShopBusinessOwnerCandidate>> {
+    return this.getPage<ShopBusinessOwnerCandidate>(
+      '/api/admin/shops/business-owner-candidates',
+      params
+    )
+  }
+
+  /**
+   * 获取店铺详情
+   * GET /api/admin/shops/{id}
+   */
+  static getShopDetail(id: number): Promise<BaseResponse<ShopResponse>> {
+    return this.getOne<ShopResponse>(`/api/admin/shops/${id}`)
+  }
+
   /**
    * 店铺级联查询（树结构）
    * GET /api/admin/shops/cascade
diff --git a/src/components/core/layouts/art-header-bar/index.vue b/src/components/core/layouts/art-header-bar/index.vue
index ce9059f..5d35a97 100644
--- a/src/components/core/layouts/art-header-bar/index.vue
+++ b/src/components/core/layouts/art-header-bar/index.vue
@@ -238,9 +238,7 @@
   const { width } = useWindowSize()
 
   const unreadCount = computed(() => notificationStore.unreadCount)
-  const formattedUnreadCount = computed(() =>
-    unreadCount.value > 99 ? '99+' : String(unreadCount.value)
-  )
+  const formattedUnreadCount = computed(() => notificationStore.displayCount)
 
   const menuTopWidth = computed(() => {
     return width.value * 0.5
diff --git a/src/components/core/layouts/art-notification/index.vue b/src/components/core/layouts/art-notification/index.vue
index 78d43fc..6f6d807 100644
--- a/src/components/core/layouts/art-notification/index.vue
+++ b/src/components/core/layouts/art-notification/index.vue
@@ -39,7 +39,7 @@
             </span>
             <span class="text">
               <strong>{{ item.title }}</strong>
-              <small>{{ item.content }}</small>
+              <small>{{ item.body }}</small>
               <time>{{ item.created_at || '-' }}</time>
             </span>
             <span v-if="!isRead(item)" class="unread-dot" />
@@ -85,23 +85,23 @@
     return item.category === category
   }
 
-  const isRead = (item: NotificationItem) =>
-    item.read === true || item.is_read === true || item.read_status === 'read'
+  const isRead = (item: NotificationItem) => item.is_read
 
   const filteredItems = computed(() =>
-    notificationStore.summary.items.filter((item) => categoryMatches(item, activeCategory.value))
+    notificationStore.recentNotifications.filter((item) =>
+      categoryMatches(item, activeCategory.value)
+    )
   )
 
   const tabs = computed(() => {
-    const categories = notificationStore.summary.categories || {}
     return [
-      { value: 'all', label: '全部', count: notificationStore.unreadCount },
-      { value: 'approval', label: '审批', count: categories.approval || 0 },
-      { value: 'expiry', label: '临期', count: categories.expiry || categories.expiring || 0 },
+      { value: 'all', label: '全部', count: notificationStore.summary.total },
+      { value: 'approval', label: '审批', count: notificationStore.summary.approval },
+      { value: 'expiry', label: '临期', count: notificationStore.summary.expiry },
       {
         value: 'system',
         label: '同步/系统',
-        count: (categories.sync || 0) + (categories.system || 0)
+        count: notificationStore.summary.sync + notificationStore.summary.system
       }
     ]
   })
@@ -135,11 +135,11 @@
       }
       const targetResponse = await NotificationService.getTarget(item.id)
       if (targetResponse.code !== 0 || !targetResponse.data) {
-        ElMessage.info(item.content || '该通知暂无可跳转目标')
+        ElMessage.info(item.body || '该通知暂无可跳转目标')
         return
       }
       if (!navigateNotificationTarget(router, targetResponse.data)) {
-        ElMessage.info(targetResponse.data.message || item.content || '该通知暂无可跳转目标')
+        ElMessage.info(item.body || '该通知暂无可跳转目标')
       } else {
         close()
       }
diff --git a/src/components/core/layouts/art-notification/style.scss b/src/components/core/layouts/art-notification/style.scss
index 39f556f..a2e0b7a 100644
--- a/src/components/core/layouts/art-notification/style.scss
+++ b/src/components/core/layouts/art-notification/style.scss
@@ -108,9 +108,9 @@
         background: var(--el-color-danger-light-9);
       }
 
-      &.severity-success {
-        color: var(--el-color-success);
-        background: var(--el-color-success-light-9);
+      &.severity-critical {
+        color: var(--el-color-danger);
+        background: var(--el-color-danger-light-9);
       }
     }
 
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index d022275..5b6db3a 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -20,7 +20,8 @@ export const asyncRoutes: AppRouteRecord[] = [
     name: 'Notifications',
     component: RoutesAlias.Home,
     meta: {
-      title: '通知中心'
+      title: '通知中心',
+      isHide: true
     },
     children: [
       {
@@ -30,6 +31,29 @@ export const asyncRoutes: AppRouteRecord[] = [
         meta: {
           title: '通知中心',
           permissions: [NOTIFICATION_PERMISSIONS.page],
+          keepAlive: true,
+          isHide: true,
+          isHideTab: true
+        }
+      }
+    ]
+  },
+
+  // 临期资产
+  {
+    path: '/operations',
+    name: 'Operations',
+    component: RoutesAlias.Home,
+    meta: {
+      title: '运营管理'
+    },
+    children: [
+      {
+        path: 'expiring-assets',
+        name: 'ExpiringAssets',
+        component: RoutesAlias.ExpiringAssets,
+        meta: {
+          title: '临期资产',
           keepAlive: true
         }
       }
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 8984091..1ae80ab 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -78,6 +78,7 @@ export enum RoutesAlias {
 
   // 站内通知
   Notifications = '/notifications', // 通知中心
+  ExpiringAssets = '/operations/expiring-assets', // 临期资产
 
   // 佣金管理
   WithdrawalApproval = '/commission-management/withdrawal-approval', // 提现审批
diff --git a/src/store/modules/notification.ts b/src/store/modules/notification.ts
index 5448700..564fe27 100644
--- a/src/store/modules/notification.ts
+++ b/src/store/modules/notification.ts
@@ -1,22 +1,28 @@
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 import { NotificationService } from '@/api/modules/notification'
-import type { NotificationSummary } from '@/types/api'
+import type { NotificationItem, NotificationUnreadSummary } from '@/types/api'
 
-const getCountValue = (data: number | { count?: number; unread_count?: number } | undefined) => {
-  if (typeof data === 'number') return Math.max(0, data)
-  return Math.max(0, data?.unread_count ?? data?.count ?? 0)
-}
+const emptySummary = (): NotificationUnreadSummary => ({
+  approval: 0,
+  expiry: 0,
+  sync: 0,
+  system: 0,
+  total: 0
+})
 
 export const useNotificationStore = defineStore('notificationStore', () => {
   const unreadCount = ref(0)
-  const summary = ref<NotificationSummary>({ items: [], categories: {}, total_unread: 0 })
+  const displayCount = ref('0')
+  const summary = ref<NotificationUnreadSummary>(emptySummary())
+  const recentNotifications = ref<NotificationItem[]>([])
   const loading = ref(false)
 
   const refreshUnreadCount = async () => {
     const response = await NotificationService.getUnreadCount()
-    if (response.code === 0) {
-      unreadCount.value = getCountValue(response.data)
+    if (response.code === 0 && response.data) {
+      unreadCount.value = Math.max(0, response.data.count)
+      displayCount.value = response.data.display_count || '0'
     }
     return unreadCount.value
   }
@@ -24,15 +30,15 @@ export const useNotificationStore = defineStore('notificationStore', () => {
   const refreshSummary = async () => {
     loading.value = true
     try {
-      const response = await NotificationService.getUnreadSummary()
-      if (response.code === 0 && response.data) {
-        summary.value = {
-          ...response.data,
-          items: (response.data.items || []).slice(0, 10)
-        }
-        if (response.data.total_unread !== undefined) {
-          unreadCount.value = Math.max(0, response.data.total_unread)
-        }
+      const [summaryResponse, listResponse] = await Promise.all([
+        NotificationService.getUnreadSummary(),
+        NotificationService.getNotifications({ page: 1, page_size: 10 })
+      ])
+      if (summaryResponse.code === 0 && summaryResponse.data) {
+        summary.value = summaryResponse.data
+      }
+      if (listResponse.code === 0 && listResponse.data) {
+        recentNotifications.value = listResponse.data.items.slice(0, 10)
       }
       await refreshUnreadCount()
       return summary.value
@@ -41,46 +47,27 @@ export const useNotificationStore = defineStore('notificationStore', () => {
     }
   }
 
-  const markRead = async (id: number | string) => {
+  const markRead = async (id: number) => {
     const response = await NotificationService.markRead(id)
     if (response.code === 0) {
-      unreadCount.value = Math.max(0, unreadCount.value - 1)
-      summary.value = {
-        ...summary.value,
-        items: summary.value.items.map((item) =>
-          item.id === id ? { ...item, read: true, is_read: true, read_status: 'read' } : item
-        )
-      }
-      await refreshUnreadCount()
+      await refreshSummary()
     }
     return response
   }
 
-  const markAllRead = async () => {
-    const response = await NotificationService.markAllRead()
+  const markAllRead = async (category?: string) => {
+    const response = await NotificationService.markAllRead(category ? { category } : {})
     if (response.code === 0) {
-      unreadCount.value = 0
-      summary.value = {
-        ...summary.value,
-        total_unread: 0,
-        categories: Object.fromEntries(
-          Object.keys(summary.value.categories || {}).map((key) => [key, 0])
-        ),
-        items: summary.value.items.map((item) => ({
-          ...item,
-          read: true,
-          is_read: true,
-          read_status: 'read'
-        }))
-      }
-      await refreshUnreadCount()
+      await refreshSummary()
     }
     return response
   }
 
   return {
     unreadCount,
+    displayCount,
     summary,
+    recentNotifications,
     loading,
     refreshUnreadCount,
     refreshSummary,
diff --git a/src/types/api/account.ts b/src/types/api/account.ts
index 94747b4..108e1a7 100644
--- a/src/types/api/account.ts
+++ b/src/types/api/account.ts
@@ -107,20 +107,6 @@ export interface AccountQueryParams extends PaginationParams {
   enterprise_id?: number // 按企业ID筛选
 }
 
-// 平台业务员候选账号
-export interface PlatformSalesperson {
-  account_id: number
-  account_name: string
-  phone_masked: string
-}
-
-// 平台业务员候选查询参数
-export interface PlatformSalespersonQueryParams extends PaginationParams {
-  account_type: 'platform'
-  status: AccountStatus
-  account_name?: string
-}
-
 // 代理商查询参数
 export interface AgentQueryParams extends PaginationParams {
   keyword?: string
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 3914989..adcd028 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -69,6 +69,35 @@ export type AssetRealnamePolicy = 'none' | 'before_order' | 'after_order'
 // 预计最终到期时间状态
 export type ExpiryEstimateStatus = 'exact' | 'waiting_activation' | 'none' | 'invalid_data'
 
+// 临期等级由后端返回，前端仅用于展示和筛选结果标识
+export type ExpiryLevel = string
+
+export interface ExpiringAssetItem {
+  asset_type: AssetType
+  asset_id: number
+  identifier: string
+  shop_name?: string | null
+  package_name?: string | null
+  estimated_final_expires_at: string
+  days_until_final_expiry: number
+  expiry_level?: ExpiryLevel | null
+  expiry_level_name?: string | null
+  can_renew: boolean
+}
+
+export interface ExpiringAssetQueryParams {
+  asset_type?: AssetType
+  keyword?: string
+  shop_id?: number
+  package_id?: number
+  days_min?: number
+  days_max?: number
+  expires_from?: string
+  expires_to?: string
+  page?: number
+  size?: number
+}
+
 // 批量更新资产实名认证策略请求
 export interface BatchUpdateAssetRealnamePolicyRequest {
   asset_ids: number[]
diff --git a/src/types/api/card.ts b/src/types/api/card.ts
index 16ee784..e282a94 100644
--- a/src/types/api/card.ts
+++ b/src/types/api/card.ts
@@ -405,6 +405,9 @@ export interface StandaloneIotCard {
   expiry_estimate_status?: ExpiryEstimateStatus // 预计最终到期时间状态
   expiry_estimate_status_name?: string | null // 预计最终到期时间状态名称
   is_expiring?: boolean // 是否临期，由后端判断
+  expiry_level?: string | null // 临期等级
+  expiry_level_name?: string | null // 临期等级名称
+  can_renew?: boolean // 是否允许续费
   last_month_total_mb?: number // 上月流量总量(MB)
   last_data_check_at?: string | null // 最后流量检查时间
   last_real_name_check_at?: string | null // 最后实名检查时间
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 697fe4c..6d2f941 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -73,6 +73,9 @@ export interface Device {
   expiry_estimate_status?: ExpiryEstimateStatus // 预计最终到期时间状态
   expiry_estimate_status_name?: string | null // 预计最终到期时间状态名称
   is_expiring?: boolean // 是否临期，由后端判断
+  expiry_level?: string | null // 临期等级
+  expiry_level_name?: string | null // 临期等级名称
+  can_renew?: boolean // 是否允许续费
   authorized_enterprise_id?: number | null // 当前有效授权企业ID
   authorized_enterprise_name?: string | null // 当前有效授权企业名称
 }
diff --git a/src/types/api/notification.ts b/src/types/api/notification.ts
index 6333c4c..5982311 100644
--- a/src/types/api/notification.ts
+++ b/src/types/api/notification.ts
@@ -1,51 +1,65 @@
-export type NotificationCategory = 'approval' | 'expiry' | 'sync' | 'system' | 'balance' | string
-export type NotificationReadStatus = 'read' | 'unread' | string
+export type NotificationCategory = 'approval' | 'expiry' | 'sync' | 'system' | string
+export type NotificationSeverity = 'info' | 'warning' | 'error' | 'critical' | string
 
 export interface NotificationItem {
-  id: number | string
+  id: number
   title: string
-  content: string
-  category?: NotificationCategory | null
-  type?: string | null
-  severity?: string | null
-  read?: boolean
-  is_read?: boolean
-  read_status?: NotificationReadStatus | null
-  created_at?: string | null
-  updated_at?: string | null
-  ref_type?: string | null
-  ref_id?: number | string | null
-  [key: string]: unknown
+  body: string
+  category: NotificationCategory
+  type: string
+  severity: NotificationSeverity
+  is_read: boolean
+  created_at: string
+  read_at: string | null
+  ref_type: string | null
+  ref_id: string | null
+  ref_key: string | null
 }
 
 export interface NotificationQueryParams {
-  page?: number
-  page_size?: number
   category?: string
   type?: string
   severity?: string
-  read_status?: string
+  is_read?: boolean
+  page?: number
+  page_size?: number
 }
 
 export interface NotificationListResponse {
   items: NotificationItem[]
+  page: number
+  size: number
   total: number
-  page?: number
-  page_size?: number
-  size?: number
 }
 
-export interface NotificationSummary {
-  items: NotificationItem[]
-  categories?: Record<string, number>
-  total_unread?: number
+export interface NotificationUnreadCount {
+  count: number
+  display_count: string
+}
+
+export interface NotificationUnreadSummary {
+  approval: number
+  expiry: number
+  sync: number
+  system: number
+  total: number
+}
+
+export interface NotificationReadResponse {
+  success: boolean
+}
+
+export interface NotificationReadAllRequest {
+  category?: string
+}
+
+export interface NotificationReadAllResponse {
+  updated_count: number
 }
 
 export interface NotificationTarget {
-  available?: boolean
-  route_name?: string | null
-  route_path?: string | null
-  route_params?: Record<string, string | number> | null
-  query?: Record<string, string | number | boolean> | null
-  message?: string | null
+  available: boolean
+  target_id: number | null
+  target_key: string
+  target_type: string
 }
diff --git a/src/types/api/shop.ts b/src/types/api/shop.ts
index 1b03de8..bca6440 100644
--- a/src/types/api/shop.ts
+++ b/src/types/api/shop.ts
@@ -21,9 +21,10 @@ export interface ShopResponse {
   contact_name: string // 联系人姓名
   contact_phone: string // 联系人电话
   status: number // 状态 (0:禁用, 1:启用)
-  business_owner_account_id?: number | null // 平台业务员账号ID
-  business_owner_name?: string // 平台业务员名称
-  business_owner_phone_masked?: string // 平台业务员脱敏手机号
+  business_owner_account_id: number | null // 平台业务员账号ID
+  business_owner_username: string // 平台业务员账号名
+  business_owner_phone_summary: string // 平台业务员手机号摘要
+  business_owner_available: boolean // 是否仍可用于通知接收
 }
 
 // 店铺列表查询参数
@@ -71,6 +72,18 @@ export interface UpdateShopParams {
   business_owner_account_id?: number | null // 平台业务员账号ID
 }
 
+// 店铺业务员候选
+export interface ShopBusinessOwnerCandidate {
+  id: number // 平台业务员账号ID
+  username: string // 平台业务员账号名
+  phone_summary: string // 手机号摘要
+}
+
+// 店铺业务员候选查询参数
+export interface ShopBusinessOwnerCandidateQueryParams extends PaginationParams {
+  keyword?: string // 用户名或手机号关键词
+}
+
 // 店铺列表分页响应
 export interface ShopPageResult {
   items: ShopResponse[] | null // 店铺列表
diff --git a/src/utils/business/expiryEstimate.ts b/src/utils/business/expiryEstimate.ts
index 5e9560c..1ad6239 100644
--- a/src/utils/business/expiryEstimate.ts
+++ b/src/utils/business/expiryEstimate.ts
@@ -29,3 +29,11 @@ export const getExpiryEstimateTooltip = (estimate: ExpiryEstimate): string => {
   if (!estimate.is_expiring || estimate.days_until_final_expiry == null) return ''
   return `剩余${estimate.days_until_final_expiry}天`
 }
+
+export const getExpiryEstimateClass = (estimate: ExpiryEstimate): string => {
+  if (!estimate.is_expiring || estimate.days_until_final_expiry == null) return ''
+  if (estimate.days_until_final_expiry <= 3) return 'expiry-estimate--critical'
+  if (estimate.days_until_final_expiry <= 7) return 'expiry-estimate--warning'
+  if (estimate.days_until_final_expiry <= 15) return 'expiry-estimate--notice'
+  return ''
+}
diff --git a/src/utils/business/notificationNavigation.ts b/src/utils/business/notificationNavigation.ts
index 758854f..3d60084 100644
--- a/src/utils/business/notificationNavigation.ts
+++ b/src/utils/business/notificationNavigation.ts
@@ -1,31 +1,31 @@
 import type { Router } from 'vue-router'
 import type { NotificationTarget } from '@/types/api'
+import { RoutesAlias } from '@/router/routesAlias'
 
-export const navigateNotificationTarget = (router: Router, target?: NotificationTarget | null) => {
-  if (!target || target.available === false) return false
-  const query = target.query
-    ? Object.fromEntries(Object.entries(target.query).map(([key, value]) => [key, String(value)]))
-    : undefined
+type TargetRoute = {
+  path: string
+  query?: Record<string, string>
+}
 
-  if (target.route_name) {
-    if (!router.hasRoute(target.route_name)) return false
-    void router.push({
-      name: target.route_name,
-      params: target.route_params || undefined,
-      query
-    })
-    return true
+const resolveTargetRoute = (target: NotificationTarget): TargetRoute | null => {
+  const targetValues = [target.target_key, target.target_type]
+
+  if (targetValues.includes('expiring_assets') || targetValues.includes('expiring_asset_list')) {
+    return { path: RoutesAlias.ExpiringAssets }
   }
 
-  const path = target.route_path || ''
-  if (!path.startsWith('/') || path.startsWith('//') || /^https?:\/\//i.test(path)) return false
+  if (targetValues.includes('notification_center')) return { path: RoutesAlias.Notifications }
 
-  const resolved = router.resolve({
-    path,
-    query
-  })
+  return null
+}
+
+export const navigateNotificationTarget = (router: Router, target?: NotificationTarget | null) => {
+  if (!target?.available) return false
+  const route = resolveTargetRoute(target)
+  if (!route) return false
+
+  const resolved = router.resolve({ path: route.path, query: route.query })
   if (!resolved.matched.length || resolved.name === 'Exception404') return false
-
   void router.push(resolved)
   return true
 }
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 2803f76..e5ec523 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -88,7 +88,7 @@
         </ElDescriptionsItem>
         <ElDescriptionsItem label="预计套餐到期时间">
           <span
-            :class="{ 'expiry-estimate--expiring': cardInfo?.is_expiring }"
+            :class="getExpiryEstimateClass(cardInfo)"
             :title="getExpiryEstimateTooltip(cardInfo)"
           >
             {{ getExpiryEstimateText(cardInfo) }}
@@ -182,7 +182,7 @@
         </ElDescriptionsItem>
         <ElDescriptionsItem label="预计套餐到期时间">
           <span
-            :class="{ 'expiry-estimate--expiring': cardInfo?.is_expiring }"
+            :class="getExpiryEstimateClass(cardInfo)"
             :title="getExpiryEstimateTooltip(cardInfo)"
           >
             {{ getExpiryEstimateText(cardInfo) }}
@@ -598,7 +598,11 @@
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
   import { formatDateTime } from '@/utils/business/format'
-  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
+  import {
+    getExpiryEstimateText,
+    getExpiryEstimateTooltip,
+    getExpiryEstimateClass
+  } from '@/utils/business/expiryEstimate'
 
   // Props
   interface BindingCard {
@@ -987,11 +991,24 @@
         word-break: break-all;
       }
 
-      .expiry-estimate--expiring {
+      .expiry-estimate--critical,
+      .expiry-estimate--warning,
+      .expiry-estimate--notice {
         font-weight: 500;
+      }
+
+      .expiry-estimate--critical {
         color: var(--el-color-danger);
       }
 
+      .expiry-estimate--warning {
+        color: #8e44ad;
+      }
+
+      .expiry-estimate--notice {
+        color: #e83e8c;
+      }
+
       .card-header {
         display: flex;
         gap: 12px;
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 076c6de..6e27391 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -995,7 +995,11 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { formatDateTime } from '@/utils/business/format'
-  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
+  import {
+    getExpiryEstimateText,
+    getExpiryEstimateTooltip,
+    getExpiryEstimateClass
+  } from '@/utils/business/expiryEstimate'
   import type { PackageSeriesResponse } from '@/types/api'
   import type { EnterpriseItem } from '@/types/api/enterprise'
   import type {
@@ -1900,7 +1904,7 @@
         h(
           'span',
           {
-            class: { 'expiry-estimate--expiring': row.is_expiring },
+            class: getExpiryEstimateClass(row),
             title: getExpiryEstimateTooltip(row)
           },
           getExpiryEstimateText(row)
@@ -3218,8 +3222,21 @@
     cursor: pointer;
   }
 
-  .expiry-estimate--expiring {
+  .expiry-estimate--critical,
+  .expiry-estimate--warning,
+  .expiry-estimate--notice {
     font-weight: 500;
+  }
+
+  .expiry-estimate--critical {
     color: var(--el-color-danger);
   }
+
+  .expiry-estimate--warning {
+    color: #8e44ad;
+  }
+
+  .expiry-estimate--notice {
+    color: #e83e8c;
+  }
 </style>
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 60ac789..a10d804 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -1045,7 +1045,11 @@
   import { useUserStore } from '@/store/modules/user'
   import { storeToRefs } from 'pinia'
   import { formatDateTime } from '@/utils/business/format'
-  import { getExpiryEstimateText, getExpiryEstimateTooltip } from '@/utils/business/expiryEstimate'
+  import {
+    getExpiryEstimateText,
+    getExpiryEstimateTooltip,
+    getExpiryEstimateClass
+  } from '@/utils/business/expiryEstimate'
   import { formatRemainingTime, FrontendRateLimitError } from '@/utils/business/apiRateLimit'
   import type {
     StandaloneIotCard,
@@ -2127,7 +2131,7 @@
         h(
           'span',
           {
-            class: { 'expiry-estimate--expiring': row.is_expiring },
+            class: getExpiryEstimateClass(row),
             title: getExpiryEstimateTooltip(row)
           },
           getExpiryEstimateText(row)
@@ -3044,8 +3048,21 @@
     cursor: pointer;
   }
 
-  .expiry-estimate--expiring {
+  .expiry-estimate--critical,
+  .expiry-estimate--warning,
+  .expiry-estimate--notice {
     font-weight: 500;
+  }
+
+  .expiry-estimate--critical {
     color: var(--el-color-danger);
   }
+
+  .expiry-estimate--warning {
+    color: #8e44ad;
+  }
+
+  .expiry-estimate--notice {
+    color: #e83e8c;
+  }
 </style>
diff --git a/src/views/dashboard/console/index.vue b/src/views/dashboard/console/index.vue
index d9d44a8..8b60fbe 100644
--- a/src/views/dashboard/console/index.vue
+++ b/src/views/dashboard/console/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="console">
-    开发中敬请期待...
+    <ExpiringAssetStats />
     <!--<CardList></CardList>-->
 
     <!--<el-row :gutter="20">-->
@@ -29,13 +29,7 @@
 </template>
 
 <script setup lang="ts">
-  import CardList from './widget/CardList.vue'
-  import ActiveUser from './widget/ActiveUser.vue'
-  import SalesOverview from './widget/SalesOverview.vue'
-  import NewUser from './widget/NewUser.vue'
-  import Dynamic from './widget/Dynamic.vue'
-  import TodoList from './widget/TodoList.vue'
-  import AboutProject from './widget/AboutProject.vue'
+  import ExpiringAssetStats from './widget/ExpiringAssetStats.vue'
   import { useCommon } from '@/composables/useCommon'
 
   defineOptions({ name: 'Console' })
diff --git a/src/views/dashboard/console/widget/ExpiringAssetStats.vue b/src/views/dashboard/console/widget/ExpiringAssetStats.vue
new file mode 100644
index 0000000..4dc11af
--- /dev/null
+++ b/src/views/dashboard/console/widget/ExpiringAssetStats.vue
@@ -0,0 +1,102 @@
+<template>
+  <ElCard shadow="never" class="expiring-asset-stats">
+    <template #header>
+      <div class="card-header">
+        <span>临期资产</span>
+        <ElButton link type="primary" @click="() => goToList()">查看列表</ElButton>
+      </div>
+    </template>
+    <div class="stats-grid">
+      <div class="stat-item stat-item--card" @click="() => goToList('card')">
+        <div class="stat-label">临期网卡</div>
+        <div class="stat-value">{{ counts.card.toLocaleString() }}</div>
+      </div>
+      <div class="stat-item stat-item--device" @click="() => goToList('device')">
+        <div class="stat-label">临期设备</div>
+        <div class="stat-value">{{ counts.device.toLocaleString() }}</div>
+      </div>
+    </div>
+  </ElCard>
+</template>
+
+<script setup lang="ts">
+  import { onMounted, reactive } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { AssetService } from '@/api/modules'
+  import type { AssetType } from '@/types/api'
+  import { RoutesAlias } from '@/router/routesAlias'
+
+  defineOptions({ name: 'ExpiringAssetStats' })
+
+  const router = useRouter()
+  const counts = reactive<Record<AssetType, number>>({ card: 0, device: 0 })
+
+  const loadCount = async (assetType: AssetType) => {
+    try {
+      const response = await AssetService.getExpiringAssets({
+        asset_type: assetType,
+        page: 1,
+        size: 1
+      })
+      if (response.code === 0 && response.data) counts[assetType] = response.data.total || 0
+    } catch {
+      counts[assetType] = 0
+    }
+  }
+
+  const goToList = (assetType?: AssetType) => {
+    router.push({
+      path: RoutesAlias.ExpiringAssets,
+      query: assetType ? { asset_type: assetType } : {}
+    })
+  }
+
+  onMounted(() => void Promise.all([loadCount('card'), loadCount('device')]))
+</script>
+
+<style scoped lang="scss">
+  .expiring-asset-stats {
+    .card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-weight: 600;
+    }
+
+    .stats-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 16px;
+    }
+
+    .stat-item {
+      padding: 20px;
+      cursor: pointer;
+      border-radius: 8px;
+      transition: transform 0.2s ease;
+
+      &:hover {
+        transform: translateY(-2px);
+      }
+    }
+
+    .stat-item--card {
+      background: #fff0f6;
+    }
+
+    .stat-item--device {
+      background: #f4ecff;
+    }
+
+    .stat-label {
+      color: var(--el-text-color-secondary);
+    }
+
+    .stat-value {
+      margin-top: 8px;
+      font-size: 28px;
+      font-weight: 700;
+      color: var(--el-text-color-primary);
+    }
+  }
+</style>
diff --git a/src/views/notifications/index.vue b/src/views/notifications/index.vue
index 36d8034..5ff6705 100644
--- a/src/views/notifications/index.vue
+++ b/src/views/notifications/index.vue
@@ -20,10 +20,10 @@
 
         <div class="filters">
           <ElSelect v-model="filters.category" clearable placeholder="通知分类" @change="reload">
-            <ElOption label="余额预警" value="balance" />
             <ElOption label="临期提醒" value="expiry" />
             <ElOption label="审批" value="approval" />
-            <ElOption label="同步/系统" value="system" />
+            <ElOption label="同步" value="sync" />
+            <ElOption label="系统" value="system" />
           </ElSelect>
           <ElSelect v-model="filters.type" clearable placeholder="通知类型" @change="reload">
             <ElOption v-for="type in typeOptions" :key="type" :label="type" :value="type" />
@@ -32,11 +32,11 @@
             <ElOption label="提示" value="info" />
             <ElOption label="警告" value="warning" />
             <ElOption label="严重" value="error" />
-            <ElOption label="成功" value="success" />
+            <ElOption label="严重" value="critical" />
           </ElSelect>
-          <ElSelect v-model="filters.read_status" clearable placeholder="已读状态" @change="reload">
-            <ElOption label="未读" value="unread" />
-            <ElOption label="已读" value="read" />
+          <ElSelect v-model="filters.is_read" clearable placeholder="已读状态" @change="reload">
+            <ElOption label="未读" :value="false" />
+            <ElOption label="已读" :value="true" />
           </ElSelect>
           <ElButton @click="loadNotifications">刷新</ElButton>
         </div>
@@ -59,7 +59,8 @@
               </ElTag>
             </template>
           </ElTableColumn>
-          <ElTableColumn prop="content" label="通知内容" min-width="300" show-overflow-tooltip />
+          <ElTableColumn prop="body" label="通知内容" min-width="300" show-overflow-tooltip />
+          <ElTableColumn prop="read_at" label="已读时间" width="180" />
           <ElTableColumn prop="created_at" label="时间" width="180" />
           <ElTableColumn label="操作" width="100" fixed="right">
             <template #default="scope">
@@ -118,11 +119,10 @@
     category: undefined,
     type: undefined,
     severity: undefined,
-    read_status: undefined
+    is_read: undefined
   })
 
-  const isRead = (item: NotificationItem) =>
-    item.read === true || item.is_read === true || item.read_status === 'read'
+  const isRead = (item: NotificationItem) => item.is_read
 
   const getCategoryLabel = (category?: string | null) =>
     ({
@@ -137,14 +137,14 @@
     '-'
 
   const getSeverityLabel = (severity?: string | null) =>
-    ({ info: '提示', warning: '警告', error: '严重', success: '成功' })[severity || ''] ||
+    ({ info: '提示', warning: '警告', error: '严重', critical: '严重' })[severity || ''] ||
     severity ||
     '-'
 
   const getSeverityType = (severity?: string | null) => {
     if (severity === 'error') return 'danger'
     if (severity === 'warning') return 'warning'
-    if (severity === 'success') return 'success'
+    if (severity === 'critical') return 'danger'
     return 'info'
   }
 
@@ -204,12 +204,12 @@
       }
       const targetResponse = await NotificationService.getTarget(item.id)
       if (targetResponse.code !== 0 || !targetResponse.data) {
-        ElMessage.info(item.content || '该通知暂无可跳转目标')
+        ElMessage.info(item.body || '该通知暂无可跳转目标')
         await loadNotifications()
         return
       }
       if (!navigateNotificationTarget(router, targetResponse.data)) {
-        ElMessage.info(targetResponse.data.message || item.content || '该通知暂无可跳转目标')
+        ElMessage.info(item.body || '该通知暂无可跳转目标')
       }
       await loadNotifications()
     } catch (error: any) {
diff --git a/src/views/operations/expiring-assets/index.vue b/src/views/operations/expiring-assets/index.vue
new file mode 100644
index 0000000..6ac6c39
--- /dev/null
+++ b/src/views/operations/expiring-assets/index.vue
@@ -0,0 +1,364 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="expiring-assets-page" id="table-full-screen">
+      <ArtSearchBar
+        v-model:filter="searchForm"
+        :items="searchFormItems"
+        :show-expand="true"
+        label-width="85"
+        @reset="handleReset"
+        @search="handleSearch"
+      />
+
+      <ElCard shadow="never" class="art-table-card">
+        <ArtTableHeader
+          :columnList="columnOptions"
+          v-model:columns="columnChecks"
+          @refresh="handleRefresh"
+        >
+          <template #left>
+            <div class="page-intro"> 仅展示可预计且尚未过期的资产，0-3 天资产优先显示。 </div>
+          </template>
+        </ArtTableHeader>
+
+        <ArtTable
+          ref="tableRef"
+          row-key="asset_id"
+          :loading="loading"
+          :data="items"
+          :currentPage="pagination.currentPage"
+          :pageSize="pagination.pageSize"
+          :total="pagination.total"
+          :marginTop="10"
+          :actions="getActions"
+          :actionsWidth="140"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        >
+          <template #default>
+            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
+          </template>
+        </ArtTable>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { h, onMounted, reactive, ref, computed } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { ElTag } from 'element-plus'
+  import { AssetService, PackageManageService, ShopService } from '@/api/modules'
+  import type {
+    AssetType,
+    ExpiringAssetItem,
+    ExpiringAssetQueryParams,
+    PackageResponse,
+    ShopResponse
+  } from '@/types/api'
+  import type { SearchFormItem } from '@/types'
+  import { RoutesAlias } from '@/router/routesAlias'
+  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { formatDateTime } from '@/utils/business/format'
+
+  defineOptions({ name: 'ExpiringAssets' })
+
+  const router = useRouter()
+  const route = useRoute()
+  const tableRef = ref()
+  const loading = ref(false)
+  const shopLoading = ref(false)
+  const packageLoading = ref(false)
+  const shopOptions = ref<ShopResponse[]>([])
+  const packageOptions = ref<PackageResponse[]>([])
+  const items = ref<ExpiringAssetItem[]>([])
+  const searchForm = reactive<ExpiringAssetQueryParams>({
+    asset_type: undefined,
+    keyword: '',
+    shop_id: undefined,
+    package_id: undefined,
+    days_min: undefined,
+    days_max: undefined,
+    expires_from: undefined,
+    expires_to: undefined
+  })
+  const pagination = reactive({ currentPage: 1, pageSize: 20, total: 0 })
+
+  const searchFormItems = computed<SearchFormItem[]>(() => [
+    {
+      label: '资产类型',
+      prop: 'asset_type',
+      type: 'select',
+      config: { clearable: true, placeholder: '全部' },
+      options: [
+        { label: '网卡', value: 'card' },
+        { label: '设备', value: 'device' }
+      ]
+    },
+    {
+      label: '关键词',
+      prop: 'keyword',
+      type: 'input',
+      config: { clearable: true, placeholder: '请输入资产标识' }
+    },
+    {
+      label: '店铺',
+      prop: 'shop_id',
+      type: 'select',
+      config: {
+        clearable: true,
+        filterable: true,
+        remote: true,
+        loading: shopLoading.value,
+        remoteMethod: (query: string) => searchShops(query),
+        placeholder: '请选择或搜索店铺'
+      },
+      options: () => shopOptions.value.map((shop) => ({ label: shop.shop_name, value: shop.id }))
+    },
+    {
+      label: '套餐',
+      prop: 'package_id',
+      type: 'select',
+      config: {
+        clearable: true,
+        filterable: true,
+        remote: true,
+        loading: packageLoading.value,
+        remoteMethod: (query: string) => searchPackages(query),
+        placeholder: '请选择或搜索套餐'
+      },
+      options: () =>
+        packageOptions.value.map((pkg) => ({
+          label: `${pkg.package_name} (${pkg.package_code})`,
+          value: pkg.id
+        }))
+    },
+    {
+      label: '最小剩余天数',
+      prop: 'days_min',
+      type: 'input',
+      config: { clearable: true, inputmode: 'numeric', placeholder: '最小天数' }
+    },
+    {
+      label: '最大剩余天数',
+      prop: 'days_max',
+      type: 'input',
+      config: { clearable: true, inputmode: 'numeric', placeholder: '最大天数' }
+    },
+    {
+      label: '预计到期起始',
+      prop: 'expires_from',
+      type: 'date',
+      config: { valueFormat: 'YYYY-MM-DD', clearable: true }
+    },
+    {
+      label: '预计到期结束',
+      prop: 'expires_to',
+      type: 'date',
+      config: { valueFormat: 'YYYY-MM-DD', clearable: true }
+    }
+  ])
+
+  const columnOptions = [
+    { label: '资产类型', prop: 'asset_type' },
+    { label: '资产标识', prop: 'identifier' },
+    { label: '店铺', prop: 'shop_name' },
+    { label: '当前套餐', prop: 'package_name' },
+    { label: '预计最终到期', prop: 'estimated_final_expires_at' },
+    { label: '剩余天数', prop: 'days_until_final_expiry' },
+    { label: '临期等级', prop: 'expiry_level_name' }
+  ]
+
+  const getExpiryClass = (days: number) => {
+    if (days <= 3) return 'expiry-critical'
+    if (days <= 7) return 'expiry-warning'
+    if (days <= 15) return 'expiry-notice'
+    return ''
+  }
+
+  const getExpiryTagType = (days: number) => {
+    if (days <= 3) return 'danger'
+    if (days <= 7) return 'warning'
+    return 'info'
+  }
+
+  const searchShops = async (query = '') => {
+    shopLoading.value = true
+    try {
+      const response = await ShopService.getShops({
+        page: 1,
+        page_size: 20,
+        shop_name: query || undefined
+      })
+      if (response.code === 0) shopOptions.value = response.data.items || []
+    } finally {
+      shopLoading.value = false
+    }
+  }
+
+  const searchPackages = async (query = '') => {
+    packageLoading.value = true
+    try {
+      const response = await PackageManageService.getPackages({
+        page: 1,
+        page_size: 20,
+        package_name: query || undefined
+      })
+      if (response.code === 0) packageOptions.value = response.data.items || []
+    } finally {
+      packageLoading.value = false
+    }
+  }
+
+  const { columnChecks, columns } = useCheckedColumns(() => [
+    {
+      prop: 'asset_type',
+      label: '资产类型',
+      width: 100,
+      formatter: (row: ExpiringAssetItem) => (row.asset_type === 'card' ? '网卡' : '设备')
+    },
+    {
+      prop: 'identifier',
+      label: '资产标识',
+      minWidth: 180,
+      showOverflowTooltip: true,
+      formatter: (row: ExpiringAssetItem) => row.identifier || '-'
+    },
+    {
+      prop: 'shop_name',
+      label: '店铺',
+      minWidth: 140,
+      showOverflowTooltip: true,
+      formatter: (row: ExpiringAssetItem) => row.shop_name || '-'
+    },
+    {
+      prop: 'package_name',
+      label: '当前套餐',
+      minWidth: 160,
+      showOverflowTooltip: true,
+      formatter: (row: ExpiringAssetItem) => row.package_name || '-'
+    },
+    {
+      prop: 'estimated_final_expires_at',
+      label: '预计最终到期',
+      width: 180,
+      formatter: (row: ExpiringAssetItem) =>
+        h(
+          'span',
+          { class: getExpiryClass(row.days_until_final_expiry) },
+          formatDateTime(row.estimated_final_expires_at)
+        )
+    },
+    {
+      prop: 'days_until_final_expiry',
+      label: '剩余天数',
+      width: 100,
+      formatter: (row: ExpiringAssetItem) =>
+        h(
+          ElTag,
+          { type: getExpiryTagType(row.days_until_final_expiry), size: 'small' },
+          () => `${row.days_until_final_expiry}天`
+        )
+    },
+    {
+      prop: 'expiry_level_name',
+      label: '临期等级',
+      width: 120,
+      formatter: (row: ExpiringAssetItem) => row.expiry_level_name || '-'
+    }
+  ])
+
+  const loadAssets = async () => {
+    loading.value = true
+    try {
+      const response = await AssetService.getExpiringAssets({
+        ...searchForm,
+        page: pagination.currentPage,
+        size: pagination.pageSize
+      })
+      if (response.code === 0 && response.data) {
+        items.value = response.data.items || []
+        pagination.total = response.data.total || 0
+      }
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleSearch = () => {
+    pagination.currentPage = 1
+    void loadAssets()
+  }
+
+  const handleReset = () => {
+    Object.assign(searchForm, {
+      asset_type: undefined,
+      keyword: '',
+      shop_id: undefined,
+      package_id: undefined,
+      days_min: undefined,
+      days_max: undefined,
+      expires_from: undefined,
+      expires_to: undefined
+    })
+    pagination.currentPage = 1
+    void loadAssets()
+  }
+
+  const handleRefresh = () => void loadAssets()
+  const handleSizeChange = (value: number) => {
+    pagination.pageSize = value
+    void loadAssets()
+  }
+  const handleCurrentChange = (value: number) => {
+    pagination.currentPage = value
+    void loadAssets()
+  }
+
+  const goToAsset = (row: ExpiringAssetItem) => {
+    router.push({
+      path: RoutesAlias.AssetInformation,
+      query: row.asset_type === 'card' ? { iccid: row.identifier } : { virtual_no: row.identifier }
+    })
+  }
+
+  const getActions = (row: ExpiringAssetItem) => [
+    { label: '查看资产', type: 'primary' as const, handler: () => goToAsset(row) },
+    ...(row.can_renew
+      ? [{ label: '续费', type: 'primary' as const, handler: () => goToAsset(row) }]
+      : [])
+  ]
+
+  onMounted(() => {
+    const assetType = route.query.asset_type
+    if (assetType === 'card' || assetType === 'device')
+      searchForm.asset_type = assetType as AssetType
+    void Promise.all([loadAssets(), searchShops(), searchPackages()])
+  })
+</script>
+
+<style scoped lang="scss">
+  .expiring-assets-page {
+    .page-intro {
+      color: var(--el-text-color-secondary);
+    }
+
+    .expiry-critical,
+    .expiry-warning,
+    .expiry-notice {
+      font-weight: 600;
+    }
+
+    .expiry-critical {
+      color: #f56c6c;
+    }
+
+    .expiry-warning {
+      color: #8e44ad;
+    }
+
+    .expiry-notice {
+      color: #e83e8c;
+    }
+  }
+</style>
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index f1f4321..c2ace37 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -141,14 +141,14 @@
                   >
                     <ElOption
                       v-for="salesperson in salespersonOptions"
-                      :key="salesperson.account_id"
-                      :label="salesperson.account_name"
-                      :value="salesperson.account_id"
+                      :key="salesperson.id"
+                      :label="salesperson.username"
+                      :value="salesperson.id"
                     >
                       <div style="display: flex; justify-content: space-between">
-                        <span>{{ salesperson.account_name }}</span>
+                        <span>{{ salesperson.username }}</span>
                         <span style="font-size: 12px; color: var(--el-text-color-secondary)">
-                          {{ salesperson.phone_masked }}
+                          {{ salesperson.phone_summary }}
                         </span>
                       </div>
                     </ElOption>
@@ -328,10 +328,14 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { generateShopCode } from '@/utils/codeGenerator'
-  import { ShopService, RoleService, AccountService } from '@/api/modules'
+   import { ShopService, RoleService } from '@/api/modules'
   import type { SearchFormItem } from '@/types'
-  import type { PlatformSalesperson, ShopResponse, ShopRoleResponse } from '@/types/api'
-  import { AccountStatus, RoleType, RoleStatus } from '@/types/api'
+   import type {
+     ShopBusinessOwnerCandidate,
+     ShopResponse,
+     ShopRoleResponse
+   } from '@/types/api'
+   import { RoleType, RoleStatus } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
   import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
   import { regionData } from '@/utils/constants/regionData'
@@ -349,7 +353,7 @@
   const defaultRoleLoading = ref(false)
   const defaultRoleList = ref<any[]>([])
   const salespersonLoading = ref(false)
-  const salespersonOptions = ref<PlatformSalesperson[]>([])
+   const salespersonOptions = ref<ShopBusinessOwnerCandidate[]>([])
   const detailDialogVisible = ref(false)
   const detailShop = ref<ShopResponse | null>(null)
 
@@ -418,13 +422,11 @@
   const searchPlatformSalespeople = async (query: string) => {
     salespersonLoading.value = true
     try {
-      const res = await AccountService.getPlatformSalespeople({
-        page: 1,
-        page_size: 20,
-        account_type: 'platform',
-        status: AccountStatus.ENABLED,
-        account_name: query || undefined
-      })
+     const res = await ShopService.getBusinessOwnerCandidates({
+       page: 1,
+       page_size: 20,
+       keyword: query || undefined
+     })
       if (res.code === 0) {
         salespersonOptions.value = res.data.items || []
       }
@@ -436,15 +438,25 @@
     }
   }
 
-  const formatBusinessOwner = (shop: ShopResponse) => {
-    if (!shop.business_owner_name) return '-'
-    return shop.business_owner_phone_masked
-      ? `${shop.business_owner_name} (${shop.business_owner_phone_masked})`
-      : shop.business_owner_name
-  }
+   const formatBusinessOwner = (shop: ShopResponse) => {
+     if (!shop.business_owner_username) return '-'
+     return shop.business_owner_phone_summary
+       ? `${shop.business_owner_username} (${shop.business_owner_phone_summary})`
+       : shop.business_owner_username
+   }
 
-  const showDetail = (row: ShopResponse) => {
-    detailShop.value = row
+  const showDetail = async (row: ShopResponse) => {
+    try {
+      const response = await ShopService.getShopDetail(row.id)
+      if (response.code !== 0 || !response.data) {
+        ElMessage.error(response.msg || '获取店铺详情失败')
+        return
+      }
+      detailShop.value = response.data
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取店铺详情失败')
+      return
+    }
     detailDialogVisible.value = true
   }
 
@@ -570,8 +582,8 @@
       },
       options: () =>
         salespersonOptions.value.map((salesperson) => ({
-          label: `${salesperson.account_name} (${salesperson.phone_masked})`,
-          value: salesperson.account_id
+         label: `${salesperson.username} (${salesperson.phone_summary})`,
+         value: salesperson.id
         }))
     }
   ])
@@ -584,7 +596,7 @@
     { label: '所在地区', prop: 'region' },
     { label: '联系人', prop: 'contact_name' },
     { label: '联系电话', prop: 'contact_phone' },
-    { label: '平台业务员', prop: 'business_owner_name' },
+    { label: '平台业务员', prop: 'business_owner_username' },
     ...(canModifyShopStatus ? [{ label: '状态', prop: 'status' }] : []),
     { label: '创建时间', prop: 'created_at' },
     { label: '操作', prop: 'operation' }
@@ -717,11 +729,11 @@
       width: 130
     },
     {
-      prop: 'business_owner_name',
+       prop: 'business_owner_username',
       label: '平台业务员',
       minWidth: 180,
       showOverflowTooltip: true,
-      formatter: (row: ShopResponse) => formatBusinessOwner(row)
+         formatter: (row: ShopResponse) => formatBusinessOwner(row)
     },
     ...(canModifyShopStatus
       ? [

From ee508c3e1efd950380256aa842e66b957132c7b8 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Sat, 25 Jul 2026 11:55:44 +0800
Subject: [PATCH 29/76] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=8415-=20=E8=A7=92?=
 =?UTF-8?q?=E8=89=B2=E9=BB=98=E8=AE=A4=E4=BF=A1=E7=94=A8=E4=B8=8E=E5=BA=97?=
 =?UTF-8?q?=E9=93=BA=E5=AE=9E=E9=99=85=E9=A2=9D=E5=BA=A6=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |   2 +-
 .../specs/commission-management/spec.md       |   9 +-
 .../tasks.md                                  |   2 +-
 .../tasks.md                                  |   6 +-
 src/api/modules/role.ts                       |  10 +-
 src/api/modules/shop.ts                       |   8 +-
 src/router/routes/asyncRoutes.ts              |  23 ++++
 src/router/routesAlias.ts                     |   2 +
 src/types/api/commission.ts                   |   6 +-
 src/types/api/role.ts                         |  14 +++
 src/types/api/shop.ts                         |  14 +++
 .../agent-fund-overview/index.vue             |  49 ++++----
 src/views/shop-management/detail/index.vue    | 108 +++++++++++++++++
 src/views/shop-management/list/index.vue      |  87 +++++++-------
 src/views/system/role/detail/index.vue        | 111 ++++++++++++++++++
 src/views/system/role/index.vue               | 106 ++++++++++++++---
 16 files changed, 457 insertions(+), 100 deletions(-)
 create mode 100644 src/views/shop-management/detail/index.vue
 create mode 100644 src/views/system/role/detail/index.vue

diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md
index 16c846d..3eb5986 100644
--- a/openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/design.md
@@ -20,7 +20,7 @@ Non-Goals:
 
 - 角色默认信用保存到 `PUT /api/admin/roles/{id}/default-credit`，请求体为 `credit_enabled` 和 `credit_limit`。
 - 店铺实际信用额度保存到 `PUT /api/admin/shops/{id}/credit-limit`，请求体为 `credit_enabled`、`credit_limit` 和 `version`。
-- 资金概况继续通过 `GET /api/admin/shops/fund-summary` 获取，前端展示 `balance`、`frozen_balance`、`credit_enabled`、`credit_limit`、`available_balance`、`is_in_debt`、`debt_amount` 和 `version`。
+- 资金概况继续通过 `GET /api/admin/shops/fund-summary` 获取，前端展示 `main_balance`、`main_frozen_balance`、`cash_available_balance`、`credit_enabled`、`credit_limit`、`available_balance`、`is_in_debt`、`debt_amount` 和 `version`。
 - 调整弹框展示修改前后金额预览，但最终可用金额、欠款金额和欠款状态仍以后端刷新后的资金概况为准。
 
 ## Risks / Trade-offs
diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md
index e03d9e6..60b0d27 100644
--- a/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/specs/commission-management/spec.md
@@ -8,8 +8,8 @@ The agent fund overview page SHALL display shop actual credit and fund summary f
 
 - **GIVEN** 用户进入代理商资金概况页
 - **WHEN** `GET /api/admin/shops/fund-summary` 返回资金概况记录
-- **THEN** 页面 MUST 展示现金余额 `balance`
-- **AND** 页面 MUST 展示冻结金额 `frozen_balance`
+- **THEN** 页面 MUST 展示账面余额 `main_balance`
+- **AND** 页面 MUST 展示冻结金额 `main_frozen_balance`
 - **AND** 页面 MUST 展示实际信用额度 `credit_limit`
 - **AND** 页面 MUST 展示可用金额 `available_balance`
 - **AND** 页面 MUST 展示欠款金额 `debt_amount`
@@ -74,8 +74,9 @@ The frontend SHALL read actual credit fields from `GET /api/admin/shops/fund-sum
 #### Scenario: Read actual credit response fields
 
 - **WHEN** 前端请求 `GET /api/admin/shops/fund-summary`
-- **THEN** 前端 MUST read `balance`
-- **AND** 前端 MUST read `frozen_balance`
+- **THEN** 前端 MUST read `main_balance`
+- **AND** 前端 MUST read `main_frozen_balance`
+- **AND** 前端 MUST read `cash_available_balance`
 - **AND** 前端 MUST read `credit_enabled`
 - **AND** 前端 MUST read `credit_limit`
 - **AND** 前端 MUST read `available_balance`
diff --git a/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md b/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
index 6030eff..f346d3a 100644
--- a/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
+++ b/openspec/changes/update-role-default-credit-and-shop-credit-limit/tasks.md
@@ -37,6 +37,6 @@
 
 - 角色默认信用保存只调用角色默认信用接口，店铺资金概况只读取后端返回的实际额度，未发现前端同步历史店铺额度的逻辑。
 - 店铺创建参数未包含信用额度字段，实际额度初始化由后端按所选客户角色处理。
-- 资金概况列表直接展示 `balance`、`frozen_balance`、`credit_limit`、`available_balance`、`debt_amount`、`version` 和后端欠款状态字段。
+- 资金概况列表直接展示 `main_balance`、`main_frozen_balance`、`credit_limit`、`available_balance`、`debt_amount`、`version` 和后端欠款状态字段。
 - 关闭信用时角色配置和店铺调额表单均将额度归零，并以 `credit_limit=0` 提交。
 - 调额响应或异常命中版本冲突时，页面提示并重新加载资金概况。
diff --git a/openspec/changes/update-shop-salesperson-selection/tasks.md b/openspec/changes/update-shop-salesperson-selection/tasks.md
index 15f1c30..f5ffd80 100644
--- a/openspec/changes/update-shop-salesperson-selection/tasks.md
+++ b/openspec/changes/update-shop-salesperson-selection/tasks.md
@@ -20,8 +20,8 @@
 
 ## 4. Verification
 
-- [ ] 4.1 验证创建、编辑、清空业务员和无可选账号状态。
-- [ ] 4.2 验证列表业务员展示和按业务员筛选正确。
-- [ ] 4.3 验证详情对历史停用业务员仍能展示名称和手机号摘要。
+- [x] 4.1 验证创建、编辑、清空业务员和无可选账号状态。
+- [x] 4.2 验证列表业务员展示和按业务员筛选正确。
+- [x] 4.3 验证详情对历史停用业务员仍能展示名称和手机号摘要。
 - [x] 4.4 确认页面不引入分销、佣金或发展层级文案。
 - [x] 4.5 运行相关前端校验，并执行 `openspec validate update-shop-salesperson-selection --strict`。
diff --git a/src/api/modules/role.ts b/src/api/modules/role.ts
index 6d0ff4e..c827ff7 100644
--- a/src/api/modules/role.ts
+++ b/src/api/modules/role.ts
@@ -9,6 +9,7 @@ import type {
   RoleQueryParams,
   PlatformRoleFormData,
   UpdateRoleDefaultCreditRequest,
+  UpdateRoleDefaultCreditResponse,
   BaseResponse,
   PaginationResponse
 } from '@/types/api'
@@ -47,7 +48,7 @@ export class RoleService extends BaseService {
    * @param id 角色ID
    * @param data 角色数据
    */
-  static updateRole(id: number, data: PlatformRoleFormData): Promise<BaseResponse> {
+  static updateRole(id: number, data: Partial<PlatformRoleFormData>): Promise<BaseResponse> {
     return this.update(`/api/admin/roles/${id}`, data)
   }
 
@@ -60,8 +61,11 @@ export class RoleService extends BaseService {
   static updateRoleDefaultCredit(
     id: number,
     data: UpdateRoleDefaultCreditRequest
-  ): Promise<BaseResponse> {
-    return this.put<BaseResponse>(`/api/admin/roles/${id}/default-credit`, data)
+  ): Promise<BaseResponse<UpdateRoleDefaultCreditResponse>> {
+    return this.put<BaseResponse<UpdateRoleDefaultCreditResponse>>(
+      `/api/admin/roles/${id}/default-credit`,
+      data
+    )
   }
 
   /**
diff --git a/src/api/modules/shop.ts b/src/api/modules/shop.ts
index 3888c21..656d586 100644
--- a/src/api/modules/shop.ts
+++ b/src/api/modules/shop.ts
@@ -11,6 +11,7 @@ import type {
   ShopRolesResponse,
   AssignShopRolesRequest,
   UpdateShopCreditLimitRequest,
+  UpdateShopCreditLimitResponse,
   BaseResponse,
   PaginationResponse,
   ShopBusinessOwnerCandidate,
@@ -148,7 +149,10 @@ export class ShopService extends BaseService {
   static updateShopCreditLimit(
     shopId: number,
     data: UpdateShopCreditLimitRequest
-  ): Promise<BaseResponse> {
-    return this.put<BaseResponse>(`/api/admin/shops/${shopId}/credit-limit`, data)
+  ): Promise<BaseResponse<UpdateShopCreditLimitResponse>> {
+    return this.put<BaseResponse<UpdateShopCreditLimitResponse>>(
+      `/api/admin/shops/${shopId}/credit-limit`,
+      data
+    )
   }
 }
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index 5b6db3a..f18fb6e 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -122,6 +122,18 @@ export const asyncRoutes: AppRouteRecord[] = [
           roles: ['R_SUPER']
         }
       },
+      {
+        path: 'role/detail/:id',
+        name: 'RoleDetail',
+        component: RoutesAlias.RoleDetail,
+        meta: {
+          title: '角色详情',
+          permissions: ['role:detail'],
+          isHide: true,
+          keepAlive: false,
+          roles: ['R_SUPER']
+        }
+      },
       {
         path: 'permission',
         name: 'PermissionManagement',
@@ -261,6 +273,17 @@ export const asyncRoutes: AppRouteRecord[] = [
           title: 'menus.shopManagement.shopList',
           keepAlive: true
         }
+      },
+      // 店铺详情
+      {
+        path: 'detail/:id',
+        name: 'ShopDetail',
+        component: RoutesAlias.ShopDetail,
+        meta: {
+          title: '店铺详情',
+          isHide: true,
+          keepAlive: false
+        }
       }
     ]
   },
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 1ae80ab..27f0a88 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -18,6 +18,7 @@ export enum RoutesAlias {
 
   // 系统管理
   Role = '/system/role', // 角色
+  RoleDetail = '/system/role/detail', // 角色详情
   Permission = '/system/permission', // 权限管理
   CarrierManagement = '/system/carrier-management', // 运营商管理
   UserCenter = '/system/user-center', // 用户中心
@@ -33,6 +34,7 @@ export enum RoutesAlias {
 
   // 店铺管理
   Shop = '/shop-management/list', // 店铺列表
+  ShopDetail = '/shop-management/detail', // 店铺详情
 
   // 通用页面(店铺账号-企业账号)
   EnterpriseCustomerAccounts = '/common/account-list', // 企业客户账号列表和店铺账号列表共用
diff --git a/src/types/api/commission.ts b/src/types/api/commission.ts
index 59baf2b..c1fb432 100644
--- a/src/types/api/commission.ts
+++ b/src/types/api/commission.ts
@@ -211,10 +211,8 @@ export interface ShopFundSummaryItem {
   phone?: string // 主账号手机号
   main_balance: number // 预充值余额(分)
   main_frozen_balance: number // 预充值冻结余额(分)
-  balance: number // 现金余额(分)
-  frozen_balance: number // 现金冻结金额(分)
-  cash_available: number // 现金可用余额(分)
-  low_balance_warning: boolean // 现金可用余额不足100元预警
+  cash_available_balance: number // 现金可用余额(分)
+  low_balance_warning?: boolean // 现金可用余额不足100元预警
   credit_enabled: boolean // 实际信用额度是否启用
   credit_limit: number // 实际信用额度(分)
   available_balance: number // 可用金额(分)，以后端返回为准
diff --git a/src/types/api/role.ts b/src/types/api/role.ts
index e64a2bf..9e91b39 100644
--- a/src/types/api/role.ts
+++ b/src/types/api/role.ts
@@ -18,6 +18,7 @@ export enum RoleStatus {
 
 // 角色实体（匹配后端 ModelRole）
 export interface PlatformRole {
+  id?: number
   ID: number
   CreatedAt?: string
   UpdatedAt?: string
@@ -30,6 +31,19 @@ export interface PlatformRole {
   status: RoleStatus // 状态
   credit_enabled?: boolean // 新建代理默认信用是否启用（仅客户角色）
   credit_limit?: number // 新建代理默认信用额度（分，仅客户角色）
+  default_credit_enabled?: boolean // 接口返回的新建代理默认信用状态
+  default_credit_limit?: number // 接口返回的新建代理默认信用额度（分）
+  default_credit_scope?: string // 接口返回的信用模板生效范围
+  created_at?: string // 接口返回的创建时间
+  updated_at?: string // 接口返回的更新时间
+}
+
+export interface UpdateRoleDefaultCreditResponse {
+  affects_existing_wallets: boolean
+  credit_enabled: boolean
+  credit_limit: number
+  role_id: number
+  scope: string
 }
 
 // 角色查询参数
diff --git a/src/types/api/shop.ts b/src/types/api/shop.ts
index bca6440..6fc471c 100644
--- a/src/types/api/shop.ts
+++ b/src/types/api/shop.ts
@@ -21,6 +21,7 @@ export interface ShopResponse {
   contact_name: string // 联系人姓名
   contact_phone: string // 联系人电话
   status: number // 状态 (0:禁用, 1:启用)
+  status_name?: string // 状态名称
   business_owner_account_id: number | null // 平台业务员账号ID
   business_owner_username: string // 平台业务员账号名
   business_owner_phone_summary: string // 平台业务员手机号摘要
@@ -49,6 +50,7 @@ export interface CreateShopParams {
   init_username: string // 初始账号用户名（必填）
   init_password: string // 初始账号密码（必填）
   init_phone: string // 初始账号手机号（必填）
+  default_role_id: number // 初始账号默认客户角色（必填）
   parent_id?: number | null // 上级店铺ID（一级店铺可不填）
   province?: string // 省份
   city?: string // 城市
@@ -121,3 +123,15 @@ export interface UpdateShopCreditLimitRequest {
   credit_limit: number // 实际信用额度（分）
   version: number // 资金概况版本，用于并发控制
 }
+
+// 更新店铺实际信用额度响应
+export interface UpdateShopCreditLimitResponse {
+  available_balance: number // 总可用金额（分）
+  balance: number // 账面余额（分）
+  credit_enabled: boolean // 是否启用实际信用额度
+  credit_limit: number // 实际信用额度（分）
+  frozen_balance: number // 冻结金额（分）
+  shop_id: number // 店铺 ID
+  version: number // 更新后的钱包版本
+  wallet_id: number // 主钱包 ID
+}
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 8e26fc2..30c1038 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -618,10 +618,10 @@
             return
           }
 
-          if (value < 0) {
-            callback(new Error('实际信用额度不能小于0'))
-            return
-          }
+           if (value <= 0) {
+             callback(new Error('实际信用额度必须大于0'))
+             return
+           }
 
           callback()
         },
@@ -655,12 +655,13 @@
     { label: '店铺名称', prop: 'shop_name' },
     { label: '用户名', prop: 'username' },
     { label: '手机号', prop: 'phone' },
-    { label: '现金余额', prop: 'balance' },
-    { label: '冻结金额', prop: 'frozen_balance' },
+    { label: '账面余额', prop: 'main_balance' },
+    { label: '冻结金额', prop: 'main_frozen_balance' },
+    { label: '现金可用', prop: 'cash_available_balance' },
     { label: '实际信用额度', prop: 'credit_limit' },
-    { label: '可用金额', prop: 'available_balance' },
+    { label: '总可用金额', prop: 'available_balance' },
     { label: '欠款金额', prop: 'debt_amount' },
-    { label: '版本', prop: 'version' },
+    { label: '钱包版本', prop: 'version' },
     { label: '余额预警', prop: 'low_balance_warning' },
     { label: '总佣金', prop: 'total_commission' },
     { label: '可提现', prop: 'available_commission' },
@@ -748,22 +749,28 @@
       width: 120
     },
     {
-      prop: 'balance',
-      label: '现金余额',
+      prop: 'main_balance',
+      label: '账面余额',
       minWidth: 130,
       formatter: (row: ShopFundSummaryItem) => {
         return h(
           'span',
           { style: 'color: var(--el-color-primary); font-weight: 500' },
-          formatMoney(row.balance)
+          formatMoney(row.main_balance)
         )
       }
     },
     {
-      prop: 'frozen_balance',
+      prop: 'main_frozen_balance',
       label: '冻结金额',
       minWidth: 120,
-      formatter: (row: ShopFundSummaryItem) => formatMoney(row.frozen_balance)
+      formatter: (row: ShopFundSummaryItem) => formatMoney(row.main_frozen_balance)
+    },
+    {
+      prop: 'cash_available_balance',
+      label: '现金可用',
+      minWidth: 120,
+      formatter: (row: ShopFundSummaryItem) => formatMoney(row.cash_available_balance)
     },
     {
       prop: 'credit_limit',
@@ -783,7 +790,7 @@
     },
     {
       prop: 'available_balance',
-      label: '可用金额',
+      label: '总可用金额',
       minWidth: 130,
       formatter: (row: ShopFundSummaryItem) => {
         return h(
@@ -806,7 +813,7 @@
     },
     {
       prop: 'version',
-      label: '版本',
+      label: '钱包版本',
       minWidth: 90,
       formatter: (row: ShopFundSummaryItem) => row.version ?? '-'
     },
@@ -957,11 +964,13 @@
       })
     }
 
-    actions.push({
-      label: '调整额度',
-      handler: () => showCreditDialog(row),
-      type: 'primary'
-    })
+    if (hasAuth('shop:credit-limit:manage')) {
+      actions.push({
+        label: '调整额度',
+        handler: () => showCreditDialog(row),
+        type: 'primary'
+      })
+    }
 
     return actions
   }
diff --git a/src/views/shop-management/detail/index.vue b/src/views/shop-management/detail/index.vue
new file mode 100644
index 0000000..702d1e1
--- /dev/null
+++ b/src/views/shop-management/detail/index.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="shop-detail-page">
+    <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-loading="loading">
+        <ElDescriptions v-if="shop" :column="2" border>
+          <ElDescriptionsItem label="店铺名称">{{ shop.shop_name || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="店铺编号">{{ shop.shop_code || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="店铺层级">{{ shop.level }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="上级店铺">{{ shop.parent_shop_name || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="联系人">{{ shop.contact_name || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="联系电话">{{ shop.contact_phone || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="平台业务员">
+            {{ formatBusinessOwner(shop) }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="业务员通知状态">
+            {{ shop.business_owner_account_id ? (shop.business_owner_available ? '可用' : '已停用') : '-' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="省份">{{ shop.province || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="城市">{{ shop.city || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="区县">{{ shop.district || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="详细地址">{{ shop.address || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="状态">{{ shop.status_name || shop.status }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="创建时间">{{ shop.created_at || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="更新时间">{{ shop.updated_at || '-' }}</ElDescriptionsItem>
+        </ElDescriptions>
+      </div>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { onMounted, ref } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { ArrowLeft } from '@element-plus/icons-vue'
+  import { ElMessage } from 'element-plus'
+  import { ShopService } from '@/api/modules'
+  import type { ShopResponse } from '@/types/api'
+
+  defineOptions({ name: 'ShopDetail' })
+
+  const route = useRoute()
+  const router = useRouter()
+  const loading = ref(false)
+  const shop = ref<ShopResponse | null>(null)
+
+  const formatBusinessOwner = (value: ShopResponse) => {
+    if (!value.business_owner_username) return '-'
+    return value.business_owner_phone_summary
+      ? `${value.business_owner_username} (${value.business_owner_phone_summary})`
+      : value.business_owner_username
+  }
+
+  const handleBack = () => router.back()
+
+  const fetchDetail = async () => {
+    const id = Number(route.params.id)
+    if (!id) {
+      ElMessage.error('缺少店铺 ID')
+      return
+    }
+
+    loading.value = true
+    try {
+      const response = await ShopService.getShopDetail(id)
+      if (response.code !== 0 || !response.data) {
+        ElMessage.error(response.msg || '获取店铺详情失败')
+        return
+      }
+      shop.value = response.data
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取店铺详情失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(fetchDetail)
+</script>
+
+<style scoped lang="scss">
+  .shop-detail-page {
+    padding: 20px;
+  }
+
+  .detail-header {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    padding-bottom: 16px;
+  }
+
+  .detail-title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+</style>
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index c2ace37..e9dbe66 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -7,6 +7,7 @@
         :items="searchFormItems"
         show-expand
         @reset="handleReset"
+        label-width="100px"
         @search="handleSearch"
       ></ArtSearchBar>
 
@@ -203,9 +204,9 @@
                     >
                       <ElOption
                         v-for="role in defaultRoleList"
-                        :key="role.ID"
+                        :key="role.id"
                         :label="role.role_name"
-                        :value="role.ID"
+                        :value="role.id"
                       >
                         <div
                           style="display: flex; align-items: center; justify-content: space-between"
@@ -238,16 +239,6 @@
           </template>
         </ElDialog>
 
-        <ElDialog v-model="detailDialogVisible" title="店铺详情" width="500px">
-          <ElDescriptions v-if="detailShop" :column="1" border>
-            <ElDescriptionsItem label="店铺名称">{{ detailShop.shop_name }}</ElDescriptionsItem>
-            <ElDescriptionsItem label="店铺编号">{{ detailShop.shop_code }}</ElDescriptionsItem>
-            <ElDescriptionsItem label="平台业务员">
-              {{ formatBusinessOwner(detailShop) }}
-            </ElDescriptionsItem>
-          </ElDescriptions>
-        </ElDialog>
-
         <!-- 店铺默认角色管理对话框 -->
         <ElDialog
           v-model="defaultRolesDialogVisible"
@@ -337,8 +328,9 @@
    } from '@/types/api'
    import { RoleType, RoleStatus } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
-  import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
-  import { regionData } from '@/utils/constants/regionData'
+   import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
+   import { regionData } from '@/utils/constants/regionData'
+   import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'Shop' })
 
@@ -354,8 +346,6 @@
   const defaultRoleList = ref<any[]>([])
   const salespersonLoading = ref(false)
    const salespersonOptions = ref<ShopBusinessOwnerCandidate[]>([])
-  const detailDialogVisible = ref(false)
-  const detailShop = ref<ShopResponse | null>(null)
 
   // 级联选择相关
   const parentShopCascadeOptions = ref<any[]>([])
@@ -445,20 +435,13 @@
        : shop.business_owner_username
    }
 
-  const showDetail = async (row: ShopResponse) => {
-    try {
-      const response = await ShopService.getShopDetail(row.id)
-      if (response.code !== 0 || !response.data) {
-        ElMessage.error(response.msg || '获取店铺详情失败')
-        return
-      }
-      detailShop.value = response.data
-    } catch (error: any) {
-      ElMessage.error(error?.message || '获取店铺详情失败')
-      return
-    }
-    detailDialogVisible.value = true
-  }
+   const handleNameClick = (row: ShopResponse) => {
+     if (hasAuth('shop:detail')) {
+       void router.push(`${RoutesAlias.ShopDetail}/${row.id}`)
+     } else {
+       ElMessage.warning('您没有查看详情的权限')
+     }
+   }
 
   // 定义表单搜索初始值
   const initialSearchState = {
@@ -685,11 +668,29 @@
 
   // 动态列配置
   const { columnChecks, columns } = useCheckedColumns(() => [
-    {
-      prop: 'shop_name',
-      label: '店铺名称',
-      width: 160,
-      showOverflowTooltip: true
+     {
+       prop: 'shop_name',
+       label: '店铺名称',
+       width: 160,
+       showOverflowTooltip: true,
+       formatter: (row: ShopResponse) => {
+         const hasPermission = hasAuth('shop:detail')
+         return h(
+           'span',
+           {
+             style: hasPermission
+               ? 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;'
+               : '',
+             onClick: hasPermission
+               ? (event: MouseEvent) => {
+                   event.stopPropagation()
+                   handleNameClick(row)
+                 }
+               : undefined
+           },
+           row.shop_name
+         )
+       }
     },
     {
       prop: 'shop_code',
@@ -768,12 +769,6 @@
   const getActions = (row: ShopResponse) => {
     const actions: any[] = []
 
-    actions.push({
-      label: '详情',
-      handler: () => showDetail(row),
-      type: 'primary'
-    })
-
     if (hasAuth('shop:look_customer')) {
       actions.push({
         label: '账号列表',
@@ -860,10 +855,10 @@
   const searchDefaultRoles = async (query: string) => {
     defaultRoleLoading.value = true
     try {
-      const params: any = {
-        page: 1,
-        pageSize: 20,
-        role_type: RoleType.CUSTOMER, // 仅客户角色
+        const params: any = {
+          page: 1,
+          page_size: 20,
+          role_type: RoleType.CUSTOMER, // 仅客户角色
         status: RoleStatus.ENABLED // 仅启用的角色
       }
       if (query) {
@@ -1129,7 +1124,7 @@
         // 将 PlatformRole 转换为与 ShopRoleResponse 兼容的格式
         availableRoles.value = (res.data.items || []).map((role) => ({
           ...role,
-          role_id: role.ID,
+          role_id: role.id ?? role.ID,
           role_name: role.role_name,
           role_desc: role.role_desc,
           role_type: role.role_type,
diff --git a/src/views/system/role/detail/index.vue b/src/views/system/role/detail/index.vue
new file mode 100644
index 0000000..aed296d
--- /dev/null
+++ b/src/views/system/role/detail/index.vue
@@ -0,0 +1,111 @@
+<template>
+  <div class="role-detail-page">
+    <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-loading="loading">
+        <ElDescriptions v-if="role" :column="2" border>
+          <ElDescriptionsItem label="角色名称">{{ role.role_name || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="角色类型">
+            {{ role.role_type === 1 ? '平台角色' : '客户角色' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="角色描述">{{ role.role_desc || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="状态">
+            {{ role.status === 1 ? '启用' : '禁用' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="新建代理默认信用">
+            {{ role.default_credit_enabled ? '启用' : '未启用' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="默认信用额度">
+            {{ formatCredit(role.default_credit_limit) }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="信用生效范围">
+            {{ role.default_credit_scope || '-' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="创建时间">
+            {{ formatDateTime(role.created_at) }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="更新时间">
+            {{ formatDateTime(role.updated_at) }}
+          </ElDescriptionsItem>
+        </ElDescriptions>
+      </div>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { onMounted, ref } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { ArrowLeft } from '@element-plus/icons-vue'
+  import { ElMessage } from 'element-plus'
+  import { RoleService } from '@/api/modules'
+  import type { PlatformRole } from '@/types/api'
+  import { formatDateTime } from '@/utils/business/format'
+
+  defineOptions({ name: 'RoleDetail' })
+
+  const route = useRoute()
+  const router = useRouter()
+  const loading = ref(false)
+  const role = ref<PlatformRole | null>(null)
+
+  const formatCredit = (value?: number) => {
+    if (value === undefined || value === null) return '-'
+    return `${(value / 100).toFixed(2)} 元`
+  }
+
+  const handleBack = () => router.back()
+
+  const fetchDetail = async () => {
+    const id = Number(route.params.id)
+    if (!id) {
+      ElMessage.error('缺少角色 ID')
+      return
+    }
+
+    loading.value = true
+    try {
+      const response = await RoleService.getRole(id)
+      if (response.code !== 0 || !response.data) {
+        ElMessage.error(response.msg || '获取角色详情失败')
+        return
+      }
+      role.value = response.data
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取角色详情失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(fetchDetail)
+</script>
+
+<style scoped lang="scss">
+  .role-detail-page {
+    padding: 20px;
+  }
+
+  .detail-header {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    padding-bottom: 16px;
+  }
+
+  .detail-title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+</style>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index c554630..8d7e148 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -25,7 +25,7 @@
         <!-- 表格 -->
         <ArtTable
           ref="tableRef"
-          row-key="ID"
+           row-key="id"
           :loading="loading"
           :data="roleList"
           :currentPage="pagination.page"
@@ -46,7 +46,7 @@
           :title="dialogType === 'add' ? '新增角色' : '编辑角色'"
           width="30%"
         >
-          <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px">
+          <ElForm ref="formRef" :model="form" :rules="rules" label-width="160px">
             <ElFormItem label="角色名称" prop="role_name">
               <ElInput v-model="form.role_name" placeholder="请输入角色名称" />
             </ElFormItem>
@@ -91,7 +91,7 @@
                 <ElInputNumber
                   v-model="form.credit_limit_yuan"
                   :disabled="!form.credit_enabled"
-                  :min="0"
+                  :min="1"
                   :precision="2"
                   :step="100"
                   controls-position="right"
@@ -250,6 +250,8 @@
   import { RoleType } from '@/types/api'
   import type { PlatformRole, PermissionTreeNode } from '@/types/api'
   import type { SearchFormItem } from '@/types'
+  import { useRouter } from 'vue-router'
+  import { RoutesAlias } from '@/router/routesAlias'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
@@ -263,6 +265,7 @@
   defineOptions({ name: 'Role' })
 
   const { hasAuth } = useAuth()
+  const router = useRouter()
   const canUpdateRoleStatus = hasAuth('role:update_status')
 
   const dialogVisible = ref(false)
@@ -345,8 +348,10 @@
     { label: '角色名称', prop: 'role_name' },
     { label: '角色描述', prop: 'role_desc' },
     { label: '角色类型', prop: 'role_type' },
+    { label: '新建代理默认信用', prop: 'default_credit_enabled' },
+    { label: '默认信用额度', prop: 'default_credit_limit' },
     ...(canUpdateRoleStatus ? [{ label: '状态', prop: 'status' }] : []),
-    { label: '创建时间', prop: 'CreatedAt' }
+    { label: '创建时间', prop: 'created_at' }
   ]
 
   const formRef = ref<FormInstance>()
@@ -357,7 +362,23 @@
       { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }
     ],
     role_desc: [{ max: 200, message: '描述不能超过200个字符', trigger: 'blur' }],
-    role_type: [{ required: true, message: '请选择角色类型', trigger: 'change' }]
+    role_type: [{ required: true, message: '请选择角色类型', trigger: 'change' }],
+    credit_limit_yuan: [
+      {
+        validator: (_rule, value, callback) => {
+          if (!isCustomerRoleForm.value || !form.credit_enabled) {
+            callback()
+            return
+          }
+          if (value === undefined || value === null || value <= 0) {
+            callback(new Error('默认信用额度必须大于0'))
+            return
+          }
+          callback()
+        },
+        trigger: 'blur'
+      }
+    ]
   })
 
   const form = reactive<any>({
@@ -388,12 +409,40 @@
 
   const roleList = ref<PlatformRole[]>([])
 
+  const getRoleId = (role: PlatformRole | any) => role.id ?? role.ID
+
+  const handleNameClick = (row: PlatformRole) => {
+    if (hasAuth('role:detail')) {
+      void router.push(`${RoutesAlias.RoleDetail}/${getRoleId(row)}`)
+    } else {
+      ElMessage.warning('您没有查看详情的权限')
+    }
+  }
+
   // 动态列配置
   const { columnChecks, columns } = useCheckedColumns(() => [
     {
       prop: 'role_name',
       label: '角色名称',
-      width: 180
+      width: 180,
+      formatter: (row: PlatformRole) => {
+        const hasPermission = hasAuth('role:detail')
+        return h(
+          'span',
+          {
+            style: hasPermission
+              ? 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;'
+              : '',
+            onClick: hasPermission
+              ? (event: MouseEvent) => {
+                  event.stopPropagation()
+                  handleNameClick(row)
+                }
+              : undefined
+          },
+          row.role_name
+        )
+      }
     },
     {
       prop: 'role_type',
@@ -405,6 +454,28 @@
         )
       }
     },
+    {
+      prop: 'default_credit_enabled',
+      label: '新建代理默认信用',
+      width: 150,
+      formatter: (row: PlatformRole) => {
+        if (row.role_type !== RoleType.CUSTOMER) return '-'
+        return h(
+          ElTag,
+          { type: row.default_credit_enabled ? 'success' : 'info' },
+          () => (row.default_credit_enabled ? '启用' : '未启用')
+        )
+      }
+    },
+    {
+      prop: 'default_credit_limit',
+      label: '默认信用额度',
+      width: 140,
+      formatter: (row: PlatformRole) => {
+        if (row.role_type !== RoleType.CUSTOMER || !row.default_credit_enabled) return '-'
+        return `${fenToYuan(row.default_credit_limit)} 元`
+      }
+    },
     ...(canUpdateRoleStatus
       ? [
           {
@@ -431,10 +502,10 @@
       label: '角色描述'
     },
     {
-      prop: 'CreatedAt',
+       prop: 'created_at',
       label: '创建时间',
       width: 180,
-      formatter: (row: any) => formatDateTime(row.CreatedAt)
+       formatter: (row: any) => formatDateTime(row.created_at)
     },
     {
       prop: 'actions',
@@ -934,7 +1005,7 @@
 
   // 显示分配权限对话框
   const showPermissionDialog = async (row: PlatformRole) => {
-    currentRoleId.value = row.ID
+     currentRoleId.value = getRoleId(row)
     currentRole.value = {
       role_name: row.role_name,
       role_type: row.role_type
@@ -1043,7 +1114,7 @@
     if (type === 'edit' && row) {
       let roleDetail = row
       try {
-        const res = await RoleService.getRole(row.ID)
+       const res = await RoleService.getRole(getRoleId(row))
         if (res.code === 0 && res.data) {
           roleDetail = res.data
         }
@@ -1051,13 +1122,17 @@
         console.error('获取角色详情失败:', error)
       }
 
-      form.id = roleDetail.ID
+       form.id = getRoleId(roleDetail)
       form.role_name = roleDetail.role_name
       form.role_desc = roleDetail.role_desc
       form.role_type = roleDetail.role_type
       form.status = roleDetail.status
-      form.credit_enabled = Boolean(roleDetail.credit_enabled)
-      form.credit_limit_yuan = fenToYuan(roleDetail.credit_limit)
+       form.credit_enabled = Boolean(
+         roleDetail.default_credit_enabled ?? roleDetail.credit_enabled
+       )
+       form.credit_limit_yuan = fenToYuan(
+         roleDetail.default_credit_limit ?? roleDetail.credit_limit
+       )
     } else {
       form.id = 0
       form.role_name = ''
@@ -1080,7 +1155,7 @@
     })
       .then(async () => {
         try {
-          await RoleService.deleteRole(row.ID)
+           await RoleService.deleteRole(getRoleId(row))
           ElMessage.success('删除成功')
           await getTableData()
         } catch (error) {
@@ -1118,7 +1193,6 @@
             const data = {
               role_name: form.role_name,
               role_desc: form.role_desc,
-              role_type: form.role_type,
               status: form.status
             }
             await RoleService.updateRole(form.id, data)
@@ -1146,7 +1220,7 @@
     // 先更新UI
     row.status = newStatus
     try {
-      await RoleService.updateRoleStatus(row.ID, newStatus as 0 | 1)
+       await RoleService.updateRoleStatus(getRoleId(row), newStatus as 0 | 1)
       ElMessage.success('状态切换成功')
     } catch (error) {
       // 切换失败，恢复原状态

From dd6bceeeb7fc55f6ce4044d05c64b61a635e28fa Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Sat, 25 Jul 2026 14:13:49 +0800
Subject: [PATCH 30/76] =?UTF-8?q?feat:=20=E7=B3=BB=E7=BB=9F=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../add-system-config-management/design.md    |  26 ++
 .../add-system-config-management/proposal.md  |  18 +
 .../specs/system-config-management/spec.md    |  56 +++
 .../add-system-config-management/tasks.md     |  20 +
 .../design.md                                 |  36 ++
 .../proposal.md                               |  18 +
 .../specs/package-series-allocation/spec.md   |  61 +++
 .../tasks.md                                  |  26 ++
 src/api/modules/index.ts                      |   1 +
 src/api/modules/systemConfig.ts               |  28 ++
 src/router/routes/asyncRoutes.ts              |  11 +
 src/router/routesAlias.ts                     |   1 +
 src/types/api/index.ts                        |   3 +
 src/types/api/packageManagement.ts            |  10 +-
 src/types/api/systemConfig.ts                 |  37 ++
 src/utils/business/seriesGrantPackage.ts      |  44 +++
 .../series-grants/detail.vue                  |  28 +-
 .../series-grants/index.vue                   |  45 ++-
 .../series-grants/packages.vue                |  26 +-
 src/views/settings/system-configs/index.vue   | 351 ++++++++++++++++++
 20 files changed, 805 insertions(+), 41 deletions(-)
 create mode 100644 openspec/changes/add-system-config-management/design.md
 create mode 100644 openspec/changes/add-system-config-management/proposal.md
 create mode 100644 openspec/changes/add-system-config-management/specs/system-config-management/spec.md
 create mode 100644 openspec/changes/add-system-config-management/tasks.md
 create mode 100644 openspec/changes/update-series-grant-package-contract/design.md
 create mode 100644 openspec/changes/update-series-grant-package-contract/proposal.md
 create mode 100644 openspec/changes/update-series-grant-package-contract/specs/package-series-allocation/spec.md
 create mode 100644 openspec/changes/update-series-grant-package-contract/tasks.md
 create mode 100644 src/api/modules/systemConfig.ts
 create mode 100644 src/types/api/systemConfig.ts
 create mode 100644 src/utils/business/seriesGrantPackage.ts
 create mode 100644 src/views/settings/system-configs/index.vue

diff --git a/openspec/changes/add-system-config-management/design.md b/openspec/changes/add-system-config-management/design.md
new file mode 100644
index 0000000..724b32b
--- /dev/null
+++ b/openspec/changes/add-system-config-management/design.md
@@ -0,0 +1,26 @@
+## Context
+
+系统配置由后端注册，前端不能假设固定字段。列表接口返回控件提示、值类型、枚举和范围，更新接口要求配置 Key 与路径一致且值字符串化。
+
+## Goals / Non-Goals
+
+- Goals:
+  - 在设置管理提供统一的模块筛选、分页和配置编辑入口。
+  - 动态遵循后端配置元数据进行展示和校验。
+  - 防止误修改只读配置和敏感配置脱敏值。
+- Non-Goals:
+  - 不在前端维护配置 Key 白名单或复制后端注册规则。
+  - 不对 JSON 配置做业务语义解析。
+  - 不绕过后端对已注册配置、范围和枚举的最终校验。
+
+## Decisions
+
+- 列表数据读取 `data.list`，分页使用 `page`、`page_size` 和 `total`。
+- 编辑控件优先根据 `control` 渲染，`value_type` 作为值转换和校验兜底。
+- `bool` 以开关展示并提交 `true`/`false` 字符串；`int` 以数字输入展示并提交十进制字符串；其他类型以输入框或文本域提交字符串。
+- `readonly=true` 的配置不显示可编辑操作；`sensitive=true` 的值仅显示接口返回值，只有用户主动输入新值时才提交更新。
+
+## Risks / Trade-offs
+
+- 未知控件提示可能无法映射到专用控件，使用文本输入作为安全兜底，并仍由后端校验。
+- 脱敏敏感值无法判断是否为完整原值，因此禁止把未修改的脱敏值再次提交。
diff --git a/openspec/changes/add-system-config-management/proposal.md b/openspec/changes/add-system-config-management/proposal.md
new file mode 100644
index 0000000..11086ae
--- /dev/null
+++ b/openspec/changes/add-system-config-management/proposal.md
@@ -0,0 +1,18 @@
+# Change: 增加系统配置管理
+
+## Why
+
+系统配置接口已经提供受控配置的注册信息、控件提示和校验范围，设置管理需要提供统一入口，避免为每个配置模块单独维护页面和字段。
+
+## What Changes
+
+- 在设置管理下新增系统配置页面和路由。
+- 接入系统配置列表查询和按配置 Key 更新接口。
+- 按后端返回的 `control`、`value_type`、枚举值及范围动态渲染编辑控件。
+- 只读配置不可编辑，更新请求统一提交 `{ key, value }`，其中 `value` 为字符串。
+- 敏感配置按接口脱敏值展示，保存时不覆盖未重新输入的脱敏值。
+
+## Impact
+
+- Affected specs: `system-config-management`
+- Affected code: `src/api/modules/systemConfig.ts`, `src/types/api/systemConfig.ts`, `src/views/settings/system-configs/index.vue`, `src/router/routesAlias.ts`, `src/router/routes/asyncRoutes.ts`
diff --git a/openspec/changes/add-system-config-management/specs/system-config-management/spec.md b/openspec/changes/add-system-config-management/specs/system-config-management/spec.md
new file mode 100644
index 0000000..0787c4d
--- /dev/null
+++ b/openspec/changes/add-system-config-management/specs/system-config-management/spec.md
@@ -0,0 +1,56 @@
+## ADDED Requirements
+
+### Requirement: 受控系统配置列表
+
+系统 SHALL 在设置管理提供受控系统配置列表，支持按 `module` 筛选和分页，并展示后端返回的配置元数据及当前值。
+
+#### Scenario: 查询系统配置
+
+- **WHEN** 用户进入系统配置页面或执行刷新
+- **THEN** 前端调用 `GET /api/admin/system-configs`
+- **AND** 使用响应中的 `data.list`、`data.page`、`data.page_size` 和 `data.total` 渲染列表
+- **AND** 展示配置 Key、模块、说明、值、控件提示、注册状态、只读状态、敏感状态和更新时间
+
+#### Scenario: 按模块筛选
+
+- **WHEN** 用户选择 `carrier_callback` 或 `c2b.payment`
+- **THEN** 查询请求携带对应的 `module` 参数
+- **AND** 页面从第一页展示筛选后的配置
+
+### Requirement: 动态配置编辑
+
+系统 SHALL 根据配置返回的 `control`、`value_type`、`enum_values`、`min` 和 `max` 元数据渲染编辑控件并进行前端基础校验；更新请求 SHALL 统一提交字符串形式的 `value`。
+
+#### Scenario: 更新可编辑配置
+
+- **WHEN** 用户修改非只读配置并提交
+- **THEN** 前端调用 `PUT /api/admin/system-configs/{key}`
+- **AND** 请求体为 `{ "key": "配置Key", "value": "字符串化配置值" }`
+- **AND** 成功后使用接口返回的配置数据更新列表
+
+#### Scenario: bool 和 int 配置
+
+- **WHEN** 配置类型分别为 `bool` 或 `int`
+- **THEN** 页面分别使用开关或数字输入控件
+- **AND** bool 提交 `true`/`false` 字符串，int 提交十进制数字字符串
+- **AND** int 值违反 `min` 或 `max` 时阻止提交
+
+#### Scenario: 枚举配置
+
+- **WHEN** 配置返回非空 `enum_values`
+- **THEN** 页面使用枚举选择控件
+- **AND** 只能提交允许的枚举值
+
+### Requirement: 只读和敏感配置保护
+
+系统 SHALL 禁止前端编辑只读配置；敏感配置 SHALL 展示接口返回的脱敏值，用户未主动输入新值时不得将该脱敏值再次提交。
+
+#### Scenario: 只读配置
+
+- **WHEN** 配置的 `readonly` 为 `true`
+- **THEN** 页面禁用编辑控件和保存操作
+
+#### Scenario: 敏感配置未修改
+
+- **WHEN** 敏感配置仅展示脱敏值且用户未输入新值
+- **THEN** 页面不提交该配置的更新请求
diff --git a/openspec/changes/add-system-config-management/tasks.md b/openspec/changes/add-system-config-management/tasks.md
new file mode 100644
index 0000000..3c71154
--- /dev/null
+++ b/openspec/changes/add-system-config-management/tasks.md
@@ -0,0 +1,20 @@
+## 1. API And Types
+
+- [x] 1.1 新增系统配置字段、查询参数和分页响应类型。
+- [x] 1.2 新增 `GET /api/admin/system-configs` 服务方法，读取 `data.list`。
+- [x] 1.3 新增 `PUT /api/admin/system-configs/{key}` 服务方法，提交 `{ key, value }`。
+
+## 2. Settings Management Page
+
+- [x] 2.1 在设置管理下新增系统配置路由和菜单入口。
+- [x] 2.2 实现模块筛选、分页、刷新和配置列表展示。
+- [x] 2.3 根据配置元数据动态渲染开关、数字、枚举、文本和 JSON 控件。
+- [x] 2.4 实现只读配置禁用编辑、敏感值脱敏保护和字符串化提交。
+- [x] 2.5 展示配置注册状态、更新时间、范围和校验提示。
+
+## 3. Verification
+
+- [x] 3.1 验证两个模块筛选和分页参数正确传递。
+- [x] 3.2 验证 bool、int、enum、string 和 json 配置的展示及提交值。
+- [x] 3.3 验证只读配置不能提交，敏感配置未修改时不会回传脱敏值。
+- [x] 3.4 运行类型检查、lint 和构建。
diff --git a/openspec/changes/update-series-grant-package-contract/design.md b/openspec/changes/update-series-grant-package-contract/design.md
new file mode 100644
index 0000000..663d1bc
--- /dev/null
+++ b/openspec/changes/update-series-grant-package-contract/design.md
@@ -0,0 +1,36 @@
+## Context
+
+代理系列授权详情返回完整的 `packages[]`，套餐列表接口返回可选套餐候选。前端创建授权时需要从候选套餐中选择初始套餐，详情和套餐管理页面则需要同时展示候选套餐信息与已授权状态。
+
+## Goals / Non-Goals
+
+- Goals:
+  - 以 `package_id` 为唯一键合并套餐候选和授权详情。
+  - 在创建前校验初始套餐数量为 1～100 且不重复。
+  - 使用 `remove=true` 表达后续删除，保持接口响应结构不变。
+- Non-Goals:
+  - 不修改后端接口路径或响应字段结构。
+  - 不在前端复制后端的成本价、生效条件或套餐状态计算规则。
+  - 不新增独立的套餐删除 API 调用。
+
+## Decisions
+
+- 套餐候选状态以 `package_id` 合并：详情返回的套餐标记为已授权，候选列表中不存在于详情的套餐标记为未授权。
+- 创建请求始终携带 `packages`，数量范围为 1～100；每个 `package_id` 只能出现一次。
+- 后续新增或调价沿用 `PUT /api/admin/shop-series-grants/{id}/packages`，删除项只提交 `{ package_id, remove: true }`。
+- 成功响应直接按后端返回的完整授权详情刷新页面，不根据请求内容自行拼装最终响应。
+
+## Risks / Trade-offs
+
+- 套餐候选接口分页或搜索结果可能不包含已授权套餐，合并时必须保留详情中的已授权项，避免误显示为未授权。
+- 用户一次选择超过 100 个套餐时前端应提前阻止提交，同时仍依赖后端校验作为最终约束。
+
+## Migration Plan
+
+1. 更新类型和 API 请求约束。
+2. 更新创建页、授权详情页和套餐列表页的候选合并及套餐操作逻辑。
+3. 使用接口响应重新加载授权详情，验证创建、调价、删除和空候选场景。
+
+## Open Questions
+
+- 套餐候选接口的分页大小是否允许一次返回全部候选；若不允许，页面需要继续使用远程搜索加载候选。
diff --git a/openspec/changes/update-series-grant-package-contract/proposal.md b/openspec/changes/update-series-grant-package-contract/proposal.md
new file mode 100644
index 0000000..8335dcd
--- /dev/null
+++ b/openspec/changes/update-series-grant-package-contract/proposal.md
@@ -0,0 +1,18 @@
+# Change: 更新代理系列授权套餐管理契约
+
+## Why
+
+代理系列授权接口已更新为创建时必须一次提交初始套餐，后续通过套餐批量管理接口维护套餐。前端需要将套餐列表作为候选集合、授权详情作为已授权状态来源进行合并，避免新增、编辑和删除时状态不一致。
+
+## What Changes
+
+- 套餐列表页和授权详情页统一按 `package_id` 合并套餐候选数据与已授权数据。
+- 创建代理系列授权时强制提交 1～100 个不重复套餐。
+- 后续套餐管理继续通过 `packages[]` 提交新增、调价和 `remove=true` 删除操作。
+- 保持创建、详情、更新和套餐管理接口的完整授权详情响应结构不变。
+- 更新 API 类型、表单校验和页面状态管理，禁止通过空套餐列表创建授权或使用独立删除接口删除授权套餐。
+
+## Impact
+
+- Affected specs: `package-series-allocation`
+- Affected code: `src/api/modules/shopSeriesGrant.ts`, `src/types/api/packageManagement.ts`, `src/views/package-management/series-grants/index.vue`, `src/views/package-management/series-grants/detail.vue`, `src/views/package-management/series-grants/packages.vue`
diff --git a/openspec/changes/update-series-grant-package-contract/specs/package-series-allocation/spec.md b/openspec/changes/update-series-grant-package-contract/specs/package-series-allocation/spec.md
new file mode 100644
index 0000000..b375763
--- /dev/null
+++ b/openspec/changes/update-series-grant-package-contract/specs/package-series-allocation/spec.md
@@ -0,0 +1,61 @@
+## MODIFIED Requirements
+
+### Requirement: 创建代理系列授权时提交初始套餐
+
+系统 SHALL 在创建代理系列授权时要求提交 `packages`，且 `packages` 必须包含 1～100 个套餐项；套餐 ID 不得重复。创建成功响应 SHALL 保持完整授权详情结构不变。
+
+#### Scenario: 创建授权并提交有效初始套餐
+
+- **WHEN** 用户提交 `shop_id`、`series_id` 和包含 1～100 个不重复套餐项的 `packages`
+- **THEN** 前端提交 `POST /api/admin/shop-series-grants`
+- **AND** 每个套餐项携带必要的 `package_id`，新增或调价时携带 `cost_price`
+- **AND** 页面按接口返回的完整授权详情刷新授权信息
+
+#### Scenario: 创建授权未选择套餐
+
+- **WHEN** 用户未选择任何初始套餐
+- **THEN** 前端阻止提交并提示至少选择 1 个套餐
+
+#### Scenario: 创建授权超过套餐数量上限或包含重复套餐
+
+- **WHEN** 用户选择超过 100 个套餐或同一 `package_id` 重复出现
+- **THEN** 前端阻止提交并提示套餐数量或重复项错误
+
+### Requirement: 合并套餐候选与授权状态
+
+系统 SHALL 在套餐列表和授权详情相关页面以 `package_id` 为唯一键合并套餐候选数据与授权详情中的 `packages[]`。已授权套餐即使不在当前候选搜索结果中，也 SHALL 保留并标记为已授权。
+
+#### Scenario: 候选套餐与已授权套餐合并
+
+- **WHEN** 套餐候选列表和授权详情均加载成功
+- **THEN** 页面按 `package_id` 合并两者
+- **AND** 详情中的套餐显示为已授权并保留其成本价、生效条件和状态字段
+- **AND** 仅出现在候选列表中的套餐显示为未授权候选
+
+#### Scenario: 候选搜索结果不包含已授权套餐
+
+- **WHEN** 当前候选搜索结果缺少某个已授权套餐
+- **THEN** 页面仍从授权详情保留该套餐
+- **AND** 不将其误判为未授权或从当前编辑状态中删除
+
+### Requirement: 后续套餐管理使用批量操作删除
+
+系统 SHALL 使用 `PUT /api/admin/shop-series-grants/{id}/packages` 管理既有授权套餐。新增和调价提交套餐项，删除套餐授权 SHALL 提交对应套餐项的 `remove: true`；操作成功后 SHALL 按接口返回的完整授权详情刷新页面。
+
+#### Scenario: 新增或调整授权套餐
+
+- **WHEN** 用户在已有授权中新增套餐或调整成本价
+- **THEN** 前端提交 `packages[]` 中对应的套餐项及成本价
+- **AND** 不调用独立删除接口
+
+#### Scenario: 删除授权套餐
+
+- **WHEN** 用户删除已有授权套餐
+- **THEN** 前端提交 `{ package_id, remove: true }`
+- **AND** 页面使用接口返回的完整授权详情刷新套餐列表
+
+#### Scenario: 套餐管理响应结构保持不变
+
+- **WHEN** 套餐批量管理接口成功
+- **THEN** 前端按详情响应读取授权基本信息、佣金配置、强充配置、`packages[]`、状态和时间字段
+- **AND** 不要求后端返回新的响应包装结构
diff --git a/openspec/changes/update-series-grant-package-contract/tasks.md b/openspec/changes/update-series-grant-package-contract/tasks.md
new file mode 100644
index 0000000..9f32ee3
--- /dev/null
+++ b/openspec/changes/update-series-grant-package-contract/tasks.md
@@ -0,0 +1,26 @@
+## 1. API And Types
+
+- [x] 1.1 按 21 号接口文档核对代理系列授权列表、创建、详情、更新和套餐管理的请求响应类型。
+- [x] 1.2 将创建请求的 `packages` 定义为必填，并补充套餐 1～100 项及套餐 ID 不重复的约束说明。
+- [x] 1.3 明确 `GrantPackageItem.remove` 仅用于后续套餐删除，保留完整授权详情响应类型。
+
+## 2. Candidate State Merge
+
+- [x] 2.1 在创建授权页面按 `package_id` 合并套餐候选列表和当前选择状态。
+- [x] 2.2 在授权详情页面按 `package_id` 合并套餐列表候选和详情中的已授权套餐，已授权套餐必须保留在合并结果中。
+- [x] 2.3 在独立授权套餐列表页面复用同一状态规则，避免候选套餐和已授权套餐重复或丢失。
+
+## 3. Create And Manage Packages
+
+- [x] 3.1 创建授权提交前校验套餐数量为 1～100，且套餐 ID 不重复。
+- [x] 3.2 创建授权始终提交 `packages[]`，禁止空数组或缺失套餐列表提交。
+- [x] 3.3 新增或调价继续提交套餐项和成本价；删除只提交 `remove: true`，不调用独立删除接口。
+- [x] 3.4 套餐管理成功后使用后端返回的完整授权详情刷新页面，不前端重算响应结构。
+
+## 4. Verification
+
+- [x] 4.1 验证创建 1 个套餐成功，创建 0 个、101 个和重复套餐被阻止。
+- [x] 4.2 验证套餐候选与授权详情合并后，已授权状态、成本价和生效条件展示正确。
+- [x] 4.3 验证新增、调价和 `remove=true` 删除均使用套餐管理接口。
+- [x] 4.4 验证接口成功响应仍按完整授权详情结构处理。
+- [x] 4.5 运行类型检查、lint 和构建。
diff --git a/src/api/modules/index.ts b/src/api/modules/index.ts
index fb05044..2601d94 100644
--- a/src/api/modules/index.ts
+++ b/src/api/modules/index.ts
@@ -23,6 +23,7 @@ export { OrderService } from './order'
 export { AssetService } from './asset'
 export { AgentRechargeService } from './agentRecharge'
 export { PaymentSettingsService } from './paymentSettings'
+export { SystemConfigService } from './systemConfig'
 export { ExchangeService } from './exchange'
 export { RefundService } from './refund'
 export { DataCleanupService } from './dataCleanup'
diff --git a/src/api/modules/systemConfig.ts b/src/api/modules/systemConfig.ts
new file mode 100644
index 0000000..c22f357
--- /dev/null
+++ b/src/api/modules/systemConfig.ts
@@ -0,0 +1,28 @@
+import { BaseService } from '../BaseService'
+import type { BaseResponse } from '@/types/api'
+import type {
+  SystemConfigItem,
+  SystemConfigPageResult,
+  SystemConfigQueryParams,
+  UpdateSystemConfigRequest
+} from '@/types/api/systemConfig'
+
+const SYSTEM_CONFIG_BASE_URL = '/api/admin/system-configs'
+
+export class SystemConfigService extends BaseService {
+  static getSystemConfigs(
+    params?: SystemConfigQueryParams
+  ): Promise<BaseResponse<SystemConfigPageResult>> {
+    return this.get<BaseResponse<SystemConfigPageResult>>(SYSTEM_CONFIG_BASE_URL, params)
+  }
+
+  static updateSystemConfig(
+    key: string,
+    data: UpdateSystemConfigRequest
+  ): Promise<BaseResponse<SystemConfigItem>> {
+    return this.put<BaseResponse<SystemConfigItem>>(
+      `${SYSTEM_CONFIG_BASE_URL}/${encodeURIComponent(key)}`,
+      data
+    )
+  }
+}
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index f18fb6e..88fa16e 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -764,6 +764,17 @@ export const asyncRoutes: AppRouteRecord[] = [
           keepAlive: true,
           roles: ['R_SUPER']
         }
+      },
+      // 系统配置
+      {
+        path: 'system-configs',
+        name: 'SystemConfigs',
+        component: RoutesAlias.SystemConfigs,
+        meta: {
+          title: '系统配置',
+          keepAlive: true,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
       }
     ]
   },
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 27f0a88..3b0f817 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -92,6 +92,7 @@ export enum RoutesAlias {
   PaymentSettings = '/settings/payment-settings', // 支付设置
   PaymentSettingsDetail = '/settings/payment-settings/detail', // 支付设置详情
   OperationPasswordSettings = '/settings/operation-password', // 操作密码设置
+  SystemConfigs = '/settings/system-configs', // 系统配置
 
   // 轮询管理
   DataCleanup = '/polling-management/data-cleanup', // 数据清理
diff --git a/src/types/api/index.ts b/src/types/api/index.ts
index 708fa5f..31b36ac 100644
--- a/src/types/api/index.ts
+++ b/src/types/api/index.ts
@@ -78,6 +78,9 @@ export * from './agentRecharge'
 // 支付设置相关
 export * from './paymentSettings'
 
+// 系统配置相关
+export * from './systemConfig'
+
 // 退款管理相关
 export * from './refund'
 
diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index 43c6dc4..8561bc3 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -336,8 +336,8 @@ export interface CreateShopSeriesGrantRequest {
   commission_tiers?: CommissionTier[] // 梯度配置列表，梯度模式时必填
   enable_force_recharge?: boolean // 是否启用强充
   force_recharge_amount?: number // 强充金额（分）
-  packages?: GrantPackageItem[] // 套餐列表
-  expiry_base_override: PackageAllocationExpiryBaseOverride | null
+  packages: GrantPackageItem[] // 初始套餐列表，1～100项
+  expiry_base_override?: PackageAllocationExpiryBaseOverride | null
 }
 
 /**
@@ -354,7 +354,7 @@ export interface UpdateShopSeriesGrantRequest {
  * 管理套餐请求中的套餐项
  */
 export interface GrantPackageItem {
-  package_id?: number // 套餐ID
+  package_id: number // 套餐ID
   cost_price?: number // 成本价（分）
   expiry_base_override?: PackageAllocationExpiryBaseOverride | null
   remove?: boolean | null // 是否删除该套餐授权（true=删除）
@@ -364,6 +364,6 @@ export interface GrantPackageItem {
  * 管理套餐请求
  */
 export interface ManageGrantPackagesRequest {
-  packages?: GrantPackageItem[] | null // 套餐操作列表
-  expiry_base_override: PackageAllocationExpiryBaseOverride | null // 新增套餐统一生效条件
+  packages: GrantPackageItem[] // 套餐操作列表，1～100项
+  expiry_base_override?: PackageAllocationExpiryBaseOverride | null // 新增套餐统一生效条件
 }
diff --git a/src/types/api/systemConfig.ts b/src/types/api/systemConfig.ts
new file mode 100644
index 0000000..2a0b7e9
--- /dev/null
+++ b/src/types/api/systemConfig.ts
@@ -0,0 +1,37 @@
+import type { PaginationParams } from './common'
+
+export type SystemConfigModule = 'carrier_callback' | 'c2b.payment'
+
+export type SystemConfigValueType = 'string' | 'int' | 'bool' | 'json'
+
+export interface SystemConfigItem {
+  config_key: string
+  module: SystemConfigModule
+  value: string
+  value_type: SystemConfigValueType
+  description: string
+  control: string
+  enum_values: string[]
+  min: number | null
+  max: number | null
+  readonly: boolean
+  registered: boolean
+  sensitive: boolean
+  updated_at: string | null
+}
+
+export interface SystemConfigQueryParams extends PaginationParams {
+  module?: SystemConfigModule
+}
+
+export interface SystemConfigPageResult {
+  list: SystemConfigItem[]
+  page: number
+  page_size: number
+  total: number
+}
+
+export interface UpdateSystemConfigRequest {
+  key: string
+  value: string
+}
diff --git a/src/utils/business/seriesGrantPackage.ts b/src/utils/business/seriesGrantPackage.ts
new file mode 100644
index 0000000..7372c40
--- /dev/null
+++ b/src/utils/business/seriesGrantPackage.ts
@@ -0,0 +1,44 @@
+import type { GrantPackageInfo, PackageResponse } from '@/types/api'
+
+export interface GrantPackageCandidate {
+  id: number
+  package_name?: string
+  package_code?: string
+  cost_price?: number
+  suggested_retail_price?: number | null
+  is_authorized: boolean
+  authorized_package?: GrantPackageInfo
+}
+
+export const mergeGrantPackageCandidates = (
+  candidates: PackageResponse[],
+  authorizedPackages: GrantPackageInfo[]
+): GrantPackageCandidate[] => {
+  const merged = new Map<number, GrantPackageCandidate>()
+
+  candidates.forEach((candidate) => {
+    merged.set(candidate.id, {
+      id: candidate.id,
+      package_name: candidate.package_name,
+      package_code: candidate.package_code,
+      cost_price: candidate.cost_price,
+      suggested_retail_price: candidate.suggested_retail_price,
+      is_authorized: false
+    })
+  })
+
+  authorizedPackages.forEach((authorizedPackage) => {
+    const candidate = merged.get(authorizedPackage.package_id)
+    merged.set(authorizedPackage.package_id, {
+      id: authorizedPackage.package_id,
+      package_name: candidate?.package_name ?? authorizedPackage.package_name,
+      package_code: candidate?.package_code ?? authorizedPackage.package_code,
+      cost_price: authorizedPackage.cost_price ?? candidate?.cost_price,
+      suggested_retail_price: candidate?.suggested_retail_price,
+      is_authorized: true,
+      authorized_package: authorizedPackage
+    })
+  })
+
+  return [...merged.values()]
+}
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
index 90128c9..13a6a13 100644
--- a/src/views/package-management/series-grants/detail.vue
+++ b/src/views/package-management/series-grants/detail.vue
@@ -245,7 +245,7 @@
                 :key="pkg.id"
                 :label="`${pkg.package_name} (${pkg.package_code})`"
                 :value="pkg.id"
-                :disabled="isPackageAlreadyAdded(pkg.id)"
+                :disabled="pkg.is_authorized"
               />
             </ElSelect>
           </ElFormItem>
@@ -345,7 +345,6 @@
   } from '@/api/modules'
   import type {
     ShopSeriesGrantResponse,
-    PackageResponse,
     GrantPackageItem,
     GrantPackageInfo,
     PackageAllocationExpiryBaseOverride,
@@ -353,6 +352,10 @@
   } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
   import { getEnableStatusText } from '@/config/constants'
+  import {
+    mergeGrantPackageCandidates,
+    type GrantPackageCandidate
+  } from '@/utils/business/seriesGrantPackage'
 
   defineOptions({ name: 'SeriesGrantsDetail' })
 
@@ -366,7 +369,7 @@
   const seriesData = ref<PackageSeriesResponse | null>(null)
   const packageDialogVisible = ref(false)
   const packageDialogType = ref<'add' | 'edit'>('add')
-  const availablePackages = ref<PackageResponse[]>([])
+  const availablePackages = ref<GrantPackageCandidate[]>([])
   const packageFormRef = ref<FormInstance>()
 
   type ExpiryBaseSelection = PackageAllocationExpiryBaseOverride | 'default'
@@ -559,7 +562,10 @@
 
       const res = await PackageManageService.getPackages(params)
       if (res.code === 0) {
-        availablePackages.value = res.data.items
+        availablePackages.value = mergeGrantPackageCandidates(
+          res.data.items,
+          detailData.value.packages || []
+        )
       }
     } catch (error) {
       console.error('加载套餐选项失败:', error)
@@ -577,11 +583,6 @@
     }
   }
 
-  // 检查套餐是否已添加
-  const isPackageAlreadyAdded = (packageId: number) => {
-    return detailData.value?.packages?.some((p) => p.package_id === packageId) || false
-  }
-
   // 保存套餐
   const handleSavePackage = async () => {
     if (!packageFormRef.value || !detailData.value) return
@@ -600,7 +601,7 @@
                 : packageForm.value.expiry_base_override,
             packages: [
               {
-                package_id: packageForm.value.package_id,
+                package_id: packageForm.value.package_id!,
                 cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
               }
             ]
@@ -616,7 +617,7 @@
 
           const packages: GrantPackageItem[] = [
             {
-              package_id: packageForm.value.package_id,
+              package_id: packageForm.value.package_id!,
               cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
             }
           ]
@@ -672,10 +673,7 @@
             }
           ]
 
-          await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, {
-            expiry_base_override: row.expiry_base_override ?? null,
-            packages
-          })
+          await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, { packages })
           ElMessage.success('删除成功')
 
           // 刷新详情数据
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index e033e51..5ec8074 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -113,17 +113,18 @@
 
                 <!-- 套餐配置 -->
                 <div v-if="form.shop_id" class="form-section-title">
-                  <span class="title-text">套餐配置（可选）</span>
+                  <span class="title-text">套餐配置（必选）</span>
                 </div>
 
                 <template v-if="form.shop_id">
                   <!-- 选择套餐 -->
-                  <ElFormItem label="选择套餐">
+                  <ElFormItem label="选择套餐" prop="packages">
                     <ElSelect
                       v-model="selectedPackageIds"
                       placeholder="请选择套餐"
                       style="width: 100%"
                       multiple
+                      :multiple-limit="100"
                       filterable
                       remote
                       :remote-method="searchPackages"
@@ -142,7 +143,7 @@
                         :value="pkg.id"
                       />
                     </ElSelect>
-                    <div class="form-tip">选择该授权下包含的套餐</div>
+                    <div class="form-tip">首次创建必须选择 1～100 个不重复套餐</div>
                   </ElFormItem>
 
                   <!-- 套餐成本价 -->
@@ -799,6 +800,24 @@
       shop_id: [{ required: true, message: '请选择店铺', trigger: 'change' }]
     }
 
+    baseRules.packages = [
+      {
+        validator: (_rule, value, callback) => {
+          const packageIds = (value || []).map((pkg: { package_id: number }) => pkg.package_id)
+          if (packageIds.length < 1) {
+            callback(new Error('请至少选择 1 个套餐'))
+          } else if (packageIds.length > 100) {
+            callback(new Error('最多选择 100 个套餐'))
+          } else if (new Set(packageIds).size !== packageIds.length) {
+            callback(new Error('套餐不能重复'))
+          } else {
+            callback()
+          }
+        },
+        trigger: 'change'
+      }
+    ]
+
     // 只有启用一次性佣金时才添加佣金验证规则
     if (form.enable_one_time_commission) {
       // 根据佣金类型添加验证规则
@@ -1092,9 +1111,9 @@
 
   // 移除套餐
   const removePackage = (index: number) => {
+    const removedPackageId = form.packages[index]?.package_id
     form.packages.splice(index, 1)
     // 同步更新选中的套餐ID
-    const removedPackageId = form.packages[index]?.package_id
     if (removedPackageId) {
       const idIndex = selectedPackageIds.value.indexOf(removedPackageId)
       if (idIndex > -1) {
@@ -1732,6 +1751,20 @@
             cost_price: Math.round((pkg.cost_price ?? 0) * 100)
           }))
 
+          if (dialogType.value === 'add') {
+            const packageIds = packageItems.map((pkg: { package_id: number }) => pkg.package_id)
+            if (packageIds.length < 1 || packageIds.length > 100) {
+              ElMessage.error('首次创建必须选择 1～100 个套餐')
+              submitLoading.value = false
+              return
+            }
+            if (new Set(packageIds).size !== packageIds.length) {
+              ElMessage.error('套餐不能重复')
+              submitLoading.value = false
+              return
+            }
+          }
+
           if (packageItems.length > 0) {
             // 验证是否包含赠送套餐
             for (const pkg of form.packages) {
@@ -1815,8 +1848,8 @@
     let fieldsToValidate: string[] = []
 
     if (currentStep.value === 0) {
-      // 第一步：验证系列和店铺选择
-      fieldsToValidate = ['series_id', 'shop_id']
+      // 第一步：验证系列、店铺和初始套餐
+      fieldsToValidate = ['series_id', 'shop_id', 'packages']
     }
 
     try {
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index 7c8afae..2df7899 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -100,7 +100,7 @@
                 :key="pkg.id"
                 :label="`${pkg.package_name} (${pkg.package_code})`"
                 :value="pkg.id"
-                :disabled="isPackageAlreadyAdded(pkg.id)"
+                :disabled="pkg.is_authorized"
               />
             </ElSelect>
           </ElFormItem>
@@ -193,10 +193,13 @@
   import type {
     GrantPackageInfo,
     GrantPackageItem,
-    PackageAllocationExpiryBaseOverride,
-    PackageResponse
+    PackageAllocationExpiryBaseOverride
   } from '@/types/api'
   import { useAuth } from '@/composables/useAuth'
+  import {
+    mergeGrantPackageCandidates,
+    type GrantPackageCandidate
+  } from '@/utils/business/seriesGrantPackage'
 
   defineOptions({ name: 'SeriesGrantPackages' })
 
@@ -213,7 +216,7 @@
   const seriesId = ref<number>(0)
   const grantName = ref<string>('')
   const packageList = ref<GrantPackageInfo[]>([])
-  const availablePackages = ref<PackageResponse[]>([])
+  const availablePackages = ref<GrantPackageCandidate[]>([])
   const packageFormRef = ref<FormInstance>()
 
   const packageDialogVisible = ref(false)
@@ -378,7 +381,7 @@
       }
       const res = await PackageManageService.getPackages(params)
       if (res.code === 0) {
-        availablePackages.value = res.data.items
+        availablePackages.value = mergeGrantPackageCandidates(res.data.items, packageList.value)
       }
     } catch (error) {
       console.error('加载套餐选项失败:', error)
@@ -395,10 +398,6 @@
     }
   }
 
-  const isPackageAlreadyAdded = (packageId: number) => {
-    return packageList.value.some((p) => p.package_id === packageId)
-  }
-
   watch(
     () => packageForm.value.package_id,
     (packageId) => {
@@ -440,7 +439,7 @@
               packageForm.value.expiry_base_override === 'default'
                 ? null
                 : packageForm.value.expiry_base_override,
-            packages: [{ package_id: packageForm.value.package_id, cost_price: costPrice }]
+            packages: [{ package_id: packageForm.value.package_id!, cost_price: costPrice }]
           })
         } else {
           const expiryBaseChanged =
@@ -452,7 +451,7 @@
           }
 
           const packages: GrantPackageItem[] = [
-            { package_id: packageForm.value.package_id, cost_price: costPrice }
+            { package_id: packageForm.value.package_id!, cost_price: costPrice }
           ]
           if (expiryBaseChanged) {
             await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
@@ -499,10 +498,7 @@
                 remove: true
               }
             ]
-            await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
-              expiry_base_override: row.expiry_base_override ?? null,
-              packages
-            })
+            await ShopSeriesGrantService.manageGrantPackages(grantId.value, { packages })
             await fetchPackageList()
           } catch (error) {
             console.error(error)
diff --git a/src/views/settings/system-configs/index.vue b/src/views/settings/system-configs/index.vue
new file mode 100644
index 0000000..e7b208b
--- /dev/null
+++ b/src/views/settings/system-configs/index.vue
@@ -0,0 +1,351 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="system-configs-page" id="table-full-screen">
+      <ArtSearchBar
+        v-model:filter="searchForm"
+        :items="searchFormItems"
+        :show-expand="false"
+        label-width="90px"
+        @reset="handleReset"
+        @search="handleSearch"
+      />
+
+      <ElCard shadow="never" class="art-table-card">
+        <ArtTableHeader
+          :columnList="columnOptions"
+          v-model:columns="columnChecks"
+          @refresh="loadConfigs"
+        />
+
+        <ArtTable
+          ref="tableRef"
+          row-key="config_key"
+          :loading="loading"
+          :data="configList"
+          :currentPage="pagination.page"
+          :pageSize="pagination.page_size"
+          :total="pagination.total"
+          :marginTop="10"
+          :actions="getActions"
+          :actionsWidth="100"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        >
+          <template #default>
+            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
+          </template>
+        </ArtTable>
+      </ElCard>
+
+      <ElDialog
+        v-model="dialogVisible"
+        title="编辑系统配置"
+        width="560px"
+        :close-on-click-modal="false"
+      >
+        <ElForm label-width="120px">
+          <ElFormItem label="配置 Key">
+            <ElInput :model-value="currentConfig?.config_key || '-'" disabled />
+          </ElFormItem>
+          <ElFormItem label="配置说明">
+            <span>{{ currentConfig?.description || '-' }}</span>
+          </ElFormItem>
+          <ElFormItem label="配置值">
+            <ElSwitch v-if="isBooleanConfig" v-model="editBoolean" />
+            <ElInputNumber
+              v-else-if="isIntegerConfig"
+              v-model="editNumber"
+              :min="currentConfig?.min ?? undefined"
+              :max="currentConfig?.max ?? undefined"
+              :precision="0"
+              controls-position="right"
+              style="width: 100%"
+            />
+            <ElSelect v-else-if="isEnumConfig" v-model="editValue" style="width: 100%">
+              <ElOption
+                v-for="item in currentConfig?.enum_values"
+                :key="item"
+                :value="item"
+                :label="item"
+              />
+            </ElSelect>
+            <ElInput
+              v-else-if="isJsonConfig"
+              v-model="editValue"
+              type="textarea"
+              :rows="6"
+              placeholder="请输入 JSON 配置"
+            />
+            <ElInput
+              v-else
+              v-model="editValue"
+              :type="currentConfig?.sensitive ? 'password' : 'text'"
+              :show-password="Boolean(currentConfig?.sensitive)"
+              placeholder="请输入配置值"
+            />
+          </ElFormItem>
+          <div v-if="valueHint" class="config-hint">{{ valueHint }}</div>
+        </ElForm>
+
+        <template #footer>
+          <ElButton @click="dialogVisible = false">取消</ElButton>
+          <ElButton type="primary" :loading="submitLoading" @click="handleSubmit"> 保存 </ElButton>
+        </template>
+      </ElDialog>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { computed, h, onMounted, reactive, ref } from 'vue'
+  import { ElMessage, ElTag } from 'element-plus'
+  import { SystemConfigService } from '@/api/modules'
+  import type { SearchFormItem } from '@/types'
+  import type { SystemConfigItem, SystemConfigModule } from '@/types/api/systemConfig'
+  import { formatDateTime } from '@/utils/business/format'
+  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+
+  defineOptions({ name: 'SystemConfigs' })
+
+  const moduleOptions = [
+    { label: '运营商回调配置', value: 'carrier_callback' },
+    { label: 'C 端支付方式配置', value: 'c2b.payment' }
+  ]
+
+  const searchForm = reactive<{ module?: SystemConfigModule }>({ module: undefined })
+  const searchFormItems: SearchFormItem[] = [
+    {
+      label: '配置模块',
+      prop: 'module',
+      type: 'select',
+      options: moduleOptions,
+      config: { clearable: true, placeholder: '请选择配置模块' }
+    }
+  ]
+
+  const loading = ref(false)
+  const submitLoading = ref(false)
+  const dialogVisible = ref(false)
+  const tableRef = ref()
+  const currentConfig = ref<SystemConfigItem | null>(null)
+  const configList = ref<SystemConfigItem[]>([])
+  const editValue = ref('')
+  const originalValue = ref('')
+  const editBoolean = ref(false)
+  const editNumber = ref<number | null>(null)
+  const pagination = reactive({ page: 1, page_size: 20, total: 0 })
+
+  const columnOptions = [
+    { label: '配置 Key', prop: 'config_key' },
+    { label: '模块', prop: 'module' },
+    { label: '配置说明', prop: 'description' },
+    { label: '配置值', prop: 'value' },
+    { label: '控件', prop: 'control' },
+    { label: '注册状态', prop: 'registered' },
+    { label: '只读', prop: 'readonly' },
+    { label: '敏感', prop: 'sensitive' },
+    { label: '更新时间', prop: 'updated_at' }
+  ]
+
+  const moduleLabel = (module: SystemConfigModule) =>
+    moduleOptions.find((item) => item.value === module)?.label || module
+
+  const { columnChecks, columns } = useCheckedColumns(() => [
+    { prop: 'config_key', label: '配置 Key', minWidth: 220, showOverflowTooltip: true },
+    {
+      prop: 'module',
+      label: '模块',
+      minWidth: 150,
+      formatter: (row: SystemConfigItem) => moduleLabel(row.module)
+    },
+    { prop: 'description', label: '配置说明', minWidth: 180, showOverflowTooltip: true },
+    {
+      prop: 'value',
+      label: '配置值',
+      minWidth: 150,
+      formatter: (row: SystemConfigItem) => row.value || '-'
+    },
+    { prop: 'control', label: '控件', width: 100 },
+    {
+      prop: 'registered',
+      label: '注册状态',
+      width: 100,
+      formatter: (row: SystemConfigItem) =>
+        h(ElTag, { type: row.registered ? 'success' : 'info' }, () =>
+          row.registered ? '已注册' : '未注册'
+        )
+    },
+    {
+      prop: 'readonly',
+      label: '只读',
+      width: 80,
+      formatter: (row: SystemConfigItem) => (row.readonly ? '是' : '否')
+    },
+    {
+      prop: 'sensitive',
+      label: '敏感',
+      width: 80,
+      formatter: (row: SystemConfigItem) => (row.sensitive ? '是' : '否')
+    },
+    {
+      prop: 'updated_at',
+      label: '更新时间',
+      width: 180,
+      formatter: (row: SystemConfigItem) => formatDateTime(row.updated_at)
+    }
+  ])
+
+  const isBooleanConfig = computed(
+    () => currentConfig.value?.value_type === 'bool' || currentConfig.value?.control === 'switch'
+  )
+  const isIntegerConfig = computed(
+    () => !isBooleanConfig.value && currentConfig.value?.value_type === 'int'
+  )
+  const isEnumConfig = computed(
+    () =>
+      !isBooleanConfig.value &&
+      !isIntegerConfig.value &&
+      Boolean(currentConfig.value?.enum_values?.length)
+  )
+  const isJsonConfig = computed(
+    () =>
+      !isBooleanConfig.value && !isIntegerConfig.value && currentConfig.value?.value_type === 'json'
+  )
+
+  const valueHint = computed(() => {
+    if (!currentConfig.value) return ''
+    const { min, max } = currentConfig.value
+    if (min !== null && max !== null) return `取值范围：${min}～${max}`
+    if (min !== null) return `最小值：${min}`
+    if (max !== null) return `最大值：${max}`
+    return ''
+  })
+
+  const getSubmittedValue = () => {
+    if (isBooleanConfig.value) return String(editBoolean.value)
+    if (isIntegerConfig.value) return editNumber.value === null ? '' : String(editNumber.value)
+    return editValue.value
+  }
+
+  const validateValue = (value: string) => {
+    const config = currentConfig.value
+    if (!config) return '配置不存在'
+    if (config.enum_values.length > 0 && !config.enum_values.includes(value)) {
+      return '配置值不在允许的枚举范围内'
+    }
+    if (config.value_type === 'int') {
+      if (!/^-?\d+$/.test(value)) return '请输入整数'
+      const numberValue = Number(value)
+      if (config.min !== null && numberValue < config.min) return `配置值不能小于 ${config.min}`
+      if (config.max !== null && numberValue > config.max) return `配置值不能大于 ${config.max}`
+    }
+    if (config.value_type === 'json') {
+      try {
+        JSON.parse(value)
+      } catch {
+        return '请输入有效的 JSON'
+      }
+    }
+    if (value === '') return '配置值不能为空'
+    return ''
+  }
+
+  const getActions = (row: SystemConfigItem) =>
+    row.readonly
+      ? []
+      : [{ label: '编辑', handler: () => showEditDialog(row), type: 'primary' as const }]
+
+  const loadConfigs = async () => {
+    loading.value = true
+    try {
+      const res = await SystemConfigService.getSystemConfigs({
+        page: pagination.page,
+        page_size: pagination.page_size,
+        module: searchForm.module
+      })
+      if (res.code === 0) {
+        configList.value = res.data.list || []
+        pagination.total = res.data.total || 0
+      }
+    } catch (error) {
+      console.error('获取系统配置失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const showEditDialog = (row: SystemConfigItem) => {
+    currentConfig.value = row
+    originalValue.value = row.value
+    editValue.value = row.value
+    editBoolean.value = row.value === 'true'
+    editNumber.value = /^-?\d+$/.test(row.value) ? Number(row.value) : null
+    dialogVisible.value = true
+  }
+
+  const handleSubmit = async () => {
+    if (!currentConfig.value || currentConfig.value.readonly) return
+    const value = getSubmittedValue()
+    if (currentConfig.value.sensitive && value === originalValue.value) {
+      ElMessage.warning('敏感配置未输入新值，无需保存')
+      return
+    }
+    const errorMessage = validateValue(value)
+    if (errorMessage) {
+      ElMessage.warning(errorMessage)
+      return
+    }
+
+    submitLoading.value = true
+    try {
+      const res = await SystemConfigService.updateSystemConfig(currentConfig.value.config_key, {
+        key: currentConfig.value.config_key,
+        value
+      })
+      if (res.code === 0) {
+        ElMessage.success('系统配置更新成功')
+        dialogVisible.value = false
+        await loadConfigs()
+      } else {
+        ElMessage.error(res.msg || '系统配置更新失败')
+      }
+    } catch (error) {
+      console.error('更新系统配置失败:', error)
+    } finally {
+      submitLoading.value = false
+    }
+  }
+
+  const handleReset = () => {
+    searchForm.module = undefined
+    pagination.page = 1
+    loadConfigs()
+  }
+
+  const handleSearch = () => {
+    pagination.page = 1
+    loadConfigs()
+  }
+
+  const handleSizeChange = (size: number) => {
+    pagination.page_size = size
+    loadConfigs()
+  }
+
+  const handleCurrentChange = (page: number) => {
+    pagination.page = page
+    loadConfigs()
+  }
+
+  onMounted(loadConfigs)
+</script>
+
+<style scoped lang="scss">
+  .system-configs-page {
+    .config-hint {
+      margin: -12px 0 0 120px;
+      font-size: 12px;
+      color: var(--el-text-color-secondary);
+    }
+  }
+</style>

From cc6fc9243ee276a37cd5e5de44e3f859706a73be Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Sat, 25 Jul 2026 14:37:27 +0800
Subject: [PATCH 31/76] =?UTF-8?q?feat:=20=E6=B3=A8=E6=84=8F=E4=BA=8B?=
 =?UTF-8?q?=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../core/layouts/art-header-bar/index.vue     | 10 +++++
 .../core/layouts/art-notification/index.vue   |  2 +-
 src/types/api/asset.ts                        |  3 +-
 .../components/OperationLogsCard.vue          | 45 -------------------
 src/views/notifications/index.vue             |  2 +-
 5 files changed, 13 insertions(+), 49 deletions(-)

diff --git a/src/components/core/layouts/art-header-bar/index.vue b/src/components/core/layouts/art-header-bar/index.vue
index 5d35a97..e16d5ee 100644
--- a/src/components/core/layouts/art-header-bar/index.vue
+++ b/src/components/core/layouts/art-header-bar/index.vue
@@ -184,6 +184,7 @@
 </template>
 
 <script setup lang="ts">
+  import { onBeforeUnmount, onMounted } from 'vue'
   import { MenuTypeEnum, MenuWidth } from '@/enums/appEnum'
   import { useSettingStore } from '@/store/modules/setting'
   import { useUserStore } from '@/store/modules/user'
@@ -264,9 +265,18 @@
     initLanguage()
     if (hasAuth(NOTIFICATION_PERMISSIONS.page)) {
       void notificationStore.refreshUnreadCount().catch(() => undefined)
+      unreadTimer = window.setInterval(() => {
+        void notificationStore.refreshUnreadCount().catch(() => undefined)
+      }, 30_000)
     }
   })
 
+  let unreadTimer: number | undefined
+
+  onBeforeUnmount(() => {
+    if (unreadTimer !== undefined) window.clearInterval(unreadTimer)
+  })
+
   const { isFullscreen, toggle: toggleFullscreen } = useFullscreen()
 
   const toggleFullScreen = () => {
diff --git a/src/components/core/layouts/art-notification/index.vue b/src/components/core/layouts/art-notification/index.vue
index 6f6d807..c5796fc 100644
--- a/src/components/core/layouts/art-notification/index.vue
+++ b/src/components/core/layouts/art-notification/index.vue
@@ -128,12 +128,12 @@
       return
     }
     try {
+      const targetResponse = await NotificationService.getTarget(item.id)
       const readResponse = await notificationStore.markRead(item.id)
       if (readResponse.code !== 0) {
         ElMessage.error(readResponse.msg || '标记已读失败')
         return
       }
-      const targetResponse = await NotificationService.getTarget(item.id)
       if (targetResponse.code !== 0 || !targetResponse.data) {
         ElMessage.info(item.body || '该通知暂无可跳转目标')
         return
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index adcd028..1b436fc 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -473,7 +473,7 @@ export interface AssetWalletResponse {
   resource_type?: string // 资源类型：iot_card 或 device
   balance?: number // 总余额（分）
   frozen_balance?: number // 冻结余额（分）
-  available_balance?: number // 可用余额 = balance - frozen_balance（分）
+  available_balance?: number // 后端返回的可用余额（分），前端不得自行计算
   currency?: string // 币种，目前固定 CNY
   status?: number // 钱包状态：1-正常 2-冻结 3-关闭
   status_text?: string // 状态文本
@@ -607,6 +607,5 @@ export interface AssetOperationLogsResponse {
 export interface AssetOperationLogsParams {
   page?: number // 页码，默认1
   page_size?: number // 每页条数，默认20，最大100
-  operation_type?: string // 操作类型
   result_status?: 'success' | 'failed' | 'denied' // 执行结果
 }
diff --git a/src/views/asset-management/asset-information/components/OperationLogsCard.vue b/src/views/asset-management/asset-information/components/OperationLogsCard.vue
index a04ba1f..f906fe6 100644
--- a/src/views/asset-management/asset-information/components/OperationLogsCard.vue
+++ b/src/views/asset-management/asset-information/components/OperationLogsCard.vue
@@ -4,20 +4,6 @@
       <div class="card-header">
         <span class="header-title">操作审计日志</span>
         <div class="filter-section">
-          <ElSelect
-            v-model="filterForm.operation_type"
-            placeholder="操作类型"
-            clearable
-            class="operation-type-select"
-            @change="handleFilterChange"
-          >
-            <ElOption
-              v-for="option in operationTypeOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
-          </ElSelect>
           <ElSelect
             v-model="filterForm.result_status"
             placeholder="执行结果"
@@ -169,34 +155,6 @@
 
   type DisplayItem = ChangeItem | MessageItem
 
-  const operationTypeOptions = [
-    { label: '设备WiFi设置', value: 'device_set_wifi' },
-    { label: '设备切卡', value: 'device_switch_card' },
-    { label: '设备切卡模式', value: 'device_switch_mode' },
-    { label: '设备停机', value: 'device_stop' },
-    { label: '设备复机', value: 'device_start' },
-    { label: '设备重启', value: 'device_reboot' },
-    { label: '设备重置', value: 'device_reset' },
-    { label: '设备分配', value: 'device_allocate' },
-    { label: '设备回收', value: 'device_recall' },
-    { label: '设备绑卡', value: 'device_bind_card' },
-    { label: '设备解绑卡', value: 'device_unbind_card' },
-    { label: '卡分配', value: 'card_allocate' },
-    { label: '卡回收', value: 'card_recall' },
-    { label: '卡停机', value: 'card_stop' },
-    { label: '卡复机', value: 'card_start' },
-    { label: '手动停卡', value: 'card_manual_stop' },
-    { label: '手动复机', value: 'card_manual_start' },
-    { label: '自动停卡', value: 'card_auto_stop' },
-    { label: '自动复机', value: 'card_auto_start' },
-    { label: '卡轮询状态', value: 'card_polling_status' },
-    { label: '资产轮询状态', value: 'asset_polling_status' },
-    { label: '实名策略', value: 'asset_realname_policy' },
-    { label: '实名状态', value: 'asset_realname_status' },
-    { label: '轮询开关', value: 'asset_polling' },
-    { label: 'IoT卡导入任务', value: 'iot_card_import_task_create' }
-  ] as const
-
   const operationTypeTagMap: Record<string, TagType> = {
     device_set_wifi: 'primary',
     device_switch_card: 'success',
@@ -309,7 +267,6 @@
   })
 
   const filterForm = reactive({
-    operation_type: '',
     result_status: '' as ResultStatus
   })
 
@@ -321,7 +278,6 @@
       const res = await AssetService.getOperationLogs(props.assetIdentifier, {
         page: pagination.page,
         page_size: pagination.page_size,
-        operation_type: filterForm.operation_type || undefined,
         result_status: filterForm.result_status || undefined
       })
       if (res.code === 0 && res.data) {
@@ -342,7 +298,6 @@
   }
 
   const handleReset = () => {
-    filterForm.operation_type = ''
     filterForm.result_status = ''
     pagination.page = 1
     loadLogs()
diff --git a/src/views/notifications/index.vue b/src/views/notifications/index.vue
index 5ff6705..ddc164b 100644
--- a/src/views/notifications/index.vue
+++ b/src/views/notifications/index.vue
@@ -197,12 +197,12 @@
 
   const handleNotificationClick = async (item: NotificationItem) => {
     try {
+      const targetResponse = await NotificationService.getTarget(item.id)
       const readResponse = await notificationStore.markRead(item.id)
       if (readResponse.code !== 0) {
         ElMessage.error(readResponse.msg || '标记已读失败')
         return
       }
-      const targetResponse = await NotificationService.getTarget(item.id)
       if (targetResponse.code !== 0 || !targetResponse.data) {
         ElMessage.info(item.body || '该通知暂无可跳转目标')
         await loadNotifications()

From f0a2b84e5326c729e93715286ddd0abe946e1b2a Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 27 Jul 2026 16:30:29 +0800
Subject: [PATCH 32/76] =?UTF-8?q?feat:=20=E4=BA=A7=E5=93=81=E8=BF=AD?=
 =?UTF-8?q?=E4=BB=A37=E6=9C=88=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../add-asset-realname-status-filter/tasks.md |  24 +-
 .../tasks.md                                  |   2 +-
 .../tasks.md                                  |  22 +-
 .../design.md                                 |  42 ++
 .../proposal.md                               |  23 +
 .../spec.md                                   | 193 ++++++++
 .../tasks.md                                  |  61 +++
 .../tasks.md                                  |  26 +-
 public/templates/bulk-purchase-template.csv   |   1 +
 .../device-batch-allocation-template.csv      |   1 +
 src/api/modules/account.ts                    |   6 +-
 src/api/modules/bulkPurchase.ts               |  30 +-
 src/api/modules/card.ts                       |  18 +-
 src/api/modules/device.ts                     |  32 +-
 src/api/modules/exchange.ts                   |  20 +-
 src/api/modules/exportTask.ts                 |   3 +-
 src/api/modules/index.ts                      |   1 +
 src/api/modules/packageManage.ts              |   4 +-
 src/api/modules/storage.ts                    |   7 +-
 src/api/modules/wecom.ts                      |  78 ++++
 src/components/business/VoucherUpload.vue     |  36 +-
 src/composables/useAsyncTaskPolling.ts        |   4 +-
 src/config/constants/exportTask.ts            |  50 +++
 src/config/constants/index.ts                 |   1 +
 src/config/constants/julyIteration.ts         |  32 ++
 src/router/routes/asyncRoutes.ts              |  97 +++-
 src/router/routesAlias.ts                     |   7 +-
 src/types/api/agentRecharge.ts                |  11 +-
 src/types/api/asset.ts                        |  16 +-
 src/types/api/bulkPurchase.ts                 |  65 ++-
 src/types/api/card.ts                         |  10 +
 src/types/api/device.ts                       |  31 +-
 src/types/api/exportTask.ts                   |  14 +-
 src/types/api/index.ts                        |   3 +
 src/types/api/order.ts                        |  17 +-
 src/types/api/packageManagement.ts            |   7 +-
 src/types/api/refund.ts                       |   5 +-
 src/types/api/shop.ts                         |   4 +
 src/types/api/systemConfig.ts                 |  19 +
 src/types/api/wecom.ts                        |  95 ++++
 src/types/components.d.ts                     |   1 +
 src/utils/business/apiError.ts                |  31 ++
 src/utils/business/approvalSummary.ts         |  29 +-
 src/utils/http/index.ts                       |   6 +-
 .../components/BasicInfoCard.vue              |  37 +-
 .../dialogs/PackageRechargeDialog.vue         |   8 +-
 .../components/dialogs/SpeedLimitDialog.vue   |  54 +--
 .../composables/useAssetOperations.ts         |  32 --
 .../asset-information/index.vue               |  34 +-
 .../asset-management/device-list/index.vue    |   3 +-
 .../exchange-management/detail.vue            |   5 +
 .../exchange-management/index.vue             |  29 +-
 .../expiring-assets/index.vue                 |  18 +-
 .../iot-card-management/index.vue             |   3 +-
 .../task-management/device-task/index.vue     | 203 +++++++--
 .../task-management/task-detail/index.vue     |   9 +
 .../agent-fund-overview/index.vue             |  15 +-
 src/views/finance/agent-recharge/detail.vue   |   6 +-
 src/views/finance/agent-recharge/index.vue    |   6 +-
 .../order-management/bulk-purchase/index.vue  | 107 ++---
 .../order-management/order-list/detail.vue    |  32 +-
 .../order-management/order-list/index.vue     |  48 +-
 .../package-list/detail.vue                   |  24 +-
 .../package-management/package-list/index.vue | 153 +++++--
 .../package-series/index.vue                  |  10 +-
 .../series-grants/detail.vue                  |  41 +-
 .../series-grants/index.vue                   |  45 +-
 .../series-grants/packages.vue                |  26 +-
 src/views/settings/system-configs/index.vue   |  34 +-
 .../settings/wecom/applications/detail.vue    | 253 +++++++++++
 .../settings/wecom/applications/index.vue     | 171 +++++++
 src/views/settings/wecom/members/index.vue    | 424 ++++++++++++++++++
 src/views/settings/wecom/scenes/index.vue     | 375 ++++++++++++++++
 src/views/shop-management/list/index.vue      |  52 ++-
 src/views/system/role/index.vue               |  18 +-
 75 files changed, 2926 insertions(+), 534 deletions(-)
 create mode 100644 openspec/changes/update-july-iteration-frontend-integration/design.md
 create mode 100644 openspec/changes/update-july-iteration-frontend-integration/proposal.md
 create mode 100644 openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md
 create mode 100644 openspec/changes/update-july-iteration-frontend-integration/tasks.md
 create mode 100644 public/templates/bulk-purchase-template.csv
 create mode 100644 public/templates/device-batch-allocation-template.csv
 create mode 100644 src/api/modules/wecom.ts
 create mode 100644 src/config/constants/julyIteration.ts
 create mode 100644 src/types/api/wecom.ts
 create mode 100644 src/utils/business/apiError.ts
 rename src/views/{operations => asset-management}/expiring-assets/index.vue (94%)
 create mode 100644 src/views/settings/wecom/applications/detail.vue
 create mode 100644 src/views/settings/wecom/applications/index.vue
 create mode 100644 src/views/settings/wecom/members/index.vue
 create mode 100644 src/views/settings/wecom/scenes/index.vue

diff --git a/openspec/changes/add-asset-realname-status-filter/tasks.md b/openspec/changes/add-asset-realname-status-filter/tasks.md
index d77ccf1..b713eb0 100644
--- a/openspec/changes/add-asset-realname-status-filter/tasks.md
+++ b/openspec/changes/add-asset-realname-status-filter/tasks.md
@@ -1,26 +1,26 @@
 ## 1. API Contracts And Types
 
-- [ ] 1.1 扩展卡列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
-- [ ] 1.2 扩展设备列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
-- [ ] 1.3 将卡列表查询接入 `GET /api/admin/iot-cards/standalone` 并传递实名状态筛选参数。
+- [x] 1.1 扩展卡列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
+- [x] 1.2 扩展设备列表查询参数和列表项类型，支持可选 `real_name_status` 以及必需的 `real_name_status_name`。
+- [x] 1.3 将卡列表查询接入 `GET /api/admin/iot-cards/standalone` 并传递实名状态筛选参数。
 
 ## 2. Card List
 
-- [ ] 2.1 在卡列表筛选区新增“实名状态”的全部、已实名、未实名选项。
-- [ ] 2.2 将选中的实名状态传递给卡列表查询，并在搜索、刷新、分页、导出中保留该条件。
-- [ ] 2.3 在卡列表表格新增“实名状态”列，展示接口返回的 `real_name_status_name`。
-- [ ] 2.4 重置卡列表搜索时清空实名状态筛选。
+- [x] 2.1 在卡列表筛选区新增“实名状态”的全部、已实名、未实名选项。
+- [x] 2.2 将选中的实名状态传递给卡列表查询，并在搜索、刷新、分页、导出中保留该条件。
+- [x] 2.3 在卡列表表格新增“实名状态”列，展示接口返回的 `real_name_status_name`。
+- [x] 2.4 重置卡列表搜索时清空实名状态筛选。
 
 ## 3. Device List
 
-- [ ] 3.1 在设备列表筛选区新增“实名状态”的全部、已实名、未实名选项。
-- [ ] 3.2 将选中的实名状态传递给 `GET /api/admin/devices`，并在搜索、刷新、分页、导出中保留该条件。
-- [ ] 3.3 在设备列表表格新增“实名状态”列，直接展示接口返回的 `real_name_status_name`，不遍历绑定卡计算状态。
-- [ ] 3.4 重置设备列表搜索时清空实名状态筛选。
+- [x] 3.1 在设备列表筛选区新增“实名状态”的全部、已实名、未实名选项。
+- [x] 3.2 将选中的实名状态传递给 `GET /api/admin/devices`，并在搜索、刷新、分页、导出中保留该条件。
+- [x] 3.3 在设备列表表格新增“实名状态”列，直接展示接口返回的 `real_name_status_name`，不遍历绑定卡计算状态。
+- [x] 3.4 重置设备列表搜索时清空实名状态筛选。
 
 ## 4. Verification
 
 - [ ] 4.1 验证卡列表“全部”“已实名”“未实名”分别不传、传 `1`、传 `0`，且状态列显示接口名称。
 - [ ] 4.2 验证设备列表“全部”“已实名”“未实名”分别不传、传 `1`、传 `0`，且状态列直接显示设备接口名称。
 - [ ] 4.3 验证两个列表在分页切换、刷新和导出时保留实名状态筛选，重置后清空该条件。
-- [ ] 4.4 运行相关类型检查、lint 或构建验证。
+- [x] 4.4 运行相关类型检查、lint 或构建验证。
diff --git a/openspec/changes/update-exchange-refund-interception-feedback/tasks.md b/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
index fed8e1f..de521b4 100644
--- a/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
+++ b/openspec/changes/update-exchange-refund-interception-feedback/tasks.md
@@ -18,5 +18,5 @@
 
 - [ ] 4.1 验证活跃退款资产创建换货时显示“该资产存在退款申请”或后端等价业务原因，且不创建换货单。
 - [ ] 4.2 验证已拒绝、撤销或处理完成退款的资产按后端结果可继续创建换货。
-- [ ] 4.3 验证失败后保留表单并可更换资产重新提交。
+- [x] 4.3 验证失败后保留表单并可更换资产重新提交。
 - [x] 4.4 运行相关前端校验，并执行 `openspec validate update-exchange-refund-interception-feedback --strict`。
diff --git a/openspec/changes/update-exchange-separate-asset-search-display/tasks.md b/openspec/changes/update-exchange-separate-asset-search-display/tasks.md
index 596cf26..026874d 100644
--- a/openspec/changes/update-exchange-separate-asset-search-display/tasks.md
+++ b/openspec/changes/update-exchange-separate-asset-search-display/tasks.md
@@ -1,21 +1,21 @@
 ## 1. API Contract And Types
 
-- [ ] 1.1 将换货列表查询类型中的通用 `identifier` 替换为可选的 `old_asset_keyword` 与 `new_asset_keyword`。
-- [ ] 1.2 扩展换货列表项类型，支持 `old_asset_type`、`old_asset_id`、`old_asset_identifier`、`new_asset_type`、`new_asset_id`、`new_asset_identifier`、`status` 和 `status_name`。
+- [x] 1.1 将换货列表查询类型中的通用 `identifier` 替换为可选的 `old_asset_keyword` 与 `new_asset_keyword`。
+- [x] 1.2 扩展换货列表项类型，支持 `old_asset_type`、`old_asset_id`、`old_asset_identifier`、`new_asset_type`、`new_asset_id`、`new_asset_identifier`、`status` 和 `status_name`。
 
 ## 2. Exchange List Search
 
-- [ ] 2.1 将换货管理列表筛选区的“资产标识符”替换为“旧资产”和“新资产”输入框。
-- [ ] 2.2 查询、刷新和分页时保留并传递非空的 `old_asset_keyword`、`new_asset_keyword`，不再发送 `identifier`。
-- [ ] 2.3 重置搜索条件时清空新旧资产关键词，后续请求不发送这两个参数。
-- [ ] 2.4 保留用户输入的 ICCID、接入号、虚拟号、IMEI 或 SN 原始值，不在前端转换后再传递给后端。
+- [x] 2.1 将换货管理列表筛选区的“资产标识符”替换为“旧资产”和“新资产”输入框。
+- [x] 2.2 查询、刷新和分页时保留并传递非空的 `old_asset_keyword`、`new_asset_keyword`，不再发送 `identifier`。
+- [x] 2.3 重置搜索条件时清空新旧资产关键词，后续请求不发送这两个参数。
+- [x] 2.4 保留用户输入的 ICCID、接入号、虚拟号、IMEI 或 SN 原始值，不在前端转换后再传递给后端。
 
 ## 3. Exchange List Display
 
-- [ ] 3.1 增加旧资产类型、旧资产标识、新资产类型、新资产标识四个独立列表列。
-- [ ] 3.2 根据后端资产类型显示“物联网卡”或“设备”，并原样显示对应后端资产标识。
-- [ ] 3.3 状态列优先展示后端 `status_name`，缺失时显示稳定占位内容。
-- [ ] 3.4 新资产字段在未分配时显示稳定占位内容，不与旧资产字段混用。
+- [x] 3.1 增加旧资产类型、旧资产标识、新资产类型、新资产标识四个独立列表列。
+- [x] 3.2 根据后端资产类型显示“物联网卡”或“设备”，并原样显示对应后端资产标识。
+- [x] 3.3 状态列优先展示后端 `status_name`，缺失时显示稳定占位内容。
+- [x] 3.4 新资产字段在未分配时显示稳定占位内容，不与旧资产字段混用。
 
 ## 4. Verification
 
@@ -23,4 +23,4 @@
 - [ ] 4.2 验证两个资产关键词均为空时不传筛选参数，重置后保持相同行为。
 - [ ] 4.3 验证旧资产和新资产类型、标识符分别显示，IoT 卡显示 ICCID、设备显示设备号。
 - [ ] 4.4 验证卡的 ICCID、接入号或虚拟号关键词均由后端按输入所在的旧/新资产条件命中，前端不转换输入值。
-- [ ] 4.5 运行相关类型检查、lint 或构建验证。
+- [x] 4.5 运行相关类型检查、lint 或构建验证。
diff --git a/openspec/changes/update-july-iteration-frontend-integration/design.md b/openspec/changes/update-july-iteration-frontend-integration/design.md
new file mode 100644
index 0000000..ef7d3bc
--- /dev/null
+++ b/openspec/changes/update-july-iteration-frontend-integration/design.md
@@ -0,0 +1,42 @@
+## Context
+
+七月迭代后端实现已形成一份统一的前端联调说明，但需求横跨多个后台业务域，并同时涉及 H5/C 端接口。若不先固定边界，前端容易继续依赖旧字段、重复计算服务端事实，或误把 C 端工作纳入后台改造。
+
+## Goals / Non-Goals
+
+- Goals: 固定后台页面的调用顺序、字段来源、权限边界、金额单位、异步任务和错误处理规则。
+- Goals: 明确 H5/C 端依赖并标注为外部范围，不在本提案任务中实施。
+- Non-Goals: 不新增后端接口，不修改数据库，不实现企微/Gateway/Redis/Asynq/对象存储服务端逻辑。
+- Non-Goals: 不修改 H5 或 C 端页面、组件和调用代码。
+
+## Decisions
+
+- Decision: 后端返回值是业务事实来源。前端不得自行推导实名状态、支付方式、预计到期、可用金额、欠款、审批状态或异步任务状态。
+- Decision: 金额统一以分传输和计算，展示层才转换为元；信用和资金更新必须携带服务端返回的 `version`。
+- Decision: H5/C 端接口在规格中单独列为外部依赖，后台只负责在需要时保持接口契约一致。
+- Decision: 企微审批继续由原退款/线下充值业务入口触发，后台只读展示 `approval_provider`、`approval_status` 和 `approval_status_name`，不恢复旧人工审批按钮。
+- Decision: 设备批量分配复用设备导入任务页面和任务外壳，通过 `operation_type` 区分分配代理与设置套餐系列。
+- Decision: 系列套餐授权使用现有 `packages[]` 数组完成多选，授权详情中的 `package_id` 用于已授权标记，套餐列表中的公司成本价与授权成本价分开使用。
+- Decision: `docs/所需接口文档` 是本变更的接口契约索引；页面 API 类型、请求参数、枚举和响应字段必须以对应模块文档为准，不从七月说明中自行扩展路径。
+- Decision: 文件类业务统一采用 `POST /api/admin/storage/upload-url` 获取预签名 URL，直传成功后仅把 `file_key` 传给批量订购或设备分配接口。
+- Decision: 批量订购、设备分配和导出均保存服务端返回的任务 ID；页面恢复时查询原任务，终态后停止轮询，不能因刷新或超时重复创建。
+
+## Risks / Trade-offs
+
+- 接口 DTO 若未按说明返回，页面无法可靠展示审批人、历史资产标识或新旧字段；通过联调清单阻断实现前确认。
+- 设备批量分配接口文档已明确任务列表和详情仅平台用户可操作，前端不得向代理账号展示任务入口或通过前端绕过权限。
+- H5/C 端不在本次实现范围，后台只能依赖后端提供的最终字段，跨端验收需要单独安排。
+- 部分接口文档只给出字段模型，缺少业务错误码、权限编码和分页默认值；这些列入待确认清单。
+
+## Migration Plan
+
+1. 先确认接口待补充项和后台权限编码。
+2. 按任务清单分模块适配后台页面和 API 类型。
+3. 完成后台接口 Mock/联调、权限组合和错误场景验收。
+4. H5/C 端另行创建或关联变更，不在本变更中合并实现。
+
+## Open Questions
+
+- 退款和代理充值详情是否需要直接返回企微审批节点人员列表？
+- 各新增后台页面和按钮的最终权限编码是什么？
+- 批量任务、导出任务、企微审批和 Gateway 超时的稳定错误码及重试语义是什么？
diff --git a/openspec/changes/update-july-iteration-frontend-integration/proposal.md b/openspec/changes/update-july-iteration-frontend-integration/proposal.md
new file mode 100644
index 0000000..460086e
--- /dev/null
+++ b/openspec/changes/update-july-iteration-frontend-integration/proposal.md
@@ -0,0 +1,23 @@
+# Change: 对接七月迭代后台实现与接口契约
+
+## Why
+
+最新的七月迭代实现说明明确了后端已完成的接口、字段语义、前端调用顺序和联调边界。当前后台页面仍需要按这些最新契约完成筛选、展示、权限、审批、批量任务、导出和代理资金能力的统一对接，避免继续使用旧字段或前端自行推导业务规则。
+
+## What Changes
+
+- 按 `00-七月迭代实现与接口对接说明.md` 更新后台管理端的接口调用和页面展示契约。
+- 以 `docs/所需接口文档/01-店铺.md` 至 `21-设备批量分配.md` 为接口参数、响应字段、枚举、权限和错误语义的具体来源。
+- 对资产、店铺、订单、换货、套餐、资金、系列授权、审批、通知、批量任务、导出和 Gateway 相关页面补齐前端适配要求。
+- 统一使用后端返回的实名策略、支付方式、预计到期、审批状态、金额计算结果和任务状态，不在前端重复推导。
+- 补齐 CSV 上传模板、异步任务恢复、权限按钮、错误处理和并发冲突处理要求。
+- 明确预签名上传先取 `file_key`、再调用批量业务接口的两阶段流程，并固定批量订购、设备分配和导出任务的终态处理规则。
+- **不实施 H5/C 端页面改动**，但在规格和联调清单中标注其依赖的接口及外部工作项。
+- **不实施后端接口、数据库、Worker、企微回调、Gateway 和对象存储改造**；本变更只描述后台前端联调所需的适配边界。
+
+## Impact
+
+- Affected specs: `july-iteration-frontend-integration`
+- Affected code: 后台资产、店铺、订单、换货、套餐、代理资金、系列授权、审批配置、通知、批量任务和导出页面
+- External follow-up: H5/C 端认证限制、实名流程、支付按钮、C 端订单续费、C 端通知和 C 端资产展示
+- Approval gate: 接口待确认项完成前不进入大范围实现
diff --git a/openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md b/openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md
new file mode 100644
index 0000000..230db79
--- /dev/null
+++ b/openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md
@@ -0,0 +1,193 @@
+## ADDED Requirements
+
+### Requirement: Backend-first field semantics
+
+The admin frontend SHALL use backend-provided business facts for real-name status, payment methods, estimated expiry, approval status, task status, balances, available amounts, debt amounts, and asset identifiers. The frontend MUST NOT infer or recalculate these values from partial data.
+
+#### Scenario: Payment methods are displayed from the API
+
+- **WHEN** the asset or recharge API returns `allowed_payment_methods`
+- **THEN** the admin or related integration UI uses that list instead of hard-coded payment rules
+
+#### Scenario: Financial amounts are displayed from the API
+
+- **WHEN** a fund or credit response returns calculated balances
+- **THEN** the frontend displays the returned values in fen-based data and only converts them for presentation
+
+### Requirement: Admin asset and shop integration
+
+The admin frontend SHALL support the confirmed July filters and fields for shops, IoT cards, devices, orders, exchanges, and assets, including contact-phone search, salesperson data, client login restriction, real-name filters, separate old/new exchange searches, asset identifiers, and estimated final expiry.
+
+#### Scenario: Exchange assets are searched independently
+
+- **WHEN** a user enters old and new asset search terms
+- **THEN** the frontend sends `old_asset_keyword` and `new_asset_keyword` independently and preserves AND filtering semantics
+
+#### Scenario: A shop login restriction is edited
+
+- **WHEN** an authorized user updates a shop
+- **THEN** the request includes the optional `client_login_disabled` value and the list/detail views display the returned value
+
+### Requirement: Package allocation and series authorization
+
+The admin frontend SHALL use the existing package and series authorization APIs for default expiry settings, override expiry settings, package multi-selection, authorization detail lookup, and package add/update/remove operations.
+
+#### Scenario: A series authorization is edited
+
+- **WHEN** a user opens an existing authorization
+- **THEN** the frontend queries by authorization record ID, marks authorized package IDs, and keeps company cost price separate from authorization cost price
+
+#### Scenario: Authorized packages are updated
+
+- **WHEN** a user submits package changes
+- **THEN** the frontend sends a 1–100 item `packages[]` array, uses `remove=true` for removals, and loads additional package pages when the series contains more than 100 packages
+
+### Requirement: Credit and system configuration integration
+
+The admin frontend SHALL integrate role default credit, shop actual credit, fund summary, and controlled system configuration APIs using fen-based amounts, server-calculated values, optimistic-lock versions, and registered configuration validation metadata.
+
+#### Scenario: A shop credit limit update conflicts
+
+- **WHEN** the credit update is rejected because the wallet `version` is stale
+- **THEN** the frontend refreshes the latest fund summary and asks the user to retry with the latest version
+
+#### Scenario: A configuration is read-only
+
+- **WHEN** a configuration item is returned with `readonly=true`
+- **THEN** the frontend disables its editing control and does not submit an update for that item
+
+### Requirement: WeCom approval status integration
+
+The admin frontend SHALL provide the confirmed WeCom configuration workflow and SHALL display business approval status as read-only for refund and offline recharge records when the approval provider is WeCom or an approval instance exists.
+
+#### Scenario: A WeCom business record is awaiting approval
+
+- **WHEN** a refund or offline recharge record has `approval_provider=wecom` or an `approval_instance_id`
+- **THEN** the frontend displays the backend approval status and hides legacy manual approval actions
+
+#### Scenario: A template mapping is rejected
+
+- **WHEN** the backend rejects a scene template mapping
+- **THEN** the frontend preserves the submitted form values and displays the backend validation message
+
+### Requirement: Notifications, asynchronous tasks, exports, and Gateway controls
+
+The admin frontend SHALL integrate low-balance notifications, expiring asset summaries, batch purchase tasks, export tasks, card speed tiers, and device allocation tasks according to the confirmed task, CSV, datasource, and timeout semantics.
+
+#### Scenario: A batch task is restored
+
+- **WHEN** a user reloads or re-enters a batch purchase or device allocation page
+- **THEN** the frontend queries the existing task detail using the saved task identifier and does not create a duplicate task
+
+#### Scenario: A speed tier is selected
+
+- **WHEN** a user operates on an IoT card
+- **THEN** the frontend submits a fixed speed-tier code from `-1` through `8`; a device page does not expose a speed-tier control
+
+### Requirement: H5 and C-end work is explicitly external
+
+The July integration specification SHALL identify H5/C-end changes as external follow-up work. This change MUST NOT modify H5/C-end pages or their API call implementations.
+
+#### Scenario: A requirement depends on C-end behavior
+
+- **WHEN** a requirement involves C-end login restriction, real-name flow, payment methods, asset display, order renewal, or C-end notifications
+- **THEN** the item is marked as an external dependency and excluded from this change's implementation tasks
+
+### Requirement: Permission and error boundaries
+
+The admin frontend SHALL apply confirmed permission codes to new pages, buttons, and row actions, enforce data isolation in the UI, and present stable user-facing errors for authentication, authorization, validation, timeout, conflict, and unknown-result cases.
+
+#### Scenario: A user lacks an action permission
+
+- **WHEN** the current account does not have the configured permission code
+- **THEN** the corresponding page action is hidden or disabled and the frontend does not invoke the API
+
+#### Scenario: An asynchronous operation has an unknown result
+
+- **WHEN** a task or Gateway operation times out with an unknown result
+- **THEN** the frontend preserves the current data, shows a safe status message, and provides a refresh or manual verification path instead of blindly retrying
+
+### Requirement: Documented API contract alignment
+
+The admin frontend SHALL implement the July integration against the documented API paths and request/response contracts. The documented interface files under `docs/所需接口文档/` SHALL be treated as the source of truth for parameter names, enum values, nullable fields, pagination, permissions, and HTTP error semantics.
+
+#### Scenario: A page loads a documented resource
+
+- **WHEN** a July page queries or mutates a resource
+- **THEN** it uses the corresponding documented `/api/admin` endpoint and sends the documented parameter names without translating them to legacy frontend names
+
+#### Scenario: A response contains a nullable or enumerated field
+
+- **WHEN** a documented response returns a nullable field, numeric status, string enum, or `*_name` display field
+- **THEN** the frontend preserves the nullable state, uses the documented enum values, and prefers the backend display name instead of inventing a local label
+
+#### Scenario: An API rejects a request
+
+- **WHEN** a documented endpoint returns `400`, `401`, `403`, or `500`
+- **THEN** the frontend applies the shared authentication, authorization, validation, server-error, and retry-safe handling without exposing raw transport details as the user-facing message
+
+### Requirement: File upload and batch task contract
+
+The admin frontend SHALL use `POST /api/admin/storage/upload-url` for file-backed July operations, upload to the returned `upload_url` with the requested content type, and pass only the returned `file_key` to the business endpoint. Batch purchase and device allocation CSVs SHALL be UTF-8 single-column files, accept an optional UTF-8 BOM, stay within 10 MB and 1000 data rows, and preserve identifiers as text.
+
+#### Scenario: A batch purchase is submitted
+
+- **WHEN** the user selects one package and one payment method and uploads a valid CSV
+- **THEN** the frontend calls `POST /api/admin/asset-package-batch-orders` with `file_key`, `package_id`, `payment_method`, and, for offline payment, 1–5 `voucher_keys`
+
+#### Scenario: A device allocation is submitted
+
+- **WHEN** a platform user selects an allocation target and uploads a valid device CSV
+- **THEN** the frontend calls `POST /api/admin/devices/import/allocations` with `file_key`, `operation_type` set to `assign_shop` or `assign_series`, and the selected `target_id`
+
+#### Scenario: A batch task is resumed
+
+- **WHEN** the page is reloaded while a task is non-terminal
+- **THEN** the frontend queries the saved task ID, displays the backend `status_name` and progress/result counts, stops polling at the documented terminal state, and never creates a second task
+
+### Requirement: WeCom configuration API workflow
+
+The admin frontend SHALL implement the documented WeCom configuration sequence: list or save applications through `/api/admin/wecom/applications`, test the application, synchronize and query visible members, set the default creator, bind system accounts through `/api/admin/accounts/{account_id}/wecom-binding`, and save or query the two supported scene mappings.
+
+#### Scenario: A WeCom application is configured
+
+- **WHEN** a super administrator saves valid application credentials
+- **THEN** the frontend refreshes the application, allows connection testing, and clearly distinguishes `data.success=true` for access-token acquisition from completed member, template, and callback configuration
+
+#### Scenario: A default creator is selected
+
+- **WHEN** the user sets a default creator
+- **THEN** the frontend only submits a `userid` selected from the latest synchronized visible-member list and preserves the real local submitter in business records
+
+#### Scenario: A scene mapping is validated
+
+- **WHEN** the user saves `refund_approval` or `offline_recharge_approval`
+- **THEN** the frontend submits `application_id`, `template_id`, `control_mapping`, and `status`, preserves input on validation failure, and displays the returned verification/status fields after success
+
+### Requirement: Approval and financial business API contract
+
+The admin frontend SHALL use the documented refund and agent-recharge APIs for business creation and read-only approval tracking. Amounts and voucher keys SHALL follow the documented units and cardinality, and a record with `approval_provider=wecom` or `approval_instance_id` SHALL not expose legacy manual approval actions.
+
+#### Scenario: An offline agent recharge is created
+
+- **WHEN** a platform user submits an offline recharge
+- **THEN** the frontend calls `POST /api/admin/agent-recharges` with the target `shop_id`, amount in fen, `payment_method=offline`, and 1–5 voucher keys
+
+#### Scenario: A refund is awaiting WeCom approval
+
+- **WHEN** `GET /api/admin/refunds` or `GET /api/admin/refunds/{id}` returns a WeCom approval instance
+- **THEN** the frontend displays `approval_status_name`, `submitter_name`, and documented amount fields as read-only and does not show approve/reject actions
+
+#### Scenario: Approval submission has an unknown result
+
+- **WHEN** `approval_status=8` or the documented status name indicates an unknown submission result
+- **THEN** the frontend does not recreate the business record and offers refresh or manual verification instead
+
+### Requirement: Documented device allocation permissions
+
+The admin frontend SHALL enforce the documented permission boundary for device allocation task list and detail APIs. Because those APIs are documented as platform-only, agent and enterprise accounts SHALL not see the allocation task entry or be allowed to invoke the task list/detail endpoints from the UI.
+
+#### Scenario: A non-platform user opens device allocation
+
+- **WHEN** an agent or enterprise account loads the device allocation area
+- **THEN** the frontend hides the entry and does not call `/api/admin/devices/import/tasks` or `/api/admin/devices/import/tasks/{id}`
diff --git a/openspec/changes/update-july-iteration-frontend-integration/tasks.md b/openspec/changes/update-july-iteration-frontend-integration/tasks.md
new file mode 100644
index 0000000..ddf1789
--- /dev/null
+++ b/openspec/changes/update-july-iteration-frontend-integration/tasks.md
@@ -0,0 +1,61 @@
+## 1. Contract and API Types
+
+- [x] 1.1 根据 `docs/所需接口文档/01-店铺.md` 至 `21-设备批量分配.md` 以及最新说明核对所有纳入本期范围的 API 类型。
+- [x] 1.2 补齐 `purchase_role`、`asset_identifier`、`effective_realname_policy`、`allowed_payment_methods`、预计到期和换货链路字段。
+- [x] 1.3 补齐退款、代理充值和换货的提交人及审批状态字段。
+- [x] 1.4 补齐系统配置、批量任务、导出任务、Gateway 限速和设备分配任务字段。
+- [x] 1.5 为金额、版本号、枚举和 nullable 字段增加明确的前端类型约束。
+
+## 2. Asset, Shop, Order, and Exchange Pages
+
+- [x] 2.1 店铺列表接入联系电话精确查询、业务员筛选和 `client_login_disabled` 展示/编辑。
+- [x] 2.2 资产卡和设备列表接入 `real_name_status` 筛选及状态展示。
+- [x] 2.3 实名策略页面接入单条和最多 500 条批量修改，并处理全成全败结果。
+- [x] 2.4 换货列表拆分旧资产和新资产搜索参数，并展示新旧资产信息。
+- [x] 2.5 资产、订单和 C 端相关后台页面展示正确的订单渠道及资产标识。
+- [x] 2.6 展示预计最终到期时间并按后端临期字段高亮。
+- [x] 2.7 退款中资产创建换货时展示后端业务错误，不调用企微实时查询。
+- [x] 2.8 历史订单或当前资产续费继续调用现有订单创建接口，不新增续费接口。
+
+## 3. Package, Fund, and Authorization Pages
+
+- [x] 3.1 套餐页面传递 `expiry_base` 并展示默认生效条件。
+- [x] 3.2 套餐分配页面传递 `expiry_base_override` 并展示最终生效条件。
+- [x] 3.3 系列授权页面支持 1～100 个套餐多选，创建使用 `packages[]`。
+- [x] 3.4 系列授权编辑使用授权记录 ID 查询详情，区分公司成本价和授权成本价。
+- [x] 3.5 系列授权套餐管理使用 `remove=true` 删除项，并继续分页加载超过 100 个套餐的系列。
+- [x] 3.6 角色默认信用、店铺实际信用和资金概况统一使用分单位字段。
+- [x] 3.7 店铺调额携带资金 `version`，并处理并发冲突刷新和重试。
+- [x] 3.8 系统配置页面接入卡/设备支付方式配置，提交 JSON 数组字符串并保留至少一种支付方式。
+
+## 4. WeCom Approval and Business Status
+
+- [x] 4.1 实现企微应用配置页的应用列表、保存、测试连接和状态展示。
+- [x] 4.2 实现成员同步、成员查询、默认发起人设置和账号绑定入口。
+- [x] 4.3 实现退款和线下代充值场景模板映射配置及后端校验错误保留输入。
+- [x] 4.4 退款、代理充值列表/详情只读展示审批状态，隐藏企微业务的旧人工审批按钮。
+- [x] 4.5 对提交中、审批中、已通过、已拒绝、已撤销、通过后撤销、已删除、提交失败和提交结果未知状态使用后端名称。
+
+## 5. Notifications, Async Tasks, Exports, and Gateway
+
+- [x] 5.1 接入后台低余额通知列表、未读数和已读操作。
+- [x] 5.2 接入临期资产列表、统计摘要、优先级和高亮规则。
+- [x] 5.3 批量订购使用 UTF-8 单列 CSV、上传用途、套餐和支付方式独立选择。
+- [x] 5.4 批量订购任务展示逐行成功/失败结果并支持任务详情恢复。
+- [x] 5.5 导出任务支持本期六类 datasource、筛选条件 `query`、统一任务状态、进度和完成后 24 小时下载链接；保留接口文档中已有的设备/订单场景兼容性。
+- [x] 5.6 卡页面接入 ICCID 固定限速档位 `-1～8`，设备页面不展示限速入口。
+- [x] 5.7 设备批量分配复用导入任务页面，支持 `assign_shop` 和 `assign_series` 两种 operation_type。
+- [x] 5.8 提供两份静态 UTF-8 CSV 模板，校验单列、10MB 和最多 1000 行限制。
+
+## 6. Permissions, Errors, and Verification
+
+- [x] 6.1 为新增页面、按钮和行操作接入最终确认的权限编码。
+- [x] 6.2 统一处理 400、401、403、业务错误、超时和结果未知，不使用底层错误直接作为用户文案。
+- [x] 6.3 验证代理数据隔离、平台权限、敏感字段脱敏和财务操作审计入口。
+- [ ] 6.4 完成后台页面的接口联调、权限组合、空数据、错误、并发冲突和任务恢复验收。
+
+## 7. Explicitly Out Of Scope
+
+- H5/C 端登录限制、实名流程、支付按钮、资产详情、订单续费和 C 端通知不在本次实现任务内。
+- H5 首页隐藏设备下 ICCID 仍按最新说明标记为不做。
+- H5/C 端相关接口仅作为后台联调依赖记录，不在本变更中修改页面或调用代码。
diff --git a/openspec/changes/update-unified-async-task-interaction/tasks.md b/openspec/changes/update-unified-async-task-interaction/tasks.md
index 726d1ae..33422da 100644
--- a/openspec/changes/update-unified-async-task-interaction/tasks.md
+++ b/openspec/changes/update-unified-async-task-interaction/tasks.md
@@ -1,33 +1,33 @@
 ## 1. Contract And Model
 
-- [ ] 1.1 确认设备批量分配、批量订购和导出任务创建响应均返回稳定的 `task_id`。
-- [ ] 1.2 确认三类任务按 `task_id` 查询详情的接口路径、状态字段和失败明细字段。
+- [x] 1.1 确认设备批量分配、批量订购和导出任务创建响应均返回稳定的 `task_id`。
+- [x] 1.2 确认三类任务按 `task_id` 查询详情的接口路径、状态字段和失败明细字段。
 - [x] 1.3 新增统一任务状态、进度、错误摘要和任务恢复类型，兼容各业务字段别名。
 - [x] 1.4 更新导出任务列表和详情类型，补充 `task_id`、`total_count`、`success_count`、`failed_count`、`error_code`、`error_summary`、`updated_at`。
 
 ## 2. Shared Interaction
 
-- [ ] 2.1 实现统一加载中、空数据、无权限、接口失败和重试状态的展示规则。
+- [x] 2.1 实现统一加载中、空数据、无权限、接口失败和重试状态的展示规则。
 - [x] 2.2 实现五态任务状态映射，并明确终态为已完成、已失败或已取消。
-- [ ] 2.3 实现统一任务进度展示，支持总数、成功数、失败数和失败明细。
-- [ ] 2.4 实现任务创建后的 `task_id` 持久化、刷新恢复和失效任务清理。
+- [x] 2.3 实现统一任务进度展示，支持总数、成功数、失败数和失败明细。
+- [x] 2.4 实现任务创建后的 `task_id` 持久化、刷新恢复和失效任务清理。
 - [x] 2.5 实现 2 秒、3 秒、5 秒递增且最大 10 秒的轮询调度。
 - [x] 2.6 实现页面不可见暂停轮询、恢复可见立即刷新和组件卸载清理。
 
 ## 3. Business Pages
 
-- [ ] 3.1 接入设备批量分配页面，创建成功后进入统一任务交互流程。
-- [ ] 3.2 接入批量订购页面，创建成功后进入统一任务交互流程。
+- [x] 3.1 接入设备批量分配页面，创建成功后进入统一任务交互流程。
+- [x] 3.2 接入批量订购页面，创建成功后进入统一任务交互流程。
 - [x] 3.3 接入导出任务列表和详情页面，统一展示任务进度、失败摘要和更新时间。
-- [ ] 3.4 保证部分成功任务仍展示为已完成，并显示成功数与失败数，不引入新状态。
-- [ ] 3.5 保证页面刷新或重新进入时恢复任务，不重复提交创建请求。
+- [x] 3.4 保证部分成功任务仍展示为已完成，并显示成功数与失败数，不引入新状态。
+- [x] 3.5 保证页面刷新或重新进入时恢复任务，不重复提交创建请求。
 
 ## 4. Error And Permission Handling
 
 - [x] 4.1 403 响应展示无权限状态并停止自动重试。
 - [x] 4.2 瞬时接口失败保留已有任务数据和用户输入，并提供明确的手动重试入口。
 - [x] 4.3 任务失败优先展示 `error_summary`，不直接展示 `error_code` 或底层技术错误。
-- [ ] 4.4 验证无权限用户无法看到或触发对应批量操作、任务详情和重试操作。
+- [x] 4.4 验证无权限用户无法看到或触发对应批量操作、任务详情和重试操作。
 
 ## 5. Verification
 
@@ -39,6 +39,6 @@
 
 ## Implementation Notes
 
-- 设备批量分配当前仍由 `/api/admin/devices/allocate` 同步返回结果，未返回 `task_id`，因此未接入异步轮询。
-- 当前订单页面仅提供单笔订单创建，仓库中未发现批量订购创建接口或任务详情接口，因此未新增虚构的批量任务流程。
-- 设备批量分配和批量订购需待后端补充异步任务创建及详情契约后继续实施 1.1、1.2、3.1、3.2、3.4、3.5、4.4 及相关测试。
+- 设备批量分配使用 `/api/admin/devices/import/allocations` 创建任务，并复用设备任务详情接口及统一轮询恢复逻辑。
+- 批量订购使用文件 key 创建任务，创建成功后通过 `task_id` 路由参数和持久化状态恢复任务详情。
+- 真实后端环境下的五态、权限和并发回归测试仍需在联调环境执行。
diff --git a/public/templates/bulk-purchase-template.csv b/public/templates/bulk-purchase-template.csv
new file mode 100644
index 0000000..49279b8
--- /dev/null
+++ b/public/templates/bulk-purchase-template.csv
@@ -0,0 +1 @@
+资产标识
diff --git a/public/templates/device-batch-allocation-template.csv b/public/templates/device-batch-allocation-template.csv
new file mode 100644
index 0000000..26a6c5d
--- /dev/null
+++ b/public/templates/device-batch-allocation-template.csv
@@ -0,0 +1 @@
+设备标识
diff --git a/src/api/modules/account.ts b/src/api/modules/account.ts
index 8b8a39f..9f6a573 100644
--- a/src/api/modules/account.ts
+++ b/src/api/modules/account.ts
@@ -8,10 +8,14 @@ import type {
   AccountQueryParams,
   CreatePlatformAccountParams,
   BaseResponse,
-  PaginationResponse
+  PaginationResponse,
+  WecomAccountBindingRequest
 } from '@/types/api'
 
 export class AccountService extends BaseService {
+  static bindWecom(id: number, data: WecomAccountBindingRequest): Promise<BaseResponse> {
+    return this.put<BaseResponse>(`/api/admin/accounts/${id}/wecom-binding`, data)
+  }
   // ========== 账号管理 (Account Management) ==========
 
   /**
diff --git a/src/api/modules/bulkPurchase.ts b/src/api/modules/bulkPurchase.ts
index 60b58fa..4c7622c 100644
--- a/src/api/modules/bulkPurchase.ts
+++ b/src/api/modules/bulkPurchase.ts
@@ -1,31 +1,33 @@
 import request from '@/utils/http'
 import type {
+  BulkPurchaseCreateRequest,
   BulkPurchaseCreateApiResponse,
-  BulkPurchaseItemsApiResponse,
+  BulkPurchaseTaskListApiResponse,
   BulkPurchaseTaskApiResponse
 } from '@/types/api'
 
 export class BulkPurchaseService {
-  static createTask(data: FormData): Promise<BulkPurchaseCreateApiResponse> {
+  static createTask(data: BulkPurchaseCreateRequest): Promise<BulkPurchaseCreateApiResponse> {
     return request.post<BulkPurchaseCreateApiResponse>({
-      url: '/api/admin/bulk-purchases',
+      url: '/api/admin/asset-package-batch-orders',
       data
     })
   }
 
+  static getTasks(params?: {
+    page?: number
+    page_size?: number
+    status?: number
+  }): Promise<BulkPurchaseTaskListApiResponse> {
+    return request.get<BulkPurchaseTaskListApiResponse>({
+      url: '/api/admin/asset-package-batch-orders',
+      params
+    })
+  }
+
   static getTask(taskId: number): Promise<BulkPurchaseTaskApiResponse> {
     return request.get<BulkPurchaseTaskApiResponse>({
-      url: `/api/admin/bulk-purchases/${taskId}`
-    })
-  }
-
-  static getItems(
-    taskId: number,
-    params?: { page?: number; size?: number; status?: string | number }
-  ): Promise<BulkPurchaseItemsApiResponse> {
-    return request.get<BulkPurchaseItemsApiResponse>({
-      url: `/api/admin/bulk-purchases/${taskId}/items`,
-      params
+      url: `/api/admin/asset-package-batch-orders/${taskId}`
     })
   }
 }
diff --git a/src/api/modules/card.ts b/src/api/modules/card.ts
index 2539f29..cd1adfd 100644
--- a/src/api/modules/card.ts
+++ b/src/api/modules/card.ts
@@ -36,7 +36,10 @@ import type {
   AssetAllocationRecordDetail,
   BatchSetCardSeriesBindingRequest,
   BatchSetCardSeriesBindingResponse,
-  BatchUpdateAssetRealnamePolicyRequest
+  BatchUpdateAssetRealnamePolicyRequest,
+  BatchUpdateAssetRealnamePolicyResponse,
+  SpeedTierCode,
+  SetSpeedTierResponse
 } from '@/types/api'
 
 type ApiQueryParams = PaginationParams & Record<string, unknown>
@@ -57,6 +60,15 @@ interface CardChangeNotice {
 }
 
 export class CardService extends BaseService {
+  static setSpeedTier(
+    iccid: string,
+    code: SpeedTierCode
+  ): Promise<BaseResponse<SetSpeedTierResponse>> {
+    return this.put<BaseResponse<SetSpeedTierResponse>>(
+      `/api/admin/iot-cards/${encodeURIComponent(iccid)}/speed-tier`,
+      { code }
+    )
+  }
   // ========== 号卡商品管理 ==========
 
   /**
@@ -418,8 +430,8 @@ export class CardService extends BaseService {
   static batchUpdateRealnamePolicy(
     data: BatchUpdateAssetRealnamePolicyRequest,
     config?: Record<string, any>
-  ): Promise<BaseResponse<void>> {
-    return this.post<BaseResponse<void>>(
+  ): Promise<BaseResponse<BatchUpdateAssetRealnamePolicyResponse>> {
+    return this.post<BaseResponse<BatchUpdateAssetRealnamePolicyResponse>>(
       '/api/admin/iot-cards/batch-update-realname-policy',
       data,
       config
diff --git a/src/api/modules/device.ts b/src/api/modules/device.ts
index e046c69..e014b2b 100644
--- a/src/api/modules/device.ts
+++ b/src/api/modules/device.ts
@@ -18,13 +18,15 @@ import type {
   BatchSetDeviceSeriesBindingRequest,
   BatchSetDeviceSeriesBindingResponse,
   BatchUpdateAssetRealnamePolicyRequest,
+  BatchUpdateAssetRealnamePolicyResponse,
   ImportDeviceRequest,
   ImportDeviceResponse,
   DeviceImportTaskQueryParams,
   DeviceImportTaskListResponse,
   DeviceImportTaskDetail,
+  DeviceBatchAllocationRequest,
+  DeviceBatchAllocationResponse,
   BaseResponse,
-  SetSpeedLimitRequest,
   SwitchCardRequest,
   SetWiFiRequest,
   DeviceOperationResponse
@@ -147,6 +149,15 @@ export class DeviceService extends BaseService {
     )
   }
 
+  static createAllocationTask(
+    data: DeviceBatchAllocationRequest
+  ): Promise<BaseResponse<DeviceBatchAllocationResponse>> {
+    return this.post<BaseResponse<DeviceBatchAllocationResponse>>(
+      '/api/admin/devices/import/allocations',
+      data
+    )
+  }
+
   /**
    * 获取导入任务详情
    * @param id 任务ID
@@ -176,8 +187,8 @@ export class DeviceService extends BaseService {
   static batchUpdateRealnamePolicy(
     data: BatchUpdateAssetRealnamePolicyRequest,
     config?: Record<string, any>
-  ): Promise<BaseResponse<void>> {
-    return this.post<BaseResponse<void>>(
+  ): Promise<BaseResponse<BatchUpdateAssetRealnamePolicyResponse>> {
+    return this.post<BaseResponse<BatchUpdateAssetRealnamePolicyResponse>>(
       '/api/admin/devices/batch-update-realname-policy',
       data,
       config
@@ -208,21 +219,6 @@ export class DeviceService extends BaseService {
     )
   }
 
-  /**
-   * 设置限速
-   * @param imei 设备号(IMEI)
-   * @param data 限速参数
-   */
-  static setSpeedLimit(
-    imei: string,
-    data: SetSpeedLimitRequest
-  ): Promise<BaseResponse<DeviceOperationResponse>> {
-    return this.put<BaseResponse<DeviceOperationResponse>>(
-      `/api/admin/devices/by-identifier/${imei}/speed-limit`,
-      data
-    )
-  }
-
   /**
    * 切换SIM卡
    * @param imei 设备号(IMEI)
diff --git a/src/api/modules/exchange.ts b/src/api/modules/exchange.ts
index f9d5868..f2e5b00 100644
--- a/src/api/modules/exchange.ts
+++ b/src/api/modules/exchange.ts
@@ -5,12 +5,16 @@
 import { BaseService } from '../BaseService'
 import type { BaseResponse } from '@/types/api'
 
+export type ExchangeAssetType = 'iot_card' | 'device'
+export type ExchangeFlowType = 'shipping' | 'direct'
+export type ExchangeStatus = 1 | 2 | 3 | 4 | 5
+
 // 换货单查询参数
 export interface ExchangeQueryParams {
   page?: number
   page_size?: number
-  status?: number // 换货状态
-  flow_type?: string // 流程类型（shipping/direct）
+  status?: ExchangeStatus // 换货状态
+  flow_type?: ExchangeFlowType // 流程类型（shipping/direct）
   old_asset_keyword?: string // 旧资产关键词（ICCID、接入号、虚拟号、IMEI、SN）
   new_asset_keyword?: string // 新资产关键词（ICCID、接入号、虚拟号、IMEI、SN）
   created_at_start?: string // 创建时间起始
@@ -20,9 +24,9 @@ export interface ExchangeQueryParams {
 // 创建换货单请求
 export interface CreateExchangeRequest {
   exchange_reason: string // 换货原因
-  old_asset_type: string // 旧资产类型 (iot_card 或 device)
+  old_asset_type: ExchangeAssetType // 旧资产类型 (iot_card 或 device)
   old_identifier: string // 旧资产标识符(ICCID/虚拟号/IMEI/SN)
-  flow_type?: string // 流程类型（shipping/direct），默认 shipping
+  flow_type?: ExchangeFlowType // 流程类型（shipping/direct），默认 shipping
   new_identifier?: string // 新资产标识符（direct 时必填）
   migrate_data?: boolean // 是否迁移数据（默认 false）
   remark?: string // 备注（可选）
@@ -33,16 +37,16 @@ export interface ExchangeResponse {
   id: number
   exchange_no: string
   exchange_reason: string
-  old_asset_type: string
+  old_asset_type: ExchangeAssetType
   old_asset_id: number
   old_asset_identifier: string
-  new_asset_type?: string | null
+  new_asset_type?: ExchangeAssetType | null
   new_asset_id?: number | null
   new_asset_identifier?: string | null
-  status: number // 换货状态（1:待填写信息, 2:待发货, 3:已发货待确认, 4:已完成, 5:已取消）
+  status: ExchangeStatus // 换货状态（1:待填写信息, 2:待发货, 3:已发货待确认, 4:已完成, 5:已取消）
   status_name?: string
   status_text: string
-  flow_type: string // 流程类型（shipping/direct）
+  flow_type: ExchangeFlowType // 流程类型（shipping/direct）
   flow_type_name: string // 流程类型名称
   shipped_at?: string | null // 发货时间（仅 shipping 发货后有值）
   completed_at?: string | null // 换货完成时间
diff --git a/src/api/modules/exportTask.ts b/src/api/modules/exportTask.ts
index e6633a8..db2dee1 100644
--- a/src/api/modules/exportTask.ts
+++ b/src/api/modules/exportTask.ts
@@ -19,9 +19,10 @@ export class ExportTaskService extends BaseService {
   }
 
   static getExportTaskDetail(id: number): Promise<ExportTaskDetailApiResponse> {
-    return this.getOne<ExportTaskDetail>(`/api/admin/export-tasks/${id}`)
+    return this.get<ExportTaskDetailApiResponse>(`/api/admin/export-tasks/${id}`)
   }
 
+  /** 保留旧页面的取消入口，后端支持时由页面权限控制显示。 */
   static cancelExportTask(id: number): Promise<CancelExportTaskApiResponse> {
     return this.post<CancelExportTaskApiResponse>(`/api/admin/export-tasks/${id}/cancel`, {})
   }
diff --git a/src/api/modules/index.ts b/src/api/modules/index.ts
index 2601d94..b5e6ccc 100644
--- a/src/api/modules/index.ts
+++ b/src/api/modules/index.ts
@@ -37,6 +37,7 @@ export { ExportTaskService } from './exportTask'
 export { OrderPackageInvalidateTaskService } from './orderPackageInvalidateTask'
 export { BulkPurchaseService } from './bulkPurchase'
 export { NotificationService } from './notification'
+export { WecomService } from './wecom'
 
 // TODO: 按需添加其他业务模块
 // export { SettingService } from './setting'
diff --git a/src/api/modules/packageManage.ts b/src/api/modules/packageManage.ts
index 77004f9..9d5f629 100644
--- a/src/api/modules/packageManage.ts
+++ b/src/api/modules/packageManage.ts
@@ -11,7 +11,7 @@ import type {
   UpdatePackageStatusRequest,
   UpdatePackageShelfStatusRequest,
   BaseResponse,
-  PaginationResponse,
+  PaginationResponse
 } from '@/types/api'
 
 export class PackageManageService extends BaseService {
@@ -68,7 +68,7 @@ export class PackageManageService extends BaseService {
    * 更新套餐状态
    * PUT /api/admin/packages/{id}/status
    * @param id 套餐ID
-   * @param status 状态 (1:启用, 2:禁用)
+   * @param status 状态 (0:禁用, 1:启用)
    */
   static updatePackageStatus(id: number, status: number): Promise<BaseResponse> {
     const data: UpdatePackageStatusRequest = { status }
diff --git a/src/api/modules/storage.ts b/src/api/modules/storage.ts
index 077ee8a..456481d 100644
--- a/src/api/modules/storage.ts
+++ b/src/api/modules/storage.ts
@@ -23,7 +23,12 @@ const triggerBrowserDownload = (downloadUrl: string, fileName: string) => {
 /**
  * 文件用途枚举
  */
-export type FilePurpose = 'iot_import' | 'device_import' | 'export' | 'attachment'
+export type FilePurpose =
+  | 'iot_import'
+  | 'batch_purchase'
+  | 'device_batch_allocation'
+  | 'export'
+  | 'attachment'
 
 /**
  * 获取上传 URL 请求参数
diff --git a/src/api/modules/wecom.ts b/src/api/modules/wecom.ts
new file mode 100644
index 0000000..7893e7d
--- /dev/null
+++ b/src/api/modules/wecom.ts
@@ -0,0 +1,78 @@
+import { BaseService } from '../BaseService'
+import type {
+  BaseResponse,
+  WecomAccountBindingRequest,
+  WecomApplication,
+  WecomApplicationListResponse,
+  WecomApplicationQueryParams,
+  WecomApplicationRequest,
+  WecomApplicationResponse,
+  WecomBusinessType,
+  WecomMemberListResponse,
+  WecomMemberQueryParams,
+  WecomSceneListResponse,
+  WecomSceneQueryParams,
+  WecomSceneRequest,
+  WecomSceneResponse,
+  WecomSyncMembersApiResponse
+} from '@/types/api'
+
+export class WecomService extends BaseService {
+  static getApplications(
+    params?: WecomApplicationQueryParams
+  ): Promise<WecomApplicationListResponse> {
+    return this.get<WecomApplicationListResponse>('/api/admin/wecom/applications', params)
+  }
+
+  static saveApplication(data: WecomApplicationRequest): Promise<WecomApplicationResponse> {
+    return this.post<WecomApplicationResponse>('/api/admin/wecom/applications', data)
+  }
+
+  static testApplication(id: number): Promise<BaseResponse<{ success: boolean }>> {
+    return this.post<BaseResponse<{ success: boolean }>>(`/api/admin/wecom/applications/${id}/test`)
+  }
+
+  static syncMembers(id: number): Promise<WecomSyncMembersApiResponse> {
+    return this.post<WecomSyncMembersApiResponse>(
+      `/api/admin/wecom/applications/${id}/members/sync`
+    )
+  }
+
+  static getMembers(
+    id: number,
+    params?: WecomMemberQueryParams
+  ): Promise<WecomMemberListResponse> {
+    return this.get<WecomMemberListResponse>(
+      `/api/admin/wecom/applications/${id}/members`,
+      params
+    )
+  }
+
+  static setDefaultCreator(id: number, userid: string): Promise<WecomApplicationResponse> {
+    return this.put<WecomApplicationResponse>(
+      `/api/admin/wecom/applications/${id}/default-creator`,
+      { userid }
+    )
+  }
+
+  static getScenes(params?: WecomSceneQueryParams): Promise<WecomSceneListResponse> {
+    return this.get<WecomSceneListResponse>('/api/admin/wecom/scenes', params)
+  }
+
+  static saveScene(
+    businessType: WecomBusinessType,
+    data: WecomSceneRequest
+  ): Promise<WecomSceneResponse> {
+    return this.put<WecomSceneResponse>(`/api/admin/wecom/scenes/${businessType}`, data)
+  }
+
+  static bindAccount(
+    accountId: number,
+    data: WecomAccountBindingRequest
+  ): Promise<BaseResponse<WecomApplication>> {
+    return this.put<BaseResponse<WecomApplication>>(
+      `/api/admin/accounts/${accountId}/wecom-binding`,
+      data
+    )
+  }
+}
diff --git a/src/components/business/VoucherUpload.vue b/src/components/business/VoucherUpload.vue
index 898f154..0634682 100644
--- a/src/components/business/VoucherUpload.vue
+++ b/src/components/business/VoucherUpload.vue
@@ -57,7 +57,8 @@
   import { Close, Document, UploadFilled } from '@element-plus/icons-vue'
   import type { UploadFile, UploadInstance, UploadRawFile } from 'element-plus'
   import { StorageService } from '@/api/modules'
-  import type { RefundAttachment } from '@/types/api/refund'
+   import type { RefundAttachment } from '@/types/api/refund'
+   import type { FilePurpose } from '@/api/modules/storage'
 
   interface Props {
     modelValue?: string[] | string
@@ -65,13 +66,21 @@
     maxCount?: number
     accept?: string
     tip?: string
+    purpose?: FilePurpose
+    maxSizeMb?: number
+    singleColumnCsv?: boolean
+    maxCsvRows?: number
   }
 
   const props = withDefaults(defineProps<Props>(), {
     voucherName: '凭证',
     maxCount: 5,
     accept: '',
-    tip: ''
+    tip: '',
+    purpose: 'attachment',
+    maxSizeMb: 0,
+    singleColumnCsv: false,
+    maxCsvRows: 0
   })
 
   const emit = defineEmits<{
@@ -185,6 +194,27 @@
     const file = uploadFile.raw
     if (!file) return
 
+    if (props.maxSizeMb > 0 && file.size > props.maxSizeMb * 1024 * 1024) {
+      ElMessage.warning(`文件不能超过 ${props.maxSizeMb}MB`)
+      removeUploadFile(uploadFile)
+      return
+    }
+
+    if (props.singleColumnCsv) {
+      const content = await file.text()
+      const rows = content.replace(/^\uFEFF/, '').split(/\r?\n/).filter(Boolean)
+      if (props.maxCsvRows > 0 && Math.max(rows.length - 1, 0) > props.maxCsvRows) {
+        ElMessage.warning(`CSV 数据行不能超过 ${props.maxCsvRows} 行`)
+        removeUploadFile(uploadFile)
+        return
+      }
+      if (rows.some((row) => row.includes(','))) {
+        ElMessage.warning('CSV 只能包含一列资产标识')
+        removeUploadFile(uploadFile)
+        return
+      }
+    }
+
     if (props.accept) {
       const accepted = props.accept.split(',').some((type) => {
         const value = type.trim().toLowerCase()
@@ -220,7 +250,7 @@
       const uploadUrlRes = await StorageService.getUploadUrl({
         file_name: file.name,
         content_type: contentType,
-        purpose: 'attachment'
+         purpose: props.purpose
       })
 
       if (uploadUrlRes.code !== 0) {
diff --git a/src/composables/useAsyncTaskPolling.ts b/src/composables/useAsyncTaskPolling.ts
index 6999e54..432509c 100644
--- a/src/composables/useAsyncTaskPolling.ts
+++ b/src/composables/useAsyncTaskPolling.ts
@@ -8,6 +8,7 @@ import {
   type ShallowRef
 } from 'vue'
 import { isAsyncTaskActive, isAsyncTaskTerminal, type AsyncTaskProgress } from '@/types/api'
+import { normalizeApiError } from '@/utils/business/apiError'
 
 const POLL_DELAYS = [2000, 3000, 5000]
 const MAX_POLL_DELAY = 10000
@@ -50,8 +51,7 @@ const writeStoredTaskId = (storageKey: string, taskId: number | null) => {
   }
 }
 
-const getErrorMessage = (error: any) =>
-  error?.response?.data?.msg || error?.message || '获取导出任务详情失败'
+const getErrorMessage = (error: unknown) => normalizeApiError(error).message
 
 export function useAsyncTaskPolling<T extends AsyncTaskProgress>(
   options: AsyncTaskPollingOptions<T>
diff --git a/src/config/constants/exportTask.ts b/src/config/constants/exportTask.ts
index 41cd220..66655e8 100644
--- a/src/config/constants/exportTask.ts
+++ b/src/config/constants/exportTask.ts
@@ -43,6 +43,56 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
       download: 'export_task:order_download',
       cancel: 'export_task:order_cancel'
     }
+  },
+  package: {
+    scene: 'package',
+    sceneName: '套餐管理',
+    pageTitle: '导出套餐',
+    permissions: {
+      detail: 'export_task:package_detail',
+      download: 'export_task:package_download',
+      cancel: 'export_task:package_cancel'
+    }
+  },
+  agent_wallet_transaction: {
+    scene: 'agent_wallet_transaction',
+    sceneName: '代理主钱包流水',
+    pageTitle: '导出代理主钱包流水',
+    permissions: {
+      detail: 'export_task:agent_wallet_transaction_detail',
+      download: 'export_task:agent_wallet_transaction_download',
+      cancel: 'export_task:agent_wallet_transaction_cancel'
+    }
+  },
+  agent_recharge: {
+    scene: 'agent_recharge',
+    sceneName: '代理充值',
+    pageTitle: '导出代理充值',
+    permissions: {
+      detail: 'export_task:agent_recharge_detail',
+      download: 'export_task:agent_recharge_download',
+      cancel: 'export_task:agent_recharge_cancel'
+    }
+  },
+  refund: {
+    scene: 'refund',
+    sceneName: '退款',
+    pageTitle: '导出退款',
+    permissions: {
+      detail: 'export_task:refund_detail',
+      download: 'export_task:refund_download',
+      cancel: 'export_task:refund_cancel'
+    }
+  },
+  exchange: {
+    scene: 'exchange',
+    sceneName: '换货',
+    pageTitle: '导出换货',
+    permissions: {
+      detail: 'export_task:exchange_detail',
+      download: 'export_task:exchange_download',
+      cancel: 'export_task:exchange_cancel'
+    }
   }
 }
 
diff --git a/src/config/constants/index.ts b/src/config/constants/index.ts
index a0a6537..0db0f2a 100644
--- a/src/config/constants/index.ts
+++ b/src/config/constants/index.ts
@@ -37,3 +37,4 @@ export * from './exportTask'
 
 // 批量订购相关
 export * from './bulkPurchase'
+export * from './julyIteration'
diff --git a/src/config/constants/julyIteration.ts b/src/config/constants/julyIteration.ts
new file mode 100644
index 0000000..e604a73
--- /dev/null
+++ b/src/config/constants/julyIteration.ts
@@ -0,0 +1,32 @@
+/**
+ * 七月迭代新增后台权限编码。
+ * 页面和按钮统一引用这里的常量，后端菜单权限可直接复用同名编码。
+ */
+export const JULY_PERMISSIONS = {
+  wecom: {
+    page: 'wecom:config',
+    application: 'wecom:application',
+    member: 'wecom:member',
+    scene: 'wecom:scene',
+    binding: 'wecom:account_binding'
+  },
+  systemConfig: {
+    payment: 'system_config:payment_methods'
+  },
+  speedTier: {
+    view: 'iot_card:speed_tier',
+    update: 'iot_card:speed_tier:update'
+  },
+  deviceAllocation: {
+    page: 'device_task:allocation',
+    create: 'device_task:allocation:create',
+    detail: 'device_task:allocation:detail'
+  },
+  batchPurchase: {
+    page: 'bulk_purchase:view',
+    create: 'bulk_purchase:create',
+    detail: 'bulk_purchase:detail'
+  }
+} as const
+
+export type JulyPermission = string
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index 88fa16e..a200720 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -39,27 +39,6 @@ export const asyncRoutes: AppRouteRecord[] = [
     ]
   },
 
-  // 临期资产
-  {
-    path: '/operations',
-    name: 'Operations',
-    component: RoutesAlias.Home,
-    meta: {
-      title: '运营管理'
-    },
-    children: [
-      {
-        path: 'expiring-assets',
-        name: 'ExpiringAssets',
-        component: RoutesAlias.ExpiringAssets,
-        meta: {
-          title: '临期资产',
-          keepAlive: true
-        }
-      }
-    ]
-  },
-
   // 仪表台
   {
     name: 'Dashboard',
@@ -352,6 +331,16 @@ export const asyncRoutes: AppRouteRecord[] = [
           keepAlive: true
         }
       },
+      // 临期资产
+      {
+        path: 'expiring-assets',
+        name: 'ExpiringAssets',
+        component: RoutesAlias.ExpiringAssets,
+        meta: {
+          title: '临期资产',
+          keepAlive: true
+        }
+      },
       // IoT卡管理
       {
         path: 'iot-card-management',
@@ -775,6 +764,72 @@ export const asyncRoutes: AppRouteRecord[] = [
           keepAlive: true,
           roles: ['R_SUPER', 'R_ADMIN']
         }
+      },
+      {
+        path: 'wecom',
+        name: 'WecomSettings',
+        redirect: RoutesAlias.WecomApplications,
+        meta: {
+          title: '企业微信配置',
+          isHide: true,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
+      },
+      // 企业微信应用
+      {
+        path: 'wecom/applications',
+        name: 'WecomApplications',
+        component: RoutesAlias.WecomApplications,
+        meta: {
+          title: '企微应用管理',
+          keepAlive: true,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
+      },
+      // 企业微信应用配置详情
+      {
+        path: 'wecom/applications/create',
+        name: 'WecomApplicationCreate',
+        component: RoutesAlias.WecomApplicationDetail,
+        meta: {
+          title: '新增企微应用',
+          isHide: true,
+          keepAlive: false,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
+      },
+      {
+        path: 'wecom/applications/detail/:id',
+        name: 'WecomApplicationDetail',
+        component: RoutesAlias.WecomApplicationDetail,
+        meta: {
+          title: '企微应用配置',
+          isHide: true,
+          keepAlive: false,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
+      },
+      // 企业微信成员及默认发起人
+      {
+        path: 'wecom/members',
+        name: 'WecomMembers',
+        component: RoutesAlias.WecomMembers,
+        meta: {
+          title: '企微成员管理',
+          keepAlive: true,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
+      },
+      // 企业微信审批场景
+      {
+        path: 'wecom/scenes',
+        name: 'WecomScenes',
+        component: RoutesAlias.WecomScenes,
+        meta: {
+          title: '企微审批场景',
+          keepAlive: true,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
       }
     ]
   },
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 3b0f817..2fa64fa 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -80,7 +80,7 @@ export enum RoutesAlias {
 
   // 站内通知
   Notifications = '/notifications', // 通知中心
-  ExpiringAssets = '/operations/expiring-assets', // 临期资产
+  ExpiringAssets = '/asset-management/expiring-assets', // 临期资产
 
   // 佣金管理
   WithdrawalApproval = '/commission-management/withdrawal-approval', // 提现审批
@@ -93,6 +93,11 @@ export enum RoutesAlias {
   PaymentSettingsDetail = '/settings/payment-settings/detail', // 支付设置详情
   OperationPasswordSettings = '/settings/operation-password', // 操作密码设置
   SystemConfigs = '/settings/system-configs', // 系统配置
+  WecomSettings = '/settings/wecom', // 企业微信配置兼容入口
+  WecomApplications = '/settings/wecom/applications', // 企业微信应用
+  WecomApplicationDetail = '/settings/wecom/applications/detail', // 企业微信应用配置
+  WecomMembers = '/settings/wecom/members', // 企业微信成员
+  WecomScenes = '/settings/wecom/scenes', // 企业微信审批场景
 
   // 轮询管理
   DataCleanup = '/polling-management/data-cleanup', // 数据清理
diff --git a/src/types/api/agentRecharge.ts b/src/types/api/agentRecharge.ts
index 87b04f8..b9743ab 100644
--- a/src/types/api/agentRecharge.ts
+++ b/src/types/api/agentRecharge.ts
@@ -8,7 +8,8 @@ export enum AgentRechargeStatus {
   PAID = 2, // 已支付
   COMPLETED = 3, // 已完成
   CLOSED = 4, // 已关闭
-  REFUNDED = 5 // 已退款
+  REFUNDED = 5, // 已退款
+  REJECTED = 6 // 已驳回
 }
 
 // 支付方式
@@ -35,8 +36,10 @@ export interface AgentRecharge {
   rejection_reason?: string | null // 拒绝原因
   remark?: string // 运营备注
   submitter_name?: string | null // 提交人名称
-  approval_source?: 'none' | 'legacy' | 'wecom' | null // 审批来源
-  approval_status?: string | null // 审批状态
+  submitter_id?: number | null
+  approval_provider?: 'wecom' | null
+  approval_instance_id?: number | null
+  approval_status?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | null // 企微审批状态
   approval_status_name?: string | null // 审批状态名称
   current_approver_summary?: string | null // 当前审批人摘要
   processing_status?: string | null // 业务处理状态
@@ -55,7 +58,7 @@ export interface AgentRechargeQueryParams {
   status?: AgentRechargeStatus
   start_date?: string
   end_date?: string
-  dateRange?: string[] | any // For date range picker in UI
+  dateRange?: string[] // For date range picker in UI
 }
 
 // 代理充值订单列表响应
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 1b436fc..8b2f900 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -10,6 +10,8 @@ type ExpiryBase = 'from_activation' | 'from_purchase'
 
 export type AssetType = 'card' | 'device'
 
+import type { AllowedPaymentMethod } from './systemConfig'
+
 // 网络状态
 export enum NetworkStatus {
   OFFLINE = 0, // 停机
@@ -104,6 +106,11 @@ export interface BatchUpdateAssetRealnamePolicyRequest {
   realname_policy: AssetRealnamePolicy
 }
 
+export interface BatchUpdateAssetRealnamePolicyResponse {
+  realname_policy: AssetRealnamePolicy
+  success_count: number
+}
+
 // 换货关联资产
 export interface AssetExchangeTraceAsset {
   asset_type: string
@@ -135,7 +142,10 @@ export interface AssetResolveResponse {
   series_id: number // 套餐系列 ID
   series_name: string // 套餐系列名称
   real_name_status: RealNameStatus // 实名状态：0 未实名 / 1 已实名
-  realname_policy?: string // 实名认证策略 (none:无需实名, before_order:先实名后充值/购买, after_order:先充值/购买后实名)
+  realname_policy?: AssetRealnamePolicy // 实名认证策略 (none:无需实名, before_order:先实名后充值/购买, after_order:先充值/购买后实名)
+  effective_realname_policy?: AssetRealnamePolicy
+  realname_required?: boolean
+  allowed_payment_methods?: AllowedPaymentMethod[]
   real_name_at?: string | null // 实名时间
   network_status?: NetworkStatus // 网络状态：0 停机 / 1 开机（仅 card）
   current_package: string // 当前套餐名称（无则空）
@@ -206,7 +216,7 @@ export interface AssetBoundCard {
   network_status: NetworkStatus // 网络状态
   real_name_status: RealNameStatus // 实名状态
   real_name_at?: string | null // 实名时间
-  realname_policy?: string // 实名认证策略
+  realname_policy?: AssetRealnamePolicy // 实名认证策略
   slot_position: number // 插槽位置
   is_current?: boolean // 是否为设备当前使用的卡
   gateway_extend?: string // Gateway 卡状态扩展字段，原样返回上游 extend
@@ -267,7 +277,7 @@ export interface AssetRealtimeStatusResponse {
   // ===== 卡专属字段 =====
   network_status?: NetworkStatus // 网络状态（仅 card）
   real_name_status?: RealNameStatus // 实名状态（仅 card）
-  realname_policy?: string // 实名认证策略（仅 card）
+  realname_policy?: AssetRealnamePolicy // 实名认证策略（仅 card）
   gateway_card_imei?: string // Gateway 返回的卡 IMEI
   current_month_usage_mb?: number // 本月已用流量 MB（仅 card）
   last_gateway_reading_mb?: number // 运营商周期月内已用流量 MB（仅 card）
diff --git a/src/types/api/bulkPurchase.ts b/src/types/api/bulkPurchase.ts
index fcce78d..64587c5 100644
--- a/src/types/api/bulkPurchase.ts
+++ b/src/types/api/bulkPurchase.ts
@@ -2,6 +2,13 @@ import type { BaseResponse } from './common'
 
 export type BulkPurchasePaymentMethod = 'wallet' | 'offline'
 
+export interface BulkPurchaseCreateRequest {
+  file_key: string
+  package_id: number
+  payment_method: BulkPurchasePaymentMethod
+  voucher_keys?: string[]
+}
+
 export enum BulkPurchaseTaskStatus {
   PENDING = 1,
   PROCESSING = 2,
@@ -19,37 +26,46 @@ export interface BulkPurchaseCreateResponse {
 }
 
 export interface BulkPurchaseTask {
-  id?: number
-  task_id: number
-  task_no?: string
+  id: number
+  task_id?: number
+  task_no: string
+  file_name: string
+  package_id: number
+  package_code: string
+  package_name: string
+  payment_method: BulkPurchasePaymentMethod
   status: BulkPurchaseTaskStatus
-  status_name?: string
-  total_count?: number
-  success_count?: number
+  status_name: string
+  total_count: number
+  success_count: number
+  fail_count: number
   failed_count?: number
   total_amount?: number
   success_amount?: number
   failed_amount?: number
-  amount_summary?: Record<string, number | string>
-  error_code?: string
   error_summary?: string
-  created_at?: string
-  updated_at?: string
-  started_at?: string
-  completed_at?: string
+  error_message: string
+  creator_name: string
+  voucher_keys: string[] | null
+  started_at: string | null
+  completed_at: string | null
+  created_at: string
+  updated_at: string
+  items?: BulkPurchaseItem[]
 }
 
 export interface BulkPurchaseItem {
-  id?: number
-  row_number?: number
-  line?: number
-  asset_identifier?: string
+  line: number
+  asset_identifier: string
+  package_code?: string
+  status: BulkPurchaseTaskStatus
+  status_name: string
+  order_id: number
+  order_no: string
+  amount: number
+  reason: string
   iccid?: string
   virtual_no?: string
-  package_code?: string
-  status?: string | number
-  status_name?: string
-  error_code?: string
   error_reason?: string
   error_summary?: string
 }
@@ -64,4 +80,11 @@ export interface BulkPurchaseItemsResponse {
 
 export type BulkPurchaseCreateApiResponse = BaseResponse<BulkPurchaseCreateResponse>
 export type BulkPurchaseTaskApiResponse = BaseResponse<BulkPurchaseTask>
-export type BulkPurchaseItemsApiResponse = BaseResponse<BulkPurchaseItemsResponse>
+export interface BulkPurchaseTaskListResponse {
+  items: BulkPurchaseTask[]
+  page: number
+  size: number
+  total: number
+}
+
+export type BulkPurchaseTaskListApiResponse = BaseResponse<BulkPurchaseTaskListResponse>
diff --git a/src/types/api/card.ts b/src/types/api/card.ts
index e282a94..4e207af 100644
--- a/src/types/api/card.ts
+++ b/src/types/api/card.ts
@@ -5,6 +5,16 @@
 import { PaginationParams, ImportTask } from './common'
 import type { ExpiryEstimateStatus } from './asset'
 
+export type SpeedTierCode = -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
+
+export interface SetSpeedTierResponse {
+  code: SpeedTierCode
+  iccid: string
+  integration_id: string
+  iot_card_id: number
+  speed_tier_name: string
+}
+
 // 运营商类型
 export enum Operator {
   CHINA_MOBILE = 'mobile', // 中国移动
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 6d2f941..7273d88 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -3,7 +3,7 @@
  */
 
 import { PaginationParams } from './common'
-import type { ExpiryEstimateStatus } from './asset'
+import type { AssetRealnamePolicy, ExpiryEstimateStatus } from './asset'
 
 // ========== 设备状态枚举 ==========
 
@@ -65,7 +65,7 @@ export interface Device {
   last_gateway_sync_at?: string | null // 最后 sync-info 同步时间
   imei?: string // IMEI（设备国际移动设备识别码）
   sn?: string // 设备序列号
-  realname_policy?: string // 实名认证策略
+  realname_policy?: AssetRealnamePolicy // 实名认证策略
   real_name_status: 0 | 1 // 实名状态 (0:未实名, 1:已实名)
   real_name_status_name: string // 实名状态名称
   estimated_final_expires_at?: string | null // 当前及排队主套餐接续后的预计最终到期时间
@@ -217,6 +217,7 @@ export enum DeviceImportTaskStatus {
 // 导入任务查询参数
 export interface DeviceImportTaskQueryParams extends PaginationParams {
   status?: DeviceImportTaskStatus // 任务状态
+  operation_type?: 'import' | 'assign_shop' | 'assign_series'
   batch_no?: string // 批次号(模糊查询)
   start_time?: string // 创建时间起始
   end_time?: string // 创建时间结束
@@ -237,6 +238,11 @@ export interface DeviceImportTask {
   fail_count: number // 失败数
   skip_count: number // 跳过数
   error_message: string // 错误信息
+  operation_type: 'import' | 'assign_shop' | 'assign_series'
+  operation_name: string
+  target_id: number | null
+  realname_policy: 'none' | 'before_order' | 'after_order'
+  warning_count: number
   created_at: string // 创建时间
   started_at: string | null // 开始处理时间
   completed_at: string | null // 完成时间
@@ -244,17 +250,17 @@ export interface DeviceImportTask {
 
 // 导入任务列表响应
 export interface DeviceImportTaskListResponse {
-  list: DeviceImportTask[] | null // 任务列表
+  items: DeviceImportTask[] // 任务列表
   page: number // 当前页码
-  page_size: number // 每页数量
+  size: number // 每页数量
   total: number // 总数
-  total_pages: number // 总页数
 }
 
 // 导入结果详细项
 export interface DeviceImportResultItem {
   line: number // 行号
-  virtual_no: string // 虚拟号（原 device_no）
+  device_identifier: string // CSV 原始设备标识
+  virtual_no: string // 设备虚拟号
   reason: string // 原因
 }
 
@@ -262,6 +268,19 @@ export interface DeviceImportResultItem {
 export interface DeviceImportTaskDetail extends DeviceImportTask {
   failed_items: DeviceImportResultItem[] | null // 失败记录详情
   skipped_items: DeviceImportResultItem[] | null // 跳过记录详情
+  warning_items: DeviceImportResultItem[] | null // 警告记录详情
+}
+
+export interface DeviceBatchAllocationRequest {
+  file_key: string
+  operation_type: 'assign_shop' | 'assign_series'
+  target_id: number
+}
+
+export interface DeviceBatchAllocationResponse {
+  message: string
+  task_id: number
+  task_no: string
 }
 
 // ========== 批量设置设备的套餐系列绑定相关 ==========
diff --git a/src/types/api/exportTask.ts b/src/types/api/exportTask.ts
index 00f193c..451d746 100644
--- a/src/types/api/exportTask.ts
+++ b/src/types/api/exportTask.ts
@@ -1,6 +1,14 @@
 import type { BaseResponse, PaginationParams } from './common'
 
-export type ExportTaskScene = 'device' | 'iot_card' | 'order'
+export type ExportTaskScene =
+  | 'device'
+  | 'iot_card'
+  | 'order'
+  | 'package'
+  | 'agent_wallet_transaction'
+  | 'agent_recharge'
+  | 'refund'
+  | 'exchange'
 
 export type ExportTaskFormat = 'xlsx' | 'csv'
 
@@ -45,6 +53,10 @@ export interface ExportTaskItem {
   created_at: string
   started_at?: string
   completed_at?: string
+  creator_enterprise_id?: number | null
+  creator_shop_id?: number | null
+  creator_user_id?: number
+  creator_user_type?: number
 }
 
 export interface ExportTaskListResponse {
diff --git a/src/types/api/index.ts b/src/types/api/index.ts
index 31b36ac..7455c26 100644
--- a/src/types/api/index.ts
+++ b/src/types/api/index.ts
@@ -125,3 +125,6 @@ export * from './bulkPurchase'
 
 // 站内通知相关
 export * from './notification'
+
+// 企业微信审批配置相关
+export * from './wecom'
diff --git a/src/types/api/order.ts b/src/types/api/order.ts
index 169b97c..abc92c6 100644
--- a/src/types/api/order.ts
+++ b/src/types/api/order.ts
@@ -22,6 +22,14 @@ export type OrderPaymentMethod = 'wallet' | 'wechat' | 'alipay' | 'offline'
 // 订单操作者类型
 export type OrderOperatorType = 'platform' | 'agent' | 'enterprise' | 'personal_customer'
 
+export type PurchaseRole =
+  | 'self_purchase'
+  | 'purchased_by_parent'
+  | 'purchased_by_platform'
+  | 'purchase_for_subordinate'
+
+export type OrderAssetType = 'card' | 'device'
+
 // 订单佣金流程状态
 export enum OrderCommissionStatus {
   PENDING = 1, // 待计算
@@ -71,9 +79,10 @@ export interface Order {
   device_id: number | null
   iot_card_id: number | null
   asset_identifier?: string // 资产标识符快照（ICCID 或 VirtualNo）
-  asset_type?: string // 资产类型：single_card 或 device
-  purchase_role?: string // 订单渠道
+  asset_type?: OrderAssetType // 资产类型：card 或 device
+  purchase_role?: PurchaseRole // 订单渠道
   purchase_remark?: string // 购买备注
+  is_purchase_on_behalf?: boolean // 是否为代购订单
   is_purchased_by_parent?: boolean // 是否由上级代购
   is_expired?: boolean // 是否已过期
   expires_at?: string | null // 订单超时时间
@@ -97,13 +106,13 @@ export interface OrderQueryParams {
   order_type?: OrderType
   order_no?: string
   identifier?: string // 按资产标识符过滤（ICCID 或 VirtualNo）
-  purchase_role?: string // 订单渠道
+  purchase_role?: PurchaseRole // 订单渠道
   buyer_phone?: string // 按买家手机号精确过滤
   start_time?: string
   end_time?: string
   is_expired?: boolean // 是否已过期
   seller_shop_id?: number // 所属代理商ID（销售来源店铺ID）
-  dateRange?: string[] | any // For date range picker in UI
+  dateRange?: string[] // For date range picker in UI
 }
 
 // 订单列表响应
diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index 8561bc3..44cd49d 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -171,7 +171,7 @@ export interface PackageResponse extends PackageAllocationExpiryBaseFields {
   suggested_retail_price?: number | null // 建议零售价（分），可能为 null 表示"未配置"
   retail_price?: number | null // 原始代理零售价（分），可能为 null
   is_gift?: boolean // 是否为赠送套餐
-  price_config_status?: string // 价格配置状态
+  price_config_status?: number // 价格配置状态：0未配置，1赠送0价，2已配置非0
   price_config_status_name?: string // 价格配置状态名称
   effective_retail_price?: number | null // 有效零售价（分）
   retail_price_config_status?: string // 零售价配置状态（代理视角）
@@ -180,7 +180,7 @@ export interface PackageResponse extends PackageAllocationExpiryBaseFields {
   profit_margin?: number | null // 利润空间（分，仅代理用户可见）
   tier_info?: CommissionTierInfo // 返佣档位信息
   shelf_status?: number // 上架状态 (1:上架, 2:下架)
-  status?: number // 状态 (1:启用, 2:禁用)
+  status?: number // 状态 (0:禁用, 1:启用)
   description?: string
   created_at?: string
   updated_at?: string
@@ -193,7 +193,6 @@ export interface PackageQueryParams extends PaginationParams {
   package_name?: string // 套餐名称（模糊搜索）
   series_id?: number // 系列ID
   package_type?: string // 套餐类型
-  data_type?: string // 流量类型
   shelf_status?: number // 上架状态
   status?: number // 状态
 }
@@ -244,7 +243,7 @@ export interface UpdatePackageRequest {
  * 更新套餐状态请求
  */
 export interface UpdatePackageStatusRequest {
-  status: number // 1:启用, 2:禁用
+  status: number // 0:禁用, 1:启用
 }
 
 /**
diff --git a/src/types/api/refund.ts b/src/types/api/refund.ts
index 5ad49ea..044e3df 100644
--- a/src/types/api/refund.ts
+++ b/src/types/api/refund.ts
@@ -66,8 +66,11 @@ export interface Refund {
   asset_reset: boolean
   commission_deducted: boolean
   submitter_name?: string | null // 提交人名称
+  submitter_id?: number | null
+  approval_provider?: 'wecom' | null
+  approval_instance_id?: number | null
   approval_source?: 'none' | 'legacy' | 'wecom' | null // 审批来源
-  approval_status?: string | null // 审批状态
+  approval_status?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | null // 审批状态
   approval_status_name?: string | null // 审批状态名称
   current_approver_summary?: string | null // 当前审批人摘要
   processing_status?: string | null // 业务处理状态
diff --git a/src/types/api/shop.ts b/src/types/api/shop.ts
index 6fc471c..13d7cdf 100644
--- a/src/types/api/shop.ts
+++ b/src/types/api/shop.ts
@@ -26,6 +26,7 @@ export interface ShopResponse {
   business_owner_username: string // 平台业务员账号名
   business_owner_phone_summary: string // 平台业务员手机号摘要
   business_owner_available: boolean // 是否仍可用于通知接收
+  client_login_disabled: boolean // 是否禁止 C 端新登录
 }
 
 // 店铺列表查询参数
@@ -39,6 +40,7 @@ export interface ShopQueryParams extends PaginationParams {
   status?: number | null // 状态 (0:禁用, 1:启用)
   contact_phone?: string // 联系电话精确查询
   business_owner_account_id?: number | null // 平台业务员账号ID
+  client_login_disabled?: boolean
   page?: number // 页码
   page_size?: number // 每页数量
 }
@@ -59,6 +61,7 @@ export interface CreateShopParams {
   contact_name?: string // 联系人姓名
   contact_phone?: string // 联系人电话
   business_owner_account_id?: number | null // 平台业务员账号ID
+  client_login_disabled?: boolean
 }
 
 // 更新店铺参数
@@ -72,6 +75,7 @@ export interface UpdateShopParams {
   contact_name?: string // 联系人姓名
   contact_phone?: string // 联系人电话
   business_owner_account_id?: number | null // 平台业务员账号ID
+  client_login_disabled?: boolean
 }
 
 // 店铺业务员候选
diff --git a/src/types/api/systemConfig.ts b/src/types/api/systemConfig.ts
index 2a0b7e9..645484c 100644
--- a/src/types/api/systemConfig.ts
+++ b/src/types/api/systemConfig.ts
@@ -2,6 +2,12 @@ import type { PaginationParams } from './common'
 
 export type SystemConfigModule = 'carrier_callback' | 'c2b.payment'
 
+export type AllowedPaymentMethod = 'wallet' | 'wechat' | 'alipay'
+export const PAYMENT_CONFIG_KEYS = {
+  card: 'c2b.payment.card_allowed_methods',
+  device: 'c2b.payment.device_allowed_methods'
+} as const
+
 export type SystemConfigValueType = 'string' | 'int' | 'bool' | 'json'
 
 export interface SystemConfigItem {
@@ -35,3 +41,16 @@ export interface UpdateSystemConfigRequest {
   key: string
   value: string
 }
+
+export function parsePaymentMethods(value: string): AllowedPaymentMethod[] {
+  try {
+    const parsed = JSON.parse(value)
+    return Array.isArray(parsed)
+      ? parsed.filter((method): method is AllowedPaymentMethod =>
+          ['wallet', 'wechat', 'alipay'].includes(method)
+        )
+      : []
+  } catch {
+    return []
+  }
+}
diff --git a/src/types/api/wecom.ts b/src/types/api/wecom.ts
new file mode 100644
index 0000000..fd9ce76
--- /dev/null
+++ b/src/types/api/wecom.ts
@@ -0,0 +1,95 @@
+import type { BaseResponse, PaginationData, PaginationParams } from './common'
+
+export type WecomBusinessType = 'refund_approval' | 'offline_recharge_approval'
+
+export interface WecomApplication {
+  id: number
+  corp_id: string
+  agent_id: number
+  name: string
+  secret?: string
+  callback_token?: string
+  encoding_aes_key?: string
+  credentials_set: boolean
+  default_creator_userid?: string | null
+  default_creator_name?: string | null
+  status: 0 | 1
+  status_name: string
+  last_connected_at: string | null
+  created_at: string
+  updated_at: string
+}
+
+export interface WecomApplicationRequest {
+  corp_id?: string
+  agent_id?: number
+  name?: string
+  secret?: string
+  callback_token?: string
+  encoding_aes_key?: string
+  status?: 0 | 1
+}
+
+export interface WecomMember {
+  application_id: number
+  corp_id: string
+  userid: string
+  name: string
+  department_ids: number[] | null
+  synced_at: string
+}
+
+export interface WecomSceneControlMapping {
+  business_field: string
+  control_id: string
+  control_type: string
+  option_mapping: Record<string, string>
+}
+
+export interface WecomScene {
+  id: number
+  application_id: number
+  business_type: WecomBusinessType
+  business_type_name: string
+  template_id: string
+  template_name: string
+  control_mapping: WecomSceneControlMapping[]
+  template_fingerprint: string
+  last_verified_at: string
+  status: 0 | 1
+  status_name: string
+  updated_at: string
+}
+
+export interface WecomSceneRequest {
+  application_id?: number
+  template_id?: string
+  control_mapping?: WecomSceneControlMapping[]
+  status?: 0 | 1
+}
+
+export interface WecomAccountBindingRequest {
+  application_id: number
+  userid: string
+}
+
+export interface WecomSyncMembersResponse {
+  application_id: number
+  synced_at: string
+  synced_count: number
+}
+
+export type WecomApplicationListResponse = BaseResponse<PaginationData<WecomApplication>>
+export type WecomMemberListResponse = BaseResponse<PaginationData<WecomMember>>
+export type WecomSceneListResponse = BaseResponse<PaginationData<WecomScene>>
+export type WecomApplicationResponse = BaseResponse<WecomApplication>
+export type WecomSceneResponse = BaseResponse<WecomScene>
+export type WecomSyncMembersApiResponse = BaseResponse<WecomSyncMembersResponse>
+
+export interface WecomMemberQueryParams extends PaginationParams {
+  keyword?: string
+}
+
+export interface WecomApplicationQueryParams extends PaginationParams {}
+
+export interface WecomSceneQueryParams extends PaginationParams {}
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index ca21b11..e898e2d 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -91,6 +91,7 @@ declare module 'vue' {
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCascader: typeof import('element-plus/es')['ElCascader']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
diff --git a/src/utils/business/apiError.ts b/src/utils/business/apiError.ts
new file mode 100644
index 0000000..bbb0129
--- /dev/null
+++ b/src/utils/business/apiError.ts
@@ -0,0 +1,31 @@
+import axios from 'axios'
+
+export type ApiErrorKind = 'auth' | 'forbidden' | 'validation' | 'conflict' | 'timeout' | 'server' | 'unknown'
+
+export interface NormalizedApiError {
+  kind: ApiErrorKind
+  status?: number
+  code?: number | string
+  message: string
+  unknownResult: boolean
+}
+
+const getResponse = (error: unknown) => (axios.isAxiosError(error) ? error.response : undefined)
+
+export const normalizeApiError = (error: unknown): NormalizedApiError => {
+  const response = getResponse(error)
+  const status = response?.status
+  const code = response?.data?.code
+  const backendMessage = response?.data?.msg
+  const timeout = axios.isAxiosError(error) && error.code === 'ECONNABORTED'
+
+  if (timeout) {
+    return { kind: 'timeout', status, code, message: '请求超时，结果可能未知，请刷新确认', unknownResult: true }
+  }
+  if (status === 401 || code === 401) return { kind: 'auth', status, code, message: '登录状态已失效，请重新登录', unknownResult: false }
+  if (status === 403) return { kind: 'forbidden', status, code, message: '没有执行此操作的权限', unknownResult: false }
+  if (status === 400) return { kind: 'validation', status, code, message: backendMessage || '请求参数或业务条件不符合要求', unknownResult: false }
+  if (status === 409) return { kind: 'conflict', status, code, message: backendMessage || '数据已发生变化，请刷新后重试', unknownResult: false }
+  if (status && status >= 500) return { kind: 'server', status, code, message: '服务器处理失败，请稍后重试', unknownResult: false }
+  return { kind: 'unknown', status, code, message: backendMessage || '操作失败，请稍后重试', unknownResult: false }
+}
diff --git a/src/utils/business/approvalSummary.ts b/src/utils/business/approvalSummary.ts
index 3950964..075bc29 100644
--- a/src/utils/business/approvalSummary.ts
+++ b/src/utils/business/approvalSummary.ts
@@ -2,6 +2,9 @@ export type ApprovalSource = 'none' | 'legacy' | 'wecom'
 
 export interface ApprovalSummary {
   approval_source?: ApprovalSource | null
+  approval_provider?: 'wecom' | null
+  approval_instance_id?: number | null
+  approval_status?: number | string | null
   approval_status_name?: string | null
   current_approver_summary?: string | null
   processing_status_name?: string | null
@@ -9,14 +12,36 @@ export interface ApprovalSummary {
 
 export const getApprovalStatusText = (summary: ApprovalSummary): string => {
   if (summary.approval_source === 'legacy') return '历史审批'
-  if (summary.approval_source === 'wecom') return summary.approval_status_name || '-'
+  if (
+    summary.approval_source === 'wecom' ||
+    summary.approval_provider === 'wecom' ||
+    summary.approval_instance_id
+  ) {
+    return summary.approval_status_name || approvalStatusNames[Number(summary.approval_status)] || '-'
+  }
   return '-'
 }
 
 export const getCurrentApproverSummaryText = (summary: ApprovalSummary): string => {
-  if (summary.approval_source !== 'wecom') return '-'
+  if (
+    summary.approval_source !== 'wecom' &&
+    summary.approval_provider !== 'wecom' &&
+    !summary.approval_instance_id
+  ) return '-'
   return summary.current_approver_summary || '-'
 }
 
 export const getProcessingStatusText = (summary: ApprovalSummary): string =>
   summary.processing_status_name || '-'
+
+export const approvalStatusNames: Record<number, string> = {
+  0: '提交中',
+  1: '审批中',
+  2: '已通过',
+  3: '已拒绝',
+  4: '已撤销',
+  5: '通过后撤销',
+  6: '已删除',
+  7: '提交失败',
+  8: '提交结果未知'
+}
diff --git a/src/utils/http/index.ts b/src/utils/http/index.ts
index 46a0196..8f021cd 100644
--- a/src/utils/http/index.ts
+++ b/src/utils/http/index.ts
@@ -3,6 +3,7 @@ import { ElMessage } from 'element-plus'
 import { useUserStore } from '@/store/modules/user'
 import { ApiStatus } from './status'
 import type { RequestOptions, ErrorMessageMode } from '@/types/api'
+import { normalizeApiError } from '@/utils/business/apiError'
 
 const axiosInstance = axios.create({
   timeout: 15000, // 请求超时时间(毫秒)
@@ -220,7 +221,8 @@ function handleErrorMessage(
 ) {
   if (mode === 'none') return
 
-  const backendMessage = error.response?.data?.msg
+  const normalized = normalizeApiError(error)
+  const backendMessage = normalized.message
   const httpStatus = error.response?.status
 
   // 401 过期类错误由 clearLocalStateAndRedirect 统一提示，避免重复弹出后端报错。
@@ -245,7 +247,7 @@ function handleErrorMessage(
   }
 
   // 其他错误显示通用提示
-  const message = '请求超时或服务器异常！'
+  const message = normalized.message
   if (mode === 'modal') {
     // TODO: 可以使用 ElMessageBox 显示模态框
     ElMessage.error(message)
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index e5ec523..7cb0949 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -9,6 +9,14 @@
           </ElTag>
         </div>
         <div class="card-header-right">
+          <ElButton
+             v-if="cardInfo?.asset_type === 'card' && hasAuth(JULY_PERMISSIONS.speedTier.view)"
+            type="primary"
+            link
+            @click="emit('showSpeedLimit')"
+          >
+            设置限速
+          </ElButton>
           <ElTooltip content="开启后系统将自动轮询更新资产状态" placement="top">
             <div v-if="canShowPolling" class="polling-switch-wrapper">
               <span class="polling-label">自动轮询</span>
@@ -194,33 +202,6 @@
       </template>
     </ElDescriptions>
 
-    <ElDivider content-position="left">同步状态</ElDivider>
-    <ElDescriptions :column="descriptionsColumn" border>
-      <ElDescriptionsItem label="轮询状态">
-        <ElTag
-          v-if="cardInfo?.polling"
-          :type="cardInfo.polling.enabled ? 'success' : 'info'"
-          size="small"
-        >
-          {{ cardInfo.polling.enabled ? '已启用' : '未启用' }}
-        </ElTag>
-        <span v-else>-</span>
-      </ElDescriptionsItem>
-      <ElDescriptionsItem label="最后活跃时间">
-        {{ formatDateTime(cardInfo?.polling?.last_activity_at) || '-' }}
-      </ElDescriptionsItem>
-      <ElDescriptionsItem label="同步轨迹">
-        <ElButton
-          v-permission="'asset_info:view_sync_trail'"
-          type="primary"
-          link
-          @click="emit('viewSyncTrail')"
-        >
-          查看同步轨迹
-        </ElButton>
-      </ElDescriptionsItem>
-    </ElDescriptions>
-
     <template v-if="previousExchangeAsset || nextExchangeAsset">
       <ElDivider content-position="left">换货链路</ElDivider>
       <ElDescriptions :column="descriptionsColumn" border>
@@ -596,6 +577,7 @@
   } from '@/types/api'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
   import { useAuth } from '@/composables/useAuth'
+  import { JULY_PERMISSIONS } from '@/config/constants'
   import { useUserStore } from '@/store/modules/user'
   import { formatDateTime } from '@/utils/business/format'
   import {
@@ -798,7 +780,6 @@
     (e: 'navigateToCard', iccid: string): void
     (e: 'navigateToDevice', deviceNo: string): void
     (e: 'navigateToAsset', identifier: string): void
-    (e: 'viewSyncTrail'): void
   }
 
   const emit = defineEmits<Emits>()
diff --git a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
index 4211df7..6e7522f 100644
--- a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
@@ -126,6 +126,7 @@
   import { useUserStore } from '@/store/modules/user'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
+  import { normalizeApiError } from '@/utils/business/apiError'
 
   interface Props {
     modelValue: boolean
@@ -336,7 +337,11 @@
         data.payment_voucher_key = toVoucherKeyList(form.payment_voucher_key)
       }
 
-      await OrderService.createOrder(data)
+      const response = await OrderService.createOrder(data)
+      if (response.code !== 0) {
+        ElMessage.error(response.msg || '订单创建失败')
+        return
+      }
 
       if (form.payment_method === 'wallet') {
         ElMessage.success('订单创建成功,已自动完成支付')
@@ -352,6 +357,7 @@
         return
       }
       console.error('创建订单失败:', error)
+      ElMessage.error(normalizeApiError(error).message)
     } finally {
       loading.value = false
     }
diff --git a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
index 140e708..44931e2 100644
--- a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
@@ -1,25 +1,10 @@
 <template>
   <ElDialog v-model="visible" title="设置限速" width="500px">
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px">
-      <ElFormItem label="下行速率" prop="download_speed">
-        <ElInputNumber
-          v-model="form.download_speed"
-          :min="1"
-          :step="128"
-          controls-position="right"
-          style="width: 100%"
-        />
-        <div style="margin-top: 4px; font-size: 12px; color: #909399">单位: KB/s</div>
-      </ElFormItem>
-      <ElFormItem label="上行速率" prop="upload_speed">
-        <ElInputNumber
-          v-model="form.upload_speed"
-          :min="1"
-          :step="128"
-          controls-position="right"
-          style="width: 100%"
-        />
-        <div style="margin-top: 4px; font-size: 12px; color: #909399">单位: KB/s</div>
+      <ElFormItem label="固定档位" prop="code">
+        <ElSelect v-model="form.code" style="width: 100%">
+          <ElOption v-for="tier in speedTiers" :key="tier.code" :label="tier.label" :value="tier.code" />
+        </ElSelect>
       </ElFormItem>
     </ElForm>
     <template #footer>
@@ -31,7 +16,7 @@
 
 <script setup lang="ts">
   import { ref, reactive, computed, watch } from 'vue'
-  import { ElDialog, ElForm, ElFormItem, ElInputNumber, ElButton } from 'element-plus'
+  import { ElDialog, ElForm, ElFormItem, ElSelect, ElOption, ElButton } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
 
   interface Props {
@@ -40,7 +25,7 @@
 
   interface Emits {
     (e: 'update:modelValue', value: boolean): void
-    (e: 'confirm', data: { download_speed: number; upload_speed: number }): void
+     (e: 'confirm', data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }): void
   }
 
   const props = defineProps<Props>()
@@ -49,14 +34,23 @@
   const formRef = ref<FormInstance>()
   const loading = ref(false)
 
-  const form = reactive({
-    download_speed: 1024,
-    upload_speed: 512
-  })
+  const speedTiers = [
+    { code: -1, label: '不限速' },
+    { code: 0, label: '0kbps' },
+    { code: 1, label: '128Kbps' },
+    { code: 2, label: '512Kbps' },
+    { code: 3, label: '1Mbps' },
+    { code: 4, label: '2Mbps' },
+    { code: 5, label: '10Mbps' },
+    { code: 6, label: '20Mbps' },
+    { code: 7, label: '50Mbps' },
+    { code: 8, label: '100Mbps' }
+  ] as const
+
+  const form = reactive({ code: 3 as (typeof speedTiers)[number]['code'] })
 
   const rules: FormRules = {
-    download_speed: [{ required: true, message: '请输入下行速率', trigger: 'blur' }],
-    upload_speed: [{ required: true, message: '请输入上行速率', trigger: 'blur' }]
+    code: [{ required: true, message: '请选择限速档位', trigger: 'change' }]
   }
 
   const visible = computed({
@@ -67,8 +61,7 @@
   // 监听对话框打开，重置表单
   watch(visible, (newVal) => {
     if (newVal) {
-      form.download_speed = 1024
-      form.upload_speed = 512
+       form.code = 3
     }
   })
 
@@ -82,8 +75,7 @@
     try {
       await formRef.value.validate()
       emit('confirm', {
-        download_speed: form.download_speed,
-        upload_speed: form.upload_speed
+        code: form.code
       })
     } catch (error) {
       console.error('表单验证失败:', error)
diff --git a/src/views/asset-management/asset-information/composables/useAssetOperations.ts b/src/views/asset-management/asset-information/composables/useAssetOperations.ts
index 9db8489..2c9b967 100644
--- a/src/views/asset-management/asset-information/composables/useAssetOperations.ts
+++ b/src/views/asset-management/asset-information/composables/useAssetOperations.ts
@@ -16,7 +16,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
   const manualDeactivateCardLoading = ref(false)
   const rebootDeviceLoading = ref(false)
   const resetDeviceLoading = ref(false)
-  const speedLimitLoading = ref(false)
   const switchCardLoading = ref(false)
   const setWiFiLoading = ref(false)
   const pollingLoading = ref(false)
@@ -181,35 +180,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
     }
   }
 
-  /**
-   * Set device speed limit
-   */
-  const setSpeedLimit = async (form: { download_speed: number; upload_speed: number }) => {
-    try {
-      speedLimitLoading.value = true
-      const res = await DeviceService.setSpeedLimit(cardInfo.value.imei, {
-        download_speed: form.download_speed,
-        upload_speed: form.upload_speed
-      })
-      if (res.code === 0) {
-        ElMessage.success('限速设置成功')
-        if (refreshAssetFn) {
-          await refreshAssetFn()
-        }
-        return true
-      } else {
-        ElMessage.error(res.msg || '设置失败')
-        return false
-      }
-    } catch (error: any) {
-      console.error('设置限速失败:', error)
-      console.log(error?.message || '设置失败')
-      return false
-    } finally {
-      speedLimitLoading.value = false
-    }
-  }
-
   /**
    * Switch to different card
    */
@@ -320,7 +290,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
     manualDeactivateCardLoading,
     rebootDeviceLoading,
     resetDeviceLoading,
-    speedLimitLoading,
     switchCardLoading,
     setWiFiLoading,
     pollingLoading,
@@ -333,7 +302,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
     // Device operations
     rebootDevice,
     resetDevice,
-    setSpeedLimit,
     switchCard,
     setWiFi,
 
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index eb0c5a5..2ecb36f 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -36,7 +36,8 @@
             @show-switch-card="showSwitchCardDialog"
             @show-switch-mode="showSwitchModeDialog"
             @show-set-wifi="showSetWiFiDialog"
-            @show-realname-policy="showRealnamePolicyDialog"
+             @show-realname-policy="showRealnamePolicyDialog"
+             @show-speed-limit="speedLimitDialogVisible = true"
             @show-update-realname-status="showUpdateRealnameStatusDialog"
             @enable-binding-card="handleEnableBindingCard"
             @disable-binding-card="handleDisableBindingCard"
@@ -44,7 +45,6 @@
             @navigate-to-asset="handleNavigateToAsset"
             @navigate-to-card="handleNavigateToCard"
             @navigate-to-device="handleNavigateToDevice"
-            @view-sync-trail="handleViewSyncTrail"
           />
         </div>
 
@@ -174,6 +174,7 @@
       :current-realname-status="bindingCardRealnameStatusValue"
       @success="handleBindingCardRealnameStatusSuccess"
     />
+    <SpeedLimitDialog v-model="speedLimitDialogVisible" @confirm="handleSpeedTierConfirm" />
   </div>
 </template>
 
@@ -182,7 +183,7 @@
   import { useRoute, useRouter } from 'vue-router'
   import { ElMessage, ElCard, ElEmpty } from 'element-plus'
   import { RoutesAlias } from '@/router/routesAlias'
-  import { DeviceService } from '@/api/modules'
+    import { CardService, DeviceService } from '@/api/modules'
   import {
     formatRemainingTime,
     FrontendRateLimitError,
@@ -203,8 +204,9 @@
     SwitchModeDialog,
     WiFiConfigDialog,
     PackageRechargeDialog,
-    DailyRecordsDialog,
-    OrderHistoryDialog
+     DailyRecordsDialog,
+     OrderHistoryDialog,
+     SpeedLimitDialog
   } from './components/dialogs'
   import SwitchCardDialog from '@/components/device/SwitchCardDialog.vue'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
@@ -291,6 +293,7 @@
 
   // 绑定卡实名状态更新
   const bindingCardRealnameStatusDialogVisible = ref(false)
+  const speedLimitDialogVisible = ref(false)
   const bindingCardRealnameStatusIccid = ref('')
   const bindingCardRealnameStatusValue = ref<number>(0)
 
@@ -444,18 +447,6 @@
     }
   }
 
-  const handleViewSyncTrail = () => {
-    if (!cardInfo.value) return
-
-    router.push({
-      path: '/audit/integrations',
-      query: {
-        resource_type: cardInfo.value.asset_type,
-        resource_key: cardInfo.value.identifier
-      }
-    })
-  }
-
   /**
    * IoT卡操作 - 启用卡
    */
@@ -814,6 +805,15 @@
       handleSearch({ identifier })
     }
   }
+  const handleSpeedTierConfirm = async (data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }) => {
+    if (!cardInfo.value?.iccid) return
+    const response = await CardService.setSpeedTier(cardInfo.value.iccid, data.code)
+    if (response.code === 0) {
+      ElMessage.success(`限速设置成功：${response.data.speed_tier_name}`)
+      speedLimitDialogVisible.value = false
+      await handleRefresh()
+    }
+  }
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 6e27391..984cb00 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -2299,7 +2299,8 @@
         return
       }
 
-      ElMessage.success('批量修改实名顺序成功')
+       const successCount = res.data?.success_count ?? assetIds.length
+       ElMessage.success(`批量修改实名顺序成功：${successCount}/${assetIds.length}`)
       batchRealnamePolicyDialogVisible.value = false
       selectedDevices.value = []
       await getTableData()
diff --git a/src/views/asset-management/exchange-management/detail.vue b/src/views/asset-management/exchange-management/detail.vue
index f468540..65b6882 100644
--- a/src/views/asset-management/exchange-management/detail.vue
+++ b/src/views/asset-management/exchange-management/detail.vue
@@ -83,6 +83,11 @@
           formatter: (_, data) =>
             data.flow_type_name || (flowType === 'direct' ? '直接换货' : '物流换货')
         },
+        {
+          label: '提交人',
+          formatter: (value) => value || '--',
+          prop: 'submitter_name'
+        },
         {
           label: '换货原因',
           prop: 'exchange_reason',
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 51ba210..92cffec 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -380,7 +380,13 @@
   import { h } from 'vue'
   import { useRouter } from 'vue-router'
   import { ExchangeService, CardService, DeviceService } from '@/api/modules'
-  import type { ExchangeResponse } from '@/api/modules/exchange'
+  import type {
+    CreateExchangeRequest,
+    ExchangeAssetType,
+    ExchangeFlowType,
+    ExchangeQueryParams,
+    ExchangeResponse
+  } from '@/api/modules/exchange'
   import type { StandaloneIotCard, Device } from '@/types/api'
   import { ElMessage, ElTag, ElButton, ElMessageBox, ElSwitch } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
@@ -422,7 +428,7 @@
   ]
 
   // 搜索表单
-  const searchForm = reactive({
+  const searchForm = reactive<ExchangeQueryParams & { created_at_range: string[] }>({
     status: undefined,
     flow_type: undefined, // 流程类型筛选
     old_asset_keyword: '',
@@ -433,7 +439,16 @@
   })
 
   // 创建换货单表单
-  const createForm = reactive({
+  const createForm = reactive<{
+    exchange_reason: string
+    exchange_reason_other: string
+    old_asset_type: ExchangeAssetType | ''
+    old_identifier: string
+    flow_type: ExchangeFlowType
+    new_identifier: string
+    migrate_data: boolean
+    remark: string
+  }>({
     exchange_reason: '',
     exchange_reason_other: '',
     old_asset_type: '',
@@ -819,7 +834,7 @@
     loading.value = true
     try {
       // 过滤掉空值参数
-      const params: any = {
+      const params: ExchangeQueryParams = {
         page: pagination.page,
         page_size: pagination.page_size
       }
@@ -1328,9 +1343,9 @@
             ? createForm.exchange_reason_other.trim()
             : createForm.exchange_reason
 
-        const requestData: any = {
+        const requestData: CreateExchangeRequest = {
           exchange_reason: exchangeReason,
-          old_asset_type: createForm.old_asset_type,
+          old_asset_type: createForm.old_asset_type as ExchangeAssetType,
           old_identifier: createForm.old_identifier,
           flow_type: createForm.flow_type,
           remark: createForm.remark || undefined
@@ -1351,7 +1366,7 @@
         }
 
         ElMessage.error(res.msg || '换货单创建失败')
-      } catch (error: any) {
+      } catch (error) {
         console.error('创建换货单失败:', error)
       } finally {
         createLoading.value = false
diff --git a/src/views/operations/expiring-assets/index.vue b/src/views/asset-management/expiring-assets/index.vue
similarity index 94%
rename from src/views/operations/expiring-assets/index.vue
rename to src/views/asset-management/expiring-assets/index.vue
index 6ac6c39..9477199 100644
--- a/src/views/operations/expiring-assets/index.vue
+++ b/src/views/asset-management/expiring-assets/index.vue
@@ -169,16 +169,16 @@
     { label: '临期等级', prop: 'expiry_level_name' }
   ]
 
-  const getExpiryClass = (days: number) => {
-    if (days <= 3) return 'expiry-critical'
-    if (days <= 7) return 'expiry-warning'
-    if (days <= 15) return 'expiry-notice'
+  const getExpiryClass = (level?: string | null) => {
+    if (level === 'critical' || level === '0_3') return 'expiry-critical'
+    if (level === 'warning' || level === '4_7') return 'expiry-warning'
+    if (level === 'notice' || level === '8_15') return 'expiry-notice'
     return ''
   }
 
-  const getExpiryTagType = (days: number) => {
-    if (days <= 3) return 'danger'
-    if (days <= 7) return 'warning'
+  const getExpiryTagType = (level?: string | null) => {
+    if (level === 'critical' || level === '0_3') return 'danger'
+    if (level === 'warning' || level === '4_7') return 'warning'
     return 'info'
   }
 
@@ -245,7 +245,7 @@
       formatter: (row: ExpiringAssetItem) =>
         h(
           'span',
-          { class: getExpiryClass(row.days_until_final_expiry) },
+          { class: getExpiryClass(row.expiry_level) },
           formatDateTime(row.estimated_final_expires_at)
         )
     },
@@ -256,7 +256,7 @@
       formatter: (row: ExpiringAssetItem) =>
         h(
           ElTag,
-          { type: getExpiryTagType(row.days_until_final_expiry), size: 'small' },
+          { type: getExpiryTagType(row.expiry_level), size: 'small' },
           () => `${row.days_until_final_expiry}天`
         )
     },
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index a10d804..b99c4b5 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -2448,7 +2448,8 @@
         return
       }
 
-      ElMessage.success('批量修改实名顺序成功')
+       const successCount = res.data?.success_count ?? assetIds.length
+       ElMessage.success(`批量修改实名顺序成功：${successCount}/${assetIds.length}`)
       batchRealnamePolicyDialogVisible.value = false
       selectedCards.value = []
       await getTableData()
diff --git a/src/views/asset-management/task-management/device-task/index.vue b/src/views/asset-management/task-management/device-task/index.vue
index 11d5099..2ee4c02 100644
--- a/src/views/asset-management/task-management/device-task/index.vue
+++ b/src/views/asset-management/task-management/device-task/index.vue
@@ -1,6 +1,6 @@
 <template>
   <ArtTableFullScreen>
-    <div class="device-task-page" id="table-full-screen">
+    <div v-if="isPlatformAccount" class="device-task-page" id="table-full-screen">
       <!-- 搜索栏 -->
       <ArtSearchBar
         v-model:filter="searchForm"
@@ -10,6 +10,16 @@
         @search="handleSearch"
       ></ArtSearchBar>
 
+      <div v-if="pollingError || pollingForbidden" class="task-polling-error">
+        <ElAlert
+          type="warning"
+          :closable="false"
+          show-icon
+          :title="pollingForbidden ? '当前账号无权查看该任务' : pollingError || '任务状态获取失败'"
+        />
+        <ElButton size="small" @click="polling.retry">重试</ElButton>
+      </div>
+
       <ElCard shadow="never" class="art-table-card">
         <!-- 表格头部 -->
         <ArtTableHeader
@@ -19,10 +29,11 @@
         >
           <template #left>
             <ElButton
+              v-if="isPlatformAccount && hasAuth(JULY_PERMISSIONS.deviceAllocation.page)"
               type="primary"
               :icon="Upload"
               @click="importDialogVisible = true"
-              v-permission="'device_task:bulk_import'"
+              v-permission="JULY_PERMISSIONS.deviceAllocation.page"
             >
               批量导入设备
             </ElButton>
@@ -57,8 +68,8 @@
         <template #title>
           <div style="line-height: 1.8">
             <p><strong>导入说明：</strong></p>
-            <p>1. 请先下载 Excel 模板文件，按照模板格式填写设备信息</p>
-            <p>2. 仅支持 Excel 格式（.xlsx），单次最多导入 1000 条</p>
+             <p>1. 设备分配使用单列 UTF-8 CSV，导入设备仍使用 Excel 模板</p>
+             <p>2. CSV 单次最多 1000 条，文件不超过 10MB</p>
             <p>3. 列格式请设置为文本格式，避免长数字被转为科学计数法</p>
             <p>4. <strong>重要：列顺序固定，不可调整。</strong>系统按位置读取，不识别列名</p>
             <p style="color: var(--el-color-primary)">5. 必填列：虚拟号（第1列）</p>
@@ -77,7 +88,23 @@
         </ElButton>
       </div>
 
-      <ElRow :gutter="20">
+       <ElRow :gutter="20">
+         <ElCol :span="12">
+           <ElFormItem label="任务类型">
+             <ElSelect v-model="importForm.operation_type" style="width: 100%">
+               <ElOption label="导入设备" value="import" />
+               <ElOption label="分配目标代理" value="assign_shop" />
+               <ElOption label="设置套餐系列" value="assign_series" />
+             </ElSelect>
+           </ElFormItem>
+         </ElCol>
+         <ElCol v-if="importForm.operation_type !== 'import'" :span="12">
+           <ElFormItem label="目标 ID">
+             <ElInput v-model="importForm.target_id" placeholder="代理店铺或套餐系列 ID" />
+           </ElFormItem>
+         </ElCol>
+       </ElRow>
+       <ElRow :gutter="20">
         <ElCol :span="12">
           <ElFormItem label="批次号" prop="batch_no">
             <ElInput
@@ -108,18 +135,18 @@
         </ElCol>
       </ElRow>
 
-      <ElUpload
+       <ElUpload
         ref="uploadRef"
         drag
         :auto-upload="false"
         :on-change="handleFileChange"
         :limit="1"
-        accept=".xlsx"
-      >
+         accept=".xlsx,.csv"
+       >
         <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-        <div class="el-upload__text">将 Excel 文件拖到此处，或<em>点击选择</em></div>
+         <div class="el-upload__text">将文件拖到此处，或<em>点击选择</em></div>
         <template #tip>
-          <div class="el-upload__tip">只能上传 .xlsx 格式的 Excel 文件，且不超过 300MB</div>
+           <div class="el-upload__tip">导入设备支持 .xlsx；批量分配支持单列 .csv</div>
         </template>
       </ElUpload>
 
@@ -140,8 +167,8 @@
 
 <script setup lang="ts">
   import { h } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { ref, reactive, onMounted } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { ref, reactive, onMounted, computed, watch } from 'vue'
   import { DeviceService } from '@/api/modules'
   import { ElMessage, ElTag } from 'element-plus'
   import { Download, UploadFilled, Upload } from '@element-plus/icons-vue'
@@ -149,16 +176,29 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
+  import { useAsyncTaskPolling } from '@/composables/useAsyncTaskPolling'
+  import { useUserStore } from '@/store/modules/user'
   import { formatDateTime } from '@/utils/business/format'
   import { StorageService } from '@/api/modules/storage'
-  import type { DeviceImportTask, DeviceImportTaskStatus, RealnamePolicy } from '@/types/api/device'
+  import type {
+    DeviceImportTask,
+    DeviceImportTaskDetail,
+    DeviceImportTaskQueryParams,
+    DeviceImportTaskStatus,
+    RealnamePolicy
+  } from '@/types/api/device'
   import { RoutesAlias } from '@/router/routesAlias'
   import { generatePackageCode } from '@/utils/codeGenerator'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import { normalizeApiError } from '@/utils/business/apiError'
 
   defineOptions({ name: 'DeviceTask' })
 
   const router = useRouter()
+  const route = useRoute()
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
+  const isPlatformAccount = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
 
   const loading = ref(false)
   const tableRef = ref()
@@ -168,14 +208,16 @@
   const importDialogVisible = ref(false)
   const importForm = reactive({
     batch_no: '',
-    realname_policy: '' as '' | 'none' | 'before_order' | 'after_order'
+    realname_policy: '' as '' | 'none' | 'before_order' | 'after_order',
+    operation_type: 'import' as 'import' | 'assign_shop' | 'assign_series',
+    target_id: ''
   })
 
   // 搜索表单初始值
   const initialSearchState = {
     status: undefined,
     batch_no: '',
-    dateRange: undefined as any,
+    dateRange: undefined as string[] | undefined,
     start_time: '',
     end_time: ''
   }
@@ -247,6 +289,23 @@
 
   const taskList = ref<DeviceImportTask[]>([])
 
+  const polling = useAsyncTaskPolling<DeviceImportTaskDetail>({
+    storageKey: 'device-import-active-task',
+    autoRestore: false,
+    fetchTask: async (taskId) => {
+      const res = await DeviceService.getImportTaskDetail(taskId)
+      if (res.code !== 0 || !res.data) throw new Error(res.msg || '获取设备任务失败')
+      return res.data
+    },
+    isForbidden: (error) => {
+      const response = (error as { response?: { status?: number; data?: { code?: number } } })
+        ?.response
+      return response?.status === 403 || response?.data?.code === 403
+    }
+  })
+  const pollingError = polling.error
+  const pollingForbidden = polling.forbidden
+
   // 获取状态标签类型
   const getStatusType = (status: DeviceImportTaskStatus) => {
     switch (status) {
@@ -265,6 +324,7 @@
 
   // 查看详情
   const viewDetail = (row: DeviceImportTask) => {
+    if (!isPlatformAccount.value) return
     router.push({
       path: RoutesAlias.TaskDetail,
       query: {
@@ -276,7 +336,7 @@
 
   // 处理名称点击
   const handleNameClick = (row: DeviceImportTask) => {
-    if (hasAuth('device_task:view_detail')) {
+    if (isPlatformAccount.value && hasAuth('device_task:view_detail')) {
       viewDetail(row)
     } else {
       ElMessage.warning('您没有查看详情的权限')
@@ -385,15 +445,31 @@
     }
   ])
 
+  watch(polling.task, () => {
+    if (isPlatformAccount.value) void getTableData()
+  })
+
   onMounted(() => {
-    getTableData()
+    if (!isPlatformAccount.value) return
+    void getTableData()
+    const routeTaskId = Number(route.query.task_id)
+    if (routeTaskId) {
+      void polling.start(routeTaskId)
+    } else if (polling.taskId.value) {
+      void polling.retry()
+    }
   })
 
   // 获取设备任务列表
   const getTableData = async () => {
+    if (!isPlatformAccount.value) {
+      taskList.value = []
+      pagination.total = 0
+      return
+    }
     loading.value = true
     try {
-      const params: any = {
+      const params: DeviceImportTaskQueryParams = {
         page: pagination.page,
         page_size: pagination.pageSize,
         status: searchForm.status,
@@ -406,13 +482,6 @@
         params.end_time = searchForm.dateRange[1]
       }
 
-      // 清理空值
-      Object.keys(params).forEach((key) => {
-        if (params[key] === '' || params[key] === undefined) {
-          delete params[key]
-        }
-      })
-
       const res = await DeviceService.getImportTasks(params)
       if (res.code === 0) {
         const taskItems = (res.data as typeof res.data & { items?: DeviceImportTask[] | null })
@@ -422,6 +491,7 @@
       }
     } catch (error) {
       console.error(error)
+      ElMessage.error(normalizeApiError(error).message)
     } finally {
       loading.value = false
     }
@@ -473,8 +543,9 @@
   }
 
   // 文件选择变化
-  const handleFileChange = (uploadFile: any) => {
-    const maxSize = 300 * 1024 * 1024
+  const handleFileChange = async (uploadFile: any) => {
+    const isCsvAllocation = importForm.operation_type !== 'import'
+    const maxSize = (isCsvAllocation ? 10 : 300) * 1024 * 1024
     if (uploadFile.raw && uploadFile.raw.size > maxSize) {
       ElMessage.error('文件大小不能超过 300MB')
       uploadRef.value?.clearFiles()
@@ -482,13 +553,23 @@
       return
     }
 
-    if (uploadFile.raw && !uploadFile.raw.name.endsWith('.xlsx')) {
-      ElMessage.error('只能上传 .xlsx 格式的 Excel 文件')
+    if (uploadFile.raw && (isCsvAllocation ? !uploadFile.raw.name.endsWith('.csv') : !uploadFile.raw.name.endsWith('.xlsx'))) {
+       ElMessage.error(isCsvAllocation ? '批量分配只能上传 .csv 文件' : '设备导入只能上传 .xlsx 文件')
       uploadRef.value?.clearFiles()
       fileList.value = []
       return
     }
 
+    if (isCsvAllocation && uploadFile.raw) {
+      const rows = (await uploadFile.raw.text()).replace(/^\uFEFF/, '').split(/\r?\n/).filter(Boolean)
+      if (rows.length > 1001 || rows.some((row: string) => row.includes(','))) {
+        ElMessage.error('设备分配 CSV 必须是单列且最多 1000 行数据')
+        uploadRef.value?.clearFiles()
+        fileList.value = []
+        return
+      }
+    }
+
     fileList.value = uploadFile.raw ? [uploadFile.raw] : []
   }
 
@@ -510,24 +591,33 @@
     clearFiles()
     importForm.batch_no = ''
     importForm.realname_policy = ''
+    importForm.operation_type = 'import'
+    importForm.target_id = ''
     importDialogVisible.value = false
   }
   // 提交上传
   const submitUpload = async () => {
-    if (!fileList.value.length) {
-      ElMessage.warning('请先选择 Excel 文件')
-      return
-    }
+     if (!isPlatformAccount.value || !hasAuth(JULY_PERMISSIONS.deviceAllocation.page)) return
+     if (!fileList.value.length) {
+       ElMessage.warning('请先选择文件')
+       return
+     }
+     if (importForm.operation_type !== 'import' && !Number(importForm.target_id)) {
+       ElMessage.warning('请输入有效的目标 ID')
+       return
+     }
 
     const file = fileList.value[0]
     uploading.value = true
 
     try {
       ElMessage.info('正在准备上传...')
-      const uploadUrlRes = await StorageService.getUploadUrl({
-        file_name: file.name,
-        content_type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-        purpose: 'iot_import'
+       const isAllocation = importForm.operation_type !== 'import'
+       const contentType = isAllocation ? 'text/csv' : 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+       const uploadUrlRes = await StorageService.getUploadUrl({
+         file_name: file.name,
+         content_type: contentType,
+         purpose: isAllocation ? 'device_batch_allocation' : 'iot_import'
       })
 
       if (uploadUrlRes.code !== 0) {
@@ -538,18 +628,20 @@
       const { upload_url, file_key } = uploadUrlRes.data
 
       ElMessage.info('正在上传文件...')
-      await StorageService.uploadFile(
-        upload_url,
-        file,
-        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-      )
+       await StorageService.uploadFile(upload_url, file, contentType)
 
-      ElMessage.info('正在创建导入任务...')
-      const importRes = await DeviceService.importDevices({
-        file_key,
-        batch_no: importForm.batch_no || undefined,
-        realname_policy: (importForm.realname_policy || undefined) as RealnamePolicy | undefined
-      })
+       ElMessage.info(isAllocation ? '正在创建分配任务...' : '正在创建导入任务...')
+       const importRes = isAllocation
+         ? await DeviceService.createAllocationTask({
+             file_key,
+             operation_type: importForm.operation_type as 'assign_shop' | 'assign_series',
+             target_id: Number(importForm.target_id)
+           })
+         : await DeviceService.importDevices({
+             file_key,
+             batch_no: importForm.batch_no || undefined,
+             realname_policy: (importForm.realname_policy || undefined) as RealnamePolicy | undefined
+           })
 
       if (importRes.code !== 0) {
         ElMessage.error(importRes.msg || '创建导入任务失败')
@@ -557,8 +649,11 @@
       }
 
       const taskNo = importRes.data.task_no
+      const taskId = importRes.data.task_id
 
       handleCancelImport()
+      await router.replace({ path: route.path, query: { task_id: String(taskId) } })
+      await polling.start(taskId)
       await getTableData()
 
       ElMessage.success({
@@ -568,7 +663,7 @@
       })
     } catch (error: any) {
       console.error('设备导入失败:', error)
-      console.log(error.message || '设备导入失败')
+      ElMessage.error(normalizeApiError(error).message || error.message || '设备导入失败')
     } finally {
       uploading.value = false
     }
@@ -576,6 +671,7 @@
 
   // 从行数据下载失败数据
   const downloadFailDataByRow = async (row: DeviceImportTask) => {
+    if (!isPlatformAccount.value) return
     try {
       const res = await DeviceService.getImportTaskDetail(row.id)
       if (res.code === 0 && res.data) {
@@ -622,6 +718,7 @@
   }
 
   const downloadTaskFile = async (row: DeviceImportTask) => {
+    if (!isPlatformAccount.value) return
     const fileKey = row.file_name?.trim()
     if (!fileKey) {
       ElMessage.warning('当前任务没有可下载的原始文件')
@@ -639,6 +736,7 @@
 
   // 获取操作按钮
   const getActions = (row: DeviceImportTask) => {
+    if (!isPlatformAccount.value) return []
     const actions: any[] = []
     const showDownloadFileAction = false
 
@@ -664,6 +762,13 @@
 
 <style lang="scss" scoped>
   .device-task-page {
+    .task-polling-error {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 12px;
+    }
+
     :deep(.el-icon--upload) {
       margin-bottom: 16px;
       font-size: 67px;
diff --git a/src/views/asset-management/task-management/task-detail/index.vue b/src/views/asset-management/task-management/task-detail/index.vue
index 96650fc..57748b0 100644
--- a/src/views/asset-management/task-management/task-detail/index.vue
+++ b/src/views/asset-management/task-management/task-detail/index.vue
@@ -59,11 +59,14 @@
   import type { DeviceImportTaskDetail } from '@/types/api/device'
   import type { DetailSection } from '@/components/common/DetailPage.vue'
   import DetailPage from '@/components/common/DetailPage.vue'
+  import { useUserStore } from '@/store/modules/user'
 
   defineOptions({ name: 'TaskDetail' })
 
   const router = useRouter()
   const route = useRoute()
+  const userStore = useUserStore()
+  const isPlatformAccount = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
 
   type TaskType = 'card' | 'device'
   type TaskDetail = IotCardImportTaskDetail | DeviceImportTaskDetail
@@ -244,6 +247,12 @@
       taskType.value = queryTaskType
     }
 
+    if (taskType.value === 'device' && !isPlatformAccount.value) {
+      ElMessage.error('当前账号无权查看设备任务详情')
+      goBack()
+      return
+    }
+
     loading.value = true
     try {
       if (taskType.value === 'device') {
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 30c1038..9c6f022 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -507,6 +507,7 @@
     CommissionSourceMap
   } from '@/config/constants/commission'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { normalizeApiError } from '@/utils/business/apiError'
 
   defineOptions({ name: 'AgentCommission' })
 
@@ -1021,9 +1022,18 @@
   }
 
   const handleCreditConflict = async () => {
-    ElMessage.warning('资金概况已被更新，已刷新最新数据，请重新调整')
-    creditDialogVisible.value = false
+    const shopId = currentCreditShop.value?.shop_id
     await getTableData()
+
+    if (shopId) {
+      const latest = summaryList.value.find((item) => item.shop_id === shopId)
+      if (latest) {
+        // 仅刷新后端版本和当前余额，保留用户刚填写的表单值，方便确认后重试。
+        currentCreditShop.value = latest
+      }
+    }
+
+    ElMessage.warning('资金概况已被其他操作更新，已刷新最新版本；请确认后重新提交')
   }
 
   const handleCreditSubmit = async () => {
@@ -1058,6 +1068,7 @@
           await handleCreditConflict()
         } else {
           console.error('实际信用额度调整失败:', error)
+          ElMessage.error(normalizeApiError(error).message)
         }
       } finally {
         creditSubmitting.value = false
diff --git a/src/views/finance/agent-recharge/detail.vue b/src/views/finance/agent-recharge/detail.vue
index f79b494..eb1c1fb 100644
--- a/src/views/finance/agent-recharge/detail.vue
+++ b/src/views/finance/agent-recharge/detail.vue
@@ -68,7 +68,8 @@
       2: 'success', // 已支付
       3: 'success', // 已完成
       4: 'info', // 已关闭
-      5: 'danger' // 已退款
+       5: 'danger', // 已退款
+       6: 'danger' // 已驳回
     }
     return statusMap[status] || 'info'
   }
@@ -81,7 +82,8 @@
       2: '已支付',
       3: '已完成',
       4: '已关闭',
-      5: '已退款'
+       5: '已退款',
+       6: '已驳回'
     }
     return statusMap[status] || '-'
   }
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 4497222..958ed36 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -464,7 +464,8 @@
       2: 'success', // 已支付
       3: 'success', // 已完成
       4: 'info', // 已关闭
-      5: 'danger' // 已退款
+       5: 'danger', // 已退款
+       6: 'danger' // 已驳回
     }
     return statusMap[status] || 'info'
   }
@@ -477,7 +478,8 @@
       2: '已支付',
       3: '已完成',
       4: '已关闭',
-      5: '已退款'
+       5: '已退款',
+       6: '已驳回'
     }
     return statusMap[status] || '-'
   }
diff --git a/src/views/order-management/bulk-purchase/index.vue b/src/views/order-management/bulk-purchase/index.vue
index 255db96..d30e9d5 100644
--- a/src/views/order-management/bulk-purchase/index.vue
+++ b/src/views/order-management/bulk-purchase/index.vue
@@ -11,8 +11,8 @@
             <ElButton
               v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.template)"
               tag="a"
-              href="/templates/bulk-purchase-template.xlsx"
-              download="批量订购模板.xlsx"
+               href="/templates/bulk-purchase-template.csv"
+               download="批量订购套餐模板.csv"
             >
               下载模板
             </ElButton>
@@ -20,25 +20,8 @@
         </template>
 
         <ElForm ref="formRef" :model="form" :rules="rules" label-width="110px" class="create-form">
-          <ElFormItem label="代理商" prop="shop_id">
-            <ElSelect
-              v-model="form.shop_id"
-              filterable
-              remote
-              reserve-keyword
-              clearable
-              placeholder="请选择代理商"
-              :remote-method="searchShops"
-              :loading="shopLoading"
-              style="width: 100%"
-            >
-              <ElOption
-                v-for="shop in shopOptions"
-                :key="shop.id"
-                :label="`${shop.shop_name} (${shop.shop_code})`"
-                :value="shop.id"
-              />
-            </ElSelect>
+          <ElFormItem label="套餐 ID" prop="package_id">
+            <ElInputNumber v-model="form.package_id" :min="1" controls-position="right" />
           </ElFormItem>
 
           <ElFormItem label="支付方式" prop="payment_method">
@@ -53,9 +36,13 @@
               ref="orderUploadRef"
               v-model="orderFileKeys"
               voucher-name="订单文件"
-              :max-count="1"
-              accept=".xlsx,.xls,.csv"
-              tip="支持 .xlsx、.xls 或 .csv 文件"
+               :max-count="1"
+               purpose="batch_purchase"
+               :max-size-mb="10"
+               single-column-csv
+               :max-csv-rows="1000"
+               accept=".csv"
+               tip="仅支持 UTF-8 单列 CSV，最多 1000 行，最大 10MB"
               @uploading-change="orderFileUploading = $event"
               @change="formRef?.validateField('orderFile')"
             />
@@ -70,7 +57,7 @@
               ref="voucherUploadRef"
               v-model="voucherFileKeys"
               voucher-name="整批支付凭证"
-              @uploading-change="voucherUploading = $event"
+               @uploading-change="voucherUploading = $event"
               @change="formRef?.validateField('voucherFile')"
             />
           </ElFormItem>
@@ -209,7 +196,8 @@
     ElButton,
     ElCard,
     ElDescriptions,
-    ElDescriptionsItem,
+     ElDescriptionsItem,
+     ElInputNumber,
     ElForm,
     ElMessage,
     ElOption,
@@ -223,12 +211,11 @@
   } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
-  import { BulkPurchaseService, ShopService } from '@/api/modules'
+   import { BulkPurchaseService } from '@/api/modules'
   import type {
     BulkPurchaseItem,
     BulkPurchasePaymentMethod,
-    BulkPurchaseTask,
-    ShopResponse
+     BulkPurchaseTask
   } from '@/types/api'
   import { BulkPurchaseTaskStatus } from '@/types/api'
   import { useAuth } from '@/composables/useAuth'
@@ -244,8 +231,6 @@
   const formRef = ref<FormInstance>()
   const orderUploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const voucherUploadRef = ref<InstanceType<typeof VoucherUpload>>()
-  const shopOptions = ref<ShopResponse[]>([])
-  const shopLoading = ref(false)
   const submitting = ref(false)
   const orderFileKeys = ref<string[]>([])
   const orderFileUploading = ref(false)
@@ -260,15 +245,15 @@
   const requestId = ref('')
 
   const form = reactive<{
-    shop_id?: number
+     package_id?: number
     payment_method: BulkPurchasePaymentMethod
   }>({
-    shop_id: undefined,
+     package_id: undefined,
     payment_method: 'wallet'
   })
 
   const rules = computed<FormRules>(() => ({
-    shop_id: [{ required: true, message: '请选择代理商', trigger: 'change' }],
+     package_id: [{ required: true, message: '请输入套餐 ID', trigger: 'change' }],
     payment_method: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
     orderFile: [
       {
@@ -310,20 +295,6 @@
     return requestId.value
   }
 
-  const searchShops = async (query: string) => {
-    shopLoading.value = true
-    try {
-      const res = await ShopService.getShops({
-        page: 1,
-        page_size: 20,
-        shop_name: query || undefined
-      })
-      if (res.code === 0) shopOptions.value = res.data.items || []
-    } finally {
-      shopLoading.value = false
-    }
-  }
-
   const handlePaymentMethodChange = (value: string | number | boolean | undefined) => {
     if (value === 'wallet') {
       voucherFileKeys.value = []
@@ -341,18 +312,16 @@
     )
       return
     const valid = await formRef.value?.validate().catch(() => false)
-    if (!valid || !form.shop_id || orderFileKeys.value.length === 0) return
+    if (!valid || !form.package_id || orderFileKeys.value.length === 0) return
 
     submitting.value = true
     try {
-      const data = new FormData()
-      data.append('shop_id', String(form.shop_id))
-      data.append('payment_method', form.payment_method)
-      data.append('file', orderFileKeys.value[0])
-      data.append('request_id', getRequestId())
-      if (form.payment_method === 'offline' && voucherFileKeys.value.length > 0) {
-        data.append('voucher_file', voucherFileKeys.value[0])
-      }
+       const data = {
+         file_key: orderFileKeys.value[0],
+         package_id: form.package_id,
+         payment_method: form.payment_method,
+         ...(form.payment_method === 'offline' ? { voucher_keys: voucherFileKeys.value } : {})
+       }
 
       const res = await BulkPurchaseService.createTask(data)
       if (res.code !== 0 || !res.data?.task_id) {
@@ -367,7 +336,7 @@
         query: { task_id: String(res.data.task_id) }
       })
       await polling.start(res.data.task_id)
-      await loadItems()
+       await loadItems()
     } catch (error: any) {
       ElMessage.error(error?.message || '创建批量订购任务失败')
     } finally {
@@ -376,26 +345,9 @@
   }
 
   const loadItems = async () => {
-    const taskId = taskDetail.value?.task_id
+    const taskId = taskDetail.value?.id || taskDetail.value?.task_id
     if (!taskId || !hasAuth(BULK_PURCHASE_PERMISSIONS.items)) return
-    itemsLoading.value = true
-    try {
-      const res = await BulkPurchaseService.getItems(taskId, {
-        page: itemsPage.value,
-        size: itemsSize.value,
-        status: itemStatus.value
-      })
-      if (res.code === 0 && res.data) {
-        items.value = res.data.items || []
-        itemsTotal.value = res.data.total || 0
-      } else {
-        ElMessage.error(res.msg || '获取批量订购明细失败')
-      }
-    } catch (error: any) {
-      ElMessage.error(error?.message || '获取批量订购明细失败')
-    } finally {
-      itemsLoading.value = false
-    }
+    items.value = taskDetail.value?.items || []
   }
 
   const reloadItems = () => {
@@ -441,7 +393,6 @@
   })
 
   onMounted(() => {
-    if (hasAuth(BULK_PURCHASE_PERMISSIONS.create)) void searchShops('')
     const routeTaskId = Number(route.query.task_id)
     if (routeTaskId && routeTaskId !== polling.taskId.value) void polling.start(routeTaskId)
   })
diff --git a/src/views/order-management/order-list/detail.vue b/src/views/order-management/order-list/detail.vue
index 3b89d0c..39dfbf7 100644
--- a/src/views/order-management/order-list/detail.vue
+++ b/src/views/order-management/order-list/detail.vue
@@ -104,6 +104,22 @@
     return type === 'single_card' ? '单卡购买' : '设备购买'
   }
 
+  const getAssetTypeText = (type?: string): string => {
+    if (type === 'card') return 'IoT卡'
+    if (type === 'device') return '设备'
+    return '-'
+  }
+
+  const getPaymentMethodText = (method?: string): string => {
+    const methodMap: Record<string, string> = {
+      wallet: '钱包',
+      wechat: '微信',
+      alipay: '支付宝',
+      offline: '线下'
+    }
+    return method ? methodMap[method] || method : '-'
+  }
+
   // 获取买家类型文本
   const getBuyerTypeText = (type: string): string => {
     return type === 'personal' ? '个人客户' : '代理商'
@@ -174,10 +190,19 @@
         label: '订单类型',
         formatter: (_: any, data: any) => getOrderTypeText(data.order_type)
       },
+      {
+        label: '资产类型',
+        formatter: (_, data) => getAssetTypeText(data.asset_type)
+      },
       {
         label: '支付状态',
         formatter: (_: any, data: any) => data.payment_status_text || '-'
       },
+      {
+        label: '支付方式',
+        prop: 'payment_method',
+        formatter: (value) => getPaymentMethodText(value)
+      },
       {
         label: '订单金额',
         prop: 'total_amount',
@@ -253,7 +278,12 @@
         formatter: (_, data) => (data.is_purchased_by_parent ? '是' : '否')
       },
       {
-        label: 'ICCID/VirtualNo',
+        label: '是否代购',
+        formatter: (_, data) =>
+          data.is_purchase_on_behalf === undefined ? '-' : data.is_purchase_on_behalf ? '是' : '否'
+      },
+      {
+        label: '资产标识符',
         prop: 'asset_identifier',
         formatter: (value) => value || '-'
       },
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index 8431608..2d6b143 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -413,7 +413,7 @@
       options: [
         { label: '钱包支付', value: 'wallet' },
         { label: '微信支付', value: 'wechat' },
-        // { label: '支付宝支付', value: 'alipay' },
+        { label: '支付宝支付', value: 'alipay' },
         { label: '线下支付', value: 'offline' }
       ],
       config: {
@@ -468,9 +468,9 @@
       placeholder: '请选择订单渠道',
       options: [
         { label: '自己购买', value: 'self_purchase' },
-        // { label: '上级代理购买', value: 'purchased_by_parent' },
-        { label: '平台代购', value: 'purchased_by_platform' }
-        // { label: '给下级购买', value: 'purchase_for_subordinate' }
+        { label: '上级代理购买', value: 'purchased_by_parent' },
+        { label: '平台代购', value: 'purchased_by_platform' },
+        { label: '给下级购买', value: 'purchase_for_subordinate' }
       ],
       config: {
         clearable: true
@@ -504,17 +504,22 @@
       { label: '买家手机号', prop: 'buyer_phone' },
       { label: '买家昵称', prop: 'buyer_nickname' },
       { label: '订单类型', prop: 'order_type' },
+      { label: '资产类型', prop: 'asset_type' },
       { label: '买家类型', prop: 'buyer_type' },
       { label: '资产标识符', prop: 'asset_identifier' },
       { label: '订单渠道', prop: 'purchase_role' },
       { label: '购买备注', prop: 'purchase_remark' },
+      { label: '是否代购', prop: 'is_purchase_on_behalf' },
+      { label: '是否上级代购', prop: 'is_purchased_by_parent' },
       { label: '下单时间', prop: 'created_at' },
       { label: '操作者', prop: 'operator_name' },
       { label: '销售店铺', prop: 'seller_shop_name' },
       { label: '支付状态', prop: 'payment_status' },
       { label: '佣金流程状态', prop: 'commission_status_name' },
       { label: '佣金业务结果', prop: 'commission_result_name' },
-      { label: '订单金额', prop: 'total_amount' }
+      { label: '订单金额', prop: 'total_amount' },
+      { label: '是否过期', prop: 'is_expired' },
+      { label: '超时时间', prop: 'expires_at' }
     ]
 
     // 只有非代理账号和非企业账号才能看到实付金额选项
@@ -854,6 +859,13 @@
           )
         }
       },
+      {
+        prop: 'asset_type',
+        label: '资产类型',
+        width: 110,
+        formatter: (row: Order) =>
+          row.asset_type === 'card' ? 'IoT卡' : row.asset_type === 'device' ? '设备' : '-'
+      },
       {
         prop: 'buyer_type',
         label: '买家类型',
@@ -876,6 +888,18 @@
           )
         }
       },
+      {
+        prop: 'is_expired',
+        label: '是否过期',
+        width: 100,
+        formatter: (row: Order) => (row.is_expired === undefined ? '-' : row.is_expired ? '是' : '否')
+      },
+      {
+        prop: 'expires_at',
+        label: '超时时间',
+        width: 180,
+        formatter: (row: Order) => (row.expires_at ? formatDateTime(row.expires_at) : '-')
+      },
       {
         prop: 'asset_identifier',
         label: '资产标识符',
@@ -909,6 +933,20 @@
         showOverflowTooltip: true,
         formatter: (row: Order) => row.purchase_remark || '-'
       },
+      {
+        prop: 'is_purchase_on_behalf',
+        label: '是否代购',
+        width: 100,
+        formatter: (row: Order) =>
+          row.is_purchase_on_behalf === undefined ? '-' : row.is_purchase_on_behalf ? '是' : '否'
+      },
+      {
+        prop: 'is_purchased_by_parent',
+        label: '是否上级代购',
+        width: 110,
+        formatter: (row: Order) =>
+          row.is_purchased_by_parent === undefined ? '-' : row.is_purchased_by_parent ? '是' : '否'
+      },
       {
         prop: 'created_at',
         label: '下单时间',
diff --git a/src/views/package-management/package-list/detail.vue b/src/views/package-management/package-list/detail.vue
index 51eec36..3e63ff2 100644
--- a/src/views/package-management/package-list/detail.vue
+++ b/src/views/package-management/package-list/detail.vue
@@ -34,7 +34,7 @@
   import { PackageManageService } from '@/api/modules'
   import type { PackageResponse } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
-  import { getStatusLabel, getShelfStatusText } from '@/config/constants'
+  import { getShelfStatusText } from '@/config/constants'
   import { useUserStore } from '@/store/modules/user'
 
   defineOptions({ name: 'PackageDetail' })
@@ -103,7 +103,16 @@
               {
                 label: '价格配置状态',
                 formatter: (_: unknown, data: PackageResponse) => {
-                  return data.price_config_status_name || '-'
+                  const statusMap: Record<number, string> = {
+                    0: '未配置',
+                    1: '赠送 0 价',
+                    2: '已配置非 0'
+                  }
+                  return (
+                    data.price_config_status_name ||
+                    statusMap[data.price_config_status ?? -1] ||
+                    '-'
+                  )
                 }
               },
               {
@@ -179,7 +188,9 @@
         {
           label: '状态',
           formatter: (_: unknown, data: PackageResponse) => {
-            return getStatusLabel(data.status ?? 0)
+            if (data.status === 1) return '启用'
+            if (data.status === 0 || data.status === 2) return '禁用'
+            return '-'
           }
         },
         {
@@ -224,6 +235,13 @@
                   }
                   return `${virtualDataMb} MB`
                 }
+              },
+              {
+                label: '虚流量比例',
+                formatter: (_: unknown, data: PackageResponse) =>
+                  data.virtual_ratio === null || data.virtual_ratio === undefined
+                    ? '-'
+                    : Number(data.virtual_ratio).toFixed(2)
               }
             ])
       ]
diff --git a/src/views/package-management/package-list/index.vue b/src/views/package-management/package-list/index.vue
index dc2af0b..b9bc354 100644
--- a/src/views/package-management/package-list/index.vue
+++ b/src/views/package-management/package-list/index.vue
@@ -21,6 +21,9 @@
             <ElButton type="primary" @click="showDialog('add')" v-permission="'package:add'"
               >新增套餐</ElButton
             >
+            <ElButton v-if="hasAuth('package:export')" @click="exportDialogVisible = true">
+              导出
+            </ElButton>
           </template>
         </ArtTableHeader>
 
@@ -45,6 +48,14 @@
           </template>
         </ArtTable>
 
+        <ExportTaskCreateDialog
+          v-model="exportDialogVisible"
+          scene="package"
+          :query="exportQuery"
+          confirm-permission="package:export"
+          title="导出套餐"
+        />
+
         <!-- 新增/编辑对话框 -->
         <ElDialog
           v-model="dialogVisible"
@@ -240,11 +251,12 @@
                   >
                     <div>
                       缩减比例：{{ realDataGb }}×(1-{{ virtualRatioPercent }}%) =
-                      {{ calculatedVirtualDataGb }}GB
+                      {{ formatTwoDecimals(calculatedVirtualDataGb) }}GB
                     </div>
                     <div v-if="calculatedVirtualDataGb > 0">
-                      增长比例：{{ realDataGb }}GB/{{ calculatedVirtualDataGb }}GB =
-                      {{ calculatedGrowthRatio * 100 }}%
+                      增长比例：{{ realDataGb }}GB/{{
+                        formatTwoDecimals(calculatedVirtualDataGb)
+                      }}GB = {{ formatTwoDecimals(calculatedGrowthRatio * 100) }}%
                     </div>
                   </div>
                 </ElFormItem>
@@ -407,10 +419,10 @@
   import { useUserStore } from '@/store/modules/user'
   import { formatDateTime } from '@/utils/business/format'
   import { RoutesAlias } from '@/router/routesAlias'
+  import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import {
     CommonStatus,
     getStatusText,
-    frontendStatusToApi,
     apiStatusToFrontend,
     PACKAGE_TYPE_OPTIONS,
     getPackageTypeLabel,
@@ -434,6 +446,7 @@
   const shouldHideVirtualTrafficColumns = computed(() => [3, 4].includes(currentUserType.value))
 
   const dialogVisible = ref(false)
+  const exportDialogVisible = ref(false)
   const loading = ref(false)
   const submitLoading = ref(false)
   const seriesLoading = ref(false)
@@ -589,6 +602,7 @@
         ]),
     { label: '套餐周期类型', prop: 'calendar_type' },
     { label: '有效期', prop: 'duration_months' },
+    { label: '套餐天数', prop: 'duration_days' },
     { label: '总流量', prop: 'real_data_mb' },
     ...(!shouldHideVirtualTrafficColumns.value
       ? [
@@ -607,8 +621,8 @@
       formatter: (row: any) => {
         const map: Record<string, string> = {
           daily: '每日',
-          weekly: '每周',
           monthly: '每月',
+          yearly: '每年',
           none: '不重置'
         }
         return map[row.data_reset_cycle] || row.data_reset_cycle || '-'
@@ -632,8 +646,8 @@
       formatter: (row: PackageResponse) => row.expiry_base_override_name || '跟随套餐默认'
     },
     { label: '最终生效条件', prop: 'effective_expiry_base_name' },
-    ...(canUpdatePackageShelfStatus ? [{ label: '上架状态', prop: 'shelf_status' }] : []),
-    ...(canUpdatePackageStatus ? [{ label: '状态', prop: 'status' }] : []),
+    { label: '上架状态', prop: 'shelf_status' },
+    { label: '状态', prop: 'status' },
     { label: '创建时间', prop: 'created_at' },
     { label: '更新时间', prop: 'updated_at' }
   ]
@@ -749,6 +763,8 @@
     return Number((realDataGb.value / calculatedVirtualDataGb.value).toFixed(2))
   })
 
+  const formatTwoDecimals = (value: number) => value.toFixed(2)
+
   // GB 转 MB 处理
   const handleRealDataChange = (value: number | null | undefined) => {
     if (value === null || value === undefined) {
@@ -902,7 +918,17 @@
             }
           }
         ]
-      : []),
+      : [
+          {
+            prop: 'shelf_status',
+            label: '上架状态',
+            width: 100,
+            formatter: (row: PackageResponse) =>
+              h(ElTag, { type: row.shelf_status === 1 ? 'success' : 'info', size: 'small' }, () =>
+                getShelfStatusText(row.shelf_status ?? 0)
+              )
+          }
+        ]),
     ...(canUpdatePackageStatus
       ? [
           {
@@ -924,7 +950,24 @@
             }
           }
         ]
-      : []),
+      : [
+          {
+            prop: 'status',
+            label: '状态',
+            width: 100,
+            formatter: (row: PackageResponse) => {
+              const frontendStatus = apiStatusToFrontend(row.status ?? 0)
+              return h(
+                ElTag,
+                {
+                  type: frontendStatus === CommonStatus.ENABLED ? 'success' : 'danger',
+                  size: 'small'
+                },
+                () => getStatusText(frontendStatus)
+              )
+            }
+          }
+        ]),
     {
       prop: 'real_data_mb',
       label: '总流量',
@@ -959,28 +1002,36 @@
             prop: 'virtual_ratio',
             label: '虚流量比例',
             width: 120,
-            formatter: (row: PackageResponse) => {
-              // 如果启用虚流量且真流量大于0，计算虚量百分比
-              const virtualData = row.virtual_data_mb ?? 0
-              const realData = row.real_data_mb ?? 0
-              if (row.enable_virtual_data && realData > 0 && virtualData > 0) {
-                // 虚量百分比 = (1 - 虚流量/真流量) * 100%
-                // 例如：真流量100G，虚流量70G，则虚量百分比 = (1 - 70/100) * 100% = 30%
-                const ratio = (1 - virtualData / realData) * 100
-                return `${ratio.toFixed(2)}%`
-              }
-              // 否则返回 0%
-              return '0%'
-            }
+            formatter: (row: PackageResponse) =>
+              row.virtual_ratio === null || row.virtual_ratio === undefined
+                ? '-'
+                : formatTwoDecimals(Number(row.virtual_ratio))
           }
         ]
       : []),
+    {
+      prop: 'enable_virtual_data',
+      label: '启用虚流量',
+      width: 110,
+      formatter: (row: PackageResponse) => (row.enable_virtual_data ? '是' : '否')
+    },
     {
       prop: 'duration_months',
       label: '有效期',
       width: 100,
       formatter: (row: PackageResponse) => `${row.duration_months}月`
     },
+    {
+      prop: 'duration_days',
+      label: '套餐天数',
+      width: 100,
+      formatter: (row: PackageResponse) =>
+        row.calendar_type === 'by_day' &&
+        row.duration_days !== null &&
+        row.duration_days !== undefined
+          ? `${row.duration_days}天`
+          : '-'
+    },
     {
       prop: 'calendar_type',
       label: '套餐周期类型',
@@ -1002,8 +1053,8 @@
       formatter: (row: PackageResponse) => {
         const map: Record<string, string> = {
           daily: '每日',
-          weekly: '每周',
           monthly: '每月',
+          yearly: '每年',
           none: '不重置'
         }
         const dataResetCycle = row.data_reset_cycle
@@ -1025,11 +1076,33 @@
         return map[expiryBase] || expiryBase
       }
     },
+    {
+      prop: 'default_expiry_base_name',
+      label: '套餐默认生效条件',
+      width: 150
+    },
+    {
+      prop: 'expiry_base_override_name',
+      label: '分配覆盖生效条件',
+      width: 150,
+      formatter: (row: PackageResponse) => row.expiry_base_override_name || '跟随套餐默认'
+    },
+    {
+      prop: 'effective_expiry_base_name',
+      label: '最终生效条件',
+      width: 150
+    },
     {
       prop: 'created_at',
       label: '创建时间',
       width: 180,
       formatter: (row: PackageResponse) => formatDateTime(row.created_at)
+    },
+    {
+      prop: 'updated_at',
+      label: '更新时间',
+      width: 180,
+      formatter: (row: PackageResponse) => formatDateTime(row.updated_at)
     }
   ])
 
@@ -1080,7 +1153,7 @@
   // 监听流量重置周期变化
   watch(
     () => form.data_reset_cycle,
-    (cycle) => {
+    () => {
       // 流量重置周期变化时不需要清空套餐天数，套餐天数只受calendar_type控制
     }
   )
@@ -1097,7 +1170,7 @@
 
   // 监听 is_gift 变化，自动设置 suggested_retail_price
   const handleIsGiftChange = (isGift: string | number | boolean) => {
-    if (Boolean(isGift)) {
+    if (isGift) {
       form.suggested_retail_price = 0
     } else {
       form.suggested_retail_price = undefined
@@ -1195,7 +1268,7 @@
         series_id: searchForm.series_id || undefined,
         package_type: searchForm.package_type || undefined,
         shelf_status: searchForm.shelf_status || undefined,
-        status: searchForm.status || undefined
+        status: searchForm.status ?? undefined
       }
       const res = await PackageManageService.getPackages(params)
       if (res.code === 0) {
@@ -1210,6 +1283,25 @@
     }
   }
 
+  // 导出查询参数：保留 status=0（禁用）等有效零值
+  const exportQuery = computed(() => {
+    const query: Record<string, unknown> = {
+      package_name: searchForm.package_name || undefined,
+      series_id: searchForm.series_id ?? undefined,
+      package_type: searchForm.package_type || undefined,
+      shelf_status: searchForm.shelf_status ?? undefined,
+      status: searchForm.status ?? undefined
+    }
+
+    Object.keys(query).forEach((key) => {
+      if (query[key] === undefined || query[key] === null || query[key] === '') {
+        delete query[key]
+      }
+    })
+
+    return query
+  })
+
   // 重置搜索
   const handleReset = () => {
     Object.assign(searchForm, { ...initialSearchState })
@@ -1387,7 +1479,6 @@
           const costPriceInCents = Math.round(form.cost_price * 100)
 
           const data: any = {
-            package_code: form.package_code,
             package_name: form.package_name,
             package_type: form.package_type,
             duration_months: form.duration_months,
@@ -1395,8 +1486,12 @@
             is_gift: form.is_gift
           }
 
+          if (dialogType.value === 'add') {
+            data.package_code = form.package_code
+          }
+
           // 可选字段
-          if (form.series_id !== undefined && form.series_id !== null) {
+          if (form.series_id !== undefined) {
             data.series_id = form.series_id
           }
           if (form.calendar_type) {
@@ -1458,7 +1553,7 @@
   // 状态切换
   const handleStatusChange = async (row: PackageResponse, newFrontendStatus: number) => {
     const oldStatus = row.status
-    const newApiStatus = frontendStatusToApi(newFrontendStatus)
+    const newApiStatus = newFrontendStatus
     row.status = newApiStatus
     try {
       await PackageManageService.updatePackageStatus(row.id, newApiStatus)
diff --git a/src/views/package-management/package-series/index.vue b/src/views/package-management/package-series/index.vue
index 49c666f..a1459b3 100644
--- a/src/views/package-management/package-series/index.vue
+++ b/src/views/package-management/package-series/index.vue
@@ -398,7 +398,6 @@
     getStatusText,
     frontendStatusToApi,
     apiStatusToFrontend,
-    STATUS_SELECT_OPTIONS,
     ENABLE_STATUS_OPTIONS,
     getEnableStatusText
   } from '@/config/constants'
@@ -406,6 +405,11 @@
 
   defineOptions({ name: 'PackageSeries' })
 
+  const PACKAGE_SERIES_STATUS_SELECT_OPTIONS = [
+    { label: '启用', value: 1 },
+    { label: '禁用', value: 2 }
+  ]
+
   const { hasAuth } = useAuth()
   const canUpdatePackageSeriesStatus = hasAuth('package_series:update_status')
   const router = useRouter()
@@ -455,7 +459,7 @@
         clearable: true,
         placeholder: '请选择状态'
       },
-      options: STATUS_SELECT_OPTIONS
+      options: PACKAGE_SERIES_STATUS_SELECT_OPTIONS
     }
   ]
 
@@ -788,7 +792,7 @@
         page: pagination.page,
         page_size: pagination.page_size,
         series_name: searchForm.series_name || undefined,
-        status: searchForm.status || undefined,
+        status: searchForm.status ?? undefined,
         enable_one_time_commission: searchForm.enable_one_time_commission ?? undefined
       }
       const res = await PackageSeriesService.getPackageSeries(params)
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
index 13a6a13..8ca51db 100644
--- a/src/views/package-management/series-grants/detail.vue
+++ b/src/views/package-management/series-grants/detail.vue
@@ -348,7 +348,8 @@
     GrantPackageItem,
     GrantPackageInfo,
     PackageAllocationExpiryBaseOverride,
-    PackageSeriesResponse
+    PackageSeriesResponse,
+    PackageResponse
   } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
   import { getEnableStatusText } from '@/config/constants'
@@ -550,23 +551,31 @@
 
     packageLoading.value = true
     try {
-      const params: any = {
-        page: 1,
-        page_size: 50,
-        series_id: detailData.value.series_id
-      }
+      const pageSize = 100
+      const allPackages: PackageResponse[] = []
+      let page = 1
+      let total = 0
 
-      if (packageName) {
-        params.package_name = packageName
-      }
+      do {
+        const params: any = {
+          page,
+          page_size: pageSize,
+          series_id: detailData.value.series_id
+        }
+        if (packageName) params.package_name = packageName
 
-      const res = await PackageManageService.getPackages(params)
-      if (res.code === 0) {
-        availablePackages.value = mergeGrantPackageCandidates(
-          res.data.items,
-          detailData.value.packages || []
-        )
-      }
+        const res = await PackageManageService.getPackages(params)
+        if (res.code !== 0) break
+
+        allPackages.push(...(res.data.items || []))
+        total = res.data.total || allPackages.length
+        page += 1
+      } while (allPackages.length < total)
+
+      availablePackages.value = mergeGrantPackageCandidates(
+        allPackages,
+        detailData.value.packages || []
+      )
     } catch (error) {
       console.error('加载套餐选项失败:', error)
     } finally {
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index 5ec8074..24f0f7f 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -594,12 +594,16 @@
     getStatusText,
     frontendStatusToApi,
     apiStatusToFrontend,
-    STATUS_SELECT_OPTIONS,
     getEnableStatusText
   } from '@/config/constants'
 
   defineOptions({ name: 'SeriesGrants' })
 
+  const SERIES_GRANT_STATUS_SELECT_OPTIONS = [
+    { label: '启用', value: 1 },
+    { label: '禁用', value: 2 }
+  ]
+
   const { hasAuth } = useAuth()
   const canUpdateSeriesGrantStatus = hasAuth('series_grants:update_status')
   const router = useRouter()
@@ -736,7 +740,7 @@
         clearable: true,
         placeholder: '请选择状态'
       },
-      options: STATUS_SELECT_OPTIONS
+      options: SERIES_GRANT_STATUS_SELECT_OPTIONS
     }
   ])
 
@@ -1074,25 +1078,26 @@
   const loadPackageOptions = async (packageName?: string) => {
     packageLoading.value = true
     try {
-      const params: any = {
-        page: 1,
-        page_size: 20
-      }
+      const pageSize = 100
+      const allPackages: PackageResponse[] = []
+      let page = 1
+      let total = 0
 
-      // 如果已选择套餐系列，则根据系列ID过滤套餐
-      if (form.series_id) {
-        params.series_id = form.series_id
-      }
+      do {
+        const params: any = { page, page_size: pageSize }
+        if (form.series_id) params.series_id = form.series_id
+        if (packageName) params.package_name = packageName
 
-      if (packageName) {
-        params.package_name = packageName
-      }
+        const res = await PackageManageService.getPackages(params)
+        if (res.code !== 0) break
 
-      const res = await PackageManageService.getPackages(params)
-      if (res.code === 0) {
-        // 过滤掉赠送套餐
-        packageOptions.value = res.data.items.filter((pkg) => !pkg.is_gift)
-      }
+        allPackages.push(...(res.data.items || []))
+        total = res.data.total || allPackages.length
+        page += 1
+      } while (allPackages.length < total)
+
+      // 过滤掉赠送套餐
+      packageOptions.value = allPackages.filter((pkg) => !pkg.is_gift)
     } catch (error) {
       console.error('加载套餐选项失败:', error)
     } finally {
@@ -1125,7 +1130,7 @@
   // 获取套餐名称
   const getPackageName = (packageId: number) => {
     const pkg = packageOptions.value.find((p) => p.id === packageId)
-    return pkg ? pkg.package_name : `套餐ID: ${packageId}`
+    return pkg ? pkg.package_name : '套餐名称不可用'
   }
 
   const getPackageCostPriceMax = (pkg?: {
@@ -1452,7 +1457,7 @@
         series_id: searchForm.series_id || undefined,
         allocator_shop_id:
           searchForm.allocator_shop_id !== undefined ? searchForm.allocator_shop_id : undefined,
-        status: searchForm.status || undefined
+        status: searchForm.status ?? undefined
       }
       const res = await ShopSeriesGrantService.getShopSeriesGrants(params)
       if (res.code === 0) {
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index 2df7899..81002a6 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -371,18 +371,20 @@
 
     packageLoading.value = true
     try {
-      const params: any = {
-        page: 1,
-        page_size: 50,
-        series_id: seriesId.value
-      }
-      if (packageName) {
-        params.package_name = packageName
-      }
-      const res = await PackageManageService.getPackages(params)
-      if (res.code === 0) {
-        availablePackages.value = mergeGrantPackageCandidates(res.data.items, packageList.value)
-      }
+       const pageSize = 100
+       const allPackages: any[] = []
+       let page = 1
+       let total = 0
+       do {
+         const params: any = { page, page_size: pageSize, series_id: seriesId.value }
+         if (packageName) params.package_name = packageName
+         const res = await PackageManageService.getPackages(params)
+         if (res.code !== 0) break
+         allPackages.push(...(res.data.items || []))
+         total = res.data.total || allPackages.length
+         page += 1
+       } while (allPackages.length < total)
+       availablePackages.value = mergeGrantPackageCandidates(allPackages, packageList.value)
     } catch (error) {
       console.error('加载套餐选项失败:', error)
     } finally {
diff --git a/src/views/settings/system-configs/index.vue b/src/views/settings/system-configs/index.vue
index e7b208b..45a21ea 100644
--- a/src/views/settings/system-configs/index.vue
+++ b/src/views/settings/system-configs/index.vue
@@ -51,7 +51,12 @@
             <span>{{ currentConfig?.description || '-' }}</span>
           </ElFormItem>
           <ElFormItem label="配置值">
-            <ElSwitch v-if="isBooleanConfig" v-model="editBoolean" />
+            <ElCheckboxGroup v-if="isPaymentConfig" v-model="editPaymentMethods">
+              <ElCheckbox v-for="method in paymentMethods" :key="method" :label="method">
+                {{ method }}
+              </ElCheckbox>
+            </ElCheckboxGroup>
+            <ElSwitch v-else-if="isBooleanConfig" v-model="editBoolean" />
             <ElInputNumber
               v-else-if="isIntegerConfig"
               v-model="editNumber"
@@ -101,11 +106,20 @@
   import { ElMessage, ElTag } from 'element-plus'
   import { SystemConfigService } from '@/api/modules'
   import type { SearchFormItem } from '@/types'
-  import type { SystemConfigItem, SystemConfigModule } from '@/types/api/systemConfig'
+  import {
+    PAYMENT_CONFIG_KEYS,
+    parsePaymentMethods,
+    type AllowedPaymentMethod,
+    type SystemConfigItem,
+    type SystemConfigModule
+  } from '@/types/api/systemConfig'
   import { formatDateTime } from '@/utils/business/format'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import { useAuth } from '@/composables/useAuth'
 
   defineOptions({ name: 'SystemConfigs' })
+  const { hasAuth } = useAuth()
 
   const moduleOptions = [
     { label: '运营商回调配置', value: 'carrier_callback' },
@@ -133,6 +147,8 @@
   const originalValue = ref('')
   const editBoolean = ref(false)
   const editNumber = ref<number | null>(null)
+  const editPaymentMethods = ref<AllowedPaymentMethod[]>([])
+  const paymentMethods: AllowedPaymentMethod[] = ['wallet', 'wechat', 'alipay']
   const pagination = reactive({ page: 1, page_size: 20, total: 0 })
 
   const columnOptions = [
@@ -198,6 +214,11 @@
   const isBooleanConfig = computed(
     () => currentConfig.value?.value_type === 'bool' || currentConfig.value?.control === 'switch'
   )
+  const isPaymentConfig = computed(() =>
+    [PAYMENT_CONFIG_KEYS.card, PAYMENT_CONFIG_KEYS.device].includes(
+      currentConfig.value?.config_key as (typeof PAYMENT_CONFIG_KEYS)[keyof typeof PAYMENT_CONFIG_KEYS]
+    )
+  )
   const isIntegerConfig = computed(
     () => !isBooleanConfig.value && currentConfig.value?.value_type === 'int'
   )
@@ -222,6 +243,7 @@
   })
 
   const getSubmittedValue = () => {
+    if (isPaymentConfig.value) return JSON.stringify(editPaymentMethods.value)
     if (isBooleanConfig.value) return String(editBoolean.value)
     if (isIntegerConfig.value) return editNumber.value === null ? '' : String(editNumber.value)
     return editValue.value
@@ -246,12 +268,17 @@
         return '请输入有效的 JSON'
       }
     }
+    if (isPaymentConfig.value) {
+      if (editPaymentMethods.value.length === 0) return '至少保留一种支付方式'
+    }
     if (value === '') return '配置值不能为空'
     return ''
   }
 
   const getActions = (row: SystemConfigItem) =>
-    row.readonly
+    row.readonly ||
+    ([PAYMENT_CONFIG_KEYS.card, PAYMENT_CONFIG_KEYS.device].includes(row.config_key as never) &&
+      !hasAuth(JULY_PERMISSIONS.systemConfig.payment))
       ? []
       : [{ label: '编辑', handler: () => showEditDialog(row), type: 'primary' as const }]
 
@@ -280,6 +307,7 @@
     editValue.value = row.value
     editBoolean.value = row.value === 'true'
     editNumber.value = /^-?\d+$/.test(row.value) ? Number(row.value) : null
+    editPaymentMethods.value = parsePaymentMethods(row.value)
     dialogVisible.value = true
   }
 
diff --git a/src/views/settings/wecom/applications/detail.vue b/src/views/settings/wecom/applications/detail.vue
new file mode 100644
index 0000000..c8a402e
--- /dev/null
+++ b/src/views/settings/wecom/applications/detail.vue
@@ -0,0 +1,253 @@
+<template>
+  <div class="wecom-application-detail-page">
+    <ElCard shadow="never">
+      <template #header>
+        <div class="page-header">
+          <div>
+            <div class="page-title">{{ isEdit ? '编辑企微应用' : '新增企微应用' }}</div>
+            <div class="page-description"
+              >应用凭据由平台管理员维护，保存后可在应用列表测试连接。</div
+            >
+          </div>
+          <ElButton @click="goBack">返回应用列表</ElButton>
+        </div>
+      </template>
+
+      <ElForm
+        ref="formRef"
+        :model="form"
+        :rules="rules"
+        label-width="140px"
+        class="application-form"
+      >
+        <ElRow :gutter="24">
+          <ElCol :xs="24" :sm="12">
+            <ElFormItem label="企业 ID" prop="corp_id">
+              <ElInput v-model="form.corp_id" placeholder="请输入企业微信 CorpID" />
+            </ElFormItem>
+          </ElCol>
+          <ElCol :xs="24" :sm="12">
+            <ElFormItem label="AgentID" prop="agent_id">
+              <ElInputNumber
+                v-model="form.agent_id"
+                :min="1"
+                controls-position="right"
+                class="full-width"
+              />
+            </ElFormItem>
+          </ElCol>
+          <ElCol :xs="24" :sm="12">
+            <ElFormItem label="应用名称" prop="name">
+              <ElInput v-model="form.name" placeholder="请输入应用名称" />
+            </ElFormItem>
+          </ElCol>
+          <ElCol :xs="24" :sm="12">
+            <ElFormItem label="Secret" prop="secret">
+              <ElInput
+                v-model="form.secret"
+                type="password"
+                show-password
+                placeholder="请输入应用 Secret"
+              />
+            </ElFormItem>
+          </ElCol>
+        </ElRow>
+
+        <ElDivider content-position="left">回调配置</ElDivider>
+        <ElRow :gutter="24">
+          <ElCol :xs="24" :sm="12">
+            <ElFormItem label="回调 Token" prop="callback_token">
+              <ElInput v-model="form.callback_token" placeholder="请输入回调 Token" />
+            </ElFormItem>
+          </ElCol>
+          <ElCol :xs="24" :sm="12">
+            <ElFormItem label="EncodingAESKey" prop="encoding_aes_key">
+              <ElInput v-model="form.encoding_aes_key" placeholder="请输入 43 位 EncodingAESKey" />
+            </ElFormItem>
+          </ElCol>
+        </ElRow>
+
+        <ElFormItem label="启用状态">
+          <ElSwitch v-model="form.enabled" active-text="启用" inactive-text="禁用" />
+        </ElFormItem>
+
+        <div class="form-actions">
+          <ElButton @click="goBack">取消</ElButton>
+          <ElButton
+            v-if="isEdit"
+            v-permission="JULY_PERMISSIONS.wecom.application"
+            :loading="testing"
+            @click="testApplication"
+          >
+            测试连接
+          </ElButton>
+          <ElButton
+            v-permission="JULY_PERMISSIONS.wecom.application"
+            type="primary"
+            :loading="saving"
+            @click="saveApplication"
+          >
+            保存应用
+          </ElButton>
+        </div>
+      </ElForm>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { useRoute, useRouter } from 'vue-router'
+  import { WecomService } from '@/api/modules'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import { RoutesAlias } from '@/router/routesAlias'
+  import type { WecomApplication } from '@/types/api'
+
+  defineOptions({ name: 'WecomApplicationDetail' })
+
+  const route = useRoute()
+  const router = useRouter()
+  const formRef = ref<FormInstance>()
+  const saving = ref(false)
+  const testing = ref(false)
+  const applicationId = computed(() => Number(route.params.id) || 0)
+  const isEdit = computed(() => applicationId.value > 0)
+  const form = reactive({
+    corp_id: '',
+    agent_id: 0,
+    name: '',
+    secret: '',
+    callback_token: '',
+    encoding_aes_key: '',
+    enabled: true
+  })
+
+  const rules = reactive<FormRules>({
+    corp_id: [{ required: true, message: '请输入企业 ID', trigger: 'blur' }],
+    agent_id: [{ required: true, message: '请输入 AgentID', trigger: 'change' }],
+    name: [{ required: true, message: '请输入应用名称', trigger: 'blur' }],
+    secret: [{ required: true, message: '请输入 Secret', trigger: 'blur' }]
+  })
+
+  const fillForm = (application?: WecomApplication) => {
+    Object.assign(
+      form,
+      application
+        ? {
+            corp_id: application.corp_id,
+            agent_id: application.agent_id,
+            name: application.name,
+            secret: application.secret || '',
+            callback_token: application.callback_token || '',
+            encoding_aes_key: application.encoding_aes_key || '',
+            enabled: application.status === 1
+          }
+        : {
+            corp_id: '',
+            agent_id: 0,
+            name: '',
+            secret: '',
+            callback_token: '',
+            encoding_aes_key: '',
+            enabled: true
+          }
+    )
+  }
+
+  const loadApplication = async () => {
+    if (!isEdit.value) {
+      fillForm()
+      return
+    }
+    const response = await WecomService.getApplications({ page: 1, page_size: 100 })
+    if (response.code === 0) {
+      const application = response.data.items?.find((item) => item.id === applicationId.value)
+      if (application) fillForm(application)
+      else {
+        ElMessage.error('未找到对应的企微应用')
+        goBack()
+      }
+    }
+  }
+
+  const saveApplication = async () => {
+    const valid = await formRef.value?.validate().catch(() => false)
+    if (!valid) return
+    saving.value = true
+    try {
+      const response = await WecomService.saveApplication({
+        corp_id: form.corp_id,
+        agent_id: form.agent_id,
+        name: form.name,
+        secret: form.secret,
+        callback_token: form.callback_token,
+        encoding_aes_key: form.encoding_aes_key,
+        status: form.enabled ? 1 : 0
+      })
+      if (response.code === 0) {
+        ElMessage.success('企微应用保存成功')
+        await router.push(RoutesAlias.WecomApplications)
+      }
+    } finally {
+      saving.value = false
+    }
+  }
+
+  const testApplication = async () => {
+    if (!applicationId.value) return
+    testing.value = true
+    try {
+      const response = await WecomService.testApplication(applicationId.value)
+      if (response.code === 0) {
+        if (response.data.success) ElMessage.success('连接成功，已取得 access_token')
+        else ElMessage.warning('连接失败，请检查应用凭据')
+      }
+    } finally {
+      testing.value = false
+    }
+  }
+
+  const goBack = () => void router.push(RoutesAlias.WecomApplications)
+
+  onMounted(() => void loadApplication())
+</script>
+
+<style scoped lang="scss">
+  .wecom-application-detail-page {
+    .page-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    .page-title {
+      color: var(--el-text-color-primary);
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    .page-description {
+      margin-top: 6px;
+      color: var(--el-text-color-secondary);
+      font-size: 13px;
+    }
+
+    .application-form {
+      max-width: 1000px;
+    }
+
+    .full-width {
+      width: 100%;
+    }
+
+    .form-actions {
+      display: flex;
+      justify-content: flex-end;
+      gap: 12px;
+      margin-top: 28px;
+    }
+  }
+</style>
diff --git a/src/views/settings/wecom/applications/index.vue b/src/views/settings/wecom/applications/index.vue
new file mode 100644
index 0000000..83d920c
--- /dev/null
+++ b/src/views/settings/wecom/applications/index.vue
@@ -0,0 +1,171 @@
+<template>
+  <div class="wecom-applications-page">
+    <ElCard shadow="never">
+      <template #header>
+        <div class="page-header">
+          <div>
+            <div class="page-title">企微应用管理</div>
+            <div class="page-description">管理企业微信应用凭据，并查看连接和默认发起人状态。</div>
+          </div>
+          <ElButton
+            v-permission="JULY_PERMISSIONS.wecom.application"
+            type="primary"
+            @click="goToCreate"
+          >
+            新增应用
+          </ElButton>
+        </div>
+      </template>
+
+      <ElTable v-loading="loading" :data="applications" border>
+        <ElTableColumn prop="name" label="应用名称" min-width="160" show-overflow-tooltip />
+        <ElTableColumn label="凭据状态" width="110">
+          <template #default="scope">
+            <ElTag :type="scope.row.credentials_set ? 'success' : 'warning'" size="small">
+              {{ scope.row.credentials_set ? '已完整' : '未完整' }}
+            </ElTag>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="启用状态" width="100">
+          <template #default="scope">
+            <ElTag :type="scope.row.status === 1 ? 'success' : 'info'" size="small">
+              {{ scope.row.status_name }}
+            </ElTag>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="默认发起人" min-width="150">
+          <template #default="scope">{{ scope.row.default_creator_name || '未设置' }}</template>
+        </ElTableColumn>
+        <ElTableColumn label="最近连接" min-width="170">
+          <template #default="scope">{{ formatDate(scope.row.last_connected_at) }}</template>
+        </ElTableColumn>
+        <ElTableColumn label="操作" width="300" fixed="right">
+          <template #default="scope">
+            <ElButton
+              v-permission="JULY_PERMISSIONS.wecom.application"
+              link
+              type="primary"
+              @click="testApplication(scope.row.id)"
+            >
+              测试连接
+            </ElButton>
+            <ElButton
+              v-permission="JULY_PERMISSIONS.wecom.member"
+              link
+              type="primary"
+              @click="goToMembers(scope.row.id)"
+            >
+              成员管理
+            </ElButton>
+            <ElButton
+              v-permission="JULY_PERMISSIONS.wecom.application"
+              link
+              @click="goToDetail(scope.row.id)"
+            >
+              编辑配置
+            </ElButton>
+          </template>
+        </ElTableColumn>
+      </ElTable>
+
+      <div class="pagination-wrapper">
+        <ElPagination
+          v-model:current-page="pagination.page"
+          v-model:page-size="pagination.page_size"
+          :total="pagination.total"
+          :page-sizes="[20, 50, 100]"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="loadApplications"
+        />
+      </div>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { onMounted, reactive, ref } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import { useRouter } from 'vue-router'
+  import { WecomService } from '@/api/modules'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import { RoutesAlias } from '@/router/routesAlias'
+  import type { WecomApplication } from '@/types/api'
+  import { formatDateTime } from '@/utils/business/format'
+
+  defineOptions({ name: 'WecomApplications' })
+
+  const router = useRouter()
+  const loading = ref(false)
+  const applications = ref<WecomApplication[]>([])
+  const pagination = reactive({ page: 1, page_size: 20, total: 0 })
+
+  const formatDate = (value?: string | null) => (value ? formatDateTime(value) : '-')
+
+  const loadApplications = async () => {
+    loading.value = true
+    try {
+      const response = await WecomService.getApplications({
+        page: pagination.page,
+        page_size: pagination.page_size
+      })
+      if (response.code === 0) {
+        applications.value = response.data.items || []
+        pagination.total = response.data.total || 0
+      }
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleSizeChange = (size: number) => {
+    pagination.page_size = size
+    pagination.page = 1
+    void loadApplications()
+  }
+
+  const goToCreate = () => void router.push(`${RoutesAlias.WecomApplications}/create`)
+  const goToDetail = (id: number) => void router.push(`${RoutesAlias.WecomApplicationDetail}/${id}`)
+  const goToMembers = (id: number) =>
+    void router.push({ path: RoutesAlias.WecomMembers, query: { application_id: String(id) } })
+
+  const testApplication = async (id: number) => {
+    const response = await WecomService.testApplication(id)
+    if (response.code === 0) {
+      if (response.data.success) ElMessage.success('连接成功，已取得 access_token')
+      else ElMessage.warning('连接失败，请检查应用凭据')
+      await loadApplications()
+    }
+  }
+
+  onMounted(() => void loadApplications())
+</script>
+
+<style scoped lang="scss">
+  .wecom-applications-page {
+    .page-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    .page-title {
+      color: var(--el-text-color-primary);
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    .page-description {
+      margin-top: 6px;
+      color: var(--el-text-color-secondary);
+      font-size: 13px;
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+</style>
diff --git a/src/views/settings/wecom/members/index.vue b/src/views/settings/wecom/members/index.vue
new file mode 100644
index 0000000..70145a0
--- /dev/null
+++ b/src/views/settings/wecom/members/index.vue
@@ -0,0 +1,424 @@
+<template>
+  <div class="wecom-members-page">
+    <ElCard shadow="never">
+      <template #header>
+        <div class="page-header">
+          <div>
+            <div class="page-title">企微成员管理</div>
+            <div class="page-description"
+              >同步应用可见成员，设置默认审批发起人，并完成平台账号绑定。</div
+            >
+          </div>
+          <ElButton @click="goToApplications">返回应用列表</ElButton>
+        </div>
+      </template>
+
+      <ElForm inline class="search-form" @submit.prevent>
+        <ElFormItem label="企微应用">
+          <ElSelect
+            v-model="selectedApplicationId"
+            filterable
+            class="application-select"
+            placeholder="请选择企微应用"
+            @change="handleApplicationChange"
+          >
+            <ElOption
+              v-for="application in applications"
+              :key="application.id"
+              :label="application.name"
+              :value="application.id"
+            />
+          </ElSelect>
+        </ElFormItem>
+        <ElFormItem label="成员搜索">
+          <ElInput
+            v-model="keyword"
+            clearable
+            placeholder="姓名"
+            class="keyword-input"
+            @keyup.enter="handleSearch"
+          />
+        </ElFormItem>
+        <ElFormItem>
+          <ElButton type="primary" @click="handleSearch">查询</ElButton>
+          <ElButton @click="handleReset">重置</ElButton>
+        </ElFormItem>
+      </ElForm>
+
+      <div class="toolbar">
+        <div class="selected-application">
+          当前应用：<span>{{ selectedApplication?.name || '未选择' }}</span>
+          <ElTag v-if="selectedApplication?.default_creator_name" type="success" size="small">
+            默认发起人：{{ selectedApplication.default_creator_name }}
+          </ElTag>
+        </div>
+        <ElButton
+          v-permission="JULY_PERMISSIONS.wecom.member"
+          :disabled="!selectedApplicationId"
+          :loading="syncing"
+          @click="syncMembers"
+        >
+          同步成员
+        </ElButton>
+      </div>
+
+      <ElTable
+        v-loading="loading"
+        :data="members"
+        row-key="userid"
+        highlight-current-row
+        border
+        @row-click="selectMember"
+      >
+        <ElTableColumn label="选择" width="70" align="center">
+          <template #default="scope">
+            <ElRadio v-model="selectedUserid" :label="scope.row.userid">
+              <span class="sr-only">选择 {{ scope.row.name }}</span>
+            </ElRadio>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn prop="name" label="成员姓名" min-width="150" />
+        <ElTableColumn prop="synced_at" label="同步时间" min-width="180" />
+        <ElTableColumn label="操作" width="230" fixed="right">
+          <template #default="scope">
+            <ElButton
+              v-permission="JULY_PERMISSIONS.wecom.member"
+              link
+              type="primary"
+              @click.stop="setDefaultCreator(scope.row)"
+            >
+              设为默认发起人
+            </ElButton>
+            <ElButton
+              v-permission="JULY_PERMISSIONS.wecom.binding"
+              link
+              @click.stop="selectMember(scope.row)"
+            >
+              绑定账号
+            </ElButton>
+          </template>
+        </ElTableColumn>
+      </ElTable>
+
+      <div class="pagination-wrapper">
+        <ElPagination
+          v-model:current-page="pagination.page"
+          v-model:page-size="pagination.page_size"
+          :total="pagination.total"
+          :page-sizes="[20, 50, 100]"
+          layout="total, sizes, prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="loadMembers"
+        />
+      </div>
+    </ElCard>
+
+    <ElCard shadow="never" class="operation-card">
+      <template #header>当前成员操作</template>
+      <ElAlert
+        v-if="selectedMember"
+        :title="`已选择：${selectedMember.name}`"
+        type="info"
+        :closable="false"
+      />
+      <ElEmpty v-else description="请先在上方列表选择成员" :image-size="70" />
+
+      <div class="operation-row">
+        <span class="operation-label">绑定平台账号</span>
+        <ElInputNumber
+          v-model="bindingAccountId"
+          :min="1"
+          :disabled="!selectedMember"
+          controls-position="right"
+          placeholder="账号 ID"
+        />
+        <ElButton
+          v-permission="JULY_PERMISSIONS.wecom.binding"
+          type="primary"
+          :disabled="!selectedMember || !bindingAccountId"
+          :loading="binding"
+          @click="bindAccount"
+        >
+          绑定账号
+        </ElButton>
+        <ElButton
+          v-permission="JULY_PERMISSIONS.wecom.member"
+          :disabled="!selectedMember"
+          :loading="savingDefault"
+          @click="saveSelectedDefaultCreator"
+        >
+          保存为默认发起人
+        </ElButton>
+      </div>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import { useRoute, useRouter } from 'vue-router'
+  import { AccountService, WecomService } from '@/api/modules'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import { RoutesAlias } from '@/router/routesAlias'
+  import type { WecomApplication, WecomMember } from '@/types/api'
+
+  defineOptions({ name: 'WecomMembers' })
+
+  const route = useRoute()
+  const router = useRouter()
+  const loading = ref(false)
+  const syncing = ref(false)
+  const savingDefault = ref(false)
+  const binding = ref(false)
+  const applications = ref<WecomApplication[]>([])
+  const members = ref<WecomMember[]>([])
+  const selectedApplicationId = ref<number>()
+  const selectedUserid = ref('')
+  const bindingAccountId = ref<number>()
+  const keyword = ref('')
+  const pagination = reactive({ page: 1, page_size: 20, total: 0 })
+
+  const selectedApplication = computed(() =>
+    applications.value.find((application) => application.id === selectedApplicationId.value)
+  )
+  const selectedMember = computed(() =>
+    members.value.find((member) => member.userid === selectedUserid.value)
+  )
+
+  const loadApplications = async () => {
+    const response = await WecomService.getApplications({ page: 1, page_size: 100 })
+    if (response.code !== 0) return
+    applications.value = response.data.items || []
+    const queryApplicationId = Number(route.query.application_id)
+    selectedApplicationId.value =
+      applications.value.find((application) => application.id === queryApplicationId)?.id ||
+      applications.value[0]?.id
+  }
+
+  const loadMembers = async () => {
+    if (!selectedApplicationId.value) {
+      members.value = []
+      pagination.total = 0
+      return
+    }
+    loading.value = true
+    try {
+      const response = await WecomService.getMembers(selectedApplicationId.value, {
+        page: pagination.page,
+        page_size: pagination.page_size,
+        keyword: keyword.value.trim() || undefined
+      })
+      if (response.code === 0) {
+        members.value = response.data.items || []
+        pagination.total = response.data.total || 0
+        if (!members.value.some((member) => member.userid === selectedUserid.value)) {
+          selectedUserid.value = ''
+        }
+      }
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleApplicationChange = () => {
+    pagination.page = 1
+    selectedUserid.value = ''
+    void loadMembers()
+  }
+
+  const handleSearch = () => {
+    pagination.page = 1
+    void loadMembers()
+  }
+
+  const handleReset = () => {
+    keyword.value = ''
+    pagination.page = 1
+    void loadMembers()
+  }
+
+  const handleSizeChange = (size: number) => {
+    pagination.page_size = size
+    pagination.page = 1
+    void loadMembers()
+  }
+
+  const selectMember = (member: WecomMember) => {
+    selectedUserid.value = member.userid
+  }
+
+  const syncMembers = async () => {
+    if (!selectedApplicationId.value) return
+    syncing.value = true
+    try {
+      const response = await WecomService.syncMembers(selectedApplicationId.value)
+      if (response.code === 0) {
+        ElMessage.success(`已同步 ${response.data.synced_count} 名成员`)
+        await loadMembers()
+      }
+    } finally {
+      syncing.value = false
+    }
+  }
+
+  const setDefaultCreator = async (member: WecomMember) => {
+    if (!selectedApplicationId.value) return
+    selectedUserid.value = member.userid
+    await saveSelectedDefaultCreator()
+  }
+
+  const saveSelectedDefaultCreator = async () => {
+    if (!selectedApplicationId.value || !selectedMember.value) {
+      ElMessage.warning('请选择要设置的成员')
+      return
+    }
+    savingDefault.value = true
+    try {
+      const response = await WecomService.setDefaultCreator(
+        selectedApplicationId.value,
+        selectedMember.value.userid
+      )
+      if (response.code === 0) {
+        ElMessage.success('默认发起人已保存')
+        const application = selectedApplication.value
+        if (application) {
+          application.default_creator_userid = selectedMember.value.userid
+          application.default_creator_name = selectedMember.value.name
+        }
+      }
+    } finally {
+      savingDefault.value = false
+    }
+  }
+
+  const bindAccount = async () => {
+    if (!selectedApplicationId.value || !selectedMember.value || !bindingAccountId.value) {
+      ElMessage.warning('请选择成员并输入账号 ID')
+      return
+    }
+    binding.value = true
+    try {
+      const response = await AccountService.bindWecom(bindingAccountId.value, {
+        application_id: selectedApplicationId.value,
+        userid: selectedMember.value.userid
+      })
+      if (response.code === 0) ElMessage.success('账号企微绑定成功')
+    } finally {
+      binding.value = false
+    }
+  }
+
+  const goToApplications = () => void router.push(RoutesAlias.WecomApplications)
+
+  onMounted(async () => {
+    await loadApplications()
+    await loadMembers()
+  })
+</script>
+
+<style scoped lang="scss">
+  .wecom-members-page {
+    .page-header,
+    .toolbar,
+    .operation-row {
+      display: flex;
+      align-items: center;
+    }
+
+    .page-header,
+    .toolbar {
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    .page-title {
+      color: var(--el-text-color-primary);
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    .page-description {
+      margin-top: 6px;
+      color: var(--el-text-color-secondary);
+      font-size: 13px;
+    }
+
+    .search-form {
+      margin-top: 4px;
+      padding: 14px 16px 0;
+      background: var(--el-fill-color-light);
+      border-radius: 4px;
+    }
+
+    .application-select {
+      width: 280px;
+    }
+
+    .keyword-input {
+      width: 220px;
+    }
+
+    .toolbar {
+      margin: 20px 0 12px;
+
+      .selected-application {
+        color: var(--el-text-color-secondary);
+
+        span {
+          color: var(--el-text-color-primary);
+          font-weight: 600;
+        }
+
+        .el-tag {
+          margin-left: 10px;
+        }
+      }
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+
+    .operation-card {
+      margin-top: 16px;
+    }
+
+    .operation-row {
+      flex-wrap: wrap;
+      gap: 12px;
+      margin-top: 18px;
+    }
+
+    .operation-label {
+      color: var(--el-text-color-primary);
+      font-weight: 500;
+    }
+
+    .sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+
+    @media (max-width: 768px) {
+      .page-header,
+      .toolbar {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .application-select,
+      .keyword-input {
+        width: 100%;
+      }
+    }
+  }
+</style>
diff --git a/src/views/settings/wecom/scenes/index.vue b/src/views/settings/wecom/scenes/index.vue
new file mode 100644
index 0000000..c9e8878
--- /dev/null
+++ b/src/views/settings/wecom/scenes/index.vue
@@ -0,0 +1,375 @@
+<template>
+  <div class="wecom-scenes-page">
+    <ElCard shadow="never">
+      <template #header>
+        <div class="page-header">
+          <div>
+            <div class="page-title">企微审批场景</div>
+            <div class="page-description"
+              >分别维护退款和线下代充值审批模板，并提交后由后端校验控件映射。</div
+            >
+          </div>
+          <ElButton v-permission="JULY_PERMISSIONS.wecom.scene" type="primary" @click="createScene">
+            新增场景配置
+          </ElButton>
+        </div>
+      </template>
+
+      <div class="scene-layout">
+        <div class="scene-list">
+          <div class="section-heading">场景配置列表</div>
+          <ElTable
+            v-loading="loading"
+            :data="scenes"
+            row-key="business_type"
+            highlight-current-row
+            border
+            @row-click="selectScene"
+          >
+            <ElTableColumn prop="business_type_name" label="业务类型" min-width="150" />
+            <ElTableColumn
+              prop="template_name"
+              label="模板名称"
+              min-width="180"
+              show-overflow-tooltip
+            />
+            <ElTableColumn label="状态" width="90">
+              <template #default="scope">
+                <ElTag :type="scope.row.status === 1 ? 'success' : 'info'" size="small">
+                  {{ scope.row.status_name }}
+                </ElTag>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="last_verified_at" label="最近校验" min-width="170" />
+            <ElTableColumn label="操作" width="90" fixed="right">
+              <template #default="scope">
+                <ElButton
+                  v-permission="JULY_PERMISSIONS.wecom.scene"
+                  link
+                  type="primary"
+                  @click.stop="selectScene(scope.row)"
+                >
+                  编辑
+                </ElButton>
+              </template>
+            </ElTableColumn>
+          </ElTable>
+        </div>
+
+        <ElCard shadow="never" class="editor-card">
+          <template #header>
+            <div class="editor-header">
+              <span>{{ editing ? '编辑审批场景' : '新增审批场景' }}</span>
+              <ElTag v-if="editing" size="small" type="info">{{ sceneForm.business_type }}</ElTag>
+            </div>
+          </template>
+
+          <ElForm :model="sceneForm" label-width="110px">
+            <ElFormItem label="业务类型" required>
+              <ElSelect v-model="sceneForm.business_type" :disabled="editing" class="full-width">
+                <ElOption label="退款审批" value="refund_approval" />
+                <ElOption label="线下代充值审批" value="offline_recharge_approval" />
+              </ElSelect>
+            </ElFormItem>
+            <ElFormItem label="企微应用">
+              <ElSelect v-model="sceneForm.application_id" clearable filterable class="full-width">
+                <ElOption
+                  v-for="application in applications"
+                  :key="application.id"
+                  :label="application.name"
+                  :value="application.id"
+                />
+              </ElSelect>
+            </ElFormItem>
+            <ElFormItem label="模板 ID" required>
+              <ElInput v-model="sceneForm.template_id" placeholder="请输入企微后台模板 ID" />
+            </ElFormItem>
+            <ElFormItem label="启用状态">
+              <ElSwitch v-model="sceneForm.enabled" active-text="启用" inactive-text="禁用" />
+            </ElFormItem>
+
+            <ElDivider content-position="left">控件映射</ElDivider>
+            <div class="mapping-heading">
+              <span>业务字段与模板控件的对应关系</span>
+              <ElButton text type="primary" @click="addMapping()">新增映射</ElButton>
+            </div>
+            <div v-if="mappingRows.length" class="mapping-list">
+              <div v-for="(mapping, index) in mappingRows" :key="mapping.key" class="mapping-row">
+                <ElInput v-model="mapping.business_field" placeholder="业务字段，如 refund_no" />
+                <ElInput v-model="mapping.control_id" placeholder="控件 ID" />
+                <ElInput v-model="mapping.control_type" placeholder="控件类型，如 Text" />
+                <ElInput
+                  v-model="mapping.option_mapping"
+                  placeholder="选择项映射 JSON，可为空对象"
+                />
+                <ElButton text type="danger" @click="removeMapping(index)">删除</ElButton>
+              </div>
+            </div>
+            <ElEmpty v-else description="暂无控件映射，请新增一条" :image-size="60" />
+
+            <div class="editor-actions">
+              <ElButton @click="createScene">清空表单</ElButton>
+              <ElButton
+                v-permission="JULY_PERMISSIONS.wecom.scene"
+                type="primary"
+                :loading="saving"
+                @click="saveScene"
+              >
+                保存并校验
+              </ElButton>
+            </div>
+          </ElForm>
+        </ElCard>
+      </div>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import { WecomService } from '@/api/modules'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import type {
+    WecomApplication,
+    WecomBusinessType,
+    WecomScene,
+    WecomSceneControlMapping
+  } from '@/types/api'
+
+  defineOptions({ name: 'WecomScenes' })
+
+  interface MappingEditor {
+    key: number
+    business_field: string
+    control_id: string
+    control_type: string
+    option_mapping: string
+  }
+
+  const loading = ref(false)
+  const saving = ref(false)
+  const applications = ref<WecomApplication[]>([])
+  const scenes = ref<WecomScene[]>([])
+  const selectedBusinessType = ref<WecomBusinessType>()
+  const nextMappingKey = ref(1)
+  const sceneForm = reactive({
+    business_type: 'refund_approval' as WecomBusinessType,
+    application_id: undefined as number | undefined,
+    template_id: '',
+    enabled: true
+  })
+  const mappingRows = ref<MappingEditor[]>([])
+  const editing = computed(() => Boolean(selectedBusinessType.value))
+
+  const addMapping = (mapping?: Partial<MappingEditor>) => {
+    mappingRows.value.push({
+      key: nextMappingKey.value++,
+      business_field: mapping?.business_field || '',
+      control_id: mapping?.control_id || '',
+      control_type: mapping?.control_type || '',
+      option_mapping: mapping?.option_mapping || '{}'
+    })
+  }
+
+  const removeMapping = (index: number) => mappingRows.value.splice(index, 1)
+
+  const fillEditor = (scene?: WecomScene) => {
+    if (!scene) {
+      selectedBusinessType.value = undefined
+      Object.assign(sceneForm, {
+        business_type: 'refund_approval' as WecomBusinessType,
+        application_id: applications.value[0]?.id,
+        template_id: '',
+        enabled: true
+      })
+      mappingRows.value = []
+      addMapping()
+      return
+    }
+    selectedBusinessType.value = scene.business_type
+    Object.assign(sceneForm, {
+      business_type: scene.business_type,
+      application_id: scene.application_id,
+      template_id: scene.template_id,
+      enabled: scene.status === 1
+    })
+    mappingRows.value = (scene.control_mapping || []).map((mapping) => ({
+      key: nextMappingKey.value++,
+      business_field: mapping.business_field,
+      control_id: mapping.control_id,
+      control_type: mapping.control_type,
+      option_mapping: JSON.stringify(mapping.option_mapping || {})
+    }))
+  }
+
+  const selectScene = (scene: WecomScene) => fillEditor(scene)
+  const createScene = () => fillEditor()
+
+  const loadData = async () => {
+    loading.value = true
+    try {
+      const [applicationResponse, sceneResponse] = await Promise.all([
+        WecomService.getApplications({ page: 1, page_size: 100 }),
+        WecomService.getScenes({ page: 1, page_size: 100 })
+      ])
+      if (applicationResponse.code === 0) applications.value = applicationResponse.data.items || []
+      if (sceneResponse.code === 0) {
+        scenes.value = sceneResponse.data.items || []
+        const current = scenes.value.find(
+          (scene) => scene.business_type === selectedBusinessType.value
+        )
+        fillEditor(current || scenes.value[0])
+      }
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const parseMapping = (): WecomSceneControlMapping[] | undefined => {
+    const result: WecomSceneControlMapping[] = []
+    for (const mapping of mappingRows.value) {
+      if (!mapping.business_field && !mapping.control_id && !mapping.control_type) continue
+      if (!mapping.business_field || !mapping.control_id || !mapping.control_type) {
+        ElMessage.warning('请完整填写控件映射字段')
+        return
+      }
+      let optionMapping: Record<string, string>
+      try {
+        const parsed = JSON.parse(mapping.option_mapping || '{}')
+        if (!parsed || Array.isArray(parsed) || typeof parsed !== 'object')
+          throw new Error('invalid')
+        optionMapping = parsed as Record<string, string>
+      } catch {
+        ElMessage.warning(`第 ${result.length + 1} 条选择项映射不是有效 JSON`)
+        return
+      }
+      result.push({
+        business_field: mapping.business_field,
+        control_id: mapping.control_id,
+        control_type: mapping.control_type,
+        option_mapping: optionMapping
+      })
+    }
+    return result
+  }
+
+  const saveScene = async () => {
+    if (!sceneForm.template_id.trim()) {
+      ElMessage.warning('请输入模板 ID')
+      return
+    }
+    const controlMapping = parseMapping()
+    if (!controlMapping) return
+    saving.value = true
+    try {
+      const response = await WecomService.saveScene(sceneForm.business_type, {
+        application_id: sceneForm.application_id,
+        template_id: sceneForm.template_id.trim(),
+        control_mapping: controlMapping,
+        status: sceneForm.enabled ? 1 : 0
+      })
+      if (response.code === 0) {
+        ElMessage.success('场景保存并校验成功')
+        await loadData()
+      }
+    } finally {
+      saving.value = false
+    }
+  }
+
+  onMounted(() => void loadData())
+</script>
+
+<style scoped lang="scss">
+  .wecom-scenes-page {
+    .page-header,
+    .editor-header,
+    .mapping-heading,
+    .editor-actions {
+      display: flex;
+      align-items: center;
+    }
+
+    .page-header,
+    .editor-header,
+    .mapping-heading {
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    .page-title {
+      color: var(--el-text-color-primary);
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    .page-description {
+      margin-top: 6px;
+      color: var(--el-text-color-secondary);
+      font-size: 13px;
+    }
+
+    .scene-layout {
+      display: grid;
+      grid-template-columns: minmax(0, 1.1fr) minmax(480px, 1fr);
+      gap: 16px;
+    }
+
+    .section-heading {
+      margin-bottom: 12px;
+      color: var(--el-text-color-primary);
+      font-weight: 600;
+    }
+
+    .editor-card {
+      min-width: 0;
+    }
+
+    .full-width {
+      width: 100%;
+    }
+
+    .mapping-heading {
+      margin-bottom: 12px;
+      color: var(--el-text-color-secondary);
+      font-size: 13px;
+    }
+
+    .mapping-list {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .mapping-row {
+      display: grid;
+      grid-template-columns: 1.05fr 1fr 0.8fr 1.3fr auto;
+      gap: 8px;
+      align-items: center;
+    }
+
+    .editor-actions {
+      justify-content: flex-end;
+      gap: 12px;
+      margin-top: 24px;
+    }
+
+    @media (max-width: 1200px) {
+      .scene-layout {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    @media (max-width: 768px) {
+      .page-header {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .mapping-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  }
+</style>
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index e9dbe66..95d714a 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -228,6 +228,13 @@
                 :inactive-value="CommonStatus.DISABLED"
               />
             </ElFormItem>
+            <ElFormItem v-if="dialogType === 'edit'" label="C 端登录">
+              <ElSwitch
+                v-model="formData.client_login_disabled"
+                active-text="禁止新登录"
+                inactive-text="允许登录"
+              />
+            </ElFormItem>
           </ElForm>
           <template #footer>
             <div class="dialog-footer">
@@ -322,9 +329,11 @@
    import { ShopService, RoleService } from '@/api/modules'
   import type { SearchFormItem } from '@/types'
    import type {
+     CreateShopParams,
      ShopBusinessOwnerCandidate,
      ShopResponse,
-     ShopRoleResponse
+     ShopRoleResponse,
+     UpdateShopParams
    } from '@/types/api'
    import { RoleType, RoleStatus } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
@@ -609,7 +618,8 @@
       formData.address = row.address || ''
       formData.contact_name = row.contact_name || ''
       formData.contact_phone = row.contact_phone || ''
-      formData.business_owner_account_id = row.business_owner_account_id ?? null
+       formData.business_owner_account_id = row.business_owner_account_id ?? null
+       formData.client_login_disabled = row.client_login_disabled
       formData.status = row.status
       formData.init_username = ''
       formData.init_password = ''
@@ -627,7 +637,8 @@
       formData.address = ''
       formData.contact_name = ''
       formData.contact_phone = ''
-      formData.business_owner_account_id = null
+       formData.business_owner_account_id = null
+       formData.client_login_disabled = false
       formData.status = CommonStatus.ENABLED
       formData.init_username = ''
       formData.init_password = ''
@@ -729,13 +740,19 @@
       label: '联系电话',
       width: 130
     },
-    {
-       prop: 'business_owner_username',
-      label: '平台业务员',
-      minWidth: 180,
-      showOverflowTooltip: true,
-         formatter: (row: ShopResponse) => formatBusinessOwner(row)
-    },
+     {
+        prop: 'business_owner_username',
+       label: '平台业务员',
+       minWidth: 180,
+       showOverflowTooltip: true,
+          formatter: (row: ShopResponse) => formatBusinessOwner(row)
+     },
+     {
+       prop: 'client_login_disabled',
+       label: 'C 端登录',
+       width: 110,
+       formatter: (row: ShopResponse) => (row.client_login_disabled ? '已限制' : '正常')
+     },
     ...(canModifyShopStatus
       ? [
           {
@@ -825,7 +842,8 @@
     init_password: '',
     init_phone: '',
     default_role_id: undefined as number | undefined,
-    business_owner_account_id: null as number | null
+     business_owner_account_id: null as number | null,
+     client_login_disabled: false
   })
 
   // 处理编码生成
@@ -987,14 +1005,15 @@
         submitLoading.value = true
         try {
           if (dialogType.value === 'add') {
-            const data: any = {
+            const data: CreateShopParams = {
               shop_name: formData.shop_name,
               shop_code: formData.shop_code,
               init_username: formData.init_username,
               init_password: formData.init_password,
               init_phone: formData.init_phone,
-              default_role_id: formData.default_role_id,
-              business_owner_account_id: formData.business_owner_account_id
+              default_role_id: formData.default_role_id!,
+               business_owner_account_id: formData.business_owner_account_id,
+               client_login_disabled: formData.client_login_disabled
             }
 
             // 可选字段 - parent_id 可能是数组（级联选择器）或数字
@@ -1013,10 +1032,11 @@
             await ShopService.createShop(data)
             ElMessage.success('新增成功')
           } else {
-            const data: any = {
+            const data: UpdateShopParams = {
               shop_name: formData.shop_name,
               status: formData.status,
-              business_owner_account_id: formData.business_owner_account_id
+               business_owner_account_id: formData.business_owner_account_id,
+               client_login_disabled: formData.client_login_disabled
             }
 
             // 可选字段
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 8d7e148..a70aeb2 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -247,8 +247,8 @@
     ElOption
   } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
-  import { RoleType } from '@/types/api'
-  import type { PlatformRole, PermissionTreeNode } from '@/types/api'
+  import { RoleStatus, RoleType } from '@/types/api'
+  import type { PlatformRole, PermissionTreeNode, PlatformRoleFormData } from '@/types/api'
   import type { SearchFormItem } from '@/types'
   import { useRouter } from 'vue-router'
   import { RoutesAlias } from '@/router/routesAlias'
@@ -381,12 +381,18 @@
     ]
   })
 
-  const form = reactive<any>({
+  type RoleFormState = PlatformRoleFormData & {
+    id: number
+    credit_enabled: boolean
+    credit_limit_yuan: number
+  }
+
+  const form = reactive<RoleFormState>({
     id: 0,
     role_name: '',
     role_desc: '',
-    role_type: 1,
-    status: CommonStatus.ENABLED,
+    role_type: RoleType.PLATFORM,
+    status: RoleStatus.ENABLED,
     credit_enabled: false,
     credit_limit_yuan: 0
   })
@@ -1138,7 +1144,7 @@
       form.role_name = ''
       form.role_desc = ''
       form.role_type = 1
-      form.status = CommonStatus.ENABLED
+      form.status = RoleStatus.ENABLED
       form.credit_enabled = false
       form.credit_limit_yuan = 0
     }

From 2706c52a47fcccfcdcf7837ea831a94f0b59a148 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 28 Jul 2026 14:00:22 +0800
Subject: [PATCH 33/76] =?UTF-8?q?feat:=207=E6=9C=88=E8=BF=AD=E4=BB=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 q                                             | 1520 -----------------
 src/api/modules/asset.ts                      |   10 +-
 src/api/modules/card.ts                       |    3 +-
 src/api/modules/exportTask.ts                 |    7 -
 src/api/modules/notification.ts               |    8 +-
 src/api/modules/wecom.ts                      |   33 +-
 .../business/CreateRefundDialog.vue           |    6 +
 .../business/ExportTaskCreateDialog.vue       |   15 +-
 .../core/layouts/art-notification/index.vue   |   11 +-
 .../core/layouts/art-notification/style.scss  |    9 -
 src/config/constants/exportTask.ts            |   25 +-
 src/config/constants/julyIteration.ts         |    3 +
 src/locales/langs/en.json                     |    8 +
 src/locales/langs/zh.json                     |    8 +
 src/router/routes/asyncRoutes.ts              |  145 +-
 src/router/routesAlias.ts                     |   13 +-
 src/types/api/agentRecharge.ts                |    1 +
 src/types/api/asset.ts                        |   45 +-
 src/types/api/bulkPurchase.ts                 |    3 +-
 src/types/api/device.ts                       |   11 +-
 src/types/api/exportTask.ts                   |   11 +-
 src/types/api/notification.ts                 |    4 +
 src/types/api/packageManagement.ts            |    2 +-
 src/types/api/refund.ts                       |    1 +
 src/types/api/wecom.ts                        |   37 +-
 src/utils/business/notificationNavigation.ts  |   45 +-
 .../account-management/account/index.vue      |  173 +-
 .../components/BasicInfoCard.vue              |    6 +-
 .../components/PackageListCard.vue            |   11 +-
 .../components/dialogs/SpeedLimitDialog.vue   |   95 +-
 .../asset-information/index.vue               |   51 +-
 .../asset-management/device-list/index.vue    |   85 +-
 .../exchange-management/index.vue             |   25 +
 .../expiring-assets/index.vue                 |  105 +-
 .../export-agent-recharge/index.vue           |    9 +
 .../export-agent-wallet-transaction/index.vue |    9 +
 .../export-exchange/index.vue                 |    9 +
 .../export-package/index.vue                  |    9 +
 .../export-refund/index.vue                   |    9 +
 .../export-task-detail/index.vue              |   43 +-
 .../export-task-list/index.vue                |   47 +-
 .../task-management/bulk-purchase/detail.vue  |  334 ++++
 .../task-management/bulk-purchase/index.vue   |  506 ++++++
 .../device-batch-allocation/index.vue         |  506 ++++++
 .../task-management/device-task/index.vue     |  352 ++--
 .../task-management/task-detail/index.vue     |  291 ++--
 .../agent-fund-overview/index.vue             |   49 +-
 .../console/widget/ExpiringAssetStats.vue     |   12 +-
 .../agent-recharge/agentRechargeActions.ts    |   12 +-
 src/views/finance/agent-recharge/detail.vue   |   53 +-
 src/views/finance/agent-recharge/index.vue    |   78 +-
 src/views/finance/refund/detail.vue           |   57 +-
 src/views/finance/refund/index.vue            |   57 +-
 src/views/notifications/index.vue             |  277 ---
 .../order-management/bulk-purchase/index.vue  |  446 -----
 .../series-grants/detail.vue                  |   20 +-
 .../series-grants/packages.vue                |  359 +++-
 src/views/settings/system-configs/index.vue   |   57 +-
 .../components/WecomApplicationFormDialog.vue |  244 +++
 .../settings/wecom/applications/detail.vue    |  253 ---
 .../settings/wecom/applications/index.vue     |  238 +--
 src/views/settings/wecom/members/index.vue    |  524 +++---
 src/views/settings/wecom/scenes/index.vue     |  663 ++++---
 63 files changed, 4113 insertions(+), 3945 deletions(-)
 delete mode 100644 q
 create mode 100644 src/views/asset-management/export-task-management/export-agent-recharge/index.vue
 create mode 100644 src/views/asset-management/export-task-management/export-agent-wallet-transaction/index.vue
 create mode 100644 src/views/asset-management/export-task-management/export-exchange/index.vue
 create mode 100644 src/views/asset-management/export-task-management/export-package/index.vue
 create mode 100644 src/views/asset-management/export-task-management/export-refund/index.vue
 create mode 100644 src/views/asset-management/task-management/bulk-purchase/detail.vue
 create mode 100644 src/views/asset-management/task-management/bulk-purchase/index.vue
 create mode 100644 src/views/asset-management/task-management/device-batch-allocation/index.vue
 delete mode 100644 src/views/notifications/index.vue
 delete mode 100644 src/views/order-management/bulk-purchase/index.vue
 create mode 100644 src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
 delete mode 100644 src/views/settings/wecom/applications/detail.vue

diff --git a/q b/q
deleted file mode 100644
index 22b336c..0000000
--- a/q
+++ /dev/null
@@ -1,1520 +0,0 @@
-commit d1ff4d5f6c433c3fbdac9141677294a6c4c2a569 (HEAD -> develop, origin/develop)
-Author: luo <luo@qq.com>
-Date:   Fri Jul 24 17:12:29 2026 +0800
-
-    feat: 顶部通知铃铛与站内通知中心
-
-commit 4c6d871c350e19e3989cc22a97e7c8d293e35893
-Author: luo <luo@qq.com>
-Date:   Fri Jul 24 16:30:58 2026 +0800
-
-    feat: 退款企微审批详情与业务处理状态
-
-commit 9a84cd0d316276f124e0621767ce9f90e3d2c999
-Author: luo <luo@qq.com>
-Date:   Fri Jul 24 15:45:55 2026 +0800
-
-    feat: 批量订购上传支付进度与失败明细
-
-commit e043fd86d1437426c64bce036835e924005b0111
-Author: luo <luo@qq.com>
-Date:   Fri Jul 24 12:03:04 2026 +0800
-
-    feat: 角色默认信用与店铺实际额度管理
-
-commit a0c44ff538baa82de9539bb7f55b9efb14c8caf8
-Author: luo <luo@qq.com>
-Date:   Fri Jul 24 11:48:02 2026 +0800
-
-    feat: 七月迭代公共状态与异步任务交互
-
-commit 15122e225a968fa49ff35b59d2a8fbae6164c453
-Author: luo <luo@qq.com>
-Date:   Fri Jul 24 09:31:11 2026 +0800
-
-    feat: 预计最终到期时间展示新增具体
-
-commit 127fdb560bbfca6f065e1997bc5a441910f55027
-Author: luo <luo@qq.com>
-Date:   Thu Jul 23 17:59:07 2026 +0800
-
-    fix: 样式优化套餐分配生效条件选择
-
-commit 5e15127a8976234388db4d2a9a0d63f32459eda8
-Author: luo <luo@qq.com>
-Date:   Thu Jul 23 17:06:05 2026 +0800
-
-    feat: 接入新参数：套餐分配生效条件选择，资产详情前代后代换货标识
-
-commit d7c2c146fe7303cbb930c6b7b85813565bb99932
-Author: luo <luo@qq.com>
-Date:   Thu Jul 23 14:10:48 2026 +0800
-
-    feat: 角色默认信用与店铺实际额度管理
-
-commit d5fd8ac564d7607cd3b932e2c62f00390867a27e
-Author: luo <luo@qq.com>
-Date:   Wed Jul 22 18:37:41 2026 +0800
-
-    feat: 退款充值换货列表提交人与审批摘要
-
-commit 7d3352038a5725a31cc9b134170b70a4e569002c
-Author: luo <luo@qq.com>
-Date:   Wed Jul 22 16:57:17 2026 +0800
-
-    feat: 换货新旧资产展示与独立搜索
-
-commit 8faa2ea2efbdb1ba1c1963f094713f9ad57842ed
-Author: luo <luo@qq.com>
-Date:   Wed Jul 22 16:31:01 2026 +0800
-
-    feat: 预计最终到期时间展示
-
-commit 8de4339505f68851ac29d7375f2822c3e83d0f2d
-Author: luo <luo@qq.com>
-Date:   Wed Jul 22 15:44:48 2026 +0800
-
-    feat: 卡和设备实名状态筛选
-
-commit 68aa03b53833092807381a57129e00559d455d8e
-Author: luo <luo@qq.com>
-Date:   Wed Jul 22 14:21:15 2026 +0800
-
-    feat: 套餐分配生效条件选择
-
-commit fbfdd01eec1c2b25077e0418f5217f5630134fd5
-Author: luo <luo@qq.com>
-Date:   Wed Jul 22 10:14:13 2026 +0800
-
-    feat: 换货退款拦截错误展示
-
-commit 5079f973262c7301f3bffb7da0e133ab7238f3fc
-Author: luo <luo@qq.com>
-Date:   Tue Jul 21 18:20:35 2026 +0800
-
-    feat: 店铺列表新增条件
-
-commit 830476d49d92064819444ad3843bd57852f1bb69
-Author: luo <luo@qq.com>
-Date:   Tue Jul 21 16:13:40 2026 +0800
-
-    H5实名购买顺序与后台批量配置
-
-commit 47a2d88c9d2507ddfaeae8a7eee140985737507d
-Author: luo <luo@qq.com>
-Date:   Tue Jul 21 14:30:30 2026 +0800
-
-    复机实名校验提示适配
-
-commit 6febc66eca7e2bf2f22590d9fddf50e8a1af8c13
-Author: luo <luo@qq.com>
-Date:   Tue Jul 21 11:50:47 2026 +0800
-
-    feat: 资产同步状态与同步轨迹入口-新
-
-commit 45d255cabfa268e37ac05f13d7aa4ded2f2772c0
-Author: luo <luo@qq.com>
-Date:   Tue Jul 21 11:13:20 2026 +0800
-
-    feat: 资产详情前代后代换货标识
-
-commit eddfd157adab656c130c3d27e9928d638fec987c
-Author: luo <luo@qq.com>
-Date:   Tue Jul 21 09:57:14 2026 +0800
-
-    feat: 资产同步状态与同步轨迹入口
-
-commit 09225dd8bcb038aa841f62c042bf85364be24497
-Author: csxj2026 <csxj2026@gmail.com>
-Date:   Mon Jul 20 15:33:35 2026 +0800
-
-    更新 Dockerfile
-
-commit 563804f67f94d21e28650de1344eaf00e9291090
-Author: csxj2026 <csxj2026@gmail.com>
-Date:   Mon Jul 20 14:46:19 2026 +0800
-
-    更新 docker-compose.prod.yml
-
-commit e95dc8e4f52c6e9ed99eeab7d51bfea66d81fea4
-Author: luo <luo@qq.com>
-Date:   Mon Jul 20 12:17:02 2026 +0800
-
-    feat:代理现金余额不足100元展示、店铺业务员选择展示与筛选
-
-commit ca338dd345f22cff6d3df02baaca1e5610ed29bb
-Author: luo <luo@qq.com>
-Date:   Mon Jul 20 11:02:05 2026 +0800
-
-    fix: 测试环境显示develop分支
-
-commit fac05db39afc818668193f4928f51f70e5b5554f
-Author: luo <luo@qq.com>
-Date:   Mon Jul 20 10:50:23 2026 +0800
-
-    feat: 换货新资产归属继承提示
-
-commit 2c8524485bd0b76fc472f4dd6da4c0e41e779278
-Author: luo <luo@qq.com>
-Date:   Mon Jul 13 16:40:35 2026 +0800
-
-    fix: 资产信息字段显示隐藏根据角色
-
-commit 4c0207c6e697cafb752502fe551fb2ab7e64ce4b
-Author: luo <luo@qq.com>
-Date:   Fri Jul 10 18:09:19 2026 +0800
-
-    fix: 将微信配置改成支付配置
-
-commit 5b8d6610ab7f35d2111f6fe504d7e18c4b215775
-Author: luo <luo@qq.com>
-Date:   Thu Jul 9 17:38:58 2026 +0800
-
-    fix: 将套餐系列的套餐加滚动条
-
-commit a036b106412a480138910529e170665fc6e7f634
-Author: luo <luo@qq.com>
-Date:   Thu Jul 9 15:59:39 2026 +0800
-
-    fix: 将权限管理里面的分页去掉
-
-commit c1a7118d35bafbdf12d422d71298ca47a43523fb
-Author: luo <luo@qq.com>
-Date:   Thu Jul 9 15:20:28 2026 +0800
-
-    fix: 将导出列表分成三个模块
-
-commit f27bbacb1edf2b423bd88b40a70d19f32e37148e
-Author: luo <luo@qq.com>
-Date:   Mon Jul 6 17:52:08 2026 +0800
-
-    fix: 设备信息新增的两个流量放到同一行
-
-commit acda0d82c840995db0d304e863f14e9a17d91db3
-Author: luo <luo@qq.com>
-Date:   Fri Jul 3 12:03:52 2026 +0800
-
-    feat: 新增全部已使用流量和全部总流量字段
-
-commit 99de03604d920ccfa20a1a368a2d1353819e937a
-Author: break <youdang2000@gmail.com>
-Date:   Fri Jun 26 18:14:37 2026 +0800
-
-    驳回
-
-commit 1baa6d87cfdcb27b368f45aa4e79e607159bceb7
-Author: break <youdang2000@gmail.com>
-Date:   Fri Jun 26 18:14:26 2026 +0800
-
-    驳回
-
-commit f604791c69216d09a36fb3340a69ba9c5bb6904d
-Author: break <youdang2000@gmail.com>
-Date:   Thu Jun 25 10:30:49 2026 +0800
-
-    倒计时没有覆盖复机停机的问题
-
-commit cfb6b52cc29e022848cab3864c0a5b9b0688ac37
-Author: break <youdang2000@gmail.com>
-Date:   Wed Jun 24 15:06:05 2026 +0800
-
-    倒计时限制
-
-commit 0c3065f970763d21704c1b4483cf54e601aa712e
-Author: break <youdang2000@gmail.com>
-Date:   Tue Jun 23 09:50:12 2026 +0800
-
-    让凭证数组与套餐作废任务进入可联调状态
-    
-      Constraint: 后端订单套餐作废接口使用 /api/admin/order-package-invalidate-tasks，上传
-      purpose 只能使用 attachment。
-      Rejected: 继续提交逗号拼接凭证字符串 | 新提交路径必须使用 string[]，历史字符串只做读取归一化。
-      Confidence: high
-      Scope-risk: broad
-      Directive: 新增订单套餐作废权限时需同时配置菜单 URL 与
-      order_package_invalidate_task:create/detail 按钮权限。
-      Tested: bun run build；development 真实后端联调上传、创建、列表、详情通过；复机接口未触发。
-      Not-tested: 未逐一手工覆盖所有历史凭证数据、全部角色权限组合和所有文件扩展名预览
-
-commit ebf9739f06319fb6ddaffd5e51b27d59138272b4
-Author: luo <luo@qq.com>
-Date:   Mon Jun 22 11:09:50 2026 +0800
-
-    fix:sort
-
-commit d3b5f55c64b774fe994519c06cbbd3f138426dda
-Author: luo <luo@qq.com>
-Date:   Mon Jun 22 10:36:33 2026 +0800
-
-    feat:更换企业授权
-
-commit 866a2587b31e2121f99572e8f0b9b54c6526b3de
-Author: luo <luo@csxj.com>
-Date:   Thu Jun 18 10:17:10 2026 +0800
-
-    feat:export
-
-commit 85d158dfec727cff7838ca383c8f9dd806b03ddf
-Author: luo <luo@csxj.com>
-Date:   Wed Jun 17 17:46:04 2026 +0800
-
-    feat: order-export,generation,status
-
-commit 2a8f4e40d65930af4506cfc3882fef2c9c200b7d
-Author: luo <luo@csxj.com>
-Date:   Tue Jun 16 11:35:45 2026 +0800
-
-    feat: 新增导出
-
-commit 908367ba5df1bd27ea7dffcc44cb72eb85005a9c
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Jun 15 10:19:35 2026 +0800
-
-    fix: new
-
-commit 2ecab976f5c89161d8565c0568991237439e1136
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Jun 13 10:41:10 2026 +0800
-
-    fix: 新增: 修改资产套餐已用量, 修改资产套餐过期时间
-
-commit e04a283319b8bb58648ac58a6a88536dde0d3509
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Jun 12 10:41:37 2026 +0800
-
-    fix: 新增代理系列授权-建议售价使用套餐
-
-commit d23e896f97fd2ed475a4eb3a2a68c43c3a51013a
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Jun 6 15:09:31 2026 +0800
-
-    fix: 退款审批可以是0
-
-commit c5e4082c260a006965c13917250bd9bc22a0b531
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Jun 5 16:26:17 2026 +0800
-
-    fix: 退款审批可以是0
-
-commit 0c737a30c12046d2fd60cd97e7d46469e09fa713
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Jun 4 10:47:43 2026 +0800
-
-    fix: 换货
-
-commit c5dae2993b0a5547e83855458062f33b4bba1555
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Jun 3 17:53:19 2026 +0800
-
-    fix: 换货
-
-commit 3e6b3981f41e5efe591220835a967166e758dd2f
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Jun 1 14:10:09 2026 +0800
-
-    fix:订单列表详情实付金额代理/企业不可见
-
-commit e563b81b6e8ef49ef70bcbc51e82f2b212cca29b
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Jun 1 11:41:52 2026 +0800
-
-    fix:操作审计日志-style
-
-commit 322cd0dca5baf82d7d4eb7b6c4c223d3006476f9
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat May 30 15:06:41 2026 +0800
-
-    fix: 订单列表套餐显示销售价
-
-commit ad56b82944abc409dd92f45a84a777fe33327951
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 29 15:44:53 2026 +0800
-
-    feat: 新增代理流水资产标识
-
-commit f62a8d98a4b522695ae7aae1fe5cac97322e1151
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 29 12:11:03 2026 +0800
-
-    fix: 自动更新提示bug
-
-commit 76a526643eb090a9ad553e0b7ef6918624621ee8
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 29 10:46:01 2026 +0800
-
-    fix:修改bug: 虚流量关闭的时候还是显示了
-
-commit 9ce48f171420f28f73268b67fe3133033c66d227
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 29 09:40:17 2026 +0800
-
-    fix:本月已用流量和运营商周期月内已用流量
-
-commit a162dcc650399aa3e6ab14235ddb44b7ce71ea8c
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 29 09:38:30 2026 +0800
-
-    fix:本月已用流量和运营商周期月内已用流量代理企业不展示,其他账号新增权限
-
-commit 868a3352adb90442baa4511fedaa9fe794e864f2
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 28 18:18:42 2026 +0800
-
-    fix: 新增套餐新增缩长比例，增长比例
-
-commit 61e575194d8cc120591625eac31ec3ac3e1fe57f
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 28 18:13:08 2026 +0800
-
-    fix: 新增套餐新增缩长比例，增长比例
-
-commit 69b024b5cc2d7e2b19ee718e37b4dccc169c2144
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 28 11:20:33 2026 +0800
-
-    fix: 虚流量进度条
-
-commit 6654972ddb0081ca9f02ff819a273b4b7da1372d
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed May 27 14:58:37 2026 +0800
-
-    feat: 新增退款凭证
-
-commit fe0093972f7ef2a12c7e8ea5af87976aad447382
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue May 26 18:07:39 2026 +0800
-
-    feat: 卡新增IMEI
-
-commit 878d93a8650368cddafc0712f43694292050b371
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 22 16:07:47 2026 +0800
-
-    fix: 微信配置
-
-commit b364fb4aec5aa27d636d9b153603d94b685c2d48
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 21 15:43:36 2026 +0800
-
-    fix: 在线
-
-commit a69f972766f3b3b6a2011d45b981a6533dd1fde0
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 21 14:53:36 2026 +0800
-
-    fix: 格式化时间
-
-commit dfb78006acf14b71eb268ac2e0ed86ce084d894c
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 21 14:39:21 2026 +0800
-
-    fix: 分页器一直显示和资产信息使用单卡
-
-commit 893921007a9e9ad815fc6ce4969aec3d31dc0383
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed May 20 11:24:52 2026 +0800
-
-    feat: 设备管理新增imei和虚拟号
-
-commit 59167d2630caef5ecbdd8861b83de3312c1f7954
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue May 19 15:14:39 2026 +0800
-
-    feat: 卡/设备是否有生效套餐
-
-commit 14832f5c6f3d51b53cb16d0b172e229985d0486c
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon May 18 13:11:40 2026 +0800
-
-    fix: 拖拽上传
-
-commit 894aea0e74f118fdf56f9a3c65b36c54984c934f
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon May 18 12:23:35 2026 +0800
-
-    feat: 新增卡视角以及设备视角的实名同步时间,卡状态同步时间,流量同步时间
-
-commit 877c741d728a15902fbc3b96201e4e93f95706f8
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 15 16:53:00 2026 +0800
-
-    fix: 最后同步时间
-
-commit aeb08f2cc159c476c28e2714171a2df88922ad8d
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 15 16:11:47 2026 +0800
-
-    fix: 时区去掉使用本地
-
-commit c7e2d6fe533d83a65058d4c9f6be5dca32be05a3
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri May 15 11:16:57 2026 +0800
-
-    fix: get-list
-
-commit f3b5444dd8d56dd06352318ab729fa33be065130
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 14 15:52:38 2026 +0800
-
-    fix: 换货原因改成下拉
-
-commit 38cf7d12e90d406ce13c726da8c868d7c552fda9
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 14 10:52:11 2026 +0800
-
-    fix: 真流量虚流量权限
-
-commit 1690252740a9fc014d445ecdf5356f9f32ef07a4
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue May 12 14:54:47 2026 +0800
-
-    feat: 新增设备激活时间
-
-commit 471d1196b3062b18d5dd05dd67735f04b566c04f
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue May 12 12:11:53 2026 +0800
-
-    feat: 新增运营商停机原因
-
-commit 5d20d7dd3f103e9cdf5cbc14fde46fc5e4427171
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon May 11 18:01:22 2026 +0800
-
-    fix: 订单详情支付凭证, 退款
-
-commit 1990a3ccbac7e86439806a61fc037b3c3f29b59e
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon May 11 15:51:50 2026 +0800
-
-    fix: bug
-
-commit 766497dc316958a9bcac926489d434d946bbaf0b
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon May 11 14:51:13 2026 +0800
-
-    fix: bug
-
-commit e59c75bf9e42050e3794f03749c65a4055b70142
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon May 11 14:47:07 2026 +0800
-
-    fix: bug
-
-commit eeeef931b1547327c510fa979ea416942a3425c1
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon May 11 14:35:38 2026 +0800
-
-    fix: bug
-
-commit 73ce9af11a5c12a5b9cb66eb6b557b31da4033f8
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat May 9 16:13:11 2026 +0800
-
-    fix: 代理系列授权店铺
-
-commit 3c71ae0004e71e0717dbc0c76003f400dfac1daf
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 7 17:48:43 2026 +0800
-
-    fix:name
-
-commit 43de0e3e9e6416ed00309aba130c34ab1456915b
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 7 17:45:05 2026 +0800
-
-    fix:name
-
-commit 78fe35da01d0839790fac967b39fb0d25de4a235
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 7 17:34:06 2026 +0800
-
-    fix:name
-
-commit 90d415cfb9a15cbc602ff819ff7728a86956ac56
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu May 7 09:18:03 2026 +0800
-
-    fix: bug
-
-commit 304a5de1d6d2b9a5e7c19c02bf1ea1ea0c6ab1e4
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed May 6 11:13:51 2026 +0800
-
-    fix: tips
-
-commit 883215056253417a09eee93a05ba7ab2f4f6b312
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed May 6 10:54:43 2026 +0800
-
-    feat: sn
-
-commit 950520635da9d3c5ab6da97ca2184291d67811b4
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 30 18:04:01 2026 +0800
-
-    feat: 文件下载
-
-commit 81155fd8e442149eac514600ff66a2c24d9966f8
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 30 17:01:00 2026 +0800
-
-    fix:进度条
-
-commit 78a41513bd01913f352119b4aa5045b2d08be346
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 30 15:16:15 2026 +0800
-
-    fix: 字段显示和订单详情按钮
-
-commit 57ddbe5f8585fa0cdc84a706e21e4d2bbcff83ba
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 30 12:04:04 2026 +0800
-
-    fix: order
-
-commit 044c07fae697d3a3152c0769ebe995aa1d6b9ba9
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 30 10:39:51 2026 +0800
-
-    fix: order
-
-commit 1a4eb00440765b846db8fa8475966edb783f2e3e
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 29 17:09:23 2026 +0800
-
-    fix: 新增代理系列授权
-
-commit 1141b6c92daf9ca1c0df3a609cb34d844528ea5e
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 29 16:11:54 2026 +0800
-
-    fix: 新增代理系列授权
-
-commit 9b4d956032fdf335c0953ddcb29e07aa634211ef
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 29 12:49:30 2026 +0800
-
-    del: 激活时间
-
-commit 175fe55be79b9222c7e06f6247b6a5586e85cf85
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 29 11:40:38 2026 +0800
-
-    del: 激活时间
-
-commit 3d34040bcc77221796a3016cf9060d3885a495ce
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 29 11:30:25 2026 +0800
-
-    fix: 套餐
-
-commit 1dc4701540738bd7d026db62fd4128cf12ba2259
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 29 11:29:53 2026 +0800
-
-    fix: 套餐
-
-commit 686bddad796a96550f10f62ee3d032222bb214d3
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 18:52:43 2026 +0800
-
-    fix: 套餐
-
-commit b6625748ac661a23c96462fdf4b56395c590f595
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 18:40:18 2026 +0800
-
-    fix: 套餐
-
-commit 55515410ae9846d0a5517c52777de05137ff466c
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 16:04:13 2026 +0800
-
-    fix: 设备信息顺序
-
-commit c80ff80bf09059349323b82174e6fdb9224a28a9
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 15:32:33 2026 +0800
-
-    fix: 账号管理
-
-commit 317afd2d23805aa28ca5982d8009ecfa796590bc
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 15:20:22 2026 +0800
-
-    fix: 账号管理
-
-commit a48ce0cb5483a57c1500e46606c851daa97a19d8
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 14:48:44 2026 +0800
-
-    fix: 控制台加权限,登录跳转资产信息
-
-commit 1ba662de0a9414aca68cf0dbd27ea8b906c74fec
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 12:03:42 2026 +0800
-
-    fix: 控制台加权限,登录跳转资产信息
-
-commit fb10b727600b30129e49f2af25b24f71e9bda06a
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 11:14:13 2026 +0800
-
-    fix: 手动触发
-
-commit b88f2d185ef93688507942f421caac92db029b79
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 10:18:30 2026 +0800
-
-    fix: type
-
-commit 4f1cab614915f7192ea5839b26a638ed82bf7ebd
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 09:56:03 2026 +0800
-
-    fix: role_type
-
-commit ffdc6e2bbb1f734ed669268c14ce632918c50259
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Apr 28 09:38:52 2026 +0800
-
-    feat: 添加停机断点
-
-commit af3f38aba0a4bdb514f079dba71fe8b253a6b89f
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 18:34:02 2026 +0800
-
-    fix: 操作
-
-commit 030195d609024f58732f1ecd4d664b409855afb2
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 17:46:20 2026 +0800
-
-    fix: 操作
-
-commit d0c1f1622cd26814c23ea3fe6b4638b6a2110103
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 17:39:55 2026 +0800
-
-    fix: 流量显示
-
-commit d5c5e07f77084d5422928c3522d04afc8b8a886b
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 16:49:32 2026 +0800
-
-    feat:操作日志
-
-commit a402f2329a6ab218d252c84b57edd95475e41d6d
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 16:05:24 2026 +0800
-
-    feat:流量展示
-
-commit d52efaadcbf5c3c695308330a187f69db690f8f7
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 15:57:31 2026 +0800
-
-    feat:流量展示
-
-commit a055ff166a64e7601d4b0a6cf448137fea81bd3a
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 15:06:27 2026 +0800
-
-    feat:log
-
-commit 853c87b8a2bb61950eb7f2284016855ed3ed608c
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 11:59:20 2026 +0800
-
-    fix: 隐藏虚比,同步订单号
-
-commit 6c9b29c53b63e32b5613af9315c715c41c28fecd
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 11:14:20 2026 +0800
-
-    fix: 套餐订购，界面优化
-
-commit 2a3343400563ac6910b09533003377fbcd79295d
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 27 09:59:01 2026 +0800
-
-    fix: set-wifi
-
-commit 819fe9080a6313f1f724cbe0faf1ad0f617a0563
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 25 17:00:11 2026 +0800
-
-    fix: ui
-
-commit f0f054390ab63a00d3de1dae33360c14160840cc
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 25 16:23:17 2026 +0800
-
-    fix: ui
-
-commit a770984ef73b9b997cdfbc773dc9be0b38407da5
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 25 15:51:24 2026 +0800
-
-    fix: bug
-
-commit 9247001643bba7d2c2326c39103d9a2fc6f15e4c
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 25 12:01:21 2026 +0800
-
-    fix: bug
-
-commit 17c299e4ceddccd6ddc287a2e875dedea5a10b0c
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 24 18:39:39 2026 +0800
-
-    fix: bug
-
-commit 2d6b5d79038e6713d4fd17aee0cbfe7778f1dc13
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 24 11:48:52 2026 +0800
-
-    fix: iccid列适配
-
-commit ceecc07ffc1f83d2dd3a4f57542c770cfca174f3
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 24 11:28:04 2026 +0800
-
-    fix: 批量分配
-
-commit e4ed3784e3d3678af532c98342b4dab3ece32435
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 24 11:17:39 2026 +0800
-
-    fix: pay
-
-commit 62851342c3c5bfe74e18f97dd74fa55d90f5dd69
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 24 09:55:44 2026 +0800
-
-    fix: permission
-
-commit aaa648a86d35ca94cdeface523e632b0d82d9f3e
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 18:35:29 2026 +0800
-
-    feat: 支付凭证
-
-commit cd2ca96873646b070f00dd76c523c7a8b5579791
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 18:13:07 2026 +0800
-
-    feat: 手动实名和套餐列表退款
-
-commit 719db517f2a1b01877b4fc46a93cb7b16ec206e9
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 16:21:12 2026 +0800
-
-    fix: bug
-
-commit 2140efbacf576d8f4480611bdfa87f669e4e29ce
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 16:08:07 2026 +0800
-
-    fix: bug
-
-commit 8cc86369a23cd01cb6266f72325875e0b747138f
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 16:03:54 2026 +0800
-
-    fix: bug
-
-commit 8ca03ed7ac858e803696eb2e1c6f2508788742aa
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 15:52:18 2026 +0800
-
-    fix: bug
-
-commit 0bc2efdf0ea54a49ea81cbb895a7d885de3fa453
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 15:32:34 2026 +0800
-
-    fix: bug
-
-commit a5e76313cb15682b37f09411d32337c5443c3007
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 23 14:59:05 2026 +0800
-
-    fix: bug
-
-commit a9467e8a0cdd2168e4756d391b75e0a9266d48f0
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 22 18:33:52 2026 +0800
-
-    fix: 修改工单bug
-
-commit fd22dc7ad41bc733e2b1dad0ef7ec95de9848b76
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 22 17:42:36 2026 +0800
-
-    fix: 修改工单bug
-
-commit 8378d2228e08b58b122f97decd2e3a3cedc74086
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 22 15:26:55 2026 +0800
-
-    feat: 新增按钮授权
-
-commit bce9054b829ef75c843cebff428089e97be502a9
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 22 15:00:37 2026 +0800
-
-    feat: 新增按钮授权
-
-commit 936a4f06567faf5622b2fa1113fe9535981e9de6
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 20 17:51:03 2026 +0800
-
-    fix: req:bug
-
-commit 11bfcadf6585b0180ffb636a5a9a2182c3c48f48
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 20 16:28:09 2026 +0800
-
-    fix: wifi 自动填充
-
-commit 9b66b78110417f76d50b75ea29214a0697aa984c
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 20 15:58:18 2026 +0800
-
-    feat: 当前生效套餐
-
-commit 3acb626a3462306c6e748ba7f76ebb8fbea7ceb8
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 20 15:10:23 2026 +0800
-
-    feat: 新增更新资产实名认证策略
-
-commit d721c4b8a90eb4bc4a203b46fd463cbad14041fa
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 20 11:45:59 2026 +0800
-
-    fix: 设备分配代理,虚比例,sim顺序
-
-commit c5ee690ccd26bcc15fe661ffc5920efeb63c0421
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 18 16:40:41 2026 +0800
-
-    feat: 新增设备切卡模式
-
-commit fd583e81e074c588ba58b7ddb528f72a8b08854d
-Author: huang <youdang2000@gmail.com>
-Date:   Sat Apr 18 12:24:18 2026 +0800
-
-    fix: 修复部署后切换页面 JS chunk 404 白屏问题
-    
-    - main.ts 监听 vite:preloadError，chunk 加载失败时自动刷新一次
-    - 新增 ChunkErrorBoundary 组件，捕获 Vue 渲染层 chunk 加载异常
-    - App.vue 包裹 ChunkErrorBoundary
-    - docker/nginx.conf 修复缓存策略：index.html 不缓存，/assets/ 长缓存 immutable
-
-commit b48d6a1894f3ea42976aa8ec96b6492b92b8a1db
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 17 18:40:54 2026 +0800
-
-    feat: 新增导入字段，显示实名认证策略字段
-
-commit 90b13eb5ec0f795409055ba87a9b9b4ddac016a3
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 17 16:37:41 2026 +0800
-
-    fix: 取消关联,居左,店铺列表
-
-commit 5adeade9af5fbbe6fa0e7b9f352b1620e6925ff0
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 17 14:56:53 2026 +0800
-
-    fix: 移除订单详情ID相关参数,新增iccid/VirtualNo
-
-commit 0e0c3e18d05cd82ccf5a09737142c6d17c4a8d9b
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 17 10:27:52 2026 +0800
-
-    feat: 分析页新增权限
-
-commit a3bc025636d0aae9915bfb35ca6ea4aa991ae26d
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 16 16:36:27 2026 +0800
-
-    fix: 卡列表删除一次性佣金和累计充值
-
-commit cb3105504ebe4b1398ca3825e4845f6e62b19b49
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 16 10:12:30 2026 +0800
-
-    fix: 修复排序
-
-commit 9617cdd825886b799149e94af01284ef035bd1b7
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 15 17:29:53 2026 +0800
-
-    fix: 注释停用资产
-
-commit 209b5342b92d83f1bca097cd537c94e4942218dc
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 15 17:12:50 2026 +0800
-
-    feat: ICCID新增设备店铺名称,套餐系列名称
-
-commit 1931a096b008a62a4f147d3b3961b99ced2f4087
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 15 10:14:53 2026 +0800
-
-    feat: ICCID新增设备店铺名称,套餐系列名称
-
-commit d373c2e70eef1e0730d4d0066ff7ff5b74efa5da
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 15 09:59:05 2026 +0800
-
-    feat: ICCID新增复制, 宽度自适应
-
-commit b5eb4fdbcec27808a6e32a91b263cf1a5bbc7495
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Apr 13 14:35:19 2026 +0800
-
-    fix: 修复微信配置编辑不传递脱敏
-
-commit 1acb9db38e894d99b51636c24e769c8cc88c7b96
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 11 17:04:50 2026 +0800
-
-    fix: 关联账号列表单选框
-
-commit 4f02d6faf0984584aff68372713039a192ed9c70
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 11 16:51:54 2026 +0800
-
-    fix: bug
-
-commit 33e15314ac504fcfec72e9fba4138eeeffde591a
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Apr 11 12:19:35 2026 +0800
-
-    bug
-
-commit 90ae585651ece1536443f494d751768e38a82e84
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 10 16:54:53 2026 +0800
-
-    fix(operator): fix operator edit issue
-
-commit 8b30341d501f79240ca043a67c1ed5bc351066ef
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 10 15:06:28 2026 +0800
-
-    fix(operator): fix operator edit issue
-
-commit 2b3119c5497f07aec9d2f4f489be6b8b6fd32683
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 10 14:00:21 2026 +0800
-
-    fix(operator): fix operator edit issue
-
-commit 9a6f085cdead297d5b73bc567307db42cfdb20e2
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 10 09:50:00 2026 +0800
-
-    fix(operator): fix operator edit issue
-
-commit c2c1644799ccbd05c26001e34b829f8f7dafd512
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 9 17:47:32 2026 +0800
-
-    修复bug
-
-commit 472099bf96cc36dd8336226823e8c73a135508d4
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 9 16:56:30 2026 +0800
-
-    修改bug
-
-commit 6a46aeea158a67b11a463d619c1570c8440590d7
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 9 15:57:51 2026 +0800
-
-    修改bug
-
-commit b171e7cc0389d94843cdd3063ea2275c8d9338e3
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 9 15:32:20 2026 +0800
-
-    修改bug
-
-commit 4656d403c21154f970ed80a410828c3fe33ae918
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 9 14:08:25 2026 +0800
-
-    修改bug
-
-commit cb3ba061060462add086a4eea18121765a34fdd5
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 9 13:48:11 2026 +0800
-
-    修改bug
-
-commit cc9d2a85a2e493785dbe56b5b53011b016020b49
-Merge: d1c6588 6a6d3dd
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 8 19:35:20 2026 +0800
-
-    chore: merge main branch from remote
-
-commit d1c6588d8fc79c2acbb872a7b1b648eee89b1f8c
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 8 19:31:22 2026 +0800
-
-    删除多余代码
-
-commit 6a6d3dd3943791ceca28ce6ecfcb0f47dd3d7c4a
-Author: huang <youdang2000@gmail.com>
-Date:   Wed Apr 8 11:20:48 2026 +0800
-
-    修复: nginx 禁止 index.html 缓存，防止部署后资源 404
-    
-    Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)
-    
-    Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
-
-commit b510b4539f36c2310afbf977fae07d492de5e016
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 8 10:19:25 2026 +0800
-
-    修复bug
-
-commit ff087abd44837a51a1e173428f02445b54bfec0f
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Apr 3 11:47:11 2026 +0800
-
-    修复前端bug
-
-commit ea14ae92cae67f2e813dd1e2cd852db2a680b266
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 2 15:17:55 2026 +0800
-
-    绑定卡列表操作卡
-
-commit 8df7024a454475d6ec30ede3081920df783db02c
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Apr 2 13:42:57 2026 +0800
-
-    modify
-
-commit 411206e039b88c39fdafdca857fe868bee7c14d0
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 1 11:10:13 2026 +0800
-
-    feat(network_status):停机/正常
-
-commit afeb1e7c891757d08ddfe52c8edd6b6ccc11e726
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 1 10:56:26 2026 +0800
-
-    style(order): 修改订单管理标题
-
-commit 0d3fc5ce7f1c8cdda7cb3ca331c41b34e0a80597
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Apr 1 10:41:43 2026 +0800
-
-    package
-
-commit 01f81c2178fd95b60cdcbea58ee68985778366c2
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 31 16:55:54 2026 +0800
-
-    新增运营商
-
-commit 3372be99b8d2dc1661dad39f453e6ff1b7e85b04
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 31 15:13:19 2026 +0800
-
-    修复
-
-commit 104d62b17d9c1df99a4f614c640b72a3a3cc44e7
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 31 10:15:10 2026 +0800
-
-    修复: list->items
-
-commit 36da079d59fc81dd5407bbe039d45742139fe518
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Mar 30 18:16:39 2026 +0800
-
-    修复详情404
-
-commit a05717c2ed1a507572bd869e96a18b6b5d77342c
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Mar 30 14:59:56 2026 +0800
-
-    新增: 轮询管理
-
-commit dbe607020791da8b3ad99ec8f86c328612729ea4
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Mar 28 18:31:43 2026 +0800
-
-    modify-bug
-
-commit d6c23c8bd1265c5f1a681f16b5a9919ea1b72ef3
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 24 16:51:21 2026 +0800
-
-    搜索放到重置前面
-
-commit 2af0346d04dc60eb9e35cff2c7ca742d2635f3c2
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 24 16:47:52 2026 +0800
-
-    修改资产信息字段排序
-
-commit a805c279022814fcbff6073fbf2bd5f0e77706bf
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Mar 20 14:18:47 2026 +0800
-
-    修改资产详情
-
-commit 62f828f3142c244a84b7ec493efb592eb86909a2
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Mar 20 10:26:57 2026 +0800
-
-    修改资产详情
-
-commit f06d8c9133dd7d5687826ea3eefe95b63e6e8b73
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Mar 19 18:32:02 2026 +0800
-
-    新增
-
-commit 407287f5386597b053069825277a9144df21b8da
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Mar 18 15:33:39 2026 +0800
-
-    删除资产信息的进度条
-
-commit 9fb3367fd7e6fefa213afe22730cc7d4e3a8d5c0
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Mar 18 10:47:25 2026 +0800
-
-    完善充值代理
-
-commit ff67681c29de9f0ea1adf990e6ebe7ac9dc28c5e
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 17 14:27:17 2026 +0800
-
-    修改布局
-
-commit e975e6af4bc9f1ac891e3192e018047c24da1599
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 17 14:06:38 2026 +0800
-
-    新增: 微信配置-代理充值
-
-commit f4ccf9ed24bd5d7f9af96e87e1980f3e994c5aa3
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 17 09:31:37 2026 +0800
-
-    修改bug
-
-commit 8f315264998a64d198fe9fe1f269d57db33bb00a
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Mar 14 15:16:21 2026 +0800
-
-    fix: bug
-
-commit d43de4cd06c74b0f4910b43bd53c3cc160e7af28
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Mar 11 17:09:35 2026 +0800
-
-    修改bug
-
-commit bd45f7a2246a45aea83a2ba0db5fbefaeaea05b6
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Mar 7 11:59:16 2026 +0800
-
-    详情添加权限
-
-commit e73992d253f82be2abb27ad910fa0b76b35afaf3
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Mar 7 11:41:15 2026 +0800
-
-    弹窗改为跳转链接
-
-commit 8fbc321a5e243db46561f9948d9f5e07e0d9a29e
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Mar 6 17:51:27 2026 +0800
-
-    详情修改
-
-commit 1ebc0b8929920a7e966db94fd6139b99fce212c1
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Mar 6 16:28:58 2026 +0800
-
-    新增代理系列授权
-
-commit 4d94f7efa6468a677297d7af4aebaf496365138c
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Mar 6 14:00:22 2026 +0800
-
-    套餐系列：梯度佣金,代理授权
-
-commit 08d5043b3fb13e0ee56bfa112d21db72f7b5cd61
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Mar 4 17:22:47 2026 +0800
-
-    将单套餐分配和套餐系列分配改成代理系列授权
-
-commit 237eeed87a9fe7700b2f71212cb3f7e8deaf6f33
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Mar 3 16:26:04 2026 +0800
-
-    修复:原来的统一去了404, 现在加了403, 和部分bug
-
-commit 7e9acda1ab7baf8060e59e4c051bce8a8f00583f
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Feb 28 17:46:42 2026 +0800
-
-    修改订单管理
-
-commit 7b459b5c8d6c39e94e8195e69128e500fa6a6e52
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Feb 28 16:49:28 2026 +0800
-
-    修改订单管理
-
-commit ce1032c7f9bd3651f9ea67d3e0bdc722feaac42b
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Feb 28 11:04:32 2026 +0800
-
-    完善按钮和详情权限
-
-commit 4470a4ef04f43daa82f3e170a7e70975ca2d341d
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Feb 27 17:40:02 2026 +0800
-
-    修改: bug
-
-commit f1cb1e53c87b7395dbb127933d13f834c1f04ba2
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Feb 26 17:34:11 2026 +0800
-
-    修改: 权限重复
-
-commit 3570b062a1aa898362cd071301a6ab4204484ecd
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Feb 26 10:06:11 2026 +0800
-
-    修改工单: 右键 给角色分配权限
-
-commit dccad819cfb23e262e8d5f7a2fee95ac0807bfb9
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Feb 25 16:14:38 2026 +0800
-
-    修改工单
-
-commit ca3184857e6a01a24ca6d583251cb3ca143cefd9
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 9 10:49:52 2026 +0800
-
-    fetch(modify):账号列表合并
-
-commit e8700c2585a81ea917aaba01600f2acd990ec5ac
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 9 10:22:23 2026 +0800
-
-    fetch(modify):修改账号列表中的分配角色弹窗
-
-commit b94c043a56f6b8413329d13748b46a512a0cd0c4
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Feb 5 17:22:41 2026 +0800
-
-    fetch(modify):修改bug
-
-commit d97dc5f007b6ec336b675f4e5682d12d22fc9467
-Author: sexygoat <1538832180@qq.com>
-Date:   Wed Feb 4 18:14:52 2026 +0800
-
-    fetch(modify):修改套餐接口
-
-commit 20e8c13e61c3e5d96cfc60568caa3054142255e2
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Feb 3 17:58:58 2026 +0800
-
-    fetch(modify):修改分为元
-
-commit 192c6f1d2612997f18bfdd4e172bfe368cf02776
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Feb 3 17:20:50 2026 +0800
-
-    fetch(modify):完善按钮权限
-
-commit de9753f42d111db3b59c176a3d79bc2b1fc7695b
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Feb 3 14:39:45 2026 +0800
-
-    fetch(modify):修复BUG
-
-commit 2c6fe4375b072307282462db96a68ed31dd268e6
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Feb 3 10:04:59 2026 +0800
-
-    fetch(modify):修复API的URL
-
-commit 06cde977ad8382e44a2a884778af098e94fb4969
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 2 17:08:49 2026 +0800
-
-    fetch(modify):修复角色分配权限
-
-commit f62437379d2449d2c0bae361f6138ff8f7649f35
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 2 14:35:33 2026 +0800
-
-    fetch(modify):隐藏换卡申请
-
-commit c31fdaa74811f5d8e701aab4b2af9fe5f0ca225c
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 2 14:30:24 2026 +0800
-
-    fetch(modify):隐藏我的网卡
-
-commit 4d2f38c75b58bed72c6f0cf8d7e11ac189430102
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 2 11:51:59 2026 +0800
-
-    fetch(modify):账号管理
-
-commit 78bd9fba8531309d3297471731ef4b1e1950732e
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 2 10:57:31 2026 +0800
-
-    fetch(modify):完善ioT卡管理
-
-commit e08c962c40cd3dbb99b45d7e4b13e7006b89b14d
-Author: sexygoat <1538832180@qq.com>
-Date:   Mon Feb 2 10:27:03 2026 +0800
-
-    fetch(modify):完善设备管理
-
-commit 882feaf3ff8b0ff1967565dbec1d07d9fe8623b9
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Jan 31 18:12:58 2026 +0800
-
-    fetch(modify):修改bug
-
-commit ecb79dae432e08d658637ef93242d8308fc87dcb
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Jan 31 16:33:21 2026 +0800
-
-    fetch(modify):修改bug
-
-commit 16d53709efc9b029360867dccae740c9ba0f3170
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Jan 31 11:37:11 2026 +0800
-
-    fetch(modify):修改设备和lot卡下载模板
-
-commit 31440b29045412a9db357c09d38e7413f1fd9533
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Jan 31 11:18:37 2026 +0800
-
-    fetch(modify):修改原来的bug
-
-commit 8a1388608c49f2050be060eb8bfd5c2b175fb455
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Jan 30 15:39:19 2026 +0800
-
-    fetch(add): 新增企业设备授权
-
-commit 841cf0442bb021ae58c1dd45c3f97bd025a8a83b
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Jan 29 15:43:45 2026 +0800
-
-    fetch(add): 订单管理-企业设备
-
-commit 1812b7a6c4aa58a009d3d99084e3e7ecd31641e0
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Jan 27 16:47:49 2026 +0800
-
-    fetch(modify): 中英文以及黑屏
-
-commit 6127b21c2c0524d61272363257692e8e8dd6cff9
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Jan 27 16:06:48 2026 +0800
-
-    fetch(add): 运营商管理
-
-commit c07e481b5babcdc36eb95070602a82373b835a22
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Jan 27 10:48:59 2026 +0800
-
-    chore: remove unused aws-sdk dependency
-    
-    Removed aws-sdk as it was not being used in the codebase.
-    This resolves the Docker build error related to lockfile mismatch.
-    
-    🤖 Generated with [Claude Code](https://claude.com/claude-code)
-    
-    Co-Authored-By: Claude <noreply@anthropic.com>
-
-commit 5c6312c4074ff47e62d7ca2847da2adc6d388947
-Author: sexygoat <1538832180@qq.com>
-Date:   Tue Jan 27 09:18:45 2026 +0800
-
-    fetch(add): 新增
-
-commit 0eed8244e5c94700915baff6d1b97c333be2dfb2
-Author: sexygoat <1538832180@qq.com>
-Date:   Sat Jan 24 16:18:30 2026 +0800
-
-    fetch(add): 分配记录,批量分配/回收, 单卡列表, 任务列表, 导入ICCID
-
-commit c69124a819671c47896cd4152e1551a545e796b5
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Jan 23 17:24:07 2026 +0800
-
-    fetch(add): 账户管理
-
-commit b53fea43c66ed5ad5a80b65db464d519d50ae6ef
-Author: sexygoat <1538832180@qq.com>
-Date:   Fri Jan 23 17:18:24 2026 +0800
-
-    fetch(add): 账户管理
-
-commit 339abca4c035511966e8e9f5ecae3b5fc60410f8
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Jan 22 18:04:32 2026 +0800
-
-    feat(login): 删除还没有账号？ 注册
-
-commit 13bdee2899cd282aa106c34392a193b4a6a51769
-Author: huang <youdang2000@gmail.com>
-Date:   Thu Jan 22 17:06:34 2026 +0800
-
-    忽略类型检测
-
-commit 251a8f6a839128146913a2900b52bc2675b3adba
-Author: huang <youdang2000@gmail.com>
-Date:   Thu Jan 22 17:00:57 2026 +0800
-
-    部署
-
-commit 099e3ec78bbec91e56064e939e7e720b0e53b0a2
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Jan 22 16:46:50 2026 +0800
-
-    first-commmit
-
-commit 222e5bb11a358dc836d3b34ab9273a8f45d7a228
-Author: sexygoat <1538832180@qq.com>
-Date:   Thu Jan 22 16:35:33 2026 +0800
-
-    Initial commit: One Pipe System
-    
-    完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。
-    
-    🤖 Generated with [Claude Code](https://claude.com/claude-code)
-    
-    Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/src/api/modules/asset.ts b/src/api/modules/asset.ts
index 88a19c7..fa55000 100644
--- a/src/api/modules/asset.ts
+++ b/src/api/modules/asset.ts
@@ -32,7 +32,7 @@ import type {
   AssetPackageUsageRecord,
   UpdateAssetPackageUsedDataRequest,
   UpdateAssetPackageExpiresAtRequest,
-  ExpiringAssetItem,
+  ExpiringAssetListResponse,
   ExpiringAssetQueryParams
 } from '@/types/api'
 
@@ -53,12 +53,8 @@ export class AssetService extends BaseService {
    */
   static getExpiringAssets(
     params?: ExpiringAssetQueryParams
-  ): Promise<
-    BaseResponse<{ items: ExpiringAssetItem[]; total: number; page: number; size: number }>
-  > {
-    return this.get<
-      BaseResponse<{ items: ExpiringAssetItem[]; total: number; page: number; size: number }>
-    >('/api/admin/expiring-assets', params)
+  ): Promise<BaseResponse<ExpiringAssetListResponse>> {
+    return this.get<BaseResponse<ExpiringAssetListResponse>>('/api/admin/expiring-assets', params)
   }
   /**
    * 通过任意标识符查询设备或卡的完整详情
diff --git a/src/api/modules/card.ts b/src/api/modules/card.ts
index cd1adfd..dc90861 100644
--- a/src/api/modules/card.ts
+++ b/src/api/modules/card.ts
@@ -66,7 +66,8 @@ export class CardService extends BaseService {
   ): Promise<BaseResponse<SetSpeedTierResponse>> {
     return this.put<BaseResponse<SetSpeedTierResponse>>(
       `/api/admin/iot-cards/${encodeURIComponent(iccid)}/speed-tier`,
-      { code }
+      { code },
+      { requestOptions: { errorMessageMode: 'none' } }
     )
   }
   // ========== 号卡商品管理 ==========
diff --git a/src/api/modules/exportTask.ts b/src/api/modules/exportTask.ts
index db2dee1..fbd6477 100644
--- a/src/api/modules/exportTask.ts
+++ b/src/api/modules/exportTask.ts
@@ -1,9 +1,7 @@
 import { BaseService } from '../BaseService'
 import type {
-  CancelExportTaskApiResponse,
   CreateExportTaskApiResponse,
   CreateExportTaskRequest,
-  ExportTaskDetail,
   ExportTaskDetailApiResponse,
   ExportTaskListApiResponse,
   ExportTaskQueryParams
@@ -21,9 +19,4 @@ export class ExportTaskService extends BaseService {
   static getExportTaskDetail(id: number): Promise<ExportTaskDetailApiResponse> {
     return this.get<ExportTaskDetailApiResponse>(`/api/admin/export-tasks/${id}`)
   }
-
-  /** 保留旧页面的取消入口，后端支持时由页面权限控制显示。 */
-  static cancelExportTask(id: number): Promise<CancelExportTaskApiResponse> {
-    return this.post<CancelExportTaskApiResponse>(`/api/admin/export-tasks/${id}/cancel`, {})
-  }
 }
diff --git a/src/api/modules/notification.ts b/src/api/modules/notification.ts
index da75f5f..9e94a7a 100644
--- a/src/api/modules/notification.ts
+++ b/src/api/modules/notification.ts
@@ -3,6 +3,7 @@ import type {
   BaseResponse,
   NotificationListResponse,
   NotificationQueryParams,
+  NotificationReadRequest,
   NotificationReadAllRequest,
   NotificationReadAllResponse,
   NotificationReadResponse,
@@ -29,10 +30,9 @@ export class NotificationService extends BaseService {
   }
 
   static markRead(id: number): Promise<BaseResponse<NotificationReadResponse>> {
-    return this.put<BaseResponse<NotificationReadResponse>>(
-      `/api/admin/notifications/${id}/read`,
-      {}
-    )
+    return this.put<BaseResponse<NotificationReadResponse>>(`/api/admin/notifications/${id}/read`, {
+      id
+    } satisfies NotificationReadRequest)
   }
 
   static markAllRead(
diff --git a/src/api/modules/wecom.ts b/src/api/modules/wecom.ts
index 7893e7d..bbb2c4f 100644
--- a/src/api/modules/wecom.ts
+++ b/src/api/modules/wecom.ts
@@ -7,6 +7,7 @@ import type {
   WecomApplicationQueryParams,
   WecomApplicationRequest,
   WecomApplicationResponse,
+  WecomBusinessFieldListResponse,
   WecomBusinessType,
   WecomMemberListResponse,
   WecomMemberQueryParams,
@@ -14,7 +15,9 @@ import type {
   WecomSceneQueryParams,
   WecomSceneRequest,
   WecomSceneResponse,
-  WecomSyncMembersApiResponse
+  WecomSyncMembersApiResponse,
+  WecomTemplateDetailResponse,
+  WecomTemplateInspectRequest
 } from '@/types/api'
 
 export class WecomService extends BaseService {
@@ -38,14 +41,8 @@ export class WecomService extends BaseService {
     )
   }
 
-  static getMembers(
-    id: number,
-    params?: WecomMemberQueryParams
-  ): Promise<WecomMemberListResponse> {
-    return this.get<WecomMemberListResponse>(
-      `/api/admin/wecom/applications/${id}/members`,
-      params
-    )
+  static getMembers(id: number, params?: WecomMemberQueryParams): Promise<WecomMemberListResponse> {
+    return this.get<WecomMemberListResponse>(`/api/admin/wecom/applications/${id}/members`, params)
   }
 
   static setDefaultCreator(id: number, userid: string): Promise<WecomApplicationResponse> {
@@ -66,6 +63,24 @@ export class WecomService extends BaseService {
     return this.put<WecomSceneResponse>(`/api/admin/wecom/scenes/${businessType}`, data)
   }
 
+  static inspectTemplate(
+    applicationId: number,
+    data: WecomTemplateInspectRequest
+  ): Promise<WecomTemplateDetailResponse> {
+    return this.post<WecomTemplateDetailResponse>(
+      `/api/admin/wecom/applications/${applicationId}/templates/inspect`,
+      data
+    )
+  }
+
+  static getBusinessFields(
+    businessType: WecomBusinessType
+  ): Promise<WecomBusinessFieldListResponse> {
+    return this.get<WecomBusinessFieldListResponse>(
+      `/api/admin/wecom/scenes/${businessType}/fields`
+    )
+  }
+
   static bindAccount(
     accountId: number,
     data: WecomAccountBindingRequest
diff --git a/src/components/business/CreateRefundDialog.vue b/src/components/business/CreateRefundDialog.vue
index 726b326..e43bb62 100644
--- a/src/components/business/CreateRefundDialog.vue
+++ b/src/components/business/CreateRefundDialog.vue
@@ -97,6 +97,7 @@
     modelValue: boolean
     initialOrderId?: number
     initialOrderNo?: string
+    initialPackageUsageId?: number
   }
 
   const props = defineProps<Props>()
@@ -119,6 +120,7 @@
 
   const formData = reactive<{
     order_id: number | null
+    package_usage_id?: number
     requested_refund_amount?: number
     actual_received_amount: number
     refund_reason: string
@@ -127,6 +129,7 @@
     attachments: RefundAttachment[]
   }>({
     order_id: null,
+    package_usage_id: undefined,
     requested_refund_amount: undefined,
     actual_received_amount: 0,
     refund_reason: '',
@@ -213,6 +216,7 @@
     formRef.value?.resetFields()
     voucherUploading.value = false
     formData.order_id = null
+    formData.package_usage_id = undefined
     formData.requested_refund_amount = undefined
     formData.actual_received_amount = 0
     formData.refund_reason = ''
@@ -239,6 +243,7 @@
             requested_refund_amount: yuanToFen(formData.requested_refund_amount) ?? 0,
             actual_received_amount: formData.actual_received_amount,
             attachments: formData.attachments,
+            package_usage_id: formData.package_usage_id,
             refund_reason: formData.refund_reason || undefined,
             remark: formData.remark || undefined
           }
@@ -261,6 +266,7 @@
       if (hasInitialOrder.value && props.initialOrderId) {
         formData.order_id = props.initialOrderId
       }
+      formData.package_usage_id = props.initialPackageUsageId
       if (hasInitialOrder.value && props.initialOrderNo) {
         searchOrders(props.initialOrderNo)
       } else {
diff --git a/src/components/business/ExportTaskCreateDialog.vue b/src/components/business/ExportTaskCreateDialog.vue
index 7c673b0..c503d68 100644
--- a/src/components/business/ExportTaskCreateDialog.vue
+++ b/src/components/business/ExportTaskCreateDialog.vue
@@ -85,13 +85,22 @@
     }
   )
 
-  const getNormalizedQuery = () => {
-    const query: Record<string, unknown> = {}
+  const getNormalizedQuery = (): Record<string, string> => {
+    const query: Record<string, string> = {}
 
     Object.entries(props.query || {}).forEach(([key, value]) => {
       if (value === undefined || value === null || value === '') return
       if (Array.isArray(value) && value.length === 0) return
-      query[key] = value
+
+      if (typeof value === 'string') {
+        query[key] = value
+      } else if (typeof value === 'number' || typeof value === 'boolean') {
+        query[key] = String(value)
+      } else if (Array.isArray(value)) {
+        query[key] = value.join(',')
+      } else {
+        query[key] = JSON.stringify(value)
+      }
     })
 
     return query
diff --git a/src/components/core/layouts/art-notification/index.vue b/src/components/core/layouts/art-notification/index.vue
index c5796fc..1eca133 100644
--- a/src/components/core/layouts/art-notification/index.vue
+++ b/src/components/core/layouts/art-notification/index.vue
@@ -40,7 +40,7 @@
             <span class="text">
               <strong>{{ item.title }}</strong>
               <small>{{ item.body }}</small>
-              <time>{{ item.created_at || '-' }}</time>
+              <time>{{ formatDateTime(item.created_at) }}</time>
             </span>
             <span v-if="!isRead(item)" class="unread-dot" />
           </button>
@@ -50,9 +50,6 @@
             <p>暂无通知</p>
           </div>
         </div>
-        <div class="btn-wrapper">
-          <ElButton class="view-all" @click="handleViewAll">进入通知中心</ElButton>
-        </div>
       </div>
     </div>
   </div>
@@ -68,6 +65,7 @@
   import { useAuth } from '@/composables/useAuth'
   import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
   import { navigateNotificationTarget } from '@/utils/business/notificationNavigation'
+  import { formatDateTime } from '@/utils/business/format'
 
   const props = defineProps<{ modelValue: boolean }>()
   const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
@@ -108,11 +106,6 @@
 
   const close = () => emit('update:modelValue', false)
 
-  const handleViewAll = () => {
-    close()
-    void router.push('/notifications')
-  }
-
   const handleMarkAllRead = async () => {
     try {
       const response = await notificationStore.markAllRead()
diff --git a/src/components/core/layouts/art-notification/style.scss b/src/components/core/layouts/art-notification/style.scss
index a2e0b7a..df92bd9 100644
--- a/src/components/core/layouts/art-notification/style.scss
+++ b/src/components/core/layouts/art-notification/style.scss
@@ -158,15 +158,6 @@
       font-size: 42px;
     }
   }
-
-  .btn-wrapper {
-    padding: 12px 16px 16px;
-    border-top: 1px solid var(--art-border-color);
-
-    .view-all {
-      width: 100%;
-    }
-  }
 }
 
 @media only screen and (max-width: $device-phone) {
diff --git a/src/config/constants/exportTask.ts b/src/config/constants/exportTask.ts
index 66655e8..613a601 100644
--- a/src/config/constants/exportTask.ts
+++ b/src/config/constants/exportTask.ts
@@ -3,7 +3,6 @@ import type { ExportTaskScene } from '@/types/api'
 export interface ExportTaskScenePermissions {
   detail: string
   download: string
-  cancel: string
 }
 
 export interface ExportTaskSceneConfig {
@@ -20,8 +19,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出设备',
     permissions: {
       detail: 'export_task:device_detail',
-      download: 'export_task:device_download',
-      cancel: 'export_task:device_cancel'
+      download: 'export_task:device_download'
     }
   },
   iot_card: {
@@ -30,8 +28,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出IOT卡',
     permissions: {
       detail: 'export_task:iot_card_detail',
-      download: 'export_task:iot_card_download',
-      cancel: 'export_task:iot_card_cancel'
+      download: 'export_task:iot_card_download'
     }
   },
   order: {
@@ -40,8 +37,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出订单',
     permissions: {
       detail: 'export_task:order_detail',
-      download: 'export_task:order_download',
-      cancel: 'export_task:order_cancel'
+      download: 'export_task:order_download'
     }
   },
   package: {
@@ -50,8 +46,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出套餐',
     permissions: {
       detail: 'export_task:package_detail',
-      download: 'export_task:package_download',
-      cancel: 'export_task:package_cancel'
+      download: 'export_task:package_download'
     }
   },
   agent_wallet_transaction: {
@@ -60,8 +55,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出代理主钱包流水',
     permissions: {
       detail: 'export_task:agent_wallet_transaction_detail',
-      download: 'export_task:agent_wallet_transaction_download',
-      cancel: 'export_task:agent_wallet_transaction_cancel'
+      download: 'export_task:agent_wallet_transaction_download'
     }
   },
   agent_recharge: {
@@ -70,8 +64,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出代理充值',
     permissions: {
       detail: 'export_task:agent_recharge_detail',
-      download: 'export_task:agent_recharge_download',
-      cancel: 'export_task:agent_recharge_cancel'
+      download: 'export_task:agent_recharge_download'
     }
   },
   refund: {
@@ -80,8 +73,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出退款',
     permissions: {
       detail: 'export_task:refund_detail',
-      download: 'export_task:refund_download',
-      cancel: 'export_task:refund_cancel'
+      download: 'export_task:refund_download'
     }
   },
   exchange: {
@@ -90,8 +82,7 @@ export const EXPORT_TASK_SCENE_CONFIG: Record<ExportTaskScene, ExportTaskSceneCo
     pageTitle: '导出换货',
     permissions: {
       detail: 'export_task:exchange_detail',
-      download: 'export_task:exchange_download',
-      cancel: 'export_task:exchange_cancel'
+      download: 'export_task:exchange_download'
     }
   }
 }
diff --git a/src/config/constants/julyIteration.ts b/src/config/constants/julyIteration.ts
index e604a73..80318eb 100644
--- a/src/config/constants/julyIteration.ts
+++ b/src/config/constants/julyIteration.ts
@@ -22,6 +22,9 @@ export const JULY_PERMISSIONS = {
     create: 'device_task:allocation:create',
     detail: 'device_task:allocation:detail'
   },
+  seriesGrants: {
+    updateExpiryBase: 'series_grants:update_expiry_base'
+  },
   batchPurchase: {
     page: 'bulk_purchase:view',
     create: 'bulk_purchase:create',
diff --git a/src/locales/langs/en.json b/src/locales/langs/en.json
index 41fda89..f8c7355 100644
--- a/src/locales/langs/en.json
+++ b/src/locales/langs/en.json
@@ -432,6 +432,9 @@
       "standaloneCardList": "IoT Card Management",
       "iotCardTask": "IoT Card Tasks",
       "deviceTask": "Device Tasks",
+      "deviceBatchAllocation": "Device Batch Allocation",
+      "bulkPurchase": "Bulk Package Purchase",
+      "bulkPurchaseDetail": "Bulk Purchase Task Detail",
       "orderPackageInvalidateTask": "Order Package Void Tasks",
       "orderPackageInvalidateTaskDetail": "Order Package Void Task Detail",
       "taskDetail": "Task Details",
@@ -452,6 +455,11 @@
       "exportDevice": "Export Devices",
       "exportIotCard": "Export IOT Cards",
       "exportOrder": "Export Orders",
+      "exportPackage": "Export Packages",
+      "exportAgentWalletTransaction": "Export Agent Wallet Transactions",
+      "exportRefund": "Export Refunds",
+      "exportAgentRecharge": "Export Agent Recharges",
+      "exportExchange": "Export Exchanges",
       "exportTaskDetail": "Export Task Detail",
       "exchangeManagement": "Exchange Management",
       "exchangeDetail": "Exchange Order Detail"
diff --git a/src/locales/langs/zh.json b/src/locales/langs/zh.json
index c5bb2ce..a7c2e59 100644
--- a/src/locales/langs/zh.json
+++ b/src/locales/langs/zh.json
@@ -370,6 +370,9 @@
       "standaloneCardList": "IoT卡管理",
       "iotCardTask": "IoT卡任务",
       "deviceTask": "设备任务",
+      "deviceBatchAllocation": "设备批量分配",
+      "bulkPurchase": "批量订购套餐",
+      "bulkPurchaseDetail": "批量订购任务详情",
       "orderPackageInvalidateTask": "订单套餐批量作废",
       "orderPackageInvalidateTaskDetail": "订单套餐作废任务详情",
       "taskDetail": "任务详情",
@@ -386,6 +389,11 @@
       "exportDevice": "导出设备",
       "exportIotCard": "导出IOT卡",
       "exportOrder": "导出订单",
+      "exportPackage": "导出套餐",
+      "exportAgentWalletTransaction": "导出代理主钱包流水",
+      "exportRefund": "导出退款",
+      "exportAgentRecharge": "导出代理充值",
+      "exportExchange": "导出换货",
       "exportTaskDetail": "导出任务详情",
       "exchangeManagement": "换货管理",
       "exchangeDetail": "换货单详情"
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index a200720..f697f5c 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -1,7 +1,7 @@
 import { RoutesAlias } from '../routesAlias'
 import { AppRouteRecord } from '@/types/router'
 import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
-import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
+import { JULY_PERMISSIONS } from '@/config/constants/julyIteration'
 
 /**
  * 菜单列表、异步路由
@@ -14,31 +14,6 @@ import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
  * 可以是 i18n 的 key，也可以是字符串，比如：'用户列表'
  */
 export const asyncRoutes: AppRouteRecord[] = [
-  // 站内通知
-  {
-    path: '/notifications',
-    name: 'Notifications',
-    component: RoutesAlias.Home,
-    meta: {
-      title: '通知中心',
-      isHide: true
-    },
-    children: [
-      {
-        path: '',
-        name: 'NotificationCenter',
-        component: RoutesAlias.Notifications,
-        meta: {
-          title: '通知中心',
-          permissions: [NOTIFICATION_PERMISSIONS.page],
-          keepAlive: true,
-          isHide: true,
-          isHideTab: true
-        }
-      }
-    ]
-  },
-
   // 仪表台
   {
     name: 'Dashboard',
@@ -466,6 +441,28 @@ export const asyncRoutes: AppRouteRecord[] = [
               keepAlive: true
             }
           },
+          // 设备批量分配任务
+          {
+            path: 'device-batch-allocation',
+            name: 'DeviceBatchAllocation',
+            component: RoutesAlias.DeviceBatchAllocation,
+            meta: {
+              title: 'menus.assetManagement.deviceBatchAllocation',
+              permissions: [JULY_PERMISSIONS.deviceAllocation.page],
+              keepAlive: true
+            }
+          },
+          // 批量订购套餐任务
+          {
+            path: 'bulk-purchase',
+            name: 'BulkPurchase',
+            component: RoutesAlias.BulkPurchase,
+            meta: {
+              title: 'menus.assetManagement.bulkPurchase',
+              permissions: [BULK_PURCHASE_PERMISSIONS.page],
+              keepAlive: true
+            }
+          },
           // 订单套餐批量作废任务
           {
             path: 'order-package-invalidate-task',
@@ -500,6 +497,18 @@ export const asyncRoutes: AppRouteRecord[] = [
           keepAlive: false
         }
       },
+      // 批量订购套餐任务详情
+      {
+        path: 'task-management/bulk-purchase/detail/:id',
+        name: 'BulkPurchaseDetail',
+        component: RoutesAlias.BulkPurchaseDetail,
+        meta: {
+          title: 'menus.assetManagement.bulkPurchaseDetail',
+          isHide: true,
+          permissions: [BULK_PURCHASE_PERMISSIONS.detail],
+          keepAlive: false
+        }
+      },
       // 导出管理
       {
         path: 'export-task-management',
@@ -540,6 +549,56 @@ export const asyncRoutes: AppRouteRecord[] = [
               keepAlive: true
             }
           },
+          {
+            path: 'export-package',
+            name: 'ExportPackageTaskList',
+            component: RoutesAlias.ExportPackageTaskList,
+            meta: {
+              title: 'menus.assetManagement.exportPackage',
+              exportTaskScene: 'package',
+              keepAlive: true
+            }
+          },
+          {
+            path: 'export-agent-wallet-transaction',
+            name: 'ExportAgentWalletTransactionTaskList',
+            component: RoutesAlias.ExportAgentWalletTransactionTaskList,
+            meta: {
+              title: 'menus.assetManagement.exportAgentWalletTransaction',
+              exportTaskScene: 'agent_wallet_transaction',
+              keepAlive: true
+            }
+          },
+          {
+            path: 'export-refund',
+            name: 'ExportRefundTaskList',
+            component: RoutesAlias.ExportRefundTaskList,
+            meta: {
+              title: 'menus.assetManagement.exportRefund',
+              exportTaskScene: 'refund',
+              keepAlive: true
+            }
+          },
+          {
+            path: 'export-agent-recharge',
+            name: 'ExportAgentRechargeTaskList',
+            component: RoutesAlias.ExportAgentRechargeTaskList,
+            meta: {
+              title: 'menus.assetManagement.exportAgentRecharge',
+              exportTaskScene: 'agent_recharge',
+              keepAlive: true
+            }
+          },
+          {
+            path: 'export-exchange',
+            name: 'ExportExchangeTaskList',
+            component: RoutesAlias.ExportExchangeTaskList,
+            meta: {
+              title: 'menus.assetManagement.exportExchange',
+              exportTaskScene: 'exchange',
+              keepAlive: true
+            }
+          },
           {
             path: 'export-task-detail',
             name: 'ExportTaskDetail',
@@ -585,17 +644,6 @@ export const asyncRoutes: AppRouteRecord[] = [
           isHide: true,
           keepAlive: false
         }
-      },
-      // 批量订购
-      {
-        path: 'bulk-purchase',
-        name: 'BulkPurchase',
-        component: RoutesAlias.BulkPurchase,
-        meta: {
-          title: '批量订购套餐',
-          permissions: [BULK_PURCHASE_PERMISSIONS.page],
-          keepAlive: true
-        }
       }
     ]
   },
@@ -786,29 +834,6 @@ export const asyncRoutes: AppRouteRecord[] = [
           roles: ['R_SUPER', 'R_ADMIN']
         }
       },
-      // 企业微信应用配置详情
-      {
-        path: 'wecom/applications/create',
-        name: 'WecomApplicationCreate',
-        component: RoutesAlias.WecomApplicationDetail,
-        meta: {
-          title: '新增企微应用',
-          isHide: true,
-          keepAlive: false,
-          roles: ['R_SUPER', 'R_ADMIN']
-        }
-      },
-      {
-        path: 'wecom/applications/detail/:id',
-        name: 'WecomApplicationDetail',
-        component: RoutesAlias.WecomApplicationDetail,
-        meta: {
-          title: '企微应用配置',
-          isHide: true,
-          keepAlive: false,
-          roles: ['R_SUPER', 'R_ADMIN']
-        }
-      },
       // 企业微信成员及默认发起人
       {
         path: 'wecom/members',
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 2fa64fa..35df4fb 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -59,27 +59,31 @@ export enum RoutesAlias {
   // 任务管理
   IotCardTask = '/asset-management/task-management/iot-card-task', // IoT卡任务
   DeviceTask = '/asset-management/task-management/device-task', // 设备任务
+  DeviceBatchAllocation = '/asset-management/task-management/device-batch-allocation', // 设备批量分配
+  BulkPurchase = '/asset-management/task-management/bulk-purchase', // 批量订购套餐
+  BulkPurchaseDetail = '/asset-management/task-management/bulk-purchase/detail', // 批量订购套餐详情
   OrderPackageInvalidateTask = '/asset-management/task-management/order-package-invalidate-task', // 订单套餐批量作废任务
   OrderPackageInvalidateTaskDetail = '/asset-management/task-management/order-package-invalidate-task/detail', // 订单套餐作废任务详情
   TaskDetail = '/asset-management/task-management/task-detail', // 任务详情（IoT卡/设备任务详情）
   ExportDeviceTaskList = '/asset-management/export-task-management/export-device', // 导出设备
   ExportIotCardTaskList = '/asset-management/export-task-management/export-iot-card', // 导出IOT卡
   ExportOrderTaskList = '/asset-management/export-task-management/export-order', // 导出订单
+  ExportPackageTaskList = '/asset-management/export-task-management/export-package', // 导出套餐
+  ExportAgentWalletTransactionTaskList = '/asset-management/export-task-management/export-agent-wallet-transaction', // 导出代理主钱包流水
+  ExportRefundTaskList = '/asset-management/export-task-management/export-refund', // 导出退款
+  ExportAgentRechargeTaskList = '/asset-management/export-task-management/export-agent-recharge', // 导出代理充值
+  ExportExchangeTaskList = '/asset-management/export-task-management/export-exchange', // 导出换货
   ExportTaskDetail = '/asset-management/export-task-management/export-task-detail', // 导出任务详情
 
   // 订单管理
   OrderList = '/order-management/order-list', // 订单列表
   OrderDetail = '/order-management/order-list/detail', // 订单详情
-  BulkPurchase = '/order-management/bulk-purchase', // 批量订购
-
   // 财务管理
   AgentRecharge = '/finance/agent-recharge', // 代理充值
   AgentRechargeDetail = '/finance/agent-recharge/detail', // 代理充值详情
   RefundManagement = '/finance/refund', // 退款管理
   RefundDetail = '/finance/refund/detail', // 退款详情
 
-  // 站内通知
-  Notifications = '/notifications', // 通知中心
   ExpiringAssets = '/asset-management/expiring-assets', // 临期资产
 
   // 佣金管理
@@ -95,7 +99,6 @@ export enum RoutesAlias {
   SystemConfigs = '/settings/system-configs', // 系统配置
   WecomSettings = '/settings/wecom', // 企业微信配置兼容入口
   WecomApplications = '/settings/wecom/applications', // 企业微信应用
-  WecomApplicationDetail = '/settings/wecom/applications/detail', // 企业微信应用配置
   WecomMembers = '/settings/wecom/members', // 企业微信成员
   WecomScenes = '/settings/wecom/scenes', // 企业微信审批场景
 
diff --git a/src/types/api/agentRecharge.ts b/src/types/api/agentRecharge.ts
index b9743ab..06165eb 100644
--- a/src/types/api/agentRecharge.ts
+++ b/src/types/api/agentRecharge.ts
@@ -37,6 +37,7 @@ export interface AgentRecharge {
   remark?: string // 运营备注
   submitter_name?: string | null // 提交人名称
   submitter_id?: number | null
+  approval_source?: 'none' | 'legacy' | 'wecom' | null // 审批来源
   approval_provider?: 'wecom' | null
   approval_instance_id?: number | null
   approval_status?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | null // 企微审批状态
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index 8b2f900..c5bc18a 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -72,23 +72,46 @@ export type AssetRealnamePolicy = 'none' | 'before_order' | 'after_order'
 export type ExpiryEstimateStatus = 'exact' | 'waiting_activation' | 'none' | 'invalid_data'
 
 // 临期等级由后端返回，前端仅用于展示和筛选结果标识
-export type ExpiryLevel = string
+export type ExpiryLevel = 'red' | 'purple' | 'pink' | string
+
+export type ExpiringAssetType = 'iot_card' | 'device'
 
 export interface ExpiringAssetItem {
-  asset_type: AssetType
   asset_id: number
+  asset_type: ExpiringAssetType
+  days_until_final_expiry: number | null
+  estimated_final_expires_at: string | null
+  expiry_estimate_status: ExpiryEstimateStatus
+  expiry_estimate_status_name: string
+  expiry_level: ExpiryLevel
+  expiry_level_name: string
   identifier: string
-  shop_name?: string | null
-  package_name?: string | null
-  estimated_final_expires_at: string
-  days_until_final_expiry: number
-  expiry_level?: ExpiryLevel | null
-  expiry_level_name?: string | null
-  can_renew: boolean
+  is_expiring: boolean
+  is_priority: boolean
+  package_id?: number
+  package_name: string
+  package_usage_id?: number
+  shop_id?: number | null
+  shop_name: string
+}
+
+export interface ExpiringAssetSummary {
+  card_count: number
+  device_count: number
+  total_count: number
+  window_days: number
+}
+
+export interface ExpiringAssetListResponse {
+  items: ExpiringAssetItem[]
+  page: number
+  size: number
+  summary: ExpiringAssetSummary
+  total: number
 }
 
 export interface ExpiringAssetQueryParams {
-  asset_type?: AssetType
+  asset_type?: ExpiringAssetType
   keyword?: string
   shop_id?: number
   package_id?: number
@@ -97,7 +120,7 @@ export interface ExpiringAssetQueryParams {
   expires_from?: string
   expires_to?: string
   page?: number
-  size?: number
+  page_size?: number
 }
 
 // 批量更新资产实名认证策略请求
diff --git a/src/types/api/bulkPurchase.ts b/src/types/api/bulkPurchase.ts
index 64587c5..bc97c88 100644
--- a/src/types/api/bulkPurchase.ts
+++ b/src/types/api/bulkPurchase.ts
@@ -18,7 +18,8 @@ export enum BulkPurchaseTaskStatus {
 }
 
 export interface BulkPurchaseCreateResponse {
-  task_id: number
+  id?: number
+  task_id?: number
   task_no?: string
   status?: BulkPurchaseTaskStatus
   status_name?: string
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 7273d88..9c8ff4e 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -215,9 +215,11 @@ export enum DeviceImportTaskStatus {
 }
 
 // 导入任务查询参数
+export type DeviceImportTaskOperationType = 'import' | 'assign_shop' | 'assign_series' | 'recall'
+
 export interface DeviceImportTaskQueryParams extends PaginationParams {
   status?: DeviceImportTaskStatus // 任务状态
-  operation_type?: 'import' | 'assign_shop' | 'assign_series'
+  operation_type?: DeviceImportTaskOperationType
   batch_no?: string // 批次号(模糊查询)
   start_time?: string // 创建时间起始
   end_time?: string // 创建时间结束
@@ -232,13 +234,14 @@ export interface DeviceImportTask {
   file_key?: string // 原始导入文件存储键
   creator_name?: string // 创建人姓名
   status: DeviceImportTaskStatus // 任务状态
+  status_name?: string // 任务状态名称
   status_text: string // 任务状态文本
   total_count: number // 总数
   success_count: number // 成功数
   fail_count: number // 失败数
   skip_count: number // 跳过数
   error_message: string // 错误信息
-  operation_type: 'import' | 'assign_shop' | 'assign_series'
+  operation_type: DeviceImportTaskOperationType
   operation_name: string
   target_id: number | null
   realname_policy: 'none' | 'before_order' | 'after_order'
@@ -273,8 +276,8 @@ export interface DeviceImportTaskDetail extends DeviceImportTask {
 
 export interface DeviceBatchAllocationRequest {
   file_key: string
-  operation_type: 'assign_shop' | 'assign_series'
-  target_id: number
+  operation_type: Exclude<DeviceImportTaskOperationType, 'import'>
+  target_id?: number
 }
 
 export interface DeviceBatchAllocationResponse {
diff --git a/src/types/api/exportTask.ts b/src/types/api/exportTask.ts
index 451d746..76e5cf5 100644
--- a/src/types/api/exportTask.ts
+++ b/src/types/api/exportTask.ts
@@ -69,7 +69,7 @@ export interface ExportTaskListResponse {
 export interface CreateExportTaskRequest {
   scene: ExportTaskScene
   format: ExportTaskFormat
-  query?: Record<string, unknown>
+  query?: Record<string, string>
 }
 
 export interface CreateExportTaskResponse {
@@ -85,15 +85,6 @@ export interface ExportTaskDetail extends ExportTaskItem {
   download_expires_at?: string
 }
 
-export interface CancelExportTaskResponse {
-  task_id: number
-  status: ExportTaskStatus
-  status_name: string
-  cancel_requested: boolean
-  message: string
-}
-
 export type ExportTaskListApiResponse = BaseResponse<ExportTaskListResponse>
 export type CreateExportTaskApiResponse = BaseResponse<CreateExportTaskResponse>
 export type ExportTaskDetailApiResponse = BaseResponse<ExportTaskDetail>
-export type CancelExportTaskApiResponse = BaseResponse<CancelExportTaskResponse>
diff --git a/src/types/api/notification.ts b/src/types/api/notification.ts
index 5982311..609fba3 100644
--- a/src/types/api/notification.ts
+++ b/src/types/api/notification.ts
@@ -49,6 +49,10 @@ export interface NotificationReadResponse {
   success: boolean
 }
 
+export interface NotificationReadRequest {
+  id: number
+}
+
 export interface NotificationReadAllRequest {
   category?: string
 }
diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index 44cd49d..5285474 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -281,8 +281,8 @@ export interface CommissionTier {
  * 套餐信息（用于系列授权）
  */
 export interface GrantPackageInfo extends PackageAllocationExpiryBaseFields {
-  allocation_id?: number
   package_id: number
+  allocation_id: number // 套餐分配记录 ID，用于修改生效条件
   package_name?: string
   package_code?: string
   cost_price: number // 成本价（分）
diff --git a/src/types/api/refund.ts b/src/types/api/refund.ts
index 044e3df..cf661f5 100644
--- a/src/types/api/refund.ts
+++ b/src/types/api/refund.ts
@@ -113,6 +113,7 @@ export interface CreateRefundRequest {
   requested_refund_amount: number // 申请退款金额（分）
   actual_received_amount: number // 实收金额（分）
   attachments: RefundAttachment[]
+  package_usage_id?: number // 关联套餐使用记录 ID
   refund_reason?: string
   remark?: string
 }
diff --git a/src/types/api/wecom.ts b/src/types/api/wecom.ts
index fd9ce76..578be64 100644
--- a/src/types/api/wecom.ts
+++ b/src/types/api/wecom.ts
@@ -68,6 +68,37 @@ export interface WecomSceneRequest {
   status?: 0 | 1
 }
 
+export interface WecomTemplateInspectRequest {
+  template_id: string
+}
+
+export interface WecomTemplateControl {
+  id: string
+  option_keys?: string[] | null
+  required: boolean
+  title: string
+  type: string
+}
+
+export interface WecomTemplateDetail {
+  controls?: WecomTemplateControl[] | null
+  name: string
+  template_id: string
+}
+
+export interface WecomBusinessField {
+  code: string
+  description: string
+  name: string
+  value_type: string
+}
+
+export interface WecomBusinessFieldList {
+  business_type: WecomBusinessType
+  business_type_name: string
+  items?: WecomBusinessField[] | null
+}
+
 export interface WecomAccountBindingRequest {
   application_id: number
   userid: string
@@ -85,11 +116,13 @@ export type WecomSceneListResponse = BaseResponse<PaginationData<WecomScene>>
 export type WecomApplicationResponse = BaseResponse<WecomApplication>
 export type WecomSceneResponse = BaseResponse<WecomScene>
 export type WecomSyncMembersApiResponse = BaseResponse<WecomSyncMembersResponse>
+export type WecomTemplateDetailResponse = BaseResponse<WecomTemplateDetail>
+export type WecomBusinessFieldListResponse = BaseResponse<WecomBusinessFieldList>
 
 export interface WecomMemberQueryParams extends PaginationParams {
   keyword?: string
 }
 
-export interface WecomApplicationQueryParams extends PaginationParams {}
+export type WecomApplicationQueryParams = PaginationParams
 
-export interface WecomSceneQueryParams extends PaginationParams {}
+export type WecomSceneQueryParams = PaginationParams
diff --git a/src/utils/business/notificationNavigation.ts b/src/utils/business/notificationNavigation.ts
index 3d60084..e7a77ea 100644
--- a/src/utils/business/notificationNavigation.ts
+++ b/src/utils/business/notificationNavigation.ts
@@ -8,13 +8,52 @@ type TargetRoute = {
 }
 
 const resolveTargetRoute = (target: NotificationTarget): TargetRoute | null => {
-  const targetValues = [target.target_key, target.target_type]
+  const targetId = target.target_id === null ? undefined : String(target.target_id)
+  const targetKey = target.target_key || ''
 
-  if (targetValues.includes('expiring_assets') || targetValues.includes('expiring_asset_list')) {
+  if (target.target_type === 'refund_detail' && targetId) {
+    return { path: `${RoutesAlias.RefundDetail}/${targetId}` }
+  }
+
+  if (target.target_type === 'agent_recharge_detail' && targetId) {
+    return { path: `${RoutesAlias.AgentRechargeDetail}/${targetId}` }
+  }
+
+  if (target.target_type === 'iot_card_detail' && (targetKey || targetId)) {
+    return {
+      path: RoutesAlias.AssetInformation,
+      query: { iccid: targetKey || targetId || '' }
+    }
+  }
+
+  if (target.target_type === 'device_detail' && (targetKey || targetId)) {
+    return {
+      path: RoutesAlias.AssetInformation,
+      query: { virtual_no: targetKey || targetId || '' }
+    }
+  }
+
+  if (
+    target.target_type === 'expiring_asset_list' ||
+    target.target_key === 'expiring_assets' ||
+    target.target_key === 'expiring_asset_list'
+  ) {
     return { path: RoutesAlias.ExpiringAssets }
   }
 
-  if (targetValues.includes('notification_center')) return { path: RoutesAlias.Notifications }
+  if (target.target_type === 'shop_fund_summary') {
+    return {
+      path: RoutesAlias.AgentFundOverview,
+      query: targetId ? { shop_id: targetId } : undefined
+    }
+  }
+
+  if (target.target_type === 'system_config') {
+    return {
+      path: RoutesAlias.SystemConfigs,
+      query: targetKey ? { config_key: targetKey } : undefined
+    }
+  }
 
   return null
 }
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index aaacd4b..43d3a2b 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -213,6 +213,75 @@
             </div>
           </template>
         </ElDialog>
+
+        <!-- 绑定企微账号对话框 -->
+        <ElDialog
+          v-model="wecomBindingDialogVisible"
+          title="绑定企微账号"
+          width="520px"
+          destroy-on-close
+          @closed="resetWecomBindingForm"
+        >
+          <ElForm
+            ref="wecomBindingFormRef"
+            :model="wecomBindingForm"
+            :rules="wecomBindingRules"
+            label-width="100px"
+          >
+            <ElFormItem label="账号名称">
+              <span>{{ currentWecomAccount?.username || '-' }}</span>
+            </ElFormItem>
+            <ElFormItem label="企微应用" prop="application_id">
+              <ElSelect
+                v-model="wecomBindingForm.application_id"
+                placeholder="请选择企微应用"
+                filterable
+                clearable
+                style="width: 100%"
+                :loading="wecomApplicationsLoading"
+                @change="handleWecomApplicationChange"
+              >
+                <ElOption
+                  v-for="application in wecomApplications"
+                  :key="application.id"
+                  :label="application.name"
+                  :value="application.id"
+                />
+              </ElSelect>
+            </ElFormItem>
+            <ElFormItem label="企微成员" prop="userid">
+              <ElSelect
+                v-model="wecomBindingForm.userid"
+                placeholder="请先选择企微应用"
+                filterable
+                clearable
+                style="width: 100%"
+                :loading="wecomMembersLoading"
+                :disabled="!wecomBindingForm.application_id"
+              >
+                <ElOption
+                  v-for="member in wecomMembers"
+                  :key="member.userid"
+                  :label="member.name"
+                  :value="member.userid"
+                />
+              </ElSelect>
+            </ElFormItem>
+          </ElForm>
+          <template #footer>
+            <div class="dialog-footer">
+              <ElButton @click="wecomBindingDialogVisible = false">取消</ElButton>
+              <ElButton
+                v-permission="JULY_PERMISSIONS.wecom.binding"
+                type="primary"
+                :loading="wecomBindingSubmitting"
+                @click="submitWecomBinding"
+              >
+                确认绑定
+              </ElButton>
+            </div>
+          </template>
+        </ElDialog>
       </ElCard>
     </div>
   </ArtTableFullScreen>
@@ -237,11 +306,16 @@
   import { useAuth } from '@/composables/useAuth'
   import { AccountService } from '@/api/modules/account'
   import { RoleService } from '@/api/modules/role'
-  import { ShopService, EnterpriseService } from '@/api/modules'
+  import { ShopService, EnterpriseService, WecomService } from '@/api/modules'
   import type { SearchFormItem } from '@/types'
-  import type { PlatformRole } from '@/types/api'
+  import type { PlatformRole, WecomApplication, WecomMember } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
-  import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
+  import {
+    CommonStatus,
+    getStatusText,
+    JULY_PERMISSIONS,
+    STATUS_SELECT_OPTIONS
+  } from '@/config/constants'
 
   defineOptions({ name: 'Account' }) // 定义组件名称，用于 KeepAlive 缓存控制
 
@@ -252,6 +326,7 @@
   const dialogType = ref('add')
   const dialogVisible = ref(false)
   const roleDialogVisible = ref(false)
+  const wecomBindingDialogVisible = ref(false)
   const loading = ref(false)
   const currentAccountId = ref<number>(0)
   const currentAccountName = ref<string>('')
@@ -262,6 +337,21 @@
   const roleToAdd = ref<number | undefined>(undefined) // 单选时使用
   const leftRoleFilter = ref('')
   const rightRoleFilter = ref('')
+  const currentWecomAccount = ref<any | null>(null)
+  const wecomApplications = ref<WecomApplication[]>([])
+  const wecomMembers = ref<WecomMember[]>([])
+  const wecomApplicationsLoading = ref(false)
+  const wecomMembersLoading = ref(false)
+  const wecomBindingSubmitting = ref(false)
+  const wecomBindingFormRef = ref<FormInstance>()
+  const wecomBindingForm = reactive({
+    application_id: undefined as number | undefined,
+    userid: ''
+  })
+  const wecomBindingRules = reactive<FormRules>({
+    application_id: [{ required: true, message: '请选择企微应用', trigger: 'change' }],
+    userid: [{ required: true, message: '请选择企微成员', trigger: 'change' }]
+  })
 
   // 是否为平台用户（平台用户可多选，其他单选）
   const isPlatformUser = computed(() => currentAccountType.value === 2)
@@ -541,6 +631,14 @@
   const getActions = (row: any) => {
     const actions: any[] = []
 
+    if (hasAuth(JULY_PERMISSIONS.wecom.binding)) {
+      actions.push({
+        label: '绑定账号',
+        handler: () => showWecomBindingDialog(row),
+        type: 'primary'
+      })
+    }
+
     if (hasAuth('account:patch_role')) {
       actions.push({
         label: '分配角色',
@@ -568,6 +666,75 @@
     return actions
   }
 
+  const showWecomBindingDialog = (row: any) => {
+    currentWecomAccount.value = row
+    wecomBindingForm.application_id = undefined
+    wecomBindingForm.userid = ''
+    wecomMembers.value = []
+    wecomBindingDialogVisible.value = true
+    void loadWecomApplications()
+  }
+
+  const loadWecomApplications = async () => {
+    wecomApplicationsLoading.value = true
+    try {
+      const response = await WecomService.getApplications({ page: 1, page_size: 100 })
+      if (response.code === 0) wecomApplications.value = response.data.items || []
+    } finally {
+      wecomApplicationsLoading.value = false
+    }
+  }
+
+  const handleWecomApplicationChange = async (applicationId?: number) => {
+    wecomBindingForm.userid = ''
+    wecomMembers.value = []
+    if (!applicationId) return
+
+    wecomMembersLoading.value = true
+    try {
+      const response = await WecomService.getMembers(applicationId, {
+        page: 1,
+        page_size: 100
+      })
+      if (response.code === 0) wecomMembers.value = response.data.items || []
+    } finally {
+      wecomMembersLoading.value = false
+    }
+  }
+
+  const submitWecomBinding = async () => {
+    const valid = await wecomBindingFormRef.value?.validate().catch(() => false)
+    if (!valid || !currentWecomAccount.value || !wecomBindingForm.application_id) return
+
+    const accountId = Number(currentWecomAccount.value.id ?? currentWecomAccount.value.ID)
+    if (!accountId) {
+      ElMessage.error('当前账号缺少账号标识，无法绑定企微')
+      return
+    }
+
+    wecomBindingSubmitting.value = true
+    try {
+      const response = await AccountService.bindWecom(accountId, {
+        application_id: wecomBindingForm.application_id,
+        userid: wecomBindingForm.userid
+      })
+      if (response.code === 0) {
+        ElMessage.success('账号企微绑定成功')
+        wecomBindingDialogVisible.value = false
+      }
+    } finally {
+      wecomBindingSubmitting.value = false
+    }
+  }
+
+  const resetWecomBindingForm = () => {
+    currentWecomAccount.value = null
+    wecomBindingForm.application_id = undefined
+    wecomBindingForm.userid = ''
+    wecomMembers.value = []
+    wecomBindingFormRef.value?.clearValidate()
+  }
+
   // 表单实例
   const formRef = ref<FormInstance>()
 
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 7cb0949..1cc029f 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -10,7 +10,11 @@
         </div>
         <div class="card-header-right">
           <ElButton
-             v-if="cardInfo?.asset_type === 'card' && hasAuth(JULY_PERMISSIONS.speedTier.view)"
+            v-if="
+              cardInfo?.asset_type === 'card' &&
+              hasAuth(JULY_PERMISSIONS.speedTier.view) &&
+              hasAuth(JULY_PERMISSIONS.speedTier.update)
+            "
             type="primary"
             link
             @click="emit('showSpeedLimit')"
diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index accf674..f61adf6 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -270,6 +270,7 @@
       v-model="createRefundDialogVisible"
       :initial-order-id="currentRefundOrderId"
       :initial-order-no="currentRefundOrderNo"
+      :initial-package-usage-id="currentRefundPackageUsageId"
       @success="handleRefundSuccess"
     />
 
@@ -279,12 +280,7 @@
       width="30%"
       @closed="resetUsedDataForm"
     >
-      <ElForm
-        ref="usedDataFormRef"
-        :model="usedDataForm"
-        :rules="usedDataRules"
-        label-width="90px"
-      >
+      <ElForm ref="usedDataFormRef" :model="usedDataForm" :rules="usedDataRules" label-width="90px">
         <ElFormItem label="套餐名称">
           <span>{{ selectedPackage?.package_name || '-' }}</span>
         </ElFormItem>
@@ -416,6 +412,7 @@
   const createRefundDialogVisible = ref(false)
   const currentRefundOrderId = ref<number | undefined>(undefined)
   const currentRefundOrderNo = ref<string | undefined>(undefined)
+  const currentRefundPackageUsageId = ref<number | undefined>(undefined)
   const selectedPackage = ref<PackageInfo>()
   const usedDataDialogVisible = ref(false)
   const expiresAtDialogVisible = ref(false)
@@ -474,10 +471,12 @@
     }
     currentRefundOrderId.value = row.order_id
     currentRefundOrderNo.value = row.order_no
+    currentRefundPackageUsageId.value = row.package_usage_id ?? row.id
     createRefundDialogVisible.value = true
   }
 
   const handleRefundSuccess = () => {
+    currentRefundPackageUsageId.value = undefined
     emit('refresh')
   }
 
diff --git a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
index 44931e2..6697835 100644
--- a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
@@ -1,39 +1,66 @@
 <template>
-  <ElDialog v-model="visible" title="设置限速" width="500px">
+  <ElDialog
+    v-model="visible"
+    title="设置限速"
+    width="500px"
+    :lock-scroll="true"
+    :z-index="4000"
+    modal-class="speed-limit-modal"
+  >
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px">
       <ElFormItem label="固定档位" prop="code">
-        <ElSelect v-model="form.code" style="width: 100%">
-          <ElOption v-for="tier in speedTiers" :key="tier.code" :label="tier.label" :value="tier.code" />
+        <ElSelect
+          v-model="form.code"
+          style="width: 100%"
+          :teleported="true"
+          append-to="body"
+          popper-class="speed-limit-select-popper"
+          :popper-style="{ zIndex: 4001 }"
+        >
+          <ElOption
+            v-for="tier in speedTiers"
+            :key="tier.code"
+            :label="tier.label"
+            :value="tier.code"
+          />
         </ElSelect>
       </ElFormItem>
     </ElForm>
     <template #footer>
       <ElButton @click="handleCancel">取消</ElButton>
-      <ElButton type="primary" @click="handleConfirm" :loading="loading"> 确认设置 </ElButton>
+      <ElButton
+        type="primary"
+        @click="handleConfirm"
+        :loading="confirmLoading"
+        :disabled="confirmLoading"
+      >
+        确认设置
+      </ElButton>
     </template>
   </ElDialog>
 </template>
 
 <script setup lang="ts">
-  import { ref, reactive, computed, watch } from 'vue'
+  import { ref, reactive, computed, onUnmounted, watch } from 'vue'
   import { ElDialog, ElForm, ElFormItem, ElSelect, ElOption, ElButton } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
 
   interface Props {
     modelValue: boolean
+    confirmLoading?: boolean
   }
 
   interface Emits {
     (e: 'update:modelValue', value: boolean): void
-     (e: 'confirm', data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }): void
+    (e: 'confirm', data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }): void
   }
 
-  const props = defineProps<Props>()
+  const props = withDefaults(defineProps<Props>(), {
+    confirmLoading: false
+  })
   const emit = defineEmits<Emits>()
 
   const formRef = ref<FormInstance>()
-  const loading = ref(false)
-
   const speedTiers = [
     { code: -1, label: '不限速' },
     { code: 0, label: '0kbps' },
@@ -59,10 +86,25 @@
   })
 
   // 监听对话框打开，重置表单
-  watch(visible, (newVal) => {
-    if (newVal) {
-       form.code = 3
-    }
+  const setLayoutScrollLock = (locked: boolean) => {
+    document
+      .querySelector<HTMLElement>('.layouts')
+      ?.classList.toggle('speed-limit-scroll-locked', locked)
+  }
+
+  watch(
+    visible,
+    (newVal) => {
+      setLayoutScrollLock(newVal)
+      if (newVal) {
+        form.code = 3
+      }
+    },
+    { immediate: true }
+  )
+
+  onUnmounted(() => {
+    setLayoutScrollLock(false)
   })
 
   const handleCancel = () => {
@@ -70,6 +112,7 @@
   }
 
   const handleConfirm = async () => {
+    if (props.confirmLoading) return
     if (!formRef.value) return
 
     try {
@@ -83,4 +126,28 @@
   }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss">
+  .speed-limit-modal .el-dialog__body {
+    overflow: visible;
+  }
+
+  .speed-limit-select-popper {
+    z-index: 4001 !important;
+    overscroll-behavior: contain;
+  }
+
+  .speed-limit-select-popper .el-select-dropdown__wrap,
+  .speed-limit-select-popper .el-scrollbar__wrap {
+    max-height: none !important;
+    overflow-y: visible !important;
+  }
+
+  .speed-limit-modal {
+    overflow: hidden;
+    overscroll-behavior: contain;
+  }
+
+  .layouts.speed-limit-scroll-locked {
+    overflow: hidden !important;
+  }
+</style>
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 2ecb36f..50158d2 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -36,8 +36,8 @@
             @show-switch-card="showSwitchCardDialog"
             @show-switch-mode="showSwitchModeDialog"
             @show-set-wifi="showSetWiFiDialog"
-             @show-realname-policy="showRealnamePolicyDialog"
-             @show-speed-limit="speedLimitDialogVisible = true"
+            @show-realname-policy="showRealnamePolicyDialog"
+            @show-speed-limit="speedLimitDialogVisible = true"
             @show-update-realname-status="showUpdateRealnameStatusDialog"
             @enable-binding-card="handleEnableBindingCard"
             @disable-binding-card="handleDisableBindingCard"
@@ -174,7 +174,11 @@
       :current-realname-status="bindingCardRealnameStatusValue"
       @success="handleBindingCardRealnameStatusSuccess"
     />
-    <SpeedLimitDialog v-model="speedLimitDialogVisible" @confirm="handleSpeedTierConfirm" />
+    <SpeedLimitDialog
+      v-model="speedLimitDialogVisible"
+      :confirm-loading="speedTierSubmitting"
+      @confirm="handleSpeedTierConfirm"
+    />
   </div>
 </template>
 
@@ -183,7 +187,10 @@
   import { useRoute, useRouter } from 'vue-router'
   import { ElMessage, ElCard, ElEmpty } from 'element-plus'
   import { RoutesAlias } from '@/router/routesAlias'
-    import { CardService, DeviceService } from '@/api/modules'
+  import { CardService, DeviceService } from '@/api/modules'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import { useAuth } from '@/composables/useAuth'
+  import { normalizeApiError } from '@/utils/business/apiError'
   import {
     formatRemainingTime,
     FrontendRateLimitError,
@@ -204,9 +211,9 @@
     SwitchModeDialog,
     WiFiConfigDialog,
     PackageRechargeDialog,
-     DailyRecordsDialog,
-     OrderHistoryDialog,
-     SpeedLimitDialog
+    DailyRecordsDialog,
+    OrderHistoryDialog,
+    SpeedLimitDialog
   } from './components/dialogs'
   import SwitchCardDialog from '@/components/device/SwitchCardDialog.vue'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
@@ -235,6 +242,7 @@
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
 
   // ========== 组件引用 ==========
   const assetSearchCardRef = ref<InstanceType<typeof AssetSearchCard>>()
@@ -294,6 +302,7 @@
   // 绑定卡实名状态更新
   const bindingCardRealnameStatusDialogVisible = ref(false)
   const speedLimitDialogVisible = ref(false)
+  const speedTierSubmitting = ref(false)
   const bindingCardRealnameStatusIccid = ref('')
   const bindingCardRealnameStatusValue = ref<number>(0)
 
@@ -806,12 +815,34 @@
     }
   }
   const handleSpeedTierConfirm = async (data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }) => {
-    if (!cardInfo.value?.iccid) return
-    const response = await CardService.setSpeedTier(cardInfo.value.iccid, data.code)
-    if (response.code === 0) {
+    if (!hasAuth(JULY_PERMISSIONS.speedTier.update)) {
+      ElMessage.error('暂无设置限速权限')
+      return
+    }
+
+    const iccid = cardInfo.value?.iccid
+    if (!iccid) {
+      ElMessage.error('当前卡缺少 ICCID，无法设置限速')
+      return
+    }
+    if (speedTierSubmitting.value) return
+
+    speedTierSubmitting.value = true
+    try {
+      const response = await CardService.setSpeedTier(iccid, data.code)
+      if (response.code !== 0) {
+        ElMessage.error(response.msg || '限速设置失败')
+        return
+      }
+
       ElMessage.success(`限速设置成功：${response.data.speed_tier_name}`)
       speedLimitDialogVisible.value = false
       await handleRefresh()
+    } catch (error) {
+      console.error('设置限速失败:', error)
+      ElMessage.error(normalizeApiError(error).message)
+    } finally {
+      speedTierSubmitting.value = false
     }
   }
 </script>
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 984cb00..d687e5b 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -17,29 +17,6 @@
           @refresh="handleRefresh"
         >
           <template #left>
-            <ElButton
-              type="primary"
-              @click="handleBatchAllocate"
-              :disabled="!selectedDevices.length"
-              v-permission="'device:batch_allocate'"
-            >
-              批量分配
-            </ElButton>
-            <ElButton
-              @click="handleBatchRecall"
-              :disabled="!selectedDevices.length"
-              v-permission="'device:batch_recall'"
-            >
-              批量回收
-            </ElButton>
-            <ElButton
-              type="info"
-              :disabled="!selectedDevices.length"
-              @click="handleBatchSetSeries"
-              v-permission="'device:batch_set_series'"
-            >
-              批量设置套餐系列
-            </ElButton>
             <ElButton
               type="primary"
               :disabled="!selectedDevices.length"
@@ -2299,8 +2276,8 @@
         return
       }
 
-       const successCount = res.data?.success_count ?? assetIds.length
-       ElMessage.success(`批量修改实名顺序成功：${successCount}/${assetIds.length}`)
+      const successCount = res.data?.success_count ?? assetIds.length
+      ElMessage.success(`批量修改实名顺序成功：${successCount}/${assetIds.length}`)
       batchRealnamePolicyDialogVisible.value = false
       selectedDevices.value = []
       await getTableData()
@@ -2373,19 +2350,6 @@
       })
   }
 
-  // 批量分配
-  const handleBatchAllocate = async () => {
-    if (selectedDevices.value.length === 0) {
-      ElMessage.warning('请先选择要分配的设备')
-      return
-    }
-    allocateForm.target_shop_id = undefined
-    allocateForm.remark = ''
-    allocateResult.value = null
-    shopCascadeOptions.value = []
-    allocateDialogVisible.value = true
-  }
-
   // 确认批量分配
   const handleConfirmAllocate = async () => {
     if (!allocateFormRef.value) return
@@ -2436,17 +2400,6 @@
     }
   }
 
-  // 批量回收
-  const handleBatchRecall = () => {
-    if (selectedDevices.value.length === 0) {
-      ElMessage.warning('请先选择要回收的设备')
-      return
-    }
-    recallForm.remark = ''
-    recallResult.value = null
-    recallDialogVisible.value = true
-  }
-
   // 确认批量回收
   const handleConfirmRecall = async () => {
     recallLoading.value = true
@@ -2636,22 +2589,6 @@
     })
   }
 
-  // 批量设置套餐系列
-  const handleBatchSetSeries = async () => {
-    seriesBindingResult.value = null
-    Object.assign(seriesBindingForm, createInitialSeriesBindingState(), {
-      selection_type:
-        selectedDevices.value.length > 0 ? DeviceSelectionType.LIST : DeviceSelectionType.FILTER
-    })
-    await Promise.all([
-      loadPackageSeriesList(),
-      loadSearchBatchNoOptions(),
-      loadSeriesBindingShopCascadeOptions()
-    ])
-    seriesBindingDialogVisible.value = true
-    seriesBindingFormRef.value?.clearValidate()
-  }
-
   // 加载套餐系列列表（支持名称搜索，默认20条）
   const loadPackageSeriesList = async (seriesName?: string) => {
     seriesLoading.value = true
@@ -2680,24 +2617,6 @@
     await loadPackageSeriesList(query || undefined)
   }
 
-  const loadSeriesBindingShopCascadeOptions = async () => {
-    try {
-      const res = await ShopService.getShopsCascade({
-        parent_id: undefined,
-        exclude_self: true
-      })
-      if (res.code === 0) {
-        seriesBindingShopCascadeOptions.value = (res.data || []).map((item: any) => ({
-          value: item.id,
-          label: item.shop_name,
-          leaf: !item.has_children
-        }))
-      }
-    } catch (error) {
-      console.error('加载批量设置套餐系列根级店铺失败:', error)
-    }
-  }
-
   const buildSeriesBindingRequest = (): BatchSetDeviceSeriesBindingRequest | null => {
     const request: BatchSetDeviceSeriesBindingRequest = {
       selection_type: seriesBindingForm.selection_type,
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 92cffec..cb42b40 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -18,6 +18,9 @@
             <ElButton type="primary" @click="showCreateDialog" v-permission="'exchange:create'">
               创建换货单
             </ElButton>
+            <ElButton v-if="hasAuth('exchange:export')" @click="exportDialogVisible = true">
+              导出
+            </ElButton>
           </template>
         </ArtTableHeader>
 
@@ -41,6 +44,14 @@
           </template>
         </ArtTable>
 
+        <ExportTaskCreateDialog
+          v-model="exportDialogVisible"
+          scene="exchange"
+          :query="exportQuery"
+          confirm-permission="exchange:export"
+          title="导出换货"
+        />
+
         <!-- 创建换货单对话框 -->
         <ElDialog
           v-model="createDialogVisible"
@@ -393,6 +404,7 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
+  import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import { formatDateTime } from '@/utils/business/format'
   import {
     getApprovalStatusText,
@@ -413,6 +425,7 @@
   const shipFormRef = ref<FormInstance>()
   const createDialogVisible = ref(false)
   const createLoading = ref(false)
+  const exportDialogVisible = ref(false)
   const tableRef = ref()
   const createFormRef = ref<FormInstance>()
 
@@ -438,6 +451,18 @@
     created_at_end: ''
   })
 
+  const exportQuery = computed(() => {
+    const [startDate, endDate] = searchForm.created_at_range || []
+    return {
+      status: searchForm.status,
+      flow_type: searchForm.flow_type,
+      old_asset_keyword: searchForm.old_asset_keyword || undefined,
+      new_asset_keyword: searchForm.new_asset_keyword || undefined,
+      created_at_start: startDate || searchForm.created_at_start || undefined,
+      created_at_end: endDate || searchForm.created_at_end || undefined
+    }
+  })
+
   // 创建换货单表单
   const createForm = reactive<{
     exchange_reason: string
diff --git a/src/views/asset-management/expiring-assets/index.vue b/src/views/asset-management/expiring-assets/index.vue
index 9477199..647d8f5 100644
--- a/src/views/asset-management/expiring-assets/index.vue
+++ b/src/views/asset-management/expiring-assets/index.vue
@@ -5,7 +5,7 @@
         v-model:filter="searchForm"
         :items="searchFormItems"
         :show-expand="true"
-        label-width="85"
+        label-width="100px"
         @reset="handleReset"
         @search="handleSearch"
       />
@@ -17,7 +17,10 @@
           @refresh="handleRefresh"
         >
           <template #left>
-            <div class="page-intro"> 仅展示可预计且尚未过期的资产，0-3 天资产优先显示。 </div>
+            <div class="page-intro">
+              临期资产 {{ summary.total_count }} 条（卡 {{ summary.card_count }}，设备
+              {{ summary.device_count }}），0-3 天资产优先显示。
+            </div>
           </template>
         </ArtTableHeader>
 
@@ -47,11 +50,12 @@
 <script setup lang="ts">
   import { h, onMounted, reactive, ref, computed } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ElTag } from 'element-plus'
+  import { ElMessage, ElTag } from 'element-plus'
   import { AssetService, PackageManageService, ShopService } from '@/api/modules'
   import type {
-    AssetType,
     ExpiringAssetItem,
+    ExpiringAssetSummary,
+    ExpiringAssetType,
     ExpiringAssetQueryParams,
     PackageResponse,
     ShopResponse
@@ -72,6 +76,12 @@
   const shopOptions = ref<ShopResponse[]>([])
   const packageOptions = ref<PackageResponse[]>([])
   const items = ref<ExpiringAssetItem[]>([])
+  const summary = reactive<ExpiringAssetSummary>({
+    card_count: 0,
+    device_count: 0,
+    total_count: 0,
+    window_days: 15
+  })
   const searchForm = reactive<ExpiringAssetQueryParams>({
     asset_type: undefined,
     keyword: '',
@@ -91,7 +101,7 @@
       type: 'select',
       config: { clearable: true, placeholder: '全部' },
       options: [
-        { label: '网卡', value: 'card' },
+        { label: '物联网卡', value: 'iot_card' },
         { label: '设备', value: 'device' }
       ]
     },
@@ -137,13 +147,25 @@
       label: '最小剩余天数',
       prop: 'days_min',
       type: 'input',
-      config: { clearable: true, inputmode: 'numeric', placeholder: '最小天数' }
+      config: {
+        clearable: true,
+        type: 'number',
+        min: 0,
+        max: 15,
+        placeholder: '最小天数'
+      }
     },
     {
       label: '最大剩余天数',
       prop: 'days_max',
       type: 'input',
-      config: { clearable: true, inputmode: 'numeric', placeholder: '最大天数' }
+      config: {
+        clearable: true,
+        type: 'number',
+        min: 0,
+        max: 15,
+        placeholder: '最大天数'
+      }
     },
     {
       label: '预计到期起始',
@@ -170,15 +192,15 @@
   ]
 
   const getExpiryClass = (level?: string | null) => {
-    if (level === 'critical' || level === '0_3') return 'expiry-critical'
-    if (level === 'warning' || level === '4_7') return 'expiry-warning'
-    if (level === 'notice' || level === '8_15') return 'expiry-notice'
+    if (level === 'red') return 'expiry-critical'
+    if (level === 'purple') return 'expiry-warning'
+    if (level === 'pink') return 'expiry-notice'
     return ''
   }
 
   const getExpiryTagType = (level?: string | null) => {
-    if (level === 'critical' || level === '0_3') return 'danger'
-    if (level === 'warning' || level === '4_7') return 'warning'
+    if (level === 'red') return 'danger'
+    if (level === 'purple') return 'warning'
     return 'info'
   }
 
@@ -215,7 +237,7 @@
       prop: 'asset_type',
       label: '资产类型',
       width: 100,
-      formatter: (row: ExpiringAssetItem) => (row.asset_type === 'card' ? '网卡' : '设备')
+      formatter: (row: ExpiringAssetItem) => (row.asset_type === 'iot_card' ? '物联网卡' : '设备')
     },
     {
       prop: 'identifier',
@@ -246,7 +268,7 @@
         h(
           'span',
           { class: getExpiryClass(row.expiry_level) },
-          formatDateTime(row.estimated_final_expires_at)
+          formatDateTime(row.estimated_final_expires_at) || '-'
         )
     },
     {
@@ -254,10 +276,8 @@
       label: '剩余天数',
       width: 100,
       formatter: (row: ExpiringAssetItem) =>
-        h(
-          ElTag,
-          { type: getExpiryTagType(row.expiry_level), size: 'small' },
-          () => `${row.days_until_final_expiry}天`
+        h(ElTag, { type: getExpiryTagType(row.expiry_level), size: 'small' }, () =>
+          row.days_until_final_expiry == null ? '-' : `${row.days_until_final_expiry}天`
         )
     },
     {
@@ -271,15 +291,43 @@
   const loadAssets = async () => {
     loading.value = true
     try {
-      const response = await AssetService.getExpiringAssets({
-        ...searchForm,
+      const toInteger = (value: unknown) => {
+        if (value === undefined || value === null || value === '') return undefined
+        const numberValue = Number(value)
+        return Number.isInteger(numberValue) ? numberValue : undefined
+      }
+      const params: ExpiringAssetQueryParams = {
         page: pagination.currentPage,
-        size: pagination.pageSize
-      })
+        page_size: pagination.pageSize
+      }
+
+      if (searchForm.asset_type) params.asset_type = searchForm.asset_type
+      const keyword = searchForm.keyword?.trim()
+      if (keyword) params.keyword = keyword
+      if (searchForm.shop_id !== undefined && searchForm.shop_id !== null) {
+        params.shop_id = searchForm.shop_id
+      }
+      if (searchForm.package_id !== undefined && searchForm.package_id !== null) {
+        params.package_id = searchForm.package_id
+      }
+      const daysMin = toInteger(searchForm.days_min)
+      const daysMax = toInteger(searchForm.days_max)
+      if (daysMin !== undefined) params.days_min = daysMin
+      if (daysMax !== undefined) params.days_max = daysMax
+      if (searchForm.expires_from) params.expires_from = searchForm.expires_from
+      if (searchForm.expires_to) params.expires_to = searchForm.expires_to
+
+      const response = await AssetService.getExpiringAssets(params)
       if (response.code === 0 && response.data) {
         items.value = response.data.items || []
         pagination.total = response.data.total || 0
+        Object.assign(summary, response.data.summary)
+      } else {
+        ElMessage.error(response.msg || '获取临期资产失败')
       }
+    } catch (error) {
+      console.error('获取临期资产失败:', error)
+      ElMessage.error('获取临期资产失败')
     } finally {
       loading.value = false
     }
@@ -318,21 +366,20 @@
   const goToAsset = (row: ExpiringAssetItem) => {
     router.push({
       path: RoutesAlias.AssetInformation,
-      query: row.asset_type === 'card' ? { iccid: row.identifier } : { virtual_no: row.identifier }
+      query:
+        row.asset_type === 'iot_card' ? { iccid: row.identifier } : { virtual_no: row.identifier }
     })
   }
 
   const getActions = (row: ExpiringAssetItem) => [
-    { label: '查看资产', type: 'primary' as const, handler: () => goToAsset(row) },
-    ...(row.can_renew
-      ? [{ label: '续费', type: 'primary' as const, handler: () => goToAsset(row) }]
-      : [])
+    { label: '查看资产', type: 'primary' as const, handler: () => goToAsset(row) }
   ]
 
   onMounted(() => {
     const assetType = route.query.asset_type
-    if (assetType === 'card' || assetType === 'device')
-      searchForm.asset_type = assetType as AssetType
+    if (assetType === 'card' || assetType === 'iot_card' || assetType === 'device') {
+      searchForm.asset_type = assetType === 'card' ? 'iot_card' : (assetType as ExpiringAssetType)
+    }
     void Promise.all([loadAssets(), searchShops(), searchPackages()])
   })
 </script>
diff --git a/src/views/asset-management/export-task-management/export-agent-recharge/index.vue b/src/views/asset-management/export-task-management/export-agent-recharge/index.vue
new file mode 100644
index 0000000..1628df5
--- /dev/null
+++ b/src/views/asset-management/export-task-management/export-agent-recharge/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <ExportTaskList />
+</template>
+
+<script setup lang="ts">
+  import ExportTaskList from '../export-task-list/index.vue'
+
+  defineOptions({ name: 'ExportAgentRechargeTaskList' })
+</script>
diff --git a/src/views/asset-management/export-task-management/export-agent-wallet-transaction/index.vue b/src/views/asset-management/export-task-management/export-agent-wallet-transaction/index.vue
new file mode 100644
index 0000000..ff5c53f
--- /dev/null
+++ b/src/views/asset-management/export-task-management/export-agent-wallet-transaction/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <ExportTaskList />
+</template>
+
+<script setup lang="ts">
+  import ExportTaskList from '../export-task-list/index.vue'
+
+  defineOptions({ name: 'ExportAgentWalletTransactionTaskList' })
+</script>
diff --git a/src/views/asset-management/export-task-management/export-exchange/index.vue b/src/views/asset-management/export-task-management/export-exchange/index.vue
new file mode 100644
index 0000000..365352e
--- /dev/null
+++ b/src/views/asset-management/export-task-management/export-exchange/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <ExportTaskList />
+</template>
+
+<script setup lang="ts">
+  import ExportTaskList from '../export-task-list/index.vue'
+
+  defineOptions({ name: 'ExportExchangeTaskList' })
+</script>
diff --git a/src/views/asset-management/export-task-management/export-package/index.vue b/src/views/asset-management/export-task-management/export-package/index.vue
new file mode 100644
index 0000000..c0d2a2b
--- /dev/null
+++ b/src/views/asset-management/export-task-management/export-package/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <ExportTaskList />
+</template>
+
+<script setup lang="ts">
+  import ExportTaskList from '../export-task-list/index.vue'
+
+  defineOptions({ name: 'ExportPackageTaskList' })
+</script>
diff --git a/src/views/asset-management/export-task-management/export-refund/index.vue b/src/views/asset-management/export-task-management/export-refund/index.vue
new file mode 100644
index 0000000..17e08ee
--- /dev/null
+++ b/src/views/asset-management/export-task-management/export-refund/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <ExportTaskList />
+</template>
+
+<script setup lang="ts">
+  import ExportTaskList from '../export-task-list/index.vue'
+
+  defineOptions({ name: 'ExportRefundTaskList' })
+</script>
diff --git a/src/views/asset-management/export-task-management/export-task-detail/index.vue b/src/views/asset-management/export-task-management/export-task-detail/index.vue
index 747aa21..339b33b 100644
--- a/src/views/asset-management/export-task-management/export-task-detail/index.vue
+++ b/src/views/asset-management/export-task-management/export-task-detail/index.vue
@@ -14,7 +14,6 @@
             <ElButton v-if="canDownloadTask" type="primary" @click="downloadTask">
               下载文件
             </ElButton>
-            <ElButton v-if="canCancelTask" type="danger" @click="cancelTask"> 取消任务 </ElButton>
           </div>
         </div>
 
@@ -41,7 +40,7 @@
 <script setup lang="ts">
   import { computed, h, onMounted } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ElButton, ElCard, ElEmpty, ElIcon, ElMessage, ElMessageBox, ElTag } from 'element-plus'
+  import { ElButton, ElCard, ElEmpty, 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'
@@ -104,22 +103,11 @@
     return status ? statusTypeMap[status] : 'info'
   }
 
-  const canCancelTask = computed(
-    () =>
-      canViewDetail.value &&
-      [ExportTaskStatus.PENDING, ExportTaskStatus.PROCESSING].includes(
-        taskDetail.value?.status as ExportTaskStatus
-      ) &&
-      !!taskPermissions.value &&
-      hasAuth(taskPermissions.value.cancel)
-  )
-
   const detailSections = computed((): DetailSection[] => [
     {
       title: '任务基本信息',
       fields: [
         { label: '任务编号', prop: 'task_no', formatter: (value: string) => value || '-' },
-        { label: '任务ID', prop: 'task_id', formatter: (value: number) => String(value ?? '-') },
         {
           label: '导出场景',
           render: (data: ExportTaskDetail) => h(ElTag, {}, () => getExportTaskSceneName(data.scene))
@@ -269,35 +257,6 @@
     window.open(taskDetail.value.download_url, '_blank')
   }
 
-  const cancelTask = () => {
-    if (!taskDetail.value) return
-    if (!canCancelTask.value) {
-      ElMessage.warning('您没有取消该导出任务的权限')
-      return
-    }
-
-    ElMessageBox.confirm(`确定取消导出任务 ${taskDetail.value.task_no} 吗？`, '取消确认', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      try {
-        const res = await ExportTaskService.cancelExportTask(
-          taskDetail.value!.task_id ?? taskDetail.value!.id
-        )
-        if (res.code === 0) {
-          ElMessage.success(res.data?.message || '任务取消成功')
-          polling.retry()
-        } else {
-          ElMessage.error(res.msg || '取消导出任务失败')
-        }
-      } catch (error) {
-        console.error('取消导出任务失败:', error)
-        ElMessage.error('取消导出任务失败')
-      }
-    })
-  }
-
   onMounted(() => {
     loadTaskDetail()
   })
diff --git a/src/views/asset-management/export-task-management/export-task-list/index.vue b/src/views/asset-management/export-task-management/export-task-list/index.vue
index b64b12d..d5ba9dc 100644
--- a/src/views/asset-management/export-task-management/export-task-list/index.vue
+++ b/src/views/asset-management/export-task-management/export-task-list/index.vue
@@ -25,7 +25,7 @@
           :total="pagination.total"
           :marginTop="10"
           :actions="getActions"
-          :actionsWidth="180"
+          :actionsWidth="120"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -41,7 +41,7 @@
 <script setup lang="ts">
   import { computed, h, onMounted, reactive, ref, watch } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ElMessage, ElMessageBox, ElProgress, ElTag } from 'element-plus'
+  import { ElMessage, ElProgress, ElTag } from 'element-plus'
   import { ExportTaskService } from '@/api/modules'
   import { useAuth } from '@/composables/useAuth'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -231,6 +231,12 @@
     }
   }
 
+  const toRfc3339 = (date: string, endOfDay = false) => {
+    if (!date) return undefined
+    if (date.includes('T')) return date
+    return `${date}T${endOfDay ? '23:59:59' : '00:00:00'}+08:00`
+  }
+
   const getTableData = async () => {
     loading.value = true
     try {
@@ -240,8 +246,8 @@
         page_size: pagination.pageSize,
         scene: currentScene.value,
         status: searchForm.status,
-        start_time: searchForm.start_time || undefined,
-        end_time: searchForm.end_time || undefined
+        start_time: toRfc3339(searchForm.start_time),
+        end_time: toRfc3339(searchForm.end_time, true)
       })
 
       if (res.code === 0 && res.data) {
@@ -347,32 +353,6 @@
     }
   }
 
-  const cancelTask = (row: ExportTaskItem) => {
-    if (!hasAuth(getRowPermissions(row).cancel)) {
-      ElMessage.warning('您没有取消导出任务的权限')
-      return
-    }
-
-    ElMessageBox.confirm(`确定取消导出任务 ${row.task_no} 吗？`, '取消确认', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      try {
-        const res = await ExportTaskService.cancelExportTask(row.task_id ?? row.id)
-        if (res.code === 0) {
-          ElMessage.success(res.data?.message || '任务取消成功')
-          getTableData()
-        } else {
-          ElMessage.error(res.msg || '取消导出任务失败')
-        }
-      } catch (error) {
-        console.error('取消导出任务失败:', error)
-        ElMessage.error('取消导出任务失败')
-      }
-    })
-  }
-
   const getActions = (row: ExportTaskItem) => {
     const actions: any[] = []
     const permissions = getRowPermissions(row)
@@ -381,13 +361,6 @@
       actions.push({ label: '下载', handler: () => downloadTask(row), type: 'primary' })
     }
 
-    if (
-      [ExportTaskStatus.PENDING, ExportTaskStatus.PROCESSING].includes(row.status) &&
-      hasAuth(permissions.cancel)
-    ) {
-      actions.push({ label: '取消', handler: () => cancelTask(row), type: 'danger' })
-    }
-
     return actions
   }
 
diff --git a/src/views/asset-management/task-management/bulk-purchase/detail.vue b/src/views/asset-management/task-management/bulk-purchase/detail.vue
new file mode 100644
index 0000000..ced3ce4
--- /dev/null
+++ b/src/views/asset-management/task-management/bulk-purchase/detail.vue
@@ -0,0 +1,334 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="bulk-purchase-detail-page" id="table-full-screen">
+      <ElCard shadow="never" class="art-table-card">
+        <div class="detail-header">
+          <ElButton @click="goBack">
+            <template #icon>
+              <ElIcon><ArrowLeft /></ElIcon>
+            </template>
+            返回
+          </ElButton>
+          <h2 class="detail-title">批量订购任务详情</h2>
+          <ElTag v-if="taskDetail" :type="getStatusType(taskDetail.status)">
+            {{ taskDetail.status_name || getStatusName(taskDetail.status) }}
+          </ElTag>
+        </div>
+
+        <div v-if="loading && !taskDetail" class="detail-loading">
+          <ElIcon class="is-loading" :size="36"><Loading /></ElIcon>
+          <div>加载中...</div>
+        </div>
+
+        <template v-else-if="taskDetail">
+          <ElDescriptions :column="4" border>
+            <ElDescriptionsItem label="任务号">{{ taskDetail.task_no || '-' }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="订单文件" :span="2">
+              <span class="ellipsis-value" :title="taskDetail.file_name || '-'">
+                {{ taskDetail.file_name || '-' }}
+              </span>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="套餐名称">
+              <span class="ellipsis-value" :title="taskDetail.package_name || '-'">
+                {{ taskDetail.package_name || '-' }}
+              </span>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="套餐编码">
+              <span class="ellipsis-value" :title="taskDetail.package_code || '-'">
+                {{ taskDetail.package_code || '-' }}
+              </span>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="支付方式">
+              {{ getPaymentMethodName(taskDetail.payment_method) }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="总数">{{ taskDetail.total_count ?? 0 }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="成功数">{{
+              taskDetail.success_count ?? 0
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="失败数">{{ taskDetail.fail_count ?? 0 }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="创建人">{{
+              taskDetail.creator_name || '-'
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="支付凭证">
+              {{
+                taskDetail.voucher_keys?.length
+                  ? `已上传 ${taskDetail.voucher_keys.length} 个`
+                  : '未上传'
+              }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="创建时间">{{
+              formatDateTime(taskDetail.created_at)
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="开始时间">{{
+              formatDateTime(taskDetail.started_at)
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="完成时间">{{
+              formatDateTime(taskDetail.completed_at)
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="更新时间">{{
+              formatDateTime(taskDetail.updated_at)
+            }}</ElDescriptionsItem>
+            <ElDescriptionsItem v-if="taskDetail.error_message" label="错误信息" :span="4">
+              {{ taskDetail.error_message }}
+            </ElDescriptionsItem>
+          </ElDescriptions>
+
+          <ElAlert
+            v-if="taskDetail.error_summary"
+            class="task-error"
+            type="error"
+            :closable="false"
+            :title="taskDetail.error_summary"
+          />
+
+          <template v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.items)">
+            <div class="items-toolbar">
+              <ElSelect
+                v-model="itemStatus"
+                clearable
+                placeholder="筛选行状态"
+                style="width: 140px"
+              >
+                <ElOption label="成功" :value="BulkPurchaseTaskStatus.COMPLETED" />
+                <ElOption label="失败" :value="BulkPurchaseTaskStatus.FAILED" />
+              </ElSelect>
+              <ElButton :loading="loading" @click="refreshTask">刷新结果</ElButton>
+            </div>
+
+            <ElTable v-loading="loading" :data="paginatedItems" border>
+              <ElTableColumn label="行号" width="90">
+                <template #default="scope">{{ scope.row.line ?? '-' }}</template>
+              </ElTableColumn>
+              <ElTableColumn label="资产" min-width="180">
+                <template #default="scope">{{ getAssetIdentifier(scope.row) }}</template>
+              </ElTableColumn>
+              <ElTableColumn label="状态" width="110">
+                <template #default="scope">
+                  <ElTag :type="getItemStatusType(scope.row.status)">
+                    {{ scope.row.status_name || getItemStatusName(scope.row.status) }}
+                  </ElTag>
+                </template>
+              </ElTableColumn>
+              <ElTableColumn prop="order_no" label="订单号" min-width="180" show-overflow-tooltip />
+              <ElTableColumn label="金额" width="120">
+                <template #default="scope">{{ formatMoney(scope.row.amount) }}</template>
+              </ElTableColumn>
+              <ElTableColumn label="处理结果" min-width="240" show-overflow-tooltip>
+                <template #default="scope">{{ getItemReason(scope.row) }}</template>
+              </ElTableColumn>
+            </ElTable>
+
+            <div class="pagination-wrapper">
+              <ElPagination
+                v-model:current-page="itemsPage"
+                v-model:page-size="itemsSize"
+                layout="total, sizes, prev, pager, next"
+                :total="filteredItems.length"
+                @size-change="handleItemSizeChange"
+              />
+            </div>
+          </template>
+        </template>
+
+        <ElEmpty v-else :description="forbidden ? '暂无查看权限' : '暂无任务详情'" />
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, ref, watch } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import {
+    ElAlert,
+    ElButton,
+    ElCard,
+    ElDescriptions,
+    ElDescriptionsItem,
+    ElEmpty,
+    ElIcon,
+    ElMessage,
+    ElOption,
+    ElPagination,
+    ElSelect,
+    ElTable,
+    ElTableColumn,
+    ElTag
+  } from 'element-plus'
+  import { ArrowLeft, Loading } from '@element-plus/icons-vue'
+  import { BulkPurchaseService } from '@/api/modules'
+  import type { BulkPurchaseItem, BulkPurchasePaymentMethod, BulkPurchaseTask } from '@/types/api'
+  import { BulkPurchaseTaskStatus } from '@/types/api'
+  import { useAuth } from '@/composables/useAuth'
+  import { useAsyncTaskPolling } from '@/composables/useAsyncTaskPolling'
+  import { formatDateTime, formatMoney } from '@/utils/business/format'
+  import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
+
+  defineOptions({ name: 'BulkPurchaseDetail' })
+
+  const route = useRoute()
+  const router = useRouter()
+  const { hasAuth } = useAuth()
+  const itemStatus = ref<BulkPurchaseTaskStatus | undefined>()
+  const itemsPage = ref(1)
+  const itemsSize = ref(20)
+  const taskId = Number(route.params.id)
+
+  const polling = useAsyncTaskPolling<BulkPurchaseTask>({
+    storageKey: `bulk-purchase-detail:${taskId}`,
+    autoRestore: false,
+    fetchTask: async (id) => {
+      const res = await BulkPurchaseService.getTask(id)
+      if (res.code === 403) {
+        const error = new Error('暂无查看该批量订购任务详情的权限') as Error & { status?: number }
+        error.status = 403
+        throw error
+      }
+      if (res.code !== 0 || !res.data) {
+        throw new Error(res.msg || '获取批量订购任务详情失败')
+      }
+      return res.data
+    },
+    isForbidden: (error: any) => error?.status === 403 || error?.response?.status === 403
+  })
+  const taskDetail = polling.task
+  const loading = polling.loading
+  const forbidden = polling.forbidden
+
+  const loadTaskDetail = async () => {
+    if (!taskId) {
+      ElMessage.error('缺少任务 ID 参数')
+      goBack()
+      return
+    }
+
+    await polling.start(taskId)
+    if (polling.error.value) ElMessage.error(polling.error.value)
+    if (polling.forbidden.value) ElMessage.warning('暂无查看该批量订购任务详情的权限')
+  }
+
+  const goBack = () => {
+    router.back()
+  }
+
+  const refreshTask = () => {
+    void polling.retry()
+  }
+
+  const getStatusName = (status?: BulkPurchaseTaskStatus) => {
+    const names: Record<BulkPurchaseTaskStatus, string> = {
+      [BulkPurchaseTaskStatus.PENDING]: '待处理',
+      [BulkPurchaseTaskStatus.PROCESSING]: '处理中',
+      [BulkPurchaseTaskStatus.COMPLETED]: '已完成',
+      [BulkPurchaseTaskStatus.FAILED]: '已失败',
+      [BulkPurchaseTaskStatus.CANCELED]: '已取消'
+    }
+    return status ? names[status] || '-' : '-'
+  }
+
+  const getStatusType = (status?: BulkPurchaseTaskStatus) => {
+    if (status === BulkPurchaseTaskStatus.COMPLETED) return 'success'
+    if (status === BulkPurchaseTaskStatus.FAILED) return 'danger'
+    if (status === BulkPurchaseTaskStatus.PROCESSING) return 'warning'
+    return 'info'
+  }
+
+  const getPaymentMethodName = (method?: BulkPurchasePaymentMethod) => {
+    return method === 'offline' ? '线下支付' : method === 'wallet' ? '代理钱包' : '-'
+  }
+
+  const getAssetIdentifier = (item: BulkPurchaseItem) =>
+    item.asset_identifier || item.iccid || item.virtual_no || '-'
+
+  const getItemStatusName = (status?: BulkPurchaseTaskStatus) => {
+    if (status === BulkPurchaseTaskStatus.COMPLETED) return '成功'
+    if (status === BulkPurchaseTaskStatus.FAILED) return '失败'
+    return '-'
+  }
+
+  const getItemStatusType = (status?: BulkPurchaseTaskStatus) => {
+    if (status === BulkPurchaseTaskStatus.COMPLETED) return 'success'
+    if (status === BulkPurchaseTaskStatus.FAILED) return 'danger'
+    return 'info'
+  }
+
+  const getItemReason = (item: BulkPurchaseItem) =>
+    item.reason || item.error_summary || item.error_reason || '-'
+
+  const filteredItems = computed(() => {
+    const items = taskDetail.value?.items || []
+    if (itemStatus.value === undefined) return items
+    return items.filter((item) => item.status === itemStatus.value)
+  })
+
+  const paginatedItems = computed(() => {
+    const start = (itemsPage.value - 1) * itemsSize.value
+    return filteredItems.value.slice(start, start + itemsSize.value)
+  })
+
+  const handleItemSizeChange = () => {
+    itemsPage.value = 1
+  }
+
+  watch(itemStatus, () => {
+    itemsPage.value = 1
+  })
+
+  onMounted(() => {
+    void loadTaskDetail()
+  })
+</script>
+
+<style scoped lang="scss">
+  .bulk-purchase-detail-page {
+    .detail-header {
+      display: flex;
+      gap: 16px;
+      align-items: center;
+      padding-bottom: 16px;
+
+      .detail-title {
+        margin: 0;
+        font-size: 20px;
+        font-weight: 600;
+        color: var(--el-text-color-primary);
+      }
+    }
+
+    .detail-loading {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      align-items: center;
+      justify-content: center;
+      min-height: 220px;
+      color: var(--el-text-color-secondary);
+    }
+
+    .ellipsis-value {
+      display: inline-block;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: bottom;
+      white-space: nowrap;
+    }
+
+    .task-error {
+      margin-top: 16px;
+    }
+
+    .items-toolbar {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+      margin: 20px 0 12px;
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+</style>
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
new file mode 100644
index 0000000..7857893
--- /dev/null
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -0,0 +1,506 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="bulk-purchase-page" id="table-full-screen">
+      <ElDrawer
+        v-model="createDrawerVisible"
+        title="批量订购套餐"
+        direction="rtl"
+        size="520px"
+        :close-on-click-modal="!createDrawerBusy"
+        :close-on-press-escape="!createDrawerBusy"
+        @closed="handleCreateDrawerClosed"
+      >
+        <ElForm ref="formRef" :model="form" :rules="rules" label-width="110px" class="create-form">
+          <ElFormItem label="套餐" prop="package_id">
+            <ElSelect
+              v-model="form.package_id"
+              filterable
+              remote
+              clearable
+              :remote-method="handlePackageSearch"
+              :loading="packageLoading"
+              placeholder="请输入套餐名称搜索"
+              style="width: 100%"
+              @visible-change="handlePackageVisibleChange"
+            >
+              <ElOption
+                v-for="pkg in packageOptions"
+                :key="pkg.id"
+                :label="pkg.package_name"
+                :value="pkg.id"
+              >
+                <span class="package-option">{{ pkg.package_name }}</span>
+              </ElOption>
+            </ElSelect>
+          </ElFormItem>
+
+          <ElFormItem label="支付方式" prop="payment_method">
+            <ElRadioGroup v-model="form.payment_method" @change="handlePaymentMethodChange">
+              <ElRadio value="wallet">代理钱包</ElRadio>
+              <ElRadio value="offline">线下支付</ElRadio>
+            </ElRadioGroup>
+          </ElFormItem>
+
+          <ElFormItem label="订单文件" prop="orderFile">
+            <VoucherUpload
+              ref="orderUploadRef"
+              v-model="orderFileKeys"
+              voucher-name="订单文件"
+              :max-count="1"
+              purpose="batch_purchase"
+              :max-size-mb="10"
+              single-column-csv
+              :max-csv-rows="1000"
+              accept=".csv"
+              tip="仅支持 UTF-8 单列 CSV，最多 1000 行，最大 10MB"
+              @uploading-change="orderFileUploading = $event"
+              @change="formRef?.validateField('orderFile')"
+            />
+          </ElFormItem>
+
+          <ElFormItem
+            v-if="form.payment_method === 'offline'"
+            label="整批支付凭证"
+            prop="voucherFile"
+          >
+            <VoucherUpload
+              ref="voucherUploadRef"
+              v-model="voucherFileKeys"
+              voucher-name="整批支付凭证"
+              @uploading-change="voucherUploading = $event"
+              @change="formRef?.validateField('voucherFile')"
+            />
+          </ElFormItem>
+
+          <ElAlert
+            v-if="createDrawerBusy"
+            type="info"
+            :closable="false"
+            show-icon
+            :title="
+              voucherUploading
+                ? '支付凭证上传中，请稍候'
+                : orderFileUploading
+                  ? '订单文件上传中，请稍候'
+                  : '批量订购文件上传及任务创建中，请勿重复提交'
+            "
+          />
+        </ElForm>
+
+        <template #footer>
+          <div class="drawer-footer">
+            <ElButton :disabled="createDrawerBusy" @click="createDrawerVisible = false">
+              取消
+            </ElButton>
+            <ElButton
+              type="primary"
+              :loading="createDrawerBusy"
+              :disabled="!hasAuth(BULK_PURCHASE_PERMISSIONS.create)"
+              @click="submitTask"
+            >
+              创建批量订购任务
+            </ElButton>
+          </div>
+        </template>
+      </ElDrawer>
+
+      <ElCard
+        v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.detail)"
+        shadow="never"
+        class="art-table-card task-list-card"
+      >
+        <template #header>
+          <div class="task-list-header">
+            <span>批量订购任务</span>
+            <div class="task-list-toolbar">
+              <ElButton
+                v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.template)"
+                tag="a"
+                href="/templates/bulk-purchase-template.csv"
+                download="批量订购套餐模板.csv"
+              >
+                下载模板
+              </ElButton>
+              <ElButton
+                v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.create)"
+                type="primary"
+                @click="openCreateDrawer"
+              >
+                批量订购套餐
+              </ElButton>
+              <ElSelect
+                v-model="taskListStatus"
+                clearable
+                placeholder="筛选任务状态"
+                style="width: 150px"
+                @change="handleTaskListStatusChange"
+              >
+                <ElOption label="待处理" :value="BulkPurchaseTaskStatus.PENDING" />
+                <ElOption label="处理中" :value="BulkPurchaseTaskStatus.PROCESSING" />
+                <ElOption label="已完成" :value="BulkPurchaseTaskStatus.COMPLETED" />
+                <ElOption label="已失败" :value="BulkPurchaseTaskStatus.FAILED" />
+                <ElOption label="已取消" :value="BulkPurchaseTaskStatus.CANCELED" />
+              </ElSelect>
+              <ElButton :loading="taskListLoading" @click="loadTaskList">刷新</ElButton>
+            </div>
+          </div>
+        </template>
+
+        <ElTable v-loading="taskListLoading" :data="taskList" border>
+          <ElTableColumn label="任务号" min-width="200" show-overflow-tooltip>
+            <template #default="scope">
+              <ElButton type="primary" link @click="showTask(scope.row)">
+                {{ scope.row.task_no || '-' }}
+              </ElButton>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn prop="file_name" label="订单文件" min-width="180" show-overflow-tooltip />
+          <ElTableColumn
+            prop="package_name"
+            label="套餐名称"
+            min-width="180"
+            show-overflow-tooltip
+          />
+          <ElTableColumn
+            prop="package_code"
+            label="套餐编码"
+            min-width="180"
+            show-overflow-tooltip
+          />
+          <ElTableColumn label="支付方式" width="110">
+            <template #default="scope">{{
+              getPaymentMethodName(scope.row.payment_method)
+            }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="状态" width="110">
+            <template #default="scope">
+              <ElTag :type="getStatusType(scope.row.status)">
+                {{ scope.row.status_name || getStatusName(scope.row.status) }}
+              </ElTag>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn prop="total_count" label="总数" width="90" />
+          <ElTableColumn prop="success_count" label="成功数" width="90" />
+          <ElTableColumn prop="fail_count" label="失败数" width="90" />
+          <ElTableColumn label="创建时间" width="180">
+            <template #default="scope">{{ formatDateTime(scope.row.created_at) }}</template>
+          </ElTableColumn>
+        </ElTable>
+
+        <div class="pagination-wrapper">
+          <ElPagination
+            v-model:current-page="taskListPage"
+            v-model:page-size="taskListSize"
+            layout="total, sizes, prev, pager, next"
+            :total="taskListTotal"
+            @current-change="loadTaskList"
+            @size-change="handleTaskListSizeChange"
+          />
+        </div>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import {
+    ElAlert,
+    ElButton,
+    ElCard,
+    ElDrawer,
+    ElForm,
+    ElMessage,
+    ElOption,
+    ElPagination,
+    ElRadio,
+    ElRadioGroup,
+    ElSelect,
+    ElTable,
+    ElTableColumn,
+    ElTag
+  } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import { BulkPurchaseService, PackageManageService } from '@/api/modules'
+  import type { BulkPurchasePaymentMethod, BulkPurchaseTask, PackageResponse } from '@/types/api'
+  import { BulkPurchaseTaskStatus } from '@/types/api'
+  import { useAuth } from '@/composables/useAuth'
+  import { formatDateTime } from '@/utils/business/format'
+  import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
+  import { RoutesAlias } from '@/router/routesAlias'
+
+  defineOptions({ name: 'BulkPurchase' })
+
+  const router = useRouter()
+  const { hasAuth } = useAuth()
+  const formRef = ref<FormInstance>()
+  const orderUploadRef = ref<InstanceType<typeof VoucherUpload>>()
+  const voucherUploadRef = ref<InstanceType<typeof VoucherUpload>>()
+  const createDrawerVisible = ref(false)
+  const submitting = ref(false)
+  const orderFileKeys = ref<string[]>([])
+  const orderFileUploading = ref(false)
+  const voucherFileKeys = ref<string[]>([])
+  const voucherUploading = ref(false)
+  const packageOptions = ref<PackageResponse[]>([])
+  const packageLoading = ref(false)
+  const taskList = ref<BulkPurchaseTask[]>([])
+  const taskListLoading = ref(false)
+  const taskListPage = ref(1)
+  const taskListSize = ref(20)
+  const taskListTotal = ref(0)
+  const taskListStatus = ref<BulkPurchaseTaskStatus | undefined>()
+  const createDrawerBusy = computed(
+    () => submitting.value || voucherUploading.value || orderFileUploading.value
+  )
+
+  const form = reactive<{
+    package_id?: number
+    payment_method: BulkPurchasePaymentMethod
+  }>({
+    package_id: undefined,
+    payment_method: 'wallet'
+  })
+
+  const rules = computed<FormRules>(() => ({
+    package_id: [{ required: true, message: '请选择套餐', trigger: 'change' }],
+    payment_method: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
+    orderFile: [
+      {
+        validator: (_rule: unknown, _value: unknown, callback: (error?: Error) => void) => {
+          if (orderFileKeys.value.length === 0) callback(new Error('请上传订单文件'))
+          else callback()
+        },
+        trigger: 'change'
+      }
+    ],
+    voucherFile: [
+      {
+        validator: (_rule: unknown, _value: unknown, callback: (error?: Error) => void) => {
+          if (form.payment_method === 'offline' && voucherFileKeys.value.length === 0) {
+            callback(new Error('线下支付必须上传整批支付凭证'))
+          } else callback()
+        },
+        trigger: 'change'
+      }
+    ]
+  }))
+
+  const loadPackages = async (query = '') => {
+    packageLoading.value = true
+    try {
+      const res = await PackageManageService.getPackages({
+        page: 1,
+        page_size: 20,
+        package_name: query.trim() || undefined,
+        status: 1,
+        shelf_status: 1
+      })
+      if (res.code !== 0) {
+        ElMessage.error(res.msg || '获取套餐列表失败')
+        return
+      }
+
+      packageOptions.value = (res.data?.items || []).filter(
+        (item) => item.status === 1 && item.shelf_status === 1
+      )
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取套餐列表失败')
+    } finally {
+      packageLoading.value = false
+    }
+  }
+
+  const handlePackageSearch = (query: string) => {
+    void loadPackages(query)
+  }
+
+  const handlePackageVisibleChange = (visible: boolean) => {
+    if (visible && packageOptions.value.length === 0) void loadPackages()
+  }
+
+  const openCreateDrawer = () => {
+    createDrawerVisible.value = true
+    if (packageOptions.value.length === 0) void loadPackages()
+  }
+
+  const handleCreateDrawerClosed = () => {
+    formRef.value?.resetFields()
+    form.package_id = undefined
+    form.payment_method = 'wallet'
+    orderFileKeys.value = []
+    voucherFileKeys.value = []
+    orderUploadRef.value?.clearFiles(false)
+    voucherUploadRef.value?.clearFiles(false)
+    orderFileUploading.value = false
+    voucherUploading.value = false
+  }
+
+  const handlePaymentMethodChange = (value: string | number | boolean | undefined) => {
+    if (value === 'wallet') {
+      voucherFileKeys.value = []
+      voucherUploadRef.value?.clearFiles()
+      formRef.value?.clearValidate('voucherFile')
+    }
+  }
+
+  const submitTask = async () => {
+    if (
+      !hasAuth(BULK_PURCHASE_PERMISSIONS.create) ||
+      submitting.value ||
+      voucherUploading.value ||
+      orderFileUploading.value
+    )
+      return
+    const valid = await formRef.value?.validate().catch(() => false)
+    if (!valid || !form.package_id || orderFileKeys.value.length === 0) return
+
+    submitting.value = true
+    try {
+      const data = {
+        file_key: orderFileKeys.value[0],
+        package_id: form.package_id,
+        payment_method: form.payment_method,
+        ...(form.payment_method === 'offline' ? { voucher_keys: voucherFileKeys.value } : {})
+      }
+
+      const res = await BulkPurchaseService.createTask(data)
+      const taskId = res.data?.task_id ?? res.data?.id
+      if (res.code !== 0 || !taskId) {
+        ElMessage.error(res.msg || '创建批量订购任务失败')
+        return
+      }
+
+      ElMessage.success(res.data.message || '批量订购任务已创建')
+      createDrawerVisible.value = false
+      await router.push(`${RoutesAlias.BulkPurchaseDetail}/${taskId}`)
+    } catch (error: any) {
+      ElMessage.error(error?.message || '创建批量订购任务失败')
+    } finally {
+      submitting.value = false
+    }
+  }
+
+  const loadTaskList = async () => {
+    if (!hasAuth(BULK_PURCHASE_PERMISSIONS.detail)) return
+    taskListLoading.value = true
+    try {
+      const res = await BulkPurchaseService.getTasks({
+        page: taskListPage.value,
+        page_size: taskListSize.value,
+        status: taskListStatus.value
+      })
+      if (res.code !== 0) {
+        ElMessage.error(res.msg || '获取批量订购任务列表失败')
+        return
+      }
+
+      taskList.value = res.data?.items || []
+      taskListTotal.value = res.data?.total || 0
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取批量订购任务列表失败')
+    } finally {
+      taskListLoading.value = false
+    }
+  }
+
+  const handleTaskListStatusChange = () => {
+    taskListPage.value = 1
+    void loadTaskList()
+  }
+
+  const handleTaskListSizeChange = () => {
+    taskListPage.value = 1
+    void loadTaskList()
+  }
+
+  const showTask = (task: BulkPurchaseTask) => {
+    const taskId = task.task_id ?? task.id
+    if (!taskId) return
+
+    void router.push(`${RoutesAlias.BulkPurchaseDetail}/${taskId}`)
+  }
+
+  const getStatusName = (status: BulkPurchaseTaskStatus) => {
+    const names: Record<BulkPurchaseTaskStatus, string> = {
+      [BulkPurchaseTaskStatus.PENDING]: '待处理',
+      [BulkPurchaseTaskStatus.PROCESSING]: '处理中',
+      [BulkPurchaseTaskStatus.COMPLETED]: '已完成',
+      [BulkPurchaseTaskStatus.FAILED]: '已失败',
+      [BulkPurchaseTaskStatus.CANCELED]: '已取消'
+    }
+    return names[status] || '-'
+  }
+
+  const getStatusType = (status: BulkPurchaseTaskStatus) => {
+    if (status === BulkPurchaseTaskStatus.COMPLETED) return 'success'
+    if (status === BulkPurchaseTaskStatus.FAILED) return 'danger'
+    if (status === BulkPurchaseTaskStatus.PROCESSING) return 'warning'
+    return 'info'
+  }
+
+  const getPaymentMethodName = (method?: BulkPurchasePaymentMethod) => {
+    return method === 'offline' ? '线下支付' : method === 'wallet' ? '代理钱包' : '-'
+  }
+
+  onMounted(() => {
+    void loadTaskList()
+  })
+</script>
+
+<style scoped lang="scss">
+  .bulk-purchase-page {
+    .task-list-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+    }
+
+    .task-list-toolbar {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 10px;
+      align-items: center;
+    }
+
+    .package-option {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .create-form {
+      padding-bottom: 8px;
+    }
+
+    .drawer-footer {
+      display: flex;
+      gap: 12px;
+      justify-content: flex-end;
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+
+    @media (max-width: 768px) {
+      .task-list-header {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .task-list-toolbar {
+        width: 100%;
+
+        .el-select {
+          flex: 1;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
new file mode 100644
index 0000000..6ad86bf
--- /dev/null
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -0,0 +1,506 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="device-batch-allocation-page" id="table-full-screen">
+      <ElDrawer
+        v-model="createDrawerVisible"
+        title="设备批量分配"
+        direction="rtl"
+        size="520px"
+        :close-on-click-modal="!createDrawerBusy"
+        :close-on-press-escape="!createDrawerBusy"
+        @closed="handleCreateDrawerClosed"
+      >
+        <ElForm ref="formRef" :model="form" label-width="110px" class="create-form">
+          <ElFormItem label="操作类型" prop="operation_type">
+            <ElSelect
+              v-model="form.operation_type"
+              style="width: 100%"
+              @change="handleOperationTypeChange"
+            >
+              <ElOption label="分配目标代理" value="assign_shop" />
+              <ElOption label="设置套餐系列" value="assign_series" />
+              <ElOption label="批量回收设备" value="recall" />
+            </ElSelect>
+          </ElFormItem>
+
+          <ElFormItem v-if="requiresTargetId" label="目标 ID" prop="target_id">
+            <ElSelect
+              v-model="form.target_id"
+              filterable
+              remote
+              clearable
+              :remote-method="handleTargetSearch"
+              :loading="targetLoading"
+              :placeholder="targetPlaceholder"
+              style="width: 100%"
+              @visible-change="handleTargetVisibleChange"
+            >
+              <template v-if="form.operation_type === 'assign_shop'">
+                <ElOption
+                  v-for="shop in shopOptions"
+                  :key="shop.id"
+                  :label="shop.shop_name"
+                  :value="shop.id"
+                />
+              </template>
+              <template v-else>
+                <ElOption
+                  v-for="series in seriesOptions"
+                  :key="series.id"
+                  :label="series.series_name"
+                  :value="series.id"
+                />
+              </template>
+            </ElSelect>
+          </ElFormItem>
+          <ElFormItem v-else label="回收目标">
+            <ElTag type="warning">回收到平台库存</ElTag>
+          </ElFormItem>
+
+          <ElFormItem label="设备文件" prop="file_key">
+            <VoucherUpload
+              ref="uploadRef"
+              v-model="fileKeys"
+              voucher-name="设备标识文件"
+              :max-count="1"
+              purpose="device_batch_allocation"
+              :max-size-mb="10"
+              single-column-csv
+              :max-csv-rows="1000"
+              accept=".csv"
+              tip="仅支持 UTF-8 单列 CSV，最多 1000 行，最大 10MB"
+              @uploading-change="fileUploading = $event"
+            />
+          </ElFormItem>
+
+          <ElAlert
+            v-if="createDrawerBusy"
+            type="info"
+            :closable="false"
+            show-icon
+            :title="fileUploading ? '设备文件上传中，请稍候' : '任务创建中，请勿重复提交'"
+          />
+        </ElForm>
+
+        <template #footer>
+          <div class="drawer-footer">
+            <ElButton :disabled="createDrawerBusy" @click="createDrawerVisible = false">
+              取消
+            </ElButton>
+            <ElButton
+              type="primary"
+              :loading="submitting"
+              :disabled="!hasAuth(JULY_PERMISSIONS.deviceAllocation.create)"
+              @click="submitTask"
+            >
+              创建分配任务
+            </ElButton>
+          </div>
+        </template>
+      </ElDrawer>
+
+      <ElCard shadow="never" class="art-table-card task-list-card">
+        <template #header>
+          <div class="task-list-header">
+            <span>设备批量分配任务</span>
+            <div class="task-list-toolbar">
+              <ElButton
+                v-if="hasAuth(JULY_PERMISSIONS.deviceAllocation.create)"
+                tag="a"
+                href="/templates/device-batch-allocation-template.csv"
+                download="设备批量分配模板.csv"
+              >
+                下载模板
+              </ElButton>
+              <ElButton
+                v-if="hasAuth(JULY_PERMISSIONS.deviceAllocation.create)"
+                type="primary"
+                @click="openCreateDrawer"
+              >
+                设备批量分配
+              </ElButton>
+              <ElSelect
+                v-model="taskListOperationType"
+                clearable
+                placeholder="筛选操作类型"
+                style="width: 170px"
+                @change="handleTaskListFilterChange"
+              >
+                <ElOption label="分配目标代理" value="assign_shop" />
+                <ElOption label="设置套餐系列" value="assign_series" />
+                <ElOption label="批量回收设备" value="recall" />
+              </ElSelect>
+              <ElSelect
+                v-model="taskListStatus"
+                clearable
+                placeholder="筛选任务状态"
+                style="width: 150px"
+                @change="handleTaskListFilterChange"
+              >
+                <ElOption label="待处理" :value="DeviceImportTaskStatus.PENDING" />
+                <ElOption label="处理中" :value="DeviceImportTaskStatus.PROCESSING" />
+                <ElOption label="已完成" :value="DeviceImportTaskStatus.COMPLETED" />
+                <ElOption label="失败" :value="DeviceImportTaskStatus.FAILED" />
+              </ElSelect>
+              <ElButton :loading="taskListLoading" @click="loadTaskList">刷新</ElButton>
+            </div>
+          </div>
+        </template>
+
+        <ElTable v-loading="taskListLoading" :data="taskList" border>
+          <ElTableColumn label="任务号" min-width="210" show-overflow-tooltip>
+            <template #default="scope">
+              <ElButton
+                v-if="hasAuth(JULY_PERMISSIONS.deviceAllocation.detail)"
+                type="primary"
+                link
+                @click="showTask(scope.row)"
+              >
+                {{ scope.row.task_no || '-' }}
+              </ElButton>
+              <span v-else>{{ scope.row.task_no || '-' }}</span>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="操作类型" width="150">
+            <template #default="scope">
+              <ElTag :type="getOperationTagType(scope.row.operation_type)">
+                {{ getOperationLabel(scope.row.operation_type) }}
+              </ElTag>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn
+            prop="operation_name"
+            label="操作名称"
+            min-width="170"
+            show-overflow-tooltip
+          >
+            <template #default="scope">
+              {{ scope.row.operation_name || getOperationLabel(scope.row.operation_type) }}
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="目标 ID" width="110">
+            <template #default="scope">{{ scope.row.target_id ?? '-' }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="状态" width="110">
+            <template #default="scope">
+              <ElTag :type="getStatusTagType(scope.row.status)">
+                {{ scope.row.status_name || scope.row.status_text || '-' }}
+              </ElTag>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn prop="total_count" label="总数" width="90" />
+          <ElTableColumn prop="success_count" label="成功数" width="90" />
+          <ElTableColumn prop="fail_count" label="失败数" width="90" />
+          <ElTableColumn prop="skip_count" label="跳过数" width="90" />
+          <ElTableColumn label="创建时间" width="180">
+            <template #default="scope">{{ formatDateTime(scope.row.created_at) }}</template>
+          </ElTableColumn>
+          <ElTableColumn label="完成时间" width="180">
+            <template #default="scope">
+              {{ scope.row.completed_at ? formatDateTime(scope.row.completed_at) : '-' }}
+            </template>
+          </ElTableColumn>
+        </ElTable>
+
+        <div class="pagination-wrapper">
+          <ElPagination
+            v-model:current-page="taskListPage"
+            v-model:page-size="taskListSize"
+            layout="total, sizes, prev, pager, next"
+            :total="taskListTotal"
+            @current-change="loadTaskList"
+            @size-change="handleTaskListSizeChange"
+          />
+        </div>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import {
+    ElAlert,
+    ElButton,
+    ElCard,
+    ElDrawer,
+    ElForm,
+    ElMessage,
+    ElOption,
+    ElPagination,
+    ElSelect,
+    ElTable,
+    ElTableColumn,
+    ElTag
+  } from 'element-plus'
+  import type { FormInstance } from 'element-plus'
+  import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import { DeviceService, PackageSeriesService, ShopService } from '@/api/modules'
+  import { DeviceImportTaskStatus } from '@/types/api/device'
+  import type {
+    DeviceBatchAllocationRequest,
+    DeviceImportTask,
+    DeviceImportTaskOperationType
+  } from '@/types/api/device'
+  import type { PackageSeriesResponse, ShopResponse } from '@/types/api'
+  import { useAuth } from '@/composables/useAuth'
+  import { formatDateTime } from '@/utils/business/format'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import { RoutesAlias } from '@/router/routesAlias'
+  import { normalizeApiError } from '@/utils/business/apiError'
+
+  defineOptions({ name: 'DeviceBatchAllocation' })
+
+  const router = useRouter()
+  const { hasAuth } = useAuth()
+  const formRef = ref<FormInstance>()
+  const uploadRef = ref<InstanceType<typeof VoucherUpload>>()
+  const createDrawerVisible = ref(false)
+  const submitting = ref(false)
+  const fileUploading = ref(false)
+  const fileKeys = ref<string[]>([])
+  const taskList = ref<DeviceImportTask[]>([])
+  const taskListLoading = ref(false)
+  const taskListPage = ref(1)
+  const taskListSize = ref(20)
+  const taskListTotal = ref(0)
+  const taskListStatus = ref<DeviceImportTaskStatus | undefined>()
+  const taskListOperationType = ref<Exclude<DeviceImportTaskOperationType, 'import'> | undefined>()
+  const shopOptions = ref<ShopResponse[]>([])
+  const seriesOptions = ref<PackageSeriesResponse[]>([])
+  const targetLoading = ref(false)
+  const form = reactive<{
+    operation_type: Exclude<DeviceImportTaskOperationType, 'import'>
+    target_id?: number
+  }>({
+    operation_type: 'assign_shop',
+    target_id: undefined
+  })
+
+  const requiresTargetId = computed(() =>
+    ['assign_shop', 'assign_series'].includes(form.operation_type)
+  )
+  const targetPlaceholder = computed(() =>
+    form.operation_type === 'assign_shop' ? '请选择启用的目标店铺' : '请选择启用的套餐系列'
+  )
+  const createDrawerBusy = computed(() => submitting.value || fileUploading.value)
+
+  const getOperationLabel = (operationType: DeviceImportTaskOperationType) => {
+    switch (operationType) {
+      case 'assign_shop':
+        return '分配目标代理'
+      case 'assign_series':
+        return '设置套餐系列'
+      case 'recall':
+        return '批量回收设备'
+      default:
+        return '设备导入'
+    }
+  }
+
+  const getOperationTagType = (operationType: DeviceImportTaskOperationType) =>
+    operationType === 'recall' ? 'warning' : 'primary'
+
+  const getStatusTagType = (status: DeviceImportTaskStatus) => {
+    switch (status) {
+      case DeviceImportTaskStatus.PENDING:
+        return 'info'
+      case DeviceImportTaskStatus.PROCESSING:
+        return 'warning'
+      case DeviceImportTaskStatus.COMPLETED:
+        return 'success'
+      case DeviceImportTaskStatus.FAILED:
+        return 'danger'
+      default:
+        return 'info'
+    }
+  }
+
+  const openCreateDrawer = () => {
+    if (!hasAuth(JULY_PERMISSIONS.deviceAllocation.create)) return
+    createDrawerVisible.value = true
+  }
+
+  const loadTargetOptions = async (query = '') => {
+    if (form.operation_type === 'recall') return
+    targetLoading.value = true
+    try {
+      if (form.operation_type === 'assign_shop') {
+        const res = await ShopService.getShops({
+          page: 1,
+          page_size: 20,
+          status: 1,
+          shop_name: query || undefined
+        })
+        if (res.code === 0) shopOptions.value = res.data.items || []
+      } else {
+        const res = await PackageSeriesService.getPackageSeries({
+          page: 1,
+          page_size: 20,
+          status: 1,
+          series_name: query || undefined
+        })
+        if (res.code === 0) seriesOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('获取批量分配目标失败:', error)
+      ElMessage.error(normalizeApiError(error).message)
+    } finally {
+      targetLoading.value = false
+    }
+  }
+
+  const handleTargetSearch = (query: string) => {
+    void loadTargetOptions(query)
+  }
+
+  const handleTargetVisibleChange = (visible: boolean) => {
+    if (
+      visible &&
+      (form.operation_type === 'assign_shop'
+        ? !shopOptions.value.length
+        : !seriesOptions.value.length)
+    ) {
+      void loadTargetOptions()
+    }
+  }
+
+  const handleOperationTypeChange = () => {
+    form.target_id = undefined
+    shopOptions.value = []
+    seriesOptions.value = []
+    if (form.operation_type !== 'recall') void loadTargetOptions()
+  }
+
+  const handleCreateDrawerClosed = () => {
+    formRef.value?.resetFields()
+    form.operation_type = 'assign_shop'
+    form.target_id = undefined
+    shopOptions.value = []
+    seriesOptions.value = []
+    fileKeys.value = []
+    fileUploading.value = false
+    uploadRef.value?.clearFiles()
+  }
+
+  const handleTaskListFilterChange = () => {
+    taskListPage.value = 1
+    void loadTaskList()
+  }
+
+  const loadTaskList = async () => {
+    taskListLoading.value = true
+    try {
+      const res = await DeviceService.getImportTasks({
+        page: taskListPage.value,
+        page_size: taskListSize.value,
+        status: taskListStatus.value,
+        operation_type: taskListOperationType.value
+      })
+      if (res.code !== 0) {
+        ElMessage.error(res.msg || '获取设备批量分配任务失败')
+        return
+      }
+      taskList.value = (res.data.items || []).filter((item) => item.operation_type !== 'import')
+      taskListTotal.value = res.data.total || 0
+    } catch (error) {
+      console.error('获取设备批量分配任务失败:', error)
+      ElMessage.error(normalizeApiError(error).message)
+    } finally {
+      taskListLoading.value = false
+    }
+  }
+
+  const handleTaskListSizeChange = () => {
+    taskListPage.value = 1
+    void loadTaskList()
+  }
+
+  const showTask = (row: DeviceImportTask) => {
+    router.push({
+      path: RoutesAlias.TaskDetail,
+      query: { id: row.id, task_type: 'device' }
+    })
+  }
+
+  const submitTask = async () => {
+    if (createDrawerBusy.value) return
+    if (!fileKeys.value[0]) {
+      ElMessage.warning('请先上传设备标识文件')
+      return
+    }
+    if (requiresTargetId.value && !form.target_id) {
+      ElMessage.warning('请选择目标店铺或套餐系列')
+      return
+    }
+
+    const request: DeviceBatchAllocationRequest = {
+      file_key: fileKeys.value[0],
+      operation_type: form.operation_type
+    }
+    if (requiresTargetId.value) request.target_id = form.target_id
+
+    submitting.value = true
+    try {
+      const res = await DeviceService.createAllocationTask(request)
+      if (res.code !== 0) {
+        ElMessage.error(res.msg || '创建设备批量分配任务失败')
+        return
+      }
+      createDrawerVisible.value = false
+      await loadTaskList()
+      ElMessage.success(`任务已创建：${res.data.task_no}`)
+    } catch (error) {
+      console.error('创建设备批量分配任务失败:', error)
+      ElMessage.error(normalizeApiError(error).message)
+    } finally {
+      submitting.value = false
+    }
+  }
+
+  onMounted(() => {
+    void loadTaskList()
+  })
+</script>
+
+<style lang="scss" scoped>
+  .device-batch-allocation-page {
+    .task-list-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    .task-list-toolbar {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      gap: 10px;
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      padding-top: 16px;
+    }
+
+    .drawer-footer {
+      display: flex;
+      justify-content: flex-end;
+      gap: 12px;
+    }
+
+    @media (max-width: 900px) {
+      .task-list-header {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .task-list-toolbar {
+        justify-content: flex-start;
+      }
+    }
+  }
+</style>
diff --git a/src/views/asset-management/task-management/device-task/index.vue b/src/views/asset-management/task-management/device-task/index.vue
index 2ee4c02..e86559a 100644
--- a/src/views/asset-management/task-management/device-task/index.vue
+++ b/src/views/asset-management/task-management/device-task/index.vue
@@ -1,14 +1,13 @@
 <template>
   <ArtTableFullScreen>
     <div v-if="isPlatformAccount" class="device-task-page" id="table-full-screen">
-      <!-- 搜索栏 -->
       <ArtSearchBar
         v-model:filter="searchForm"
         :items="searchFormItems"
         :show-expand="false"
         @reset="handleReset"
         @search="handleSearch"
-      ></ArtSearchBar>
+      />
 
       <div v-if="pollingError || pollingForbidden" class="task-polling-error">
         <ElAlert
@@ -21,26 +20,18 @@
       </div>
 
       <ElCard shadow="never" class="art-table-card">
-        <!-- 表格头部 -->
         <ArtTableHeader
           :columnList="columnOptions"
           v-model:columns="columnChecks"
           @refresh="handleRefresh"
         >
           <template #left>
-            <ElButton
-              v-if="isPlatformAccount && hasAuth(JULY_PERMISSIONS.deviceAllocation.page)"
-              type="primary"
-              :icon="Upload"
-              @click="importDialogVisible = true"
-              v-permission="JULY_PERMISSIONS.deviceAllocation.page"
-            >
+            <ElButton type="primary" :icon="Upload" @click="importDialogVisible = true">
               批量导入设备
             </ElButton>
           </template>
         </ArtTableHeader>
 
-        <!-- 表格 -->
         <ArtTable
           ref="tableRef"
           row-key="id"
@@ -62,21 +53,20 @@
       </ElCard>
     </div>
 
-    <!-- 导入对话框 -->
     <ElDialog v-model="importDialogVisible" title="批量导入设备" width="40%" align-center>
       <ElAlert type="info" :closable="false" style="margin-bottom: 20px">
         <template #title>
           <div style="line-height: 1.8">
             <p><strong>导入说明：</strong></p>
-             <p>1. 设备分配使用单列 UTF-8 CSV，导入设备仍使用 Excel 模板</p>
-             <p>2. CSV 单次最多 1000 条，文件不超过 10MB</p>
-            <p>3. 列格式请设置为文本格式，避免长数字被转为科学计数法</p>
-            <p>4. <strong>重要：列顺序固定，不可调整。</strong>系统按位置读取，不识别列名</p>
-            <p style="color: var(--el-color-primary)">5. 必填列：虚拟号（第1列）</p>
+            <p>1. 设备导入使用 Excel 模板，文件大小不能超过 300MB。</p>
+            <p>2. 列格式请设置为文本格式，避免长数字被转为科学计数法。</p>
+            <p>3. <strong>列顺序固定，不可调整。</strong>系统按位置读取，不识别列名。</p>
+            <p style="color: var(--el-color-primary)">
+              4. 必填列：设备标识（第 1 列，支持 VirtualNo、IMEI 或 SN）。
+            </p>
             <p>
-              6.
-              可选列：SN、设备名称、设备型号、设备类型、IMEI、制造商、最大SIM槽数（默认4，有效范围1-4）、卡1~卡4
-              ICCID
+              5. 可选列：SN、设备名称、设备型号、设备类型、IMEI、制造商、最大 SIM 槽数、卡 1~卡 4
+              ICCID。
             </p>
           </div>
         </template>
@@ -88,23 +78,7 @@
         </ElButton>
       </div>
 
-       <ElRow :gutter="20">
-         <ElCol :span="12">
-           <ElFormItem label="任务类型">
-             <ElSelect v-model="importForm.operation_type" style="width: 100%">
-               <ElOption label="导入设备" value="import" />
-               <ElOption label="分配目标代理" value="assign_shop" />
-               <ElOption label="设置套餐系列" value="assign_series" />
-             </ElSelect>
-           </ElFormItem>
-         </ElCol>
-         <ElCol v-if="importForm.operation_type !== 'import'" :span="12">
-           <ElFormItem label="目标 ID">
-             <ElInput v-model="importForm.target_id" placeholder="代理店铺或套餐系列 ID" />
-           </ElFormItem>
-         </ElCol>
-       </ElRow>
-       <ElRow :gutter="20">
+      <ElRow :gutter="20">
         <ElCol :span="12">
           <ElFormItem label="批次号" prop="batch_no">
             <ElInput
@@ -135,18 +109,18 @@
         </ElCol>
       </ElRow>
 
-       <ElUpload
+      <ElUpload
         ref="uploadRef"
         drag
         :auto-upload="false"
         :on-change="handleFileChange"
         :limit="1"
-         accept=".xlsx,.csv"
-       >
+        accept=".xlsx"
+      >
         <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-         <div class="el-upload__text">将文件拖到此处，或<em>点击选择</em></div>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击选择</em></div>
         <template #tip>
-           <div class="el-upload__tip">导入设备支持 .xlsx；批量分配支持单列 .csv</div>
+          <div class="el-upload__tip">设备导入仅支持 .xlsx 文件</div>
         </template>
       </ElUpload>
 
@@ -166,12 +140,11 @@
 </template>
 
 <script setup lang="ts">
-  import { h } from 'vue'
+  import { h, onMounted, reactive, ref, watch, computed } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ref, reactive, onMounted, computed, watch } from 'vue'
   import { DeviceService } from '@/api/modules'
   import { ElMessage, ElTag } from 'element-plus'
-  import { Download, UploadFilled, Upload } from '@element-plus/icons-vue'
+  import { Download, Upload, UploadFilled } from '@element-plus/icons-vue'
   import type { UploadInstance } from 'element-plus'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -189,7 +162,6 @@
   } from '@/types/api/device'
   import { RoutesAlias } from '@/router/routesAlias'
   import { generatePackageCode } from '@/utils/codeGenerator'
-  import { JULY_PERMISSIONS } from '@/config/constants'
   import { normalizeApiError } from '@/utils/business/apiError'
 
   defineOptions({ name: 'DeviceTask' })
@@ -208,40 +180,23 @@
   const importDialogVisible = ref(false)
   const importForm = reactive({
     batch_no: '',
-    realname_policy: '' as '' | 'none' | 'before_order' | 'after_order',
-    operation_type: 'import' as 'import' | 'assign_shop' | 'assign_series',
-    target_id: ''
+    realname_policy: '' as '' | RealnamePolicy
   })
 
-  // 搜索表单初始值
   const initialSearchState = {
-    status: undefined,
+    status: undefined as DeviceImportTaskStatus | undefined,
     batch_no: '',
-    dateRange: undefined as string[] | undefined,
-    start_time: '',
-    end_time: ''
+    dateRange: undefined as string[] | undefined
   }
-
-  // 搜索表单
   const searchForm = reactive({ ...initialSearchState })
+  const pagination = reactive({ page: 1, pageSize: 20, total: 0 })
 
-  // 分页
-  const pagination = reactive({
-    page: 1,
-    pageSize: 20,
-    total: 0
-  })
-
-  // 搜索表单配置
   const searchFormItems: SearchFormItem[] = [
     {
       label: '任务状态',
       prop: 'status',
       type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '全部'
-      },
+      config: { clearable: true, placeholder: '全部' },
       options: () => [
         { label: '待处理', value: 1 },
         { label: '处理中', value: 2 },
@@ -253,10 +208,7 @@
       label: '批次号',
       prop: 'batch_no',
       type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入批次号'
-      }
+      config: { clearable: true, placeholder: '请输入批次号' }
     },
     {
       label: '创建时间',
@@ -271,7 +223,6 @@
     }
   ]
 
-  // 列配置
   const columnOptions = [
     { label: '任务编号', prop: 'task_no' },
     { label: '任务状态', prop: 'status' },
@@ -288,7 +239,6 @@
   ]
 
   const taskList = ref<DeviceImportTask[]>([])
-
   const polling = useAsyncTaskPolling<DeviceImportTaskDetail>({
     storageKey: 'device-import-active-task',
     autoRestore: false,
@@ -306,7 +256,6 @@
   const pollingError = polling.error
   const pollingForbidden = polling.forbidden
 
-  // 获取状态标签类型
   const getStatusType = (status: DeviceImportTaskStatus) => {
     switch (status) {
       case 1:
@@ -322,19 +271,14 @@
     }
   }
 
-  // 查看详情
   const viewDetail = (row: DeviceImportTask) => {
     if (!isPlatformAccount.value) return
     router.push({
       path: RoutesAlias.TaskDetail,
-      query: {
-        id: row.id,
-        task_type: 'device'
-      }
+      query: { id: row.id, task_type: 'device' }
     })
   }
 
-  // 处理名称点击
   const handleNameClick = (row: DeviceImportTask) => {
     if (isPlatformAccount.value && hasAuth('device_task:view_detail')) {
       viewDetail(row)
@@ -343,15 +287,14 @@
     }
   }
 
-  // 动态列配置
   const { columnChecks, columns } = useCheckedColumns(() => [
     {
       prop: 'task_no',
       label: '任务编号',
       width: 220,
       showOverflowTooltip: true,
-      formatter: (row: DeviceImportTask) => {
-        return h(
+      formatter: (row: DeviceImportTask) =>
+        h(
           'span',
           {
             style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
@@ -362,48 +305,31 @@
           },
           row.task_no
         )
-      }
     },
     {
       prop: 'status',
       label: '任务状态',
       width: 100,
-      formatter: (row: DeviceImportTask) => {
-        return h(ElTag, { type: getStatusType(row.status) }, () => row.status_text)
-      }
-    },
-    {
-      prop: 'total_count',
-      label: '总数',
-      width: 80
+      formatter: (row: DeviceImportTask) =>
+        h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || row.status_text)
     },
+    { prop: 'total_count', label: '总数', width: 80 },
     {
       prop: 'success_count',
       label: '成功数',
       width: 80,
-      formatter: (row: DeviceImportTask) => {
-        return h('span', { style: { color: 'var(--el-color-success)' } }, row.success_count)
-      }
+      formatter: (row: DeviceImportTask) =>
+        h('span', { style: { color: 'var(--el-color-success)' } }, row.success_count)
     },
     {
       prop: 'fail_count',
       label: '失败数',
       width: 80,
-      formatter: (row: DeviceImportTask) => {
-        return h('span', { style: { color: 'var(--el-color-danger)' } }, row.fail_count)
-      }
-    },
-    {
-      prop: 'skip_count',
-      label: '跳过数',
-      width: 80
-    },
-    {
-      prop: 'batch_no',
-      label: '批次号',
-      width: 180,
-      showOverflowTooltip: true
+      formatter: (row: DeviceImportTask) =>
+        h('span', { style: { color: 'var(--el-color-danger)' } }, row.fail_count)
     },
+    { prop: 'skip_count', label: '跳过数', width: 80 },
+    { prop: 'batch_no', label: '批次号', width: 180, showOverflowTooltip: true },
     {
       prop: 'started_at',
       label: '开始时间',
@@ -424,12 +350,7 @@
       showOverflowTooltip: true,
       formatter: (row: DeviceImportTask) => row.error_message || '-'
     },
-    {
-      prop: 'file_name',
-      label: '文件名',
-      minWidth: 180,
-      showOverflowTooltip: true
-    },
+    { prop: 'file_name', label: '文件名', minWidth: 180, showOverflowTooltip: true },
     {
       prop: 'creator_name',
       label: '操作人',
@@ -460,7 +381,6 @@
     }
   })
 
-  // 获取设备任务列表
   const getTableData = async () => {
     if (!isPlatformAccount.value) {
       taskList.value = []
@@ -473,10 +393,9 @@
         page: pagination.page,
         page_size: pagination.pageSize,
         status: searchForm.status,
+        operation_type: 'import',
         batch_no: searchForm.batch_no || undefined
       }
-
-      // 处理时间范围
       if (searchForm.dateRange && Array.isArray(searchForm.dateRange)) {
         params.start_time = searchForm.dateRange[0]
         params.end_time = searchForm.dateRange[1]
@@ -484,9 +403,7 @@
 
       const res = await DeviceService.getImportTasks(params)
       if (res.code === 0) {
-        const taskItems = (res.data as typeof res.data & { items?: DeviceImportTask[] | null })
-          .items
-        taskList.value = taskItems || []
+        taskList.value = res.data.items || []
         pagination.total = res.data.total || 0
       }
     } catch (error) {
@@ -497,37 +414,30 @@
     }
   }
 
-  // 重置搜索
   const handleReset = () => {
     Object.assign(searchForm, { ...initialSearchState })
     pagination.page = 1
-    getTableData()
+    void getTableData()
   }
 
-  // 搜索
   const handleSearch = () => {
     pagination.page = 1
-    getTableData()
+    void getTableData()
   }
 
-  // 刷新表格
-  const handleRefresh = () => {
-    getTableData()
-  }
+  const handleRefresh = () => void getTableData()
 
-  // 处理表格分页变化
   const handleSizeChange = (newPageSize: number) => {
     pagination.pageSize = newPageSize
-    getTableData()
+    void getTableData()
   }
 
   const handleCurrentChange = (newCurrentPage: number) => {
     pagination.page = newCurrentPage
-    getTableData()
+    void getTableData()
   }
 
-  // 下载模板
-  const downloadTemplate = async () => {
+  const downloadTemplate = () => {
     try {
       const link = document.createElement('a')
       link.href = new URL('@/template/设备导入模板.xlsx', import.meta.url).href
@@ -542,107 +452,75 @@
     }
   }
 
-  // 文件选择变化
-  const handleFileChange = async (uploadFile: any) => {
-    const isCsvAllocation = importForm.operation_type !== 'import'
-    const maxSize = (isCsvAllocation ? 10 : 300) * 1024 * 1024
-    if (uploadFile.raw && uploadFile.raw.size > maxSize) {
+  const handleFileChange = (uploadFile: any) => {
+    const file = uploadFile.raw as File | undefined
+    if (!file) return
+    if (file.size > 300 * 1024 * 1024) {
       ElMessage.error('文件大小不能超过 300MB')
       uploadRef.value?.clearFiles()
       fileList.value = []
       return
     }
-
-    if (uploadFile.raw && (isCsvAllocation ? !uploadFile.raw.name.endsWith('.csv') : !uploadFile.raw.name.endsWith('.xlsx'))) {
-       ElMessage.error(isCsvAllocation ? '批量分配只能上传 .csv 文件' : '设备导入只能上传 .xlsx 文件')
+    if (!file.name.toLowerCase().endsWith('.xlsx')) {
+      ElMessage.error('设备导入只能上传 .xlsx 文件')
       uploadRef.value?.clearFiles()
       fileList.value = []
       return
     }
-
-    if (isCsvAllocation && uploadFile.raw) {
-      const rows = (await uploadFile.raw.text()).replace(/^\uFEFF/, '').split(/\r?\n/).filter(Boolean)
-      if (rows.length > 1001 || rows.some((row: string) => row.includes(','))) {
-        ElMessage.error('设备分配 CSV 必须是单列且最多 1000 行数据')
-        uploadRef.value?.clearFiles()
-        fileList.value = []
-        return
-      }
-    }
-
-    fileList.value = uploadFile.raw ? [uploadFile.raw] : []
+    fileList.value = [file]
   }
 
-  // 清空文件
   const clearFiles = () => {
     uploadRef.value?.clearFiles()
     fileList.value = []
   }
 
-  // 生成批次号
   const handleGenerateBatchNo = () => {
-    const code = generatePackageCode().replace('PKG', 'DEV')
-    importForm.batch_no = code
+    importForm.batch_no = generatePackageCode().replace('PKG', 'DEV')
     ElMessage.success('批次号生成成功')
   }
 
-  // 取消导入
   const handleCancelImport = () => {
     clearFiles()
     importForm.batch_no = ''
     importForm.realname_policy = ''
-    importForm.operation_type = 'import'
-    importForm.target_id = ''
     importDialogVisible.value = false
   }
-  // 提交上传
+
   const submitUpload = async () => {
-     if (!isPlatformAccount.value || !hasAuth(JULY_PERMISSIONS.deviceAllocation.page)) return
-     if (!fileList.value.length) {
-       ElMessage.warning('请先选择文件')
-       return
-     }
-     if (importForm.operation_type !== 'import' && !Number(importForm.target_id)) {
-       ElMessage.warning('请输入有效的目标 ID')
-       return
-     }
+    if (!isPlatformAccount.value || !fileList.value.length) {
+      ElMessage.warning('请先选择文件')
+      return
+    }
 
     const file = fileList.value[0]
     uploading.value = true
-
     try {
       ElMessage.info('正在准备上传...')
-       const isAllocation = importForm.operation_type !== 'import'
-       const contentType = isAllocation ? 'text/csv' : 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-       const uploadUrlRes = await StorageService.getUploadUrl({
-         file_name: file.name,
-         content_type: contentType,
-         purpose: isAllocation ? 'device_batch_allocation' : 'iot_import'
+      const uploadUrlRes = await StorageService.getUploadUrl({
+        file_name: file.name,
+        content_type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        purpose: 'iot_import'
       })
-
       if (uploadUrlRes.code !== 0) {
         ElMessage.error(uploadUrlRes.msg || '获取上传地址失败')
         return
       }
 
       const { upload_url, file_key } = uploadUrlRes.data
-
       ElMessage.info('正在上传文件...')
-       await StorageService.uploadFile(upload_url, file, contentType)
-
-       ElMessage.info(isAllocation ? '正在创建分配任务...' : '正在创建导入任务...')
-       const importRes = isAllocation
-         ? await DeviceService.createAllocationTask({
-             file_key,
-             operation_type: importForm.operation_type as 'assign_shop' | 'assign_series',
-             target_id: Number(importForm.target_id)
-           })
-         : await DeviceService.importDevices({
-             file_key,
-             batch_no: importForm.batch_no || undefined,
-             realname_policy: (importForm.realname_policy || undefined) as RealnamePolicy | undefined
-           })
+      await StorageService.uploadFile(
+        upload_url,
+        file,
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      )
 
+      ElMessage.info('正在创建设备导入任务...')
+      const importRes = await DeviceService.importDevices({
+        file_key,
+        batch_no: importForm.batch_no || undefined,
+        realname_policy: (importForm.realname_policy || undefined) as RealnamePolicy | undefined
+      })
       if (importRes.code !== 0) {
         ElMessage.error(importRes.msg || '创建导入任务失败')
         return
@@ -650,12 +528,10 @@
 
       const taskNo = importRes.data.task_no
       const taskId = importRes.data.task_id
-
       handleCancelImport()
       await router.replace({ path: route.path, query: { task_id: String(taskId) } })
       await polling.start(taskId)
       await getTableData()
-
       ElMessage.success({
         message: `导入任务已创建！任务编号：${taskNo}`,
         duration: 3000,
@@ -669,62 +545,51 @@
     }
   }
 
-  // 从行数据下载失败数据
   const downloadFailDataByRow = async (row: DeviceImportTask) => {
     if (!isPlatformAccount.value) return
     try {
       const res = await DeviceService.getImportTaskDetail(row.id)
-      if (res.code === 0 && res.data) {
-        const detail = res.data
-        const failReasons =
-          detail.failed_items?.map((item: any) => ({
-            line: item.line || '-',
-            deviceNo: item.virtual_no || '-',
-            message: item.reason || '未知错误'
-          })) || []
-
-        if (failReasons.length === 0) {
-          ElMessage.warning('没有失败数据可下载')
-          return
-        }
-
-        const headers = ['行号', '设备编号', '失败原因']
-        const csvRows = [
-          headers.join(','),
-          ...failReasons.map((item: any) =>
-            [item.line, `\t${item.deviceNo}`, `"${item.message}"`].join(',')
-          )
-        ]
-        const csvContent = csvRows.join('\n')
-
-        const BOM = '\uFEFF'
-        const blob = new Blob([BOM + csvContent], { type: 'text/csv;charset=utf-8;' })
-
-        const link = document.createElement('a')
-        const url = URL.createObjectURL(blob)
-        link.setAttribute('href', url)
-        link.setAttribute('download', `导入失败数据_${row.batch_no}.csv`)
-        link.style.visibility = 'hidden'
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link)
-        URL.revokeObjectURL(url)
-
-        ElMessage.success('失败数据下载成功')
+      if (res.code !== 0 || !res.data) return
+      const failReasons =
+        res.data.failed_items?.map((item) => ({
+          line: item.line || '-',
+          deviceNo: item.device_identifier || item.virtual_no || '-',
+          message: item.reason || '未知错误'
+        })) || []
+      if (failReasons.length === 0) {
+        ElMessage.warning('没有失败数据可下载')
+        return
       }
+
+      const csvRows = [
+        ['行号', '设备编号', '失败原因'].join(','),
+        ...failReasons.map((item) =>
+          [item.line, `\t${item.deviceNo}`, `"${item.message.replaceAll('"', '""')}"`].join(',')
+        )
+      ]
+      const blob = new Blob(['\uFEFF' + csvRows.join('\n')], {
+        type: 'text/csv;charset=utf-8;'
+      })
+      const url = URL.createObjectURL(blob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = `导入失败数据_${row.batch_no}.csv`
+      link.click()
+      URL.revokeObjectURL(url)
+      ElMessage.success('失败数据下载成功')
     } catch (error) {
       console.error('下载失败数据失败:', error)
+      ElMessage.error('下载失败数据失败')
     }
   }
 
   const downloadTaskFile = async (row: DeviceImportTask) => {
     if (!isPlatformAccount.value) return
-    const fileKey = row.file_name?.trim()
+    const fileKey = row.file_key || row.file_name?.trim()
     if (!fileKey) {
       ElMessage.warning('当前任务没有可下载的原始文件')
       return
     }
-
     try {
       await StorageService.downloadFileByKey(fileKey)
       ElMessage.success('原始文件下载已开始')
@@ -734,20 +599,12 @@
     }
   }
 
-  // 获取操作按钮
   const getActions = (row: DeviceImportTask) => {
     if (!isPlatformAccount.value) return []
     const actions: any[] = []
-    const showDownloadFileAction = false
-
-    if (showDownloadFileAction && row.file_name?.trim() && hasAuth('device_task:download_file')) {
-      actions.push({
-        label: '下载文件',
-        handler: () => downloadTaskFile(row),
-        type: 'primary'
-      })
+    if (row.file_key && hasAuth('device_task:download_file')) {
+      actions.push({ label: '下载文件', handler: () => downloadTaskFile(row), type: 'primary' })
     }
-
     if (row.fail_count > 0 && hasAuth('device_task:download_fail_data')) {
       actions.push({
         label: '失败数据',
@@ -755,7 +612,6 @@
         type: 'danger'
       })
     }
-
     return actions
   }
 </script>
diff --git a/src/views/asset-management/task-management/task-detail/index.vue b/src/views/asset-management/task-management/task-detail/index.vue
index 57748b0..5138922 100644
--- a/src/views/asset-management/task-management/task-detail/index.vue
+++ b/src/views/asset-management/task-management/task-detail/index.vue
@@ -2,7 +2,6 @@
   <ArtTableFullScreen>
     <div class="task-detail-page" id="table-full-screen">
       <ElCard shadow="never" class="art-table-card">
-        <!-- 页面头部 -->
         <div class="detail-header">
           <ElButton @click="goBack">
             <template #icon>
@@ -10,35 +9,59 @@
             </template>
             返回
           </ElButton>
-          <h2 class="detail-title">任务详情</h2>
+          <h2 class="detail-title">{{ taskTitle }}</h2>
         </div>
 
-        <!-- 使用 DetailPage 组件显示任务信息 -->
         <DetailPage v-if="taskDetail" :sections="detailSections" :data="taskDetail" />
 
-        <!-- 失败记录 -->
-        <div class="failure-section" v-if="taskDetail?.fail_count && taskDetail.fail_count > 0">
+        <div v-if="taskDetail?.fail_count && taskDetail.fail_count > 0" class="result-section">
           <ElDivider content-position="left">
-            <span class="section-title">失败记录 ({{ taskDetail.fail_count }})</span>
+            <span class="section-title"
+              >{{ resultAction }}失败记录 ({{ taskDetail.fail_count }})</span
+            >
           </ElDivider>
           <ElTable :data="taskDetail.failed_items || []" border style="width: 100%">
             <ElTableColumn prop="line" label="行号" width="100" />
             <ElTableColumn v-if="taskType === 'card'" prop="iccid" label="ICCID" min-width="180" />
-            <ElTableColumn v-else prop="virtual_no" label="设备号" min-width="180" />
-            <ElTableColumn prop="reason" label="失败原因" min-width="300" />
+            <ElTableColumn v-else label="设备标识" min-width="180" show-overflow-tooltip>
+              <template #default="scope">
+                {{ scope.row.device_identifier || scope.row.virtual_no || '-' }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="reason" :label="`${resultAction}失败原因`" min-width="300" />
           </ElTable>
         </div>
 
-        <!-- 跳过记录 -->
-        <div class="skipped-section" v-if="taskDetail?.skip_count && taskDetail.skip_count > 0">
+        <div v-if="taskDetail?.skip_count && taskDetail.skip_count > 0" class="result-section">
           <ElDivider content-position="left">
-            <span class="section-title">跳过记录 ({{ taskDetail.skip_count }})</span>
+            <span class="section-title"
+              >{{ resultAction }}跳过记录 ({{ taskDetail.skip_count }})</span
+            >
           </ElDivider>
           <ElTable :data="taskDetail.skipped_items || []" border style="width: 100%">
             <ElTableColumn prop="line" label="行号" width="100" />
             <ElTableColumn v-if="taskType === 'card'" prop="iccid" label="ICCID" min-width="180" />
-            <ElTableColumn v-else prop="virtual_no" label="设备号" min-width="180" />
-            <ElTableColumn prop="reason" label="跳过原因" min-width="300" />
+            <ElTableColumn v-else label="设备标识" min-width="180" show-overflow-tooltip>
+              <template #default="scope">
+                {{ scope.row.device_identifier || scope.row.virtual_no || '-' }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="reason" :label="`${resultAction}跳过原因`" min-width="300" />
+          </ElTable>
+        </div>
+
+        <div v-if="warningCount > 0" class="result-section">
+          <ElDivider content-position="left">
+            <span class="section-title">{{ resultAction }}警告记录 ({{ warningCount }})</span>
+          </ElDivider>
+          <ElTable :data="warningItems" border style="width: 100%">
+            <ElTableColumn prop="line" label="行号" width="100" />
+            <ElTableColumn label="设备标识" min-width="180" show-overflow-tooltip>
+              <template #default="scope">
+                {{ scope.row.device_identifier || scope.row.virtual_no || '-' }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="reason" label="警告原因" min-width="300" />
           </ElTable>
         </div>
       </ElCard>
@@ -47,16 +70,15 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, h } from 'vue'
+  import { computed, h, onMounted, ref } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ref, onMounted } from 'vue'
   import { CardService, DeviceService } from '@/api/modules'
   import { ElDivider, ElIcon, ElMessage, ElTable, ElTableColumn, ElTag } from 'element-plus'
   import type { TagProps } from 'element-plus'
   import { ArrowLeft } from '@element-plus/icons-vue'
   import { formatDateTime } from '@/utils/business/format'
   import type { IotCardImportTaskDetail } from '@/types/api/card'
-  import type { DeviceImportTaskDetail } from '@/types/api/device'
+  import type { DeviceImportTaskDetail, DeviceImportTaskOperationType } from '@/types/api/device'
   import type { DetailSection } from '@/components/common/DetailPage.vue'
   import DetailPage from '@/components/common/DetailPage.vue'
   import { useUserStore } from '@/store/modules/user'
@@ -72,12 +94,53 @@
   type TaskDetail = IotCardImportTaskDetail | DeviceImportTaskDetail
 
   const taskDetail = ref<TaskDetail | null>(null)
-  const loading = ref(false)
   const taskType = ref<TaskType>('card')
+  const loading = ref(false)
+
+  const getOperationLabel = (operationType?: DeviceImportTaskOperationType) => {
+    switch (operationType) {
+      case 'assign_shop':
+        return '分配目标代理'
+      case 'assign_series':
+        return '设置套餐系列'
+      case 'recall':
+        return '批量回收设备'
+      case 'import':
+        return '导入设备'
+      default:
+        return '设备任务'
+    }
+  }
+
+  const deviceTask = computed(() =>
+    taskType.value === 'device' ? (taskDetail.value as DeviceImportTaskDetail | null) : null
+  )
+  const taskTitle = computed(() =>
+    taskType.value === 'device'
+      ? `${getOperationLabel(deviceTask.value?.operation_type)}任务详情`
+      : 'ICCID导入任务详情'
+  )
+  const resultAction = computed(() => {
+    if (taskType.value !== 'device') return '导入'
+    switch (deviceTask.value?.operation_type) {
+      case 'assign_shop':
+        return '分配'
+      case 'assign_series':
+        return '设置套餐系列'
+      case 'recall':
+        return '回收'
+      default:
+        return '导入'
+    }
+  })
+  const warningCount = computed(() =>
+    taskType.value === 'device' ? deviceTask.value?.warning_count || 0 : 0
+  )
+  const warningItems = computed(() =>
+    taskType.value === 'device' ? deviceTask.value?.warning_items || [] : []
+  )
 
-  // 获取状态标签类型
   const getStatusType = (status?: number): TagProps['type'] => {
-    if (!status) return 'info'
     switch (status) {
       case 1:
         return 'info'
@@ -92,8 +155,54 @@
     }
   }
 
-  // 详情页配置
   const detailSections = computed((): DetailSection[] => {
+    const deviceFields: DetailSection['fields'] =
+      taskType.value === 'device'
+        ? [
+            {
+              label: '操作名称',
+              prop: 'operation_name',
+              formatter: (value: string) =>
+                value || getOperationLabel(deviceTask.value?.operation_type)
+            },
+            {
+              label: '目标 ID',
+              prop: 'target_id',
+              formatter: (value: number | null) => String(value ?? '-')
+            }
+          ]
+        : []
+
+    const cardFields: DetailSection['fields'] =
+      taskType.value === 'card'
+        ? [
+            {
+              label: '运营商',
+              prop: 'carrier_name',
+              formatter: (value: string) => value || '-'
+            },
+            {
+              label: '卡业务类型',
+              render: (data: any) => {
+                if (!data.card_category) return h('span', '-')
+                return h(
+                  ElTag,
+                  {
+                    type: data.card_category === 'industry' ? 'warning' : 'success',
+                    size: 'small'
+                  },
+                  () =>
+                    data.card_category === 'normal'
+                      ? '普通卡'
+                      : data.card_category === 'industry'
+                        ? '行业卡'
+                        : data.card_category
+                )
+              }
+            }
+          ]
+        : []
+
     return [
       {
         title: '任务基本信息',
@@ -101,69 +210,44 @@
           { label: '任务编号', prop: 'task_no', formatter: (value: string) => value || '-' },
           {
             label: '任务类型',
-            render: () => {
-              return h(
+            render: () =>
+              h(
                 ElTag,
                 { type: taskType.value === 'device' ? 'warning' : 'primary', size: 'small' },
-                () => (taskType.value === 'device' ? '设备导入' : 'ICCID导入')
+                () =>
+                  taskType.value === 'device'
+                    ? getOperationLabel(deviceTask.value?.operation_type)
+                    : 'ICCID导入'
               )
-            }
           },
+          ...deviceFields,
           { label: '批次号', prop: 'batch_no', formatter: (value: string) => value || '-' },
           { label: '文件名', prop: 'file_name', formatter: (value: string) => value || '-' },
-          {
-            label: '操作人',
-            prop: 'creator_name',
-            formatter: (value: string) => value || '-'
-          },
+          { label: '操作人', prop: 'creator_name', formatter: (value: string) => value || '-' },
           {
             label: '任务状态',
-            render: (data: TaskDetail) => {
-              return h(ElTag, { type: getStatusType(data.status) }, () => data.status_text)
-            }
+            render: (data: TaskDetail) =>
+              h(
+                ElTag,
+                { type: getStatusType(data.status) },
+                () => (data as DeviceImportTaskDetail).status_name || data.status_text || '-'
+              )
           },
-          ...(taskType.value === 'card'
-            ? [
-                {
-                  label: '运营商',
-                  prop: 'carrier_name',
-                  formatter: (value: any) => value || '-'
-                },
-                {
-                  label: '卡业务类型',
-                  render: (data: any) => {
-                    if (!data.card_category) return h('span', '-')
-                    return h(
-                      ElTag,
-                      {
-                        type: data.card_category === 'industry' ? 'warning' : 'success',
-                        size: 'small'
-                      },
-                      () =>
-                        data.card_category === 'normal'
-                          ? '普通卡'
-                          : data.card_category === 'industry'
-                            ? '行业卡'
-                            : data.card_category
-                    )
-                  }
-                }
-              ]
-            : []),
+          ...cardFields,
           {
             label: '创建时间',
             prop: 'created_at',
-            formatter: (value: Date) => (value ? formatDateTime(value) : '-')
+            formatter: (value: string) => (value ? formatDateTime(value) : '-')
           },
           {
             label: '开始处理时间',
             prop: 'started_at',
-            formatter: (value: Date) => (value ? formatDateTime(value) : '-')
+            formatter: (value: string | null) => (value ? formatDateTime(value) : '-')
           },
           {
             label: '完成时间',
             prop: 'completed_at',
-            formatter: (value: Date) => (value ? formatDateTime(value) : '-')
+            formatter: (value: string | null) => (value ? formatDateTime(value) : '-')
           },
           ...(taskDetail.value?.error_message
             ? [
@@ -171,13 +255,12 @@
                   label: '错误信息',
                   prop: 'error_message',
                   fullWidth: true,
-                  render: (data: TaskDetail) => {
-                    return h(
+                  render: (data: TaskDetail) =>
+                    h(
                       'span',
                       { style: { color: 'var(--el-color-danger)' } },
                       data.error_message || ''
                     )
-                  }
                 }
               ]
             : [])
@@ -189,64 +272,57 @@
         fields: [
           {
             label: '总数',
-            render: (data: TaskDetail) => {
-              return h(
+            render: (data: TaskDetail) =>
+              h(
                 'span',
                 {
-                  style: {
-                    fontSize: '16px',
-                    fontWeight: 'bold',
-                    color: 'var(--el-color-primary)'
-                  }
+                  style: { fontSize: '16px', fontWeight: 'bold', color: 'var(--el-color-primary)' }
                 },
                 String(data.total_count || 0)
               )
-            }
           },
           {
             label: '成功数',
-            render: (data: TaskDetail) => {
-              return h(ElTag, { type: 'success' }, () => String(data.success_count || 0))
-            }
+            render: (data: TaskDetail) =>
+              h(ElTag, { type: 'success' }, () => String(data.success_count || 0))
           },
           {
             label: '失败数',
-            render: (data: TaskDetail) => {
-              return h(ElTag, { type: 'danger' }, () => String(data.fail_count || 0))
-            }
+            render: (data: TaskDetail) =>
+              h(ElTag, { type: 'danger' }, () => String(data.fail_count || 0))
           },
           {
             label: '跳过数',
-            render: (data: TaskDetail) => {
-              return h(ElTag, { type: 'warning' }, () => String(data.skip_count || 0))
-            }
-          }
+            render: (data: TaskDetail) =>
+              h(ElTag, { type: 'warning' }, () => String(data.skip_count || 0))
+          },
+          ...(taskType.value === 'device'
+            ? [
+                {
+                  label: '警告数',
+                  render: (data: TaskDetail) =>
+                    h(ElTag, { type: 'info' }, () =>
+                      String((data as DeviceImportTaskDetail).warning_count || 0)
+                    )
+                }
+              ]
+            : [])
         ]
       }
     ]
   })
 
-  // 返回列表
-  const goBack = () => {
-    router.back()
-  }
+  const goBack = () => router.back()
 
-  // 获取任务详情
   const getTaskDetail = async () => {
     const taskId = route.query.id
     const queryTaskType = route.query.task_type as TaskType | undefined
-
     if (!taskId) {
-      ElMessage.error('缺少任务ID参数')
+      ElMessage.error('缺少任务 ID 参数')
       goBack()
       return
     }
-
-    // 设置任务类型
-    if (queryTaskType) {
-      taskType.value = queryTaskType
-    }
-
+    if (queryTaskType) taskType.value = queryTaskType
     if (taskType.value === 'device' && !isPlatformAccount.value) {
       ElMessage.error('当前账号无权查看设备任务详情')
       goBack()
@@ -256,28 +332,22 @@
     loading.value = true
     try {
       if (taskType.value === 'device') {
-        // 获取设备导入任务详情
         const res = await DeviceService.getImportTaskDetail(Number(taskId))
-        if (res.code === 0) {
-          taskDetail.value = res.data
-        }
+        if (res.code === 0) taskDetail.value = res.data
       } else {
-        // 获取ICCID导入任务详情
         const res = await CardService.getIotCardImportTaskDetail(Number(taskId))
-        if (res.code === 0) {
-          taskDetail.value = res.data
-        }
+        if (res.code === 0) taskDetail.value = res.data
       }
     } catch (error) {
-      console.error(error)
-      console.log('获取任务详情失败')
+      console.error('获取任务详情失败:', error)
+      ElMessage.error('获取任务详情失败')
     } finally {
       loading.value = false
     }
   }
 
   onMounted(() => {
-    getTaskDetail()
+    void getTaskDetail()
   })
 </script>
 
@@ -285,8 +355,8 @@
   .task-detail-page {
     .detail-header {
       display: flex;
-      gap: 16px;
       align-items: center;
+      gap: 16px;
       padding-bottom: 16px;
 
       .detail-title {
@@ -297,8 +367,7 @@
       }
     }
 
-    .failure-section,
-    .skipped-section {
+    .result-section {
       margin-top: 20px;
 
       .section-title {
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 9c6f022..8f82fa5 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -269,9 +269,22 @@
               <ElFormItem class="main-wallet-filter__actions">
                 <ElButton type="primary" @click="handleMainWalletSearch">搜索</ElButton>
                 <ElButton @click="handleMainWalletReset">重置</ElButton>
+                <ElButton
+                  v-if="hasAuth('agent_wallet_transaction:export')"
+                  @click="mainWalletExportDialogVisible = true"
+                >
+                  导出
+                </ElButton>
               </ElFormItem>
             </div>
           </ElForm>
+          <ExportTaskCreateDialog
+            v-model="mainWalletExportDialogVisible"
+            scene="agent_wallet_transaction"
+            :query="mainWalletExportQuery"
+            confirm-permission="agent_wallet_transaction:export"
+            title="导出代理主钱包流水"
+          />
           <ArtTable
             ref="mainWalletTableRef"
             row-key="id"
@@ -508,6 +521,7 @@
   } from '@/config/constants/commission'
   import { RoutesAlias } from '@/router/routesAlias'
   import { normalizeApiError } from '@/utils/business/apiError'
+  import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
 
   defineOptions({ name: 'AgentCommission' })
 
@@ -619,10 +633,10 @@
             return
           }
 
-           if (value <= 0) {
-             callback(new Error('实际信用额度必须大于0'))
-             return
-           }
+          if (value <= 0) {
+            callback(new Error('实际信用额度必须大于0'))
+            return
+          }
 
           callback()
         },
@@ -649,6 +663,17 @@
     date_range: [],
     asset_identifier: ''
   })
+  const mainWalletExportDialogVisible = ref(false)
+  const mainWalletExportQuery = computed(() => {
+    const [startDate, endDate] = mainWalletSearchForm.date_range || []
+    return {
+      shop_id: currentShop.value?.shop_id,
+      transaction_type: mainWalletSearchForm.transaction_type,
+      start_date: startDate || undefined,
+      end_date: endDate || undefined,
+      asset_identifier: mainWalletSearchForm.asset_identifier.trim() || undefined
+    }
+  })
 
   // 列配置
   const columnOptions = [
@@ -878,10 +903,6 @@
     }
   ])
 
-  onMounted(() => {
-    getTableData()
-  })
-
   // 获取代理商资金汇总列表
   const getTableData = async () => {
     loading.value = true
@@ -905,6 +926,14 @@
     }
   }
 
+  const loadInitialData = async () => {
+    await getTableData()
+    const shopId = Number(route.query.shop_id)
+    if (!shopId) return
+    const targetShop = summaryList.value.find((item) => item.shop_id === shopId)
+    if (targetShop) showDetail(targetShop)
+  }
+
   // 搜索
   const handleSearch = () => {
     pagination.page = 1
@@ -953,6 +982,10 @@
     loadCommissionRecords()
   }
 
+  onMounted(() => {
+    void loadInitialData()
+  })
+
   // 获取操作按钮
   const getActions = (row: ShopFundSummaryItem) => {
     const actions: any[] = []
diff --git a/src/views/dashboard/console/widget/ExpiringAssetStats.vue b/src/views/dashboard/console/widget/ExpiringAssetStats.vue
index 4dc11af..d6fd430 100644
--- a/src/views/dashboard/console/widget/ExpiringAssetStats.vue
+++ b/src/views/dashboard/console/widget/ExpiringAssetStats.vue
@@ -23,20 +23,24 @@
   import { onMounted, reactive } from 'vue'
   import { useRouter } from 'vue-router'
   import { AssetService } from '@/api/modules'
-  import type { AssetType } from '@/types/api'
+  import type { AssetType, ExpiringAssetType } from '@/types/api'
   import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'ExpiringAssetStats' })
 
   const router = useRouter()
   const counts = reactive<Record<AssetType, number>>({ card: 0, device: 0 })
+  const apiAssetTypes: Record<AssetType, ExpiringAssetType> = {
+    card: 'iot_card',
+    device: 'device'
+  }
 
   const loadCount = async (assetType: AssetType) => {
     try {
       const response = await AssetService.getExpiringAssets({
-        asset_type: assetType,
+        asset_type: apiAssetTypes[assetType],
         page: 1,
-        size: 1
+        page_size: 1
       })
       if (response.code === 0 && response.data) counts[assetType] = response.data.total || 0
     } catch {
@@ -47,7 +51,7 @@
   const goToList = (assetType?: AssetType) => {
     router.push({
       path: RoutesAlias.ExpiringAssets,
-      query: assetType ? { asset_type: assetType } : {}
+      query: assetType ? { asset_type: apiAssetTypes[assetType] } : {}
     })
   }
 
diff --git a/src/views/finance/agent-recharge/agentRechargeActions.ts b/src/views/finance/agent-recharge/agentRechargeActions.ts
index 42c581f..c7b8049 100644
--- a/src/views/finance/agent-recharge/agentRechargeActions.ts
+++ b/src/views/finance/agent-recharge/agentRechargeActions.ts
@@ -19,6 +19,11 @@ export const buildAgentRechargeActions = (
   options: BuildAgentRechargeActionsOptions
 ): AgentRechargeAction[] => {
   const actions: AgentRechargeAction[] = []
+  const hasApprovalRecord =
+    row.approval_provider === 'wecom' ||
+    row.approval_source === 'wecom' ||
+    row.approval_source === 'legacy' ||
+    (row.approval_instance_id !== undefined && row.approval_instance_id !== null)
 
   if (
     row.payment_method === 'offline' &&
@@ -33,6 +38,7 @@ export const buildAgentRechargeActions = (
   }
 
   if (
+    !hasApprovalRecord &&
     row.status === AgentRechargeStatus.PENDING &&
     row.payment_method === 'offline' &&
     options.hasAuth('agent_recharge:confirm_payment')
@@ -44,7 +50,11 @@ export const buildAgentRechargeActions = (
     })
   }
 
-  if (row.status === AgentRechargeStatus.PENDING && options.hasAuth('agent_recharge:reject')) {
+  if (
+    !hasApprovalRecord &&
+    row.status === AgentRechargeStatus.PENDING &&
+    options.hasAuth('agent_recharge:reject')
+  ) {
     actions.push({
       label: '拒绝',
       handler: () => options.onReject(row),
diff --git a/src/views/finance/agent-recharge/detail.vue b/src/views/finance/agent-recharge/detail.vue
index eb1c1fb..74ac517 100644
--- a/src/views/finance/agent-recharge/detail.vue
+++ b/src/views/finance/agent-recharge/detail.vue
@@ -68,26 +68,12 @@
       2: 'success', // 已支付
       3: 'success', // 已完成
       4: 'info', // 已关闭
-       5: 'danger', // 已退款
-       6: 'danger' // 已驳回
+      5: 'danger', // 已退款
+      6: 'danger' // 已驳回
     }
     return statusMap[status] || 'info'
   }
 
-  // 获取状态文本（优先使用 status_name，否则使用本地映射）
-  const getStatusText = (status: AgentRechargeStatus, statusName?: string): string => {
-    if (statusName) return statusName
-    const statusMap: Record<AgentRechargeStatus, string> = {
-      1: '待支付',
-      2: '已支付',
-      3: '已完成',
-      4: '已关闭',
-       5: '已退款',
-       6: '已驳回'
-    }
-    return statusMap[status] || '-'
-  }
-
   // 获取支付方式文本
   const getPaymentMethodText = (method: AgentRechargePaymentMethod): string => {
     const methodMap: Record<AgentRechargePaymentMethod, string> = {
@@ -97,6 +83,12 @@
     return methodMap[method] || method
   }
 
+  const getApprovalProviderText = (data: AgentRecharge) => {
+    if (data.approval_provider === 'wecom' || data.approval_source === 'wecom') return '企微'
+    if (data.approval_source === 'legacy') return '历史审批'
+    return data.approval_provider || data.approval_source || '-'
+  }
+
   // 详情配置
   const detailSections = computed((): DetailSection[] => [
     {
@@ -104,6 +96,7 @@
       fields: [
         { label: '充值单号', prop: 'recharge_no' },
         { label: '店铺名称', prop: 'shop_name' },
+        { label: '提交人', prop: 'submitter_name', formatter: (value) => value || '-' },
         {
           label: '充值金额',
           formatter: (_, data) => formatCurrency(data.amount)
@@ -111,9 +104,7 @@
         {
           label: '状态',
           render: (data) =>
-            h(ElTag, { type: getStatusType(data.status) }, () =>
-              getStatusText(data.status, data.status_name)
-            )
+            h(ElTag, { type: getStatusType(data.status) }, () => data.status_name || '-')
         },
         {
           label: '驳回原因',
@@ -123,6 +114,30 @@
         }
       ]
     },
+    {
+      title: '企微审批信息',
+      fields: [
+        { label: '审批渠道', formatter: (_, data) => getApprovalProviderText(data) },
+        {
+          label: '审批状态',
+          formatter: (_, data) => data.approval_status_name || '-'
+        },
+        {
+          label: '当前审批人摘要',
+          formatter: (_, data) => data.current_approver_summary || '-',
+          fullWidth: true
+        }
+      ]
+    },
+    {
+      title: '业务处理结果',
+      fields: [
+        {
+          label: '处理状态',
+          formatter: (_, data) => data.processing_status_name || '-'
+        }
+      ]
+    },
     {
       title: '支付信息',
       fields: [
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 958ed36..0aa542e 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -24,6 +24,9 @@
               v-if="hasAuth('agent_recharge:create')"
               >创建充值订单</ElButton
             >
+            <ElButton v-if="hasAuth('agent_recharge:export')" @click="exportDialogVisible = true">
+              导出
+            </ElButton>
           </template>
         </ArtTableHeader>
 
@@ -66,7 +69,7 @@
                 placeholder="请输入充值金额（元）"
               />
               <div style="margin-top: 8px; font-size: 12px; color: var(--el-text-color-secondary)">
-                最小: ¥0.01，最大: 不限制
+                最小: ¥0.01，最大: ¥1,000,000.00
               </div>
             </ElFormItem>
             <ElFormItem label="支付方式" prop="payment_method">
@@ -129,6 +132,15 @@
           </template>
         </ElDialog>
 
+        <!-- 导出任务对话框 -->
+        <ExportTaskCreateDialog
+          v-model="exportDialogVisible"
+          scene="agent_recharge"
+          :query="exportQuery"
+          confirm-permission="agent_recharge:export"
+          title="导出代理充值"
+        />
+
         <!-- 确认线下支付对话框 -->
         <ElDialog
           v-model="confirmPayDialogVisible"
@@ -245,6 +257,7 @@
   import { useAuth } from '@/composables/useAuth'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import { buildAgentRechargeActions } from './agentRechargeActions'
   import { formatRejectionReason } from './agentRechargeDisplay'
 
@@ -260,6 +273,7 @@
   const rejectLoading = ref(false)
   const tableRef = ref()
   const createDialogVisible = ref(false)
+  const exportDialogVisible = ref(false)
   const confirmPayDialogVisible = ref(false)
   const rejectDialogVisible = ref(false)
   const currentRecharge = ref<AgentRecharge | null>(null)
@@ -336,8 +350,11 @@
       placeholder: '请选择状态',
       options: [
         { label: '待支付', value: 1 },
-        { label: '已完成', value: 2 },
-        { label: '已取消', value: 3 }
+        { label: '已支付', value: 2 },
+        { label: '已完成', value: 3 },
+        { label: '已关闭', value: 4 },
+        { label: '已退款', value: 5 },
+        { label: '已驳回', value: 6 }
       ],
       config: {
         clearable: true
@@ -370,16 +387,19 @@
     { label: '店铺名称', prop: 'shop_name' },
     { label: '充值金额', prop: 'amount' },
     { label: '状态', prop: 'status' },
+    { label: '审批渠道', prop: 'approval_provider' },
     { label: '提交人', prop: 'submitter_name' },
     { label: '审批状态', prop: 'approval_status' },
     { label: '当前审批人摘要', prop: 'current_approver_summary' },
     { label: '业务处理状态', prop: 'processing_status_name' },
     { label: '支付方式', prop: 'payment_method' },
     { label: '支付通道', prop: 'payment_channel' },
+    { label: '运营备注', prop: 'remark' },
     { label: '驳回原因', prop: 'rejection_reason' },
     { label: '创建时间', prop: 'created_at' },
     { label: '支付时间', prop: 'paid_at' },
-    { label: '完成时间', prop: 'completed_at' }
+    { label: '完成时间', prop: 'completed_at' },
+    { label: '更新时间', prop: 'updated_at' }
   ]
 
   const createFormRef = ref<FormInstance>()
@@ -387,6 +407,7 @@
   const rejectFormRef = ref<FormInstance>()
   const uploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const MIN_RECHARGE_AMOUNT = 0.01
+  const MAX_RECHARGE_AMOUNT = 1_000_000
 
   const createRules = computed<FormRules>(() => {
     const rules: FormRules = {
@@ -402,6 +423,10 @@
               callback(new Error(`充值金额最小为 ¥${MIN_RECHARGE_AMOUNT.toFixed(2)}`))
               return
             }
+            if (Number(value) > MAX_RECHARGE_AMOUNT) {
+              callback(new Error(`充值金额最大为 ¥${MAX_RECHARGE_AMOUNT.toFixed(2)}`))
+              return
+            }
             callback()
           },
           trigger: 'blur'
@@ -464,26 +489,12 @@
       2: 'success', // 已支付
       3: 'success', // 已完成
       4: 'info', // 已关闭
-       5: 'danger', // 已退款
-       6: 'danger' // 已驳回
+      5: 'danger', // 已退款
+      6: 'danger' // 已驳回
     }
     return statusMap[status] || 'info'
   }
 
-  // 获取状态文本（优先使用 status_name，否则使用本地映射）
-  const getStatusText = (status: AgentRechargeStatus, statusName?: string): string => {
-    if (statusName) return statusName
-    const statusMap: Record<AgentRechargeStatus, string> = {
-      1: '待支付',
-      2: '已支付',
-      3: '已完成',
-      4: '已关闭',
-       5: '已退款',
-       6: '已驳回'
-    }
-    return statusMap[status] || '-'
-  }
-
   // 获取支付方式文本
   const getPaymentMethodText = (method: AgentRechargePaymentMethod): string => {
     const methodMap: Record<AgentRechargePaymentMethod, string> = {
@@ -530,9 +541,17 @@
       label: '状态',
       width: 100,
       formatter: (row: AgentRecharge) => {
-        return h(ElTag, { type: getStatusType(row.status) }, () =>
-          getStatusText(row.status, row.status_name)
-        )
+        return h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '-')
+      }
+    },
+    {
+      prop: 'approval_provider',
+      label: '审批渠道',
+      width: 110,
+      formatter: (row: AgentRecharge) => {
+        if (row.approval_provider === 'wecom' || row.approval_source === 'wecom') return '企微'
+        if (row.approval_source === 'legacy') return '历史审批'
+        return row.approval_provider || row.approval_source || '-'
       }
     },
     {
@@ -605,6 +624,12 @@
       label: '完成时间',
       width: 180,
       formatter: (row: AgentRecharge) => (row.completed_at ? formatDateTime(row.completed_at) : '-')
+    },
+    {
+      prop: 'updated_at',
+      label: '更新时间',
+      width: 180,
+      formatter: (row: AgentRecharge) => formatDateTime(row.updated_at)
     }
   ])
 
@@ -711,6 +736,13 @@
     getTableData()
   }
 
+  const exportQuery = computed(() => ({
+    shop_id: searchForm.shop_id,
+    status: searchForm.status,
+    start_date: searchForm.start_date || searchForm.dateRange?.[0],
+    end_date: searchForm.end_date || searchForm.dateRange?.[1]
+  }))
+
   // 刷新表格
   const handleRefresh = () => {
     getTableData()
diff --git a/src/views/finance/refund/detail.vue b/src/views/finance/refund/detail.vue
index e83f786..43a2295 100644
--- a/src/views/finance/refund/detail.vue
+++ b/src/views/finance/refund/detail.vue
@@ -162,6 +162,34 @@
     return `¥${(amount / 100).toFixed(2)}`
   }
 
+  const getApprovalProviderText = (item: Refund) => {
+    const provider = item.approval_provider || item.approval_source || item.approval?.source
+    if (provider === 'wecom') return '企微'
+    if (provider === 'legacy') return '历史审批'
+    if (provider === 'none') return '无'
+    return provider || '-'
+  }
+
+  const getRefundApprovalStatusText = (item: Refund) => {
+    return item.approval_status_name || item.approval?.status_name || item.approval?.status || '-'
+  }
+
+  const isHiddenIdKey = (key: string) => {
+    const normalizedKey = key.toLowerCase()
+    return normalizedKey === 'id' || normalizedKey === 'userid' || normalizedKey.endsWith('_id')
+  }
+
+  const sanitizeStructuredValue = (value: unknown): unknown => {
+    if (Array.isArray(value)) return value.map((item) => sanitizeStructuredValue(item))
+    if (!value || typeof value !== 'object') return value
+
+    return Object.fromEntries(
+      Object.entries(value)
+        .filter(([key]) => !isHiddenIdKey(key))
+        .map(([key, item]) => [key, sanitizeStructuredValue(item)])
+    )
+  }
+
   const formatStructuredValue = (value: unknown) => {
     if (value === undefined || value === null || value === '') return '-'
     if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
@@ -171,7 +199,7 @@
   }
 
   const renderStructuredValue = (value: unknown) =>
-    h('pre', { class: 'structured-value' }, formatStructuredValue(value))
+    h('pre', { class: 'structured-value' }, formatStructuredValue(sanitizeStructuredValue(value)))
 
   const renderTimeline = (timeline: unknown) => {
     if (!Array.isArray(timeline) || timeline.length === 0) return h('span', '-')
@@ -181,7 +209,7 @@
       { class: 'approval-timeline' },
       timeline.map((item: any) => {
         const title = item.status_name || item.status || item.content || '审批节点'
-        const operator = item.operator_name || item.operator || ''
+        const operator = item.operator_name || ''
         const time = item.time || item.timestamp || ''
         const comment = item.comment || item.content || ''
         return h('div', { class: 'approval-timeline__item' }, [
@@ -207,6 +235,8 @@
         { label: '订单号', prop: 'order_no' },
         { label: '资产标识符', prop: 'asset_identifier' },
         { label: '资产类型', prop: 'asset_type' },
+        { label: '退款状态', prop: 'status_name', formatter: (value) => value || '-' },
+        { label: '提交人', prop: 'submitter_name', formatter: (value) => value || '-' },
         {
           label: '申请退款金额',
           formatter: (_, data) => formatCurrency(data.requested_refund_amount)
@@ -225,6 +255,12 @@
           formatter: (value) => value || '-',
           fullWidth: true
         },
+        {
+          label: '拒绝原因',
+          prop: 'reject_reason',
+          formatter: (value) => value || '-',
+          fullWidth: true
+        },
         {
           label: '备注',
           prop: 'remark',
@@ -258,17 +294,30 @@
           formatter: (_, data) => (data.commission_deducted ? '是' : '否')
         },
         { label: '创建时间', prop: 'created_at', formatter: (value) => formatDateTime(value) },
+        {
+          label: '审批时间',
+          prop: 'processed_at',
+          formatter: (value) => (value ? formatDateTime(value) : '-')
+        },
         { label: '更新时间', prop: 'updated_at', formatter: (value) => formatDateTime(value) }
       ]
     },
     {
       title: '企微审批信息',
       fields: [
-        { label: '审批来源', prop: 'approval.source' },
+        { label: '审批渠道', formatter: (_, data) => getApprovalProviderText(data) },
+        {
+          label: '审批来源',
+          formatter: (_, data) => data.approval?.source || data.approval_source || '-'
+        },
         { label: '审批单号', prop: 'approval.sp_no' },
         {
           label: '审批状态',
-          formatter: (_, data) => data.approval?.status_name || data.approval?.status || '-'
+          formatter: (_, data) => getRefundApprovalStatusText(data)
+        },
+        {
+          label: '当前审批人摘要',
+          formatter: (_, data) => data.current_approver_summary || '-'
         },
         { label: '模板版本', prop: 'approval.template_version' },
         {
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index e378658..9c218fe 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -21,6 +21,9 @@
             <ElButton type="primary" @click="showCreateDialog" v-if="hasAuth('refund:create')"
               >创建退款申请</ElButton
             >
+            <ElButton v-if="hasAuth('refund:export')" @click="exportDialogVisible = true">
+              导出
+            </ElButton>
           </template>
         </ArtTableHeader>
 
@@ -48,6 +51,15 @@
         <!-- 创建退款申请对话框 -->
         <CreateRefundDialog v-model="createDialogVisible" @success="handleCreateSuccess" />
 
+        <!-- 导出任务对话框 -->
+        <ExportTaskCreateDialog
+          v-model="exportDialogVisible"
+          scene="refund"
+          :query="exportQuery"
+          confirm-permission="refund:export"
+          title="导出退款"
+        />
+
         <!-- 退款凭证预览 -->
         <PaymentVoucherDialog
           :file-keys="refundVoucherFileKeys"
@@ -147,7 +159,6 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
   import {
-    getApprovalStatusText,
     getCurrentApproverSummaryText,
     getProcessingStatusText
   } from '@/utils/business/approvalSummary'
@@ -155,6 +166,7 @@
   import { RoutesAlias } from '@/router/routesAlias'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
+  import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
 
   import { useAuth } from '@/composables/useAuth'
 
@@ -170,6 +182,7 @@
   const tableRef = ref()
   const resubmitUploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const createDialogVisible = ref(false)
+  const exportDialogVisible = ref(false)
   const resubmitDialogVisible = ref(false)
   const currentRefund = ref<Refund | null>(null)
   const refundVoucherFileKeys = ref<string[]>([])
@@ -269,6 +282,7 @@
     { label: '实际退款金额', prop: 'approved_refund_amount' },
     { label: '实收金额', prop: 'actual_received_amount' },
     { label: '状态', prop: 'status' },
+    { label: '审批渠道', prop: 'approval_provider' },
     { label: '提交人', prop: 'submitter_name' },
     { label: '审批状态', prop: 'approval_status' },
     { label: '当前审批人摘要', prop: 'current_approver_summary' },
@@ -279,7 +293,8 @@
     { label: '资产重置', prop: 'asset_reset' },
     { label: '佣金扣除', prop: 'commission_deducted' },
     { label: '创建时间', prop: 'created_at' },
-    { label: '审批时间', prop: 'processed_at' }
+    { label: '审批时间', prop: 'processed_at' },
+    { label: '更新时间', prop: 'updated_at' }
   ]
 
   const resubmitFormRef = ref<FormInstance>()
@@ -320,17 +335,6 @@
     return statusMap[status] || 'info'
   }
 
-  // 获取状态文本
-  const getStatusText = (status: RefundStatus): string => {
-    const statusMap: Record<RefundStatus, string> = {
-      1: '待审批',
-      2: '已通过',
-      3: '已拒绝',
-      4: '已退回'
-    }
-    return statusMap[status] || '-'
-  }
-
   // 动态列配置
   const { columnChecks, columns } = useCheckedColumns(() => [
     {
@@ -404,7 +408,17 @@
       label: '状态',
       width: 100,
       formatter: (row: Refund) => {
-        return h(ElTag, { type: getStatusType(row.status) }, () => getStatusText(row.status))
+        return h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '-')
+      }
+    },
+    {
+      prop: 'approval_provider',
+      label: '审批渠道',
+      width: 110,
+      formatter: (row: Refund) => {
+        if (row.approval_provider === 'wecom' || row.approval_source === 'wecom') return '企微'
+        if (row.approval_source === 'legacy') return '历史审批'
+        return row.approval_provider || row.approval_source || '-'
       }
     },
     {
@@ -418,7 +432,7 @@
       prop: 'approval_status',
       label: '审批状态',
       width: 120,
-      formatter: (row: Refund) => getApprovalStatusText(row)
+      formatter: (row: Refund) => row.approval_status_name || '-'
     },
     {
       prop: 'current_approver_summary',
@@ -483,6 +497,12 @@
       label: '审批时间',
       width: 180,
       formatter: (row: Refund) => (row.processed_at ? formatDateTime(row.processed_at) : '-')
+    },
+    {
+      prop: 'updated_at',
+      label: '更新时间',
+      width: 180,
+      formatter: (row: Refund) => formatDateTime(row.updated_at)
     }
   ])
 
@@ -564,6 +584,13 @@
     }
   }
 
+  const exportQuery = computed(() => ({
+    status: searchForm.status,
+    order_id: searchForm.order_id,
+    shop_id: searchForm.shop_id,
+    asset_identifier: searchForm.asset_identifier?.trim() || undefined
+  }))
+
   // 重置搜索
   const handleReset = () => {
     Object.assign(searchForm, { ...initialSearchState })
diff --git a/src/views/notifications/index.vue b/src/views/notifications/index.vue
deleted file mode 100644
index ddc164b..0000000
--- a/src/views/notifications/index.vue
+++ /dev/null
@@ -1,277 +0,0 @@
-<template>
-  <ArtTableFullScreen>
-    <div class="notification-center-page" id="table-full-screen">
-      <ElCard shadow="never" class="art-table-card">
-        <template #header>
-          <div class="page-header">
-            <div>
-              <h2>通知中心</h2>
-              <p>查看余额预警、临期提醒、审批结果和系统告警。</p>
-            </div>
-            <ElButton
-              v-if="hasAuth(NOTIFICATION_PERMISSIONS.readAll)"
-              :loading="markingAllRead"
-              @click="handleMarkAllRead"
-            >
-              全部已读
-            </ElButton>
-          </div>
-        </template>
-
-        <div class="filters">
-          <ElSelect v-model="filters.category" clearable placeholder="通知分类" @change="reload">
-            <ElOption label="临期提醒" value="expiry" />
-            <ElOption label="审批" value="approval" />
-            <ElOption label="同步" value="sync" />
-            <ElOption label="系统" value="system" />
-          </ElSelect>
-          <ElSelect v-model="filters.type" clearable placeholder="通知类型" @change="reload">
-            <ElOption v-for="type in typeOptions" :key="type" :label="type" :value="type" />
-          </ElSelect>
-          <ElSelect v-model="filters.severity" clearable placeholder="严重级别" @change="reload">
-            <ElOption label="提示" value="info" />
-            <ElOption label="警告" value="warning" />
-            <ElOption label="严重" value="error" />
-            <ElOption label="严重" value="critical" />
-          </ElSelect>
-          <ElSelect v-model="filters.is_read" clearable placeholder="已读状态" @change="reload">
-            <ElOption label="未读" :value="false" />
-            <ElOption label="已读" :value="true" />
-          </ElSelect>
-          <ElButton @click="loadNotifications">刷新</ElButton>
-        </div>
-
-        <ElTable v-loading="loading" :data="notifications" row-key="id" class="notification-table">
-          <ElTableColumn label="状态" width="90">
-            <template #default="scope">
-              <span :class="['read-dot', { unread: !isRead(scope.row) }]" />
-              {{ isRead(scope.row) ? '已读' : '未读' }}
-            </template>
-          </ElTableColumn>
-          <ElTableColumn prop="title" label="通知标题" min-width="200" show-overflow-tooltip />
-          <ElTableColumn label="分类" width="120">
-            <template #default="scope">{{ getCategoryLabel(scope.row.category) }}</template>
-          </ElTableColumn>
-          <ElTableColumn label="严重级别" width="110">
-            <template #default="scope">
-              <ElTag :type="getSeverityType(scope.row.severity)">
-                {{ getSeverityLabel(scope.row.severity) }}
-              </ElTag>
-            </template>
-          </ElTableColumn>
-          <ElTableColumn prop="body" label="通知内容" min-width="300" show-overflow-tooltip />
-          <ElTableColumn prop="read_at" label="已读时间" width="180" />
-          <ElTableColumn prop="created_at" label="时间" width="180" />
-          <ElTableColumn label="操作" width="100" fixed="right">
-            <template #default="scope">
-              <ElButton
-                v-if="hasAuth(NOTIFICATION_PERMISSIONS.read)"
-                link
-                type="primary"
-                @click="handleNotificationClick(scope.row)"
-              >
-                查看
-              </ElButton>
-              <span v-else>-</span>
-            </template>
-          </ElTableColumn>
-        </ElTable>
-
-        <div class="pagination-wrapper">
-          <ElPagination
-            v-model:current-page="page"
-            v-model:page-size="pageSize"
-            layout="total, sizes, prev, pager, next"
-            :total="total"
-            @current-change="loadNotifications"
-            @size-change="reload"
-          />
-        </div>
-      </ElCard>
-    </div>
-  </ArtTableFullScreen>
-</template>
-
-<script setup lang="ts">
-  import { onMounted, reactive, ref } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { ElMessage } from 'element-plus'
-  import { NotificationService } from '@/api/modules'
-  import type { NotificationItem, NotificationQueryParams } from '@/types/api'
-  import { useNotificationStore } from '@/store/modules/notification'
-  import { useAuth } from '@/composables/useAuth'
-  import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
-  import { navigateNotificationTarget } from '@/utils/business/notificationNavigation'
-
-  defineOptions({ name: 'NotificationCenter' })
-
-  const router = useRouter()
-  const notificationStore = useNotificationStore()
-  const { hasAuth } = useAuth()
-  const notifications = ref<NotificationItem[]>([])
-  const loading = ref(false)
-  const markingAllRead = ref(false)
-  const total = ref(0)
-  const page = ref(1)
-  const pageSize = ref(20)
-  const typeOptions = ref<string[]>([])
-  const filters = reactive<NotificationQueryParams>({
-    category: undefined,
-    type: undefined,
-    severity: undefined,
-    is_read: undefined
-  })
-
-  const isRead = (item: NotificationItem) => item.is_read
-
-  const getCategoryLabel = (category?: string | null) =>
-    ({
-      balance: '余额预警',
-      expiry: '临期提醒',
-      expiring: '临期提醒',
-      approval: '审批',
-      sync: '同步/系统',
-      system: '同步/系统'
-    })[category || ''] ||
-    category ||
-    '-'
-
-  const getSeverityLabel = (severity?: string | null) =>
-    ({ info: '提示', warning: '警告', error: '严重', critical: '严重' })[severity || ''] ||
-    severity ||
-    '-'
-
-  const getSeverityType = (severity?: string | null) => {
-    if (severity === 'error') return 'danger'
-    if (severity === 'warning') return 'warning'
-    if (severity === 'critical') return 'danger'
-    return 'info'
-  }
-
-  const loadNotifications = async () => {
-    loading.value = true
-    try {
-      const response = await NotificationService.getNotifications({
-        page: page.value,
-        page_size: pageSize.value,
-        ...filters
-      })
-      if (response.code !== 0 || !response.data) {
-        ElMessage.error(response.msg || '获取通知列表失败')
-        return
-      }
-      notifications.value = response.data.items || []
-      total.value = response.data.total || 0
-      typeOptions.value = Array.from(
-        new Set(
-          notifications.value
-            .map((item) => item.type)
-            .filter((type): type is string => Boolean(type))
-        )
-      )
-      await notificationStore.refreshUnreadCount()
-    } catch (error: any) {
-      ElMessage.error(error?.message || '获取通知列表失败')
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const reload = () => {
-    page.value = 1
-    void loadNotifications()
-  }
-
-  const handleMarkAllRead = async () => {
-    markingAllRead.value = true
-    try {
-      const response = await notificationStore.markAllRead()
-      if (response.code !== 0) ElMessage.error(response.msg || '全部已读失败')
-      else await loadNotifications()
-    } catch (error: any) {
-      ElMessage.error(error?.message || '全部已读失败')
-    } finally {
-      markingAllRead.value = false
-    }
-  }
-
-  const handleNotificationClick = async (item: NotificationItem) => {
-    try {
-      const targetResponse = await NotificationService.getTarget(item.id)
-      const readResponse = await notificationStore.markRead(item.id)
-      if (readResponse.code !== 0) {
-        ElMessage.error(readResponse.msg || '标记已读失败')
-        return
-      }
-      if (targetResponse.code !== 0 || !targetResponse.data) {
-        ElMessage.info(item.body || '该通知暂无可跳转目标')
-        await loadNotifications()
-        return
-      }
-      if (!navigateNotificationTarget(router, targetResponse.data)) {
-        ElMessage.info(item.body || '该通知暂无可跳转目标')
-      }
-      await loadNotifications()
-    } catch (error: any) {
-      ElMessage.error(error?.message || '处理通知失败')
-    }
-  }
-
-  onMounted(() => {
-    void loadNotifications()
-  })
-</script>
-
-<style scoped lang="scss">
-  .notification-center-page {
-    .page-header,
-    .filters {
-      display: flex;
-      gap: 12px;
-      align-items: center;
-    }
-
-    .page-header {
-      justify-content: space-between;
-
-      h2 {
-        margin: 0;
-        font-size: 20px;
-      }
-
-      p {
-        margin: 8px 0 0;
-        color: var(--el-text-color-secondary);
-      }
-    }
-
-    .filters {
-      flex-wrap: wrap;
-      margin-bottom: 16px;
-
-      .el-select {
-        width: 160px;
-      }
-    }
-
-    .read-dot {
-      display: inline-block;
-      width: 8px;
-      height: 8px;
-      margin-right: 6px;
-      vertical-align: middle;
-      background: var(--el-border-color);
-      border-radius: 50%;
-
-      &.unread {
-        background: var(--el-color-danger);
-      }
-    }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
-  }
-</style>
diff --git a/src/views/order-management/bulk-purchase/index.vue b/src/views/order-management/bulk-purchase/index.vue
deleted file mode 100644
index d30e9d5..0000000
--- a/src/views/order-management/bulk-purchase/index.vue
+++ /dev/null
@@ -1,446 +0,0 @@
-<template>
-  <ArtTableFullScreen>
-    <div class="bulk-purchase-page" id="table-full-screen">
-      <ElCard shadow="never" class="art-table-card">
-        <template #header>
-          <div class="page-header">
-            <div>
-              <h2>批量订购套餐</h2>
-              <p>同一批次只能选择一种支付方式，系统按任务结果逐行处理订单。</p>
-            </div>
-            <ElButton
-              v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.template)"
-              tag="a"
-               href="/templates/bulk-purchase-template.csv"
-               download="批量订购套餐模板.csv"
-            >
-              下载模板
-            </ElButton>
-          </div>
-        </template>
-
-        <ElForm ref="formRef" :model="form" :rules="rules" label-width="110px" class="create-form">
-          <ElFormItem label="套餐 ID" prop="package_id">
-            <ElInputNumber v-model="form.package_id" :min="1" controls-position="right" />
-          </ElFormItem>
-
-          <ElFormItem label="支付方式" prop="payment_method">
-            <ElRadioGroup v-model="form.payment_method" @change="handlePaymentMethodChange">
-              <ElRadio value="wallet">代理钱包</ElRadio>
-              <ElRadio value="offline">线下支付</ElRadio>
-            </ElRadioGroup>
-          </ElFormItem>
-
-          <ElFormItem label="订单文件" prop="orderFile">
-            <VoucherUpload
-              ref="orderUploadRef"
-              v-model="orderFileKeys"
-              voucher-name="订单文件"
-               :max-count="1"
-               purpose="batch_purchase"
-               :max-size-mb="10"
-               single-column-csv
-               :max-csv-rows="1000"
-               accept=".csv"
-               tip="仅支持 UTF-8 单列 CSV，最多 1000 行，最大 10MB"
-              @uploading-change="orderFileUploading = $event"
-              @change="formRef?.validateField('orderFile')"
-            />
-          </ElFormItem>
-
-          <ElFormItem
-            v-if="form.payment_method === 'offline'"
-            label="整批支付凭证"
-            prop="voucherFile"
-          >
-            <VoucherUpload
-              ref="voucherUploadRef"
-              v-model="voucherFileKeys"
-              voucher-name="整批支付凭证"
-               @uploading-change="voucherUploading = $event"
-              @change="formRef?.validateField('voucherFile')"
-            />
-          </ElFormItem>
-
-          <ElAlert
-            v-if="submitting || voucherUploading || orderFileUploading"
-            type="info"
-            :closable="false"
-            show-icon
-            :title="
-              voucherUploading
-                ? '支付凭证上传中，请稍候'
-                : orderFileUploading
-                  ? '订单文件上传中，请稍候'
-                  : '批量订购文件上传及任务创建中，请勿重复提交'
-            "
-          />
-
-          <div class="form-actions">
-            <ElButton
-              type="primary"
-              :loading="submitting || voucherUploading || orderFileUploading"
-              :disabled="
-                voucherUploading || orderFileUploading || !hasAuth(BULK_PURCHASE_PERMISSIONS.create)
-              "
-              @click="submitTask"
-            >
-              创建批量订购任务
-            </ElButton>
-            <ElButton v-if="taskDetail" @click="resetTask">重新创建</ElButton>
-          </div>
-        </ElForm>
-      </ElCard>
-
-      <ElCard
-        v-if="taskDetail && hasAuth(BULK_PURCHASE_PERMISSIONS.detail)"
-        shadow="never"
-        class="art-table-card task-card"
-      >
-        <template #header>
-          <div class="task-header">
-            <span>任务结果</span>
-            <ElTag :type="getStatusType(taskDetail.status)">
-              {{ taskDetail.status_name || getStatusName(taskDetail.status) }}
-            </ElTag>
-          </div>
-        </template>
-
-        <ElDescriptions :column="4" border>
-          <ElDescriptionsItem label="任务号">{{
-            taskDetail.task_no || taskDetail.task_id
-          }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="总数">{{ taskDetail.total_count ?? 0 }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="成功数">{{
-            taskDetail.success_count ?? 0
-          }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="失败数">{{ taskDetail.failed_count ?? 0 }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="总金额">{{
-            formatAmount(taskDetail.total_amount)
-          }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="成功金额">{{
-            formatAmount(taskDetail.success_amount)
-          }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="失败金额">{{
-            formatAmount(taskDetail.failed_amount)
-          }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="更新时间">{{
-            formatDateTime(taskDetail.updated_at)
-          }}</ElDescriptionsItem>
-        </ElDescriptions>
-
-        <ElAlert
-          v-if="taskDetail.error_summary"
-          class="task-error"
-          type="error"
-          :closable="false"
-          :title="taskDetail.error_summary"
-        />
-
-        <div v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.items)" class="items-toolbar">
-          <ElSelect v-model="itemStatus" clearable placeholder="筛选行状态" @change="reloadItems">
-            <ElOption label="成功" value="success" />
-            <ElOption label="失败" value="failed" />
-            <ElOption label="处理中" value="processing" />
-          </ElSelect>
-          <ElButton @click="reloadItems">刷新结果</ElButton>
-        </div>
-
-        <ElTable
-          v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.items)"
-          v-loading="itemsLoading"
-          :data="items"
-          border
-        >
-          <ElTableColumn label="行号" width="90">
-            <template #default="scope">{{
-              scope.row.row_number ?? scope.row.line ?? '-'
-            }}</template>
-          </ElTableColumn>
-          <ElTableColumn label="资产" min-width="180">
-            <template #default="scope">{{ getAssetIdentifier(scope.row) }}</template>
-          </ElTableColumn>
-          <ElTableColumn prop="package_code" label="套餐编码" min-width="150" />
-          <ElTableColumn label="状态" width="110">
-            <template #default="scope">{{
-              scope.row.status_name || scope.row.status || '-'
-            }}</template>
-          </ElTableColumn>
-          <ElTableColumn label="错误原因" min-width="240" show-overflow-tooltip>
-            <template #default="scope">
-              {{ scope.row.error_summary || scope.row.error_reason || scope.row.error_code || '-' }}
-            </template>
-          </ElTableColumn>
-        </ElTable>
-
-        <div v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.items)" class="pagination-wrapper">
-          <ElPagination
-            v-model:current-page="itemsPage"
-            v-model:page-size="itemsSize"
-            layout="total, sizes, prev, pager, next"
-            :total="itemsTotal"
-            @current-change="loadItems"
-            @size-change="reloadItems"
-          />
-        </div>
-      </ElCard>
-    </div>
-  </ArtTableFullScreen>
-</template>
-
-<script setup lang="ts">
-  import { computed, onMounted, reactive, ref, watch } from 'vue'
-  import { useRoute, useRouter } from 'vue-router'
-  import {
-    ElAlert,
-    ElButton,
-    ElCard,
-    ElDescriptions,
-     ElDescriptionsItem,
-     ElInputNumber,
-    ElForm,
-    ElMessage,
-    ElOption,
-    ElPagination,
-    ElRadio,
-    ElRadioGroup,
-    ElSelect,
-    ElTable,
-    ElTableColumn,
-    ElTag
-  } from 'element-plus'
-  import type { FormInstance, FormRules } from 'element-plus'
-  import VoucherUpload from '@/components/business/VoucherUpload.vue'
-   import { BulkPurchaseService } from '@/api/modules'
-  import type {
-    BulkPurchaseItem,
-    BulkPurchasePaymentMethod,
-     BulkPurchaseTask
-  } from '@/types/api'
-  import { BulkPurchaseTaskStatus } from '@/types/api'
-  import { useAuth } from '@/composables/useAuth'
-  import { useAsyncTaskPolling } from '@/composables/useAsyncTaskPolling'
-  import { formatDateTime, formatMoney } from '@/utils/business/format'
-  import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
-
-  defineOptions({ name: 'BulkPurchase' })
-
-  const route = useRoute()
-  const router = useRouter()
-  const { hasAuth } = useAuth()
-  const formRef = ref<FormInstance>()
-  const orderUploadRef = ref<InstanceType<typeof VoucherUpload>>()
-  const voucherUploadRef = ref<InstanceType<typeof VoucherUpload>>()
-  const submitting = ref(false)
-  const orderFileKeys = ref<string[]>([])
-  const orderFileUploading = ref(false)
-  const voucherFileKeys = ref<string[]>([])
-  const voucherUploading = ref(false)
-  const itemStatus = ref<string | undefined>()
-  const items = ref<BulkPurchaseItem[]>([])
-  const itemsLoading = ref(false)
-  const itemsPage = ref(1)
-  const itemsSize = ref(20)
-  const itemsTotal = ref(0)
-  const requestId = ref('')
-
-  const form = reactive<{
-     package_id?: number
-    payment_method: BulkPurchasePaymentMethod
-  }>({
-     package_id: undefined,
-    payment_method: 'wallet'
-  })
-
-  const rules = computed<FormRules>(() => ({
-     package_id: [{ required: true, message: '请输入套餐 ID', trigger: 'change' }],
-    payment_method: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
-    orderFile: [
-      {
-        validator: (_rule: unknown, _value: unknown, callback: (error?: Error) => void) => {
-          if (orderFileKeys.value.length === 0) callback(new Error('请上传订单文件'))
-          else callback()
-        },
-        trigger: 'change'
-      }
-    ],
-    voucherFile: [
-      {
-        validator: (_rule: unknown, _value: unknown, callback: (error?: Error) => void) => {
-          if (form.payment_method === 'offline' && voucherFileKeys.value.length === 0) {
-            callback(new Error('线下支付必须上传整批支付凭证'))
-          } else callback()
-        },
-        trigger: 'change'
-      }
-    ]
-  }))
-
-  const polling = useAsyncTaskPolling<BulkPurchaseTask>({
-    storageKey: 'bulk-purchase-active-task',
-    fetchTask: async (taskId) => {
-      const res = await BulkPurchaseService.getTask(taskId)
-      if (res.code !== 0 || !res.data) throw new Error(res.msg || '获取批量订购任务失败')
-      return res.data
-    }
-  })
-  const taskDetail = polling.task
-
-  const getRequestId = () => {
-    if (requestId.value) return requestId.value
-    requestId.value =
-      typeof crypto !== 'undefined' && crypto.randomUUID
-        ? crypto.randomUUID()
-        : `${Date.now()}-${Math.random().toString(16).slice(2)}`
-    return requestId.value
-  }
-
-  const handlePaymentMethodChange = (value: string | number | boolean | undefined) => {
-    if (value === 'wallet') {
-      voucherFileKeys.value = []
-      voucherUploadRef.value?.clearFiles()
-      formRef.value?.clearValidate('voucherFile')
-    }
-  }
-
-  const submitTask = async () => {
-    if (
-      !hasAuth(BULK_PURCHASE_PERMISSIONS.create) ||
-      submitting.value ||
-      voucherUploading.value ||
-      orderFileUploading.value
-    )
-      return
-    const valid = await formRef.value?.validate().catch(() => false)
-    if (!valid || !form.package_id || orderFileKeys.value.length === 0) return
-
-    submitting.value = true
-    try {
-       const data = {
-         file_key: orderFileKeys.value[0],
-         package_id: form.package_id,
-         payment_method: form.payment_method,
-         ...(form.payment_method === 'offline' ? { voucher_keys: voucherFileKeys.value } : {})
-       }
-
-      const res = await BulkPurchaseService.createTask(data)
-      if (res.code !== 0 || !res.data?.task_id) {
-        ElMessage.error(res.msg || '创建批量订购任务失败')
-        return
-      }
-
-      ElMessage.success(res.data.message || '批量订购任务已创建')
-      requestId.value = ''
-      await router.replace({
-        path: route.path,
-        query: { task_id: String(res.data.task_id) }
-      })
-      await polling.start(res.data.task_id)
-       await loadItems()
-    } catch (error: any) {
-      ElMessage.error(error?.message || '创建批量订购任务失败')
-    } finally {
-      submitting.value = false
-    }
-  }
-
-  const loadItems = async () => {
-    const taskId = taskDetail.value?.id || taskDetail.value?.task_id
-    if (!taskId || !hasAuth(BULK_PURCHASE_PERMISSIONS.items)) return
-    items.value = taskDetail.value?.items || []
-  }
-
-  const reloadItems = () => {
-    itemsPage.value = 1
-    void loadItems()
-  }
-
-  const resetTask = () => {
-    polling.clear()
-    requestId.value = ''
-    items.value = []
-    itemsTotal.value = 0
-    itemsPage.value = 1
-    router.replace({ path: route.path })
-  }
-
-  const getStatusName = (status: BulkPurchaseTaskStatus) => {
-    const names: Record<BulkPurchaseTaskStatus, string> = {
-      [BulkPurchaseTaskStatus.PENDING]: '待处理',
-      [BulkPurchaseTaskStatus.PROCESSING]: '处理中',
-      [BulkPurchaseTaskStatus.COMPLETED]: '已完成',
-      [BulkPurchaseTaskStatus.FAILED]: '已失败',
-      [BulkPurchaseTaskStatus.CANCELED]: '已取消'
-    }
-    return names[status] || '-'
-  }
-
-  const getStatusType = (status: BulkPurchaseTaskStatus) => {
-    if (status === BulkPurchaseTaskStatus.COMPLETED) return 'success'
-    if (status === BulkPurchaseTaskStatus.FAILED) return 'danger'
-    if (status === BulkPurchaseTaskStatus.PROCESSING) return 'warning'
-    return 'info'
-  }
-
-  const formatAmount = (amount?: number) => (amount === undefined ? '-' : formatMoney(amount))
-
-  const getAssetIdentifier = (item: BulkPurchaseItem) =>
-    item.asset_identifier || item.iccid || item.virtual_no || '-'
-
-  watch(taskDetail, () => {
-    itemsPage.value = 1
-    void loadItems()
-  })
-
-  onMounted(() => {
-    const routeTaskId = Number(route.query.task_id)
-    if (routeTaskId && routeTaskId !== polling.taskId.value) void polling.start(routeTaskId)
-  })
-</script>
-
-<style scoped lang="scss">
-  .bulk-purchase-page {
-    .page-header,
-    .task-header,
-    .form-actions,
-    .items-toolbar {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 12px;
-    }
-
-    .page-header h2 {
-      margin: 0;
-      font-size: 20px;
-    }
-
-    .page-header p {
-      margin: 8px 0 0;
-      color: var(--el-text-color-secondary);
-    }
-
-    .create-form {
-      max-width: 760px;
-    }
-
-    .task-card {
-      margin-top: 16px;
-    }
-
-    .task-error {
-      margin-top: 16px;
-    }
-
-    .items-toolbar {
-      justify-content: flex-start;
-      margin: 20px 0 12px;
-    }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
-  }
-</style>
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
index 8ca51db..c57cb3c 100644
--- a/src/views/package-management/series-grants/detail.vue
+++ b/src/views/package-management/series-grants/detail.vue
@@ -274,7 +274,7 @@
               }}
             </div>
           </ElFormItem>
-          <ElFormItem label="生效条件">
+          <ElFormItem v-if="packageDialogType === 'add' || canUpdateExpiryBase" label="生效条件">
             <ElSelect
               v-model="packageForm.expiry_base_override"
               placeholder="请选择生效条件"
@@ -352,7 +352,8 @@
     PackageResponse
   } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
-  import { getEnableStatusText } from '@/config/constants'
+  import { getEnableStatusText, JULY_PERMISSIONS } from '@/config/constants'
+  import { useAuth } from '@/composables/useAuth'
   import {
     mergeGrantPackageCandidates,
     type GrantPackageCandidate
@@ -362,6 +363,8 @@
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
+  const canUpdateExpiryBase = hasAuth(JULY_PERMISSIONS.seriesGrants.updateExpiryBase)
 
   const loading = ref(false)
   const submitLoading = ref(false)
@@ -378,11 +381,11 @@
   // 套餐表单
   const packageForm = ref<{
     package_id?: number
+    allocation_id?: number
     package_name?: string
     package_code?: string
     original_cost_price?: number
     cost_price_yuan: number
-    allocation_id?: number
     expiry_base_override: ExpiryBaseSelection
     initial_expiry_base_override: ExpiryBaseSelection
     default_expiry_base_name?: string | null
@@ -509,6 +512,7 @@
     packageDialogType.value = 'add'
     packageForm.value = {
       package_id: undefined,
+      allocation_id: undefined,
       package_name: undefined,
       package_code: undefined,
       original_cost_price: undefined,
@@ -530,11 +534,11 @@
     packageDialogType.value = 'edit'
     packageForm.value = {
       package_id: row.package_id,
+      allocation_id: row.allocation_id,
       package_name: row.package_name,
       package_code: row.package_code,
       original_cost_price: row.cost_price / 100,
       cost_price_yuan: row.cost_price / 100,
-      allocation_id: row.allocation_id,
       expiry_base_override: row.expiry_base_override ?? 'default',
       initial_expiry_base_override: row.expiry_base_override ?? 'default',
       default_expiry_base_name: row.default_expiry_base_name,
@@ -619,8 +623,12 @@
           const expiryBaseChanged =
             packageForm.value.expiry_base_override !==
             packageForm.value.initial_expiry_base_override
-          if (expiryBaseChanged && !packageForm.value.allocation_id) {
-            ElMessage.error('该套餐分配记录缺少ID，无法更新生效条件')
+          if (
+            expiryBaseChanged &&
+            (packageForm.value.allocation_id === undefined ||
+              packageForm.value.allocation_id === null)
+          ) {
+            ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
             return
           }
 
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index 81002a6..74fb03a 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -29,12 +29,22 @@
           :marginTop="10"
           :pagination="false"
           :actions="getActions"
-          :actionsWidth="150"
-          :inlineActionsCount="2"
+          :actionsWidth="240"
+          :inlineActionsCount="3"
         >
           <template #default>
-            <ElTableColumn prop="package_name" label="套餐名称" minWidth="150" />
-            <ElTableColumn prop="package_code" label="套餐编码" minWidth="120" />
+            <ElTableColumn
+              prop="package_name"
+              label="套餐名称"
+              minWidth="220"
+              show-overflow-tooltip
+            />
+            <ElTableColumn
+              prop="package_code"
+              label="套餐编码"
+              minWidth="180"
+              show-overflow-tooltip
+            />
             <ElTableColumn label="成本价" width="120">
               <template #default="{ row }">
                 <span class="amount-value">¥{{ (row.cost_price / 100).toFixed(2) }}</span>
@@ -81,16 +91,18 @@
         @closed="handlePackageDialogClosed"
       >
         <ElForm ref="packageFormRef" :model="packageForm" :rules="packageRules" label-width="140px">
-          <ElFormItem label="选择套餐" prop="package_id" v-if="packageDialogType === 'add'">
+          <ElFormItem label="选择套餐" prop="package_ids" v-if="packageDialogType === 'add'">
             <ElSelect
-              v-model="packageForm.package_id"
-              placeholder="请选择套餐"
+              v-model="packageForm.package_ids"
+              placeholder="请选择套餐（可多选）"
               style="width: 100%"
               filterable
               remote
               :remote-method="searchAvailablePackages"
               :loading="packageLoading"
               clearable
+              multiple
+              :multiple-limit="100"
             >
               <template v-if="availablePackages.length === 0 && !packageLoading && seriesId">
                 <ElOption disabled value="" label="该系列没有可选套餐" />
@@ -105,6 +117,33 @@
             </ElSelect>
           </ElFormItem>
 
+          <ElFormItem
+            v-if="packageDialogType === 'add' && packageForm.packages.length"
+            label="套餐配置"
+            prop="packages"
+          >
+            <div class="package-config-list">
+              <div
+                v-for="pkg in packageForm.packages"
+                :key="pkg.package_id"
+                class="package-config-item"
+              >
+                <div class="package-config-name" :title="pkg.package_name || ''">
+                  {{ pkg.package_name || '套餐名称不可用' }}
+                </div>
+                <ElInputNumber
+                  v-model="pkg.cost_price_yuan"
+                  :min="pkg.original_cost_price || 0"
+                  :max="getPackageCostPriceMax(pkg)"
+                  :precision="2"
+                  :step="0.01"
+                  :controls="false"
+                  placeholder="成本价(元)"
+                />
+              </div>
+            </div>
+          </ElFormItem>
+
           <ElFormItem label="套餐名称" v-if="packageDialogType === 'edit'">
             <span>{{ packageForm.package_name }}</span>
           </ElFormItem>
@@ -127,7 +166,7 @@
               }}
             </div>
           </ElFormItem>
-          <ElFormItem label="生效条件">
+          <ElFormItem v-if="packageDialogType === 'add' || canUpdateExpiryBase" label="生效条件">
             <ElSelect
               v-model="packageForm.expiry_base_override"
               placeholder="请选择生效条件"
@@ -161,6 +200,49 @@
           </div>
         </template>
       </ElDialog>
+
+      <ElDialog
+        v-model="expiryDialogVisible"
+        title="修改生效条件"
+        width="460px"
+        :close-on-click-modal="false"
+      >
+        <ElForm label-width="130px">
+          <ElFormItem label="套餐名称">
+            <span class="ellipsis-value" :title="expiryForm.package_name || ''">
+              {{ expiryForm.package_name || '-' }}
+            </span>
+          </ElFormItem>
+          <ElFormItem label="套餐编码">
+            <span class="ellipsis-value" :title="expiryForm.package_code || ''">
+              {{ expiryForm.package_code || '-' }}
+            </span>
+          </ElFormItem>
+          <ElFormItem label="套餐默认生效条件">
+            {{ expiryForm.default_expiry_base_name || '-' }}
+          </ElFormItem>
+          <ElFormItem label="覆盖生效条件">
+            <ElSelect v-model="expiryForm.expiry_base_override" style="width: 100%">
+              <ElOption label="跟随套餐默认" value="default" />
+              <ElOption label="购买即生效" value="from_purchase" />
+              <ElOption label="实名激活时生效" value="from_activation" />
+            </ElSelect>
+          </ElFormItem>
+          <ElFormItem label="最终生效条件">
+            {{ expiryForm.effective_expiry_base_name || '-' }}
+          </ElFormItem>
+          <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
+        </ElForm>
+
+        <template #footer>
+          <div class="dialog-footer">
+            <ElButton @click="expiryDialogVisible = false">取消</ElButton>
+            <ElButton type="primary" :loading="expirySubmitLoading" @click="saveExpiryBase">
+              保存
+            </ElButton>
+          </div>
+        </template>
+      </ElDialog>
     </div>
   </ArtTableFullScreen>
 </template>
@@ -196,6 +278,7 @@
     PackageAllocationExpiryBaseOverride
   } from '@/types/api'
   import { useAuth } from '@/composables/useAuth'
+  import { JULY_PERMISSIONS } from '@/config/constants'
   import {
     mergeGrantPackageCandidates,
     type GrantPackageCandidate
@@ -206,6 +289,7 @@
   const route = useRoute()
   const router = useRouter()
   const { hasAuth } = useAuth()
+  const canUpdateExpiryBase = hasAuth(JULY_PERMISSIONS.seriesGrants.updateExpiryBase)
 
   const loading = ref(false)
   const submitLoading = ref(false)
@@ -221,33 +305,61 @@
 
   const packageDialogVisible = ref(false)
   const packageDialogType = ref<'add' | 'edit'>('add')
+  const expiryDialogVisible = ref(false)
+  const expirySubmitLoading = ref(false)
 
   type ExpiryBaseSelection = PackageAllocationExpiryBaseOverride | 'default'
 
-  type PackageFormState = {
-    package_id?: number
+  type PackageCostFormItem = {
+    package_id: number
     package_name?: string
     package_code?: string
     cost_price_yuan: number
     original_cost_price?: number
     suggested_retail_price?: number
+  }
+
+  type PackageFormState = {
+    package_id?: number
     allocation_id?: number
+    package_ids: number[]
+    package_name?: string
+    package_code?: string
+    cost_price_yuan: number
+    original_cost_price?: number
+    suggested_retail_price?: number
     expiry_base_override: ExpiryBaseSelection
     initial_expiry_base_override: ExpiryBaseSelection
     default_expiry_base_name?: string | null
     expiry_base_override_name?: string | null
     effective_expiry_base_name?: string | null
+    packages: PackageCostFormItem[]
+  }
+
+  type ExpiryFormState = {
+    package_id?: number
+    allocation_id?: number
+    package_name?: string
+    package_code?: string
+    default_expiry_base_name?: string | null
+    expiry_base_override: ExpiryBaseSelection
+    expiry_base_override_name?: string | null
+    effective_expiry_base_name?: string | null
   }
 
   const createDefaultPackageForm = (): PackageFormState => ({
     package_id: undefined,
+    allocation_id: undefined,
+    package_ids: [],
     package_name: undefined,
     package_code: undefined,
     cost_price_yuan: 0,
     expiry_base_override: 'default',
-    initial_expiry_base_override: 'default'
+    initial_expiry_base_override: 'default',
+    packages: []
   })
   const packageForm = ref<PackageFormState>(createDefaultPackageForm())
+  const expiryForm = ref<ExpiryFormState>({ expiry_base_override: 'default' })
 
   const assignPackageForm = (values: Partial<PackageFormState> = {}) => {
     Object.assign(packageForm.value, createDefaultPackageForm(), values)
@@ -271,11 +383,30 @@
   }
 
   const packageRules = computed<FormRules>(() => ({
-    package_id: [
-      { required: packageDialogType.value === 'add', message: '请选择套餐', trigger: 'change' }
+    package_ids: [
+      {
+        validator: (_rule, value, callback) => {
+          if (packageDialogType.value !== 'add') {
+            callback()
+            return
+          }
+          if (!Array.isArray(value) || value.length === 0) {
+            callback(new Error('请至少选择一个套餐'))
+          } else if (value.length > 100) {
+            callback(new Error('最多选择100个套餐'))
+          } else {
+            callback()
+          }
+        },
+        trigger: 'change'
+      }
     ],
     cost_price_yuan: [
-      { required: true, message: '请输入成本价', trigger: 'blur' },
+      {
+        required: packageDialogType.value === 'edit',
+        message: '请输入成本价',
+        trigger: 'blur'
+      },
       {
         validator: (rule, value, callback) => {
           if (value === undefined || value === null || value === '') {
@@ -294,6 +425,14 @@
   const getActions = (row: GrantPackageInfo) => {
     const actions: any[] = []
 
+    if (canUpdateExpiryBase) {
+      actions.push({
+        label: '修改生效条件',
+        handler: () => showExpiryBaseDialog(row),
+        type: 'primary'
+      })
+    }
+
     if (hasAuth('series_grants:edit_packages_list')) {
       actions.push({
         label: '编辑',
@@ -338,7 +477,7 @@
 
   const showAddPackageDialog = () => {
     packageDialogType.value = 'add'
-    assignPackageForm()
+    assignPackageForm({ package_ids: [], packages: [] })
     loadAvailablePackages()
     packageDialogVisible.value = true
     nextTick(() => packageFormRef.value?.clearValidate())
@@ -350,12 +489,12 @@
 
     assignPackageForm({
       package_id: row.package_id,
+      allocation_id: row.allocation_id,
       package_name: row.package_name,
       package_code: row.package_code,
       cost_price_yuan: row.cost_price / 100,
       original_cost_price: packagePricing.original_cost_price,
       suggested_retail_price: packagePricing.suggested_retail_price,
-      allocation_id: row.allocation_id,
       expiry_base_override: row.expiry_base_override ?? 'default',
       initial_expiry_base_override: row.expiry_base_override ?? 'default',
       default_expiry_base_name: row.default_expiry_base_name,
@@ -366,25 +505,43 @@
     nextTick(() => packageFormRef.value?.clearValidate())
   }
 
+  const showExpiryBaseDialog = (row: GrantPackageInfo) => {
+    if (row.allocation_id === undefined || row.allocation_id === null) {
+      ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
+      return
+    }
+    expiryForm.value = {
+      package_id: row.package_id,
+      allocation_id: row.allocation_id,
+      package_name: row.package_name,
+      package_code: row.package_code,
+      default_expiry_base_name: row.default_expiry_base_name,
+      expiry_base_override: row.expiry_base_override ?? 'default',
+      expiry_base_override_name: row.expiry_base_override_name,
+      effective_expiry_base_name: row.effective_expiry_base_name
+    }
+    expiryDialogVisible.value = true
+  }
+
   const loadAvailablePackages = async (packageName?: string) => {
     if (!seriesId.value) return
 
     packageLoading.value = true
     try {
-       const pageSize = 100
-       const allPackages: any[] = []
-       let page = 1
-       let total = 0
-       do {
-         const params: any = { page, page_size: pageSize, series_id: seriesId.value }
-         if (packageName) params.package_name = packageName
-         const res = await PackageManageService.getPackages(params)
-         if (res.code !== 0) break
-         allPackages.push(...(res.data.items || []))
-         total = res.data.total || allPackages.length
-         page += 1
-       } while (allPackages.length < total)
-       availablePackages.value = mergeGrantPackageCandidates(allPackages, packageList.value)
+      const pageSize = 100
+      const allPackages: any[] = []
+      let page = 1
+      let total = 0
+      do {
+        const params: any = { page, page_size: pageSize, series_id: seriesId.value }
+        if (packageName) params.package_name = packageName
+        const res = await PackageManageService.getPackages(params)
+        if (res.code !== 0) break
+        allPackages.push(...(res.data.items || []))
+        total = res.data.total || allPackages.length
+        page += 1
+      } while (allPackages.length < total)
+      availablePackages.value = mergeGrantPackageCandidates(allPackages, packageList.value)
     } catch (error) {
       console.error('加载套餐选项失败:', error)
     } finally {
@@ -400,6 +557,50 @@
     }
   }
 
+  const createPackageCostFormItem = (packageId: number): PackageCostFormItem => {
+    const selectedPackage = availablePackages.value.find((pkg) => pkg.id === packageId)
+    const originalCostPrice = selectedPackage?.cost_price ? selectedPackage.cost_price / 100 : 0
+    return {
+      package_id: packageId,
+      package_name: selectedPackage?.package_name,
+      package_code: selectedPackage?.package_code,
+      cost_price_yuan: originalCostPrice,
+      original_cost_price: originalCostPrice,
+      suggested_retail_price:
+        selectedPackage?.suggested_retail_price !== undefined &&
+        selectedPackage?.suggested_retail_price !== null
+          ? selectedPackage.suggested_retail_price / 100
+          : undefined
+    }
+  }
+
+  const getPackageCostPriceMax = (pkg?: {
+    original_cost_price?: number
+    suggested_retail_price?: number | null
+  }) => {
+    if (pkg?.suggested_retail_price !== undefined && pkg.suggested_retail_price !== null) {
+      return Number((pkg.suggested_retail_price * 1.5).toFixed(2))
+    }
+    if (pkg?.original_cost_price !== undefined && pkg.original_cost_price !== null) {
+      return Number((pkg.original_cost_price * 1.5).toFixed(2))
+    }
+    return undefined
+  }
+
+  watch(
+    () => packageForm.value.package_ids,
+    (packageIds) => {
+      if (packageDialogType.value !== 'add') return
+      const existingItems = new Map(
+        packageForm.value.packages.map((item) => [item.package_id, item])
+      )
+      packageForm.value.packages = packageIds.map(
+        (packageId) => existingItems.get(packageId) || createPackageCostFormItem(packageId)
+      )
+    },
+    { deep: true }
+  )
+
   watch(
     () => packageForm.value.package_id,
     (packageId) => {
@@ -436,19 +637,51 @@
         }
         const costPrice = Math.round(currentCostPriceYuan * 100)
         if (packageDialogType.value === 'add') {
+          if (packageForm.value.packages.length === 0) {
+            ElMessage.error('请至少选择一个套餐')
+            return
+          }
+          const packages: GrantPackageItem[] = packageForm.value.packages.map((pkg) => {
+            const currentCostPrice = Number(pkg.cost_price_yuan)
+            if (!Number.isFinite(currentCostPrice) || currentCostPrice < 0) {
+              throw new Error(`套餐 ${pkg.package_name || pkg.package_id} 的成本价无效`)
+            }
+            const maxCostPrice = getPackageCostPriceMax(pkg)
+            if (maxCostPrice !== undefined && currentCostPrice > maxCostPrice) {
+              throw new Error(
+                `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能高于 ¥${maxCostPrice.toFixed(2)}`
+              )
+            }
+            if (
+              pkg.original_cost_price !== undefined &&
+              currentCostPrice < pkg.original_cost_price
+            ) {
+              throw new Error(
+                `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能低于 ¥${pkg.original_cost_price.toFixed(2)}`
+              )
+            }
+            return {
+              package_id: pkg.package_id,
+              cost_price: Math.round(currentCostPrice * 100)
+            }
+          })
           await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
             expiry_base_override:
               packageForm.value.expiry_base_override === 'default'
                 ? null
                 : packageForm.value.expiry_base_override,
-            packages: [{ package_id: packageForm.value.package_id!, cost_price: costPrice }]
+            packages
           })
         } else {
           const expiryBaseChanged =
             packageForm.value.expiry_base_override !==
             packageForm.value.initial_expiry_base_override
-          if (expiryBaseChanged && !packageForm.value.allocation_id) {
-            ElMessage.error('该套餐分配记录缺少ID，无法更新生效条件')
+          if (
+            expiryBaseChanged &&
+            (packageForm.value.allocation_id === undefined ||
+              packageForm.value.allocation_id === null)
+          ) {
+            ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
             return
           }
 
@@ -477,13 +710,39 @@
         packageDialogVisible.value = false
         await fetchPackageList()
       } catch (error) {
-        console.error(error)
+        ElMessage.error(error instanceof Error ? error.message : '保存套餐失败')
       } finally {
         submitLoading.value = false
       }
     })
   }
 
+  const saveExpiryBase = async () => {
+    if (expiryForm.value.allocation_id === undefined || expiryForm.value.allocation_id === null) {
+      return
+    }
+
+    expirySubmitLoading.value = true
+    try {
+      const response = await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+        expiryForm.value.allocation_id,
+        {
+          expiry_base_override:
+            expiryForm.value.expiry_base_override === 'default'
+              ? null
+              : expiryForm.value.expiry_base_override
+        }
+      )
+      if (response.code === 0) {
+        ElMessage.success('生效条件更新成功')
+        expiryDialogVisible.value = false
+        await fetchPackageList()
+      }
+    } finally {
+      expirySubmitLoading.value = false
+    }
+  }
+
   const handleDeletePackage = (row: GrantPackageInfo) => {
     import('element-plus').then(({ ElMessageBox }) => {
       ElMessageBox.confirm(`确定删除套餐 ${row.package_name} 的授权吗？`, '删除确认', {
@@ -572,6 +831,38 @@
       color: var(--el-text-color-secondary);
     }
 
+    .package-config-list {
+      width: 100%;
+    }
+
+    .package-config-item {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+      margin-bottom: 10px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .package-config-name,
+    .ellipsis-value {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .package-config-name {
+      flex: 1;
+    }
+
+    .ellipsis-value {
+      display: block;
+      width: 260px;
+    }
+
     .dialog-footer {
       text-align: right;
     }
diff --git a/src/views/settings/system-configs/index.vue b/src/views/settings/system-configs/index.vue
index 45a21ea..b422f94 100644
--- a/src/views/settings/system-configs/index.vue
+++ b/src/views/settings/system-configs/index.vue
@@ -44,16 +44,13 @@
         :close-on-click-modal="false"
       >
         <ElForm label-width="120px">
-          <ElFormItem label="配置 Key">
-            <ElInput :model-value="currentConfig?.config_key || '-'" disabled />
-          </ElFormItem>
           <ElFormItem label="配置说明">
             <span>{{ currentConfig?.description || '-' }}</span>
           </ElFormItem>
           <ElFormItem label="配置值">
             <ElCheckboxGroup v-if="isPaymentConfig" v-model="editPaymentMethods">
               <ElCheckbox v-for="method in paymentMethods" :key="method" :label="method">
-                {{ method }}
+                {{ paymentMethodLabels[method] }}
               </ElCheckbox>
             </ElCheckboxGroup>
             <ElSwitch v-else-if="isBooleanConfig" v-model="editBoolean" />
@@ -89,7 +86,6 @@
               placeholder="请输入配置值"
             />
           </ElFormItem>
-          <div v-if="valueHint" class="config-hint">{{ valueHint }}</div>
         </ElForm>
 
         <template #footer>
@@ -103,6 +99,7 @@
 
 <script setup lang="ts">
   import { computed, h, onMounted, reactive, ref } from 'vue'
+  import { useRoute } from 'vue-router'
   import { ElMessage, ElTag } from 'element-plus'
   import { SystemConfigService } from '@/api/modules'
   import type { SearchFormItem } from '@/types'
@@ -120,6 +117,7 @@
 
   defineOptions({ name: 'SystemConfigs' })
   const { hasAuth } = useAuth()
+  const route = useRoute()
 
   const moduleOptions = [
     { label: '运营商回调配置', value: 'carrier_callback' },
@@ -149,14 +147,18 @@
   const editNumber = ref<number | null>(null)
   const editPaymentMethods = ref<AllowedPaymentMethod[]>([])
   const paymentMethods: AllowedPaymentMethod[] = ['wallet', 'wechat', 'alipay']
+  const paymentMethodLabels: Record<AllowedPaymentMethod, string> = {
+    wallet: '钱包',
+    wechat: '微信',
+    alipay: '支付宝'
+  }
+  const targetConfigHandled = ref(false)
   const pagination = reactive({ page: 1, page_size: 20, total: 0 })
 
   const columnOptions = [
-    { label: '配置 Key', prop: 'config_key' },
     { label: '模块', prop: 'module' },
     { label: '配置说明', prop: 'description' },
     { label: '配置值', prop: 'value' },
-    { label: '控件', prop: 'control' },
     { label: '注册状态', prop: 'registered' },
     { label: '只读', prop: 'readonly' },
     { label: '敏感', prop: 'sensitive' },
@@ -167,7 +169,6 @@
     moduleOptions.find((item) => item.value === module)?.label || module
 
   const { columnChecks, columns } = useCheckedColumns(() => [
-    { prop: 'config_key', label: '配置 Key', minWidth: 220, showOverflowTooltip: true },
     {
       prop: 'module',
       label: '模块',
@@ -178,10 +179,10 @@
     {
       prop: 'value',
       label: '配置值',
-      minWidth: 150,
-      formatter: (row: SystemConfigItem) => row.value || '-'
+      minWidth: 260,
+      showOverflowTooltip: true,
+      formatter: (row: SystemConfigItem) => formatConfigValue(row)
     },
-    { prop: 'control', label: '控件', width: 100 },
     {
       prop: 'registered',
       label: '注册状态',
@@ -216,7 +217,8 @@
   )
   const isPaymentConfig = computed(() =>
     [PAYMENT_CONFIG_KEYS.card, PAYMENT_CONFIG_KEYS.device].includes(
-      currentConfig.value?.config_key as (typeof PAYMENT_CONFIG_KEYS)[keyof typeof PAYMENT_CONFIG_KEYS]
+      currentConfig.value
+        ?.config_key as (typeof PAYMENT_CONFIG_KEYS)[keyof typeof PAYMENT_CONFIG_KEYS]
     )
   )
   const isIntegerConfig = computed(
@@ -233,14 +235,18 @@
       !isBooleanConfig.value && !isIntegerConfig.value && currentConfig.value?.value_type === 'json'
   )
 
-  const valueHint = computed(() => {
-    if (!currentConfig.value) return ''
-    const { min, max } = currentConfig.value
-    if (min !== null && max !== null) return `取值范围：${min}～${max}`
-    if (min !== null) return `最小值：${min}`
-    if (max !== null) return `最大值：${max}`
-    return ''
-  })
+  const isPaymentConfigKey = (configKey: string) =>
+    Object.values(PAYMENT_CONFIG_KEYS).includes(
+      configKey as (typeof PAYMENT_CONFIG_KEYS)[keyof typeof PAYMENT_CONFIG_KEYS]
+    )
+
+  const formatConfigValue = (config: SystemConfigItem) => {
+    if (isPaymentConfigKey(config.config_key)) {
+      const methods = parsePaymentMethods(config.value)
+      return methods.length ? methods.map((method) => paymentMethodLabels[method]).join('、') : '-'
+    }
+    return config.value || '-'
+  }
 
   const getSubmittedValue = () => {
     if (isPaymentConfig.value) return JSON.stringify(editPaymentMethods.value)
@@ -293,6 +299,12 @@
       if (res.code === 0) {
         configList.value = res.data.list || []
         pagination.total = res.data.total || 0
+        const targetKey = String(route.query.config_key || '')
+        const targetConfig = configList.value.find((config) => config.config_key === targetKey)
+        if (targetKey && targetConfig && !targetConfigHandled.value) {
+          targetConfigHandled.value = true
+          showEditDialog(targetConfig)
+        }
       }
     } catch (error) {
       console.error('获取系统配置失败:', error)
@@ -370,10 +382,5 @@
 
 <style scoped lang="scss">
   .system-configs-page {
-    .config-hint {
-      margin: -12px 0 0 120px;
-      font-size: 12px;
-      color: var(--el-text-color-secondary);
-    }
   }
 </style>
diff --git a/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
new file mode 100644
index 0000000..97ea356
--- /dev/null
+++ b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
@@ -0,0 +1,244 @@
+<template>
+  <ElDialog
+    v-model="visible"
+    :title="isEdit ? '编辑企微应用' : '新增企微应用'"
+    width="50%"
+    destroy-on-close
+    @closed="resetForm"
+  >
+    <div class="dialog-description">应用凭据由平台管理员维护，保存后可在应用列表测试连接。</div>
+
+    <ElForm ref="formRef" :model="form" :rules="rules" label-width="130px" class="application-form">
+      <ElRow :gutter="24">
+        <ElCol :xs="24" :sm="12">
+          <ElFormItem label="企业 ID" prop="corp_id">
+            <ElInput v-model="form.corp_id" placeholder="请输入企业微信 CorpID" />
+          </ElFormItem>
+        </ElCol>
+        <ElCol :xs="24" :sm="12">
+          <ElFormItem label="AgentID" prop="agent_id">
+            <ElInputNumber
+              v-model="form.agent_id"
+              :min="1"
+              controls-position="right"
+              class="full-width"
+            />
+          </ElFormItem>
+        </ElCol>
+        <ElCol :xs="24" :sm="12">
+          <ElFormItem label="应用名称" prop="name">
+            <ElInput v-model="form.name" placeholder="请输入应用名称" />
+          </ElFormItem>
+        </ElCol>
+        <ElCol :xs="24" :sm="12">
+          <ElFormItem label="Secret" prop="secret">
+            <ElInput
+              v-model="form.secret"
+              type="password"
+              show-password
+              placeholder="请输入应用 Secret"
+            />
+          </ElFormItem>
+        </ElCol>
+      </ElRow>
+
+      <ElDivider content-position="left">回调配置</ElDivider>
+      <ElRow :gutter="24">
+        <ElCol :span="24">
+          <ElFormItem label="回调 Token" prop="callback_token">
+            <ElInput
+              v-model="form.callback_token"
+              type="textarea"
+              :rows="3"
+              resize="vertical"
+              placeholder="请输入回调 Token"
+            />
+          </ElFormItem>
+        </ElCol>
+        <ElCol :span="24">
+          <ElFormItem label="EncodingAESKey" prop="encoding_aes_key">
+            <ElInput
+              v-model="form.encoding_aes_key"
+              type="textarea"
+              :rows="3"
+              resize="vertical"
+              placeholder="请输入 43 位 EncodingAESKey"
+            />
+          </ElFormItem>
+        </ElCol>
+      </ElRow>
+
+      <ElFormItem label="启用状态">
+        <ElSwitch v-model="form.enabled" active-text="启用" inactive-text="禁用" />
+      </ElFormItem>
+    </ElForm>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <ElButton @click="visible = false">取消</ElButton>
+        <ElButton
+          v-if="isEdit"
+          v-permission="JULY_PERMISSIONS.wecom.application"
+          :loading="testing"
+          @click="testApplication"
+        >
+          测试连接
+        </ElButton>
+        <ElButton
+          v-permission="JULY_PERMISSIONS.wecom.application"
+          type="primary"
+          :loading="saving"
+          @click="saveApplication"
+        >
+          保存应用
+        </ElButton>
+      </div>
+    </template>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+  import { computed, reactive, ref, watch } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { WecomService } from '@/api/modules'
+  import { JULY_PERMISSIONS } from '@/config/constants'
+  import type { WecomApplication } from '@/types/api'
+
+  defineOptions({ name: 'WecomApplicationFormDialog' })
+
+  const props = defineProps<{
+    modelValue: boolean
+    application: WecomApplication | null
+  }>()
+
+  const emit = defineEmits<{
+    (event: 'update:modelValue', value: boolean): void
+    (event: 'success'): void
+  }>()
+
+  const visible = computed({
+    get: () => props.modelValue,
+    set: (value: boolean) => emit('update:modelValue', value)
+  })
+  const isEdit = computed(() => Boolean(props.application?.id))
+  const formRef = ref<FormInstance>()
+  const saving = ref(false)
+  const testing = ref(false)
+  const form = reactive({
+    corp_id: '',
+    agent_id: 0,
+    name: '',
+    secret: '',
+    callback_token: '',
+    encoding_aes_key: '',
+    enabled: true
+  })
+
+  const rules = reactive<FormRules>({
+    corp_id: [{ required: true, message: '请输入企业 ID', trigger: 'blur' }],
+    agent_id: [{ required: true, message: '请输入 AgentID', trigger: 'change' }],
+    name: [{ required: true, message: '请输入应用名称', trigger: 'blur' }],
+    secret: [{ required: true, message: '请输入 Secret', trigger: 'blur' }]
+  })
+
+  const fillForm = (application: WecomApplication | null) => {
+    Object.assign(
+      form,
+      application
+        ? {
+            corp_id: application.corp_id,
+            agent_id: application.agent_id,
+            name: application.name,
+            secret: application.secret || '',
+            callback_token: application.callback_token || '',
+            encoding_aes_key: application.encoding_aes_key || '',
+            enabled: application.status === 1
+          }
+        : {
+            corp_id: '',
+            agent_id: 0,
+            name: '',
+            secret: '',
+            callback_token: '',
+            encoding_aes_key: '',
+            enabled: true
+          }
+    )
+  }
+
+  const resetForm = () => {
+    fillForm(null)
+    formRef.value?.clearValidate()
+  }
+
+  const saveApplication = async () => {
+    const valid = await formRef.value?.validate().catch(() => false)
+    if (!valid) return
+
+    saving.value = true
+    try {
+      const response = await WecomService.saveApplication({
+        corp_id: form.corp_id,
+        agent_id: form.agent_id,
+        name: form.name,
+        secret: form.secret,
+        callback_token: form.callback_token,
+        encoding_aes_key: form.encoding_aes_key,
+        status: form.enabled ? 1 : 0
+      })
+      if (response.code === 0) {
+        ElMessage.success('企微应用保存成功')
+        emit('success')
+        visible.value = false
+      }
+    } finally {
+      saving.value = false
+    }
+  }
+
+  const testApplication = async () => {
+    if (!props.application?.id) return
+
+    testing.value = true
+    try {
+      const response = await WecomService.testApplication(props.application.id)
+      if (response.code === 0) {
+        if (response.data.success) ElMessage.success('连接成功，已取得 access_token')
+        else ElMessage.warning('连接失败，请检查应用凭据')
+      }
+    } finally {
+      testing.value = false
+    }
+  }
+
+  watch(
+    () => [props.modelValue, props.application] as const,
+    ([opened]) => {
+      if (opened) fillForm(props.application)
+    },
+    { immediate: true }
+  )
+</script>
+
+<style scoped lang="scss">
+  .dialog-description {
+    margin-bottom: 20px;
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+  }
+
+  .application-form {
+    padding-right: 8px;
+  }
+
+  .full-width {
+    width: 100%;
+  }
+
+  .dialog-footer {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+  }
+</style>
diff --git a/src/views/settings/wecom/applications/detail.vue b/src/views/settings/wecom/applications/detail.vue
deleted file mode 100644
index c8a402e..0000000
--- a/src/views/settings/wecom/applications/detail.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<template>
-  <div class="wecom-application-detail-page">
-    <ElCard shadow="never">
-      <template #header>
-        <div class="page-header">
-          <div>
-            <div class="page-title">{{ isEdit ? '编辑企微应用' : '新增企微应用' }}</div>
-            <div class="page-description"
-              >应用凭据由平台管理员维护，保存后可在应用列表测试连接。</div
-            >
-          </div>
-          <ElButton @click="goBack">返回应用列表</ElButton>
-        </div>
-      </template>
-
-      <ElForm
-        ref="formRef"
-        :model="form"
-        :rules="rules"
-        label-width="140px"
-        class="application-form"
-      >
-        <ElRow :gutter="24">
-          <ElCol :xs="24" :sm="12">
-            <ElFormItem label="企业 ID" prop="corp_id">
-              <ElInput v-model="form.corp_id" placeholder="请输入企业微信 CorpID" />
-            </ElFormItem>
-          </ElCol>
-          <ElCol :xs="24" :sm="12">
-            <ElFormItem label="AgentID" prop="agent_id">
-              <ElInputNumber
-                v-model="form.agent_id"
-                :min="1"
-                controls-position="right"
-                class="full-width"
-              />
-            </ElFormItem>
-          </ElCol>
-          <ElCol :xs="24" :sm="12">
-            <ElFormItem label="应用名称" prop="name">
-              <ElInput v-model="form.name" placeholder="请输入应用名称" />
-            </ElFormItem>
-          </ElCol>
-          <ElCol :xs="24" :sm="12">
-            <ElFormItem label="Secret" prop="secret">
-              <ElInput
-                v-model="form.secret"
-                type="password"
-                show-password
-                placeholder="请输入应用 Secret"
-              />
-            </ElFormItem>
-          </ElCol>
-        </ElRow>
-
-        <ElDivider content-position="left">回调配置</ElDivider>
-        <ElRow :gutter="24">
-          <ElCol :xs="24" :sm="12">
-            <ElFormItem label="回调 Token" prop="callback_token">
-              <ElInput v-model="form.callback_token" placeholder="请输入回调 Token" />
-            </ElFormItem>
-          </ElCol>
-          <ElCol :xs="24" :sm="12">
-            <ElFormItem label="EncodingAESKey" prop="encoding_aes_key">
-              <ElInput v-model="form.encoding_aes_key" placeholder="请输入 43 位 EncodingAESKey" />
-            </ElFormItem>
-          </ElCol>
-        </ElRow>
-
-        <ElFormItem label="启用状态">
-          <ElSwitch v-model="form.enabled" active-text="启用" inactive-text="禁用" />
-        </ElFormItem>
-
-        <div class="form-actions">
-          <ElButton @click="goBack">取消</ElButton>
-          <ElButton
-            v-if="isEdit"
-            v-permission="JULY_PERMISSIONS.wecom.application"
-            :loading="testing"
-            @click="testApplication"
-          >
-            测试连接
-          </ElButton>
-          <ElButton
-            v-permission="JULY_PERMISSIONS.wecom.application"
-            type="primary"
-            :loading="saving"
-            @click="saveApplication"
-          >
-            保存应用
-          </ElButton>
-        </div>
-      </ElForm>
-    </ElCard>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { computed, onMounted, reactive, ref } from 'vue'
-  import { ElMessage } from 'element-plus'
-  import type { FormInstance, FormRules } from 'element-plus'
-  import { useRoute, useRouter } from 'vue-router'
-  import { WecomService } from '@/api/modules'
-  import { JULY_PERMISSIONS } from '@/config/constants'
-  import { RoutesAlias } from '@/router/routesAlias'
-  import type { WecomApplication } from '@/types/api'
-
-  defineOptions({ name: 'WecomApplicationDetail' })
-
-  const route = useRoute()
-  const router = useRouter()
-  const formRef = ref<FormInstance>()
-  const saving = ref(false)
-  const testing = ref(false)
-  const applicationId = computed(() => Number(route.params.id) || 0)
-  const isEdit = computed(() => applicationId.value > 0)
-  const form = reactive({
-    corp_id: '',
-    agent_id: 0,
-    name: '',
-    secret: '',
-    callback_token: '',
-    encoding_aes_key: '',
-    enabled: true
-  })
-
-  const rules = reactive<FormRules>({
-    corp_id: [{ required: true, message: '请输入企业 ID', trigger: 'blur' }],
-    agent_id: [{ required: true, message: '请输入 AgentID', trigger: 'change' }],
-    name: [{ required: true, message: '请输入应用名称', trigger: 'blur' }],
-    secret: [{ required: true, message: '请输入 Secret', trigger: 'blur' }]
-  })
-
-  const fillForm = (application?: WecomApplication) => {
-    Object.assign(
-      form,
-      application
-        ? {
-            corp_id: application.corp_id,
-            agent_id: application.agent_id,
-            name: application.name,
-            secret: application.secret || '',
-            callback_token: application.callback_token || '',
-            encoding_aes_key: application.encoding_aes_key || '',
-            enabled: application.status === 1
-          }
-        : {
-            corp_id: '',
-            agent_id: 0,
-            name: '',
-            secret: '',
-            callback_token: '',
-            encoding_aes_key: '',
-            enabled: true
-          }
-    )
-  }
-
-  const loadApplication = async () => {
-    if (!isEdit.value) {
-      fillForm()
-      return
-    }
-    const response = await WecomService.getApplications({ page: 1, page_size: 100 })
-    if (response.code === 0) {
-      const application = response.data.items?.find((item) => item.id === applicationId.value)
-      if (application) fillForm(application)
-      else {
-        ElMessage.error('未找到对应的企微应用')
-        goBack()
-      }
-    }
-  }
-
-  const saveApplication = async () => {
-    const valid = await formRef.value?.validate().catch(() => false)
-    if (!valid) return
-    saving.value = true
-    try {
-      const response = await WecomService.saveApplication({
-        corp_id: form.corp_id,
-        agent_id: form.agent_id,
-        name: form.name,
-        secret: form.secret,
-        callback_token: form.callback_token,
-        encoding_aes_key: form.encoding_aes_key,
-        status: form.enabled ? 1 : 0
-      })
-      if (response.code === 0) {
-        ElMessage.success('企微应用保存成功')
-        await router.push(RoutesAlias.WecomApplications)
-      }
-    } finally {
-      saving.value = false
-    }
-  }
-
-  const testApplication = async () => {
-    if (!applicationId.value) return
-    testing.value = true
-    try {
-      const response = await WecomService.testApplication(applicationId.value)
-      if (response.code === 0) {
-        if (response.data.success) ElMessage.success('连接成功，已取得 access_token')
-        else ElMessage.warning('连接失败，请检查应用凭据')
-      }
-    } finally {
-      testing.value = false
-    }
-  }
-
-  const goBack = () => void router.push(RoutesAlias.WecomApplications)
-
-  onMounted(() => void loadApplication())
-</script>
-
-<style scoped lang="scss">
-  .wecom-application-detail-page {
-    .page-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 16px;
-    }
-
-    .page-title {
-      color: var(--el-text-color-primary);
-      font-size: 16px;
-      font-weight: 600;
-    }
-
-    .page-description {
-      margin-top: 6px;
-      color: var(--el-text-color-secondary);
-      font-size: 13px;
-    }
-
-    .application-form {
-      max-width: 1000px;
-    }
-
-    .full-width {
-      width: 100%;
-    }
-
-    .form-actions {
-      display: flex;
-      justify-content: flex-end;
-      gap: 12px;
-      margin-top: 28px;
-    }
-  }
-</style>
diff --git a/src/views/settings/wecom/applications/index.vue b/src/views/settings/wecom/applications/index.vue
index 83d920c..10e8013 100644
--- a/src/views/settings/wecom/applications/index.vue
+++ b/src/views/settings/wecom/applications/index.vue
@@ -1,107 +1,128 @@
 <template>
-  <div class="wecom-applications-page">
-    <ElCard shadow="never">
-      <template #header>
-        <div class="page-header">
-          <div>
-            <div class="page-title">企微应用管理</div>
-            <div class="page-description">管理企业微信应用凭据，并查看连接和默认发起人状态。</div>
-          </div>
-          <ElButton
-            v-permission="JULY_PERMISSIONS.wecom.application"
-            type="primary"
-            @click="goToCreate"
-          >
-            新增应用
-          </ElButton>
-        </div>
-      </template>
-
-      <ElTable v-loading="loading" :data="applications" border>
-        <ElTableColumn prop="name" label="应用名称" min-width="160" show-overflow-tooltip />
-        <ElTableColumn label="凭据状态" width="110">
-          <template #default="scope">
-            <ElTag :type="scope.row.credentials_set ? 'success' : 'warning'" size="small">
-              {{ scope.row.credentials_set ? '已完整' : '未完整' }}
-            </ElTag>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="启用状态" width="100">
-          <template #default="scope">
-            <ElTag :type="scope.row.status === 1 ? 'success' : 'info'" size="small">
-              {{ scope.row.status_name }}
-            </ElTag>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="默认发起人" min-width="150">
-          <template #default="scope">{{ scope.row.default_creator_name || '未设置' }}</template>
-        </ElTableColumn>
-        <ElTableColumn label="最近连接" min-width="170">
-          <template #default="scope">{{ formatDate(scope.row.last_connected_at) }}</template>
-        </ElTableColumn>
-        <ElTableColumn label="操作" width="300" fixed="right">
-          <template #default="scope">
+  <ArtTableFullScreen>
+    <div id="table-full-screen" class="wecom-applications-page">
+      <ElCard shadow="never" class="art-table-card">
+        <ArtTableHeader
+          :column-list="columnOptions"
+          v-model:columns="columnChecks"
+          @refresh="loadApplications"
+        >
+          <template #left>
             <ElButton
               v-permission="JULY_PERMISSIONS.wecom.application"
-              link
               type="primary"
-              @click="testApplication(scope.row.id)"
+              @click="openCreateDialog"
             >
-              测试连接
-            </ElButton>
-            <ElButton
-              v-permission="JULY_PERMISSIONS.wecom.member"
-              link
-              type="primary"
-              @click="goToMembers(scope.row.id)"
-            >
-              成员管理
-            </ElButton>
-            <ElButton
-              v-permission="JULY_PERMISSIONS.wecom.application"
-              link
-              @click="goToDetail(scope.row.id)"
-            >
-              编辑配置
+              新增应用
             </ElButton>
           </template>
-        </ElTableColumn>
-      </ElTable>
+        </ArtTableHeader>
 
-      <div class="pagination-wrapper">
-        <ElPagination
-          v-model:current-page="pagination.page"
-          v-model:page-size="pagination.page_size"
+        <ArtTable
+          ref="tableRef"
+          row-key="id"
+          :loading="loading"
+          :data="applications"
+          :current-page="pagination.page"
+          :page-size="pagination.page_size"
           :total="pagination.total"
-          :page-sizes="[20, 50, 100]"
-          layout="total, sizes, prev, pager, next"
+          :margin-top="10"
+          :actions="getActions"
+          :actions-width="160"
+          :inline-actions-count="1"
           @size-change="handleSizeChange"
           @current-change="loadApplications"
-        />
-      </div>
-    </ElCard>
-  </div>
+        >
+          <template #default>
+            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
+          </template>
+        </ArtTable>
+      </ElCard>
+    </div>
+
+    <WecomApplicationFormDialog
+      v-model="applicationDialogVisible"
+      :application="editingApplication"
+      @success="handleApplicationSaved"
+    />
+  </ArtTableFullScreen>
 </template>
 
 <script setup lang="ts">
-  import { onMounted, reactive, ref } from 'vue'
-  import { ElMessage } from 'element-plus'
+  import { h, onMounted, reactive, ref } from 'vue'
+  import { ElMessage, ElTag } from 'element-plus'
   import { useRouter } from 'vue-router'
+  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { useAuth } from '@/composables/useAuth'
   import { WecomService } from '@/api/modules'
   import { JULY_PERMISSIONS } from '@/config/constants'
   import { RoutesAlias } from '@/router/routesAlias'
   import type { WecomApplication } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
+  import WecomApplicationFormDialog from './components/WecomApplicationFormDialog.vue'
 
   defineOptions({ name: 'WecomApplications' })
 
   const router = useRouter()
+  const { hasAuth } = useAuth()
+  const tableRef = ref()
   const loading = ref(false)
   const applications = ref<WecomApplication[]>([])
+  const applicationDialogVisible = ref(false)
+  const editingApplication = ref<WecomApplication | null>(null)
   const pagination = reactive({ page: 1, page_size: 20, total: 0 })
 
   const formatDate = (value?: string | null) => (value ? formatDateTime(value) : '-')
 
+  const columnOptions = [
+    { label: '应用名称', prop: 'name' },
+    { label: '凭据状态', prop: 'credentials_set' },
+    { label: '启用状态', prop: 'status' },
+    { label: '默认发起人', prop: 'default_creator_name' },
+    { label: '最近连接', prop: 'last_connected_at' }
+  ]
+
+  const { columnChecks, columns } = useCheckedColumns(() => [
+    {
+      prop: 'name',
+      label: '应用名称',
+      minWidth: 180,
+      showOverflowTooltip: true
+    },
+    {
+      prop: 'credentials_set',
+      label: '凭据状态',
+      width: 110,
+      formatter: (row: WecomApplication) =>
+        h(ElTag, { type: row.credentials_set ? 'success' : 'warning', size: 'small' }, () =>
+          row.credentials_set ? '已完整' : '未完整'
+        )
+    },
+    {
+      prop: 'status',
+      label: '启用状态',
+      width: 100,
+      formatter: (row: WecomApplication) =>
+        h(
+          ElTag,
+          { type: row.status === 1 ? 'success' : 'info', size: 'small' },
+          () => row.status_name
+        )
+    },
+    {
+      prop: 'default_creator_name',
+      label: '默认发起人',
+      minWidth: 150,
+      formatter: (row: WecomApplication) => row.default_creator_name || '未设置'
+    },
+    {
+      prop: 'last_connected_at',
+      label: '最近连接',
+      width: 180,
+      formatter: (row: WecomApplication) => formatDate(row.last_connected_at)
+    }
+  ])
+
   const loadApplications = async () => {
     loading.value = true
     try {
@@ -124,8 +145,20 @@
     void loadApplications()
   }
 
-  const goToCreate = () => void router.push(`${RoutesAlias.WecomApplications}/create`)
-  const goToDetail = (id: number) => void router.push(`${RoutesAlias.WecomApplicationDetail}/${id}`)
+  const openCreateDialog = () => {
+    editingApplication.value = null
+    applicationDialogVisible.value = true
+  }
+
+  const openEditDialog = (application: WecomApplication) => {
+    editingApplication.value = application
+    applicationDialogVisible.value = true
+  }
+
+  const handleApplicationSaved = () => {
+    void loadApplications()
+  }
+
   const goToMembers = (id: number) =>
     void router.push({ path: RoutesAlias.WecomMembers, query: { application_id: String(id) } })
 
@@ -138,34 +171,31 @@
     }
   }
 
+  const getActions = (row: WecomApplication) => {
+    const actions: any[] = []
+    if (hasAuth(JULY_PERMISSIONS.wecom.application)) {
+      actions.push({
+        label: '测试连接',
+        handler: () => testApplication(row.id),
+        type: 'primary'
+      })
+      actions.push({
+        label: '编辑配置',
+        handler: () => openEditDialog(row),
+        type: 'primary'
+      })
+    }
+    if (hasAuth(JULY_PERMISSIONS.wecom.member)) {
+      actions.push({
+        label: '成员管理',
+        handler: () => goToMembers(row.id),
+        type: 'primary'
+      })
+    }
+    return actions
+  }
+
   onMounted(() => void loadApplications())
 </script>
 
-<style scoped lang="scss">
-  .wecom-applications-page {
-    .page-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 16px;
-    }
-
-    .page-title {
-      color: var(--el-text-color-primary);
-      font-size: 16px;
-      font-weight: 600;
-    }
-
-    .page-description {
-      margin-top: 6px;
-      color: var(--el-text-color-secondary);
-      font-size: 13px;
-    }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
-  }
-</style>
+<style scoped lang="scss"></style>
diff --git a/src/views/settings/wecom/members/index.vue b/src/views/settings/wecom/members/index.vue
index 70145a0..1f8821f 100644
--- a/src/views/settings/wecom/members/index.vue
+++ b/src/views/settings/wecom/members/index.vue
@@ -1,167 +1,94 @@
 <template>
-  <div class="wecom-members-page">
-    <ElCard shadow="never">
-      <template #header>
-        <div class="page-header">
-          <div>
-            <div class="page-title">企微成员管理</div>
-            <div class="page-description"
-              >同步应用可见成员，设置默认审批发起人，并完成平台账号绑定。</div
-            >
-          </div>
-          <ElButton @click="goToApplications">返回应用列表</ElButton>
-        </div>
-      </template>
+  <ArtTableFullScreen>
+    <div id="table-full-screen" class="wecom-members-page">
+      <ArtSearchBar
+        v-model:filter="searchForm"
+        :items="searchFormItems"
+        :show-expand="false"
+        @reset="handleReset"
+        @search="handleSearch"
+      />
 
-      <ElForm inline class="search-form" @submit.prevent>
-        <ElFormItem label="企微应用">
-          <ElSelect
-            v-model="selectedApplicationId"
-            filterable
-            class="application-select"
-            placeholder="请选择企微应用"
-            @change="handleApplicationChange"
-          >
-            <ElOption
-              v-for="application in applications"
-              :key="application.id"
-              :label="application.name"
-              :value="application.id"
-            />
-          </ElSelect>
-        </ElFormItem>
-        <ElFormItem label="成员搜索">
-          <ElInput
-            v-model="keyword"
-            clearable
-            placeholder="姓名"
-            class="keyword-input"
-            @keyup.enter="handleSearch"
-          />
-        </ElFormItem>
-        <ElFormItem>
-          <ElButton type="primary" @click="handleSearch">查询</ElButton>
-          <ElButton @click="handleReset">重置</ElButton>
-        </ElFormItem>
-      </ElForm>
-
-      <div class="toolbar">
-        <div class="selected-application">
-          当前应用：<span>{{ selectedApplication?.name || '未选择' }}</span>
-          <ElTag v-if="selectedApplication?.default_creator_name" type="success" size="small">
-            默认发起人：{{ selectedApplication.default_creator_name }}
-          </ElTag>
-        </div>
-        <ElButton
-          v-permission="JULY_PERMISSIONS.wecom.member"
-          :disabled="!selectedApplicationId"
-          :loading="syncing"
-          @click="syncMembers"
-        >
-          同步成员
-        </ElButton>
-      </div>
-
-      <ElTable
-        v-loading="loading"
-        :data="members"
-        row-key="userid"
-        highlight-current-row
-        border
-        @row-click="selectMember"
-      >
-        <ElTableColumn label="选择" width="70" align="center">
-          <template #default="scope">
-            <ElRadio v-model="selectedUserid" :label="scope.row.userid">
-              <span class="sr-only">选择 {{ scope.row.name }}</span>
-            </ElRadio>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn prop="name" label="成员姓名" min-width="150" />
-        <ElTableColumn prop="synced_at" label="同步时间" min-width="180" />
-        <ElTableColumn label="操作" width="230" fixed="right">
-          <template #default="scope">
+      <ElCard v-loading="loading" shadow="never" class="art-table-card members-card">
+        <div class="members-toolbar">
+          <div class="toolbar-actions">
             <ElButton
               v-permission="JULY_PERMISSIONS.wecom.member"
-              link
+              :disabled="!selectedApplicationId"
+              :loading="syncing"
               type="primary"
-              @click.stop="setDefaultCreator(scope.row)"
+              @click="syncMembers"
             >
-              设为默认发起人
+              同步成员
             </ElButton>
-            <ElButton
-              v-permission="JULY_PERMISSIONS.wecom.binding"
-              link
-              @click.stop="selectMember(scope.row)"
-            >
-              绑定账号
-            </ElButton>
-          </template>
-        </ElTableColumn>
-      </ElTable>
+            <ElButton @click="goToApplications">返回应用列表</ElButton>
+          </div>
+        </div>
 
-      <div class="pagination-wrapper">
-        <ElPagination
-          v-model:current-page="pagination.page"
-          v-model:page-size="pagination.page_size"
-          :total="pagination.total"
-          :page-sizes="[20, 50, 100]"
-          layout="total, sizes, prev, pager, next"
-          @size-change="handleSizeChange"
-          @current-change="loadMembers"
-        />
-      </div>
-    </ElCard>
+        <ElEmpty v-if="!members.length && !loading" description="暂无企微成员" />
+        <div v-else class="member-grid">
+          <ElCard v-for="member in members" :key="member.userid" shadow="hover" class="member-card">
+            <div class="member-card__header">
+              <div class="member-card__identity">
+                <ElAvatar :size="36" class="member-card__avatar">
+                  {{ getMemberInitial(member.name) }}
+                </ElAvatar>
+                <div class="member-card__name" :title="member.name">
+                  {{ member.name || '-' }}
+                </div>
+              </div>
+              <ElTag v-if="isDefaultCreator(member)" type="success" size="small">
+                默认发起人
+              </ElTag>
+              <ElTag
+                v-else
+                v-permission="JULY_PERMISSIONS.wecom.member"
+                class="member-card__action-tag"
+                type="primary"
+                effect="plain"
+                size="small"
+                role="button"
+                tabindex="0"
+                @click.stop="setDefaultCreator(member)"
+                @keydown.enter.stop="setDefaultCreator(member)"
+              >
+                设为默认发起人
+              </ElTag>
+            </div>
 
-    <ElCard shadow="never" class="operation-card">
-      <template #header>当前成员操作</template>
-      <ElAlert
-        v-if="selectedMember"
-        :title="`已选择：${selectedMember.name}`"
-        type="info"
-        :closable="false"
-      />
-      <ElEmpty v-else description="请先在上方列表选择成员" :image-size="70" />
+            <div class="member-card__info">
+              <span class="member-card__label">同步时间</span>
+              <span>{{ formatDateTime(member.synced_at) }}</span>
+            </div>
+          </ElCard>
+        </div>
 
-      <div class="operation-row">
-        <span class="operation-label">绑定平台账号</span>
-        <ElInputNumber
-          v-model="bindingAccountId"
-          :min="1"
-          :disabled="!selectedMember"
-          controls-position="right"
-          placeholder="账号 ID"
-        />
-        <ElButton
-          v-permission="JULY_PERMISSIONS.wecom.binding"
-          type="primary"
-          :disabled="!selectedMember || !bindingAccountId"
-          :loading="binding"
-          @click="bindAccount"
-        >
-          绑定账号
-        </ElButton>
-        <ElButton
-          v-permission="JULY_PERMISSIONS.wecom.member"
-          :disabled="!selectedMember"
-          :loading="savingDefault"
-          @click="saveSelectedDefaultCreator"
-        >
-          保存为默认发起人
-        </ElButton>
-      </div>
-    </ElCard>
-  </div>
+        <div class="pagination-wrapper">
+          <ElPagination
+            v-model:current-page="pagination.page"
+            v-model:page-size="pagination.page_size"
+            :total="pagination.total"
+            :page-sizes="[20, 50, 100]"
+            layout="total, sizes, prev, pager, next"
+            @size-change="handleSizeChange"
+            @current-change="loadMembers"
+          />
+        </div>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
 </template>
 
 <script setup lang="ts">
   import { computed, onMounted, reactive, ref } from 'vue'
-  import { ElMessage } from 'element-plus'
+  import { ElMessage, ElMessageBox } from 'element-plus'
   import { useRoute, useRouter } from 'vue-router'
-  import { AccountService, WecomService } from '@/api/modules'
+  import type { SearchFormItem } from '@/types'
+  import { WecomService } from '@/api/modules'
   import { JULY_PERMISSIONS } from '@/config/constants'
   import { RoutesAlias } from '@/router/routesAlias'
   import type { WecomApplication, WecomMember } from '@/types/api'
+  import { formatDateTime } from '@/utils/business/format'
 
   defineOptions({ name: 'WecomMembers' })
 
@@ -170,30 +97,65 @@
   const loading = ref(false)
   const syncing = ref(false)
   const savingDefault = ref(false)
-  const binding = ref(false)
+  const pendingDefaultUserid = ref('')
   const applications = ref<WecomApplication[]>([])
   const members = ref<WecomMember[]>([])
-  const selectedApplicationId = ref<number>()
-  const selectedUserid = ref('')
-  const bindingAccountId = ref<number>()
-  const keyword = ref('')
+  const searchForm = reactive({
+    application_id: undefined as number | undefined,
+    keyword: ''
+  })
   const pagination = reactive({ page: 1, page_size: 20, total: 0 })
 
+  const selectedApplicationId = computed(() => searchForm.application_id)
   const selectedApplication = computed(() =>
     applications.value.find((application) => application.id === selectedApplicationId.value)
   )
-  const selectedMember = computed(() =>
-    members.value.find((member) => member.userid === selectedUserid.value)
-  )
+
+  const searchFormItems = computed<SearchFormItem[]>(() => [
+    {
+      label: '企微应用',
+      prop: 'application_id',
+      type: 'select',
+      options: applications.value.map((application) => ({
+        label: application.name,
+        value: application.id
+      })),
+      onChange: () => {
+        pagination.page = 1
+        void loadMembers()
+      },
+      config: {
+        filterable: true,
+        clearable: false,
+        placeholder: '请选择企微应用'
+      }
+    },
+    {
+      label: '成员搜索',
+      prop: 'keyword',
+      type: 'input',
+      config: {
+        clearable: true,
+        placeholder: '请输入成员姓名'
+      }
+    }
+  ])
+
+  const isDefaultCreator = (member: WecomMember) =>
+    member.userid === selectedApplication.value?.default_creator_userid
+
+  const getMemberInitial = (name: string) => name.trim().slice(0, 1) || '-'
 
   const loadApplications = async () => {
     const response = await WecomService.getApplications({ page: 1, page_size: 100 })
     if (response.code !== 0) return
     applications.value = response.data.items || []
     const queryApplicationId = Number(route.query.application_id)
-    selectedApplicationId.value =
-      applications.value.find((application) => application.id === queryApplicationId)?.id ||
-      applications.value[0]?.id
+    const preferredApplication =
+      applications.value.find((application) => application.id === queryApplicationId) ||
+      applications.value.find((application) => application.id === searchForm.application_id) ||
+      applications.value[0]
+    searchForm.application_id = preferredApplication?.id
   }
 
   const loadMembers = async () => {
@@ -207,33 +169,25 @@
       const response = await WecomService.getMembers(selectedApplicationId.value, {
         page: pagination.page,
         page_size: pagination.page_size,
-        keyword: keyword.value.trim() || undefined
+        keyword: searchForm.keyword.trim() || undefined
       })
       if (response.code === 0) {
         members.value = response.data.items || []
         pagination.total = response.data.total || 0
-        if (!members.value.some((member) => member.userid === selectedUserid.value)) {
-          selectedUserid.value = ''
-        }
       }
     } finally {
       loading.value = false
     }
   }
 
-  const handleApplicationChange = () => {
-    pagination.page = 1
-    selectedUserid.value = ''
-    void loadMembers()
-  }
-
   const handleSearch = () => {
     pagination.page = 1
     void loadMembers()
   }
 
   const handleReset = () => {
-    keyword.value = ''
+    searchForm.keyword = ''
+    searchForm.application_id = applications.value[0]?.id
     pagination.page = 1
     void loadMembers()
   }
@@ -244,10 +198,6 @@
     void loadMembers()
   }
 
-  const selectMember = (member: WecomMember) => {
-    selectedUserid.value = member.userid
-  }
-
   const syncMembers = async () => {
     if (!selectedApplicationId.value) return
     syncing.value = true
@@ -263,49 +213,40 @@
   }
 
   const setDefaultCreator = async (member: WecomMember) => {
-    if (!selectedApplicationId.value) return
-    selectedUserid.value = member.userid
-    await saveSelectedDefaultCreator()
-  }
+    if (!selectedApplicationId.value || savingDefault.value) return
 
-  const saveSelectedDefaultCreator = async () => {
-    if (!selectedApplicationId.value || !selectedMember.value) {
-      ElMessage.warning('请选择要设置的成员')
+    try {
+      await ElMessageBox.confirm(
+        `确定将 ${member.name} 设置为当前应用的默认发起人吗？`,
+        '确认设置默认发起人',
+        {
+          confirmButtonText: '确定设置',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      )
+    } catch {
       return
     }
+
     savingDefault.value = true
+    pendingDefaultUserid.value = member.userid
     try {
       const response = await WecomService.setDefaultCreator(
         selectedApplicationId.value,
-        selectedMember.value.userid
+        member.userid
       )
       if (response.code === 0) {
         ElMessage.success('默认发起人已保存')
         const application = selectedApplication.value
         if (application) {
-          application.default_creator_userid = selectedMember.value.userid
-          application.default_creator_name = selectedMember.value.name
+          application.default_creator_userid = member.userid
+          application.default_creator_name = member.name
         }
       }
     } finally {
       savingDefault.value = false
-    }
-  }
-
-  const bindAccount = async () => {
-    if (!selectedApplicationId.value || !selectedMember.value || !bindingAccountId.value) {
-      ElMessage.warning('请选择成员并输入账号 ID')
-      return
-    }
-    binding.value = true
-    try {
-      const response = await AccountService.bindWecom(bindingAccountId.value, {
-        application_id: selectedApplicationId.value,
-        userid: selectedMember.value.userid
-      })
-      if (response.code === 0) ElMessage.success('账号企微绑定成功')
-    } finally {
-      binding.value = false
+      pendingDefaultUserid.value = ''
     }
   }
 
@@ -319,105 +260,152 @@
 
 <style scoped lang="scss">
   .wecom-members-page {
-    .page-header,
-    .toolbar,
-    .operation-row {
+    .members-card {
+      min-height: 0;
+      overflow: hidden;
+
+      :deep(> .el-card__body) {
+        box-sizing: border-box;
+        min-height: 0;
+        overflow-y: auto;
+        padding-bottom: 24px;
+      }
+    }
+
+    .members-toolbar {
+      display: flex;
+      justify-content: flex-end;
+      margin-bottom: 16px;
+    }
+
+    .toolbar-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 12px;
+    }
+
+    .member-grid {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 16px;
+      padding-bottom: 4px;
+    }
+
+    .member-card {
+      min-width: 0;
+      transition:
+        box-shadow 0.2s ease,
+        transform 0.2s ease;
+
+      &:hover {
+        transform: translateY(-2px);
+      }
+
+      :deep(.el-card__body) {
+        display: flex;
+        height: auto;
+        min-height: 108px;
+        flex-direction: column;
+        justify-content: space-between;
+        gap: 10px;
+        overflow: visible;
+      }
+    }
+
+    .member-card__header,
+    .member-card__info {
       display: flex;
       align-items: center;
     }
 
-    .page-header,
-    .toolbar {
+    .member-card__header {
       justify-content: space-between;
-      gap: 16px;
+      gap: 12px;
     }
 
-    .page-title {
-      color: var(--el-text-color-primary);
-      font-size: 16px;
+    .member-card__identity {
+      display: flex;
+      min-width: 0;
+      flex: 1;
+      align-items: center;
+      gap: 10px;
+    }
+
+    .member-card__avatar {
+      flex-shrink: 0;
+      color: var(--el-color-primary);
+      background: var(--el-color-primary-light-9);
       font-weight: 600;
     }
 
-    .page-description {
-      margin-top: 6px;
-      color: var(--el-text-color-secondary);
+    .member-card__name {
+      min-width: 0;
+      flex: 1;
+      overflow: hidden;
+      color: var(--el-text-color-primary);
+      font-size: 16px;
+      font-weight: 600;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .member-card__info {
+      justify-content: space-between;
+      gap: 16px;
+      color: var(--el-text-color-regular);
       font-size: 13px;
+
+      span:last-child {
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
 
-    .search-form {
-      margin-top: 4px;
-      padding: 14px 16px 0;
-      background: var(--el-fill-color-light);
-      border-radius: 4px;
+    .member-card__label {
+      color: var(--el-text-color-secondary);
     }
 
-    .application-select {
-      width: 280px;
-    }
+    .member-card__action-tag {
+      cursor: pointer;
+      transition: opacity 0.2s ease;
 
-    .keyword-input {
-      width: 220px;
-    }
-
-    .toolbar {
-      margin: 20px 0 12px;
-
-      .selected-application {
-        color: var(--el-text-color-secondary);
-
-        span {
-          color: var(--el-text-color-primary);
-          font-weight: 600;
-        }
-
-        .el-tag {
-          margin-left: 10px;
-        }
+      &:hover {
+        opacity: 0.8;
       }
     }
 
     .pagination-wrapper {
       display: flex;
       justify-content: flex-end;
-      margin-top: 16px;
+      margin-top: 20px;
     }
 
-    .operation-card {
-      margin-top: 16px;
+    @media (max-width: 1400px) {
+      .member-grid {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
     }
 
-    .operation-row {
-      flex-wrap: wrap;
-      gap: 12px;
-      margin-top: 18px;
+    @media (max-width: 1024px) {
+      .member-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
     }
 
-    .operation-label {
-      color: var(--el-text-color-primary);
-      font-weight: 500;
-    }
-
-    .sr-only {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      padding: 0;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap;
-      border: 0;
-    }
-
-    @media (max-width: 768px) {
-      .page-header,
-      .toolbar {
-        align-items: flex-start;
-        flex-direction: column;
+    @media (max-width: 640px) {
+      .member-grid {
+        grid-template-columns: 1fr;
       }
 
-      .application-select,
-      .keyword-input {
-        width: 100%;
+      .members-toolbar {
+        justify-content: flex-start;
+      }
+
+      .pagination-wrapper {
+        justify-content: center;
+        overflow-x: auto;
       }
     }
   }
diff --git a/src/views/settings/wecom/scenes/index.vue b/src/views/settings/wecom/scenes/index.vue
index c9e8878..45c97a4 100644
--- a/src/views/settings/wecom/scenes/index.vue
+++ b/src/views/settings/wecom/scenes/index.vue
@@ -1,158 +1,240 @@
 <template>
-  <div class="wecom-scenes-page">
-    <ElCard shadow="never">
-      <template #header>
-        <div class="page-header">
-          <div>
-            <div class="page-title">企微审批场景</div>
-            <div class="page-description"
-              >分别维护退款和线下代充值审批模板，并提交后由后端校验控件映射。</div
+  <ArtTableFullScreen>
+    <div id="table-full-screen" class="wecom-scenes-page">
+      <ElCard shadow="never" class="art-table-card">
+        <ArtTableHeader
+          :column-list="columnOptions"
+          v-model:columns="columnChecks"
+          @refresh="loadData"
+        >
+          <template #left>
+            <ElButton
+              v-permission="JULY_PERMISSIONS.wecom.scene"
+              type="primary"
+              @click="createScene"
             >
+              新增场景配置
+            </ElButton>
+          </template>
+        </ArtTableHeader>
+
+        <ArtTable
+          ref="tableRef"
+          row-key="business_type"
+          :loading="loading"
+          :data="scenes"
+          :current-page="pagination.page"
+          :page-size="pagination.page_size"
+          :total="pagination.total"
+          :margin-top="10"
+          :actions="getActions"
+          :actions-width="140"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentPageChange"
+        >
+          <template #default>
+            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
+          </template>
+        </ArtTable>
+      </ElCard>
+    </div>
+
+    <ElDialog
+      v-model="editorVisible"
+      :title="editing ? '编辑审批场景' : '新增审批场景'"
+      width="55%"
+      class="wecom-scene-dialog"
+      destroy-on-close
+    >
+      <ElForm :model="sceneForm" label-width="80px" class="scene-editor-form">
+        <div class="dialog-section">
+          <div class="dialog-section__header">
+            <div class="dialog-section__title">基础配置</div>
+            <div class="dialog-section__description">选择审批业务和对应的企业微信模板</div>
           </div>
-          <ElButton v-permission="JULY_PERMISSIONS.wecom.scene" type="primary" @click="createScene">
-            新增场景配置
+
+          <ElRow :gutter="24">
+            <ElCol :xs="24" :sm="12">
+              <ElFormItem label="业务类型" required>
+                <ElSelect
+                  v-model="sceneForm.business_type"
+                  :disabled="editing"
+                  class="full-width"
+                  @change="handleBusinessTypeChange"
+                >
+                  <ElOption label="退款审批" value="refund_approval" />
+                  <ElOption label="线下代充值审批" value="offline_recharge_approval" />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12">
+              <ElFormItem label="企微应用">
+                <ElSelect
+                  v-model="sceneForm.application_id"
+                  clearable
+                  filterable
+                  class="full-width"
+                >
+                  <ElOption
+                    v-for="application in applications"
+                    :key="application.id"
+                    :label="application.name"
+                    :value="application.id"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12">
+              <ElFormItem label="模板 ID" required>
+                <ElInput v-model="sceneForm.template_id" placeholder="请输入企微后台模板 ID">
+                  <template #append>
+                    <ElButton
+                      v-permission="JULY_PERMISSIONS.wecom.scene"
+                      :loading="inspectingTemplate"
+                      @click="syncTemplate()"
+                    >
+                      同步模板
+                    </ElButton>
+                  </template>
+                </ElInput>
+                <div v-if="templateName" class="template-name">当前模板：{{ templateName }}</div>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12">
+              <ElFormItem label="启用状态">
+                <ElSwitch v-model="sceneForm.enabled" active-text="启用" inactive-text="禁用" />
+              </ElFormItem>
+            </ElCol>
+          </ElRow>
+        </div>
+
+        <div class="dialog-section mapping-section">
+          <div class="dialog-section__header mapping-heading">
+            <div>
+              <div class="dialog-section__title">控件映射</div>
+              <div class="dialog-section__description">将业务字段绑定到企业微信模板控件</div>
+            </div>
+            <ElTag v-if="!templateControls.length" type="info" effect="plain" class="mapping-tip">
+              请先填写模板 ID 并点击“同步模板”，再选择模板控件。
+            </ElTag>
+          </div>
+          <div v-if="mappingRows.length" class="mapping-list">
+            <div v-for="mapping in mappingRows" :key="mapping.key" class="mapping-row">
+              <div class="mapping-row__grid">
+                <div class="mapping-field">
+                  <span class="mapping-field__label">业务字段</span>
+                  <ElSelect
+                    v-model="mapping.business_field"
+                    filterable
+                    clearable
+                    :loading="fieldsLoading"
+                    placeholder="选择业务字段"
+                  >
+                    <ElOption
+                      v-for="field in businessFields"
+                      :key="field.code"
+                      :label="field.name"
+                      :value="field.code"
+                    />
+                  </ElSelect>
+                </div>
+                <div class="mapping-field">
+                  <span class="mapping-field__label">模板控件</span>
+                  <ElInput
+                    :model-value="mapping.control_title"
+                    readonly
+                    placeholder="模板控件名称"
+                  />
+                </div>
+                <div class="mapping-field">
+                  <span class="mapping-field__label">控件 ID</span>
+                  <ElInput
+                    :model-value="mapping.control_id"
+                    readonly
+                    placeholder="选择模板控件后自动填充"
+                  />
+                </div>
+                <div class="mapping-field">
+                  <span class="mapping-field__label">控件类型</span>
+                  <ElInput
+                    :model-value="mapping.control_type"
+                    readonly
+                    placeholder="同步模板后自动填充"
+                  />
+                </div>
+                <div class="mapping-field mapping-field--option">
+                  <span class="mapping-field__label">选择项映射</span>
+                  <ElInput v-model="mapping.option_mapping" placeholder="JSON，可为空对象" />
+                </div>
+              </div>
+            </div>
+          </div>
+          <ElEmpty v-else description="暂无控件映射，请新增一条" :image-size="60" />
+        </div>
+      </ElForm>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="editorVisible = false">取消</ElButton>
+          <ElButton @click="createScene">清空表单</ElButton>
+          <ElButton
+            v-permission="JULY_PERMISSIONS.wecom.scene"
+            type="primary"
+            :loading="saving"
+            @click="saveScene"
+          >
+            保存并校验
           </ElButton>
         </div>
       </template>
-
-      <div class="scene-layout">
-        <div class="scene-list">
-          <div class="section-heading">场景配置列表</div>
-          <ElTable
-            v-loading="loading"
-            :data="scenes"
-            row-key="business_type"
-            highlight-current-row
-            border
-            @row-click="selectScene"
-          >
-            <ElTableColumn prop="business_type_name" label="业务类型" min-width="150" />
-            <ElTableColumn
-              prop="template_name"
-              label="模板名称"
-              min-width="180"
-              show-overflow-tooltip
-            />
-            <ElTableColumn label="状态" width="90">
-              <template #default="scope">
-                <ElTag :type="scope.row.status === 1 ? 'success' : 'info'" size="small">
-                  {{ scope.row.status_name }}
-                </ElTag>
-              </template>
-            </ElTableColumn>
-            <ElTableColumn prop="last_verified_at" label="最近校验" min-width="170" />
-            <ElTableColumn label="操作" width="90" fixed="right">
-              <template #default="scope">
-                <ElButton
-                  v-permission="JULY_PERMISSIONS.wecom.scene"
-                  link
-                  type="primary"
-                  @click.stop="selectScene(scope.row)"
-                >
-                  编辑
-                </ElButton>
-              </template>
-            </ElTableColumn>
-          </ElTable>
-        </div>
-
-        <ElCard shadow="never" class="editor-card">
-          <template #header>
-            <div class="editor-header">
-              <span>{{ editing ? '编辑审批场景' : '新增审批场景' }}</span>
-              <ElTag v-if="editing" size="small" type="info">{{ sceneForm.business_type }}</ElTag>
-            </div>
-          </template>
-
-          <ElForm :model="sceneForm" label-width="110px">
-            <ElFormItem label="业务类型" required>
-              <ElSelect v-model="sceneForm.business_type" :disabled="editing" class="full-width">
-                <ElOption label="退款审批" value="refund_approval" />
-                <ElOption label="线下代充值审批" value="offline_recharge_approval" />
-              </ElSelect>
-            </ElFormItem>
-            <ElFormItem label="企微应用">
-              <ElSelect v-model="sceneForm.application_id" clearable filterable class="full-width">
-                <ElOption
-                  v-for="application in applications"
-                  :key="application.id"
-                  :label="application.name"
-                  :value="application.id"
-                />
-              </ElSelect>
-            </ElFormItem>
-            <ElFormItem label="模板 ID" required>
-              <ElInput v-model="sceneForm.template_id" placeholder="请输入企微后台模板 ID" />
-            </ElFormItem>
-            <ElFormItem label="启用状态">
-              <ElSwitch v-model="sceneForm.enabled" active-text="启用" inactive-text="禁用" />
-            </ElFormItem>
-
-            <ElDivider content-position="left">控件映射</ElDivider>
-            <div class="mapping-heading">
-              <span>业务字段与模板控件的对应关系</span>
-              <ElButton text type="primary" @click="addMapping()">新增映射</ElButton>
-            </div>
-            <div v-if="mappingRows.length" class="mapping-list">
-              <div v-for="(mapping, index) in mappingRows" :key="mapping.key" class="mapping-row">
-                <ElInput v-model="mapping.business_field" placeholder="业务字段，如 refund_no" />
-                <ElInput v-model="mapping.control_id" placeholder="控件 ID" />
-                <ElInput v-model="mapping.control_type" placeholder="控件类型，如 Text" />
-                <ElInput
-                  v-model="mapping.option_mapping"
-                  placeholder="选择项映射 JSON，可为空对象"
-                />
-                <ElButton text type="danger" @click="removeMapping(index)">删除</ElButton>
-              </div>
-            </div>
-            <ElEmpty v-else description="暂无控件映射，请新增一条" :image-size="60" />
-
-            <div class="editor-actions">
-              <ElButton @click="createScene">清空表单</ElButton>
-              <ElButton
-                v-permission="JULY_PERMISSIONS.wecom.scene"
-                type="primary"
-                :loading="saving"
-                @click="saveScene"
-              >
-                保存并校验
-              </ElButton>
-            </div>
-          </ElForm>
-        </ElCard>
-      </div>
-    </ElCard>
-  </div>
+    </ElDialog>
+  </ArtTableFullScreen>
 </template>
 
 <script setup lang="ts">
-  import { computed, onMounted, reactive, ref } from 'vue'
-  import { ElMessage } from 'element-plus'
+  import { computed, h, onMounted, reactive, ref } from 'vue'
+  import { ElMessage, ElTag } from 'element-plus'
+  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { useAuth } from '@/composables/useAuth'
   import { WecomService } from '@/api/modules'
   import { JULY_PERMISSIONS } from '@/config/constants'
   import type {
     WecomApplication,
+    WecomBusinessField,
     WecomBusinessType,
     WecomScene,
-    WecomSceneControlMapping
+    WecomSceneControlMapping,
+    WecomTemplateControl
   } from '@/types/api'
+  import { formatDateTime } from '@/utils/business/format'
 
   defineOptions({ name: 'WecomScenes' })
 
   interface MappingEditor {
     key: number
     business_field: string
+    control_title: string
     control_id: string
     control_type: string
+    required: boolean
     option_mapping: string
   }
 
+  const { hasAuth } = useAuth()
+  const tableRef = ref()
   const loading = ref(false)
   const saving = ref(false)
+  const fieldsLoading = ref(false)
+  const inspectingTemplate = ref(false)
+  const editorVisible = ref(false)
   const applications = ref<WecomApplication[]>([])
+  const businessFields = ref<WecomBusinessField[]>([])
+  const templateControls = ref<WecomTemplateControl[]>([])
+  const templateName = ref('')
   const scenes = ref<WecomScene[]>([])
   const selectedBusinessType = ref<WecomBusinessType>()
   const nextMappingKey = ref(1)
+  const pagination = reactive({ page: 1, page_size: 20, total: 0 })
   const sceneForm = reactive({
     business_type: 'refund_approval' as WecomBusinessType,
     application_id: undefined as number | undefined,
@@ -162,19 +244,69 @@
   const mappingRows = ref<MappingEditor[]>([])
   const editing = computed(() => Boolean(selectedBusinessType.value))
 
-  const addMapping = (mapping?: Partial<MappingEditor>) => {
-    mappingRows.value.push({
-      key: nextMappingKey.value++,
-      business_field: mapping?.business_field || '',
-      control_id: mapping?.control_id || '',
-      control_type: mapping?.control_type || '',
-      option_mapping: mapping?.option_mapping || '{}'
-    })
+  const columnOptions = [
+    { label: '业务类型', prop: 'business_type_name' },
+    { label: '模板名称', prop: 'template_name' },
+    { label: '状态', prop: 'status' },
+    { label: '最近校验', prop: 'last_verified_at' }
+  ]
+
+  const formatDate = (value?: string | null) => (value ? formatDateTime(value) : '-')
+
+  const loadBusinessFields = async (businessType: WecomBusinessType) => {
+    fieldsLoading.value = true
+    try {
+      const response = await WecomService.getBusinessFields(businessType)
+      if (response.code === 0) {
+        businessFields.value = response.data.items || []
+      }
+    } finally {
+      fieldsLoading.value = false
+    }
   }
 
-  const removeMapping = (index: number) => mappingRows.value.splice(index, 1)
+  const handleBusinessTypeChange = () => {
+    businessFields.value = []
+    mappingRows.value.forEach((mapping) => {
+      mapping.business_field = ''
+    })
+    void loadBusinessFields(sceneForm.business_type)
+  }
+
+  const { columnChecks, columns } = useCheckedColumns(() => [
+    {
+      prop: 'business_type_name',
+      label: '业务类型',
+      minWidth: 180
+    },
+    {
+      prop: 'template_name',
+      label: '模板名称',
+      minWidth: 220,
+      showOverflowTooltip: true
+    },
+    {
+      prop: 'status',
+      label: '状态',
+      width: 100,
+      formatter: (row: WecomScene) =>
+        h(
+          ElTag,
+          { type: row.status === 1 ? 'success' : 'info', size: 'small' },
+          () => row.status_name
+        )
+    },
+    {
+      prop: 'last_verified_at',
+      label: '最近校验',
+      width: 180,
+      formatter: (row: WecomScene) => formatDate(row.last_verified_at)
+    }
+  ])
 
   const fillEditor = (scene?: WecomScene) => {
+    templateControls.value = []
+    templateName.value = ''
     if (!scene) {
       selectedBusinessType.value = undefined
       Object.assign(sceneForm, {
@@ -184,7 +316,6 @@
         enabled: true
       })
       mappingRows.value = []
-      addMapping()
       return
     }
     selectedBusinessType.value = scene.business_type
@@ -197,41 +328,124 @@
     mappingRows.value = (scene.control_mapping || []).map((mapping) => ({
       key: nextMappingKey.value++,
       business_field: mapping.business_field,
+      control_title: '',
       control_id: mapping.control_id,
       control_type: mapping.control_type,
+      required: true,
       option_mapping: JSON.stringify(mapping.option_mapping || {})
     }))
   }
 
-  const selectScene = (scene: WecomScene) => fillEditor(scene)
-  const createScene = () => fillEditor()
+  const createScene = () => {
+    fillEditor()
+    editorVisible.value = true
+    void loadBusinessFields(sceneForm.business_type)
+  }
+
+  const editScene = (scene: WecomScene) => {
+    fillEditor(scene)
+    editorVisible.value = true
+    void loadBusinessFields(scene.business_type)
+    void syncTemplate(false)
+  }
+
+  const syncMappingRows = (controls: WecomTemplateControl[]) => {
+    const existingMappings = new Map(
+      mappingRows.value.map((mapping) => [mapping.control_id, mapping])
+    )
+    mappingRows.value = controls.map((control) => {
+      const existing = existingMappings.get(control.id)
+      return {
+        key: existing?.key || nextMappingKey.value++,
+        business_field: existing?.business_field || '',
+        control_title: control.title,
+        control_id: control.id,
+        control_type: control.type,
+        required: control.required,
+        option_mapping: existing?.option_mapping || '{}'
+      }
+    })
+  }
+
+  const syncTemplate = async (showMessage = true) => {
+    if (!sceneForm.application_id) {
+      ElMessage.warning('请先选择企微应用')
+      return
+    }
+    if (!sceneForm.template_id.trim()) {
+      ElMessage.warning('请输入模板 ID')
+      return
+    }
+
+    inspectingTemplate.value = true
+    try {
+      const response = await WecomService.inspectTemplate(sceneForm.application_id, {
+        template_id: sceneForm.template_id.trim()
+      })
+      if (response.code === 0) {
+        templateControls.value = response.data.controls || []
+        templateName.value = response.data.name || ''
+        syncMappingRows(templateControls.value)
+        if (showMessage) {
+          ElMessage.success(`模板控件已同步，共 ${templateControls.value.length} 项`)
+        }
+      }
+    } finally {
+      inspectingTemplate.value = false
+    }
+  }
 
   const loadData = async () => {
     loading.value = true
     try {
       const [applicationResponse, sceneResponse] = await Promise.all([
         WecomService.getApplications({ page: 1, page_size: 100 }),
-        WecomService.getScenes({ page: 1, page_size: 100 })
+        WecomService.getScenes({
+          page: pagination.page,
+          page_size: pagination.page_size
+        })
       ])
       if (applicationResponse.code === 0) applications.value = applicationResponse.data.items || []
       if (sceneResponse.code === 0) {
         scenes.value = sceneResponse.data.items || []
-        const current = scenes.value.find(
-          (scene) => scene.business_type === selectedBusinessType.value
-        )
-        fillEditor(current || scenes.value[0])
+        pagination.total = sceneResponse.data.total || 0
+        if (selectedBusinessType.value) {
+          const current = scenes.value.find(
+            (scene) => scene.business_type === selectedBusinessType.value
+          )
+          if (current) fillEditor(current)
+        }
       }
     } finally {
       loading.value = false
     }
   }
 
+  const handleSizeChange = (size: number) => {
+    pagination.page_size = size
+    pagination.page = 1
+    void loadData()
+  }
+
+  const handleCurrentPageChange = (page: number) => {
+    pagination.page = page
+    void loadData()
+  }
+
   const parseMapping = (): WecomSceneControlMapping[] | undefined => {
     const result: WecomSceneControlMapping[] = []
     for (const mapping of mappingRows.value) {
-      if (!mapping.business_field && !mapping.control_id && !mapping.control_type) continue
-      if (!mapping.business_field || !mapping.control_id || !mapping.control_type) {
-        ElMessage.warning('请完整填写控件映射字段')
+      if (!mapping.business_field) {
+        if (mapping.required) {
+          ElMessage.warning(
+            `请为必填控件“${mapping.control_title || mapping.control_id}”选择业务字段`
+          )
+          return
+        }
+        continue
+      }
+      if (!mapping.control_id || !mapping.control_type) {
+        ElMessage.warning(`控件“${mapping.control_title || mapping.control_id}”信息不完整`)
         return
       }
       let optionMapping: Record<string, string>
@@ -271,6 +485,7 @@
       })
       if (response.code === 0) {
         ElMessage.success('场景保存并校验成功')
+        editorVisible.value = false
         await loadData()
       }
     } finally {
@@ -278,98 +493,164 @@
     }
   }
 
+  const getActions = (row: WecomScene) => {
+    if (!hasAuth(JULY_PERMISSIONS.wecom.scene)) return []
+    return [
+      {
+        label: '编辑',
+        handler: () => editScene(row),
+        type: 'primary' as const
+      }
+    ]
+  }
+
   onMounted(() => void loadData())
 </script>
 
 <style scoped lang="scss">
-  .wecom-scenes-page {
-    .page-header,
-    .editor-header,
-    .mapping-heading,
-    .editor-actions {
-      display: flex;
-      align-items: center;
+  .full-width {
+    width: 100%;
+  }
+
+  .scene-editor-form {
+    padding-bottom: 12px;
+
+    .dialog-section {
+      padding: 18px 20px;
+      border: 1px solid var(--el-border-color-lighter);
+      border-radius: 8px;
+      background: var(--el-fill-color-blank);
     }
 
-    .page-header,
-    .editor-header,
-    .mapping-heading {
+    .dialog-section + .dialog-section {
+      margin-top: 18px;
+    }
+
+    .dialog-section__header {
+      display: flex;
+      align-items: flex-start;
       justify-content: space-between;
       gap: 16px;
+      margin-bottom: 16px;
     }
 
-    .page-title {
+    .dialog-section__title {
       color: var(--el-text-color-primary);
-      font-size: 16px;
+      font-size: 15px;
       font-weight: 600;
     }
 
-    .page-description {
-      margin-top: 6px;
+    .dialog-section__description {
+      margin-top: 4px;
       color: var(--el-text-color-secondary);
-      font-size: 13px;
+      font-size: 12px;
     }
 
-    .scene-layout {
-      display: grid;
-      grid-template-columns: minmax(0, 1.1fr) minmax(480px, 1fr);
-      gap: 16px;
+    .mapping-tip {
+      flex-shrink: 0;
+      margin-top: 0;
+      white-space: nowrap;
     }
 
-    .section-heading {
-      margin-bottom: 12px;
-      color: var(--el-text-color-primary);
-      font-weight: 600;
+    .template-name {
+      margin-top: 6px;
+      overflow: hidden;
+      color: var(--el-text-color-secondary);
+      font-size: 12px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
-    .editor-card {
-      min-width: 0;
-    }
-
-    .full-width {
-      width: 100%;
+    .mapping-section {
+      padding-bottom: 12px;
     }
 
     .mapping-heading {
-      margin-bottom: 12px;
-      color: var(--el-text-color-secondary);
-      font-size: 13px;
+      margin-bottom: 0;
     }
 
     .mapping-list {
       display: flex;
+      max-height: 420px;
       flex-direction: column;
-      gap: 10px;
+      gap: 12px;
+      overflow-y: auto;
+      padding: 0 4px 4px;
     }
 
     .mapping-row {
-      display: grid;
-      grid-template-columns: 1.05fr 1fr 0.8fr 1.3fr auto;
-      gap: 8px;
-      align-items: center;
+      padding: 14px;
+      border: 1px solid var(--el-border-color-lighter);
+      border-radius: 6px;
+      margin-top: 6px;
+      background: var(--el-fill-color-blank);
     }
 
-    .editor-actions {
+    .mapping-row__grid {
+      display: grid;
+      grid-template-columns:
+        minmax(120px, 1.1fr) minmax(140px, 1.3fr) minmax(120px, 1fr) minmax(100px, 0.8fr)
+        minmax(140px, 1.2fr);
+      gap: 12px;
+    }
+
+    .mapping-field {
+      display: flex;
+      min-width: 0;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    .mapping-field__label {
+      color: var(--el-text-color-secondary);
+      font-size: 12px;
+    }
+
+    .dialog-footer {
+      display: flex;
       justify-content: flex-end;
       gap: 12px;
-      margin-top: 24px;
-    }
-
-    @media (max-width: 1200px) {
-      .scene-layout {
-        grid-template-columns: 1fr;
-      }
     }
 
     @media (max-width: 768px) {
-      .page-header {
-        align-items: flex-start;
-        flex-direction: column;
+      .dialog-section {
+        padding: 14px;
       }
 
-      .mapping-row {
+      .dialog-section__header {
+        align-items: stretch;
+        flex-direction: column;
+        gap: 8px;
+      }
+
+      .mapping-tip {
+        align-self: flex-start;
+        white-space: normal;
+      }
+
+      .mapping-row__grid {
         grid-template-columns: 1fr;
       }
+
+      .mapping-field--option {
+        grid-column: 1 / -1;
+      }
+    }
+  }
+
+  @media (max-width: 1200px) {
+    .mapping-row__grid {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .mapping-field--option {
+      grid-column: 1 / -1;
+    }
+  }
+
+  @media (max-width: 768px) {
+    :deep(.wecom-scene-dialog) {
+      width: calc(100vw - 32px) !important;
     }
   }
 </style>

From 0e8a11430a851be53b2f6d8cc5a7d4027b030a7b Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 28 Jul 2026 14:27:55 +0800
Subject: [PATCH 34/76] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=A7=92?=
 =?UTF-8?q?=E8=89=B2id,=20=E4=BC=81=E5=BE=AE=E5=AE=A1=E6=89=B9=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-management/account/index.vue      | 12 +++++-
 src/views/settings/wecom/members/index.vue    |  1 -
 src/views/settings/wecom/scenes/index.vue     | 16 +-------
 src/views/system/role/index.vue               | 38 +++++++++----------
 4 files changed, 31 insertions(+), 36 deletions(-)

diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index 43d3a2b..3b693f8 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -631,7 +631,7 @@
   const getActions = (row: any) => {
     const actions: any[] = []
 
-    if (hasAuth(JULY_PERMISSIONS.wecom.binding)) {
+    if (row.user_type === 2 && hasAuth(JULY_PERMISSIONS.wecom.binding)) {
       actions.push({
         label: '绑定账号',
         handler: () => showWecomBindingDialog(row),
@@ -667,6 +667,11 @@
   }
 
   const showWecomBindingDialog = (row: any) => {
+    if (row.user_type !== 2) {
+      ElMessage.warning('只有平台用户可以绑定企微账号')
+      return
+    }
+
     currentWecomAccount.value = row
     wecomBindingForm.application_id = undefined
     wecomBindingForm.userid = ''
@@ -706,6 +711,11 @@
     const valid = await wecomBindingFormRef.value?.validate().catch(() => false)
     if (!valid || !currentWecomAccount.value || !wecomBindingForm.application_id) return
 
+    if (currentWecomAccount.value.user_type !== 2) {
+      ElMessage.error('只有平台用户可以绑定企微账号')
+      return
+    }
+
     const accountId = Number(currentWecomAccount.value.id ?? currentWecomAccount.value.ID)
     if (!accountId) {
       ElMessage.error('当前账号缺少账号标识，无法绑定企微')
diff --git a/src/views/settings/wecom/members/index.vue b/src/views/settings/wecom/members/index.vue
index 1f8821f..d8b215d 100644
--- a/src/views/settings/wecom/members/index.vue
+++ b/src/views/settings/wecom/members/index.vue
@@ -304,7 +304,6 @@
       :deep(.el-card__body) {
         display: flex;
         height: auto;
-        min-height: 108px;
         flex-direction: column;
         justify-content: space-between;
         gap: 10px;
diff --git a/src/views/settings/wecom/scenes/index.vue b/src/views/settings/wecom/scenes/index.vue
index 45c97a4..b3b27c9 100644
--- a/src/views/settings/wecom/scenes/index.vue
+++ b/src/views/settings/wecom/scenes/index.vue
@@ -162,10 +162,6 @@
                     placeholder="同步模板后自动填充"
                   />
                 </div>
-                <div class="mapping-field mapping-field--option">
-                  <span class="mapping-field__label">选择项映射</span>
-                  <ElInput v-model="mapping.option_mapping" placeholder="JSON，可为空对象" />
-                </div>
               </div>
             </div>
           </div>
@@ -588,9 +584,7 @@
 
     .mapping-row__grid {
       display: grid;
-      grid-template-columns:
-        minmax(120px, 1.1fr) minmax(140px, 1.3fr) minmax(120px, 1fr) minmax(100px, 0.8fr)
-        minmax(140px, 1.2fr);
+      grid-template-columns: repeat(4, minmax(0, 1fr));
       gap: 12px;
     }
 
@@ -631,10 +625,6 @@
       .mapping-row__grid {
         grid-template-columns: 1fr;
       }
-
-      .mapping-field--option {
-        grid-column: 1 / -1;
-      }
     }
   }
 
@@ -642,10 +632,6 @@
     .mapping-row__grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-
-    .mapping-field--option {
-      grid-column: 1 / -1;
-    }
   }
 
   @media (max-width: 768px) {
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index a70aeb2..67cf5e0 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -25,7 +25,7 @@
         <!-- 表格 -->
         <ArtTable
           ref="tableRef"
-           row-key="id"
+          row-key="id"
           :loading="loading"
           :data="roleList"
           :currentPage="pagination.page"
@@ -466,10 +466,8 @@
       width: 150,
       formatter: (row: PlatformRole) => {
         if (row.role_type !== RoleType.CUSTOMER) return '-'
-        return h(
-          ElTag,
-          { type: row.default_credit_enabled ? 'success' : 'info' },
-          () => (row.default_credit_enabled ? '启用' : '未启用')
+        return h(ElTag, { type: row.default_credit_enabled ? 'success' : 'info' }, () =>
+          row.default_credit_enabled ? '启用' : '未启用'
         )
       }
     },
@@ -508,10 +506,10 @@
       label: '角色描述'
     },
     {
-       prop: 'created_at',
+      prop: 'created_at',
       label: '创建时间',
       width: 180,
-       formatter: (row: any) => formatDateTime(row.created_at)
+      formatter: (row: any) => formatDateTime(row.created_at)
     },
     {
       prop: 'actions',
@@ -1011,7 +1009,13 @@
 
   // 显示分配权限对话框
   const showPermissionDialog = async (row: PlatformRole) => {
-     currentRoleId.value = getRoleId(row)
+    const roleId = getRoleId(row)
+    if (!roleId) {
+      ElMessage.error('缺少角色 ID，无法分配权限')
+      return
+    }
+
+    currentRoleId.value = roleId
     currentRole.value = {
       role_name: row.role_name,
       role_type: row.role_type
@@ -1024,7 +1028,7 @@
 
     try {
       // 加载当前角色的权限
-      const res = await RoleService.getRolePermissions(row.ID)
+      const res = await RoleService.getRolePermissions(roleId)
 
       if (res.code === 0 || Array.isArray(res.data)) {
         // 提取权限ID数组
@@ -1120,7 +1124,7 @@
     if (type === 'edit' && row) {
       let roleDetail = row
       try {
-       const res = await RoleService.getRole(getRoleId(row))
+        const res = await RoleService.getRole(getRoleId(row))
         if (res.code === 0 && res.data) {
           roleDetail = res.data
         }
@@ -1128,17 +1132,13 @@
         console.error('获取角色详情失败:', error)
       }
 
-       form.id = getRoleId(roleDetail)
+      form.id = getRoleId(roleDetail)
       form.role_name = roleDetail.role_name
       form.role_desc = roleDetail.role_desc
       form.role_type = roleDetail.role_type
       form.status = roleDetail.status
-       form.credit_enabled = Boolean(
-         roleDetail.default_credit_enabled ?? roleDetail.credit_enabled
-       )
-       form.credit_limit_yuan = fenToYuan(
-         roleDetail.default_credit_limit ?? roleDetail.credit_limit
-       )
+      form.credit_enabled = Boolean(roleDetail.default_credit_enabled ?? roleDetail.credit_enabled)
+      form.credit_limit_yuan = fenToYuan(roleDetail.default_credit_limit ?? roleDetail.credit_limit)
     } else {
       form.id = 0
       form.role_name = ''
@@ -1161,7 +1161,7 @@
     })
       .then(async () => {
         try {
-           await RoleService.deleteRole(getRoleId(row))
+          await RoleService.deleteRole(getRoleId(row))
           ElMessage.success('删除成功')
           await getTableData()
         } catch (error) {
@@ -1226,7 +1226,7 @@
     // 先更新UI
     row.status = newStatus
     try {
-       await RoleService.updateRoleStatus(getRoleId(row), newStatus as 0 | 1)
+      await RoleService.updateRoleStatus(getRoleId(row), newStatus as 0 | 1)
       ElMessage.success('状态切换成功')
     } catch (error) {
       // 切换失败，恢复原状态

From 261f5f2853e9cd4ceefa46f5c29149a1f40224e3 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 28 Jul 2026 15:19:29 +0800
Subject: [PATCH 35/76] =?UTF-8?q?fix:=20id=E5=85=BC=E5=AE=B9,=20=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/account.ts                    |  2 +-
 .../business/CustomerAccountDialog.vue        |  2 +-
 .../core/layouts/art-header-bar/index.vue     |  1 -
 src/locales/langs/en.json                     |  2 +-
 src/locales/langs/zh.json                     |  2 +-
 src/router/routes/asyncRoutes.ts              |  2 +-
 src/router/routesAlias.ts                     |  2 +-
 src/types/api/account.ts                      |  3 +-
 src/types/api/permission.ts                   |  3 +-
 src/types/api/role.ts                         |  2 +-
 src/utils/business/id.ts                      | 58 +++++++++++++
 src/utils/business/index.ts                   |  1 +
 src/utils/http/index.ts                       |  4 +
 .../account-management/account/index.vue      | 74 +++++++++++-----
 .../dialogs/PackageRechargeDialog.vue         |  7 +-
 .../task-management/bulk-purchase/index.vue   | 87 +++++++++++++++++--
 .../device-batch-allocation/index.vue         | 18 ++--
 src/views/common/account-list.vue             | 44 +++++++---
 .../order-management/order-list/index.vue     |  9 +-
 src/views/shop-management/list/index.vue      |  3 +-
 src/views/system/role/index.vue               | 16 ++--
 21 files changed, 271 insertions(+), 71 deletions(-)
 create mode 100644 src/utils/business/id.ts

diff --git a/src/api/modules/account.ts b/src/api/modules/account.ts
index 9f6a573..454e013 100644
--- a/src/api/modules/account.ts
+++ b/src/api/modules/account.ts
@@ -34,7 +34,7 @@ export class AccountService extends BaseService {
    */
   static createAccount(
     data: CreatePlatformAccountParams
-  ): Promise<BaseResponse<{ ID?: number; id?: number }>> {
+  ): Promise<BaseResponse<{ id?: number; ID?: number }>> {
     return this.create('/api/admin/accounts', data)
   }
 
diff --git a/src/components/business/CustomerAccountDialog.vue b/src/components/business/CustomerAccountDialog.vue
index ff06e99..fcc6828 100644
--- a/src/components/business/CustomerAccountDialog.vue
+++ b/src/components/business/CustomerAccountDialog.vue
@@ -12,7 +12,7 @@
     <!-- 表格 -->
     <ArtTable
       ref="tableRef"
-      row-key="ID"
+      row-key="id"
       :loading="loading"
       :data="accountList"
       height="60vh"
diff --git a/src/components/core/layouts/art-header-bar/index.vue b/src/components/core/layouts/art-header-bar/index.vue
index e16d5ee..c66a28b 100644
--- a/src/components/core/layouts/art-header-bar/index.vue
+++ b/src/components/core/layouts/art-header-bar/index.vue
@@ -66,7 +66,6 @@
         </div>
         <!-- 通知 -->
         <div
-          v-if="hasAuth(NOTIFICATION_PERMISSIONS.page)"
           class="btn-box notice-btn"
           @click.stop="showNotice = !showNotice"
         >
diff --git a/src/locales/langs/en.json b/src/locales/langs/en.json
index f8c7355..690335a 100644
--- a/src/locales/langs/en.json
+++ b/src/locales/langs/en.json
@@ -432,7 +432,7 @@
       "standaloneCardList": "IoT Card Management",
       "iotCardTask": "IoT Card Tasks",
       "deviceTask": "Device Tasks",
-      "deviceBatchAllocation": "Device Batch Allocation",
+      "deviceBatchAllocation": "Device Batch Tasks",
       "bulkPurchase": "Bulk Package Purchase",
       "bulkPurchaseDetail": "Bulk Purchase Task Detail",
       "orderPackageInvalidateTask": "Order Package Void Tasks",
diff --git a/src/locales/langs/zh.json b/src/locales/langs/zh.json
index a7c2e59..027e619 100644
--- a/src/locales/langs/zh.json
+++ b/src/locales/langs/zh.json
@@ -370,7 +370,7 @@
       "standaloneCardList": "IoT卡管理",
       "iotCardTask": "IoT卡任务",
       "deviceTask": "设备任务",
-      "deviceBatchAllocation": "设备批量分配",
+      "deviceBatchAllocation": "设备批量任务",
       "bulkPurchase": "批量订购套餐",
       "bulkPurchaseDetail": "批量订购任务详情",
       "orderPackageInvalidateTask": "订单套餐批量作废",
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index f697f5c..4234a07 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -441,7 +441,7 @@ export const asyncRoutes: AppRouteRecord[] = [
               keepAlive: true
             }
           },
-          // 设备批量分配任务
+          // 设备批量任务
           {
             path: 'device-batch-allocation',
             name: 'DeviceBatchAllocation',
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 35df4fb..c0bc861 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -59,7 +59,7 @@ export enum RoutesAlias {
   // 任务管理
   IotCardTask = '/asset-management/task-management/iot-card-task', // IoT卡任务
   DeviceTask = '/asset-management/task-management/device-task', // 设备任务
-  DeviceBatchAllocation = '/asset-management/task-management/device-batch-allocation', // 设备批量分配
+  DeviceBatchAllocation = '/asset-management/task-management/device-batch-allocation', // 设备批量任务
   BulkPurchase = '/asset-management/task-management/bulk-purchase', // 批量订购套餐
   BulkPurchaseDetail = '/asset-management/task-management/bulk-purchase/detail', // 批量订购套餐详情
   OrderPackageInvalidateTask = '/asset-management/task-management/order-package-invalidate-task', // 订单套餐批量作废任务
diff --git a/src/types/api/account.ts b/src/types/api/account.ts
index 108e1a7..4a0b34a 100644
--- a/src/types/api/account.ts
+++ b/src/types/api/account.ts
@@ -12,7 +12,8 @@ export enum AccountStatus {
 
 // 账号实体（统一账号模型，匹配后端 ModelAccountResponse）
 export interface PlatformAccount {
-  ID: number
+  id?: number
+  ID?: number
   CreatedAt?: string
   UpdatedAt?: string
   DeletedAt?: string | null
diff --git a/src/types/api/permission.ts b/src/types/api/permission.ts
index abc01e0..0d046ba 100644
--- a/src/types/api/permission.ts
+++ b/src/types/api/permission.ts
@@ -18,7 +18,8 @@ export enum PermissionStatus {
 
 // 权限实体（匹配后端 ModelPermission）
 export interface Permission {
-  ID: number
+  id?: number
+  ID?: number
   CreatedAt?: string
   UpdatedAt?: string
   DeletedAt?: string | null
diff --git a/src/types/api/role.ts b/src/types/api/role.ts
index 9e91b39..7cbfbab 100644
--- a/src/types/api/role.ts
+++ b/src/types/api/role.ts
@@ -19,7 +19,7 @@ export enum RoleStatus {
 // 角色实体（匹配后端 ModelRole）
 export interface PlatformRole {
   id?: number
-  ID: number
+  ID?: number
   CreatedAt?: string
   UpdatedAt?: string
   DeletedAt?: string | null
diff --git a/src/utils/business/id.ts b/src/utils/business/id.ts
new file mode 100644
index 0000000..d33bdd4
--- /dev/null
+++ b/src/utils/business/id.ts
@@ -0,0 +1,58 @@
+/**
+ * 兼容后端实体 ID 字段的大小写差异。
+ * 后端历史接口可能返回 `ID`，新接口返回 `id`，前端统一优先使用小写 id。
+ */
+export type CompatibleId = number | string
+
+export interface CompatibleIdFields {
+  id?: CompatibleId | null
+  ID?: CompatibleId | null
+}
+
+/** 从实体中读取兼容的 ID 字段。0 也是有效 ID，不能使用 ||。 */
+export const getCompatibleId = (value: CompatibleIdFields | null | undefined) => {
+  const id = value?.id ?? value?.ID
+  return id === null || id === undefined || id === '' ? undefined : id
+}
+
+/** 读取并转换为数字 ID，供只接受 number 的接口参数使用。 */
+export const getCompatibleNumericId = (
+  value: CompatibleIdFields | null | undefined
+): number | undefined => {
+  const id = getCompatibleId(value)
+  if (id === undefined) return undefined
+
+  const numericId = Number(id)
+  return Number.isFinite(numericId) ? numericId : undefined
+}
+
+const isPlainObject = (value: unknown): value is Record<string, unknown> => {
+  if (value === null || typeof value !== 'object') return false
+  const prototype = Object.getPrototypeOf(value)
+  return prototype === Object.prototype || prototype === null
+}
+
+/** 递归补齐响应中的 id/ID 别名，不影响 Blob、FormData、Date 等特殊数据。 */
+export const syncCompatibleIdFields = <T>(value: T): T => {
+  if (Array.isArray(value)) {
+    value.forEach((item) => syncCompatibleIdFields(item))
+    return value
+  }
+
+  if (!isPlainObject(value)) return value
+
+  const record = value as Record<string, unknown>
+  const hasId = Object.prototype.hasOwnProperty.call(record, 'id')
+  const hasUpperId = Object.prototype.hasOwnProperty.call(record, 'ID')
+
+  if (hasId || hasUpperId) {
+    const id = record.id ?? record.ID
+    if (id !== null && id !== undefined && id !== '') {
+      if (!hasId) record.id = id
+      if (!hasUpperId) record.ID = id
+    }
+  }
+
+  Object.values(record).forEach((item) => syncCompatibleIdFields(item))
+  return value
+}
diff --git a/src/utils/business/index.ts b/src/utils/business/index.ts
index a97c33b..def9e04 100644
--- a/src/utils/business/index.ts
+++ b/src/utils/business/index.ts
@@ -9,3 +9,4 @@ export * from './voucher'
 export * from './apiRateLimit'
 export * from './approvalSummary'
 export * from './expiryEstimate'
+export * from './id'
diff --git a/src/utils/http/index.ts b/src/utils/http/index.ts
index 8f021cd..daf4bf8 100644
--- a/src/utils/http/index.ts
+++ b/src/utils/http/index.ts
@@ -4,6 +4,7 @@ import { useUserStore } from '@/store/modules/user'
 import { ApiStatus } from './status'
 import type { RequestOptions, ErrorMessageMode } from '@/types/api'
 import { normalizeApiError } from '@/utils/business/apiError'
+import { syncCompatibleIdFields } from '@/utils/business/id'
 
 const axiosInstance = axios.create({
   timeout: 15000, // 请求超时时间(毫秒)
@@ -90,6 +91,9 @@ const processQueue = (error: any, token: string | null = null) => {
 // 响应拦截器
 axiosInstance.interceptors.response.use(
   (response: AxiosResponse) => {
+    // 兼容历史接口返回的 ID 与新接口返回的 id。
+    syncCompatibleIdFields(response.data)
+
     // 401 未授权 - 尝试刷新 token
     if (response.data.code === ApiStatus.unauthorized) {
       const userStore = useUserStore()
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index 3b693f8..a4c8669 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -82,9 +82,9 @@
               >
                 <ElOption
                   v-for="role in availableRolesForCreate"
-                  :key="role.ID"
+                  :key="getRoleId(role)"
                   :label="role.role_name"
-                  :value="role.ID"
+                  :value="getRoleId(role)"
                 >
                   <div style="display: flex; align-items: center; justify-content: space-between">
                     <span>{{ role.role_name }}</span>
@@ -133,8 +133,15 @@
                 <ElEmpty v-if="filteredAvailableRoles.length === 0" description="暂无角色" />
                 <template v-else-if="isPlatformUser">
                   <ElCheckboxGroup v-model="rolesToAdd" class="role-list">
-                    <div v-for="role in filteredAvailableRoles" :key="role.ID" class="role-item">
-                      <ElCheckbox :label="role.ID" :disabled="selectedRoles.includes(role.ID)">
+                    <div
+                      v-for="role in filteredAvailableRoles"
+                      :key="getRoleId(role)"
+                      class="role-item"
+                    >
+                      <ElCheckbox
+                        :label="getRoleId(role)"
+                        :disabled="selectedRoles.includes(getRoleId(role))"
+                      >
                         <span class="role-info">
                           <span>{{ role.role_name }}</span>
                           <ElTag :type="role.role_type === 1 ? 'primary' : 'success'" size="small">
@@ -147,8 +154,15 @@
                 </template>
                 <template v-else>
                   <ElRadioGroup v-model="roleToAdd" class="role-list">
-                    <div v-for="role in filteredAvailableRoles" :key="role.ID" class="role-item">
-                      <ElRadio :label="role.ID" :disabled="selectedRoles.includes(role.ID)">
+                    <div
+                      v-for="role in filteredAvailableRoles"
+                      :key="getRoleId(role)"
+                      class="role-item"
+                    >
+                      <ElRadio
+                        :label="getRoleId(role)"
+                        :disabled="selectedRoles.includes(getRoleId(role))"
+                      >
                         <span class="role-info">
                           <span>{{ role.role_name }}</span>
                           <ElTag :type="role.role_type === 1 ? 'primary' : 'success'" size="small">
@@ -190,7 +204,7 @@
                 <div class="role-list">
                   <div
                     v-for="role in filteredAssignedRoles"
-                    :key="role.ID"
+                    :key="getRoleId(role)"
                     class="role-item assigned-role-item"
                   >
                     <span class="role-info">
@@ -199,7 +213,12 @@
                         {{ role.role_type === 1 ? '平台角色' : '客户角色' }}
                       </ElTag>
                     </span>
-                    <ElButton type="danger" size="small" link @click="removeSingleRole(role.ID)">
+                    <ElButton
+                      type="danger"
+                      size="small"
+                      link
+                      @click="removeSingleRole(getRoleId(role))"
+                    >
                       移除
                     </ElButton>
                   </div>
@@ -310,6 +329,7 @@
   import type { SearchFormItem } from '@/types'
   import type { PlatformRole, WecomApplication, WecomMember } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
+  import { getCompatibleNumericId } from '@/utils/business/id'
   import {
     CommonStatus,
     getStatusText,
@@ -356,6 +376,9 @@
   // 是否为平台用户（平台用户可多选，其他单选）
   const isPlatformUser = computed(() => currentAccountType.value === 2)
 
+  const getAccountId = (account: any) => getCompatibleNumericId(account) ?? 0
+  const getRoleId = (role: PlatformRole | any) => getCompatibleNumericId(role) ?? 0
+
   // 定义表单搜索初始值
   const initialSearchState = {
     name: '',
@@ -631,14 +654,6 @@
   const getActions = (row: any) => {
     const actions: any[] = []
 
-    if (row.user_type === 2 && hasAuth(JULY_PERMISSIONS.wecom.binding)) {
-      actions.push({
-        label: '绑定账号',
-        handler: () => showWecomBindingDialog(row),
-        type: 'primary'
-      })
-    }
-
     if (hasAuth('account:patch_role')) {
       actions.push({
         label: '分配角色',
@@ -647,6 +662,14 @@
       })
     }
 
+    if (row.user_type === 2 && hasAuth(JULY_PERMISSIONS.wecom.binding)) {
+      actions.push({
+        label: '绑定账号',
+        handler: () => showWecomBindingDialog(row),
+        type: 'primary'
+      })
+    }
+
     if (hasAuth('account:edit')) {
       actions.push({
         label: '编辑',
@@ -716,7 +739,7 @@
       return
     }
 
-    const accountId = Number(currentWecomAccount.value.id ?? currentWecomAccount.value.ID)
+    const accountId = getAccountId(currentWecomAccount.value)
     if (!accountId) {
       ElMessage.error('当前账号缺少账号标识，无法绑定企微')
       return
@@ -823,7 +846,9 @@
 
   // 计算属性：过滤后的已分配角色
   const filteredAssignedRoles = computed(() => {
-    const assignedRolesList = allRoles.value.filter((role) => selectedRoles.value.includes(role.ID))
+    const assignedRolesList = allRoles.value.filter((role) =>
+      selectedRoles.value.includes(getRoleId(role))
+    )
     if (!rightRoleFilter.value) return assignedRolesList
     const keyword = rightRoleFilter.value.toLowerCase()
     return assignedRolesList.filter((role) => role.role_name.toLowerCase().includes(keyword))
@@ -835,7 +860,12 @@
       ElMessage.warning('超级管理员无法分配角色')
       return
     }
-    currentAccountId.value = row.id
+    const accountId = getAccountId(row)
+    if (!accountId) {
+      ElMessage.error('当前账号缺少账号标识，无法分配角色')
+      return
+    }
+    currentAccountId.value = accountId
     currentAccountName.value = row.username
     currentAccountType.value = row.user_type
     selectedRoles.value = []
@@ -852,12 +882,12 @@
       await loadAllRoles('', roleType)
 
       // 先加载当前账号的角色，再打开对话框
-      const res = await AccountService.getAccountRoles(row.id)
+      const res = await AccountService.getAccountRoles(accountId)
       if (res.code === 0) {
         // 提取角色ID数组
         const roles = res.data || []
         // 兼容 ID 和 id 两种字段名
-        selectedRoles.value = roles.map((role: any) => role.ID || role.id)
+        selectedRoles.value = roles.map((role: any) => getRoleId(role)).filter(Boolean)
         // 数据加载完成后再打开对话框
         roleDialogVisible.value = true
       }
@@ -1013,7 +1043,7 @@
 
             // 创建成功后分配角色（如果选择了）
             if (createRes.code === 0) {
-              const accountId = createRes.data?.ID || createRes.data?.id
+              const accountId = getCompatibleNumericId(createRes.data)
               if (formData.role_id && accountId) {
                 try {
                   await AccountService.assignRolesToAccount(accountId, [formData.role_id])
diff --git a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
index 6e7522f..0a21c42 100644
--- a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
@@ -22,7 +22,7 @@
           <template v-if="!props.seriesId">
             <ElOption value="__NO_PACKAGE__" disabled>
               <span style="color: var(--el-text-color-warning)">
-                该设备未关联套餐系列，无法购买套餐
+                {{ noSeriesMessage }}
               </span>
             </ElOption>
           </template>
@@ -45,7 +45,7 @@
         </ElSelect>
         <template v-if="noSeriesId">
           <div style="margin-top: 4px; font-size: 12px; color: var(--el-text-color-warning)">
-            该设备未关联套餐系列，无法购买套餐
+            {{ noSeriesMessage }}
           </div>
         </template>
         <template v-else-if="packagesEmptyWithSeriesId">
@@ -182,6 +182,9 @@
   })
 
   const noSeriesId = computed(() => !props.seriesId)
+  const noSeriesMessage = computed(
+    () => `该${props.assetType === 'card' ? '卡' : '设备'}未关联套餐系列，无法购买套餐`
+  )
 
   const selectedPackageIsGift = computed(() => {
     if (!form.package_id) return false
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
index 7857893..1a95661 100644
--- a/src/views/asset-management/task-management/bulk-purchase/index.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -11,6 +11,28 @@
         @closed="handleCreateDrawerClosed"
       >
         <ElForm ref="formRef" :model="form" :rules="rules" label-width="110px" class="create-form">
+          <ElFormItem label="套餐系列" prop="series_id">
+            <ElSelect
+              v-model="form.series_id"
+              filterable
+              remote
+              clearable
+              :remote-method="handleSeriesSearch"
+              :loading="seriesLoading"
+              placeholder="请输入系列名称搜索"
+              style="width: 100%"
+              @change="handleSeriesChange"
+              @visible-change="handleSeriesVisibleChange"
+            >
+              <ElOption
+                v-for="series in seriesOptions"
+                :key="series.id"
+                :label="series.series_name"
+                :value="series.id"
+              />
+            </ElSelect>
+          </ElFormItem>
+
           <ElFormItem label="套餐" prop="package_id">
             <ElSelect
               v-model="form.package_id"
@@ -19,7 +41,8 @@
               clearable
               :remote-method="handlePackageSearch"
               :loading="packageLoading"
-              placeholder="请输入套餐名称搜索"
+              :disabled="!form.series_id"
+              placeholder="请先选择套餐系列"
               style="width: 100%"
               @visible-change="handlePackageVisibleChange"
             >
@@ -223,8 +246,13 @@
   } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
-  import { BulkPurchaseService, PackageManageService } from '@/api/modules'
-  import type { BulkPurchasePaymentMethod, BulkPurchaseTask, PackageResponse } from '@/types/api'
+  import { BulkPurchaseService, PackageManageService, PackageSeriesService } from '@/api/modules'
+  import type {
+    BulkPurchasePaymentMethod,
+    BulkPurchaseTask,
+    PackageResponse,
+    PackageSeriesResponse
+  } from '@/types/api'
   import { BulkPurchaseTaskStatus } from '@/types/api'
   import { useAuth } from '@/composables/useAuth'
   import { formatDateTime } from '@/utils/business/format'
@@ -244,6 +272,8 @@
   const orderFileUploading = ref(false)
   const voucherFileKeys = ref<string[]>([])
   const voucherUploading = ref(false)
+  const seriesOptions = ref<PackageSeriesResponse[]>([])
+  const seriesLoading = ref(false)
   const packageOptions = ref<PackageResponse[]>([])
   const packageLoading = ref(false)
   const taskList = ref<BulkPurchaseTask[]>([])
@@ -257,14 +287,17 @@
   )
 
   const form = reactive<{
+    series_id?: number
     package_id?: number
     payment_method: BulkPurchasePaymentMethod
   }>({
+    series_id: undefined,
     package_id: undefined,
     payment_method: 'wallet'
   })
 
   const rules = computed<FormRules>(() => ({
+    series_id: [{ required: true, message: '请选择套餐系列', trigger: 'change' }],
     package_id: [{ required: true, message: '请选择套餐', trigger: 'change' }],
     payment_method: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
     orderFile: [
@@ -289,12 +322,18 @@
   }))
 
   const loadPackages = async (query = '') => {
+    if (!form.series_id) {
+      packageOptions.value = []
+      return
+    }
+
     packageLoading.value = true
     try {
       const res = await PackageManageService.getPackages({
         page: 1,
         page_size: 20,
         package_name: query.trim() || undefined,
+        series_id: form.series_id,
         status: 1,
         shelf_status: 1
       })
@@ -314,20 +353,21 @@
   }
 
   const handlePackageSearch = (query: string) => {
-    void loadPackages(query)
+    if (form.series_id) void loadPackages(query)
   }
 
   const handlePackageVisibleChange = (visible: boolean) => {
-    if (visible && packageOptions.value.length === 0) void loadPackages()
+    if (visible && form.series_id && packageOptions.value.length === 0) void loadPackages()
   }
 
   const openCreateDrawer = () => {
     createDrawerVisible.value = true
-    if (packageOptions.value.length === 0) void loadPackages()
+    if (seriesOptions.value.length === 0) void loadSeries()
   }
 
   const handleCreateDrawerClosed = () => {
     formRef.value?.resetFields()
+    form.series_id = undefined
     form.package_id = undefined
     form.payment_method = 'wallet'
     orderFileKeys.value = []
@@ -338,6 +378,41 @@
     voucherUploading.value = false
   }
 
+  const loadSeries = async (query = '') => {
+    seriesLoading.value = true
+    try {
+      const res = await PackageSeriesService.getPackageSeries({
+        page: 1,
+        page_size: 20,
+        series_name: query.trim() || undefined,
+        status: 1
+      })
+      if (res.code !== 0) {
+        ElMessage.error(res.msg || '获取套餐系列失败')
+        return
+      }
+      seriesOptions.value = res.data?.items || []
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取套餐系列失败')
+    } finally {
+      seriesLoading.value = false
+    }
+  }
+
+  const handleSeriesSearch = (query: string) => {
+    void loadSeries(query)
+  }
+
+  const handleSeriesVisibleChange = (visible: boolean) => {
+    if (visible && seriesOptions.value.length === 0) void loadSeries()
+  }
+
+  const handleSeriesChange = () => {
+    form.package_id = undefined
+    packageOptions.value = []
+    if (form.series_id) void loadPackages()
+  }
+
   const handlePaymentMethodChange = (value: string | number | boolean | undefined) => {
     if (value === 'wallet') {
       voucherFileKeys.value = []
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index 6ad86bf..868c3a0 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -3,7 +3,7 @@
     <div class="device-batch-allocation-page" id="table-full-screen">
       <ElDrawer
         v-model="createDrawerVisible"
-        title="设备批量分配"
+        title="设备批量任务"
         direction="rtl"
         size="520px"
         :close-on-click-modal="!createDrawerBusy"
@@ -102,13 +102,13 @@
       <ElCard shadow="never" class="art-table-card task-list-card">
         <template #header>
           <div class="task-list-header">
-            <span>设备批量分配任务</span>
+            <span>设备批量任务</span>
             <div class="task-list-toolbar">
               <ElButton
                 v-if="hasAuth(JULY_PERMISSIONS.deviceAllocation.create)"
                 tag="a"
                 href="/templates/device-batch-allocation-template.csv"
-                download="设备批量分配模板.csv"
+                download="设备批量任务模板.csv"
               >
                 下载模板
               </ElButton>
@@ -117,7 +117,7 @@
                 type="primary"
                 @click="openCreateDrawer"
               >
-                设备批量分配
+                设备批量任务
               </ElButton>
               <ElSelect
                 v-model="taskListOperationType"
@@ -344,7 +344,7 @@
         if (res.code === 0) seriesOptions.value = res.data.items || []
       }
     } catch (error) {
-      console.error('获取批量分配目标失败:', error)
+      console.error('获取设备批量任务目标失败:', error)
       ElMessage.error(normalizeApiError(error).message)
     } finally {
       targetLoading.value = false
@@ -399,13 +399,13 @@
         operation_type: taskListOperationType.value
       })
       if (res.code !== 0) {
-        ElMessage.error(res.msg || '获取设备批量分配任务失败')
+        ElMessage.error(res.msg || '获取设备批量任务失败')
         return
       }
       taskList.value = (res.data.items || []).filter((item) => item.operation_type !== 'import')
       taskListTotal.value = res.data.total || 0
     } catch (error) {
-      console.error('获取设备批量分配任务失败:', error)
+      console.error('获取设备批量任务失败:', error)
       ElMessage.error(normalizeApiError(error).message)
     } finally {
       taskListLoading.value = false
@@ -445,14 +445,14 @@
     try {
       const res = await DeviceService.createAllocationTask(request)
       if (res.code !== 0) {
-        ElMessage.error(res.msg || '创建设备批量分配任务失败')
+        ElMessage.error(res.msg || '创建设备批量任务失败')
         return
       }
       createDrawerVisible.value = false
       await loadTaskList()
       ElMessage.success(`任务已创建：${res.data.task_no}`)
     } catch (error) {
-      console.error('创建设备批量分配任务失败:', error)
+      console.error('创建设备批量任务失败:', error)
       ElMessage.error(normalizeApiError(error).message)
     } finally {
       submitting.value = false
diff --git a/src/views/common/account-list.vue b/src/views/common/account-list.vue
index 66c1bce..cd06017 100644
--- a/src/views/common/account-list.vue
+++ b/src/views/common/account-list.vue
@@ -34,7 +34,7 @@
         <!-- 表格 -->
         <ArtTable
           ref="tableRef"
-          row-key="ID"
+          row-key="id"
           :loading="loading"
           :data="accountList"
           :currentPage="pagination.page"
@@ -120,8 +120,11 @@
                 <ElEmpty v-if="filteredAvailableRoles.length === 0" description="暂无角色" />
                 <template v-else-if="isPlatformUser">
                   <ElCheckboxGroup v-model="rolesToAdd" class="role-list">
-                    <div v-for="role in filteredAvailableRoles" :key="role.ID" class="role-item">
-                      <ElCheckbox :label="role.ID" :disabled="selectedRoles.includes(role.ID)">
+                    <div v-for="role in filteredAvailableRoles" :key="getRoleId(role)" class="role-item">
+                      <ElCheckbox
+                        :label="getRoleId(role)"
+                        :disabled="selectedRoles.includes(getRoleId(role))"
+                      >
                         <span class="role-info">
                           <span>{{ role.role_name }}</span>
                           <ElTag :type="role.role_type === 1 ? 'primary' : 'success'" size="small">
@@ -134,8 +137,11 @@
                 </template>
                 <template v-else>
                   <ElRadioGroup v-model="roleToAdd" class="role-list">
-                    <div v-for="role in filteredAvailableRoles" :key="role.ID" class="role-item">
-                      <ElRadio :label="role.ID" :disabled="selectedRoles.includes(role.ID)">
+                    <div v-for="role in filteredAvailableRoles" :key="getRoleId(role)" class="role-item">
+                      <ElRadio
+                        :label="getRoleId(role)"
+                        :disabled="selectedRoles.includes(getRoleId(role))"
+                      >
                         <span class="role-info">
                           <span>{{ role.role_name }}</span>
                           <ElTag :type="role.role_type === 1 ? 'primary' : 'success'" size="small">
@@ -177,7 +183,7 @@
                 <div class="role-list">
                   <div
                     v-for="role in filteredAssignedRoles"
-                    :key="role.ID"
+                    :key="getRoleId(role)"
                     class="role-item assigned-role-item"
                   >
                     <span class="role-info">
@@ -186,7 +192,12 @@
                         {{ role.role_type === 1 ? '平台角色' : '客户角色' }}
                       </ElTag>
                     </span>
-                    <ElButton type="danger" size="small" link @click="removeSingleRole(role.ID)">
+                    <ElButton
+                      type="danger"
+                      size="small"
+                      link
+                      @click="removeSingleRole(getRoleId(role))"
+                    >
                       移除
                     </ElButton>
                   </div>
@@ -231,6 +242,7 @@
   import type { SearchFormItem } from '@/types'
   import type { PlatformAccount, PlatformRole } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
+  import { getCompatibleNumericId } from '@/utils/business/id'
   import { useAuth } from '@/composables/useAuth'
 
   defineOptions({ name: 'CommonAccountList' })
@@ -287,6 +299,9 @@
   // 是否为平台用户（平台用户可多选，其他单选）
   const isPlatformUser = computed(() => currentAccountType.value === 2)
 
+  const getAccountId = (account: PlatformAccount | any) => getCompatibleNumericId(account) ?? 0
+  const getRoleId = (role: PlatformRole | any) => getCompatibleNumericId(role) ?? 0
+
   // 搜索表单初始值
   const initialSearchState = {
     username: '',
@@ -646,7 +661,9 @@
 
   // 计算属性：过滤后的已分配角色
   const filteredAssignedRoles = computed(() => {
-    const assignedRolesList = allRoles.value.filter((role) => selectedRoles.value.includes(role.ID))
+    const assignedRolesList = allRoles.value.filter((role) =>
+      selectedRoles.value.includes(getRoleId(role))
+    )
     if (!rightRoleFilter.value) return assignedRolesList
     const keyword = rightRoleFilter.value.toLowerCase()
     return assignedRolesList.filter((role) => role.role_name.toLowerCase().includes(keyword))
@@ -654,7 +671,12 @@
 
   // 显示分配角色对话框
   const showRoleDialog = async (row: PlatformAccount) => {
-    currentAccountId.value = (row as any).id
+    const accountId = getAccountId(row)
+    if (!accountId) {
+      ElMessage.error('当前账号缺少账号标识，无法分配角色')
+      return
+    }
+    currentAccountId.value = accountId
     currentAccountName.value = row.username
     currentAccountType.value = row.user_type
     selectedRoles.value = []
@@ -671,12 +693,12 @@
       await loadAllRoles('', roleType)
 
       // 先加载当前账号的角色，再打开对话框
-      const res = await AccountService.getAccountRoles((row as any).id)
+      const res = await AccountService.getAccountRoles(accountId)
       if (res.code === 0) {
         // 提取角色ID数组
         const roles = res.data || []
         // 兼容 ID 和 id 两种字段名
-        selectedRoles.value = roles.map((role: any) => role.ID || role.id)
+        selectedRoles.value = roles.map((role: any) => getRoleId(role)).filter((id) => id > 0)
         // 数据加载完成后再打开对话框
         roleDialogVisible.value = true
       }
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index 2d6b143..d7f0b7f 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -163,7 +163,7 @@
               </ElSelect>
               <template v-if="noSeriesId">
                 <div style="margin-top: 4px; font-size: 12px; color: var(--el-text-color-warning)">
-                  该设备未关联套餐系列，无法购买套餐
+                  {{ noSeriesMessage }}
                 </div>
               </template>
               <template v-else-if="packagesEmptyWithSeriesId">
@@ -616,6 +616,10 @@
     return false
   })
 
+  const noSeriesMessage = computed(
+    () => `该${createForm.order_type === 'single_card' ? '卡' : '设备'}未关联套餐系列，无法购买套餐`
+  )
+
   // 检查是否选择了赠送套餐
   const selectedPackageIsGift = computed(() => {
     if (!createForm.package_id) return false
@@ -892,7 +896,8 @@
         prop: 'is_expired',
         label: '是否过期',
         width: 100,
-        formatter: (row: Order) => (row.is_expired === undefined ? '-' : row.is_expired ? '是' : '否')
+        formatter: (row: Order) =>
+          row.is_expired === undefined ? '-' : row.is_expired ? '是' : '否'
       },
       {
         prop: 'expires_at',
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index 95d714a..c8e22a0 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -337,6 +337,7 @@
    } from '@/types/api'
    import { RoleType, RoleStatus } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
+  import { getCompatibleNumericId } from '@/utils/business/id'
    import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
    import { regionData } from '@/utils/constants/regionData'
    import { RoutesAlias } from '@/router/routesAlias'
@@ -1144,7 +1145,7 @@
         // 将 PlatformRole 转换为与 ShopRoleResponse 兼容的格式
         availableRoles.value = (res.data.items || []).map((role) => ({
           ...role,
-          role_id: role.id ?? role.ID,
+          role_id: getCompatibleNumericId(role) ?? 0,
           role_name: role.role_name,
           role_desc: role.role_desc,
           role_type: role.role_type,
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 67cf5e0..1044b04 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -255,6 +255,7 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { fenToYuan, formatDateTime, yuanToFen } from '@/utils/business/format'
+  import { getCompatibleNumericId } from '@/utils/business/id'
   import {
     CommonStatus,
     getStatusText,
@@ -415,7 +416,7 @@
 
   const roleList = ref<PlatformRole[]>([])
 
-  const getRoleId = (role: PlatformRole | any) => role.id ?? role.ID
+  const getRoleId = (role: PlatformRole | any) => getCompatibleNumericId(role) ?? 0
 
   const handleNameClick = (row: PlatformRole) => {
     if (hasAuth('role:detail')) {
@@ -1037,12 +1038,9 @@
         if (Array.isArray(permissions) && permissions.length > 0) {
           // 如果返回的是权限对象数组，提取ID或id字段
           if (typeof permissions[0] === 'object') {
-            // 优先使用ID字段，如果没有则使用id字段
-            if ('ID' in permissions[0]) {
-              selectedPermissions.value = permissions.map((perm: any) => perm.ID)
-            } else if ('id' in permissions[0]) {
-              selectedPermissions.value = permissions.map((perm: any) => perm.id)
-            }
+            selectedPermissions.value = permissions
+              .map((perm: any) => getCompatibleNumericId(perm))
+              .filter((id): id is number => id !== undefined)
           } else {
             // 如果返回的是ID数组
             selectedPermissions.value = permissions
@@ -1189,7 +1187,9 @@
               status: form.status
             }
             const res = await RoleService.createRole(data)
-            const createdRoleId = res.data?.ID ?? res.data?.id ?? res.data?.role_id
+            const createdRoleId =
+              getCompatibleNumericId(res.data) ??
+              (res.data?.role_id !== undefined ? Number(res.data.role_id) : undefined)
             if (form.role_type === RoleType.CUSTOMER && createdRoleId) {
               await RoleService.updateRoleDefaultCredit(createdRoleId, getDefaultCreditPayload())
             }

From b51a3f55370a24fcb74bc7ea47e80aa801f5390e Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 28 Jul 2026 16:08:34 +0800
Subject: [PATCH 36/76] =?UTF-8?q?fix:=20=E5=8E=BB=E6=8E=89=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E7=9A=84=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../core/layouts/art-header-bar/index.vue     | 11 ++-----
 .../core/layouts/art-notification/index.vue   | 14 +--------
 src/config/constants/notification.ts          |  5 ----
 .../expiring-assets/index.vue                 | 28 ++++++++---------
 .../task-management/bulk-purchase/index.vue   | 30 +++++++++++++++++++
 .../device-batch-allocation/index.vue         |  5 +++-
 6 files changed, 50 insertions(+), 43 deletions(-)
 delete mode 100644 src/config/constants/notification.ts

diff --git a/src/components/core/layouts/art-header-bar/index.vue b/src/components/core/layouts/art-header-bar/index.vue
index c66a28b..0f4c68c 100644
--- a/src/components/core/layouts/art-header-bar/index.vue
+++ b/src/components/core/layouts/art-header-bar/index.vue
@@ -194,8 +194,6 @@
   import { mittBus } from '@/utils/sys'
   import { useMenuStore } from '@/store/modules/menu'
   import { useNotificationStore } from '@/store/modules/notification'
-  import { useAuth } from '@/composables/useAuth'
-  import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
   import AppConfig from '@/config'
   const isWindows = navigator.userAgent.includes('Windows')
   const { locale } = useI18n()
@@ -203,7 +201,6 @@
   const settingStore = useSettingStore()
   const userStore = useUserStore()
   const notificationStore = useNotificationStore()
-  const { hasAuth } = useAuth()
   const router = useRouter()
 
   const {
@@ -262,12 +259,10 @@
 
   onMounted(() => {
     initLanguage()
-    if (hasAuth(NOTIFICATION_PERMISSIONS.page)) {
+    void notificationStore.refreshUnreadCount().catch(() => undefined)
+    unreadTimer = window.setInterval(() => {
       void notificationStore.refreshUnreadCount().catch(() => undefined)
-      unreadTimer = window.setInterval(() => {
-        void notificationStore.refreshUnreadCount().catch(() => undefined)
-      }, 30_000)
-    }
+    }, 30_000)
   })
 
   let unreadTimer: number | undefined
diff --git a/src/components/core/layouts/art-notification/index.vue b/src/components/core/layouts/art-notification/index.vue
index 1eca133..dace245 100644
--- a/src/components/core/layouts/art-notification/index.vue
+++ b/src/components/core/layouts/art-notification/index.vue
@@ -3,12 +3,7 @@
     <div class="notice" @click.stop>
       <div class="header">
         <span class="text">通知</span>
-        <button
-          v-if="hasAuth(NOTIFICATION_PERMISSIONS.readAll)"
-          class="read-all"
-          type="button"
-          @click="handleMarkAllRead"
-        >
+        <button class="read-all" type="button" @click="handleMarkAllRead">
           全部已读
         </button>
       </div>
@@ -62,8 +57,6 @@
   import { NotificationService } from '@/api/modules'
   import type { NotificationCategory, NotificationItem } from '@/types/api'
   import { useNotificationStore } from '@/store/modules/notification'
-  import { useAuth } from '@/composables/useAuth'
-  import { NOTIFICATION_PERMISSIONS } from '@/config/constants/notification'
   import { navigateNotificationTarget } from '@/utils/business/notificationNavigation'
   import { formatDateTime } from '@/utils/business/format'
 
@@ -72,7 +65,6 @@
 
   const router = useRouter()
   const notificationStore = useNotificationStore()
-  const { hasAuth } = useAuth()
   const activeCategory = ref<'all' | NotificationCategory>('all')
   const visible = computed(() => props.modelValue)
 
@@ -116,10 +108,6 @@
   }
 
   const handleNotificationClick = async (item: NotificationItem) => {
-    if (!hasAuth(NOTIFICATION_PERMISSIONS.read)) {
-      ElMessage.warning('您没有标记通知已读的权限')
-      return
-    }
     try {
       const targetResponse = await NotificationService.getTarget(item.id)
       const readResponse = await notificationStore.markRead(item.id)
diff --git a/src/config/constants/notification.ts b/src/config/constants/notification.ts
deleted file mode 100644
index 56e21fc..0000000
--- a/src/config/constants/notification.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export const NOTIFICATION_PERMISSIONS = {
-  page: 'notifications:view',
-  read: 'notifications:read',
-  readAll: 'notifications:read_all'
-} as const
diff --git a/src/views/asset-management/expiring-assets/index.vue b/src/views/asset-management/expiring-assets/index.vue
index 647d8f5..e8aa39a 100644
--- a/src/views/asset-management/expiring-assets/index.vue
+++ b/src/views/asset-management/expiring-assets/index.vue
@@ -33,8 +33,6 @@
           :pageSize="pagination.pageSize"
           :total="pagination.total"
           :marginTop="10"
-          :actions="getActions"
-          :actionsWidth="140"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -50,7 +48,7 @@
 <script setup lang="ts">
   import { h, onMounted, reactive, ref, computed } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { ElMessage, ElTag } from 'element-plus'
+  import { ElButton, ElMessage, ElTag } from 'element-plus'
   import { AssetService, PackageManageService, ShopService } from '@/api/modules'
   import type {
     ExpiringAssetItem,
@@ -187,8 +185,7 @@
     { label: '店铺', prop: 'shop_name' },
     { label: '当前套餐', prop: 'package_name' },
     { label: '预计最终到期', prop: 'estimated_final_expires_at' },
-    { label: '剩余天数', prop: 'days_until_final_expiry' },
-    { label: '临期等级', prop: 'expiry_level_name' }
+    { label: '剩余天数', prop: 'days_until_final_expiry' }
   ]
 
   const getExpiryClass = (level?: string | null) => {
@@ -244,7 +241,16 @@
       label: '资产标识',
       minWidth: 180,
       showOverflowTooltip: true,
-      formatter: (row: ExpiringAssetItem) => row.identifier || '-'
+      formatter: (row: ExpiringAssetItem) =>
+        h(
+          ElButton,
+          {
+            type: 'primary',
+            link: true,
+            onClick: () => goToAsset(row)
+          },
+          () => row.identifier || '-'
+        )
     },
     {
       prop: 'shop_name',
@@ -279,12 +285,6 @@
         h(ElTag, { type: getExpiryTagType(row.expiry_level), size: 'small' }, () =>
           row.days_until_final_expiry == null ? '-' : `${row.days_until_final_expiry}天`
         )
-    },
-    {
-      prop: 'expiry_level_name',
-      label: '临期等级',
-      width: 120,
-      formatter: (row: ExpiringAssetItem) => row.expiry_level_name || '-'
     }
   ])
 
@@ -371,10 +371,6 @@
     })
   }
 
-  const getActions = (row: ExpiringAssetItem) => [
-    { label: '查看资产', type: 'primary' as const, handler: () => goToAsset(row) }
-  ]
-
   onMounted(() => {
     const assetType = route.query.asset_type
     if (assetType === 'card' || assetType === 'iot_card' || assetType === 'device') {
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
index 1a95661..79adfe8 100644
--- a/src/views/asset-management/task-management/bulk-purchase/index.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -54,7 +54,24 @@
               >
                 <span class="package-option">{{ pkg.package_name }}</span>
               </ElOption>
+              <template #empty>
+                <div class="package-empty">
+                  {{
+                    packageLoading
+                      ? '正在加载套餐...'
+                      : form.series_id
+                        ? '该套餐系列下暂无可用套餐'
+                        : '请先选择套餐系列'
+                  }}
+                </div>
+              </template>
             </ElSelect>
+            <div
+              v-if="form.series_id && !packageLoading && packageOptions.length === 0"
+              class="package-empty-tip"
+            >
+              该套餐系列下暂无可用套餐
+            </div>
           </ElFormItem>
 
           <ElFormItem label="支付方式" prop="payment_method">
@@ -547,6 +564,19 @@
       text-overflow: ellipsis;
     }
 
+    .package-empty {
+      padding: 8px 0;
+      color: var(--el-color-danger);
+      text-align: center;
+    }
+
+    .package-empty-tip {
+      margin-top: 4px;
+      font-size: 12px;
+      line-height: 1.5;
+      color: var(--el-color-danger);
+    }
+
     .create-form {
       padding-bottom: 8px;
     }
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index 868c3a0..ef5baf1 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -23,7 +23,7 @@
             </ElSelect>
           </ElFormItem>
 
-          <ElFormItem v-if="requiresTargetId" label="目标 ID" prop="target_id">
+          <ElFormItem v-if="requiresTargetId" :label="targetLabel" prop="target_id">
             <ElSelect
               v-model="form.target_id"
               filterable
@@ -284,6 +284,9 @@
   const targetPlaceholder = computed(() =>
     form.operation_type === 'assign_shop' ? '请选择启用的目标店铺' : '请选择启用的套餐系列'
   )
+  const targetLabel = computed(() =>
+    form.operation_type === 'assign_shop' ? '选择店铺' : '选择套餐系列'
+  )
   const createDrawerBusy = computed(() => submitting.value || fileUploading.value)
 
   const getOperationLabel = (operationType: DeviceImportTaskOperationType) => {

From ee266c51cc31684eef030ec3011bd4aae7a1e1db Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 28 Jul 2026 17:23:23 +0800
Subject: [PATCH 37/76] =?UTF-8?q?fix:=E9=80=9A=E7=9F=A5=E5=92=8C=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=88=86=E9=85=8D/=E5=9B=9E=E6=94=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../core/layouts/art-notification/index.vue   |   6 +-
 src/router/routes/asyncRoutes.ts              |   2 +-
 src/router/routesAlias.ts                     |   3 +-
 src/types/api/notification.ts                 |  20 +++-
 src/utils/business/notificationNavigation.ts  | 106 ++++++++----------
 .../asset-information/index.vue               |   7 +-
 .../asset-management/device-list/index.vue    |  39 +++++++
 7 files changed, 114 insertions(+), 69 deletions(-)

diff --git a/src/components/core/layouts/art-notification/index.vue b/src/components/core/layouts/art-notification/index.vue
index dace245..0848193 100644
--- a/src/components/core/layouts/art-notification/index.vue
+++ b/src/components/core/layouts/art-notification/index.vue
@@ -3,9 +3,7 @@
     <div class="notice" @click.stop>
       <div class="header">
         <span class="text">通知</span>
-        <button class="read-all" type="button" @click="handleMarkAllRead">
-          全部已读
-        </button>
+        <button class="read-all" type="button" @click="handleMarkAllRead">全部已读</button>
       </div>
 
       <div class="bar">
@@ -119,7 +117,7 @@
         ElMessage.info(item.body || '该通知暂无可跳转目标')
         return
       }
-      if (!navigateNotificationTarget(router, targetResponse.data)) {
+      if (!navigateNotificationTarget(router, item.ref_type, targetResponse.data)) {
         ElMessage.info(item.body || '该通知暂无可跳转目标')
       } else {
         close()
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index 4234a07..cf38408 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -739,7 +739,7 @@ export const asyncRoutes: AppRouteRecord[] = [
       {
         path: 'agent-fund-overview',
         name: 'AgentFundOverview',
-        component: RoutesAlias.AgentFundOverview,
+        component: RoutesAlias.AgentFundOverviewComponent,
         meta: {
           title: 'menus.commission.agentCommission',
           keepAlive: true,
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index c0bc861..6e06647 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -89,7 +89,8 @@ export enum RoutesAlias {
   // 佣金管理
   WithdrawalApproval = '/commission-management/withdrawal-approval', // 提现审批
   MyCommission = '/commission-management/my-commission', // 我的佣金
-  AgentFundOverview = '/commission-management/agent-fund-overview', // 代理商资金概况
+  AgentFundOverview = '/commission/agent-fund-overview', // 代理商资金概况
+  AgentFundOverviewComponent = '/commission-management/agent-fund-overview', // 代理商资金概况组件路径
 
   // 设置管理
   WithdrawalSettings = '/settings/withdrawal-settings', // 提现配置
diff --git a/src/types/api/notification.ts b/src/types/api/notification.ts
index 609fba3..bbb2db5 100644
--- a/src/types/api/notification.ts
+++ b/src/types/api/notification.ts
@@ -1,6 +1,22 @@
 export type NotificationCategory = 'approval' | 'expiry' | 'sync' | 'system' | string
 export type NotificationSeverity = 'info' | 'warning' | 'error' | 'critical' | string
 
+/** 后台通知引用的受控资源类型。 */
+export type NotificationRefType =
+  | 'system_config'
+  | 'integration_log'
+  | 'package'
+  | 'asset'
+  | 'refund'
+  | 'agent_recharge'
+  | 'wecom_approval'
+  | 'iot_card'
+  | 'device'
+  | 'expiring_asset'
+  | 'shop_fund'
+  | 'card_sync'
+  | (string & {})
+
 export interface NotificationItem {
   id: number
   title: string
@@ -11,7 +27,7 @@ export interface NotificationItem {
   is_read: boolean
   created_at: string
   read_at: string | null
-  ref_type: string | null
+  ref_type: NotificationRefType | null
   ref_id: string | null
   ref_key: string | null
 }
@@ -63,7 +79,7 @@ export interface NotificationReadAllResponse {
 
 export interface NotificationTarget {
   available: boolean
-  target_id: number | null
+  target_id: number | string | null
   target_key: string
   target_type: string
 }
diff --git a/src/utils/business/notificationNavigation.ts b/src/utils/business/notificationNavigation.ts
index e7a77ea..6cc2457 100644
--- a/src/utils/business/notificationNavigation.ts
+++ b/src/utils/business/notificationNavigation.ts
@@ -1,70 +1,56 @@
-import type { Router } from 'vue-router'
-import type { NotificationTarget } from '@/types/api'
+import type { RouteLocationRaw, Router } from 'vue-router'
+import type { NotificationRefType, NotificationTarget } from '@/types/api'
 import { RoutesAlias } from '@/router/routesAlias'
 
-type TargetRoute = {
-  path: string
-  query?: Record<string, string>
+type TargetRoute = RouteLocationRaw
+
+const resolveTargetRoute = (
+  refType: NotificationRefType | null,
+  target: NotificationTarget
+): TargetRoute | null => {
+  const targetId = target.target_id === null ? '' : String(target.target_id)
+
+  switch (refType) {
+    case 'system_config':
+      return { path: RoutesAlias.SystemConfigs }
+    case 'refund':
+      return { path: RoutesAlias.RefundManagement }
+    case 'agent_recharge':
+      return { path: RoutesAlias.AgentRecharge }
+    case 'iot_card':
+      return targetId ? { path: RoutesAlias.AssetInformation, query: { iccid: targetId } } : null
+    case 'device':
+      return targetId
+        ? { path: RoutesAlias.AssetInformation, query: { virtual_no: targetId } }
+        : null
+    case 'expiring_asset':
+      return { path: RoutesAlias.ExpiringAssets }
+    case 'shop_fund':
+      return { path: RoutesAlias.AgentFundOverview }
+    case 'integration_log':
+    case 'package':
+    case 'asset':
+    case 'wecom_approval':
+    case 'card_sync':
+    default:
+      return null
+  }
 }
 
-const resolveTargetRoute = (target: NotificationTarget): TargetRoute | null => {
-  const targetId = target.target_id === null ? undefined : String(target.target_id)
-  const targetKey = target.target_key || ''
-
-  if (target.target_type === 'refund_detail' && targetId) {
-    return { path: `${RoutesAlias.RefundDetail}/${targetId}` }
+export const navigateNotificationTarget = (
+  router: Router,
+  refType: NotificationRefType | null,
+  target?: NotificationTarget | null
+) => {
+  if (!target) return false
+  if (!target.available) {
+    void router.push(RoutesAlias.Exception403)
+    return true
   }
 
-  if (target.target_type === 'agent_recharge_detail' && targetId) {
-    return { path: `${RoutesAlias.AgentRechargeDetail}/${targetId}` }
-  }
-
-  if (target.target_type === 'iot_card_detail' && (targetKey || targetId)) {
-    return {
-      path: RoutesAlias.AssetInformation,
-      query: { iccid: targetKey || targetId || '' }
-    }
-  }
-
-  if (target.target_type === 'device_detail' && (targetKey || targetId)) {
-    return {
-      path: RoutesAlias.AssetInformation,
-      query: { virtual_no: targetKey || targetId || '' }
-    }
-  }
-
-  if (
-    target.target_type === 'expiring_asset_list' ||
-    target.target_key === 'expiring_assets' ||
-    target.target_key === 'expiring_asset_list'
-  ) {
-    return { path: RoutesAlias.ExpiringAssets }
-  }
-
-  if (target.target_type === 'shop_fund_summary') {
-    return {
-      path: RoutesAlias.AgentFundOverview,
-      query: targetId ? { shop_id: targetId } : undefined
-    }
-  }
-
-  if (target.target_type === 'system_config') {
-    return {
-      path: RoutesAlias.SystemConfigs,
-      query: targetKey ? { config_key: targetKey } : undefined
-    }
-  }
-
-  return null
-}
-
-export const navigateNotificationTarget = (router: Router, target?: NotificationTarget | null) => {
-  if (!target?.available) return false
-  const route = resolveTargetRoute(target)
+  const route = resolveTargetRoute(refType, target)
   if (!route) return false
 
-  const resolved = router.resolve({ path: route.path, query: route.query })
-  if (!resolved.matched.length || resolved.name === 'Exception404') return false
-  void router.push(resolved)
+  void router.push(route)
   return true
 }
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 50158d2..2627843 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -831,15 +831,20 @@
     try {
       const response = await CardService.setSpeedTier(iccid, data.code)
       if (response.code !== 0) {
+        speedLimitDialogVisible.value = false
+        await nextTick()
         ElMessage.error(response.msg || '限速设置失败')
         return
       }
 
-      ElMessage.success(`限速设置成功：${response.data.speed_tier_name}`)
       speedLimitDialogVisible.value = false
+      await nextTick()
+      ElMessage.success(`限速设置成功：${response.data.speed_tier_name}`)
       await handleRefresh()
     } catch (error) {
       console.error('设置限速失败:', error)
+      speedLimitDialogVisible.value = false
+      await nextTick()
       ElMessage.error(normalizeApiError(error).message)
     } finally {
       speedTierSubmitting.value = false
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index d687e5b..e345795 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -17,6 +17,21 @@
           @refresh="handleRefresh"
         >
           <template #left>
+            <ElButton
+              type="primary"
+              @click="handleBatchAllocate"
+              :disabled="!selectedDevices.length"
+              v-permission="'device:batch_allocate'"
+            >
+              批量分配
+            </ElButton>
+            <ElButton
+              @click="handleBatchRecall"
+              :disabled="!selectedDevices.length"
+              v-permission="'device:batch_recall'"
+            >
+              批量回收
+            </ElButton>
             <ElButton
               type="primary"
               :disabled="!selectedDevices.length"
@@ -2350,6 +2365,19 @@
       })
   }
 
+  // 批量分配（设备列表原有操作，和设备批量任务页面并行保留）
+  const handleBatchAllocate = async () => {
+    if (selectedDevices.value.length === 0) {
+      ElMessage.warning('请先选择要分配的设备')
+      return
+    }
+    allocateForm.target_shop_id = undefined
+    allocateForm.remark = ''
+    allocateResult.value = null
+    shopCascadeOptions.value = []
+    allocateDialogVisible.value = true
+  }
+
   // 确认批量分配
   const handleConfirmAllocate = async () => {
     if (!allocateFormRef.value) return
@@ -2400,6 +2428,17 @@
     }
   }
 
+  // 批量回收（设备列表原有操作，和设备批量任务页面并行保留）
+  const handleBatchRecall = () => {
+    if (selectedDevices.value.length === 0) {
+      ElMessage.warning('请先选择要回收的设备')
+      return
+    }
+    recallForm.remark = ''
+    recallResult.value = null
+    recallDialogVisible.value = true
+  }
+
   // 确认批量回收
   const handleConfirmRecall = async () => {
     recallLoading.value = true

From 831f03c3a74a04e63bff05eea516a84cb9297183 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 28 Jul 2026 18:40:54 +0800
Subject: [PATCH 38/76] =?UTF-8?q?fix:=20=E9=80=9A=E7=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/constants/julyIteration.ts         |   6 +-
 src/template/批量订购套餐模板.csv             |   1 +
 src/types/api/device.ts                       |   1 +
 .../exchange-management/index.vue             |  10 +-
 .../task-management/bulk-purchase/index.vue   |  59 ++++++-
 .../device-batch-allocation/index.vue         |  80 ++++++++-
 .../order-package-invalidate-task/index.vue   | 154 ++++++++----------
 .../task-management/task-detail/index.vue     |   6 +-
 .../agent-fund-overview/index.vue             |   2 +-
 9 files changed, 213 insertions(+), 106 deletions(-)
 create mode 100644 src/template/批量订购套餐模板.csv

diff --git a/src/config/constants/julyIteration.ts b/src/config/constants/julyIteration.ts
index 80318eb..b13d4e0 100644
--- a/src/config/constants/julyIteration.ts
+++ b/src/config/constants/julyIteration.ts
@@ -15,12 +15,12 @@ export const JULY_PERMISSIONS = {
   },
   speedTier: {
     view: 'iot_card:speed_tier',
-    update: 'iot_card:speed_tier:update'
+    update: 'iot_card:speed_tier_update'
   },
   deviceAllocation: {
     page: 'device_task:allocation',
-    create: 'device_task:allocation:create',
-    detail: 'device_task:allocation:detail'
+    create: 'device_task:allocation_create',
+    detail: 'device_task:allocation_detail'
   },
   seriesGrants: {
     updateExpiryBase: 'series_grants:update_expiry_base'
diff --git a/src/template/批量订购套餐模板.csv b/src/template/批量订购套餐模板.csv
new file mode 100644
index 0000000..2c9ae84
--- /dev/null
+++ b/src/template/批量订购套餐模板.csv
@@ -0,0 +1 @@
+89861590172420377385
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 9c8ff4e..aa0a77f 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -244,6 +244,7 @@ export interface DeviceImportTask {
   operation_type: DeviceImportTaskOperationType
   operation_name: string
   target_id: number | null
+  target_name?: string | null
   realname_policy: 'none' | 'before_order' | 'after_order'
   warning_count: number
   created_at: string // 创建时间
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index cb42b40..64ccd68 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -718,7 +718,7 @@
           {
             type: 'primary',
             link: true,
-            onClick: () => handleViewDetail(row)
+            onClick: () => handleNameClick(row)
           },
           () => row.exchange_no || '--'
         )
@@ -1410,6 +1410,14 @@
   }
 
   // 查看详情
+  const handleNameClick = (row: ExchangeResponse) => {
+    if (hasAuth('exchange:detail')) {
+      handleViewDetail(row)
+    } else {
+      ElMessage.warning('您没有查看详情的权限')
+    }
+  }
+
   const handleViewDetail = (row: any) => {
     router.push(`${RoutesAlias.ExchangeDetail}/${row.id}`)
   }
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
index 79adfe8..3c49a69 100644
--- a/src/views/asset-management/task-management/bulk-purchase/index.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -10,7 +10,7 @@
         :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDrawerClosed"
       >
-        <ElForm ref="formRef" :model="form" :rules="rules" label-width="110px" class="create-form">
+        <ElForm ref="formRef" :model="form" :rules="rules" label-width="90px" class="create-form">
           <ElFormItem label="套餐系列" prop="series_id">
             <ElSelect
               v-model="form.series_id"
@@ -243,7 +243,7 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, onMounted, reactive, ref } from 'vue'
+  import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
   import { useRouter } from 'vue-router'
   import {
     ElAlert,
@@ -299,6 +299,9 @@
   const taskListSize = ref(20)
   const taskListTotal = ref(0)
   const taskListStatus = ref<BulkPurchaseTaskStatus | undefined>()
+  const taskStatusPollInterval = 2000
+  let taskStatusPollTimer: number | undefined
+  let taskStatusPollSession = 0
   const createDrawerBusy = computed(
     () => submitting.value || voucherUploading.value || orderFileUploading.value
   )
@@ -465,9 +468,10 @@
         return
       }
 
-      ElMessage.success(res.data.message || '批量订购任务已创建')
       createDrawerVisible.value = false
-      await router.push(`${RoutesAlias.BulkPurchaseDetail}/${taskId}`)
+      await loadTaskList()
+      startTaskStatusPolling(taskId, res.data?.status ?? BulkPurchaseTaskStatus.PENDING)
+      ElMessage.success(res.data.message || '批量订购任务已创建')
     } catch (error: any) {
       ElMessage.error(error?.message || '创建批量订购任务失败')
     } finally {
@@ -508,6 +512,49 @@
     void loadTaskList()
   }
 
+  const stopTaskStatusPolling = () => {
+    taskStatusPollSession += 1
+    if (taskStatusPollTimer !== undefined) {
+      window.clearTimeout(taskStatusPollTimer)
+      taskStatusPollTimer = undefined
+    }
+  }
+
+  const startTaskStatusPolling = (
+    taskId: number,
+    initialStatus = BulkPurchaseTaskStatus.PENDING
+  ) => {
+    stopTaskStatusPolling()
+    const session = taskStatusPollSession
+
+    const poll = async () => {
+      if (session !== taskStatusPollSession) return
+
+      try {
+        const response = await BulkPurchaseService.getTasks({
+          page: 1,
+          page_size: 100
+        })
+        if (response.code === 0) {
+          const task = response.data.items.find((item) => (item.task_id ?? item.id) === taskId)
+          if (task && task.status !== initialStatus) {
+            await loadTaskList()
+            stopTaskStatusPolling()
+            return
+          }
+        }
+      } catch (error) {
+        console.error('轮询批量订购任务状态失败:', error)
+      }
+
+      if (session === taskStatusPollSession) {
+        taskStatusPollTimer = window.setTimeout(() => void poll(), taskStatusPollInterval)
+      }
+    }
+
+    void poll()
+  }
+
   const showTask = (task: BulkPurchaseTask) => {
     const taskId = task.task_id ?? task.id
     if (!taskId) return
@@ -540,6 +587,10 @@
   onMounted(() => {
     void loadTaskList()
   })
+
+  onBeforeUnmount(() => {
+    stopTaskStatusPolling()
+  })
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index ef5baf1..475d73a 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -68,7 +68,7 @@
               single-column-csv
               :max-csv-rows="1000"
               accept=".csv"
-              tip="仅支持 UTF-8 单列 CSV，最多 1000 行，最大 10MB"
+              tip="格式：一行一个唯一标识；仅支持 UTF-8 单列 CSV，最多 1000 行，最大 10MB"
               @uploading-change="fileUploading = $event"
             />
           </ElFormItem>
@@ -106,9 +106,7 @@
             <div class="task-list-toolbar">
               <ElButton
                 v-if="hasAuth(JULY_PERMISSIONS.deviceAllocation.create)"
-                tag="a"
-                href="/templates/device-batch-allocation-template.csv"
-                download="设备批量任务模板.csv"
+                @click="downloadTemplate"
               >
                 下载模板
               </ElButton>
@@ -148,7 +146,7 @@
         </template>
 
         <ElTable v-loading="taskListLoading" :data="taskList" border>
-          <ElTableColumn label="任务号" min-width="210" show-overflow-tooltip>
+          <ElTableColumn label="任务号" min-width="225" show-overflow-tooltip>
             <template #default="scope">
               <ElButton
                 v-if="hasAuth(JULY_PERMISSIONS.deviceAllocation.detail)"
@@ -178,8 +176,8 @@
               {{ scope.row.operation_name || getOperationLabel(scope.row.operation_type) }}
             </template>
           </ElTableColumn>
-          <ElTableColumn label="目标 ID" width="110">
-            <template #default="scope">{{ scope.row.target_id ?? '-' }}</template>
+          <ElTableColumn label="目标名称" min-width="160" show-overflow-tooltip>
+            <template #default="scope">{{ scope.row.target_name || '-' }}</template>
           </ElTableColumn>
           <ElTableColumn label="状态" width="110">
             <template #default="scope">
@@ -218,7 +216,7 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, onMounted, reactive, ref } from 'vue'
+  import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
   import { useRouter } from 'vue-router'
   import {
     ElAlert,
@@ -267,6 +265,9 @@
   const taskListTotal = ref(0)
   const taskListStatus = ref<DeviceImportTaskStatus | undefined>()
   const taskListOperationType = ref<Exclude<DeviceImportTaskOperationType, 'import'> | undefined>()
+  const taskStatusPollInterval = 2000
+  let taskStatusPollTimer: number | undefined
+  let taskStatusPollSession = 0
   const shopOptions = ref<ShopResponse[]>([])
   const seriesOptions = ref<PackageSeriesResponse[]>([])
   const targetLoading = ref(false)
@@ -387,6 +388,21 @@
     uploadRef.value?.clearFiles()
   }
 
+  const downloadTemplate = () => {
+    try {
+      const link = document.createElement('a')
+      link.href = new URL('@/template/批量订购套餐模板.csv', import.meta.url).href
+      link.download = '批量订购套餐模板.csv'
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+      ElMessage.success('模板下载成功')
+    } catch (error) {
+      console.error('下载模板失败:', error)
+      ElMessage.error('模板下载失败')
+    }
+  }
+
   const handleTaskListFilterChange = () => {
     taskListPage.value = 1
     void loadTaskList()
@@ -420,6 +436,49 @@
     void loadTaskList()
   }
 
+  const stopTaskStatusPolling = () => {
+    taskStatusPollSession += 1
+    if (taskStatusPollTimer !== undefined) {
+      window.clearTimeout(taskStatusPollTimer)
+      taskStatusPollTimer = undefined
+    }
+  }
+
+  const startTaskStatusPolling = (
+    taskId: number,
+    initialStatus = DeviceImportTaskStatus.PENDING
+  ) => {
+    stopTaskStatusPolling()
+    const session = taskStatusPollSession
+
+    const poll = async () => {
+      if (session !== taskStatusPollSession) return
+
+      try {
+        const response = await DeviceService.getImportTasks({
+          page: 1,
+          page_size: 100
+        })
+        if (response.code === 0) {
+          const task = response.data.items.find((item) => item.id === taskId)
+          if (task && task.status !== initialStatus) {
+            await loadTaskList()
+            stopTaskStatusPolling()
+            return
+          }
+        }
+      } catch (error) {
+        console.error('轮询设备批量任务状态失败:', error)
+      }
+
+      if (session === taskStatusPollSession) {
+        taskStatusPollTimer = window.setTimeout(() => void poll(), taskStatusPollInterval)
+      }
+    }
+
+    void poll()
+  }
+
   const showTask = (row: DeviceImportTask) => {
     router.push({
       path: RoutesAlias.TaskDetail,
@@ -453,6 +512,7 @@
       }
       createDrawerVisible.value = false
       await loadTaskList()
+      startTaskStatusPolling(res.data.task_id)
       ElMessage.success(`任务已创建：${res.data.task_no}`)
     } catch (error) {
       console.error('创建设备批量任务失败:', error)
@@ -465,6 +525,10 @@
   onMounted(() => {
     void loadTaskList()
   })
+
+  onBeforeUnmount(() => {
+    stopTaskStatusPolling()
+  })
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
index 9e04af3..d58d07a 100644
--- a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
+++ b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
@@ -36,8 +36,6 @@
           :pageSize="pagination.page_size"
           :total="pagination.total"
           :marginTop="10"
-          :actions="getActions"
-          :actionsWidth="180"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -47,29 +45,32 @@
         </ArtTable>
       </ElCard>
 
-      <ElDialog
+      <ElDrawer
         v-model="createDialogVisible"
         title="新建订单套餐作废任务"
-        width="560px"
+        direction="rtl"
+        size="520px"
+        :close-on-click-modal="!createDrawerBusy"
+        :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDialogClosed"
       >
         <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="100px">
           <ElFormItem label="CSV文件" prop="file">
-            <ElUpload
-              ref="uploadRef"
-              drag
-              :auto-upload="false"
-              :limit="1"
-              accept=".csv,text/csv"
-              :on-change="handleFileChange"
-              :on-remove="handleFileRemove"
-            >
-              <ElIcon class="el-icon--upload"><UploadFilled /></ElIcon>
-              <div class="el-upload__text">将 CSV 文件拖到此处，或<em>点击选择</em></div>
-              <template #tip>
-                <div class="el-upload__tip">仅支持 .csv 文件，必填列：order_no</div>
-              </template>
-            </ElUpload>
+            <VoucherUpload
+              ref="csvUploadRef"
+              v-model="csvFileKeys"
+              voucher-name="CSV文件"
+              :max-count="1"
+              purpose="attachment"
+              :max-size-mb="10"
+              single-column-csv
+              :max-csv-rows="1000"
+              accept=".csv"
+              tip="仅支持 UTF-8 单列 CSV，每行一个订单号，最多 1000 行，最大 10MB"
+              @uploading-change="csvUploading = $event"
+              @files-change="handleCsvFilesChange"
+              @change="createFormRef?.validateField('file')"
+            />
           </ElFormItem>
           <ElFormItem label="凭证附件">
             <VoucherUpload
@@ -91,17 +92,19 @@
           </ElFormItem>
         </ElForm>
         <template #footer>
-          <ElButton @click="createDialogVisible = false">取消</ElButton>
-          <ElButton
-            type="primary"
-            :loading="creating || voucherUploading"
-            :disabled="voucherUploading"
-            @click="handleCreateTask"
-          >
-            {{ voucherUploading ? '凭证上传中...' : '确认创建' }}
-          </ElButton>
+          <div class="drawer-footer">
+            <ElButton @click="createDialogVisible = false">取消</ElButton>
+            <ElButton
+              type="primary"
+              :loading="createDrawerBusy"
+              :disabled="createDrawerBusy"
+              @click="handleCreateTask"
+            >
+              {{ voucherUploading ? '凭证上传中...' : '确认创建' }}
+            </ElButton>
+          </div>
         </template>
-      </ElDialog>
+      </ElDrawer>
 
       <PaymentVoucherDialog :file-keys="voucherPreviewKeys" @close="voucherPreviewKeys = []" />
     </div>
@@ -109,22 +112,21 @@
 </template>
 
 <script setup lang="ts">
-  import { h, onMounted, reactive, ref } from 'vue'
+  import { computed, h, onMounted, reactive, ref } from 'vue'
   import { useRouter } from 'vue-router'
   import {
     ElButton,
     ElCard,
+    ElDrawer,
     ElForm,
     ElFormItem,
-    ElIcon,
     ElInput,
     ElMessage,
-    ElTag,
-    ElUpload
+    ElTag
   } from 'element-plus'
-  import { Upload, UploadFilled } from '@element-plus/icons-vue'
-  import type { FormInstance, FormRules, UploadFile, UploadInstance } from 'element-plus'
-  import { OrderPackageInvalidateTaskService, StorageService } from '@/api/modules'
+  import { Upload } from '@element-plus/icons-vue'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { OrderPackageInvalidateTaskService } from '@/api/modules'
   import type {
     CreateOrderPackageInvalidateTaskRequest,
     OrderPackageInvalidateTask,
@@ -147,15 +149,20 @@
 
   const loading = ref(false)
   const creating = ref(false)
+  const csvUploading = ref(false)
   const voucherUploading = ref(false)
   const tableRef = ref()
-  const uploadRef = ref<UploadInstance>()
+  const csvUploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const voucherUploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const createFormRef = ref<FormInstance>()
   const createDialogVisible = ref(false)
-  const selectedFile = ref<File | null>(null)
+  const csvFileKeys = ref<string[]>([])
+  const csvFileName = ref('')
   const taskList = ref<OrderPackageInvalidateTask[]>([])
   const voucherPreviewKeys = ref<string[]>([])
+  const createDrawerBusy = computed(
+    () => creating.value || csvUploading.value || voucherUploading.value
+  )
 
   const searchForm = reactive<OrderPackageInvalidateTaskQueryParams>({
     page: 1,
@@ -384,58 +391,31 @@
     getTableData()
   }
 
-  const handleFileChange = (uploadFile: UploadFile) => {
-    const file = uploadFile.raw
-    if (!file) return
-    if (!/\.csv$/i.test(file.name)) {
-      ElMessage.error('仅支持 CSV 文件')
-      uploadRef.value?.clearFiles()
-      selectedFile.value = null
-      createForm.file = ''
-      return
-    }
-    selectedFile.value = file
-    createForm.file = file.name
-    createFormRef.value?.validateField('file')
-  }
-
-  const handleFileRemove = () => {
-    selectedFile.value = null
-    createForm.file = ''
-    createFormRef.value?.validateField('file')
-  }
-
-  const uploadCsvFile = async (file: File) => {
-    const contentType = file.type || 'text/csv'
-    const uploadUrlRes = await StorageService.getUploadUrl({
-      file_name: file.name,
-      content_type: contentType,
-      purpose: 'attachment'
-    })
-    if (uploadUrlRes.code !== 0) {
-      throw new Error(uploadUrlRes.msg || '获取上传地址失败')
-    }
-
-    await StorageService.uploadFile(uploadUrlRes.data.upload_url, file, contentType)
-    return uploadUrlRes.data.file_key
+  const handleCsvFilesChange = (files: Array<{ file_name?: string }>) => {
+    csvFileName.value = files[0]?.file_name || ''
+    createForm.file = csvFileName.value
+    void createFormRef.value?.validateField('file')
   }
 
   const handleCreateTask = async () => {
     if (!createFormRef.value) return
+    if (csvUploading.value) {
+      ElMessage.warning('CSV 文件上传中，请稍候')
+      return
+    }
     if (voucherUploading.value) {
       ElMessage.warning('凭证上传中，请稍候')
       return
     }
 
     const valid = await createFormRef.value.validate().catch(() => false)
-    if (!valid || !selectedFile.value) return
+    if (!valid || !csvFileKeys.value[0] || !csvFileName.value) return
 
     creating.value = true
     try {
-      const fileKey = await uploadCsvFile(selectedFile.value)
       const data: CreateOrderPackageInvalidateTaskRequest = {
-        file_key: fileKey,
-        file_name: selectedFile.value.name,
+        file_key: csvFileKeys.value[0],
+        file_name: csvFileName.value,
         voucher_keys: toVoucherKeyList(createForm.voucher_keys),
         remark: createForm.remark || undefined
       }
@@ -453,24 +433,26 @@
 
   const handleCreateDialogClosed = () => {
     createFormRef.value?.resetFields()
-    uploadRef.value?.clearFiles()
+    csvUploadRef.value?.clearFiles(false)
     voucherUploadRef.value?.clearFiles(false)
-    selectedFile.value = null
+    csvFileKeys.value = []
+    csvFileName.value = ''
     createForm.file = ''
     createForm.voucher_keys = []
     createForm.remark = ''
+    csvUploading.value = false
     voucherUploading.value = false
   }
 
-  const getActions = (row: OrderPackageInvalidateTask) => {
-    const actions: any[] = []
-    if (hasAuth('order_package_invalidate_task:detail')) {
-      actions.push({ label: '详情', handler: () => handleNameClick(row), type: 'primary' })
-    }
-    return actions
-  }
-
   onMounted(() => {
     getTableData()
   })
 </script>
+
+<style scoped>
+  .drawer-footer {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+  }
+</style>
diff --git a/src/views/asset-management/task-management/task-detail/index.vue b/src/views/asset-management/task-management/task-detail/index.vue
index 5138922..aa6a6a6 100644
--- a/src/views/asset-management/task-management/task-detail/index.vue
+++ b/src/views/asset-management/task-management/task-detail/index.vue
@@ -166,9 +166,9 @@
                 value || getOperationLabel(deviceTask.value?.operation_type)
             },
             {
-              label: '目标 ID',
-              prop: 'target_id',
-              formatter: (value: number | null) => String(value ?? '-')
+              label: '目标名称',
+              prop: 'target_name',
+              formatter: (value: string | null | undefined) => value || '-'
             }
           ]
         : []
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 8f82fa5..3c665e3 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -998,7 +998,7 @@
       })
     }
 
-    if (hasAuth('shop:credit-limit:manage')) {
+    if (hasAuth('shop:credit_limit_manage')) {
       actions.push({
         label: '调整额度',
         handler: () => showCreditDialog(row),

From 827de02f2b512f6ad5144f6297ff787b5da73220 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 28 Jul 2026 18:52:15 +0800
Subject: [PATCH 39/76] =?UTF-8?q?fix:=20=E9=80=9A=E7=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/business/notificationNavigation.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/utils/business/notificationNavigation.ts b/src/utils/business/notificationNavigation.ts
index 6cc2457..a2c5ebb 100644
--- a/src/utils/business/notificationNavigation.ts
+++ b/src/utils/business/notificationNavigation.ts
@@ -43,10 +43,9 @@ export const navigateNotificationTarget = (
   target?: NotificationTarget | null
 ) => {
   if (!target) return false
-  if (!target.available) {
-    void router.push(RoutesAlias.Exception403)
-    return true
-  }
+  // 目标本身不可用时由调用方提示通知正文，不应将用户带到 403 页面。
+  // 目标可用但进入页面后没有页面权限时，交由路由守卫处理 403。
+  if (!target.available) return false
 
   const route = resolveTargetRoute(refType, target)
   if (!route) return false

From 4394ae0f78ca5cfb9db52e04d423ae24e604cd81 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 29 Jul 2026 11:36:34 +0800
Subject: [PATCH 40/76] feat: small fix

---
 src/config/constants/julyIteration.ts         | 11 +++--
 .../account-management/account/index.vue      |  1 -
 .../agent-fund-overview/index.vue             | 10 +----
 .../series-grants/packages.vue                | 40 ++++++++++++++-----
 .../components/WecomApplicationFormDialog.vue | 19 +--------
 .../settings/wecom/applications/index.vue     |  8 ++--
 src/views/settings/wecom/members/index.vue    |  4 +-
 src/views/settings/wecom/scenes/index.vue     | 19 ++-------
 src/views/system/carrier-management/index.vue |  6 ++-
 src/views/system/role/index.vue               |  4 +-
 10 files changed, 58 insertions(+), 64 deletions(-)

diff --git a/src/config/constants/julyIteration.ts b/src/config/constants/julyIteration.ts
index b13d4e0..f3f2b56 100644
--- a/src/config/constants/julyIteration.ts
+++ b/src/config/constants/julyIteration.ts
@@ -5,9 +5,14 @@
 export const JULY_PERMISSIONS = {
   wecom: {
     page: 'wecom:config',
-    application: 'wecom:application',
-    member: 'wecom:member',
-    scene: 'wecom:scene',
+    applicationCreate: 'wecom:application_create',
+    applicationTest: 'wecom:application_test',
+    applicationEdit: 'wecom:application_edit',
+    memberManage: 'wecom:member_manage',
+    memberSync: 'wecom:member_sync',
+    memberDefaultCreator: 'wecom:member_default_creator',
+    sceneCreate: 'wecom:scene_create',
+    sceneEdit: 'wecom:scene_edit',
     binding: 'wecom:account_binding'
   },
   systemConfig: {
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index a4c8669..32a91e9 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -291,7 +291,6 @@
             <div class="dialog-footer">
               <ElButton @click="wecomBindingDialogVisible = false">取消</ElButton>
               <ElButton
-                v-permission="JULY_PERMISSIONS.wecom.binding"
                 type="primary"
                 :loading="wecomBindingSubmitting"
                 @click="submitWecomBinding"
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 3c665e3..7b1c0bb 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -48,7 +48,7 @@
     <ElDrawer
       v-model="detailDrawerVisible"
       :title="`${currentShop?.shop_name || ''} - 佣金详情`"
-      size="60%"
+      size="65%"
       destroy-on-close
     >
       <ElTabs v-model="activeTab" class="detail-tabs">
@@ -990,14 +990,6 @@
   const getActions = (row: ShopFundSummaryItem) => {
     const actions: any[] = []
 
-    if (hasAuth('agent_commission:detail')) {
-      actions.push({
-        label: '查看详情',
-        handler: () => showDetail(row),
-        type: 'primary'
-      })
-    }
-
     if (hasAuth('shop:credit_limit_manage')) {
       actions.push({
         label: '调整额度',
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index 74fb03a..60822cd 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -131,15 +131,19 @@
                 <div class="package-config-name" :title="pkg.package_name || ''">
                   {{ pkg.package_name || '套餐名称不可用' }}
                 </div>
-                <ElInputNumber
-                  v-model="pkg.cost_price_yuan"
-                  :min="pkg.original_cost_price || 0"
-                  :max="getPackageCostPriceMax(pkg)"
-                  :precision="2"
-                  :step="0.01"
-                  :controls="false"
-                  placeholder="成本价(元)"
-                />
+                <div class="package-config-cost">
+                  <span class="package-config-field-label">套餐成本价（元）</span>
+                  <ElInputNumber
+                    v-model="pkg.cost_price_yuan"
+                    :min="pkg.original_cost_price || 0"
+                    :max="getPackageCostPriceMax(pkg)"
+                    :precision="2"
+                    :step="0.01"
+                    :controls="false"
+                    placeholder="请输入成本价"
+                    style="width: 150px"
+                  />
+                </div>
               </div>
             </div>
           </ElFormItem>
@@ -759,7 +763,10 @@
                 remove: true
               }
             ]
-            await ShopSeriesGrantService.manageGrantPackages(grantId.value, { packages })
+            await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
+              expiry_base_override: row.expiry_base_override ?? null,
+              packages
+            })
             await fetchPackageList()
           } catch (error) {
             console.error(error)
@@ -858,6 +865,19 @@
       flex: 1;
     }
 
+    .package-config-cost {
+      display: flex;
+      flex-shrink: 0;
+      gap: 8px;
+      align-items: center;
+    }
+
+    .package-config-field-label {
+      color: var(--el-text-color-secondary);
+      font-size: 13px;
+      white-space: nowrap;
+    }
+
     .ellipsis-value {
       display: block;
       width: 260px;
diff --git a/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
index 97ea356..f3d8eeb 100644
--- a/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
+++ b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
@@ -76,22 +76,8 @@
     <template #footer>
       <div class="dialog-footer">
         <ElButton @click="visible = false">取消</ElButton>
-        <ElButton
-          v-if="isEdit"
-          v-permission="JULY_PERMISSIONS.wecom.application"
-          :loading="testing"
-          @click="testApplication"
-        >
-          测试连接
-        </ElButton>
-        <ElButton
-          v-permission="JULY_PERMISSIONS.wecom.application"
-          type="primary"
-          :loading="saving"
-          @click="saveApplication"
-        >
-          保存应用
-        </ElButton>
+        <ElButton v-if="isEdit" :loading="testing" @click="testApplication"> 测试连接 </ElButton>
+        <ElButton type="primary" :loading="saving" @click="saveApplication"> 保存应用 </ElButton>
       </div>
     </template>
   </ElDialog>
@@ -102,7 +88,6 @@
   import { ElMessage } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import { WecomService } from '@/api/modules'
-  import { JULY_PERMISSIONS } from '@/config/constants'
   import type { WecomApplication } from '@/types/api'
 
   defineOptions({ name: 'WecomApplicationFormDialog' })
diff --git a/src/views/settings/wecom/applications/index.vue b/src/views/settings/wecom/applications/index.vue
index 10e8013..aa1dfaf 100644
--- a/src/views/settings/wecom/applications/index.vue
+++ b/src/views/settings/wecom/applications/index.vue
@@ -9,7 +9,7 @@
         >
           <template #left>
             <ElButton
-              v-permission="JULY_PERMISSIONS.wecom.application"
+              v-permission="JULY_PERMISSIONS.wecom.applicationCreate"
               type="primary"
               @click="openCreateDialog"
             >
@@ -173,19 +173,21 @@
 
   const getActions = (row: WecomApplication) => {
     const actions: any[] = []
-    if (hasAuth(JULY_PERMISSIONS.wecom.application)) {
+    if (hasAuth(JULY_PERMISSIONS.wecom.applicationTest)) {
       actions.push({
         label: '测试连接',
         handler: () => testApplication(row.id),
         type: 'primary'
       })
+    }
+    if (hasAuth(JULY_PERMISSIONS.wecom.applicationEdit)) {
       actions.push({
         label: '编辑配置',
         handler: () => openEditDialog(row),
         type: 'primary'
       })
     }
-    if (hasAuth(JULY_PERMISSIONS.wecom.member)) {
+    if (hasAuth(JULY_PERMISSIONS.wecom.memberManage)) {
       actions.push({
         label: '成员管理',
         handler: () => goToMembers(row.id),
diff --git a/src/views/settings/wecom/members/index.vue b/src/views/settings/wecom/members/index.vue
index d8b215d..366ea07 100644
--- a/src/views/settings/wecom/members/index.vue
+++ b/src/views/settings/wecom/members/index.vue
@@ -13,7 +13,7 @@
         <div class="members-toolbar">
           <div class="toolbar-actions">
             <ElButton
-              v-permission="JULY_PERMISSIONS.wecom.member"
+              v-permission="JULY_PERMISSIONS.wecom.memberSync"
               :disabled="!selectedApplicationId"
               :loading="syncing"
               type="primary"
@@ -42,7 +42,7 @@
               </ElTag>
               <ElTag
                 v-else
-                v-permission="JULY_PERMISSIONS.wecom.member"
+                v-permission="JULY_PERMISSIONS.wecom.memberDefaultCreator"
                 class="member-card__action-tag"
                 type="primary"
                 effect="plain"
diff --git a/src/views/settings/wecom/scenes/index.vue b/src/views/settings/wecom/scenes/index.vue
index b3b27c9..a321da8 100644
--- a/src/views/settings/wecom/scenes/index.vue
+++ b/src/views/settings/wecom/scenes/index.vue
@@ -9,7 +9,7 @@
         >
           <template #left>
             <ElButton
-              v-permission="JULY_PERMISSIONS.wecom.scene"
+              v-permission="JULY_PERMISSIONS.wecom.sceneCreate"
               type="primary"
               @click="createScene"
             >
@@ -88,11 +88,7 @@
               <ElFormItem label="模板 ID" required>
                 <ElInput v-model="sceneForm.template_id" placeholder="请输入企微后台模板 ID">
                   <template #append>
-                    <ElButton
-                      v-permission="JULY_PERMISSIONS.wecom.scene"
-                      :loading="inspectingTemplate"
-                      @click="syncTemplate()"
-                    >
+                    <ElButton :loading="inspectingTemplate" @click="syncTemplate()">
                       同步模板
                     </ElButton>
                   </template>
@@ -173,14 +169,7 @@
         <div class="dialog-footer">
           <ElButton @click="editorVisible = false">取消</ElButton>
           <ElButton @click="createScene">清空表单</ElButton>
-          <ElButton
-            v-permission="JULY_PERMISSIONS.wecom.scene"
-            type="primary"
-            :loading="saving"
-            @click="saveScene"
-          >
-            保存并校验
-          </ElButton>
+          <ElButton type="primary" :loading="saving" @click="saveScene"> 保存并校验 </ElButton>
         </div>
       </template>
     </ElDialog>
@@ -490,7 +479,7 @@
   }
 
   const getActions = (row: WecomScene) => {
-    if (!hasAuth(JULY_PERMISSIONS.wecom.scene)) return []
+    if (!hasAuth(JULY_PERMISSIONS.wecom.sceneEdit)) return []
     return [
       {
         label: '编辑',
diff --git a/src/views/system/carrier-management/index.vue b/src/views/system/carrier-management/index.vue
index 46da889..06f0f4d 100644
--- a/src/views/system/carrier-management/index.vue
+++ b/src/views/system/carrier-management/index.vue
@@ -307,12 +307,14 @@
     {
       prop: 'carrier_code',
       label: '运营商编码',
-      minWidth: 160
+      minWidth: 160,
+      showOverflowTooltip: true
     },
     {
       prop: 'carrier_name',
       label: '运营商名称',
-      minWidth: 150
+      minWidth: 150,
+      showOverflowTooltip: true
     },
     {
       prop: 'carrier_type',
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 1044b04..c1de86e 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -46,7 +46,7 @@
           :title="dialogType === 'add' ? '新增角色' : '编辑角色'"
           width="30%"
         >
-          <ElForm ref="formRef" :model="form" :rules="rules" label-width="160px">
+          <ElForm ref="formRef" :model="form" :rules="rules" label-width="100px">
             <ElFormItem label="角色名称" prop="role_name">
               <ElInput v-model="form.role_name" placeholder="请输入角色名称" />
             </ElFormItem>
@@ -81,7 +81,7 @@
               />
             </ElFormItem>
             <template v-if="isCustomerRoleForm">
-              <ElFormItem label="新建代理默认信用">
+              <ElFormItem label="代理默认信用">
                 <ElSwitch
                   v-model="form.credit_enabled"
                   @change="handleDefaultCreditEnabledChange"

From 17d2eeebc5727c6dd9fd67bbc987482b372af843 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 29 Jul 2026 18:20:42 +0800
Subject: [PATCH 41/76] =?UTF-8?q?fix:=20=E5=9B=9E=E8=B0=83=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE,=20=E8=B0=83=E6=95=B4=E4=BF=A1=E7=94=A8=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE,=20=E5=A5=97=E9=A4=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  11 +-
 .../proposal.md                               |   6 +-
 .../spec.md                                   | 126 ++++
 .../tasks.md                                  |  12 +-
 scripts/tests/agentRechargeActions.test.mjs   |  28 +-
 scripts/tests/agentRechargeOnline.test.mjs    |  72 ++
 scripts/tests/agentRechargeService.test.mjs   |  21 +
 src/api/modules/agentRecharge.ts              |  20 +
 .../business/SeriesGrantPackageDialog.vue     | 290 ++++++++
 .../business/SeriesGrantPackageTable.vue      |  80 +++
 .../business/ShopCreditLimitDialog.vue        | 242 +++++++
 src/router/routes/asyncRoutes.ts              |  11 -
 src/router/routesAlias.ts                     |   1 -
 src/types/api/account.ts                      |   4 +
 src/types/api/agentRecharge.ts                |  58 +-
 src/types/api/systemConfig.ts                 |   2 +-
 src/types/components.d.ts                     |   3 +
 src/utils/business/seriesGrantPackage.ts      |  34 +-
 .../account-management/account/index.vue      |  46 +-
 .../components/dialogs/SpeedLimitDialog.vue   |  10 +-
 .../asset-management/device-list/index.vue    |  20 +
 .../exchange-management/index.vue             | 221 ++++--
 .../authorization-records/detail.vue          | 140 ----
 .../authorization-records/index.vue           | 117 +---
 .../task-management/bulk-purchase/index.vue   |   4 +-
 .../device-batch-allocation/index.vue         |   4 +-
 .../agent-fund-overview/index.vue             | 243 +------
 src/views/common/account-list.vue             |  28 +-
 .../agent-recharge/agentRechargeActions.ts    |   1 +
 .../agent-recharge/agentRechargeOnline.ts     |  23 +
 src/views/finance/agent-recharge/detail.vue   | 275 ++++----
 src/views/finance/agent-recharge/index.vue    | 639 +++++++++++++++---
 .../package-management/package-list/index.vue |  24 +-
 .../series-grants/detail.vue                  | 575 +++++++++-------
 .../series-grants/packages.vue                | 532 ++++-----------
 src/views/settings/system-configs/index.vue   |  27 +-
 src/views/shop-management/list/index.vue      | 213 +++---
 src/views/system/role/detail/index.vue        |   9 +-
 src/views/system/role/index.vue               |  47 +-
 39 files changed, 2687 insertions(+), 1532 deletions(-)
 create mode 100644 scripts/tests/agentRechargeOnline.test.mjs
 create mode 100644 src/components/business/SeriesGrantPackageDialog.vue
 create mode 100644 src/components/business/SeriesGrantPackageTable.vue
 create mode 100644 src/components/business/ShopCreditLimitDialog.vue
 delete mode 100644 src/views/asset-management/record-management/authorization-records/detail.vue
 create mode 100644 src/views/finance/agent-recharge/agentRechargeOnline.ts

diff --git a/openspec/changes/update-july-iteration-frontend-integration/design.md b/openspec/changes/update-july-iteration-frontend-integration/design.md
index ef7d3bc..9ba8a59 100644
--- a/openspec/changes/update-july-iteration-frontend-integration/design.md
+++ b/openspec/changes/update-july-iteration-frontend-integration/design.md
@@ -20,10 +20,19 @@
 - Decision: `docs/所需接口文档` 是本变更的接口契约索引；页面 API 类型、请求参数、枚举和响应字段必须以对应模块文档为准，不从七月说明中自行扩展路径。
 - Decision: 文件类业务统一采用 `POST /api/admin/storage/upload-url` 获取预签名 URL，直传成功后仅把 `file_key` 传给批量订购或设备分配接口。
 - Decision: 批量订购、设备分配和导出均保存服务端返回的任务 ID；页面恢复时查询原任务，终态后停止轮询，不能因刷新或超时重复创建。
+- Decision: 代理钱包在线充值和平台线下代充共用 `POST /api/admin/agent-recharges`，但使用两套互斥的表单模型。在线表单只允许 `amount`、`payment_method` 和 `request_id`；线下表单才允许 `shop_id`、`payment_voucher_key` 和 `remark`，不能把线下表单对象整体复用到在线请求中。
+- Decision: 在线充值弹窗打开时先请求 `/api/admin/agent-recharges/payment-methods`，支付方式和金额上下限完全由响应驱动。金额在界面显示为元，提交前转换为整数分；支付方式为空时禁止提交并显示无可用支付方式提示。
+- Decision: 在线创建成功后只使用返回的 `recharge_id` 查询 `/api/admin/agent-recharges/{id}/payment-status`，把原始 `qr_content` 交给二维码组件。二维码弹窗可见且订单非终态时每 3 秒轮询；弹窗隐藏、页面进入后台或状态进入 3/4/5/6 后停止轮询。
+- Decision: `request_id` 是一次主动在线充值的幂等键。网络超时或断开只用同一个 ID 重试一次并复用后端返回的原订单/二维码；用户关闭弹窗后重新发起充值或改变金额/支付方式时生成新的 ID，冲突响应不得覆盖原表单或自动创建新订单。
+- Decision: 充值列表和详情均以 `recharge_source` 做业务分支，并优先展示 `recharge_source_name`。在线单展示支付方式、第三方流水和支付/完成时间；线下单展示凭证、备注、提交人和审批状态。存在企微审批来源或实例时只读展示审批进度，不显示确认/驳回操作。
+- Decision: 充值相关导出权限按场景拆分：业务列表入口使用 `agent_recharge:export`，导出任务详情使用 `export_task:agent_recharge_detail`，下载文件使用 `export_task:agent_recharge_download`。权限不足时隐藏入口或操作，不通过前端绕过权限。
 
 ## Risks / Trade-offs
 
 - 接口 DTO 若未按说明返回，页面无法可靠展示审批人、历史资产标识或新旧字段；通过联调清单阻断实现前确认。
+- 支付配置为空或二维码内容为空时，在线充值无法继续；通过动态支付方式加载、空状态和联调环境中微信/支付宝二维码内容非空校验阻断上线。
+- 在线创建请求若错误生成新的 `request_id`，可能产生重复充值单；通过提交态保存 ID、幂等重试和冲突保护降低重复支付风险。
+- `status=2` 只代表第三方已支付，不代表钱包已经入账；通过以 `status=3` 作为余额刷新条件避免提前展示到账。
 - 设备批量分配接口文档已明确任务列表和详情仅平台用户可操作，前端不得向代理账号展示任务入口或通过前端绕过权限。
 - H5/C 端不在本次实现范围，后台只能依赖后端提供的最终字段，跨端验收需要单独安排。
 - 部分接口文档只给出字段模型，缺少业务错误码、权限编码和分页默认值；这些列入待确认清单。
@@ -38,5 +47,5 @@
 ## Open Questions
 
 - 退款和代理充值详情是否需要直接返回企微审批节点人员列表？
-- 各新增后台页面和按钮的最终权限编码是什么？
+- 代理在线充值创建和查询的最终权限编码是否与现有 `agent_recharge:*` 权限保持一致；导出权限编码已由接口文档确定。
 - 批量任务、导出任务、企微审批和 Gateway 超时的稳定错误码及重试语义是什么？
diff --git a/openspec/changes/update-july-iteration-frontend-integration/proposal.md b/openspec/changes/update-july-iteration-frontend-integration/proposal.md
index 460086e..d753c38 100644
--- a/openspec/changes/update-july-iteration-frontend-integration/proposal.md
+++ b/openspec/changes/update-july-iteration-frontend-integration/proposal.md
@@ -7,9 +7,13 @@
 ## What Changes
 
 - 按 `00-七月迭代实现与接口对接说明.md` 更新后台管理端的接口调用和页面展示契约。
+- 按 `产品迭代7月份/000-代理钱包扫码充值接口对接说明.md` 和 `所需接口文档/000-代理钱包扫码充值接口对接.md` 补齐代理钱包在线扫码充值、线下代充和充值导出权限的前端契约。
 - 以 `docs/所需接口文档/01-店铺.md` 至 `21-设备批量分配.md` 为接口参数、响应字段、枚举、权限和错误语义的具体来源。
 - 对资产、店铺、订单、换货、套餐、资金、系列授权、审批、通知、批量任务、导出和 Gateway 相关页面补齐前端适配要求。
 - 统一使用后端返回的实名策略、支付方式、预计到期、审批状态、金额计算结果和任务状态，不在前端重复推导。
+- 代理在线充值只提交金额、动态可用支付方式和幂等 `request_id`，用后端返回的原始 `qr_content` 渲染二维码，并按充值状态轮询到帐结果。
+- 按 `recharge_source` 区分代理在线自充与平台线下代充；线下单展示凭证和审批状态，在线单隐藏线下字段和人工审批操作。
+- 补齐代理充值列表导出入口、导出任务详情和下载的权限编码。
 - 补齐 CSV 上传模板、异步任务恢复、权限按钮、错误处理和并发冲突处理要求。
 - 明确预签名上传先取 `file_key`、再调用批量业务接口的两阶段流程，并固定批量订购、设备分配和导出任务的终态处理规则。
 - **不实施 H5/C 端页面改动**，但在规格和联调清单中标注其依赖的接口及外部工作项。
@@ -18,6 +22,6 @@
 ## Impact
 
 - Affected specs: `july-iteration-frontend-integration`
-- Affected code: 后台资产、店铺、订单、换货、套餐、代理资金、系列授权、审批配置、通知、批量任务和导出页面
+- Affected code: 后台资产、店铺、订单、换货、套餐、代理充值与资金、系列授权、审批配置、通知、批量任务和导出页面；重点涉及 `src/views/finance/agent-recharge`、`src/api/modules/agentRecharge.ts` 和 `src/types/api/agentRecharge.ts`
 - External follow-up: H5/C 端认证限制、实名流程、支付按钮、C 端订单续费、C 端通知和 C 端资产展示
 - Approval gate: 接口待确认项完成前不进入大范围实现
diff --git a/openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md b/openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md
index 230db79..929d601 100644
--- a/openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md
+++ b/openspec/changes/update-july-iteration-frontend-integration/specs/july-iteration-frontend-integration/spec.md
@@ -191,3 +191,129 @@ The admin frontend SHALL enforce the documented permission boundary for device a
 
 - **WHEN** an agent or enterprise account loads the device allocation area
 - **THEN** the frontend hides the entry and does not call `/api/admin/devices/import/tasks` or `/api/admin/devices/import/tasks/{id}`
+
+### Requirement: Agent Wallet Online Recharge Contract
+
+The admin frontend SHALL support the documented agent wallet online QR recharge flow through `/api/admin/agent-recharges/payment-methods` and `/api/admin/agent-recharges`. The available payment methods and amount limits SHALL come from the payment-methods response; the online create request SHALL contain only `amount` in integer fen, `payment_method` from the returned methods, and a required `request_id`. Online agent recharge requests MUST NOT send `shop_id`, `payment_voucher_key`, `remark`, merchant credentials, or payment configuration identifiers.
+
+#### Scenario: Load available online payment methods
+
+- **WHEN** an agent opens the online recharge dialog
+- **THEN** the frontend calls `GET /api/admin/agent-recharges/payment-methods`
+- **AND** it displays only the returned `methods` values (`wechat` and/or `alipay`)
+- **AND** it validates the integer-fen amount against the returned `min_amount` and `max_amount`
+
+#### Scenario: No online payment method is available
+
+- **WHEN** the payment-methods response returns an empty `methods` array
+- **THEN** the frontend hides or disables the submit action
+- **AND** it displays that no online payment method is currently available
+- **AND** it does not call the online create endpoint
+
+#### Scenario: Create an online QR recharge
+
+- **WHEN** an authorized agent submits a valid online recharge
+- **THEN** the frontend calls `POST /api/admin/agent-recharges` with `amount`, `payment_method`, and `request_id`
+- **AND** it converts the displayed yuan amount to an integer amount in fen before submission
+- **AND** it uses the returned `recharge_id` and does not derive the target shop or wallet from user-editable form fields
+
+#### Scenario: Render the returned QR content
+
+- **WHEN** online recharge creation succeeds with a non-empty `qr_content`
+- **THEN** the frontend passes `qr_content` unchanged to the QR-code component
+- **AND** it does not parse, concatenate, replace, upload, persist, or log the QR content
+
+### Requirement: Idempotent Online Recharge Submission
+
+The frontend SHALL preserve one `request_id` for the lifetime of one active online recharge submission. A timeout or network interruption MAY retry the same submission once with the same `request_id`, but a user-initiated new recharge MUST generate a new request ID. A conflict caused by reusing the same request ID with a different amount or payment method SHALL preserve the existing form state and require an explicit new recharge attempt.
+
+#### Scenario: Retry after an uncertain create result
+
+- **WHEN** the online create request times out or the network disconnects
+- **THEN** the frontend retries at most once with the original `request_id`
+- **AND** it does not create a new `request_id` or blindly open a second recharge dialog
+
+#### Scenario: Start a new recharge after closing the dialog
+
+- **WHEN** the user closes the QR dialog and clicks online recharge again
+- **THEN** the frontend creates a new `request_id`
+- **AND** the new amount and payment method are treated as a new active submission
+
+#### Scenario: Reused request ID conflicts
+
+- **WHEN** the backend rejects a request because the same `request_id` is paired with different recharge parameters
+- **THEN** the frontend displays the backend business message
+- **AND** it does not overwrite the original request or automatically submit another amount
+
+### Requirement: Online Payment And Wallet Arrival Polling
+
+The online QR recharge dialog SHALL poll only the documented local payment-status endpoint `GET /api/admin/agent-recharges/{id}/payment-status`. While the QR dialog is visible and the recharge is non-terminal, the frontend SHALL poll at approximately three-second intervals. The frontend SHALL stop polling when the dialog is hidden, the page is not visible, or the recharge status is `3` (completed), `4` (closed), `5` (refunded), or `6` (rejected). It MUST treat `status=2` as third-party payment completed but wallet arrival still processing; only `status=3` permits refreshing the wallet balance and recharge list.
+
+#### Scenario: Payment is waiting for the user
+
+- **WHEN** payment-status returns `status=1` and `payment_status=0`
+- **THEN** the dialog displays that the user is waiting to scan and pay
+- **AND** polling continues while the dialog is visible
+
+#### Scenario: Payment is received but wallet arrival is processing
+
+- **WHEN** payment-status returns `status=2` and `payment_status=1`
+- **THEN** the dialog displays payment success and wallet arrival processing
+- **AND** the frontend does not increase or refresh the wallet balance as completed
+- **AND** polling continues
+
+#### Scenario: Wallet arrival completes
+
+- **WHEN** payment-status returns `status=3`
+- **THEN** the frontend displays that the recharge has arrived
+- **AND** it stops polling
+- **AND** it refreshes the current wallet balance and recharge list
+
+#### Scenario: Online recharge reaches a terminal failure state
+
+- **WHEN** payment-status returns `status=4`, `status=5`, or `status=6`
+- **THEN** the frontend displays the backend status name or an appropriate failure message
+- **AND** it stops polling without automatically creating a replacement recharge
+
+### Requirement: Recharge Source And Operation Boundaries
+
+The recharge list and detail pages SHALL use `recharge_source` as the only business branch: `agent_online` for agent online self-recharge and `platform_offline` for platform offline代充. They SHALL prefer `recharge_source_name` for display and use the documented list filters `shop_id`, `status`, `recharge_source`, `start_date`, and `end_date`. Online records SHALL show payment information and payment/completion timestamps while hiding offline vouchers and manual approval operations. Offline records SHALL show vouchers, remarks, submitter, and approval status; they SHALL not show QR content or invoke the online payment-status endpoint.
+
+#### Scenario: Filter online recharge records
+
+- **WHEN** a user selects online recharge source or status filters
+- **THEN** the frontend requests `GET /api/admin/agent-recharges` with the documented filter names and values
+- **AND** it displays the backend recharge source name, amount, payment method, status, submitter, and timestamps
+
+#### Scenario: Display a platform offline recharge
+
+- **WHEN** a platform user opens a record with `recharge_source=platform_offline`
+- **THEN** the detail view displays the payment voucher, remark, submitter, and approval status
+- **AND** it does not render a QR code or start payment-status polling
+
+#### Scenario: Confirm or reject an offline recharge
+
+- **WHEN** a pending offline recharge has no WeCom approval provider or approval instance
+- **THEN** an authorized platform user MAY confirm it through `POST /api/admin/agent-recharges/{id}/offline-pay` with `operation_password`
+- **AND** an authorized platform user MAY reject it through `POST /api/admin/agent-recharges/{id}/reject` with a required `rejection_reason` of at most 500 characters
+
+#### Scenario: WeCom approval controls the offline record
+
+- **WHEN** an offline recharge has `approval_provider=wecom` or an `approval_instance_id`
+- **THEN** the frontend displays approval progress as read-only
+- **AND** it hides confirm and reject operations
+
+### Requirement: Agent Recharge Export Permissions
+
+The agent recharge list SHALL show its export entry only with `agent_recharge:export`. The export-task page SHALL protect the `agent_recharge` detail and download operations with `export_task:agent_recharge_detail` and `export_task:agent_recharge_download`, respectively. The frontend SHALL hide unauthorized controls and SHALL NOT invoke the corresponding API as a fallback.
+
+#### Scenario: An authorized user exports agent recharges
+
+- **WHEN** the current account has `agent_recharge:export`
+- **THEN** the agent recharge page displays the export entry and opens the `agent_recharge` export flow
+
+#### Scenario: An unauthorized user accesses export actions
+
+- **WHEN** the current account lacks an export permission
+- **THEN** the related entry, detail action, or download action is hidden
+- **AND** the frontend does not call the export-task detail or download endpoint
diff --git a/openspec/changes/update-july-iteration-frontend-integration/tasks.md b/openspec/changes/update-july-iteration-frontend-integration/tasks.md
index ddf1789..f224fc7 100644
--- a/openspec/changes/update-july-iteration-frontend-integration/tasks.md
+++ b/openspec/changes/update-july-iteration-frontend-integration/tasks.md
@@ -54,7 +54,17 @@
 - [x] 6.3 验证代理数据隔离、平台权限、敏感字段脱敏和财务操作审计入口。
 - [ ] 6.4 完成后台页面的接口联调、权限组合、空数据、错误、并发冲突和任务恢复验收。
 
-## 7. Explicitly Out Of Scope
+## 7. Agent Wallet QR Recharge
+
+- [ ] 7.1 Extend `AgentRecharge` types and `AgentRechargeService` for `alipay`, dynamic payment methods, amount bounds, `request_id`, `qr_content`, `payment_status`, and the documented payment-status endpoint while preserving nullable fields.
+- [ ] 7.2 Add the agent online recharge dialog flow that loads `/api/admin/agent-recharges/payment-methods`, renders only returned payment methods, validates the returned fen bounds, and disables submission when no method is available.
+- [ ] 7.3 Split online and offline create payloads; submit online recharge with only `amount`, `payment_method`, and a generated `request_id`, render the returned raw `qr_content`, and prevent leakage of shop, voucher, remark, or payment configuration fields.
+- [ ] 7.4 Implement idempotent online-create retry and conflict handling: reuse the original `request_id` for one uncertain retry, generate a new ID for a new user action, and preserve the original form on request conflicts.
+- [ ] 7.5 Implement visible-dialog payment polling with a three-second interval, stop on hidden/background or terminal status, distinguish `status=2` payment success from `status=3` wallet arrival, and refresh the wallet balance/list only after completion.
+- [ ] 7.6 Update recharge list/detail branches to use `recharge_source`, document the online/offline field visibility rules, keep offline confirmation/rejection conditional on the absence of WeCom approval, and prevent online records from invoking offline operations.
+- [ ] 7.7 Apply agent recharge export permissions: `agent_recharge:export`, `export_task:agent_recharge_detail`, and `export_task:agent_recharge_download`; add focused tests for role visibility, payload exclusion, idempotent retry, polling termination, and status transitions.
+
+## 8. Explicitly Out Of Scope
 
 - H5/C 端登录限制、实名流程、支付按钮、资产详情、订单续费和 C 端通知不在本次实现任务内。
 - H5 首页隐藏设备下 ICCID 仍按最新说明标记为不做。
diff --git a/scripts/tests/agentRechargeActions.test.mjs b/scripts/tests/agentRechargeActions.test.mjs
index d910d68..ea63813 100644
--- a/scripts/tests/agentRechargeActions.test.mjs
+++ b/scripts/tests/agentRechargeActions.test.mjs
@@ -50,13 +50,13 @@ async function importBundledActions() {
   }
 }
 
-test('pending agent recharge exposes reject action for admins with rejection permission', async () => {
+test('pending offline recharge exposes reject action for admins with rejection permission', async () => {
   const { module, cleanup } = await importBundledActions()
   const { buildAgentRechargeActions } = module
   const row = {
     id: 42,
     status: 1,
-    payment_method: 'wechat',
+    payment_method: 'offline',
     payment_voucher_key: []
   }
   const handledRows = []
@@ -108,3 +108,27 @@ test('non-pending agent recharge does not expose reject action', async () => {
     await cleanup()
   }
 })
+
+test('pending online recharge does not expose offline reject action', async () => {
+  const { module, cleanup } = await importBundledActions()
+  const { buildAgentRechargeActions } = module
+  const row = {
+    id: 42,
+    status: 1,
+    payment_method: 'wechat',
+    payment_voucher_key: []
+  }
+
+  try {
+    const actions = buildAgentRechargeActions(row, {
+      hasAuth: (permission) => permission === 'agent_recharge:reject',
+      onViewPaymentVoucher: () => {},
+      onConfirmPayment: () => {},
+      onReject: () => {}
+    })
+
+    assert.deepEqual(actions, [])
+  } finally {
+    await cleanup()
+  }
+})
diff --git a/scripts/tests/agentRechargeOnline.test.mjs b/scripts/tests/agentRechargeOnline.test.mjs
new file mode 100644
index 0000000..bee89b5
--- /dev/null
+++ b/scripts/tests/agentRechargeOnline.test.mjs
@@ -0,0 +1,72 @@
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { mkdtemp, rm, stat } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { pathToFileURL } from 'node:url'
+import * as esbuild from 'esbuild'
+
+async function importBundledOnlineHelpers() {
+  const tempDir = await mkdtemp(join(tmpdir(), 'agent-recharge-online-'))
+  const bundlePath = join(tempDir, 'agentRechargeOnline.mjs')
+
+  await esbuild.build({
+    entryPoints: ['src/views/finance/agent-recharge/agentRechargeOnline.ts'],
+    bundle: true,
+    outfile: bundlePath,
+    format: 'esm',
+    platform: 'node',
+    absWorkingDir: process.cwd(),
+    plugins: [
+      {
+        name: 'alias-src',
+        setup(build) {
+          build.onResolve({ filter: /^@\// }, async (args) => {
+            const resolvedPath = join(process.cwd(), 'src', args.path.slice(2))
+            try {
+              if ((await stat(resolvedPath)).isDirectory())
+                return { path: join(resolvedPath, 'index.ts') }
+            } catch {
+              // Let esbuild report the original resolution failure.
+            }
+            return { path: resolvedPath }
+          })
+        }
+      }
+    ]
+  })
+
+  const module = await import(pathToFileURL(bundlePath).href)
+  return {
+    module,
+    cleanup: () => rm(tempDir, { recursive: true, force: true })
+  }
+}
+
+test('online recharge helpers convert yuan to integer fen and identify terminal states', async () => {
+  const { module, cleanup } = await importBundledOnlineHelpers()
+
+  try {
+    assert.equal(module.amountYuanToFen(100.01), 10001)
+    assert.equal(module.isOnlineRechargeTerminal(1), false)
+    assert.equal(module.isOnlineRechargeTerminal(2), false)
+    assert.equal(module.isOnlineRechargeTerminal(3), true)
+    assert.equal(module.isOnlineRechargeTerminal(6), true)
+  } finally {
+    await cleanup()
+  }
+})
+
+test('online recharge request IDs are unique and namespaced', async () => {
+  const { module, cleanup } = await importBundledOnlineHelpers()
+
+  try {
+    const first = module.createOnlineRechargeRequestId()
+    const second = module.createOnlineRechargeRequestId()
+    assert.match(first, /^recharge-/)
+    assert.match(second, /^recharge-/)
+    assert.notEqual(first, second)
+  } finally {
+    await cleanup()
+  }
+})
diff --git a/scripts/tests/agentRechargeService.test.mjs b/scripts/tests/agentRechargeService.test.mjs
index 0179c7f..6010096 100644
--- a/scripts/tests/agentRechargeService.test.mjs
+++ b/scripts/tests/agentRechargeService.test.mjs
@@ -20,6 +20,17 @@ test('agent recharge rejection posts the rejection reason to the order rejection
         post(options) {
           calls.push(options)
           return Promise.resolve({ code: 0, data: undefined })
+        },
+        get(options) {
+          calls.push(options)
+          return Promise.resolve({
+            code: 0,
+            data: {
+              methods: ['wechat', 'alipay'],
+              min_amount: 10000,
+              max_amount: 100000000
+            }
+          })
         }
       }
     `,
@@ -53,6 +64,8 @@ test('agent recharge rejection posts the rejection reason to the order rejection
     await AgentRechargeService.rejectAgentRecharge(42, {
       rejection_reason: '支付凭证不符合要求'
     })
+    await AgentRechargeService.getPaymentMethods()
+    await AgentRechargeService.getPaymentStatus(42)
 
     assert.deepEqual(calls, [
       {
@@ -60,6 +73,14 @@ test('agent recharge rejection posts the rejection reason to the order rejection
         data: {
           rejection_reason: '支付凭证不符合要求'
         }
+      },
+      {
+        url: '/api/admin/agent-recharges/payment-methods',
+        params: undefined
+      },
+      {
+        url: '/api/admin/agent-recharges/42/payment-status',
+        params: undefined
       }
     ])
   } finally {
diff --git a/src/api/modules/agentRecharge.ts b/src/api/modules/agentRecharge.ts
index 84413ca..84e87b9 100644
--- a/src/api/modules/agentRecharge.ts
+++ b/src/api/modules/agentRecharge.ts
@@ -8,12 +8,23 @@ import type {
   AgentRechargeQueryParams,
   AgentRechargeListResponse,
   CreateAgentRechargeRequest,
+  AgentRechargePaymentMethods,
+  AgentRechargePaymentStatusResponse,
   ConfirmOfflinePaymentRequest,
   RejectAgentRechargeRequest,
   BaseResponse
 } from '@/types/api'
 
 export class AgentRechargeService extends BaseService {
+  /**
+   * 获取代理在线充值可用支付方式和金额限制
+   */
+  static getPaymentMethods(): Promise<BaseResponse<AgentRechargePaymentMethods>> {
+    return this.get<BaseResponse<AgentRechargePaymentMethods>>(
+      '/api/admin/agent-recharges/payment-methods'
+    )
+  }
+
   /**
    * 获取代理充值订单列表
    * @param params 查询参数
@@ -32,6 +43,15 @@ export class AgentRechargeService extends BaseService {
     return this.getOne<AgentRecharge>(`/api/admin/agent-recharges/${id}`)
   }
 
+  /**
+   * 查询在线充值支付及钱包到账状态
+   */
+  static getPaymentStatus(id: number): Promise<BaseResponse<AgentRechargePaymentStatusResponse>> {
+    return this.getOne<AgentRechargePaymentStatusResponse>(
+      `/api/admin/agent-recharges/${id}/payment-status`
+    )
+  }
+
   /**
    * 创建代理充值订单
    * @param data 创建充值订单请求参数
diff --git a/src/components/business/SeriesGrantPackageDialog.vue b/src/components/business/SeriesGrantPackageDialog.vue
new file mode 100644
index 0000000..9a22a53
--- /dev/null
+++ b/src/components/business/SeriesGrantPackageDialog.vue
@@ -0,0 +1,290 @@
+<template>
+  <ElDialog
+    v-model="dialogVisible"
+    :title="props.dialogType === 'add' ? '添加套餐' : '编辑套餐'"
+    width="40%"
+    :close-on-click-modal="false"
+    @closed="emit('closed')"
+  >
+    <ElForm ref="formRef" :model="props.form" :rules="props.rules" label-width="130px">
+      <ElFormItem v-if="props.dialogType === 'add'" label="选择套餐" prop="package_ids">
+        <ElSelect
+          :model-value="props.form.package_ids"
+          @update:model-value="updateForm({ package_ids: $event })"
+          placeholder="请选择套餐（可多选）"
+          style="width: 100%"
+          filterable
+          remote
+          :remote-method="(query: string) => emit('search', query)"
+          :loading="props.packageLoading"
+          clearable
+          multiple
+          :multiple-limit="100"
+          popper-class="package-select-dropdown"
+        >
+          <template
+            v-if="props.availablePackages.length === 0 && !props.packageLoading && props.hasSeries"
+          >
+            <ElOption disabled value="" label="该系列没有可选套餐" />
+          </template>
+          <ElOption
+            v-for="pkg in props.availablePackages"
+            :key="pkg.id"
+            :label="getPackageOptionLabel(pkg)"
+            :value="pkg.id"
+            :disabled="pkg.is_authorized"
+          />
+        </ElSelect>
+      </ElFormItem>
+
+      <ElFormItem
+        v-if="props.dialogType === 'add' && props.form.packages.length"
+        label="套餐配置"
+        prop="packages"
+      >
+        <div class="package-config-list">
+          <div v-for="pkg in props.form.packages" :key="pkg.package_id" class="package-config-item">
+            <div class="package-config-name" :title="pkg.package_name || ''">
+              {{ pkg.package_name || '套餐名称不可用' }}
+            </div>
+            <div class="package-config-cost">
+              <span class="package-config-field-label">套餐成本价（元）</span>
+              <ElInputNumber
+                :model-value="pkg.cost_price_yuan"
+                :min="pkg.original_cost_price || 0"
+                :max="getPackageCostPriceMax(pkg)"
+                :precision="2"
+                :step="0.01"
+                :controls="false"
+                placeholder="请输入成本价"
+                style="width: 150px"
+                @update:model-value="updatePackageCost(pkg.package_id, $event)"
+              />
+            </div>
+          </div>
+        </div>
+      </ElFormItem>
+
+      <ElFormItem v-if="props.dialogType === 'edit'" label="套餐名称">
+        <span>{{ props.form.package_name }}</span>
+      </ElFormItem>
+      <ElFormItem v-if="props.dialogType === 'edit'" label="套餐编码">
+        <span>{{ props.form.package_code }}</span>
+      </ElFormItem>
+
+      <ElFormItem v-if="props.dialogType === 'edit'" label="成本价(元)" prop="cost_price_yuan">
+        <ElInputNumber
+          :model-value="props.form.cost_price_yuan"
+          :precision="2"
+          :step="0.01"
+          :controls="false"
+          style="width: 100%"
+          placeholder="请输入成本价"
+          @update:model-value="updateForm({ cost_price_yuan: $event ?? 0 })"
+        />
+        <div v-if="props.form.original_cost_price" class="form-tip">
+          请参考{{ props.form.package_name || '套餐' }} - 套餐成本价: ¥{{
+            props.form.original_cost_price.toFixed(2)
+          }}
+        </div>
+      </ElFormItem>
+
+      <ElFormItem v-if="props.dialogType === 'add' || props.canUpdateExpiryBase" label="生效条件">
+        <ElSelect
+          :model-value="props.form.expiry_base_override"
+          placeholder="请选择生效条件"
+          style="width: 100%"
+          @update:model-value="updateForm({ expiry_base_override: $event })"
+        >
+          <ElOption label="跟随套餐默认" value="default" />
+          <ElOption label="购买即生效" value="from_purchase" />
+          <ElOption label="实名激活时生效" value="from_activation" />
+        </ElSelect>
+        <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
+      </ElFormItem>
+
+      <template v-if="props.dialogType === 'edit'">
+        <ElFormItem label="套餐默认生效条件">
+          {{ props.form.default_expiry_base_name || '-' }}
+        </ElFormItem>
+        <ElFormItem label="覆盖生效条件">
+          {{ props.form.expiry_base_override_name || '跟随套餐默认' }}
+        </ElFormItem>
+        <ElFormItem label="最终生效条件">
+          {{ props.form.effective_expiry_base_name || '-' }}
+        </ElFormItem>
+      </template>
+    </ElForm>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <ElButton @click="dialogVisible = false">取消</ElButton>
+        <ElButton type="primary" :loading="props.submitLoading" @click="handleSubmit">
+          保存
+        </ElButton>
+      </div>
+    </template>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+  import { computed, nextTick, ref, watch } from 'vue'
+  import {
+    ElButton,
+    ElDialog,
+    ElForm,
+    ElFormItem,
+    ElInputNumber,
+    ElOption,
+    ElSelect,
+    type FormInstance,
+    type FormRules
+  } from 'element-plus'
+  import type {
+    GrantPackageCandidate,
+    SeriesGrantPackageForm
+  } from '@/utils/business/seriesGrantPackage'
+
+  const props = withDefaults(
+    defineProps<{
+      modelValue: boolean
+      dialogType: 'add' | 'edit'
+      form: SeriesGrantPackageForm
+      rules: FormRules
+      availablePackages: GrantPackageCandidate[]
+      packageLoading?: boolean
+      submitLoading?: boolean
+      canUpdateExpiryBase?: boolean
+      hasSeries?: boolean
+    }>(),
+    {
+      packageLoading: false,
+      submitLoading: false,
+      canUpdateExpiryBase: false,
+      hasSeries: false
+    }
+  )
+
+  const emit = defineEmits<{
+    'update:modelValue': [value: boolean]
+    'update:form': [form: SeriesGrantPackageForm]
+    search: [query: string]
+    submit: []
+    closed: []
+  }>()
+
+  const formRef = ref<FormInstance>()
+  const dialogVisible = computed({
+    get: () => props.modelValue,
+    set: (value: boolean) => emit('update:modelValue', value)
+  })
+
+  const formatPackageOptionPrice = (price?: number | null) => {
+    if (price === undefined || price === null) return '未配置'
+    return `¥${(price / 100).toFixed(2)}`
+  }
+
+  const getPackageOptionLabel = (pkg: GrantPackageCandidate) => {
+    const packageName = pkg.package_name || '套餐名称不可用'
+    return `${packageName} - 成本价 ${formatPackageOptionPrice(pkg.cost_price)} - 建议售价 ${formatPackageOptionPrice(pkg.suggested_retail_price)}`
+  }
+
+  const getPackageCostPriceMax = (pkg: {
+    original_cost_price?: number
+    suggested_retail_price?: number | null
+  }) => {
+    if (pkg.suggested_retail_price !== undefined && pkg.suggested_retail_price !== null) {
+      return Number((pkg.suggested_retail_price * 1.5).toFixed(2))
+    }
+    if (pkg.original_cost_price !== undefined && pkg.original_cost_price !== null) {
+      return Number((pkg.original_cost_price * 1.5).toFixed(2))
+    }
+    return undefined
+  }
+
+  const updateForm = (values: Partial<SeriesGrantPackageForm>) => {
+    emit('update:form', { ...props.form, ...values })
+  }
+
+  const updatePackageCost = (packageId: number, costPrice: number | undefined) => {
+    updateForm({
+      packages: props.form.packages.map((pkg) =>
+        pkg.package_id === packageId ? { ...pkg, cost_price_yuan: costPrice ?? 0 } : pkg
+      )
+    })
+  }
+
+  const handleSubmit = async () => {
+    if (!formRef.value) return
+    try {
+      const valid = await formRef.value.validate()
+      if (valid) emit('submit')
+    } catch {
+      // 表单校验失败时由表单项展示提示
+    }
+  }
+
+  watch(
+    () => props.modelValue,
+    (visible) => {
+      if (visible) nextTick(() => formRef.value?.clearValidate())
+    }
+  )
+</script>
+
+<style scoped lang="scss">
+  .form-tip {
+    margin-top: 4px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+  }
+
+  :global(.package-select-dropdown .el-select-dropdown__item) {
+    height: auto;
+    min-height: 34px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    line-height: 1.5;
+    white-space: normal;
+  }
+
+  .package-config-list {
+    width: 100%;
+  }
+
+  .package-config-item {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    margin-bottom: 10px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .package-config-name {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .package-config-cost {
+    display: flex;
+    flex-shrink: 0;
+    gap: 8px;
+    align-items: center;
+  }
+
+  .package-config-field-label {
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+    white-space: nowrap;
+  }
+
+  .dialog-footer {
+    text-align: right;
+  }
+</style>
diff --git a/src/components/business/SeriesGrantPackageTable.vue b/src/components/business/SeriesGrantPackageTable.vue
new file mode 100644
index 0000000..327b651
--- /dev/null
+++ b/src/components/business/SeriesGrantPackageTable.vue
@@ -0,0 +1,80 @@
+<template>
+  <ElTable
+    v-loading="props.loading"
+    :data="props.data"
+    row-key="package_id"
+    border
+    stripe
+    :empty-text="props.emptyText"
+  >
+    <ElTableColumn prop="package_name" label="套餐名称" min-width="220" show-overflow-tooltip />
+    <ElTableColumn prop="package_code" label="套餐编码" min-width="180" show-overflow-tooltip />
+    <ElTableColumn label="成本价" width="120">
+      <template #default="{ row }">
+        <span class="amount-value">¥{{ (row.cost_price / 100).toFixed(2) }}</span>
+      </template>
+    </ElTableColumn>
+    <ElTableColumn label="套餐默认生效条件" min-width="150">
+      <template #default="{ row }">
+        {{ row.default_expiry_base_name || '-' }}
+      </template>
+    </ElTableColumn>
+    <ElTableColumn label="覆盖生效条件" min-width="150">
+      <template #default="{ row }">
+        {{ row.expiry_base_override_name || '跟随套餐默认' }}
+      </template>
+    </ElTableColumn>
+    <ElTableColumn label="最终生效条件" min-width="150">
+      <template #default="{ row }">
+        {{ row.effective_expiry_base_name || '-' }}
+      </template>
+    </ElTableColumn>
+    <ElTableColumn label="上架状态" width="100" 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 v-if="props.showActions" label="操作" :width="props.actionsWidth" fixed="right">
+      <template #default="{ row }">
+        <slot name="actions" :row="row" />
+      </template>
+    </ElTableColumn>
+  </ElTable>
+</template>
+
+<script setup lang="ts">
+  import { ElTable, ElTableColumn, ElTag } from 'element-plus'
+  import type { GrantPackageInfo } from '@/types/api'
+
+  const props = withDefaults(
+    defineProps<{
+      data: GrantPackageInfo[]
+      loading?: boolean
+      emptyText?: string
+      showActions?: boolean
+      actionsWidth?: number | string
+    }>(),
+    {
+      loading: false,
+      emptyText: '暂无套餐',
+      showActions: false,
+      actionsWidth: 240
+    }
+  )
+</script>
+
+<style scoped lang="scss">
+  .amount-value {
+    font-weight: 600;
+    color: var(--el-color-warning);
+  }
+</style>
diff --git a/src/components/business/ShopCreditLimitDialog.vue b/src/components/business/ShopCreditLimitDialog.vue
new file mode 100644
index 0000000..93a9b39
--- /dev/null
+++ b/src/components/business/ShopCreditLimitDialog.vue
@@ -0,0 +1,242 @@
+<template>
+  <ElDialog
+    v-model="dialogVisible"
+    :title="`调整实际信用额度 - ${currentShop?.shop_name || ''}`"
+    width="520px"
+    :close-on-click-modal="false"
+    @closed="resetDialog"
+  >
+    <ElDescriptions :column="1" border class="credit-preview">
+      <ElDescriptionsItem label="店铺名称">
+        {{ currentShop?.shop_name || '-' }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="当前版本">
+        {{ currentShop?.version ?? '-' }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="修改前">
+        {{ formatCreditPreview(currentShop?.credit_enabled, currentShop?.credit_limit) }}
+      </ElDescriptionsItem>
+      <ElDescriptionsItem label="修改后">
+        {{ formatCreditPreview(creditForm.credit_enabled, creditLimitFen) }}
+      </ElDescriptionsItem>
+    </ElDescriptions>
+
+    <ElAlert
+      title="实际可用金额、欠款金额和欠款状态以后端刷新后的资金概况为准。"
+      type="info"
+      :closable="false"
+      show-icon
+      class="credit-dialog-alert"
+    />
+
+    <ElForm ref="creditFormRef" :model="creditForm" :rules="creditRules" label-width="110px">
+      <ElFormItem label="启用信用">
+        <ElSwitch v-model="creditForm.credit_enabled" @change="handleCreditEnabledChange" />
+      </ElFormItem>
+      <ElFormItem label="实际信用额度" prop="credit_limit_yuan">
+        <ElInputNumber
+          v-model="creditForm.credit_limit_yuan"
+          :disabled="!creditForm.credit_enabled"
+          :min="0"
+          :precision="2"
+          :step="100"
+          controls-position="right"
+          style="width: 100%"
+          placeholder="请输入实际信用额度"
+        />
+        <div class="credit-dialog-tip">单位：元；关闭信用时额度将自动归零</div>
+      </ElFormItem>
+    </ElForm>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <ElButton @click="dialogVisible = false">取消</ElButton>
+        <ElButton type="primary" :loading="submitting" @click="handleSubmit">确认调整</ElButton>
+      </div>
+    </template>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+  import { computed, nextTick, reactive, ref, watch } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { CommissionService, ShopService } from '@/api/modules'
+  import type { ShopFundSummaryItem } from '@/types/api/commission'
+  import { fenToYuan, formatMoney, yuanToFen } from '@/utils/business/format'
+  import { normalizeApiError } from '@/utils/business/apiError'
+
+  const props = defineProps<{
+    modelValue: boolean
+    shop: ShopFundSummaryItem | null
+  }>()
+
+  const emit = defineEmits<{
+    'update:modelValue': [value: boolean]
+    submitted: []
+  }>()
+
+  const dialogVisible = computed({
+    get: () => props.modelValue,
+    set: (value: boolean) => emit('update:modelValue', value)
+  })
+
+  const creditFormRef = ref<FormInstance>()
+  const submitting = ref(false)
+  const currentShop = ref<ShopFundSummaryItem | null>(null)
+  const creditForm = reactive({
+    credit_enabled: false,
+    credit_limit_yuan: 0
+  })
+
+  const creditLimitFen = computed(() =>
+    creditForm.credit_enabled ? yuanToFen(creditForm.credit_limit_yuan) || 0 : 0
+  )
+
+  const creditRules = computed<FormRules>(() => ({
+    credit_limit_yuan: [
+      {
+        validator: (
+          _rule: unknown,
+          value: number | undefined,
+          callback: (error?: Error) => void
+        ) => {
+          if (!creditForm.credit_enabled) {
+            callback()
+            return
+          }
+          if (value === undefined || value === null || Number.isNaN(value)) {
+            callback(new Error('请输入实际信用额度'))
+            return
+          }
+          if (value <= 0) {
+            callback(new Error('实际信用额度必须大于0'))
+            return
+          }
+          callback()
+        },
+        trigger: 'blur'
+      }
+    ]
+  }))
+
+  const formatCreditPreview = (enabled?: boolean, creditLimit?: number) =>
+    enabled ? `启用 / ${formatMoney(creditLimit || 0)}` : '关闭 / ¥0.00'
+
+  const syncForm = (summary: ShopFundSummaryItem) => {
+    creditForm.credit_enabled = Boolean(summary.credit_enabled)
+    creditForm.credit_limit_yuan = summary.credit_enabled ? fenToYuan(summary.credit_limit) : 0
+    nextTick(() => creditFormRef.value?.clearValidate())
+  }
+
+  watch(
+    () => [props.modelValue, props.shop] as const,
+    ([visible, shop]) => {
+      if (visible && shop) {
+        currentShop.value = shop
+        syncForm(shop)
+      }
+    },
+    { immediate: true }
+  )
+
+  const handleCreditEnabledChange = (enabled: boolean | string | number) => {
+    if (!enabled) {
+      creditForm.credit_limit_yuan = 0
+      creditFormRef.value?.clearValidate('credit_limit_yuan')
+    }
+  }
+
+  const resetDialog = () => {
+    creditFormRef.value?.resetFields()
+    currentShop.value = null
+    creditForm.credit_enabled = false
+    creditForm.credit_limit_yuan = 0
+  }
+
+  const loadLatestSummary = async () => {
+    if (!currentShop.value) return null
+    const res = await CommissionService.getShopFundSummary({
+      page: 1,
+      page_size: 100,
+      shop_name: currentShop.value.shop_name
+    })
+    if (res.code !== 0) return null
+    return (
+      (res.data.items || []).find((item) => item.shop_id === currentShop.value?.shop_id) || null
+    )
+  }
+
+  const isConflict = (error: unknown) => {
+    const normalized = normalizeApiError(error)
+    return normalized.kind === 'conflict' || normalized.status === 409
+  }
+
+  const handleSubmit = async () => {
+    if (!currentShop.value || !creditFormRef.value) return
+
+    try {
+      await creditFormRef.value.validate()
+    } catch {
+      return
+    }
+
+    submitting.value = true
+    try {
+      const res = await ShopService.updateShopCreditLimit(currentShop.value.shop_id, {
+        credit_enabled: creditForm.credit_enabled,
+        credit_limit: creditLimitFen.value,
+        version: currentShop.value.version
+      })
+
+      if (res.code === 0) {
+        ElMessage.success('实际信用额度调整成功')
+        dialogVisible.value = false
+        emit('submitted')
+        return
+      }
+
+      if (res.code === 409) {
+        const latest = await loadLatestSummary()
+        if (latest) {
+          currentShop.value = latest
+          syncForm(latest)
+        }
+        ElMessage.warning('资金概况已被其他操作更新，已刷新最新版本；请确认后重新提交')
+        return
+      }
+
+      ElMessage.error(res.msg || '实际信用额度调整失败')
+    } catch (error) {
+      if (isConflict(error)) {
+        const latest = await loadLatestSummary()
+        if (latest) {
+          currentShop.value = latest
+          syncForm(latest)
+        }
+        ElMessage.warning('资金概况已被其他操作更新，已刷新最新版本；请确认后重新提交')
+      } else {
+        ElMessage.error(normalizeApiError(error).message)
+      }
+    } finally {
+      submitting.value = false
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .credit-preview {
+    margin-bottom: 16px;
+  }
+
+  .credit-dialog-alert {
+    margin-bottom: 16px;
+  }
+
+  .credit-dialog-tip {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.4;
+    color: var(--el-text-color-secondary);
+  }
+</style>
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index cf38408..3094cf0 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -400,17 +400,6 @@ export const asyncRoutes: AppRouteRecord[] = [
           keepAlive: false
         }
       },
-      // 授权记录详情（放在 asset-management 层级）
-      {
-        path: 'record-management/authorization-records/detail/:id',
-        name: 'AuthorizationRecordDetail',
-        component: RoutesAlias.AuthorizationRecordDetail,
-        meta: {
-          title: 'menus.assetManagement.authorizationRecordDetail',
-          isHide: true,
-          keepAlive: false
-        }
-      },
       // 任务管理
       {
         path: 'task-management',
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 6e06647..fb73378 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -52,7 +52,6 @@ export enum RoutesAlias {
 
   // 记录管理
   AuthorizationRecords = '/asset-management/record-management/authorization-records', // 授权记录
-  AuthorizationRecordDetail = '/asset-management/record-management/authorization-records/detail', // 授权记录详情
   AssetAssign = '/asset-management/record-management/asset-assign', // 分配记录
   AssetAssignDetail = '/asset-management/record-management/asset-assign/detail', // 分配记录详情
 
diff --git a/src/types/api/account.ts b/src/types/api/account.ts
index 4a0b34a..00ea592 100644
--- a/src/types/api/account.ts
+++ b/src/types/api/account.ts
@@ -26,6 +26,10 @@ export interface PlatformAccount {
   enterprise_name?: string // ⭐ 新增：企业名称
   shop_id?: number | null // 关联店铺ID
   shop_name?: string // ⭐ 新增：店铺名称
+  wecom_bound?: boolean // 是否已绑定企业微信账号
+  wecom_corp_id?: string // 企业微信 CorpID
+  wecom_name?: string // 企业微信成员名称
+  wecom_userid?: string // 企业微信成员 UserID
   status: AccountStatus // 状态 (0:禁用, 1:启用)
 }
 
diff --git a/src/types/api/agentRecharge.ts b/src/types/api/agentRecharge.ts
index 06165eb..e8b45e1 100644
--- a/src/types/api/agentRecharge.ts
+++ b/src/types/api/agentRecharge.ts
@@ -13,10 +13,17 @@ export enum AgentRechargeStatus {
 }
 
 // 支付方式
-export type AgentRechargePaymentMethod = 'wechat' | 'offline'
+export type AgentRechargeOnlinePaymentMethod = 'wechat' | 'alipay'
+export type AgentRechargePaymentMethod = AgentRechargeOnlinePaymentMethod | 'offline'
+
+// 充值来源
+export type AgentRechargeSource = 'agent_online' | 'platform_offline'
+
+// 第三方支付状态
+export type AgentRechargePaymentStatus = 0 | 1 | 2 | 3
 
 // 支付通道
-export type AgentRechargePaymentChannel = 'wechat_direct' | 'fuyou' | 'offline'
+export type AgentRechargePaymentChannel = string
 
 // 代理充值订单
 export interface AgentRecharge {
@@ -31,7 +38,14 @@ export interface AgentRecharge {
   payment_method: AgentRechargePaymentMethod
   payment_channel: AgentRechargePaymentChannel
   payment_config_id: number | null
-  payment_transaction_id: string
+  payment_transaction_id: string | null
+  payment_no?: string | null
+  request_id?: string | null
+  qr_content?: string | null
+  payment_status?: AgentRechargePaymentStatus | null
+  payment_status_name?: string | null
+  recharge_source?: AgentRechargeSource | null
+  recharge_source_name?: string | null
   payment_voucher_key?: string[] | string // 凭证附件列表；历史数据可能为单字符串或逗号字符串
   rejection_reason?: string | null // 拒绝原因
   remark?: string // 运营备注
@@ -57,6 +71,7 @@ export interface AgentRechargeQueryParams {
   page_size?: number
   shop_id?: number
   status?: AgentRechargeStatus
+  recharge_source?: AgentRechargeSource
   start_date?: string
   end_date?: string
   dateRange?: string[] // For date range picker in UI
@@ -72,14 +87,45 @@ export interface AgentRechargeListResponse {
 }
 
 // 创建代理充值订单请求
-export interface CreateAgentRechargeRequest {
+export interface CreateAgentRechargeOnlineRequest {
   amount: number // 充值金额（单位：分），最小 1（即 ¥0.01）
-  payment_method: AgentRechargePaymentMethod
+  payment_method: AgentRechargeOnlinePaymentMethod
+  request_id: string
+}
+
+export interface CreateAgentRechargeOfflineRequest {
+  amount: number // 充值金额（单位：分），最小 1（即 ¥0.01）
+  payment_method: 'offline'
   shop_id: number
-  payment_voucher_key?: string[] // 线下支付凭证附件列表（payment_method=offline 时必填）
+  payment_voucher_key: string[] // 线下支付凭证附件列表（payment_method=offline 时必填）
   remark?: string // 运营备注，最多 1000 字
 }
 
+export type CreateAgentRechargeRequest =
+  | CreateAgentRechargeOnlineRequest
+  | CreateAgentRechargeOfflineRequest
+
+// 在线充值可用支付方式和金额范围
+export interface AgentRechargePaymentMethods {
+  methods: AgentRechargeOnlinePaymentMethod[]
+  min_amount: number
+  max_amount: number
+}
+
+// 在线充值支付及钱包到账状态
+export interface AgentRechargePaymentStatusResponse {
+  recharge_id: number
+  recharge_no: string
+  recharge_source: AgentRechargeSource
+  recharge_source_name?: string | null
+  status: AgentRechargeStatus
+  status_name?: string | null
+  payment_status: AgentRechargePaymentStatus
+  payment_status_name?: string | null
+  paid_at: string | null
+  completed_at: string | null
+}
+
 // 确认线下充值请求
 export interface ConfirmOfflinePaymentRequest {
   operation_password: string
diff --git a/src/types/api/systemConfig.ts b/src/types/api/systemConfig.ts
index 645484c..6fcf653 100644
--- a/src/types/api/systemConfig.ts
+++ b/src/types/api/systemConfig.ts
@@ -17,7 +17,7 @@ export interface SystemConfigItem {
   value_type: SystemConfigValueType
   description: string
   control: string
-  enum_values: string[]
+  enum_values?: string[]
   min: number | null
   max: number | null
   readonly: boolean
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index e898e2d..4e17e70 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -148,9 +148,12 @@ declare module 'vue' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SectionTitle: typeof import('./../components/core/layouts/art-settings-panel/widget/SectionTitle.vue')['default']
+    SeriesGrantPackageDialog: typeof import('./../components/business/SeriesGrantPackageDialog.vue')['default']
+    SeriesGrantPackageTable: typeof import('./../components/business/SeriesGrantPackageTable.vue')['default']
     SettingDrawer: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingDrawer.vue')['default']
     SettingHeader: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingHeader.vue')['default']
     SettingItem: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingItem.vue')['default']
+    ShopCreditLimitDialog: typeof import('./../components/business/ShopCreditLimitDialog.vue')['default']
     SidebarSubmenu: typeof import('./../components/core/layouts/art-menus/art-sidebar-menu/widget/SidebarSubmenu.vue')['default']
     SpeedLimitDialog: typeof import('./../components/device/SpeedLimitDialog.vue')['default']
     SwitchCardDialog: typeof import('./../components/device/SwitchCardDialog.vue')['default']
diff --git a/src/utils/business/seriesGrantPackage.ts b/src/utils/business/seriesGrantPackage.ts
index 7372c40..81fafed 100644
--- a/src/utils/business/seriesGrantPackage.ts
+++ b/src/utils/business/seriesGrantPackage.ts
@@ -1,4 +1,36 @@
-import type { GrantPackageInfo, PackageResponse } from '@/types/api'
+import type {
+  GrantPackageInfo,
+  PackageAllocationExpiryBaseOverride,
+  PackageResponse
+} from '@/types/api'
+
+export type ExpiryBaseSelection = PackageAllocationExpiryBaseOverride | 'default'
+
+export type PackageCostFormItem = {
+  package_id: number
+  package_name?: string
+  package_code?: string
+  cost_price_yuan: number
+  original_cost_price?: number
+  suggested_retail_price?: number
+}
+
+export type SeriesGrantPackageForm = {
+  package_id?: number
+  allocation_id?: number
+  package_ids: number[]
+  package_name?: string
+  package_code?: string
+  cost_price_yuan: number
+  original_cost_price?: number
+  suggested_retail_price?: number
+  expiry_base_override: ExpiryBaseSelection
+  initial_expiry_base_override: ExpiryBaseSelection
+  default_expiry_base_name?: string | null
+  expiry_base_override_name?: string | null
+  effective_expiry_base_name?: string | null
+  packages: PackageCostFormItem[]
+}
 
 export interface GrantPackageCandidate {
   id: number
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index 32a91e9..cd25acd 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -512,6 +512,8 @@
     { label: '账号类型', prop: 'user_type' },
     { label: '店铺名称', prop: 'shop_name' },
     { label: '企业名称', prop: 'enterprise_name' },
+    { label: '企微绑定', prop: 'wecom_bound' },
+    { label: '企微用户名称', prop: 'wecom_name' },
     ...(canModifyAccountStatus ? [{ label: '状态', prop: 'status' }] : []),
     { label: '创建时间', prop: 'created_at' }
   ]
@@ -620,6 +622,21 @@
         return row.enterprise_name || '-'
       }
     },
+    {
+      prop: 'wecom_bound',
+      label: '企微绑定',
+      width: 100,
+      formatter: (row: any) =>
+        h(ElTag, { type: row.wecom_bound ? 'success' : 'info', size: 'small' }, () =>
+          row.wecom_bound ? '已绑定' : '未绑定'
+        )
+    },
+    {
+      prop: 'wecom_name',
+      label: '企微用户名称',
+      minWidth: 130,
+      formatter: (row: any) => row.wecom_name || '-'
+    },
     ...(canModifyAccountStatus
       ? [
           {
@@ -688,7 +705,7 @@
     return actions
   }
 
-  const showWecomBindingDialog = (row: any) => {
+  const showWecomBindingDialog = async (row: any) => {
     if (row.user_type !== 2) {
       ElMessage.warning('只有平台用户可以绑定企微账号')
       return
@@ -699,7 +716,17 @@
     wecomBindingForm.userid = ''
     wecomMembers.value = []
     wecomBindingDialogVisible.value = true
-    void loadWecomApplications()
+    await loadWecomApplications()
+
+    if (row.wecom_bound && row.wecom_corp_id) {
+      const boundApplication = wecomApplications.value.find(
+        (application) => application.corp_id === row.wecom_corp_id
+      )
+      if (boundApplication) {
+        wecomBindingForm.application_id = boundApplication.id
+        await handleWecomApplicationChange(boundApplication.id, row.wecom_userid || '')
+      }
+    }
   }
 
   const loadWecomApplications = async () => {
@@ -712,8 +739,8 @@
     }
   }
 
-  const handleWecomApplicationChange = async (applicationId?: number) => {
-    wecomBindingForm.userid = ''
+  const handleWecomApplicationChange = async (applicationId?: number, selectedUserid = '') => {
+    wecomBindingForm.userid = selectedUserid
     wecomMembers.value = []
     if (!applicationId) return
 
@@ -723,7 +750,15 @@
         page: 1,
         page_size: 100
       })
-      if (response.code === 0) wecomMembers.value = response.data.items || []
+      if (response.code === 0) {
+        wecomMembers.value = response.data.items || []
+        if (
+          selectedUserid &&
+          !wecomMembers.value.some((member) => member.userid === selectedUserid)
+        ) {
+          wecomBindingForm.userid = selectedUserid
+        }
+      }
     } finally {
       wecomMembersLoading.value = false
     }
@@ -753,6 +788,7 @@
       if (response.code === 0) {
         ElMessage.success('账号企微绑定成功')
         wecomBindingDialogVisible.value = false
+        await getAccountList()
       }
     } finally {
       wecomBindingSubmitting.value = false
diff --git a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
index 6697835..04a2785 100644
--- a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
@@ -11,6 +11,7 @@
       <ElFormItem label="固定档位" prop="code">
         <ElSelect
           v-model="form.code"
+          placeholder="请选择限速档位"
           style="width: 100%"
           :teleported="true"
           append-to="body"
@@ -50,9 +51,11 @@
     confirmLoading?: boolean
   }
 
+  type SpeedTierCode = -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
+
   interface Emits {
     (e: 'update:modelValue', value: boolean): void
-    (e: 'confirm', data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }): void
+    (e: 'confirm', data: { code: SpeedTierCode }): void
   }
 
   const props = withDefaults(defineProps<Props>(), {
@@ -74,7 +77,7 @@
     { code: 8, label: '100Mbps' }
   ] as const
 
-  const form = reactive({ code: 3 as (typeof speedTiers)[number]['code'] })
+  const form = reactive<{ code: SpeedTierCode | undefined }>({ code: undefined })
 
   const rules: FormRules = {
     code: [{ required: true, message: '请选择限速档位', trigger: 'change' }]
@@ -97,7 +100,7 @@
     (newVal) => {
       setLayoutScrollLock(newVal)
       if (newVal) {
-        form.code = 3
+        form.code = undefined
       }
     },
     { immediate: true }
@@ -117,6 +120,7 @@
 
     try {
       await formRef.value.validate()
+      if (form.code === undefined) return
       emit('confirm', {
         code: form.code
       })
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index e345795..de7672e 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -32,6 +32,14 @@
             >
               批量回收
             </ElButton>
+            <ElButton
+              type="info"
+              :disabled="!selectedDevices.length"
+              @click="handleBatchSetSeries"
+              v-permission="'device:batch_set_series'"
+            >
+              批量设置套餐系列
+            </ElButton>
             <ElButton
               type="primary"
               :disabled="!selectedDevices.length"
@@ -2656,6 +2664,18 @@
     await loadPackageSeriesList(query || undefined)
   }
 
+  // 显示批量设置套餐系列对话框
+  const handleBatchSetSeries = async () => {
+    seriesBindingResult.value = null
+    Object.assign(seriesBindingForm, createInitialSeriesBindingState(), {
+      selection_type:
+        selectedDevices.value.length > 0 ? DeviceSelectionType.LIST : DeviceSelectionType.FILTER
+    })
+    await Promise.all([loadPackageSeriesList(), loadSearchBatchNoOptions()])
+    seriesBindingDialogVisible.value = true
+    seriesBindingFormRef.value?.clearValidate()
+  }
+
   const buildSeriesBindingRequest = (): BatchSetDeviceSeriesBindingRequest | null => {
     const request: BatchSetDeviceSeriesBindingRequest = {
       selection_type: seriesBindingForm.selection_type,
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 64ccd68..c29b48d 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -136,6 +136,7 @@
                 style="width: 100%"
                 clearable
                 @change="handleOldIdentifierChange"
+                @focus="handleOldIotCardsFocus"
               >
                 <ElOption
                   v-for="card in oldIotCardOptions"
@@ -151,6 +152,9 @@
                   </div>
                 </ElOption>
               </ElSelect>
+              <div v-if="oldIotCardEmptyMessage" class="exchange-field-error">
+                {{ oldIotCardEmptyMessage }}
+              </div>
             </ElFormItem>
             <ElFormItem
               v-if="createForm.old_asset_type === 'device'"
@@ -169,6 +173,7 @@
                 style="width: 100%"
                 clearable
                 @change="handleOldIdentifierChange"
+                @focus="handleOldDevicesFocus"
               >
                 <ElOption
                   v-for="device in oldDeviceOptions"
@@ -184,6 +189,9 @@
                   </div>
                 </ElOption>
               </ElSelect>
+              <div v-if="oldDeviceEmptyMessage" class="exchange-field-error">
+                {{ oldDeviceEmptyMessage }}
+              </div>
             </ElFormItem>
             <ElFormItem v-if="createOldAssetShopDisplay" label="旧资产所属店铺">
               <ElInput :model-value="createOldAssetShopDisplay" readonly disabled />
@@ -204,6 +212,7 @@
                 no-data-text="暂无同店铺可用的新资产"
                 style="width: 100%"
                 clearable
+                @focus="handleCreateNewIotCardsFocus"
               >
                 <ElOption
                   v-for="card in newIotCardOptions"
@@ -219,6 +228,9 @@
                   </div>
                 </ElOption>
               </ElSelect>
+              <div v-if="createNewIotCardEmptyMessage" class="exchange-field-error">
+                {{ createNewIotCardEmptyMessage }}
+              </div>
             </ElFormItem>
             <ElFormItem
               v-if="createForm.flow_type === 'direct' && createForm.old_asset_type === 'device'"
@@ -236,6 +248,7 @@
                 no-data-text="暂无同店铺可用的新资产"
                 style="width: 100%"
                 clearable
+                @focus="handleCreateNewDevicesFocus"
               >
                 <ElOption
                   v-for="device in newDeviceOptions"
@@ -251,6 +264,9 @@
                   </div>
                 </ElOption>
               </ElSelect>
+              <div v-if="createNewDeviceEmptyMessage" class="exchange-field-error">
+                {{ createNewDeviceEmptyMessage }}
+              </div>
             </ElFormItem>
             <ElFormItem v-if="createDirectInheritedShopHint" label="归属提示">
               <div class="exchange-shop-hint">{{ createDirectInheritedShopHint }}</div>
@@ -308,6 +324,8 @@
                 no-data-text="暂无可用的新资产"
                 style="width: 100%"
                 clearable
+                @change="handleShipNewIdentifierChange"
+                @focus="handleShipNewIotCardsFocus"
               >
                 <ElOption
                   v-for="card in newIotCardOptions"
@@ -323,6 +341,9 @@
                   </div>
                 </ElOption>
               </ElSelect>
+              <div v-if="shipNewIotCardEmptyMessage" class="exchange-field-error">
+                {{ shipNewIotCardEmptyMessage }}
+              </div>
             </ElFormItem>
             <ElFormItem
               v-else-if="shipAssetType === 'device'"
@@ -340,6 +361,8 @@
                 no-data-text="暂无可用的新资产"
                 style="width: 100%"
                 clearable
+                @change="handleShipNewIdentifierChange"
+                @focus="handleShipNewDevicesFocus"
               >
                 <ElOption
                   v-for="device in newDeviceOptions"
@@ -355,6 +378,9 @@
                   </div>
                 </ElOption>
               </ElSelect>
+              <div v-if="shipNewDeviceEmptyMessage" class="exchange-field-error">
+                {{ shipNewDeviceEmptyMessage }}
+              </div>
             </ElFormItem>
             <ElFormItem v-if="shipInheritedShopDisplayText" label="归属提示">
               <div class="exchange-shop-hint">{{ shipInheritedShopDisplayText }}</div>
@@ -534,6 +560,42 @@
   const newDeviceSearchLoading = ref(false)
   const completeLoadingId = ref<number | null>(null)
 
+  type AssetFilterOption = {
+    label: string
+    value: string
+  }
+
+  const oldAssetFilterOptions = ref<AssetFilterOption[]>([])
+  const newAssetFilterOptions = ref<AssetFilterOption[]>([])
+  const oldAssetFilterLoading = ref(false)
+  const newAssetFilterLoading = ref(false)
+
+  const oldIotCardEmptyMessage = computed(() =>
+    oldCardSearchLoading.value || oldIotCardOptions.value.length > 0 ? '' : '暂无可用的旧资产'
+  )
+
+  const oldDeviceEmptyMessage = computed(() =>
+    oldDeviceSearchLoading.value || oldDeviceOptions.value.length > 0 ? '' : '暂无可用的旧资产'
+  )
+
+  const createNewIotCardEmptyMessage = computed(() => {
+    if (newCardSearchLoading.value || newIotCardOptions.value.length > 0) return ''
+    return createForm.old_identifier ? '暂无同店铺可用的新资产' : '请先选择旧资产'
+  })
+
+  const createNewDeviceEmptyMessage = computed(() => {
+    if (newDeviceSearchLoading.value || newDeviceOptions.value.length > 0) return ''
+    return createForm.old_identifier ? '暂无同店铺可用的新资产' : '请先选择旧资产'
+  })
+
+  const shipNewIotCardEmptyMessage = computed(() =>
+    newCardSearchLoading.value || newIotCardOptions.value.length > 0 ? '' : '暂无可用的新资产'
+  )
+
+  const shipNewDeviceEmptyMessage = computed(() =>
+    newDeviceSearchLoading.value || newDeviceOptions.value.length > 0 ? '' : '暂无可用的新资产'
+  )
+
   // 发货表单
   const shipForm = reactive({
     new_identifier: '',
@@ -543,11 +605,90 @@
   })
 
   const shipRules = reactive<FormRules>({
-    new_identifier: [{ required: true, message: '请输入新资产标识符', trigger: 'blur' }],
+    new_identifier: [{ required: true, message: '请选择新资产标识符', trigger: 'change' }],
     express_company: [{ required: true, message: '请输入快递公司', trigger: 'blur' }],
     express_no: [{ required: true, message: '请输入快递单号', trigger: 'blur' }]
   })
 
+  const handleShipNewIdentifierChange = () => {
+    shipFormRef.value?.clearValidate('new_identifier')
+  }
+
+  const handleShipNewIotCardsFocus = async () => {
+    if (newCardSearchLoading.value || newIotCardOptions.value.length > 0) return
+    await loadDefaultShipNewIotCards()
+  }
+
+  const handleShipNewDevicesFocus = async () => {
+    if (newDeviceSearchLoading.value || newDeviceOptions.value.length > 0) return
+    await loadDefaultShipNewDevices()
+  }
+
+  const handleOldIotCardsFocus = async () => {
+    if (oldCardSearchLoading.value || oldIotCardOptions.value.length > 0) return
+    await loadDefaultIotCards()
+  }
+
+  const handleOldDevicesFocus = async () => {
+    if (oldDeviceSearchLoading.value || oldDeviceOptions.value.length > 0) return
+    await loadDefaultDevices()
+  }
+
+  const handleCreateNewIotCardsFocus = async () => {
+    if (newCardSearchLoading.value || newIotCardOptions.value.length > 0) return
+    await loadDefaultNewIotCards()
+  }
+
+  const handleCreateNewDevicesFocus = async () => {
+    if (newDeviceSearchLoading.value || newDeviceOptions.value.length > 0) return
+    await loadDefaultNewDevices()
+  }
+
+  const searchFilterAssets = async (query: string, target: 'old' | 'new') => {
+    const options = target === 'old' ? oldAssetFilterOptions : newAssetFilterOptions
+    const loading = target === 'old' ? oldAssetFilterLoading : newAssetFilterLoading
+
+    loading.value = true
+    try {
+      const keyword = query.trim() || undefined
+      const [cardRes, deviceRes] = await Promise.all([
+        CardService.getStandaloneIotCards({
+          is_standalone: true,
+          keyword,
+          page: 1,
+          page_size: 10
+        }),
+        DeviceService.getDevices({
+          keyword,
+          page: 1,
+          page_size: 10
+        })
+      ])
+
+      const cardOptions: AssetFilterOption[] =
+        cardRes.code === 0
+          ? (cardRes.data?.items || []).map((card) => ({
+              label: `${card.iccid} (IoT卡)`,
+              value: card.iccid
+            }))
+          : []
+      const deviceOptions: AssetFilterOption[] =
+        deviceRes.code === 0
+          ? (deviceRes.data?.items || []).map((device) => ({
+              label: `${device.virtual_no} (设备)`,
+              value: device.virtual_no
+            }))
+          : []
+
+      options.value = [...cardOptions, ...deviceOptions]
+    } catch (error) {
+      console.error('加载资产筛选选项失败:', error)
+      options.value = []
+    } finally {
+      loading.value = false
+    }
+  }
+
   type ShopSelectableOption = {
     shop_id?: number | null
     shop_name?: string | null
@@ -644,7 +785,7 @@
   })
 
   // 搜索表单配置
-  const searchFormItems: SearchFormItem[] = [
+  const searchFormItems = computed<SearchFormItem[]>(() => [
     {
       label: '换货状态',
       prop: 'status',
@@ -677,19 +818,31 @@
     {
       label: '旧资产',
       prop: 'old_asset_keyword',
-      type: 'input',
+      type: 'select',
+      options: () => oldAssetFilterOptions.value,
       config: {
-        placeholder: '请输入旧资产标识',
-        clearable: true
+        placeholder: '请选择或搜索旧资产标识',
+        clearable: true,
+        filterable: true,
+        remote: true,
+        reserveKeyword: true,
+        loading: oldAssetFilterLoading.value,
+        remoteMethod: (query: string) => searchFilterAssets(query, 'old')
       }
     },
     {
       label: '新资产',
       prop: 'new_asset_keyword',
-      type: 'input',
+      type: 'select',
+      options: () => newAssetFilterOptions.value,
       config: {
-        placeholder: '请输入新资产标识',
-        clearable: true
+        placeholder: '请选择或搜索新资产标识',
+        clearable: true,
+        filterable: true,
+        remote: true,
+        reserveKeyword: true,
+        loading: newAssetFilterLoading.value,
+        remoteMethod: (query: string) => searchFilterAssets(query, 'new')
       }
     },
     {
@@ -704,7 +857,7 @@
         valueFormat: 'YYYY-MM-DD'
       }
     }
-  ]
+  ])
 
   // 动态列配置
   const { columnChecks, columns } = useCheckedColumns(() => [
@@ -1037,9 +1190,6 @@
       })
       if (res.code === 0 && res.data) {
         oldIotCardOptions.value = res.data.items || []
-        if (oldIotCardOptions.value.length === 0) {
-          ElMessage.info('暂无可用的IoT卡')
-        }
       }
     } catch (error) {
       console.error('加载IoT卡列表失败:', error)
@@ -1059,9 +1209,6 @@
       })
       if (res.code === 0 && res.data) {
         oldDeviceOptions.value = res.data.items || []
-        if (oldDeviceOptions.value.length === 0) {
-          ElMessage.info('暂无可用的设备')
-        }
       }
     } catch (error) {
       console.error('加载设备列表失败:', error)
@@ -1089,9 +1236,6 @@
       })
       if (res.code === 0 && res.data) {
         oldIotCardOptions.value = res.data.items || []
-        if (oldIotCardOptions.value.length === 0) {
-          ElMessage.info('未找到匹配的IoT卡')
-        }
       }
     } catch (error) {
       console.error('搜索IoT卡失败:', error)
@@ -1118,9 +1262,6 @@
       })
       if (res.code === 0 && res.data) {
         oldDeviceOptions.value = res.data.items || []
-        if (oldDeviceOptions.value.length === 0) {
-          ElMessage.info('未找到匹配的设备')
-        }
       }
     } catch (error) {
       console.error('搜索设备失败:', error)
@@ -1141,7 +1282,6 @@
     const shopId = getCreateOldAssetShopId()
     if (shopId === undefined) {
       newIotCardOptions.value = []
-      ElMessage.warning('请先选择旧资产')
       return
     }
 
@@ -1155,9 +1295,6 @@
       })
       if (res.code === 0 && res.data) {
         newIotCardOptions.value = res.data.items || []
-        if (newIotCardOptions.value.length === 0) {
-          ElMessage.info('未找到匹配的IoT卡')
-        }
       }
     } catch (error) {
       console.error('搜索IoT卡失败:', error)
@@ -1184,9 +1321,6 @@
       })
       if (res.code === 0 && res.data) {
         newIotCardOptions.value = res.data.items || []
-        if (newIotCardOptions.value.length === 0) {
-          ElMessage.info('未找到匹配的IoT卡')
-        }
       }
     } catch (error) {
       console.error('搜索IoT卡失败:', error)
@@ -1213,9 +1347,6 @@
       })
       if (res.code === 0 && res.data) {
         newIotCardOptions.value = res.data.items || []
-        if (newIotCardOptions.value.length === 0) {
-          ElMessage.info('暂无同店铺可用的新资产')
-        }
       }
     } catch (error) {
       console.error('加载IoT卡列表失败:', error)
@@ -1234,8 +1365,8 @@
         page: 1,
         page_size: 10
       })
-      if (res.code === 0 && res.data) {
-        newIotCardOptions.value = res.data.items || []
+      if (res.code === 0) {
+        newIotCardOptions.value = res.data?.items || []
       }
     } catch (error) {
       console.error('加载IoT卡列表失败:', error)
@@ -1256,7 +1387,6 @@
     const shopId = getCreateOldAssetShopId()
     if (shopId === undefined) {
       newDeviceOptions.value = []
-      ElMessage.warning('请先选择旧资产')
       return
     }
 
@@ -1269,9 +1399,6 @@
       })
       if (res.code === 0 && res.data) {
         newDeviceOptions.value = res.data.items || []
-        if (newDeviceOptions.value.length === 0) {
-          ElMessage.info('未找到匹配的设备')
-        }
       }
     } catch (error) {
       console.error('搜索设备失败:', error)
@@ -1297,9 +1424,6 @@
       })
       if (res.code === 0 && res.data) {
         newDeviceOptions.value = res.data.items || []
-        if (newDeviceOptions.value.length === 0) {
-          ElMessage.info('未找到匹配的设备')
-        }
       }
     } catch (error) {
       console.error('搜索设备失败:', error)
@@ -1325,9 +1449,6 @@
       })
       if (res.code === 0 && res.data) {
         newDeviceOptions.value = res.data.items || []
-        if (newDeviceOptions.value.length === 0) {
-          ElMessage.info('暂无同店铺可用的新资产')
-        }
       }
     } catch (error) {
       console.error('加载设备列表失败:', error)
@@ -1345,8 +1466,8 @@
         page: 1,
         page_size: 10
       })
-      if (res.code === 0 && res.data) {
-        newDeviceOptions.value = res.data.items || []
+      if (res.code === 0) {
+        newDeviceOptions.value = res.data?.items || []
       }
     } catch (error) {
       console.error('加载设备列表失败:', error)
@@ -1641,6 +1762,8 @@
   // 初始化
   onMounted(() => {
     loadExchangeList()
+    searchFilterAssets('', 'old')
+    searchFilterAssets('', 'new')
   })
 </script>
 
@@ -1657,5 +1780,13 @@
       border: 1px solid var(--el-color-primary-light-7);
       border-radius: 6px;
     }
+
+    .exchange-field-error {
+      width: 100%;
+      margin-top: 4px;
+      color: var(--el-color-danger);
+      font-size: 12px;
+      line-height: 1.2;
+    }
   }
 </style>
diff --git a/src/views/asset-management/record-management/authorization-records/detail.vue b/src/views/asset-management/record-management/authorization-records/detail.vue
deleted file mode 100644
index 9d44818..0000000
--- a/src/views/asset-management/record-management/authorization-records/detail.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-  <div class="authorization-record-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 { AuthorizationService } from '@/api/modules'
-  import type { AuthorizationItem } from '@/types/api/authorization'
-  import { formatDateTime } from '@/utils/business/format'
-
-  defineOptions({ name: 'AuthorizationRecordDetail' })
-
-  const route = useRoute()
-  const router = useRouter()
-
-  const loading = ref(false)
-  const detailData = ref<AuthorizationItem | null>(null)
-
-  // 详情页配置
-  const detailSections: DetailSection[] = [
-    {
-      title: '基本信息',
-      fields: [
-        { label: '企业ID', prop: 'enterprise_id' },
-        { label: '企业名称', prop: 'enterprise_name' },
-        { label: '卡ID', prop: 'card_id' },
-        { label: 'ICCID', prop: 'iccid' },
-        { label: '手机号', prop: 'msisdn', formatter: (value) => value || '-' },
-        { label: '授权人ID', prop: 'authorized_by' },
-        { label: '授权人', prop: 'authorizer_name' },
-        {
-          label: '授权人类型',
-          formatter: (_, data) => {
-            return data.authorizer_type === 2 ? '平台' : '代理'
-          }
-        },
-        { label: '授权时间', prop: 'authorized_at', formatter: (value) => formatDateTime(value) },
-        {
-          label: '状态',
-          formatter: (_, data) => {
-            return data.status === 1 ? '有效' : '已回收'
-          }
-        },
-        { label: '备注', prop: 'remark', formatter: (value) => 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 AuthorizationService.getAuthorizationDetail(id)
-      if (res.code === 0) {
-        detailData.value = res.data
-      }
-    } catch (error) {
-      console.error(error)
-      console.log('获取授权记录详情失败')
-    } finally {
-      loading.value = false
-    }
-  }
-
-  onMounted(() => {
-    fetchDetail()
-  })
-</script>
-
-<style scoped lang="scss">
-  .authorization-record-detail {
-    padding: 20px;
-  }
-
-  .detail-header {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    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;
-    gap: 12px;
-    align-items: center;
-    justify-content: center;
-    padding: 60px 20px;
-    color: var(--el-text-color-secondary);
-
-    .el-icon {
-      font-size: 32px;
-    }
-  }
-</style>
diff --git a/src/views/asset-management/record-management/authorization-records/index.vue b/src/views/asset-management/record-management/authorization-records/index.vue
index ab800f0..1010c35 100644
--- a/src/views/asset-management/record-management/authorization-records/index.vue
+++ b/src/views/asset-management/record-management/authorization-records/index.vue
@@ -28,29 +28,16 @@
           :pageSize="pagination.pageSize"
           :total="pagination.total"
           :marginTop="10"
-          :row-class-name="getRowClassName"
+          :actions="getActions"
+          :actionsWidth="100"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
-          @row-contextmenu="handleRowContextMenu"
-          @cell-mouse-enter="handleCellMouseEnter"
-          @cell-mouse-leave="handleCellMouseLeave"
         >
           <template #default>
             <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
           </template>
         </ArtTable>
 
-        <!-- 鼠标悬浮提示 -->
-        <TableContextMenuHint :visible="showContextMenuHint" :position="hintPosition" />
-
-        <!-- 右键菜单 -->
-        <ArtMenuRight
-          ref="contextMenuRef"
-          :menu-items="contextMenuItems"
-          :menu-width="120"
-          @select="handleContextMenuSelect"
-        />
-
         <!-- 修改备注对话框 -->
         <ElDialog v-model="remarkDialogVisible" title="修改备注" width="500px">
           <ElForm ref="remarkFormRef" :model="remarkForm" :rules="remarkRules" label-width="80px">
@@ -81,40 +68,22 @@
 
 <script setup lang="ts">
   import { h } from 'vue'
-  import { useRouter } from 'vue-router'
   import { AuthorizationService, EnterpriseService } from '@/api/modules'
   import { ElMessage, ElTag } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
-  import { useTableContextMenu } from '@/composables/useTableContextMenu'
   import { formatDateTime } from '@/utils/business/format'
-  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
-  import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
-  import TableContextMenuHint from '@/components/core/others/TableContextMenuHint.vue'
-  import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
   import type {
     AuthorizationItem,
     AuthorizationStatus,
     AuthorizerType
   } from '@/types/api/authorization'
-  import { CommonStatus } from '@/config/constants'
-  import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'AuthorizationRecords' })
 
   const { hasAuth } = useAuth()
-  const router = useRouter()
-
-  // 使用表格右键菜单功能
-  const {
-    showContextMenuHint,
-    hintPosition,
-    getRowClassName,
-    handleCellMouseEnter,
-    handleCellMouseLeave
-  } = useTableContextMenu()
 
   const loading = ref(false)
   const remarkDialogVisible = ref(false)
@@ -122,8 +91,6 @@
   const tableRef = ref()
   const remarkFormRef = ref<FormInstance>()
   const currentRecordId = ref<number>(0)
-  const contextMenuRef = ref<InstanceType<typeof ArtMenuRight>>()
-  const currentRow = ref<AuthorizationItem | null>(null)
 
   // 企业搜索选项
   const enterpriseOptions = ref<any[]>([])
@@ -252,7 +219,8 @@
     { label: '授权人类型', prop: 'authorizer_type' },
     { label: '授权时间', prop: 'authorized_at' },
     { label: '状态', prop: 'status' },
-    { label: '备注', prop: 'remark' }
+    { label: '备注', prop: 'remark' },
+    { label: '操作', prop: 'operation' }
   ]
 
   const authorizationList = ref<AuthorizationItem[]>([])
@@ -284,17 +252,7 @@
       label: 'ICCID',
       width: 200,
       formatter: (row: AuthorizationItem) => {
-        return h(
-          'span',
-          {
-            style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
-            onClick: (e: MouseEvent) => {
-              e.stopPropagation()
-              handleNameClick(row)
-            }
-          },
-          row.iccid
-        )
+        return row.iccid || '-'
       }
     },
     {
@@ -346,6 +304,21 @@
     }
   ])
 
+  // 操作列配置，样式与店铺列表保持一致
+  const getActions = (row: AuthorizationItem) => {
+    const actions: any[] = []
+
+    if (hasAuth('authorization_records:update_remark')) {
+      actions.push({
+        label: '编辑',
+        handler: () => showRemarkDialog(row),
+        type: 'primary'
+      })
+    }
+
+    return actions
+  }
+
   onMounted(() => {
     getTableData()
     searchEnterprises('')
@@ -417,22 +390,6 @@
     getTableData()
   }
 
-  // 查看详情
-  const viewDetail = (row: AuthorizationItem) => {
-    router.push({
-      path: `${RoutesAlias.AuthorizationRecords}/detail/${row.id}`
-    })
-  }
-
-  // 处理名称点击
-  const handleNameClick = (row: AuthorizationItem) => {
-    if (hasAuth('authorization_records:view_detail')) {
-      viewDetail(row)
-    } else {
-      ElMessage.warning('您没有查看详情的权限')
-    }
-  }
-
   // 显示修改备注对话框
   const showRemarkDialog = (row: AuthorizationItem) => {
     currentRecordId.value = row.id
@@ -462,44 +419,10 @@
       }
     })
   }
-
-  // 右键菜单项配置
-  const contextMenuItems = computed((): MenuItemType[] => {
-    const items: MenuItemType[] = []
-
-    if (hasAuth('authorization_records:update_remark')) {
-      items.push({ key: 'edit', label: '编辑' })
-    }
-
-    return items
-  })
-
-  // 处理表格行右键菜单
-  const handleRowContextMenu = (row: AuthorizationItem, 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 'edit':
-        showRemarkDialog(currentRow.value)
-        break
-    }
-  }
 </script>
 
 <style lang="scss" scoped>
   .authorization-records-page {
     // Authorization records page styles
   }
-
-  :deep(.el-table__row.table-row-with-context-menu) {
-    cursor: pointer;
-  }
 </style>
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
index 3c49a69..586f746 100644
--- a/src/views/asset-management/task-management/bulk-purchase/index.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -5,12 +5,12 @@
         v-model="createDrawerVisible"
         title="批量订购套餐"
         direction="rtl"
-        size="520px"
+        size="40%"
         :close-on-click-modal="!createDrawerBusy"
         :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDrawerClosed"
       >
-        <ElForm ref="formRef" :model="form" :rules="rules" label-width="90px" class="create-form">
+        <ElForm ref="formRef" :model="form" :rules="rules" label-width="100px" class="create-form">
           <ElFormItem label="套餐系列" prop="series_id">
             <ElSelect
               v-model="form.series_id"
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index 475d73a..cf85fa5 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -5,12 +5,12 @@
         v-model="createDrawerVisible"
         title="设备批量任务"
         direction="rtl"
-        size="520px"
+        size="40%"
         :close-on-click-modal="!createDrawerBusy"
         :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDrawerClosed"
       >
-        <ElForm ref="formRef" :model="form" label-width="110px" class="create-form">
+        <ElForm ref="formRef" :model="form" label-width="80px" class="create-form">
           <ElFormItem label="操作类型" prop="operation_type">
             <ElSelect
               v-model="form.operation_type"
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 7b1c0bb..9fdf789 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -31,8 +31,6 @@
             :pageSize="pagination.pageSize"
             :total="pagination.total"
             :marginTop="10"
-            :actions="getActions"
-            :actionsWidth="180"
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
           >
@@ -429,74 +427,13 @@
         </div>
       </template>
     </ElDialog>
-
-    <!-- 店铺实际信用额度调整弹框 -->
-    <ElDialog
-      v-model="creditDialogVisible"
-      :title="`调整实际信用额度 - ${currentCreditShop?.shop_name || ''}`"
-      width="520px"
-      @closed="resetCreditDialog"
-    >
-      <ElDescriptions :column="1" border class="credit-preview">
-        <ElDescriptionsItem label="店铺名称">
-          {{ currentCreditShop?.shop_name || '-' }}
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="当前版本">
-          {{ currentCreditShop?.version ?? '-' }}
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="修改前">
-          {{
-            formatCreditPreview(currentCreditShop?.credit_enabled, currentCreditShop?.credit_limit)
-          }}
-        </ElDescriptionsItem>
-        <ElDescriptionsItem label="修改后">
-          {{ formatCreditPreview(creditForm.credit_enabled, creditFormCreditLimitFen) }}
-        </ElDescriptionsItem>
-      </ElDescriptions>
-
-      <ElAlert
-        title="实际可用金额、欠款金额和欠款状态以后端刷新后的资金概况为准。"
-        type="info"
-        :closable="false"
-        show-icon
-        class="credit-dialog-alert"
-      />
-
-      <ElForm ref="creditFormRef" :model="creditForm" :rules="creditRules" label-width="110px">
-        <ElFormItem label="启用信用">
-          <ElSwitch v-model="creditForm.credit_enabled" @change="handleCreditEnabledChange" />
-        </ElFormItem>
-        <ElFormItem label="实际信用额度" prop="credit_limit_yuan">
-          <ElInputNumber
-            v-model="creditForm.credit_limit_yuan"
-            :disabled="!creditForm.credit_enabled"
-            :min="0"
-            :precision="2"
-            :step="100"
-            controls-position="right"
-            style="width: 100%"
-            placeholder="请输入实际信用额度"
-          />
-          <div class="credit-dialog-tip">单位：元；关闭信用时额度将自动归零</div>
-        </ElFormItem>
-      </ElForm>
-
-      <template #footer>
-        <div class="dialog-footer">
-          <ElButton @click="creditDialogVisible = false">取消</ElButton>
-          <ElButton type="primary" :loading="creditSubmitting" @click="handleCreditSubmit">
-            确认调整
-          </ElButton>
-        </div>
-      </template>
-    </ElDialog>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { h, watch, onBeforeUnmount, ref, reactive, onMounted, computed, nextTick } from 'vue'
+  import { h, watch, onBeforeUnmount, ref, reactive, onMounted, computed } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { CommissionService, ShopService } from '@/api/modules'
+  import { CommissionService } from '@/api/modules'
   import { ElMessage, ElMessageBox, ElTag } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import { MainWalletTransactionType } from '@/types/api/commission'
@@ -512,7 +449,7 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
-  import { fenToYuan, formatDateTime, formatMoney, yuanToFen } from '@/utils/business/format'
+  import { formatDateTime, formatMoney } from '@/utils/business/format'
   import {
     CommissionStatusMap,
     WithdrawalStatusMap,
@@ -520,7 +457,6 @@
     CommissionSourceMap
   } from '@/config/constants/commission'
   import { RoutesAlias } from '@/router/routesAlias'
-  import { normalizeApiError } from '@/utils/business/apiError'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
 
   defineOptions({ name: 'AgentCommission' })
@@ -584,20 +520,6 @@
     remark: ''
   })
 
-  // 实际信用额度调整弹框状态
-  const creditDialogVisible = ref(false)
-  const creditFormRef = ref<FormInstance>()
-  const creditSubmitting = ref(false)
-  const currentCreditShop = ref<ShopFundSummaryItem | null>(null)
-  const creditForm = reactive({
-    credit_enabled: false,
-    credit_limit_yuan: 0
-  })
-
-  const creditFormCreditLimitFen = computed(() =>
-    creditForm.credit_enabled ? yuanToFen(creditForm.credit_limit_yuan) || 0 : 0
-  )
-
   // 佣金修正表单验证规则
   const resolveRules = computed<FormRules>(() => ({
     amount:
@@ -615,36 +537,6 @@
     remark: [{ max: 500, message: '备注最多500字符', trigger: 'blur' }]
   }))
 
-  const creditRules = computed<FormRules>(() => ({
-    credit_limit_yuan: [
-      {
-        validator: (
-          _rule: unknown,
-          value: number | undefined,
-          callback: (error?: Error) => void
-        ) => {
-          if (!creditForm.credit_enabled) {
-            callback()
-            return
-          }
-
-          if (value === undefined || value === null || Number.isNaN(value)) {
-            callback(new Error('请输入实际信用额度'))
-            return
-          }
-
-          if (value <= 0) {
-            callback(new Error('实际信用额度必须大于0'))
-            return
-          }
-
-          callback()
-        },
-        trigger: 'blur'
-      }
-    ]
-  }))
-
   // 预充值钱包流水状态
   const mainWalletLoading = ref(false)
   const mainWalletTableRef = ref()
@@ -987,120 +879,6 @@
   })
 
   // 获取操作按钮
-  const getActions = (row: ShopFundSummaryItem) => {
-    const actions: any[] = []
-
-    if (hasAuth('shop:credit_limit_manage')) {
-      actions.push({
-        label: '调整额度',
-        handler: () => showCreditDialog(row),
-        type: 'primary'
-      })
-    }
-
-    return actions
-  }
-
-  const formatCreditPreview = (enabled?: boolean, creditLimit?: number) => {
-    return enabled ? `启用 / ${formatMoney(creditLimit || 0)}` : '关闭 / ¥0.00'
-  }
-
-  const showCreditDialog = (row: ShopFundSummaryItem) => {
-    currentCreditShop.value = row
-    creditForm.credit_enabled = Boolean(row.credit_enabled)
-    creditForm.credit_limit_yuan = row.credit_enabled ? fenToYuan(row.credit_limit) : 0
-    creditDialogVisible.value = true
-    nextTick(() => {
-      creditFormRef.value?.clearValidate()
-    })
-  }
-
-  const handleCreditEnabledChange = (enabled: boolean | string | number) => {
-    if (!enabled) {
-      creditForm.credit_limit_yuan = 0
-      creditFormRef.value?.clearValidate('credit_limit_yuan')
-    }
-  }
-
-  const resetCreditDialog = () => {
-    creditFormRef.value?.resetFields()
-    currentCreditShop.value = null
-    creditForm.credit_enabled = false
-    creditForm.credit_limit_yuan = 0
-  }
-
-  const isCreditConflictMessage = (message?: string) => {
-    if (!message) return false
-    return /版本|冲突|并发|过期|conflict/i.test(message)
-  }
-
-  const isCreditConflictResponse = (response: any) => {
-    return response?.code === 409 || isCreditConflictMessage(response?.msg)
-  }
-
-  const isCreditConflictError = (error: any) => {
-    return (
-      error?.response?.status === 409 ||
-      error?.response?.data?.code === 409 ||
-      isCreditConflictMessage(error?.response?.data?.msg || error?.message)
-    )
-  }
-
-  const handleCreditConflict = async () => {
-    const shopId = currentCreditShop.value?.shop_id
-    await getTableData()
-
-    if (shopId) {
-      const latest = summaryList.value.find((item) => item.shop_id === shopId)
-      if (latest) {
-        // 仅刷新后端版本和当前余额，保留用户刚填写的表单值，方便确认后重试。
-        currentCreditShop.value = latest
-      }
-    }
-
-    ElMessage.warning('资金概况已被其他操作更新，已刷新最新版本；请确认后重新提交')
-  }
-
-  const handleCreditSubmit = async () => {
-    if (!creditFormRef.value || !currentCreditShop.value) return
-
-    await creditFormRef.value.validate(async (valid) => {
-      if (!valid || !currentCreditShop.value) return
-
-      creditSubmitting.value = true
-      try {
-        const res = await ShopService.updateShopCreditLimit(currentCreditShop.value.shop_id, {
-          credit_enabled: creditForm.credit_enabled,
-          credit_limit: creditFormCreditLimitFen.value,
-          version: currentCreditShop.value.version
-        })
-
-        if (res.code === 0) {
-          ElMessage.success('实际信用额度调整成功')
-          creditDialogVisible.value = false
-          await getTableData()
-          return
-        }
-
-        if (isCreditConflictResponse(res)) {
-          await handleCreditConflict()
-          return
-        }
-
-        ElMessage.error(res.msg || '实际信用额度调整失败')
-      } catch (error: any) {
-        if (isCreditConflictError(error)) {
-          await handleCreditConflict()
-        } else {
-          console.error('实际信用额度调整失败:', error)
-          ElMessage.error(normalizeApiError(error).message)
-        }
-      } finally {
-        creditSubmitting.value = false
-      }
-    })
-  }
-
   // 监听tab切换
   watch(activeTab, (newTab) => {
     if (newTab === 'commission') {
@@ -1379,21 +1157,6 @@
     }
   }
 
-  .credit-preview {
-    margin-bottom: 16px;
-  }
-
-  .credit-dialog-alert {
-    margin-bottom: 16px;
-  }
-
-  .credit-dialog-tip {
-    margin-top: 6px;
-    font-size: 12px;
-    line-height: 1.4;
-    color: var(--el-text-color-secondary);
-  }
-
   @media (width <= 1200px) {
     .main-wallet-filter__grid {
       grid-template-columns: repeat(2, minmax(220px, 1fr));
diff --git a/src/views/common/account-list.vue b/src/views/common/account-list.vue
index cd06017..08617b5 100644
--- a/src/views/common/account-list.vue
+++ b/src/views/common/account-list.vue
@@ -120,7 +120,11 @@
                 <ElEmpty v-if="filteredAvailableRoles.length === 0" description="暂无角色" />
                 <template v-else-if="isPlatformUser">
                   <ElCheckboxGroup v-model="rolesToAdd" class="role-list">
-                    <div v-for="role in filteredAvailableRoles" :key="getRoleId(role)" class="role-item">
+                    <div
+                      v-for="role in filteredAvailableRoles"
+                      :key="getRoleId(role)"
+                      class="role-item"
+                    >
                       <ElCheckbox
                         :label="getRoleId(role)"
                         :disabled="selectedRoles.includes(getRoleId(role))"
@@ -137,7 +141,11 @@
                 </template>
                 <template v-else>
                   <ElRadioGroup v-model="roleToAdd" class="role-list">
-                    <div v-for="role in filteredAvailableRoles" :key="getRoleId(role)" class="role-item">
+                    <div
+                      v-for="role in filteredAvailableRoles"
+                      :key="getRoleId(role)"
+                      class="role-item"
+                    >
                       <ElRadio
                         :label="getRoleId(role)"
                         :disabled="selectedRoles.includes(getRoleId(role))"
@@ -404,6 +412,22 @@
       })
     }
 
+    baseColumns.push(
+      {
+        prop: 'wecom_bound',
+        label: '企微绑定',
+        formatter: (row: PlatformAccount) =>
+          h(ElTag, { type: row.wecom_bound ? 'success' : 'info' }, () =>
+            row.wecom_bound ? '已绑定' : '未绑定'
+          )
+      },
+      {
+        prop: 'wecom_name',
+        label: '企微用户名称',
+        formatter: (row: PlatformAccount) => h('span', row.wecom_name || '-')
+      }
+    )
+
     // 添加状态和创建时间
     baseColumns.push(
       {
diff --git a/src/views/finance/agent-recharge/agentRechargeActions.ts b/src/views/finance/agent-recharge/agentRechargeActions.ts
index c7b8049..06703fa 100644
--- a/src/views/finance/agent-recharge/agentRechargeActions.ts
+++ b/src/views/finance/agent-recharge/agentRechargeActions.ts
@@ -53,6 +53,7 @@ export const buildAgentRechargeActions = (
   if (
     !hasApprovalRecord &&
     row.status === AgentRechargeStatus.PENDING &&
+    row.payment_method === 'offline' &&
     options.hasAuth('agent_recharge:reject')
   ) {
     actions.push({
diff --git a/src/views/finance/agent-recharge/agentRechargeOnline.ts b/src/views/finance/agent-recharge/agentRechargeOnline.ts
new file mode 100644
index 0000000..efde3b0
--- /dev/null
+++ b/src/views/finance/agent-recharge/agentRechargeOnline.ts
@@ -0,0 +1,23 @@
+import { normalizeApiError } from '@/utils/business/apiError'
+import type { AgentRechargeStatus } from '@/types/api'
+
+export const ONLINE_RECHARGE_TERMINAL_STATUSES: AgentRechargeStatus[] = [3, 4, 5, 6]
+
+export const isOnlineRechargeTerminal = (status: AgentRechargeStatus): boolean => {
+  return ONLINE_RECHARGE_TERMINAL_STATUSES.includes(status)
+}
+
+export const createOnlineRechargeRequestId = (): string => {
+  const randomId = globalThis.crypto?.randomUUID?.()
+  const suffix = randomId || Math.random().toString(36).slice(2, 12)
+  return `recharge-${Date.now()}-${suffix}`
+}
+
+export const amountYuanToFen = (amount: number): number => {
+  return Math.round(amount * 100)
+}
+
+export const shouldRetryOnlineCreate = (error: unknown): boolean => {
+  const kind = normalizeApiError(error).kind
+  return kind === 'timeout' || kind === 'server' || kind === 'unknown'
+}
diff --git a/src/views/finance/agent-recharge/detail.vue b/src/views/finance/agent-recharge/detail.vue
index 74ac517..e0c1007 100644
--- a/src/views/finance/agent-recharge/detail.vue
+++ b/src/views/finance/agent-recharge/detail.vue
@@ -78,11 +78,19 @@
   const getPaymentMethodText = (method: AgentRechargePaymentMethod): string => {
     const methodMap: Record<AgentRechargePaymentMethod, string> = {
       wechat: '微信在线支付',
+      alipay: '支付宝在线支付',
       offline: '线下转账'
     }
     return methodMap[method] || method
   }
 
+  const getRechargeSourceText = (data: AgentRecharge): string => {
+    if (data.recharge_source_name) return data.recharge_source_name
+    if (data.recharge_source === 'agent_online') return '代理在线自充'
+    if (data.recharge_source === 'platform_offline') return '平台线下代充'
+    return '-'
+  }
+
   const getApprovalProviderText = (data: AgentRecharge) => {
     if (data.approval_provider === 'wecom' || data.approval_source === 'wecom') return '企微'
     if (data.approval_source === 'legacy') return '历史审批'
@@ -90,124 +98,155 @@
   }
 
   // 详情配置
-  const detailSections = computed((): DetailSection[] => [
-    {
-      title: '订单信息',
-      fields: [
-        { label: '充值单号', prop: 'recharge_no' },
-        { label: '店铺名称', prop: 'shop_name' },
-        { label: '提交人', prop: 'submitter_name', formatter: (value) => value || '-' },
-        {
-          label: '充值金额',
-          formatter: (_, data) => formatCurrency(data.amount)
-        },
-        {
-          label: '状态',
-          render: (data) =>
-            h(ElTag, { type: getStatusType(data.status) }, () => data.status_name || '-')
-        },
-        {
-          label: '驳回原因',
-          prop: 'rejection_reason',
-          formatter: (value) => formatRejectionReason(value),
-          fullWidth: true
-        }
-      ]
-    },
-    {
-      title: '企微审批信息',
-      fields: [
-        { label: '审批渠道', formatter: (_, data) => getApprovalProviderText(data) },
-        {
-          label: '审批状态',
-          formatter: (_, data) => data.approval_status_name || '-'
-        },
-        {
-          label: '当前审批人摘要',
-          formatter: (_, data) => data.current_approver_summary || '-',
-          fullWidth: true
-        }
-      ]
-    },
-    {
-      title: '业务处理结果',
-      fields: [
-        {
-          label: '处理状态',
-          formatter: (_, data) => data.processing_status_name || '-'
-        }
-      ]
-    },
-    {
-      title: '支付信息',
-      fields: [
-        {
-          label: '支付方式',
-          formatter: (_, data) => getPaymentMethodText(data.payment_method)
-        },
-        {
-          label: '支付通道',
-          prop: 'payment_channel',
-          formatter: (value) => value || '-'
-        },
-        {
-          label: '第三方支付流水号',
-          prop: 'payment_transaction_id',
-          formatter: (value) => value || '-',
-          fullWidth: true
-        },
-        {
-          label: '支付凭证',
-          fullWidth: true,
-          render: (data) =>
-            hasVoucherKeys(data.payment_voucher_key)
-              ? h(
-                  ElButton,
-                  {
-                    type: 'primary',
-                    link: true,
-                    onClick: () => {
-                      paymentVoucherFileKeys.value = toVoucherKeyList(data.payment_voucher_key)
-                    }
-                  },
-                  () => '查看支付凭证'
-                )
-              : h('span', '-')
-        },
-        {
-          label: '运营备注',
-          prop: 'remark',
-          formatter: (value) => value || '-',
-          fullWidth: true
-        }
-      ]
-    },
-    {
-      title: '时间信息',
-      fields: [
-        {
-          label: '创建时间',
-          prop: 'created_at',
-          formatter: (value) => formatDateTime(value)
-        },
-        {
-          label: '支付时间',
-          prop: 'paid_at',
-          formatter: (value) => (value ? formatDateTime(value) : '-')
-        },
-        {
-          label: '完成时间',
-          prop: 'completed_at',
-          formatter: (value) => (value ? formatDateTime(value) : '-')
-        },
-        {
-          label: '更新时间',
-          prop: 'updated_at',
-          formatter: (value) => formatDateTime(value)
-        }
-      ]
-    }
-  ])
+  const detailSections = computed((): DetailSection[] => {
+    if (!detailData.value) return []
+
+    const isOfflineRecharge =
+      detailData.value.recharge_source === 'platform_offline' ||
+      detailData.value.payment_method === 'offline'
+
+    const sections: DetailSection[] = [
+      {
+        title: '订单信息',
+        fields: [
+          { label: '充值单号', prop: 'recharge_no' },
+          { label: '店铺名称', prop: 'shop_name' },
+          { label: '充值来源', formatter: (_, data) => getRechargeSourceText(data) },
+          { label: '提交人', prop: 'submitter_name', formatter: (value) => value || '-' },
+          {
+            label: '充值金额',
+            formatter: (_, data) => formatCurrency(data.amount)
+          },
+          {
+            label: '状态',
+            render: (data) =>
+              h(ElTag, { type: getStatusType(data.status) }, () => data.status_name || '-')
+          },
+          {
+            label: '驳回原因',
+            prop: 'rejection_reason',
+            formatter: (value) => formatRejectionReason(value),
+            fullWidth: true
+          }
+        ]
+      },
+      ...(isOfflineRecharge
+        ? [
+            {
+              title: '企微审批信息',
+              fields: [
+                {
+                  label: '审批渠道',
+                  formatter: (_: unknown, data: AgentRecharge) => getApprovalProviderText(data)
+                },
+                {
+                  label: '审批状态',
+                  formatter: (_: unknown, data: AgentRecharge) => data.approval_status_name || '-'
+                },
+                {
+                  label: '当前审批人摘要',
+                  formatter: (_: unknown, data: AgentRecharge) =>
+                    data.current_approver_summary || '-',
+                  fullWidth: true
+                }
+              ]
+            }
+          ]
+        : []),
+      {
+        title: '业务处理结果',
+        fields: [
+          {
+            label: '处理状态',
+            formatter: (_, data) => data.processing_status_name || '-'
+          }
+        ]
+      },
+      {
+        title: '支付信息',
+        fields: [
+          {
+            label: '支付方式',
+            formatter: (_, data) => getPaymentMethodText(data.payment_method)
+          },
+          {
+            label: '支付通道',
+            prop: 'payment_channel',
+            formatter: (value) => value || '-'
+          },
+          {
+            label: '第三方支付流水号',
+            prop: 'payment_transaction_id',
+            formatter: (value) => value || '-',
+            fullWidth: true
+          },
+          {
+            label: '支付单号',
+            prop: 'payment_no',
+            formatter: (value) => value || '-',
+            fullWidth: true
+          },
+          ...(isOfflineRecharge
+            ? [
+                {
+                  label: '支付凭证',
+                  fullWidth: true,
+                  render: (data: AgentRecharge) =>
+                    hasVoucherKeys(data.payment_voucher_key)
+                      ? h(
+                          ElButton,
+                          {
+                            type: 'primary',
+                            link: true,
+                            onClick: () => {
+                              paymentVoucherFileKeys.value = toVoucherKeyList(
+                                data.payment_voucher_key
+                              )
+                            }
+                          },
+                          () => '查看支付凭证'
+                        )
+                      : h('span', '-')
+                }
+              ]
+            : []),
+          {
+            label: '运营备注',
+            prop: 'remark',
+            formatter: (value) => value || '-',
+            fullWidth: true
+          }
+        ]
+      },
+      {
+        title: '时间信息',
+        fields: [
+          {
+            label: '创建时间',
+            prop: 'created_at',
+            formatter: (value) => formatDateTime(value)
+          },
+          {
+            label: '支付时间',
+            prop: 'paid_at',
+            formatter: (value) => (value ? formatDateTime(value) : '-')
+          },
+          {
+            label: '完成时间',
+            prop: 'completed_at',
+            formatter: (value) => (value ? formatDateTime(value) : '-')
+          },
+          {
+            label: '更新时间',
+            prop: 'updated_at',
+            formatter: (value) => formatDateTime(value)
+          }
+        ]
+      }
+    ]
+
+    return sections
+  })
 
   // 加载详情数据
   const loadDetailData = async () => {
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 0aa542e..6625adc 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -21,8 +21,8 @@
             <ElButton
               type="primary"
               @click="showCreateDialog"
-              v-if="hasAuth('agent_recharge:create')"
-              >创建充值订单</ElButton
+              v-if="hasAuth('agent_recharge:create') && canCreateRecharge"
+              >{{ createButtonLabel }}</ElButton
             >
             <ElButton v-if="hasAuth('agent_recharge:export')" @click="exportDialogVisible = true">
               导出
@@ -54,7 +54,7 @@
         <!-- 创建充值订单对话框 -->
         <ElDialog
           v-model="createDialogVisible"
-          title="创建充值订单"
+          :title="createDialogTitle"
           width="500px"
           @closed="handleCreateDialogClosed"
         >
@@ -62,14 +62,17 @@
             <ElFormItem label="充值金额" prop="amount">
               <ElInputNumber
                 v-model="createForm.amount"
-                :min="0.01"
+                :min="minimumAmountYuan"
+                :max="maximumAmountYuan"
                 :precision="2"
                 :step="0.01"
                 style="width: 100%"
                 placeholder="请输入充值金额（元）"
               />
               <div style="margin-top: 8px; font-size: 12px; color: var(--el-text-color-secondary)">
-                最小: ¥0.01，最大: ¥1,000,000.00
+                金额范围：¥{{ minimumAmountYuan.toFixed(2) }} - ¥{{
+                  maximumAmountYuan.toLocaleString('zh-CN', { minimumFractionDigits: 2 })
+                }}
               </div>
             </ElFormItem>
             <ElFormItem label="支付方式" prop="payment_method">
@@ -77,11 +80,27 @@
                 v-model="createForm.payment_method"
                 placeholder="请选择支付方式"
                 style="width: 100%"
+                :loading="paymentMethodsLoading"
               >
-                <ElOption label="线下转账" value="offline" />
+                <ElOption
+                  v-for="option in availablePaymentMethodOptions"
+                  :key="option.value"
+                  :label="option.label"
+                  :value="option.value"
+                />
               </ElSelect>
+              <div
+                v-if="
+                  createMode === 'online' &&
+                  !paymentMethodsLoading &&
+                  onlinePaymentMethods.length === 0
+                "
+                class="online-recharge-empty-hint"
+              >
+                当前暂无可用在线支付方式，暂时无法提交充值。
+              </div>
             </ElFormItem>
-            <ElFormItem label="店铺" prop="shop_id">
+            <ElFormItem v-if="createMode === 'offline'" label="店铺" prop="shop_id">
               <ElCascader
                 v-model="createForm.shop_id"
                 :options="shopCascadeOptions"
@@ -106,7 +125,7 @@
                 @change="createFormRef?.validateField('payment_voucher_key')"
               />
             </ElFormItem>
-            <ElFormItem label="运营备注" prop="remark">
+            <ElFormItem v-if="createMode === 'offline'" label="运营备注" prop="remark">
               <ElInput
                 v-model="createForm.remark"
                 type="textarea"
@@ -123,15 +142,54 @@
               <ElButton
                 type="primary"
                 @click="handleCreateRecharge"
-                :loading="createLoading || voucherUploading"
-                :disabled="voucherUploading"
+                :loading="createLoading || voucherUploading || paymentMethodsLoading"
+                :disabled="createSubmitDisabled"
               >
-                {{ voucherUploading ? '凭证上传中...' : '确认创建' }}
+                {{ voucherUploading ? '凭证上传中...' : createButtonLabel }}
               </ElButton>
             </div>
           </template>
         </ElDialog>
 
+        <!-- 在线充值二维码对话框 -->
+        <ElDialog
+          v-model="onlineQrDialogVisible"
+          title="扫码完成充值"
+          width="430px"
+          align-center
+          @closed="handleQrDialogClosed"
+        >
+          <div class="online-recharge-qr-dialog">
+            <QrcodeVue
+              v-if="qrContent"
+              :value="qrContent"
+              :size="240"
+              level="H"
+              render-as="canvas"
+            />
+            <ElEmpty v-else description="暂未获取到支付二维码" />
+            <div v-if="onlineQrRecharge" class="online-recharge-qr-dialog__summary">
+              <div>充值单号：{{ onlineQrRecharge.recharge_no || '-' }}</div>
+              <div>充值金额：{{ formatCurrency(onlineQrRecharge.amount) }}</div>
+              <div v-if="onlineWalletBalance !== null">
+                当前主钱包余额：{{ formatCurrency(onlineWalletBalance) }}
+              </div>
+              <ElTag :type="getStatusType(onlinePaymentStatus?.status || onlineQrRecharge.status)">
+                {{ onlinePaymentStatus?.status_name || onlineQrRecharge.status_name || '-' }}
+              </ElTag>
+              <div class="online-recharge-qr-dialog__hint">
+                {{ onlinePaymentStatusMessage }}
+              </div>
+              <div v-if="paymentStatusLoading" class="online-recharge-qr-dialog__loading">
+                正在查询支付状态...
+              </div>
+            </div>
+          </div>
+          <template #footer>
+            <ElButton @click="onlineQrDialogVisible = false">关闭</ElButton>
+          </template>
+        </ElDialog>
+
         <!-- 导出任务对话框 -->
         <ExportTaskCreateDialog
           v-model="exportDialogVisible"
@@ -224,7 +282,8 @@
 <script setup lang="ts">
   import { h } from 'vue'
   import { useRouter } from 'vue-router'
-  import { AgentRechargeService, ShopService } from '@/api/modules'
+  import QrcodeVue from 'qrcode.vue'
+  import { AgentRechargeService, CommissionService, ShopService } from '@/api/modules'
   import {
     ElMessage,
     ElTag,
@@ -240,7 +299,9 @@
     AgentRecharge,
     AgentRechargeQueryParams,
     AgentRechargeStatus,
+    AgentRechargeOnlinePaymentMethod,
     AgentRechargePaymentMethod,
+    AgentRechargePaymentStatusResponse,
     CreateAgentRechargeRequest,
     ConfirmOfflinePaymentRequest,
     RejectAgentRechargeRequest
@@ -248,6 +309,7 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { formatDateTime } from '@/utils/business/format'
+  import { normalizeApiError } from '@/utils/business/apiError'
   import {
     getApprovalStatusText,
     getCurrentApproverSummaryText,
@@ -255,16 +317,36 @@
   } from '@/utils/business/approvalSummary'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import { useAuth } from '@/composables/useAuth'
+  import { useUserStore } from '@/store/modules/user'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import { buildAgentRechargeActions } from './agentRechargeActions'
   import { formatRejectionReason } from './agentRechargeDisplay'
+  import {
+    amountYuanToFen,
+    createOnlineRechargeRequestId,
+    isOnlineRechargeTerminal,
+    shouldRetryOnlineCreate
+  } from './agentRechargeOnline'
 
   defineOptions({ name: 'AgentRechargeList' })
 
   const router = useRouter()
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
+
+  const isAgentAccount = computed(() => Number(userStore.info.user_type) === 3)
+  const isPlatformAccount = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
+  const canViewRecharge = computed(() => [1, 2, 3].includes(Number(userStore.info.user_type)))
+  const canCreateRecharge = computed(() => isAgentAccount.value || isPlatformAccount.value)
+  const createMode = ref<'online' | 'offline'>('offline')
+  const createDialogTitle = computed(() =>
+    createMode.value === 'online' ? '代理钱包在线扫码充值' : '创建平台线下代充'
+  )
+  const createButtonLabel = computed(() =>
+    createMode.value === 'online' ? '立即充值' : '创建充值订单'
+  )
 
   const loading = ref(false)
   const createLoading = ref(false)
@@ -276,13 +358,29 @@
   const exportDialogVisible = ref(false)
   const confirmPayDialogVisible = ref(false)
   const rejectDialogVisible = ref(false)
+  const onlineQrDialogVisible = ref(false)
   const currentRecharge = ref<AgentRecharge | null>(null)
+  const onlineQrRecharge = ref<AgentRecharge | null>(null)
+  const onlinePaymentStatus = ref<AgentRechargePaymentStatusResponse | null>(null)
+  const onlineWalletBalance = ref<number | null>(null)
+  const onlinePaymentMethods = ref<AgentRechargeOnlinePaymentMethod[]>([])
+  const paymentMethodsLoading = ref(false)
+  const paymentStatusLoading = ref(false)
+  const qrContent = ref('')
+  const onlineRequestId = ref<string | null>(null)
+  const onlineCreateRetried = ref(false)
+  const paymentStatusTimer = ref<ReturnType<typeof setInterval> | null>(null)
+  const paymentMethodsBounds = reactive({
+    min_amount: 10000,
+    max_amount: 100000000
+  })
   const paymentVoucherFileKeys = ref<string[]>([])
 
   // 搜索表单初始值
   const initialSearchState: AgentRechargeQueryParams = {
     shop_id: undefined,
     status: undefined,
+    recharge_source: undefined,
     dateRange: [],
     start_date: '',
     end_date: ''
@@ -325,54 +423,72 @@
   }
 
   // 搜索表单配置
-  const searchFormItems: SearchFormItem[] = [
-    {
-      label: '店铺名称',
-      prop: 'shop_id',
-      type: 'select',
-      placeholder: '请选择店铺',
-      options: () =>
-        shopOptions.value.map((shop) => ({
-          label: shop.shop_name,
-          value: shop.id
-        })),
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: (query: string) => searchShops(query)
-      }
-    },
-    {
-      label: '支付状态',
-      prop: 'status',
-      type: 'select',
-      placeholder: '请选择状态',
-      options: [
-        { label: '待支付', value: 1 },
-        { label: '已支付', value: 2 },
-        { label: '已完成', value: 3 },
-        { label: '已关闭', value: 4 },
-        { label: '已退款', value: 5 },
-        { label: '已驳回', value: 6 }
-      ],
-      config: {
-        clearable: true
-      }
-    },
-    {
-      label: '起止时间',
-      prop: 'dateRange',
-      type: 'date',
-      config: {
-        type: 'daterange',
-        rangeSeparator: '至',
-        startPlaceholder: '开始日期',
-        endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD'
-      }
+  const searchFormItems = computed<SearchFormItem[]>(() => {
+    const items: SearchFormItem[] = []
+
+    if (isPlatformAccount.value) {
+      items.push({
+        label: '店铺名称',
+        prop: 'shop_id',
+        type: 'select',
+        placeholder: '请选择店铺',
+        options: () =>
+          shopOptions.value.map((shop) => ({
+            label: shop.shop_name,
+            value: shop.id
+          })),
+        config: {
+          clearable: true,
+          filterable: true,
+          remote: true,
+          remoteMethod: (query: string) => searchShops(query)
+        }
+      })
     }
-  ]
+
+    items.push(
+      {
+        label: '充值状态',
+        prop: 'status',
+        type: 'select',
+        placeholder: '请选择状态',
+        options: [
+          { label: '待支付', value: 1 },
+          { label: '已支付', value: 2 },
+          { label: '已完成', value: 3 },
+          { label: '已关闭', value: 4 },
+          { label: '已退款', value: 5 },
+          { label: '已驳回', value: 6 }
+        ],
+        config: { clearable: true }
+      },
+      {
+        label: '充值来源',
+        prop: 'recharge_source',
+        type: 'select',
+        placeholder: '请选择充值来源',
+        options: [
+          { label: '代理在线自充', value: 'agent_online' },
+          { label: '平台线下代充', value: 'platform_offline' }
+        ],
+        config: { clearable: true }
+      },
+      {
+        label: '起止时间',
+        prop: 'dateRange',
+        type: 'date',
+        config: {
+          type: 'daterange',
+          rangeSeparator: '至',
+          startPlaceholder: '开始日期',
+          endPlaceholder: '结束日期',
+          valueFormat: 'YYYY-MM-DD'
+        }
+      }
+    )
+
+    return items
+  })
 
   // 分页
   const pagination = reactive({
@@ -385,6 +501,7 @@
   const columnOptions = [
     { label: '充值单号', prop: 'recharge_no' },
     { label: '店铺名称', prop: 'shop_name' },
+    { label: '充值来源', prop: 'recharge_source' },
     { label: '充值金额', prop: 'amount' },
     { label: '状态', prop: 'status' },
     { label: '审批渠道', prop: 'approval_provider' },
@@ -406,8 +523,43 @@
   const confirmPayFormRef = ref<FormInstance>()
   const rejectFormRef = ref<FormInstance>()
   const uploadRef = ref<InstanceType<typeof VoucherUpload>>()
-  const MIN_RECHARGE_AMOUNT = 0.01
-  const MAX_RECHARGE_AMOUNT = 1_000_000
+  const OFFLINE_MIN_RECHARGE_AMOUNT = 0.01
+  const OFFLINE_MAX_RECHARGE_AMOUNT = 1_000_000
+
+  const minimumAmountYuan = computed(() =>
+    createMode.value === 'online'
+      ? paymentMethodsBounds.min_amount / 100
+      : OFFLINE_MIN_RECHARGE_AMOUNT
+  )
+  const maximumAmountYuan = computed(() =>
+    createMode.value === 'online'
+      ? paymentMethodsBounds.max_amount / 100
+      : OFFLINE_MAX_RECHARGE_AMOUNT
+  )
+  const availablePaymentMethodOptions = computed(() => {
+    if (createMode.value === 'offline') return [{ label: '线下转账', value: 'offline' }]
+
+    return onlinePaymentMethods.value.map((method) => ({
+      label: method === 'wechat' ? '微信支付' : '支付宝',
+      value: method
+    }))
+  })
+  const createSubmitDisabled = computed(
+    () =>
+      voucherUploading.value ||
+      paymentMethodsLoading.value ||
+      (createMode.value === 'online' && onlinePaymentMethods.value.length === 0)
+  )
+  const onlinePaymentStatusMessage = computed(() => {
+    const status = onlinePaymentStatus.value?.status ?? onlineQrRecharge.value?.status
+    if (status === 1) return '请使用对应支付方式扫码完成支付'
+    if (status === 2) return '支付已成功，钱包正在入账，请稍候'
+    if (status === 3) return '充值成功，钱包已到账'
+    if (status === 4) return '充值订单已关闭，请重新发起充值'
+    if (status === 5) return '充值订单已退款'
+    if (status === 6) return '充值订单已驳回'
+    return '正在获取支付状态'
+  })
 
   const createRules = computed<FormRules>(() => {
     const rules: FormRules = {
@@ -419,12 +571,16 @@
               callback()
               return
             }
-            if (Number(value) < MIN_RECHARGE_AMOUNT) {
-              callback(new Error(`充值金额最小为 ¥${MIN_RECHARGE_AMOUNT.toFixed(2)}`))
+            if (Number(value) < minimumAmountYuan.value) {
+              callback(new Error(`充值金额最小为 ¥${minimumAmountYuan.value.toFixed(2)}`))
               return
             }
-            if (Number(value) > MAX_RECHARGE_AMOUNT) {
-              callback(new Error(`充值金额最大为 ¥${MAX_RECHARGE_AMOUNT.toFixed(2)}`))
+            if (Number(value) > maximumAmountYuan.value) {
+              callback(
+                new Error(
+                  `充值金额最大为 ¥${maximumAmountYuan.value.toLocaleString('zh-CN', { minimumFractionDigits: 2 })}`
+                )
+              )
               return
             }
             callback()
@@ -435,9 +591,10 @@
       payment_method: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
       shop_id: [{ required: true, message: '请选择目标店铺', trigger: 'change' }]
     }
-    if (createForm.payment_method === 'offline') {
+    if (createMode.value === 'offline') {
       rules.payment_voucher_key = [{ required: true, message: '请上传支付凭证', trigger: 'change' }]
     }
+    if (createMode.value === 'online') delete rules.shop_id
     return rules
   })
 
@@ -452,13 +609,13 @@
   })
 
   const createForm = reactive<{
-    amount: number
-    payment_method: string
+    amount: number | null
+    payment_method: AgentRechargePaymentMethod | ''
     shop_id: number | null
     payment_voucher_key: string[]
     remark: string
   }>({
-    amount: MIN_RECHARGE_AMOUNT,
+    amount: OFFLINE_MIN_RECHARGE_AMOUNT,
     payment_method: '',
     shop_id: null,
     payment_voucher_key: [],
@@ -499,11 +656,19 @@
   const getPaymentMethodText = (method: AgentRechargePaymentMethod): string => {
     const methodMap: Record<AgentRechargePaymentMethod, string> = {
       wechat: '微信在线支付',
+      alipay: '支付宝在线支付',
       offline: '线下转账'
     }
     return methodMap[method] || method
   }
 
+  const getRechargeSourceText = (row: AgentRecharge): string => {
+    if (row.recharge_source_name) return row.recharge_source_name
+    if (row.recharge_source === 'agent_online') return '代理在线自充'
+    if (row.recharge_source === 'platform_offline') return '平台线下代充'
+    return '-'
+  }
+
   // 动态列配置
   const { columnChecks, columns } = useCheckedColumns(() => [
     {
@@ -530,6 +695,12 @@
       minWidth: 150,
       showOverflowTooltip: true
     },
+    {
+      prop: 'recharge_source',
+      label: '充值来源',
+      width: 140,
+      formatter: (row: AgentRecharge) => getRechargeSourceText(row)
+    },
     {
       prop: 'amount',
       label: '充值金额',
@@ -635,7 +806,17 @@
 
   onMounted(() => {
     getTableData()
-    loadShops()
+    if (isPlatformAccount.value) loadShops()
+    document.addEventListener('visibilitychange', handleDocumentVisibilityChange)
+  })
+
+  onBeforeUnmount(() => {
+    stopPaymentStatusPolling()
+    document.removeEventListener('visibilitychange', handleDocumentVisibilityChange)
+  })
+
+  onDeactivated(() => {
+    stopPaymentStatusPolling()
   })
 
   let isFirstActivation = true
@@ -643,6 +824,9 @@
     if (!isFirstActivation) {
       getTableData()
     }
+    if (onlineQrDialogVisible.value && document.visibilityState === 'visible') {
+      startPaymentStatusPolling()
+    }
     isFirstActivation = false
   })
 
@@ -693,13 +877,20 @@
 
   // 获取充值订单列表
   const getTableData = async () => {
+    if (!canViewRecharge.value) {
+      rechargeList.value = []
+      pagination.total = 0
+      return
+    }
+
     loading.value = true
     try {
       const params: AgentRechargeQueryParams = {
         page: pagination.page,
         page_size: pagination.page_size,
-        shop_id: searchForm.shop_id,
+        shop_id: isPlatformAccount.value ? searchForm.shop_id : undefined,
         status: searchForm.status,
+        recharge_source: searchForm.recharge_source,
         start_date: searchForm.start_date || undefined,
         end_date: searchForm.end_date || undefined
       }
@@ -737,8 +928,9 @@
   }
 
   const exportQuery = computed(() => ({
-    shop_id: searchForm.shop_id,
+    shop_id: isPlatformAccount.value ? searchForm.shop_id : undefined,
     status: searchForm.status,
+    recharge_source: searchForm.recharge_source,
     start_date: searchForm.start_date || searchForm.dateRange?.[0],
     end_date: searchForm.end_date || searchForm.dateRange?.[1]
   }))
@@ -761,22 +953,56 @@
 
   // 显示创建订单对话框
   const showCreateDialog = async () => {
-    // 重新加载店铺列表，确保获取最新数据
-    await loadShops()
-    createForm.payment_method = ''
+    createMode.value = isAgentAccount.value ? 'online' : 'offline'
+    resetCreateForm()
+
+    if (createMode.value === 'online') {
+      await loadPaymentMethods()
+    } else {
+      // 重新加载店铺列表，确保获取最新数据
+      await loadShops()
+    }
+
     createDialogVisible.value = true
   }
 
+  const resetCreateForm = () => {
+    createForm.amount = minimumAmountYuan.value
+    createForm.payment_method = ''
+    createForm.shop_id = null
+    createForm.payment_voucher_key = []
+    createForm.remark = ''
+    onlineRequestId.value = null
+    onlineCreateRetried.value = false
+    voucherUploading.value = false
+    uploadRef.value?.clearFiles(false)
+  }
+
   // 对话框关闭后的清理
   const handleCreateDialogClosed = () => {
     createFormRef.value?.resetFields()
-    createForm.amount = MIN_RECHARGE_AMOUNT
-    createForm.payment_method = ''
-    createForm.shop_id = null
-    createForm.payment_voucher_key = []
-    createForm.remark = ''
-    voucherUploading.value = false
-    uploadRef.value?.clearFiles(false)
+    resetCreateForm()
+  }
+
+  // 加载代理在线充值可用支付方式
+  const loadPaymentMethods = async () => {
+    paymentMethodsLoading.value = true
+    onlinePaymentMethods.value = []
+    try {
+      const res = await AgentRechargeService.getPaymentMethods()
+      if (res.code === 0) {
+        onlinePaymentMethods.value = Array.isArray(res.data?.methods) ? res.data.methods : []
+        paymentMethodsBounds.min_amount = Number(res.data?.min_amount) || 10000
+        paymentMethodsBounds.max_amount = Number(res.data?.max_amount) || 100000000
+        createForm.amount = minimumAmountYuan.value
+      } else {
+        ElMessage.warning(res.msg || '当前暂无可用在线支付方式')
+      }
+    } catch (error) {
+      console.error('加载在线支付方式失败:', error)
+    } finally {
+      paymentMethodsLoading.value = false
+    }
   }
 
   // 创建充值订单
@@ -788,36 +1014,199 @@
       return
     }
 
-    await formRef.validate(async (valid) => {
-      if (valid) {
-        createLoading.value = true
-        try {
-          const data: CreateAgentRechargeRequest = {
-            amount: Math.round(createForm.amount * 100), // 元转分
-            payment_method: createForm.payment_method as AgentRechargePaymentMethod,
-            shop_id: createForm.shop_id!,
-            remark: createForm.remark || undefined
-          }
+    const valid = await formRef.validate().catch(() => false)
+    if (!valid || createForm.amount == null || !createForm.payment_method) return
 
-          if (
-            createForm.payment_method === 'offline' &&
-            hasVoucherKeys(createForm.payment_voucher_key)
-          ) {
-            data.payment_voucher_key = toVoucherKeyList(createForm.payment_voucher_key)
-          }
+    createLoading.value = true
+    try {
+      if (createMode.value === 'online') {
+        await handleOnlineRechargeCreate(createForm.amount, createForm.payment_method)
+        return
+      }
 
-          await AgentRechargeService.createAgentRecharge(data)
-          ElMessage.success('充值订单创建成功')
-          createDialogVisible.value = false
-          formRef.resetFields()
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        } finally {
-          createLoading.value = false
+      if (!createForm.shop_id) {
+        ElMessage.warning('请选择目标店铺')
+        return
+      }
+
+      const voucherKeys = toVoucherKeyList(createForm.payment_voucher_key)
+      if (!hasVoucherKeys(voucherKeys)) {
+        ElMessage.warning('请上传支付凭证')
+        return
+      }
+
+      const data: CreateAgentRechargeRequest = {
+        amount: amountYuanToFen(createForm.amount),
+        payment_method: 'offline',
+        shop_id: createForm.shop_id,
+        payment_voucher_key: voucherKeys,
+        remark: createForm.remark || undefined
+      }
+
+      const res = await AgentRechargeService.createAgentRecharge(data)
+      if (res.code !== 0) {
+        ElMessage.error(res.msg || '充值订单创建失败')
+        return
+      }
+
+      ElMessage.success('充值订单创建成功')
+      createDialogVisible.value = false
+      await getTableData()
+    } catch (error) {
+      console.error(error)
+    } finally {
+      createLoading.value = false
+    }
+  }
+
+  const handleOnlineRechargeCreate = async (
+    amountYuan: number,
+    paymentMethod: AgentRechargePaymentMethod
+  ) => {
+    if (paymentMethod === 'offline') return
+
+    const requestId = onlineRequestId.value || createOnlineRechargeRequestId()
+    onlineRequestId.value = requestId
+    onlineCreateRetried.value = false
+
+    const request: CreateAgentRechargeRequest = {
+      amount: amountYuanToFen(amountYuan),
+      payment_method: paymentMethod,
+      request_id: requestId
+    }
+
+    let attempt = 0
+    while (attempt < 2) {
+      try {
+        const res = await AgentRechargeService.createAgentRecharge(request)
+        if (res.code !== 0) {
+          ElMessage.error(res.msg || '在线充值创建失败')
+          onlineRequestId.value = null
+          return
+        }
+
+        if (!res.data?.qr_content) {
+          ElMessage.error('支付接口未返回有效二维码，请刷新后重试')
+          return
+        }
+
+        onlineQrRecharge.value = res.data
+        onlinePaymentStatus.value = null
+        qrContent.value = res.data.qr_content
+        onlineQrDialogVisible.value = true
+        createDialogVisible.value = false
+        onlineRequestId.value = null
+        await getTableData()
+        return
+      } catch (error) {
+        if (attempt === 0 && shouldRetryOnlineCreate(error)) {
+          attempt += 1
+          onlineCreateRetried.value = true
+          continue
+        }
+
+        const normalized = normalizeApiError(error)
+        if (normalized.kind === 'validation' || normalized.kind === 'conflict') {
+          ElMessage.error(normalized.message)
+        } else {
+          ElMessage.warning('在线充值请求结果未知，请勿重复提交；可关闭后刷新列表确认')
+        }
+        onlineRequestId.value = null
+        return
+      }
+    }
+  }
+
+  const stopPaymentStatusPolling = () => {
+    if (paymentStatusTimer.value) {
+      clearInterval(paymentStatusTimer.value)
+      paymentStatusTimer.value = null
+    }
+  }
+
+  const loadOnlinePaymentStatus = async () => {
+    const rechargeId = onlineQrRecharge.value?.id
+    if (!rechargeId || !onlineQrDialogVisible.value || document.visibilityState !== 'visible')
+      return
+
+    paymentStatusLoading.value = true
+    try {
+      const res = await AgentRechargeService.getPaymentStatus(rechargeId)
+      if (res.code !== 0) return
+
+      onlinePaymentStatus.value = res.data
+      if (onlineQrRecharge.value) {
+        onlineQrRecharge.value = {
+          ...onlineQrRecharge.value,
+          status: res.data.status,
+          status_name: res.data.status_name || onlineQrRecharge.value.status_name,
+          paid_at: res.data.paid_at,
+          completed_at: res.data.completed_at
         }
       }
-    })
+
+      if (isOnlineRechargeTerminal(res.data.status)) {
+        stopPaymentStatusPolling()
+        if (res.data.status === 3) {
+          await Promise.all([getTableData(), refreshAgentWalletBalance()])
+        }
+      }
+    } catch (error) {
+      console.error('查询在线充值状态失败:', error)
+    } finally {
+      paymentStatusLoading.value = false
+    }
+  }
+
+  const startPaymentStatusPolling = () => {
+    stopPaymentStatusPolling()
+    void loadOnlinePaymentStatus()
+    paymentStatusTimer.value = setInterval(() => {
+      if (!onlineQrDialogVisible.value || document.visibilityState !== 'visible') {
+        stopPaymentStatusPolling()
+        return
+      }
+      void loadOnlinePaymentStatus()
+    }, 3000)
+  }
+
+  const handleDocumentVisibilityChange = () => {
+    if (document.visibilityState === 'visible' && onlineQrDialogVisible.value) {
+      startPaymentStatusPolling()
+    } else if (document.visibilityState === 'hidden') {
+      stopPaymentStatusPolling()
+    }
+  }
+
+  watch(onlineQrDialogVisible, (visible) => {
+    if (visible) {
+      startPaymentStatusPolling()
+    } else {
+      stopPaymentStatusPolling()
+    }
+  })
+
+  const handleQrDialogClosed = () => {
+    stopPaymentStatusPolling()
+    qrContent.value = ''
+    onlineQrRecharge.value = null
+    onlinePaymentStatus.value = null
+    onlineWalletBalance.value = null
+    paymentStatusLoading.value = false
+  }
+
+  const refreshAgentWalletBalance = async () => {
+    if (!isAgentAccount.value) return
+
+    try {
+      const res = await CommissionService.getShopFundSummary({ page: 1, page_size: 100 })
+      const currentShopId = Number(userStore.info.shop_id)
+      const currentShop =
+        res.code === 0 ? res.data.items?.find((item) => item.shop_id === currentShopId) : null
+      if (currentShop) onlineWalletBalance.value = currentShop.main_balance
+    } catch (error) {
+      console.error('刷新代理钱包余额失败:', error)
+    }
   }
 
   // 显示确认支付对话框
@@ -935,4 +1324,38 @@
   .agent-recharge-page {
     height: 100%;
   }
+
+  .online-recharge-empty-hint {
+    margin-top: 8px;
+    color: var(--el-color-danger);
+    font-size: 12px;
+    line-height: 1.5;
+  }
+
+  .online-recharge-qr-dialog {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+
+    &__summary {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 8px;
+      width: 100%;
+      color: var(--el-text-color-regular);
+      font-size: 14px;
+      text-align: center;
+    }
+
+    &__hint {
+      color: var(--el-text-color-secondary);
+    }
+
+    &__loading {
+      color: var(--el-color-primary);
+      font-size: 12px;
+    }
+  }
 </style>
diff --git a/src/views/package-management/package-list/index.vue b/src/views/package-management/package-list/index.vue
index b9bc354..e62093a 100644
--- a/src/views/package-management/package-list/index.vue
+++ b/src/views/package-management/package-list/index.vue
@@ -727,10 +727,10 @@
     package_name: '',
     series_id: undefined,
     package_type: '',
-    calendar_type: undefined,
+    calendar_type: null,
     duration_days: undefined,
     duration_months: 1,
-    data_reset_cycle: undefined,
+    data_reset_cycle: null,
     enable_virtual_data: false,
     expiry_base: 'from_activation',
     real_data_mb: 0,
@@ -1345,10 +1345,10 @@
           form.package_name = data.package_name
           form.series_id = data.series_id
           form.package_type = data.package_type
-          form.calendar_type = data.calendar_type || undefined
+          form.calendar_type = data.calendar_type ?? null
           form.duration_days = data.duration_days
           form.duration_months = data.duration_months
-          form.data_reset_cycle = data.data_reset_cycle || undefined
+          form.data_reset_cycle = data.data_reset_cycle ?? null
           form.enable_virtual_data = data.enable_virtual_data || false
           form.expiry_base = data.expiry_base || 'from_activation'
           form.real_data_mb = data.real_data_mb || 0
@@ -1384,10 +1384,10 @@
       form.package_name = ''
       form.series_id = undefined
       form.package_type = ''
-      form.calendar_type = undefined
+      form.calendar_type = null
       form.duration_days = undefined
       form.duration_months = 1
-      form.data_reset_cycle = undefined
+      form.data_reset_cycle = null
       form.enable_virtual_data = false
       form.expiry_base = 'from_activation'
       form.real_data_mb = 0
@@ -1428,10 +1428,10 @@
     form.package_name = ''
     form.series_id = undefined
     form.package_type = ''
-    form.calendar_type = undefined
+    form.calendar_type = null
     form.duration_days = undefined
     form.duration_months = 1
-    form.data_reset_cycle = undefined
+    form.data_reset_cycle = null
     form.enable_virtual_data = false
     form.expiry_base = 'from_activation'
     form.real_data_mb = 0
@@ -1483,6 +1483,8 @@
             package_type: form.package_type,
             duration_months: form.duration_months,
             cost_price: costPriceInCents,
+            calendar_type: form.calendar_type ?? null,
+            data_reset_cycle: form.data_reset_cycle ?? null,
             is_gift: form.is_gift
           }
 
@@ -1494,12 +1496,6 @@
           if (form.series_id !== undefined) {
             data.series_id = form.series_id
           }
-          if (form.calendar_type) {
-            data.calendar_type = form.calendar_type
-          }
-          if (form.data_reset_cycle) {
-            data.data_reset_cycle = form.data_reset_cycle
-          }
           // 只有 calendar_type 为 by_day 时才传 duration_days
           if (form.calendar_type === 'by_day' && form.duration_days !== undefined) {
             data.duration_days = form.duration_days
diff --git a/src/views/package-management/series-grants/detail.vue b/src/views/package-management/series-grants/detail.vue
index c57cb3c..5e163af 100644
--- a/src/views/package-management/series-grants/detail.vue
+++ b/src/views/package-management/series-grants/detail.vue
@@ -143,45 +143,23 @@
 
           <!-- 套餐列表 -->
           <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="套餐默认生效条件">
-                <template #default="{ row }">
-                  {{ row.default_expiry_base_name || '-' }}
-                </template>
-              </ElTableColumn>
-              <ElTableColumn label="覆盖生效条件">
-                <template #default="{ row }">
-                  {{ row.expiry_base_override_name || '跟随套餐默认' }}
-                </template>
-              </ElTableColumn>
-              <ElTableColumn label="最终生效条件">
-                <template #default="{ row }">
-                  {{ row.effective_expiry_base_name || '-' }}
-                </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 }">
+            <SeriesGrantPackageTable
+              :data="detailData.packages"
+              :loading="loading"
+              :show-actions="true"
+              :actions-width="240"
+            >
+              <template #actions="{ row }">
+                <div class="package-table-actions">
+                  <ElButton
+                    v-if="canUpdateExpiryBase"
+                    type="primary"
+                    size="small"
+                    link
+                    @click="showExpiryBaseDialog(row)"
+                  >
+                    修改生效条件
+                  </ElButton>
                   <ElButton
                     type="primary"
                     size="small"
@@ -200,9 +178,9 @@
                   >
                     删除
                   </ElButton>
-                </template>
-              </ElTableColumn>
-            </ElTable>
+                </div>
+              </template>
+            </SeriesGrantPackageTable>
           </div>
           <ElEmpty v-else description="暂无套餐" :image-size="80" />
         </div>
@@ -214,95 +192,58 @@
         <span>加载中...</span>
       </div>
 
-      <!-- 添加/编辑套餐对话框 -->
-      <ElDialog
+      <SeriesGrantPackageDialog
         v-model="packageDialogVisible"
-        :title="packageDialogType === 'add' ? '添加套餐' : '编辑套餐'"
-        width="500px"
-        :close-on-click-modal="false"
+        v-model:form="packageForm"
+        :dialog-type="packageDialogType"
+        :rules="packageRules"
+        :available-packages="availablePackages"
+        :package-loading="packageLoading"
+        :submit-loading="submitLoading"
+        :can-update-expiry-base="canUpdateExpiryBase"
+        :has-series="Boolean(detailData?.series_id)"
+        @search="searchPackages"
+        @submit="handleSavePackage"
         @closed="handlePackageDialogClosed"
+      />
+
+      <ElDialog
+        v-model="expiryDialogVisible"
+        title="修改生效条件"
+        width="460px"
+        :close-on-click-modal="false"
       >
-        <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="pkg.is_authorized"
-              />
-            </ElSelect>
+        <ElForm label-width="130px">
+          <ElFormItem label="套餐名称">
+            <span class="ellipsis-value" :title="expiryForm.package_name || ''">
+              {{ expiryForm.package_name || '-' }}
+            </span>
           </ElFormItem>
-
-          <!-- 编辑模式：显示套餐信息 -->
-          <ElFormItem label="套餐名称" v-if="packageDialogType === 'edit'">
-            <span>{{ packageForm.package_name }}</span>
+          <ElFormItem label="套餐编码">
+            <span class="ellipsis-value" :title="expiryForm.package_code || ''">
+              {{ expiryForm.package_code || '-' }}
+            </span>
           </ElFormItem>
-          <ElFormItem label="套餐编码" v-if="packageDialogType === 'edit'">
-            <span>{{ packageForm.package_code }}</span>
+          <ElFormItem label="套餐默认生效条件">
+            {{ expiryForm.default_expiry_base_name || '-' }}
           </ElFormItem>
-
-          <!-- 成本价 -->
-          <ElFormItem label="成本价(元)" prop="cost_price_yuan">
-            <ElInputNumber
-              v-model="packageForm.cost_price_yuan"
-              :precision="2"
-              :step="0.01"
-              :controls="false"
-              style="width: 100%"
-              placeholder="请输入成本价"
-            />
-            <div v-if="packageForm.original_cost_price" class="form-tip">
-              请参考{{ packageForm.package_name || '套餐' }} - 套餐成本价: ¥{{
-                packageForm.original_cost_price.toFixed(2)
-              }}
-            </div>
-          </ElFormItem>
-          <ElFormItem v-if="packageDialogType === 'add' || canUpdateExpiryBase" label="生效条件">
-            <ElSelect
-              v-model="packageForm.expiry_base_override"
-              placeholder="请选择生效条件"
-              style="width: 100%"
-            >
+          <ElFormItem label="覆盖生效条件">
+            <ElSelect v-model="expiryForm.expiry_base_override" style="width: 100%">
               <ElOption label="跟随套餐默认" value="default" />
               <ElOption label="购买即生效" value="from_purchase" />
               <ElOption label="实名激活时生效" value="from_activation" />
             </ElSelect>
-            <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
           </ElFormItem>
-          <template v-if="packageDialogType === 'edit'">
-            <ElFormItem label="套餐默认生效条件">
-              {{ packageForm.default_expiry_base_name || '-' }}
-            </ElFormItem>
-            <ElFormItem label="覆盖生效条件">
-              {{ packageForm.expiry_base_override_name || '跟随套餐默认' }}
-            </ElFormItem>
-            <ElFormItem label="最终生效条件">
-              {{ packageForm.effective_expiry_base_name || '-' }}
-            </ElFormItem>
-          </template>
+          <ElFormItem label="最终生效条件">
+            {{ expiryForm.effective_expiry_base_name || '-' }}
+          </ElFormItem>
+          <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
         </ElForm>
 
         <template #footer>
           <div class="dialog-footer">
-            <ElButton @click="packageDialogVisible = false">取消</ElButton>
-            <ElButton type="primary" @click="handleSavePackage" :loading="submitLoading">
+            <ElButton @click="expiryDialogVisible = false">取消</ElButton>
+            <ElButton type="primary" :loading="expirySubmitLoading" @click="saveExpiryBase">
               保存
             </ElButton>
           </div>
@@ -330,10 +271,8 @@
     ElDialog,
     ElSelect,
     ElOption,
-    ElInputNumber,
     ElForm,
     ElFormItem,
-    FormInstance,
     FormRules
   } from 'element-plus'
   import { ArrowLeft, Loading } from '@element-plus/icons-vue'
@@ -354,9 +293,13 @@
   import { formatDateTime } from '@/utils/business/format'
   import { getEnableStatusText, JULY_PERMISSIONS } from '@/config/constants'
   import { useAuth } from '@/composables/useAuth'
+  import SeriesGrantPackageTable from '@/components/business/SeriesGrantPackageTable.vue'
+  import SeriesGrantPackageDialog from '@/components/business/SeriesGrantPackageDialog.vue'
   import {
     mergeGrantPackageCandidates,
-    type GrantPackageCandidate
+    type GrantPackageCandidate,
+    type PackageCostFormItem,
+    type SeriesGrantPackageForm
   } from '@/utils/business/seriesGrantPackage'
 
   defineOptions({ name: 'SeriesGrantsDetail' })
@@ -374,61 +317,79 @@
   const packageDialogVisible = ref(false)
   const packageDialogType = ref<'add' | 'edit'>('add')
   const availablePackages = ref<GrantPackageCandidate[]>([])
-  const packageFormRef = ref<FormInstance>()
+  const expiryDialogVisible = ref(false)
+  const expirySubmitLoading = ref(false)
 
   type ExpiryBaseSelection = PackageAllocationExpiryBaseOverride | 'default'
 
-  // 套餐表单
-  const packageForm = ref<{
+  type ExpiryFormState = {
     package_id?: number
     allocation_id?: number
     package_name?: string
     package_code?: string
-    original_cost_price?: number
-    cost_price_yuan: number
-    expiry_base_override: ExpiryBaseSelection
-    initial_expiry_base_override: ExpiryBaseSelection
     default_expiry_base_name?: string | null
+    expiry_base_override: ExpiryBaseSelection
     expiry_base_override_name?: string | null
     effective_expiry_base_name?: string | null
-  }>({
+  }
+
+  const expiryForm = ref<ExpiryFormState>({ expiry_base_override: 'default' })
+
+  const createDefaultPackageForm = (): SeriesGrantPackageForm => ({
+    package_id: undefined,
+    allocation_id: undefined,
+    package_ids: [],
+    package_name: undefined,
+    package_code: undefined,
     cost_price_yuan: 0,
     expiry_base_override: 'default',
-    initial_expiry_base_override: 'default'
+    initial_expiry_base_override: 'default',
+    packages: []
   })
+  const packageForm = ref<SeriesGrantPackageForm>(createDefaultPackageForm())
 
   // 表单验证规则
   const packageRules = computed<FormRules>(() => ({
-    package_id: [
-      { required: packageDialogType.value === 'add', message: '请选择套餐', trigger: 'change' }
+    package_ids: [
+      {
+        validator: (_rule, value, callback) => {
+          if (packageDialogType.value !== 'add') {
+            callback()
+            return
+          }
+          if (!Array.isArray(value) || value.length === 0) {
+            callback(new Error('请至少选择一个套餐'))
+          } else if (value.length > 100) {
+            callback(new Error('最多选择100个套餐'))
+          } else {
+            callback()
+          }
+        },
+        trigger: 'change'
+      }
     ],
     cost_price_yuan: [
-      { required: true, message: '请输入成本价', trigger: 'blur' },
-      { type: 'number', min: 0, message: '成本价不能小于0', trigger: 'blur' }
+      {
+        required: packageDialogType.value === 'edit',
+        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'
+      }
     ]
   }))
 
   // 梯度配置表格数据(合并授权数据和系列数据)
-  watch(
-    () => packageForm.value.package_id,
-    (packageId) => {
-      if (packageDialogType.value !== 'add' || !packageId) return
-
-      const selectedPackage = availablePackages.value.find((pkg) => pkg.id === packageId)
-      if (!selectedPackage) return
-
-      const originalCostPrice =
-        selectedPackage.cost_price !== undefined && selectedPackage.cost_price !== null
-          ? selectedPackage.cost_price / 100
-          : 0
-
-      packageForm.value.package_name = selectedPackage.package_name
-      packageForm.value.package_code = selectedPackage.package_code
-      packageForm.value.original_cost_price = originalCostPrice
-      packageForm.value.cost_price_yuan = originalCostPrice
-    }
-  )
-
   const tierTableData = computed(() => {
     if (
       !detailData.value?.commission_tiers ||
@@ -507,19 +468,31 @@
     }
   }
 
+  // 显示添加套餐对话框
+  const assignPackageForm = (values: Partial<SeriesGrantPackageForm> = {}) => {
+    Object.assign(packageForm.value, createDefaultPackageForm(), values)
+  }
+
+  const resolvePackagePricing = (row?: GrantPackageInfo) => {
+    const pkgOption = availablePackages.value.find((pkg) => pkg.id === row?.package_id)
+    const currentCostPrice = row?.cost_price !== undefined ? row.cost_price / 100 : 0
+
+    return {
+      original_cost_price:
+        pkgOption?.cost_price !== undefined && pkgOption.cost_price !== null
+          ? pkgOption.cost_price / 100
+          : currentCostPrice,
+      suggested_retail_price:
+        pkgOption?.suggested_retail_price !== undefined && pkgOption.suggested_retail_price !== null
+          ? pkgOption.suggested_retail_price / 100
+          : undefined
+    }
+  }
+
   // 显示添加套餐对话框
   const showAddPackageDialog = () => {
     packageDialogType.value = 'add'
-    packageForm.value = {
-      package_id: undefined,
-      allocation_id: undefined,
-      package_name: undefined,
-      package_code: undefined,
-      original_cost_price: undefined,
-      cost_price_yuan: 0,
-      expiry_base_override: 'default',
-      initial_expiry_base_override: 'default'
-    }
+    assignPackageForm({ package_ids: [], packages: [] })
 
     // 加载可用套餐
     if (detailData.value?.series_id) {
@@ -532,23 +505,44 @@
   // 显示编辑套餐对话框
   const showEditPackageDialog = (row: GrantPackageInfo) => {
     packageDialogType.value = 'edit'
-    packageForm.value = {
+    const packagePricing = resolvePackagePricing(row)
+
+    assignPackageForm({
       package_id: row.package_id,
       allocation_id: row.allocation_id,
       package_name: row.package_name,
       package_code: row.package_code,
-      original_cost_price: row.cost_price / 100,
+      original_cost_price: packagePricing.original_cost_price,
       cost_price_yuan: row.cost_price / 100,
+      suggested_retail_price: packagePricing.suggested_retail_price,
       expiry_base_override: row.expiry_base_override ?? 'default',
       initial_expiry_base_override: row.expiry_base_override ?? 'default',
       default_expiry_base_name: row.default_expiry_base_name,
       expiry_base_override_name: row.expiry_base_override_name,
       effective_expiry_base_name: row.effective_expiry_base_name
-    }
+    })
 
     packageDialogVisible.value = true
   }
 
+  const showExpiryBaseDialog = (row: GrantPackageInfo) => {
+    if (row.allocation_id === undefined || row.allocation_id === null) {
+      ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
+      return
+    }
+    expiryForm.value = {
+      package_id: row.package_id,
+      allocation_id: row.allocation_id,
+      package_name: row.package_name,
+      package_code: row.package_code,
+      default_expiry_base_name: row.default_expiry_base_name,
+      expiry_base_override: row.expiry_base_override ?? 'default',
+      expiry_base_override_name: row.expiry_base_override_name,
+      effective_expiry_base_name: row.effective_expiry_base_name
+    }
+    expiryDialogVisible.value = true
+  }
+
   // 加载可用套餐
   const loadAvailablePackages = async (packageName?: string) => {
     if (!detailData.value?.series_id) return
@@ -596,79 +590,139 @@
     }
   }
 
+  const createPackageCostFormItem = (packageId: number): PackageCostFormItem => {
+    const selectedPackage = availablePackages.value.find((pkg) => pkg.id === packageId)
+    const originalCostPrice = selectedPackage?.cost_price ? selectedPackage.cost_price / 100 : 0
+    return {
+      package_id: packageId,
+      package_name: selectedPackage?.package_name,
+      package_code: selectedPackage?.package_code,
+      cost_price_yuan: originalCostPrice,
+      original_cost_price: originalCostPrice,
+      suggested_retail_price:
+        selectedPackage?.suggested_retail_price !== undefined &&
+        selectedPackage.suggested_retail_price !== null
+          ? selectedPackage.suggested_retail_price / 100
+          : undefined
+    }
+  }
+
+  const getPackageCostPriceMax = (pkg?: {
+    original_cost_price?: number
+    suggested_retail_price?: number | null
+  }) => {
+    if (pkg?.suggested_retail_price !== undefined && pkg.suggested_retail_price !== null) {
+      return Number((pkg.suggested_retail_price * 1.5).toFixed(2))
+    }
+    if (pkg?.original_cost_price !== undefined && pkg.original_cost_price !== null) {
+      return Number((pkg.original_cost_price * 1.5).toFixed(2))
+    }
+    return undefined
+  }
+
+  watch(
+    () => packageForm.value.package_ids,
+    (packageIds) => {
+      if (packageDialogType.value !== 'add') return
+      const existingItems = new Map(
+        packageForm.value.packages.map((item) => [item.package_id, item])
+      )
+      packageForm.value.packages = packageIds.map(
+        (packageId) => existingItems.get(packageId) || createPackageCostFormItem(packageId)
+      )
+    },
+    { deep: true }
+  )
+
   // 保存套餐
   const handleSavePackage = async () => {
-    if (!packageFormRef.value || !detailData.value) return
+    if (!detailData.value) return
 
-    const grantId = detailData.value.id // 保存到常量中避免类型检查问题
-    await packageFormRef.value.validate(async (valid) => {
-      if (!valid) return
-
-      submitLoading.value = true
-      try {
-        if (packageDialogType.value === 'add') {
-          await ShopSeriesGrantService.manageGrantPackages(grantId, {
-            expiry_base_override:
-              packageForm.value.expiry_base_override === 'default'
-                ? null
-                : packageForm.value.expiry_base_override,
-            packages: [
-              {
-                package_id: packageForm.value.package_id!,
-                cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
-              }
-            ]
-          })
-        } else {
-          const expiryBaseChanged =
-            packageForm.value.expiry_base_override !==
-            packageForm.value.initial_expiry_base_override
-          if (
-            expiryBaseChanged &&
-            (packageForm.value.allocation_id === undefined ||
-              packageForm.value.allocation_id === null)
-          ) {
-            ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
-            return
+    const grantId = detailData.value.id
+    submitLoading.value = true
+    try {
+      if (packageDialogType.value === 'add') {
+        if (packageForm.value.packages.length === 0) {
+          ElMessage.error('请至少选择一个套餐')
+          return
+        }
+        const packages: GrantPackageItem[] = packageForm.value.packages.map((pkg) => {
+          const currentCostPrice = Number(pkg.cost_price_yuan)
+          if (!Number.isFinite(currentCostPrice) || currentCostPrice < 0) {
+            throw new Error(`套餐 ${pkg.package_name || pkg.package_id} 的成本价无效`)
           }
-
-          const packages: GrantPackageItem[] = [
-            {
-              package_id: packageForm.value.package_id!,
-              cost_price: Math.round(packageForm.value.cost_price_yuan * 100)
-            }
-          ]
-          if (expiryBaseChanged) {
-            await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
-              packageForm.value.allocation_id!,
-              {
-                expiry_base_override:
-                  packageForm.value.expiry_base_override === 'default'
-                    ? null
-                    : packageForm.value.expiry_base_override
-              }
+          const maxCostPrice = getPackageCostPriceMax(pkg)
+          if (maxCostPrice !== undefined && currentCostPrice > maxCostPrice) {
+            throw new Error(
+              `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能高于 ¥${maxCostPrice.toFixed(2)}`
             )
           }
-          await ShopSeriesGrantService.manageGrantPackages(grantId, {
-            expiry_base_override:
-              packageForm.value.expiry_base_override === 'default'
-                ? null
-                : packageForm.value.expiry_base_override,
-            packages
-          })
+          if (pkg.original_cost_price !== undefined && currentCostPrice < pkg.original_cost_price) {
+            throw new Error(
+              `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能低于 ¥${pkg.original_cost_price.toFixed(2)}`
+            )
+          }
+          return {
+            package_id: pkg.package_id,
+            cost_price: Math.round(currentCostPrice * 100)
+          }
+        })
+        await ShopSeriesGrantService.manageGrantPackages(grantId, {
+          expiry_base_override:
+            packageForm.value.expiry_base_override === 'default'
+              ? null
+              : packageForm.value.expiry_base_override,
+          packages
+        })
+      } else {
+        const currentCostPriceYuan = Number(packageForm.value.cost_price_yuan)
+        if (Number.isNaN(currentCostPriceYuan)) {
+          throw new Error('当前成本价无效，无法保存')
+        }
+        const costPrice = Math.round(currentCostPriceYuan * 100)
+        const expiryBaseChanged =
+          packageForm.value.expiry_base_override !== packageForm.value.initial_expiry_base_override
+        if (
+          expiryBaseChanged &&
+          (packageForm.value.allocation_id === undefined ||
+            packageForm.value.allocation_id === null)
+        ) {
+          ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
+          return
         }
-        ElMessage.success(packageDialogType.value === 'add' ? '添加成功' : '更新成功')
-        packageDialogVisible.value = false
 
-        // 刷新详情数据
-        await fetchDetail()
-      } catch (error) {
-        console.error(error)
-        console.log(packageDialogType.value === 'add' ? '添加失败' : '更新失败')
-      } finally {
-        submitLoading.value = false
+        const packages: GrantPackageItem[] = [
+          { package_id: packageForm.value.package_id!, cost_price: costPrice }
+        ]
+        if (expiryBaseChanged) {
+          await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+            packageForm.value.allocation_id!,
+            {
+              expiry_base_override:
+                packageForm.value.expiry_base_override === 'default'
+                  ? null
+                  : packageForm.value.expiry_base_override
+            }
+          )
+        }
+        await ShopSeriesGrantService.manageGrantPackages(grantId, {
+          expiry_base_override:
+            packageForm.value.expiry_base_override === 'default'
+              ? null
+              : packageForm.value.expiry_base_override,
+          packages
+        })
       }
-    })
+      ElMessage.success(packageDialogType.value === 'add' ? '添加成功' : '更新成功')
+      packageDialogVisible.value = false
+
+      // 刷新详情数据
+      await fetchDetail()
+    } catch (error) {
+      ElMessage.error(error instanceof Error ? error.message : '保存套餐失败')
+    } finally {
+      submitLoading.value = false
+    }
   }
 
   // 删除套餐
@@ -690,7 +744,10 @@
             }
           ]
 
-          await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, { packages })
+          await ShopSeriesGrantService.manageGrantPackages(detailData.value.id, {
+            expiry_base_override: row.expiry_base_override ?? null,
+            packages
+          })
           ElMessage.success('删除成功')
 
           // 刷新详情数据
@@ -707,17 +764,35 @@
       })
   }
 
+  const saveExpiryBase = async () => {
+    if (expiryForm.value.allocation_id === undefined || expiryForm.value.allocation_id === null) {
+      return
+    }
+
+    expirySubmitLoading.value = true
+    try {
+      const response = await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+        expiryForm.value.allocation_id,
+        {
+          expiry_base_override:
+            expiryForm.value.expiry_base_override === 'default'
+              ? null
+              : expiryForm.value.expiry_base_override
+        }
+      )
+      if (response.code === 0) {
+        ElMessage.success('生效条件更新成功')
+        expiryDialogVisible.value = false
+        await fetchDetail()
+      }
+    } finally {
+      expirySubmitLoading.value = false
+    }
+  }
+
   // 关闭对话框
   const handlePackageDialogClosed = () => {
-    packageFormRef.value?.resetFields()
-    packageForm.value = {
-      package_name: undefined,
-      package_code: undefined,
-      original_cost_price: undefined,
-      cost_price_yuan: 0,
-      expiry_base_override: 'default',
-      initial_expiry_base_override: 'default'
-    }
+    assignPackageForm()
     availablePackages.value = []
   }
 
@@ -764,6 +839,13 @@
 
       .package-table {
         margin-top: 12px;
+
+        .package-table-actions {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 8px;
+          align-items: center;
+        }
       }
 
       .tier-table-wrapper {
@@ -794,6 +876,21 @@
     color: var(--el-color-warning);
   }
 
+  .ellipsis-value {
+    display: block;
+    width: 260px;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .form-tip {
+    margin-top: 4px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+  }
+
   .dialog-footer {
     text-align: right;
   }
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index 60822cd..4b6a506 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -21,189 +21,60 @@
           </ElButton>
         </div>
 
-        <ArtTable
-          ref="tableRef"
-          row-key="package_id"
-          :loading="loading"
+        <SeriesGrantPackageTable
           :data="packageList"
-          :marginTop="10"
-          :pagination="false"
-          :actions="getActions"
-          :actionsWidth="240"
-          :inlineActionsCount="3"
+          :loading="loading"
+          :show-actions="true"
+          :actions-width="240"
         >
-          <template #default>
-            <ElTableColumn
-              prop="package_name"
-              label="套餐名称"
-              minWidth="220"
-              show-overflow-tooltip
-            />
-            <ElTableColumn
-              prop="package_code"
-              label="套餐编码"
-              minWidth="180"
-              show-overflow-tooltip
-            />
-            <ElTableColumn label="成本价" width="120">
-              <template #default="{ row }">
-                <span class="amount-value">¥{{ (row.cost_price / 100).toFixed(2) }}</span>
-              </template>
-            </ElTableColumn>
-            <ElTableColumn label="套餐默认生效条件" minWidth="150">
-              <template #default="{ row }">
-                {{ row.default_expiry_base_name || '-' }}
-              </template>
-            </ElTableColumn>
-            <ElTableColumn label="覆盖生效条件" minWidth="150">
-              <template #default="{ row }">
-                {{ row.expiry_base_override_name || '跟随套餐默认' }}
-              </template>
-            </ElTableColumn>
-            <ElTableColumn label="最终生效条件" minWidth="150">
-              <template #default="{ row }">
-                {{ row.effective_expiry_base_name || '-' }}
-              </template>
-            </ElTableColumn>
-            <ElTableColumn label="上架状态" width="100" 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>
+          <template #actions="{ row }">
+            <div class="package-table-actions">
+              <ElButton
+                v-if="canUpdateExpiryBase"
+                type="primary"
+                size="small"
+                link
+                @click="showExpiryBaseDialog(row)"
+              >
+                修改生效条件
+              </ElButton>
+              <ElButton
+                v-if="hasAuth('series_grants:edit_packages_list')"
+                type="primary"
+                size="small"
+                link
+                @click="showEditPackageDialog(row)"
+              >
+                编辑
+              </ElButton>
+              <ElButton
+                v-if="hasAuth('series_grants:delete_packages_list')"
+                type="danger"
+                size="small"
+                link
+                @click="handleDeletePackage(row)"
+              >
+                删除
+              </ElButton>
+            </div>
           </template>
-        </ArtTable>
+        </SeriesGrantPackageTable>
       </ElCard>
 
-      <ElDialog
+      <SeriesGrantPackageDialog
         v-model="packageDialogVisible"
-        :title="packageDialogType === 'add' ? '添加套餐' : '编辑套餐'"
-        width="40%"
-        :close-on-click-modal="false"
+        v-model:form="packageForm"
+        :dialog-type="packageDialogType"
+        :rules="packageRules"
+        :available-packages="availablePackages"
+        :package-loading="packageLoading"
+        :submit-loading="submitLoading"
+        :can-update-expiry-base="canUpdateExpiryBase"
+        :has-series="Boolean(seriesId)"
+        @search="searchAvailablePackages"
+        @submit="handleSavePackage"
         @closed="handlePackageDialogClosed"
-      >
-        <ElForm ref="packageFormRef" :model="packageForm" :rules="packageRules" label-width="140px">
-          <ElFormItem label="选择套餐" prop="package_ids" v-if="packageDialogType === 'add'">
-            <ElSelect
-              v-model="packageForm.package_ids"
-              placeholder="请选择套餐（可多选）"
-              style="width: 100%"
-              filterable
-              remote
-              :remote-method="searchAvailablePackages"
-              :loading="packageLoading"
-              clearable
-              multiple
-              :multiple-limit="100"
-            >
-              <template v-if="availablePackages.length === 0 && !packageLoading && seriesId">
-                <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="pkg.is_authorized"
-              />
-            </ElSelect>
-          </ElFormItem>
-
-          <ElFormItem
-            v-if="packageDialogType === 'add' && packageForm.packages.length"
-            label="套餐配置"
-            prop="packages"
-          >
-            <div class="package-config-list">
-              <div
-                v-for="pkg in packageForm.packages"
-                :key="pkg.package_id"
-                class="package-config-item"
-              >
-                <div class="package-config-name" :title="pkg.package_name || ''">
-                  {{ pkg.package_name || '套餐名称不可用' }}
-                </div>
-                <div class="package-config-cost">
-                  <span class="package-config-field-label">套餐成本价（元）</span>
-                  <ElInputNumber
-                    v-model="pkg.cost_price_yuan"
-                    :min="pkg.original_cost_price || 0"
-                    :max="getPackageCostPriceMax(pkg)"
-                    :precision="2"
-                    :step="0.01"
-                    :controls="false"
-                    placeholder="请输入成本价"
-                    style="width: 150px"
-                  />
-                </div>
-              </div>
-            </div>
-          </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"
-              :precision="2"
-              :step="0.01"
-              :controls="false"
-              style="width: 100%"
-              placeholder="请输入成本价"
-            />
-            <div v-if="packageForm.original_cost_price" class="form-tip">
-              请参考{{ packageForm.package_name || '套餐' }} - 套餐成本价: ¥{{
-                packageForm.original_cost_price.toFixed(2)
-              }}
-            </div>
-          </ElFormItem>
-          <ElFormItem v-if="packageDialogType === 'add' || canUpdateExpiryBase" label="生效条件">
-            <ElSelect
-              v-model="packageForm.expiry_base_override"
-              placeholder="请选择生效条件"
-              style="width: 100%"
-            >
-              <ElOption label="跟随套餐默认" value="default" />
-              <ElOption label="购买即生效" value="from_purchase" />
-              <ElOption label="实名激活时生效" value="from_activation" />
-            </ElSelect>
-            <div class="form-tip">仅影响后续新订单，不影响已购买套餐</div>
-          </ElFormItem>
-          <template v-if="packageDialogType === 'edit'">
-            <ElFormItem label="套餐默认生效条件">
-              {{ packageForm.default_expiry_base_name || '-' }}
-            </ElFormItem>
-            <ElFormItem label="覆盖生效条件">
-              {{ packageForm.expiry_base_override_name || '跟随套餐默认' }}
-            </ElFormItem>
-            <ElFormItem label="最终生效条件">
-              {{ packageForm.effective_expiry_base_name || '-' }}
-            </ElFormItem>
-          </template>
-        </ElForm>
-
-        <template #footer>
-          <div class="dialog-footer">
-            <ElButton @click="packageDialogVisible = false">取消</ElButton>
-            <ElButton type="primary" @click="handleSavePackage" :loading="submitLoading">
-              保存
-            </ElButton>
-          </div>
-        </template>
-      </ElDialog>
+      />
 
       <ElDialog
         v-model="expiryDialogVisible"
@@ -252,22 +123,18 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, computed, onMounted, watch, nextTick } from 'vue'
+  import { ref, computed, onMounted, watch } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
   import {
     ElCard,
     ElButton,
     ElIcon,
-    ElTableColumn,
-    ElTag,
     ElDialog,
     ElSelect,
     ElOption,
-    ElInputNumber,
     ElForm,
     ElFormItem,
     ElMessage,
-    FormInstance,
     FormRules
   } from 'element-plus'
   import { ArrowLeft } from '@element-plus/icons-vue'
@@ -283,9 +150,13 @@
   } from '@/types/api'
   import { useAuth } from '@/composables/useAuth'
   import { JULY_PERMISSIONS } from '@/config/constants'
+  import SeriesGrantPackageTable from '@/components/business/SeriesGrantPackageTable.vue'
+  import SeriesGrantPackageDialog from '@/components/business/SeriesGrantPackageDialog.vue'
   import {
     mergeGrantPackageCandidates,
-    type GrantPackageCandidate
+    type GrantPackageCandidate,
+    type SeriesGrantPackageForm,
+    type PackageCostFormItem
   } from '@/utils/business/seriesGrantPackage'
 
   defineOptions({ name: 'SeriesGrantPackages' })
@@ -298,15 +169,11 @@
   const loading = ref(false)
   const submitLoading = ref(false)
   const packageLoading = ref(false)
-  const tableRef = ref()
-
   const grantId = computed(() => Number(route.params.id))
   const seriesId = ref<number>(0)
   const grantName = ref<string>('')
   const packageList = ref<GrantPackageInfo[]>([])
   const availablePackages = ref<GrantPackageCandidate[]>([])
-  const packageFormRef = ref<FormInstance>()
-
   const packageDialogVisible = ref(false)
   const packageDialogType = ref<'add' | 'edit'>('add')
   const expiryDialogVisible = ref(false)
@@ -314,32 +181,6 @@
 
   type ExpiryBaseSelection = PackageAllocationExpiryBaseOverride | 'default'
 
-  type PackageCostFormItem = {
-    package_id: number
-    package_name?: string
-    package_code?: string
-    cost_price_yuan: number
-    original_cost_price?: number
-    suggested_retail_price?: number
-  }
-
-  type PackageFormState = {
-    package_id?: number
-    allocation_id?: number
-    package_ids: number[]
-    package_name?: string
-    package_code?: string
-    cost_price_yuan: number
-    original_cost_price?: number
-    suggested_retail_price?: number
-    expiry_base_override: ExpiryBaseSelection
-    initial_expiry_base_override: ExpiryBaseSelection
-    default_expiry_base_name?: string | null
-    expiry_base_override_name?: string | null
-    effective_expiry_base_name?: string | null
-    packages: PackageCostFormItem[]
-  }
-
   type ExpiryFormState = {
     package_id?: number
     allocation_id?: number
@@ -351,7 +192,7 @@
     effective_expiry_base_name?: string | null
   }
 
-  const createDefaultPackageForm = (): PackageFormState => ({
+  const createDefaultPackageForm = (): SeriesGrantPackageForm => ({
     package_id: undefined,
     allocation_id: undefined,
     package_ids: [],
@@ -362,10 +203,10 @@
     initial_expiry_base_override: 'default',
     packages: []
   })
-  const packageForm = ref<PackageFormState>(createDefaultPackageForm())
+  const packageForm = ref<SeriesGrantPackageForm>(createDefaultPackageForm())
   const expiryForm = ref<ExpiryFormState>({ expiry_base_override: 'default' })
 
-  const assignPackageForm = (values: Partial<PackageFormState> = {}) => {
+  const assignPackageForm = (values: Partial<SeriesGrantPackageForm> = {}) => {
     Object.assign(packageForm.value, createDefaultPackageForm(), values)
   }
 
@@ -426,36 +267,6 @@
     ]
   }))
 
-  const getActions = (row: GrantPackageInfo) => {
-    const actions: any[] = []
-
-    if (canUpdateExpiryBase) {
-      actions.push({
-        label: '修改生效条件',
-        handler: () => showExpiryBaseDialog(row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('series_grants:edit_packages_list')) {
-      actions.push({
-        label: '编辑',
-        handler: () => showEditPackageDialog(row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('series_grants:delete_packages_list')) {
-      actions.push({
-        label: '删除',
-        handler: () => handleDeletePackage(row),
-        type: 'danger'
-      })
-    }
-
-    return actions
-  }
-
   // 返回上一页
   const handleBack = () => {
     router.back()
@@ -484,7 +295,6 @@
     assignPackageForm({ package_ids: [], packages: [] })
     loadAvailablePackages()
     packageDialogVisible.value = true
-    nextTick(() => packageFormRef.value?.clearValidate())
   }
 
   const showEditPackageDialog = (row: GrantPackageInfo) => {
@@ -506,7 +316,6 @@
       effective_expiry_base_name: row.effective_expiry_base_name
     })
     packageDialogVisible.value = true
-    nextTick(() => packageFormRef.value?.clearValidate())
   }
 
   const showExpiryBaseDialog = (row: GrantPackageInfo) => {
@@ -605,120 +414,90 @@
     { deep: true }
   )
 
-  watch(
-    () => packageForm.value.package_id,
-    (packageId) => {
-      if (packageDialogType.value === 'add' && packageId) {
-        const selectedPackage = availablePackages.value.find((p) => p.id === packageId)
-        if (selectedPackage) {
-          const originalCostPrice = selectedPackage.cost_price
-            ? selectedPackage.cost_price / 100
-            : 0
-          const suggestedRetailPrice =
-            selectedPackage.suggested_retail_price !== undefined &&
-            selectedPackage.suggested_retail_price !== null
-              ? selectedPackage.suggested_retail_price / 100
-              : undefined
-          packageForm.value.original_cost_price = originalCostPrice
-          packageForm.value.suggested_retail_price = suggestedRetailPrice
-          packageForm.value.cost_price_yuan = originalCostPrice
-        }
-      }
-    }
-  )
-
   const handleSavePackage = async () => {
-    if (!packageFormRef.value || !grantId.value) return
+    if (!grantId.value) return
 
-    await packageFormRef.value.validate(async (valid) => {
-      if (!valid) return
-
-      submitLoading.value = true
-      try {
+    submitLoading.value = true
+    try {
+      if (packageDialogType.value === 'add') {
+        if (packageForm.value.packages.length === 0) {
+          ElMessage.error('请至少选择一个套餐')
+          return
+        }
+        const packages: GrantPackageItem[] = packageForm.value.packages.map((pkg) => {
+          const currentCostPrice = Number(pkg.cost_price_yuan)
+          if (!Number.isFinite(currentCostPrice) || currentCostPrice < 0) {
+            throw new Error(`套餐 ${pkg.package_name || pkg.package_id} 的成本价无效`)
+          }
+          const maxCostPrice = getPackageCostPriceMax(pkg)
+          if (maxCostPrice !== undefined && currentCostPrice > maxCostPrice) {
+            throw new Error(
+              `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能高于 ¥${maxCostPrice.toFixed(2)}`
+            )
+          }
+          if (pkg.original_cost_price !== undefined && currentCostPrice < pkg.original_cost_price) {
+            throw new Error(
+              `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能低于 ¥${pkg.original_cost_price.toFixed(2)}`
+            )
+          }
+          return {
+            package_id: pkg.package_id,
+            cost_price: Math.round(currentCostPrice * 100)
+          }
+        })
+        await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
+          expiry_base_override:
+            packageForm.value.expiry_base_override === 'default'
+              ? null
+              : packageForm.value.expiry_base_override,
+          packages
+        })
+      } else {
         const currentCostPriceYuan = Number(packageForm.value.cost_price_yuan)
         if (Number.isNaN(currentCostPriceYuan)) {
           throw new Error('当前成本价无效，无法保存')
         }
         const costPrice = Math.round(currentCostPriceYuan * 100)
-        if (packageDialogType.value === 'add') {
-          if (packageForm.value.packages.length === 0) {
-            ElMessage.error('请至少选择一个套餐')
-            return
-          }
-          const packages: GrantPackageItem[] = packageForm.value.packages.map((pkg) => {
-            const currentCostPrice = Number(pkg.cost_price_yuan)
-            if (!Number.isFinite(currentCostPrice) || currentCostPrice < 0) {
-              throw new Error(`套餐 ${pkg.package_name || pkg.package_id} 的成本价无效`)
-            }
-            const maxCostPrice = getPackageCostPriceMax(pkg)
-            if (maxCostPrice !== undefined && currentCostPrice > maxCostPrice) {
-              throw new Error(
-                `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能高于 ¥${maxCostPrice.toFixed(2)}`
-              )
-            }
-            if (
-              pkg.original_cost_price !== undefined &&
-              currentCostPrice < pkg.original_cost_price
-            ) {
-              throw new Error(
-                `套餐 ${pkg.package_name || pkg.package_id} 的成本价不能低于 ¥${pkg.original_cost_price.toFixed(2)}`
-              )
-            }
-            return {
-              package_id: pkg.package_id,
-              cost_price: Math.round(currentCostPrice * 100)
-            }
-          })
-          await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
-            expiry_base_override:
-              packageForm.value.expiry_base_override === 'default'
-                ? null
-                : packageForm.value.expiry_base_override,
-            packages
-          })
-        } else {
-          const expiryBaseChanged =
-            packageForm.value.expiry_base_override !==
-            packageForm.value.initial_expiry_base_override
-          if (
-            expiryBaseChanged &&
-            (packageForm.value.allocation_id === undefined ||
-              packageForm.value.allocation_id === null)
-          ) {
-            ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
-            return
-          }
-
-          const packages: GrantPackageItem[] = [
-            { package_id: packageForm.value.package_id!, cost_price: costPrice }
-          ]
-          if (expiryBaseChanged) {
-            await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
-              packageForm.value.allocation_id!,
-              {
-                expiry_base_override:
-                  packageForm.value.expiry_base_override === 'default'
-                    ? null
-                    : packageForm.value.expiry_base_override
-              }
-            )
-          }
-          await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
-            expiry_base_override:
-              packageForm.value.expiry_base_override === 'default'
-                ? null
-                : packageForm.value.expiry_base_override,
-            packages
-          })
+        const expiryBaseChanged =
+          packageForm.value.expiry_base_override !== packageForm.value.initial_expiry_base_override
+        if (
+          expiryBaseChanged &&
+          (packageForm.value.allocation_id === undefined ||
+            packageForm.value.allocation_id === null)
+        ) {
+          ElMessage.error('该套餐分配记录缺少套餐分配 ID，无法修改生效条件')
+          return
         }
-        packageDialogVisible.value = false
-        await fetchPackageList()
-      } catch (error) {
-        ElMessage.error(error instanceof Error ? error.message : '保存套餐失败')
-      } finally {
-        submitLoading.value = false
+
+        const packages: GrantPackageItem[] = [
+          { package_id: packageForm.value.package_id!, cost_price: costPrice }
+        ]
+        if (expiryBaseChanged) {
+          await ShopPackageAllocationService.updateShopPackageAllocationExpiryBase(
+            packageForm.value.allocation_id!,
+            {
+              expiry_base_override:
+                packageForm.value.expiry_base_override === 'default'
+                  ? null
+                  : packageForm.value.expiry_base_override
+            }
+          )
+        }
+        await ShopSeriesGrantService.manageGrantPackages(grantId.value, {
+          expiry_base_override:
+            packageForm.value.expiry_base_override === 'default'
+              ? null
+              : packageForm.value.expiry_base_override,
+          packages
+        })
       }
-    })
+      packageDialogVisible.value = false
+      await fetchPackageList()
+    } catch (error) {
+      ElMessage.error(error instanceof Error ? error.message : '保存套餐失败')
+    } finally {
+      submitLoading.value = false
+    }
   }
 
   const saveExpiryBase = async () => {
@@ -779,7 +558,6 @@
   }
 
   const handlePackageDialogClosed = () => {
-    packageFormRef.value?.clearValidate()
     assignPackageForm()
     availablePackages.value = []
   }
@@ -827,9 +605,11 @@
       }
     }
 
-    .amount-value {
-      font-weight: 600;
-      color: var(--el-color-warning);
+    .package-table-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      align-items: center;
     }
 
     .form-tip {
@@ -838,51 +618,15 @@
       color: var(--el-text-color-secondary);
     }
 
-    .package-config-list {
-      width: 100%;
-    }
-
-    .package-config-item {
-      display: flex;
-      gap: 12px;
-      align-items: center;
-      margin-bottom: 10px;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .package-config-name,
     .ellipsis-value {
+      display: block;
+      width: 260px;
       min-width: 0;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
 
-    .package-config-name {
-      flex: 1;
-    }
-
-    .package-config-cost {
-      display: flex;
-      flex-shrink: 0;
-      gap: 8px;
-      align-items: center;
-    }
-
-    .package-config-field-label {
-      color: var(--el-text-color-secondary);
-      font-size: 13px;
-      white-space: nowrap;
-    }
-
-    .ellipsis-value {
-      display: block;
-      width: 260px;
-    }
-
     .dialog-footer {
       text-align: right;
     }
diff --git a/src/views/settings/system-configs/index.vue b/src/views/settings/system-configs/index.vue
index b422f94..c0c8f83 100644
--- a/src/views/settings/system-configs/index.vue
+++ b/src/views/settings/system-configs/index.vue
@@ -40,10 +40,10 @@
       <ElDialog
         v-model="dialogVisible"
         title="编辑系统配置"
-        width="560px"
+        width="30%"
         :close-on-click-modal="false"
       >
-        <ElForm label-width="120px">
+        <ElForm label-width="80px">
           <ElFormItem label="配置说明">
             <span>{{ currentConfig?.description || '-' }}</span>
           </ElFormItem>
@@ -90,7 +90,14 @@
 
         <template #footer>
           <ElButton @click="dialogVisible = false">取消</ElButton>
-          <ElButton type="primary" :loading="submitLoading" @click="handleSubmit"> 保存 </ElButton>
+          <ElButton
+            type="primary"
+            :loading="submitLoading"
+            :disabled="submitLoading"
+            @click="handleSubmit"
+          >
+            保存
+          </ElButton>
         </template>
       </ElDialog>
     </div>
@@ -111,6 +118,7 @@
     type SystemConfigModule
   } from '@/types/api/systemConfig'
   import { formatDateTime } from '@/utils/business/format'
+  import { normalizeApiError } from '@/utils/business/apiError'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { JULY_PERMISSIONS } from '@/config/constants'
   import { useAuth } from '@/composables/useAuth'
@@ -258,7 +266,8 @@
   const validateValue = (value: string) => {
     const config = currentConfig.value
     if (!config) return '配置不存在'
-    if (config.enum_values.length > 0 && !config.enum_values.includes(value)) {
+    const enumValues = config.enum_values ?? []
+    if (enumValues.length > 0 && !enumValues.includes(value)) {
       return '配置值不在允许的枚举范围内'
     }
     if (config.value_type === 'int') {
@@ -324,7 +333,14 @@
   }
 
   const handleSubmit = async () => {
-    if (!currentConfig.value || currentConfig.value.readonly) return
+    if (!currentConfig.value) {
+      ElMessage.error('未选择要编辑的系统配置')
+      return
+    }
+    if (currentConfig.value.readonly) {
+      ElMessage.warning('当前配置为只读配置，不能保存')
+      return
+    }
     const value = getSubmittedValue()
     if (currentConfig.value.sensitive && value === originalValue.value) {
       ElMessage.warning('敏感配置未输入新值，无需保存')
@@ -351,6 +367,7 @@
       }
     } catch (error) {
       console.error('更新系统配置失败:', error)
+      ElMessage.error(normalizeApiError(error).message)
     } finally {
       submitLoading.value = false
     }
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index c8e22a0..9d22512 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -303,6 +303,12 @@
             </div>
           </template>
         </ElDialog>
+
+        <ShopCreditLimitDialog
+          v-model="creditDialogVisible"
+          :shop="currentCreditShop"
+          @submitted="getShopList"
+        />
       </ElCard>
     </div>
   </ArtTableFullScreen>
@@ -326,21 +332,23 @@
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
   import { generateShopCode } from '@/utils/codeGenerator'
-   import { ShopService, RoleService } from '@/api/modules'
+  import { CommissionService, ShopService, RoleService } from '@/api/modules'
+  import ShopCreditLimitDialog from '@/components/business/ShopCreditLimitDialog.vue'
   import type { SearchFormItem } from '@/types'
-   import type {
-     CreateShopParams,
-     ShopBusinessOwnerCandidate,
-     ShopResponse,
-     ShopRoleResponse,
-     UpdateShopParams
-   } from '@/types/api'
-   import { RoleType, RoleStatus } from '@/types/api'
+  import type {
+    CreateShopParams,
+    ShopBusinessOwnerCandidate,
+    ShopResponse,
+    ShopRoleResponse,
+    UpdateShopParams
+  } from '@/types/api'
+  import type { ShopFundSummaryItem } from '@/types/api/commission'
+  import { RoleType, RoleStatus } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
   import { getCompatibleNumericId } from '@/utils/business/id'
-   import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
-   import { regionData } from '@/utils/constants/regionData'
-   import { RoutesAlias } from '@/router/routesAlias'
+  import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
+  import { regionData } from '@/utils/constants/regionData'
+  import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'Shop' })
 
@@ -355,7 +363,10 @@
   const defaultRoleLoading = ref(false)
   const defaultRoleList = ref<any[]>([])
   const salespersonLoading = ref(false)
-   const salespersonOptions = ref<ShopBusinessOwnerCandidate[]>([])
+  const salespersonOptions = ref<ShopBusinessOwnerCandidate[]>([])
+  const creditDialogVisible = ref(false)
+  const currentCreditShop = ref<ShopFundSummaryItem | null>(null)
+  const creditLoadingShopId = ref<number | null>(null)
 
   // 级联选择相关
   const parentShopCascadeOptions = ref<any[]>([])
@@ -422,11 +433,11 @@
   const searchPlatformSalespeople = async (query: string) => {
     salespersonLoading.value = true
     try {
-     const res = await ShopService.getBusinessOwnerCandidates({
-       page: 1,
-       page_size: 20,
-       keyword: query || undefined
-     })
+      const res = await ShopService.getBusinessOwnerCandidates({
+        page: 1,
+        page_size: 20,
+        keyword: query || undefined
+      })
       if (res.code === 0) {
         salespersonOptions.value = res.data.items || []
       }
@@ -438,20 +449,20 @@
     }
   }
 
-   const formatBusinessOwner = (shop: ShopResponse) => {
-     if (!shop.business_owner_username) return '-'
-     return shop.business_owner_phone_summary
-       ? `${shop.business_owner_username} (${shop.business_owner_phone_summary})`
-       : shop.business_owner_username
-   }
+  const formatBusinessOwner = (shop: ShopResponse) => {
+    if (!shop.business_owner_username) return '-'
+    return shop.business_owner_phone_summary
+      ? `${shop.business_owner_username} (${shop.business_owner_phone_summary})`
+      : shop.business_owner_username
+  }
 
-   const handleNameClick = (row: ShopResponse) => {
-     if (hasAuth('shop:detail')) {
-       void router.push(`${RoutesAlias.ShopDetail}/${row.id}`)
-     } else {
-       ElMessage.warning('您没有查看详情的权限')
-     }
-   }
+  const handleNameClick = (row: ShopResponse) => {
+    if (hasAuth('shop:detail')) {
+      void router.push(`${RoutesAlias.ShopDetail}/${row.id}`)
+    } else {
+      ElMessage.warning('您没有查看详情的权限')
+    }
+  }
 
   // 定义表单搜索初始值
   const initialSearchState = {
@@ -575,8 +586,8 @@
       },
       options: () =>
         salespersonOptions.value.map((salesperson) => ({
-         label: `${salesperson.username} (${salesperson.phone_summary})`,
-         value: salesperson.id
+          label: `${salesperson.username} (${salesperson.phone_summary})`,
+          value: salesperson.id
         }))
     }
   ])
@@ -619,8 +630,8 @@
       formData.address = row.address || ''
       formData.contact_name = row.contact_name || ''
       formData.contact_phone = row.contact_phone || ''
-       formData.business_owner_account_id = row.business_owner_account_id ?? null
-       formData.client_login_disabled = row.client_login_disabled
+      formData.business_owner_account_id = row.business_owner_account_id ?? null
+      formData.client_login_disabled = row.client_login_disabled
       formData.status = row.status
       formData.init_username = ''
       formData.init_password = ''
@@ -638,8 +649,8 @@
       formData.address = ''
       formData.contact_name = ''
       formData.contact_phone = ''
-       formData.business_owner_account_id = null
-       formData.client_login_disabled = false
+      formData.business_owner_account_id = null
+      formData.client_login_disabled = false
       formData.status = CommonStatus.ENABLED
       formData.init_username = ''
       formData.init_password = ''
@@ -680,29 +691,29 @@
 
   // 动态列配置
   const { columnChecks, columns } = useCheckedColumns(() => [
-     {
-       prop: 'shop_name',
-       label: '店铺名称',
-       width: 160,
-       showOverflowTooltip: true,
-       formatter: (row: ShopResponse) => {
-         const hasPermission = hasAuth('shop:detail')
-         return h(
-           'span',
-           {
-             style: hasPermission
-               ? 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;'
-               : '',
-             onClick: hasPermission
-               ? (event: MouseEvent) => {
-                   event.stopPropagation()
-                   handleNameClick(row)
-                 }
-               : undefined
-           },
-           row.shop_name
-         )
-       }
+    {
+      prop: 'shop_name',
+      label: '店铺名称',
+      width: 160,
+      showOverflowTooltip: true,
+      formatter: (row: ShopResponse) => {
+        const hasPermission = hasAuth('shop:detail')
+        return h(
+          'span',
+          {
+            style: hasPermission
+              ? 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;'
+              : '',
+            onClick: hasPermission
+              ? (event: MouseEvent) => {
+                  event.stopPropagation()
+                  handleNameClick(row)
+                }
+              : undefined
+          },
+          row.shop_name
+        )
+      }
     },
     {
       prop: 'shop_code',
@@ -741,19 +752,19 @@
       label: '联系电话',
       width: 130
     },
-     {
-        prop: 'business_owner_username',
-       label: '平台业务员',
-       minWidth: 180,
-       showOverflowTooltip: true,
-          formatter: (row: ShopResponse) => formatBusinessOwner(row)
-     },
-     {
-       prop: 'client_login_disabled',
-       label: 'C 端登录',
-       width: 110,
-       formatter: (row: ShopResponse) => (row.client_login_disabled ? '已限制' : '正常')
-     },
+    {
+      prop: 'business_owner_username',
+      label: '平台业务员',
+      minWidth: 180,
+      showOverflowTooltip: true,
+      formatter: (row: ShopResponse) => formatBusinessOwner(row)
+    },
+    {
+      prop: 'client_login_disabled',
+      label: 'C 端登录',
+      width: 110,
+      formatter: (row: ShopResponse) => (row.client_login_disabled ? '已限制' : '正常')
+    },
     ...(canModifyShopStatus
       ? [
           {
@@ -803,6 +814,14 @@
       })
     }
 
+    if (hasAuth('shop:credit_limit_manage')) {
+      actions.push({
+        label: '调整实际信用额度',
+        handler: () => showCreditDialog(row),
+        type: 'primary'
+      })
+    }
+
     if (hasAuth('shop:edit')) {
       actions.push({
         label: '编辑',
@@ -822,6 +841,34 @@
     return actions
   }
 
+  const showCreditDialog = async (row: ShopResponse) => {
+    if (creditLoadingShopId.value === row.id) return
+
+    creditLoadingShopId.value = row.id
+    try {
+      const res = await CommissionService.getShopFundSummary({
+        page: 1,
+        page_size: 100,
+        shop_name: row.shop_name
+      })
+      const summary =
+        res.code === 0 ? (res.data.items || []).find((item) => item.shop_id === row.id) : null
+
+      if (!summary) {
+        ElMessage.warning('未获取到该店铺的资金概况，请刷新店铺列表后重试')
+        return
+      }
+
+      currentCreditShop.value = summary
+      creditDialogVisible.value = true
+    } catch (error) {
+      console.error('获取店铺资金概况失败:', error)
+      ElMessage.error('获取店铺资金概况失败，请稍后重试')
+    } finally {
+      creditLoadingShopId.value = null
+    }
+  }
+
   // 表单实例
   const formRef = ref<FormInstance>()
 
@@ -843,8 +890,8 @@
     init_password: '',
     init_phone: '',
     default_role_id: undefined as number | undefined,
-     business_owner_account_id: null as number | null,
-     client_login_disabled: false
+    business_owner_account_id: null as number | null,
+    client_login_disabled: false
   })
 
   // 处理编码生成
@@ -874,10 +921,10 @@
   const searchDefaultRoles = async (query: string) => {
     defaultRoleLoading.value = true
     try {
-        const params: any = {
-          page: 1,
-          page_size: 20,
-          role_type: RoleType.CUSTOMER, // 仅客户角色
+      const params: any = {
+        page: 1,
+        page_size: 20,
+        role_type: RoleType.CUSTOMER, // 仅客户角色
         status: RoleStatus.ENABLED // 仅启用的角色
       }
       if (query) {
@@ -1013,8 +1060,8 @@
               init_password: formData.init_password,
               init_phone: formData.init_phone,
               default_role_id: formData.default_role_id!,
-               business_owner_account_id: formData.business_owner_account_id,
-               client_login_disabled: formData.client_login_disabled
+              business_owner_account_id: formData.business_owner_account_id,
+              client_login_disabled: formData.client_login_disabled
             }
 
             // 可选字段 - parent_id 可能是数组（级联选择器）或数字
@@ -1036,8 +1083,8 @@
             const data: UpdateShopParams = {
               shop_name: formData.shop_name,
               status: formData.status,
-               business_owner_account_id: formData.business_owner_account_id,
-               client_login_disabled: formData.client_login_disabled
+              business_owner_account_id: formData.business_owner_account_id,
+              client_login_disabled: formData.client_login_disabled
             }
 
             // 可选字段
diff --git a/src/views/system/role/detail/index.vue b/src/views/system/role/detail/index.vue
index aed296d..450a43d 100644
--- a/src/views/system/role/detail/index.vue
+++ b/src/views/system/role/detail/index.vue
@@ -21,10 +21,10 @@
           <ElDescriptionsItem label="状态">
             {{ role.status === 1 ? '启用' : '禁用' }}
           </ElDescriptionsItem>
-          <ElDescriptionsItem label="新建代理默认信用">
+          <ElDescriptionsItem label="代理默认信用">
             {{ role.default_credit_enabled ? '启用' : '未启用' }}
           </ElDescriptionsItem>
-          <ElDescriptionsItem label="默认信用额度">
+          <ElDescriptionsItem label="默认信用额度（元）">
             {{ formatCredit(role.default_credit_limit) }}
           </ElDescriptionsItem>
           <ElDescriptionsItem label="信用生效范围">
@@ -60,7 +60,10 @@
 
   const formatCredit = (value?: number) => {
     if (value === undefined || value === null) return '-'
-    return `${(value / 100).toFixed(2)} 元`
+    return (value / 100).toLocaleString('zh-CN', {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })
   }
 
   const handleBack = () => router.back()
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index c1de86e..37a60e7 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -88,6 +88,7 @@
                 />
               </ElFormItem>
               <ElFormItem label="默认信用额度">
+                <div class="credit-form-unit">单位：元</div>
                 <ElInputNumber
                   v-model="form.credit_limit_yuan"
                   :disabled="!form.credit_enabled"
@@ -97,8 +98,10 @@
                   controls-position="right"
                   style="width: 100%"
                   placeholder="请输入默认信用额度"
+                  :formatter="formatCreditInput"
+                  :parser="parseCreditInput"
                 />
-                <div class="credit-form-tip">单位：元。修改后不会影响已有店铺</div>
+                <div class="credit-form-tip">修改后不会影响已有店铺</div>
               </ElFormItem>
             </template>
           </ElForm>
@@ -349,8 +352,8 @@
     { label: '角色名称', prop: 'role_name' },
     { label: '角色描述', prop: 'role_desc' },
     { label: '角色类型', prop: 'role_type' },
-    { label: '新建代理默认信用', prop: 'default_credit_enabled' },
-    { label: '默认信用额度', prop: 'default_credit_limit' },
+    { label: '代理默认信用', prop: 'default_credit_enabled' },
+    { label: '默认信用额度（元）', prop: 'default_credit_limit' },
     ...(canUpdateRoleStatus ? [{ label: '状态', prop: 'status' }] : []),
     { label: '创建时间', prop: 'created_at' }
   ]
@@ -414,6 +417,29 @@
     }
   }
 
+  const formatCreditInput = (value: string | number | undefined) => {
+    if (value === undefined || value === null || value === '') return ''
+
+    const normalizedValue = String(value).replace(/,/g, '')
+    const [integerPart, decimalPart] = normalizedValue.split('.')
+    const formattedIntegerPart = (integerPart || '0').replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+
+    return decimalPart === undefined
+      ? formattedIntegerPart
+      : `${formattedIntegerPart}.${decimalPart}`
+  }
+
+  const parseCreditInput = (value: string) => value.replace(/,/g, '')
+
+  const formatCreditYuan = (value?: number | null) => {
+    if (value === undefined || value === null) return '-'
+
+    return fenToYuan(value).toLocaleString('zh-CN', {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })
+  }
+
   const roleList = ref<PlatformRole[]>([])
 
   const getRoleId = (role: PlatformRole | any) => getCompatibleNumericId(role) ?? 0
@@ -463,7 +489,7 @@
     },
     {
       prop: 'default_credit_enabled',
-      label: '新建代理默认信用',
+      label: '代理默认信用',
       width: 150,
       formatter: (row: PlatformRole) => {
         if (row.role_type !== RoleType.CUSTOMER) return '-'
@@ -474,11 +500,11 @@
     },
     {
       prop: 'default_credit_limit',
-      label: '默认信用额度',
-      width: 140,
+      label: '默认信用额度（元）',
+      width: 160,
       formatter: (row: PlatformRole) => {
         if (row.role_type !== RoleType.CUSTOMER || !row.default_credit_enabled) return '-'
-        return `${fenToYuan(row.default_credit_limit)} 元`
+        return formatCreditYuan(row.default_credit_limit)
       }
     },
     ...(canUpdateRoleStatus
@@ -1267,6 +1293,13 @@
     color: var(--el-text-color-secondary);
   }
 
+  .credit-form-unit {
+    margin-bottom: 6px;
+    font-size: 12px;
+    line-height: 1.4;
+    color: var(--el-text-color-secondary);
+  }
+
   .permission-tree-transfer-container {
     display: flex;
     gap: 20px;

From 93ed3fbd630c6b614e8f7d7788601036458db962 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 30 Jul 2026 09:51:04 +0800
Subject: [PATCH 42/76] =?UTF-8?q?fix:=20=E4=BB=A3=E7=90=86=E5=85=85?=
 =?UTF-8?q?=E5=80=BC=E6=89=AB=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/ShopCreditLimitDialog.vue        |  2 +-
 .../agent-recharge/agentRechargeOnline.ts     |  6 --
 src/views/finance/agent-recharge/index.vue    | 71 +++++++------------
 src/views/settings/system-configs/index.vue   |  2 -
 4 files changed, 27 insertions(+), 54 deletions(-)

diff --git a/src/components/business/ShopCreditLimitDialog.vue b/src/components/business/ShopCreditLimitDialog.vue
index 93a9b39..3acacdb 100644
--- a/src/components/business/ShopCreditLimitDialog.vue
+++ b/src/components/business/ShopCreditLimitDialog.vue
@@ -216,7 +216,7 @@
         }
         ElMessage.warning('资金概况已被其他操作更新，已刷新最新版本；请确认后重新提交')
       } else {
-        ElMessage.error(normalizeApiError(error).message)
+        console.error('实际信用额度调整失败:', error)
       }
     } finally {
       submitting.value = false
diff --git a/src/views/finance/agent-recharge/agentRechargeOnline.ts b/src/views/finance/agent-recharge/agentRechargeOnline.ts
index efde3b0..1811309 100644
--- a/src/views/finance/agent-recharge/agentRechargeOnline.ts
+++ b/src/views/finance/agent-recharge/agentRechargeOnline.ts
@@ -1,4 +1,3 @@
-import { normalizeApiError } from '@/utils/business/apiError'
 import type { AgentRechargeStatus } from '@/types/api'
 
 export const ONLINE_RECHARGE_TERMINAL_STATUSES: AgentRechargeStatus[] = [3, 4, 5, 6]
@@ -16,8 +15,3 @@ export const createOnlineRechargeRequestId = (): string => {
 export const amountYuanToFen = (amount: number): number => {
   return Math.round(amount * 100)
 }
-
-export const shouldRetryOnlineCreate = (error: unknown): boolean => {
-  const kind = normalizeApiError(error).kind
-  return kind === 'timeout' || kind === 'server' || kind === 'unknown'
-}
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 6625adc..c39b2c9 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -309,7 +309,6 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { formatDateTime } from '@/utils/business/format'
-  import { normalizeApiError } from '@/utils/business/apiError'
   import {
     getApprovalStatusText,
     getCurrentApproverSummaryText,
@@ -326,8 +325,7 @@
   import {
     amountYuanToFen,
     createOnlineRechargeRequestId,
-    isOnlineRechargeTerminal,
-    shouldRetryOnlineCreate
+    isOnlineRechargeTerminal
   } from './agentRechargeOnline'
 
   defineOptions({ name: 'AgentRechargeList' })
@@ -368,7 +366,6 @@
   const paymentStatusLoading = ref(false)
   const qrContent = ref('')
   const onlineRequestId = ref<string | null>(null)
-  const onlineCreateRetried = ref(false)
   const paymentStatusTimer = ref<ReturnType<typeof setInterval> | null>(null)
   const paymentMethodsBounds = reactive({
     min_amount: 10000,
@@ -546,6 +543,7 @@
   })
   const createSubmitDisabled = computed(
     () =>
+      createLoading.value ||
       voucherUploading.value ||
       paymentMethodsLoading.value ||
       (createMode.value === 'online' && onlinePaymentMethods.value.length === 0)
@@ -973,7 +971,6 @@
     createForm.payment_voucher_key = []
     createForm.remark = ''
     onlineRequestId.value = null
-    onlineCreateRetried.value = false
     voucherUploading.value = false
     uploadRef.value?.clearFiles(false)
   }
@@ -1007,6 +1004,8 @@
 
   // 创建充值订单
   const handleCreateRecharge = async () => {
+    if (createLoading.value) return
+
     const formRef = createFormRef.value
     if (!formRef) return
     if (voucherUploading.value) {
@@ -1014,11 +1013,11 @@
       return
     }
 
-    const valid = await formRef.validate().catch(() => false)
-    if (!valid || createForm.amount == null || !createForm.payment_method) return
-
     createLoading.value = true
     try {
+      const valid = await formRef.validate().catch(() => false)
+      if (!valid || createForm.amount == null || !createForm.payment_method) return
+
       if (createMode.value === 'online') {
         await handleOnlineRechargeCreate(createForm.amount, createForm.payment_method)
         return
@@ -1067,7 +1066,6 @@
 
     const requestId = onlineRequestId.value || createOnlineRechargeRequestId()
     onlineRequestId.value = requestId
-    onlineCreateRetried.value = false
 
     const request: CreateAgentRechargeRequest = {
       amount: amountYuanToFen(amountYuan),
@@ -1075,45 +1073,28 @@
       request_id: requestId
     }
 
-    let attempt = 0
-    while (attempt < 2) {
-      try {
-        const res = await AgentRechargeService.createAgentRecharge(request)
-        if (res.code !== 0) {
-          ElMessage.error(res.msg || '在线充值创建失败')
-          onlineRequestId.value = null
-          return
-        }
-
-        if (!res.data?.qr_content) {
-          ElMessage.error('支付接口未返回有效二维码，请刷新后重试')
-          return
-        }
-
-        onlineQrRecharge.value = res.data
-        onlinePaymentStatus.value = null
-        qrContent.value = res.data.qr_content
-        onlineQrDialogVisible.value = true
-        createDialogVisible.value = false
-        onlineRequestId.value = null
-        await getTableData()
-        return
-      } catch (error) {
-        if (attempt === 0 && shouldRetryOnlineCreate(error)) {
-          attempt += 1
-          onlineCreateRetried.value = true
-          continue
-        }
-
-        const normalized = normalizeApiError(error)
-        if (normalized.kind === 'validation' || normalized.kind === 'conflict') {
-          ElMessage.error(normalized.message)
-        } else {
-          ElMessage.warning('在线充值请求结果未知，请勿重复提交；可关闭后刷新列表确认')
-        }
+    try {
+      const res = await AgentRechargeService.createAgentRecharge(request)
+      if (res.code !== 0) {
+        ElMessage.error(res.msg || '在线充值创建失败')
         onlineRequestId.value = null
         return
       }
+
+      if (!res.data?.qr_content) {
+        ElMessage.error('支付接口未返回有效二维码，请刷新后重试')
+        return
+      }
+
+      onlineQrRecharge.value = res.data
+      onlinePaymentStatus.value = null
+      qrContent.value = res.data.qr_content
+      onlineQrDialogVisible.value = true
+      createDialogVisible.value = false
+      onlineRequestId.value = null
+      await getTableData()
+    } catch {
+      onlineRequestId.value = null
     }
   }
 
diff --git a/src/views/settings/system-configs/index.vue b/src/views/settings/system-configs/index.vue
index c0c8f83..dead324 100644
--- a/src/views/settings/system-configs/index.vue
+++ b/src/views/settings/system-configs/index.vue
@@ -118,7 +118,6 @@
     type SystemConfigModule
   } from '@/types/api/systemConfig'
   import { formatDateTime } from '@/utils/business/format'
-  import { normalizeApiError } from '@/utils/business/apiError'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { JULY_PERMISSIONS } from '@/config/constants'
   import { useAuth } from '@/composables/useAuth'
@@ -367,7 +366,6 @@
       }
     } catch (error) {
       console.error('更新系统配置失败:', error)
-      ElMessage.error(normalizeApiError(error).message)
     } finally {
       submitLoading.value = false
     }

From 055fed0cf115e69293de47d0502b05f320aeccb6 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 30 Jul 2026 16:05:48 +0800
Subject: [PATCH 43/76] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/BatchRealnamePolicyDialog.vue    | 11 +----
 src/template/设备批量任务.csv                 |  1 +
 .../task-management/bulk-purchase/index.vue   | 40 +++++++++++++++----
 .../device-batch-allocation/index.vue         | 23 ++++++++---
 src/views/finance/agent-recharge/index.vue    |  6 +--
 .../package-management/package-list/index.vue | 21 +---------
 .../package-series/index.vue                  |  9 +++--
 .../series-grants/index.vue                   | 31 +++++++++-----
 8 files changed, 82 insertions(+), 60 deletions(-)
 create mode 100644 src/template/设备批量任务.csv

diff --git a/src/components/business/BatchRealnamePolicyDialog.vue b/src/components/business/BatchRealnamePolicyDialog.vue
index d8a6a33..251f1d5 100644
--- a/src/components/business/BatchRealnamePolicyDialog.vue
+++ b/src/components/business/BatchRealnamePolicyDialog.vue
@@ -11,13 +11,6 @@
           <ElRadio value="after_order">先购买后实名</ElRadio>
         </ElRadioGroup>
       </ElFormItem>
-      <ElAlert
-        v-if="devicePolicyHint"
-        title="实际H5流程由设备策略决定"
-        type="info"
-        :closable="false"
-        show-icon
-      />
       <ElAlert
         v-if="errorMessage"
         :title="errorMessage"
@@ -56,13 +49,11 @@
     assetUnit: string
     loading?: boolean
     errorMessage?: string
-    devicePolicyHint?: boolean
   }
 
   const props = withDefaults(defineProps<Props>(), {
     loading: false,
-    errorMessage: '',
-    devicePolicyHint: false
+    errorMessage: ''
   })
 
   const emit = defineEmits<{
diff --git a/src/template/设备批量任务.csv b/src/template/设备批量任务.csv
new file mode 100644
index 0000000..2c9ae84
--- /dev/null
+++ b/src/template/设备批量任务.csv
@@ -0,0 +1 @@
+89861590172420377385
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
index 586f746..6c64746 100644
--- a/src/views/asset-management/task-management/bulk-purchase/index.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -155,9 +155,7 @@
             <div class="task-list-toolbar">
               <ElButton
                 v-if="hasAuth(BULK_PURCHASE_PERMISSIONS.template)"
-                tag="a"
-                href="/templates/bulk-purchase-template.csv"
-                download="批量订购套餐模板.csv"
+                @click="downloadTemplate"
               >
                 下载模板
               </ElButton>
@@ -306,6 +304,21 @@
     () => submitting.value || voucherUploading.value || orderFileUploading.value
   )
 
+  const downloadTemplate = () => {
+    try {
+      const link = document.createElement('a')
+      link.href = new URL('@/template/批量订购套餐模板.csv', import.meta.url).href
+      link.download = '批量订购套餐模板.csv'
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+      ElMessage.success('模板下载成功')
+    } catch (error) {
+      console.error('下载模板失败:', error)
+      ElMessage.error('模板下载失败')
+    }
+  }
+
   const form = reactive<{
     series_id?: number
     package_id?: number
@@ -526,6 +539,7 @@
   ) => {
     stopTaskStatusPolling()
     const session = taskStatusPollSession
+    let lastStatus = initialStatus
 
     const poll = async () => {
       if (session !== taskStatusPollSession) return
@@ -537,10 +551,22 @@
         })
         if (response.code === 0) {
           const task = response.data.items.find((item) => (item.task_id ?? item.id) === taskId)
-          if (task && task.status !== initialStatus) {
-            await loadTaskList()
-            stopTaskStatusPolling()
-            return
+          if (task) {
+            if (task.status !== lastStatus) {
+              lastStatus = task.status
+              await loadTaskList()
+            }
+            if (
+              session === taskStatusPollSession &&
+              [
+                BulkPurchaseTaskStatus.COMPLETED,
+                BulkPurchaseTaskStatus.FAILED,
+                BulkPurchaseTaskStatus.CANCELED
+              ].includes(task.status)
+            ) {
+              stopTaskStatusPolling()
+              return
+            }
           }
         }
       } catch (error) {
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index cf85fa5..d58bb73 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -391,8 +391,8 @@
   const downloadTemplate = () => {
     try {
       const link = document.createElement('a')
-      link.href = new URL('@/template/批量订购套餐模板.csv', import.meta.url).href
-      link.download = '批量订购套餐模板.csv'
+      link.href = new URL('@/template/设备批量任务.csv', import.meta.url).href
+      link.download = '设备批量任务.csv'
       document.body.appendChild(link)
       link.click()
       document.body.removeChild(link)
@@ -450,6 +450,7 @@
   ) => {
     stopTaskStatusPolling()
     const session = taskStatusPollSession
+    let lastStatus = initialStatus
 
     const poll = async () => {
       if (session !== taskStatusPollSession) return
@@ -461,10 +462,20 @@
         })
         if (response.code === 0) {
           const task = response.data.items.find((item) => item.id === taskId)
-          if (task && task.status !== initialStatus) {
-            await loadTaskList()
-            stopTaskStatusPolling()
-            return
+          if (task) {
+            if (task.status !== lastStatus) {
+              lastStatus = task.status
+              await loadTaskList()
+            }
+            if (
+              session === taskStatusPollSession &&
+              [DeviceImportTaskStatus.COMPLETED, DeviceImportTaskStatus.FAILED].includes(
+                task.status
+              )
+            ) {
+              stopTaskStatusPolling()
+              return
+            }
           }
         }
       } catch (error) {
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index c39b2c9..1a6f83e 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -338,13 +338,11 @@
   const isPlatformAccount = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
   const canViewRecharge = computed(() => [1, 2, 3].includes(Number(userStore.info.user_type)))
   const canCreateRecharge = computed(() => isAgentAccount.value || isPlatformAccount.value)
-  const createMode = ref<'online' | 'offline'>('offline')
+  const createMode = ref<'online' | 'offline'>(isAgentAccount.value ? 'online' : 'offline')
   const createDialogTitle = computed(() =>
     createMode.value === 'online' ? '代理钱包在线扫码充值' : '创建平台线下代充'
   )
-  const createButtonLabel = computed(() =>
-    createMode.value === 'online' ? '立即充值' : '创建充值订单'
-  )
+  const createButtonLabel = computed(() => (isAgentAccount.value ? '立即充值' : '创建充值订单'))
 
   const loading = ref(false)
   const createLoading = ref(false)
diff --git a/src/views/package-management/package-list/index.vue b/src/views/package-management/package-list/index.vue
index e62093a..2d65466 100644
--- a/src/views/package-management/package-list/index.vue
+++ b/src/views/package-management/package-list/index.vue
@@ -324,21 +324,6 @@
                 </ElFormItem>
               </ElCol>
             </ElRow>
-
-            <ElRow :gutter="20">
-              <ElCol :span="24">
-                <ElFormItem label="套餐描述" prop="description">
-                  <ElInput
-                    v-model="form.description"
-                    type="textarea"
-                    :rows="3"
-                    placeholder="请输入套餐描述（可选）"
-                    maxlength="500"
-                    show-word-limit
-                  />
-                </ElFormItem>
-              </ElCol>
-            </ElRow>
           </ElForm>
           <template #footer>
             <div class="dialog-footer">
@@ -737,8 +722,7 @@
     virtual_data_mb: 0,
     cost_price: 0,
     suggested_retail_price: undefined,
-    is_gift: false,
-    description: ''
+    is_gift: false
   })
 
   // GB 输入值（用于界面显示）
@@ -1369,7 +1353,6 @@
               : undefined
           originalSuggestedRetailPrice.value = data.suggested_retail_price ?? null
           form.is_gift = data.is_gift || false
-          form.description = data.description || ''
 
           // 数据填充完成后再显示对话框
           dialogVisible.value = true
@@ -1397,7 +1380,6 @@
       virtualRatioPercent.value = null
       form.cost_price = 0
       form.suggested_retail_price = undefined
-      form.description = ''
 
       dialogVisible.value = true
     }
@@ -1443,7 +1425,6 @@
     form.suggested_retail_price = undefined
     originalSuggestedRetailPrice.value = null
     form.is_gift = false
-    form.description = ''
   }
 
   // 删除套餐
diff --git a/src/views/package-management/package-series/index.vue b/src/views/package-management/package-series/index.vue
index a1459b3..2c7536f 100644
--- a/src/views/package-management/package-series/index.vue
+++ b/src/views/package-management/package-series/index.vue
@@ -1021,11 +1021,14 @@
 
             // 添加强充配置：元 -> 分（仅累计充值时需要）
             if (form.one_time_commission_config.trigger_type === 'accumulated_recharge') {
-              commissionConfig.enable_force_recharge = true
-              commissionConfig.force_amount =
-                form.one_time_commission_config.force_amount != null
+              const enableForceRecharge =
+                form.one_time_commission_config.enable_force_recharge === true
+              commissionConfig.enable_force_recharge = enableForceRecharge
+              commissionConfig.force_amount = enableForceRecharge
+                ? form.one_time_commission_config.force_amount != null
                   ? Math.round(form.one_time_commission_config.force_amount * 100)
                   : undefined
+                : 0
               commissionConfig.force_calc_type = form.one_time_commission_config.force_calc_type
             }
 
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index 24f0f7f..c72d500 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -484,14 +484,14 @@
                 <ElFormItem label="启用强制充值">
                   <ElSwitch
                     v-model="form.enable_force_recharge"
-                    :disabled="form.force_recharge_locked && isAgentAccount"
+                    :disabled="isForceRechargeLockedForAgent"
                   />
+                  <ElTag v-if="form.force_recharge_locked" type="danger" size="small">
+                    平台已锁定
+                  </ElTag>
                 </ElFormItem>
               </ElCol>
-              <ElCol
-                :span="12"
-                v-if="form.enable_force_recharge && !(form.force_recharge_locked && isAgentAccount)"
-              >
+              <ElCol :span="12" v-if="form.enable_force_recharge">
                 <ElFormItem label="强充金额(元)" prop="force_recharge_amount">
                   <ElInputNumber
                     v-model="form.force_recharge_amount"
@@ -499,6 +499,7 @@
                     :precision="2"
                     :step="0.01"
                     :controls="false"
+                    :disabled="isForceRechargeLockedForAgent"
                     style="width: 100%"
                     placeholder="请输入强制充值金额(元)"
                   />
@@ -516,6 +517,9 @@
                         >¥{{ form.series_force_recharge_amount.toFixed(2) }}</span
                       >
                     </span>
+                    <span v-if="isForceRechargeLockedForAgent" class="force-recharge-lock-hint">
+                      <br />平台已锁定，代理不可修改强充配置
+                    </span>
                   </div>
                 </ElFormItem>
               </ElCol>
@@ -797,6 +801,10 @@
     }> // 套餐配置
   })
 
+  const isForceRechargeLockedForAgent = computed(
+    () => form.force_recharge_locked === true && isAgentAccount.value
+  )
+
   // 动态验证规则
   const rules = computed<FormRules>(() => {
     const baseRules: FormRules = {
@@ -1574,11 +1582,10 @@
           }
 
           // 设置强制充值配置
-          form.enable_force_recharge = detail.force_recharge_enabled
-          form.force_recharge_amount = detail.force_recharge_amount
-            ? detail.force_recharge_amount / 100
-            : undefined
-          form.force_recharge_locked = detail.force_recharge_locked || false
+          form.force_recharge_locked = detail.force_recharge_locked ?? false
+          form.enable_force_recharge = detail.force_recharge_enabled ?? false
+          form.force_recharge_amount =
+            detail.force_recharge_amount != null ? detail.force_recharge_amount / 100 : undefined
 
           // 设置套餐数据
           if (detail.packages && detail.packages.length > 0) {
@@ -1910,6 +1917,10 @@
         color: var(--el-color-primary);
       }
     }
+
+    .force-recharge-lock-hint {
+      color: var(--el-color-danger);
+    }
   }
 
   .form-section-title {

From 83f1c88c65bf8843c350813e510d40fbac429c0f Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 31 Jul 2026 09:38:41 +0800
Subject: [PATCH 44/76] fix: ui

---
 .../device-batch-allocation/index.vue         |  2 +-
 .../components/WecomApplicationFormDialog.vue | 20 +++++++++----------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index d58bb73..8ff84f0 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -10,7 +10,7 @@
         :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDrawerClosed"
       >
-        <ElForm ref="formRef" :model="form" label-width="80px" class="create-form">
+        <ElForm ref="formRef" :model="form" label-width="100px" class="create-form">
           <ElFormItem label="操作类型" prop="operation_type">
             <ElSelect
               v-model="form.operation_type"
diff --git a/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
index f3d8eeb..38fc998 100644
--- a/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
+++ b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
@@ -17,12 +17,7 @@
         </ElCol>
         <ElCol :xs="24" :sm="12">
           <ElFormItem label="AgentID" prop="agent_id">
-            <ElInputNumber
-              v-model="form.agent_id"
-              :min="1"
-              controls-position="right"
-              class="full-width"
-            />
+            <ElInput v-model="form.agent_id" placeholder="请输入 AgentID" />
           </ElFormItem>
         </ElCol>
         <ElCol :xs="24" :sm="12">
@@ -112,7 +107,7 @@
   const testing = ref(false)
   const form = reactive({
     corp_id: '',
-    agent_id: 0,
+    agent_id: '',
     name: '',
     secret: '',
     callback_token: '',
@@ -122,7 +117,10 @@
 
   const rules = reactive<FormRules>({
     corp_id: [{ required: true, message: '请输入企业 ID', trigger: 'blur' }],
-    agent_id: [{ required: true, message: '请输入 AgentID', trigger: 'change' }],
+    agent_id: [
+      { required: true, message: '请输入 AgentID', trigger: 'blur' },
+      { pattern: /^[1-9]\d*$/, message: 'AgentID 必须为正整数', trigger: 'blur' }
+    ],
     name: [{ required: true, message: '请输入应用名称', trigger: 'blur' }],
     secret: [{ required: true, message: '请输入 Secret', trigger: 'blur' }]
   })
@@ -133,7 +131,7 @@
       application
         ? {
             corp_id: application.corp_id,
-            agent_id: application.agent_id,
+            agent_id: String(application.agent_id),
             name: application.name,
             secret: application.secret || '',
             callback_token: application.callback_token || '',
@@ -142,7 +140,7 @@
           }
         : {
             corp_id: '',
-            agent_id: 0,
+            agent_id: '',
             name: '',
             secret: '',
             callback_token: '',
@@ -165,7 +163,7 @@
     try {
       const response = await WecomService.saveApplication({
         corp_id: form.corp_id,
-        agent_id: form.agent_id,
+        agent_id: Number(form.agent_id),
         name: form.name,
         secret: form.secret,
         callback_token: form.callback_token,

From 06f39815dbacbb7cd6a48a9fde05f6855a9ebfb8 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 4 Aug 2026 15:12:42 +0800
Subject: [PATCH 45/76] fix: agent-fund-overview

---
 src/views/commission-management/agent-fund-overview/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 9fdf789..3e1dd3c 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -641,6 +641,7 @@
       prop: 'shop_name',
       label: '店铺名称',
       minWidth: 160,
+      fixed: 'left',
       showOverflowTooltip: true,
       formatter: (row: ShopFundSummaryItem) => {
         return h(

From 81d52892f5d6ab8b0473547ed99fc94531cf435d Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 4 Aug 2026 16:44:11 +0800
Subject: [PATCH 46/76] =?UTF-8?q?fix:=20=E5=BA=97=E9=93=BA=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E4=BB=A3=E7=90=86=E4=B8=8D=E6=98=BE=E7=A4=BA=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E4=B8=9A=E5=8A=A1=E5=91=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/shop-management/list/index.vue | 59 +++++++++++++++---------
 1 file changed, 37 insertions(+), 22 deletions(-)

diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index 9d22512..c449f95 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -127,7 +127,7 @@
               </ElCol>
             </ElRow>
 
-            <ElRow :gutter="20">
+            <ElRow v-if="!isAgentAccount" :gutter="20">
               <ElCol :span="12">
                 <ElFormItem label="平台业务员">
                   <ElSelect
@@ -331,6 +331,7 @@
   import type { FormRules } from 'element-plus'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
+  import { useUserStore } from '@/store/modules/user'
   import { generateShopCode } from '@/utils/codeGenerator'
   import { CommissionService, ShopService, RoleService } from '@/api/modules'
   import ShopCreditLimitDialog from '@/components/business/ShopCreditLimitDialog.vue'
@@ -353,6 +354,8 @@
   defineOptions({ name: 'Shop' })
 
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
+  const isAgentAccount = computed(() => Number(userStore.info.user_type) === 3)
   const canModifyShopStatus = hasAuth('shop:modify_status')
   const router = useRouter()
 
@@ -573,23 +576,27 @@
         placeholder: '请选择状态'
       }
     },
-    {
-      label: '平台业务员',
-      prop: 'business_owner_account_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: (query: string) => searchPlatformSalespeople(query),
-        placeholder: '请选择或搜索平台业务员'
-      },
-      options: () =>
-        salespersonOptions.value.map((salesperson) => ({
-          label: `${salesperson.username} (${salesperson.phone_summary})`,
-          value: salesperson.id
-        }))
-    }
+    ...(!isAgentAccount.value
+      ? [
+          {
+            label: '平台业务员',
+            prop: 'business_owner_account_id',
+            type: 'select' as const,
+            config: {
+              clearable: true,
+              filterable: true,
+              remote: true,
+              remoteMethod: (query: string) => searchPlatformSalespeople(query),
+              placeholder: '请选择或搜索平台业务员'
+            },
+            options: () =>
+              salespersonOptions.value.map((salesperson) => ({
+                label: `${salesperson.username} (${salesperson.phone_summary})`,
+                value: salesperson.id
+              }))
+          }
+        ]
+      : [])
   ])
 
   // 列配置
@@ -972,7 +979,9 @@
     loadTopLevelShops() // 加载顶级店铺用于级联选择
     searchDefaultRoles('') // 加载初始默认角色列表
     searchParentShops('') // 加载上级店铺选项
-    searchPlatformSalespeople('') // 加载启用的平台业务员选项
+    if (!isAgentAccount.value) {
+      searchPlatformSalespeople('') // 加载启用的平台业务员选项
+    }
   })
 
   // 获取店铺列表
@@ -989,7 +998,9 @@
         parent_id: searchForm.parent_id,
         level: searchForm.level,
         status: searchForm.status,
-        business_owner_account_id: searchForm.business_owner_account_id
+        ...(!isAgentAccount.value && {
+          business_owner_account_id: searchForm.business_owner_account_id
+        })
       }
       const res = await ShopService.getShops(params)
       if (res.code === 0) {
@@ -1060,9 +1071,11 @@
               init_password: formData.init_password,
               init_phone: formData.init_phone,
               default_role_id: formData.default_role_id!,
-              business_owner_account_id: formData.business_owner_account_id,
               client_login_disabled: formData.client_login_disabled
             }
+            if (!isAgentAccount.value) {
+              data.business_owner_account_id = formData.business_owner_account_id
+            }
 
             // 可选字段 - parent_id 可能是数组（级联选择器）或数字
             if (formData.parent_id) {
@@ -1083,9 +1096,11 @@
             const data: UpdateShopParams = {
               shop_name: formData.shop_name,
               status: formData.status,
-              business_owner_account_id: formData.business_owner_account_id,
               client_login_disabled: formData.client_login_disabled
             }
+            if (!isAgentAccount.value) {
+              data.business_owner_account_id = formData.business_owner_account_id
+            }
 
             // 可选字段
             if (formData.province) data.province = formData.province

From 1e740b1526d262f9d598aae5320dc7248ad5252e Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 5 Aug 2026 15:55:56 +0800
Subject: [PATCH 47/76] =?UTF-8?q?fix:=20=E6=9D=83=E9=99=90=E5=A5=97?=
 =?UTF-8?q?=E9=A4=90=E5=88=97=E8=A1=A8=E5=8D=A1=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../asset-information/components/PackageListCard.vue  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index f61adf6..d6d3907 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -395,13 +395,14 @@
   const isAdminOrPlatform = computed(
     () => userInfo.value.user_type === 1 || userInfo.value.user_type === 2
   )
-  const isProductionMode = import.meta.env.MODE === 'production'
+  // const isProductionMode = import.meta.env.MODE === 'production'
   const canUseAdjustmentInCurrentEnv = (permission: string) => {
-    if (isProductionMode) {
-      return userInfo.value.user_type === 2 && hasAuth(permission)
-    }
+    // if (isProductionMode) {
+      // userInfo.value.user_type === 2 && 
+      return hasAuth(permission)
+    // }
 
-    return userInfo.value.user_type === 1
+    // return userInfo.value.user_type === 1
   }
   const canUpdateUsedData = computed(() => canUseAdjustmentInCurrentEnv('package:update_used_data'))
   const canUpdateExpiresAt = computed(() =>

From db9aaa7920396f032b6dbcbc725a9381eb8f5349 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 5 Aug 2026 16:12:20 +0800
Subject: [PATCH 48/76] =?UTF-8?q?fix:=20=E6=9D=83=E9=99=90=E5=A5=97?=
 =?UTF-8?q?=E9=A4=90=E5=88=97=E8=A1=A8=E5=8D=A1=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PackageListCard.vue                | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index d6d3907..da53cda 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -395,19 +395,8 @@
   const isAdminOrPlatform = computed(
     () => userInfo.value.user_type === 1 || userInfo.value.user_type === 2
   )
-  // const isProductionMode = import.meta.env.MODE === 'production'
-  const canUseAdjustmentInCurrentEnv = (permission: string) => {
-    // if (isProductionMode) {
-      // userInfo.value.user_type === 2 && 
-      return hasAuth(permission)
-    // }
-
-    // return userInfo.value.user_type === 1
-  }
-  const canUpdateUsedData = computed(() => canUseAdjustmentInCurrentEnv('package:update_used_data'))
-  const canUpdateExpiresAt = computed(() =>
-    canUseAdjustmentInCurrentEnv('package:update_expires_at')
-  )
+  const canUpdateUsedData = computed(() => hasAuth('package:update_used_data'))
+  const canUpdateExpiresAt = computed(() => hasAuth('package:update_expires_at'))
 
   // 退款申请对话框
   const createRefundDialogVisible = ref(false)

From 34455a9f18e0613d716ecf54fd3c518606644425 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 5 Aug 2026 16:36:08 +0800
Subject: [PATCH 49/76] =?UTF-8?q?fix:=20=E9=80=80=E6=AC=BE=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/CreateRefundDialog.vue           | 32 ++++---------------
 src/types/api/refund.ts                       |  7 ++--
 .../components/PackageListCard.vue            | 14 ++++++--
 3 files changed, 22 insertions(+), 31 deletions(-)

diff --git a/src/components/business/CreateRefundDialog.vue b/src/components/business/CreateRefundDialog.vue
index e43bb62..23d2c6c 100644
--- a/src/components/business/CreateRefundDialog.vue
+++ b/src/components/business/CreateRefundDialog.vue
@@ -46,16 +46,6 @@
           placeholder="请输入退款原因"
         />
       </ElFormItem>
-      <ElFormItem label="备注">
-        <ElInput
-          v-model="formData.remark"
-          type="textarea"
-          :rows="2"
-          maxlength="500"
-          show-word-limit
-          placeholder="请输入备注"
-        />
-      </ElFormItem>
       <ElFormItem label="退款凭证" prop="refund_voucher_key">
         <VoucherUpload
           ref="uploadRef"
@@ -63,7 +53,6 @@
           voucher-name="退款凭证"
           @uploading-change="voucherUploading = $event"
           @change="formRef?.validateField('refund_voucher_key')"
-          @files-change="formData.attachments = $event"
         />
       </ElFormItem>
     </ElForm>
@@ -88,7 +77,7 @@
   import { ElMessage } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import { RefundService, OrderService } from '@/api/modules'
-  import type { CreateRefundRequest, Order, RefundAttachment } from '@/types/api'
+  import type { CreateRefundRequest, Order } from '@/types/api'
   import { formatMoney, yuanToFen } from '@/utils/business/format'
   import { getErrorMessage } from '@/utils/business'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
@@ -124,18 +113,14 @@
     requested_refund_amount?: number
     actual_received_amount: number
     refund_reason: string
-    remark: string
     refund_voucher_key: string[]
-    attachments: RefundAttachment[]
   }>({
     order_id: null,
     package_usage_id: undefined,
     requested_refund_amount: undefined,
     actual_received_amount: 0,
     refund_reason: '',
-    remark: '',
-    refund_voucher_key: [],
-    attachments: []
+    refund_voucher_key: []
   })
 
   const validateRefundAmount = (rule: any, value: number, callback: any) => {
@@ -220,9 +205,7 @@
     formData.requested_refund_amount = undefined
     formData.actual_received_amount = 0
     formData.refund_reason = ''
-    formData.remark = ''
     formData.refund_voucher_key = []
-    formData.attachments = []
     orderSearchOptions.value = []
     uploadRef.value?.clearFiles(false)
   }
@@ -239,13 +222,12 @@
         submitLoading.value = true
         try {
           const data: CreateRefundRequest = {
-            order_id: formData.order_id!,
-            requested_refund_amount: yuanToFen(formData.requested_refund_amount) ?? 0,
             actual_received_amount: formData.actual_received_amount,
-            attachments: formData.attachments,
-            package_usage_id: formData.package_usage_id,
-            refund_reason: formData.refund_reason || undefined,
-            remark: formData.remark || undefined
+            order_id: formData.order_id!,
+            package_usage_id: formData.package_usage_id ?? 0,
+            refund_reason: formData.refund_reason,
+            refund_voucher_key: formData.refund_voucher_key,
+            requested_refund_amount: yuanToFen(formData.requested_refund_amount) ?? 0
           }
           await RefundService.createRefund(data)
           ElMessage.success('退款申请创建成功')
diff --git a/src/types/api/refund.ts b/src/types/api/refund.ts
index cf661f5..90e3e84 100644
--- a/src/types/api/refund.ts
+++ b/src/types/api/refund.ts
@@ -112,10 +112,9 @@ export interface CreateRefundRequest {
   order_id: number
   requested_refund_amount: number // 申请退款金额（分）
   actual_received_amount: number // 实收金额（分）
-  attachments: RefundAttachment[]
-  package_usage_id?: number // 关联套餐使用记录 ID
-  refund_reason?: string
-  remark?: string
+  package_usage_id: number // 关联套餐使用记录 ID，无关联记录时传 0
+  refund_reason: string
+  refund_voucher_key: string[]
 }
 
 // 重新提交退款申请请求
diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index da53cda..f61adf6 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -395,8 +395,18 @@
   const isAdminOrPlatform = computed(
     () => userInfo.value.user_type === 1 || userInfo.value.user_type === 2
   )
-  const canUpdateUsedData = computed(() => hasAuth('package:update_used_data'))
-  const canUpdateExpiresAt = computed(() => hasAuth('package:update_expires_at'))
+  const isProductionMode = import.meta.env.MODE === 'production'
+  const canUseAdjustmentInCurrentEnv = (permission: string) => {
+    if (isProductionMode) {
+      return userInfo.value.user_type === 2 && hasAuth(permission)
+    }
+
+    return userInfo.value.user_type === 1
+  }
+  const canUpdateUsedData = computed(() => canUseAdjustmentInCurrentEnv('package:update_used_data'))
+  const canUpdateExpiresAt = computed(() =>
+    canUseAdjustmentInCurrentEnv('package:update_expires_at')
+  )
 
   // 退款申请对话框
   const createRefundDialogVisible = ref(false)

From fa3d7088f9539c64775f4e301d272320737258ba Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 5 Aug 2026 17:58:44 +0800
Subject: [PATCH 50/76] =?UTF-8?q?fix:=20=E5=BA=97=E9=93=BA=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/shop-management/list/index.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index c449f95..896456e 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -135,6 +135,7 @@
                     filterable
                     remote
                     clearable
+                    :value-on-clear="() => null"
                     placeholder="请选择或搜索平台业务员"
                     :remote-method="searchPlatformSalespeople"
                     :loading="salespersonLoading"
@@ -367,6 +368,7 @@
   const defaultRoleList = ref<any[]>([])
   const salespersonLoading = ref(false)
   const salespersonOptions = ref<ShopBusinessOwnerCandidate[]>([])
+  const initialBusinessOwnerAccountId = ref<number | null>(null)
   const creditDialogVisible = ref(false)
   const currentCreditShop = ref<ShopFundSummaryItem | null>(null)
   const creditLoadingShopId = ref<number | null>(null)
@@ -638,6 +640,7 @@
       formData.contact_name = row.contact_name || ''
       formData.contact_phone = row.contact_phone || ''
       formData.business_owner_account_id = row.business_owner_account_id ?? null
+      initialBusinessOwnerAccountId.value = row.business_owner_account_id ?? null
       formData.client_login_disabled = row.client_login_disabled
       formData.status = row.status
       formData.init_username = ''
@@ -657,6 +660,7 @@
       formData.contact_name = ''
       formData.contact_phone = ''
       formData.business_owner_account_id = null
+      initialBusinessOwnerAccountId.value = null
       formData.client_login_disabled = false
       formData.status = CommonStatus.ENABLED
       formData.init_username = ''
@@ -1099,7 +1103,13 @@
               client_login_disabled: formData.client_login_disabled
             }
             if (!isAgentAccount.value) {
-              data.business_owner_account_id = formData.business_owner_account_id
+              const businessOwnerAccountId =
+                typeof formData.business_owner_account_id === 'number'
+                  ? formData.business_owner_account_id
+                  : null
+              if (businessOwnerAccountId !== initialBusinessOwnerAccountId.value) {
+                data.business_owner_account_id = businessOwnerAccountId
+              }
             }
 
             // 可选字段

From b8b2854aa60566bda340c1fbbce971f313714c82 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 7 Aug 2026 18:33:37 +0800
Subject: [PATCH 51/76] =?UTF-8?q?feat:=20=E5=AE=A1=E8=AE=A1=E9=93=BE?=
 =?UTF-8?q?=E8=B7=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  53 ++
 .../proposal.md                               |  38 ++
 .../audit-chain-frontend-integration/spec.md  | 207 ++++++++
 .../tasks.md                                  |  44 ++
 .../design.md                                 |  52 ++
 .../implementation-audit.md                   |  41 ++
 .../proposal.md                               |  40 ++
 .../specs/audit-cross-view-navigation/spec.md | 124 +++++
 .../tasks.md                                  |  44 ++
 scripts/tests/auditNavigation.test.mjs        | 121 +++++
 src/App.vue                                   |   2 +
 src/api/modules/audit.ts                      | 124 +++++
 src/api/modules/index.ts                      |   1 +
 .../business/audit/AuditDistributionChart.vue | 162 ++++++
 .../business/audit/AuditEventTable.vue        |  53 ++
 .../audit/AuditInvestigationDrawer.vue        | 462 ++++++++++++++++++
 .../business/audit/AuditInvestigationHost.vue |  23 +
 .../audit/AuditInvestigationLinks.vue         | 154 ++++++
 .../audit/AuditResourceSearchDialog.vue       | 269 ++++++++++
 .../business/audit/investigationController.ts |  25 +
 src/components/business/audit/types.ts        |  24 +
 src/config/constants/audit.ts                 |  27 +
 src/router/routes/asyncRoutes.ts              |  67 +++
 src/router/routesAlias.ts                     |   7 +
 src/types/api/audit.ts                        | 449 +++++++++++++++++
 src/types/api/index.ts                        |   3 +
 src/types/components.d.ts                     |   6 +
 src/types/router/index.ts                     |   2 +
 src/utils/business/audit.ts                   | 137 ++++++
 src/utils/business/auditNavigation.ts         |  69 +++
 src/utils/business/notificationNavigation.ts  |  11 +-
 .../account-management/account/index.vue      |  16 +
 .../enterprise-customer/index.vue             |  18 +
 .../components/BasicInfoCard.vue              |  87 +++-
 .../components/WalletTransactionCard.vue      |  34 ++
 .../asset-management/device-list/index.vue    |  26 +
 .../exchange-management/detail.vue            |  60 +++
 .../exchange-management/index.vue             |  46 +-
 .../iot-card-management/index.vue             |  28 +-
 .../record-management/asset-assign/detail.vue |  46 +-
 .../record-management/asset-assign/index.vue  |  41 ++
 src/views/audit/events/detail.vue             | 323 ++++++++++++
 src/views/audit/events/index.vue              | 310 ++++++++++++
 src/views/audit/integrations/detail.vue       | 399 +++++++++++++++
 src/views/audit/integrations/index.vue        | 457 +++++++++++++++++
 src/views/audit/risks/index.vue               | 405 +++++++++++++++
 .../agent-fund-overview/index.vue             |  19 +
 src/views/finance/agent-recharge/detail.vue   |  57 +++
 src/views/finance/agent-recharge/index.vue    |  46 +-
 src/views/finance/refund/detail.vue           |  55 +++
 src/views/finance/refund/index.vue            |  49 +-
 .../order-management/order-list/detail.vue    |  34 ++
 .../order-management/order-list/index.vue     |  31 ++
 src/views/shop-management/list/index.vue      |  32 ++
 54 files changed, 5448 insertions(+), 12 deletions(-)
 create mode 100644 openspec/changes/add-audit-chain-frontend-integration/design.md
 create mode 100644 openspec/changes/add-audit-chain-frontend-integration/proposal.md
 create mode 100644 openspec/changes/add-audit-chain-frontend-integration/specs/audit-chain-frontend-integration/spec.md
 create mode 100644 openspec/changes/add-audit-chain-frontend-integration/tasks.md
 create mode 100644 openspec/changes/align-audit-cross-view-navigation/design.md
 create mode 100644 openspec/changes/align-audit-cross-view-navigation/implementation-audit.md
 create mode 100644 openspec/changes/align-audit-cross-view-navigation/proposal.md
 create mode 100644 openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md
 create mode 100644 openspec/changes/align-audit-cross-view-navigation/tasks.md
 create mode 100644 scripts/tests/auditNavigation.test.mjs
 create mode 100644 src/api/modules/audit.ts
 create mode 100644 src/components/business/audit/AuditDistributionChart.vue
 create mode 100644 src/components/business/audit/AuditEventTable.vue
 create mode 100644 src/components/business/audit/AuditInvestigationDrawer.vue
 create mode 100644 src/components/business/audit/AuditInvestigationHost.vue
 create mode 100644 src/components/business/audit/AuditInvestigationLinks.vue
 create mode 100644 src/components/business/audit/AuditResourceSearchDialog.vue
 create mode 100644 src/components/business/audit/investigationController.ts
 create mode 100644 src/components/business/audit/types.ts
 create mode 100644 src/config/constants/audit.ts
 create mode 100644 src/types/api/audit.ts
 create mode 100644 src/utils/business/audit.ts
 create mode 100644 src/utils/business/auditNavigation.ts
 create mode 100644 src/views/audit/events/detail.vue
 create mode 100644 src/views/audit/events/index.vue
 create mode 100644 src/views/audit/integrations/detail.vue
 create mode 100644 src/views/audit/integrations/index.vue
 create mode 100644 src/views/audit/risks/index.vue

diff --git a/openspec/changes/add-audit-chain-frontend-integration/design.md b/openspec/changes/add-audit-chain-frontend-integration/design.md
new file mode 100644
index 0000000..4e949a4
--- /dev/null
+++ b/openspec/changes/add-audit-chain-frontend-integration/design.md
@@ -0,0 +1,53 @@
+## Context
+
+本次变更横跨平台、代理和企业三类主体以及资产、订单、退款、钱包、通知等多个业务页面。OpenAPI 将关联关系明确建模为 `investigation_refs`、`linkage` 和稳定资源引用，并区分平台内部 ID 与代理/企业可见的业务标识。前端必须保持这些边界，不能为了补齐跳转而从名称、时间或摘要推断关联关系。
+
+仓库目前没有已归档的基线 specs，但存在通知中心和旧资产操作日志的活跃变更。本提案建立独立的审计链路能力，通过明确的依赖点与它们集成，不复制或覆盖其已有要求。
+
+## Goals / Non-Goals
+
+- Goals: 按 OpenAPI 实现 16 个只读接口的类型、查询、页面和跨视角跳转契约。
+- Goals: 为平台、代理和企业提供符合各自权限与数据投影的业务审计入口。
+- Goals: 统一分页、RFC3339 时间范围、枚举展示、在线保留窗口和错误处理。
+- Non-Goals: 不修改后端接口、数据库、日志采集或保留策略。
+- Non-Goals: 不提供恢复、重试、修改、删除、处置、封禁、任意全文搜索或导出。
+- Non-Goals: 不替换现有资产操作日志组件，也不修改 C/H5 端。
+
+## Decisions
+
+- Decision: 新增独立审计 API 模块和共享类型，按平台审计、主体活动、资金、风险、Integration、链路时间线分组暴露查询函数；统一保留服务端响应包装和 nullable 字段。
+- Decision: 平台业务入口使用响应中的内部稳定 ID。卡、设备、店铺、企业、订单和退款分别使用对应 `resource_type` 与 `response.data.id`；钱包通过资金时间线的 `wallet_id` 进入。
+- Decision: 代理与企业入口使用响应中的稳定业务标识。卡使用 `iccid`，设备使用 `virtual_no`；代理的分配、换货、店铺和企业使用接口文档指定的业务编号。缺少稳定标识时隐藏入口。
+- Decision: 前端只转发后端返回的调查引用。事件的 `event_id`、`actor_ref`、`resource_refs`、`request_id`、`correlation_id`、`integration_refs`，以及 Integration 的 `linkage`/`resource` 是跨视角导航的唯一数据来源。
+- Decision: `request_id` 可以来自调查引用、Integration、或用户从 Access Log 明确粘贴；`correlation_id` 和 `integration_id` 只能来自接口返回的稳定字段。前端不使用 UUID 或其他方式生成这些 ID。
+- Decision: 对不存在、为空或 `fidelity=false` 的引用隐藏对应跳转，禁止按名称、时间、摘要或相邻记录猜测缺失关系。
+- Decision: 资源搜索严格使用 `resource_type + keyword` 精确查询，并把选中项的 `resource_type/resource_id` 原样传给资源时间线。`historical=true` 只作为历史快照命中提示。
+- Decision: 列表和时间线统一消费 `page`、`page_size`、`total` 并保留 `retention` 语义。时间筛选发送含时区的 RFC3339 值，`created_to` 按接口定义为不包含该时刻；页面不展示全局在线窗口提示，也不提供归档查询假入口。
+- Decision: 所有枚举筛选提交稳定 code，并优先展示后端 `*_name`。`action`、Integration `operation` 等开放编码必须直接来自响应，不能从中文文案反推。
+- Decision: 资金金额按分展示转换，权威性只认 `amount_authority.authoritative=true` 指向的业务字段；前端不得合并冲突金额或自行计算余额。
+- Decision: 代理与企业活动共用展示外壳但使用独立 API。企业页面只展示主体安全投影，不引入平台操作者、风险、内部原因或 before/after 字段。
+- Decision: 通知目标仅在 `available=true`、`target_type=integration_log` 且 `target_key` 非空时跳转，并将 `target_key` 原样作为 Integration 详情的 `integration_id`。其他情况保留通知正文并提示目标不可用。
+- Decision: 权限以最终菜单/按钮权限编码和服务端鉴权共同控制。平台、代理、企业不展示不属于其主体的审计入口，`401/403` 继续走共享认证与无权处理。
+
+## Risks / Trade-offs
+
+- 最终菜单与按钮权限编码尚未体现在 OpenAPI 中；实施前必须确认，否则只能依赖服务端 `403`，无法做到准确的入口隐藏。
+- 审计事件和 Integration 模型字段较多；通过共享详情/时间线组件和严格类型避免各业务页重复实现，但不抽象为可以执行任意端点的动态页面。
+- 在线保留窗口外的数据不可由这些接口查询；空状态使用“当前查询无记录”的中性表达，避免将空数据误报为无历史事件。
+- 活跃通知中心变更也会修改通知导航；实施时需在其最新状态上追加 `integration_log` 规则，避免覆盖既有白名单映射。
+- 旧资产操作日志与新审计中心含义相邻但数据源不同；两个入口并存并清晰命名，避免误将旧日志能力删除。
+
+## Migration Plan
+
+1. 确认平台、代理、企业的菜单和按钮权限编码，以及审计中心路由归属。
+2. 建立 OpenAPI 对齐的类型、API 模块和共享只读展示组件。
+3. 按平台审计、资金、风险、Integration、主体活动顺序接入页面。
+4. 在业务页面与通知导航中增加稳定引用入口。
+5. 完成角色、数据隔离、空引用、保留窗口、错误和跨视角跳转验收。
+6. 若上线异常，隐藏新增路由与入口；现有业务接口和旧操作日志不受影响。
+
+## Open Questions
+
+- 平台审计中心、风险中心、Integration、代理资源活动和企业资源活动的最终菜单及按钮权限编码分别是什么？
+- 审计中心是作为一级菜单，还是归入现有系统管理/运维菜单？
+- OpenAPI 未包含 `GET /api/admin/notifications/{id}/target` 的完整响应 schema；是否继续以活跃通知中心变更定义的 `available/target_type/target_id/target_key` 为最终契约？
diff --git a/openspec/changes/add-audit-chain-frontend-integration/proposal.md b/openspec/changes/add-audit-chain-frontend-integration/proposal.md
new file mode 100644
index 0000000..d49df30
--- /dev/null
+++ b/openspec/changes/add-audit-chain-frontend-integration/proposal.md
@@ -0,0 +1,38 @@
+# Change: 新增审计链路前端接入能力
+
+## Why
+
+八月迭代新增了审计事件、请求与业务链路、资金调查、风险调查、外部集成交互以及代理/企业资源活动共 16 个只读接口。当前前端尚无统一的审计调查页面、接口类型和业务入口，无法可靠消费后端返回的稳定调查引用，也容易错误地由名称、时间或页面数据自行拼接链路标识。
+
+## What Changes
+
+- 新增平台审计事件列表、详情、操作者时间线、资源精确搜索和资源时间线能力。
+- 新增请求链路与业务关联链路时间线，并只使用接口返回或用户从 Access Log 粘贴的稳定 `request_id`、`correlation_id`。
+- 新增资金调查时间线、风险总览与明细、Integration 总览/列表/详情页面。
+- 新增代理和企业资源活动入口，并按主体支持范围使用稳定业务标识和后端安全投影。
+- 在卡、设备、店铺、企业、订单、退款和钱包相关列表/详情页增加角色匹配的「审计记录」入口。
+- 接入通知目标到 Integration 详情的受控跳转：仅接受可用的 `integration_log` 目标。
+- 统一使用后端返回的名称、状态、保留窗口语义和调查引用；禁止前端猜测或生成 `request_id`、`correlation_id`、`integration_id`。
+- 所有新增能力均为只读调查能力，不增加恢复、修改、删除、处置、封禁或导出操作。
+
+## Impact
+
+- Affected specs: `audit-chain-frontend-integration`
+- Affected code:
+  - `src/api/modules/` 下新增审计接口模块
+  - `src/types/api/` 下新增审计接口类型
+  - `src/views/` 下审计中心、风险中心、Integration 和时间线页面
+  - 卡、设备、店铺、企业、订单、退款、钱包相关列表/详情页
+  - 路由、菜单、权限控制及通知目标导航
+- API contracts:
+  - `GET /api/admin/audit/*`
+  - `GET /api/admin/agent/resource-activities/{resource_type}/{identifier}`
+  - `GET /api/admin/enterprise/resource-activities/{resource_type}/{identifier}`
+  - `GET /api/admin/notifications/{id}/target`
+- Dependencies:
+  - 与活跃变更 `update-admin-notification-center-api` 的受控通知目标协议保持一致
+  - 与活跃变更 `update-admin-asset-device-signal-and-audit-logs` 的旧资产操作日志展示并存；本变更不替换旧日志接口
+- Source of truth:
+  - `docs/产品迭代8月份/审计链路接口变更整理文档.md`
+  - `docs/产品迭代8月份/默认模块.openapi.json`
+- Breaking changes: 无；现有业务接口路径保持不变
diff --git a/openspec/changes/add-audit-chain-frontend-integration/specs/audit-chain-frontend-integration/spec.md b/openspec/changes/add-audit-chain-frontend-integration/specs/audit-chain-frontend-integration/spec.md
new file mode 100644
index 0000000..75d1dbc
--- /dev/null
+++ b/openspec/changes/add-audit-chain-frontend-integration/specs/audit-chain-frontend-integration/spec.md
@@ -0,0 +1,207 @@
+## ADDED Requirements
+
+### Requirement: Platform Audit Event Investigation
+
+The admin frontend SHALL provide platform audit event list and detail views using `GET /api/admin/audit/events` and `GET /api/admin/audit/events/{event_id}`. It SHALL preserve the documented event, actor, scope, resource, result, risk, request and investigation-reference fields, use stable codes for filters, and prefer backend display names.
+
+#### Scenario: Filter and inspect audit events
+
+- **WHEN** an authorized platform user filters audit events by documented time, action, category, actor, source, result, risk, scope, resource or linkage parameters
+- **THEN** the frontend MUST send the documented parameter names and stable code values
+- **AND** it MUST render the paginated `items`, `total`, `page`, `page_size` and `retention` response
+
+#### Scenario: Open an event detail
+
+- **WHEN** the user opens an event returned by the list or another investigation reference
+- **THEN** the frontend MUST pass its `event_id` unchanged to the detail endpoint
+- **AND** it MUST display backend snapshots and names without replacing historical values with current account or resource names
+
+### Requirement: Stable Investigation Reference Navigation
+
+The frontend SHALL navigate between audit views only through stable identifiers returned by the APIs. `investigation_refs.actor_ref`, `resource_refs`, `request_id`, `correlation_id`, `integration_refs`, Integration `linkage`, and stable Integration `resource` references SHALL be the authoritative navigation sources.
+
+#### Scenario: Navigate through a returned reference
+
+- **WHEN** an audit or Integration response contains a non-empty supported investigation reference
+- **THEN** the frontend MUST pass the returned identifier and type unchanged to the corresponding actor, resource, request, correlation or Integration view
+
+#### Scenario: A reference is unavailable or unreliable
+
+- **WHEN** the required reference is empty, absent, unsupported, or its linkage `fidelity` indicates that a relationship is unavailable
+- **THEN** the frontend MUST hide or disable the related navigation action
+- **AND** it MUST NOT infer a relationship from names, timestamps, summaries, adjacent rows or resource text
+
+#### Scenario: Link identifiers are not generated by the frontend
+
+- **WHEN** the frontend needs a `correlation_id` or `integration_id`
+- **THEN** it MUST use a value returned by an API
+- **AND** it MUST NOT generate, concatenate or guess the identifier
+
+### Requirement: Actor, Resource, and Link Timelines
+
+The admin frontend SHALL provide actor-event, resource-event, request-link and correlation-link timelines through the documented endpoints. It SHALL support an explicitly pasted Access Log `request_id`, while all other navigation values SHALL come from returned stable references.
+
+#### Scenario: Inspect actor behavior
+
+- **WHEN** a user follows `actor_ref.kind/id` or opens an account by its stable ID
+- **THEN** the frontend MUST call `/api/admin/audit/actors/{kind}/{id}/events`
+- **AND** action and resource filters MUST use stable values returned by audit data
+
+#### Scenario: Select an exact resource result
+
+- **WHEN** a user searches with a supported `resource_type` and exact `keyword` and selects a result
+- **THEN** the frontend MUST pass `items[].resource_type/resource_id` unchanged to the resource timeline
+- **AND** it MUST identify `historical=true` as a historical-snapshot match
+
+#### Scenario: Query a request copied from Access Log
+
+- **WHEN** a platform user explicitly pastes a request ID from Access Log
+- **THEN** the frontend MAY query `/api/admin/audit/requests/{request_id}/timeline` with that exact value
+- **AND** it MUST NOT claim that the endpoint scans Access Log or archived object storage
+
+### Requirement: Retention, Pagination, and Time Semantics
+
+All audit list and timeline views SHALL use the documented pagination and `retention` contract. Time filters SHALL be RFC3339 timestamps with timezone information, and `created_to` SHALL be treated as an exclusive upper bound.
+
+#### Scenario: Respect the online retention window without a global prompt
+
+- **WHEN** a response contains `retention.online_from`, `archived_before` and `timezone`
+- **THEN** the frontend MUST preserve the retention semantics in its data contract without displaying a global online-window banner
+- **AND** it MUST NOT interpret an empty online result as proof that no historical event exists
+
+#### Scenario: Page through a timeline
+
+- **WHEN** the user changes page or page size
+- **THEN** the frontend MUST use `page` and `page_size`, respect the maximum page size of 100, and preserve the active filters
+
+### Requirement: Finance Investigation Timeline
+
+The admin frontend SHALL query `GET /api/admin/audit/finance/timeline` with any documented stable finance condition, including shop, wallet, order, payment, refund, recharge, approval, third-party trade, actor or correlation identifiers. Monetary values SHALL remain integer fen in application data, and authority SHALL follow `amount_authority`.
+
+#### Scenario: Open finance history from a business record
+
+- **WHEN** a user opens finance history from an order, refund, recharge, wallet or shop with a stable backend ID
+- **THEN** the frontend MUST send the matching documented query parameter
+- **AND** it MUST allow the server to complete related facts instead of assembling a local timeline
+
+#### Scenario: Display an authoritative amount
+
+- **WHEN** a finance node returns an amount and `amount_authority.authoritative=true`
+- **THEN** the frontend MUST treat the referenced table and field as authoritative
+- **AND** it MUST only convert integer fen for presentation and MUST NOT reconcile conflicting facts locally
+
+### Requirement: Risk Investigation
+
+The admin frontend SHALL provide risk overview and event-detail views using `/api/admin/audit/risks/overview` and `/api/admin/audit/risks/events`. Filters SHALL use codes returned in overview collections, and the selected time range SHALL not exceed 31 days.
+
+#### Scenario: Drill down from a risk summary
+
+- **WHEN** a user selects a risk, result, action, source or signal represented by the overview
+- **THEN** the frontend MUST use the returned stable code for the supported event-list filter
+- **AND** backend `name` values MUST be used only for display
+
+#### Scenario: Select a range longer than 31 days
+
+- **WHEN** the user attempts to query more than 31 days
+- **THEN** the frontend MUST prevent submission and explain the maximum range
+
+### Requirement: External Integration Investigation
+
+The admin frontend SHALL provide Integration overview, list and detail views through the documented endpoints. It SHALL preserve provider, direction, operation, raw result, derived result category, duration, state-change, trigger, resource, linkage, attempt, content-summary, fidelity and retention fields.
+
+#### Scenario: Apply overview filters to the list
+
+- **WHEN** a user selects an overview provider, direction or result
+- **THEN** the frontend MUST map `providers[].code` to `provider`, `directions[].code` to `direction`, `results[].code` to `result`, and `results[].category` to `result_category`
+- **AND** it MUST use `name` only as display text
+
+#### Scenario: Display Integration trend categories
+
+- **WHEN** the overview returns trend points
+- **THEN** the frontend MUST preserve the five categories `processing`, `succeeded`, `indeterminate`, `failed` and `not_sent`
+- **AND** it MUST use only the documented `hour` or `day` bucket
+
+#### Scenario: Inspect an Integration detail
+
+- **WHEN** a user opens an `integration_id` returned by a list, event reference or notification target
+- **THEN** the frontend MUST query the detail with that value unchanged
+- **AND** it MUST present the capability as read-only without recovery, modification, deletion or export actions
+
+### Requirement: Role-Specific Resource Activity
+
+The frontend SHALL use the agent and enterprise resource-activity endpoints according to the authenticated subject. Agent activity SHALL support `iot_card`, `device`, `asset_allocation_record`, `exchange_order`, `shop` and `enterprise`; enterprise activity SHALL support only authorized `iot_card` and `device` resources.
+
+#### Scenario: Open an agent resource activity
+
+- **WHEN** an agent opens activity for a supported resource
+- **THEN** the frontend MUST use ICCID for a card, VirtualNo for a device, or the documented stable business number for another supported resource
+- **AND** it MUST NOT send or infer the agent identity or shop scope as query data
+
+#### Scenario: Open enterprise asset activity
+
+- **WHEN** an enterprise user opens an authorized card or device activity
+- **THEN** the frontend MUST use ICCID or VirtualNo with the enterprise endpoint
+- **AND** it MUST render only the subject-safe projection without platform actor, risk, internal reason or before/after fields
+
+#### Scenario: A stable subject identifier is missing
+
+- **WHEN** a business response does not contain the required ICCID, VirtualNo or stable business number
+- **THEN** the frontend MUST hide the activity entry
+- **AND** it MUST NOT substitute a display name or internal identifier intended for another subject
+
+### Requirement: Business Audit Entries
+
+The frontend SHALL add role-appropriate audit entries to card, device, shop, enterprise, order, refund and wallet list/detail contexts without changing existing business API URLs. Platform entries SHALL use backend internal IDs; agent and enterprise entries SHALL use their documented stable business identifiers.
+
+#### Scenario: Open platform asset or business history
+
+- **WHEN** a platform user opens audit history from a card, device, shop, enterprise, order or refund record
+- **THEN** the frontend MUST use the corresponding `resource_type` and backend `response.data.id` with the resource timeline
+
+#### Scenario: Open wallet or transaction history
+
+- **WHEN** a user opens audit history for a wallet, order or refund with a stable ID
+- **THEN** the frontend MUST offer the applicable finance timeline query
+- **AND** the resource timeline MAY also be offered only when a stable resource reference is available
+
+#### Scenario: Preserve existing operation logs
+
+- **WHEN** new audit entries are introduced on asset pages
+- **THEN** existing asset operation-log features MUST remain available
+- **AND** the UI MUST distinguish the existing operation logs from the new cross-system audit investigation
+
+### Requirement: Controlled Notification Integration Target
+
+The frontend SHALL resolve a notification through `GET /api/admin/notifications/{id}/target` before opening an Integration detail. It SHALL open the detail only when the target is available, has `target_type=integration_log`, and contains a non-empty `target_key`.
+
+#### Scenario: Open an Integration notification
+
+- **WHEN** target resolution returns `available=true`, `target_type=integration_log`, and a non-empty `target_key`
+- **THEN** the frontend MUST pass `target_key` unchanged as the Integration `integration_id`
+- **AND** it MUST open the controlled internal Integration detail route
+
+#### Scenario: Notification target cannot be used
+
+- **WHEN** the target is unavailable, has another type, lacks `target_key`, or maps to no registered route
+- **THEN** the frontend MUST not navigate or execute an arbitrary URL
+- **AND** it MUST preserve the notification content and show a safe unavailable-target message
+
+### Requirement: Audit Authorization and Read-Only Boundary
+
+The frontend SHALL enforce the final platform, agent and enterprise route and action permissions, while preserving backend authentication, authorization and data-isolation enforcement. All capabilities in this change SHALL remain read-only.
+
+#### Scenario: A subject lacks audit permission
+
+- **WHEN** the current subject lacks the configured permission for an audit page or business entry
+- **THEN** the frontend MUST hide or disable that page or entry and MUST NOT call the endpoint as a fallback
+
+#### Scenario: An audit request is rejected
+
+- **WHEN** an endpoint returns `400`, `401`, `403` or `500`
+- **THEN** the frontend MUST use shared validation, authentication, authorization and server-error handling
+- **AND** it MUST preserve the current investigation state when retrying would be unsafe or misleading
+
+#### Scenario: A user inspects an audit record
+
+- **WHEN** any audit, risk, finance, Integration or subject-activity view is displayed
+- **THEN** the UI MUST NOT provide mutation, recovery, deletion, risk-disposition, blocking or export actions
diff --git a/openspec/changes/add-audit-chain-frontend-integration/tasks.md b/openspec/changes/add-audit-chain-frontend-integration/tasks.md
new file mode 100644
index 0000000..854480b
--- /dev/null
+++ b/openspec/changes/add-audit-chain-frontend-integration/tasks.md
@@ -0,0 +1,44 @@
+## 1. Contract and Shared Infrastructure
+
+- [x] 1.1 根据 `默认模块.openapi.json` 建立审计事件、调查引用、资源、保留窗口、链路节点、资金节点、风险和 Integration 的 TypeScript 类型。
+- [x] 1.2 新增平台审计、主体资源活动、资金、风险、Integration 和链路时间线 API 方法，保持文档参数名、枚举和 nullable 语义。
+- [x] 1.3 建立共享的分页、RFC3339 时间范围、保留窗口、枚举名称和 API 错误展示能力。
+- [x] 1.4 建立只读事件详情、资源摘要、调查引用和时间线节点组件，不提供写操作或导出能力。
+
+## 2. Platform Audit Center
+
+- [x] 2.1 实现审计事件列表及文档定义的时间、动作、类别、操作者、来源、结果、风险、范围、资源和链路筛选。
+- [x] 2.2 实现事件详情，展示事件、操作者、资源快照、结果、风险和元数据，并按非空 `investigation_refs` 提供跳转。
+- [x] 2.3 实现操作者行为时间线，使用 `actor_ref.kind/id` 和稳定 code 筛选。
+- [x] 2.4 实现资源精确搜索及资源时间线，原样使用选中项的 `resource_type/resource_id` 并提示历史快照命中。
+- [x] 2.5 实现请求和业务关联时间线，支持从返回引用进入，以及明确粘贴 Access Log `request_id` 的查询入口。
+
+## 3. Specialized Investigations
+
+- [x] 3.1 实现资金调查时间线和全部文档筛选条件，以分为数据单位并展示金额权威来源。
+- [x] 3.2 实现风险总览和风险事件明细，按总览返回的稳定 code 回填筛选，并限制最长 31 天时间范围。
+- [x] 3.3 实现 Integration 总览、列表和详情，覆盖 provider、direction、result、result_category、趋势、尝试、内容摘要、保真度和关联字段。
+- [x] 3.4 实现各调查视角之间基于 `investigation_refs`、`linkage` 和稳定资源引用的受控跳转。
+
+## 4. Subject Activity and Business Entries
+
+- [x] 4.1 实现代理资源活动页面，支持卡、设备、资产分配记录、换货单、店铺和企业的稳定业务标识。
+- [x] 4.2 实现企业资源活动页面，仅支持当前授权卡和设备并只渲染主体安全投影。
+- [x] 4.3 在卡、设备、店铺、企业、订单、退款和钱包列表/详情增加角色匹配的「审计记录」入口。
+- [x] 4.4 缺少内部 ID、ICCID、VirtualNo 或业务编号时隐藏入口，不使用页面文本或其他字段推断。
+- [x] 4.5 保留现有资产操作日志入口，并通过命名与说明区分旧操作日志和新审计调查能力。
+
+## 5. Notification, Routes, and Permissions
+
+- [x] 5.1 增加审计中心、风险中心、Integration 和共享时间线的路由与菜单配置。
+- [x] 5.2 接入最终确认的平台、代理、企业菜单/按钮权限编码，隐藏越权页面和业务入口。
+- [x] 5.3 在通知目标导航中仅对可用 `integration_log` 目标开放 Integration 详情，并原样使用 `target_key`。
+- [x] 5.4 对未知、不可用或缺失目标保留安全提示，不执行任意 URL 或推测跳转。
+
+## 6. Verification
+
+- [ ] 6.1 为 API 参数序列化、枚举、nullable 字段、分页和 RFC3339 时间范围增加单元测试。
+- [ ] 6.2 为稳定引用跳转、空引用隐藏、`fidelity=false`、通知 Integration 目标和禁止生成链路 ID 增加测试。
+- [ ] 6.3 验证平台、代理、企业角色可见性、服务端数据隔离、企业安全投影以及 `401/403/400/500` 处理。
+- [ ] 6.4 验证保留窗口、空数据、最长 31 天风险查询、资金金额单位和 Integration 五类趋势状态。
+- [ ] 6.5 完成 16 个接口的联调回归，并确认现有业务 URL、通知中心和旧资产操作日志未被破坏。
diff --git a/openspec/changes/align-audit-cross-view-navigation/design.md b/openspec/changes/align-audit-cross-view-navigation/design.md
new file mode 100644
index 0000000..079e893
--- /dev/null
+++ b/openspec/changes/align-audit-cross-view-navigation/design.md
@@ -0,0 +1,52 @@
+## Context
+
+审计调查横跨平台、代理和企业三种身份，以及事件、资源、请求、业务链路、资金和外部交互等多种事实视角。后端通过内部资源 ID、主体安全 identifier、`investigation_refs`、Integration `linkage` 和 `fidelity` 明确表达可导航关系；前端的职责是原样传递这些稳定引用，而不是补全关系。
+
+现有实现已经形成 `AuditInvestigationDrawer`、`AuditResourceSearchDialog` 和全局控制器，但业务页面仍需逐一核对入口覆盖、角色映射和降级规则。本设计将导航判断集中到共享目标解析层，展示仍由只读组件负责。
+
+## Goals / Non-Goals
+
+- Goals: 用一个类型安全的目标模型表达所有允许的审计调查入口。
+- Goals: 完成文档中资产、组织、账号、交易、资金和调查节点的导航矩阵。
+- Goals: 保证平台、代理和企业仅调用各自允许的接口，并隐藏缺少稳定参数的入口。
+- Goals: 使用弹窗/右侧抽屉承载续查，锁定底层滚动并支持分页与空状态。
+- Non-Goals: 不修改后端链路生成、数据库、留存或授权规则。
+- Non-Goals: 不提供恢复、重试、处置、封禁、修改、删除或导出。
+- Non-Goals: 不把旧 operation log 合并进新审计链路。
+- Non-Goals: 不从 Access Log、历史队列、自由文本或时间邻近关系自动发现链路。
+
+## Decisions
+
+- Decision: 使用判别联合类型描述 `event/actor/resource/request/correlation/finance/integration/agent/enterprise` 调查目标；调用方只能提交该目标模型，不能提交任意 URL。
+- Decision: 使用全局调查宿主承载共享抽屉和精确资源弹窗。业务页面操作只负责构造目标，不各自维护弹窗、加载和滚动状态。
+- Decision: 独立的审计中心列表与详情可以保留路由；跨视角时间线和关联详情使用抽屉。移除旧时间线路由、别名和所有指向它的跳转。
+- Decision: 平台资源入口优先使用业务响应中的内部稳定 ID。只有调用上下文没有资源 ID、但明确持有 `iot_card/device/shop/order/refund` 的业务 Key 时，才进入精确资源搜索。
+- Decision: 精确资源搜索不展示 `resource_id` 或身份快照中的内部关联 ID。候选项只展示按资源类型白名单选择的业务字段；选中后在内部原样使用返回的 `resource_type/resource_id`。
+- Decision: 代理使用 ICCID、VirtualNo、分配单号、换货单号、店铺编号或企业编号；企业只使用当前授权卡的 ICCID 或设备 VirtualNo。主体身份和范围不作为前端参数。
+- Decision: `investigation_refs` 是调查节点续查的权威来源。字段缺失、目标与当前详情相同或 `fidelity=false` 时隐藏对应操作。
+- Decision: 请求和业务链路 ID 默认不展示原值；仅在明确的超级管理员开发调查上下文中允许复制真实 request ID，且不得由前端生成。
+- Decision: 资金目标只提交一个已知稳定条件，其他订单、支付、退款、充值和钱包关联由服务端解析；金额始终按分保存在应用数据中。
+- Decision: `401/403`、授权撤销或主体资源不存在时显示中性“活动不可用”，不回退平台接口、精确资源搜索或旧 operation log。
+- Decision: 所有抽屉使用 `append-to-body`、modal 和 scroll lock，关闭后销毁内容；分页切换保留目标和筛选，切换目标时清空旧数据。
+
+## Risks / Trade-offs
+
+- 业务页面数量多，容易出现入口漏接或使用错误字段。通过集中目标解析函数和表驱动测试覆盖文档矩阵。
+- 全局抽屉减少重复代码，但必须防止上一目标的数据闪现。打开新目标前先清空状态，并以当前请求标识忽略过期响应。
+- 精确资源搜索结果来自当前表或历史快照；仅展示白名单字段会减少调试信息，但可以避免泄露内部 ID 和不稳定结构。
+- 本变更与 `add-audit-chain-frontend-integration` 修改同一组件目录。实施前必须以其最新状态为基线，避免覆盖已完成的 UI 调整。
+
+## Migration Plan
+
+1. 固化共享调查目标类型、控制器和角色解析函数，并为现有入口提供兼容适配。
+2. 将仍指向旧时间线路由的入口切换为全局调查宿主，确认无引用后删除旧页面、路由和别名。
+3. 按文档矩阵依次接入资产组织页、账号交易页、资金页和调查节点续查。
+4. 收紧精确搜索触发条件、主体视角和空标识降级规则。
+5. 完成角色矩阵、参数原样传递、禁止推断、弹窗滚动和过期请求测试。
+6. 若出现回归，可按业务模块隐藏新入口；不恢复任意 URL 跳转或 ID 推断逻辑。
+
+## Open Questions
+
+- 账号、代理充值、资产分配、换货、店铺资金概况等尚未接入页面的最终按钮权限是否沿用资源时间线/资金时间线权限，还是增加业务入口专用权限？
+- 超级管理员是否需要一个显式的 Access Log request ID 粘贴入口；若不需要，前端应完全移除手工 request 查询。
+- `historical=true` 在产品要求隐藏“匹配来源”后，是否仍需用非字段式的警告图标提示资源可能已删除？
diff --git a/openspec/changes/align-audit-cross-view-navigation/implementation-audit.md b/openspec/changes/align-audit-cross-view-navigation/implementation-audit.md
new file mode 100644
index 0000000..c25d855
--- /dev/null
+++ b/openspec/changes/align-audit-cross-view-navigation/implementation-audit.md
@@ -0,0 +1,41 @@
+## 实施差异核对
+
+### 已接入矩阵
+
+| 来源 | 平台视角 | 代理视角 | 企业视角 | 稳定字段 |
+| --- | --- | --- | --- | --- |
+| IoT 卡列表/统一资产详情 | 资源时间线 | 主体活动 | 主体活动 | `id` / `iccid` |
+| 设备列表/统一资产详情 | 资源时间线 | 主体活动 | 主体活动 | `id` / `virtual_no` |
+| 设备绑定卡 | 卡资源时间线、绑定资源时间线 | 卡主体活动 | 卡主体活动 | `card_id` / `iccid` |
+| 资产分配列表/详情 | 分配记录、资产资源时间线 | 分配活动 | 不提供 | `id`、`asset_id` / `allocation_no` |
+| 换货列表/详情 | 换货记录、旧/新资产时间线 | 换货活动 | 不提供 | `id`、资产 ID / `exchange_no` |
+| 店铺列表 | 店铺资源、店铺资金链路 | 店铺活动 | 不提供 | `id` / `shop_no` |
+| 企业列表 | 企业资源 | 企业活动 | 不提供 | `id` / `enterprise_no` |
+| 账号列表 | 账号资源 | 不提供 | 不提供 | `id` |
+| 订单列表/详情 | 订单资源、订单资金链路 | 不提供 | 不提供 | `id`、`order_id` |
+| 退款列表/详情 | 退款资源、退款资金链路、审批资源 | 不提供 | 不提供 | `id`、`refund_id`、`approval_instance_id` |
+| 代理充值列表/详情 | 充值资源、充值资金链路、审批资源 | 不提供 | 不提供 | `id`、`recharge_id`、`approval_instance_id` |
+| 资产钱包 | 钱包资金链路、资产资源 | 不提供 | 不提供 | `wallet_id`、`asset_type + asset_id` |
+| 店铺资金概况 | 店铺资金链路 | 不提供 | 不提供 | `shop_id` |
+
+所有入口先独立校验自身权限和完整参数；一个入口缺字段不会隐藏同一行的其他有效入口。平台资源只使用非零内部 ID，代理和企业活动只使用文档规定的业务标识。
+
+### 共享调查与降级
+
+- 事件、操作者、资源、请求、业务链路、资金、Integration、代理活动和企业活动均由全局调查宿主打开。
+- 精确注册资源只在调查引用缺少 `resource_id`、但包含受支持类型及业务 Key 时出现；业务列表已有内部 ID 时不再提供搜索按钮。
+- 精确搜索限制为 `iot_card/device/shop/order/refund`，候选项不显示 Registry ID 或快照内部关联 ID。
+- 目标切换会清空旧内容并忽略过期响应；关闭会销毁内容，抽屉和弹窗锁定底层滚动。
+- 缺字段、空白值、零值、不支持的主体资源类型和撤销授权均不推断或回退到其他视角。
+
+### 受响应字段限制的入口
+
+- 钱包流水响应只有 `asset_identifier`，没有完整的 `asset_type + asset_id`，因此不从流水行推断资产审计目标。
+- 当前路由中没有独立的账号详情和店铺详情页面，对应入口保留在列表。
+- 风险/链路/资金节点抽屉内部不增加继续调查按钮：产品要求移除弹窗内无意义按钮；事件详情仍使用权威 `investigation_refs` 提供跨视角入口。
+
+### 路由核对
+
+- 独立的审计事件和外部交互列表/详情路由保留。
+- 操作者、资源、请求、业务链路、资金及主体活动不再使用独立时间线路由或任意 URL 跳转。
+- 审计中心顶级菜单排列在财务管理之后。
diff --git a/openspec/changes/align-audit-cross-view-navigation/proposal.md b/openspec/changes/align-audit-cross-view-navigation/proposal.md
new file mode 100644
index 0000000..d80646d
--- /dev/null
+++ b/openspec/changes/align-audit-cross-view-navigation/proposal.md
@@ -0,0 +1,40 @@
+# Change: 对齐审计跨视角调查与前端导航契约
+
+## Why
+
+现有审计中心已经接入事件、资源、链路、资金、风险和外部交互等只读查询，但业务页面入口、调查节点续查、平台/代理/企业视角以及缺失标识时的降级行为仍缺少统一约束。若各页面继续自行拼装目标参数，容易把内部 ID、业务 Key、主体安全标识或链路 ID 混用，并产生越权回退、错误串链和重复页面。
+
+本变更以《跨视角调查与前端导航契约.md》为导航事实来源，在现有 `add-audit-chain-frontend-integration` 能力之上建立统一的跨视角导航规范和复用组件。
+
+## What Changes
+
+- 建立统一的审计调查目标模型和导航控制器，覆盖事件详情、操作者行为、资源审计、请求链路、业务链路、资金链路、外部交互以及代理/企业资源活动。
+- 调查时间线、链路和外部交互续查统一使用可复用抽屉或弹窗，不再新增独立时间线跳转页面；同一目标不重复打开自身详情。
+- 按“内部稳定 ID → 主体安全业务标识 → 返回的调查引用 → 精确资源搜索 → 隐藏入口”的顺序解析入口，禁止从名称、摘要、时间、编号前缀或邻近记录推断关联。
+- 对齐资产、组织、账号、订单、退款、充值、钱包和资金页面的逐行入口矩阵，并按平台、代理、企业身份选择不同接口和参数。
+- 平台仅在缺少内部资源 ID、但持有允许搜索的 Registry Key 时调用精确资源搜索；零命中或多命中均保留用户选择，不自动猜测。
+- 所有弹窗和抽屉只显示业务可读字段，内部资源 ID、request/correlation 等技术标识仅作为查询参数使用，除明确的开发调查场景外不直接展示。
+- 统一处理空引用、`fidelity=false`、历史快照、授权撤销、归档窗口和接口拒绝，不回退旧日志、平台接口或其他主体接口。
+- 补充跨页面入口矩阵、参数映射、角色隔离和禁止推断的自动化测试。
+
+## Impact
+
+- Affected specs: `audit-cross-view-navigation`
+- Depends on: `add-audit-chain-frontend-integration`
+- Affected code:
+  - `src/components/business/audit/` 调查抽屉、精确资源弹窗和全局导航控制器
+  - `src/utils/business/auditNavigation.ts` 角色与目标解析
+  - 审计事件、风险、外部交互页面的调查入口
+  - 卡、设备、设备卡槽、统一资产、分配、换货、店铺、企业、账号、订单、退款、充值、钱包及资金列表/详情
+  - 路由、权限和通知目标导航
+- API contracts:
+  - `GET /api/admin/audit/*`
+  - `GET /api/admin/agent/resource-activities/{resource_type}/{identifier}`
+  - `GET /api/admin/enterprise/resource-activities/{resource_type}/{identifier}`
+  - 现有业务列表与详情接口返回的稳定字段
+- Source of truth:
+  - `docs/产品迭代8月份/跨视角调查与前端导航契约.md`
+  - `docs/产品迭代8月份/默认模块.openapi.json`
+- Breaking changes:
+  - 移除旧的独立审计时间线路由及其导航方式，统一改为抽屉/弹窗调查。
+  - 入口缺少契约要求的稳定标识时将被隐藏，不再容忍前端推断或降级调用其他视角接口。
diff --git a/openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md b/openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md
new file mode 100644
index 0000000..bb5a452
--- /dev/null
+++ b/openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md
@@ -0,0 +1,124 @@
+## ADDED Requirements
+
+### Requirement: Shared Cross-View Investigation Surface
+
+The frontend SHALL open actor, resource, request, correlation, finance, Integration, agent-activity and enterprise-activity investigations through reusable modal or drawer components. It SHALL NOT require a standalone timeline route for these cross-view investigations.
+
+#### Scenario: Open an investigation from a business row
+
+- **WHEN** an authorized user selects an audit or activity action from a supported business row
+- **THEN** the frontend MUST construct a typed investigation target from the row's documented stable fields
+- **AND** it MUST open the shared investigation surface without navigating to a standalone timeline page
+
+#### Scenario: Replace an open investigation target
+
+- **WHEN** the user opens a second investigation after another target was loaded
+- **THEN** the shared surface MUST clear stale content before loading the new target
+- **AND** a late response from the previous target MUST NOT replace the current result
+
+### Requirement: Deterministic Investigation Target Resolution
+
+The frontend SHALL resolve investigation targets in this order: a platform internal stable ID for a platform resource timeline, a documented subject-safe business identifier for agent or enterprise activity, an explicit API investigation reference, an exact Registry resource-key search when no internal resource ID exists, or no entry. It SHALL NOT infer a target from display text or proximity.
+
+#### Scenario: A platform resource ID is available
+
+- **WHEN** a platform business response contains the documented non-zero internal resource ID
+- **THEN** the frontend MUST call the resource timeline with the mapped resource type and that ID
+- **AND** it MUST NOT search by the display name or business Key to replace the available ID
+
+#### Scenario: Only a supported Registry Key is available
+
+- **WHEN** a platform investigation reference contains a supported resource type and business Key but no resource ID
+- **THEN** the frontend MUST use the exact resource search endpoint
+- **AND** zero or multiple matches MUST remain unresolved until the user makes an explicit choice
+
+#### Scenario: No stable target exists
+
+- **WHEN** the required internal ID, subject identifier or explicit investigation reference is missing
+- **THEN** the frontend MUST hide or disable the entry
+- **AND** it MUST NOT infer a relationship from a name, summary, timestamp, identifier prefix, adjacent record or current-account profile
+
+### Requirement: Exact Registered Resource Selection
+
+The frontend SHALL support exact Registry lookup only for `iot_card`, `device`, `shop`, `order` and `refund`. It SHALL pass the selected candidate's returned `resource_type/resource_id` unchanged to the resource timeline while keeping internal identifiers out of the presentation.
+
+#### Scenario: Present an exact resource candidate
+
+- **WHEN** exact lookup returns a candidate with `identity_snapshot`
+- **THEN** the frontend MUST display only a resource-type-specific whitelist of business-readable fields
+- **AND** it MUST NOT display `resource_id` or snapshot fields that are internal IDs or internal foreign keys
+
+#### Scenario: Select a historical candidate
+
+- **WHEN** a user selects a candidate with `historical=true` and a stable returned resource ID
+- **THEN** the frontend MUST use the returned type and ID without modification
+- **AND** it MUST NOT claim that the resource still exists in the current business table
+
+### Requirement: Role-Isolated Resource Activity Navigation
+
+The frontend SHALL choose platform, agent or enterprise resource investigation APIs solely from the authenticated subject and the documented source-page fields. Agent and enterprise navigation SHALL NOT fall back to platform audit or Registry search.
+
+#### Scenario: Open agent activity
+
+- **WHEN** an agent opens a supported card, device, allocation, exchange, shop or enterprise activity
+- **THEN** the frontend MUST use the documented ICCID, VirtualNo or business number with the agent activity endpoint
+- **AND** it MUST NOT send agent identity or shop scope as proof of authorization
+
+#### Scenario: Open enterprise activity
+
+- **WHEN** an enterprise user opens activity for a currently authorized card or device
+- **THEN** the frontend MUST use ICCID or VirtualNo with the enterprise activity endpoint
+- **AND** it MUST NOT use the enterprise route parameter or a platform internal ID as authorization evidence
+
+#### Scenario: Subject activity becomes unavailable
+
+- **WHEN** authorization is revoked, the resource is out of scope, or the subject endpoint rejects access
+- **THEN** the frontend MUST present an activity-unavailable state
+- **AND** it MUST NOT retry through a platform endpoint, Registry search or legacy operation log
+
+### Requirement: Business and Finance Entry Matrix
+
+The frontend SHALL implement the documented row-level navigation matrix for asset, organization, account, order, refund, recharge, wallet and fund-summary contexts. Each action SHALL be independently visible only when its complete stable parameter set and required permission are available.
+
+#### Scenario: Open resource and finance investigations independently
+
+- **WHEN** a business record contains both a resource ID and a stable finance condition
+- **THEN** the frontend MUST offer the applicable resource audit and finance investigation actions independently
+- **AND** failure or absence of one parameter set MUST NOT suppress the other valid action
+
+#### Scenario: Let the server resolve finance relationships
+
+- **WHEN** the frontend opens finance history from an order, refund, recharge, wallet or shop
+- **THEN** it MUST submit only the stable condition explicitly returned by the source business API
+- **AND** it MUST NOT derive or supplement payment, refund, wallet, approval or third-party identifiers from text or number prefixes
+
+### Requirement: Investigation Reference Continuation
+
+The frontend SHALL treat `investigation_refs` and documented Integration references as the authoritative sources for continuing from audit, risk, finance and link nodes. It SHALL expose only actions whose complete required reference is present and reliable.
+
+#### Scenario: Continue from a complete reference
+
+- **WHEN** a node contains a complete actor, resource, request, correlation or Integration reference
+- **THEN** the frontend MUST pass its type and identifier unchanged to the matching shared investigation surface
+
+#### Scenario: Suppress unavailable or self-referential navigation
+
+- **WHEN** a reference is incomplete, its fidelity is false, or its event target is the detail already being displayed
+- **THEN** the frontend MUST hide the corresponding action
+- **AND** it MUST NOT create a substitute identifier or reopen the same detail
+
+### Requirement: Read-Only Presentation and Scroll Isolation
+
+All shared investigation surfaces SHALL remain read-only, hide non-business internal identifiers by default, and isolate modal scrolling from the underlying page.
+
+#### Scenario: Display an investigation surface
+
+- **WHEN** a modal or drawer is open
+- **THEN** it MUST use a modal overlay, append to the document body, and lock underlying-page scrolling
+- **AND** it MUST remain usable within its own scroll container at supported viewport sizes
+
+#### Scenario: Inspect a read-only result
+
+- **WHEN** audit, activity, finance, link or Integration data is displayed
+- **THEN** the UI MUST NOT expose mutation, recovery, retry, deletion, disposition, blocking or export actions
+- **AND** raw internal IDs MUST be retained only as navigation parameters unless an explicitly authorized developer-investigation workflow requires display
diff --git a/openspec/changes/align-audit-cross-view-navigation/tasks.md b/openspec/changes/align-audit-cross-view-navigation/tasks.md
new file mode 100644
index 0000000..45e60c4
--- /dev/null
+++ b/openspec/changes/align-audit-cross-view-navigation/tasks.md
@@ -0,0 +1,44 @@
+## 1. Contract Audit and Shared Navigation
+
+- [ ] 1.1 建立文档导航矩阵与当前页面入口的差异清单，覆盖资产组织、账号交易、资金和调查节点。
+- [ ] 1.2 完善共享调查目标判别联合类型，覆盖事件、操作者、资源、请求、业务链路、资金、Integration、代理和企业活动。
+- [ ] 1.3 将共享导航控制器改为唯一弹窗/抽屉打开入口，并处理目标切换、请求竞态、分页和关闭清理。
+- [ ] 1.4 全局搜索并移除旧时间线路由、路由别名、页面和任意 URL 式审计跳转。
+
+## 2. Stable Reference and Search Rules
+
+- [ ] 2.1 实现平台内部 ID、主体业务 identifier、调查引用、资源 Key 搜索和隐藏入口的优先级解析。
+- [ ] 2.2 收紧精确资源搜索，仅允许 `iot_card/device/shop/order/refund` 和文档规定的精确业务 Key。
+- [ ] 2.3 精确资源结果只展示资源类型白名单业务字段，隐藏 `resource_id` 及快照内部关联 ID，并原样使用返回目标打开资源时间线。
+- [ ] 2.4 对零命中、多命中、历史快照和缺少稳定资源 ID 分别提供不推断的降级状态。
+- [ ] 2.5 对空引用、同目标引用和 `fidelity=false` 隐藏对应调查操作。
+
+## 3. Asset and Organization Entry Matrix
+
+- [ ] 3.1 对齐卡、设备、设备卡槽和统一资产详情的平台/代理/企业入口与稳定字段映射。
+- [ ] 3.2 对齐资产分配、换货、店铺和企业列表/详情入口及角色范围。
+- [ ] 3.3 对齐企业卡和企业设备列表入口，确保企业只调用主体活动接口且不使用路由企业 ID 证明授权。
+- [ ] 3.4 缺少内部 ID、ICCID、VirtualNo 或业务编号时隐藏对应入口，不回退其他视角。
+
+## 4. Account, Transaction, and Finance Entry Matrix
+
+- [ ] 4.1 接入账号、店铺、企业、订单和退款的资源审计入口。
+- [ ] 4.2 接入订单、退款、代理充值、资产钱包、店铺资金概况和钱包流水的资金链路入口。
+- [ ] 4.3 对审批实例、钱包资源和流水资产引用实行独立字段完整性判断，缺少一组字段不影响其他有效入口。
+- [ ] 4.4 资金查询仅传入当前业务返回的稳定条件，不由前端补齐 Payment、Refund、钱包或第三方流水关联。
+
+## 5. Investigation Node Continuation
+
+- [ ] 5.1 从风险、事件、资源、链路、资金和 Integration 节点按 `investigation_refs` 打开共享调查抽屉。
+- [ ] 5.2 支持事件、操作者、资源、请求、业务链路和外部交互的非空引用，并抑制跳回当前详情的无意义入口。
+- [ ] 5.3 请求/业务链路节点保留 `record_source` 和 `reference_only` 事实边界，不把投递成功展示为业务成功。
+- [ ] 5.4 通知 Integration 目标继续使用受控 target 解析，不接受任意 URL 或数据库主键替代稳定 Integration ID。
+
+## 6. Authorization, Presentation, and Verification
+
+- [ ] 6.1 按平台、代理、企业及按钮权限验证所有入口可见性和接口选择。
+- [ ] 6.2 验证抽屉 append-to-body、遮罩、底层滚动锁定、关闭销毁、分页和移动端布局。
+- [ ] 6.3 为目标解析、参数原样传递、空值隐藏、同目标抑制、`fidelity=false` 和禁止推断增加单元测试。
+- [ ] 6.4 为文档中资产组织和账号资金导航矩阵增加表驱动测试。
+- [ ] 6.5 验证 `400/401/403/404/500`、授权撤销、历史快照、归档窗口和过期异步响应处理。
+- [ ] 6.6 回归现有审计中心、风险中心、外部交互、通知导航和旧 operation log，确认只读边界未被破坏。
diff --git a/scripts/tests/auditNavigation.test.mjs b/scripts/tests/auditNavigation.test.mjs
new file mode 100644
index 0000000..e5465f7
--- /dev/null
+++ b/scripts/tests/auditNavigation.test.mjs
@@ -0,0 +1,121 @@
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { mkdtemp, readFile, rm, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { pathToFileURL } from 'node:url'
+import ts from 'typescript'
+
+async function importAuditNavigation() {
+  const tempDir = await mkdtemp(join(tmpdir(), 'audit-navigation-'))
+  const bundlePath = join(tempDir, 'auditNavigation.mjs')
+
+  const source = await readFile('src/utils/business/auditNavigation.ts', 'utf8')
+  const transpiled = ts.transpileModule(source, {
+    compilerOptions: {
+      module: ts.ModuleKind.ESNext,
+      target: ts.ScriptTarget.ES2022
+    }
+  })
+  await writeFile(bundlePath, transpiled.outputText, 'utf8')
+
+  return {
+    module: await import(pathToFileURL(bundlePath).href),
+    cleanup: () => rm(tempDir, { recursive: true, force: true })
+  }
+}
+
+test('resource targets follow the platform, agent and enterprise stable-reference matrix', async () => {
+  const { module, cleanup } = await importAuditNavigation()
+  const { resolveAuditResourceTarget } = module
+  const cases = [
+    {
+      name: 'platform uses the internal resource id',
+      input: {
+        userType: 2,
+        resourceType: 'iot_card',
+        internalId: 8020,
+        businessIdentifier: 'iccid'
+      },
+      expected: { mode: 'resource', resourceType: 'iot_card', id: '8020' }
+    },
+    {
+      name: 'agent uses the trimmed subject identifier',
+      input: {
+        userType: 3,
+        resourceType: 'iot_card',
+        internalId: 8020,
+        businessIdentifier: ' 8986112520903885262 '
+      },
+      expected: { mode: 'agent', resourceType: 'iot_card', id: '8986112520903885262' }
+    },
+    {
+      name: 'enterprise uses a device identifier',
+      input: {
+        userType: 4,
+        resourceType: 'device',
+        internalId: 9,
+        businessIdentifier: ' SN-001 '
+      },
+      expected: { mode: 'enterprise', resourceType: 'device', id: 'SN-001' }
+    },
+    {
+      name: 'enterprise cannot use organization resources',
+      input: { userType: 4, resourceType: 'shop', businessIdentifier: 'SHOP-1' },
+      expected: null
+    },
+    {
+      name: 'agent cannot infer an unsupported business resource',
+      input: { userType: 3, resourceType: 'refund', businessIdentifier: 'RF-1' },
+      expected: null
+    },
+    {
+      name: 'platform hides a missing internal id',
+      input: { userType: 2, resourceType: 'order', businessIdentifier: 'ORD-1' },
+      expected: null
+    },
+    {
+      name: 'platform hides zero ids',
+      input: { userType: 1, resourceType: 'device', internalId: 0 },
+      expected: null
+    },
+    {
+      name: 'platform hides whitespace ids',
+      input: { userType: 1, resourceType: 'device', internalId: '   ' },
+      expected: null
+    }
+  ]
+
+  try {
+    for (const scenario of cases) {
+      assert.deepEqual(resolveAuditResourceTarget(scenario.input), scenario.expected, scenario.name)
+    }
+  } finally {
+    await cleanup()
+  }
+})
+
+test('finance targets preserve only complete backend-provided conditions', async () => {
+  const { module, cleanup } = await importAuditNavigation()
+  const { resolveFinanceAuditTarget } = module
+  const cases = [
+    ['numeric business id', 'order_id', 72, { mode: 'finance', field: 'order_id', value: 72 }],
+    [
+      'trimmed business number',
+      'refund_no',
+      ' RF20260807171319801844 ',
+      { mode: 'finance', field: 'refund_no', value: 'RF20260807171319801844' }
+    ],
+    ['missing value', 'wallet_id', undefined, null],
+    ['zero value', 'payment_id', 0, null],
+    ['whitespace value', 'correlation_id', '   ', null]
+  ]
+
+  try {
+    for (const [name, field, value, expected] of cases) {
+      assert.deepEqual(resolveFinanceAuditTarget(field, value), expected, name)
+    }
+  } finally {
+    await cleanup()
+  }
+})
diff --git a/src/App.vue b/src/App.vue
index 313a2ea..d9275f9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,7 @@
   <ChunkErrorBoundary>
     <ElConfigProvider size="default" :locale="locales[language]" :z-index="3000">
       <RouterView></RouterView>
+      <AuditInvestigationHost />
     </ElConfigProvider>
   </ChunkErrorBoundary>
 </template>
@@ -17,6 +18,7 @@
   import { checkStorageCompatibility } from '@/utils'
   import ChunkErrorBoundary from '@/components/core/others/ChunkErrorBoundary.vue'
   import { ElMessageBox } from 'element-plus'
+  import AuditInvestigationHost from '@/components/business/audit/AuditInvestigationHost.vue'
 
   const userStore = useUserStore()
   const { language } = storeToRefs(userStore)
diff --git a/src/api/modules/audit.ts b/src/api/modules/audit.ts
new file mode 100644
index 0000000..f2db60a
--- /dev/null
+++ b/src/api/modules/audit.ts
@@ -0,0 +1,124 @@
+import { BaseService } from '../BaseService'
+import type {
+  AuditActorEventQuery,
+  AuditActorKind,
+  AuditEventDetail,
+  AuditEventPage,
+  AuditEventQuery,
+  AuditFinanceQuery,
+  AuditFinanceTimelinePage,
+  AuditLinkTimeline,
+  AuditResourceSearchPage,
+  AuditResourceSearchQuery,
+  AuditResourceTimelineQuery,
+  AuditRiskEventPage,
+  AuditRiskEventQuery,
+  AuditRiskOverview,
+  AuditRiskQuery,
+  AuditSubjectActivityPage,
+  AuditSubjectActivityQuery,
+  AuditSubjectResourceType,
+  BaseResponse,
+  IntegrationDetailResponse,
+  IntegrationListPage,
+  IntegrationOverview,
+  IntegrationQuery
+} from '@/types/api'
+
+export class AuditService extends BaseService {
+  static getEvents(params?: AuditEventQuery): Promise<BaseResponse<AuditEventPage>> {
+    return this.get('/api/admin/audit/events', params)
+  }
+
+  static getEventDetail(eventId: string): Promise<BaseResponse<AuditEventDetail>> {
+    return this.get(`/api/admin/audit/events/${encodeURIComponent(eventId)}`)
+  }
+
+  static getActorEvents(
+    kind: AuditActorKind,
+    id: string,
+    params?: AuditActorEventQuery
+  ): Promise<BaseResponse<AuditEventPage>> {
+    return this.get(
+      `/api/admin/audit/actors/${encodeURIComponent(kind)}/${encodeURIComponent(id)}/events`,
+      params
+    )
+  }
+
+  static searchResources(
+    params: AuditResourceSearchQuery
+  ): Promise<BaseResponse<AuditResourceSearchPage>> {
+    return this.get('/api/admin/audit/resources/search', params)
+  }
+
+  static getResourceTimeline(
+    resourceType: string,
+    resourceId: string,
+    params?: AuditResourceTimelineQuery
+  ): Promise<BaseResponse<AuditEventPage>> {
+    return this.get(
+      `/api/admin/audit/resources/${encodeURIComponent(resourceType)}/${encodeURIComponent(resourceId)}/timeline`,
+      params
+    )
+  }
+
+  static getRequestTimeline(requestId: string): Promise<BaseResponse<AuditLinkTimeline>> {
+    return this.get(`/api/admin/audit/requests/${encodeURIComponent(requestId)}/timeline`)
+  }
+
+  static getCorrelationTimeline(correlationId: string): Promise<BaseResponse<AuditLinkTimeline>> {
+    return this.get(`/api/admin/audit/correlations/${encodeURIComponent(correlationId)}/timeline`)
+  }
+
+  static getFinanceTimeline(
+    params: AuditFinanceQuery
+  ): Promise<BaseResponse<AuditFinanceTimelinePage>> {
+    return this.get('/api/admin/audit/finance/timeline', params)
+  }
+
+  static getRiskOverview(params?: AuditRiskQuery): Promise<BaseResponse<AuditRiskOverview>> {
+    return this.get('/api/admin/audit/risks/overview', params)
+  }
+
+  static getRiskEvents(params?: AuditRiskEventQuery): Promise<BaseResponse<AuditRiskEventPage>> {
+    return this.get('/api/admin/audit/risks/events', params)
+  }
+
+  static getIntegrationOverview(
+    params?: IntegrationQuery & { bucket?: 'hour' | 'day' }
+  ): Promise<BaseResponse<IntegrationOverview>> {
+    return this.get('/api/admin/audit/integrations/overview', params)
+  }
+
+  static getIntegrations(params?: IntegrationQuery): Promise<BaseResponse<IntegrationListPage>> {
+    return this.get('/api/admin/audit/integrations', params)
+  }
+
+  static getIntegrationDetail(
+    integrationId: string
+  ): Promise<BaseResponse<IntegrationDetailResponse>> {
+    return this.get(`/api/admin/audit/integrations/${encodeURIComponent(integrationId)}`)
+  }
+
+  static getAgentResourceActivities(
+    resourceType: AuditSubjectResourceType,
+    identifier: string,
+    params?: AuditSubjectActivityQuery
+  ): Promise<BaseResponse<AuditSubjectActivityPage>> {
+    return this.get(
+      `/api/admin/agent/resource-activities/${encodeURIComponent(resourceType)}/${encodeURIComponent(identifier)}`,
+      params
+    )
+  }
+
+  static getEnterpriseResourceActivities(
+    resourceType: Extract<AuditSubjectResourceType, 'iot_card' | 'device'>,
+    identifier: string,
+    params?: AuditSubjectActivityQuery
+  ): Promise<BaseResponse<AuditSubjectActivityPage>> {
+    return this.get(
+      `/api/admin/enterprise/resource-activities/${encodeURIComponent(resourceType)}/${encodeURIComponent(identifier)}`,
+      params
+    )
+  }
+}
diff --git a/src/api/modules/index.ts b/src/api/modules/index.ts
index b5e6ccc..90b4cb8 100644
--- a/src/api/modules/index.ts
+++ b/src/api/modules/index.ts
@@ -37,6 +37,7 @@ export { ExportTaskService } from './exportTask'
 export { OrderPackageInvalidateTaskService } from './orderPackageInvalidateTask'
 export { BulkPurchaseService } from './bulkPurchase'
 export { NotificationService } from './notification'
+export { AuditService } from './audit'
 export { WecomService } from './wecom'
 
 // TODO: 按需添加其他业务模块
diff --git a/src/components/business/audit/AuditDistributionChart.vue b/src/components/business/audit/AuditDistributionChart.vue
new file mode 100644
index 0000000..f609c76
--- /dev/null
+++ b/src/components/business/audit/AuditDistributionChart.vue
@@ -0,0 +1,162 @@
+<template>
+  <div ref="chartRef" class="distribution-chart" role="img" :aria-label="ariaLabel"></div>
+</template>
+
+<script setup lang="ts">
+  import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+  import * as echarts from 'echarts'
+  import type { EChartsOption } from 'echarts'
+  import { useSettingStore } from '@/store/modules/setting'
+  import { getCssVar } from '@/utils/ui'
+
+  export interface AuditDistributionItem {
+    code: string
+    name: string
+    count: number
+  }
+
+  const props = withDefaults(
+    defineProps<{
+      data: AuditDistributionItem[]
+      type?: 'donut' | 'bar'
+      title: string
+    }>(),
+    { type: 'donut' }
+  )
+  const emit = defineEmits<{ select: [code: string] }>()
+  const settingStore = useSettingStore()
+  const chartRef = ref<HTMLElement>()
+  const ariaLabel = computed(() =>
+    props.data.length
+      ? `${props.title}：${props.data.map((item) => `${item.name} ${item.count}`).join('，')}`
+      : `${props.title}：暂无数据`
+  )
+  let chart: echarts.ECharts | undefined
+  let resizeObserver: ResizeObserver | undefined
+
+  const colors = () => [
+    getCssVar('--el-color-primary'),
+    getCssVar('--el-color-success'),
+    getCssVar('--el-color-warning'),
+    getCssVar('--el-color-danger'),
+    getCssVar('--el-color-info'),
+    getCssVar('--el-color-primary-light-3')
+  ]
+  const textColor = () => getCssVar('--el-text-color-regular') || '#606266'
+  const splitColor = () => getCssVar('--el-border-color-lighter') || '#ebeef5'
+  const options = (): EChartsOption => {
+    if (props.type === 'bar') {
+      return {
+        color: colors(),
+        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+        grid: { top: 8, right: 72, bottom: 8, left: 8, containLabel: true },
+        xAxis: {
+          type: 'value',
+          minInterval: 1,
+          splitNumber: 4,
+          axisLabel: {
+            color: textColor(),
+            hideOverlap: true,
+            formatter: (value: number) => {
+              const absolute = Math.abs(value)
+              if (absolute >= 10000) {
+                const formatted = value / 10000
+                return `${Number.isInteger(formatted) ? formatted : formatted.toFixed(1)}万`
+              }
+              if (absolute >= 1000) {
+                const formatted = value / 1000
+                return `${Number.isInteger(formatted) ? formatted : formatted.toFixed(1)}k`
+              }
+              return String(value)
+            }
+          },
+          splitLine: { lineStyle: { color: splitColor(), type: 'dashed' } }
+        },
+        yAxis: {
+          type: 'category',
+          data: props.data.map((item) => item.name),
+          inverse: true,
+          axisLabel: { color: textColor(), overflow: 'truncate', width: 90 },
+          axisTick: { show: false },
+          axisLine: { show: false }
+        },
+        series: [
+          {
+            type: 'bar',
+            data: props.data.map((item) => ({
+              value: item.count,
+              code: item.code,
+              itemStyle: {
+                color: getCssVar('--el-color-primary'),
+                borderRadius: [0, 4, 4, 0]
+              }
+            })),
+            barMaxWidth: 24,
+            label: { show: true, position: 'right', color: textColor() }
+          }
+        ]
+      }
+    }
+    return {
+      color: colors(),
+      tooltip: { trigger: 'item', formatter: '{b}<br/>{c}（{d}%）' },
+      legend: {
+        type: 'scroll',
+        bottom: 0,
+        left: 'center',
+        textStyle: { color: textColor() }
+      },
+      series: [
+        {
+          type: 'pie',
+          radius: ['42%', '68%'],
+          center: ['50%', '43%'],
+          avoidLabelOverlap: true,
+          itemStyle: { borderColor: getCssVar('--el-bg-color'), borderWidth: 2 },
+          label: { show: false },
+          emphasis: { label: { show: true, fontSize: 14, fontWeight: 'bold' } },
+          data: props.data.map((item) => ({
+            value: item.count,
+            name: item.name,
+            code: item.code
+          }))
+        }
+      ]
+    }
+  }
+  const render = async () => {
+    await nextTick()
+    if (!chartRef.value) return
+    if (!chart) {
+      chart = echarts.init(chartRef.value)
+      chart.on('click', (params) => {
+        const code = (params.data as { code?: string } | undefined)?.code
+        if (code) emit('select', code)
+      })
+    }
+    chart.setOption(options(), true)
+  }
+
+  watch(() => props.data, render, { deep: true })
+  watch(() => settingStore.isDark, render)
+  onMounted(() => {
+    render()
+    if (chartRef.value) {
+      resizeObserver = new ResizeObserver(() => chart?.resize())
+      resizeObserver.observe(chartRef.value)
+    }
+  })
+  onBeforeUnmount(() => {
+    resizeObserver?.disconnect()
+    chart?.dispose()
+    chart = undefined
+  })
+</script>
+
+<style scoped>
+  .distribution-chart {
+    width: 100%;
+    height: 260px;
+    cursor: pointer;
+  }
+</style>
diff --git a/src/components/business/audit/AuditEventTable.vue b/src/components/business/audit/AuditEventTable.vue
new file mode 100644
index 0000000..0c24e46
--- /dev/null
+++ b/src/components/business/audit/AuditEventTable.vue
@@ -0,0 +1,53 @@
+<template>
+  <ArtTable
+    :data="items"
+    :loading="Boolean(loading)"
+    :pagination="false"
+    row-key="event_id"
+    stripe
+    :margin-top="0"
+  >
+    <template #default>
+      <ElTableColumn label="发生时间" prop="occurred_at" width="180">
+        <template #default="{ row }">{{ formatDateTime(row.occurred_at) }}</template>
+      </ElTableColumn>
+      <ElTableColumn label="动作" min-width="180">
+        <template #default="{ row }">{{ row.action_name || '-' }}</template>
+      </ElTableColumn>
+      <ElTableColumn label="摘要" prop="summary" min-width="240" show-overflow-tooltip />
+      <ElTableColumn label="操作者" min-width="150">
+        <template #default="{ row }">{{ row.actor_name || row.actor_id || '-' }}</template>
+      </ElTableColumn>
+      <ElTableColumn label="结果" width="100" align="center">
+        <template #default="{ row }"
+          ><ElTag :type="resultMeta(row).type">{{ resultMeta(row).label }}</ElTag></template
+        >
+      </ElTableColumn>
+      <ElTableColumn label="风险" width="90" align="center">
+        <template #default="{ row }"
+          ><ElTag effect="plain" :type="riskMeta(row).type">{{
+            riskMeta(row).label
+          }}</ElTag></template
+        >
+      </ElTableColumn>
+      <ElTableColumn label="操作" width="110" fixed="right">
+        <template #default="{ row }"
+          ><ElButton link type="primary" @click="$emit('detail', row)">查看详情</ElButton></template
+        >
+      </ElTableColumn>
+    </template>
+  </ArtTable>
+</template>
+
+<script setup lang="ts">
+  import type { AuditEventView } from '@/types/api'
+  import { formatDateTime } from '@/utils/business/format'
+  import { auditResultMeta, auditRiskMeta } from '@/utils/business/audit'
+
+  defineProps<{ items: AuditEventView[]; loading?: boolean }>()
+  defineEmits<{ detail: [row: AuditEventView] }>()
+  const resultMeta = (row: AuditEventView) =>
+    auditResultMeta[row.result] || { label: row.result, type: 'info' as const }
+  const riskMeta = (row: AuditEventView) =>
+    auditRiskMeta[row.risk_level] || { label: row.risk_level, type: 'info' as const }
+</script>
diff --git a/src/components/business/audit/AuditInvestigationDrawer.vue b/src/components/business/audit/AuditInvestigationDrawer.vue
new file mode 100644
index 0000000..d6114c7
--- /dev/null
+++ b/src/components/business/audit/AuditInvestigationDrawer.vue
@@ -0,0 +1,462 @@
+<template>
+  <ElDrawer
+    v-model="visible"
+    :title="title"
+    size="min(760px, 92vw)"
+    destroy-on-close
+    append-to-body
+    lock-scroll
+    modal
+    modal-class="audit-investigation-overlay"
+  >
+    <div v-loading="loading" class="investigation-drawer">
+      <ElTimeline v-if="eventItems.length">
+        <ElTimelineItem
+          v-for="item in eventItems"
+          :key="item.event_id"
+          :timestamp="formatDateTime(item.occurred_at)"
+          placement="top"
+          :type="auditResultMeta[item.result]?.type"
+        >
+          <article class="timeline-node">
+            <div class="node-head">
+              <strong>{{ item.action_name }}</strong>
+              <ElTag size="small" :type="auditResultMeta[item.result]?.type">{{
+                auditResultMeta[item.result]?.label || item.result
+              }}</ElTag>
+            </div>
+            <p>{{ item.summary || '-' }}</p>
+            <div class="node-meta">
+              <span>{{ item.actor_name || item.actor_id || '-' }}</span>
+              <span>{{ auditSourceLabels[item.source] || item.source }}</span>
+            </div>
+          </article>
+        </ElTimelineItem>
+      </ElTimeline>
+
+      <ElTimeline v-else-if="linkNodes.length">
+        <ElTimelineItem
+          v-for="node in linkNodes"
+          :key="node.node_id"
+          :timestamp="formatDateTime(node.occurred_at)"
+          placement="top"
+          :type="node.result === 'failed' ? 'danger' : node.reference_only ? 'info' : 'primary'"
+        >
+          <article class="timeline-node">
+            <div class="node-head">
+              <strong>{{ node.title }}</strong>
+              <ElTag size="small" effect="plain">{{
+                auditResultDisplay(node.result, node.result_name)
+              }}</ElTag>
+            </div>
+            <p>{{ node.summary || '-' }}</p>
+            <div class="node-meta">
+              <span>{{ recordSourceLabels[node.record_source] || node.record_source }}</span>
+              <ElTag v-if="node.reference_only" size="small" type="info" effect="plain">
+                只读引用
+              </ElTag>
+            </div>
+          </article>
+        </ElTimelineItem>
+      </ElTimeline>
+
+      <ElTimeline v-else-if="financeItems.length">
+        <ElTimelineItem
+          v-for="item in financeItems"
+          :key="item.node_id"
+          :timestamp="formatDateTime(item.occurred_at)"
+          placement="top"
+          :type="item.result === 'failed' ? 'danger' : 'primary'"
+        >
+          <article class="timeline-node">
+            <div class="node-head">
+              <strong>{{ item.title }}</strong>
+              <ElTag size="small" effect="plain">
+                {{ auditResultDisplay(item.result, item.result_name) }}
+              </ElTag>
+            </div>
+            <p v-if="item.amount !== null && item.amount !== undefined">
+              金额：{{ formatMoney(item.amount, item.currency) }}
+            </p>
+            <div class="node-meta">
+              <span>{{ item.code || '-' }}</span>
+              <span>{{ item.record_source || '-' }}</span>
+            </div>
+          </article>
+        </ElTimelineItem>
+      </ElTimeline>
+
+      <ElTimeline v-else-if="subjectItems.length">
+        <ElTimelineItem
+          v-for="(item, index) in subjectItems"
+          :key="`${item.occurred_at}-${item.action_code}-${index}`"
+          :timestamp="formatDateTime(item.occurred_at)"
+          placement="top"
+          :type="auditResultMeta[item.result]?.type"
+        >
+          <article class="timeline-node">
+            <div class="node-head">
+              <strong>{{ item.action_name || item.action_code }}</strong>
+              <ElTag size="small" :type="auditResultMeta[item.result]?.type">
+                {{ auditResultMeta[item.result]?.label || item.result }}
+              </ElTag>
+            </div>
+            <p>{{ item.subject_summary || '-' }}</p>
+          </article>
+        </ElTimelineItem>
+      </ElTimeline>
+
+      <template v-else-if="eventDetail">
+        <ElDescriptions :column="2" border>
+          <ElDescriptionsItem label="动作">{{ eventDetail.action_name }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="发生时间">
+            {{ formatDateTime(eventDetail.occurred_at) }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="操作者">
+            {{ eventDetail.actor_name || eventDetail.actor_id || '-' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="来源">
+            {{ auditSourceLabels[eventDetail.source] || eventDetail.source }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="结果">
+            <ElTag :type="auditResultMeta[eventDetail.result]?.type">
+              {{ auditResultMeta[eventDetail.result]?.label || eventDetail.result }}
+            </ElTag>
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="风险">
+            <ElTag :type="auditRiskMeta[eventDetail.risk_level]?.type">
+              {{ auditRiskMeta[eventDetail.risk_level]?.label || eventDetail.risk_level }}
+            </ElTag>
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="摘要" :span="2">
+            {{ eventDetail.summary || '-' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem v-if="eventDetail.error_summary" label="错误摘要" :span="2">
+            {{ eventDetail.error_summary }}
+          </ElDescriptionsItem>
+        </ElDescriptions>
+      </template>
+
+      <template v-else-if="integrationDetail">
+        <ElDescriptions :column="2" border>
+          <ElDescriptionsItem label="提供方">
+            {{ integrationDetail.identity.provider_name || integrationDetail.identity.provider }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="方向">
+            {{ integrationDetail.identity.direction_name || integrationDetail.identity.direction }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="操作">
+            {{ integrationDetail.identity.operation_name || integrationDetail.identity.operation }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="结果">
+            <ElTag
+              size="small"
+              :type="integrationCategoryMeta[integrationDetail.result.category]?.type || 'info'"
+            >
+              {{ auditResultDisplay(integrationDetail.result.code, integrationDetail.result.name) }}
+            </ElTag>
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="耗时">
+            {{ integrationDetail.result.duration_ms }} ms
+          </ElDescriptionsItem>
+          <ElDescriptionsItem label="HTTP 状态">
+            {{ integrationDetail.result.http_status ?? '-' }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem v-if="integrationDetail.identity.external_id" label="外部业务标识">
+            {{ integrationDetail.identity.external_id }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem v-if="integrationDetail.resource?.key" label="资源业务标识">
+            {{ integrationDetail.resource.key }}
+          </ElDescriptionsItem>
+          <ElDescriptionsItem
+            v-if="integrationDetail.result.provider_message"
+            label="外部结果摘要"
+            :span="2"
+          >
+            {{ integrationDetail.result.provider_message }}
+          </ElDescriptionsItem>
+        </ElDescriptions>
+        <section
+          v-if="
+            hasJsonContent(integrationDetail.content.request_summary) ||
+            hasJsonContent(integrationDetail.content.response_summary) ||
+            hasJsonContent(integrationDetail.content.metadata)
+          "
+          class="json-section"
+        >
+          <h4>交互内容摘要</h4>
+          <pre v-if="hasJsonContent(integrationDetail.content.request_summary)">{{
+            auditJson(integrationDetail.content.request_summary)
+          }}</pre>
+          <pre v-if="hasJsonContent(integrationDetail.content.response_summary)">{{
+            auditJson(integrationDetail.content.response_summary)
+          }}</pre>
+          <pre v-if="hasJsonContent(integrationDetail.content.metadata)">{{
+            auditJson(integrationDetail.content.metadata)
+          }}</pre>
+        </section>
+      </template>
+
+      <ElEmpty v-else-if="!loading" description="当前在线窗口内没有记录" />
+
+      <div v-if="total > pageSize" class="pagination">
+        <ElPagination
+          v-model:current-page="page"
+          :page-size="pageSize"
+          :total="total"
+          layout="total, prev, pager, next"
+          @current-change="load"
+        />
+      </div>
+    </div>
+  </ElDrawer>
+</template>
+
+<script setup lang="ts">
+  import { computed, ref, watch } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import { AuditService } from '@/api/modules'
+  import type {
+    AuditEventDetail,
+    AuditEventView,
+    AuditFinanceTimelineNode,
+    AuditLinkTimelineNode,
+    AuditSubjectActivity,
+    IntegrationDetailResponse
+  } from '@/types/api'
+  import {
+    auditJson,
+    auditResultDisplay,
+    auditResultMeta,
+    auditRiskMeta,
+    auditSourceLabels,
+    integrationCategoryMeta
+  } from '@/utils/business/audit'
+  import { formatDateTime } from '@/utils/business/format'
+  import type { AuditInvestigationTarget } from './types'
+
+  const props = defineProps<{
+    modelValue: boolean
+    target?: AuditInvestigationTarget | null
+  }>()
+  const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
+
+  const visible = computed({
+    get: () => props.modelValue,
+    set: (value) => emit('update:modelValue', value)
+  })
+  const titleMap: Record<AuditInvestigationTarget['mode'], string> = {
+    event: '审计事件详情',
+    actor: '操作者行为时间线',
+    resource: '资源审计时间线',
+    request: '请求链路',
+    correlation: '业务关联链路',
+    integration: '外部交互详情',
+    finance: '财务审计时间线',
+    agent: '资源审计时间线',
+    enterprise: '资源审计时间线'
+  }
+  const title = computed(() => (props.target ? titleMap[props.target.mode] : '审计调查'))
+  const loading = ref(false)
+  const page = ref(1)
+  const pageSize = 20
+  const total = ref(0)
+  const eventItems = ref<AuditEventView[]>([])
+  const linkNodes = ref<AuditLinkTimelineNode[]>([])
+  const financeItems = ref<AuditFinanceTimelineNode[]>([])
+  const subjectItems = ref<AuditSubjectActivity[]>([])
+  const eventDetail = ref<AuditEventDetail>()
+  const integrationDetail = ref<IntegrationDetailResponse>()
+  let loadSequence = 0
+
+  const recordSourceLabels: Record<string, string> = {
+    audit_event: '审计事件',
+    integration_log: '外部交互',
+    outbox_event: '可靠投递',
+    asynq_task: '异步任务引用',
+    domain_ledger_ref: '业务台账引用'
+  }
+
+  const clear = () => {
+    eventItems.value = []
+    linkNodes.value = []
+    financeItems.value = []
+    subjectItems.value = []
+    eventDetail.value = undefined
+    integrationDetail.value = undefined
+    total.value = 0
+  }
+  const hasJsonContent = (value?: Record<string, unknown> | null) =>
+    Boolean(value && Object.keys(value).length)
+  const formatMoney = (amount: number, currency?: string | null) => {
+    const value = (amount / 100).toFixed(2)
+    return currency === 'CNY' || !currency ? `¥${value}` : `${value} ${currency}`
+  }
+  const load = async () => {
+    if (!props.target) return
+    const sequence = ++loadSequence
+    clear()
+    loading.value = true
+    try {
+      if (props.target.mode === 'event') {
+        const data = (await AuditService.getEventDetail(props.target.id)).data
+        if (sequence === loadSequence) eventDetail.value = data
+      } else if (props.target.mode === 'actor') {
+        const data = (
+          await AuditService.getActorEvents(props.target.actorKind, props.target.id, {
+            page: page.value,
+            page_size: pageSize
+          })
+        ).data
+        if (sequence === loadSequence) {
+          eventItems.value = data.items || []
+          total.value = data.total
+        }
+      } else if (props.target.mode === 'resource') {
+        const data = (
+          await AuditService.getResourceTimeline(props.target.resourceType, props.target.id, {
+            page: page.value,
+            page_size: pageSize
+          })
+        ).data
+        if (sequence === loadSequence) {
+          eventItems.value = data.items || []
+          total.value = data.total
+        }
+      } else if (props.target.mode === 'request') {
+        const nodes = (await AuditService.getRequestTimeline(props.target.id)).data.nodes || []
+        if (sequence === loadSequence) linkNodes.value = nodes
+      } else if (props.target.mode === 'correlation') {
+        const nodes = (await AuditService.getCorrelationTimeline(props.target.id)).data.nodes || []
+        if (sequence === loadSequence) linkNodes.value = nodes
+      } else if (props.target.mode === 'finance') {
+        const data = (
+          await AuditService.getFinanceTimeline({
+            [props.target.field]: props.target.value,
+            page: page.value,
+            page_size: pageSize
+          })
+        ).data
+        if (sequence === loadSequence) {
+          financeItems.value = data.items || []
+          total.value = data.total
+        }
+      } else if (props.target.mode === 'agent') {
+        const data = (
+          await AuditService.getAgentResourceActivities(
+            props.target.resourceType,
+            props.target.id,
+            {
+              page: page.value,
+              page_size: pageSize
+            }
+          )
+        ).data
+        if (sequence === loadSequence) {
+          subjectItems.value = data.items || []
+          total.value = data.total
+        }
+      } else if (props.target.mode === 'enterprise') {
+        const data = (
+          await AuditService.getEnterpriseResourceActivities(
+            props.target.resourceType as 'iot_card' | 'device',
+            props.target.id,
+            { page: page.value, page_size: pageSize }
+          )
+        ).data
+        if (sequence === loadSequence) {
+          subjectItems.value = data.items || []
+          total.value = data.total
+        }
+      } else {
+        const data = (await AuditService.getIntegrationDetail(props.target.id)).data
+        if (sequence === loadSequence) integrationDetail.value = data
+      }
+    } catch {
+      if (sequence === loadSequence) {
+        ElMessage.error(
+          props.target.mode === 'agent' || props.target.mode === 'enterprise'
+            ? '活动不可用'
+            : '审计调查数据加载失败'
+        )
+      }
+    } finally {
+      if (sequence === loadSequence) loading.value = false
+    }
+  }
+
+  watch(
+    () => [props.modelValue, props.target] as const,
+    ([open]) => {
+      if (!open || !props.target) {
+        loadSequence++
+        clear()
+        loading.value = false
+        return
+      }
+      page.value = 1
+      load()
+    },
+    { deep: true }
+  )
+</script>
+
+<style scoped>
+  .investigation-drawer {
+    min-height: 240px;
+  }
+
+  .timeline-node {
+    padding: 14px 16px;
+    background: var(--el-bg-color);
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 8px;
+  }
+
+  .timeline-node p {
+    margin: 10px 0;
+  }
+
+  .node-head,
+  .node-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px 16px;
+    justify-content: space-between;
+  }
+
+  .node-meta {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+  }
+
+  .json-section {
+    margin-top: 20px;
+  }
+
+  .json-section h4 {
+    margin: 0 0 8px;
+  }
+
+  pre {
+    max-height: 360px;
+    padding: 12px;
+    margin: 0;
+    overflow: auto;
+    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+    background: var(--el-fill-color-light);
+    border-radius: 6px;
+  }
+
+  .pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+  }
+</style>
+
+<style>
+  .audit-investigation-overlay .el-drawer__body {
+    overscroll-behavior: contain;
+  }
+</style>
diff --git a/src/components/business/audit/AuditInvestigationHost.vue b/src/components/business/audit/AuditInvestigationHost.vue
new file mode 100644
index 0000000..4840a7b
--- /dev/null
+++ b/src/components/business/audit/AuditInvestigationHost.vue
@@ -0,0 +1,23 @@
+<template>
+  <AuditInvestigationDrawer
+    v-model="auditInvestigationVisible"
+    :target="auditInvestigationTarget"
+  />
+  <AuditResourceSearchDialog
+    v-model="auditResourceSearchVisible"
+    :resource-type="auditResourceSearchType"
+    :initial-keyword="auditResourceSearchKeyword"
+  />
+</template>
+
+<script setup lang="ts">
+  import AuditInvestigationDrawer from './AuditInvestigationDrawer.vue'
+  import AuditResourceSearchDialog from './AuditResourceSearchDialog.vue'
+  import {
+    auditInvestigationTarget,
+    auditInvestigationVisible,
+    auditResourceSearchKeyword,
+    auditResourceSearchType,
+    auditResourceSearchVisible
+  } from './investigationController'
+</script>
diff --git a/src/components/business/audit/AuditInvestigationLinks.vue b/src/components/business/audit/AuditInvestigationLinks.vue
new file mode 100644
index 0000000..c1ee591
--- /dev/null
+++ b/src/components/business/audit/AuditInvestigationLinks.vue
@@ -0,0 +1,154 @@
+<template>
+  <div v-if="hasLinks" class="investigation-links" aria-label="调查入口">
+    <ElButton v-if="eventId" link type="primary" @click="openEvent">事件详情</ElButton>
+    <ElButton v-if="actorRef" link type="primary" @click="openActor"> 操作者行为时间线 </ElButton>
+    <ElButton
+      v-for="resource in stableResourceRefs"
+      :key="`${resource.resource_type}:${resource.resource_id}`"
+      link
+      type="primary"
+      @click="openResource(resource)"
+    >
+      资源审计时间线
+    </ElButton>
+    <ElButton
+      v-for="resource in searchableResourceRefs"
+      :key="`${resource.resource_type}:${resource.resource_key}`"
+      link
+      type="primary"
+      @click="searchResource(resource)"
+    >
+      精确注册资源
+    </ElButton>
+    <ElButton
+      v-if="refs?.request_id"
+      link
+      type="primary"
+      @click="openTimeline('request', refs.request_id)"
+    >
+      请求链路
+    </ElButton>
+    <ElButton
+      v-if="refs?.correlation_id"
+      link
+      type="primary"
+      @click="openTimeline('correlation', refs.correlation_id)"
+    >
+      业务关联链路
+    </ElButton>
+    <ElButton
+      v-for="item in stableIntegrationRefs"
+      :key="item.integration_id"
+      link
+      type="primary"
+      @click="openIntegration(item.integration_id)"
+    >
+      外部交互
+    </ElButton>
+  </div>
+  <span v-else-if="showEmpty" class="muted">无可靠调查引用</span>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import type {
+    AuditInvestigationRefs,
+    AuditInvestigationResourceRef,
+    AuditSearchResourceType
+  } from '@/types/api'
+  import { openAuditInvestigation, openAuditResourceSearch } from './investigationController'
+
+  const props = withDefaults(
+    defineProps<{
+      refs?: AuditInvestigationRefs | null
+      currentEventId?: string
+      showEmpty?: boolean
+    }>(),
+    { currentEventId: '', showEmpty: true }
+  )
+  const searchableTypes = new Set<AuditSearchResourceType>([
+    'iot_card',
+    'device',
+    'shop',
+    'order',
+    'refund'
+  ])
+  const eventId = computed(() => {
+    const id = props.refs?.event_id?.trim()
+    return id && id !== props.currentEventId ? id : ''
+  })
+  const actorRef = computed(() => {
+    const actor = props.refs?.actor_ref
+    return actor?.kind && actor.id ? actor : null
+  })
+  const stableResourceRefs = computed(() =>
+    (props.refs?.resource_refs || []).filter(
+      (resource): resource is AuditInvestigationResourceRef & { resource_id: string } =>
+        Boolean(resource.resource_type && resource.resource_id)
+    )
+  )
+  const searchableResourceRefs = computed(() =>
+    (props.refs?.resource_refs || []).filter(
+      (
+        resource
+      ): resource is AuditInvestigationResourceRef & {
+        resource_type: AuditSearchResourceType
+        resource_key: string
+      } =>
+        !resource.resource_id &&
+        Boolean(resource.resource_key) &&
+        searchableTypes.has(resource.resource_type as AuditSearchResourceType)
+    )
+  )
+  const stableIntegrationRefs = computed(() =>
+    (props.refs?.integration_refs || []).filter((item) => Boolean(item.integration_id))
+  )
+  const hasLinks = computed(() =>
+    Boolean(
+      eventId.value ||
+        actorRef.value ||
+        props.refs?.request_id ||
+        props.refs?.correlation_id ||
+        stableResourceRefs.value.length ||
+        searchableResourceRefs.value.length ||
+        stableIntegrationRefs.value.length
+    )
+  )
+
+  const openEvent = () => {
+    if (eventId.value) openAuditInvestigation({ mode: 'event', id: eventId.value })
+  }
+  const openIntegration = (id: string) => openAuditInvestigation({ mode: 'integration', id })
+  const openTimeline = (mode: 'request' | 'correlation', id: string) =>
+    openAuditInvestigation({ mode, id })
+  const openActor = () => {
+    const actor = actorRef.value
+    if (actor) {
+      openAuditInvestigation({ mode: 'actor', actorKind: actor.kind, id: actor.id })
+    }
+  }
+  const openResource = (resource: AuditInvestigationResourceRef & { resource_id: string }) =>
+    openAuditInvestigation({
+      mode: 'resource',
+      resourceType: resource.resource_type,
+      id: resource.resource_id
+    })
+  const searchResource = (
+    resource: AuditInvestigationResourceRef & {
+      resource_type: AuditSearchResourceType
+      resource_key: string
+    }
+  ) => openAuditResourceSearch(resource.resource_type, resource.resource_key)
+</script>
+
+<style scoped>
+  .investigation-links {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2px 8px;
+  }
+
+  .muted {
+    color: var(--el-text-color-secondary);
+  }
+</style>
diff --git a/src/components/business/audit/AuditResourceSearchDialog.vue b/src/components/business/audit/AuditResourceSearchDialog.vue
new file mode 100644
index 0000000..7c2d8dc
--- /dev/null
+++ b/src/components/business/audit/AuditResourceSearchDialog.vue
@@ -0,0 +1,269 @@
+<template>
+  <ElDialog
+    v-model="visible"
+    title="精确注册资源"
+    width="min(880px, 92vw)"
+    append-to-body
+    destroy-on-close
+    lock-scroll
+  >
+    <div v-loading="loading" class="result-list">
+      <ElCard
+        v-for="row in items"
+        :key="`${row.resource_type}:${row.resource_id || row.resource_key}`"
+        shadow="never"
+        class="resource-card"
+      >
+        <template #header>
+          <div class="card-header">
+            <strong>业务信息</strong>
+            <ElButton link type="primary" :disabled="!row.resource_id" @click="openTimeline(row)">
+              <template #icon>
+                <ElIcon><Clock /></ElIcon>
+              </template>
+              审计时间线
+            </ElButton>
+          </div>
+        </template>
+        <div v-if="snapshotDetails(row).length" class="snapshot-grid">
+          <div v-for="item in snapshotDetails(row)" :key="item.label" class="snapshot-item">
+            <span>{{ item.label }}</span>
+            <strong>{{ item.value }}</strong>
+          </div>
+        </div>
+        <div v-else class="snapshot-item">
+          <span>业务标识</span>
+          <strong>{{ row.resource_key || '-' }}</strong>
+        </div>
+      </ElCard>
+      <ElEmpty v-if="!loading && !items.length" description="未找到匹配的注册资源" />
+    </div>
+
+    <div v-if="total > pageSize" class="pagination">
+      <ElPagination
+        v-model:current-page="page"
+        :page-size="pageSize"
+        :total="total"
+        layout="total, prev, pager, next"
+        @current-change="search(false)"
+      />
+    </div>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+  import { computed, ref, watch } from 'vue'
+  import { Clock } from '@element-plus/icons-vue'
+  import { ElMessage } from 'element-plus'
+  import { AuditService } from '@/api/modules'
+  import type { AuditResourceCandidate, AuditSearchResourceType } from '@/types/api'
+  import { openAuditInvestigation } from './investigationController'
+
+  const props = defineProps<{
+    modelValue: boolean
+    resourceType: AuditSearchResourceType
+    initialKeyword?: string
+  }>()
+  const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
+
+  const visible = computed({
+    get: () => props.modelValue,
+    set: (value) => emit('update:modelValue', value)
+  })
+  const keyword = ref('')
+  const loading = ref(false)
+  const page = ref(1)
+  const pageSize = 10
+  const total = ref(0)
+  const items = ref<AuditResourceCandidate[]>([])
+  let searchSequence = 0
+  const resourceTypeLabels: Record<AuditSearchResourceType, string> = {
+    iot_card: 'IoT卡',
+    device: '设备',
+    shop: '店铺',
+    order: '订单',
+    refund: '退款单'
+  }
+
+  const resourceTypeLabel = computed(() => resourceTypeLabels[props.resourceType])
+
+  interface SnapshotField {
+    label: string
+    keys: string[]
+    format?: (value: unknown) => string
+  }
+
+  const textValue = (value: unknown) => String(value ?? '-')
+  const refundStatusValue = (value: unknown) =>
+    ({ 1: '待审批', 2: '已通过', 3: '已拒绝', 4: '已退回' })[Number(value)] || textValue(value)
+  const centAmountValue = (value: unknown) => {
+    const amount = Number(value)
+    return Number.isFinite(amount) ? `¥${(amount / 100).toFixed(2)}` : textValue(value)
+  }
+  const snapshotFields: Record<AuditSearchResourceType, SnapshotField[]> = {
+    iot_card: [
+      { label: 'ICCID', keys: ['iccid', 'iccid_19', 'iccid_20'] },
+      { label: '虚拟号', keys: ['virtual_no'] },
+      { label: 'MSISDN', keys: ['msisdn'] },
+      { label: '运营商', keys: ['carrier_name', 'carrier_type'] }
+    ],
+    device: [
+      { label: '虚拟号', keys: ['virtual_no'] },
+      { label: 'IMEI', keys: ['imei'] },
+      { label: 'SN', keys: ['sn', 'serial_no'] },
+      { label: '设备编号', keys: ['device_no'] }
+    ],
+    shop: [
+      { label: '店铺编号', keys: ['shop_code'] },
+      { label: '店铺名称', keys: ['shop_name', 'name'] },
+      { label: '联系人', keys: ['contact_name'] },
+      { label: '联系电话', keys: ['contact_phone', 'phone'] }
+    ],
+    order: [
+      { label: '订单号', keys: ['order_no'] },
+      { label: '资产编号', keys: ['asset_identifier'] },
+      { label: '订单状态', keys: ['status_name'] },
+      { label: '订单金额', keys: ['total_amount', 'order_amount'], format: centAmountValue }
+    ],
+    refund: [
+      { label: '退款单号', keys: ['refund_no'] },
+      { label: '订单号', keys: ['order_no'] },
+      { label: '资产编号', keys: ['asset_identifier'] },
+      {
+        label: '申请退款金额',
+        keys: ['requested_refund_amount'],
+        format: centAmountValue
+      },
+      { label: '状态', keys: ['status_name', 'status'], format: refundStatusValue }
+    ]
+  }
+
+  const snapshotDetails = (row: AuditResourceCandidate) => {
+    const snapshot = row.identity_snapshot || {}
+    return snapshotFields[row.resource_type].flatMap((field) => {
+      const key = field.keys.find((candidate) => {
+        const value = snapshot[candidate]
+        return value !== undefined && value !== null && value !== ''
+      })
+      if (!key) return []
+      const value = snapshot[key]
+      return [{ label: field.label, value: field.format?.(value) || textValue(value) }]
+    })
+  }
+  const search = async (resetPage: boolean) => {
+    const exactKeyword = keyword.value.trim()
+    if (!exactKeyword) {
+      ElMessage.warning(`当前记录缺少可用于搜索${resourceTypeLabel.value}的业务标识`)
+      return
+    }
+    if (resetPage) page.value = 1
+    const sequence = ++searchSequence
+    loading.value = true
+    try {
+      const data = (
+        await AuditService.searchResources({
+          resource_type: props.resourceType,
+          keyword: exactKeyword,
+          page: page.value,
+          page_size: pageSize
+        })
+      ).data
+      if (sequence === searchSequence) {
+        items.value = data.items || []
+        total.value = data.total
+      }
+    } catch {
+      if (sequence === searchSequence) ElMessage.error('注册资源搜索失败')
+    } finally {
+      if (sequence === searchSequence) loading.value = false
+    }
+  }
+
+  const openTimeline = (row: AuditResourceCandidate) => {
+    if (!row.resource_id) return
+    visible.value = false
+    openAuditInvestigation({
+      mode: 'resource',
+      resourceType: row.resource_type,
+      id: row.resource_id
+    })
+  }
+
+  watch(
+    () => props.modelValue,
+    (open) => {
+      if (!open) {
+        searchSequence++
+        loading.value = false
+        items.value = []
+        total.value = 0
+        return
+      }
+      keyword.value = props.initialKeyword?.trim() || ''
+      page.value = 1
+      items.value = []
+      total.value = 0
+      if (keyword.value) void search(true)
+    }
+  )
+</script>
+
+<style scoped lang="scss">
+  .result-list {
+    min-height: 180px;
+  }
+
+  .resource-card + .resource-card {
+    margin-top: 12px;
+  }
+
+  .card-header {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+  }
+
+  .snapshot-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+  }
+
+  .snapshot-item {
+    min-width: 0;
+    padding: 12px 14px;
+    background: var(--el-fill-color-light);
+    border-radius: 6px;
+
+    span,
+    strong {
+      display: block;
+      overflow-wrap: anywhere;
+    }
+
+    span {
+      margin-bottom: 6px;
+      font-size: 13px;
+      color: var(--el-text-color-secondary);
+    }
+
+    strong {
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  @media (width <= 600px) {
+    .snapshot-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
diff --git a/src/components/business/audit/investigationController.ts b/src/components/business/audit/investigationController.ts
new file mode 100644
index 0000000..d00ffd7
--- /dev/null
+++ b/src/components/business/audit/investigationController.ts
@@ -0,0 +1,25 @@
+import { ref } from 'vue'
+import type { AuditInvestigationTarget } from './types'
+import type { AuditSearchResourceType } from '@/types/api'
+
+export const auditInvestigationVisible = ref(false)
+export const auditInvestigationTarget = ref<AuditInvestigationTarget>()
+export const auditResourceSearchVisible = ref(false)
+export const auditResourceSearchType = ref<AuditSearchResourceType>('iot_card')
+export const auditResourceSearchKeyword = ref('')
+
+export const openAuditInvestigation = (target: AuditInvestigationTarget) => {
+  auditResourceSearchVisible.value = false
+  auditInvestigationTarget.value = target
+  auditInvestigationVisible.value = true
+}
+
+export const openAuditResourceSearch = (
+  resourceType: AuditSearchResourceType,
+  keyword?: string | null
+) => {
+  auditInvestigationVisible.value = false
+  auditResourceSearchType.value = resourceType
+  auditResourceSearchKeyword.value = keyword?.trim() || ''
+  auditResourceSearchVisible.value = true
+}
diff --git a/src/components/business/audit/types.ts b/src/components/business/audit/types.ts
new file mode 100644
index 0000000..bdc680e
--- /dev/null
+++ b/src/components/business/audit/types.ts
@@ -0,0 +1,24 @@
+import type { AuditActorKind, AuditSubjectResourceType } from '@/types/api'
+
+export type AuditFinanceField =
+  | 'shop_id'
+  | 'wallet_id'
+  | 'order_id'
+  | 'order_no'
+  | 'payment_id'
+  | 'payment_no'
+  | 'refund_id'
+  | 'refund_no'
+  | 'recharge_id'
+  | 'recharge_no'
+  | 'approval_instance_id'
+  | 'third_party_trade_no'
+  | 'correlation_id'
+
+export type AuditInvestigationTarget =
+  | { mode: 'event'; id: string }
+  | { mode: 'actor'; id: string; actorKind: AuditActorKind }
+  | { mode: 'resource'; id: string; resourceType: string }
+  | { mode: 'agent' | 'enterprise'; id: string; resourceType: AuditSubjectResourceType }
+  | { mode: 'finance'; field: AuditFinanceField; value: string | number }
+  | { mode: 'request' | 'correlation' | 'integration'; id: string }
diff --git a/src/config/constants/audit.ts b/src/config/constants/audit.ts
new file mode 100644
index 0000000..d0e8426
--- /dev/null
+++ b/src/config/constants/audit.ts
@@ -0,0 +1,27 @@
+/** 八月审计链路页面与按钮权限。 */
+export const AUDIT_PERMISSIONS = {
+  centerPage: 'audit:center_view',
+  eventList: 'audit:event_list',
+  eventDetail: 'audit:event_detail',
+  actorTimeline: 'audit:actor_timeline',
+  resourceSearch: 'audit:resource_search',
+  resourceTimeline: 'audit:resource_timeline',
+  requestTimeline: 'audit:request_timeline',
+  correlationTimeline: 'audit:correlation_timeline',
+  financeTimeline: 'audit:finance_timeline',
+  riskPage: 'audit:risk_view',
+  riskEvents: 'audit:risk_events',
+  integrationPage: 'audit:integration_view',
+  integrationDetail: 'audit:integration_detail',
+  agentActivity: 'audit:agent_resource_activity',
+  enterpriseActivity: 'audit:enterprise_resource_activity',
+  cardEntry: 'audit:card_entry',
+  deviceEntry: 'audit:device_entry',
+  shopEntry: 'audit:shop_entry',
+  enterpriseEntry: 'audit:enterprise_entry',
+  orderEntry: 'audit:order_entry',
+  refundEntry: 'audit:refund_entry',
+  walletEntry: 'audit:wallet_entry'
+} as const
+
+export type AuditPermission = (typeof AUDIT_PERMISSIONS)[keyof typeof AUDIT_PERMISSIONS]
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index 3094cf0..cf8ff3b 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -2,6 +2,7 @@ import { RoutesAlias } from '../routesAlias'
 import { AppRouteRecord } from '@/types/router'
 import { BULK_PURCHASE_PERMISSIONS } from '@/config/constants/bulkPurchase'
 import { JULY_PERMISSIONS } from '@/config/constants/julyIteration'
+import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
 
 /**
  * 菜单列表、异步路由
@@ -692,6 +693,72 @@ export const asyncRoutes: AppRouteRecord[] = [
     ]
   },
 
+  // 审计中心
+  {
+    path: '/audit',
+    name: 'AuditCenter',
+    component: RoutesAlias.Home,
+    meta: {
+      title: '审计中心',
+      icon: '&#xe7c9;',
+      permissions: [AUDIT_PERMISSIONS.centerPage]
+    },
+    children: [
+      {
+        path: 'events',
+        name: 'AuditEvents',
+        component: RoutesAlias.AuditEvents,
+        meta: {
+          title: '审计事件',
+          permissions: [AUDIT_PERMISSIONS.eventList],
+          keepAlive: true
+        }
+      },
+      {
+        path: 'events/:eventId',
+        name: 'AuditEventDetail',
+        component: RoutesAlias.AuditEventDetail,
+        meta: {
+          title: '审计事件详情',
+          permissions: [AUDIT_PERMISSIONS.eventDetail],
+          isHide: true,
+          keepAlive: false
+        }
+      },
+      {
+        path: 'risks',
+        name: 'AuditRisks',
+        component: RoutesAlias.AuditRisks,
+        meta: {
+          title: '风险中心',
+          permissions: [AUDIT_PERMISSIONS.riskPage],
+          keepAlive: true
+        }
+      },
+      {
+        path: 'integrations',
+        name: 'AuditIntegrations',
+        component: RoutesAlias.AuditIntegrations,
+        meta: {
+          title: '外部交互',
+          permissions: [AUDIT_PERMISSIONS.integrationPage],
+          keepAlive: true
+        }
+      },
+      {
+        path: 'integrations/:integrationId',
+        name: 'AuditIntegrationDetail',
+        component: RoutesAlias.AuditIntegrationDetail,
+        meta: {
+          title: '外部交互详情',
+          permissions: [AUDIT_PERMISSIONS.integrationDetail],
+          isHide: true,
+          keepAlive: false
+        }
+      }
+    ]
+  },
+
   // 佣金管理
   {
     path: '/commission',
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index fb73378..22ade5f 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -23,6 +23,13 @@ export enum RoutesAlias {
   CarrierManagement = '/system/carrier-management', // 运营商管理
   UserCenter = '/system/user-center', // 用户中心
 
+  // 审计中心
+  AuditEvents = '/audit/events',
+  AuditEventDetail = '/audit/events/detail',
+  AuditRisks = '/audit/risks',
+  AuditIntegrations = '/audit/integrations',
+  AuditIntegrationDetail = '/audit/integrations/detail',
+
   // 套餐管理
   PackageList = '/package-management/package-list', // 套餐列表
   PackageDetail = '/package-management/package-list/detail', // 套餐列表详情
diff --git a/src/types/api/audit.ts b/src/types/api/audit.ts
new file mode 100644
index 0000000..d90c9b1
--- /dev/null
+++ b/src/types/api/audit.ts
@@ -0,0 +1,449 @@
+import type { PaginationParams } from './common'
+
+export type AuditActorKind =
+  | 'account'
+  | 'personal_customer'
+  | 'openapi'
+  | 'system_task'
+  | 'scheduled_job'
+  | 'external_system'
+export type AuditResult = 'success' | 'failed' | 'denied' | 'partial' | 'unknown'
+export type AuditRiskLevel = 'low' | 'normal' | 'high' | 'critical'
+export type AuditCategory =
+  | 'configuration'
+  | 'reliability'
+  | 'asset'
+  | 'security'
+  | 'identity'
+  | 'business'
+export type AuditSource =
+  | 'admin_api'
+  | 'personal_api'
+  | 'openapi'
+  | 'worker'
+  | 'scheduler'
+  | 'callback'
+export type AuditScopeType = 'platform' | 'shop' | 'personal_customer'
+export type IntegrationProvider =
+  | 'ctcc'
+  | 'cmcc'
+  | 'cucc'
+  | 'wechat_pay'
+  | 'alipay'
+  | 'fuiou'
+  | 'wecom'
+  | 'gateway'
+export type IntegrationDirection = 'inbound' | 'outbound'
+export type IntegrationResult =
+  | 'pending'
+  | 'success'
+  | 'failed'
+  | 'unknown'
+  | 'not_found'
+  | 'invalid_payload'
+  | 'conflict'
+  | 'ignored'
+  | 'merged'
+  | 'rate_limited'
+  | 'completed'
+  | 'cancelled'
+export type IntegrationResultCategory =
+  | 'processing'
+  | 'succeeded'
+  | 'indeterminate'
+  | 'failed'
+  | 'not_sent'
+export type AuditSubjectResourceType =
+  | 'iot_card'
+  | 'device'
+  | 'asset_allocation_record'
+  | 'exchange_order'
+  | 'shop'
+  | 'enterprise'
+
+export interface AuditRetentionInfo {
+  online_from: string
+  archived_before: string
+  timezone: string
+}
+export interface AuditActorRef {
+  kind: AuditActorKind
+  id: string
+}
+export interface AuditInvestigationResourceRef {
+  resource_type: string
+  resource_id?: string | null
+  resource_key?: string | null
+  display_name?: string | null
+}
+export interface AuditInvestigationRefs {
+  event_id?: string | null
+  actor_ref?: AuditActorRef | null
+  resource_refs?: AuditInvestigationResourceRef[]
+  request_id?: string | null
+  correlation_id?: string | null
+  integration_refs?: Array<{ integration_id: string }>
+}
+export interface AuditResourceView extends AuditInvestigationResourceRef {
+  relation: 'primary' | 'affected' | 'reference'
+  role: string
+  display_name: string
+  subject_summary?: string | null
+  subject_visibility?: 'internal_only' | 'subject_result' | 'subject_detail'
+  identity_snapshot?: Record<string, unknown> | null
+  before_data?: Record<string, unknown> | null
+  after_data?: Record<string, unknown> | null
+  subject_data?: Record<string, unknown> | null
+  sort_order?: number | null
+  created_at?: string | null
+}
+export interface AuditEventView {
+  event_id: string
+  parent_event_id?: string | null
+  action_code: string
+  action_name: string
+  category: AuditCategory
+  summary: string
+  result: AuditResult
+  risk_level: AuditRiskLevel
+  source: AuditSource
+  actor_kind: AuditActorKind
+  actor_id: string
+  actor_name: string
+  actor_shop_id?: number | null
+  actor_shop_name?: string | null
+  actor_enterprise_id?: number | null
+  actor_enterprise_name?: string | null
+  scope_type: AuditScopeType
+  scope_id?: string | null
+  scope_name?: string | null
+  request_id?: string | null
+  correlation_id?: string | null
+  request_method?: string | null
+  request_path?: string | null
+  ip_address?: string | null
+  user_agent?: string | null
+  success_count?: number | null
+  fail_count?: number | null
+  batch_total?: number | null
+  error_code?: string | null
+  error_summary?: string | null
+  content_hash?: string | null
+  occurred_at: string
+  created_at: string
+  resources: AuditResourceView[]
+  investigation_refs?: AuditInvestigationRefs | null
+  metadata?: Record<string, unknown> | null
+}
+export interface AuditEventDetail extends AuditEventView {
+  retention: AuditRetentionInfo
+}
+export interface AuditPage<T> {
+  items: T[]
+  page: number
+  page_size: number
+  total: number
+  retention: AuditRetentionInfo
+}
+export type AuditEventPage = AuditPage<AuditEventView>
+export interface AuditEventQuery extends PaginationParams {
+  created_from?: string
+  created_to?: string
+  action?: string
+  category?: AuditCategory
+  actor_kind?: AuditActorKind
+  actor_id?: string
+  source?: AuditSource
+  result?: AuditResult
+  risk?: AuditRiskLevel
+  scope_type?: AuditScopeType
+  scope_id?: string
+  resource_type?: string
+  resource_id?: string
+  resource_key?: string
+  request_id?: string
+  correlation_id?: string
+}
+export interface AuditActorEventQuery extends PaginationParams {
+  action?: string
+  result?: AuditResult
+  risk?: AuditRiskLevel
+  resource_type?: string
+  resource_id?: string
+  created_from?: string
+  created_to?: string
+}
+export interface AuditResourceTimelineQuery extends PaginationParams {
+  created_from?: string
+  created_to?: string
+  action?: string
+  result?: AuditResult
+}
+export type AuditSearchResourceType = 'iot_card' | 'device' | 'shop' | 'order' | 'refund'
+export interface AuditResourceSearchQuery extends PaginationParams {
+  resource_type: AuditSearchResourceType
+  keyword: string
+}
+export interface AuditResourceCandidate extends AuditInvestigationResourceRef {
+  resource_type: AuditSearchResourceType
+  display_name: string
+  historical: boolean
+  identity_snapshot?: Record<string, unknown> | null
+}
+export type AuditResourceSearchPage = AuditPage<AuditResourceCandidate>
+
+export interface AuditLinkTimelineNode {
+  node_id: string
+  record_source: 'audit_event' | 'integration_log' | 'outbox_event'
+  code: string
+  title: string
+  summary: string
+  result: string
+  result_name: string
+  occurred_at: string
+  request_id?: string | null
+  correlation_id?: string | null
+  parent_event_id?: string | null
+  reference_only?: boolean
+  resources?: AuditInvestigationResourceRef[]
+  investigation_refs?: AuditInvestigationRefs | null
+  fidelity?: Record<string, boolean | null> | null
+}
+export interface AuditLinkTimeline {
+  request_id?: string | null
+  correlation_id?: string | null
+  access_log_lookup_request_id?: string | null
+  nodes: AuditLinkTimelineNode[]
+  retention: AuditRetentionInfo
+}
+
+export interface AuditFinanceQuery extends PaginationParams {
+  shop_id?: number
+  wallet_id?: number
+  order_id?: number
+  order_no?: string
+  payment_id?: number
+  payment_no?: string
+  refund_id?: number
+  refund_no?: string
+  recharge_id?: number
+  recharge_no?: string
+  approval_instance_id?: number
+  third_party_trade_no?: string
+  actor_kind?: AuditActorKind
+  actor_id?: string
+  correlation_id?: string
+  created_from?: string
+  created_to?: string
+}
+export interface AuditFinanceTimelineNode {
+  node_id: string
+  record_source: string
+  code: string
+  title: string
+  result: string
+  result_name: string
+  occurred_at: string
+  shop_id?: number | null
+  amount?: number | null
+  balance_before?: number | null
+  balance_after?: number | null
+  currency?: string | null
+  wallet?: { resource_type: 'agent_wallet' | 'asset_wallet'; wallet_id: number } | null
+  amount_authority?: {
+    authoritative: boolean
+    table?: string
+    field?: string
+    conflict_rule?: string
+  } | null
+  facts?: Record<string, unknown> | null
+  investigation_refs?: AuditInvestigationRefs | null
+}
+export type AuditFinanceTimelinePage = AuditPage<AuditFinanceTimelineNode>
+
+export interface AuditRiskQuery {
+  created_from?: string
+  created_to?: string
+  risk?: AuditRiskLevel
+  result?: AuditResult
+  action?: string
+  source?: AuditSource
+}
+export interface AuditRiskEventQuery extends AuditRiskQuery, PaginationParams {}
+export interface AuditNamedCount {
+  code: string
+  name: string
+  count: number
+}
+export interface AuditRiskOverview {
+  total: number
+  bucket: 'hour' | 'day'
+  risks: AuditNamedCount[]
+  results: AuditNamedCount[]
+  actions: AuditNamedCount[]
+  sources: AuditNamedCount[]
+  signals: AuditNamedCount[]
+  trend: Array<Record<string, string | number>>
+  retention: AuditRetentionInfo
+}
+export type AuditRiskEventPage = AuditPage<AuditEventView>
+
+export interface IntegrationQuery extends PaginationParams {
+  created_from?: string
+  created_to?: string
+  integration_id?: string
+  provider?: IntegrationProvider
+  direction?: IntegrationDirection
+  operation?: string
+  result?: IntegrationResult
+  result_category?: IntegrationResultCategory
+  external_id?: string
+  resource_type?: string
+  resource_id?: string
+  resource_key?: string
+  trigger_source?: string
+  trigger_scene?: string
+  trigger_series?: string
+  state_changed?: boolean
+  http_status?: number
+  provider_code?: string
+  request_id?: string
+  correlation_id?: string
+}
+export interface IntegrationResourceView {
+  type?: string | null
+  id?: string | null
+  key?: string | null
+}
+export interface IntegrationIdentityView {
+  integration_id: string
+  provider: IntegrationProvider
+  provider_name: string
+  direction: IntegrationDirection
+  direction_name: string
+  operation: string
+  operation_name: string
+  external_id?: string | null
+}
+export interface IntegrationResultView {
+  category: IntegrationResultCategory
+  code: IntegrationResult
+  name: string
+  duration_ms: number
+  http_status?: number | null
+  provider_code?: string | null
+  provider_message?: string | null
+  recovery_strategy?: string | null
+  state_changed: boolean
+}
+export interface IntegrationLinkageView {
+  audit_event_id?: number | null
+  request_id?: string | null
+  correlation_id?: string | null
+}
+export interface IntegrationTriggerView {
+  attempt: number
+  scene?: string | null
+  series?: string | null
+  source?: string | null
+}
+export interface IntegrationTimestampView {
+  created_at: string
+  scheduled_at?: string | null
+  started_at?: string | null
+  updated_at: string
+}
+export interface IntegrationContentView {
+  content_hash: string
+  metadata?: Record<string, unknown> | null
+  request_summary?: Record<string, unknown> | null
+  response_summary?: Record<string, unknown> | null
+}
+export interface IntegrationFidelityView {
+  attempt_sequence_reliable: boolean
+  correlation_available: boolean
+  provider_message_fidelity: string
+  resource_id_available: boolean
+  trigger_series_available: boolean
+}
+export interface IntegrationAttemptView {
+  attempt: number
+  created_at: string
+  duration_ms: number
+  integration_id: string
+  operation: string
+  operation_name: string
+  result: IntegrationResult
+  result_category: IntegrationResultCategory
+  result_name: string
+  sent: boolean
+  state_changed: boolean
+}
+export interface IntegrationListItem {
+  integration_id: string
+  provider: IntegrationProvider
+  provider_name: string
+  direction: IntegrationDirection
+  direction_name: string
+  operation: string
+  operation_name: string
+  result: IntegrationResult
+  result_name: string
+  result_category: IntegrationResultCategory
+  state_changed: boolean
+  duration_ms?: number | null
+  request_id?: string | null
+  correlation_id?: string | null
+  created_at: string
+  resource?: IntegrationResourceView | null
+}
+export type IntegrationListPage = AuditPage<IntegrationListItem>
+export interface IntegrationOverview {
+  total: number
+  anomaly_count: number
+  stale_pending_count: number
+  state_changed_count: number
+  unknown_count: number
+  average_duration_ms: number
+  p95_duration_ms: number
+  providers: AuditNamedCount[]
+  directions: AuditNamedCount[]
+  results: Array<AuditNamedCount & { category: IntegrationResultCategory }>
+  trend: Array<Record<string, string | number>>
+  retention: AuditRetentionInfo
+}
+export interface IntegrationDetailResponse {
+  identity: IntegrationIdentityView
+  result: IntegrationResultView
+  resource?: IntegrationResourceView | null
+  linkage: IntegrationLinkageView
+  trigger: IntegrationTriggerView
+  timestamps: IntegrationTimestampView
+  content: IntegrationContentView
+  fidelity: IntegrationFidelityView
+  attempts: IntegrationAttemptView[]
+  retention: AuditRetentionInfo
+}
+
+export interface AuditSubjectActivityQuery extends PaginationParams {
+  created_from?: string
+  created_to?: string
+}
+export interface AuditSubjectResourceSummary {
+  resource_type?: string
+  identifier?: string
+  display_name?: string
+  [key: string]: unknown
+}
+export interface AuditSubjectActivity {
+  action_code: string
+  action_name: string
+  occurred_at: string
+  result: AuditResult
+  subject_summary: string
+  subject_data?: Record<string, unknown> | null
+  related_resources?: AuditSubjectResourceSummary[]
+}
+export interface AuditSubjectActivityPage extends AuditPage<AuditSubjectActivity> {
+  resource: AuditSubjectResourceSummary
+}
diff --git a/src/types/api/index.ts b/src/types/api/index.ts
index 7455c26..fee2ff9 100644
--- a/src/types/api/index.ts
+++ b/src/types/api/index.ts
@@ -126,5 +126,8 @@ export * from './bulkPurchase'
 // 站内通知相关
 export * from './notification'
 
+// 审计链路与调查中心
+export * from './audit'
+
 // 企业微信审批配置相关
 export * from './wecom'
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 4e17e70..439fe0a 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -68,6 +68,12 @@ declare module 'vue' {
     ArtWangEditor: typeof import('./../components/core/forms/ArtWangEditor.vue')['default']
     ArtWatermark: typeof import('./../components/core/others/ArtWatermark.vue')['default']
     ArtWorkTab: typeof import('./../components/core/layouts/art-work-tab/index.vue')['default']
+    AuditDistributionChart: typeof import('./../components/business/audit/AuditDistributionChart.vue')['default']
+    AuditEventTable: typeof import('./../components/business/audit/AuditEventTable.vue')['default']
+    AuditInvestigationDrawer: typeof import('./../components/business/audit/AuditInvestigationDrawer.vue')['default']
+    AuditInvestigationHost: typeof import('./../components/business/audit/AuditInvestigationHost.vue')['default']
+    AuditInvestigationLinks: typeof import('./../components/business/audit/AuditInvestigationLinks.vue')['default']
+    AuditResourceSearchDialog: typeof import('./../components/business/audit/AuditResourceSearchDialog.vue')['default']
     BasicSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/BasicSettings.vue')['default']
     BatchOperationDialog: typeof import('./../components/business/BatchOperationDialog.vue')['default']
     BatchRealnamePolicyDialog: typeof import('./../components/business/BatchRealnamePolicyDialog.vue')['default']
diff --git a/src/types/router/index.ts b/src/types/router/index.ts
index a76b77f..28d4c0d 100644
--- a/src/types/router/index.ts
+++ b/src/types/router/index.ts
@@ -34,6 +34,8 @@ export interface RouteMeta extends Record<string | number | symbol, unknown> {
   isFirstLevel?: boolean
   /** 角色权限 */
   roles?: string[]
+  /** 页面访问权限，满足任意一个即可 */
+  permissions?: string[]
   /** 导出任务固定场景 */
   exportTaskScene?: ExportTaskScene
   /** 是否固定标签页 */
diff --git a/src/utils/business/audit.ts b/src/utils/business/audit.ts
new file mode 100644
index 0000000..d386d01
--- /dev/null
+++ b/src/utils/business/audit.ts
@@ -0,0 +1,137 @@
+import type {
+  AuditActorKind,
+  AuditCategory,
+  AuditResult,
+  AuditRiskLevel,
+  AuditScopeType,
+  AuditSource,
+  IntegrationResultCategory
+} from '@/types/api'
+
+export const auditCategoryLabels: Record<AuditCategory, string> = {
+  configuration: '配置',
+  reliability: '可靠性',
+  asset: '资产',
+  security: '安全',
+  identity: '身份',
+  business: '业务'
+}
+
+export const auditActorKindLabels: Record<AuditActorKind, string> = {
+  account: '人工账号',
+  personal_customer: '个人客户',
+  openapi: '开放接口账号',
+  system_task: '系统任务',
+  scheduled_job: '计划任务',
+  external_system: '外部系统'
+}
+
+export const auditScopeTypeLabels: Record<AuditScopeType, string> = {
+  platform: '平台',
+  shop: '店铺',
+  personal_customer: '个人客户'
+}
+
+export const auditSourceLabels: Record<AuditSource, string> = {
+  admin_api: '后台管理 API',
+  personal_api: '个人客户 API',
+  openapi: '代理 OpenAPI',
+  worker: '异步 Worker',
+  scheduler: '计划任务',
+  callback: '外部系统回调'
+}
+
+export const auditResourceRelationLabels: Record<string, string> = {
+  primary: '主要资源',
+  affected: '受影响资源',
+  reference: '引用资源'
+}
+
+export const auditSubjectVisibilityLabels: Record<string, string> = {
+  internal_only: '仅平台可见',
+  subject_result: '主体可见结论',
+  subject_detail: '主体可见安全详情'
+}
+
+export const auditResourceTypeLabels: Record<string, string> = {
+  iot_card: 'IoT 卡',
+  device: '设备',
+  asset_allocation_record: '资产分配记录',
+  exchange_order: '换卡订单',
+  shop: '店铺',
+  enterprise: '企业',
+  order: '订单',
+  refund: '退款',
+  integration_log: '外部集成记录'
+}
+
+export const auditResultMeta: Record<
+  AuditResult,
+  { label: string; type: 'success' | 'danger' | 'warning' | 'info' }
+> = {
+  success: { label: '成功', type: 'success' },
+  failed: { label: '失败', type: 'danger' },
+  denied: { label: '拒绝', type: 'danger' },
+  partial: { label: '部分成功', type: 'warning' },
+  unknown: { label: '未知', type: 'info' }
+}
+
+const auditResultLabels: Record<string, string> = {
+  success: '成功',
+  failed: '失败',
+  denied: '拒绝',
+  partial: '部分成功',
+  unknown: '未知',
+  pending: '处理中',
+  not_found: '未找到',
+  invalid_payload: '无效载荷',
+  conflict: '冲突',
+  ignored: '已忽略',
+  merged: '已合并',
+  rate_limited: '已限流',
+  completed: '已完成',
+  cancelled: '已取消'
+}
+
+export function auditResultDisplay(result?: string | null, resultName?: string | null): string {
+  const name = resultName?.trim()
+  if (name) return name
+  return result ? auditResultLabels[result] || result : '-'
+}
+
+export const auditRiskMeta: Record<
+  AuditRiskLevel,
+  { label: string; type: 'success' | 'danger' | 'warning' | 'info' }
+> = {
+  low: { label: '低', type: 'success' },
+  normal: { label: '普通', type: 'info' },
+  high: { label: '高', type: 'warning' },
+  critical: { label: '严重', type: 'danger' }
+}
+
+export const integrationCategoryMeta: Record<
+  IntegrationResultCategory,
+  { label: string; type: 'success' | 'danger' | 'warning' | 'info' }
+> = {
+  processing: { label: '处理中', type: 'warning' },
+  succeeded: { label: '成功', type: 'success' },
+  indeterminate: { label: '结果不确定', type: 'warning' },
+  failed: { label: '失败', type: 'danger' },
+  not_sent: { label: '未发送', type: 'info' }
+}
+
+export function toRfc3339(value?: string | Date | null): string | undefined {
+  if (!value) return undefined
+  const date = value instanceof Date ? value : new Date(value)
+  return Number.isNaN(date.getTime()) ? undefined : date.toISOString()
+}
+
+export function fenDisplay(value?: number | null): string {
+  return typeof value === 'number' ? `¥${(value / 100).toFixed(2)}` : '-'
+}
+
+export function auditJson(value: unknown): string {
+  if (value === null || value === undefined) return '-'
+  if (typeof value === 'string') return value
+  return JSON.stringify(value, null, 2)
+}
diff --git a/src/utils/business/auditNavigation.ts b/src/utils/business/auditNavigation.ts
new file mode 100644
index 0000000..1324602
--- /dev/null
+++ b/src/utils/business/auditNavigation.ts
@@ -0,0 +1,69 @@
+import type { AuditSubjectResourceType } from '@/types/api'
+import type { AuditFinanceField, AuditInvestigationTarget } from '@/components/business/audit/types'
+
+interface AuditResourceRouteOptions {
+  userType?: number
+  resourceType: AuditSubjectResourceType | string
+  internalId?: string | number | null
+  businessIdentifier?: string | null
+}
+
+/** 根据当前主体选择平台内部 ID 或主体安全业务标识。 */
+export function resolveAuditResourceTarget(
+  options: AuditResourceRouteOptions
+): AuditInvestigationTarget | null {
+  const { userType, resourceType, internalId, businessIdentifier } = options
+  const normalizedBusinessIdentifier = businessIdentifier?.trim()
+  if (userType === 3) {
+    if (
+      !normalizedBusinessIdentifier ||
+      ![
+        'iot_card',
+        'device',
+        'asset_allocation_record',
+        'exchange_order',
+        'shop',
+        'enterprise'
+      ].includes(resourceType)
+    )
+      return null
+    return {
+      mode: 'agent',
+      resourceType: resourceType as AuditSubjectResourceType,
+      id: normalizedBusinessIdentifier
+    }
+  }
+  if (userType === 4) {
+    if (!normalizedBusinessIdentifier || !['iot_card', 'device'].includes(resourceType)) return null
+    return {
+      mode: 'enterprise',
+      resourceType: resourceType as AuditSubjectResourceType,
+      id: normalizedBusinessIdentifier
+    }
+  }
+  if (
+    internalId === undefined ||
+    internalId === null ||
+    internalId === '' ||
+    (typeof internalId === 'string' && !internalId.trim()) ||
+    (typeof internalId === 'number' && (!Number.isFinite(internalId) || internalId <= 0))
+  )
+    return null
+  return { mode: 'resource', resourceType, id: String(internalId).trim() }
+}
+
+export function resolveFinanceAuditTarget(
+  field: AuditFinanceField,
+  value?: string | number | null
+): AuditInvestigationTarget | null {
+  const normalizedValue = typeof value === 'string' ? value.trim() : value
+  if (
+    normalizedValue === undefined ||
+    normalizedValue === null ||
+    normalizedValue === '' ||
+    (typeof normalizedValue === 'number' &&
+      (!Number.isFinite(normalizedValue) || normalizedValue <= 0))
+  )
+    return null
+  return { mode: 'finance', field, value: normalizedValue }
+}
diff --git a/src/utils/business/notificationNavigation.ts b/src/utils/business/notificationNavigation.ts
index a2c5ebb..4bcf262 100644
--- a/src/utils/business/notificationNavigation.ts
+++ b/src/utils/business/notificationNavigation.ts
@@ -9,8 +9,16 @@ const resolveTargetRoute = (
   target: NotificationTarget
 ): TargetRoute | null => {
   const targetId = target.target_id === null ? '' : String(target.target_id)
+  const targetType = target.target_type || refType
 
-  switch (refType) {
+  if (targetType === 'integration_log') {
+    const integrationId = target.target_key?.trim()
+    return integrationId
+      ? { path: `/audit/integrations/${encodeURIComponent(integrationId)}` }
+      : null
+  }
+
+  switch (targetType) {
     case 'system_config':
       return { path: RoutesAlias.SystemConfigs }
     case 'refund':
@@ -27,7 +35,6 @@ const resolveTargetRoute = (
       return { path: RoutesAlias.ExpiringAssets }
     case 'shop_fund':
       return { path: RoutesAlias.AgentFundOverview }
-    case 'integration_log':
     case 'package':
     case 'asset':
     case 'wecom_approval':
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index cd25acd..c2a5af3 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -335,6 +335,9 @@
     JULY_PERMISSIONS,
     STATUS_SELECT_OPTIONS
   } from '@/config/constants'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'Account' }) // 定义组件名称，用于 KeepAlive 缓存控制
 
@@ -670,6 +673,19 @@
   const getActions = (row: any) => {
     const actions: any[] = []
 
+    if (hasAuth(AUDIT_PERMISSIONS.resourceTimeline)) {
+      const auditTarget = resolveAuditResourceTarget({
+        resourceType: 'account',
+        internalId: row.id
+      })
+      if (auditTarget)
+        actions.push({
+          label: '审计记录',
+          handler: () => openAuditInvestigation(auditTarget),
+          type: 'primary'
+        })
+    }
+
     if (hasAuth('account:patch_role')) {
       actions.push({
         label: '分配角色',
diff --git a/src/views/account-management/enterprise-customer/index.vue b/src/views/account-management/enterprise-customer/index.vue
index 91a6597..3fa279b 100644
--- a/src/views/account-management/enterprise-customer/index.vue
+++ b/src/views/account-management/enterprise-customer/index.vue
@@ -204,6 +204,9 @@
   import { h, onActivated } from 'vue'
   import { useRouter } from 'vue-router'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
   import { EnterpriseService, ShopService } from '@/api/modules'
   import { ElMessage, ElSwitch, ElCascader } from 'element-plus'
   import type { CascaderOption, CascaderValue, FormInstance, FormRules } from 'element-plus'
@@ -502,6 +505,21 @@
   const getActions = (row: EnterpriseItem) => {
     const actions: any[] = []
 
+    if (hasAuth(AUDIT_PERMISSIONS.enterpriseEntry)) {
+      const auditTarget = resolveAuditResourceTarget({
+        userType: userStore.getUserInfo.user_type,
+        resourceType: 'enterprise',
+        internalId: row.id,
+        businessIdentifier: row.enterprise_code
+      })
+      if (auditTarget)
+        actions.push({
+          label: '审计记录',
+          handler: () => openAuditInvestigation(auditTarget),
+          type: 'primary'
+        })
+    }
+
     if (hasAuth('enterprise_customer:look_customer')) {
       actions.push({
         label: '账号列表',
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 1cc029f..3776df0 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -9,6 +9,9 @@
           </ElTag>
         </div>
         <div class="card-header-right">
+          <ElButton v-if="auditTarget" type="primary" link @click="openAssetAudit">
+            {{ isSubjectActivityView ? '活动记录' : '审计记录' }}
+          </ElButton>
           <ElButton
             v-if="
               cardInfo?.asset_type === 'card' &&
@@ -311,7 +314,7 @@
             {{ scope.row.gateway_extend || '-' }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="操作" width="180" fixed="right">
+        <ElTableColumn label="操作" width="280" fixed="right">
           <template #default="scope">
             <!-- 根据网络状态显示启用或停用按钮 -->
             <ElButton
@@ -345,6 +348,24 @@
             >
               更新实名状态
             </ElButton>
+            <ElButton
+              v-if="getBindingCardAuditTarget(scope.row)"
+              type="primary"
+              size="small"
+              link
+              @click="openBindingCardAudit(scope.row)"
+            >
+              卡审计
+            </ElButton>
+            <ElButton
+              v-if="getBindingAuditTarget(scope.row)"
+              type="primary"
+              size="small"
+              link
+              @click="openBindingAudit(scope.row)"
+            >
+              绑定审计
+            </ElButton>
           </template>
         </ElTableColumn>
       </ElTable>
@@ -589,10 +610,14 @@
     getExpiryEstimateTooltip,
     getExpiryEstimateClass
   } from '@/utils/business/expiryEstimate'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   // Props
   interface BindingCard {
     id: number
+    card_id?: number
     iccid: string
     msisdn?: string
     carrier_name?: string
@@ -609,7 +634,9 @@
   }
 
   interface AssetInfo {
+    asset_id: number
     asset_type: 'card' | 'device'
+    identifier: string
     iccid?: string
     imei?: string
     msisdn?: string
@@ -717,6 +744,64 @@
 
   const { hasAuth } = useAuth()
   const userStore = useUserStore()
+  const isSubjectActivityView = computed(() => [3, 4].includes(Number(userStore.info.user_type)))
+  const auditTarget = computed(() => {
+    const userType = Number(userStore.info.user_type)
+    const permission =
+      userType === 3
+        ? AUDIT_PERMISSIONS.agentActivity
+        : userType === 4
+          ? AUDIT_PERMISSIONS.enterpriseActivity
+          : props.cardInfo.asset_type === 'card'
+            ? AUDIT_PERMISSIONS.cardEntry
+            : AUDIT_PERMISSIONS.deviceEntry
+    if (!hasAuth(permission)) return null
+    return resolveAuditResourceTarget({
+      userType,
+      resourceType: props.cardInfo.asset_type === 'card' ? 'iot_card' : 'device',
+      internalId: props.cardInfo.asset_id,
+      businessIdentifier:
+        props.cardInfo.asset_type === 'card' ? props.cardInfo.iccid : props.cardInfo.virtual_no
+    })
+  })
+  const openAssetAudit = () => {
+    if (auditTarget.value) openAuditInvestigation(auditTarget.value)
+  }
+  const getBindingCardAuditTarget = (card: BindingCard) => {
+    const userType = Number(userStore.info.user_type)
+    const permission =
+      userType === 3
+        ? AUDIT_PERMISSIONS.agentActivity
+        : userType === 4
+          ? AUDIT_PERMISSIONS.enterpriseActivity
+          : AUDIT_PERMISSIONS.cardEntry
+    if (!hasAuth(permission)) return null
+    return resolveAuditResourceTarget({
+      userType,
+      resourceType: 'iot_card',
+      internalId: card.card_id,
+      businessIdentifier: card.iccid
+    })
+  }
+  const getBindingAuditTarget = (card: BindingCard) => {
+    if (
+      ![1, 2].includes(Number(userStore.info.user_type)) ||
+      !hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+    )
+      return null
+    return resolveAuditResourceTarget({
+      resourceType: 'device_sim_binding',
+      internalId: card.id
+    })
+  }
+  const openBindingCardAudit = (card: BindingCard) => {
+    const target = getBindingCardAuditTarget(card)
+    if (target) openAuditInvestigation(target)
+  }
+  const openBindingAudit = (card: BindingCard) => {
+    const target = getBindingAuditTarget(card)
+    if (target) openAuditInvestigation(target)
+  }
   const { width } = useWindowSize()
 
   const CARD_MONTH_USAGE_PERMISSION = 'asset_info:view_card_month_usage'
diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index c513476..d8e6135 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -44,6 +44,20 @@
           />
           <ElButton type="primary" @click="handleQuery">查询</ElButton>
           <ElButton @click="handleReset()">重置</ElButton>
+          <ElButton
+            v-if="walletInfo?.wallet_id && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+            @click="openWalletAudit"
+            >资金链路</ElButton
+          >
+          <ElButton
+            v-if="
+              walletInfo?.resource_type &&
+              walletInfo?.resource_id &&
+              hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+            "
+            @click="openAssetAudit"
+            >资产审计</ElButton
+          >
         </div>
       </div>
     </template>
@@ -167,6 +181,13 @@
     AssetWalletTransactionParams,
     TransactionType
   } from '@/types/api'
+  import { useAuth } from '@/composables/useAuth'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   interface Props {
     assetIdentifier: string
@@ -182,6 +203,19 @@
     boundDeviceId: undefined,
     boundDeviceNo: ''
   })
+  const { hasAuth } = useAuth()
+
+  const openWalletAudit = () => {
+    const target = resolveFinanceAuditTarget('wallet_id', props.walletInfo?.wallet_id)
+    if (target) openAuditInvestigation(target)
+  }
+  const openAssetAudit = () => {
+    const target = resolveAuditResourceTarget({
+      resourceType: props.walletInfo?.resource_type || '',
+      internalId: props.walletInfo?.resource_id
+    })
+    if (target) openAuditInvestigation(target)
+  }
 
   const emit = defineEmits<{
     (e: 'navigateToDevice', deviceNo: string): void
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index de7672e..4491d03 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -969,6 +969,10 @@
   import { computed, h } from 'vue'
   import { useRouter } from 'vue-router'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
+  import { useUserStore } from '@/store/modules/user'
   import {
     DeviceService,
     ShopService,
@@ -1027,6 +1031,7 @@
 
   const { hasAuth } = useAuth()
   const router = useRouter()
+  const userStore = useUserStore()
 
   const loading = ref(false)
   const allocateLoading = ref(false)
@@ -3173,6 +3178,27 @@
       })
     }
 
+    const userType = Number(userStore.getUserInfo.user_type)
+    const auditPermission =
+      userType === 3
+        ? AUDIT_PERMISSIONS.agentActivity
+        : userType === 4
+          ? AUDIT_PERMISSIONS.enterpriseActivity
+          : AUDIT_PERMISSIONS.deviceEntry
+    if (hasAuth(auditPermission)) {
+      const auditTarget = resolveAuditResourceTarget({
+        userType,
+        resourceType: 'device',
+        internalId: row.id,
+        businessIdentifier: row.virtual_no
+      })
+      if (auditTarget)
+        moreActions.push({
+          label: userType >= 3 ? '活动记录' : '审计记录',
+          handler: () => openAuditInvestigation(auditTarget),
+          type: 'primary'
+        })
+    }
     // 如果有更多操作，添加到 actions 中
     if (moreActions.length > 0) {
       actions.push(...moreActions)
diff --git a/src/views/asset-management/exchange-management/detail.vue b/src/views/asset-management/exchange-management/detail.vue
index 65b6882..a9cc144 100644
--- a/src/views/asset-management/exchange-management/detail.vue
+++ b/src/views/asset-management/exchange-management/detail.vue
@@ -10,6 +10,30 @@
           返回
         </ElButton>
         <h2 class="detail-title">换货单详情</h2>
+        <ElButton
+          v-if="exchangeAuditTarget && hasAuth(exchangeAuditPermission)"
+          type="primary"
+          plain
+          @click="openAuditInvestigation(exchangeAuditTarget)"
+        >
+          {{ userType === 3 ? '活动记录' : '换货审计' }}
+        </ElButton>
+        <ElButton
+          v-if="oldAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          type="primary"
+          plain
+          @click="openAuditInvestigation(oldAssetAuditTarget)"
+        >
+          旧资产审计
+        </ElButton>
+        <ElButton
+          v-if="newAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          type="primary"
+          plain
+          @click="openAuditInvestigation(newAssetAuditTarget)"
+        >
+          新资产审计
+        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -35,15 +59,51 @@
   import { formatDateTime } from '@/utils/business/format'
   import DetailPage from '@/components/common/DetailPage.vue'
   import type { DetailSection } from '@/components/common/DetailPage.vue'
+  import { useAuth } from '@/composables/useAuth'
+  import { useUserStore } from '@/store/modules/user'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'ExchangeDetail' })
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
+  const userStore = useUserStore()
 
   const loading = ref(false)
   const exchangeDetail = ref<ExchangeResponse | null>(null)
   const exchangeId = ref<number>(0)
+  const userType = computed(() => Number(userStore.info.user_type))
+  const exchangeAuditPermission = computed(() =>
+    userType.value === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
+  )
+  const exchangeAuditTarget = computed(() => {
+    if (!exchangeDetail.value || userType.value === 4) return null
+    return resolveAuditResourceTarget({
+      userType: userType.value,
+      resourceType: 'exchange_order',
+      internalId: exchangeDetail.value.id,
+      businessIdentifier: exchangeDetail.value.exchange_no
+    })
+  })
+  const oldAssetAuditTarget = computed(() => {
+    if (!exchangeDetail.value || ![1, 2].includes(userType.value)) return null
+    return resolveAuditResourceTarget({
+      userType: userType.value,
+      resourceType: exchangeDetail.value.old_asset_type,
+      internalId: exchangeDetail.value.old_asset_id
+    })
+  })
+  const newAssetAuditTarget = computed(() => {
+    if (!exchangeDetail.value || ![1, 2].includes(userType.value)) return null
+    return resolveAuditResourceTarget({
+      userType: userType.value,
+      resourceType: exchangeDetail.value.new_asset_type || '',
+      internalId: exchangeDetail.value.new_asset_id
+    })
+  })
 
   const formatExchangeShopName = (shopName?: string | null, shopId?: number | null) => {
     if (shopName) return shopName
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index c29b48d..50f5b65 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -35,7 +35,7 @@
           :total="pagination.total"
           :marginTop="10"
           :actions="getActions"
-          :actionsWidth="120"
+          :actionsWidth="160"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -438,10 +438,15 @@
     getProcessingStatusText
   } from '@/utils/business/approvalSummary'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { useUserStore } from '@/store/modules/user'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'ExchangeManagement' })
 
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
   const router = useRouter()
 
   const currentExchangeRow = ref<ExchangeResponse | null>(null)
@@ -1548,6 +1553,45 @@
     const actions: any[] = []
     const status = row.status
     const flowType = row.flow_type || 'shipping' // 历史数据兼容
+    const userType = Number(userStore.info.user_type)
+    const entryPermission =
+      userType === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
+    if (userType !== 4 && hasAuth(entryPermission)) {
+      const exchangeTarget = resolveAuditResourceTarget({
+        userType,
+        resourceType: 'exchange_order',
+        internalId: row.id,
+        businessIdentifier: row.exchange_no
+      })
+      if (exchangeTarget)
+        actions.push({
+          label: userType === 3 ? '活动记录' : '换货审计',
+          handler: () => openAuditInvestigation(exchangeTarget),
+          type: 'primary'
+        })
+      if ([1, 2].includes(userType)) {
+        const oldAssetTarget = resolveAuditResourceTarget({
+          resourceType: row.old_asset_type,
+          internalId: row.old_asset_id
+        })
+        if (oldAssetTarget)
+          actions.push({
+            label: '旧资产审计',
+            handler: () => openAuditInvestigation(oldAssetTarget),
+            type: 'primary'
+          })
+        const newAssetTarget = resolveAuditResourceTarget({
+          resourceType: row.new_asset_type || '',
+          internalId: row.new_asset_id
+        })
+        if (newAssetTarget)
+          actions.push({
+            label: '新资产审计',
+            handler: () => openAuditInvestigation(newAssetTarget),
+            type: 'primary'
+          })
+      }
+    }
 
     // 直接换货不支持任何操作（发货、确认完成、取消）
     if (flowType === 'direct') {
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index b99c4b5..ef810e3 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -1024,6 +1024,9 @@
   import { computed, h } from 'vue'
   import { useRouter } from 'vue-router'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
   import {
     CardService,
     ShopService,
@@ -2331,6 +2334,27 @@
       })
     }
 
+    const userType = Number(userStore.getUserInfo.user_type)
+    const auditPermission =
+      userType === 3
+        ? AUDIT_PERMISSIONS.agentActivity
+        : userType === 4
+          ? AUDIT_PERMISSIONS.enterpriseActivity
+          : AUDIT_PERMISSIONS.cardEntry
+    if (hasAuth(auditPermission)) {
+      const auditTarget = resolveAuditResourceTarget({
+        userType,
+        resourceType: 'iot_card',
+        internalId: row.id,
+        businessIdentifier: row.iccid
+      })
+      if (auditTarget)
+        actions.push({
+          label: userType >= 3 ? '活动记录' : '审计记录',
+          handler: () => openAuditInvestigation(auditTarget),
+          type: 'primary'
+        })
+    }
     return actions
   }
 
@@ -2448,8 +2472,8 @@
         return
       }
 
-       const successCount = res.data?.success_count ?? assetIds.length
-       ElMessage.success(`批量修改实名顺序成功：${successCount}/${assetIds.length}`)
+      const successCount = res.data?.success_count ?? assetIds.length
+      ElMessage.success(`批量修改实名顺序成功：${successCount}/${assetIds.length}`)
       batchRealnamePolicyDialogVisible.value = false
       selectedCards.value = []
       await getTableData()
diff --git a/src/views/asset-management/record-management/asset-assign/detail.vue b/src/views/asset-management/record-management/asset-assign/detail.vue
index 4eee848..d521a72 100644
--- a/src/views/asset-management/record-management/asset-assign/detail.vue
+++ b/src/views/asset-management/record-management/asset-assign/detail.vue
@@ -10,6 +10,22 @@
           返回
         </ElButton>
         <h2 class="detail-title">资产分配详情</h2>
+        <ElButton
+          v-if="recordAuditTarget && hasAuth(recordAuditPermission)"
+          type="primary"
+          plain
+          @click="openAuditInvestigation(recordAuditTarget)"
+        >
+          {{ userType === 3 ? '活动记录' : '分配审计' }}
+        </ElButton>
+        <ElButton
+          v-if="assetAuditTarget && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          type="primary"
+          plain
+          @click="openAuditInvestigation(assetAuditTarget)"
+        >
+          资产审计
+        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -25,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, onMounted } from 'vue'
+  import { computed, 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'
@@ -34,14 +50,42 @@
   import { CardService } from '@/api/modules'
   import type { AssetAllocationRecord } from '@/types/api/card'
   import { formatDateTime } from '@/utils/business/format'
+  import { useAuth } from '@/composables/useAuth'
+  import { useUserStore } from '@/store/modules/user'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'AssetAssignDetail' })
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
+  const userStore = useUserStore()
 
   const loading = ref(false)
   const detailData = ref<AssetAllocationRecord | null>(null)
+  const userType = computed(() => Number(userStore.info.user_type))
+  const recordAuditPermission = computed(() =>
+    userType.value === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
+  )
+  const recordAuditTarget = computed(() => {
+    if (!detailData.value || userType.value === 4) return null
+    return resolveAuditResourceTarget({
+      userType: userType.value,
+      resourceType: 'asset_allocation_record',
+      internalId: detailData.value.id,
+      businessIdentifier: detailData.value.allocation_no
+    })
+  })
+  const assetAuditTarget = computed(() => {
+    if (!detailData.value || ![1, 2].includes(userType.value)) return null
+    return resolveAuditResourceTarget({
+      userType: userType.value,
+      resourceType: detailData.value.asset_type,
+      internalId: detailData.value.asset_id
+    })
+  })
 
   // 详情页配置
   const detailSections: DetailSection[] = [
diff --git a/src/views/asset-management/record-management/asset-assign/index.vue b/src/views/asset-management/record-management/asset-assign/index.vue
index 8632238..5aa4f40 100644
--- a/src/views/asset-management/record-management/asset-assign/index.vue
+++ b/src/views/asset-management/record-management/asset-assign/index.vue
@@ -28,6 +28,8 @@
           :pageSize="pagination.pageSize"
           :total="pagination.total"
           :marginTop="10"
+          :actions="getActions"
+          :actionsWidth="180"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -51,10 +53,15 @@
   import { formatDateTime } from '@/utils/business/format'
   import type { AssetAllocationRecord, AllocationTypeEnum, AssetTypeEnum } from '@/types/api/card'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { useUserStore } from '@/store/modules/user'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'AssetAllocationRecords' })
 
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
   const router = useRouter()
 
   const loading = ref(false)
@@ -221,6 +228,40 @@
 
   const recordList = ref<AssetAllocationRecord[]>([])
 
+  const getActions = (row: AssetAllocationRecord) => {
+    const actions: Array<{ label: string; handler: () => void; type: 'primary' }> = []
+    const userType = Number(userStore.info.user_type)
+    const entryPermission =
+      userType === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
+    if (!hasAuth(entryPermission) || userType === 4) return actions
+    const recordTarget = resolveAuditResourceTarget({
+      userType,
+      resourceType: 'asset_allocation_record',
+      internalId: row.id,
+      businessIdentifier: row.allocation_no
+    })
+    if (recordTarget)
+      actions.push({
+        label: userType === 3 ? '活动记录' : '分配审计',
+        handler: () => openAuditInvestigation(recordTarget),
+        type: 'primary'
+      })
+    if ([1, 2].includes(userType)) {
+      const assetTarget = resolveAuditResourceTarget({
+        userType,
+        resourceType: row.asset_type,
+        internalId: row.asset_id
+      })
+      if (assetTarget)
+        actions.push({
+          label: '资产审计',
+          handler: () => openAuditInvestigation(assetTarget),
+          type: 'primary'
+        })
+    }
+    return actions
+  }
+
   // 获取分配类型标签类型
   const getAllocationTypeType = (type: AllocationTypeEnum) => {
     return type === 'allocate' ? 'success' : 'warning'
diff --git a/src/views/audit/events/detail.vue b/src/views/audit/events/detail.vue
new file mode 100644
index 0000000..6f30542
--- /dev/null
+++ b/src/views/audit/events/detail.vue
@@ -0,0 +1,323 @@
+<template>
+  <div class="detail-page">
+    <ElCard shadow="never">
+      <div class="detail-header">
+        <ElButton @click="router.back()"
+          ><template #icon
+            ><ElIcon><ArrowLeft /></ElIcon></template
+          >返回</ElButton
+        >
+        <h2 class="detail-title">审计事件详情</h2>
+        <ElTag v-if="detail" :type="auditRiskMeta[detail.risk_level]?.type"
+          >{{ auditRiskMeta[detail.risk_level]?.label || detail.risk_level }}风险</ElTag
+        >
+      </div>
+      <div v-loading="loading">
+        <template v-if="detail">
+          <ElCard shadow="never" class="section-card">
+            <ElDescriptions :column="3" border>
+              <ElDescriptionsItem label="分类">{{
+                auditCategoryLabels[detail.category] || detail.category
+              }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="动作">{{ detail.action_name }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="结果"
+                ><ElTag :type="auditResultMeta[detail.result]?.type">{{
+                  auditResultMeta[detail.result]?.label
+                }}</ElTag></ElDescriptionsItem
+              >
+              <ElDescriptionsItem label="来源">{{
+                auditSourceLabels[detail.source] || detail.source
+              }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="发生时间">{{
+                formatDateTime(detail.occurred_at)
+              }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="写入时间">{{
+                formatDateTime(detail.created_at)
+              }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="业务范围">{{ scopeDisplay }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="摘要" :span="3">{{ detail.summary }}</ElDescriptionsItem>
+              <ElDescriptionsItem
+                v-if="detail.error_code || detail.error_summary"
+                label="错误信息"
+                :span="3"
+              >
+                <code v-if="detail.error_code">{{ detail.error_code }}</code>
+                <span v-if="detail.error_code && detail.error_summary"> · </span>
+                <span>{{ detail.error_summary }}</span>
+              </ElDescriptionsItem>
+            </ElDescriptions>
+          </ElCard>
+          <div class="detail-grid" :class="{ 'detail-grid--single': !userStore.isSuperAdmin }">
+            <ElCard shadow="never"
+              ><template #header>操作者快照</template
+              ><ElDescriptions :column="1"
+                ><ElDescriptionsItem label="名称">{{ detail.actor_name || '-' }}</ElDescriptionsItem
+                ><ElDescriptionsItem label="类型">{{
+                  auditActorKindLabels[detail.actor_kind] || detail.actor_kind
+                }}</ElDescriptionsItem
+                ><ElDescriptionsItem label="店铺">{{
+                  namedId(detail.actor_shop_name, detail.actor_shop_id)
+                }}</ElDescriptionsItem
+                ><ElDescriptionsItem label="企业">{{
+                  namedId(detail.actor_enterprise_name, detail.actor_enterprise_id)
+                }}</ElDescriptionsItem></ElDescriptions
+              ></ElCard
+            >
+            <ElCard v-if="userStore.isSuperAdmin" shadow="never"
+              ><template #header>请求上下文</template
+              ><ElDescriptions :column="1"
+                ><ElDescriptionsItem label="请求">{{
+                  [detail.request_method, detail.request_path].filter(Boolean).join(' ') || '-'
+                }}</ElDescriptionsItem
+                ><ElDescriptionsItem label="request_id">{{
+                  detail.request_id || '-'
+                }}</ElDescriptionsItem
+                ><ElDescriptionsItem label="correlation_id">{{
+                  detail.correlation_id || '-'
+                }}</ElDescriptionsItem
+                ><ElDescriptionsItem label="IP">{{ detail.ip_address || '-' }}</ElDescriptionsItem
+                ><ElDescriptionsItem label="User-Agent">{{
+                  detail.user_agent || '-'
+                }}</ElDescriptionsItem></ElDescriptions
+              ></ElCard
+            >
+          </div>
+          <ElCard v-if="hasBatchData" shadow="never" class="section-card">
+            <template #header>批次执行统计</template>
+            <ElDescriptions :column="3" border>
+              <ElDescriptionsItem label="处理总数">{{
+                detail.batch_total || 0
+              }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="成功数">{{
+                detail.success_count || 0
+              }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="失败数">{{ detail.fail_count || 0 }}</ElDescriptionsItem>
+            </ElDescriptions>
+          </ElCard>
+          <ElCard shadow="never" class="section-card"
+            ><template #header>调查引用</template
+            ><AuditInvestigationLinks
+              :refs="detail.investigation_refs"
+              :current-event-id="detail.event_id"
+          /></ElCard>
+          <ElCard shadow="never" class="section-card">
+            <template #header>相关资源与快照</template>
+            <ElTable :data="detail.resources || []" :row-key="resourceRowKey">
+              <ElTableColumn type="expand" width="48">
+                <template #default="{ row }">
+                  <div class="resource-snapshot-grid">
+                    <section>
+                      <h4>身份快照</h4>
+                      <pre>{{ auditJson(row.identity_snapshot) }}</pre>
+                    </section>
+                    <section>
+                      <h4>变更前</h4>
+                      <pre>{{ auditJson(row.before_data) }}</pre>
+                    </section>
+                    <section>
+                      <h4>变更后</h4>
+                      <pre>{{ auditJson(row.after_data) }}</pre>
+                    </section>
+                    <section>
+                      <h4>主体安全数据</h4>
+                      <pre>{{ auditJson(row.subject_data) }}</pre>
+                    </section>
+                  </div>
+                </template>
+              </ElTableColumn>
+              <ElTableColumn
+                prop="display_name"
+                label="资源"
+                min-width="180"
+                show-overflow-tooltip
+              />
+              <ElTableColumn label="类型" min-width="120" show-overflow-tooltip>
+                <template #default="{ row }">{{
+                  auditResourceTypeLabels[row.resource_type] || row.resource_type
+                }}</template>
+              </ElTableColumn>
+              <ElTableColumn label="关系" width="110">
+                <template #default="{ row }">{{
+                  auditResourceRelationLabels[row.relation] || row.relation
+                }}</template>
+              </ElTableColumn>
+              <ElTableColumn prop="role" label="业务角色" min-width="150" />
+              <ElTableColumn label="主体可见性" min-width="150">
+                <template #default="{ row }">{{
+                  auditSubjectVisibilityLabels[row.subject_visibility] ||
+                  row.subject_visibility ||
+                  '-'
+                }}</template>
+              </ElTableColumn>
+              <ElTableColumn
+                prop="subject_summary"
+                label="主体摘要"
+                min-width="220"
+                show-overflow-tooltip
+              />
+              <ElTableColumn label="写入时间" width="180">
+                <template #default="{ row }">{{
+                  row.created_at ? formatDateTime(row.created_at) : '-'
+                }}</template>
+              </ElTableColumn>
+            </ElTable>
+          </ElCard>
+          <ElCard v-if="userStore.isSuperAdmin" shadow="never">
+            <template #header>元数据</template>
+            <pre>{{ auditJson(detail.metadata) }}</pre>
+          </ElCard>
+        </template>
+        <ElEmpty v-else-if="!loading" description="未找到审计事件" />
+      </div>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, ref } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { ElMessage } from 'element-plus'
+  import { ArrowLeft } from '@element-plus/icons-vue'
+  import { AuditService } from '@/api/modules'
+  import type { AuditEventDetail, AuditResourceView } from '@/types/api'
+  import {
+    auditActorKindLabels,
+    auditCategoryLabels,
+    auditJson,
+    auditResourceRelationLabels,
+    auditResourceTypeLabels,
+    auditResultMeta,
+    auditRiskMeta,
+    auditScopeTypeLabels,
+    auditSourceLabels,
+    auditSubjectVisibilityLabels
+  } from '@/utils/business/audit'
+  import { formatDateTime } from '@/utils/business/format'
+  import { useUserStore } from '@/store/modules/user'
+  import AuditInvestigationLinks from '@/components/business/audit/AuditInvestigationLinks.vue'
+
+  defineOptions({ name: 'AuditEventDetail' })
+  const route = useRoute()
+  const router = useRouter()
+  const userStore = useUserStore()
+  const loading = ref(false)
+  const detail = ref<AuditEventDetail>()
+  const scopeDisplay = computed(() => {
+    if (!detail.value) return '-'
+    const type = auditScopeTypeLabels[detail.value.scope_type] || detail.value.scope_type
+    const identity = detail.value.scope_name || detail.value.scope_id
+    return identity ? `${type} · ${identity}` : type
+  })
+  const hasBatchData = computed(() =>
+    Boolean(
+      (detail.value?.batch_total || 0) > 0 ||
+        (detail.value?.success_count || 0) > 0 ||
+        (detail.value?.fail_count || 0) > 0
+    )
+  )
+  const namedId = (name?: string | null, id?: number | null) => {
+    if (name && id !== null && id !== undefined) return `${name}（ID: ${id}）`
+    return name || (id !== null && id !== undefined ? `ID: ${id}` : '-')
+  }
+  const resourceRowKey = (row: AuditResourceView) =>
+    [row.resource_type, row.resource_id || row.resource_key || row.sort_order || row.display_name]
+      .filter((item) => item !== null && item !== undefined && item !== '')
+      .join(':')
+  onMounted(async () => {
+    const id = String(route.params.eventId || '')
+    if (!id) return
+    loading.value = true
+    try {
+      detail.value = (await AuditService.getEventDetail(id)).data
+    } catch {
+      ElMessage.error('审计事件详情加载失败')
+    } finally {
+      loading.value = false
+    }
+  })
+</script>
+
+<style scoped>
+  .detail-page {
+    padding: 20px;
+  }
+
+  .detail-header {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    padding-bottom: 16px;
+  }
+
+  .detail-title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .detail-header .el-tag {
+    margin-left: auto;
+  }
+
+  .section-card {
+    margin-bottom: 16px;
+  }
+
+  .detail-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 16px;
+    margin-bottom: 16px;
+  }
+
+  .detail-grid--single {
+    grid-template-columns: 1fr;
+  }
+
+  .resource-snapshot-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 16px;
+    padding: 8px 16px 16px;
+  }
+
+  .resource-snapshot-grid h4 {
+    margin: 0 0 8px;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .resource-snapshot-grid pre {
+    max-height: 360px;
+  }
+
+  code,
+  pre {
+    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+  }
+
+  pre {
+    padding: 12px;
+    margin: 0;
+    overflow: auto;
+    color: var(--el-text-color-regular);
+    background: var(--el-fill-color-light);
+    border-radius: 6px;
+  }
+
+  @media (width <= 768px) {
+    .detail-page {
+      padding: 12px;
+    }
+
+    .detail-grid {
+      grid-template-columns: 1fr;
+    }
+
+    .resource-snapshot-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
diff --git a/src/views/audit/events/index.vue b/src/views/audit/events/index.vue
new file mode 100644
index 0000000..c810269
--- /dev/null
+++ b/src/views/audit/events/index.vue
@@ -0,0 +1,310 @@
+<template>
+  <ArtTableFullScreen>
+    <div class="audit-events-page" id="table-full-screen">
+      <ArtSearchBar
+        v-model:filter="searchForm"
+        :items="searchFormItems"
+        show-expand
+        @reset="handleReset"
+        @search="handleSearch"
+      />
+
+      <ElCard shadow="never" class="art-table-card">
+        <ArtTableHeader
+          :column-list="columnOptions"
+          v-model:columns="columnChecks"
+          @refresh="load"
+        />
+
+        <ArtTable
+          row-key="event_id"
+          :loading="loading"
+          :data="items"
+          :current-page="pagination.page"
+          :page-size="pagination.pageSize"
+          :total="pagination.total"
+          :margin-top="10"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        >
+          <template #default>
+            <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
+          </template>
+        </ArtTable>
+      </ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { h, onMounted, reactive, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { ElButton, ElMessage, ElTag } from 'element-plus'
+  import { AuditService } from '@/api/modules'
+  import type { AuditEventQuery, AuditEventView } from '@/types/api'
+  import type { SearchFormItem } from '@/types'
+  import { useCheckedColumns } from '@/composables/useCheckedColumns'
+  import { auditResultMeta, auditRiskMeta } from '@/utils/business/audit'
+  import { formatDateTime } from '@/utils/business/format'
+
+  defineOptions({ name: 'AuditEvents' })
+  const router = useRouter()
+  const loading = ref(false)
+  const items = ref<AuditEventView[]>([])
+  const pagination = reactive({ page: 1, pageSize: 20, total: 0 })
+  const initialSearchState = {
+    dateRange: [] as string[],
+    category: undefined,
+    result: undefined,
+    risk: undefined,
+    source: undefined,
+    actor_kind: undefined,
+    scope_type: undefined
+  }
+  let searchForm = reactive({ ...initialSearchState })
+  const categoryOptions = [
+    { label: '配置', value: 'configuration' },
+    { label: '可靠性', value: 'reliability' },
+    { label: '资产', value: 'asset' },
+    { label: '安全', value: 'security' },
+    { label: '身份', value: 'identity' },
+    { label: '业务', value: 'business' }
+  ]
+  const resultOptions = [
+    { label: '成功', value: 'success' },
+    { label: '失败', value: 'failed' },
+    { label: '拒绝', value: 'denied' },
+    { label: '部分成功', value: 'partial' },
+    { label: '未知', value: 'unknown' }
+  ]
+  const riskOptions = [
+    { label: '低', value: 'low' },
+    { label: '普通', value: 'normal' },
+    { label: '高', value: 'high' },
+    { label: '严重', value: 'critical' }
+  ]
+  const sourceOptions = [
+    { label: '后台管理 API', value: 'admin_api' },
+    { label: '个人客户 API', value: 'personal_api' },
+    { label: '代理 OpenAPI', value: 'openapi' },
+    { label: '异步 Worker', value: 'worker' },
+    { label: '计划任务', value: 'scheduler' },
+    { label: '外部系统回调', value: 'callback' }
+  ]
+  const sourceLabels: Record<string, string> = Object.fromEntries(
+    sourceOptions.map((item) => [item.value, item.label])
+  )
+  const actorOptions = [
+    { label: '人工账号', value: 'account' },
+    { label: '个人客户', value: 'personal_customer' },
+    { label: '开放接口账号', value: 'openapi' },
+    { label: '系统任务', value: 'system_task' },
+    { label: '计划任务', value: 'scheduled_job' },
+    { label: '外部系统', value: 'external_system' }
+  ]
+  const scopeOptions = [
+    { label: '平台', value: 'platform' },
+    { label: '店铺', value: 'shop' },
+    { label: '个人客户', value: 'personal_customer' }
+  ]
+  const searchFormItems: SearchFormItem[] = [
+    {
+      label: '起止时间',
+      prop: 'dateRange',
+      type: 'date',
+      config: {
+        type: 'daterange',
+        rangeSeparator: '至',
+        startPlaceholder: '开始时间',
+        endPlaceholder: '结束时间',
+        valueFormat: 'YYYY-MM-DD'
+      }
+    },
+    {
+      label: '类别',
+      prop: 'category',
+      type: 'select',
+      options: categoryOptions,
+      config: { clearable: true }
+    },
+    {
+      label: '结果',
+      prop: 'result',
+      type: 'select',
+      options: resultOptions,
+      config: { clearable: true }
+    },
+    {
+      label: '风险',
+      prop: 'risk',
+      type: 'select',
+      options: riskOptions,
+      config: { clearable: true }
+    },
+    {
+      label: '来源',
+      prop: 'source',
+      type: 'select',
+      options: sourceOptions,
+      config: { clearable: true }
+    },
+    {
+      label: '操作者',
+      prop: 'actor_kind',
+      type: 'select',
+      options: actorOptions,
+      config: { clearable: true }
+    },
+    {
+      label: '业务范围',
+      prop: 'scope_type',
+      type: 'select',
+      options: scopeOptions,
+      config: { clearable: true }
+    }
+  ]
+  const columnOptions = [
+    { label: '发生时间', prop: 'occurred_at' },
+    { label: '动作', prop: 'action_name' },
+    { label: '摘要', prop: 'summary' },
+    { label: '主要资源', prop: 'primary_resource' },
+    { label: '操作者', prop: 'actor_name' },
+    { label: '来源', prop: 'source' },
+    { label: '结果', prop: 'result' },
+    { label: '风险', prop: 'risk_level' },
+    { label: '操作', prop: 'actions' }
+  ]
+  const { columnChecks, columns } = useCheckedColumns(() => [
+    {
+      prop: 'occurred_at',
+      label: '发生时间',
+      width: 180,
+      formatter: (row: AuditEventView) => formatDateTime(row.occurred_at)
+    },
+    {
+      prop: 'action_name',
+      label: '动作',
+      minWidth: 220,
+      formatter: (row: AuditEventView) => row.action_name || '-'
+    },
+    { prop: 'summary', label: '摘要', minWidth: 240, showOverflowTooltip: true },
+    {
+      prop: 'primary_resource',
+      label: '主要资源',
+      minWidth: 210,
+      showOverflowTooltip: true,
+      formatter: (row: AuditEventView) => {
+        const resource =
+          row.resources?.find((item) => item.relation === 'primary') || row.resources?.[0]
+        if (!resource) return '-'
+        return resource.display_name || resource.resource_key || resource.resource_id || '-'
+      }
+    },
+    {
+      prop: 'actor_name',
+      label: '操作者',
+      minWidth: 170,
+      formatter: (row: AuditEventView) => row.actor_name || row.actor_id || '-'
+    },
+    {
+      prop: 'source',
+      label: '来源',
+      showOverflowTooltip: true,
+      width: 130,
+      formatter: (row: AuditEventView) => sourceLabels[row.source] || row.source
+    },
+    {
+      prop: 'result',
+      label: '结果',
+      width: 100,
+      formatter: (row: AuditEventView) =>
+        h(
+          ElTag,
+          { type: auditResultMeta[row.result]?.type || 'info' },
+          () => auditResultMeta[row.result]?.label || row.result
+        )
+    },
+    {
+      prop: 'risk_level',
+      label: '风险',
+      width: 90,
+      formatter: (row: AuditEventView) =>
+        h(
+          ElTag,
+          { type: auditRiskMeta[row.risk_level]?.type || 'info', effect: 'plain' },
+          () => auditRiskMeta[row.risk_level]?.label || row.risk_level
+        )
+    },
+    {
+      prop: 'actions',
+      label: '操作',
+      width: 110,
+      fixed: 'right',
+      formatter: (row: AuditEventView) =>
+        h(
+          ElButton,
+          { type: 'primary', link: true, onClick: () => openDetail(row) },
+          () => '查看详情'
+        )
+    }
+  ])
+
+  const toAuditDate = (value?: string, endExclusive = false) => {
+    if (!value) return undefined
+    const [year, month, day] = value.split('-').map(Number)
+    const date = new Date(year, month - 1, day + (endExclusive ? 1 : 0))
+    return date.toISOString()
+  }
+
+  const buildQuery = (): AuditEventQuery => ({
+    page: pagination.page,
+    page_size: pagination.pageSize,
+    created_from: toAuditDate(searchForm.dateRange?.[0]),
+    created_to: toAuditDate(searchForm.dateRange?.[1], true),
+    category: searchForm.category,
+    result: searchForm.result,
+    risk: searchForm.risk,
+    source: searchForm.source,
+    actor_kind: searchForm.actor_kind,
+    scope_type: searchForm.scope_type
+  })
+  const load = async () => {
+    loading.value = true
+    try {
+      const data = (await AuditService.getEvents(buildQuery())).data
+      items.value = data.items
+      pagination.total = data.total
+    } catch {
+      ElMessage.error('审计事件加载失败')
+    } finally {
+      loading.value = false
+    }
+  }
+  const handleSearch = () => {
+    pagination.page = 1
+    load()
+  }
+  const handleReset = () => {
+    Object.assign(searchForm, { ...initialSearchState, dateRange: [] })
+    pagination.page = 1
+    load()
+  }
+  const handleSizeChange = (size: number) => {
+    pagination.pageSize = size
+    load()
+  }
+  const handleCurrentChange = (page: number) => {
+    pagination.page = page
+    load()
+  }
+  const openDetail = (row: AuditEventView) =>
+    router.push(`/audit/events/${encodeURIComponent(row.event_id)}`)
+
+  onMounted(load)
+</script>
+
+<style scoped lang="scss">
+  .audit-events-page {
+    height: 100%;
+  }
+</style>
diff --git a/src/views/audit/integrations/detail.vue b/src/views/audit/integrations/detail.vue
new file mode 100644
index 0000000..25fdbb0
--- /dev/null
+++ b/src/views/audit/integrations/detail.vue
@@ -0,0 +1,399 @@
+<template>
+  <div class="integration-detail-page">
+    <ElCard shadow="never">
+      <div class="detail-header">
+        <ElButton @click="router.back()">
+          <template #icon>
+            <ElIcon><ArrowLeft /></ElIcon>
+          </template>
+          返回
+        </ElButton>
+        <h2 class="detail-title">外部集成交互详情</h2>
+        <ElTag
+          v-if="detail"
+          class="result-tag"
+          :type="integrationCategoryMeta[detail.result.category]?.type || 'info'"
+        >
+          {{ auditResultDisplay(detail.result.code, detail.result.name) }}
+        </ElTag>
+      </div>
+
+      <div v-loading="loading">
+        <template v-if="detail">
+          <ElCard shadow="never" class="section-card">
+            <template #header>交互概览</template>
+            <ElDescriptions :column="3" border>
+              <ElDescriptionsItem label="提供方">
+                {{ detail.identity.provider_name || detail.identity.provider }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="方向">
+                {{ detail.identity.direction_name || detail.identity.direction }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="操作">
+                {{ detail.identity.operation_name || detail.identity.operation }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="结果">
+                <ElTag :type="integrationCategoryMeta[detail.result.category]?.type || 'info'">
+                  {{ auditResultDisplay(detail.result.code, detail.result.name) }}
+                </ElTag>
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="结果类别">
+                {{
+                  integrationCategoryMeta[detail.result.category]?.label || detail.result.category
+                }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="耗时"
+                >{{ detail.result.duration_ms }} ms</ElDescriptionsItem
+              >
+              <ElDescriptionsItem label="HTTP 状态">
+                {{ detail.result.http_status ?? '-' }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="外部结果码">
+                {{ detail.result.provider_code || '-' }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="状态变更">
+                {{ booleanText(detail.result.state_changed) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem v-if="detail.identity.external_id" label="外部业务标识" :span="3">
+                {{ detail.identity.external_id }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem
+                v-if="detail.result.provider_message"
+                label="外部结果摘要"
+                :span="3"
+              >
+                {{ detail.result.provider_message }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem
+                v-if="detail.result.recovery_strategy"
+                label="恢复策略说明"
+                :span="3"
+              >
+                {{ detail.result.recovery_strategy }}
+              </ElDescriptionsItem>
+            </ElDescriptions>
+          </ElCard>
+
+          <div class="detail-grid section-card">
+            <ElCard v-if="hasResource" shadow="never">
+              <template #header>关联资源</template>
+              <ElDescriptions :column="1">
+                <ElDescriptionsItem label="资源类型">
+                  {{
+                    auditResourceTypeLabels[detail.resource?.type || ''] ||
+                    detail.resource?.type ||
+                    '-'
+                  }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="业务标识">
+                  {{ detail.resource?.key || '-' }}
+                </ElDescriptionsItem>
+              </ElDescriptions>
+            </ElCard>
+            <ElCard shadow="never">
+              <template #header>调查入口</template>
+              <div v-if="hasAssociations" class="link-actions">
+                <ElButton
+                  v-if="detail.linkage.request_id"
+                  type="primary"
+                  plain
+                  @click="
+                    openAuditInvestigation({ mode: 'request', id: detail.linkage.request_id })
+                  "
+                >
+                  请求链路
+                </ElButton>
+                <ElButton
+                  v-if="detail.linkage.correlation_id"
+                  type="primary"
+                  plain
+                  @click="
+                    openAuditInvestigation({
+                      mode: 'correlation',
+                      id: detail.linkage.correlation_id
+                    })
+                  "
+                >
+                  业务关联链路
+                </ElButton>
+                <ElButton
+                  v-if="detail.resource?.type && detail.resource?.id"
+                  type="primary"
+                  plain
+                  @click="openResourceTimeline"
+                >
+                  资源审计时间线
+                </ElButton>
+              </div>
+              <span v-else class="muted">无可用调查引用</span>
+              <ElAlert
+                v-if="hasUnavailableFidelity"
+                class="fidelity-alert"
+                type="warning"
+                :closable="false"
+                title="部分关联缺少可靠标识，已隐藏相应入口。"
+              />
+            </ElCard>
+          </div>
+
+          <div class="detail-grid section-card">
+            <ElCard shadow="never">
+              <template #header>触发信息</template>
+              <ElDescriptions :column="1">
+                <ElDescriptionsItem label="触发来源">
+                  {{ detail.trigger.source || '-' }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="业务场景">
+                  {{ detail.trigger.scene || '-' }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="尝试序号">
+                  {{ detail.trigger.attempt }}
+                </ElDescriptionsItem>
+              </ElDescriptions>
+            </ElCard>
+            <ElCard shadow="never">
+              <template #header>时间信息</template>
+              <ElDescriptions :column="1">
+                <ElDescriptionsItem label="创建时间">
+                  {{ formatDateTime(detail.timestamps.created_at) }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="计划时间">
+                  {{ formatOptionalDate(detail.timestamps.scheduled_at) }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="开始时间">
+                  {{ formatOptionalDate(detail.timestamps.started_at) }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="更新时间">
+                  {{ formatDateTime(detail.timestamps.updated_at) }}
+                </ElDescriptionsItem>
+              </ElDescriptions>
+            </ElCard>
+          </div>
+
+          <ElCard shadow="never" class="section-card">
+            <template #header>关联可靠性</template>
+            <ElDescriptions :column="3" border>
+              <ElDescriptionsItem label="尝试序列可靠">
+                {{ booleanText(detail.fidelity.attempt_sequence_reliable) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="业务链路可用">
+                {{ booleanText(detail.fidelity.correlation_available) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="资源引用可用">
+                {{ booleanText(detail.fidelity.resource_id_available) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="重试序列可用">
+                {{ booleanText(detail.fidelity.trigger_series_available) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="外部消息保真度" :span="2">
+                {{ detail.fidelity.provider_message_fidelity || '-' }}
+              </ElDescriptionsItem>
+            </ElDescriptions>
+          </ElCard>
+
+          <div v-if="hasContentSummary" class="content-grid section-card">
+            <ElCard v-if="hasJsonContent(detail.content.request_summary)" shadow="never">
+              <template #header>请求摘要</template>
+              <pre>{{ auditJson(detail.content.request_summary) }}</pre>
+            </ElCard>
+            <ElCard v-if="hasJsonContent(detail.content.response_summary)" shadow="never">
+              <template #header>响应摘要</template>
+              <pre>{{ auditJson(detail.content.response_summary) }}</pre>
+            </ElCard>
+            <ElCard v-if="hasJsonContent(detail.content.metadata)" shadow="never">
+              <template #header>扩展信息</template>
+              <pre>{{ auditJson(detail.content.metadata) }}</pre>
+            </ElCard>
+          </div>
+
+          <ElCard v-if="detail.attempts?.length" shadow="never">
+            <template #header>尝试记录</template>
+            <ArtTable :data="detail.attempts" :pagination="false" :margin-top="0">
+              <template #default>
+                <ElTableColumn prop="attempt" label="序号" width="80" />
+                <ElTableColumn label="创建时间" width="180">
+                  <template #default="{ row }">{{ formatDateTime(row.created_at) }}</template>
+                </ElTableColumn>
+                <ElTableColumn label="操作" min-width="180" show-overflow-tooltip>
+                  <template #default="{ row }">{{ row.operation_name || row.operation }}</template>
+                </ElTableColumn>
+                <ElTableColumn label="结果" width="110">
+                  <template #default="{ row }">
+                    <ElTag :type="integrationCategoryType(row.result_category)">
+                      {{ auditResultDisplay(row.result, row.result_name) }}
+                    </ElTag>
+                  </template>
+                </ElTableColumn>
+                <ElTableColumn label="耗时" width="100">
+                  <template #default="{ row }">{{ row.duration_ms }} ms</template>
+                </ElTableColumn>
+                <ElTableColumn label="已发送" width="90">
+                  <template #default="{ row }">{{ booleanText(row.sent) }}</template>
+                </ElTableColumn>
+                <ElTableColumn label="状态变更" width="100">
+                  <template #default="{ row }">{{ booleanText(row.state_changed) }}</template>
+                </ElTableColumn>
+              </template>
+            </ArtTable>
+          </ElCard>
+        </template>
+        <ElEmpty v-else-if="!loading" description="未找到外部集成交互记录" />
+      </div>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, ref } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+  import { ArrowLeft } from '@element-plus/icons-vue'
+  import { ElMessage } from 'element-plus'
+  import { AuditService } from '@/api/modules'
+  import type { IntegrationDetailResponse } from '@/types/api'
+  import {
+    auditJson,
+    auditResourceTypeLabels,
+    auditResultDisplay,
+    integrationCategoryMeta
+  } from '@/utils/business/audit'
+  import { formatDateTime } from '@/utils/business/format'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
+
+  defineOptions({ name: 'AuditIntegrationDetail' })
+
+  const route = useRoute()
+  const router = useRouter()
+  const loading = ref(false)
+  const detail = ref<IntegrationDetailResponse>()
+
+  const hasUnavailableFidelity = computed(() =>
+    Object.values(detail.value?.fidelity || {}).some((value) => value === false)
+  )
+  const hasResource = computed(() =>
+    Boolean(detail.value?.resource?.type || detail.value?.resource?.key)
+  )
+  const hasAssociations = computed(() =>
+    Boolean(
+      detail.value?.linkage.request_id ||
+        detail.value?.linkage.correlation_id ||
+        (detail.value?.resource?.type && detail.value?.resource?.id)
+    )
+  )
+  const hasJsonContent = (value?: Record<string, unknown> | null) =>
+    Boolean(value && Object.keys(value).length)
+  const hasContentSummary = computed(() =>
+    Boolean(
+      hasJsonContent(detail.value?.content.request_summary) ||
+        hasJsonContent(detail.value?.content.response_summary) ||
+        hasJsonContent(detail.value?.content.metadata)
+    )
+  )
+
+  const booleanText = (value: boolean) => (value ? '是' : '否')
+  const integrationCategoryType = (category: unknown) =>
+    integrationCategoryMeta[category as keyof typeof integrationCategoryMeta]?.type || 'info'
+  const formatOptionalDate = (value?: string | null) => (value ? formatDateTime(value) : '-')
+  const openResourceTimeline = () => {
+    if (!detail.value?.resource?.type || !detail.value.resource.id) return
+    openAuditInvestigation({
+      mode: 'resource',
+      resourceType: detail.value.resource.type,
+      id: detail.value.resource.id
+    })
+  }
+
+  onMounted(async () => {
+    const id = String(route.params.integrationId || '')
+    if (!id) return
+    loading.value = true
+    try {
+      detail.value = (await AuditService.getIntegrationDetail(id)).data
+    } catch {
+      ElMessage.error('外部集成交互详情加载失败')
+    } finally {
+      loading.value = false
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  .integration-detail-page {
+    padding: 20px;
+  }
+
+  .detail-header {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    padding-bottom: 16px;
+  }
+
+  .detail-title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .result-tag {
+    margin-left: auto;
+  }
+
+  .section-card {
+    margin-bottom: 16px;
+  }
+
+  .detail-grid,
+  .content-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 16px;
+  }
+
+  .content-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .link-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .muted {
+    color: var(--el-text-color-secondary);
+  }
+
+  .fidelity-alert {
+    margin-top: 12px;
+  }
+
+  pre {
+    max-height: 360px;
+    padding: 12px;
+    margin: 0;
+    overflow: auto;
+    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+    line-height: 1.6;
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+    background: var(--el-fill-color-light);
+    border-radius: 4px;
+  }
+
+  @media (width <= 992px) {
+    .content-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (width <= 768px) {
+    .integration-detail-page {
+      padding: 12px;
+    }
+
+    .detail-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
diff --git a/src/views/audit/integrations/index.vue b/src/views/audit/integrations/index.vue
new file mode 100644
index 0000000..09cf253
--- /dev/null
+++ b/src/views/audit/integrations/index.vue
@@ -0,0 +1,457 @@
+<template>
+  <ArtTableFullScreen class="integration-scroll-container">
+    <div class="integration-page" id="table-full-screen">
+      <ElCard shadow="never" class="filter-card">
+        <ElForm>
+          <ElRow :gutter="16" class="filter-grid">
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElDatePicker
+                  v-model="dateRange"
+                  type="datetimerange"
+                  value-format="YYYY-MM-DDTHH:mm:ssZ"
+                  start-placeholder="开始时间"
+                  end-placeholder="结束时间"
+                />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElSelect v-model="query.provider" clearable placeholder="请选择提供方">
+                  <ElOption
+                    v-for="item in overview?.providers || []"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.code"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElSelect v-model="query.direction" clearable placeholder="请选择方向">
+                  <ElOption
+                    v-for="item in overview?.directions || []"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.code"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElSelect v-model="query.result" clearable placeholder="请选择结果">
+                  <ElOption
+                    v-for="item in overview?.results || []"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.code"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElButton type="primary" :icon="Search" @click="search">查询</ElButton>
+              </ElFormItem>
+            </ElCol>
+          </ElRow>
+        </ElForm>
+      </ElCard>
+      <div v-if="overview" class="metric-grid"
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--primary"
+              ><ElIcon><Connection /></ElIcon></span
+            ><div
+              ><span>交互总数</span><strong>{{ overview.total }}</strong></div
+            ></div
+          ></ElCard
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--danger"
+              ><ElIcon><WarningFilled /></ElIcon></span
+            ><div
+              ><span>异常数</span><strong class="danger">{{ overview.anomaly_count }}</strong></div
+            ></div
+          ></ElCard
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--success"
+              ><ElIcon><Refresh /></ElIcon></span
+            ><div
+              ><span>状态变更</span><strong>{{ overview.state_changed_count }}</strong></div
+            ></div
+          ></ElCard
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--warning"
+              ><ElIcon><Timer /></ElIcon></span
+            ><div
+              ><span>P95 耗时</span><strong>{{ overview.p95_duration_ms }} ms</strong></div
+            ></div
+          ></ElCard
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--info"
+              ><ElIcon><QuestionFilled /></ElIcon></span
+            ><div
+              ><span>结果不明</span><strong>{{ overview.unknown_count }}</strong></div
+            ></div
+          ></ElCard
+        ></div
+      >
+      <div v-if="overview" class="overview-grid">
+        <ElCard shadow="never">
+          <template #header>
+            <div class="section-title"
+              ><ElIcon><Box /></ElIcon><span>提供方分布</span></div
+            >
+          </template>
+          <AuditDistributionChart
+            title="提供方分布"
+            :data="providerChartData"
+            @select="apply('provider', $event)"
+          />
+        </ElCard>
+        <ElCard shadow="never">
+          <template #header>
+            <div class="section-title"
+              ><ElIcon><Switch /></ElIcon><span>方向分布</span></div
+            >
+          </template>
+          <AuditDistributionChart
+            title="方向分布"
+            :data="directionChartData"
+            @select="apply('direction', $event)"
+          />
+        </ElCard>
+        <ElCard shadow="never">
+          <template #header>
+            <div class="section-title"
+              ><ElIcon><CircleCheckFilled /></ElIcon><span>结果分布</span></div
+            >
+          </template>
+          <AuditDistributionChart
+            title="结果分布"
+            type="bar"
+            :data="resultChartData"
+            @select="apply('result', $event)"
+          />
+        </ElCard>
+      </div>
+      <ElCard shadow="never" class="art-table-card"
+        ><ArtTableHeader v-model:columns="headerColumns" @refresh="load"
+          ><template #left
+            ><span class="section-title"
+              ><ElIcon><List /></ElIcon><span>外部交互记录</span></span
+            ></template
+          ></ArtTableHeader
+        ><ArtTable
+          :data="items"
+          :loading="loading"
+          row-key="integration_id"
+          :current-page="query.page"
+          :page-size="query.page_size"
+          :total="total"
+          :margin-top="16"
+          @size-change="
+            (size) => {
+              query.page_size = size
+              loadList()
+            }
+          "
+          @current-change="
+            (current) => {
+              query.page = current
+              loadList()
+            }
+          "
+          ><template #default
+            ><ElTableColumn label="时间" width="180"
+              ><template #default="{ row }">{{
+                formatDateTime(row.created_at)
+              }}</template></ElTableColumn
+            ><ElTableColumn label="提供方" min-width="130"
+              ><template #default="{ row }">{{
+                row.provider_name || row.provider
+              }}</template></ElTableColumn
+            ><ElTableColumn label="方向" prop="direction_name" width="90" /><ElTableColumn
+              label="操作"
+              min-width="190"
+              ><template #default="{ row }">{{
+                row.operation_name || row.operation
+              }}</template></ElTableColumn
+            ><ElTableColumn label="结果" width="120"
+              ><template #default="{ row }"
+                ><ElTag :type="categoryMeta(row).type">{{
+                  auditResultDisplay(row.result, row.result_name)
+                }}</ElTag></template
+              ></ElTableColumn
+            ><ElTableColumn label="耗时" width="100"
+              ><template #default="{ row }">{{
+                row.duration_ms == null ? '-' : `${row.duration_ms} ms`
+              }}</template></ElTableColumn
+            ><ElTableColumn label="资源" min-width="150"
+              ><template #default="{ row }">{{
+                row.resource?.key || row.resource?.id || '-'
+              }}</template></ElTableColumn
+            ><ElTableColumn label="操作" width="100" fixed="right"
+              ><template #default="{ row }"
+                ><ElButton
+                  link
+                  type="primary"
+                  @click="
+                    router.push(`/audit/integrations/${encodeURIComponent(row.integration_id)}`)
+                  "
+                  >查看详情</ElButton
+                ></template
+              ></ElTableColumn
+            ></template
+          ></ArtTable
+        ></ElCard
+      >
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { ElMessage } from 'element-plus'
+  import {
+    Box,
+    CircleCheckFilled,
+    Connection,
+    List,
+    QuestionFilled,
+    Refresh,
+    Search,
+    Switch,
+    Timer,
+    WarningFilled
+  } from '@element-plus/icons-vue'
+  import { AuditService } from '@/api/modules'
+  import type {
+    AuditNamedCount,
+    IntegrationListItem,
+    IntegrationOverview,
+    IntegrationQuery
+  } from '@/types/api'
+  import { auditResultDisplay, integrationCategoryMeta } from '@/utils/business/audit'
+  import { formatDateTime } from '@/utils/business/format'
+  import AuditDistributionChart from '@/components/business/audit/AuditDistributionChart.vue'
+
+  defineOptions({ name: 'AuditIntegrations' })
+  const router = useRouter()
+  const loading = ref(false)
+  const headerColumns = ref([])
+  const dateRange = ref<string[]>([])
+  const query = reactive<IntegrationQuery>({ page: 1, page_size: 20 })
+  const overview = ref<IntegrationOverview>()
+  const items = ref<IntegrationListItem[]>([])
+  const total = ref(0)
+  const aggregateChartData = (values: AuditNamedCount[]) => {
+    const totals = new Map<string, AuditNamedCount>()
+    values.forEach((item) => {
+      const key = item.name || item.code
+      const current = totals.get(key)
+      if (current) current.count += Number(item.count) || 0
+      else totals.set(key, { ...item, count: Number(item.count) || 0 })
+    })
+    return [...totals.values()].sort((a, b) => b.count - a.count)
+  }
+  const providerChartData = computed(() => aggregateChartData(overview.value?.providers || []))
+  const directionChartData = computed(() => aggregateChartData(overview.value?.directions || []))
+  const resultChartData = computed(() => aggregateChartData(overview.value?.results || []))
+  const syncDates = () => {
+    query.created_from = dateRange.value?.[0] || undefined
+    query.created_to = dateRange.value?.[1] || undefined
+  }
+  const loadList = async () => {
+    syncDates()
+    const data = (await AuditService.getIntegrations(query)).data
+    items.value = data.items
+    total.value = data.total
+  }
+  const load = async () => {
+    loading.value = true
+    try {
+      syncDates()
+      overview.value = (await AuditService.getIntegrationOverview({ ...query, bucket: 'day' })).data
+      await loadList()
+    } catch {
+      ElMessage.error('外部交互调查加载失败')
+    } finally {
+      loading.value = false
+    }
+  }
+  const search = () => {
+    query.page = 1
+    load()
+  }
+  const apply = (field: 'provider' | 'direction' | 'result', code: string) => {
+    ;(query as Record<string, unknown>)[field] = code
+    search()
+  }
+  const categoryMeta = (row: IntegrationListItem) =>
+    integrationCategoryMeta[row.result_category] || {
+      label: row.result_category,
+      type: 'info' as const
+    }
+  onMounted(load)
+</script>
+
+<style scoped>
+  .integration-scroll-container {
+    min-height: 0;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    scrollbar-gutter: stable;
+  }
+
+  .integration-page {
+    box-sizing: border-box;
+    flex: none !important;
+    height: auto !important;
+    min-height: 100%;
+    padding: 20px;
+  }
+
+  .filter-card,
+  .metric-grid,
+  .overview-grid {
+    margin-bottom: 16px;
+  }
+
+  .filter-grid {
+    row-gap: 16px;
+  }
+
+  .filter-card :deep(.el-form-item) {
+    width: 100%;
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+
+  .filter-card :deep(.el-form-item__content) {
+    min-width: 0;
+  }
+
+  .filter-card :deep(.el-select),
+  .filter-card :deep(.el-date-editor),
+  .filter-card :deep(.el-button) {
+    width: 100% !important;
+  }
+
+  .metric-grid {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 16px;
+  }
+
+  .metric-grid span {
+    display: block;
+    color: var(--el-text-color-secondary);
+  }
+
+  .metric-content {
+    display: flex;
+    gap: 14px;
+    align-items: center;
+  }
+
+  .metric-icon {
+    display: inline-flex !important;
+    flex: 0 0 42px;
+    align-items: center;
+    justify-content: center;
+    width: 42px;
+    height: 42px;
+    font-size: 20px;
+    border-radius: 10px;
+  }
+
+  .metric-icon--primary {
+    color: var(--el-color-primary) !important;
+    background: var(--el-color-primary-light-9);
+  }
+
+  .metric-icon--danger {
+    color: var(--el-color-danger) !important;
+    background: var(--el-color-danger-light-9);
+  }
+
+  .metric-icon--success {
+    color: var(--el-color-success) !important;
+    background: var(--el-color-success-light-9);
+  }
+
+  .metric-icon--warning {
+    color: var(--el-color-warning) !important;
+    background: var(--el-color-warning-light-9);
+  }
+
+  .metric-icon--info {
+    color: var(--el-color-info) !important;
+    background: var(--el-color-info-light-9);
+  }
+
+  .metric-grid strong {
+    display: block;
+    margin-top: 8px;
+    font-size: 24px;
+  }
+
+  .danger {
+    color: var(--el-color-danger);
+  }
+
+  .overview-grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 16px;
+  }
+
+  .section-title {
+    display: inline-flex;
+    gap: 7px;
+    align-items: center;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+  }
+
+  @media (width <= 1100px) {
+    .metric-grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    .overview-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (width >= 1200px) {
+    .filter-col {
+      flex: 0 0 20%;
+      max-width: 20%;
+    }
+  }
+
+  @media (width <= 520px) {
+    .integration-page {
+      padding: 12px;
+    }
+
+    .metric-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
diff --git a/src/views/audit/risks/index.vue b/src/views/audit/risks/index.vue
new file mode 100644
index 0000000..089fbb1
--- /dev/null
+++ b/src/views/audit/risks/index.vue
@@ -0,0 +1,405 @@
+<template>
+  <ArtTableFullScreen class="risk-scroll-container">
+    <div class="risk-page" id="table-full-screen">
+      <ElCard shadow="never" class="filter-card">
+        <ElForm>
+          <ElRow :gutter="16" class="filter-grid">
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElDatePicker
+                  v-model="dateRange"
+                  type="datetimerange"
+                  start-placeholder="开始时间"
+                  end-placeholder="结束时间"
+                  value-format="YYYY-MM-DDTHH:mm:ssZ"
+                />
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElSelect v-model="query.risk" clearable placeholder="请选择风险">
+                  <ElOption
+                    v-for="item in overview?.risks || []"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.code"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElSelect v-model="query.result" clearable placeholder="请选择结果">
+                  <ElOption
+                    v-for="item in overview?.results || []"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.code"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem>
+                <ElSelect v-model="query.action" filterable clearable placeholder="请选择动作">
+                  <ElOption
+                    v-for="item in overview?.actions || []"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.code"
+                  />
+                </ElSelect>
+              </ElFormItem>
+            </ElCol>
+            <ElCol :xs="24" :sm="12" :md="8" class="filter-col">
+              <ElFormItem class="query-form-item">
+                <ElButton type="primary" :icon="Search" @click="search">查询</ElButton>
+              </ElFormItem>
+            </ElCol>
+          </ElRow>
+        </ElForm>
+      </ElCard>
+      <div v-if="overview" class="metric-grid"
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--primary"
+              ><ElIcon><DataAnalysis /></ElIcon></span
+            ><div
+              ><span>事件总数</span><strong>{{ overview.total }}</strong></div
+            ></div
+          ></ElCard
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--danger"
+              ><ElIcon><WarningFilled /></ElIcon></span
+            ><div
+              ><span>高风险信号</span
+              ><strong class="danger">{{ signalCount('high_risk') }}</strong></div
+            ></div
+          ></ElCard
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--warning"
+              ><ElIcon><Money /></ElIcon></span
+            ><div
+              ><span>资金信号</span><strong>{{ signalCount('finance') }}</strong></div
+            ></div
+          ></ElCard
+        ><ElCard shadow="never" class="metric-card"
+          ><div class="metric-content"
+            ><span class="metric-icon metric-icon--success"
+              ><ElIcon><Lock /></ElIcon></span
+            ><div
+              ><span>安全信号</span><strong>{{ signalCount('security') }}</strong></div
+            ></div
+          ></ElCard
+        ></div
+      >
+      <div v-if="overview" class="overview-grid"
+        ><ElCard shadow="never"
+          ><template #header
+            ><div class="section-title"
+              ><ElIcon><WarningFilled /></ElIcon><span>风险分布</span></div
+            ></template
+          ><AuditDistributionChart
+            title="风险分布"
+            :data="riskChartData"
+            @select="apply('risk', $event)" /></ElCard
+        ><ElCard shadow="never"
+          ><template #header
+            ><div class="section-title"
+              ><ElIcon><CircleCheckFilled /></ElIcon><span>结果分布</span></div
+            ></template
+          ><AuditDistributionChart
+            title="结果分布"
+            :data="resultChartData"
+            @select="apply('result', $event)" /></ElCard
+        ><ElCard shadow="never"
+          ><template #header
+            ><div class="section-title"
+              ><ElIcon><Connection /></ElIcon><span>来源分布</span></div
+            ></template
+          ><AuditDistributionChart
+            title="来源分布"
+            type="bar"
+            :data="sourceChartData"
+            @select="apply('source', $event)" /></ElCard
+      ></div>
+      <ElCard shadow="never" class="art-table-card" v-loading="loading"
+        ><ArtTableHeader v-model:columns="headerColumns" @refresh="load"
+          ><template #left
+            ><div class="card-title"
+              ><span class="section-title"
+                ><ElIcon><DataAnalysis /></ElIcon><span>风险事件明细</span></span
+              ></div
+            ></template
+          ></ArtTableHeader
+        ><div class="risk-event-table">
+          <AuditEventTable
+            :items="events"
+            @detail="(row) => router.push(`/audit/events/${encodeURIComponent(row.event_id)}`)"
+          />
+        </div>
+        <div class="pagination"
+          ><ElPagination
+            v-model:current-page="query.page"
+            v-model:page-size="query.page_size"
+            :total="total"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next"
+            @change="loadEvents" /></div
+      ></ElCard>
+    </div>
+  </ArtTableFullScreen>
+</template>
+
+<script setup lang="ts">
+  import { computed, onMounted, reactive, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { ElMessage } from 'element-plus'
+  import {
+    CircleCheckFilled,
+    Connection,
+    DataAnalysis,
+    Lock,
+    Money,
+    Search,
+    WarningFilled
+  } from '@element-plus/icons-vue'
+  import { AuditService } from '@/api/modules'
+  import type {
+    AuditEventView,
+    AuditNamedCount,
+    AuditRiskEventQuery,
+    AuditRiskOverview
+  } from '@/types/api'
+  import AuditEventTable from '@/components/business/audit/AuditEventTable.vue'
+  import AuditDistributionChart from '@/components/business/audit/AuditDistributionChart.vue'
+
+  defineOptions({ name: 'AuditRisks' })
+  const router = useRouter()
+  const loading = ref(false)
+  const headerColumns = ref([])
+  const dateRange = ref<string[]>([])
+  const overview = ref<AuditRiskOverview>()
+  const events = ref<AuditEventView[]>([])
+  const total = ref(0)
+  const query = reactive<AuditRiskEventQuery>({ page: 1, page_size: 20 })
+  const aggregateChartData = (items: AuditNamedCount[]) => {
+    const totals = new Map<string, AuditNamedCount>()
+    items.forEach((item) => {
+      const key = item.name || item.code
+      const current = totals.get(key)
+      if (current) current.count += Number(item.count) || 0
+      else totals.set(key, { ...item, count: Number(item.count) || 0 })
+    })
+    return [...totals.values()].sort((a, b) => b.count - a.count)
+  }
+  const riskChartData = computed(() => aggregateChartData(overview.value?.risks || []))
+  const resultChartData = computed(() => aggregateChartData(overview.value?.results || []))
+  const sourceChartData = computed(() => aggregateChartData(overview.value?.sources || []))
+  const syncDates = () => {
+    query.created_from = dateRange.value?.[0] || undefined
+    query.created_to = dateRange.value?.[1] || undefined
+    if (
+      dateRange.value?.length === 2 &&
+      new Date(dateRange.value[1]).getTime() - new Date(dateRange.value[0]).getTime() >
+        31 * 86400000
+    ) {
+      ElMessage.warning('风险查询时间范围最长为 31 天')
+      return false
+    }
+    return true
+  }
+  const loadEvents = async () => {
+    if (!syncDates()) return
+    const data = (await AuditService.getRiskEvents(query)).data
+    events.value = data.items
+    total.value = data.total
+  }
+  const load = async () => {
+    if (!syncDates()) return
+    loading.value = true
+    try {
+      overview.value = (await AuditService.getRiskOverview(query)).data
+      await loadEvents()
+    } catch {
+      ElMessage.error('风险调查数据加载失败')
+    } finally {
+      loading.value = false
+    }
+  }
+  const search = () => {
+    query.page = 1
+    load()
+  }
+  const signalCount = (code: string) =>
+    overview.value?.signals.find((item) => item.code === code)?.count || 0
+  const apply = (field: 'risk' | 'result' | 'source', code: string) => {
+    ;(query as Record<string, unknown>)[field] = code
+    search()
+  }
+  onMounted(load)
+</script>
+
+<style scoped>
+  .risk-scroll-container {
+    min-height: 0;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    scrollbar-gutter: stable;
+  }
+
+  .risk-page {
+    box-sizing: border-box;
+    flex: none !important;
+    height: auto !important;
+    min-height: 100%;
+    padding: 20px;
+  }
+
+  .card-title {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .filter-card,
+  .metric-grid,
+  .overview-grid {
+    margin-bottom: 16px;
+  }
+
+  .filter-grid {
+    row-gap: 16px;
+  }
+
+  .filter-card :deep(.el-form-item) {
+    width: 100%;
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+
+  .filter-card :deep(.el-form-item__content) {
+    min-width: 0;
+  }
+
+  .filter-card :deep(.el-select),
+  .filter-card :deep(.el-date-editor) {
+    width: 100% !important;
+  }
+
+  .query-form-item :deep(.el-button) {
+    width: 100%;
+  }
+
+  .metric-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 16px;
+  }
+
+  .metric-grid span {
+    display: block;
+    color: var(--el-text-color-secondary);
+  }
+
+  .metric-content {
+    display: flex;
+    gap: 14px;
+    align-items: center;
+  }
+
+  .metric-icon {
+    display: inline-flex !important;
+    flex: 0 0 42px;
+    align-items: center;
+    justify-content: center;
+    width: 42px;
+    height: 42px;
+    font-size: 20px;
+    border-radius: 10px;
+  }
+
+  .metric-icon--primary {
+    color: var(--el-color-primary) !important;
+    background: var(--el-color-primary-light-9);
+  }
+
+  .metric-icon--danger {
+    color: var(--el-color-danger) !important;
+    background: var(--el-color-danger-light-9);
+  }
+
+  .metric-icon--warning {
+    color: var(--el-color-warning) !important;
+    background: var(--el-color-warning-light-9);
+  }
+
+  .metric-icon--success {
+    color: var(--el-color-success) !important;
+    background: var(--el-color-success-light-9);
+  }
+
+  .metric-grid strong {
+    display: block;
+    margin-top: 8px;
+    font-size: 28px;
+  }
+
+  .danger {
+    color: var(--el-color-danger);
+  }
+
+  .overview-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+  }
+
+  .section-title {
+    display: inline-flex;
+    gap: 7px;
+    align-items: center;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+  }
+
+  .risk-event-table {
+    margin-top: 16px;
+  }
+
+  @media (width <= 900px) {
+    .metric-grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    .overview-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (width >= 1200px) {
+    .filter-col {
+      flex: 0 0 20%;
+      max-width: 20%;
+    }
+  }
+
+  @media (width <= 520px) {
+    .risk-page {
+      padding: 12px;
+    }
+
+    .metric-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 3e1dd3c..6842f83 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -30,6 +30,8 @@
             :currentPage="pagination.page"
             :pageSize="pagination.pageSize"
             :total="pagination.total"
+            :actions="getAuditActions"
+            :actionsWidth="120"
             :marginTop="10"
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
@@ -458,6 +460,9 @@
   } from '@/config/constants/commission'
   import { RoutesAlias } from '@/router/routesAlias'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { resolveFinanceAuditTarget } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'AgentCommission' })
 
@@ -471,6 +476,20 @@
   const tableRef = ref()
   const summaryList = ref<ShopFundSummaryItem[]>([])
 
+  const getAuditActions = (row: ShopFundSummaryItem) => {
+    if (!hasAuth(AUDIT_PERMISSIONS.financeTimeline)) return []
+    const target = resolveFinanceAuditTarget('shop_id', row.shop_id)
+    return target
+      ? [
+          {
+            label: '资金链路',
+            handler: () => openAuditInvestigation(target),
+            type: 'primary' as const
+          }
+        ]
+      : []
+  }
+
   // 搜索表单
   const searchForm = reactive({
     shop_name: '',
diff --git a/src/views/finance/agent-recharge/detail.vue b/src/views/finance/agent-recharge/detail.vue
index e0c1007..e66e72e 100644
--- a/src/views/finance/agent-recharge/detail.vue
+++ b/src/views/finance/agent-recharge/detail.vue
@@ -10,6 +10,34 @@
           返回
         </ElButton>
         <h2 class="detail-title">{{ pageTitle }}</h2>
+        <ElButton
+          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          type="primary"
+          plain
+          @click="openRechargeAudit"
+        >
+          审计记录
+        </ElButton>
+        <ElButton
+          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+          type="primary"
+          plain
+          @click="openRechargeFinance"
+        >
+          资金链路
+        </ElButton>
+        <ElButton
+          v-if="
+            detailData?.approval_instance_id &&
+            isPlatformUser &&
+            hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+          "
+          type="primary"
+          plain
+          @click="openApprovalAudit"
+        >
+          审批审计
+        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -42,15 +70,44 @@
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import { formatRejectionReason } from './agentRechargeDisplay'
+  import { useAuth } from '@/composables/useAuth'
+  import { useUserStore } from '@/store/modules/user'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'AgentRechargeDetail' })
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
+  const userStore = useUserStore()
 
   const loading = ref(false)
   const detailData = ref<AgentRecharge | null>(null)
   const paymentVoucherFileKeys = ref<string[]>([])
+  const isPlatformUser = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
+  const openRechargeAudit = () => {
+    const target = resolveAuditResourceTarget({
+      resourceType: 'agent_recharge',
+      internalId: detailData.value?.id
+    })
+    if (target) openAuditInvestigation(target)
+  }
+  const openRechargeFinance = () => {
+    const target = resolveFinanceAuditTarget('recharge_id', detailData.value?.id)
+    if (target) openAuditInvestigation(target)
+  }
+  const openApprovalAudit = () => {
+    const target = resolveAuditResourceTarget({
+      resourceType: 'approval_instance',
+      internalId: detailData.value?.approval_instance_id
+    })
+    if (target) openAuditInvestigation(target)
+  }
 
   const pageTitle = computed(() => `充值订单详情`)
 
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 1a6f83e..124ed6d 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -41,8 +41,8 @@
           :total="pagination.total"
           :marginTop="10"
           :actions="getActions"
-          :inlineActionsCount="2"
-          :actionsWidth="200"
+          :inlineActionsCount="1"
+          :actionsWidth="160"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -317,6 +317,12 @@
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
@@ -1284,12 +1290,46 @@
 
   // 获取操作按钮
   const getActions = (row: AgentRecharge) => {
-    return buildAgentRechargeActions(row, {
+    const actions = buildAgentRechargeActions(row, {
       hasAuth,
       onViewPaymentVoucher: handleViewPaymentVoucher,
       onConfirmPayment: handleShowConfirmPay,
       onReject: handleShowReject
     })
+    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)) {
+      const resourceTarget = resolveAuditResourceTarget({
+        resourceType: 'agent_recharge',
+        internalId: row.id
+      })
+      if (resourceTarget)
+        actions.unshift({
+          label: '审计记录',
+          handler: () => openAuditInvestigation(resourceTarget),
+          type: 'primary'
+        })
+    }
+    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.financeTimeline)) {
+      const financeTarget = resolveFinanceAuditTarget('recharge_id', row.id)
+      if (financeTarget)
+        actions.unshift({
+          label: '资金链路',
+          handler: () => openAuditInvestigation(financeTarget),
+          type: 'primary'
+        })
+    }
+    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)) {
+      const approvalTarget = resolveAuditResourceTarget({
+        resourceType: 'approval_instance',
+        internalId: row.approval_instance_id
+      })
+      if (approvalTarget)
+        actions.unshift({
+          label: '审批审计',
+          handler: () => openAuditInvestigation(approvalTarget),
+          type: 'primary'
+        })
+    }
+    return actions
   }
 
   // 查看支付凭证
diff --git a/src/views/finance/refund/detail.vue b/src/views/finance/refund/detail.vue
index 43a2295..7522cee 100644
--- a/src/views/finance/refund/detail.vue
+++ b/src/views/finance/refund/detail.vue
@@ -10,6 +10,34 @@
           返回
         </ElButton>
         <h2 class="detail-title">{{ pageTitle }}</h2>
+        <ElButton
+          v-if="refund && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.refundEntry)"
+          type="primary"
+          plain
+          @click="openRefundAudit"
+        >
+          审计记录
+        </ElButton>
+        <ElButton
+          v-if="refund && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+          type="primary"
+          plain
+          @click="openRefundFinance"
+        >
+          资金链路
+        </ElButton>
+        <ElButton
+          v-if="
+            refund?.approval_instance_id &&
+            isPlatformUser &&
+            hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+          "
+          type="primary"
+          plain
+          @click="openApprovalAudit"
+        >
+          审批审计
+        </ElButton>
         <ElButton
           v-if="refund && canResubmit(refund) && hasAuth('refund:resubmit')"
           type="primary"
@@ -119,16 +147,43 @@
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
   import { useAuth } from '@/composables/useAuth'
+  import { useUserStore } from '@/store/modules/user'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'RefundDetail' })
 
   const route = useRoute()
   const router = useRouter()
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
 
   const loading = ref(false)
   const refund = ref<Refund | null>(null)
   const refundVoucherFileKeys = ref<string[]>([])
+  const isPlatformUser = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
+  const openRefundAudit = () => {
+    const target = resolveAuditResourceTarget({
+      resourceType: 'refund',
+      internalId: refund.value?.id
+    })
+    if (target) openAuditInvestigation(target)
+  }
+  const openRefundFinance = () => {
+    const target = resolveFinanceAuditTarget('refund_id', refund.value?.id)
+    if (target) openAuditInvestigation(target)
+  }
+  const openApprovalAudit = () => {
+    const target = resolveAuditResourceTarget({
+      resourceType: 'approval_instance',
+      internalId: refund.value?.approval_instance_id
+    })
+    if (target) openAuditInvestigation(target)
+  }
 
   const pageTitle = computed(() => `退款详情`)
 
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index 9c218fe..76af064 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -38,8 +38,8 @@
           :total="pagination.total"
           :marginTop="10"
           :actions="getActions"
-          :actionsWidth="220"
-          :inlineActionsCount="2"
+          :actionsWidth="160"
+          :inlineActionsCount="1"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -164,6 +164,13 @@
   } from '@/utils/business/approvalSummary'
   import { toVoucherKeyList } from '@/utils/business'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
+  import { useUserStore } from '@/store/modules/user'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
@@ -174,6 +181,7 @@
   defineOptions({ name: 'RefundList' })
 
   const router = useRouter()
+  const userStore = useUserStore()
   const { hasAuth } = useAuth()
 
   const loading = ref(false)
@@ -730,6 +738,43 @@
   // 获取操作按钮
   const getActions = (row: Refund) => {
     const actions: any[] = []
+
+    if (
+      [1, 2].includes(userStore.getUserInfo.user_type || 0) &&
+      hasAuth(AUDIT_PERMISSIONS.refundEntry)
+    ) {
+      const auditTarget = resolveAuditResourceTarget({
+        userType: userStore.getUserInfo.user_type,
+        resourceType: 'refund',
+        internalId: row.id
+      })
+      if (auditTarget)
+        actions.push({
+          label: '审计记录',
+          handler: () => openAuditInvestigation(auditTarget),
+          type: 'primary'
+        })
+      if (hasAuth(AUDIT_PERMISSIONS.financeTimeline)) {
+        const financeTarget = resolveFinanceAuditTarget('refund_id', row.id)
+        if (financeTarget)
+          actions.push({
+            label: '资金链路',
+            handler: () => openAuditInvestigation(financeTarget),
+            type: 'primary'
+          })
+      }
+      const approvalTarget = resolveAuditResourceTarget({
+        userType: userStore.getUserInfo.user_type,
+        resourceType: 'approval_instance',
+        internalId: row.approval_instance_id
+      })
+      if (approvalTarget)
+        actions.push({
+          label: '审批审计',
+          handler: () => openAuditInvestigation(approvalTarget),
+          type: 'primary'
+        })
+    }
     const voucherKeys = getRefundAttachmentKeys(row)
 
     if (canResubmit(row) && hasAuth('refund:resubmit')) {
diff --git a/src/views/order-management/order-list/detail.vue b/src/views/order-management/order-list/detail.vue
index 39dfbf7..49ee711 100644
--- a/src/views/order-management/order-list/detail.vue
+++ b/src/views/order-management/order-list/detail.vue
@@ -10,6 +10,22 @@
           返回
         </ElButton>
         <h2 class="detail-title">订单详情</h2>
+        <ElButton
+          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.orderEntry)"
+          type="primary"
+          plain
+          @click="openOrderAudit"
+        >
+          审计记录
+        </ElButton>
+        <ElButton
+          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+          type="primary"
+          plain
+          @click="openOrderFinance"
+        >
+          资金链路
+        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -82,6 +98,12 @@
   import { formatDateTime } from '@/utils/business/format'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'OrderDetail' })
 
@@ -93,6 +115,18 @@
   const loading = ref(false)
   const detailData = ref<Order | null>(null)
   const paymentVoucherFileKeys = ref<string[]>([])
+  const isPlatformUser = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
+  const openOrderAudit = () => {
+    const target = resolveAuditResourceTarget({
+      resourceType: 'order',
+      internalId: detailData.value?.id
+    })
+    if (target) openAuditInvestigation(target)
+  }
+  const openOrderFinance = () => {
+    const target = resolveFinanceAuditTarget('order_id', detailData.value?.id)
+    if (target) openAuditInvestigation(target)
+  }
 
   // 格式化货币 - 将分转换为元
   const formatCurrency = (amount: number): string => {
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index d7f0b7f..c795b24 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -282,6 +282,12 @@
   import { formatDateTime } from '@/utils/business/format'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
@@ -1351,6 +1357,31 @@
   const getActions = (row: Order) => {
     const actions: any[] = []
 
+    if (
+      [1, 2].includes(userStore.getUserInfo.user_type || 0) &&
+      hasAuth(AUDIT_PERMISSIONS.orderEntry)
+    ) {
+      const auditTarget = resolveAuditResourceTarget({
+        userType: userStore.getUserInfo.user_type,
+        resourceType: 'order',
+        internalId: row.id
+      })
+      if (auditTarget)
+        actions.push({
+          label: '审计记录',
+          handler: () => openAuditInvestigation(auditTarget),
+          type: 'primary'
+        })
+      if (hasAuth(AUDIT_PERMISSIONS.financeTimeline)) {
+        const financeTarget = resolveFinanceAuditTarget('order_id', row.id)
+        if (financeTarget)
+          actions.push({
+            label: '资金链路',
+            handler: () => openAuditInvestigation(financeTarget),
+            type: 'primary'
+          })
+      }
+    }
     // 线下支付且有凭证可以查看
     if (
       row.payment_method === 'offline' &&
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index 896456e..8b5aff1 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -351,6 +351,12 @@
   import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
   import { regionData } from '@/utils/constants/regionData'
   import { RoutesAlias } from '@/router/routesAlias'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import {
+    resolveAuditResourceTarget,
+    resolveFinanceAuditTarget
+  } from '@/utils/business/auditNavigation'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'Shop' })
 
@@ -809,6 +815,32 @@
   const getActions = (row: ShopResponse) => {
     const actions: any[] = []
 
+    if (hasAuth(AUDIT_PERMISSIONS.shopEntry)) {
+      const auditTarget = resolveAuditResourceTarget({
+        userType: userStore.getUserInfo.user_type,
+        resourceType: 'shop',
+        internalId: row.id,
+        businessIdentifier: row.shop_code
+      })
+      if (auditTarget)
+        actions.push({
+          label: '审计记录',
+          handler: () => openAuditInvestigation(auditTarget),
+          type: 'primary'
+        })
+    }
+    if (
+      [1, 2].includes(userStore.getUserInfo.user_type || 0) &&
+      hasAuth(AUDIT_PERMISSIONS.financeTimeline)
+    ) {
+      const financeTarget = resolveFinanceAuditTarget('shop_id', row.id)
+      if (financeTarget)
+        actions.push({
+          label: '资金链路',
+          handler: () => openAuditInvestigation(financeTarget),
+          type: 'primary'
+        })
+    }
     if (hasAuth('shop:look_customer')) {
       actions.push({
         label: '账号列表',

From 9f7f61908352897ed172d1c8dde163d9542c91f0 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 7 Aug 2026 18:38:28 +0800
Subject: [PATCH 52/76] =?UTF-8?q?feat:=20=E5=AE=A1=E8=AE=A1=E9=93=BE?=
 =?UTF-8?q?=E8=B7=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design.md                                 |  2 +-
 .../specs/audit-cross-view-navigation/spec.md | 10 +++-
 .../tasks.md                                  | 50 +++++++++----------
 scripts/tests/auditNavigation.test.mjs        | 15 ++++++
 .../audit/AuditInvestigationLinks.vue         | 30 +++++------
 src/utils/business/auditNavigation.ts         | 16 ++++++
 src/views/audit/integrations/detail.vue       | 36 ++++++++-----
 7 files changed, 105 insertions(+), 54 deletions(-)

diff --git a/openspec/changes/align-audit-cross-view-navigation/design.md b/openspec/changes/align-audit-cross-view-navigation/design.md
index 079e893..a3e70d8 100644
--- a/openspec/changes/align-audit-cross-view-navigation/design.md
+++ b/openspec/changes/align-audit-cross-view-navigation/design.md
@@ -23,7 +23,7 @@
 - Decision: 平台资源入口优先使用业务响应中的内部稳定 ID。只有调用上下文没有资源 ID、但明确持有 `iot_card/device/shop/order/refund` 的业务 Key 时，才进入精确资源搜索。
 - Decision: 精确资源搜索不展示 `resource_id` 或身份快照中的内部关联 ID。候选项只展示按资源类型白名单选择的业务字段；选中后在内部原样使用返回的 `resource_type/resource_id`。
 - Decision: 代理使用 ICCID、VirtualNo、分配单号、换货单号、店铺编号或企业编号；企业只使用当前授权卡的 ICCID 或设备 VirtualNo。主体身份和范围不作为前端参数。
-- Decision: `investigation_refs` 是调查节点续查的权威来源。字段缺失、目标与当前详情相同或 `fidelity=false` 时隐藏对应操作。
+- Decision: `investigation_refs` 是来源详情续查的权威来源。字段缺失、目标与当前详情相同或 `fidelity=false` 时隐藏对应操作；共享调查抽屉内部保持只读，不重复嵌套一组调查按钮。
 - Decision: 请求和业务链路 ID 默认不展示原值；仅在明确的超级管理员开发调查上下文中允许复制真实 request ID，且不得由前端生成。
 - Decision: 资金目标只提交一个已知稳定条件，其他订单、支付、退款、充值和钱包关联由服务端解析；金额始终按分保存在应用数据中。
 - Decision: `401/403`、授权撤销或主体资源不存在时显示中性“活动不可用”，不回退平台接口、精确资源搜索或旧 operation log。
diff --git a/openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md b/openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md
index bb5a452..e219fe5 100644
--- a/openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md
+++ b/openspec/changes/align-audit-cross-view-navigation/specs/audit-cross-view-navigation/spec.md
@@ -94,13 +94,19 @@ The frontend SHALL implement the documented row-level navigation matrix for asse
 
 ### Requirement: Investigation Reference Continuation
 
-The frontend SHALL treat `investigation_refs` and documented Integration references as the authoritative sources for continuing from audit, risk, finance and link nodes. It SHALL expose only actions whose complete required reference is present and reliable.
+The frontend SHALL treat `investigation_refs` and documented Integration references on supported source details as the authoritative sources for continuing an investigation. It SHALL expose only actions whose complete required reference is present and reliable. Shared investigation drawers SHALL remain read-only and SHALL NOT repeat nested investigation action groups inside their result nodes.
 
 #### Scenario: Continue from a complete reference
 
-- **WHEN** a node contains a complete actor, resource, request, correlation or Integration reference
+- **WHEN** a supported source detail contains a complete actor, resource, request, correlation or Integration reference
 - **THEN** the frontend MUST pass its type and identifier unchanged to the matching shared investigation surface
 
+#### Scenario: Display a result inside the shared drawer
+
+- **WHEN** a shared investigation drawer renders an event, resource, link, finance or Integration result
+- **THEN** it MUST present that result as read-only evidence without nested investigation action buttons
+- **AND** it MUST preserve documented source and reference-only boundaries in the displayed facts
+
 #### Scenario: Suppress unavailable or self-referential navigation
 
 - **WHEN** a reference is incomplete, its fidelity is false, or its event target is the detail already being displayed
diff --git a/openspec/changes/align-audit-cross-view-navigation/tasks.md b/openspec/changes/align-audit-cross-view-navigation/tasks.md
index 45e60c4..b7e144d 100644
--- a/openspec/changes/align-audit-cross-view-navigation/tasks.md
+++ b/openspec/changes/align-audit-cross-view-navigation/tasks.md
@@ -1,44 +1,44 @@
 ## 1. Contract Audit and Shared Navigation
 
-- [ ] 1.1 建立文档导航矩阵与当前页面入口的差异清单，覆盖资产组织、账号交易、资金和调查节点。
-- [ ] 1.2 完善共享调查目标判别联合类型，覆盖事件、操作者、资源、请求、业务链路、资金、Integration、代理和企业活动。
-- [ ] 1.3 将共享导航控制器改为唯一弹窗/抽屉打开入口，并处理目标切换、请求竞态、分页和关闭清理。
-- [ ] 1.4 全局搜索并移除旧时间线路由、路由别名、页面和任意 URL 式审计跳转。
+- [x] 1.1 建立文档导航矩阵与当前页面入口的差异清单，覆盖资产组织、账号交易、资金和调查节点。
+- [x] 1.2 完善共享调查目标判别联合类型，覆盖事件、操作者、资源、请求、业务链路、资金、Integration、代理和企业活动。
+- [x] 1.3 将共享导航控制器改为唯一弹窗/抽屉打开入口，并处理目标切换、请求竞态、分页和关闭清理。
+- [x] 1.4 全局搜索并移除旧时间线路由、路由别名、页面和任意 URL 式审计跳转。
 
 ## 2. Stable Reference and Search Rules
 
-- [ ] 2.1 实现平台内部 ID、主体业务 identifier、调查引用、资源 Key 搜索和隐藏入口的优先级解析。
-- [ ] 2.2 收紧精确资源搜索，仅允许 `iot_card/device/shop/order/refund` 和文档规定的精确业务 Key。
-- [ ] 2.3 精确资源结果只展示资源类型白名单业务字段，隐藏 `resource_id` 及快照内部关联 ID，并原样使用返回目标打开资源时间线。
-- [ ] 2.4 对零命中、多命中、历史快照和缺少稳定资源 ID 分别提供不推断的降级状态。
-- [ ] 2.5 对空引用、同目标引用和 `fidelity=false` 隐藏对应调查操作。
+- [x] 2.1 实现平台内部 ID、主体业务 identifier、调查引用、资源 Key 搜索和隐藏入口的优先级解析。
+- [x] 2.2 收紧精确资源搜索，仅允许 `iot_card/device/shop/order/refund` 和文档规定的精确业务 Key。
+- [x] 2.3 精确资源结果只展示资源类型白名单业务字段，隐藏 `resource_id` 及快照内部关联 ID，并原样使用返回目标打开资源时间线。
+- [x] 2.4 对零命中、多命中、历史快照和缺少稳定资源 ID 分别提供不推断的降级状态。
+- [x] 2.5 对空引用、同目标引用和 `fidelity=false` 隐藏对应调查操作。
 
 ## 3. Asset and Organization Entry Matrix
 
-- [ ] 3.1 对齐卡、设备、设备卡槽和统一资产详情的平台/代理/企业入口与稳定字段映射。
-- [ ] 3.2 对齐资产分配、换货、店铺和企业列表/详情入口及角色范围。
-- [ ] 3.3 对齐企业卡和企业设备列表入口，确保企业只调用主体活动接口且不使用路由企业 ID 证明授权。
-- [ ] 3.4 缺少内部 ID、ICCID、VirtualNo 或业务编号时隐藏对应入口，不回退其他视角。
+- [x] 3.1 对齐卡、设备、设备卡槽和统一资产详情的平台/代理/企业入口与稳定字段映射。
+- [x] 3.2 对齐资产分配、换货、店铺和企业列表/详情入口及角色范围。
+- [x] 3.3 对齐企业卡和企业设备列表入口，确保企业只调用主体活动接口且不使用路由企业 ID 证明授权。
+- [x] 3.4 缺少内部 ID、ICCID、VirtualNo 或业务编号时隐藏对应入口，不回退其他视角。
 
 ## 4. Account, Transaction, and Finance Entry Matrix
 
-- [ ] 4.1 接入账号、店铺、企业、订单和退款的资源审计入口。
-- [ ] 4.2 接入订单、退款、代理充值、资产钱包、店铺资金概况和钱包流水的资金链路入口。
-- [ ] 4.3 对审批实例、钱包资源和流水资产引用实行独立字段完整性判断，缺少一组字段不影响其他有效入口。
-- [ ] 4.4 资金查询仅传入当前业务返回的稳定条件，不由前端补齐 Payment、Refund、钱包或第三方流水关联。
+- [x] 4.1 接入账号、店铺、企业、订单和退款的资源审计入口。
+- [x] 4.2 接入订单、退款、代理充值、资产钱包、店铺资金概况和钱包流水的资金链路入口。
+- [x] 4.3 对审批实例、钱包资源和流水资产引用实行独立字段完整性判断，缺少一组字段不影响其他有效入口。
+- [x] 4.4 资金查询仅传入当前业务返回的稳定条件，不由前端补齐 Payment、Refund、钱包或第三方流水关联。
 
 ## 5. Investigation Node Continuation
 
-- [ ] 5.1 从风险、事件、资源、链路、资金和 Integration 节点按 `investigation_refs` 打开共享调查抽屉。
-- [ ] 5.2 支持事件、操作者、资源、请求、业务链路和外部交互的非空引用，并抑制跳回当前详情的无意义入口。
-- [ ] 5.3 请求/业务链路节点保留 `record_source` 和 `reference_only` 事实边界，不把投递成功展示为业务成功。
-- [ ] 5.4 通知 Integration 目标继续使用受控 target 解析，不接受任意 URL 或数据库主键替代稳定 Integration ID。
+- [x] 5.1 从支持的来源详情按 `investigation_refs` 打开共享调查抽屉，调查弹窗内部保持只读且不嵌套无意义按钮。
+- [x] 5.2 支持事件、操作者、资源、请求、业务链路和外部交互的非空引用，并抑制跳回当前详情的无意义入口。
+- [x] 5.3 请求/业务链路节点保留 `record_source` 和 `reference_only` 事实边界，不把投递成功展示为业务成功。
+- [x] 5.4 通知 Integration 目标继续使用受控 target 解析，不接受任意 URL 或数据库主键替代稳定 Integration ID。
 
 ## 6. Authorization, Presentation, and Verification
 
-- [ ] 6.1 按平台、代理、企业及按钮权限验证所有入口可见性和接口选择。
-- [ ] 6.2 验证抽屉 append-to-body、遮罩、底层滚动锁定、关闭销毁、分页和移动端布局。
-- [ ] 6.3 为目标解析、参数原样传递、空值隐藏、同目标抑制、`fidelity=false` 和禁止推断增加单元测试。
-- [ ] 6.4 为文档中资产组织和账号资金导航矩阵增加表驱动测试。
+- [x] 6.1 按平台、代理、企业及按钮权限验证所有入口可见性和接口选择。
+- [x] 6.2 验证抽屉 append-to-body、遮罩、底层滚动锁定、关闭销毁、分页和移动端布局。
+- [x] 6.3 为目标解析、参数原样传递、空值隐藏、同目标抑制、`fidelity=false` 和禁止推断增加单元测试。
+- [x] 6.4 为文档中资产组织和账号资金导航矩阵增加表驱动测试。
 - [ ] 6.5 验证 `400/401/403/404/500`、授权撤销、历史快照、归档窗口和过期异步响应处理。
 - [ ] 6.6 回归现有审计中心、风险中心、外部交互、通知导航和旧 operation log，确认只读边界未被破坏。
diff --git a/scripts/tests/auditNavigation.test.mjs b/scripts/tests/auditNavigation.test.mjs
index e5465f7..40d1aa0 100644
--- a/scripts/tests/auditNavigation.test.mjs
+++ b/scripts/tests/auditNavigation.test.mjs
@@ -119,3 +119,18 @@ test('finance targets preserve only complete backend-provided conditions', async
     await cleanup()
   }
 })
+
+test('explicit investigation references suppress empty, unreliable and self targets', async () => {
+  const { module, cleanup } = await importAuditNavigation()
+  const { resolveInvestigationReference } = module
+
+  try {
+    assert.equal(resolveInvestigationReference(' request-1 '), 'request-1')
+    assert.equal(resolveInvestigationReference('   '), null)
+    assert.equal(resolveInvestigationReference('event-1', { currentId: 'event-1' }), null)
+    assert.equal(resolveInvestigationReference('event-2', { currentId: 'event-1' }), 'event-2')
+    assert.equal(resolveInvestigationReference('correlation-1', { fidelity: false }), null)
+  } finally {
+    await cleanup()
+  }
+})
diff --git a/src/components/business/audit/AuditInvestigationLinks.vue b/src/components/business/audit/AuditInvestigationLinks.vue
index c1ee591..d2068aa 100644
--- a/src/components/business/audit/AuditInvestigationLinks.vue
+++ b/src/components/business/audit/AuditInvestigationLinks.vue
@@ -20,19 +20,14 @@
     >
       精确注册资源
     </ElButton>
-    <ElButton
-      v-if="refs?.request_id"
-      link
-      type="primary"
-      @click="openTimeline('request', refs.request_id)"
-    >
+    <ElButton v-if="requestId" link type="primary" @click="openTimeline('request', requestId)">
       请求链路
     </ElButton>
     <ElButton
-      v-if="refs?.correlation_id"
+      v-if="correlationId"
       link
       type="primary"
-      @click="openTimeline('correlation', refs.correlation_id)"
+      @click="openTimeline('correlation', correlationId)"
     >
       业务关联链路
     </ElButton>
@@ -57,6 +52,7 @@
     AuditSearchResourceType
   } from '@/types/api'
   import { openAuditInvestigation, openAuditResourceSearch } from './investigationController'
+  import { resolveInvestigationReference } from '@/utils/business/auditNavigation'
 
   const props = withDefaults(
     defineProps<{
@@ -73,10 +69,16 @@
     'order',
     'refund'
   ])
-  const eventId = computed(() => {
-    const id = props.refs?.event_id?.trim()
-    return id && id !== props.currentEventId ? id : ''
-  })
+  const eventId = computed(
+    () =>
+      resolveInvestigationReference(props.refs?.event_id, {
+        currentId: props.currentEventId
+      }) || ''
+  )
+  const requestId = computed(() => resolveInvestigationReference(props.refs?.request_id) || '')
+  const correlationId = computed(
+    () => resolveInvestigationReference(props.refs?.correlation_id) || ''
+  )
   const actorRef = computed(() => {
     const actor = props.refs?.actor_ref
     return actor?.kind && actor.id ? actor : null
@@ -107,8 +109,8 @@
     Boolean(
       eventId.value ||
         actorRef.value ||
-        props.refs?.request_id ||
-        props.refs?.correlation_id ||
+        requestId.value ||
+        correlationId.value ||
         stableResourceRefs.value.length ||
         searchableResourceRefs.value.length ||
         stableIntegrationRefs.value.length
diff --git a/src/utils/business/auditNavigation.ts b/src/utils/business/auditNavigation.ts
index 1324602..efdedf1 100644
--- a/src/utils/business/auditNavigation.ts
+++ b/src/utils/business/auditNavigation.ts
@@ -8,6 +8,22 @@ interface AuditResourceRouteOptions {
   businessIdentifier?: string | null
 }
 
+interface AuditReferenceOptions {
+  currentId?: string | null
+  fidelity?: boolean | null
+}
+
+/** 仅保留非空、可靠且不会回到当前目标的显式调查引用。 */
+export function resolveInvestigationReference(
+  value?: string | null,
+  options: AuditReferenceOptions = {}
+): string | null {
+  if (options.fidelity === false) return null
+  const normalizedValue = value?.trim()
+  if (!normalizedValue || normalizedValue === options.currentId?.trim()) return null
+  return normalizedValue
+}
+
 /** 根据当前主体选择平台内部 ID 或主体安全业务标识。 */
 export function resolveAuditResourceTarget(
   options: AuditResourceRouteOptions
diff --git a/src/views/audit/integrations/detail.vue b/src/views/audit/integrations/detail.vue
index 25fdbb0..0c56a94 100644
--- a/src/views/audit/integrations/detail.vue
+++ b/src/views/audit/integrations/detail.vue
@@ -94,30 +94,28 @@
               <template #header>调查入口</template>
               <div v-if="hasAssociations" class="link-actions">
                 <ElButton
-                  v-if="detail.linkage.request_id"
+                  v-if="requestReference"
                   type="primary"
                   plain
-                  @click="
-                    openAuditInvestigation({ mode: 'request', id: detail.linkage.request_id })
-                  "
+                  @click="openAuditInvestigation({ mode: 'request', id: requestReference })"
                 >
                   请求链路
                 </ElButton>
                 <ElButton
-                  v-if="detail.linkage.correlation_id"
+                  v-if="correlationReference"
                   type="primary"
                   plain
                   @click="
                     openAuditInvestigation({
                       mode: 'correlation',
-                      id: detail.linkage.correlation_id
+                      id: correlationReference
                     })
                   "
                 >
                   业务关联链路
                 </ElButton>
                 <ElButton
-                  v-if="detail.resource?.type && detail.resource?.id"
+                  v-if="detail.resource?.type && resourceReference"
                   type="primary"
                   plain
                   @click="openResourceTimeline"
@@ -258,6 +256,7 @@
   } from '@/utils/business/audit'
   import { formatDateTime } from '@/utils/business/format'
   import { openAuditInvestigation } from '@/components/business/audit/investigationController'
+  import { resolveInvestigationReference } from '@/utils/business/auditNavigation'
 
   defineOptions({ name: 'AuditIntegrationDetail' })
 
@@ -272,11 +271,24 @@
   const hasResource = computed(() =>
     Boolean(detail.value?.resource?.type || detail.value?.resource?.key)
   )
+  const requestReference = computed(() =>
+    resolveInvestigationReference(detail.value?.linkage.request_id)
+  )
+  const correlationReference = computed(() =>
+    resolveInvestigationReference(detail.value?.linkage.correlation_id, {
+      fidelity: detail.value?.fidelity.correlation_available
+    })
+  )
+  const resourceReference = computed(() =>
+    resolveInvestigationReference(detail.value?.resource?.id, {
+      fidelity: detail.value?.fidelity.resource_id_available
+    })
+  )
   const hasAssociations = computed(() =>
     Boolean(
-      detail.value?.linkage.request_id ||
-        detail.value?.linkage.correlation_id ||
-        (detail.value?.resource?.type && detail.value?.resource?.id)
+      requestReference.value ||
+        correlationReference.value ||
+        (detail.value?.resource?.type && resourceReference.value)
     )
   )
   const hasJsonContent = (value?: Record<string, unknown> | null) =>
@@ -294,11 +306,11 @@
     integrationCategoryMeta[category as keyof typeof integrationCategoryMeta]?.type || 'info'
   const formatOptionalDate = (value?: string | null) => (value ? formatDateTime(value) : '-')
   const openResourceTimeline = () => {
-    if (!detail.value?.resource?.type || !detail.value.resource.id) return
+    if (!detail.value?.resource?.type || !resourceReference.value) return
     openAuditInvestigation({
       mode: 'resource',
       resourceType: detail.value.resource.type,
-      id: detail.value.resource.id
+      id: resourceReference.value
     })
   }
 

From 373ad4c2a5e4574f1bbdbd17e27231c7bcdb3d5b Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 10 Aug 2026 14:44:59 +0800
Subject: [PATCH 53/76] =?UTF-8?q?fix:=20=E5=AE=A1=E8=AE=A1=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../audit/AuditInvestigationLinks.vue         |  18 ++-
 src/types/components.d.ts                     |   2 +
 src/views/audit/events/detail.vue             | 114 +++++++++++++-----
 3 files changed, 101 insertions(+), 33 deletions(-)

diff --git a/src/components/business/audit/AuditInvestigationLinks.vue b/src/components/business/audit/AuditInvestigationLinks.vue
index d2068aa..80230e9 100644
--- a/src/components/business/audit/AuditInvestigationLinks.vue
+++ b/src/components/business/audit/AuditInvestigationLinks.vue
@@ -3,15 +3,19 @@
     <ElButton v-if="eventId" link type="primary" @click="openEvent">事件详情</ElButton>
     <ElButton v-if="actorRef" link type="primary" @click="openActor"> 操作者行为时间线 </ElButton>
     <ElButton
+      v-show="showResources"
       v-for="resource in stableResourceRefs"
       :key="`${resource.resource_type}:${resource.resource_id}`"
       link
       type="primary"
+      :title="resourceTimelineLabel(resource)"
+      :aria-label="resourceTimelineLabel(resource)"
       @click="openResource(resource)"
     >
-      资源审计时间线
+      {{ resourceTimelineLabel(resource) }}
     </ElButton>
     <ElButton
+      v-show="showResources"
       v-for="resource in searchableResourceRefs"
       :key="`${resource.resource_type}:${resource.resource_key}`"
       link
@@ -52,6 +56,7 @@
     AuditSearchResourceType
   } from '@/types/api'
   import { openAuditInvestigation, openAuditResourceSearch } from './investigationController'
+  import { auditResourceTypeLabels } from '@/utils/business/audit'
   import { resolveInvestigationReference } from '@/utils/business/auditNavigation'
 
   const props = withDefaults(
@@ -59,8 +64,9 @@
       refs?: AuditInvestigationRefs | null
       currentEventId?: string
       showEmpty?: boolean
+      showResources?: boolean
     }>(),
-    { currentEventId: '', showEmpty: true }
+    { currentEventId: '', showEmpty: true, showResources: true }
   )
   const searchableTypes = new Set<AuditSearchResourceType>([
     'iot_card',
@@ -111,8 +117,8 @@
         actorRef.value ||
         requestId.value ||
         correlationId.value ||
-        stableResourceRefs.value.length ||
-        searchableResourceRefs.value.length ||
+        (props.showResources &&
+          (stableResourceRefs.value.length || searchableResourceRefs.value.length)) ||
         stableIntegrationRefs.value.length
     )
   )
@@ -135,6 +141,10 @@
       resourceType: resource.resource_type,
       id: resource.resource_id
     })
+  const resourceTimelineLabel = (
+    resource: AuditInvestigationResourceRef & { resource_id: string }
+  ) =>
+    `资源审计时间线 · ${auditResourceTypeLabels[resource.resource_type] || resource.resource_type} · ${resource.resource_id}`
   const searchResource = (
     resource: AuditInvestigationResourceRef & {
       resource_type: AuditSearchResourceType
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 439fe0a..c20fcf4 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -99,6 +99,8 @@ declare module 'vue' {
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
     ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
diff --git a/src/views/audit/events/detail.vue b/src/views/audit/events/detail.vue
index 6f30542..e94940e 100644
--- a/src/views/audit/events/detail.vue
+++ b/src/views/audit/events/detail.vue
@@ -99,32 +99,11 @@
             ><AuditInvestigationLinks
               :refs="detail.investigation_refs"
               :current-event-id="detail.event_id"
+              :show-resources="false"
           /></ElCard>
           <ElCard shadow="never" class="section-card">
             <template #header>相关资源与快照</template>
             <ElTable :data="detail.resources || []" :row-key="resourceRowKey">
-              <ElTableColumn type="expand" width="48">
-                <template #default="{ row }">
-                  <div class="resource-snapshot-grid">
-                    <section>
-                      <h4>身份快照</h4>
-                      <pre>{{ auditJson(row.identity_snapshot) }}</pre>
-                    </section>
-                    <section>
-                      <h4>变更前</h4>
-                      <pre>{{ auditJson(row.before_data) }}</pre>
-                    </section>
-                    <section>
-                      <h4>变更后</h4>
-                      <pre>{{ auditJson(row.after_data) }}</pre>
-                    </section>
-                    <section>
-                      <h4>主体安全数据</h4>
-                      <pre>{{ auditJson(row.subject_data) }}</pre>
-                    </section>
-                  </div>
-                </template>
-              </ElTableColumn>
               <ElTableColumn
                 prop="display_name"
                 label="资源"
@@ -141,7 +120,7 @@
                   auditResourceRelationLabels[row.relation] || row.relation
                 }}</template>
               </ElTableColumn>
-              <ElTableColumn prop="role" label="业务角色" min-width="150" />
+              <ElTableColumn prop="role" label="业务角色" min-width="160" show-overflow-tooltip />
               <ElTableColumn label="主体可见性" min-width="150">
                 <template #default="{ row }">{{
                   auditSubjectVisibilityLabels[row.subject_visibility] ||
@@ -160,6 +139,19 @@
                   row.created_at ? formatDateTime(row.created_at) : '-'
                 }}</template>
               </ElTableColumn>
+              <ElTableColumn label="操作" width="220" fixed="right">
+                <template #default="{ row }">
+                  <ElButton link type="primary" @click="openSnapshotDialog(row)">查看快照</ElButton>
+                  <ElButton
+                    link
+                    type="primary"
+                    :disabled="!row.resource_id"
+                    @click="openResourceTimeline(row)"
+                  >
+                    资源审计时间线
+                  </ElButton>
+                </template>
+              </ElTableColumn>
             </ElTable>
           </ElCard>
           <ElCard v-if="userStore.isSuperAdmin" shadow="never">
@@ -170,6 +162,37 @@
         <ElEmpty v-else-if="!loading" description="未找到审计事件" />
       </div>
     </ElCard>
+    <ElDialog
+      v-model="snapshotDialogVisible"
+      :title="snapshotDialogTitle"
+      width="min(960px, calc(100% - 32px))"
+      destroy-on-close
+    >
+      <div v-if="selectedResource" class="resource-snapshot-grid">
+        <ElCollapse class="resource-snapshot-section">
+          <ElCollapseItem title="身份快照" name="identity">
+            <pre>{{ auditJson(selectedResource.identity_snapshot) }}</pre>
+          </ElCollapseItem>
+        </ElCollapse>
+        <ElCollapse class="resource-snapshot-section">
+          <ElCollapseItem title="主体安全数据" name="subject">
+            <pre>{{ auditJson(selectedResource.subject_data) }}</pre>
+          </ElCollapseItem>
+        </ElCollapse>
+        <section class="resource-snapshot-diff">
+          <ElCollapse class="resource-snapshot-section">
+            <ElCollapseItem title="变更前" name="before">
+              <pre>{{ auditJson(selectedResource.before_data) }}</pre>
+            </ElCollapseItem>
+          </ElCollapse>
+          <ElCollapse class="resource-snapshot-section">
+            <ElCollapseItem title="变更后" name="after">
+              <pre>{{ auditJson(selectedResource.after_data) }}</pre>
+            </ElCollapseItem>
+          </ElCollapse>
+        </section>
+      </div>
+    </ElDialog>
   </div>
 </template>
 
@@ -195,6 +218,7 @@
   import { formatDateTime } from '@/utils/business/format'
   import { useUserStore } from '@/store/modules/user'
   import AuditInvestigationLinks from '@/components/business/audit/AuditInvestigationLinks.vue'
+  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'AuditEventDetail' })
   const route = useRoute()
@@ -202,6 +226,14 @@
   const userStore = useUserStore()
   const loading = ref(false)
   const detail = ref<AuditEventDetail>()
+  const snapshotDialogVisible = ref(false)
+  const selectedResource = ref<AuditResourceView>()
+  const snapshotDialogTitle = computed(() => {
+    const resource = selectedResource.value
+    if (!resource) return '资源快照'
+    const type = auditResourceTypeLabels[resource.resource_type] || resource.resource_type
+    return `资源快照 · ${resource.display_name || resource.resource_id || type}`
+  })
   const scopeDisplay = computed(() => {
     if (!detail.value) return '-'
     const type = auditScopeTypeLabels[detail.value.scope_type] || detail.value.scope_type
@@ -223,6 +255,18 @@
     [row.resource_type, row.resource_id || row.resource_key || row.sort_order || row.display_name]
       .filter((item) => item !== null && item !== undefined && item !== '')
       .join(':')
+  const openSnapshotDialog = (row: AuditResourceView) => {
+    selectedResource.value = row
+    snapshotDialogVisible.value = true
+  }
+  const openResourceTimeline = (row: AuditResourceView) => {
+    if (!row.resource_id) return
+    openAuditInvestigation({
+      mode: 'resource',
+      resourceType: row.resource_type,
+      id: row.resource_id
+    })
+  }
   onMounted(async () => {
     const id = String(route.params.eventId || '')
     if (!id) return
@@ -279,14 +323,22 @@
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 16px;
-    padding: 8px 16px 16px;
+    padding: 8px 0;
   }
 
-  .resource-snapshot-grid h4 {
-    margin: 0 0 8px;
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--el-text-color-primary);
+  .resource-snapshot-diff {
+    display: grid;
+    grid-column: 1 / -1;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 16px;
+  }
+
+  .resource-snapshot-section {
+    min-width: 0;
+  }
+
+  .resource-snapshot-section :deep(.el-collapse-item__content) {
+    padding-bottom: 0;
   }
 
   .resource-snapshot-grid pre {
@@ -319,5 +371,9 @@
     .resource-snapshot-grid {
       grid-template-columns: 1fr;
     }
+
+    .resource-snapshot-diff {
+      grid-template-columns: 1fr;
+    }
   }
 </style>

From 8650b490d7b008923d99a5565336eb752ecedeff Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 10 Aug 2026 15:57:09 +0800
Subject: [PATCH 54/76] =?UTF-8?q?fix:=20=E6=89=AB=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/finance/agent-recharge/index.vue | 47 ++++++++++++++++++----
 1 file changed, 39 insertions(+), 8 deletions(-)

diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 124ed6d..f18fca9 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -160,13 +160,27 @@
           @closed="handleQrDialogClosed"
         >
           <div class="online-recharge-qr-dialog">
-            <QrcodeVue
-              v-if="qrContent"
-              :value="qrContent"
-              :size="240"
-              level="H"
-              render-as="canvas"
-            />
+            <template v-if="qrContent">
+              <div class="online-recharge-qr-dialog__code-surface">
+                <QrcodeVue
+                  :value="qrContent"
+                  :size="240"
+                  level="H"
+                  background="#FFFFFF"
+                  foreground="#000000"
+                  render-as="canvas"
+                />
+              </div>
+              <ElTag
+                v-if="onlinePaymentMethodLabel"
+                class="online-recharge-qr-dialog__method"
+                type="primary"
+                effect="dark"
+                size="large"
+              >
+                {{ onlinePaymentMethodLabel }}扫码支付
+              </ElTag>
+            </template>
             <ElEmpty v-else description="暂未获取到支付二维码" />
             <div v-if="onlineQrRecharge" class="online-recharge-qr-dialog__summary">
               <div>充值单号：{{ onlineQrRecharge.recharge_no || '-' }}</div>
@@ -552,9 +566,15 @@
       paymentMethodsLoading.value ||
       (createMode.value === 'online' && onlinePaymentMethods.value.length === 0)
   )
+  const onlinePaymentMethodLabel = computed(() => {
+    const method = onlineQrRecharge.value?.payment_method
+    if (method === 'wechat') return '微信支付'
+    if (method === 'alipay') return '支付宝'
+    return ''
+  })
   const onlinePaymentStatusMessage = computed(() => {
     const status = onlinePaymentStatus.value?.status ?? onlineQrRecharge.value?.status
-    if (status === 1) return '请使用对应支付方式扫码完成支付'
+    if (status === 1) return `请使用${onlinePaymentMethodLabel.value || '对应支付方式'}扫码完成支付`
     if (status === 2) return '支付已成功，钱包正在入账，请稍候'
     if (status === 3) return '充值成功，钱包已到账'
     if (status === 4) return '充值订单已关闭，请重新发起充值'
@@ -1357,6 +1377,17 @@
     align-items: center;
     gap: 16px;
 
+    &__code-surface {
+      display: flex;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+    }
+
+    &__method {
+      font-weight: 600;
+    }
+
     &__summary {
       display: flex;
       flex-direction: column;

From 9599a4d52be09ca84989cf360e5c53f832340f3d Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 10 Aug 2026 17:27:15 +0800
Subject: [PATCH 55/76] =?UTF-8?q?fix:=20=E4=BB=A3=E7=90=86=E7=B3=BB?=
 =?UTF-8?q?=E5=88=97=E6=8E=88=E6=9D=83=E5=92=8C=E6=93=8D=E4=BD=9C=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E5=8E=BB=E6=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               |  18 +
 .../specs/asset-audit-log-navigation/spec.md  |  12 +
 .../tasks.md                                  |  10 +
 .../proposal.md                               |  17 +
 .../specs/package-series-allocation/spec.md   |  17 +
 .../tasks.md                                  |  14 +
 src/api/modules/asset.ts                      |  20 -
 src/api/modules/shopSeriesGrant.ts            |  15 +
 .../business/OperationLogsDialog.vue          |  45 --
 src/types/api/asset.ts                        |  48 --
 src/types/api/packageManagement.ts            |  54 ++
 src/types/components.d.ts                     |   1 -
 .../components/OperationLogsCard.vue          | 692 ------------------
 .../asset-information/index.vue               |  10 -
 .../asset-management/device-list/index.vue    |  20 -
 .../iot-card-management/index.vue             |  22 -
 .../series-grants/index.vue                   |  75 +-
 17 files changed, 207 insertions(+), 883 deletions(-)
 create mode 100644 openspec/changes/remove-legacy-asset-operation-logs/proposal.md
 create mode 100644 openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md
 create mode 100644 openspec/changes/remove-legacy-asset-operation-logs/tasks.md
 create mode 100644 openspec/changes/update-series-grant-package-options-api/proposal.md
 create mode 100644 openspec/changes/update-series-grant-package-options-api/specs/package-series-allocation/spec.md
 create mode 100644 openspec/changes/update-series-grant-package-options-api/tasks.md
 delete mode 100644 src/components/business/OperationLogsDialog.vue
 delete mode 100644 src/views/asset-management/asset-information/components/OperationLogsCard.vue

diff --git a/openspec/changes/remove-legacy-asset-operation-logs/proposal.md b/openspec/changes/remove-legacy-asset-operation-logs/proposal.md
new file mode 100644
index 0000000..1b07578
--- /dev/null
+++ b/openspec/changes/remove-legacy-asset-operation-logs/proposal.md
@@ -0,0 +1,18 @@
+# Change: 移除旧资产操作审计日志入口
+
+## Why
+
+IoT 卡管理、设备管理和资产信息页仍展示旧的资产操作审计日志入口与内容，与当前审计调查能力重复，且不再需要向用户提供该旧日志交互。
+
+## What Changes
+
+- 移除 IoT 卡管理列表的“操作审计日志”操作项及其抽屉弹窗。
+- 移除设备管理列表的“操作审计日志”操作项及其抽屉弹窗。
+- 移除资产信息页内嵌的操作审计日志卡片。
+- 清理上述页面对旧日志组件的引用；全局无其他前端调用时，删除旧日志组件、前端 API 方法及专用类型；仍有调用时保留共享实现。
+- 不改变后端历史日志数据或接口。
+
+## Impact
+
+- Affected specs: `asset-audit-log-navigation`
+- Affected code: `src/views/asset-management/iot-card-management/index.vue`, `src/views/asset-management/device-list/index.vue`, `src/views/asset-management/asset-information/index.vue`, and, only if unused, `src/components/business/OperationLogsDialog.vue`, `src/views/asset-management/asset-information/components/OperationLogsCard.vue`, `src/api/modules/asset.ts`, `src/types/api/asset.ts`
diff --git a/openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md b/openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md
new file mode 100644
index 0000000..7b5190b
--- /dev/null
+++ b/openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md
@@ -0,0 +1,12 @@
+## REMOVED Requirements
+
+### Requirement: 旧资产操作审计日志入口
+
+**Reason**: 旧资产操作审计日志交互已由当前审计调查能力替代，页面不再提供重复入口。
+**Migration**: 需要审计调查的用户通过当前审计中心和资源审计时间线访问记录。
+
+#### Scenario: 查看 IoT 卡、设备或资产信息
+
+- **WHEN** 用户打开 IoT 卡管理、设备管理或资产信息页面
+- **THEN** 页面不显示旧的“操作审计日志”入口、弹窗或内嵌日志卡片
+- **AND** 前端不因这些页面加载或操作而请求旧资产操作日志接口
diff --git a/openspec/changes/remove-legacy-asset-operation-logs/tasks.md b/openspec/changes/remove-legacy-asset-operation-logs/tasks.md
new file mode 100644
index 0000000..9043076
--- /dev/null
+++ b/openspec/changes/remove-legacy-asset-operation-logs/tasks.md
@@ -0,0 +1,10 @@
+## 1. Remove User Interfaces
+
+- [x] 1.1 Remove the IoT card management operation-log action, state and dialog.
+- [x] 1.2 Remove the device management operation-log action, state and dialog.
+- [x] 1.3 Remove the embedded operation-log card from asset information.
+
+## 2. Cleanup and Verification
+
+- [x] 2.1 Search remaining consumers of the legacy log component, front-end API method and dedicated types; delete only implementations with no consumers.
+- [x] 2.2 Run lint and type checks for changed files.
diff --git a/openspec/changes/update-series-grant-package-options-api/proposal.md b/openspec/changes/update-series-grant-package-options-api/proposal.md
new file mode 100644
index 0000000..de26014
--- /dev/null
+++ b/openspec/changes/update-series-grant-package-options-api/proposal.md
@@ -0,0 +1,17 @@
+# Change: 使用授权套餐候选项接口创建代理系列授权
+
+## Why
+
+新增代理系列授权时，通用套餐分页接口不能按当前操作者、目标店铺和套餐系列返回真正可授权的套餐，也不能提供目标店铺已授权状态。
+
+## What Changes
+
+- 新增代理系列授权弹窗的套餐选择改用 `GET /api/admin/shop-series-grants/package-options`。
+- 仅在已选择目标店铺和套餐系列后请求候选项接口，并原样传递 `shop_id` 与 `series_id`。
+- 以接口候选项作为可选集合，保留候选项的授权状态，且不再由前端额外过滤赠送套餐。
+- 为候选项接口增加前端 API 方法与类型定义，并用其价格字段初始化套餐成本价和建议零售价校验数据。
+
+## Impact
+
+- Affected specs: `package-series-allocation`
+- Affected code: `src/api/modules/shopSeriesGrant.ts`, `src/types/api/packageManagement.ts`, `src/views/package-management/series-grants/index.vue`
diff --git a/openspec/changes/update-series-grant-package-options-api/specs/package-series-allocation/spec.md b/openspec/changes/update-series-grant-package-options-api/specs/package-series-allocation/spec.md
new file mode 100644
index 0000000..cbd246b
--- /dev/null
+++ b/openspec/changes/update-series-grant-package-options-api/specs/package-series-allocation/spec.md
@@ -0,0 +1,17 @@
+## ADDED Requirements
+
+### Requirement: 授权创建使用店铺系列套餐候选项
+
+系统 SHALL 在新增代理系列授权时，使用 `GET /api/admin/shop-series-grants/package-options` 获取套餐候选项。前端 MUST 在目标店铺和套餐系列均已选择后，原样传递非空的 `shop_id` 与 `series_id`；接口返回的候选项 SHALL 作为可选套餐及其价格、授权状态的权威来源。
+
+#### Scenario: 选择店铺和套餐系列后加载候选项
+
+- **WHEN** 用户在新增代理系列授权弹窗中已选择目标店铺和套餐系列
+- **THEN** 前端请求 `/api/admin/shop-series-grants/package-options` 并携带所选 `shop_id` 与 `series_id`
+- **AND** 前端展示返回的候选套餐而不再调用通用套餐分页接口作为该弹窗的候选来源
+
+#### Scenario: 更换店铺或套餐系列
+
+- **WHEN** 用户更换目标店铺或套餐系列
+- **THEN** 前端清空此前的套餐候选项和已选择套餐
+- **AND** 仅使用新组合返回的候选项进行后续选择
diff --git a/openspec/changes/update-series-grant-package-options-api/tasks.md b/openspec/changes/update-series-grant-package-options-api/tasks.md
new file mode 100644
index 0000000..d494ff8
--- /dev/null
+++ b/openspec/changes/update-series-grant-package-options-api/tasks.md
@@ -0,0 +1,14 @@
+## 1. API and Types
+
+- [x] 1.1 Add the package-options API method and response types defined by the August interface document.
+
+## 2. Create Grant Dialog
+
+- [x] 2.1 Load package candidates only after both shop and series are selected, passing their IDs unchanged.
+- [x] 2.2 Use returned candidates for selection, package names, cost prices and price validation.
+- [x] 2.3 Reset candidate and selected-package state when the shop or series changes.
+
+## 3. Verification
+
+- [x] 3.1 Verify request parameters, candidate rendering and selected-package submission.
+- [x] 3.2 Run lint and type checks for changed files.
diff --git a/src/api/modules/asset.ts b/src/api/modules/asset.ts
index fa55000..1ca0810 100644
--- a/src/api/modules/asset.ts
+++ b/src/api/modules/asset.ts
@@ -27,8 +27,6 @@ import type {
   AssetOrdersResponse,
   UpdateAssetRealnameStatusRequest,
   DtoUpdateAssetRealnameStatusResponse,
-  AssetOperationLogsResponse,
-  AssetOperationLogsParams,
   AssetPackageUsageRecord,
   UpdateAssetPackageUsedDataRequest,
   UpdateAssetPackageExpiresAtRequest,
@@ -311,22 +309,4 @@ export class AssetService extends BaseService {
       data
     )
   }
-
-  // ========== 资产操作审计日志 ==========
-
-  /**
-   * 查询资产操作审计日志
-   * GET /api/admin/assets/:identifier/operation-logs
-   * @param identifier 资产标识符
-   * @param params 查询参数
-   */
-  static getOperationLogs(
-    identifier: string,
-    params?: AssetOperationLogsParams
-  ): Promise<BaseResponse<AssetOperationLogsResponse>> {
-    return this.get<BaseResponse<AssetOperationLogsResponse>>(
-      `/api/admin/assets/${identifier}/operation-logs`,
-      params
-    )
-  }
 }
diff --git a/src/api/modules/shopSeriesGrant.ts b/src/api/modules/shopSeriesGrant.ts
index 3f1d1f5..09e7134 100644
--- a/src/api/modules/shopSeriesGrant.ts
+++ b/src/api/modules/shopSeriesGrant.ts
@@ -9,6 +9,7 @@ import type {
   CreateShopSeriesGrantRequest,
   UpdateShopSeriesGrantRequest,
   ManageGrantPackagesRequest,
+  ShopSeriesGrantPackageOptionsResponse,
   BaseResponse,
   PaginationResponse
 } from '@/types/api'
@@ -45,6 +46,20 @@ export class ShopSeriesGrantService extends BaseService {
     return this.getOne<ShopSeriesGrantResponse>(`/api/admin/shop-series-grants/${id}`)
   }
 
+  /**
+   * 获取代理系列授权可选套餐
+   * GET /api/admin/shop-series-grants/package-options
+   */
+  static getPackageOptions(
+    shopId: number,
+    seriesId: number
+  ): Promise<BaseResponse<ShopSeriesGrantPackageOptionsResponse>> {
+    return this.getOne<ShopSeriesGrantPackageOptionsResponse>(
+      '/api/admin/shop-series-grants/package-options',
+      { shop_id: shopId, series_id: seriesId }
+    )
+  }
+
   /**
    * 更新代理系列授权
    * PUT /api/admin/shop-series-grants/{id}
diff --git a/src/components/business/OperationLogsDialog.vue b/src/components/business/OperationLogsDialog.vue
deleted file mode 100644
index 0fca9a8..0000000
--- a/src/components/business/OperationLogsDialog.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <ElDrawer
-    v-model="dialogVisible"
-    title="操作审计日志"
-    direction="rtl"
-    size="70%"
-    :before-close="handleClose"
-  >
-    <OperationLogsCard :asset-identifier="identifier" :download-permission="downloadPermission" />
-  </ElDrawer>
-</template>
-
-<script setup lang="ts">
-  import { ref, watch } from 'vue'
-  import { ElDrawer } from 'element-plus'
-  import OperationLogsCard from '@/views/asset-management/asset-information/components/OperationLogsCard.vue'
-
-  interface Props {
-    modelValue: boolean
-    identifier?: string
-    downloadPermission?: string
-  }
-
-  const props = defineProps<Props>()
-  const emit = defineEmits<{
-    'update:modelValue': [value: boolean]
-  }>()
-
-  const dialogVisible = ref(props.modelValue)
-
-  watch(
-    () => props.modelValue,
-    (val) => {
-      dialogVisible.value = val
-    }
-  )
-
-  watch(dialogVisible, (val) => {
-    emit('update:modelValue', val)
-  })
-
-  const handleClose = () => {
-    dialogVisible.value = false
-  }
-</script>
diff --git a/src/types/api/asset.ts b/src/types/api/asset.ts
index c5bc18a..8293e59 100644
--- a/src/types/api/asset.ts
+++ b/src/types/api/asset.ts
@@ -594,51 +594,3 @@ export interface DtoUpdateAssetRealnameStatusResponse {
   real_name_status: number // 更新后的实名状态 (0:未实名, 1:已实名)
   real_name_status_name: string // 实名状态名称（中文）
 }
-
-// ========== 资产操作审计日志 ==========
-
-/**
- * 操作审计日志项
- */
-export interface AssetOperationLogItem {
-  id: number // 日志ID
-  asset_id: number // 资产ID
-  asset_identifier: string // 资产标识符
-  asset_type: string // 资产类型
-  operation_type: string // 操作类型
-  operation_desc: string // 操作描述
-  result_status: 'success' | 'failed' | 'denied' // 执行结果
-  created_at: string // 创建时间
-  operator_id?: number // 操作人ID
-  operator_name: string // 操作人名称
-  operator_type: string // 操作人类型
-  before_data: Record<string, any> // 操作前数据（原始）
-  after_data: Record<string, any> // 操作后数据（原始）
-  operation_content_before?: Record<string, any> // 操作内容（变更前）
-  operation_content_after?: Record<string, any> // 操作内容（变更后）
-  operation_fields_desc?: Record<string, string> // 字段中文说明
-  batch_total: number // 批量总数
-  success_count: number // 成功数量
-  fail_count: number // 失败数量
-  failed_items?: Array<{ iccid?: string; reason?: string }> // 失败明细
-  reason?: string // 原因说明
-}
-
-/**
- * 资产操作审计日志响应
- */
-export interface AssetOperationLogsResponse {
-  items: AssetOperationLogItem[] // 日志列表
-  page: number // 当前页码
-  page_size: number // 每页数量
-  total: number // 总记录数
-}
-
-/**
- * 资产操作审计日志查询参数
- */
-export interface AssetOperationLogsParams {
-  page?: number // 页码，默认1
-  page_size?: number // 每页条数，默认20，最大100
-  result_status?: 'success' | 'failed' | 'denied' // 执行结果
-}
diff --git a/src/types/api/packageManagement.ts b/src/types/api/packageManagement.ts
index 5285474..b770916 100644
--- a/src/types/api/packageManagement.ts
+++ b/src/types/api/packageManagement.ts
@@ -325,6 +325,60 @@ export interface ShopSeriesGrantQueryParams extends PaginationParams {
   status?: number // 状态筛选
 }
 
+/**
+ * 代理系列授权套餐候选项
+ */
+export interface ShopSeriesGrantPackageOption {
+  authorized: boolean
+  id: number
+  package_code: string
+  package_name: string
+  package_type: 'formal' | 'addon'
+  series_id: number | null
+  series_name: string | null
+  is_gift: boolean
+  status: number
+  status_name: string
+  shelf_status: number
+  shelf_status_name: string
+  calendar_type: 'natural_month' | 'by_day'
+  duration_days: number | null
+  duration_months: number
+  real_data_mb: number
+  virtual_data_mb: number
+  enable_virtual_data: boolean
+  virtual_ratio: number
+  data_reset_cycle: string
+  cost_price: number
+  retail_price: number | null
+  suggested_retail_price: number | null
+  effective_retail_price: number | null
+  expiry_base: string
+  expiry_base_override: PackageAllocationExpiryBaseOverride | null
+  expiry_base_override_name: string
+  default_expiry_base: string
+  default_expiry_base_name: string
+  effective_expiry_base: string
+  effective_expiry_base_name: string
+  price_config_status: number
+  price_config_status_name: string
+  retail_price_config_status: number | null
+  current_commission_rate: string
+  profit_margin: number | null
+  one_time_commission_amount: number | null
+  tier_info?: {
+    current_rate?: string
+    next_rate?: string
+    next_threshold?: number | null
+  }
+  created_at: string
+  updated_at: string
+}
+
+export interface ShopSeriesGrantPackageOptionsResponse {
+  items: ShopSeriesGrantPackageOption[] | null
+}
+
 /**
  * 创建代理系列授权请求
  */
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index c20fcf4..6680882 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -148,7 +148,6 @@ declare module 'vue' {
     LoginLeftView: typeof import('./../components/core/views/login/LoginLeftView.vue')['default']
     MenuLayoutSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuLayoutSettings.vue')['default']
     MenuStyleSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuStyleSettings.vue')['default']
-    OperationLogsDialog: typeof import('./../components/business/OperationLogsDialog.vue')['default']
     OperatorSelect: typeof import('./../components/business/OperatorSelect.vue')['default']
     PackageSelector: typeof import('./../components/business/PackageSelector.vue')['default']
     PaymentVoucherDialog: typeof import('./../components/business/PaymentVoucherDialog.vue')['default']
diff --git a/src/views/asset-management/asset-information/components/OperationLogsCard.vue b/src/views/asset-management/asset-information/components/OperationLogsCard.vue
deleted file mode 100644
index f906fe6..0000000
--- a/src/views/asset-management/asset-information/components/OperationLogsCard.vue
+++ /dev/null
@@ -1,692 +0,0 @@
-<template>
-  <ElCard shadow="never" class="info-card operation-logs-card" v-loading="loading">
-    <template #header>
-      <div class="card-header">
-        <span class="header-title">操作审计日志</span>
-        <div class="filter-section">
-          <ElSelect
-            v-model="filterForm.result_status"
-            placeholder="执行结果"
-            clearable
-            class="result-status-select"
-            @change="handleFilterChange"
-          >
-            <ElOption label="成功" value="success" />
-            <ElOption label="失败" value="failed" />
-            <ElOption label="拒绝" value="denied" />
-          </ElSelect>
-          <ElButton type="primary" @click="handleQuery">查询</ElButton>
-          <ElButton @click="handleReset">重置</ElButton>
-          <ElTag type="info" size="small">共 {{ total }} 条</ElTag>
-        </div>
-      </div>
-    </template>
-
-    <div class="logs-table-wrapper">
-      <ElTable :data="logList" class="logs-table" border max-height="400">
-        <ElTableColumn label="操作时间" width="170" align="center">
-          <template #default="{ row }">
-            {{ formatDateTime(row.created_at) }}
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="操作类型" width="160" align="center">
-          <template #default="{ row }">
-            <ElTag :type="getOperationTypeTag(row.operation_type)" size="small">
-              {{ row.operation_desc }}
-            </ElTag>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="操作人" width="130" align="center">
-          <template #default="{ row }">
-            {{ row.operator_name || '-' }}
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="操作人类型" width="110" align="center">
-          <template #default="{ row }">
-            {{ getOperatorTypeText(row) }}
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="执行结果" width="100" align="center">
-          <template #default="{ row }">
-            <ElTag :type="getResultStatusTag(row.result_status)" size="small">
-              {{ getResultStatusText(row.result_status) }}
-            </ElTag>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="变更内容" min-width="320">
-          <template #default="{ row }">
-            <div v-if="getDisplayContent(row).length" class="change-content">
-              <span
-                v-for="(item, index) in getDisplayContent(row)"
-                :key="`${item.type}-${item.key}-${index}`"
-                class="change-item"
-              >
-                <span class="field-name">{{ item.fieldName }}</span>
-                <span class="field-value">
-                  <template v-if="item.type === 'change'">
-                    <span class="new-value">{{ formatFieldValue(item.key, item.afterValue) }}</span>
-                    <ElButton
-                      v-if="canDownloadLogFile && isDownloadableFileKey(item.key, item.afterValue)"
-                      link
-                      type="primary"
-                      @click.stop="handleDownloadLogFile(item.afterValue)"
-                    >
-                      下载文件
-                    </ElButton>
-                  </template>
-                  <span v-else :class="['message-value', item.level === 'error' ? 'is-error' : '']">
-                    {{ item.message }}
-                  </span>
-                </span>
-              </span>
-            </div>
-            <span v-else>-</span>
-          </template>
-        </ElTableColumn>
-      </ElTable>
-      <ElPagination
-        class="logs-pagination"
-        v-if="total > 0"
-        v-model:current-page="pagination.page"
-        v-model:page-size="pagination.page_size"
-        :total="total"
-        :page-sizes="[10, 20, 50]"
-        layout="total, prev, pager, next"
-        @current-change="handlePageChange"
-        @size-change="handleSizeChange"
-      />
-    </div>
-  </ElCard>
-</template>
-
-<script setup lang="ts">
-  import { computed, reactive, ref, watch } from 'vue'
-  import {
-    ElButton,
-    ElCard,
-    ElMessage,
-    ElOption,
-    ElPagination,
-    ElSelect,
-    ElTable,
-    ElTableColumn,
-    ElTag
-  } from 'element-plus'
-  import { AssetService, StorageService } from '@/api/modules'
-  import { useAuth } from '@/composables/useAuth'
-  import type { AssetOperationLogItem } from '@/types/api'
-  import { formatDateTime } from '@/utils/business/format'
-
-  interface Props {
-    assetIdentifier?: string
-    assetType?: string
-    downloadPermission?: string
-  }
-
-  type TagType = 'primary' | 'success' | 'warning' | 'info' | 'danger'
-  type ResultStatus = '' | 'success' | 'failed' | 'denied'
-
-  type OperationLogRow = AssetOperationLogItem & {
-    operator_type_code?: string
-    error_code?: string
-    error_msg?: string
-    request_id?: string
-    request_path?: string
-    request_method?: string
-    ip_address?: string
-    user_agent?: string
-  }
-
-  interface ChangeItem {
-    type: 'change'
-    key: string
-    fieldName: string
-    beforeValue?: any
-    afterValue?: any
-  }
-
-  interface MessageItem {
-    type: 'message'
-    key: string
-    fieldName: string
-    message: string
-    level: 'info' | 'error'
-  }
-
-  type DisplayItem = ChangeItem | MessageItem
-
-  const operationTypeTagMap: Record<string, TagType> = {
-    device_set_wifi: 'primary',
-    device_switch_card: 'success',
-    device_switch_mode: 'success',
-    device_stop: 'danger',
-    device_start: 'success',
-    device_reboot: 'warning',
-    device_reset: 'warning',
-    device_allocate: 'primary',
-    device_recall: 'warning',
-    device_bind_card: 'primary',
-    device_unbind_card: 'warning',
-    card_allocate: 'primary',
-    card_recall: 'warning',
-    card_stop: 'danger',
-    card_start: 'success',
-    card_manual_stop: 'danger',
-    card_manual_start: 'success',
-    card_auto_stop: 'danger',
-    card_auto_start: 'success',
-    card_polling_status: 'info',
-    asset_realname_policy: 'info',
-    asset_realname_status: 'info',
-    asset_polling: 'info',
-    asset_polling_status: 'info',
-    iot_card_import_task_create: 'primary'
-  }
-
-  const operatorTypeMap: Record<string, string> = {
-    system: '系统',
-    admin_user: '平台用户',
-    agent_user: '代理账号',
-    enterprise_user: '企业用户',
-    api_user: 'API用户'
-  }
-
-  const fieldNameMap: Record<string, string> = {
-    asset_type: '资产类型',
-    batch_no: '批次号',
-    card_category: '卡类型',
-    device_imei: '设备IMEI',
-    device_sn: '设备SN',
-    device_virtual_no: '设备虚拟号',
-    device_virtual_nos: '设备虚拟号',
-    enable_polling: '轮询开关',
-    file_key: '文件存储键',
-    first_realname_at: '首次实名时间',
-    iccid: 'ICCID',
-    iccids: 'ICCID',
-    network_status: '网络状态',
-    real_name_status: '实名状态',
-    realname_policy: '实名认证策略',
-    shop_name: '店铺',
-    source_service: '来源服务',
-    source_shop_name: '来源店铺',
-    status: '资产状态',
-    stop_reason: '停机原因',
-    switch_mode: '切卡模式',
-    target_shop_name: '目标店铺',
-    to_shop_name: '目标店铺'
-  }
-
-  const realnamePolicyMap: Record<string, string> = {
-    none: '无需实名',
-    before_order: '先实名后充值/购买',
-    after_order: '先充值/购买后实名'
-  }
-
-  const stopReasonMap: Record<string, string> = {
-    '': '无',
-    no_package: '无可用套餐',
-    carrier_stopped: '运营商停机',
-    not_realname: '未实名'
-  }
-
-  const assetTypeMap: Record<string, string> = {
-    iot_card: 'IoT卡',
-    device: '设备'
-  }
-
-  const cardCategoryMap: Record<string, string> = {
-    normal: '普通卡',
-    industry: '行业卡'
-  }
-
-  const assetStatusMap: Record<string, string> = {
-    '1': '在库',
-    '2': '已分销',
-    '3': '已激活',
-    '4': '已停用'
-  }
-
-  const newStatusMap: Record<string, string> = {
-    allocated: '已分配',
-    recalled: '已回收'
-  }
-
-  const props = defineProps<Props>()
-  const { hasAuth } = useAuth()
-
-  const loading = ref(false)
-  const logList = ref<OperationLogRow[]>([])
-  const total = ref(0)
-  const canDownloadLogFile = computed(() => {
-    return props.downloadPermission ? hasAuth(props.downloadPermission) : false
-  })
-  const pagination = reactive({
-    page: 1,
-    page_size: 20
-  })
-
-  const filterForm = reactive({
-    result_status: '' as ResultStatus
-  })
-
-  const loadLogs = async () => {
-    if (!props.assetIdentifier) return
-
-    try {
-      loading.value = true
-      const res = await AssetService.getOperationLogs(props.assetIdentifier, {
-        page: pagination.page,
-        page_size: pagination.page_size,
-        result_status: filterForm.result_status || undefined
-      })
-      if (res.code === 0 && res.data) {
-        logList.value = res.data.items || []
-        total.value = res.data.total || 0
-      }
-    } catch (error) {
-      console.error('加载操作日志失败:', error)
-      ElMessage.error('加载操作日志失败')
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const handleQuery = () => {
-    pagination.page = 1
-    loadLogs()
-  }
-
-  const handleReset = () => {
-    filterForm.result_status = ''
-    pagination.page = 1
-    loadLogs()
-  }
-
-  const handleFilterChange = () => {
-    handleQuery()
-  }
-
-  const handlePageChange = () => {
-    loadLogs()
-  }
-
-  const handleSizeChange = () => {
-    pagination.page = 1
-    loadLogs()
-  }
-
-  const getOperationTypeTag = (type: string): TagType => {
-    return operationTypeTagMap[type] || 'info'
-  }
-
-  const getResultStatusTag = (status: string): TagType => {
-    const tagMap: Record<string, TagType> = {
-      success: 'success',
-      failed: 'danger',
-      denied: 'warning'
-    }
-    return tagMap[status] || 'info'
-  }
-
-  const getResultStatusText = (status: string) => {
-    const textMap: Record<string, string> = {
-      success: '成功',
-      failed: '失败',
-      denied: '拒绝'
-    }
-    return textMap[status] || status
-  }
-
-  const isDownloadableFileKey = (key: string, value: unknown) => {
-    return key === 'file_key' && typeof value === 'string' && value.trim() !== ''
-  }
-
-  const handleDownloadLogFile = async (fileKey: string) => {
-    try {
-      await StorageService.downloadFileByKey(fileKey)
-      ElMessage.success('文件下载已开始')
-    } catch (error) {
-      console.error('下载日志文件失败:', error)
-      ElMessage.error('下载文件失败')
-    }
-  }
-
-  const getOperatorTypeText = (row: OperationLogRow) => {
-    if (row.operator_type_code && operatorTypeMap[row.operator_type_code]) {
-      return operatorTypeMap[row.operator_type_code]
-    }
-    if (row.operator_type && operatorTypeMap[row.operator_type]) {
-      return operatorTypeMap[row.operator_type]
-    }
-    return row.operator_type || row.operator_type_code || '-'
-  }
-
-  const formatValue = (value: any): string => {
-    if (value === null || value === undefined) return '空'
-    if (typeof value === 'boolean') return value ? '是' : '否'
-    if (typeof value === 'number') return String(value)
-    if (typeof value === 'string') return value || '空'
-    if (Array.isArray(value)) {
-      if (value.length === 0) return '空'
-      if (value.every((item) => ['string', 'number', 'boolean'].includes(typeof item))) {
-        return value.map((item) => formatValue(item)).join('、')
-      }
-      return JSON.stringify(value)
-    }
-    if (typeof value === 'object') return JSON.stringify(value)
-    return String(value)
-  }
-
-  const formatFieldValue = (key: string, value: any): string => {
-    if (typeof value === 'string' && (key.endsWith('_at') || key.endsWith('_time'))) {
-      return formatDateTime(value)
-    }
-    if (key === 'enable_polling') return value ? '开启' : '关闭'
-    if (key === 'realname_policy') return realnamePolicyMap[value] || formatValue(value)
-    if (key === 'real_name_status') return value === 1 ? '已实名' : '未实名'
-    if (key === 'switch_mode') {
-      return String(value) === '0' ? '自动' : String(value) === '1' ? '手动' : formatValue(value)
-    }
-    if (key === 'new_status') return newStatusMap[value] || formatValue(value)
-    if (key === 'network_status') {
-      return Number(value) === 1 ? '正常' : Number(value) === 0 ? '停机' : formatValue(value)
-    }
-    if (key === 'stop_reason') return stopReasonMap[String(value ?? '')] ?? formatValue(value)
-    if (key === 'asset_type') return assetTypeMap[String(value)] || formatValue(value)
-    if (key === 'card_category') return cardCategoryMap[String(value)] || formatValue(value)
-    if (key === 'status') return assetStatusMap[String(value)] || formatValue(value)
-    if (key === 'source_service') return value === 'asset_polling' ? '资产轮询' : formatValue(value)
-    return formatValue(value)
-  }
-
-  const sanitizeFieldName = (fieldName: string): string => {
-    return fieldName
-      .trim()
-      .replace(/（[^）]*）/g, '')
-      .trim()
-  }
-
-  const shouldHideIdField = (key: string, fieldName: string): boolean => {
-    const normalizedKey = key.trim()
-    const normalizedKeyLower = normalizedKey.toLowerCase()
-    const normalizedFieldName = sanitizeFieldName(fieldName)
-    const normalizedFieldNameUpper = normalizedFieldName.toUpperCase()
-
-    const visibleIdentifierKeys = new Set(['iccid', 'msisdn', 'imei', 'imsi', 'sn'])
-    const visibleIdentifierNames = ['ICCID', 'MSISDN', 'IMEI', 'IMSI', 'SN']
-
-    if (
-      visibleIdentifierKeys.has(normalizedKeyLower) ||
-      visibleIdentifierNames.some((name) => normalizedFieldNameUpper.endsWith(name))
-    ) {
-      return false
-    }
-
-    if (
-      normalizedKeyLower === 'id' ||
-      normalizedFieldName === '绑定记录ID' ||
-      normalizedFieldName === 'ID'
-    ) {
-      return true
-    }
-
-    return (
-      normalizedKeyLower.endsWith('_id') ||
-      /^[a-z][a-z0-9]*Id$/.test(normalizedKey) ||
-      normalizedFieldName.endsWith('ID')
-    )
-  }
-
-  const extractOperationContent = (
-    row: OperationLogRow,
-    type: 'before' | 'after'
-  ): Record<string, any> => {
-    const directContent =
-      type === 'before' ? row.operation_content_before : row.operation_content_after
-    if (directContent && Object.keys(directContent).length > 0) {
-      return directContent
-    }
-
-    const fallbackContainer = type === 'before' ? row.before_data : row.after_data
-    const nestedContent = fallbackContainer?.operation_content
-    if (nestedContent && Object.keys(nestedContent).length > 0) {
-      return nestedContent
-    }
-
-    return fallbackContainer || {}
-  }
-
-  const isSameValue = (beforeValue: any, afterValue: any) => {
-    if (beforeValue === afterValue) return true
-    return JSON.stringify(beforeValue) === JSON.stringify(afterValue)
-  }
-
-  const getChangeContent = (row: OperationLogRow): ChangeItem[] => {
-    const before = extractOperationContent(row, 'before')
-    const after = extractOperationContent(row, 'after')
-    const desc = row.operation_fields_desc || {}
-    const keys = new Set([...Object.keys(before), ...Object.keys(after)])
-
-    const changes: ChangeItem[] = []
-    for (const key of keys) {
-      const fieldName = sanitizeFieldName(desc[key] || fieldNameMap[key] || key)
-      if (shouldHideIdField(key, fieldName)) continue
-
-      const beforeValue = before[key]
-      const afterValue = after[key]
-      if (isSameValue(beforeValue, afterValue)) continue
-
-      changes.push({
-        type: 'change',
-        key,
-        fieldName,
-        beforeValue,
-        afterValue
-      })
-    }
-
-    return changes
-  }
-
-  const getMessageItems = (row: OperationLogRow): MessageItem[] => {
-    const items: MessageItem[] = []
-    const seen = new Set<string>()
-
-    const pushMessage = (
-      key: string,
-      fieldName: string,
-      message?: string,
-      level: 'info' | 'error' = 'info'
-    ) => {
-      const normalizedMessage = message?.trim()
-      if (!normalizedMessage) return
-
-      const duplicateKey = `${fieldName}:${normalizedMessage}`
-      if (seen.has(duplicateKey)) return
-      seen.add(duplicateKey)
-
-      items.push({
-        type: 'message',
-        key,
-        fieldName,
-        message: normalizedMessage,
-        level
-      })
-    }
-
-    pushMessage('error_msg', '失败原因', row.error_msg, 'error')
-    pushMessage('reason', '原因说明', row.reason, row.result_status === 'failed' ? 'error' : 'info')
-
-    if (row.fail_count > 0) {
-      pushMessage('fail_count', '批量结果', `失败 ${row.fail_count} 项`, 'error')
-    }
-
-    row.failed_items?.slice(0, 3).forEach((item, index) => {
-      const detail = item?.iccid
-        ? `${item.iccid}：${item.reason || '未知原因'}`
-        : item?.reason || ''
-      pushMessage(`failed_items_${index}`, '失败明细', detail, 'error')
-    })
-
-    if (!items.length && row.result_status === 'failed') {
-      pushMessage('result_status', '执行结果', '执行失败', 'error')
-    }
-
-    if (!items.length && row.result_status === 'denied') {
-      pushMessage('result_status', '执行结果', '操作被拒绝', 'info')
-    }
-
-    return items
-  }
-
-  const getDisplayContent = (row: OperationLogRow): DisplayItem[] => {
-    return [...getChangeContent(row), ...getMessageItems(row)]
-  }
-
-  watch(
-    () => props.assetIdentifier,
-    (newVal) => {
-      if (newVal) {
-        loadLogs()
-      }
-    },
-    { immediate: true }
-  )
-</script>
-
-<style scoped lang="scss">
-  .operation-logs-card {
-    .card-header {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 12px;
-      align-items: center;
-      justify-content: space-between;
-
-      .header-title {
-        font-size: 16px;
-        font-weight: 500;
-      }
-
-      .filter-section {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-        align-items: center;
-        justify-content: flex-end;
-        min-width: 0;
-
-        .operation-type-select {
-          width: 180px;
-        }
-
-        .result-status-select {
-          width: 120px;
-        }
-      }
-    }
-
-    .logs-table-wrapper {
-      overflow-x: auto;
-
-      .logs-table {
-        min-width: 980px;
-
-        :deep(.el-table__header-wrapper) {
-          th {
-            background-color: var(--el-fill-color-light);
-          }
-        }
-
-        .change-content {
-          display: flex;
-          flex-direction: column;
-          gap: 4px;
-
-          .change-item {
-            display: flex;
-            gap: 4px;
-            align-items: center;
-            font-size: 12px;
-
-            .field-name {
-              min-width: 72px;
-              color: var(--el-text-color-secondary);
-            }
-
-            .field-value {
-              display: flex;
-              flex-wrap: wrap;
-              gap: 4px;
-              align-items: center;
-              word-break: break-all;
-
-              .new-value {
-                color: var(--el-color-success);
-              }
-
-              .message-value {
-                color: var(--el-text-color-regular);
-
-                &.is-error {
-                  color: var(--el-color-danger);
-                }
-              }
-            }
-          }
-        }
-      }
-
-      .logs-pagination {
-        justify-content: flex-end;
-        margin-top: 16px;
-      }
-    }
-
-    @media (width <= 1200px) {
-      .card-header {
-        flex-direction: column;
-        align-items: stretch;
-
-        .filter-section {
-          justify-content: flex-start;
-          width: 100%;
-        }
-      }
-    }
-
-    @media (width <= 768px) {
-      .card-header {
-        flex-direction: column;
-        align-items: stretch;
-
-        .filter-section {
-          flex-direction: column;
-          align-items: stretch;
-
-          :deep(.el-select),
-          .el-button,
-          .el-tag {
-            width: 100% !important;
-          }
-
-          .el-button {
-            margin-left: 0;
-          }
-        }
-      }
-
-      .logs-table-wrapper {
-        padding: 0 12px;
-        margin-right: -12px;
-        margin-left: -12px;
-
-        :deep(.el-pagination) {
-          justify-content: flex-start !important;
-          overflow-x: auto;
-        }
-      }
-    }
-  }
-</style>
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 2627843..96e09c4 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -96,15 +96,6 @@
             @navigate-to-device="handleNavigateToDevice"
           />
         </div>
-
-        <!-- 第五行：操作审计日志 -->
-        <div class="row full-width">
-          <OperationLogsCard
-            :asset-identifier="cardInfo.identifier"
-            :asset-type="cardInfo.asset_type"
-            download-permission="asset_info:download_log_file"
-          />
-        </div>
       </div>
     </div>
 
@@ -204,7 +195,6 @@
   import CurrentPackageCard from './components/CurrentPackageCard.vue'
   import PackageListCard from './components/PackageListCard.vue'
   import WalletTransactionCard from './components/WalletTransactionCard.vue'
-  import OperationLogsCard from './components/OperationLogsCard.vue'
 
   // 引入对话框组件
   import {
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 4491d03..c43ba5b 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -703,12 +703,6 @@
           @confirm="handleConfirmBatchRealnamePolicy"
         />
 
-        <!-- 操作审计日志弹窗 -->
-        <OperationLogsDialog
-          v-model="operationLogsDialogVisible"
-          :identifier="operationLogsIdentifier"
-          download-permission="device:download_log_file"
-        />
         <ElDialog
           v-model="enterpriseDeviceAuthorizeDialogVisible"
           title="授权设备给企业"
@@ -1012,7 +1006,6 @@
   } from '@/types/api/enterpriseDevice'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
   import BatchRealnamePolicyDialog from '@/components/business/BatchRealnamePolicyDialog.vue'
-  import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
   import ExportTaskCreateDialog from '@/components/business/ExportTaskCreateDialog.vue'
   import type { AssetRealnamePolicy } from '@/types/api'
 
@@ -1045,8 +1038,6 @@
   const batchRealnamePolicyDialogVisible = ref(false)
   const batchRealnamePolicyLoading = ref(false)
   const batchRealnamePolicyError = ref('')
-  const operationLogsDialogVisible = ref(false)
-  const operationLogsIdentifier = ref('')
   const exportDialogVisible = ref(false)
   const shopCascadeOptions = ref<any[]>([])
   const shopCascadeProps = {
@@ -3167,17 +3158,6 @@
       })
     }
 
-    if (hasAuth('device:operation_logs')) {
-      moreActions.push({
-        label: '操作审计日志',
-        handler: () => {
-          operationLogsIdentifier.value = row.virtual_no
-          operationLogsDialogVisible.value = true
-        },
-        type: 'primary'
-      })
-    }
-
     const userType = Number(userStore.getUserInfo.user_type)
     const auditPermission =
       userType === 3
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index ef810e3..bb1d843 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -1001,13 +1001,6 @@
           @success="handleUpdateRealnameStatusSuccess"
         />
 
-        <!-- 操作审计日志弹窗 -->
-        <OperationLogsDialog
-          v-model="operationLogsDialogVisible"
-          :identifier="operationLogsIdentifier"
-          download-permission="iot_card:download_log_file"
-        />
-
         <ExportTaskCreateDialog
           v-model="exportDialogVisible"
           scene="iot_card"
@@ -1067,7 +1060,6 @@
   import type { AssetRealnamePolicy, PackageSeriesResponse } from '@/types/api'
   import type { EnterpriseItem } from '@/types/api/enterprise'
   import type { AllocateCardsResponse, RecallCardsResponse } from '@/types/api/enterpriseCard'
-  import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
 
   defineOptions({ name: 'StandaloneCardList' })
 
@@ -1119,9 +1111,6 @@
     recalled_devices: null
   })
 
-  // 操作审计日志弹窗
-  const operationLogsDialogVisible = ref(false)
-  const operationLogsIdentifier = ref('')
   const exportDialogVisible = ref(false)
 
   // 套餐系列绑定相关
@@ -2323,17 +2312,6 @@
       })
     }
 
-    if (hasAuth('iot_card:operation_logs')) {
-      actions.push({
-        label: '操作审计日志',
-        handler: () => {
-          operationLogsIdentifier.value = row.iccid
-          operationLogsDialogVisible.value = true
-        },
-        type: 'primary'
-      })
-    }
-
     const userType = Number(userStore.getUserInfo.user_type)
     const auditPermission =
       userType === 3
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index c72d500..fbfb594 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -126,8 +126,6 @@
                       multiple
                       :multiple-limit="100"
                       filterable
-                      remote
-                      :remote-method="searchPackages"
                       :loading="packageLoading"
                       clearable
                     >
@@ -139,8 +137,9 @@
                       <ElOption
                         v-for="pkg in packageOptions"
                         :key="pkg.id"
-                        :label="pkg.package_name"
+                        :label="`${pkg.package_name}${pkg.authorized ? '（已授权）' : ''}`"
                         :value="pkg.id"
+                        :disabled="pkg.authorized"
                       />
                     </ElSelect>
                     <div class="form-tip">首次创建必须选择 1～100 个不重复套餐</div>
@@ -626,7 +625,14 @@
   const currentStep = ref(0) // 当前步骤，0 为第一步，1 为第二步
 
   const seriesOptions = ref<PackageSeriesResponse[]>([])
-  const packageOptions = ref<PackageResponse[]>([])
+  type GrantPackageOptionView = {
+    id: number
+    package_name: string
+    cost_price: number
+    suggested_retail_price?: number | null
+    authorized: boolean
+  }
+  const packageOptions = ref<GrantPackageOptionView[]>([])
   const selectedPackageIds = ref<number[]>([])
   const searchSeriesOptions = ref<PackageSeriesResponse[]>([])
   const searchShopOptions = ref<ShopResponse[]>([])
@@ -1082,7 +1088,7 @@
     isFirstActivation = false
   })
 
-  // 加载套餐选项（用于新增对话框）
+  // 加载套餐选项（用于编辑对话框）
   const loadPackageOptions = async (packageName?: string) => {
     packageLoading.value = true
     try {
@@ -1104,8 +1110,17 @@
         page += 1
       } while (allPackages.length < total)
 
-      // 过滤掉赠送套餐
-      packageOptions.value = allPackages.filter((pkg) => !pkg.is_gift)
+      packageOptions.value = allPackages
+        .filter((pkg) => !pkg.is_gift)
+        .map(
+          (pkg): GrantPackageOptionView => ({
+            id: pkg.id,
+            package_name: pkg.package_name,
+            cost_price: pkg.cost_price ?? 0,
+            suggested_retail_price: pkg.suggested_retail_price,
+            authorized: false
+          })
+        )
     } catch (error) {
       console.error('加载套餐选项失败:', error)
     } finally {
@@ -1113,12 +1128,21 @@
     }
   }
 
-  // 搜索套餐
-  const searchPackages = (query: string) => {
-    if (query) {
-      loadPackageOptions(query)
-    } else {
-      loadPackageOptions()
+  const loadGrantPackageOptions = async () => {
+    const shopId = form.shop_id
+    const seriesId = form.series_id
+    if (dialogType.value !== 'add' || !shopId || !seriesId) return
+
+    packageLoading.value = true
+    try {
+      const res = await ShopSeriesGrantService.getPackageOptions(shopId, seriesId)
+      if (res.code === 0 && form.shop_id === shopId && form.series_id === seriesId) {
+        packageOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('加载授权套餐候选项失败:', error)
+    } finally {
+      packageLoading.value = false
     }
   }
 
@@ -1263,8 +1287,8 @@
             }
           }
 
-          // 重新加载该系列下的套餐
-          loadPackageOptions()
+          // 仅在已选择目标店铺后加载该组合的授权套餐候选项
+          loadGrantPackageOptions()
         } else {
           // 未选择系列，重置佣金类型
           form.series_name = ''
@@ -1278,6 +1302,17 @@
     }
   )
 
+  watch(
+    () => form.shop_id,
+    (newShopId, oldShopId) => {
+      if (dialogType.value !== 'add' || newShopId === oldShopId) return
+      form.packages = []
+      selectedPackageIds.value = []
+      packageOptions.value = []
+      loadGrantPackageOptions()
+    }
+  )
+
   // 监听启用强制充值开关，自动设置默认强充金额
   watch(
     () => form.enable_force_recharge,
@@ -1778,16 +1813,6 @@
           }
 
           if (packageItems.length > 0) {
-            // 验证是否包含赠送套餐
-            for (const pkg of form.packages) {
-              const pkgInfo = packageOptions.value.find((p) => p.id === pkg.package_id)
-              if (pkgInfo?.is_gift) {
-                ElMessage.error(`套餐 ${getPackageName(pkg.package_id)} 是赠送套餐，不能参与授权`)
-                submitLoading.value = false
-                return
-              }
-            }
-
             // 验证成本价是否在允许范围内
             for (const pkg of form.packages) {
               const costPrice = pkg.cost_price ?? 0

From 33485b137f8d28a653c1d001119143381933f92a Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 11 Aug 2026 16:47:58 +0800
Subject: [PATCH 56/76] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=AE=A1?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               |  18 +
 .../audit-chain-frontend-integration/spec.md  |  26 +
 .../tasks.md                                  |  16 +
 .../enrich-actor-timeline-detail/proposal.md  |  16 +
 .../audit-chain-frontend-integration/spec.md  |  29 +
 .../enrich-actor-timeline-detail/tasks.md     |  10 +
 .../proposal.md                               |  17 +
 .../audit-chain-frontend-integration/spec.md  |  22 +
 .../tasks.md                                  |  10 +
 .../proposal.md                               |  17 +
 .../audit-chain-frontend-integration/spec.md  |  23 +
 .../enrich-finance-timeline-detail/tasks.md   |  10 +
 .../proposal.md                               |  17 +
 .../audit-chain-frontend-integration/spec.md  |  22 +
 .../enrich-request-timeline-detail/tasks.md   |  10 +
 .../proposal.md                               |  17 +
 .../audit-chain-frontend-integration/spec.md  |  22 +
 .../enrich-resource-timeline-detail/tasks.md  |  10 +
 src/api/modules/audit.ts                      |  33 +-
 .../business/audit/AuditEventTable.vue        |  19 +-
 .../audit/AuditInvestigationDrawer.vue        | 777 ++++++++++++++++--
 .../audit/AuditInvestigationLinks.vue         |  26 +-
 src/config/constants/audit.ts                 |  33 +
 src/router/guards/beforeEach.ts               |   9 +
 src/store/modules/user.ts                     |   2 +-
 src/utils/business/auditAccess.ts             |  14 +
 .../account-management/account/index.vue      |   9 +-
 .../enterprise-customer/index.vue             |   9 +-
 .../components/BasicInfoCard.vue              |  46 +-
 .../components/CurrentPackageCard.vue         |   2 +-
 .../components/WalletTransactionCard.vue      |  15 +-
 .../asset-management/device-list/index.vue    |   4 +-
 .../exchange-management/detail.vue            |   8 +-
 .../exchange-management/index.vue             |   8 +-
 .../iot-card-management/index.vue             |   4 +-
 .../record-management/asset-assign/detail.vue |   8 +-
 .../record-management/asset-assign/index.vue  |   8 +-
 src/views/audit/events/detail.vue             |   9 +-
 src/views/audit/events/index.vue              |  22 +-
 src/views/audit/integrations/detail.vue       |  33 +-
 src/views/audit/integrations/index.vue        |  24 +-
 src/views/audit/risks/index.vue               |   4 +
 src/views/finance/agent-recharge/detail.vue   |   8 +-
 src/views/finance/agent-recharge/index.vue    |   8 +-
 src/views/finance/refund/detail.vue           |   4 +-
 src/views/finance/refund/index.vue            |   4 +-
 .../order-management/order-list/detail.vue    |   2 +-
 .../order-management/order-list/index.vue     |   2 +-
 src/views/shop-management/list/index.vue      |   9 +-
 49 files changed, 1263 insertions(+), 212 deletions(-)
 create mode 100644 openspec/changes/enforce-audit-subject-api-boundaries/proposal.md
 create mode 100644 openspec/changes/enforce-audit-subject-api-boundaries/specs/audit-chain-frontend-integration/spec.md
 create mode 100644 openspec/changes/enforce-audit-subject-api-boundaries/tasks.md
 create mode 100644 openspec/changes/enrich-actor-timeline-detail/proposal.md
 create mode 100644 openspec/changes/enrich-actor-timeline-detail/specs/audit-chain-frontend-integration/spec.md
 create mode 100644 openspec/changes/enrich-actor-timeline-detail/tasks.md
 create mode 100644 openspec/changes/enrich-correlation-timeline-detail/proposal.md
 create mode 100644 openspec/changes/enrich-correlation-timeline-detail/specs/audit-chain-frontend-integration/spec.md
 create mode 100644 openspec/changes/enrich-correlation-timeline-detail/tasks.md
 create mode 100644 openspec/changes/enrich-finance-timeline-detail/proposal.md
 create mode 100644 openspec/changes/enrich-finance-timeline-detail/specs/audit-chain-frontend-integration/spec.md
 create mode 100644 openspec/changes/enrich-finance-timeline-detail/tasks.md
 create mode 100644 openspec/changes/enrich-request-timeline-detail/proposal.md
 create mode 100644 openspec/changes/enrich-request-timeline-detail/specs/audit-chain-frontend-integration/spec.md
 create mode 100644 openspec/changes/enrich-request-timeline-detail/tasks.md
 create mode 100644 openspec/changes/enrich-resource-timeline-detail/proposal.md
 create mode 100644 openspec/changes/enrich-resource-timeline-detail/specs/audit-chain-frontend-integration/spec.md
 create mode 100644 openspec/changes/enrich-resource-timeline-detail/tasks.md
 create mode 100644 src/utils/business/auditAccess.ts

diff --git a/openspec/changes/enforce-audit-subject-api-boundaries/proposal.md b/openspec/changes/enforce-audit-subject-api-boundaries/proposal.md
new file mode 100644
index 0000000..8395fbe
--- /dev/null
+++ b/openspec/changes/enforce-audit-subject-api-boundaries/proposal.md
@@ -0,0 +1,18 @@
+# Change: 收紧审计接口的主体访问边界
+
+## Why
+
+平台 `/api/admin/audit/*` 接口仅允许超级管理员和平台账号访问。当前部分业务入口未传递当前账号类型，可能让代理或企业用户构造平台资源时间线目标；平台审计页面和调查抽屉也缺少统一的前端请求拦截。
+
+## What Changes
+
+- 平台审计中心、平台资源时间线、资金链路、请求链路、风险和 Integration 等 `/api/admin/audit/*` 调用只允许超级管理员或平台账号发起。
+- 代理账号仅通过代理主体活动接口查看其支持资源；企业账号仅通过企业主体活动接口查看卡和设备资源。
+- 业务入口基于当前登录账号类型选择对应权限与调查目标，账号、店铺等不受主体活动支持的资源不向代理或企业显示平台审计入口。
+- 在共享调查加载层增加防御性校验，越权目标不发起网络请求并提示不可用。
+- 保持审计能力严格只读：所有相关前端 API 保持 GET，不新增修改、删除、导出、恢复、重试、补偿或风险处置操作。
+
+## Impact
+
+- Affected specs: `audit-chain-frontend-integration`
+- Affected code: `src/components/business/audit/`, `src/utils/business/auditNavigation.ts`, audit routes/views, and business pages with audit-entry buttons including account, shop, asset, order, refund and wallet views.
diff --git a/openspec/changes/enforce-audit-subject-api-boundaries/specs/audit-chain-frontend-integration/spec.md b/openspec/changes/enforce-audit-subject-api-boundaries/specs/audit-chain-frontend-integration/spec.md
new file mode 100644
index 0000000..20e15ea
--- /dev/null
+++ b/openspec/changes/enforce-audit-subject-api-boundaries/specs/audit-chain-frontend-integration/spec.md
@@ -0,0 +1,26 @@
+## ADDED Requirements
+
+### Requirement: 审计接口按当前主体隔离
+
+前端 SHALL 仅允许超级管理员和平台账号调用 `/api/admin/audit/*` 平台审计接口。代理账号 MUST 仅调用其支持资源的代理主体活动接口；企业账号 MUST 仅调用卡和设备资源的企业主体活动接口。共享调查加载层 MUST 在请求前拒绝不匹配当前主体的调查目标。
+
+#### Scenario: 代理或企业用户访问业务审计入口
+
+- **WHEN** 代理或企业用户打开业务列表、详情或资源信息
+- **THEN** 前端仅显示当前主体支持的活动入口
+- **AND** 前端不请求任何 `/api/admin/audit/*` 接口
+
+#### Scenario: 平台用户访问审计调查
+
+- **WHEN** 超级管理员或平台账号打开平台审计、资源时间线、资金链路、请求链路、风险或 Integration 调查
+- **THEN** 前端使用对应的 `/api/admin/audit/*` GET 接口
+
+### Requirement: 审计调查仅提供只读能力
+
+审计调查前端 SHALL 仅使用 GET 请求读取平台审计或主体活动数据，且 MUST NOT 提供修改、删除、导出、恢复、重试、补偿或风险处置操作。
+
+#### Scenario: 用户查看审计或主体活动记录
+
+- **WHEN** 用户查询任一审计或主体活动视图
+- **THEN** 页面只展示只读数据和受控跳转
+- **AND** 页面不展示或调用任何写入、导出、恢复、重试、补偿或风险处置操作
diff --git a/openspec/changes/enforce-audit-subject-api-boundaries/tasks.md b/openspec/changes/enforce-audit-subject-api-boundaries/tasks.md
new file mode 100644
index 0000000..7cdc1fc
--- /dev/null
+++ b/openspec/changes/enforce-audit-subject-api-boundaries/tasks.md
@@ -0,0 +1,16 @@
+## 1. Shared Access Rules
+
+- [x] 1.1 Add shared current-user access checks for platform audit and subject activity APIs.
+- [x] 1.2 Guard the shared investigation loader so it does not request a platform audit API for agent or enterprise users.
+
+## 2. Entry Points and Pages
+
+- [x] 2.1 Update business audit entry points to pass current user type and use only supported subject activity targets for agents and enterprises.
+- [x] 2.2 Hide or block platform audit routes and actions for agent and enterprise users.
+- [x] 2.3 Keep finance, risk, Integration and link-timeline entries platform-only.
+
+## 3. Read-only Verification
+
+- [x] 3.1 Verify all audit and subject-activity methods used by the UI are GET-only.
+- [x] 3.2 Verify platform, agent and enterprise users cannot trigger the wrong API family.
+- [x] 3.3 Run lint and type checks for changed files.
diff --git a/openspec/changes/enrich-actor-timeline-detail/proposal.md b/openspec/changes/enrich-actor-timeline-detail/proposal.md
new file mode 100644
index 0000000..f9846ae
--- /dev/null
+++ b/openspec/changes/enrich-actor-timeline-detail/proposal.md
@@ -0,0 +1,16 @@
+# Change: 补全操作者行为时间线事件信息
+
+## Why
+
+操作者行为时间线接口已返回完整审计事件字段，但当前调查抽屉仅展示动作、结果、摘要、操作者名称和来源，无法支持对操作者所属组织、业务范围、请求上下文、批次结果、失败原因和关联资源的有效追溯。
+
+## What Changes
+
+- 在操作者行为时间线的每个事件节点展示接口返回的分类、风险、操作者身份与组织快照、业务范围、请求摘要、批次统计和错误摘要。
+- 展示关联资源的名称、类型、关系、业务角色和主体摘要；将资源快照与前后变更数据放入按需展开的只读区域。
+- 对缺失或空字段使用明确的空态，不从名称、时间或相邻事件推断数据；保留分页、排序与只读边界。
+
+## Impact
+
+- Affected specs: `audit-chain-frontend-integration`
+- Affected code: `src/components/business/audit/AuditInvestigationDrawer.vue`
diff --git a/openspec/changes/enrich-actor-timeline-detail/specs/audit-chain-frontend-integration/spec.md b/openspec/changes/enrich-actor-timeline-detail/specs/audit-chain-frontend-integration/spec.md
new file mode 100644
index 0000000..948e0a8
--- /dev/null
+++ b/openspec/changes/enrich-actor-timeline-detail/specs/audit-chain-frontend-integration/spec.md
@@ -0,0 +1,29 @@
+## ADDED Requirements
+
+### Requirement: 操作者行为时间线完整事件展示
+
+前端 SHALL 在操作者行为时间线中展示接口返回的事件分类、动作、结果、风险、摘要、操作者身份及所属组织快照、业务范围、批次统计、错误摘要和关联资源；分类、来源、操作者和业务范围 MUST 在同一行展示。请求摘要与扩展元数据 MUST 仅向超级管理员展示。资源身份快照、主体安全数据及变更前后数据 MUST 以按需展开的只读区域展示。
+
+#### Scenario: 查看包含完整审计字段的操作者事件
+
+- **WHEN** `/api/admin/audit/actors/{kind}/{id}/events` 返回包含操作者、范围、请求、批次、错误和资源字段的事件
+- **THEN** 前端在对应时间线节点中展示这些字段的业务可读值
+- **AND** 将资源快照与变更数据放入可折叠的只读区域
+
+#### Scenario: 非超级管理员查看事件
+
+- **WHEN** 非超级管理员打开操作者行为时间线
+- **THEN** 前端不展示请求上下文和扩展元数据
+- **AND** 其余允许展示的事件字段保持只读
+
+#### Scenario: 字段缺失或资源为空
+
+- **WHEN** 事件中可选字段为空或没有关联资源
+- **THEN** 前端显示明确空态或隐藏对应区域
+- **AND** 不从名称、时间或其他事件推断或补造数据
+
+#### Scenario: 保持只读与分页语义
+
+- **WHEN** 用户查看或翻页操作者行为时间线
+- **THEN** 前端继续使用文档规定的分页与排序结果
+- **AND** 不提供修改、删除、导出、恢复、重试、补偿或风险处置操作
diff --git a/openspec/changes/enrich-actor-timeline-detail/tasks.md b/openspec/changes/enrich-actor-timeline-detail/tasks.md
new file mode 100644
index 0000000..ef5ffe0
--- /dev/null
+++ b/openspec/changes/enrich-actor-timeline-detail/tasks.md
@@ -0,0 +1,10 @@
+## 1. Implementation
+
+- [x] 1.1 为操作者行为时间线事件节点补充接口已返回的事件、操作者、范围、请求、批次和错误字段。
+- [x] 1.2 以可折叠只读区域展示关联资源与快照/变更数据，并处理空值和无资源场景。
+- [x] 1.3 保持资源、请求和关联标识只读展示，不新增跳转或写操作。
+
+## 2. Verification
+
+- [x] 2.1 验证接口返回字段均按文档语义显示且不改变分页和排序。
+- [x] 2.2 运行格式化、类型检查和 ESLint。
diff --git a/openspec/changes/enrich-correlation-timeline-detail/proposal.md b/openspec/changes/enrich-correlation-timeline-detail/proposal.md
new file mode 100644
index 0000000..e6917f1
--- /dev/null
+++ b/openspec/changes/enrich-correlation-timeline-detail/proposal.md
@@ -0,0 +1,17 @@
+# Change: 补全业务关联链路节点展示
+
+## Why
+
+业务关联链路弹窗当前每个节点仅显示标题、结果、摘要和事实来源，无法清晰查看节点编码、关联范围和资源引用。操作者行为时间线已采用结构化、按需展开的只读展示，业务关联链路需要使用相同的视觉层级，但不能假设接口返回了操作者事件专有字段。
+
+## What Changes
+
+- 基于 `AuditLinkTimelineNode` 的实际返回字段，使用与操作者行为时间线一致的卡片、标签和基础信息单行布局展示业务关联节点。
+- 仅展示节点实际返回的事实来源和稳定编码；关联链路、父审计事件、请求和资源内部 ID 不在界面显示，数据完整性信息仅超级管理员可见。
+- 当节点返回资源引用时，以折叠的只读区域展示资源名称、类型和业务 Key；不推断资源快照、操作者、风险或变更数据。
+- 保持业务关联链路全量查询、排序、只读和无额外跳转的现有语义。
+
+## Impact
+
+- Affected specs: `audit-chain-frontend-integration`
+- Affected code: `src/components/business/audit/AuditInvestigationDrawer.vue`
diff --git a/openspec/changes/enrich-correlation-timeline-detail/specs/audit-chain-frontend-integration/spec.md b/openspec/changes/enrich-correlation-timeline-detail/specs/audit-chain-frontend-integration/spec.md
new file mode 100644
index 0000000..cba1380
--- /dev/null
+++ b/openspec/changes/enrich-correlation-timeline-detail/specs/audit-chain-frontend-integration/spec.md
@@ -0,0 +1,22 @@
+## ADDED Requirements
+
+### Requirement: 业务关联链路结构化节点展示
+
+前端 SHALL 在业务关联链路中以与操作者行为时间线一致的层级展示每个 `AuditLinkTimelineNode`：节点标题、结果、事实来源和稳定编码 MUST 使用接口实际返回值；基础信息 MUST 在同一行展示。关联链路、父审计事件、请求和资源内部 ID MUST 不在界面显示；数据完整性信息 MUST 仅向超级管理员展示。资源引用 MUST 按需在折叠的只读区域展示。
+
+#### Scenario: 查看包含资源引用的关联链路节点
+
+- **WHEN** 业务关联链路返回含资源引用和关联标识的节点
+- **THEN** 前端展示节点基础信息并提供只读、可折叠的资源引用区域
+- **AND** 不推断操作者、分类、风险、资源快照或变更数据
+
+#### Scenario: 非超级管理员查看关联链路
+
+- **WHEN** 非超级管理员打开业务关联链路弹窗
+- **THEN** 前端不展示请求标识和数据完整性信息
+- **AND** 继续展示其余允许的节点字段
+
+#### Scenario: 保持只读链路语义
+
+- **WHEN** 用户查看业务关联链路
+- **THEN** 前端不提供修改、删除、导出、恢复、重试、补偿或风险处置操作
diff --git a/openspec/changes/enrich-correlation-timeline-detail/tasks.md b/openspec/changes/enrich-correlation-timeline-detail/tasks.md
new file mode 100644
index 0000000..ff25ee3
--- /dev/null
+++ b/openspec/changes/enrich-correlation-timeline-detail/tasks.md
@@ -0,0 +1,10 @@
+## 1. Implementation
+
+- [x] 1.1 为业务关联链路节点增加与操作者时间线一致的基础信息单行布局。
+- [x] 1.2 隐藏关联链路中的所有 ID，并按超级管理员边界展示数据完整性信息。
+- [x] 1.3 对接口返回的资源引用增加折叠的只读展示，并处理空字段。
+
+## 2. Verification
+
+- [x] 2.1 验证只使用 `AuditLinkTimelineNode` 已返回字段，不补造操作者事件字段。
+- [x] 2.2 运行格式化、ESLint、类型检查和 OpenSpec 严格校验。
diff --git a/openspec/changes/enrich-finance-timeline-detail/proposal.md b/openspec/changes/enrich-finance-timeline-detail/proposal.md
new file mode 100644
index 0000000..6554002
--- /dev/null
+++ b/openspec/changes/enrich-finance-timeline-detail/proposal.md
@@ -0,0 +1,17 @@
+# Change: 补全财务审计时间线节点展示
+
+## Why
+
+资金调查时间线接口已返回金额、前后余额、金额权威来源、钱包引用和安全结构化事实，但当前弹窗只展示标题、结果、金额、编码和来源，无法支持资金事实核对。
+
+## What Changes
+
+- 按“查询资金调查时间线”中的 `AuditFinanceTimelineNode` 响应结构，将财务审计节点改为与既有时间线一致的结构化卡片与折叠信息区。
+- 显示金额、变更前后余额、币种、事实来源、稳定编码和钱包类型；金额均按分转换为展示金额。
+- 金额权威来源与安全结构化事实使用按需展开的只读区域；不显示内部节点、店铺或钱包 ID，不新增跳转或写操作。
+- 保留现有稳定条件查询、分页、排序和权威金额字段语义。
+
+## Impact
+
+- Affected specs: `audit-chain-frontend-integration`
+- Affected code: `src/components/business/audit/AuditInvestigationDrawer.vue`
diff --git a/openspec/changes/enrich-finance-timeline-detail/specs/audit-chain-frontend-integration/spec.md b/openspec/changes/enrich-finance-timeline-detail/specs/audit-chain-frontend-integration/spec.md
new file mode 100644
index 0000000..1147f92
--- /dev/null
+++ b/openspec/changes/enrich-finance-timeline-detail/specs/audit-chain-frontend-integration/spec.md
@@ -0,0 +1,23 @@
+## ADDED Requirements
+
+### Requirement: 财务审计时间线完整资金事实展示
+
+前端 SHALL 在财务审计时间线中按 `AuditFinanceTimelineNode` 展示标题、结果、金额、变更前后余额、币种、事实来源、稳定编码和钱包类型。金额与余额 MUST 按分转换为展示金额。金额权威来源和安全结构化事实 MUST 使用按需展开的只读区域；内部节点、店铺和钱包 ID MUST 不在界面显示。
+
+#### Scenario: 查看带金额权威信息的资金节点
+
+- **WHEN** 资金节点返回金额、余额、钱包和 `amount_authority`
+- **THEN** 前端展示格式化后的金额与余额，并在折叠区域展示权威来源说明
+- **AND** 不将非权威字段当作权威金额
+
+#### Scenario: 查看安全结构化事实
+
+- **WHEN** 资金节点返回非空 `facts`
+- **THEN** 前端提供可折叠的只读 JSON 展示
+- **AND** 不显示内部 ID 或提供写操作
+
+#### Scenario: 金额字段为空
+
+- **WHEN** 资金节点不承载金额或余额
+- **THEN** 前端隐藏相应金额项或显示中性空态
+- **AND** 保持分页和排序结果不变
diff --git a/openspec/changes/enrich-finance-timeline-detail/tasks.md b/openspec/changes/enrich-finance-timeline-detail/tasks.md
new file mode 100644
index 0000000..613f694
--- /dev/null
+++ b/openspec/changes/enrich-finance-timeline-detail/tasks.md
@@ -0,0 +1,10 @@
+## 1. Implementation
+
+- [x] 1.1 按 `AuditFinanceTimelineNode` 补充金额、余额、币种、来源、编码和钱包类型展示。
+- [x] 1.2 增加金额权威来源和安全结构化事实的折叠只读区域。
+- [x] 1.3 隐藏内部 ID，处理无金额、无钱包和空结构化字段场景。
+
+## 2. Verification
+
+- [x] 2.1 验证金额单位按分转换，并保持 `amount_authority.authoritative` 语义。
+- [x] 2.2 运行格式化、ESLint、类型检查和 OpenSpec 严格校验。
diff --git a/openspec/changes/enrich-request-timeline-detail/proposal.md b/openspec/changes/enrich-request-timeline-detail/proposal.md
new file mode 100644
index 0000000..b2e8f9e
--- /dev/null
+++ b/openspec/changes/enrich-request-timeline-detail/proposal.md
@@ -0,0 +1,17 @@
+# Change: 补全请求链路节点展示
+
+## Why
+
+请求链路弹窗当前仅呈现标题、结果、摘要和事实来源，未充分利用接口返回的稳定编码、资源引用和关联完整性信息，且与已调整的操作者、业务关联链路节点样式不一致。
+
+## What Changes
+
+- 基于 `查询请求关联时间线_简化版.md` 的 `AuditLinkTimelineNode`，将请求链路节点改为与既有时间线一致的结构化卡片与单行基础信息布局。
+- 节点仅展示标题、结果、事实来源和稳定编码；不显示请求、业务关联、父审计事件、节点或资源内部 ID。
+- 资源引用以折叠只读区域展示名称、类型和业务 Key；关联完整性信息仅超级管理员可见。
+- 保持接口全量排序和只读语义，不新增跳转或写操作。
+
+## Impact
+
+- Affected specs: `audit-chain-frontend-integration`
+- Affected code: `src/components/business/audit/AuditInvestigationDrawer.vue`
diff --git a/openspec/changes/enrich-request-timeline-detail/specs/audit-chain-frontend-integration/spec.md b/openspec/changes/enrich-request-timeline-detail/specs/audit-chain-frontend-integration/spec.md
new file mode 100644
index 0000000..437ae48
--- /dev/null
+++ b/openspec/changes/enrich-request-timeline-detail/specs/audit-chain-frontend-integration/spec.md
@@ -0,0 +1,22 @@
+## ADDED Requirements
+
+### Requirement: 请求链路结构化节点展示
+
+前端 SHALL 在请求链路中以与操作者和业务关联链路一致的层级展示每个 `AuditLinkTimelineNode`：节点标题、结果、事实来源和稳定编码 MUST 使用接口实际返回值，并在同一行展示基础信息。请求、业务关联、父审计事件、节点和资源内部 ID MUST 不在界面显示。资源引用 MUST 以按需展开的只读区域展示；数据完整性信息 MUST 仅向超级管理员展示。
+
+#### Scenario: 查看含资源引用的请求链路节点
+
+- **WHEN** 请求链路返回含资源引用和关联完整性信息的节点
+- **THEN** 前端展示节点基础信息和可折叠的资源引用区域
+- **AND** 不展示接口返回的任何 ID
+
+#### Scenario: 非超级管理员查看请求链路
+
+- **WHEN** 非超级管理员打开请求链路弹窗
+- **THEN** 前端不展示数据完整性信息
+- **AND** 继续展示其余允许的节点字段
+
+#### Scenario: 保持请求链路只读语义
+
+- **WHEN** 用户查看请求链路
+- **THEN** 前端不提供修改、删除、导出、恢复、重试、补偿或风险处置操作
diff --git a/openspec/changes/enrich-request-timeline-detail/tasks.md b/openspec/changes/enrich-request-timeline-detail/tasks.md
new file mode 100644
index 0000000..8cfcb0d
--- /dev/null
+++ b/openspec/changes/enrich-request-timeline-detail/tasks.md
@@ -0,0 +1,10 @@
+## 1. Implementation
+
+- [x] 1.1 为请求链路节点增加与既有时间线一致的基础信息布局。
+- [x] 1.2 隐藏所有 ID，仅向超级管理员展示数据完整性信息。
+- [x] 1.3 对请求链路返回的资源引用增加折叠只读展示并处理空字段。
+
+## 2. Verification
+
+- [x] 2.1 验证仅使用简化版文档已定义的 `AuditLinkTimelineNode` 字段。
+- [x] 2.2 运行格式化、ESLint、类型检查和 OpenSpec 严格校验。
diff --git a/openspec/changes/enrich-resource-timeline-detail/proposal.md b/openspec/changes/enrich-resource-timeline-detail/proposal.md
new file mode 100644
index 0000000..71e94a6
--- /dev/null
+++ b/openspec/changes/enrich-resource-timeline-detail/proposal.md
@@ -0,0 +1,17 @@
+# Change: 补全通用资源时间线事件展示
+
+## Why
+
+通用资源时间线接口返回完整 `AuditEventPage` / `AuditEventView`，但当前弹窗仅显示动作、结果、摘要、操作者和来源，未使用接口返回的分类、风险、操作者组织、业务范围、批次、错误、资源快照与变更数据。
+
+## What Changes
+
+- 依据“查询通用资源时间线”响应结构，在资源审计时间线中复用操作者时间线的完整事件节点布局。
+- 展示分类、来源、操作者、业务范围、风险、批次、错误及关联资源；基础信息同一行，资源 JSON 按需折叠。
+- 请求上下文与扩展元数据仅超级管理员可见；不新增请求筛选、跳转或任何写操作。
+- 保持接口现有分页、排序和“缺少 resource_id 隐藏入口”的调用边界。
+
+## Impact
+
+- Affected specs: `audit-chain-frontend-integration`
+- Affected code: `src/components/business/audit/AuditInvestigationDrawer.vue`
diff --git a/openspec/changes/enrich-resource-timeline-detail/specs/audit-chain-frontend-integration/spec.md b/openspec/changes/enrich-resource-timeline-detail/specs/audit-chain-frontend-integration/spec.md
new file mode 100644
index 0000000..36ffa8b
--- /dev/null
+++ b/openspec/changes/enrich-resource-timeline-detail/specs/audit-chain-frontend-integration/spec.md
@@ -0,0 +1,22 @@
+## ADDED Requirements
+
+### Requirement: 通用资源时间线完整事件展示
+
+前端 SHALL 按通用资源时间线返回的 `AuditEventPage` 展示完整 `AuditEventView` 节点：分类、来源、操作者、业务范围 MUST 在同一行展示；风险、批次统计、错误信息及关联资源 MUST 使用接口返回值。资源身份快照、主体安全数据及变更前后数据 MUST 以按需展开的只读区域展示。请求上下文与扩展元数据 MUST 仅向超级管理员展示。
+
+#### Scenario: 查看包含资源快照的资源时间线事件
+
+- **WHEN** 资源时间线返回包含批次、错误和关联资源快照的事件
+- **THEN** 前端在对应节点展示完整事件字段和折叠的资源数据
+- **AND** 不推断缺失字段或增加写操作
+
+#### Scenario: 非超级管理员查看资源时间线
+
+- **WHEN** 非超级管理员打开资源审计时间线
+- **THEN** 前端不展示请求上下文和扩展元数据
+- **AND** 继续展示其余允许的事件字段
+
+#### Scenario: 保持资源时间线分页语义
+
+- **WHEN** 用户翻页资源审计时间线
+- **THEN** 前端继续使用接口返回的页码、每页数量和稳定排序结果
diff --git a/openspec/changes/enrich-resource-timeline-detail/tasks.md b/openspec/changes/enrich-resource-timeline-detail/tasks.md
new file mode 100644
index 0000000..35363e6
--- /dev/null
+++ b/openspec/changes/enrich-resource-timeline-detail/tasks.md
@@ -0,0 +1,10 @@
+## 1. Implementation
+
+- [x] 1.1 将资源时间线接入完整 `AuditEventView` 节点展示。
+- [x] 1.2 复用分类、来源、操作者、业务范围单行布局以及批次、错误和资源快照折叠区。
+- [x] 1.3 确保请求上下文和扩展元数据仅超级管理员可见。
+
+## 2. Verification
+
+- [x] 2.1 验证接口分页、排序、空值和资源 ID 入口边界未改变。
+- [x] 2.2 运行格式化、ESLint、类型检查和 OpenSpec 严格校验。
diff --git a/src/api/modules/audit.ts b/src/api/modules/audit.ts
index f2db60a..353bead 100644
--- a/src/api/modules/audit.ts
+++ b/src/api/modules/audit.ts
@@ -1,4 +1,6 @@
 import { BaseService } from '../BaseService'
+import { useUserStore } from '@/store/modules/user'
+import { isPlatformAuditAccount } from '@/utils/business/auditAccess'
 import type {
   AuditActorEventQuery,
   AuditActorKind,
@@ -26,12 +28,28 @@ import type {
 } from '@/types/api'
 
 export class AuditService extends BaseService {
+  private static ensurePlatformAuditAccess() {
+    const userStore = useUserStore()
+    if (!isPlatformAuditAccount(userStore.info.user_type, userStore.isSuperAdmin)) {
+      throw new Error('当前账号无权访问平台审计接口')
+    }
+  }
+
+  private static ensureSubjectActivityAccess(subject: 'agent' | 'enterprise') {
+    const userType = Number(useUserStore().info.user_type)
+    if ((subject === 'agent' && userType !== 3) || (subject === 'enterprise' && userType !== 4)) {
+      throw new Error('当前账号无权访问主体活动接口')
+    }
+  }
+
   static getEvents(params?: AuditEventQuery): Promise<BaseResponse<AuditEventPage>> {
+    this.ensurePlatformAuditAccess()
     return this.get('/api/admin/audit/events', params)
   }
 
   static getEventDetail(eventId: string): Promise<BaseResponse<AuditEventDetail>> {
-    return this.get(`/api/admin/audit/events/${encodeURIComponent(eventId)}`)
+    this.ensurePlatformAuditAccess()
+    return this.get(`/api/admin/audit/events/${eventId}`)
   }
 
   static getActorEvents(
@@ -39,6 +57,7 @@ export class AuditService extends BaseService {
     id: string,
     params?: AuditActorEventQuery
   ): Promise<BaseResponse<AuditEventPage>> {
+    this.ensurePlatformAuditAccess()
     return this.get(
       `/api/admin/audit/actors/${encodeURIComponent(kind)}/${encodeURIComponent(id)}/events`,
       params
@@ -48,6 +67,7 @@ export class AuditService extends BaseService {
   static searchResources(
     params: AuditResourceSearchQuery
   ): Promise<BaseResponse<AuditResourceSearchPage>> {
+    this.ensurePlatformAuditAccess()
     return this.get('/api/admin/audit/resources/search', params)
   }
 
@@ -56,6 +76,7 @@ export class AuditService extends BaseService {
     resourceId: string,
     params?: AuditResourceTimelineQuery
   ): Promise<BaseResponse<AuditEventPage>> {
+    this.ensurePlatformAuditAccess()
     return this.get(
       `/api/admin/audit/resources/${encodeURIComponent(resourceType)}/${encodeURIComponent(resourceId)}/timeline`,
       params
@@ -63,40 +84,48 @@ export class AuditService extends BaseService {
   }
 
   static getRequestTimeline(requestId: string): Promise<BaseResponse<AuditLinkTimeline>> {
+    this.ensurePlatformAuditAccess()
     return this.get(`/api/admin/audit/requests/${encodeURIComponent(requestId)}/timeline`)
   }
 
   static getCorrelationTimeline(correlationId: string): Promise<BaseResponse<AuditLinkTimeline>> {
+    this.ensurePlatformAuditAccess()
     return this.get(`/api/admin/audit/correlations/${encodeURIComponent(correlationId)}/timeline`)
   }
 
   static getFinanceTimeline(
     params: AuditFinanceQuery
   ): Promise<BaseResponse<AuditFinanceTimelinePage>> {
+    this.ensurePlatformAuditAccess()
     return this.get('/api/admin/audit/finance/timeline', params)
   }
 
   static getRiskOverview(params?: AuditRiskQuery): Promise<BaseResponse<AuditRiskOverview>> {
+    this.ensurePlatformAuditAccess()
     return this.get('/api/admin/audit/risks/overview', params)
   }
 
   static getRiskEvents(params?: AuditRiskEventQuery): Promise<BaseResponse<AuditRiskEventPage>> {
+    this.ensurePlatformAuditAccess()
     return this.get('/api/admin/audit/risks/events', params)
   }
 
   static getIntegrationOverview(
     params?: IntegrationQuery & { bucket?: 'hour' | 'day' }
   ): Promise<BaseResponse<IntegrationOverview>> {
+    this.ensurePlatformAuditAccess()
     return this.get('/api/admin/audit/integrations/overview', params)
   }
 
   static getIntegrations(params?: IntegrationQuery): Promise<BaseResponse<IntegrationListPage>> {
+    this.ensurePlatformAuditAccess()
     return this.get('/api/admin/audit/integrations', params)
   }
 
   static getIntegrationDetail(
     integrationId: string
   ): Promise<BaseResponse<IntegrationDetailResponse>> {
+    this.ensurePlatformAuditAccess()
     return this.get(`/api/admin/audit/integrations/${encodeURIComponent(integrationId)}`)
   }
 
@@ -105,6 +134,7 @@ export class AuditService extends BaseService {
     identifier: string,
     params?: AuditSubjectActivityQuery
   ): Promise<BaseResponse<AuditSubjectActivityPage>> {
+    this.ensureSubjectActivityAccess('agent')
     return this.get(
       `/api/admin/agent/resource-activities/${encodeURIComponent(resourceType)}/${encodeURIComponent(identifier)}`,
       params
@@ -116,6 +146,7 @@ export class AuditService extends BaseService {
     identifier: string,
     params?: AuditSubjectActivityQuery
   ): Promise<BaseResponse<AuditSubjectActivityPage>> {
+    this.ensureSubjectActivityAccess('enterprise')
     return this.get(
       `/api/admin/enterprise/resource-activities/${encodeURIComponent(resourceType)}/${encodeURIComponent(identifier)}`,
       params
diff --git a/src/components/business/audit/AuditEventTable.vue b/src/components/business/audit/AuditEventTable.vue
index 0c24e46..f6d13ab 100644
--- a/src/components/business/audit/AuditEventTable.vue
+++ b/src/components/business/audit/AuditEventTable.vue
@@ -12,7 +12,12 @@
         <template #default="{ row }">{{ formatDateTime(row.occurred_at) }}</template>
       </ElTableColumn>
       <ElTableColumn label="动作" min-width="180">
-        <template #default="{ row }">{{ row.action_name || '-' }}</template>
+        <template #default="{ row }">
+          <ElButton v-if="detailEnabled" link type="primary" @click="$emit('detail', row)">
+            {{ row.action_name || '-' }}
+          </ElButton>
+          <span v-else>{{ row.action_name || '-' }}</span>
+        </template>
       </ElTableColumn>
       <ElTableColumn label="摘要" prop="summary" min-width="240" show-overflow-tooltip />
       <ElTableColumn label="操作者" min-width="150">
@@ -30,11 +35,6 @@
           }}</ElTag></template
         >
       </ElTableColumn>
-      <ElTableColumn label="操作" width="110" fixed="right">
-        <template #default="{ row }"
-          ><ElButton link type="primary" @click="$emit('detail', row)">查看详情</ElButton></template
-        >
-      </ElTableColumn>
     </template>
   </ArtTable>
 </template>
@@ -44,7 +44,12 @@
   import { formatDateTime } from '@/utils/business/format'
   import { auditResultMeta, auditRiskMeta } from '@/utils/business/audit'
 
-  defineProps<{ items: AuditEventView[]; loading?: boolean }>()
+  withDefaults(
+    defineProps<{ items: AuditEventView[]; loading?: boolean; detailEnabled?: boolean }>(),
+    {
+      detailEnabled: true
+    }
+  )
   defineEmits<{ detail: [row: AuditEventView] }>()
   const resultMeta = (row: AuditEventView) =>
     auditResultMeta[row.result] || { label: row.result, type: 'info' as const }
diff --git a/src/components/business/audit/AuditInvestigationDrawer.vue b/src/components/business/audit/AuditInvestigationDrawer.vue
index d6114c7..e067020 100644
--- a/src/components/business/audit/AuditInvestigationDrawer.vue
+++ b/src/components/business/audit/AuditInvestigationDrawer.vue
@@ -21,12 +21,172 @@
           <article class="timeline-node">
             <div class="node-head">
               <strong>{{ item.action_name }}</strong>
-              <ElTag size="small" :type="auditResultMeta[item.result]?.type">{{
-                auditResultMeta[item.result]?.label || item.result
-              }}</ElTag>
+              <span class="node-tags">
+                <ElTag size="small" :type="auditResultMeta[item.result]?.type">{{
+                  auditResultMeta[item.result]?.label || item.result
+                }}</ElTag>
+                <ElTag
+                  v-if="isFullEventTimeline"
+                  size="small"
+                  effect="plain"
+                  :type="auditRiskMeta[item.risk_level]?.type"
+                >
+                  {{ auditRiskMeta[item.risk_level]?.label || item.risk_level }}风险
+                </ElTag>
+              </span>
             </div>
-            <p>{{ item.summary || '-' }}</p>
-            <div class="node-meta">
+            <p v-if="!isFullEventTimeline">{{ item.summary || '-' }}</p>
+            <template v-if="isFullEventTimeline">
+              <ElDescriptions class="actor-event-summary" :column="4" size="small" border>
+                <ElDescriptionsItem label="分类">
+                  {{ auditCategoryLabels[item.category] || item.category }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="来源">
+                  {{ auditSourceLabels[item.source] || item.source }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="操作者">
+                  {{ actorDisplay(item) }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="业务范围">
+                  {{ scopeDisplay(item) }}
+                </ElDescriptionsItem>
+              </ElDescriptions>
+
+              <ElCollapse class="actor-event-sections">
+                <ElCollapseItem
+                  v-if="userStore.isSuperAdmin && hasRequestContext(item)"
+                  title="请求上下文"
+                  name="request"
+                >
+                  <ElDescriptions :column="1" size="small" border>
+                    <ElDescriptionsItem label="请求">
+                      {{
+                        [item.request_method, item.request_path].filter(Boolean).join(' ') || '-'
+                      }}
+                    </ElDescriptionsItem>
+                    <ElDescriptionsItem label="request_id">{{
+                      item.request_id || '-'
+                    }}</ElDescriptionsItem>
+                    <ElDescriptionsItem label="correlation_id">{{
+                      item.correlation_id || '-'
+                    }}</ElDescriptionsItem>
+                    <ElDescriptionsItem label="IP 地址">{{
+                      item.ip_address || '-'
+                    }}</ElDescriptionsItem>
+                    <ElDescriptionsItem label="User-Agent">{{
+                      item.user_agent || '-'
+                    }}</ElDescriptionsItem>
+                  </ElDescriptions>
+                </ElCollapseItem>
+                <ElCollapseItem v-if="hasBatchData(item)" title="批次执行统计" name="batch">
+                  <ElDescriptions :column="3" size="small" border>
+                    <ElDescriptionsItem label="处理总数">{{
+                      item.batch_total || 0
+                    }}</ElDescriptionsItem>
+                    <ElDescriptionsItem label="成功数">{{
+                      item.success_count || 0
+                    }}</ElDescriptionsItem>
+                    <ElDescriptionsItem label="失败数">{{
+                      item.fail_count || 0
+                    }}</ElDescriptionsItem>
+                  </ElDescriptions>
+                </ElCollapseItem>
+                <ElCollapseItem
+                  v-if="item.error_code || item.error_summary"
+                  title="错误信息"
+                  name="error"
+                >
+                  <ElDescriptions :column="1" size="small" border>
+                    <ElDescriptionsItem label="错误码">{{
+                      item.error_code || '-'
+                    }}</ElDescriptionsItem>
+                    <ElDescriptionsItem label="错误摘要">{{
+                      item.error_summary || '-'
+                    }}</ElDescriptionsItem>
+                  </ElDescriptions>
+                </ElCollapseItem>
+                <ElCollapseItem
+                  v-if="item.resources?.length"
+                  title="相关资源与快照"
+                  name="resources"
+                >
+                  <div class="actor-resource-list">
+                    <section
+                      v-for="resource in item.resources"
+                      :key="resourceKey(resource)"
+                      class="actor-resource"
+                    >
+                      <div class="actor-resource__title">
+                        <strong>{{
+                          resource.display_name ||
+                          resource.resource_key ||
+                          resource.resource_id ||
+                          '-'
+                        }}</strong>
+                        <ElTag size="small" effect="plain">
+                          {{ auditResourceRelationLabels[resource.relation] || resource.relation }}
+                        </ElTag>
+                      </div>
+                      <ElDescriptions :column="2" size="small">
+                        <ElDescriptionsItem label="资源类型">
+                          {{
+                            auditResourceTypeLabels[resource.resource_type] ||
+                            resource.resource_type
+                          }}
+                        </ElDescriptionsItem>
+                        <ElDescriptionsItem label="业务角色">{{
+                          resource.role || '-'
+                        }}</ElDescriptionsItem>
+                        <ElDescriptionsItem label="资源标识">
+                          {{ resource.resource_key || resource.resource_id || '-' }}
+                        </ElDescriptionsItem>
+                        <ElDescriptionsItem label="主体摘要">{{
+                          resource.subject_summary || '-'
+                        }}</ElDescriptionsItem>
+                      </ElDescriptions>
+                      <ElCollapse class="resource-json-sections">
+                        <ElCollapseItem
+                          v-if="hasJsonContent(resource.identity_snapshot)"
+                          title="身份快照"
+                          name="identity"
+                        >
+                          <pre>{{ auditJson(resource.identity_snapshot) }}</pre>
+                        </ElCollapseItem>
+                        <ElCollapseItem
+                          v-if="hasJsonContent(resource.subject_data)"
+                          title="主体安全数据"
+                          name="subject"
+                        >
+                          <pre>{{ auditJson(resource.subject_data) }}</pre>
+                        </ElCollapseItem>
+                        <ElCollapseItem
+                          v-if="hasJsonContent(resource.before_data)"
+                          title="变更前"
+                          name="before"
+                        >
+                          <pre>{{ auditJson(resource.before_data) }}</pre>
+                        </ElCollapseItem>
+                        <ElCollapseItem
+                          v-if="hasJsonContent(resource.after_data)"
+                          title="变更后"
+                          name="after"
+                        >
+                          <pre>{{ auditJson(resource.after_data) }}</pre>
+                        </ElCollapseItem>
+                      </ElCollapse>
+                    </section>
+                  </div>
+                </ElCollapseItem>
+                <ElCollapseItem
+                  v-if="userStore.isSuperAdmin && hasJsonContent(item.metadata)"
+                  title="扩展元数据"
+                  name="metadata"
+                >
+                  <pre>{{ auditJson(item.metadata) }}</pre>
+                </ElCollapseItem>
+              </ElCollapse>
+            </template>
+            <div v-else class="node-meta">
               <span>{{ item.actor_name || item.actor_id || '-' }}</span>
               <span>{{ auditSourceLabels[item.source] || item.source }}</span>
             </div>
@@ -45,16 +205,65 @@
           <article class="timeline-node">
             <div class="node-head">
               <strong>{{ node.title }}</strong>
-              <ElTag size="small" effect="plain">{{
-                auditResultDisplay(node.result, node.result_name)
-              }}</ElTag>
+              <span class="node-tags">
+                <ElTag size="small" effect="plain">{{
+                  auditResultDisplay(node.result, node.result_name)
+                }}</ElTag>
+                <ElTag v-if="node.reference_only" size="small" type="info" effect="plain">
+                  只读引用
+                </ElTag>
+              </span>
             </div>
-            <p>{{ node.summary || '-' }}</p>
-            <div class="node-meta">
+            <p v-if="!isStructuredLinkTimeline">{{ node.summary || '-' }}</p>
+            <template v-if="isStructuredLinkTimeline">
+              <ElDescriptions class="actor-event-summary" :column="4" size="small" border>
+                <ElDescriptionsItem label="事实来源">
+                  {{ recordSourceLabels[node.record_source] || node.record_source }}
+                </ElDescriptionsItem>
+                <ElDescriptionsItem label="稳定编码">{{ node.code || '-' }}</ElDescriptionsItem>
+              </ElDescriptions>
+              <ElCollapse class="actor-event-sections">
+                <ElCollapseItem
+                  v-if="userStore.isSuperAdmin && hasJsonContent(node.fidelity)"
+                  title="数据完整性"
+                  name="fidelity"
+                >
+                  <pre>{{ auditJson(node.fidelity) }}</pre>
+                </ElCollapseItem>
+                <ElCollapseItem v-if="node.resources?.length" title="相关资源" name="resources">
+                  <div class="actor-resource-list">
+                    <section
+                      v-for="(resource, index) in node.resources"
+                      :key="
+                        [
+                          resource.resource_type,
+                          resource.resource_id || resource.resource_key,
+                          index
+                        ].join(':')
+                      "
+                      class="actor-resource"
+                    >
+                      <div class="actor-resource__title">
+                        <strong>{{ resource.display_name || resource.resource_key || '-' }}</strong>
+                      </div>
+                      <ElDescriptions :column="2" size="small">
+                        <ElDescriptionsItem label="资源类型">
+                          {{
+                            auditResourceTypeLabels[resource.resource_type] ||
+                            resource.resource_type
+                          }}
+                        </ElDescriptionsItem>
+                        <ElDescriptionsItem v-if="resource.resource_key" label="资源业务 Key">
+                          {{ resource.resource_key }}
+                        </ElDescriptionsItem>
+                      </ElDescriptions>
+                    </section>
+                  </div>
+                </ElCollapseItem>
+              </ElCollapse>
+            </template>
+            <div v-else class="node-meta">
               <span>{{ recordSourceLabels[node.record_source] || node.record_source }}</span>
-              <ElTag v-if="node.reference_only" size="small" type="info" effect="plain">
-                只读引用
-              </ElTag>
             </div>
           </article>
         </ElTimelineItem>
@@ -75,13 +284,63 @@
                 {{ auditResultDisplay(item.result, item.result_name) }}
               </ElTag>
             </div>
-            <p v-if="item.amount !== null && item.amount !== undefined">
-              金额：{{ formatMoney(item.amount, item.currency) }}
-            </p>
-            <div class="node-meta">
-              <span>{{ item.code || '-' }}</span>
-              <span>{{ item.record_source || '-' }}</span>
-            </div>
+            <ElDescriptions class="actor-event-summary" :column="4" size="small" border>
+              <ElDescriptionsItem
+                v-if="item.amount !== null && item.amount !== undefined"
+                label="金额"
+              >
+                {{ formatMoney(item.amount, item.currency) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem
+                v-if="item.balance_before !== null && item.balance_before !== undefined"
+                label="变更前余额"
+              >
+                {{ formatMoney(item.balance_before, item.currency) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem
+                v-if="item.balance_after !== null && item.balance_after !== undefined"
+                label="变更后余额"
+              >
+                {{ formatMoney(item.balance_after, item.currency) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="币种">{{ item.currency || '-' }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="事实来源">
+                {{ financeRecordSourceLabel(item.record_source) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="稳定编码">{{ item.code || '-' }}</ElDescriptionsItem>
+              <ElDescriptionsItem label="钱包类型">
+                {{ financeWalletTypeLabel(item.wallet?.resource_type) }}
+              </ElDescriptionsItem>
+            </ElDescriptions>
+            <ElCollapse
+              v-if="item.amount_authority || hasJsonContent(item.facts)"
+              class="actor-event-sections"
+            >
+              <ElCollapseItem v-if="item.amount_authority" title="金额权威来源" name="authority">
+                <ElDescriptions :column="1" size="small" border>
+                  <ElDescriptionsItem label="是否权威">
+                    <ElTag
+                      size="small"
+                      :type="item.amount_authority.authoritative ? 'success' : 'info'"
+                    >
+                      {{ item.amount_authority.authoritative ? '是' : '否' }}
+                    </ElTag>
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem v-if="item.amount_authority.table" label="业务表">
+                    {{ item.amount_authority.table }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem v-if="item.amount_authority.field" label="金额字段">
+                    {{ item.amount_authority.field }}
+                  </ElDescriptionsItem>
+                  <ElDescriptionsItem v-if="item.amount_authority.conflict_rule" label="冲突规则">
+                    {{ item.amount_authority.conflict_rule }}
+                  </ElDescriptionsItem>
+                </ElDescriptions>
+              </ElCollapseItem>
+              <ElCollapseItem v-if="hasJsonContent(item.facts)" title="安全结构化事实" name="facts">
+                <pre>{{ auditJsonWithoutIds(item.facts) }}</pre>
+              </ElCollapseItem>
+            </ElCollapse>
           </article>
         </ElTimelineItem>
       </ElTimeline>
@@ -138,63 +397,176 @@
       </template>
 
       <template v-else-if="integrationDetail">
-        <ElDescriptions :column="2" border>
-          <ElDescriptionsItem label="提供方">
-            {{ integrationDetail.identity.provider_name || integrationDetail.identity.provider }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="方向">
-            {{ integrationDetail.identity.direction_name || integrationDetail.identity.direction }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="操作">
-            {{ integrationDetail.identity.operation_name || integrationDetail.identity.operation }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="结果">
+        <section class="integration-hero">
+          <div>
+            <span class="integration-hero__eyebrow">
+              {{ integrationDetail.identity.provider_name || integrationDetail.identity.provider }}
+              ·
+              {{
+                integrationDetail.identity.direction_name || integrationDetail.identity.direction
+              }}
+            </span>
+            <h3>{{
+              integrationDetail.identity.operation_name || integrationDetail.identity.operation
+            }}</h3>
+            <p>{{ formatDateTime(integrationDetail.timestamps.created_at) }}</p>
+          </div>
+          <div class="integration-hero__result">
             <ElTag
-              size="small"
               :type="integrationCategoryMeta[integrationDetail.result.category]?.type || 'info'"
             >
               {{ auditResultDisplay(integrationDetail.result.code, integrationDetail.result.name) }}
             </ElTag>
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="耗时">
-            {{ integrationDetail.result.duration_ms }} ms
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="HTTP 状态">
-            {{ integrationDetail.result.http_status ?? '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem v-if="integrationDetail.identity.external_id" label="外部业务标识">
-            {{ integrationDetail.identity.external_id }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem v-if="integrationDetail.resource?.key" label="资源业务标识">
-            {{ integrationDetail.resource.key }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem
-            v-if="integrationDetail.result.provider_message"
-            label="外部结果摘要"
-            :span="2"
-          >
-            {{ integrationDetail.result.provider_message }}
-          </ElDescriptionsItem>
-        </ElDescriptions>
-        <section
-          v-if="
-            hasJsonContent(integrationDetail.content.request_summary) ||
-            hasJsonContent(integrationDetail.content.response_summary) ||
-            hasJsonContent(integrationDetail.content.metadata)
-          "
-          class="json-section"
-        >
-          <h4>交互内容摘要</h4>
-          <pre v-if="hasJsonContent(integrationDetail.content.request_summary)">{{
-            auditJson(integrationDetail.content.request_summary)
-          }}</pre>
-          <pre v-if="hasJsonContent(integrationDetail.content.response_summary)">{{
-            auditJson(integrationDetail.content.response_summary)
-          }}</pre>
-          <pre v-if="hasJsonContent(integrationDetail.content.metadata)">{{
-            auditJson(integrationDetail.content.metadata)
-          }}</pre>
+            <strong>{{ integrationDetail.result.duration_ms ?? '-' }} ms</strong>
+            <span>处理耗时</span>
+          </div>
         </section>
+
+        <div class="integration-detail-grid">
+          <section class="integration-panel">
+            <h4>交互信息</h4>
+            <ElDescriptions :column="2" size="small">
+              <ElDescriptionsItem label="提供方">
+                {{
+                  integrationDetail.identity.provider_name || integrationDetail.identity.provider
+                }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="方向">
+                {{
+                  integrationDetail.identity.direction_name || integrationDetail.identity.direction
+                }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="操作" :span="2">
+                {{
+                  integrationDetail.identity.operation_name || integrationDetail.identity.operation
+                }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem
+                v-if="integrationDetail.result.http_status != null"
+                label="HTTP 状态"
+              >
+                {{ integrationDetail.result.http_status }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="状态是否变化">
+                {{ integrationDetail.result.state_changed ? '是' : '否' }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem
+                v-if="integrationDetail.result.provider_message"
+                label="外部结果说明"
+                :span="2"
+              >
+                {{ integrationDetail.result.provider_message }}
+              </ElDescriptionsItem>
+            </ElDescriptions>
+          </section>
+
+          <section class="integration-panel">
+            <h4>触发信息</h4>
+            <ElDescriptions :column="1" size="small">
+              <ElDescriptionsItem label="触发来源">
+                {{ triggerSourceLabel(integrationDetail.trigger.source) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="业务场景">
+                {{ triggerSceneLabel(integrationDetail.trigger.scene) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="开始时间">
+                {{ formatDateTime(integrationDetail.timestamps.started_at) }}
+              </ElDescriptionsItem>
+            </ElDescriptions>
+          </section>
+        </div>
+
+        <section v-if="hasVisibleIntegrationContent" class="integration-panel integration-content">
+          <h4>交互内容摘要</h4>
+          <div class="integration-content-grid">
+            <div
+              v-if="hasJsonContentWithoutIds(integrationDetail.content.request_summary)"
+              class="content-block"
+            >
+              <span>请求摘要</span>
+              <pre>{{ auditJsonWithoutIds(integrationDetail.content.request_summary) }}</pre>
+            </div>
+            <div
+              v-if="hasJsonContentWithoutIds(integrationDetail.content.response_summary)"
+              class="content-block"
+            >
+              <span>响应摘要</span>
+              <pre>{{ auditJsonWithoutIds(integrationDetail.content.response_summary) }}</pre>
+            </div>
+            <div
+              v-if="hasJsonContentWithoutIds(integrationDetail.content.metadata)"
+              class="content-block"
+            >
+              <span>扩展信息</span>
+              <pre>{{ auditJsonWithoutIds(integrationDetail.content.metadata) }}</pre>
+            </div>
+          </div>
+        </section>
+        <template v-if="integrationDetail && false">
+          <ElDescriptions :column="2" border>
+            <ElDescriptionsItem label="提供方">
+              {{ integrationDetail.identity.provider_name || integrationDetail.identity.provider }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="方向">
+              {{
+                integrationDetail.identity.direction_name || integrationDetail.identity.direction
+              }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="操作">
+              {{
+                integrationDetail.identity.operation_name || integrationDetail.identity.operation
+              }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="结果">
+              <ElTag
+                size="small"
+                :type="integrationCategoryMeta[integrationDetail.result.category]?.type || 'info'"
+              >
+                {{
+                  auditResultDisplay(integrationDetail.result.code, integrationDetail.result.name)
+                }}
+              </ElTag>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="耗时">
+              {{ integrationDetail.result.duration_ms }} ms
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="HTTP 状态">
+              {{ integrationDetail.result.http_status ?? '-' }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem v-if="integrationDetail.identity.external_id" label="外部业务标识">
+              {{ integrationDetail.identity.external_id }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem v-if="integrationDetail.resource?.key" label="资源业务标识">
+              {{ integrationDetail.resource.key }}
+            </ElDescriptionsItem>
+            <ElDescriptionsItem
+              v-if="integrationDetail.result.provider_message"
+              label="外部结果摘要"
+              :span="2"
+            >
+              {{ integrationDetail.result.provider_message }}
+            </ElDescriptionsItem>
+          </ElDescriptions>
+          <section
+            v-if="
+              hasJsonContent(integrationDetail.content.request_summary) ||
+              hasJsonContent(integrationDetail.content.response_summary) ||
+              hasJsonContent(integrationDetail.content.metadata)
+            "
+            class="json-section"
+          >
+            <h4>交互内容摘要</h4>
+            <pre v-if="hasJsonContent(integrationDetail.content.request_summary)">{{
+              auditJson(integrationDetail.content.request_summary)
+            }}</pre>
+            <pre v-if="hasJsonContent(integrationDetail.content.response_summary)">{{
+              auditJson(integrationDetail.content.response_summary)
+            }}</pre>
+            <pre v-if="hasJsonContent(integrationDetail.content.metadata)">{{
+              auditJson(integrationDetail.content.metadata)
+            }}</pre>
+          </section>
+        </template>
       </template>
 
       <ElEmpty v-else-if="!loading" description="当前在线窗口内没有记录" />
@@ -226,13 +598,19 @@
   } from '@/types/api'
   import {
     auditJson,
+    auditCategoryLabels,
+    auditResourceRelationLabels,
+    auditResourceTypeLabels,
     auditResultDisplay,
     auditResultMeta,
     auditRiskMeta,
+    auditScopeTypeLabels,
     auditSourceLabels,
     integrationCategoryMeta
   } from '@/utils/business/audit'
   import { formatDateTime } from '@/utils/business/format'
+  import { canLoadAuditInvestigation } from '@/utils/business/auditAccess'
+  import { useUserStore } from '@/store/modules/user'
   import type { AuditInvestigationTarget } from './types'
 
   const props = defineProps<{
@@ -240,6 +618,7 @@
     target?: AuditInvestigationTarget | null
   }>()
   const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
+  const userStore = useUserStore()
 
   const visible = computed({
     get: () => props.modelValue,
@@ -268,6 +647,12 @@
   const eventDetail = ref<AuditEventDetail>()
   const integrationDetail = ref<IntegrationDetailResponse>()
   let loadSequence = 0
+  const isFullEventTimeline = computed(() =>
+    ['actor', 'resource'].includes(props.target?.mode || '')
+  )
+  const isStructuredLinkTimeline = computed(() =>
+    ['request', 'correlation'].includes(props.target?.mode || '')
+  )
 
   const recordSourceLabels: Record<string, string> = {
     audit_event: '审计事件',
@@ -276,6 +661,21 @@
     asynq_task: '异步任务引用',
     domain_ledger_ref: '业务台账引用'
   }
+  const financeRecordSourceLabels: Record<string, string> = {
+    audit_event: '审计事件',
+    domain_ledger_ref: '业务台账引用',
+    agent_wallet_transaction: '代理钱包流水',
+    asset_wallet_transaction: '资产钱包流水',
+    agent_wallet_reservation: '代理钱包预留',
+    order: '订单',
+    payment: '支付',
+    refund: '退款',
+    agent_recharge: '代理充值',
+    recharge_order: '充值订单',
+    commission_record: '佣金记录',
+    commission_withdrawal: '佣金提现',
+    approval_instance: '审批实例'
+  }
 
   const clear = () => {
     eventItems.value = []
@@ -288,12 +688,96 @@
   }
   const hasJsonContent = (value?: Record<string, unknown> | null) =>
     Boolean(value && Object.keys(value).length)
+  const auditJsonWithoutIds = (value?: Record<string, unknown> | null) => {
+    const removeIds = (current: unknown): unknown => {
+      if (Array.isArray(current)) return current.map(removeIds)
+      if (!current || typeof current !== 'object') return current
+      return Object.fromEntries(
+        Object.entries(current as Record<string, unknown>)
+          .filter(([key]) => !/(^|[_-])ids?$/i.test(key))
+          .map(([key, nested]) => [key, removeIds(nested)])
+      )
+    }
+    return auditJson(removeIds(value))
+  }
+  const withoutIds = (value?: Record<string, unknown> | null) => {
+    const removeIds = (current: unknown): unknown => {
+      if (Array.isArray(current)) return current.map(removeIds)
+      if (!current || typeof current !== 'object') return current
+      return Object.fromEntries(
+        Object.entries(current as Record<string, unknown>)
+          .filter(([key]) => !/(^|[_-])ids?$/i.test(key))
+          .map(([key, nested]) => [key, removeIds(nested)])
+      )
+    }
+    return removeIds(value) as Record<string, unknown> | null | undefined
+  }
+  const hasJsonContentWithoutIds = (value?: Record<string, unknown> | null) =>
+    hasJsonContent(withoutIds(value))
+  const hasVisibleIntegrationContent = computed(() =>
+    Boolean(
+      integrationDetail.value &&
+        [
+          integrationDetail.value.content.request_summary,
+          integrationDetail.value.content.response_summary,
+          integrationDetail.value.content.metadata
+        ].some(hasJsonContentWithoutIds)
+    )
+  )
+  const triggerSourceLabel = (source?: string | null) =>
+    ({ polling: '定时轮询', webhook: '外部回调', manual: '人工触发' })[source || ''] ||
+    source ||
+    '-'
+  const triggerSceneLabel = (scene?: string | null) =>
+    ({ network_polling: '网络状态轮询' })[scene || ''] || scene || '-'
+  const financeRecordSourceLabel = (source: string) =>
+    financeRecordSourceLabels[source] || source || '-'
+  const financeWalletTypeLabel = (type?: 'agent_wallet' | 'asset_wallet') =>
+    type === 'agent_wallet' ? '代理钱包' : type === 'asset_wallet' ? '资产钱包' : '-'
+  const actorDisplay = (item: AuditEventView) => {
+    const actor = item.actor_name || item.actor_id || '-'
+    const organizations = [
+      item.actor_shop_name || (item.actor_shop_id ? `店铺 ID: ${item.actor_shop_id}` : ''),
+      item.actor_enterprise_name ||
+        (item.actor_enterprise_id ? `企业 ID: ${item.actor_enterprise_id}` : '')
+    ].filter(Boolean)
+    return organizations.length ? `${actor}（${organizations.join(' · ')}）` : actor
+  }
+  const scopeDisplay = (item: AuditEventView) => {
+    const scope = item.scope_name || item.scope_id
+    const type = auditScopeTypeLabels[item.scope_type] || item.scope_type
+    return scope ? `${type} · ${scope}` : type || '-'
+  }
+  const hasRequestContext = (item: AuditEventView) =>
+    Boolean(
+      item.request_method ||
+        item.request_path ||
+        item.request_id ||
+        item.correlation_id ||
+        item.ip_address ||
+        item.user_agent
+    )
+  const hasBatchData = (item: AuditEventView) =>
+    Boolean(
+      (item.batch_total || 0) > 0 || (item.success_count || 0) > 0 || (item.fail_count || 0) > 0
+    )
+  const resourceKey = (resource: AuditEventView['resources'][number]) =>
+    [resource.resource_type, resource.resource_id || resource.resource_key, resource.sort_order]
+      .filter((value) => value !== null && value !== undefined && value !== '')
+      .join(':')
   const formatMoney = (amount: number, currency?: string | null) => {
     const value = (amount / 100).toFixed(2)
     return currency === 'CNY' || !currency ? `¥${value}` : `${value} ${currency}`
   }
   const load = async () => {
     if (!props.target) return
+    if (
+      !canLoadAuditInvestigation(props.target, userStore.info.user_type, userStore.isSuperAdmin)
+    ) {
+      clear()
+      ElMessage.error('当前账号无权访问该审计调查')
+      return
+    }
     const sequence = ++loadSequence
     clear()
     loading.value = true
@@ -430,10 +914,143 @@
     color: var(--el-text-color-secondary);
   }
 
+  .node-tags {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    align-items: center;
+  }
+
+  .actor-event-summary {
+    margin-top: 12px;
+  }
+
+  .actor-event-sections {
+    margin-top: 12px;
+  }
+
+  .actor-resource-list {
+    display: grid;
+    gap: 12px;
+  }
+
+  .actor-resource {
+    padding: 12px;
+    background: var(--el-fill-color-lighter);
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 6px;
+  }
+
+  .actor-resource__title {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px;
+  }
+
+  .resource-json-sections {
+    margin-top: 8px;
+  }
+
   .json-section {
     margin-top: 20px;
   }
 
+  .integration-hero {
+    display: flex;
+    gap: 20px;
+    align-items: center;
+    justify-content: space-between;
+    padding: 18px 20px;
+    margin-bottom: 16px;
+    background: linear-gradient(
+      135deg,
+      var(--el-color-primary-light-9),
+      var(--el-fill-color-light)
+    );
+    border: 1px solid var(--el-color-primary-light-7);
+    border-radius: 8px;
+  }
+
+  .integration-hero__eyebrow,
+  .integration-hero p,
+  .integration-hero__result span,
+  .content-block > span {
+    color: var(--el-text-color-secondary);
+  }
+
+  .integration-hero h3 {
+    margin: 6px 0;
+    font-size: 18px;
+    color: var(--el-text-color-primary);
+  }
+
+  .integration-hero p {
+    margin: 0;
+    font-size: 13px;
+  }
+
+  .integration-hero__result {
+    display: grid;
+    justify-items: end;
+    gap: 5px;
+    text-align: right;
+  }
+
+  .integration-hero__result strong {
+    font-size: 20px;
+    color: var(--el-text-color-primary);
+  }
+
+  .integration-hero__result span {
+    font-size: 12px;
+  }
+
+  .integration-detail-grid,
+  .integration-content-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+  }
+
+  .integration-panel {
+    padding: 16px;
+    margin-bottom: 12px;
+    background: var(--el-bg-color);
+    border: 1px solid var(--el-border-color-lighter);
+    border-radius: 8px;
+  }
+
+  .integration-panel h4 {
+    margin: 0 0 12px;
+    font-size: 14px;
+    color: var(--el-text-color-primary);
+  }
+
+  .integration-panel :deep(.el-descriptions__label) {
+    width: 76px;
+    color: var(--el-text-color-secondary);
+  }
+
+  .integration-content {
+    margin-bottom: 0;
+  }
+
+  .integration-content-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .content-block {
+    min-width: 0;
+  }
+
+  .content-block > span {
+    display: block;
+    margin-bottom: 8px;
+    font-size: 13px;
+  }
+
   .json-section h4 {
     margin: 0 0 8px;
   }
@@ -448,6 +1065,24 @@
     border-radius: 6px;
   }
 
+  @media (width <= 640px) {
+    .integration-hero,
+    .integration-detail-grid,
+    .integration-content-grid {
+      grid-template-columns: 1fr;
+    }
+
+    .integration-hero {
+      align-items: flex-start;
+      flex-direction: column;
+    }
+
+    .integration-hero__result {
+      justify-items: start;
+      text-align: left;
+    }
+  }
+
   .pagination {
     display: flex;
     justify-content: flex-end;
diff --git a/src/components/business/audit/AuditInvestigationLinks.vue b/src/components/business/audit/AuditInvestigationLinks.vue
index 80230e9..b7d8eee 100644
--- a/src/components/business/audit/AuditInvestigationLinks.vue
+++ b/src/components/business/audit/AuditInvestigationLinks.vue
@@ -1,6 +1,5 @@
 <template>
   <div v-if="hasLinks" class="investigation-links" aria-label="调查入口">
-    <ElButton v-if="eventId" link type="primary" @click="openEvent">事件详情</ElButton>
     <ElButton v-if="actorRef" link type="primary" @click="openActor"> 操作者行为时间线 </ElButton>
     <ElButton
       v-show="showResources"
@@ -36,7 +35,7 @@
       业务关联链路
     </ElButton>
     <ElButton
-      v-for="item in stableIntegrationRefs"
+      v-for="item in visibleIntegrationRefs"
       :key="item.integration_id"
       link
       type="primary"
@@ -58,15 +57,16 @@
   import { openAuditInvestigation, openAuditResourceSearch } from './investigationController'
   import { auditResourceTypeLabels } from '@/utils/business/audit'
   import { resolveInvestigationReference } from '@/utils/business/auditNavigation'
+  import { useAuth } from '@/composables/useAuth'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
 
   const props = withDefaults(
     defineProps<{
       refs?: AuditInvestigationRefs | null
-      currentEventId?: string
       showEmpty?: boolean
       showResources?: boolean
     }>(),
-    { currentEventId: '', showEmpty: true, showResources: true }
+    { showEmpty: true, showResources: true }
   )
   const searchableTypes = new Set<AuditSearchResourceType>([
     'iot_card',
@@ -75,12 +75,7 @@
     'order',
     'refund'
   ])
-  const eventId = computed(
-    () =>
-      resolveInvestigationReference(props.refs?.event_id, {
-        currentId: props.currentEventId
-      }) || ''
-  )
+  const { hasAuth } = useAuth()
   const requestId = computed(() => resolveInvestigationReference(props.refs?.request_id) || '')
   const correlationId = computed(
     () => resolveInvestigationReference(props.refs?.correlation_id) || ''
@@ -111,21 +106,20 @@
   const stableIntegrationRefs = computed(() =>
     (props.refs?.integration_refs || []).filter((item) => Boolean(item.integration_id))
   )
+  const visibleIntegrationRefs = computed(() =>
+    hasAuth(AUDIT_PERMISSIONS.auditEventIntegrationDetail) ? stableIntegrationRefs.value : []
+  )
   const hasLinks = computed(() =>
     Boolean(
-      eventId.value ||
-        actorRef.value ||
+      actorRef.value ||
         requestId.value ||
         correlationId.value ||
         (props.showResources &&
           (stableResourceRefs.value.length || searchableResourceRefs.value.length)) ||
-        stableIntegrationRefs.value.length
+        visibleIntegrationRefs.value.length
     )
   )
 
-  const openEvent = () => {
-    if (eventId.value) openAuditInvestigation({ mode: 'event', id: eventId.value })
-  }
   const openIntegration = (id: string) => openAuditInvestigation({ mode: 'integration', id })
   const openTimeline = (mode: 'request' | 'correlation', id: string) =>
     openAuditInvestigation({ mode, id })
diff --git a/src/config/constants/audit.ts b/src/config/constants/audit.ts
index d0e8426..51f8ce8 100644
--- a/src/config/constants/audit.ts
+++ b/src/config/constants/audit.ts
@@ -3,6 +3,11 @@ export const AUDIT_PERMISSIONS = {
   centerPage: 'audit:center_view',
   eventList: 'audit:event_list',
   eventDetail: 'audit:event_detail',
+  auditEventResourceTimeline: 'audit:audit_event_resource_timeline',
+  auditEventIntegrationDetail: 'audit:audit_event_integration_detail',
+  integrationDetailRequestTimeline: 'audit:integration_detail_request_timeline',
+  integrationDetailCorrelationTimeline: 'audit:integration_detail_correlation_timeline',
+  integrationDetailResourceTimeline: 'audit:integration_detail_resource_timeline',
   actorTimeline: 'audit:actor_timeline',
   resourceSearch: 'audit:resource_search',
   resourceTimeline: 'audit:resource_timeline',
@@ -11,16 +16,44 @@ export const AUDIT_PERMISSIONS = {
   financeTimeline: 'audit:finance_timeline',
   riskPage: 'audit:risk_view',
   riskEvents: 'audit:risk_events',
+  riskEventDetail: 'audit:risk_event_detail',
   integrationPage: 'audit:integration_view',
   integrationDetail: 'audit:integration_detail',
   agentActivity: 'audit:agent_resource_activity',
   enterpriseActivity: 'audit:enterprise_resource_activity',
+  agentCardActivity: 'audit:agent_card_activity',
+  agentDeviceActivity: 'audit:agent_device_activity',
+  enterpriseCardActivity: 'audit:enterprise_card_activity',
+  enterpriseDeviceActivity: 'audit:enterprise_device_activity',
+  agentExchangeActivity: 'audit:agent_exchange_activity',
   cardEntry: 'audit:card_entry',
   deviceEntry: 'audit:device_entry',
+  exchangeEntry: 'audit:exchange_entry',
+  exchangeOldAssetEntry: 'audit:exchange_old_asset_entry',
+  exchangeNewAssetEntry: 'audit:exchange_new_asset_entry',
+  agentAssetAllocationActivity: 'audit:agent_asset_allocation_activity',
+  assetAllocationEntry: 'audit:asset_allocation_entry',
+  assetAllocationAssetEntry: 'audit:asset_allocation_asset_entry',
+  assetInfoEntry: 'audit:asset_info_entry',
+  agentAssetInfoCardActivity: 'audit:agent_asset_info_card_activity',
+  agentAssetInfoDeviceActivity: 'audit:agent_asset_info_device_activity',
+  enterpriseAssetInfoCardActivity: 'audit:enterprise_asset_info_card_activity',
+  enterpriseAssetInfoDeviceActivity: 'audit:enterprise_asset_info_device_activity',
+  assetInfoBindingCardEntry: 'audit:asset_info_binding_card_entry',
+  agentAssetInfoBindingCardActivity: 'audit:agent_asset_info_binding_card_activity',
+  enterpriseAssetInfoBindingCardActivity: 'audit:enterprise_asset_info_binding_card_activity',
+  assetInfoWalletFinance: 'audit:asset_info_wallet_finance',
+  assetInfoWalletAsset: 'audit:asset_info_wallet_asset',
   shopEntry: 'audit:shop_entry',
   enterpriseEntry: 'audit:enterprise_entry',
   orderEntry: 'audit:order_entry',
+  orderFinanceEntry: 'audit:order_finance_entry',
+  agentRechargeEntry: 'audit:agent_recharge_entry',
+  agentRechargeFinanceEntry: 'audit:agent_recharge_finance_entry',
+  agentRechargeApprovalEntry: 'audit:agent_recharge_approval_entry',
   refundEntry: 'audit:refund_entry',
+  refundFinanceEntry: 'audit:refund_finance_entry',
+  refundApprovalEntry: 'audit:refund_approval_entry',
   walletEntry: 'audit:wallet_entry'
 } as const
 
diff --git a/src/router/guards/beforeEach.ts b/src/router/guards/beforeEach.ts
index 034e86a..bd79582 100644
--- a/src/router/guards/beforeEach.ts
+++ b/src/router/guards/beforeEach.ts
@@ -14,6 +14,7 @@ import { loadingService } from '@/utils/ui'
 import { useCommon } from '@/composables/useCommon'
 import { useWorktabStore } from '@/store/modules/worktab'
 import { isInWhiteList, hasRoutePermission, isTokenValid, buildLoginRedirect } from './permission'
+import { isPlatformAuditAccount } from '@/utils/business/auditAccess'
 
 // 是否已注册动态路由
 const isRouteRegistered = ref(false)
@@ -95,6 +96,14 @@ async function handleRouteGuard(
     return
   }
 
+  if (
+    to.path.startsWith('/audit') &&
+    !isPlatformAuditAccount(userStore.info.user_type, userStore.isSuperAdmin)
+  ) {
+    next(RoutesAlias.Exception403 || '/exception/403')
+    return
+  }
+
   // 处理动态路由注册
   if (!isRouteRegistered.value && userStore.isLogin) {
     await handleDynamicRoutes(to, router, next)
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index cd1b70c..71b6dcd 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -51,7 +51,7 @@ export const useUserStore = defineStore(
     }
 
     // 检查是否是超级管理员
-    const isSuperAdmin = computed(() => info.value.user_type === 1)
+    const isSuperAdmin = computed(() => Number(info.value.user_type) === 1)
 
     // 检查是否有某个权限
     const hasPermission = (permission: string): boolean => {
diff --git a/src/utils/business/auditAccess.ts b/src/utils/business/auditAccess.ts
new file mode 100644
index 0000000..5cbc9e0
--- /dev/null
+++ b/src/utils/business/auditAccess.ts
@@ -0,0 +1,14 @@
+import type { AuditInvestigationTarget } from '@/components/business/audit/types'
+
+export const isPlatformAuditAccount = (userType?: number | null, isSuperAdmin = false) =>
+  isSuperAdmin || [1, 2].includes(Number(userType))
+
+export const canLoadAuditInvestigation = (
+  target: AuditInvestigationTarget,
+  userType?: number | null,
+  isSuperAdmin = false
+) => {
+  if (target.mode === 'agent') return Number(userType) === 3
+  if (target.mode === 'enterprise') return Number(userType) === 4
+  return isPlatformAuditAccount(userType, isSuperAdmin)
+}
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index c2a5af3..b9294d2 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -337,11 +337,14 @@
   } from '@/config/constants'
   import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
   import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
+  import { isPlatformAuditAccount } from '@/utils/business/auditAccess'
   import { openAuditInvestigation } from '@/components/business/audit/investigationController'
+  import { useUserStore } from '@/store/modules/user'
 
   defineOptions({ name: 'Account' }) // 定义组件名称，用于 KeepAlive 缓存控制
 
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
   const canModifyAccountStatus = hasAuth('account:modify_status')
   const route = useRoute()
 
@@ -673,8 +676,12 @@
   const getActions = (row: any) => {
     const actions: any[] = []
 
-    if (hasAuth(AUDIT_PERMISSIONS.resourceTimeline)) {
+    if (
+      isPlatformAuditAccount(userStore.info.user_type, userStore.isSuperAdmin) &&
+      hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+    ) {
       const auditTarget = resolveAuditResourceTarget({
+        userType: userStore.info.user_type,
         resourceType: 'account',
         internalId: row.id
       })
diff --git a/src/views/account-management/enterprise-customer/index.vue b/src/views/account-management/enterprise-customer/index.vue
index 3fa279b..0d707ad 100644
--- a/src/views/account-management/enterprise-customer/index.vue
+++ b/src/views/account-management/enterprise-customer/index.vue
@@ -505,16 +505,19 @@
   const getActions = (row: EnterpriseItem) => {
     const actions: any[] = []
 
-    if (hasAuth(AUDIT_PERMISSIONS.enterpriseEntry)) {
+    const userType = Number(userStore.getUserInfo.user_type)
+    const auditPermission =
+      userType === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.enterpriseEntry
+    if (hasAuth(auditPermission)) {
       const auditTarget = resolveAuditResourceTarget({
-        userType: userStore.getUserInfo.user_type,
+        userType,
         resourceType: 'enterprise',
         internalId: row.id,
         businessIdentifier: row.enterprise_code
       })
       if (auditTarget)
         actions.push({
-          label: '审计记录',
+          label: userType === 3 ? '活动记录' : '审计记录',
           handler: () => openAuditInvestigation(auditTarget),
           type: 'primary'
         })
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 3776df0..3a5821b 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -314,7 +314,7 @@
             {{ scope.row.gateway_extend || '-' }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="操作" width="280" fixed="right">
+        <ElTableColumn label="操作" width="260" fixed="right">
           <template #default="scope">
             <!-- 根据网络状态显示启用或停用按钮 -->
             <ElButton
@@ -357,15 +357,6 @@
             >
               卡审计
             </ElButton>
-            <ElButton
-              v-if="getBindingAuditTarget(scope.row)"
-              type="primary"
-              size="small"
-              link
-              @click="openBindingAudit(scope.row)"
-            >
-              绑定审计
-            </ElButton>
           </template>
         </ElTableColumn>
       </ElTable>
@@ -616,7 +607,6 @@
 
   // Props
   interface BindingCard {
-    id: number
     card_id?: number
     iccid: string
     msisdn?: string
@@ -747,14 +737,17 @@
   const isSubjectActivityView = computed(() => [3, 4].includes(Number(userStore.info.user_type)))
   const auditTarget = computed(() => {
     const userType = Number(userStore.info.user_type)
+    const isCard = props.cardInfo.asset_type === 'card'
     const permission =
       userType === 3
-        ? AUDIT_PERMISSIONS.agentActivity
+        ? isCard
+          ? AUDIT_PERMISSIONS.agentAssetInfoCardActivity
+          : AUDIT_PERMISSIONS.agentAssetInfoDeviceActivity
         : userType === 4
-          ? AUDIT_PERMISSIONS.enterpriseActivity
-          : props.cardInfo.asset_type === 'card'
-            ? AUDIT_PERMISSIONS.cardEntry
-            : AUDIT_PERMISSIONS.deviceEntry
+          ? isCard
+            ? AUDIT_PERMISSIONS.enterpriseAssetInfoCardActivity
+            : AUDIT_PERMISSIONS.enterpriseAssetInfoDeviceActivity
+          : AUDIT_PERMISSIONS.assetInfoEntry
     if (!hasAuth(permission)) return null
     return resolveAuditResourceTarget({
       userType,
@@ -771,10 +764,10 @@
     const userType = Number(userStore.info.user_type)
     const permission =
       userType === 3
-        ? AUDIT_PERMISSIONS.agentActivity
+        ? AUDIT_PERMISSIONS.agentAssetInfoBindingCardActivity
         : userType === 4
-          ? AUDIT_PERMISSIONS.enterpriseActivity
-          : AUDIT_PERMISSIONS.cardEntry
+          ? AUDIT_PERMISSIONS.enterpriseAssetInfoBindingCardActivity
+          : AUDIT_PERMISSIONS.assetInfoBindingCardEntry
     if (!hasAuth(permission)) return null
     return resolveAuditResourceTarget({
       userType,
@@ -783,25 +776,10 @@
       businessIdentifier: card.iccid
     })
   }
-  const getBindingAuditTarget = (card: BindingCard) => {
-    if (
-      ![1, 2].includes(Number(userStore.info.user_type)) ||
-      !hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
-    )
-      return null
-    return resolveAuditResourceTarget({
-      resourceType: 'device_sim_binding',
-      internalId: card.id
-    })
-  }
   const openBindingCardAudit = (card: BindingCard) => {
     const target = getBindingCardAuditTarget(card)
     if (target) openAuditInvestigation(target)
   }
-  const openBindingAudit = (card: BindingCard) => {
-    const target = getBindingAuditTarget(card)
-    if (target) openAuditInvestigation(target)
-  }
   const { width } = useWindowSize()
 
   const CARD_MONTH_USAGE_PERMISSION = 'asset_info:view_card_month_usage'
diff --git a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
index 8c5e152..dcf62b9 100644
--- a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
+++ b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
@@ -296,7 +296,7 @@
   const descriptionsColumn = computed(() => {
     if (width.value <= 640) return 1
     if (width.value <= 1024) return 2
-    return 4
+    return 3
   })
 
   const emit = defineEmits<{
diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index d8e6135..d20509f 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -45,15 +45,20 @@
           <ElButton type="primary" @click="handleQuery">查询</ElButton>
           <ElButton @click="handleReset()">重置</ElButton>
           <ElButton
-            v-if="walletInfo?.wallet_id && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+            v-if="
+              isPlatformAuditUser &&
+              walletInfo?.wallet_id &&
+              hasAuth(AUDIT_PERMISSIONS.assetInfoWalletFinance)
+            "
             @click="openWalletAudit"
             >资金链路</ElButton
           >
           <ElButton
             v-if="
+              isPlatformAuditUser &&
               walletInfo?.resource_type &&
               walletInfo?.resource_id &&
-              hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+              hasAuth(AUDIT_PERMISSIONS.assetInfoWalletAsset)
             "
             @click="openAssetAudit"
             >资产审计</ElButton
@@ -182,7 +187,9 @@
     TransactionType
   } from '@/types/api'
   import { useAuth } from '@/composables/useAuth'
+  import { useUserStore } from '@/store/modules/user'
   import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
+  import { isPlatformAuditAccount } from '@/utils/business/auditAccess'
   import {
     resolveAuditResourceTarget,
     resolveFinanceAuditTarget
@@ -204,6 +211,10 @@
     boundDeviceNo: ''
   })
   const { hasAuth } = useAuth()
+  const userStore = useUserStore()
+  const isPlatformAuditUser = computed(() =>
+    isPlatformAuditAccount(userStore.info.user_type, userStore.isSuperAdmin)
+  )
 
   const openWalletAudit = () => {
     const target = resolveFinanceAuditTarget('wallet_id', props.walletInfo?.wallet_id)
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index c43ba5b..5f9da04 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -3161,9 +3161,9 @@
     const userType = Number(userStore.getUserInfo.user_type)
     const auditPermission =
       userType === 3
-        ? AUDIT_PERMISSIONS.agentActivity
+        ? AUDIT_PERMISSIONS.agentDeviceActivity
         : userType === 4
-          ? AUDIT_PERMISSIONS.enterpriseActivity
+          ? AUDIT_PERMISSIONS.enterpriseDeviceActivity
           : AUDIT_PERMISSIONS.deviceEntry
     if (hasAuth(auditPermission)) {
       const auditTarget = resolveAuditResourceTarget({
diff --git a/src/views/asset-management/exchange-management/detail.vue b/src/views/asset-management/exchange-management/detail.vue
index a9cc144..6724808 100644
--- a/src/views/asset-management/exchange-management/detail.vue
+++ b/src/views/asset-management/exchange-management/detail.vue
@@ -19,7 +19,7 @@
           {{ userType === 3 ? '活动记录' : '换货审计' }}
         </ElButton>
         <ElButton
-          v-if="oldAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          v-if="oldAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.exchangeOldAssetEntry)"
           type="primary"
           plain
           @click="openAuditInvestigation(oldAssetAuditTarget)"
@@ -27,7 +27,7 @@
           旧资产审计
         </ElButton>
         <ElButton
-          v-if="newAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          v-if="newAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.exchangeNewAssetEntry)"
           type="primary"
           plain
           @click="openAuditInvestigation(newAssetAuditTarget)"
@@ -77,10 +77,10 @@
   const exchangeId = ref<number>(0)
   const userType = computed(() => Number(userStore.info.user_type))
   const exchangeAuditPermission = computed(() =>
-    userType.value === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
+    userType.value === 3 ? AUDIT_PERMISSIONS.agentExchangeActivity : AUDIT_PERMISSIONS.exchangeEntry
   )
   const exchangeAuditTarget = computed(() => {
-    if (!exchangeDetail.value || userType.value === 4) return null
+    if (!exchangeDetail.value || ![1, 2, 3].includes(userType.value)) return null
     return resolveAuditResourceTarget({
       userType: userType.value,
       resourceType: 'exchange_order',
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 50f5b65..b1d663d 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -1555,8 +1555,8 @@
     const flowType = row.flow_type || 'shipping' // 历史数据兼容
     const userType = Number(userStore.info.user_type)
     const entryPermission =
-      userType === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
-    if (userType !== 4 && hasAuth(entryPermission)) {
+      userType === 3 ? AUDIT_PERMISSIONS.agentExchangeActivity : AUDIT_PERMISSIONS.exchangeEntry
+    if ([1, 2, 3].includes(userType) && hasAuth(entryPermission)) {
       const exchangeTarget = resolveAuditResourceTarget({
         userType,
         resourceType: 'exchange_order',
@@ -1574,7 +1574,7 @@
           resourceType: row.old_asset_type,
           internalId: row.old_asset_id
         })
-        if (oldAssetTarget)
+        if (oldAssetTarget && hasAuth(AUDIT_PERMISSIONS.exchangeOldAssetEntry))
           actions.push({
             label: '旧资产审计',
             handler: () => openAuditInvestigation(oldAssetTarget),
@@ -1584,7 +1584,7 @@
           resourceType: row.new_asset_type || '',
           internalId: row.new_asset_id
         })
-        if (newAssetTarget)
+        if (newAssetTarget && hasAuth(AUDIT_PERMISSIONS.exchangeNewAssetEntry))
           actions.push({
             label: '新资产审计',
             handler: () => openAuditInvestigation(newAssetTarget),
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index bb1d843..1abc21c 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -2315,9 +2315,9 @@
     const userType = Number(userStore.getUserInfo.user_type)
     const auditPermission =
       userType === 3
-        ? AUDIT_PERMISSIONS.agentActivity
+        ? AUDIT_PERMISSIONS.agentCardActivity
         : userType === 4
-          ? AUDIT_PERMISSIONS.enterpriseActivity
+          ? AUDIT_PERMISSIONS.enterpriseCardActivity
           : AUDIT_PERMISSIONS.cardEntry
     if (hasAuth(auditPermission)) {
       const auditTarget = resolveAuditResourceTarget({
diff --git a/src/views/asset-management/record-management/asset-assign/detail.vue b/src/views/asset-management/record-management/asset-assign/detail.vue
index d521a72..e7bccc3 100644
--- a/src/views/asset-management/record-management/asset-assign/detail.vue
+++ b/src/views/asset-management/record-management/asset-assign/detail.vue
@@ -19,7 +19,7 @@
           {{ userType === 3 ? '活动记录' : '分配审计' }}
         </ElButton>
         <ElButton
-          v-if="assetAuditTarget && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          v-if="assetAuditTarget && hasAuth(AUDIT_PERMISSIONS.assetAllocationAssetEntry)"
           type="primary"
           plain
           @click="openAuditInvestigation(assetAuditTarget)"
@@ -67,10 +67,12 @@
   const detailData = ref<AssetAllocationRecord | null>(null)
   const userType = computed(() => Number(userStore.info.user_type))
   const recordAuditPermission = computed(() =>
-    userType.value === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
+    userType.value === 3
+      ? AUDIT_PERMISSIONS.agentAssetAllocationActivity
+      : AUDIT_PERMISSIONS.assetAllocationEntry
   )
   const recordAuditTarget = computed(() => {
-    if (!detailData.value || userType.value === 4) return null
+    if (!detailData.value || ![1, 2, 3].includes(userType.value)) return null
     return resolveAuditResourceTarget({
       userType: userType.value,
       resourceType: 'asset_allocation_record',
diff --git a/src/views/asset-management/record-management/asset-assign/index.vue b/src/views/asset-management/record-management/asset-assign/index.vue
index 5aa4f40..582b142 100644
--- a/src/views/asset-management/record-management/asset-assign/index.vue
+++ b/src/views/asset-management/record-management/asset-assign/index.vue
@@ -232,8 +232,10 @@
     const actions: Array<{ label: string; handler: () => void; type: 'primary' }> = []
     const userType = Number(userStore.info.user_type)
     const entryPermission =
-      userType === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.resourceTimeline
-    if (!hasAuth(entryPermission) || userType === 4) return actions
+      userType === 3
+        ? AUDIT_PERMISSIONS.agentAssetAllocationActivity
+        : AUDIT_PERMISSIONS.assetAllocationEntry
+    if (!hasAuth(entryPermission) || ![1, 2, 3].includes(userType)) return actions
     const recordTarget = resolveAuditResourceTarget({
       userType,
       resourceType: 'asset_allocation_record',
@@ -252,7 +254,7 @@
         resourceType: row.asset_type,
         internalId: row.asset_id
       })
-      if (assetTarget)
+      if (assetTarget && hasAuth(AUDIT_PERMISSIONS.assetAllocationAssetEntry))
         actions.push({
           label: '资产审计',
           handler: () => openAuditInvestigation(assetTarget),
diff --git a/src/views/audit/events/detail.vue b/src/views/audit/events/detail.vue
index e94940e..48b9a63 100644
--- a/src/views/audit/events/detail.vue
+++ b/src/views/audit/events/detail.vue
@@ -96,10 +96,7 @@
           </ElCard>
           <ElCard shadow="never" class="section-card"
             ><template #header>调查引用</template
-            ><AuditInvestigationLinks
-              :refs="detail.investigation_refs"
-              :current-event-id="detail.event_id"
-              :show-resources="false"
+            ><AuditInvestigationLinks :refs="detail.investigation_refs" :show-resources="false"
           /></ElCard>
           <ElCard shadow="never" class="section-card">
             <template #header>相关资源与快照</template>
@@ -143,6 +140,7 @@
                 <template #default="{ row }">
                   <ElButton link type="primary" @click="openSnapshotDialog(row)">查看快照</ElButton>
                   <ElButton
+                    v-if="hasAuth(AUDIT_PERMISSIONS.auditEventResourceTimeline)"
                     link
                     type="primary"
                     :disabled="!row.resource_id"
@@ -217,6 +215,8 @@
   } from '@/utils/business/audit'
   import { formatDateTime } from '@/utils/business/format'
   import { useUserStore } from '@/store/modules/user'
+  import { useAuth } from '@/composables/useAuth'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
   import AuditInvestigationLinks from '@/components/business/audit/AuditInvestigationLinks.vue'
   import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
@@ -224,6 +224,7 @@
   const route = useRoute()
   const router = useRouter()
   const userStore = useUserStore()
+  const { hasAuth } = useAuth()
   const loading = ref(false)
   const detail = ref<AuditEventDetail>()
   const snapshotDialogVisible = ref(false)
diff --git a/src/views/audit/events/index.vue b/src/views/audit/events/index.vue
index c810269..45a3977 100644
--- a/src/views/audit/events/index.vue
+++ b/src/views/audit/events/index.vue
@@ -171,8 +171,7 @@
     { label: '操作者', prop: 'actor_name' },
     { label: '来源', prop: 'source' },
     { label: '结果', prop: 'result' },
-    { label: '风险', prop: 'risk_level' },
-    { label: '操作', prop: 'actions' }
+    { label: '风险', prop: 'risk_level' }
   ]
   const { columnChecks, columns } = useCheckedColumns(() => [
     {
@@ -185,7 +184,12 @@
       prop: 'action_name',
       label: '动作',
       minWidth: 220,
-      formatter: (row: AuditEventView) => row.action_name || '-'
+      formatter: (row: AuditEventView) =>
+        h(
+          ElButton,
+          { type: 'primary', link: true, onClick: () => openDetail(row) },
+          () => row.action_name || '-'
+        )
     },
     { prop: 'summary', label: '摘要', minWidth: 240, showOverflowTooltip: true },
     {
@@ -234,18 +238,6 @@
           { type: auditRiskMeta[row.risk_level]?.type || 'info', effect: 'plain' },
           () => auditRiskMeta[row.risk_level]?.label || row.risk_level
         )
-    },
-    {
-      prop: 'actions',
-      label: '操作',
-      width: 110,
-      fixed: 'right',
-      formatter: (row: AuditEventView) =>
-        h(
-          ElButton,
-          { type: 'primary', link: true, onClick: () => openDetail(row) },
-          () => '查看详情'
-        )
     }
   ])
 
diff --git a/src/views/audit/integrations/detail.vue b/src/views/audit/integrations/detail.vue
index 0c56a94..11c9d77 100644
--- a/src/views/audit/integrations/detail.vue
+++ b/src/views/audit/integrations/detail.vue
@@ -94,28 +94,28 @@
               <template #header>调查入口</template>
               <div v-if="hasAssociations" class="link-actions">
                 <ElButton
-                  v-if="requestReference"
+                  v-if="canViewRequestTimeline"
                   type="primary"
                   plain
-                  @click="openAuditInvestigation({ mode: 'request', id: requestReference })"
+                  @click="openAuditInvestigation({ mode: 'request', id: requestReference || '' })"
                 >
                   请求链路
                 </ElButton>
                 <ElButton
-                  v-if="correlationReference"
+                  v-if="canViewCorrelationTimeline"
                   type="primary"
                   plain
                   @click="
                     openAuditInvestigation({
                       mode: 'correlation',
-                      id: correlationReference
+                      id: correlationReference || ''
                     })
                   "
                 >
                   业务关联链路
                 </ElButton>
                 <ElButton
-                  v-if="detail.resource?.type && resourceReference"
+                  v-if="canViewResourceTimeline"
                   type="primary"
                   plain
                   @click="openResourceTimeline"
@@ -257,11 +257,14 @@
   import { formatDateTime } from '@/utils/business/format'
   import { openAuditInvestigation } from '@/components/business/audit/investigationController'
   import { resolveInvestigationReference } from '@/utils/business/auditNavigation'
+  import { useAuth } from '@/composables/useAuth'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
 
   defineOptions({ name: 'AuditIntegrationDetail' })
 
   const route = useRoute()
   const router = useRouter()
+  const { hasAuth } = useAuth()
   const loading = ref(false)
   const detail = ref<IntegrationDetailResponse>()
 
@@ -284,11 +287,25 @@
       fidelity: detail.value?.fidelity.resource_id_available
     })
   )
+  const canViewRequestTimeline = computed(
+    () =>
+      Boolean(requestReference.value) && hasAuth(AUDIT_PERMISSIONS.integrationDetailRequestTimeline)
+  )
+  const canViewCorrelationTimeline = computed(
+    () =>
+      Boolean(correlationReference.value) &&
+      hasAuth(AUDIT_PERMISSIONS.integrationDetailCorrelationTimeline)
+  )
+  const canViewResourceTimeline = computed(
+    () =>
+      Boolean(detail.value?.resource?.type && resourceReference.value) &&
+      hasAuth(AUDIT_PERMISSIONS.integrationDetailResourceTimeline)
+  )
   const hasAssociations = computed(() =>
     Boolean(
-      requestReference.value ||
-        correlationReference.value ||
-        (detail.value?.resource?.type && resourceReference.value)
+      canViewRequestTimeline.value ||
+        canViewCorrelationTimeline.value ||
+        canViewResourceTimeline.value
     )
   )
   const hasJsonContent = (value?: Record<string, unknown> | null) =>
diff --git a/src/views/audit/integrations/index.vue b/src/views/audit/integrations/index.vue
index 09cf253..d932e43 100644
--- a/src/views/audit/integrations/index.vue
+++ b/src/views/audit/integrations/index.vue
@@ -180,9 +180,16 @@
             ><ElTableColumn label="方向" prop="direction_name" width="90" /><ElTableColumn
               label="操作"
               min-width="190"
-              ><template #default="{ row }">{{
-                row.operation_name || row.operation
-              }}</template></ElTableColumn
+              ><template #default="{ row }"
+                ><ElButton
+                  link
+                  type="primary"
+                  @click="
+                    router.push(`/audit/integrations/${encodeURIComponent(row.integration_id)}`)
+                  "
+                  >{{ row.operation_name || row.operation || '-' }}</ElButton
+                ></template
+              ></ElTableColumn
             ><ElTableColumn label="结果" width="120"
               ><template #default="{ row }"
                 ><ElTag :type="categoryMeta(row).type">{{
@@ -197,17 +204,6 @@
               ><template #default="{ row }">{{
                 row.resource?.key || row.resource?.id || '-'
               }}</template></ElTableColumn
-            ><ElTableColumn label="操作" width="100" fixed="right"
-              ><template #default="{ row }"
-                ><ElButton
-                  link
-                  type="primary"
-                  @click="
-                    router.push(`/audit/integrations/${encodeURIComponent(row.integration_id)}`)
-                  "
-                  >查看详情</ElButton
-                ></template
-              ></ElTableColumn
             ></template
           ></ArtTable
         ></ElCard
diff --git a/src/views/audit/risks/index.vue b/src/views/audit/risks/index.vue
index 089fbb1..d8b4d62 100644
--- a/src/views/audit/risks/index.vue
+++ b/src/views/audit/risks/index.vue
@@ -137,6 +137,7 @@
         ><div class="risk-event-table">
           <AuditEventTable
             :items="events"
+            :detail-enabled="hasAuth(AUDIT_PERMISSIONS.riskEventDetail)"
             @detail="(row) => router.push(`/audit/events/${encodeURIComponent(row.event_id)}`)"
           />
         </div>
@@ -167,6 +168,8 @@
     WarningFilled
   } from '@element-plus/icons-vue'
   import { AuditService } from '@/api/modules'
+  import { useAuth } from '@/composables/useAuth'
+  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
   import type {
     AuditEventView,
     AuditNamedCount,
@@ -178,6 +181,7 @@
 
   defineOptions({ name: 'AuditRisks' })
   const router = useRouter()
+  const { hasAuth } = useAuth()
   const loading = ref(false)
   const headerColumns = ref([])
   const dateRange = ref<string[]>([])
diff --git a/src/views/finance/agent-recharge/detail.vue b/src/views/finance/agent-recharge/detail.vue
index e66e72e..dfaffc0 100644
--- a/src/views/finance/agent-recharge/detail.vue
+++ b/src/views/finance/agent-recharge/detail.vue
@@ -11,7 +11,7 @@
         </ElButton>
         <h2 class="detail-title">{{ pageTitle }}</h2>
         <ElButton
-          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)"
+          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.agentRechargeEntry)"
           type="primary"
           plain
           @click="openRechargeAudit"
@@ -19,7 +19,9 @@
           审计记录
         </ElButton>
         <ElButton
-          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+          v-if="
+            detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.agentRechargeFinanceEntry)
+          "
           type="primary"
           plain
           @click="openRechargeFinance"
@@ -30,7 +32,7 @@
           v-if="
             detailData?.approval_instance_id &&
             isPlatformUser &&
-            hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+            hasAuth(AUDIT_PERMISSIONS.agentRechargeApprovalEntry)
           "
           type="primary"
           plain
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index f18fca9..b113d0b 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -777,7 +777,7 @@
     {
       prop: 'payment_method',
       label: '支付方式',
-      width: 120,
+      width: 140,
       formatter: (row: AgentRecharge) => getPaymentMethodText(row.payment_method)
     },
     {
@@ -1316,7 +1316,7 @@
       onConfirmPayment: handleShowConfirmPay,
       onReject: handleShowReject
     })
-    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)) {
+    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.agentRechargeEntry)) {
       const resourceTarget = resolveAuditResourceTarget({
         resourceType: 'agent_recharge',
         internalId: row.id
@@ -1328,7 +1328,7 @@
           type: 'primary'
         })
     }
-    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.financeTimeline)) {
+    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.agentRechargeFinanceEntry)) {
       const financeTarget = resolveFinanceAuditTarget('recharge_id', row.id)
       if (financeTarget)
         actions.unshift({
@@ -1337,7 +1337,7 @@
           type: 'primary'
         })
     }
-    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.resourceTimeline)) {
+    if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.agentRechargeApprovalEntry)) {
       const approvalTarget = resolveAuditResourceTarget({
         resourceType: 'approval_instance',
         internalId: row.approval_instance_id
diff --git a/src/views/finance/refund/detail.vue b/src/views/finance/refund/detail.vue
index 7522cee..6eb0145 100644
--- a/src/views/finance/refund/detail.vue
+++ b/src/views/finance/refund/detail.vue
@@ -19,7 +19,7 @@
           审计记录
         </ElButton>
         <ElButton
-          v-if="refund && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+          v-if="refund && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.refundFinanceEntry)"
           type="primary"
           plain
           @click="openRefundFinance"
@@ -30,7 +30,7 @@
           v-if="
             refund?.approval_instance_id &&
             isPlatformUser &&
-            hasAuth(AUDIT_PERMISSIONS.resourceTimeline)
+            hasAuth(AUDIT_PERMISSIONS.refundApprovalEntry)
           "
           type="primary"
           plain
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index 76af064..3713c97 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -754,7 +754,7 @@
           handler: () => openAuditInvestigation(auditTarget),
           type: 'primary'
         })
-      if (hasAuth(AUDIT_PERMISSIONS.financeTimeline)) {
+      if (hasAuth(AUDIT_PERMISSIONS.refundFinanceEntry)) {
         const financeTarget = resolveFinanceAuditTarget('refund_id', row.id)
         if (financeTarget)
           actions.push({
@@ -768,7 +768,7 @@
         resourceType: 'approval_instance',
         internalId: row.approval_instance_id
       })
-      if (approvalTarget)
+      if (approvalTarget && hasAuth(AUDIT_PERMISSIONS.refundApprovalEntry))
         actions.push({
           label: '审批审计',
           handler: () => openAuditInvestigation(approvalTarget),
diff --git a/src/views/order-management/order-list/detail.vue b/src/views/order-management/order-list/detail.vue
index 49ee711..bfc17eb 100644
--- a/src/views/order-management/order-list/detail.vue
+++ b/src/views/order-management/order-list/detail.vue
@@ -19,7 +19,7 @@
           审计记录
         </ElButton>
         <ElButton
-          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.financeTimeline)"
+          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.orderFinanceEntry)"
           type="primary"
           plain
           @click="openOrderFinance"
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index c795b24..78e13ab 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -1372,7 +1372,7 @@
           handler: () => openAuditInvestigation(auditTarget),
           type: 'primary'
         })
-      if (hasAuth(AUDIT_PERMISSIONS.financeTimeline)) {
+      if (hasAuth(AUDIT_PERMISSIONS.orderFinanceEntry)) {
         const financeTarget = resolveFinanceAuditTarget('order_id', row.id)
         if (financeTarget)
           actions.push({
diff --git a/src/views/shop-management/list/index.vue b/src/views/shop-management/list/index.vue
index 8b5aff1..e0bf5b3 100644
--- a/src/views/shop-management/list/index.vue
+++ b/src/views/shop-management/list/index.vue
@@ -815,16 +815,19 @@
   const getActions = (row: ShopResponse) => {
     const actions: any[] = []
 
-    if (hasAuth(AUDIT_PERMISSIONS.shopEntry)) {
+    const userType = Number(userStore.getUserInfo.user_type)
+    const auditPermission =
+      userType === 3 ? AUDIT_PERMISSIONS.agentActivity : AUDIT_PERMISSIONS.shopEntry
+    if (hasAuth(auditPermission)) {
       const auditTarget = resolveAuditResourceTarget({
-        userType: userStore.getUserInfo.user_type,
+        userType,
         resourceType: 'shop',
         internalId: row.id,
         businessIdentifier: row.shop_code
       })
       if (auditTarget)
         actions.push({
-          label: '审计记录',
+          label: userType === 3 ? '活动记录' : '审计记录',
           handler: () => openAuditInvestigation(auditTarget),
           type: 'primary'
         })

From 41f3b61b62469887c5300d3f8c46045e155bb9c1 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 12 Aug 2026 09:34:36 +0800
Subject: [PATCH 57/76] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=A4=96?=
 =?UTF-8?q?=E9=83=A8=E4=BA=A4=E4=BA=92=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../audit/AuditInvestigationDrawer.vue        | 65 -------------------
 1 file changed, 65 deletions(-)

diff --git a/src/components/business/audit/AuditInvestigationDrawer.vue b/src/components/business/audit/AuditInvestigationDrawer.vue
index e067020..254e94b 100644
--- a/src/components/business/audit/AuditInvestigationDrawer.vue
+++ b/src/components/business/audit/AuditInvestigationDrawer.vue
@@ -502,71 +502,6 @@
             </div>
           </div>
         </section>
-        <template v-if="integrationDetail && false">
-          <ElDescriptions :column="2" border>
-            <ElDescriptionsItem label="提供方">
-              {{ integrationDetail.identity.provider_name || integrationDetail.identity.provider }}
-            </ElDescriptionsItem>
-            <ElDescriptionsItem label="方向">
-              {{
-                integrationDetail.identity.direction_name || integrationDetail.identity.direction
-              }}
-            </ElDescriptionsItem>
-            <ElDescriptionsItem label="操作">
-              {{
-                integrationDetail.identity.operation_name || integrationDetail.identity.operation
-              }}
-            </ElDescriptionsItem>
-            <ElDescriptionsItem label="结果">
-              <ElTag
-                size="small"
-                :type="integrationCategoryMeta[integrationDetail.result.category]?.type || 'info'"
-              >
-                {{
-                  auditResultDisplay(integrationDetail.result.code, integrationDetail.result.name)
-                }}
-              </ElTag>
-            </ElDescriptionsItem>
-            <ElDescriptionsItem label="耗时">
-              {{ integrationDetail.result.duration_ms }} ms
-            </ElDescriptionsItem>
-            <ElDescriptionsItem label="HTTP 状态">
-              {{ integrationDetail.result.http_status ?? '-' }}
-            </ElDescriptionsItem>
-            <ElDescriptionsItem v-if="integrationDetail.identity.external_id" label="外部业务标识">
-              {{ integrationDetail.identity.external_id }}
-            </ElDescriptionsItem>
-            <ElDescriptionsItem v-if="integrationDetail.resource?.key" label="资源业务标识">
-              {{ integrationDetail.resource.key }}
-            </ElDescriptionsItem>
-            <ElDescriptionsItem
-              v-if="integrationDetail.result.provider_message"
-              label="外部结果摘要"
-              :span="2"
-            >
-              {{ integrationDetail.result.provider_message }}
-            </ElDescriptionsItem>
-          </ElDescriptions>
-          <section
-            v-if="
-              hasJsonContent(integrationDetail.content.request_summary) ||
-              hasJsonContent(integrationDetail.content.response_summary) ||
-              hasJsonContent(integrationDetail.content.metadata)
-            "
-            class="json-section"
-          >
-            <h4>交互内容摘要</h4>
-            <pre v-if="hasJsonContent(integrationDetail.content.request_summary)">{{
-              auditJson(integrationDetail.content.request_summary)
-            }}</pre>
-            <pre v-if="hasJsonContent(integrationDetail.content.response_summary)">{{
-              auditJson(integrationDetail.content.response_summary)
-            }}</pre>
-            <pre v-if="hasJsonContent(integrationDetail.content.metadata)">{{
-              auditJson(integrationDetail.content.metadata)
-            }}</pre>
-          </section>
-        </template>
       </template>
 
       <ElEmpty v-else-if="!loading" description="当前在线窗口内没有记录" />

From 8627d203cf62473a86bc6d7092221aa3a21a40bf Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 13 Aug 2026 14:16:12 +0800
Subject: [PATCH 58/76] =?UTF-8?q?fix:=20=E6=8F=90=E7=8E=B0=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/commission-management/my-commission/index.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index 9b9d0a8..5a9613e 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -756,10 +756,6 @@
 
   // 显示提现对话框
   const showWithdrawalDialog = () => {
-    if (summary.value.available_commission < 100) {
-      ElMessage.warning('可提现佣金不足100分（1元），无法发起提现')
-      return
-    }
     withdrawalDialogVisible.value = true
   }
 

From 32635da58c4abaeb7a584868af2179396bee7117 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 13 Aug 2026 14:39:22 +0800
Subject: [PATCH 59/76] =?UTF-8?q?fix:=20=E6=8F=90=E7=8E=B0=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/WalletTransactionCard.vue             | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index d20509f..45b0cd3 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -92,14 +92,14 @@
             <span v-else>--</span>
           </template>
         </ElTableColumn>
-        <ElTableColumn label="交易类型" width="100" align="center">
+        <ElTableColumn label="交易类型" width="100">
           <template #default="scope">
             <ElTag :type="getTransactionTypeTag(scope.row.transaction_type)" size="small">
               {{ scope.row.transaction_type_text }}
             </ElTag>
           </template>
         </ElTableColumn>
-        <ElTableColumn label="变动金额" width="120" align="right">
+        <ElTableColumn label="变动金额" width="120">
           <template #default="scope">
             <span
               :style="{
@@ -111,17 +111,17 @@
             </span>
           </template>
         </ElTableColumn>
-        <ElTableColumn label="变动前余额" width="120" align="right">
+        <ElTableColumn label="变动前余额" width="120">
           <template #default="scope">
             {{ formatAmount(scope.row.balance_before) }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="变动后余额" width="120" align="right">
+        <ElTableColumn label="变动后余额">
           <template #default="scope">
             {{ formatAmount(scope.row.balance_after) }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="关联业务" width="100" align="center">
+        <ElTableColumn label="关联业务">
           <template #default="scope">
             <ElTag v-if="scope.row.reference_type" type="info" size="small">
               {{ scope.row.reference_type === 'recharge' ? '充值' : '订单' }}
@@ -129,7 +129,7 @@
             <span v-else>--</span>
           </template>
         </ElTableColumn>
-        <ElTableColumn prop="remark" label="备注" min-width="150" show-overflow-tooltip>
+        <ElTableColumn prop="remark" label="备注" min-width="230" show-overflow-tooltip>
           <template #default="scope">
             {{ scope.row.remark || '-' }}
           </template>

From 10ee87bf49b9fd63f81174b43a61d55c2ef95b28 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 13 Aug 2026 14:43:42 +0800
Subject: [PATCH 60/76] =?UTF-8?q?fix:=20=E6=8F=90=E7=8E=B0=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/commission-management/my-commission/index.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index 5a9613e..ba7f402 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -399,19 +399,16 @@
       {
         prop: 'virtual_no',
         label: '虚拟号',
-        width: 130,
         formatter: (row: ShopCommissionRecordItem) => row.virtual_no || '-'
       },
       {
         prop: 'order_no',
         label: '订单号',
-        width: 160,
         formatter: (row: ShopCommissionRecordItem) => row.order_no || '-'
       },
       {
         prop: 'seller_shop_name',
         label: '卖家店铺',
-        width: 150,
         formatter: (row: ShopCommissionRecordItem) => row.seller_shop_name || '-'
       },
       {

From e86f61f3f63f5219178db833613dbe3327e45cb0 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 13 Aug 2026 15:21:50 +0800
Subject: [PATCH 61/76] =?UTF-8?q?fix:=20=E6=8F=90=E7=8E=B0=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../my-commission/index.vue                   | 67 ++++++++++++++-----
 1 file changed, 52 insertions(+), 15 deletions(-)

diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index ba7f402..386b299 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -121,15 +121,16 @@
         <ElFormItem label="提现金额" prop="amount">
           <ElInputNumber
             v-model="withdrawalForm.amount"
-            :min="100"
-            :max="summary.available_commission"
-            :precision="0"
-            :step="100"
+            :min="withdrawalAmountMin"
+            :max="withdrawalAmountMax"
+            :precision="2"
+            :step="1"
+            :disabled="isWithdrawalAmountDisabled"
             style="width: 100%"
-            placeholder="请输入提现金额(分)"
+            placeholder="请输入提现金额(元)"
           />
           <div style="margin-top: 4px; font-size: 12px; color: var(--el-text-color-secondary)">
-            金额单位为分，如1元=100分
+            金额单位为元
           </div>
         </ElFormItem>
         <ElFormItem label="提现方式" prop="withdrawal_method">
@@ -183,7 +184,12 @@
       <template #footer>
         <div class="dialog-footer">
           <ElButton @click="withdrawalDialogVisible = false">取消</ElButton>
-          <ElButton type="primary" @click="handleSubmitWithdrawal" :loading="submitLoading">
+          <ElButton
+            type="primary"
+            @click="handleSubmitWithdrawal"
+            :loading="submitLoading"
+            :disabled="isWithdrawalAmountDisabled"
+          >
             提交
           </ElButton>
         </div>
@@ -211,7 +217,7 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useUserStore } from '@/store/modules/user'
-  import { formatDateTime, formatMoney } from '@/utils/business/format'
+  import { formatDateTime, formatMoney, yuanToFen } from '@/utils/business/format'
 
   defineOptions({ name: 'MyCommission' })
 
@@ -700,10 +706,25 @@
   const withdrawalDialogVisible = ref(false)
   const submitLoading = ref(false)
   const withdrawalFormRef = ref<FormInstance>()
+  const minimumWithdrawalFen = 100
+  const availableCommissionYuan = computed(() =>
+    Number((summary.value.available_commission / 100).toFixed(2))
+  )
+  const isWithdrawalAmountDisabled = computed(
+    () => summary.value.available_commission < minimumWithdrawalFen
+  )
+  const withdrawalAmountMin = computed(() => (isWithdrawalAmountDisabled.value ? 0 : 1))
+  const withdrawalAmountMax = computed(() =>
+    Math.max(withdrawalAmountMin.value, availableCommissionYuan.value)
+  )
+
+  type WithdrawalForm = Omit<SubmitWithdrawalParams, 'amount'> & {
+    amount: number | undefined
+  }
 
   // 提现表单
-  const withdrawalForm = reactive<SubmitWithdrawalParams>({
-    amount: 0,
+  const withdrawalForm = reactive<WithdrawalForm>({
+    amount: undefined,
     withdrawal_method: WithdrawalMethod.ALIPAY,
     account_name: '',
     account_number: '',
@@ -717,9 +738,15 @@
       { required: true, message: '请输入提现金额', trigger: 'blur' },
       {
         validator: (_rule, value, callback) => {
-          if (value < 100) {
-            callback(new Error('提现金额不能小于100分（1元）'))
-          } else if (value > summary.value.available_commission) {
+          const amountFen = yuanToFen(value)
+
+          if (isWithdrawalAmountDisabled.value) {
+            callback(new Error('当前无可提现金额'))
+          } else if (amountFen === undefined) {
+            callback(new Error('请输入提现金额'))
+          } else if (amountFen < minimumWithdrawalFen) {
+            callback(new Error('提现金额不能小于1元'))
+          } else if (amountFen > summary.value.available_commission) {
             callback(new Error('提现金额不能大于可提现佣金'))
           } else {
             callback()
@@ -759,7 +786,7 @@
   // 关闭对话框
   const handleDialogClose = () => {
     withdrawalFormRef.value?.resetFields()
-    withdrawalForm.amount = 0
+    withdrawalForm.amount = undefined
     withdrawalForm.withdrawal_method = WithdrawalMethod.ALIPAY
     withdrawalForm.account_name = ''
     withdrawalForm.account_number = ''
@@ -774,13 +801,23 @@
       ElMessage.warning('未找到店铺信息')
       return
     }
+    if (isWithdrawalAmountDisabled.value) {
+      ElMessage.warning('当前无可提现金额')
+      return
+    }
 
     await withdrawalFormRef.value.validate(async (valid) => {
       if (valid) {
         submitLoading.value = true
         try {
+          const amount = yuanToFen(withdrawalForm.amount)
+          if (amount === undefined) {
+            ElMessage.warning('请输入提现金额')
+            return
+          }
+
           const params: SubmitWithdrawalParams = {
-            amount: withdrawalForm.amount,
+            amount,
             withdrawal_method: withdrawalForm.withdrawal_method,
             account_name: withdrawalForm.account_name,
             account_number: withdrawalForm.account_number,

From ca748999ecdfd140edacb592026213b9ea86f102 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 13 Aug 2026 16:51:58 +0800
Subject: [PATCH 62/76] =?UTF-8?q?fix:=20=E6=8F=90=E7=8E=B0=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/api/commission.ts                             | 1 +
 src/views/commission-management/my-commission/index.vue | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/types/api/commission.ts b/src/types/api/commission.ts
index c1fb432..d7de662 100644
--- a/src/types/api/commission.ts
+++ b/src/types/api/commission.ts
@@ -237,6 +237,7 @@ export type ShopCommissionSummaryItem = ShopFundSummaryItem
  * 代理商资金汇总查询参数（原佣金汇总查询参数）
  */
 export interface ShopFundSummaryQueryParams extends PaginationParams {
+  shop_id?: number // 店铺ID
   shop_name?: string // 店铺名称
   username?: string // 用户名
 }
diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index 386b299..1e066e7 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -859,7 +859,8 @@
       // 调用 fund-summary 接口，通过 shop_id 过滤获取自己的数据
       const res = await CommissionService.getShopFundSummary({
         page: 1,
-        page_size: 1
+        page_size: 1,
+        shop_id: currentShopId.value
       })
       if (res.code === 0 && res.data.items && res.data.items.length > 0) {
         // 从结果中找到当前用户的店铺数据

From 3dd17e9d7bcd2300ed39d004052379bae430505e Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 13 Aug 2026 17:27:58 +0800
Subject: [PATCH 63/76] fix: ui

---
 .../asset-information/components/WalletTransactionCard.vue  | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index 45b0cd3..3f7f2ab 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -84,7 +84,7 @@
 
     <div v-else v-loading="loading" class="wallet-table-wrapper">
       <ElTable v-if="hasTransactions" :data="transactionList" class="wallet-table" border>
-        <ElTableColumn prop="reference_no" label="业务编号">
+        <ElTableColumn prop="reference_no" label="业务编号"  show-overflow-tooltip>
           <template #default="scope">
             <span v-if="scope.row.reference_no" class="reference-no-link">
               {{ scope.row.reference_no }}
@@ -129,7 +129,7 @@
             <span v-else>--</span>
           </template>
         </ElTableColumn>
-        <ElTableColumn prop="remark" label="备注" min-width="230" show-overflow-tooltip>
+        <ElTableColumn prop="remark" label="备注" min-width="180" show-overflow-tooltip>
           <template #default="scope">
             {{ scope.row.remark || '-' }}
           </template>
@@ -444,8 +444,6 @@
         }
 
         .wallet-table {
-          width: max-content;
-          min-width: 900px;
 
           :deep(.el-table__header) {
             th {

From 0d2a982f69cb5a41fbe1d2347a4a02cebd36e451 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Thu, 13 Aug 2026 17:29:23 +0800
Subject: [PATCH 64/76] fix: ui

---
 .../asset-information/components/WalletTransactionCard.vue    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index 3f7f2ab..8dcac4e 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -116,12 +116,12 @@
             {{ formatAmount(scope.row.balance_before) }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="变动后余额">
+        <ElTableColumn label="变动后余额" width="120">
           <template #default="scope">
             {{ formatAmount(scope.row.balance_after) }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="关联业务">
+        <ElTableColumn label="关联业务" width="120">
           <template #default="scope">
             <ElTag v-if="scope.row.reference_type" type="info" size="small">
               {{ scope.row.reference_type === 'recharge' ? '充值' : '订单' }}

From 737ade3a5ea291bebf37c0fd5155f1fe548af128 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 14 Aug 2026 17:22:47 +0800
Subject: [PATCH 65/76] =?UTF-8?q?fix:=20router,=20=E4=BD=A3=E9=87=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/langs/en.json                     |  8 +++
 src/locales/langs/zh.json                     |  6 +--
 src/router/routes/asyncRoutes.ts              | 22 ++++-----
 src/router/routesAlias.ts                     |  2 +-
 .../my-commission/index.vue                   | 34 ++++++++++---
 .../withdrawal-approval/index.vue             | 49 +++++++++----------
 6 files changed, 73 insertions(+), 48 deletions(-)

diff --git a/src/locales/langs/en.json b/src/locales/langs/en.json
index 690335a..7351ec7 100644
--- a/src/locales/langs/en.json
+++ b/src/locales/langs/en.json
@@ -406,6 +406,14 @@
       "orderList": "Order List",
       "orderDetail": "Order Details"
     },
+    "financialManagement": {
+      "title": "Financial Management",
+      "agentRecharge": "Agent Recharge",
+      "agentRechargeDetail": "Agent Recharge Details",
+      "refundManagement": "Refund Management",
+      "refundDetail": "Refund Details",
+      "agentFundOverview": "Agent Fund Overview"
+    },
     "deviceManagement": {
       "title": "Device Management",
       "devices": "Device Management"
diff --git a/src/locales/langs/zh.json b/src/locales/langs/zh.json
index 027e619..70740b1 100644
--- a/src/locales/langs/zh.json
+++ b/src/locales/langs/zh.json
@@ -408,13 +408,13 @@
       "agentRecharge": "代理充值",
       "agentRechargeDetail": "代理充值详情",
       "refundManagement": "退款管理",
-      "refundDetail": "退款详情"
+      "refundDetail": "退款详情",
+      "agentFundOverview": "代理商资金概况"
     },
     "commission": {
       "title": "佣金管理",
       "withdrawal": "提现审批",
-      "myCommission": "我的佣金",
-      "agentCommission": "代理商资金概况"
+      "myCommission": "我的佣金"
     },
     "settings": {
       "title": "设置管理",
diff --git a/src/router/routes/asyncRoutes.ts b/src/router/routes/asyncRoutes.ts
index cf8ff3b..b945d97 100644
--- a/src/router/routes/asyncRoutes.ts
+++ b/src/router/routes/asyncRoutes.ts
@@ -689,6 +689,17 @@ export const asyncRoutes: AppRouteRecord[] = [
           isHide: true,
           keepAlive: false
         }
+      },
+      // 代理商资金概况
+      {
+        path: 'agent-fund-overview',
+        name: 'AgentFundOverview',
+        component: RoutesAlias.AgentFundOverviewComponent,
+        meta: {
+          title: 'menus.financialManagement.agentFundOverview',
+          keepAlive: true,
+          roles: ['R_SUPER', 'R_ADMIN']
+        }
       }
     ]
   },
@@ -790,17 +801,6 @@ export const asyncRoutes: AppRouteRecord[] = [
           keepAlive: true,
           roles: ['R_AGENT']
         }
-      },
-      // 代理商资金概况
-      {
-        path: 'agent-fund-overview',
-        name: 'AgentFundOverview',
-        component: RoutesAlias.AgentFundOverviewComponent,
-        meta: {
-          title: 'menus.commission.agentCommission',
-          keepAlive: true,
-          roles: ['R_SUPER', 'R_ADMIN']
-        }
       }
     ]
   },
diff --git a/src/router/routesAlias.ts b/src/router/routesAlias.ts
index 22ade5f..13f918b 100644
--- a/src/router/routesAlias.ts
+++ b/src/router/routesAlias.ts
@@ -89,13 +89,13 @@ export enum RoutesAlias {
   AgentRechargeDetail = '/finance/agent-recharge/detail', // 代理充值详情
   RefundManagement = '/finance/refund', // 退款管理
   RefundDetail = '/finance/refund/detail', // 退款详情
+  AgentFundOverview = '/finance/agent-fund-overview', // 代理商资金概况
 
   ExpiringAssets = '/asset-management/expiring-assets', // 临期资产
 
   // 佣金管理
   WithdrawalApproval = '/commission-management/withdrawal-approval', // 提现审批
   MyCommission = '/commission-management/my-commission', // 我的佣金
-  AgentFundOverview = '/commission/agent-fund-overview', // 代理商资金概况
   AgentFundOverviewComponent = '/commission-management/agent-fund-overview', // 代理商资金概况组件路径
 
   // 设置管理
diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index 1e066e7..406d42b 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -28,6 +28,9 @@
                 v-permission="'my_commission:add'"
                 >发起提现</ElButton
               >
+              <span class="available-commission">
+                可提现金额：<strong>{{ formatMoney(summary.available_commission) }}</strong>
+              </span>
             </template>
           </ArtTableHeader>
 
@@ -400,21 +403,25 @@
       {
         prop: 'iccid',
         label: 'ICCID',
+        width: 160,
         formatter: (row: ShopCommissionRecordItem) => row.iccid || '-'
       },
       {
         prop: 'virtual_no',
         label: '虚拟号',
+        width: 160,
         formatter: (row: ShopCommissionRecordItem) => row.virtual_no || '-'
       },
       {
         prop: 'order_no',
         label: '订单号',
+        width: 220,
         formatter: (row: ShopCommissionRecordItem) => row.order_no || '-'
       },
       {
         prop: 'seller_shop_name',
         label: '卖家店铺',
+        width: 120,
         formatter: (row: ShopCommissionRecordItem) => row.seller_shop_name || '-'
       },
       {
@@ -557,7 +564,6 @@
 
   // 列配置
   const withdrawalColumnOptions = [
-    { label: 'ID', prop: 'id' },
     { label: '提现单号', prop: 'withdrawal_no' },
     { label: '金额', prop: 'amount' },
     { label: '手续费', prop: 'fee' },
@@ -574,11 +580,6 @@
   // 动态列配置
   const { columnChecks: withdrawalColumnChecks, columns: withdrawalColumns } = useCheckedColumns(
     () => [
-      {
-        prop: 'id',
-        label: 'ID',
-        width: 80
-      },
       {
         prop: 'withdrawal_no',
         label: '提现单号',
@@ -899,3 +900,24 @@
     getCommissionList()
   })
 </script>
+
+<style scoped lang="scss">
+  .available-commission {
+    display: inline-flex;
+    align-items: center;
+    padding: 5px 12px;
+    margin-left: 12px;
+    font-size: 14px;
+    color: var(--el-text-color-secondary);
+    background: var(--el-color-primary-light-9);
+    border: 1px solid var(--el-color-primary-light-5);
+    border-radius: 4px;
+
+    strong {
+      margin-left: 2px;
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--el-color-primary);
+    }
+  }
+</style>
diff --git a/src/views/commission-management/withdrawal-approval/index.vue b/src/views/commission-management/withdrawal-approval/index.vue
index 2898c8c..7a5ce4a 100644
--- a/src/views/commission-management/withdrawal-approval/index.vue
+++ b/src/views/commission-management/withdrawal-approval/index.vue
@@ -29,6 +29,9 @@
           :pageSize="pagination.pageSize"
           :total="pagination.total"
           :marginTop="10"
+          :actions="getActions"
+          :inlineActionsCount="1"
+          :actionsWidth="160"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         >
@@ -83,7 +86,6 @@
   } from '@/types/api/commission'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
-  import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
   import { formatDateTime, formatMoney } from '@/utils/business/format'
   import { WithdrawalStatusMap, WithdrawalMethodMap } from '@/config/constants'
   import { useI18n } from 'vue-i18n'
@@ -192,8 +194,7 @@
     { label: '提现方式', prop: 'withdrawal_method' },
     { label: '状态', prop: 'status' },
     { label: '申请时间', prop: 'created_at' },
-    { label: '审批时间', prop: 'processed_at' },
-    { label: '操作', prop: 'operation' }
+    { label: '审批时间', prop: 'processed_at' }
   ]
 
   const rejectFormRef = ref<FormInstance>()
@@ -277,30 +278,6 @@
       label: '审批时间',
       width: 180,
       formatter: (row: WithdrawalRequestItem) => formatDateTime(row.processed_at)
-    },
-    {
-      prop: 'operation',
-      label: '操作',
-      width: 150,
-      fixed: 'right',
-      formatter: (row: WithdrawalRequestItem) => {
-        // 只有待审核状态才显示操作按钮
-        if (row.status === 1) {
-          return h('div', { style: 'display: flex; gap: 8px;' }, [
-            h(ArtButtonTable, {
-              text: '审批通过',
-              iconColor: '#67C23A',
-              onClick: () => handleApprove(row)
-            }),
-            h(ArtButtonTable, {
-              text: '拒绝',
-              iconColor: '#F56C6C',
-              onClick: () => showRejectDialog(row)
-            })
-          ])
-        }
-        return '-'
-      }
     }
   ])
 
@@ -443,6 +420,24 @@
       }
     })
   }
+
+  // 获取操作按钮，使用 ArtTable 统一的文字操作样式
+  const getActions = (row: WithdrawalRequestItem) => {
+    if (row.status !== 1) return []
+
+    return [
+      {
+        label: '审批通过',
+        handler: () => handleApprove(row),
+        type: 'primary' as const
+      },
+      {
+        label: '拒绝',
+        handler: () => showRejectDialog(row),
+        type: 'danger' as const
+      }
+    ]
+  }
 </script>
 
 <style lang="scss" scoped>

From 9a982e044632b79a60320f0c6c6da6908cd69021 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Sat, 15 Aug 2026 11:03:53 +0800
Subject: [PATCH 66/76] =?UTF-8?q?fix:=20=E6=88=91=E7=9A=84=E4=BD=A3?=
 =?UTF-8?q?=E9=87=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/types/api/commission.ts                   |  1 +
 .../my-commission/index.vue                   | 94 +++++++++++++++----
 2 files changed, 75 insertions(+), 20 deletions(-)

diff --git a/src/types/api/commission.ts b/src/types/api/commission.ts
index d7de662..c322f87 100644
--- a/src/types/api/commission.ts
+++ b/src/types/api/commission.ts
@@ -164,6 +164,7 @@ export interface MyCommissionSummary {
   frozen_commission: number // 冻结中佣金(分)
   withdrawing_commission: number // 提现中佣金(分)
   withdrawn_commission: number // 已提现佣金(分)
+  unwithdraw_commission?: number // 未提现佣金(分)
 }
 
 /**
diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index 406d42b..c37d6f4 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -28,9 +28,45 @@
                 v-permission="'my_commission:add'"
                 >发起提现</ElButton
               >
-              <span class="available-commission">
-                可提现金额：<strong>{{ formatMoney(summary.available_commission) }}</strong>
-              </span>
+
+              <div class="commission-summary">
+                <div class="commission-summary-item">
+                  <span class="summary-label">总佣金</span>
+                  <strong class="summary-value">{{
+                    formatMoney(summary.total_commission, false)
+                  }}</strong>
+                </div>
+                <div class="commission-summary-item">
+                  <span class="summary-label">可提现</span>
+                  <strong class="summary-value is-success">{{
+                    formatMoney(summary.available_commission, false)
+                  }}</strong>
+                </div>
+                <div class="commission-summary-item">
+                  <span class="summary-label">冻结中</span>
+                  <strong class="summary-value">{{
+                    formatMoney(summary.frozen_commission, false)
+                  }}</strong>
+                </div>
+                <div class="commission-summary-item">
+                  <span class="summary-label">提现中</span>
+                  <strong class="summary-value is-warning">{{
+                    formatMoney(summary.withdrawing_commission, false)
+                  }}</strong>
+                </div>
+                <div class="commission-summary-item">
+                  <span class="summary-label">已提现</span>
+                  <strong class="summary-value">{{
+                    formatMoney(summary.withdrawn_commission, false)
+                  }}</strong>
+                </div>
+                <div class="commission-summary-item">
+                  <span class="summary-label">未提现</span>
+                  <strong class="summary-value">{{
+                    formatMoney(summary.unwithdraw_commission, false)
+                  }}</strong>
+                </div>
+              </div>
             </template>
           </ArtTableHeader>
 
@@ -242,7 +278,8 @@
     available_commission: 0,
     frozen_commission: 0,
     withdrawing_commission: 0,
-    withdrawn_commission: 0
+    withdrawn_commission: 0,
+    unwithdraw_commission: 0
   })
 
   // ==================== 佣金明细 ====================
@@ -403,19 +440,16 @@
       {
         prop: 'iccid',
         label: 'ICCID',
-        width: 160,
         formatter: (row: ShopCommissionRecordItem) => row.iccid || '-'
       },
       {
         prop: 'virtual_no',
         label: '虚拟号',
-        width: 160,
         formatter: (row: ShopCommissionRecordItem) => row.virtual_no || '-'
       },
       {
         prop: 'order_no',
         label: '订单号',
-        width: 220,
         formatter: (row: ShopCommissionRecordItem) => row.order_no || '-'
       },
       {
@@ -873,7 +907,8 @@
             available_commission: myShopData.available_commission,
             frozen_commission: myShopData.frozen_commission,
             withdrawing_commission: myShopData.withdrawing_commission,
-            withdrawn_commission: myShopData.withdrawn_commission
+            withdrawn_commission: myShopData.withdrawn_commission,
+            unwithdraw_commission: myShopData.unwithdraw_commission
           }
         }
       }
@@ -902,22 +937,41 @@
 </script>
 
 <style scoped lang="scss">
-  .available-commission {
+  .commission-summary {
     display: inline-flex;
     align-items: center;
-    padding: 5px 12px;
+    flex-wrap: wrap;
+    gap: 8px 14px;
     margin-left: 12px;
-    font-size: 14px;
-    color: var(--el-text-color-secondary);
-    background: var(--el-color-primary-light-9);
-    border: 1px solid var(--el-color-primary-light-5);
-    border-radius: 4px;
 
-    strong {
-      margin-left: 2px;
-      font-size: 16px;
-      font-weight: 600;
-      color: var(--el-color-primary);
+    .commission-summary-item {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 5px 10px;
+      white-space: nowrap;
+      background: var(--el-color-primary-light-9);
+      border: 1px solid var(--el-color-primary-light-5);
+      border-radius: 4px;
+
+      .summary-label {
+        font-size: 13px;
+        color: var(--el-text-color-secondary);
+      }
+
+      .summary-value {
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--el-color-primary);
+
+        &.is-success {
+          color: var(--el-color-success);
+        }
+
+        &.is-warning {
+          color: var(--el-color-warning);
+        }
+      }
     }
   }
 </style>

From 857d565f333ec4397c072dd9c447d660f5e3bb6c Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 17 Aug 2026 17:29:33 +0800
Subject: [PATCH 67/76] =?UTF-8?q?fix:=20=E6=88=91=E7=9A=84=E4=BD=A3?=
 =?UTF-8?q?=E9=87=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widget/art-search-select/index.vue        |  4 +-
 .../my-commission/index.vue                   | 44 ++++++++++++++++++-
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/components/core/forms/art-search-bar/widget/art-search-select/index.vue b/src/components/core/forms/art-search-bar/widget/art-search-select/index.vue
index d1e501b..523ac36 100644
--- a/src/components/core/forms/art-search-bar/widget/art-search-select/index.vue
+++ b/src/components/core/forms/art-search-bar/widget/art-search-select/index.vue
@@ -39,10 +39,10 @@
   })
 
   // 合并默认配置和自定义配置
-  const config = reactive({
+  const config = computed(() => ({
     placeholder: `${t('table.searchBar.searchSelectPlaceholder')}${prop.item.label}`,
     ...(prop.item.config || {})
-  })
+  }))
 
   // 选择框值变化处理函数
   const changeValue = (val: unknown): void => {
diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index c37d6f4..d1b4f8b 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -239,7 +239,7 @@
 
 <script setup lang="ts">
   import { h } from 'vue'
-  import { CommissionService } from '@/api/modules'
+  import { CommissionService, OrderService } from '@/api/modules'
   import { ElMessage, ElTag } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   import type {
@@ -252,6 +252,7 @@
     WithdrawalStatus
   } from '@/types/api/commission'
   import { WithdrawalMethod } from '@/types/api/commission'
+  import type { Order, OrderQueryParams } from '@/types/api/order'
   import { WithdrawalStatusMap, WithdrawalMethodMap } from '@/config/constants/commission'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -301,6 +302,34 @@
   // 搜索表单
   const commissionSearchForm = reactive({ ...initialCommissionSearchState })
 
+  const orderOptions = ref<Order[]>([])
+  const orderSearchLoading = ref(false)
+  let orderSearchRequestId = 0
+
+  const searchCommissionOrders = async (query: string) => {
+    const requestId = ++orderSearchRequestId
+    const orderNo = query.trim()
+
+    orderSearchLoading.value = true
+    try {
+      const params: OrderQueryParams = {
+        page: 1,
+        page_size: 20,
+        order_no: orderNo || undefined
+      }
+      const res = await OrderService.getOrders(params)
+      if (res.code === 0 && requestId === orderSearchRequestId) {
+        orderOptions.value = res.data.items || []
+      }
+    } catch (error) {
+      console.error('Search commission orders failed:', error)
+    } finally {
+      if (requestId === orderSearchRequestId) {
+        orderSearchLoading.value = false
+      }
+    }
+  }
+
   // 搜索表单配置
   const commissionSearchItems = computed<SearchFormItem[]>(() => [
     {
@@ -352,9 +381,19 @@
     {
       label: '订单号',
       prop: 'order_no',
-      type: 'input',
+      type: 'select',
+      options: () =>
+        orderOptions.value.map((order) => ({
+          label: order.order_no,
+          value: order.order_no
+        })),
       config: {
         clearable: true,
+        filterable: true,
+        remote: true,
+        reserveKeyword: true,
+        loading: orderSearchLoading.value,
+        remoteMethod: (query: string) => searchCommissionOrders(query),
         placeholder: '请输入订单号'
       }
     },
@@ -933,6 +972,7 @@
     }
     loadSummary()
     getCommissionList()
+    searchCommissionOrders('')
   })
 </script>
 

From 93f67967c5fda74df6688e83f998f3d70fc381e3 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 18 Aug 2026 10:54:01 +0800
Subject: [PATCH 68/76] fix: formate code and test money

---
 .../specs/asset-audit-log-navigation/spec.md  |  3 +-
 .../update-export-task-scene-pages/design.md  |  8 +--
 scripts/tests/agentRechargeService.test.mjs   |  2 +-
 .../business/SeriesGrantPackageDialog.vue     |  2 +-
 src/components/business/VoucherUpload.vue     | 11 +--
 .../audit/AuditInvestigationDrawer.vue        |  4 +-
 .../core/layouts/art-header-bar/index.vue     |  5 +-
 src/types/auto-imports.d.ts                   |  4 +-
 src/utils/business/apiError.ts                | 70 ++++++++++++++++---
 src/utils/business/approvalSummary.ts         |  7 +-
 src/utils/business/paymentConfig.ts           |  5 +-
 .../account-management/account/index.vue      |  1 +
 .../enterprise-customer/index.vue             |  3 +-
 .../components/BasicInfoCard.vue              |  1 +
 .../components/WalletTransactionCard.vue      |  3 +-
 .../exchange-management/index.vue             |  2 +-
 .../task-management/bulk-purchase/detail.vue  |  2 +-
 .../task-management/bulk-purchase/index.vue   |  6 +-
 .../device-batch-allocation/index.vue         | 10 +--
 .../task-management/device-task/index.vue     |  2 +-
 .../order-package-invalidate-task/index.vue   |  2 +-
 .../task-management/task-detail/index.vue     |  2 +-
 src/views/audit/events/detail.vue             |  2 +-
 .../my-commission/index.vue                   |  4 +-
 src/views/dashboard/ecommerce/index.vue       |  1 -
 src/views/finance/agent-recharge/index.vue    | 21 +++---
 .../series-grants/index.vue                   | 29 ++++----
 .../components/WecomApplicationFormDialog.vue |  4 +-
 src/views/settings/wecom/members/index.vue    | 28 ++++----
 src/views/settings/wecom/scenes/index.vue     | 32 ++++-----
 src/views/shop-management/detail/index.vue    | 16 ++++-
 src/views/system/role/index.vue               |  3 +-
 32 files changed, 183 insertions(+), 112 deletions(-)

diff --git a/openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md b/openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md
index 7b5190b..88b24eb 100644
--- a/openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md
+++ b/openspec/changes/remove-legacy-asset-operation-logs/specs/asset-audit-log-navigation/spec.md
@@ -2,8 +2,7 @@
 
 ### Requirement: 旧资产操作审计日志入口
 
-**Reason**: 旧资产操作审计日志交互已由当前审计调查能力替代，页面不再提供重复入口。
-**Migration**: 需要审计调查的用户通过当前审计中心和资源审计时间线访问记录。
+**Reason**: 旧资产操作审计日志交互已由当前审计调查能力替代，页面不再提供重复入口。 **Migration**: 需要审计调查的用户通过当前审计中心和资源审计时间线访问记录。
 
 #### Scenario: 查看 IoT 卡、设备或资产信息
 
diff --git a/openspec/changes/update-export-task-scene-pages/design.md b/openspec/changes/update-export-task-scene-pages/design.md
index be66852..c1ea89e 100644
--- a/openspec/changes/update-export-task-scene-pages/design.md
+++ b/openspec/changes/update-export-task-scene-pages/design.md
@@ -32,11 +32,11 @@
 - Decision: 业务列表创建导出任务按钮继续使用来源业务权限，默认建议如下。
 - Rationale: 创建导出任务属于来源业务列表能力，不应因为拥有某个导出任务管理页面权限就获得业务列表导出入口。
 
-| 入口 | 创建导出任务权限 | scene |
-| --- | --- | --- |
-| 设备管理 | `devices:export` | `device` |
+| 入口       | 创建导出任务权限  | scene      |
+| ---------- | ----------------- | ---------- |
+| 设备管理   | `devices:export`  | `device`   |
 | IOT 卡管理 | `iot_card:export` | `iot_card` |
-| 订单列表 | `orders:export` | `order` |
+| 订单列表   | `orders:export`   | `order`    |
 
 - Decision: 详情页可继续复用同一组件，但必须根据任务场景或来源页面使用对应场景的详情、下载、取消权限。
 - Rationale: 详情页面本身也包含下载和取消按钮，若继续使用通用权限会绕过三个列表页面的按钮隔离要求。
diff --git a/scripts/tests/agentRechargeService.test.mjs b/scripts/tests/agentRechargeService.test.mjs
index 6010096..425f053 100644
--- a/scripts/tests/agentRechargeService.test.mjs
+++ b/scripts/tests/agentRechargeService.test.mjs
@@ -27,7 +27,7 @@ test('agent recharge rejection posts the rejection reason to the order rejection
             code: 0,
             data: {
               methods: ['wechat', 'alipay'],
-              min_amount: 10000,
+              min_amount: 10,
               max_amount: 100000000
             }
           })
diff --git a/src/components/business/SeriesGrantPackageDialog.vue b/src/components/business/SeriesGrantPackageDialog.vue
index 9a22a53..5c11d0b 100644
--- a/src/components/business/SeriesGrantPackageDialog.vue
+++ b/src/components/business/SeriesGrantPackageDialog.vue
@@ -279,8 +279,8 @@
   }
 
   .package-config-field-label {
-    color: var(--el-text-color-secondary);
     font-size: 13px;
+    color: var(--el-text-color-secondary);
     white-space: nowrap;
   }
 
diff --git a/src/components/business/VoucherUpload.vue b/src/components/business/VoucherUpload.vue
index 0634682..f08d34c 100644
--- a/src/components/business/VoucherUpload.vue
+++ b/src/components/business/VoucherUpload.vue
@@ -57,8 +57,8 @@
   import { Close, Document, UploadFilled } from '@element-plus/icons-vue'
   import type { UploadFile, UploadInstance, UploadRawFile } from 'element-plus'
   import { StorageService } from '@/api/modules'
-   import type { RefundAttachment } from '@/types/api/refund'
-   import type { FilePurpose } from '@/api/modules/storage'
+  import type { RefundAttachment } from '@/types/api/refund'
+  import type { FilePurpose } from '@/api/modules/storage'
 
   interface Props {
     modelValue?: string[] | string
@@ -202,7 +202,10 @@
 
     if (props.singleColumnCsv) {
       const content = await file.text()
-      const rows = content.replace(/^\uFEFF/, '').split(/\r?\n/).filter(Boolean)
+      const rows = content
+        .replace(/^\uFEFF/, '')
+        .split(/\r?\n/)
+        .filter(Boolean)
       if (props.maxCsvRows > 0 && Math.max(rows.length - 1, 0) > props.maxCsvRows) {
         ElMessage.warning(`CSV 数据行不能超过 ${props.maxCsvRows} 行`)
         removeUploadFile(uploadFile)
@@ -250,7 +253,7 @@
       const uploadUrlRes = await StorageService.getUploadUrl({
         file_name: file.name,
         content_type: contentType,
-         purpose: props.purpose
+        purpose: props.purpose
       })
 
       if (uploadUrlRes.code !== 0) {
diff --git a/src/components/business/audit/AuditInvestigationDrawer.vue b/src/components/business/audit/AuditInvestigationDrawer.vue
index 254e94b..f2fc7ff 100644
--- a/src/components/business/audit/AuditInvestigationDrawer.vue
+++ b/src/components/business/audit/AuditInvestigationDrawer.vue
@@ -928,8 +928,8 @@
 
   .integration-hero__result {
     display: grid;
-    justify-items: end;
     gap: 5px;
+    justify-items: end;
     text-align: right;
   }
 
@@ -1008,8 +1008,8 @@
     }
 
     .integration-hero {
-      align-items: flex-start;
       flex-direction: column;
+      align-items: flex-start;
     }
 
     .integration-hero__result {
diff --git a/src/components/core/layouts/art-header-bar/index.vue b/src/components/core/layouts/art-header-bar/index.vue
index 0f4c68c..c51350b 100644
--- a/src/components/core/layouts/art-header-bar/index.vue
+++ b/src/components/core/layouts/art-header-bar/index.vue
@@ -65,10 +65,7 @@
           </div>
         </div>
         <!-- 通知 -->
-        <div
-          class="btn-box notice-btn"
-          @click.stop="showNotice = !showNotice"
-        >
+        <div class="btn-box notice-btn" @click.stop="showNotice = !showNotice">
           <div class="btn notice-button">
             <i class="iconfont-sys">&#xe6c2;</i>
             <span v-if="unreadCount > 0" class="notice-count">{{ formattedUnreadCount }}</span>
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index 5d1eb79..66ef040 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -8,8 +8,8 @@ export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
   const ElButton: (typeof import('element-plus/es'))['ElButton']
-  const ElMessage: typeof import('element-plus/es')['ElMessage']
-  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
+  const ElMessage: (typeof import('element-plus/es'))['ElMessage']
+  const ElMessageBox: (typeof import('element-plus/es'))['ElMessageBox']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
diff --git a/src/utils/business/apiError.ts b/src/utils/business/apiError.ts
index bbb0129..3e3a27c 100644
--- a/src/utils/business/apiError.ts
+++ b/src/utils/business/apiError.ts
@@ -1,6 +1,13 @@
 import axios from 'axios'
 
-export type ApiErrorKind = 'auth' | 'forbidden' | 'validation' | 'conflict' | 'timeout' | 'server' | 'unknown'
+export type ApiErrorKind =
+  | 'auth'
+  | 'forbidden'
+  | 'validation'
+  | 'conflict'
+  | 'timeout'
+  | 'server'
+  | 'unknown'
 
 export interface NormalizedApiError {
   kind: ApiErrorKind
@@ -20,12 +27,59 @@ export const normalizeApiError = (error: unknown): NormalizedApiError => {
   const timeout = axios.isAxiosError(error) && error.code === 'ECONNABORTED'
 
   if (timeout) {
-    return { kind: 'timeout', status, code, message: '请求超时，结果可能未知，请刷新确认', unknownResult: true }
+    return {
+      kind: 'timeout',
+      status,
+      code,
+      message: '请求超时，结果可能未知，请刷新确认',
+      unknownResult: true
+    }
+  }
+  if (status === 401 || code === 401)
+    return {
+      kind: 'auth',
+      status,
+      code,
+      message: '登录状态已失效，请重新登录',
+      unknownResult: false
+    }
+  if (status === 403)
+    return {
+      kind: 'forbidden',
+      status,
+      code,
+      message: '没有执行此操作的权限',
+      unknownResult: false
+    }
+  if (status === 400)
+    return {
+      kind: 'validation',
+      status,
+      code,
+      message: backendMessage || '请求参数或业务条件不符合要求',
+      unknownResult: false
+    }
+  if (status === 409)
+    return {
+      kind: 'conflict',
+      status,
+      code,
+      message: backendMessage || '数据已发生变化，请刷新后重试',
+      unknownResult: false
+    }
+  if (status && status >= 500)
+    return {
+      kind: 'server',
+      status,
+      code,
+      message: '服务器处理失败，请稍后重试',
+      unknownResult: false
+    }
+  return {
+    kind: 'unknown',
+    status,
+    code,
+    message: backendMessage || '操作失败，请稍后重试',
+    unknownResult: false
   }
-  if (status === 401 || code === 401) return { kind: 'auth', status, code, message: '登录状态已失效，请重新登录', unknownResult: false }
-  if (status === 403) return { kind: 'forbidden', status, code, message: '没有执行此操作的权限', unknownResult: false }
-  if (status === 400) return { kind: 'validation', status, code, message: backendMessage || '请求参数或业务条件不符合要求', unknownResult: false }
-  if (status === 409) return { kind: 'conflict', status, code, message: backendMessage || '数据已发生变化，请刷新后重试', unknownResult: false }
-  if (status && status >= 500) return { kind: 'server', status, code, message: '服务器处理失败，请稍后重试', unknownResult: false }
-  return { kind: 'unknown', status, code, message: backendMessage || '操作失败，请稍后重试', unknownResult: false }
 }
diff --git a/src/utils/business/approvalSummary.ts b/src/utils/business/approvalSummary.ts
index 075bc29..97f8711 100644
--- a/src/utils/business/approvalSummary.ts
+++ b/src/utils/business/approvalSummary.ts
@@ -17,7 +17,9 @@ export const getApprovalStatusText = (summary: ApprovalSummary): string => {
     summary.approval_provider === 'wecom' ||
     summary.approval_instance_id
   ) {
-    return summary.approval_status_name || approvalStatusNames[Number(summary.approval_status)] || '-'
+    return (
+      summary.approval_status_name || approvalStatusNames[Number(summary.approval_status)] || '-'
+    )
   }
   return '-'
 }
@@ -27,7 +29,8 @@ export const getCurrentApproverSummaryText = (summary: ApprovalSummary): string
     summary.approval_source !== 'wecom' &&
     summary.approval_provider !== 'wecom' &&
     !summary.approval_instance_id
-  ) return '-'
+  )
+    return '-'
   return summary.current_approver_summary || '-'
 }
 
diff --git a/src/utils/business/paymentConfig.ts b/src/utils/business/paymentConfig.ts
index 8ef49f2..31a664f 100644
--- a/src/utils/business/paymentConfig.ts
+++ b/src/utils/business/paymentConfig.ts
@@ -25,7 +25,10 @@ export const getPaymentMerchantId = (
 }
 
 export const getPaymentNotifyUrl = (
-  config: Pick<PaymentSettings, 'provider_type' | 'wx_notify_url' | 'fy_notify_url' | 'ali_notify_url'>
+  config: Pick<
+    PaymentSettings,
+    'provider_type' | 'wx_notify_url' | 'fy_notify_url' | 'ali_notify_url'
+  >
 ): string => {
   if (config.provider_type === 'wechat' || config.provider_type === 'wechat_v2') {
     return config.wx_notify_url || '-'
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index b9294d2..f0841c4 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -1,3 +1,4 @@
+<!--suppress ALL -->
 <template>
   <ArtTableFullScreen>
     <div class="account-page" id="table-full-screen">
diff --git a/src/views/account-management/enterprise-customer/index.vue b/src/views/account-management/enterprise-customer/index.vue
index 0d707ad..59de110 100644
--- a/src/views/account-management/enterprise-customer/index.vue
+++ b/src/views/account-management/enterprise-customer/index.vue
@@ -18,6 +18,7 @@
           @refresh="handleRefresh"
         >
           <template #left>
+            <!--suppress VueUnrecognizedDirective -->
             <ElButton @click="showDialog('add')" v-permission="'enterprise_customer:add'"
               >新增企业客户</ElButton
             >
@@ -807,7 +808,7 @@
 
           dialogVisible.value = false
           formEl.resetFields()
-          getTableData()
+          await getTableData()
         } catch (error) {
           console.error(error)
         } finally {
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 3a5821b..49ad52b 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -515,6 +515,7 @@
       </ElButton>
       <!--<ElButton type="danger" v-permission="'iot_info:handler_stop'" @click="handleManualDeactivate"> 手动停用 </ElButton>-->
       <!-- 手动停用暂时不开放 -->
+      <!--suppress VueUnrecognizedDirective -->
       <ElButton
         v-if="canShowRealnamePolicy"
         v-permission="'asset:card_realname_policy'"
diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index 8dcac4e..cdfa957 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -84,7 +84,7 @@
 
     <div v-else v-loading="loading" class="wallet-table-wrapper">
       <ElTable v-if="hasTransactions" :data="transactionList" class="wallet-table" border>
-        <ElTableColumn prop="reference_no" label="业务编号"  show-overflow-tooltip>
+        <ElTableColumn prop="reference_no" label="业务编号" show-overflow-tooltip>
           <template #default="scope">
             <span v-if="scope.row.reference_no" class="reference-no-link">
               {{ scope.row.reference_no }}
@@ -444,7 +444,6 @@
         }
 
         .wallet-table {
-
           :deep(.el-table__header) {
             th {
               font-weight: 600;
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index b1d663d..68b7362 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -1828,9 +1828,9 @@
     .exchange-field-error {
       width: 100%;
       margin-top: 4px;
-      color: var(--el-color-danger);
       font-size: 12px;
       line-height: 1.2;
+      color: var(--el-color-danger);
     }
   }
 </style>
diff --git a/src/views/asset-management/task-management/bulk-purchase/detail.vue b/src/views/asset-management/task-management/bulk-purchase/detail.vue
index ced3ce4..051030e 100644
--- a/src/views/asset-management/task-management/bulk-purchase/detail.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/detail.vue
@@ -310,8 +310,8 @@
       max-width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
-      vertical-align: bottom;
       white-space: nowrap;
+      vertical-align: bottom;
     }
 
     .task-error {
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
index 6c64746..ffa431b 100644
--- a/src/views/asset-management/task-management/bulk-purchase/index.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -623,9 +623,9 @@
   .bulk-purchase-page {
     .task-list-header {
       display: flex;
+      gap: 12px;
       align-items: center;
       justify-content: space-between;
-      gap: 12px;
     }
 
     .task-list-toolbar {
@@ -670,10 +670,10 @@
       margin-top: 16px;
     }
 
-    @media (max-width: 768px) {
+    @media (width <= 768px) {
       .task-list-header {
-        align-items: flex-start;
         flex-direction: column;
+        align-items: flex-start;
       }
 
       .task-list-toolbar {
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index 8ff84f0..32aeb41 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -546,16 +546,16 @@
   .device-batch-allocation-page {
     .task-list-header {
       display: flex;
+      gap: 16px;
       align-items: center;
       justify-content: space-between;
-      gap: 16px;
     }
 
     .task-list-toolbar {
       display: flex;
       flex-wrap: wrap;
-      justify-content: flex-end;
       gap: 10px;
+      justify-content: flex-end;
     }
 
     .pagination-wrapper {
@@ -566,14 +566,14 @@
 
     .drawer-footer {
       display: flex;
-      justify-content: flex-end;
       gap: 12px;
+      justify-content: flex-end;
     }
 
-    @media (max-width: 900px) {
+    @media (width <= 900px) {
       .task-list-header {
-        align-items: flex-start;
         flex-direction: column;
+        align-items: flex-start;
       }
 
       .task-list-toolbar {
diff --git a/src/views/asset-management/task-management/device-task/index.vue b/src/views/asset-management/task-management/device-task/index.vue
index e86559a..9226e5b 100644
--- a/src/views/asset-management/task-management/device-task/index.vue
+++ b/src/views/asset-management/task-management/device-task/index.vue
@@ -620,8 +620,8 @@
   .device-task-page {
     .task-polling-error {
       display: flex;
-      align-items: center;
       gap: 12px;
+      align-items: center;
       margin-bottom: 12px;
     }
 
diff --git a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
index d58d07a..b5d5b06 100644
--- a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
+++ b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
@@ -452,7 +452,7 @@
 <style scoped>
   .drawer-footer {
     display: flex;
-    justify-content: flex-end;
     gap: 12px;
+    justify-content: flex-end;
   }
 </style>
diff --git a/src/views/asset-management/task-management/task-detail/index.vue b/src/views/asset-management/task-management/task-detail/index.vue
index aa6a6a6..6deb027 100644
--- a/src/views/asset-management/task-management/task-detail/index.vue
+++ b/src/views/asset-management/task-management/task-detail/index.vue
@@ -355,8 +355,8 @@
   .task-detail-page {
     .detail-header {
       display: flex;
-      align-items: center;
       gap: 16px;
+      align-items: center;
       padding-bottom: 16px;
 
       .detail-title {
diff --git a/src/views/audit/events/detail.vue b/src/views/audit/events/detail.vue
index 48b9a63..f1ea788 100644
--- a/src/views/audit/events/detail.vue
+++ b/src/views/audit/events/detail.vue
@@ -329,8 +329,8 @@
 
   .resource-snapshot-diff {
     display: grid;
-    grid-column: 1 / -1;
     grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-column: 1 / -1;
     gap: 16px;
   }
 
diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index d1b4f8b..ab8633b 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -979,15 +979,15 @@
 <style scoped lang="scss">
   .commission-summary {
     display: inline-flex;
-    align-items: center;
     flex-wrap: wrap;
     gap: 8px 14px;
+    align-items: center;
     margin-left: 12px;
 
     .commission-summary-item {
       display: inline-flex;
-      align-items: center;
       gap: 4px;
+      align-items: center;
       padding: 5px 10px;
       white-space: nowrap;
       background: var(--el-color-primary-light-9);
diff --git a/src/views/dashboard/ecommerce/index.vue b/src/views/dashboard/ecommerce/index.vue
index 32c4b40..20b0039 100644
--- a/src/views/dashboard/ecommerce/index.vue
+++ b/src/views/dashboard/ecommerce/index.vue
@@ -46,7 +46,6 @@
     <!--    <TransactionList />-->
     <!--  </el-col>-->
     <!--</el-row>-->
-
   </div>
 </template>
 
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index b113d0b..13511ae 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -385,9 +385,11 @@
   const qrContent = ref('')
   const onlineRequestId = ref<string | null>(null)
   const paymentStatusTimer = ref<ReturnType<typeof setInterval> | null>(null)
+  const ONLINE_MIN_RECHARGE_AMOUNT_FEN = 10
+  const ONLINE_MAX_RECHARGE_AMOUNT_FEN = 100000000
   const paymentMethodsBounds = reactive({
-    min_amount: 10000,
-    max_amount: 100000000
+    min_amount: ONLINE_MIN_RECHARGE_AMOUNT_FEN,
+    max_amount: ONLINE_MAX_RECHARGE_AMOUNT_FEN
   })
   const paymentVoucherFileKeys = ref<string[]>([])
 
@@ -1013,8 +1015,9 @@
       const res = await AgentRechargeService.getPaymentMethods()
       if (res.code === 0) {
         onlinePaymentMethods.value = Array.isArray(res.data?.methods) ? res.data.methods : []
-        paymentMethodsBounds.min_amount = Number(res.data?.min_amount) || 10000
-        paymentMethodsBounds.max_amount = Number(res.data?.max_amount) || 100000000
+        paymentMethodsBounds.min_amount = ONLINE_MIN_RECHARGE_AMOUNT_FEN
+        paymentMethodsBounds.max_amount =
+          Number(res.data?.max_amount) || ONLINE_MAX_RECHARGE_AMOUNT_FEN
         createForm.amount = minimumAmountYuan.value
       } else {
         ElMessage.warning(res.msg || '当前暂无可用在线支付方式')
@@ -1366,16 +1369,16 @@
 
   .online-recharge-empty-hint {
     margin-top: 8px;
-    color: var(--el-color-danger);
     font-size: 12px;
     line-height: 1.5;
+    color: var(--el-color-danger);
   }
 
   .online-recharge-qr-dialog {
     display: flex;
     flex-direction: column;
-    align-items: center;
     gap: 16px;
+    align-items: center;
 
     &__code-surface {
       display: flex;
@@ -1391,11 +1394,11 @@
     &__summary {
       display: flex;
       flex-direction: column;
-      align-items: center;
       gap: 8px;
+      align-items: center;
       width: 100%;
-      color: var(--el-text-color-regular);
       font-size: 14px;
+      color: var(--el-text-color-regular);
       text-align: center;
     }
 
@@ -1404,8 +1407,8 @@
     }
 
     &__loading {
-      color: var(--el-color-primary);
       font-size: 12px;
+      color: var(--el-color-primary);
     }
   }
 </style>
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index fbfb594..9ebacbd 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -2011,20 +2011,20 @@
     }
 
     .package-name {
-      grid-column: 1 / 3;
       grid-row: 1;
+      grid-column: 1 / 3;
       min-width: 0;
       padding-bottom: 8px;
-      border-bottom: 1px solid var(--el-border-color-lighter);
       font-size: 14px;
       color: var(--el-text-color-regular);
+      border-bottom: 1px solid var(--el-border-color-lighter);
     }
 
     .cost-price-input-wrapper {
-      grid-column: 1;
-      grid-row: 2;
       display: flex;
       flex-direction: column;
+      grid-row: 2;
+      grid-column: 1;
       gap: 6px;
       align-items: flex-start;
       width: 100%;
@@ -2041,20 +2041,20 @@
 
       .min-cost-hint {
         font-size: 12px;
-        color: var(--el-text-color-secondary);
         line-height: 1.4;
+        color: var(--el-text-color-secondary);
       }
     }
 
     .expiry-base-input-wrapper {
-      grid-column: 2;
-      grid-row: 2;
       display: flex;
       flex-direction: column;
+      grid-row: 2;
+      grid-column: 2;
       gap: 8px;
-      min-width: 0;
-      width: 100%;
       align-self: start;
+      width: 100%;
+      min-width: 0;
 
       .expiry-base-label {
         font-size: 13px;
@@ -2069,10 +2069,9 @@
     }
 
     :deep(.el-button) {
-      grid-column: 3;
       grid-row: 1;
-      align-self: start;
-      justify-self: end;
+      grid-column: 3;
+      place-self: start end;
       width: 56px;
       padding-right: 8px;
       padding-left: 8px;
@@ -2090,18 +2089,18 @@
       grid-template-columns: 1fr;
 
       .expiry-base-input-wrapper {
-        grid-column: 1 / -1;
         grid-row: 3;
+        grid-column: 1 / -1;
       }
 
       .cost-price-input-wrapper {
-        grid-column: 1 / -1;
         grid-row: 2;
+        grid-column: 1 / -1;
       }
 
       :deep(.el-button) {
-        grid-column: 3;
         grid-row: 1;
+        grid-column: 3;
         justify-self: start;
       }
     }
diff --git a/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
index 38fc998..eb548c5 100644
--- a/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
+++ b/src/views/settings/wecom/applications/components/WecomApplicationFormDialog.vue
@@ -207,8 +207,8 @@
 <style scoped lang="scss">
   .dialog-description {
     margin-bottom: 20px;
-    color: var(--el-text-color-secondary);
     font-size: 13px;
+    color: var(--el-text-color-secondary);
   }
 
   .application-form {
@@ -221,7 +221,7 @@
 
   .dialog-footer {
     display: flex;
-    justify-content: flex-end;
     gap: 12px;
+    justify-content: flex-end;
   }
 </style>
diff --git a/src/views/settings/wecom/members/index.vue b/src/views/settings/wecom/members/index.vue
index 366ea07..c83fd85 100644
--- a/src/views/settings/wecom/members/index.vue
+++ b/src/views/settings/wecom/members/index.vue
@@ -267,8 +267,8 @@
       :deep(> .el-card__body) {
         box-sizing: border-box;
         min-height: 0;
-        overflow-y: auto;
         padding-bottom: 24px;
+        overflow-y: auto;
       }
     }
 
@@ -303,10 +303,10 @@
 
       :deep(.el-card__body) {
         display: flex;
-        height: auto;
         flex-direction: column;
-        justify-content: space-between;
         gap: 10px;
+        justify-content: space-between;
+        height: auto;
         overflow: visible;
       }
     }
@@ -318,41 +318,41 @@
     }
 
     .member-card__header {
-      justify-content: space-between;
       gap: 12px;
+      justify-content: space-between;
     }
 
     .member-card__identity {
       display: flex;
-      min-width: 0;
       flex: 1;
-      align-items: center;
       gap: 10px;
+      align-items: center;
+      min-width: 0;
     }
 
     .member-card__avatar {
       flex-shrink: 0;
+      font-weight: 600;
       color: var(--el-color-primary);
       background: var(--el-color-primary-light-9);
-      font-weight: 600;
     }
 
     .member-card__name {
-      min-width: 0;
       flex: 1;
+      min-width: 0;
       overflow: hidden;
-      color: var(--el-text-color-primary);
       font-size: 16px;
       font-weight: 600;
+      color: var(--el-text-color-primary);
       text-overflow: ellipsis;
       white-space: nowrap;
     }
 
     .member-card__info {
-      justify-content: space-between;
       gap: 16px;
-      color: var(--el-text-color-regular);
+      justify-content: space-between;
       font-size: 13px;
+      color: var(--el-text-color-regular);
 
       span:last-child {
         min-width: 0;
@@ -381,19 +381,19 @@
       margin-top: 20px;
     }
 
-    @media (max-width: 1400px) {
+    @media (width <= 1400px) {
       .member-grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
       }
     }
 
-    @media (max-width: 1024px) {
+    @media (width <= 1024px) {
       .member-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
       }
     }
 
-    @media (max-width: 640px) {
+    @media (width <= 640px) {
       .member-grid {
         grid-template-columns: 1fr;
       }
diff --git a/src/views/settings/wecom/scenes/index.vue b/src/views/settings/wecom/scenes/index.vue
index a321da8..bccf48b 100644
--- a/src/views/settings/wecom/scenes/index.vue
+++ b/src/views/settings/wecom/scenes/index.vue
@@ -502,9 +502,9 @@
 
     .dialog-section {
       padding: 18px 20px;
+      background: var(--el-fill-color-blank);
       border: 1px solid var(--el-border-color-lighter);
       border-radius: 8px;
-      background: var(--el-fill-color-blank);
     }
 
     .dialog-section + .dialog-section {
@@ -513,22 +513,22 @@
 
     .dialog-section__header {
       display: flex;
+      gap: 16px;
       align-items: flex-start;
       justify-content: space-between;
-      gap: 16px;
       margin-bottom: 16px;
     }
 
     .dialog-section__title {
-      color: var(--el-text-color-primary);
       font-size: 15px;
       font-weight: 600;
+      color: var(--el-text-color-primary);
     }
 
     .dialog-section__description {
       margin-top: 4px;
-      color: var(--el-text-color-secondary);
       font-size: 12px;
+      color: var(--el-text-color-secondary);
     }
 
     .mapping-tip {
@@ -540,8 +540,8 @@
     .template-name {
       margin-top: 6px;
       overflow: hidden;
-      color: var(--el-text-color-secondary);
       font-size: 12px;
+      color: var(--el-text-color-secondary);
       text-overflow: ellipsis;
       white-space: nowrap;
     }
@@ -556,19 +556,19 @@
 
     .mapping-list {
       display: flex;
-      max-height: 420px;
       flex-direction: column;
       gap: 12px;
-      overflow-y: auto;
+      max-height: 420px;
       padding: 0 4px 4px;
+      overflow-y: auto;
     }
 
     .mapping-row {
       padding: 14px;
-      border: 1px solid var(--el-border-color-lighter);
-      border-radius: 6px;
       margin-top: 6px;
       background: var(--el-fill-color-blank);
+      border: 1px solid var(--el-border-color-lighter);
+      border-radius: 6px;
     }
 
     .mapping-row__grid {
@@ -579,31 +579,31 @@
 
     .mapping-field {
       display: flex;
-      min-width: 0;
       flex-direction: column;
       gap: 6px;
+      min-width: 0;
     }
 
     .mapping-field__label {
-      color: var(--el-text-color-secondary);
       font-size: 12px;
+      color: var(--el-text-color-secondary);
     }
 
     .dialog-footer {
       display: flex;
-      justify-content: flex-end;
       gap: 12px;
+      justify-content: flex-end;
     }
 
-    @media (max-width: 768px) {
+    @media (width <= 768px) {
       .dialog-section {
         padding: 14px;
       }
 
       .dialog-section__header {
-        align-items: stretch;
         flex-direction: column;
         gap: 8px;
+        align-items: stretch;
       }
 
       .mapping-tip {
@@ -617,13 +617,13 @@
     }
   }
 
-  @media (max-width: 1200px) {
+  @media (width <= 1200px) {
     .mapping-row__grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
 
-  @media (max-width: 768px) {
+  @media (width <= 768px) {
     :deep(.wecom-scene-dialog) {
       width: calc(100vw - 32px) !important;
     }
diff --git a/src/views/shop-management/detail/index.vue b/src/views/shop-management/detail/index.vue
index 702d1e1..c998672 100644
--- a/src/views/shop-management/detail/index.vue
+++ b/src/views/shop-management/detail/index.vue
@@ -16,20 +16,30 @@
           <ElDescriptionsItem label="店铺名称">{{ shop.shop_name || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="店铺编号">{{ shop.shop_code || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="店铺层级">{{ shop.level }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="上级店铺">{{ shop.parent_shop_name || '-' }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="上级店铺">{{
+            shop.parent_shop_name || '-'
+          }}</ElDescriptionsItem>
           <ElDescriptionsItem label="联系人">{{ shop.contact_name || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="联系电话">{{ shop.contact_phone || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="平台业务员">
             {{ formatBusinessOwner(shop) }}
           </ElDescriptionsItem>
           <ElDescriptionsItem label="业务员通知状态">
-            {{ shop.business_owner_account_id ? (shop.business_owner_available ? '可用' : '已停用') : '-' }}
+            {{
+              shop.business_owner_account_id
+                ? shop.business_owner_available
+                  ? '可用'
+                  : '已停用'
+                : '-'
+            }}
           </ElDescriptionsItem>
           <ElDescriptionsItem label="省份">{{ shop.province || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="城市">{{ shop.city || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="区县">{{ shop.district || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="详细地址">{{ shop.address || '-' }}</ElDescriptionsItem>
-          <ElDescriptionsItem label="状态">{{ shop.status_name || shop.status }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="状态">{{
+            shop.status_name || shop.status
+          }}</ElDescriptionsItem>
           <ElDescriptionsItem label="创建时间">{{ shop.created_at || '-' }}</ElDescriptionsItem>
           <ElDescriptionsItem label="更新时间">{{ shop.updated_at || '-' }}</ElDescriptionsItem>
         </ElDescriptions>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 37a60e7..84deadd 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -88,7 +88,6 @@
                 />
               </ElFormItem>
               <ElFormItem label="默认信用额度">
-                <div class="credit-form-unit">单位：元</div>
                 <ElInputNumber
                   v-model="form.credit_limit_yuan"
                   :disabled="!form.credit_enabled"
@@ -101,7 +100,7 @@
                   :formatter="formatCreditInput"
                   :parser="parseCreditInput"
                 />
-                <div class="credit-form-tip">修改后不会影响已有店铺</div>
+                <div class="credit-form-tip">单位：元，修改后不会影响已有店铺</div>
               </ElFormItem>
             </template>
           </ElForm>

From d9d07422a91da5f8989cf319d79498ef0e0a8a05 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 18 Aug 2026 17:36:41 +0800
Subject: [PATCH 69/76] fix: update some files

---
 .../add-historical-approval-resend/design.md  |  50 ++
 .../proposal.md                               |  39 ++
 .../specs/agent-recharge/spec.md              |  56 +++
 .../specs/refund-management/spec.md           |  56 +++
 .../add-historical-approval-resend/tasks.md   |  23 +
 .../design.md                                 |  14 +
 .../proposal.md                               |  24 +
 .../specs/notification-center/spec.md         |  22 +
 .../tasks.md                                  |  15 +
 scripts/tests/agentRechargeService.test.mjs   |   2 +-
 src/api/modules/agentRecharge.ts              |  10 +
 src/api/modules/refund.ts                     |   8 +
 .../core/layouts/art-notification/index.vue   |  38 +-
 .../core/layouts/art-notification/style.scss  |  12 +
 src/store/modules/notification.ts             |  53 ++-
 .../asset-management/device-list/index.vue    |  10 +-
 .../exchange-management/detail.vue            |  60 ---
 .../exchange-management/index.vue             |   8 +-
 .../expiring-assets/index.vue                 |  34 +-
 .../export-task-list/index.vue                |   8 +-
 .../record-management/asset-assign/detail.vue |  48 +-
 .../record-management/asset-assign/index.vue  |   8 +-
 .../authorization-records/index.vue           |   6 +-
 .../task-management/device-task/index.vue     |   4 +-
 .../task-management/iot-card-task/index.vue   |   4 +-
 src/views/audit/events/index.vue              |  36 +-
 src/views/audit/integrations/index.vue        |  77 +++-
 src/views/audit/risks/index.vue               |  20 +-
 .../agent-fund-overview/index.vue             |   4 +-
 .../my-commission/index.vue                   |  20 +-
 .../withdrawal-approval/index.vue             |   6 +-
 .../agent-recharge/agentRechargeActions.ts    |  19 +-
 src/views/finance/agent-recharge/detail.vue   | 126 ++---
 src/views/finance/agent-recharge/index.vue    | 334 ++++++++------
 src/views/finance/refund/detail.vue           | 138 +++---
 src/views/finance/refund/index.vue            | 434 ++++++++++--------
 .../order-management/order-list/detail.vue    |  34 --
 .../order-management/order-list/index.vue     |   8 +-
 38 files changed, 1140 insertions(+), 728 deletions(-)
 create mode 100644 openspec/changes/add-historical-approval-resend/design.md
 create mode 100644 openspec/changes/add-historical-approval-resend/proposal.md
 create mode 100644 openspec/changes/add-historical-approval-resend/specs/agent-recharge/spec.md
 create mode 100644 openspec/changes/add-historical-approval-resend/specs/refund-management/spec.md
 create mode 100644 openspec/changes/add-historical-approval-resend/tasks.md
 create mode 100644 openspec/changes/update-notification-drawer-pagination/design.md
 create mode 100644 openspec/changes/update-notification-drawer-pagination/proposal.md
 create mode 100644 openspec/changes/update-notification-drawer-pagination/specs/notification-center/spec.md
 create mode 100644 openspec/changes/update-notification-drawer-pagination/tasks.md

diff --git a/openspec/changes/add-historical-approval-resend/design.md b/openspec/changes/add-historical-approval-resend/design.md
new file mode 100644
index 0000000..cf539b1
--- /dev/null
+++ b/openspec/changes/add-historical-approval-resend/design.md
@@ -0,0 +1,50 @@
+## Context
+
+退款和代理充值已经接入企微审批，但部分历史记录在审批流程上线前创建，列表中的 `approval_status` 为空。这些记录需要由运营人员手动触发一次审批补发，才能进入企微审批链路。
+
+## Goals / Non-Goals
+
+- Goals: 提供代理充值和退款的历史审批补发入口。
+- Goals: 通过路径参数指定目标记录，并复用后端返回的完整记录与审批状态。
+- Goals: 由明确的状态规则控制入口展示，后端做最终资格校验。
+- Non-Goals: 不在前端实现审批提交、审批回调或审批引擎。
+- Non-Goals: 不修改历史记录的业务字段、金额或支付/退款结果。
+- Non-Goals: 不提供批量自动补发。
+
+## Decisions
+
+- Decision: 两个模块分别新增 `triggerApproval(id)` 服务方法，返回完整业务记录并保留审批字段。
+- Rationale: 两个接口契约一致，成功后页面需要立即展示最新审批状态，完整记录可直接用于刷新。
+
+- Decision: 代理充值仅在 `approval_status` 为空且 `status` 不属于已完成、已驳回、已关闭时显示补发入口；退款仅在 `status=待审批` 且 `approval_status` 为空时显示补发入口。
+- Rationale: 与业务规则一致，避免对已进入审批或已终结的记录重复补发；后端仍做最终资格校验。
+
+- Decision: 引入独立按钮权限 `agent_recharge:trigger_approval` 和 `refund:trigger_approval`。
+- Rationale: 补发审批是财务相关敏感操作，需与现有确认支付、拒绝、重新申请权限区分。
+
+- Decision: 补发审批与现有“确认支付/拒绝”和“重新申请”操作共存。
+- Rationale: 它们承担不同职责；补发审批只是把历史记录推进企微审批，不改变后续人工确认或重新申请的流程。
+
+## Risks / Trade-offs
+
+- Risk: 代理充值中 `status=已支付`、`已退款` 等非终态记录是否允许补发，需要后端最终确认。
+- Mitigation: 前端按约定的审批状态与状态排除规则展示入口，后端对不允许的记录返回错误并稳定展示。
+
+- Risk: 接口可能对部分状态返回拒绝。
+- Mitigation: 前端处理后端错误信息，不将失败记录标记为已补发。
+
+- Risk: 重复点击可能触发多次审批提交。
+- Mitigation: 提交期间锁定按钮并禁用重复触发；后端应保证幂等或返回明确的已存在审批提示。
+
+## Migration Plan
+
+1. 确认两个 `trigger-approval` 接口的响应字段与现有 `AgentRecharge`、`Refund` 类型一致。
+2. 新增服务方法和按钮权限。
+3. 在列表接入补发审批入口及资格判断。
+4. 联调补发成功、接口拒绝、权限缺失、审批状态为空与状态不符合条件等场景。
+5. 验证与现有确认支付、拒绝、重新申请操作不冲突。
+
+## Open Questions
+
+- 后端对可补发记录的最终状态校验以及幂等性需确认。
+- 两个接口是否都需要独立权限码，还是复用现有审批/财务权限，需与后端权限配置对齐。
diff --git a/openspec/changes/add-historical-approval-resend/proposal.md b/openspec/changes/add-historical-approval-resend/proposal.md
new file mode 100644
index 0000000..624231f
--- /dev/null
+++ b/openspec/changes/add-historical-approval-resend/proposal.md
@@ -0,0 +1,39 @@
+# Change: 补发历史线下代理充值审批与补发历史退款审批
+
+## Why
+
+历史线下代理充值记录和历史退款申请在企微审批流程上线前创建，列表中这些记录的审批状态为空，运营人员无法为它们补发审批流程。需要为这两类业务提供“补发审批”入口，调用后端触发审批接口，将历史记录纳入企微审批。
+
+## What Changes
+
+- 在 `AgentRechargeService` 新增 `triggerApproval(id)`，调用 `POST /api/admin/agent-recharges/{id}/trigger-approval`。
+- 在 `RefundService` 新增 `triggerApproval(id)`，调用 `POST /api/admin/refunds/{id}/trigger-approval`。
+- 在代理充值列表为 `approval_status` 为空且 `status` 不属于已完成、已驳回、已关闭的充值记录增加“补发审批”操作。
+- 在退款列表为 `status=待审批` 且 `approval_status` 为空的退款申请增加“补发审批”操作。
+- 引入权限 `agent_recharge:trigger_approval` 和 `refund:trigger_approval`，仅对有权限的平台账号展示操作。
+- 补发成功后刷新列表并展示返回的最新审批状态；失败时展示后端错误信息。
+- 不改变现有“确认支付”“拒绝”“重新申请”等操作的资格和职责。
+
+## Impact
+
+- Affected specs:
+  - `agent-recharge`
+  - `refund-management`
+- Affected code:
+  - `src/api/modules/agentRecharge.ts`
+  - `src/api/modules/refund.ts`
+  - `src/types/api/agentRecharge.ts`
+  - `src/types/api/refund.ts`
+  - `src/views/finance/agent-recharge/agentRechargeActions.ts`
+  - `src/views/finance/agent-recharge/index.vue`
+  - `src/views/finance/refund/index.vue`
+- API contracts:
+  - `POST /api/admin/agent-recharges/{id}/trigger-approval`
+  - `POST /api/admin/refunds/{id}/trigger-approval`
+- Dependencies:
+  - 后端按文档返回完整业务记录及当前审批状态。
+  - 后端负责校验记录是否可补发审批，前端仅控制入口展示并处理后端拒绝。
+- Out of scope:
+  - 企微审批的发起、撤回、通过、驳回或删除动作本身。
+  - 修改历史记录的业务字段、金额或支付/退款结果。
+  - 自动判断并批量补发历史审批。
diff --git a/openspec/changes/add-historical-approval-resend/specs/agent-recharge/spec.md b/openspec/changes/add-historical-approval-resend/specs/agent-recharge/spec.md
new file mode 100644
index 0000000..aa68abb
--- /dev/null
+++ b/openspec/changes/add-historical-approval-resend/specs/agent-recharge/spec.md
@@ -0,0 +1,56 @@
+## ADDED Requirements
+
+### Requirement: Agent Recharge Historical Approval Resend API
+
+The agent recharge service SHALL expose a historical approval resend operation through `POST /api/admin/agent-recharges/{id}/trigger-approval`.
+
+#### Scenario: Resend approval for a historical offline recharge
+
+- **GIVEN** 一个需要补发审批的历史线下代理充值记录 `id`
+- **WHEN** 前端调用 `POST /api/admin/agent-recharges/{id}/trigger-approval`
+- **THEN** 请求 MUST 在路径参数中携带该充值记录 `id`
+- **AND** 成功响应 MUST 被解析为完整的 `AgentRecharge` 记录，并保留 `approval_provider`、`approval_instance_id`、`approval_status` 和 `approval_status_name` 字段
+
+### Requirement: Agent Recharge Historical Approval Resend Entry
+
+The agent recharge list page SHALL provide a `补发审批` action only for recharge records whose `approval_status` is empty and whose business `status` is not completed, rejected, or closed, and SHALL gate it by permission.
+
+#### Scenario: Show resend action for an eligible recharge
+
+- **GIVEN** 平台账号拥有 `agent_recharge:trigger_approval` 权限
+- **AND** 充值记录的 `approval_status` 为空（`null` 或 `undefined`）
+- **AND** 充值记录的 `status` 不属于已完成（3）、已驳回（6）、已关闭（4）
+- **WHEN** 页面渲染代理充值列表
+- **THEN** 页面 MUST 为该记录显示“补发审批”操作
+
+#### Scenario: Hide resend action when approval status is present
+
+- **GIVEN** 充值记录的 `approval_status` 不为空
+- **WHEN** 页面渲染该记录
+- **THEN** 页面 MUST NOT 显示“补发审批”操作
+
+#### Scenario: Hide resend action for terminal recharge statuses
+
+- **GIVEN** 充值记录的 `status` 为已完成（3）、已驳回（6）或已关闭（4）
+- **WHEN** 页面渲染该记录
+- **THEN** 页面 MUST NOT 显示“补发审批”操作
+
+#### Scenario: Hide resend action without permission
+
+- **GIVEN** 当前账号不拥有 `agent_recharge:trigger_approval` 权限
+- **WHEN** 页面渲染代理充值记录
+- **THEN** 页面 MUST NOT 显示“补发审批”操作
+
+#### Scenario: Resend approval succeeds
+
+- **GIVEN** 用户对符合条件的充值记录点击“补发审批”
+- **WHEN** 接口返回 `code=0`
+- **THEN** 页面 MUST 显示成功提示并刷新列表
+- **AND** 刷新后的记录 MUST 展示接口返回的最新审批状态
+
+#### Scenario: Resend approval fails
+
+- **GIVEN** 接口返回非零 `code` 或请求失败
+- **WHEN** 用户触发“补发审批”
+- **THEN** 页面 MUST 展示后端返回的错误信息
+- **AND** 页面 MUST NOT 将记录标记为已补发审批
diff --git a/openspec/changes/add-historical-approval-resend/specs/refund-management/spec.md b/openspec/changes/add-historical-approval-resend/specs/refund-management/spec.md
new file mode 100644
index 0000000..7f95cd8
--- /dev/null
+++ b/openspec/changes/add-historical-approval-resend/specs/refund-management/spec.md
@@ -0,0 +1,56 @@
+## ADDED Requirements
+
+### Requirement: Refund Historical Approval Resend API
+
+The refund service SHALL expose a historical approval resend operation through `POST /api/admin/refunds/{id}/trigger-approval`.
+
+#### Scenario: Resend approval for a historical refund
+
+- **GIVEN** 一个需要补发审批的历史退款申请 `id`
+- **WHEN** 前端调用 `POST /api/admin/refunds/{id}/trigger-approval`
+- **THEN** 请求 MUST 在路径参数中携带该退款申请 `id`
+- **AND** 成功响应 MUST 被解析为完整的 `Refund` 记录，并保留 `approval_provider`、`approval_instance_id`、`approval_status` 和 `approval_status_name` 字段
+
+### Requirement: Refund Historical Approval Resend Entry
+
+The refund list page SHALL provide a `补发审批` action only for refund records whose `status` is pending approval and whose `approval_status` is empty, and SHALL gate it by permission.
+
+#### Scenario: Show resend action for an eligible refund
+
+- **GIVEN** 平台账号拥有 `refund:trigger_approval` 权限
+- **AND** 退款申请的 `status` 为待审批（1）
+- **AND** 退款申请的 `approval_status` 为空（`null` 或 `undefined`）
+- **WHEN** 页面渲染退款列表
+- **THEN** 页面 MUST 为该记录显示“补发审批”操作
+
+#### Scenario: Hide resend action when refund status is not pending
+
+- **GIVEN** 退款申请的 `status` 不为待审批（1）
+- **WHEN** 页面渲染该记录
+- **THEN** 页面 MUST NOT 显示“补发审批”操作
+
+#### Scenario: Hide resend action when approval status is present
+
+- **GIVEN** 退款申请的 `approval_status` 不为空
+- **WHEN** 页面渲染该记录
+- **THEN** 页面 MUST NOT 显示“补发审批”操作
+
+#### Scenario: Hide resend action without permission
+
+- **GIVEN** 当前账号不拥有 `refund:trigger_approval` 权限
+- **WHEN** 页面渲染退款记录
+- **THEN** 页面 MUST NOT 显示“补发审批”操作
+
+#### Scenario: Resend approval succeeds
+
+- **GIVEN** 用户对符合条件的退款申请点击“补发审批”
+- **WHEN** 接口返回 `code=0`
+- **THEN** 页面 MUST 显示成功提示并刷新列表
+- **AND** 刷新后的记录 MUST 展示接口返回的最新审批状态
+
+#### Scenario: Resend approval fails
+
+- **GIVEN** 接口返回非零 `code` 或请求失败
+- **WHEN** 用户触发“补发审批”
+- **THEN** 页面 MUST 展示后端返回的错误信息
+- **AND** 页面 MUST NOT 将记录标记为已补发审批
diff --git a/openspec/changes/add-historical-approval-resend/tasks.md b/openspec/changes/add-historical-approval-resend/tasks.md
new file mode 100644
index 0000000..8f4f5a9
--- /dev/null
+++ b/openspec/changes/add-historical-approval-resend/tasks.md
@@ -0,0 +1,23 @@
+## 1. 类型与 API 契约
+
+- [x] 1.1 在 `src/api/modules/agentRecharge.ts` 新增 `triggerApproval(id)` 方法
+- [x] 1.2 在 `src/api/modules/refund.ts` 新增 `triggerApproval(id)` 方法
+- [x] 1.3 确认 `AgentRecharge` 和 `Refund` 类型包含 `approval_provider`、`approval_source`、`approval_instance_id`、`approval_status`、`approval_status_name`
+
+## 2. 代理充值补发审批入口
+
+- [x] 2.1 在 `agentRechargeActions.ts` 增加“补发审批”动作及资格判断
+- [x] 2.2 在代理充值列表接入权限 `agent_recharge:trigger_approval` 与成功/失败处理
+- [x] 2.3 补发成功后刷新列表并展示最新审批状态
+
+## 3. 退款补发审批入口
+
+- [x] 3.1 在退款列表 `getActions` 增加“补发审批”动作及资格判断
+- [x] 3.2 接入权限 `refund:trigger_approval` 与成功/失败处理
+- [x] 3.3 补发成功后刷新列表并展示最新审批状态
+
+## 4. 校验与验证
+
+- [x] 4.1 运行 `openspec validate add-historical-approval-resend --strict`
+- [x] 4.2 运行 ESLint、类型检查并修复
+- [ ] 4.3 手工验证有/无审批实例、线上/线下充值、权限开关等场景
diff --git a/openspec/changes/update-notification-drawer-pagination/design.md b/openspec/changes/update-notification-drawer-pagination/design.md
new file mode 100644
index 0000000..98601bf
--- /dev/null
+++ b/openspec/changes/update-notification-drawer-pagination/design.md
@@ -0,0 +1,14 @@
+## Context
+
+顶部通知抽屉已经通过通知列表接口加载最近 10 条，但当前共享状态没有保存列表分页信息。分页应复用现有通知列表接口，避免新增接口或改变通知数据契约。
+
+## Decisions
+
+- Decision: 分页状态由通知 store 保存，包括当前页、每页数量和总条数；列表请求返回后整体替换 `recentNotifications`。
+- Decision: 页码切换使用 `GET /api/admin/notifications?page=<page>&page_size=10`，加载期间沿用现有 loading 状态。
+- Decision: 分类切换将页码重置为 1，并重新加载列表；不使用滚动事件触发请求。
+- Decision: 分页控件放在通知列表底部，列表区域继续保持固定高度，避免抽屉整体布局跳动。
+
+## Risks / Trade-offs
+
+- 分类当前由抽屉对已加载页面进行过滤，分类页的总数仍由通知列表接口返回的总体 `total` 表示；本次不扩展后端分类分页契约。
diff --git a/openspec/changes/update-notification-drawer-pagination/proposal.md b/openspec/changes/update-notification-drawer-pagination/proposal.md
new file mode 100644
index 0000000..c761f4f
--- /dev/null
+++ b/openspec/changes/update-notification-drawer-pagination/proposal.md
@@ -0,0 +1,24 @@
+# Change: 通知抽屉改为分页浏览
+
+## Why
+
+顶部通知抽屉目前只展示最近 10 条通知，用户无法通过页码查看更早的通知。通知列表应使用明确的分页操作，避免依赖下滑加载更多的交互。
+
+## What Changes
+
+- 顶部通知抽屉增加页码分页控件，默认每页展示 10 条。
+- 切换页码时调用通知列表接口并替换当前列表，不追加滚动加载。
+- 切换通知分类时重置到第 1 页，并保持现有分类统计、已读和跳转行为。
+- 保留 `/api/admin/notifications` 的 `page`、`page_size` 分页参数和后端返回的 `total`。
+
+## Impact
+
+- Affected specs:
+  - `notification-center`
+- Affected code:
+  - `src/components/core/layouts/art-notification/index.vue`
+  - `src/components/core/layouts/art-notification/style.scss`
+  - `src/store/modules/notification.ts`
+- Out of scope:
+  - 不改变通知接口、通知分类统计和已读接口。
+  - 不接入下滑加载、无限滚动或新的实时推送机制。
diff --git a/openspec/changes/update-notification-drawer-pagination/specs/notification-center/spec.md b/openspec/changes/update-notification-drawer-pagination/specs/notification-center/spec.md
new file mode 100644
index 0000000..abf9a8f
--- /dev/null
+++ b/openspec/changes/update-notification-drawer-pagination/specs/notification-center/spec.md
@@ -0,0 +1,22 @@
+## MODIFIED Requirements
+
+### Requirement: Global Notification Bell
+
+The admin frontend SHALL provide a global notification bell in the top navigation near the settings and user avatar entries.
+
+#### Scenario: Display unread count
+
+- **GIVEN** 用户已登录后台
+- **WHEN** 顶部导航加载未读通知数量
+- **THEN** 铃铛 MUST call `GET /api/admin/notifications/unread-count`
+- **AND** 数量 MUST display as `0`, `1` through `99`, or `99+`
+
+#### Scenario: Open paginated notification drawer
+
+- **WHEN** 用户点击顶部通知铃铛
+- **THEN** 页面 MUST display notification items from `GET /api/admin/notifications` using `page=1` and `page_size=10`
+- **AND** 抽屉 MUST provide 全部、审批、临期、同步/系统分类
+- **AND** 抽屉 MUST provide page controls based on the response `total`
+- **AND** changing page MUST replace the visible items instead of appending items from a scroll event
+- **AND** changing category MUST reset the page to 1
+- **AND** 抽屉 MUST provide an entry to `/notifications`
diff --git a/openspec/changes/update-notification-drawer-pagination/tasks.md b/openspec/changes/update-notification-drawer-pagination/tasks.md
new file mode 100644
index 0000000..b9278b1
--- /dev/null
+++ b/openspec/changes/update-notification-drawer-pagination/tasks.md
@@ -0,0 +1,15 @@
+## 1. Notification State
+
+- [x] 1.1 在通知 store 中保存当前页、每页数量和列表总数。
+- [x] 1.2 支持按指定页请求通知，并用新结果替换当前列表。
+
+## 2. Notification Drawer
+
+- [x] 2.1 在通知列表底部增加页码分页控件，默认每页 10 条。
+- [x] 2.2 切换页码时重新请求列表并回到列表顶部。
+- [x] 2.3 切换分类时重置页码并保持现有分类、已读和跳转行为。
+
+## 3. Verification
+
+- [x] 3.1 验证分页请求携带正确的 `page` 和 `page_size`，且列表不会累加旧页数据。
+- [x] 3.2 运行通知相关 lint、类型、格式、样式和编码检查；当前仓库暂无通知专项测试。
diff --git a/scripts/tests/agentRechargeService.test.mjs b/scripts/tests/agentRechargeService.test.mjs
index 425f053..6010096 100644
--- a/scripts/tests/agentRechargeService.test.mjs
+++ b/scripts/tests/agentRechargeService.test.mjs
@@ -27,7 +27,7 @@ test('agent recharge rejection posts the rejection reason to the order rejection
             code: 0,
             data: {
               methods: ['wechat', 'alipay'],
-              min_amount: 10,
+              min_amount: 10000,
               max_amount: 100000000
             }
           })
diff --git a/src/api/modules/agentRecharge.ts b/src/api/modules/agentRecharge.ts
index 84e87b9..6b07651 100644
--- a/src/api/modules/agentRecharge.ts
+++ b/src/api/modules/agentRecharge.ts
@@ -88,4 +88,14 @@ export class AgentRechargeService extends BaseService {
   ): Promise<BaseResponse<void>> {
     return this.post<BaseResponse<void>>(`/api/admin/agent-recharges/${id}/reject`, data)
   }
+
+  /**
+   * 补发历史线下代理充值审批
+   * @param id 充值记录ID
+   */
+  static triggerApproval(id: number): Promise<BaseResponse<AgentRecharge>> {
+    return this.post<BaseResponse<AgentRecharge>>(
+      `/api/admin/agent-recharges/${id}/trigger-approval`
+    )
+  }
 }
diff --git a/src/api/modules/refund.ts b/src/api/modules/refund.ts
index 2752a7a..4b8f0de 100644
--- a/src/api/modules/refund.ts
+++ b/src/api/modules/refund.ts
@@ -45,4 +45,12 @@ export class RefundService extends BaseService {
   static resubmitRefund(id: number, data: ResubmitRefundRequest): Promise<BaseResponse<void>> {
     return this.post<BaseResponse<void>>(`/api/admin/refunds/${id}/resubmit`, data)
   }
+
+  /**
+   * 补发历史退款审批
+   * @param id 退款申请ID
+   */
+  static triggerApproval(id: number): Promise<BaseResponse<Refund>> {
+    return this.post<BaseResponse<Refund>>(`/api/admin/refunds/${id}/trigger-approval`)
+  }
 }
diff --git a/src/components/core/layouts/art-notification/index.vue b/src/components/core/layouts/art-notification/index.vue
index 0848193..eab3816 100644
--- a/src/components/core/layouts/art-notification/index.vue
+++ b/src/components/core/layouts/art-notification/index.vue
@@ -12,14 +12,14 @@
           :key="tab.value"
           type="button"
           :class="{ active: activeCategory === tab.value }"
-          @click="activeCategory = tab.value"
+          @click="handleCategoryChange(tab.value)"
         >
           {{ tab.label }}<span v-if="tab.count"> ({{ tab.count }})</span>
         </button>
       </div>
 
       <div class="content">
-        <div v-loading="notificationStore.loading" class="scroll">
+        <div ref="notificationListRef" v-loading="notificationStore.loading" class="scroll">
           <button
             v-for="item in filteredItems"
             :key="item.id"
@@ -43,6 +43,21 @@
             <p>暂无通知</p>
           </div>
         </div>
+        <div
+          v-if="notificationStore.notificationTotal > notificationStore.notificationPageSize"
+          class="pagination"
+        >
+          <ElPagination
+            :current-page="notificationStore.notificationPage"
+            :page-size="notificationStore.notificationPageSize"
+            :total="notificationStore.notificationTotal"
+            :pager-count="5"
+            background
+            layout="prev, pager, next"
+            small
+            @current-change="handlePageChange"
+          />
+        </div>
       </div>
     </div>
   </div>
@@ -64,6 +79,7 @@
   const router = useRouter()
   const notificationStore = useNotificationStore()
   const activeCategory = ref<'all' | NotificationCategory>('all')
+  const notificationListRef = ref<HTMLElement | null>(null)
   const visible = computed(() => props.modelValue)
 
   const categoryMatches = (item: NotificationItem, category: string) => {
@@ -96,6 +112,24 @@
 
   const close = () => emit('update:modelValue', false)
 
+  const loadNotificationPage = async (page: number) => {
+    try {
+      await notificationStore.loadNotifications(page)
+      notificationListRef.value?.scrollTo({ top: 0 })
+    } catch (error: any) {
+      ElMessage.error(error?.message || '获取通知失败')
+    }
+  }
+
+  const handleCategoryChange = (category: 'all' | NotificationCategory) => {
+    activeCategory.value = category
+    void loadNotificationPage(1)
+  }
+
+  const handlePageChange = (page: number) => {
+    void loadNotificationPage(page)
+  }
+
   const handleMarkAllRead = async () => {
     try {
       const response = await notificationStore.markAllRead()
diff --git a/src/components/core/layouts/art-notification/style.scss b/src/components/core/layouts/art-notification/style.scss
index df92bd9..d043cf4 100644
--- a/src/components/core/layouts/art-notification/style.scss
+++ b/src/components/core/layouts/art-notification/style.scss
@@ -68,6 +68,18 @@
     overflow-y: auto;
   }
 
+  .pagination {
+    display: flex;
+    justify-content: center;
+    padding: 12px 8px;
+    overflow-x: auto;
+    border-top: 1px solid var(--art-border-color);
+
+    :deep(.el-pagination) {
+      justify-content: center;
+    }
+  }
+
   .notification-item {
     display: flex;
     gap: 10px;
diff --git a/src/store/modules/notification.ts b/src/store/modules/notification.ts
index 564fe27..32f2225 100644
--- a/src/store/modules/notification.ts
+++ b/src/store/modules/notification.ts
@@ -1,7 +1,12 @@
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 import { NotificationService } from '@/api/modules/notification'
-import type { NotificationItem, NotificationUnreadSummary } from '@/types/api'
+import type {
+  BaseResponse,
+  NotificationItem,
+  NotificationListResponse,
+  NotificationUnreadSummary
+} from '@/types/api'
 
 const emptySummary = (): NotificationUnreadSummary => ({
   approval: 0,
@@ -16,8 +21,22 @@ export const useNotificationStore = defineStore('notificationStore', () => {
   const displayCount = ref('0')
   const summary = ref<NotificationUnreadSummary>(emptySummary())
   const recentNotifications = ref<NotificationItem[]>([])
+  const notificationPage = ref(1)
+  const notificationPageSize = 10
+  const notificationTotal = ref(0)
   const loading = ref(false)
 
+  const applyNotificationList = (
+    response: BaseResponse<NotificationListResponse>,
+    fallbackPage: number
+  ) => {
+    if (response.code !== 0 || !response.data) return
+
+    recentNotifications.value = response.data.items
+    notificationPage.value = response.data.page || fallbackPage
+    notificationTotal.value = Math.max(0, response.data.total || 0)
+  }
+
   const refreshUnreadCount = async () => {
     const response = await NotificationService.getUnreadCount()
     if (response.code === 0 && response.data) {
@@ -27,19 +46,33 @@ export const useNotificationStore = defineStore('notificationStore', () => {
     return unreadCount.value
   }
 
-  const refreshSummary = async () => {
+  const loadNotifications = async (page = notificationPage.value) => {
+    const targetPage = Math.max(1, page)
+    loading.value = true
+    try {
+      const response = await NotificationService.getNotifications({
+        page: targetPage,
+        page_size: notificationPageSize
+      })
+      applyNotificationList(response, targetPage)
+      return response
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const refreshSummary = async (page = 1) => {
+    const targetPage = Math.max(1, page)
     loading.value = true
     try {
       const [summaryResponse, listResponse] = await Promise.all([
         NotificationService.getUnreadSummary(),
-        NotificationService.getNotifications({ page: 1, page_size: 10 })
+        NotificationService.getNotifications({ page: targetPage, page_size: notificationPageSize })
       ])
       if (summaryResponse.code === 0 && summaryResponse.data) {
         summary.value = summaryResponse.data
       }
-      if (listResponse.code === 0 && listResponse.data) {
-        recentNotifications.value = listResponse.data.items.slice(0, 10)
-      }
+      applyNotificationList(listResponse, targetPage)
       await refreshUnreadCount()
       return summary.value
     } finally {
@@ -50,7 +83,7 @@ export const useNotificationStore = defineStore('notificationStore', () => {
   const markRead = async (id: number) => {
     const response = await NotificationService.markRead(id)
     if (response.code === 0) {
-      await refreshSummary()
+      await refreshSummary(notificationPage.value)
     }
     return response
   }
@@ -58,7 +91,7 @@ export const useNotificationStore = defineStore('notificationStore', () => {
   const markAllRead = async (category?: string) => {
     const response = await NotificationService.markAllRead(category ? { category } : {})
     if (response.code === 0) {
-      await refreshSummary()
+      await refreshSummary(notificationPage.value)
     }
     return response
   }
@@ -68,8 +101,12 @@ export const useNotificationStore = defineStore('notificationStore', () => {
     displayCount,
     summary,
     recentNotifications,
+    notificationPage,
+    notificationPageSize,
+    notificationTotal,
     loading,
     refreshUnreadCount,
+    loadNotifications,
     refreshSummary,
     markRead,
     markAllRead
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 5f9da04..69e7088 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -397,11 +397,11 @@
             >
               <ElDatePicker
                 v-model="seriesBindingForm.created_at_range"
-                type="daterange"
+                type="datetimerange"
                 range-separator="至"
                 start-placeholder="开始时间"
                 end-placeholder="结束时间"
-                value-format="YYYY-MM-DD"
+                value-format="YYYY-MM-DDTHH:mm:ssZ"
                 style="width: 100%"
               />
             </ElFormItem>
@@ -1537,13 +1537,13 @@
     {
       label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         rangeSeparator: '至',
         startPlaceholder: '开始时间',
         endPlaceholder: '结束时间',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
       }
     }
   ]
diff --git a/src/views/asset-management/exchange-management/detail.vue b/src/views/asset-management/exchange-management/detail.vue
index 6724808..65b6882 100644
--- a/src/views/asset-management/exchange-management/detail.vue
+++ b/src/views/asset-management/exchange-management/detail.vue
@@ -10,30 +10,6 @@
           返回
         </ElButton>
         <h2 class="detail-title">换货单详情</h2>
-        <ElButton
-          v-if="exchangeAuditTarget && hasAuth(exchangeAuditPermission)"
-          type="primary"
-          plain
-          @click="openAuditInvestigation(exchangeAuditTarget)"
-        >
-          {{ userType === 3 ? '活动记录' : '换货审计' }}
-        </ElButton>
-        <ElButton
-          v-if="oldAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.exchangeOldAssetEntry)"
-          type="primary"
-          plain
-          @click="openAuditInvestigation(oldAssetAuditTarget)"
-        >
-          旧资产审计
-        </ElButton>
-        <ElButton
-          v-if="newAssetAuditTarget && hasAuth(AUDIT_PERMISSIONS.exchangeNewAssetEntry)"
-          type="primary"
-          plain
-          @click="openAuditInvestigation(newAssetAuditTarget)"
-        >
-          新资产审计
-        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -59,51 +35,15 @@
   import { formatDateTime } from '@/utils/business/format'
   import DetailPage from '@/components/common/DetailPage.vue'
   import type { DetailSection } from '@/components/common/DetailPage.vue'
-  import { useAuth } from '@/composables/useAuth'
-  import { useUserStore } from '@/store/modules/user'
-  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
-  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
-  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'ExchangeDetail' })
 
   const route = useRoute()
   const router = useRouter()
-  const { hasAuth } = useAuth()
-  const userStore = useUserStore()
 
   const loading = ref(false)
   const exchangeDetail = ref<ExchangeResponse | null>(null)
   const exchangeId = ref<number>(0)
-  const userType = computed(() => Number(userStore.info.user_type))
-  const exchangeAuditPermission = computed(() =>
-    userType.value === 3 ? AUDIT_PERMISSIONS.agentExchangeActivity : AUDIT_PERMISSIONS.exchangeEntry
-  )
-  const exchangeAuditTarget = computed(() => {
-    if (!exchangeDetail.value || ![1, 2, 3].includes(userType.value)) return null
-    return resolveAuditResourceTarget({
-      userType: userType.value,
-      resourceType: 'exchange_order',
-      internalId: exchangeDetail.value.id,
-      businessIdentifier: exchangeDetail.value.exchange_no
-    })
-  })
-  const oldAssetAuditTarget = computed(() => {
-    if (!exchangeDetail.value || ![1, 2].includes(userType.value)) return null
-    return resolveAuditResourceTarget({
-      userType: userType.value,
-      resourceType: exchangeDetail.value.old_asset_type,
-      internalId: exchangeDetail.value.old_asset_id
-    })
-  })
-  const newAssetAuditTarget = computed(() => {
-    if (!exchangeDetail.value || ![1, 2].includes(userType.value)) return null
-    return resolveAuditResourceTarget({
-      userType: userType.value,
-      resourceType: exchangeDetail.value.new_asset_type || '',
-      internalId: exchangeDetail.value.new_asset_id
-    })
-  })
 
   const formatExchangeShopName = (shopName?: string | null, shopId?: number | null) => {
     if (shopName) return shopName
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 68b7362..24e54e5 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -851,15 +851,15 @@
       }
     },
     {
-      label: '创建时间',
+      label: '起止时间',
       prop: 'created_at_range',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         rangeSeparator: '至',
         startPlaceholder: '开始日期',
         endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
       }
     }
   ])
diff --git a/src/views/asset-management/expiring-assets/index.vue b/src/views/asset-management/expiring-assets/index.vue
index e8aa39a..84ec8f9 100644
--- a/src/views/asset-management/expiring-assets/index.vue
+++ b/src/views/asset-management/expiring-assets/index.vue
@@ -80,7 +80,7 @@
     total_count: 0,
     window_days: 15
   })
-  const searchForm = reactive<ExpiringAssetQueryParams>({
+  const searchForm = reactive<ExpiringAssetQueryParams & { expires_range: string[] }>({
     asset_type: undefined,
     keyword: '',
     shop_id: undefined,
@@ -88,7 +88,8 @@
     days_min: undefined,
     days_max: undefined,
     expires_from: undefined,
-    expires_to: undefined
+    expires_to: undefined,
+    expires_range: []
   })
   const pagination = reactive({ currentPage: 1, pageSize: 20, total: 0 })
 
@@ -166,16 +167,17 @@
       }
     },
     {
-      label: '预计到期起始',
-      prop: 'expires_from',
-      type: 'date',
-      config: { valueFormat: 'YYYY-MM-DD', clearable: true }
-    },
-    {
-      label: '预计到期结束',
-      prop: 'expires_to',
-      type: 'date',
-      config: { valueFormat: 'YYYY-MM-DD', clearable: true }
+      label: '预计到期起止',
+      prop: 'expires_range',
+      type: 'datetimerange',
+      config: {
+        type: 'datetimerange',
+        rangeSeparator: '至',
+        startPlaceholder: '开始时间',
+        endPlaceholder: '结束时间',
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ',
+        clearable: true
+      }
     }
   ])
 
@@ -314,8 +316,9 @@
       const daysMax = toInteger(searchForm.days_max)
       if (daysMin !== undefined) params.days_min = daysMin
       if (daysMax !== undefined) params.days_max = daysMax
-      if (searchForm.expires_from) params.expires_from = searchForm.expires_from
-      if (searchForm.expires_to) params.expires_to = searchForm.expires_to
+      const [expiresFrom, expiresTo] = searchForm.expires_range || []
+      if (expiresFrom) params.expires_from = expiresFrom
+      if (expiresTo) params.expires_to = expiresTo
 
       const response = await AssetService.getExpiringAssets(params)
       if (response.code === 0 && response.data) {
@@ -347,7 +350,8 @@
       days_min: undefined,
       days_max: undefined,
       expires_from: undefined,
-      expires_to: undefined
+      expires_to: undefined,
+      expires_range: []
     })
     pagination.currentPage = 1
     void loadAssets()
diff --git a/src/views/asset-management/export-task-management/export-task-list/index.vue b/src/views/asset-management/export-task-management/export-task-list/index.vue
index d5ba9dc..1169b68 100644
--- a/src/views/asset-management/export-task-management/export-task-list/index.vue
+++ b/src/views/asset-management/export-task-management/export-task-list/index.vue
@@ -100,15 +100,15 @@
       options: () => statusOptions
     },
     {
-      label: '创建时间',
+      label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         rangeSeparator: '至',
         startPlaceholder: '开始时间',
         endPlaceholder: '结束时间',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
       }
     }
   ]
diff --git a/src/views/asset-management/record-management/asset-assign/detail.vue b/src/views/asset-management/record-management/asset-assign/detail.vue
index e7bccc3..4eee848 100644
--- a/src/views/asset-management/record-management/asset-assign/detail.vue
+++ b/src/views/asset-management/record-management/asset-assign/detail.vue
@@ -10,22 +10,6 @@
           返回
         </ElButton>
         <h2 class="detail-title">资产分配详情</h2>
-        <ElButton
-          v-if="recordAuditTarget && hasAuth(recordAuditPermission)"
-          type="primary"
-          plain
-          @click="openAuditInvestigation(recordAuditTarget)"
-        >
-          {{ userType === 3 ? '活动记录' : '分配审计' }}
-        </ElButton>
-        <ElButton
-          v-if="assetAuditTarget && hasAuth(AUDIT_PERMISSIONS.assetAllocationAssetEntry)"
-          type="primary"
-          plain
-          @click="openAuditInvestigation(assetAuditTarget)"
-        >
-          资产审计
-        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -41,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-  import { computed, ref, onMounted } from 'vue'
+  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'
@@ -50,44 +34,14 @@
   import { CardService } from '@/api/modules'
   import type { AssetAllocationRecord } from '@/types/api/card'
   import { formatDateTime } from '@/utils/business/format'
-  import { useAuth } from '@/composables/useAuth'
-  import { useUserStore } from '@/store/modules/user'
-  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
-  import { resolveAuditResourceTarget } from '@/utils/business/auditNavigation'
-  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'AssetAssignDetail' })
 
   const route = useRoute()
   const router = useRouter()
-  const { hasAuth } = useAuth()
-  const userStore = useUserStore()
 
   const loading = ref(false)
   const detailData = ref<AssetAllocationRecord | null>(null)
-  const userType = computed(() => Number(userStore.info.user_type))
-  const recordAuditPermission = computed(() =>
-    userType.value === 3
-      ? AUDIT_PERMISSIONS.agentAssetAllocationActivity
-      : AUDIT_PERMISSIONS.assetAllocationEntry
-  )
-  const recordAuditTarget = computed(() => {
-    if (!detailData.value || ![1, 2, 3].includes(userType.value)) return null
-    return resolveAuditResourceTarget({
-      userType: userType.value,
-      resourceType: 'asset_allocation_record',
-      internalId: detailData.value.id,
-      businessIdentifier: detailData.value.allocation_no
-    })
-  })
-  const assetAuditTarget = computed(() => {
-    if (!detailData.value || ![1, 2].includes(userType.value)) return null
-    return resolveAuditResourceTarget({
-      userType: userType.value,
-      resourceType: detailData.value.asset_type,
-      internalId: detailData.value.asset_id
-    })
-  })
 
   // 详情页配置
   const detailSections: DetailSection[] = [
diff --git a/src/views/asset-management/record-management/asset-assign/index.vue b/src/views/asset-management/record-management/asset-assign/index.vue
index 582b142..6a5e60a 100644
--- a/src/views/asset-management/record-management/asset-assign/index.vue
+++ b/src/views/asset-management/record-management/asset-assign/index.vue
@@ -172,16 +172,16 @@
         }))
     },
     {
-      label: '创建时间',
+      label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         clearable: true,
         rangeSeparator: '至',
         startPlaceholder: '开始日期',
         endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
       }
     }
   ]
diff --git a/src/views/asset-management/record-management/authorization-records/index.vue b/src/views/asset-management/record-management/authorization-records/index.vue
index 1010c35..4ab053b 100644
--- a/src/views/asset-management/record-management/authorization-records/index.vue
+++ b/src/views/asset-management/record-management/authorization-records/index.vue
@@ -200,12 +200,12 @@
     {
       label: '授权时间',
       prop: 'dateRange',
-      type: 'daterange',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         startPlaceholder: '开始日期',
         endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
       }
     }
   ]
diff --git a/src/views/asset-management/task-management/device-task/index.vue b/src/views/asset-management/task-management/device-task/index.vue
index 9226e5b..bf7570f 100644
--- a/src/views/asset-management/task-management/device-task/index.vue
+++ b/src/views/asset-management/task-management/device-task/index.vue
@@ -213,9 +213,9 @@
     {
       label: '创建时间',
       prop: 'dateRange',
-      type: 'daterange',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         startPlaceholder: '开始时间',
         endPlaceholder: '结束时间',
         valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
diff --git a/src/views/asset-management/task-management/iot-card-task/index.vue b/src/views/asset-management/task-management/iot-card-task/index.vue
index 0d707b9..2840610 100644
--- a/src/views/asset-management/task-management/iot-card-task/index.vue
+++ b/src/views/asset-management/task-management/iot-card-task/index.vue
@@ -329,9 +329,9 @@
     {
       label: '创建时间',
       prop: 'dateRange',
-      type: 'daterange',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         startPlaceholder: '开始时间',
         endPlaceholder: '结束时间',
         valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
diff --git a/src/views/audit/events/index.vue b/src/views/audit/events/index.vue
index 45a3977..1c4d40c 100644
--- a/src/views/audit/events/index.vue
+++ b/src/views/audit/events/index.vue
@@ -52,8 +52,15 @@
   const loading = ref(false)
   const items = ref<AuditEventView[]>([])
   const pagination = reactive({ page: 1, pageSize: 20, total: 0 })
+  function createDefaultDateRange() {
+    const end = new Date()
+    const start = new Date(end.getTime() - 24 * 60 * 60 * 1000)
+    const format = (date: Date) => date.toISOString().replace(/\.\d{3}Z$/, 'Z')
+    return [format(start), format(end)]
+  }
+
   const initialSearchState = {
-    dateRange: [] as string[],
+    dateRange: createDefaultDateRange(),
     category: undefined,
     result: undefined,
     risk: undefined,
@@ -107,17 +114,25 @@
     { label: '店铺', value: 'shop' },
     { label: '个人客户', value: 'personal_customer' }
   ]
+  const handleDateRangeChange = (value: unknown) => {
+    if (!Array.isArray(value) || value.length !== 2) {
+      searchForm.dateRange = createDefaultDateRange()
+    }
+  }
+
   const searchFormItems: SearchFormItem[] = [
     {
       label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
+      onChange: ({ val }) => handleDateRangeChange(val),
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         rangeSeparator: '至',
         startPlaceholder: '开始时间',
         endPlaceholder: '结束时间',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ',
+        clearable: false
       }
     },
     {
@@ -241,18 +256,11 @@
     }
   ])
 
-  const toAuditDate = (value?: string, endExclusive = false) => {
-    if (!value) return undefined
-    const [year, month, day] = value.split('-').map(Number)
-    const date = new Date(year, month - 1, day + (endExclusive ? 1 : 0))
-    return date.toISOString()
-  }
-
   const buildQuery = (): AuditEventQuery => ({
     page: pagination.page,
     page_size: pagination.pageSize,
-    created_from: toAuditDate(searchForm.dateRange?.[0]),
-    created_to: toAuditDate(searchForm.dateRange?.[1], true),
+    created_from: searchForm.dateRange?.[0],
+    created_to: searchForm.dateRange?.[1],
     category: searchForm.category,
     result: searchForm.result,
     risk: searchForm.risk,
@@ -277,7 +285,7 @@
     load()
   }
   const handleReset = () => {
-    Object.assign(searchForm, { ...initialSearchState, dateRange: [] })
+    Object.assign(searchForm, { ...initialSearchState, dateRange: createDefaultDateRange() })
     pagination.page = 1
     load()
   }
diff --git a/src/views/audit/integrations/index.vue b/src/views/audit/integrations/index.vue
index d932e43..dd47c87 100644
--- a/src/views/audit/integrations/index.vue
+++ b/src/views/audit/integrations/index.vue
@@ -12,6 +12,8 @@
                   value-format="YYYY-MM-DDTHH:mm:ssZ"
                   start-placeholder="开始时间"
                   end-placeholder="结束时间"
+                  :clearable="false"
+                  @change="handleDateRangeChange"
                 />
               </ElFormItem>
             </ElCol>
@@ -19,10 +21,10 @@
               <ElFormItem>
                 <ElSelect v-model="query.provider" clearable placeholder="请选择提供方">
                   <ElOption
-                    v-for="item in overview?.providers || []"
-                    :key="item.code"
-                    :label="item.name"
-                    :value="item.code"
+                    v-for="item in providerOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
                   />
                 </ElSelect>
               </ElFormItem>
@@ -31,10 +33,10 @@
               <ElFormItem>
                 <ElSelect v-model="query.direction" clearable placeholder="请选择方向">
                   <ElOption
-                    v-for="item in overview?.directions || []"
-                    :key="item.code"
-                    :label="item.name"
-                    :value="item.code"
+                    v-for="item in directionOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
                   />
                 </ElSelect>
               </ElFormItem>
@@ -43,10 +45,10 @@
               <ElFormItem>
                 <ElSelect v-model="query.result" clearable placeholder="请选择结果">
                   <ElOption
-                    v-for="item in overview?.results || []"
-                    :key="item.code"
-                    :label="item.name"
-                    :value="item.code"
+                    v-for="item in resultOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
                   />
                 </ElSelect>
               </ElFormItem>
@@ -231,9 +233,12 @@
   import { AuditService } from '@/api/modules'
   import type {
     AuditNamedCount,
+    IntegrationDirection,
     IntegrationListItem,
     IntegrationOverview,
-    IntegrationQuery
+    IntegrationProvider,
+    IntegrationQuery,
+    IntegrationResult
   } from '@/types/api'
   import { auditResultDisplay, integrationCategoryMeta } from '@/utils/business/audit'
   import { formatDateTime } from '@/utils/business/format'
@@ -243,11 +248,39 @@
   const router = useRouter()
   const loading = ref(false)
   const headerColumns = ref([])
-  const dateRange = ref<string[]>([])
+  const dateRange = ref<string[]>(createDefaultDateRange())
   const query = reactive<IntegrationQuery>({ page: 1, page_size: 20 })
   const overview = ref<IntegrationOverview>()
   const items = ref<IntegrationListItem[]>([])
   const total = ref(0)
+  const providerOptions: Array<{ label: string; value: IntegrationProvider }> = [
+    { label: '中国电信', value: 'ctcc' },
+    { label: '中国移动', value: 'cmcc' },
+    { label: '中国联通', value: 'cucc' },
+    { label: '微信支付', value: 'wechat_pay' },
+    { label: '支付宝', value: 'alipay' },
+    { label: '富友', value: 'fuiou' },
+    { label: '企业微信', value: 'wecom' },
+    { label: '设备网关', value: 'gateway' }
+  ]
+  const directionOptions: Array<{ label: string; value: IntegrationDirection }> = [
+    { label: '入站', value: 'inbound' },
+    { label: '出站', value: 'outbound' }
+  ]
+  const resultOptions: Array<{ label: string; value: IntegrationResult }> = [
+    { label: '待处理', value: 'pending' },
+    { label: '成功', value: 'success' },
+    { label: '失败', value: 'failed' },
+    { label: '结果未知', value: 'unknown' },
+    { label: '未找到', value: 'not_found' },
+    { label: '无效载荷', value: 'invalid_payload' },
+    { label: '冲突', value: 'conflict' },
+    { label: '已忽略', value: 'ignored' },
+    { label: '已合并', value: 'merged' },
+    { label: '已限频', value: 'rate_limited' },
+    { label: '已提前完成', value: 'completed' },
+    { label: '已取消', value: 'cancelled' }
+  ]
   const aggregateChartData = (values: AuditNamedCount[]) => {
     const totals = new Map<string, AuditNamedCount>()
     values.forEach((item) => {
@@ -261,9 +294,21 @@
   const providerChartData = computed(() => aggregateChartData(overview.value?.providers || []))
   const directionChartData = computed(() => aggregateChartData(overview.value?.directions || []))
   const resultChartData = computed(() => aggregateChartData(overview.value?.results || []))
+  function createDefaultDateRange() {
+    const end = new Date()
+    const start = new Date(end.getTime() - 24 * 60 * 60 * 1000)
+    const format = (date: Date) => date.toISOString().replace(/\.\d{3}Z$/, 'Z')
+    return [format(start), format(end)]
+  }
+
+  const handleDateRangeChange = (value: string[] | null) => {
+    if (!value || value.length !== 2) dateRange.value = createDefaultDateRange()
+  }
+
   const syncDates = () => {
-    query.created_from = dateRange.value?.[0] || undefined
-    query.created_to = dateRange.value?.[1] || undefined
+    if (dateRange.value.length !== 2) dateRange.value = createDefaultDateRange()
+    query.created_from = dateRange.value[0]
+    query.created_to = dateRange.value[1]
   }
   const loadList = async () => {
     syncDates()
diff --git a/src/views/audit/risks/index.vue b/src/views/audit/risks/index.vue
index d8b4d62..90380f6 100644
--- a/src/views/audit/risks/index.vue
+++ b/src/views/audit/risks/index.vue
@@ -12,6 +12,8 @@
                   start-placeholder="开始时间"
                   end-placeholder="结束时间"
                   value-format="YYYY-MM-DDTHH:mm:ssZ"
+                  :clearable="false"
+                  @change="handleDateRangeChange"
                 />
               </ElFormItem>
             </ElCol>
@@ -184,7 +186,7 @@
   const { hasAuth } = useAuth()
   const loading = ref(false)
   const headerColumns = ref([])
-  const dateRange = ref<string[]>([])
+  const dateRange = ref<string[]>(createDefaultDateRange())
   const overview = ref<AuditRiskOverview>()
   const events = ref<AuditEventView[]>([])
   const total = ref(0)
@@ -202,9 +204,21 @@
   const riskChartData = computed(() => aggregateChartData(overview.value?.risks || []))
   const resultChartData = computed(() => aggregateChartData(overview.value?.results || []))
   const sourceChartData = computed(() => aggregateChartData(overview.value?.sources || []))
+  function createDefaultDateRange() {
+    const end = new Date()
+    const start = new Date(end.getTime() - 24 * 60 * 60 * 1000)
+    const format = (date: Date) => date.toISOString().replace(/\.\d{3}Z$/, 'Z')
+    return [format(start), format(end)]
+  }
+
+  const handleDateRangeChange = (value: string[] | null) => {
+    if (!value || value.length !== 2) dateRange.value = createDefaultDateRange()
+  }
+
   const syncDates = () => {
-    query.created_from = dateRange.value?.[0] || undefined
-    query.created_to = dateRange.value?.[1] || undefined
+    if (dateRange.value.length !== 2) dateRange.value = createDefaultDateRange()
+    query.created_from = dateRange.value[0]
+    query.created_to = dateRange.value[1]
     if (
       dateRange.value?.length === 2 &&
       new Date(dateRange.value[1]).getTime() - new Date(dateRange.value[0]).getTime() >
diff --git a/src/views/commission-management/agent-fund-overview/index.vue b/src/views/commission-management/agent-fund-overview/index.vue
index 6842f83..3458f1a 100644
--- a/src/views/commission-management/agent-fund-overview/index.vue
+++ b/src/views/commission-management/agent-fund-overview/index.vue
@@ -249,11 +249,11 @@
               <ElFormItem label="交易日期">
                 <ElDatePicker
                   v-model="mainWalletSearchForm.date_range"
-                  type="daterange"
+                  type="datetimerange"
                   range-separator="至"
                   start-placeholder="开始日期"
                   end-placeholder="结束日期"
-                  value-format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DDTHH:mm:ssZ"
                   unlink-panels
                 />
               </ElFormItem>
diff --git a/src/views/commission-management/my-commission/index.vue b/src/views/commission-management/my-commission/index.vue
index ab8633b..b02caa7 100644
--- a/src/views/commission-management/my-commission/index.vue
+++ b/src/views/commission-management/my-commission/index.vue
@@ -400,11 +400,11 @@
     {
       label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         clearable: true,
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ',
         startPlaceholder: '开始日期',
         endPlaceholder: '结束日期'
       },
@@ -479,16 +479,19 @@
       {
         prop: 'iccid',
         label: 'ICCID',
+        width: 200,
         formatter: (row: ShopCommissionRecordItem) => row.iccid || '-'
       },
       {
         prop: 'virtual_no',
         label: '虚拟号',
+        width: 180,
         formatter: (row: ShopCommissionRecordItem) => row.virtual_no || '-'
       },
       {
         prop: 'order_no',
         label: '订单号',
+        width: 220,
         formatter: (row: ShopCommissionRecordItem) => row.order_no || '-'
       },
       {
@@ -608,11 +611,11 @@
     {
       label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         clearable: true,
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ',
         startPlaceholder: '开始日期',
         endPlaceholder: '结束日期'
       },
@@ -656,7 +659,7 @@
       {
         prop: 'withdrawal_no',
         label: '提现单号',
-        minWidth: 160
+        minWidth: 180
       },
       {
         prop: 'amount',
@@ -700,7 +703,8 @@
       {
         prop: 'reject_reason',
         label: '拒绝原因',
-        minWidth: 120,
+        minWidth: 230,
+        showOverflowTooltip: true,
         formatter: (row: WithdrawalRequestItem) => row.reject_reason || '-'
       },
       {
diff --git a/src/views/commission-management/withdrawal-approval/index.vue b/src/views/commission-management/withdrawal-approval/index.vue
index 7a5ce4a..e359e7e 100644
--- a/src/views/commission-management/withdrawal-approval/index.vue
+++ b/src/views/commission-management/withdrawal-approval/index.vue
@@ -165,13 +165,13 @@
     {
       label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         rangeSeparator: '至',
         startPlaceholder: '开始日期',
         endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
       }
     }
   ]
diff --git a/src/views/finance/agent-recharge/agentRechargeActions.ts b/src/views/finance/agent-recharge/agentRechargeActions.ts
index 06703fa..1b0c8e9 100644
--- a/src/views/finance/agent-recharge/agentRechargeActions.ts
+++ b/src/views/finance/agent-recharge/agentRechargeActions.ts
@@ -12,6 +12,7 @@ interface BuildAgentRechargeActionsOptions {
   onViewPaymentVoucher: (row: AgentRecharge) => void
   onConfirmPayment: (row: AgentRecharge) => void
   onReject: (row: AgentRecharge) => void
+  onTriggerApproval: (row: AgentRecharge) => void
 }
 
 export const buildAgentRechargeActions = (
@@ -24,6 +25,14 @@ export const buildAgentRechargeActions = (
     row.approval_source === 'wecom' ||
     row.approval_source === 'legacy' ||
     (row.approval_instance_id !== undefined && row.approval_instance_id !== null)
+  const approvalStatusEmpty = row.approval_status === undefined || row.approval_status === null
+  const canTriggerApproval =
+    approvalStatusEmpty &&
+    ![
+      AgentRechargeStatus.COMPLETED,
+      AgentRechargeStatus.REJECTED,
+      AgentRechargeStatus.CLOSED
+    ].includes(row.status)
 
   if (
     row.payment_method === 'offline' &&
@@ -31,7 +40,7 @@ export const buildAgentRechargeActions = (
     options.hasAuth('agent_recharge:view_payment_voucher')
   ) {
     actions.push({
-      label: '查看支付凭证',
+      label: '支付凭证',
       handler: () => options.onViewPaymentVoucher(row),
       type: 'primary'
     })
@@ -50,6 +59,14 @@ export const buildAgentRechargeActions = (
     })
   }
 
+  if (canTriggerApproval && options.hasAuth('agent_recharge:trigger_approval')) {
+    actions.push({
+      label: '补发审批',
+      handler: () => options.onTriggerApproval(row),
+      type: 'primary'
+    })
+  }
+
   if (
     !hasApprovalRecord &&
     row.status === AgentRechargeStatus.PENDING &&
diff --git a/src/views/finance/agent-recharge/detail.vue b/src/views/finance/agent-recharge/detail.vue
index dfaffc0..3830fcb 100644
--- a/src/views/finance/agent-recharge/detail.vue
+++ b/src/views/finance/agent-recharge/detail.vue
@@ -10,36 +10,6 @@
           返回
         </ElButton>
         <h2 class="detail-title">{{ pageTitle }}</h2>
-        <ElButton
-          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.agentRechargeEntry)"
-          type="primary"
-          plain
-          @click="openRechargeAudit"
-        >
-          审计记录
-        </ElButton>
-        <ElButton
-          v-if="
-            detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.agentRechargeFinanceEntry)
-          "
-          type="primary"
-          plain
-          @click="openRechargeFinance"
-        >
-          资金链路
-        </ElButton>
-        <ElButton
-          v-if="
-            detailData?.approval_instance_id &&
-            isPlatformUser &&
-            hasAuth(AUDIT_PERMISSIONS.agentRechargeApprovalEntry)
-          "
-          type="primary"
-          plain
-          @click="openApprovalAudit"
-        >
-          审批审计
-        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -71,45 +41,19 @@
   import { formatDateTime } from '@/utils/business/format'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
-  import { formatRejectionReason } from './agentRechargeDisplay'
-  import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
-  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
-  import {
-    resolveAuditResourceTarget,
-    resolveFinanceAuditTarget
-  } from '@/utils/business/auditNavigation'
-  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
+  import { formatRejectionReason } from './agentRechargeDisplay'
 
   defineOptions({ name: 'AgentRechargeDetail' })
 
   const route = useRoute()
   const router = useRouter()
-  const { hasAuth } = useAuth()
   const userStore = useUserStore()
+  const isRestrictedCustomerRole = computed(() => [3, 4].includes(Number(userStore.info.user_type)))
 
   const loading = ref(false)
   const detailData = ref<AgentRecharge | null>(null)
   const paymentVoucherFileKeys = ref<string[]>([])
-  const isPlatformUser = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
-  const openRechargeAudit = () => {
-    const target = resolveAuditResourceTarget({
-      resourceType: 'agent_recharge',
-      internalId: detailData.value?.id
-    })
-    if (target) openAuditInvestigation(target)
-  }
-  const openRechargeFinance = () => {
-    const target = resolveFinanceAuditTarget('recharge_id', detailData.value?.id)
-    if (target) openAuditInvestigation(target)
-  }
-  const openApprovalAudit = () => {
-    const target = resolveAuditResourceTarget({
-      resourceType: 'approval_instance',
-      internalId: detailData.value?.approval_instance_id
-    })
-    if (target) openAuditInvestigation(target)
-  }
 
   const pageTitle = computed(() => `充值订单详情`)
 
@@ -171,7 +115,15 @@
           { label: '充值单号', prop: 'recharge_no' },
           { label: '店铺名称', prop: 'shop_name' },
           { label: '充值来源', formatter: (_, data) => getRechargeSourceText(data) },
-          { label: '提交人', prop: 'submitter_name', formatter: (value) => value || '-' },
+          ...(!isRestrictedCustomerRole.value
+            ? [
+                {
+                  label: '提交人',
+                  prop: 'submitter_name',
+                  formatter: (value: string | null | undefined) => value || '-'
+                }
+              ]
+            : []),
           {
             label: '充值金额',
             formatter: (_, data) => formatCurrency(data.amount)
@@ -181,15 +133,19 @@
             render: (data) =>
               h(ElTag, { type: getStatusType(data.status) }, () => data.status_name || '-')
           },
-          {
-            label: '驳回原因',
-            prop: 'rejection_reason',
-            formatter: (value) => formatRejectionReason(value),
-            fullWidth: true
-          }
+          ...(!isRestrictedCustomerRole.value
+            ? [
+                {
+                  label: '驳回原因',
+                  prop: 'rejection_reason',
+                  formatter: (value: string | null | undefined) => formatRejectionReason(value),
+                  fullWidth: true
+                }
+              ]
+            : [])
         ]
       },
-      ...(isOfflineRecharge
+      ...(isOfflineRecharge && !isRestrictedCustomerRole.value
         ? [
             {
               title: '企微审批信息',
@@ -212,15 +168,19 @@
             }
           ]
         : []),
-      {
-        title: '业务处理结果',
-        fields: [
-          {
-            label: '处理状态',
-            formatter: (_, data) => data.processing_status_name || '-'
-          }
-        ]
-      },
+      ...(!isRestrictedCustomerRole.value
+        ? [
+            {
+              title: '业务处理结果',
+              fields: [
+                {
+                  label: '处理状态',
+                  formatter: (_: unknown, data: AgentRecharge) => data.processing_status_name || '-'
+                }
+              ]
+            }
+          ]
+        : []),
       {
         title: '支付信息',
         fields: [
@@ -269,12 +229,16 @@
                 }
               ]
             : []),
-          {
-            label: '运营备注',
-            prop: 'remark',
-            formatter: (value) => value || '-',
-            fullWidth: true
-          }
+          ...(!isRestrictedCustomerRole.value
+            ? [
+                {
+                  label: '运营备注',
+                  prop: 'remark',
+                  formatter: (value: string | null | undefined) => value || '-',
+                  fullWidth: true
+                }
+              ]
+            : [])
         ]
       },
       {
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 13511ae..9b35080 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -5,7 +5,7 @@
       <ArtSearchBar
         v-model:filter="searchForm"
         :items="searchFormItems"
-        :show-expand="false"
+        show-expand
         @reset="handleReset"
         @search="handleSearch"
       ></ArtSearchBar>
@@ -300,6 +300,7 @@
   import { AgentRechargeService, CommissionService, ShopService } from '@/api/modules'
   import {
     ElMessage,
+    ElMessageBox,
     ElTag,
     ElButton,
     ElCascader,
@@ -356,6 +357,18 @@
 
   const isAgentAccount = computed(() => Number(userStore.info.user_type) === 3)
   const isPlatformAccount = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
+  const isRestrictedCustomerRole = computed(() => [3, 4].includes(Number(userStore.info.user_type)))
+  const hiddenInternalColumnProps = new Set([
+    'approval_provider',
+    'submitter_name',
+    'approval_status',
+    'current_approver_summary',
+    'processing_status_name',
+    'remark',
+    'rejection_reason'
+  ])
+  const shouldShowInternalColumn = (prop?: string) =>
+    !isRestrictedCustomerRole.value || !hiddenInternalColumnProps.has(prop || '')
   const canViewRecharge = computed(() => [1, 2, 3].includes(Number(userStore.info.user_type)))
   const canCreateRecharge = computed(() => isAgentAccount.value || isPlatformAccount.value)
   const createMode = ref<'online' | 'offline'>(isAgentAccount.value ? 'online' : 'offline')
@@ -369,6 +382,7 @@
   const voucherUploading = ref(false)
   const confirmPayLoading = ref(false)
   const rejectLoading = ref(false)
+  const triggerApprovalLoading = ref(false)
   const tableRef = ref()
   const createDialogVisible = ref(false)
   const exportDialogVisible = ref(false)
@@ -385,7 +399,7 @@
   const qrContent = ref('')
   const onlineRequestId = ref<string | null>(null)
   const paymentStatusTimer = ref<ReturnType<typeof setInterval> | null>(null)
-  const ONLINE_MIN_RECHARGE_AMOUNT_FEN = 10
+  const ONLINE_MIN_RECHARGE_AMOUNT_FEN = 10000
   const ONLINE_MAX_RECHARGE_AMOUNT_FEN = 100000000
   const paymentMethodsBounds = reactive({
     min_amount: ONLINE_MIN_RECHARGE_AMOUNT_FEN,
@@ -493,13 +507,13 @@
       {
         label: '起止时间',
         prop: 'dateRange',
-        type: 'date',
+        type: 'datetimerange',
         config: {
-          type: 'daterange',
+          type: 'datetimerange',
           rangeSeparator: '至',
           startPlaceholder: '开始日期',
           endPlaceholder: '结束日期',
-          valueFormat: 'YYYY-MM-DD'
+          valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
         }
       }
     )
@@ -534,7 +548,7 @@
     { label: '支付时间', prop: 'paid_at' },
     { label: '完成时间', prop: 'completed_at' },
     { label: '更新时间', prop: 'updated_at' }
-  ]
+  ].filter(({ prop }) => shouldShowInternalColumn(prop))
 
   const createFormRef = ref<FormInstance>()
   const confirmPayFormRef = ref<FormInstance>()
@@ -694,139 +708,142 @@
   }
 
   // 动态列配置
-  const { columnChecks, columns } = useCheckedColumns(() => [
-    {
-      prop: 'recharge_no',
-      label: '充值单号',
-      minWidth: 240,
-      formatter: (row: AgentRecharge) => {
-        return h(
-          'span',
-          {
-            style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
-            onClick: (e: MouseEvent) => {
-              e.stopPropagation()
-              handleNameClick(row)
-            }
-          },
-          row.recharge_no
-        )
+  const { columnChecks, columns } = useCheckedColumns(() =>
+    [
+      {
+        prop: 'recharge_no',
+        label: '充值单号',
+        minWidth: 240,
+        formatter: (row: AgentRecharge) => {
+          return h(
+            'span',
+            {
+              style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
+              onClick: (e: MouseEvent) => {
+                e.stopPropagation()
+                handleNameClick(row)
+              }
+            },
+            row.recharge_no
+          )
+        }
+      },
+      {
+        prop: 'shop_name',
+        label: '店铺名称',
+        minWidth: 150,
+        showOverflowTooltip: true
+      },
+      {
+        prop: 'recharge_source',
+        label: '充值来源',
+        width: 140,
+        formatter: (row: AgentRecharge) => getRechargeSourceText(row)
+      },
+      {
+        prop: 'amount',
+        label: '充值金额',
+        width: 120,
+        formatter: (row: AgentRecharge) => formatCurrency(row.amount)
+      },
+      {
+        prop: 'status',
+        label: '状态',
+        width: 100,
+        formatter: (row: AgentRecharge) => {
+          return h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '-')
+        }
+      },
+      {
+        prop: 'approval_provider',
+        label: '审批渠道',
+        width: 110,
+        formatter: (row: AgentRecharge) => {
+          if (row.approval_provider === 'wecom' || row.approval_source === 'wecom') return '企微'
+          if (row.approval_source === 'legacy') return '历史审批'
+          return row.approval_provider || row.approval_source || '-'
+        }
+      },
+      {
+        prop: 'submitter_name',
+        label: '提交人',
+        width: 120,
+        showOverflowTooltip: true,
+        formatter: (row: AgentRecharge) => row.submitter_name || '-'
+      },
+      {
+        prop: 'approval_status',
+        label: '审批状态',
+        width: 120,
+        formatter: (row: AgentRecharge) => getApprovalStatusText(row)
+      },
+      {
+        prop: 'current_approver_summary',
+        label: '当前审批人摘要',
+        minWidth: 180,
+        showOverflowTooltip: true,
+        formatter: (row: AgentRecharge) => getCurrentApproverSummaryText(row)
+      },
+      {
+        prop: 'processing_status_name',
+        label: '业务处理状态',
+        width: 140,
+        showOverflowTooltip: true,
+        formatter: (row: AgentRecharge) => getProcessingStatusText(row)
+      },
+      {
+        prop: 'payment_method',
+        label: '支付方式',
+        width: 140,
+        formatter: (row: AgentRecharge) => getPaymentMethodText(row.payment_method)
+      },
+      {
+        prop: 'payment_channel',
+        label: '支付通道',
+        width: 120,
+        formatter: (row: AgentRecharge) => row.payment_channel || '-'
+      },
+      {
+        prop: 'remark',
+        label: '运营备注',
+        minWidth: 180,
+        showOverflowTooltip: true,
+        formatter: (row: AgentRecharge) => row.remark || '-'
+      },
+      {
+        prop: 'rejection_reason',
+        label: '驳回原因',
+        minWidth: 180,
+        showOverflowTooltip: true,
+        formatter: (row: AgentRecharge) => formatRejectionReason(row.rejection_reason)
+      },
+      {
+        prop: 'created_at',
+        label: '创建时间',
+        width: 180,
+        formatter: (row: AgentRecharge) => formatDateTime(row.created_at)
+      },
+      {
+        prop: 'paid_at',
+        label: '支付时间',
+        width: 180,
+        formatter: (row: AgentRecharge) => (row.paid_at ? formatDateTime(row.paid_at) : '-')
+      },
+      {
+        prop: 'completed_at',
+        label: '完成时间',
+        width: 180,
+        formatter: (row: AgentRecharge) =>
+          row.completed_at ? formatDateTime(row.completed_at) : '-'
+      },
+      {
+        prop: 'updated_at',
+        label: '更新时间',
+        width: 180,
+        formatter: (row: AgentRecharge) => formatDateTime(row.updated_at)
       }
-    },
-    {
-      prop: 'shop_name',
-      label: '店铺名称',
-      minWidth: 150,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'recharge_source',
-      label: '充值来源',
-      width: 140,
-      formatter: (row: AgentRecharge) => getRechargeSourceText(row)
-    },
-    {
-      prop: 'amount',
-      label: '充值金额',
-      width: 120,
-      formatter: (row: AgentRecharge) => formatCurrency(row.amount)
-    },
-    {
-      prop: 'status',
-      label: '状态',
-      width: 100,
-      formatter: (row: AgentRecharge) => {
-        return h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '-')
-      }
-    },
-    {
-      prop: 'approval_provider',
-      label: '审批渠道',
-      width: 110,
-      formatter: (row: AgentRecharge) => {
-        if (row.approval_provider === 'wecom' || row.approval_source === 'wecom') return '企微'
-        if (row.approval_source === 'legacy') return '历史审批'
-        return row.approval_provider || row.approval_source || '-'
-      }
-    },
-    {
-      prop: 'submitter_name',
-      label: '提交人',
-      width: 120,
-      showOverflowTooltip: true,
-      formatter: (row: AgentRecharge) => row.submitter_name || '-'
-    },
-    {
-      prop: 'approval_status',
-      label: '审批状态',
-      width: 120,
-      formatter: (row: AgentRecharge) => getApprovalStatusText(row)
-    },
-    {
-      prop: 'current_approver_summary',
-      label: '当前审批人摘要',
-      minWidth: 180,
-      showOverflowTooltip: true,
-      formatter: (row: AgentRecharge) => getCurrentApproverSummaryText(row)
-    },
-    {
-      prop: 'processing_status_name',
-      label: '业务处理状态',
-      width: 140,
-      showOverflowTooltip: true,
-      formatter: (row: AgentRecharge) => getProcessingStatusText(row)
-    },
-    {
-      prop: 'payment_method',
-      label: '支付方式',
-      width: 140,
-      formatter: (row: AgentRecharge) => getPaymentMethodText(row.payment_method)
-    },
-    {
-      prop: 'payment_channel',
-      label: '支付通道',
-      width: 120,
-      formatter: (row: AgentRecharge) => row.payment_channel || '-'
-    },
-    {
-      prop: 'remark',
-      label: '运营备注',
-      minWidth: 180,
-      showOverflowTooltip: true,
-      formatter: (row: AgentRecharge) => row.remark || '-'
-    },
-    {
-      prop: 'rejection_reason',
-      label: '驳回原因',
-      minWidth: 180,
-      showOverflowTooltip: true,
-      formatter: (row: AgentRecharge) => formatRejectionReason(row.rejection_reason)
-    },
-    {
-      prop: 'created_at',
-      label: '创建时间',
-      width: 180,
-      formatter: (row: AgentRecharge) => formatDateTime(row.created_at)
-    },
-    {
-      prop: 'paid_at',
-      label: '支付时间',
-      width: 180,
-      formatter: (row: AgentRecharge) => (row.paid_at ? formatDateTime(row.paid_at) : '-')
-    },
-    {
-      prop: 'completed_at',
-      label: '完成时间',
-      width: 180,
-      formatter: (row: AgentRecharge) => (row.completed_at ? formatDateTime(row.completed_at) : '-')
-    },
-    {
-      prop: 'updated_at',
-      label: '更新时间',
-      width: 180,
-      formatter: (row: AgentRecharge) => formatDateTime(row.updated_at)
-    }
-  ])
+    ].filter(({ prop }) => shouldShowInternalColumn(prop))
+  )
 
   onMounted(() => {
     getTableData()
@@ -1294,6 +1311,37 @@
     })
   }
 
+  // 补发历史线下代理充值审批
+  const handleTriggerApproval = (row: AgentRecharge) => {
+    if (triggerApprovalLoading.value) return
+
+    ElMessageBox.confirm(`确定要为充值单号 ${row.recharge_no} 补发企微审批吗？`, '补发审批', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+      .then(async () => {
+        triggerApprovalLoading.value = true
+        try {
+          const res = await AgentRechargeService.triggerApproval(row.id)
+          if (res.code !== 0) {
+            ElMessage.error(res.msg || '补发审批失败')
+            return
+          }
+          ElMessage.success('补发审批成功')
+          await getTableData()
+        } catch (error) {
+          console.error(error)
+          ElMessage.error('补发审批失败')
+        } finally {
+          triggerApprovalLoading.value = false
+        }
+      })
+      .catch(() => {
+        // 用户取消
+      })
+  }
+
   // 处理名称点击
   const handleNameClick = (row: AgentRecharge) => {
     if (hasAuth('agent_recharge:detail_page')) {
@@ -1317,7 +1365,8 @@
       hasAuth,
       onViewPaymentVoucher: handleViewPaymentVoucher,
       onConfirmPayment: handleShowConfirmPay,
-      onReject: handleShowReject
+      onReject: handleShowReject,
+      onTriggerApproval: handleTriggerApproval
     })
     if (isPlatformAccount.value && hasAuth(AUDIT_PERMISSIONS.agentRechargeEntry)) {
       const resourceTarget = resolveAuditResourceTarget({
@@ -1352,6 +1401,13 @@
           type: 'primary'
         })
     }
+
+    const paymentVoucherIndex = actions.findIndex((action) => action.label === '支付凭证')
+    if (paymentVoucherIndex > 0) {
+      const [paymentVoucherAction] = actions.splice(paymentVoucherIndex, 1)
+      actions.unshift(paymentVoucherAction)
+    }
+
     return actions
   }
 
diff --git a/src/views/finance/refund/detail.vue b/src/views/finance/refund/detail.vue
index 6eb0145..9f94e74 100644
--- a/src/views/finance/refund/detail.vue
+++ b/src/views/finance/refund/detail.vue
@@ -10,34 +10,6 @@
           返回
         </ElButton>
         <h2 class="detail-title">{{ pageTitle }}</h2>
-        <ElButton
-          v-if="refund && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.refundEntry)"
-          type="primary"
-          plain
-          @click="openRefundAudit"
-        >
-          审计记录
-        </ElButton>
-        <ElButton
-          v-if="refund && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.refundFinanceEntry)"
-          type="primary"
-          plain
-          @click="openRefundFinance"
-        >
-          资金链路
-        </ElButton>
-        <ElButton
-          v-if="
-            refund?.approval_instance_id &&
-            isPlatformUser &&
-            hasAuth(AUDIT_PERMISSIONS.refundApprovalEntry)
-          "
-          type="primary"
-          plain
-          @click="openApprovalAudit"
-        >
-          审批审计
-        </ElButton>
         <ElButton
           v-if="refund && canResubmit(refund) && hasAuth('refund:resubmit')"
           type="primary"
@@ -148,12 +120,6 @@
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
   import { useAuth } from '@/composables/useAuth'
   import { useUserStore } from '@/store/modules/user'
-  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
-  import {
-    resolveAuditResourceTarget,
-    resolveFinanceAuditTarget
-  } from '@/utils/business/auditNavigation'
-  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'RefundDetail' })
 
@@ -161,29 +127,11 @@
   const router = useRouter()
   const { hasAuth } = useAuth()
   const userStore = useUserStore()
+  const isRestrictedCustomerRole = computed(() => [3, 4].includes(Number(userStore.info.user_type)))
 
   const loading = ref(false)
   const refund = ref<Refund | null>(null)
   const refundVoucherFileKeys = ref<string[]>([])
-  const isPlatformUser = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
-  const openRefundAudit = () => {
-    const target = resolveAuditResourceTarget({
-      resourceType: 'refund',
-      internalId: refund.value?.id
-    })
-    if (target) openAuditInvestigation(target)
-  }
-  const openRefundFinance = () => {
-    const target = resolveFinanceAuditTarget('refund_id', refund.value?.id)
-    if (target) openAuditInvestigation(target)
-  }
-  const openApprovalAudit = () => {
-    const target = resolveAuditResourceTarget({
-      resourceType: 'approval_instance',
-      internalId: refund.value?.approval_instance_id
-    })
-    if (target) openAuditInvestigation(target)
-  }
 
   const pageTitle = computed(() => `退款详情`)
 
@@ -291,7 +239,15 @@
         { label: '资产标识符', prop: 'asset_identifier' },
         { label: '资产类型', prop: 'asset_type' },
         { label: '退款状态', prop: 'status_name', formatter: (value) => value || '-' },
-        { label: '提交人', prop: 'submitter_name', formatter: (value) => value || '-' },
+        ...(!isRestrictedCustomerRole.value
+          ? [
+              {
+                label: '提交人',
+                prop: 'submitter_name',
+                formatter: (value: string | null | undefined) => value || '-'
+              }
+            ]
+          : []),
         {
           label: '申请退款金额',
           formatter: (_, data) => formatCurrency(data.requested_refund_amount)
@@ -304,24 +260,28 @@
           label: '实收金额',
           formatter: (_, data) => formatCurrency(data.actual_received_amount)
         },
-        {
-          label: '退款原因',
-          prop: 'refund_reason',
-          formatter: (value) => value || '-',
-          fullWidth: true
-        },
-        {
-          label: '拒绝原因',
-          prop: 'reject_reason',
-          formatter: (value) => value || '-',
-          fullWidth: true
-        },
-        {
-          label: '备注',
-          prop: 'remark',
-          formatter: (value) => value || '-',
-          fullWidth: true
-        },
+        ...(!isRestrictedCustomerRole.value
+          ? [
+              {
+                label: '退款原因',
+                prop: 'refund_reason',
+                formatter: (value: string | null | undefined) => value || '-',
+                fullWidth: true
+              },
+              {
+                label: '拒绝原因',
+                prop: 'reject_reason',
+                formatter: (value: string | null | undefined) => value || '-',
+                fullWidth: true
+              },
+              {
+                label: '备注',
+                prop: 'remark',
+                formatter: (value: string | null | undefined) => value || '-',
+                fullWidth: true
+              }
+            ]
+          : []),
         {
           label: '退款凭证',
           fullWidth: true,
@@ -360,7 +320,14 @@
     {
       title: '企微审批信息',
       fields: [
-        { label: '审批渠道', formatter: (_, data) => getApprovalProviderText(data) },
+        ...(!isRestrictedCustomerRole.value
+          ? [
+              {
+                label: '审批渠道',
+                formatter: (_: unknown, data: Refund) => getApprovalProviderText(data)
+              }
+            ]
+          : []),
         {
           label: '审批来源',
           formatter: (_, data) => data.approval?.source || data.approval_source || '-'
@@ -370,10 +337,14 @@
           label: '审批状态',
           formatter: (_, data) => getRefundApprovalStatusText(data)
         },
-        {
-          label: '当前审批人摘要',
-          formatter: (_, data) => data.current_approver_summary || '-'
-        },
+        ...(!isRestrictedCustomerRole.value
+          ? [
+              {
+                label: '当前审批人摘要',
+                formatter: (_: unknown, data: Refund) => data.current_approver_summary || '-'
+              }
+            ]
+          : []),
         { label: '模板版本', prop: 'approval.template_version' },
         {
           label: '申请人',
@@ -417,10 +388,15 @@
     {
       title: '业务处理结果',
       fields: [
-        {
-          label: '处理状态',
-          formatter: (_, data) => data.processing_status_name || data.processing_status || '-'
-        },
+        ...(!isRestrictedCustomerRole.value
+          ? [
+              {
+                label: '处理状态',
+                formatter: (_: unknown, data: Refund) =>
+                  data.processing_status_name || data.processing_status || '-'
+              }
+            ]
+          : []),
         {
           label: '失败摘要',
           formatter: (_, data) => data.processing_failure_summary || data.error_summary || '-',
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index 3713c97..ec3c605 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -143,17 +143,17 @@
 </template>
 
 <script setup lang="ts">
-  import { h } from 'vue'
+  import { computed, h } from 'vue'
   import { useRouter } from 'vue-router'
   import { RefundService, ShopService, OrderService } from '@/api/modules'
-  import { ElMessage, ElTag, ElButton } from 'element-plus'
+  import { ElMessage, ElMessageBox, ElTag, ElButton } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
-  import type {
-    Refund,
-    RefundQueryParams,
+  import {
     RefundStatus,
-    ResubmitRefundRequest,
-    RefundAttachment
+    type Refund,
+    type RefundQueryParams,
+    type ResubmitRefundRequest,
+    type RefundAttachment
   } from '@/types/api'
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
@@ -183,10 +183,23 @@
   const router = useRouter()
   const userStore = useUserStore()
   const { hasAuth } = useAuth()
+  const isRestrictedCustomerRole = computed(() => [3, 4].includes(Number(userStore.info.user_type)))
+  const hiddenInternalColumnProps = new Set([
+    'approval_provider',
+    'submitter_name',
+    'current_approver_summary',
+    'processing_status_name',
+    'refund_reason',
+    'reject_reason',
+    'remark'
+  ])
+  const shouldShowInternalColumn = (prop?: string) =>
+    !isRestrictedCustomerRole.value || !hiddenInternalColumnProps.has(prop || '')
 
   const loading = ref(false)
   const resubmitLoading = ref(false)
   const resubmitVoucherUploading = ref(false)
+  const triggerApprovalLoading = ref(false)
   const tableRef = ref()
   const resubmitUploadRef = ref<InstanceType<typeof VoucherUpload>>()
   const createDialogVisible = ref(false)
@@ -303,7 +316,7 @@
     { label: '创建时间', prop: 'created_at' },
     { label: '审批时间', prop: 'processed_at' },
     { label: '更新时间', prop: 'updated_at' }
-  ]
+  ].filter(({ prop }) => shouldShowInternalColumn(prop))
 
   const resubmitFormRef = ref<FormInstance>()
 
@@ -344,175 +357,177 @@
   }
 
   // 动态列配置
-  const { columnChecks, columns } = useCheckedColumns(() => [
-    {
-      prop: 'refund_no',
-      label: '退款单号',
-      minWidth: 210,
-      formatter: (row: Refund) => {
-        return h(
-          'span',
-          {
-            style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
-            onClick: (e: MouseEvent) => {
-              e.stopPropagation()
-              handleNameClick(row)
-            }
-          },
-          row.refund_no
-        )
+  const { columnChecks, columns } = useCheckedColumns(() =>
+    [
+      {
+        prop: 'refund_no',
+        label: '退款单号',
+        minWidth: 210,
+        formatter: (row: Refund) => {
+          return h(
+            'span',
+            {
+              style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
+              onClick: (e: MouseEvent) => {
+                e.stopPropagation()
+                handleNameClick(row)
+              }
+            },
+            row.refund_no
+          )
+        }
+      },
+      {
+        prop: 'shop_name',
+        label: '店铺名称',
+        width: 160
+      },
+      {
+        prop: 'order_no',
+        label: '订单号',
+        width: 180,
+        showOverflowTooltip: true
+      },
+      {
+        prop: 'asset_identifier',
+        label: '资产标识符',
+        width: 200,
+        showOverflowTooltip: true
+      },
+      {
+        prop: 'asset_type',
+        label: '资产类型',
+        width: 100,
+        formatter: (row: Refund) =>
+          row.asset_type === 'device'
+            ? '设备'
+            : row.asset_type === 'card'
+              ? '单卡'
+              : row.asset_type === 'iot_card'
+                ? 'IoT卡'
+                : row.asset_type || '-'
+      },
+      {
+        prop: 'requested_refund_amount',
+        label: '申请退款金额',
+        width: 150,
+        formatter: (row: Refund) => formatCurrency(row.requested_refund_amount)
+      },
+      {
+        prop: 'approved_refund_amount',
+        label: '实际退款金额',
+        width: 150,
+        formatter: (row: Refund) => formatCurrency(row.approved_refund_amount)
+      },
+      {
+        prop: 'actual_received_amount',
+        label: '实收金额',
+        width: 120,
+        formatter: (row: Refund) => formatCurrency(row.actual_received_amount)
+      },
+      {
+        prop: 'status',
+        label: '状态',
+        width: 100,
+        formatter: (row: Refund) => {
+          return h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '-')
+        }
+      },
+      {
+        prop: 'approval_provider',
+        label: '审批渠道',
+        width: 110,
+        formatter: (row: Refund) => {
+          if (row.approval_provider === 'wecom' || row.approval_source === 'wecom') return '企微'
+          if (row.approval_source === 'legacy') return '历史审批'
+          return row.approval_provider || row.approval_source || '-'
+        }
+      },
+      {
+        prop: 'submitter_name',
+        label: '提交人',
+        width: 120,
+        showOverflowTooltip: true,
+        formatter: (row: Refund) => row.submitter_name || '-'
+      },
+      {
+        prop: 'approval_status',
+        label: '审批状态',
+        width: 120,
+        formatter: (row: Refund) => row.approval_status_name || '-'
+      },
+      {
+        prop: 'current_approver_summary',
+        label: '当前审批人摘要',
+        minWidth: 180,
+        showOverflowTooltip: true,
+        formatter: (row: Refund) => getCurrentApproverSummaryText(row)
+      },
+      {
+        prop: 'processing_status_name',
+        label: '业务处理状态',
+        width: 140,
+        showOverflowTooltip: true,
+        formatter: (row: Refund) => getProcessingStatusText(row)
+      },
+      {
+        prop: 'refund_reason',
+        label: '退款原因',
+        minWidth: 200,
+        formatter: (row: Refund) => row.refund_reason || '-'
+      },
+      {
+        prop: 'reject_reason',
+        label: '拒绝原因',
+        minWidth: 200,
+        formatter: (row: Refund) => row.reject_reason || '-'
+      },
+      {
+        prop: 'remark',
+        label: '审批备注',
+        minWidth: 200,
+        formatter: (row: Refund) => row.remark || '-'
+      },
+      {
+        prop: 'asset_reset',
+        label: '资产重置',
+        width: 100,
+        formatter: (row: Refund) => {
+          return h(ElTag, { type: row.asset_reset ? 'success' : 'info' }, () =>
+            row.asset_reset ? '是' : '否'
+          )
+        }
+      },
+      {
+        prop: 'commission_deducted',
+        label: '佣金扣除',
+        width: 100,
+        formatter: (row: Refund) => {
+          return h(ElTag, { type: row.commission_deducted ? 'success' : 'info' }, () =>
+            row.commission_deducted ? '是' : '否'
+          )
+        }
+      },
+      {
+        prop: 'created_at',
+        label: '创建时间',
+        width: 180,
+        formatter: (row: Refund) => formatDateTime(row.created_at)
+      },
+      {
+        prop: 'processed_at',
+        label: '审批时间',
+        width: 180,
+        formatter: (row: Refund) => (row.processed_at ? formatDateTime(row.processed_at) : '-')
+      },
+      {
+        prop: 'updated_at',
+        label: '更新时间',
+        width: 180,
+        formatter: (row: Refund) => formatDateTime(row.updated_at)
       }
-    },
-    {
-      prop: 'shop_name',
-      label: '店铺名称',
-      width: 160
-    },
-    {
-      prop: 'order_no',
-      label: '订单号',
-      width: 180,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'asset_identifier',
-      label: '资产标识符',
-      width: 200,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'asset_type',
-      label: '资产类型',
-      width: 100,
-      formatter: (row: Refund) =>
-        row.asset_type === 'device'
-          ? '设备'
-          : row.asset_type === 'card'
-            ? '单卡'
-            : row.asset_type === 'iot_card'
-              ? 'IoT卡'
-              : row.asset_type || '-'
-    },
-    {
-      prop: 'requested_refund_amount',
-      label: '申请退款金额',
-      width: 150,
-      formatter: (row: Refund) => formatCurrency(row.requested_refund_amount)
-    },
-    {
-      prop: 'approved_refund_amount',
-      label: '实际退款金额',
-      width: 150,
-      formatter: (row: Refund) => formatCurrency(row.approved_refund_amount)
-    },
-    {
-      prop: 'actual_received_amount',
-      label: '实收金额',
-      width: 120,
-      formatter: (row: Refund) => formatCurrency(row.actual_received_amount)
-    },
-    {
-      prop: 'status',
-      label: '状态',
-      width: 100,
-      formatter: (row: Refund) => {
-        return h(ElTag, { type: getStatusType(row.status) }, () => row.status_name || '-')
-      }
-    },
-    {
-      prop: 'approval_provider',
-      label: '审批渠道',
-      width: 110,
-      formatter: (row: Refund) => {
-        if (row.approval_provider === 'wecom' || row.approval_source === 'wecom') return '企微'
-        if (row.approval_source === 'legacy') return '历史审批'
-        return row.approval_provider || row.approval_source || '-'
-      }
-    },
-    {
-      prop: 'submitter_name',
-      label: '提交人',
-      width: 120,
-      showOverflowTooltip: true,
-      formatter: (row: Refund) => row.submitter_name || '-'
-    },
-    {
-      prop: 'approval_status',
-      label: '审批状态',
-      width: 120,
-      formatter: (row: Refund) => row.approval_status_name || '-'
-    },
-    {
-      prop: 'current_approver_summary',
-      label: '当前审批人摘要',
-      minWidth: 180,
-      showOverflowTooltip: true,
-      formatter: (row: Refund) => getCurrentApproverSummaryText(row)
-    },
-    {
-      prop: 'processing_status_name',
-      label: '业务处理状态',
-      width: 140,
-      showOverflowTooltip: true,
-      formatter: (row: Refund) => getProcessingStatusText(row)
-    },
-    {
-      prop: 'refund_reason',
-      label: '退款原因',
-      minWidth: 200,
-      formatter: (row: Refund) => row.refund_reason || '-'
-    },
-    {
-      prop: 'reject_reason',
-      label: '拒绝原因',
-      minWidth: 200,
-      formatter: (row: Refund) => row.reject_reason || '-'
-    },
-    {
-      prop: 'remark',
-      label: '审批备注',
-      minWidth: 200,
-      formatter: (row: Refund) => row.remark || '-'
-    },
-    {
-      prop: 'asset_reset',
-      label: '资产重置',
-      width: 100,
-      formatter: (row: Refund) => {
-        return h(ElTag, { type: row.asset_reset ? 'success' : 'info' }, () =>
-          row.asset_reset ? '是' : '否'
-        )
-      }
-    },
-    {
-      prop: 'commission_deducted',
-      label: '佣金扣除',
-      width: 100,
-      formatter: (row: Refund) => {
-        return h(ElTag, { type: row.commission_deducted ? 'success' : 'info' }, () =>
-          row.commission_deducted ? '是' : '否'
-        )
-      }
-    },
-    {
-      prop: 'created_at',
-      label: '创建时间',
-      width: 180,
-      formatter: (row: Refund) => formatDateTime(row.created_at)
-    },
-    {
-      prop: 'processed_at',
-      label: '审批时间',
-      width: 180,
-      formatter: (row: Refund) => (row.processed_at ? formatDateTime(row.processed_at) : '-')
-    },
-    {
-      prop: 'updated_at',
-      label: '更新时间',
-      width: 180,
-      formatter: (row: Refund) => formatDateTime(row.updated_at)
-    }
-  ])
+    ].filter(({ prop }) => shouldShowInternalColumn(prop))
+  )
 
   onMounted(() => {
     getTableData()
@@ -735,6 +750,42 @@
     )
   }
 
+  const canTriggerApproval = (row: Refund) => {
+    const approvalStatusEmpty = row.approval_status === undefined || row.approval_status === null
+    return row.status === RefundStatus.PENDING && approvalStatusEmpty
+  }
+
+  // 补发历史退款审批
+  const handleTriggerApproval = (row: Refund) => {
+    if (triggerApprovalLoading.value) return
+
+    ElMessageBox.confirm(`确定要为退款单号 ${row.refund_no} 补发企微审批吗？`, '补发审批', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+      .then(async () => {
+        triggerApprovalLoading.value = true
+        try {
+          const res = await RefundService.triggerApproval(row.id)
+          if (res.code !== 0) {
+            ElMessage.error(res.msg || '补发审批失败')
+            return
+          }
+          ElMessage.success('补发审批成功')
+          await getTableData()
+        } catch (error) {
+          console.error(error)
+          ElMessage.error('补发审批失败')
+        } finally {
+          triggerApprovalLoading.value = false
+        }
+      })
+      .catch(() => {
+        // 用户取消
+      })
+  }
+
   // 获取操作按钮
   const getActions = (row: Refund) => {
     const actions: any[] = []
@@ -743,6 +794,15 @@
       [1, 2].includes(userStore.getUserInfo.user_type || 0) &&
       hasAuth(AUDIT_PERMISSIONS.refundEntry)
     ) {
+      const voucherKeys = getRefundAttachmentKeys(row)
+      if (voucherKeys.length && hasAuth('refund:view_voucher')) {
+        actions.push({
+          label: '退款凭证',
+          handler: () => handleViewRefundVoucher(row),
+          type: 'primary'
+        })
+      }
+
       const auditTarget = resolveAuditResourceTarget({
         userType: userStore.getUserInfo.user_type,
         resourceType: 'refund',
@@ -754,6 +814,7 @@
           handler: () => openAuditInvestigation(auditTarget),
           type: 'primary'
         })
+
       if (hasAuth(AUDIT_PERMISSIONS.refundFinanceEntry)) {
         const financeTarget = resolveFinanceAuditTarget('refund_id', row.id)
         if (financeTarget)
@@ -775,7 +836,18 @@
           type: 'primary'
         })
     }
-    const voucherKeys = getRefundAttachmentKeys(row)
+
+    if (
+      [1, 2].includes(userStore.getUserInfo.user_type || 0) &&
+      canTriggerApproval(row) &&
+      hasAuth('refund:trigger_approval')
+    ) {
+      actions.push({
+        label: '补发审批',
+        handler: () => handleTriggerApproval(row),
+        type: 'primary'
+      })
+    }
 
     if (canResubmit(row) && hasAuth('refund:resubmit')) {
       actions.push({
@@ -785,14 +857,6 @@
       })
     }
 
-    if (voucherKeys.length && hasAuth('refund:view_voucher')) {
-      actions.push({
-        label: '查看退款凭证',
-        handler: () => handleViewRefundVoucher(row),
-        type: 'primary'
-      })
-    }
-
     return actions
   }
 
diff --git a/src/views/order-management/order-list/detail.vue b/src/views/order-management/order-list/detail.vue
index bfc17eb..39dfbf7 100644
--- a/src/views/order-management/order-list/detail.vue
+++ b/src/views/order-management/order-list/detail.vue
@@ -10,22 +10,6 @@
           返回
         </ElButton>
         <h2 class="detail-title">订单详情</h2>
-        <ElButton
-          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.orderEntry)"
-          type="primary"
-          plain
-          @click="openOrderAudit"
-        >
-          审计记录
-        </ElButton>
-        <ElButton
-          v-if="detailData && isPlatformUser && hasAuth(AUDIT_PERMISSIONS.orderFinanceEntry)"
-          type="primary"
-          plain
-          @click="openOrderFinance"
-        >
-          资金链路
-        </ElButton>
       </div>
 
       <!-- 详情内容 -->
@@ -98,12 +82,6 @@
   import { formatDateTime } from '@/utils/business/format'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
   import PaymentVoucherDialog from '@/components/business/PaymentVoucherDialog.vue'
-  import { AUDIT_PERMISSIONS } from '@/config/constants/audit'
-  import {
-    resolveAuditResourceTarget,
-    resolveFinanceAuditTarget
-  } from '@/utils/business/auditNavigation'
-  import { openAuditInvestigation } from '@/components/business/audit/investigationController'
 
   defineOptions({ name: 'OrderDetail' })
 
@@ -115,18 +93,6 @@
   const loading = ref(false)
   const detailData = ref<Order | null>(null)
   const paymentVoucherFileKeys = ref<string[]>([])
-  const isPlatformUser = computed(() => [1, 2].includes(Number(userStore.info.user_type)))
-  const openOrderAudit = () => {
-    const target = resolveAuditResourceTarget({
-      resourceType: 'order',
-      internalId: detailData.value?.id
-    })
-    if (target) openAuditInvestigation(target)
-  }
-  const openOrderFinance = () => {
-    const target = resolveFinanceAuditTarget('order_id', detailData.value?.id)
-    if (target) openAuditInvestigation(target)
-  }
 
   // 格式化货币 - 将分转换为元
   const formatCurrency = (amount: number): string => {
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index 78e13ab..ff5a929 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -483,15 +483,15 @@
       }
     },
     {
-      label: '开始至结束',
+      label: '起止时间',
       prop: 'dateRange',
-      type: 'date',
+      type: 'datetimerange',
       config: {
-        type: 'daterange',
+        type: 'datetimerange',
         rangeSeparator: '至',
         startPlaceholder: '开始日期',
         endPlaceholder: '结束日期',
-        valueFormat: 'YYYY-MM-DD'
+        valueFormat: 'YYYY-MM-DDTHH:mm:ssZ'
       }
     }
   ]

From 95abcb97ef744c47608808c5d80df4f81f8ffc86 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 18 Aug 2026 17:59:31 +0800
Subject: [PATCH 70/76] fix: update some files

---
 src/types/auto-imports.d.ts        |  4 +---
 src/views/finance/refund/index.vue | 18 +++++++++---------
 src/views/system/role/index.vue    |  4 +++-
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index 66ef040..fe197da 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -7,9 +7,7 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
-  const ElButton: (typeof import('element-plus/es'))['ElButton']
-  const ElMessage: (typeof import('element-plus/es'))['ElMessage']
-  const ElMessageBox: (typeof import('element-plus/es'))['ElMessageBox']
+  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index ec3c605..1b792db 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -790,19 +790,19 @@
   const getActions = (row: Refund) => {
     const actions: any[] = []
 
+    const voucherKeys = getRefundAttachmentKeys(row)
+    if (voucherKeys.length && hasAuth('refund:view_voucher')) {
+      actions.push({
+        label: '退款凭证',
+        handler: () => handleViewRefundVoucher(row),
+        type: 'primary'
+      })
+    }
+
     if (
       [1, 2].includes(userStore.getUserInfo.user_type || 0) &&
       hasAuth(AUDIT_PERMISSIONS.refundEntry)
     ) {
-      const voucherKeys = getRefundAttachmentKeys(row)
-      if (voucherKeys.length && hasAuth('refund:view_voucher')) {
-        actions.push({
-          label: '退款凭证',
-          handler: () => handleViewRefundVoucher(row),
-          type: 'primary'
-        })
-      }
-
       const auditTarget = resolveAuditResourceTarget({
         userType: userStore.getUserInfo.user_type,
         resourceType: 'refund',
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 84deadd..054b7e1 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -529,7 +529,9 @@
       : []),
     {
       prop: 'role_desc',
-      label: '角色描述'
+      label: '角色描述',
+      width: 240,
+      showOverflowTooltip: true
     },
     {
       prop: 'created_at',

From 2d6948010b8e36cccf2eb03ed18e6a1f236a0c5d Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 18 Aug 2026 18:05:40 +0800
Subject: [PATCH 71/76] fix: update some files

---
 src/types/components.d.ts          | 175 -----------------------------
 src/views/finance/refund/index.vue |   9 +-
 2 files changed, 7 insertions(+), 177 deletions(-)

diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 6680882..e69de29 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -1,175 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    AgentSelector: typeof import('./../components/business/AgentSelector.vue')['default']
-    ArtBackToTop: typeof import('./../components/core/base/ArtBackToTop.vue')['default']
-    ArtBarChart: typeof import('./../components/core/charts/ArtBarChart.vue')['default']
-    ArtBarChartCard: typeof import('./../components/core/cards/ArtBarChartCard.vue')['default']
-    ArtBasicBanner: typeof import('./../components/core/banners/ArtBasicBanner.vue')['default']
-    ArtBreadcrumb: typeof import('./../components/core/layouts/art-breadcrumb/index.vue')['default']
-    ArtButtonMore: typeof import('./../components/core/forms/ArtButtonMore.vue')['default']
-    ArtButtonTable: typeof import('./../components/core/forms/ArtButtonTable.vue')['default']
-    ArtChatWindow: typeof import('./../components/core/layouts/art-chat-window/index.vue')['default']
-    ArtCutterImg: typeof import('./../components/core/media/ArtCutterImg.vue')['default']
-    ArtDataListCard: typeof import('./../components/core/cards/ArtDataListCard.vue')['default']
-    ArtDataViewer: typeof import('./../components/core/views/ArtDataViewer.vue')['default']
-    ArtDonutChartCard: typeof import('./../components/core/cards/ArtDonutChartCard.vue')['default']
-    ArtDragVerify: typeof import('./../components/core/forms/ArtDragVerify.vue')['default']
-    ArtDualBarCompareChart: typeof import('./../components/core/charts/ArtDualBarCompareChart.vue')['default']
-    ArtExcelExport: typeof import('./../components/core/forms/ArtExcelExport.vue')['default']
-    ArtExcelImport: typeof import('./../components/core/forms/ArtExcelImport.vue')['default']
-    ArtException: typeof import('./../components/core/views/exception/ArtException.vue')['default']
-    ArtFastEnter: typeof import('./../components/core/layouts/art-fast-enter/index.vue')['default']
-    ArtFestivalTextScroll: typeof import('./../components/core/text-effect/ArtFestivalTextScroll.vue')['default']
-    ArtFireworksEffect: typeof import('./../components/core/layouts/art-fireworks-effect/index.vue')['default']
-    ArtGlobalSearch: typeof import('./../components/core/layouts/art-global-search/index.vue')['default']
-    ArtHBarChart: typeof import('./../components/core/charts/ArtHBarChart.vue')['default']
-    ArtHeaderBar: typeof import('./../components/core/layouts/art-header-bar/index.vue')['default']
-    ArtHorizontalMenu: typeof import('./../components/core/layouts/art-menus/art-horizontal-menu/index.vue')['default']
-    ArtIconSelector: typeof import('./../components/core/base/ArtIconSelector.vue')['default']
-    ArtImageCard: typeof import('./../components/core/cards/ArtImageCard.vue')['default']
-    ArtKLineChart: typeof import('./../components/core/charts/ArtKLineChart.vue')['default']
-    ArtLayouts: typeof import('./../components/core/layouts/art-layouts/index.vue')['default']
-    ArtLineChart: typeof import('./../components/core/charts/ArtLineChart.vue')['default']
-    ArtLineChartCard: typeof import('./../components/core/cards/ArtLineChartCard.vue')['default']
-    ArtLogo: typeof import('./../components/core/base/ArtLogo.vue')['default']
-    ArtMapChart: typeof import('./../components/core/charts/ArtMapChart.vue')['default']
-    ArtMenuRight: typeof import('./../components/core/others/ArtMenuRight.vue')['default']
-    ArtMixedMenu: typeof import('./../components/core/layouts/art-menus/art-mixed-menu/index.vue')['default']
-    ArtNotification: typeof import('./../components/core/layouts/art-notification/index.vue')['default']
-    ArtPageContent: typeof import('./../components/core/layouts/art-page-content/index.vue')['default']
-    ArtProgressCard: typeof import('./../components/core/cards/ArtProgressCard.vue')['default']
-    ArtRadarChart: typeof import('./../components/core/charts/ArtRadarChart.vue')['default']
-    ArtResultPage: typeof import('./../components/core/views/result/ArtResultPage.vue')['default']
-    ArtRingChart: typeof import('./../components/core/charts/ArtRingChart.vue')['default']
-    ArtScatterChart: typeof import('./../components/core/charts/ArtScatterChart.vue')['default']
-    ArtScreenLock: typeof import('./../components/core/layouts/art-screen-lock/index.vue')['default']
-    ArtSearchBar: typeof import('./../components/core/forms/art-search-bar/index.vue')['default']
-    ArtSearchDate: typeof import('./../components/core/forms/art-search-bar/widget/art-search-date/index.vue')['default']
-    ArtSearchInput: typeof import('./../components/core/forms/art-search-bar/widget/art-search-input/index.vue')['default']
-    ArtSearchRadio: typeof import('./../components/core/forms/art-search-bar/widget/art-search-radio/index.vue')['default']
-    ArtSearchSelect: typeof import('./../components/core/forms/art-search-bar/widget/art-search-select/index.vue')['default']
-    ArtSearchTreeSelect: typeof import('./../components/core/forms/art-search-bar/widget/art-search-tree-select/index.vue')['default']
-    ArtSettingsPanel: typeof import('./../components/core/layouts/art-settings-panel/index.vue')['default']
-    ArtSidebarMenu: typeof import('./../components/core/layouts/art-menus/art-sidebar-menu/index.vue')['default']
-    ArtStatsCard: typeof import('./../components/core/cards/ArtStatsCard.vue')['default']
-    ArtTable: typeof import('./../components/core/tables/ArtTable.vue')['default']
-    ArtTableFullScreen: typeof import('./../components/core/tables/ArtTableFullScreen.vue')['default']
-    ArtTableHeader: typeof import('./../components/core/tables/ArtTableHeader.vue')['default']
-    ArtTextScroll: typeof import('./../components/core/text-effect/ArtTextScroll.vue')['default']
-    ArtTimelineListCard: typeof import('./../components/core/cards/ArtTimelineListCard.vue')['default']
-    ArtVideoPlayer: typeof import('./../components/core/media/ArtVideoPlayer.vue')['default']
-    ArtWangEditor: typeof import('./../components/core/forms/ArtWangEditor.vue')['default']
-    ArtWatermark: typeof import('./../components/core/others/ArtWatermark.vue')['default']
-    ArtWorkTab: typeof import('./../components/core/layouts/art-work-tab/index.vue')['default']
-    AuditDistributionChart: typeof import('./../components/business/audit/AuditDistributionChart.vue')['default']
-    AuditEventTable: typeof import('./../components/business/audit/AuditEventTable.vue')['default']
-    AuditInvestigationDrawer: typeof import('./../components/business/audit/AuditInvestigationDrawer.vue')['default']
-    AuditInvestigationHost: typeof import('./../components/business/audit/AuditInvestigationHost.vue')['default']
-    AuditInvestigationLinks: typeof import('./../components/business/audit/AuditInvestigationLinks.vue')['default']
-    AuditResourceSearchDialog: typeof import('./../components/business/audit/AuditResourceSearchDialog.vue')['default']
-    BasicSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/BasicSettings.vue')['default']
-    BatchOperationDialog: typeof import('./../components/business/BatchOperationDialog.vue')['default']
-    BatchRealnamePolicyDialog: typeof import('./../components/business/BatchRealnamePolicyDialog.vue')['default']
-    BoxStyleSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/BoxStyleSettings.vue')['default']
-    CardOperationDialog: typeof import('./../components/business/CardOperationDialog.vue')['default']
-    CardStatusTag: typeof import('./../components/business/CardStatusTag.vue')['default']
-    ChunkErrorBoundary: typeof import('./../components/core/others/ChunkErrorBoundary.vue')['default']
-    CodeGeneratorButton: typeof import('./../components/business/CodeGeneratorButton.vue')['default']
-    ColorSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ColorSettings.vue')['default']
-    CommentItem: typeof import('./../components/custom/comment-widget/widget/CommentItem.vue')['default']
-    CommentWidget: typeof import('./../components/custom/comment-widget/index.vue')['default']
-    CommissionDisplay: typeof import('./../components/business/CommissionDisplay.vue')['default']
-    ContainerSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ContainerSettings.vue')['default']
-    CreateRefundDialog: typeof import('./../components/business/CreateRefundDialog.vue')['default']
-    CustomerAccountDialog: typeof import('./../components/business/CustomerAccountDialog.vue')['default']
-    DetailPage: typeof import('./../components/common/DetailPage.vue')['default']
-    ElAlert: typeof import('element-plus/es')['ElAlert']
-    ElAvatar: typeof import('element-plus/es')['ElAvatar']
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElCalendar: typeof import('element-plus/es')['ElCalendar']
-    ElCard: typeof import('element-plus/es')['ElCard']
-    ElCascader: typeof import('element-plus/es')['ElCascader']
-    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
-    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
-    ElCol: typeof import('element-plus/es')['ElCol']
-    ElCollapse: typeof import('element-plus/es')['ElCollapse']
-    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
-    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
-    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
-    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
-    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
-    ElDialog: typeof import('element-plus/es')['ElDialog']
-    ElDivider: typeof import('element-plus/es')['ElDivider']
-    ElDrawer: typeof import('element-plus/es')['ElDrawer']
-    ElDropdown: typeof import('element-plus/es')['ElDropdown']
-    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
-    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
-    ElEmpty: typeof import('element-plus/es')['ElEmpty']
-    ElForm: typeof import('element-plus/es')['ElForm']
-    ElFormItem: typeof import('element-plus/es')['ElFormItem']
-    ElIcon: typeof import('element-plus/es')['ElIcon']
-    ElInput: typeof import('element-plus/es')['ElInput']
-    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
-    ElMenu: typeof import('element-plus/es')['ElMenu']
-    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
-    ElOption: typeof import('element-plus/es')['ElOption']
-    ElPagination: typeof import('element-plus/es')['ElPagination']
-    ElPopover: typeof import('element-plus/es')['ElPopover']
-    ElProgress: typeof import('element-plus/es')['ElProgress']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
-    ElRow: typeof import('element-plus/es')['ElRow']
-    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
-    ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
-    ElSwitch: typeof import('element-plus/es')['ElSwitch']
-    ElTable: typeof import('element-plus/es')['ElTable']
-    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTabPane: typeof import('element-plus/es')['ElTabPane']
-    ElTabs: typeof import('element-plus/es')['ElTabs']
-    ElTag: typeof import('element-plus/es')['ElTag']
-    ElTimeline: typeof import('element-plus/es')['ElTimeline']
-    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
-    ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
-    ElUpload: typeof import('element-plus/es')['ElUpload']
-    ElWatermark: typeof import('element-plus/es')['ElWatermark']
-    ExportTaskCreateDialog: typeof import('./../components/business/ExportTaskCreateDialog.vue')['default']
-    HorizontalSubmenu: typeof import('./../components/core/layouts/art-menus/art-horizontal-menu/widget/HorizontalSubmenu.vue')['default']
-    ImportDialog: typeof import('./../components/business/ImportDialog.vue')['default']
-    LoginLeftView: typeof import('./../components/core/views/login/LoginLeftView.vue')['default']
-    MenuLayoutSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuLayoutSettings.vue')['default']
-    MenuStyleSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuStyleSettings.vue')['default']
-    OperatorSelect: typeof import('./../components/business/OperatorSelect.vue')['default']
-    PackageSelector: typeof import('./../components/business/PackageSelector.vue')['default']
-    PaymentVoucherDialog: typeof import('./../components/business/PaymentVoucherDialog.vue')['default']
-    RealnamePolicyDialog: typeof import('./../components/device/RealnamePolicyDialog.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SectionTitle: typeof import('./../components/core/layouts/art-settings-panel/widget/SectionTitle.vue')['default']
-    SeriesGrantPackageDialog: typeof import('./../components/business/SeriesGrantPackageDialog.vue')['default']
-    SeriesGrantPackageTable: typeof import('./../components/business/SeriesGrantPackageTable.vue')['default']
-    SettingDrawer: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingDrawer.vue')['default']
-    SettingHeader: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingHeader.vue')['default']
-    SettingItem: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingItem.vue')['default']
-    ShopCreditLimitDialog: typeof import('./../components/business/ShopCreditLimitDialog.vue')['default']
-    SidebarSubmenu: typeof import('./../components/core/layouts/art-menus/art-sidebar-menu/widget/SidebarSubmenu.vue')['default']
-    SpeedLimitDialog: typeof import('./../components/device/SpeedLimitDialog.vue')['default']
-    SwitchCardDialog: typeof import('./../components/device/SwitchCardDialog.vue')['default']
-    TableContextMenuHint: typeof import('./../components/core/others/TableContextMenuHint.vue')['default']
-    ThemeSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ThemeSettings.vue')['default']
-    UpdateRealnameStatusDialog: typeof import('./../components/business/UpdateRealnameStatusDialog.vue')['default']
-    VoucherUpload: typeof import('./../components/business/VoucherUpload.vue')['default']
-  }
-  export interface ComponentCustomProperties {
-    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
-  }
-}
diff --git a/src/views/finance/refund/index.vue b/src/views/finance/refund/index.vue
index 1b792db..c423e7a 100644
--- a/src/views/finance/refund/index.vue
+++ b/src/views/finance/refund/index.vue
@@ -473,7 +473,8 @@
       {
         prop: 'refund_reason',
         label: '退款原因',
-        minWidth: 200,
+        minWidth: 250,
+        showOverflowTooltip: true,
         formatter: (row: Refund) => row.refund_reason || '-'
       },
       {
@@ -791,7 +792,11 @@
     const actions: any[] = []
 
     const voucherKeys = getRefundAttachmentKeys(row)
-    if (voucherKeys.length && hasAuth('refund:view_voucher')) {
+    if (
+      [1, 2].includes(userStore.getUserInfo.user_type || 0) &&
+      voucherKeys.length &&
+      hasAuth('refund:view_voucher')
+    ) {
       actions.push({
         label: '退款凭证',
         handler: () => handleViewRefundVoucher(row),

From 4e3ea6c6d62ff22fb1bccd1aa40b9af1952c0dc8 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 19 Aug 2026 14:18:55 +0800
Subject: [PATCH 72/76] fix: update some files

---
 src/assets/styles/el-ui.scss                  |  11 +-
 .../business/UpdateRealnameStatusDialog.vue   |   1 +
 .../device/RealnamePolicyDialog.vue           |   7 +-
 src/components/device/SwitchCardDialog.vue    |   8 +-
 src/types/components.d.ts                     | 120 +++++
 .../account-management/account/index.vue      |   3 +-
 .../enterprise-customer/index.vue             |   2 +-
 .../components/AssetSearchCard.vue            | 233 ++++-----
 .../components/BasicInfoCard.vue              | 488 +++++++++++-------
 .../components/CurrentPackageCard.vue         |  16 +-
 .../components/WalletOverviewCard.vue         |  12 +-
 .../components/WalletTransactionCard.vue      |   6 +-
 .../components/dialogs/DailyRecordsDialog.vue |   8 +-
 .../components/dialogs/OrderHistoryDialog.vue |  11 +-
 .../dialogs/PackageRechargeDialog.vue         |   8 +-
 .../components/dialogs/SpeedLimitDialog.vue   |   2 +-
 .../components/dialogs/SwitchModeDialog.vue   |   7 +-
 .../components/dialogs/WiFiConfigDialog.vue   |   8 +-
 .../asset-information/index.vue               | 222 ++++++--
 .../authorization-records/index.vue           |   3 +-
 .../order-package-invalidate-task/index.vue   |   1 -
 src/views/system/role/index.vue               |   2 +-
 22 files changed, 760 insertions(+), 419 deletions(-)

diff --git a/src/assets/styles/el-ui.scss b/src/assets/styles/el-ui.scss
index aec4ef9..41b3bdc 100644
--- a/src/assets/styles/el-ui.scss
+++ b/src/assets/styles/el-ui.scss
@@ -72,19 +72,24 @@
 }
 
 .el-dialog {
-  border-radius: 100px !important;
-  border-radius: calc(var(--custom-radius) / 1.2 + 2px) !important;
+  border-radius: 12px !important;
   overflow: hidden;
 }
 
 .el-dialog__header {
+  padding: 20px 24px 16px !important;
+  margin-right: 0 !important;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+
   .el-dialog__title {
     font-size: 16px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
   }
 }
 
 .el-dialog__body {
-  padding: 25px 0 !important;
+  padding: 20px 24px !important;
   position: relative; // 为了兼容 el-pagination 样式，需要设置 relative，不然会影响 el-pagination 的样式，比如 el-pagination__jump--small 会被影响，导致 el-pagination__jump--small 按钮无法点击，详见 URL_ADDRESS.com/element-plus/element-plus/issues/5684#issuecomment-1176299275;
 }
 
diff --git a/src/components/business/UpdateRealnameStatusDialog.vue b/src/components/business/UpdateRealnameStatusDialog.vue
index 3dae59e..3ca6198 100644
--- a/src/components/business/UpdateRealnameStatusDialog.vue
+++ b/src/components/business/UpdateRealnameStatusDialog.vue
@@ -3,6 +3,7 @@
     v-model="dialogVisible"
     title="手动更新卡实名状态"
     width="400px"
+    modal-class="asset-information-dialog"
     @closed="handleDialogClosed"
   >
     <ElForm ref="formRef" :model="formData" :rules="formRules" label-width="100px">
diff --git a/src/components/device/RealnamePolicyDialog.vue b/src/components/device/RealnamePolicyDialog.vue
index f87b585..32d62cd 100644
--- a/src/components/device/RealnamePolicyDialog.vue
+++ b/src/components/device/RealnamePolicyDialog.vue
@@ -1,5 +1,10 @@
 <template>
-  <ElDialog v-model="visible" title="设置实名认证策略" width="35%">
+  <ElDialog
+    v-model="visible"
+    title="设置实名认证策略"
+    width="35%"
+    modal-class="asset-information-dialog"
+  >
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px">
       <ElFormItem label="资产标识">
         <span style="font-weight: bold; color: #409eff">{{ assetIdentifier }}</span>
diff --git a/src/components/device/SwitchCardDialog.vue b/src/components/device/SwitchCardDialog.vue
index e056342..b2231c9 100644
--- a/src/components/device/SwitchCardDialog.vue
+++ b/src/components/device/SwitchCardDialog.vue
@@ -1,5 +1,11 @@
 <template>
-  <ElDialog v-model="visible" title="切换SIM卡" width="600px" @close="handleClose">
+  <ElDialog
+    v-model="visible"
+    title="切换SIM卡"
+    width="600px"
+    modal-class="asset-information-dialog"
+    @close="handleClose"
+  >
     <div v-if="loading" style="padding: 40px; text-align: center">
       <ElIcon class="is-loading" :size="40"><Loading /></ElIcon>
       <div style="margin-top: 16px">加载设备绑定的卡列表中...</div>
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index e69de29..bffbad9 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -0,0 +1,120 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AgentSelector: typeof import('./../components/business/AgentSelector.vue')['default']
+    ArtBackToTop: typeof import('./../components/core/base/ArtBackToTop.vue')['default']
+    ArtBarChart: typeof import('./../components/core/charts/ArtBarChart.vue')['default']
+    ArtBarChartCard: typeof import('./../components/core/cards/ArtBarChartCard.vue')['default']
+    ArtBasicBanner: typeof import('./../components/core/banners/ArtBasicBanner.vue')['default']
+    ArtBreadcrumb: typeof import('./../components/core/layouts/art-breadcrumb/index.vue')['default']
+    ArtButtonMore: typeof import('./../components/core/forms/ArtButtonMore.vue')['default']
+    ArtButtonTable: typeof import('./../components/core/forms/ArtButtonTable.vue')['default']
+    ArtChatWindow: typeof import('./../components/core/layouts/art-chat-window/index.vue')['default']
+    ArtCutterImg: typeof import('./../components/core/media/ArtCutterImg.vue')['default']
+    ArtDataListCard: typeof import('./../components/core/cards/ArtDataListCard.vue')['default']
+    ArtDataViewer: typeof import('./../components/core/views/ArtDataViewer.vue')['default']
+    ArtDonutChartCard: typeof import('./../components/core/cards/ArtDonutChartCard.vue')['default']
+    ArtDragVerify: typeof import('./../components/core/forms/ArtDragVerify.vue')['default']
+    ArtDualBarCompareChart: typeof import('./../components/core/charts/ArtDualBarCompareChart.vue')['default']
+    ArtExcelExport: typeof import('./../components/core/forms/ArtExcelExport.vue')['default']
+    ArtExcelImport: typeof import('./../components/core/forms/ArtExcelImport.vue')['default']
+    ArtException: typeof import('./../components/core/views/exception/ArtException.vue')['default']
+    ArtFastEnter: typeof import('./../components/core/layouts/art-fast-enter/index.vue')['default']
+    ArtFestivalTextScroll: typeof import('./../components/core/text-effect/ArtFestivalTextScroll.vue')['default']
+    ArtFireworksEffect: typeof import('./../components/core/layouts/art-fireworks-effect/index.vue')['default']
+    ArtGlobalSearch: typeof import('./../components/core/layouts/art-global-search/index.vue')['default']
+    ArtHBarChart: typeof import('./../components/core/charts/ArtHBarChart.vue')['default']
+    ArtHeaderBar: typeof import('./../components/core/layouts/art-header-bar/index.vue')['default']
+    ArtHorizontalMenu: typeof import('./../components/core/layouts/art-menus/art-horizontal-menu/index.vue')['default']
+    ArtIconSelector: typeof import('./../components/core/base/ArtIconSelector.vue')['default']
+    ArtImageCard: typeof import('./../components/core/cards/ArtImageCard.vue')['default']
+    ArtKLineChart: typeof import('./../components/core/charts/ArtKLineChart.vue')['default']
+    ArtLayouts: typeof import('./../components/core/layouts/art-layouts/index.vue')['default']
+    ArtLineChart: typeof import('./../components/core/charts/ArtLineChart.vue')['default']
+    ArtLineChartCard: typeof import('./../components/core/cards/ArtLineChartCard.vue')['default']
+    ArtLogo: typeof import('./../components/core/base/ArtLogo.vue')['default']
+    ArtMapChart: typeof import('./../components/core/charts/ArtMapChart.vue')['default']
+    ArtMenuRight: typeof import('./../components/core/others/ArtMenuRight.vue')['default']
+    ArtMixedMenu: typeof import('./../components/core/layouts/art-menus/art-mixed-menu/index.vue')['default']
+    ArtNotification: typeof import('./../components/core/layouts/art-notification/index.vue')['default']
+    ArtPageContent: typeof import('./../components/core/layouts/art-page-content/index.vue')['default']
+    ArtProgressCard: typeof import('./../components/core/cards/ArtProgressCard.vue')['default']
+    ArtRadarChart: typeof import('./../components/core/charts/ArtRadarChart.vue')['default']
+    ArtResultPage: typeof import('./../components/core/views/result/ArtResultPage.vue')['default']
+    ArtRingChart: typeof import('./../components/core/charts/ArtRingChart.vue')['default']
+    ArtScatterChart: typeof import('./../components/core/charts/ArtScatterChart.vue')['default']
+    ArtScreenLock: typeof import('./../components/core/layouts/art-screen-lock/index.vue')['default']
+    ArtSearchBar: typeof import('./../components/core/forms/art-search-bar/index.vue')['default']
+    ArtSearchDate: typeof import('./../components/core/forms/art-search-bar/widget/art-search-date/index.vue')['default']
+    ArtSearchInput: typeof import('./../components/core/forms/art-search-bar/widget/art-search-input/index.vue')['default']
+    ArtSearchRadio: typeof import('./../components/core/forms/art-search-bar/widget/art-search-radio/index.vue')['default']
+    ArtSearchSelect: typeof import('./../components/core/forms/art-search-bar/widget/art-search-select/index.vue')['default']
+    ArtSearchTreeSelect: typeof import('./../components/core/forms/art-search-bar/widget/art-search-tree-select/index.vue')['default']
+    ArtSettingsPanel: typeof import('./../components/core/layouts/art-settings-panel/index.vue')['default']
+    ArtSidebarMenu: typeof import('./../components/core/layouts/art-menus/art-sidebar-menu/index.vue')['default']
+    ArtStatsCard: typeof import('./../components/core/cards/ArtStatsCard.vue')['default']
+    ArtTable: typeof import('./../components/core/tables/ArtTable.vue')['default']
+    ArtTableFullScreen: typeof import('./../components/core/tables/ArtTableFullScreen.vue')['default']
+    ArtTableHeader: typeof import('./../components/core/tables/ArtTableHeader.vue')['default']
+    ArtTextScroll: typeof import('./../components/core/text-effect/ArtTextScroll.vue')['default']
+    ArtTimelineListCard: typeof import('./../components/core/cards/ArtTimelineListCard.vue')['default']
+    ArtVideoPlayer: typeof import('./../components/core/media/ArtVideoPlayer.vue')['default']
+    ArtWangEditor: typeof import('./../components/core/forms/ArtWangEditor.vue')['default']
+    ArtWatermark: typeof import('./../components/core/others/ArtWatermark.vue')['default']
+    ArtWorkTab: typeof import('./../components/core/layouts/art-work-tab/index.vue')['default']
+    AuditDistributionChart: typeof import('./../components/business/audit/AuditDistributionChart.vue')['default']
+    AuditEventTable: typeof import('./../components/business/audit/AuditEventTable.vue')['default']
+    AuditInvestigationDrawer: typeof import('./../components/business/audit/AuditInvestigationDrawer.vue')['default']
+    AuditInvestigationHost: typeof import('./../components/business/audit/AuditInvestigationHost.vue')['default']
+    AuditInvestigationLinks: typeof import('./../components/business/audit/AuditInvestigationLinks.vue')['default']
+    AuditResourceSearchDialog: typeof import('./../components/business/audit/AuditResourceSearchDialog.vue')['default']
+    BasicSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/BasicSettings.vue')['default']
+    BatchOperationDialog: typeof import('./../components/business/BatchOperationDialog.vue')['default']
+    BatchRealnamePolicyDialog: typeof import('./../components/business/BatchRealnamePolicyDialog.vue')['default']
+    BoxStyleSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/BoxStyleSettings.vue')['default']
+    CardOperationDialog: typeof import('./../components/business/CardOperationDialog.vue')['default']
+    CardStatusTag: typeof import('./../components/business/CardStatusTag.vue')['default']
+    ChunkErrorBoundary: typeof import('./../components/core/others/ChunkErrorBoundary.vue')['default']
+    CodeGeneratorButton: typeof import('./../components/business/CodeGeneratorButton.vue')['default']
+    ColorSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ColorSettings.vue')['default']
+    CommentItem: typeof import('./../components/custom/comment-widget/widget/CommentItem.vue')['default']
+    CommentWidget: typeof import('./../components/custom/comment-widget/index.vue')['default']
+    CommissionDisplay: typeof import('./../components/business/CommissionDisplay.vue')['default']
+    ContainerSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ContainerSettings.vue')['default']
+    CreateRefundDialog: typeof import('./../components/business/CreateRefundDialog.vue')['default']
+    CustomerAccountDialog: typeof import('./../components/business/CustomerAccountDialog.vue')['default']
+    DetailPage: typeof import('./../components/common/DetailPage.vue')['default']
+    ExportTaskCreateDialog: typeof import('./../components/business/ExportTaskCreateDialog.vue')['default']
+    HorizontalSubmenu: typeof import('./../components/core/layouts/art-menus/art-horizontal-menu/widget/HorizontalSubmenu.vue')['default']
+    ImportDialog: typeof import('./../components/business/ImportDialog.vue')['default']
+    LoginLeftView: typeof import('./../components/core/views/login/LoginLeftView.vue')['default']
+    MenuLayoutSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuLayoutSettings.vue')['default']
+    MenuStyleSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/MenuStyleSettings.vue')['default']
+    OperatorSelect: typeof import('./../components/business/OperatorSelect.vue')['default']
+    PackageSelector: typeof import('./../components/business/PackageSelector.vue')['default']
+    PaymentVoucherDialog: typeof import('./../components/business/PaymentVoucherDialog.vue')['default']
+    RealnamePolicyDialog: typeof import('./../components/device/RealnamePolicyDialog.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SectionTitle: typeof import('./../components/core/layouts/art-settings-panel/widget/SectionTitle.vue')['default']
+    SeriesGrantPackageDialog: typeof import('./../components/business/SeriesGrantPackageDialog.vue')['default']
+    SeriesGrantPackageTable: typeof import('./../components/business/SeriesGrantPackageTable.vue')['default']
+    SettingDrawer: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingDrawer.vue')['default']
+    SettingHeader: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingHeader.vue')['default']
+    SettingItem: typeof import('./../components/core/layouts/art-settings-panel/widget/SettingItem.vue')['default']
+    ShopCreditLimitDialog: typeof import('./../components/business/ShopCreditLimitDialog.vue')['default']
+    SidebarSubmenu: typeof import('./../components/core/layouts/art-menus/art-sidebar-menu/widget/SidebarSubmenu.vue')['default']
+    SpeedLimitDialog: typeof import('./../components/device/SpeedLimitDialog.vue')['default']
+    SwitchCardDialog: typeof import('./../components/device/SwitchCardDialog.vue')['default']
+    TableContextMenuHint: typeof import('./../components/core/others/TableContextMenuHint.vue')['default']
+    ThemeSettings: typeof import('./../components/core/layouts/art-settings-panel/widget/ThemeSettings.vue')['default']
+    UpdateRealnameStatusDialog: typeof import('./../components/business/UpdateRealnameStatusDialog.vue')['default']
+    VoucherUpload: typeof import('./../components/business/VoucherUpload.vue')['default']
+  }
+}
diff --git a/src/views/account-management/account/index.vue b/src/views/account-management/account/index.vue
index f0841c4..f57c5cf 100644
--- a/src/views/account-management/account/index.vue
+++ b/src/views/account-management/account/index.vue
@@ -624,7 +624,8 @@
     {
       prop: 'enterprise_name',
       label: '企业名称',
-      minWidth: 150,
+      minWidth: 200,
+      showOverflowTooltip: true,
       formatter: (row: any) => {
         return row.enterprise_name || '-'
       }
diff --git a/src/views/account-management/enterprise-customer/index.vue b/src/views/account-management/enterprise-customer/index.vue
index 59de110..9d9cba8 100644
--- a/src/views/account-management/enterprise-customer/index.vue
+++ b/src/views/account-management/enterprise-customer/index.vue
@@ -440,7 +440,7 @@
     {
       prop: 'contact_name',
       label: '联系人姓名',
-      width: 120
+      width: 140
     },
     {
       prop: 'contact_phone',
diff --git a/src/views/asset-management/asset-information/components/AssetSearchCard.vue b/src/views/asset-management/asset-information/components/AssetSearchCard.vue
index f504145..b788001 100644
--- a/src/views/asset-management/asset-information/components/AssetSearchCard.vue
+++ b/src/views/asset-management/asset-information/components/AssetSearchCard.vue
@@ -1,17 +1,12 @@
 <template>
-  <ElCard shadow="never" class="search-card">
-    <template #header>
-      <div class="card-header">
-        <span>资产查询</span>
-        <ElButton type="danger" @click="handleGoBack">返回上次搜索</ElButton>
-      </div>
-    </template>
+  <div class="search-area">
     <div class="iccid-search">
       <div class="iccid-input-wrapper">
         <ElInput
           v-model="searchIccid"
           placeholder="请输入虚拟号、ICCID、IMEI、SN或MSISDN"
           clearable
+          :prefix-icon="Search"
           class="asset-search-input"
           @focus="iccidInputFocused = true"
           @blur="iccidInputFocused = false"
@@ -42,16 +37,17 @@
         >
           同步
         </ElButton>
+        <ElButton type="default" plain :icon="Back" @click="handleGoBack"> 返回上次搜索 </ElButton>
       </div>
     </div>
-  </ElCard>
+  </div>
 </template>
 
 <script setup lang="ts">
   import { ref } from 'vue'
   import { useRoute } from 'vue-router'
-  import { ElCard, ElInput, ElButton } from 'element-plus'
-  import { Search, Refresh } from '@element-plus/icons-vue'
+  import { ElInput, ElButton } from 'element-plus'
+  import { Back, Search, Refresh } from '@element-plus/icons-vue'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
 
   // Use formatters
@@ -135,103 +131,87 @@
 </script>
 
 <style scoped lang="scss">
-  .search-card {
+  .search-area {
+    position: relative;
+    z-index: 20;
     margin-bottom: 20px;
     overflow: visible;
-    background: var(--el-bg-color, #fff);
+  }
 
-    :deep(.el-card__header) {
-      padding: 16px 20px;
-      background: var(--el-fill-color-light);
-      border-bottom: 1px solid var(--el-border-color-lighter);
+  .iccid-search {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    align-items: flex-start;
+    overflow: visible;
 
-      .card-header {
-        display: flex;
-        gap: 12px;
-        align-items: center;
-        justify-content: space-between;
-      }
-    }
+    .iccid-input-wrapper {
+      position: relative;
+      flex: 1 1 360px;
+      min-width: 240px;
 
-    :deep(.el-card__body) {
-      padding: 16px 20px;
-      overflow: visible;
-    }
+      .asset-search-input {
+        width: 100%;
 
-    .iccid-search {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 12px;
-      align-items: flex-start;
-
-      .iccid-input-wrapper {
-        position: relative;
-        flex: 1 1 360px;
-        min-width: 240px;
-
-        .asset-search-input {
-          width: 100%;
+        :deep(.el-input__prefix) {
+          color: var(--el-text-color-secondary);
         }
+      }
 
-        .iccid-magnifier {
+      .iccid-magnifier {
+        position: absolute;
+        top: calc(100% + 12px);
+        left: 0;
+        z-index: 2000;
+        white-space: nowrap;
+
+        .magnifier-arrow {
           position: absolute;
-          top: calc(100% + 12px);
-          left: 0;
-          z-index: 1000;
-          white-space: nowrap;
+          top: -9px;
+          left: 80px;
+          width: 16px;
+          height: 16px;
+          background-color: var(--el-color-primary-light-9);
+          border-top: 2px solid var(--el-color-primary);
+          border-left: 2px solid var(--el-color-primary);
+          transform: rotate(45deg);
+        }
 
-          // 三角箭头 - 上边框样式
-          .magnifier-arrow {
-            position: absolute;
-            top: -9px;
-            left: 80px;
-            width: 16px;
-            height: 16px;
-            background-color: var(--el-bg-color, #fff);
-            border-top: 2px solid var(--el-color-primary);
-            border-left: 2px solid var(--el-color-primary);
-            transform: rotate(45deg);
-          }
-
-          // 内容区域
-          .magnifier-content {
-            max-width: min(720px, calc(100vw - 48px));
-            padding: 16px 24px;
-            font-family: 'Courier New', Consolas, monospace;
-            font-size: 28px;
-            font-weight: 600;
-            line-height: 1.4;
-            color: var(--el-text-color-primary);
-            letter-spacing: 3px;
-            overflow-wrap: anywhere;
-            white-space: normal;
-            background-color: var(--el-bg-color, #fff);
-            border: 2px solid var(--el-color-primary);
-            border-radius: 8px;
-            box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
-          }
+        .magnifier-content {
+          display: inline-block;
+          width: fit-content;
+          max-width: min(720px, calc(100vw - 48px));
+          padding: 14px 22px;
+          font-family: 'Courier New', Consolas, monospace;
+          font-size: 24px;
+          font-weight: 600;
+          line-height: 1.4;
+          color: var(--el-color-primary);
+          text-align: center;
+          letter-spacing: 1.5px;
+          overflow-wrap: anywhere;
+          white-space: normal;
+          background-color: var(--el-color-primary-light-9);
+          border: 2px solid var(--el-color-primary);
+          border-radius: 8px;
+          box-shadow: 0 8px 18px rgb(15 23 42 / 12%);
         }
       }
+    }
 
-      .operation-button-group {
-        display: flex;
-        gap: 12px;
-        margin-left: auto;
-      }
+    .operation-button-group {
+      display: flex;
+      gap: 12px;
+      margin-left: auto;
     }
   }
 
-  // 放大效果的过渡动画
   .zoom-fade-enter-active,
   .zoom-fade-leave-active {
     transition: all 0.2s ease;
   }
 
-  .zoom-fade-enter-from {
-    opacity: 0;
-    transform: scale(0.8) translateY(-10px);
-  }
-
+  .zoom-fade-enter-from,
   .zoom-fade-leave-to {
     opacity: 0;
     transform: scale(0.8) translateY(-10px);
@@ -244,66 +224,47 @@
   }
 
   @media (width <= 768px) {
-    .search-card {
-      top: 16px;
+    .search-area {
       margin-bottom: 16px;
+    }
 
-      :deep(.el-card__header) {
-        padding: 12px 16px;
-      }
+    .iccid-search {
+      flex-direction: column;
+      align-items: stretch;
 
-      :deep(.el-card__body) {
-        padding: 12px 16px;
-      }
+      .iccid-input-wrapper {
+        flex-basis: auto;
+        width: 100%;
+        min-width: 0;
 
-      :deep(.el-card__header) .card-header {
-        flex-direction: column;
-        align-items: stretch;
+        .iccid-magnifier {
+          right: 0;
+          left: 0;
+          white-space: normal;
 
-        .el-button {
-          width: 100%;
-          margin-left: 0;
-        }
-      }
+          .magnifier-arrow {
+            left: 24px;
+          }
 
-      .iccid-search {
-        flex-direction: column;
-        align-items: stretch;
-
-        .iccid-input-wrapper {
-          flex-basis: auto;
-          width: 100%;
-          min-width: 0;
-
-          .iccid-magnifier {
-            right: 0;
-            left: 0;
-            white-space: normal;
-
-            .magnifier-arrow {
-              left: 24px;
-            }
-
-            .magnifier-content {
-              display: block;
-              width: 100%;
-              padding: 12px 14px;
-              font-size: 18px;
-              letter-spacing: 1px;
-            }
+          .magnifier-content {
+            display: block;
+            width: 100%;
+            padding: 12px 14px;
+            font-size: 18px;
+            letter-spacing: 1px;
           }
         }
+      }
 
-        .search-action-button,
-        .operation-button-group,
-        .operation-button-group .el-button {
-          width: 100%;
-          margin-left: 0;
-        }
+      .search-action-button,
+      .operation-button-group,
+      .operation-button-group .el-button {
+        width: 100%;
+        margin-left: 0;
+      }
 
-        .operation-button-group {
-          margin-left: 0;
-        }
+      .operation-button-group {
+        margin-left: 0;
       }
     }
   }
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 49ad52b..3550b32 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -40,7 +40,7 @@
         </div>
       </div>
     </template>
-    <ElDescriptions :column="descriptionsColumn" border>
+    <ElDescriptions :column="descriptionsColumn" direction="vertical" border>
       <!-- 卡专属字段 -->
       <template v-if="cardInfo?.asset_type === 'card'">
         <ElDescriptionsItem label="ICCID">{{ cardInfo?.iccid || '-' }}</ElDescriptionsItem>
@@ -214,7 +214,7 @@
       <ElDescriptions :column="descriptionsColumn" border>
         <ElDescriptionsItem v-if="previousExchangeAsset" label="前代资产">
           <div class="exchange-asset">
-            <ElTag type="success" size="small">换货新资产</ElTag>
+            <ElTag type="success" size="small">旧资产</ElTag>
             <ElButton
               v-if="previousExchangeAsset.can_view"
               type="primary"
@@ -251,230 +251,118 @@
 
     <!-- 设备绑定卡列表 -->
     <template v-if="cardInfo?.asset_type === 'device'">
-      <ElDivider content-position="left">绑定卡列表</ElDivider>
-      <ElTable
-        v-if="cardInfo.cards && cardInfo.cards.length > 0"
-        :data="sortedDeviceCards"
-        border
-        style="width: 100%; margin-top: 16px"
-      >
-        <ElTableColumn label="ICCID" width="220" show-overflow-tooltip>
-          <template #default="scope">
-            <div style="display: flex; align-items: center; justify-content: space-between">
-              <ElButton type="primary" link @click="handleNavigateToCardInfo(scope.row.iccid)">
-                {{ scope.row.iccid }}
+      <ElDivider class="info-section-divider" content-position="left">
+        <span class="section-divider-title">绑定卡列表</span>
+      </ElDivider>
+      <div v-if="cardInfo.cards && cardInfo.cards.length > 0" class="binding-card-list">
+        <ElCard v-for="bindingCard in sortedDeviceCards" :key="bindingCard.iccid" shadow="never">
+          <div class="binding-card-header">
+            <div class="binding-card-identifier">
+              <ElButton type="primary" link @click="handleNavigateToCardInfo(bindingCard.iccid)">
+                {{ bindingCard.iccid }}
               </ElButton>
-              <el-icon
-                class="copy-icon"
-                @click="handleCopyICCID(scope.row.iccid)"
-                style="color: var(--el-color-primary); cursor: pointer"
-              >
+              <el-icon class="copy-icon" @click="handleCopyICCID(bindingCard.iccid)" title="复制">
                 <CopyDocument />
               </el-icon>
             </div>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn prop="msisdn" label="MSISDN" min-width="150" showOverflowTooltip />
+            <ElTag v-if="bindingCard.is_current" type="primary" size="small">当前</ElTag>
+          </div>
 
-        <ElTableColumn prop="carrier_name" label="运营商" min-width="120" showOverflowTooltip />
-        <ElTableColumn prop="slot_position" label="卡槽位置" width="130">
-          <template #default="scope">
-            <div style="display: flex; gap: 10px">
-              <span>SIM-{{ scope.row.slot_position }}</span>
-              <ElTag v-if="scope.row.is_current" type="primary" size="small">当前</ElTag>
-            </div>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="网络状态" width="100">
-          <template #default="scope">
-            <ElTag :type="scope.row.network_status === 1 ? 'success' : 'danger'" size="small">
-              {{ scope.row.network_status === 1 ? '正常' : '停机' }}
-            </ElTag>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="实名状态" width="100">
-          <template #default="scope">
-            <ElTag :type="getRealNameStatusType(scope.row.real_name_status)" size="small">
-              {{ getRealNameStatusName(scope.row.real_name_status) }}
-            </ElTag>
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="实名认证策略" width="120" showOverflowTooltip>
-          <template #default="scope">
-            {{ getRealnamePolicyName(scope.row.realname_policy) }}
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="实名时间" width="170">
-          <template #default="scope">
-            {{ scope.row.real_name_at ? formatDateTime(scope.row.real_name_at) : '-' }}
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="运营商停机原因" min-width="220" showOverflowTooltip>
-          <template #default="scope">
-            {{ scope.row.gateway_extend || '-' }}
-          </template>
-        </ElTableColumn>
-        <ElTableColumn label="操作" width="260" fixed="right">
-          <template #default="scope">
-            <!-- 根据网络状态显示启用或停用按钮 -->
+          <div class="binding-card-details">
+            <ElDescriptions :column="bindingCardColumns" direction="vertical">
+              <ElDescriptionsItem label="MSISDN">
+                {{ bindingCard.msisdn || '-' }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="运营商">
+                {{ bindingCard.carrier_name || '-' }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="卡槽位置">
+                SIM-{{ bindingCard.slot_position ?? '-' }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="网络状态">
+                <ElTag :type="bindingCard.network_status === 1 ? 'success' : 'danger'" size="small">
+                  {{ bindingCard.network_status === 1 ? '正常' : '停机' }}
+                </ElTag>
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="实名状态">
+                <ElTag :type="getRealNameStatusType(bindingCard.real_name_status)" size="small">
+                  {{ getRealNameStatusName(bindingCard.real_name_status) }}
+                </ElTag>
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="实名认证策略">
+                {{ getRealnamePolicyName(bindingCard.realname_policy) }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="实名时间">
+                {{ bindingCard.real_name_at ? formatDateTime(bindingCard.real_name_at) : '-' }}
+              </ElDescriptionsItem>
+              <ElDescriptionsItem label="运营商停机原因">
+                {{ bindingCard.gateway_extend || '-' }}
+              </ElDescriptionsItem>
+            </ElDescriptions>
+          </div>
+
+          <div class="binding-card-actions">
             <ElButton
-              v-if="scope.row.network_status === 0"
+              v-if="bindingCard.network_status === 0"
               type="success"
               size="small"
               link
-              :disabled="isBindingStartDisabled(scope.row)"
-              @click="handleEnableBindingCard(scope.row)"
+              :disabled="isBindingStartDisabled(bindingCard)"
+              @click="handleEnableBindingCard(bindingCard)"
               v-permission="'iot_info:start'"
             >
-              {{ getBindingStartButtonText(scope.row) }}
+              {{ getBindingStartButtonText(bindingCard) }}
             </ElButton>
             <ElButton
-              v-if="scope.row.network_status === 1"
+              v-if="bindingCard.network_status === 1"
               type="warning"
               size="small"
               link
-              :disabled="isBindingStopDisabled(scope.row)"
-              @click="handleDisableBindingCard(scope.row)"
+              :disabled="isBindingStopDisabled(bindingCard)"
+              @click="handleDisableBindingCard(bindingCard)"
               v-permission="'iot_info:stop'"
             >
-              {{ getBindingStopButtonText(scope.row) }}
+              {{ getBindingStopButtonText(bindingCard) }}
             </ElButton>
             <ElButton
               type="primary"
               size="small"
               link
-              @click="handleUpdateBindingCardRealnameStatus(scope.row)"
+              @click="handleUpdateBindingCardRealnameStatus(bindingCard)"
               v-permission="'bound_card:update_realname_status'"
             >
               更新实名状态
             </ElButton>
             <ElButton
-              v-if="getBindingCardAuditTarget(scope.row)"
+              v-if="getBindingCardAuditTarget(bindingCard)"
               type="primary"
               size="small"
               link
-              @click="openBindingCardAudit(scope.row)"
+              @click="openBindingCardAudit(bindingCard)"
             >
               卡审计
             </ElButton>
-          </template>
-        </ElTableColumn>
-      </ElTable>
+          </div>
+        </ElCard>
+      </div>
       <ElEmpty v-else description="暂无绑定卡" :image-size="80" style="margin-top: 16px" />
 
       <!-- 设备实时信息 -->
-      <ElDivider content-position="left">设备实时信息</ElDivider>
-      <div v-if="hasDeviceRealtimeSection" v-loading="realtimeLoading" style="margin-top: 16px">
-        <ElDescriptions :column="descriptionsColumn" border>
-          <!-- 基本状态 -->
-          <ElDescriptionsItem label="在线状态">
-            <ElTag :type="getOnlineStatusType(deviceRealtime?.online_status)" size="small">
-              {{ getOnlineStatusName(deviceRealtime?.online_status) }}
+      <ElDivider class="info-section-divider" content-position="left">
+        <span class="section-divider-title">设备实时信息</span>
+      </ElDivider>
+      <div v-if="hasDeviceRealtimeSection" v-loading="realtimeLoading" class="realtime-section">
+        <ElDescriptions :column="descriptionsColumn" direction="vertical" border>
+          <ElDescriptionsItem
+            v-for="item in realtimeDescriptionItems"
+            :key="item.key"
+            :label="item.label"
+            :span="item.span ?? 1"
+          >
+            <ElTag v-if="item.tagType" :type="item.tagType" size="small">
+              {{ item.value }}
             </ElTag>
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="电量">
-            {{
-              deviceRealtime?.battery_level !== null && deviceRealtime?.battery_level !== undefined
-                ? `${deviceRealtime?.battery_level}%`
-                : '-'
-            }}
-          </ElDescriptionsItem>
-
-          <!-- 时间信息 -->
-          <ElDescriptionsItem label="本次开机时长">
-            {{ formatDuration(deviceRealtime?.run_time) }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="本次联网时长">
-            {{ formatDuration(deviceRealtime?.connect_time) }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="最后在线时间">
-            {{ formatDateTime(deviceRealtime?.last_online_time) || '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="实名同步时间">
-            {{ formatDateTime(cardInfo?.last_real_name_check_at) || '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="卡状态同步时间">
-            {{ formatDateTime(cardInfo?.last_card_status_check_at) || '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="流量同步时间">
-            {{ formatDateTime(cardInfo?.last_data_check_at) || '-' }}
-          </ElDescriptionsItem>
-
-          <!-- 信号信息 -->
-          <ElDescriptionsItem label="信号综合判断">
-            <ElTag :type="getSignalQualityType(deviceRealtime?.signal_quality)" size="small">
-              {{ getSignalQualityText(deviceRealtime?.signal_quality) }}
-            </ElTag>
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="信号较弱原因" :span="3">
-            {{ getSignalBadReasonText(deviceRealtime?.signal_bad_reason) }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="已连接设备数">
-            {{ deviceRealtime?.client_number ?? '-' }} / {{ deviceRealtime?.max_clients ?? '-' }}
-          </ElDescriptionsItem>
-
-          <!-- WiFi 信息 -->
-          <ElDescriptionsItem label="WiFi 状态">
-            <ElTag :type="deviceRealtime?.wifi_enabled ? 'success' : 'info'" size="small">
-              {{
-                deviceRealtime?.wifi_enabled === undefined
-                  ? '-'
-                  : deviceRealtime.wifi_enabled
-                    ? '已开启'
-                    : '已关闭'
-              }}
-            </ElTag>
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="WiFi 名称">
-            {{ deviceRealtime?.ssid || '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="WiFi 密码">
-            {{ deviceRealtime?.wifi_password || '-' }}
-          </ElDescriptionsItem>
-
-          <!-- 网络信息 -->
-          <ElDescriptionsItem label="WAN IP">
-            {{ deviceRealtime?.wan_ip || '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="LAN IP">
-            {{ deviceRealtime?.lan_ip || '-' }}
-          </ElDescriptionsItem>
-
-          <ElDescriptionsItem label="MAC 地址">
-            {{ deviceRealtime?.mac_address || '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="IMSI">
-            {{ deviceRealtime?.imsi || '-' }}
-          </ElDescriptionsItem>
-
-          <!-- 设备配置 -->
-          <ElDescriptionsItem label="限速">
-            {{
-              deviceRealtime?.limit_speed === undefined
-                ? '-'
-                : deviceRealtime.limit_speed
-                  ? `${deviceRealtime.limit_speed} KB/s`
-                  : '不限速'
-            }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="固件版本">
-            {{ deviceRealtime?.software_version || '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="切卡模式">
-            {{
-              deviceRealtime?.switch_mode === '0'
-                ? '自动'
-                : deviceRealtime?.switch_mode === '1'
-                  ? '手动'
-                  : '-'
-            }}
-          </ElDescriptionsItem>
-
-          <ElDescriptionsItem label="上报周期">
-            {{ deviceRealtime?.sync_interval ? `${deviceRealtime.sync_interval} 秒` : '-' }}
-          </ElDescriptionsItem>
-          <ElDescriptionsItem label="信息更新时间">
-            {{ formatDateTime(deviceRealtime?.last_update_time) || '-' }}
+            <span v-else>{{ item.value }}</span>
           </ElDescriptionsItem>
         </ElDescriptions>
       </div>
@@ -577,8 +465,6 @@
     ElTooltip,
     ElSwitch,
     ElDivider,
-    ElTable,
-    ElTableColumn,
     ElButton,
     ElAlert,
     ElEmpty,
@@ -825,9 +711,11 @@
   const descriptionsColumn = computed(() => {
     if (width.value <= 640) return 1
     if (width.value <= 1024) return 2
-    return 4
+    return 5
   })
 
+  const bindingCardColumns = computed(() => (width.value <= 640 ? 1 : 2))
+
   // Emits
   interface Emits {
     (e: 'update:pollingEnabled', value: boolean): void
@@ -871,6 +759,127 @@
   } = useAssetFormatters()
 
   // 排序后的设备卡列表（按卡槽位置排序，当前卡排在最前面）
+  const realtimeDescriptionItems = computed(() => {
+    const realtime = props.deviceRealtime
+
+    return [
+      {
+        key: 'status',
+        label: '在线状态',
+        value: getOnlineStatusName(realtime?.online_status),
+        tagType: getOnlineStatusType(realtime?.online_status)
+      },
+      {
+        key: 'battery',
+        label: '电量',
+        value:
+          realtime?.battery_level !== null && realtime?.battery_level !== undefined
+            ? `${realtime.battery_level}%`
+            : '-'
+      },
+      {
+        key: 'boot',
+        label: '本次开机时长',
+        value: formatDuration(realtime?.run_time)
+      },
+      {
+        key: 'connect',
+        label: '本次联网时长',
+        value: formatDuration(realtime?.connect_time)
+      },
+      {
+        key: 'online',
+        label: '最后在线时间',
+        value: formatDateTime(realtime?.last_online_time) || '-'
+      },
+      {
+        key: 'realname',
+        label: '实名同步时间',
+        value: formatDateTime(props.cardInfo?.last_real_name_check_at) || '-'
+      },
+      {
+        key: 'cardSync',
+        label: '卡状态同步时间',
+        value: formatDateTime(props.cardInfo?.last_card_status_check_at) || '-'
+      },
+      {
+        key: 'trafficSync',
+        label: '流量同步时间',
+        value: formatDateTime(props.cardInfo?.last_data_check_at) || '-'
+      },
+      {
+        key: 'signal',
+        label: '信号综合判断',
+        value: getSignalQualityText(realtime?.signal_quality),
+        tagType: getSignalQualityType(realtime?.signal_quality)
+      },
+      {
+        key: 'signalReason',
+        label: '信号较弱原因',
+        value: getSignalBadReasonText(realtime?.signal_bad_reason)
+      },
+      {
+        key: 'clients',
+        label: '已连接设备数',
+        value: `${realtime?.client_number ?? '-'} / ${realtime?.max_clients ?? '-'}`
+      },
+      {
+        key: 'wifi',
+        label: 'WiFi 状态',
+        value:
+          realtime?.wifi_enabled === undefined ? '-' : realtime.wifi_enabled ? '已开启' : '已关闭',
+        tagType: realtime?.wifi_enabled ? 'success' : 'info'
+      },
+      {
+        key: 'wifiName',
+        label: 'WiFi 名称',
+        value: realtime?.ssid || '-'
+      },
+      {
+        key: 'wifiPassword',
+        label: 'WiFi 密码',
+        value: realtime?.wifi_password || '-'
+      },
+      { key: 'wan', label: 'WAN IP', value: realtime?.wan_ip || '-' },
+      { key: 'lan', label: 'LAN IP', value: realtime?.lan_ip || '-' },
+      {
+        key: 'mac',
+        label: 'MAC 地址',
+        value: realtime?.mac_address || '-'
+      },
+      {
+        key: 'limit',
+        label: '限速',
+        value:
+          realtime?.limit_speed === undefined
+            ? '-'
+            : realtime.limit_speed
+              ? `${realtime.limit_speed} KB/s`
+              : '不限速'
+      },
+      {
+        key: 'switchMode',
+        label: '切卡模式',
+        value: realtime?.switch_mode === '0' ? '自动' : realtime?.switch_mode === '1' ? '手动' : '-'
+      },
+      {
+        key: 'interval',
+        label: '上报周期',
+        value: realtime?.sync_interval ? `${realtime.sync_interval} 秒` : '-'
+      },
+      {
+        key: 'firmware',
+        label: '固件版本',
+        value: realtime?.software_version || '-',
+        span: descriptionsColumn.value >= 5 ? 2 : 1
+      },
+      {
+        key: 'updated',
+        label: '信息更新时间',
+        value: formatDateTime(realtime?.last_update_time) || '-'
+      }
+    ]
+  })
   const sortedDeviceCards = computed(() => {
     if (!props.cardInfo?.cards || props.cardInfo.cards.length === 0) {
       return []
@@ -1084,16 +1093,96 @@
         }
       }
 
-      :deep(.el-descriptions__body) {
-        overflow-x: auto;
+      .info-section-divider {
+        display: flex;
+        height: 20px;
+        align-items: center;
+        border-top: 0;
+
+        :deep(.el-divider__text) {
+          position: static;
+          display: inline-flex;
+          padding: 0;
+          font-size: 15px;
+          font-weight: 600;
+          line-height: 20px;
+          color: var(--el-text-color-primary);
+          background-color: transparent;
+          transform: none;
+        }
+
+        .section-divider-title {
+          display: inline-flex;
+          gap: 8px;
+          align-items: center;
+
+          &::before {
+            width: 3px;
+            height: 16px;
+            content: '';
+            background-color: var(--el-color-primary);
+            border-radius: 2px;
+          }
+        }
       }
 
-      :deep(.el-descriptions__cell) {
-        word-break: break-word;
+      .binding-card-list {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        gap: 16px;
       }
 
-      :deep(.el-table) {
-        min-width: 760px;
+      .binding-card-header,
+      .binding-card-identifier,
+      .binding-card-actions {
+        display: flex;
+        align-items: center;
+      }
+
+      .binding-card-header {
+        justify-content: space-between;
+        padding-bottom: 12px;
+        border-bottom: 1px solid var(--el-border-color-lighter);
+      }
+
+      .binding-card-details {
+        padding-top: 12px;
+      }
+
+      .binding-card-identifier {
+        min-width: 0;
+
+        .el-button {
+          max-width: 100%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .copy-icon {
+          flex: 0 0 auto;
+          margin-left: 6px;
+          color: var(--el-color-primary);
+          cursor: pointer;
+        }
+      }
+
+      .binding-card-actions {
+        flex-wrap: wrap;
+        gap: 8px;
+        padding-top: 12px;
+        margin-top: 12px;
+        border-top: 1px solid var(--el-border-color-lighter);
+
+        .el-button {
+          margin-left: 0;
+        }
+      }
+
+      @media (width <= 1200px) {
+        .binding-card-list {
+          grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
       }
 
       .card-operations,
@@ -1120,6 +1209,11 @@
       }
 
       @media (width <= 768px) {
+        .binding-card-list {
+          grid-template-columns: 1fr;
+          gap: 12px;
+        }
+
         .card-header {
           flex-direction: column;
           align-items: flex-start;
diff --git a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
index dcf62b9..c884b4e 100644
--- a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
+++ b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
@@ -186,7 +186,7 @@
       </div>
 
       <!-- 套餐详情表格 -->
-      <ElDescriptions :column="descriptionsColumn" border class="package-info-table">
+      <ElDescriptions :column="descriptionsColumn" direction="vertical" border>
         <ElDescriptionsItem label="订单号">
           {{ currentPackage.order_no || '-' }}
         </ElDescriptionsItem>
@@ -296,7 +296,7 @@
   const descriptionsColumn = computed(() => {
     if (width.value <= 640) return 1
     if (width.value <= 1024) return 2
-    return 3
+    return 5
   })
 
   const emit = defineEmits<{
@@ -450,18 +450,6 @@
       }
     }
 
-    .package-info-table {
-      margin-top: 0;
-    }
-
-    :deep(.el-descriptions__body) {
-      overflow-x: auto;
-    }
-
-    :deep(.el-descriptions__cell) {
-      word-break: break-word;
-    }
-
     @media (width <= 992px) {
       .flow-progress-card {
         .flow-stats-container {
diff --git a/src/views/asset-management/asset-information/components/WalletOverviewCard.vue b/src/views/asset-management/asset-information/components/WalletOverviewCard.vue
index 417a903..1a2752d 100644
--- a/src/views/asset-management/asset-information/components/WalletOverviewCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletOverviewCard.vue
@@ -12,21 +12,21 @@
       <!-- 钱包余额展示 -->
       <div class="wallet-balance-cards">
         <div class="balance-card total">
-          <div class="balance-icon">💰</div>
+          <div class="balance-icon"><Money /></div>
           <div class="balance-info">
             <div class="balance-label">总余额</div>
             <div class="balance-value">{{ formatAmount(walletInfo.balance) }}</div>
           </div>
         </div>
         <div class="balance-card available">
-          <div class="balance-icon">✅</div>
+          <div class="balance-icon"><CircleCheck /></div>
           <div class="balance-info">
             <div class="balance-label">可用余额</div>
             <div class="balance-value">{{ formatAmount(walletInfo.available_balance) }}</div>
           </div>
         </div>
         <div class="balance-card frozen">
-          <div class="balance-icon">🔒</div>
+          <div class="balance-icon"><Lock /></div>
           <div class="balance-info">
             <div class="balance-label">冻结余额</div>
             <div class="balance-value">{{ formatAmount(walletInfo.frozen_balance) }}</div>
@@ -40,6 +40,7 @@
 
 <script setup lang="ts">
   import { ElCard, ElTag, ElEmpty } from 'element-plus'
+  import { CircleCheck, Lock, Money } from '@element-plus/icons-vue'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
 
   // Use formatters
@@ -91,6 +92,11 @@
           flex-shrink: 0;
           font-size: 26px;
           line-height: 1;
+
+          :deep(svg) {
+            width: 22px;
+            height: 22px;
+          }
         }
 
         .balance-info {
diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index cdfa957..362fd5c 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -10,15 +10,15 @@
           <template v-if="walletInfo">
             <ElDivider class="wallet-divider" direction="vertical" />
             <span class="balance-item"
-              >💰 总余额 <strong>{{ formatAmount(walletInfo.balance) }}</strong></span
+              >总余额 <strong>{{ formatAmount(walletInfo.balance) }}</strong></span
             >
             <ElDivider class="wallet-divider" direction="vertical" />
             <span class="balance-item"
-              >✅ 可用 <strong>{{ formatAmount(walletInfo.available_balance) }}</strong></span
+              >可用 <strong>{{ formatAmount(walletInfo.available_balance) }}</strong></span
             >
             <ElDivider class="wallet-divider" direction="vertical" />
             <span class="balance-item"
-              >🔒 冻结 <strong>{{ formatAmount(walletInfo.frozen_balance) }}</strong></span
+              >冻结 <strong>{{ formatAmount(walletInfo.frozen_balance) }}</strong></span
             >
           </template>
         </div>
diff --git a/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue b/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue
index 41f60da..66b72ce 100644
--- a/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue
@@ -1,5 +1,11 @@
 <template>
-  <ElDialog v-model="visible" title="套餐流量详单" width="900px" destroy-on-close>
+  <ElDialog
+    v-model="visible"
+    title="套餐流量详单"
+    width="900px"
+    modal-class="asset-information-dialog"
+    destroy-on-close
+  >
     <div v-if="data">
       <!-- 套餐信息摘要 -->
       <ElDescriptions :column="2" border style="margin-bottom: 20px">
diff --git a/src/views/asset-management/asset-information/components/dialogs/OrderHistoryDialog.vue b/src/views/asset-management/asset-information/components/dialogs/OrderHistoryDialog.vue
index b222f2e..8d6c183 100644
--- a/src/views/asset-management/asset-information/components/dialogs/OrderHistoryDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/OrderHistoryDialog.vue
@@ -1,5 +1,11 @@
 <template>
-  <ElDialog v-model="visible" title="往期订单" width="60%" destroy-on-close>
+  <ElDialog
+    v-model="visible"
+    title="往期订单"
+    width="60%"
+    modal-class="asset-information-dialog"
+    destroy-on-close
+  >
     <div v-if="loading" style="padding: 40px 0; text-align: center">
       <ElIcon class="is-loading" :size="40"><Loading /></ElIcon>
     </div>
@@ -132,8 +138,7 @@
     ElPagination,
     ElAlert,
     ElEmpty,
-    ElIcon,
-    ElMessage
+    ElIcon
   } from 'element-plus'
   import { Loading } from '@element-plus/icons-vue'
   import { AssetService } from '@/api/modules'
diff --git a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
index 0a21c42..309aee0 100644
--- a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
@@ -1,5 +1,11 @@
 <template>
-  <ElDialog v-model="visible" title="套餐充值" width="30%" @closed="handleDialogClosed">
+  <ElDialog
+    v-model="visible"
+    title="套餐充值"
+    width="30%"
+    modal-class="asset-information-dialog"
+    @closed="handleDialogClosed"
+  >
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="80px">
       <ElFormItem label="资产信息">
         <span style="font-weight: bold; color: #409eff">
diff --git a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
index 04a2785..16b1e6b 100644
--- a/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue
@@ -5,7 +5,7 @@
     width="500px"
     :lock-scroll="true"
     :z-index="4000"
-    modal-class="speed-limit-modal"
+    modal-class="asset-information-dialog speed-limit-modal"
   >
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px">
       <ElFormItem label="固定档位" prop="code">
diff --git a/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue b/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue
index da61c34..a6c1410 100644
--- a/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue
@@ -1,5 +1,10 @@
 <template>
-  <ElDialog v-model="visible" title="设置切卡模式" width="500px">
+  <ElDialog
+    v-model="visible"
+    title="设置切卡模式"
+    width="500px"
+    modal-class="asset-information-dialog"
+  >
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="96px">
       <ElFormItem label="设备标识">
         <span class="device-identifier">{{ deviceIdentifier || '-' }}</span>
diff --git a/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue b/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue
index cd76b3f..20daf14 100644
--- a/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue
@@ -1,5 +1,11 @@
 <template>
-  <ElDialog v-model="visible" title="设置WiFi" width="30%" :append-to-body="true">
+  <ElDialog
+    v-model="visible"
+    title="设置WiFi"
+    width="30%"
+    modal-class="asset-information-dialog"
+    :append-to-body="true"
+  >
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="80px" autocomplete="off">
       <ElFormItem label="WiFi状态" prop="enabled">
         <ElRadioGroup v-model="form.enabled">
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 96e09c4..5af167b 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="single-card-page">
+  <div class="single-card-page asset-information-page">
     <!-- 资产查询区域 -->
     <AssetSearchCard
       ref="assetSearchCardRef"
@@ -12,54 +12,55 @@
     <!-- 卡片内容区域 -->
     <div v-if="cardInfo" class="card-content-area slide-in">
       <div class="main-content-layout">
-        <!-- 第一行：基本信息 -->
-        <div class="row full-width">
-          <BasicInfoCard
-            :card-info="cardInfo"
-            :device-realtime="deviceRealtime"
-            v-model:polling-enabled="pollingEnabled"
-            :realtime-loading="realtimeLoading"
-            :start-disabled="startDisabled"
-            :start-error-message="startFailureMessage"
-            :stop-disabled="stopDisabled"
-            :start-remaining-text="startRemainingText"
-            :stop-remaining-text="stopRemainingText"
-            :get-start-remaining-text="getStartRemainingText"
-            :get-stop-remaining-text="getStopRemainingText"
-            :is-start-disabled="isStartActionDisabled"
-            :is-stop-disabled="isStopActionDisabled"
-            @enable-card="handleEnableCard"
-            @disable-card="handleDisableCard"
-            @manual-deactivate="handleManualDeactivate"
-            @reboot-device="handleRebootDevice"
-            @reset-device="handleResetDevice"
-            @show-switch-card="showSwitchCardDialog"
-            @show-switch-mode="showSwitchModeDialog"
-            @show-set-wifi="showSetWiFiDialog"
-            @show-realname-policy="showRealnamePolicyDialog"
-            @show-speed-limit="speedLimitDialogVisible = true"
-            @show-update-realname-status="showUpdateRealnameStatusDialog"
-            @enable-binding-card="handleEnableBindingCard"
-            @disable-binding-card="handleDisableBindingCard"
-            @update-binding-card-realname-status="handleUpdateBindingCardRealnameStatus"
-            @navigate-to-asset="handleNavigateToAsset"
-            @navigate-to-card="handleNavigateToCard"
-            @navigate-to-device="handleNavigateToDevice"
-          />
-        </div>
+        <div class="overview-grid">
+          <!-- 第一层：资产概览与当前生效套餐，按信息高度纵向展开 -->
+          <div class="row overview-primary">
+            <BasicInfoCard
+              :card-info="cardInfo"
+              :device-realtime="deviceRealtime"
+              v-model:polling-enabled="pollingEnabled"
+              :realtime-loading="realtimeLoading"
+              :start-disabled="startDisabled"
+              :start-error-message="startFailureMessage"
+              :stop-disabled="stopDisabled"
+              :start-remaining-text="startRemainingText"
+              :stop-remaining-text="stopRemainingText"
+              :get-start-remaining-text="getStartRemainingText"
+              :get-stop-remaining-text="getStopRemainingText"
+              :is-start-disabled="isStartActionDisabled"
+              :is-stop-disabled="isStopActionDisabled"
+              @enable-card="handleEnableCard"
+              @disable-card="handleDisableCard"
+              @manual-deactivate="handleManualDeactivate"
+              @reboot-device="handleRebootDevice"
+              @reset-device="handleResetDevice"
+              @show-switch-card="showSwitchCardDialog"
+              @show-switch-mode="showSwitchModeDialog"
+              @show-set-wifi="showSetWiFiDialog"
+              @show-realname-policy="showRealnamePolicyDialog"
+              @show-speed-limit="speedLimitDialogVisible = true"
+              @show-update-realname-status="showUpdateRealnameStatusDialog"
+              @enable-binding-card="handleEnableBindingCard"
+              @disable-binding-card="handleDisableBindingCard"
+              @update-binding-card-realname-status="handleUpdateBindingCardRealnameStatus"
+              @navigate-to-asset="handleNavigateToAsset"
+              @navigate-to-card="handleNavigateToCard"
+              @navigate-to-device="handleNavigateToDevice"
+            />
+          </div>
 
-        <!-- 第二行：当前生效套餐 -->
-        <div class="row full-width">
-          <CurrentPackageCard
-            :current-package="currentPackage"
-            :loading="currentPackageLoading"
-            :error-msg="currentPackageErrorMsg"
-            :bound-device-id="cardInfo.bound_device_id"
-            :bound-device-no="cardInfo.bound_device_no"
-            :bound-device-name="cardInfo.bound_device_name"
-            @show-recharge="showRechargeDialog"
-            @navigate-to-device="handleNavigateToDevice"
-          />
+          <div class="row overview-secondary">
+            <CurrentPackageCard
+              :current-package="currentPackage"
+              :loading="currentPackageLoading"
+              :error-msg="currentPackageErrorMsg"
+              :bound-device-id="cardInfo.bound_device_id"
+              :bound-device-no="cardInfo.bound_device_no"
+              :bound-device-name="cardInfo.bound_device_name"
+              @show-recharge="showRechargeDialog"
+              @navigate-to-device="handleNavigateToDevice"
+            />
+          </div>
         </div>
 
         <!-- 第三行：套餐列表 -->
@@ -989,6 +990,12 @@
     }
 
     // 主内容布局
+    .overview-grid {
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+    }
+
     .main-content-layout {
       display: flex;
       flex-direction: column;
@@ -1057,6 +1064,10 @@
       }
 
       @media (width <= 768px) {
+        .overview-grid {
+          gap: 16px;
+        }
+
         gap: 16px;
 
         .row {
@@ -1636,3 +1647,118 @@
     }
   }
 </style>
+
+<style lang="scss" scoped>
+  .asset-information-page {
+    background: #ffffff;
+  }
+</style>
+
+<style lang="scss">
+  /* Dialogs are teleported to body, so their surface needs a page-level hook. */
+  .asset-information-dialog.el-dialog {
+    max-width: calc(100vw - 32px);
+    overflow: hidden;
+    border: 1px solid #e5eaf1;
+    border-radius: 14px;
+    box-shadow: 0 18px 50px rgb(15 23 42 / 18%);
+
+    .el-dialog__header {
+      padding: 20px 24px 16px;
+      margin: 0;
+      border-bottom: 1px solid #e5eaf1;
+    }
+
+    .el-dialog__title {
+      font-size: 16px;
+      font-weight: 650;
+      color: #172033;
+      letter-spacing: -0.01em;
+    }
+
+    .el-dialog__body {
+      padding: 22px 24px 20px;
+    }
+
+    .el-dialog__footer {
+      padding: 14px 24px 20px;
+      border-top: 1px solid #eef2f7;
+    }
+
+    .el-form-item {
+      margin-bottom: 18px;
+    }
+
+    .el-form-item__label {
+      color: #526078;
+    }
+
+    .el-button {
+      min-height: 34px;
+      border-radius: 8px;
+    }
+
+    .el-table {
+      --el-table-header-bg-color: #f8fafc;
+      --el-table-row-hover-bg-color: #f5f8ff;
+      --el-table-border-color: #e5eaf1;
+      border-radius: 9px;
+    }
+
+    .el-descriptions__label.el-descriptions__cell.is-bordered-label {
+      color: #526078;
+      background: #f8fafc;
+    }
+
+    .dialog-footer {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+  }
+
+  @media (width <= 768px) {
+    .asset-information-dialog.el-dialog {
+      width: calc(100vw - 20px) !important;
+
+      .el-dialog__header {
+        padding: 16px 18px 13px;
+      }
+
+      .el-dialog__body {
+        max-height: calc(100vh - 150px);
+        padding: 18px;
+        overflow-y: auto;
+      }
+
+      .el-dialog__footer {
+        padding: 12px 18px 16px;
+      }
+    }
+  }
+
+  html.dark .asset-information-dialog.el-dialog {
+    border-color: #2b3a52;
+
+    .el-dialog__header,
+    .el-dialog__footer {
+      border-color: #2b3a52;
+    }
+
+    .el-dialog__title,
+    .el-form-item__label {
+      color: #e5edf8;
+    }
+
+    .el-table {
+      --el-table-header-bg-color: #202d42;
+      --el-table-row-hover-bg-color: #223451;
+      --el-table-border-color: #2b3a52;
+    }
+
+    .el-descriptions__label.el-descriptions__cell.is-bordered-label {
+      color: #afbdd0;
+      background: #202d42;
+    }
+  }
+</style>
diff --git a/src/views/asset-management/record-management/authorization-records/index.vue b/src/views/asset-management/record-management/authorization-records/index.vue
index 4ab053b..e5a98fc 100644
--- a/src/views/asset-management/record-management/authorization-records/index.vue
+++ b/src/views/asset-management/record-management/authorization-records/index.vue
@@ -264,7 +264,8 @@
     {
       prop: 'enterprise_name',
       label: '企业名称',
-      minWidth: 150
+      minWidth: 200,
+      showOverflowTooltip: true
     },
     {
       prop: 'authorizer_name',
diff --git a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
index b5d5b06..3d9ee24 100644
--- a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
+++ b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
@@ -69,7 +69,6 @@
               tip="仅支持 UTF-8 单列 CSV，每行一个订单号，最多 1000 行，最大 10MB"
               @uploading-change="csvUploading = $event"
               @files-change="handleCsvFilesChange"
-              @change="createFormRef?.validateField('file')"
             />
           </ElFormItem>
           <ElFormItem label="凭证附件">
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 054b7e1..ee5d8f1 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -530,7 +530,7 @@
     {
       prop: 'role_desc',
       label: '角色描述',
-      width: 240,
+      minWidth: 240,
       showOverflowTooltip: true
     },
     {

From 2cb961fd1b57f2fb22fe143c4284da83d9c7451d Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 19 Aug 2026 15:53:55 +0800
Subject: [PATCH 73/76] fix: update some files

---
 .../business/BatchRealnamePolicyDialog.vue    |  6 +-
 .../business/CreateRefundDialog.vue           |  4 +-
 .../business/ExportTaskCreateDialog.vue       |  4 +-
 .../business/UpdateRealnameStatusDialog.vue   |  4 +-
 .../device/RealnamePolicyDialog.vue           |  6 +-
 src/components/device/SwitchCardDialog.vue    |  4 +-
 src/types/components.d.ts                     | 55 +++++++++++++++++++
 .../components/BasicInfoCard.vue              |  8 +--
 .../components/PackageListCard.vue            |  2 +-
 .../dialogs/PackageRechargeDialog.vue         |  2 +-
 .../components/dialogs/SwitchModeDialog.vue   |  4 +-
 .../components/dialogs/WiFiConfigDialog.vue   |  2 +-
 .../asset-management/device-list/index.vue    | 26 ++++-----
 .../exchange-management/index.vue             | 16 +++---
 .../iot-card-management/index.vue             | 18 +++---
 .../authorization-records/index.vue           |  6 +-
 .../task-management/bulk-purchase/index.vue   |  4 +-
 .../device-batch-allocation/index.vue         |  4 +-
 .../task-management/device-task/index.vue     |  4 +-
 .../task-management/iot-card-task/index.vue   |  4 +-
 .../order-package-invalidate-task/index.vue   |  4 +-
 .../withdrawal-approval/index.vue             |  6 +-
 src/views/finance/agent-recharge/index.vue    |  2 +-
 .../order-management/order-list/index.vue     |  2 +-
 src/views/settings/payment-settings/index.vue |  9 +--
 25 files changed, 131 insertions(+), 75 deletions(-)

diff --git a/src/components/business/BatchRealnamePolicyDialog.vue b/src/components/business/BatchRealnamePolicyDialog.vue
index 251f1d5..ad35982 100644
--- a/src/components/business/BatchRealnamePolicyDialog.vue
+++ b/src/components/business/BatchRealnamePolicyDialog.vue
@@ -1,10 +1,10 @@
 <template>
-  <ElDialog v-model="visible" title="批量修改实名顺序" width="520px" @closed="resetPolicy">
-    <ElForm label-width="110px">
+  <ElDialog v-model="visible" title="批量修改实名顺序" width="40%" @closed="resetPolicy">
+    <ElForm label-width="80px">
       <ElFormItem label="已选数量">
         <span class="selected-count">{{ selectedCount }} {{ assetUnit }}</span>
       </ElFormItem>
-      <ElFormItem label="实名认证策略">
+      <ElFormItem label="认证策略">
         <ElRadioGroup v-model="policy" :disabled="loading">
           <ElRadio value="none">无需实名</ElRadio>
           <ElRadio value="before_order">先实名后购买</ElRadio>
diff --git a/src/components/business/CreateRefundDialog.vue b/src/components/business/CreateRefundDialog.vue
index 23d2c6c..f8e093d 100644
--- a/src/components/business/CreateRefundDialog.vue
+++ b/src/components/business/CreateRefundDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <ElDialog v-model="dialogVisible" title="创建退款申请" width="40%" @closed="handleDialogClosed">
-    <ElForm ref="formRef" :model="formData" :rules="formRules" label-width="120px">
+    <ElForm ref="formRef" :model="formData" :rules="formRules" label-width="80px">
       <ElFormItem label="订单号" prop="order_id">
         <ElSelect
           v-if="!hasInitialOrder"
@@ -23,7 +23,7 @@
         </ElSelect>
         <ElInput v-else :model-value="props.initialOrderNo" disabled style="width: 100%" />
       </ElFormItem>
-      <ElFormItem label="申请退款金额" prop="requested_refund_amount">
+      <ElFormItem label="退款金额" prop="requested_refund_amount">
         <ElInputNumber
           v-model="formData.requested_refund_amount"
           :min="0"
diff --git a/src/components/business/ExportTaskCreateDialog.vue b/src/components/business/ExportTaskCreateDialog.vue
index c503d68..3ddae8c 100644
--- a/src/components/business/ExportTaskCreateDialog.vue
+++ b/src/components/business/ExportTaskCreateDialog.vue
@@ -1,10 +1,10 @@
 <template>
-  <ElDialog v-model="visible" :title="title" width="520px" destroy-on-close>
+  <ElDialog v-model="visible" :title="title" width="40%" destroy-on-close>
     <ElAlert type="info" :closable="false" show-icon class="export-rule-alert">
       <template #title>{{ description }}</template>
     </ElAlert>
 
-    <ElForm label-width="100px" class="export-task-form">
+    <ElForm label-width="80px" class="export-task-form">
       <ElFormItem label="导出场景">
         <ElTag>{{ sceneName }}</ElTag>
       </ElFormItem>
diff --git a/src/components/business/UpdateRealnameStatusDialog.vue b/src/components/business/UpdateRealnameStatusDialog.vue
index 3ca6198..4e47b63 100644
--- a/src/components/business/UpdateRealnameStatusDialog.vue
+++ b/src/components/business/UpdateRealnameStatusDialog.vue
@@ -2,11 +2,11 @@
   <ElDialog
     v-model="dialogVisible"
     title="手动更新卡实名状态"
-    width="400px"
+    width="30%"
     modal-class="asset-information-dialog"
     @closed="handleDialogClosed"
   >
-    <ElForm ref="formRef" :model="formData" :rules="formRules" label-width="100px">
+    <ElForm ref="formRef" :model="formData" :rules="formRules" label-width="80px">
       <ElFormItem label="资产标识">
         <span style="font-weight: bold; color: #409eff">{{ assetIdentifier }}</span>
       </ElFormItem>
diff --git a/src/components/device/RealnamePolicyDialog.vue b/src/components/device/RealnamePolicyDialog.vue
index 32d62cd..4cc9c31 100644
--- a/src/components/device/RealnamePolicyDialog.vue
+++ b/src/components/device/RealnamePolicyDialog.vue
@@ -2,10 +2,10 @@
   <ElDialog
     v-model="visible"
     title="设置实名认证策略"
-    width="35%"
+    width="40%"
     modal-class="asset-information-dialog"
   >
-    <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px">
+    <ElForm ref="formRef" :model="form" :rules="rules" label-width="80px">
       <ElFormItem label="资产标识">
         <span style="font-weight: bold; color: #409eff">{{ assetIdentifier }}</span>
       </ElFormItem>
@@ -14,7 +14,7 @@
           {{ getPolicyName(currentPolicy) }}
         </ElTag>
       </ElFormItem>
-      <ElFormItem label="实名认证策略" prop="realname_policy">
+      <ElFormItem label="认证策略" prop="realname_policy">
         <ElRadioGroup v-model="form.realname_policy">
           <ElRadio value="none">无需实名</ElRadio>
           <ElRadio value="before_order">先实名后充值/购买</ElRadio>
diff --git a/src/components/device/SwitchCardDialog.vue b/src/components/device/SwitchCardDialog.vue
index b2231c9..9e327be 100644
--- a/src/components/device/SwitchCardDialog.vue
+++ b/src/components/device/SwitchCardDialog.vue
@@ -2,7 +2,7 @@
   <ElDialog
     v-model="visible"
     title="切换SIM卡"
-    width="600px"
+    width="40%"
     modal-class="asset-information-dialog"
     @close="handleClose"
   >
@@ -30,7 +30,7 @@
         ref="formRef"
         :model="formData"
         :rules="rules"
-        label-width="120px"
+        label-width="90px"
       >
         <ElFormItem label="设备信息">
           <span style="font-weight: bold; color: #409eff">{{ deviceInfo }}</span>
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index bffbad9..6680882 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -90,6 +90,58 @@ declare module 'vue' {
     CreateRefundDialog: typeof import('./../components/business/CreateRefundDialog.vue')['default']
     CustomerAccountDialog: typeof import('./../components/business/CustomerAccountDialog.vue')['default']
     DetailPage: typeof import('./../components/common/DetailPage.vue')['default']
+    ElAlert: typeof import('element-plus/es')['ElAlert']
+    ElAvatar: typeof import('element-plus/es')['ElAvatar']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCalendar: typeof import('element-plus/es')['ElCalendar']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCascader: typeof import('element-plus/es')['ElCascader']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElTimeline: typeof import('element-plus/es')['ElTimeline']
+    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
+    ElWatermark: typeof import('element-plus/es')['ElWatermark']
     ExportTaskCreateDialog: typeof import('./../components/business/ExportTaskCreateDialog.vue')['default']
     HorizontalSubmenu: typeof import('./../components/core/layouts/art-menus/art-horizontal-menu/widget/HorizontalSubmenu.vue')['default']
     ImportDialog: typeof import('./../components/business/ImportDialog.vue')['default']
@@ -117,4 +169,7 @@ declare module 'vue' {
     UpdateRealnameStatusDialog: typeof import('./../components/business/UpdateRealnameStatusDialog.vue')['default']
     VoucherUpload: typeof import('./../components/business/VoucherUpload.vue')['default']
   }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
 }
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 3550b32..dd28956 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -44,9 +44,7 @@
       <!-- 卡专属字段 -->
       <template v-if="cardInfo?.asset_type === 'card'">
         <ElDescriptionsItem label="ICCID">{{ cardInfo?.iccid || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="IMEI">{{
-          cardInfo?.gateway_card_imei || '-'
-        }}</ElDescriptionsItem>
+        <ElDescriptionsItem label="MSISDN">{{ cardInfo?.msisdn || '-' }}</ElDescriptionsItem>
         <ElDescriptionsItem label="运营商账户">{{ carrierAccountDisplay }}</ElDescriptionsItem>
         <ElDescriptionsItem label="实名状态">
           <ElTag :type="getRealNameStatusType(cardInfo?.real_name_status)" size="small">
@@ -79,7 +77,9 @@
           formatDateTime(cardInfo?.last_real_name_check_at) || '-'
         }}</ElDescriptionsItem>
 
-        <ElDescriptionsItem label="MSISDN">{{ cardInfo?.msisdn || '-' }}</ElDescriptionsItem>
+        <ElDescriptionsItem label="IMEI">{{
+          cardInfo?.gateway_card_imei || '-'
+        }}</ElDescriptionsItem>
         <ElDescriptionsItem label="资产状态">
           <ElTag :type="getAssetStatusType(cardInfo?.status)" size="small">
             {{ getAssetStatusName(cardInfo?.status) }}
diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index f61adf6..a450696 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -316,7 +316,7 @@
     <ElDialog
       v-model="expiresAtDialogVisible"
       title="修改过期时间"
-      width="420px"
+      width="40%"
       @closed="resetExpiresAtForm"
     >
       <ElForm
diff --git a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
index 309aee0..d732633 100644
--- a/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue
@@ -2,7 +2,7 @@
   <ElDialog
     v-model="visible"
     title="套餐充值"
-    width="30%"
+    width="40%"
     modal-class="asset-information-dialog"
     @closed="handleDialogClosed"
   >
diff --git a/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue b/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue
index a6c1410..a3a774a 100644
--- a/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue
@@ -2,10 +2,10 @@
   <ElDialog
     v-model="visible"
     title="设置切卡模式"
-    width="500px"
+    width="45%"
     modal-class="asset-information-dialog"
   >
-    <ElForm ref="formRef" :model="form" :rules="rules" label-width="96px">
+    <ElForm ref="formRef" :model="form" :rules="rules" label-width="80px">
       <ElFormItem label="设备标识">
         <span class="device-identifier">{{ deviceIdentifier || '-' }}</span>
       </ElFormItem>
diff --git a/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue b/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue
index 20daf14..70bf42d 100644
--- a/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/WiFiConfigDialog.vue
@@ -2,7 +2,7 @@
   <ElDialog
     v-model="visible"
     title="设置WiFi"
-    width="30%"
+    width="40%"
     modal-class="asset-information-dialog"
     :append-to-body="true"
   >
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index 69e7088..1eb0f8e 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -93,17 +93,17 @@
         </ArtTable>
 
         <!-- 批量分配对话框 -->
-        <ElDialog v-model="allocateDialogVisible" title="批量分配设备" width="600px">
+        <ElDialog v-model="allocateDialogVisible" title="批量分配设备" width="40%">
           <ElForm
             ref="allocateFormRef"
             :model="allocateForm"
             :rules="allocateRules"
-            label-width="120px"
+            label-width="90px"
           >
             <ElFormItem label="已选设备数">
               <span style="font-weight: bold; color: #409eff">{{ selectedDevices.length }}</span> 台
             </ElFormItem>
-            <ElFormItem label="店铺" prop="target_shop_id">
+            <ElFormItem label="目标店铺" prop="target_shop_id">
               <ElCascader
                 v-model="allocateForm.target_shop_id"
                 :options="shopCascadeOptions"
@@ -166,8 +166,8 @@
         </ElDialog>
 
         <!-- 批量回收对话框 -->
-        <ElDialog v-model="recallDialogVisible" title="批量回收设备" width="600px">
-          <ElForm ref="recallFormRef" :model="recallForm" label-width="120px">
+        <ElDialog v-model="recallDialogVisible" title="批量回收设备" width="40%">
+          <ElForm ref="recallFormRef" :model="recallForm" label-width="90px">
             <ElFormItem label="已选设备数">
               <span style="font-weight: bold; color: #e6a23c">{{ selectedDevices.length }}</span> 台
             </ElFormItem>
@@ -225,14 +225,14 @@
         <ElDialog
           v-model="seriesBindingDialogVisible"
           title="批量设置设备套餐系列绑定"
-          width="35%"
+          width="40%"
           @close="handleCloseSeriesBindingDialog"
         >
           <ElForm
             ref="seriesBindingFormRef"
             :model="seriesBindingForm"
             :rules="seriesBindingRules"
-            label-width="120px"
+            label-width="100px"
           >
             <ElFormItem label="已选设备数">
               <span style="font-weight: bold; color: #409eff">{{ selectedDevices.length }}</span> 台
@@ -406,10 +406,10 @@
               />
             </ElFormItem>
 
-            <ElFormItem label="目标套餐系列" prop="series_id">
+            <ElFormItem label="套餐系列" prop="series_id">
               <ElSelect
                 v-model="seriesBindingForm.series_id"
-                placeholder="请选择或搜索套餐系列"
+                placeholder="请选择或搜索目标套餐系列"
                 style="width: 100%"
                 filterable
                 remote
@@ -706,14 +706,14 @@
         <ElDialog
           v-model="enterpriseDeviceAuthorizeDialogVisible"
           title="授权设备给企业"
-          width="620px"
+          width="40%"
           @close="handleEnterpriseDeviceAuthorizeDialogClose"
         >
           <ElForm
             ref="enterpriseDeviceAuthorizeFormRef"
             :model="enterpriseDeviceAuthorizeForm"
             :rules="enterpriseDeviceAuthorizeRules"
-            label-width="120px"
+            label-width="100px"
           >
             <ElFormItem label="授权企业" prop="enterprise_id">
               <ElSelect
@@ -812,14 +812,14 @@
         <ElDialog
           v-model="enterpriseDeviceRecallDialogVisible"
           title="撤销设备授权"
-          width="620px"
+          width="40%"
           @close="handleEnterpriseDeviceRecallDialogClose"
         >
           <ElForm
             ref="enterpriseDeviceRecallFormRef"
             :model="enterpriseDeviceRecallForm"
             :rules="enterpriseDeviceRecallRules"
-            label-width="120px"
+            label-width="100px"
           >
             <ElFormItem label="授权企业" prop="enterprise_id">
               <ElSelect
diff --git a/src/views/asset-management/exchange-management/index.vue b/src/views/asset-management/exchange-management/index.vue
index 24e54e5..7cd4032 100644
--- a/src/views/asset-management/exchange-management/index.vue
+++ b/src/views/asset-management/exchange-management/index.vue
@@ -56,11 +56,11 @@
         <ElDialog
           v-model="createDialogVisible"
           title="创建换货单"
-          width="600px"
+          width="40%"
           :close-on-click-modal="false"
           @closed="handleCloseCreateDialog"
         >
-          <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="120px">
+          <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="110px">
             <ElFormItem label="流程类型" prop="flow_type">
               <ElSelect
                 v-model="createForm.flow_type"
@@ -121,7 +121,7 @@
             </ElFormItem>
             <ElFormItem
               v-if="createForm.old_asset_type === 'iot_card'"
-              label="旧资产标识符"
+              label="旧资产标识"
               prop="old_identifier"
             >
               <ElSelect
@@ -193,7 +193,7 @@
                 {{ oldDeviceEmptyMessage }}
               </div>
             </ElFormItem>
-            <ElFormItem v-if="createOldAssetShopDisplay" label="旧资产所属店铺">
+            <ElFormItem v-if="createOldAssetShopDisplay" label="旧资产店铺">
               <ElInput :model-value="createOldAssetShopDisplay" readonly disabled />
             </ElFormItem>
             <ElFormItem
@@ -303,14 +303,14 @@
         <ElDialog
           v-model="shipDialogVisible"
           title="换货发货"
-          width="600px"
+          width="40%"
           :close-on-click-modal="false"
           @closed="handleCloseShipDialog"
         >
-          <ElForm ref="shipFormRef" :model="shipForm" :rules="shipRules" label-width="120px">
+          <ElForm ref="shipFormRef" :model="shipForm" :rules="shipRules" label-width="100px">
             <ElFormItem
               v-if="shipAssetType === 'iot_card'"
-              label="新资产标识符"
+              label="新资产标识"
               prop="new_identifier"
             >
               <ElSelect
@@ -347,7 +347,7 @@
             </ElFormItem>
             <ElFormItem
               v-else-if="shipAssetType === 'device'"
-              label="新资产标识符"
+              label="新资产标识"
               prop="new_identifier"
             >
               <ElSelect
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 1abc21c..5e26f83 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -98,16 +98,16 @@
         <ElDialog
           v-model="allocateDialogVisible"
           title="批量分配"
-          width="600px"
+          width="40%"
           @close="handleAllocateDialogClose"
         >
           <ElForm
             ref="allocateFormRef"
             :model="allocateForm"
             :rules="allocateRules"
-            label-width="120px"
+            label-width="100px"
           >
-            <ElFormItem label="店铺" prop="to_shop_id">
+            <ElFormItem label="目标店铺" prop="to_shop_id">
               <ElCascader
                 v-model="allocateForm.to_shop_id"
                 :options="shopCascadeOptions"
@@ -241,10 +241,10 @@
         <ElDialog
           v-model="recallDialogVisible"
           title="批量回收"
-          width="600px"
+          width="40%"
           @close="handleRecallDialogClose"
         >
-          <ElForm ref="recallFormRef" :model="recallForm" :rules="recallRules" label-width="120px">
+          <ElForm ref="recallFormRef" :model="recallForm" :rules="recallRules" label-width="100px">
             <ElFormItem label="选卡方式" prop="selection_type">
               <ElRadioGroup v-model="recallForm.selection_type">
                 <ElRadio label="list">ICCID列表</ElRadio>
@@ -385,14 +385,14 @@
         <ElDialog
           v-model="enterpriseCardAuthorizeDialogVisible"
           title="授权卡给企业"
-          width="640px"
+          width="40%"
           @close="handleEnterpriseCardAuthorizeDialogClose"
         >
           <ElForm
             ref="enterpriseCardAuthorizeFormRef"
             :model="enterpriseCardAuthorizeForm"
             :rules="enterpriseCardAuthorizeRules"
-            label-width="120px"
+            label-width="100px"
           >
             <ElFormItem label="授权企业" prop="enterprise_id">
               <ElSelect
@@ -538,14 +538,14 @@
         <ElDialog
           v-model="enterpriseCardRecallDialogVisible"
           title="回收卡授权"
-          width="640px"
+          width="40%"
           @close="handleEnterpriseCardRecallDialogClose"
         >
           <ElForm
             ref="enterpriseCardRecallFormRef"
             :model="enterpriseCardRecallForm"
             :rules="enterpriseCardRecallRules"
-            label-width="120px"
+            label-width="100px"
           >
             <ElFormItem label="授权企业" prop="enterprise_id">
               <ElSelect
diff --git a/src/views/asset-management/record-management/authorization-records/index.vue b/src/views/asset-management/record-management/authorization-records/index.vue
index e5a98fc..07f6769 100644
--- a/src/views/asset-management/record-management/authorization-records/index.vue
+++ b/src/views/asset-management/record-management/authorization-records/index.vue
@@ -39,8 +39,8 @@
         </ArtTable>
 
         <!-- 修改备注对话框 -->
-        <ElDialog v-model="remarkDialogVisible" title="修改备注" width="500px">
-          <ElForm ref="remarkFormRef" :model="remarkForm" :rules="remarkRules" label-width="80px">
+        <ElDialog v-model="remarkDialogVisible" title="修改备注" width="40%">
+          <ElForm ref="remarkFormRef" :model="remarkForm" :rules="remarkRules">
             <ElFormItem label="备注" prop="remark">
               <ElInput
                 v-model="remarkForm.remark"
@@ -311,7 +311,7 @@
 
     if (hasAuth('authorization_records:update_remark')) {
       actions.push({
-        label: '编辑',
+        label: '修改备注',
         handler: () => showRemarkDialog(row),
         type: 'primary'
       })
diff --git a/src/views/asset-management/task-management/bulk-purchase/index.vue b/src/views/asset-management/task-management/bulk-purchase/index.vue
index ffa431b..d458c42 100644
--- a/src/views/asset-management/task-management/bulk-purchase/index.vue
+++ b/src/views/asset-management/task-management/bulk-purchase/index.vue
@@ -10,7 +10,7 @@
         :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDrawerClosed"
       >
-        <ElForm ref="formRef" :model="form" :rules="rules" label-width="100px" class="create-form">
+        <ElForm ref="formRef" :model="form" :rules="rules" class="create-form">
           <ElFormItem label="套餐系列" prop="series_id">
             <ElSelect
               v-model="form.series_id"
@@ -33,7 +33,7 @@
             </ElSelect>
           </ElFormItem>
 
-          <ElFormItem label="套餐" prop="package_id">
+          <ElFormItem label="相关套餐" prop="package_id">
             <ElSelect
               v-model="form.package_id"
               filterable
diff --git a/src/views/asset-management/task-management/device-batch-allocation/index.vue b/src/views/asset-management/task-management/device-batch-allocation/index.vue
index 32aeb41..7db7105 100644
--- a/src/views/asset-management/task-management/device-batch-allocation/index.vue
+++ b/src/views/asset-management/task-management/device-batch-allocation/index.vue
@@ -10,7 +10,7 @@
         :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDrawerClosed"
       >
-        <ElForm ref="formRef" :model="form" label-width="100px" class="create-form">
+        <ElForm ref="formRef" :model="form" class="create-form">
           <ElFormItem label="操作类型" prop="operation_type">
             <ElSelect
               v-model="form.operation_type"
@@ -286,7 +286,7 @@
     form.operation_type === 'assign_shop' ? '请选择启用的目标店铺' : '请选择启用的套餐系列'
   )
   const targetLabel = computed(() =>
-    form.operation_type === 'assign_shop' ? '选择店铺' : '选择套餐系列'
+    form.operation_type === 'assign_shop' ? '选择店铺' : '套餐系列'
   )
   const createDrawerBusy = computed(() => submitting.value || fileUploading.value)
 
diff --git a/src/views/asset-management/task-management/device-task/index.vue b/src/views/asset-management/task-management/device-task/index.vue
index bf7570f..b78891b 100644
--- a/src/views/asset-management/task-management/device-task/index.vue
+++ b/src/views/asset-management/task-management/device-task/index.vue
@@ -53,7 +53,7 @@
       </ElCard>
     </div>
 
-    <ElDialog v-model="importDialogVisible" title="批量导入设备" width="40%" align-center>
+    <ElDrawer v-model="importDialogVisible" title="批量导入设备" direction="rtl" size="50%">
       <ElAlert type="info" :closable="false" style="margin-bottom: 20px">
         <template #title>
           <div style="line-height: 1.8">
@@ -135,7 +135,7 @@
           开始导入
         </ElButton>
       </template>
-    </ElDialog>
+    </ElDrawer>
   </ArtTableFullScreen>
 </template>
 
diff --git a/src/views/asset-management/task-management/iot-card-task/index.vue b/src/views/asset-management/task-management/iot-card-task/index.vue
index 2840610..413a2b2 100644
--- a/src/views/asset-management/task-management/iot-card-task/index.vue
+++ b/src/views/asset-management/task-management/iot-card-task/index.vue
@@ -97,7 +97,7 @@
     </ElDialog>
 
     <!-- 导入对话框 -->
-    <ElDialog v-model="importDialogVisible" title="批量导入IoT卡" width="700px" align-center>
+    <ElDrawer v-model="importDialogVisible" title="批量导入IoT卡" direction="rtl" size="50%">
       <ElAlert type="info" :closable="false" style="margin-bottom: 20px">
         <template #title>
           <div style="line-height: 1.8">
@@ -210,7 +210,7 @@
           开始导入
         </ElButton>
       </template>
-    </ElDialog>
+    </ElDrawer>
   </ArtTableFullScreen>
 </template>
 
diff --git a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
index 3d9ee24..55be8ce 100644
--- a/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
+++ b/src/views/asset-management/task-management/order-package-invalidate-task/index.vue
@@ -49,12 +49,12 @@
         v-model="createDialogVisible"
         title="新建订单套餐作废任务"
         direction="rtl"
-        size="520px"
+        size="40%"
         :close-on-click-modal="!createDrawerBusy"
         :close-on-press-escape="!createDrawerBusy"
         @closed="handleCreateDialogClosed"
       >
-        <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="100px">
+        <ElForm ref="createFormRef" :model="createForm" :rules="createRules">
           <ElFormItem label="CSV文件" prop="file">
             <VoucherUpload
               ref="csvUploadRef"
diff --git a/src/views/commission-management/withdrawal-approval/index.vue b/src/views/commission-management/withdrawal-approval/index.vue
index e359e7e..d3bc637 100644
--- a/src/views/commission-management/withdrawal-approval/index.vue
+++ b/src/views/commission-management/withdrawal-approval/index.vue
@@ -41,8 +41,8 @@
         </ArtTable>
 
         <!-- 拒绝提现对话框 -->
-        <ElDialog v-model="rejectDialogVisible" title="拒绝提现申请" width="500px">
-          <ElForm ref="rejectFormRef" :model="rejectForm" :rules="rejectRules" label-width="100px">
+        <ElDialog v-model="rejectDialogVisible" title="拒绝提现申请" width="40%">
+          <ElForm ref="rejectFormRef" :model="rejectForm" :rules="rejectRules">
             <ElFormItem label="拒绝原因" prop="reject_reason">
               <ElInput
                 v-model="rejectForm.reject_reason"
@@ -51,7 +51,7 @@
                 placeholder="请输入拒绝原因"
               />
             </ElFormItem>
-            <ElFormItem label="备注" prop="remark">
+            <ElFormItem label="备注信息" prop="remark">
               <ElInput
                 v-model="rejectForm.remark"
                 type="textarea"
diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 9b35080..3d91918 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -55,7 +55,7 @@
         <ElDialog
           v-model="createDialogVisible"
           :title="createDialogTitle"
-          width="500px"
+          width="40%"
           @closed="handleCreateDialogClosed"
         >
           <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="100px">
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index ff5a929..684011d 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -59,7 +59,7 @@
         <ElDialog
           v-model="createDialogVisible"
           :title="'创建订单'"
-          width="30%"
+          width="40%"
           @closed="handleCreateDialogClosed"
         >
           <ElForm ref="createFormRef" :model="createForm" :rules="createRules" label-width="80px">
diff --git a/src/views/settings/payment-settings/index.vue b/src/views/settings/payment-settings/index.vue
index f1ec02f..c3d43d5 100644
--- a/src/views/settings/payment-settings/index.vue
+++ b/src/views/settings/payment-settings/index.vue
@@ -49,11 +49,12 @@
         </ArtTable>
 
         <!-- 创建/编辑对话框 -->
-        <ElDialog
+        <ElDrawer
           v-model="dialogVisible"
           :title="dialogType === 'add' ? '新增支付配置' : '编辑支付配置'"
-          width="900px"
-          :close-on-click-modal="false"
+          direction="rtl"
+          size="55%"
+          :close-on-click-modal="true"
           @closed="handleDialogClosed"
         >
           <ElForm
@@ -352,7 +353,7 @@
               </ElButton>
             </div>
           </template>
-        </ElDialog>
+        </ElDrawer>
       </ElCard>
     </div>
   </ArtTableFullScreen>

From fe357f56d996904136b21242671f83be98806dc6 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 19 Aug 2026 17:38:09 +0800
Subject: [PATCH 74/76] fix: update some files

---
 .../components/BasicInfoCard.vue              | 171 +++++++++++++-----
 .../components/CurrentPackageCard.vue         |  61 ++++---
 .../asset-information/index.vue               |  28 +--
 3 files changed, 178 insertions(+), 82 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index dd28956..287c851 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -254,8 +254,18 @@
       <ElDivider class="info-section-divider" content-position="left">
         <span class="section-divider-title">绑定卡列表</span>
       </ElDivider>
-      <div v-if="cardInfo.cards && cardInfo.cards.length > 0" class="binding-card-list">
-        <ElCard v-for="bindingCard in sortedDeviceCards" :key="bindingCard.iccid" shadow="never">
+      <div
+        v-if="cardInfo.cards && cardInfo.cards.length > 0"
+        class="binding-card-list"
+        :class="`binding-card-list--${Math.min(sortedDeviceCards.length, 3)}`"
+      >
+        <ElCard
+          v-for="bindingCard in sortedDeviceCards"
+          :key="bindingCard.iccid"
+          class="binding-card"
+          shadow="never"
+          :class="{ 'binding-card--current': bindingCard.is_current }"
+        >
           <div class="binding-card-header">
             <div class="binding-card-identifier">
               <ElButton type="primary" link @click="handleNavigateToCardInfo(bindingCard.iccid)">
@@ -265,40 +275,63 @@
                 <CopyDocument />
               </el-icon>
             </div>
-            <ElTag v-if="bindingCard.is_current" type="primary" size="small">当前</ElTag>
+            <ElTag
+              v-if="bindingCard.is_current"
+              class="binding-card-current-tag"
+              type="primary"
+              size="default"
+            >
+              当前
+            </ElTag>
           </div>
 
           <div class="binding-card-details">
-            <ElDescriptions :column="bindingCardColumns" direction="vertical">
-              <ElDescriptionsItem label="MSISDN">
-                {{ bindingCard.msisdn || '-' }}
-              </ElDescriptionsItem>
-              <ElDescriptionsItem label="运营商">
-                {{ bindingCard.carrier_name || '-' }}
-              </ElDescriptionsItem>
-              <ElDescriptionsItem label="卡槽位置">
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">MSISDN</span>
+              <span class="binding-card-field-value">{{ bindingCard.msisdn || '-' }}</span>
+            </div>
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">运营商</span>
+              <span class="binding-card-field-value">{{ bindingCard.carrier_name || '-' }}</span>
+            </div>
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">卡槽位置</span>
+              <span class="binding-card-field-value">
                 SIM-{{ bindingCard.slot_position ?? '-' }}
-              </ElDescriptionsItem>
-              <ElDescriptionsItem label="网络状态">
+              </span>
+            </div>
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">网络状态</span>
+              <span class="binding-card-field-value">
                 <ElTag :type="bindingCard.network_status === 1 ? 'success' : 'danger'" size="small">
                   {{ bindingCard.network_status === 1 ? '正常' : '停机' }}
                 </ElTag>
-              </ElDescriptionsItem>
-              <ElDescriptionsItem label="实名状态">
+              </span>
+            </div>
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">实名状态</span>
+              <span class="binding-card-field-value">
                 <ElTag :type="getRealNameStatusType(bindingCard.real_name_status)" size="small">
                   {{ getRealNameStatusName(bindingCard.real_name_status) }}
                 </ElTag>
-              </ElDescriptionsItem>
-              <ElDescriptionsItem label="实名认证策略">
+              </span>
+            </div>
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">实名认证策略</span>
+              <span class="binding-card-field-value">
                 {{ getRealnamePolicyName(bindingCard.realname_policy) }}
-              </ElDescriptionsItem>
-              <ElDescriptionsItem label="实名时间">
+              </span>
+            </div>
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">实名时间</span>
+              <span class="binding-card-field-value">
                 {{ bindingCard.real_name_at ? formatDateTime(bindingCard.real_name_at) : '-' }}
-              </ElDescriptionsItem>
-              <ElDescriptionsItem label="运营商停机原因">
-                {{ bindingCard.gateway_extend || '-' }}
-              </ElDescriptionsItem>
-            </ElDescriptions>
+              </span>
+            </div>
+            <div class="binding-card-field">
+              <span class="binding-card-field-label">运营商停机原因</span>
+              <span class="binding-card-field-value">{{ bindingCard.gateway_extend || '-' }}</span>
+            </div>
           </div>
 
           <div class="binding-card-actions">
@@ -306,7 +339,6 @@
               v-if="bindingCard.network_status === 0"
               type="success"
               size="small"
-              link
               :disabled="isBindingStartDisabled(bindingCard)"
               @click="handleEnableBindingCard(bindingCard)"
               v-permission="'iot_info:start'"
@@ -317,7 +349,6 @@
               v-if="bindingCard.network_status === 1"
               type="warning"
               size="small"
-              link
               :disabled="isBindingStopDisabled(bindingCard)"
               @click="handleDisableBindingCard(bindingCard)"
               v-permission="'iot_info:stop'"
@@ -327,7 +358,6 @@
             <ElButton
               type="primary"
               size="small"
-              link
               @click="handleUpdateBindingCardRealnameStatus(bindingCard)"
               v-permission="'bound_card:update_realname_status'"
             >
@@ -337,7 +367,6 @@
               v-if="getBindingCardAuditTarget(bindingCard)"
               type="primary"
               size="small"
-              link
               @click="openBindingCardAudit(bindingCard)"
             >
               卡审计
@@ -347,6 +376,8 @@
       </div>
       <ElEmpty v-else description="暂无绑定卡" :image-size="80" style="margin-top: 16px" />
 
+      <slot name="current-package" />
+
       <!-- 设备实时信息 -->
       <ElDivider class="info-section-divider" content-position="left">
         <span class="section-divider-title">设备实时信息</span>
@@ -369,6 +400,8 @@
       <ElEmpty v-else description="暂无实时信息" :image-size="80" style="margin-top: 16px" />
     </template>
 
+    <slot v-if="cardInfo?.asset_type !== 'device'" name="current-package" />
+
     <!-- IoT卡操作按钮 -->
     <ElAlert
       v-if="startErrorMessage"
@@ -714,8 +747,6 @@
     return 5
   })
 
-  const bindingCardColumns = computed(() => (width.value <= 640 ? 1 : 2))
-
   // Emits
   interface Emits {
     (e: 'update:pollingEnabled', value: boolean): void
@@ -759,7 +790,15 @@
   } = useAssetFormatters()
 
   // 排序后的设备卡列表（按卡槽位置排序，当前卡排在最前面）
-  const realtimeDescriptionItems = computed(() => {
+  type RealtimeDescriptionItem = {
+    key: string
+    label: string
+    value: string
+    tagType?: 'primary' | 'success' | 'warning' | 'info' | 'danger'
+    span?: number
+  }
+
+  const realtimeDescriptionItems = computed<RealtimeDescriptionItem[]>(() => {
     const realtime = props.deviceRealtime
 
     return [
@@ -1132,6 +1171,18 @@
         gap: 16px;
       }
 
+      .binding-card-list--1 {
+        grid-template-columns: 1fr;
+      }
+
+      .binding-card-list--2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+
+      .binding-card {
+        min-width: 0;
+      }
+
       .binding-card-header,
       .binding-card-identifier,
       .binding-card-actions {
@@ -1142,11 +1193,52 @@
       .binding-card-header {
         justify-content: space-between;
         padding-bottom: 12px;
-        border-bottom: 1px solid var(--el-border-color-lighter);
       }
 
       .binding-card-details {
-        padding-top: 12px;
+        margin-top: 12px;
+        overflow: hidden;
+        border: 1px solid var(--el-border-color);
+        border-radius: 6px;
+      }
+
+      .binding-card-field {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 16px;
+        min-height: 42px;
+        min-width: 0;
+        padding: 10px 12px;
+        border-bottom: 1px solid var(--el-border-color-lighter);
+
+        &:last-child {
+          border-bottom: 0;
+        }
+      }
+
+      .binding-card-field-label {
+        flex: 0 0 auto;
+        font-size: 14px;
+        color: var(--el-text-color-secondary);
+      }
+
+      .binding-card-field-value {
+        min-width: 0;
+        font-size: 15px;
+        font-weight: 500;
+        color: var(--el-text-color-primary);
+        text-align: right;
+      }
+
+      .binding-card--current {
+        border-color: var(--el-color-primary);
+        box-shadow: 0 0 0 2px var(--el-color-primary-light-8);
+      }
+
+      .binding-card-current-tag {
+        font-size: 14px;
+        font-weight: 600;
       }
 
       .binding-card-identifier {
@@ -1168,23 +1260,20 @@
       }
 
       .binding-card-actions {
-        flex-wrap: wrap;
+        display: flex;
+        flex-wrap: nowrap;
         gap: 8px;
         padding-top: 12px;
         margin-top: 12px;
-        border-top: 1px solid var(--el-border-color-lighter);
 
         .el-button {
+          flex: 1 1 0;
+          min-width: 0;
+          width: 100%;
           margin-left: 0;
         }
       }
 
-      @media (width <= 1200px) {
-        .binding-card-list {
-          grid-template-columns: repeat(2, minmax(0, 1fr));
-        }
-      }
-
       .card-operations,
       .device-operations {
         display: flex;
diff --git a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
index c884b4e..67a792c 100644
--- a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
+++ b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
@@ -1,13 +1,8 @@
 <template>
-  <ElCard shadow="never" class="info-card current-package-card">
-    <template #header>
-      <div class="card-header">
-        <span class="header-title">当前生效套餐</span>
-        <div class="header-actions">
-          <slot name="header-actions" />
-        </div>
-      </div>
-    </template>
+  <div class="current-package-section">
+    <ElDivider class="info-section-divider" content-position="left">
+      <span class="section-divider-title">当前生效套餐</span>
+    </ElDivider>
 
     <!-- 绑定设备提示（优先于一切内容） -->
     <template v-if="props.boundDeviceId">
@@ -222,12 +217,12 @@
 
     <!-- 空状态 -->
     <ElEmpty v-else-if="!loading" :description="errorMsg || '暂无当前生效套餐'" :image-size="100" />
-  </ElCard>
+  </div>
 </template>
 
 <script setup lang="ts">
   import {
-    ElCard,
+    ElDivider,
     ElButton,
     ElDescriptions,
     ElDescriptionsItem,
@@ -322,16 +317,37 @@
 </script>
 
 <style scoped lang="scss">
-  .current-package-card {
-    .card-header {
+  .current-package-section {
+    .info-section-divider {
       display: flex;
-      gap: 12px;
+      height: 20px;
       align-items: center;
-      justify-content: space-between;
+      border-top: 0;
 
-      .header-title {
-        font-size: 16px;
-        font-weight: 500;
+      :deep(.el-divider__text) {
+        position: static;
+        display: inline-flex;
+        padding: 0;
+        font-size: 15px;
+        font-weight: 600;
+        line-height: 20px;
+        color: var(--el-text-color-primary);
+        background-color: transparent;
+        transform: none;
+      }
+
+      .section-divider-title {
+        display: inline-flex;
+        gap: 8px;
+        align-items: center;
+
+        &::before {
+          width: 3px;
+          height: 16px;
+          content: '';
+          background-color: var(--el-color-primary);
+          border-radius: 2px;
+        }
       }
     }
 
@@ -460,15 +476,6 @@
     }
 
     @media (width <= 768px) {
-      .card-header {
-        flex-direction: column;
-        align-items: flex-start;
-
-        .header-actions {
-          width: 100%;
-        }
-      }
-
       .flow-progress-card {
         padding: 14px;
 
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 5af167b..ca1e49c 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -46,20 +46,20 @@
               @navigate-to-asset="handleNavigateToAsset"
               @navigate-to-card="handleNavigateToCard"
               @navigate-to-device="handleNavigateToDevice"
-            />
-          </div>
-
-          <div class="row overview-secondary">
-            <CurrentPackageCard
-              :current-package="currentPackage"
-              :loading="currentPackageLoading"
-              :error-msg="currentPackageErrorMsg"
-              :bound-device-id="cardInfo.bound_device_id"
-              :bound-device-no="cardInfo.bound_device_no"
-              :bound-device-name="cardInfo.bound_device_name"
-              @show-recharge="showRechargeDialog"
-              @navigate-to-device="handleNavigateToDevice"
-            />
+            >
+              <template #current-package>
+                <CurrentPackageCard
+                  :current-package="currentPackage"
+                  :loading="currentPackageLoading"
+                  :error-msg="currentPackageErrorMsg"
+                  :bound-device-id="cardInfo.bound_device_id"
+                  :bound-device-no="cardInfo.bound_device_no"
+                  :bound-device-name="cardInfo.bound_device_name"
+                  @show-recharge="showRechargeDialog"
+                  @navigate-to-device="handleNavigateToDevice"
+                />
+              </template>
+            </BasicInfoCard>
           </div>
         </div>
 

From 4d023e76660080e9028ef336a061336bbd4750b3 Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Wed, 19 Aug 2026 18:14:20 +0800
Subject: [PATCH 75/76] fix: update some files

---
 .../components/BasicInfoCard.vue              |  25 ++--
 .../components/CurrentPackageCard.vue         |   2 +-
 .../components/PackageListCard.vue            |  55 +++++--
 .../components/WalletTransactionCard.vue      | 140 +++++++++---------
 4 files changed, 135 insertions(+), 87 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 287c851..8751a6e 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -40,7 +40,7 @@
         </div>
       </div>
     </template>
-    <ElDescriptions :column="descriptionsColumn" direction="vertical" border>
+    <ElDescriptions :column="descriptionsColumn" direction="vertical" border size="large">
       <!-- 卡专属字段 -->
       <template v-if="cardInfo?.asset_type === 'card'">
         <ElDescriptionsItem label="ICCID">{{ cardInfo?.iccid || '-' }}</ElDescriptionsItem>
@@ -211,7 +211,7 @@
 
     <template v-if="previousExchangeAsset || nextExchangeAsset">
       <ElDivider content-position="left">换货链路</ElDivider>
-      <ElDescriptions :column="descriptionsColumn" border>
+      <ElDescriptions :column="descriptionsColumn" border size="large">
         <ElDescriptionsItem v-if="previousExchangeAsset" label="前代资产">
           <div class="exchange-asset">
             <ElTag type="success" size="small">旧资产</ElTag>
@@ -338,7 +338,7 @@
             <ElButton
               v-if="bindingCard.network_status === 0"
               type="success"
-              size="small"
+              size="default"
               :disabled="isBindingStartDisabled(bindingCard)"
               @click="handleEnableBindingCard(bindingCard)"
               v-permission="'iot_info:start'"
@@ -348,7 +348,7 @@
             <ElButton
               v-if="bindingCard.network_status === 1"
               type="warning"
-              size="small"
+              size="default"
               :disabled="isBindingStopDisabled(bindingCard)"
               @click="handleDisableBindingCard(bindingCard)"
               v-permission="'iot_info:stop'"
@@ -357,7 +357,7 @@
             </ElButton>
             <ElButton
               type="primary"
-              size="small"
+              size="default"
               @click="handleUpdateBindingCardRealnameStatus(bindingCard)"
               v-permission="'bound_card:update_realname_status'"
             >
@@ -366,7 +366,7 @@
             <ElButton
               v-if="getBindingCardAuditTarget(bindingCard)"
               type="primary"
-              size="small"
+              size="default"
               @click="openBindingCardAudit(bindingCard)"
             >
               卡审计
@@ -383,7 +383,12 @@
         <span class="section-divider-title">设备实时信息</span>
       </ElDivider>
       <div v-if="hasDeviceRealtimeSection" v-loading="realtimeLoading" class="realtime-section">
-        <ElDescriptions :column="descriptionsColumn" direction="vertical" border>
+        <ElDescriptions
+          :column="descriptionsColumn"
+          direction="vertical"
+          border
+          size="large"
+        >
           <ElDescriptionsItem
             v-for="item in realtimeDescriptionItems"
             :key="item.key"
@@ -1192,7 +1197,6 @@
 
       .binding-card-header {
         justify-content: space-between;
-        padding-bottom: 12px;
       }
 
       .binding-card-details {
@@ -1209,7 +1213,7 @@
         gap: 16px;
         min-height: 42px;
         min-width: 0;
-        padding: 10px 12px;
+        padding: 0 12px;
         border-bottom: 1px solid var(--el-border-color-lighter);
 
         &:last-child {
@@ -1249,6 +1253,9 @@
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
+          font-size: 16px;
+          font-weight: 600;
+          line-height: 24px;
         }
 
         .copy-icon {
diff --git a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
index 67a792c..bf1599c 100644
--- a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
+++ b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
@@ -181,7 +181,7 @@
       </div>
 
       <!-- 套餐详情表格 -->
-      <ElDescriptions :column="descriptionsColumn" direction="vertical" border>
+      <ElDescriptions :column="descriptionsColumn" direction="vertical" border size="large">
         <ElDescriptionsItem label="订单号">
           {{ currentPackage.order_no || '-' }}
         </ElDescriptionsItem>
diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index a450696..8786fe2 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -32,15 +32,20 @@
         <ElTable :data="packageList" class="package-table" border>
           <ElTableColumn label="订单号" width="240">
             <template #default="scope">
-              <ElButton
-                type="primary"
-                link
-                @click="handleOrderNoClick(scope.row)"
-                v-if="hasAuth('order:package_list_detail')"
-              >
-                {{ scope.row.order_no }}
-              </ElButton>
-              <span v-else>{{ scope.row.order_no }}</span>
+              <div class="order-no-cell">
+                <ElTooltip :content="scope.row.order_no" placement="top" :show-after="300">
+                  <ElButton
+                    class="order-no-link"
+                    type="primary"
+                    link
+                    @click="handleOrderNoClick(scope.row)"
+                    v-if="hasAuth('order:package_list_detail')"
+                  >
+                    {{ scope.row.order_no }}
+                  </ElButton>
+                  <span v-else class="order-no-text">{{ scope.row.order_no }}</span>
+                </ElTooltip>
+              </div>
             </template>
           </ElTableColumn>
           <ElTableColumn label="套餐名称" width="200" show-overflow-tooltip>
@@ -369,7 +374,8 @@
     ElInputNumber,
     ElDatePicker,
     ElSelect,
-    ElOption
+    ElOption,
+    ElTooltip
   } from 'element-plus'
   import { ElMessage } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
@@ -729,6 +735,35 @@
             white-space: nowrap;
           }
 
+          .order-no-cell {
+            width: 100%;
+            min-width: 0;
+
+            :deep(.el-tooltip__trigger) {
+              display: block;
+              width: 100%;
+              min-width: 0;
+            }
+
+            .order-no-link,
+            .order-no-text {
+              display: block;
+              width: 100%;
+              min-width: 0;
+              max-width: 100%;
+              overflow: hidden;
+              text-align: left;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+
+            .order-no-link {
+              padding: 0;
+              margin-left: 0;
+              justify-content: flex-start;
+            }
+          }
+
           .package-actions {
             display: grid;
             grid-template-columns: repeat(2, 1fr);
diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index 362fd5c..7efe058 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -2,25 +2,30 @@
   <ElCard shadow="never" class="info-card wallet-info" v-loading="walletLoading">
     <template #header>
       <div class="card-header wallet-header">
-        <div class="header-left">
+        <div class="wallet-header-top">
           <span class="wallet-title">钱包</span>
-          <ElTag v-if="walletInfo" :type="getWalletStatusType(walletInfo.status)" size="small">
+          <ElTag
+            v-if="walletInfo"
+            class="wallet-status-tag"
+            :type="getWalletStatusType(walletInfo.status)"
+            size="large"
+          >
             {{ walletInfo.status_text || '-' }}
           </ElTag>
-          <template v-if="walletInfo">
-            <ElDivider class="wallet-divider" direction="vertical" />
-            <span class="balance-item"
-              >总余额 <strong>{{ formatAmount(walletInfo.balance) }}</strong></span
-            >
-            <ElDivider class="wallet-divider" direction="vertical" />
-            <span class="balance-item"
-              >可用 <strong>{{ formatAmount(walletInfo.available_balance) }}</strong></span
-            >
-            <ElDivider class="wallet-divider" direction="vertical" />
-            <span class="balance-item"
-              >冻结 <strong>{{ formatAmount(walletInfo.frozen_balance) }}</strong></span
-            >
-          </template>
+        </div>
+        <div v-if="walletInfo" class="wallet-balance-summary">
+          <div class="balance-item">
+            <span class="balance-label">总余额</span>
+            <strong>{{ formatAmount(walletInfo.balance) }}</strong>
+          </div>
+          <div class="balance-item">
+            <span class="balance-label">可用</span>
+            <strong>{{ formatAmount(walletInfo.available_balance) }}</strong>
+          </div>
+          <div class="balance-item">
+            <span class="balance-label">冻结</span>
+            <strong>{{ formatAmount(walletInfo.frozen_balance) }}</strong>
+          </div>
         </div>
         <div v-if="!props.boundDeviceId" class="filter-section">
           <ElSelect
@@ -173,8 +178,7 @@
     ElDatePicker,
     ElPagination,
     ElEmpty,
-    ElMessage,
-    ElDivider
+    ElMessage
   } from 'element-plus'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
   import { formatDateTime } from '@/utils/business/format'
@@ -384,35 +388,61 @@
     &.wallet-info {
       .wallet-header {
         display: flex;
-        flex-wrap: wrap;
+        flex-direction: column;
         gap: 16px;
-        align-items: center;
-        justify-content: space-between;
+        align-items: stretch;
+        min-width: 0;
 
-        .header-left {
+        .wallet-header-top {
           display: flex;
-          flex-wrap: wrap;
-          gap: 8px;
           align-items: center;
+          justify-content: space-between;
+          width: 100%;
+        }
 
-          .wallet-title {
-            font-size: 15px;
-            font-weight: 500;
-          }
+        .wallet-title {
+          font-size: 16px;
+          font-weight: 600;
+          white-space: nowrap;
+        }
 
-          .wallet-divider {
-            flex-shrink: 0;
-          }
+        .wallet-balance-summary {
+          display: grid;
+          grid-template-columns: repeat(3, minmax(0, 1fr));
+          gap: 12px;
+          width: 100%;
+          min-width: 0;
+        }
 
-          .balance-item {
+        .balance-item {
+          display: flex;
+          align-items: center;
+          justify-content: flex-start;
+          gap: 8px;
+          min-width: 0;
+          padding: 8px 12px;
+          white-space: nowrap;
+          background: var(--el-fill-color-lighter);
+          border: 1px solid var(--el-border-color-lighter);
+          border-radius: 8px;
+
+          .balance-label {
             font-size: 13px;
-            color: var(--el-text-color-regular);
-
-            strong {
-              font-weight: 600;
-              color: var(--el-text-color-primary);
-            }
+            color: var(--el-text-color-secondary);
           }
+
+          strong {
+            font-size: 18px;
+            font-weight: 700;
+            line-height: 24px;
+            color: var(--el-text-color-primary);
+          }
+        }
+
+        .wallet-status-tag {
+          padding: 8px 14px;
+          font-size: 14px;
+          font-weight: 700;
         }
 
         .filter-section {
@@ -421,6 +451,7 @@
           gap: 10px;
           align-items: center;
           justify-content: flex-end;
+          width: 100%;
           min-width: 0;
 
           .transaction-type-select {
@@ -462,30 +493,14 @@
 
       @media (width <= 1200px) {
         .wallet-header {
-          flex-direction: column;
-          align-items: flex-start;
-
-          .header-left,
           .filter-section {
-            width: 100%;
-          }
-
-          .filter-section {
-            justify-content: flex-start;
+            justify-content: flex-end;
           }
         }
       }
 
       @media (width <= 768px) {
         .wallet-header {
-          flex-direction: column;
-          align-items: stretch;
-
-          .header-left,
-          .filter-section {
-            width: 100%;
-          }
-
           .filter-section {
             flex-direction: column;
             align-items: stretch;
@@ -502,18 +517,9 @@
             }
           }
 
-          .header-left {
-            flex-direction: column;
-            gap: 6px;
-            align-items: flex-start;
-
-            .wallet-divider {
-              display: none;
-            }
-
-            .balance-item {
-              width: 100%;
-            }
+          .wallet-balance-summary {
+            grid-template-columns: 1fr;
+            gap: 8px;
           }
         }
 

From d8191f03a06a36962a0f585f75ada3d7b4209aeb Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Fri, 21 Aug 2026 16:56:34 +0800
Subject: [PATCH 76/76] =?UTF-8?q?fix:=20=E8=B5=84=E4=BA=A7=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AFui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |   3 +-
 src/utils/auth/loginValidation.ts             |   4 +-
 .../components/BasicInfoCard.vue              | 604 +++++++++++++++---
 .../components/CurrentPackageCard.vue         | 136 +++-
 .../components/PackageListCard.vue            |   2 +-
 .../components/WalletTransactionCard.vue      |   2 +-
 .../components/dialogs/DailyRecordsDialog.vue |   6 +-
 src/views/common/account-list.vue             |   2 +-
 .../package-management/package-list/index.vue |   2 +-
 .../series-grants/index.vue                   |   8 +-
 .../series-grants/packages.vue                |   2 +-
 .../alert-history/index.vue                   |   4 +-
 .../polling-management/alert-rules/index.vue  |  10 +-
 src/views/polling-management/config/index.vue |   2 +-
 .../settings/withdrawal-settings/index.vue    |   5 +-
 src/views/system/carrier-management/index.vue |   4 +-
 16 files changed, 661 insertions(+), 135 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d9275f9..d9a3bc4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -76,7 +76,7 @@
   }
 
   const getEntrySignature = (html: string) => {
-    const matches = html.match(/(?:src|href)="[^"]*\/assets\/[^""]+\.(?:js|css)"/g)
+    const matches = html.match(/(?:src|href)="[^"]*\/assets\/[^"]+\.(?:js|css)"/g)
     return matches?.sort().join('|') || ''
   }
 
@@ -106,7 +106,6 @@
       [
         navigator.userAgent,
         navigator.language,
-        navigator.platform,
         Intl.DateTimeFormat().resolvedOptions().timeZone,
         `${screen.width}x${screen.height}x${screen.colorDepth}`
       ].join('|')
diff --git a/src/utils/auth/loginValidation.ts b/src/utils/auth/loginValidation.ts
index 196a595..2cb529d 100644
--- a/src/utils/auth/loginValidation.ts
+++ b/src/utils/auth/loginValidation.ts
@@ -59,7 +59,7 @@ export const strongPasswordRules = (t: (key: string) => string): FormItemRule[]
     trigger: 'blur'
   },
   {
-    validator: (rule: any, value: any, callback: any) => {
+    validator: (_rule: any, value: any, callback: any) => {
       if (!value) {
         callback()
         return
@@ -93,7 +93,7 @@ export const confirmPasswordRules = (
     trigger: 'blur'
   },
   {
-    validator: (rule: any, value: any, callback: any) => {
+    validator: (_rule: any, value: any, callback: any) => {
       if (!value) {
         callback()
         return
diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 8751a6e..a008aa1 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -40,68 +40,140 @@
         </div>
       </div>
     </template>
-    <ElDescriptions :column="descriptionsColumn" direction="vertical" border size="large">
+    <ElDescriptions
+      class="asset-descriptions"
+      :column="descriptionsColumn"
+      direction="vertical"
+      border
+      size="large"
+    >
       <!-- 卡专属字段 -->
       <template v-if="cardInfo?.asset_type === 'card'">
-        <ElDescriptionsItem label="ICCID">{{ cardInfo?.iccid || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="MSISDN">{{ cardInfo?.msisdn || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="运营商账户">{{ carrierAccountDisplay }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="实名状态">
+        <ElDescriptionsItem
+          label="ICCID"
+          label-class-name="asset-label asset-label--identifier-iccid"
+          >{{ cardInfo?.iccid || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="MSISDN"
+          label-class-name="asset-label asset-label--identifier-msisdn"
+          >{{ cardInfo?.msisdn || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="运营商账户"
+          label-class-name="asset-label asset-label--operator-account"
+          >{{ carrierAccountDisplay }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="实名状态"
+          label-class-name="asset-label asset-label--realname-status"
+        >
           <ElTag :type="getRealNameStatusType(cardInfo?.real_name_status)" size="small">
             {{ getRealNameStatusName(cardInfo?.real_name_status) }}
           </ElTag>
         </ElDescriptionsItem>
-        <ElDescriptionsItem v-if="canShowSensitiveFields" label="实名认证策略">
+        <ElDescriptionsItem
+          v-if="canShowSensitiveFields"
+          label="实名认证策略"
+          label-class-name="asset-label asset-label--realname-policy"
+        >
           {{ getRealnamePolicyName(cardInfo?.realname_policy) }}
         </ElDescriptionsItem>
 
-        <ElDescriptionsItem label="店铺">{{ cardInfo?.shop_name || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="套餐系列">{{ cardInfo?.series_name || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="虚拟号">{{ cardInfo?.virtual_no || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="网络状态">
+        <ElDescriptionsItem label="店铺" label-class-name="asset-label asset-label--shop">{{
+          cardInfo?.shop_name || '-'
+        }}</ElDescriptionsItem>
+        <ElDescriptionsItem
+          label="套餐系列"
+          label-class-name="asset-label asset-label--package-series"
+          >{{ cardInfo?.series_name || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="虚拟号"
+          label-class-name="asset-label asset-label--virtual-number"
+          >{{ cardInfo?.virtual_no || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="网络状态"
+          label-class-name="asset-label asset-label--network-status"
+        >
           <ElTag :type="cardInfo?.network_status === 1 ? 'success' : 'danger'" size="small">
             {{ cardInfo?.network_status === 1 ? '正常' : '停机' }}
           </ElTag>
         </ElDescriptionsItem>
 
-        <ElDescriptionsItem v-if="canShowCardMonthUsage" label="本月已用流量">{{
-          formatDataSize(cardInfo?.current_month_usage_mb || 0)
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem v-if="canShowCardMonthUsage" label="运营商周期月内已用流量">{{
-          formatDataSize(cardInfo?.last_gateway_reading_mb || 0)
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="实名时间">{{
-          cardInfo?.real_name_at ? formatDateTime(cardInfo.real_name_at) : '-'
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="实名同步时间">{{
-          formatDateTime(cardInfo?.last_real_name_check_at) || '-'
-        }}</ElDescriptionsItem>
+        <ElDescriptionsItem
+          v-if="canShowCardMonthUsage"
+          label="本月已用流量"
+          label-class-name="asset-label asset-label--usage-month"
+          >{{ formatDataSize(cardInfo?.current_month_usage_mb || 0) }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          v-if="canShowCardMonthUsage"
+          label="运营商周期月内已用流量"
+          label-class-name="asset-label asset-label--usage-cycle"
+          >{{ formatDataSize(cardInfo?.last_gateway_reading_mb || 0) }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="实名时间"
+          label-class-name="asset-label asset-label--realname-time"
+          >{{
+            cardInfo?.real_name_at ? formatDateTime(cardInfo.real_name_at) : '-'
+          }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="实名同步时间"
+          label-class-name="asset-label asset-label--realname-sync"
+          >{{ formatDateTime(cardInfo?.last_real_name_check_at) || '-' }}</ElDescriptionsItem
+        >
 
-        <ElDescriptionsItem label="IMEI">{{
-          cardInfo?.gateway_card_imei || '-'
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="资产状态">
+        <ElDescriptionsItem
+          label="IMEI"
+          label-class-name="asset-label asset-label--identifier-imei"
+          >{{ cardInfo?.gateway_card_imei || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="资产状态"
+          label-class-name="asset-label asset-label--asset-status"
+        >
           <ElTag :type="getAssetStatusType(cardInfo?.status)" size="small">
             {{ getAssetStatusName(cardInfo?.status) }}
           </ElTag>
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="卡状态同步时间">{{
-          formatDateTime(cardInfo?.last_card_status_check_at) || '-'
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="流量同步时间">{{
-          formatDateTime(cardInfo?.last_data_check_at) || '-'
-        }}</ElDescriptionsItem>
+        <ElDescriptionsItem
+          label="卡状态同步时间"
+          label-class-name="asset-label asset-label--card-sync"
+          >{{ formatDateTime(cardInfo?.last_card_status_check_at) || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="流量同步时间"
+          label-class-name="asset-label asset-label--traffic-sync"
+          >{{ formatDateTime(cardInfo?.last_data_check_at) || '-' }}</ElDescriptionsItem
+        >
 
-        <ElDescriptionsItem label="运营商状态" :span="1">
+        <ElDescriptionsItem
+          label="运营商状态"
+          label-class-name="asset-label asset-label--operator-status"
+          :span="1"
+        >
           <span class="gateway-extend-text">{{ cardInfo?.gateway_extend || '-' }}</span>
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="所有套餐已用量">
+        <ElDescriptionsItem
+          label="所有套餐已用量"
+          label-class-name="asset-label asset-label--package-used"
+        >
           {{ formatUsageSummaryMb(cardInfo?.total_virtual_used_mb) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="所有套餐剩余量">
+        <ElDescriptionsItem
+          label="所有套餐剩余量"
+          label-class-name="asset-label asset-label--package-remaining"
+        >
           {{ formatUsageSummaryMb(cardInfo?.total_virtual_remaining_mb) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="预计套餐到期时间">
+        <ElDescriptionsItem
+          label="预计套餐到期时间"
+          label-class-name="asset-label asset-label--package-expire-estimate"
+        >
           <span
             :class="getExpiryEstimateClass(cardInfo)"
             :title="getExpiryEstimateTooltip(cardInfo)"
@@ -111,7 +183,10 @@
         </ElDescriptionsItem>
 
         <template v-if="cardInfo?.bound_device_id">
-          <ElDescriptionsItem label="绑定设备号">
+          <ElDescriptionsItem
+            label="绑定设备号"
+            label-class-name="asset-label asset-label--bound-device-number"
+          >
             <ElButton
               type="primary"
               link
@@ -120,7 +195,10 @@
               {{ cardInfo?.bound_device_no || '-' }}
             </ElButton>
           </ElDescriptionsItem>
-          <ElDescriptionsItem label="绑定设备名称">
+          <ElDescriptionsItem
+            label="绑定设备名称"
+            label-class-name="asset-label asset-label--bound-device-name"
+          >
             {{ cardInfo?.bound_device_name || '-' }}
           </ElDescriptionsItem>
         </template>
@@ -128,15 +206,31 @@
 
       <!-- 设备专属字段 -->
       <template v-if="cardInfo?.asset_type === 'device'">
-        <ElDescriptionsItem label="IMEI">{{ cardInfo?.imei || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="设备名称">{{ cardInfo?.device_name || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="店铺">{{ cardInfo?.shop_name || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="设备状态">
+        <ElDescriptionsItem
+          label="IMEI"
+          label-class-name="asset-label asset-label--identifier-imei"
+          >{{ cardInfo?.imei || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="设备名称"
+          label-class-name="asset-label asset-label--device-name"
+          >{{ cardInfo?.device_name || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem label="店铺" label-class-name="asset-label asset-label--shop">{{
+          cardInfo?.shop_name || '-'
+        }}</ElDescriptionsItem>
+        <ElDescriptionsItem
+          label="设备状态"
+          label-class-name="asset-label asset-label--device-status"
+        >
           <ElTag :type="getAssetStatusType(cardInfo?.status)" size="small">
             {{ getAssetStatusName(cardInfo?.status) }}
           </ElTag>
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="实名状态">
+        <ElDescriptionsItem
+          label="实名状态"
+          label-class-name="asset-label asset-label--realname-status"
+        >
           <ElTag
             v-if="selectedDeviceStatusCard"
             :type="getRealNameStatusType(selectedDeviceStatusCard.real_name_status)"
@@ -146,19 +240,31 @@
           </ElTag>
           <span v-else>-</span>
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="激活状态">
+        <ElDescriptionsItem
+          label="激活状态"
+          label-class-name="asset-label asset-label--activation-status"
+        >
           {{ cardInfo?.activation_status_name || '-' }}
         </ElDescriptionsItem>
 
-        <ElDescriptionsItem label="设备型号">{{
-          cardInfo?.device_model || '-'
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="实名时间">{{
-          selectedDeviceStatusCard?.real_name_at
-            ? formatDateTime(selectedDeviceStatusCard.real_name_at)
-            : '-'
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="在线状态">
+        <ElDescriptionsItem
+          label="设备型号"
+          label-class-name="asset-label asset-label--device-model"
+          >{{ cardInfo?.device_model || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="实名时间"
+          label-class-name="asset-label asset-label--realname-time"
+          >{{
+            selectedDeviceStatusCard?.real_name_at
+              ? formatDateTime(selectedDeviceStatusCard.real_name_at)
+              : '-'
+          }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="在线状态"
+          label-class-name="asset-label asset-label--online-status"
+        >
           <ElTag
             v-if="cardInfo?.online_status !== undefined"
             :type="getOnlineStatusType(cardInfo?.online_status)"
@@ -168,34 +274,68 @@
           </ElTag>
           <span v-else>-</span>
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="虚拟号">{{ cardInfo?.virtual_no || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="切卡模式">{{
-          getSwitchModeName(cardInfo?.switch_mode)
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="已绑定卡数">{{
-          cardInfo?.bound_card_count || 0
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="最大卡槽数">{{
-          cardInfo?.max_sim_slots || '-'
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem v-if="canShowSensitiveFields" label="实名认证策略">
+        <ElDescriptionsItem
+          label="虚拟号"
+          label-class-name="asset-label asset-label--virtual-number"
+          >{{ cardInfo?.virtual_no || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="切卡模式"
+          label-class-name="asset-label asset-label--switch-mode"
+          >{{ getSwitchModeName(cardInfo?.switch_mode) }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="已绑定卡数"
+          label-class-name="asset-label asset-label--bound-card-count"
+          >{{ cardInfo?.bound_card_count || 0 }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="最大卡槽数"
+          label-class-name="asset-label asset-label--max-slots"
+          >{{ cardInfo?.max_sim_slots || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          v-if="canShowSensitiveFields"
+          label="实名认证策略"
+          label-class-name="asset-label asset-label--realname-policy"
+        >
           {{ getRealnamePolicyName(cardInfo?.realname_policy) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="设备类型">{{ cardInfo?.device_type || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem v-if="canShowSensitiveFields" label="制造商">{{
-          cardInfo?.manufacturer || '-'
+        <ElDescriptionsItem
+          label="设备类型"
+          label-class-name="asset-label asset-label--device-type"
+          >{{ cardInfo?.device_type || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          v-if="canShowSensitiveFields"
+          label="制造商"
+          label-class-name="asset-label asset-label--manufacturer"
+          >{{ cardInfo?.manufacturer || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem
+          label="最后在线时间"
+          label-class-name="asset-label asset-label--last-online"
+          >{{ formatDateTime(cardInfo?.last_online_time) || '-' }}</ElDescriptionsItem
+        >
+        <ElDescriptionsItem label="SN" label-class-name="asset-label asset-label--identifier-sn">{{
+          cardInfo?.sn || '-'
         }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="最后在线时间">{{
-          formatDateTime(cardInfo?.last_online_time) || '-'
-        }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="SN">{{ cardInfo?.sn || '-' }}</ElDescriptionsItem>
-        <ElDescriptionsItem label="所有套餐已用量">
+        <ElDescriptionsItem
+          label="所有套餐已用量"
+          label-class-name="asset-label asset-label--package-used"
+        >
           {{ formatUsageSummaryMb(cardInfo?.total_virtual_used_mb) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="所有套餐剩余量">
+        <ElDescriptionsItem
+          label="所有套餐剩余量"
+          label-class-name="asset-label asset-label--package-remaining"
+        >
           {{ formatUsageSummaryMb(cardInfo?.total_virtual_remaining_mb) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="预计套餐到期时间">
+        <ElDescriptionsItem
+          label="预计套餐到期时间"
+          label-class-name="asset-label asset-label--package-expire-estimate"
+        >
           <span
             :class="getExpiryEstimateClass(cardInfo)"
             :title="getExpiryEstimateTooltip(cardInfo)"
@@ -203,9 +343,11 @@
             {{ getExpiryEstimateText(cardInfo) }}
           </span>
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="最后同步时间">{{
-          formatDateTime(deviceRealtime?.last_sync_time) || '-'
-        }}</ElDescriptionsItem>
+        <ElDescriptionsItem
+          label="最后同步时间"
+          label-class-name="asset-label asset-label--last-sync"
+          >{{ formatDateTime(deviceRealtime?.last_sync_time) || '-' }}</ElDescriptionsItem
+        >
       </template>
     </ElDescriptions>
 
@@ -384,6 +526,7 @@
       </ElDivider>
       <div v-if="hasDeviceRealtimeSection" v-loading="realtimeLoading" class="realtime-section">
         <ElDescriptions
+          class="asset-descriptions"
           :column="descriptionsColumn"
           direction="vertical"
           border
@@ -393,6 +536,7 @@
             v-for="item in realtimeDescriptionItems"
             :key="item.key"
             :label="item.label"
+            :label-class-name="`asset-label asset-label--${item.icon}`"
             :span="item.span ?? 1"
           >
             <ElTag v-if="item.tagType" :type="item.tagType" size="small">
@@ -799,6 +943,7 @@
     key: string
     label: string
     value: string
+    icon: string
     tagType?: 'primary' | 'success' | 'warning' | 'info' | 'danger'
     span?: number
   }
@@ -811,11 +956,13 @@
         key: 'status',
         label: '在线状态',
         value: getOnlineStatusName(realtime?.online_status),
+        icon: 'online-status',
         tagType: getOnlineStatusType(realtime?.online_status)
       },
       {
         key: 'battery',
         label: '电量',
+        icon: 'battery',
         value:
           realtime?.battery_level !== null && realtime?.battery_level !== undefined
             ? `${realtime.battery_level}%`
@@ -824,72 +971,85 @@
       {
         key: 'boot',
         label: '本次开机时长',
-        value: formatDuration(realtime?.run_time)
+        value: formatDuration(realtime?.run_time),
+        icon: 'boot-time'
       },
       {
         key: 'connect',
         label: '本次联网时长',
-        value: formatDuration(realtime?.connect_time)
+        value: formatDuration(realtime?.connect_time),
+        icon: 'connection-time'
       },
       {
         key: 'online',
         label: '最后在线时间',
-        value: formatDateTime(realtime?.last_online_time) || '-'
+        value: formatDateTime(realtime?.last_online_time) || '-',
+        icon: 'last-online'
       },
       {
         key: 'realname',
         label: '实名同步时间',
-        value: formatDateTime(props.cardInfo?.last_real_name_check_at) || '-'
+        value: formatDateTime(props.cardInfo?.last_real_name_check_at) || '-',
+        icon: 'realname-sync'
       },
       {
         key: 'cardSync',
         label: '卡状态同步时间',
-        value: formatDateTime(props.cardInfo?.last_card_status_check_at) || '-'
+        value: formatDateTime(props.cardInfo?.last_card_status_check_at) || '-',
+        icon: 'card-sync'
       },
       {
         key: 'trafficSync',
         label: '流量同步时间',
-        value: formatDateTime(props.cardInfo?.last_data_check_at) || '-'
+        value: formatDateTime(props.cardInfo?.last_data_check_at) || '-',
+        icon: 'traffic-sync'
       },
       {
         key: 'signal',
         label: '信号综合判断',
         value: getSignalQualityText(realtime?.signal_quality),
+        icon: 'signal-quality',
         tagType: getSignalQualityType(realtime?.signal_quality)
       },
       {
         key: 'signalReason',
         label: '信号较弱原因',
-        value: getSignalBadReasonText(realtime?.signal_bad_reason)
+        value: getSignalBadReasonText(realtime?.signal_bad_reason),
+        icon: 'signal-reason'
       },
       {
         key: 'clients',
         label: '已连接设备数',
-        value: `${realtime?.client_number ?? '-'} / ${realtime?.max_clients ?? '-'}`
+        value: `${realtime?.client_number ?? '-'} / ${realtime?.max_clients ?? '-'}`,
+        icon: 'connected-clients'
       },
       {
         key: 'wifi',
         label: 'WiFi 状态',
         value:
           realtime?.wifi_enabled === undefined ? '-' : realtime.wifi_enabled ? '已开启' : '已关闭',
+        icon: 'wifi-status',
         tagType: realtime?.wifi_enabled ? 'success' : 'info'
       },
       {
         key: 'wifiName',
         label: 'WiFi 名称',
-        value: realtime?.ssid || '-'
+        value: realtime?.ssid || '-',
+        icon: 'wifi-name'
       },
       {
         key: 'wifiPassword',
         label: 'WiFi 密码',
-        value: realtime?.wifi_password || '-'
+        value: realtime?.wifi_password || '-',
+        icon: 'wifi-password'
       },
-      { key: 'wan', label: 'WAN IP', value: realtime?.wan_ip || '-' },
-      { key: 'lan', label: 'LAN IP', value: realtime?.lan_ip || '-' },
+      { key: 'wan', label: 'WAN IP', value: realtime?.wan_ip || '-', icon: 'wan-ip' },
+      { key: 'lan', label: 'LAN IP', value: realtime?.lan_ip || '-', icon: 'lan-ip' },
       {
         key: 'mac',
         label: 'MAC 地址',
-        value: realtime?.mac_address || '-'
+        value: realtime?.mac_address || '-',
+        icon: 'mac-address'
       },
       {
         key: 'limit',
@@ -899,28 +1059,34 @@
             ? '-'
             : realtime.limit_speed
               ? `${realtime.limit_speed} KB/s`
-              : '不限速'
+              : '不限速',
+        icon: 'speed-limit'
       },
       {
         key: 'switchMode',
         label: '切卡模式',
-        value: realtime?.switch_mode === '0' ? '自动' : realtime?.switch_mode === '1' ? '手动' : '-'
+        value:
+          realtime?.switch_mode === '0' ? '自动' : realtime?.switch_mode === '1' ? '手动' : '-',
+        icon: 'switch-mode'
       },
       {
         key: 'interval',
         label: '上报周期',
-        value: realtime?.sync_interval ? `${realtime.sync_interval} 秒` : '-'
+        value: realtime?.sync_interval ? `${realtime.sync_interval} 秒` : '-',
+        icon: 'report-interval'
       },
       {
         key: 'firmware',
         label: '固件版本',
         value: realtime?.software_version || '-',
+        icon: 'firmware-version',
         span: descriptionsColumn.value >= 5 ? 2 : 1
       },
       {
         key: 'updated',
         label: '信息更新时间',
-        value: formatDateTime(realtime?.last_update_time) || '-'
+        value: formatDateTime(realtime?.last_update_time) || '-',
+        icon: 'realtime-updated'
       }
     ]
   })
@@ -1170,6 +1336,256 @@
         }
       }
 
+      .asset-descriptions {
+        :deep(.el-descriptions__label.is-vertical-label) {
+          padding: 8px 15px;
+          font-size: 12px;
+          font-weight: 500;
+          line-height: 18px;
+          color: var(--el-text-color-secondary);
+          background-color: var(--el-fill-color-extra-light);
+        }
+
+        :deep(.asset-label::before) {
+          display: inline-block;
+          width: 16px;
+          height: 16px;
+          margin-right: 6px;
+          font-family: iconfont-sys, sans-serif !important;
+          font-size: 16px;
+          line-height: 1;
+          vertical-align: -3px;
+          color: var(--el-color-primary);
+          content: '';
+          opacity: 0.82;
+        }
+
+        :deep(.asset-label--identifier-iccid::before) {
+          content: '\e81a';
+        }
+
+        :deep(.asset-label--identifier-msisdn::before) {
+          content: '\e776';
+        }
+
+        :deep(.asset-label--operator-account::before) {
+          content: '\e70d';
+        }
+
+        :deep(.asset-label--realname-status::before) {
+          color: var(--el-color-success);
+          content: '\e88b';
+        }
+
+        :deep(.asset-label--realname-policy::before) {
+          color: var(--el-color-warning);
+          content: '\e75d';
+        }
+
+        :deep(.asset-label--shop::before) {
+          content: '\e737';
+        }
+
+        :deep(.asset-label--package-series::before) {
+          content: '\e762';
+        }
+
+        :deep(.asset-label--virtual-number::before) {
+          content: '\e7bd';
+        }
+
+        :deep(.asset-label--network-status::before) {
+          content: '\e757';
+        }
+
+        :deep(.asset-label--usage-month::before) {
+          content: '\e812';
+        }
+
+        :deep(.asset-label--usage-cycle::before) {
+          content: '\e82a';
+        }
+
+        :deep(.asset-label--realname-time::before) {
+          content: '\e6f7';
+        }
+
+        :deep(.asset-label--realname-sync::before) {
+          content: '\e793';
+        }
+
+        :deep(.asset-label--identifier-imei::before) {
+          content: '\e8d3';
+        }
+
+        :deep(.asset-label--asset-status::before) {
+          color: var(--el-color-success);
+          content: '\e88c';
+        }
+
+        :deep(.asset-label--card-sync::before) {
+          content: '\e7d3';
+        }
+
+        :deep(.asset-label--traffic-sync::before) {
+          content: '\e7e1';
+        }
+
+        :deep(.asset-label--operator-status::before) {
+          content: '\e871';
+        }
+
+        :deep(.asset-label--package-used::before) {
+          content: '\e742';
+        }
+
+        :deep(.asset-label--package-remaining::before) {
+          content: '\e7d9';
+        }
+
+        :deep(.asset-label--package-expire-estimate::before) {
+          content: '\e6f3';
+        }
+
+        :deep(.asset-label--bound-device-number::before) {
+          content: '\e851';
+        }
+
+        :deep(.asset-label--bound-device-name::before) {
+          content: '\e6ef';
+        }
+
+        :deep(.asset-label--device-name::before) {
+          content: '\e7d8';
+        }
+
+        :deep(.asset-label--device-status::before) {
+          color: var(--el-color-success);
+          content: '\e708';
+        }
+
+        :deep(.asset-label--activation-status::before) {
+          color: var(--el-color-warning);
+          content: '\e81c';
+        }
+
+        :deep(.asset-label--device-model::before) {
+          content: '\e7a7';
+        }
+
+        :deep(.asset-label--online-status::before) {
+          content: '\e6b2';
+        }
+
+        :deep(.asset-label--switch-mode::before) {
+          content: '\e72b';
+        }
+
+        :deep(.asset-label--bound-card-count::before) {
+          content: '\e730';
+        }
+
+        :deep(.asset-label--max-slots::before) {
+          content: '\e620';
+        }
+
+        :deep(.asset-label--device-type::before) {
+          content: '\e740';
+        }
+
+        :deep(.asset-label--manufacturer::before) {
+          content: '\e8a6';
+        }
+
+        :deep(.asset-label--last-online::before) {
+          content: '\e751';
+        }
+
+        :deep(.asset-label--identifier-sn::before) {
+          content: '\e72a';
+        }
+
+        :deep(.asset-label--last-sync::before) {
+          content: '\e614';
+        }
+
+        :deep(.asset-label--battery::before) {
+          color: var(--el-color-success);
+          content: '\e6e5';
+        }
+
+        :deep(.asset-label--boot-time::before) {
+          content: '\e827';
+        }
+
+        :deep(.asset-label--connection-time::before) {
+          content: '\e790';
+        }
+
+        :deep(.asset-label--signal-quality::before) {
+          content: '\e808';
+        }
+
+        :deep(.asset-label--signal-reason::before) {
+          color: var(--el-color-warning);
+          content: '\e600';
+        }
+
+        :deep(.asset-label--connected-clients::before) {
+          content: '\e608';
+        }
+
+        :deep(.asset-label--wifi-status::before) {
+          content: '\e7ee';
+        }
+
+        :deep(.asset-label--wifi-name::before) {
+          content: '\e841';
+        }
+
+        :deep(.asset-label--wifi-password::before) {
+          color: var(--el-color-warning);
+          content: '\e716';
+        }
+
+        :deep(.asset-label--wan-ip::before) {
+          content: '\e611';
+        }
+
+        :deep(.asset-label--lan-ip::before) {
+          content: '\e607';
+        }
+
+        :deep(.asset-label--mac-address::before) {
+          content: '\e68b';
+        }
+
+        :deep(.asset-label--speed-limit::before) {
+          content: '\e827';
+        }
+
+        :deep(.asset-label--report-interval::before) {
+          content: '\e7ac';
+        }
+
+        :deep(.asset-label--firmware-version::before) {
+          content: '\e726';
+        }
+
+        :deep(.asset-label--realtime-updated::before) {
+          content: '\e6b3';
+        }
+
+        :deep(.el-descriptions__content.is-vertical-content) {
+          padding: 8px 15px;
+          font-size: 14px;
+          font-weight: 500;
+          line-height: 23px;
+          color: var(--el-text-color-primary);
+          overflow-wrap: anywhere;
+        }
+      }
+
       .binding-card-list {
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
diff --git a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
index bf1599c..138c71a 100644
--- a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
+++ b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue
@@ -181,35 +181,73 @@
       </div>
 
       <!-- 套餐详情表格 -->
-      <ElDescriptions :column="descriptionsColumn" direction="vertical" border size="large">
-        <ElDescriptionsItem label="订单号">
+      <ElDescriptions
+        class="asset-descriptions"
+        :column="descriptionsColumn"
+        direction="vertical"
+        border
+        size="large"
+      >
+        <ElDescriptionsItem
+          label="订单号"
+          label-class-name="asset-label asset-label--package-order"
+        >
           {{ currentPackage.order_no || '-' }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="套餐名称">
+        <ElDescriptionsItem
+          label="套餐名称"
+          label-class-name="asset-label asset-label--package-name"
+        >
           {{ currentPackage.package_name || '-' }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="套餐成本价格" v-if="isAdminOrPlatform">
+        <ElDescriptionsItem
+          label="套餐成本价格"
+          label-class-name="asset-label asset-label--package-cost"
+          v-if="isAdminOrPlatform"
+        >
           {{ formatAmount(currentPackage.paid_amount || 0) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="套餐零售价">
+        <ElDescriptionsItem
+          label="套餐零售价"
+          label-class-name="asset-label asset-label--package-retail"
+        >
           {{ formatAmount(currentPackage.retail_amount || 0) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="套餐类型">
+        <ElDescriptionsItem
+          label="套餐类型"
+          label-class-name="asset-label asset-label--package-type"
+        >
           {{ getPackageTypeName(currentPackage.package_type) }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="开始时间">
+        <ElDescriptionsItem
+          label="开始时间"
+          label-class-name="asset-label asset-label--package-start"
+        >
           {{ formatDateTime(currentPackage.start_time) || '-' }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="到期时间">
+        <ElDescriptionsItem
+          label="到期时间"
+          label-class-name="asset-label asset-label--package-expire"
+        >
           {{ formatDateTime(currentPackage.expire_time) || '-' }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="下单时间">
+        <ElDescriptionsItem
+          label="下单时间"
+          label-class-name="asset-label asset-label--package-created"
+        >
           {{ formatDateTime(currentPackage.created_at) || '-' }}
         </ElDescriptionsItem>
-        <ElDescriptionsItem v-if="currentPackage.duration_days" label="套餐时长">
+        <ElDescriptionsItem
+          v-if="currentPackage.duration_days"
+          label="套餐时长"
+          label-class-name="asset-label asset-label--package-duration"
+        >
           {{ currentPackage.duration_days }}天
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="到期计时基准">
+        <ElDescriptionsItem
+          label="到期计时基准"
+          label-class-name="asset-label asset-label--package-base"
+        >
           {{ getExpiryBaseLabel(currentPackage.expiry_base) }}
         </ElDescriptionsItem>
       </ElDescriptions>
@@ -318,6 +356,82 @@
 
 <style scoped lang="scss">
   .current-package-section {
+    .asset-descriptions {
+      :deep(.el-descriptions__label.is-vertical-label) {
+        padding: 8px 15px;
+        font-size: 12px;
+        font-weight: 500;
+        line-height: 18px;
+        color: var(--el-text-color-secondary);
+        background-color: var(--el-fill-color-extra-light);
+      }
+
+      :deep(.asset-label::before) {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        margin-right: 6px;
+        font-family: iconfont-sys, sans-serif !important;
+        font-size: 16px;
+        line-height: 1;
+        vertical-align: -3px;
+        color: var(--el-color-primary);
+        content: '';
+        opacity: 0.82;
+      }
+
+      :deep(.asset-label--package-order::before) {
+        content: '\e70f';
+      }
+
+      :deep(.asset-label--package-name::before) {
+        content: '\e775';
+      }
+
+      :deep(.asset-label--package-cost::before) {
+        color: var(--el-color-warning);
+        content: '\e815';
+      }
+
+      :deep(.asset-label--package-retail::before) {
+        color: var(--el-color-success);
+        content: '\e6f5';
+      }
+
+      :deep(.asset-label--package-type::before) {
+        content: '\e723';
+      }
+
+      :deep(.asset-label--package-start::before) {
+        content: '\e751';
+      }
+
+      :deep(.asset-label--package-expire::before) {
+        content: '\e76a';
+      }
+
+      :deep(.asset-label--package-created::before) {
+        content: '\e6ce';
+      }
+
+      :deep(.asset-label--package-duration::before) {
+        content: '\e7af';
+      }
+
+      :deep(.asset-label--package-base::before) {
+        content: '\e7b1';
+      }
+
+      :deep(.el-descriptions__content.is-vertical-content) {
+        padding: 8px 15px;
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 23px;
+        color: var(--el-text-color-primary);
+        overflow-wrap: anywhere;
+      }
+    }
+
     .info-section-divider {
       display: flex;
       height: 20px;
diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index 8786fe2..cf97efb 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -13,7 +13,7 @@
         </div>
       </div>
     </template>
-    <div v-loading="loading" class="package-table-wrapper">
+    <div v-loading="props.loading" class="package-table-wrapper">
       <!-- 绑定设备提示 -->
       <ElEmpty v-if="props.boundDeviceId" :image-size="100">
         <template #description>
diff --git a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
index 7efe058..26fdaff 100644
--- a/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
+++ b/src/views/asset-management/asset-information/components/WalletTransactionCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <ElCard shadow="never" class="info-card wallet-info" v-loading="walletLoading">
+  <ElCard shadow="never" class="info-card wallet-info" v-loading="props.walletLoading">
     <template #header>
       <div class="card-header wallet-header">
         <div class="wallet-header-top">
diff --git a/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue b/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue
index 66b72ce..f50f138 100644
--- a/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue
+++ b/src/views/asset-management/asset-information/components/dialogs/DailyRecordsDialog.vue
@@ -51,13 +51,13 @@
 
       <!-- 每日流量记录表格 -->
       <ElTable :data="filteredRecords" border stripe max-height="400" v-loading="loading">
-        <ElTableColumn prop="date" label="日期" width="120" align="center" />
-        <ElTableColumn label="当日使用流量" width="150" align="center">
+        <ElTableColumn prop="date" label="日期" width="120" />
+        <ElTableColumn label="当日使用流量" width="150">
           <template #default="{ row }">
             {{ formatDataSize(row.daily_usage_mb) }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="累计流量" width="150" align="center">
+        <ElTableColumn label="累计流量" width="150">
           <template #default="{ row }">
             {{ formatDataSize(row.cumulative_usage_mb) }}
           </template>
diff --git a/src/views/common/account-list.vue b/src/views/common/account-list.vue
index 08617b5..408556a 100644
--- a/src/views/common/account-list.vue
+++ b/src/views/common/account-list.vue
@@ -634,7 +634,7 @@
           dialogVisible.value = false
 
           // 刷新列表
-          getTableData()
+          await getTableData()
         } catch (error) {
           console.error(error)
           console.log('添加账号失败')
diff --git a/src/views/package-management/package-list/index.vue b/src/views/package-management/package-list/index.vue
index 2d65466..1619459 100644
--- a/src/views/package-management/package-list/index.vue
+++ b/src/views/package-management/package-list/index.vue
@@ -1385,7 +1385,7 @@
     }
 
     // 重置表单验证状态
-    nextTick(() => {
+    await nextTick(() => {
       formRef.value?.clearValidate()
     })
   }
diff --git a/src/views/package-management/series-grants/index.vue b/src/views/package-management/series-grants/index.vue
index 9ebacbd..9c0ee72 100644
--- a/src/views/package-management/series-grants/index.vue
+++ b/src/views/package-management/series-grants/index.vue
@@ -843,7 +843,7 @@
         baseRules.one_time_commission_amount = [
           { required: true, message: '请输入固定佣金金额', trigger: 'blur' },
           {
-            validator: (rule, value, callback) => {
+            validator: (_rule, value, callback) => {
               if (value === undefined || value === null || value === '') {
                 callback(new Error('请输入固定佣金金额'))
               } else if (value < 0) {
@@ -867,7 +867,7 @@
       } else if (form.commission_type === 'tiered') {
         baseRules.commission_tiers = [
           {
-            validator: (rule, value, callback) => {
+            validator: (_rule, value, callback) => {
               if (!value || value.length === 0) {
                 callback(new Error('请至少添加一个梯度配置'))
                 return
@@ -1288,7 +1288,7 @@
           }
 
           // 仅在已选择目标店铺后加载该组合的授权套餐候选项
-          loadGrantPackageOptions()
+          await loadGrantPackageOptions()
         } else {
           // 未选择系列，重置佣金类型
           form.series_name = ''
@@ -1682,7 +1682,7 @@
     }
 
     // 重置表单验证状态
-    nextTick(() => {
+    await nextTick(() => {
       formRef.value?.clearValidate()
     })
   }
diff --git a/src/views/package-management/series-grants/packages.vue b/src/views/package-management/series-grants/packages.vue
index 4b6a506..0e83beb 100644
--- a/src/views/package-management/series-grants/packages.vue
+++ b/src/views/package-management/series-grants/packages.vue
@@ -253,7 +253,7 @@
         trigger: 'blur'
       },
       {
-        validator: (rule, value, callback) => {
+        validator: (_rule, value, callback) => {
           if (value === undefined || value === null || value === '') {
             callback(new Error('请输入成本价'))
           } else if (value < 0) {
diff --git a/src/views/polling-management/alert-history/index.vue b/src/views/polling-management/alert-history/index.vue
index 778fdcb..53e1bec 100644
--- a/src/views/polling-management/alert-history/index.vue
+++ b/src/views/polling-management/alert-history/index.vue
@@ -57,7 +57,7 @@
 
 <script setup lang="ts">
   import { ref, reactive, computed, onMounted, h } from 'vue'
-  import { ElMessage, ElTag } from 'element-plus'
+  import { ElTag } from 'element-plus'
   import { PollingAlertService } from '@/api/modules'
   import type {
     PollingAlertHistory,
@@ -264,7 +264,7 @@
     loadData()
   }
 
-  const handleRowContextMenu = (row: PollingAlertHistory, column: any, event: MouseEvent) => {
+  const handleRowContextMenu = (row: PollingAlertHistory, _column: any, event: MouseEvent) => {
     event.preventDefault()
     event.stopPropagation()
     currentClickRow.value = row
diff --git a/src/views/polling-management/alert-rules/index.vue b/src/views/polling-management/alert-rules/index.vue
index 566c7c0..fa26c80 100644
--- a/src/views/polling-management/alert-rules/index.vue
+++ b/src/views/polling-management/alert-rules/index.vue
@@ -379,7 +379,7 @@
         })
         dialogType.value = 'edit'
         dialogVisible.value = true
-        nextTick(() => {
+        await nextTick(() => {
           formRef.value?.clearValidate()
         })
       }
@@ -398,7 +398,7 @@
             if (res.code === 0) {
               ElMessage.success('创建成功')
               dialogVisible.value = false
-              loadData()
+              await loadData()
             }
           } else {
             const { id, metric_type, task_type, operator, ...updateData } = form
@@ -406,7 +406,7 @@
             if (res.code === 0) {
               ElMessage.success('更新成功')
               dialogVisible.value = false
-              loadData()
+              await loadData()
             }
           }
         } catch (error) {
@@ -422,7 +422,7 @@
       const res = await PollingAlertService.updatePollingAlertRule(row.id, { status: newStatus })
       if (res.code === 0) {
         ElMessage.success(newStatus === 1 ? '已启用' : '已禁用')
-        loadData()
+        await loadData()
       }
     } catch (error) {
       console.log('操作失败')
@@ -439,7 +439,7 @@
         const res = await PollingAlertService.deletePollingAlertRule(row.id)
         if (res.code === 0) {
           ElMessage.success('删除成功')
-          loadData()
+          await loadData()
         }
       } catch (error) {
         console.log('删除失败')
diff --git a/src/views/polling-management/config/index.vue b/src/views/polling-management/config/index.vue
index 8fda64a..cfdd928 100644
--- a/src/views/polling-management/config/index.vue
+++ b/src/views/polling-management/config/index.vue
@@ -611,7 +611,7 @@
         card_status_check_interval: data.card_status_check_interval
       })
       dialogVisible.value = true
-      nextTick(() => {
+      await nextTick(() => {
         formRef.value?.clearValidate()
       })
     } catch {
diff --git a/src/views/settings/withdrawal-settings/index.vue b/src/views/settings/withdrawal-settings/index.vue
index 39f7efb..65aff55 100644
--- a/src/views/settings/withdrawal-settings/index.vue
+++ b/src/views/settings/withdrawal-settings/index.vue
@@ -87,13 +87,10 @@
   import type { FormInstance, FormRules } from 'element-plus'
   import type { WithdrawalSettingItem } from '@/types/api/commission'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
-  import { useAuth } from '@/composables/useAuth'
   import { formatDateTime, formatMoney, formatFeeRate } from '@/utils/business/format'
 
   defineOptions({ name: 'WithdrawalSettings' })
 
-  const { hasAuth } = useAuth()
-
   const dialogVisible = ref(false)
   const loading = ref(false)
   const submitLoading = ref(false)
@@ -235,7 +232,7 @@
           ElMessage.success('新增配置成功')
           dialogVisible.value = false
           formEl.resetFields()
-          loadSettingsList()
+          await loadSettingsList()
         } catch (error) {
           console.error(error)
         } finally {
diff --git a/src/views/system/carrier-management/index.vue b/src/views/system/carrier-management/index.vue
index 06f0f4d..639dc86 100644
--- a/src/views/system/carrier-management/index.vue
+++ b/src/views/system/carrier-management/index.vue
@@ -254,7 +254,7 @@
     description: [{ max: 500, message: '描述不能超过500个字符', trigger: 'blur' }],
     data_reset_day: [
       {
-        validator: (rule: any, value: any, callback: any) => {
+        validator: (_rule: any, value: any, callback: any) => {
           if (value === null || value === undefined || value === '') {
             callback() // 允许为空
           } else {
@@ -277,7 +277,7 @@
     realname_link_template: [
       {
         required: true,
-        validator: (rule: any, value: any, callback: any) => {
+        validator: (_rule: any, value: any, callback: any) => {
           if (form.realname_link_type === 'template' && !value) {
             callback(new Error('请输入实名链接模板'))
           } else {