购物车地址管理

rc-busness/pages/personal/settlement.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="settlement">
     <Myheader></Myheader>
-
+    <div class="rc-main">
     <tabs></tabs>
+    </div>
     <div class="rc_contline"></div>
     <div class="rc-main">
       <div class="address-list">
@@ -110,17 +111,16 @@
       width="'100%"
        title="选择收货地址"
     >
-      <div class="tc dl_cont">
+      <div class="tc dl_cont" style="padding-bottom: 50px;position: relative;">
         <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"
+              ><input type="checkbox" v-model="item.checked" @click="selectPopAddress(item)"
             /></el-col>
             <el-col :span="16" class="tl">
               <div >
@@ -130,9 +130,12 @@
               <p> {{ item.address }}</p>
             </el-col>
             <el-col :span="4">
-              <i class="el-icon-edit"></i>
+              <i  @click="editAddress(item)" class="el-icon-edit"></i>
             </el-col>
           </el-row>
+          <div class="popnewaddr">
+            <span class="btn" @click="addAddress">新增收货地址</span>
+          </div>
         </div>
       </div>
     </el-dialog>
@@ -143,7 +146,7 @@
 import Myheader from "~/components/header.vue";
 import { userin, memberAddress, generateOrderWX } from "../../ajax/getData";
 import tabs from "@/components/tabs.vue";
-import myAddress from "../address/address.vue";
+import myAddress from "~/components/address.vue";
 
 import itemMixin from "../../../smart-admin-web/src/components/main/components/side-menu/item-mixin";
 export default {
@@ -215,8 +218,12 @@ export default {
         tel: item.recipientPhone,
         detailAddress: item.detailAddress,
         id: item.id,
-        city: item.cityName,
-        districtId: item.districtName,
+        cityId: item.cityId,
+        districtId: item.districtId,
+        provinceId:item.provinceId,
+        provinceName: item.provinceName,
+        cityName: item.cityName,
+        districtName: item.districtName,
         saveType: "edit",
       };
       this.dialogAdd = true;
@@ -229,7 +236,20 @@ export default {
       this.useraddress.forEach((item) => {
         if (item.id == cur.id) {
           item.isDefault = true;
+          item.checked=true
         } else {
+           item.checked=false
+          item.isDefault = false;
+        }
+      });
+    },
+    selectPopAddress(cur) {
+      this.useraddress.forEach((item) => {
+        if (item.id == cur.id) {
+          item.isDefault = true;
+          item.checked=true
+        } else {
+           item.checked=false
           item.isDefault = false;
         }
       });