fix: 套餐订购，界面优化

src/views/asset-management/asset-information/components/PackageListCard.vue

@@ -38,16 +38,9 @@
               <span v-else>{{ scope.row.order_no }}</span>
             </template>
           </ElTableColumn>
-          <ElTableColumn label="套餐名称" width="150">
+          <ElTableColumn label="套餐名称" width="200" show-overflow-tooltip>
             <template #default="scope">
-              <ElButton
-                type="primary"
-                link
-                class="package-name-link"
-                @click="handlePackageNameClick(scope.row)"
-              >
-                {{ scope.row.package_name }}
-              </ElButton>
+              <span class="package-name-text">{{ scope.row.package_name }}</span>
             </template>
           </ElTableColumn>
           <ElTableColumn label="套餐价格" width="120">
@@ -120,8 +113,16 @@
               {{ formatDateTime(scope.row.created_at) }}
             </template>
           </ElTableColumn>
-          <ElTableColumn label="操作" width="120" fixed="right">
+          <ElTableColumn label="操作" width="160" fixed="right">
             <template #default="scope">
+              <ElButton
+                v-if="hasAuth('package_usage:daily_records')"
+                type="primary"
+                link
+                @click="handlePackageNameClick(scope.row)"
+              >
+                流量详单
+              </ElButton>
               <ElButton
                 v-if="scope.row.status !== 4 && hasAuth('package:create_refund')"
                 type="primary"
@@ -343,7 +344,11 @@
             }
           }
 
-          .package-name-link {
+          .package-name-text {
+            display: block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
             font-weight: 500;
           }