优化

ghsApp/src/admin/billing/freeRefundList.vue

@@ -78,34 +78,35 @@
             <text class="amount">¥{{ formatMoney(item.refundPrice) }}</text>
           </view>
 
-          <!-- 标签：当天/隔天、无原单、退货类型 -->
-          <view class="tag-row">
-            <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>
-
           <!-- 明细：两列信息，避免竖排过长 -->
           <view class="meta-grid">
             <view class="meta-item meta-item--full">
               <text class="meta-label">单号</text>
               <text class="meta-value">{{ item.orderSn || '-' }}</text>
             </view>
-            <view class="meta-item meta-item--full" v-if="item.relateOrderSn">
+            <view class="meta-item meta-item--full">
               <text class="meta-label">原单</text>
-              <text class="meta-value">{{ item.relateOrderSn }}</text>
+              <text class="meta-value" v-if="item.relateOrderSn">{{ item.relateOrderSn }}</text>
+              <text class="meta-value" v-else style="color: #3385FF;font-weight: bold;">没有订单</text>
             </view>
             <view class="meta-item">
               <text class="meta-label">资金</text>
               <text class="meta-value">{{ fundText(item) }}</text>
             </view>
+            <view class="meta-item" v-if="item.sameDay == 0">
+              <text class="meta-label">时间</text>
+              <text class="meta-value" style="color: green;font-weight: bold;">隔天售后</text>
+            </view>
+            <view class="meta-item">
+              <text class="meta-label">方式</text>
+              <text class="meta-value">{{ item.refundType == 1 ? '退货退款' : '仅退款' }}</text>
+            </view>
             <view class="meta-item">
               <text class="meta-label">操作</text>
               <text class="meta-value">{{ item.shopAdminName || '-' }}</text>
             </view>
             <view class="meta-item meta-item--full">
-              <text class="meta-label">时间</text>
+              <text class="meta-label">日期</text>
               <text class="meta-value">{{ item.addTime ? item.addTime.substr(5, 11) : '-' }}</text>
             </view>
           </view>
@@ -115,16 +116,17 @@
             <text class="remark-text">{{ item.remark }}</text>
           </view>
 
-          <!-- 底栏：凭证（左）+ 状态（右下角放大突出） -->
+          <!-- 底栏：凭证（左，非返余额/未通过时灰色不可点）+ 状态（右下角） -->
           <view class="card-foot">
             <view
-              v-if="Number(item.status) === 1 && Number(item.fundType) === 2"
               class="poster-btn-wrap"
-              @click.stop="goPoster(item)"
+              @click.stop="onPosterClick(item)"
             >
-              <button class="admin-button-com middle blue poster-btn">查看凭证</button>
+              <button
+                class="admin-button-com middle poster-btn"
+                :class="canViewPoster(item) ? 'blue' : 'disable'"
+              >查看凭证</button>
             </view>
-            <view v-else class="card-foot__spacer"></view>
             <text
               class="status-chip"
               :class="{
@@ -359,6 +361,17 @@ export default {
         query: { id: item.id, from: 1 }
       })
     },
+    /** 已通过且返充余额才可查看凭证 */
+    canViewPoster(item) {
+      return item && Number(item.status) === 1 && Number(item.fundType) === 2
+    },
+    /** 灰色态不可点；可查看时跳转补发海报 */
+    onPosterClick(item) {
+      if (!this.canViewPoster(item)) {
+        return
+      }
+      this.goPoster(item)
+    },
     /**
      * 返充余额凭证：跳转 forwardResult 补发海报
      * 有原单带 orderId=0 亦可生成（海报不依赖销售单 id）
@@ -678,9 +691,6 @@ export default {
   padding-top: 16upx;
   border-top: 1upx solid #f0f2f5;
 }
-.card-foot__spacer {
-  flex: 1;
-}
 .poster-btn-wrap {
   flex-shrink: 0;
   margin-right: 16upx;