From 398d5494c85b6aba1d427bc245b2edbb6a326c75 Mon Sep 17 00:00:00 2001
From: sexygoat <1538832180@qq.com>
Date: Sat, 25 Apr 2026 15:00:56 +0800
Subject: [PATCH] fix: ui

---
 src/pages/agent-system/assets/index.vue | 1307 +++++++++++------------
 1 file changed, 625 insertions(+), 682 deletions(-)

diff --git a/src/pages/agent-system/assets/index.vue b/src/pages/agent-system/assets/index.vue
index ad816c0..d2eae98 100644
--- a/src/pages/agent-system/assets/index.vue
+++ b/src/pages/agent-system/assets/index.vue
@@ -1,606 +1,593 @@
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { getUserInfo } from '@/api/auth'
-import type { UserInfo } from '@/api/auth'
-import { getEnterpriseCards, getEnterpriseDevices } from '@/api/enterprise'
-import { getCarriers } from '@/api/carrier'
-import type { CarrierInfo } from '@/api/carrier'
-import { stopAsset, startAsset } from '@/api/assets'
-import Skeleton from '@/components/Skeleton.vue'
-import SimplePicker from '@/components/SimplePicker.vue'
-import { formatTime, formatDataSize } from '@/utils/format'
-import { get } from '@/utils/request'
+  import { ref, computed, onMounted } from 'vue'
+  import { getUserInfo } from '@/api/auth'
+  import type { UserInfo } from '@/api/auth'
+  import { getEnterpriseCards, getEnterpriseDevices } from '@/api/enterprise'
+  import { getCarriers } from '@/api/carrier'
+  import type { CarrierInfo } from '@/api/carrier'
+  import { stopAsset, startAsset } from '@/api/assets'
+  import Skeleton from '@/components/Skeleton.vue'
+  import SimplePicker from '@/components/SimplePicker.vue'
+  import { formatTime, formatDataSize } from '@/utils/format'
+  import { get } from '@/utils/request'
 
-// 卡片信息接口
-interface CardInfo {
-  id: number
-  iccid: string
-  imsi?: string
-  msisdn?: string
-  virtual_no?: string
-  virtual_number?: string // 企业端字段
-  status?: number
-  status_name?: string
-  activation_status?: number
-  network_status?: number
-  network_status_name?: string
-  real_name_status?: number
-  carrier_name?: string
-  carrier_type?: string
-  operator?: string // 企业端字段
-  supplier?: string
-  batch_no?: string
-  series_name?: string
-  shop_name?: string
-  data_usage_mb?: number
-  current_month_usage_mb?: number
-  accumulated_recharge?: number
-  created_at?: string
-  updated_at?: string
-}
+  // 卡片信息接口
+  interface CardInfo {
+    id : number
+    iccid : string
+    imsi ?: string
+    msisdn ?: string
+    virtual_no ?: string
+    virtual_number ?: string // 企业端字段
+    status ?: number
+    status_name ?: string
+    activation_status ?: number
+    network_status ?: number
+    network_status_name ?: string
+    real_name_status ?: number
+    carrier_name ?: string
+    carrier_type ?: string
+    operator ?: string // 企业端字段
+    supplier ?: string
+    batch_no ?: string
+    series_name ?: string
+    shop_name ?: string
+    data_usage_mb ?: number
+    current_month_usage_mb ?: number
+    accumulated_recharge ?: number
+    created_at ?: string
+    updated_at ?: string
+  }
 
-// 设备信息接口
-interface DeviceInfo {
-  id?: number
-  device_id?: number // 企业端字段
-  device_name?: string
-  device_model?: string
-  device_type?: string
-  manufacturer?: string
-  imei?: string
-  sn?: string
-  virtual_no?: string
-  status?: number
-  status_name?: string
-  online_status?: number
-  bound_card_count?: number
-  card_count?: number // 企业端字段
-  max_sim_slots?: number
-  switch_mode?: string
-  series_name?: string
-  shop_name?: string
-  software_version?: string
-  accumulated_recharge?: number
-  activated_at?: string
-  authorized_at?: string // 企业端字段
-  last_online_time?: string
-  created_at?: string
-  updated_at?: string
-}
+  // 设备信息接口
+  interface DeviceInfo {
+    id ?: number
+    device_id ?: number // 企业端字段
+    device_name ?: string
+    device_model ?: string
+    device_type ?: string
+    manufacturer ?: string
+    imei ?: string
+    sn ?: string
+    virtual_no ?: string
+    status ?: number
+    status_name ?: string
+    online_status ?: number
+    bound_card_count ?: number
+    card_count ?: number // 企业端字段
+    max_sim_slots ?: number
+    switch_mode ?: string
+    series_name ?: string
+    shop_name ?: string
+    software_version ?: string
+    accumulated_recharge ?: number
+    activated_at ?: string
+    authorized_at ?: string // 企业端字段
+    last_online_time ?: string
+    created_at ?: string
+    updated_at ?: string
+  }
 
-// 用户信息
-const userInfo = ref<UserInfo | null>(null)
+  // 用户信息
+  const userInfo = ref<UserInfo | null>(null)
 
-// 获取单卡列表（代理端）
-function getStandaloneCards(params: any) {
-  return get<{ items: CardInfo[], page: number, size: number, total: number }>('/api/admin/iot-cards/standalone', { params })
-}
+  // 获取单卡列表（代理端）
+  function getStandaloneCards(params : any) {
+    return get<{ items : CardInfo[], page : number, size : number, total : number }>('/api/admin/iot-cards/standalone', { params })
+  }
 
-// 获取设备列表（代理端）
-function getDevices(params: any) {
-  return get<{ items: DeviceInfo[], page: number, size: number, total: number }>('/api/admin/devices', { params })
-}
+  // 获取设备列表（代理端）
+  function getDevices(params : any) {
+    return get<{ items : DeviceInfo[], page : number, size : number, total : number }>('/api/admin/devices', { params })
+  }
 
-// 企业ID (企业端使用)
-const enterpriseId = ref<number>(0)
+  // 企业ID (企业端使用)
+  const enterpriseId = ref<number>(0)
 
-// 资产类型
-type AssetType = 'card' | 'device'
+  // 资产类型
+  type AssetType = 'card' | 'device'
 
-// 统一的资产项
-interface AssetItem {
-  id: string
-  type: AssetType
-  name: string
-  status: string
-  statusColor: string
-  detail: string
-  raw: CardInfo | DeviceInfo
-}
+  // 统一的资产项
+  interface AssetItem {
+    id : string
+    type : AssetType
+    name : string
+    status : string
+    statusColor : string
+    detail : string
+    raw : CardInfo | DeviceInfo
+  }
 
