526

src/components/AllselloutInfo.vue

@@ -3,12 +3,8 @@
         <div class="box-con2">
             <div class="box-tit">
                 <div>
-                    <img
-                        style="width:20px;height:20px;border-radius:50%;"
-                        src="../static/imgs/img_touxiang.jpg"
-                        alt=""
-                    />
-                    <p>就爱吃馒头</p>
+                    <img style="width:20px;height:20px;border-radius:50%;" :src="all.avatar" alt="" />
+                    <p>{{ all.userNickName }}</p>
                 </div>
                 <span>{{ name }}</span>
             </div>
@@ -29,11 +25,14 @@
             </div>
             <div class="message">
                 <p>买家留言：</p>
-                <span>尽快发货，谢谢</span>
+                <span>{{ all.remark }}</span>
             </div>
-            <div class="box-num">
-                <span>实际支付</span>
-                <span class="num">¥{{ all.total }}</span>
+            <div class="time">
+                <p>订单时间: {{ all.createTime }}</p>
+                <div class="box-num">
+                    <span>实付款</span>
+                    <span class="num">¥{{ all.total }}</span>
+                </div>
             </div>
             <div class="box-bor"></div>
             <div class="box-butm">
@@ -46,7 +45,11 @@
                 <div v-if="status == 'COMPETED'" @click="Buyers" class="box-but">联系买家</div>
                 <div v-if="status == 'COMPETED'" @click="logistics" class="box-but3">查看物流</div>
                 <div v-if="status == 'CANCELED'" @click="deletes" class="box-but">删除订单</div>
-                <div v-if="status == 'CANCELED'" @click="again" class="box-but3">联系买家</div>
+                <div v-if="status == 'CANCELED'" @click="Buyers" class="box-but3">联系买家</div>
+                <div v-if="status == 'REFUND'" class="box-but">取消退款</div>
+                <div v-if="status == 'REFUND'" class="box-but3">联系买家</div>
+                <div v-if="status == 'REFUNDED'" @click="deletes" class="box-but">删除订单</div>
+                <div v-if="status == 'REFUNDED'" @click="applydetails" class="box-but3">退款详情</div>
             </div>
         </div>
         <van-popup :show="show" custom-style="background:transparent;border-radius: 12px 12px 0 0;" use-slot>
@@ -119,6 +122,12 @@ export default {
             if (this.status === 'SEND') {
                 return '买家待收货';
             }
+            if (this.status === 'REFUND') {
+                return '申请退款中';
+            }
+            if (this.status === 'REFUNDED') {
+                return '退款成功';
+            }
             return '';
         }
     },
@@ -157,7 +166,11 @@ export default {
             this.$emit('allsellout');
         },
         allorder() {
-            this.navigateTo('/pages/allselldetails?id=' + this.id);
+            if (this.status === 'REFUND' || this.status === 'REFUNDED') {
+                this.navigateTo('/pages/Applydetails?id=' + this.id);
+            } else {
+                this.navigateTo('/pages/orderdetails?id=' + this.id);
+            }
         },
         sales() {
             wx.showToast({
@@ -180,6 +193,7 @@ export default {
             });
         },
         Buyers() {
+            console.log(this.all);
             wx.showToast({
                 title: '敬请开放',
                 icon: 'none'
@@ -223,8 +237,11 @@ export default {
                 }
             });
         },
-
+        applydetails() {
+            this.navigateTo('/pages/Applydetails?id=' + this.id);
+        },
         deliver() {
+            console.log(this.all);
             wx.showToast({
                 title: '敬请开放',
                 icon: 'none'
@@ -366,19 +383,29 @@ export default {
                 }
             }
         }
-        .box-num {
-            padding-top: 20px;
-            text-align: right;
-            span {
-                font-size: 14px;
-                font-weight: bold;
-                color: #000000;
+        .time {
+            .flex();
+            justify-content: space-between;
+            margin-top: 5px;
+            p {
+                font-size: 13px;
+                font-weight: 400;
+                color: #c8c9cc;
+                line-height: 26px;
             }
-            .num {
-                font-size: 16px;
-                font-weight: bold;
-                color: #f42202;
-                padding-left: 10px;
+            .box-num {
+                height: 26px;
+                span {
+                    font-size: 14px;
+                    font-weight: bold;
+                    color: #000000;
+                }
+                .num {
+                    font-size: 16px;
+                    font-weight: bold;
+                    color: #f42202;
+                    padding-left: 10px;
+                }
             }
         }
         .box-bor {
@@ -428,6 +455,7 @@ export default {
         }
         .message {
             .flex();
+            margin-top: 16px;
             p {
                 font-size: 13px;
                 font-weight: 400;