2

rc-busness/pages/myorder/usertion.vue

@@ -3,21 +3,21 @@
     <Myheader></Myheader>
 
     <div class="rc-header">
-      <div class="rc-main">
-        <div class="rc-receiving">
-          <em>{{userisdelivery}}</em>
+      <div class="rc-main"  v-for="(item,index) in goldmedal" :key="index" >
+        <div class="rc-receiving"  >
+          <em>{{item.status=='0'?'待付款':item.status=='1'?'待收货':item.status=='2'?'已完成':item.status=='3'?'已取消':'异常订单'}}</em>
           <span>{{orderstatus}}</span>
         </div>
         <div class="rc-border"></div>
         <div  v-if="isshow">
-        <div class="delivery" v-for="(item,index) in delivery" :key="index" >
+        <div class="delivery" v-for="(userdata,index) in delivery" :key="index" >
             
           <div class="to-delivery">
-            <span>{{ item.state }}</span>
-            <i>{{ item.time }}</i>
+            <span>{{ userdata.state }}</span>
+            <i>{{ userdata.time }}</i>
           </div>
           <div class="bo-delivery">
-            <span>{{ item.address }}</span>
+            <span>{{ userdata.address }}</span>
           </div>
            <div class="viewdetails">
              <span>查看详情</span>
@@ -27,32 +27,33 @@
 </div>
         <div
           class="mypersonal"
-          v-for="(item, index) in useraddress"
+          v-for="(dataaddress, index) in useraddress"
           :key="index"
         >
           <div class="my-delivery">
-            <span>{{ item.state }}</span>
-            <i>{{ item.tel }}</i>
+            <span>{{ dataaddress.state }}</span>
+            <i>{{ dataaddress.tel }}</i>
           </div>
           <div class="per-delivery">
-            <span>{{ item.address }}</span>
+            <span>{{ dataaddress.address }}</span>
           </div>
         </div>
-        <div class="rc-center" v-for="(item,index) in goldmedal" :key="index">
+        <div v-for="(userlist,index) in item.orderDetailList" :key="index">
+        <div class="rc-center">
           <div class="rc-usermain">
             <div class="rc-image">
              <img :src="item.catimage" alt="" /> 
             </div>
             <div class="rc-right">
               <div class="rc-usercenter">
-                <em>{{ item.usereat }}</em>
+                <em>{{ userlist.productName }}</em>
                 <div class="rc-userright">
-                  <span>规格:{{ item.num }}</span>
+                  <span>规格:{{ item.productId }}</span>
                 </div>
               </div>
               <div class="rc-userbottom">
-                <span>数量:{{ item.orderstype }}件</span>
-                <i>￥{{ item.userprice }}</i>
+                <span>数量:{{ item.pcs }}件</span>
+                <i>￥{{ item.ecPrice }}</i>
                  <div class="rc-bottom">
             <span>联系客服申请售后</span>
           </div>
@@ -112,7 +113,7 @@
             <li>
               <span>快递单号:</span>
               <div class="u-trackingnumber">
-              <i>{{ information.trackingnumber }}
+              <i>{{ userlist.logisticsNumber }}
                   </i>
                    <img :src="information.catimage" alt="">
                   </div>
@@ -133,6 +134,7 @@
           </div>
 
         </div>
+        </div>
       </div>
     </div>
   </div>
@@ -140,15 +142,18 @@
 
 <script>
 import Myheader from "~/components/header.vue";
+  import { userin} from "../../ajax/getData";
 export default {
   data() {
     return {
+      goldmedal:[],
       addressstype: null,
       orderstatus: '',
       userisdelivery:'待收货',
       userdelivery: "派送中",
       isshow:true,
       leftico: require("../../assets/image/rc-left.png"),
+      orderNumber:'',
 
       delivery: [
         {
@@ -194,23 +199,39 @@ export default {
       },
     };
   },
-  methods: {},
+  methods: {
+
+    async canceldanhao(orderNumber){
+ let data=await userin(orderNumber);
+ console.log(data);
+ this.goldmedal=data;
+ console.log(this.goldmedal);
+},
+  },
   mounted() {
     this.addressstype = this.$route.query.stype;
+    this.orderNumber=this.$route.query.orderNumber;
+    this.canceldanhao(this.orderNumber)
+    console.log(this.orderNumber);
     if(this.addressstype==2){
           this.orderstatus='您的订单已付款成功，请耐心等候，我们会尽快安排给您发货！';
           this.isshow=false;
           this.userisdelivery='待发货';
           console.log( this.orderstatus);
-    }else if(this.addressstype==1){
+    }else if(this.addressstype==0){
          this.orderstatus='您的订单尚未支付';
           this.isshow=false;
           this.userisdelivery='待付款';
     }
-    else if(this.addressstype==3){
+    else if(this.addressstype==1){
          this.orderstatus='您的订单发货，请您耐心等候！';
           this.isshow=true;
           this.userisdelivery='待收货';
+    }
+      else if(this.addressstype==3){
+         this.orderstatus='您的订单已取消！';
+          this.isshow=false;
+          this.userisdelivery='已取消';
     }
     console.log(this.addressstype);
   },