二维码分享功能

common/js/request.js

@@ -10,9 +10,9 @@ export default {
 					title: '加载中'
 				})
 				// request 触发前拼接 url 
-				// args.url = 'https://www.opsoul.com' + args.url;
+				args.url = 'https://www.opsoul.com' + args.url;
 				// args.url = 'http://192.168.2.42:80' + args.url;
-				args.url = 'http://127.0.0.1:80' + args.url;
+				// args.url = 'http://127.0.0.1:80' + args.url;
 				if (args.data) {
 					args.data.deptId = globalData.deptId;
 					args.data.from = globalData.from;
@@ -172,7 +172,7 @@ export default {
 		})
 		return res[1].data;
 	},
-	async updateUserPhone(params = {}) {
+	async updateUser(params = {}) {
 		let res = await uni.request({
 			url: '/customer/update',
 			method: 'POST',
@@ -181,9 +181,16 @@ export default {
 		// 更新用户信息的方法顺便更新本地缓存
 		if (res[1].data.code === 0) {
 			let userInfo = this.getCurUserInfo();
-			userInfo.phone = params.phone;
+			let wxGetUserRes = await this.qryUserInfo(userInfo.openId);
-			userInfo.account = params.account;
+			let newUserInfo;
-			uni.setStorageSync('userProfile', userInfo);
+			if (wxGetUserRes.data) {
+				newUserInfo = {
+					...wxGetUserRes.data,
+					wxLoginCode: userInfo.wxLoginCode
+				}
+			}
+			console.log(newUserInfo)
+			uni.setStorageSync('userProfile', newUserInfo);
 		}
 		return res[1].data;
 	},
@@ -198,7 +205,7 @@ export default {
 		}
 		if (phoneRes && phoneRes.data) {
 			let userInfo = this.getCurUserInfo();
-			await this.updateUserPhone({
+			await this.updateUser({
 				customerId: userInfo.customerId,
 				account: phoneRes.data,
 				phone: phoneRes.data
@@ -213,6 +220,19 @@ export default {
 		let userProfile = uni.getStorageSync('userProfile');
 		return userProfile;
 	},
+	async getCurUserNoCache() {
+		let userInfo = this.getCurUserInfo();
+		let wxGetUserRes = await this.qryUserInfo(userInfo.openId);
+		if (!wxGetUserRes.data) {
+			userInfo = null;
+		} else {
+			userInfo = {
+				...wxGetUserRes.data,
+				wxLoginCode: userInfo.wxLoginCode
+			}
+		}
+		return userInfo;
+	},
 	getProductCategories(params = {}) {
 		return uni.request({
 			url: '/goods/deptcategory/app/list',
@@ -424,4 +444,12 @@ export default {
 		})
 		return res[1].data;
 	},
+	async getUnlimitedWxacode(params = {}) {
+		let res = await uni.request({
+			url: '/wx/unlimited/wxacode',
+			method: 'POST',
+			data: params
+		})
+		return res[1].data;
+	}
 }

pages/index/index.vue

@@ -19,7 +19,8 @@
 						<view class="cu-avatar round middle-avatar first-avatar">
 							<view class="cuIcon-formfill"></view>
 						</view>
-						<view class="flex flex-column-around text-left margin-left-sm text-white" @click="showPage('/pages/publish/publish-task')">
+						<view class="flex flex-column-around text-left margin-left-sm text-white"
+							@click="showPage('/pages/publish/publish-task')">
 							<view class="text-xl">发布任务</view>
 							<view>公司、家居家政雇佣上门服务</view>
 						</view>
@@ -86,20 +87,78 @@
 				moduleBarInfos: [],
 				curPageCode: 'indexPage',
 				isShowPublish: false,
-				forwardingPageCode: null
+				forwardingPageCode: null,
+				curUserInfo: null,
+				inByShare: false,
+				inParam: null
 			}
 		},
-		onLoad() {
+		onLoad(option) {
-			this.loadData();
+			if (option && option.scene) {
+				let paraStr = decodeURIComponent(option.scene);
+				let kvStrArr = paraStr.split("&");
+				kvStrArr.forEach((kvStr) => {
+					let kvArr = kvStr.split("=");
+					option[kvArr[0]] = kvArr[1];
+				});
+			}
+			this.inParam = option;
+			this.loadData(option);
+		},
+		onShareAppMessage(e) {
+			let shareInfo = null;
+			if (e && e.target && e.target.dataset) {
+				shareInfo = e.target.dataset.shareInfo;
+			}
+			if (!this.curUserInfo) {
+				this.curUserInfo = this.$request.getCurUserNoCache();
+				if (!this.curUserInfo) {
+					uni.showToast({
+						title: '请前往“我的”完成登录',
+						icon: 'none'
+					})
+					return;
+				}
+			}
+			if (!shareInfo) {
+				shareInfo = {
+					title: '家政服务就找工圈子',
+					path: '/pages/index/index?distributor=' + this.curUserInfo.customerId,
+					imageUrl: 'http://gqz.opsoul.com/sys/group-selfie.png'
+				}
+			}
+			return shareInfo;
 		},
 		methods: {
-			async loadData() {
+			async loadData(option) {
 				this.moduleBarInfos = await this.$api.data('moduleBarInfos');
+				this.curUserInfo = this.$request.getCurUserInfo();
+				// 更新分销人信息
+				if (option && option.distributor) {
+					let loginRes = await this.authLogin();
+					if (!loginRes) {
+						this.inByShare = true;
+						return;
+					}
+					
+					this.inByShare = false;
+					let res = await this.$request.updateUser({
+						customerPlace: option.distributor,
+						customerId: this.curUserInfo.customerId
+					});
+					if (res && res.code === 0) {
+						this.inParam = null;
+					}
+				}
 			},
 			reloadForwardPage() {
-				this.getCurPageInfo({
+				if (this.inByShare) {
-					curPageCode: this.forwardingPageCode
+					this.loadData(this.inParam);
-				})
+				} else {
+					this.getCurPageInfo({
+						curPageCode: this.forwardingPageCode
+					})
+				}
 			},
 			async getCurPageInfo(data) {
 				let pageCode = data.curPageCode;

pages/index/my-home.vue

@@ -209,10 +209,10 @@
 						<view class="cuIcon-servicefill text-olive"></view>
 						<text>联系客服</text>
 					</view> -->
-					<!-- <view class="cu-item">
+					<view class="cu-item" @click="showAppInviteQrcode">
 						<view class="cuIcon-qr_code text-green"></view>
 						<text>二维码分享</text>
-					</view> -->
+					</view>
 					<!-- <view class="cu-item">
 						<view class="cuIcon-moneybagfill text-cyan"></view>
 						<text>钱包</text>
@@ -251,13 +251,39 @@
 				</view>
 			</view> -->
 		</view>
+		
+		<!-- app二维码分享 -->
+		<view class="cu-modal" :class="appShareQrcodeModal?'show':''">
+			<view class="cu-dialog bg-white">
+				<view class="cu-bar bg-white justify-end">
+					<view class="content">小程序邀请二维码</view>
+					<view class="action" @click="hideModal" data-modal="appShareQrcodeModal">
+						<text class="cuIcon-close text-red"></text>
+					</view>
+				</view>
+				<view class="padding-tb-sm">
+					<image :src="'data:image/png;base64,' + appQrcode" mode="aspectFit"></image>
+				</view>
+				<view class="text-center padding">
+					<view class="padding-bottom-sm text-lg">请通过扫码或分享链接给好友进行邀请</view>
+					<button class="cu-btn bg-main-color shadow-blur" open-type="share">
+						<text class="cuIcon-share"></text>
+						<text>分享链接给好友</text>
+					</button>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
 <script>
+	// import appInviteQrcode from '@/pages/my/app-invite-qrcode.vue';
+	
 	export default {
 		name: 'personal-center',
-		components: {},
+		// components: {
+		// 	appInviteQrcode
+		// },
 		data() {
 			return {
 				pageContentTop: this.CustomBar,
@@ -302,7 +328,10 @@
 					type: -1,
 					name: '已完成'
 				}],
-				productOrderType: 1
+				productOrderType: 1,
+				
+				appQrcode: '',
+				appShareQrcodeModal: false
 			}
 		},
 		onReady() {
@@ -342,6 +371,13 @@
 					url: '/pages/my/apply-operator'
 				})
 			},
+			async showAppInviteQrcode() {
+				let res = await this.$request.getUnlimitedWxacode({
+					scene: "distributor=" + this.curUserInfo.customerId
+				});
+				this.appQrcode = res.data;
+				this.appShareQrcodeModal = true;
+			},
 			showPage(pageUrl) {
 				if (pageUrl) {
 					uni.navigateTo({
@@ -353,6 +389,9 @@
 						title: '功能开发中'
 					})
 				}
+			},
+			hideModal(e) {
+				this[e.currentTarget.dataset.modal] = false;
 			}
 		}
 	}

pages/my/app-invite-qrcode.vue

@@ -0,0 +1,60 @@
+<template>
+	<!-- 报价/客户支付模态框 -->
+	<view class="cu-modal" :class="show?'show':''">
+		<view class="cu-dialog bg-white">
+			<view class="cu-bar bg-white justify-end">
+				<view class="content">小程序邀请二维码</view>
+				<view class="action" @click="hideModal">
+					<text class="cuIcon-close text-red"></text>
+				</view>
+			</view>
+			<view class="padding-tb-sm">
+				<image :src="'data:image/png;base64,' + url"></image>
+			</view>
+			<view class="text-center">
+				<view>请通过扫码或分享链接给好友进行邀请</view>
+				<button class="cu-btn bg-main-color shadow-blur" open-type="share" :data-shareInfo="shareInfo"
+					style="width: 100%;">
+					<text class="cuIcon-share"></text>
+					<text>分享链接给好友</text>
+				</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		nama: 'app-invite-qrcode',
+		data() {
+			return {
+				url: '',
+				show: false,
+				shareTemplate: {
+					title: '家政服务就找工圈子',
+					path: '/pages/index/index?customerPlace=',
+					imageUrl: 'http://gqz.opsoul.com/sys/group-selfie.png'
+				},
+				shareInfo: null
+			}
+		},
+		methods: {
+			showModal(url) {
+				this.show = true;
+				this.url = url;
+				let curUserInfo = this.$request.getCurUserInfo();
+				if (curUserInfo.customerId && curUserInfo.customerId > 0) {
+					let path = this.shareTemplate.path + curUserInfo.customerId;
+					this.shareInfo = {
+						...this.shareTemplate,
+						path: path
+					}
+				}
+			},
+			hideModal() {
+				this.shareInfo = null;
+				this.show = false;
+			}
+		}
+	}
+</script>