-// 当前标签
-const activeTab = ref<'card' | 'device'>('card')
-// 资产列表
-const cardList = ref<CardInfo[]>([])
-const deviceList = ref<DeviceInfo[]>([])
-// 加载状态
-const loading = ref(false)
-// 分页
-const cardPage = ref(1)
-const devicePage = ref(1)
-const cardHasMore = ref(true)
-const deviceHasMore = ref(true)
-const pageSize = 20
-// 搜索和筛选
-const searchType = ref<'iccid' | 'virtual'>('iccid')
-const searchKeyword = ref('')
-const carrierFilter = ref<number | undefined>(undefined)
-const statusFilter = ref<number | undefined>(undefined)
-const showCarrierPicker = ref(false)
-const showStatusPicker = ref(false)
-const showSearchTypePicker = ref(false)
-// 运营商列表
-const carrierList = ref<CarrierInfo[]>([])
-// 运营商选择器选项
-const carrierOptions = computed(() => [
-  { label: '全部运营商', value: undefined },
-  ...carrierList.value.map(c => ({ label: c.carrier_name, value: c.id }))
-])
-// 状态选择器选项
-const statusOptions = [
-  { label: '全部状态', value: undefined },
-  { label: '在库', value: 1 },
-  { label: '已分销', value: 2 },
-  { label: '已激活', value: 3 },
-  { label: '已停用', value: 4 }
-]
-// 搜索类型选项
-const searchTypeOptions = [
-  { label: 'ICCID', value: 'iccid' },
-  { label: '虚拟号', value: 'virtual' }
-]
+  // 当前标签
+  const activeTab = ref<'card' | 'device'>('card')
+  // 资产列表
+  const cardList = ref<CardInfo[]>([])
+  const deviceList = ref<DeviceInfo[]>([])
+  // 加载状态
+  const loading = ref(false)
+  // 分页
+  const cardPage = ref(1)
+  const devicePage = ref(1)
+  const cardHasMore = ref(true)
+  const deviceHasMore = ref(true)
+  const pageSize = 20
+  // 搜索和筛选
+  const searchType = ref<'iccid' | 'virtual'>('iccid')
+  const searchKeyword = ref('')
+  const carrierFilter = ref<number | undefined>(undefined)
+  const statusFilter = ref<number | undefined>(undefined)
+  const showCarrierPicker = ref(false)
+  const showStatusPicker = ref(false)
+  const showSearchTypePicker = ref(false)
+  // 运营商列表
+  const carrierList = ref<CarrierInfo[]>([])
+  // 运营商选择器选项
+  const carrierOptions = computed(() => [
+    { label: '全部运营商', value: undefined },
+    ...carrierList.value.map(c => ({ label: c.carrier_name, value: c.id }))
+  ])
+  // 状态选择器选项
+  const statusOptions = [
+    { label: '全部状态', value: undefined },
+    { label: '在库', value: 1 },
+    { label: '已分销', value: 2 },
+    { label: '已激活', value: 3 },
+    { label: '已停用', value: 4 }
+  ]
+  // 搜索类型选项
+  const searchTypeOptions = [
+    { label: 'ICCID', value: 'iccid' },
+    { label: '虚拟号', value: 'virtual' }
+  ]
 
