订单详情增加未支付状态

src/pages/order/detail.vue

@@ -31,14 +31,16 @@
         <el-col :span="12">
           <h3 class="order-fields-title">付款信息</h3>
           <div class="order-field-item">
-            <div class="order-field-item__label">实付金额：</div>
+            <div class="order-field-item__label">
+              {{ isUnpaid ? '预付金额：' : '实付金额：' }}
+            </div>
             <div class="order-field-item__content">{{ data.payment_money }}</div>
           </div>
           <div class="order-field-item">
             <div class="order-field-item__label">付款方式：</div>
             <div class="order-field-item__content">{{ paymentMethod(data.payment_method) }}</div>
           </div>
-          <div class="order-field-item">
+          <div class="order-field-item" v-if="!isUnpaid">
             <div class="order-field-item__label">付款时间：</div>
             <div class="order-field-item__content">{{ data.pay_time }}</div>
           </div>
@@ -91,7 +93,9 @@
         <div class="order-footer-item__content">￥{{ data.district_money }}</div>
       </div>
       <div class="order-footer-item">
-        <div class="order-footer-item__label"><b>实收金额：</b></div>
+        <div class="order-footer-item__label">
+          <b>{{ isUnpaid ? '预收金额：' : '实收金额：' }}</b>
+        </div>
         <div class="order-footer-item__content">
           <span class="totalPrice">￥{{ data.payment_money }}</span>
         </div>
@@ -146,6 +150,10 @@ export default {
     },
     stepActive() {
       return parseInt(this.data.order_status)
+    },
+    // 未付款
+    isUnpaid() {
+      return ['1', '5'].includes(this.data.order_status)
     }
   },
   methods: {