From 59167d2630caef5ecbdd8861b83de3312c1f7954 Mon Sep 17 00:00:00 2001
From: sexygoat <1538832180@qq.com>
Date: Tue, 19 May 2026 15:14:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8D=A1/=E8=AE=BE=E5=A4=87=E6=98=AF?=
 =?UTF-8?q?=E5=90=A6=E6=9C=89=E7=94=9F=E6=95=88=E5=A5=97=E9=A4=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../proposal.md                               |   43 +
 .../specs/device-management/spec.md           |   44 +
 .../specs/iot-card-management/spec.md         |   44 +
 .../tasks.md                                  |   18 +
 .../proposal.md                               |   31 +
 .../specs/device-series-binding/spec.md       |   16 +
 .../specs/iot-card-management/spec.md         |   53 +
 .../specs/iot-card-series-binding/spec.md     |   16 +
 .../tasks.md                                  |   10 +
 src/api/modules/card.ts                       |    8 +-
 src/types/api/card.ts                         |    3 +
 src/types/api/device.ts                       |    1 +
 .../asset-management/device-list/index.vue    | 3982 ++++++++---------
 .../iot-card-management/index.vue             | 3486 +++++++--------
 14 files changed, 3792 insertions(+), 3963 deletions(-)
 create mode 100644 openspec/changes/update-asset-search-has-active-package-filter/proposal.md
 create mode 100644 openspec/changes/update-asset-search-has-active-package-filter/specs/device-management/spec.md
 create mode 100644 openspec/changes/update-asset-search-has-active-package-filter/specs/iot-card-management/spec.md
 create mode 100644 openspec/changes/update-asset-search-has-active-package-filter/tasks.md
 create mode 100644 openspec/changes/update-batch-range-count-hints-formatting/proposal.md
 create mode 100644 openspec/changes/update-batch-range-count-hints-formatting/specs/device-series-binding/spec.md
 create mode 100644 openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-management/spec.md
 create mode 100644 openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-series-binding/spec.md
 create mode 100644 openspec/changes/update-batch-range-count-hints-formatting/tasks.md

diff --git a/openspec/changes/update-asset-search-has-active-package-filter/proposal.md b/openspec/changes/update-asset-search-has-active-package-filter/proposal.md
new file mode 100644
index 0000000..5c16acc
--- /dev/null
+++ b/openspec/changes/update-asset-search-has-active-package-filter/proposal.md
@@ -0,0 +1,43 @@
+# Change: 为 IoT 卡管理和设备管理新增生效套餐筛选
+
+## Why
+
+当前后台的 IoT 卡管理页和设备管理页都缺少“是否有生效中的套餐”搜索条件，运营人员无法直接按资产当前是否存在生效中的套餐快速筛选目标记录。
+
+本次需求要求两个列表统一新增该筛选能力，并通过查询参数 `has_active_package` 向后端传递筛选条件，避免用户依赖列表详情或手工比对来判断。
+
+## What Changes
+
+- 在 IoT 卡管理页搜索栏新增 `是否有生效中的套餐` 筛选项：
+  - 使用“是 / 否”布尔选项
+  - 向 `GET /api/admin/iot-cards/standalone` 提交可选查询参数 `has_active_package`
+  - 未选择时不提交该参数
+- 在设备管理页搜索栏新增 `是否有生效中的套餐` 筛选项：
+  - 使用“是 / 否”布尔选项
+  - 向 `GET /api/admin/devices` 提交可选查询参数 `has_active_package`
+  - 未选择时不提交该参数
+- 补齐前端类型契约与搜索状态管理：
+  - `StandaloneCardQueryParams` 支持 `has_active_package`
+  - `DeviceQueryParams` 支持 `has_active_package`
+  - 搜索、重置、翻页、刷新流程中正确保留或清空该条件
+- 明确 `false` 是有效筛选值：
+  - 选择“否”时必须提交 `has_active_package=false`
+  - 前端不得因为通用空值清理或 `|| undefined` 之类的写法丢掉该参数
+
+## Impact
+
+- Affected specs:
+  - `iot-card-management`
+  - `device-management`
+- Affected code:
+  - `src/types/api/card.ts`
+  - `src/types/api/device.ts`
+  - `src/api/modules/card.ts`
+  - `src/api/modules/device.ts`
+  - `src/views/asset-management/iot-card-management/index.vue`
+  - `src/views/asset-management/device-list/index.vue`
+- Dependencies:
+  - `GET /api/admin/iot-cards/standalone`
+  - `GET /api/admin/devices`
+- Breaking changes:
+  - 无
diff --git a/openspec/changes/update-asset-search-has-active-package-filter/specs/device-management/spec.md b/openspec/changes/update-asset-search-has-active-package-filter/specs/device-management/spec.md
new file mode 100644
index 0000000..78736e0
--- /dev/null
+++ b/openspec/changes/update-asset-search-has-active-package-filter/specs/device-management/spec.md
@@ -0,0 +1,44 @@
+## ADDED Requirements
+
+### Requirement: Device Active Package Query Contract
+
+The device management list integration SHALL support filtering records by whether the device currently has an active package via the query parameter `has_active_package`.
+
+#### Scenario: Query devices with active package
+
+- **GIVEN** 用户正在后台设备管理页查询列表
+- **WHEN** 用户在 `是否有生效中的套餐` 中选择“是”并执行搜索
+- **THEN** 系统 MUST 调用 `GET /api/admin/devices`
+- **AND** 请求 MUST 提交 `has_active_package=true`
+
+#### Scenario: Query devices without active package
+
+- **GIVEN** 用户正在后台设备管理页查询列表
+- **WHEN** 用户在 `是否有生效中的套餐` 中选择“否”并执行搜索
+- **THEN** 系统 MUST 调用 `GET /api/admin/devices`
+- **AND** 请求 MUST 提交 `has_active_package=false`
+- **AND** 前端 MUST NOT 因为该值为 `false` 而省略此参数
+
+#### Scenario: Omit active package filter when not selected
+
+- **GIVEN** 用户未选择 `是否有生效中的套餐`
+- **WHEN** 用户执行设备列表搜索、刷新或翻页
+- **THEN** 列表请求 MUST NOT 携带 `has_active_package`
+
+### Requirement: Device Active Package Search Filter
+
+The device management page SHALL provide a search filter labeled `是否有生效中的套餐` and keep its selected state consistent across list interactions.
+
+#### Scenario: Show yes and no options for active package filter
+
+- **GIVEN** 用户打开后台设备管理页
+- **WHEN** 页面渲染搜索栏
+- **THEN** 页面 MUST 显示 `是否有生效中的套餐` 筛选项
+- **AND** 该筛选项 MUST 提供“是”和“否”两个可选值
+
+#### Scenario: Reset clears active package filter
+
+- **GIVEN** 用户已经在 `是否有生效中的套餐` 中选择了“是”或“否”
+- **WHEN** 用户重置搜索条件
+- **THEN** 页面 MUST 清空该筛选项
+- **AND** 后续列表请求 MUST NOT 再携带 `has_active_package`
diff --git a/openspec/changes/update-asset-search-has-active-package-filter/specs/iot-card-management/spec.md b/openspec/changes/update-asset-search-has-active-package-filter/specs/iot-card-management/spec.md
new file mode 100644
index 0000000..dde03bd
--- /dev/null
+++ b/openspec/changes/update-asset-search-has-active-package-filter/specs/iot-card-management/spec.md
@@ -0,0 +1,44 @@
+## ADDED Requirements
+
+### Requirement: IoT Card Active Package Query Contract
+
+The IoT card management list integration SHALL support filtering records by whether the card currently has an active package via the query parameter `has_active_package`.
+
+#### Scenario: Query IoT cards with active package
+
+- **GIVEN** 用户正在后台 IoT 卡管理页查询列表
+- **WHEN** 用户在 `是否有生效中的套餐` 中选择“是”并执行搜索
+- **THEN** 系统 MUST 调用 `GET /api/admin/iot-cards/standalone`
+- **AND** 请求 MUST 提交 `has_active_package=true`
+
+#### Scenario: Query IoT cards without active package
+
+- **GIVEN** 用户正在后台 IoT 卡管理页查询列表
+- **WHEN** 用户在 `是否有生效中的套餐` 中选择“否”并执行搜索
+- **THEN** 系统 MUST 调用 `GET /api/admin/iot-cards/standalone`
+- **AND** 请求 MUST 提交 `has_active_package=false`
+- **AND** 前端 MUST NOT 因为该值为 `false` 而省略此参数
+
+#### Scenario: Omit active package filter when not selected
+
+- **GIVEN** 用户未选择 `是否有生效中的套餐`
+- **WHEN** 用户执行 IoT 卡列表搜索、刷新或翻页
+- **THEN** 列表请求 MUST NOT 携带 `has_active_package`
+
+### Requirement: IoT Card Active Package Search Filter
+
+The IoT card management page SHALL provide a search filter labeled `是否有生效中的套餐` and keep its selected state consistent across list interactions.
+
+#### Scenario: Show yes and no options for active package filter
+
+- **GIVEN** 用户打开后台 IoT 卡管理页
+- **WHEN** 页面渲染搜索栏
+- **THEN** 页面 MUST 显示 `是否有生效中的套餐` 筛选项
+- **AND** 该筛选项 MUST 提供“是”和“否”两个可选值
+
+#### Scenario: Reset clears active package filter
+
+- **GIVEN** 用户已经在 `是否有生效中的套餐` 中选择了“是”或“否”
+- **WHEN** 用户重置搜索条件
+- **THEN** 页面 MUST 清空该筛选项
+- **AND** 后续列表请求 MUST NOT 再携带 `has_active_package`
diff --git a/openspec/changes/update-asset-search-has-active-package-filter/tasks.md b/openspec/changes/update-asset-search-has-active-package-filter/tasks.md
new file mode 100644
index 0000000..d75eb44
--- /dev/null
+++ b/openspec/changes/update-asset-search-has-active-package-filter/tasks.md
@@ -0,0 +1,18 @@
+## 1. Contract Alignment
+
+- [ ] 1.1 为 `StandaloneCardQueryParams` 新增可选布尔参数 `has_active_package`
+- [ ] 1.2 为 `DeviceQueryParams` 新增可选布尔参数 `has_active_package`
+- [ ] 1.3 检查卡列表与设备列表请求参数组装逻辑，确保选择“否”时的 `has_active_package=false` 不会被误删
+
+## 2. Search UI
+
+- [ ] 2.1 在 IoT 卡管理页搜索栏新增 `是否有生效中的套餐` 筛选，并将选择结果提交为 `has_active_package`
+- [ ] 2.2 在设备管理页搜索栏新增 `是否有生效中的套餐` 筛选，并将选择结果提交为 `has_active_package`
+- [ ] 2.3 确保两个页面在搜索、重置、翻页和刷新时正确保留或清空该筛选条件
+
+## 3. Verification
+
+- [ ] 3.1 验证 IoT 卡管理页选择“是”时请求提交 `has_active_package=true`
+- [ ] 3.2 验证 IoT 卡管理页选择“否”时请求提交 `has_active_package=false`，且不会被省略
+- [ ] 3.3 验证设备管理页选择“是 / 否”时请求都能正确提交 `has_active_package`
+- [ ] 3.4 验证两个页面重置搜索后，后续请求不再携带 `has_active_package`
diff --git a/openspec/changes/update-batch-range-count-hints-formatting/proposal.md b/openspec/changes/update-batch-range-count-hints-formatting/proposal.md
new file mode 100644
index 0000000..de03584
--- /dev/null
+++ b/openspec/changes/update-batch-range-count-hints-formatting/proposal.md
@@ -0,0 +1,31 @@
+# Change: 更新批量号段分配数量提示与格式化展示
+
+## Why
+
+IoT 卡管理中的“批量分配”和“批量回收”已经支持按号段范围提交，但当前在输入起止 ICCID 后不会提示本次将覆盖多少张卡，运营人员仍需手动换算，容易误判批量范围。
+
+同时，现有“批量设置套餐系列绑定”和“批量设置设备套餐系列绑定”虽然已经展示派生数量提示，但大范围操作时直接显示原始整数，可读性不足。需要将这些数量统一为带千分号的展示格式。
+
+## What Changes
+
+- 为 IoT 卡管理中的“批量分配”对话框新增号段范围派生数量提示，文案与现有系列绑定场景保持一致。
+- 为 IoT 卡管理中的“批量回收”对话框新增号段范围派生数量提示，文案与现有系列绑定场景保持一致。
+- 将以下批量 range 提示中的数量统一为千分号格式展示，例如 `1,000`：
+  - IoT 卡“批量分配”
+  - IoT 卡“批量回收”
+  - IoT 卡“批量设置套餐系列绑定”
+  - 设备“批量设置设备套餐系列绑定”
+- 不调整后端接口、请求参数或返回结构，仅补充前端展示与交互约束。
+
+## Impact
+
+- Affected specs:
+  - `iot-card-management`
+  - `iot-card-series-binding`
+  - `device-series-binding`
+- Affected code:
+  - `src/views/asset-management/iot-card-management/index.vue`
+  - `src/views/asset-management/device-list/index.vue`
+- Related changes:
+  - `update-asset-carrier-status-and-range-allocation-hints`
+  - `update-batch-series-binding-contract`
diff --git a/openspec/changes/update-batch-range-count-hints-formatting/specs/device-series-binding/spec.md b/openspec/changes/update-batch-range-count-hints-formatting/specs/device-series-binding/spec.md
new file mode 100644
index 0000000..89a69a1
--- /dev/null
+++ b/openspec/changes/update-batch-range-count-hints-formatting/specs/device-series-binding/spec.md
@@ -0,0 +1,16 @@
+## ADDED Requirements
+
+### Requirement: Device Batch Series Binding Range Allocation Hint Formatting
+
+The device batch series binding dialog SHALL render its derived device-range allocation-count hint using decimal thousands separators.
+
+The displayed count MUST continue to map to the same accepted numeric range as `virtual_no_end - virtual_no_start + 1`.
+
+#### Scenario: Format device batch series binding range count with thousands separators
+
+- **GIVEN** 用户打开“批量设置设备套餐系列绑定”对话框
+- **AND** 用户选择 `selection_type="range"`
+- **WHEN** 用户输入一个有效设备号范围，且派生数量为 `1000`
+- **THEN** 对话框 MUST 显示 `共分配1,000台设备`
+- **AND** 对话框 MUST NOT 显示未分组的 `共分配1000台设备`
+- **AND** 当任一端点变化时，格式化后的数量 MUST 立即更新
diff --git a/openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-management/spec.md b/openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-management/spec.md
new file mode 100644
index 0000000..cf65239
--- /dev/null
+++ b/openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-management/spec.md
@@ -0,0 +1,53 @@
+## ADDED Requirements
+
+### Requirement: IoT Card Batch Allocation Range Allocation Hint
+
+The IoT card batch allocation dialog SHALL provide a derived allocation-count hint for ICCID range selection.
+
+The hint MUST appear immediately below the `iccid_start` and `iccid_end` inputs when `selection_type="range"`.
+
+The count MUST be computed with exact integer arithmetic as `iccid_end - iccid_start + 1` so that long ICCID values do not lose precision.
+
+When displayed, the count MUST use decimal thousands separators, for example `1,000`.
+
+#### Scenario: Show allocation count for a valid ICCID range in batch allocation
+
+- **GIVEN** 用户打开“批量分配”对话框
+- **AND** 用户选择 `selection_type="range"`
+- **WHEN** 用户输入有效的 `iccid_start` 和 `iccid_end`，且计算结果为正整数
+- **THEN** 对话框 MUST 显示 `共分配xxx张卡`
+- **AND** `xxx` MUST 等于 `iccid_end - iccid_start + 1`
+- **AND** 当数量大于等于 `1000` 时，`xxx` MUST 使用千分号格式展示
+- **AND** 当任一端点变化时，提示 MUST 立即更新
+
+#### Scenario: Hide allocation count for incomplete or invalid ICCID ranges in batch allocation
+
+- **GIVEN** 用户选择 `selection_type="range"`
+- **WHEN** 任一起止 ICCID 为空、无法按整数计算，或计算结果小于 `1`
+- **THEN** 对话框 MUST NOT 显示误导性的数量提示
+
+### Requirement: IoT Card Batch Recall Range Allocation Hint
+
+The IoT card batch recall dialog SHALL provide a derived allocation-count hint for ICCID range selection.
+
+The hint MUST appear immediately below the `iccid_start` and `iccid_end` inputs when `selection_type="range"`.
+
+The count MUST be computed with exact integer arithmetic as `iccid_end - iccid_start + 1` so that long ICCID values do not lose precision.
+
+When displayed, the count MUST use decimal thousands separators, for example `1,000`.
+
+#### Scenario: Show allocation count for a valid ICCID range in batch recall
+
+- **GIVEN** 用户打开“批量回收”对话框
+- **AND** 用户选择 `selection_type="range"`
+- **WHEN** 用户输入有效的 `iccid_start` 和 `iccid_end`，且计算结果为正整数
+- **THEN** 对话框 MUST 显示 `共分配xxx张卡`
+- **AND** `xxx` MUST 等于 `iccid_end - iccid_start + 1`
+- **AND** 当数量大于等于 `1000` 时，`xxx` MUST 使用千分号格式展示
+- **AND** 当任一端点变化时，提示 MUST 立即更新
+
+#### Scenario: Hide allocation count for incomplete or invalid ICCID ranges in batch recall
+
+- **GIVEN** 用户选择 `selection_type="range"`
+- **WHEN** 任一起止 ICCID 为空、无法按整数计算，或计算结果小于 `1`
+- **THEN** 对话框 MUST NOT 显示误导性的数量提示
diff --git a/openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-series-binding/spec.md b/openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-series-binding/spec.md
new file mode 100644
index 0000000..40fddf4
--- /dev/null
+++ b/openspec/changes/update-batch-range-count-hints-formatting/specs/iot-card-series-binding/spec.md
@@ -0,0 +1,16 @@
+## ADDED Requirements
+
+### Requirement: IoT Card Batch Series Binding Range Allocation Hint Formatting
+
+The IoT card batch series binding dialog SHALL render its derived ICCID range allocation-count hint using decimal thousands separators.
+
+The displayed count MUST continue to be derived from exact integer arithmetic as `iccid_end - iccid_start + 1`.
+
+#### Scenario: Format batch series binding range count with thousands separators
+
+- **GIVEN** 用户打开“批量设置套餐系列绑定”对话框
+- **AND** 用户选择 `selection_type="range"`
+- **WHEN** 用户输入一个有效 ICCID 范围，且派生数量为 `1000`
+- **THEN** 对话框 MUST 显示 `共分配1,000张卡`
+- **AND** 对话框 MUST NOT 显示未分组的 `共分配1000张卡`
+- **AND** 当任一端点变化时，格式化后的数量 MUST 立即更新
diff --git a/openspec/changes/update-batch-range-count-hints-formatting/tasks.md b/openspec/changes/update-batch-range-count-hints-formatting/tasks.md
new file mode 100644
index 0000000..ea3afb8
--- /dev/null
+++ b/openspec/changes/update-batch-range-count-hints-formatting/tasks.md
@@ -0,0 +1,10 @@
+## 1. Specification
+
+- [x] 1.1 为 IoT 卡管理“批量分配”补充号段范围派生数量提示 requirement，并明确无效范围时不展示提示
+- [x] 1.2 为 IoT 卡管理“批量回收”补充号段范围派生数量提示 requirement，并明确无效范围时不展示提示
+- [x] 1.3 为 IoT 卡“批量设置套餐系列绑定”和设备“批量设置设备套餐系列绑定”补充千分号格式化 requirement
+- [x] 1.4 明确所有新增或既有的 `共分配` range 提示都使用统一的十进制千分位分组格式
+
+## 2. Validation
+
+- [x] 2.1 运行 `openspec validate update-batch-range-count-hints-formatting --strict`
diff --git a/src/api/modules/card.ts b/src/api/modules/card.ts
index 54d96e9..6c0d622 100644
--- a/src/api/modules/card.ts
+++ b/src/api/modules/card.ts
@@ -24,6 +24,8 @@ import type {
   ImportIotCardResponse,
   IotCardImportTask,
   IotCardImportTaskDetail,
+  StandaloneCardQueryParams,
+  StandaloneIotCard,
   BatchSetCardSeriesBindingRequest,
   BatchSetCardSeriesBindingResponse
 } from '@/types/api'
