From 7bd4d683d5bf8550abc2da8b372f2bfaf4f11f94 Mon Sep 17 00:00:00 2001
From: Penny <2500338766@qq.com>
Date: Sat, 22 Apr 2023 13:47:01 +0800
Subject: [PATCH] =?UTF-8?q?feature:=E6=96=B0=E5=A2=9EAI=E7=BB=98=E7=94=BB?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/ai/paint/paint.vue       |  24 +-
 pages/ai/paint/paintDetail.vue |  18 +-
 pages/creator/imgDetail.vue    | 398 ++++++++++++++++++++++++---------
 3 files changed, 331 insertions(+), 109 deletions(-)

diff --git a/pages/ai/paint/paint.vue b/pages/ai/paint/paint.vue
index 3ae7256..8240329 100644
--- a/pages/ai/paint/paint.vue
+++ b/pages/ai/paint/paint.vue
@@ -87,6 +87,7 @@
 <script>
 	import base64ToImg from '@/utils/base64Utils';
 	import {getPaintStyle, getPrompt, textToImg} from '@/api/paint.js';
+	import tiktokAd from '@/utils/tiktokAd.js'
 	export default {
 		data() {
 			return {
@@ -95,13 +96,14 @@
 					width: undefined,
 					modelName: undefined,
 					styleName: undefined,
-					promptText: undefined
+					promptText: undefined,
 				},
 				checkData:{
 					checkPrompt: undefined, //true填了内容;false未填内容
 					checkStyleBox: undefined, //true选了创作风格;false未选创作风格
 					checkSize: undefined, //true选了画布大小;false未选画布大小
 				},
+				advertise: '0qfnoa4053uwkefbas',
 				userInfo: {},
 				noClick:true, //防止重复提交
 				promptList: [],
@@ -139,9 +141,28 @@
 			this.checkLogin();
 			this.getPaintStyleList();
 			this.getPrompt();
+			//this.initReward();//加载广告
+			//tiktokAd.rewarded.load('0qfnoa4053uwkefbas');
+			 
 		},
 		
 		methods: {
+			
+			//加载广告实例
+			initReward(){
+				let that = this;
+				//console.log('that.advertise',that.advertise)
+				tiktokAd.rewarded.load('0qfnoa4053uwkefbas', () => {
+					console.log('进入了广告');
+					// uni.setClipboardData({
+					// 	data: that.draw.draw_text
+					// })
+				})
+			},
+			
+			//翻译
+			
+			
 			//判断是否登录
 			checkLogin(){
 				let that = this;
@@ -170,6 +191,7 @@
 			},
 			//传递参数到下个界面开始绘图
 			startPaint(){
+				//tiktokAd.rewarded.show();
 				//判断必填项是否都填了
 				const that = this;
 				 //console.log('创作prompt为：',that.formData.promptText)
diff --git a/pages/ai/paint/paintDetail.vue b/pages/ai/paint/paintDetail.vue
index 847b67c..f340f11 100644
--- a/pages/ai/paint/paintDetail.vue
+++ b/pages/ai/paint/paintDetail.vue
@@ -89,12 +89,14 @@
 
 <script>
 	import base64ToImg from '@/utils/base64Utils';
+	import rewarded from '@/utils/tiktokAd.js'
 	import { textToImg} from '@/api/paint.js';
 	import {loginTiktok} from '@/api/auth.js'
 	export default {
 		data() {
 			return {
-				
+				//广告加载状态
+				adStatus: false,
 				imgHeight: undefined,
 				imgWidth: undefined,
 				transImg: undefined,
@@ -126,6 +128,10 @@
 			 	}
 				
 			 });
+			 
+			 //加载广告
+			 //initReward();
+			 
 		},
 		onShareTimeline() {
 			let _this = this
@@ -155,6 +161,16 @@
 		},
 		methods: {
 			
+			//加载广告实例
+			// initReward(){
+			// 	let that = this;
+			// 	rewarded.load(that.spool.reward.id, () => {
+			// 		uni.setClipboardData({
+			// 			data: that.draw.draw_text
+			// 		}) 
+			// 	})
+			// },
+			
 			//调用登录接口
 			async loginFunc(res, userInfo, callBack) {
 			  const params = {
diff --git a/pages/creator/imgDetail.vue b/pages/creator/imgDetail.vue
index 5a6331a..bd32b43 100644
--- a/pages/creator/imgDetail.vue
+++ b/pages/creator/imgDetail.vue
@@ -34,6 +34,11 @@
 </template>
 
 <script>
+	let isplayOver = false;
+	let timer = 0;
+	let Timer = null;
+	let stayTime = 0;
+	let isOverTask = false
 	import {
 		detailsTiktokImg, // 获取图片详情
 		judgeTiktokLike, // 查询是否点赞过
@@ -45,9 +50,10 @@
 		queryCreatorScanCodeById, //获取艺术家搜索码
 		insertOrUpdatePreAdProfit, //新增/更新艺术家即将入账广告收益
 		insertOrUpdatePreInviteProfit, // 新增/更新艺术家即将入账邀请收益
-		checkUserCanDownload // 检查某平台用户当日下载次数是否超标
+		checkUserCanDownload// 检查某平台用户当日下载次数是否超标
 	} from '@/api/creator.js'
   import {loginTiktok} from '@/api/auth.js'
+  import tiktokAd from '@/utils/tiktokAd.js'
 	export default {
 		data() {
 			return {
@@ -65,12 +71,84 @@
 				likeColor: '#ef223c',
 				collectColor: '#dcaa04',
 				urlParamId: undefined,
+				htime: 0, //广告点击
+				mintime: 999999999, //最短持续时间
+				taskhide: false,
+				starttask: false,
+				done: false,
+				adList:['0qfnoa4053uwkefbas','2v63zq5hvfclpxmurl','d4ltbnxa23zp2hhqwe'] //激励视频广告列表
 			}
 		},
 		onLoad(option){
 			if (option?.id) {
 				this.urlParamId = option.id;
 			}
+			isOverTask = false;
+			//随机选择一个激励视频广告初始化
+			let num = Math.floor(Math.random() * this.adList.length + 1)-1;
+			console.log('随机激励视频id为：',this.adList[num])
+			//tiktokAd.rewarded.load(this.adList[num])
+			this.loadAdvertise(this.adList[num]);
+		},
+		onHide: function() {
+			var htime = Date.now()
+			this.taskhide = true
+			this.htime = htime
+		},
+		onShow: function() {
+			var that = this;
+			if (isOverTask) {
+				return
+			}
+			if (this.taskhide) {
+				var stime = Date.now()
+				var lasttime = stime - this.htime;
+				stayTime = lasttime
+				if (!isplayOver) {
+					uni.showModal({
+						title: '任务失败',
+						content: '广告未播放完成',
+						showCancel: false,
+						confirmText: '知道了'
+					})
+					return
+				}
+				if (lasttime < this.mintime && this.mintime > 0) {
+					uni.showModal({
+						title: '任务失败',
+						content: '广告停留时间需要大于' + this.mintime / 1000 + '秒',
+						showCancel: false,
+						confirmText: '知道了'
+					})
+					// that.setData({
+					// 	taskhide: false
+					// })
+					that.taskhide = false;
+				} else {
+					if (that.hudian > 0) {
+						this.done = true;
+						this.starttask = true;
+						isOverTask = true;
+						uni.showModal({
+							title: '任务完成',
+							content: '点击右上角关闭按钮',
+							showCancel: false,
+							confirmText: '知道了'
+						})
+					} else {
+						uni.showModal({
+							title: '任务完成',
+							content: '你已经完成此任务！！',
+							showCancel: false,
+							confirmText: '确定',
+							complete: function() {
+								this.done = true
+								this.starttask = true
+							}
+						})
+					}
+				}
+			}
 		},
 		created() {
 			const detailId = uni.getStorageSync('detailId')
@@ -99,6 +177,103 @@
 			}
 		},
 		methods: {
+			onUnload() {
+				//清除定时器
+				clearInterval(Timer)
+			},
+			//开启激励视频广告停留计时器
+			statTimer() {
+				Timer = setInterval(() => {
+					timer++;
+					if (timer >= 16) {
+						isplayOver = true;
+						clearInterval(Timer)
+					}
+				}, 1000)
+			},
+			
+			//加载激励视频广告
+			loadAdvertise(e){
+				// 在页面中定义激励视频广告
+				let videoAd = null
+				var that = this
+				// 在页面onLoad回调事件中创建激励视频广告实例
+				if (tt.createRewardedVideoAd) {
+					videoAd = tt.createRewardedVideoAd({
+						adUnitId: e
+					})
+					this.videoAd = videoAd
+					videoAd.onLoad(() => {
+						console.log('激励视频广告'+e+'加载成功')
+					})
+					videoAd.onError((err) => {
+						that.err()
+					})
+					videoAd.onClose((res) => {
+						if (res && res.isEnded) {
+							// 正常播放结束，可以下发游戏奖励
+							if (that.htime == 0) {
+								wx.showModal({
+									title: '您没有点击广告',
+									content: '点击视频广告下方的按钮进入广告停留' + that.mintime / 1000 + '秒后关闭广告即可',
+									showCancel: false
+								})
+							} else {
+								if (stayTime < this.mintime && this.mintime > 0) {
+									wx.showModal({
+										title: '图片下载失败',
+										content: '广告停留时间需要大于' + this.mintime / 1000 + '秒',
+										showCancel: false,
+										confirmText: '知道了'
+									})
+									this.taskhide = true
+								} else {
+									if (isOverTask) {
+										//this.gotoAdPage()
+										console.log('广告点击观看完毕!')
+									}
+									this.starttask = true;
+									console.log('this.starttask ',this.starttask)
+								}
+				
+							}
+						} else {
+							timer = 0;
+							isplayOver = false;
+							wx.showToast({
+								title: '您还没有看完视频，无法获取奖励',
+								icon: 'none'
+							})
+							this.done = false;
+							this.starttask = false;
+						}
+					})
+				}
+			},
+			
+			//展示激励视频广告
+			showAdvertise(){
+				let videoAd = this.videoAd
+				this.statTimer()
+				videoAd.show().catch(() => {
+					// 失败重试
+					videoAd.load()
+						.then(() => videoAd.show())
+						.catch(err => {
+							uni.showModal({
+								title: '图片下载失败',
+								content: '请稍后重试',
+								showCancel: false,
+								complete: function() {
+									that.done = true;
+									that.starttask = true;
+									// that.cuowu = true;
+								}
+							})
+						})
+				})
+			},
+			
 			// 图片详情
 			async getImgDetail(id) {
 				const res = await detailsTiktokImg(id)
@@ -392,7 +567,7 @@
 					})
 				}
 			},
-      authDownload(url) {
+       authDownload(url) {
         if (!this.userInfo) {
           this.getUserInfoLogin(() => {
             this.download(url)
@@ -402,121 +577,129 @@
         }
       },
 			// 下载
-			download(url) {
+			 download(url) {
 				let that = this;
 				if (that.canDownload !== true) {
 					//满足可下载条件
 					that.isDownload = true
+					//展示激励视频广告
+					this.showAdvertise();
+					// const result = await tiktokAd.rewarded.show();
+					// console.log('结果为',result)
+					// if(result.achieveStatus === true){
+					// 	console.log('视频完成状态为:',result.achieveStatus)
+					// }
 					uni.showLoading({
 						title: '正在保存图片...'
 					});
+					console.log('test123')
 					//获取用户的当前设置。获取相册权限
-					uni.getSetting({
-						success: (res) => {
-							//如果没有相册权限
-							if (!res.authSetting["scope.writePhotosAlbum"]) {
-								//向用户发起授权请求
-								uni.authorize({
-									scope: "scope.album",
-									success: () => {
-										//授权成功保存图片到系统相册
-										uni.downloadFile({
-											url,
-											success: (res) => {
-												if (res.statusCode === 200) {
-													uni.saveImageToPhotosAlbum({
-														//图片路径，不支持网络图片路径
-														filePath: res.tempFilePath,
-														success: (res) => {
+					// uni.getSetting({
+					// 	success: (res) => {
+					// 		//如果没有相册权限
+					// 		if (!res.authSetting["scope.writePhotosAlbum"]) {
+					// 			//向用户发起授权请求
+					// 			uni.authorize({
+					// 				scope: "scope.album",
+					// 				success: () => {
+					// 					//授权成功保存图片到系统相册
+					// 					uni.downloadFile({
+					// 						url,
+					// 						success: (res) => {
+					// 							if (res.statusCode === 200) {
+					// 								uni.saveImageToPhotosAlbum({
+					// 									//图片路径，不支持网络图片路径
+					// 									filePath: res.tempFilePath,
+					// 									success: (res) => {
 
-														},
-														fail: (res) => {
-															return uni.showToast({
-																	title: res.errMsg,
-																	icon: 'none'
-																});
-														},
-														complete: (res) => {
-															uni.hideLoading();
-															if (res.errMsg !== "saveImageToPhotosAlbum:ok") {
-																return uni.showToast({
-																		title: "下载失败！",
-																		icon: 'none'
-																	});
-															} else {
-																return uni
-																	.showToast({
-																		title: "下载成功！",
-																		icon: 'none',
-																		success() {
-																			//下载成功写入下载收益、邀请收益
-																			that.insertPreAdProfit();
-																			that.insertPreInviteProfit();
-																		}
-																	});
-															}
-														},
-													});
-												} else {
-													uni.showToast({
-														title: "下载失败！",
-														icon: 'none'
-													});
-												}
-											}
-										})
-									},
-									//授权失败
-									fail: () => {
-										uni.hideLoading();
-										uni.showModal({
-											title: "您已拒绝获取相册权限",
-											content: "是否进入权限管理，调整授权？",
-											success: (res) => {
-												if (res.confirm) {
-													//调起客户端小程序设置界面，返回用户设置的操作结果。（重新让用户授权）
-													uni.openSetting({
-														success: (res) => {
+					// 									},
+					// 									fail: (res) => {
+					// 										return uni.showToast({
+					// 												title: res.errMsg,
+					// 												icon: 'none'
+					// 											});
+					// 									},
+					// 									complete: (res) => {
+					// 										uni.hideLoading();
+					// 										if (res.errMsg !== "saveImageToPhotosAlbum:ok") {
+					// 											return uni.showToast({
+					// 													title: "下载失败！",
+					// 													icon: 'none'
+					// 												});
+					// 										} else {
+					// 											return uni
+					// 												.showToast({
+					// 													title: "下载成功！",
+					// 													icon: 'none',
+					// 													success() {
+					// 														//下载成功写入下载收益、邀请收益
+					// 														that.insertPreAdProfit();
+					// 														that.insertPreInviteProfit();
+					// 													}
+					// 												});
+					// 										}
+					// 									},
+					// 								});
+					// 							} else {
+					// 								uni.showToast({
+					// 									title: "下载失败！",
+					// 									icon: 'none'
+					// 								});
+					// 							}
+					// 						}
+					// 					})
+					// 				},
+					// 				//授权失败
+					// 				fail: () => {
+					// 					uni.hideLoading();
+					// 					uni.showModal({
+					// 						title: "您已拒绝获取相册权限",
+					// 						content: "是否进入权限管理，调整授权？",
+					// 						success: (res) => {
+					// 							if (res.confirm) {
+					// 								//调起客户端小程序设置界面，返回用户设置的操作结果。（重新让用户授权）
+					// 								uni.openSetting({
+					// 									success: (res) => {
 
-														},
-													});
-												} else if (res.cancel) {
-													return uni.showToast({
-														title: "已取消！",
-														icon: 'none'
-													});
-												}
-											},
-										});
-									},
-								});
-							} else {
-								//如果已有相册权限，直接保存图片到系统相册
-								uni.saveImageToPhotosAlbum({
-									filePath: url,
-									success: (res) => {
-										uni.hideLoading();
-										return uni.showToast({
-											title: "保存成功！",
-											icon: 'none'
-										});
-									},
-									fail: (res) => {
-										uni.hideLoading();
-										return uni.showToast({
-											title: res.errMsg,
-											icon: 'none'
-										});
-									},
-									//无论成功失败都走的回调
-									complete: (res) => {
-										uni.hideLoading();
-									},
-								});
-							}
-						},
-						fail: (res) => {},
-					});
+					// 									},
+					// 								});
+					// 							} else if (res.cancel) {
+					// 								return uni.showToast({
+					// 									title: "已取消！",
+					// 									icon: 'none'
+					// 								});
+					// 							}
+					// 						},
+					// 					});
+					// 				},
+					// 			});
+					// 		} else {
+					// 			//如果已有相册权限，直接保存图片到系统相册
+					// 			uni.saveImageToPhotosAlbum({
+					// 				filePath: url,
+					// 				success: (res) => {
+					// 					uni.hideLoading();
+					// 					return uni.showToast({
+					// 						title: "保存成功！",
+					// 						icon: 'none'
+					// 					});
+					// 				},
+					// 				fail: (res) => {
+					// 					uni.hideLoading();
+					// 					return uni.showToast({
+					// 						title: res.errMsg,
+					// 						icon: 'none'
+					// 					});
+					// 				},
+					// 				//无论成功失败都走的回调
+					// 				complete: (res) => {
+					// 					uni.hideLoading();
+					// 				},
+					// 			});
+					// 		}
+					// 	},
+					// 	fail: (res) => {},
+					// });
 				} else {
 					//不满足可下载条件 canDownload为true状态
 					uni.showToast({
@@ -526,6 +709,7 @@
 				}
 
 			},
+			
 			// 分享
 			share() {
 				uni.showToast({