单商品选购下单支付的过程，接口对接完成

2022-05-12 15:59:05 +08:00 · 2022-05-12 15:59:05 +08:00 · 34a4e5b14e
parent 4a51a530a5
commit 34a4e5b14e
9 changed files with 463 additions and 126 deletions
--- a/common/js/data.js
+++ b/common/js/data.js
@ -1211,6 +1211,182 @@ const myAddressList = [{
 	}],
 	address: '同心镇同心村同心路88号',
 	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
+}, {
+	id: 2,
+	person2Contact: '卢翰',
+	phone: '12434455432',
+	area: [{
+		id: 1,
+		name: '广西壮族自治区'
+	}, {
+		id: 2,
+		name: '梧桐洲'
+	}, {
+		id: 3,
+		name: '藤县'
+	}],
+	address: '同心镇同心村同心路88号',
+	isDefault: false
 }]

 const myOperator = {
--- a/common/js/request.js
+++ b/common/js/request.js
@ -10,16 +10,23 @@ export default {
 				// console.log("停止触发");
 				// return false;
 			},
-			// success(args) {
-			// 	console.log('interceptor-success', args);
-			// },
-			// fail(err) {
-			// 	console.log('interceptor-fail', err)
-			// },
-			// complete(res) {
-			// 	console.log('interceptor-complete', res)
-			// 	res = res.data;
-			// }
+			success(res) {
+				if (res.data.code !== 0) {
+					uni.showToast({
+						title: '系统开小差啦T_T，请稍后重试',
+						icon: 'error'
+					})
+				}
+			},
+			fail(err) {
+				uni.showToast({
+					title: '系统开小差啦T_T，请稍后重试',
+					icon: 'error'
+				})
+			},
+			complete(res) {
+				console.log('interceptor-complete', res)
+			}
 		})
 	},
 	checkAndAuth() {
@ -60,7 +67,15 @@ export default {
 		}

 		// 获取微信登录凭证
-		const wxLoginCode = wx.login();
+		const wxLoginRes = await wx.login();
+		console.log(wxLoginRes)
+		const wxAuthRes = await uni.request({
+			url: '/wx/auth',
+			header: {
+				code: wxLoginRes.code
+			}
+		})
+		console.log(wxAuthRes)
 		// TODO:调用小程序服务端确认是否是授权登录过的用户
 		let loginRes = {
 			logined: false,
@ -75,7 +90,9 @@ export default {
 			loginRes = {
 				logined: true,
 				userInfo: {
-					userId: 1
+					userId: 1,
+					wxLoginCode: wxLoginRes.code,
+					openId: wxAuthRes[1].data.data.openid
 				}
 			};
 		}
@ -91,6 +108,9 @@ export default {
 		uni.setStorageSync('userProfile', userInfo);
 		return true;
 	},
+	wxLogin() {
+		return wx.login();
+	},
 	getCurUserInfo() {
 		let userProfile = uni.getStorageSync('userProfile');
 		console.log("curUser:" + userProfile)
@ -114,11 +134,23 @@ export default {
 			}
 		})
 	},
