From d54b12ff29811573434f463b4bb610fd9f4b5565 Mon Sep 17 00:00:00 2001
From: unknown <331404948@qq.com>
Date: Wed, 13 Mar 2024 19:12:24 +0800
Subject: [PATCH] 00

---
 config/api.js                                   |   4 +-
 pages/tabbar/mine/index.vue                     |   2 +-
 pages/userCenter/scanCode/scanCode - 副本.vue | 111 +++++++++++++++++++
 pages/userCenter/scanCode/scanCode.vue          | 140 ++++++++++++++++++------
 static/images/coach/教练.png                  | Bin 904 -> 0 bytes
 5 files changed, 224 insertions(+), 33 deletions(-)
 create mode 100644 pages/userCenter/scanCode/scanCode - 副本.vue
 delete mode 100644 static/images/coach/教练.png

diff --git a/config/api.js b/config/api.js
index e75b1de..462dc44 100644
--- a/config/api.js
+++ b/config/api.js
@@ -83,7 +83,9 @@ export const studentOwner = (params) => http.get('business/student-record/owner'
 // 获得学员档案记录列表
 export const studentList = (params) => http.get('business/student-record/page', {params}) 
 // 绑定教练
-export const studentBindCoach = (data) => http.post('business/student-record/bindCoach', data) 
+export const studentBindCoach = (data) => http.post('business/student-record/bindCoach', data)
+ // 教练二维码生成
+ export const getQR = (data) => http.post('business/coach/sign/getQR', data)
 
 
 
diff --git a/pages/tabbar/mine/index.vue b/pages/tabbar/mine/index.vue
index dcd4ba2..0de2695 100644
--- a/pages/tabbar/mine/index.vue
+++ b/pages/tabbar/mine/index.vue
@@ -69,7 +69,7 @@
 						// {text: '考场信息', icon: require('../../../static/images/coach/ic_changdi.png'), id: 4, url: '/pages/userCenter/examinInfo/examinInfo'},
 						{text: '学员评价', icon: require('../../../static/images/coach/ic_pingjia.png'), id: 5, url: '/pages/userCenter/studentComment/studentComment'},
 						{text: '教学数据', icon: require('../../../static/images/coach/ic_shuju.png'), id: 6, url: '/pages/userCenter/teachingData/teachingData'},
-						{text: '结算统计', icon: require('../../../static/images/coach/ic_daijiesuan.png'), id: 1, url: '/pages/tabbar/statistics/index'},
+						// {text: '结算统计', icon: require('../../../static/images/coach/ic_daijiesuan.png'), id: 1, url: '/pages/tabbar/statistics/index'},
 						// {text: '学员退款', icon: require('../../../static/images/coach/ic_tuikuan.png'), id: 7, url: '/pages/userCenter/refund/refund'},
 						
 					]
