【确认页，选择地址】

1. 功能实现

api/member/address.js

@@ -7,6 +7,11 @@ export function getAddress(id) {
   });
 }
 
+// 获得默认的用户收件地址
+export function getDefaultUserAddress() {
+  return request.get('app-api/member/address/get-default', {});
+}
+
 // 获得用户收件地址列表
 export function getAddressList() {
   return request.get('app-api/member/address/list', {});

api/user.js

@@ -243,40 +243,6 @@ export function userLevelDetection(){
   return request.get('user/level/detection');
 }
 
-/**
- *
- * 地址列表
- * @param object data
-*/
-export function getAddressList(data){
-  return request.get('address/list',data);
-}
-
-/**
- * 设置默认地址
- * @param int id
-*/
-export function setAddressDefault(id){
-  return request.post('address/default/set',{id:id})
-}
-
-/**
- * 修改 添加地址
- * @param object data
-*/
-export function editAddress(data){
-  return request.post('address/edit',data);
-}
-
-/**
- * 删除地址
- * @param int id
- *
-*/
-export function delAddress(id){
-  return request.post('address/del',{id:id})
-}
-
 /**
  * 获取单个地址
  * @param int id

components/addressWindow/index.vue

@@ -3,14 +3,17 @@
 		<view class="address-window" :class="address.address ? 'on' : ''">
 			<view class='title'>选择地址<text class='iconfont icon-guanbi' @tap='close'></text></view>
 			<view class='list'>
-				<view class='item acea-row row-between-wrapper' :class='active==index?"font-color":""' v-for="(item,index) in addressList"
+				<view class='item acea-row row-between-wrapper' :class='active === index?"font-color":""'
-				 @tap='tapAddress(index,item.id)' :key='index'>
+              v-for="(item,index) in addressList" @tap='tapAddress(index,item.id)' :key='index'>
-					<text class='iconfont icon-ditu' :class='active==index?"font-color":""'></text>
+					<text class='iconfont icon-ditu' :class='active===index?"font-color":""' />
 					<view class='address'>
-						<view class='name' :class='active==index?"font-color":""'>{{item.realName}}<text class='phone'>{{item.phone}}</text></view>
+						<view class='name' :class='active==index?"font-color":""'>
-						<view class='line1'>{{item.province}}{{item.city}}{{item.district}}{{item.detail}}</view>
+              {{ item.name }}
+              <text class='phone'>{{ item.mobile }}</text>
             </view>
-					<text class='iconfont icon-complete' :class='active==index?"font-color":""'></text>
+						<view class='line1'>{{ item.areaName }} {{ item.detailAddress }}</view>
+					</view>
+					<text class='iconfont icon-complete' :class='active === index?"font-color":""' />
 				</view>
 			</view>
 			<!-- 无地址 -->
@@ -24,9 +27,7 @@
 </template>
 
 <script>
-	import {
+  import * as AddressApi from '@/api/member/address.js';
-		getAddressList
-	} from '@/api/user.js';
   export default {
 		props: {
 			pagesUrl: {
@@ -49,58 +50,54 @@
 		},
 		data() {
 			return {
-				active: 0,
+				active: 0, // 激活的 addressList 下标
 				is_loading: true,
 				addressList: []
 			};
 		},
 		methods: {
+      /**
+       * 选中某个地址
+       */
 			tapAddress: function(e, addressid) {
 				this.active = e;
-				let a = {};
+				for (let i = 0; i < this.addressList.length; i++) {
-				for (let i = 0, leng = this.addressList.length; i < leng; i++) {
 					if (this.addressList[i].id === addressid) {
-						a = this.addressList[i];
+            this.$emit('OnChangeAddress', this.addressList[i]);
+            break
           }
 				}
-				this.$emit('OnChangeAddress', a);
 			},
 			close: function() {
 				this.$emit('changeClose');
-				this.$emit('changeTextareaStatus');
 			},
 			goAddressPages: function() {
 				this.$emit('changeClose');
-				this.$emit('changeTextareaStatus');
 				uni.navigateTo({
 					url: this.pagesUrl
 				});
 			},
 			getAddressList: function() {
-				let that = this;
+        AddressApi.getAddressList().then(res => {
-				getAddressList({
+					const addressList = res.data;
-					page: 1,
+					this.$set(this, 'addressList', addressList);
-					limit: 5
+					this.is_loading = false;
-				}).then(res => {
+          // 处理默认选中项
-					let addressList = res.data.list;
+					if (!this.address.addressId) {
-					that.$set(that, 'addressList', addressList);
+            return;
-					that.is_loading = false;
+          }
           let defaultAddress = {};
-					//处理默认选中项
+          for (let i = 0; i < addressList.length; i++) {
-					if(!that.address.addressId) return;
+						if (addressList[i].id === this.address.addressId) {
-					for (let i = 0, leng = addressList.length; i < leng; i++) {
+							this.active = i;
-						if (addressList[i].id == that.address.addressId) {
-							that.active = i;
 							defaultAddress = this.addressList[i];
 						}
 					}
-					this.$emit('OnDefaultAddress', defaultAddress);
 				})
 			}
 		}
 	}
 </script>
-
 <style scoped lang="scss">
 	.address-window {
 		background-color: #fff;

pages/users/order_confirm/index.vue

@@ -8,15 +8,16 @@
 					<view class="item font-color" :class="shippingType == 1 ? 'on' : 'on2'" @tap="addressType(1)"
 						v-if='store_self_mention'></view>
 				</view>
-				<view class='address acea-row row-between-wrapper' @tap='onAddress' v-if='shippingType == 0' :style="store_self_mention ? '':'border-top-left-radius: 14rpx;border-top-right-radius: 14rpx;'">
+        <!-- 收货地址的选择 -->
-					<view class='addressCon' v-if="addressInfo.realName">
+				<view class='address acea-row row-between-wrapper' @tap='onAddress' v-if='shippingType === 0'
-						<view class='name'>{{addressInfo.realName}}
+              :style="store_self_mention ? '':'border-top-left-radius: 14rpx;border-top-right-radius: 14rpx;'">
-							<text class='phone'>{{addressInfo.phone}}</text>
+					<view class='addressCon' v-if="addressInfo.name">
+						<view class='name'>{{ addressInfo.name }}
+							<text class='phone'>{{ addressInfo.mobile }}</text>
 						</view>
 						<view class="acea-row">
-							<text class='default font-color'
+							<text class='default font-color' v-if="addressInfo.defaultStatus">[默认]</text>
-								v-if="addressInfo.isDefault">[默认]</text>
+							<text class="line2">{{ addressInfo.areaName }} {{addressInfo.detailAddress}}</text>
-							<text class="line2">{{addressInfo.province}}{{addressInfo.city}}{{addressInfo.district}}{{addressInfo.detail}}</text>	
 						</view>
 					</view>
 					<view class='addressCon' v-else>
@@ -24,6 +25,7 @@
 					</view>
 					<view class='iconfont icon-jiantou'></view>
 				</view>
+        <!-- TODO 芋艿：还在搞 -->
 				<view class='address acea-row row-between-wrapper' v-else @tap="showStoreList">
 					<block v-if="storeList.length>0">
 						<view class='addressCon'>
@@ -84,7 +86,7 @@
 							<view>联系人</view>
 							<view class="discount textR">
 								<input type="text" placeholder="请填写您的联系姓名" placeholder-style="color:#ccc;" placeholder-class="placeholder"
-									@blur='realName'></input>
+									@blur='realName' />
 							</view>
 						</view>
 						<view class="item acea-row row-between-wrapper">
@@ -151,17 +153,20 @@
 			</view>
 		</view>
 		<couponListWindow :coupon='coupon' @ChangCouponsClone="ChangCouponsClone" :openType='openType' @ChangCoupons="ChangCoupons" :orderShow="orderShow"></couponListWindow>
-		<addressWindow ref="addressWindow" @changeTextareaStatus="changeTextareaStatus" :address='address'
+
-			:pagesUrl="pagesUrl" @OnDefaultAddress="OnDefaultAddress"  @OnChangeAddress="OnChangeAddress" @changeClose="changeClose"></addressWindow>
+    <!-- 收货地址的弹窗选择 -->
-		<!-- #ifdef MP -->
+    <addressWindow
-		<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
+      ref="addressWindow"
-		<!-- #endif -->
+      :address='address'
+			:pagesUrl="pagesUrl"
+      @OnChangeAddress="OnChangeAddress"
+      @changeClose="changeClose"
+    />
 		<home></home>
 	</view>
 </template>
 <script>
 	import {
-		//orderConfirm,
 		getCouponsOrderPrice,
 		orderCreate,
 		postOrderComputed,
@@ -169,42 +174,25 @@
 		wechatQueryPayResult,
 		loadPreOrderApi
 	} from '@/api/order.js';
-	import {
+  import * as AddressApi from '@/api/member/address.js';
-		getAddressList,
-		getAddressDetail
-	} from '@/api/user.js';
 	import {
 		openPaySubscribe
 	} from '@/utils/SubscribeMessage.js';
 	import {
 		storeListApi
 	} from '@/api/store.js';
-	import {
-		CACHE_LONGITUDE,
-		CACHE_LATITUDE
-	} from '@/config/cache.js';
 	import couponListWindow from '@/components/couponListWindow';
 	import addressWindow from '@/components/addressWindow';
 	import orderGoods from '@/components/orderGoods';
 	import home from '@/components/home';
-	import {
+	import { toLogin } from '@/libs/login.js';
-		toLogin
+	import { mapGetters } from "vuex";
-	} from '@/libs/login.js';
-	import {
-		mapGetters
-	} from "vuex";
-	// #ifdef MP
-	import authorize from '@/components/Authorize';
-	// #endif
 	export default {
 		components: {
 			couponListWindow,
 			addressWindow,
 			orderGoods,
-			home,
+			home
-			// #ifdef MP
-			authorize
-			// #endif
 		},
 		data() {
 			return {
@@ -225,13 +213,6 @@
 						title: '可用余额:',
 						payStatus: 1,
 					}
-					// {
-					// 	"name": "线下支付", //offlinePayStatu：1开启线下支付；2关闭；offlinePostage：true有邮费
-					// 	"icon": "icon-yinhangqia",
-					// 	value: 'offline',
-					// 	title: '线下支付',
-					// 	payStatus: 1,
-					// },
 				],
 				payType: 'weixin', //支付方式
 				openType: 1, //优惠券打开方式 1=使用
@@ -241,12 +222,7 @@
 					list: [],
 					statusTile: '立即使用'
 				}, //优惠券组件
-				address: {
+
-					address: false,
-					addressId: 0
-				}, //地址组件
-				addressInfo: {}, //地址信息
-				addressId: 0, //地址id
 				couponId: 0, //优惠券id
 				cartId: '', //购物车id
 				userInfo: {}, //用户信息
@@ -259,7 +235,6 @@
 				ChangePrice: 0, //使用积分抵扣变动后的金额
 				formIds: [], //收集formid
 				status: 0,
-				is_address: false,
 				toPay: false, //修复进入支付时页面隐藏从新刷新页面
 				shippingType: 0,
 				system_store: {},
@@ -276,10 +251,7 @@
 				integralRatio: "0",
 				pagesUrl: "",
 				orderKey: "",
-				// usableCoupon: {},
 				offlinePostage: "",
-				isAuto: false, //没有授权的不会自动授权
-				isShowAuth: false, //是否隐藏授权
 				payChannel: '',
 				news: true,
 				again: false,
@@ -290,7 +262,15 @@
 				orderInfoVo: {},
 				addressList: [], //地址列表数据
 				orderProNum: 0,
-				preOrderNo: '' //预下单订单号
+				preOrderNo: '', //预下单订单号
+
+        // ========== 收货地址 ==========
+        addressId: 0, // 页面传递的 param 对应的地址 id
+        addressInfo: {}, // 选中的地址信息
+        address: { // 地址组件
+          address: false, // 是否 addressWindow 展示
+          addressId: 0 // 真正选中的 address 编号，优先级大于 addressId
+        },
       };
 		},
 		computed: mapGetters(['isLogin', 'systemPlatform', 'productType']),
@@ -299,45 +279,39 @@
 				handler: function(newV, oldV) {
 					if (newV) {
 						this.getloadPreOrder();
-						//this.getaddressInfo();
+						this.getaddressInfo();
 					}
 				},
 				deep: true
 			}
 		},
 		onLoad(options) {
+      if (!this.isLogin) {
+        toLogin();
+        return
+      }
+
 			// #ifdef H5
 			this.payChannel = this.$wechat.isWeixin() ? 'public' : 'weixinh5';
 			// #endif
 			// #ifdef MP
 			this.payChannel = 'routine';
 			// #endif
-			// if (!options.cartId) return this.$util.Tips({
-			// 	title: '请选择要购买的商品'
-			// }, {
-			// 	tab: 3,
-			// 	url: 1
-			// });
       this.preOrderNo = options.preOrderNo || 0;
-			this.addressId = options.addressId || 0;
-			this.is_address = options.is_address ? true : false;
-			if (this.isLogin) {
-				//this.getaddressInfo();
       this.getloadPreOrder();
-			} else {
+
-				toLogin();
+      // 处理 address 地址
-			}
+      this.addressId = options.addressId || 0;
+      this.getaddressInfo();
 		},
 		/**
 		 * 生命周期函数--监听页面显示
 		 */
 		onShow: function() {
 			let _this = this
-			// wx.getLaunchOptionsSync 
 			this.textareaStatus = true;
-			if (this.isLogin && this.toPay == false) {
+			if (this.isLogin && !this.toPay) {
-				//this.getaddressInfo();
+				this.getaddressInfo();
-				
 			}
 
 			uni.$on("handClick", res => {
@@ -347,21 +321,7 @@
 				// 清除监听
 				uni.$off('handClick');
 			})
-
-			// let pages = getCurrentPages();
-			// let currPage = pages[pages.length - 1]; //当前页面
-			// if (currPage.data.storeItem) {
-			// 	let json = currPage.data.storeItem;
-			// 	this.$set(this, 'system_store', json);
-			// }
 		},
-		/**
-		 * 生命周期函数--监听页面隐藏
-		 */
-		// onHide: function() {
-		// 	console.log(999);
-		// 	this.isClose = true
-		// },
 		methods: {
 			// 订单详情
 			getloadPreOrder: function() {
@@ -375,24 +335,16 @@
 					this.cartArr[1].payStatus = parseInt(res.data.yuePayStatus) === 1 ? 1 : 2;
 					this.cartArr[0].payStatus = parseInt(res.data.payWeixinOpen) === 1 ? 1 : 0;
 					this.store_self_mention = res.data.storeSelfMention == 'true'&& this.productType === 'normal' ? true : false;
-					//调用子页面方法授权后执行获取地址列表
+
-					this.$nextTick(function() {
+          // 获得收件地址列表 TODO 芋艿：
-						this.$refs.addressWindow.getAddressList();
-					})
         }).catch(err => {
 					return this.$util.Tips({
 						title: err
 					});
 				})
-			},
+        this.$nextTick(function() {
-			/**
+          this.$refs.addressWindow.getAddressList();
-			 * 授权回调事件
+        })
-			 * 
-			 */
-			onLoadFun: function() {
-				//this.getaddressInfo();
-				//调用子页面方法授权后执行获取地址列表
-				// this.$scope.selectComponent('#address-window').getAddressList();
 			},
 			/**
 			 * 获取门店列表数据
@@ -416,15 +368,10 @@
 					});
 				})
 			},
-			// 关闭地址弹窗；
-			changeClose: function() {
-				this.$set(this.address, 'address', false);
-			},
 			/*
 			 * 跳转门店列表
 			 */
 			showStoreList: function() {
-
 				let _this = this
 				if (this.storeList.length > 0) {
 					uni.navigateTo({
@@ -485,7 +432,6 @@
 			},
 			/**
 			 * 处理点击优惠券后的事件
-			 * 
 			 */
 			ChangCoupons: function(e) {
 				// this.usableCoupon = e
@@ -524,26 +470,6 @@
 				this.useIntegral = !this.useIntegral;
 				this.computedPrice();
 			},
-			/**
-			 * 首次进页面展示默认地址
-			 */
-			OnDefaultAddress: function(e) {
-				this.addressInfo = e;
-				this.address.addressId = e.id;
-			},
-			/**
-			 * 选择地址后改变事件
-			 * @param object e
-			 */
-			OnChangeAddress: function(e) {
-				this.addressInfo = e;
-				this.address.addressId = e.id;
-				this.textareaStatus = true;
-				//this.orderInfoVo.addressId = e;
-				this.address.address = false;
-				//this.getaddressInfo();
-				this.computedPrice();
-			},
 			bindHideKeyboard: function(e) {
 				this.mark = e.detail.value;
 			},
@@ -557,31 +483,6 @@
 					this.openType = 1;
 				});
 			},
-			/*
-			 * 获取默认收货地址或者获取某条地址信息
-			 */
-			getaddressInfo: function() {
-				let that = this;
-				if (that.addressId) {
-					getAddressDetail(that.addressId).then(res => {
-						if (res.data) {
-							res.data.isDefault = parseInt(res.data.isDefault);
-							that.addressInfo = res.data || {};
-							that.addressId = res.data.id || 0;
-							that.address.addressId = res.data.id || 0;
-						}
-					})
-				} else {
-					getAddressDefault().then(res => {
-						if (res.data) {
-							res.data.isDefault = parseInt(res.data.isDefault);
-							that.addressInfo = res.data || {};
-							that.addressId = res.data.id || 0;
-							that.address.addressId = res.data.id || 0;
-						}
-					})
-				}
-			},
 			payItem: function(e) {
 				let that = this;
 				let active = e;
@@ -601,12 +502,6 @@
 				let that = this;
 				that.animated = false;
 			},
-			onAddress: function() {
-				let that = this;
-				that.textareaStatus = false;
-				that.address.address = true;
-				that.pagesUrl = '/pages/users/user_address_list/index?preOrderNo='+ this.preOrderNo;
-			},
 			realName: function(e) {
 				this.contacts = e.detail.value;
 			},
@@ -968,7 +863,56 @@
 				// #ifndef MP
 				that.payment(data);
 				// #endif
+			},
+
+      // ========== 收货地址 ==========
+      /**
+       * 打开选择地址的弹窗
+       */
+      onAddress: function() {
+        this.textareaStatus = false;
+        this.address.address = true;
+        this.pagesUrl = '/pages/users/user_address_list/index?preOrderNo='+ this.preOrderNo;
+      },
+      /**
+       * 选择地址后改变事件
+       */
+      OnChangeAddress: function(e) {
+        this.addressInfo = e;
+        this.address.addressId = e.id;
+        this.textareaStatus = true;
+        this.address.address = false;
+        this.getaddressInfo();
+        this.computedPrice();
+      },
+      /**
+			 * 获取默认收货地址或者获取某条地址信息
+			 */
+      getaddressInfo: function() {
+        if (this.addressId) {
+          AddressApi.getAddress(this.addressId).then(res => {
+            if (res.data) {
+              this.addressInfo = res.data || {};
+              this.addressId = res.data.id || 0;
+              this.address.addressId = res.data.id || 0;
             }
+          })
+        } else {
+          AddressApi.getDefaultUserAddress().then(res => {
+            if (res.data) {
+              this.addressInfo = res.data || {};
+              this.addressId = res.data.id || 0;
+              this.address.addressId = res.data.id || 0;
+            }
+          })
+        }
+      },
+      /**
+       * 关闭地址弹窗
+       */
+      changeClose: function() {
+        this.$set(this.address, 'address', false);
+      },
     }
 	}
 </script>