diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js
index 0c1a5e5d..2efb2607 100644
--- a/rc-busness/ajax/getData.js
+++ b/rc-busness/ajax/getData.js
@@ -615,3 +615,16 @@ export const getOrderList = (user, status) => {
   return fetch('/api/getOrderList', data)
 }
 
+
+
+    //购物车操作
+    export const memberAddress = (type,data) => {
+      return fetch('memberAddress?type='+type, data, 'POST' )
+    }
+
+    
+    //支付宝支付二维码
+    export const generateOrderAlipay = (data) => {
+      return fetch('generateOrderAlipay', data, 'POST' )
+    }
+    
\ No newline at end of file
diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less
index 903d422d..cae698f4 100644
--- a/rc-busness/assets/css/global.less
+++ b/rc-busness/assets/css/global.less
@@ -596,4 +596,73 @@ img, picture {
 			//margin-right:0;
 		}
 	}
-}
\ No newline at end of file
+}
+.rc_contline {
+    border-bottom: 3px solid #f6f6f6;
+    height: 0px;
+    margin: 0;
+    clear: both;
+}
+
+.page_modules {
+    padding-top: 60px;
+}
+
+.cont_modules {
+    margin: 0 auto;
+    max-width: 1400px;
+}
+
+.inline_right {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.inline_mid {
+    display: flex;
+    justify-content: space-around;
+    width: 100%;
+}
+
+.inline_left {
+    display: flex;
+    justify-content: space-evenly;
+    width: 100%;
+
+}
+
+.li_inline {
+    li {
+        display: inline-block;
+        vertical-align: middle;
+    }
+
+}
+
+.color_red {
+    color: #E2001A;
+}
+
+.tc {
+    text-align: center;
+}
+
+.tr {
+    text-align: right;
+}
+.el-dialog{
+    width: 90%;
+    max-width: 440px;
+}
+#tns2-iw{ height: 90px;}
+.rc-carousel:not(.rc-carousel--loaded){visibility:visible!important}
+@media screen and (max-width: 768px) {
+  .el-message-box{
+      width: 300px;
+    }
+    .el-dialog{
+        width: 90%;
+    }
+  }
+ 
\ No newline at end of file
diff --git a/rc-busness/assets/css/openaddress.less b/rc-busness/assets/css/openaddress.less
index 08aa9e24..689de33e 100644
--- a/rc-busness/assets/css/openaddress.less
+++ b/rc-busness/assets/css/openaddress.less
@@ -1,310 +1,11 @@
-
-
-.rc-margin-bottom--lg{
-  margin: 0;
-}
-
-
 @media screen and (max-width:768px){
-  .online{
-      width:100%;
-      background:#d7d7d7;
-      margin-top:1.5rem;
-     height:.06rem;
-     &.bold{
-         height:8px;
-         background:#f6f6f6;
-     }
-  }
-  .useredit{
-      display: none;
-  }
-  .rc-button{
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 375px;
-height: 80px;
-background: #FFFFFF;
-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
-opacity: 1;
-border-radius: 0px;
-  }
-  .rc-footbutton {
-      width: 164px;
-height: 48px;
-border: 2px solid #E2001A;
-opacity: 1;
-border-radius: 30px;
-background: #E2001A;
-display: flex;
-justify-content: center;
-align-items: center;
-font-size: 16px;
-color: #FFFFFF;
-  
-  
-    }
-.rc-max-width--xl{
- padding: 24px 20px 24px 20px;
-  .rc-title {
-      display: flex;
-      align-items: center;
-      color: #333333;
-      font-size: 14px;
-      em {
-        font-style: normal;
-        font-size: 14px;
-      }
-      span {
-        display: block;
-        margin-left: 8px;
-      }
-    }
-    .rc-center{
-        padding-top: 24px;
-    }
-  
-}
 
 
-
-    .rc-address {
-      margin-top: 8px;
-      text-overflow: -o-ellipsis-lastline;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      line-clamp: 2;
-      -webkit-box-orient: vertical;
-      font-size: 14px;
-      color: #333333;
-    }
-    .rc-footer {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-top: 20px;
-      display: flex;
-      align-items: center;
-      .rc-right {
-        span {
-          border-bottom: 1px solid #666666;
-        }
-        span:first-child {
-          margin-right: 16px;
-        }
-      }
-      img{
-          width: 43px;
-      }
-      .rc-foot{
-           display: flex;
-           align-items: center;
-           color: #333333;
-           font-size: 14px;
-           span{
-               margin-left: 8px;
-           }
-      }
-    }
-
 }
 
 @media screen and (min-width: 769px)
-
 {
-.usercontend {
-  display:inline-block;
-}
-  .usercontshow{
-      .rc-button{
-          display: none;
-      }
-  }
- 
-  .usercontend{
-      margin-top: 40px;
-  }
-  .online{
-  display: none;
-  }
-  .rc-button{
-      display: none;
-  }
-  .useredit{
-      width: 680px;
-height: 164px;
-background: #FFFFFF;
-border: 1px solid #D7D7D7;
-opacity: 1;
-border-radius: 3px;
-display: flex;
-align-items: center;
-justify-content: center;
-img{
-  width: 31px;
-  height: 31px;
 
-}
-span{
-  color: #333333;
-  font-size: 18px;
 
-}
-  }
-  .usercontend{
-  .useradd{
-      width: 680px;
-height: 164px;
-background: #FFFFFF;
-border-radius: 3px;
-img{
-  width: 31px;
-  height: 31px;
-  display: block;
-}
 
-  }
-
-}
-  .rc-max-width--xl{
-
-      .rc-center{
-          margin-top: 24px;
-          margin-left: 24px;
-      }
-      .rc-cat{
-          width: 640px;
-          border: 1px solid #D7D7D7;
-          border-radius: 3px;
-          position: relative;
-          margin-left: 40px;
-          height: 164px;
-      }
-      .rc-title {
-          display: flex;
-          align-items: center;
-          color: #333333;
-          font-size: 20px;
-          em {
-            font-style: normal;
-          }
-          span {
-            display: block;
-            margin-left: 32px;
-            font-size: 20px;
-          }
-        }
-        .rc-footer {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          margin-top: 20px;
-          display: flex;
-          align-items: center;
-          .rc-right {
-              position: absolute;
-              right: 24px;
-              top: 24px;
-            span {
-              border-bottom: 1px solid #666666;
-            }
-            span:first-child {
-              margin-right: 16px;
-            }
-          }
-          img{
-              width: 43px;
-          }
-          .rc-foot{
-               display: flex;
-               align-items: center;
-               color: #333333;
-               font-size: 16px;
-               margin-top: 16px;
-               span{
-                   margin-left: 8px;
-               }
-          }
-        }
-      
-  }
-  .rc-max-width--xl{
-
- 
-     .rc-button {
-       height: 80px;
-       background: #ffffff;
-       box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
-       opacity: 1;
-       display: flex;
-       align-items: center;
-       justify-content: center;
-       display: block;
-   
-       .rc-footbutton {
-         width: 164px;
-         height: 48px;
-         border: 2px solid #e2001a;
-         opacity: 1;
-         border-radius: 30px;
-         display: flex;
-         align-items: center;
-         background: #e2001a;
-         span {
-           display: block;
-           text-align: center;
-           color: white;
-           font-size: 16px;
-           width: 100%;
-         }
-       }
-     }
-     .rc-header {
-       display: flex;
-       align-items: center;
-       color: #333333;
-       em {
-         font-style: normal;
-         font-size: 14px;
-       }
-       span {
-         display: block;
-         margin-left: 8px;
-       }
-     }
-     .rc-address {
-       margin-top: 16px;
-       text-overflow: -o-ellipsis-lastline;
-       overflow: hidden;
-       text-overflow: ellipsis;
-       display: -webkit-box;
-       -webkit-line-clamp: 2;
-       line-clamp: 2;
-       -webkit-box-orient: vertical;
-       font-size: 20px;
-       color: #333333;
-
-     }
-     .rc-footer {
-       display: flex;
-       justify-content: space-between;
-       align-items: center;
-       padding-bottom: 20px;
-       margin-top: 8px;
-       .rc-right {
-         span {
-           border-bottom: 1px solid #666666;
-         }
-         span:first-child {
-           margin-right: 16px;
-         }
-       }
-     }
-  
-
-  }
- 
 }
\ No newline at end of file
diff --git a/rc-busness/assets/pay/fail.png b/rc-busness/assets/pay/fail.png
new file mode 100644
index 00000000..71821a9b
Binary files /dev/null and b/rc-busness/assets/pay/fail.png differ
diff --git a/rc-busness/assets/pay/wx.png b/rc-busness/assets/pay/wx.png
new file mode 100644
index 00000000..7316a9d7
Binary files /dev/null and b/rc-busness/assets/pay/wx.png differ
diff --git a/rc-busness/assets/pay/zfb.png b/rc-busness/assets/pay/zfb.png
new file mode 100644
index 00000000..c68db2ab
Binary files /dev/null and b/rc-busness/assets/pay/zfb.png differ
diff --git a/rc-busness/pages/myorder/userrecord.vue b/rc-busness/pages/myorder/userrecord.vue
index 3b1991bb..aefb13d4 100644
--- a/rc-busness/pages/myorder/userrecord.vue
+++ b/rc-busness/pages/myorder/userrecord.vue
@@ -1,108 +1,101 @@
 <template>
   <div>
-   
     <div class="rc-header">
-      <div class="rc-main">
-         <Myheader></Myheader>
-     <tabs></tabs>
-        <div class="rc-commodity">
-          <div class="rc-commondi">
-            <img src="../../assets/image/rc-select.png" alt="" />
-            <span>商品</span>
+      <Myheader></Myheader>
+    </div>
+    <div class="rc-main">
+      <tabs></tabs>
+      <div class="cart-list">
+        <div class="header">
+          <div class="list-left">
+            <label class="check-label">
+              <input type="checkbox" v-model="checkAll" />
+            </label>
+            <span class="name">商品</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 class="header_ph">
+          <el-row>
+            <el-col :span="12">
+              <div class="list-left">
+                <label class="check-label">
+                  <input type="checkbox" v-model="checkAll" />
+                </label>
+                <span class="name">全选</span>
+              </div>
+            </el-col>
+            <el-col :span="12" class="tr">
+              <span @click="editList()"
+                ><i class="el-icon-edit"></i>{{ editState }}</span
+              ></el-col
+            >
+          </el-row>
+        </div>
+        <div class="list" v-for="(item, index) in cartData" :key="index">
+          <div class="list-left">
+            <label class="check-label">
+              <input type="checkbox" v-model="item.checked" />
+            </label>
+            <div class="product">
+              <div class="product-img">
+                <img :src="item.productImg" alt="" />
+              </div>
+              <div class="right">
+                <p class="product-title" v-text="item.productName"></p>
+                <p class="specifications">规格：{{ item.specifications }}</p>
               </div>
-              <em @click="userdele(item,index)">删除</em>
             </div>
           </div>
+          <ul>
+            <li class="product-price">￥{{ item.productPrice }}</li>
+            <li>
+              <div class="rc-jia">
+                <img
+                  src="../../assets/image/userjian.png"
+                  alt=""
+                  @click="sub(item.buyCount, index)"
+                />
+                <input type="text" v-model="item.buyCount" />
+                <img
+                  src="../../assets/image/userjia.png"
+                  alt=""
+                  @click="plus(item.buyCount, index)"
+                />
+              </div>
+            </li>
+            <li class="del"><em @click="userdele(item)">删除</em></li>
+          </ul>
+        </div>
+      </div>
 
-      <div class="rc-footer">
+      <div class="rc-footera">
         <div class="rc-foote">
           <div class="rc-shop">
-            <i>总计:</i>
-            <span>￥{{ sumPrice }}</span>
+            <label>
+              <input type="checkbox" v-model="checkAll" />
+              全选
+            </label>
           </div>
-          <div class="rc-delete" @click="usejiesuan(item,index)">
-            <span>
-              {{ userdelete }}
-            </span>
+          <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()">{{ mustpay }}</strong>
+            </div>
           </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">
+        <!-- <div class="rc-shop">
             <i>总计:</i>
             <span>{{ ordersum }}</span>
           </div>
@@ -111,139 +104,134 @@
               {{ userdelete }}
             </span>
           </div> -->
-        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import { List } from 'vant';
 import Myheader from "~/components/header.vue";
 import tabs from "@/components/tabs.vue";
-import instance from "@/config/request";
- import {isexistCart,generateOrderWX,deleteCart} from "../../ajax/getData";
-import accMul from "../../config/setDec.js"
+import { isexistCart, generateOrderWX, deleteCart } from "../../ajax/getData";
 export default {
-     middleware: 'metaTitle',
-  meta: {title: '购物车'},
+  middleware: "metaTitle",
+  meta: { title: "购物车" },
   data() {
     return {
       ordersum: 1,
-      usercheckbox:false,
-      shopnum:0,
-      	checkAllFlag:false,  //是否全选
-        checkone:false,
-       ys1: true,
-                ys2: true,
+      usercheckbox: false,
+      shopnum: 0,
+      checkAllFlag: false, //是否全选
+      checkone: false,
+      ys1: true,
+      ys2: true,
       userdelete: "结算",
-      orderprice:'￥199.00',
-      mustpay:'立即结算',
-      totalMoney:'',
-       allChecked: false,
-       userid:null,
-      goldmedal: [
-      
+      orderprice: "￥199.00",
+      mustpay: "立即结算",
+      editState: "编辑",
+      dellist: [],
+      totalMoney: "",
+      allChecked: false,
+      userid: null,
+      cartData: [
         // {
-        //   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"),
+        //   buyCount: 3,
+        //   id: 1,
+        //   memberId: "1",
+        //   productCode: "432434",
+        //   productImg: require("../../assets/image/rc-select.png"),
+        //   productName: "测试商品",
+        //   productPrice: 399.0,
+        //   specifications: "5KG",
+        //   checked: false,
         // },
-
         // {
-        //   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",
+        //   buyCount: 1,
+        //   id: 2,
+        //   memberId: "2",
+        //   productCode: "432434",
+        //   productImg: require("../../assets/image/rc-select.png"),
+        //   productName: "测试商品222",
+        //   productPrice: "199.00",
+        //   specifications: "5KG",
+        //   checked: true,
+        // },
+        // {
+        //   buyCount: 4,
+        //   id: 3,
+        //   memberId: "3",
+        //   productCode: "432434",
+        //   productImg: require("../../assets/image/rc-select.png"),
+        //   productName: "测试商品3333",
+        //   productPrice: 69.01,
+        //   specifications: "5KG",
+        //   checked: true,
         // },
       ],
     };
   },
   mounted() {
-  console.log('---');
-    this.goldmedal.forEach(item=>{
-      item.checked=true;
-    })
-    
-  },
-  mounted(){
-  this.carmessage();
-
+    this.carmessage();
   },
 
   components: {
     Myheader,
-    tabs
+    tabs,
   },
-  methods:{
-     //请求猫
+  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 carmessage() {
+      let user = JSON.parse(localStorage.getItem("userInfo"));
+      this.userid = user.data.id;
+      let data = await isexistCart(user.data.id);
+      this.cartData = data;
+      // 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/settlement",
-           query: {
-          wxdata:data.data
-        },
-       
-      });  
-          }
-          console.log(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/settlement",
+          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();
-          }
+    //删除购物车
+    async deletsmessage(productCode) {
+      let user = JSON.parse(localStorage.getItem("userInfo"));
+      this.userid = user.data.id;
+      let data = await deleteCart(this.userid, productCode);
+      if (data) {
+        this.$message({
+          type: "warning",
+          message: data.msg,
+        });
+        this.carmessage();
+      }
     },
 
-
+    editList() {
+      if (this.editState == "完成") {
+        this.mustpay = "立即结算";
+        this.editState = " 编辑";
+      } else {
+        this.mustpay = "删除";
+        this.editState = "完成";
+      }
+    },
     //   checkBox(){
 
     // console.log(event.target.checked)
@@ -253,636 +241,554 @@ export default {
     //                     });
     // },
 
-  //   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=="删除"){
-  
-         }
-      
+    userdele(item) {
+      let delform = [];
+      if (item.length > 0) {
+        delform = item;
+      } else {
+        delform = [item.productCode];
+      }
+      this.$confirm("确定删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "success",
+        callback: (action) => {
+          if (action === "confirm") {
+            this.deletsmessage(delform);
+          }
+        },
+      });
+      // this.$message({
+      //     type: "warning",
+      //     message: data.msg,
+      //   });
+    },
+    plus(num, index) {
+      this.cartData[index].buyCount =
+        parseInt(this.cartData[index].buyCount) + 1;
+    },
+    // 数量减方法
+    sub(num, index) {
+      if (parseInt(num) <= 1) {
+        this.cartData[index].buyCount = 1;
+      } else {
+        this.cartData[index].buyCount =
+          parseInt(this.cartData[index].buyCount) - 1;
+      }
     },
-    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
+    // 求总价
 
-                   });
-              });
+    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 = "结算";
 
