首页的二维码

pages/microShop/index/index.vue

@@ -86,7 +86,7 @@
 										{{SmallShops.UserInfo.UserName}}
 									</Text>
 									<view class="sj_style" style="" @click="goEdit('/pages/microShop/shopSettings')">
-										<image src="../../../static/images/jinbo.png" style="width: 13px;height: 13px;"></image>
+										<image src="../../../static/images/edit_w.png" style="width: 13px;height: 13px;"></image>
 									</view>
 								</view>
 								<Text  style='max-width:250px;font-size: 12px;margin-top: 5px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'>
@@ -163,7 +163,7 @@
 					
 					
 				<!-- 店铺二维码 -->
-					<view class="menus_item" @click="goUrl()">
+					<view class="menus_item" @click="goQRcode">
 						<view style="display: flex;flex-direction: row;align-items: center;">
 							<image :src="SmallShops.CustomModel.SmallShopQRCodeImage" style="width: 14px;height: auto;" mode='widthFix'></image>	
 							<text style="font-size: 13px;color:#07090D;margin-left: 15px;">{{SmallShops.CustomModel.SmallShopQRCodeName}}</text>
@@ -186,7 +186,7 @@
 					</view>
 				</view>
 				<!-- 直播设置 -->
-				<view class="sharebox_menus">
+				<!-- <view class="sharebox_menus">
 					<view class="menus_item" @click="goUrl()">
 						<view style="display: flex;flex-direction: row;align-items: center;">
 							<image :src="SmallShops.CustomModel.LiveImage" style="width: 14px;height: auto;" mode='widthFix'></image>	
@@ -196,16 +196,10 @@
 							<u-icon name="arrow" size="24" color="#A5A3AB"></u-icon>
 						</view>
 					</view>
-				</view>
+				</view> -->
 				<!-- 底部预留空间 -->
 				<view style="width: 100%;height: 30px;background: #f3f4f6;"></view>
 			</view>
-			
-			
-			
-			
-			
-			
 			<view class="agreementbox" v-if='isshowagreement==true || isshowagreement_t == true'></view>
 			<view class="agreementbox_t" v-if='isshowagreement==true'>
 				<view class="agreement_b">
@@ -230,6 +224,37 @@
 		
 	</view>
 	<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth= 'goback'></auth>
+	<u-popup v-model="QRcodeShow"
+			mode="center"
+			length="88%"
+			
+			>
+		<view class="wdpopup">
+			<view class="wdP_top">
+				<u-avatar :src="SmallShops.UserInfo.Logo" size="130"></u-avatar>
+				<view style="display: flex;flex-direction: column;margin-left: 16px;">
+					
+					<Text style='font-size: 18px;max-width: 150px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'>
+						{{SmallShops.UserInfo.UserName}}
+					</Text>
+					<Text  style='max-width:250px;font-size: 12px;margin-top: 5px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;'>
+						{{SmallShops.UserInfo.Notice}}
+					</Text>
+				</view>	
+			</view>
+			<view style="width: 90%;height: 1px;background: #E2E2E2;"></view>
+			<image :src="fenxqrcode" style="width: 212px;height: 212px;margin: 15px 0;"></image>
+			<view style="width: 90%;height: 45px;border-radius: 22.5px;display: flex;align-items: center;justify-content: center;background: #FF4048;margin: 15px 0;"
+				@click="preservation"
+			>
+				<text style="font-size: 16px;color: #FFF;">保存图片分享赚钱</text>
+			</view>
+			<view style="position: absolute;right: 0;top: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;" @click="QRcodeShow= false">
+				<u-icon name="cross" size="24" color="#000" ></u-icon>
+			</view>
+		</view>
+	</u-popup>
+	<u-top-tips ref="uTips"></u-top-tips>
 	</scroll-view>
 </template>
 
@@ -262,6 +287,8 @@
 				shopBasics:{},
 				SmallShops:{},
 				scrollTop:0,
+				QRcodeShow:false,
+				fenxqrcode:'',
 			}
 		},
 		created() {
@@ -417,6 +444,92 @@
 			    });
 			  }
 			},
+			goQRcode(){
+				this.QRcodeShow = true;
+				let that = this
+				let UserInfo = uni.getStorageSync('mall_UserInfo') ?uni.getStorageSync('mall_UserInfo'):{};
+				let wdUserId = this.SmallShops.UserInfo.UserId
+				uni.showNavigationBarLoading();
+					that.request2(
+					 {
+						url: '/api/AppletUser/GetWeiXinQRCodeForAppletSmallShops',
+						data: {
+								Path:'pages/index/index?user_id=' + UserInfo.UserId+'&wdUserId='+ wdUserId,
+								With:212,
+							}
+					 },	
+				  (res) => {
+					uni.hideNavigationBarLoading()
+					that.fenxqrcode = that.host2+res.data;
+					// that.fenxqrcode = 'http://192.168.2.16:8088/upfile/temporary/d259ce3f-eee3-4c20-976d-4d054f6f16b3.jpg';
+					console.log(that.fenxqrcode)		
+				  }
+				);
+			},
+			preservation(){
+				let that = this;
+				 uni.getImageInfo({
+					src: that.fenxqrcode,
+					success: function (image) {
+						console.log(image)
+					  uni.showLoading({
+						title: "正在保存",
+					  });
+					  uni.saveImageToPhotosAlbum({
+						filePath: image.path,
+						success: function () {
+						  uni.showToast({
+							title: "保存成功",
+						  });
+						},
+						 fail: function (err) {
+							 console.log(err)
+						  if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
+							uni.authorize({
+								scope:'scope.writePhotosAlbum',
+								success: (res) => {
+									console.log('11111');
+								},
+								fail: (res) => {
+									uni.showModal({
+										content:'检测到您没打开保存到相册权限，是否去设置打开？',
+										confirmText: "确认",
+										cancelText:'取消',
+										success: (res) => {
+											if(res.confirm){
+												uni.openSetting({
+													success: (res) => {
+														console.log(res);
+														if(res.authSetting['scope.writePhotosAlbum']){
+															that.preservation()
+														}
+													}
+												})
+											}else{
+												console.log('取消');
+											}
+										}
+									})
+								}
+							})
+						  }else{
+							  that.$refs.uTips.show({
+								title: "保存失败，请稍后重试",
+								type: "error",
+								duration: "2300",
+							  });
+						  }
+						},
+					
+						complete: function () {
+						  uni.hideLoading();
+						},
+					  });
+					
+					}
+				});  
+						 
+			}
 		}
 	}
 </script>
@@ -649,4 +762,21 @@
 		
 		margin-left: 20px;
 	}
+	 .wdpopup{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		background: #FFF;
+		border-radius: 10px;
+		position: relative;
+	}
+	.wdpopup .wdP_top{
+		width: 90%;
+		height: 65px;
+		margin: 10px 0;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin-top: 20px;
+	}
 </style>