Browse Source

fix(client):修改路由跳转问题

yizhiyang 1 year ago
parent
commit
1449f8a912

+ 95 - 96
src/PageMine/orderModules/orderReserveSuccess.vue

@@ -12,7 +12,7 @@
     </view>
     <view class="container-box">
       <view class="title">汽车美容</view>
-      <view class="item-box" v-for="(item,index) of 3">
+      <view class="item-box" v-for="(item, index) of 3">
         <view class="item-left">
           <image src="@/static/QR57a.jpg" class="img"></image>
         </view>
@@ -39,131 +39,130 @@
       </view>
     </view>
 
-    <button class='btn' >取消预约</button>
+    <button class="btn">取消预约</button>
   </view>
 </template>
 
 <script>
-  export default {
-    data(){
-      return{
-
-      }
+export default {
+  data() {
+    return {};
+  },
+  methods: {
+    handlerBack() {
+      uni.switchTab({
+        url: '/pages/tabbar/mine/index',
+      });
     },
-    methods:{
-      handlerBack(){
-        uni.switchTab({
-          url:'/pages/tabbar/mine'
-        })
-      }
-    }
-  }
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  page {
-    background-color: #F9F9F9;
+page {
+  background-color: #f9f9f9;
+}
+
+.container {
+  padding: 56rpx 32rpx 0;
+  font-size: 28rpx;
+  .back-icon {
+    margin: 70rpx 0 20rpx;
   }
+  .success-icon-box {
+    text-align: center;
+    margin-bottom: 62rpx;
 
-  .container {
-    padding: 56rpx 32rpx 0;
-    font-size: 28rpx;
-    .back-icon{
-      margin: 70rpx 0 20rpx;
-    }
-    .success-icon-box {
-      text-align: center;
-      margin-bottom: 62rpx;
-
-      .icon-img-box {
-        display: flex;
-        justify-content: center;
-
-        .img {
-          width: 132rpx;
-          height: 132rpx;
-        }
-      }
+    .icon-img-box {
+      display: flex;
+      justify-content: center;
 
-      .icon-type {
-        margin: 16rpx 0;
-        font-size: 36rpx;
-        font-weight: bold;
-      }
-
-      .icon-explan {
-        font-size: 24rpx;
-        color: #333333;
+      .img {
+        width: 132rpx;
+        height: 132rpx;
       }
     }
 
-    .container-box {
-      padding: 24rpx;
-      border-radius: 16rpx;
-      background-color: #fff;
-      margin-bottom: 20rpx;
-
-      .title {
-        margin-bottom: 24rpx;
-        font-weight: bold;
-      }
+    .icon-type {
+      margin: 16rpx 0;
+      font-size: 36rpx;
+      font-weight: bold;
+    }
 
-      .item-box {
-        display: flex;
-        margin-bottom: 24rpx;
+    .icon-explan {
+      font-size: 24rpx;
+      color: #333333;
+    }
+  }
 
-        .item-left {
-          margin-right: 32rpx;
+  .container-box {
+    padding: 24rpx;
+    border-radius: 16rpx;
+    background-color: #fff;
+    margin-bottom: 20rpx;
 
-          .img {
-            width: 160rpx;
-            height: 160rpx;
-            border-radius: 16rpx;
-          }
-        }
+    .title {
+      margin-bottom: 24rpx;
+      font-weight: bold;
+    }
 
-        .item-right {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
+    .item-box {
+      display: flex;
+      margin-bottom: 24rpx;
 
-          .right1 {}
+      .item-left {
+        margin-right: 32rpx;
 
-          .right2 {
-            padding: 2rpx 12rpx;
-            background-color: #E9EFF9;
-            color: #215EBE;
-            border: 2rpx solid #215EBE;
-          }
+        .img {
+          width: 160rpx;
+          height: 160rpx;
+          border-radius: 16rpx;
         }
       }
 
-      .item-box:last-child {
-        margin: 0;
-      }
-
-      .explan-item{
-        margin-bottom: 16rpx;
+      .item-right {
         display: flex;
+        flex-direction: column;
         justify-content: space-between;
-        font-size: 24rpx;
-        .item-left{
-          color: #999999;
+
+        .right1 {
         }
-        .item-right{
-          color: #333333;
+
+        .right2 {
+          padding: 2rpx 12rpx;
+          background-color: #e9eff9;
+          color: #215ebe;
+          border: 2rpx solid #215ebe;
         }
       }
     }
 
-    .btn {
-      width: 100%;
-      background-color: #215EBE;
-      text-align: center;
-      color: #fff;
-      margin-top:50rpx;
-      height:80rpx;
-      line-height: 80rpx;
+    .item-box:last-child {
+      margin: 0;
+    }
+
+    .explan-item {
+      margin-bottom: 16rpx;
+      display: flex;
+      justify-content: space-between;
+      font-size: 24rpx;
+      .item-left {
+        color: #999999;
+      }
+      .item-right {
+        color: #333333;
+      }
     }
   }
+
+  .btn {
+    width: 100%;
+    background-color: #215ebe;
+    text-align: center;
+    color: #fff;
+    margin-top: 50rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+  }
+}
 </style>

+ 1 - 1
src/pageMerchant/mineModule/setting/index.vue

@@ -115,7 +115,7 @@ export default {
       // 处理身份切换逻辑
       // this.$store.dispatch('SwitchIdentity', 'CUSTOMER');
       uni.switchTab({
-        url: '/pages/tabbar/mine',
+        url: '/pages/tabbar/mine/index',
       });
       // ... 其他操作
     },

+ 52 - 54
src/pagesHome/marketer/settleStatus.vue

@@ -6,71 +6,69 @@
     </view>
 
     <view class="pay-btn-box">
-      <button class='btn btn1' @click='handlerSkipBtn(1)'>返回首页</button>
-      <button class='btn btn2' @click='handlerSkipBtn(2)'>查看订单</button>
+      <button class="btn btn1" @click="handlerSkipBtn(1)">返回首页</button>
+      <button class="btn btn2" @click="handlerSkipBtn(2)">查看订单</button>
     </view>
   </view>
 </template>
 
 <script>
-  export default {
-    data(){
-      return{
-
+export default {
+  data() {
+    return {};
+  },
+  methods: {
+    handlerSkipBtn(e) {
+      switch (e) {
+        case 1:
+          uni.switchTab({
+            url: '/pages/tabbar/home',
+          });
+          break;
+        case 2:
+          uni.switchTab({
+            url: '/pages/tabbar/mine/index',
+          });
+          break;
       }
     },
-    methods:{
-      handlerSkipBtn(e){
-        switch(e){
-          case 1 :
-            uni.switchTab({
-              url:"/pages/tabbar/home"
-            })
-          break ;
-          case 2 :
-            uni.switchTab({
-              url:"/pages/tabbar/mine"
-            })
-          break ;
-        }
-      }
-    }
-  }
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  .container{
-    .pay-box{
-      text-align: center;
-      padding-top: 100rpx;
-      .pay-img{
-        width: 160rpx;
-        height: 160rpx;
-        border-radius: 50%;
-      }
-      .pay-text{
-        font-weight: bold;
-        font-size: 42rpx;
-        margin-top: 60rpx;
-      }
+.container {
+  .pay-box {
+    text-align: center;
+    padding-top: 100rpx;
+    .pay-img {
+      width: 160rpx;
+      height: 160rpx;
+      border-radius: 50%;
     }
-    .pay-btn-box{
-      display: flex;
-      justify-content: space-evenly;
-      margin-top: 400rpx;
-      .btn{
-        width: 45%;
-        border-radius: 38rpx;
-        font-size:32rpx;
-      }
-      .btn1{
-        background-color: #7785DB;
-        color: #fff;
-      }
-      .btn2{
-        background-color: #FF6201;
-        color: #fff;
-      }
+    .pay-text {
+      font-weight: bold;
+      font-size: 42rpx;
+      margin-top: 60rpx;
+    }
+  }
+  .pay-btn-box {
+    display: flex;
+    justify-content: space-evenly;
+    margin-top: 400rpx;
+    .btn {
+      width: 45%;
+      border-radius: 38rpx;
+      font-size: 32rpx;
+    }
+    .btn1 {
+      background-color: #7785db;
+      color: #fff;
+    }
+    .btn2 {
+      background-color: #ff6201;
+      color: #fff;
     }
   }
+}
 </style>