修改

src/components/AllselloutInfo.vue

@@ -6,7 +6,7 @@
                     <img style="width:20px;height:20px;border-radius:50%;" :src="all.image" alt="" />
                     <p>就爱吃馒头</p>
                 </div>
-                <span>{{ this.name }}</span>
+                <span>{{ name }}</span>
             </div>
             <div class="box-con-Cards" v-for="(item, index) in orderList" :key="index.id" @click="allorder">
                 <img :src="item.images" alt="" />
@@ -25,10 +25,10 @@
             </div>
             <div class="message">
                 <p>买家留言：</p>
-                <span>{{ this.all.remark }}</span>
+                <span>{{ all.remark }}</span>
             </div>
             <div class="time">
-                <p>订单时间: {{ this.all.createTime }}</p>
+                <p>订单时间: {{ all.createTime }}</p>
                 <div class="box-num">
                     <span>实付款</span>
                     <span class="num">¥{{ all.total }}</span>
@@ -36,26 +36,26 @@
             </div>
             <div class="box-bor"></div>
             <div class="box-butm">
-                <div v-if="this.status == 'CREATED'" @click="cancel" class="box-but">取消订单</div>
-                <div v-if="this.status == 'CREATED'" @click="Buyers" class="box-but2">联系买家</div>
-                <div v-if="this.status == 'PAYED'" @click="logistics" class="box-but">查看物流</div>
-                <div v-if="this.status == 'PAYED'" @click="deliver" class="box-but3">立即发货</div>
-                <div v-if="this.status == 'SEND'" @click="logistics" class="box-but">查看物流</div>
-                <div v-if="this.status == 'SEND'" @click="Buyers" class="box-but3">联系买家</div>
-                <div v-if="this.status == 'COMPETED'" @click="Buyers" class="box-but">联系买家</div>
-                <div v-if="this.status == 'COMPETED'" @click="logistics" class="box-but3">查看物流</div>
-                <div v-if="this.status == 'CANCELED'" @click="deletes" class="box-but">删除订单</div>
-                <div v-if="this.status == 'CANCELED'" @click="Buyers" class="box-but3">联系买家</div>
+                <div v-if="status == 'CREATED'" @click="cancel" class="box-but">取消订单</div>
+                <div v-if="status == 'CREATED'" @click="Buyers" class="box-but2">联系买家</div>
+                <div v-if="status == 'PAYED'" @click="logistics" class="box-but">查看物流</div>
+                <div v-if="status == 'PAYED'" @click="deliver" class="box-but3">立即发货</div>
+                <div v-if="status == 'SEND'" @click="logistics" class="box-but">查看物流</div>
+                <div v-if="status == 'SEND'" @click="Buyers" class="box-but3">联系买家</div>
+                <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="Buyers" class="box-but3">联系买家</div>
             </div>
         </div>
         <van-popup :show="show" custom-style="background:transparent;border-radius: 12px 12px 0 0;" use-slot>
             <div class="popup-con">
                 <div class="popup-top">快递详情</div>
                 <div>
-                    <span>物流快递：{{ this.logisTics.expName }}</span>
+                    <span>物流快递：{{ logisTics.expName }}</span>
                 </div>
                 <div>
-                    <span>物流单号：{{ this.logisTics.number }}</span>
+                    <span>物流单号：{{ logisTics.number }}</span>
                     <span class="dialog-cv" @click="logisticCopy">复制</span>
                 </div>
             </div>

src/pages/allselldetails.vue

@@ -8,22 +8,22 @@
 <template>
     <div class="container">
         <div class="box-top">
-            <p>{{ this.status.label }}</p>
-            <h3>{{ this.status.name }}</h3>
+            <p>{{ status.label }}</p>
+            <h3>{{ status.name }}</h3>
         </div>
         <div class="box-adderss">
             <div
                 v-if="
-                    this.status.orderStatus !== 'CREATED' &&
-                        this.status.orderStatus !== 'PAYED' &&
-                        this.status.orderStatus !== 'CANCELED'
+                    status.orderStatus !== 'CREATED' &&
+                        status.orderStatus !== 'PAYED' &&
+                        status.orderStatus !== 'CANCELED'
                 "
             >
                 <div class="box-adderss-con" @click="logistics">
                     <img src="../static/imgs/dingdan_icon_wuliu@3x.png" alt="" />
                     <div class="box-con-top">
