From 44e33e7925db0820b0d2b7368bd3fe62bc70727e Mon Sep 17 00:00:00 2001
From: Admin <376654749@qq.com>
Date: Thu, 6 Jan 2022 03:26:13 +0000
Subject: [PATCH] missing file

---
 rc-busness/pages/myorder/userrecord.vue | 878 ++++++++++++++++++++++++
 rc-busness/pages/myorder/usertion.vue   | 822 ++++++++++++++++++++++
 2 files changed, 1700 insertions(+)
 create mode 100644 rc-busness/pages/myorder/userrecord.vue
 create mode 100644 rc-busness/pages/myorder/usertion.vue

diff --git a/rc-busness/pages/myorder/userrecord.vue b/rc-busness/pages/myorder/userrecord.vue
new file mode 100644
index 00000000..1398a5ca
--- /dev/null
+++ b/rc-busness/pages/myorder/userrecord.vue
@@ -0,0 +1,878 @@
+<template>
+  <div>
+    <Myheader></Myheader>
+
+    <div class="rc-header">
+      <div class="rc-main">
+        <div class="rc-commodity">
+          <div class="rc-commondi">
+            <img src="../../assets/image/rc-select.png" alt="" />
+            <span>商品</span>
+          </div>
+
+          <ul>
+            <li>单价</li>
+            <li>数量</li>
+            <li>操作</li>
+          </ul>
+        </div>
+
+        <div class="rc-select">
+          <label>
+                        <input type="checkbox" v-model="checkAll">
+                        全选
+                    </label>
+
+          <div class="select-right">
+            <img src="../../assets/image/userupdate.png" alt="" />
+            <span @click="useredit">编辑</span>
+          </div>
+        </div>
+       <div>
+        <div v-for="(item, index) in goldmedal"
+          :key="index"
+          class="rc-userdemand"
+         
+        >
+          <div class="rc-userdeman">
+             <label>
+                                <input type="checkbox" v-model="item.checked">
+                            </label>
+
+            <!-- <img :src="item.image" /> -->
+            <!-- <img :src="checkone?require('../../assets/image/rc-unselect.png'):require('../../assets/image/rc-select.png')"  @click="userclick(checkone,index)"/> -->
+            <img :src="item.productImg" alt="" class="re-message" />
+          </div>
+          <div class="rc-userdem">
+              <div class="rc-userdema">
+            <span>{{ item.productName }}</span>
+            <em>规格:{{ item.specifications }}</em>
+            </div>
+            <div class="rc-userd">
+              <i>￥{{ item.productPrice }}</i>
+                <div class="rc-jia">
+                 <img src="../../assets/image/userjian.png" alt=""  @click="sub(item.buyCount,index)"/>
+              <strong> {{item.buyCount}} </strong>
+                <img src="../../assets/image/userjia.png" alt="" @click="plus(item.buyCount,index)" />
+              
+              </div>
+              <em @click="userdele(item,index)">删除</em>
+            </div>
+          </div>
+
+      <div class="rc-footer">
+        <div class="rc-foote">
+          <div class="rc-shop">
+            <i>总计:</i>
+            <span>￥{{ sumPrice }}</span>
+          </div>
+          <div class="rc-delete" @click="usejiesuan(item,index)">
+            <span>
+              {{ userdelete }}
+            </span>
+          </div>
+        </div>
+      </div>
+          
+      </div>
+    </div>
+
+       <div class="rc-footera">
+        <div class="rc-foote">
+
+            <div class="rc-shop">
+             <label>
+                        <input type="checkbox" v-model="checkAll">
+                        全选
+                    </label>
+            </div>
+            <div class="rc-delete">
+              <div class="rc-num">
+                  <div class="rc-usernum">
+                      <div class="rc-usea">
+                    <i >总计:</i>
+            <span >{{ sumPrice }}</span>
+            </div>
+                   <em>共选择{{sumlength}}件商品</em>
+               </div>
+    
+              <strong @click="usejiesuan(item,index)" >{{mustpay}}</strong>
+              </div>
+                 
+            </div>
+            </div>
+          <!-- <div class="rc-shop">
+            <i>总计:</i>
+            <span>{{ ordersum }}</span>
+          </div>
+          <div class="rc-delete">
+            <span>
+              {{ userdelete }}
+            </span>
+          </div> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { List } from 'vant';
+import Myheader from "~/components/header.vue";
+import instance from "@/config/request";
+ import {isexistCart,generateOrderWX,deleteCart} from "../../ajax/getData";
+import accMul from "../../config/setDec.js"
+export default {
+  data() {
+    return {
+      ordersum: 1,
+      usercheckbox:false,
+      shopnum:0,
+      	checkAllFlag:false,  //是否全选
+        checkone:false,
+       ys1: true,
+                ys2: true,
+      userdelete: "结算",
+      orderprice:'￥199.00',
+      mustpay:'立即结算',
+      totalMoney:'',
+       allChecked: false,
+       userid:null,
+      goldmedal: [
+      
+        // {
+        //   ordernumber: "1111111111111111111",
+        //   orderstype: 1,
+        //   image:require('../../assets/image/rc-select.png'),
+        //   sales_num:1,
+        //   usereat: "英国短毛猫成猫全价湿粮",
+        //   ordernum: 0,
+        //   num: "5kg",
+        //   specification: "1",
+        //   buttontitle: "立即支付",
+        //   checked:true,
+        //   userprice: "167",
+          
+        //   catimage: require("../../assets/image/rc-win.png"),
+        // },
+
+        // {
+        //   ordernumber: "1111111111111111111",
+        //   sales_num:1,
+        //   usereat: "每年4次免积分产品试吃",
+        //          image:require('../../assets/image/rc-select.png'),
+
+        //   checked:true,
+
+        //   ordernum: 0,
+        //   buttontitle: "再次购买",
+        //   catimage: require("../../assets/image/usereat.png"),
+        //   orderstype: 2,
+        //   userprice: "167",
+        // },
+      ],
+    };
+  },
+  mounted() {
+  console.log('---');
+    this.goldmedal.forEach(item=>{
+      item.checked=true;
+    })
+    
+  },
+  mounted(){
+  this.carmessage();
+
+  },
+
+  components: {
+    Myheader,
+  },
+  methods:{
+     //请求猫
+
+       async carmessage() {
+         console.log(this.goldmedal);
+                 let user= JSON.parse(localStorage.getItem("userInfo"));
+                 console.log(user);
+                 this.userid=user.data.id;
+          let data = await isexistCart(user.data.id);
+          this.goldmedal=data;
+    },
+        async userjie(list) {
+                 let user= JSON.parse(localStorage.getItem("userInfo"));
+                 console.log(user);
+                 this.userid=user.data.id;
+          let data = await generateOrderWX(list);
+          if(data){
+              this.$message({
+                                type: 'warning',
+                                message: data.msg
+                            });
+                            console.log(data);
+                                      this.$router.push({
+        path: "/personal/userpay",
+           query: {
+          wxdata:data.data
+        },
+       
+      });  
+          }
+          console.log(data);
+         
+    },
+
+              //删除购物车
+         async deletsmessage(productCode) {
+                 let user= JSON.parse(localStorage.getItem("userInfo"));
+                 console.log(user);
+                 this.userid=user.data.id;
+          let data = await deleteCart(user.data.id,productCode);
+          if(data){
+             this.$message({
+                                type: 'warning',
+                                message: data.msg
+                            });
+       this.carmessage();
+          }
+    },
+
+
+    //   checkBox(){
+
+    // console.log(event.target.checked)
+    // this.usercheckbox=event.target.checked;
+    //     this.goldmedal.forEach(item => {
+    //                         item.checked = this.usercheckbox
+    //                     });
+    // },
+
+  //   userdele(index){
+      
+  //  this.goldmedal.splice(index,1);
+  //   },
+plus(num,index){
+  console.log(index);
+	this.goldmedal[index].buyCount = parseInt(this.goldmedal[index].buyCount) + 1;
+} ,
+		// 数量减方法
+		sub(num,index){
+			if(parseInt(num) <= 1){
+				this.goldmedal[index].buyCount = 1;
+			}
+			else{
+				this.goldmedal[index].buyCount = parseInt(this.goldmedal[index].buyCount) - 1;
+			}
+
+		},
+ 
+    		// 求总价
+
+    useredit(e){
+             this.ys1 = !this.ys1
+                if(this.ys1==false){
+                       this.$nextTick(() => {
+                       this.userdelete='删除';
+                       console.log(this.userdelete);
+
+      
+        })
+                }else if(this.ys1==true){
+                                this.$nextTick(() => {
+                       this.userdelete='结算';
+
+                       console.log(this.userdelete);
+      
+        })
+                }
+
+         if(this.userdelete=="删除"){
+  
+         }
+      
+    },
+    usejiesuan(item,index){
+
+    let procode=[];
+      let list=[];
+     let menulist=[];
+      this.goldmedal.filter(item=>{
+        if(item.checked){
+          list.push(item);
+          console.log(item);
+           procode.push(item.productCode)
+        }else{
+          list.splice(index,1);
+        }
+      })
+      list=this.goldmedal.filter(item =>
+                        item.checked
+                    );
+                   
+              list.forEach(item => {
+                   menulist.push({
+                     productName:item.productName,
+                     buyCount:item.buyCount,
+                      productId: item.productCode,
+                      payAmount: item.productPrice,
+                      memberId:item.memberId,
+                     phoneNumber:item.mobile
+
+                   });
+              });
+
+       if(this.ys1==false){
+            if(list.length==0){
+                
+                 this.$message({
+                                type: 'warning',
+                                message: '你还未选择商品'
+                            });
+                            return;
+              }else{
+                this.deletsmessage(procode);
+              }
+          
+       }else{
+          if(list.length==0){
+                
+                 this.$message({
+                                type: 'warning',
+                                message: '你还未选择商品'
+                            });
+                            return;
+              }else{
+                 this.userjie(menulist)
+              }
+       }
+    
+         
+
+//         list=[
+//           {
+// "productName":"幼猫全价粮",
+// "buyCount":"2",
+// "productId":"210352",
+// "payAmount":"517",
+// "memberId":"844350",
+// "phoneNumber":"18112621098"
+// },
+//           {
+// "productName":"幼猫全价粮",
+// "buyCount":"2",
+// "productId":"210352",
+// "payAmount":"517",
+// "memberId":"844350",
+// "phoneNumber":"18112621098"
+// }
+//         ]
+        
+        // instance
+        //   .post(`generateOrderWX`, list, configs)
+        //   .then((res) => {
+        //     console.log(res);
+        //   });
+             
+                    
+      
+ 
+    },
+
+    //              async userdelete(item) {
+               
+    //       let data = await isexistCart( this.userid,);
+  
+    // },
+  },
+    computed:{
+       checkAll: {
+                    // 设置值,当点击全选按钮的时候触发
+                    set(v) {
+                        this.goldmedal.forEach(item => {
+                            item.checked = v
+                        });
+                    },
+                    // 取值,当列表中的选择改变之后触发
+                    get() {
+                        return this.goldmedal.length === this.goldmedal.filter(item => item.checked == true).length;
+                    },
+                },
+                // 总价计算
+                sumPrice() {
+                    return this.goldmedal
+                        .filter(item => item.checked)
+                        .reduce((pre, cur) => {
+                          console.log(pre);
+                            return pre + cur.buyCount * cur.productPrice;
+                            
+                        }, 0);
+                },
+
+                sumlength(){
+                  return  this.goldmedal.filter(item => item.checked == true).length;
+                }
+                
+
+
+  },
+};
+</script>
+
+<style lang="less" scoped>
+// 手机端
+@media screen and(min-width: 320px) and(max-width:768px) {
+    .rc-footera{
+        display: none;
+    }
+  .rc-footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+
+    .rc-foote {
+     width: 100%;
+      margin: 0 auto;
+      height: 80px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      background-color: white;
+    }
+    .rc-shop {
+      display: flex;
+      align-items: center;
+      i {
+        font-style: normal;
+        font-size: 14px;
+        color: #333333;
+      }
+      span {
+        font-size: 18px;
+        color: #E1001A;
+        display: block;
+        margin-left: 3px;
+      }
+    }
+    .rc-delete {
+      span {
+        width: 100px;
+        height: 48px;
+        background: #e2001a;
+        border-radius: 30px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 14px;
+        margin-right: 40px;
+
+        color: #ffffff;
+      }
+    }
+  }
+  .rc-header {
+    width: 100%;
+    .rc-main {
+      width: 92%;
+      margin: 0 auto;
+      .rc-commodity{
+          display: none;
+      }
+      .rc-select {
+        border-bottom: 1px solid #d8d8d8;
+        height: 56px;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        .select-left {
+          display: flex;
+          align-items: center;
+          img {
+            width: 24px;
+            height: 24px;
+            display: block;
+          }
+          span {
+            font-size: 14px;
+            color: #333333;
+            display: block;
+            margin-left: 8px;
+          }
+        }
+        .select-right {
+          display: flex;
+          align-items: center;
+          img {
+            width: 16px;
+            height: 16px;
+            display: block;
+            margin-right: 8px;
+          }
+          span {
+            font-size: 14px;
+            color: #333333;
+          }
+        }
+      }
+
+      .rc-userdemand {
+        width: 100%;
+        height: 180px;
+        border-bottom: 1px solid #d8d8d8;
+        display: flex;
+        .rc-userdeman {
+          display: flex;
+          align-items: center;
+
+          img {
+            width: 24px;
+            height: 24px;
+            display: block;
+          }
+          .re-message {
+            width: 96px;
+            height: 96px;
+            display: block;
+            border: 1px solid #d8d8d8;
+            margin-left: 8px;
+          }
+        }
+        .rc-userdem {
+          display: flex;
+          flex-direction: column;
+          width: 100%;
+          margin-left: 8px;
+          justify-content: center;
+          span {
+            font-size: 16px;
+            color: #e1001a;
+            display: block;
+            font-weight: bold;
+          }
+          em {
+            font-style: normal;
+            font-size: 14px;
+            display: block;
+            margin-top: 8px;
+
+            color: #666666;
+          }
+          .rc-userd {
+              em{
+                  display: none;
+              }
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            margin-top: 8px;
+            i {
+              font-size: 18px;
+              font-style: normal;
+              display: flex;
+              justify-content: flex-start;
+              align-items: center;
+              width: 74%;
+              color: #e1001a;
+            }
+            img {
+              width: 23px;
+              height: 23px;
+              display: block;
+              margin-right: 5px;
+            }
+            img:last-child {
+              width: 23px;
+              height: 23px;
+              display: block;
+              margin-left: 10px;
+            }
+            strong {
+              font-style: normal;
+              display: flex;
+              justify-content: center;
+              list-style: none;
+              align-items: center;
+              width: 24px;
+
+              color: #666666;
+              height: 24px;
+              border: 1px solid #d7d7d7;
+              font-size: 12px;
+              border-radius: 3px;
+            }
+            .rc-jia{
+                display: flex;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+//    /* 最小768px最大1920 *pc端/
+@media screen and (min-width: 768px) and (max-width: 1920px) {
+    .rc-footer{
+        display: none;
+    }
+  .rc-footera {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+
+    .rc-foote {
+      width: 92%;
+      margin: 0 auto;
+      box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
+      height: 102px;
+      display: flex;
+      justify-content: space-between;
+    }
+    .rc-shop {
+      display: flex;
+      align-items: center;
+      img{
+          width: 24px;
+          height: 24px;
+          display: block;
+      }
+
+      span{
+        font-style: normal;
+        font-size: 18px;
+        color: #333333;
+        margin-left: 16px;
+        display: block;
+      }
+    }
+    .rc-delete {
+        display: flex;
+        align-items: center;
+        margin-right: 32px;
+        .rc-num{
+            display: flex;
+            align-items: center;
+            .rc-usernum{
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                margin-right: 25px;
+                .rc-usea{
+                    display: flex;
+                    align-items: center;
+                }
+            }
+        }
+        i{
+font-size: 18px;
+font-style: normal;
+color: #333333;
+margin-right: 8px;
+display: block;
+        }
+        span{
+          font-size: 20px;
+color: #E1001A;
+        }
+        em{
+            font-style: normal;
+            margin-top: 8px;
+            
+color: #333333;
+
+font-size: 16px;
+        }
+      strong {
+    cursor: pointer;
+      width: 164px;
+height: 48px;
+        background: #e2001a;
+        border-radius: 30px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 16px;
+            margin-right: 40px;
+        color: #ffffff;
+      }
+    }
+  }
+  .rc-header {
+    width: 100%;
+    .rc-main {
+      width: 92%;
+      margin: 0 auto;
+      .rc-commodity {
+        width: 100%;
+        border: 1px solid #d7d7d7;
+        border-radius: 3px 3px 0px 0px;
+        background: #f6f6f6;
+        font-size: 18px;
+        color: #666666;
+        height: 64px;
+        display: flex;
+        justify-content: space-between;
+        .rc-commondi {
+          display: flex;
+          align-items: center;
+          img {
+            display: block;
+            margin-left: 24px;
+          }
+          span {
+            display: block;
+            margin-left: 56px;
+          }
+        }
+        ul {
+          display: flex;
+          width: 80%;
+          justify-content: space-around;
+          align-items: center;
+        }
+        img {
+          width: 24px;
+          height: 24px;
+        }
+      }
+      .rc-select {
+        border-bottom: 1px solid #d8d8d8;
+        height: 56px;
+        width: 100%;
+       
+        display: flex;
+         display: none;
+        justify-content: space-between;
+        .select-left {
+          display: flex;
+          align-items: center;
+          img {
+            width: 24px;
+            height: 24px;
+            display: block;
+          }
+          span {
+            font-size: 14px;
+            color: #333333;
+            display: block;
+            margin-left: 8px;
+          }
+        }
+        .select-right {
+          display: flex;
+          align-items: center;
+          img {
+            width: 16px;
+            height: 16px;
+            display: block;
+            margin-right: 8px;
+          }
+          span {
+            font-size: 14px;
+            color: #333333;
+          }
+        }
+      }
+
+      .rc-userdemand {
+        width: 100%;
+        height: 180px;
+        border-bottom: 1px solid #d8d8d8;
+        display: flex;
+        .rc-userdeman {
+          display: flex;
+          align-items: center;
+
+          img {
+            width: 24px;
+            height: 24px;
+            display: block;
+            margin-left: 24px;
+          }
+          .re-message {
+            width: 96px;
+            height: 96px;
+            display: block;
+            border: 1px solid #d8d8d8;
+            margin-left: 56px;
+          }
+        }
+        .rc-userdem {
+          display: flex;
+          width: 100%;
+          margin-left: 8px;
+          span {
+            font-size: 18px;
+            color: #e1001a;
+            display: block;
+            font-weight: bold;
+          }
+          em {
+            font-style: normal;
+            font-size: 16px;
+            display: block;
+            margin-top: 8px;
+
+            color: #666666;
+          }
+          .rc-userdema{
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              width: 10%;
+
+          }
+          .rc-userd {
+            display: flex;
+            align-items: center;
+            width: 87%;
+            justify-content: space-around;
+            .rc-jia{
+                display: flex;
+                align-items: center;
+            }
+            i {
+              font-size: 20px;
+              font-style: normal;
+              color: #e1001a;
+            }
+            img {
+              width: 23px;
+              height: 23px;
+              display: block;
+              margin-right: 5px;
+            }
+            img:last-child {
+              width: 23px;
+              height: 23px;
+              display: block;
+              margin-left: 10px;
+            }
+            em{
+                font-style: normal;
+                font-size: 20px;
+                cursor: pointer;
+                border-bottom: 1px solid #E2001A;
+                display: block;
+                margin-left: 40px;
+color: #E1001A;
+            }
+            strong {
+              font-style: normal;
+              display: flex;
+              justify-content: center;
+              list-style: none;
+              align-items: center;
+              width: 24px;
+
+              color: #666666;
+              height: 24px;
+              border: 1px solid #d7d7d7;
+              font-size: 12px;
+              border-radius: 3px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/rc-busness/pages/myorder/usertion.vue b/rc-busness/pages/myorder/usertion.vue
new file mode 100644
index 00000000..95d342fe
--- /dev/null
+++ b/rc-busness/pages/myorder/usertion.vue
@@ -0,0 +1,822 @@
+<template>
+  <div>
+    <Myheader></Myheader>
+
+    <div class="rc-header">
+      <div class="rc-main">
+        <div class="rc-receiving">
+          <em>{{userisdelivery}}</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="to-delivery">
+            <span>{{ item.state }}</span>
+            <i>{{ item.time }}</i>
+          </div>
+          <div class="bo-delivery">
+            <span>{{ item.address }}</span>
+          </div>
+           <div class="viewdetails">
+             <span>查看详情</span>
+                <img :src="leftico" alt="" /> 
+           </div>
+        </div>
+</div>
+        <div
+          class="mypersonal"
+          v-for="(item, index) in useraddress"
+          :key="index"
+        >
+          <div class="my-delivery">
+            <span>{{ item.state }}</span>
+            <i>{{ item.tel }}</i>
+          </div>
+          <div class="per-delivery">
+            <span>{{ item.address }}</span>
+          </div>
+        </div>
+        <div class="rc-center" v-for="(item,index) in goldmedal" :key="index">
+          <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>
+                <div class="rc-userright">
+                  <span>规格:{{ item.num }}</span>
+                </div>
+              </div>
+              <div class="rc-userbottom">
+                <span>数量:{{ item.orderstype }}件</span>
+                <i>￥{{ item.userprice }}</i>
+                 <div class="rc-bottom">
+            <span>联系客服申请售后</span>
+          </div>
+              </div>
+                  <div class="rc-bottomm">
+            <span>联系客服申请售后</span>
+          </div>
+              <!-- <div class="rc-userbottomm">
+                <i>￥{{ item.userprice }}</i>
+                <span>{{ item.orderstype }}</span>
+                <i>￥{{ item.userprice }}</i>
+              </div> -->
+            </div>
+          </div>
+         
+        </div>
+
+        <div class="rc-merchandise">
+          <ul>
+            <li>
+              <span>商品总价:</span>
+              <i>{{ shopprice.price }}</i>
+            </li>
+            <li>
+              <span>配送费用:</span>
+              <i>{{ shopprice.distribution }}</i>
+            </li>
+            <li>
+              <span>活动促销:</span>
+              <i>{{ shopprice.promotion }}</i>
+            </li>
+            <li>
+              <span>实际付款:</span>
+              <i>{{ shopprice.payment }}</i>
+            </li>
+          </ul>
+        </div>
+
+            <div class="rc-payment">
+          <ul>
+            <li>
+              <span>订单编号::</span>
+              <i>{{ information.reference }}</i>
+            </li>
+            <li>
+              <span>下单时间::</span>
+              <i>{{ information.ordertime }}</i>
+            </li>
+            <li>
+              <span>付款方式::</span>
+              <i>{{ information.paymentmethod }}</i>
+            </li>
+            <li>
+              <span>配送方式::</span>
+              <i>{{ information.distribution }}</i>
+            </li>
+            <li>
+              <span>快递单号:</span>
+              <div class="u-trackingnumber">
+              <i>{{ information.trackingnumber }}
+                  </i>
+                   <img :src="information.catimage" alt="">
+                  </div>
+            </li>
+            
+          </ul>
+        </div>
+
+        <div class="rc-foot">
+          <div class="rc-foo">
+              <div style="padding-top:55px">
+              <i>合计金额:</i>
+               <em>￥167.00</em>
+               </div>
+               <div style="padding-bottom:40px">
+               <span>再次购买</span>
+               </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Myheader from "~/components/header.vue";
+export default {
+  data() {
+    return {
+      addressstype: null,
+      orderstatus: '',
+      userisdelivery:'待收货',
+      userdelivery: "派送中",
+      isshow:true,
+      leftico: require("../../assets/image/rc-left.png"),
+
+      delivery: [
+        {
+          state: "派送中",
+          time: "2021-11-21",
+          address: "广州天河—刘某某【15124617917】正在派送中",
+        },
+      ],
+
+      useraddress: [
+        {
+          state: "李某某",
+          tel: "15124117917",
+          address: "广东省 广州市 天河区 天河客运站118号",
+        },
+      ],
+
+      goldmedal: [
+        {
+          ordernumber: "1111111111111111111",
+          orderstype: 1,
+          index:0,
+          usereat: "英国短毛猫成猫全价湿粮",
+          num: "5kg",
+          specification: "1",
+          userprice: "167.00",
+          catimage: require("../../assets/image/rc-win.png"),
+        },
+      ],
+      shopprice: {
+        price: "￥197.00",
+        distribution: "￥0.00",
+        promotion: "-￥30.00",
+        payment: "￥167.00",
+      },
+      information: {
+        reference: "1111111111111111",
+        ordertime: "2012-12-01    11:20:00",
+        paymentmethod: "微信支付",
+        distribution: "快递",
+        trackingnumber: "11111111111111",
+         catimage: require("../../assets/image/rc-left.png"),
+      },
+    };
+  },
+  methods: {},
+  mounted() {
+    this.addressstype = this.$route.query.stype;
+    if(this.addressstype==2){
+          this.orderstatus='您的订单已付款成功，请耐心等候，我们会尽快安排给您发货！';
+          this.isshow=false;
+          this.userisdelivery='待发货';
+          console.log( this.orderstatus);
+    }else if(this.addressstype==1){
+         this.orderstatus='您的订单尚未支付';
+          this.isshow=false;
+          this.userisdelivery='待付款';
+    }
+    else if(this.addressstype==3){
+         this.orderstatus='您的订单发货，请您耐心等候！';
+          this.isshow=true;
+          this.userisdelivery='待收货';
+    }
+    console.log(this.addressstype);
+  },
+  components: {
+    Myheader,
+  },
+};
+</script>
+
+<style lang="less" scoped>
+ul li ol li em strong i {
+  list-style: none;
+  font-style: normal;
+}
+.rc-header {
+  width: 100%;
+}
+//手机端
+@media screen and (max-width: 768px) {
+  .rc-main {
+    width: 92%;
+    margin: 0 auto;
+    .rc-userbottom{
+        display: none;
+    }
+    .viewdetails{
+        display: none;
+    }
+    .rc-foo{
+        display: none;
+    }
+    .rc-receiving {
+      width: 100%;
+      height: 80px;
+      display: flex;
+      align-items: center;
+      em {
+          font-style: normal;
+        color: #e1001a;
+        font-size: 22px;
+      }
+      span {
+        color: #666666;
+        font-size: 12px;
+        display: block;
+        margin-left: 18px;
+        width: 62%;
+
+      }
+    }
+    .delivery {
+      display: flex;
+      flex-direction: column;
+      height: 80px;
+      .to-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+          margin-left: 3px;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+        }
+      }
+      .bo-delivery {
+        span {
+          font-size: 14px;
+
+          color: #666666;
+          display: block;
+          margin-top: 8px;
+        }
+      }
+    }
+
+    .mypersonal {
+      display: flex;
+      flex-direction: column;
+      height: 80px;
+      .my-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+          margin-left: 3px;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+        }
+      }
+      .per-delivery {
+        span {
+          font-size: 14px;
+
+          color: #666666;
+          display: block;
+          margin-top: 8px;
+        }
+      }
+    }
+
+    .rc-usermain {
+      display: flex;
+      .rc-image {
+        border: 1px solid #d8d8d8;
+        margin-top: 17px;
+        height: 96px;
+        img {
+          width: 96px;
+          height: 96px;
+          display: block;
+        }
+      }
+
+      .rc-right {
+        .rc-userbottomm {
+          display: none;
+        }
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        margin-left: 16px;
+        justify-content: center;
+        em {
+          font-style: normal;
+          display: block;
+          font-size: 16px;
+          margin-top: 18px;
+          font-weight: bold;
+
+          color: #e1001a;
+        }
+      }
+      .rc-userright {
+        display: flex;
+        flex-direction: column;
+        color: #666666;
+        font-size: 14px;
+        span {
+          display: block;
+          margin-top: 16px;
+        }
+      }
+      .rc-userbottom {
+        display: flex;
+        justify-content: space-between;
+        margin-top: 8px;
+        span {
+          color: #666666;
+          font-size: 14px;
+        }
+        i {
+          font-style: normal;
+          color: #e1001a;
+          font-size: 18px;
+          font-weight: bold;
+        }
+        .rc-bottom{
+            display: none;
+        }
+      }
+          .rc-bottomm {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      margin-top: 24px;
+      span {
+        display: block;
+        width: 130px;
+        display: flex;
+        align-items: center;
+        line-height: 40px;
+        text-align: center;
+        color: #e2001a;
+        height: 40px;
+        font-size: 12px;
+        border: 2px solid #e2001a;
+        justify-content: center;
+        border-radius: 30px;
+        font-weight: bold;
+      }
+      span:last-child {
+        margin-left: 15px;
+      }
+    }
+    }
+
+
+    .rc-merchandise {
+      width: 100%;
+      margin-top: 32px;
+
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 26px;
+            i {
+              font-style: normal;
+              color: #666666;
+              font-size: 14px;
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+            font-size: 14px;
+
+            color: #333333;
+        
+          }
+        }
+        li:last-child {
+          i {
+            color: #e1001a;
+            font-size: 16px;
+            font-style: normal;
+          }
+        }
+      }
+    }
+
+
+     .rc-payment{
+      width: 100%;
+      margin-top: 32px;
+         .u-trackingnumber{
+             display: flex;
+             align-items: center;
+                  i {
+            font-size: 14px;
+            font-style: normal;
+            margin-right: 16px;
+         
+          }
+                  img{
+                width: 8px;
+                height: 16px;
+            }
+         }
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 26px;
+            i {
+              font-style: normal;
+              color: #666666;
+              font-size: 14px;
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+            font-size: 14px;
+
+            color: #333333;
+        
+          }
+        }
+   
+      }
+    }
+      
+  }
+}
+//pc端
+@media screen and (min-width: 768px) and (max-width: 1920px) {
+
+      .rc-main {
+    width: 92%;
+    margin: 0 auto;
+    .rc-userbottomm{
+        display: none;
+    }
+    .rc-border{
+        width: 100%;
+        border-bottom: 1px solid #D7D7D7;
+        margin-top: 32px;
+    }
+    .rc-receiving {
+      width: 100%;
+      height: 80px;
+      display: flex;
+      flex-direction: column;
+      em {
+          font-style: normal;
+        color: #E1001A;
+        font-size: 26px;
+      }
+      span {
+        color: #666666;
+        font-size: 16px;
+        display: block;
+        margin-top: 25px;
+      }
+    }
+    .delivery {
+      display: flex;
+      flex-direction: column;
+      height: 140px;
+      display: flex;
+      justify-content: center;
+      .viewdetails{
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          span{
+              color:#444444;
+              font-size: 18px;
+              display: block;
+              margin-right: 8px;
+          }
+          img{
+              width: 8px;
+              height: 16px;
+          }
+      }
+    
+      .to-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+        //   margin-left: 16px;
+          font-size: 18px;
+          color: #333333;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+          font-size: 18px;
+          color: #999999;
+        }
+      }
+      .bo-delivery {
+        span {
+          font-size: 16px;
+          color: #666666;
+          display: block;
+          margin-top: 16px;
+        }
+      }
+    }
+
+    .mypersonal {
+      display: flex;
+      flex-direction: column;
+      height: 140px;
+      justify-content: center;
+      .my-delivery {
+        display: flex;
+        align-items: center;
+        font-style: normal;
+        span {
+          display: block;
+          margin-left: 3px;
+           font-size: 18px;
+              color: #333333;
+        }
+        i {
+          font-style: normal;
+          margin-left: 8px;
+          display: block;
+           font-size: 18px;
+           color: #333333;
+        }
+      }
+      .per-delivery {
+        span {
+          font-size: 18px;
+          color: #666666;
+          display: block;
+          margin-top: 16px;
+        }
+      }
+    }
+
+    .rc-usermain {
+      display: flex;
+      .rc-image {
+        border: 1px solid #d8d8d8;
+        margin-top: 17px;
+        img {
+          width: 96px;
+          height: 96px;
+          display: block;
+        }
+      }
+
+      .rc-right {
+          .rc-bottomm{
+              display: none;
+          }
+  .rc-usercenter{
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+            em {
+          font-style: normal;
+          display: block;
+          font-size: 18px;
+          font-weight: bold;
+          margin-top: 17px;
+          color: #e1001a;
+        }
+  }
+     
+        display: flex;
+      
+        width: 100%;
+        margin-left: 16px;
+      
+  
+      }
+      .rc-userright {
+        display: flex;
+        flex-direction: column;
+        color: #666666;
+        font-size: 16px;
+        span {
+          display: block;
+          margin-top: 16px;
+          font-size: 16px;
+        }
+      }
+      .rc-userbottom {
+     display: flex;
+
+    width: 80%;
+    justify-content: space-between;
+    align-items: center;
+    margin-left: 119px;
+        span {
+          color: #E1001A;
+          font-size: 20px;
+        }
+        i {
+          font-style: normal;
+          color: #e1001a;
+          font-size: 20px;
+          font-weight: bold;
+        }
+            .rc-bottom {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      margin-top: 24px;
+      span {
+        display: block;
+        width: 164px;
+        display: flex;
+        align-items: center;
+        line-height: 40px;
+        text-align: center;
+        color: #e2001a;
+        height: 40px;
+        border: 2px solid #e2001a;
+        justify-content: center;
+        border-radius: 30px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+ 
+    }
+
+      }
+    }
+
+    .rc-merchandise {
+      width: 100%;
+      margin-top: 32px;
+
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 40px;
+        font-size: 18px;
+            i {
+              font-style: normal;
+              color: #666666;
+              
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+            color: #333333;
+        
+          }
+        }
+        li:last-child {
+          i {
+            color: #e1001a;
+            font-size: 20px;
+            font-style: normal;
+          }
+        }
+      }
+    }
+
+
+     .rc-payment{
+      width: 100%;
+      margin-top: 80px;
+         .u-trackingnumber{
+             display: flex;
+             align-items: center;
+                  i {
+            font-size: 18px;
+            font-style: normal;
+            margin-right: 16px;
+         
+          }
+                  img{
+                width: 8px;
+                height: 16px;
+            }
+         }
+      ul {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        line-height: 40px;
+           font-size: 18px;
+            i {
+              font-style: normal;
+              color: #666666;
+              display: block;
+           
+            }
+        li {
+          list-style: none;
+          font-style: normal;
+          display: flex;
+          justify-content: space-between;
+          span {
+          
+
+            color: #333333;
+        
+          }
+        }
+   
+      }
+    }
+          .rc-foot{
+        display: flex;
+        flex-direction: column;
+          .rc-foo{
+              display: flex;
+    justify-content: flex-end;
+    flex-direction: column;
+ align-items: self-end;
+              i{
+                  font-style: normal;
+                  color:#333333;
+                  font-size: 20px;
+                  margin-right: 20px;
+
+              }
+              em{
+                  font-style: normal;
+                   color: #E1001A;
+                   font-size: 26px;
+
+              }
+               span{
+                   display: block;
+                   width: 164px;
+                   margin-top: 36px;
+                   background: #E2001A;
+                   line-height: 48px;
+                   text-align: center;
+                   color: white;
+                   font-size: 16px;
+
+height: 48px;
+         
+border-radius: 30px;
+               }
+
+          }
+    }
+
+  }
+
+}
+</style>
\ No newline at end of file