diff --git a/pages/userCenter/scanCode/scanCode - 副本.vue b/pages/userCenter/scanCode/scanCode - 副本.vue
new file mode 100644
index 0000000..ff34fab
--- /dev/null
+++ b/pages/userCenter/scanCode/scanCode - 副本.vue	
@@ -0,0 +1,111 @@
+<template>
+	<view class="pageBgImg">
+		<topNavbar title="个人二维码"></topNavbar>
+		<view class="pad">
+			<view class="card">
+				<view class="refresh_row" @click="refresh">
+					<view class="text">刷新二维码</view>
+					<view class="icon">
+						<image src="@/static/images/index/ic_shuaxin.png" mode=""></image>
+					</view>
+				</view>
+				<view class="qcode">
+					<canvas id="qrcode" canvas-id="qrcode" style="width: 200px;height: 200px;"></canvas>
+				</view>
+			</view>
+			<view class="card">
+				<user-info/>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import UQRCode from 'uqrcodejs';
+	var qr = new UQRCode();
+	export default {
+		data() {
+			return {
+				timer: null
+			}
+		},
+		onShow() {
+			this.$nextTick(()=>{
+				this.refresh()
+			})
+			
+		},
+		// onHide() {
+		// 	console.log('清除了')
+		// 	clearTimeout(this.timer)
+		// 	this.timer = null
+			
+		// },
+		beforeDestroy() {
+			clearTimeout(this.timer)
+			this.timer = null
+			// this.refresh = null
+		},
+		methods: {
+			refresh() {
+				let {coachId, nickname, schoolId, tenantId, schoolName} =  this.vuex_userInfo.user
+				// 设置二维码内容
+				qr.data = JSON.stringify({
+							  coachId,
+							  schoolId,
+							  nickname: encodeURIComponent(nickname),
+							  timer: Date.now(),
+							  schoolName: encodeURIComponent(schoolName),
+				})
+						
+				// 设置二维码大小，必须与canvas设置的宽高一致
+				qr.size = 200;
+				qr.margin = 10;
+				qr.errorCorrectLevel = UQRCode.errorCorrectLevel.L
+				// 调用制作二维码方法
+				qr.make()
+				qr.foregroundImageSrc = require('./coach.png')
+				// 获取canvas上下文
+				var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
+				// 设置uQRCode实例的canvas上下文
+				qr.canvasContext = canvasContext;
+				// 调用绘制方法将二维码图案绘制到canvas上
+				qr.drawCanvas();
+				this.timer = setTimeout(()=>{
+					console.log('刷新了')
+					this.refresh()
+				},1000*20)
+				
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.qcode {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 50rpx 0;
+	}
+	.card {
+		padding: 28rpx;
+		margin-bottom: 24rpx;
+	}
+	.refresh_row {
+		display: flex;
+		justify-content: flex-end;
+		align-items: center;
+		padding: 10rpx 0;
+		.text {
+			color: $themC;
+			font-size: 28rpx;
+		}
+		.icon {
+		  width: 24rpx;
+		  height: 24rpx;
+		  margin-left: 6rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/userCenter/scanCode/scanCode.vue b/pages/userCenter/scanCode/scanCode.vue
index cca4bd5..a86a412 100644
--- a/pages/userCenter/scanCode/scanCode.vue
+++ b/pages/userCenter/scanCode/scanCode.vue
@@ -2,47 +2,88 @@
 	<view class="pageBgImg">
 		<topNavbar title="个人二维码"></topNavbar>
 		<view class="pad">
+			<view class="tabs">
+				<view class="tab" v-for="(item,index) in tabArr" :key="index" :class="{active: currentType==item.id}"
+					@click="changeTab(item)">{{ item.text }}</view>
+			</view>
 			<view class="card">
+				<view class="refresh_row" @click="refresh">
+					<view class="text">刷新二维码</view>
+					<view class="icon">
+						<image src="@/static/images/index/ic_shuaxin.png" mode=""></image>
+					</view>
+				</view>
 				<view class="qcode">
-					<canvas id="qrcode" canvas-id="qrcode" style="width: 200px;height: 200px;"></canvas>
+					<image :src="ossUrl" mode="widthFix"  style="width: 400rpx;height: 400rpx;"></image>
 				</view>
 			</view>
-			
-			<view class="card">
+			<!-- <view class="card">
 				<user-info/>
-			</view>
+			</view> -->
 		</view>
 	</view>
 </template>
 
 <script>
-	import UQRCode from 'uqrcodejs';
+	import { getQR } from '@/config/api.js'
 	export default {
-		onReady() {
-		  // 获取uQRCode实例
-		  var qr = new UQRCode();
-		  let {coachId, nickname, schoolId, tenantId} =  this.vuex_userInfo.user
-		  // 设置二维码内容
-		  qr.data = JSON.stringify({
-			  coachId,
-			  schoolId,
-			  nickname: encodeURIComponent(nickname),
-			  schoolName: encodeURIComponent('必须与canvas设置的宽高一致/设置二维码大小')
-		  })
-		
-		  // 设置二维码大小，必须与canvas设置的宽高一致
-		  qr.size = 200;
-		  qr.margin = 10;
-		  qr.errorCorrectLevel = UQRCode.errorCorrectLevel.L
-		  // 调用制作二维码方法
-		  qr.make()
-		  qr.foregroundImageSrc = require('./coach.png')
-		  // 获取canvas上下文
-		  var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
-		  // 设置uQRCode实例的canvas上下文
-		  qr.canvasContext = canvasContext;
-		  // 调用绘制方法将二维码图案绘制到canvas上
-		  qr.drawCanvas();
+		data() {
+			return {
+				timer: null,
+				ossUrl: '',
+				currentType: 2,
+				tabArr: [
+					{text: '教练码', id: 1},
+					{text: '签到码', id: 2},
+					{text: '签退码', id: 3},
+				]
+			}
+		},
+		onShow() {
+			this.$nextTick(()=>{
+				this.refresh()
+			})
+			this.test()
+		},
+		onHide() {
+			console.log('清除了')
+			clearTimeout(this.timer)
+			this.timer = null
+		},
+		beforeDestroy() {
+			clearTimeout(this.timer)
+			this.timer = null
+			// this.refresh = null
+		},
+		methods: {
+			test() {
+				function newObj(name) {
+					this.name = name
+				}
+				let myname = new newObj('joe')
+				const dep = this.depClone(myname, newObj)
+				console.log(dep)
+			},
+			depClone(obj, fu) {
+				let protoType = fu.protoType
+				
+			},
+			changeTab(item) {
+				if(item.id==this.currentType) return
+				this.currentType = item.id
+				this.refresh()
+			},
+			async refresh() {
+				const {data: res} = await getQR({type: this.currentType})
+				this.ossUrl = res.ossUrl
+				clearTimeout(this.timer)
+				if(this.currentType!=1) {
+					this.timer = setTimeout(()=>{
+						console.log('刷新了')
+						this.refresh()
+					},1000*20)
+				}
+			}
 		}
 	}
 </script>
@@ -50,13 +91,50 @@
 <style lang="scss" scoped>
 	.qcode {
 		width: 100%;
-		height: 600rpx;
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		padding: 20rpx 0;
 	}
 	.card {
 		padding: 28rpx;
 		margin-bottom: 24rpx;
 	}
+	.refresh_row {
+		display: flex;
+		justify-content: flex-end;
+		align-items: center;
+		padding: 10rpx 0;
+		.text {
+			color: $themC;
+			font-size: 28rpx;
+		}
+		.icon {
+		  width: 24rpx;
+		  height: 24rpx;
+		  margin-left: 6rpx;
+		}
+	}
+	
+	.tabs {
+		height: 72rpx;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		display: flex;
+		line-height: 72rpx;
+		text-align: center;
+		color: #ADADAD;
+		margin: 24rpx 0;
+		.tab {
+			flex: 1;
+			text-align: center;
+	
+			&.active {
+				background: rgba(25, 137, 250, 0.1);
+				border: 2rpx solid #1989FA;
+				color: $themC;
+				border-radius: 16rpx;
+			}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/static/images/coach/教练.png b/static/images/coach/教练.png
deleted file mode 100644
index 72ec7f73f69f58a9be293026d92d183d715c754d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 904
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%jKx9jP7LeL$-D$|Tv8)E(|mmy
zw18|52FCVG1{RPKAO`7UU|?Rr$iNJw89`zTm=LlHm=SD{LZ6e{fVMJy@^o<w@!(xM
z%|0VIP~_Oz)7hO<8ax#(B6^#fG?W%S3VD;{>hVjxV{%hRKmfaPNI_;SOY62~s~3+R
zsVvD{?QwD8jg=Z6frSAgkDnz-ahSB4b?(>SGiCbm-4_p87g&6s_j&I7-QS<xoi2Xs
zoBXy78w4UFBX{zB;i)^3`O{}k|IsA=U%!4`n={9-rAKtRfwlGR=(S<<ufF~&$NX)2
z?rm{4Ha0QduWq-p!p}S{au=-BoEV_-<=&<>pC@{#XkL%7{8i4aoMWx`xX(gw_Tyh|
z9zsp+A1nT_xo>%>CcG>{$8X~9wio_=h4aNPACWE((VBYBlcg!uUQn<j#5A!b)PM2~
z>0T$3xRL{pmxZo+cjcIA+1HF)Np6Y()vY}3hkwc5n#Fzj#Ybl8)`+`)eJRRw{r-Q;
zE_vP}7-su!Pj!w6)0bv9>-p#93(SA?wgLs~N}t~1tQBaO`b~SAvG}r!kK0YT3jOD;
zXq?(t=w9~IRNLIx__A`(v9of$d(%Xuq@=2jd(C$iTKcm0ert)|mu#Su`okAkUf(Iz
zYkpv=*V0AuJH+FgD&~cnpUB#Ji?gWed+CGjLqfgR!Zap&gmASUV!3<#<J$_Z#wqP<
z57jtD`0q=7^_%OFrWI4-w8tKWI@VEEJi;4PH|XE^sN%lkP3u;UmuE617AxLmF}mJb
z>mAdy#Np3ksTp}<o7*dd>|I~Y_+(^I{N!DV(af{U3xYdhdoERo$4Dg1{J~LgWn=Sa
z>JR_f^XA>-e<4&SDroBvDpof8?%nWWXO4hri|V?ylqMgk<}eA<yAZ~+F7Lzk2d9O$
zzL;I$+qOk$(y#4XD$<v-v$MzNw%%xYS~vG;eO6!9+Rd9kFL-y6<6h&ZkN_ni@#z*v
z_wL(gm$Y&AWvvafk9RpnO&0F0d#lm8{v+Ezxg{MtWc+G(sHk3PUBBt9m0>`!MY!VI
zO>;Zf`mf3`iQ)}f8Kc+!^WBBp%kzrs=1a&tQ(oM}zVh+2Ul|{L%Vx&b7N$4LbVp0o
ZGv0pYoEnsHVlF5bc)I$ztaD0e0sz<QgwX&1