状态

src/pages/confirmorder.vue

@@ -30,21 +30,19 @@
                     <div>
                         <div class="text">
                             <img
-                                v-if="active == '外卖配送'"
+                                v-if="!status"
                                 src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-03-16-00-50JDBrQbgB.png"
                                 alt=""
                             />
                             <div class="text1">江宁学院一食堂楼 益禾堂</div>
                         </div>
                         <div v-if="userInfo">
-                            <div v-if="active == '外卖配送'" class="text2">
-                                {{ userInfo.nickname }} {{ userInfo.phone }}
-                            </div>
+                            <div v-if="!status" class="text2">{{ userInfo.nickname }} {{ userInfo.phone }}</div>
                         </div>
                         <div v-if="active == '到店自取'" class="text2 text3">商家地址</div>
                     </div>
                     <img
-                        v-if="active == '外卖配送'"
+                        v-if="!status"
                         class="imgBox1"
                         src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-03-16-00-00LxfIfsLZ.png"
                         alt=""
@@ -58,7 +56,7 @@
                 </div>
                 <div class="border"></div>
                 <div class="time" @click="show = true">
-                    <div class="text" v-if="active == '到店自取'">
+                    <div class="text" v-if="status">
                         <div class="text3">预留信息</div>
                         <div class="textCon" v-if="userInfo" @click.stop="navigateTo('/pages/changeReserve')">
                             <div class="text2 text5">{{ userInfo.nickname }}</div>
@@ -70,13 +68,13 @@
                             />
                         </div>
                     </div>
-                    <div v-if="active == '到店自取'" class="quarantine"></div>
-                    <div class="text1" v-if="active == '外卖配送'">立即送出</div>
+                    <div v-if="status" class="quarantine"></div>
+                    <div class="text1" v-if="!status">立即送出</div>
                     <div>
-                        <div class="text1 text4" v-if="active == '到店自取'">自取时间</div>
+                        <div class="text1 text4" v-if="status">自取时间</div>
                         <div class="time1">
                             <div class="text2">
-                                {{ active == '外卖配送' ? `预计${time}配送` : `今天${time}自取` }}
+                                {{ !status ? `预计${time}配送` : `今天${time}自取` }}
                             </div>
                             <img
                                 src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-09-03-15-58-50tLAIsjgR.png"
@@ -176,7 +174,14 @@ import NavTitle from '../components/NavTitle.vue';
 export default {
     components: { NavTitle },
     computed: {
-        ...mapState(['userInfo'])
+        ...mapState(['userInfo']),
+        status() {
+            if (this.active == '到店自取') {
+                return true;
+            } else {
+                return false;
+            }
+        }
         // items() {
         //     let list = [...this.listInfo];
         //     return list.map((item, index) => {

src/pages/orderdetails.vue

@@ -88,9 +88,7 @@
             <div class="box">
                 <div class="box-con">
                     <p>下单时间</p>
-                    <div class="text1">
-                        <div class="text2">{{ list.createdAt }}</div>
-                    </div>
+                    <div class="text2">{{ list.createdAt }}</div>
                 </div>
             </div>
             <div class="btn">