1.添加点击事件

src/router/index.js

@@ -15,7 +15,7 @@ Vue.use(Router)
 const routerList = [
   {
     path: '/',
-    redirect: '/todo'
+    redirect: '/myOrder'
   },
   ...todo,
   ...saleSituation,

src/views/myOrder/components/logisticsStep.vue

 <template>
   <div id="stepLayout">
-    <slot :state="'history'"></slot>
+    <slot></slot>
   </div>
 </template>
 

src/views/myOrder/detail/logisticsDetail.vue

@@ -72,9 +72,19 @@ export default {
       rightIcon: false,
       title: '',
       leftText: '物流详情',
-      leftClick: null,
+      leftClick: this.onBrowserBack,
       rightClick: null
     })
+    window.addEventListener('popstate', this.onBrowserBack, false)
+  },
+  destroyed() {
+    // 当页面销毁必须要移除这个事件，vue不刷新页面，不移除会重复执行这个事件
+    window.removeEventListener('popstate', this.onBrowserBack, false)
+  },
+  methods: {
+    onBrowserBack() {
+      this.$router.go(-1)
+    }
   }
 }
 </script>

src/views/myOrder/detail/orderDetail.vue

@@ -33,7 +33,7 @@
     </div>
     <!--  订单物流信息  -->
     <div class="order-common order-logistics">
-      <div class="logistics-content">
+      <div class="logistics-content" @click="openPager('logisticsDetail')">
         <van-icon :name="icons.inDelivery" class="order-icon logistics-icon"/>
         <div class="logistics-text">
           <div style="display:flex">
@@ -54,7 +54,7 @@
     </div>
     <!--  订单商品  -->
     <div class="order-common order-goods">
-      <div class="goods-all">
+      <div class="goods-all" @click="openPager('goodsInfo')">
         <span class="all-title">商品信息</span>
         全部
         <van-icon class="title-arrow" name="arrow"/>
@@ -64,7 +64,7 @@
     </div>
     <!-- 订单发票信息 -->
     <div class="order-common order-invoice">
-      <div class="invoice-all">
+      <div class="invoice-all" @click="openPager('myInvoice')">
         <span class="all-title">发票信息</span>
         全部
         <van-icon class="title-arrow" name="arrow"/>
@@ -111,6 +111,15 @@ export default {
   methods: {
     onBrowserBack() {
       this.$router.go(-1)
+    },
+    openPager(path) {
+      this.$router.push({
+        path: path,
+        query: this.$store.state.linkInfo
+      })
+    },
+    openLogistics() {
+      this.openPager('logisticsDetail')
     }
   }
 }

src/views/myOrder/index.vue

@@ -51,15 +51,15 @@ export default {
       moreSearchShow: false,
       activeTab: 'home',
       moreSearchInfo: {
-        //接收搜索更多回传的数据
-        supplier: { comPartyId: "" }, //供应商ID
-        goods: { comGoodsId: "" }, //商品ID
-        orderNo: "", //订单编号
+        // 接收搜索更多回传的数据
+        supplier: { comPartyId: '' }, // 供应商ID
+        goods: { comGoodsId: '' }, // 商品ID
+        orderNo: '', // 订单编号
         time: {
-          //起始时间
-          start: getFormateDate(new Date(), "yyyy-MM-dd"),
-          end: getFormateDate(new Date(), "yyyy-MM-dd"),
-        },
+          // 起始时间
+          start: getFormateDate(new Date(), 'yyyy-MM-dd'),
+          end: getFormateDate(new Date(), 'yyyy-MM-dd')
+        }
       }
     }
   },
@@ -99,21 +99,21 @@ export default {
     orderItemAction(model) {
       console.log(model)
       switch (true) {
-        case model.actionType === "invoice":
-          //查看发票
-          this.gotoOrderInvoice(model);
-          break;
-        case model.actionType === "logistics":
+        case model.actionType === 'invoice':
+          // 查看发票
+          this.gotoOrderInvoice(model)
+          break
+        case model.actionType === 'logistics':
           // 查看物流
-          break;
-        case model.actionType === "clearance":
+          break
+        case model.actionType === 'clearance':
           // 清货单
           this.gotoOrderClearance(model)
-          break;
-        case model.actionType === "details":
+          break
+        case model.actionType === 'details':
           // 订单详情
           this.gotoOrderDetail(model)
-          break;
+          break
       }
     },
     // 查看订单详情
@@ -121,7 +121,7 @@ export default {
       this.$router.push({
         path: '/orderDetail',
         query: this.$store.state.linkInfo
-      });
+      })
     },
     // 查看发票
     gotoOrderInvoice (model) {
@@ -129,14 +129,14 @@ export default {
       this.$router.push({
         path: '/orderInvoice',
         query: this.$store.state.linkInfo
-      });
+      })
     },
     // 查看 清货单
     gotoOrderClearance(model) {
       this.$router.push({
         path: '/clearance',
         query: this.$store.state.linkInfo
-      });
+      })
     },
     onBrowserBack() {
       if (this.moreSearchShow) {
@@ -160,7 +160,7 @@ export default {
     },
     // 高级搜索取消
     moreSearchClean(data) {
-      this.moreSearchInfo = data;
+      this.moreSearchInfo = data
     },
     addNextTab(pos) {
       // 加载下一个页面