-	placeOrder(params = {}) {
-		return uni.request({
-			url: '/goods/goods/list',
+	async placeOrder(params = {}) {
+		let res = await uni.request({
+			url: '/order/server/app',
 			method: 'POST',
 			data: params
 		})
+		return res[1].data;
+	},
+	async getWxPayParams(params = {}) {
+		let res = await uni.request({
+			url: '/pay/wx/lite',
+			method: 'POST',
+			header: {
+				code: params.code,
+				orderMasterCode: params.orderMasterCode
 			}
+		})
+		return res[1].data;
+	},
 }
--- a/pages.json
+++ b/pages.json
@ -7,6 +7,8 @@
 		"root": "pages/order/",
 		"pages": [{
 			"path": "order-detail"
+		}, {
+			"path": "pay-result"
 		}]
 	}, {
 		"root": "pages/product/",
--- a/pages/my/edit-address.vue
+++ b/pages/my/edit-address.vue
@ -37,7 +37,7 @@
 				</view>
 				<!-- 底部操作栏 -->
 				<view class="cu-bar tabbar border shop fixed-bottom-bar">
-					<button class="bg-main-color long-btn margin-lr-sm" form-type="submit">保存</button>
+					<button class="cu-btn bg-main-color long-btn margin-lr-sm shadow-blur" form-type="submit">保存</button>
 				</view>
 			</form>
 		</view>
@ -51,13 +51,19 @@
 				areaList: [],
 				multiIndex: [0, 0, 0],
 				formData: {
-				}
+				},
+				mode: 1 // 1为新增，0
 			}
 		},
 		onLoad(options) {
+			let params = JSON.parse(decodeURIComponent(options.params));
+			this.mode = params ? params.mode : this.mode;
+			console.log(this.mode)
+			if (this.mode === 0) {
+				// 修改
+				this.fillForm(params.addressInfo);
+			}
 			this.loadData();
-			const addressInfo = JSON.parse(decodeURIComponent(options.addressInfo));
-			this.fillForm(addressInfo);
 		},
 		methods: {
 			async loadData() {
--- a/pages/my/my-address.vue
+++ b/pages/my/my-address.vue
@ -6,7 +6,7 @@
 			<block slot="content">地址列表</block>
 		</cu-custom>
 		<!-- 地址列表 -->
-		<view class="margin-bottom-lg">
+		<view class="margin-bottom-with-bar">
 			<view class="padding margin-lr-sm margin-top-sm bg-white flex justify-between align-center" v-for="(item, index) in myAddressList">
 				<view @click="chooseAddress(item)">
 					<view class="flex justify-start align-center">
@ -21,11 +21,15 @@
 					</view>
 				</view>
 				<view class="oper-column text-xl flex justify-end">
-					<view class="cuIcon-edit padding-lr-xs padding-tb" @click="showAddressDetail(item)"></view>
+					<view class="cuIcon-edit padding-lr-xs padding-tb" @click="addEditAddress(item)"></view>
 					<view class="cuIcon-close padding-lr-xs padding-tb" @click="confirm2DelAddress(item, index)"></view>
 				</view>
 			</view>
 		</view>
+		<!-- 底部新增地址按钮 -->
+		<view class="cu-bar tabbar border shop fixed-bottom-bar bg-back">
+			<button class="cu-btn bg-main-color long-btn margin-lr-sm shadow-blur" @click="addEditAddress">新增地址</button>
+		</view>
 		<!-- 模态框 -->
 		<view class="cu-modal" :class="modalName=='delAddress'?'show':''">
 			<view class="cu-dialog">
@ -74,9 +78,23 @@
 			offBindEvent() {
 				uni.$off(this.$globalFun.CONFIRM);
 			},
-			showAddressDetail(addressInfo) {
+			addEditAddress(addressInfo) {
+				let url = null;
+				let params = null;
+				if (addressInfo) {
+					// 修改
+					params = {
+						addressInfo: addressInfo,
+						mode: 0
+					}
+				} else {
+					// 新增
+					params = {
+						mode: 1
+					}
+				}
 				uni.navigateTo({
-					url: '/pages/my/edit-address?addressInfo=' + encodeURIComponent(JSON.stringify(addressInfo))
+					url: '/pages/my/edit-address?params=' + encodeURIComponent(JSON.stringify(params))
 				})
 			},
 			confirm2DelAddress(addressInfo, index) {
--- a/pages/order/order-detail.vue
+++ b/pages/order/order-detail.vue
@ -237,19 +237,47 @@
 				}
 				let curUserInfo = this.$request.getCurUserInfo();
 				let params = {
-					customerId: curUserInfo.userId,
+					// customerId: curUserInfo.userId,
+					customerId: 2,
 					serverTime: this.formInfo.doorTime,
 					addressId: this.formInfo.defaultAddress.id,
 					payType: this.formInfo.payWay,
 					remark: this.formInfo.comments,
 					isNeedBill: this.formInfo.isNeedBill,
-					goodsList: this.parseGoodsList()
+					// goodsList: this.parseGoodsList()
+					goodsList: [{
+						goodsId: 2,
+						num: 1
+					}, {
+						goodsId: 3,
+						num: 1
+					}]
 				}
-				console.log(params);
-				// 调用下单接口，获得微信支付调用参数
+				// 调用下单接口
 				let res = await this.$request.placeOrder(params);
-				// 拉起微信支付窗口,支付成功跳转到支付成功页面，支付失败跳转到我的订单待支付页
-				// wx.requestPayment(res);
+				try {
+					// 获取微信支付所需参数
+					let exPayParams = {
+						code: this.$request.getCurUserInfo().openId,
+						orderMasterCode: res.data.code
+					}
+					let wxPayParamRes = await this.$request.getWxPayParams(exPayParams);
+					// 拉起微信支付窗口,支付成功跳转到支付成功页面
+					let payInfo = JSON.parse(wxPayParamRes.data.expend.pay_info);
+					let wxPayRes = await wx.requestPayment(payInfo);
+					if (wxPayRes.errMsg === "requestPayment:ok") {
+						uni.navigateTo({
+							url: '/pages/order/pay-result?payResult=0'
+						})
+					} else {
+						throw 'err';
+					}
+				} catch(e) {
+					// 支付失败弹出提示并跳转到我的订单待支付页
+					uni.navigateTo({
+						url: '/pages/order/pay-result?payResult=1'
+					})
+				}
 			}
 		},
 	}
