任务中心

pages.json

@@ -12,6 +12,19 @@
 					"titleNView": false
 				}
 			}
+		},{
+			"path" : "pages/test",
+			"style" : 
+			{
+				"navigationBarTitleText" : "测试"
+			}
+		},
+		{
+			"path" : "pages/ad/index",
+			"style" : 
+			{
+				"navigationBarTitleText" : "任务中心"
+			}
 		}, {
 			"path": "pages/login/mimi", //隐私协议
 			"style": {

pages/ad/index.vue

@@ -0,0 +1,344 @@
+<template>
+	<view>
+		<view class="bg">
+			<image src="/static/icon/ad/bg.png" mode="widthFix"></image>
+		</view>
+		<view class="contents">
+			<image class="contents-text" src="/static/icon/ad/wcrw.png" mode="widthFix"></image>
+			<view class="daynum">
+				<image class="contents-bg" src="/static/icon/ad/cjcs.png" mode="widthFix"></image>
+				<view style="flex: 1;"></view>
+				<text class="daynumtitle">今日奖励</text>
+				<text class="daydraw">抽奖次数1次</text>
+				<text class="todraw todraw1" v-if="taskStatus" @click="toChoujiang">去抽奖</text>
+				<text class="todraw" v-else>去抽奖</text>
+			</view>
+			<view class="daytask">
+				<view class="daytask-title">今日任务</view>
+				<view class="daytask-line">
+					<image src="/static/icon/ad/ad-video.png" mode="widthFix"></image>
+					<view class="line-title">
+						<view class="title1">观看视屏任务</view>
+						<view class="title2">已观看{{ taskObj.watchCount }}/{{ taskObj.total }}</view>
+					</view>
+					<view style="flex: 1;"></view>
+					<ad-rewarded-video v-if="taskStatus == false" :adpid="adpid" :loadnext="true"
+						v-slot:default="{loading, error}" @load="onadload" @close="onadclose" @error="onaderror"
+						:url-callback="callbackData">
+						<!-- <view v-if="error">{{error}}</view> -->
+						<!-- <u-button type="primary" style="width:100px;" size="mini"  :disabled="loading" :loading="loading">去完成</u-button> -->
+						<button :disabled="loading" :loading="loading" class="video-button">去完成</button>
+					</ad-rewarded-video>
+				</view>
+			</view>
+		</view>
+		<!-- <view
+			style="height:200px;background: #14a1ff;padding:10px;border-radius: 5px;display: flex;    flex-direction: column;box-shadow: rgb(204, 204, 204) 0 0 7px 5px;">
+			<view style="color:#fff;font-size:14px;flex:2;">今日奖励</view>
+			<view style="color:#fff;flex:2;text-align: center;font-size: 20px;">抽奖次数1次</view>
+			<view style="flex:1;">
+				<view style="display: flex;justify-content: normal; justify-content: space-around;color:#fff;">
+					<block v-if="taskStatus == false">
+						<view>今日任务次数:{{taskObj.total}}</view>
+						<view>当前已完成任务次数:{{taskObj.watchCount}}</view>
+					</block>
+					<block v-if="taskStatus">
+						<u-button style="width:200px;" @click="toChoujiang">跳转抽奖</u-button>
+					</block>
+				</view>
+				<u-line-progress active-color="#2979ff" :percent="progress"></u-line-progress>
+			</view>
+		</view>
+		<view>
+			<view style="font-size:20px;padding-top:20px;">
+				<view style="display: flex;justify-content: space-between;align-items: center;">
+					<view style="display: flex; align-items: center;">
+						<u-image style="width:25px;" src="@/static/icon/ad.png" mode="widthFix"></u-image>
+						<view style="margin-left:5px;">视频广告</view>
+					</view>
+
+					<view v-if="taskStatus">
+						<u-button type="default">已完成</u-button>
+					</view>
+				</view>
+			</view>
+		</view> -->
+	</view>
+</template>
+
+<script>
+	import {
+		mapState
+	} from "vuex"
+
+
+	export default {
+		data() {
+			return {
+				adpid: '1372912966',
+				appid: '',
+				activityId: '1824703218157920256',
+				taskObj: {},
+				progress: 0,
+				callbackData: {
+					userId: "",
+					extra: {}
+				},
+				error: "",
+				taskStatus: false
+			}
+		},
+		computed: {
+			...mapState(['userInfo', 'userCheckInfo']),
+		},
+		async onLoad() {
+			this.refreshData();
+			this.callbackData.userId = this.userInfo.sysUser.id
+		},
+		onShow() {
+
+		},
+		methods: {
+			onadload(e) {},
+			onCreateAd() {
+
+			},
+			onadclose(e) {
+				const detail = e.detail
+				// 用户点击了【关闭广告】按钮
+				if (detail && detail.isEnded) {
+					//重新拉取数据
+					setTimeout(this.refreshData(), 3000);
+				} else {
+					// 播放中途退出
+					console.log("onadclose " + detail.isEnded);
+				}
+			},
+			onaderror(e) {
+
+				// 广告加载失败
+				//  this.$refs.uToast.show({
+				// 	title: '广告加载失败',
+				// 	type: 'default',
+				// })
+				uni.showToast({
+					icon: 'none',
+					title: e.detail.errMsg
+				})
+
+				console.log("onaderror: ", e.detail);
+			},
+			refreshData() {
+				console.log(this.userInfo)
+				this.$http.post('https://marketing.baoxianzhanggui.com/api/advertising/getUserWatchCount', {
+					userId: this.userInfo.sysUser.id
+				}).then(res => {
+					console.log(res)
+					this.taskObj = res.data;
+					this.progress = this.taskObj.watchCount / this.taskObj.total * 100
+					this.taskStatus = res.data.total <= res.data.watchCount
+				})
+			},
+			getErrorInfo() {
+				console.log(this.error)
+			},
+			toChoujiang() {
+				console.log('抽奖')
+
+				plus.share.getServices(res => {
+
+					let sweixin = null;
+
+					sweixin = res.find(i => i.id === 'weixin')
+
+					if (sweixin) {
+
+						// 分享跳转到微信小程序
+
+						sweixin.launchMiniProgram({
+
+							id: "gh_71ff3b2409d8", //微信小程序原生id
+
+							path: "pages/index/bigWheel/bigWheel?userId=" + this.userInfo.sysUser.id +
+								"&activityId=" + this.activityId, //    打开小程序的页面路径，不传默认跳转首页
+
+							type: 2 //     微信小程序版本类型，可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。
+
+						})
+
+					} else {
+						uni.showToast({
+							title: '请安装微信',
+							icon: 'none'
+						})
+					}
+
+				}, err => {
+					console.log("分享失败"); // 获取分享服务列表失败
+				});
+
+
+
+				uni.navigateToMiniProgram({
+					appId: 'wx4014825e79c10552',
+					path: 'pages/index/index?userId=' + this.userInfo.sysUser.id,
+					extraData: {
+
+					},
+					success(res) {
+						// 打开成功
+						console.log(res)
+					},
+					error(error) {
+						console.log(error)
+					}
+				})
+			}
+		}
+	}
+</script>
+<style>
+	page {
+		background: #ffe9c6;
+	}
+</style>
+<style lang="scss" scoped>
+	.page {
+		// background-color: #fff;
+		margin: 30rpx;
+	}
+
+	// .video-button {
+	// 	border: 1rpx solid var(--primary);
+	// 	font-size: 30rpx;
+	// 	line-height: 40rpx;
+	// 	padding: 10rpx 14rpx;
+	// 	color: var(--primary)
+	// }
+
+	.bg {
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 0;
+		width: 750rpx;
+	}
+
+	.contents {
+		position: relative;
+		padding: 30rpx;
+		box-sizing: border-box;
+
+		.contents-text {
+			width: 394rpx;
+			position: absolute;
+			top: 60rpx;
+			left: 20rpx;
+		}
+
+		.daynum {
+			position: relative;
+			height: 808rpx;
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: end;
+
+			text {
+				position: relative;
+			}
+
+			.contents-bg {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+			}
+
+			.daynumtitle {
+				margin-bottom: 28rpx;
+				font-size: 32rpx;
+				color: #333;
+			}
+
+			.daydraw {
+				width: 398rpx;
+				height: 74rpx;
+				background: linear-gradient(266deg, rgba(255, 255, 255, 0) 0%, rgba(255, 94, 39, 0.1) 100%);
+				border-radius: 38rpx;
+				border: 1rpx solid #FFC5B0;
+				margin-bottom: 150rpx;
+				text-align: center;
+				line-height: 70rpx;
+				color: #8F3A21;
+				font-weight: 800;
+			}
+
+			.todraw {
+				width: 334rpx;
+				height: 72rpx;
+				background: #CCCCCC;
+				border-radius: 38rpx;
+				border: 5rpx solid #EFEFEF;
+				text-align: center;
+				line-height: 64rpx;
+				color: #FFF;
+				font-size: 36rpx;
+				margin-bottom: 54rpx;
+			}
+			.todraw1 {
+				background: linear-gradient(180deg, #fffbf4 0%, #ffe1a1 100%);
+				color: #8F3A21;
+				border: 5rpx solid #ffe8ad;
+			}
+		}
+
+		.daytask {
+			padding: 30rpx;
+			background: #FFF;
+			margin-top: 40rpx;
+			border-radius: 22rpx;
+
+			.daytask-title {
+				font-size: 32rpx;
+				color: 333;
+				margin-bottom: 20rpx;
+			}
+
+			.daytask-line {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+				.line-title {
+					margin-left: 30rpx;
+
+					.title1 {
+						color: #333;
+						font-size: 28rpx;
+					}
+
+					.title2 {
+						color: #969696;
+						font-size: 24rpx;
+					}
+				}
+
+				.video-button {
+					background: linear-gradient(359deg, #FF4A13 0%, #FF8851 100%), #D8D8D8;
+					height: 60rpx;
+					line-height: 60rpx;
+					color: #FFF;
+					font-size: 26rpx;
+					border-radius: 30rpx;
+					padding: 0 30rpx;
+				}
+			}
+
+			image {
+				width: 48rpx;
+			}
+		}
+	}
+</style>

pages/my/my.vue

@@ -275,6 +275,11 @@
 						icon: 'icon-a-04',
 						text: '车险之家',
 						url: "/pages/carInsure/entry",
+					},
+					{
+						icon: 'icon-renwuzhongxin',
+						text: '任务中心',
+						url: "/pages/ad/index",
 					}
 				],
 				aboutList: [{

pages/test.vue

@@ -0,0 +1,59 @@
+<template>
+  <view class="content">
+   <ad-rewarded-video adpid="1372912966" :loadnext="true" v-slot:default="{loading, error}" @load="onadload" @close="onadclose" @error="onaderror"
+	:url-callback="callbackData">
+      <button :disabled="loading" :loading="loading">显示广告</button>
+      <view v-if="error">{{error}}</view>
+    </ad-rewarded-video>
+  </view>
+</template>
+
+<script>
+import {
+	mapState
+} from "vuex"
+
+export default {
+	
+  data() {
+    return {
+		callbackData:{
+			'userId':"",
+			'extra':{}
+		}
+    }
+  },
+  onLoad(){
+	console.log(this.userInfo);
+	this.callbackData.userId = this.userInfo.sysUser.id;
+  },
+  computed: {
+  	...mapState(['userInfo', 'userCheckInfo']),
+  },
+  methods: {
+    onadload(e) {
+    }, 
+	onCreateAd(){
+		
+	},
+    onadclose(e) {
+      const detail = e.detail
+      // 用户点击了【关闭广告】按钮
+      if (detail && detail.isEnded) {
+		  
+      } else {
+        // 播放中途退出
+        console.log("onadclose " + detail.isEnded);
+      }
+    },
+    onaderror(e) {
+      // 广告加载失败
+	  this.$refs.uToast.show({
+			title: '广告加载失败',
+			type: 'default',
+		})
+      console.log("onaderror: ", e.detail);
+    }
+  }
+}
+</script>

style/icon.css

@@ -1,412 +1,415 @@
 @font-face {
-	font-family: "iconfont";
-	/* Project id 4439599 */
-	src: url('https://at.alicdn.com/t/c/font_4439599_utu5y7tyqy.woff2?t=1721808082143') format('woff2'),
-		url('https://at.alicdn.com/t/c/font_4439599_utu5y7tyqy.woff?t=1721808082143') format('woff'),
-		url('https://at.alicdn.com/t/c/font_4439599_utu5y7tyqy.ttf?t=1721808082143') format('truetype'),
-		url('https://at.alicdn.com/t/c/font_4439599_utu5y7tyqy.svg?t=1721808082143#iconfont') format('svg');
+  font-family: "iconfont"; /* Project id 4439599 */
+  src: url('https://at.alicdn.com/t/c/font_4439599_3mdxeny2kp8.woff2?t=1724060217434') format('woff2'),
+       url('https://at.alicdn.com/t/c/font_4439599_3mdxeny2kp8.woff?t=1724060217434') format('woff'),
+       url('https://at.alicdn.com/t/c/font_4439599_3mdxeny2kp8.svg?t=1724060217434#iconfont') format('svg'),
+       url('https://at.alicdn.com/t/c/font_4439599_3mdxeny2kp8.ttf?t=1724060217434') format('truetype'),
 }
 
 .iconfont {
-	font-family: "iconfont" !important;
-	font-size: 16px;
-	font-style: normal;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-renwuzhongxin:before {
+  content: "\e807";
 }
 
 .icon-sanjiao_fill-:before {
-	content: "\e6a0";
+  content: "\e6a0";
 }
 
 .icon-CustomerService:before {
-	content: "\e66d";
+  content: "\e66d";
 }
 
 .icon-SecurityScan:before {
-	content: "\e667";
+  content: "\e667";
 }
 
 .icon-Reconciliation:before {
-	content: "\e668";
+  content: "\e668";
 }
 
 .icon-Rocket:before {
-	content: "\e669";
+  content: "\e669";
 }
 
 .icon-Contacts:before {
-	content: "\e66a";
+  content: "\e66a";
 }
 
 .icon-Crown:before {
-	content: "\e66b";
+  content: "\e66b";
 }
 
 .icon-Read:before {
-	content: "\e66c";
+  content: "\e66c";
 }
 
 .icon-Partition:before {
-	content: "\e66e";
+  content: "\e66e";
 }
 
 .icon-iconfanhuishangyiye:before {
-	content: "\e661";
+  content: "\e661";
 }
 
 .icon-shouxianxieyidingdan1:before {
-	content: "\e666";
+  content: "\e666";
 }
 
 .icon-yiwaixianxieyi:before {
-	content: "\e662";
+  content: "\e662";
 }
 
 .icon-chexianxieyi:before {
-	content: "\e663";
+  content: "\e663";
 }
 
 .icon-qianbao:before {
-	content: "\e665";
+  content: "\e665";
 }
 
 .icon-youjiantou:before {
-	content: "\e6b5";
+  content: "\e6b5";
 }
 
 .icon-xianshimima1:before {
-	content: "\e664";
+  content: "\e664";
 }
 
 .icon-buxianshimima1:before {
-	content: "\e660";
+  content: "\e660";
 }
 
 .icon-cuowu:before {
-	content: "\e600";
+  content: "\e600";
 }
 
 .icon-saoyisao:before {
-	content: "\e607";
+  content: "\e607";
 }
 
 .icon-a-01:before {
-	content: "\e65b";
+  content: "\e65b";
 }
 
 .icon-a-04:before {
-	content: "\e65c";
+  content: "\e65c";
 }
 
 .icon-a-03:before {
-	content: "\e65d";
+  content: "\e65d";
 }
 
 .icon-Frame-2:before {
-	content: "\e65e";
+  content: "\e65e";
 }
 
 .icon-Frame-3:before {
-	content: "\e65f";
+  content: "\e65f";
 }
 
 .icon-Frame-12:before {
-	content: "\e642";
+  content: "\e642";
 }
 
 .icon-Frame-4:before {
-	content: "\e647";
+  content: "\e647";
 }
 
 .icon-Frame-15:before {
-	content: "\e649";
+  content: "\e649";
 }
 
 .icon-Frame-13:before {
-	content: "\e64c";
+  content: "\e64c";
 }
 
 .icon-Frame-9:before {
-	content: "\e64d";
+  content: "\e64d";
 }
 
 .icon-Frame-7:before {
-	content: "\e64e";
+  content: "\e64e";
 }
 
 .icon-Frame-14:before {
-	content: "\e64f";
+  content: "\e64f";
 }
 
 .icon-Frame-11:before {
-	content: "\e650";
+  content: "\e650";
 }
 
 .icon-Frame-5:before {
-	content: "\e654";
+  content: "\e654";
 }
 
 .icon-a-02:before {
-	content: "\e655";
+  content: "\e655";
 }
 
 .icon-Frame-6:before {
-	content: "\e656";
+  content: "\e656";
 }
 
 .icon-Frame-8:before {
-	content: "\e657";
+  content: "\e657";
 }
 
 .icon-Frame-10:before {
-	content: "\e658";
+  content: "\e658";
 }
 
 .icon-Frame-1:before {
-	content: "\e659";
+  content: "\e659";
 }
 
 .icon-Frame:before {
-	content: "\e65a";
+  content: "\e65a";
 }
 
 .icon-zhongguoyouzhengchuxuyinhanglogo:before {
-	content: "\e638";
+  content: "\e638";
 }
 
 .icon-zhongguonongyeyinhanglogo:before {
-	content: "\e639";
+  content: "\e639";
 }
 
 .icon-zhongguoyinhanglogo:before {
-	content: "\e63a";
+  content: "\e63a";
 }
 
 .icon-jiansheyinhanglogo:before {
-	content: "\e63b";
+  content: "\e63b";
 }
 
 .icon-jiaotongyinhanglogo:before {
-	content: "\e63c";
+  content: "\e63c";
 }
 
 .icon-zhongxinyinhanglogo:before {
-	content: "\e63d";
+  content: "\e63d";
 }
 
 .icon-zhongguoguangdayinhanglogo:before {
-	content: "\e63e";
+  content: "\e63e";
 }
 
 .icon-huaxiayinhanglogo:before {
-	content: "\e63f";
+  content: "\e63f";
 }
 
 .icon-zhongguominshengyinhanglogo:before {
-	content: "\e640";
+  content: "\e640";
 }
 
 .icon-guangfayinhanglogo:before {
-	content: "\e641";
+  content: "\e641";
 }
 
 .icon-zhaoshangyinhanglogo:before {
-	content: "\e643";
+  content: "\e643";
 }
 
 .icon-xingyeyinhanglogo:before {
-	content: "\e644";
+  content: "\e644";
 }
 
 .icon-pufayinhang:before {
-	content: "\e645";
+  content: "\e645";
 }
 
 .icon-pinganyinhanglogo:before {
-	content: "\e646";
+  content: "\e646";
 }
 
 .icon-bohaiyinhanglogo:before {
-	content: "\e648";
+  content: "\e648";
 }
 
 .icon-zheshangyinhanglogo:before {
-	content: "\e64a";
+  content: "\e64a";
 }
 
 .icon-beijingyinhanglogo:before {
-	content: "\e64b";
+  content: "\e64b";
 }
 
 .icon-changzhiyinhanglogo:before {
-	content: "\e651";
+  content: "\e651";
 }
 
 .icon-jinshangyinhanglogo:before {
-	content: "\e652";
+  content: "\e652";
 }
 
 .icon-jinchengyinhanglogo:before {
-	content: "\e653";
+  content: "\e653";
 }
 
 .icon-qinghaiyinhanglogo:before {
-	content: "\e6a6";
+  content: "\e6a6";
 }
 
 .icon-changanyinhanglogo:before {
-	content: "\e6ab";
+  content: "\e6ab";
 }
 
 .icon-guangzhouyinhanglogo:before {
-	content: "\e6bb";
+  content: "\e6bb";
 }
 
 .icon-guojiakaifayinhanglogo:before {
-	content: "\e634";
+  content: "\e634";
 }
 
 .icon-zhongguorenminyinhanglogo:before {
-	content: "\e635";
+  content: "\e635";
 }
 
 .icon-zhongguojinchukouyinhanglogo:before {
-	content: "\e636";
+  content: "\e636";
 }
 
 .icon-zhongguogongshangyinhanglogo:before {
-	content: "\e637";
+  content: "\e637";
 }
 
 .icon-chexianludan-weixuanzhong1:before {
-	content: "\e62b";
+  content: "\e62b";
 }
 
 .icon-shouxianjiesuan-weixuanzhong1:before {
-	content: "\e62c";
+  content: "\e62c";
 }
 
 .icon-feiyonghedui-weixuanzhong1:before {
-	content: "\e62d";
+  content: "\e62d";
 }
 
 .icon-dingdanchaxun-weixuanzhong1:before {
-	content: "\e62e";
+  content: "\e62e";
 }
 
 .icon-yiwaixianjiesuan-weixuanzhong1:before {
-	content: "\e62f";
+  content: "\e62f";
 }
 
 .icon-zhanghutixian-weixuanzhong1:before {
-	content: "\e630";
+  content: "\e630";
 }
 
 .icon-duizhangxitong-weixuanzhong1:before {
-	content: "\e631";
+  content: "\e631";
 }
 
 .icon-fapiaoguanli-weixuanzhong1:before {
-	content: "\e632";
+  content: "\e632";
 }
 
 .icon-chexianjiesuan-weixuanzhong1:before {
-	content: "\e633";
+  content: "\e633";
 }
 
 .icon-duizhangxitong-yixuanzhong:before {
-	content: "\e627";
+  content: "\e627";
 }
 
 .icon-duizhangxitong-weixuanzhong:before {
-	content: "\e628";
+  content: "\e628";
 }
 
 .icon-shouxianjiesuan-weixuanzhong:before {
-	content: "\e629";
+  content: "\e629";
 }
 
 .icon-shouxianjiesuan-yixuanzhong:before {
-	content: "\e62a";
+  content: "\e62a";
 }
 
 .icon-chexianludan-weixuanzhong:before {
-	content: "\e61a";
+  content: "\e61a";
 }
 
 .icon-dingdanchaxun-weixuanzhong:before {
-	content: "\e61d";
+  content: "\e61d";
 }
 
 .icon-dingdanchaxun-yixuanzhong:before {
-	content: "\e623";
+  content: "\e623";
 }
 
 .icon-chexianludan-yixuanzhong:before {
-	content: "\e624";
+  content: "\e624";
 }
 
 .icon-feiyonghedui-weixuanzhong:before {
-	content: "\e625";
+  content: "\e625";
 }
 
 .icon-feiyonghedui-yixuanzhong:before {
-	content: "\e626";
+  content: "\e626";
 }
 
 .icon-fapiaoguanli-weixuanzhong:before {
-	content: "\e61b";
+  content: "\e61b";
 }
 
 .icon-yiwaixianjiesuan-weixuanzhong:before {
-	content: "\e61c";
+  content: "\e61c";
 }
 
 .icon-up-weixuanzhong:before {
-	content: "\e61e";
+  content: "\e61e";
 }
 
 .icon-chexianjiesuan-weixuanzhong:before {
-	content: "\e61f";
+  content: "\e61f";
 }
 
 .icon-up-yixuanzhong:before {
-	content: "\e620";
+  content: "\e620";
 }
 
 .icon-down-weixuanzhong:before {
-	content: "\e621";
+  content: "\e621";
 }
 
 .icon-down-yixuanzhong:before {
-	content: "\e622";
+  content: "\e622";
 }
 
 .icon-zhankai-copy:before {
-	content: "\e6bc";
+  content: "\e6bc";
 }
 
 .icon-zhankai:before {
-	content: "\e616";
+  content: "\e616";
 }
 
 .icon-zhanghutixian-yixuanzhong:before {
-	content: "\e615";
+  content: "\e615";
 }
 
 .icon-zhanghutixian-weixuanzhong:before {
-	content: "\e617";
+  content: "\e617";
 }
 
 .icon-chexianjiesuan-yixuanzhong:before {
-	content: "\e614";
+  content: "\e614";
 }
 
 .icon-yiwaixianjiesuan-yixuanzhong:before {
-	content: "\e618";
+  content: "\e618";
 }
 
 .icon-fapiaoguanli-yixuanzhong:before {
-	content: "\e619";
-}
+  content: "\e619";
+}