-                        <p>{{ this.stepsShow.status }}</p>
-                        <p class="box-adderss-span">{{ this.stepsShow.time }}</p>
+                        <p>{{ stepsShow.status }}</p>
+                        <p class="box-adderss-span">{{ stepsShow.time }}</p>
                     </div>
                     <div class="box-adderss-right">></div>
                 </div>
@@ -32,8 +32,8 @@
             <div class="box-adderss-con">
                 <img src="../static/imgs/dingdan_icon_dizhi@3x.png" alt="" />
                 <div class="box-con-top">
-                    <span>{{ this.addressList.name }}</span>
-                    <span class="box-con-span">{{ this.addressList.phone }}</span>
+                    <span>{{ addressList.name }}</span>
+                    <span class="box-con-span">{{ addressList.phone }}</span>
                     <p>
                         {{ addressList.province }} {{ addressList.city }} {{ addressList.district }}
                         {{ addressList.detail }}
@@ -50,7 +50,7 @@
         <div class="box-tit">
             <div>
                 <img src="/native/tabbar/icon_kapai_shangjia_da@3x.png" alt="" />
-                <p>{{ this.store.storeName }}</p>
+                <p>{{ store.storeName }}</p>
             </div>
             <div class="box-tit-seller" @click="seller">共{{ status.length }}件商品</div>
         </div>
@@ -92,7 +92,7 @@
                 <p class="box-buttom-p3">¥{{ total }}</p>
             </div>
         </div>
-        <div v-if="this.status.orderStatus !== 'CREATED'" class="box-buttom">
+        <div v-if="status.orderStatus !== 'CREATED'" class="box-buttom">
             <div class="box-buttom-con">
                 <p>支付方式</p>
                 <p class="box-buttom-p">微信支付</p>
@@ -115,13 +115,13 @@
                 <p class="box-footer-p">{{ status.createdAt }}</p>
             </div>
         </div>
-        <div v-if="this.status.orderStatus !== 'CREATED'" class="box-footer">
+        <div v-if="status.orderStatus !== 'CREATED'" class="box-footer">
             <div class="box-footer-con">
                 <p>付款时间</p>
                 <p class="box-footer-p">{{ status.paidTime }}</p>
             </div>
         </div>
-        <div v-if="this.status.orderStatus !== 'CREATED'" class="box-footer">
+        <div v-if="status.orderStatus !== 'CREATED'" class="box-footer">
             <div class="box-footer-con">
                 <p>成交时间</p>
                 <p class="box-footer-p">{{ status.paidTime }}</p>
@@ -130,47 +130,47 @@
         <div class="box-footer-nav">
             <div class="box-btn">
                 <!-- 交易成功 -->
-                <div v-if="this.status.orderStatus === 'COMPETED'" class="box-btn-left2" @click="Buyers">
+                <div v-if="status.orderStatus === 'COMPETED'" class="box-btn-left2" @click="Buyers">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>联系买家</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'COMPETED'" class="box-btn-right" @click="logistics">
+                <div v-if="status.orderStatus === 'COMPETED'" class="box-btn-right" @click="logistics">
                     <img src="/native/imgs/btn_01@4x.png" alt="" />
                     <span class="box-btn-sp">查看物流</span>
                 </div>
                 <!-- 已发货 -->
-                <div v-if="this.status.orderStatus === 'SEND'" class="box-btn-left2" @click="logistics">
+                <div v-if="status.orderStatus === 'SEND'" class="box-btn-left2" @click="logistics">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>查看物流</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'SEND'" class="box-btn-left" @click="Buyers">
+                <div v-if="status.orderStatus === 'SEND'" class="box-btn-left" @click="Buyers">
                     <img src="/native/imgs/btn_01@3x.png" alt="" />
                     <span>联系买家</span>
                 </div>
                 <!-- 待发货 -->
