From 8c9e7910d1526140ff7274d69dd3fd244f8a7b6d Mon Sep 17 00:00:00 2001
From: Hong <1470048117@qq.com>
Date: Tue, 6 Aug 2024 14:47:21 +0800
Subject: [PATCH] =?UTF-8?q?8.6(=E9=82=80=E8=AF=B7=E4=BA=8C=E7=BB=B4?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/welfare/invite/invite_poster.vue | 107 ++++++++++++++-----------
 utils/index.js                         |  24 +++++-
 utils/request.js                       |   2 +-
 3 files changed, 83 insertions(+), 50 deletions(-)

diff --git a/pages/welfare/invite/invite_poster.vue b/pages/welfare/invite/invite_poster.vue
index b936740..385d909 100644
--- a/pages/welfare/invite/invite_poster.vue
+++ b/pages/welfare/invite/invite_poster.vue
@@ -35,35 +35,35 @@
 		<!-- 分享 -->
 		<view class="share-type flex justify-around">
 			<!-- #ifdef MP-WEIXIN -->
-				<view class="share-type-cont" style="position:relative;">
-					<image :src="`${config.aliyunOssUrl}/static/images/app/config/weixin.png`" mode=""></image>
-					<view>微信好友</view>
-					<button id="shareBtn" open-type="share" @click="shareBtnInfo(1)"></button>
-				</view>
-				 <!-- @click="shareBtnInfo" -->
-				<view class="share-type-cont" style="position:relative;" @click="shareBtnInfo(2)">
-					<image :src="`${config.aliyunOssUrl}/static/images/app/config/pengyouquan.png`" mode=""></image>
-					<view>朋友圈</view>
-					<!-- <button id="shareBtn" open-type="share" @click="shareBtnInfo(2)"></button> -->
-				</view>
-				<view class="share-type-cont" @click="savePoster">
-					<image :src="`${config.aliyunOssUrl}/static/images/app/config/save.png`" mode=""></image>
-					<view>保存海报</view>
-				</view>
+			<view class="share-type-cont" style="position:relative;">
+				<image :src="`${config.aliyunOssUrl}/static/images/app/config/weixin.png`" mode=""></image>
+				<view>微信好友</view>
+				<button id="shareBtn" open-type="share" @click="shareBtnInfo(1)"></button>
+			</view>
+			<!-- @click="shareBtnInfo" -->
+			<view class="share-type-cont" style="position:relative;" @click="shareBtnInfo(2)">
+				<image :src="`${config.aliyunOssUrl}/static/images/app/config/pengyouquan.png`" mode=""></image>
+				<view>朋友圈</view>
+				<!-- <button id="shareBtn" open-type="share" @click="shareBtnInfo(2)"></button> -->
+			</view>
+			<view class="share-type-cont" @click="savePoster">
+				<image :src="`${config.aliyunOssUrl}/static/images/app/config/save.png`" mode=""></image>
+				<view>保存海报</view>
+			</view>
 			<!-- #endif -->
 			<!-- #ifdef APP -->
-				<view class="share-type-cont" @click="shareFn('WXSceneSession')">
-					<image src="@/static/images/app/config/weixin.png" mode=""></image>
-					<view>微信好友</view>
-				</view>
-				<view class="share-type-cont" @click="shareFn('WXSceneTimeline')">
-					<image src="@/static/images/app/config/pengyouquan.png" mode=""></image>
-					<view>朋友圈</view>
-				</view>
-				<view class="share-type-cont" @click="savePoster">
-					<image src="@/static/images/app/config/save.png" mode=""></image>
-					<view>保存海报</view>
-				</view>
+			<view class="share-type-cont" @click="shareFn('WXSceneSession')">
+				<image src="@/static/images/app/config/weixin.png" mode=""></image>
+				<view>微信好友</view>
+			</view>
+			<view class="share-type-cont" @click="shareFn('WXSceneTimeline')">
+				<image src="@/static/images/app/config/pengyouquan.png" mode=""></image>
+				<view>朋友圈</view>
+			</view>
+			<view class="share-type-cont" @click="savePoster">
+				<image src="@/static/images/app/config/save.png" mode=""></image>
+				<view>保存海报</view>
+			</view>
 			<!-- #endif -->
 		</view>
 		<!-- 画布 -->
@@ -72,6 +72,9 @@
 </template>
 
 <script>
+	import {
+		urlToBase64
+	} from "@/utils/index.js"
 	import {
 		getInviteInfo
 	} from "@/api/welfare/welfare.js"
@@ -96,22 +99,22 @@
 				// 来自页面内分享按钮
 			}
 			return {
-				title:'海报', //分享的名称
+				title: '海报', //分享的名称
 				path: '/pages/index/index',
 				imageUrl: this.imageBg,
 			};
 		},