@@ -318,8 +320,10 @@ export class CardService extends BaseService {
    * 获取单卡列表（未绑定设备）
    * @param params 查询参数
    */
-  static getStandaloneIotCards(params?: any): Promise<PaginationResponse<any>> {
-    return this.getPage('/api/admin/iot-cards/standalone', params)
+  static getStandaloneIotCards(
+    params?: StandaloneCardQueryParams
+  ): Promise<PaginationResponse<StandaloneIotCard>> {
+    return this.getPage<StandaloneIotCard>('/api/admin/iot-cards/standalone', params)
   }
 
   /**
diff --git a/src/types/api/card.ts b/src/types/api/card.ts
index 418f3a3..82bb6e2 100644
--- a/src/types/api/card.ts
+++ b/src/types/api/card.ts
@@ -332,6 +332,9 @@ export enum StandaloneCardStatus {
 
 // 单卡查询参数
 export interface StandaloneCardQueryParams extends PaginationParams {
+  has_active_package?: boolean // has active package filter
+  carrier_name?: string // carrier name filter
+  is_standalone?: boolean // standalone filter
   status?: StandaloneCardStatus // 状态
   carrier_id?: number // 运营商ID
   shop_id?: number // 分销商ID
diff --git a/src/types/api/device.ts b/src/types/api/device.ts
index 8ff177a..60189f4 100644
--- a/src/types/api/device.ts
+++ b/src/types/api/device.ts
@@ -58,6 +58,7 @@ export interface Device {
 
 // 设备查询参数
 export interface DeviceQueryParams extends PaginationParams {
+  has_active_package?: boolean // has active package filter
   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 a46a213..6a0e680 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -2,63 +2,32 @@
   <ArtTableFullScreen>
     <div class="device-list-page" id="table-full-screen">
       <!-- 搜索栏 -->
-      <ArtSearchBar
-        v-model:filter="searchForm"
-        :items="searchFormItems"
-        label-width="100"
-        @reset="handleReset"
-        @search="handleSearch"
-      ></ArtSearchBar>
+      <ArtSearchBar v-model:filter="searchForm" :items="searchFormItems" label-width="120" @reset="handleReset"
+        @search="handleSearch"></ArtSearchBar>
 
       <ElCard shadow="never" class="art-table-card">
         <!-- 表格头部 -->
-        <ArtTableHeader
-          :columnList="columnOptions"
-          v-model:columns="columnChecks"
-          @refresh="handleRefresh"
-        >
+        <ArtTableHeader :columnList="columnOptions" v-model:columns="columnChecks" @refresh="handleRefresh">
           <template #left>
-            <ElButton
-              type="primary"
-              @click="handleBatchAllocate"
-              :disabled="!selectedDevices.length"
-              v-permission="'device:batch_allocate'"
-            >
+            <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 @click="handleBatchRecall" :disabled="!selectedDevices.length"
+              v-permission="'device:batch_recall'">
               批量回收
             </ElButton>
-            <ElButton
-              type="info"
-              @click="handleBatchSetSeries"
-              v-permission="'device:batch_set_series'"
-            >
+            <ElButton type="info" @click="handleBatchSetSeries" v-permission="'device:batch_set_series'">
               批量设置套餐系列
             </ElButton>
           </template>
         </ArtTableHeader>
 
         <!-- 表格 -->
-        <ArtTable
-          ref="tableRef"
-          row-key="id"
-          :loading="loading"
-          :data="deviceList"
-          :currentPage="pagination.page"
-          :pageSize="pagination.pageSize"
-          :total="pagination.total"
-          :marginTop="10"
-          :actions="getActions"
-          :actionsWidth="180"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          @selection-change="handleSelectionChange"
-        >
+        <ArtTable ref="tableRef" row-key="id" :loading="loading" :data="deviceList" :currentPage="pagination.page"
+          :pageSize="pagination.pageSize" :total="pagination.total" :marginTop="10" :actions="getActions"
+          :actionsWidth="180" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          @selection-change="handleSelectionChange">
           <template #default>
             <ElTableColumn type="selection" width="55" />
             <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
@@ -67,43 +36,23 @@
 
         <!-- 批量分配对话框 -->
         <ElDialog v-model="allocateDialogVisible" title="批量分配设备" width="600px">
-          <ElForm
-            ref="allocateFormRef"
-            :model="allocateForm"
-            :rules="allocateRules"
-            label-width="120px"
-          >
+          <ElForm ref="allocateFormRef" :model="allocateForm" :rules="allocateRules" label-width="120px">
             <ElFormItem label="已选设备数">
               <span style="font-weight: bold; color: #409eff">{{ selectedDevices.length }}</span> 台
             </ElFormItem>
             <ElFormItem label="店铺" prop="target_shop_id">
-              <ElCascader
-                v-model="allocateForm.target_shop_id"
-                :options="shopCascadeOptions"
-                :props="shopCascadeProps"
-                placeholder="请选择目标店铺"
-                clearable
-                filterable
-                style="width: 100%"
-              />
+              <ElCascader v-model="allocateForm.target_shop_id" :options="shopCascadeOptions" :props="shopCascadeProps"
+                placeholder="请选择目标店铺" clearable filterable style="width: 100%" />
             </ElFormItem>
             <ElFormItem label="备注">
-              <ElInput
-                v-model="allocateForm.remark"
-                type="textarea"
-                :rows="3"
-                placeholder="请输入备注信息（选填）"
-              />
+              <ElInput v-model="allocateForm.remark" type="textarea" :rows="3" placeholder="请输入备注信息（选填）" />
             </ElFormItem>
           </ElForm>
 
           <!-- 分配结果 -->
           <div v-if="allocateResult" style="margin-top: 20px">
-            <ElAlert
-              :type="allocateResult.fail_count === 0 ? 'success' : 'warning'"
-              :closable="false"
-              style="margin-bottom: 10px"
-            >
+            <ElAlert :type="allocateResult.fail_count === 0 ? 'success' : 'warning'" :closable="false"
+              style="margin-bottom: 10px">
               <template #title>
                 成功分配 {{ allocateResult.success_count }} 台，失败
                 {{ allocateResult.fail_count }} 台
@@ -111,11 +60,8 @@
             </ElAlert>
             <div v-if="allocateResult.failed_items && allocateResult.failed_items.length > 0">
               <div style="margin-bottom: 10px; font-weight: bold">失败详情：</div>
-              <div
-                v-for="item in allocateResult.failed_items"
-                :key="item.device_id"
-                style="margin-bottom: 8px; font-size: 12px; color: #f56c6c"
-              >
+              <div v-for="item in allocateResult.failed_items" :key="item.device_id"
+                style="margin-bottom: 8px; font-size: 12px; color: #f56c6c">
                 设备号: {{ item.virtual_no }} - {{ item.reason }}
               </div>
             </div>
@@ -126,12 +72,7 @@
               <ElButton @click="handleCloseAllocateDialog">
                 {{ allocateResult ? '关闭' : '取消' }}
               </ElButton>
-              <ElButton
-                v-if="!allocateResult"
-                type="primary"
-                @click="handleConfirmAllocate"
-                :loading="allocateLoading"
-              >
+              <ElButton v-if="!allocateResult" type="primary" @click="handleConfirmAllocate" :loading="allocateLoading">
                 确认分配
               </ElButton>
             </div>
@@ -145,33 +86,22 @@
               <span style="font-weight: bold; color: #e6a23c">{{ selectedDevices.length }}</span> 台
             </ElFormItem>
             <ElFormItem label="备注">
-              <ElInput
-                v-model="recallForm.remark"
-                type="textarea"
-                :rows="3"
-                placeholder="请输入备注信息（选填）"
-              />
+              <ElInput v-model="recallForm.remark" type="textarea" :rows="3" placeholder="请输入备注信息（选填）" />
             </ElFormItem>
           </ElForm>
 
           <!-- 回收结果 -->
           <div v-if="recallResult" style="margin-top: 20px">
-            <ElAlert
-              :type="recallResult.fail_count === 0 ? 'success' : 'warning'"
-              :closable="false"
-              style="margin-bottom: 10px"
-            >
+            <ElAlert :type="recallResult.fail_count === 0 ? 'success' : 'warning'" :closable="false"
+              style="margin-bottom: 10px">
               <template #title>
                 成功回收 {{ recallResult.success_count }} 台，失败 {{ recallResult.fail_count }} 台
               </template>
             </ElAlert>
             <div v-if="recallResult.failed_items && recallResult.failed_items.length > 0">
               <div style="margin-bottom: 10px; font-weight: bold">失败详情：</div>
-              <div
-                v-for="item in recallResult.failed_items"
-                :key="item.device_id"
-                style="margin-bottom: 8px; font-size: 12px; color: #f56c6c"
-              >
+              <div v-for="item in recallResult.failed_items" :key="item.device_id"
+                style="margin-bottom: 8px; font-size: 12px; color: #f56c6c">
                 设备号: {{ item.virtual_no }} - {{ item.reason }}
               </div>
             </div>
@@ -182,12 +112,7 @@
               <ElButton @click="handleCloseRecallDialog">
                 {{ recallResult ? '关闭' : '取消' }}
               </ElButton>
-              <ElButton
-                v-if="!recallResult"
-                type="primary"
-                @click="handleConfirmRecall"
-                :loading="recallLoading"
-              >
+              <ElButton v-if="!recallResult" type="primary" @click="handleConfirmRecall" :loading="recallLoading">
                 确认回收
               </ElButton>
             </div>
@@ -195,18 +120,9 @@
         </ElDialog>
 
         <!-- 批量设置套餐系列绑定对话框 -->
-        <ElDialog
-          v-model="seriesBindingDialogVisible"
-          title="批量设置设备套餐系列绑定"
-          width="600px"
-          @close="handleCloseSeriesBindingDialog"
-        >
-          <ElForm
-            ref="seriesBindingFormRef"
-            :model="seriesBindingForm"
-            :rules="seriesBindingRules"
-            label-width="120px"
-          >
+        <ElDialog v-model="seriesBindingDialogVisible" title="批量设置设备套餐系列绑定" width="600px"
+          @close="handleCloseSeriesBindingDialog">
+          <ElForm ref="seriesBindingFormRef" :model="seriesBindingForm" :rules="seriesBindingRules" label-width="120px">
             <ElFormItem label="已选设备数">
               <span style="font-weight: bold; color: #409eff">{{ selectedDevices.length }}</span> 台
             </ElFormItem>
@@ -218,211 +134,90 @@
               </ElRadioGroup>
             </ElFormItem>
 
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.LIST"
-              label="设备列表"
-            >
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.LIST" label="设备列表">
               <div>已选择 {{ selectedDevices.length }} 台设备</div>
             </ElFormItem>
 
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.RANGE"
-              label="起始设备号"
-              prop="virtual_no_start"
-            >
-              <ElInput
-                v-model="seriesBindingForm.virtual_no_start"
-                placeholder="请输入起始设备号"
-              />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.RANGE" label="起始设备号"
+              prop="virtual_no_start">
+              <ElInput v-model="seriesBindingForm.virtual_no_start" placeholder="请输入起始设备号" />
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.RANGE"
-              label="结束设备号"
-              prop="virtual_no_end"
-            >
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.RANGE" label="结束设备号"
+              prop="virtual_no_end">
               <ElInput v-model="seriesBindingForm.virtual_no_end" placeholder="请输入结束设备号" />
             </ElFormItem>
 
-            <div
-              v-if="
-                seriesBindingForm.selection_type === DeviceSelectionType.RANGE &&
-                seriesBindingRangeCountText
-              "
-              class="range-allocation-hint range-allocation-hint--device"
-            >
+            <div v-if="
+              seriesBindingForm.selection_type === DeviceSelectionType.RANGE &&
+              seriesBindingRangeCountText
+            " class="range-allocation-hint range-allocation-hint--device">
               共分配{{ seriesBindingRangeCountText }}台设备
             </div>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="设备号"
-            >
-              <ElInput
-                v-model="seriesBindingForm.virtual_no"
-                placeholder="请输入设备号"
-                clearable
-              />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="设备号">
+              <ElInput v-model="seriesBindingForm.virtual_no" placeholder="请输入设备号" clearable />
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="设备名称"
-            >
-              <ElInput
-                v-model="seriesBindingForm.device_name"
-                placeholder="请输入设备名称"
-                clearable
-              />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="设备名称">
+              <ElInput v-model="seriesBindingForm.device_name" placeholder="请输入设备名称" clearable />
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="设备类型"
-            >
-              <ElInput
-                v-model="seriesBindingForm.device_type"
-                placeholder="请输入设备类型"
-                clearable
-              />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="设备类型">
+              <ElInput v-model="seriesBindingForm.device_type" placeholder="请输入设备类型" clearable />
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="制造商"
-            >
-              <ElInput
-                v-model="seriesBindingForm.manufacturer"
-                placeholder="请输入制造商"
-                clearable
-              />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="制造商">
+              <ElInput v-model="seriesBindingForm.manufacturer" placeholder="请输入制造商" clearable />
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="状态"
-            >
-              <ElSelect
-                v-model="seriesBindingForm.status"
-                placeholder="请选择状态"
-                clearable
-                style="width: 100%"
-              >
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="状态">
+              <ElSelect v-model="seriesBindingForm.status" placeholder="请选择状态" clearable style="width: 100%">
                 <ElOption label="在库" :value="1" />
                 <ElOption label="已分销" :value="2" />
                 <ElOption label="已激活" :value="3" />
                 <ElOption label="已停用" :value="4" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="批次号"
-            >
-              <ElSelect
-                v-model="seriesBindingForm.batch_no"
-                placeholder="请选择或搜索批次号"
-                clearable
-                filterable
-                remote
-                :remote-method="handleSearchBatchNo"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="item in searchBatchNoOptions"
-                  :key="item.id"
-                  :label="item.batch_no"
-                  :value="item.batch_no"
-                />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="批次号">
+              <ElSelect v-model="seriesBindingForm.batch_no" placeholder="请选择或搜索批次号" clearable filterable remote
+                :remote-method="handleSearchBatchNo" style="width: 100%">
+                <ElOption v-for="item in searchBatchNoOptions" :key="item.id" :label="item.batch_no"
+                  :value="item.batch_no" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="店铺名称"
-            >
-              <ElCascader
-                v-model="seriesBindingForm.shop_id_path"
-                :options="seriesBindingShopCascadeOptions"
-                :props="seriesBindingShopCascadeProps"
-                placeholder="请选择店铺名称"
-                clearable
-                filterable
-                style="width: 100%"
-              />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="店铺名称">
+              <ElCascader v-model="seriesBindingForm.shop_id_path" :options="seriesBindingShopCascadeOptions"
+                :props="seriesBindingShopCascadeProps" placeholder="请选择店铺名称" clearable filterable style="width: 100%" />
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="当前套餐系列"
-            >
-              <ElSelect
-                v-model="seriesBindingForm.filter_series_id"
-                placeholder="请选择或搜索当前套餐系列"
-                clearable
-                filterable
-                remote
-                :remote-method="searchSeries"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="series in searchSeriesOptions"
-                  :key="series.id"
-                  :label="series.series_name"
-                  :value="series.id"
-                />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="当前套餐系列">
+              <ElSelect v-model="seriesBindingForm.filter_series_id" placeholder="请选择或搜索当前套餐系列" clearable filterable
+                remote :remote-method="searchSeries" style="width: 100%">
+                <ElOption v-for="series in searchSeriesOptions" :key="series.id" :label="series.series_name"
+                  :value="series.id" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER"
-              label="创建设备时间"
-            >
-              <ElDatePicker
-                v-model="seriesBindingForm.created_at_range"
-                type="daterange"
-                range-separator="至"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-                value-format="YYYY-MM-DD"
-                style="width: 100%"
-              />
+            <ElFormItem v-if="seriesBindingForm.selection_type === DeviceSelectionType.FILTER" label="创建设备时间">
+              <ElDatePicker v-model="seriesBindingForm.created_at_range" type="daterange" range-separator="至"
+                start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD" style="width: 100%" />
             </ElFormItem>
 
             <ElFormItem label="目标套餐系列" prop="series_id">
-              <ElSelect
-                v-model="seriesBindingForm.series_id"
-                placeholder="请选择或搜索套餐系列"
-                style="width: 100%"
-                filterable
-                remote
-                reserve-keyword
-                :remote-method="searchPackageSeries"
-                :loading="seriesLoading"
-                clearable
-              >
-                <ElOption
-                  v-for="series in packageSeriesList"
-                  :key="series.id"
-                  :label="series.series_name"
-                  :value="series.id"
-                  :disabled="series.status !== 1"
-                />
+              <ElSelect v-model="seriesBindingForm.series_id" placeholder="请选择或搜索套餐系列" style="width: 100%" filterable
+                remote reserve-keyword :remote-method="searchPackageSeries" :loading="seriesLoading" clearable>
+                <ElOption v-for="series in packageSeriesList" :key="series.id" :label="series.series_name"
+                  :value="series.id" :disabled="series.status !== 1" />
               </ElSelect>
             </ElFormItem>
           </ElForm>
 
           <!-- 设置结果 -->
           <div v-if="seriesBindingResult" style="margin-top: 20px">
-            <ElAlert
-              :type="seriesBindingResult.fail_count === 0 ? 'success' : 'warning'"
-              :closable="false"
-              style="margin-bottom: 10px"
-            >
+            <ElAlert :type="seriesBindingResult.fail_count === 0 ? 'success' : 'warning'" :closable="false"
+              style="margin-bottom: 10px">
               <template #title>
                 成功设置 {{ seriesBindingResult.success_count }} 台，失败
                 {{ seriesBindingResult.fail_count }} 台
               </template>
             </ElAlert>
-            <div
-              v-if="seriesBindingResult.failed_items && seriesBindingResult.failed_items.length > 0"
-            >
+            <div v-if="seriesBindingResult.failed_items && seriesBindingResult.failed_items.length > 0">
               <div style="margin-bottom: 10px; font-weight: bold">失败详情：</div>
-              <div
-                v-for="item in seriesBindingResult.failed_items"
-                :key="item.device_id"
-                style="margin-bottom: 8px; font-size: 12px; color: #f56c6c"
-              >
+              <div v-for="item in seriesBindingResult.failed_items" :key="item.device_id"
+                style="margin-bottom: 8px; font-size: 12px; color: #f56c6c">
                 设备号: {{ item.virtual_no }} - {{ item.reason }}
               </div>
             </div>
@@ -433,12 +228,8 @@
               <ElButton @click="handleCloseSeriesBindingDialog">
                 {{ seriesBindingResult ? '关闭' : '取消' }}
               </ElButton>
-              <ElButton
-                v-if="!seriesBindingResult"
-                type="primary"
-                @click="handleConfirmSeriesBinding"
-                :loading="seriesBindingLoading"
-              >
+              <ElButton v-if="!seriesBindingResult" type="primary" @click="handleConfirmSeriesBinding"
+                :loading="seriesBindingLoading">
                 确认设置
               </ElButton>
             </div>
@@ -448,7 +239,9 @@
         <!-- 设备详情弹窗 -->
         <ElDialog v-model="deviceDetailDialogVisible" title="设备详情" width="1000px">
           <div v-if="deviceDetailLoading" style="padding: 40px 0; text-align: center">
-            <ElIcon class="is-loading" :size="40"><Loading /></ElIcon>
+            <ElIcon class="is-loading" :size="40">
+              <Loading />
+            </ElIcon>
           </div>
           <div v-else-if="currentDeviceDetail">
             <!-- 设备基本信息 -->
@@ -456,27 +249,27 @@
               <ElDescriptionsItem label="设备ID">{{ currentDeviceDetail.id }}</ElDescriptionsItem>
               <ElDescriptionsItem label="设备号" :span="2">{{
                 currentDeviceDetail.virtual_no
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
 
               <ElDescriptionsItem label="设备名称">{{
                 currentDeviceDetail.device_name || '-'
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
               <ElDescriptionsItem label="设备型号">{{
                 currentDeviceDetail.device_model || '-'
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
               <ElDescriptionsItem label="设备类型">{{
                 currentDeviceDetail.device_type || '-'
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
 
               <ElDescriptionsItem label="制造商">{{
                 currentDeviceDetail.manufacturer || '-'
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
               <ElDescriptionsItem label="最大插槽数">{{
                 currentDeviceDetail.max_sim_slots
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
               <ElDescriptionsItem label="已绑定卡数量">{{
                 currentDeviceDetail.bound_card_count
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
 
               <ElDescriptionsItem label="状态">
                 <ElTag :type="getDeviceStatusTagType(currentDeviceDetail.status)">
@@ -485,11 +278,11 @@
               </ElDescriptionsItem>
               <ElDescriptionsItem label="批次号" :span="2">{{
                 currentDeviceDetail.batch_no || '-'
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
 
               <ElDescriptionsItem label="创建时间" :span="3">{{
                 formatDateTime(currentDeviceDetail.created_at) || '-'
-              }}</ElDescriptionsItem>
+                }}</ElDescriptionsItem>
             </ElDescriptions>
           </div>
         </ElDialog>
@@ -501,20 +294,11 @@
             <template #header>
               <div style="font-weight: bold">绑定新卡</div>
             </template>
-            <ElForm
-              ref="bindCardFormRef"
-              :model="bindCardForm"
-              :rules="bindCardRules"
-              label-width="80"
-            >
+            <ElForm ref="bindCardFormRef" :model="bindCardForm" :rules="bindCardRules" label-width="80">
               <ElRow :gutter="20">
                 <ElCol :span="6">
                   <ElFormItem label="搜索类型" prop="search_type">
-                    <ElSelect
-                      v-model="bindCardForm.search_type"
-                      placeholder="请选择搜索类型"
-                      style="width: 100%"
-                    >
+                    <ElSelect v-model="bindCardForm.search_type" placeholder="请选择搜索类型" style="width: 100%">
                       <ElOption label="ICCID" value="iccid" />
                       <ElOption label="运营商名称" value="carrier_name" />
                     </ElSelect>
@@ -522,60 +306,30 @@
                 </ElCol>
                 <ElCol :span="9">
                   <ElFormItem label="ICCID" prop="iot_card_id">
-                    <ElSelect
-                      v-model="bindCardForm.iot_card_id"
-                      :placeholder="
-                        bindCardForm.search_type === 'carrier_name'
-                          ? '请选择或搜索运营商名称'
-                          : '请选择或搜索ICCID'
-                      "
-                      filterable
-                      remote
-                      reserve-keyword
-                      :remote-method="searchIotCards"
-                      :loading="iotCardSearchLoading"
-                      clearable
-                      style="width: 100%"
-                    >
-                      <ElOption
-                        v-for="card in iotCardList"
-                        :key="card.id"
+                    <ElSelect v-model="bindCardForm.iot_card_id" :placeholder="bindCardForm.search_type === 'carrier_name'
+                        ? '请选择或搜索运营商名称'
+                        : '请选择或搜索ICCID'
+                      " filterable remote reserve-keyword :remote-method="searchIotCards"
+                      :loading="iotCardSearchLoading" clearable style="width: 100%">
+                      <ElOption v-for="card in iotCardList" :key="card.id"
                         :label="`${card.iccid} ${card.carrier_name ? '(' + card.carrier_name + ')' : ''}`"
-                        :value="card.id"
-                      />
-                      <ElOption
-                        v-if="iotCardList.length === 0 && !iotCardSearchLoading"
-                        label="未找到相关数据"
-                        value=""
-                        disabled
-                      />
+                        :value="card.id" />
+                      <ElOption v-if="iotCardList.length === 0 && !iotCardSearchLoading" label="未找到相关数据" value=""
+                        disabled />
                     </ElSelect>
                   </ElFormItem>
                 </ElCol>
                 <ElCol :span="6">
                   <ElFormItem label="插槽位置" prop="slot_position">
-                    <ElSelect
-                      v-model="bindCardForm.slot_position"
-                      placeholder="请选择插槽位置"
-                      style="width: 100%"
-                    >
-                      <ElOption
-                        v-for="i in currentDeviceDetail?.max_sim_slots || 4"
-                        :key="i"
-                        :label="`插槽 ${i}`"
-                        :value="i"
-                      />
+                    <ElSelect v-model="bindCardForm.slot_position" placeholder="请选择插槽位置" style="width: 100%">
+                      <ElOption v-for="i in currentDeviceDetail?.max_sim_slots || 4" :key="i" :label="`插槽 ${i}`"
+                        :value="i" />
                     </ElSelect>
                   </ElFormItem>
                 </ElCol>
                 <ElCol :span="3">
-                  <ElButton
-                    v-permission="'device:bind_card'"
-                    type="primary"
-                    @click="handleConfirmBindCard"
-                    :loading="bindCardLoading"
-                    style="width: 100%"
-                  >
+                  <ElButton v-permission="'device:bind_card'" type="primary" @click="handleConfirmBindCard"
+                    :loading="bindCardLoading" style="width: 100%">
                     确认绑定
                   </ElButton>
                 </ElCol>
@@ -585,7 +339,9 @@
 
           <!-- 已绑定卡片列表 -->
           <div v-if="deviceCardsLoading" style="padding: 40px 0; text-align: center">
-            <ElIcon class="is-loading" :size="40"><Loading /></ElIcon>
+            <ElIcon class="is-loading" :size="40">
+              <Loading />
+            </ElIcon>
           </div>
           <div v-else>
             <ElTable :data="deviceCards" border style="width: 100%">
@@ -613,1861 +369,1853 @@
               </ElTableColumn>
               <ElTableColumn label="操作" width="100" fixed="right" align="center">
                 <template #default="{ row }">
-                  <ElButton
-                    v-permission="'device:unbind_card'"
-                    type="danger"
-                    size="small"
-                    link
-                    @click="handleUnbindCard(row)"
-                  >
+                  <ElButton v-permission="'device:unbind_card'" type="danger" size="small" link
+                    @click="handleUnbindCard(row)">
                     解绑
                   </ElButton>
                 </template>
               </ElTableColumn>
             </ElTable>
-            <div
-              v-if="deviceCards.length === 0"
-              style="padding: 20px; color: #909399; text-align: center"
-            >
+            <div v-if="deviceCards.length === 0" style="padding: 20px; color: #909399; text-align: center">
               暂无设备绑定的卡
             </div>
           </div>
         </ElDialog>
 
         <!-- 切换SIM卡对话框 -->
-        <SwitchCardDialog
-          v-model="switchCardDialogVisible"
-          :device-info="currentOperatingImei"
-          :cards="deviceBindingCards"
-          :loading="loadingDeviceCards"
-          :confirm-loading="switchCardLoading"
-          @confirm="handleConfirmSwitchCard"
-        />
+        <SwitchCardDialog v-model="switchCardDialogVisible" :device-info="currentOperatingImei"
+          :cards="deviceBindingCards" :loading="loadingDeviceCards" :confirm-loading="switchCardLoading"
+          @confirm="handleConfirmSwitchCard" />
 
         <!-- 设置切卡模式对话框 -->
-        <SwitchModeDialog
-          v-model="switchModeDialogVisible"
-          :device-identifier="currentOperatingDeviceIdentifier"
-          :current-mode="currentDeviceSwitchMode"
-          :cards="switchModeCards"
-          :has-imei="currentOperatingDeviceHasImei"
-          :confirm-loading="switchModeLoading"
-          @confirm="handleConfirmSwitchMode"
-        />
+        <SwitchModeDialog v-model="switchModeDialogVisible" :device-identifier="currentOperatingDeviceIdentifier"
+          :current-mode="currentDeviceSwitchMode" :cards="switchModeCards" :has-imei="currentOperatingDeviceHasImei"
+          :confirm-loading="switchModeLoading" @confirm="handleConfirmSwitchMode" />
 
         <!-- 实名认证策略对话框 -->
-        <RealnamePolicyDialog
-          v-model="realnamePolicyDialogVisible"
-          :asset-identifier="currentRealnamePolicyAsset"
-          :current-policy="currentRealnamePolicy"
-          @confirm="handleConfirmRealnamePolicy"
-        />
+        <RealnamePolicyDialog v-model="realnamePolicyDialogVisible" :asset-identifier="currentRealnamePolicyAsset"
+          :current-policy="currentRealnamePolicy" @confirm="handleConfirmRealnamePolicy" />
 
         <!-- 操作审计日志弹窗 -->
-        <OperationLogsDialog
-          v-model="operationLogsDialogVisible"
-          :identifier="operationLogsIdentifier"
-          download-permission="device:download_log_file"
-        />
+        <OperationLogsDialog v-model="operationLogsDialogVisible" :identifier="operationLogsIdentifier"
+          download-permission="device:download_log_file" />
       </ElCard>
     </div>
   </ArtTableFullScreen>
 </template>
 
 <script setup lang="ts">
-  import { computed, h } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { RoutesAlias } from '@/router/routesAlias'
-  import {
-    DeviceService,
-    ShopService,
-    CardService,
-    PackageSeriesService,
-    AssetService,
-    CarrierService
-  } from '@/api/modules'
-  import { DeviceSelectionType } from '@/types/api'
-  import { ElMessage, ElMessageBox, ElTag, ElIcon, ElRadioGroup, ElRadio } from 'element-plus'
-  import { Loading } from '@element-plus/icons-vue'
-  import type { FormInstance, FormRules } from 'element-plus'
-  import SwitchCardDialog from '@/components/device/SwitchCardDialog.vue'
-  import SwitchModeDialog from '@/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue'
-  import type {
-    Device,
-    DeviceStatus,
-    AllocateDevicesResponse,
-    RecallDevicesResponse,
-    BatchSetDeviceSeriesBindingRequest,
-    BatchSetDeviceSeriesBindingResponse
-  } 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 type { PackageSeriesResponse } from '@/types/api'
-  import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
-  import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
+import { computed, h } from 'vue'
+import { useRouter } from 'vue-router'
+import { RoutesAlias } from '@/router/routesAlias'
+import {
+  DeviceService,
+  ShopService,
+  CardService,
+  PackageSeriesService,
+  AssetService,
+  CarrierService
+} from '@/api/modules'
+import { DeviceSelectionType } from '@/types/api'
+import { ElMessage, ElMessageBox, ElTag, ElIcon, ElRadioGroup, ElRadio } from 'element-plus'
+import { Loading } from '@element-plus/icons-vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import SwitchCardDialog from '@/components/device/SwitchCardDialog.vue'
+import SwitchModeDialog from '@/views/asset-management/asset-information/components/dialogs/SwitchModeDialog.vue'
+import type {
+  Device,
+  DeviceStatus,
+  AllocateDevicesResponse,
+  RecallDevicesResponse,
+  BatchSetDeviceSeriesBindingRequest,
+  BatchSetDeviceSeriesBindingResponse
+} 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 type { PackageSeriesResponse } from '@/types/api'
+import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
+import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
 
-  defineOptions({ name: 'DeviceList' })
+defineOptions({ name: 'DeviceList' })
 
-  interface SwitchModeCardOption {
-    iot_card_id: number
-    iccid: string
-    slot_position?: number
-    carrier_name?: string
-    msisdn?: string
-    network_status?: number
-    real_name_status?: number
-    is_current?: boolean
-  }
+interface SwitchModeCardOption {
+  iot_card_id: number
+  iccid: string
+  slot_position?: number
+  carrier_name?: string
+  msisdn?: string
+  network_status?: number
+  real_name_status?: number
+  is_current?: boolean
+}
 
-  const { hasAuth } = useAuth()
-  const router = useRouter()
+const { hasAuth } = useAuth()
+const router = useRouter()
 
-  const loading = ref(false)
-  const allocateLoading = ref(false)
-  const recallLoading = ref(false)
-  const tableRef = ref()
-  const allocateFormRef = ref<FormInstance>()
-  const recallFormRef = ref<FormInstance>()
-  const allocateDialogVisible = ref(false)
-  const recallDialogVisible = ref(false)
-  const selectedDevices = ref<Device[]>([])
-  const operationLogsDialogVisible = ref(false)
-  const operationLogsIdentifier = ref('')
-  const shopCascadeOptions = ref<any[]>([])
-  const shopCascadeProps = {
-    lazy: true,
-    checkStrictly: true,
-    lazyLoad: async (node: any, resolve: any) => {
-      const { level, value } = node
-      const parentId = level === 0 ? undefined : value
-
-      try {
-        const res = await ShopService.getShopsCascade({ parent_id: parentId })
-        if (res.code === 0) {
-          const nodes = (res.data || []).map((item: any) => ({
-            value: item.id,
-            label: item.shop_name,
-            leaf: !item.has_children
-          }))
-          resolve(nodes)
-        } else {
-          resolve([])
-        }
-      } catch (error) {
-        console.error('加载店铺级联数据失败:', error)
-        resolve([])
-      }
-    },
-    value: 'value',
-    label: 'label',
-    children: 'children'
-  }
-  const seriesBindingShopCascadeOptions = ref<any[]>([])
-  const seriesBindingShopCascadeProps = {
-    lazy: true,
-    checkStrictly: true,
-    lazyLoad: async (node: any, resolve: any) => {
-      const { level, value } = node
-      const parentId = level === 0 ? undefined : value
-
-      try {
-        const res = await ShopService.getShopsCascade({
-          parent_id: parentId,
-          exclude_self: true
-        })
-        if (res.code === 0) {
-          const nodes = (res.data || []).map((item: any) => ({
-            value: item.id,
-            label: item.shop_name,
-            leaf: !item.has_children
-          }))
-          resolve(nodes)
-        } else {
-          resolve([])
-        }
-      } catch (error) {
-        console.error('加载批量设置套餐系列店铺级联数据失败:', error)
-        resolve([])
-      }
-    },
-    value: 'value',
-    label: 'label',
-    children: 'children'
-  }
-  const allocateResult = ref<AllocateDevicesResponse | null>(null)
-  const recallResult = ref<RecallDevicesResponse | null>(null)
-
-  // 套餐系列绑定相关
-  const seriesBindingDialogVisible = ref(false)
-  const seriesBindingLoading = ref(false)
-  const seriesBindingFormRef = ref<FormInstance>()
-  const seriesLoading = ref(false)
-  const packageSeriesList = ref<PackageSeriesResponse[]>([])
-  const createInitialSeriesBindingState = () => ({
-    selection_type: DeviceSelectionType.LIST,
-    series_id: undefined as number | undefined,
-    virtual_no_start: '',
-    virtual_no_end: '',
-    virtual_no: '',
-    device_name: '',
-    device_type: '',
-    manufacturer: '',
-    batch_no: '',
-    status: undefined as DeviceStatus | undefined,
-    shop_id_path: undefined as number[] | undefined,
-    filter_series_id: undefined as number | undefined,
-    created_at_range: [] as string[],
-    created_at_start: '',
-    created_at_end: ''
-  })
-  const seriesBindingForm = reactive(createInitialSeriesBindingState())
-  const parseNumericStringToBigInt = (value: string): bigint | null => {
-    const normalizedValue = value.trim()
-    if (!normalizedValue || !/^\d+$/.test(normalizedValue)) {
-      return null
-    }
+const loading = ref(false)
+const allocateLoading = ref(false)
+const recallLoading = ref(false)
+const tableRef = ref()
+const allocateFormRef = ref<FormInstance>()
+const recallFormRef = ref<FormInstance>()
+const allocateDialogVisible = ref(false)
+const recallDialogVisible = ref(false)
+const selectedDevices = ref<Device[]>([])
+const operationLogsDialogVisible = ref(false)
+const operationLogsIdentifier = ref('')
+const shopCascadeOptions = ref<any[]>([])
+const shopCascadeProps = {
+  lazy: true,
+  checkStrictly: true,
+  lazyLoad: async (node: any, resolve: any) => {
+    const { level, value } = node
+    const parentId = level === 0 ? undefined : value
 
     try {
-      return BigInt(normalizedValue)
-    } catch {
-      return null
-    }
-  }
-  const getPositiveRangeCountText = (start: bigint | null, end: bigint | null): string => {
-    if (start === null || end === null || end < start) {
-      return ''
-    }
-
-    return (end - start + 1n).toString()
-  }
-  const parseDeviceRangeEndpoint = (value: string): { prefix: string; number: bigint } | null => {
-    const normalizedValue = value.trim()
-    if (!normalizedValue) {
-      return null
-    }
-
-    const numericValue = parseNumericStringToBigInt(normalizedValue)
-    if (numericValue !== null) {
-      return {
-        prefix: '',
-        number: numericValue
-      }
-    }
-
-    const match = normalizedValue.match(/^(.*?)(\d+)$/)
-    if (!match) {
-      return null
-    }
-
-    try {
-      return {
-        prefix: match[1],
-        number: BigInt(match[2])
-      }
-    } catch {
-      return null
-    }
-  }
-  const getDeviceRangeCountText = (startValue: string, endValue: string): string => {
-    const start = parseDeviceRangeEndpoint(startValue)
-    const end = parseDeviceRangeEndpoint(endValue)
-    if (!start || !end || start.prefix !== end.prefix) {
-      return ''
-    }
-
-    return getPositiveRangeCountText(start.number, end.number)
-  }
-  const seriesBindingRangeCountText = computed(() =>
-    getDeviceRangeCountText(seriesBindingForm.virtual_no_start, seriesBindingForm.virtual_no_end)
-  )
-  const seriesBindingRules = reactive<FormRules>({
-    selection_type: [{ required: true, message: '请选择选设备方式', trigger: 'change' }],
-    series_id: [{ required: true, message: '请选择套餐系列', trigger: 'change' }],
-    virtual_no_start: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (seriesBindingForm.selection_type === DeviceSelectionType.RANGE && !value) {
-            callback(new Error('请输入起始设备号'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ],
-    virtual_no_end: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (seriesBindingForm.selection_type === DeviceSelectionType.RANGE && !value) {
-            callback(new Error('请输入结束设备号'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ]
-  })
-  const seriesBindingResult = ref<BatchSetDeviceSeriesBindingResponse | null>(null)
-
-  // 搜索表单店铺/系列选项
-  const shopOptions = ref<any[]>([])
-  const searchSeriesOptions = ref<any[]>([])
-  const searchBatchNoOptions = ref<any[]>([])
-
-  // 设备详情弹窗相关
-  const deviceDetailDialogVisible = ref(false)
-  const deviceDetailLoading = ref(false)
-  const currentDeviceDetail = ref<any>(null)
-  const deviceCards = ref<any[]>([])
-  const deviceCardsLoading = ref(false)
-  const deviceCardsDialogVisible = ref(false)
-
-  // 绑定卡相关
-  const bindCardLoading = ref(false)
-  const bindCardFormRef = ref<FormInstance>()
-  const iotCardList = ref<any[]>([])
-  const iotCardSearchLoading = ref(false)
-  const iotCardHasSearched = ref(false) // 标记是否已执行过搜索
-  const bindCardForm = reactive({
-    search_type: 'iccid' as 'iccid' | 'carrier_name',
-    iot_card_id: undefined as number | undefined,
-    slot_position: 1
-  })
-  const bindCardRules = reactive<FormRules>({
-    search_type: [{ required: true, message: '请选择搜索类型', trigger: 'change' }],
-    iot_card_id: [{ required: true, message: '请选择ICCID', trigger: 'change' }],
-    slot_position: [{ required: true, message: '请选择插槽位置', trigger: 'change' }]
-  })
-
-  // 设备操作相关对话框
-
-  const currentOperatingImei = ref<string>('') // 用于存储当前操作设备的IMEI
-  const currentOperatingDevice = ref<Device | null>(null)
-
-  const switchCardDialogVisible = ref(false)
-  const switchCardLoading = ref(false)
-  const deviceBindingCards = ref<any[]>([]) // 设备绑定的卡列表
-  const loadingDeviceCards = ref(false) // 加载设备绑定卡列表的状态
-
-  // 切换模式相关
-  const switchModeDialogVisible = ref(false)
-  const switchModeLoading = ref(false)
-  const switchModeCards = ref<SwitchModeCardOption[]>([])
-  const currentOperatingDeviceIdentifier = ref<string>('')
-  const currentOperatingDeviceHasImei = ref(false)
-  const currentDeviceSwitchMode = ref<number>(0)
-
-  // 实名认证策略相关
-  const realnamePolicyDialogVisible = ref(false)
-  const currentRealnamePolicyAsset = ref<string>('')
-  const currentRealnamePolicy = ref<string>('none')
-
-  // 搜索表单初始值
-  const initialSearchState = {
-    virtual_no: '',
-    device_name: '',
-    status: undefined as DeviceStatus | undefined,
-    activation_status: undefined as number | undefined,
-    batch_no: '',
-    device_type: '',
-    manufacturer: '',
-    shop_id: undefined as number | undefined,
-    series_id: undefined as number | undefined,
-    dateRange: [] as string[],
-    created_at_start: '',
-    created_at_end: ''
-  }
-
-  // 搜索表单
-  const searchForm = reactive({ ...initialSearchState })
-
-  // 搜索批次号（用于搜索表单）
-  const loadSearchBatchNoOptions = async (batchNo?: string) => {
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20
-      }
-      if (batchNo) {
-        params.batch_no = batchNo
-      }
-      const res = await CardService.getIotCardImportTasks(params)
+      const res = await ShopService.getShopsCascade({ parent_id: parentId })
       if (res.code === 0) {
-        searchBatchNoOptions.value = res.data.items || []
-      }
-    } catch (error) {
-      console.error('加载批次号选项失败:', error)
-    }
-  }
-
-  // 搜索批次号
-  const handleSearchBatchNo = (query: string) => {
-    if (query) {
-      loadSearchBatchNoOptions(query)
-    } else {
-      loadSearchBatchNoOptions()
-    }
-  }
-
-  // 搜索表单配置
-  const searchFormItems: SearchFormItem[] = [
-    {
-      label: '设备号',
-      prop: 'virtual_no',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入设备号'
-      }
-    },
-    {
-      label: '设备名称',
-      prop: 'device_name',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入设备名称'
-      }
-    },
-    {
-      label: '状态',
-      prop: 'status',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '请选择状态'
-      },
-      options: () => [
-        { label: '在库', value: 1 },
-        { label: '已分销', value: 2 },
-        { label: '已激活', value: 3 },
-        { label: '已停用', value: 4 }
-      ]
-    },
-    {
-      label: '激活状态',
-      prop: 'activation_status',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '请选择激活状态'
-      },
-      options: () => [
-        { label: '未激活', value: 0 },
-        { label: '已激活', value: 1 }
-      ]
-    },
-    {
-      label: '批次号',
-      prop: 'batch_no',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchBatchNo,
-        loading: false,
-        placeholder: '请选择或搜索批次号'
-      },
-      options: () =>
-        searchBatchNoOptions.value.map((b) => ({
-          label: b.batch_no,
-          value: b.batch_no
-        }))
-    },
-    {
-      label: '设备类型',
-      prop: 'device_type',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入设备类型'
-      }
-    },
-    {
-      label: '制造商',
-      prop: 'manufacturer',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入制造商'
-      }
-    },
-    {
-      label: '店铺名称',
-      prop: 'shop_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: (query: string) => searchShops(query),
-        loading: false,
-        placeholder: '请选择或搜索店铺名称'
-      },
-      options: () =>
-        shopOptions.value.map((shop) => ({
-          label: shop.shop_name,
-          value: shop.id
-        }))
-    },
-    {
-      label: '套餐系列',
-      prop: 'series_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: (query: string) => searchSeries(query),
-        loading: seriesLoading.value,
-        placeholder: '请选择或搜索套餐系列'
-      },
-      options: () =>
-        searchSeriesOptions.value.map((s) => ({
-          label: s.series_name,
-          value: s.id
-        }))
-    },
-    {
-      label: '起始至结束',
-      prop: 'dateRange',
-      type: 'date',
-      config: {
-        type: 'daterange',
-        rangeSeparator: '至',
-        startPlaceholder: '开始时间',
-        endPlaceholder: '结束时间',
-        valueFormat: 'YYYY-MM-DD'
-      }
-    }
-  ]
-
-  // 分页
-  const pagination = reactive({
-    page: 1,
-    pageSize: 20,
-    total: 0
-  })
-
-  // 列配置
-  const columnOptions = [
-    { label: '设备号', prop: 'virtual_no' },
-    { label: 'IMEI', prop: 'imei' },
-    { label: '设备名称', prop: 'device_name' },
-    { label: '店铺名称', prop: 'shop_name' },
-    { label: '套餐系列', prop: 'series_name' },
-    { label: '设备型号', prop: 'device_model' },
-    { label: '设备类型', prop: 'device_type' },
-    { label: '状态', prop: 'status' },
-    { label: '状态名称', prop: 'status_name' },
-    { label: '激活状态', prop: 'activation_status_name' },
-    { label: '在线状态', prop: 'online_status' },
-    { label: '实名策略', prop: 'realname_policy' },
-    { label: '切卡模式', prop: 'switch_mode' },
-    { label: '激活时间', prop: 'activated_at' },
-    { label: '制造商', prop: 'manufacturer' },
-    { label: '软件版本', prop: 'software_version' },
-    { label: '最大插槽数', prop: 'max_sim_slots' },
-    { label: '已绑定卡数', prop: 'bound_card_count' },
-    { label: '序列号', prop: 'sn' },
-    { label: '批次号', prop: 'batch_no' },
-    { label: '最后在线时间', prop: 'last_online_time' },
-    { label: '最后同步时间', prop: 'last_gateway_sync_at' },
-    { label: '创建时间', prop: 'created_at' },
-    { label: '操作', prop: 'operation' }
-  ]
-
-  const deviceList = ref<Device[]>([])
-
-  // 分配表单
-  const allocateForm = reactive({
-    target_shop_id: undefined as number[] | undefined,
-    remark: ''
-  })
-
-  // 分配表单验证规则
-  const allocateRules = reactive<FormRules>({
-    target_shop_id: [{ required: true, message: '请选择目标店铺', trigger: 'change' }]
-  })
-
-  // 回收表单
-  const recallForm = reactive({
-    remark: ''
-  })
-
-  // 跳转到资产信息页面(原设备详情)
-  const goToDeviceSearchDetail = (deviceNo: string) => {
-    if (hasAuth('device:view_detail')) {
-      router.push({
-        path: RoutesAlias.AssetInformation,
-        query: {
-          virtual_no: deviceNo
-        }
-      })
-    } else {
-      ElMessage.warning('您没有查看详情的权限')
-    }
-  }
-
-  // 查看设备设备绑定的卡
-  const handleViewCards = async (device: Device) => {
-    currentDeviceDetail.value = device
-    deviceCards.value = []
-    deviceCardsDialogVisible.value = true
-    // 重置绑定卡表单
-    bindCardForm.search_type = 'iccid'
-    bindCardForm.iot_card_id = undefined
-    bindCardForm.slot_position = 1
-    bindCardFormRef.value?.resetFields()
-    // 加载未绑定设备的卡列表
-    await Promise.all([loadDeviceCards(device.virtual_no), loadDefaultIotCards()])
-  }
-
-  // 加载设备绑定的卡列表
-  const loadDeviceCards = async (virtualNo: string) => {
-    deviceCardsLoading.value = true
-    try {
-      const res = await DeviceService.getDeviceCards(virtualNo)
-      if (res.code === 0 && res.data) {
-        deviceCards.value = (res.data.bindings || []).sort(
-          (a, b) => a.slot_position - b.slot_position
-        )
-      }
-    } catch (error) {
-      console.error('获取设备绑定的卡列表失败:', error)
-    } finally {
-      deviceCardsLoading.value = false
-    }
-  }
-
-  // 加载默认的IoT卡列表
-  const loadDefaultIotCards = async () => {
-    iotCardSearchLoading.value = true
-    try {
-      const res = await CardService.getStandaloneIotCards({
-        page: 1,
-        page_size: 20,
-        is_standalone: true
-      })
-      if (res.code === 0 && res.data?.items) {
-        iotCardList.value = res.data.items
-      }
-    } catch (error) {
-      console.error('获取IoT卡列表失败:', error)
-    } finally {
-      iotCardSearchLoading.value = false
-    }
-  }
-
-  // 搜索IoT卡（根据ICCID或运营商名称）
-  const searchIotCards = async (query: string) => {
-    if (!query) {
-      await loadDefaultIotCards()
-      return
-    }
-    iotCardSearchLoading.value = true
-    iotCardHasSearched.value = true
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20,
-        is_standalone: true
-      }
-      if (bindCardForm.search_type === 'iccid') {
-        params.iccid = query
-      } else if (bindCardForm.search_type === 'carrier_name') {
-        params.carrier_name = query
-      }
-      const res = await CardService.getStandaloneIotCards(params)
-      if (res.code === 0 && res.data?.items) {
-        iotCardList.value = res.data.items
-      }
-    } catch (error) {
-      console.error('搜索IoT卡失败:', error)
-    } finally {
-      iotCardSearchLoading.value = false
-    }
-  }
-
-  // 确认绑定卡
-  const handleConfirmBindCard = async () => {
-    if (!bindCardFormRef.value || !currentDeviceDetail.value) return
-
-    await bindCardFormRef.value.validate(async (valid) => {
-      if (valid) {
-        bindCardLoading.value = true
-        try {
-          const res = await DeviceService.bindCard(currentDeviceDetail.value.virtual_no, {
-            iot_card_id: bindCardForm.iot_card_id!,
-            slot_position: bindCardForm.slot_position
-          })
-          if (res.code === 0) {
-            ElMessage.success('绑定成功')
-            // 重置表单
-            bindCardForm.iot_card_id = undefined
-            bindCardForm.slot_position = 1
-            bindCardFormRef.value?.resetFields()
-            // 重新加载卡列表
-            await loadDeviceCards(currentDeviceDetail.value.virtual_no)
-            // 刷新设备详情以更新绑定卡数量
-            const detailRes = await AssetService.resolveAsset(currentDeviceDetail.value.virtual_no)
-            if (detailRes.code === 0 && detailRes.data) {
-              currentDeviceDetail.value = detailRes.data
-            }
-          }
-        } catch (error: any) {
-          console.error('绑定卡失败:', error)
-        } finally {
-          bindCardLoading.value = false
-        }
-      }
-    })
-  }
-
-  // 解绑卡
-  const handleUnbindCard = (row: any) => {
-    ElMessageBox.confirm(`确定要解绑 ICCID: ${row.iccid} 吗？`, '解绑确认', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-      .then(async () => {
-        try {
-          const res = await DeviceService.unbindCard(
-            currentDeviceDetail.value.virtual_no,
-            row.iccid
-          )
-          if (res.code === 0) {
-            ElMessage.success('解绑成功')
-            // 重新加载卡列表
-            await loadDeviceCards(currentDeviceDetail.value.virtual_no)
-            // 刷新设备详情以更新绑定卡数量
-            const detailRes = await AssetService.resolveAsset(currentDeviceDetail.value.virtual_no)
-            if (detailRes.code === 0 && detailRes.data) {
-              currentDeviceDetail.value = detailRes.data
-            }
-          } else {
-            ElMessage.error(res.msg || '解绑失败')
-          }
-        } catch (error: any) {
-          console.error('解绑卡失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 获取网络状态标签类型
-  const getNetworkStatusTagType = (networkStatus: number) => {
-    // 0: 停机 (danger 红色)
-    // 1: 开机 - 正常/异常 (success 绿色 / warning 黄色)
-    if (networkStatus === 0) {
-      return 'danger' // 停机 - 红色
-    } else if (networkStatus === 1) {
-      return 'success' // 开机正常 - 绿色
-    }
-    return 'info' // 未知状态
-  }
-
-  // 获取网络状态文本
-  const getNetworkStatusText = (networkStatus: number) => {
-    // 0: 停机
-    // 1: 开机 - 显示为"正常"
-    const textMap: Record<number, string> = {
-      0: '停机',
-      1: '正常' // 开机显示为"正常"
-    }
-    return textMap[networkStatus] || '未知'
-  }
-
-  // 获取设备状态标签类型
-  const getDeviceStatusTagType = (status: number) => {
-    const typeMap: Record<number, any> = {
-      1: 'info', // 在库
-      2: 'warning', // 已分销
-      3: 'success', // 已激活
-      4: 'danger' // 已停用
-    }
-    return typeMap[status] || 'info'
-  }
-
-  // 动态列配置
-  const { columnChecks, columns } = useCheckedColumns(() => [
-    {
-      prop: 'virtual_no',
-      label: '设备号',
-      minWidth: 170,
-      showOverflowTooltip: true,
-      formatter: (row: Device) => {
-        return h(
-          'span',
-          {
-            style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
-            onClick: (e: MouseEvent) => {
-              e.stopPropagation()
-              goToDeviceSearchDetail(row.virtual_no)
-            }
-          },
-          row.virtual_no
-        )
-      }
-    },
-    {
-      prop: 'imei',
-      label: 'IMEI',
-      minWidth: 150,
-      showOverflowTooltip: true,
-      formatter: (row: Device) => row.imei || '-'
-    },
-    {
-      prop: 'device_name',
-      label: '设备名称',
-      showOverflowTooltip: true,
-      minWidth: 150
-    },
-    {
-      prop: 'shop_name',
-      label: '店铺名称',
-      minWidth: 120
-    },
-    {
-      prop: 'series_name',
-      label: '套餐系列',
-      minWidth: 180,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'device_model',
-      label: '设备型号',
-      minWidth: 120
-    },
-    {
-      prop: 'device_type',
-      label: '设备类型',
-      width: 120
-    },
-    {
-      prop: 'status',
-      label: '状态',
-      width: 100,
-      formatter: (row: Device) => {
-        const statusMap: Record<number, { text: string; type: any }> = {
-          1: { text: '在库', type: 'info' },
-          2: { text: '已分销', type: 'primary' },
-          3: { text: '已激活', type: 'success' },
-          4: { text: '已停用', type: 'danger' }
-        }
-        const status = statusMap[row.status] || { text: '未知', type: 'info' }
-        return h(ElTag, { type: status.type }, () => status.text)
-      }
-    },
-    {
-      prop: 'status_name',
-      label: '状态名称',
-      width: 100,
-      formatter: (row: Device) => row.status_name || '-'
-    },
-    {
-      prop: 'activation_status_name',
-      label: '激活状态',
-      width: 120,
-      formatter: (row: Device) => row.activation_status_name || '-'
-    },
-    {
-      prop: 'online_status',
-      label: '在线状态',
-      width: 100,
-      formatter: (row: Device) => {
-        const onlineStatusMap: Record<number, { text: string; type: any }> = {
-          0: { text: '未知', type: 'info' },
-          1: { text: '在线', type: 'success' },
-          2: { text: '离线', type: 'danger' }
-        }
-        const status = onlineStatusMap[row.online_status ?? 0] || { text: '未知', type: 'info' }
-        return h(ElTag, { type: status.type }, () => status.text)
-      }
-    },
-    {
-      prop: 'realname_policy',
-      label: '实名策略',
-      width: 150,
-      formatter: (row: Device) => {
-        const policy = row.realname_policy || ''
-        const policyMap: Record<string, string> = {
-          none: '无需实名',
-          before_order: '先实名后充值/购买',
-          after_order: '先充值/购买后实名'
-        }
-        return policyMap[policy] || (policy ? policy : '未知')
-      }
-    },
-    {
-      prop: 'switch_mode',
-      label: '切卡模式',
-      width: 100,
-      formatter: (row: Device) => {
-        const modeMap: Record<string, string> = {
-          '0': '自动',
-          '1': '手动'
-        }
-        return modeMap[row.switch_mode || ''] || '-'
-      }
-    },
-    {
-      prop: 'activated_at',
-      label: '激活时间',
-      width: 180,
-      formatter: (row: Device) => (row.activated_at ? formatDateTime(row.activated_at) : '-')
-    },
-    {
-      prop: 'manufacturer',
-      label: '制造商',
-      minWidth: 100
-    },
-    {
-      prop: 'software_version',
-      label: '软件版本',
-      minWidth: 180,
-      showOverflowTooltip: true,
-      formatter: (row: Device) => row.software_version || '-'
-    },
-    {
-      prop: 'max_sim_slots',
-      label: '最大插槽数',
-      width: 100
-    },
-    {
-      prop: 'bound_card_count',
-      label: '已绑定卡数',
-      width: 110,
-      formatter: (row: Device) => {
-        const color = row.bound_card_count > 0 ? '#67c23a' : '#909399'
-        return h('span', { style: { color, fontWeight: 'bold' } }, row.bound_card_count)
-      }
-    },
-    {
-      prop: 'sn',
-      label: '序列号',
-      minWidth: 120,
-      showOverflowTooltip: true,
-      formatter: (row: Device) => row.sn || '-'
-    },
-    {
-      prop: 'batch_no',
-      label: '批次号',
-      minWidth: 180,
-      showOverflowTooltip: true,
-      formatter: (row: Device) => row.batch_no || '-'
-    },
-    {
-      prop: 'last_online_time',
-      label: '最后在线时间',
-      width: 180,
-      formatter: (row: Device) =>
-        row.last_online_time ? formatDateTime(row.last_online_time) : '-'
-    },
-    {
-      prop: 'last_gateway_sync_at',
-      label: '最后同步时间',
-      width: 180,
-      formatter: (row: Device) =>
-        row.last_gateway_sync_at ? formatDateTime(row.last_gateway_sync_at) : '-'
-    },
-    {
-      prop: 'created_at',
-      label: '创建时间',
-      width: 180,
-      formatter: (row: Device) => formatDateTime(row.created_at)
-    }
-  ])
-
-  // 搜索店铺（用于搜索表单）
-  const searchShops = async (query: string) => {
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20
-      }
-      if (query) {
-        params.shop_name = query
-      }
-      const res = await ShopService.getShops(params)
-      if (res.code === 0) {
-        shopOptions.value = res.data.items || []
-      }
-    } catch (error) {
-      console.error('搜索店铺失败:', error)
-    }
-  }
-
-  // 搜索套餐系列（用于搜索表单）
-  const searchSeries = async (query: string) => {
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20,
-        status: 1
-      }
-      if (query) {
-        params.series_name = query
-      }
-      const res = await PackageSeriesService.getPackageSeries(params)
-      if (res.code === 0) {
-        searchSeriesOptions.value = res.data.items || []
-      }
-    } catch (error) {
-      console.error('搜索套餐系列失败:', error)
-    }
-  }
-
-  let isFirstActivation = true
-  onMounted(() => {
-    getTableData()
-  })
-
-  // 当页面被 keep-alive 激活时自动刷新数据
-  onActivated(() => {
-    if (!isFirstActivation) {
-      getTableData()
-    }
-    isFirstActivation = false
-  })
-
-  // 获取设备列表
-  const getTableData = async () => {
-    loading.value = true
-    try {
-      const params = {
-        page: pagination.page,
-        page_size: pagination.pageSize,
-        virtual_no: searchForm.virtual_no || undefined,
-        device_name: searchForm.device_name || undefined,
-        status: searchForm.status,
-        activation_status: searchForm.activation_status ?? undefined,
-        batch_no: searchForm.batch_no || undefined,
-        device_type: searchForm.device_type || undefined,
-        manufacturer: searchForm.manufacturer || undefined,
-        shop_id: searchForm.shop_id || undefined,
-        series_id: searchForm.series_id || undefined,
-        created_at_start: searchForm.created_at_start || undefined,
-        created_at_end: searchForm.created_at_end || undefined
-      }
-      const res = await DeviceService.getDevices(params)
-      if (res.code === 0 && res.data) {
-        deviceList.value = res.data.items || []
-        pagination.total = res.data.total || 0
-      }
-    } catch (error) {
-      console.error(error)
-    } finally {
-      loading.value = false
-    }
-  }
-
-  // 重置搜索
-  const handleReset = () => {
-    Object.assign(searchForm, { ...initialSearchState })
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 搜索
-  const handleSearch = () => {
-    // 处理日期范围
-    if (searchForm.dateRange && Array.isArray(searchForm.dateRange)) {
-      searchForm.created_at_start = searchForm.dateRange[0] || ''
-      searchForm.created_at_end = searchForm.dateRange[1] || ''
-    } else {
-      searchForm.created_at_start = ''
-      searchForm.created_at_end = ''
-    }
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 刷新表格
-  const handleRefresh = () => {
-    getTableData()
-  }
-
-  // 处理表格分页变化
-  const handleSizeChange = (newPageSize: number) => {
-    pagination.pageSize = newPageSize
-    getTableData()
-  }
-
-  const handleCurrentChange = (newCurrentPage: number) => {
-    pagination.page = newCurrentPage
-    getTableData()
-  }
-
-  // 处理选择变化
-  const handleSelectionChange = (selection: Device[]) => {
-    selectedDevices.value = selection
-  }
-
-  // 删除设备
-  const deleteDevice = (row: Device) => {
-    ElMessageBox.confirm(
-      `确定删除设备 ${row.virtual_no} 吗？删除后将自动解绑所有卡。`,
-      '删除确认',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'error'
-      }
-    )
-      .then(async () => {
-        try {
-          await DeviceService.deleteDevice(row.virtual_no)
-          ElMessage.success('删除成功')
-          await getTableData()
-        } catch (error) {
-          console.error(error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 清除设备套餐系列绑定
-  const handleClearDeviceSeries = async (deviceNo: string) => {
-    const device = deviceList.value.find((d) => d.virtual_no === deviceNo)
-    if (!device) {
-      ElMessage.error('未找到该设备')
-      return
-    }
-
-    ElMessageBox.confirm(`确定要清除设备 ${deviceNo} 的套餐系列关联吗？`, '确认清除', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-      .then(async () => {
-        try {
-          const res = await DeviceService.batchSetDeviceSeriesBinding({
-            selection_type: DeviceSelectionType.LIST,
-            device_ids: [device.id],
-            series_id: 0
-          })
-          if (res.code === 0) {
-            if (res.data.fail_count === 0) {
-              ElMessage.success('清除关联成功')
-            } else {
-              ElMessage.warning(`部分失败：${res.data.failed_items?.[0]?.reason || '未知原因'}`)
-            }
-            await getTableData()
-          }
-        } catch (error) {
-          console.error('清除关联失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 批量分配
-  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
-
-    await allocateFormRef.value.validate(async (valid) => {
-      if (valid) {
-        allocateLoading.value = true
-        try {
-          const targetShopPath = allocateForm.target_shop_id
-          if (!targetShopPath?.length) {
-            ElMessage.warning('请选择目标店铺')
-            return
-          }
-
-          const data = {
-            device_ids: selectedDevices.value.map((d) => d.id),
-            target_shop_id: targetShopPath[targetShopPath.length - 1],
-            remark: allocateForm.remark
-          }
-          const res = await DeviceService.allocateDevices(data)
-          if (res.code === 0) {
-            allocateResult.value = res.data
-            if (res.data.fail_count === 0) {
-              ElMessage.success('全部分配成功')
-              setTimeout(() => {
-                handleCloseAllocateDialog()
-                getTableData()
-              }, 1500)
-            } else {
-              ElMessage.warning(`部分分配失败，请查看失败详情`)
-            }
-          }
-        } catch (error) {
-          console.error(error)
-        } finally {
-          allocateLoading.value = false
-        }
-      }
-    })
-  }
-
-  // 关闭分配对话框
-  const handleCloseAllocateDialog = () => {
-    allocateDialogVisible.value = false
-    allocateResult.value = null
-    if (allocateFormRef.value) {
-      allocateFormRef.value.resetFields()
-    }
-  }
-
-  // 批量回收
-  const handleBatchRecall = () => {
-    if (selectedDevices.value.length === 0) {
-      ElMessage.warning('请先选择要回收的设备')
-      return
-    }
-    recallForm.remark = ''
-    recallResult.value = null
-    recallDialogVisible.value = true
-  }
-
-  // 确认批量回收
-  const handleConfirmRecall = async () => {
-    recallLoading.value = true
-    try {
-      const data = {
-        device_ids: selectedDevices.value.map((d) => d.id),
-        remark: recallForm.remark
-      }
-      const res = await DeviceService.recallDevices(data)
-      if (res.code === 0) {
-        recallResult.value = res.data
-        if (res.data.fail_count === 0) {
-          ElMessage.success('全部回收成功')
-          setTimeout(() => {
-            handleCloseRecallDialog()
-            getTableData()
-          }, 1500)
-        } else {
-          ElMessage.warning(`部分回收失败，请查看失败详情`)
-        }
-      }
-    } catch (error) {
-      console.error(error)
-    } finally {
-      recallLoading.value = false
-    }
-  }
-
-  // 关闭回收对话框
-  const handleCloseRecallDialog = () => {
-    recallDialogVisible.value = false
-    recallResult.value = null
-    recallForm.remark = ''
-  }
-
-  // 批量设置套餐系列
-  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
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20,
-        status: 1 // 只获取启用的
-      }
-      if (seriesName) {
-        params.series_name = seriesName
-      }
-      const res = await PackageSeriesService.getPackageSeries(params)
-      if (res.code === 0 && res.data.items) {
-        packageSeriesList.value = res.data.items
-      }
-    } catch (error) {
-      console.error('获取套餐系列列表失败:', error)
-    } finally {
-      seriesLoading.value = false
-    }
-  }
-
-  // 搜索套餐系列
-  const searchPackageSeries = async (query: string) => {
-    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) => ({
+        const nodes = (res.data || []).map((item: any) => ({
           value: item.id,
           label: item.shop_name,
           leaf: !item.has_children
         }))
+        resolve(nodes)
+      } else {
+        resolve([])
       }
     } catch (error) {
-      console.error('加载批量设置套餐系列根级店铺失败:', error)
+      console.error('加载店铺级联数据失败:', error)
+      resolve([])
+    }
+  },
+  value: 'value',
+  label: 'label',
+  children: 'children'
+}
+const seriesBindingShopCascadeOptions = ref<any[]>([])
+const seriesBindingShopCascadeProps = {
+  lazy: true,
+  checkStrictly: true,
+  lazyLoad: async (node: any, resolve: any) => {
+    const { level, value } = node
+    const parentId = level === 0 ? undefined : value
+
+    try {
+      const res = await ShopService.getShopsCascade({
+        parent_id: parentId,
+        exclude_self: true
+      })
+      if (res.code === 0) {
+        const nodes = (res.data || []).map((item: any) => ({
+          value: item.id,
+          label: item.shop_name,
+          leaf: !item.has_children
+        }))
+        resolve(nodes)
+      } else {
+        resolve([])
+      }
+    } catch (error) {
+      console.error('加载批量设置套餐系列店铺级联数据失败:', error)
+      resolve([])
+    }
+  },
+  value: 'value',
+  label: 'label',
+  children: 'children'
+}
+const allocateResult = ref<AllocateDevicesResponse | null>(null)
+const recallResult = ref<RecallDevicesResponse | null>(null)
+
+// 套餐系列绑定相关
+const seriesBindingDialogVisible = ref(false)
+const seriesBindingLoading = ref(false)
+const seriesBindingFormRef = ref<FormInstance>()
+const seriesLoading = ref(false)
+const packageSeriesList = ref<PackageSeriesResponse[]>([])
+const createInitialSeriesBindingState = () => ({
+  selection_type: DeviceSelectionType.LIST,
+  series_id: undefined as number | undefined,
+  virtual_no_start: '',
+  virtual_no_end: '',
+  virtual_no: '',
+  device_name: '',
+  device_type: '',
+  manufacturer: '',
+  batch_no: '',
+  status: undefined as DeviceStatus | undefined,
+  shop_id_path: undefined as number[] | undefined,
+  filter_series_id: undefined as number | undefined,
+  created_at_range: [] as string[],
+  created_at_start: '',
+  created_at_end: ''
+})
+const seriesBindingForm = reactive(createInitialSeriesBindingState())
+const parseNumericStringToBigInt = (value: string): bigint | null => {
+  const normalizedValue = value.trim()
+  if (!normalizedValue || !/^\d+$/.test(normalizedValue)) {
+    return null
+  }
+
+  try {
+    return BigInt(normalizedValue)
+  } catch {
+    return null
+  }
+}
+const getPositiveRangeCountText = (start: bigint | null, end: bigint | null): string => {
+  if (start === null || end === null || end < start) {
+    return ''
+  }
+
+  return (end - start + 1n).toString()
+}
+const formatDigitGrouping = (value: string): string => value.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+const parseDeviceRangeEndpoint = (value: string): { prefix: string; number: bigint } | null => {
+  const normalizedValue = value.trim()
+  if (!normalizedValue) {
+    return null
+  }
+
+  const numericValue = parseNumericStringToBigInt(normalizedValue)
+  if (numericValue !== null) {
+    return {
+      prefix: '',
+      number: numericValue
     }
   }
 
-  const buildSeriesBindingRequest = (): BatchSetDeviceSeriesBindingRequest | null => {
-    const request: BatchSetDeviceSeriesBindingRequest = {
-      selection_type: seriesBindingForm.selection_type,
-      series_id: seriesBindingForm.series_id!
-    }
+  const match = normalizedValue.match(/^(.*?)(\d+)$/)
+  if (!match) {
+    return null
+  }
 
-    if (seriesBindingForm.selection_type === DeviceSelectionType.LIST) {
-      const deviceIds = selectedDevices.value.map((device) => device.id)
-      if (deviceIds.length === 0) {
-        ElMessage.warning('列表模式下请先选择要设置的设备')
-        return null
+  try {
+    return {
+      prefix: match[1],
+      number: BigInt(match[2])
+    }
+  } catch {
+    return null
+  }
+}
+const getDeviceRangeCountText = (startValue: string, endValue: string): string => {
+  const start = parseDeviceRangeEndpoint(startValue)
+  const end = parseDeviceRangeEndpoint(endValue)
+  if (!start || !end || start.prefix !== end.prefix) {
+    return ''
+  }
+
+  const countText = getPositiveRangeCountText(start.number, end.number)
+  return countText ? formatDigitGrouping(countText) : ''
+}
+const seriesBindingRangeCountText = computed(() =>
+  getDeviceRangeCountText(seriesBindingForm.virtual_no_start, seriesBindingForm.virtual_no_end)
+)
+const seriesBindingRules = reactive<FormRules>({
+  selection_type: [{ required: true, message: '请选择选设备方式', trigger: 'change' }],
+  series_id: [{ required: true, message: '请选择套餐系列', trigger: 'change' }],
+  virtual_no_start: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (seriesBindingForm.selection_type === DeviceSelectionType.RANGE && !value) {
+          callback(new Error('请输入起始设备号'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ],
+  virtual_no_end: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (seriesBindingForm.selection_type === DeviceSelectionType.RANGE && !value) {
+          callback(new Error('请输入结束设备号'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ]
+})
+const seriesBindingResult = ref<BatchSetDeviceSeriesBindingResponse | null>(null)
+
+// 搜索表单店铺/系列选项
+const shopOptions = ref<any[]>([])
+const searchSeriesOptions = ref<any[]>([])
+const searchBatchNoOptions = ref<any[]>([])
+
+// 设备详情弹窗相关
+const deviceDetailDialogVisible = ref(false)
+const deviceDetailLoading = ref(false)
+const currentDeviceDetail = ref<any>(null)
+const deviceCards = ref<any[]>([])
+const deviceCardsLoading = ref(false)
+const deviceCardsDialogVisible = ref(false)
+
+// 绑定卡相关
+const bindCardLoading = ref(false)
+const bindCardFormRef = ref<FormInstance>()
+const iotCardList = ref<any[]>([])
+const iotCardSearchLoading = ref(false)
+const iotCardHasSearched = ref(false) // 标记是否已执行过搜索
+const bindCardForm = reactive({
+  search_type: 'iccid' as 'iccid' | 'carrier_name',
+  iot_card_id: undefined as number | undefined,
+  slot_position: 1
+})
+const bindCardRules = reactive<FormRules>({
+  search_type: [{ required: true, message: '请选择搜索类型', trigger: 'change' }],
+  iot_card_id: [{ required: true, message: '请选择ICCID', trigger: 'change' }],
+  slot_position: [{ required: true, message: '请选择插槽位置', trigger: 'change' }]
+})
+
+// 设备操作相关对话框
+
+const currentOperatingImei = ref<string>('') // 用于存储当前操作设备的IMEI
+const currentOperatingDevice = ref<Device | null>(null)
+
+const switchCardDialogVisible = ref(false)
+const switchCardLoading = ref(false)
+const deviceBindingCards = ref<any[]>([]) // 设备绑定的卡列表
+const loadingDeviceCards = ref(false) // 加载设备绑定卡列表的状态
+
+// 切换模式相关
+const switchModeDialogVisible = ref(false)
+const switchModeLoading = ref(false)
+const switchModeCards = ref<SwitchModeCardOption[]>([])
+const currentOperatingDeviceIdentifier = ref<string>('')
+const currentOperatingDeviceHasImei = ref(false)
+const currentDeviceSwitchMode = ref<number>(0)
+
+// 实名认证策略相关
+const realnamePolicyDialogVisible = ref(false)
+const currentRealnamePolicyAsset = ref<string>('')
+const currentRealnamePolicy = ref<string>('none')
+
+// 搜索表单初始值
+const initialSearchState = {
+  virtual_no: '',
+  device_name: '',
+  status: undefined as DeviceStatus | undefined,
+  activation_status: undefined as number | undefined,
+  batch_no: '',
+  device_type: '',
+  manufacturer: '',
+  shop_id: undefined as number | undefined,
+  series_id: undefined as number | undefined,
+  has_active_package: undefined as boolean | undefined,
+  dateRange: [] as string[],
+  created_at_start: '',
+  created_at_end: ''
+}
+
+// 搜索表单
+const searchForm = reactive({ ...initialSearchState })
+
+// 搜索批次号（用于搜索表单）
+const loadSearchBatchNoOptions = async (batchNo?: string) => {
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20
+    }
+    if (batchNo) {
+      params.batch_no = batchNo
+    }
+    const res = await CardService.getIotCardImportTasks(params)
+    if (res.code === 0) {
+      searchBatchNoOptions.value = res.data.items || []
+    }
+  } catch (error) {
+    console.error('加载批次号选项失败:', error)
+  }
+}
+
+// 搜索批次号
+const handleSearchBatchNo = (query: string) => {
+  if (query) {
+    loadSearchBatchNoOptions(query)
+  } else {
+    loadSearchBatchNoOptions()
+  }
+}
+
+// 搜索表单配置
+const searchFormItems: SearchFormItem[] = [
+  {
+    label: '设备号',
+    prop: 'virtual_no',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入设备号'
+    }
+  },
+  {
+    label: '设备名称',
+    prop: 'device_name',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入设备名称'
+    }
+  },
+  {
+    label: '状态',
+    prop: 'status',
+    type: 'select',
+    config: {
+      clearable: true,
+      placeholder: '请选择状态'
+    },
+    options: () => [
+      { label: '在库', value: 1 },
+      { label: '已分销', value: 2 },
+      { label: '已激活', value: 3 },
+      { label: '已停用', value: 4 }
+    ]
+  },
+  {
+    label: '激活状态',
+    prop: 'activation_status',
+    type: 'select',
+    config: {
+      clearable: true,
+      placeholder: '请选择激活状态'
+    },
+    options: () => [
+      { label: '未激活', value: 0 },
+      { label: '已激活', value: 1 }
+    ]
+  },
+  {
+    label: '批次号',
+    prop: 'batch_no',
+    type: 'select',
+    config: {
+      clearable: true,
+      filterable: true,
+      remote: true,
+      remoteMethod: handleSearchBatchNo,
+      loading: false,
+      placeholder: '请选择或搜索批次号'
+    },
+    options: () =>
+      searchBatchNoOptions.value.map((b) => ({
+        label: b.batch_no,
+        value: b.batch_no
+      }))
+  },
+  {
+    label: '设备类型',
+    prop: 'device_type',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入设备类型'
+    }
+  },
+  {
+    label: '制造商',
+    prop: 'manufacturer',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入制造商'
+    }
+  },
+  {
+    label: '店铺名称',
+    prop: 'shop_id',
+    type: 'select',
+    config: {
+      clearable: true,
+      filterable: true,
+      remote: true,
+      remoteMethod: (query: string) => searchShops(query),
+      loading: false,
+      placeholder: '请选择或搜索店铺名称'
+    },
+    options: () =>
+      shopOptions.value.map((shop) => ({
+        label: shop.shop_name,
+        value: shop.id
+      }))
+  },
+  {
+    label: '套餐系列',
+    prop: 'series_id',
+    type: 'select',
+    config: {
+      clearable: true,
+      filterable: true,
+      remote: true,
+      remoteMethod: (query: string) => searchSeries(query),
+      loading: seriesLoading.value,
+      placeholder: '请选择或搜索套餐系列'
+    },
+    options: () =>
+      searchSeriesOptions.value.map((s) => ({
+        label: s.series_name,
+        value: s.id
+      }))
+  },
+  {
+    label: '起始至结束',
+    prop: 'dateRange',
+    type: 'date',
+    config: {
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD'
+    }
+  }
+]
+
+// 分页
+searchFormItems.splice(searchFormItems.length - 1, 0, {
+  label: '是否有生效套餐',
+  prop: 'has_active_package',
+  type: 'select',
+  config: {
+    clearable: true,
+    placeholder: '全部'
+  },
+  options: () => [
+    { label: '是', value: true },
+    { label: '否', value: false }
+  ]
+})
+
+const pagination = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 0
+})
+
+// 列配置
+const columnOptions = [
+  { label: '设备号', prop: 'virtual_no' },
+  { label: 'IMEI', prop: 'imei' },
+  { label: '设备名称', prop: 'device_name' },
+  { label: '店铺名称', prop: 'shop_name' },
+  { label: '套餐系列', prop: 'series_name' },
+  { label: '设备型号', prop: 'device_model' },
+  { label: '设备类型', prop: 'device_type' },
+  { label: '状态', prop: 'status' },
+  { label: '状态名称', prop: 'status_name' },
+  { label: '激活状态', prop: 'activation_status_name' },
+  { label: '在线状态', prop: 'online_status' },
+  { label: '实名策略', prop: 'realname_policy' },
+  { label: '切卡模式', prop: 'switch_mode' },
+  { label: '激活时间', prop: 'activated_at' },
+  { label: '制造商', prop: 'manufacturer' },
+  { label: '软件版本', prop: 'software_version' },
+  { label: '最大插槽数', prop: 'max_sim_slots' },
+  { label: '已绑定卡数', prop: 'bound_card_count' },
+  { label: '序列号', prop: 'sn' },
+  { label: '批次号', prop: 'batch_no' },
+  { label: '最后在线时间', prop: 'last_online_time' },
+  { label: '最后同步时间', prop: 'last_gateway_sync_at' },
+  { label: '创建时间', prop: 'created_at' },
+  { label: '操作', prop: 'operation' }
+]
+
+const deviceList = ref<Device[]>([])
+
+// 分配表单
+const allocateForm = reactive({
+  target_shop_id: undefined as number[] | undefined,
+  remark: ''
+})
+
+// 分配表单验证规则
+const allocateRules = reactive<FormRules>({
+  target_shop_id: [{ required: true, message: '请选择目标店铺', trigger: 'change' }]
+})
+
+// 回收表单
+const recallForm = reactive({
+  remark: ''
+})
+
+// 跳转到资产信息页面(原设备详情)
+const goToDeviceSearchDetail = (deviceNo: string) => {
+  if (hasAuth('device:view_detail')) {
+    router.push({
+      path: RoutesAlias.AssetInformation,
+      query: {
+        virtual_no: deviceNo
       }
-      request.device_ids = deviceIds
-      return request
-    }
+    })
+  } else {
+    ElMessage.warning('您没有查看详情的权限')
+  }
+}
 
-    if (seriesBindingForm.selection_type === DeviceSelectionType.RANGE) {
-      request.virtual_no_start = seriesBindingForm.virtual_no_start
-      request.virtual_no_end = seriesBindingForm.virtual_no_end
-      return request
-    }
+// 查看设备设备绑定的卡
+const handleViewCards = async (device: Device) => {
+  currentDeviceDetail.value = device
+  deviceCards.value = []
+  deviceCardsDialogVisible.value = true
+  // 重置绑定卡表单
+  bindCardForm.search_type = 'iccid'
+  bindCardForm.iot_card_id = undefined
+  bindCardForm.slot_position = 1
+  bindCardFormRef.value?.resetFields()
+  // 加载未绑定设备的卡列表
+  await Promise.all([loadDeviceCards(device.virtual_no), loadDefaultIotCards()])
+}
 
-    if (seriesBindingForm.virtual_no) request.virtual_no = seriesBindingForm.virtual_no
-    if (seriesBindingForm.device_name) request.device_name = seriesBindingForm.device_name
-    if (seriesBindingForm.device_type) request.device_type = seriesBindingForm.device_type
-    if (seriesBindingForm.manufacturer) request.manufacturer = seriesBindingForm.manufacturer
-    if (seriesBindingForm.batch_no) request.batch_no = seriesBindingForm.batch_no
-    if (seriesBindingForm.status !== undefined) request.status = seriesBindingForm.status
-    if (seriesBindingForm.shop_id_path?.length) {
-      request.shop_id = seriesBindingForm.shop_id_path[seriesBindingForm.shop_id_path.length - 1]
-    }
-    if (seriesBindingForm.filter_series_id !== undefined) {
-      request.filter_series_id = seriesBindingForm.filter_series_id
-    }
-    if (seriesBindingForm.created_at_range.length === 2) {
-      request.created_at_start = seriesBindingForm.created_at_range[0]
-      request.created_at_end = seriesBindingForm.created_at_range[1]
+// 加载设备绑定的卡列表
+const loadDeviceCards = async (virtualNo: string) => {
+  deviceCardsLoading.value = true
+  try {
+    const res = await DeviceService.getDeviceCards(virtualNo)
+    if (res.code === 0 && res.data) {
+      deviceCards.value = (res.data.bindings || []).sort(
+        (a, b) => a.slot_position - b.slot_position
+      )
     }
+  } catch (error) {
+    console.error('获取设备绑定的卡列表失败:', error)
+  } finally {
+    deviceCardsLoading.value = false
+  }
+}
 
+// 加载默认的IoT卡列表
+const loadDefaultIotCards = async () => {
+  iotCardSearchLoading.value = true
+  try {
+    const res = await CardService.getStandaloneIotCards({
+      page: 1,
+      page_size: 20,
+      is_standalone: true
+    })
+    if (res.code === 0 && res.data?.items) {
+      iotCardList.value = res.data.items
+    }
+  } catch (error) {
+    console.error('获取IoT卡列表失败:', error)
+  } finally {
+    iotCardSearchLoading.value = false
+  }
+}
+
+// 搜索IoT卡（根据ICCID或运营商名称）
+const searchIotCards = async (query: string) => {
+  if (!query) {
+    await loadDefaultIotCards()
+    return
+  }
+  iotCardSearchLoading.value = true
+  iotCardHasSearched.value = true
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20,
+      is_standalone: true
+    }
+    if (bindCardForm.search_type === 'iccid') {
+      params.iccid = query
+    } else if (bindCardForm.search_type === 'carrier_name') {
+      params.carrier_name = query
+    }
+    const res = await CardService.getStandaloneIotCards(params)
+    if (res.code === 0 && res.data?.items) {
+      iotCardList.value = res.data.items
+    }
+  } catch (error) {
+    console.error('搜索IoT卡失败:', error)
+  } finally {
+    iotCardSearchLoading.value = false
+  }
+}
+
+// 确认绑定卡
+const handleConfirmBindCard = async () => {
+  if (!bindCardFormRef.value || !currentDeviceDetail.value) return
+
+  await bindCardFormRef.value.validate(async (valid) => {
+    if (valid) {
+      bindCardLoading.value = true
+      try {
+        const res = await DeviceService.bindCard(currentDeviceDetail.value.virtual_no, {
+          iot_card_id: bindCardForm.iot_card_id!,
+          slot_position: bindCardForm.slot_position
+        })
+        if (res.code === 0) {
+          ElMessage.success('绑定成功')
+          // 重置表单
+          bindCardForm.iot_card_id = undefined
+          bindCardForm.slot_position = 1
+          bindCardFormRef.value?.resetFields()
+          // 重新加载卡列表
+          await loadDeviceCards(currentDeviceDetail.value.virtual_no)
+          // 刷新设备详情以更新绑定卡数量
+          const detailRes = await AssetService.resolveAsset(currentDeviceDetail.value.virtual_no)
+          if (detailRes.code === 0 && detailRes.data) {
+            currentDeviceDetail.value = detailRes.data
+          }
+        }
+      } catch (error: any) {
+        console.error('绑定卡失败:', error)
+      } finally {
+        bindCardLoading.value = false
+      }
+    }
+  })
+}
+
+// 解绑卡
+const handleUnbindCard = (row: any) => {
+  ElMessageBox.confirm(`确定要解绑 ICCID: ${row.iccid} 吗？`, '解绑确认', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(async () => {
+      try {
+        const res = await DeviceService.unbindCard(
+          currentDeviceDetail.value.virtual_no,
+          row.iccid
+        )
+        if (res.code === 0) {
+          ElMessage.success('解绑成功')
+          // 重新加载卡列表
+          await loadDeviceCards(currentDeviceDetail.value.virtual_no)
+          // 刷新设备详情以更新绑定卡数量
+          const detailRes = await AssetService.resolveAsset(currentDeviceDetail.value.virtual_no)
+          if (detailRes.code === 0 && detailRes.data) {
+            currentDeviceDetail.value = detailRes.data
+          }
+        } else {
+          ElMessage.error(res.msg || '解绑失败')
+        }
+      } catch (error: any) {
+        console.error('解绑卡失败:', error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
+
+// 获取网络状态标签类型
+const getNetworkStatusTagType = (networkStatus: number) => {
+  // 0: 停机 (danger 红色)
+  // 1: 开机 - 正常/异常 (success 绿色 / warning 黄色)
+  if (networkStatus === 0) {
+    return 'danger' // 停机 - 红色
+  } else if (networkStatus === 1) {
+    return 'success' // 开机正常 - 绿色
+  }
+  return 'info' // 未知状态
+}
+
+// 获取网络状态文本
+const getNetworkStatusText = (networkStatus: number) => {
+  // 0: 停机
+  // 1: 开机 - 显示为"正常"
+  const textMap: Record<number, string> = {
+    0: '停机',
+    1: '正常' // 开机显示为"正常"
+  }
+  return textMap[networkStatus] || '未知'
+}
+
+// 获取设备状态标签类型
+const getDeviceStatusTagType = (status: number) => {
+  const typeMap: Record<number, any> = {
+    1: 'info', // 在库
+    2: 'warning', // 已分销
+    3: 'success', // 已激活
+    4: 'danger' // 已停用
+  }
+  return typeMap[status] || 'info'
+}
+
+// 动态列配置
+const { columnChecks, columns } = useCheckedColumns(() => [
+  {
+    prop: 'virtual_no',
+    label: '设备号',
+    minWidth: 170,
+    showOverflowTooltip: true,
+    formatter: (row: Device) => {
+      return h(
+        'span',
+        {
+          style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
+          onClick: (e: MouseEvent) => {
+            e.stopPropagation()
+            goToDeviceSearchDetail(row.virtual_no)
+          }
+        },
+        row.virtual_no
+      )
+    }
+  },
+  {
+    prop: 'imei',
+    label: 'IMEI',
+    minWidth: 150,
+    showOverflowTooltip: true,
+    formatter: (row: Device) => row.imei || '-'
+  },
+  {
+    prop: 'device_name',
+    label: '设备名称',
+    showOverflowTooltip: true,
+    minWidth: 150
+  },
+  {
+    prop: 'shop_name',
+    label: '店铺名称',
+    minWidth: 120
+  },
+  {
+    prop: 'series_name',
+    label: '套餐系列',
+    minWidth: 180,
+    showOverflowTooltip: true
+  },
+  {
+    prop: 'device_model',
+    label: '设备型号',
+    minWidth: 120
+  },
+  {
+    prop: 'device_type',
+    label: '设备类型',
+    width: 120
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    width: 100,
+    formatter: (row: Device) => {
+      const statusMap: Record<number, { text: string; type: any }> = {
+        1: { text: '在库', type: 'info' },
+        2: { text: '已分销', type: 'primary' },
+        3: { text: '已激活', type: 'success' },
+        4: { text: '已停用', type: 'danger' }
+      }
+      const status = statusMap[row.status] || { text: '未知', type: 'info' }
+      return h(ElTag, { type: status.type }, () => status.text)
+    }
+  },
+  {
+    prop: 'status_name',
+    label: '状态名称',
+    width: 100,
+    formatter: (row: Device) => row.status_name || '-'
+  },
+  {
+    prop: 'activation_status_name',
+    label: '激活状态',
+    width: 120,
+    formatter: (row: Device) => row.activation_status_name || '-'
+  },
+  {
+    prop: 'online_status',
+    label: '在线状态',
+    width: 100,
+    formatter: (row: Device) => {
+      const onlineStatusMap: Record<number, { text: string; type: any }> = {
+        0: { text: '未知', type: 'info' },
+        1: { text: '在线', type: 'success' },
+        2: { text: '离线', type: 'danger' }
+      }
+      const status = onlineStatusMap[row.online_status ?? 0] || { text: '未知', type: 'info' }
+      return h(ElTag, { type: status.type }, () => status.text)
+    }
+  },
+  {
+    prop: 'realname_policy',
+    label: '实名策略',
+    width: 150,
+    formatter: (row: Device) => {
+      const policy = row.realname_policy || ''
+      const policyMap: Record<string, string> = {
+        none: '无需实名',
+        before_order: '先实名后充值/购买',
+        after_order: '先充值/购买后实名'
+      }
+      return policyMap[policy] || (policy ? policy : '未知')
+    }
+  },
+  {
+    prop: 'switch_mode',
+    label: '切卡模式',
+    width: 100,
+    formatter: (row: Device) => {
+      const modeMap: Record<string, string> = {
+        '0': '自动',
+        '1': '手动'
+      }
+      return modeMap[row.switch_mode || ''] || '-'
+    }
+  },
+  {
+    prop: 'activated_at',
+    label: '激活时间',
+    width: 180,
+    formatter: (row: Device) => (row.activated_at ? formatDateTime(row.activated_at) : '-')
+  },
+  {
+    prop: 'manufacturer',
+    label: '制造商',
+    minWidth: 100
+  },
+  {
+    prop: 'software_version',
+    label: '软件版本',
+    minWidth: 180,
+    showOverflowTooltip: true,
+    formatter: (row: Device) => row.software_version || '-'
+  },
+  {
+    prop: 'max_sim_slots',
+    label: '最大插槽数',
+    width: 100
+  },
+  {
+    prop: 'bound_card_count',
+    label: '已绑定卡数',
+    width: 110,
+    formatter: (row: Device) => {
+      const color = row.bound_card_count > 0 ? '#67c23a' : '#909399'
+      return h('span', { style: { color, fontWeight: 'bold' } }, row.bound_card_count)
+    }
+  },
+  {
+    prop: 'sn',
+    label: '序列号',
+    minWidth: 120,
+    showOverflowTooltip: true,
+    formatter: (row: Device) => row.sn || '-'
+  },
+  {
+    prop: 'batch_no',
+    label: '批次号',
+    minWidth: 180,
+    showOverflowTooltip: true,
+    formatter: (row: Device) => row.batch_no || '-'
+  },
+  {
+    prop: 'last_online_time',
+    label: '最后在线时间',
+    width: 180,
+    formatter: (row: Device) =>
+      row.last_online_time ? formatDateTime(row.last_online_time) : '-'
+  },
+  {
+    prop: 'last_gateway_sync_at',
+    label: '最后同步时间',
+    width: 180,
+    formatter: (row: Device) =>
+      row.last_gateway_sync_at ? formatDateTime(row.last_gateway_sync_at) : '-'
+  },
+  {
+    prop: 'created_at',
+    label: '创建时间',
+    width: 180,
+    formatter: (row: Device) => formatDateTime(row.created_at)
+  }
+])
+
+// 搜索店铺（用于搜索表单）
+const searchShops = async (query: string) => {
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20
+    }
+    if (query) {
+      params.shop_name = query
+    }
+    const res = await ShopService.getShops(params)
+    if (res.code === 0) {
+      shopOptions.value = res.data.items || []
+    }
+  } catch (error) {
+    console.error('搜索店铺失败:', error)
+  }
+}
+
+// 搜索套餐系列（用于搜索表单）
+const searchSeries = async (query: string) => {
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20,
+      status: 1
+    }
+    if (query) {
+      params.series_name = query
+    }
+    const res = await PackageSeriesService.getPackageSeries(params)
+    if (res.code === 0) {
+      searchSeriesOptions.value = res.data.items || []
+    }
+  } catch (error) {
+    console.error('搜索套餐系列失败:', error)
+  }
+}
+
+let isFirstActivation = true
+onMounted(() => {
+  getTableData()
+})
+
+// 当页面被 keep-alive 激活时自动刷新数据
+onActivated(() => {
+  if (!isFirstActivation) {
+    getTableData()
+  }
+  isFirstActivation = false
+})
+
+// 获取设备列表
+const getTableData = async () => {
+  loading.value = true
+  try {
+    const params = {
+      page: pagination.page,
+      page_size: pagination.pageSize,
+      virtual_no: searchForm.virtual_no || undefined,
+      device_name: searchForm.device_name || undefined,
+      status: searchForm.status,
+      activation_status: searchForm.activation_status ?? undefined,
+      batch_no: searchForm.batch_no || undefined,
+      device_type: searchForm.device_type || undefined,
+      manufacturer: searchForm.manufacturer || undefined,
+      shop_id: searchForm.shop_id || undefined,
+      series_id: searchForm.series_id || undefined,
+      has_active_package: searchForm.has_active_package ?? undefined,
+      created_at_start: searchForm.created_at_start || undefined,
+      created_at_end: searchForm.created_at_end || undefined
+    }
+    const res = await DeviceService.getDevices(params)
+    if (res.code === 0 && res.data) {
+      deviceList.value = res.data.items || []
+      pagination.total = res.data.total || 0
+    }
+  } catch (error) {
+    console.error(error)
+  } finally {
+    loading.value = false
+  }
+}
+
+// 重置搜索
+const handleReset = () => {
+  Object.assign(searchForm, { ...initialSearchState })
+  pagination.page = 1
+  getTableData()
+}
+
+// 搜索
+const handleSearch = () => {
+  // 处理日期范围
+  if (searchForm.dateRange && Array.isArray(searchForm.dateRange)) {
+    searchForm.created_at_start = searchForm.dateRange[0] || ''
+    searchForm.created_at_end = searchForm.dateRange[1] || ''
+  } else {
+    searchForm.created_at_start = ''
+    searchForm.created_at_end = ''
+  }
+  pagination.page = 1
+  getTableData()
+}
+
+// 刷新表格
+const handleRefresh = () => {
+  getTableData()
+}
+
+// 处理表格分页变化
+const handleSizeChange = (newPageSize: number) => {
+  pagination.pageSize = newPageSize
+  getTableData()
+}
+
+const handleCurrentChange = (newCurrentPage: number) => {
+  pagination.page = newCurrentPage
+  getTableData()
+}
+
+// 处理选择变化
+const handleSelectionChange = (selection: Device[]) => {
+  selectedDevices.value = selection
+}
+
+// 删除设备
+const deleteDevice = (row: Device) => {
+  ElMessageBox.confirm(
+    `确定删除设备 ${row.virtual_no} 吗？删除后将自动解绑所有卡。`,
+    '删除确认',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'error'
+    }
+  )
+    .then(async () => {
+      try {
+        await DeviceService.deleteDevice(row.virtual_no)
+        ElMessage.success('删除成功')
+        await getTableData()
+      } catch (error) {
+        console.error(error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
+
+// 清除设备套餐系列绑定
+const handleClearDeviceSeries = async (deviceNo: string) => {
+  const device = deviceList.value.find((d) => d.virtual_no === deviceNo)
+  if (!device) {
+    ElMessage.error('未找到该设备')
+    return
+  }
+
+  ElMessageBox.confirm(`确定要清除设备 ${deviceNo} 的套餐系列关联吗？`, '确认清除', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(async () => {
+      try {
+        const res = await DeviceService.batchSetDeviceSeriesBinding({
+          selection_type: DeviceSelectionType.LIST,
+          device_ids: [device.id],
+          series_id: 0
+        })
+        if (res.code === 0) {
+          if (res.data.fail_count === 0) {
+            ElMessage.success('清除关联成功')
+          } else {
+            ElMessage.warning(`部分失败：${res.data.failed_items?.[0]?.reason || '未知原因'}`)
+          }
+          await getTableData()
+        }
+      } catch (error) {
+        console.error('清除关联失败:', error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
+
+// 批量分配
+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
+
+  await allocateFormRef.value.validate(async (valid) => {
+    if (valid) {
+      allocateLoading.value = true
+      try {
+        const targetShopPath = allocateForm.target_shop_id
+        if (!targetShopPath?.length) {
+          ElMessage.warning('请选择目标店铺')
+          return
+        }
+
+        const data = {
+          device_ids: selectedDevices.value.map((d) => d.id),
+          target_shop_id: targetShopPath[targetShopPath.length - 1],
+          remark: allocateForm.remark
+        }
+        const res = await DeviceService.allocateDevices(data)
+        if (res.code === 0) {
+          allocateResult.value = res.data
+          if (res.data.fail_count === 0) {
+            ElMessage.success('全部分配成功')
+            setTimeout(() => {
+              handleCloseAllocateDialog()
+              getTableData()
+            }, 1500)
+          } else {
+            ElMessage.warning(`部分分配失败，请查看失败详情`)
+          }
+        }
+      } catch (error) {
+        console.error(error)
+      } finally {
+        allocateLoading.value = false
+      }
+    }
+  })
+}
+
+// 关闭分配对话框
+const handleCloseAllocateDialog = () => {
+  allocateDialogVisible.value = false
+  allocateResult.value = null
+  if (allocateFormRef.value) {
+    allocateFormRef.value.resetFields()
+  }
+}
+
+// 批量回收
+const handleBatchRecall = () => {
+  if (selectedDevices.value.length === 0) {
+    ElMessage.warning('请先选择要回收的设备')
+    return
+  }
+  recallForm.remark = ''
+  recallResult.value = null
+  recallDialogVisible.value = true
+}
+
+// 确认批量回收
+const handleConfirmRecall = async () => {
+  recallLoading.value = true
+  try {
+    const data = {
+      device_ids: selectedDevices.value.map((d) => d.id),
+      remark: recallForm.remark
+    }
+    const res = await DeviceService.recallDevices(data)
+    if (res.code === 0) {
+      recallResult.value = res.data
+      if (res.data.fail_count === 0) {
+        ElMessage.success('全部回收成功')
+        setTimeout(() => {
+          handleCloseRecallDialog()
+          getTableData()
+        }, 1500)
+      } else {
+        ElMessage.warning(`部分回收失败，请查看失败详情`)
+      }
+    }
+  } catch (error) {
+    console.error(error)
+  } finally {
+    recallLoading.value = false
+  }
+}
+
+// 关闭回收对话框
+const handleCloseRecallDialog = () => {
+  recallDialogVisible.value = false
+  recallResult.value = null
+  recallForm.remark = ''
+}
+
+// 批量设置套餐系列
+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
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20,
+      status: 1 // 只获取启用的
+    }
+    if (seriesName) {
+      params.series_name = seriesName
+    }
+    const res = await PackageSeriesService.getPackageSeries(params)
+    if (res.code === 0 && res.data.items) {
+      packageSeriesList.value = res.data.items
+    }
+  } catch (error) {
+    console.error('获取套餐系列列表失败:', error)
+  } finally {
+    seriesLoading.value = false
+  }
+}
+
+// 搜索套餐系列
+const searchPackageSeries = async (query: string) => {
+  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,
+    series_id: seriesBindingForm.series_id!
+  }
+
+  if (seriesBindingForm.selection_type === DeviceSelectionType.LIST) {
+    const deviceIds = selectedDevices.value.map((device) => device.id)
+    if (deviceIds.length === 0) {
+      ElMessage.warning('列表模式下请先选择要设置的设备')
+      return null
+    }
+    request.device_ids = deviceIds
     return request
   }
 
-  // 确认设置套餐系列绑定
-  const handleConfirmSeriesBinding = async () => {
-    if (!seriesBindingFormRef.value) return
+  if (seriesBindingForm.selection_type === DeviceSelectionType.RANGE) {
+    request.virtual_no_start = seriesBindingForm.virtual_no_start
+    request.virtual_no_end = seriesBindingForm.virtual_no_end
+    return request
+  }
 
-    await seriesBindingFormRef.value.validate(async (valid) => {
-      if (valid) {
-        seriesBindingLoading.value = true
-        try {
-          const data = buildSeriesBindingRequest()
-          if (!data) {
-            return
+  if (seriesBindingForm.virtual_no) request.virtual_no = seriesBindingForm.virtual_no
+  if (seriesBindingForm.device_name) request.device_name = seriesBindingForm.device_name
+  if (seriesBindingForm.device_type) request.device_type = seriesBindingForm.device_type
+  if (seriesBindingForm.manufacturer) request.manufacturer = seriesBindingForm.manufacturer
+  if (seriesBindingForm.batch_no) request.batch_no = seriesBindingForm.batch_no
+  if (seriesBindingForm.status !== undefined) request.status = seriesBindingForm.status
+  if (seriesBindingForm.shop_id_path?.length) {
+    request.shop_id = seriesBindingForm.shop_id_path[seriesBindingForm.shop_id_path.length - 1]
+  }
+  if (seriesBindingForm.filter_series_id !== undefined) {
+    request.filter_series_id = seriesBindingForm.filter_series_id
+  }
+  if (seriesBindingForm.created_at_range.length === 2) {
+    request.created_at_start = seriesBindingForm.created_at_range[0]
+    request.created_at_end = seriesBindingForm.created_at_range[1]
+  }
+
+  return request
+}
+
+// 确认设置套餐系列绑定
+const handleConfirmSeriesBinding = async () => {
+  if (!seriesBindingFormRef.value) return
+
+  await seriesBindingFormRef.value.validate(async (valid) => {
+    if (valid) {
+      seriesBindingLoading.value = true
+      try {
+        const data = buildSeriesBindingRequest()
+        if (!data) {
+          return
+        }
+        const res = await DeviceService.batchSetDeviceSeriesBinding(data)
+        if (res.code === 0) {
+          seriesBindingResult.value = res.data
+          if (res.data.fail_count === 0) {
+            ElMessage.success('全部设置成功')
+            setTimeout(() => {
+              handleCloseSeriesBindingDialog()
+              getTableData()
+            }, 1500)
+          } else {
+            ElMessage.warning(`部分设置失败，请查看失败详情`)
           }
-          const res = await DeviceService.batchSetDeviceSeriesBinding(data)
-          if (res.code === 0) {
-            seriesBindingResult.value = res.data
-            if (res.data.fail_count === 0) {
-              ElMessage.success('全部设置成功')
-              setTimeout(() => {
-                handleCloseSeriesBindingDialog()
-                getTableData()
-              }, 1500)
-            } else {
-              ElMessage.warning(`部分设置失败，请查看失败详情`)
-            }
-          }
-        } catch (error) {
-          console.error(error)
-        } finally {
-          seriesBindingLoading.value = false
         }
+      } catch (error) {
+        console.error(error)
+      } finally {
+        seriesBindingLoading.value = false
       }
-    })
-  }
-
-  // 关闭套餐系列绑定对话框
-  const handleCloseSeriesBindingDialog = () => {
-    seriesBindingDialogVisible.value = false
-    seriesBindingResult.value = null
-    Object.assign(seriesBindingForm, createInitialSeriesBindingState())
-    if (seriesBindingFormRef.value) {
-      seriesBindingFormRef.value.resetFields()
     }
+  })
+}
+
+// 关闭套餐系列绑定对话框
+const handleCloseSeriesBindingDialog = () => {
+  seriesBindingDialogVisible.value = false
+  seriesBindingResult.value = null
+  Object.assign(seriesBindingForm, createInitialSeriesBindingState())
+  if (seriesBindingFormRef.value) {
+    seriesBindingFormRef.value.resetFields()
   }
+}
 
-  // ========== 设备操作相关 ==========
+// ========== 设备操作相关 ==========
 
-  // 获取设备IMEI(通过virtual_no)
-  const getDeviceImei = async (virtualNo: string): Promise<string | null> => {
-    try {
-      const res = await AssetService.resolveAsset(virtualNo)
-      if (res.code === 0 && res.data && res.data.asset_type === 'device') {
-        return res.data.imei || null
-      }
-      return null
-    } catch (error) {
-      console.error('获取设备IMEI失败:', error)
-      return null
+// 获取设备IMEI(通过virtual_no)
+const getDeviceImei = async (virtualNo: string): Promise<string | null> => {
+  try {
+    const res = await AssetService.resolveAsset(virtualNo)
+    if (res.code === 0 && res.data && res.data.asset_type === 'device') {
+      return res.data.imei || null
     }
+    return null
+  } catch (error) {
+    console.error('获取设备IMEI失败:', error)
+    return null
   }
+}
 
-  // 设备操作路由
-  const handleDeviceOperation = async (command: string, deviceNo: string, device?: Device) => {
-    // 设置当前操作的设备
-    currentOperatingDevice.value = device || null
+// 设备操作路由
+const handleDeviceOperation = async (command: string, deviceNo: string, device?: Device) => {
+  // 设置当前操作的设备
+  currentOperatingDevice.value = device || null
 
-    switch (command) {
-      case 'view-cards':
-        handleViewCardsByDeviceNo(deviceNo)
-        break
-      case 'reboot': {
-        const imei = device?.imei || (await getDeviceImei(deviceNo))
-        if (!imei) {
-          ElMessage.error('无法获取设备IMEI,无法执行重启操作')
-          return
-        }
-        handleRebootDevice(imei)
-        break
+  switch (command) {
+    case 'view-cards':
+      handleViewCardsByDeviceNo(deviceNo)
+      break
+    case 'reboot': {
+      const imei = device?.imei || (await getDeviceImei(deviceNo))
+      if (!imei) {
+        ElMessage.error('无法获取设备IMEI,无法执行重启操作')
+        return
       }
-      case 'reset': {
-        const imei = device?.imei || (await getDeviceImei(deviceNo))
-        if (!imei) {
-          ElMessage.error('无法获取设备IMEI,无法执行重置操作')
-          return
-        }
-        handleResetDevice(imei)
-        break
-      }
-      case 'switch-card': {
-        const imei = device?.imei || (await getDeviceImei(deviceNo))
-        if (!imei) {
-          ElMessage.error('无法获取设备IMEI,无法执行切卡操作')
-          return
-        }
-        await showSwitchCardDialog(imei)
-        break
-      }
-      case 'manual-deactivate':
-        handleManualDeactivateDevice()
-        break
-      case 'delete':
-        await handleDeleteDeviceByNo(deviceNo)
-        break
-      case 'clear-series':
-        await handleClearDeviceSeries(deviceNo)
-        break
-      case 'switch-mode':
-        await showSwitchModeDialog(deviceNo)
-        break
-      case 'realname-policy':
-        showRealnamePolicyDialog(deviceNo, device?.realname_policy)
-        break
+      handleRebootDevice(imei)
+      break
     }
-  }
-
-  // 显示实名认证策略对话框
-  const showRealnamePolicyDialog = (deviceNo: string, currentPolicy?: string) => {
-    currentRealnamePolicyAsset.value = deviceNo
-    currentRealnamePolicy.value = currentPolicy ?? 'none'
-    realnamePolicyDialogVisible.value = true
-  }
-
-  // 确认设置实名认证策略
-  const handleConfirmRealnamePolicy = async (data: { realname_policy: string }) => {
-    try {
-      const res = await AssetService.updateRealnamePolicy(
-        currentRealnamePolicyAsset.value,
-        data.realname_policy
-      )
-      if (res.code === 0) {
-        ElMessage.success('设置实名认证策略成功')
-        realnamePolicyDialogVisible.value = false
-        await getTableData()
-      } else {
-        ElMessage.error(res.msg || '设置失败')
+    case 'reset': {
+      const imei = device?.imei || (await getDeviceImei(deviceNo))
+      if (!imei) {
+        ElMessage.error('无法获取设备IMEI,无法执行重置操作')
+        return
       }
-    } catch (error) {
-      console.error('设置实名认证策略失败:', error)
+      handleResetDevice(imei)
+      break
     }
-  }
-
-  // 通过设备号设备绑定的卡
-  const handleViewCardsByDeviceNo = (deviceNo: string) => {
-    const device = deviceList.value.find((d) => d.virtual_no === deviceNo)
-    if (device) {
-      handleViewCards(device)
-    } else {
-      ElMessage.error('未找到该设备')
-    }
-  }
-
-  // 手动停用设备（资产层面的停用）
-  const handleManualDeactivateDevice = () => {
-    const device = currentOperatingDevice.value
-    if (!device) {
-      ElMessage.error('未找到设备信息')
-      return
-    }
-
-    ElMessageBox.confirm(
-      `确定要手动停用设备 ${device.virtual_no} 吗？此操作将在资产管理层面停用该设备。`,
-      '确认手动停用',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
+    case 'switch-card': {
+      const imei = device?.imei || (await getDeviceImei(deviceNo))
+      if (!imei) {
+        ElMessage.error('无法获取设备IMEI,无法执行切卡操作')
+        return
       }
+      await showSwitchCardDialog(imei)
+      break
+    }
+    case 'manual-deactivate':
+      handleManualDeactivateDevice()
+      break
+    case 'delete':
+      await handleDeleteDeviceByNo(deviceNo)
+      break
+    case 'clear-series':
+      await handleClearDeviceSeries(deviceNo)
+      break
+    case 'switch-mode':
+      await showSwitchModeDialog(deviceNo)
+      break
+    case 'realname-policy':
+      showRealnamePolicyDialog(deviceNo, device?.realname_policy)
+      break
+  }
+}
+
+// 显示实名认证策略对话框
+const showRealnamePolicyDialog = (deviceNo: string, currentPolicy?: string) => {
+  currentRealnamePolicyAsset.value = deviceNo
+  currentRealnamePolicy.value = currentPolicy ?? 'none'
+  realnamePolicyDialogVisible.value = true
+}
+
+// 确认设置实名认证策略
+const handleConfirmRealnamePolicy = async (data: { realname_policy: string }) => {
+  try {
+    const res = await AssetService.updateRealnamePolicy(
+      currentRealnamePolicyAsset.value,
+      data.realname_policy
     )
-      .then(async () => {
-        try {
-          const res = await AssetService.deactivateAsset(device.virtual_no)
-          if (res.code === 0) {
-            ElMessage.success('手动停用成功')
-            await getTableData()
-          }
-        } catch (error: any) {
-          console.error('手动停用失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 通过设备号删除设备
-  const handleDeleteDeviceByNo = async (deviceNo: string) => {
-    // 先根据设备号找到设备对象
-    const device = deviceList.value.find((d) => d.virtual_no === deviceNo)
-    if (device) {
-      deleteDevice(device)
+    if (res.code === 0) {
+      ElMessage.success('设置实名认证策略成功')
+      realnamePolicyDialogVisible.value = false
+      await getTableData()
     } else {
-      ElMessage.error('未找到该设备')
+      ElMessage.error(res.msg || '设置失败')
     }
+  } catch (error) {
+    console.error('设置实名认证策略失败:', error)
+  }
+}
+
+// 通过设备号设备绑定的卡
+const handleViewCardsByDeviceNo = (deviceNo: string) => {
+  const device = deviceList.value.find((d) => d.virtual_no === deviceNo)
+  if (device) {
+    handleViewCards(device)
+  } else {
+    ElMessage.error('未找到该设备')
+  }
+}
+
+// 手动停用设备（资产层面的停用）
+const handleManualDeactivateDevice = () => {
+  const device = currentOperatingDevice.value
+  if (!device) {
+    ElMessage.error('未找到设备信息')
+    return
   }
 
-  // 重启设备
-  const handleRebootDevice = (imei: string) => {
-    ElMessageBox.confirm(`确定要重启设备 ${imei} 吗？`, '重启确认', {
+  ElMessageBox.confirm(
+    `确定要手动停用设备 ${device.virtual_no} 吗？此操作将在资产管理层面停用该设备。`,
+    '确认手动停用',
+    {
       confirmButtonText: '确定',
       cancelButtonText: '取消',
       type: 'warning'
-    })
-      .then(async () => {
-        try {
-          const res = await DeviceService.rebootDevice(imei)
-          if (res.code === 0) {
-            ElMessage.success('重启指令已发送')
-          } else {
-            ElMessage.error(res.msg || '重启失败')
-          }
-        } catch (error: any) {
-          console.error('重启设备失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 恢复出厂设置
-  const handleResetDevice = (imei: string) => {
-    ElMessageBox.confirm(
-      `确定要恢复设备 ${imei} 的出厂设置吗？此操作将清除所有配置和数据！`,
-      '恢复出厂设置确认',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'error'
-      }
-    )
-      .then(async () => {
-        try {
-          const res = await DeviceService.resetDevice(imei)
-          if (res.code === 0) {
-            ElMessage.success('恢复出厂设置指令已发送')
-          } else {
-            ElMessage.error(res.msg || '操作失败')
-          }
-        } catch (error: any) {
-          console.error('恢复出厂设置失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 显示切换SIM卡对话框
-  const showSwitchCardDialog = async (imei: string) => {
-    currentOperatingImei.value = imei
-    deviceBindingCards.value = []
-    switchCardDialogVisible.value = true
-
-    // 使用当前操作的设备
-    const device = currentOperatingDevice.value
-    if (!device) {
-      ElMessage.error('未找到设备信息')
-      return
     }
+  )
+    .then(async () => {
+      try {
+        const res = await AssetService.deactivateAsset(device.virtual_no)
+        if (res.code === 0) {
+          ElMessage.success('手动停用成功')
+          await getTableData()
+        }
+      } catch (error: any) {
+        console.error('手动停用失败:', error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
 
-    // 加载设备绑定的卡列表
-    loadingDeviceCards.value = true
+// 通过设备号删除设备
+const handleDeleteDeviceByNo = async (deviceNo: string) => {
+  // 先根据设备号找到设备对象
+  const device = deviceList.value.find((d) => d.virtual_no === deviceNo)
+  if (device) {
+    deleteDevice(device)
+  } else {
+    ElMessage.error('未找到该设备')
+  }
+}
+
+// 重启设备
+const handleRebootDevice = (imei: string) => {
+  ElMessageBox.confirm(`确定要重启设备 ${imei} 吗？`, '重启确认', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(async () => {
+      try {
+        const res = await DeviceService.rebootDevice(imei)
+        if (res.code === 0) {
+          ElMessage.success('重启指令已发送')
+        } else {
+          ElMessage.error(res.msg || '重启失败')
+        }
+      } catch (error: any) {
+        console.error('重启设备失败:', error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
+
+// 恢复出厂设置
+const handleResetDevice = (imei: string) => {
+  ElMessageBox.confirm(
+    `确定要恢复设备 ${imei} 的出厂设置吗？此操作将清除所有配置和数据！`,
+    '恢复出厂设置确认',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'error'
+    }
+  )
+    .then(async () => {
+      try {
+        const res = await DeviceService.resetDevice(imei)
+        if (res.code === 0) {
+          ElMessage.success('恢复出厂设置指令已发送')
+        } else {
+          ElMessage.error(res.msg || '操作失败')
+        }
+      } catch (error: any) {
+        console.error('恢复出厂设置失败:', error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
+
+// 显示切换SIM卡对话框
+const showSwitchCardDialog = async (imei: string) => {
+  currentOperatingImei.value = imei
+  deviceBindingCards.value = []
+  switchCardDialogVisible.value = true
+
+  // 使用当前操作的设备
+  const device = currentOperatingDevice.value
+  if (!device) {
+    ElMessage.error('未找到设备信息')
+    return
+  }
+
+  // 加载设备绑定的卡列表
+  loadingDeviceCards.value = true
+  try {
+    const res = await DeviceService.getDeviceCards(device.virtual_no)
+    if (res.code === 0 && res.data) {
+      deviceBindingCards.value = res.data.bindings || []
+      if (deviceBindingCards.value.length === 0) {
+        ElMessage.warning('该设备暂无绑定的SIM卡')
+      }
+    }
+  } catch (error) {
+    console.error('加载设备绑定卡列表失败:', error)
+  } finally {
+    loadingDeviceCards.value = false
+  }
+}
+
+// 确认切换SIM卡
+const handleConfirmSwitchCard = async (data: { target_iccid: string }) => {
+  try {
+    const res = await DeviceService.switchCard(currentOperatingImei.value, {
+      target_iccid: data.target_iccid
+    })
+    if (res.code === 0) {
+      ElMessage.success('切换SIM卡指令已发送')
+      switchCardDialogVisible.value = false
+    } else {
+      ElMessage.error(res.msg || '切换失败')
+    }
+  } catch (error: any) {
+    console.error('切换SIM卡失败:', error)
+  }
+}
+
+// 显示切换模式对话框
+const normalizeSwitchModeCards = (cards: Array<Record<string, any>>): SwitchModeCardOption[] => {
+  return cards
+    .map((card) => ({
+      iot_card_id: Number(card.iot_card_id),
+      iccid: card.iccid,
+      slot_position: card.slot_position,
+      carrier_name: card.carrier_name,
+      msisdn: card.msisdn,
+      network_status: card.network_status === undefined ? undefined : Number(card.network_status),
+      real_name_status:
+        card.real_name_status === undefined ? undefined : Number(card.real_name_status),
+      is_current: card.is_current
+    }))
+    .filter((card) => Number.isFinite(card.iot_card_id) && Boolean(card.iccid))
+}
+
+// 显示切换模式对话框
+const showSwitchModeDialog = async (deviceIdentifier: string) => {
+  const device = currentOperatingDevice.value
+  if (!device) {
+    ElMessage.error('未找到设备信息')
+    return
+  }
+
+  currentOperatingDeviceIdentifier.value = deviceIdentifier
+  currentDeviceSwitchMode.value = Number(device.switch_mode ?? 0)
+  currentOperatingDeviceHasImei.value = Boolean(device.imei)
+  switchModeCards.value = []
+
+  if (currentOperatingDeviceHasImei.value) {
     try {
       const res = await DeviceService.getDeviceCards(device.virtual_no)
-      if (res.code === 0 && res.data) {
-        deviceBindingCards.value = res.data.bindings || []
-        if (deviceBindingCards.value.length === 0) {
-          ElMessage.warning('该设备暂无绑定的SIM卡')
-        }
-      }
-    } catch (error) {
-      console.error('加载设备绑定卡列表失败:', error)
-    } finally {
-      loadingDeviceCards.value = false
-    }
-  }
-
-  // 确认切换SIM卡
-  const handleConfirmSwitchCard = async (data: { target_iccid: string }) => {
-    try {
-      const res = await DeviceService.switchCard(currentOperatingImei.value, {
-        target_iccid: data.target_iccid
-      })
-      if (res.code === 0) {
-        ElMessage.success('切换SIM卡指令已发送')
-        switchCardDialogVisible.value = false
-      } else {
-        ElMessage.error(res.msg || '切换失败')
-      }
-    } catch (error: any) {
-      console.error('切换SIM卡失败:', error)
-    }
-  }
-
-  // 显示切换模式对话框
-  const normalizeSwitchModeCards = (cards: Array<Record<string, any>>): SwitchModeCardOption[] => {
-    return cards
-      .map((card) => ({
-        iot_card_id: Number(card.iot_card_id),
-        iccid: card.iccid,
-        slot_position: card.slot_position,
-        carrier_name: card.carrier_name,
-        msisdn: card.msisdn,
-        network_status: card.network_status === undefined ? undefined : Number(card.network_status),
-        real_name_status:
-          card.real_name_status === undefined ? undefined : Number(card.real_name_status),
-        is_current: card.is_current
-      }))
-      .filter((card) => Number.isFinite(card.iot_card_id) && Boolean(card.iccid))
-  }
-
-  // 显示切换模式对话框
-  const showSwitchModeDialog = async (deviceIdentifier: string) => {
-    const device = currentOperatingDevice.value
-    if (!device) {
-      ElMessage.error('未找到设备信息')
-      return
-    }
-
-    currentOperatingDeviceIdentifier.value = deviceIdentifier
-    currentDeviceSwitchMode.value = Number(device.switch_mode ?? 0)
-    currentOperatingDeviceHasImei.value = Boolean(device.imei)
-    switchModeCards.value = []
-
-    if (currentOperatingDeviceHasImei.value) {
-      try {
-        const res = await DeviceService.getDeviceCards(device.virtual_no)
-        if (res.code !== 0 || !res.data) {
-          ElMessage.error(res.msg || '加载设备绑定卡失败')
-          return
-        }
-
-        switchModeCards.value = normalizeSwitchModeCards(
-          (res.data.bindings || []) as Array<Record<string, any>>
-        )
-      } catch (error) {
-        console.error('加载切卡模式绑定卡失败:', error)
-        ElMessage.error('加载设备绑定卡失败')
+      if (res.code !== 0 || !res.data) {
+        ElMessage.error(res.msg || '加载设备绑定卡失败')
         return
       }
-    }
 
-    switchModeDialogVisible.value = true
-  }
-
-  // 确认切换模式
-  const handleConfirmSwitchMode = async (data: { iot_card_id: number; switch_mode: 0 | 1 }) => {
-    switchModeLoading.value = true
-    try {
-      const res = await DeviceService.setSwitchMode(currentOperatingDeviceIdentifier.value, data)
-      if (res.code === 0) {
-        ElMessage.success('设置切卡模式成功')
-        switchModeDialogVisible.value = false
-        await getTableData()
-      } else {
-        ElMessage.error(res.msg || '设置切卡模式失败')
-      }
-    } catch (error: any) {
-      console.error('设置切卡模式失败:', error)
-    } finally {
-      switchModeLoading.value = false
+      switchModeCards.value = normalizeSwitchModeCards(
+        (res.data.bindings || []) as Array<Record<string, any>>
+      )
+    } catch (error) {
+      console.error('加载切卡模式绑定卡失败:', error)
+      ElMessage.error('加载设备绑定卡失败')
+      return
     }
   }
 
-  // 设备操作菜单项配置
-  // 表格操作列配置
-  const getActions = (row: Device) => {
-    const actions: any[] = []
+  switchModeDialogVisible.value = true
+}
 
-    // 第一个按钮：切换SIM卡
-    if (hasAuth('device:switch_sim')) {
-      actions.push({
-        label: '切换SIM卡',
-        handler: () => handleDeviceOperation('switch-card', row.virtual_no, row),
-        type: 'primary'
-      })
+// 确认切换模式
+const handleConfirmSwitchMode = async (data: { iot_card_id: number; switch_mode: 0 | 1 }) => {
+  switchModeLoading.value = true
+  try {
+    const res = await DeviceService.setSwitchMode(currentOperatingDeviceIdentifier.value, data)
+    if (res.code === 0) {
+      ElMessage.success('设置切卡模式成功')
+      switchModeDialogVisible.value = false
+      await getTableData()
+    } else {
+      ElMessage.error(res.msg || '设置切卡模式失败')
     }
-
-    // 其他操作放到"更多"下拉菜单中
-    const moreActions: any[] = []
-
-    if (hasAuth('device:view_cards')) {
-      moreActions.push({
-        label: '设备绑定的卡',
-        handler: () => handleDeviceOperation('view-cards', row.virtual_no, row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('device:switch_mode')) {
-      moreActions.push({
-        label: '设置切卡模式',
-        handler: () => handleDeviceOperation('switch-mode', row.virtual_no, row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('device:reboot')) {
-      moreActions.push({
-        label: '重启设备',
-        handler: () => handleDeviceOperation('reboot', row.virtual_no, row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('device:factory_reset')) {
-      moreActions.push({
-        label: '恢复出厂',
-        handler: () => handleDeviceOperation('reset', row.virtual_no, row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('device:clear_series')) {
-      moreActions.push({
-        label: '清除关联',
-        handler: () => handleDeviceOperation('clear-series', row.virtual_no, row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('device:realname_policy')) {
-      moreActions.push({
-        label: '实名认证策略',
-        handler: () => handleDeviceOperation('realname-policy', row.virtual_no, row),
-        type: 'primary'
-      })
-    }
-
-    // if (hasAuth('device:manual_deactivate')) {
-    //   moreActions.push({
-    //     label: '手动停用',
-    //     handler: () => handleDeviceOperation('manual-deactivate', row.virtual_no, row),
-    //     type: 'primary'
-    //   })
-    // }
-
-    if (hasAuth('device:delete')) {
-      moreActions.push({
-        label: '删除设备',
-        handler: () => handleDeviceOperation('delete', row.virtual_no, row),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('device:operation_logs')) {
-      moreActions.push({
-        label: '操作审计日志',
-        handler: () => {
-          operationLogsIdentifier.value = row.virtual_no
-          operationLogsDialogVisible.value = true
-        },
-        type: 'primary'
-      })
-    }
-
-    // 如果有更多操作，添加到 actions 中
-    if (moreActions.length > 0) {
-      actions.push(...moreActions)
-    }
-
-    return actions
+  } catch (error: any) {
+    console.error('设置切卡模式失败:', error)
+  } finally {
+    switchModeLoading.value = false
   }
+}
+
+// 设备操作菜单项配置
+// 表格操作列配置
+const getActions = (row: Device) => {
+  const actions: any[] = []
+
+  // 第一个按钮：切换SIM卡
+  if (hasAuth('device:switch_sim')) {
+    actions.push({
+      label: '切换SIM卡',
+      handler: () => handleDeviceOperation('switch-card', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  // 其他操作放到"更多"下拉菜单中
+  const moreActions: any[] = []
+
+  if (hasAuth('device:view_cards')) {
+    moreActions.push({
+      label: '设备绑定的卡',
+      handler: () => handleDeviceOperation('view-cards', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  if (hasAuth('device:switch_mode')) {
+    moreActions.push({
+      label: '设置切卡模式',
+      handler: () => handleDeviceOperation('switch-mode', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  if (hasAuth('device:reboot')) {
+    moreActions.push({
+      label: '重启设备',
+      handler: () => handleDeviceOperation('reboot', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  if (hasAuth('device:factory_reset')) {
+    moreActions.push({
+      label: '恢复出厂',
+      handler: () => handleDeviceOperation('reset', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  if (hasAuth('device:clear_series')) {
+    moreActions.push({
+      label: '清除关联',
+      handler: () => handleDeviceOperation('clear-series', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  if (hasAuth('device:realname_policy')) {
+    moreActions.push({
+      label: '实名认证策略',
+      handler: () => handleDeviceOperation('realname-policy', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  // if (hasAuth('device:manual_deactivate')) {
+  //   moreActions.push({
+  //     label: '手动停用',
+  //     handler: () => handleDeviceOperation('manual-deactivate', row.virtual_no, row),
+  //     type: 'primary'
+  //   })
+  // }
+
+  if (hasAuth('device:delete')) {
+    moreActions.push({
+      label: '删除设备',
+      handler: () => handleDeviceOperation('delete', row.virtual_no, row),
+      type: 'primary'
+    })
+  }
+
+  if (hasAuth('device:operation_logs')) {
+    moreActions.push({
+      label: '操作审计日志',
+      handler: () => {
+        operationLogsIdentifier.value = row.virtual_no
+        operationLogsDialogVisible.value = true
+      },
+      type: 'primary'
+    })
+  }
+
+  // 如果有更多操作，添加到 actions 中
+  if (moreActions.length > 0) {
+    actions.push(...moreActions)
+  }
+
+  return actions
+}
 </script>
 
 <style scoped lang="scss">
-  .device-list-page {
-    height: 100%;
-  }
+.device-list-page {
+  height: 100%;
+}
 
-  .range-allocation-hint {
-    color: var(--el-text-color-secondary);
-    font-size: 13px;
-    line-height: 20px;
-  }
+.range-allocation-hint {
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+  line-height: 20px;
+}
 
-  .range-allocation-hint--device {
-    margin: -6px 0 18px 120px;
-  }
+.range-allocation-hint--device {
+  margin: -6px 0 18px 120px;
+}
 
-  :deep(.el-table__row.table-row-with-context-menu) {
-    cursor: pointer;
-  }
+:deep(.el-table__row.table-row-with-context-menu) {
+  cursor: pointer;
+}
 </style>
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 9d97fe6..f649bff 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -2,64 +2,32 @@
   <ArtTableFullScreen>
     <div class="standalone-card-list-page" id="table-full-screen">
       <!-- 搜索栏 -->
-      <ArtSearchBar
-        v-model:filter="formFilters"
-        :items="formItems"
-        label-width="120"
-        @reset="handleReset"
-        @search="handleSearch"
-      ></ArtSearchBar>
+      <ArtSearchBar v-model:filter="formFilters" :items="formItems" label-width="120" @reset="handleReset"
+        @search="handleSearch"></ArtSearchBar>
 
       <ElCard shadow="never" class="art-table-card">
         <!-- 表格头部 -->
-        <ArtTableHeader
-          :columnList="columnOptions"
-          v-model:columns="columnChecks"
-          @refresh="handleRefresh"
-        >
+        <ArtTableHeader :columnList="columnOptions" v-model:columns="columnChecks" @refresh="handleRefresh">
           <template #left>
-            <ElButton
-              type="success"
-              :disabled="selectedCards.length === 0"
-              @click="showAllocateDialog"
-              v-permission="'iot_card:batch_allocation'"
-            >
+            <ElButton type="success" :disabled="selectedCards.length === 0" @click="showAllocateDialog"
+              v-permission="'iot_card:batch_allocation'">
               批量分配
             </ElButton>
-            <ElButton
-              type="warning"
-              :disabled="selectedCards.length === 0"
-              @click="showRecallDialog"
-              v-permission="'iot_card:batch_recycle'"
-            >
+            <ElButton type="warning" :disabled="selectedCards.length === 0" @click="showRecallDialog"
+              v-permission="'iot_card:batch_recycle'">
               批量回收
             </ElButton>
-            <ElButton
-              type="primary"
-              @click="showSeriesBindingDialog"
-              v-permission="'iot_card:batch_setting'"
-            >
+            <ElButton type="primary" @click="showSeriesBindingDialog" v-permission="'iot_card:batch_setting'">
               批量设置套餐系列
             </ElButton>
           </template>
         </ArtTableHeader>
 
         <!-- 表格 -->
-        <ArtTable
-          ref="tableRef"
-          row-key="id"
-          :loading="loading"
-          :data="cardList"
-          :currentPage="pagination.page"
-          :pageSize="pagination.pageSize"
-          :total="pagination.total"
-          :marginTop="10"
-          :actions="getActions"
-          :actionsWidth="160"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          @selection-change="handleSelectionChange"
-        >
+        <ArtTable ref="tableRef" row-key="id" :loading="loading" :data="cardList" :currentPage="pagination.page"
+          :pageSize="pagination.pageSize" :total="pagination.total" :marginTop="10" :actions="getActions"
+          :actionsWidth="160" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          @selection-change="handleSelectionChange">
           <template #default>
             <ElTableColumn type="selection" width="55" />
             <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
@@ -67,28 +35,11 @@
         </ArtTable>
 
         <!-- 批量分配对话框 -->
-        <ElDialog
-          v-model="allocateDialogVisible"
-          title="批量分配"
-          width="600px"
-          @close="handleAllocateDialogClose"
-        >
-          <ElForm
-            ref="allocateFormRef"
-            :model="allocateForm"
-            :rules="allocateRules"
-            label-width="120px"
-          >
+        <ElDialog v-model="allocateDialogVisible" title="批量分配" width="600px" @close="handleAllocateDialogClose">
+          <ElForm ref="allocateFormRef" :model="allocateForm" :rules="allocateRules" label-width="120px">
             <ElFormItem label="店铺" prop="to_shop_id">
-              <ElCascader
-                v-model="allocateForm.to_shop_id"
-                :options="shopCascadeOptions"
-                :props="shopCascadeProps"
-                placeholder="请选择目标店铺"
-                clearable
-                filterable
-                style="width: 100%"
-              />
+              <ElCascader v-model="allocateForm.to_shop_id" :options="shopCascadeOptions" :props="shopCascadeProps"
+                placeholder="请选择目标店铺" clearable filterable style="width: 100%" />
             </ElFormItem>
             <ElFormItem label="选卡方式" prop="selection_type">
               <ElRadioGroup v-model="allocateForm.selection_type">
@@ -98,97 +49,50 @@
               </ElRadioGroup>
             </ElFormItem>
 
-            <ElFormItem
-              v-if="allocateForm.selection_type === CardSelectionType.LIST"
-              label="ICCID列表"
-            >
+            <ElFormItem v-if="allocateForm.selection_type === CardSelectionType.LIST" label="ICCID列表">
               <div>已选择 {{ selectedCards.length }} 张卡</div>
             </ElFormItem>
 
-            <ElFormItem
-              v-if="allocateForm.selection_type === CardSelectionType.RANGE"
-              label="起始ICCID"
-              prop="iccid_start"
-            >
+            <ElFormItem v-if="allocateForm.selection_type === CardSelectionType.RANGE" label="起始ICCID"
+              prop="iccid_start">
               <ElInput v-model="allocateForm.iccid_start" placeholder="请输入起始ICCID" />
             </ElFormItem>
-            <ElFormItem
-              v-if="allocateForm.selection_type === CardSelectionType.RANGE"
-              label="结束ICCID"
-              prop="iccid_end"
-            >
+            <ElFormItem v-if="allocateForm.selection_type === CardSelectionType.RANGE" label="结束ICCID" prop="iccid_end">
               <ElInput v-model="allocateForm.iccid_end" placeholder="请输入结束ICCID" />
             </ElFormItem>
+            <div v-if="
+              allocateForm.selection_type === CardSelectionType.RANGE && allocateRangeCountText
+            " class="range-allocation-hint range-allocation-hint--card-form">
+              共分配{{ allocateRangeCountText }}张卡
+            </div>
 
-            <ElFormItem
-              v-if="allocateForm.selection_type === CardSelectionType.FILTER"
-              label="运营商"
-            >
-              <ElSelect
-                v-model="allocateForm.carrier_id"
-                placeholder="请选择或搜索运营商"
-                clearable
-                filterable
-                remote
-                :remote-method="handleSearchAllocateCarrier"
-                :loading="allocateCarrierLoading"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="item in allocateCarrierOptions"
-                  :key="item.id"
-                  :label="item.carrier_name"
-                  :value="item.id"
-                />
+            <ElFormItem v-if="allocateForm.selection_type === CardSelectionType.FILTER" label="运营商">
+              <ElSelect v-model="allocateForm.carrier_id" placeholder="请选择或搜索运营商" clearable filterable remote
+                :remote-method="handleSearchAllocateCarrier" :loading="allocateCarrierLoading" style="width: 100%">
+                <ElOption v-for="item in allocateCarrierOptions" :key="item.id" :label="item.carrier_name"
+                  :value="item.id" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="allocateForm.selection_type === CardSelectionType.FILTER"
-              label="卡状态"
-            >
-              <ElSelect
-                v-model="allocateForm.status"
-                placeholder="请选择状态"
-                clearable
-                style="width: 100%"
-              >
+            <ElFormItem v-if="allocateForm.selection_type === CardSelectionType.FILTER" label="卡状态">
+              <ElSelect v-model="allocateForm.status" placeholder="请选择状态" clearable style="width: 100%">
                 <ElOption label="在库" :value="1" />
                 <ElOption label="已分销" :value="2" />
                 <ElOption label="已激活" :value="3" />
                 <ElOption label="已停用" :value="4" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="
-                allocateForm.selection_type === CardSelectionType.FILTER && userInfo.user_type !== 3
-              "
-              label="批次号"
-            >
-              <ElSelect
-                v-model="allocateForm.batch_no"
-                placeholder="请选择或搜索批次号"
-                clearable
-                filterable
-                remote
-                :remote-method="handleSearchAllocateBatchNo"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="item in allocateBatchNoOptions"
-                  :key="item.id"
-                  :label="item.batch_no"
-                  :value="item.batch_no"
-                />
+            <ElFormItem v-if="
+              allocateForm.selection_type === CardSelectionType.FILTER && userInfo.user_type !== 3
+            " label="批次号">
+              <ElSelect v-model="allocateForm.batch_no" placeholder="请选择或搜索批次号" clearable filterable remote
+                :remote-method="handleSearchAllocateBatchNo" style="width: 100%">
+                <ElOption v-for="item in allocateBatchNoOptions" :key="item.id" :label="item.batch_no"
+                  :value="item.batch_no" />
               </ElSelect>
             </ElFormItem>
 
             <ElFormItem label="备注">
-              <ElInput
-                v-model="allocateForm.remark"
-                type="textarea"
-                :rows="3"
-                placeholder="请输入备注信息"
-              />
+              <ElInput v-model="allocateForm.remark" type="textarea" :rows="3" placeholder="请输入备注信息" />
             </ElFormItem>
           </ElForm>
           <template #footer>
@@ -202,12 +106,7 @@
         </ElDialog>
 
         <!-- 批量回收对话框 -->
-        <ElDialog
-          v-model="recallDialogVisible"
-          title="批量回收"
-          width="600px"
-          @close="handleRecallDialogClose"
-        >
+        <ElDialog v-model="recallDialogVisible" title="批量回收" width="600px" @close="handleRecallDialogClose">
           <ElForm ref="recallFormRef" :model="recallForm" :rules="recallRules" label-width="120px">
             <ElFormItem label="选卡方式" prop="selection_type">
               <ElRadioGroup v-model="recallForm.selection_type">
@@ -217,81 +116,40 @@
               </ElRadioGroup>
             </ElFormItem>
 
-            <ElFormItem
-              v-if="recallForm.selection_type === CardSelectionType.LIST"
-              label="ICCID列表"
-            >
+            <ElFormItem v-if="recallForm.selection_type === CardSelectionType.LIST" label="ICCID列表">
               <div>已选择 {{ selectedCards.length }} 张卡</div>
             </ElFormItem>
 
-            <ElFormItem
-              v-if="recallForm.selection_type === CardSelectionType.RANGE"
-              label="起始ICCID"
-              prop="iccid_start"
-            >
+            <ElFormItem v-if="recallForm.selection_type === CardSelectionType.RANGE" label="起始ICCID" prop="iccid_start">
               <ElInput v-model="recallForm.iccid_start" placeholder="请输入起始ICCID" />
             </ElFormItem>
-            <ElFormItem
-              v-if="recallForm.selection_type === CardSelectionType.RANGE"
-              label="结束ICCID"
-              prop="iccid_end"
-            >
+            <ElFormItem v-if="recallForm.selection_type === CardSelectionType.RANGE" label="结束ICCID" prop="iccid_end">
               <ElInput v-model="recallForm.iccid_end" placeholder="请输入结束ICCID" />
             </ElFormItem>
+            <div v-if="recallForm.selection_type === CardSelectionType.RANGE && recallRangeCountText"
+              class="range-allocation-hint range-allocation-hint--card-form">
+              共分配{{ recallRangeCountText }}张卡
+            </div>
 
-            <ElFormItem
-              v-if="recallForm.selection_type === CardSelectionType.FILTER"
-              label="运营商"
-            >
-              <ElSelect
-                v-model="recallForm.carrier_id"
-                placeholder="请选择或搜索运营商"
-                clearable
-                filterable
-                remote
-                :remote-method="handleSearchAllocateCarrier"
-                :loading="allocateCarrierLoading"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="item in allocateCarrierOptions"
-                  :key="item.id"
-                  :label="item.carrier_name"
-                  :value="item.id"
-                />
+            <ElFormItem v-if="recallForm.selection_type === CardSelectionType.FILTER" label="运营商">
+              <ElSelect v-model="recallForm.carrier_id" placeholder="请选择或搜索运营商" clearable filterable remote
+                :remote-method="handleSearchAllocateCarrier" :loading="allocateCarrierLoading" style="width: 100%">
+                <ElOption v-for="item in allocateCarrierOptions" :key="item.id" :label="item.carrier_name"
+                  :value="item.id" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="
-                recallForm.selection_type === CardSelectionType.FILTER && userInfo.user_type !== 3
-              "
-              label="批次号"
-            >
-              <ElSelect
-                v-model="recallForm.batch_no"
-                placeholder="请选择或搜索批次号"
-                clearable
-                filterable
-                remote
-                :remote-method="handleSearchAllocateBatchNo"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="item in allocateBatchNoOptions"
-                  :key="item.id"
-                  :label="item.batch_no"
-                  :value="item.batch_no"
-                />
+            <ElFormItem v-if="
+              recallForm.selection_type === CardSelectionType.FILTER && userInfo.user_type !== 3
+            " label="批次号">
+              <ElSelect v-model="recallForm.batch_no" placeholder="请选择或搜索批次号" clearable filterable remote
+                :remote-method="handleSearchAllocateBatchNo" style="width: 100%">
+                <ElOption v-for="item in allocateBatchNoOptions" :key="item.id" :label="item.batch_no"
+                  :value="item.batch_no" />
               </ElSelect>
             </ElFormItem>
 
             <ElFormItem label="备注">
-              <ElInput
-                v-model="recallForm.remark"
-                type="textarea"
-                :rows="3"
-                placeholder="请输入备注信息"
-              />
+              <ElInput v-model="recallForm.remark" type="textarea" :rows="3" placeholder="请输入备注信息" />
             </ElFormItem>
           </ElForm>
           <template #footer>
@@ -309,10 +167,10 @@
           <ElDescriptions :column="2" border>
             <ElDescriptionsItem label="操作单号">{{
               allocationResult.allocation_no
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
             <ElDescriptionsItem label="待处理总数">{{
               allocationResult.total_count
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
             <ElDescriptionsItem label="成功数">
               <ElTag type="success">{{ allocationResult.success_count }}</ElTag>
             </ElDescriptionsItem>
@@ -321,10 +179,8 @@
             </ElDescriptionsItem>
           </ElDescriptions>
 
-          <div
-            v-if="allocationResult.failed_items && allocationResult.failed_items.length > 0"
-            style="margin-top: 20px"
-          >
+          <div v-if="allocationResult.failed_items && allocationResult.failed_items.length > 0"
+            style="margin-top: 20px">
             <ElDivider content-position="left">失败项详情</ElDivider>
             <ElTable :data="allocationResult.failed_items" border max-height="300">
               <ElTableColumn prop="iccid" label="ICCID" width="200" />
@@ -340,18 +196,9 @@
         </ElDialog>
 
         <!-- 批量设置套餐系列绑定对话框 -->
-        <ElDialog
-          v-model="seriesBindingDialogVisible"
-          title="批量设置套餐系列绑定"
-          width="600px"
-          @close="handleSeriesBindingDialogClose"
-        >
-          <ElForm
-            ref="seriesBindingFormRef"
-            :model="seriesBindingForm"
-            :rules="seriesBindingRules"
-            label-width="100"
-          >
+        <ElDialog v-model="seriesBindingDialogVisible" title="批量设置套餐系列绑定" width="600px"
+          @close="handleSeriesBindingDialogClose">
+          <ElForm ref="seriesBindingFormRef" :model="seriesBindingForm" :rules="seriesBindingRules" label-width="100">
             <ElFormItem label="选卡方式" prop="selection_type">
               <ElRadioGroup v-model="seriesBindingForm.selection_type">
                 <ElRadio label="list">ICCID列表</ElRadio>
@@ -359,116 +206,53 @@
                 <ElRadio label="filter">筛选条件</ElRadio>
               </ElRadioGroup>
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === CardSelectionType.LIST"
-              label="ICCID列表"
-            >
+            <ElFormItem v-if="seriesBindingForm.selection_type === CardSelectionType.LIST" label="ICCID列表">
               <div>已选择 {{ selectedCards.length }} 张卡</div>
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === CardSelectionType.RANGE"
-              label="起始ICCID"
-              prop="iccid_start"
-            >
+            <ElFormItem v-if="seriesBindingForm.selection_type === CardSelectionType.RANGE" label="起始ICCID"
+              prop="iccid_start">
               <ElInput v-model="seriesBindingForm.iccid_start" placeholder="请输入起始ICCID" />
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === CardSelectionType.RANGE"
-              label="结束ICCID"
-              prop="iccid_end"
-            >
+            <ElFormItem v-if="seriesBindingForm.selection_type === CardSelectionType.RANGE" label="结束ICCID"
+              prop="iccid_end">
               <ElInput v-model="seriesBindingForm.iccid_end" placeholder="请输入结束ICCID" />
             </ElFormItem>
-            <div
-              v-if="
-                seriesBindingForm.selection_type === CardSelectionType.RANGE &&
-                seriesBindingRangeCountText
-              "
-              class="range-allocation-hint range-allocation-hint--card"
-            >
+            <div v-if="
+              seriesBindingForm.selection_type === CardSelectionType.RANGE &&
+              seriesBindingRangeCountText
+            " class="range-allocation-hint range-allocation-hint--card">
               共分配{{ seriesBindingRangeCountText }}张卡
             </div>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === CardSelectionType.FILTER"
-              label="运营商"
-            >
-              <ElSelect
-                v-model="seriesBindingForm.carrier_id"
-                placeholder="请选择或搜索运营商"
-                clearable
-                filterable
-                remote
-                :remote-method="handleSearchAllocateCarrier"
-                :loading="allocateCarrierLoading"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="item in allocateCarrierOptions"
-                  :key="item.id"
-                  :label="item.carrier_name"
-                  :value="item.id"
-                />
+            <ElFormItem v-if="seriesBindingForm.selection_type === CardSelectionType.FILTER" label="运营商">
+              <ElSelect v-model="seriesBindingForm.carrier_id" placeholder="请选择或搜索运营商" clearable filterable remote
+                :remote-method="handleSearchAllocateCarrier" :loading="allocateCarrierLoading" style="width: 100%">
+                <ElOption v-for="item in allocateCarrierOptions" :key="item.id" :label="item.carrier_name"
+                  :value="item.id" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="seriesBindingForm.selection_type === CardSelectionType.FILTER"
-              label="卡状态"
-            >
-              <ElSelect
-                v-model="seriesBindingForm.status"
-                placeholder="请选择状态"
-                clearable
-                style="width: 100%"
-              >
+            <ElFormItem v-if="seriesBindingForm.selection_type === CardSelectionType.FILTER" label="卡状态">
+              <ElSelect v-model="seriesBindingForm.status" placeholder="请选择状态" clearable style="width: 100%">
                 <ElOption label="在库" :value="1" />
                 <ElOption label="已分销" :value="2" />
                 <ElOption label="已激活" :value="3" />
                 <ElOption label="已停用" :value="4" />
               </ElSelect>
             </ElFormItem>
-            <ElFormItem
-              v-if="
-                seriesBindingForm.selection_type === CardSelectionType.FILTER &&
-                userInfo.user_type !== 3
-              "
-              label="批次号"
-            >
-              <ElSelect
-                v-model="seriesBindingForm.batch_no"
-                placeholder="请选择或搜索批次号"
-                clearable
-                filterable
-                remote
-                :remote-method="handleSearchAllocateBatchNo"
-                style="width: 100%"
-              >
-                <ElOption
-                  v-for="item in allocateBatchNoOptions"
-                  :key="item.id"
-                  :label="item.batch_no"
-                  :value="item.batch_no"
-                />
+            <ElFormItem v-if="
+              seriesBindingForm.selection_type === CardSelectionType.FILTER &&
+              userInfo.user_type !== 3
+            " label="批次号">
+              <ElSelect v-model="seriesBindingForm.batch_no" placeholder="请选择或搜索批次号" clearable filterable remote
+                :remote-method="handleSearchAllocateBatchNo" style="width: 100%">
+                <ElOption v-for="item in allocateBatchNoOptions" :key="item.id" :label="item.batch_no"
+                  :value="item.batch_no" />
               </ElSelect>
             </ElFormItem>
             <ElFormItem label="套餐系列" prop="series_id">
-              <ElSelect
-                v-model="seriesBindingForm.series_id"
-                placeholder="请选择或搜索套餐系列"
-                style="width: 100%"
-                filterable
-                remote
-                reserve-keyword
-                :remote-method="searchPackageSeries"
-                :loading="seriesLoading"
-                clearable
-              >
-                <ElOption
-                  v-for="series in packageSeriesList"
-                  :key="series.id"
-                  :label="series.series_name"
-                  :value="series.id"
-                  :disabled="series.status !== 1"
-                />
+              <ElSelect v-model="seriesBindingForm.series_id" placeholder="请选择或搜索套餐系列" style="width: 100%" filterable
+                remote reserve-keyword :remote-method="searchPackageSeries" :loading="seriesLoading" clearable>
+                <ElOption v-for="series in packageSeriesList" :key="series.id" :label="series.series_name"
+                  :value="series.id" :disabled="series.status !== 1" />
               </ElSelect>
             </ElFormItem>
           </ElForm>
@@ -483,12 +267,8 @@
         </ElDialog>
 
         <!-- 套餐系列绑定结果对话框 -->
-        <ElDialog
-          v-model="seriesBindingResultDialogVisible"
-          title="设置结果"
-          width="700px"
-          @close="handleSeriesBindingResultDialogClose"
-        >
+        <ElDialog v-model="seriesBindingResultDialogVisible" title="设置结果" width="700px"
+          @close="handleSeriesBindingResultDialogClose">
           <ElDescriptions :column="2" border>
             <ElDescriptionsItem label="成功数">
               <ElTag type="success">{{ seriesBindingResult.success_count }}</ElTag>
@@ -498,10 +278,8 @@
             </ElDescriptionsItem>
           </ElDescriptions>
 
-          <div
-            v-if="seriesBindingResult.failed_items && seriesBindingResult.failed_items.length > 0"
-            style="margin-top: 20px"
-          >
+          <div v-if="seriesBindingResult.failed_items && seriesBindingResult.failed_items.length > 0"
+            style="margin-top: 20px">
             <ElDivider content-position="left">失败项详情</ElDivider>
             <ElTable :data="seriesBindingResult.failed_items" border max-height="300">
               <ElTableColumn prop="iccid" label="ICCID" width="200" />
@@ -511,9 +289,7 @@
 
           <template #footer>
             <div class="dialog-footer">
-              <ElButton type="primary" @click="seriesBindingResultDialogVisible = false"
-                >确定</ElButton
-              >
+              <ElButton type="primary" @click="seriesBindingResultDialogVisible = false">确定</ElButton>
             </div>
           </template>
         </ElDialog>
@@ -521,7 +297,9 @@
         <!-- 卡详情对话框 -->
         <ElDialog v-model="cardDetailDialogVisible" title="卡片详情" width="900px">
           <div v-if="cardDetailLoading" style="padding: 40px; text-align: center">
-            <ElIcon class="is-loading" :size="40"><Loading /></ElIcon>
+            <ElIcon class="is-loading" :size="40">
+              <Loading />
+            </ElIcon>
             <div style="margin-top: 16px">加载中...</div>
           </div>
 
@@ -529,21 +307,21 @@
             <ElDescriptionsItem label="卡ID">{{ currentCardDetail.id }}</ElDescriptionsItem>
             <ElDescriptionsItem label="ICCID" :span="2">{{
               currentCardDetail.iccid
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
 
             <ElDescriptionsItem label="MSISDN">{{
               currentCardDetail.msisdn || '--'
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
             <ElDescriptionsItem label="运营商">{{
               currentCardDetail.carrier_name || '--'
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
             <ElDescriptionsItem label="运营商类型">{{
               getCarrierTypeText(currentCardDetail.carrier_type)
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
 
             <ElDescriptionsItem label="卡业务类型">{{
               getCardCategoryText(currentCardDetail.card_category)
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
             <ElDescriptionsItem label="状态">
               <ElTag :type="getCardDetailStatusTagType(currentCardDetail.status)">
                 {{ getCardDetailStatusText(currentCardDetail.status) }}
@@ -551,7 +329,7 @@
             </ElDescriptionsItem>
             <ElDescriptionsItem label="套餐系列">{{
               currentCardDetail.series_name || '--'
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
             <ElDescriptionsItem label="激活状态">
               <ElTag :type="currentCardDetail.activation_status === 1 ? 'success' : 'info'">
                 {{ currentCardDetail.activation_status === 1 ? '已激活' : '未激活' }}
@@ -568,16 +346,14 @@
                 {{ currentCardDetail.network_status === 1 ? '正常' : '停机' }}
               </ElTag>
             </ElDescriptionsItem>
-            <ElDescriptionsItem label="累计流量使用"
-              >{{ currentCardDetail.data_usage_mb }} MB</ElDescriptionsItem
-            >
+            <ElDescriptionsItem label="累计流量使用">{{ currentCardDetail.data_usage_mb }} MB</ElDescriptionsItem>
             <ElDescriptionsItem label="创建时间">{{
               formatDateTime(currentCardDetail.created_at)
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
 
             <ElDescriptionsItem label="更新时间" :span="2">{{
               formatDateTime(currentCardDetail.updated_at)
-            }}</ElDescriptionsItem>
+              }}</ElDescriptionsItem>
           </ElDescriptions>
 
           <ElEmpty v-else description="未找到卡片信息" />
@@ -590,456 +366,1166 @@
         </ElDialog>
 
         <!-- 实名认证策略对话框 -->
-        <RealnamePolicyDialog
-          v-model="realnamePolicyDialogVisible"
-          :asset-identifier="currentRealnamePolicyIccid"
-          :current-policy="currentRealnamePolicy"
-          @confirm="handleConfirmRealnamePolicy"
-        />
+        <RealnamePolicyDialog v-model="realnamePolicyDialogVisible" :asset-identifier="currentRealnamePolicyIccid"
+          :current-policy="currentRealnamePolicy" @confirm="handleConfirmRealnamePolicy" />
 
         <!-- 更新实名状态对话框 -->
-        <UpdateRealnameStatusDialog
-          v-model="updateRealnameStatusDialogVisible"
-          :asset-identifier="currentUpdateRealnameStatusIccid"
-          :current-realname-status="currentUpdateRealnameStatus"
-          @success="handleUpdateRealnameStatusSuccess"
-        />
+        <UpdateRealnameStatusDialog v-model="updateRealnameStatusDialogVisible"
+          :asset-identifier="currentUpdateRealnameStatusIccid" :current-realname-status="currentUpdateRealnameStatus"
+          @success="handleUpdateRealnameStatusSuccess" />
 
         <!-- 操作审计日志弹窗 -->
-        <OperationLogsDialog
-          v-model="operationLogsDialogVisible"
-          :identifier="operationLogsIdentifier"
-          download-permission="iot_card:download_log_file"
-        />
+        <OperationLogsDialog v-model="operationLogsDialogVisible" :identifier="operationLogsIdentifier"
+          download-permission="iot_card:download_log_file" />
       </ElCard>
     </div>
   </ArtTableFullScreen>
 </template>
 
 <script setup lang="ts">
-  import { computed, h } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { RoutesAlias } from '@/router/routesAlias'
-  import {
-    CardService,
-    ShopService,
-    PackageSeriesService,
-    AssetService,
-    CarrierService
-  } from '@/api/modules'
-  import { ElMessage, ElTag, ElIcon, ElMessageBox } from 'element-plus'
-  import { Loading } from '@element-plus/icons-vue'
-  import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
-  import UpdateRealnameStatusDialog from '@/components/business/UpdateRealnameStatusDialog.vue'
-  import type { FormInstance, FormRules } from 'element-plus'
-  import type { SearchFormItem } from '@/types'
-  import { useCheckedColumns } from '@/composables/useCheckedColumns'
-  import { useAuth } from '@/composables/useAuth'
-  import { useUserStore } from '@/store/modules/user'
-  import { storeToRefs } from 'pinia'
-  import { formatDateTime } from '@/utils/business/format'
-  import type {
-    StandaloneIotCard,
-    StandaloneCardStatus,
-    AllocateStandaloneCardsRequest,
-    RecallStandaloneCardsRequest,
-    AllocateStandaloneCardsResponse,
-    BatchSetCardSeriesBindingRequest,
-    BatchSetCardSeriesBindingResponse
-  } from '@/types/api/card'
-  import { CardSelectionType } from '@/types/api/card'
-  import type { PackageSeriesResponse } from '@/types/api'
-  import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
+import { computed, h } from 'vue'
+import { useRouter } from 'vue-router'
+import { RoutesAlias } from '@/router/routesAlias'
+import {
+  CardService,
+  ShopService,
+  PackageSeriesService,
+  AssetService,
+  CarrierService
+} from '@/api/modules'
+import { ElMessage, ElTag, ElIcon, ElMessageBox } from 'element-plus'
+import { Loading } from '@element-plus/icons-vue'
+import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
+import UpdateRealnameStatusDialog from '@/components/business/UpdateRealnameStatusDialog.vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { SearchFormItem } from '@/types'
+import { useCheckedColumns } from '@/composables/useCheckedColumns'
+import { useAuth } from '@/composables/useAuth'
+import { useUserStore } from '@/store/modules/user'
+import { storeToRefs } from 'pinia'
+import { formatDateTime } from '@/utils/business/format'
+import type {
+  StandaloneIotCard,
+  StandaloneCardStatus,
+  AllocateStandaloneCardsRequest,
+  RecallStandaloneCardsRequest,
+  AllocateStandaloneCardsResponse,
+  BatchSetCardSeriesBindingRequest,
+  BatchSetCardSeriesBindingResponse
+} from '@/types/api/card'
+import { CardSelectionType } from '@/types/api/card'
+import type { PackageSeriesResponse } from '@/types/api'
+import OperationLogsDialog from '@/components/business/OperationLogsDialog.vue'
 
-  defineOptions({ name: 'StandaloneCardList' })
+defineOptions({ name: 'StandaloneCardList' })
 
-  const { hasAuth } = useAuth()
-  const userStore = useUserStore()
-  const { info: userInfo } = storeToRefs(userStore)
-  const router = useRouter()
+const { hasAuth } = useAuth()
+const userStore = useUserStore()
+const { info: userInfo } = storeToRefs(userStore)
+const router = useRouter()
 
-  const loading = ref(false)
-  const allocateDialogVisible = ref(false)
-  const allocateLoading = ref(false)
-  const recallDialogVisible = ref(false)
-  const recallLoading = ref(false)
-  const resultDialogVisible = ref(false)
-  const resultTitle = ref('')
-  const tableRef = ref()
-  const allocateFormRef = ref<FormInstance>()
-  const recallFormRef = ref<FormInstance>()
-  const selectedCards = ref<StandaloneIotCard[]>([])
-  const allocationResult = ref<AllocateStandaloneCardsResponse>({
-    allocation_no: '',
-    total_count: 0,
-    success_count: 0,
-    fail_count: 0,
-    failed_items: null
-  })
+const loading = ref(false)
+const allocateDialogVisible = ref(false)
+const allocateLoading = ref(false)
+const recallDialogVisible = ref(false)
+const recallLoading = ref(false)
+const resultDialogVisible = ref(false)
+const resultTitle = ref('')
+const tableRef = ref()
+const allocateFormRef = ref<FormInstance>()
+const recallFormRef = ref<FormInstance>()
+const selectedCards = ref<StandaloneIotCard[]>([])
+const allocationResult = ref<AllocateStandaloneCardsResponse>({
+  allocation_no: '',
+  total_count: 0,
+  success_count: 0,
+  fail_count: 0,
+  failed_items: null
+})
 
-  // 操作审计日志弹窗
-  const operationLogsDialogVisible = ref(false)
-  const operationLogsIdentifier = ref('')
+// 操作审计日志弹窗
+const operationLogsDialogVisible = ref(false)
+const operationLogsIdentifier = ref('')
 
-  // 套餐系列绑定相关
-  const seriesBindingDialogVisible = ref(false)
-  const seriesBindingLoading = ref(false)
-  const seriesBindingResultDialogVisible = ref(false)
-  const seriesBindingFormRef = ref<FormInstance>()
-  const seriesLoading = ref(false)
-  const packageSeriesList = ref<PackageSeriesResponse[]>([])
-  const createInitialSeriesBindingState = () => ({
-    selection_type: CardSelectionType.LIST,
-    series_id: undefined as number | undefined,
-    iccid_start: '',
-    iccid_end: '',
-    carrier_id: undefined as number | undefined,
-    status: undefined as StandaloneCardStatus | undefined,
-    batch_no: ''
-  })
-  const seriesBindingForm = reactive(createInitialSeriesBindingState())
-  const parseNumericStringToBigInt = (value: string): bigint | null => {
-    const normalizedValue = value.trim()
-    if (!normalizedValue || !/^\d+$/.test(normalizedValue)) {
-      return null
-    }
-
-    try {
-      return BigInt(normalizedValue)
-    } catch {
-      return null
-    }
+// 套餐系列绑定相关
+const seriesBindingDialogVisible = ref(false)
+const seriesBindingLoading = ref(false)
+const seriesBindingResultDialogVisible = ref(false)
+const seriesBindingFormRef = ref<FormInstance>()
+const seriesLoading = ref(false)
+const packageSeriesList = ref<PackageSeriesResponse[]>([])
+const createInitialSeriesBindingState = () => ({
+  selection_type: CardSelectionType.LIST,
+  series_id: undefined as number | undefined,
+  iccid_start: '',
+  iccid_end: '',
+  carrier_id: undefined as number | undefined,
+  status: undefined as StandaloneCardStatus | undefined,
+  batch_no: ''
+})
+const seriesBindingForm = reactive(createInitialSeriesBindingState())
+const parseNumericStringToBigInt = (value: string): bigint | null => {
+  const normalizedValue = value.trim()
+  if (!normalizedValue || !/^\d+$/.test(normalizedValue)) {
+    return null
   }
-  const getPositiveRangeCountText = (start: bigint | null, end: bigint | null): string => {
-    if (start === null || end === null || end < start) {
-      return ''
-    }
 
-    return (end - start + 1n).toString()
+  try {
+    return BigInt(normalizedValue)
+  } catch {
+    return null
   }
-  const seriesBindingRangeCountText = computed(() =>
-    getPositiveRangeCountText(
-      parseNumericStringToBigInt(seriesBindingForm.iccid_start),
-      parseNumericStringToBigInt(seriesBindingForm.iccid_end)
-    )
+}
+const getPositiveRangeCountText = (start: bigint | null, end: bigint | null): string => {
+  if (start === null || end === null || end < start) {
+    return ''
+  }
+
+  return (end - start + 1n).toString()
+}
+const formatDigitGrouping = (value: string): string => value.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+const getFormattedRangeCountText = (startValue?: string, endValue?: string): string => {
+  const countText = getPositiveRangeCountText(
+    parseNumericStringToBigInt(startValue ?? ''),
+    parseNumericStringToBigInt(endValue ?? '')
   )
-  const seriesBindingRules = reactive<FormRules>({
-    selection_type: [{ required: true, message: '请选择选卡方式', trigger: 'change' }],
-    series_id: [{ required: true, message: '请选择套餐系列', trigger: 'change' }],
-    iccid_start: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (seriesBindingForm.selection_type === CardSelectionType.RANGE && !value) {
-            callback(new Error('请输入起始ICCID'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ],
-    iccid_end: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (seriesBindingForm.selection_type === CardSelectionType.RANGE && !value) {
-            callback(new Error('请输入结束ICCID'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ]
-  })
-  const seriesBindingResult = ref<BatchSetCardSeriesBindingResponse>({
-    success_count: 0,
-    fail_count: 0,
-    failed_items: null
-  })
 
-  // 运营商搜索相关
-  const carrierLoading = ref(false)
-  const searchCarrierOptions = ref<any[]>([])
-
-  // 批量分配对话框运营商选项
-  const allocateCarrierOptions = ref<any[]>([])
-  const allocateCarrierLoading = ref(false)
-
-  // 加载搜索栏运营商选项（默认加载10条）
-  const loadSearchCarrierOptions = async (carrierName?: string) => {
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 10
-      }
-      if (carrierName) {
-        params.carrier_name = carrierName
-      }
-      const res = await CarrierService.getCarriers(params)
-      if (res.code === 0) {
-        searchCarrierOptions.value = res.data.items
-      }
-    } catch (error) {
-      console.error('加载运营商选项失败:', error)
-    }
-  }
-
-  // 加载批量分配对话框运营商选项
-  const loadAllocateCarrierOptions = async (carrierName?: string) => {
-    try {
-      allocateCarrierLoading.value = true
-      const params: any = {
-        page: 1,
-        page_size: 20
-      }
-      if (carrierName) {
-        params.carrier_name = carrierName
-      }
-      const res = await CarrierService.getCarriers(params)
-      if (res.code === 0) {
-        allocateCarrierOptions.value = res.data.items || []
-      }
-    } catch (error) {
-      console.error('加载运营商选项失败:', error)
-    } finally {
-      allocateCarrierLoading.value = false
-    }
-  }
-
-  // 搜索批量分配对话框运营商
-  const handleSearchAllocateCarrier = (query: string) => {
-    if (query) {
-      loadAllocateCarrierOptions(query)
-    } else {
-      loadAllocateCarrierOptions()
-    }
-  }
-
-  // 搜索运营商（用于搜索栏）
-  const handleSearchCarrier = (query: string) => {
-    if (query) {
-      loadSearchCarrierOptions(query)
-    } else {
-      loadSearchCarrierOptions()
-    }
-  }
-
-  // 批量分配对话框批次号选项
-  const allocateBatchNoOptions = ref<any[]>([])
-
-  // 加载批量分配对话框批次号选项
-  const loadAllocateBatchNoOptions = async (batchNo?: string) => {
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20
-      }
-      if (batchNo) {
-        params.batch_no = batchNo
-      }
-      const res = await CardService.getIotCardImportTasks(params)
-      if (res.code === 0) {
-        allocateBatchNoOptions.value = res.data.items || []
-      }
-    } catch (error) {
-      console.error('加载批次号选项失败:', error)
-    }
-  }
-
-  // 搜索批量分配对话框批次号
-  const handleSearchAllocateBatchNo = (query: string) => {
-    if (query) {
-      loadAllocateBatchNoOptions(query)
-    } else {
-      loadAllocateBatchNoOptions()
-    }
-  }
-
-  // 搜索栏远程选项
-  const shopOptions = ref<any[]>([])
-  const searchSeriesOptions = ref<any[]>([])
-
-  // 搜索店铺（用于搜索栏）
-  const handleSearchShops = async (query: string) => {
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20
-      }
-      if (query) {
-        params.shop_name = query
-      }
-      const res = await ShopService.getShops(params)
-      if (res.code === 0) {
-        shopOptions.value = res.data.items || []
-      }
-    } catch (error) {
-      console.error('搜索店铺失败:', error)
-    }
-  }
-
-  // 搜索套餐系列（用于搜索栏）
-  const handleSearchSeries = async (query: string) => {
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20,
-        status: 1
-      }
-      if (query) {
-        params.series_name = query
-      }
-      const res = await PackageSeriesService.getPackageSeries(params)
-      if (res.code === 0) {
-        searchSeriesOptions.value = res.data.items || []
-      }
-    } catch (error) {
-      console.error('搜索套餐系列失败:', error)
-    }
-  }
-
-  // 卡详情弹窗相关
-  const cardDetailDialogVisible = ref(false)
-  const cardDetailLoading = ref(false)
-  const currentCardDetail = ref<any>(null)
-
-  // IoT卡操作相关对话框
-
-  // 实名认证策略对话框
-  const realnamePolicyDialogVisible = ref(false)
-  const currentRealnamePolicyIccid = ref('')
-  const currentRealnamePolicy = ref('none')
-
-  // 更新实名状态对话框
-  const updateRealnameStatusDialogVisible = ref(false)
-  const currentUpdateRealnameStatusIccid = ref('')
-  const currentUpdateRealnameStatus = ref<number>(0)
-
-  // 显示实名认证策略对话框
-  const handleShowRealnamePolicy = async (iccid: string, currentPolicy?: string) => {
-    currentRealnamePolicyIccid.value = iccid
-    if (currentPolicy !== undefined && currentPolicy !== null) {
-      currentRealnamePolicy.value = String(currentPolicy)
-    } else {
-      try {
-        const res = await AssetService.resolveAsset(iccid)
-        if (res.code === 0 && res.data) {
-          currentRealnamePolicy.value = res.data.realname_policy ?? 'none'
+  return countText ? formatDigitGrouping(countText) : ''
+}
+const allocateRangeCountText = computed(() =>
+  getFormattedRangeCountText(allocateForm.iccid_start, allocateForm.iccid_end)
+)
+const recallRangeCountText = computed(() =>
+  getFormattedRangeCountText(recallForm.iccid_start, recallForm.iccid_end)
+)
+const seriesBindingRangeCountText = computed(() =>
+  getFormattedRangeCountText(seriesBindingForm.iccid_start, seriesBindingForm.iccid_end)
+)
+const seriesBindingRules = reactive<FormRules>({
+  selection_type: [{ required: true, message: '请选择选卡方式', trigger: 'change' }],
+  series_id: [{ required: true, message: '请选择套餐系列', trigger: 'change' }],
+  iccid_start: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (seriesBindingForm.selection_type === CardSelectionType.RANGE && !value) {
+          callback(new Error('请输入起始ICCID'))
         } else {
-          currentRealnamePolicy.value = 'none'
+          callback()
         }
-      } catch {
+      },
+      trigger: 'blur'
+    }
+  ],
+  iccid_end: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (seriesBindingForm.selection_type === CardSelectionType.RANGE && !value) {
+          callback(new Error('请输入结束ICCID'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ]
+})
+const seriesBindingResult = ref<BatchSetCardSeriesBindingResponse>({
+  success_count: 0,
+  fail_count: 0,
+  failed_items: null
+})
+
+// 运营商搜索相关
+const carrierLoading = ref(false)
+const searchCarrierOptions = ref<any[]>([])
+
+// 批量分配对话框运营商选项
+const allocateCarrierOptions = ref<any[]>([])
+const allocateCarrierLoading = ref(false)
+
+// 加载搜索栏运营商选项（默认加载10条）
+const loadSearchCarrierOptions = async (carrierName?: string) => {
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 10
+    }
+    if (carrierName) {
+      params.carrier_name = carrierName
+    }
+    const res = await CarrierService.getCarriers(params)
+    if (res.code === 0) {
+      searchCarrierOptions.value = res.data.items
+    }
+  } catch (error) {
+    console.error('加载运营商选项失败:', error)
+  }
+}
+
+// 加载批量分配对话框运营商选项
+const loadAllocateCarrierOptions = async (carrierName?: string) => {
+  try {
+    allocateCarrierLoading.value = true
+    const params: any = {
+      page: 1,
+      page_size: 20
+    }
+    if (carrierName) {
+      params.carrier_name = carrierName
+    }
+    const res = await CarrierService.getCarriers(params)
+    if (res.code === 0) {
+      allocateCarrierOptions.value = res.data.items || []
+    }
+  } catch (error) {
+    console.error('加载运营商选项失败:', error)
+  } finally {
+    allocateCarrierLoading.value = false
+  }
+}
+
+// 搜索批量分配对话框运营商
+const handleSearchAllocateCarrier = (query: string) => {
+  if (query) {
+    loadAllocateCarrierOptions(query)
+  } else {
+    loadAllocateCarrierOptions()
+  }
+}
+
+// 搜索运营商（用于搜索栏）
+const handleSearchCarrier = (query: string) => {
+  if (query) {
+    loadSearchCarrierOptions(query)
+  } else {
+    loadSearchCarrierOptions()
+  }
+}
+
+// 批量分配对话框批次号选项
+const allocateBatchNoOptions = ref<any[]>([])
+
+// 加载批量分配对话框批次号选项
+const loadAllocateBatchNoOptions = async (batchNo?: string) => {
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20
+    }
+    if (batchNo) {
+      params.batch_no = batchNo
+    }
+    const res = await CardService.getIotCardImportTasks(params)
+    if (res.code === 0) {
+      allocateBatchNoOptions.value = res.data.items || []
+    }
+  } catch (error) {
+    console.error('加载批次号选项失败:', error)
+  }
+}
+
+// 搜索批量分配对话框批次号
+const handleSearchAllocateBatchNo = (query: string) => {
+  if (query) {
+    loadAllocateBatchNoOptions(query)
+  } else {
+    loadAllocateBatchNoOptions()
+  }
+}
+
+// 搜索栏远程选项
+const shopOptions = ref<any[]>([])
+const searchSeriesOptions = ref<any[]>([])
+
+// 搜索店铺（用于搜索栏）
+const handleSearchShops = async (query: string) => {
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20
+    }
+    if (query) {
+      params.shop_name = query
+    }
+    const res = await ShopService.getShops(params)
+    if (res.code === 0) {
+      shopOptions.value = res.data.items || []
+    }
+  } catch (error) {
+    console.error('搜索店铺失败:', error)
+  }
+}
+
+// 搜索套餐系列（用于搜索栏）
+const handleSearchSeries = async (query: string) => {
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20,
+      status: 1
+    }
+    if (query) {
+      params.series_name = query
+    }
+    const res = await PackageSeriesService.getPackageSeries(params)
+    if (res.code === 0) {
+      searchSeriesOptions.value = res.data.items || []
+    }
+  } catch (error) {
+    console.error('搜索套餐系列失败:', error)
+  }
+}
+
+// 卡详情弹窗相关
+const cardDetailDialogVisible = ref(false)
+const cardDetailLoading = ref(false)
+const currentCardDetail = ref<any>(null)
+
+// IoT卡操作相关对话框
+
+// 实名认证策略对话框
+const realnamePolicyDialogVisible = ref(false)
+const currentRealnamePolicyIccid = ref('')
+const currentRealnamePolicy = ref('none')
+
+// 更新实名状态对话框
+const updateRealnameStatusDialogVisible = ref(false)
+const currentUpdateRealnameStatusIccid = ref('')
+const currentUpdateRealnameStatus = ref<number>(0)
+
+// 显示实名认证策略对话框
+const handleShowRealnamePolicy = async (iccid: string, currentPolicy?: string) => {
+  currentRealnamePolicyIccid.value = iccid
+  if (currentPolicy !== undefined && currentPolicy !== null) {
+    currentRealnamePolicy.value = String(currentPolicy)
+  } else {
+    try {
+      const res = await AssetService.resolveAsset(iccid)
+      if (res.code === 0 && res.data) {
+        currentRealnamePolicy.value = res.data.realname_policy ?? 'none'
+      } else {
         currentRealnamePolicy.value = 'none'
       }
+    } catch {
+      currentRealnamePolicy.value = 'none'
     }
-    realnamePolicyDialogVisible.value = true
   }
+  realnamePolicyDialogVisible.value = true
+}
 
-  // 确认设置实名认证策略
-  const handleConfirmRealnamePolicy = async (data: { realname_policy: string }) => {
-    if (!currentRealnamePolicyIccid.value) {
-      ElMessage.warning('未指定卡片')
-      return
+// 确认设置实名认证策略
+const handleConfirmRealnamePolicy = async (data: { realname_policy: string }) => {
+  if (!currentRealnamePolicyIccid.value) {
+    ElMessage.warning('未指定卡片')
+    return
+  }
+  try {
+    const res = await AssetService.updateRealnamePolicy(
+      currentRealnamePolicyIccid.value,
+      data.realname_policy
+    )
+    if (res.code === 0) {
+      ElMessage.success('设置实名认证策略成功')
+      realnamePolicyDialogVisible.value = false
+      await getTableData()
+    } else {
+      ElMessage.error(res.msg || '设置失败')
     }
+  } catch (error) {
+    console.error('设置实名认证策略失败:', error)
+  }
+}
+
+// 显示更新实名状态对话框
+const handleShowUpdateRealnameStatus = (iccid: string, realnameStatus: number) => {
+  currentUpdateRealnameStatusIccid.value = iccid
+  currentUpdateRealnameStatus.value = realnameStatus
+  updateRealnameStatusDialogVisible.value = true
+}
+
+// 更新实名状态成功
+const handleUpdateRealnameStatusSuccess = async () => {
+  await getTableData()
+}
+
+// 店铺相关
+const shopCascadeOptions = ref<any[]>([])
+const shopCascadeProps = {
+  lazy: true,
+  checkStrictly: true,
+  lazyLoad: async (node: any, resolve: any) => {
+    const { level, value } = node
+    const parentId = level === 0 ? undefined : value
+
     try {
-      const res = await AssetService.updateRealnamePolicy(
-        currentRealnamePolicyIccid.value,
-        data.realname_policy
-      )
+      const res = await ShopService.getShopsCascade({ parent_id: parentId })
       if (res.code === 0) {
-        ElMessage.success('设置实名认证策略成功')
-        realnamePolicyDialogVisible.value = false
-        await getTableData()
+        const nodes = (res.data || []).map((item: any) => ({
+          value: item.id,
+          label: item.shop_name,
+          leaf: !item.has_children
+        }))
+        resolve(nodes)
       } else {
-        ElMessage.error(res.msg || '设置失败')
-      }
-    } catch (error) {
-      console.error('设置实名认证策略失败:', error)
-    }
-  }
-
-  // 显示更新实名状态对话框
-  const handleShowUpdateRealnameStatus = (iccid: string, realnameStatus: number) => {
-    currentUpdateRealnameStatusIccid.value = iccid
-    currentUpdateRealnameStatus.value = realnameStatus
-    updateRealnameStatusDialogVisible.value = true
-  }
-
-  // 更新实名状态成功
-  const handleUpdateRealnameStatusSuccess = async () => {
-    await getTableData()
-  }
-
-  // 店铺相关
-  const shopCascadeOptions = ref<any[]>([])
-  const shopCascadeProps = {
-    lazy: true,
-    checkStrictly: true,
-    lazyLoad: async (node: any, resolve: any) => {
-      const { level, value } = node
-      const parentId = level === 0 ? undefined : value
-
-      try {
-        const res = await ShopService.getShopsCascade({ parent_id: parentId })
-        if (res.code === 0) {
-          const nodes = (res.data || []).map((item: any) => ({
-            value: item.id,
-            label: item.shop_name,
-            leaf: !item.has_children
-          }))
-          resolve(nodes)
-        } else {
-          resolve([])
-        }
-      } catch (error) {
-        console.error('加载店铺级联数据失败:', error)
         resolve([])
       }
+    } catch (error) {
+      console.error('加载店铺级联数据失败:', error)
+      resolve([])
+    }
+  },
+  value: 'value',
+  label: 'label',
+  children: 'children'
+}
+
+// 搜索表单初始值
+const initialSearchState: {
+  status: undefined | number
+  iccid: string
+  carrier_name: string
+  msisdn: string
+  virtual_no: string
+  device_virtual_no: string
+  shop_id: undefined | number
+  series_id: undefined | number
+  has_active_package: undefined | boolean
+  is_distributed: undefined | number
+  is_standalone: undefined | boolean
+  [key: string]: any
+} = {
+  status: undefined,
+  iccid: '',
+  carrier_name: '',
+  msisdn: '',
+  virtual_no: '',
+  device_virtual_no: '',
+  shop_id: undefined,
+  series_id: undefined,
+  has_active_package: undefined,
+  is_distributed: undefined,
+  is_standalone: undefined,
+  is_replaced: undefined,
+  iccid_start: '',
+  iccid_end: ''
+}
+
+// 搜索表单
+const formFilters = reactive({ ...initialSearchState })
+
+// 批量分配表单
+const allocateForm = reactive<Partial<AllocateStandaloneCardsRequest>>({
+  selection_type: CardSelectionType.LIST,
+  to_shop_id: undefined,
+  iccids: [],
+  iccid_start: '',
+  iccid_end: '',
+  carrier_id: undefined,
+  status: undefined,
+  batch_no: '',
+  remark: ''
+})
+
+// 批量分配表单验证规则
+const allocateRules = reactive<FormRules>({
+  to_shop_id: [{ required: true, message: '请选择目标店铺', trigger: 'change' }],
+  selection_type: [{ required: true, message: '请选择选卡方式', trigger: 'change' }],
+  iccid_start: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (allocateForm.selection_type === CardSelectionType.RANGE && !value) {
+          callback(new Error('请输入起始ICCID'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ],
+  iccid_end: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (allocateForm.selection_type === CardSelectionType.RANGE && !value) {
+          callback(new Error('请输入结束ICCID'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ]
+})
+
+// 批量回收表单
+const recallForm = reactive<Partial<RecallStandaloneCardsRequest>>({
+  selection_type: CardSelectionType.LIST,
+  iccids: [],
+  iccid_start: '',
+  iccid_end: '',
+  carrier_id: undefined,
+  batch_no: '',
+  remark: ''
+})
+
+// 批量回收表单验证规则
+const recallRules = reactive<FormRules>({
+  selection_type: [{ required: true, message: '请选择选卡方式', trigger: 'change' }],
+  iccid_start: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (recallForm.selection_type === CardSelectionType.RANGE && !value) {
+          callback(new Error('请输入起始ICCID'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ],
+  iccid_end: [
+    {
+      required: true,
+      validator: (_rule, value, callback) => {
+        if (recallForm.selection_type === CardSelectionType.RANGE && !value) {
+          callback(new Error('请输入结束ICCID'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ]
+})
+
+// 分页
+const pagination = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 0
+})
+
+// 搜索表单配置
+const baseFormItems: SearchFormItem[] = [
+  {
+    label: 'ICCID',
+    prop: 'iccid',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入ICCID'
+    }
+  },
+  {
+    label: '运营商名称',
+    prop: 'carrier_name',
+    type: 'select',
+    config: {
+      clearable: true,
+      filterable: true,
+      remote: true,
+      remoteMethod: handleSearchCarrier,
+      loading: carrierLoading.value,
+      placeholder: '请选择或搜索运营商名称'
     },
-    value: 'value',
-    label: 'label',
-    children: 'children'
+    options: () =>
+      searchCarrierOptions.value.map((c) => ({
+        label: c.carrier_name,
+        value: c.carrier_name
+      }))
+  },
+  {
+    label: '状态',
+    prop: 'status',
+    type: 'select',
+    config: {
+      clearable: true,
+      placeholder: '全部'
+    },
+    options: () => [
+      { label: '在库', value: 1 },
+      { label: '已分销', value: 2 },
+      { label: '已激活', value: 3 },
+      { label: '已停用', value: 4 }
+    ]
+  },
+  {
+    label: '卡虚拟号',
+    prop: 'virtual_no',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入卡虚拟号'
+    }
+  },
+  {
+    label: 'MSISDN',
+    prop: 'msisdn',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入MSISDN'
+    }
+  },
+  {
+    label: '绑定设备虚拟号',
+    prop: 'device_virtual_no',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入绑定设备虚拟号'
+    }
+  },
+  {
+    label: '店铺名称',
+    prop: 'shop_id',
+    type: 'select',
+    config: {
+      clearable: true,
+      filterable: true,
+      remote: true,
+      remoteMethod: handleSearchShops,
+      loading: false,
+      placeholder: '请选择或搜索店铺名称'
+    },
+    options: () =>
+      shopOptions.value.map((shop) => ({
+        label: shop.shop_name,
+        value: shop.id
+      }))
+  },
+  {
+    label: '套餐系列',
+    prop: 'series_id',
+    type: 'select',
+    config: {
+      clearable: true,
+      filterable: true,
+      remote: true,
+      remoteMethod: handleSearchSeries,
+      placeholder: '请选择或搜索套餐系列'
+    },
+    options: () =>
+      searchSeriesOptions.value.map((s) => ({
+        label: s.series_name,
+        value: s.id
+      }))
+  },
+  {
+    label: '是否已分销',
+    prop: 'is_distributed',
+    type: 'select',
+    config: {
+      clearable: true,
+      placeholder: '全部'
+    },
+    options: () => [
+      { label: '是', value: true },
+      { label: '否', value: false }
+    ]
+  },
+  {
+    label: '是否绑定设备',
+    prop: 'is_standalone',
+    type: 'select',
+    config: {
+      clearable: true,
+      placeholder: '全部'
+    },
+    options: () => [
+      { label: '未绑定设备', value: true },
+      { label: '已绑定设备', value: false }
+    ]
+  },
+  {
+    label: '是否有换卡记录',
+    prop: 'is_replaced',
+    type: 'select',
+    config: {
+      clearable: true,
+      placeholder: '全部'
+    },
+    options: () => [
+      { label: '有换卡记录', value: true },
+      { label: '无换卡记录', value: false }
+    ]
+  },
+  {
+    label: 'ICCID起始号',
+    prop: 'iccid_start',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入ICCID起始号'
+    }
+  },
+  {
+    label: 'ICCID结束号',
+    prop: 'iccid_end',
+    type: 'input',
+    config: {
+      clearable: true,
+      placeholder: '请输入ICCID结束号'
+    }
+  }
+]
+
+// 搜索表单配置
+baseFormItems.splice(8, 0, {
+  label: '是否有生效套餐',
+  prop: 'has_active_package',
+  type: 'select',
+  config: {
+    clearable: true,
+    placeholder: '全部'
+  },
+  options: () => [
+    { label: '是', value: true },
+    { label: '否', value: false }
+  ]
+})
+
+const formItems: SearchFormItem[] = baseFormItems
+
+// 列配置
+const columnOptions = [
+  { label: 'ICCID', prop: 'iccid' },
+  { label: 'MSISDN', prop: 'msisdn' },
+  { label: '卡虚拟号', prop: 'virtual_no' },
+  { label: '运营商', prop: 'carrier_name' },
+  { label: '卡业务类型', prop: 'card_category' },
+  { label: '状态', prop: 'status' },
+  { label: '激活状态', prop: 'activation_status' },
+  { label: '激活时间', prop: 'activated_at' },
+  { label: '网络状态', prop: 'network_status' },
+  { label: '实名状态', prop: 'real_name_status' },
+  { label: '实名认证策略', prop: 'realname_policy' },
+  { label: '绑定设备虚拟号', prop: 'device_virtual_no' },
+  { label: '店铺名称', prop: 'shop_name' },
+  { label: '套餐系列', prop: 'series_name' },
+  { label: '自然月累计流量(MB)', prop: 'current_month_usage_mb' },
+  { label: '本月开始日期', prop: 'current_month_start_date' },
+  { label: '上月流量总量(MB)', prop: 'last_month_total_mb' },
+  { label: '累计流量(MB)', prop: 'data_usage_mb' },
+  { label: '最后流量检查时间', prop: 'last_data_check_at' },
+  { label: '最后实名检查时间', prop: 'last_real_name_check_at' },
+  { label: '启用轮询', prop: 'enable_polling' },
+  { label: '批次号', prop: 'batch_no' },
+  { label: '创建时间', prop: 'created_at' },
+  { label: '更新时间', prop: 'updated_at' }
+]
+
+const cardList = ref<StandaloneIotCard[]>([])
+
+// 获取状态标签类型
+const getStatusType = (status: StandaloneCardStatus) => {
+  switch (status) {
+    case 1:
+      return 'info'
+    case 2:
+      return 'warning'
+    case 3:
+      return 'success'
+    case 4:
+      return 'danger'
+    default:
+      return 'info'
+  }
+}
+
+// 获取状态文本
+const getStatusText = (status: StandaloneCardStatus) => {
+  switch (status) {
+    case 1:
+      return '在库'
+    case 2:
+      return '已分销'
+    case 3:
+      return '已激活'
+    case 4:
+      return '已停用'
+    default:
+      return '未知'
+  }
+}
+
+// 跳转到资产信息页面(原IoT卡详情)
+const goToCardDetail = (iccid: string) => {
+  if (hasAuth('iot_card:view_detail')) {
+    router.push({
+      path: RoutesAlias.AssetInformation,
+      query: {
+        iccid: iccid
+      }
+    })
+  } else {
+    ElMessage.warning('您没有查看详情的权限')
+  }
+}
+
+// 卡详情辅助函数
+const getCarrierTypeText = (type: string) => {
+  const typeMap: Record<string, string> = {
+    CMCC: '中国移动',
+    CUCC: '中国联通',
+    CTCC: '中国电信',
+    CBN: '中国广电'
+  }
+  return typeMap[type] || type
+}
+
+const getCardCategoryText = (category: string) => {
+  const categoryMap: Record<string, string> = {
+    normal: '普通卡',
+    industry: '行业卡'
+  }
+  return categoryMap[category] || category
+}
+
+const getCardDetailStatusText = (status: number) => {
+  const statusMap: Record<number, string> = {
+    1: '在库',
+    2: '已分销',
+    3: '已激活',
+    4: '已停用'
+  }
+  return statusMap[status] || '未知'
+}
+
+const getCardDetailStatusTagType = (status: number) => {
+  const typeMap: Record<number, any> = {
+    1: 'info',
+    2: 'warning',
+    3: 'success',
+    4: 'danger'
+  }
+  return typeMap[status] || 'info'
+}
+
+// 动态列配置
+const { columnChecks, columns } = useCheckedColumns(() => [
+  {
+    prop: 'iccid',
+    label: 'ICCID',
+    minWidth: 200,
+    formatter: (row: StandaloneIotCard) => {
+      return h(
+        'span',
+        {
+          style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
+          onClick: (e: MouseEvent) => {
+            e.stopPropagation()
+            goToCardDetail(row.iccid)
+          }
+        },
+        row.iccid
+      )
+    }
+  },
+  {
+    prop: 'msisdn',
+    label: 'MSISDN',
+    width: 160
+  },
+  {
+    prop: 'virtual_no',
+    label: '卡虚拟号',
+    width: 180,
+    showOverflowTooltip: true,
+    formatter: (row: StandaloneIotCard) => row.virtual_no || '-'
+  },
+  {
+    prop: 'device_virtual_no',
+    label: '绑定设备虚拟号',
+    width: 180,
+    showOverflowTooltip: true,
+    formatter: (row: StandaloneIotCard) => row.device_virtual_no || '-'
+  },
+  {
+    prop: 'card_category',
+    label: '卡业务类型',
+    width: 100,
+    formatter: (row: StandaloneIotCard) => getCardCategoryText(row.card_category)
+  },
+  {
+    prop: 'carrier_name',
+    label: '运营商',
+    width: 150,
+    showOverflowTooltip: true
+  },
+  {
+    prop: 'shop_name',
+    label: '店铺名称',
+    minWidth: 150,
+    showOverflowTooltip: true,
+    formatter: (row: StandaloneIotCard) => row.shop_name || '-'
+  },
+  {
+    prop: 'series_name',
+    label: '套餐系列',
+    width: 180,
+    showOverflowTooltip: true,
+    formatter: (row: StandaloneIotCard) => row.series_name || '-'
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    width: 100,
+    formatter: (row: StandaloneIotCard) => {
+      return h(ElTag, { type: getStatusType(row.status) }, () => getStatusText(row.status))
+    }
+  },
+  {
+    prop: 'activation_status',
+    label: '激活状态',
+    width: 100,
+    formatter: (row: StandaloneIotCard) => {
+      const type = row.activation_status === 1 ? 'success' : 'info'
+      const text = row.activation_status === 1 ? '已激活' : '未激活'
+      return h(ElTag, { type }, () => text)
+    }
+  },
+  {
+    prop: 'network_status',
+    label: '网络状态',
+    width: 100,
+    formatter: (row: StandaloneIotCard) => {
+      const type = row.network_status === 1 ? 'success' : 'danger'
+      const text = row.network_status === 1 ? '正常' : '停机'
+      return h(ElTag, { type }, () => text)
+    }
+  },
+  {
+    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)
+    }
+  },
+  {
+    prop: 'realname_policy',
+    label: '实名认证策略',
+    width: 150,
+    formatter: (row: StandaloneIotCard) => {
+      const policy = row.realname_policy || ''
+      const policyMap: Record<string, string> = {
+        none: '无需实名',
+        before_order: '先实名后充值/购买',
+        after_order: '先充值/购买后实名'
+      }
+      const text = policyMap[policy] || (policy ? policy : '未知')
+      return text
+    }
+  },
+  {
+    prop: 'activated_at',
+    label: '激活时间',
+    width: 180,
+    formatter: (row: StandaloneIotCard) =>
+      row.activated_at ? formatDateTime(row.activated_at) : '-'
+  },
+  {
+    prop: 'current_month_usage_mb',
+    label: '自然月累计流量(MB)',
+    width: 180,
+    formatter: (row: StandaloneIotCard) => row.current_month_usage_mb?.toLocaleString() || '0'
+  },
+  {
+    prop: 'current_month_start_date',
+    label: '本月开始日期',
+    width: 200,
+    formatter: (row: StandaloneIotCard) =>
+      row.current_month_start_date ? formatDateTime(row.current_month_start_date) : '-'
+  },
+  {
+    prop: 'last_month_total_mb',
+    label: '上月流量总量(MB)',
+    width: 150,
+    formatter: (row: StandaloneIotCard) => row.last_month_total_mb?.toLocaleString() || '0'
+  },
+  {
+    prop: 'data_usage_mb',
+    label: '累计流量(MB)',
+    width: 120,
+    formatter: (row: StandaloneIotCard) => row.data_usage_mb?.toLocaleString() || '0'
+  },
+  {
+    prop: 'last_data_check_at',
+    label: '最后流量检查时间',
+    width: 180,
+    formatter: (row: StandaloneIotCard) =>
+      row.last_data_check_at ? formatDateTime(row.last_data_check_at) : '-'
+  },
+  {
+    prop: 'last_real_name_check_at',
+    label: '最后实名检查时间',
+    width: 180,
+    formatter: (row: StandaloneIotCard) =>
+      row.last_real_name_check_at ? formatDateTime(row.last_real_name_check_at) : '-'
+  },
+  {
+    prop: 'enable_polling',
+    label: '启用轮询',
+    width: 100,
+    formatter: (row: StandaloneIotCard) => (row.enable_polling ? '是' : '否')
+  },
+  {
+    prop: 'batch_no',
+    label: '批次号',
+    width: 200,
+    showOverflowTooltip: true
+  },
+  {
+    prop: 'created_at',
+    label: '创建时间',
+    width: 180,
+    formatter: (row: StandaloneIotCard) => formatDateTime(row.created_at)
+  }
+])
+
+// 操作列配置
+const getActions = (row: StandaloneIotCard) => {
+  const actions: any[] = []
+
+  if (row.network_status === 1) {
+    if (hasAuth('iot_card:stop_card')) {
+      actions.push({
+        label: '停用此卡',
+        handler: () => handleCardOperation('stop-card', row.iccid),
+        type: 'primary'
+      })
+    }
+  } else {
+    if (hasAuth('iot_card:start_card')) {
+      actions.push({
+        label: '启用此卡',
+        handler: () => handleCardOperation('start-card', row.iccid),
+        type: 'primary'
+      })
+    }
   }
 
-  // 搜索表单初始值
-  const initialSearchState: {
-    status: undefined | number
-    iccid: string
-    carrier_name: string
-    msisdn: string
-    virtual_no: string
-    device_virtual_no: string
-    shop_id: undefined | number
-    series_id: undefined | number
-    is_distributed: undefined | number
-    is_standalone: undefined | boolean
-    [key: string]: any
-  } = {
-    status: undefined,
-    iccid: '',
-    carrier_name: '',
-    msisdn: '',
-    virtual_no: '',
-    device_virtual_no: '',
-    shop_id: undefined,
-    series_id: undefined,
-    is_distributed: undefined,
-    is_standalone: undefined,
-    is_replaced: undefined,
-    iccid_start: '',
-    iccid_end: ''
+  if (hasAuth('iot_card:realname_policy')) {
+    actions.push({
+      label: '实名认证策略',
+      handler: () => handleCardOperation('realname-policy', row.iccid, row),
+      type: 'primary'
+    })
   }
 
-  // 搜索表单
-  const formFilters = reactive({ ...initialSearchState })
+  if (hasAuth('iot_card:update_realname_status')) {
+    actions.push({
+      label: '更新实名状态',
+      handler: () => handleCardOperation('update-realname-status', row.iccid, row),
+      type: 'primary'
+    })
+  }
 
-  // 批量分配表单
-  const allocateForm = reactive<Partial<AllocateStandaloneCardsRequest>>({
+  if (hasAuth('iot_card:clear_series')) {
+    actions.push({
+      label: '清除关联',
+      handler: () => handleCardOperation('clear-series', row.iccid),
+      type: 'primary'
+    })
+  }
+
+  if (hasAuth('iot_card:operation_logs')) {
+    actions.push({
+      label: '操作审计日志',
+      handler: () => {
+        operationLogsIdentifier.value = row.iccid
+        operationLogsDialogVisible.value = true
+      },
+      type: 'primary'
+    })
+  }
+
+  return actions
+}
+
+onMounted(() => {
+  getTableData()
+})
+
+// 获取单卡列表
+const getTableData = async () => {
+  loading.value = true
+  try {
+    const params: Record<string, any> = {
+      page: pagination.page,
+      page_size: pagination.pageSize,
+      ...formFilters
+    }
+    Object.keys(params).forEach((key) => {
+      if (params[key] === '' || params[key] === undefined) {
+        delete params[key]
+      }
+    })
+
+    const res = await CardService.getStandaloneIotCards(params)
+    if (res.code === 0) {
+      cardList.value = res.data.items || []
+      pagination.total = res.data.total || 0
+    }
+  } catch (error) {
+    console.error(error)
+  } finally {
+    loading.value = false
+  }
+}
+
+// 重置搜索
+const handleReset = () => {
+  Object.assign(formFilters, { ...initialSearchState })
+  pagination.page = 1
+  getTableData()
+}
+
+// 搜索
+const handleSearch = () => {
+  pagination.page = 1
+  getTableData()
+}
+
+// 刷新表格
+const handleRefresh = () => {
+  getTableData()
+}
+
+// 处理表格分页变化
+const handleSizeChange = (newPageSize: number) => {
+  pagination.pageSize = newPageSize
+  getTableData()
+}
+
+const handleCurrentChange = (newCurrentPage: number) => {
+  pagination.page = newCurrentPage
+  getTableData()
+}
+
+// 表格选择变化
+const handleSelectionChange = (selection: StandaloneIotCard[]) => {
+  selectedCards.value = selection
+}
+
+// 显示批量分配对话框
+const showAllocateDialog = () => {
+  if (selectedCards.value.length === 0) {
+    ElMessage.warning('请先选择要分配的卡')
+    return
+  }
+  allocateDialogVisible.value = true
+  Object.assign(allocateForm, {
     selection_type: CardSelectionType.LIST,
     to_shop_id: undefined,
-    iccids: [],
+    iccids: selectedCards.value.map((card) => card.iccid),
     iccid_start: '',
     iccid_end: '',
     carrier_id: undefined,
@@ -1047,1153 +1533,465 @@
     batch_no: '',
     remark: ''
   })
+  loadAllocateCarrierOptions()
+  loadAllocateBatchNoOptions()
+  if (allocateFormRef.value) {
+    allocateFormRef.value.resetFields()
+  }
+}
 
-  // 批量分配表单验证规则
-  const allocateRules = reactive<FormRules>({
-    to_shop_id: [{ required: true, message: '请选择目标店铺', trigger: 'change' }],
-    selection_type: [{ required: true, message: '请选择选卡方式', trigger: 'change' }],
-    iccid_start: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (allocateForm.selection_type === CardSelectionType.RANGE && !value) {
-            callback(new Error('请输入起始ICCID'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ],
-    iccid_end: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (allocateForm.selection_type === CardSelectionType.RANGE && !value) {
-            callback(new Error('请输入结束ICCID'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ]
-  })
-
-  // 批量回收表单
-  const recallForm = reactive<Partial<RecallStandaloneCardsRequest>>({
+// 显示批量回收对话框
+const showRecallDialog = () => {
+  if (selectedCards.value.length === 0) {
+    ElMessage.warning('请先选择要回收的卡')
+    return
+  }
+  recallDialogVisible.value = true
+  Object.assign(recallForm, {
     selection_type: CardSelectionType.LIST,
-    iccids: [],
+    iccids: selectedCards.value.map((card) => card.iccid),
     iccid_start: '',
     iccid_end: '',
     carrier_id: undefined,
     batch_no: '',
     remark: ''
   })
-
-  // 批量回收表单验证规则
-  const recallRules = reactive<FormRules>({
-    selection_type: [{ required: true, message: '请选择选卡方式', trigger: 'change' }],
-    iccid_start: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (recallForm.selection_type === CardSelectionType.RANGE && !value) {
-            callback(new Error('请输入起始ICCID'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ],
-    iccid_end: [
-      {
-        required: true,
-        validator: (_rule, value, callback) => {
-          if (recallForm.selection_type === CardSelectionType.RANGE && !value) {
-            callback(new Error('请输入结束ICCID'))
-          } else {
-            callback()
-          }
-        },
-        trigger: 'blur'
-      }
-    ]
-  })
-
-  // 分页
-  const pagination = reactive({
-    page: 1,
-    pageSize: 20,
-    total: 0
-  })
-
-  // 搜索表单配置
-  const baseFormItems: SearchFormItem[] = [
-    {
-      label: 'ICCID',
-      prop: 'iccid',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入ICCID'
-      }
-    },
-    {
-      label: '运营商名称',
-      prop: 'carrier_name',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchCarrier,
-        loading: carrierLoading.value,
-        placeholder: '请选择或搜索运营商名称'
-      },
-      options: () =>
-        searchCarrierOptions.value.map((c) => ({
-          label: c.carrier_name,
-          value: c.carrier_name
-        }))
-    },
-    {
-      label: '状态',
-      prop: 'status',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '全部'
-      },
-      options: () => [
-        { label: '在库', value: 1 },
-        { label: '已分销', value: 2 },
-        { label: '已激活', value: 3 },
-        { label: '已停用', value: 4 }
-      ]
-    },
-    {
-      label: '卡虚拟号',
-      prop: 'virtual_no',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入卡虚拟号'
-      }
-    },
-    {
-      label: 'MSISDN',
-      prop: 'msisdn',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入MSISDN'
-      }
-    },
-    {
-      label: '绑定设备虚拟号',
-      prop: 'device_virtual_no',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入绑定设备虚拟号'
-      }
-    },
-    {
-      label: '店铺名称',
-      prop: 'shop_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchShops,
-        loading: false,
-        placeholder: '请选择或搜索店铺名称'
-      },
-      options: () =>
-        shopOptions.value.map((shop) => ({
-          label: shop.shop_name,
-          value: shop.id
-        }))
-    },
-    {
-      label: '套餐系列',
-      prop: 'series_id',
-      type: 'select',
-      config: {
-        clearable: true,
-        filterable: true,
-        remote: true,
-        remoteMethod: handleSearchSeries,
-        placeholder: '请选择或搜索套餐系列'
-      },
-      options: () =>
-        searchSeriesOptions.value.map((s) => ({
-          label: s.series_name,
-          value: s.id
-        }))
-    },
-    {
-      label: '是否已分销',
-      prop: 'is_distributed',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '全部'
-      },
-      options: () => [
-        { label: '是', value: true },
-        { label: '否', value: false }
-      ]
-    },
-    {
-      label: '是否绑定设备',
-      prop: 'is_standalone',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '全部'
-      },
-      options: () => [
-        { label: '未绑定设备', value: true },
-        { label: '已绑定设备', value: false }
-      ]
-    },
-    {
-      label: '是否有换卡记录',
-      prop: 'is_replaced',
-      type: 'select',
-      config: {
-        clearable: true,
-        placeholder: '全部'
-      },
-      options: () => [
-        { label: '有换卡记录', value: true },
-        { label: '无换卡记录', value: false }
-      ]
-    },
-    {
-      label: 'ICCID起始号',
-      prop: 'iccid_start',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入ICCID起始号'
-      }
-    },
-    {
-      label: 'ICCID结束号',
-      prop: 'iccid_end',
-      type: 'input',
-      config: {
-        clearable: true,
-        placeholder: '请输入ICCID结束号'
-      }
-    }
-  ]
-
-  // 搜索表单配置
-  const formItems: SearchFormItem[] = baseFormItems
-
-  // 列配置
-  const columnOptions = [
-    { label: 'ICCID', prop: 'iccid' },
-    { label: 'MSISDN', prop: 'msisdn' },
-    { label: '卡虚拟号', prop: 'virtual_no' },
-    { label: '运营商', prop: 'carrier_name' },
-    { label: '卡业务类型', prop: 'card_category' },
-    { label: '状态', prop: 'status' },
-    { label: '激活状态', prop: 'activation_status' },
-    { label: '激活时间', prop: 'activated_at' },
-    { label: '网络状态', prop: 'network_status' },
-    { label: '实名状态', prop: 'real_name_status' },
-    { label: '实名认证策略', prop: 'realname_policy' },
-    { label: '绑定设备虚拟号', prop: 'device_virtual_no' },
-    { label: '店铺名称', prop: 'shop_name' },
-    { label: '套餐系列', prop: 'series_name' },
-    { label: '自然月累计流量(MB)', prop: 'current_month_usage_mb' },
-    { label: '本月开始日期', prop: 'current_month_start_date' },
-    { label: '上月流量总量(MB)', prop: 'last_month_total_mb' },
-    { label: '累计流量(MB)', prop: 'data_usage_mb' },
-    { label: '最后流量检查时间', prop: 'last_data_check_at' },
-    { label: '最后实名检查时间', prop: 'last_real_name_check_at' },
-    { label: '启用轮询', prop: 'enable_polling' },
-    { label: '批次号', prop: 'batch_no' },
-    { label: '创建时间', prop: 'created_at' },
-    { label: '更新时间', prop: 'updated_at' }
-  ]
-
-  const cardList = ref<StandaloneIotCard[]>([])
-
-  // 获取状态标签类型
-  const getStatusType = (status: StandaloneCardStatus) => {
-    switch (status) {
-      case 1:
-        return 'info'
-      case 2:
-        return 'warning'
-      case 3:
-        return 'success'
-      case 4:
-        return 'danger'
-      default:
-        return 'info'
-    }
+  if (recallFormRef.value) {
+    recallFormRef.value.resetFields()
   }
+  loadAllocateCarrierOptions()
+  loadAllocateBatchNoOptions()
+}
 
-  // 获取状态文本
-  const getStatusText = (status: StandaloneCardStatus) => {
-    switch (status) {
-      case 1:
-        return '在库'
-      case 2:
-        return '已分销'
-      case 3:
-        return '已激活'
-      case 4:
-        return '已停用'
-      default:
-        return '未知'
-    }
+// 关闭批量分配对话框
+const handleAllocateDialogClose = () => {
+  if (allocateFormRef.value) {
+    allocateFormRef.value.resetFields()
   }
+}
 
-  // 跳转到资产信息页面(原IoT卡详情)
-  const goToCardDetail = (iccid: string) => {
-    if (hasAuth('iot_card:view_detail')) {
-      router.push({
-        path: RoutesAlias.AssetInformation,
-        query: {
-          iccid: iccid
+// 关闭批量回收对话框
+const handleRecallDialogClose = () => {
+  if (recallFormRef.value) {
+    recallFormRef.value.resetFields()
+  }
+}
+
+// 执行批量分配
+const handleAllocate = async () => {
+  if (!allocateFormRef.value) return
+
+  await allocateFormRef.value.validate(async (valid) => {
+    if (valid) {
+      // 根据选卡方式构建请求参数
+      const params: Partial<AllocateStandaloneCardsRequest> = {
+        selection_type: allocateForm.selection_type!,
+        to_shop_id: Array.isArray(allocateForm.to_shop_id)
+          ? allocateForm.to_shop_id[allocateForm.to_shop_id.length - 1]
+          : allocateForm.to_shop_id,
+        remark: allocateForm.remark
+      }
+
+      if (allocateForm.selection_type === CardSelectionType.LIST) {
+        params.iccids = selectedCards.value.map((card) => card.iccid)
+        if (params.iccids.length === 0) {
+          ElMessage.warning('请先选择要分配的卡')
+          return
         }
-      })
-    } else {
-      ElMessage.warning('您没有查看详情的权限')
-    }
-  }
-
-  // 卡详情辅助函数
-  const getCarrierTypeText = (type: string) => {
-    const typeMap: Record<string, string> = {
-      CMCC: '中国移动',
-      CUCC: '中国联通',
-      CTCC: '中国电信',
-      CBN: '中国广电'
-    }
-    return typeMap[type] || type
-  }
-
-  const getCardCategoryText = (category: string) => {
-    const categoryMap: Record<string, string> = {
-      normal: '普通卡',
-      industry: '行业卡'
-    }
-    return categoryMap[category] || category
-  }
-
-  const getCardDetailStatusText = (status: number) => {
-    const statusMap: Record<number, string> = {
-      1: '在库',
-      2: '已分销',
-      3: '已激活',
-      4: '已停用'
-    }
-    return statusMap[status] || '未知'
-  }
-
-  const getCardDetailStatusTagType = (status: number) => {
-    const typeMap: Record<number, any> = {
-      1: 'info',
-      2: 'warning',
-      3: 'success',
-      4: 'danger'
-    }
-    return typeMap[status] || 'info'
-  }
-
-  // 动态列配置
-  const { columnChecks, columns } = useCheckedColumns(() => [
-    {
-      prop: 'iccid',
-      label: 'ICCID',
-      minWidth: 200,
-      formatter: (row: StandaloneIotCard) => {
-        return h(
-          'span',
-          {
-            style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
-            onClick: (e: MouseEvent) => {
-              e.stopPropagation()
-              goToCardDetail(row.iccid)
-            }
-          },
-          row.iccid
-        )
+      } else if (allocateForm.selection_type === CardSelectionType.RANGE) {
+        params.iccid_start = allocateForm.iccid_start
+        params.iccid_end = allocateForm.iccid_end
+      } else if (allocateForm.selection_type === CardSelectionType.FILTER) {
+        if (allocateForm.carrier_id) params.carrier_id = allocateForm.carrier_id
+        if (allocateForm.status) params.status = allocateForm.status
+        if (allocateForm.batch_no) params.batch_no = allocateForm.batch_no
       }
-    },
-    {
-      prop: 'msisdn',
-      label: 'MSISDN',
-      width: 160
-    },
-    {
-      prop: 'virtual_no',
-      label: '卡虚拟号',
-      width: 180,
-      showOverflowTooltip: true,
-      formatter: (row: StandaloneIotCard) => row.virtual_no || '-'
-    },
-    {
-      prop: 'device_virtual_no',
-      label: '绑定设备虚拟号',
-      width: 180,
-      showOverflowTooltip: true,
-      formatter: (row: StandaloneIotCard) => row.device_virtual_no || '-'
-    },
-    {
-      prop: 'card_category',
-      label: '卡业务类型',
-      width: 100,
-      formatter: (row: StandaloneIotCard) => getCardCategoryText(row.card_category)
-    },
-    {
-      prop: 'carrier_name',
-      label: '运营商',
-      width: 150,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'shop_name',
-      label: '店铺名称',
-      minWidth: 150,
-      showOverflowTooltip: true,
-      formatter: (row: StandaloneIotCard) => row.shop_name || '-'
-    },
-    {
-      prop: 'series_name',
-      label: '套餐系列',
-      width: 180,
-      showOverflowTooltip: true,
-      formatter: (row: StandaloneIotCard) => row.series_name || '-'
-    },
-    {
-      prop: 'status',
-      label: '状态',
-      width: 100,
-      formatter: (row: StandaloneIotCard) => {
-        return h(ElTag, { type: getStatusType(row.status) }, () => getStatusText(row.status))
-      }
-    },
-    {
-      prop: 'activation_status',
-      label: '激活状态',
-      width: 100,
-      formatter: (row: StandaloneIotCard) => {
-        const type = row.activation_status === 1 ? 'success' : 'info'
-        const text = row.activation_status === 1 ? '已激活' : '未激活'
-        return h(ElTag, { type }, () => text)
-      }
-    },
-    {
-      prop: 'network_status',
-      label: '网络状态',
-      width: 100,
-      formatter: (row: StandaloneIotCard) => {
-        const type = row.network_status === 1 ? 'success' : 'danger'
-        const text = row.network_status === 1 ? '正常' : '停机'
-        return h(ElTag, { type }, () => text)
-      }
-    },
-    {
-      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)
-      }
-    },
-    {
-      prop: 'realname_policy',
-      label: '实名认证策略',
-      width: 150,
-      formatter: (row: StandaloneIotCard) => {
-        const policy = row.realname_policy || ''
-        const policyMap: Record<string, string> = {
-          none: '无需实名',
-          before_order: '先实名后充值/购买',
-          after_order: '先充值/购买后实名'
+
+      allocateLoading.value = true
+      try {
+        const res = await CardService.allocateStandaloneCards(params)
+
+        // code === 0 表示操作成功(接口调用成功),显示结果对话框
+        if (res.code === 0) {
+          allocationResult.value = res.data
+          resultTitle.value = '批量分配结果'
+          allocateDialogVisible.value = false
+          resultDialogVisible.value = true
+
+          // 清空选择
+          selectedCards.value = []
+
+          // 刷新列表
+          await getTableData()
         }
-        const text = policyMap[policy] || (policy ? policy : '未知')
-        return text
+      } catch (error) {
+        console.error(error)
+      } finally {
+        allocateLoading.value = false
       }
-    },
-    {
-      prop: 'activated_at',
-      label: '激活时间',
-      width: 180,
-      formatter: (row: StandaloneIotCard) =>
-        row.activated_at ? formatDateTime(row.activated_at) : '-'
-    },
-    {
-      prop: 'current_month_usage_mb',
-      label: '自然月累计流量(MB)',
-      width: 180,
-      formatter: (row: StandaloneIotCard) => row.current_month_usage_mb?.toLocaleString() || '0'
-    },
-    {
-      prop: 'current_month_start_date',
-      label: '本月开始日期',
-      width: 200,
-      formatter: (row: StandaloneIotCard) =>
-        row.current_month_start_date ? formatDateTime(row.current_month_start_date) : '-'
-    },
-    {
-      prop: 'last_month_total_mb',
-      label: '上月流量总量(MB)',
-      width: 150,
-      formatter: (row: StandaloneIotCard) => row.last_month_total_mb?.toLocaleString() || '0'
-    },
-    {
-      prop: 'data_usage_mb',
-      label: '累计流量(MB)',
-      width: 120,
-      formatter: (row: StandaloneIotCard) => row.data_usage_mb?.toLocaleString() || '0'
-    },
-    {
-      prop: 'last_data_check_at',
-      label: '最后流量检查时间',
-      width: 180,
-      formatter: (row: StandaloneIotCard) =>
-        row.last_data_check_at ? formatDateTime(row.last_data_check_at) : '-'
-    },
-    {
-      prop: 'last_real_name_check_at',
-      label: '最后实名检查时间',
-      width: 180,
-      formatter: (row: StandaloneIotCard) =>
-        row.last_real_name_check_at ? formatDateTime(row.last_real_name_check_at) : '-'
-    },
-    {
-      prop: 'enable_polling',
-      label: '启用轮询',
-      width: 100,
-      formatter: (row: StandaloneIotCard) => (row.enable_polling ? '是' : '否')
-    },
-    {
-      prop: 'batch_no',
-      label: '批次号',
-      width: 200,
-      showOverflowTooltip: true
-    },
-    {
-      prop: 'created_at',
-      label: '创建时间',
-      width: 180,
-      formatter: (row: StandaloneIotCard) => formatDateTime(row.created_at)
     }
+  })
+}
+
+// 执行批量回收
+const handleRecall = async () => {
+  if (!recallFormRef.value) return
+
+  await recallFormRef.value.validate(async (valid) => {
+    if (valid) {
+      // 根据选卡方式构建请求参数
+      const params: Partial<RecallStandaloneCardsRequest> = {
+        selection_type: recallForm.selection_type!,
+        remark: recallForm.remark
+      }
+
+      if (recallForm.selection_type === CardSelectionType.LIST) {
+        params.iccids = selectedCards.value.map((card) => card.iccid)
+        if (params.iccids.length === 0) {
+          ElMessage.warning('请先选择要回收的卡')
+          return
+        }
+      } else if (recallForm.selection_type === CardSelectionType.RANGE) {
+        params.iccid_start = recallForm.iccid_start
+        params.iccid_end = recallForm.iccid_end
+      } else if (recallForm.selection_type === CardSelectionType.FILTER) {
+        if (recallForm.carrier_id) params.carrier_id = recallForm.carrier_id
+        if (recallForm.batch_no) params.batch_no = recallForm.batch_no
+      }
+
+      recallLoading.value = true
+      try {
+        const res = await CardService.recallStandaloneCards(params)
+
+        // code === 0 表示操作成功(接口调用成功),显示结果对话框
+        if (res.code === 0) {
+          allocationResult.value = res.data
+          resultTitle.value = '批量回收结果'
+          recallDialogVisible.value = false
+          resultDialogVisible.value = true
+
+          // 清空选择
+          selectedCards.value = []
+
+          // 刷新列表
+          await getTableData()
+        } else {
+          // code !== 0 才是真正失败(接口调用失败)
+          ElMessage.error(res.msg || '批量回收失败，请重试')
+        }
+      } catch (error) {
+        console.error(error)
+      } finally {
+        recallLoading.value = false
+      }
+    }
+  })
+}
+
+// 显示套餐系列绑定对话框
+const showSeriesBindingDialog = async () => {
+  Object.assign(seriesBindingForm, createInitialSeriesBindingState(), {
+    selection_type:
+      selectedCards.value.length > 0 ? CardSelectionType.LIST : CardSelectionType.FILTER
+  })
+  await Promise.all([
+    loadPackageSeriesList(),
+    loadAllocateCarrierOptions(),
+    loadAllocateBatchNoOptions()
   ])
+  seriesBindingDialogVisible.value = true
+  seriesBindingFormRef.value?.clearValidate()
+}
 
-  // 操作列配置
-  const getActions = (row: StandaloneIotCard) => {
-    const actions: any[] = []
-
-    if (row.network_status === 1) {
-      if (hasAuth('iot_card:stop_card')) {
-        actions.push({
-          label: '停用此卡',
-          handler: () => handleCardOperation('stop-card', row.iccid),
-          type: 'primary'
-        })
-      }
-    } else {
-      if (hasAuth('iot_card:start_card')) {
-        actions.push({
-          label: '启用此卡',
-          handler: () => handleCardOperation('start-card', row.iccid),
-          type: 'primary'
-        })
-      }
+// 加载套餐系列列表（支持名称搜索，默认20条）
+const loadPackageSeriesList = async (seriesName?: string) => {
+  seriesLoading.value = true
+  try {
+    const params: any = {
+      page: 1,
+      page_size: 20,
+      status: 1 // 只获取启用的
     }
-
-    if (hasAuth('iot_card:realname_policy')) {
-      actions.push({
-        label: '实名认证策略',
-        handler: () => handleCardOperation('realname-policy', row.iccid, row),
-        type: 'primary'
-      })
+    if (seriesName) {
+      params.series_name = seriesName
     }
-
-    if (hasAuth('iot_card:update_realname_status')) {
-      actions.push({
-        label: '更新实名状态',
-        handler: () => handleCardOperation('update-realname-status', row.iccid, row),
-        type: 'primary'
-      })
+    const res = await PackageSeriesService.getPackageSeries(params)
+    if (res.code === 0 && res.data.items) {
+      packageSeriesList.value = res.data.items
     }
-
-    if (hasAuth('iot_card:clear_series')) {
-      actions.push({
-        label: '清除关联',
-        handler: () => handleCardOperation('clear-series', row.iccid),
-        type: 'primary'
-      })
-    }
-
-    if (hasAuth('iot_card:operation_logs')) {
-      actions.push({
-        label: '操作审计日志',
-        handler: () => {
-          operationLogsIdentifier.value = row.iccid
-          operationLogsDialogVisible.value = true
-        },
-        type: 'primary'
-      })
-    }
-
-    return actions
+  } catch (error) {
+    console.error('获取套餐系列列表失败:', error)
+  } finally {
+    seriesLoading.value = false
   }
+}
 
-  onMounted(() => {
-    getTableData()
+// 搜索套餐系列
+const searchPackageSeries = async (query: string) => {
+  await loadPackageSeriesList(query || undefined)
+}
+
+// 关闭套餐系列绑定对话框
+const handleSeriesBindingDialogClose = () => {
+  Object.assign(seriesBindingForm, createInitialSeriesBindingState())
+  if (seriesBindingFormRef.value) {
+    seriesBindingFormRef.value.resetFields()
+  }
+}
+
+// 关闭套餐系列绑定结果对话框
+const handleSeriesBindingResultDialogClose = () => {
+  // 刷新列表
+  getTableData()
+}
+
+// 执行套餐系列绑定
+const handleSeriesBinding = async () => {
+  if (!seriesBindingFormRef.value) return
+
+  await seriesBindingFormRef.value.validate(async (valid) => {
+    if (valid) {
+      seriesBindingLoading.value = true
+      try {
+        const request: BatchSetCardSeriesBindingRequest = {
+          selection_type: seriesBindingForm.selection_type,
+          series_id: seriesBindingForm.series_id!
+        }
+
+        if (seriesBindingForm.selection_type === CardSelectionType.LIST) {
+          const iccids = selectedCards.value.map((card) => card.iccid)
+          if (iccids.length === 0) {
+            ElMessage.warning('列表模式下请先选择要设置的卡')
+            return
+          }
+          request.iccids = iccids
+        } else if (seriesBindingForm.selection_type === CardSelectionType.RANGE) {
+          request.iccid_start = seriesBindingForm.iccid_start
+          request.iccid_end = seriesBindingForm.iccid_end
+        } else {
+          if (seriesBindingForm.carrier_id) request.carrier_id = seriesBindingForm.carrier_id
+          if (seriesBindingForm.status) request.status = seriesBindingForm.status
+          if (seriesBindingForm.batch_no) request.batch_no = seriesBindingForm.batch_no
+        }
+
+        const res = await CardService.batchSetCardSeriesBinding(request)
+
+        if (res.code === 0) {
+          seriesBindingResult.value = res.data
+          seriesBindingDialogVisible.value = false
+          seriesBindingResultDialogVisible.value = true
+
+          // 清空选择
+          selectedCards.value = []
+
+          // 立即刷新列表
+          await getTableData()
+
+          // 显示消息提示
+          if (res.data.fail_count === 0) {
+            ElMessage.success('套餐系列绑定设置成功')
+          } else if (res.data.success_count === 0) {
+            ElMessage.error('套餐系列绑定设置失败')
+          } else {
+            ElMessage.warning(
+              `部分设置成功：成功 ${res.data.success_count} 项，失败 ${res.data.fail_count} 项`
+            )
+          }
+        }
+      } catch (error) {
+        console.error(error)
+      } finally {
+        seriesBindingLoading.value = false
+      }
+    }
   })
+}
 
-  // 获取单卡列表
-  const getTableData = async () => {
-    loading.value = true
-    try {
-      const params: Record<string, any> = {
-        page: pagination.page,
-        page_size: pagination.pageSize,
-        ...formFilters
-      }
-      Object.keys(params).forEach((key) => {
-        if (params[key] === '' || params[key] === undefined) {
-          delete params[key]
-        }
-      })
+// 清除卡套餐系列绑定
+const handleClearCardSeries = async () => {
+  if (selectedCards.value.length === 0) {
+    ElMessage.warning('请先选择要清除关联的卡')
+    return
+  }
 
-      const res = await CardService.getStandaloneIotCards(params)
-      if (res.code === 0) {
-        cardList.value = res.data.items || []
-        pagination.total = res.data.total || 0
-      }
-    } catch (error) {
-      console.error(error)
-    } finally {
-      loading.value = false
+  ElMessageBox.confirm(
+    `确定要清除所选 ${selectedCards.value.length} 张卡的套餐系列关联吗？`,
+    '确认清除',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
     }
-  }
-
-  // 重置搜索
-  const handleReset = () => {
-    Object.assign(formFilters, { ...initialSearchState })
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 搜索
-  const handleSearch = () => {
-    pagination.page = 1
-    getTableData()
-  }
-
-  // 刷新表格
-  const handleRefresh = () => {
-    getTableData()
-  }
-
-  // 处理表格分页变化
-  const handleSizeChange = (newPageSize: number) => {
-    pagination.pageSize = newPageSize
-    getTableData()
-  }
-
-  const handleCurrentChange = (newCurrentPage: number) => {
-    pagination.page = newCurrentPage
-    getTableData()
-  }
-
-  // 表格选择变化
-  const handleSelectionChange = (selection: StandaloneIotCard[]) => {
-    selectedCards.value = selection
-  }
-
-  // 显示批量分配对话框
-  const showAllocateDialog = () => {
-    if (selectedCards.value.length === 0) {
-      ElMessage.warning('请先选择要分配的卡')
-      return
-    }
-    allocateDialogVisible.value = true
-    Object.assign(allocateForm, {
-      selection_type: CardSelectionType.LIST,
-      to_shop_id: undefined,
-      iccids: selectedCards.value.map((card) => card.iccid),
-      iccid_start: '',
-      iccid_end: '',
-      carrier_id: undefined,
-      status: undefined,
-      batch_no: '',
-      remark: ''
-    })
-    loadAllocateCarrierOptions()
-    loadAllocateBatchNoOptions()
-    if (allocateFormRef.value) {
-      allocateFormRef.value.resetFields()
-    }
-  }
-
-  // 显示批量回收对话框
-  const showRecallDialog = () => {
-    if (selectedCards.value.length === 0) {
-      ElMessage.warning('请先选择要回收的卡')
-      return
-    }
-    recallDialogVisible.value = true
-    Object.assign(recallForm, {
-      selection_type: CardSelectionType.LIST,
-      iccids: selectedCards.value.map((card) => card.iccid),
-      iccid_start: '',
-      iccid_end: '',
-      carrier_id: undefined,
-      batch_no: '',
-      remark: ''
-    })
-    if (recallFormRef.value) {
-      recallFormRef.value.resetFields()
-    }
-    loadAllocateCarrierOptions()
-    loadAllocateBatchNoOptions()
-  }
-
-  // 关闭批量分配对话框
-  const handleAllocateDialogClose = () => {
-    if (allocateFormRef.value) {
-      allocateFormRef.value.resetFields()
-    }
-  }
-
-  // 关闭批量回收对话框
-  const handleRecallDialogClose = () => {
-    if (recallFormRef.value) {
-      recallFormRef.value.resetFields()
-    }
-  }
-
-  // 执行批量分配
-  const handleAllocate = async () => {
-    if (!allocateFormRef.value) return
-
-    await allocateFormRef.value.validate(async (valid) => {
-      if (valid) {
-        // 根据选卡方式构建请求参数
-        const params: Partial<AllocateStandaloneCardsRequest> = {
-          selection_type: allocateForm.selection_type!,
-          to_shop_id: Array.isArray(allocateForm.to_shop_id)
-            ? allocateForm.to_shop_id[allocateForm.to_shop_id.length - 1]
-            : allocateForm.to_shop_id,
-          remark: allocateForm.remark
-        }
-
-        if (allocateForm.selection_type === CardSelectionType.LIST) {
-          params.iccids = selectedCards.value.map((card) => card.iccid)
-          if (params.iccids.length === 0) {
-            ElMessage.warning('请先选择要分配的卡')
-            return
-          }
-        } else if (allocateForm.selection_type === CardSelectionType.RANGE) {
-          params.iccid_start = allocateForm.iccid_start
-          params.iccid_end = allocateForm.iccid_end
-        } else if (allocateForm.selection_type === CardSelectionType.FILTER) {
-          if (allocateForm.carrier_id) params.carrier_id = allocateForm.carrier_id
-          if (allocateForm.status) params.status = allocateForm.status
-          if (allocateForm.batch_no) params.batch_no = allocateForm.batch_no
-        }
-
-        allocateLoading.value = true
-        try {
-          const res = await CardService.allocateStandaloneCards(params)
-
-          // code === 0 表示操作成功(接口调用成功),显示结果对话框
-          if (res.code === 0) {
-            allocationResult.value = res.data
-            resultTitle.value = '批量分配结果'
-            allocateDialogVisible.value = false
-            resultDialogVisible.value = true
-
-            // 清空选择
-            selectedCards.value = []
-
-            // 刷新列表
-            await getTableData()
-          }
-        } catch (error) {
-          console.error(error)
-        } finally {
-          allocateLoading.value = false
-        }
-      }
-    })
-  }
-
-  // 执行批量回收
-  const handleRecall = async () => {
-    if (!recallFormRef.value) return
-
-    await recallFormRef.value.validate(async (valid) => {
-      if (valid) {
-        // 根据选卡方式构建请求参数
-        const params: Partial<RecallStandaloneCardsRequest> = {
-          selection_type: recallForm.selection_type!,
-          remark: recallForm.remark
-        }
-
-        if (recallForm.selection_type === CardSelectionType.LIST) {
-          params.iccids = selectedCards.value.map((card) => card.iccid)
-          if (params.iccids.length === 0) {
-            ElMessage.warning('请先选择要回收的卡')
-            return
-          }
-        } else if (recallForm.selection_type === CardSelectionType.RANGE) {
-          params.iccid_start = recallForm.iccid_start
-          params.iccid_end = recallForm.iccid_end
-        } else if (recallForm.selection_type === CardSelectionType.FILTER) {
-          if (recallForm.carrier_id) params.carrier_id = recallForm.carrier_id
-          if (recallForm.batch_no) params.batch_no = recallForm.batch_no
-        }
-
-        recallLoading.value = true
-        try {
-          const res = await CardService.recallStandaloneCards(params)
-
-          // code === 0 表示操作成功(接口调用成功),显示结果对话框
-          if (res.code === 0) {
-            allocationResult.value = res.data
-            resultTitle.value = '批量回收结果'
-            recallDialogVisible.value = false
-            resultDialogVisible.value = true
-
-            // 清空选择
-            selectedCards.value = []
-
-            // 刷新列表
-            await getTableData()
+  )
+    .then(async () => {
+      try {
+        const res = await CardService.batchSetCardSeriesBinding({
+          selection_type: CardSelectionType.LIST,
+          iccids: selectedCards.value.map((card) => card.iccid),
+          series_id: 0
+        })
+        if (res.code === 0) {
+          if (res.data.fail_count === 0) {
+            ElMessage.success('清除关联成功')
           } else {
-            // code !== 0 才是真正失败(接口调用失败)
-            ElMessage.error(res.msg || '批量回收失败，请重试')
+            ElMessage.warning(`部分失败：${res.data.failed_items?.[0]?.reason || '未知原因'}`)
           }
-        } catch (error) {
-          console.error(error)
-        } finally {
-          recallLoading.value = false
+          selectedCards.value = []
+          await getTableData()
         }
+      } catch (error) {
+        console.error('清除关联失败:', error)
       }
     })
-  }
-
-  // 显示套餐系列绑定对话框
-  const showSeriesBindingDialog = async () => {
-    Object.assign(seriesBindingForm, createInitialSeriesBindingState(), {
-      selection_type:
-        selectedCards.value.length > 0 ? CardSelectionType.LIST : CardSelectionType.FILTER
+    .catch(() => {
+      // 用户取消
     })
-    await Promise.all([
-      loadPackageSeriesList(),
-      loadAllocateCarrierOptions(),
-      loadAllocateBatchNoOptions()
-    ])
-    seriesBindingDialogVisible.value = true
-    seriesBindingFormRef.value?.clearValidate()
+}
+
+// IoT卡操作处理函数
+const handleCardOperation = (command: string, iccid: string, row?: any) => {
+  switch (command) {
+    case 'start-card':
+      handleStartCard(iccid)
+      break
+    case 'stop-card':
+      handleStopCard(iccid)
+      break
+    case 'realname-policy':
+      handleShowRealnamePolicy(iccid, row?.realname_policy)
+      break
+    case 'update-realname-status':
+      handleShowUpdateRealnameStatus(iccid, row?.real_name_status)
+      break
+    case 'clear-series':
+      handleClearSingleCardSeries(iccid)
+      break
   }
+}
 
-  // 加载套餐系列列表（支持名称搜索，默认20条）
-  const loadPackageSeriesList = async (seriesName?: string) => {
-    seriesLoading.value = true
-    try {
-      const params: any = {
-        page: 1,
-        page_size: 20,
-        status: 1 // 只获取启用的
-      }
-      if (seriesName) {
-        params.series_name = seriesName
-      }
-      const res = await PackageSeriesService.getPackageSeries(params)
-      if (res.code === 0 && res.data.items) {
-        packageSeriesList.value = res.data.items
-      }
-    } catch (error) {
-      console.error('获取套餐系列列表失败:', error)
-    } finally {
-      seriesLoading.value = false
-    }
-  }
-
-  // 搜索套餐系列
-  const searchPackageSeries = async (query: string) => {
-    await loadPackageSeriesList(query || undefined)
-  }
-
-  // 关闭套餐系列绑定对话框
-  const handleSeriesBindingDialogClose = () => {
-    Object.assign(seriesBindingForm, createInitialSeriesBindingState())
-    if (seriesBindingFormRef.value) {
-      seriesBindingFormRef.value.resetFields()
-    }
-  }
-
-  // 关闭套餐系列绑定结果对话框
-  const handleSeriesBindingResultDialogClose = () => {
-    // 刷新列表
-    getTableData()
-  }
-
-  // 执行套餐系列绑定
-  const handleSeriesBinding = async () => {
-    if (!seriesBindingFormRef.value) return
-
-    await seriesBindingFormRef.value.validate(async (valid) => {
-      if (valid) {
-        seriesBindingLoading.value = true
-        try {
-          const request: BatchSetCardSeriesBindingRequest = {
-            selection_type: seriesBindingForm.selection_type,
-            series_id: seriesBindingForm.series_id!
-          }
-
-          if (seriesBindingForm.selection_type === CardSelectionType.LIST) {
-            const iccids = selectedCards.value.map((card) => card.iccid)
-            if (iccids.length === 0) {
-              ElMessage.warning('列表模式下请先选择要设置的卡')
-              return
-            }
-            request.iccids = iccids
-          } else if (seriesBindingForm.selection_type === CardSelectionType.RANGE) {
-            request.iccid_start = seriesBindingForm.iccid_start
-            request.iccid_end = seriesBindingForm.iccid_end
+// 清除单卡套餐系列绑定
+const handleClearSingleCardSeries = (iccid: string) => {
+  ElMessageBox.confirm(`确定要清除该卡（${iccid}）的套餐系列关联吗？`, '确认清除', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(async () => {
+      try {
+        const res = await CardService.batchSetCardSeriesBinding({
+          selection_type: CardSelectionType.LIST,
+          iccids: [iccid],
+          series_id: 0
+        })
+        if (res.code === 0) {
+          if (res.data.fail_count === 0) {
+            ElMessage.success('清除关联成功')
           } else {
-            if (seriesBindingForm.carrier_id) request.carrier_id = seriesBindingForm.carrier_id
-            if (seriesBindingForm.status) request.status = seriesBindingForm.status
-            if (seriesBindingForm.batch_no) request.batch_no = seriesBindingForm.batch_no
+            ElMessage.warning(`失败：${res.data.failed_items?.[0]?.reason || '未知原因'}`)
           }
-
-          const res = await CardService.batchSetCardSeriesBinding(request)
-
-          if (res.code === 0) {
-            seriesBindingResult.value = res.data
-            seriesBindingDialogVisible.value = false
-            seriesBindingResultDialogVisible.value = true
-
-            // 清空选择
-            selectedCards.value = []
-
-            // 立即刷新列表
-            await getTableData()
-
-            // 显示消息提示
-            if (res.data.fail_count === 0) {
-              ElMessage.success('套餐系列绑定设置成功')
-            } else if (res.data.success_count === 0) {
-              ElMessage.error('套餐系列绑定设置失败')
-            } else {
-              ElMessage.warning(
-                `部分设置成功：成功 ${res.data.success_count} 项，失败 ${res.data.fail_count} 项`
-              )
-            }
-          }
-        } catch (error) {
-          console.error(error)
-        } finally {
-          seriesBindingLoading.value = false
+          await getTableData()
         }
+      } catch (error) {
+        console.error('清除关联失败:', error)
       }
     })
-  }
+    .catch(() => {
+      // 用户取消
+    })
+}
 
-  // 清除卡套餐系列绑定
-  const handleClearCardSeries = async () => {
-    if (selectedCards.value.length === 0) {
-      ElMessage.warning('请先选择要清除关联的卡')
-      return
+// 启用此卡（复机）
+const handleStartCard = (iccid: string) => {
+  ElMessageBox.confirm('确定要启用该卡片吗？', '确认启用', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(async () => {
+      try {
+        // 使用统一接口：通过 identifier (ICCID) 启用资产
+        const res = await AssetService.startAsset(iccid)
+        if (res.code === 0) {
+          ElMessage.success('启用成功')
+          await getTableData()
+        }
+      } catch (error: any) {
+        console.error('启用此卡失败:', error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
+
+// 停用此卡（停机）
+const handleStopCard = (iccid: string) => {
+  ElMessageBox.confirm('确定要停用该卡片吗？', '确认停用', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(async () => {
+      try {
+        // 使用统一接口：通过 identifier (ICCID) 停用资产
+        const res = await AssetService.stopAsset(iccid)
+        if (res.code === 0) {
+          ElMessage.success('停用成功')
+          await getTableData()
+        }
+      } catch (error: any) {
+        console.error('停用此卡失败:', error)
+      }
+    })
+    .catch(() => {
+      // 用户取消
+    })
+}
+
+// 手动停用 IoT 卡（资产层面的停用）
+const handleManualDeactivate = (iccid: string) => {
+  ElMessageBox.confirm(
+    `确定要手动停用卡片 ${iccid} 吗？此操作将在资产管理层面停用该卡。`,
+    '确认手动停用',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
     }
-
-    ElMessageBox.confirm(
-      `确定要清除所选 ${selectedCards.value.length} 张卡的套餐系列关联吗？`,
-      '确认清除',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
+  )
+    .then(async () => {
+      try {
+        const res = await AssetService.deactivateAsset(iccid)
+        if (res.code === 0) {
+          ElMessage.success('手动停用成功')
+          await getTableData()
+        }
+      } catch (error: any) {
+        console.error('手动停用失败:', error)
       }
-    )
-      .then(async () => {
-        try {
-          const res = await CardService.batchSetCardSeriesBinding({
-            selection_type: CardSelectionType.LIST,
-            iccids: selectedCards.value.map((card) => card.iccid),
-            series_id: 0
-          })
-          if (res.code === 0) {
-            if (res.data.fail_count === 0) {
-              ElMessage.success('清除关联成功')
-            } else {
-              ElMessage.warning(`部分失败：${res.data.failed_items?.[0]?.reason || '未知原因'}`)
-            }
-            selectedCards.value = []
-            await getTableData()
-          }
-        } catch (error) {
-          console.error('清除关联失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // IoT卡操作处理函数
-  const handleCardOperation = (command: string, iccid: string, row?: any) => {
-    switch (command) {
-      case 'start-card':
-        handleStartCard(iccid)
-        break
-      case 'stop-card':
-        handleStopCard(iccid)
-        break
-      case 'realname-policy':
-        handleShowRealnamePolicy(iccid, row?.realname_policy)
-        break
-      case 'update-realname-status':
-        handleShowUpdateRealnameStatus(iccid, row?.real_name_status)
-        break
-      case 'clear-series':
-        handleClearSingleCardSeries(iccid)
-        break
-    }
-  }
-
-  // 清除单卡套餐系列绑定
-  const handleClearSingleCardSeries = (iccid: string) => {
-    ElMessageBox.confirm(`确定要清除该卡（${iccid}）的套餐系列关联吗？`, '确认清除', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
     })
-      .then(async () => {
-        try {
-          const res = await CardService.batchSetCardSeriesBinding({
-            selection_type: CardSelectionType.LIST,
-            iccids: [iccid],
-            series_id: 0
-          })
-          if (res.code === 0) {
-            if (res.data.fail_count === 0) {
-              ElMessage.success('清除关联成功')
-            } else {
-              ElMessage.warning(`失败：${res.data.failed_items?.[0]?.reason || '未知原因'}`)
-            }
-            await getTableData()
-          }
-        } catch (error) {
-          console.error('清除关联失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 启用此卡（复机）
-  const handleStartCard = (iccid: string) => {
-    ElMessageBox.confirm('确定要启用该卡片吗？', '确认启用', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
+    .catch(() => {
+      // 用户取消
     })
-      .then(async () => {
-        try {
-          // 使用统一接口：通过 identifier (ICCID) 启用资产
-          const res = await AssetService.startAsset(iccid)
-          if (res.code === 0) {
-            ElMessage.success('启用成功')
-            await getTableData()
-          }
-        } catch (error: any) {
-          console.error('启用此卡失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 停用此卡（停机）
-  const handleStopCard = (iccid: string) => {
-    ElMessageBox.confirm('确定要停用该卡片吗？', '确认停用', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-      .then(async () => {
-        try {
-          // 使用统一接口：通过 identifier (ICCID) 停用资产
-          const res = await AssetService.stopAsset(iccid)
-          if (res.code === 0) {
-            ElMessage.success('停用成功')
-            await getTableData()
-          }
-        } catch (error: any) {
-          console.error('停用此卡失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
-
-  // 手动停用 IoT 卡（资产层面的停用）
-  const handleManualDeactivate = (iccid: string) => {
-    ElMessageBox.confirm(
-      `确定要手动停用卡片 ${iccid} 吗？此操作将在资产管理层面停用该卡。`,
-      '确认手动停用',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }
-    )
-      .then(async () => {
-        try {
-          const res = await AssetService.deactivateAsset(iccid)
-          if (res.code === 0) {
-            ElMessage.success('手动停用成功')
-            await getTableData()
-          }
-        } catch (error: any) {
-          console.error('手动停用失败:', error)
-        }
-      })
-      .catch(() => {
-        // 用户取消
-      })
-  }
+}
 </script>
 
 <style lang="scss" scoped>
-  .range-allocation-hint {
-    color: var(--el-text-color-secondary);
-    font-size: 13px;
-    line-height: 20px;
-  }
+.range-allocation-hint {
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+  line-height: 20px;
+}
 
-  .range-allocation-hint--card {
-    margin: -6px 0 18px 100px;
-  }
+.range-allocation-hint--card {
+  margin: -6px 0 18px 100px;
+}
 
-  :deep(.el-table__row.table-row-with-context-menu) {
-    cursor: pointer;
-  }
+.range-allocation-hint--card-form {
+  margin: -6px 0 18px 120px;
+}
+
+:deep(.el-table__row.table-row-with-context-menu) {
+  cursor: pointer;
+}
 </style>