手机端调整

rc-busness/pages/personal/settlement.vue

@@ -2,9 +2,9 @@
   <div class="settlement">
     <Myheader></Myheader>
 
+    <tabs></tabs>
+    <div class="rc_contline"></div>
     <div class="rc-main">
-      <tabs></tabs>
-
       <div class="address-list">
         <div
           class="mypersonal"
@@ -13,6 +13,9 @@
           :class="item.isDefault ? 'active' : ''"
           @click="selectAddress(item)"
         >
+          <div class="arrow_ph" v-if="item.isDefault" @click="popGetList()">
+            <i class="el-icon-arrow-right"></i>
+          </div>
           <div class="edit" @click="editAddress(item)">
             <i class="el-icon-edit"></i>编辑
           </div>
@@ -24,7 +27,7 @@
             <span>{{ item.address }}</span>
           </div>
         </div>
-        <div class="mypersonal">
+        <div class="mypersonal add">
           <div
             class="my-delivery"
             @click="addAddress"
@@ -36,7 +39,7 @@
         </div>
       </div>
     </div>
-    <div class="rc-contline"></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">
@@ -101,6 +104,38 @@
         ></myAddress>
       </div>
     </el-dialog>
+    <el-dialog
+      :visible.sync="dialogPopList"
+      class="diallog_width"
+      width="'100%"
+       title="选择收货地址"
+    >
+      <div class="tc dl_cont">
+        <div class="pop_list">
+          <el-row
+            class="mypersonal"
+            v-for="(item, index) in useraddress"
+            :key="index"
+            :class="item.isDefault ? 'active' : ''"
+            @click="selectAddress(item)"
+          >
+            <el-col :span="4"
+              ><input type="checkbox" v-model="item.checked"
+            /></el-col>
+            <el-col :span="16" class="tl">
+              <div >
+                <p class="inline">{{ item.recipient }}</p>
+                <p class="inline">{{ item.recipientPhone }}</p>
+              </div>
+              <p> {{ item.address }}</p>
+            </el-col>
+            <el-col :span="4">
+              <i class="el-icon-edit"></i>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -125,6 +160,7 @@ export default {
       leftico: require("../../assets/image/rc-left.png"),
       orderNumber: "",
       dialogAdd: false,
+      dialogPopList: false,
       editAddressData: {},
       curAddress: {},
       saveType: "",
@@ -198,6 +234,9 @@ export default {
         }
       });
     },
+    popGetList() {
+      this.dialogPopList = true;
+    },
     dialogCtrl(parm) {
       this.dialogAdd = parm;
       this.getAddressList();
@@ -277,7 +316,7 @@ export default {
       if (res.success) {
         let userPayData = {
           orderId: res.data,
-          userprice: postData[0].payAmount,
+          userprice: this.sumPrice,
           userinformation:
             postData[0].orderAddress.addressUserName +
             " " +
@@ -287,7 +326,7 @@ export default {
         this.$router.push({
           path: "/personal/userpay",
           query: {
-            userPayData:JSON.stringify(userPayData),
+            userPayData: JSON.stringify(userPayData),
           },
         });
       }
@@ -318,7 +357,9 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import "./settlement.less";
+
 @import url("../../assets/css/global.less");
+@import "./settlement.less";
 // @import url("../../assets/css/settlement.less");
+
 </style>