-		onShareTimeline(res){
+		onShareTimeline(res) {
 			return {
-				title:'海报',
+				title: '海报',
 				path: '/pages/index/index',
 				imageUrl: this.imageBg,
 				// channel:''
 			};
 		},
 		methods: {
-			shareBtnInfo(num){
- 				if(num==2){
+			shareBtnInfo(num) {
+				if (num == 2) {
 					uni.showToast({
 						title: '请点击右上角胶囊中的三个点进行朋友圈分享',
 						duration: 3000,
@@ -121,7 +124,7 @@
 			},
 			//分享
 			shareFn(type) {
-				this.drawPoster(this.imageBg, false,type)
+				this.drawPoster(this.imageBg, false, type)
 			},
 
 			// 轮播图切换
@@ -222,30 +225,37 @@
 				// console.log(res, '海报');
 				this.userInfo = res.data
 				this.imageBg = this.userInfo.posterList[0].image
-				let url =`https://cms.diyouzhijia.com/car_h5/#/pages/index?uId=${this.userInfo.id}`
-				// let base64Data = uni.arrayBufferToBase64([url])
-				this.verificationImage =
-					`https://wxapp.nianxiang-tech.com/prod-api/ums/login/qrcode?content=${url}`
+				let url = `https://cms.diyouzhijia.com/car_h5/#/pages/index?uId=${this.userInfo.id}`
+
+				// const encodedUrl = encodeURIComponent(url);
+				// console.log(unescape(encodeURIComponent(url)));
+				// const base64 = uni.arrayBufferToBase64(encodedUrl);
+
 				// this.verificationImage =
-				// 	`https://wxapp.nianxiang-tech.com/prod-api/ums/login/qrcode/base64?content=${base64Data}`
-					// console.log(`https://wxapp.nianxiang-tech.com/prod-api/ums/login/qrcode?content=${url}`);
+				// 	`https://wxapp.nianxiang-tech.com/prod-api/ums/login/qrcode/base64?content=${base64}`
+
+				//  console.log(this.verificationImage);
+
+				let base64Data = urlToBase64(url)
+				this.verificationImage =
+					`https://wxapp.nianxiang-tech.com/prod-api/ums/login/qrcode/base64?content=${base64Data}`
+				console.log('base', this.verificationImage); // 打印出Base64字符串
 			})
 		}
 	}
 </script>
 
 <style lang="scss">
-	
 	#shareBtn {
-	  // border: 1px solid ;
-	  position: absolute;
-	  top: 0;
-	  z-index: 2;
-	  opacity:0;
-	  width: 100%;
-	  height: 100%;
+		// border: 1px solid ;
+		position: absolute;
+		top: 0;
+		z-index: 2;
+		opacity: 0;
+		width: 100%;
+		height: 100%;
 	}
-	
+
 	page {
 		background: linear-gradient(180deg, #98C2E1 0%, rgba(255, 255, 255, 0) 100%);
 	}
@@ -297,6 +307,7 @@
 		height: 1126rpx;
 		background: #fff;
 		border-radius: 8rpx;
+
 		image {
 			width: 100%;
 			height: 100%;
diff --git a/utils/index.js b/utils/index.js
index 7abe5c4..b1c37c7 100644
--- a/utils/index.js
+++ b/utils/index.js
@@ -296,4 +296,26 @@ export const getTimeDifference = (time) => {
 	} else if (diffInSeconds > 0) {
 		return diffInSeconds + "秒前";
 	}
-}
\ No newline at end of file
+}
+
+//传入url 返回base64格式
+export const urlToBase64 = (str) => {
+	  let CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+	    let out = '', i = 0, len = str.length, c1, c2, c3, enc1, enc2, enc3, enc4;
+	    while (i < len) {
+	        c1 = str.charCodeAt(i++);
+	        c2 = str.charCodeAt(i++);
+	        c3 = str.charCodeAt(i++);
+	        enc1 = c1 >> 2;
+	        enc2 = ((c1 & 3) << 4) | (c2 >> 4);
+	        enc3 = ((c2 & 15) << 2) | (c3 >> 6);
+	        enc4 = c3 & 63;
+	        if (isNaN(c2)) {
+	            enc3 = enc4 = 64;
+	        } else if (isNaN(c3)) {
+	            enc4 = 64;
+	        }
+	        out += CHARS.charAt(enc1) + CHARS.charAt(enc2) + CHARS.charAt(enc3) + CHARS.charAt(enc4);
+	    }
+	    return out;
+}
diff --git a/utils/request.js b/utils/request.js
index 6d2b493..832455f 100644
--- a/utils/request.js
+++ b/utils/request.js
@@ -41,7 +41,7 @@ const request = config => {
         }
         const code = res.data.code || 200
         const msg = errorCode[code] || res.data.message || res.data.msg || errorCode['default']
-        if (code === 401 || code === 402) {
+        if (code === 401 || code === 402|| code === 301) {
           showConfirm('登录状态已过期，您可以继续留在该页面，或者重新登录?').then(res => {
             if (res.confirm) {
 				// store.dispatch('LogOut').then(res => {