订单列表样式优化

@@ -65,6 +65,7 @@ export default {
 .order-status-nav-scroll-wrap {
 .order-status-nav-scroll-wrap {
   transform: rotate(0deg); // fix 子元素超出边框圆角部分不隐藏的问题
   transform: rotate(0deg); // fix 子元素超出边框圆角部分不隐藏的问题
   position: relative;
   position: relative;
+  z-index: 10;
 
 
   .list-wrapper {
   .list-wrapper {
     white-space: nowrap;
     white-space: nowrap;
@@ -78,7 +79,7 @@ export default {
 
 
     .list-item {
     .list-item {
       display: inline-block;
       display: inline-block;
-      padding: 22px 0;
+      padding: 20px 0;
       margin-left: 38px;
       margin-left: 38px;
 
 
       &:last-child {
       &:last-child {

@@ -47,8 +47,8 @@ export default {
 
 
   // 获取订单数据
   // 获取订单数据
   asyncData({ store, router }) {
   asyncData({ store, router }) {
-    const { owner, status } = router.params;
-    store.dispatch("order/orderList/fetchOrderList", { owner, status });
+    // const { owner, status } = router.params;
+    // store.dispatch("order/orderList/fetchOrderList", { owner, status });
   },
   },
   mounted() {
   mounted() {
     const { owner, status } = this.$route.params;
     const { owner, status } = this.$route.params;
@@ -60,6 +60,14 @@ export default {
       const { owner, status } = this.$route.params;
       const { owner, status } = this.$route.params;
       this.fetchOrderList({ owner, status });
       this.fetchOrderList({ owner, status });
     }
     }
+  },
+  watch: {
+    $route() {
+      console.log("---------route change----------");
+
+      const { owner, status } = this.$route.params;
+      this.fetchOrderList({ owner, status });
+    }
   }
   }
 };
 };
 </script>
 </script>