-       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)
-              }
-       }
-    
-         
+          console.log(this.userdelete);
+        });
+      }
 
-//         list=[
-//           {
-// "productName":"幼猫全价粮",
-// "buyCount":"2",
-// "productId":"210352",
-// "payAmount":"517",
-// "memberId":"844350",
-// "phoneNumber":"18112621098"
-// },
-//           {
-// "productName":"幼猫全价粮",
-// "buyCount":"2",
-// "productId":"210352",
-// "payAmount":"517",
-// "memberId":"844350",
-// "phoneNumber":"18112621098"
-// }
-//         ]
+      if (this.userdelete == "删除") {
+      }
+    },
+    usejiesuan() {
+      // let procode = [];
+      // let list = [];
+      // let menulist = [];
+      // this.cartData.filter((item) => {
+      //   if (item.checked) {
+      //     list.push(item);
+      //     console.log(item);
+      //     procode.push(item.productCode);
+      //   } else {
+      //     list.splice(index, 1);
+      //   }
+      // });
+      // let list = [];
+      // list = this.cartData.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,
+      //   });
+      // });
+      let list = [];
+      list = this.cartData.filter((item) => item.checked);
+      if (list.length == 0) {
+        this.$message({
+          type: "warning",
+          message: "你还未选择商品",
+        });
+        return;
+      } else {
+        if (this.editState == "完成") {
+          let delList = [];
+          list.forEach((item) => {
+            delList.push(item.productCode);
+          });
+          this.userdele(delList);
         
-        // instance
-        //   .post(`generateOrderWX`, list, configs)
-        //   .then((res) => {
-        //     console.log(res);
-        //   });
-             
-                    
-      
- 
+        } else {
+          this.$router.push({
+            path: "/personal/settlement",
+            query: {
+              list: JSON.stringify(list),
+            },
+            // params: { test:'222'},
+          });
+        }
+      }
+
+      //         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;
-                }
-                
-
+  computed: {
+    checkAll: {
+      // 设置值,当点击全选按钮的时候触发
+      set(v) {
+        this.cartData.forEach((item) => {
+          item.checked = v;
+        });
+      },
+      // 取值,当列表中的选择改变之后触发
+      get() {
+        return (
+          this.cartData.length ===
+          this.cartData.filter((item) => item.checked == true).length
+        );
+      },
+    },
+    // 总价计算
+    sumPrice() {
+      return this.cartData
+        .filter((item) => item.checked)
+        .reduce((pre, cur) => {
+          console.log(pre);
+          return pre + cur.buyCount * cur.productPrice;
+        }, 0);
+    },
 
+    sumlength() {
+      return this.cartData.filter((item) => item.checked == true).length;
+    },
   },
 };
 </script>
 
 <style lang="less" scoped>
