优化

ghsApp/src/admin/billing/freeRefundList.vue

@@ -72,30 +72,18 @@
           :key="index"
           @click="goDetail(item)"
         >
-          <!-- 顶栏：客户 + 状态 + 金额 -->
+          <!-- 顶栏：客户 + 金额（状态放到右下角突出展示） -->
           <view class="card-head">
-            <view class="card-head__left">
-              <text class="custom-name">{{ item.customName || '客户' }}</text>
-              <text
-                class="status-chip"
-                :class="{
-                  pending: item.status == 0,
-                  pass: item.status == 1,
-                  reject: item.status == 2,
-                  cancel: item.status == 3
-                }"
-              >{{ statusText(item.status) }}</text>
-            </view>
+            <text class="custom-name">{{ item.customName || '客户' }}</text>
             <text class="amount">¥{{ formatMoney(item.refundPrice) }}</text>
           </view>
 
           <!-- 标签：当天/隔天、无原单、退货类型 -->
           <view class="tag-row">
-            <text class="tag" :class="{ next: item.sameDay == 0 }">
-              {{ item.sameDay == 0 ? '隔天售后' : '当天售后' }}
-            </text>
-            <text v-if="!item.relateOrderSn" class="tag free">无原单</text>
             <text class="tag type">{{ item.refundType == 1 ? '退货退款' : '仅退款' }}</text>
+            <text v-if="!item.relateOrderSn" class="tag free">没有订单</text>
+            <!-- 仅隔天售后展示标签；当天售后不占位 -->
+            <text v-if="item.sameDay == 0" class="tag next">隔天售后</text>
           </view>
 
           <!-- 明细：两列信息，避免竖排过长 -->
@@ -127,7 +115,7 @@
             <text class="remark-text">{{ item.remark }}</text>
           </view>
 
-          <!-- 底栏：凭证 + 进入箭头 -->
+          <!-- 底栏：凭证（左）+ 状态（右下角放大突出） -->
           <view class="card-foot">
             <view
               v-if="Number(item.status) === 1 && Number(item.fundType) === 2"
@@ -137,7 +125,15 @@
               <button class="admin-button-com middle blue poster-btn">查看凭证</button>
             </view>
             <view v-else class="card-foot__spacer"></view>
-            <text class="foot-arrow iconfont iconxiangyou"></text>
+            <text
+              class="status-chip"
+              :class="{
+                pending: item.status == 0,
+                pass: item.status == 1,
+                reject: item.status == 2,
+                cancel: item.status == 3
+              }"
+            >{{ statusText(item.status) }}</text>
           </view>
         </view>
       </block>
@@ -557,15 +553,10 @@ export default {
   justify-content: space-between;
   align-items: center;
 }
-.card-head__left {
-  display: flex;
-  align-items: center;
+.custom-name {
   flex: 1;
   min-width: 0;
   margin-right: 16upx;
-}
-.custom-name {
-  max-width: 320upx;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -573,29 +564,25 @@ export default {
   font-weight: bold;
   color: #222;
 }
+/* 右下角状态：加大字号与字重，仅文字着色、无背景 */
 .status-chip {
   flex-shrink: 0;
-  margin-left: 12upx;
-  padding: 0 12upx;
-  height: 36upx;
-  line-height: 36upx;
-  border-radius: 8upx;
-  font-size: 22upx;
-  background: #f0f2f5;
+  font-size: 28upx;
+  font-weight: bold;
+  line-height: 52upx;
   color: #999;
 }
 .status-chip.pass {
   color: #19be6b;
-  background: rgba(25, 190, 107, 0.12);
 }
 .status-chip.pending {
   color: #3385ff;
-  background: rgba(51, 133, 255, 0.12);
 }
-.status-chip.reject,
+.status-chip.reject {
+  color: #e54d42;
+}
 .status-chip.cancel {
   color: #999;
-  background: #f0f2f5;
 }
 .amount {
   flex-shrink: 0;
@@ -688,13 +675,15 @@ export default {
   align-items: center;
   justify-content: space-between;
   margin-top: 16upx;
-  padding-top: 12upx;
+  padding-top: 16upx;
+  border-top: 1upx solid #f0f2f5;
 }
 .card-foot__spacer {
   flex: 1;
 }
 .poster-btn-wrap {
   flex-shrink: 0;
+  margin-right: 16upx;
 }
 .poster-btn {
   width: 168upx;
@@ -704,11 +693,6 @@ export default {
   padding: 0;
   font-size: 24upx;
 }
-.foot-arrow {
-  color: #c8c9cc;
-  font-size: 28upx;
-  margin-left: 12upx;
-}
 .filter-overlay {
   position: fixed;
   top: 0;