修改

src/components/AllorderInfo.vue

@@ -6,7 +6,7 @@
                     <img src="/native/tabbar/icon_kapai_shangjia_da@3x.png" 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="" />

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 }}
@@ -81,7 +81,7 @@
                 <p class="box-buttom-p">¥10</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-p3">¥{{ total }}</p>
@@ -111,13 +111,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>
@@ -127,47 +127,47 @@
         <div class="box-footer-nav">
             <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="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-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>
@@ -177,10 +177,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/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>