-// 手机端
-@media screen and(min-width: 320px) and(max-width:768px) {
-  .rc-header{
-
+.rc-footer {
+  display: none;
+}
+.rc-footera {
+  background: #f6f6f6;
+  border: 1px solid #d7d7d7;
+  .rc-foote {
+    margin: 0 auto;
+    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
+    height: 102px;
+    display: flex;
+    justify-content: space-between;
   }
-    .rc-footera{
-        display: none;
+  .rc-shop {
+    display: flex;
+    align-items: center;
+    margin-left: 24px;
+    img {
+      width: 24px;
+      height: 24px;
+      display: block;
     }
-  .rc-footer {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
 
-    .rc-foote {
-     width: 100%;
-      margin: 0 auto;
-      height: 80px;
+    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-main {
+  width: 92%;
+  margin: 0 auto;
+  padding-top: 60px;
+  max-width: 1400px;
+  .cart-list {
+    width: 100%;
+    border: 1px solid #d7d7d7;
+    font-size: 16px;
+    color: #666666;
+    p {
+      margin: 0;
+    }
+    .header {
+      background: #f6f6f6;
+      border-radius: 3px 3px 0px 0px;
+      border-bottom: 1px solid #d7d7d7;
+      height: 64px;
       display: flex;
       justify-content: space-between;
-      align-items: center;
-      background-color: white;
     }
-    .rc-shop {
+    .header_ph {
+      display: none;
+    }
+    .check-label {
+      display: block;
+      margin-left: 24px;
+    }
+    .name {
+      display: block;
+      margin-left: 56px;
+    }
+    .list-left {
       display: flex;
       align-items: center;
-      i {
-        font-style: normal;
+    }
+    ul {
+      display: flex;
+      width: 70%;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .list {
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 1px solid #d7d7d7;
+      padding: 15px 0;
+      .product-price {
+        color: #e1001a;
+        font-weight: bold;
+        font-size: 20px;
+      }
+      .product {
+        display: flex;
+        justify-content: space-between;
+        margin-left: 56px;
+        .product-title {
+          color: #e1001a;
+          font-weight: bold;
+          font-size: 18px;
+        }
+
+        .product-img {
+          margin-right: 10px;
+          width: 96px;
+          height: 96px;
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+      .rc-jia {
+        display: flex;
+        align-items: center;
+        img,
+        input {
+          width: 30px;
+          height: 30px;
+          text-align: center;
+          margin: 0 5px;
+        }
+        input {
+          border: 1px solid #d7d7d7;
+        }
+      }
+    }
+  }
+  .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;
       }
-      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 {
+
+  .rc-userdemand {
     width: 100%;
-    .rc-main {
-      width: 92%;
-      margin: 0 auto;
-      .rc-commodity{
-          display: none;
+    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;
       }
-      .rc-select {
-        border-bottom: 1px solid #d8d8d8;
-        height: 56px;
-        width: 100%;
+      .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;
-        display: flex;
-        justify-content: space-between;
-        .select-left {
+        width: 87%;
+        justify-content: space-around;
+        .rc-jia {
           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;
-          }
+        i {
+          font-size: 20px;
+          font-style: normal;
+          color: #e1001a;
         }
-      }
-
-      .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;
-          }
+        img {
+          width: 23px;
+          height: 23px;
+          display: block;
+          margin-right: 5px;
         }
-        .rc-userdem {
+        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;
-          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;
+          list-style: none;
+          align-items: center;
+          width: 24px;
 
-            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: 4px;
-            }
-            img:last-child {
-              width: 23px;
-              height: 23px;
-              display: block;
-              margin-left: 4px;
-            }
-            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;
-            }
-          }
+          color: #666666;
+          height: 24px;
+          border: 1px solid #d7d7d7;
+          font-size: 12px;
+          border-radius: 3px;
         }
       }
     }
   }
 }
-//    /* 最小768px最大1920 *pc端/
-@media screen and (min-width: 768px) and (max-width: 1920px) {
-    .rc-footer{
+
+//手机端
+@media screen and (max-width: 768px) {
+  .rc-main {
+    padding: 0;
+    width: 100%;
+    .cart-list {
+      border: none;
+      margin-bottom: 130px;
+      .header {
         display: none;
+      }
+      .header_ph {
+        display: block;
+        border-bottom: 2px solid #d8d8d8;
+        padding: 20px 10px 20px 0;
+        border-top: 5px solid #f6f6f6;
+      }
+      .check-label {
+        margin-left: 10px;
+      }
+      .name {
+        margin-left: 16px;
+      }
+      .list {
+        display: block;
+        .product {
+          margin-left: 16px;
+        }
+        ul {
+          margin-top: -32px;
+          margin-left: 128px;
+          width: 60%;
+          .del {
+            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;
-    }
+    z-index: 10;
     .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;
-      }
+      display: none;
     }
     .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;
-        }
+      margin-right: 0;
+      width: 100%;
+      .rc-num {
+        width: 100%;
+        justify-content: space-between;
+        padding: 10px;
+      }
       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;
+        margin-right: 0;
       }
     }
   }
-  .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;
-            }
-          }
-        }
-      }
-    }
+  .el-message-box {
+    width: 300px;
   }
 }
 </style>
\ No newline at end of file
diff --git a/rc-busness/pages/personal/settlement.less b/rc-busness/pages/personal/settlement.less
new file mode 100644
index 00000000..72c8358a
--- /dev/null
+++ b/rc-busness/pages/personal/settlement.less
@@ -0,0 +1,414 @@
+ul li ol li em strong i {
+    list-style: none;
+    font-style: normal;
+}
+
+.rc-header {
+    width: 100%;
+}
+
+
+
+.settlement {
+    padding-top: 100px;
+}
+
+
+.rc-main {
+    width: 92%;
+    margin: 0 auto;
+    max-width: 1400px;
+
+    .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;
+            }
+        }
+    }
+
+    .address-list {
+        display: flex;
+
+        .mypersonal {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            border: 1px solid #808285;
+            height: 118px;
+            width: 320px;
+            padding: 15px;
+            color: #333333;
+            margin: 20px 40px 20px 0;
+            position: relative;
+            cursor: pointer;
+
+            &.active {
+                border: 1px solid #E2001A;
+            }
+
+            .edit {
+                position: absolute;
+                top: 5px;
+                right: 8px;
+                display: none;
+                cursor: pointer;
+            }
+
+            &:hover {
+                .edit {
+                    display: block;
+                }
+            }
+
+            .my-delivery {
+                display: flex;
+                align-items: center;
+                font-style: normal;
+
+                span {
+                    display: block;
+                    margin-left: 3px;
+
+                }
+
+                i {
+                    font-style: normal;
+                    margin-left: 3px;
+                    display: block;
+                }
+            }
+
+            .per-delivery {
+                span {
+                    color: #666666;
+                    display: block;
+                    margin-top: 5px;
+                }
+            }
+        }
+    }
+
+
+    .rc-usermain {
+        display: flex;
+        padding: 20px 0;
+
+        .rc-image {
+            border: 1px solid #d8d8d8;
+            margin-right: 20px;
+
+            img {
+                width: 96px;
+                height: 96px;
+                display: block;
+            }
+        }
+
+        .rc-right {
+            .rc-usercenter {
+                display: flex;
+                justify-content: center;
+                flex-direction: column;
+
+                h3,
+                .price {
+                    font-style: normal;
+                    display: block;
+                    font-size: 18px;
+                    font-weight: bold;
+                    margin-top: 17px;
+                    color: #e1001a;
+                }
+            }
+
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+        }
+
+        .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: 60%;
+            justify-content: space-between;
+            align-items: center;
+
+            .price {
+                font-style: normal;
+                color: #e1001a;
+                font-size: 20px;
+                font-weight: bold;
+            }
+
+        }
+    }
+
+    .rc-merchandise {
+
+        padding: 15px 0;
+
+        &::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+
+        ul {
+            width: 25%;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            line-height: 40px;
+            float: right;
+
+            i {
+                font-style: normal;
+                color: #666666;
+            }
+
+            li {
+                list-style: none;
+                font-style: normal;
+                display: flex;
+                justify-content: space-between;
+
+                span {
+                    color: #333333;
+                }
+            }
+
+            li .red {
+                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;
+            }
+        }
+    }
+}
+.diallog_width{
+    width: 100%;
+    max-width: 440px;
+}
+.el-dialog{
+    width: 100%;
+}
+//手机端
+@media screen and (max-width: 768px) {
+ 
+    .diallog_width{
+        width: 100%;
+        
+    }
+    .rc-main {
+        .address-list {
+            display: contents;
+
+            .mypersonal {
+                width: 100%;
+                height: auto;
+            }
+        }
+        .rc-usermain {
+            .rc-right { display: table}
+        }
+        .rc-merchandise{
+            padding: 15px 0 120px;
+            ul{
+                float: none;
+                width: 100%;
+            }
+        }
+        .rc-foot{
+            .rc-foo{
+                display: flex;
+    justify-content: space-around;
+    flex-direction: row;
+    align-items: self-end;
+    position: fixed;
+    bottom: 0;
+    background: #fff;
+    width: 100%;
+    padding: 10px;
+            }
+        }
+    }
+    
+}
\ No newline at end of file
diff --git a/rc-busness/pages/personal/settlement.vue b/rc-busness/pages/personal/settlement.vue
index 878947ec..a6ee2015 100644
--- a/rc-busness/pages/personal/settlement.vue
+++ b/rc-busness/pages/personal/settlement.vue
@@ -1,168 +1,145 @@
 <template>