--- a/pages/order/pay-result.vue
+++ b/pages/order/pay-result.vue
@ -0,0 +1,71 @@
+<template>
+	<view>
+		<!-- 顶部操作条 -->
+		<cu-custom :bgColor="'bg-main-color'" :isBack="true">
+			<block slot="backText">返回</block>
+			<block slot="content">支付结果</block>
+		</cu-custom>
+		<view class="padding-lg margin-xl text-center">
+			<view class="text-xxl">{{payResult ? '支付成功' : '支付失败'}}</view>
+			<view class="margin-top">
+				<view class="cu-btn bg-main-color radius text-xl shadow-blur" @click="showMyOrder">查看我的订单</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				payResult: false,
+				servOrderTabList: [{
+					type: 'ordersWait2Pay',
+					name: '待付款'
+				}, {
+					type: 'ordersWait2Serv',
+					name: '待服务'
+				}, {
+					type: 'ordersServing',
+					name: '服务中'
+				}, {
+					type: 'ordersAfterServ',
+					name: '售后中'
+				}, {
+					type: 'ordersFinish',
+					name: '已完成'
+				}],
+				servOrderType: 'servOrder'
+			}
+		},
+		onLoad(options) {
+			if (options.payResult === '0') {
+				this.payResult = true;
+			}
+		},
+		methods: {
+			showMyOrder() {
+				let params = null;
+				if (this.payResult) {
+					params = {
+						orderType: this.servOrderType,
+						tabHeaderList: this.servOrderTabList,
+						tabCur: 1
+					}
+				} else {
+					params = {
+						orderType: this.servOrderType,
+						tabHeaderList: this.servOrderTabList,
+						tabCur: 0
+					}
+				}
+				uni.navigateTo({
+					url: '/pages/my/my-order?tabInfo=' + encodeURIComponent(JSON.stringify(params))
+				})
+			}
+		},
+	}
+</script>
+
+<style>
+</style>
--- a/style/blue/blue-topic.css
+++ b/style/blue/blue-topic.css
@ -1,3 +1,7 @@
+.bg-back {
+	background-color: #f5f5f5;
+}
+
 .line-default {
 	color: #aaaaaa;
 }