modify

src/views/order-management/order-list/detail.vue

@@ -139,7 +139,8 @@
         {
           label: '实付金额',
           prop: 'actual_paid_amount',
-          formatter: (value) => (value !== undefined && value !== null ? formatCurrency(value) : '-')
+          formatter: (value) =>
+            value !== undefined && value !== null ? formatCurrency(value) : '-'
         },
         {
           label: 'IoT卡ID',
@@ -157,7 +158,8 @@
         },
         {
           label: '订单渠道',
-          formatter: (_, data) => (data.purchase_role ? getPurchaseRoleText(data.purchase_role) : '-')
+          formatter: (_, data) =>
+            data.purchase_role ? getPurchaseRoleText(data.purchase_role) : '-'
         },
         {
           label: '购买备注',
@@ -256,8 +258,8 @@
 
   .detail-header {
     display: flex;
-    align-items: center;
     gap: 16px;
+    align-items: center;
     padding-bottom: 16px;
 
     .detail-title {
@@ -269,12 +271,12 @@
   }
 
   .order-items-section {
-    margin-top: 30px;
     padding-top: 20px;
+    margin-top: 30px;
     border-top: 1px solid var(--el-border-color-lighter);
 
     .section-title {
-      margin: 0 0 16px 0;
+      margin: 0 0 16px;
       font-size: 16px;
       font-weight: 600;
       color: var(--el-text-color-primary);
@@ -284,10 +286,10 @@
   .loading-container {
     display: flex;
     flex-direction: column;
+    gap: 12px;
     align-items: center;
     justify-content: center;
     padding: 60px 20px;
-    gap: 12px;
     color: var(--el-text-color-secondary);
 
     .el-icon {

src/views/order-management/order-list/index.vue

@@ -99,7 +99,7 @@
                 >
                   <div style="display: flex; justify-content: space-between">
                     <span>{{ card.iccid }}</span>
-                    <span style="color: var(--el-text-color-secondary); font-size: 12px">
+                    <span style=" font-size: 12px;color: var(--el-text-color-secondary)">
                       {{ card.msisdn || '无接入号' }}
                     </span>
                   </div>
@@ -130,7 +130,7 @@
                 >
                   <div style="display: flex; justify-content: space-between">
                     <span>{{ device.virtual_no }}</span>
-                    <span style="color: var(--el-text-color-secondary); font-size: 12px">
+                    <span style=" font-size: 12px;color: var(--el-text-color-secondary)">
                       {{ device.device_name }}
                     </span>
                   </div>
@@ -163,7 +163,7 @@
                 >
                   <div style="display: flex; justify-content: space-between">
                     <span>{{ pkg.package_name }}</span>
-                    <span style="color: var(--el-text-color-secondary); font-size: 12px">
+                    <span style=" font-size: 12px;color: var(--el-text-color-secondary)">
                       ¥{{ (pkg.cost_price / 100).toFixed(2) }}
                     </span>
                   </div>