-  <div>
+  <div class="settlement">
     <Myheader></Myheader>
-     <tabs></tabs>
- <div class="online"></div>
- 
-      <div class="rc-main"  v-for="(item,index) in goldmedal" :key="index" >
-        <div class="rc-border"></div>
+
+    <div class="rc-main">
+      <tabs></tabs>
+
+      <div class="address-list">
         <div
           class="mypersonal"
-          v-for="(dataaddress, index) in useraddress"
+          v-for="(item, index) in useraddress"
           :key="index"
+          :class="item.isDefault ? 'active' : ''"
+          @click="selectAddress(item)"
         >
+          <div class="edit" @click="editAddress(item)">
+            <i class="el-icon-edit"></i>编辑
+          </div>
           <div class="my-delivery">
-            <span>{{ dataaddress.state }}</span>
-            <i>{{ dataaddress.tel }}</i>
+            <span>{{ item.recipient }}</span>
+            <i>{{ item.recipientPhone }}</i>
           </div>
           <div class="per-delivery">
-            <span>{{ dataaddress.address }}</span>
+            <span>{{ item.address }}</span>
           </div>
-     
         </div>
-             <div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
-        <div>
-        <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>
-                <div class="rc-userright">
-                  <span>规格:{{ item.num }}</span>
-                </div>
-              </div>
-              <div class="rc-userbottom">
-                <span>数量:{{ item.specification }}件</span>
-                <i>￥{{ item.userprice }}</i>
-                 <div class="rc-bottom">
-            <span>联系客服申请售后</span>
+        <div class="mypersonal">
+          <div
+            class="my-delivery"
+            @click="addAddress"
+            style="justify-content: center"
+          >
+            <i class="el-icon-plus"></i>
+            <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-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 class="rc-button">
-        <div class="rc-left">
-            <span>总计：</span>
-           <em>￥167.00</em>
-        </div>
-        <strong ref="rccolor"  @click="jiesuan">结算</strong>
-
     </div>