-                <div v-if="this.status.orderStatus === 'PAYED'" class="box-btn-left2" @click="cancel">
+                <div v-if="status.orderStatus === 'PAYED'" class="box-btn-left2" @click="cancel">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>取消订单</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'PAYED'" class="box-btn-left" @click="deliver">
+                <div v-if="status.orderStatus === 'PAYED'" class="box-btn-left" @click="deliver">
                     <img src="/native/imgs/btn_01@3x.png" alt="" />
                     <span>立即发货</span>
                 </div>
                 <!-- 买家待支付 -->
-                <div v-if="this.status.orderStatus === 'CREATED'" class="box-btn-left2" @click="cancel">
+                <div v-if="status.orderStatus === 'CREATED'" class="box-btn-left2" @click="cancel">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>取消订单</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'CREATED'" class="box-btn-left" @click="Buyers">
+                <div v-if="status.orderStatus === 'CREATED'" class="box-btn-left" @click="Buyers">
                     <img src="/native/imgs/btn_01@3x.png" alt="" />
                     <span>联系买家</span>
                 </div>
                 <!-- 已取消 -->
-                <div v-if="this.status.orderStatus === 'CANCELED'" class="box-btn-left2" @click="deletes">
+                <div v-if="status.orderStatus === 'CANCELED'" class="box-btn-left2" @click="deletes">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>删除订单</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'CANCELED'" class="box-btn-right" @click="Buyers">
+                <div v-if="status.orderStatus === 'CANCELED'" class="box-btn-right" @click="Buyers">
                     <img src="/native/imgs/btn_01@4x.png" alt="" />
                     <span class="box-btn-sp">联系买家</span>
                 </div>
@@ -180,10 +180,10 @@
             <div class="popup-con">
                 <div class="popup-top">快递详情</div>
                 <div>
-                    <span>物流快递：{{ this.logisTics.expName }}</span>
+                    <span>物流快递：{{ logisTics.expName }}</span>
                 </div>
                 <div>
-                    <span>物流单号：{{ this.logisTics.number }}</span>
+                    <span>物流单号：{{ logisTics.number }}</span>
                     <span class="dialog-cv" @click="logisticCopy">复制</span>
                 </div>
             </div>

src/pages/confirmorder.vue