-// 合并后的资产列表
-const assetList = computed<AssetItem[]>(() => {
-  const cards: AssetItem[] = cardList.value.map(card => ({
-    id: String(card.id),
-    type: 'card' as AssetType,
-    name: card.iccid,
-    // 兼容企业端和代理端的状态字段
-    status: card.network_status_name || (card.network_status === 1 ? '正常' : card.network_status === 0 ? '停机' : card.status_name || '未知'),
-    statusColor: (card.network_status === 1) ? '#52c41a' : (card.network_status === 0) ? '#999' : '#ff4d4f',
-    // 兼容企业端和代理端的字段
-    detail: `虚拟号: ${card.virtual_no || card.virtual_number || '-'} | 运营商: ${card.carrier_name || card.operator || '-'}`,
-    raw: card,
-  }))
+  // 合并后的资产列表
+  const assetList = computed<AssetItem[]>(() => {
+    const cards : AssetItem[] = cardList.value.map(card => ({
+      id: String(card.id),
+      type: 'card' as AssetType,
+      name: card.iccid,
+      // 兼容企业端和代理端的状态字段
+      status: card.network_status_name || (card.network_status === 1 ? '正常' : card.network_status === 0 ? '停机' : card.status_name || '未知'),
+      statusColor: (card.network_status === 1) ? '#52c41a' : (card.network_status === 0) ? '#999' : '#ff4d4f',
+      // 兼容企业端和代理端的字段
+      detail: `虚拟号: ${card.virtual_no || card.virtual_number || '-'} | 运营商: ${card.carrier_name || card.operator || '-'}`,
+      raw: card,
+    }))
 
-  const devices: AssetItem[] = deviceList.value.map(device => ({
-    id: String(device.id || device.device_id),
-    type: 'device' as AssetType,
-    name: device.device_name || '-',
-    // 兼容企业端和代理端的状态字段
-    status: device.status_name || (device.authorized_at ? '已授权' : device.online_status === 1 ? '在线' : device.online_status === 2 ? '离线' : '未知'),
-    statusColor: (device.authorized_at || device.online_status === 1) ? '#52c41a' : (device.online_status === 2) ? '#999' : '#ff4d4f',
-    // 兼容企业端和代理端的字段
-    detail: `虚拟号: ${device.virtual_no || '-'} | 型号: ${device.device_model || '-'} | 卡数: ${device.bound_card_count || device.card_count || 0}`,
-    raw: device,
-  }))
+    const devices : AssetItem[] = deviceList.value.map(device => ({
+      id: String(device.id || device.device_id),
+      type: 'device' as AssetType,
+      name: device.device_name || '-',
+      // 兼容企业端和代理端的状态字段
+      status: device.status_name || (device.authorized_at ? '已授权' : device.online_status === 1 ? '在线' : device.online_status === 2 ? '离线' : '未知'),
+      statusColor: (device.authorized_at || device.online_status === 1) ? '#52c41a' : (device.online_status === 2) ? '#999' : '#ff4d4f',
+      // 兼容企业端和代理端的字段
+      detail: `虚拟号: ${device.virtual_no || '-'} | 型号: ${device.device_model || '-'} | 卡数: ${device.bound_card_count || device.card_count || 0}`,
+      raw: device,
+    }))
 
-  if (activeTab.value === 'card') return cards
-  if (activeTab.value === 'device') return devices
-  return cards
-})
+    if (activeTab.value === 'card') return cards
+    if (activeTab.value === 'device') return devices
+    return cards
+  })
 
 
-// 获取企业ID（企业端使用）
-async function getEnterpriseId() {
-  if (enterpriseId.value) return enterpriseId.value
+  // 获取企业ID（企业端使用）
+  async function getEnterpriseId() {
+    if (enterpriseId.value) return enterpriseId.value
 
-  const cachedUserInfo = uni.getStorageSync('user_info')
-  if (cachedUserInfo?.enterprise_id) {
-    enterpriseId.value = cachedUserInfo.enterprise_id
+    const cachedUserInfo = uni.getStorageSync('user_info')
+    if (cachedUserInfo?.enterprise_id) {
+      enterpriseId.value = cachedUserInfo.enterprise_id
+      return enterpriseId.value
+    }
+
+    const apiUserInfo = await getUserInfo()
+    if (!apiUserInfo.enterprise_id) {
+      throw new Error('未找到企业ID')
+    }
+    enterpriseId.value = apiUserInfo.enterprise_id
     return enterpriseId.value
   }
 
-  const apiUserInfo = await getUserInfo()
-  if (!apiUserInfo.enterprise_id) {
-    throw new Error('未找到企业ID')
-  }
-  enterpriseId.value = apiUserInfo.enterprise_id
-  return enterpriseId.value
-}
+  // 加载IoT卡列表（兼容企业端和代理端）
+  async function loadCards(isRefresh = false) {
+    if (loading.value || (!cardHasMore.value && !isRefresh)) return
 
-// 加载IoT卡列表（兼容企业端和代理端）
-async function loadCards(isRefresh = false) {
-  if (loading.value || (!cardHasMore.value && !isRefresh)) return
+    loading.value = true
+    try {
+      // 如果是刷新，重置页码
+      if (isRefresh) {
+        cardPage.value = 1
+        cardList.value = []
+        cardHasMore.value = true
+      }
 
-  loading.value = true
-  try {
-    // 如果是刷新，重置页码
-    if (isRefresh) {
-      cardPage.value = 1
-      cardList.value = []
-      cardHasMore.value = true
-    }
+      const params : any = {
+        page: cardPage.value,
+        page_size: pageSize,
+      }
 
-    const params: any = {
-      page: cardPage.value,
-      page_size: pageSize,
-    }
+      // 添加筛选条件
+      if (carrierFilter.value !== undefined) {
+        params.carrier_id = carrierFilter.value
+      }
+      if (statusFilter.value !== undefined) {
+        params.status = statusFilter.value
+      }
+      if (searchKeyword.value) {
+        if (searchType.value === 'iccid') {
+          params.iccid = searchKeyword.value
+        } else {
+          params.virtual_no = searchKeyword.value
+        }
+      }
 
-    // 添加筛选条件
-    if (carrierFilter.value !== undefined) {
-      params.carrier_id = carrierFilter.value
-    }
-    if (statusFilter.value !== undefined) {
-      params.status = statusFilter.value
-    }
-    if (searchKeyword.value) {
-      if (searchType.value === 'iccid') {
-        params.iccid = searchKeyword.value
+      let cardsData : any
+
+      // 根据用户类型调用不同接口
+      if (userInfo.value?.user_type === 3) {
+        // 代理端：调用代理接口
+        cardsData = await getStandaloneCards(params)
       } else {
+        // 企业端：调用企业接口
+        const id = await getEnterpriseId()
+        cardsData = await getEnterpriseCards(id, params)
+      }
+
+      const newItems = cardsData?.items || []
+
+      if (cardPage.value === 1) {
+        cardList.value = newItems
+      } else {
+        cardList.value.push(...newItems)
+      }
+
+      // 判断是否还有更多数据
+      cardHasMore.value = newItems.length >= pageSize
+      cardPage.value++
+    }
+    catch (error : any) {
+      console.error('加载IoT卡列表失败:', error)
+      if (error instanceof Error && error.message && !error.statusCode) {
+        uni.$u.toast(error.message)
+      }
+    }
+    finally {
+      loading.value = false
+    }
+  }
+
+  // 加载设备列表（兼容企业端和代理端）
+  async function loadDevices(isRefresh = false) {
+    if (loading.value || (!deviceHasMore.value && !isRefresh)) return
+
+    loading.value = true
+    try {
+      // 如果是刷新，重置页码
+      if (isRefresh) {
+        devicePage.value = 1
+        deviceList.value = []
+        deviceHasMore.value = true
+      }
+
+      const params : any = {
+        page: devicePage.value,
+        page_size: pageSize,
+      }
+
+      if (searchKeyword.value) {
         params.virtual_no = searchKeyword.value
       }
+      if (statusFilter.value !== undefined) {
+        params.status = statusFilter.value
+      }
+
+      let devicesData : any
+
+      // 根据用户类型调用不同接口
+      if (userInfo.value?.user_type === 3) {
+        // 代理端：调用代理接口
+        devicesData = await getDevices(params)
+      } else {
+        // 企业端：调用企业接口
+        const id = await getEnterpriseId()
+        devicesData = await getEnterpriseDevices(id, params)
+      }
+
+      const newItems = devicesData?.items || []
+
+      if (devicePage.value === 1) {
+        deviceList.value = newItems
+      } else {
+        deviceList.value.push(...newItems)
+      }
+
+      // 判断是否还有更多数据
+      deviceHasMore.value = newItems.length >= pageSize
+      devicePage.value++
     }
+    catch (error : any) {
+      console.error('加载设备列表失败:', error)
+      if (error instanceof Error && error.message && !error.statusCode) {
+        uni.$u.toast(error.message)
+      }
+    }
+    finally {
+      loading.value = false
+    }
+  }
 
-    let cardsData: any
-
-    // 根据用户类型调用不同接口
-    if (userInfo.value?.user_type === 3) {
-      // 代理端：调用代理接口
-      cardsData = await getStandaloneCards(params)
+  // 加载更多
+  function loadMore() {
+    if (activeTab.value === 'card') {
+      loadCards()
     } else {
-      // 企业端：调用企业接口
-      const id = await getEnterpriseId()
-      cardsData = await getEnterpriseCards(id, params)
+      loadDevices()
     }
+  }
 
-    const newItems = cardsData?.items || []
-
-    if (cardPage.value === 1) {
-      cardList.value = newItems
+  // 刷新列表
+  function refreshList() {
+    if (activeTab.value === 'card') {
+      loadCards(true)
     } else {
-      cardList.value.push(...newItems)
-    }
-
-    // 判断是否还有更多数据
-    cardHasMore.value = newItems.length >= pageSize
-    cardPage.value++
-  }
-  catch (error: any) {
-    console.error('加载IoT卡列表失败:', error)
-    if (error instanceof Error && error.message && !error.statusCode) {
-      uni.$u.toast(error.message)
+      loadDevices(true)
     }
   }
-  finally {
-    loading.value = false
+
+  // 加载运营商列表
+  async function loadCarriers() {
+    try {
+      const response = await getCarriers({ page: 1, page_size: 100 })
+      carrierList.value = response?.items || []
+    } catch (error) {
+      console.error('加载运营商列表失败:', error)
+    }
   }
-}
 
-// 加载设备列表（兼容企业端和代理端）
-async function loadDevices(isRefresh = false) {
-  if (loading.value || (!deviceHasMore.value && !isRefresh)) return
+  // 选择运营商
+  function onCarrierConfirm(option : { label : string, value : any }) {
+    carrierFilter.value = option.value
+    refreshList()
+  }
 
-  loading.value = true
-  try {
-    // 如果是刷新，重置页码
-    if (isRefresh) {
-      devicePage.value = 1
-      deviceList.value = []
-      deviceHasMore.value = true
-    }
+  // 选择状态
+  function onStatusConfirm(option : { label : string, value : any }) {
+    statusFilter.value = option.value
+    refreshList()
+  }
 
-    const params: any = {
-      page: devicePage.value,
-      page_size: pageSize,
-    }
+  // 选择搜索类型
+  function onSearchTypeConfirm(option : { label : string, value : any }) {
+    searchType.value = option.value
+  }
 
-    if (searchKeyword.value) {
-      params.virtual_no = searchKeyword.value
-    }
-    if (statusFilter.value !== undefined) {
-      params.status = statusFilter.value
-    }
+  // 获取当前选中的运营商名称
+  const selectedCarrierName = computed(() => {
+    if (carrierFilter.value === undefined) return '运营商'
+    const option = carrierOptions.value.find(o => o.value === carrierFilter.value)
+    return option?.label || '运营商'
+  })
 
-    let devicesData: any
+  // 获取当前选中的状态名称
+  const selectedStatusName = computed(() => {
+    if (statusFilter.value === undefined) return '状态'
+    const option = statusOptions.find(o => o.value === statusFilter.value)
+    return option?.label || '状态'
+  })
 
-    // 根据用户类型调用不同接口
-    if (userInfo.value?.user_type === 3) {
-      // 代理端：调用代理接口
-      devicesData = await getDevices(params)
+  // 查看资产详情
+  function viewAssetDetail(asset : AssetItem) {
+    if (asset.type === 'card') {
+      const card = asset.raw as CardInfo
+      uni.navigateTo({
+        url: `/pages/agent-system/asset-search/index?iccid=${card.iccid}`,
+      })
     } else {
-      // 企业端：调用企业接口
-      const id = await getEnterpriseId()
-      devicesData = await getEnterpriseDevices(id, params)
-    }
-
-    const newItems = devicesData?.items || []
-
-    if (devicePage.value === 1) {
-      deviceList.value = newItems
-    } else {
-      deviceList.value.push(...newItems)
-    }
-
-    // 判断是否还有更多数据
-    deviceHasMore.value = newItems.length >= pageSize
-    devicePage.value++
-  }
-  catch (error: any) {
-    console.error('加载设备列表失败:', error)
-    if (error instanceof Error && error.message && !error.statusCode) {
-      uni.$u.toast(error.message)
+      const device = asset.raw as DeviceInfo
+      uni.navigateTo({
+        url: `/pages/agent-system/asset-search/index?virtual_no=${device.virtual_no}`,
+      })
     }
   }
-  finally {
-    loading.value = false
+
+  // 切换标签
+  function changeTab(tab : 'card' | 'device') {
+    if (activeTab.value === tab) return
+
+    activeTab.value = tab
+
+    // 切换后加载对应数据
+    if (tab === 'card' && cardList.value.length === 0) {
+      loadCards(true)
+    } else if (tab === 'device' && deviceList.value.length === 0) {
+      loadDevices(true)
+    }
   }
-}
 
-// 加载更多
-function loadMore() {
-  if (activeTab.value === 'card') {
-    loadCards()
-  } else {
-    loadDevices()
-  }
-}
+  // 设备停机
+  async function handleStopDevice(asset : AssetItem, event : Event) {
+    event.stopPropagation()
 
-// 刷新列表
-function refreshList() {
-  if (activeTab.value === 'card') {
-    loadCards(true)
-  } else {
-    loadDevices(true)
-  }
-}
-
-// 加载运营商列表
-async function loadCarriers() {
-  try {
-    const response = await getCarriers({ page: 1, page_size: 100 })
-    carrierList.value = response?.items || []
-  } catch (error) {
-    console.error('加载运营商列表失败:', error)
-  }
-}
-
-// 选择运营商
-function onCarrierConfirm(option: { label: string, value: any }) {
-  carrierFilter.value = option.value
-  refreshList()
-}
-
-// 选择状态
-function onStatusConfirm(option: { label: string, value: any }) {
-  statusFilter.value = option.value
-  refreshList()
-}
-
-// 选择搜索类型
-function onSearchTypeConfirm(option: { label: string, value: any }) {
-  searchType.value = option.value
-}
-
-// 获取当前选中的运营商名称
-const selectedCarrierName = computed(() => {
-  if (carrierFilter.value === undefined) return '运营商'
-  const option = carrierOptions.value.find(o => o.value === carrierFilter.value)
-  return option?.label || '运营商'
-})
-
-// 获取当前选中的状态名称
-const selectedStatusName = computed(() => {
-  if (statusFilter.value === undefined) return '状态'
-  const option = statusOptions.find(o => o.value === statusFilter.value)
-  return option?.label || '状态'
-})
-
-// 查看资产详情
-function viewAssetDetail(asset: AssetItem) {
-  if (asset.type === 'card') {
-    const card = asset.raw as CardInfo
-    uni.navigateTo({
-      url: `/pages/agent-system/asset-search/index?iccid=${card.iccid}`,
-    })
-  } else {
     const device = asset.raw as DeviceInfo
-    uni.navigateTo({
-      url: `/pages/agent-system/asset-search/index?virtual_no=${device.virtual_no}`,
+
+    if (!device.virtual_no) {
+      uni.$u.toast('设备虚拟号不存在')
+      return
+    }
+
+    uni.showModal({
+      title: '确认停机',
+      content: `确定要停机设备"${device.device_name}"吗？这将停机设备下所有已实名卡。`,
+      success: async (res) => {
+        if (res.confirm) {
+          uni.showLoading({ title: '停机中...' })
+          try {
+            const result = await stopAsset(device.virtual_no)
+            uni.hideLoading()
+
+            // 显示停机结果 (统一接口不返回详情，仅提示成功)
+            uni.showModal({
+              title: '停机成功',
+              content: '设备已停机',
+              showCancel: false,
+              success: () => {
+                // 刷新列表
+                refreshList()
+              }
+            })
+          } catch (error : any) {
+            uni.hideLoading()
+            // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
+            console.error('设备停机失败:', error)
+          }
+        }
+      }
     })
   }
-}
 
-// 切换标签
-function changeTab(tab: 'card' | 'device') {
-  if (activeTab.value === tab) return
+  // 设备复机
+  async function handleStartDevice(asset : AssetItem, event : Event) {
+    event.stopPropagation()
 
-  activeTab.value = tab
-  searchKeyword.value = ''
-  carrierFilter.value = undefined
-  statusFilter.value = undefined
+    const device = asset.raw as DeviceInfo
 
-  // 切换后加载对应数据
-  if (tab === 'card' && cardList.value.length === 0) {
-    loadCards(true)
-  } else if (tab === 'device' && deviceList.value.length === 0) {
-    loadDevices(true)
-  }
-}
+    if (!device.virtual_no) {
+      uni.$u.toast('设备虚拟号不存在')
+      return
+    }
 
-// 设备停机
-async function handleStopDevice(asset: AssetItem, event: Event) {
-  event.stopPropagation()
-
-  const device = asset.raw as DeviceInfo
-
-  if (!device.virtual_no) {
-    uni.$u.toast('设备虚拟号不存在')
-    return
-  }
-
-  uni.showModal({
-    title: '确认停机',
-    content: `确定要停机设备"${device.device_name}"吗？这将停机设备下所有已实名卡。`,
-    success: async (res) => {
-      if (res.confirm) {
-        uni.showLoading({ title: '停机中...' })
-        try {
-          const result = await stopAsset(device.virtual_no)
-          uni.hideLoading()
-
-          // 显示停机结果 (统一接口不返回详情，仅提示成功)
-          uni.showModal({
-            title: '停机成功',
-            content: '设备已停机',
-            showCancel: false,
-            success: () => {
-              // 刷新列表
-              refreshList()
-            }
-          })
-        } catch (error: any) {
-          uni.hideLoading()
-          // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
-          console.error('设备停机失败:', error)
+    uni.showModal({
+      title: '确认复机',
+      content: `确定要复机设备"${device.device_name}"吗？这将复机设备下所有已实名卡。`,
+      success: async (res) => {
+        if (res.confirm) {
+          uni.showLoading({ title: '复机中...' })
+          try {
+            await startAsset(device.virtual_no)
+            uni.hideLoading()
+            uni.$u.toast('复机成功')
+            // 刷新列表
+            refreshList()
+          } catch (error : any) {
+            uni.hideLoading()
+            // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
+            console.error('设备复机失败:', error)
+          }
         }
       }
-    }
-  })
-}
-
-// 设备复机
-async function handleStartDevice(asset: AssetItem, event: Event) {
-  event.stopPropagation()
-
-  const device = asset.raw as DeviceInfo
-
-  if (!device.virtual_no) {
-    uni.$u.toast('设备虚拟号不存在')
-    return
+    })
   }
 
-  uni.showModal({
-    title: '确认复机',
-    content: `确定要复机设备"${device.device_name}"吗？这将复机设备下所有已实名卡。`,
-    success: async (res) => {
-      if (res.confirm) {
-        uni.showLoading({ title: '复机中...' })
-        try {
-          await startAsset(device.virtual_no)
-          uni.hideLoading()
-          uni.$u.toast('复机成功')
-          // 刷新列表
-          refreshList()
-        } catch (error: any) {
-          uni.hideLoading()
-          // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
-          console.error('设备复机失败:', error)
+  // 单卡停机
+  async function handleStopCard(asset : AssetItem, event : Event) {
+    event.stopPropagation()
+
+    const card = asset.raw as CardInfo
+
+    if (!card.iccid) {
+      uni.$u.toast('ICCID不存在')
+      return
+    }
+
+    uni.showModal({
+      title: '确认停机',
+      content: `确定要停机卡"${card.iccid}"吗？`,
+      success: async (res) => {
+        if (res.confirm) {
+          uni.showLoading({ title: '停机中...' })
+          try {
+            await stopAsset(card.iccid)
+            uni.hideLoading()
+            uni.$u.toast('停机成功')
+            // 刷新列表
+            refreshList()
+          } catch (error : any) {
+            uni.hideLoading()
+            // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
+            console.error('单卡停机失败:', error)
+          }
         }
       }
-    }
-  })
-}
-
-// 单卡停机
-async function handleStopCard(asset: AssetItem, event: Event) {
-  event.stopPropagation()
-
-  const card = asset.raw as CardInfo
-
-  if (!card.iccid) {
-    uni.$u.toast('ICCID不存在')
-    return
+    })
   }
 
-  uni.showModal({
-    title: '确认停机',
-    content: `确定要停机卡"${card.iccid}"吗？`,
-    success: async (res) => {
-      if (res.confirm) {
-        uni.showLoading({ title: '停机中...' })
-        try {
-          await stopAsset(card.iccid)
-          uni.hideLoading()
-          uni.$u.toast('停机成功')
-          // 刷新列表
-          refreshList()
-        } catch (error: any) {
-          uni.hideLoading()
-          // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
-          console.error('单卡停机失败:', error)
+  // 单卡复机
+  async function handleStartCard(asset : AssetItem, event : Event) {
+    event.stopPropagation()
+
+    const card = asset.raw as CardInfo
+
+    if (!card.iccid) {
+      uni.$u.toast('ICCID不存在')
+      return
+    }
+
+    uni.showModal({
+      title: '确认复机',
+      content: `确定要复机卡"${card.iccid}"吗？`,
+      success: async (res) => {
+        if (res.confirm) {
+          uni.showLoading({ title: '复机中...' })
+          try {
+            await startAsset(card.iccid)
+            uni.hideLoading()
+            uni.$u.toast('复机成功')
+            // 刷新列表
+            refreshList()
+          } catch (error : any) {
+            uni.hideLoading()
+            // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
+            console.error('单卡复机失败:', error)
+          }
         }
       }
+    })
+  }
+
+  // 滚动事件处理
+  function onScroll(e : any) {
+    const { scrollTop, scrollHeight, clientHeight } = e.target
+    // 当滚动到底部附近时加载更多
+    if (scrollHeight - scrollTop - clientHeight < 100) {
+      loadMore()
     }
-  })
-}
-
-// 单卡复机
-async function handleStartCard(asset: AssetItem, event: Event) {
-  event.stopPropagation()
-
-  const card = asset.raw as CardInfo
-
-  if (!card.iccid) {
-    uni.$u.toast('ICCID不存在')
-    return
   }
 
-  uni.showModal({
-    title: '确认复机',
-    content: `确定要复机卡"${card.iccid}"吗？`,
-    success: async (res) => {
-      if (res.confirm) {
-        uni.showLoading({ title: '复机中...' })
-        try {
-          await startAsset(card.iccid)
-          uni.hideLoading()
-          uni.$u.toast('复机成功')
-          // 刷新列表
-          refreshList()
-        } catch (error: any) {
-          uni.hideLoading()
-          // 错误信息已经在拦截器中通过 toast 显示了,这里不需要重复显示
-          console.error('单卡复机失败:', error)
-        }
-      }
+  onMounted(async () => {
+    // 1. 加载用户信息（判断是企业端还是代理端）
+    try {
+      const user = await getUserInfo()
+      userInfo.value = user
+    } catch (error) {
+      console.error('获取用户信息失败:', error)
     }
+
+    // 2. 加载运营商列表
+    loadCarriers()
+
+    // 3. 默认加载IoT卡列表
+    loadCards()
   })
-}
-
-// 滚动事件处理
-function onScroll(e: any) {
-  const { scrollTop, scrollHeight, clientHeight } = e.target
-  // 当滚动到底部附近时加载更多
-  if (scrollHeight - scrollTop - clientHeight < 100) {
-    loadMore()
-  }
-}
-
-onMounted(async () => {
-  // 1. 加载用户信息（判断是企业端还是代理端）
-  try {
-    const user = await getUserInfo()
-    userInfo.value = user
-  } catch (error) {
-    console.error('获取用户信息失败:', error)
-  }
-
-  // 2. 加载运营商列表
-  loadCarriers()
-
-  // 3. 默认加载IoT卡列表
-  loadCards()
-})
 </script>
 
 <template>
-  <view class="bg-page safe-area-bottom min-h-screen flex flex-col">
+  <view class="bg-page min-h-screen">
     <!-- 搜索区域 -->
-    <view class="bg-white px-4 pt-4 pb-3 mb-3">
+    <view class="bg-white px-4 pb-3 mb-3 fixed top-0 left-0 right-0 z-50"
+      style="padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top);">
       <!-- 搜索框 -->
       <view class="relative flex items-center">
-        <input
-          v-model="searchKeyword"
+        <input v-model="searchKeyword"
           class="flex-1 h-10 bg-[#f1f5f9] rounded-full pl-4 pr-12 text-sm text-[#1e293b] placeholder-[#94a3b8]"
-          :placeholder="searchType === 'iccid' ? '搜索ICCID' : '搜索虚拟号'"
-          @confirm="refreshList"
-        />
-        <view
-          class="absolute right-1 flex items-center"
-        >
-          <view
-            v-if="searchKeyword"
-            class="w-8 h-8 flex items-center justify-center text-[#94a3b8]"
-            @click="searchKeyword = ''"
-          >
+          :placeholder="searchType === 'iccid' ? '搜索ICCID' : '搜索虚拟号'" @confirm="refreshList" />
+        <view class="absolute right-1 flex items-center">
+          <view v-if="searchKeyword" class="w-8 h-8 flex items-center justify-center text-[#94a3b8]"
+            @click="searchKeyword = ''">
             <i class="i-mdi-close-circle text-lg" />
           </view>
-          <view
-            class="w-8 h-8 flex items-center justify-center text-brand"
-            @click="refreshList"
-          >
+          <view class="w-8 h-8 flex items-center justify-center text-brand" @click="refreshList">
             <i class="i-mdi-magnify text-xl" />
           </view>
         </view>
@@ -610,218 +597,174 @@ onMounted(async () => {
       <view class="flex items-center gap-2 mt-3 flex-wrap">
 
         <view class="flex bg-[#f1f5f9] rounded-full flex-shrink-0">
-          <view
-            class="px-3 py-1.5 text-12px font-medium transition-all rounded-full"
-            :class="activeTab === 'card' ? 'bg-brand text-white' : 'text-[#64748b]'"
-            @click="changeTab('card')"
-          >
+          <view class="px-3 py-1.5 text-12px font-medium transition-all rounded-full"
+            :class="activeTab === 'card' ? 'bg-brand text-white' : 'text-[#64748b]'" @click="changeTab('card')">
             IoT卡
           </view>
-          <view
-            class="px-3 py-1.5 text-12px font-medium transition-all rounded-full"
-            :class="activeTab === 'device' ? 'bg-brand text-white' : 'text-[#64748b]'"
-            @click="changeTab('device')"
-          >
+          <view class="px-3 py-1.5 text-12px font-medium transition-all rounded-full"
+            :class="activeTab === 'device' ? 'bg-brand text-white' : 'text-[#64748b]'" @click="changeTab('device')">
             设备
           </view>
         </view>
 
-        <view
-          class="flex items-center gap-1 px-3 py-1.5 bg-[#f8fafc] rounded-full flex-shrink-0"
-          @click="showSearchTypePicker = true"
-        >
+        <view class="flex items-center gap-1 px-3 py-1.5 bg-[#f8fafc] rounded-full flex-shrink-0"
+          @click="showSearchTypePicker = true">
           <text class="text-12px" :class="searchType !== 'iccid' ? 'text-brand font-medium' : 'text-[#64748b]'">
             {{ searchType === 'iccid' ? 'ICCID' : '虚拟号' }}
           </text>
           <i class="i-mdi-chevron-down text-12px text-[#94a3b8]" />
         </view>
 
-        <view
-          class="flex items-center gap-1.5 px-3 py-1.5 bg-[#f8fafc] rounded-full flex-shrink-0 max-w-36"
-          @click="showCarrierPicker = true"
-        >
-          <text class="text-12px truncate" :class="carrierFilter !== undefined ? 'text-brand font-medium' : 'text-[#64748b]'">
+        <view class="flex items-center gap-1.5 px-3 py-1.5 bg-[#f8fafc] rounded-full flex-shrink-0 max-w-36"
+          @click="showCarrierPicker = true">
+          <text class="text-12px truncate"
+            :class="carrierFilter !== undefined ? 'text-brand font-medium' : 'text-[#64748b]'">
             {{ selectedCarrierName }}
           </text>
           <i class="i-mdi-chevron-down text-12px text-[#94a3b8] flex-shrink-0" />
         </view>
 
-        <view
-          class="flex items-center gap-1.5 px-3 py-1.5 bg-[#f8fafc] rounded-full flex-shrink-0"
-          @click="showStatusPicker = true"
-        >
+        <view class="flex items-center gap-1.5 px-3 py-1.5 bg-[#f8fafc] rounded-full flex-shrink-0"
+          @click="showStatusPicker = true">
           <text class="text-12px" :class="statusFilter !== undefined ? 'text-brand font-medium' : 'text-[#64748b]'">
             {{ selectedStatusName }}
           </text>
           <i class="i-mdi-chevron-down text-12px text-[#94a3b8]" />
         </view>
 
-        <view
-          v-if="carrierFilter !== undefined || statusFilter !== undefined"
+        <view v-if="carrierFilter !== undefined || statusFilter !== undefined"
           class="flex items-center gap-1 px-2 py-1.5 rounded-full bg-[#ff4d4f]/10 text-[#ff4d4f] flex-shrink-0"
-          @click="carrierFilter = undefined; statusFilter = undefined; refreshList()"
-        >
+          @click="carrierFilter = undefined; statusFilter = undefined; refreshList()">
           <i class="i-mdi-close text-12px" />
           <text class="text-12px font-medium">清除</text>
         </view>
       </view>
     </view>
 
-    <!-- 加载状态 -->
-    <Skeleton v-if="loading && assetList.length === 0" type="list" />
+    <!-- 列表内容区域 -->
+    <view class="safe-area-bottom min-h-screen flex flex-col pt-28">
+      <!-- 加载状态 -->
+      <Skeleton v-if="loading && assetList.length === 0" type="list" />
 
-    <!-- 资产列表 -->
-    <view
-      v-else
-      class="flex-1 overflow-y-auto min-h-0"
-      @scroll="onScroll"
-    >
-      <view v-if="assetList.length > 0" class="px-4 pb-4">
-        <view
-          v-for="asset in assetList"
-          :key="`${asset.type}-${asset.id}`"
-          class="bg-white rounded-16px shadow-[0_2px_12px_rgba(0,0,0,0.06)] p-4 mb-3 cursor-pointer"
-          @click="viewAssetDetail(asset)"
-        >
-          <!-- 顶部区域：左侧状态+名称，右侧类型标签 -->
-          <view class="flex items-start justify-between mb-3">
-            <view class="flex items-center gap-2 flex-1 min-w-0">
-              <view
-                class="w-2 h-2 rounded-full mt-1 flex-shrink-0"
-                :style="{ backgroundColor: asset.statusColor }"
-              />
-              <text class="text-15px font-600 text-[#212121] truncate">
-                {{ asset.name }}
-              </text>
+      <!-- 资产列表 -->
+      <view v-else class="flex-1 overflow-y-auto min-h-0" @scroll="onScroll">
+        <view v-if="assetList.length > 0" class="px-4 pb-4">
+          <view v-for="asset in assetList" :key="`${asset.type}-${asset.id}`"
+            class="bg-white rounded-16px shadow-[0_2px_12px_rgba(0,0,0,0.06)] p-4 mb-3 cursor-pointer"
+            @click="viewAssetDetail(asset)">
+            <!-- 顶部区域：左侧状态+名称，右侧类型标签 -->
+            <view class="flex items-start justify-between mb-3">
+              <view class="flex items-center gap-2 flex-1 min-w-0">
+                <view class="w-2 h-2 rounded-full mt-1 flex-shrink-0" :style="{ backgroundColor: asset.statusColor }" />
+                <text class="text-15px font-600 text-[#212121] truncate">
+                  {{ asset.name }}
+                </text>
+              </view>
+              <view class="px-2 py-1 rounded-6px text-11px font-500 flex-shrink-0 ml-2" :style="{
+                  backgroundColor: asset.type === 'card' ? '#e6f4ff' : '#f5f5f5',
+                  color: asset.type === 'card' ? 'var(--brand-primary)' : '#666',
+                }">
+                {{ asset.type === 'card' ? 'IoT卡' : '设备' }}
+              </view>
             </view>
-            <view
-              class="px-2 py-1 rounded-6px text-11px font-500 flex-shrink-0 ml-2"
-              :style="{
-                backgroundColor: asset.type === 'card' ? '#e6f4ff' : '#f5f5f5',
-                color: asset.type === 'card' ? 'var(--brand-primary)' : '#666',
-              }"
-            >
-              {{ asset.type === 'card' ? 'IoT卡' : '设备' }}
-            </view>
-          </view>
 
-          <!-- 详情信息 -->
-          <view class="mb-3">
-            <text class="text-12px text-[#999]">
-              {{ asset.detail }}
-            </text>
-          </view>
-
-          <!-- 底部区域：状态标签 + 操作按钮 -->
-          <view class="flex items-center justify-between pt-3 border-t border-[#f5f5f5]">
-            <view class="flex items-center gap-1">
-              <view
-                class="w-1.5 h-1.5 rounded-full"
-                :style="{ backgroundColor: asset.statusColor }"
-              />
-              <text class="text-13px font-500" :style="{ color: asset.statusColor }">
-                {{ asset.status }}
+            <!-- 详情信息 -->
+            <view class="mb-3">
+              <text class="text-12px text-[#999]">
+                {{ asset.detail }}
               </text>
             </view>
 
-            <view class="flex items-center gap-2">
-              <!-- IoT卡操作按钮 -->
-              <template v-if="asset.type === 'card'">
-                <template v-if="(asset.raw as CardInfo).network_status === 0">
-                  <view
-                    class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#52c41a] text-white shadow-sm shadow-[#52c41a]/30 active:scale-95 transition-transform"
-                    @click="handleStartCard(asset, $event)"
-                  >
-                    复机
-                  </view>
-                </template>
-                <template v-else-if="(asset.raw as CardInfo).network_status === 1">
-                  <view
-                    class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#ff4d4f] text-white shadow-sm shadow-[#ff4d4f]/30 active:scale-95 transition-transform"
-                    @click="handleStopCard(asset, $event)"
-                  >
-                    停机
-                  </view>
+            <!-- 底部区域：状态标签 + 操作按钮 -->
+            <view class="flex items-center justify-between pt-3 border-t border-[#f5f5f5]">
+              <view class="flex items-center gap-1">
+                <view class="w-1.5 h-1.5 rounded-full" :style="{ backgroundColor: asset.statusColor }" />
+                <text class="text-13px font-500" :style="{ color: asset.statusColor }">
+                  {{ asset.status }}
+                </text>
+              </view>
+
+              <view class="flex items-center gap-2">
+                <!-- IoT卡操作按钮 -->
+                <template v-if="asset.type === 'card'">
+                  <template v-if="(asset.raw as CardInfo).network_status === 0">
+                    <view
+                      class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#52c41a] text-white shadow-sm shadow-[#52c41a]/30 active:scale-95 transition-transform"
+                      @click="handleStartCard(asset, $event)">
+                      复机
+                    </view>
+                  </template>
+                  <template v-else-if="(asset.raw as CardInfo).network_status === 1">
+                    <view
+                      class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#ff4d4f] text-white shadow-sm shadow-[#ff4d4f]/30 active:scale-95 transition-transform"
+                      @click="handleStopCard(asset, $event)">
+                      停机
+                    </view>
+                  </template>
+                  <template v-else>
+                    <view
+                      class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#ff4d4f] text-white shadow-sm shadow-[#ff4d4f]/30 active:scale-95 transition-transform"
+                      @click="handleStopCard(asset, $event)">
+                      停机
+                    </view>
+                    <view
+                      class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#52c41a] text-white shadow-sm shadow-[#52c41a]/30 active:scale-95 transition-transform"
+                      @click="handleStartCard(asset, $event)">
+                      复机
+                    </view>
+                  </template>
                 </template>
+
+                <!-- 设备操作按钮 -->
                 <template v-else>
                   <view
                     class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#ff4d4f] text-white shadow-sm shadow-[#ff4d4f]/30 active:scale-95 transition-transform"
-                    @click="handleStopCard(asset, $event)"
-                  >
+                    @click="handleStopDevice(asset, $event)">
                     停机
                   </view>
                   <view
                     class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#52c41a] text-white shadow-sm shadow-[#52c41a]/30 active:scale-95 transition-transform"
-                    @click="handleStartCard(asset, $event)"
-                  >
+                    @click="handleStartDevice(asset, $event)">
                     复机
                   </view>
                 </template>
-              </template>
 
-              <!-- 设备操作按钮 -->
-              <template v-else>
-                <view
-                  class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#ff4d4f] text-white shadow-sm shadow-[#ff4d4f]/30 active:scale-95 transition-transform"
-                  @click="handleStopDevice(asset, $event)"
-                >
-                  停机
-                </view>
-                <view
-                  class="px-3 py-1.5 rounded-10px text-12px font-medium bg-[#52c41a] text-white shadow-sm shadow-[#52c41a]/30 active:scale-95 transition-transform"
-                  @click="handleStartDevice(asset, $event)"
-                >
-                  复机
-                </view>
-              </template>
-
-              <i class="i-mdi-chevron-right text-20px text-[#cbd5e1]" />
+                <i class="i-mdi-chevron-right text-20px text-[#cbd5e1]" />
+              </view>
             </view>
           </view>
+
+          <!-- 加载更多提示 -->
+          <view v-if="loading" class="py-4 text-center">
+            <i class="i-mdi-loading animate-spin text-xl text-brand mr-2" />
+            <text class="text-sm text-[#64748b]">加载中...</text>
+          </view>
+          <view v-else-if="!((activeTab === 'card' && cardHasMore) || (activeTab === 'device' && deviceHasMore))"
+            class="py-4 text-center">
+            <text class="text-sm text-[#94a3b8]">没有更多了</text>
+          </view>
         </view>
 
-        <!-- 加载更多提示 -->
-        <view v-if="loading" class="py-4 text-center">
-          <i class="i-mdi-loading animate-spin text-xl text-brand mr-2" />
-          <text class="text-sm text-[#64748b]">加载中...</text>
-        </view>
-        <view v-else-if="!((activeTab === 'card' && cardHasMore) || (activeTab === 'device' && deviceHasMore))" class="py-4 text-center">
-          <text class="text-sm text-[#94a3b8]">没有更多了</text>
+        <!-- 空状态 -->
+        <view v-else class="px-4">
+          <view class="bg-white rounded-2xl py-12 flex flex-col items-center">
+            <i class="i-mdi-package-variant-closed text-6xl text-[#cbd5e1] mb-3" />
+            <text class="text-base text-[#64748b] mb-1">暂无数据</text>
+            <text class="text-sm text-[#94a3b8]">{{ searchKeyword ? '未找到相关结果' : '暂无资产数据' }}</text>
+          </view>
         </view>
       </view>
 
-      <!-- 空状态 -->
-      <view v-else class="px-4">
-        <view class="bg-white rounded-2xl py-12 flex flex-col items-center">
-          <i class="i-mdi-package-variant-closed text-6xl text-[#cbd5e1] mb-3" />
-          <text class="text-base text-[#64748b] mb-1">暂无数据</text>
-          <text class="text-sm text-[#94a3b8]">{{ searchKeyword ? '未找到相关结果' : '暂无资产数据' }}</text>
-        </view>
-      </view>
+      <!-- 运营商选择器 -->
+      <SimplePicker v-model:show="showCarrierPicker" :options="carrierOptions" title="选择运营商"
+        @confirm="onCarrierConfirm" />
+
+      <!-- 状态选择器 -->
+      <SimplePicker v-model:show="showStatusPicker" :options="statusOptions" title="选择状态" @confirm="onStatusConfirm" />
+
+      <!-- 搜索类型选择器 -->
+      <SimplePicker v-model:show="showSearchTypePicker" :options="searchTypeOptions" title="选择搜索类型"
+        @confirm="onSearchTypeConfirm" />
     </view>
-
-    <!-- 运营商选择器 -->
-    <SimplePicker
-      v-model:show="showCarrierPicker"
-      :options="carrierOptions"
-      title="选择运营商"
-      @confirm="onCarrierConfirm"
-    />
-
-    <!-- 状态选择器 -->
-    <SimplePicker
-      v-model:show="showStatusPicker"
-      :options="statusOptions"
-      title="选择状态"
-      @confirm="onStatusConfirm"
-    />
-
-    <!-- 搜索类型选择器 -->
-    <SimplePicker
-      v-model:show="showSearchTypePicker"
-      :options="searchTypeOptions"
-      title="选择搜索类型"
-      @confirm="onSearchTypeConfirm"
-    />
   </view>
 </template>