+    <div class="rc-contline"></div>
+    <div class="rc-main" v-for="(item, index) in goldmedal" :key="index">
+      <div class="rc-usermain">
+        <div class="rc-image">
+          <img :src="item.productImg" alt="" />
+        </div>
+        <div class="rc-right">
+          <div class="rc-usercenter">
+            <h3>{{ item.productName }}</h3>
+            <p>规格:{{ item.specifications }}</p>
+          </div>
+          <div class="rc-userbottom">
+            <p>￥{{ item.productPrice }}</p>
+            <p>X{{ item.buyCount }}</p>
+            <p class="price">￥{{ item.productPrice }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="rc-contline"></div>
+    <div class="rc-main">
+      <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 class="red">{{ sumPrice }}</i>
+          </li>
+          <li>
+            <span>配送费用:</span>
+            <i class="red">{{ shopprice.payment }}</i>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="rc-contline"></div>
+    <div class="rc-main">
+      <div class="rc-foot">
+        <div class="rc-foo">
+          <div>
+            <i>合计金额:</i>
+            <em>{{ sumPrice }}</em>
+          </div>
+          <div style="font-weight: bold">
+            <span @click="jiesuan()">提交订单</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog :visible.sync="dialogAdd" class="diallog_width" width="'100%">
+      <div class="tc dl_cont" v-if="dialogAdd">
+        <!-- <myAddress
+          @isClose="dialogCtrl"
+          :editAddressData="editAddressData"
+        ></myAddress> -->
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import Myheader from "~/components/header.vue";
-  import {userin} from "../../ajax/getData";
-  import tabs from "@/components/tabs.vue";
+import { userin, memberAddress, generateOrderWX } from "../../ajax/getData";
+import tabs from "@/components/tabs.vue";
+// import myAddress from "../address/address.vue";
+import itemMixin from "../../../smart-admin-web/src/components/main/components/side-menu/item-mixin";
 export default {
-     middleware: 'metaTitle',
-  meta: {title: '订单结算'},
+  middleware: "metaTitle",
+  meta: { title: "订单结算" },
   data() {
     return {
-      goldmedal:[],
+      goldmedal: [],
       addressstype: null,
-      orderstatus: '',
-      userisdelivery:'待收货',
+      orderstatus: "",
+      userisdelivery: "待收货",
       userdelivery: "派送中",
-      isshow:true,
+      isshow: true,
       leftico: require("../../assets/image/rc-left.png"),
-      orderNumber:'',
-
-    //   delivery: [
-    //     {
-    //       state: "派送中",
-    //       time: "2021-11-21",
-    //       address: "广州天河—刘某某【15124617917】正在派送中",
-    //     },
-    //   ],
-
+      orderNumber: "",
+      dialogAdd: false,
+      editAddressData: {},
+      curAddress: {},
+      saveType: "",
       useraddress: [
-        {
-          state: "李某某",
-          tel: "15124117917",
-          address: "广东省 广州市 天河区 天河客运站118号",
-        },
-           {
-          state: "李某某",
-          tel: "15124117917",
-          address: "广东省 广州市 天河区 天河客运站118号",
-        },
-           {
-          state: "李某某",
-          tel: "15124117917",
-          address: "广东省 广州市 天河区 天河客运站118号",
-        },
-           {
-          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"),
-        },
+        // {
+        //   state: "李某某",
+        //   tel: "15124117917",
+        //   address: "广东省 广州市 天河区 天河客运站118号",
+        //   isdefault: true,
+        // },
+        // {
+        //   state: "李某某",
+        //   tel: "15124117917",
+        //   address: "广东省 广州市 天河区 天河客运站118号",
+        //   isdefault: false,
+        // },
       ],
       shopprice: {
         price: "标准快递",
@@ -170,49 +147,177 @@ export default {
         promotion: "￥167.00",
         payment: "￥0.00 ",
       },
-      information: {
-        reference: "1111111111111111",
-        ordertime: "2012-12-01    11:20:00",
-        paymentmethod: "微信支付",
-        distribution: "快递",
-        trackingnumber: "11111111111111",
-         catimage: require("../../assets/image/rc-left.png"),
-      },
     };
   },
+  computed: {
+    // 总价计算
+    sumPrice() {
+      return this.goldmedal.reduce((pre, cur) => {
+        console.log(pre);
+        return pre + cur.buyCount * cur.productPrice;
+      }, 0);
+    },
+  },
   methods: {
-jiesuan(){
-  //  let userdata=this.$route.query.wxdata
+    async getAddressList() {
+      let memberId = JSON.parse(localStorage.getItem("userInfo")).data.id;
+      let { data } = await memberAddress("getAll", { memberId: memberId });
+      data.forEach((item) => {
+        item.address =
+          item.provinceName +
+          item.cityName +
+          item.districtName +
+          item.detailAddress;
+      });
+      this.useraddress = data;
+    },
+    editAddress(item) {
+      this.editAddressData = {
+        memberId: item.memberId,
+        name: item.recipient,
+        tel: item.recipientPhone,
+        detailAddress: item.detailAddress,
+        id: item.id,
+        city: item.cityName,
+        districtId: item.districtName,
+        saveType: "edit",
+      };
+      this.dialogAdd = true;
+    },
+    addAddress() {
+      this.editAddressData = {};
+      this.dialogAdd = true;
+    },
+    selectAddress(cur) {
+      this.useraddress.forEach((item) => {
+        if (item.id == cur.id) {
+          item.isDefault = true;
+        } else {
+          item.isDefault = false;
+        }
+      });
+    },
+    dialogCtrl(parm) {
+      this.dialogAdd = parm;
+      this.getAddressList();
+    },
+    async jiesuan() {
+      let orderAddress = this.useraddress.filter((item) => item.isDefault);
+      let postData = [];
+      this.goldmedal.forEach((item) => {
+        let oneProduct = {
+          productName: item.productName,
+          buyCount: item.buyCount,
+          productId: item.productCode,
+          payAmount: item.productPrice,
+          memberId: item.memberId,
+          phoneNumber: item.mobile,
+          // couponId: "NGQ2022P12",
+          // couponTypeId: "4",
+          // couponName: "内购券",
+          // couponAmount: "0.3175",
+          // couponCode: "0007792402",
+          orderAddress: {
+            addressPhoneNumber: orderAddress[0].recipientPhone,
+            addressUserName: orderAddress[0].recipient,
+            addressProvinceName: orderAddress[0].provinceName,
+            addressCityName: orderAddress[0].cityName,
+            addressCountyName: orderAddress[0].districtName,
+            addressDetailInfo: orderAddress[0].detailAddress,
+          },
+        };
+        postData.push(oneProduct);
+      });
+      // let postData = [
+      //   {
+      //     productName: this.goldmedal.productName,
+      //     buyCount: "2",
+      //     productId: "20030200",
+      //     payAmount: "147.00",
+      //     memberId: "844350",
+      //     phoneNumber: "18112621098",
+      //     couponId: "NGQ2022P12",
+      //     couponTypeId: "4",
+      //     couponName: "内购券",
+      //     couponAmount: "0.3175",
+      //     couponCode: "0007792402",
+      //     orderAddress: {
+      //       addressPhoneNumber:orderAddress[0].recipientPhone,
+      //       addressUserName:orderAddress[0].recipient,
+      //       addressProvinceName: orderAddress[0].provinceName,
+      //       addressCityName:orderAddress[0].cityName,
+      //       addressCountyName: orderAddress[0].districtName,
+      //       addressDetailInfo: orderAddress[0].detailAddress,
+      //     },
+      //   },
+      //   // {
+      //   //   productName: "幼猫全价粮",
+      //   //   buyCount: "2",
+      //   //   productId: "20030200",
+      //   //   payAmount: "147.00",
+      //   //   memberId: "844350",
+      //   //   phoneNumber: "18112621098",
+      //   //   couponId: "NGQ2022P12",
+      //   //   couponTypeId: "4",
+      //   //   couponName: "内购券",
+      //   //   couponAmount: "0.3175",
+      //   //   couponCode: "0007792402",
+      //   //   orderAddress: {
+      //   //     addressPhoneNumber: "13602898745",
+      //   //     addressUserName: "张三",
+      //   //     addressProvinceName: "江苏省",
+      //   //     addressCityName: "无锡市",
+      //   //     addressCountyName: "江阴市",
+      //   //     addressDetailInfo: "东苑一村",
+      //   //   },
+      //   // },
+      // ];
+      let res = await generateOrderWX(postData);
+      if (res.success) {
+        let userPayData = {
+          orderId: res.data,
+          userprice: postData[0].payAmount,
+          userinformation:
+            postData[0].orderAddress.addressUserName +
+            " " +
+            postData[0].orderAddress.addressPhoneNumber,
+          wxPay: "weixin://wxpay/bizpayurl?pr=4RJbokxzz",
+        };
         this.$router.push({
-        path: "/personal/userpay",
-           query: {
-          wxdata:userdata
-        },
-       
-      });  
-},
-    async canceldanhao(orderNumber){
- let data=await userin(orderNumber);
- console.log(data);
-//  this.goldmedal=data;
- console.log(this.goldmedal);
-},
+          path: "/personal/userpay",
+          query: {
+            userPayData:JSON.stringify(userPayData),
+          },
+        });
+      }
+    },
+    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.$refs.rccolor)
-  this.$refs.rccolor.style.background='gray';
+    this.goldmedal = JSON.parse(this.$route.query.list);
+    console.log(this.$route);
+    this.getAddressList();
+    // this.addressstype = this.$route.query.stype;
+    // this.orderNumber = this.$route.query.orderNumber;
+    // this.canceldanhao(this.orderNumber);
+    // console.log(this.$refs.rccolor);
+    // this.$refs.rccolor.style.background = "gray";
   },
   components: {
     Myheader,
-    tabs
+    tabs,
+    // myAddress,
   },
 };
 </script>
 
 <style lang="less" scoped>
