订单跳转

ant-design-vue-jeecg/src/views/shopping/components/Order/placeOrder.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="placeOrder">
+    下单页面
+  </div>
+</template>
+<style lang="less" scoped>
+  .placeOrder{
+    padding-top: 54px;
+    background-color: #F6F6F6;
+  }
+</style>

ant-design-vue-jeecg/src/views/shopping/pages/gerenzhongxin.vue

@@ -95,6 +95,7 @@
     data() {
       return {
         current: ['allorders'],//目前打开的菜单
+        key:'',//当前选择的订单状态（待支付、待收货等）
         allOrders1:[
           {
             id:1,
@@ -154,12 +155,21 @@
       openDetail(item) {
         console.log('item')
         console.log(item)
+        if(item.pay == false){
+          this.key = 'daizhifu'
+        }else if(item.pay == true && item.receipt == false){
+          this.key = 'daishouhuo'
+        }else if(item.receipt == true){
+          this.key = 'yiwancheng'
+        }
         this.$router.push({
           path: "/shopping/order",
           query: {
             id: item.id,
+            orderNum: item.orderNum,
             pay: item.pay,
             receipt: item.receipt,
+            key:this.key,
             },
         });
       },
@@ -184,11 +194,6 @@
     },
   };
 </script>
-<!--<style>-->
-<!--  .gerenzhongxin .top .middle .router-link-exact-active.router-link-active {-->
-<!--    border-bottom: 2px solid #000;-->
-<!--  }-->
-<!--</style>-->
 <style lang="less" scoped>
   @import '../assets/common.css';
   .bg{

ant-design-vue-jeecg/src/views/shopping/pages/orderDetails.vue

@@ -19,7 +19,7 @@
               <a class="c_333 f_12" v-if="this.model.receipt">查看发票详情</a>
             </div>
             <div class="steps">
-              <a-steps direction="vertical" size="small" :current="1">
+              <a-steps direction="vertical" size="small" :current="current">
                 <a-step title="提交订单" description="2022-12-24 12:23:00" >
                   <a-icon slot="icon" type="container" />
                 </a-step>
@@ -52,7 +52,7 @@
           </div>
           <div class="r">
             <div class="title d-flex">
-              <span class="f_20 c_333">订单号#6789086655<span class="line f_16 c_1B">|</span>2022-08-19</span>
+              <span class="f_20 c_333">订单号#{{this.model.orderNum}}<span class="line f_16 c_1B">|</span>2022-08-19</span>
               <div class="right d-flex f_16"><span>数量</span><span>价格</span><span>总计</span></div>
             </div>
             <div class="d-flex orderDiv">
@@ -131,8 +131,10 @@
     components: { Header,Footer },
     data() {
       return {
+        current:0,//目前步骤条在第几步
         model:{
           id:'',
+          orderNum:'',
           pay:false,
           receipt:false
         }
@@ -140,13 +142,20 @@
     },
     created() {
       this.model.id = this.$route.query.id
+      this.model.orderNum = this.$route.query.orderNum
       this.model.pay = JSON.parse(this.$route.query.pay)
       this.model.receipt = JSON.parse(this.$route.query.receipt)
-      console.log('this.model')
-      console.log(this.model)
-    },
-    methods: {
-
+      switch (this.$route.query.key) {
+        case 'daizhifu':
+          this.current=0
+          break;
+        case 'daishouhuo':
+          this.current=4
+          break;
+        case 'yiwancheng':
+          this.current=6
+          break;
+      }
     },
   };
 </script>