From 9b072ac8921a2f7a856d3c9dd91872984730ccf2 Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Sun, 15 Feb 2026 17:16:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20pos=E5=88=B7=E5=8D=A1=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=EF=BC=8C=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/work/accounts/posadvice/list.vue | 132 ++++++++-------------
 1 file changed, 49 insertions(+), 83 deletions(-)

diff --git a/src/pages/work/accounts/posadvice/list.vue b/src/pages/work/accounts/posadvice/list.vue
index b9d53b5..c7750ef 100644
--- a/src/pages/work/accounts/posadvice/list.vue
+++ b/src/pages/work/accounts/posadvice/list.vue
@@ -16,26 +16,19 @@
       <u-list-item v-for="(item, index) in listData" :key="index">
         <view class="list-item">
           <view class="item-header">
-            <view class="left-section">
+            <view class="header-row">
               <view class="card-icon">
                 <uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
               </view>
-              <view class="header-info">
-                <view class="card-name-row">
-                  <text class="card-name">{{ item.name }}</text>
-                  <view class="bill-info">
-                    <text class="limit-label">账单日</text>
-                    <text class="bill-date">{{ item.billDateName }}</text>
-                  </view>
-                </view>
-                <view class="card-detail-row">
-                  <text class="card-code">{{ item.code }}</text>
-                </view>
+              <text class="card-name">{{ item.name }}</text>
+              <text class="bill-date-text">账单日 {{ item.billDateName }}</text>
+              <view class="available-amount">
+                <text class="amount-label">可用</text>
+                <text class="amount-value">{{ item.availableLimit }}元</text>
               </view>
             </view>
-            <view class="right-section">
-              <text class="limit-label-right">可用额度</text>
-              <text class="limit-value">{{ item.availableLimit }}</text>
+            <view class="info-row">
+              <text class="card-code">{{ item.code }}</text>
             </view>
           </view>
           
@@ -380,18 +373,15 @@ page {
 
   .item-header {
     display: flex;
-    align-items: center;
-    justify-content: space-between;
+    flex-direction: column;
     gap: 12rpx;
     padding: 16rpx 24rpx;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    
-    .left-section {
+
+    .header-row {
       display: flex;
       align-items: center;
-      gap: 12rpx;
-      flex: 1;
-      min-width: 0;
+      gap: 10rpx;
     }
 
     .card-icon {
@@ -404,88 +394,64 @@ page {
       justify-content: center;
       flex-shrink: 0;
     }
-    
-    .header-info {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      gap: 6rpx;
-      min-width: 0;
-    }
-    
-    .card-name-row {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 12rpx;
-    }
-    
+
     .card-name {
-      font-size: 30rpx;
-      font-weight: 700;
+      font-size: 28rpx;
+      font-weight: 600;
       color: #ffffff;
       line-height: 1.3;
       flex: 1;
-      white-space: nowrap;
+      min-width: 0;
       overflow: hidden;
       text-overflow: ellipsis;
+      white-space: nowrap;
     }
     
-    .card-detail-row {
-      display: flex;
-      align-items: center;
-    }
-    
-    .card-code {
-      font-size: 21rpx;
-      color: rgba(255, 255, 255, 0.85);
-      font-weight: 400;
-      line-height: 1.2;
-      letter-spacing: 0.5rpx;
-      font-family: 'Courier New', monospace;
-    }
-    
-    .bill-info {
-      display: flex;
-      align-items: center;
-      gap: 6rpx;
-      flex-shrink: 0;
-    }
-    
-    .limit-label {
-      font-size: 20rpx;
-      color: rgba(255, 255, 255, 0.7);
-      font-weight: 400;
-      line-height: 1;
-    }
-    
-    .bill-date {
+    .bill-date-text {
       font-size: 24rpx;
-      font-weight: 600;
-      color: #ffffff;
-      line-height: 1;
+      color: rgba(255, 255, 255, 0.85);
+      font-weight: 500;
+      line-height: 1.3;
+      flex-shrink: 0;
+      margin-right: 12rpx;
     }
     
-    .right-section {
+    .available-amount {
       display: flex;
-      flex-direction: column;
-      align-items: flex-end;
+      align-items: baseline;
       gap: 6rpx;
       flex-shrink: 0;
     }
-    
-    .limit-label-right {
+
+    .amount-label {
       font-size: 22rpx;
-      color: rgba(255, 255, 255, 0.7);
+      color: rgba(255, 255, 255, 0.75);
       font-weight: 400;
-      line-height: 1;
     }
-    
-    .limit-value {
+
+    .amount-value {
       font-size: 32rpx;
       font-weight: 700;
       color: #52c41a;
-      line-height: 1;
+      line-height: 1.2;
+    }
+    
+    .info-row {
+      display: flex;
+      align-items: center;
+      gap: 12rpx;
+      padding-top: 12rpx;
+      border-top: 1rpx solid rgba(255, 255, 255, 0.2);
+    }
+
+    .card-code {
+      font-size: 24rpx;
+      color: rgba(255, 255, 255, 0.75);
+      font-weight: 400;
+      line-height: 1.3;
+      letter-spacing: 0.5rpx;
+      font-family: 'Courier New', monospace;
+      flex: 1;
     }
   }