+@import "./settlement.less";
 @import url("../../assets/css/global.less");
-@import url("../../assets/css/settlement.less");
+// @import url("../../assets/css/settlement.less");
 </style>
\ No newline at end of file
diff --git a/rc-busness/pages/personal/userpay.vue b/rc-busness/pages/personal/userpay.vue
index a3070243..6122d45f 100644
--- a/rc-busness/pages/personal/userpay.vue
+++ b/rc-busness/pages/personal/userpay.vue
@@ -1,578 +1,303 @@
 <template>
-  <div>
+  <div class="page_modules">
     <Myheader></Myheader>
-    <div class="rc-main">
-      <div class="online" style="height:3px;width:93%;margin:0 auto;background:#DDDDDD;margin-top:0.23rem"></div>
-      <div class="rc-hearder">
-        <div class="rc-userpay">
-         <div class="paysucess">
-          <span>订单提交成功等待付款</span>
-
-         </div>
-                   <div class="rc-all">
-          <div class="rc-payprice">
-            <span>付款金额:</span>
-            <i>{{ userprice }}</i>
+    <div class="cont_modules">
+      <tabs></tabs>
+      <el-row class="order_info">
+        <el-col :span="6" class="ph_hidden">
+          <ul class="li_inline">
+            <li class="sucess_img">
+              <img src="../../assets/image/usersucess.png" alt="" />
+            </li>
+            <li class="ready">
+              <p>订单提交成功</p>
+              <p>等待付款</p>
+            </li>
+          </ul>
+        </el-col>
+        <el-col :span="12" class="ph_hidden">&nbsp;</el-col>
+        <el-col :span="6" class="ready_right">
+          <div class="inline_right">
+            <p>付款金额:</p>
+            <p class="price">{{ userPayData.userprice }}</p>
           </div>
-          <div class="rc-receiving">
-            <span>收货信息:</span>
-            <i>{{ userinformation }}</i>
+          <div class="inline_right">
+            <p>收货信息:</p>
+            <p>{{ userPayData.userinformation }}</p>
           </div>
-          </div>
-          <div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
-          <div class="rc-usermaina">
-    <div class="rc-title" id="qrcode" ref="qrcode" >
-     </div> 
-     </div>
-
-        </div>
-        <div class="rc-paystype">
-          <span>请选择支付方式</span>
-        </div>
-
- <div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
-        <div class="paystype">
-          <div
-            class="payAlipay"
+        </el-col>
+      </el-row>
+    </div>
+    <div class="rc_contline"></div>
+    <div class="cont_modules">
+      <div class="pay_title color_red">请选择支付方式</div>
+    </div>
+    <div class="rc_contline"></div>
+    <div class="cont_modules">
+      <div class="pay_list">
+        <ul>
+          <li
+            class="pay_item"
             v-for="(item, index) in userpaystype"
             :key="index"
             @click="selectGoods(item, index)"
-            :class="activeIndex == index ? 'active' : 'unactive'"
+            :class="activeIndex == index ? 'active' : ''"
           >
-            <div class="rc-payype">
-              <img :src="item.payimage" alt="" />
-              <span>{{ item.price }}</span>
-            </div>
-            <div class="user-righticon">
-                <img src="../../assets/image/rc-left.png" alt="" />
-                </div>
-          </div>
+            <img :src="item.payimage" alt="" />
+            <span>{{ item.paytype }}支付</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="paycord">
+      <div id="qrcode" ref="qrcode" class="qrcode"></div>
+      <span>{{ paytype }}扫一扫立即支付</span>
+    </div>
+
+    <el-dialog :visible.sync="dialogSuccess" @close="closeDialogSuccess">
+      <div class="tc dl_cont">
+        <div class="dl_img">
+          <img src="../../assets/image/usersucess.png" alt="" />
+        </div>
+        <h3 class="title">支付成功</h3>
+        <p>您的商品我们正在抓紧打包，请耐心等候！</p>
+        <div class="line_dashed"></div>
+        <div class="userer">
+          <img
+            width="210"
+            height="210"
+            src="../../assets/image/rc-discount.png"
+            alt=""
+          />
+          <p>微信扫一扫，识别二维码</p>
+          <p class="tips">加入社群0元试用商品随单发放</p>
         </div>
       </div>
-
-  
-      <div class="paycord" @click="usershow()" id="qrcode" ref="qrcode">
-         <!-- <img src="../../assets/image/rc-discount.png" alt="" />
-          <span>微信扫一扫立即支付</span> -->
+    </el-dialog>
+    <el-dialog :visible.sync="dialogFail" @close="closeDialogFail">
+      <div class="tc dl_cont">
+        <div class="dl_img">
+          <img src="../../assets/pay/fail.png" alt="" />
+        </div>
+        <h3 class="title">支付失败</h3>
+        <p>请返回商品结算页面重新支付</p>
       </div>
