From 1a5f3d1e7ded703c571d6f0720183086d6d4346c Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Tue, 29 Sep 2026 18:32:51 +0800
Subject: [PATCH] fix: some

---
 .../components/BasicInfoCard.vue              | 25 ++++++----
 .../components/PackageListCard.vue            | 29 ++++++++++-
 .../asset-information/index.vue               | 48 +++++++++----------
 3 files changed, 65 insertions(+), 37 deletions(-)

diff --git a/src/views/asset-management/asset-information/components/BasicInfoCard.vue b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
index 3894747..b12160b 100644
--- a/src/views/asset-management/asset-information/components/BasicInfoCard.vue
+++ b/src/views/asset-management/asset-information/components/BasicInfoCard.vue
@@ -440,7 +440,9 @@
             </div>
             <div class="binding-card-field">
               <span class="binding-card-field-label">运营商</span>
-              <span class="binding-card-field-value">{{ getCarrierAccountDisplay(bindingCard) }}</span>
+              <span class="binding-card-field-value">{{
+                getCarrierAccountDisplay(bindingCard)
+              }}</span>
             </div>
             <div class="binding-card-field">
               <span class="binding-card-field-label">卡槽位置</span>
@@ -473,11 +475,7 @@
             <div class="binding-card-field">
               <span class="binding-card-field-label">实名时间</span>
               <span class="binding-card-field-value">
-                {{
-                  bindingCard.real_name_at
-                    ? formatAssetInfoTime(bindingCard.real_name_at)
-                    : '-'
-                }}
+                {{ bindingCard.real_name_at ? formatAssetInfoTime(bindingCard.real_name_at) : '-' }}
               </span>
             </div>
             <div class="binding-card-field">
@@ -529,6 +527,9 @@
       <ElEmpty v-else description="暂无绑定卡" :image-size="80" style="margin-top: 16px" />
 
       <slot name="current-package" />
+      <div class="package-list-slot">
+        <slot name="package-list" />
+      </div>
 
       <!-- 设备实时信息 -->
       <ElDivider class="info-section-divider" content-position="left">
@@ -560,6 +561,9 @@
     </template>
 
     <slot v-if="cardInfo?.asset_type !== 'device'" name="current-package" />
+    <div v-if="cardInfo?.asset_type !== 'device'" class="package-list-slot">
+      <slot name="package-list" />
+    </div>
 
     <!-- IoT卡操作按钮 -->
     <ElAlert
@@ -895,10 +899,7 @@
     return !isAgentOrEnterpriseAccount.value
   })
 
-  const getCarrierAccountDisplay = (card?: {
-    carrier_type?: string
-    carrier_name?: string
-  }) => {
+  const getCarrierAccountDisplay = (card?: { carrier_type?: string; carrier_name?: string }) => {
     if (isAgentOrEnterpriseAccount.value) {
       return getCarrierTypeName(card?.carrier_type)
     }
@@ -1300,6 +1301,10 @@
 <style scoped lang="scss">
   .info-card {
     &.basic-info {
+      .package-list-slot {
+        margin-top: 16px;
+      }
+
       .gateway-extend-text {
         word-break: break-all;
       }
diff --git a/src/views/asset-management/asset-information/components/PackageListCard.vue b/src/views/asset-management/asset-information/components/PackageListCard.vue
index 8aedbd2..e6565f5 100644
--- a/src/views/asset-management/asset-information/components/PackageListCard.vue
+++ b/src/views/asset-management/asset-information/components/PackageListCard.vue
@@ -4,7 +4,13 @@
       <div class="card-header">
         <span>套餐列表</span>
         <div class="card-header-right">
-          <ElSelect v-model="statusFilter" clearable placeholder="套餐状态" style="width: 140px" @change="handleStatusChange">
+          <ElSelect
+            v-model="statusFilter"
+            clearable
+            placeholder="套餐状态"
+            style="width: 140px"
+            @change="handleStatusChange"
+          >
             <ElOption label="待生效" :value="0" />
             <ElOption label="生效中" :value="1" />
             <ElOption label="已用完" :value="2" />
@@ -59,7 +65,7 @@
                     @click="handleOrderNoClick(scope.row)"
                     v-if="hasAuth('order:package_list_detail')"
                   >
-                    {{ scope.row.order_no }}
+                    <span class="order-no-link__text">{{ scope.row.order_no }}</span>
                   </ElButton>
                   <span v-else class="order-no-text">{{ scope.row.order_no }}</span>
                 </ElTooltip>
@@ -861,6 +867,25 @@
               padding: 0;
               margin-left: 0;
               justify-content: flex-start;
+
+              :deep(> span) {
+                display: block;
+                width: 100%;
+                min-width: 0;
+              }
+            }
+
+            :deep(.order-no-link__text) {
+              display: block;
+              width: 100%;
+              min-width: 0;
+              max-width: 100%;
+              overflow: hidden;
+              color: var(--el-color-primary);
+              cursor: pointer;
+              text-decoration: underline;
+              text-overflow: ellipsis;
+              white-space: nowrap;
             }
           }
 
diff --git a/src/views/asset-management/asset-information/index.vue b/src/views/asset-management/asset-information/index.vue
index 2e304bc..50b758a 100644
--- a/src/views/asset-management/asset-information/index.vue
+++ b/src/views/asset-management/asset-information/index.vue
@@ -59,35 +59,33 @@
                   @navigate-to-device="handleNavigateToDevice"
                 />
               </template>
+              <template #package-list>
+                <PackageListCard
+                  :package-list="packageList"
+                  :total="packagePagination.total"
+                  :page="packagePagination.page"
+                  :page-size="packagePagination.pageSize"
+                  :status="packagePagination.status"
+                  :asset-identifier="cardInfo.identifier"
+                  :bound-device-id="cardInfo.bound_device_id"
+                  :bound-device-no="cardInfo.bound_device_no"
+                  :loading="packageLoading"
+                  @show-daily-records="handleShowDailyRecords"
+                  @show-recharge="showRechargeDialog"
+                  @page-change="handlePackagePageChange"
+                  @size-change="handlePackageSizeChange"
+                  @navigate-to-device="handleNavigateToDevice"
+                  @navigate-to-order="handleNavigateToOrder"
+                  @navigate-to-refund="handleNavigateToRefund"
+                  @refresh="handlePackageRefresh"
+                  @status-change="handlePackageStatusChange"
+                />
+              </template>
             </BasicInfoCard>
           </div>
         </div>
 
-        <!-- 第三行：套餐列表 -->
-        <div class="row full-width">
-          <PackageListCard
-            :package-list="packageList"
-            :total="packagePagination.total"
-            :page="packagePagination.page"
-            :page-size="packagePagination.pageSize"
-            :status="packagePagination.status"
-            :asset-identifier="cardInfo.identifier"
-            :bound-device-id="cardInfo.bound_device_id"
-            :bound-device-no="cardInfo.bound_device_no"
-            :loading="packageLoading"
-            @show-daily-records="handleShowDailyRecords"
-            @show-recharge="showRechargeDialog"
-            @page-change="handlePackagePageChange"
-            @size-change="handlePackageSizeChange"
-            @navigate-to-device="handleNavigateToDevice"
-            @navigate-to-order="handleNavigateToOrder"
-            @navigate-to-refund="handleNavigateToRefund"
-            @refresh="handlePackageRefresh"
-            @status-change="handlePackageStatusChange"
-          />
-        </div>
-
-        <!-- 第四行：钱包（概况+流水） -->
+        <!-- 钱包（概况+流水） -->
         <div class="row full-width">
           <WalletTransactionCard
             :asset-identifier="cardInfo.identifier"