@@ -103,7 +103,7 @@ export default {
             caseId: 0,
             boxIds: [],
             Boxes: [],
-            store: [],
+            store: {},
             cardCaseInfo: {},
             total: '',
             message: ''

src/pages/orderdetails.vue

@@ -8,9 +8,9 @@
 <template>
     <div class="container">
         <div class="box-top">
-            <p>{{ this.status.label }}</p>
-            <h3 v-if="this.status.orderStatus !== 'CREATED'">{{ this.status.name }}</h3>
-            <h3 v-if="this.status.orderStatus == 'CREATED'">
+            <p>{{ status.label }}</p>
+            <h3 v-if="status.orderStatus !== 'CREATED'">{{ status.name }}</h3>
+            <h3 v-if="status.orderStatus == 'CREATED'">
                 请尽快支付，<span v-if="minters < 10">0</span>{{ minters }}分<span v-if="seconds < 10">0</span
                 >{{ seconds }} 后未支付将自动取消订单
             </h3>
@@ -18,16 +18,16 @@
         <div class="box-adderss">
             <div
                 v-if="
-                    this.status.orderStatus !== 'CREATED' &&
-                        this.status.orderStatus !== 'PAYED' &&
-                        this.status.orderStatus !== 'CANCELED'
+                    status.orderStatus !== 'CREATED' &&
+                        status.orderStatus !== 'PAYED' &&
+                        status.orderStatus !== 'CANCELED'
                 "
             >
                 <div class="box-adderss-con" @click="logistics">
                     <img src="../static/imgs/dingdan_icon_wuliu@3x.png" alt="" />
                     <div class="box-con-top">
-                        <p>{{ this.stepsShow.status }}</p>
-                        <p class="box-adderss-span">{{ this.stepsShow.time }}</p>
+                        <p>{{ stepsShow.status }}</p>
+                        <p class="box-adderss-span">{{ stepsShow.time }}</p>
                     </div>
                     <div class="box-adderss-right">></div>
                 </div>
@@ -36,8 +36,8 @@
             <div class="box-adderss-con">
                 <img src="../static/imgs/dingdan_icon_dizhi@3x.png" alt="" />
                 <div class="box-con-top">
-                    <span>{{ this.addressList.name }}</span>
-                    <span class="box-con-span">{{ this.addressList.phone }}</span>
+                    <span>{{ addressList.name }}</span>
+                    <span class="box-con-span">{{ addressList.phone }}</span>
                     <p>
                         {{ addressList.province }} {{ addressList.city }} {{ addressList.district }}
                         {{ addressList.detail }}
@@ -136,54 +136,54 @@
         </div>
         <div class="box-footer-nav">
             <van-notice-bar
-                v-if="this.status.orderStatus === 'SEND'"
+                v-if="status.orderStatus === 'SEND'"
                 color="#FF6C00"
                 background="#ff6c0016"
                 text="为了保障您的售后服务，收货时请拍摄完整的快递开封视频避免纠纷"
             />
             <div class="box-btn">
                 <!-- 已完成 -->
-                <div v-if="this.status.orderStatus === 'COMPETED'" class="box-btn-left" @click="deletes">
+                <div v-if="status.orderStatus === 'COMPETED'" class="box-btn-left" @click="deletes">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>删除订单</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'COMPETED'" class="box-btn-right" @click="sales">
+                <div v-if="status.orderStatus === 'COMPETED'" class="box-btn-right" @click="sales">
                     <img src="/native/imgs/btn_01@4x.png" alt="" />
                     <span class="box-btn-sp">申请售后</span>
                 </div>
                 <!-- 已发货 -->
-                <div v-if="this.status.orderStatus === 'SEND'" class="box-btn-left" @click="logistics">
+                <div v-if="status.orderStatus === 'SEND'" class="box-btn-left" @click="logistics">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>查看物流</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'SEND'" class="box-btn-right" @click="comfrim">
+                <div v-if="status.orderStatus === 'SEND'" class="box-btn-right" @click="comfrim">
                     <img src="/native/imgs/btn_01@3x.png" alt="" />
                     <span>确认收货</span>
                 </div>
                 <!-- 待发货 -->
-                <div v-if="this.status.orderStatus === 'PAYED'" class="box-btn-left2" @click="Apply">
+                <div v-if="status.orderStatus === 'PAYED'" class="box-btn-left2" @click="Apply">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>申请退款</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'PAYED'" class="box-btn-right" @click="comfrim">
+                <div v-if="status.orderStatus === 'PAYED'" class="box-btn-right" @click="comfrim">
                     <img src="/native/imgs/btn_01@3x.png" alt="" />
                     <span>确认收货</span>
                 </div>
                 <!-- 待支付 -->
-                <div v-if="this.status.orderStatus === 'CREATED'" class="box-btn-left2" @click="cancel">
+                <div v-if="status.orderStatus === 'CREATED'" class="box-btn-left2" @click="cancel">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>取消订单</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'CREATED'" class="box-btn-right" @click="pay">
+                <div v-if="status.orderStatus === 'CREATED'" class="box-btn-right" @click="pay">
                     <img src="/native/imgs/btn_01@3x.png" alt="" />
                     <span>立即支付</span>
                 </div>
                 <!-- 已取消 -->
-                <div v-if="this.status.orderStatus === 'CANCELED'" class="box-btn-left2" @click="deletes">
+                <div v-if="status.orderStatus === 'CANCELED'" class="box-btn-left2" @click="deletes">
                     <img src="/native/imgs/btn_04@3x.png" alt="" />
                     <span>删除订单</span>
                 </div>
-                <div v-if="this.status.orderStatus === 'CANCELED'" class="box-btn-right" @click="again">
+                <div v-if="status.orderStatus === 'CANCELED'" class="box-btn-right" @click="again">
                     <img src="/native/imgs/btn_01@3x.png" alt="" />
                     <span>重新购买</span>
                 </div>
@@ -193,10 +193,10 @@
             <div class="popup-con">
                 <div class="popup-top">快递详情</div>
                 <div>
-                    <span>物流快递：{{ this.logisTics.expName }}</span>
+                    <span>物流快递：{{ logisTics.expName }}</span>
                 </div>
                 <div>
-                    <span>物流单号：{{ this.logisTics.number }}</span>
+                    <span>物流单号：{{ logisTics.number }}</span>
                     <span class="dialog-cv" @click="logisticCopy">复制</span>
                 </div>
             </div>