-    </div>
-
-    
-  
-    <el-dialog
-    :visible.sync="dialogInfo1"
-    hegight="700px"
-@close='closeDialog'
-  >
-
-    <div class="rc-header">
-      <div class="rc-titled" >
-     <img src="../../assets/image/usersucess.png" alt="">
-     </div> 
-       <div class="rc-logmain">
-            <h3>支付成功</h3>
-            <span>{{usermessage}}</span>
-
-       </div>
-
-       <div class="userer">
-
-         <img src="../../assets/image/rc-discount.png" alt="">
-         <span>微信扫一扫，识别二维码</span>
-         <i>加入社群0元试用商品随单发放</i>
-       </div>
-    </div>
-
-
-  </el-dialog>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import Myheader from "~/components/header.vue";
-import QRCode from 'qrcodejs2'
-import { generateOrderWX } from "../../ajax/getData";
+import tabs from "@/components/tabs.vue";
+// import QRCode from "qrcodejs2";
+
+import { generateOrderAlipay, updateOrderWX } from "../../ajax/getData";
 export default {
   data() {
     return {
-      userdata:null,
-        activeIndex: 0,
-        usermessage:'您的商品我们正在抓紧打包，请耐心等候！',
-      userprice: "￥167.00",
-      userinformation: "李某某  151****7917",
+      activeIndex: 0,
+      isSucess: false,
+      paytype: "微信",
       userpaystype: [
         {
-          price: "支付宝支付",
-          payimage: require("../../assets/image/rc-cat.png"),
-          catimage: require("../../assets/image/rc-left.png"),
+          paytype: "微信",
+          payimage: require("../../assets/pay/wx.png"),
         },
         {
-          price: "微信支付",
-          payimage: require("../../assets/image/rc-cat.png"),
-          catimage: require("../../assets/image/rc-left.png"),
+          paytype: "支付宝",
+          payimage: require("../../assets/pay/zfb.png"),
         },
       ],
-           dialogInfo1:false,
+      dialogSuccess: true,
+      dialogFail: false,
+      userPayData: {},
     };
   },
+  computed: {},
   mounted() {
-       this.userdata=this.$route.query.wxdata;
-       this.userpay(this.userdata);
-       console.log(this.userdata);
-    this.$nextTick(() => {
-
-this.userpay();
-})
+    this.userPayData = JSON.parse(this.$route.query.userPayData);
+    // this.qrcode(this.userPayData.wxPay);
   },
   methods: {
-
-closeDialog(){
-  this.qrcode=null;
-  console.log('关闭的')
-},
-
-        async userpay(userdata) {
-             
-      console.log("-----");
-      let data = await generateOrderWX();
-      console.log();
-                this.qrcode(userdata);
+    closeDialogSuccess() {
+      this.qrcode = null;
+      // this.$router.push({
+      //   path: "/index",
+      // });
     },
-    qrcode (e) {
-      console.log(e);
-let qrcode = new QRCode('qrcode',{
-width: 150, // 设置宽度，单位像素
-height: 150, // 设置高度，单位像素
-text: e// 设置二维码内容或跳转地址
-})
-
-},
-      selectGoods(item,index){
-        let _that=this
-        _that.dialogInfo1=true;
-          _that.activeIndex=index;
-          if(item.price=='微信支付'){
-          // this.userpay();
-
-          }
-      },
-      usershow(){
-      console.log('这是支付')        
-          this.dialogInfo1=true;
+    closeDialogFail() {
+      this.qrcode = null;
+      // this.$router.push({
+      //   path: "/personal/useraddress",
+      // });
+    },
+    qrcode(e) {
+      let qrcode = new QRCode("qrcode", {
+        width: 260, // 设置宽度，单位像素
+        height: 260, // 设置高度，单位像素
+        text: e, // 设置二维码内容或跳转地址
+      });
+    },
+    async selectGoods(item, index) {
+      this.activeIndex = index;
+      this.paytype = item.paytype;
+      if (index == 1) {
+        //支付宝
+        let res = await generateOrderAlipay(this.userPayData.orderId);
+        if (res.success) {
+          this.qrcode(res.data);
+        }
       }
+    },
+    //支付监听
+    async updateOrderWX() {
+      let res = await updateOrderWX();
+      if (res.success) {
+        this.dialogSuccess = true;
+        clearInterval(this.time);
+      } else {
+        this.dialogFail = true;
+        clearInterval(this.time);
+      }
+    },
   },
   components: {
     Myheader,
+    tabs,
   },
 };
 </script>
 
 <style lang="less" scoped >
-@media screen and (max-width: 768px) {
-
-  .rc-usermaina{
-         width: 100%;
-         display: flex;
-         align-items: center;
-         justify-content: center;
-         display: none;
-  }
-  .rc-userpay{
-    display: none;
-  }
-      /deep/.el-dialog {
- width:80%;
- height: 500px;
+.sucess_img {
+  width: 96px;
+  height: 96px;
+  margin-right: 10px;
 }
-  .rc-header{
- display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    h3{
-      color:#333333;
-      font-size: 26px;
-    }
-  .rc-title{
+.order_info {
+  padding: 10px 0;
+}
+.info {
+  display: flex;
+  justify-content: space-between;
+}
+.ready {
+  font-size: 20px;
+  color: #e2001a;
+}
+.ready_right {
+  line-height: 200%;
+  padding-top: 8px;
+}
+.price {
+  font-size: 20px;
+  color: #e2001a;
+}
+.pay_title {
+  font-size: 26px;
+  padding: 26px 0;
+  border-bottom: 1px solid #d7d7d7;
+}
+.pay_list {
+  padding: 20px 0;
+  .pay_item {
+    float: left;
+    margin-right: 20px;
     display: flex;
-    margin-top: 30px;
-    display: none;
-     img{
-       width: 96px;
-       height: 96px;
-       margin-left: 40px;
-
-     }
-  }
-   .rc-titled{
-     img{
-       width: 96px;
-       height: 96px;
-
-     }
-  }
-  .userer{
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    img{
-      width: 96px;
-      height: 96px;
-      display: flex;
     justify-content: center;
-    flex-direction: column;
-
-    } 
-
-    span{
-        font-size: 16px;
-
-color: #333333;
+    border: 1px solid #333333;
+    padding: 5px 20px;
+    cursor: pointer;
+    &.active {
+      border: 1px solid #e2001a;
+      color: #e2001a;
     }
-    i{
-        font-size: 18px;
-          font-style: normal;
-           display: block;
-           margin-top: 32px;
-color: #E1001A;
+    img {
+      margin-right: 5px;
+      width: 24px;
+      height: 24px;
     }
   }
-}
-  .rc-main {
-    width: 100%;
-    margin-top: 24%;
-    .paysucess{
-        display: none;
-    }
-    .paycord{
-        display: none;
-    }
-    .rc-hearder {
-      width: 93%;
-      margin: 0 auto;
-      i em {
-        font-style: normal;
-      } 
-      .rc-userpay {
-        width: 100%;
-        // height: 96px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        .rc-all{
-          height: 96px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-          // display: none;
-        }
-        .rc-payprice {
-          display: flex;
-          justify-content: space-between;
-          span {
-            font-size: 14px;
-
-            color: #333333;
-          }
-          i {
-            font-size: 14px;
-            font-style: normal;
-
-            color: #e1001a;
-          }
-        }
-        .rc-receiving {
-          margin-top: 8px;
-          display: flex;
-          justify-content: space-between;
-          span {
-            font-size: 14px;
-
-            color: #333333;
-          }
-          i {
-            font-style: normal;
-            color: #666666;
-            font-size: 14px;
-          }
-        }
-
-        strong {
-          font-size: 16px;
-          display: block;
-          margin-top: 53px;
-          color: #e1001a;
-        }
-      }
-
-      .rc-paystype {
-             height:64px;
-             display: flex;
-             align-items: center;
-        span {
-          font-size: 16px;
-
-          color: #e1001a;
-        }
-      }
-
-      .payAlipay {
-          .user-righticon{
-              display: flex;
-              align-items: center;
-              img{
-                 width: 8px;
-          height: 16px;
-              }
-          }
-        display: flex;
-        justify-content: space-between;
-        height: 80px;
-        border-bottom: 1px solid #d8d8d8;
-        .rc-payype {
-          display: flex;
-          align-items: center;
-          img {
-            width: 32px;
-            height: 32px;
-            border-radius: 50%;
-          }
-
-          span {
-            color: #333333;
-            font-size: 14px;
-            margin-left: 16px;
-          }
-        }
-     
-     
-      }
-    }
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1920px) {
-    .rc-usermaina{
-         width: 100%;
-         display: flex;
-         align-items: center;
-         justify-content: center;
-         display: block;
-  }
-
-    /deep/.el-dialog {
- width: 440px;
- height: 677px;
-}
-.rc-header{
- display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    h3{
-      color:#333333;
-      font-size: 26px;
-    }
-    .rc-titled{
-       img{
-       width: 96px;
-       height: 96px;
-
-     }
-    }
-  
-  .rc-title{
-    position: absolute;
-    left: 50%;
-    margin-left: -75px;
+  &::after {
+    content: "";
     display: block;
-    top: 59%;
-     img{
-       width: 96px;
-       height: 96px;
-
-     }
-  }
-  .userer{
-    img{
-      width: 210px;
-      height: 210px;
-      display: flex;
-    justify-content: center;
-    flex-direction: column;
-
-    } 
-
-    span{
-        font-size: 16px;
-
-color: #333333;
-    }
-    i{
-        font-size: 18px;
-          font-style: normal;
-           display: block;
-           margin-top: 32px;
-color: #E1001A;
-    }
+    clear: both;
   }
 }
-.rc-main {
-      .active {
-  border: 1px solid #E2001A;
-  cursor: pointer;
-    width: 200px;
-           height: 56px;
-          
+.paycord {
+  padding: 10px;
+  text-align: center;
+  .qrcode {
+    margin: 0 auto 10px;
+    width: 260px;
+    height: 260px;
+  }
 }
-.unactive {
-   border:1px solid #3D3D3D;
-  cursor: pointer;
-      width: 200px;
-           height: 56px;
+.dl_width {
+  width: 440px;
 }
-    width: 100%;
-    .rc-hearder {
-      width: 93%;
+.dl_cont {
+  color: #333;
+  margin-top: -10px;
+  .title {
+    font-size: 26px;
+    font-weight: bold;
+    padding-bottom: 10px;
+  }
+  .line_dashed {
+    border-bottom: 2px dashed #999999;
+    margin: 10px 0;
+  }
+  .dl_img {
+    img {
+      width: 90px;
+      height: 90px;
       margin: 0 auto;
-      i em {
-        font-style: normal;
-      }
-      .rc-userpay {
-        width: 100%;
-        height: 96px;
-        // display: flex;
-        // justify-content: space-between;
-      .paysucess{
-        
-          display: flex;
-          align-items: center;
-          span{
-              font-size: 20px;
-                 display: block;
-                 width: 61%;
-color: #E2001A;
-          }
-      }
-    .rc-all{
-        display: flex;
-    flex-direction: column;
-    justify-content: center;
     }
-        .rc-payprice {
-          display: flex;
-          justify-content: flex-end;
-          span {
-            font-size: 16px;
-
-            color: #333333;
-          }
-          i {
-            font-size: 16px;
-            font-style: normal;
-
-            color: #e1001a;
-          }
-        }
-        .rc-receiving {
-          margin-top: 8px;
-          display: flex;
-        justify-content: flex-end;
-          span {
-            font-size: 16px;
-
-            color: #333333;
-          }
-          i {
-            font-style: normal;
-            color: #666666;
-            font-size: 16px;
-          }
-        }
-
-        strong {
-          font-size: 16px;
-          display: block;
-          margin-top: 53px;
-          color: #e1001a;
-        }
-      }
-     .paystype{
-    display: flex;
-    align-items: center;
-        
-
-}
-      .rc-paystype {
-           height: 100px;
-    display: flex;
-    align-items: center;
-        span {
-          font-size: 26px;
-
-          color: #E2001A;
-        }
-    
-      }
-
-      .payAlipay {
-         
-           margin-left: 20px;
-          .user-righticon{
-                display: none;
-           
-              img{
-                 width: 8px;
-          height: 16px;
-              }
-          }
-        display: flex;
-        justify-content: space-between;
-        height: 56px;
-
-        .rc-payype {
-         display: flex;
-    align-items: center;
-    font-size: 16px;
-    color: #E2001A;
-    justify-content: center;
-    width: 100%;
-          img {
-            width: 32px;
-            height: 32px;
-            border-radius: 50%;
-          }
-
-          span {
-         
-            margin-left: 16px;
-          }
-        }
-     
-     
-      }
-    }
-
-    .paycord{
-       width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-        img{
-            width: 260px;
-            height: 260px;
-            display: block;
-        }
-        span{
-           font-size: 20px;
-      display: block;
-color: #333333; 
-
-
-        }
+    padding: 0px 0 20px;
+  }
+  .userer {
+    img {
+      margin: 0 auto;
     }
   }
-
-
+  .tips {
+    color: #e2001a;
+    margin-top: 30px;
+    font-size: 18px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .ph_hidden {
+    display: none;
+  }
+  .ready_right {
+    width: 100%;
+    padding: 10px;
+  }
+  .pay_title {
+    padding: 10px;
+  }
+  .pay_list {
+    padding: 0;
+    .pay_item {
+      float: none;
+      border: none;
+      border-bottom: 1px solid #d7d7d7;
+      height: 50px;
+      margin-right: 0;
+      align-items: center;
+      justify-content: left;
+      justify-content: left;
+      &.active {
+        border: none;
+        border-bottom: 1px solid #d7d7d7;
+      }
+    }
+  }
+  .paycord {
+    display: none;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/rc-busness/pages/productdetails/productlist.vue b/rc-busness/pages/productdetails/productlist.vue
index b5e66b0f..862c457d 100644
--- a/rc-busness/pages/productdetails/productlist.vue
+++ b/rc-busness/pages/productdetails/productlist.vue
@@ -516,12 +516,12 @@ export default {
         this.$refs.userstandard[0].style.margin = 0 + "px";
       });
     this.userst();
-    this.activeIndex = stype;
-    if (stype !== "" && stype !== undefined) {
-      this.onmessage(stype);
-    } else {
-      this.usetmessage();
-    }
+    // this.activeIndex = stype;
+    // if (stype !== "" && stype !== undefined) {
+    //   this.onmessage(stype);
+    // } else {
+    //   this.usetmessage();
+    // }
   },
   methods: {
     async usersearch(stype, usertype) {
diff --git a/rc-busness/pages/useraddress/openaddress.vue b/rc-busness/pages/useraddress/openaddress.vue
index e618473d..7a038389 100644
--- a/rc-busness/pages/useraddress/openaddress.vue
+++ b/rc-busness/pages/useraddress/openaddress.vue
@@ -1,12 +1,8 @@
 <template>
 <div>
-<Myheader></Myheader>
-   <div class="rc-top"></div>
-   <div class="online bold"></div>
-    <div class="usercontshow rc-max-width--xl">
- <div class="usercontend" v-for="(item, index) in list" :key="index">
-  <div class="usercontshow usermain" >
-    <div class="rc-cat" >
+    <Myheader></Myheader>
+  <div class="usermain">
+    <div class="rc-main" v-for="(item, index) in list" :key="index">
         <div class="rc-center">
       <div class=" rc-title">
         <em>
@@ -23,7 +19,7 @@
       </div>
       <div class="rc-footer">
         <div class="rc-foot">
-          <img :src="item.isDefault?require('../../assets/image/userred.png'):require('../../assets/image/userselect.png')" @click="changeadddress(item,index)"/>
+           <img :src="item.isDefault?require('../../assets/image/userred.png'):require('../../assets/image/userselect.png')" @click="changeadddress(item,index)"/>
           <span>设置为默认收货地址</span>
 
         </div>
@@ -33,36 +29,20 @@
         </div>
       </div>
     </div>
-      
- 
-    </div>
-      
-  </div>
-   <div class="online bold rc-md-down"></div>
-  <!-- <div class="usercontend useradd">
-      <img src="../../assets/image/userselect.png" alt="">
-      <span>添加收货地址</span>
-  </div> -->
-  
- </div>
- 
-    <div class="usercontshow useredit">
 
-      <img src="../../assets/image/userselect.png" alt="">
-      <span>添加收货地址</span>
+ 
     </div>
+  </div>
      <div class="rc-button">
       <div class="rc-footbutton" @click="onAdd()">
         <span>新增收货地址</span>
       </div>
     </div>
-
   </div>
-    <MyFooter></MyFooter>
-</div>
 </template>
 
 <script>
+
 import Myheader from '~/components/header.vue' 
 import MyFooter from '~/components/rc-footer.vue'
 export default {
@@ -79,23 +59,29 @@ export default {
           tel: "13000000000",
           address: "浙江省杭州市西湖区文三路 138 号",
           isDefault: true,
+
         },
         {
           id: 2,
           name: "李四",
           tel: "1310000000",
+          isDefault: false,
           address: "浙江省杭州市拱墅区莫干山路 50 号",
         },
            {
           id: 3,
           name: "李四",
           tel: "1310000000",
+          isDefault: false,
           address: "浙江省杭州市拱墅区莫干山路 50 号",
         },
       ],
     };
   },
   methods: { 
+    changeadddress(item,index){
+      console.log(item)
+    },
     onEdit(item, index) {
       // let userid = item.id;
       console.log(item);
@@ -137,8 +123,7 @@ export default {
     // },
   },
   components: {
-   Myheader,
-   MyFooter
+    Myheader,
   },
 
   mounted() {