tst

page_mycenter/bindaccounts/kuaishoubind.vue

@@ -1,836 +1,849 @@
-<template>
-	<view style="position: relative;">
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-		<view class="home">
-			<view class="card" v-if="!loading">
-				<view class="head">
-					<image
-						src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png"
-						mode="aspectFill">
-					</image>
-					<span>快手账号绑定</span>
-				</view>
-
-				<view class="body">
-
-					<view>
-						<!-- 绑定成功展示信息  v-if -->
-						<view v-if="isBindKuaishou">
-							<!-- 左侧图片和文字 -->
-							<view class="task-info-left" style="display: flex;">
-								<!-- 图片 -->
-								<image class="head-img" :src="head_uri"></image>
-								<view class="task-info-txt">
-									<p style="margin-bottom: 15rpx;">{{nick_name}}</p>
-									<!-- <p style="color: #81838f;">剩余100天</p> -->
-
-								</view>
-							</view>
-							<view class="sale_txt">
-								<p>粉丝数:<span>{{fansCount}}</span></p>
-								<p>近30日橱窗销量:<span style="padding-left: 30rpx;">{{saleNum_30}}</span></p>
-							</view>
-						</view>
-
-
-						<!-- 分割线 -->
-						<view class="heng-line"></view>
-
-						<!-- 点击弹窗 toggle(触发)-->
-						<button class="btn1" @click="getqrcode('center')">
-							{{ isBindKuaishou ? '刷新授权' : '添加快手账号' }}
-						</button>
-					</view>
-				</view>
-			</view>
-		</view>
-		<!-- 普通弹窗  公众号-->
-		<uni-popup ref="popup4" class="share" background-color="#fff" @change="change" :maskClick="true">
-			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-				<view class="sharepage">
-					<view class="projecttext1">
-						<span>快手账号登录</span>
-					</view>
-					<view class="sharetxt">
-						<text style="color:#9a9a9a ;">
-							截屏或下载二维码，使用快手APP\n
-							打开[首页-搜索-扫一扫]后扫码进行
-						</text>
-					</view>
-					<!-- 授权码展示 -->
-					<view class="sharemap">
-						<!-- 根据 countdownTime 的值为 image 元素应用不同的类名 -->
-						<image :class="{'expired-image': countdownTime <= 0, 'active-image': countdownTime > 0}"
-							:src="qrcodeURL" mode=""></image>
-
-						<!-- 条件渲染：当 countdownTime 小于等于 0 时显示蒙版 -->
-						<image v-if="countdownTime <= 0"
-							src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/qrOOD.png"
-							style="width: 150rpx;height: 150rpx;position: absolute;top: 240rpx;left: 200rpx;"></image>
-
-					</view>
-
-					<view style="margin: 30rpx 0;">
-						<button class="butmin1" size="mini" @tap="freshqrcode" :disabled="countdownTime > 0">
-							{{ countdownTime > 0 ? `刷新二维码(${countdownTime}秒后到期)` : '刷新二维码 (已过期)' }}
-						</button>
-					</view>
-					<view class="importentInfo1">
-						<view class="sharetxt1" style="font-size: 22rpx;">
-							<text style="white-space: pre-line; text-align: left;line-height: 1;">
-								登录成功后： \n
-								·同步账号基础信息及查看账号运营数据\n
-								·获得免费领样权限\n
-								·获得承接快手悬赏任务权限\n
-								·为达人橱窗快速选品\n
-								·为直播带货快速选品\n
-								·样叽专属高佣商品，同一商品，更高佣金\n
-								·变现种草任务参与资质\n
-							</text>
-						</view>
-					</view>
-
-					<view style="margin: 30rpx 0;">
-						<button class="butmin" size="mini" @tap="saveImage">下载二维码至手机</button>
-					</view>
-				</view>
-
-			</view>
-		</uni-popup>
-	</view>
-</template>
-
-<script>
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import htzImageUpload from '@/components/htz-image-upload/htz-image-upload.vue';
-	import getPolicyEncode from '@/components/obs/getPolicy.js';
-	import getSignature from '@/components/obs/GetSignature.js';
-	import {
-		saveImageToPhotosAlbum,
-		showToast,
-		downloadFile
-	} from '@/uni_modules/sakura-canvas/js_sdk/util'
-	export default {
-		components: {
-			mvBar,
-			htzImageUpload,
-		},
-		data() {
-			return {
-				countdownTime: 100, // 初始倒计时时间（秒）
-				intervalId: null, // 计时器 ID
-				qrcodeURL: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png', // 用来保存二维码URL的变量
-				// qrcodeURL: '',
-				head_uri: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png',
-				nick_name: "",
-				navH: getApp().globalData.navHeight,
-				hasClicked: false,
-				loading: true,
-				accountId: '',
-				platform: {
-					platform_id: '',
-					platform_name: '',
-					platform_icon: '',
-				},
-				isBind: true,
-				isBindKuaishou: true,
-				imageData: [],
-				formData: {
-					platform_nickname: '',
-					fans_count: '',
-					home_page_url: '',
-					home_page_capture_url: ''
-				},
-				// 二维码地址
-				imageUrl: '',
-				index: 0,
-				fansLabel: "选择单位",
-				fansCount: null,
-				saleNum_30: 0,
-				fansCountInfo: 1,
-				fansRange: [{
-						value: 1,
-						label: '个'
-					},
-					{
-						value: 10000,
-						label: '万'
-					},
-					{
-						value: 100000000,
-						label: '亿'
-					}
-				],
-
-				mysNavConfig: {
-					/* 开启单页显示首页图标 */
-					isHome: true,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "社媒账号绑定",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "normal", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: '',
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "/static/img/png2.png",
-						// 右图标
-						rightPath: "/static/img/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				}, // 密码登录校验规则
-				bindRules: {
-					name: {
-						rules: [{
-							required: true,
-							errorMessage: '请输入昵称'
-						}]
-					},
-					home_img: {
-						rules: [{
-							required: true,
-							errorMessage: '请上传主页截图',
-						}]
-					}
-				},
-				urlRegList: [
-					/(.*)http(s?)\:\/\/((www\.)?)(xiaohongshu\.com)(.*)/,
-					/(.*)http(s?)\:\/\/((www\.)?)((v\.)?)(douyin\.com)(.*)/,
-					/(.*)http(s?)\:\/\/((www\.)?)((m\.)?)(weibo\.(com|cn))(.*)/,
-					/(.*)http(s?)\:\/\/((www\.)?)((v|kpfshanghai)\.m\.chenzhongtech\.com)(.*)/,
-					/(.*)http(s?)\:\/\/((www\.)?)(b23\.tv)(.*)/,
-					/(.*)http(s?)\:\/\/((www\.)?)((m\.)?)(dianping\.(com|cn))(.*)/,
-					/(.*)http(s?)\:\/\/((www\.)?)(zhihu\.com)(.*)/,
-				]
-			}
-		},
-		onReady() {},
-		async onShow() {},
-		async onLoad(options) {
-			await this.checkaccount()
-			this.platform.platform_id = parseInt(options.platform_id)
-			if (options.account_id) {
-				this.accountId = parseInt(options.account_id)
-				this.isBind = false
-			}
-			this.loading = true;
-			uni.showLoading({
-				title: '加载中'
-			});
-			await this.getinfo();
-			if (!this.isBind) {
-				// await this.getaccount()
-			};
-			this.loading = false;
-			uni.hideLoading();
-		},
-		methods: {
-			checkaccount() {
-				this.$https.get('/youngee/c/t/g/check-account').then(res => {
-					// todo:得到用户数据并赋值 ，头像、粉丝，
-					console.log("Backend response res:", res);
-
-					// 如果后端响应了您想要的结果，则关闭 uni-popup，并停止向后端发送请求
-					//如果/kuangshouauth执行完毕（存在含tid的数据）
-					//data ==-1表示数据库中没有数据  -2表示token过期。
-					if (res.data.code == 0) {
-						this.nick_name = res.data.data.nick_name
-						this.head_uri = res.data.data.head_uri
-						this.fansCount = res.data.data.fan
-						//继续往数据中填充30天销量字段
-						this.$https.get('/youngee/c/t/g/query-sales-for30-days').then(res => {
-							console.log("30days+++++++", res)
-							this.saleNum_30 = res.data.data
-						})
-						this.isBindKuaishou = true
-						//从数据库中取到accesstoken和
-					} else {
-						//没查到数据，或者token过期
-						this.isBindKuaishou = false
-					}
-				}).catch(err => {
-					console.error("Error:", err);
-				});
-			},
-			// 获得二维码
-			async getqrcode(type) {
-				this.type4 = type;
-				this.$refs.popup4.open(type);
-				this.loading = true;
-				uni.showLoading({
-					title: '加载中',
-				})
-
-				// 从后端中请求二维码图片展示出来
-				//达人id在后端通过session获取
-				await this.$https.get('/youngee/c/t/g/display-qrcode').then(res => {
-					this.qrcodeURL = res.data.data;
-				})
-				this.startCountdown();
-				this.loading = false;
-				uni.hideLoading();
-
-			},
-			// 倒计时结束才能点击
-			async freshqrcode() {
-				this.qrcodeURL =
-					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png'
-				if (this.intervalId != null) {
-					clearInterval(this.intervalId);
-					this.countdownTime = 100;
-				}
-				//重新设置倒计时时间
-				this.countdownTime = 100; // 重置为 10 秒
-				this.loading = true;
-				uni.showLoading({
-					title: '加载中',
-				})
-				await this.$https.get('/youngee/c/t/g/display-qrcode').then(res => {
-					this.qrcodeURL = res.data.data;
-					console.log("refresh--url:", this.qrcodeURL);
-				})
-				// 启动倒计时计时器
-				this.startCountdown();
-				this.loading = false;
-				uni.hideLoading();
-			},
-			// startCountdown() {
-			// 	// 每秒减少剩余时间
-			// 	this.intervalId = setInterval(() => {
-			// 		if (this.countdownTime > 0) {
-			// 			this.countdownTime--;
-			// 			this.$https.get('/youngee/c/t/g/check-account').then(res => {
-			// 				// todo:得到用户数据并赋值
-			// 				console.log("Backend response res:", res);
-			// 				// 如果后端响应了您想要的结果，则关闭 uni-popup，并停止向后端发送请求
-			// 				if (res.data.code != -1 && this.intervalId != null) {
-			// 					clearInterval(this.intervalId);
-			// 					this.countdownTime = 100;
-			// 					this.closepop() // 关闭 uni-popup
-			// 				}
-			// 			}).catch(err => {
-			// 				console.error("Error:", err);
-			// 			});
-			// 		}
-			// 	}, 1000); // 每秒执行一次
-			// },
-			startCountdown() {
-				// 每秒减少剩余时间
-				this.intervalId = setInterval(() => {
-					if (this.countdownTime > 0) {
-						this.countdownTime--;
-						this.$https.get('/youngee/c/t/g/check-new-account').then(res => {
-							// 如果后端响应了您想要的结果，则关闭 uni-popup，并停止向后端发送请求
-							if (res.data.code == 0 && this.intervalId != null) {
-								clearInterval(this.intervalId);
-								this.countdownTime = 100;
-								this.closepop() // 关闭 uni-popup
-							}
-						}).catch(err => {
-							console.error("Error:", err);
-						});
-					}
-				}, 1000); // 每秒执行一次
-			},
-			// startCountdown() {
-			// 	// 每秒减少剩余时间
-			// 	this.intervalId = setInterval(() => {
-			// 		if (this.countdownTime > 0) {
-			// 			this.countdownTime--;
-			// 		}
-			// 	}, 1000); // 每秒执行一次
-			// },
-
-			//unipop出现/消失自动触发
-			async change(e) {
-				if (this.loading) {
-					this.loading = false;
-					uni.hideLoading();
-				}
-				if (this.intervalId != null) {
-					clearInterval(this.intervalId);
-					this.countdownTime = 100;
-				}
-				await this.checkaccount()
-				this.qrcodeURL =
-					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png'
-			},
-			// 保存图片
-			async saveImage() {
-			    console.log("进入保存方法");
-			
-			    // 将base64数据部分提取出来
-			    const base64 = this.qrcodeURL.replace(/^data:image\/\w+;base64,/, "");
-			    
-			    // 将base64字符串转换为ArrayBuffer
-			    const buffer = wx.base64ToArrayBuffer(base64);
-			    
-			    // 使用文件系统管理器将ArrayBuffer写入文件
-			    wx.getFileSystemManager().writeFile({
-			        filePath: `${wx.env.USER_DATA_PATH}/qrcode.png`,
-			        data: buffer,
-			        encoding: 'binary',
-			        success: res => {
-			            // 文件写入成功后，保存图片到相册
-			            wx.saveImageToPhotosAlbum({
-			                filePath: `${wx.env.USER_DATA_PATH}/qrcode.png`,
-			                success: function(data) {
-			                    wx.showToast({
-			                        title: "保存成功",
-			                        icon: "success",
-			                        duration: 2000
-			                    });
-			                },
-			                fail: function(err) {
-			                    console.log(err);
-			                },
-			                complete: function(res) {
-			                    console.log(res);
-			                }
-			            });
-			        },
-			        fail: err => {
-			            console.log(err);
-			        }
-			    });
-			},
-
-			// async saveImage() {
-			// 	console.log("into save")
-			// 	// showToast('保存成功')
-			// 	wx.downloadFile({
-			// 		url: this.qrcodeURL,
-			// 		success: function(res) {
-			// 			wx.saveImageToPhotosAlbum({
-			// 				filePath: res.tempFilePath,
-			// 				success: function(data) {
-			// 					wx.showToast({
-			// 						title: "保存成功",
-			// 						icon: "success",
-			// 						duration: 2000
-			// 					})
-			// 				},
-			// 				fail: function(err) {
-			// 					console.log(err);
-			// 				},
-			// 				complete(res) {
-			// 					console.log(res);
-			// 				}
-			// 			})
-			// 		}
-			// 	})
-			// },
-			closepop() {
-				this.$refs.popup4.close()
-			},
-
-			// 默认信息表，获取平台logo
-			getinfo() {
-				return this.$https.get('/youngee/c/g/get-info-tables')
-					.then(res => {
-						let list = res.data.data.ThirdPlatform
-						for (var i = 0; i < list.length; ++i) {
-							if (list[i].id == this.platform.platform_id) {
-								this.platform.platform_icon = list[i].platform_icon
-								this.platform.platform_name = list[i].platform_name
-							}
-						}
-					})
-			},
-			// getaccount() {
-			// 	return this.$https.get('/youngee/c/t/g/get-talent-account')
-			// 		.then(res => {
-			// 			console.log(res)
-			// 			if (res.data.code !== -3) {
-			// 				this.account = res.data.data
-			// 				this.imageData = []
-			// 				for (var i = 0; i < this.account.length; i++) {
-			// 					if (this.platform.platform_id == this.account[i].platform_id) {
-			// 						this.hasClicked = true
-			// 						this.formData.platform_nickname = this.account[i].platform_nickname
-			// 						this.formData.fans_count = this.account[i].fans_count
-			// 						this.formData.home_page_url = this.account[i].home_page_url
-			// 						this.imageData.push(this.account[i].home_page_capture_url);
-
-			// 						if (this.formData.fans_count >= 100000000) {
-			// 							this.index = 2
-			// 							this.fansCountInfo = this.fansRange[this.index].value;
-			// 							this.fansLabel = this.fansRange[this.index].label;
-			// 							this.fansCount = (this.formData.fans_count / 100000000).toFixed(1)
-			// 						} else if (this.formData.fans_count >= 10000) {
-			// 							this.index = 1
-			// 							this.fansCountInfo = this.fansRange[this.index].value;
-			// 							this.fansLabel = this.fansRange[this.index].label;
-			// 							this.fansCount = (this.formData.fans_count / 10000).toFixed(1)
-			// 						} else {
-			// 							this.index = 0
-			// 							this.fansCountInfo = this.fansRange[this.index].value;
-			// 							this.fansLabel = this.fansRange[this.index].label;
-			// 							this.fansCount = this.formData.fans_count
-			// 						}
-			// 					}
-			// 				}
-			// 			}
-			// 		})
-			// },
-
-			exit() {
-				uni.navigateBack()
-			},
-			// 粉丝量量级选择
-			bindPickerChange: function(e) {
-				if (this.index !== e.detail.value) {
-					this.fansCount = null
-				}
-				this.index = e.detail.value;
-				this.fansLabel = this.fansRange[this.index].label
-				this.fansCountInfo = this.fansRange[this.index].value
-			},
-			ceshiChooseSuccess(tempFilePaths, e) { //选择图片返回
-				console.log('ceshiChooseSuccess', tempFilePaths, e);
-				if (e == 0) {
-					this.store = 'talent_upload/' + this.guid() + '.png'
-					// this.store = 'talent_upload/icon-whole-pipline.png'
-					// this.store = 'youngee/talent_upload/icon-edit.2png'
-				} else if (e == 1) {
-					this.store = 'talent_upload/' + this.guid() + '.mp4'
-				}
-				/****************
-				以下代码是自定义上传逻辑，仅供参考
-				***************/
-				this.imgUpload(tempFilePaths);
-				/*******************************/
-			},
-			imgUpload(tempFilePaths) {
-				let that = this
-				let config = {
-					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
-					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
-					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
-				};
-				let fileName = this.store; //指定上传到OBS桶中的对象名
-				let OBSPolicy = { //设定policy内容
-					"expiration": "2089-12-31T12:00:00.000Z",
-					"conditions": [{
-							"bucket": "horastar"
-						}, //Bucket name
-						// {"bucket": "goin"}, 
-						{
-							'key': fileName
-						}
-					]
-				}
-
-				let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
-				let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
-				uni.uploadFile({
-					//url: config.EndPoint,
-					url: config.EndPoint,
-					filePath: tempFilePaths[0],
-					name: 'file',
-
-					formData: {
-						'AccessKeyID': config.AccessKeyId,
-						'policy': policyEncoded,
-						'signature': signature,
-						'key': fileName,
-					},
-
-					success: function(res) {
-						console.log("res", res); //打印响应状态码
-						if (res.statusCode == 204) {
-							// that.imageData.push(config.EndPoint + '/' + fileName);
-							let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号							
-							that.imageData.push(obs_url)
-							that.formData.home_page_capture_url = obs_url
-							uni.showToast({
-								title: '上传成功',
-								icon: '成功'
-							});
-						} else {
-							uni.showToast({
-								title: '上传失败',
-								icon: '失败'
-							});
-						}
-					},
-					fail: function(e) {
-						console.log(e);
-						uni.showToast({
-							title: '上传失败',
-							icon: '失败'
-						});
-					}
-				})
-			},
-			guid() {
-				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-					var r = Math.random() * 16 | 0,
-						v = c == 'x' ? r : (r & 0x3 | 0x8);
-
-					return v.toString(16);
-				});
-			},
-			onInput(e) {
-				console.log(e)
-				e = (e.match(/^\d*(\.?\d{0,1})/g)[0]) || null
-				// //重新赋值给input
-				if (e < 0 || e > 9999.9) {
-					uni.showToast({
-						title: '请输入[1,9999.9]区间内的数',
-						icon: 'none'
-					})
-					console.log('请输入[1,9999.9]区间内的数')
-				}
-				this.$nextTick(() => {
-					this.fansCount = (e > 0 && e <= 9999.9) ? e : null
-				})
-			},
-			onInput1(e) {
-				// 验证是否是纯数字
-				const isNumber = /^\d*$/.test(e)
-				// 过滤非数字
-				e = e.replace(/\D/g, '')
-				if (!isNumber || e < 0 || e > 9999) {
-					uni.showToast({
-						title: '请输入[0,9999]区间的整数',
-						icon: 'none'
-					})
-					console.log('请输入[0,9999]区间的整数')
-				}
-				this.$nextTick(() => {
-					this.fansCount = (e >= 0 && e <= 9999 && e.match(/^\d*/g)[0]) ? e : null
-				})
-			}
-		},
-	}
-</script>
-
-<style>
-	/deep/ .share .uni-popup .uni-popup__wrapper {
-		width: 70% !important;
-		border-radius: 15rpx !important;
-	}
-</style>
-<style lang="scss" scoped>
-	.importentInfo1 {
-		margin-left: 59rpx;
-		background-color: #efefef;
-		border-radius: 8px;
-		height: 370rpx;
-		width: 400rpx;
-	}
-
-
-	// 主体样式
-	.card {
-		padding: 24rpx;
-		margin-top: 30rpx;
-		border: 1rpx solid #F0D232;
-		background-color: #ffffff;
-		margin: 0 10rpx;
-	}
-
-	.head {
-		padding-top: 5%;
-		padding: 0 0 0 1%;
-		height: 80rpx;
-		margin-top: 2%;
-	}
-
-	.head span {
-		color: #333333;
-		font-size: 80%;
-		font-weight: 550;
-		text-indent: 2em;
-
-	}
-
-	.head image {
-		vertical-align: middle;
-		width: 50rpx;
-		height: 50rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.task-info-txt {
-		margin-top: 10rpx;
-		margin-left: 20rpx;
-	}
-
-	.head-img {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 100rpx;
-	}
-
-	.sale_txt {
-		margin-top: 30rpx;
-	}
-
-	.sale_txt p {
-		margin-bottom: 17rpx;
-		color: #81838f;
-	}
-
-	.sale_txt span {
-		padding-left: 160rpx;
-	}
-
-
-	.home-link {
-		/deep/.uni-easyinput__content-input {
-			background-color: #EBEBEB;
-			border-radius: 15rpx;
-		}
-	}
-
-
-	.heng-line {
-		margin-top: 60rpx;
-		margin-bottom: 50rpx;
-		border-bottom: 1rpx solid #DCDCDC;
-	}
-
-	.signupbtn p {
-		font-size: 30rpx;
-	}
-
-	.exit-btn {
-		width: 200rpx;
-		text-align: center;
-		padding: 10rpx 30rpx;
-		background-color: #C0C0C0;
-		border: 0;
-		border-radius: 10rpx;
-		color: #FFFFFF;
-		font-size: 30rpx;
-		line-height: 180%;
-	}
-
-	.btn1 {
-		margin: 30rpx;
-		font-size: 35rpx;
-		color: #000;
-		background-color: #F0D232;
-		border: none;
-		border-radius: 0;
-	}
-
-
-	//弹窗
-	.share {
-		text-align: center;
-		line-height: 10rpx;
-		margin-top: 10rpx;
-	}
-
-	.sharepage {
-		// width: 90%;
-		margin: 0 auto;
-		// position: relative;
-	}
-
-	/deep/ .share.uni-popup .uni-popup__wrapper {
-		width: 70%;
-
-		border-radius: 15rpx;
-	}
-
-	.projecttext1 {
-		// padding-top: 5%;
-		padding: 0 0 0 1%;
-		margin: 5% 0;
-		text-align: center;
-	}
-
-	.projecttext1 image {
-		vertical-align: middle;
-		width: 80rpx;
-		height: 80rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.sharemap {
-		margin: 0 auto;
-		text-align: center;
-		// margin-top: 15%;
-		// margin-bottom: 15%;
-	}
-
-	.expired-image {
-		width: 300rpx;
-		height: 300rpx;
-		background-color: #000;
-		opacity: 0.2;
-		/* 例如，设置透明度为 0.5 */
-	}
-
-	/* 定义活跃图片的样式 */
-	.active-image {
-		width: 300rpx;
-		height: 300rpx;
-		/* 如果有特定样式，可以在这里定义 */
-	}
-
-
-	.sharemap image {
-		width: 300rpx;
-		height: 300rpx;
-
-	}
-
-	.sharetxt {
-		height: 100rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.sharetxt1 {
-		padding: 10rpx;
-		height: 345rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.sharetxt text {
-		font-size: 24rpx;
-		text-align: left;
-		line-height: 20rpx
-	}
-
-	.butmin {
-		// height: 48rpx;
-		width: 380rpx;
-		height: 65rpx;
-		background-color: #FCCF41;
-		line-height: 60rpx;
-		font-weight: bold;
-	}
-
-	.butmin1 {
-		// height: 48rpx;
-		width: 400rpx;
-		background-color: #ffffff;
-		border: #000000 10rpx;
-		line-height: 48rpx;
-		color: #FCCF41;
-		font-weight: bold;
-		font-size: 20rpx;
-	}
+<template>
+	<view style="position: relative;">
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+		<view class="home">
+			<view class="card" v-if="!loading">
+				<view class="head">
+					<image
+						src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png"
+						mode="aspectFill">
+					</image>
+					<span>快手账号绑定</span>
+				</view>
+
+				<view class="body">
+
+					<view>
+						<!-- 绑定成功展示信息  v-if -->
+						<view v-if="isBindKuaishou">
+							<!-- 左侧图片和文字 -->
+							<view class="task-info-left" style="display: flex;">
+								<!-- 图片 -->
+								<image class="head-img" :src="head_uri"></image>
+								<view class="task-info-txt">
+									<p style="margin-bottom: 15rpx;">{{nick_name}}</p>
+									<!-- <p style="color: #81838f;">剩余100天</p> -->
+
+								</view>
+							</view>
+							<view class="sale_txt">
+								<p>粉丝数:<span>{{fansCount}}</span></p>
+								<p>近30日橱窗销量:<span style="padding-left: 30rpx;">{{saleNum_30}}</span></p>
+							</view>
+						</view>
+
+
+						<!-- 分割线 -->
+						<view class="heng-line"></view>
+
+						<!-- 点击弹窗 toggle(触发)-->
+						<button class="btn1" @click="getqrcode('center')">
+							{{ isBindKuaishou ? '刷新授权' : '添加快手账号' }}
+						</button>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 普通弹窗  公众号-->
+		<uni-popup ref="popup4" class="share" background-color="#fff" @change="change" :maskClick="true">
+			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+				<view class="sharepage">
+					<view class="projecttext1">
+						<span>快手账号登录</span>
+					</view>
+					<view class="sharetxt">
+						<text style="color:#9a9a9a ;">
+							截屏或下载二维码，使用快手APP\n
+							打开[首页-搜索-扫一扫]后扫码进行
+						</text>
+					</view>
+					<!-- 授权码展示 -->
+					<view class="sharemap">
+						<!-- 根据 countdownTime 的值为 image 元素应用不同的类名 -->
+						<image :class="{'expired-image': countdownTime <= 0, 'active-image': countdownTime > 0}"
+							:src="qrcodeURL" mode=""></image>
+
+						<!-- 条件渲染：当 countdownTime 小于等于 0 时显示蒙版 -->
+						<image v-if="countdownTime <= 0"
+							src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/qrOOD.png"
+							style="width: 150rpx;height: 150rpx;position: absolute;top: 240rpx;left: 200rpx;"></image>
+
+					</view>
+
+					<view style="margin: 30rpx 0;">
+						<button class="butmin1" size="mini" @tap="freshqrcode" :disabled="countdownTime > 0">
+							{{ countdownTime > 0 ? `刷新二维码(${countdownTime}秒后到期)` : '刷新二维码 (已过期)' }}
+						</button>
+					</view>
+					<view class="importentInfo1">
+						<view class="sharetxt1" style="font-size: 22rpx;">
+							<text style="white-space: pre-line; text-align: left;line-height: 1;">
+								登录成功后： \n
+								·同步账号基础信息及查看账号运营数据\n
+								·获得免费领样权限\n
+								·获得承接快手悬赏任务权限\n
+								·为达人橱窗快速选品\n
+								·为直播带货快速选品\n
+								·样叽专属高佣商品，同一商品，更高佣金\n
+								·变现种草任务参与资质\n
+							</text>
+						</view>
+					</view>
+
+					<view style="margin: 30rpx 0;">
+						<button class="butmin" size="mini" @tap="saveImage">下载二维码至手机</button>
+					</view>
+				</view>
+
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import htzImageUpload from '@/components/htz-image-upload/htz-image-upload.vue';
+	import getPolicyEncode from '@/components/obs/getPolicy.js';
+	import getSignature from '@/components/obs/GetSignature.js';
+	import {
+		saveImageToPhotosAlbum,
+		showToast,
+		downloadFile
+	} from '@/uni_modules/sakura-canvas/js_sdk/util'
+	export default {
+		components: {
+			mvBar,
+			htzImageUpload,
+		},
+		data() {
+			return {
+				countdownTime: 100, // 初始倒计时时间（秒）
+				intervalId: null, // 计时器 ID
+				qrcodeURL: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png', // 用来保存二维码URL的变量
+				// qrcodeURL: '',
+				head_uri: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png',
+				nick_name: "",
+				navH: getApp().globalData.navHeight,
+				hasClicked: false,
+				loading: true,
+				accountId: '',
+				platform: {
+					platform_id: '',
+					platform_name: '',
+					platform_icon: '',
+				},
+				isBind: true,
+				isBindKuaishou: true,
+				imageData: [],
+				formData: {
+					platform_nickname: '',
+					fans_count: '',
+					home_page_url: '',
+					home_page_capture_url: ''
+				},
+				// 二维码地址
+				imageUrl: '',
+				index: 0,
+				fansLabel: "选择单位",
+				fansCount: null,
+				saleNum_30: 0,
+				fansCountInfo: 1,
+				fansRange: [{
+						value: 1,
+						label: '个'
+					},
+					{
+						value: 10000,
+						label: '万'
+					},
+					{
+						value: 100000000,
+						label: '亿'
+					}
+				],
+
+				mysNavConfig: {
+					/* 开启单页显示首页图标 */
+					isHome: true,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "社媒账号绑定",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "normal", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: '',
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "/static/img/png2.png",
+						// 右图标
+						rightPath: "/static/img/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				}, // 密码登录校验规则
+				bindRules: {
+					name: {
+						rules: [{
+							required: true,
+							errorMessage: '请输入昵称'
+						}]
+					},
+					home_img: {
+						rules: [{
+							required: true,
+							errorMessage: '请上传主页截图',
+						}]
+					}
+				},
+				urlRegList: [
+					/(.*)http(s?)\:\/\/((www\.)?)(xiaohongshu\.com)(.*)/,
+					/(.*)http(s?)\:\/\/((www\.)?)((v\.)?)(douyin\.com)(.*)/,
+					/(.*)http(s?)\:\/\/((www\.)?)((m\.)?)(weibo\.(com|cn))(.*)/,
+					/(.*)http(s?)\:\/\/((www\.)?)((v|kpfshanghai)\.m\.chenzhongtech\.com)(.*)/,
+					/(.*)http(s?)\:\/\/((www\.)?)(b23\.tv)(.*)/,
+					/(.*)http(s?)\:\/\/((www\.)?)((m\.)?)(dianping\.(com|cn))(.*)/,
+					/(.*)http(s?)\:\/\/((www\.)?)(zhihu\.com)(.*)/,
+				]
+			}
+		},
+		onReady() {},
+		async onShow() {},
+		async onLoad(options) {
+			await this.checkaccount()
+			this.platform.platform_id = parseInt(options.platform_id)
+			if (options.account_id) {
+				this.accountId = parseInt(options.account_id)
+				this.isBind = false
+			}
+			this.loading = true;
+			uni.showLoading({
+				title: '加载中'
+			});
+			await this.getinfo();
+			if (!this.isBind) {
+				// await this.getaccount()
+			};
+			this.loading = false;
+			uni.hideLoading();
+		},
+		methods: {
+			checkaccount() {
+				this.$https.get('/youngee/c/t/g/check-account').then(res => {
+					// this.$https.get('/youngee/c/t/g/check-ks-new-account').then(res => {
+					// todo:得到用户数据并赋值 ，头像、粉丝，
+					console.log("Backend response res:", res);
+
+					// 如果后端响应了您想要的结果，则关闭 uni-popup，并停止向后端发送请求
+					//如果/kuangshouauth执行完毕（存在含tid的数据）
+					//data ==-1表示数据库中没有数据  -2表示token过期。
+					if (res.data.code == 0) {
+						this.nick_name = res.data.data.nick_name
+						this.head_uri = res.data.data.head_uri
+						this.fansCount = res.data.data.fan
+						//继续往数据中填充30天销量字段
+						this.$https.get('/youngee/c/t/g/query-sales-for30-days').then(res => {
+							console.log("30days+++++++", res)
+							this.saleNum_30 = res.data.data
+						})
+						this.isBindKuaishou = true
+						//从数据库中取到accesstoken和
+					} else {
+						//没查到数据，或者token过期
+						this.isBindKuaishou = false
+					}
+				}).catch(err => {
+					console.error("Error:", err);
+				});
+			},
+			// 获得二维码
+			async getqrcode(type) {
+				this.type4 = type;
+				this.$refs.popup4.open(type);
+				this.loading = true;
+				uni.showLoading({
+					title: '加载中',
+				})
+
+				// 从后端中请求二维码图片展示出来
+				//达人id在后端通过session获取
+				// await this.$https.get('/youngee/c/t/g/display-qrcode?platform_id=' + 4).then(res => {
+				// 	console.log("ssss")
+				// 	this.qrcodeURL = res.data.data;
+				// })
+				await this.$https.get('/youngee/c/t/g/get-ks-ecom-qrcode').then(res => {
+					console.log("ssss")
+					this.qrcodeURL = res.data.data;
+				})
+				this.startCountdown();
+				this.loading = false;
+				uni.hideLoading();
+
+			},
+			// 倒计时结束才能点击
+			async freshqrcode() {
+				this.qrcodeURL =
+					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png'
+				if (this.intervalId != null) {
+					clearInterval(this.intervalId);
+					this.countdownTime = 100;
+				}
+				//重新设置倒计时时间
+				this.countdownTime = 100; // 重置为 10 秒
+				this.loading = true;
+				uni.showLoading({
+					title: '加载中',
+				})
+				await this.$https.get('/youngee/c/t/g/display-qrcode?platform_id=' + 4).then(res => {
+					this.qrcodeURL = res.data.data;
+					console.log("refresh--url:", this.qrcodeURL);
+				})
+				// 启动倒计时计时器
+				this.startCountdown();
+				this.loading = false;
+				uni.hideLoading();
+			},
+			// startCountdown() {
+			// 	// 每秒减少剩余时间
+			// 	this.intervalId = setInterval(() => {
+			// 		if (this.countdownTime > 0) {
+			// 			this.countdownTime--;
+			// 			this.$https.get('/youngee/c/t/g/check-account').then(res => {
+			// 				// todo:得到用户数据并赋值
+			// 				console.log("Backend response res:", res);
+			// 				// 如果后端响应了您想要的结果，则关闭 uni-popup，并停止向后端发送请求
+			// 				if (res.data.code != -1 && this.intervalId != null) {
+			// 					clearInterval(this.intervalId);
+			// 					this.countdownTime = 100;
+			// 					this.closepop() // 关闭 uni-popup
+			// 				}
+			// 			}).catch(err => {
+			// 				console.error("Error:", err);
+			// 			});
+			// 		}
+			// 	}, 1000); // 每秒执行一次
+			// },
+			startCountdown() {
+				// 每秒减少剩余时间
+				this.intervalId = setInterval(() => {
+					if (this.countdownTime > 0) {
+						this.countdownTime--;
+						this.$https.get('/youngee/c/t/g/check-ks-new-account').then(res => {
+							// 如果后端响应了您想要的结果，则关闭 uni-popup，并停止向后端发送请求
+							// 如果后端响应了您想要的结果，则关闭 uni-popup，并停止向后端发送请求
+							if (res.data.code == -1 && this.intervalId != null) {
+								console.log(res)
+								clearInterval(this.intervalId);
+								this.countdownTime = 100;
+								this.closepop() // 关闭 uni-popup
+							}
+							if (res.data.code == 0 && this.intervalId != null) {
+								clearInterval(this.intervalId);
+								this.countdownTime = 100;
+								this.closepop() // 关闭 uni-popup
+							}
+						}).catch(err => {
+							console.error("Error:", err);
+						});
+					}
+				}, 1000); // 每秒执行一次
+			},
+			// startCountdown() {
+			// 	// 每秒减少剩余时间
+			// 	this.intervalId = setInterval(() => {
+			// 		if (this.countdownTime > 0) {
+			// 			this.countdownTime--;
+			// 		}
+			// 	}, 1000); // 每秒执行一次
+			// },
+
+			//unipop出现/消失自动触发
+			async change(e) {
+				if (this.loading) {
+					this.loading = false;
+					uni.hideLoading();
+				}
+				if (this.intervalId != null) {
+					clearInterval(this.intervalId);
+					this.countdownTime = 100;
+				}
+				await this.checkaccount()
+				this.qrcodeURL =
+					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png'
+			},
+			// 保存图片
+			async saveImage() {
+				console.log("进入保存方法");
+
+				// 将base64数据部分提取出来
+				const base64 = this.qrcodeURL.replace(/^data:image\/\w+;base64,/, "");
+
+				// 将base64字符串转换为ArrayBuffer
+				const buffer = wx.base64ToArrayBuffer(base64);
+
+				// 使用文件系统管理器将ArrayBuffer写入文件
+				wx.getFileSystemManager().writeFile({
+					filePath: `${wx.env.USER_DATA_PATH}/qrcode.png`,
+					data: buffer,
+					encoding: 'binary',
+					success: res => {
+						// 文件写入成功后，保存图片到相册
+						wx.saveImageToPhotosAlbum({
+							filePath: `${wx.env.USER_DATA_PATH}/qrcode.png`,
+							success: function(data) {
+								wx.showToast({
+									title: "保存成功",
+									icon: "success",
+									duration: 2000
+								});
+							},
+							fail: function(err) {
+								console.log(err);
+							},
+							complete: function(res) {
+								console.log(res);
+							}
+						});
+					},
+					fail: err => {
+						console.log(err);
+					}
+				});
+			},
+
+			// async saveImage() {
+			// 	console.log("into save")
+			// 	// showToast('保存成功')
+			// 	wx.downloadFile({
+			// 		url: this.qrcodeURL,
+			// 		success: function(res) {
+			// 			wx.saveImageToPhotosAlbum({
+			// 				filePath: res.tempFilePath,
+			// 				success: function(data) {
+			// 					wx.showToast({
+			// 						title: "保存成功",
+			// 						icon: "success",
+			// 						duration: 2000
+			// 					})
+			// 				},
+			// 				fail: function(err) {
+			// 					console.log(err);
+			// 				},
+			// 				complete(res) {
+			// 					console.log(res);
+			// 				}
+			// 			})
+			// 		}
+			// 	})
+			// },
+			closepop() {
+				this.$refs.popup4.close()
+			},
+
+			// 默认信息表，获取平台logo
+			getinfo() {
+				return this.$https.get('/youngee/c/g/get-info-tables')
+					.then(res => {
+						let list = res.data.data.ThirdPlatform
+						for (var i = 0; i < list.length; ++i) {
+							if (list[i].id == this.platform.platform_id) {
+								this.platform.platform_icon = list[i].platform_icon
+								this.platform.platform_name = list[i].platform_name
+							}
+						}
+					})
+			},
+			// getaccount() {
+			// 	return this.$https.get('/youngee/c/t/g/get-talent-account')
+			// 		.then(res => {
+			// 			console.log(res)
+			// 			if (res.data.code !== -3) {
+			// 				this.account = res.data.data
+			// 				this.imageData = []
+			// 				for (var i = 0; i < this.account.length; i++) {
+			// 					if (this.platform.platform_id == this.account[i].platform_id) {
+			// 						this.hasClicked = true
+			// 						this.formData.platform_nickname = this.account[i].platform_nickname
+			// 						this.formData.fans_count = this.account[i].fans_count
+			// 						this.formData.home_page_url = this.account[i].home_page_url
+			// 						this.imageData.push(this.account[i].home_page_capture_url);
+
+			// 						if (this.formData.fans_count >= 100000000) {
+			// 							this.index = 2
+			// 							this.fansCountInfo = this.fansRange[this.index].value;
+			// 							this.fansLabel = this.fansRange[this.index].label;
+			// 							this.fansCount = (this.formData.fans_count / 100000000).toFixed(1)
+			// 						} else if (this.formData.fans_count >= 10000) {
+			// 							this.index = 1
+			// 							this.fansCountInfo = this.fansRange[this.index].value;
+			// 							this.fansLabel = this.fansRange[this.index].label;
+			// 							this.fansCount = (this.formData.fans_count / 10000).toFixed(1)
+			// 						} else {
+			// 							this.index = 0
+			// 							this.fansCountInfo = this.fansRange[this.index].value;
+			// 							this.fansLabel = this.fansRange[this.index].label;
+			// 							this.fansCount = this.formData.fans_count
+			// 						}
+			// 					}
+			// 				}
+			// 			}
+			// 		})
+			// },
+
+			exit() {
+				uni.navigateBack()
+			},
+			// 粉丝量量级选择
+			bindPickerChange: function(e) {
+				if (this.index !== e.detail.value) {
+					this.fansCount = null
+				}
+				this.index = e.detail.value;
+				this.fansLabel = this.fansRange[this.index].label
+				this.fansCountInfo = this.fansRange[this.index].value
+			},
+			ceshiChooseSuccess(tempFilePaths, e) { //选择图片返回
+				console.log('ceshiChooseSuccess', tempFilePaths, e);
+				if (e == 0) {
+					this.store = 'talent_upload/' + this.guid() + '.png'
+					// this.store = 'talent_upload/icon-whole-pipline.png'
+					// this.store = 'youngee/talent_upload/icon-edit.2png'
+				} else if (e == 1) {
+					this.store = 'talent_upload/' + this.guid() + '.mp4'
+				}
+				/****************
+				以下代码是自定义上传逻辑，仅供参考
+				***************/
+				this.imgUpload(tempFilePaths);
+				/*******************************/
+			},
+			imgUpload(tempFilePaths) {
+				let that = this
+				let config = {
+					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
+					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
+					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
+				};
+				let fileName = this.store; //指定上传到OBS桶中的对象名
+				let OBSPolicy = { //设定policy内容
+					"expiration": "2089-12-31T12:00:00.000Z",
+					"conditions": [{
+							"bucket": "horastar"
+						}, //Bucket name
+						// {"bucket": "goin"}, 
+						{
+							'key': fileName
+						}
+					]
+				}
+
+				let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
+				let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
+				uni.uploadFile({
+					//url: config.EndPoint,
+					url: config.EndPoint,
+					filePath: tempFilePaths[0],
+					name: 'file',
+
+					formData: {
+						'AccessKeyID': config.AccessKeyId,
+						'policy': policyEncoded,
+						'signature': signature,
+						'key': fileName,
+					},
+
+					success: function(res) {
+						console.log("res", res); //打印响应状态码
+						if (res.statusCode == 204) {
+							// that.imageData.push(config.EndPoint + '/' + fileName);
+							let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号							
+							that.imageData.push(obs_url)
+							that.formData.home_page_capture_url = obs_url
+							uni.showToast({
+								title: '上传成功',
+								icon: '成功'
+							});
+						} else {
+							uni.showToast({
+								title: '上传失败',
+								icon: '失败'
+							});
+						}
+					},
+					fail: function(e) {
+						console.log(e);
+						uni.showToast({
+							title: '上传失败',
+							icon: '失败'
+						});
+					}
+				})
+			},
+			guid() {
+				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+					var r = Math.random() * 16 | 0,
+						v = c == 'x' ? r : (r & 0x3 | 0x8);
+
+					return v.toString(16);
+				});
+			},
+			onInput(e) {
+				console.log(e)
+				e = (e.match(/^\d*(\.?\d{0,1})/g)[0]) || null
+				// //重新赋值给input
+				if (e < 0 || e > 9999.9) {
+					uni.showToast({
+						title: '请输入[1,9999.9]区间内的数',
+						icon: 'none'
+					})
+					console.log('请输入[1,9999.9]区间内的数')
+				}
+				this.$nextTick(() => {
+					this.fansCount = (e > 0 && e <= 9999.9) ? e : null
+				})
+			},
+			onInput1(e) {
+				// 验证是否是纯数字
+				const isNumber = /^\d*$/.test(e)
+				// 过滤非数字
+				e = e.replace(/\D/g, '')
+				if (!isNumber || e < 0 || e > 9999) {
+					uni.showToast({
+						title: '请输入[0,9999]区间的整数',
+						icon: 'none'
+					})
+					console.log('请输入[0,9999]区间的整数')
+				}
+				this.$nextTick(() => {
+					this.fansCount = (e >= 0 && e <= 9999 && e.match(/^\d*/g)[0]) ? e : null
+				})
+			}
+		},
+	}
+</script>
+
+<style>
+	/deep/ .share .uni-popup .uni-popup__wrapper {
+		width: 70% !important;
+		border-radius: 15rpx !important;
+	}
+</style>
+<style lang="scss" scoped>
+	.importentInfo1 {
+		margin-left: 59rpx;
+		background-color: #efefef;
+		border-radius: 8px;
+		height: 370rpx;
+		width: 400rpx;
+	}
+
+
+	// 主体样式
+	.card {
+		padding: 24rpx;
+		margin-top: 30rpx;
+		border: 1rpx solid #F0D232;
+		background-color: #ffffff;
+		margin: 0 10rpx;
+	}
+
+	.head {
+		padding-top: 5%;
+		padding: 0 0 0 1%;
+		height: 80rpx;
+		margin-top: 2%;
+	}
+
+	.head span {
+		color: #333333;
+		font-size: 80%;
+		font-weight: 550;
+		text-indent: 2em;
+
+	}
+
+	.head image {
+		vertical-align: middle;
+		width: 50rpx;
+		height: 50rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.task-info-txt {
+		margin-top: 10rpx;
+		margin-left: 20rpx;
+	}
+
+	.head-img {
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 100rpx;
+	}
+
+	.sale_txt {
+		margin-top: 30rpx;
+	}
+
+	.sale_txt p {
+		margin-bottom: 17rpx;
+		color: #81838f;
+	}
+
+	.sale_txt span {
+		padding-left: 160rpx;
+	}
+
+
+	.home-link {
+		/deep/.uni-easyinput__content-input {
+			background-color: #EBEBEB;
+			border-radius: 15rpx;
+		}
+	}
+
+
+	.heng-line {
+		margin-top: 60rpx;
+		margin-bottom: 50rpx;
+		border-bottom: 1rpx solid #DCDCDC;
+	}
+
+	.signupbtn p {
+		font-size: 30rpx;
+	}
+
+	.exit-btn {
+		width: 200rpx;
+		text-align: center;
+		padding: 10rpx 30rpx;
+		background-color: #C0C0C0;
+		border: 0;
+		border-radius: 10rpx;
+		color: #FFFFFF;
+		font-size: 30rpx;
+		line-height: 180%;
+	}
+
+	.btn1 {
+		margin: 30rpx;
+		font-size: 35rpx;
+		color: #000;
+		background-color: #F0D232;
+		border: none;
+		border-radius: 0;
+	}
+
+
+	//弹窗
+	.share {
+		text-align: center;
+		line-height: 10rpx;
+		margin-top: 10rpx;
+	}
+
+	.sharepage {
+		// width: 90%;
+		margin: 0 auto;
+		// position: relative;
+	}
+
+	/deep/ .share.uni-popup .uni-popup__wrapper {
+		width: 70%;
+
+		border-radius: 15rpx;
+	}
+
+	.projecttext1 {
+		// padding-top: 5%;
+		padding: 0 0 0 1%;
+		margin: 5% 0;
+		text-align: center;
+	}
+
+	.projecttext1 image {
+		vertical-align: middle;
+		width: 80rpx;
+		height: 80rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.sharemap {
+		margin: 0 auto;
+		text-align: center;
+		// margin-top: 15%;
+		// margin-bottom: 15%;
+	}
+
+	.expired-image {
+		width: 300rpx;
+		height: 300rpx;
+		background-color: #000;
+		opacity: 0.2;
+		/* 例如，设置透明度为 0.5 */
+	}
+
+	/* 定义活跃图片的样式 */
+	.active-image {
+		width: 300rpx;
+		height: 300rpx;
+		/* 如果有特定样式，可以在这里定义 */
+	}
+
+
+	.sharemap image {
+		width: 300rpx;
+		height: 300rpx;
+
+	}
+
+	.sharetxt {
+		height: 100rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sharetxt1 {
+		padding: 10rpx;
+		height: 345rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sharetxt text {
+		font-size: 24rpx;
+		text-align: left;
+		line-height: 20rpx
+	}
+
+	.butmin {
+		// height: 48rpx;
+		width: 380rpx;
+		height: 65rpx;
+		background-color: #FCCF41;
+		line-height: 60rpx;
+		font-weight: bold;
+	}
+
+	.butmin1 {
+		// height: 48rpx;
+		width: 400rpx;
+		background-color: #ffffff;
+		border: #000000 10rpx;
+		line-height: 48rpx;
+		color: #FCCF41;
+		font-weight: bold;
+		font-size: 20rpx;
+	}
 </style>

page_mycenter/mytask/mytask.vue

@@ -1,618 +1,618 @@
-<template>
-	<view>
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{paddingTop:navH}" style="background-color: #fff;z-index: 10;"></view>
-
-		<view class="menu" v-if="!loading">
-			<view class="menu-item" @click="toAll()">
-				<p v-bind:class="tab == 'all'?'lor':'unlor'">全部</p>
-			</view>
-			<view class="menu-item" @click="toApply()">
-				<p v-bind:class="tab == 'apply'?'lor':'unlor'">已报名</p>
-			</view>
-			<view class="menu-item" @click="toexecute()">
-				<p v-bind:class="tab == 'execute'?'lor':'unlor'">执行中</p>
-			</view>
-			<view class="menu-item" @click="toEnd()">
-				<p v-bind:class="tab == 'end'?'lor':'unlor'">已结束</p>
-			</view>
-		</view>
-
-		<view class="home" v-if="tab == 'all' && !loading">
-			<view class="task" v-for="item in allList" @click="toTaskDetail(item)">
-				<view class="task-card">
-					<view class="task-head">
-						<view class="task-head-account">
-							<image class="platform-img" :src="item.platform_icon_url"></image>
-							<p>{{item.platform_nick_name}}</p>
-						</view>
-						<view class="task-head-status">
-							<p>{{item.task_stage_txt}}</p>
-						</view>
-					</view>
-					<view class="task-info">
-						<view class="task-info-left">
-							<image class="project-img" :src="item.product_img_url"></image>
-							<view class="task-info-txt">
-								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
-								<view v-if="item.task_stage >= 7 && item.task_stage <= 14">
-									<p style="color: #F0D232;" v-if="!item.time_out">上传截止时间：{{item.upload_ddl}}</p>
-									<p style="color: #f70c0c;" v-else>超时：{{item.upload_ddl}}</p>
-								</view>
-								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
-								<p>预计收益：￥{{item.show_task_reward}}</p>
-							</view>
-						</view>
-						<view class="task-info-right" v-if="item.isShowModify">
-							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
-							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
-						</view>
-					</view>
-					<view style="text-align: right;" v-if="item.task_stage > 6">
-						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<view class="home" v-if="tab == 'apply' && !loading">
-			<view class="task" v-for="item in applyList" @click="toTaskDetail(item)">
-				<view class="task-card">
-					<view class="task-head">
-						<view class="task-head-account">
-							<image class="platform-img" :src="item.platform_icon_url"></image>
-							<p>{{item.platform_nick_name}}</p>
-						</view>
-						<view class="task-head-status">
-							<p>{{item.task_stage_txt}}</p>
-						</view>
-					</view>
-					<view class="task-info">
-						<view class="task-info-left">
-							<image class="project-img" :src="item.product_img_url"></image>
-							<view class="task-info-txt">
-								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
-								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
-								<p>预计收益：￥{{item.show_task_reward}}</p>
-							</view>
-						</view>
-						<view class="task-info-right" v-if="item.isShowModify">
-							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
-							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
-						</view>
-					</view>
-					<view style="text-align: right;" v-if="item.task_stage > 6">
-						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<view class="home" v-if="tab == 'execute' && !loading">
-			<view class="task" v-for="item in goingList" @click="toTaskDetail(item)">
-				<view class="task-card">
-					<view class="task-head">
-						<view class="task-head-account">
-							<image class="platform-img" :src="item.platform_icon_url"></image>
-							<p>{{item.platform_nick_name}}</p>
-						</view>
-						<view class="task-head-status">
-							<p>{{item.task_stage_txt}}</p>
-						</view>
-					</view>
-					<view class="task-info">
-						<view class="task-info-left">
-							<image class="project-img" :src="item.product_img_url"></image>
-							<view class="task-info-txt">
-								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
-								<view v-if="item.task_stage >= 7 && item.task_stage <= 14">
-									<p style="color: #F0D232;" v-if="!item.time_out">上传截止时间：{{item.upload_ddl}}</p>
-									<p style="color: #f70c0c;" v-else>超时：{{item.upload_ddl}}</p>
-								</view>
-								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
-								<p>预计收益：￥{{item.show_task_reward}}</p>
-							</view>
-						</view>
-						<view class="task-info-right" v-if="item.isShowModify">
-							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
-							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
-						</view>
-					</view>
-					<view style="text-align: right;" v-if="item.task_stage > 6">
-						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<view class="home" v-if="tab == 'end' && !loading">
-			<view class="task" v-for="item in endList" @click="toTaskDetail(item)">
-				<view class="task-card">
-					<view class="task-head">
-						<view class="task-head-account">
-							<image class="platform-img" :src="item.platform_icon_url"></image>
-							<p>{{item.platform_nick_name}}</p>
-						</view>
-						<view class="task-head-status">
-							<p>{{item.task_stage_txt}}</p>
-						</view>
-					</view>
-					<view class="task-info">
-						<view class="task-info-left">
-							<image class="project-img" :src="item.product_img_url"></image>
-							<view class="task-info-txt">
-								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
-								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
-								<p>预计收益：￥{{item.show_task_reward}}</p>
-							</view>
-						</view>
-						<view class="task-info-right" v-if="item.isShowModify">
-							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
-							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
-						</view>
-					</view>
-					<view style="text-align: right;" v-if="item.task_stage > 6">
-						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<view style="height: 100rpx;"></view>
-	</view>
-</template>
-
-<script>
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import {
-		fansview,
-		money
-	} from '@/components/utils.js';
-	export default {
-		components: {
-			mvBar,
-		},
-		data() {
-			return {
-				navH: getApp().globalData.navHeight,
-				loading: true,
-				tab: '',
-				allList: [],
-				applyList: [],
-				goingList: [],
-				endList: [],
-				taskStageList: [],
-				list: [{
-					account: {
-						platform: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_MsjI7CSK_6e62AG2AGOvh1HgAcA_35_35.png",
-						nickname: "丸子在成都",
-					},
-					status: "待确认",
-					mainphoto: "https://static1.paizi.com/uploadfile/2018/1013/20181013013207465.png",
-					taskname: "醉码头火锅太古里店",
-				}, {
-					account: {
-						platform: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/pingtai2.png",
-						nickname: "成都的一颗丸子",
-					},
-					status: "待确认",
-					mainphoto: "https://tse1-mm.cn.bing.net/th/id/R-C.978cb3a3b27875a0cc9d78a254b30b8f?rik=yrP2kNCtfQYEgQ&riu=http%3a%2f%2fnews.southcn.com%2fgd%2fcontent%2fimages%2fattachement%2fpng%2fsite4%2f20190917%2feca86b61fd551eeb23c507.png&ehk=xuWbgLrNmyhNJaByMZPJrX81PrzXrLHqHM%2fdYatFhrs%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1",
-					taskname: "奥运吉祥物冰墩墩盲盒",
-				}, ],
-				mysNavConfig: {
-					/* 开启单页显示首页图标 */
-					isHome: true,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "种草任务",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "normal", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: "/pages/mycenter/mycenter",
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "/static/img/png2.png",
-						// 右图标
-						rightPath: "/static/img/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-			}
-		},
-		async onLoad(options) {
-			// 判断登录
-			await this.isLogin();
-			if (this.token === '') {
-				uni.showModal({
-					content: '请先登录',
-					success: function(res) {
-						if (res.confirm) {
-							uni.navigateTo({
-								url: '/pages/login/login'
-							});
-						} else if (res.cancel) {
-							uni.navigateBack();
-						}
-					}
-				});
-			}
-
-			let data = options.textObj.replace(/""/g, "");
-			data = JSON.parse(decodeURIComponent(data))
-			this.tab = data.tab
-		},
-		async onShow() {
-			this.loading = true;
-			uni.showLoading({
-				title: '加载中'
-			});
-			await this.getInfoTable();
-			await this.getList();
-			uni.hideLoading();
-			this.loading = false;
-		},
-		methods: {
-			// 判断登陆是否过期
-			isLogin() {
-				return this.$https.get('/youngee/c/t/g/is-login')
-					.then(res => {
-						if (res.data.code === 403) {
-							// 登陆已失效
-							this.token = ""
-							uni.clearStorage();
-						} else {
-							this.token = uni.getStorageSync('token')
-						}
-					})
-			},
-			getInfoTable() {
-				return this.$https.get('/youngee/c/g/get-info-tables')
-					.then(res => {
-						console.log(res)
-						this.taskStageList = res.data.data.TaskStage
-					})
-			},
-			getList() {
-				return this.$https.get('/youngee/c/t/g/get-task-brief-list').then(res => {
-					console.log(res)
-					this.allList = res.data.data.all_Task_info_list
-					if (this.allList != null) {
-						for (let i = 0; i < this.allList.length; ++i) {
-							let productPhoto = JSON.parse(this.allList[i].product_photo_snap);
-							for (let j = 0; j < productPhoto.length; j++) {
-								if (productPhoto[j].Symbol == 1) {
-									this.allList[i].product_img_url = productPhoto[j].PhotoUrl
-								}
-							}
-							if ((this.allList[i].task_stage == 7 && this.allList[i].script_status == 3) ||
-								(this.allList[i].task_stage == 9 && this.allList[i].sketch_status == 3) ||
-								(this.allList[i].task_stage == 11 && this.allList[i].link_status == 3) ||
-								(this.allList[i].task_stage == 13 && this.allList[i].data_status == 3)) {
-								this.allList[i].isShowModify = true
-							} else {
-								this.allList[i].isShowModify = false
-							}
-
-							for (let j = 0; j < this.taskStageList.length; ++j) {
-								if (this.allList[i].task_stage == this.taskStageList[j].task_stage_id)
-									this.allList[i].task_stage_txt = this.taskStageList[j].task_stage
-							}
-
-							this.allList[i].real_reward = this.allList[i].task_reward * (100 - this.allList[i]
-								.break_rate) / 100
-							this.allList[i].cut_payment = this.allList[i].task_reward - this.allList[i].real_reward
-							this.allList[i].show_task_reward = money(this.allList[i].task_reward)
-							this.allList[i].show_real_reward = money(this.allList[i].real_reward)
-							this.allList[i].show_cut_payment = money(this.allList[i].cut_payment)
-
-							// 截止时间
-							let ddl = this.thistime(this.allList[i].cur_break_at)
-							console.log("isTimeOut", ddl.isTimeOut)
-							console.log("ddl", ddl.deadline_time)
-							this.allList[i].time_out = ddl.isTimeOut
-							this.allList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.allList[i]
-								.cur_break_at.replace(/-/g,
-									"/").slice(0, -3)
-						}
-					}
-					this.applyList = res.data.data.sgin_up_Task_info_list
-					if (this.applyList != null) {
-						for (let i = 0; i < this.applyList.length; ++i) {
-							let productPhoto = JSON.parse(this.applyList[i].product_photo_snap);
-							for (let j = 0; j < productPhoto.length; j++) {
-								if (productPhoto[j].Symbol == 1) {
-									this.applyList[i].product_img_url = productPhoto[j].PhotoUrl
-								}
-							}
-							for (let j = 0; j < this.taskStageList.length; ++j) {
-								if (this.applyList[i].task_stage == this.taskStageList[j].task_stage_id)
-									this.applyList[i].task_stage_txt = this.taskStageList[j].task_stage
-							}
-
-							this.applyList[i].real_reward = this.applyList[i].task_reward * (100 - this.applyList[
-									i]
-								.break_rate) / 100
-							this.applyList[i].cut_payment = this.applyList[i].task_reward - this.applyList[i]
-								.real_reward
-							this.applyList[i].show_task_reward = money(this.applyList[i].task_reward)
-							this.applyList[i].show_real_reward = money(this.applyList[i].real_reward)
-							this.applyList[i].show_cut_payment = money(this.applyList[i].cut_payment)
-
-							// 截止时间
-							let ddl = this.thistime(this.applyList[i].cur_break_at)
-							console.log("isTimeOut", ddl.isTimeOut)
-							console.log("ddl", ddl.deadline_time)
-							this.applyList[i].time_out = ddl.isTimeOut
-							this.applyList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.applyList[i]
-								.cur_break_at.replace(/-/g,
-									"/").slice(0, -3)
-						}
-					}
-					this.goingList = res.data.data.going_on_Task_info_list
-					if (this.goingList != null) {
-						for (let i = 0; i < this.goingList.length; ++i) {
-							let productPhoto = JSON.parse(this.goingList[i].product_photo_snap);
-							for (let j = 0; j < productPhoto.length; j++) {
-								if (productPhoto[j].Symbol == 1) {
-									this.goingList[i].product_img_url = productPhoto[j].PhotoUrl
-								}
-							}
-							if ((this.goingList[i].task_stage == 7 && this.goingList[i].script_status == 3) ||
-								(this.goingList[i].task_stage == 9 && this.goingList[i].sketch_status == 3) ||
-								(this.goingList[i].task_stage == 11 && this.goingList[i].link_status == 3) ||
-								(this.goingList[i].task_stage == 13 && this.goingList[i].data_status == 3)) {
-								this.goingList[i].isShowModify = true
-							} else {
-								this.goingList[i].isShowModify = false
-							}
-							for (let j = 0; j < this.taskStageList.length; ++j) {
-								if (this.goingList[i].task_stage == this.taskStageList[j].task_stage_id)
-									this.goingList[i].task_stage_txt = this.taskStageList[j].task_stage
-							}
-
-
-							this.goingList[i].real_reward = this.goingList[i].task_reward * (100 - this.goingList[
-									i]
-								.break_rate) / 100
-							this.goingList[i].cut_payment = this.goingList[i].task_reward - this.goingList[i]
-								.real_reward
-							this.goingList[i].show_task_reward = money(this.goingList[i].task_reward)
-							this.goingList[i].show_real_reward = money(this.goingList[i].real_reward)
-							this.goingList[i].show_cut_payment = money(this.goingList[i].cut_payment)
-
-							// 截止时间
-							let ddl = this.thistime(this.goingList[i].cur_break_at)
-							console.log("isTimeOut", ddl.isTimeOut)
-							console.log("ddl", ddl.deadline_time)
-							this.goingList[i].time_out = ddl.isTimeOut
-							this.goingList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.goingList[i]
-								.cur_break_at.replace(/-/g,
-									"/").slice(0, -3)
-						}
-					}
-					this.endList = res.data.data.completed_Task_info_list
-					if (this.endList != null) {
-						for (let i = 0; i < this.endList.length; ++i) {
-							let productPhoto = JSON.parse(this.endList[i].product_photo_snap);
-							for (let j = 0; j < productPhoto.length; j++) {
-								if (productPhoto[j].Symbol == 1) {
-									this.endList[i].product_img_url = productPhoto[j].PhotoUrl
-								}
-							}
-							for (let j = 0; j < this.taskStageList.length; ++j) {
-								if (this.endList[i].task_stage == this.taskStageList[j].task_stage_id)
-									this.endList[i].task_stage_txt = this.taskStageList[j].task_stage
-							}
-
-							this.endList[i].real_reward = this.endList[i].task_reward * (100 - this.endList[i]
-								.break_rate) / 100
-							this.endList[i].cut_payment = this.endList[i].task_reward - this.endList[i].real_reward
-							this.endList[i].show_task_reward = money(this.endList[i].task_reward)
-							this.endList[i].show_real_reward = money(this.endList[i].real_reward)
-							this.endList[i].show_cut_payment = money(this.endList[i].cut_payment)
-
-							// 截止时间
-							let ddl = this.thistime(this.endList[i].cur_break_at)
-							console.log("isTimeOut", ddl.isTimeOut)
-							console.log("ddl", ddl.deadline_time)
-							this.endList[i].time_out = ddl.isTimeOut
-							this.endList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.endList[i]
-								.cur_break_at.replace(/-/g,
-									"/").slice(0, -3)
-						}
-					}
-				})
-			},
-			async toAll() {
-				this.tab = 'all'
-				uni.showLoading({
-					title: '加载中'
-				});
-				await this.getList()
-				uni.hideLoading()
-			},
-			async toApply() {
-				this.tab = 'apply'
-				uni.showLoading({
-					title: '加载中'
-				});
-				await this.getList()
-				uni.hideLoading()
-			},
-			async toexecute() {
-				this.tab = 'execute'
-				uni.showLoading({
-					title: '加载中'
-				});
-				await this.getList()
-				uni.hideLoading()
-			},
-			async toEnd() {
-				this.tab = 'end'
-				uni.showLoading({
-					title: '加载中'
-				});
-				await this.getList()
-				uni.hideLoading()
-			},
-			toTaskDetail(item) {
-				console.log("func toTaskDetail running")
-				uni.navigateTo({
-					url: '/page_workspace/task/taskdetail?taskId=' + item.task_id,
-					success(res) {
-						console.log(res);
-					},
-					fail(err) {
-						console.log(err);
-					}
-				});
-				console.log("func toTaskDetail end")
-			},
-			// 计算结束时间
-			thistime(val) {
-				// 转换格式
-				var beginTime = new Date(val.replace(/-/g, "/"));
-				// 当前时间
-				var thisTime = new Date();
-				// 相减
-				var dateMiss = beginTime.getTime() - thisTime.getTime();
-				let isTimeOut = dateMiss < 0 ? true : false
-				dateMiss = dateMiss < 0 ? -dateMiss : dateMiss
-				// 天数
-				var day = Math.floor(dateMiss / (24 * 3600 * 1000));
-				// 减去天数剩下的毫秒数
-				var backOne = dateMiss % (24 * 3600 * 1000);
-				// 小时数
-				var hours = Math.floor(backOne / (3600 * 1000));
-				// 减去小时数剩下的毫秒数
-				var backHour = backOne % (3600 * 1000);
-				// 分钟数
-				var min = Math.floor(backHour / (60 * 1000));
-				var deadline_time = day + '天' + hours + '时' + min + '分'
-				var result = {
-					isTimeOut: isTimeOut,
-					deadline_time: deadline_time
-				}
-				return result
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	view {
-		font-size: 32rpx;
-		line-height: inherit;
-	}
-
-	.menu {
-		padding-top: 20rpx;
-		background-color: #fff;
-		position: fixed;
-		border-bottom: #FCCF41;
-		justify-content: space-around;
-		height: 5%;
-		width: 100%;
-		display: flex;
-		z-index: 10;
-	}
-
-	.menu-item p {
-		font-weight: 600;
-
-		&.lor {
-			border-bottom: 5rpx solid #F0D232;
-			color: #F0D232;
-			padding-bottom: 15rpx;
-		}
-
-		&.unlor {
-			border-bottom: 5rpx solid #fff;
-			color: #81838f;
-			padding-bottom: 15rpx;
-		}
-	}
-
-	.home {
-		margin-top: 100rpx;
-	}
-
-	.task-card {
-		margin: 10rpx 0;
-		// border-bottom: 1rpx #d7d7d7 solid;
-
-		.task-head {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 10rpx 20rpx;
-
-			.task-head-account {
-				display: flex;
-			}
-
-			.platform-img {
-				width: 40rpx;
-				height: 40rpx;
-				margin-right: 10rpx;
-			}
-
-			.task-head-status p {
-				color: red;
-			}
-		}
-
-		.task-info {
-			display: flex;
-			justify-content: space-between;
-			padding: 10rpx 20rpx;
-
-			.task-info-left {
-				display: flex;
-				// align-items: center;
-
-				.project-img {
-					height: 120rpx;
-					width: 120rpx;
-					// background-color: #b3c96b;
-				}
-
-				.task-info-txt {
-					margin-left: 10rpx;
-				}
-
-				.task-info-txt p {
-					font-size: 24rpx;
-					color: #85859d;
-					margin-bottom: 10rpx;
-				}
-			}
-
-			.task-info-right {
-				width: 100rpx;
-				height: 100rpx;
-				border-radius: 50%;
-				border: #ffcb41 2rpx solid;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-			}
-
-			.task-info-right p {
-				font-size: 24rpx;
-			}
-		}
-	}
-
-
-	.line {
-		border-bottom: 1rpx #AAAAAA solid;
-	}
+<template>
+	<view>
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{paddingTop:navH}" style="background-color: #fff;z-index: 10;"></view>
+
+		<view class="menu" v-if="!loading">
+			<view class="menu-item" @click="toAll()">
+				<p v-bind:class="tab == 'all'?'lor':'unlor'">全部</p>
+			</view>
+			<view class="menu-item" @click="toApply()">
+				<p v-bind:class="tab == 'apply'?'lor':'unlor'">已报名</p>
+			</view>
+			<view class="menu-item" @click="toexecute()">
+				<p v-bind:class="tab == 'execute'?'lor':'unlor'">执行中</p>
+			</view>
+			<view class="menu-item" @click="toEnd()">
+				<p v-bind:class="tab == 'end'?'lor':'unlor'">已结束</p>
+			</view>
+		</view>
+
+		<view class="home" v-if="tab == 'all' && !loading">
+			<view class="task" v-for="item in allList" @click="toTaskDetail(item)">
+				<view class="task-card">
+					<view class="task-head">
+						<view class="task-head-account">
+							<image class="platform-img" :src="item.platform_icon_url"></image>
+							<p>{{item.platform_nick_name}}</p>
+						</view>
+						<view class="task-head-status">
+							<p>{{item.task_stage_txt}}</p>
+						</view>
+					</view>
+					<view class="task-info">
+						<view class="task-info-left">
+							<image class="project-img" :src="item.product_img_url"></image>
+							<view class="task-info-txt">
+								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
+								<view v-if="item.task_stage >= 7 && item.task_stage <= 14">
+									<p style="color: #F0D232;" v-if="!item.time_out">上传截止时间：{{item.upload_ddl}}</p>
+									<p style="color: #f70c0c;" v-else>超时：{{item.upload_ddl}}</p>
+								</view>
+								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
+								<p>预计收益：￥{{item.show_task_reward}}</p>
+							</view>
+						</view>
+						<view class="task-info-right" v-if="item.isShowModify">
+							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
+							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
+						</view>
+					</view>
+					<view style="text-align: right;" v-if="item.task_stage > 6">
+						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="home" v-if="tab == 'apply' && !loading">
+			<view class="task" v-for="item in applyList" @click="toTaskDetail(item)">
+				<view class="task-card">
+					<view class="task-head">
+						<view class="task-head-account">
+							<image class="platform-img" :src="item.platform_icon_url"></image>
+							<p>{{item.platform_nick_name}}</p>
+						</view>
+						<view class="task-head-status">
+							<p>{{item.task_stage_txt}}</p>
+						</view>
+					</view>
+					<view class="task-info">
+						<view class="task-info-left">
+							<image class="project-img" :src="item.product_img_url"></image>
+							<view class="task-info-txt">
+								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
+								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
+								<p>预计收益：￥{{item.show_task_reward}}</p>
+							</view>
+						</view>
+						<view class="task-info-right" v-if="item.isShowModify">
+							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
+							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
+						</view>
+					</view>
+					<view style="text-align: right;" v-if="item.task_stage > 6">
+						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="home" v-if="tab == 'execute' && !loading">
+			<view class="task" v-for="item in goingList" @click="toTaskDetail(item)">
+				<view class="task-card">
+					<view class="task-head">
+						<view class="task-head-account">
+							<image class="platform-img" :src="item.platform_icon_url"></image>
+							<p>{{item.platform_nick_name}}</p>
+						</view>
+						<view class="task-head-status">
+							<p>{{item.task_stage_txt}}</p>
+						</view>
+					</view>
+					<view class="task-info">
+						<view class="task-info-left">
+							<image class="project-img" :src="item.product_img_url"></image>
+							<view class="task-info-txt">
+								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
+								<view v-if="item.task_stage >= 7 && item.task_stage <= 14">
+									<p style="color: #F0D232;" v-if="!item.time_out">上传截止时间：{{item.upload_ddl}}</p>
+									<p style="color: #f70c0c;" v-else>超时：{{item.upload_ddl}}</p>
+								</view>
+								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
+								<p>预计收益：￥{{item.show_task_reward}}</p>
+							</view>
+						</view>
+						<view class="task-info-right" v-if="item.isShowModify">
+							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
+							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
+						</view>
+					</view>
+					<view style="text-align: right;" v-if="item.task_stage > 6">
+						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="home" v-if="tab == 'end' && !loading">
+			<view class="task" v-for="item in endList" @click="toTaskDetail(item)">
+				<view class="task-card">
+					<view class="task-head">
+						<view class="task-head-account">
+							<image class="platform-img" :src="item.platform_icon_url"></image>
+							<p>{{item.platform_nick_name}}</p>
+						</view>
+						<view class="task-head-status">
+							<p>{{item.task_stage_txt}}</p>
+						</view>
+					</view>
+					<view class="task-info">
+						<view class="task-info-left">
+							<image class="project-img" :src="item.product_img_url"></image>
+							<view class="task-info-txt">
+								<p style="color: #000;font-size: 32rpx;">{{item.project_name}}</p>
+								<p>预计违约扣款金额：￥{{item.show_cut_payment}}</p>
+								<p>预计收益：￥{{item.show_task_reward}}</p>
+							</view>
+						</view>
+						<view class="task-info-right" v-if="item.isShowModify">
+							<image src="../../static/img/icon-edit.png" style="height: 60rpx;width: 60rpx;"></image>
+							<p style="font-size: 32rpx;color: #ffcb41;font-weight: 600">改</p>
+						</view>
+					</view>
+					<view style="text-align: right;" v-if="item.task_stage > 6">
+						<p style="display: inline-block;">实际收益：￥{{item.show_real_reward}}</p>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view style="height: 100rpx;"></view>
+	</view>
+</template>
+
+<script>
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import {
+		fansview,
+		money
+	} from '@/components/utils.js';
+	export default {
+		components: {
+			mvBar,
+		},
+		data() {
+			return {
+				navH: getApp().globalData.navHeight,
+				loading: true,
+				tab: '',
+				allList: [],
+				applyList: [],
+				goingList: [],
+				endList: [],
+				taskStageList: [],
+				list: [{
+					account: {
+						platform: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_MsjI7CSK_6e62AG2AGOvh1HgAcA_35_35.png",
+						nickname: "丸子在成都",
+					},
+					status: "待确认",
+					mainphoto: "https://static1.paizi.com/uploadfile/2018/1013/20181013013207465.png",
+					taskname: "醉码头火锅太古里店",
+				}, {
+					account: {
+						platform: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/pingtai2.png",
+						nickname: "成都的一颗丸子",
+					},
+					status: "待确认",
+					mainphoto: "https://tse1-mm.cn.bing.net/th/id/R-C.978cb3a3b27875a0cc9d78a254b30b8f?rik=yrP2kNCtfQYEgQ&riu=http%3a%2f%2fnews.southcn.com%2fgd%2fcontent%2fimages%2fattachement%2fpng%2fsite4%2f20190917%2feca86b61fd551eeb23c507.png&ehk=xuWbgLrNmyhNJaByMZPJrX81PrzXrLHqHM%2fdYatFhrs%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1",
+					taskname: "奥运吉祥物冰墩墩盲盒",
+				}, ],
+				mysNavConfig: {
+					/* 开启单页显示首页图标 */
+					isHome: true,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "种草任务",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "normal", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: "/pages/mycenter/mycenter",
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "/static/img/png2.png",
+						// 右图标
+						rightPath: "/static/img/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+			}
+		},
+		async onLoad(options) {
+			// 判断登录
+			await this.isLogin();
+			if (this.token === '') {
+				uni.showModal({
+					content: '请先登录',
+					success: function(res) {
+						if (res.confirm) {
+							uni.navigateTo({
+								url: '/pages/login/login'
+							});
+						} else if (res.cancel) {
+							uni.navigateBack();
+						}
+					}
+				});
+			}
+
+			let data = options.textObj.replace(/""/g, "");
+			data = JSON.parse(decodeURIComponent(data))
+			this.tab = data.tab
+		},
+		async onShow() {
+			this.loading = true;
+			uni.showLoading({
+				title: '加载中'
+			});
+			await this.getInfoTable();
+			await this.getList();
+			uni.hideLoading();
+			this.loading = false;
+		},
+		methods: {
+			// 判断登陆是否过期
+			isLogin() {
+				return this.$https.get('/youngee/c/t/g/is-login')
+					.then(res => {
+						if (res.data.code === 403) {
+							// 登陆已失效
+							this.token = ""
+							uni.clearStorage();
+						} else {
+							this.token = uni.getStorageSync('token')
+						}
+					})
+			},
+			getInfoTable() {
+				return this.$https.get('/youngee/c/g/get-info-tables')
+					.then(res => {
+						console.log(res)
+						this.taskStageList = res.data.data.TaskStage
+					})
+			},
+			getList() {
+				return this.$https.get('/youngee/c/t/g/get-task-brief-list').then(res => {
+					console.log("获取任务列表结果-----", res)
+					this.allList = res.data.data.all_Task_info_list
+					if (this.allList != null) {
+						for (let i = 0; i < this.allList.length; ++i) {
+							let productPhoto = JSON.parse(this.allList[i].product_photo_snap);
+							for (let j = 0; j < productPhoto.length; j++) {
+								if (productPhoto[j].Symbol == 1) {
+									this.allList[i].product_img_url = productPhoto[j].PhotoUrl
+								}
+							}
+							if ((this.allList[i].task_stage == 7 && this.allList[i].script_status == 3) ||
+								(this.allList[i].task_stage == 9 && this.allList[i].sketch_status == 3) ||
+								(this.allList[i].task_stage == 11 && this.allList[i].link_status == 3) ||
+								(this.allList[i].task_stage == 13 && this.allList[i].data_status == 3)) {
+								this.allList[i].isShowModify = true
+							} else {
+								this.allList[i].isShowModify = false
+							}
+
+							for (let j = 0; j < this.taskStageList.length; ++j) {
+								if (this.allList[i].task_stage == this.taskStageList[j].task_stage_id)
+									this.allList[i].task_stage_txt = this.taskStageList[j].task_stage
+							}
+
+							this.allList[i].real_reward = this.allList[i].task_reward * (100 - this.allList[i]
+								.break_rate) / 100
+							this.allList[i].cut_payment = this.allList[i].task_reward - this.allList[i].real_reward
+							this.allList[i].show_task_reward = money(this.allList[i].task_reward)
+							this.allList[i].show_real_reward = money(this.allList[i].real_reward)
+							this.allList[i].show_cut_payment = money(this.allList[i].cut_payment)
+
+							// 截止时间
+							let ddl = this.thistime(this.allList[i].cur_break_at)
+							console.log("isTimeOut", ddl.isTimeOut)
+							console.log("ddl", ddl.deadline_time)
+							this.allList[i].time_out = ddl.isTimeOut
+							this.allList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.allList[i]
+								.cur_break_at.replace(/-/g,
+									"/").slice(0, -3)
+						}
+					}
+					this.applyList = res.data.data.sgin_up_Task_info_list
+					if (this.applyList != null) {
+						for (let i = 0; i < this.applyList.length; ++i) {
+							let productPhoto = JSON.parse(this.applyList[i].product_photo_snap);
+							for (let j = 0; j < productPhoto.length; j++) {
+								if (productPhoto[j].Symbol == 1) {
+									this.applyList[i].product_img_url = productPhoto[j].PhotoUrl
+								}
+							}
+							for (let j = 0; j < this.taskStageList.length; ++j) {
+								if (this.applyList[i].task_stage == this.taskStageList[j].task_stage_id)
+									this.applyList[i].task_stage_txt = this.taskStageList[j].task_stage
+							}
+
+							this.applyList[i].real_reward = this.applyList[i].task_reward * (100 - this.applyList[
+									i]
+								.break_rate) / 100
+							this.applyList[i].cut_payment = this.applyList[i].task_reward - this.applyList[i]
+								.real_reward
+							this.applyList[i].show_task_reward = money(this.applyList[i].task_reward)
+							this.applyList[i].show_real_reward = money(this.applyList[i].real_reward)
+							this.applyList[i].show_cut_payment = money(this.applyList[i].cut_payment)
+
+							// 截止时间
+							let ddl = this.thistime(this.applyList[i].cur_break_at)
+							console.log("isTimeOut", ddl.isTimeOut)
+							console.log("ddl", ddl.deadline_time)
+							this.applyList[i].time_out = ddl.isTimeOut
+							this.applyList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.applyList[i]
+								.cur_break_at.replace(/-/g,
+									"/").slice(0, -3)
+						}
+					}
+					this.goingList = res.data.data.going_on_Task_info_list
+					if (this.goingList != null) {
+						for (let i = 0; i < this.goingList.length; ++i) {
+							let productPhoto = JSON.parse(this.goingList[i].product_photo_snap);
+							for (let j = 0; j < productPhoto.length; j++) {
+								if (productPhoto[j].Symbol == 1) {
+									this.goingList[i].product_img_url = productPhoto[j].PhotoUrl
+								}
+							}
+							if ((this.goingList[i].task_stage == 7 && this.goingList[i].script_status == 3) ||
+								(this.goingList[i].task_stage == 9 && this.goingList[i].sketch_status == 3) ||
+								(this.goingList[i].task_stage == 11 && this.goingList[i].link_status == 3) ||
+								(this.goingList[i].task_stage == 13 && this.goingList[i].data_status == 3)) {
+								this.goingList[i].isShowModify = true
+							} else {
+								this.goingList[i].isShowModify = false
+							}
+							for (let j = 0; j < this.taskStageList.length; ++j) {
+								if (this.goingList[i].task_stage == this.taskStageList[j].task_stage_id)
+									this.goingList[i].task_stage_txt = this.taskStageList[j].task_stage
+							}
+
+
+							this.goingList[i].real_reward = this.goingList[i].task_reward * (100 - this.goingList[
+									i]
+								.break_rate) / 100
+							this.goingList[i].cut_payment = this.goingList[i].task_reward - this.goingList[i]
+								.real_reward
+							this.goingList[i].show_task_reward = money(this.goingList[i].task_reward)
+							this.goingList[i].show_real_reward = money(this.goingList[i].real_reward)
+							this.goingList[i].show_cut_payment = money(this.goingList[i].cut_payment)
+
+							// 截止时间
+							let ddl = this.thistime(this.goingList[i].cur_break_at)
+							console.log("isTimeOut", ddl.isTimeOut)
+							console.log("ddl", ddl.deadline_time)
+							this.goingList[i].time_out = ddl.isTimeOut
+							this.goingList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.goingList[i]
+								.cur_break_at.replace(/-/g,
+									"/").slice(0, -3)
+						}
+					}
+					this.endList = res.data.data.completed_Task_info_list
+					if (this.endList != null) {
+						for (let i = 0; i < this.endList.length; ++i) {
+							let productPhoto = JSON.parse(this.endList[i].product_photo_snap);
+							for (let j = 0; j < productPhoto.length; j++) {
+								if (productPhoto[j].Symbol == 1) {
+									this.endList[i].product_img_url = productPhoto[j].PhotoUrl
+								}
+							}
+							for (let j = 0; j < this.taskStageList.length; ++j) {
+								if (this.endList[i].task_stage == this.taskStageList[j].task_stage_id)
+									this.endList[i].task_stage_txt = this.taskStageList[j].task_stage
+							}
+
+							this.endList[i].real_reward = this.endList[i].task_reward * (100 - this.endList[i]
+								.break_rate) / 100
+							this.endList[i].cut_payment = this.endList[i].task_reward - this.endList[i].real_reward
+							this.endList[i].show_task_reward = money(this.endList[i].task_reward)
+							this.endList[i].show_real_reward = money(this.endList[i].real_reward)
+							this.endList[i].show_cut_payment = money(this.endList[i].cut_payment)
+
+							// 截止时间
+							let ddl = this.thistime(this.endList[i].cur_break_at)
+							console.log("isTimeOut", ddl.isTimeOut)
+							console.log("ddl", ddl.deadline_time)
+							this.endList[i].time_out = ddl.isTimeOut
+							this.endList[i].upload_ddl = ddl.isTimeOut ? ddl.deadline_time : this.endList[i]
+								.cur_break_at.replace(/-/g,
+									"/").slice(0, -3)
+						}
+					}
+				})
+			},
+			async toAll() {
+				this.tab = 'all'
+				uni.showLoading({
+					title: '加载中'
+				});
+				await this.getList()
+				uni.hideLoading()
+			},
+			async toApply() {
+				this.tab = 'apply'
+				uni.showLoading({
+					title: '加载中'
+				});
+				await this.getList()
+				uni.hideLoading()
+			},
+			async toexecute() {
+				this.tab = 'execute'
+				uni.showLoading({
+					title: '加载中'
+				});
+				await this.getList()
+				uni.hideLoading()
+			},
+			async toEnd() {
+				this.tab = 'end'
+				uni.showLoading({
+					title: '加载中'
+				});
+				await this.getList()
+				uni.hideLoading()
+			},
+			toTaskDetail(item) {
+				console.log("func toTaskDetail running")
+				uni.navigateTo({
+					url: '/page_workspace/task/taskdetail?taskId=' + item.task_id,
+					success(res) {
+						console.log(res);
+					},
+					fail(err) {
+						console.log(err);
+					}
+				});
+				console.log("func toTaskDetail end")
+			},
+			// 计算结束时间
+			thistime(val) {
+				// 转换格式
+				var beginTime = new Date(val.replace(/-/g, "/"));
+				// 当前时间
+				var thisTime = new Date();
+				// 相减
+				var dateMiss = beginTime.getTime() - thisTime.getTime();
+				let isTimeOut = dateMiss < 0 ? true : false
+				dateMiss = dateMiss < 0 ? -dateMiss : dateMiss
+				// 天数
+				var day = Math.floor(dateMiss / (24 * 3600 * 1000));
+				// 减去天数剩下的毫秒数
+				var backOne = dateMiss % (24 * 3600 * 1000);
+				// 小时数
+				var hours = Math.floor(backOne / (3600 * 1000));
+				// 减去小时数剩下的毫秒数
+				var backHour = backOne % (3600 * 1000);
+				// 分钟数
+				var min = Math.floor(backHour / (60 * 1000));
+				var deadline_time = day + '天' + hours + '时' + min + '分'
+				var result = {
+					isTimeOut: isTimeOut,
+					deadline_time: deadline_time
+				}
+				return result
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	view {
+		font-size: 32rpx;
+		line-height: inherit;
+	}
+
+	.menu {
+		padding-top: 20rpx;
+		background-color: #fff;
+		position: fixed;
+		border-bottom: #FCCF41;
+		justify-content: space-around;
+		height: 5%;
+		width: 100%;
+		display: flex;
+		z-index: 10;
+	}
+
+	.menu-item p {
+		font-weight: 600;
+
+		&.lor {
+			border-bottom: 5rpx solid #F0D232;
+			color: #F0D232;
+			padding-bottom: 15rpx;
+		}
+
+		&.unlor {
+			border-bottom: 5rpx solid #fff;
+			color: #81838f;
+			padding-bottom: 15rpx;
+		}
+	}
+
+	.home {
+		margin-top: 100rpx;
+	}
+
+	.task-card {
+		margin: 10rpx 0;
+		// border-bottom: 1rpx #d7d7d7 solid;
+
+		.task-head {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 10rpx 20rpx;
+
+			.task-head-account {
+				display: flex;
+			}
+
+			.platform-img {
+				width: 40rpx;
+				height: 40rpx;
+				margin-right: 10rpx;
+			}
+
+			.task-head-status p {
+				color: red;
+			}
+		}
+
+		.task-info {
+			display: flex;
+			justify-content: space-between;
+			padding: 10rpx 20rpx;
+
+			.task-info-left {
+				display: flex;
+				// align-items: center;
+
+				.project-img {
+					height: 120rpx;
+					width: 120rpx;
+					// background-color: #b3c96b;
+				}
+
+				.task-info-txt {
+					margin-left: 10rpx;
+				}
+
+				.task-info-txt p {
+					font-size: 24rpx;
+					color: #85859d;
+					margin-bottom: 10rpx;
+				}
+			}
+
+			.task-info-right {
+				width: 100rpx;
+				height: 100rpx;
+				border-radius: 50%;
+				border: #ffcb41 2rpx solid;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+
+			.task-info-right p {
+				font-size: 24rpx;
+			}
+		}
+	}
+
+
+	.line {
+		border-bottom: 1rpx #AAAAAA solid;
+	}
 </style>

page_selectionsquare/selectiondetail/information.vue

@@ -1,479 +1,480 @@
-<template>
-	<view>
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-		<view class="basicInfo">
-			<image :src="mainImg" style="width: 150rpx;height: 150rpx;" mode="">
-			</image>
-			<view class="basicInfo_txt">
-				<p style="margin-bottom: 10rpx;font-size: 31rpx; font-weight: bold;">
-					{{selection.selection_name}}
-				</p>
-				<p style="font-size: 27rpx;">售价：￥{{selection.YounggeeProduct[0].product_price}} &nbsp;&nbsp;&nbsp;&nbsp;
-					样叽高佣：{{selection.YounggeeProduct[0].exclusive_commission}}%</p>
-				<p style="font-size: 27rpx;" v-if="selection.task_mode === 1">
-					额外悬赏：￥{{selection.RewardStrategy[0].per_reward}}</p>
-			</view>
-		</view>
-
-		<view class="address">
-			<view>
-				<image class="address_icon" :src="picture.icon_loc" mode="">
-				</image>
-			</view>
-			<view style="width: 70%;">
-				<view style="display: flex;">
-					<p class='ipon' style="padding-right: 100rpx;">{{address.receiver_name}}</p>
-					<p class='ipon'>{{address.phone_number}}</p>
-				</view>
-				<p class='ipon'>{{address.full_detail_addr}}</p>
-			</view>
-			<view class="address_edit" @click="editAddress()">
-				<image :src="picture.icon_edit" mode="">
-				</image>
-			</view>
-		</view>
-
-		<view class="keyInfo">
-			<p style="margin-bottom: 30rpx;font-size: 36rpx; font-weight: bold;">任务要求</p>
-			<!-- <p>内容形式：{{selection.show_content_type}}</p> -->
-			<p>带货链接:{{selection.product_url}}
-				<image :src="picture.icon_copy" mode="" class="copy-img" @click="handleCopy('123')" />
-			</p>
-			<p>领样要求:</p>
-			<!-- 具体领样品要求（粉丝数量） -->
-			<view class="markcontent">
-				<view class="" v-for="item in selection.FreeStrategy">
-					<p style=" margin-top: 20rpx; margin-bottom: 20rpx; font-size: 26rpx;">
-						粉丝量{{getFansLabel(item.fans_num)}}，近30天橱窗销量≥{{item.sale_num}}单</p>
-				</view>
-
-			</view>
-		</view>
-
-		<view class="account" @click="editAccount()">
-			<view class="account_txt">
-				<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png" mode=""></image>
-				<span>{{account.nick_name}}</span>
-			</view>
-			<view class="account_fans">
-				<p style="padding-right: 20rpx;color:#A8A8A8;">粉丝数</p>
-				<p>{{account.fan}}</p>
-			</view>
-			<view class="account_btn">
-				<image :src="picture.togoimg" mode="" style="width: 16rpx;height: 30rpx;"></image>
-			</view>
-		</view>
-
-
-		<view class="block"></view>
-		<view class="submit">
-			<button type="default" class="submit_btn" @click="submit()"> 确认报名并添加橱窗</button>
-		</view>
-	</view>
-</template>
-
-<script>
-	import region from '@/components/pca-code.json';
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import {
-		fansview
-	} from '@/components/utils.js';
-	export default {
-		components: {
-			mvBar
-		},
-		data() {
-			return {
-				navH: getApp().globalData.navHeight,
-				picture: getApp().globalData.picture,
-				mysNavConfig: {
-					isHome: false,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "信息确认",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: '',
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
-						// 右图标
-						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-				options: [{
-						value: '1',
-						label: '所有人均可领取'
-					},
-					{
-						value: '2',
-						label: '1w下'
-					},
-					{
-						value: '3',
-						label: '1w-10w'
-					},
-					{
-						value: '4',
-						label: '10w-100w'
-					},
-					{
-						value: '5',
-						label: '100w-500w'
-					},
-					{
-						value: '6',
-						label: '500w-1000w'
-					},
-					{
-						value: '7',
-						label: '1000w以上'
-					},
-				],
-
-				selection: {},
-				product: {},
-				youngTeamId: "",
-				youngLeadTeamId: "",
-				mainImg: "https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/bb531ede-28b5-49a0-8431-a1608fd35890.png",
-				account_id: -1,
-				address_id: -1,
-				address: null,
-				project: null,
-				account: null,
-				strategy: null,
-				thirdPlatform: [],
-				saleNum_30: 0,
-			}
-		},
-		onShow() {
-			// 根据address_id查询address
-			this.getDefaultAddress();
-			// 查询account	
-			this.getTalentAccountInfo();
-		},
-		onLoad(options) {
-			this.textObj = options.textObj.replace(/""/g, "");
-			this.textObj = JSON.parse(decodeURIComponent(this.textObj))
-			console.log("详情页传来的数据",this.textObj)
-			this.saleNum_30=this.textObj.saleNum_30
-			this.selection = this.textObj.selection
-			console.log("this.selection------>", this.selection)
-			this.product = this.selection.YounggeeProduct[0]
-			this.youngTeamId = this.textObj.youngTeamId
-			this.youngLeadTeamId = this.textObj.youngLeadTeamId
-
-			for (let i = 0; i < this.selection.YounggeeProductPhoto.length; ++i) {
-				if (this.selection.YounggeeProductPhoto[i].symbol === 1) {
-					this.mainImg = this.selection.YounggeeProductPhoto[i].photo_url
-				}
-			}
-			console.log("this.mainIma---->", this.mainImg)
-			if (this.youngLeadTeamId === "") {
-				this.getLeadYoungTeamId()
-			}
-		},
-		methods: {
-			getFansLabel(fansNum) {
-				const option = this.options.find(o => o.value === fansNum.toString());
-				return option ? option.label : fansNum;
-			},
-			handleCopy(content) {
-				wx.setClipboardData({
-					data: content,
-					success: function(res) {
-						console.log("复制成功");
-					}
-				});
-			},
-			getLeadYoungTeamId() {
-				// 调用后端接口，创建young之团，若young之团存在则返回teamid，否则创建young之团并返回id
-				return this.$https.post('/youngee/c/t/p/add-young-team', {
-						selection_id: this.selection.selection_id,
-						project_type: 2,
-					})
-					.then(res => {
-						console.log(res)
-						this.youngLeadTeamId = res.data.data;
-					})
-			},
-			//账号信息
-			getTalentAccountInfo() {
-				return this.$https.get('/youngee/c/t/g/get-talent-account-kuaishou')
-					.then(res => {
-						this.account=res.data.data[0]
-					})
-				// console.log("account数组——————：  ",res)
-			},
-			//进入报名详情页肯定有收获地址
-			getDefaultAddress() {
-				this.$https.get('/youngee/c/t/g/get-talent-default-address').then(res => {
-					console.log("get-talent-default-address---》",res.data.data)
-					this.address = res.data.data;
-					let a = this.address.region_code.toString().slice(0, 2)  //前两位，提取省级或大区级别的代码
-					let b = this.address.region_code.toString().slice(0, 4)  //前四位，地区编码中提取更高层级的区域代码，例如市级代码
-					let c = 0 
-					for (var i = 0; i < region.length; i++) {
-						if (region[i].code == a) {
-							a = region[i].name
-							for (var j = 0; j < region[i].children.length; j++) {
-								if (region[i].children[j].code == b) {
-									b = region[i].children[j].name
-									for (var o = 0; o < region[i].children[j].children.length; o++) {
-										if (region[i].children[j].children[o].code == this.address
-											.region_code) {
-											c = region[i].children[j].children[o].name
-										}
-									}
-								}
-
-							}
-						}
-					}
-					this.address.full_detail_addr = a + b + c + this.address.detail_addr
-					console.log("get-talent-default-address---》",this.address.full_detail_addr)
-				})
-			},
-			editAddress() {
-				uni.navigateTo({
-					url: '/page_mycenter/myinformation/addlocation?address_id=' + this.address.address_id +
-						'&ismodify=1'
-				});
-			},
-			editAccount() {
-				uni.navigateTo({
-					url: '/page_mycenter/bindaccounts/kuaishoubind' 
-				});
-			},
-			debugSubmit() {
-				uni.navigateTo({
-					url: '/page_tasksquare/wholetask/success'
-				});
-			},
-			async submit(){
-				
-				//肯定有地址，样品肯定够，肯定有效期内，否则立即领样按钮无法点击
-				console.log("api----", this.product.kuaishou_product_id)
-				//调用加入橱窗api
-				this.$https.get('/youngee/c/t/g/add-window' +
-					"?" +
-					"product_id" +
-					"=" +
-					this.product.kuaishou_product_id
-				).then(res => {
-					console.log("add window res****", res)
-					//未开通
-					let api_result = res.data.data.data[0]
-					if (api_result.result == 1800533) {
-						uni.showModal({
-							content: '添加橱窗失败，免费领样申请失败', // 这里设置弹窗的内容
-							showCancel: false, // 不显示取消按钮
-							confirmText: '知道了', // 设置确认按钮的文本
-							success: function(res) {
-								if (res.confirm) {
-									console.log('用户点击知道了');
-								}
-							}
-						});
-					} else if (api_result.result == 1800550) {
-						uni.showModal({
-							content: '添加橱窗失败，免费领样申请失败', // 这里设置弹窗的内容
-							showCancel: false, // 不显示取消按钮
-							confirmText: '知道了', // 设置确认按钮的文本
-							success: function(res) {
-								if (res.confirm) {
-									console.log('用户点击知道了');
-								}
-							}
-						});
-					} else {
-						//添加橱窗成功。
-						//添加到seltask带货任务中
-						console.log("提交报名")
-						// 直接报名
-						console.log("********", this.selection.product_id)
-						console.log("this.account.fan********111", this.account.fan)
-						console.log("this.saleNum_30********111", this.saleNum_30)
-						this.$https.post('/youngee/c/t/p/sign-up-sec-task', {
-							address_id: this.address.address_id,
-							selection_id: this.selection.selection_id,
-							lead_team_id: this.youngLeadTeamId,
-							team_id: this.youngTeamId,
-							product_id: this.selection.product_id,
-							//新增
-							saleNum: this.saleNum_30,
-							fans: this.account.fan,
-						}).then(res => {
-							console.log("sign-up-sec-task 的res",res)
-							if (res.data.code == 0) {
-								var data = {
-									task_id: res.data.data.task_id
-								};
-								data = JSON.stringify(data)
-								uni.navigateTo({
-									url: '/page_selectionsquare/selectiondetail/success?textObj=' +
-										encodeURIComponent(
-											data)
-								});
-							} else {
-								uni.showModal({
-									content: '网络繁忙，请小主稍后再试~',
-								});
-								
-							}
-							
-						})
-						
-					}
-				})
-			},
-		},
-	}
-</script>
-
-<style lang="scss" scoped>
-	text {
-		font-size: 32rpx;
-	}
-
-	p {
-		font-size: 32rpx;
-	}
-
-	.basicInfo {
-		display: flex;
-		margin: 0 40rpx;
-		padding: 30rpx 0;
-
-		.basicInfo_txt {
-			margin-left: 40rpx;
-			padding-top: 20rpx;
-		}
-	}
-
-	.address {
-		display: flex;
-		margin: 30rpx 40rpx 0;
-		padding: 30rpx 0;
-		justify-content: space-around;
-
-		.address_icon {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 30rpx;
-		}
-
-		.address_edit {}
-
-		.address_edit image {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 14rpx;
-		}
-
-		.ipon {
-			color: #333333;
-			font-size: 30rpx;
-			margin-bottom: 10rpx;
-		}
-	}
-
-	.keyInfo {
-		margin: 30rpx 40rpx;
-	}
-
-	.keyInfo span {
-		display: flex;
-		align-items: center;
-		margin: 10rpx 0;
-	}
-
-	.keyInfo p {
-		margin: 25rpx 0;
-	}
-
-
-	.account {
-		display: flex;
-		align-items: center;
-		width: 690rpx;
-		padding: 24rpx 0;
-		margin: 0 auto;
-
-		.account_txt {
-			display: inline-block;
-			padding: 0 0 0 1%;
-			width: 400rpx;
-		}
-
-		.account_txt span {
-			color: #333333;
-			font-weight: 550;
-			text-indent: 2em;
-			font-size: 32rpx;
-		}
-
-
-		.account_txt image {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 14rpx;
-		}
-
-		.account_fans {
-			display: flex;
-			width: 250rpx;
-		}
-
-		.account_fans p {
-			display: inline-block;
-			color: #333333;
-			font-weight: 550;
-		}
-
-		.account_btn {}
-	}
-
-	.block {
-		width: 100%;
-		height: 100rpx;
-		margin-top: 5%;
-	}
-
-	.submit {
-		box-shadow: 0rpx 5rpx 40rpx #ccc;
-		width: 100%;
-		position: fixed;
-		bottom: 0rpx;
-		display: flex;
-		height: 90rpx;
-		padding-top: 2%;
-		background-color: #FFFFFF;
-
-		.submit_btn {
-			background-color: #FCCF41;
-			border-radius: 20rpx;
-			font-size: 30rpx;
-			line-height: 220%;
-			letter-spacing: 5rpx;
-			height: 80%;
-		}
-
-	}
+<template>
+	<view>
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+		<view class="basicInfo">
+			<image :src="mainImg" style="width: 150rpx;height: 150rpx;" mode="">
+			</image>
+			<view class="basicInfo_txt">
+				<p style="margin-bottom: 10rpx;font-size: 31rpx; font-weight: bold;">
+					{{selection.selection_name}}
+				</p>
+				<p style="font-size: 27rpx;">售价：￥{{selection.YounggeeProduct[0].product_price}} &nbsp;&nbsp;&nbsp;&nbsp;
+					样叽高佣：{{selection.YounggeeProduct[0].exclusive_commission}}%</p>
+				<p style="font-size: 27rpx;" v-if="selection.task_mode === 1">
+					额外悬赏：￥{{selection.RewardStrategy[0].per_reward}}</p>
+			</view>
+		</view>
+
+		<view class="address">
+			<view>
+				<image class="address_icon" :src="picture.icon_loc" mode="">
+				</image>
+			</view>
+			<view style="width: 70%;">
+				<view style="display: flex;">
+					<p class='ipon' style="padding-right: 100rpx;">{{address.receiver_name}}</p>
+					<p class='ipon'>{{address.phone_number}}</p>
+				</view>
+				<p class='ipon'>{{address.full_detail_addr}}</p>
+			</view>
+			<view class="address_edit" @click="editAddress()">
+				<image :src="picture.icon_edit" mode="">
+				</image>
+			</view>
+		</view>
+
+		<view class="keyInfo">
+			<p style="margin-bottom: 30rpx;font-size: 36rpx; font-weight: bold;">任务要求</p>
+			<!-- <p>内容形式：{{selection.show_content_type}}</p> -->
+			<p>带货链接:{{selection.product_url}}
+				<image :src="picture.icon_copy" mode="" class="copy-img" @click="handleCopy('123')" />
+			</p>
+			<p>领样要求:</p>
+			<!-- 具体领样品要求（粉丝数量） -->
+			<view class="markcontent">
+				<view class="" v-for="item in selection.FreeStrategy">
+					<p style=" margin-top: 20rpx; margin-bottom: 20rpx; font-size: 26rpx;">
+						粉丝量{{getFansLabel(item.fans_num)}}，近30天橱窗销量≥{{item.sale_num}}单</p>
+				</view>
+
+			</view>
+		</view>
+
+		<view class="account" @click="editAccount()">
+			<view class="account_txt">
+				<image
+					src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/lQLPDhrXwll1_NcjI7AD0T3viYtxQwGOvh1SwG0A_35_35.png"
+					mode=""></image>
+				<span>{{account.nick_name}}</span>
+			</view>
+			<view class="account_fans">
+				<p style="padding-right: 20rpx;color:#A8A8A8;">粉丝数</p>
+				<p>{{account.fan}}</p>
+			</view>
+			<view class="account_btn">
+				<image :src="picture.togoimg" mode="" style="width: 16rpx;height: 30rpx;"></image>
+			</view>
+		</view>
+
+
+		<view class="block"></view>
+		<view class="submit">
+			<button type="default" class="submit_btn" @click="submit()"> 确认报名并添加橱窗</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import region from '@/components/pca-code.json';
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import {
+		fansview
+	} from '@/components/utils.js';
+	export default {
+		components: {
+			mvBar
+		},
+		data() {
+			return {
+				navH: getApp().globalData.navHeight,
+				picture: getApp().globalData.picture,
+				mysNavConfig: {
+					isHome: false,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "信息确认",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: '',
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
+						// 右图标
+						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+				options: [{
+						value: '1',
+						label: '所有人均可领取'
+					},
+					{
+						value: '2',
+						label: '1w下'
+					},
+					{
+						value: '3',
+						label: '1w-10w'
+					},
+					{
+						value: '4',
+						label: '10w-100w'
+					},
+					{
+						value: '5',
+						label: '100w-500w'
+					},
+					{
+						value: '6',
+						label: '500w-1000w'
+					},
+					{
+						value: '7',
+						label: '1000w以上'
+					},
+				],
+
+				selection: {},
+				product: {},
+				youngTeamId: "",
+				youngLeadTeamId: "",
+				mainImg: "https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/bb531ede-28b5-49a0-8431-a1608fd35890.png",
+				account_id: -1,
+				address_id: -1,
+				address: null,
+				project: null,
+				account: null,
+				strategy: null,
+				thirdPlatform: [],
+				saleNum_30: 0,
+			}
+		},
+		onShow() {
+			// 根据address_id查询address
+			this.getDefaultAddress();
+			// 查询account	
+			this.getTalentAccountInfo();
+		},
+		onLoad(options) {
+			this.textObj = options.textObj.replace(/""/g, "");
+			this.textObj = JSON.parse(decodeURIComponent(this.textObj))
+			console.log("详情页传来的数据", this.textObj)
+			this.saleNum_30 = this.textObj.saleNum_30
+			this.selection = this.textObj.selection
+			console.log("this.selection------>", this.selection)
+			this.product = this.selection.YounggeeProduct[0]
+			this.youngTeamId = this.textObj.youngTeamId
+			this.youngLeadTeamId = this.textObj.youngLeadTeamId
+
+			for (let i = 0; i < this.selection.YounggeeProductPhoto.length; ++i) {
+				if (this.selection.YounggeeProductPhoto[i].symbol === 1) {
+					this.mainImg = this.selection.YounggeeProductPhoto[i].photo_url
+				}
+			}
+			console.log("this.mainIma---->", this.mainImg)
+			if (this.youngLeadTeamId === "") {
+				this.getLeadYoungTeamId()
+			}
+		},
+		methods: {
+			getFansLabel(fansNum) {
+				const option = this.options.find(o => o.value === fansNum.toString());
+				return option ? option.label : fansNum;
+			},
+			handleCopy(content) {
+				wx.setClipboardData({
+					data: content,
+					success: function(res) {
+						console.log("复制成功");
+					}
+				});
+			},
+			getLeadYoungTeamId() {
+				// 调用后端接口，创建young之团，若young之团存在则返回teamid，否则创建young之团并返回id
+				return this.$https.post('/youngee/c/t/p/add-young-team', {
+						selection_id: this.selection.selection_id,
+						project_type: 2,
+					})
+					.then(res => {
+						console.log(res)
+						this.youngLeadTeamId = res.data.data;
+					})
+			},
+			//账号信息
+			getTalentAccountInfo() {
+				return this.$https.get('/youngee/c/t/g/get-talent-account-kuaishou')
+					.then(res => {
+						this.account = res.data.data[0]
+					})
+				// console.log("account数组——————：  ",res)
+			},
+			//进入报名详情页肯定有收获地址
+			getDefaultAddress() {
+				this.$https.get('/youngee/c/t/g/get-talent-default-address').then(res => {
+					console.log("get-talent-default-address---》", res.data.data)
+					this.address = res.data.data;
+					let a = this.address.region_code.toString().slice(0, 2) //前两位，提取省级或大区级别的代码
+					let b = this.address.region_code.toString().slice(0, 4) //前四位，地区编码中提取更高层级的区域代码，例如市级代码
+					let c = 0
+					for (var i = 0; i < region.length; i++) {
+						if (region[i].code == a) {
+							a = region[i].name
+							for (var j = 0; j < region[i].children.length; j++) {
+								if (region[i].children[j].code == b) {
+									b = region[i].children[j].name
+									for (var o = 0; o < region[i].children[j].children.length; o++) {
+										if (region[i].children[j].children[o].code == this.address
+											.region_code) {
+											c = region[i].children[j].children[o].name
+										}
+									}
+								}
+
+							}
+						}
+					}
+					this.address.full_detail_addr = a + b + c + this.address.detail_addr
+					console.log("get-talent-default-address---》", this.address.full_detail_addr)
+				})
+			},
+			editAddress() {
+				uni.navigateTo({
+					url: '/page_mycenter/myinformation/addlocation?address_id=' + this.address.address_id +
+						'&ismodify=1'
+				});
+			},
+			editAccount() {
+				uni.navigateTo({
+					url: '/page_mycenter/bindaccounts/kuaishoubind'
+				});
+			},
+			debugSubmit() {
+				uni.navigateTo({
+					url: '/page_tasksquare/wholetask/success'
+				});
+			},
+			async submit() {
+				//肯定有地址，样品肯定够，肯定有效期内，否则立即领样按钮无法点击
+				console.log("api----", this.product.kuaishou_product_id)
+				//调用加入橱窗api
+				this.$https.get('/youngee/c/t/g/add-window' +
+					"?" +
+					"product_id" +
+					"=" +
+					this.product.kuaishou_product_id
+				).then(res => {
+					console.log("add window res****", res)
+					//未开通
+					let api_result = res.data.data.data[0]
+					if (api_result.result == 1800533) {
+						uni.showModal({
+							content: '添加橱窗失败，免费领样申请失败', // 这里设置弹窗的内容
+							showCancel: false, // 不显示取消按钮
+							confirmText: '知道了', // 设置确认按钮的文本
+							success: function(res) {
+								if (res.confirm) {
+									console.log('用户点击知道了');
+								}
+							}
+						});
+					} else if (api_result.result == 1800550) {
+						uni.showModal({
+							content: '添加橱窗失败，免费领样申请失败', // 这里设置弹窗的内容
+							showCancel: false, // 不显示取消按钮
+							confirmText: '知道了', // 设置确认按钮的文本
+							success: function(res) {
+								if (res.confirm) {
+									console.log('用户点击知道了');
+								}
+							}
+						});
+					} else {
+						//添加橱窗成功。
+						//添加到seltask带货任务中
+						console.log("提交报名")
+						// 直接报名
+						console.log("********", this.selection.product_id)
+						console.log("this.account.fan********111", this.account.fan)
+						console.log("this.saleNum_30********111", this.saleNum_30)
+						this.$https.post('/youngee/c/t/p/sign-up-sec-task', {
+							address_id: this.address.address_id,
+							selection_id: this.selection.selection_id,
+							lead_team_id: this.youngLeadTeamId,
+							team_id: this.youngTeamId,
+							product_id: this.selection.product_id,
+							//新增
+							saleNum: this.saleNum_30,
+							fans: this.account.fan,
+						}).then(res => {
+							console.log("sign-up-sec-task 的res", res)
+							if (res.data.code == 0) {
+								var data = {
+									task_id: res.data.data.task_id
+								};
+								data = JSON.stringify(data)
+								uni.navigateTo({
+									url: '/page_selectionsquare/selectiondetail/success?textObj=' +
+										encodeURIComponent(
+											data)
+								});
+							} else {
+								uni.showModal({
+									content: '网络繁忙，请小主稍后再试~',
+								});
+
+							}
+
+						})
+
+					}
+				})
+			},
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	text {
+		font-size: 32rpx;
+	}
+
+	p {
+		font-size: 32rpx;
+	}
+
+	.basicInfo {
+		display: flex;
+		margin: 0 40rpx;
+		padding: 30rpx 0;
+
+		.basicInfo_txt {
+			margin-left: 40rpx;
+			padding-top: 20rpx;
+		}
+	}
+
+	.address {
+		display: flex;
+		margin: 30rpx 40rpx 0;
+		padding: 30rpx 0;
+		justify-content: space-around;
+
+		.address_icon {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 30rpx;
+		}
+
+		.address_edit {}
+
+		.address_edit image {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 14rpx;
+		}
+
+		.ipon {
+			color: #333333;
+			font-size: 30rpx;
+			margin-bottom: 10rpx;
+		}
+	}
+
+	.keyInfo {
+		margin: 30rpx 40rpx;
+	}
+
+	.keyInfo span {
+		display: flex;
+		align-items: center;
+		margin: 10rpx 0;
+	}
+
+	.keyInfo p {
+		margin: 25rpx 0;
+	}
+
+
+	.account {
+		display: flex;
+		align-items: center;
+		width: 690rpx;
+		padding: 24rpx 0;
+		margin: 0 auto;
+
+		.account_txt {
+			display: inline-block;
+			padding: 0 0 0 1%;
+			width: 400rpx;
+		}
+
+		.account_txt span {
+			color: #333333;
+			font-weight: 550;
+			text-indent: 2em;
+			font-size: 32rpx;
+		}
+
+
+		.account_txt image {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 14rpx;
+		}
+
+		.account_fans {
+			display: flex;
+			width: 250rpx;
+		}
+
+		.account_fans p {
+			display: inline-block;
+			color: #333333;
+			font-weight: 550;
+		}
+
+		.account_btn {}
+	}
+
+	.block {
+		width: 100%;
+		height: 100rpx;
+		margin-top: 5%;
+	}
+
+	.submit {
+		box-shadow: 0rpx 5rpx 40rpx #ccc;
+		width: 100%;
+		position: fixed;
+		bottom: 0rpx;
+		display: flex;
+		height: 90rpx;
+		padding-top: 2%;
+		background-color: #FFFFFF;
+
+		.submit_btn {
+			background-color: #FCCF41;
+			border-radius: 20rpx;
+			font-size: 30rpx;
+			line-height: 220%;
+			letter-spacing: 5rpx;
+			height: 80%;
+		}
+
+	}
 </style>

page_selectionsquare/selectiondetail/selectiondetail.vue

@@ -1,2426 +1,2429 @@
-<template>
-	<view style="position: relative;">
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-		<view class="" id="wrap0" v-show="!loading">
-			<view class="home">
-				<view class="uni-margin-wrap">
-					<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000"
-						:duration="1000">
-						<swiper-item v-for="item in carouselImages">
-							<image :src="item.photo_url" mode="aspectFill" style="width: 100%;height: 100%;"
-								@click="handlePreviewImage1(item.photo_url)" v-if="item.Symbol !== 3">
-							</image>
-							<video :src="item.photo_url" style="width: 100%;height: 100%;" v-if="item.Symbol === 3">
-							</video>
-						</swiper-item>
-					</swiper>
-
-					<view class="">
-						<view class="Tasktext">
-							<!-- <image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/pingtai2.png" mode=""> -->
-							<image :src="selection.PlatformInfo.platform_icon" mode="">
-							</image>
-							<!-- <span>PUYU朴郁小树茶冻干茶粉PUYU朴郁小树茶冻干茶粉</span> -->
-							<span>{{selection.selection_name}}</span>
-						</view>
-						<view class="introduction">
-
-							<view class="rleft">
-								<!-- <p>余<span style="color: #c4c1c1;">123567</span>件</p> -->
-								<p style="margin-left: 20rpx; color:#787474 ;">售价</p>
-							</view>
-
-							<view class="rright">
-								<!-- <p>距离任务有效期还有<span style="color: #f70606;">1107</span>天</p> -->
-								<p v-if="selection.remain_days <= 0 && selection.remain_hours <= 0"><span
-										style="color: #f70606;">任务已结束</span></p>
-								<!-- <p v-else>距离任务有效期还有<span style="color: #f70606;">{{selection.remain_days}}</span>天</p> -->
-								<p v-else><span style="color: #999999;">距离任务结束还有</span><span
-										style="color: #f70606;">{{ selection.remain_days }}<span
-											style="color: #999999;">天</span>{{ selection.remain_hours }}<span
-											style="color: #999999;">小时</span></span></p>
-							</view>
-						</view>
-
-						<!-- 售价具体金额和总销量 -->
-						<view class="introduction1">
-
-							<view class="rleft1">
-								<!-- <p>余<span style="color: #c4c1c1;">123567</span>件</p> -->
-								<p style="color:#787474 ;">￥{{product.product_price}}</p>
-							</view>
-
-							<view class="rright1">
-								<!-- <p>距离任务有效期还有<span style="color: #f70606;">1107</span>天</p> -->
-								<p style="color:#c4c4c4 ;">近30日销量:{{product.sales_count}}</p>
-							</view>
-						</view>
-
-
-						<!-- 重要信息展示 -->
-						<view>
-							<!-- 样机高佣和公开 两个有色框 -->
-							<view class="importentInfo1">
-								<!-- 高佣  这个margin带着整个有色边框一起移动-->
-								<view style="display: flex; margin: 25rpx 20rpx;">
-									<!-- 与边框离开距离  这个margin仅带着内容移动 -->
-									<view style="display: flex; margin-top: 10rpx;">
-										<view
-											style="background-color: #e99d42; width: 140rpx; height: 45rpx; border-radius: 15rpx; line-height: 40rpx;text-align: center;">
-											<p style="color: white;font-size: 25rpx;">样叽高佣</p>
-										</view>
-										<view style="margin-left: 25rpx;line-height: 40rpx">
-											<p style="color: red;font-size: 25rpx;">
-												每单赚：{{selection.high_estimated_income}}￥
-												(佣金比例：{{product.exclusive_commission}}%)</p>
-										</view>
-									</view>
-
-								</view>
-							</view>
-
-							<!-- 悬赏任务 -->
-							<view class="importentInfo2" v-if="selection.task_mode==1">
-								<!-- 高佣  这个margin带着整个有色边框一起移动-->
-								<view style="display: flex; margin: 25rpx 20rpx;">
-									<!-- 与边框离开距离  这个margin仅带着内容移动 -->
-									<view style="display: flex; margin-top: 10rpx;">
-										<view
-											style="background-color: #1f63ff; width: 140rpx; height: 45rpx; border-radius: 15rpx; line-height: 40rpx;text-align: center;">
-											<p style="color: white;font-size: 25rpx;">悬赏任务</p>
-										</view>
-										<view style="margin-left: 25rpx;line-height: 45rpx">
-											<p style="color: #444d5e;font-size: 25rpx;">
-												有效期内实际成交≥{{rewardStrategy.sale_actual}}单，额外奖励<span
-													style="color: red;">￥{{rewardStrategy.per_reward}}</span>元
-											</p>
-										</view>
-									</view>
-
-								</view>
-
-							</view>
-						</view>
-
-					</view>
-				</view>
-			</view>
-			<!-- <view class="interval"></view> -->
-			<view class="home" style="padding-top: 0;">
-				<!-- <view>
-					<view class="circularmark">
-						<p>任务&领样形式</p>
-					</view>
-					<view class="markcontent">
-						<p>任务形式：{{selection.show_task_mode}}</p>
-						<p>领样形式：{{selection.show_sample_mode}}</p>
-					</view>
-				</view> -->
-
-				<!-- 领样要求 -->
-				<view class="" v-if="selection.sample_mode==1">
-					<view class="circularmark">
-						<p>领样要求</p>
-					</view>
-					<!-- 具体领样品要求（粉丝数量） -->
-					<view class="markcontent">
-						<view class="" v-for="item in freeStrategy">
-							<p style="color: #9a9a9a ; margin-top: 20rpx; margin-bottom: 20rpx;">
-								粉丝量{{getFansLabel(item.fans_num)}}，近30天橱窗销量≥{{item.sale_num}}单</p>
-						</view>
-
-					</view>
-
-					<!-- 领样进度条 -->
-					<view style="display: flex; justify-content: space-between;">
-						<view style="font-size:22rpx;line-height:44rpx;margin-left: 27rpx;margin-right: 27rpx;">
-							<p>样品余量：剩余<span style="color: red;">{{selection.remain_num}}</span>件</p>
-						</view>
-						<view style="width: 55%;margin: auto;">
-							<liu-progressbar :progress="selection.sample_percent" color="#ffffff" :height="'40rpx'"
-								dsColor="#e0e3ea" bgColor="#1f63ff" />
-						</view>
-
-					</view>
-
-				</view>
-				<!-- 悬赏要求 -->
-				<view class="" v-if="selection.task_mode==1">
-					<view class="circularmark">
-						<p>悬赏条件</p>
-					</view>
-					<view class="markcontent">
-						<view class="">
-							<p style="color: #9a9a9a ;">
-								任务有效期内实际成交≥{{rewardStrategy.sale_actual}}单，额外奖励￥{{rewardStrategy.per_reward}}元</p>
-						</view>
-					</view>
-
-					<!-- 悬赏进度条 -->
-					<view style="display: flex; justify-content: space-between;">
-						<view style="font-size:22rpx;line-height:44rpx;margin-left: 27rpx;margin-right: 3rpx;">
-							<p>悬赏奖金池：剩余<span style="color: red;">{{selection.remain_poll}}</span>￥</p>
-						</view>
-
-						<view style="width: 55%;margin: auto;">
-							<liu-progressbar :progress="selection.reward_percent" color="#ffffff" :height="'40rpx'"
-								dsColor="#e0e3ea" bgColor="#1f63ff" />
-						</view>
-
-					</view>
-
-				</view>
-				<!-- 	<view class="">
-					<view class="circularmark">
-						<p>任务要求</p>
-					</view>
-					<view class="markcontent">
-						<p>内容形式：{{selection.show_content_type}}</p>
-						<p>带货链接：{{product.product_url|ellipsis}}
-							<image :src="picture.icon_copy" mode="" class="copy-img"
-								@click="handleCopy(selection.product_url)" />
-						</p>
-					</view>
-				</view> -->
-			</view>
-			<view class="" id="wrap1">
-				<view class="home" style="padding-top: 0;">
-					<view class="">
-						<view class="circularmark">
-							<p>卖点总结</p>
-						</view>
-						<view class="markcontent">
-							<text class="wvp" style="margin: 10rpx 0;" decode="true" user-select="true">
-								{{selection.detail}} </text>
-						</view>
-					</view>
-				</view>
-			</view>
-			<view class="" id="wrap2">
-				<view class="home" style="padding-top: 0;">
-					<view class="">
-						<view class="circularmark">
-							<p>BRIEF</p>
-						</view>
-						<view class="markcontent1">
-							<view v-if="hasNoProjectPhoto">
-								<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
-									<!-- 可上传任务的brief，word、pfd等等 -->
-									<p>暂无详情说明</p>
-								</view>
-							</view>
-							<view v-else>
-								<view v-if="briefType == 'pdf'">
-									<view class="diagram-pdf" v-for="item in briefFiles">
-										<image :src="picture.icon_pdf"></image>
-										<p>{{item.file_name}}</p>
-										<button type="default"
-											@tap="downloadFile(item.file_url, item.file_name)">点击下载</button>
-									</view>
-								</view>
-								<view v-else-if="briefType == 'doc' || briefType == 'docx'">
-									<view class="diagram-pdf" v-for="item in briefFiles">
-										<image :src="picture.icon_word"></image>
-										<p>{{item.file_name}}</p>
-										<button type="default"
-											@tap="downloadFile(item.file_url, item.file_name)">点击下载</button>
-									</view>
-								</view>
-								<view v-else class="diagram" v-for="item in briefFiles">
-									<image :src="item.file_url" mode="widthFix"></image>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			<view class="" id="wrap2">
-				<view class="home" style="padding-top: 0;">
-					<view class="">
-						<view class="circularmark">
-							<p>素材</p>
-						</view>
-						<view class="markcontent1">
-							<view v-if="isPhoto == 0">
-								<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
-									<p>无</p>
-								</view>
-							</view>
-							<view style="display:flex;justify-content: center;" v-if="isPhoto == 2">
-								<!-- <video class="videos" :src="url" @error="ErrorCallback" controls> </video> -->
-								<video class="videos" :src="exampleImgs[0].file_url" @error="ErrorCallback" controls>
-								</video>
-							</view>
-
-							<view style="display:flex;justify-content: center;" v-if="isPhoto == 2">
-								<view type="default" @click="downloadVideo(exampleImgs[0].file_url)">下载视频</view>
-							</view>
-							<view class="diagram" v-for="item in exampleImgs" v-if="isPhoto == 1">
-								<image :src="item.file_url" mode="widthFix"></image>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-
-			<view class="" id="wrap2">
-				<view class="home" style="padding-top: 0;">
-					<view class="">
-						<view class="circularmark">
-							<p>商品详情图</p>
-						</view>
-						<view class="markcontent1">
-							<view v-if="hasNoProductPhoto">
-								<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
-									<p>无</p>
-								</view>
-							</view>
-							<view class="diagram" v-for="item in carouselImages" v-else>
-								<image :src="item.photo_url" mode="widthFix"></image>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-
-			<view class="interval2"></view>
-
-
-			<view class="signup">
-				<view style="display: flex;justify-content: space-between;align-items: center;">
-					<view
-						style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx; "
-						@click="toggle1('bottom')">
-						<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_share2"></image>
-						<p style="font-size: 28rpx;">分享</p>
-					</view>
-					<view
-						style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx; "
-						@click="handleCopy(product.product_url)">
-						<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
-						<p style="font-size: 28rpx;">带货链接</p>
-					</view>
-				</view>
-
-				<!-- //添加橱窗    走添加橱窗流程 -->
-				<view>
-					<button type="default" class="but1" @click="addwindow" :disabled="ddl">添加橱窗</button>
-				</view>
-				
-				<!-- //添加橱窗    走添加橱窗流程 -->
-			<!-- 	<view>
-					<button type="default" class="but1" @click="listTest" :disabled="ddl">测试按钮</button>
-				</view> -->
-
-				<!-- //免费领样	  判断是否有免费领样 -->
-				<view v-if="selection.sample_mode==1">
-
-					<button type="default" class="but1" :disabled="isDisabled" @click="submit()">{{buttonText}}</button>
-					<!-- <button type="default" class="but1" :disabled="isDisabled"
-						@click="submit()">666</button> -->
-
-				</view>
-
-			</view>
-
-			<view>
-				<!-- 底部普通弹窗 -->
-				<uni-popup ref="popup1" background-color="#fff" @change="change" style="border-radius: 20rpx;">
-					<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-						<view
-							style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 3% ;">
-							<view>
-								<button class="tii2" data-name="shareBtn" open-type="share">
-									<view class="circular" style="margin-top: 10% ;">
-										<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taskw.png"
-											mode=""></image>
-									</view>
-									<p class="tii">发送给朋友</p>
-								</button>
-							</view>
-							<view>
-								<button class="tii2" @click="toggle2('center')">
-									<view class="circular" style="margin-top: 10% ;">
-										<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taske.png"
-											mode=""></image>
-									</view>
-									<p class="tii">生成分享码</p>
-								</button>
-							</view>
-						</view>
-
-						<button type="default" class="errar" @click="cancel()">取消</button>
-					</view>
-				</uni-popup>
-			</view>
-			<!-- 分享码 -->
-			<uni-popup ref="popup2" class="share1" background-color="#fff" @change="change">
-				<view class="popup-content">
-					<image :src="canvasUrl" mode="widthFix" style="width: 300px;height: 420px;margin-top: 30rpx;">
-					</image>
-					<mosoweCanvas ref="mosoweCanvasComponents" @canvasImage="_canvasImage" :lists="lists" height="420"
-						width="300" imgType="png" />
-
-					<view class="" style="text-align: center;margin: 5% 0;">
-						<button class="butmin" size="mini" @tap="saveImage">保存</button>
-					</view>
-				</view>
-			</uni-popup>
-		</view>
-	</view>
-</template>
-
-<script>
-	import mosoweCanvas from "@/components/mosowe-canvas-image/mosowe-canvas-image";
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import zSwiper from '@/components/z-swiper/index.vue'; // npm安装
-	import {
-		getQueryString,
-		fansview,
-		money,
-		getDaysBetweenDates,
-		getDaysAndHoursBetweenDates
-	} from '@/components/utils.js';
-	import {
-		saveImageToPhotosAlbum,
-		showToast,
-		downloadFile
-	} from '@/uni_modules/sakura-canvas/js_sdk/util'
-	export default {
-		filters: {
-			ellipsis(value) {
-				if (!value) return "";
-				if (value.length > 30) {
-					return value.slice(0, 30) + "...";
-				}
-				return value;
-			},
-		},
-		components: {
-			mvBar,
-			zSwiper,
-			mosoweCanvas
-		},
-		data() {
-			return {
-				// nav
-				navH: getApp().globalData.navHeight,
-				picture: getApp().globalData.picture,
-				mysNavConfig: {
-					/* 占位开启  */
-					// navPadding: true,
-					/* 背景 */
-					// bgColor: "#f8f8f8",
-					/* 开启单页显示首页图标 */
-					isHome: false,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "任务详情",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: '',
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
-						// 右图标
-						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-
-				isPhoto: 0,
-				url: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',
-
-				coopStrategy: "点击报名后显示",
-				canvasUrl: '',
-				hackReset: true,
-				showWarning: false,
-				arrowMargin: 0,
-				cotainerMargin: 0,
-				screenWidth: 0,
-				ddl: false,
-				loading: true,
-				isSign: 0,
-				isCreate: 0,
-				strategy_id: 0,
-				strategy: null,
-				input_offer: 0.0,
-				chooseBtn: 0,
-				share: {
-					title: "",
-					path: '',
-					imageUrl: '',
-					desc: '',
-					content: ''
-				},
-				mainPhoto: '',
-				content_type_info: ["图文", "视频"],
-				sample_mode_info: ["免费领样", "不提供样品"],
-				task_mode_info: ["悬赏任务", "纯佣带货"],
-				// 免费领养按钮条件
-				buttonText: '免费领样',
-				isDisabled: false,
-
-
-				tabBarStyle: {},
-				activeTab: 0,
-				hei: '',
-				hei1: '',
-				topp0: '',
-				topp1: '',
-				topp2: '',
-				scrollTop: '',
-				activeColor: '#f2d22d',
-				value: '',
-				value1: '',
-				coop_choice: [],
-				type: 'center',
-				type1: 'center',
-				type2: 'center',
-				item: {
-					title: '0'
-				},
-
-				// 指示器样式
-				mode: 'circle',
-				indicatorPos: 'bottomCenter',
-				carousel_images: ['https://img2.baidu.com/it/u=2141851239,1037607188&fm=26&fmt=auto&gp=0.jpg',
-					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
-				],
-				dotIndex: 0, //指示器索引
-				dotFloatIndex: 0, //位置指示器索引
-
-				// 视频轮播
-				fullScreen: true,
-				topFloat: true,
-				fotterFloat: true,
-				swiper: {
-					margin: "150rpx",
-					index: 0,
-					list: [
-
-					]
-				},
-				tar: false,
-				token: '',
-
-				// 测试数据
-				carouselImages: [{
-						Symbol: 1,
-						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/a69be940-e294-4dd4-9b09-d80274c75a15.png'
-					},
-					{
-						Symbol: 2,
-						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/e1a40241-a566-4227-9b3c-afefe88f4b69.png'
-					},
-					{
-						Symbol: 2,
-						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/deb21a8b-1517-4352-823b-b70e0cd6883d.png'
-					},
-				],
-				productUrl: 'https://haohuo.jinritemai.com/views/product/detail?id=3519429421675223776&origin_type=604',
-				productDetail: 'puyu朴郁小树茶是朴郁公司的一款茶饮，采用先进的冻干粉末技术，将红茶/绿茶精华萃取并制作成冻干茶粉。外包装申请了国家专利，一花一树造型更符合时下追求品味的年轻人的审美。本品获得2021年国家创新美食银奖。',
-				projectPhoto: [{
-						Symbol: 1,
-						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/a69be940-e294-4dd4-9b09-d80274c75a15.png'
-					},
-					{
-						Symbol: 2,
-						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/e1a40241-a566-4227-9b3c-afefe88f4b69.png'
-					},
-					{
-						Symbol: 2,
-						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/deb21a8b-1517-4352-823b-b70e0cd6883d.png'
-					},
-				],
-				options: [{
-						value: '1',
-						label: '所有人均可领取'
-					},
-					{
-						value: '2',
-						label: '1w下'
-					},
-					{
-						value: '3',
-						label: '1w-10w'
-					},
-					{
-						value: '4',
-						label: '10w-100w'
-					},
-					{
-						value: '5',
-						label: '100w-500w'
-					},
-					{
-						value: '6',
-						label: '500w-1000w'
-					},
-					{
-						value: '7',
-						label: '1000w以上'
-					},
-				],
-
-				// 数据
-				suc_flag: 0, //0表示access_token失效
-				condition_flag: 0, //0表示未达到领样条件
-				kuaishouFansNum: 0, //判断是否满足领样条件时调用得到的粉丝数
-				saleNum_30: 0,
-				qrcode: '',
-				selectionId: '',
-				kuaishou_productId: '',
-				talent: {},
-				account: [],
-				selection: {},
-				product: {},
-				younggeeProductPhoto: {},
-				productPhoto: [],
-				freeStrategy: [],
-				rewardStrategy: [],
-				briefFiles: [],
-				exampleImgs: [],
-				hasNoProductPhoto: true,
-
-				hasNoProjectPhoto: true,
-				briefType: "",
-
-				youngLeadTeamId: "",
-				youngTeamId: "",
-			};
-		},
-		onShareAppMessage(res) {
-			return {
-				title: this.share.title,
-				path: 'page_selectionsquare/selectiondetail/selectiondetail?id=' + this.selectionId,
-				imageUrl: this.share.imageUrl,
-				desc: '',
-				content: '',
-				success(res) {
-					uni.showToast({
-						title: '分享成功'
-					})
-				},
-				fail(res) {
-					uni.showToast({
-						title: '分享失败',
-						icon: 'none'
-					})
-				}
-			}
-		},
-		computed: {
-			lists: {
-				get() {
-					let tmplist = [
-						// 大图
-						{
-							type: 'image',
-							content: this.mainPhoto,
-							width: 300,
-							height: 320,
-							x: 0,
-							y: 0,
-						},
-						// 标题
-						{
-							type: 'text',
-							content: this.selection.selection_name,
-							color: '#333333',
-							weight: 'bold',
-							size: '12px',
-							width: 200,
-							height: 20,
-							x: 20,
-							y: 340,
-						},
-						// 文案1
-						{
-							type: 'text',
-							content: "样品数量：" + this.selection.sample_num,
-							color: '#333333',
-							size: '10px',
-							width: 60,
-							height: 20,
-							x: 20,
-							y: 370,
-						},
-						// 文案2
-						{
-							type: 'text',
-							content: "扫码立即报名",
-							color: '#333333',
-							size: '10px',
-							width: 60,
-							height: 20,
-							x: 110,
-							y: 370,
-						},
-						{
-							type: 'text',
-							content: "发布任务请登录",
-							color: '#333333',
-							size: '10px',
-							width: 70,
-							height: 20,
-							x: 20,
-							y: 400,
-						},
-						{
-							type: 'text',
-							content: "www.younggee.com",
-							color: '#333333',
-							size: '10px',
-							// style: 'italic',
-							width: 60,
-							height: 20,
-							x: 90,
-							y: 400,
-						},
-						// 二维码
-						{
-							type: 'qr',
-							content: this.qrcode,
-							projectid: this.selectionId,
-							width: 80,
-							height: 80,
-							x: 215,
-							y: 325,
-						},
-					]
-					return tmplist
-				},
-				set() {}
-			}
-		},
-
-		async created() {
-			console.log("进入create")
-		},
-		async onShow() {
-			console.log("进入onshow")
-			// 判断登录
-			await this.isLogin();
-			if (this.token === '') {
-				uni.showModal({
-					content: '请先登录',
-					success: function(res) {
-						if (res.confirm) {
-							uni.navigateTo({
-								url: '/pages/login/login'
-							});
-						} else if (res.cancel) {
-							uni.navigateBack();
-						}
-					}
-				});
-			} else {
-				this.loading = true;
-				uni.showLoading({
-					title: '加载中'
-				});
-				this.getLeadTeam();
-				this.getTalentInfo();
-				await this.getSelectionDetail();
-				await this.getTalentAccountInfo();
-				if (this.account.length != 0) {
-					await this.isSignUp();
-					await this.isCreateTask()
-					await this.checkToken()
-					//token没有过期	
-					if (this.suc_flag == 1) {
-						await this.checkSampleCondition()
-					}
-				}
-				await this.handleButtonText();
-				this.loading = false;
-				uni.hideLoading();
-			}
-		},
-		// options是上一个页面传递的数据
-		onLoad(options) {
-			console.log("onLoad加载********** *")
-			console.log("options:----->", options)
-			this.selectionId = options.id
-			this.productId = options.pid
-			this.share.path = 'https://younggee.com/wxapp/taskdetail?action=taskdetail&id=' + this.selectionId
-			console.log("share path: ", this.share.path)
-			this.postlist()
-		},
-		onReady() { // 注意：想要拿到元素实例，需要在实例已经挂载到页面上才可以
-			this.init();
-		},
-		methods: {
-			listTest(){
-				return this.$https.get('/youngee/c/t/g/check-kuaishou-authnum')
-					.then(res => {
-						console.log("接口测试结果------>", res); // 这行会输出响应对象到控制台
-					})
-			},
-			
-			//走到这一步的token必然有效
-			getFansNum() {
-				return this.$https.get('/youngee/c/t/g/get-kuaishou-fans-num')
-					.then(res => {
-						console.log("get-kuaishou-fans-num------", res); // 这行会输出响应对象到控制台
-						this.kuaishouFansNum = res.data.data.fan
-					})
-			},
-			get30daysSaleNum() {
-				return this.$https.get('/youngee/c/t/g/query-sales-for30-days')
-					.then(res => {
-						console.log("query-sales-for30-days------", res); // 这行会输出响应对象到控制台
-						this.saleNum_30 = res.data.data
-					})
-			},
-			handleButtonText() {
-				console.log('into handleButtonText,this.isSign--->', this.isSign)
-				// 领样条件判断
-				if (this.selection.sample_mode === 3) {
-					// 未开放免费领样
-					this.buttonText = '';
-					this.isDisabled = true;
-				} else if (this.selection.sample_mode === 1) {
-					// 开放免费领样
-					if (this.ddl) {
-						// 任务已结束
-						this.buttonText = '任务结束';
-						this.isDisabled = true;
-					} else if (this.selection.remain_num === 0) {
-						// 样品库存不足
-						this.buttonText = '免费领样';
-						this.isDisabled = true;
-					} else if (this.isSign === 1) {
-						//4. 若开放免费领样，但已经申请过，则按钮文字为“已申请”且置灰不可点击
-						//特殊情况：如果查到了数据，并且sectask的sample_mode也为1，说明是真申请过了
-						console.log("come in")
-						this.buttonText = '已申请';
-						this.isDisabled = true;
-					} else {
-						//不满足领取条件
-						//授权过期
-						console.log("按钮可点击")
-					}
-				} else {
-					console.log("sample_mode不可为2")
-				}
-			},
-			getFansLabel(fansNum) {
-				//// 在 options 数组中查找 value 属性等于 fansNum.toString() 的对象  fansNum在表中为int类型
-				const option = this.options.find(o => o.value === fansNum.toString());
-				// 如果找到这样的对象，则返回其 label 属性值，否则返回 fansNum
-				return option ? option.label : fansNum;
-			},
-			handleCopy(content) {
-				wx.setClipboardData({
-					data: content,
-					success: function(res) {
-						console.log("复制成功");
-					}
-				});
-			},
-			handlePreviewImage1(item) {
-				var urls = [];
-				this.carouselImages.forEach(function(image) {
-					urls.push(image.photo_url);
-				});
-				wx.previewImage({
-					current: item, // 当前显示图片的http链接
-					urls: urls
-				})
-			},
-			init() {
-				let rect = uni.getMenuButtonBoundingClientRect();
-				let screenWidth = uni.getSystemInfoSync().screenWidth;
-				this.arrowMargin = rect.width * 0.75 + 4;
-				this.cotainerMargin = screenWidth - rect.right;
-			},
-			// 判断登陆是否过期
-			isLogin() {
-				return this.$https.get('/youngee/c/t/g/is-login')
-					.then(res => {
-						console.log('进入详情页，判断是否登录res:******  ', res)
-						if (res.data.code === 403) {
-							// 登陆已失效
-							this.token = ""
-						} else {
-							this.token = uni.getStorageSync('token')
-						}
-					})
-			},
-			postlist() {
-				// uni.showModal({
-				// 	content: "项目id为："+this.projectid,
-				// })
-				this.$https.post('/youngee/c/p/get-qrcode', {
-						scene: this.selectionId,
-						page: 'page_selectionsquare/selectiondetail/selectiondetail',
-						// scene: this.taskid,
-						// page: 'pages/task/taskdetails',
-					})
-					.then(res => {
-						console.log("进入postlist-----》",res)
-						this.qrcode = 'data:image/png;base64,' + res.data.data;
-						console.log("this.qrcode-----",this.qrcode)
-					})
-			},
-			getLeadTeam() {
-				this.$https.get('/youngee/c/t/g/get-lead-young-team-id' +
-					"?" +
-					"project_type=2" +
-					"&selection_id" +
-					"=" +
-					this.selectionId
-				).then(res => {
-					if (res.data.code === 0) {
-						if (res.data.data.num != 0) {
-							this.youngLeadTeamId = res.data.data.team_id
-						}
-					}
-				})
-			},
-
-			getSelectionDetail() {
-				console.log('into getSelectionDetail')
-				return this.$https.get('/youngee/c/t/g/get-selection-detail' +
-					"?" +
-					"selectionid" +
-					"=" +
-					this.selectionId +
-					"&" +
-					"productid" +
-					"=" +
-					this.productId
-				).then(res => {
-					if (res.data.code === 0) {
-						this.selection = res.data.data
-						console.log("this.selection---->", this.selection)
-						this.product = this.selection.YounggeeProduct[0]
-						this.younggeeProductPhoto = this.selection.YounggeeProductPhoto
-						this.freeStrategy = this.selection.FreeStrategy
-						if (this.selection.RewardStrategy[0] != null) {
-							this.rewardStrategy = this.selection.RewardStrategy[0]
-						}
-
-						// if (this.selection.reward_condition === "")
-						// 	this.selection.reward_condition = "无"
-
-						this.share.title = this.selection.selection_name
-
-						// 提取分享图、主图、轮播图
-						this.carouselImages = []
-						for (let i = 0; i < this.younggeeProductPhoto.length; i++) {
-							if (this.younggeeProductPhoto[i].Symbol === 1) {
-								this.mainPhoto = this.younggeeProductPhoto[i].photo_url
-								this.share.imageUrl = this.mainPhoto
-							}
-							if (this.younggeeProductPhoto[i].Symbol !== 3) {
-								this.carouselImages.push(this.younggeeProductPhoto[i])
-							}
-						}
-						console.log("carouselImages----->", this.carouselImages)
-						this.hasNoProductPhoto = this.carouselImages.length === 0 ? true : false;
-
-						// brief、素材图
-						console.table(this.selection.SelectionBrief)
-						this.hasNoProjectPhoto = this.selection.SelectionBrief === null ? true : false;
-						if (!this.hasNoProjectPhoto) {
-							for (let i = 0; i < this.selection.SelectionBrief.length; ++i) {
-								let url = this.selection.SelectionBrief[i].file_url
-								this.briefType = url.split('.').pop()
-							}
-						}
-						this.briefFiles = this.selection.SelectionBrief
-						this.exampleImgs = this.selection.SelectionExample
-						if (this.exampleImgs !== null) {
-							for (let i = 0; i < this.exampleImgs.length; i++) {
-								if (this.exampleImgs[i].file_url.endsWith("jpg") || this.exampleImgs[i].file_url
-									.endsWith("png")) {
-									this.isPhoto = 1
-								} else {
-									this.isPhoto = 2
-								}
-							}
-						} else {
-							this.isPhoto = 0
-						}
-
-						//样品总数量进度条
-						//动态绑定属性
-						this.selection.high_estimated_income = this.product.exclusive_commission * this.product
-							.product_price / 100
-						this.selection.normal_estimated_income = this.product.public_commission * this.product
-							.product_price / 100
-						//领样进度
-						this.selection.sample_percent = (this.selection.remain_num / this.selection.sample_num) *
-							100
-						//悬赏进度
-						this.selection.remain_poll=this.rewardStrategy.reward-this.selection.settlement_amount
-						this.selection.reward_percent = (this.selection.remain_poll / this.rewardStrategy
-								.reward) *
-							100
-						// this.selection.task_reward=this.selection.task_reward
-						console.log("this.selection----->", this.selection)
-
-
-						// 判断任务是否已结束
-						var timeNow = new Date()
-						var ddl = new Date(this.selection.task_ddl.replace(/-/g, "/"));
-						// this.selection.remain_days = getDaysBetweenDates(timeNow, ddl)
-						var diff = getDaysAndHoursBetweenDates(timeNow, ddl);
-						this.selection.remain_days = diff.days;
-						this.selection.remain_hours = diff.hours;
-
-						//判断任务是否结束
-						this.ddl = (this.selection.remain_days <= 0 && this.selection.remain_hours <= 0) ? true :
-							false
-
-
-					}
-				})
-			},
-			// 达人信息
-			getTalentInfo() {
-				return this.$https.get('/youngee/c/t/g/get-talent-info')
-					.then(res => {
-						this.talent = res.data.data
-						console.log("this.talent---->", this.talent)
-					})
-
-			},
-			//账号信息
-			getTalentAccountInfo() {
-				return this.$https.get('/youngee/c/t/g/get-talent-account-kuaishou')
-					.then(res => {
-						var accounts = res.data.data
-						this.account = []
-						// -3表示未绑定任何平台
-						if (res.data.code != -3) {
-							for (var i = 0; i < accounts.length; i++) {
-								console.log("kuaishouaccount数组——————：  ", accounts[i])
-								// 此带货商品的平台与用户绑定的三方平台一致,才会加入到this.account中
-								if (this.selection.platform === accounts[i].platform_id) {
-									this.account.push(accounts[i])
-								}
-							}
-						}
-					})
-				// console.log("account数组——————：  ",res)
-			},
-
-			isSignUp() {
-				console.log("into isSignUp")
-				return this.$https.get('/youngee/c/t/g/is-sign-up-sec-task' +
-						"?" +
-						"selection_id" +
-						"=" +
-						this.selectionId)
-					.then(res => {
-						let task;
-						if (res.data.code === 0) {
-							this.isSign = res.data.data.is_sign;
-							console.log("is-sign-up-sec-task--->", this.isSign)
-							task = res.data.data.sec_task_info
-							if (this.isSign === 1) {
-								this.youngLeadTeamId = task.lead_team_id
-								this.youngTeamId = task.team_id
-							}
-						}
-					})
-			},
-			isCreateTask() {
-				return this.$https.get('/youngee/c/t/g/is-create-task' +
-						"?" +
-						"selection_id" +
-						"=" +
-						this.selectionId)
-					.then(res => {
-						if (res.data.code === 0) {
-							this.isCreate = res.data.data.is_sign;
-							console.log("is-create-task--->", this.isCreate)
-						}
-					})
-			},
-			checkToken() {
-				//进入页面就发送一个请求，看是否过期
-				return this.$https.get('/youngee/c/t/g/check-token-exp')
-					.then(res => {
-						console.log("checkToken___", res)
-						if (res.data.code == -2) {
-							this.suc_flag = 0
-						} else {
-							this.suc_flag = 1
-						}
-					})
-			},
-			onPageScroll(res) {
-				uni.$emit('onPageScroll', res.scrollTop);
-				this.scrollTop = res.scrollTop;
-				// console.log(res.scrollTop);
-				if (res.scrollTop <= this.topp1 - this.hei1) {
-					// console.log(0)
-					this.activeTab = 0
-				}
-				if (res.scrollTop > this.topp1 - this.hei1 && res.scrollTop < this.topp2 - this.hei1) {
-					// console.log(1)
-					this.activeTab = 1
-				}
-				if (res.scrollTop > this.topp2 - this.hei1) {
-					// console.log(2)
-					this.activeTab = 2
-				}
-			},
-			//获取节点离顶部高度
-			getInfo() {
-				const query = uni.createSelectorQuery().in(this);
-
-				query.select('#wrap0').boundingClientRect(data => {
-
-					this.topp0 = data.top
-				}).exec();
-				query.select('#wrap1').boundingClientRect(data => {
-
-					this.topp1 = data.top
-				}).exec();
-				query.select('#wrap2').boundingClientRect(data => {
-					this.topp2 = data.top
-					// console.log(this.topp2)
-				}).exec();
-				query.select('#wap').boundingClientRect(data => {
-
-					// console.log(data)
-					this.hei = data.height
-					this.tabBarStyle = {
-						height: data.height + data.height + 'px',
-						width: '100% ',
-					}
-				}).exec();
-				query.select('#wa').boundingClientRect(data => {
-
-					// console.log(data)
-					this.hei1 = data.height
-
-				}).exec();
-
-			},
-			//视频轮播
-			effect3dMarginMethed() {
-				this.effect3dMargin++
-			},
-			//swiper滑动事件
-			swiperChange: function(e) {
-				this.swiper.index = e.detail.current;
-			},
-			//底部弹出层
-			change(e) {
-				console.log('当前模式：' + e.type + ',状态：' + e.show);
-			},
-
-			// 添加橱窗
-			addwindow() {
-				console.log('ino addwindow')
-				let that = this
-				//1.账号绑定情况
-				if (that.account.length === 0) {
-					uni.showModal({
-						content: '您尚未绑定快手账号，请绑定快手账号后重试',
-						confirmText: '去绑定',
-						success: function(res) {
-							if (res.confirm) {
-								//绑定快手平台
-								if (that.selection.platform == 4) {
-									uni.navigateTo({
-										url: '/page_mycenter/bindaccounts/kuaishoubind'
-									});
-								} else {
-									uni.navigateTo({
-										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
-											that.selection.platform
-									});
-								};
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (that.suc_flag == 0) {
-					//2.token无效情况
-					uni.showModal({
-						content: '您快手账号授权已过期，请刷新快手账号授权后重试',
-						confirmText: '去刷新',
-						success: function(res) {
-							if (res.confirm) {
-								//刷新快手平台
-								if (that.selection.platform == 4) {
-									uni.navigateTo({
-										url: '/page_mycenter/bindaccounts/kuaishoubind'
-									});
-								} else {
-									uni.navigateTo({
-										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
-											that.selection.platform
-									});
-								};
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					})
-					//token有效
-				} else {
-					console.log("api----", this.product.kuaishou_product_id)
-					//调用加入橱窗api
-					this.$https.get('/youngee/c/t/g/add-window' +
-						"?" +
-						"product_id" +
-						"=" +
-						this.product.kuaishou_product_id
-					).then(res => {
-						console.log("add window res****", res)
-						//未开通
-						let api_result = res.data.data.data[0]
-						if (api_result.result == 1800533) {
-							uni.showModal({
-								content: '选品不存在或已下线', // 这里设置弹窗的内容
-								showCancel: false, // 不显示取消按钮
-								confirmText: '知道了', // 设置确认按钮的文本
-								success: function(res) {
-									if (res.confirm) {
-										console.log('用户点击知道了');
-									}
-								}
-							});
-						} else if (api_result.result == 1800550) {
-							uni.showModal({
-								content: '您未开通快手橱窗，请开通后重试', // 这里设置弹窗的内容
-								showCancel: false, // 不显示取消按钮
-								confirmText: '知道了', // 设置确认按钮的文本
-								success: function(res) {
-									if (res.confirm) {
-										console.log('用户点击知道了');
-									}
-								}
-							});
-						} else {
-							uni.showModal({
-								content: '添加橱窗成功,已创建带货任务！', // 这里设置弹窗的内容
-								showCancel: false, // 不显示取消按钮
-								confirmText: '知道了', // 设置确认按钮的文本
-								success: function(res) {
-									if (res.confirm) {
-										console.log('用户点击知道了');									
-									}
-								}
-							});
-							//这里判断是否有任务了。没有任务才创建。
-							if(this.isCreate!=1){
-								//添加到seltask带货任务中
-								console.log("提交报名")
-								// 直接报名
-								console.log("********", this.selection.product_id)
-								console.log("this.kuaishouFansNum********111", this.kuaishouFansNum)
-								console.log("this.saleNum_30********111", this.saleNum_30)
-								this.$https.post('/youngee/c/t/p/sign-up-sec-task-from-window', {
-									selection_id: this.selection.selection_id,
-									product_id: this.selection.product_id,
-									//新增
-									saleNum: this.saleNum_30,
-									fans: this.kuaishouFansNum,
-								}).then(res => {
-									console.log("addwindow succuss",res)								
-								})
-							}else{
-								console.log("已经有task了。此行为仅添加橱窗，无task被创建")
-							}												
-						}
-					})
-				}
-			},
-			// 免费领样
-			submit(type) {
-				// this在页面刚展示时,已经被赋值了必要的信息
-				let that = this;
-				//绑定收获地址，这样详情页就不用考虑没有地址的情况了
-				if (that.talent.is_bind_location === 0) {
-					// 前往个人信息绑定三合一界面
-					uni.showModal({
-						content: '请先绑定个人信息',
-						success: function(res) {
-							if (res.confirm) {
-								if (that.account.length === 0) {
-									uni.navigateTo({
-										url: '/page_tasksquare/bindinfo?platform_id=' + that
-											.selection.platform
-									})
-								} else {
-									uni.navigateTo({
-										url: '/page_tasksquare/bindinfo?platform_id=' +
-											that.selection.platform +
-											'&account_id=' +
-											that.account[0].account_id
-									})
-								};
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (that.account.length === 0) {
-					uni.showModal({
-						content: '您尚未绑定快手账号，请绑定快手账号后重试',
-						confirmText: '去绑定',
-						success: function(res) {
-							if (res.confirm) {
-								// 绑定快手平台
-								if (that.selection.platform == 4) {
-									uni.navigateTo({
-										url: '/page_mycenter/bindaccounts/kuaishoubind'
-									});
-								} else {
-									uni.navigateTo({
-										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
-											that.selection.platform
-									});
-								}
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (this.suc_flag == 0) {
-					// token无效情况
-					uni.showModal({
-						content: '您快手账号授权已过期，请刷新快手账号授权后重试',
-						confirmText: '去刷新',
-						success: function(res) {
-							if (res.confirm) {
-								// 刷新快手平台
-								if (that.selection.platform == 4) {
-									uni.navigateTo({
-										url: '/page_mycenter/bindaccounts/kuaishoubind'
-									});
-								} else {
-									uni.navigateTo({
-										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
-											that.selection.platform
-									});
-								}
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-					//token有效
-				} else if (this.condition_flag == 0) {
-					// 未到达领样条件
-					uni.showModal({
-						content: '您的账号暂未达到领样要求，若在快手平台已达标，请刷新快手账号授权后重试', // 这里设置弹窗的内容
-						showCancel: false, // 不显示取消按钮
-						confirmText: '知道了', // 设置确认按钮的文本
-						success: function(res) {
-							if (res.confirm) {
-								console.log('用户点击知道了');
-							}
-						}
-					});
-				} else {
-					// 达到领样条件 ，进入信息确认页
-					var data = {
-						selectionId: this.selectionId,
-						selection: this.selection,
-						youngTeamId: this.youngTeamId,
-						youngLeadTeamId: this.youngLeadTeamId,
-						saleNum_30: this.saleNum_30,
-						fansNum: this.kuaishouFansNum,
-					};
-					data = JSON.stringify(data);
-					// console.log("此页面传递给信息确认页的信息: ", data);
-					uni.navigateTo({
-						url: '/page_selectionsquare/selectiondetail/information?textObj=' +
-							encodeURIComponent(data)
-					});
-				}
-
-			},
-			async checkSampleCondition() {
-				//获取粉丝数，  获取30天销量
-				await this.getFansNum()
-				await this.get30daysSaleNum()
-				console.log("get30daysSaleNum()", this.saleNum_30)
-				console.log("after this.getFansNum()", this.kuaishouFansNum)
-				// 将区间映射到最小粉丝数
-				//声明对象，声明键和值
-				const fansCountRanges = {
-					1: 0,
-					2: 0,
-					3: 10000,
-					4: 100000,
-					5: 1000000,
-					6: 5000000,
-					7: 10000000 // 对于 1000w以上, 设置一个大的默认值，比如无穷大
-				};
-
-				for (let strategy of this.freeStrategy) {
-					console.log("strategy", strategy)
-					let requiredFans = fansCountRanges[strategy.fans_num];
-					console.log("this.kuaishouFansNum", this.kuaishouFansNum)
-					console.log("requiredFans", requiredFans)
-					console.log("this.saleNum_30", this.saleNum_30)
-					console.log("strategy.sale_num", strategy.sale_num)
-					if (this.kuaishouFansNum >= requiredFans && this.saleNum_30 >= strategy.sale_num) {
-						console.log("条件满足")
-						this.condition_flag = 1;
-						return;
-					}
-				}
-				this.condition_flag = 0;
-			},
-			// 下载视频
-			downloadVideo(url) {
-				// 自定义 文件名称
-				let fileName = new Date().valueOf();
-				const task = uni.downloadFile({
-					url: url,
-					filePath: wx.env.USER_DATA_PATH + '/' + fileName + '.mp4', //  拼接本地文件路径
-					success: (res) => {
-						let filePath = res.filePath
-						uni.saveVideoToPhotosAlbum({
-							filePath,
-							success: (res) => {
-								uni.showToast({
-									title: '下载成功',
-									icon: 'success',
-								})
-								let fileMgr = wx.getFileSystemManager();
-								// 删除本地文件
-								fileMgr.unlink({
-									filePath: wx.env.USER_DATA_PATH + '/' +
-										fileName +
-										'.mp4',
-									success: function(r) {
-										console.log(
-											'unlink-getFileSystemManager'
-										)
-										console.log(r)
-									},
-								})
-							},
-							complete(res) {
-								console.log('saveVideoToPhotosAlbum-complete')
-								console.log(res)
-							}
-						})
-					},
-					complete(res) {
-						console.log('downloadFiledownloadFiledownloadFiledownloadFiledownloadFile')
-						console.log(res)
-						uni.hideLoading()
-					}
-				})
-				task.onProgressUpdate(this.onProgress)
-			},
-			// 提示下载进度
-			onProgress(res) {
-				uni.showToast({
-					icon: 'loading',
-					mask: true,
-					title: res.progress + "%"
-				})
-			},
-			toggle1(type) {
-				// if (this.youngLeadTeamId === "") {
-				// 	this.$https.post('/youngee/c/t/p/add-young-team', {
-				// 			selection_id: this.selectionId,
-				// 			project_type: 2,
-				// 		})
-				// 		.then(res => {
-				// 			console.log(res)
-				// 			this.youngLeadTeamId = res.data.data;
-				// 		})
-				// }
-				this.type1 = type
-				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-				this.$refs.popup1.open(type)
-			},
-			cancel() {
-				this.$refs.popup1.close()
-			},
-			// 更新账号
-			Reset() {
-				console.log("Reset func running")
-				uni.navigateTo({
-					url: '/pages/mycenter/myinformation/bindaccount?platform_id=' + this
-						.information
-						.project_platform + '&account_id=' + this.account[0].account_id,
-					success(res) {
-						console.log(res);
-					},
-					fail(err) {
-						console.log(err);
-					}
-				});
-			},
-			beginCanvas() {
-				this.$refs.mosoweCanvasComponents.createCanvas();
-			},
-			_canvasImage(e) {
-				console.log("url（e）-----》", e)
-				// this.canvasUrl = e;
-				this.canvasUrl = this.qrcode
-			},
-			// 保存图片
-			async saveImage() {
-				let {
-					canvasUrl
-				} = this
-				let res = await saveImageToPhotosAlbum(canvasUrl)
-				if (!res.success) return
-				showToast('保存成功')
-				this.$refs.popup2.close()
-			},
-			toggle2(type) {
-				if (this.canvasUrl !== '') {
-					this.type2 = type
-					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-					this.$refs.popup2.open(type)
-					this.$refs.popup1.close()
-				} else {
-					this.beginCanvas()
-					this.type2 = type
-					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-					this.$refs.popup2.open(type)
-					this.$refs.popup1.close()
-				}
-			},
-			deletContract() {
-				try {
-					let file = wx.getFileSystemManager();
-					file.readdir({
-						dirPath: `${wx.env.USER_DATA_PATH}`,
-						success: res => {
-							console.log(res);
-							if (res.files.length > 2) {
-								file.unlink({
-									filePath: `${wx.env.USER_DATA_PATH}/${res.files[0]}`,
-									complete: res => {
-
-									}
-								})
-							}
-						}
-					})
-				} catch (error) {
-
-				}
-			},
-			downloadFile(url, file) {
-				let that = this
-				console.log(url, file)
-				// const fileName = url.split('/').pop()
-				const newPath = `${wx.env.USER_DATA_PATH}/${file}`;
-				that.deletContract();
-				wx.showLoading({
-					title: '正在打开',
-					mask: true
-				})
-				wx.downloadFile({
-					url: url,
-					filePath: newPath,
-					header: {},
-					success: function(res) {
-						var filePath = res.filePath;
-						console.log(filePath);
-						wx.openDocument({
-							filePath: filePath,
-							showMenu: true,
-							success: function(res) {
-								console.log('打开文档成功')
-								wx.hideLoading()
-							},
-							fail: function(res) {
-								console.log(res);
-								wx.hideLoading()
-							},
-							complete: function(res) {
-								console.log(res);
-							}
-						})
-					},
-					fail: function(res) {
-						console.log('文件下载失败');
-						console.log(res)
-					},
-					complete: function(res) {},
-				})
-			},
-		}
-	};
-</script>
-<style>
-	/deep/ .share1 .uni-popup .uni-popup__wrapper {
-		width: 300px !important;
-		/* height: 500px !important; */
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		border-radius: 15rpx !important;
-	}
-
-	/deep/ .share.uni-popup .uni-popup__wrapper {
-		width: 70%;
-		border-radius: 15rpx;
-	}
-</style>
-<style lang="scss" scoped>
-	text {
-		font-size: 24rpx;
-	}
-
-	#coop_box {
-		// display: flex;
-		margin-top: 15rpx;
-	}
-
-	#coop_box .coop_box_btn {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		// width: 700rpx;
-		background-color: #f4f4f4;
-		border-radius: 15rpx;
-		font-size: 30rpx;
-		text-align: center;
-		cursor: pointer;
-		margin: 40rpx 0;
-		padding: auto 10rpx;
-	}
-
-	.borderColor {
-		border: 2px solid #f7d43c !important;
-	}
-
-	.offer_input {
-		width: 120rpx;
-		border: 1px solid #cccccc;
-	}
-
-	.wvp {
-		color: #000;
-		margin: 0 5rpx;
-	}
-
-	.wvp1 {
-		padding: 0 30rpx;
-		border-radius: 10rpx;
-		margin: 0 10rpx;
-		background-color: #f2d22d;
-		border: 10rpx;
-	}
-
-	.my-canvas {
-		position: fixed;
-		top: -99999999999rpx;
-		left: -99999999999rpx;
-		z-index: -99999999999;
-		opacity: 0;
-	}
-
-	.poster {
-		width: 100vw;
-		height: 100vh;
-		display: flex;
-		flex-flow: column nowrap;
-		justify-content: center;
-		overflow: hidden;
-	}
-
-	.butmin {
-		width: 200rpx;
-		height: 65rpx;
-		background-color: #f2d22d;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 2;
-	}
-
-	//视频轮播
-	.full {
-		position: relative;
-
-		.btns {
-			position: absolute;
-			background-color: rgba(255, 255, 255, 0.5);
-			z-index: 1;
-			left: 100rpx;
-			top: 50rpx;
-			right: 100rpx;
-			display: flex;
-			justify-content: space-around;
-			flex-wrap: wrap;
-
-			>view {
-				height: 60rpx;
-				line-height: 60rpx;
-				text-align: center;
-				padding: 0 20rpx;
-			}
-
-			&.full {
-				position: relative;
-				left: 0;
-				right: 0;
-
-				>view {
-					height: 60rpx;
-					line-height: 60rpx;
-					text-align: center;
-					padding: 0 20rpx;
-					background-color: rgba(0, 0, 0, 0.1);
-					margin-bottom: 10rpx;
-				}
-			}
-		}
-	}
-
-	//轮播图
-	page {
-		background-color: #fff;
-	}
-
-	.top-swiper {
-		margin-bottom: 30rpx;
-
-		.bg {
-			padding-top: var(--status-bar-height);
-			box-sizing: content-box;
-			width: 100%;
-			position: relative;
-
-
-
-			.image {
-				box-sizing: content-box;
-				position: absolute;
-				z-index: 1;
-				top: 0;
-				left: 0;
-				width: 100%;
-				height: 100%;
-				overflow: hidden;
-
-				&::after {
-					content: '';
-					position: absolute;
-					width: 100%;
-					height: 100%;
-					z-index: 1;
-					bottom: 0;
-					left: 0;
-					height: 65%;
-					background-image: linear-gradient(to bottom, transparent, #FFF);
-				}
-
-				>image {
-					position: absolute;
-					box-sizing: content-box;
-					padding: 60px;
-					top: 0;
-					left: 0;
-					width: 100%;
-					height: 80%;
-					top: -60px;
-					left: -60px;
-					filter: blur(50px);
-				}
-			}
-		}
-
-		.box {
-			padding-top: var(--status-bar-height);
-			box-sizing: content-box;
-			// position: absolute;
-			z-index: 5;
-			top: 0;
-			left: 0;
-			width: 100%;
-			height: auto;
-		}
-
-		.swiper {
-			height: 450rpx;
-			margin: 0 20rpx;
-
-			.le-img {
-				width: 100%;
-				height: 100%;
-				display: block;
-				transform: scale(0.8);
-				transition: transform 0.3s ease-in-out 0s;
-				border-radius: 4px;
-
-				&.le-active {
-					transform: scale(1);
-				}
-			}
-
-		}
-	}
-
-
-
-	//其他的
-	/deep/ .uni-data-checklist .checklist-group .checklist-box {
-		border-radius: 20rpx !important;
-		padding: 8rpx 30rpx !important;
-		border: 0 !important;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
-		font-size: 24rpx;
-		color: #333333;
-	}
-
-
-	.butto {
-		text-align: center;
-	}
-
-	.option {
-		padding: 20rpx;
-	}
-
-	//轮播图
-
-	.uni-margin-wrap {
-		width: 690rpx;
-		width: 100%;
-	}
-
-	.swiper {
-		height: 750rpx;
-		display: flex;
-		justify-content: center;
-	}
-
-	.swiper-item {
-		display: block;
-		width: 100%;
-		height: 750rpx;
-		line-height: 750rpx;
-		text-align: center;
-	}
-
-	.swiper-list {
-		margin-bottom: 0;
-	}
-
-	.uni-common-mt {
-		margin-top: 60rpx;
-		position: relative;
-	}
-
-	.info {
-		position: absolute;
-		right: 20rpx;
-	}
-
-	.uni-padding-wrap {
-		width: 550rpx;
-		padding: 0 100rpx;
-	}
-
-	.Tasktext {
-		// padding-top: 5% ;
-		padding: 0 0 0 1%;
-		// height: 80rpx;
-		margin-top: 2%;
-	}
-
-	.Tasktext span {
-		color: #333333;
-		font-size: 100%;
-		font-weight: 550;
-		text-indent: 2em;
-
-	}
-
-	.Tasktext image {
-		vertical-align: middle;
-		width: 50rpx;
-		height: 50rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.TitleText {
-		height: 30rpx;
-		background-color: #FDD442;
-		border-radius: 20rpx;
-		display: inline-block;
-		padding: 0rpx 20rpx 0rpx 20rpx;
-		line-height: 30rpx;
-		margin-right: 20rpx;
-		margin-top: 6%;
-	}
-
-	.TitleText p {
-		color: #C49A0A;
-		font-size: 50%;
-
-	}
-
-	.introduction {
-		width: 90%;
-		margin: 0 auto;
-		display: flex;
-		justify-content: space-between;
-		margin-top: 2%;
-	}
-
-	.introduction1 {
-		width: 90%;
-		margin: 0 auto;
-		display: flex;
-		justify-content: space-between;
-		margin-top: 2%;
-	}
-
-	.rleft p {
-		font-size: 24rpx;
-	}
-
-	.rright p {
-		font-size: 24rpx;
-	}
-
-	.rleft1 p {
-		font-size: 30rpx;
-	}
-
-	.rright1 p {
-		font-size: 24rpx;
-		line-height: 45rpx
-	}
-
-	.importentInfo1 {
-		margin: 25rpx 11rpx;
-		background-color: #fbedd9;
-		border-radius: 8px;
-		width: 700rpx;
-		height: 65rpx;
-	}
-
-	.importentInfo2 {
-		margin: 2rpx 11rpx;
-		background-color: #bbd0ff;
-		border-radius: 8px;
-		width: 700rpx;
-		height: 65rpx;
-	}
-
-	.projectinfo {
-		margin: 30rpx 0;
-		display: flex;
-		justify-content: space-around;
-	}
-
-	.projectinfotxt {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.projectinfotxt p {
-		color: #767272;
-		font-size: 32rpx;
-		margin: 5rpx 0;
-	}
-
-	.interval {
-		width: 100%;
-		height: 40rpx;
-		background-color: #E4E4E4;
-		margin-top: 5%;
-	}
-
-	.circularmark {
-		// display: inline-block;
-		width: 250rpx;
-		margin: 10rpx auto;
-		padding: 10rpx;
-		background-color: #f2d22d;
-		border-radius: 10rpx;
-		position: relative;
-		margin-top: 30rpx;
-	}
-
-	.circularmark p {
-		font-size: 85%;
-		text-align: center;
-		font-weight: 800;
-	}
-
-	.circularmark image {
-		width: 60rpx;
-		height: 68rpx;
-		position: absolute;
-		top: -30%;
-		left: -10%;
-	}
-
-	.btnn {
-		background-color: #3296FA;
-		border-radius: 20rpx;
-		font-size: 25rpx;
-		line-height: 34rpx;
-	}
-
-	.markcontent {
-		// width: 100%;
-		// background-color: #E4E4E4;
-		margin: 0 30rpx;
-		border-radius: 20rpx;
-		padding-top: 2%;
-		padding-bottom: 2%;
-	}
-
-	.markcontent p {
-		font-size: 24rpx;
-		margin: 10rpx 0;
-	}
-
-	.markcontent span {
-		font-size: 24rpx;
-		// color: #333333;
-		// margin: 3% ;
-	}
-
-	.getsamcondi {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-
-	}
-
-	.interval2 {
-		width: 100%;
-		height: 100rpx;
-		background-color: #E4E4E4;
-		margin-top: 5%;
-	}
-
-	.markcontent1 {
-		width: 100%;
-		border-radius: 20rpx;
-		padding-top: 2%;
-		padding-bottom: 2%;
-	}
-
-	.markcontent1 p {
-		font-size: 24rpx;
-		// color: #333333;
-		// margin: 3% ;
-		// text-indent: 2em;
-	}
-
-	.trademark {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 50%;
-		background-color: #f2d22d;
-		margin: 0 auto;
-	}
-
-	.trademark image {
-		width: 100%;
-		height: 100%;
-	}
-
-	.diagram {
-		width: 100%;
-		// height: 1000rpx;
-	}
-
-	.diagram image {
-		width: 100%;
-		// height: 100% ;
-	}
-
-	.diagram-pdf {
-		padding: 0 20rpx;
-		width: 100%;
-		height: 100rpx;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.diagram-pdf image {
-		width: 60rpx;
-		height: 60rpx;
-	}
-
-	.diagram-pdf p {
-		width: 50%;
-		font-size: 32rpx;
-	}
-
-	.diagram-pdf button {
-		background-color: #FFFFFF;
-		border: 2rpx solid #f2d22d;
-		border-radius: 20rpx;
-		font-size: 32rpx;
-		// letter-spacing: 5rpx;
-		font-weight: 500;
-		position: relative;
-	}
-
-	.but1 {
-		width: 220rpx;
-		background-color: #f2d22d;
-		border-radius: 20rpx;
-		font-size: 32rpx;
-		line-height: 200%;
-		// letter-spacing: 10rpx;
-		font-weight: 500;
-		height: 80%;
-		// padding: 0 50rpx;
-
-		&.on {
-			background-color: #C0C0C0;
-
-		}
-
-	}
-
-	.but5 {
-		background-color: #f2d22d;
-		border-radius: 20rpx;
-		font-size: 32rpx;
-		line-height: 200%;
-		letter-spacing: 10rpx;
-		font-weight: 500;
-		height: 80%;
-		text-align: center;
-		padding: 0 10rpx;
-
-		&.on {
-			background-color: #C0C0C0;
-
-		}
-
-	}
-
-	/** 必须提升样式优先权(!important) **/
-	button[disabled] {
-		// width: 60%;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 200%;
-		// letter-spacing: 10rpx;
-		font-weight: 500;
-		height: 80%;
-		color: white !important;
-		background: #c4c1c1 !important;
-	}
-
-	.but2 {
-		// width: 25%;
-		background-color: #FFFFFF;
-		border: 2rpx solid #f2d22d;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 180%;
-		// letter-spacing: 10rpx;
-		font-weight: 500;
-		position: relative;
-		// text-indent: 0.5em;
-		height: 80%;
-	}
-
-	.but2 image {
-		width: 19%;
-		height: 56%;
-		position: absolute;
-		left: 9%;
-		top: 21%;
-	}
-
-	.signup {
-		box-shadow: 0rpx 5rpx 40rpx #ccc;
-		width: 100%;
-		position: fixed;
-		height: 90rpx;
-		padding: 2% 0;
-		background-color: #ffffff;
-		bottom: 0rpx;
-		display: flex;
-		justify-content: space-around;
-		align-items: center;
-	}
-
-	.pick {
-		width: 50rpx;
-		height: 50rpx;
-		vertical-align: middle;
-	}
-
-	.nex {
-		width: 100rpx;
-		height: 20rpx;
-		vertical-align: middle;
-	}
-
-	.sampledrawing {
-		display: flex;
-		width: 96%;
-		margin: 0 auto 50rpx;
-	}
-
-	.samplecharacter {
-		flex: 1;
-		margin-top: 2%;
-	}
-
-	.samplecharacter p {
-		padding: 1%;
-	}
-
-
-	/deep/.uni-popup__content {
-		background-color: #4CD964;
-		border-radius: 20rpx !important;
-	}
-
-	/deep/.uni-popup__mask {
-		background: rgba(0, 0, 0, 0.5) !important;
-	}
-
-	.butto {
-		text-align: center;
-	}
-
-	/deep/ .mini-btn1 {
-		height: 75rpx;
-		width: 270rpx;
-		line-height: 70rpx;
-		margin: 10rpx 0;
-		font-size: 30rpx;
-		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
-		border: 1rpx solid #f2d22d !important;
-	}
-
-	/deep/ .mini-btn2 {
-		height: 75rpx;
-		width: 350rpx;
-		line-height: 70rpx;
-		margin: 10rpx 0;
-		font-size: 30rpx;
-		background-color: #f2d22d;
-		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag {
-		background-color: #FFFFFF !important;
-		box-shadow: 0rpx 0rpx 6rpx 0rpx #464100;
-		border-radius: 10rpx !important;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
-		background-color: #f2d22d !important;
-	}
-
-	/deep/.uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked .checklist-text {
-		color: #333333 !important;
-	}
-
-	/deep/.buu .uni-data-checklist .checklist-group {
-		flex-direction: column !important;
-	}
-
-
-	.surplus p {
-		margin-bottom: 17%;
-		margin-top: 8%;
-		font-size: 80%;
-
-	}
-
-	.circular {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 50%;
-		background-color: #28EA71;
-		margin: 0 auto;
-	}
-
-	.circular image {
-		width: 60%;
-		height: 60%;
-		padding: 20%;
-	}
-
-	.tii {
-		text-align: center;
-		font-size: 26rpx;
-		margin-top: 2%;
-	}
-
-	.tii2 {
-		text-align: center;
-		font-size: 26rpx;
-		margin-top: 2%;
-		background-color: #FFFFFF;
-
-	}
-
-	.errar {
-		background-color: #FFFFFF;
-
-	}
-
-	.sharepage {
-		width: 90%;
-		margin: 0 auto;
-		position: relative;
-	}
-
-	.Tasktext1 {
-		// padding-top: 5% ;
-		padding: 0 0 0 1%;
-		height: 80rpx;
-		margin-top: 7%;
-		text-align: center;
-	}
-
-	.Tasktext1 span {
-		color: #333333;
-		font-size: 100%;
-		font-weight: 550;
-		text-indent: 2em;
-
-	}
-
-	.Tasktext1 image {
-		vertical-align: middle;
-		width: 80rpx;
-		height: 80rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.sharemap {
-		margin: 0 auto;
-		text-align: center;
-		margin-top: 5%;
-	}
-
-	.sharemap image {
-		width: 400rpx;
-		height: 400rpx;
-
-	}
-
-	.Tasktext2 {
-		// padding-top: 5% ;
-		padding: 0 0 0 1%;
-		// height: 80rpx;
-		margin-top: 2%;
-		// text-align: center;
-	}
-
-	.Tasktext2 span {
-		color: #333333;
-		font-size: 88%;
-		font-weight: 600;
-		text-indent: 2em;
-
-	}
-
-	.Tasktext2 image {
-		vertical-align: middle;
-		width: 30rpx;
-		height: 30rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.textti p {
-		font-size: 60%;
-		color: #999999;
-		text-align: center;
-	}
-
-	.immg image {
-		width: 200rpx;
-		height: 200rpx;
-	}
-
-	.immg {
-		line-height: 150%;
-	}
-
-	.immg p {
-		color: #333333;
-		font-size: 90%;
-		font-weight: 600;
-
-	}
-
-	.warr p {
-		font-weight: 500;
-		font-size: 90%;
-
-		&.lor {
-			border-bottom: 2rpx solid #f2d22d;
-
-		}
-	}
-
-	.tip_box {
-		position: fixed;
-		right: 0;
-		z-index: 9999;
-		display: flex;
-		justify-content: flex-end;
-		align-items: flex-end;
-		flex-direction: column;
-		margin-top: -40rpx;
-
-		.arrow {
-			width: 0;
-			height: 0;
-			border: 10rpx solid;
-			border-color: transparent;
-		}
-
-		.container {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			padding: 4rpx 10px;
-
-			.tips {
-				flex: 1;
-			}
-		}
-	}
-
-	.popup-content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
+<template>
+	<view style="position: relative;">
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+		<view class="" id="wrap0" v-show="!loading">
+			<view class="home">
+				<view class="uni-margin-wrap">
+					<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000"
+						:duration="1000">
+						<swiper-item v-for="item in carouselImages">
+							<image :src="item.photo_url" mode="aspectFill" style="width: 100%;height: 100%;"
+								@click="handlePreviewImage1(item.photo_url)" v-if="item.Symbol !== 3">
+							</image>
+							<video :src="item.photo_url" style="width: 100%;height: 100%;" v-if="item.Symbol === 3">
+							</video>
+						</swiper-item>
+					</swiper>
+
+					<view class="">
+						<view class="Tasktext">
+							<!-- <image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/pingtai2.png" mode=""> -->
+							<image :src="selection.PlatformInfo.platform_icon" mode="">
+							</image>
+							<!-- <span>PUYU朴郁小树茶冻干茶粉PUYU朴郁小树茶冻干茶粉</span> -->
+							<span>{{selection.selection_name}}</span>
+						</view>
+						<view class="introduction">
+
+							<view class="rleft">
+								<!-- <p>余<span style="color: #c4c1c1;">123567</span>件</p> -->
+								<p style="margin-left: 20rpx; color:#787474 ;">售价</p>
+							</view>
+
+							<view class="rright">
+								<!-- <p>距离任务有效期还有<span style="color: #f70606;">1107</span>天</p> -->
+								<p v-if="selection.remain_days <= 0 && selection.remain_hours <= 0"><span
+										style="color: #f70606;">任务已结束</span></p>
+								<!-- <p v-else>距离任务有效期还有<span style="color: #f70606;">{{selection.remain_days}}</span>天</p> -->
+								<p v-else><span style="color: #999999;">距离任务结束还有</span><span
+										style="color: #f70606;">{{ selection.remain_days }}<span
+											style="color: #999999;">天</span>{{ selection.remain_hours }}<span
+											style="color: #999999;">小时</span></span></p>
+							</view>
+						</view>
+
+						<!-- 售价具体金额和总销量 -->
+						<view class="introduction1">
+
+							<view class="rleft1">
+								<!-- <p>余<span style="color: #c4c1c1;">123567</span>件</p> -->
+								<p style="color:#787474 ;">￥{{product.product_price}}</p>
+							</view>
+
+							<view class="rright1">
+								<!-- <p>距离任务有效期还有<span style="color: #f70606;">1107</span>天</p> -->
+								<p style="color:#c4c4c4 ;">近30日销量:{{product.sales_count}}</p>
+							</view>
+						</view>
+
+
+						<!-- 重要信息展示 -->
+						<view>
+							<!-- 样机高佣和公开 两个有色框 -->
+							<view class="importentInfo1">
+								<!-- 高佣  这个margin带着整个有色边框一起移动-->
+								<view style="display: flex; margin: 25rpx 20rpx;">
+									<!-- 与边框离开距离  这个margin仅带着内容移动 -->
+									<view style="display: flex; margin-top: 10rpx;">
+										<view
+											style="background-color: #e99d42; width: 140rpx; height: 45rpx; border-radius: 15rpx; line-height: 40rpx;text-align: center;">
+											<p style="color: white;font-size: 25rpx;">样叽高佣</p>
+										</view>
+										<view style="margin-left: 25rpx;line-height: 40rpx">
+											<p style="color: red;font-size: 25rpx;">
+												每单赚：{{selection.high_estimated_income}}￥
+												(佣金比例：{{product.exclusive_commission}}%)</p>
+										</view>
+									</view>
+
+								</view>
+							</view>
+
+							<!-- 悬赏任务 -->
+							<view class="importentInfo2" v-if="selection.task_mode==1">
+								<!-- 高佣  这个margin带着整个有色边框一起移动-->
+								<view style="display: flex; margin: 25rpx 20rpx;">
+									<!-- 与边框离开距离  这个margin仅带着内容移动 -->
+									<view style="display: flex; margin-top: 10rpx;">
+										<view
+											style="background-color: #1f63ff; width: 140rpx; height: 45rpx; border-radius: 15rpx; line-height: 40rpx;text-align: center;">
+											<p style="color: white;font-size: 25rpx;">悬赏任务</p>
+										</view>
+										<view style="margin-left: 25rpx;line-height: 45rpx">
+											<p style="color: #444d5e;font-size: 25rpx;">
+												有效期内实际成交≥{{rewardStrategy.sale_actual}}单，额外奖励<span
+													style="color: red;">￥{{rewardStrategy.per_reward}}</span>元
+											</p>
+										</view>
+									</view>
+
+								</view>
+
+							</view>
+						</view>
+
+					</view>
+				</view>
+			</view>
+			<!-- <view class="interval"></view> -->
+			<view class="home" style="padding-top: 0;">
+				<!-- <view>
+					<view class="circularmark">
+						<p>任务&领样形式</p>
+					</view>
+					<view class="markcontent">
+						<p>任务形式：{{selection.show_task_mode}}</p>
+						<p>领样形式：{{selection.show_sample_mode}}</p>
+					</view>
+				</view> -->
+
+				<!-- 领样要求 -->
+				<view class="" v-if="selection.sample_mode==1">
+					<view class="circularmark">
+						<p>领样要求</p>
+					</view>
+					<!-- 具体领样品要求（粉丝数量） -->
+					<view class="markcontent">
+						<view class="" v-for="item in freeStrategy">
+							<p style="color: #9a9a9a ; margin-top: 20rpx; margin-bottom: 20rpx;">
+								粉丝量{{getFansLabel(item.fans_num)}}，近30天橱窗销量≥{{item.sale_num}}单</p>
+						</view>
+
+					</view>
+
+					<!-- 领样进度条 -->
+					<view style="display: flex; justify-content: space-between;">
+						<view style="font-size:22rpx;line-height:44rpx;margin-left: 27rpx;margin-right: 27rpx;">
+							<p>样品余量：剩余<span style="color: red;">{{selection.remain_num}}</span>件</p>
+						</view>
+						<view style="width: 55%;margin: auto;">
+							<liu-progressbar :progress="selection.sample_percent" color="#ffffff" :height="'40rpx'"
+								dsColor="#e0e3ea" bgColor="#1f63ff" />
+						</view>
+
+					</view>
+
+				</view>
+				<!-- 悬赏要求 -->
+				<view class="" v-if="selection.task_mode==1">
+					<view class="circularmark">
+						<p>悬赏条件</p>
+					</view>
+					<view class="markcontent">
+						<view class="">
+							<p style="color: #9a9a9a ;">
+								任务有效期内实际成交≥{{rewardStrategy.sale_actual}}单，额外奖励￥{{rewardStrategy.per_reward}}元</p>
+						</view>
+					</view>
+
+					<!-- 悬赏进度条 -->
+					<view style="display: flex; justify-content: space-between;">
+						<view style="font-size:22rpx;line-height:44rpx;margin-left: 27rpx;margin-right: 3rpx;">
+							<p>悬赏奖金池：剩余<span style="color: red;">{{selection.remain_poll}}</span>￥</p>
+						</view>
+
+						<view style="width: 55%;margin: auto;">
+							<liu-progressbar :progress="selection.reward_percent" color="#ffffff" :height="'40rpx'"
+								dsColor="#e0e3ea" bgColor="#1f63ff" />
+						</view>
+
+					</view>
+
+				</view>
+				<!-- 	<view class="">
+					<view class="circularmark">
+						<p>任务要求</p>
+					</view>
+					<view class="markcontent">
+						<p>内容形式：{{selection.show_content_type}}</p>
+						<p>带货链接：{{product.product_url|ellipsis}}
+							<image :src="picture.icon_copy" mode="" class="copy-img"
+								@click="handleCopy(selection.product_url)" />
+						</p>
+					</view>
+				</view> -->
+			</view>
+			<view class="" id="wrap1">
+				<view class="home" style="padding-top: 0;">
+					<view class="">
+						<view class="circularmark">
+							<p>卖点总结</p>
+						</view>
+						<view class="markcontent">
+							<text class="wvp" style="margin: 10rpx 0;" decode="true" user-select="true">
+								{{selection.detail}} </text>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="" id="wrap2">
+				<view class="home" style="padding-top: 0;">
+					<view class="">
+						<view class="circularmark">
+							<p>BRIEF</p>
+						</view>
+						<view class="markcontent1">
+							<view v-if="hasNoProjectPhoto">
+								<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
+									<!-- 可上传任务的brief，word、pfd等等 -->
+									<p>暂无详情说明</p>
+								</view>
+							</view>
+							<view v-else>
+								<view v-if="briefType == 'pdf'">
+									<view class="diagram-pdf" v-for="item in briefFiles">
+										<image :src="picture.icon_pdf"></image>
+										<p>{{item.file_name}}</p>
+										<button type="default"
+											@tap="downloadFile(item.file_url, item.file_name)">点击下载</button>
+									</view>
+								</view>
+								<view v-else-if="briefType == 'doc' || briefType == 'docx'">
+									<view class="diagram-pdf" v-for="item in briefFiles">
+										<image :src="picture.icon_word"></image>
+										<p>{{item.file_name}}</p>
+										<button type="default"
+											@tap="downloadFile(item.file_url, item.file_name)">点击下载</button>
+									</view>
+								</view>
+								<view v-else class="diagram" v-for="item in briefFiles">
+									<image :src="item.file_url" mode="widthFix"></image>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="" id="wrap2">
+				<view class="home" style="padding-top: 0;">
+					<view class="">
+						<view class="circularmark">
+							<p>素材</p>
+						</view>
+						<view class="markcontent1">
+							<view v-if="isPhoto == 0">
+								<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
+									<p>无</p>
+								</view>
+							</view>
+							<view style="display:flex;justify-content: center;" v-if="isPhoto == 2">
+								<!-- <video class="videos" :src="url" @error="ErrorCallback" controls> </video> -->
+								<video class="videos" :src="exampleImgs[0].file_url" @error="ErrorCallback" controls>
+								</video>
+							</view>
+
+							<view style="display:flex;justify-content: center;" v-if="isPhoto == 2">
+								<view type="default" @click="downloadVideo(exampleImgs[0].file_url)">下载视频</view>
+							</view>
+							<view class="diagram" v-for="item in exampleImgs" v-if="isPhoto == 1">
+								<image :src="item.file_url" mode="widthFix"></image>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="" id="wrap2">
+				<view class="home" style="padding-top: 0;">
+					<view class="">
+						<view class="circularmark">
+							<p>商品详情图</p>
+						</view>
+						<view class="markcontent1">
+							<view v-if="hasNoProductPhoto">
+								<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
+									<p>无</p>
+								</view>
+							</view>
+							<view class="diagram" v-for="item in carouselImages" v-else>
+								<image :src="item.photo_url" mode="widthFix"></image>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<view class="interval2"></view>
+
+
+			<view class="signup">
+				<view style="display: flex;justify-content: space-between;align-items: center;">
+					<view
+						style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx; "
+						@click="toggle1('bottom')">
+						<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_share2"></image>
+						<p style="font-size: 28rpx;">分享</p>
+					</view>
+					<view
+						style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx; "
+						@click="handleCopy(product.product_url)">
+						<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
+						<p style="font-size: 28rpx;">带货链接</p>
+					</view>
+				</view>
+
+				<!-- //添加橱窗    走添加橱窗流程 -->
+				<!-- <view>
+					<button type="default" class="but1" @click="addwindow" :disabled="ddl">添加橱窗</button>
+				</view> -->
+
+				<!-- //添加橱窗    走添加橱窗流程 -->
+				<view>
+					<button type="default" class="but1" @click="listTest" :disabled="ddl">测试按钮</button>
+				</view>
+
+				<!-- //免费领样	  判断是否有免费领样 -->
+				<view v-if="selection.sample_mode==1">
+
+					<!-- <button type="default" class="but1" :disabled="isDisabled" @click="submit()">{{buttonText}}</button> -->
+					<button type="default" class="but1" :disabled="isDisabled"
+						@click="testapi()">{{buttonText}}</button>
+					<!-- <button type="default" class="but1" :disabled="isDisabled"
+						@click="submit()">666</button> -->
+
+				</view>
+
+			</view>
+
+			<view>
+				<!-- 底部普通弹窗 -->
+				<uni-popup ref="popup1" background-color="#fff" @change="change" style="border-radius: 20rpx;">
+					<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+						<view
+							style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 3% ;">
+							<view>
+								<button class="tii2" data-name="shareBtn" open-type="share">
+									<view class="circular" style="margin-top: 10% ;">
+										<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taskw.png"
+											mode=""></image>
+									</view>
+									<p class="tii">发送给朋友</p>
+								</button>
+							</view>
+							<view>
+								<button class="tii2" @click="toggle2('center')">
+									<view class="circular" style="margin-top: 10% ;">
+										<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taske.png"
+											mode=""></image>
+									</view>
+									<p class="tii">生成分享码</p>
+								</button>
+							</view>
+						</view>
+
+						<button type="default" class="errar" @click="cancel()">取消</button>
+					</view>
+				</uni-popup>
+			</view>
+			<!-- 分享码 -->
+			<uni-popup ref="popup2" class="share1" background-color="#fff" @change="change">
+				<view class="popup-content">
+					<image :src="canvasUrl" mode="widthFix" style="width: 300px;height: 420px;margin-top: 30rpx;">
+					</image>
+					<mosoweCanvas ref="mosoweCanvasComponents" @canvasImage="_canvasImage" :lists="lists" height="420"
+						width="300" imgType="png" />
+
+					<view class="" style="text-align: center;margin: 5% 0;">
+						<button class="butmin" size="mini" @tap="saveImage">保存</button>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+	</view>
+</template>
+
+<script>
+	import mosoweCanvas from "@/components/mosowe-canvas-image/mosowe-canvas-image";
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import zSwiper from '@/components/z-swiper/index.vue'; // npm安装
+	import {
+		getQueryString,
+		fansview,
+		money,
+		getDaysBetweenDates,
+		getDaysAndHoursBetweenDates
+	} from '@/components/utils.js';
+	import {
+		saveImageToPhotosAlbum,
+		showToast,
+		downloadFile
+	} from '@/uni_modules/sakura-canvas/js_sdk/util'
+	export default {
+		filters: {
+			ellipsis(value) {
+				if (!value) return "";
+				if (value.length > 30) {
+					return value.slice(0, 30) + "...";
+				}
+				return value;
+			},
+		},
+		components: {
+			mvBar,
+			zSwiper,
+			mosoweCanvas
+		},
+		data() {
+			return {
+				// nav
+				navH: getApp().globalData.navHeight,
+				picture: getApp().globalData.picture,
+				mysNavConfig: {
+					/* 占位开启  */
+					// navPadding: true,
+					/* 背景 */
+					// bgColor: "#f8f8f8",
+					/* 开启单页显示首页图标 */
+					isHome: false,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "任务详情",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: '',
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
+						// 右图标
+						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+
+				isPhoto: 0,
+				url: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',
+
+				coopStrategy: "点击报名后显示",
+				canvasUrl: '',
+				hackReset: true,
+				showWarning: false,
+				arrowMargin: 0,
+				cotainerMargin: 0,
+				screenWidth: 0,
+				ddl: false,
+				loading: true,
+				isSign: 0,
+				isCreate: 0,
+				strategy_id: 0,
+				strategy: null,
+				input_offer: 0.0,
+				chooseBtn: 0,
+				share: {
+					title: "",
+					path: '',
+					imageUrl: '',
+					desc: '',
+					content: ''
+				},
+				mainPhoto: '',
+				content_type_info: ["图文", "视频"],
+				sample_mode_info: ["免费领样", "不提供样品"],
+				task_mode_info: ["悬赏任务", "纯佣带货"],
+				// 免费领养按钮条件
+				buttonText: '免费领样',
+				isDisabled: false,
+
+
+				tabBarStyle: {},
+				activeTab: 0,
+				hei: '',
+				hei1: '',
+				topp0: '',
+				topp1: '',
+				topp2: '',
+				scrollTop: '',
+				activeColor: '#f2d22d',
+				value: '',
+				value1: '',
+				coop_choice: [],
+				type: 'center',
+				type1: 'center',
+				type2: 'center',
+				item: {
+					title: '0'
+				},
+
+				// 指示器样式
+				mode: 'circle',
+				indicatorPos: 'bottomCenter',
+				carousel_images: ['https://img2.baidu.com/it/u=2141851239,1037607188&fm=26&fmt=auto&gp=0.jpg',
+					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
+				],
+				dotIndex: 0, //指示器索引
+				dotFloatIndex: 0, //位置指示器索引
+
+				// 视频轮播
+				fullScreen: true,
+				topFloat: true,
+				fotterFloat: true,
+				swiper: {
+					margin: "150rpx",
+					index: 0,
+					list: [
+
+					]
+				},
+				tar: false,
+				token: '',
+
+				// 测试数据
+				carouselImages: [{
+						Symbol: 1,
+						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/a69be940-e294-4dd4-9b09-d80274c75a15.png'
+					},
+					{
+						Symbol: 2,
+						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/e1a40241-a566-4227-9b3c-afefe88f4b69.png'
+					},
+					{
+						Symbol: 2,
+						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/deb21a8b-1517-4352-823b-b70e0cd6883d.png'
+					},
+				],
+				productUrl: 'https://haohuo.jinritemai.com/views/product/detail?id=3519429421675223776&origin_type=604',
+				productDetail: 'puyu朴郁小树茶是朴郁公司的一款茶饮，采用先进的冻干粉末技术，将红茶/绿茶精华萃取并制作成冻干茶粉。外包装申请了国家专利，一花一树造型更符合时下追求品味的年轻人的审美。本品获得2021年国家创新美食银奖。',
+				projectPhoto: [{
+						Symbol: 1,
+						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/a69be940-e294-4dd4-9b09-d80274c75a15.png'
+					},
+					{
+						Symbol: 2,
+						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/e1a40241-a566-4227-9b3c-afefe88f4b69.png'
+					},
+					{
+						Symbol: 2,
+						photo_url: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/deb21a8b-1517-4352-823b-b70e0cd6883d.png'
+					},
+				],
+				options: [{
+						value: '1',
+						label: '所有人均可领取'
+					},
+					{
+						value: '2',
+						label: '1w下'
+					},
+					{
+						value: '3',
+						label: '1w-10w'
+					},
+					{
+						value: '4',
+						label: '10w-100w'
+					},
+					{
+						value: '5',
+						label: '100w-500w'
+					},
+					{
+						value: '6',
+						label: '500w-1000w'
+					},
+					{
+						value: '7',
+						label: '1000w以上'
+					},
+				],
+
+				// 数据
+				suc_flag: 0, //0表示access_token失效
+				condition_flag: 0, //0表示未达到领样条件
+				kuaishouFansNum: 0, //判断是否满足领样条件时调用得到的粉丝数
+				saleNum_30: 0,
+				qrcode: '',
+				selectionId: '',
+				kuaishou_productId: '',
+				talent: {},
+				account: [],
+				selection: {},
+				product: {},
+				younggeeProductPhoto: {},
+				productPhoto: [],
+				freeStrategy: [],
+				rewardStrategy: [],
+				briefFiles: [],
+				exampleImgs: [],
+				hasNoProductPhoto: true,
+
+				hasNoProjectPhoto: true,
+				briefType: "",
+
+				youngLeadTeamId: "",
+				youngTeamId: "",
+			};
+		},
+		onShareAppMessage(res) {
+			return {
+				title: this.share.title,
+				path: 'page_selectionsquare/selectiondetail/selectiondetail?id=' + this.selectionId,
+				imageUrl: this.share.imageUrl,
+				desc: '',
+				content: '',
+				success(res) {
+					uni.showToast({
+						title: '分享成功'
+					})
+				},
+				fail(res) {
+					uni.showToast({
+						title: '分享失败',
+						icon: 'none'
+					})
+				}
+			}
+		},
+		computed: {
+			lists: {
+				get() {
+					let tmplist = [
+						// 大图
+						{
+							type: 'image',
+							content: this.mainPhoto,
+							width: 300,
+							height: 320,
+							x: 0,
+							y: 0,
+						},
+						// 标题
+						{
+							type: 'text',
+							content: this.selection.selection_name,
+							color: '#333333',
+							weight: 'bold',
+							size: '12px',
+							width: 200,
+							height: 20,
+							x: 20,
+							y: 340,
+						},
+						// 文案1
+						{
+							type: 'text',
+							content: "样品数量：" + this.selection.sample_num,
+							color: '#333333',
+							size: '10px',
+							width: 60,
+							height: 20,
+							x: 20,
+							y: 370,
+						},
+						// 文案2
+						{
+							type: 'text',
+							content: "扫码立即报名",
+							color: '#333333',
+							size: '10px',
+							width: 60,
+							height: 20,
+							x: 110,
+							y: 370,
+						},
+						{
+							type: 'text',
+							content: "发布任务请登录",
+							color: '#333333',
+							size: '10px',
+							width: 70,
+							height: 20,
+							x: 20,
+							y: 400,
+						},
+						{
+							type: 'text',
+							content: "www.younggee.com",
+							color: '#333333',
+							size: '10px',
+							// style: 'italic',
+							width: 60,
+							height: 20,
+							x: 90,
+							y: 400,
+						},
+						// 二维码
+						{
+							type: 'qr',
+							content: this.qrcode,
+							projectid: this.selectionId,
+							width: 80,
+							height: 80,
+							x: 215,
+							y: 325,
+						},
+					]
+					return tmplist
+				},
+				set() {}
+			}
+		},
+
+		async created() {
+			console.log("进入create")
+		},
+		async onShow() {
+			console.log("进入onshow")
+			// 判断登录
+			await this.isLogin();
+			if (this.token === '') {
+				uni.showModal({
+					content: '请先登录',
+					success: function(res) {
+						if (res.confirm) {
+							uni.navigateTo({
+								url: '/pages/login/login'
+							});
+						} else if (res.cancel) {
+							uni.navigateBack();
+						}
+					}
+				});
+			} else {
+				this.loading = true;
+				uni.showLoading({
+					title: '加载中'
+				});
+				this.getLeadTeam();
+				this.getTalentInfo();
+				await this.getSelectionDetail();
+				await this.getTalentAccountInfo();
+				if (this.account.length != 0) {
+					// await this.isSignUp();
+					// await this.isCreateTask()
+					// await this.checkToken()
+					// //token没有过期	
+					// if (this.suc_flag == 1) {
+					// 	await this.checkSampleCondition()
+					// }
+				}
+				await this.handleButtonText();
+				this.loading = false;
+				uni.hideLoading();
+			}
+		},
+		// options是上一个页面传递的数据
+		onLoad(options) {
+			console.log("onLoad加载********** *")
+			console.log("options:----->", options)
+			this.selectionId = options.id
+			this.productId = options.pid
+			this.share.path = 'https://younggee.com/wxapp/taskdetail?action=taskdetail&id=' + this.selectionId
+			console.log("share path: ", this.share.path)
+			this.postlist()
+		},
+		onReady() { // 注意：想要拿到元素实例，需要在实例已经挂载到页面上才可以
+			this.init();
+		},
+		methods: {
+			listTest() {
+				return this.$https.get('/youngee/c/t/g/get-ks-ecom-qrcode') //get-ks-ecom-qrcode
+					.then(res => {
+						console.log("获取结果------>", res); // 这行会输出响应对象到控制台
+					})
+			},
+
+			//走到这一步的token必然有效
+			getFansNum() {
+				return this.$https.get('/youngee/c/t/g/get-kuaishou-fans-num')
+					.then(res => {
+						console.log("get-kuaishou-fans-num------", res); // 这行会输出响应对象到控制台
+						this.kuaishouFansNum = res.data.data.fan
+					})
+			},
+			get30daysSaleNum() {
+				return this.$https.get('/youngee/c/t/g/query-sales-for30-days')
+					.then(res => {
+						console.log("query-sales-for30-days------", res); // 这行会输出响应对象到控制台
+						this.saleNum_30 = res.data.data
+					})
+			},
+			handleButtonText() {
+				console.log('into handleButtonText,this.isSign--->', this.isSign)
+				// 领样条件判断
+				if (this.selection.sample_mode === 3) {
+					// 未开放免费领样
+					this.buttonText = '';
+					this.isDisabled = true;
+				} else if (this.selection.sample_mode === 1) {
+					// 开放免费领样
+					if (this.ddl) {
+						// 任务已结束
+						this.buttonText = '任务结束';
+						this.isDisabled = true;
+					} else if (this.selection.remain_num === 0) {
+						// 样品库存不足
+						this.buttonText = '免费领样';
+						this.isDisabled = true;
+					} else if (this.isSign === 1) {
+						//4. 若开放免费领样，但已经申请过，则按钮文字为“已申请”且置灰不可点击
+						//特殊情况：如果查到了数据，并且sectask的sample_mode也为1，说明是真申请过了
+						console.log("come in")
+						this.buttonText = '已申请';
+						this.isDisabled = true;
+					} else {
+						//不满足领取条件
+						//授权过期
+						console.log("按钮可点击")
+					}
+				} else {
+					console.log("sample_mode不可为2")
+				}
+			},
+			getFansLabel(fansNum) {
+				//// 在 options 数组中查找 value 属性等于 fansNum.toString() 的对象  fansNum在表中为int类型
+				const option = this.options.find(o => o.value === fansNum.toString());
+				// 如果找到这样的对象，则返回其 label 属性值，否则返回 fansNum
+				return option ? option.label : fansNum;
+			},
+			handleCopy(content) {
+				wx.setClipboardData({
+					data: content,
+					success: function(res) {
+						console.log("复制成功");
+					}
+				});
+			},
+			handlePreviewImage1(item) {
+				var urls = [];
+				this.carouselImages.forEach(function(image) {
+					urls.push(image.photo_url);
+				});
+				wx.previewImage({
+					current: item, // 当前显示图片的http链接
+					urls: urls
+				})
+			},
+			init() {
+				let rect = uni.getMenuButtonBoundingClientRect();
+				let screenWidth = uni.getSystemInfoSync().screenWidth;
+				this.arrowMargin = rect.width * 0.75 + 4;
+				this.cotainerMargin = screenWidth - rect.right;
+			},
+			// 判断登陆是否过期
+			isLogin() {
+				return this.$https.get('/youngee/c/t/g/is-login')
+					.then(res => {
+						console.log('进入详情页，判断是否登录res:******  ', res)
+						if (res.data.code === 403) {
+							// 登陆已失效
+							this.token = ""
+						} else {
+							this.token = uni.getStorageSync('token')
+						}
+					})
+			},
+			postlist() {
+				// uni.showModal({
+				// 	content: "项目id为："+this.projectid,
+				// })
+				this.$https.post('/youngee/c/p/get-qrcode', {
+						scene: this.selectionId,
+						page: 'page_selectionsquare/selectiondetail/selectiondetail',
+						// scene: this.taskid,
+						// page: 'pages/task/taskdetails',
+					})
+					.then(res => {
+						console.log("进入postlist-----》", res)
+						this.qrcode = 'data:image/png;base64,' + res.data.data;
+						// console.log("this.qrcode-----", this.qrcode)
+					})
+			},
+			getLeadTeam() {
+				this.$https.get('/youngee/c/t/g/get-lead-young-team-id' +
+					"?" +
+					"project_type=2" +
+					"&selection_id" +
+					"=" +
+					this.selectionId
+				).then(res => {
+					if (res.data.code === 0) {
+						if (res.data.data.num != 0) {
+							this.youngLeadTeamId = res.data.data.team_id
+						}
+					}
+				})
+			},
+
+			getSelectionDetail() {
+				console.log('into getSelectionDetail')
+				return this.$https.get('/youngee/c/t/g/get-selection-detail' +
+					"?" +
+					"selectionid" +
+					"=" +
+					this.selectionId +
+					"&" +
+					"productid" +
+					"=" +
+					this.productId
+				).then(res => {
+					console.log("getSelectionDetail---->", res)
+					if (res.data.code === 0) {
+						this.selection = res.data.data
+						console.log("this.selection---->", this.selection)
+						this.product = this.selection.YounggeeProduct[0]
+						this.younggeeProductPhoto = this.selection.YounggeeProductPhoto
+						this.freeStrategy = this.selection.FreeStrategy
+						if (this.selection.RewardStrategy[0] != null) {
+							this.rewardStrategy = this.selection.RewardStrategy[0]
+						}
+
+						// if (this.selection.reward_condition === "")
+						// 	this.selection.reward_condition = "无"
+
+						this.share.title = this.selection.selection_name
+
+						// 提取分享图、主图、轮播图
+						this.carouselImages = []
+						for (let i = 0; i < this.younggeeProductPhoto.length; i++) {
+							if (this.younggeeProductPhoto[i].Symbol === 1) {
+								this.mainPhoto = this.younggeeProductPhoto[i].photo_url
+								this.share.imageUrl = this.mainPhoto
+							}
+							if (this.younggeeProductPhoto[i].Symbol !== 3) {
+								this.carouselImages.push(this.younggeeProductPhoto[i])
+							}
+						}
+						console.log("carouselImages----->", this.carouselImages)
+						this.hasNoProductPhoto = this.carouselImages.length === 0 ? true : false;
+
+						// brief、素材图
+						console.table(this.selection.SelectionBrief)
+						this.hasNoProjectPhoto = this.selection.SelectionBrief === null ? true : false;
+						if (!this.hasNoProjectPhoto) {
+							for (let i = 0; i < this.selection.SelectionBrief.length; ++i) {
+								let url = this.selection.SelectionBrief[i].file_url
+								this.briefType = url.split('.').pop()
+							}
+						}
+						this.briefFiles = this.selection.SelectionBrief
+						this.exampleImgs = this.selection.SelectionExample
+						if (this.exampleImgs !== null) {
+							for (let i = 0; i < this.exampleImgs.length; i++) {
+								if (this.exampleImgs[i].file_url.endsWith("jpg") || this.exampleImgs[i].file_url
+									.endsWith("png")) {
+									this.isPhoto = 1
+								} else {
+									this.isPhoto = 2
+								}
+							}
+						} else {
+							this.isPhoto = 0
+						}
+
+						//样品总数量进度条
+						//动态绑定属性
+						this.selection.high_estimated_income = this.product.exclusive_commission * this.product
+							.product_price / 100
+						this.selection.normal_estimated_income = this.product.public_commission * this.product
+							.product_price / 100
+						//领样进度
+						this.selection.sample_percent = (this.selection.remain_num / this.selection.sample_num) *
+							100
+						//悬赏进度
+						this.selection.remain_poll = this.rewardStrategy.reward - this.selection.settlement_amount
+						this.selection.reward_percent = (this.selection.remain_poll / this.rewardStrategy
+								.reward) *
+							100
+						// this.selection.task_reward=this.selection.task_reward
+						console.log("this.selection----->", this.selection)
+
+
+						// 判断任务是否已结束
+						var timeNow = new Date()
+						var ddl = new Date(this.selection.task_ddl.replace(/-/g, "/"));
+						// this.selection.remain_days = getDaysBetweenDates(timeNow, ddl)
+						var diff = getDaysAndHoursBetweenDates(timeNow, ddl);
+						this.selection.remain_days = diff.days;
+						this.selection.remain_hours = diff.hours;
+
+						//判断任务是否结束
+						this.ddl = (this.selection.remain_days <= 0 && this.selection.remain_hours <= 0) ? true :
+							false
+
+
+					}
+				})
+			},
+			// 达人信息
+			getTalentInfo() {
+				return this.$https.get('/youngee/c/t/g/get-talent-info')
+					.then(res => {
+						this.talent = res.data.data
+						console.log("this.talent---->", this.talent)
+					})
+
+			},
+			//账号信息
+			getTalentAccountInfo() {
+				return this.$https.get('/youngee/c/t/g/get-talent-account-kuaishou')
+					.then(res => {
+						var accounts = res.data.data
+						this.account = []
+						// -3表示未绑定任何平台
+						if (res.data.code != -3) {
+							for (var i = 0; i < accounts.length; i++) {
+								console.log("kuaishouaccount数组——————：  ", accounts[i])
+								// 此带货商品的平台与用户绑定的三方平台一致,才会加入到this.account中
+								if (this.selection.platform === accounts[i].platform_id) {
+									this.account.push(accounts[i])
+								}
+							}
+						}
+					})
+				// console.log("account数组——————：  ",res)
+			},
+
+			// isSignUp() {
+			// 	console.log("into isSignUp")
+			// 	return this.$https.get('/youngee/c/t/g/is-sign-up-sec-task' +
+			// 			"?" +
+			// 			"selection_id" +
+			// 			"=" +
+			// 			this.selectionId)
+			// 		.then(res => {
+			// 			let task;
+			// 			if (res.data.code === 0) {
+			// 				this.isSign = res.data.data.is_sign;
+			// 				console.log("is-sign-up-sec-task--->", this.isSign)
+			// 				task = res.data.data.sec_task_info
+			// 				if (this.isSign === 1) {
+			// 					this.youngLeadTeamId = task.lead_team_id
+			// 					this.youngTeamId = task.team_id
+			// 				}
+			// 			}
+			// 		})
+			// },
+			// isCreateTask() {
+			// 	return this.$https.get('/youngee/c/t/g/is-create-task' +
+			// 			"?" +
+			// 			"selection_id" +
+			// 			"=" +
+			// 			this.selectionId)
+			// 		.then(res => {
+			// 			if (res.data.code === 0) {
+			// 				this.isCreate = res.data.data.is_sign;
+			// 				console.log("is-create-task--->", this.isCreate)
+			// 			}
+			// 		})
+			// },
+			checkToken() {
+				//进入页面就发送一个请求，看是否过期
+				return this.$https.get('/youngee/c/t/g/check-token-exp')
+					.then(res => {
+						console.log("checkToken___", res)
+						if (res.data.code == -2) {
+							this.suc_flag = 0
+						} else {
+							this.suc_flag = 1
+						}
+					})
+			},
+			onPageScroll(res) {
+				uni.$emit('onPageScroll', res.scrollTop);
+				this.scrollTop = res.scrollTop;
+				// console.log(res.scrollTop);
+				if (res.scrollTop <= this.topp1 - this.hei1) {
+					// console.log(0)
+					this.activeTab = 0
+				}
+				if (res.scrollTop > this.topp1 - this.hei1 && res.scrollTop < this.topp2 - this.hei1) {
+					// console.log(1)
+					this.activeTab = 1
+				}
+				if (res.scrollTop > this.topp2 - this.hei1) {
+					// console.log(2)
+					this.activeTab = 2
+				}
+			},
+			//获取节点离顶部高度
+			getInfo() {
+				const query = uni.createSelectorQuery().in(this);
+
+				query.select('#wrap0').boundingClientRect(data => {
+
+					this.topp0 = data.top
+				}).exec();
+				query.select('#wrap1').boundingClientRect(data => {
+
+					this.topp1 = data.top
+				}).exec();
+				query.select('#wrap2').boundingClientRect(data => {
+					this.topp2 = data.top
+					// console.log(this.topp2)
+				}).exec();
+				query.select('#wap').boundingClientRect(data => {
+
+					// console.log(data)
+					this.hei = data.height
+					this.tabBarStyle = {
+						height: data.height + data.height + 'px',
+						width: '100% ',
+					}
+				}).exec();
+				query.select('#wa').boundingClientRect(data => {
+
+					// console.log(data)
+					this.hei1 = data.height
+
+				}).exec();
+
+			},
+			//视频轮播
+			effect3dMarginMethed() {
+				this.effect3dMargin++
+			},
+			//swiper滑动事件
+			swiperChange: function(e) {
+				this.swiper.index = e.detail.current;
+			},
+			//底部弹出层
+			change(e) {
+				console.log('当前模式：' + e.type + ',状态：' + e.show);
+			},
+
+			// 添加橱窗
+			addwindow() {
+				console.log('ino addwindow')
+				let that = this
+				//1.账号绑定情况
+				if (that.account.length === 0) {
+					uni.showModal({
+						content: '您尚未绑定快手账号，请绑定快手账号后重试',
+						confirmText: '去绑定',
+						success: function(res) {
+							if (res.confirm) {
+								//绑定快手平台
+								if (that.selection.platform == 4) {
+									uni.navigateTo({
+										url: '/page_mycenter/bindaccounts/kuaishoubind'
+									});
+								} else {
+									uni.navigateTo({
+										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
+											that.selection.platform
+									});
+								};
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else if (that.suc_flag == 0) {
+					//2.token无效情况
+					uni.showModal({
+						content: '您快手账号授权已过期，请刷新快手账号授权后重试',
+						confirmText: '去刷新',
+						success: function(res) {
+							if (res.confirm) {
+								//刷新快手平台
+								if (that.selection.platform == 4) {
+									uni.navigateTo({
+										url: '/page_mycenter/bindaccounts/kuaishoubind'
+									});
+								} else {
+									uni.navigateTo({
+										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
+											that.selection.platform
+									});
+								};
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					})
+					//token有效
+				} else {
+					console.log("api----", this.product.kuaishou_product_id)
+					//调用加入橱窗api
+					this.$https.get('/youngee/c/t/g/add-window' +
+						"?" +
+						"product_id" +
+						"=" +
+						this.product.kuaishou_product_id
+					).then(res => {
+						console.log("add window res****", res)
+						//未开通
+						let api_result = res.data.data.data[0]
+						if (api_result.result == 1800533) {
+							uni.showModal({
+								content: '选品不存在或已下线', // 这里设置弹窗的内容
+								showCancel: false, // 不显示取消按钮
+								confirmText: '知道了', // 设置确认按钮的文本
+								success: function(res) {
+									if (res.confirm) {
+										console.log('用户点击知道了');
+									}
+								}
+							});
+						} else if (api_result.result == 1800550) {
+							uni.showModal({
+								content: '您未开通快手橱窗，请开通后重试', // 这里设置弹窗的内容
+								showCancel: false, // 不显示取消按钮
+								confirmText: '知道了', // 设置确认按钮的文本
+								success: function(res) {
+									if (res.confirm) {
+										console.log('用户点击知道了');
+									}
+								}
+							});
+						} else {
+							uni.showModal({
+								content: '添加橱窗成功,已创建带货任务！', // 这里设置弹窗的内容
+								showCancel: false, // 不显示取消按钮
+								confirmText: '知道了', // 设置确认按钮的文本
+								success: function(res) {
+									if (res.confirm) {
+										console.log('用户点击知道了');
+									}
+								}
+							});
+							//没有任务才创建。
+							// if (this.isCreate != 1) {
+							// 	//添加到seltask带货任务中
+							// 	console.log("提交报名")
+							// 	// 直接报名
+							// 	console.log("********", this.selection.product_id)
+							// 	console.log("this.kuaishouFansNum********111", this.kuaishouFansNum)
+							// 	console.log("this.saleNum_30********111", this.saleNum_30)
+							// 	this.$https.post('/youngee/c/t/p/sign-up-sec-task-from-window', {
+							// 		selection_id: this.selection.selection_id,
+							// 		product_id: this.selection.product_id,
+							// 		//新增
+							// 		saleNum: this.saleNum_30,
+							// 		fans: this.kuaishouFansNum,
+							// 	}).then(res => {
+							// 		console.log("addwindow succuss", res)
+							// 	})
+							// } else {
+							// 	console.log("已经有task了。此行为仅添加橱窗，无task被创建")
+							// }
+						}
+					})
+				}
+			},
+			// 免费领样
+			submit(type) {
+				// this在页面刚展示时,已经被赋值了必要的信息
+				let that = this;
+				//绑定收获地址，这样详情页就不用考虑没有地址的情况了
+				if (that.talent.is_bind_location === 0) {
+					// 前往个人信息绑定三合一界面
+					uni.showModal({
+						content: '请先绑定个人信息',
+						success: function(res) {
+							if (res.confirm) {
+								if (that.account.length === 0) {
+									uni.navigateTo({
+										url: '/page_tasksquare/bindinfo?platform_id=' + that
+											.selection.platform
+									})
+								} else {
+									uni.navigateTo({
+										url: '/page_tasksquare/bindinfo?platform_id=' +
+											that.selection.platform +
+											'&account_id=' +
+											that.account[0].account_id
+									})
+								};
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else if (that.account.length === 0) {
+					uni.showModal({
+						content: '您尚未绑定快手账号，请绑定快手账号后重试',
+						confirmText: '去绑定',
+						success: function(res) {
+							if (res.confirm) {
+								// 绑定快手平台
+								if (that.selection.platform == 4) {
+									uni.navigateTo({
+										url: '/page_mycenter/bindaccounts/kuaishoubind'
+									});
+								} else {
+									uni.navigateTo({
+										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
+											that.selection.platform
+									});
+								}
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else if (this.suc_flag == 0) {
+					// token无效情况
+					uni.showModal({
+						content: '您快手账号授权已过期，请刷新快手账号授权后重试',
+						confirmText: '去刷新',
+						success: function(res) {
+							if (res.confirm) {
+								// 刷新快手平台
+								if (that.selection.platform == 4) {
+									uni.navigateTo({
+										url: '/page_mycenter/bindaccounts/kuaishoubind'
+									});
+								} else {
+									uni.navigateTo({
+										url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
+											that.selection.platform
+									});
+								}
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+					//token有效
+				} else if (this.condition_flag == 0) {
+					// 未到达领样条件
+					uni.showModal({
+						content: '您的账号暂未达到领样要求，若在快手平台已达标，请刷新快手账号授权后重试', // 这里设置弹窗的内容
+						showCancel: false, // 不显示取消按钮
+						confirmText: '知道了', // 设置确认按钮的文本
+						success: function(res) {
+							if (res.confirm) {
+								console.log('用户点击知道了');
+							}
+						}
+					});
+				} else {
+					// 达到领样条件 ，进入信息确认页
+					var data = {
+						selectionId: this.selectionId,
+						selection: this.selection,
+						youngTeamId: this.youngTeamId,
+						youngLeadTeamId: this.youngLeadTeamId,
+						saleNum_30: this.saleNum_30,
+						fansNum: this.kuaishouFansNum,
+					};
+					data = JSON.stringify(data);
+					// console.log("此页面传递给信息确认页的信息: ", data);
+					uni.navigateTo({
+						url: '/page_selectionsquare/selectiondetail/information?textObj=' +
+							encodeURIComponent(data)
+					});
+				}
+
+			},
+			async checkSampleCondition() {
+				//获取粉丝数，  获取30天销量
+				await this.getFansNum()
+				await this.get30daysSaleNum()
+				console.log("get30daysSaleNum()", this.saleNum_30)
+				console.log("after this.getFansNum()", this.kuaishouFansNum)
+				// 将区间映射到最小粉丝数
+				//声明对象，声明键和值
+				const fansCountRanges = {
+					1: 0,
+					2: 0,
+					3: 10000,
+					4: 100000,
+					5: 1000000,
+					6: 5000000,
+					7: 10000000 // 对于 1000w以上, 设置一个大的默认值，比如无穷大
+				};
+
+				for (let strategy of this.freeStrategy) {
+					console.log("strategy", strategy)
+					let requiredFans = fansCountRanges[strategy.fans_num];
+					console.log("this.kuaishouFansNum", this.kuaishouFansNum)
+					console.log("requiredFans", requiredFans)
+					console.log("this.saleNum_30", this.saleNum_30)
+					console.log("strategy.sale_num", strategy.sale_num)
+					if (this.kuaishouFansNum >= requiredFans && this.saleNum_30 >= strategy.sale_num) {
+						console.log("条件满足")
+						this.condition_flag = 1;
+						return;
+					}
+				}
+				this.condition_flag = 0;
+			},
+			// 下载视频
+			downloadVideo(url) {
+				// 自定义 文件名称
+				let fileName = new Date().valueOf();
+				const task = uni.downloadFile({
+					url: url,
+					filePath: wx.env.USER_DATA_PATH + '/' + fileName + '.mp4', //  拼接本地文件路径
+					success: (res) => {
+						let filePath = res.filePath
+						uni.saveVideoToPhotosAlbum({
+							filePath,
+							success: (res) => {
+								uni.showToast({
+									title: '下载成功',
+									icon: 'success',
+								})
+								let fileMgr = wx.getFileSystemManager();
+								// 删除本地文件
+								fileMgr.unlink({
+									filePath: wx.env.USER_DATA_PATH + '/' +
+										fileName +
+										'.mp4',
+									success: function(r) {
+										console.log(
+											'unlink-getFileSystemManager'
+										)
+										console.log(r)
+									},
+								})
+							},
+							complete(res) {
+								console.log('saveVideoToPhotosAlbum-complete')
+								console.log(res)
+							}
+						})
+					},
+					complete(res) {
+						console.log('downloadFiledownloadFiledownloadFiledownloadFiledownloadFile')
+						console.log(res)
+						uni.hideLoading()
+					}
+				})
+				task.onProgressUpdate(this.onProgress)
+			},
+			// 提示下载进度
+			onProgress(res) {
+				uni.showToast({
+					icon: 'loading',
+					mask: true,
+					title: res.progress + "%"
+				})
+			},
+			toggle1(type) {
+				// if (this.youngLeadTeamId === "") {
+				// 	this.$https.post('/youngee/c/t/p/add-young-team', {
+				// 			selection_id: this.selectionId,
+				// 			project_type: 2,
+				// 		})
+				// 		.then(res => {
+				// 			console.log(res)
+				// 			this.youngLeadTeamId = res.data.data;
+				// 		})
+				// }
+				this.type1 = type
+				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+				this.$refs.popup1.open(type)
+			},
+			cancel() {
+				this.$refs.popup1.close()
+			},
+			// 更新账号
+			Reset() {
+				console.log("Reset func running")
+				uni.navigateTo({
+					url: '/pages/mycenter/myinformation/bindaccount?platform_id=' + this
+						.information
+						.project_platform + '&account_id=' + this.account[0].account_id,
+					success(res) {
+						console.log(res);
+					},
+					fail(err) {
+						console.log(err);
+					}
+				});
+			},
+			beginCanvas() {
+				this.$refs.mosoweCanvasComponents.createCanvas();
+			},
+			_canvasImage(e) {
+				console.log("url（e）-----》", e)
+				// this.canvasUrl = e;
+				this.canvasUrl = this.qrcode
+			},
+			// 保存图片
+			async saveImage() {
+				let {
+					canvasUrl
+				} = this
+				let res = await saveImageToPhotosAlbum(canvasUrl)
+				if (!res.success) return
+				showToast('保存成功')
+				this.$refs.popup2.close()
+			},
+			toggle2(type) {
+				if (this.canvasUrl !== '') {
+					this.type2 = type
+					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+					this.$refs.popup2.open(type)
+					this.$refs.popup1.close()
+				} else {
+					this.beginCanvas()
+					this.type2 = type
+					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+					this.$refs.popup2.open(type)
+					this.$refs.popup1.close()
+				}
+			},
+			deletContract() {
+				try {
+					let file = wx.getFileSystemManager();
+					file.readdir({
+						dirPath: `${wx.env.USER_DATA_PATH}`,
+						success: res => {
+							console.log(res);
+							if (res.files.length > 2) {
+								file.unlink({
+									filePath: `${wx.env.USER_DATA_PATH}/${res.files[0]}`,
+									complete: res => {
+
+									}
+								})
+							}
+						}
+					})
+				} catch (error) {
+
+				}
+			},
+			downloadFile(url, file) {
+				let that = this
+				console.log(url, file)
+				// const fileName = url.split('/').pop()
+				const newPath = `${wx.env.USER_DATA_PATH}/${file}`;
+				that.deletContract();
+				wx.showLoading({
+					title: '正在打开',
+					mask: true
+				})
+				wx.downloadFile({
+					url: url,
+					filePath: newPath,
+					header: {},
+					success: function(res) {
+						var filePath = res.filePath;
+						console.log(filePath);
+						wx.openDocument({
+							filePath: filePath,
+							showMenu: true,
+							success: function(res) {
+								console.log('打开文档成功')
+								wx.hideLoading()
+							},
+							fail: function(res) {
+								console.log(res);
+								wx.hideLoading()
+							},
+							complete: function(res) {
+								console.log(res);
+							}
+						})
+					},
+					fail: function(res) {
+						console.log('文件下载失败');
+						console.log(res)
+					},
+					complete: function(res) {},
+				})
+			},
+		}
+	};
+</script>
+<style>
+	/deep/ .share1 .uni-popup .uni-popup__wrapper {
+		width: 300px !important;
+		/* height: 500px !important; */
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		border-radius: 15rpx !important;
+	}
+
+	/deep/ .share.uni-popup .uni-popup__wrapper {
+		width: 70%;
+		border-radius: 15rpx;
+	}
+</style>
+<style lang="scss" scoped>
+	text {
+		font-size: 24rpx;
+	}
+
+	#coop_box {
+		// display: flex;
+		margin-top: 15rpx;
+	}
+
+	#coop_box .coop_box_btn {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		// width: 700rpx;
+		background-color: #f4f4f4;
+		border-radius: 15rpx;
+		font-size: 30rpx;
+		text-align: center;
+		cursor: pointer;
+		margin: 40rpx 0;
+		padding: auto 10rpx;
+	}
+
+	.borderColor {
+		border: 2px solid #f7d43c !important;
+	}
+
+	.offer_input {
+		width: 120rpx;
+		border: 1px solid #cccccc;
+	}
+
+	.wvp {
+		color: #000;
+		margin: 0 5rpx;
+	}
+
+	.wvp1 {
+		padding: 0 30rpx;
+		border-radius: 10rpx;
+		margin: 0 10rpx;
+		background-color: #f2d22d;
+		border: 10rpx;
+	}
+
+	.my-canvas {
+		position: fixed;
+		top: -99999999999rpx;
+		left: -99999999999rpx;
+		z-index: -99999999999;
+		opacity: 0;
+	}
+
+	.poster {
+		width: 100vw;
+		height: 100vh;
+		display: flex;
+		flex-flow: column nowrap;
+		justify-content: center;
+		overflow: hidden;
+	}
+
+	.butmin {
+		width: 200rpx;
+		height: 65rpx;
+		background-color: #f2d22d;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 2;
+	}
+
+	//视频轮播
+	.full {
+		position: relative;
+
+		.btns {
+			position: absolute;
+			background-color: rgba(255, 255, 255, 0.5);
+			z-index: 1;
+			left: 100rpx;
+			top: 50rpx;
+			right: 100rpx;
+			display: flex;
+			justify-content: space-around;
+			flex-wrap: wrap;
+
+			>view {
+				height: 60rpx;
+				line-height: 60rpx;
+				text-align: center;
+				padding: 0 20rpx;
+			}
+
+			&.full {
+				position: relative;
+				left: 0;
+				right: 0;
+
+				>view {
+					height: 60rpx;
+					line-height: 60rpx;
+					text-align: center;
+					padding: 0 20rpx;
+					background-color: rgba(0, 0, 0, 0.1);
+					margin-bottom: 10rpx;
+				}
+			}
+		}
+	}
+
+	//轮播图
+	page {
+		background-color: #fff;
+	}
+
+	.top-swiper {
+		margin-bottom: 30rpx;
+
+		.bg {
+			padding-top: var(--status-bar-height);
+			box-sizing: content-box;
+			width: 100%;
+			position: relative;
+
+
+
+			.image {
+				box-sizing: content-box;
+				position: absolute;
+				z-index: 1;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+
+				&::after {
+					content: '';
+					position: absolute;
+					width: 100%;
+					height: 100%;
+					z-index: 1;
+					bottom: 0;
+					left: 0;
+					height: 65%;
+					background-image: linear-gradient(to bottom, transparent, #FFF);
+				}
+
+				>image {
+					position: absolute;
+					box-sizing: content-box;
+					padding: 60px;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 80%;
+					top: -60px;
+					left: -60px;
+					filter: blur(50px);
+				}
+			}
+		}
+
+		.box {
+			padding-top: var(--status-bar-height);
+			box-sizing: content-box;
+			// position: absolute;
+			z-index: 5;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: auto;
+		}
+
+		.swiper {
+			height: 450rpx;
+			margin: 0 20rpx;
+
+			.le-img {
+				width: 100%;
+				height: 100%;
+				display: block;
+				transform: scale(0.8);
+				transition: transform 0.3s ease-in-out 0s;
+				border-radius: 4px;
+
+				&.le-active {
+					transform: scale(1);
+				}
+			}
+
+		}
+	}
+
+
+
+	//其他的
+	/deep/ .uni-data-checklist .checklist-group .checklist-box {
+		border-radius: 20rpx !important;
+		padding: 8rpx 30rpx !important;
+		border: 0 !important;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
+		font-size: 24rpx;
+		color: #333333;
+	}
+
+
+	.butto {
+		text-align: center;
+	}
+
+	.option {
+		padding: 20rpx;
+	}
+
+	//轮播图
+
+	.uni-margin-wrap {
+		width: 690rpx;
+		width: 100%;
+	}
+
+	.swiper {
+		height: 750rpx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.swiper-item {
+		display: block;
+		width: 100%;
+		height: 750rpx;
+		line-height: 750rpx;
+		text-align: center;
+	}
+
+	.swiper-list {
+		margin-bottom: 0;
+	}
+
+	.uni-common-mt {
+		margin-top: 60rpx;
+		position: relative;
+	}
+
+	.info {
+		position: absolute;
+		right: 20rpx;
+	}
+
+	.uni-padding-wrap {
+		width: 550rpx;
+		padding: 0 100rpx;
+	}
+
+	.Tasktext {
+		// padding-top: 5% ;
+		padding: 0 0 0 1%;
+		// height: 80rpx;
+		margin-top: 2%;
+	}
+
+	.Tasktext span {
+		color: #333333;
+		font-size: 100%;
+		font-weight: 550;
+		text-indent: 2em;
+
+	}
+
+	.Tasktext image {
+		vertical-align: middle;
+		width: 50rpx;
+		height: 50rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.TitleText {
+		height: 30rpx;
+		background-color: #FDD442;
+		border-radius: 20rpx;
+		display: inline-block;
+		padding: 0rpx 20rpx 0rpx 20rpx;
+		line-height: 30rpx;
+		margin-right: 20rpx;
+		margin-top: 6%;
+	}
+
+	.TitleText p {
+		color: #C49A0A;
+		font-size: 50%;
+
+	}
+
+	.introduction {
+		width: 90%;
+		margin: 0 auto;
+		display: flex;
+		justify-content: space-between;
+		margin-top: 2%;
+	}
+
+	.introduction1 {
+		width: 90%;
+		margin: 0 auto;
+		display: flex;
+		justify-content: space-between;
+		margin-top: 2%;
+	}
+
+	.rleft p {
+		font-size: 24rpx;
+	}
+
+	.rright p {
+		font-size: 24rpx;
+	}
+
+	.rleft1 p {
+		font-size: 30rpx;
+	}
+
+	.rright1 p {
+		font-size: 24rpx;
+		line-height: 45rpx
+	}
+
+	.importentInfo1 {
+		margin: 25rpx 11rpx;
+		background-color: #fbedd9;
+		border-radius: 8px;
+		width: 700rpx;
+		height: 65rpx;
+	}
+
+	.importentInfo2 {
+		margin: 2rpx 11rpx;
+		background-color: #bbd0ff;
+		border-radius: 8px;
+		width: 700rpx;
+		height: 65rpx;
+	}
+
+	.projectinfo {
+		margin: 30rpx 0;
+		display: flex;
+		justify-content: space-around;
+	}
+
+	.projectinfotxt {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.projectinfotxt p {
+		color: #767272;
+		font-size: 32rpx;
+		margin: 5rpx 0;
+	}
+
+	.interval {
+		width: 100%;
+		height: 40rpx;
+		background-color: #E4E4E4;
+		margin-top: 5%;
+	}
+
+	.circularmark {
+		// display: inline-block;
+		width: 250rpx;
+		margin: 10rpx auto;
+		padding: 10rpx;
+		background-color: #f2d22d;
+		border-radius: 10rpx;
+		position: relative;
+		margin-top: 30rpx;
+	}
+
+	.circularmark p {
+		font-size: 85%;
+		text-align: center;
+		font-weight: 800;
+	}
+
+	.circularmark image {
+		width: 60rpx;
+		height: 68rpx;
+		position: absolute;
+		top: -30%;
+		left: -10%;
+	}
+
+	.btnn {
+		background-color: #3296FA;
+		border-radius: 20rpx;
+		font-size: 25rpx;
+		line-height: 34rpx;
+	}
+
+	.markcontent {
+		// width: 100%;
+		// background-color: #E4E4E4;
+		margin: 0 30rpx;
+		border-radius: 20rpx;
+		padding-top: 2%;
+		padding-bottom: 2%;
+	}
+
+	.markcontent p {
+		font-size: 24rpx;
+		margin: 10rpx 0;
+	}
+
+	.markcontent span {
+		font-size: 24rpx;
+		// color: #333333;
+		// margin: 3% ;
+	}
+
+	.getsamcondi {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+	}
+
+	.interval2 {
+		width: 100%;
+		height: 100rpx;
+		background-color: #E4E4E4;
+		margin-top: 5%;
+	}
+
+	.markcontent1 {
+		width: 100%;
+		border-radius: 20rpx;
+		padding-top: 2%;
+		padding-bottom: 2%;
+	}
+
+	.markcontent1 p {
+		font-size: 24rpx;
+		// color: #333333;
+		// margin: 3% ;
+		// text-indent: 2em;
+	}
+
+	.trademark {
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 50%;
+		background-color: #f2d22d;
+		margin: 0 auto;
+	}
+
+	.trademark image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.diagram {
+		width: 100%;
+		// height: 1000rpx;
+	}
+
+	.diagram image {
+		width: 100%;
+		// height: 100% ;
+	}
+
+	.diagram-pdf {
+		padding: 0 20rpx;
+		width: 100%;
+		height: 100rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.diagram-pdf image {
+		width: 60rpx;
+		height: 60rpx;
+	}
+
+	.diagram-pdf p {
+		width: 50%;
+		font-size: 32rpx;
+	}
+
+	.diagram-pdf button {
+		background-color: #FFFFFF;
+		border: 2rpx solid #f2d22d;
+		border-radius: 20rpx;
+		font-size: 32rpx;
+		// letter-spacing: 5rpx;
+		font-weight: 500;
+		position: relative;
+	}
+
+	.but1 {
+		width: 220rpx;
+		background-color: #f2d22d;
+		border-radius: 20rpx;
+		font-size: 32rpx;
+		line-height: 200%;
+		// letter-spacing: 10rpx;
+		font-weight: 500;
+		height: 80%;
+		// padding: 0 50rpx;
+
+		&.on {
+			background-color: #C0C0C0;
+
+		}
+
+	}
+
+	.but5 {
+		background-color: #f2d22d;
+		border-radius: 20rpx;
+		font-size: 32rpx;
+		line-height: 200%;
+		letter-spacing: 10rpx;
+		font-weight: 500;
+		height: 80%;
+		text-align: center;
+		padding: 0 10rpx;
+
+		&.on {
+			background-color: #C0C0C0;
+
+		}
+
+	}
+
+	/** 必须提升样式优先权(!important) **/
+	button[disabled] {
+		// width: 60%;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 200%;
+		// letter-spacing: 10rpx;
+		font-weight: 500;
+		height: 80%;
+		color: white !important;
+		background: #c4c1c1 !important;
+	}
+
+	.but2 {
+		// width: 25%;
+		background-color: #FFFFFF;
+		border: 2rpx solid #f2d22d;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 180%;
+		// letter-spacing: 10rpx;
+		font-weight: 500;
+		position: relative;
+		// text-indent: 0.5em;
+		height: 80%;
+	}
+
+	.but2 image {
+		width: 19%;
+		height: 56%;
+		position: absolute;
+		left: 9%;
+		top: 21%;
+	}
+
+	.signup {
+		box-shadow: 0rpx 5rpx 40rpx #ccc;
+		width: 100%;
+		position: fixed;
+		height: 90rpx;
+		padding: 2% 0;
+		background-color: #ffffff;
+		bottom: 0rpx;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+	}
+
+	.pick {
+		width: 50rpx;
+		height: 50rpx;
+		vertical-align: middle;
+	}
+
+	.nex {
+		width: 100rpx;
+		height: 20rpx;
+		vertical-align: middle;
+	}
+
+	.sampledrawing {
+		display: flex;
+		width: 96%;
+		margin: 0 auto 50rpx;
+	}
+
+	.samplecharacter {
+		flex: 1;
+		margin-top: 2%;
+	}
+
+	.samplecharacter p {
+		padding: 1%;
+	}
+
+
+	/deep/.uni-popup__content {
+		background-color: #4CD964;
+		border-radius: 20rpx !important;
+	}
+
+	/deep/.uni-popup__mask {
+		background: rgba(0, 0, 0, 0.5) !important;
+	}
+
+	.butto {
+		text-align: center;
+	}
+
+	/deep/ .mini-btn1 {
+		height: 75rpx;
+		width: 270rpx;
+		line-height: 70rpx;
+		margin: 10rpx 0;
+		font-size: 30rpx;
+		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
+		border: 1rpx solid #f2d22d !important;
+	}
+
+	/deep/ .mini-btn2 {
+		height: 75rpx;
+		width: 350rpx;
+		line-height: 70rpx;
+		margin: 10rpx 0;
+		font-size: 30rpx;
+		background-color: #f2d22d;
+		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag {
+		background-color: #FFFFFF !important;
+		box-shadow: 0rpx 0rpx 6rpx 0rpx #464100;
+		border-radius: 10rpx !important;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
+		background-color: #f2d22d !important;
+	}
+
+	/deep/.uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked .checklist-text {
+		color: #333333 !important;
+	}
+
+	/deep/.buu .uni-data-checklist .checklist-group {
+		flex-direction: column !important;
+	}
+
+
+	.surplus p {
+		margin-bottom: 17%;
+		margin-top: 8%;
+		font-size: 80%;
+
+	}
+
+	.circular {
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 50%;
+		background-color: #28EA71;
+		margin: 0 auto;
+	}
+
+	.circular image {
+		width: 60%;
+		height: 60%;
+		padding: 20%;
+	}
+
+	.tii {
+		text-align: center;
+		font-size: 26rpx;
+		margin-top: 2%;
+	}
+
+	.tii2 {
+		text-align: center;
+		font-size: 26rpx;
+		margin-top: 2%;
+		background-color: #FFFFFF;
+
+	}
+
+	.errar {
+		background-color: #FFFFFF;
+
+	}
+
+	.sharepage {
+		width: 90%;
+		margin: 0 auto;
+		position: relative;
+	}
+
+	.Tasktext1 {
+		// padding-top: 5% ;
+		padding: 0 0 0 1%;
+		height: 80rpx;
+		margin-top: 7%;
+		text-align: center;
+	}
+
+	.Tasktext1 span {
+		color: #333333;
+		font-size: 100%;
+		font-weight: 550;
+		text-indent: 2em;
+
+	}
+
+	.Tasktext1 image {
+		vertical-align: middle;
+		width: 80rpx;
+		height: 80rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.sharemap {
+		margin: 0 auto;
+		text-align: center;
+		margin-top: 5%;
+	}
+
+	.sharemap image {
+		width: 400rpx;
+		height: 400rpx;
+
+	}
+
+	.Tasktext2 {
+		// padding-top: 5% ;
+		padding: 0 0 0 1%;
+		// height: 80rpx;
+		margin-top: 2%;
+		// text-align: center;
+	}
+
+	.Tasktext2 span {
+		color: #333333;
+		font-size: 88%;
+		font-weight: 600;
+		text-indent: 2em;
+
+	}
+
+	.Tasktext2 image {
+		vertical-align: middle;
+		width: 30rpx;
+		height: 30rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.textti p {
+		font-size: 60%;
+		color: #999999;
+		text-align: center;
+	}
+
+	.immg image {
+		width: 200rpx;
+		height: 200rpx;
+	}
+
+	.immg {
+		line-height: 150%;
+	}
+
+	.immg p {
+		color: #333333;
+		font-size: 90%;
+		font-weight: 600;
+
+	}
+
+	.warr p {
+		font-weight: 500;
+		font-size: 90%;
+
+		&.lor {
+			border-bottom: 2rpx solid #f2d22d;
+
+		}
+	}
+
+	.tip_box {
+		position: fixed;
+		right: 0;
+		z-index: 9999;
+		display: flex;
+		justify-content: flex-end;
+		align-items: flex-end;
+		flex-direction: column;
+		margin-top: -40rpx;
+
+		.arrow {
+			width: 0;
+			height: 0;
+			border: 10rpx solid;
+			border-color: transparent;
+		}
+
+		.container {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 4rpx 10px;
+
+			.tips {
+				flex: 1;
+			}
+		}
+	}
+
+	.popup-content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
 </style>

page_tasksquare/wholetask/information.vue

@@ -1,437 +1,470 @@
-<template>
-	<view>
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-		<view class="basicInfo">
-			<image :src="mainImg" style="width: 150rpx;height: 150rpx;" mode="">
-			</image>
-			<view class="basicInfo_txt">
-				<p style="margin-bottom: 10rpx;font-size: 36rpx;">{{project.project_name}}</p>
-				<p>商品价值：{{project.Product.ProductPrice}}元</p>
-			</view>
-		</view>
-
-		<view class="address">
-			<view>
-				<image class="address_icon" :src="picture.icon_loc" mode="">
-				</image>
-			</view>
-			<view style="width: 70%;">
-				<view style="display: flex;">
-					<p class='ipon' style="padding-right: 100rpx;">{{address.receiver_name}}</p>
-					<p class='ipon'>{{address.phone_number}}</p>
-				</view>
-				<p class='ipon'>{{address.full_detail_addr}}</p>
-			</view>
-			<view class="address_edit" @click="editAddress()">
-				<image :src="picture.icon_edit" mode="">
-				</image>
-			</view>
-		</view>
-
-		<view class="keyInfo">
-			<!-- <p style="margin-bottom: 30rpx;font-size: 36rpx;">关键任务信息</p> -->
-			<p style="margin-top: 10rpx;">合作佣金</p>
-			<view style="padding-top: 10rpx;">
-				<p>粉丝量：{{strategy.show_followers_low}}-{{strategy.show_followers_up}}
-				</p>
-			</view>
-			<view style="display: flex;">
-				<p>
-					稿费：{{strategy.fee_form_t}}
-				</p>
-				<view v-if="strategy.fee_form==3">
-					<p>{{strategy.showOffer}}元</p>
-				</view>
-			</view>
-			<!-- <view style="border-bottom: #dfdfdf 1px solid;margin: 10rpx 0 0;"></view>
-			<p style="margin-top: 10rpx;">社媒平台</p>
-			<view style="display: flex;padding-top: 10rpx;">
-				<p>{{project.PlatformInfo.platform_name}}</p>
-			</view>
-			<view style="border-bottom: #dfdfdf 1px solid;margin: 10rpx 0 0;"></view>
-			<p style="margin-top: 10rpx;">任务要求</p>
-			<view class="keyInfo_task">
-				<view style="display: flex;align-items: center;margin: 5rpx 0;">
-					<p>内容形式：</p>
-					<p class="keyInfo_task_txt">{{project.content}}</p>
-				</view>
-				<view style="display: flex;align-items: center;margin: 5rpx 0;">
-					<p>任务形式：</p>
-					<p class="keyInfo_task_txt">{{project.project_form}}</p>
-				</view>
-				<p style="margin: 5rpx 0;">商品描述：</p>
-				<text class="keyInfo_task_txt">{{project.Product.ProductDetail}}</text>
-				<p style="margin: 35rpx 0 0rpx;">任务详情：</p>
-				<text class="keyInfo_task_txt">{{project.project_detail}}</text>
-			</view> -->
-		</view>
-
-		<view class="account" @click="editAccount()">
-			<view class="account_txt">
-				<image :src="project.PlatformInfo.platform_icon" mode=""></image>
-				<span>{{account.platform_nickname}}</span>
-			</view>
-			<view class="account_fans">
-				<p style="padding-right: 20rpx;color:#A8A8A8;">粉丝数</p>
-				<p>{{account.show_fans_count}}</p>
-			</view>
-			<view class="account_btn">
-				<image :src="picture.togoimg" mode="" style="width: 16rpx;height: 30rpx;"></image>
-			</view>
-		</view>
-
-		<view class="block"></view>
-		<view class="submit">
-			<button type="default" class="submit_btn" @click="submit()"> 确认报名</button>
-		</view>
-	</view>
-</template>
-
-<script>
-	import region from '@/components/pca-code.json';
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import {
-		fansview
-	} from '@/components/utils.js';
-	export default {
-		components: {
-			mvBar
-		},
-		data() {
-			return {
-				navH: getApp().globalData.navHeight,
-				picture: getApp().globalData.picture,
-				mainImg: "https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/bb531ede-28b5-49a0-8431-a1608fd35890.png",
-				account_id: -1,
-				address_id: -1,
-				address: null,
-				project: null,
-				account: null,
-				strategy: null,
-				thirdPlatform: [],
-				mysNavConfig: {
-					isHome: false,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "信息确认",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: '',
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
-						// 右图标
-						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-			}
-		},
-		onShow() {
-			// 根据address_id查询address
-			this.getDefaultAddress();
-			// 查询account	
-			this.getAccount();
-		},
-		onLoad(options) {
-			this.textObj = options.textObj.replace(/""/g, "");
-			this.textObj = JSON.parse(decodeURIComponent(this.textObj))
-			console.log(this.textObj)
-			this.project = this.textObj.information
-			this.strategy = this.textObj.strategy
-			// console.log(this.project)
-
-			for (let i = 0; i < this.project.Product.ProductPhoto.length; ++i) {
-				if (this.project.Product.ProductPhoto[i].Symbol === 1) {
-					this.mainImg = this.project.Product.ProductPhoto[i].PhotoUrl
-				}
-			}
-			this.strategy.show_followers_low = fansview(this.strategy.followers_low)
-			this.strategy.show_followers_up = fansview(this.strategy.followers_up)
-		},
-		methods: {
-			getAccount() {
-				this.$https.get('/youngee/c/t/g/get-talent-account')
-					.then(res => {
-						console.log(res)
-						if (res.data.code !== -3) {
-							let account = res.data.data
-							while (this.project == null) {}
-							for (var i = 0; i < account.length; i++) {
-								if (this.project.project_platform == account[i].platform_id) {
-									this.account = account[i]
-								}
-							}
-							this.account.show_fans_count = fansview(this.account.fans_count)
-						}
-					})
-			},
-			getDefaultAddress() {
-				this.$https.get('/youngee/c/t/g/get-talent-default-address').then(res => {
-					console.log(res.data.data)
-					this.address = res.data.data;
-					let a = this.address.region_code.toString().slice(0, 2)
-					let b = this.address.region_code.toString().slice(0, 4)
-					let c = 0
-					for (var i = 0; i < region.length; i++) {
-						if (region[i].code == a) {
-							a = region[i].name
-							for (var j = 0; j < region[i].children.length; j++) {
-								if (region[i].children[j].code == b) {
-									b = region[i].children[j].name
-									for (var o = 0; o < region[i].children[j].children.length; o++) {
-										if (region[i].children[j].children[o].code == this.address
-											.region_code) {
-											c = region[i].children[j].children[o].name
-										}
-									}
-								}
-
-							}
-						}
-					}
-					this.address.full_detail_addr = a + b + c + this.address.detail_addr
-				})
-			},
-			editAddress() {
-				uni.navigateTo({
-					url: '/page_mycenter/myinformation/addlocation?address_id=' + this.address.address_id +
-						'&ismodify=1'
-				});
-			},
-			editAccount() {
-				uni.navigateTo({
-					url: '/page_mycenter/myinformation/bindaccount?platform_id=' + this.account.platform_id +
-						'&account_id=' +
-						this.account.account_id
-				});
-			},
-			debugSubmit() {
-				uni.navigateTo({
-					url: '/page_tasksquare/wholetask/success'
-				});
-			},
-			// 提交确认报名
-			submit() {
-				console.log(this.project)
-				// 1. 判断任务是否截止				
-				this.$https.get('/youngee/c/t/g/get-project-detail' +
-					"?" +
-					"projectid" +
-					"=" +
-					this.project.project_id
-				).then(res => {
-					console.log(res)
-					// 当前时间
-					var newdate = new Date()
-					// 截止时间
-					var endTime = new Date(res.data.data.recruit_ddl.replace(/-/g, "/"));
-					console.log(endTime)
-					if (endTime - newdate < 0) {
-						// 招募截止
-						uni.showToast({
-							title: "任务已结束",
-							duration: 1000,
-						});
-						uni.navigateTo({
-							url: '/pages/tasksquare/tasksquare'
-						});
-					}
-				})
-				// 2. 判断粉丝量是否符合条件
-				if (this.account.fans_count < this.strategy.followers_low) {
-					// 招募截止
-					uni.showToast({
-						title: "粉丝量不达标",
-						duration: 1000,
-					});
-				} else {
-					// 3. 插入一条任务
-					this.$https.post('/youngee/c/t/p/sign-up-task', {
-						address_id: this.address.address_id,
-						project_id: this.project.project_id,
-						strategy_id: this.strategy.strategy_id,
-						offer: this.strategy.offer,
-					}).then(res => {
-						if (res.data.code == 0) {
-							var data = {
-								task_id: res.data.data
-							};
-							data = JSON.stringify(data)
-							uni.navigateTo({
-								url: '/page_tasksquare/wholetask/success?textObj=' + encodeURIComponent(data)
-							});
-						} else {
-							uni.showModal({
-								content: '网络繁忙，请小主稍后再试~',
-							});
-						}
-					})
-				}
-			},
-			// 信息表
-			getInfoList() {
-				this.$http.get('/youngee/c/g/get-info-tables')
-					.then(res => {
-						this.hobby = []
-						console.log(res)
-						this.thirdPlatform = res.data.data.ThirdPlatform
-
-						for (var i = 0; i < this.listsrc.length; i++) {
-							var obj = {}
-							obj.text = this.listsrc[i].platform_name
-							obj.value = this.listsrc[i].id
-							this.hobby.push(obj)
-						}
-					})
-			},
-
-
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	text {
-		font-size: 32rpx;
-	}
-	p{
-		font-size: 32rpx;
-	}
-
-	.basicInfo {
-		display: flex;
-		margin: 0 40rpx;
-		padding: 30rpx 0;
-
-		.basicInfo_txt {
-			margin-left: 40rpx;
-			padding-top: 20rpx;
-		}
-	}
-
-	.address {
-		display: flex;
-		margin: 30rpx 40rpx 0;
-		padding: 30rpx 0;
-		justify-content: space-around;
-
-		.address_icon {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 30rpx;
-		}
-
-		.address_edit {}
-
-		.address_edit image {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 14rpx;
-		}
-
-		.ipon {
-			color: #333333;
-			font-size: 32rpx;
-			margin-bottom: 10rpx;
-		}
-	}
-
-	.keyInfo {
-		margin: 30rpx 40rpx;
-
-		.keyInfo_task {
-			color: #000;
-
-			.keyInfo_task_txt {
-				border-radius: 10rpx;
-			}
-		}
-	}
-
-	.keyInfo h3 {}
-
-	.account {
-		display: flex;
-		align-items: center;
-		width: 690rpx;
-		padding: 24rpx 0;
-		margin: 0 auto;
-
-		.account_txt {
-			display: inline-block;
-			padding: 0 0 0 1%;
-			width: 400rpx;
-		}
-
-		.account_txt span {
-			color: #333333;
-			font-weight: 550;
-			text-indent: 2em;
-			font-size: 32rpx;
-		}
-
-
-		.account_txt image {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 14rpx;
-		}
-
-		.account_fans {
-			display: flex;
-			width: 250rpx;
-		}
-
-		.account_fans p {
-			display: inline-block;
-			color: #333333;
-			font-weight: 550;
-		}
-
-		.account_btn {}
-	}
-
-	.block {
-		width: 100%;
-		height: 100rpx;
-		margin-top: 5%;
-	}
-
-	.submit {
-		box-shadow: 0rpx 5rpx 40rpx #ccc;
-		width: 100%;
-		position: fixed;
-		bottom: 0rpx;
-		display: flex;
-		height: 90rpx;
-		padding-top: 2%;
-		background-color: #FFFFFF;
-
-		.submit_btn {
-			width: 60%;
-			background-color: #FCCF41;
-			border-radius: 20rpx;
-			font-size: 36rpx;
-			line-height: 200%;
-			letter-spacing: 10rpx;
-			height: 80%;
-		}
-
-	}
-</style>
+<template>
+	<view>
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+		<view class="basicInfo">
+			<image :src="mainImg" style="width: 150rpx;height: 150rpx;" mode="">
+			</image>
+			<view class="basicInfo_txt">
+				<p style="margin-bottom: 10rpx;font-size: 36rpx;">{{project.project_name}}</p>
+				<p>商品价值：{{project.Product.ProductPrice}}元</p>
+			</view>
+		</view>
+
+		<view class="address">
+			<view>
+				<image class="address_icon" :src="picture.icon_loc" mode="">
+				</image>
+			</view>
+			<view style="width: 70%;">
+				<view style="display: flex;">
+					<p class='ipon' style="padding-right: 100rpx;">{{address.receiver_name}}</p>
+					<p class='ipon'>{{address.phone_number}}</p>
+				</view>
+				<p class='ipon'>{{address.full_detail_addr}}</p>
+			</view>
+			<view class="address_edit" @click="editAddress()">
+				<image :src="picture.icon_edit" mode="">
+				</image>
+			</view>
+		</view>
+
+		<view class="keyInfo">
+			<!-- <p style="margin-bottom: 30rpx;font-size: 36rpx;">关键任务信息</p> -->
+			<p style="margin-top: 10rpx;">合作佣金</p>
+			<view style="padding-top: 10rpx;">
+				<p>粉丝量：{{strategy.show_followers_low}}-{{strategy.show_followers_up}}
+				</p>
+			</view>
+			<view style="display: flex;">
+				<p>
+					稿费：{{strategy.fee_form_t}}
+				</p>
+				<view v-if="strategy.fee_form==3">
+					<p>{{strategy.showOffer}}元</p>
+				</view>
+			</view>
+			<!-- <view style="border-bottom: #dfdfdf 1px solid;margin: 10rpx 0 0;"></view>
+			<p style="margin-top: 10rpx;">社媒平台</p>
+			<view style="display: flex;padding-top: 10rpx;">
+				<p>{{project.PlatformInfo.platform_name}}</p>
+			</view>
+			<view style="border-bottom: #dfdfdf 1px solid;margin: 10rpx 0 0;"></view>
+			<p style="margin-top: 10rpx;">任务要求</p>
+			<view class="keyInfo_task">
+				<view style="display: flex;align-items: center;margin: 5rpx 0;">
+					<p>内容形式：</p>
+					<p class="keyInfo_task_txt">{{project.content}}</p>
+				</view>
+				<view style="display: flex;align-items: center;margin: 5rpx 0;">
+					<p>任务形式：</p>
+					<p class="keyInfo_task_txt">{{project.project_form}}</p>
+				</view>
+				<p style="margin: 5rpx 0;">商品描述：</p>
+				<text class="keyInfo_task_txt">{{project.Product.ProductDetail}}</text>
+				<p style="margin: 35rpx 0 0rpx;">任务详情：</p>
+				<text class="keyInfo_task_txt">{{project.project_detail}}</text>
+			</view> -->
+		</view>
+
+		<view class="account" @click="editAccount()">
+			<view class="account_txt">
+				<image :src="project.PlatformInfo.platform_icon" mode=""></image>
+				<span>{{account.nick_name}}</span>
+			</view>
+			<view class="account_fans">
+				<p style="padding-right: 20rpx;color:#A8A8A8;">粉丝数</p>
+				<p>{{account.show_fans_count}}</p>
+			</view>
+			<view class="account_btn">
+				<image :src="picture.togoimg" mode="" style="width: 16rpx;height: 30rpx;"></image>
+			</view>
+		</view>
+
+		<view class="block"></view>
+		<view class="submit">
+			<button type="default" class="submit_btn" @click="Desubmit()"> 确认报名</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import region from '@/components/pca-code.json';
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import {
+		fansview
+	} from '@/components/utils.js';
+	export default {
+		components: {
+			mvBar
+		},
+		data() {
+			return {
+				navH: getApp().globalData.navHeight,
+				picture: getApp().globalData.picture,
+				mainImg: "https://horastar.obs.cn-east-3.myhuaweicloud.com/backstage_upload/bb531ede-28b5-49a0-8431-a1608fd35890.png",
+				account_id: -1,
+				address_id: -1,
+				address: null,
+				project: null,
+				account: null,
+				strategy: null,
+				thirdPlatform: [],
+				mysNavConfig: {
+					isHome: false,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "信息确认",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: '',
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
+						// 右图标
+						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+			}
+		},
+		onShow() {
+			// 根据address_id查询address
+			this.getDefaultAddress();
+			// 查询account	
+			this.getAccount();
+		},
+		onLoad(options) {
+			this.textObj = options.textObj.replace(/""/g, "");
+			this.textObj = JSON.parse(decodeURIComponent(this.textObj))
+			console.log(this.textObj)
+			this.project = this.textObj.information
+			this.strategy = this.textObj.strategy
+			// console.log(this.project)
+
+			for (let i = 0; i < this.project.Product.ProductPhoto.length; ++i) {
+				if (this.project.Product.ProductPhoto[i].Symbol === 1) {
+					this.mainImg = this.project.Product.ProductPhoto[i].PhotoUrl
+				}
+			}
+			this.strategy.show_followers_low = fansview(this.strategy.followers_low)
+			this.strategy.show_followers_up = fansview(this.strategy.followers_up)
+		},
+		methods: {
+			getAccount() {
+				this.$https.get('/youngee/c/t/g/get-talent-account-kuaishou')
+					.then(res => {
+						console.log("快手账号信息---", res)
+						if (res.data.code !== -3) {
+							let account = res.data.data
+							while (this.project == null) {}
+							for (var i = 0; i < account.length; i++) {
+								if (this.project.project_platform == account[i].platform_id) {
+									this.account = account[i]
+								}
+								break
+							}
+							console.log("唯一账号信息---", this.account)
+							this.account.show_fans_count = fansview(this.account.fan)
+						}
+					})
+			},
+			getDefaultAddress() {
+				this.$https.get('/youngee/c/t/g/get-talent-default-address').then(res => {
+					console.log(res.data.data)
+					this.address = res.data.data;
+					let a = this.address.region_code.toString().slice(0, 2)
+					let b = this.address.region_code.toString().slice(0, 4)
+					let c = 0
+					for (var i = 0; i < region.length; i++) {
+						if (region[i].code == a) {
+							a = region[i].name
+							for (var j = 0; j < region[i].children.length; j++) {
+								if (region[i].children[j].code == b) {
+									b = region[i].children[j].name
+									for (var o = 0; o < region[i].children[j].children.length; o++) {
+										if (region[i].children[j].children[o].code == this.address
+											.region_code) {
+											c = region[i].children[j].children[o].name
+										}
+									}
+								}
+
+							}
+						}
+					}
+					this.address.full_detail_addr = a + b + c + this.address.detail_addr
+				})
+			},
+			editAddress() {
+				uni.navigateTo({
+					url: '/page_mycenter/myinformation/addlocation?address_id=' + this.address.address_id +
+						'&ismodify=1'
+				});
+			},
+			editAccount() {
+				uni.navigateTo({
+					url: '/page_mycenter/myinformation/bindaccount?platform_id=' + this.account.platform_id +
+						'&account_id=' +
+						this.account.account_id
+				});
+			},
+			debugSubmit() {
+				uni.navigateTo({
+					url: '/page_tasksquare/wholetask/success'
+				});
+			},
+			//报名测试
+			Desubmit() {
+				// 3. 插入一条任务
+				this.$https.post('/youngee/c/t/p/sign-up-task-with-ks-account', {
+					address_id: 255,
+					project_id: "2402864436",
+					open_id: "f1b0d3a11c24fcde14bf5724d0d1cdfc",
+					strategy_id: 3,
+					offer: 300, //最终达人选中的稿费金额
+				}).then(res => {
+					console.log("报名结果---》", res)
+					if (res.data.code == 0) {
+						var data = {
+							task_id: res.data.data
+						};
+						data = JSON.stringify(data)
+						uni.navigateTo({
+							url: '/page_tasksquare/wholetask/success?textObj=' + encodeURIComponent(
+								data)
+						});
+					} else {
+						uni.showModal({
+							content: '网络繁忙，请小主稍后再试~',
+						});
+					}
+				})
+			},
+			// 提交确认报名
+			submit() {
+				console.log(this.project)
+				// 1. 判断任务是否截止				
+				this.$https.get('/youngee/c/t/g/get-project-detail' +
+					"?" +
+					"project_id" +
+					"=" +
+					this.project.project_id
+				).then(res => {
+					console.log("获取种草详情接口----",
+						res)
+					// 当前时间
+					var newdate = new Date()
+					// 截止时间
+					var endTime = new Date(res.data.data.recruit_ddl.replace(/-/g, "/"));
+					console.log(endTime)
+					if (endTime - newdate < 0) {
+						// 招募截止
+						uni.showToast({
+							title: "任务已结束",
+							duration: 1000,
+						});
+						uni.navigateTo({
+							url: '/pages/tasksquare/tasksquare'
+						});
+					}
+				})
+				// 2. 判断粉丝量是否符合条件
+				if (this.account.fan < this.strategy.followers_low) {
+					// 招募截止
+					uni.showToast({
+						title: "粉丝量不达标",
+						duration: 1000,
+					});
+				} else {
+					// 3. 插入一条任务
+					this.$https.post('/youngee/c/t/p/sign-up-task', {
+						address_id: this.address.address_id,
+						project_id: this.project.project_id,
+						strategy_id: this.strategy.strategy_id,
+						offer: this.strategy.offer, //最终达人选中的稿费金额
+					}).then(res => {
+						console.log("报名结果---》", res)
+						if (res.data.code == 0) {
+							var data = {
+								task_id: res.data.data
+							};
+							data = JSON.stringify(data)
+							uni.navigateTo({
+								url: '/page_tasksquare/wholetask/success?textObj=' + encodeURIComponent(
+									data)
+							});
+						} else {
+							uni.showModal({
+								content: '网络繁忙，请小主稍后再试~',
+							});
+						}
+					})
+				}
+			},
+			// 信息表
+			getInfoList() {
+				this.$http.get('/youngee/c/g/get-info-tables')
+					.then(res => {
+						this.hobby = []
+						console.log(res)
+						this.thirdPlatform = res.data.data.ThirdPlatform
+
+						for (var i = 0; i < this.listsrc.length; i++) {
+							var obj = {}
+							obj.text = this.listsrc[i].platform_name
+							obj.value = this.listsrc[i].id
+							this.hobby.push(obj)
+						}
+					})
+			},
+
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	text {
+		font-size: 32rpx;
+	}
+
+	p {
+		font-size: 32rpx;
+	}
+
+	.basicInfo {
+		display: flex;
+		margin: 0 40rpx;
+		padding: 30rpx 0;
+
+		.basicInfo_txt {
+			margin-left: 40rpx;
+			padding-top: 20rpx;
+		}
+	}
+
+	.address {
+		display: flex;
+		margin: 30rpx 40rpx 0;
+		padding: 30rpx 0;
+		justify-content: space-around;
+
+		.address_icon {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 30rpx;
+		}
+
+		.address_edit {}
+
+		.address_edit image {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 14rpx;
+		}
+
+		.ipon {
+			color: #333333;
+			font-size: 32rpx;
+			margin-bottom: 10rpx;
+		}
+	}
+
+	.keyInfo {
+		margin: 30rpx 40rpx;
+
+		.keyInfo_task {
+			color: #000;
+
+			.keyInfo_task_txt {
+				border-radius: 10rpx;
+			}
+		}
+	}
+
+	.keyInfo h3 {}
+
+	.account {
+		display: flex;
+		align-items: center;
+		width: 690rpx;
+		padding: 24rpx 0;
+		margin: 0 auto;
+
+		.account_txt {
+			display: inline-block;
+			padding: 0 0 0 1%;
+			width: 400rpx;
+		}
+
+		.account_txt span {
+			color: #333333;
+			font-weight: 550;
+			text-indent: 2em;
+			font-size: 32rpx;
+		}
+
+
+		.account_txt image {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 14rpx;
+		}
+
+		.account_fans {
+			display: flex;
+			width: 250rpx;
+		}
+
+		.account_fans p {
+			display: inline-block;
+			color: #333333;
+			font-weight: 550;
+		}
+
+		.account_btn {}
+	}
+
+	.block {
+		width: 100%;
+		height: 100rpx;
+		margin-top: 5%;
+	}
+
+	.submit {
+		box-shadow: 0rpx 5rpx 40rpx #ccc;
+		width: 100%;
+		position: fixed;
+		bottom: 0rpx;
+		display: flex;
+		height: 90rpx;
+		padding-top: 2%;
+		background-color: #FFFFFF;
+
+		.submit_btn {
+			width: 60%;
+			background-color: #FCCF41;
+			border-radius: 20rpx;
+			font-size: 36rpx;
+			line-height: 200%;
+			letter-spacing: 10rpx;
+			height: 80%;
+		}
+
+	}
+</style>

page_tasksquare/wholetask/taskdetail.vue

@@ -1,2054 +1,2059 @@
-<template>
-	<view style="position: relative;">
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-		<view class="" id="wrap0" v-show="!loading">
-			<view class="home">
-				<view class="uni-margin-wrap">
-					<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000"
-						:duration="1000">
-						<swiper-item v-for="item in information.Product.ProductPhoto">
-							<image :src="item.PhotoUrl" mode="aspectFill" style="width: 100%;height: 100%;"
-								@click="handlePreviewImage1(item.PhotoUrl)" v-if="item.Symbol !== 3">
-							</image>
-							<video :src="item.PhotoUrl" style="width: 100%;height: 100%;" v-if="item.Symbol === 3">
-							</video>
-						</swiper-item>
-					</swiper>
-
-					<view class="">
-						<view class="Tasktext">
-							<image :src="information.PlatformInfo.platform_icon" mode=""></image>
-							<span>{{information.project_name}}</span>
-						</view>
-						<view class="introduction">
-							<view class="rleft">
-								<p>商品价值:{{information.Product.ProductPrice}}元</p>
-							</view>
-							<view class="rright">
-								<p>申请截止时间：{{information.recruit_ddl}}</p>
-							</view>
-						</view>
-						<view class="tasks">
-							<view class="tasksleft">
-								<p><span style="color: #FDD442;font-size: 50rpx ;">{{information.taskNum}}</span>
-								</p>
-								<p style="font-weight: 600;">任务数量</p>
-							</view>
-							<view class="title-left"></view>
-							<view class="tasksright">
-								<p><span style="color: #FDD442;font-size: 50rpx ;">{{information.apply_num}}</span>
-								</p>
-								<p style="font-weight: 600;">报名人数</p>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			<!-- <view class="interval"></view> -->
-			<view class="home" style="padding-top: 0;">
-				<view class="">
-					<view class="circularmark">
-						<p>任务奖励</p>
-					</view>
-					<view class="markcontent">
-						<p>商品价值：{{information.Product.ProductPrice}}元</p>
-						<p v-if="information.Product.ProductUrl === ''">商品链接：无</p>
-						<p v-else>商品链接：{{information.Product.ProductUrl|ellipsis}}
-							<image :src="picture.icon_copy" mode="" class="copy-img"
-								@click="handleCopy(information.Product.ProductUrl)" />
-						<p>合作佣金：<span style="color: red;">{{coopStrategy}}</span></p>
-					</view>
-				</view>
-			</view>
-			<view class="">
-				<view class="circularmark">
-					<p>账号要求</p>
-				</view>
-				<view class="markcontent">
-					<view style="display: flex;margin: 10rpx 0;">
-						<p class="label">社媒平台：</p>
-						<p class="wvp">{{information.PlatformInfo.platform_name}}</p>
-					</view>
-					<view style="display: flex;margin: 10rpx 0;">
-						<p class="label">任务形式：</p>
-						<p class="wvp">{{information.project_form}}</p>
-					</view>
-					<view style="display: flex;margin: 10rpx 0;">
-						<p class="label">创作者类型: </p>
-						<p class="wvp1" v-for="(item,index) in information.talent_type">{{item}}</p>
-					</view>
-				</view>
-			</view>
-			<view class="home" style="padding-top: 0;">
-				<view class="">
-					<view class="circularmark">
-						<p>任务要求</p>
-					</view>
-					<view class="markcontent">
-						<view style="display: flex;margin: 10rpx 0;">
-							<p class="wvp" style="margin: 10rpx 0;">内容形式：</p>
-							<p class="wvp" style="margin: 10rpx 0;">{{information.content}}</p>
-						</view>
-						<p class="wvp" style="margin: 10rpx 0;">商品描述：</p>
-						<text class="wvp" style="margin: 10rpx 0;" decode="true" user-select="true">
-							{{information.Product.ProductDetail}} </text>
-						</p>
-						<p class="wvp" style="margin: 10rpx 0;">任务详情：</p>
-						<text class="wvp" style="margin: 10rpx 0;" decode="true" user-select="true">
-							{{information.project_detail}} </text>
-					</view>
-				</view>
-			</view>
-			<view class="home" style="padding-top: 0;">
-				<view class="">
-					<view class="circularmark">
-						<p>BRIEF</p>
-					</view>
-					<view class="markcontent1">
-						<view v-if="hasNoProjectPhoto">
-							<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
-								<p>暂无详情说明</p>
-							</view>
-						</view>
-						<view v-else>
-							<view v-if="briefType == 'pdf'">
-								<view class="diagram-pdf" v-for="item in information.ProjectPhoto">
-									<image :src="picture.icon_pdf"></image>
-									<p>{{item.file_name}}</p>
-									<button type="default"
-										@tap="downloadFile(item.photo_url, item.file_name)">点击下载</button>
-								</view>
-							</view>
-							<view v-else-if="briefType == 'doc' || briefType == 'docx'">
-								<view class="diagram-pdf" v-for="item in information.ProjectPhoto">
-									<image :src="picture.icon_word"></image>
-									<p>{{item.file_name}}</p>
-									<button type="default"
-										@tap="downloadFile(item.photo_url, item.file_name)">点击下载</button>
-								</view>
-							</view>
-							<view class="diagram" v-for="item in information.ProjectPhoto" v-else>
-								<image :src="item.photo_url" mode="widthFix"></image>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-
-
-			<view class="home" style="padding-top: 0;">
-				<view class="">
-					<view class="circularmark">
-						<p>商品详情图</p>
-					</view>
-					<view class="markcontent1">
-						<view v-if="hasNoProductPhoto">
-							<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
-								<p>无</p>
-							</view>
-						</view>
-						<view class="diagram" v-for="item in carouselImages" v-else>
-							<image :src="item.PhotoUrl" mode="widthFix"></image>
-						</view>
-					</view>
-				</view>
-			</view>
-			<view class="interval2"></view>
-		</view>
-
-		<view class="signup" v-if="!loading">
-			<view style="display: flex;justify-content: space-between;align-items: center;">
-				<view
-					style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx;"
-					@click="toggle1('bottom')">
-					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_share2"></image>
-					<p style="font-size: 28rpx;">分享</p>
-				</view>
-				<view
-					style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx;"
-					@click="handleCopy(information.Product.ProductUrl)">
-					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
-					<p style="font-size: 28rpx;">带货链接</p>
-				</view>
-				<!-- 收藏 -->
-				<view
-					style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx;"
-					@click="handleCollection(information.project_id)">
-					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
-					<p style="font-size: 28rpx;">收藏</p>
-				</view>
-			</view>
-			<view>
-				<button type="default" class="but1" :loading="loading" :class="{'on':item.title === '1',}"
-					@click="toggle('bottom')" v-if="isSign===0 && ddl === 0">
-					立即报名</button>
-				<button type="default" class="but1" disabled v-if="isSign===1 && ddl === 0"> 已报名 </button>
-				<button type="default" class="but1" disabled v-if="ddl===1"> 报名结束 </button>
-			</view>
-			<!-- 		<button type="default" class="but2" @click="toggle1('bottom')">
-			<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/task8.png" mode=""></image>
-			分享
-		</button> -->
-		</view>
-		<view>
-			<!-- 底部普通弹窗 -->
-			<uni-popup ref="popup" background-color="#fff" @change="change" style="border-radius: 20rpx;">
-				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-					<view class="">
-						<view class="sampledrawing">
-							<image :src="img" style="width: 250rpx;height: 235rpx;margin-top: -9%;margin-left: -3%;"
-								mode="">
-							</image>
-							<view class="samplecharacter">
-								<p>{{information.project_name}}</p>
-							</view>
-						</view>
-						<!-- 商品价值及任务形式 -->
-						<view
-							style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 50rpx;">
-							<view style="font-size: 32rpx;">
-								<p>商品价值：{{information.Product.ProductPrice}}元</p>
-							</view>
-							<view style="margin-right: 20rpx;font-size: 32rpx;">
-								<p>任务形式：{{information.project_form}}</p>
-							</view>
-						</view>
-						<view class="">
-							<!-- <h3>产品规格</h3> -->
-							<view class="">
-								<uni-data-checkbox mode="tag" v-model="value" :localdata="sex">
-								</uni-data-checkbox>
-							</view>
-						</view>
-						<view class="" style=";margin-bottom: 50rpx; ">
-							<p style="font-size: 32rpx;">合作选择（平台账号不达标不能选择）</p>
-							<view class="tip_box" style="margin-top: 0;" v-if="showWarning">
-								<view class="container"
-									style="margin-right: 300rpx;background-color: #f24632;border-radius: 10rpx">
-									<view class="tips">
-										<p style="font-size: 24rpx;color: #fff">请选择合作方式</p>
-									</view>
-								</view>
-							</view>
-							<view id="coop_box" v-if="hackReset">
-								<view v-for="item in coop_choice" :key="item.strategy_id">
-									<view class="coop_box_btn" :class="strategy_id===item.strategy_id?'borderColor':''"
-										@click="handleCoopClick(item)">
-										<p>粉丝量：{{item.show_followers_low}}-{{item.show_followers_up}}</p>
-										<view style="display: flex;align-items: center;justify-content: center;">
-											<p>稿费：{{item.fee_form_t}}</p>
-											<view v-if="item.fee_form===3">
-												<input class="offer_input" type="number" placeholder="请输入"
-													v-model="item.offer" />
-											</view>
-											<view v-if="item.fee_form===3">
-												<p>元</p>
-											</view>
-										</view>
-									</view>
-
-									<view class="tip_box" v-if="item.showWarning">
-										<view class="container"
-											style="margin-right: 200rpx;background-color: #f24632;border-radius: 10rpx">
-											<view class="tips">
-												<p style="font-size: 24rpx;color: #fff">
-													{{item.warningText}}
-												</p>
-											</view>
-										</view>
-									</view>
-								</view>
-							</view>
-						</view>
-						<view class="butto">
-							<button class="mini-btn1" size="mini" @tap="Reset"
-								style="background-color: #FFFFFF;margin-right: 50rpx;">更新账号信息</button>
-							<button class="mini-btn2" size="mini" @tap="determine"
-								style="background-color: #f2d22d;">立即报名</button>
-						</view>
-					</view>
-				</view>
-			</uni-popup>
-		</view>
-		<view>
-			<!-- 底部普通弹窗 -->
-			<uni-popup ref="popup1" background-color="#fff" @change="change" style="border-radius: 20rpx;">
-				<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-					<view style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 3% ;">
-						<view>
-							<button class="tii2" data-name="shareBtn" open-type="share">
-								<view class="circular" style="margin-top: 10% ;">
-									<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taskw.png"
-										mode="">
-									</image>
-								</view>
-								<p class="tii">发送给朋友</p>
-							</button>
-						</view>
-						<view>
-							<button class="tii2" @click="toggle2('center')">
-								<view class="circular" style="margin-top: 10% ;">
-									<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taske.png"
-										mode="">
-									</image>
-								</view>
-								<p class="tii">生成分享码</p>
-							</button>
-						</view>
-					</view>
-
-					<button type="default" class="errar" @click="cancel()">取消</button>
-				</view>
-			</uni-popup>
-		</view>
-
-		<uni-popup ref="popup2" class="share1" background-color="#fff" @change="change">
-			<view class="popup-content">
-				<image :src="canvasUrl" mode="widthFix" style="width: 300px;height: 420px;margin-top: 30rpx;">
-				</image>
-				<mosoweCanvas ref="mosoweCanvasComponents" @canvasImage="_canvasImage" :lists="lists" height="420"
-					width="300" imgType="png" />
-
-				<view class="" style="text-align: center;margin: 5% 0;">
-					<button class="butmin" size="mini" @tap="saveImage">保存</button>
-				</view>
-			</view>
-		</uni-popup>
-	</view>
-	</view>
-</template>
-
-<script>
-	import mosoweCanvas from "@/components/mosowe-canvas-image/mosowe-canvas-image";
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import zSwiper from '@/components/z-swiper/index.vue'; // npm安装
-	import {
-		fansview,
-		money
-	} from '@/components/utils.js';
-	import {
-		saveImageToPhotosAlbum,
-		showToast,
-		// downloadFile
-	} from '@/uni_modules/sakura-canvas/js_sdk/util'
-	export default {
-		filters: {
-			ellipsis(value) {
-				if (!value) return "";
-				if (value.length > 30) {
-					return value.slice(0, 30) + "...";
-				}
-				return value;
-			},
-		},
-		components: {
-			mvBar,
-			zSwiper,
-			mosoweCanvas
-		},
-		data() {
-			return {
-				coopStrategy: "点击报名后显示",
-				navH: getApp().globalData.navHeight,
-				picture: getApp().globalData.picture,
-				canvasUrl: '',
-				hackReset: true,
-				showWarning: false,
-				arrowMargin: 0,
-				cotainerMargin: 0,
-				screenWidth: 0,
-
-				hasNoProjectPhoto: false,
-				briefType: '',
-				ddl: "",
-				loading: true,
-				isSign: 0,
-				strategy_id: 0,
-				strategy: null,
-				input_offer: 0.0,
-				chooseBtn: 0,
-				share: {
-					title: "",
-					path: '',
-					imageUrl: '',
-					desc: '',
-					content: ''
-				},
-				poster: {},
-				posterImg: '',
-				canvasId: 'myCanvas',
-				img: '',
-				younggee_logo: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png",
-				task_type_info: ["实体商品寄拍", "虚拟产品测评", "线下探店打卡"],
-				talent_type_info: ["不限", "美妆", "美食", "生活", "时尚", "测评", "旅行", "汽车", "萌宠", "游戏", "音乐", "舞蹈", "房产", "情感",
-					"三农",
-					"园艺", "随拍", "图文控", "二次元", "母婴亲子", "颜值达人", "剧情搞笑", "运动健身", "家居家装", "科技数码", "教育培训", "才艺技能", "艺术文化",
-					"财经投资",
-				],
-				product_types: [{
-						value: 1,
-						label: '3C及电器'
-					},
-					{
-						value: 2,
-						label: '食品饮料'
-					},
-					{
-						value: 3,
-						label: '服装配饰'
-					},
-					{
-						value: 4,
-						label: '医疗'
-					},
-					{
-						value: 5,
-						label: '房地产'
-					},
-					{
-						value: 6,
-						label: '家居建材'
-					},
-					{
-						value: 7,
-						label: '教育培训'
-					},
-					{
-						value: 8,
-						label: '出行旅游'
-					},
-					{
-						value: 9,
-						label: '游戏'
-					},
-					{
-						value: 10,
-						label: '互联网平台'
-					},
-					{
-						value: 11,
-						label: '汽车'
-					},
-					{
-						value: 12,
-						label: '文体娱乐'
-					},
-					{
-						value: 13,
-						label: '影视传媒'
-					},
-					{
-						value: 14,
-						label: '线下店铺'
-					},
-					{
-						value: 15,
-						label: '软件服务'
-					},
-					{
-						value: 16,
-						label: '美妆'
-					},
-					{
-						value: 17,
-						label: '母婴宠物'
-					},
-					{
-						value: 18,
-						label: '日化'
-					},
-					{
-						value: 19,
-						label: '其他'
-					}
-				],
-				title: '[东鑫记港式茶餐厅]南京东路|魔都新晋爆款茶餐厅来袭！99元抢门',
-				price: '',
-				tips: '识别二维码\n立即申请任务',
-				head: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/task15.png',
-				big: '',
-				tabBarStyle: {},
-				activeTab: 0,
-				hei: '',
-				hei1: '',
-				topp0: '',
-				topp1: '',
-				topp2: '',
-				scrollTop: '',
-				activeColor: '#f2d22d',
-				value: '',
-				value1: '',
-				sex: [],
-				coop_choice: [],
-				type: 'center',
-				type1: 'center',
-				type2: 'center',
-				item: {
-					title: '0'
-				},
-				// 视频轮播
-				fullScreen: true,
-				topFloat: true,
-				fotterFloat: true,
-				// 指示器样式
-				mode: 'circle',
-				indicatorPos: 'bottomCenter',
-				carouselImages: ['https://img2.baidu.com/it/u=2141851239,1037607188&fm=26&fmt=auto&gp=0.jpg',
-					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
-				],
-				dotIndex: 0, //指示器索引
-				dotFloatIndex: 0, //位置指示器索引
-				//轮播图
-
-				swiper: {
-					margin: "150rpx",
-					index: 0,
-					list: [
-
-					]
-				},
-				tar: false,
-				mysNavConfig: {
-					/* 占位开启  */
-					// navPadding: true,
-					/* 背景 */
-					// bgColor: "#f8f8f8",
-					/* 开启单页显示首页图标 */
-					isHome: false,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "任务详情",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: '',
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
-						// 右图标
-						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-				projectid: '',
-				talent: {},
-				account: [],
-				information: {},
-				zhanghaocode: '',
-				product_detail_images: [],
-				codeImg: '',
-				queryAll: '',
-				token: '',
-				hasNoProductPhoto: true,
-			};
-		},
-		onShareAppMessage(res) {
-			return {
-				title: this.share.title,
-				path: 'page_tasksquare/wholetask/taskdetail?id=' + this.projectid,
-				imageUrl: this.share.imageUrl,
-				desc: '',
-				content: '',
-				success(res) {
-					uni.showToast({
-						title: '分享成功'
-					})
-				},
-				fail(res) {
-					uni.showToast({
-						title: '分享失败',
-						icon: 'none'
-					})
-				}
-			}
-		},
-		computed: {
-			lists: {
-				get() {
-					let tmplist = [
-						// 大图
-						{
-							type: 'image',
-							content: this.img,
-							width: 300,
-							height: 320,
-							x: 0,
-							y: 0,
-						},
-						// 标题
-						{
-							type: 'text',
-							content: this.title,
-							color: '#333333',
-							weight: 'bold',
-							size: '12px',
-							width: 200,
-							height: 20,
-							x: 20,
-							y: 340,
-						},
-						// 文案1
-						{
-							type: 'text',
-							content: "招募人数：" + this.information.taskNum,
-							color: '#333333',
-							size: '10px',
-							width: 60,
-							height: 20,
-							x: 20,
-							y: 370,
-						},
-						// 文案2
-						{
-							type: 'text',
-							content: "扫码立即报名",
-							color: '#333333',
-							size: '10px',
-							width: 60,
-							height: 20,
-							x: 110,
-							y: 370,
-						},
-						// logo
-						// {
-						// 	type: 'image',
-						// 	content: this.younggee_logo,
-						// 	width: 120,
-						// 	height: 50,
-						// 	x: 10,
-						// 	y: 370,
-						// },
-						// 文案3
-						{
-							type: 'text',
-							content: "发布任务请登录",
-							color: '#333333',
-							size: '10px',
-							width: 70,
-							height: 20,
-							x: 20,
-							y: 400,
-						},
-						{
-							type: 'text',
-							content: "www.younggee.com",
-							color: '#333333',
-							size: '10px',
-							// style: 'italic',
-							width: 60,
-							height: 20,
-							x: 90,
-							y: 400,
-						},
-						// 二维码
-						{
-							type: 'qr',
-							content: this.head,
-							projectid: this.projectid,
-							width: 80,
-							height: 80,
-							x: 215,
-							y: 325,
-						},
-					]
-					return tmplist
-				},
-				set() {}
-			}
-		},
-		async created() {},
-		async onShow() {
-			// 判断登录
-			await this.isLogin();
-			if (this.token === '') {
-				uni.showModal({
-					content: '请先登录',
-					success: function(res) {
-						if (res.confirm) {
-							uni.navigateTo({
-								url: '/pages/login/login'
-							});
-						} else if (res.cancel) {
-							uni.navigateBack();
-						}
-					}
-				});
-			} else {
-				this.loading = true;
-				uni.showLoading({
-					title: '加载中'
-				});
-				this.getTalentInfo();
-				await this.getProjectDetail();
-				await this.getTalentAccountInfo();
-				if (this.account.length != 0) {
-					await this.isSignUp();
-				}
-				this.loading = false;
-				uni.hideLoading();
-			}
-		},
-		onLoad(options) {
-			// if (options.q) {
-			// 	let queryAll = decodeURIComponent(options.q);
-			// 	this.projectid = getQueryString(queryAll, 'id')
-			// } else {
-			// 	this.projectid = options.id
-			// }
-			console.log(options)
-			const scene = decodeURIComponent(options.scene);
-			if (scene != "undefined") {
-				this.projectid = scene;
-			} else {
-				this.projectid = options.id
-			}
-			this.share.path = 'https://younggee.com/wxapp/taskdetail?action=taskdetail&id=' + this.projectid
-			console.log("share path: ", this.share.path)
-			this.postlist()
-		},
-		onReady() { // 注意：想要拿到元素实例，需要在实例已经挂载到页面上才可以
-			this.init();
-		},
-		methods: {
-			handleCopy(content) {
-				if (content === '') {
-					uni.showToast({
-						title: '商品链接为空',
-						icon: 'none'
-					});
-					return
-				}
-				wx.setClipboardData({
-					data: content,
-					success: function(res) {
-						console.log("复制成功");
-					}
-				});
-			},
-			handleCollection(project_id){
-				this.$https.post('/youngee/c/t/p/project-collection'+
-				"?" +
-				"project_id" +
-				"="+
-				project_id
-				).then(res => {
-						console.log("project_id--->",project_id)
-						console.log("res--->",res)
-					})
-			},
-			postlist() {
-				// uni.showModal({
-				// 	content: "项目id为："+this.projectid,
-				// })
-				this.$https.post('/youngee/c/p/get-qrcode', {
-						scene: this.projectid,
-						page: 'page_tasksquare/wholetask/taskdetail',
-						// scene: this.taskid,
-						// page: 'pages/task/taskdetails',
-					})
-					.then(res => {
-						console.log(res)
-						this.head = 'data:image/png;base64,' + res.data.data;
-					})
-			},
-			init() {
-				let rect = uni.getMenuButtonBoundingClientRect();
-				let screenWidth = uni.getSystemInfoSync().screenWidth;
-				this.arrowMargin = rect.width * 0.75 + 4;
-				this.cotainerMargin = screenWidth - rect.right;
-			},
-			// 判断登陆是否过期
-			isLogin() {
-				return this.$https.get('/youngee/c/t/g/is-login')
-					.then(res => {
-						if (res.data.code === 403) {
-							// 登陆已失效
-							this.token = ""
-						} else {
-							this.token = uni.getStorageSync('token')
-						}
-					})
-			},
-			handlePreviewImage1(item) {
-				console.log("image src: ", item)
-				let that = this
-				wx.previewImage({
-					current: item, // 当前显示图片的http链接
-					urls: that.carouselImages // 需要预览的图片http链接列表
-				})
-			},
-			handleCoopClick(value) {
-				if (this.account[0].fans_count < value.followers_low) {
-					for (let i = 0; i < this.coop_choice.length; ++i) {
-						if (value.strategy_id === this.coop_choice[i].strategy_id) {
-							this.coop_choice[i].showWarning = true;
-							this.hackReset = false;
-							this.hackReset = true;
-							this.coop_choice[i].warningText = "不符合报名条件";
-							setTimeout(() => {
-								this.coop_choice[i].showWarning = false;
-								this.hackReset = false;
-								this.hackReset = true;
-							}, 2000)
-						}
-					}
-				} else {
-					this.strategy_id = value.strategy_id;
-					this.strategy = value;
-				}
-			},
-			getProjectDetail() {
-				return this.$https.get('/youngee/c/t/g/get-project-detail' +
-					"?" +
-					"projectid" +
-					"=" +
-					this.projectid
-				).then(res => {
-					console.log("get-project-detail--> ", res)
-					if (res.data.code === 0) {
-						this.information = res.data.data
-						this.hasNoProjectPhoto = this.information.ProjectPhoto === null ? true : false;
-						if (!this.hasNoProjectPhoto) {
-							console.log("num: ", this.information.ProjectPhoto.length)
-							for (let i = 0; i < this.information.ProjectPhoto.length; ++i) {
-								let url = this.information.ProjectPhoto[i].photo_url
-								this.briefType = url.split('.').pop()
-							}
-						}
-						this.information.Product = JSON.parse(res.data.data.product_snap);
-						this.information.Product.ProductPhoto = JSON.parse(res.data.data.product_photo_snap);
-						this.information.Product.ProductPrice = money(this.information.Product.ProductPrice)
-						// 分享图里的
-						for (let i = 0; i < this.information.Product.ProductPhoto.length; i++) {
-							if (this.information.Product.ProductPhoto[i].Symbol === 1) {
-								this.img = this.information.Product.ProductPhoto[i].PhotoUrl
-								this.share.imageUrl = this.information.Product.ProductPhoto[i].PhotoUrl
-							}
-						}
-						this.title = this.information.project_name
-						this.share.title = this.information.project_name
-
-						this.price = this.information.Product.ProductPrice
-
-						this.information.Product.ProductType = this.product_types[parseInt(this.information
-							.Product
-							.ProductType) - 1].label
-						// 轮播图、详情图
-						this.carouselImages = []
-						// this.product_detail_images = []
-						for (let i = 0; i < this.information.Product.ProductPhoto.length; i++) {
-							if (this.information.Product.ProductPhoto[i].Symbol != 3) {
-								this.carouselImages.push(this.information.Product.ProductPhoto[i])
-							}
-						}
-						this.hasNoProductPhoto = this.carouselImages.length === 0 ? true : false
-
-						// 任务数量
-						this.information.taskNum = 0
-						for (let j = 0; j < this.information.RecruitStrategy.length; j++) {
-							this.information.taskNum = Number(this.information.taskNum) + Number(this
-								.information
-								.RecruitStrategy[j]
-								.recruit_number)
-						}
-
-						// 任务类型
-						this.information.project_form = this.task_type_info[this.information.project_form - 1]
-
-						// 创作者类型
-						let arr = JSON.parse(this.information.talent_type)
-						console.log("创作者类型:", arr)
-						this.information.talent_type = []
-						// if (arr.length === 0) this.information.talent_type.push("不限")
-						for (var j = 0; j < arr.length; ++j) {
-							this.information.talent_type.push(this.talent_type_info[arr[j]])
-						}
-
-						// 粉丝数要求
-						this.information.Numfensi = []
-						for (let i = 0; i < this.information.RecruitStrategy.length; ++i) {
-							let fensi = this.information.RecruitStrategy[i].followers_low + ' - ' + this
-								.information
-								.RecruitStrategy[i].followers_up
-							this.information.Numfensi.push(fensi)
-						}
-
-						// 任务形式
-						if (this.information.content_type === 1) this.information.content = "图文"
-						else if (this.information.content_type === 2) this.information.content = "视频"
-
-						// 判断是否已报名结束
-						var newdate = new Date()
-						var endTime = new Date(this.information.recruit_ddl.replace(
-							/-/g, "/"));
-						this.ddl = endTime - newdate < 0 || this.information.project_status > 4 ? 1 : 0
-						// 报名截止日期
-						this.information.recruit_ddl = this.information.recruit_ddl.substr(0, 10);
-
-						// 合作选择
-						this.coop_choice = this.information.RecruitStrategy
-						for (let i = 0; i < this.coop_choice.length; ++i) {
-							this.coop_choice[i].showWarning = false
-							this.coop_choice[i].warningText = "不符合报名条件"
-							this.coop_choice[i].offer = null
-							this.coop_choice[i].show_followers_low = fansview(this.coop_choice[i].followers_low)
-							this.coop_choice[i].show_followers_up = fansview(this.coop_choice[i].followers_up)
-							let fee_form = this.coop_choice[i].fee_form
-							this.coop_choice[i].fee_form_t = fee_form === 1 ? '产品置换' : (fee_form === 2 ? '固定稿费' +
-								money(this.coop_choice[i].t_offer) + '元' :
-								'创作者自报价')
-						}
-					}
-				})
-			},
-			// 达人信息
-			getTalentInfo() {
-				return this.$https.get('/youngee/c/t/g/get-talent-info')
-					.then(res => {
-						this.talent = res.data.data
-					})
-			},
-			//账号信息
-			getTalentAccountInfo() {
-				return this.$https.get('/youngee/c/t/g/get-talent-account')
-					.then(res => {
-						var accounts = res.data.data
-						this.account = []
-						if (res.data.code != -3) {
-							for (var i = 0; i < accounts.length; i++) {
-								if (this.information.project_platform === accounts[i].platform_id) {
-									this.account.push(accounts[i])
-								}
-							}
-						}
-					})
-			},
-			isSignUp() {
-				return this.$https.get('/youngee/c/t/g/is-sign-up-task' +
-						"?" +
-						"project_id" +
-						"=" +
-						this.projectid)
-					.then(res => {
-						console.log(res);
-						let task;
-						if (res.data.code === 0) {
-							this.isSign = res.data.data.is_sign;
-							task = res.data.data.task_info
-						}
-						if (this.isSign) {
-							for (let i = 0; i < this.coop_choice.length; ++i) {
-								if (this.coop_choice[i].strategy_id === task.strategy_id) {
-									let fee_form = this.coop_choice[i].fee_form
-									this.coopStrategy = fee_form === 1 ? '产品置换' : (fee_form === 2 ? '固定稿费' +
-										money(task.task_reward) + '元' :
-										'创作者自报价' + money(task.task_reward) + '元')
-								}
-							}
-						}
-					})
-			},
-			onPageScroll(res) {
-				uni.$emit('onPageScroll', res.scrollTop);
-				this.scrollTop = res.scrollTop;
-				// console.log(res.scrollTop);
-				if (res.scrollTop <= this.topp1 - this.hei1) {
-					// console.log(0)
-					this.activeTab = 0
-				}
-				if (res.scrollTop > this.topp1 - this.hei1 && res.scrollTop < this.topp2 - this.hei1) {
-					// console.log(1)
-					this.activeTab = 1
-				}
-				if (res.scrollTop > this.topp2 - this.hei1) {
-					// console.log(2)
-					this.activeTab = 2
-				}
-			},
-
-			//获取节点离顶部高度
-			getInfo() {
-
-				const query = uni.createSelectorQuery().in(this);
-
-				query.select('#wrap0').boundingClientRect(data => {
-
-					this.topp0 = data.top
-				}).exec();
-				query.select('#wrap1').boundingClientRect(data => {
-
-					this.topp1 = data.top
-				}).exec();
-				query.select('#wrap2').boundingClientRect(data => {
-					this.topp2 = data.top
-					// console.log(this.topp2)
-				}).exec();
-				query.select('#wap').boundingClientRect(data => {
-
-					// console.log(data)
-					this.hei = data.height
-					this.tabBarStyle = {
-
-						height: data.height + data.height + 'px',
-						width: '100% ',
-					}
-				}).exec();
-				query.select('#wa').boundingClientRect(data => {
-
-					// console.log(data)
-					this.hei1 = data.height
-
-				}).exec();
-
-			},
-			//视频轮播
-			effect3dMarginMethed() {
-				this.effect3dMargin++
-			},
-			//swiper滑动事件
-			swiperChange: function(e) {
-				this.swiper.index = e.detail.current;
-			},
-			//底部弹出层
-			change(e) {
-				console.log('当前模式：' + e.type + ',状态：' + e.show);
-			},
-			toggle(type) {
-				let that = this
-				if (that.talent.is_bind_location === 0) {
-					// 前往个人信息绑定三合一界面
-					uni.showModal({
-						content: '请先绑定个人信息',
-						success: function(res) {
-							if (res.confirm) {
-								if (that.account.length === 0) {
-									uni.navigateTo({
-										url: '/page_tasksquare/bindinfo?platform_id=' + that
-											.information.project_platform
-									})
-								} else {
-									uni.navigateTo({
-										url: '/page_tasksquare/bindinfo?platform_id=' +
-											that.information.project_platform +
-											'&account_id=' +
-											that.account[0].account_id
-									})
-								};
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (that.account.length === 0) {
-					uni.showModal({
-						content: '请先绑定社媒账号',
-						success: function(res) {
-							if (res.confirm) {
-								uni.navigateTo({
-									url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
-										that.information.project_platform
-								});
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else {
-					that.type = type
-					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-					that.$refs.popup.open(type)
-				}
-			},
-			toggle1(type) {
-				this.type1 = type
-				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-				this.$refs.popup1.open(type)
-			},
-			cancel() {
-				this.$refs.popup1.close()
-			},
-			// 更新账号
-			Reset() {
-				console.log("Reset func running")
-				uni.navigateTo({
-					url: '/page_mycenter/myinformation/bindaccount?platform_id=' + this
-						.information
-						.project_platform + '&account_id=' + this.account[0].account_id,
-					success(res) {
-						console.log(res);
-					},
-					fail(err) {
-						console.log(err);
-					}
-				});
-			},
-			//进入信息确认页面
-			determine() {
-				console.log(this.strategy_id)
-				if (this.strategy_id === 0 || this.strategy === null) {
-					this.showWarning = true;
-					setTimeout(() => {
-						this.showWarning = false;
-					}, 2000)
-					return
-				}
-				let index = 0;
-				for (let i = 0; i < this.coop_choice.length; ++i) {
-					if (this.strategy_id === this.coop_choice[i].strategy_id) {
-						index = i
-					}
-				}
-				if (this.account[0].fans_count < this.strategy.followers_low) {
-					this.coop_choice[index].warningText = "粉丝量不符合报名条件"
-					this.coop_choice[index].showWarning = true;
-					this.hackReset = false;
-					this.hackReset = true;
-					setTimeout(() => {
-						this.coop_choice[index].showWarning = false;
-						this.hackReset = false;
-						this.hackReset = true;
-					}, 2000)
-				} else if (this.strategy.fee_form === 3 && (this.strategy.offer === 0 || this.strategy.offer === null)) {
-					this.coop_choice[index].warningText = "请填写自报价金额"
-					this.coop_choice[index].showWarning = true;
-					this.hackReset = false;
-					this.hackReset = true;
-					setTimeout(() => {
-						this.coop_choice[index].showWarning = false;
-						this.hackReset = false;
-						this.hackReset = true;
-					}, 2000)
-				} else {
-					this.$refs.popup.close()
-					this.strategy.offer = parseInt(this.strategy.offer)
-					this.strategy.showOffer = money(this.strategy.offer)
-					var data = {
-						projectid: this.projectid,
-						information: this.information,
-						account: this.account[0].account_id,
-						strategy: this.strategy,
-					}
-					data = JSON.stringify(data)
-					console.log("data")
-					console.log(data)
-					uni.navigateTo({
-						url: '/page_tasksquare/wholetask/information?textObj=' + encodeURIComponent(data)
-					});
-				}
-			},
-			beginCanvas() {
-				this.$refs.mosoweCanvasComponents.createCanvas();
-			},
-			_canvasImage(e) {
-				console.log("url", e)
-				this.canvasUrl = e;
-			},
-			// 保存图片
-			async saveImage() {
-				let {
-					canvasUrl
-				} = this
-				let res = await saveImageToPhotosAlbum(canvasUrl)
-				if (!res.success) return
-				showToast('保存成功')
-				this.$refs.popup2.close()
-			},
-			toggle2(type) {
-				if (this.canvasUrl !== '') {
-					this.type2 = type
-					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-					this.$refs.popup2.open(type)
-					this.$refs.popup1.close()
-				} else {
-					this.beginCanvas()
-					this.type2 = type
-					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-					this.$refs.popup2.open(type)
-					this.$refs.popup1.close()
-				}
-			},
-			deletContract() {
-				try {
-					let file = wx.getFileSystemManager();
-					file.readdir({
-						dirPath: `${wx.env.USER_DATA_PATH}`,
-						success: res => {
-							console.log(res);
-							if (res.files.length > 2) {
-								file.unlink({
-									filePath: `${wx.env.USER_DATA_PATH}/${res.files[0]}`,
-									complete: res => {
-
-									}
-								})
-							}
-						}
-					})
-				} catch (error) {
-
-				}
-			},
-			downloadFile(url, file) {
-				let that = this
-				console.log(url, file)
-				// const fileName = url.split('/').pop()
-				const newPath = `${wx.env.USER_DATA_PATH}/${file}`;
-				that.deletContract();
-				wx.showLoading({
-					title: '正在打开',
-					mask: true
-				})
-				wx.downloadFile({
-					url: url,
-					filePath: newPath,
-					header: {},
-					success: function(res) {
-						var filePath = res.filePath;
-						console.log(filePath);
-						wx.openDocument({
-							filePath: filePath,
-							showMenu: true,
-							success: function(res) {
-								console.log('打开文档成功')
-								wx.hideLoading()
-							},
-							fail: function(res) {
-								console.log(res);
-								wx.hideLoading()
-							},
-							complete: function(res) {
-								console.log(res);
-							}
-						})
-					},
-					fail: function(res) {
-						console.log('文件下载失败');
-						console.log(res)
-					},
-					complete: function(res) {},
-				})
-			},
-		}
-	};
-</script>
-<style>
-	/deep/ .share1 .uni-popup .uni-popup__wrapper {
-		width: 300px !important;
-		/* height: 500px !important; */
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		border-radius: 15rpx !important;
-	}
-
-	/deep/ .share.uni-popup .uni-popup__wrapper {
-		width: 70%;
-		border-radius: 15rpx;
-	}
-</style>
-<style lang="scss" scoped>
-	text {
-		font-size: 24rpx;
-	}
-
-	p {
-		font-size: 32rpx;
-	}
-
-	#coop_box {
-		// display: flex;
-		margin-top: 15rpx;
-	}
-
-	#coop_box .coop_box_btn {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		// width: 700rpx;
-		background-color: #f4f4f4;
-		border-radius: 15rpx;
-		font-size: 32rpx;
-		text-align: center;
-		cursor: pointer;
-		margin: 40rpx 0;
-		padding: auto 10rpx;
-	}
-
-	.borderColor {
-		border: 2px solid #f7d43c !important;
-	}
-
-	.offer_input {
-		width: 120rpx;
-		border: 1px solid #cccccc;
-	}
-
-	.wvp {
-		color: #000;
-		margin: 0 5rpx;
-	}
-
-	.wvp1 {
-		padding: 0 30rpx;
-		border-radius: 10rpx;
-		margin: 0 10rpx;
-		background-color: #f2d22d;
-		border: 10rpx;
-	}
-
-	.my-canvas {
-		position: fixed;
-		top: -99999999999rpx;
-		left: -99999999999rpx;
-		z-index: -99999999999;
-		opacity: 0;
-	}
-
-	.poster {
-		width: 100vw;
-		height: 100vh;
-		display: flex;
-		flex-flow: column nowrap;
-		justify-content: center;
-		overflow: hidden;
-	}
-
-	.butmin {
-		width: 200rpx;
-		height: 65rpx;
-		background-color: #f2d22d;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 2;
-	}
-
-	//视频轮播
-	.full {
-		position: relative;
-
-		.btns {
-			position: absolute;
-			background-color: rgba(255, 255, 255, 0.5);
-			z-index: 1;
-			left: 100rpx;
-			top: 50rpx;
-			right: 100rpx;
-			display: flex;
-			justify-content: space-around;
-			flex-wrap: wrap;
-
-			>view {
-				height: 60rpx;
-				line-height: 60rpx;
-				text-align: center;
-				padding: 0 20rpx;
-			}
-
-			&.full {
-				position: relative;
-				left: 0;
-				right: 0;
-
-				>view {
-					height: 60rpx;
-					line-height: 60rpx;
-					text-align: center;
-					padding: 0 20rpx;
-					background-color: rgba(0, 0, 0, 0.1);
-					margin-bottom: 10rpx;
-				}
-			}
-		}
-	}
-
-	//轮播图
-	page {
-		background-color: #fff;
-	}
-
-	.top-swiper {
-		margin-bottom: 30rpx;
-
-		.bg {
-			padding-top: var(--status-bar-height);
-			box-sizing: content-box;
-			width: 100%;
-			position: relative;
-
-
-
-			.image {
-				box-sizing: content-box;
-				position: absolute;
-				z-index: 1;
-				top: 0;
-				left: 0;
-				width: 100%;
-				height: 100%;
-				overflow: hidden;
-
-				&::after {
-					content: '';
-					position: absolute;
-					width: 100%;
-					height: 100%;
-					z-index: 1;
-					bottom: 0;
-					left: 0;
-					height: 65%;
-					background-image: linear-gradient(to bottom, transparent, #FFF);
-				}
-
-				>image {
-					position: absolute;
-					box-sizing: content-box;
-					padding: 60px;
-					top: 0;
-					left: 0;
-					width: 100%;
-					height: 80%;
-					top: -60px;
-					left: -60px;
-					filter: blur(50px);
-				}
-			}
-		}
-
-		.box {
-			padding-top: var(--status-bar-height);
-			box-sizing: content-box;
-			// position: absolute;
-			z-index: 5;
-			top: 0;
-			left: 0;
-			width: 100%;
-			height: auto;
-		}
-
-		.swiper {
-			height: 450rpx;
-			margin: 0 20rpx;
-
-			.le-img {
-				width: 100%;
-				height: 100%;
-				display: block;
-				transform: scale(0.8);
-				transition: transform 0.3s ease-in-out 0s;
-				border-radius: 4px;
-
-				&.le-active {
-					transform: scale(1);
-				}
-			}
-
-		}
-	}
-
-	//其他的
-	/deep/ .uni-data-checklist .checklist-group .checklist-box {
-		border-radius: 20rpx !important;
-		padding: 8rpx 30rpx !important;
-		border: 0 !important;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
-		font-size: 24rpx;
-		color: #333333;
-	}
-
-
-	.butto {
-		text-align: center;
-	}
-
-	.option {
-		padding: 20rpx;
-	}
-
-	//轮播图
-
-	.uni-margin-wrap {
-		width: 690rpx;
-		width: 100%;
-	}
-
-	.swiper {
-		height: 750rpx;
-		display: flex;
-		justify-content: center;
-	}
-
-	.swiper-item {
-		display: block;
-		width: 100%;
-		height: 750rpx;
-		line-height: 750rpx;
-		text-align: center;
-	}
-
-	.swiper-list {
-		margin-bottom: 0;
-	}
-
-	.uni-common-mt {
-		margin-top: 60rpx;
-		position: relative;
-	}
-
-	.info {
-		position: absolute;
-		right: 20rpx;
-	}
-
-	.uni-padding-wrap {
-		width: 550rpx;
-		padding: 0 100rpx;
-	}
-
-	.Tasktext {
-		// padding-top: 5% ;
-		padding: 0 0 0 1%;
-		// height: 80rpx;
-		margin-top: 2%;
-	}
-
-	.Tasktext span {
-		color: #333333;
-		font-size: 100%;
-		font-weight: 550;
-		text-indent: 2em;
-
-	}
-
-	.Tasktext image {
-		vertical-align: middle;
-		width: 50rpx;
-		height: 50rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.TitleText {
-		height: 30rpx;
-		background-color: #FDD442;
-		border-radius: 20rpx;
-		display: inline-block;
-		padding: 0rpx 20rpx 0rpx 20rpx;
-		line-height: 30rpx;
-		margin-right: 20rpx;
-		margin-top: 6%;
-	}
-
-	.TitleText p {
-		color: #C49A0A;
-		font-size: 50%;
-
-	}
-
-	.introduction {
-		width: 100%;
-		margin: 0 auto;
-		display: flex;
-		justify-content: space-around;
-		margin-top: 2%;
-	}
-
-	.rleft p {
-		font-size: 24rpx;
-	}
-
-	.rright p {
-		font-size: 24rpx;
-	}
-
-	.tasks {
-		width: 100%;
-		margin: 0 auto;
-		display: flex;
-		justify-content: space-around;
-		margin-top: 5%;
-	}
-
-	.title-left {
-		width: 6rpx;
-		height: 80rpx;
-		background: #E2E2E2;
-		display: inline-block;
-		border-radius: 1rpx;
-		margin-top: 4rpx;
-		vertical-align: top;
-
-	}
-
-	.tasksleft p {
-		font-size: 32rpx;
-		text-align: center;
-	}
-
-	.tasksright p {
-		font-size: 32rpx;
-		text-align: center;
-	}
-
-	.interval {
-		width: 100%;
-		height: 40rpx;
-		background-color: #E4E4E4;
-		margin-top: 5%;
-	}
-
-	.circularmark {
-		margin: 2% auto;
-		width: 26%;
-		padding: 10rpx;
-		background-color: #f2d22d;
-		border-radius: 10rpx;
-		position: relative;
-	}
-
-	.circularmark p {
-		font-size: 85%;
-		text-align: center;
-		font-weight: 800;
-	}
-
-	.circularmark image {
-		width: 60rpx;
-		height: 68rpx;
-		position: absolute;
-		top: -30%;
-		left: -10%;
-	}
-
-	.btnn {
-		background-color: #3296FA;
-		border-radius: 20rpx;
-		font-size: 25rpx;
-		line-height: 34rpx;
-	}
-
-	.markcontent {
-		// width: 100%;
-		// background-color: #E4E4E4;
-		margin: 0 30rpx;
-		border-radius: 20rpx;
-		padding-top: 2%;
-		padding-bottom: 2%;
-	}
-
-	.markcontent p {
-		font-size: 24rpx;
-		margin: 10rpx 0;
-	}
-
-	.markcontent span {
-		font-size: 24rpx;
-	}
-
-	.interval2 {
-		width: 100%;
-		height: 100rpx;
-		background-color: #E4E4E4;
-		margin-top: 5%;
-	}
-
-	.markcontent1 {
-		width: 100%;
-		border-radius: 20rpx;
-		padding-top: 2%;
-		padding-bottom: 2%;
-	}
-
-	.markcontent1 p {
-		font-size: 24rpx;
-		// color: #333333;
-		// margin: 3% ;
-		// text-indent: 2em;
-	}
-
-	.trademark {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 50%;
-		background-color: #f2d22d;
-		margin: 0 auto;
-	}
-
-	.trademark image {
-		width: 100%;
-		height: 100%;
-	}
-
-	.diagram {
-		width: 100%;
-		// height: 1000rpx;
-	}
-
-	.diagram image {
-		width: 100%;
-		// height: 100% ;
-	}
-
-	.diagram-pdf {
-		padding: 0 20rpx;
-		width: 100%;
-		height: 100rpx;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.diagram-pdf image {
-		width: 60rpx;
-		height: 60rpx;
-	}
-
-	.diagram-pdf p {
-		width: 50%;
-		font-size: 32rpx;
-	}
-
-	.diagram-pdf button {
-		background-color: #FFFFFF;
-		border: 2rpx solid #f2d22d;
-		border-radius: 20rpx;
-		font-size: 32rpx;
-		// letter-spacing: 5rpx;
-		font-weight: 500;
-		position: relative;
-	}
-
-	.but1 {
-		width: 400rpx;
-		background-color: #f2d22d;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 200%;
-		// letter-spacing: 10rpx;
-		font-weight: 500;
-		height: 80%;
-
-		&.on {
-			background-color: #C0C0C0;
-
-		}
-
-	}
-
-	/** 必须提升样式优先权(!important) **/
-	button[disabled] {
-		// width: 60%;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 200%;
-		// letter-spacing: 10rpx;
-		font-weight: 500;
-		height: 80%;
-		color: white !important;
-		background: #c4c1c1 !important;
-	}
-
-	.but2 {
-		width: 25%;
-		background-color: #FFFFFF;
-		border: 2rpx solid #f2d22d;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 180%;
-		letter-spacing: 10rpx;
-		font-weight: 500;
-		position: relative;
-		text-indent: 0.5em;
-		height: 80%;
-	}
-
-	.but2 image {
-		width: 19%;
-		height: 56%;
-		position: absolute;
-		left: 9%;
-		top: 21%;
-	}
-
-
-	.signup {
-		box-shadow: 0rpx 5rpx 40rpx #ccc;
-		width: 100%;
-		position: fixed;
-		height: 90rpx;
-		padding: 2% 0;
-		background-color: #FFFFFF;
-		bottom: 0rpx;
-		display: flex;
-		justify-content: space-around;
-		align-items: center;
-	}
-
-	.pick {
-		width: 50rpx;
-		height: 50rpx;
-		vertical-align: middle;
-	}
-
-	.nex {
-		width: 100rpx;
-		height: 20rpx;
-		vertical-align: middle;
-	}
-
-	.sampledrawing {
-		display: flex;
-		width: 96%;
-		margin: 0 auto 50rpx;
-	}
-
-	.samplecharacter {
-		flex: 1;
-		margin-top: 2%;
-	}
-
-	.samplecharacter p {
-		padding: 1%;
-	}
-
-
-	/deep/.uni-popup__content {
-		background-color: #4CD964;
-		border-radius: 20rpx !important;
-	}
-
-	/deep/.uni-popup__mask {
-		background: rgba(0, 0, 0, 0.5) !important;
-	}
-
-	.butto {
-		text-align: center;
-	}
-
-	/deep/ .mini-btn1 {
-		height: 75rpx;
-		width: 270rpx;
-		line-height: 70rpx;
-		margin: 10rpx 0;
-		font-size: 32rpx;
-		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
-		border: 1rpx solid #f2d22d !important;
-	}
-
-	/deep/ .mini-btn2 {
-		height: 75rpx;
-		width: 350rpx;
-		line-height: 70rpx;
-		margin: 10rpx 0;
-		font-size: 32rpx;
-		background-color: #f2d22d;
-		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag {
-		background-color: #FFFFFF !important;
-		box-shadow: 0rpx 0rpx 6rpx 0rpx #464100;
-		border-radius: 10rpx !important;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
-		background-color: #f2d22d !important;
-	}
-
-	/deep/.uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked .checklist-text {
-		color: #333333 !important;
-	}
-
-	/deep/.buu .uni-data-checklist .checklist-group {
-		flex-direction: column !important;
-	}
-
-
-	.surplus p {
-		margin-bottom: 17%;
-		margin-top: 8%;
-		font-size: 80%;
-
-	}
-
-	.circular {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 50%;
-		background-color: #28EA71;
-		margin: 0 auto;
-	}
-
-	.circular image {
-		width: 60%;
-		height: 60%;
-		padding: 20%;
-	}
-
-	.tii {
-		text-align: center;
-		font-size: 26rpx;
-		margin-top: 2%;
-	}
-
-	.tii2 {
-		text-align: center;
-		font-size: 26rpx;
-		margin-top: 2%;
-		background-color: #FFFFFF;
-
-	}
-
-	.errar {
-		background-color: #FFFFFF;
-
-	}
-
-	.sharepage {
-		width: 90%;
-		margin: 0 auto;
-		position: relative;
-	}
-
-	.Tasktext1 {
-		// padding-top: 5% ;
-		padding: 0 0 0 1%;
-		height: 80rpx;
-		margin-top: 7%;
-		text-align: center;
-	}
-
-	.Tasktext1 span {
-		color: #333333;
-		font-size: 100%;
-		font-weight: 550;
-		text-indent: 2em;
-
-	}
-
-	.Tasktext1 image {
-		vertical-align: middle;
-		width: 80rpx;
-		height: 80rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.sharemap {
-		margin: 0 auto;
-		text-align: center;
-		margin-top: 5%;
-	}
-
-	.sharemap image {
-		width: 400rpx;
-		height: 400rpx;
-
-	}
-
-	.Tasktext2 {
-		// padding-top: 5% ;
-		padding: 0 0 0 1%;
-		// height: 80rpx;
-		margin-top: 2%;
-		// text-align: center;
-	}
-
-	.Tasktext2 span {
-		color: #333333;
-		font-size: 88%;
-		font-weight: 600;
-		text-indent: 2em;
-
-	}
-
-	.Tasktext2 image {
-		vertical-align: middle;
-		width: 30rpx;
-		height: 30rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.textti p {
-		font-size: 60%;
-		color: #999999;
-		text-align: center;
-	}
-
-	.immg image {
-		width: 200rpx;
-		height: 200rpx;
-	}
-
-	.immg {
-		line-height: 150%;
-	}
-
-	.immg p {
-		color: #333333;
-		font-size: 90%;
-		font-weight: 600;
-
-	}
-
-	.warr p {
-		font-weight: 500;
-		font-size: 90%;
-
-		&.lor {
-			border-bottom: 2rpx solid #f2d22d;
-
-		}
-	}
-
-	.label {
-		// font-weight: 600;
-		width: 130rpx;
-	}
-
-	.tip_box {
-		position: fixed;
-		right: 0;
-		z-index: 9999;
-		display: flex;
-		justify-content: flex-end;
-		align-items: flex-end;
-		flex-direction: column;
-		margin-top: -40rpx;
-
-		.arrow {
-			width: 0;
-			height: 0;
-			border: 10rpx solid;
-			border-color: transparent;
-		}
-
-		.container {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			padding: 4rpx 10px;
-
-			.tips {
-				flex: 1;
-			}
-		}
-	}
-
-	.popup-content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
+<template>
+	<view style="position: relative;">
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+		<view class="" id="wrap0" v-show="!loading">
+			<view class="home">
+				<view class="uni-margin-wrap">
+					<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000"
+						:duration="1000">
+						<swiper-item v-for="item in information.Product.ProductPhoto">
+							<image :src="item.PhotoUrl" mode="aspectFill" style="width: 100%;height: 100%;"
+								@click="handlePreviewImage1(item.PhotoUrl)" v-if="item.Symbol !== 3">
+							</image>
+							<video :src="item.PhotoUrl" style="width: 100%;height: 100%;" v-if="item.Symbol === 3">
+							</video>
+						</swiper-item>
+					</swiper>
+
+					<view class="">
+						<view class="Tasktext">
+							<image :src="information.PlatformInfo.platform_icon" mode=""></image>
+							<span>{{information.project_name}}</span>
+						</view>
+						<view class="introduction">
+							<view class="rleft">
+								<p>商品价值:{{information.Product.ProductPrice}}元</p>
+							</view>
+							<view class="rright">
+								<p>申请截止时间：{{information.recruit_ddl}}</p>
+							</view>
+						</view>
+						<view class="tasks">
+							<view class="tasksleft">
+								<p><span style="color: #FDD442;font-size: 50rpx ;">{{information.taskNum}}</span>
+								</p>
+								<p style="font-weight: 600;">任务数量</p>
+							</view>
+							<view class="title-left"></view>
+							<view class="tasksright">
+								<p><span style="color: #FDD442;font-size: 50rpx ;">{{information.apply_num}}</span>
+								</p>
+								<p style="font-weight: 600;">报名人数</p>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- <view class="interval"></view> -->
+			<view class="home" style="padding-top: 0;">
+				<view class="">
+					<view class="circularmark">
+						<p>任务奖励</p>
+					</view>
+					<!-- <view class="markcontent">
+						<p>商品价值：{{information.Product.ProductPrice}}元</p>
+						<p v-if="information.Product.ProductUrl === ''">商品链接：无</p>
+						<p v-else>商品链接：{{information.Product.ProductUrl|ellipsis}}
+							<image :src="picture.icon_copy" mode="" class="copy-img"
+								@click="handleCopy(information.Product.ProductUrl)" />
+						<p>合作佣金：<span style="color: red;">{{coopStrategy}}</span></p>
+					</view> -->
+				</view>
+			</view>
+			<view class="">
+				<view class="circularmark">
+					<p>账号要求</p>
+				</view>
+				<view class="markcontent">
+					<view style="display: flex;margin: 10rpx 0;">
+						<p class="label">社媒平台：</p>
+						<p class="wvp">{{information.PlatformInfo.platform_name}}</p>
+					</view>
+					<view style="display: flex;margin: 10rpx 0;">
+						<p class="label">任务形式：</p>
+						<p class="wvp">{{information.project_form}}</p>
+					</view>
+					<view style="display: flex;margin: 10rpx 0;">
+						<p class="label">创作者类型: </p>
+						<p class="wvp1" v-for="(item,index) in information.talent_type">{{item}}</p>
+					</view>
+				</view>
+			</view>
+			<view class="home" style="padding-top: 0;">
+				<view class="">
+					<view class="circularmark">
+						<p>任务要求</p>
+					</view>
+					<view class="markcontent">
+						<view style="display: flex;margin: 10rpx 0;">
+							<p class="wvp" style="margin: 10rpx 0;">内容形式：</p>
+							<p class="wvp" style="margin: 10rpx 0;">{{information.content}}</p>
+						</view>
+						<p class="wvp" style="margin: 10rpx 0;">商品描述：</p>
+						<text class="wvp" style="margin: 10rpx 0;" decode="true" user-select="true">
+							{{information.Product.ProductDetail}} </text>
+						</p>
+						<p class="wvp" style="margin: 10rpx 0;">任务详情：</p>
+						<text class="wvp" style="margin: 10rpx 0;" decode="true" user-select="true">
+							{{information.project_detail}} </text>
+					</view>
+				</view>
+			</view>
+			<view class="home" style="padding-top: 0;">
+				<view class="">
+					<view class="circularmark">
+						<p>BRIEF</p>
+					</view>
+					<view class="markcontent1">
+						<view v-if="hasNoProjectPhoto">
+							<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
+								<p>暂无详情说明</p>
+							</view>
+						</view>
+						<view v-else>
+							<view v-if="briefType == 'pdf'">
+								<view class="diagram-pdf" v-for="item in information.ProjectPhoto">
+									<image :src="picture.icon_pdf"></image>
+									<p>{{item.file_name}}</p>
+									<button type="default"
+										@tap="downloadFile(item.photo_url, item.file_name)">点击下载</button>
+								</view>
+							</view>
+							<view v-else-if="briefType == 'doc' || briefType == 'docx'">
+								<view class="diagram-pdf" v-for="item in information.ProjectPhoto">
+									<image :src="picture.icon_word"></image>
+									<p>{{item.file_name}}</p>
+									<button type="default"
+										@tap="downloadFile(item.photo_url, item.file_name)">点击下载</button>
+								</view>
+							</view>
+							<view class="diagram" v-for="item in information.ProjectPhoto" v-else>
+								<image :src="item.photo_url" mode="widthFix"></image>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+
+			<view class="home" style="padding-top: 0;">
+				<view class="">
+					<view class="circularmark">
+						<p>商品详情图</p>
+					</view>
+					<view class="markcontent1">
+						<view v-if="hasNoProductPhoto">
+							<view class="diagram" style="font-size: 32rpx;margin: 0 30rpx;">
+								<p>无</p>
+							</view>
+						</view>
+						<view class="diagram" v-for="item in carouselImages" v-else>
+							<image :src="item.PhotoUrl" mode="widthFix"></image>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="interval2"></view>
+		</view>
+
+		<view class="signup" v-if="!loading">
+			<view style="display: flex;justify-content: space-between;align-items: center;">
+				<view
+					style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx;"
+					@click="toggle1('bottom')">
+					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_share2"></image>
+					<p style="font-size: 28rpx;">分享</p>
+				</view>
+				<!-- <view
+					style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx;"
+					@click="handleCopy(information.Product.ProductUrl)">
+					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
+					<p style="font-size: 28rpx;">带货链接</p>
+				</view> -->
+				<!-- 收藏 -->
+				<view
+					style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx;"
+					@click="handleCollection()">
+					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
+					<p style="font-size: 28rpx;">收藏</p>
+				</view>
+			</view>
+			<view>
+				<button type="default" class="but1" :loading="loading" :class="{'on':item.title === '1',}"
+					@click="toggle('bottom')" v-if="isSign===0 && ddl === 0">
+					立即报名</button>
+				<button type="default" class="but1" disabled v-if="isSign===1 && ddl === 0"> 已报名 </button>
+				<button type="default" class="but1" disabled v-if="ddl===1"> 报名结束 </button>
+			</view>
+			<!-- 		<button type="default" class="but2" @click="toggle1('bottom')">
+			<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/task8.png" mode=""></image>
+			分享
+		</button> -->
+		</view>
+		<view>
+			<!-- 底部普通弹窗 -->
+			<uni-popup ref="popup" background-color="#fff" @change="change" style="border-radius: 20rpx;">
+				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+					<view class="">
+						<view class="sampledrawing">
+							<image :src="img" style="width: 250rpx;height: 235rpx;margin-top: -9%;margin-left: -3%;"
+								mode="">
+							</image>
+							<view class="samplecharacter">
+								<p>{{information.project_name}}</p>
+							</view>
+						</view>
+						<!-- 商品价值及任务形式 -->
+						<view
+							style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 50rpx;">
+							<view style="font-size: 32rpx;">
+								<p>商品价值：{{information.Product.ProductPrice}}元</p>
+							</view>
+							<view style="margin-right: 20rpx;font-size: 32rpx;">
+								<p>任务形式：{{information.project_form}}</p>
+							</view>
+						</view>
+						<view class="">
+							<!-- <h3>产品规格</h3> -->
+							<view class="">
+								<uni-data-checkbox mode="tag" v-model="value" :localdata="sex">
+								</uni-data-checkbox>
+							</view>
+						</view>
+						<view class="" style=";margin-bottom: 50rpx; ">
+							<p style="font-size: 32rpx;">合作选择（平台账号不达标不能选择）</p>
+							<view class="tip_box" style="margin-top: 0;" v-if="showWarning">
+								<view class="container"
+									style="margin-right: 300rpx;background-color: #f24632;border-radius: 10rpx">
+									<view class="tips">
+										<p style="font-size: 24rpx;color: #fff">请选择合作方式</p>
+									</view>
+								</view>
+							</view>
+							<view id="coop_box" v-if="hackReset">
+								<view v-for="item in coop_choice" :key="item.strategy_id">
+									<view class="coop_box_btn" :class="strategy_id===item.strategy_id?'borderColor':''"
+										@click="handleCoopClick(item)">
+										<p>粉丝量：{{item.show_followers_low}}-{{item.show_followers_up}}</p>
+										<view style="display: flex;align-items: center;justify-content: center;">
+											<p>稿费：{{item.fee_form_t}}</p>
+											<view v-if="item.fee_form===3">
+												<input class="offer_input" type="number" placeholder="请输入"
+													v-model="item.offer" />
+											</view>
+											<view v-if="item.fee_form===3">
+												<p>元</p>
+											</view>
+										</view>
+									</view>
+
+									<view class="tip_box" v-if="item.showWarning">
+										<view class="container"
+											style="margin-right: 200rpx;background-color: #f24632;border-radius: 10rpx">
+											<view class="tips">
+												<p style="font-size: 24rpx;color: #fff">
+													{{item.warningText}}
+												</p>
+											</view>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="butto">
+							<button class="mini-btn1" size="mini" @tap="Reset"
+								style="background-color: #FFFFFF;margin-right: 50rpx;">更新账号信息</button>
+							<button class="mini-btn2" size="mini" @tap="determine"
+								style="background-color: #f2d22d;">立即报名</button>
+						</view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+		<view>
+			<!-- 底部普通弹窗 -->
+			<uni-popup ref="popup1" background-color="#fff" @change="change" style="border-radius: 20rpx;">
+				<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+					<view style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 3% ;">
+						<view>
+							<button class="tii2" data-name="shareBtn" open-type="share">
+								<view class="circular" style="margin-top: 10% ;">
+									<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taskw.png"
+										mode="">
+									</image>
+								</view>
+								<p class="tii">发送给朋友</p>
+							</button>
+						</view>
+						<view>
+							<button class="tii2" @click="toggle2('center')">
+								<view class="circular" style="margin-top: 10% ;">
+									<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/taske.png"
+										mode="">
+									</image>
+								</view>
+								<p class="tii">生成分享码</p>
+							</button>
+						</view>
+					</view>
+
+					<button type="default" class="errar" @click="cancel()">取消</button>
+				</view>
+			</uni-popup>
+		</view>
+
+		<uni-popup ref="popup2" class="share1" background-color="#fff" @change="change">
+			<view class="popup-content">
+				<image :src="canvasUrl" mode="widthFix" style="width: 300px;height: 420px;margin-top: 30rpx;">
+				</image>
+				<mosoweCanvas ref="mosoweCanvasComponents" @canvasImage="_canvasImage" :lists="lists" height="420"
+					width="300" imgType="png" />
+
+				<view class="" style="text-align: center;margin: 5% 0;">
+					<button class="butmin" size="mini" @tap="saveImage">保存</button>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+	</view>
+</template>
+
+<script>
+	import mosoweCanvas from "@/components/mosowe-canvas-image/mosowe-canvas-image";
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import zSwiper from '@/components/z-swiper/index.vue'; // npm安装
+	import {
+		fansview,
+		money
+	} from '@/components/utils.js';
+	import {
+		saveImageToPhotosAlbum,
+		showToast,
+		// downloadFile
+	} from '@/uni_modules/sakura-canvas/js_sdk/util'
+	export default {
+		filters: {
+			ellipsis(value) {
+				if (!value) return "";
+				if (value.length > 30) {
+					return value.slice(0, 30) + "...";
+				}
+				return value;
+			},
+		},
+		components: {
+			mvBar,
+			zSwiper,
+			mosoweCanvas
+		},
+		data() {
+			return {
+				coopStrategy: "点击报名后显示",
+				navH: getApp().globalData.navHeight,
+				picture: getApp().globalData.picture,
+				canvasUrl: '',
+				hackReset: true,
+				showWarning: false,
+				arrowMargin: 0,
+				cotainerMargin: 0,
+				screenWidth: 0,
+
+				hasNoProjectPhoto: false,
+				briefType: '',
+				ddl: "",
+				loading: true,
+				isSign: 0,
+				strategy_id: 0,
+				strategy: null,
+				input_offer: 0.0,
+				chooseBtn: 0,
+				share: {
+					title: "",
+					path: '',
+					imageUrl: '',
+					desc: '',
+					content: ''
+				},
+				poster: {},
+				posterImg: '',
+				canvasId: 'myCanvas',
+				img: '',
+				younggee_logo: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png",
+				task_type_info: ["实体商品寄拍", "虚拟产品测评", "线下探店打卡"],
+				talent_type_info: ["不限", "美妆", "美食", "生活", "时尚", "测评", "旅行", "汽车", "萌宠", "游戏", "音乐", "舞蹈", "房产", "情感",
+					"三农",
+					"园艺", "随拍", "图文控", "二次元", "母婴亲子", "颜值达人", "剧情搞笑", "运动健身", "家居家装", "科技数码", "教育培训", "才艺技能", "艺术文化",
+					"财经投资",
+				],
+				product_types: [{
+						value: 1,
+						label: '3C及电器'
+					},
+					{
+						value: 2,
+						label: '食品饮料'
+					},
+					{
+						value: 3,
+						label: '服装配饰'
+					},
+					{
+						value: 4,
+						label: '医疗'
+					},
+					{
+						value: 5,
+						label: '房地产'
+					},
+					{
+						value: 6,
+						label: '家居建材'
+					},
+					{
+						value: 7,
+						label: '教育培训'
+					},
+					{
+						value: 8,
+						label: '出行旅游'
+					},
+					{
+						value: 9,
+						label: '游戏'
+					},
+					{
+						value: 10,
+						label: '互联网平台'
+					},
+					{
+						value: 11,
+						label: '汽车'
+					},
+					{
+						value: 12,
+						label: '文体娱乐'
+					},
+					{
+						value: 13,
+						label: '影视传媒'
+					},
+					{
+						value: 14,
+						label: '线下店铺'
+					},
+					{
+						value: 15,
+						label: '软件服务'
+					},
+					{
+						value: 16,
+						label: '美妆'
+					},
+					{
+						value: 17,
+						label: '母婴宠物'
+					},
+					{
+						value: 18,
+						label: '日化'
+					},
+					{
+						value: 19,
+						label: '其他'
+					}
+				],
+				title: '[东鑫记港式茶餐厅]南京东路|魔都新晋爆款茶餐厅来袭！99元抢门',
+				price: '',
+				tips: '识别二维码\n立即申请任务',
+				head: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/task15.png',
+				big: '',
+				tabBarStyle: {},
+				activeTab: 0,
+				hei: '',
+				hei1: '',
+				topp0: '',
+				topp1: '',
+				topp2: '',
+				scrollTop: '',
+				activeColor: '#f2d22d',
+				value: '',
+				value1: '',
+				sex: [],
+				coop_choice: [],
+				type: 'center',
+				type1: 'center',
+				type2: 'center',
+				item: {
+					title: '0'
+				},
+				// 视频轮播
+				fullScreen: true,
+				topFloat: true,
+				fotterFloat: true,
+				// 指示器样式
+				mode: 'circle',
+				indicatorPos: 'bottomCenter',
+				carouselImages: ['https://img2.baidu.com/it/u=2141851239,1037607188&fm=26&fmt=auto&gp=0.jpg',
+					'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
+				],
+				dotIndex: 0, //指示器索引
+				dotFloatIndex: 0, //位置指示器索引
+				//轮播图
+
+				swiper: {
+					margin: "150rpx",
+					index: 0,
+					list: [
+
+					]
+				},
+				tar: false,
+				mysNavConfig: {
+					/* 占位开启  */
+					// navPadding: true,
+					/* 背景 */
+					// bgColor: "#f8f8f8",
+					/* 开启单页显示首页图标 */
+					isHome: false,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "任务详情",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: '',
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
+						// 右图标
+						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+				projectid: '',
+				talent: {},
+				account: [],
+				information: {},
+				zhanghaocode: '',
+				product_detail_images: [],
+				codeImg: '',
+				queryAll: '',
+				token: '',
+				hasNoProductPhoto: true,
+			};
+		},
+		onShareAppMessage(res) {
+			return {
+				title: this.share.title,
+				path: 'page_tasksquare/wholetask/taskdetail?id=' + this.projectid,
+				imageUrl: this.share.imageUrl,
+				desc: '',
+				content: '',
+				success(res) {
+					uni.showToast({
+						title: '分享成功'
+					})
+				},
+				fail(res) {
+					uni.showToast({
+						title: '分享失败',
+						icon: 'none'
+					})
+				}
+			}
+		},
+		computed: {
+			lists: {
+				get() {
+					let tmplist = [
+						// 大图
+						{
+							type: 'image',
+							content: this.img,
+							width: 300,
+							height: 320,
+							x: 0,
+							y: 0,
+						},
+						// 标题
+						{
+							type: 'text',
+							content: this.title,
+							color: '#333333',
+							weight: 'bold',
+							size: '12px',
+							width: 200,
+							height: 20,
+							x: 20,
+							y: 340,
+						},
+						// 文案1
+						{
+							type: 'text',
+							content: "招募人数：" + this.information.taskNum,
+							color: '#333333',
+							size: '10px',
+							width: 60,
+							height: 20,
+							x: 20,
+							y: 370,
+						},
+						// 文案2
+						{
+							type: 'text',
+							content: "扫码立即报名",
+							color: '#333333',
+							size: '10px',
+							width: 60,
+							height: 20,
+							x: 110,
+							y: 370,
+						},
+						// logo
+						// {
+						// 	type: 'image',
+						// 	content: this.younggee_logo,
+						// 	width: 120,
+						// 	height: 50,
+						// 	x: 10,
+						// 	y: 370,
+						// },
+						// 文案3
+						{
+							type: 'text',
+							content: "发布任务请登录",
+							color: '#333333',
+							size: '10px',
+							width: 70,
+							height: 20,
+							x: 20,
+							y: 400,
+						},
+						{
+							type: 'text',
+							content: "www.younggee.com",
+							color: '#333333',
+							size: '10px',
+							// style: 'italic',
+							width: 60,
+							height: 20,
+							x: 90,
+							y: 400,
+						},
+						// 二维码
+						{
+							type: 'qr',
+							content: this.head,
+							projectid: this.projectid,
+							width: 80,
+							height: 80,
+							x: 215,
+							y: 325,
+						},
+					]
+					return tmplist
+				},
+				set() {}
+			}
+		},
+		async created() {},
+		async onShow() {
+			// 判断登录
+			await this.isLogin();
+			if (this.token === '') {
+				uni.showModal({
+					content: '请先登录',
+					success: function(res) {
+						if (res.confirm) {
+							uni.navigateTo({
+								url: '/pages/login/login'
+							});
+						} else if (res.cancel) {
+							uni.navigateBack();
+						}
+					}
+				});
+			} else {
+				this.loading = true;
+				uni.showLoading({
+					title: '加载中'
+				});
+				this.getTalentInfo();
+				await this.getProjectDetail();
+				await this.getTalentAccountInfo();
+				if (this.account.length != 0) {
+					await this.isSignUp();
+				}
+				this.loading = false;
+				uni.hideLoading();
+			}
+		},
+		onLoad(options) {
+			// if (options.q) {
+			// 	let queryAll = decodeURIComponent(options.q);
+			// 	this.projectid = getQueryString(queryAll, 'id')
+			// } else {
+			// 	this.projectid = options.id
+			// }
+			console.log("首页传来的信息----", options)
+			const scene = decodeURIComponent(options.scene);
+			if (scene != "undefined") {
+				this.projectid = scene;
+			} else {
+				this.projectid = options.id
+				this.enterprise_id = options.enterprise_id
+			}
+			this.share.path = 'https://younggee.com/wxapp/taskdetail?action=taskdetail&id=' + this.projectid
+			console.log("share path: ", this.share.path)
+			this.postlist()
+		},
+		onReady() { // 注意：想要拿到元素实例，需要在实例已经挂载到页面上才可以
+			this.init();
+		},
+		methods: {
+			handleCopy(content) {
+				if (content === '') {
+					uni.showToast({
+						title: '商品链接为空',
+						icon: 'none'
+					});
+					return
+				}
+				wx.setClipboardData({
+					data: content,
+					success: function(res) {
+						console.log("复制成功");
+					}
+				});
+			},
+			handleCollection(project_id) {
+				console.log("收藏测试")
+				this.$https.get('/youngee/c/t/g/selection-collection' +
+					"?" +
+					"selection_id=2400459022&production_id=155"
+				).then(res => {
+					console.log("res--->", res)
+				})
+			},
+			postlist() {
+				// uni.showModal({
+				// 	content: "项目id为："+this.projectid,
+				// })
+				this.$https.post('/youngee/c/p/get-qrcode', {
+						scene: this.projectid,
+						page: 'page_tasksquare/wholetask/taskdetail',
+						// scene: this.taskid,
+						// page: 'pages/task/taskdetails',
+					})
+					.then(res => {
+						console.log(res)
+						this.head = 'data:image/png;base64,' + res.data.data;
+					})
+			},
+			init() {
+				let rect = uni.getMenuButtonBoundingClientRect();
+				let screenWidth = uni.getSystemInfoSync().screenWidth;
+				this.arrowMargin = rect.width * 0.75 + 4;
+				this.cotainerMargin = screenWidth - rect.right;
+			},
+			// 判断登陆是否过期
+			isLogin() {
+				return this.$https.get('/youngee/c/t/g/is-login')
+					.then(res => {
+						if (res.data.code === 403) {
+							// 登陆已失效
+							this.token = ""
+						} else {
+							this.token = uni.getStorageSync('token')
+						}
+					})
+			},
+			handlePreviewImage1(item) {
+				console.log("image src: ", item)
+				let that = this
+				wx.previewImage({
+					current: item, // 当前显示图片的http链接
+					urls: that.carouselImages // 需要预览的图片http链接列表
+				})
+			},
+			handleCoopClick(value) {
+				if (this.account[0].fans_count < value.followers_low) {
+					for (let i = 0; i < this.coop_choice.length; ++i) {
+						if (value.strategy_id === this.coop_choice[i].strategy_id) {
+							this.coop_choice[i].showWarning = true;
+							this.hackReset = false;
+							this.hackReset = true;
+							this.coop_choice[i].warningText = "不符合报名条件";
+							setTimeout(() => {
+								this.coop_choice[i].showWarning = false;
+								this.hackReset = false;
+								this.hackReset = true;
+							}, 2000)
+						}
+					}
+				} else {
+					this.strategy_id = value.strategy_id;
+					this.strategy = value;
+				}
+			},
+			getProjectDetail() {
+				return this.$https.get('/youngee/c/t/g/get-project-detail' +
+					"?" +
+					"project_id" +
+					"=" +
+					this.projectid +
+					"&enterprise_id" +
+					"=" +
+					this.enterprise_id
+				).then(res => {
+					console.log("this.projectid--> ", this.projectid)
+					console.log("this.enterprise_id--> ", this.enterprise_id)
+					console.log("get-project-detail--> ", res)
+					if (res.data.code === 0) {
+						this.information = res.data.data
+
+						this.hasNoProjectPhoto = this.information.ProjectBrief === null ? true : false;
+						if (!this.hasNoProjectPhoto) {
+							console.log("num: ", this.information.ProjectBrief.length)
+							for (let i = 0; i < this.information.ProjectBrief.length; ++i) {
+								let url = this.information.ProjectBrief[i].photo_url
+								this.briefType = url.split('.').pop()
+							}
+						}
+						this.information.Product = JSON.parse(res.data.data.product_snap);
+						this.information.Product.ProductPhoto = JSON.parse(res.data.data.product_photo_snap);
+						this.information.Product.ProductPrice = money(this.information.Product.ProductPrice)
+						// 分享图里的
+						for (let i = 0; i < this.information.Product.ProductPhoto.length; i++) {
+							if (this.information.Product.ProductPhoto[i].Symbol === 1) {
+								this.img = this.information.Product.ProductPhoto[i].PhotoUrl
+								this.share.imageUrl = this.information.Product.ProductPhoto[i].PhotoUrl
+							}
+						}
+						this.title = this.information.project_name
+						this.share.title = this.information.project_name
+
+						this.price = this.information.Product.ProductPrice
+
+						this.information.Product.ProductType = this.product_types[parseInt(this.information
+							.Product
+							.ProductType) - 1].label
+						// 轮播图、详情图
+						this.carouselImages = []
+						// this.product_detail_images = []
+						for (let i = 0; i < this.information.Product.ProductPhoto.length; i++) {
+							if (this.information.Product.ProductPhoto[i].Symbol != 3) {
+								this.carouselImages.push(this.information.Product.ProductPhoto[i])
+							}
+						}
+						this.hasNoProductPhoto = this.carouselImages.length === 0 ? true : false
+
+						// 任务数量
+						this.information.taskNum = 0
+						for (let j = 0; j < this.information.RecruitStrategy.length; j++) {
+							this.information.taskNum = Number(this.information.taskNum) + Number(this
+								.information
+								.RecruitStrategy[j]
+								.recruit_number)
+						}
+
+						// 任务类型
+						this.information.project_form = this.task_type_info[this.information.project_form - 1]
+
+						// // 创作者类型
+						// let arr = JSON.parse(this.information.talent_type)
+						// console.log("创作者类型:", arr)
+						// this.information.talent_type = []
+						// // if (arr.length === 0) this.information.talent_type.push("不限")
+						// for (var j = 0; j < arr.length; ++j) {
+						// 	this.information.talent_type.push(this.talent_type_info[arr[j]])
+						// }
+
+						// 粉丝数要求
+						this.information.Numfensi = []
+						for (let i = 0; i < this.information.RecruitStrategy.length; ++i) {
+							let fensi = this.information.RecruitStrategy[i].followers_low + ' - ' + this
+								.information
+								.RecruitStrategy[i].followers_up
+							this.information.Numfensi.push(fensi)
+						}
+
+						// 任务形式
+						if (this.information.content_type === 1) this.information.content = "图文"
+						else if (this.information.content_type === 2) this.information.content = "视频"
+
+						// 判断是否已报名结束
+						var newdate = new Date()
+						var endTime = new Date(this.information.recruit_ddl.replace(
+							/-/g, "/"));
+						this.ddl = endTime - newdate < 0 || this.information.project_status > 4 ? 1 : 0
+						// 报名截止日期
+						this.information.recruit_ddl = this.information.recruit_ddl.substr(0, 10);
+
+						// 合作选择
+						this.coop_choice = this.information.RecruitStrategy
+						for (let i = 0; i < this.coop_choice.length; ++i) {
+							this.coop_choice[i].showWarning = false
+							this.coop_choice[i].warningText = "不符合报名条件"
+							this.coop_choice[i].offer = null
+							this.coop_choice[i].show_followers_low = fansview(this.coop_choice[i].followers_low)
+							this.coop_choice[i].show_followers_up = fansview(this.coop_choice[i].followers_up)
+							let fee_form = this.coop_choice[i].fee_form
+							this.coop_choice[i].fee_form_t = fee_form === 1 ? '产品置换' : (fee_form === 2 ? '固定稿费' +
+								money(this.coop_choice[i].t_offer) + '元' :
+								'创作者自报价')
+						}
+					}
+				})
+			},
+			// 达人信息
+			getTalentInfo() {
+				return this.$https.get('/youngee/c/t/g/get-talent-info')
+					.then(res => {
+						this.talent = res.data.data
+					})
+			},
+			//账号信息
+			getTalentAccountInfo() {
+				return this.$https.get('/youngee/c/t/g/get-talent-account-kuaishou')
+					.then(res => {
+						var accounts = res.data.data
+						this.account = []
+						if (res.data.code != -3) {
+							for (var i = 0; i < accounts.length; i++) {
+								if (this.information.project_platform === accounts[i].platform_id) {
+									this.account.push(accounts[i])
+								}
+							}
+						}
+					})
+			},
+			isSignUp() {
+				return this.$https.get('/youngee/c/t/g/is-sign-up-task' +
+						"?" +
+						"project_id" +
+						"=" +
+						this.projectid)
+					.then(res => {
+						console.log(res);
+						let task;
+						if (res.data.code === 0) {
+							this.isSign = res.data.data.is_sign;
+							task = res.data.data.task_info
+						}
+						if (this.isSign) {
+							for (let i = 0; i < this.coop_choice.length; ++i) {
+								if (this.coop_choice[i].strategy_id === task.strategy_id) {
+									let fee_form = this.coop_choice[i].fee_form
+									this.coopStrategy = fee_form === 1 ? '产品置换' : (fee_form === 2 ? '固定稿费' +
+										money(task.task_reward) + '元' :
+										'创作者自报价' + money(task.task_reward) + '元')
+								}
+							}
+						}
+					})
+			},
+			onPageScroll(res) {
+				uni.$emit('onPageScroll', res.scrollTop);
+				this.scrollTop = res.scrollTop;
+				// console.log(res.scrollTop);
+				if (res.scrollTop <= this.topp1 - this.hei1) {
+					// console.log(0)
+					this.activeTab = 0
+				}
+				if (res.scrollTop > this.topp1 - this.hei1 && res.scrollTop < this.topp2 - this.hei1) {
+					// console.log(1)
+					this.activeTab = 1
+				}
+				if (res.scrollTop > this.topp2 - this.hei1) {
+					// console.log(2)
+					this.activeTab = 2
+				}
+			},
+
+			//获取节点离顶部高度
+			getInfo() {
+
+				const query = uni.createSelectorQuery().in(this);
+
+				query.select('#wrap0').boundingClientRect(data => {
+
+					this.topp0 = data.top
+				}).exec();
+				query.select('#wrap1').boundingClientRect(data => {
+
+					this.topp1 = data.top
+				}).exec();
+				query.select('#wrap2').boundingClientRect(data => {
+					this.topp2 = data.top
+					// console.log(this.topp2)
+				}).exec();
+				query.select('#wap').boundingClientRect(data => {
+
+					// console.log(data)
+					this.hei = data.height
+					this.tabBarStyle = {
+
+						height: data.height + data.height + 'px',
+						width: '100% ',
+					}
+				}).exec();
+				query.select('#wa').boundingClientRect(data => {
+
+					// console.log(data)
+					this.hei1 = data.height
+
+				}).exec();
+
+			},
+			//视频轮播
+			effect3dMarginMethed() {
+				this.effect3dMargin++
+			},
+			//swiper滑动事件
+			swiperChange: function(e) {
+				this.swiper.index = e.detail.current;
+			},
+			//底部弹出层
+			change(e) {
+				console.log('当前模式：' + e.type + ',状态：' + e.show);
+			},
+			toggle(type) {
+				let that = this
+				if (that.talent.is_bind_location === 0) {
+					// 前往个人信息绑定三合一界面
+					uni.showModal({
+						content: '请先绑定个人信息',
+						success: function(res) {
+							if (res.confirm) {
+								if (that.account.length === 0) {
+									uni.navigateTo({
+										url: '/page_tasksquare/bindinfo?platform_id=' + that
+											.information.project_platform
+									})
+								} else {
+									uni.navigateTo({
+										url: '/page_tasksquare/bindinfo?platform_id=' +
+											that.information.project_platform +
+											'&account_id=' +
+											that.account[0].account_id
+									})
+								};
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else if (that.account.length === 0) {
+					uni.showModal({
+						content: '请先绑定社媒账号',
+						success: function(res) {
+							if (res.confirm) {
+								uni.navigateTo({
+									url: '/page_mycenter/myinformation/bindaccount?platform_id=' +
+										that.information.project_platform
+								});
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else {
+					that.type = type
+					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+					that.$refs.popup.open(type)
+				}
+			},
+			toggle1(type) {
+				this.type1 = type
+				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+				this.$refs.popup1.open(type)
+			},
+			cancel() {
+				this.$refs.popup1.close()
+			},
+			// 更新账号
+			Reset() {
+				console.log("Reset func running")
+				uni.navigateTo({
+					url: '/page_mycenter/myinformation/bindaccount?platform_id=' + this
+						.information
+						.project_platform + '&account_id=' + this.account[0].account_id,
+					success(res) {
+						console.log(res);
+					},
+					fail(err) {
+						console.log(err);
+					}
+				});
+			},
+			//进入信息确认页面
+			determine() {
+				console.log(this.strategy_id)
+				if (this.strategy_id === 0 || this.strategy === null) {
+					this.showWarning = true;
+					setTimeout(() => {
+						this.showWarning = false;
+					}, 2000)
+					return
+				}
+				let index = 0;
+				for (let i = 0; i < this.coop_choice.length; ++i) {
+					if (this.strategy_id === this.coop_choice[i].strategy_id) {
+						index = i
+					}
+				}
+				if (this.account[0].fans_count < this.strategy.followers_low) {
+					this.coop_choice[index].warningText = "粉丝量不符合报名条件"
+					this.coop_choice[index].showWarning = true;
+					this.hackReset = false;
+					this.hackReset = true;
+					setTimeout(() => {
+						this.coop_choice[index].showWarning = false;
+						this.hackReset = false;
+						this.hackReset = true;
+					}, 2000)
+				} else if (this.strategy.fee_form === 3 && (this.strategy.offer === 0 || this.strategy.offer === null)) {
+					this.coop_choice[index].warningText = "请填写自报价金额"
+					this.coop_choice[index].showWarning = true;
+					this.hackReset = false;
+					this.hackReset = true;
+					setTimeout(() => {
+						this.coop_choice[index].showWarning = false;
+						this.hackReset = false;
+						this.hackReset = true;
+					}, 2000)
+				} else {
+					this.$refs.popup.close()
+					this.strategy.offer = parseInt(this.strategy.offer)
+					this.strategy.showOffer = money(this.strategy.offer)
+					var data = {
+						projectid: this.projectid,
+						information: this.information,
+						account: this.account[0].account_id,
+						strategy: this.strategy,
+					}
+					data = JSON.stringify(data)
+					console.log("data")
+					console.log(data)
+					uni.navigateTo({
+						url: '/page_tasksquare/wholetask/information?textObj=' + encodeURIComponent(data)
+					});
+				}
+			},
+			beginCanvas() {
+				this.$refs.mosoweCanvasComponents.createCanvas();
+			},
+			_canvasImage(e) {
+				console.log("url", e)
+				this.canvasUrl = e;
+			},
+			// 保存图片
+			async saveImage() {
+				let {
+					canvasUrl
+				} = this
+				let res = await saveImageToPhotosAlbum(canvasUrl)
+				if (!res.success) return
+				showToast('保存成功')
+				this.$refs.popup2.close()
+			},
+			toggle2(type) {
+				if (this.canvasUrl !== '') {
+					this.type2 = type
+					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+					this.$refs.popup2.open(type)
+					this.$refs.popup1.close()
+				} else {
+					this.beginCanvas()
+					this.type2 = type
+					// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+					this.$refs.popup2.open(type)
+					this.$refs.popup1.close()
+				}
+			},
+			deletContract() {
+				try {
+					let file = wx.getFileSystemManager();
+					file.readdir({
+						dirPath: `${wx.env.USER_DATA_PATH}`,
+						success: res => {
+							console.log(res);
+							if (res.files.length > 2) {
+								file.unlink({
+									filePath: `${wx.env.USER_DATA_PATH}/${res.files[0]}`,
+									complete: res => {
+
+									}
+								})
+							}
+						}
+					})
+				} catch (error) {
+
+				}
+			},
+			downloadFile(url, file) {
+				let that = this
+				console.log(url, file)
+				// const fileName = url.split('/').pop()
+				const newPath = `${wx.env.USER_DATA_PATH}/${file}`;
+				that.deletContract();
+				wx.showLoading({
+					title: '正在打开',
+					mask: true
+				})
+				wx.downloadFile({
+					url: url,
+					filePath: newPath,
+					header: {},
+					success: function(res) {
+						var filePath = res.filePath;
+						console.log(filePath);
+						wx.openDocument({
+							filePath: filePath,
+							showMenu: true,
+							success: function(res) {
+								console.log('打开文档成功')
+								wx.hideLoading()
+							},
+							fail: function(res) {
+								console.log(res);
+								wx.hideLoading()
+							},
+							complete: function(res) {
+								console.log(res);
+							}
+						})
+					},
+					fail: function(res) {
+						console.log('文件下载失败');
+						console.log(res)
+					},
+					complete: function(res) {},
+				})
+			},
+		}
+	};
+</script>
+<style>
+	/deep/ .share1 .uni-popup .uni-popup__wrapper {
+		width: 300px !important;
+		/* height: 500px !important; */
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		border-radius: 15rpx !important;
+	}
+
+	/deep/ .share.uni-popup .uni-popup__wrapper {
+		width: 70%;
+		border-radius: 15rpx;
+	}
+</style>
+<style lang="scss" scoped>
+	text {
+		font-size: 24rpx;
+	}
+
+	p {
+		font-size: 32rpx;
+	}
+
+	#coop_box {
+		// display: flex;
+		margin-top: 15rpx;
+	}
+
+	#coop_box .coop_box_btn {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		// width: 700rpx;
+		background-color: #f4f4f4;
+		border-radius: 15rpx;
+		font-size: 32rpx;
+		text-align: center;
+		cursor: pointer;
+		margin: 40rpx 0;
+		padding: auto 10rpx;
+	}
+
+	.borderColor {
+		border: 2px solid #f7d43c !important;
+	}
+
+	.offer_input {
+		width: 120rpx;
+		border: 1px solid #cccccc;
+	}
+
+	.wvp {
+		color: #000;
+		margin: 0 5rpx;
+	}
+
+	.wvp1 {
+		padding: 0 30rpx;
+		border-radius: 10rpx;
+		margin: 0 10rpx;
+		background-color: #f2d22d;
+		border: 10rpx;
+	}
+
+	.my-canvas {
+		position: fixed;
+		top: -99999999999rpx;
+		left: -99999999999rpx;
+		z-index: -99999999999;
+		opacity: 0;
+	}
+
+	.poster {
+		width: 100vw;
+		height: 100vh;
+		display: flex;
+		flex-flow: column nowrap;
+		justify-content: center;
+		overflow: hidden;
+	}
+
+	.butmin {
+		width: 200rpx;
+		height: 65rpx;
+		background-color: #f2d22d;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 2;
+	}
+
+	//视频轮播
+	.full {
+		position: relative;
+
+		.btns {
+			position: absolute;
+			background-color: rgba(255, 255, 255, 0.5);
+			z-index: 1;
+			left: 100rpx;
+			top: 50rpx;
+			right: 100rpx;
+			display: flex;
+			justify-content: space-around;
+			flex-wrap: wrap;
+
+			>view {
+				height: 60rpx;
+				line-height: 60rpx;
+				text-align: center;
+				padding: 0 20rpx;
+			}
+
+			&.full {
+				position: relative;
+				left: 0;
+				right: 0;
+
+				>view {
+					height: 60rpx;
+					line-height: 60rpx;
+					text-align: center;
+					padding: 0 20rpx;
+					background-color: rgba(0, 0, 0, 0.1);
+					margin-bottom: 10rpx;
+				}
+			}
+		}
+	}
+
+	//轮播图
+	page {
+		background-color: #fff;
+	}
+
+	.top-swiper {
+		margin-bottom: 30rpx;
+
+		.bg {
+			padding-top: var(--status-bar-height);
+			box-sizing: content-box;
+			width: 100%;
+			position: relative;
+
+
+
+			.image {
+				box-sizing: content-box;
+				position: absolute;
+				z-index: 1;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+
+				&::after {
+					content: '';
+					position: absolute;
+					width: 100%;
+					height: 100%;
+					z-index: 1;
+					bottom: 0;
+					left: 0;
+					height: 65%;
+					background-image: linear-gradient(to bottom, transparent, #FFF);
+				}
+
+				>image {
+					position: absolute;
+					box-sizing: content-box;
+					padding: 60px;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 80%;
+					top: -60px;
+					left: -60px;
+					filter: blur(50px);
+				}
+			}
+		}
+
+		.box {
+			padding-top: var(--status-bar-height);
+			box-sizing: content-box;
+			// position: absolute;
+			z-index: 5;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: auto;
+		}
+
+		.swiper {
+			height: 450rpx;
+			margin: 0 20rpx;
+
+			.le-img {
+				width: 100%;
+				height: 100%;
+				display: block;
+				transform: scale(0.8);
+				transition: transform 0.3s ease-in-out 0s;
+				border-radius: 4px;
+
+				&.le-active {
+					transform: scale(1);
+				}
+			}
+
+		}
+	}
+
+	//其他的
+	/deep/ .uni-data-checklist .checklist-group .checklist-box {
+		border-radius: 20rpx !important;
+		padding: 8rpx 30rpx !important;
+		border: 0 !important;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
+		font-size: 24rpx;
+		color: #333333;
+	}
+
+
+	.butto {
+		text-align: center;
+	}
+
+	.option {
+		padding: 20rpx;
+	}
+
+	//轮播图
+
+	.uni-margin-wrap {
+		width: 690rpx;
+		width: 100%;
+	}
+
+	.swiper {
+		height: 750rpx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.swiper-item {
+		display: block;
+		width: 100%;
+		height: 750rpx;
+		line-height: 750rpx;
+		text-align: center;
+	}
+
+	.swiper-list {
+		margin-bottom: 0;
+	}
+
+	.uni-common-mt {
+		margin-top: 60rpx;
+		position: relative;
+	}
+
+	.info {
+		position: absolute;
+		right: 20rpx;
+	}
+
+	.uni-padding-wrap {
+		width: 550rpx;
+		padding: 0 100rpx;
+	}
+
+	.Tasktext {
+		// padding-top: 5% ;
+		padding: 0 0 0 1%;
+		// height: 80rpx;
+		margin-top: 2%;
+	}
+
+	.Tasktext span {
+		color: #333333;
+		font-size: 100%;
+		font-weight: 550;
+		text-indent: 2em;
+
+	}
+
+	.Tasktext image {
+		vertical-align: middle;
+		width: 50rpx;
+		height: 50rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.TitleText {
+		height: 30rpx;
+		background-color: #FDD442;
+		border-radius: 20rpx;
+		display: inline-block;
+		padding: 0rpx 20rpx 0rpx 20rpx;
+		line-height: 30rpx;
+		margin-right: 20rpx;
+		margin-top: 6%;
+	}
+
+	.TitleText p {
+		color: #C49A0A;
+		font-size: 50%;
+
+	}
+
+	.introduction {
+		width: 100%;
+		margin: 0 auto;
+		display: flex;
+		justify-content: space-around;
+		margin-top: 2%;
+	}
+
+	.rleft p {
+		font-size: 24rpx;
+	}
+
+	.rright p {
+		font-size: 24rpx;
+	}
+
+	.tasks {
+		width: 100%;
+		margin: 0 auto;
+		display: flex;
+		justify-content: space-around;
+		margin-top: 5%;
+	}
+
+	.title-left {
+		width: 6rpx;
+		height: 80rpx;
+		background: #E2E2E2;
+		display: inline-block;
+		border-radius: 1rpx;
+		margin-top: 4rpx;
+		vertical-align: top;
+
+	}
+
+	.tasksleft p {
+		font-size: 32rpx;
+		text-align: center;
+	}
+
+	.tasksright p {
+		font-size: 32rpx;
+		text-align: center;
+	}
+
+	.interval {
+		width: 100%;
+		height: 40rpx;
+		background-color: #E4E4E4;
+		margin-top: 5%;
+	}
+
+	.circularmark {
+		margin: 2% auto;
+		width: 26%;
+		padding: 10rpx;
+		background-color: #f2d22d;
+		border-radius: 10rpx;
+		position: relative;
+	}
+
+	.circularmark p {
+		font-size: 85%;
+		text-align: center;
+		font-weight: 800;
+	}
+
+	.circularmark image {
+		width: 60rpx;
+		height: 68rpx;
+		position: absolute;
+		top: -30%;
+		left: -10%;
+	}
+
+	.btnn {
+		background-color: #3296FA;
+		border-radius: 20rpx;
+		font-size: 25rpx;
+		line-height: 34rpx;
+	}
+
+	.markcontent {
+		// width: 100%;
+		// background-color: #E4E4E4;
+		margin: 0 30rpx;
+		border-radius: 20rpx;
+		padding-top: 2%;
+		padding-bottom: 2%;
+	}
+
+	.markcontent p {
+		font-size: 24rpx;
+		margin: 10rpx 0;
+	}
+
+	.markcontent span {
+		font-size: 24rpx;
+	}
+
+	.interval2 {
+		width: 100%;
+		height: 100rpx;
+		background-color: #E4E4E4;
+		margin-top: 5%;
+	}
+
+	.markcontent1 {
+		width: 100%;
+		border-radius: 20rpx;
+		padding-top: 2%;
+		padding-bottom: 2%;
+	}
+
+	.markcontent1 p {
+		font-size: 24rpx;
+		// color: #333333;
+		// margin: 3% ;
+		// text-indent: 2em;
+	}
+
+	.trademark {
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 50%;
+		background-color: #f2d22d;
+		margin: 0 auto;
+	}
+
+	.trademark image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.diagram {
+		width: 100%;
+		// height: 1000rpx;
+	}
+
+	.diagram image {
+		width: 100%;
+		// height: 100% ;
+	}
+
+	.diagram-pdf {
+		padding: 0 20rpx;
+		width: 100%;
+		height: 100rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.diagram-pdf image {
+		width: 60rpx;
+		height: 60rpx;
+	}
+
+	.diagram-pdf p {
+		width: 50%;
+		font-size: 32rpx;
+	}
+
+	.diagram-pdf button {
+		background-color: #FFFFFF;
+		border: 2rpx solid #f2d22d;
+		border-radius: 20rpx;
+		font-size: 32rpx;
+		// letter-spacing: 5rpx;
+		font-weight: 500;
+		position: relative;
+	}
+
+	.but1 {
+		width: 400rpx;
+		background-color: #f2d22d;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 200%;
+		// letter-spacing: 10rpx;
+		font-weight: 500;
+		height: 80%;
+
+		&.on {
+			background-color: #C0C0C0;
+
+		}
+
+	}
+
+	/** 必须提升样式优先权(!important) **/
+	button[disabled] {
+		// width: 60%;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 200%;
+		// letter-spacing: 10rpx;
+		font-weight: 500;
+		height: 80%;
+		color: white !important;
+		background: #c4c1c1 !important;
+	}
+
+	.but2 {
+		width: 25%;
+		background-color: #FFFFFF;
+		border: 2rpx solid #f2d22d;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 180%;
+		letter-spacing: 10rpx;
+		font-weight: 500;
+		position: relative;
+		text-indent: 0.5em;
+		height: 80%;
+	}
+
+	.but2 image {
+		width: 19%;
+		height: 56%;
+		position: absolute;
+		left: 9%;
+		top: 21%;
+	}
+
+
+	.signup {
+		box-shadow: 0rpx 5rpx 40rpx #ccc;
+		width: 100%;
+		position: fixed;
+		height: 90rpx;
+		padding: 2% 0;
+		background-color: #FFFFFF;
+		bottom: 0rpx;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+	}
+
+	.pick {
+		width: 50rpx;
+		height: 50rpx;
+		vertical-align: middle;
+	}
+
+	.nex {
+		width: 100rpx;
+		height: 20rpx;
+		vertical-align: middle;
+	}
+
+	.sampledrawing {
+		display: flex;
+		width: 96%;
+		margin: 0 auto 50rpx;
+	}
+
+	.samplecharacter {
+		flex: 1;
+		margin-top: 2%;
+	}
+
+	.samplecharacter p {
+		padding: 1%;
+	}
+
+
+	/deep/.uni-popup__content {
+		background-color: #4CD964;
+		border-radius: 20rpx !important;
+	}
+
+	/deep/.uni-popup__mask {
+		background: rgba(0, 0, 0, 0.5) !important;
+	}
+
+	.butto {
+		text-align: center;
+	}
+
+	/deep/ .mini-btn1 {
+		height: 75rpx;
+		width: 270rpx;
+		line-height: 70rpx;
+		margin: 10rpx 0;
+		font-size: 32rpx;
+		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
+		border: 1rpx solid #f2d22d !important;
+	}
+
+	/deep/ .mini-btn2 {
+		height: 75rpx;
+		width: 350rpx;
+		line-height: 70rpx;
+		margin: 10rpx 0;
+		font-size: 32rpx;
+		background-color: #f2d22d;
+		// box-shadow: 0rpx 0rpx 0rpx 5rpx #f2d22d;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag {
+		background-color: #FFFFFF !important;
+		box-shadow: 0rpx 0rpx 6rpx 0rpx #464100;
+		border-radius: 10rpx !important;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
+		background-color: #f2d22d !important;
+	}
+
+	/deep/.uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked .checklist-text {
+		color: #333333 !important;
+	}
+
+	/deep/.buu .uni-data-checklist .checklist-group {
+		flex-direction: column !important;
+	}
+
+
+	.surplus p {
+		margin-bottom: 17%;
+		margin-top: 8%;
+		font-size: 80%;
+
+	}
+
+	.circular {
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 50%;
+		background-color: #28EA71;
+		margin: 0 auto;
+	}
+
+	.circular image {
+		width: 60%;
+		height: 60%;
+		padding: 20%;
+	}
+
+	.tii {
+		text-align: center;
+		font-size: 26rpx;
+		margin-top: 2%;
+	}
+
+	.tii2 {
+		text-align: center;
+		font-size: 26rpx;
+		margin-top: 2%;
+		background-color: #FFFFFF;
+
+	}
+
+	.errar {
+		background-color: #FFFFFF;
+
+	}
+
+	.sharepage {
+		width: 90%;
+		margin: 0 auto;
+		position: relative;
+	}
+
+	.Tasktext1 {
+		// padding-top: 5% ;
+		padding: 0 0 0 1%;
+		height: 80rpx;
+		margin-top: 7%;
+		text-align: center;
+	}
+
+	.Tasktext1 span {
+		color: #333333;
+		font-size: 100%;
+		font-weight: 550;
+		text-indent: 2em;
+
+	}
+
+	.Tasktext1 image {
+		vertical-align: middle;
+		width: 80rpx;
+		height: 80rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.sharemap {
+		margin: 0 auto;
+		text-align: center;
+		margin-top: 5%;
+	}
+
+	.sharemap image {
+		width: 400rpx;
+		height: 400rpx;
+
+	}
+
+	.Tasktext2 {
+		// padding-top: 5% ;
+		padding: 0 0 0 1%;
+		// height: 80rpx;
+		margin-top: 2%;
+		// text-align: center;
+	}
+
+	.Tasktext2 span {
+		color: #333333;
+		font-size: 88%;
+		font-weight: 600;
+		text-indent: 2em;
+
+	}
+
+	.Tasktext2 image {
+		vertical-align: middle;
+		width: 30rpx;
+		height: 30rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.textti p {
+		font-size: 60%;
+		color: #999999;
+		text-align: center;
+	}
+
+	.immg image {
+		width: 200rpx;
+		height: 200rpx;
+	}
+
+	.immg {
+		line-height: 150%;
+	}
+
+	.immg p {
+		color: #333333;
+		font-size: 90%;
+		font-weight: 600;
+
+	}
+
+	.warr p {
+		font-weight: 500;
+		font-size: 90%;
+
+		&.lor {
+			border-bottom: 2rpx solid #f2d22d;
+
+		}
+	}
+
+	.label {
+		// font-weight: 600;
+		width: 130rpx;
+	}
+
+	.tip_box {
+		position: fixed;
+		right: 0;
+		z-index: 9999;
+		display: flex;
+		justify-content: flex-end;
+		align-items: flex-end;
+		flex-direction: column;
+		margin-top: -40rpx;
+
+		.arrow {
+			width: 0;
+			height: 0;
+			border: 10rpx solid;
+			border-color: transparent;
+		}
+
+		.container {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 4rpx 10px;
+
+			.tips {
+				flex: 1;
+			}
+		}
+	}
+
+	.popup-content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
 </style>

page_workspace/task/taskdetail.vue

@@ -1,1239 +1,1240 @@
-<template>
-	<view>
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-
-		<view v-if="!loading">
-			<view style="padding-bottom: 30rpx;margin: 0 30rpx">
-				<view style="display: flex;justify-content: center;font-size: 44rpx;padding-bottom: 20rpx;">
-					<p>{{msg1}}</p>
-					<view class="upload-btn" v-if="isShowUpload" @click="toUpload()" key="0">
-						<image src="../../static/img/icon-upload.png" style="height: 40rpx;width: 40rpx;"></image>
-						<p style="font-size: 28rpx;">快速上传</p>
-					</view>
-				</view>
-				<view style="display: flex;justify-content: center;font-size: 24rpx;color: #999999;text-align:center">
-					<p>{{msg2}}</p>
-				</view>
-				<view style="display: flex;justify-content: center;font-size: 24rpx;color: #999999;text-align:center"
-					v-if="msg3 != ''">
-					<p>{{msg3}}</p>
-				</view>
-			</view>
-
-			<view style="display: flex;justify-content: center;align-items: center;"
-				v-if="isShowUpload && !isSpecial && !isTimeOut" key="1">
-				<image style="height: 60rpx;width: 60rpx;" src="../../static/img/icon-time.png"></image>
-				<p style="font-size: 30rpx;color: #f2d241;">剩余时间：{{timeLeft}}</p>
-			</view>
-
-			<view style="display: flex;justify-content: center;align-items: center;"
-				v-if="isShowUpload && !isSpecial && isTimeOut" key="2">
-				<image style="height: 60rpx;width: 60rpx;" src="../../static/img/icon-time2.png"></image>
-				<p style="font-size: 30rpx;color: #f70c0c;">超时：{{timeLeft}}</p>
-			</view>
-
-			<view class="address">
-				<view class="address_icon">
-					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_loc" mode="">
-					</image>
-				</view>
-				<view style="width: 70%;">
-					<view style="display: flex;">
-						<p class='ipon' style="padding-right: 100rpx;">{{address.receiver_name}}</p>
-						<p class='ipon'>{{address.phone_number}}</p>
-					</view>
-					<p class='ipon'>{{address.full_detail_addr}}</p>
-				</view>
-				<view class="address_edit" @click="editAddress()" v-if="task.task_stage < 4">
-					<image :src="picture.icon_edit" mode="">
-					</image>
-				</view>
-			</view>
-
-			<view class="basicInfo">
-				<view class="tpc-txt1">
-					<image :src="product.PhotoUrl" style="width: 150rpx;height: 150rpx;" mode="">
-					</image>
-					<view class="basicInfo_txt">
-						<p style="font-size: 30rpx;">{{project.project_name}}</p>
-					</view>
-				</view>
-				<view class="tpc-txt2" @click="toTaskDeatail()">
-					<p>查看</p>
-					<image class="tpc-icon" :src="picture.icon_right"></image>
-				</view>
-			</view>
-			<view class="pipline" v-if="!isSpecial">
-				<image :src="picture.icon_whole_pipline"></image>
-			</view>
-			<view class="pipline" v-else>
-				<image :src="picture.icon_special_pipline"></image>
-			</view>
-
-			<view class="task-progress">
-				<view class="task-progress-card" v-bind:style="task.task_stage == 1 ? 'background-color: #f2d241' : ''">
-					<view class="tpc-txt1">
-						<p>报名信息</p>
-					</view>
-					<view class="tpc-txt2" @click="toApplyinfo()">
-						<p>查看</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-				</view>
-				<view class="task-progress-card"
-					v-if="(task.task_stage >= 5 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.logistics_status >= 2)"
-					v-bind:style="task.task_stage >= 5 && task.task_stage <= 6 ? 'background-color: #f2d241' : ''">
-					<view class="tpc-txt1">
-						<p>物流信息</p>
-					</view>
-					<view class="tpc-txt2" @click="toLogisticsinfo()">
-						<p>查看</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-				</view>
-				<view class="task-progress-card"
-					v-if="project.content_type == 2 && ((task.task_stage >= 7 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.script_status == 5))"
-					v-bind:style="task.task_stage >= 7 && task.task_stage <= 8 ? 'background-color: #f2d241' : ''">
-					<view class="tpc-txt1">
-						<p>上传拍摄脚本</p>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 1">
-						<p style="color: red;">待添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 2">
-						<p style="color: #fff;">已添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 3">
-						<p style="color: red;">待修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 4">
-						<p style="color: #fff;">已修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toScriptRecord()" v-if="task.script_status == 5">
-						<p>查看</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-				</view>
-				<view class="task-progress-card"
-					v-if="(task.task_stage >= 9 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.sketch_status == 5)"
-					v-bind:style="task.task_stage >= 9 && task.task_stage <= 10 ? 'background-color: #f2d241' : ''">
-					<view class="tpc-txt1">
-						<p>上传初稿</p>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 1">
-						<p style="color: red;">待添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 2">
-						<p style="color: #fff;">已添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 3">
-						<p style="color: red;">待修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 4">
-						<p style="color: #fff;">已修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toSketchRecord()" v-if="task.sketch_status == 5">
-						<p>查看</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-				</view>
-				<view class="task-progress-card"
-					v-if="(task.task_stage >= 11 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.link_status == 5)"
-					v-bind:style="task.task_stage >= 11 && task.task_stage <= 12 ? 'background-color: #f2d241' : ''">
-					<view class="tpc-txt1">
-						<p>上传链接</p>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 1">
-						<p style="color: red;">待添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 2">
-						<p style="color: #fff;">已添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 3">
-						<p style="color: red;">待修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 4">
-						<p style="color: #fff;">已修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toLinkRecord()" v-if="task.link_status == 5">
-						<p>查看</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-				</view>
-				<view class="task-progress-card"
-					v-if="(task.task_stage >= 13 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.data_status == 5)"
-					v-bind:style="task.task_stage >= 13 && task.task_stage <= 14 ? 'background-color: #f2d241' : ''">
-					<view class="tpc-txt1">
-						<p>上传数据</p>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 1">
-						<p style="color: red;">待添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 2">
-						<p style="color: #fff;">已添加</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 3">
-						<p style="color: red;">待修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 4">
-						<p style="color: #fff;">已修改</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" @click="toDataRecord()" v-if="task.data_status == 5">
-						<p>查看</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-				</view>
-				<view class="task-progress-card" v-if="task.task_stage === 15" style="background-color: #f2d241">
-					<view class="tpc-txt1">
-						<p>已结案</p>
-					</view>
-					<view class="tpc-txt2" v-if="withdrawStatus == 1">
-						<!-- <p>前往提现</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image> -->
-					</view>
-					<view class="tpc-txt2" @click="toWithdraw()" v-if="withdrawStatus == 2">
-						<p>前往提现</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" v-if="withdrawStatus == 3">
-						<p>提现中</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-					<view class="tpc-txt2" v-if="withdrawStatus == 4">
-						<p>已提现</p>
-						<image class="tpc-icon" :src="picture.icon_right"></image>
-					</view>
-				</view>
-				<view class="task-progress-info">
-					<view style="padding: 10rpx 0;">
-						<p>任务ID：{{task.task_id}}
-							<image :src="picture.icon_copy" mode="" class="copy-img"
-								@click="handleCopy(task.task_id)" />
-						</p>
-					</view>
-					<view style="padding: 10rpx 0;">
-						<p>报名时间：{{task.create_date}}</p>
-					</view>
-					<view v-if="task.task_stage > 1 && task.task_stage != 3" style="padding: 10rpx 0;">
-						<p>确认合作：{{task.select_date}}</p>
-					</view>
-					<view v-for="(item,index) in taskLogs" style="padding: 10rpx 0;">
-						<p>{{item.content}}：{{item.log_at}}</p>
-					</view>
-				</view>
-			</view>
-
-			<view class="block"></view>
-			<view class="submit" v-if="task.task_stage === 15 && withdrawStatus == 2">
-				<button type="default" class="submit_btn" @click="toWithdraw()">
-					前往提现</button>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	import region from '@/components/pca-code.json';
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import {
-		fansview,
-		money
-	} from '@/components/utils.js';
-	export default {
-		components: {
-			mvBar
-		},
-		data() {
-			return {
-				navH: getApp().globalData.navHeight,
-				picture: getApp().globalData.picture,
-				isTimeOut: false,
-				isNotShowSubmit: true,
-				isShowUpload: false,
-				loading: true,
-				isSpecial: false,
-				timeLeft: "",
-				msg1: "",
-				msg2: "",
-				msg3: "",
-				infoMsg1: [
-					"等待企业确认合作",
-					"恭喜任务申请成功！",
-					"任务申请失败",
-					"等待发货中",
-					"商家已发货",
-					"商品已签收",
-					"等待上传拍摄脚本",
-					"等待脚本审核",
-					"等待上传初稿",
-					"等待初稿审核",
-					"等待上传链接",
-					"等待链接审核",
-					"等待上传作品数据",
-					"等待数据审核",
-					"已结案",
-					"任务终止",
-				],
-				infoMsg2: [
-					"商家将在申请截止后5天内审核完毕",
-					"请仔细查看任务要求和任务详情，开始执行任务吧！",
-					"账号未达到入选标准，请小主尝试申请其他任务吧",
-					"发货后可在物流信息中查看物流单号/虚拟产品兑换码/探店时间",
-					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
-					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
-					"请在任务进度中上传拍摄脚本，商家审核通过后再进行拍摄",
-					"商家正在审核脚本，请耐心等待。",
-					"请在任务进度中上传图文/视频初稿，商家审核通过后再进行发布",
-					"商家正在审核初稿，请耐心等待。",
-					"恭喜作品审核通过，请及时发布并在任务进度中上传发布链接。",
-					"商家正在审核链接，请耐心等待。",
-					"恭喜链接审核通过，请在作品发布7天后上传作品数据。",
-					"商家正在审核数据，请耐心等待。",
-					"本任务已结案，可申请佣金提现。",
-					"长时间未上传，任务已终止。",
-				],
-				infoMsg3: [
-					"企业将在5个工作日内完成核对账号信息，请耐心等待",
-					"请仔细查看任务要求和任务详情，开始执行任务吧！",
-					"账号非企业定向邀请账号，请小主尝试申请其他任务吧",
-					"发货后可在物流信息中查看物流单号/虚拟产品兑换码/探店时间",
-					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
-					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
-					"请在任务进度中上传拍摄脚本，商家审核通过后再进行拍摄",
-					"请在任务进度中上传拍摄脚本，商家审核通过后再进行拍摄",
-					"请在任务进度中上传图文/视频初稿，商家审核通过后再进行发布",
-					"请在任务进度中上传图文/视频初稿，商家审核通过后再进行发布",
-					"恭喜作品审核通过，请及时发布并在任务进度中上传发布链接。",
-					"恭喜作品审核通过，请及时发布并在任务进度中上传发布链接。",
-					"恭喜链接审核通过，请在作品发布7天后上传作品数据。",
-					"恭喜链接审核通过，请在作品发布7天后上传作品数据。",
-					"本任务已结案，可前往任务大厅查看报名其他任务。",
-					"长时间未上传，任务已终止。",
-				],
-				platform: [
-					"红book",
-					"抖音",
-					"微博",
-					"快手",
-					"B站",
-					"大众点评",
-					"知乎",
-				],
-				task: {},
-				address: {},
-				project: {},
-				product: {},
-				account: {},
-				strategy: {},
-				task_type_info: ["实体商品寄拍", "虚拟产品测评", "线下探店打卡"],
-				taskLogs: [],
-				mysNavConfig: {
-					isHome: false,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "种草任务详情",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: '',
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
-						// 右图标
-						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-				withdrawStatus: 1,
-			}
-		},
-		async onShow() {
-			this.loading = true;
-			uni.showLoading({
-				title: '加载中'
-			});
-			await this.getTaskInfo();
-			await this.getTaskLogs();
-			if (!this.isSpecial) {
-				this.getLeftTime();
-			} else {
-				this.loading = false;
-				uni.hideLoading();
-			}
-		},
-		onLoad(options) {
-			this.taskId = options.taskId
-		},
-		methods: {
-			handleCopy(text) {
-				wx.setClipboardData({
-					data: text.toString(),
-					success: function(res) {
-						console.log("复制成功");
-					}
-				});
-			},
-			async getLeftTime(value) {
-				switch (this.task.task_stage) {
-					case 7:
-						// 首次提交
-						if (this.task.script_status === 1 || this.task.script_status === 2) {
-							let logistics = null;
-							await this.$https.get('/youngee/c/t/g/get-task-logistics-info' +
-								"?" +
-								"task_id" +
-								"=" +
-								this.taskId
-							).then(res => {
-								logistics = res.data.data
-							})
-							if (logistics.auto_script_break_at !== null && logistics.auto_script_break_at !== "") {
-								this.timeLeft = this.thistime(logistics.auto_script_break_at)
-							} else {
-								// 为脚本违约限制时间赋值并返回
-								await this.$https.post('/youngee/c/t/p/get-auto-time', {
-									task_id: this.taskId,
-									type: 1,
-								}).then(res => {
-									this.timeLeft = this.thistime(res.data.data)
-								})
-							}
-						} else if (this.task.script_status === 3 || this.task.script_status === 4) {
-							let scriptList = null;
-							let script = null;
-							await this.$https.get('/youngee/c/t/g/get-task-script' +
-									"?" +
-									"task_id" +
-									"=" +
-									this.taskId)
-								.then(res => {
-									scriptList = res.data.data
-									for (let i = 0; i < scriptList.length; ++i) {
-										if (scriptList[i].is_review === 1) {
-											script = scriptList[i]
-										}
-									}
-								})
-							if (script.auto_script_break_at !== null && script.auto_script_break_at !== "") {
-								this.timeLeft = this.thistime(script.auto_script_break_at)
-							} else {
-								// 为脚本违约限制时间赋值并返回
-								await this.$https.post('/youngee/c/t/p/get-auto-time', {
-									task_id: this.taskId,
-									type: 2,
-								}).then(res => {
-									this.timeLeft = this.thistime(res.data.data)
-								})
-							}
-						}
-						this.msg1 = this.isTimeOut ? "脚本上传违约" : this.msg1
-						break;
-					case 9:
-						// 首次提交
-						if (this.task.sketch_status === 1 || this.task.sketch_status === 2) {
-							if (this.project.content_type === 1) {
-								let logistics = null;
-								await this.$https.get('/youngee/c/t/g/get-task-logistics-info' +
-									"?" +
-									"task_id" +
-									"=" +
-									this.taskId
-								).then(res => {
-									logistics = res.data.data
-								})
-								if (logistics.auto_sketch_break_at !== null && logistics.auto_sketch_break_at !== "") {
-									this.timeLeft = this.thistime(logistics.auto_sketch_break_at)
-								} else {
-									// 为初稿违约限制时间赋值并返回
-									await this.$https.post('/youngee/c/t/p/get-auto-time', {
-										task_id: this.taskId,
-										type: 4,
-									}).then(res => {
-										this.timeLeft = this.thistime(res.data.data)
-									})
-								}
-
-							} else {
-								let scriptList = null;
-								await this.$https.get('/youngee/c/t/g/get-task-script' +
-										"?" +
-										"task_id" +
-										"=" +
-										this.taskId)
-									.then(res => {
-										scriptList = res.data.data
-									})
-								for (let i = 0; i < scriptList.length; ++i) {
-									if (scriptList[i].is_ok === 1) {
-										if (scriptList[i].auto_sketch_break_at !== null && scriptList[i]
-											.auto_sketch_break_at !== "") {
-											this.timeLeft = this.thistime(scriptList[i].auto_sketch_break_at)
-										} else {
-											// 为初稿违约限制时间赋值并返回
-											await this.$https.post('/youngee/c/t/p/get-auto-time', {
-												task_id: this.taskId,
-												type: 3,
-											}).then(res => {
-												this.timeLeft = this.thistime(res.data.data)
-											})
-										}
-									}
-								}
-							}
-						} else if (this.task.sketch_status === 3 || this.task.sketch_status === 4) { //修改
-							let sketchList = null;
-							let sketch = null;
-							await this.$https.get('/youngee/c/t/g/get-task-sketch' +
-									"?" +
-									"task_id" +
-									"=" +
-									this.taskId)
-								.then(res => {
-									sketchList = res.data.data
-									for (let i = 0; i < sketchList.length; ++i) {
-										if (sketchList[i].is_review === 1) {
-											sketch = sketchList[i]
-										}
-									}
-								})
-							if (sketch.auto_sketch_break_at !== null && sketch.auto_sketch_break_at !== "") {
-								this.timeLeft = this.thistime(sketch.auto_sketch_break_at)
-							} else {
-								// 为脚本违约限制时间赋值并返回
-								let type = this.project.content_type === 1 ? 6 : 5;
-								await this.$https.post('/youngee/c/t/p/get-auto-time', {
-									task_id: this.taskId,
-									type: type,
-								}).then(res => {
-									this.timeLeft = this.thistime(res.data.data)
-								})
-							}
-						}
-						this.msg1 = this.isTimeOut ? "初稿上传违约" : this.msg1
-						break;
-					case 11:
-						// 首次提交
-						if (this.task.link_status === 1 || this.task.link_status === 2) {
-							let sketchList = null;
-							await this.$https.get('/youngee/c/t/g/get-task-sketch' +
-									"?" +
-									"task_id" +
-									"=" +
-									this.taskId)
-								.then(res => {
-									sketchList = res.data.data
-								})
-							for (let i = 0; i < sketchList.length; ++i) {
-								if (sketchList[i].is_ok === 1) {
-									if (sketchList[i].auto_link_break_at !== null && sketchList[i]
-										.auto_link_break_at !== "") {
-										this.timeLeft = this.thistime(sketchList[i].auto_link_break_at)
-									} else {
-										// 为链接违约限制时间赋值并返回
-										await this.$https.post('/youngee/c/t/p/get-auto-time', {
-											task_id: this.taskId,
-											type: 7,
-										}).then(res => {
-											this.timeLeft = this.thistime(res.data.data)
-										})
-									}
-								}
-							}
-						} else if (this.task.link_status === 3 || this.task.link_status === 4) {
-							let linkList = null;
-							let link = null;
-							await this.$https.get('/youngee/c/t/g/get-task-link' +
-									"?" +
-									"task_id" +
-									"=" +
-									this.taskId)
-								.then(res => {
-									linkList = res.data.data
-									for (let i = 0; i < linkList.length; ++i) {
-										if (linkList[i].is_review === 1) {
-											link = linkList[i]
-										}
-									}
-								})
-							if (link.auto_link_break_at !== null && link.auto_link_break_at !== "") {
-								this.timeLeft = this.thistime(link.auto_link_break_at)
-							} else {
-								// 为脚本违约限制时间赋值并返回
-								await this.$https.post('/youngee/c/t/p/get-auto-time', {
-									task_id: this.taskId,
-									type: 8,
-								}).then(res => {
-									this.timeLeft = this.thistime(res.data.data)
-								})
-							}
-						}
-						this.msg1 = this.isTimeOut ? "链接上传违约" : this.msg1
-						break;
-					case 13:
-						// 首次提交
-						if (this.task.data_status === 1 || this.task.data_status === 2) {
-							let linkList = null;
-							await this.$https.get('/youngee/c/t/g/get-task-link' +
-									"?" +
-									"task_id" +
-									"=" +
-									this.taskId)
-								.then(res => {
-									linkList = res.data.data
-								})
-
-							for (let i = 0; i < linkList.length; ++i) {
-								if (linkList[i].is_ok === 1) {
-									if (linkList[i].auto_data_break_at !== null && linkList[i].auto_data_break_at !==
-										"") {
-										this.timeLeft = this.thistime(linkList[i].auto_data_break_at)
-									} else {
-										// 为数据违约限制时间赋值并返回
-										await this.$https.post('/youngee/c/t/p/get-auto-time', {
-											task_id: this.taskId,
-											type: 9,
-										}).then(res => {
-											this.timeLeft = this.thistime(res.data.data)
-										})
-									}
-								}
-							}
-						} else if (this.task.data_status === 3 || this.task.data_status === 4) {
-							let dataList = null;
-							let data = null;
-							await this.$https.get('/youngee/c/t/g/get-task-data' +
-									"?" +
-									"task_id" +
-									"=" +
-									this.taskId)
-								.then(res => {
-									dataList = res.data.data
-									for (let i = 0; i < dataList.length; ++i) {
-										if (dataList[i].is_review === 1) {
-											data = dataList[i]
-										}
-									}
-								})
-							if (data.auto_data_break_at !== null && data.auto_data_break_at !== "") {
-								this.timeLeft = this.thistime(data.auto_data_break_at)
-							} else {
-								// 为脚本违约限制时间赋值并返回
-								await this.$https.post('/youngee/c/t/p/get-auto-time', {
-									task_id: this.taskId,
-									type: 10,
-								}).then(res => {
-									this.timeLeft = this.thistime(res.data.data)
-								})
-							}
-						}
-						this.msg1 = this.isTimeOut ? "数据上传违约" : this.msg1
-						break;
-					default:
-						break;
-				}
-				this.loading = false;
-				uni.hideLoading();
-			},
-			getTaskInfo() {
-				return this.$https.get('/youngee/c/t/g/get-task-detail' +
-					"?" +
-					"task_id" +
-					"=" +
-					this.taskId
-				).then(res => {
-					if (res.data.code != 0) return
-					const data = res.data.data
-					this.task = data.task_info
-					this.withdrawStatus = data.withdraw_status
-					this.address = JSON.parse(res.data.data.task_info.talent_post_addr_snap);
-					let a = this.address.region_code.toString().slice(0, 2)
-					let b = this.address.region_code.toString().slice(0, 4)
-					let c = 0
-					for (var i = 0; i < region.length; i++) {
-						if (region[i].code == a) {
-							a = region[i].name
-							for (var j = 0; j < region[i].children.length; j++) {
-								if (region[i].children[j].code == b) {
-									b = region[i].children[j].name
-									for (var o = 0; o < region[i].children[j].children.length; o++) {
-										if (region[i].children[j].children[o].code == this.address
-											.region_code) {
-											c = region[i].children[j].children[o].name
-										}
-									}
-								}
-
-							}
-						}
-					}
-					this.address.full_detail_addr = a + b + c + this.address.detail_addr
-
-					this.account = JSON.parse(res.data.data.task_info.talent_platform_info_snap);
-					this.account.show_fans_count = fansview(this.account.fans_count)
-
-					this.project = res.data.data.project_detail
-					this.project.Product = JSON.parse(res.data.data.project_detail.product_snap);
-					this.project.Product.showProductPrice = money(this.project.Product.ProductPrice)
-
-					let ProductPhoto = JSON.parse(res.data.data.project_detail.product_photo_snap);
-					for (let j = 0; j < ProductPhoto.length; ++j) {
-						if (ProductPhoto[j].Symbol == 1) {
-							this.product = ProductPhoto[j]
-						}
-					}
-					this.strategy = res.data.data.strategy
-
-					this.isSpecial = this.project.project_type === 2 ? true : false;
-					if (!this.isSpecial) {
-						this.strategy.show_followers_low = fansview(this.strategy.followers_low)
-						this.strategy.show_followers_up = fansview(this.strategy.followers_up)
-						this.strategy.fee_form_t = this.strategy.fee_form === 1 ? '产品置换' : (this.strategy
-							.fee_form ===
-							2 ?
-							'固定稿费 ' +
-							money(this.task.task_reward) : '创作者自报价 ' + money(this.task.task_reward))
-					}
-
-
-					this.project.content = this.project.content_type === 1 ? "图文" : "视频" // 任务形式					
-					this.project.project_form_t = this.task_type_info[this.project.project_form - 1] // 任务类型					
-					this.project.project_platform_t = this.platform[this.project.project_platform - 1] // 社媒平台
-
-					// 不同任务阶段提示消息
-					this.msg1 = this.infoMsg1[this.task.task_stage - 1]
-					this.msg2 = this.isSpecial ? this.infoMsg3[this.task.task_stage - 1] : this.infoMsg2[this.task
-						.task_stage - 1]
-					if (this.task.task_stage == 7) {
-						this.msg3 = "延迟上传脚本，可能导致佣金扣除。"
-					} else if (this.task.task_stage == 9) {
-						this.msg3 = "延迟上传初稿，可能导致佣金扣除。"
-					} else if (this.task.task_stage == 11) {
-						this.msg3 = "延迟上传链接，可能导致佣金扣除。"
-					} else if (this.task.task_stage == 13) {
-						this.msg3 = "延迟上传数据，可能导致佣金扣除。"
-					}
-
-					// 判断是否显示快速上传按钮
-					if (this.task.task_stage == 7 || this.task.task_stage == 9 || this.task.task_stage == 11 ||
-						this.task.task_stage == 13) {
-						this.isShowUpload = true
-					} else {
-						this.isShowUpload = false
-					}
-
-					// 判断确认提交按钮是否可用
-					if (this.task.task_stage == 7 && (this.task.script_status == 2 || this.task.script_status ==
-							4)) {
-						this.isNotShowSubmit = false
-					}
-					if (this.task.task_stage == 9 && (this.task.sketch_status == 2 || this.task.sketch_status ==
-							4)) {
-						this.isNotShowSubmit = false
-					}
-					if (this.task.task_stage == 11 && (this.task.link_status == 2 || this.task.link_status == 4)) {
-						this.isNotShowSubmit = false
-					}
-					if (this.task.task_stage == 13 && (this.task.data_status == 2 || this.task.data_status == 4)) {
-						this.isNotShowSubmit = false
-					}
-				})
-			},
-			getTaskLogs() {
-				return this.$https.get('/youngee/c/t/g/get-task-log' +
-					"?" +
-					"task_id" +
-					"=" +
-					this.taskId
-				).then(res => {
-					this.taskLogs = res.data.data
-				})
-			},
-			toUpload() {
-				if (this.task.task_stage == 7 || this.task.task_stage == 8) { // 上传脚本
-					var data = {
-						taskId: this.task.task_id,
-						scriptStatus: this.task.script_status
-					};
-					data = JSON.stringify(data)
-					uni.navigateTo({
-						url: '/page_workspace/task/upload/uploadscript?textObj=' + encodeURIComponent(data)
-					});
-				} else if (this.task.task_stage == 9 || this.task.task_stage == 10) { // 上传初稿
-					var data = {
-						taskId: this.task.task_id,
-						sketchStatus: this.task.sketch_status
-					};
-					data = JSON.stringify(data)
-					uni.navigateTo({
-						url: '/page_workspace/task/upload/uploadsketch?textObj=' + encodeURIComponent(data)
-					});
-				} else if (this.task.task_stage == 11 || this.task.task_stage == 12) { // 上传链接
-					var data = {
-						taskId: this.task.task_id,
-						linkStatus: this.task.link_status
-					};
-					data = JSON.stringify(data)
-					uni.navigateTo({
-						url: '/page_workspace/task/upload/uploadlink?textObj=' + encodeURIComponent(data)
-					});
-				} else if (this.task.task_stage == 13 || this.task.task_stage == 14) { // 上传数据
-					var data = {
-						taskId: this.task.task_id,
-						dataStatus: this.task.data_status
-					};
-					data = JSON.stringify(data)
-					uni.navigateTo({
-						url: '/page_workspace/task/upload/uploaddata?textObj=' + encodeURIComponent(data)
-					});
-				}
-			},
-			toScriptRecord() {
-				var data = {
-					taskId: this.task.task_id,
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/record/scriptrecord?textObj=' + encodeURIComponent(data)
-				});
-			},
-			toSketchRecord() {
-				var data = {
-					taskId: this.task.task_id,
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/record/sketchrecord?textObj=' + encodeURIComponent(data)
-				});
-			},
-			toLinkRecord() {
-				var data = {
-					taskId: this.task.task_id,
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/record/linkrecord?textObj=' + encodeURIComponent(data)
-				});
-			},
-			toDataRecord() {
-				var data = {
-					taskId: this.task.task_id,
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/record/datarecord?textObj=' + encodeURIComponent(data)
-				});
-			},
-			toTaskDeatail() {
-				if (this.isSpecial) {
-					uni.navigateTo({
-						url: '/page_tasksquare/specialtask/specialTaskDetail?id=' + this.project.project_id
-					});
-				} else {
-					uni.navigateTo({
-						url: '/page_tasksquare/wholetask/taskdetail?id=' + this.project.project_id
-					});
-				}
-			},
-			toApplyinfo() {
-				var data = {
-					account: this.account,
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/information/applyInformation?textObj=' + encodeURIComponent(data)
-				});
-			},
-			toLogisticsinfo() {
-				console.log(this.project.project_form)
-				var data = {
-					address: this.address,
-					taskId: this.task.task_id,
-					projectForm: this.project.project_form
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/information/deliveryInformation?textObj=' + encodeURIComponent(data)
-				});
-			},
-			editAddress() {
-				var data = {
-					address: this.address,
-					taskId: this.task.task_id,
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/editaddress?textObj=' + encodeURIComponent(data)
-				});
-			},
-			// 计算结束时间
-			thistime(val) {
-				// 转换格式
-				var beginTime = new Date(val.replace(/-/g, "/"));
-				// 当前时间
-				var thisTime = new Date();
-				// 相减
-				var dateMiss = beginTime.getTime() - thisTime.getTime();
-				this.isTimeOut = dateMiss < 0 ? true : false
-				dateMiss = dateMiss < 0 ? -dateMiss : dateMiss
-				// 天数
-				var day = Math.floor(dateMiss / (24 * 3600 * 1000));
-				// 减去天数剩下的毫秒数
-				var backOne = dateMiss % (24 * 3600 * 1000);
-				// 小时数
-				var hours = Math.floor(backOne / (3600 * 1000));
-				// 减去小时数剩下的毫秒数
-				var backHour = backOne % (3600 * 1000);
-				// 分钟数
-				var min = Math.floor(backHour / (60 * 1000));
-				var deadline_time = day + '天' + hours + '时' + min + '分'
-				return deadline_time
-			},
-			toWithdraw() {
-				uni.navigateTo({
-					url: '/pages/mycenter/myincome?showTab=1'
-				});
-			},
-			submit() {
-				if (this.task.task_stage == 7) { // 提交脚本
-					let that = this
-					uni.showModal({
-						title: '提示',
-						content: '提交后无法修改并进行审核，确认提交？',
-						success: function(res) {
-							if (res.confirm) {
-								that.$https.get('/youngee/c/t/g/submit-task-script' +
-										"?" +
-										"task_id" +
-										"=" +
-										that.task.task_id)
-									.then(res => {
-										console.log(res)
-										uni.navigateBack()
-									})
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (this.task.task_stage == 9) { // 提交初稿
-					let that = this
-					uni.showModal({
-						title: '提示',
-						content: '提交后无法修改并进行审核，确认提交？',
-						success: function(res) {
-							if (res.confirm) {
-								that.$https.get('/youngee/c/t/g/submit-task-sketch' +
-										"?" +
-										"task_id" +
-										"=" +
-										that.task.task_id)
-									.then(res => {
-										console.log(res)
-										uni.navigateBack()
-									})
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (this.task.task_stage == 11) { // 提交链接
-					let that = this
-					uni.showModal({
-						title: '提示',
-						content: '提交后无法修改并进行审核，确认提交？',
-						success: function(res) {
-							if (res.confirm) {
-								that.$https.get('/youngee/c/t/g/submit-task-link' +
-										"?" +
-										"task_id" +
-										"=" +
-										that.task.task_id)
-									.then(res => {
-										console.log(res)
-										uni.navigateBack()
-									})
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (this.task.task_stage == 13) { // 提交数据
-					let that = this
-					uni.showModal({
-						title: '提示',
-						content: '提交后无法修改并进行审核，确认提交？',
-						success: function(res) {
-							if (res.confirm) {
-								that.$https.get('/youngee/c/t/g/submit-task-data' +
-										"?" +
-										"task_id" +
-										"=" +
-										that.task.task_id)
-									.then(res => {
-										console.log(res)
-										uni.navigateBack()
-									})
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				}
-			}
-		}
-	}
-</script>
-
-
-<style lang="scss" scoped>
-	text {
-		font-size: 12px;
-	}
-
-	.basicInfo {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin-top: 20rpx;
-		padding: 20rpx;
-		font-size: 30rpx;
-		background-color: #FFFFFF;
-
-		.basicInfo_txt {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			margin-left: 40rpx;
-			// padding-top: 20rpx;
-		}
-
-		.tpc-txt1 {
-			display: flex;
-			justify-content: flex-start;
-			// margin-left: 20rpx;
-
-		}
-
-		.tpc-txt2 {
-			display: flex;
-			align-items: center;
-			justify-content: flex-end;
-			padding-right: 10rpx;
-			// margin-right: 20rpx;
-			flex: 1;
-
-			.tpc-icon {
-				width: 30rpx;
-				height: 30rpx;
-			}
-		}
-	}
-
-	.upload-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		background-color: #f2d241;
-		border-radius: 10rpx;
-		padding: 5rpx;
-		margin-left: 20rpx;
-		cursor: pointer;
-	}
-
-	.address {
-		display: flex;
-		margin: 20rpx 0;
-		// padding: 20rpx 20rpx;
-		background-color: #FFFFFF;
-		justify-content: space-around;
-		align-items: center;
-
-		.address_icon {
-			width: 15%;
-			vertical-align: middle;
-			display: flex;
-			justify-content: center;
-		}
-
-		.address_edit {
-			width: 15%;
-		}
-
-		.address_edit image {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 14rpx;
-		}
-
-		.ipon {
-			color: #333333;
-			font-size: 30rpx;
-			margin-bottom: 10rpx;
-		}
-	}
-
-	.keyInfo {
-		padding: 20rpx 20rpx;
-		background-color: #FFFFFF;
-
-		.keyInfo_task {
-			// color: #999999;
-		}
-	}
-
-	.keyInfo h3 {}
-
-	.keyInfo p {
-		font-size: 30rpx;
-	}
-
-	.account {
-		display: flex;
-		align-items: center;
-		// justify-content: space-between;
-		// width: 90%;
-		margin: 20rpx 0;
-		padding: 20rpx 20rpx;
-		background-color: #FFFFFF;
-		font-size: 35rpx;
-
-		.account_txt {
-			display: inline-block;
-			padding: 0 0 0 1%;
-			width: 400rpx;
-		}
-
-		.account_txt image {
-			vertical-align: middle;
-			width: 50rpx;
-			height: 50rpx;
-			display: inline-block;
-			padding-right: 14rpx;
-		}
-
-		.account_fans {
-			display: flex;
-			width: 250rpx;
-		}
-
-		.account_fans p {
-			display: inline-block;
-			color: #333333;
-		}
-
-		.account_btn {}
-	}
-
-	.task-progress {
-		padding: 20rpx;
-
-		.task-progress-card {
-			margin: 15rpx 0;
-			display: flex;
-			align-items: center;
-			// margin: 20rpx;
-			padding: 10rpx;
-			font-size: 30rpx;
-			border-radius: 10rpx;
-
-			.tpc-txt1 {
-				display: flex;
-				justify-content: flex-start;
-				// margin-left: 20rpx;
-
-			}
-
-			.tpc-txt2 {
-				display: flex;
-				align-items: center;
-				justify-content: flex-end;
-				// margin-right: 20rpx;
-				flex: 1;
-
-				.tpc-icon {
-					width: 30rpx;
-					height: 30rpx;
-				}
-			}
-		}
-
-		.task-progress-info {
-			padding: 10rpx;
-			font-size: 30rpx;
-			border-radius: 10rpx;
-			background-color: #f2f2f2;
-		}
-	}
-
-	.block {
-		width: 100%;
-		height: 100rpx;
-		margin-top: 5%;
-	}
-
-	.submit {
-		box-shadow: 0rpx 5rpx 40rpx #ccc;
-		width: 100%;
-		position: fixed;
-		bottom: 0rpx;
-		display: flex;
-		height: 90rpx;
-		padding-top: 2%;
-		background-color: #FFFFFF;
-
-		.submit_btn {
-			width: 60%;
-			background-color: #FCCF41;
-			border-radius: 20rpx;
-			font-size: 36rpx;
-			line-height: 200%;
-			letter-spacing: 10rpx;
-			height: 80%;
-		}
-
-	}
-
-	.line {
-		border-bottom: 1rpx solid #d5d5d5;
-		width: 98%;
-		margin: 10rpx 1%;
-	}
-
-	.pipline {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin: 20rpx;
-		// border: #FCCF41 1rpx dashed;
-	}
-
-	.pipline image {
-		/* width: 600rpx; */
-		height: 150rpx;
-	}
+<template>
+	<view>
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+
+		<view v-if="!loading">
+			<view style="padding-bottom: 30rpx;margin: 0 30rpx">
+				<view style="display: flex;justify-content: center;font-size: 44rpx;padding-bottom: 20rpx;">
+					<p>{{msg1}}</p>
+					<view class="upload-btn" v-if="isShowUpload" @click="toUpload()" key="0">
+						<image src="../../static/img/icon-upload.png" style="height: 40rpx;width: 40rpx;"></image>
+						<p style="font-size: 28rpx;">快速上传</p>
+					</view>
+				</view>
+				<view style="display: flex;justify-content: center;font-size: 24rpx;color: #999999;text-align:center">
+					<p>{{msg2}}</p>
+				</view>
+				<view style="display: flex;justify-content: center;font-size: 24rpx;color: #999999;text-align:center"
+					v-if="msg3 != ''">
+					<p>{{msg3}}</p>
+				</view>
+			</view>
+
+			<view style="display: flex;justify-content: center;align-items: center;"
+				v-if="isShowUpload && !isSpecial && !isTimeOut" key="1">
+				<image style="height: 60rpx;width: 60rpx;" src="../../static/img/icon-time.png"></image>
+				<p style="font-size: 30rpx;color: #f2d241;">剩余时间：{{timeLeft}}</p>
+			</view>
+
+			<view style="display: flex;justify-content: center;align-items: center;"
+				v-if="isShowUpload && !isSpecial && isTimeOut" key="2">
+				<image style="height: 60rpx;width: 60rpx;" src="../../static/img/icon-time2.png"></image>
+				<p style="font-size: 30rpx;color: #f70c0c;">超时：{{timeLeft}}</p>
+			</view>
+
+			<view class="address">
+				<view class="address_icon">
+					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_loc" mode="">
+					</image>
+				</view>
+				<view style="width: 70%;">
+					<view style="display: flex;">
+						<p class='ipon' style="padding-right: 100rpx;">{{address.receiver_name}}</p>
+						<p class='ipon'>{{address.phone_number}}</p>
+					</view>
+					<p class='ipon'>{{address.full_detail_addr}}</p>
+				</view>
+				<view class="address_edit" @click="editAddress()" v-if="task.task_stage < 4">
+					<image :src="picture.icon_edit" mode="">
+					</image>
+				</view>
+			</view>
+
+			<view class="basicInfo">
+				<view class="tpc-txt1">
+					<image :src="product.PhotoUrl" style="width: 150rpx;height: 150rpx;" mode="">
+					</image>
+					<view class="basicInfo_txt">
+						<p style="font-size: 30rpx;">{{project.project_name}}</p>
+					</view>
+				</view>
+				<view class="tpc-txt2" @click="toTaskDeatail()">
+					<p>查看</p>
+					<image class="tpc-icon" :src="picture.icon_right"></image>
+				</view>
+			</view>
+			<view class="pipline" v-if="!isSpecial">
+				<image :src="picture.icon_whole_pipline"></image>
+			</view>
+			<view class="pipline" v-else>
+				<image :src="picture.icon_special_pipline"></image>
+			</view>
+
+			<view class="task-progress">
+				<view class="task-progress-card" v-bind:style="task.task_stage == 1 ? 'background-color: #f2d241' : ''">
+					<view class="tpc-txt1">
+						<p>报名信息</p>
+					</view>
+					<view class="tpc-txt2" @click="toApplyinfo()">
+						<p>查看</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+				</view>
+				<view class="task-progress-card"
+					v-if="(task.task_stage >= 5 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.logistics_status >= 2)"
+					v-bind:style="task.task_stage >= 5 && task.task_stage <= 6 ? 'background-color: #f2d241' : ''">
+					<view class="tpc-txt1">
+						<p>物流信息</p>
+					</view>
+					<view class="tpc-txt2" @click="toLogisticsinfo()">
+						<p>查看</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+				</view>
+				<view class="task-progress-card"
+					v-if="project.content_type == 2 && ((task.task_stage >= 7 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.script_status == 5))"
+					v-bind:style="task.task_stage >= 7 && task.task_stage <= 8 ? 'background-color: #f2d241' : ''">
+					<view class="tpc-txt1">
+						<p>上传拍摄脚本</p>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 1">
+						<p style="color: red;">待添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 2">
+						<p style="color: #fff;">已添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 3">
+						<p style="color: red;">待修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.script_status == 4">
+						<p style="color: #fff;">已修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toScriptRecord()" v-if="task.script_status == 5">
+						<p>查看</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+				</view>
+				<view class="task-progress-card"
+					v-if="(task.task_stage >= 9 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.sketch_status == 5)"
+					v-bind:style="task.task_stage >= 9 && task.task_stage <= 10 ? 'background-color: #f2d241' : ''">
+					<view class="tpc-txt1">
+						<p>上传初稿</p>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 1">
+						<p style="color: red;">待添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 2">
+						<p style="color: #fff;">已添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 3">
+						<p style="color: red;">待修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.sketch_status == 4">
+						<p style="color: #fff;">已修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toSketchRecord()" v-if="task.sketch_status == 5">
+						<p>查看</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+				</view>
+				<view class="task-progress-card"
+					v-if="(task.task_stage >= 11 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.link_status == 5)"
+					v-bind:style="task.task_stage >= 11 && task.task_stage <= 12 ? 'background-color: #f2d241' : ''">
+					<view class="tpc-txt1">
+						<p>上传链接</p>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 1">
+						<p style="color: red;">待添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 2">
+						<p style="color: #fff;">已添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 3">
+						<p style="color: red;">待修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.link_status == 4">
+						<p style="color: #fff;">已修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toLinkRecord()" v-if="task.link_status == 5">
+						<p>查看</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+				</view>
+				<view class="task-progress-card"
+					v-if="(task.task_stage >= 13 && task.task_stage <= 15) || ((task.task_stage === 16 || task.task_stage === 3) && task.data_status == 5)"
+					v-bind:style="task.task_stage >= 13 && task.task_stage <= 14 ? 'background-color: #f2d241' : ''">
+					<view class="tpc-txt1">
+						<p>上传数据</p>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 1">
+						<p style="color: red;">待添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 2">
+						<p style="color: #fff;">已添加</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 3">
+						<p style="color: red;">待修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toUpload()" v-if="task.data_status == 4">
+						<p style="color: #fff;">已修改</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" @click="toDataRecord()" v-if="task.data_status == 5">
+						<p>查看</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+				</view>
+				<view class="task-progress-card" v-if="task.task_stage === 15" style="background-color: #f2d241">
+					<view class="tpc-txt1">
+						<p>已结案</p>
+					</view>
+					<view class="tpc-txt2" v-if="withdrawStatus == 1">
+						<!-- <p>前往提现</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image> -->
+					</view>
+					<view class="tpc-txt2" @click="toWithdraw()" v-if="withdrawStatus == 2">
+						<p>前往提现</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" v-if="withdrawStatus == 3">
+						<p>提现中</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+					<view class="tpc-txt2" v-if="withdrawStatus == 4">
+						<p>已提现</p>
+						<image class="tpc-icon" :src="picture.icon_right"></image>
+					</view>
+				</view>
+				<view class="task-progress-info">
+					<view style="padding: 10rpx 0;">
+						<p>任务ID：{{task.task_id}}
+							<image :src="picture.icon_copy" mode="" class="copy-img"
+								@click="handleCopy(task.task_id)" />
+						</p>
+					</view>
+					<view style="padding: 10rpx 0;">
+						<p>报名时间：{{task.create_date}}</p>
+					</view>
+					<view v-if="task.task_stage > 1 && task.task_stage != 3" style="padding: 10rpx 0;">
+						<p>确认合作：{{task.select_date}}</p>
+					</view>
+					<view v-for="(item,index) in taskLogs" style="padding: 10rpx 0;">
+						<p>{{item.content}}：{{item.log_at}}</p>
+					</view>
+				</view>
+			</view>
+
+			<view class="block"></view>
+			<view class="submit" v-if="task.task_stage === 15 && withdrawStatus == 2">
+				<button type="default" class="submit_btn" @click="toWithdraw()">
+					前往提现</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import region from '@/components/pca-code.json';
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import {
+		fansview,
+		money
+	} from '@/components/utils.js';
+	export default {
+		components: {
+			mvBar
+		},
+		data() {
+			return {
+				navH: getApp().globalData.navHeight,
+				picture: getApp().globalData.picture,
+				isTimeOut: false,
+				isNotShowSubmit: true,
+				isShowUpload: false,
+				loading: true,
+				isSpecial: false,
+				timeLeft: "",
+				msg1: "",
+				msg2: "",
+				msg3: "",
+				infoMsg1: [
+					"等待企业确认合作",
+					"恭喜任务申请成功！",
+					"任务申请失败",
+					"等待发货中",
+					"商家已发货",
+					"商品已签收",
+					"等待上传拍摄脚本",
+					"等待脚本审核",
+					"等待上传初稿",
+					"等待初稿审核",
+					"等待上传链接",
+					"等待链接审核",
+					"等待上传作品数据",
+					"等待数据审核",
+					"已结案",
+					"任务终止",
+				],
+				infoMsg2: [
+					"商家将在申请截止后5天内审核完毕",
+					"请仔细查看任务要求和任务详情，开始执行任务吧！",
+					"账号未达到入选标准，请小主尝试申请其他任务吧",
+					"发货后可在物流信息中查看物流单号/虚拟产品兑换码/探店时间",
+					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
+					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
+					"请在任务进度中上传拍摄脚本，商家审核通过后再进行拍摄",
+					"商家正在审核脚本，请耐心等待。",
+					"请在任务进度中上传图文/视频初稿，商家审核通过后再进行发布",
+					"商家正在审核初稿，请耐心等待。",
+					"恭喜作品审核通过，请及时发布并在任务进度中上传发布链接。",
+					"商家正在审核链接，请耐心等待。",
+					"恭喜链接审核通过，请在作品发布7天后上传作品数据。",
+					"商家正在审核数据，请耐心等待。",
+					"本任务已结案，可申请佣金提现。",
+					"长时间未上传，任务已终止。",
+				],
+				infoMsg3: [
+					"企业将在5个工作日内完成核对账号信息，请耐心等待",
+					"请仔细查看任务要求和任务详情，开始执行任务吧！",
+					"账号非企业定向邀请账号，请小主尝试申请其他任务吧",
+					"发货后可在物流信息中查看物流单号/虚拟产品兑换码/探店时间",
+					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
+					"请在物流进度中查看物流单号/虚拟产品兑换码/探店时间",
+					"请在任务进度中上传拍摄脚本，商家审核通过后再进行拍摄",
+					"请在任务进度中上传拍摄脚本，商家审核通过后再进行拍摄",
+					"请在任务进度中上传图文/视频初稿，商家审核通过后再进行发布",
+					"请在任务进度中上传图文/视频初稿，商家审核通过后再进行发布",
+					"恭喜作品审核通过，请及时发布并在任务进度中上传发布链接。",
+					"恭喜作品审核通过，请及时发布并在任务进度中上传发布链接。",
+					"恭喜链接审核通过，请在作品发布7天后上传作品数据。",
+					"恭喜链接审核通过，请在作品发布7天后上传作品数据。",
+					"本任务已结案，可前往任务大厅查看报名其他任务。",
+					"长时间未上传，任务已终止。",
+				],
+				platform: [
+					"红book",
+					"抖音",
+					"微博",
+					"快手",
+					"B站",
+					"大众点评",
+					"知乎",
+				],
+				task: {},
+				address: {},
+				project: {},
+				product: {},
+				account: {},
+				strategy: {},
+				task_type_info: ["实体商品寄拍", "虚拟产品测评", "线下探店打卡"],
+				taskLogs: [],
+				mysNavConfig: {
+					isHome: false,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "种草任务详情",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: '',
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png2.png",
+						// 右图标
+						rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+				withdrawStatus: 1,
+			}
+		},
+		async onShow() {
+			this.loading = true;
+			uni.showLoading({
+				title: '加载中'
+			});
+			await this.getTaskInfo();
+			await this.getTaskLogs();
+			if (!this.isSpecial) {
+				this.getLeftTime();
+			} else {
+				this.loading = false;
+				uni.hideLoading();
+			}
+		},
+		onLoad(options) {
+			this.taskId = options.taskId
+		},
+		methods: {
+			handleCopy(text) {
+				wx.setClipboardData({
+					data: text.toString(),
+					success: function(res) {
+						console.log("复制成功");
+					}
+				});
+			},
+			async getLeftTime(value) {
+				switch (this.task.task_stage) {
+					case 7:
+						// 首次提交
+						if (this.task.script_status === 1 || this.task.script_status === 2) {
+							let logistics = null;
+							await this.$https.get('/youngee/c/t/g/get-task-logistics-info' +
+								"?" +
+								"task_id" +
+								"=" +
+								this.taskId
+							).then(res => {
+								logistics = res.data.data
+							})
+							if (logistics.auto_script_break_at !== null && logistics.auto_script_break_at !== "") {
+								this.timeLeft = this.thistime(logistics.auto_script_break_at)
+							} else {
+								// 为脚本违约限制时间赋值并返回
+								await this.$https.post('/youngee/c/t/p/get-auto-time', {
+									task_id: this.taskId,
+									type: 1,
+								}).then(res => {
+									this.timeLeft = this.thistime(res.data.data)
+								})
+							}
+						} else if (this.task.script_status === 3 || this.task.script_status === 4) {
+							let scriptList = null;
+							let script = null;
+							await this.$https.get('/youngee/c/t/g/get-task-script' +
+									"?" +
+									"task_id" +
+									"=" +
+									this.taskId)
+								.then(res => {
+									scriptList = res.data.data
+									for (let i = 0; i < scriptList.length; ++i) {
+										if (scriptList[i].is_review === 1) {
+											script = scriptList[i]
+										}
+									}
+								})
+							if (script.auto_script_break_at !== null && script.auto_script_break_at !== "") {
+								this.timeLeft = this.thistime(script.auto_script_break_at)
+							} else {
+								// 为脚本违约限制时间赋值并返回
+								await this.$https.post('/youngee/c/t/p/get-auto-time', {
+									task_id: this.taskId,
+									type: 2,
+								}).then(res => {
+									this.timeLeft = this.thistime(res.data.data)
+								})
+							}
+						}
+						this.msg1 = this.isTimeOut ? "脚本上传违约" : this.msg1
+						break;
+					case 9:
+						//首次提交
+						if (this.task.sketch_status === 1 || this.task.sketch_status === 2) {
+							if (this.project.content_type === 1) {
+								let logistics = null;
+								await this.$https.get('/youngee/c/t/g/get-task-logistics-info' +
+									"?" +
+									"task_id" +
+									"=" +
+									this.taskId
+								).then(res => {
+									logistics = res.data.data
+								})
+								// if (logistics.auto_sketch_break_at !== null && logistics.auto_sketch_break_at !== "") {
+								// 	this.timeLeft = this.thistime(logistics.auto_sketch_break_at)
+								// } else {
+								// 	// 为初稿违约限制时间赋值并返回
+								// 	await this.$https.post('/youngee/c/t/p/get-auto-time', {
+								// 		task_id: this.taskId,
+								// 		type: 4,
+								// 	}).then(res => {
+								// 		this.timeLeft = this.thistime(res.data.data)
+								// 	})
+								// }
+
+							} else {
+								console.log("其他种草情况")
+								// let scriptList = null;
+								// await this.$https.get('/youngee/c/t/g/get-task-script' +
+								// 		"?" +
+								// 		"task_id" +
+								// 		"=" +
+								// 		this.taskId)
+								// 	.then(res => {
+								// 		scriptList = res.data.data
+								// 	})
+								// for (let i = 0; i < scriptList.length; ++i) {
+								// 	if (scriptList[i].is_ok === 1) {
+								// 		if (scriptList[i].auto_sketch_break_at !== null && scriptList[i]
+								// 			.auto_sketch_break_at !== "") {
+								// 			this.timeLeft = this.thistime(scriptList[i].auto_sketch_break_at)
+								// 		} else {
+								// 			// 为初稿违约限制时间赋值并返回
+								// 			await this.$https.post('/youngee/c/t/p/get-auto-time', {
+								// 				task_id: this.taskId,
+								// 				type: 3,
+								// 			}).then(res => {
+								// 				this.timeLeft = this.thistime(res.data.data)
+								// 			})
+								// 		}
+								// 	}
+								// }
+							}
+						} else if (this.task.sketch_status === 3 || this.task.sketch_status === 4) { //修改
+							let sketchList = null;
+							let sketch = null;
+							await this.$https.get('/youngee/c/t/g/get-task-sketch' +
+									"?" +
+									"task_id" +
+									"=" +
+									this.taskId)
+								.then(res => {
+									sketchList = res.data.data
+									for (let i = 0; i < sketchList.length; ++i) {
+										if (sketchList[i].is_review === 1) {
+											sketch = sketchList[i]
+										}
+									}
+								})
+							// if (sketch.auto_sketch_break_at !== null && sketch.auto_sketch_break_at !== "") {
+							// 	this.timeLeft = this.thistime(sketch.auto_sketch_break_at)
+							// } else {
+							// 	// 为脚本违约限制时间赋值并返回
+							// 	let type = this.project.content_type === 1 ? 6 : 5;
+							// 	await this.$https.post('/youngee/c/t/p/get-auto-time', {
+							// 		task_id: this.taskId,
+							// 		type: type,
+							// 	}).then(res => {
+							// 		this.timeLeft = this.thistime(res.data.data)
+							// 	})
+							// }
+						}
+						this.msg1 = this.isTimeOut ? "初稿上传违约" : this.msg1
+						break;
+					case 11:
+						// 首次提交
+						if (this.task.link_status === 1 || this.task.link_status === 2) {
+							let sketchList = null;
+							await this.$https.get('/youngee/c/t/g/get-task-sketch' +
+									"?" +
+									"task_id" +
+									"=" +
+									this.taskId)
+								.then(res => {
+									sketchList = res.data.data
+								})
+							for (let i = 0; i < sketchList.length; ++i) {
+								if (sketchList[i].is_ok === 1) {
+									if (sketchList[i].auto_link_break_at !== null && sketchList[i]
+										.auto_link_break_at !== "") {
+										this.timeLeft = this.thistime(sketchList[i].auto_link_break_at)
+									} else {
+										// 为链接违约限制时间赋值并返回
+										await this.$https.post('/youngee/c/t/p/get-auto-time', {
+											task_id: this.taskId,
+											type: 7,
+										}).then(res => {
+											this.timeLeft = this.thistime(res.data.data)
+										})
+									}
+								}
+							}
+						} else if (this.task.link_status === 3 || this.task.link_status === 4) {
+							let linkList = null;
+							let link = null;
+							await this.$https.get('/youngee/c/t/g/get-task-link' +
+									"?" +
+									"task_id" +
+									"=" +
+									this.taskId)
+								.then(res => {
+									linkList = res.data.data
+									for (let i = 0; i < linkList.length; ++i) {
+										if (linkList[i].is_review === 1) {
+											link = linkList[i]
+										}
+									}
+								})
+							if (link.auto_link_break_at !== null && link.auto_link_break_at !== "") {
+								this.timeLeft = this.thistime(link.auto_link_break_at)
+							} else {
+								// 为脚本违约限制时间赋值并返回
+								await this.$https.post('/youngee/c/t/p/get-auto-time', {
+									task_id: this.taskId,
+									type: 8,
+								}).then(res => {
+									this.timeLeft = this.thistime(res.data.data)
+								})
+							}
+						}
+						this.msg1 = this.isTimeOut ? "链接上传违约" : this.msg1
+						break;
+					case 13:
+						// 首次提交
+						if (this.task.data_status === 1 || this.task.data_status === 2) {
+							let linkList = null;
+							await this.$https.get('/youngee/c/t/g/get-task-link' +
+									"?" +
+									"task_id" +
+									"=" +
+									this.taskId)
+								.then(res => {
+									linkList = res.data.data
+								})
+
+							for (let i = 0; i < linkList.length; ++i) {
+								if (linkList[i].is_ok === 1) {
+									if (linkList[i].auto_data_break_at !== null && linkList[i].auto_data_break_at !==
+										"") {
+										this.timeLeft = this.thistime(linkList[i].auto_data_break_at)
+									} else {
+										// 为数据违约限制时间赋值并返回
+										await this.$https.post('/youngee/c/t/p/get-auto-time', {
+											task_id: this.taskId,
+											type: 9,
+										}).then(res => {
+											this.timeLeft = this.thistime(res.data.data)
+										})
+									}
+								}
+							}
+						} else if (this.task.data_status === 3 || this.task.data_status === 4) {
+							let dataList = null;
+							let data = null;
+							await this.$https.get('/youngee/c/t/g/get-task-data' +
+									"?" +
+									"task_id" +
+									"=" +
+									this.taskId)
+								.then(res => {
+									dataList = res.data.data
+									for (let i = 0; i < dataList.length; ++i) {
+										if (dataList[i].is_review === 1) {
+											data = dataList[i]
+										}
+									}
+								})
+							if (data.auto_data_break_at !== null && data.auto_data_break_at !== "") {
+								this.timeLeft = this.thistime(data.auto_data_break_at)
+							} else {
+								// 为脚本违约限制时间赋值并返回
+								await this.$https.post('/youngee/c/t/p/get-auto-time', {
+									task_id: this.taskId,
+									type: 10,
+								}).then(res => {
+									this.timeLeft = this.thistime(res.data.data)
+								})
+							}
+						}
+						this.msg1 = this.isTimeOut ? "数据上传违约" : this.msg1
+						break;
+					default:
+						break;
+				}
+				this.loading = false;
+				uni.hideLoading();
+			},
+			getTaskInfo() {
+				return this.$https.get('/youngee/c/t/g/get-task-detail' +
+					"?" +
+					"task_id" +
+					"=" +
+					this.taskId
+				).then(res => {
+					if (res.data.code != 0) return
+					const data = res.data.data
+					this.task = data.task_info
+					this.withdrawStatus = data.withdraw_status
+					this.address = JSON.parse(res.data.data.task_info.talent_post_addr_snap);
+					let a = this.address.region_code.toString().slice(0, 2)
+					let b = this.address.region_code.toString().slice(0, 4)
+					let c = 0
+					for (var i = 0; i < region.length; i++) {
+						if (region[i].code == a) {
+							a = region[i].name
+							for (var j = 0; j < region[i].children.length; j++) {
+								if (region[i].children[j].code == b) {
+									b = region[i].children[j].name
+									for (var o = 0; o < region[i].children[j].children.length; o++) {
+										if (region[i].children[j].children[o].code == this.address
+											.region_code) {
+											c = region[i].children[j].children[o].name
+										}
+									}
+								}
+
+							}
+						}
+					}
+					this.address.full_detail_addr = a + b + c + this.address.detail_addr
+
+					// this.account = JSON.parse(res.data.data.task_info.talent_platform_info_snap);
+					// this.account.show_fans_count = fansview(this.account.fans_count)
+
+					this.project = res.data.data.project_detail
+					this.project.Product = JSON.parse(res.data.data.project_detail.product_snap);
+					this.project.Product.showProductPrice = money(this.project.Product.ProductPrice)
+
+					let ProductPhoto = JSON.parse(res.data.data.project_detail.product_photo_snap);
+					for (let j = 0; j < ProductPhoto.length; ++j) {
+						if (ProductPhoto[j].Symbol == 1) {
+							this.product = ProductPhoto[j]
+						}
+					}
+					this.strategy = res.data.data.strategy
+
+					this.isSpecial = this.project.project_type === 2 ? true : false;
+					if (!this.isSpecial) {
+						this.strategy.show_followers_low = fansview(this.strategy.followers_low)
+						this.strategy.show_followers_up = fansview(this.strategy.followers_up)
+						this.strategy.fee_form_t = this.strategy.fee_form === 1 ? '产品置换' : (this.strategy
+							.fee_form ===
+							2 ?
+							'固定稿费 ' +
+							money(this.task.task_reward) : '创作者自报价 ' + money(this.task.task_reward))
+					}
+
+
+					this.project.content = this.project.content_type === 1 ? "图文" : "视频" // 任务形式					
+					this.project.project_form_t = this.task_type_info[this.project.project_form - 1] // 任务类型					
+					this.project.project_platform_t = this.platform[this.project.project_platform - 1] // 社媒平台
+
+					// 不同任务阶段提示消息
+					this.msg1 = this.infoMsg1[this.task.task_stage - 1]
+					this.msg2 = this.isSpecial ? this.infoMsg3[this.task.task_stage - 1] : this.infoMsg2[this.task
+						.task_stage - 1]
+					if (this.task.task_stage == 7) {
+						this.msg3 = "延迟上传脚本，可能导致佣金扣除。"
+					} else if (this.task.task_stage == 9) {
+						this.msg3 = "延迟上传初稿，可能导致佣金扣除。"
+					} else if (this.task.task_stage == 11) {
+						this.msg3 = "延迟上传链接，可能导致佣金扣除。"
+					} else if (this.task.task_stage == 13) {
+						this.msg3 = "延迟上传数据，可能导致佣金扣除。"
+					}
+
+					// 判断是否显示快速上传按钮
+					if (this.task.task_stage == 7 || this.task.task_stage == 9 || this.task.task_stage == 11 ||
+						this.task.task_stage == 13) {
+						this.isShowUpload = true
+					} else {
+						this.isShowUpload = false
+					}
+
+					// 判断确认提交按钮是否可用
+					if (this.task.task_stage == 7 && (this.task.script_status == 2 || this.task.script_status ==
+							4)) {
+						this.isNotShowSubmit = false
+					}
+					if (this.task.task_stage == 9 && (this.task.sketch_status == 2 || this.task.sketch_status ==
+							4)) {
+						this.isNotShowSubmit = false
+					}
+					if (this.task.task_stage == 11 && (this.task.link_status == 2 || this.task.link_status == 4)) {
+						this.isNotShowSubmit = false
+					}
+					if (this.task.task_stage == 13 && (this.task.data_status == 2 || this.task.data_status == 4)) {
+						this.isNotShowSubmit = false
+					}
+				})
+			},
+			getTaskLogs() {
+				return this.$https.get('/youngee/c/t/g/get-task-log' +
+					"?" +
+					"task_id" +
+					"=" +
+					this.taskId
+				).then(res => {
+					this.taskLogs = res.data.data
+				})
+			},
+			toUpload() {
+				if (this.task.task_stage == 7 || this.task.task_stage == 8) { // 上传脚本
+					var data = {
+						taskId: this.task.task_id,
+						scriptStatus: this.task.script_status
+					};
+					data = JSON.stringify(data)
+					uni.navigateTo({
+						url: '/page_workspace/task/upload/uploadscript?textObj=' + encodeURIComponent(data)
+					});
+				} else if (this.task.task_stage == 9 || this.task.task_stage == 10) { // 上传初稿、初稿待审
+					var data = {
+						taskId: this.task.task_id,
+						sketchStatus: this.task.sketch_status
+					};
+					data = JSON.stringify(data)
+					uni.navigateTo({
+						url: '/page_workspace/task/upload/uploadsketch?textObj=' + encodeURIComponent(data)
+					});
+				} else if (this.task.task_stage == 11 || this.task.task_stage == 12) { // 上传链接
+					var data = {
+						taskId: this.task.task_id,
+						linkStatus: this.task.link_status
+					};
+					data = JSON.stringify(data)
+					uni.navigateTo({
+						url: '/page_workspace/task/upload/uploadlink?textObj=' + encodeURIComponent(data)
+					});
+				} else if (this.task.task_stage == 13 || this.task.task_stage == 14) { // 上传数据
+					var data = {
+						taskId: this.task.task_id,
+						dataStatus: this.task.data_status
+					};
+					data = JSON.stringify(data)
+					uni.navigateTo({
+						url: '/page_workspace/task/upload/uploaddata?textObj=' + encodeURIComponent(data)
+					});
+				}
+			},
+			toScriptRecord() {
+				var data = {
+					taskId: this.task.task_id,
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/record/scriptrecord?textObj=' + encodeURIComponent(data)
+				});
+			},
+			toSketchRecord() {
+				var data = {
+					taskId: this.task.task_id,
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/record/sketchrecord?textObj=' + encodeURIComponent(data)
+				});
+			},
+			toLinkRecord() {
+				var data = {
+					taskId: this.task.task_id,
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/record/linkrecord?textObj=' + encodeURIComponent(data)
+				});
+			},
+			toDataRecord() {
+				var data = {
+					taskId: this.task.task_id,
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/record/datarecord?textObj=' + encodeURIComponent(data)
+				});
+			},
+			toTaskDeatail() {
+				if (this.isSpecial) {
+					uni.navigateTo({
+						url: '/page_tasksquare/specialtask/specialTaskDetail?id=' + this.project.project_id
+					});
+				} else {
+					uni.navigateTo({
+						url: '/page_tasksquare/wholetask/taskdetail?id=' + this.project.project_id
+					});
+				}
+			},
+			toApplyinfo() {
+				var data = {
+					account: this.account,
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/information/applyInformation?textObj=' + encodeURIComponent(data)
+				});
+			},
+			toLogisticsinfo() {
+				console.log(this.project.project_form)
+				var data = {
+					address: this.address,
+					taskId: this.task.task_id,
+					projectForm: this.project.project_form
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/information/deliveryInformation?textObj=' + encodeURIComponent(data)
+				});
+			},
+			editAddress() {
+				var data = {
+					address: this.address,
+					taskId: this.task.task_id,
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/editaddress?textObj=' + encodeURIComponent(data)
+				});
+			},
+			// 计算结束时间
+			thistime(val) {
+				// 转换格式
+				var beginTime = new Date(val.replace(/-/g, "/"));
+				// 当前时间
+				var thisTime = new Date();
+				// 相减
+				var dateMiss = beginTime.getTime() - thisTime.getTime();
+				this.isTimeOut = dateMiss < 0 ? true : false
+				dateMiss = dateMiss < 0 ? -dateMiss : dateMiss
+				// 天数
+				var day = Math.floor(dateMiss / (24 * 3600 * 1000));
+				// 减去天数剩下的毫秒数
+				var backOne = dateMiss % (24 * 3600 * 1000);
+				// 小时数
+				var hours = Math.floor(backOne / (3600 * 1000));
+				// 减去小时数剩下的毫秒数
+				var backHour = backOne % (3600 * 1000);
+				// 分钟数
+				var min = Math.floor(backHour / (60 * 1000));
+				var deadline_time = day + '天' + hours + '时' + min + '分'
+				return deadline_time
+			},
+			toWithdraw() {
+				uni.navigateTo({
+					url: '/pages/mycenter/myincome?showTab=1'
+				});
+			},
+			submit() {
+				if (this.task.task_stage == 7) { // 提交脚本
+					let that = this
+					uni.showModal({
+						title: '提示',
+						content: '提交后无法修改并进行审核，确认提交？',
+						success: function(res) {
+							if (res.confirm) {
+								that.$https.get('/youngee/c/t/g/submit-task-script' +
+										"?" +
+										"task_id" +
+										"=" +
+										that.task.task_id)
+									.then(res => {
+										console.log(res)
+										uni.navigateBack()
+									})
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else if (this.task.task_stage == 9) { // 提交初稿
+					let that = this
+					uni.showModal({
+						title: '提示',
+						content: '提交后无法修改并进行审核，确认提交？',
+						success: function(res) {
+							if (res.confirm) {
+								that.$https.get('/youngee/c/t/g/submit-task-sketch' +
+										"?" +
+										"task_id" +
+										"=" +
+										that.task.task_id)
+									.then(res => {
+										console.log(res)
+										uni.navigateBack()
+									})
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else if (this.task.task_stage == 11) { // 提交链接
+					let that = this
+					uni.showModal({
+						title: '提示',
+						content: '提交后无法修改并进行审核，确认提交？',
+						success: function(res) {
+							if (res.confirm) {
+								that.$https.get('/youngee/c/t/g/submit-task-link' +
+										"?" +
+										"task_id" +
+										"=" +
+										that.task.task_id)
+									.then(res => {
+										console.log(res)
+										uni.navigateBack()
+									})
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				} else if (this.task.task_stage == 13) { // 提交数据
+					let that = this
+					uni.showModal({
+						title: '提示',
+						content: '提交后无法修改并进行审核，确认提交？',
+						success: function(res) {
+							if (res.confirm) {
+								that.$https.get('/youngee/c/t/g/submit-task-data' +
+										"?" +
+										"task_id" +
+										"=" +
+										that.task.task_id)
+									.then(res => {
+										console.log(res)
+										uni.navigateBack()
+									})
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
+				}
+			}
+		}
+	}
+</script>
+
+
+<style lang="scss" scoped>
+	text {
+		font-size: 12px;
+	}
+
+	.basicInfo {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-top: 20rpx;
+		padding: 20rpx;
+		font-size: 30rpx;
+		background-color: #FFFFFF;
+
+		.basicInfo_txt {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-left: 40rpx;
+			// padding-top: 20rpx;
+		}
+
+		.tpc-txt1 {
+			display: flex;
+			justify-content: flex-start;
+			// margin-left: 20rpx;
+
+		}
+
+		.tpc-txt2 {
+			display: flex;
+			align-items: center;
+			justify-content: flex-end;
+			padding-right: 10rpx;
+			// margin-right: 20rpx;
+			flex: 1;
+
+			.tpc-icon {
+				width: 30rpx;
+				height: 30rpx;
+			}
+		}
+	}
+
+	.upload-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background-color: #f2d241;
+		border-radius: 10rpx;
+		padding: 5rpx;
+		margin-left: 20rpx;
+		cursor: pointer;
+	}
+
+	.address {
+		display: flex;
+		margin: 20rpx 0;
+		// padding: 20rpx 20rpx;
+		background-color: #FFFFFF;
+		justify-content: space-around;
+		align-items: center;
+
+		.address_icon {
+			width: 15%;
+			vertical-align: middle;
+			display: flex;
+			justify-content: center;
+		}
+
+		.address_edit {
+			width: 15%;
+		}
+
+		.address_edit image {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 14rpx;
+		}
+
+		.ipon {
+			color: #333333;
+			font-size: 30rpx;
+			margin-bottom: 10rpx;
+		}
+	}
+
+	.keyInfo {
+		padding: 20rpx 20rpx;
+		background-color: #FFFFFF;
+
+		.keyInfo_task {
+			// color: #999999;
+		}
+	}
+
+	.keyInfo h3 {}
+
+	.keyInfo p {
+		font-size: 30rpx;
+	}
+
+	.account {
+		display: flex;
+		align-items: center;
+		// justify-content: space-between;
+		// width: 90%;
+		margin: 20rpx 0;
+		padding: 20rpx 20rpx;
+		background-color: #FFFFFF;
+		font-size: 35rpx;
+
+		.account_txt {
+			display: inline-block;
+			padding: 0 0 0 1%;
+			width: 400rpx;
+		}
+
+		.account_txt image {
+			vertical-align: middle;
+			width: 50rpx;
+			height: 50rpx;
+			display: inline-block;
+			padding-right: 14rpx;
+		}
+
+		.account_fans {
+			display: flex;
+			width: 250rpx;
+		}
+
+		.account_fans p {
+			display: inline-block;
+			color: #333333;
+		}
+
+		.account_btn {}
+	}
+
+	.task-progress {
+		padding: 20rpx;
+
+		.task-progress-card {
+			margin: 15rpx 0;
+			display: flex;
+			align-items: center;
+			// margin: 20rpx;
+			padding: 10rpx;
+			font-size: 30rpx;
+			border-radius: 10rpx;
+
+			.tpc-txt1 {
+				display: flex;
+				justify-content: flex-start;
+				// margin-left: 20rpx;
+
+			}
+
+			.tpc-txt2 {
+				display: flex;
+				align-items: center;
+				justify-content: flex-end;
+				// margin-right: 20rpx;
+				flex: 1;
+
+				.tpc-icon {
+					width: 30rpx;
+					height: 30rpx;
+				}
+			}
+		}
+
+		.task-progress-info {
+			padding: 10rpx;
+			font-size: 30rpx;
+			border-radius: 10rpx;
+			background-color: #f2f2f2;
+		}
+	}
+
+	.block {
+		width: 100%;
+		height: 100rpx;
+		margin-top: 5%;
+	}
+
+	.submit {
+		box-shadow: 0rpx 5rpx 40rpx #ccc;
+		width: 100%;
+		position: fixed;
+		bottom: 0rpx;
+		display: flex;
+		height: 90rpx;
+		padding-top: 2%;
+		background-color: #FFFFFF;
+
+		.submit_btn {
+			width: 60%;
+			background-color: #FCCF41;
+			border-radius: 20rpx;
+			font-size: 36rpx;
+			line-height: 200%;
+			letter-spacing: 10rpx;
+			height: 80%;
+		}
+
+	}
+
+	.line {
+		border-bottom: 1rpx solid #d5d5d5;
+		width: 98%;
+		margin: 10rpx 1%;
+	}
+
+	.pipline {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin: 20rpx;
+		// border: #FCCF41 1rpx dashed;
+	}
+
+	.pipline image {
+		/* width: 600rpx; */
+		height: 150rpx;
+	}
 </style>

page_workspace/task/upload/uploadsketch.vue

@@ -1,482 +1,482 @@
-<template>
-	<view style="position: relative;">
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-		<view @click="toRecord()" style="margin-bottom:20rpx">
-			<view style="display: flex;justify-content: center;">
-				<image style="height: 60rpx;width: 60rpx;" src="../../static/img/icon-clock.png"></image>
-			</view>
-			<view style="display: flex;justify-content: center;">
-				<p style="font-size: 30rpx;">查看修改/反馈记录</p>
-			</view>
-		</view>
-
-		<view v-if="!loading && !onlyShow">
-			<view style="display: flex;justify-content: center;">
-				<radio-group @change="chan">
-					<label v-for="item in radioGroup" :key="item">
-						<view style="display: inline;margin: 0 20rpx">
-							<radio :value="item" :checked="item==activeRadio" color="#fdd544" />{{item}}
-						</view>
-					</label>
-				</radio-group>
-			</view>
-
-			<view style="margin: 30rpx;display: flex;justify-content: center;" v-if="activeRadio == '图文'">
-				<htz-image-upload :max="18" mediaType="image" name="file" :chooseNum="9" v-model="imageData"
-					@chooseSuccess="ceshiChooseSuccess1">
-				</htz-image-upload>
-			</view>
-
-			<view style="margin: 30rpx;display: flex;justify-content: center;" v-if="activeRadio == '视频'">
-				<htz-image-upload :max="1" mediaType="video" name="file" :chooseNum="1" v-model="videoData"
-					@chooseSuccess="ceshiChooseSuccess2">
-				</htz-image-upload>
-			</view>
-
-			<view style="padding: 20rpx 30rpx 0;">
-				<uni-easyinput type="text" :inputBorder="false" v-model="title" placeholder="在此填写让人眼前一亮的标题吧"
-					:placeholderStyle="placeholderStyle">
-				</uni-easyinput>
-			</view>
-			<!-- 多行输入框 -->
-			<view style="padding: 40rpx 30rpx 150rpx;font-size: 30rpx;">
-				<textarea v-model="text" maxlength="2000" auto-height="true" placeholder="添加正文" />
-			</view>
-			<view class="signup">
-				<button type="default" class="but1" :loading="loading" :class="{'on':item.title == '1',}"
-					@click="submit()">
-					提交初稿</button>
-			</view>
-		</view>
-
-		<view v-if="!loading && onlyShow">
-			<view v-if="activeRadio == '图文'">
-				<view class="image-list">
-					<!-- 图文 -->
-					<view class="image-item" v-for="photo in imageData">
-						<image :src="photo" mode="aspectFill" style="width: 100%;height: 100%;"
-							@click="handlePreviewImage1(photo)"></image>
-					</view>
-				</view>
-			</view>
-			<!-- 视频 -->
-			<view style="display: flex;align-items: center;justify-content: center;" v-if="activeRadio == '视频'">
-				<video :src="videoData[0]"></video>
-			</view>
-			<view>
-				<p style="font-size: 30rpx;padding: 20rpx 30rpx 0 ;">{{title}}</p>
-				<view style="padding: 40rpx 30rpx 150rpx;font-size: 30rpx;">
-					<text style="font-size: 30rpx;"> {{text}}</text>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import htzImageUpload from '@/components/htz-image-upload/htz-image-upload.vue';
-	import getPolicyEncode from '@/components/obs/getPolicy.js';
-	import getSignature from '@/components/obs/GetSignature.js';
-	export default {
-		components: {
-			mvBar,
-			htzImageUpload,
-		},
-		data() {
-			return {
-				onlyShow: false,
-				loading: true,
-				placeholderStyle: "font-size: 30rpx;",
-				navH: getApp().globalData.navHeight,
-				taskId: "",
-				title: "",
-				text: "",
-				sketchStatus: "",
-				activeRadio: '图文', //存的是选中的value值
-				radioGroup: ['图文', '视频'],
-				videoData: [],
-				imageData: [],
-				mysNavConfig: {
-					/* 开启单页显示首页图标 */
-					isHome: true,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "上传初稿",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "normal", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: '',
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "/static/img/png2.png",
-						// 右图标
-						rightPath: "/static/img/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-			}
-		},
-
-		onLoad(options) {
-			let data = options.textObj.replace(/""/g, "");
-			data = JSON.parse(decodeURIComponent(data))
-			this.taskId = data.taskId
-			this.sketchStatus = data.sketchStatus
-			this.getSketch()
-		},
-		methods: {
-			chan(e) {
-				this.activeRadio = e.detail.value;
-				console.log(this.activeRadio);
-			},
-			handlePreviewImage1(item) {
-				console.log("image src: ", item)
-				let that = this
-				wx.previewImage({
-					current: item, // 当前显示图片的http链接
-					urls: that.imageData // 需要预览的图片http链接列表
-				})
-			},
-			async getSketch() {
-				this.loading = true
-				uni.showLoading({
-					title: '加载中'
-				});
-				await this.$https.get('/youngee/c/t/g/get-unsubmit-task-sketch' +
-						"?" +
-						"task_id" +
-						"=" +
-						this.taskId)
-					.then(res => {
-						console.log(res)
-						if (res.data.data != null) {
-							this.onlyShow = true
-							this.title = res.data.data.title
-							this.text = res.data.data.content
-							if (res.data.data.type == 1) { // 图文
-								this.activeRadio = '图文'
-								for (var j = 0; j < res.data.data.Photo.length; j++) {
-									this.imageData.push(res.data.data.Photo[j].photo_url)
-								}
-							} else if (res.data.data.type == 2) { //视频
-								this.activeRadio = '视频'
-								for (var j = 0; j < res.data.data.Photo.length; j++) {
-									this.videoData.push(res.data.data.Photo[j].photo_url)
-								}
-							}
-						}
-					})
-				uni.hideLoading();
-				this.loading = false
-			},
-			toRecord() {
-				var data = {
-					taskId: this.taskId,
-				};
-				data = JSON.stringify(data)
-				uni.navigateTo({
-					url: '/page_workspace/task/record/sketchrecord?textObj=' + encodeURIComponent(data)
-				});
-			},
-
-			submit() {
-				// 检验标题和内容是否为空
-				let type = 0
-				let photourl = []
-				if (this.activeRadio == '图文') { // 图文
-					type = 1
-					photourl = this.imageData
-				} else {
-					type = 2
-					photourl = this.videoData
-				}
-				if (photourl.length == 0) {
-					uni.showToast({
-						title: "请上传初稿图片或视频",
-						icon: 'none'
-					})
-					return
-				}
-				if (type === 1) {
-					if (this.title == '') {
-						uni.showToast({
-							title: "请填写初稿标题",
-							icon: 'none'
-						})
-						return
-					}
-					if (this.text == '') {
-						uni.showToast({
-							title: "请填写初稿内容",
-							icon: 'none'
-						})
-						return
-					}
-				}
-				console.log("photourl:", photourl)
-				let that = this
-				uni.showModal({
-					title: '提示',
-					content: '提交后无法修改并进行审核，确认提交？',
-					success: async function(res) {
-						if (res.confirm) {
-							await that.$https.post('/youngee/c/t/p/add-task-sketch', {
-									task_id: that.taskId,
-									title: that.title,
-									content: that.text,
-									type: type,
-									photo_url: photourl.toString()
-								})
-								.then(res => {
-									console.log(res)
-								})
-							await that.$https.get('/youngee/c/t/g/submit-task-sketch' +
-									"?" +
-									"task_id" +
-									"=" +
-									that.taskId)
-								.then(res => {
-									console.log(res)
-								})
-
-							uni.navigateBack()
-						} else if (res.cancel) {
-							console.log('用户点击取消');
-						}
-					}
-				});
-
-			},
-			ceshiChooseSuccess1(tempFilePaths, e) { //选择图文返回
-				console.log('ceshiChooseSuccess', tempFilePaths, e);
-				/****************
-				以下代码是自定义上传逻辑，仅供参考
-				***************/
-				this.imgUpload1(tempFilePaths, e);
-				/*******************************/
-				console.log("imgdata" + this.imageData)
-			},
-			imgUpload1(tempFilePaths, e) {
-				let that = this
-				console.log('imgUpload', tempFilePaths)
-				let config = {
-					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
-					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
-					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
-				};
-
-				for (let i = 0; i < tempFilePaths.length; ++i) {
-					if (e == 0) {
-						this.store = 'talent_upload/' + this.guid() + '.png'
-					} else if (e == 1) {
-						this.store = 'talent_upload/' + this.guid() + '.mp4'
-					}
-					let fileName = this.store; //指定上传到OBS桶中的对象名
-					let OBSPolicy = { //设定policy内容
-						"expiration": "2089-12-31T12:00:00.000Z",
-						"conditions": [{
-								"bucket": "horastar"
-							}, //Bucket name
-							// {"bucket": "goin"}, 
-							{
-								'key': fileName
-							}
-						]
-					}
-					let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
-					let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
-					uni.uploadFile({
-						//url: config.EndPoint,
-						url: config.EndPoint,
-						filePath: tempFilePaths[i],
-						name: 'file',
-
-						formData: {
-							'AccessKeyID': config.AccessKeyId,
-							'policy': policyEncoded,
-							'signature': signature,
-							'key': fileName,
-						},
-
-						success: function(res) {
-							console.log(res.statusCode); //打印响应状态码
-							if (res.statusCode == '204') {
-								that.imageData.push(config.EndPoint + '/' + fileName);
-								console.log('上传图片成功', res)
-								let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号
-								console.log(obs_url)
-								// that.formData.home_img = obs_url
-								uni.showToast({
-									title: '上传成功',
-									icon: '成功'
-								});
-							} else {
-								console.log('上传图片失败', res)
-								uni.showToast({
-									title: '上传失败',
-									icon: '失败'
-								});
-							}
-						},
-						fail: function(e) {
-							console.log(e);
-							uni.showToast({
-								title: '上传失败',
-								icon: '失败'
-							});
-						}
-					})
-				}
-
-			},
-			ceshiChooseSuccess2(tempFilePaths, e) { //选择视频返回
-				console.log('ceshiChooseSuccess', tempFilePaths, e);
-				if (e == 0) {
-					this.store = 'talent_upload/' + this.guid() + '.png'
-				} else if (e == 1) {
-					this.store = 'talent_upload/' + this.guid() + '.mp4'
-				}
-				/****************
-				以下代码是自定义上传逻辑，仅供参考
-				***************/
-				this.imgUpload2(tempFilePaths);
-				/*******************************/
-				console.log("videoData" + this.videoData)
-			},
-			imgUpload2(tempFilePaths) {
-				let that = this
-				console.log('videoUpload', tempFilePaths)
-				let config = {
-					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
-					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
-					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
-				};
-				let fileName = this.store; //指定上传到OBS桶中的对象名
-				// let fileName = "talent_upload/icon-arrow-right.png"
-				let OBSPolicy = { //设定policy内容
-					"expiration": "2089-12-31T12:00:00.000Z",
-					"conditions": [{
-							"bucket": "horastar"
-						}, //Bucket name
-						// {"bucket": "goin"}, 
-						{
-							'key': fileName
-						}
-					]
-				}
-
-				let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
-				let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
-				uni.uploadFile({
-					//url: config.EndPoint,
-					url: config.EndPoint,
-					filePath: tempFilePaths[0],
-					name: 'file',
-
-					formData: {
-						'AccessKeyID': config.AccessKeyId,
-						'policy': policyEncoded,
-						'signature': signature,
-						'key': fileName,
-					},
-
-					success: function(res) {
-						console.log(res.statusCode); //打印响应状态码
-						if (res.statusCode == '204') {
-							that.videoData.push(config.EndPoint + '/' + fileName);
-							console.log('上传图文成功', res)
-							let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号
-							console.log(obs_url)
-							// that.formData.home_img = obs_url
-							uni.showToast({
-								title: '上传成功',
-								icon: '成功'
-							});
-						} else {
-							console.log('上传图文失败', res)
-							uni.showToast({
-								title: '上传失败',
-								icon: '失败'
-							});
-						}
-					},
-					fail: function(e) {
-						console.log(e);
-						uni.showToast({
-							title: '上传失败',
-							icon: '失败'
-						});
-					}
-				})
-			},
-			guid() {
-				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-					var r = Math.random() * 16 | 0,
-						v = c == 'x' ? r : (r & 0x3 | 0x8);
-
-					return v.toString(16);
-				});
-			},
-		},
-	}
-</script>
-
-<style>
-	/deep/ .uni-easyinput__content-input {
-		font-size: 30rpx !important;
-		padding: 0 !important;
-	}
-</style>
-
-<style lang="scss" scoped>
-	.signup {
-		box-shadow: 0rpx 5rpx 40rpx #ccc;
-		width: 100%;
-		position: fixed;
-		bottom: 0rpx;
-		display: flex;
-		height: 90rpx;
-		padding-top: 2%;
-		background-color: #FFFFFF;
-		z-index: 99;
-	}
-
-	.image-list {
-		margin: 0 22.5rpx;
-		display: flex;
-		flex-wrap: wrap;
-		// justify-content: space-between;
-	}
-
-	.image-item {
-		width: 220rpx;
-		height: 220rpx;
-		margin: 10rpx 7.5rpx;
-	}
-
-	.but1 {
-		width: 60%;
-		background-color: #f2d22d;
-		border-radius: 20rpx;
-		font-size: 36rpx;
-		line-height: 200%;
-		letter-spacing: 10rpx;
-		font-weight: 500;
-		height: 80%;
-
-		&.on {
-			background-color: #C0C0C0;
-
-		}
-
-	}
-</style>
+<template>
+	<view style="position: relative;">
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+		<view @click="toRecord()" style="margin-bottom:20rpx">
+			<view style="display: flex;justify-content: center;">
+				<image style="height: 60rpx;width: 60rpx;" src="../../static/img/icon-clock.png"></image>
+			</view>
+			<view style="display: flex;justify-content: center;">
+				<p style="font-size: 30rpx;">查看修改/反馈记录</p>
+			</view>
+		</view>
+
+		<view v-if="!loading && !onlyShow">
+			<view style="display: flex;justify-content: center;">
+				<radio-group @change="chan">
+					<label v-for="item in radioGroup" :key="item">
+						<view style="display: inline;margin: 0 20rpx">
+							<radio :value="item" :checked="item==activeRadio" color="#fdd544" />{{item}}
+						</view>
+					</label>
+				</radio-group>
+			</view>
+
+			<view style="margin: 30rpx;display: flex;justify-content: center;" v-if="activeRadio == '图文'">
+				<htz-image-upload :max="18" mediaType="image" name="file" :chooseNum="9" v-model="imageData"
+					@chooseSuccess="ceshiChooseSuccess1">
+				</htz-image-upload>
+			</view>
+
+			<view style="margin: 30rpx;display: flex;justify-content: center;" v-if="activeRadio == '视频'">
+				<htz-image-upload :max="1" mediaType="video" name="file" :chooseNum="1" v-model="videoData"
+					@chooseSuccess="ceshiChooseSuccess2">
+				</htz-image-upload>
+			</view>
+
+			<view style="padding: 20rpx 30rpx 0;">
+				<uni-easyinput type="text" :inputBorder="false" v-model="title" placeholder="在此填写让人眼前一亮的标题吧"
+					:placeholderStyle="placeholderStyle">
+				</uni-easyinput>
+			</view>
+			<!-- 多行输入框 -->
+			<view style="padding: 40rpx 30rpx 150rpx;font-size: 30rpx;">
+				<textarea v-model="text" maxlength="2000" auto-height="true" placeholder="添加正文" />
+			</view>
+			<view class="signup">
+				<button type="default" class="but1" :loading="loading" :class="{'on':item.title == '1',}"
+					@click="submit()">
+					提交初稿</button>
+			</view>
+		</view>
+
+		<view v-if="!loading && onlyShow">
+			<view v-if="activeRadio == '图文'">
+				<view class="image-list">
+					<!-- 图文 -->
+					<view class="image-item" v-for="photo in imageData">
+						<image :src="photo" mode="aspectFill" style="width: 100%;height: 100%;"
+							@click="handlePreviewImage1(photo)"></image>
+					</view>
+				</view>
+			</view>
+			<!-- 视频 -->
+			<view style="display: flex;align-items: center;justify-content: center;" v-if="activeRadio == '视频'">
+				<video :src="videoData[0]"></video>
+			</view>
+			<view>
+				<p style="font-size: 30rpx;padding: 20rpx 30rpx 0 ;">{{title}}</p>
+				<view style="padding: 40rpx 30rpx 150rpx;font-size: 30rpx;">
+					<text style="font-size: 30rpx;"> {{text}}</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import htzImageUpload from '@/components/htz-image-upload/htz-image-upload.vue';
+	import getPolicyEncode from '@/components/obs/getPolicy.js';
+	import getSignature from '@/components/obs/GetSignature.js';
+	export default {
+		components: {
+			mvBar,
+			htzImageUpload,
+		},
+		data() {
+			return {
+				onlyShow: false,
+				loading: true,
+				placeholderStyle: "font-size: 30rpx;",
+				navH: getApp().globalData.navHeight,
+				taskId: "",
+				title: "",
+				text: "",
+				sketchStatus: "",
+				activeRadio: '图文', //存的是选中的value值
+				radioGroup: ['图文', '视频'],
+				videoData: [],
+				imageData: [],
+				mysNavConfig: {
+					/* 开启单页显示首页图标 */
+					isHome: true,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "上传初稿",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "normal", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: '',
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "/static/img/png2.png",
+						// 右图标
+						rightPath: "/static/img/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+			}
+		},
+
+		onLoad(options) {
+			let data = options.textObj.replace(/""/g, "");
+			data = JSON.parse(decodeURIComponent(data))
+			this.taskId = data.taskId
+			this.sketchStatus = data.sketchStatus
+			this.getSketch()
+		},
+		methods: {
+			chan(e) {
+				this.activeRadio = e.detail.value;
+				console.log(this.activeRadio);
+			},
+			handlePreviewImage1(item) {
+				console.log("image src: ", item)
+				let that = this
+				wx.previewImage({
+					current: item, // 当前显示图片的http链接
+					urls: that.imageData // 需要预览的图片http链接列表
+				})
+			},
+			async getSketch() {
+				this.loading = true
+				uni.showLoading({
+					title: '加载中'
+				});
+				await this.$https.get('/youngee/c/t/g/get-unsubmit-task-sketch' +
+						"?" +
+						"task_id" +
+						"=" +
+						this.taskId)
+					.then(res => {
+						console.log(res)
+						if (res.data.data != null) {
+							this.onlyShow = true
+							this.title = res.data.data.title
+							this.text = res.data.data.content
+							if (res.data.data.type == 1) { // 图文
+								this.activeRadio = '图文'
+								for (var j = 0; j < res.data.data.Photo.length; j++) {
+									this.imageData.push(res.data.data.Photo[j].photo_url)
+								}
+							} else if (res.data.data.type == 2) { //视频
+								this.activeRadio = '视频'
+								for (var j = 0; j < res.data.data.Photo.length; j++) {
+									this.videoData.push(res.data.data.Photo[j].photo_url)
+								}
+							}
+						}
+					})
+				uni.hideLoading();
+				this.loading = false
+			},
+			toRecord() {
+				var data = {
+					taskId: this.taskId,
+				};
+				data = JSON.stringify(data)
+				uni.navigateTo({
+					url: '/page_workspace/task/record/sketchrecord?textObj=' + encodeURIComponent(data)
+				});
+			},
+
+			submit() {
+				// 检验标题和内容是否为空
+				let type = 0
+				let photourl = []
+				if (this.activeRadio == '图文') { // 图文
+					type = 1
+					photourl = this.imageData
+				} else {
+					type = 2
+					photourl = this.videoData
+				}
+				// if (photourl.length == 0) {
+				// 	uni.showToast({
+				// 		title: "请上传初稿图片或视频",
+				// 		icon: 'none'
+				// 	})
+				// 	return
+				// }
+				if (type === 1) {
+					if (this.title == '') {
+						uni.showToast({
+							title: "请填写初稿标题",
+							icon: 'none'
+						})
+						return
+					}
+					if (this.text == '') {
+						uni.showToast({
+							title: "请填写初稿内容",
+							icon: 'none'
+						})
+						return
+					}
+				}
+				console.log("photourl:", photourl)
+				let that = this
+				uni.showModal({
+					title: '提示',
+					content: '提交后无法修改并进行审核，确认提交？',
+					success: async function(res) {
+						if (res.confirm) {
+							await that.$https.post('/youngee/c/t/p/add-task-sketch', {
+									task_id: that.taskId,
+									title: that.title,
+									content: that.text,
+									type: type,
+									photo_url: photourl.toString()
+								})
+								.then(res => {
+									console.log(res)
+								})
+							await that.$https.get('/youngee/c/t/g/submit-task-sketch' +
+									"?" +
+									"task_id" +
+									"=" +
+									that.taskId)
+								.then(res => {
+									console.log(res)
+								})
+
+							uni.navigateBack()
+						} else if (res.cancel) {
+							console.log('用户点击取消');
+						}
+					}
+				});
+
+			},
+			ceshiChooseSuccess1(tempFilePaths, e) { //选择图文返回
+				console.log('ceshiChooseSuccess', tempFilePaths, e);
+				/****************
+				以下代码是自定义上传逻辑，仅供参考
+				***************/
+				this.imgUpload1(tempFilePaths, e);
+				/*******************************/
+				console.log("imgdata" + this.imageData)
+			},
+			imgUpload1(tempFilePaths, e) {
+				let that = this
+				console.log('imgUpload', tempFilePaths)
+				let config = {
+					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
+					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
+					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
+				};
+
+				for (let i = 0; i < tempFilePaths.length; ++i) {
+					if (e == 0) {
+						this.store = 'talent_upload/' + this.guid() + '.png'
+					} else if (e == 1) {
+						this.store = 'talent_upload/' + this.guid() + '.mp4'
+					}
+					let fileName = this.store; //指定上传到OBS桶中的对象名
+					let OBSPolicy = { //设定policy内容
+						"expiration": "2089-12-31T12:00:00.000Z",
+						"conditions": [{
+								"bucket": "horastar"
+							}, //Bucket name
+							// {"bucket": "goin"}, 
+							{
+								'key': fileName
+							}
+						]
+					}
+					let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
+					let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
+					uni.uploadFile({
+						//url: config.EndPoint,
+						url: config.EndPoint,
+						filePath: tempFilePaths[i],
+						name: 'file',
+
+						formData: {
+							'AccessKeyID': config.AccessKeyId,
+							'policy': policyEncoded,
+							'signature': signature,
+							'key': fileName,
+						},
+
+						success: function(res) {
+							console.log(res.statusCode); //打印响应状态码
+							if (res.statusCode == '204') {
+								that.imageData.push(config.EndPoint + '/' + fileName);
+								console.log('上传图片成功', res)
+								let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号
+								console.log(obs_url)
+								// that.formData.home_img = obs_url
+								uni.showToast({
+									title: '上传成功',
+									icon: '成功'
+								});
+							} else {
+								console.log('上传图片失败', res)
+								uni.showToast({
+									title: '上传失败',
+									icon: '失败'
+								});
+							}
+						},
+						fail: function(e) {
+							console.log(e);
+							uni.showToast({
+								title: '上传失败',
+								icon: '失败'
+							});
+						}
+					})
+				}
+
+			},
+			ceshiChooseSuccess2(tempFilePaths, e) { //选择视频返回
+				console.log('ceshiChooseSuccess', tempFilePaths, e);
+				if (e == 0) {
+					this.store = 'talent_upload/' + this.guid() + '.png'
+				} else if (e == 1) {
+					this.store = 'talent_upload/' + this.guid() + '.mp4'
+				}
+				/****************
+				以下代码是自定义上传逻辑，仅供参考
+				***************/
+				this.imgUpload2(tempFilePaths);
+				/*******************************/
+				console.log("videoData" + this.videoData)
+			},
+			imgUpload2(tempFilePaths) {
+				let that = this
+				console.log('videoUpload', tempFilePaths)
+				let config = {
+					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
+					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
+					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
+				};
+				let fileName = this.store; //指定上传到OBS桶中的对象名
+				// let fileName = "talent_upload/icon-arrow-right.png"
+				let OBSPolicy = { //设定policy内容
+					"expiration": "2089-12-31T12:00:00.000Z",
+					"conditions": [{
+							"bucket": "horastar"
+						}, //Bucket name
+						// {"bucket": "goin"}, 
+						{
+							'key': fileName
+						}
+					]
+				}
+
+				let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
+				let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
+				uni.uploadFile({
+					//url: config.EndPoint,
+					url: config.EndPoint,
+					filePath: tempFilePaths[0],
+					name: 'file',
+
+					formData: {
+						'AccessKeyID': config.AccessKeyId,
+						'policy': policyEncoded,
+						'signature': signature,
+						'key': fileName,
+					},
+
+					success: function(res) {
+						console.log(res.statusCode); //打印响应状态码
+						if (res.statusCode == '204') {
+							that.videoData.push(config.EndPoint + '/' + fileName);
+							console.log('上传图文成功', res)
+							let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号
+							console.log(obs_url)
+							// that.formData.home_img = obs_url
+							uni.showToast({
+								title: '上传成功',
+								icon: '成功'
+							});
+						} else {
+							console.log('上传图文失败', res)
+							uni.showToast({
+								title: '上传失败',
+								icon: '失败'
+							});
+						}
+					},
+					fail: function(e) {
+						console.log(e);
+						uni.showToast({
+							title: '上传失败',
+							icon: '失败'
+						});
+					}
+				})
+			},
+			guid() {
+				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+					var r = Math.random() * 16 | 0,
+						v = c == 'x' ? r : (r & 0x3 | 0x8);
+
+					return v.toString(16);
+				});
+			},
+		},
+	}
+</script>
+
+<style>
+	/deep/ .uni-easyinput__content-input {
+		font-size: 30rpx !important;
+		padding: 0 !important;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.signup {
+		box-shadow: 0rpx 5rpx 40rpx #ccc;
+		width: 100%;
+		position: fixed;
+		bottom: 0rpx;
+		display: flex;
+		height: 90rpx;
+		padding-top: 2%;
+		background-color: #FFFFFF;
+		z-index: 99;
+	}
+
+	.image-list {
+		margin: 0 22.5rpx;
+		display: flex;
+		flex-wrap: wrap;
+		// justify-content: space-between;
+	}
+
+	.image-item {
+		width: 220rpx;
+		height: 220rpx;
+		margin: 10rpx 7.5rpx;
+	}
+
+	.but1 {
+		width: 60%;
+		background-color: #f2d22d;
+		border-radius: 20rpx;
+		font-size: 36rpx;
+		line-height: 200%;
+		letter-spacing: 10rpx;
+		font-weight: 500;
+		height: 80%;
+
+		&.on {
+			background-color: #C0C0C0;
+
+		}
+
+	}
+</style>

pages/login/login.vue

@@ -1,949 +1,952 @@
-<template>
-	<view class="container">
-		<view class="head">
-			<view class="head-image">
-				<image :src="defaultavatarUrl" mode="" style="width: 100%;height: 100%;">
-				</image>
-			</view>
-			<view class="head-text">
-				<p style="font-weight:bold;font-size: 35rpx;padding-bottom: 20rpx;">样叽</p>
-				<p style="font-weight:bold;font-size: 35rpx;">YOUNGGEE</p>
-			</view>
-		</view>
-		<view class="body">
-			<!-- <button class="login-btn" @click="toggle('bottom')" v-if="licenseStatus == 0">授权登录</button> -->
-			<!--  用户点击同意授权后，通过onGetPhoneNumber方法获得回调信息 -->
-			<!-- open-type="getPhoneNumber"是该能力旨在帮助开发者向用户发起手机号申请，并且必须经过用户同意后，开发者才可获得由平台验证后的手机号，进而为用户提供相应服务。 -->
-			<button class="login-btn" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber" 
-				>授权登录</button>
-			
-
-			<button class="exit-btn" @click="exit()">取消登录</button>
-			<view class="xieyi">
-				<uni-data-checkbox multiple class="xieyi-btn" v-model="value" :localdata="range" @change="select">
-				</uni-data-checkbox>
-				<p class="xieyi-read">阅读并同意</p>
-				<p class="xieyi-content"><span style="color: #63779b;" @click="showXieyi()">《用户协议》</span>及<span
-						style="color: #63779b;" @click="showYinsi()">《隐私政策》</span></p>
-			</view>
-		</view>
-
-		<view>
-			<!-- 底部普通弹窗 -->
-			<uni-popup ref="popup" background-color="#fff" @change="change" style="border-radius: 20rpx;">
-				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }"
-					style="    ">
-					<view class=""
-						style="width: 90%; margin: 0 auto; margin-top: 10% !important;margin-bottom: 10% !important;">
-						<view class="Tasktext">
-							<image :src="picture.task15" mode=""></image>
-							<span>YoungGee申请使用</span>
-						</view>
-						<view class="">
-							<h5>你的微信头像、昵称、地区及性别信息</h5>
-						</view>
-						<!-- 黑线 -->
-						<view class="" style="border-bottom: 2rpx solid #C0C0C0;margin-top: 3%;margin-bottom: 3%;">
-						</view>
-						<view class="" style="display: flex;justify-content:space-around;">
-
-							<image :src="picture.jpg7" mode="" style="width: 84rpx;height: 84rpx;border-radius: 10rpx;">
-							</image>
-							<view class="" style="width: 70%;">
-								<p style='color: #000000; font-size: 28rpx;'>昵称</p>
-								<p style='color: #999999; font-size: 24rpx;margin-top: 2%;'>微信个人信息</p>
-							</view>
-							<view class="" style="margin-top: 3%;">
-								<image :src="picture.png6" mode="" style="width: 32rpx;height: 22rpx;"></image>
-							</view>
-						</view>
-
-						<!-- 黑线 -->
-						<view class="" style="border-bottom: 2rpx solid #C0C0C0;margin-top: 3%;margin-bottom: 3%;">
-						</view>
-						<view class="butto" style="margin-top: 3%;">
-							<button class="mini-btn" size="mini" @tap="Reset"
-								style="background-color: #F2F2F2;color:#20AC19 ; margin-right: 5%;">拒绝</button>
-							<button class="mini-btn" size="mini" @tap="determine"
-								style="background-color: #20AC19;color:#F2F2F2 ;margin-left: 5%;">允许</button>
-						</view>
-					</view>
-				</view>
-			</uni-popup>
-		</view>
-
-		<view>
-			<!-- 底部普通弹窗 -->
-			<uni-popup ref="popup3" background-color="#fff" @change="change" style="border-radius: 20rpx;">
-				<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-					<view style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 10% ;">
-						<scroll-view scroll-y="true" style="height:350px;padding: 0 20rpx;">
-							<view class="title">样叽平台服务协议</view>
-							<text style="padding-bottom: 50rpx;">
-								<text class="point">更新时间：2022年11月19日\n</text>
-								<text class="point">生效时间：2022年11月26日\n</text>
-								尊敬的用户，欢迎您使用样叽平台及相关服务。
-								为更好地为您提供服务，请您在访问和使用样叽平台及相关服务前，务必仔细阅读并充分理解本协议条款，特别是涉及免除或者限制责任的条款、权利许可和信息使用的条款、法律适用和争议解决条款等。<text
-									class="point">其中，免除或者限制责任条款等重要内容将以加粗形式提示您注意，您应重点阅读。</text>
-								<text
-									class="point">\n除非您完全接受本协议的全部内容，否则您无权注册、登录样叽平台，或者通过任何方式使用样叽平台，或者获得样叽平台提供的任何服务（以下统称“使用”）。一旦您使用样叽平台及相关服务，即视为您已充分理解本协议，并同意作为本协议的一方当事人接受本协议以及其他与样叽平台及相关服务相关的协议和规则的约束。届时您无权以未阅读本协议的内容或者未获得服务方对您问询的回复、解答、处理等理由，主张本协议无效和/或要求撤销本协议。\n</text>
-								<text class="point">\n一、适用范围及定义\n\n</text>
-								1.本协议是您与北京火乐星球科技有限公司（以下简称“公司”）之间就您注册、登录、使用样叽平台，并获得样叽平台提供的相关服务，所订立的协议。<text
-									class="point">公司有权依样叽平台及相关服务或运营的需要单方决定，安排或指定其关联方、控制公司、继承公司或公司认可的第三方公司继续运营样叽平台。并且，就本协议项下涉及的某些服务，可能由公司的关联公司、控制公司向您提供，您知晓并同意接受上述服务内容，即视为接受双方之间的相关权利义务关系亦受本协议约束。\n</text>
-								2.“样叽平台”：在本协议中也称为“平台”，指公司或其关联公司所运营的包含域名为www.younggee.com的网络平台、标注名称为“样叽企业版”的APP/小程序（以下统称“企业端”）与标注名称为“样叽”的APP/小程序（以下统称“创作者端”），专注于为用户提供图文与视频上传、素材制作、流程执行管理或其他内容服务任务（简称“任务”或“任务需求”或“任务内容”）交易相关的管理及技术服务。公司有权对前述网站平台与应用程序单方变更（包括但不限于更名、新增等）。
-								3.“样叽服务”：指公司为用户提供的，可通过技术手段实现任务交易及管理的一种有偿服务，不同类型的任务交易具体要求、流程及方式，将在本协议相关条款或平台规则中进行规定，用户应予遵守。
-								4.“用户”：指根据样叽平台相关规则与本协议，完成注册或完成平台认证和验证后使用样叽平台及相关服务的自然人、法人和其他组织等。使用“企业端”的用户在本协议中称为“客户”；使用“创作者端”的用户在本协议中称为“创作者”。
-								5.“客户”：指通过“企业端”发布与管理任务，通过“创作者”完成的服务推广其产品或服务的实际需求者，包含客户、客户委托的个人与代理公司。
-								6.“创作者”：指通过“创作者端”按照任务要求进行任务报名、任务分享、任务执行等行为且在社交媒体上拥有自己账号的用户。
-								7.“服务费用”：指客户针对各任务所应支付的相关费用（包括任务服务费、平台服务费等）。一般情况下，“服务费用”采用预充值的形式，当达到本协议或平台规则约定的情况时，公司将在客户预付费用中扣除相应的费用，并依据本协议约定与创作者进行具体任务服务费用结算；特殊情况下，“服务费用”结算方式可由客户与公司另行约定；其中“任务服务费”是指，客户通过平台与创作者针对各任务达成的交易金额（若在实际执行过程中出现变更，应按照平台规则显示的实际执行的金额为准）。
-								8.“合作期限”：自您点击同意本协议之日起长期有效（但本协议其它条款另有约定的，其它条款的有效期从其约定），样叽平台有权提前解除或终止本协议且无需承担任何违约责任，如提前终止或解除本协议的，应当结清债权债务关系；若您创作者，无论因任何原因导致本协议终止的，您应履行完毕已经接受的任务，平台将按照您实际履行的情况与您完成结算，如因您拒绝、迟延履行已接订单导致平台或第三方损失的，您应当承担全部赔偿责任，平台还有权从未结算费用中扣除相应损失。
-								<text
-									class="point">\n9.本协议内容同时包含公司已经发布及后续可能不断发布、更新的关于平台及相关服务和任务的协议、规则等内容。前述内容自公告、通知之日或公告、通知载明之日起生效，并成为本协议不可分割的组成部分，您在前述内容生效之后，仍继续使用样叽平台的，则视为您接受和自愿遵守前述内容。\n</text>
-								<text class="point">\n二、关于账号\n\n</text>
-								1.平台为您提供手机号码注册通道，您的手机号码是您用以登录平台并以您的身份使用平台及相关服务的凭证。
-								<text
-									class="point">\n2.您理解并承诺，您所设置的账号不得违反国家法律法规及公司的相关规则，您的账号名称等注册信息及其他信息中不得出现违法信息及不良信息，未经他人许可不得使用他人名义（包括但不限于冒用他人姓名、名称、字号等足以让人引起混淆的方式）开设账号，不得恶意注册平台账号（包括但不限于频繁注册、批量注册账号等行为）。您在账号注册及使用过程中需遵守相关法律法规，不得实施任何侵害国家利益、损害第三方合法权益、有害社会道德风尚的行为。</text>
-								<text
-									class="point">\n3.您在平台注册的账号所有权及有关权益归公司所有，您完成注册流程后仅享有该账号的使用权。您在平台中的注册账号仅限您使用，未经公司书面同意，禁止以任何形式赠与、借用、出租、转让、售卖或以其他方式许可第三方使用您的账号。若公司发现或者有合理理由认为使用者并非账号所有人或有权使用者，为保障账号安全，公司有权在未通知您的情况下，暂停或终止向该账号提供服务，并注销该账号，而无需向注册该账号的用户承担法律责任。\n</text>
-								4.平台在此特别提示您：为了保障您的账户的安全性，您有责任妥善保管并维护您账号的安全性与保密性。若发现他人未经许可使用您的账号或发生其他任何安全漏洞问题时，您应当立即通知公司。您须对以所注册账号名义所从事的一切活动承担全部法律责任，包括但不限于您在平台上进行的任何信息和任务发布、修改、报价、承接任务订单、充值、付款、提现等操作行为可能引起的一切法律责任。
-								5.您的账号在丢失或遗忘密码后，可遵照公司的申诉途径及时申诉请求找回账号或密码。您应提供增加账号安全性的密码保护资料，并可以凭初始注册资料及密码保护资料填写申诉单向公司申请找回账号。您理解并认可，公司的密码找回机制仅需要识别申诉单上所填资料与系统记录资料具有一致性，而无法识别申诉人是否系账号真正的有权使用者。公司特别提醒您应妥善保管您的账号和密码。当您使用完毕后，应安全退出。因您保管不当可能导致遭受盗号或密码丢失，责任由您自行承担。
-								6.第三方账号授权登录：除自行注册平台帐号外，您也可选择通过授权使用您合法拥有或经过他人合法授权的包括但不限于公司和/或其关联方运营的其他平台下的用户帐号登录、注册并使用样叽平台及相关服务。当您以前述已有帐号登录使用的，应保证相应帐号已进行实名注册登记，您应遵守该平台自身的用户协议及其他协议条款的规定，并同样适用本协议中的相关条款。<text
-									class="point">如您以经他人合法授权的他人账号登录使用的，您应保证已获得全部合法授权，如因使用该他人账号授权登录平台或相关事宜发生争议的，您应当负责解决并保证平台免于承担任何赔偿责任。\n</text>
-								<text
-									class="point">7.在注册、使用和管理账号时，您应保证注册账号时填写信息的真实性、准确性。请您在注册、管理账号时使用真实、准确、合法、有效的相关资质证明材料及必要信息（包括电子邮件地址、联系电话、联系地址等）。公司有权对您提交的注册信息（包括但不限于资质文件等）进行审核。若您提交的材料或提供的信息不准确、不真实、不合法或者公司有理由怀疑为错误、不实或不合法的资料，公司有权不予审核通过。如您已在公司的关联公司所有或经授权合法运营的相关平台提供过相关资质文件，并经过验证（包括但不限于第三方对公验证等形式），您理解并同意，公司有权调取相关数据进行匹配。如未匹配一致，公司有权不予审核通过。\n</text>
-								<text class="point">\n三、样叽平台及相关服务\n\n</text>
-								1.平台提供包括任务发布和承接、任务管理、服务费用结算、提现等技术服务（以下统称“样叽服务”）。
-								2.您成功注册平台账号后，即可登录样叽平台。
-								（1）若您为客户，登录成功后，您可在平台发布任务并根据自身需求选择适合的创作者并在预付相应服务费用后开展合作。
-								（2）若您为创作者，登录成功后，您可在平台查看客户发布的视频拍摄、内容制作、网络直播等具体任务需求，并根据自身需求选择是否接受任务需求。
-								3.若您为客户，您与创作者达成合作意向后：
-								（1）您应按照平台的管理规定及流程要求及时与其沟通内容服务提供和标准等需求，并及时在平台对创作者在各阶段的服务成果进行验收。
-								（2）您为了任务（包括但不限于视频内容、素材内容、直播内容等）能达到更好的推广效果，您同意授权公司以使用您的名义对任务内容和服务成果进行传播或广告投放，且授权公司可以共享您入驻时的主体资质、经营许可资质、商标授权等资质材料，例如公司可将前述资质材料共享至广告投放平台，以便广告投放平台可进行广告投放资质的审核。<text
-									class="point">您知悉并确认，公司对任务内容进行传播或广告投放时，会根据法律法规、平台规则规范等要求调整任务内容，包括但不限于调整锚点组件、标识或标志。</text>您应为公司以您名义进行的传播或广告投放行为依法承担法律责任，包括但不限于：您应承担任务内容、资质材料等信息不合规导致公司遭受损失的赔偿责任。
-								4.若您为创作者，您与客户达成合作意向后，应按照平台的管理规定及流程要求及时查看任务详情、任务要求、任务执行时间等任务信息。并及时在平台对任务各阶段（待传脚本、待传初稿、待传链接、待传数据等）服务成果进行上传。
-								除任务要求或平台管理另有规定外：
-								（1）<text class="point">您同意，客户或平台有权将任务服务成果用于商业性或非商业性合理使用；\n</text>
-								（2）客户可按照您与客户达成的合作意向对工作成果进行使用。
-								<text
-									class="point">您与客户达成合作意向后，如您同时将委托或者安排第三方实际提供服务内容的，因前述第三方实际提供服务不符合客户任务要求或平台管理规定的或该第三方无法提供服务的，均由您按照本协议约定自行向客户和平台承担相应违约和赔偿责任。\n</text>
-								5.客户按照平台规则进行任务结案后，平台依据本协议、具体任务要求等与创作者进行服务费用结算。
-								6.若您为客户，您理解并同意：
-								（1）您应按照平台规则及流程进行任务发布、脚本与初稿的审核、链接与数据质检、结案等操作。您应对您的操作行为负责，不得以任何理由否认操作行为的效力。
-								（2）您发布任务后至结案前的任务执行阶段内，由于创作者违约（违约行为包括但不限于创作者未传或超时上传脚本/初稿/链接/数据、不执行任务要求等）或其他违规情况由此引起的该创作者无法履行现有任务的情况，不视为公司违约，公司无需进行任何赔偿。
-								（3）您与创作者对任务执行、费用支付等问题产生异议时，公司有权介入并按照公司已经发布及后续发布的平台规则等进行判定，您与创作者认可公司意见。<text
-									class="point">但您知悉并理解，您和创作者为在平台所达成任务中的交易双方，所有任务交易应由交易双方自行协商沟通达成并依约履行和承担，公司和平台均非交易一方。\n</text>
-								7.若您为创作者，您理解并同意：
-								（1）您应按照平台规则及流程进行任务需求承接、任务成功上传等操作。您应对您的操作行为负责，不得以任何理由否认操作行为的效力。您可通过平台与客户就任务执行等方面的问题进行商讨。但您不得就任务需求与客户进行私下交易。如您违反本条款约定，公司有权将您列入不良记录名单，终止与您的服务协议，并保留追究您法律责任的权利。
-								（2）您与客户服务执行、费用支付、知识产权授权、活动审批和执行等问题产生异议时，公司有权介入并按照公司已经发布及后续发布的平台规则等进行判定，您与客户确认以公司意见为最终处理结果。<text
-									class="point">但您知悉并理解，您和客户为在平台所达成任务中的交易双方，所有任务交易应由交易双方自行协商沟通达成并依约履行和承担，公司和平台均非交易一方。\n</text>
-								（3）您承诺您有资格从事本协议项下之合作，并有能力履行其于本协议项下之义务，且该等履行义务的行为不违反任何对您有约束力的法律文件的限制。
-								（4）未经平台事先书面同意，您不得以平台合作伙伴或类似名义对外进行宣传，并且不得使用平台、公司及关联公司名称、活动名称、商标或其他LOGO。
-								（5）公司及关联公司禁止任何组织、机构或者自然人在使用公司及关联公司运营的任何网站、平台、应用程序、创作者端或有关服务过程中，通过不正当手段获得不正当利益，包括但不限于刷单、伪造虚假粉丝、伪造虚假评论、伪造虚假交易等行为。一旦发现您存在上述行为的，公司或关联公司有权终止本协议，拒绝向您提供平台的任何服务。如因上述行为造成公司或关联公司发生投诉、纠纷，或被行政机关监管、处罚，或商誉受到不良影响，或有其他经济损失的，公司有权要求您公开道歉，消除影响，并要求您赔偿全部损失。
-								8.为更好地提升用户体验及服务，公司将不定期提供平台及相关服务的更新或改变（包括但不限于平台升级、功能强化、开发新服务和任务类型等）。为保证平台及相关服务安全、提升服务质量，在平台及相关服务的部分或全部更新、改变后，公司将在可行的情况下以妥当的方式（包括但不限于系统提示、公告、站内信等）提示您。
-								<text class="point">\n\n四、费用及结算\n\n</text>
-								1.若您为客户，您同意并遵守以下关于服务费用的约定：
-								（1） 服务费用的支付方式为：预付。您应将相关服务费用支付至公司如下指定账户。在您付费之后，公司才开始为您提供服务。公司保留在您未按照约定支付全部费用之前不向您提供服务的权利。
-								（2） 您在平台点击任务结案后，公司对相应服务费用进行扣除结算，您可在线申请等额发票，公司开出后回寄给您。
-								（3） 为确保您能继续正常使用平台及相关服务，您支付的预付款剩余金额不足以支付具体项目款项的时候，您应及时续费。
-								（4）公司指定账户信息如下：
-								账户名称：北京火乐星球科技有限公司
-								开户银行：广发银行股份有限公司北京奥运村支行
-								收款账号：9550880221666800136
-								（5）如您为香港、澳门、台湾地区或其他非中国大陆地区客户，您向公司支付款项，您应承担相应的汇款手续费及结汇产生的汇兑损益。您每次在平台充值金额均为结汇后人民币金额。如合作期内产生任何退款，退款相关手续费及汇兑损益均由您承担。如您所在地区税务机关要求其对所支付款项代扣代缴相关税费（包括但不限于税收及其他类型政府性收费），代扣代缴税费由您承担。
-								（6）双方结算币种为【人民币】，结汇汇率以结汇当日银行实时汇率为准。
-								（7）您发布任务时，需针对各任务支付相关费用（包括任务服务费、平台服务费等），具体费用构成以平台任务页面所描述和约定为准。公司有权对不同类型的费用结算规则进行调整，如发生调整的，公司将另行向您通知，您同意按照公司另行通知或公示的规定执行。
-								2.若您为创作者，您同意并遵守以下关于服务费用的约定：
-								（1）针对您承接的任务，客户根据平台规则对具体任务结案后，公司将依照您在报名任务时任务详情页面所描述和约定的“固定稿费”或您“自报价”进行结算。
-								（2）若您在具体任务执行中有未传或超时上传脚本/初稿/链接/数据、不执行任务要求等违约情况，平台有权扣除对应的违约比例与您结算服务费用。
-								（3）公司有权对不同类型的费用结算规则进行调整，如发生调整的，公司将另行向您通知，您同意按照公司另行通知或公示的规定执行。
-								（4）您同意，您应就本协议项下所获得的任务服务费用自行承担个人所得税、增值税及附加税费等税费成本。
-								（5）您同意，平台有权依据相关法律法规及前述合作协议，就您在本协议项下获得的收入办理包括个人所得税、增值税及附加等相关税费的申报缴纳、代办发票等相关事宜。 
-								（6）您确认，如税收政策或监管环境发生变化，您有义务根据届时变更的税收政策或监管要求履行相关合规义务。
-								（7）您发起提现后，平台将相应费用支付到您指定的银行账户或支付宝账号中，您应当确保您在平台中所填写的银行账户信息与支付宝账号信息确系您本人所有，并准备无误。
-								<text class="point">\n\n五、用户信息的保护与使用\n\n</text>
-								1.若您为客户，您理解并同意：为履行本协议，公司有权在平台的服务器上保存您的信息（包括但不限于您的注册信息、任务信息等）；公司在法律法规所允许的范围内，有权使用和对外披露您的信息，包括但不限于为平台及相关服务系统升级、抽样测试、更新的目的，出于提升互联网诚信环境的目的、依据司法和/或行政机关的要求使用或披露您的信息。为了您更好的使用平台及相关服务，公司有可能对相关服务数据进行整理分析并用于进一步优化或拓展相关服务；公司或经公司授权的关联公司也可能会出于运营需要将您的使用情况和信息作为相关服务的案例进行展示或参与相关评奖或用于基于运营需要的其他用途。
-								<text
-									class="point">您授权样叽平台将您下单任务的转化数据披露给对应接单的达人，便于达人了解任务表现效果，以提升并优化达人在本协议项下的服务能力，以及确保达人将来能更好地与您合作；同时您应确保您有权进行授权。\n</text>
-								2.若您为创作者，您理解并同意：
-								（1）为履行本协议，公司有权在平台的服务器上保存您的信息（包括但不限于您的注册信息、任务信息、社媒账号信息、物流信息、提现信息等）；公司在法律法规所允许的范围内，有权使用和对外披露您的信息，包括但不限于为平台及相关服务系统升级、抽样测试、更新的目的，出于提升互联网诚信环境的目的、依据司法和/或行政机关的要求使用或披露您的信息。公司或经公司授权的关联公司也可能会出于运营需要将您的使用情况作为相关服务的案例进行展示或参与相关评奖。
-								<text
-									class="point">\n（2）为便于客户更好、更全面地了解您的信息，帮助您与客户更好地达成合作，您同意并授权样叽平台将您包括头像、昵称、性别、地域、设备所在城市及您社媒帐号粉丝量、粉丝统计画像、作品数据、用户评论等账号信息以及商品分享内容、形式、商品分享订单数据等共享至平台，并授权平台向客户展示您的前述信息。您同时同意平台将通过技术方式对上述信息和您在平台任务完成情况进行分析和整理后的数据披露给客户，包括完成任务数、预计播放/曝光量、任务服务成果发布链接等。\n</text>
-								<text
-									class="point">（3）为便于客户更好地了解您承接任务完成情况及效果相关的信息，您同意并授权平台将您在平台所完成任务的效果数据向相应发布任务的客户进行展示，包括完成播放量、点赞量、评论量、分享量等。\n</text>
-								<text
-									class="point">（4）为了您更好的使用平台及相关服务，平台有可能对相关服务数据进行整理分析并用于进一步优化或拓展相关服务；您授权同意将您在样叽平台上绑定的第三方社媒平台帐号信息、任务和任务商品相关的数据（任务信息和任务商品信息等）产生的数据授权公司及公司关联公司作为相关服务的案例进行宣传展示或参与相关评奖或用于基于运营需要的其他用途，以便商家和平台用户更好地了解相关商品或服务情况以及为您提供更好的平台任务体验以及拓展相关服务。\n</text>
-								<text
-									class="point">（5）为了帮助您更好地完成任务，您可将平台任务分享给其他“创作者”同时您同意并授权平台向其他“创作者、MCN”展示您在样叽平台的承接任务的公开数据。\n</text>
-								<text class="point">\n六、用户行为规范\n\n</text>
-								1. 客户、创作者应当各自对使用平台及相关服务的行为负责，除非法律允许或者经公司事先书面许可，使用平台及相关服务不得具有下列行为：
-								(1) 使用未经公司授权或许可的任何插件、外挂、系统或第三方工具对平台及相关服务的正常运行进行干扰、破坏、修改或施加其他影响。
-								(2) 利用或针对平台及相关服务进行任何危害计算机网络安全的行为，包括但不限于：
-								(a) 非法侵入他人网络、干扰他人网络正常功能、窃取网络数据等危害网络安全的活动；
-								(b) 提供专门用于从事侵入网络、干扰网络正常功能及防护措施、窃取网络数据等危害网络安全活动的程序、工具；
-								(c) 明知他人从事危害网络安全的活动的，为其提供技术支持、广告推广、支付结算等帮助
-								(d) 使用未经许可的数据或进入未经许可的服务器/账号；
-								(e) 未经允许进入公众计算机网络或者他人计算机系统并删除、修改、增加存储信息；
-								(f) 未经许可，企图探查、扫描、测试平台的弱点或其它实施破坏网络安全的行为；
-								(g) 企图干涉、破坏平台的正常运行，故意传播恶意程序或病毒以及其他破坏干扰正常网络信息服务的行为；
-								(h) 伪造TCP/IP数据包名称或部分名称。
-								(i) 对平台及相关服务进行反向工程、反向汇编、编译或者以其他方式尝试发现本软件的源代码。
-								(j) 违反法律法规、本协议、公司的相关规则及侵犯他人合法权益的其他行为。
-								(3)
-								在任何情况下，如果公司有理由认为您的任何行为违反或可能违反上述约定的，公司可独立进行判断并处理，且有权在不进行任何事先通知情况下终止向您提供服务，并追究您的相关法律责任。
-								<text
-									class="point">\n2.客户、创作者在平台中发布与上传的内容应自觉遵守相应法律、法规，尊重公共秩序，尊重社会公德、社会主义制度、国家利益、公民合法权益、道德风尚和信息真实性等要求。您同意并承诺不制作、发布法律、行政法规禁止的下列信息内容：\n</text>
-								(1) 反对宪法确定的基本原则的；
-								(2) 危害国家安全，泄露国家秘密的；
-								(3) 颠覆国家政权，推翻社会主义制度、煽动分裂国家、破坏国家统一的；
-								(4) 损害国家荣誉和利益的；
-								(5) 宣扬恐怖主义、极端主义的；
-								(6) 宣扬民族仇恨、民族歧视，破坏民族团结的；
-								(7) 煽动地域歧视、地域仇恨的；
-								(8) 破坏国家宗教政策，宣扬邪教和迷信的；
-								(9) 编造、散布谣言、虚假信息，扰乱经济秩序和社会秩序、破坏社会稳定的；
-								(10) 散布、传播暴力、淫秽、色情、赌博、凶杀、恐怖或者教唆犯罪的；
-								(11) 侵害未成年人合法权益或者损害未成年人身心健康的；
-								(12) 未获他人允许，偷拍、偷录他人，侵害他人合法权利的；
-								(13) 包含恐怖、暴力血腥、高危险性、危害表演者自身或他人身心健康内容的；
-								(14) 危害网络安全、利用网络从事危害国家安全、荣誉和利益的；
-								(15) 侮辱或者诽谤他人，侵害他人合法权益的；
-								(16) 对他人进行暴力恐吓、威胁，实施人肉搜索的；
-								(17) 涉及他人隐私、个人信息或资料的；
-								(18) 散布污言秽语，损害社会公序良俗的；
-								(19) 侵犯他人隐私权、名誉权、肖像权、知识产权等合法权益内容的；
-								(20) 散布商业广告，或类似的商业招揽信息、过度营销信息及垃圾信息；
-								(21) 使用本平台常用语言文字以外的其他语言文字评论的；
-								(22) 与所评论的信息毫无关系的；
-								(23) 所发表的信息毫无意义的，或刻意使用字符组合以逃避技术审核的；
-								(24) 其他违反法律法规、政策及公序良俗、干扰平台正常运营或侵犯其他用户或第三方合法权益内容的其他信息。
-								<text class="point">\n\n七、内容的审查和责任\n\n</text>
-								1.若您为客户或创作者：
-								（1）您必须对发表或者上传于平台的所有信息（包括但不限于文字、图片、音频、视频、链接等各种形式的内容及其中包括的音乐、声音、台词、视觉设计、对话等所有组成部分）均享有完整的知识产权，或已经得到相关权利人的合法授权（且含转授权），并保证该信息不侵犯任何第三人的合法权益（包括但不限于名誉权、姓名权、肖像权、隐私权、知识产权等）；如您违反本条规定造成平台被第三人索赔的，您应赔偿平台一切损失和费用(包括但不限于各种赔偿金、诉讼代理费及为此支出的其它合理费用)。
-								（2）公司有权不时对您的身份信息、发布内容、账号名称等内容进行审查，如有公司认为不真实、不符合法律规定、不符合本协议约定或存在风险的信息，公司有权在不通知您的前提下即进行自行处理的权利。处理的方法包括但不限于删除信息，终止账号，屏蔽IP地址、关键字、联系方式，或法律诉讼等。公司前述审查行为并不视为公司对您提交的相关任务、信息、内容的真实性、准确性、合法合规性的任何承诺或担保，也不构成公司对您提交的相关信息、内容承担任何连带责任，您应当对您的相关信息、内容独立负责。
-								2.若您为客户，在平台发布信息和任务时，您应首先进行自审，查看是否有违规或存在归属权争议，一旦您在平台发布信息和任务，平台视为您已经进行自审；若您为创作者，在平台上传信息时，您应首先进行自审，查看是否有违规或存在归属权争议，一旦您在平台上传信息，平台视为您已经进行自审。
-								<text
-									class="point">\n3.平台提供显示的创作者在第三方社媒平台的部分信息（包括但不限于社媒平台的主页链接、主页截图、粉丝数量、点赞量、评论量、收藏量、带货销量等）为创作者自行上传或平台通过第三方平台接入的数据，因网络技术的局限性和不稳定性及创作者自行上传数据的不可预见性，平台无法保证前述数据与第三方社媒平台数据实时同步更新。前述数据仅供您参考，公司不对其真实性、准确性负责，公司不对创作者绑定的社媒主页链接、粉丝数量、点赞量、评论量、收藏量、带货销量数等进行保证，公司不对您使用平台服务的效果以及您产品或服务的销量做任何承诺。\n</text>
-								<text class="point">\n八、保密义务\n\n</text>
-								1.任何一方对于因签署或履行本协议而了解或接触到的对方的商业秘密及其他机密资料和信息，包括但不限于客户向创作者提供的品牌信息、平台运营政策、运营信息、相关数据、本协议内容、价格体系等（以下简称“保密信息”）均应保守秘密，非经权利方书面同意，任何一方不得向本协议之外的其他方泄露、给予或转让该等保密信息或擅自使用，相关法律法规规定或国家政府部门要求的情况除外。
-								2. 本条规定的权利和义务在本协议终止后将继续有效。
-								3. 如创作者违反保密义务的，平台有权立即终止本协议，并不予退还违约方已支付的保证金（若有）；如因创作者反保密义务给平台或客户造成损失的，平台有权向创作者追索。
-								<text class="point">\n\n九、违约处理\n</text>
-								<text class="point">\n1.若您为客户：
-									（1）针对您违反本协议或其他服务条款的行为，公司有权独立判断并视情况采取拒绝发布、删除发布内容、限制账号部分或者全部功能直至永久关闭账号等措施。公司有权公告处理结果，且有权根据实际情况决定是否恢复相关账号的使用。对涉嫌违反法律法规、涉嫌违法犯罪的行为将保存有关记录，并依法向有关主管部门报告、配合有关主管部门调查。
-									（2）因您违反本协议或其他服务条款约定，引起第三方投诉或诉讼索赔的，您应当自行处理并承担全部可能由此引起的法律责任。因您的违法或违约行为导致公司及其关联公司、控制公司向任何第三方赔偿或遭受国家机关处罚的，您还应足额赔偿公司及其关联公司、控制公司因此遭受的全部损失。
-									（3）您不应当随意取消订单，否则公司有权按平台规则进行相应处理，因此造成创作者任何损失的，您应当承担赔偿责任。
-									2.若您为创作者：
-									（1）针对您违反本协议或其他服务条款的行为，公司有权独立判断并视情况采取拒绝发布、删除发布内容、限制账号部分或者全部功能直至永久关闭账号等措施。公司有权公告处理结果，且有权根据实际情况决定是否恢复相关账号的使用。对涉嫌违反法律法规、涉嫌违法犯罪的行为将保存有关记录，并依法向有关主管部门报告、配合有关主管部门调查。
-									（2）因您违反本协议或其他服务条款约定，引起第三方投诉或诉讼索赔的，您应当自行处理并承担全部可能由此引起的法律责任。因您的违法或违约行为导致公司及其关联公司、控制公司向任何第三方赔偿或遭受国家机关处罚的，您还应足额赔偿公司及其关联公司、控制公司因此遭受的全部损失。
-									（3）如您严重违反本协议的，应当按照违约行为所指向的单个任务所涉及的实际产品和服务体验费用向公司支付赔偿金，公司有权向您追偿；公司有权直接从应向您支付的服务费用中扣除赔偿金。严重违反本协议的情况包括：
-									1）接单后未与平台或客户达成一致的退单/跑单；
-									2）接单后未按平台规定时间上传脚本进行审核；
-									3）接单后未按平台规定时间上传初稿进行审核；
-									4）接单后未按平台规定时间上传发布链接进行审核；
-									5）接单后未按平台规定时间上传数据连接进行审核；
-									6）未按客户要求的时间段在约定的平台保持任务服务成果发布；
-									7）接单后未按约定提供服务或交付工作成果；
-									8）未经平台同意或违反本协议，私自与客户接洽与本协议项下的相同或类似服务；
-									9）其它影响客户及公司和/或其关联公司权益的行为（包括但不限于造成直接或直接经济损失、损害形象等行为，以及平台规定的其他严重违反协议的行为。
-									（4）本协议合作期限内，您应确保严格遵守法律法规、遵守社会公德、维护公序良俗，规范您作为网络达人及公众人士的职业操守和良好公众形象，不发生触犯法律法规、国家政策以及严重违背社会公序良俗或其它致使您公众形象严重受损的严重不良行为或其他丑闻劣迹等行为（包括但不限于吸毒、赌博、流连夜店、酗酒、斗殴、参与黑社会性质的团体和活动、涉黄、酒驾、嫖娼、出轨、成为他人婚姻生活中的“第三者”、反政府和反社会等不当言论等）；您如出现负面报导，落入国家行政监管机关禁止履行本协议项下约定服务内容范围的，导致公司和/或公司关联公司因前述事宜受到国家机关行政处罚或第三方索赔的，公司有权提前终止本协议，无需承担本协议项下付款义务，并有权要求您退还公司已支付的全部费用，公司有权从尚未支付给您本人的款项金额中直接扣除全部或部分。\n</text>
-								<text class="point">\n十、服务的变更、中断和终止\n\n</text>
-								1.您理解并同意，公司提供的平台及相关服务是按照现有技术和条件所能达到的现状提供的。公司会尽最大努力向您提供服务，确保服务的连贯性和安全性。您理解，公司不能随时预见和防范技术以及其他风险，包括但不限于不可抗力、病毒、木马、黑客攻击、系统不稳定、第三方服务瑕疵及其他各种安全问题的侵扰等原因可能导致的服务中断、数据丢失以及其他的损失和风险。如因不可抗力或其他非公司因素给您造成损失的，您同意公司可以免责。
-								2. 您理解并同意，公司为了服务整体运营的需要，有权在公告通知后修改、中断、中止或终止平台及相关服务，而无须向您负责或承担任何赔偿责任。
-								<text class="point">\n\n十一、知识产权\n\n</text>
-								1.公司在平台及相关服务中提供的内容（包括但不限于软件、技术、程序、网页、文字、图片、图像、音频、视频、图表、版面设计、电子文档等）的知识产权属于公司所有。公司提供服务时所依托的软件的著作权、专利权及其他知识产权均归公司所有。未经公司许可，您不得更改、演绎、拆分、反解平台及相关服务中涉及的技术和程序或以其它任何方式进行可能损害前述专有权利的行为。
-								2.您理解并同意，在使用平台及相关服务时上传或发布的内容（包括文字、图片、视频、音频等各种形式的内容及其中包含的音乐、声音、台词、视觉设计等所有组成部分）均由您原创或已获得合法授权（且含转授权）。您通过平台及相关服务发布的任何内容的知识产权归属您或经原始著作权人合法授权。
-								<text
-									class="point">\n3.创作者通过平台与客户达成交易项下所提供的工作成果（包括文字、图片、视频、音频、网络直播等各种形式的内容及其中包含的音乐、声音、台词、视觉设计等所有组成部分）均由创作者原创或已获得合法授权（且含转授权），创作者在此不可撤销地授权及承诺客户和平台有权对上述工作成果进行合法使用，同时可按照创作者与客户通过平台所达成任务交易明确列明的其它用途使用，具体如下：
-									（1）如客户与创作者达成的任务交易中明确工作成果用于社媒平台商业推广使用的，客户可按照上述用途进行合理使用。
-									（2）如客户与创作者达成的任务交易中未明确其它使用用途，但基于任务类型和属性，任务完成后平台显示客户可以下载创作者工作成果的，工作成果的知识产权归属于客户所有。客户可将工作成果用于商业性或非商业性合理使用，但是前述使用行为不得侵犯创作者对其交付的工作成果中含有的相关素材或内容的知识产权、肖像权或其他第三方权利。
-									（3）如客户与创作者达成的任务交易中未明确其它使用用途，但基于任务类型和属性，任务完成后平台显示客户不可下载创作者工作成果的，工作成果的知识产权归属于创作者所有。如客户有任务交易外的使用用途的，客户应当通告平台与创作者协商沟通确定权利归属和使用范围。
-									（4）若创作者提供授权内容存在第三方授权问题，创作者应配合客户提供相关授权证明。
-									（5）创作者知悉，创作者同意客户使用工作成果时，具体工作成果会根据法律法规、平台规则规范等要求进行调整，包括但不限于附加平台锚点组件、标识或标志。客户在使用工作成果时，创作者保证授权内容授权有效期间保持公开可见的状态，不可随意删除授权内容或设置为私密、好友可见。
-									因工作成果的使用、发布、传播所引起的任何纠纷，由客户与创作者依据双方权利义务的约定承担全部法律责任，平台、公司、公司关联公司不承担任何责任。
-									4.平台使用内容条款
-									（1）若您为客户，您确认并授权平台、公司及公司关联公司有权将您通过平台发布任务委托创作者完成的工作成果以及该任务的基本情况，用于包括但不限于对外宣传、展示、优秀案例推广以及户外、网站/手机客户端/其他形式的信息网络传播等商业的目的或非商业目的使用；您授予公司及公司关联方、控制公司、继承公司一项全球范围内、免费、非独家、可再许可（通过多层次）的权利（包括但不限于复制权、翻译权、汇编权、信息网络传播权、改编权及制作衍生品、表演和展示的权利等），上述权利的使用范围包括但不限于在当前或其他网站、应用程序、产品或终端设备等使用。您在此确认并同意，公司有权自行或许可第三方在与上述内容、平台及相关服务、公司和/或公司品牌有关的任何宣传、推广、广告、营销和/或研究中使用和以其他方式开发内容（全部或部分）。
-									您理解并同意，上述授予的权利包括使用、复制和展示您拥有或被许可使用并植入内容中的个人形象、肖像、姓名、商标、服务标志、品牌、名称、标识和公司标记（如有）以及任何其他品牌、营销和推广资产、物料、素材等的权利和许可。
-									（2）若您为创作者，为使您的工作成果得到更好的分享及推广，提供其传播价值及影响力，您通过平台及相关服务上传、发布或传输的内容（包括但不限文字，图像，音频，视频、直播内容等各种形式的内容及其中包括的音乐、声音、台词、视觉设计、对话等所有组成部分）及工作成果，您授予公司及其关联方、控制公司、继承公司一项全球范围内、免费、非独家、可再许可（通过多层次）的权利（包括但不限于复制权、翻译权、汇编权、信息网络传播权、改编权及制作衍生品、表演和展示的权利等），上述权利的使用范围包括但不限于在当前或其他网站、应用程序、产品或终端设备等使用。您在此确认并同意，公司有权自行或许可第三方在与上述内容、平台及相关服务、公司和/或公司品牌有关的任何宣传、推广、广告、营销和/或研究中使用和以其他方式开发内容（全部或部分）。
-									您理解并同意，上述授予的权利包括使用、复制和展示您拥有或被许可使用并植入内容中的个人形象、肖像、姓名、商标、服务标志、品牌、名称、标识和公司标记（如有）以及任何其他品牌、营销和推广资产、物料、素材等的权利和许可。\n</text>
-								5. 公司为平台开发、运营提供技术支持，并对平台及相关服务的开发和运营等过程中产生的所有数据和信息等享有法律法规允许范围内的全部权利。
-								<text
-									class="point">\n6.请您在任何情况下都不要私自使用公司的包括但不限于“样叽”、“YOUNGGEE”、“www.youunggee.com”等在内的任何商标、服务标记、商号、域名、网站名称或其他显著品牌特征等（以下统称为“标识”）。未经公司事先书面同意，您不得将本条款前述标识以单独或任何结合方式展示、使用或申请注册商标、进行域名注册等，也不得实施向他人明示或暗示有权展示、使用、或其他有权处理该些标识的行为。由于您违反本协议使用公司上述商标、标识等给公司或他人造成损失的，由您承担全部法律责任。
-									7.公司有权以自身名义在全球范围内单独向侵犯本协议项下所产生的肖像权、知识产权和/或其它合法权利的第三方维权，维权形式包括但不限于：监测侵权行为、发送维权函、提起诉讼或仲裁、调解、和解等，公司有权对维权事宜作出任何独立决策并独立实施。如公司已就第三方侵权行为发起任何形式维权的，则本协议合作项目授权期限将自动延续至维权结束或停止维权之时。创作者授权公司以公司的名义制止、打击侵权和盗版行为，包括但不限于申请保全、行政投诉、提起民事诉讼、上诉、申请执行、和解、获得赔偿金等。\n</text>
-								<text class="point">\n十二、免责条款\n</text>
-								<text
-									class="point">\n1.用户知悉、理解并认可：平台仅作为用户任务发布、任务报名、任务执行等交易合作的网络平台提供者，并非订单、任务和项目需求的发布者和交易的一方；客户、创作者上传的内容以及所提供的服务，没有经过平台事先审查，因此平台无法保证其内容的真实性、合法性、准确性、有效性和安全性。用户在使用非平台和公司上传的内容时遭受的损失和其它一切后果由用户独自承担。
-									用户如因为浏览平台的内容或第三方发布和上传的内容而因此遭受到任何损失，或与其他用户、客户、创作者、第三方等发生争议，就上述损失或争议或任何方面产生有关的索赔、要求、诉讼、损失和损害，由用户自行承担或与上述当事方协商解决，平台、公司和公司的管理层、董事、代理人、关联公司、母公司、子公司和雇员对此不承担任何责任。
-									2.用户同意不就其他用户、客户、创作者等发布的内容或行为追究平台的责任。公司对于用户由于使用平台而造成的任何金钱、商誉、名誉的损失，或任何特殊的、间接的、或结果性的损失都不负任何责任。用户同意就用户自身行为之合法性单独承担责任，用户同意，公司及其所有关联公司和相关实体对用户的行为的合法性不承担任何责任。
-									3.除平台注明之服务条款外，其他一切因使用平台及相关服务而引致之任何意外、疏忽、合约毁坏、诽谤或知识产权侵犯及其所造成损失的，平台不承担任何法律责任。
-									4.因不可抗力（包括但不限于政府管制、国家政策调整、恐怖袭击、自然灾害、突发公共事件、战争、停电、电信部门技术调整以及病毒入侵等）、来自外部的恶意网络攻击或其它非平台故意行为导致平台不能正常提供服务时，不视为公司违约，公司不承担任何责任，也无须向您提供任何赔偿。
-									5. 根据法律规定、相关协议约定，平台不承担责任的其他情形。
-									6.如因客户、创作者原因导致的违约、违规（违反平台规则、国家法律法规等）行为造成任何损失的，违约方、违规方应当承担全部责任并赔偿相应的损失，平台不承担任何法律责任，也无须向您提供任何赔偿。
-									7.如因第三方平台原因（包括但不限于第三方社媒平台规则、内容审查、技术等）导致的违约、违规（违反平台规则、国家法律法规等）行为造成任何损失的，平台无需承担任何法律责任，也无需提供任何赔偿；由此导致任务费用无法正常结算等问题，客户、创作者可参考平台规则等流程申请平台调解进行解决。
-									8.如发生包括但不限于有权机关要求、社会公共事件、媒体报道或重大时间节点等情形时，公司有权在相应时间节点调整、暂停或终止本协议项下的服务且无需承担任何责任。\n</text>
-								<text class="point">\n十三、其他\n\n</text>
-								1.本协议自您在线点击同意后生效。除本协议约定的解除或终止情形或法定解除或终止事由外，本协议将长期有效。平台有权经提前15天书面、邮件、电话、短信、平台内消息通知您，即可提前单方终止本协议且不需要承担任何违约责任。本协议生效后，您与平台之前签订的所有协议（如有）中的平台签约主体，都变更为本协议的主体北京火乐星球科技有限公司。
-								2.本协议的成立、生效、履行、解释及争议的解决均应适用中华人民共和国法律。倘若本协议之任何规定因与中华人民共和国法律抵触而无效，则这些条款应在不违反法律的前提下按照尽可能接近本协议原条文目的之原则进行重新解释和适用，且本协议其它规定仍应具有完整的效力及效果。
-								<text
-									class="point">\n3.本协议的签署地点为中华人民共和国北京市海淀区。若您因本协议与公司发生任何争议，双方应尽量友好协商解决；如协商不成的，您同意应将相关争议提交至北京市海淀区人民法院诉讼解决。\n</text>
-								4.用户同意，在发生并购，本协议和所有纳入的协议可由本公司自行酌情决定向第三方自动转让。本公司未就用户或其他方的违约采取行动并不等于本公司放弃就随后或类似的违约采取行动的权利。
-								<text
-									class="point">\n5.为给您提供更好的服务或因国家法律法规、政策调整、技术条件、产品功能等变化需要，公司会适时对本协议进行修订，公司会将修改后的协议予以发布；前述内容一经正式发布，即作为本协议不可分割的组成部分并具有等同于本协议的法律效力。公司会以适当的方式将本协议的修订条款送达您（网站公布、系统通知等），并督促您同意或拒绝。如您对修改后的协议条款存有异议的，请立即停止登录或使用样叽平台及相关服务。若您继续登录或使用样叽平台及相关服务，即视为您认可并接受修改后的协议条款。\n</text>
-								6.本协议中的标题仅为方便及阅读而设，并不影响本协议中任何规定的含义或解释。
-								7.您和公司均为独立的主体，在任何情况下本协议不构成公司对您的任何形式的明示或暗示担保，双方之间亦不构成代理、合伙、合营或雇佣关系。
-								<text class="point">\n\n附件：个人信息保护承诺函\n\n</text>
-								鉴于用户拟（或正在）与本公司开展样叽服务合作过程中，涉及用户与创作者等主体之间的任务推广服务合作，为符合与个人信息保护相关法律法规的规定，在合作过程中对相关数据主体的个人信息进行充分的保护，用户与本公司可能会共同、单独或接受委托对相关个人信息进行处理。在前述个人信息的处理过程中，用户有义务遵守与个人信息保护相关法律、法规、规章制度及国家标准<text
-									class="point">（以下简称“数据保护要求”）</text>的规定，履行个人信息保护、数据安全以及保密等义务。
-								本承诺函项下“个人信息”是指：以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息，但不包括匿名化处理后的信息；个人信息的“处理”包括个人信息的收集、存储、使用、加工、传输、提供、公开、删除等。
-								<text class="point">\n用户在此承诺并保证：\n</text>
-								1.在本承诺函项下用户对个人信息的处理，应符合数据保护要求的规定，严格遵守个人信息处理的合法、正当、必要和诚信原则，且仅在为实现《样叽平台服务协议》（以下简称“主协议”）的范围内进行相应的处理活动。用户在处理个人信息过程中，应当遵循公开、透明原则，向相关数据主体公开个人信息处理规则，明示处理的目的、方式和范围，数据处理应具有明确、合理的目的，并应当与处理目的直接相关且在实现处理目的所需的最小范围内进行。数据处理应当在数据主体的授权范围内、采取对数据主体个人权益影响最小的方式进行，并应避免因个人信息不准确、不完整对数据主体权益造成不利影响。若超出数据主体的授权范围对相关个人信息进行处理的，用户应当根据数据保护要求的规定，另行征得相关数据主体的授权同意后进行处理，数据保护要求另有规定的除外。
-								2.若涉及用户向平台传输个人信息，用户承诺在传输相关个人信息前，须符合数据保护要求的规定。除非数据保护要求另有规定，用户承诺已经就其向平台传输的个人信息，将所涉及的个人信息的种类、处理目的、处理方式等数据保护要求所规定的法定内容对数据主体进行了充分且满足透明度要求的告知，并获得了数据主体的授权同意。
-								3.用户承诺向平台上传相关个人信息并使用主协议项下的服务，不会违反数据保护要求以及用户与本公司相关协议/合同（如有）的约定，不会损害本公司、本公司关联方、相关数据主体或对数据拥有相关权利的主体的合法权益，亦不会超出数据主体或对数据拥有相关权利的主体针对用户的相关处理事宜已向用户及任何其他相关方授权同意的范围。若用户违反本条规定，应当负责赔偿相关行为对本公司、本公司关联方及数据主体造成的侵害，并承担全部责任。
-								4.若基于主协议合作的必要，涉及用户从平台获取相关个人信息，用户承诺将按照数据保护要求、在数据主体授权范围内以及本公司和平台设定的安全规则/政策，在主协议的范围内处理相关个人信息并须严格确保相关个人信息的安全。除主协议另有约定外，未经本公司书面许可，用户不得将相关个人信息处理活动分包给任何第三方进行处理。受限于本条规定，用户应对第三方的数据处理活动承担全部责任。本条所规定的个人信息处理活动结束后，除非法律法规另有规定，用户应当及时删除相关个人信息。
-								5.用户承诺，除非获得本公司书面同意且严格受限于数据保护要求、数据主体的授权范围以及主协议的目的范围，用户不会向第三方共享、提供、转让或公开披露相关个人信息，亦不会对相关个人信息进行超出上述范围的进一步处理。受限于本条规定，若确需向第三方传输相关个人信息的，用户承诺此类处理行为不会违反数据保护要求以及用户与本公司相关协议/合同（如有）的约定，不会损害本公司、本公司关联方、相关数据主体或对数据拥有相关权利的主体的合法权益，亦不会超出数据主体或对数据拥有相关权利的主体针对用户的相关处理事宜已向用户及任何其他相关方授权同意的范围，用户将严格约束第三方的处理行为并确保个人信息的安全。若用户违反本条规定，应当负责赔偿相关行为对本公司、本公司关联方及数据主体造成的侵害，并承担全部责任。
-								6.在主协议合作过程中，用户可能使用本公司或本公司关联方为其提供的相关技术服务（例如建站服务），用户知悉并确认，若相关技术服务涉及在本公司或本公司关联方的任何平台/产品或其他场景收集或进一步处理本公司或本公司关联方用户/用户的个人信息，用户应当确保相关处理行为完全符合数据保护要求的规定，包括但不限于：用户应当根据数据保护要求的规定向相关数据主体提供用户隐私政策或类似文件，向其告知所处理的数据类型、处理目的、方式等数据保护要求规定的法定内容，并获得相关数据主体的授权同意，同时应提供用户真实有效的联系方式，便于相关数据主体行使数据保护要求项下的相关权利。
-								7.为了实现监测目的，用户与本公司将通过监测链接等技术方式，对所发布的任务内容进行监测与归因。即用户在发布任务订单的同时配置监测链接、监测代码或采取其他技术方式，当相关用户被任务内容曝光或与任务内容有其他互动时，会通过上述技术方式将相关监测数据回传给用户或第三方监测机构。监测场景下涉及的数据包括经过哈希或其他安全措施处理的设备唯一标识符、IP、UA等<text
-									class="point">（简称为“监测数据”）</text>。用户应当确保对于所接收的上述监测数据，仅可用于实现监测与归因的目的，未经本公司书面许可，不得用于任何其他目的，亦不得向任何其他第三方、关联方共享或进行公开披露。在实现监测与归因目的或合作终止后，用户应当及时删除相关监测数据。若用户委托第三方监测公司进行监测，则用户应当在上述目的实现后，督促其委托的第三方监测机构履行上述义务。
-								8.用户承诺，不会通过主协议项下的服务和/或利用对相关数据的处理活动从事下列违法违规、有违社会善良风俗的行为或活动：
-								（1）任何与淫秽、色情、赌博、迷信、恐怖、暴力、诈骗等相关的行为或活动。
-								（2）任何与表达对民族、种族、宗教、残疾、疾病歧视等相关的行为或活动。
-								（3）任何利用本公司或本公司关联方所提供的中立技术分析服务（包括分析报告或其他服务），进一步创建涉及上述信息或标签的受众人群清单、产出任何分析报告或用于推销用户的产品/服务或用于其他用途。
-								（4）任何非法或不当地对相关数据主体进行个人身份的挖掘和/或对其隐私、安宁进行侵害、侵扰的行为（包括但不限于《中华人民共和国民法典》第1033条所规定的隐私权侵害行为）。
-								9.用户承诺不会违反数据保护要求的规定，以非法方式或以破坏本公司和平台安全规则的方式试图获取相关个人信息。
-								10.用户理解并承诺，为符合数据保护要求的规定、基于保护相关个人信息安全的目的，在数据传输和处理过程中应采取相关技术措施（例如加密技术等）确保个人信息的安全，用户承诺将积极配合本公司，以符合数据保护要求的形式处理相关个人信息。
-								11.用户承诺其具备符合数据保护要求所规定的必要的组织管理制度以及技术措施以保障个人信息的安全。若发生或可能发生个人信息安全事件（指个人信息被泄露、毁损、篡改、丢失、未经授权的访问和处理，以及由此对数据主体的相关权益带来的侵害），用户应当立即书面通知本公司、并在第一时间采取有效的补救措施。若因用户原因导致上述个人信息安全事件，用户承诺将独立处理因此而产生的纠纷（包括但不限于投诉、行政处罚以及诉讼纠纷），使本公司、本公司关联方及相关数据主体免于侵害和损失，并承担全部责任。
-								12.用户承诺如本公司/平台要求，用户将及时向本公司提供所有必要的信息，以证明用户遵守数据保护要求，在主协议和本承诺函的约定范围以及数据主体授权范围内处理个人信息。前述必要信息包括但不限于：用户的数据安全能力情况以及对个人信息的处理情况。用户承诺所提供的信息/情况真实、准确，不存在任何虚假、隐瞒。本公司有权对用户的数据安全和数据处理进行安全审计，用户将予以积极配合。
-								13.当主协议合作期限届满或者因其他任何原因用户与本公司终止合作的，用户承诺将删除或销毁所有从本公司/平台获取的个人信息，包括原数据、备份数据等，并保证删除后无法通过技术手段进行恢复。
-								14.若用户违反本承诺函，将被视为严重违约和/或侵权行为，本公司有权要求用户对本公司、本公司关联方、数据主体或第三方所遭受的全部损失予以赔偿，并有权单方中止或终止用户主协议服务需求和与用户的任何合作，用户承担全部法律责任，并应负责消除影响、妥善解决。
-								15.本承诺函不因主协议或任务推广服务合作的无效、中止、终止而终止或丧失效力。
-							</text>
-						</scroll-view>
-					</view>
-				</view>
-			</uni-popup>
-		</view>
-
-		<view>
-			<!-- 底部普通弹窗 -->
-			<uni-popup ref="popup4" background-color="#fff" @change="change" style="border-radius: 20rpx;">
-				<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-					<view style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 10% ;">
-						<scroll-view scroll-y="true" style="height:350px;padding: 0 20rpx">
-							<view class="title">样叽平台隐私政策</view>
-							<text style="padding-bottom: 50rpx;">
-								<text class="point">更新日期：2022年11月19日\n</text>
-								<text class="point">生效日期：2022年11月26日\n</text>
-								样叽（简称“我们”）深知个人信息对您的重要性，您的信任对我们非常重要，我们将按照法律法规的规定并参照行业最佳实践保护您的个人信息及隐私安全。我们制定本“隐私政策”并特别提示：希望您在使用样叽及相关服务前仔细阅读并理解本隐私政策，以便做出适当的选择。
-								如您使用本平台，您理解并确认，为了让您更便捷地使用本平台，并在获得您同意的前提下向我们提供与您相关的若干个人信息，包括您的手机号码、电子邮箱、身份证明、企业名称、企业资质文件等。根据您的陈述和保证，您或您的企业向我们提供的上述个人信息之前，已经事先获得您的明确授权及已经充分告知您收集您的个人信息的目的、范围、使用方式。如您无法确认上述内容，我们建议您立即停止访问或使用本平台。同时您也可以通过本隐私政策提供的联系方式与我们联系，我们将在我们的能力范围内配合您处理相关事宜。
-								<text class="point">\n本隐私政策将帮助您了解：\n</text>
-								我们会遵循隐私政策收集、使用您的信息，但不会仅因您同意本隐私政策而采用强制捆绑的方式一揽子收集个人信息。
-								当您使用或开启相关功能或使用服务时，为实现功能、服务所必需，我们会收集、使用相关信息。除非是为实现业务功能或根据法律法规要求所必需的必要信息，您均可以拒绝提供且不影响其他功能或服务。我们将在隐私政策中逐项说明所要收集的信息。
-								摄像头（相机）、相册（存储），均不会默认开启，只有经过您的明示授权才会在为实现特定功能或服务时使用，您也可以撤回授权。<text
-									class="point">特别需要指出的是，即使经过您的授权，我们获得了这些敏感权限，也不会在相关功能或服务不需要时而收集您的信息。</text>
-								本隐私政策适用于样叽向您提供的产品和服务。如您使用我们或关联公司向您提供的某项或某几项服务，有其单独的隐私政策的，则相应服务或产品适用相应隐私政策；<text
-									class="point">如未设立独立隐私政策的，则本政策同样适用于该部分产品或服务。\n</text>
-								下文将帮您详细了解我们如何收集、使用、存储、转移（如适用）与保护个人信息；帮您了解查阅、复制、更正、删除、撤回授权个人信息的方式。本政策与您使用我们的服务关系密切，我们建议您仔细阅读并理解本政策全部内容，作出您认为适当的选择，<text
-									class="point">有关您个人信息权益的条款重要内容我们已用加粗形式提示，请特别关注。</text>
-								<text class="point1">\n\n一、我们如何收集和使用个人信息\n</text>
-								<text class="point1">二、我们如何使用cookie等同类技术\n</text>
-								<text class="point1">三、数据使用过程中涉及的合作方以及转移、公开个人信息\n</text>
-								<text class="point1">四、我们如何存储个人信息\n</text>
-								<text class="point1">五、我们如何保护个人信息的安全\n</text>
-								<text class="point1">六、管理您的个人信息\n</text>
-								<text class="point1">七、未成年人条款\n</text>
-								<text class="point1">八、隐私政策的修订和通知\n</text>
-								<text class="point1">九、联系我们\n</text>
-								<text class="title1">\n一、我们如何收集和使用个人信息\n\n</text>
-								我们会按照如下方式收集您在使用服务时主动提供的，以及通过自动化手段收集您在使用功能或接受服务过程中产生的信息：
-								<text class="point">\n1.1注册、登录、认证、找回\n</text>
-								<text class="point">1.1.1注册、登录\n</text>
-								a.当您注册、登录样叽及相关服务时，您可以通过邮箱或者手机号码创建账号，我们将通过发送短信验证码来验证您的身份是否有效，并且您可以完善相关的网络身份识别信息（头像、昵称、密码），收集这些信息是为了帮助您完成注册。您还可以根据自身需求选择填写邮箱及个人介绍来完善您的信息。
-								b.您也可以使用第三方平台授权登录并使用，您将授权我们获取您在第三方平台注册的公开信息（头像、昵称以及您授权的其他信息），用于与样叽平台账号绑定，使您可以直接登录并使用样叽和相关服务。
-								c.为了保证在不同产品中向您提供一致化的服务，我们与功能相互联系的关联方产品建立统一服务平台体系。在该平台体系的服务范围内，我们与上述关联方产品将共同收集和处理您登录、使用产品的个人信息，并针对您注册使用的手机号码在不同产品中创建统一的数字标识，以实现功能的一致性。
-								<text class="point">\n1.1.2认证\n</text>
-								在您使用身份认证的功能或相关服务所需时，根据相关法律法规、安全保障要求可能需要完成实名认证以验证您的身份。<text
-									class="point1">在实名认证的过程中，第三方认证服务机构需要使用您的真实姓名、身份证号码、手机号码及人脸信息。部分信息是个人敏感信息，拒绝上述处理将导致您无法使用该功能，但不会影响样叽其他功能的正常使用。这些信息仅供实名认证及法律法规所规定的用途，未经您的明示授权，不会用作其他目的。</text>
-								<text class="point">\n1.1.3.帐号找回\n</text>
-								您可以通过找回帐号功能对您的帐号进行找回，为保障您帐号的安全所必需，在找回帐号时我们可能需要您填写相关信息以进行验证，必要时可能通过实名验证、人脸识别等方式验证您的身份。
-								<text class="point">\n1.2提现\n</text>
-								在您使用提现功能时，根据相关法律法规，您可能需要提供您的真实身份信息（真实姓名、<text class="point1">身份证号码</text>、手机号码、<text
-									class="point1">银行账号/支付宝账号</text>）及<text
-									class="point1">金额</text>等结算信息以完成实名验证、并使用提现功能。 <text
-									class="point1">这些信息属于个人敏感信息，您可以拒绝提供，但您将可能无法使用提现功能，但不影响其他功能与服务的正常使用。</text>
-								<text class="point">\n1.3发布任务\n</text>
-								1.3.1当您使用样叽发布任务时，您需要提供任务联系人姓名和手机号码，并承诺此类个人信息已按照相关法律法规的规定合法获取。我们将基于流程指引、活动通知、任务流程通知、服务更新通知、服务体验调研、任务回访等目的使用您提供的手机号码，包括推送信息与拨打电话。您可以拒绝提供，但您将可能无法发布任务，但不影响其他功能与服务的正常使用。
-								1.3.2您发布任务时，我们将收集您发布的信息，并展示您的昵称、头像、任务内容，在任务内容中可能含有您的部分信息。
-								1.3.3在您与交易相对方联系的过程中，我们将为您提供虚拟电话号服务，避免您的信息泄露。
-								<text class="point">\n1.4 接受任务\n</text>
-								1.4.1当您使用样叽接受任务时，您需要提供任务联系人的姓名和手机号码。我们将基于流程指引、活动通知、订单流程通知、服务更新通知、服务体验调研、订单回访等目的使用您提供的手机号码，包括推送信息与拨打电话。您可以拒绝提供，但您将可能无法接受任务，但不影响其他功能与服务的正常使用。
-								1.4.2在您与交易相对方联系的过程中，我们可能会为您提供虚拟电话号服务，避免您的信息泄露。
-								<text class="point">\n1.5 消息通知\n</text>
-								您知悉并同意，对于您在使用产品及/或服务的过程中提供的您的联系方式（例如：联系电话），我们在运营中可能会向其中的一种或多种发送多类通知，用于用户消息告知、身份验证、安全验证、用户使用体验调研等用途；此外，我们也可能会以短信、电话的方式，为您提供您可能感兴趣的服务、功能或活动等商业性信息的用途，但请您放心，如您不愿接受这些信息，您可以通过手机短信中提供的退订方式进行退订，也可以直接与我们联系进行退订。
-								您使用即时通讯工具（如有）的功能时，我们会根据您使用的功能类型分别请求您授权<text
-									class="point">摄像头（相机）、相册（存储）权限</text>。 如您拒绝授权，将无法使用即时通讯工具的上传、发送图片的功能，但不影响您使用样叽的其他功能。
-								<text class="point">\n1.6 搜索\n</text>
-								为了便于您使用搜索功能，寻找与您需求匹配的服务提供者，我们会收集您的搜索关键字信息。
-								<text class="point">\n1.7 个性化推荐\n</text>
-								1.7.1为了向您展示、推荐相关性更高的信息，提供更契合您要求的服务，样叽会为您提供个性化推荐服务。
-								1.7.2我们提供个性化推荐服务的范围包括展示创作者、任务、图文或视频等内容，提供搜索结果等。
-								1.7.3为了预测您的偏好，我们可能会收集、使用您的设备信息以及在使用产品时的行为信息，行为信息包括您在访问/使用产品时的点击、关注、收藏、搜索、查询、浏览、下载（图片）、分享及交易的操作相关记录。我们会对上述信息进行自动分析和计算，系统会根据计算结果自动筛选出你可能更感兴趣的内容进行展示。
-								1.7.4我们会根据您在使用产品过程中的浏览行为对推荐模型进行实时反馈，不断调整优化推荐结果，更好地向您提供优质内容。
-								<text class="point">\n1.8 任务完成反馈\n</text>
-								任务完成后，您可以使用反馈功能，我们会收集您对任务完成情况的反馈内容，但不会公开展示。
-								<text class="point">\n1.9 运营与安全运行/保障\n</text>
-								<text class="point">1.9.1运营与安全保障\n</text>
-								我们致力于为您提供安全、可信的产品与使用环境，提供优质而可靠的服务与信息是我们的核心目标。为了维护我们服务的正常运行，保护您或其他用户或公众的合法利益免受损失，我们会收集用于维护产品或服务安全稳定运行的必要信息。
-								<text class="point">\n1.9.2设备信息与日志信息\n</text>
-								a.为了保障软件与服务的安全运行、运营的质量及效率，我们会收集您的操作系统版本号、IP 地址、操作、使用、服务日志。
-								b.为了预防恶意程序、保障运营质量及效率，我们会收集应用崩溃情况、性能数据。
-								c.我们可能使用您的账户信息、设备信息、服务日志信息以及我们关联方、合作方在获得您授权或依法可以提供的信息，用于判断账户及交易安全、进行身份验证、识别违法违规情况、检测及防范安全事件，并依法采取必要的记录、分析、处置措施。
-								<text class="point">\n1.10 收集、使用个人信息目的变更\n</text>
-								请您了解，随着我们业务的发展，可能会对样叽的功能和提供的服务有所调整变化。原则上，当新功能或服务与我们当前提供的功能或服务相关时，收集与使用的个人信息将与原处理目的具有直接或合理关联。在与原处理目的无直接或合理关联的场景下，我们收集、使用您的个人信息，会再次按照法律法规及国家标准的要求以页面提示、交互流程、协议确认方式另行向您进行告知说明，并征得您的同意。
-								<text class="point">\n1.11 征得授权同意的例外\n</text>
-								请您理解，在下列情形中，根据法律法规及相关国家标准，我们收集和使用您的个人信息不必事先征得您的授权同意：
-								a.与我们履行法律法规规定的义务相关的；
-								b.与国家安全、国防安全直接相关的；
-								c.与公共安全、公共卫生、重大公共利益直接相关的；
-								d.与刑事侦查、起诉、审判和判决执行等直接相关的；
-								e.出于维护您或他人的生命、财产等重大合法权益但又很难得到本人授权同意的；
-								f.您自行向社会公众公开的个人信息；
-								g.根据个人信息主体要求签订和履行合同所必需的；
-								h.从合法公开披露的信息中收集的您的个人信息的，如合法的新闻报道、政府信息公开等渠道；
-								i.用于维护软件及相关服务的安全稳定运行所必需的，例如发现、处置软件及相关服务的故障；
-								j.为开展合法的新闻报道所必需的；
-								k.为学术研究机构，基于公共利益开展统计或学术研究所必要，且对外提供学术研究或描述的结果时，对结果中所包含的个人信息进行去标识化处理的；
-								l.法律法规规定的其他情形。
-								<text
-									class="point1">\n特别提示您注意，如信息无法单独或结合其他信息识别到您的个人身份，其不属于法律意义上您的个人信息；当您的信息可以单独或结合其他信息识别到您的个人身份时或我们将无法与任何特定个人信息建立联系的数据与其他您的个人信息结合使用时，这些信息在结合使用期间，将作为您的个人信息按照本隐私政策处理与保护。</text>
-								<text class="title1">\n\n二、我们如何使用cookie等同类技术\n\n</text>
-								Cookie和设备信息标识等同类技术是互联网中普遍使用的技术。当您使用样叽及相关服务时，我们可能会使用相关技术向您的设备发送一个或多个 Cookie
-								或匿名标识符，以收集、标识和存储您访问、使用本产品时的信息。我们承诺，不会将 Cookie 用于本隐私政策所述目的之外的任何其他用途。我们使用 Cookie
-								和同类技术主要为了实现以下功能或服务：
-								<text class="point">\n2.1 保障产品与服务的安全、高效运转\n</text>
-								我们可能会设置认证与保障安全性的 cookie
-								或匿名标识符，使我们确认您是否安全登录服务，或者是否遇到盗用、欺诈及其他不法行为。这些技术还会帮助我们改进服务效率，提升登录和响应速度。
-								<text class="point">\n2.2 帮助您获得更轻松的访问体验\n</text>
-								使用此类技术可以帮助您省去重复您填写个人信息、输入搜索内容的步骤和流程（示例：记录搜索、表单填写）。
-								<text class="point">\n2.3 为您推荐、展示、推送您可能感兴趣的内容或帐号\n</text>
-								2.3.1我们可能会利用 Cookie 和同类技术了解您的偏好和使用习惯，进行数据分析，以改善产品服务、推荐用户感兴趣的信息或功能。
-								2.3.2在样叽的分享页中，我们可能会使用cookie对浏览活动进行记录，用于向您推荐信息和排查崩溃、延迟的相关异常情况以及探索更好的服务方式。
-								<text class="point">\n2.4 cookie的清除\n</text>
-								大多数浏览器均为用户提供了清除浏览器缓存数据的功能，您可以在浏览器设置功能中进行相应的数据清除操作。如您进行清除，可能因为这些修改，您可能无法使用依赖于Cookie由公司提供的服务或相应功能。
-								<text class="title1">\n\n三、数据使用过程中涉及的合作方以及转移、公开个人信息\n\n</text>
-								<text class="point">3.1数据使用过程中涉及的合作方\n</text>
-								<text class="point">3.1.1 原则\n</text>
-								a.合法原则：与合作方合作过程中涉及数据使用活动的，必须具有合法目的、符合法定的合法性基础。如果合作方使用信息不再符合合法原则，则其不应再使用你的个人信息，或在获得相应合法性基础后再行使用。
-								b.正当与最小必要原则：数据使用必须具有正当目的，且应以达成目的必要为限。
-								c.安全审慎原则： 我们将审慎评估合作方使用数据的目的，对这些合作方的安全保障能力进行综合评估，并要求其遵循合作法律协议。
-								<text class="point">\n3.1.2 委托处理\n</text>
-								对于委托处理个人信息的场景，我们会与受托合作方根据法律规定签署相关处理协议，并对其个人信息使用活动进行监督。
-								<text class="point">\n3.1.3 共同处理\n</text>
-								对于共同处理个人信息的场景，我们会与合作方根据法律规定签署相关协议并约定各自的权利和义务，确保在使用相关个人信息的过程中遵守法律的相关规定、保护数据安全。
-								<text class="point">\n3.1.4 合作方的范围\n</text>
-								若具体功能和场景中涉及由我们的关联方、第三方提供服务，则合作方范围包括我们的关联方与第三方。
-								<text class="point">\n3.1.5 实现功能或服务的数据使用\n</text>
-								a.当你在使用样叽中由我们的合作方提供的功能，或者当软件服务提供商、智能设备提供商、系统服务提供商与我们联合为你提供服务时我们可能会与其使用为实现业务目的所必需的信息，用以向你推荐、展示或推送你可能感兴趣的信息，或者推送更适合你的特定功能、服务。
-								b.在你使用身份认证的功能或相关服务所需时，根据相关法律法规、安全保障要求可能需要完成实名认证以验证你的身份。<text
-									class="point1">在实名认证的过程中，与我们合作的认证服务机构需要使用你的真实姓名、身份证号码、手机号码及人脸信息。部分信息是个人敏感信息，拒绝上述使用将导致你无法完成身份认证，但不会影响样叽其他功能的正常使用。这些信息仅供实名认证及法律法规所规定的用途，未经你的明示授权，不会用作其他目的。\n</text>
-								c.支付功能：支付功能由与我们合作的第三方支付机构向你提供服务。第三方支付机构为提供功能将使用你的姓名、银行卡类型及卡号、有效期、<text
-									class="point1">身份证号码、支付金额</text>及手机号码。这些信息是支付功能所必需的信息，拒绝上述使用将导致你无法使用该功能，但不影响其他功能的正常使用。
-								d.客户服务：为及时处理你的投诉、建议以及其他诉求，客户服务提供商需要使用你的帐号及所涉及事件的相关信息，以及时了解、处理和响应相关问题。
-								<text class="point">\n3.1.6 实现安全与分析统计的数据使用\n</text>
-								a.保障使用安全：我们非常重视帐号、服务及内容安全，为保障你和其他用户的帐号与财产安全，使你和我们的正当合法权益免受不法侵害，我们的合作方可能会使用必要的帐号及日志信息。
-								b.分析产品情况：为分析我们产品的使用和表现情况，我们的合作方可能需要使用该产品使用情况等信息。
-								c.为提升相关领域的科研能力，促进科技发展水平，我们在确保数据安全与目的正当的前提下，可能会与合作的科研院所、高校等机构使用去标识化或匿名化的数据。
-								<text class="point">\n3.1.7 帮助你参加营销推广活动\n</text>
-								当你选择参加我们及我们的合作方举办的有关营销活动时，为保障你在联合活动中获得体验一致的服务，或委托合作方及时向你兑现奖励，我们与我们的合作方可能需要使用你的姓名、通信地址、联系方式、银行帐号信息（不同活动中使用的信息可能存在差异，具体以活动规则为准）。拒绝上述使用可能会影响你参加相关活动，但不会影响其他功能。
-								<text class="point">\n3.2 转移\n</text>
-								随着我们业务的持续发展，我们将有可能进行合并、收购、资产转让，你的个人信息有可能因此而被转移。在发生前述变更时，我们将按照法律法规及不低于本隐私政策所载明的安全标准要求继受方继续履行个人信息处理者的义务，若继受方变更原先的处理目的、处理方式的，我们将要求继受方重新征得你的授权同意。
-								<text class="point">\n3.3 公开\n</text>
-								对违规帐号、欺诈行为进行处罚公告时，我们会披露相关帐号的信息。除此之外，我们不会公开你的信息，除非遵循国家法律法规规定或者获得你的同意。我们公开你的个人信息会采用符合行业内标准的安全保护措施。
-								<text class="point">\n3.4 依法豁免征得同意提供、公开的个人信息\n</text>
-								请你理解，在下列情形中，根据法律法规及国家标准，我们向合作方提供、公开你的个人信息无需征得你的授权同意：
-								a.为订立、履行你作为一方当事人的合同所必需，或者按照依法制定的劳动规章制度和依法签订的集体合同实施人力资源管理所必需；
-								b.为履行法定职责或者法定义务所必需；
-								c.与国家安全、国防安全直接相关的；
-								d.与刑事侦查、起诉、审判和判决执行等直接相关的；
-								e.为应对突发公共卫生事件，或者紧急情况下为保护自然人的生命健康和财产安全所必需；
-								f.为公共利益实施新闻报道、舆论监督等行为，在合理的范围内处理个人信息；
-								g.依照相关法律规定处理你自行公开或者其他已经合法公开的个人信息；
-								h.从合法公开披露的信息中收集个人信息的；
-								i.法律、行政法规规定的其他情形。
-								<text class="title1">\n\n四、我们如何存储个人信息\n\n</text>
-								<text class="point">4.1 存储地点\n</text>
-								我们依照法律法规的规定，将在境内运营过程中收集和产生的您的个人信息存储于中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，会严格遵守中国的相关法律、监管政策，并会遵循相关国家规定或者征求您的同意。
-								<text class="point">\n4.2 存储期限\n</text>
-								4.2.1 我们仅在为提供样叽服务之目的所必需的期间内保留您的个人信息，例如：
-								手机号码：当您使用手机号码注册登录时，我们需要持续保留您的手机号码，以便于向您提供正常的服务、应对您可能的查询和客诉并保障您的帐号和系统安全。
-								4.2.2 如果您注销帐户、主动删除个人信息或超出必要的期限后，我们将对您的个人信息进行删除或匿名化处理，但以下情况除外：
-								遵从法律法规有关信息留存的要求（例如：《电子商务法》规定：商品和服务信息、交易信息保存时间自交易完成之日起不少于三年）。
-								出于财务、审计、争议解决等目的需要合理延长期限的。
-								<text class="title1">\n\n五、我们如何保护个人信息的安全\n\n</text>
-								5.1我们非常重视您个人信息的安全，将努力采取合理的安全措施（包括技术方面和管理方面）来保护您的个人信息，防止您提供的个人信息被不当使用或未经授权的情况下被访问、公开披露、使用、修改、损坏、丢失或泄漏。
-								5.2我们会使用不低于行业同行的加密技术、匿名化处理及相关合理可行的手段保护您的个人信息，并使用安全保护机制防止您的个人信息遭到恶意攻击。
-								5.3我们会建立专门的安全部门、安全管理制度、数据安全流程保障您的个人信息安全。我们采取严格的数据使用和访问制度，确保只有授权人员才可访问您的个人信息，并适时对数据和技术进行安全审计。
-								<text
-									class="point1">\n5.4尽管已经采取了上述合理有效措施，并已经遵守了相关法律规定要求的标准，但请您理解，由于技术的限制以及可能存在的各种恶意手段，在互联网行业，即便竭尽所能加强安全措施，也不可能始终保证信息百分之百的安全，我们将尽力确保您提供给我们的个人信息的安全性。</text>
-								<text
-									class="point1">\n5.5您知悉并理解，您接入我们的服务所用的系统和通讯网络，有可能因我们可控范围外的因素而出现问题。因此，我们强烈建议您采取积极措施保护个人信息的安全，包括但不限于使用复杂密码、定期修改密码、不将自己的帐号密码及相关个人信息透露给他人。\n</text>
-								5.6我们会制定应急处理预案，并在发生用户信息安全事件时立即启动应急预案，努力阻止这些安全事件的影响和后果扩大。一旦发生用户信息安全事件（泄露、丢失）后，我们将按照法律法规的要求，及时向您告知：安全事件的基本情况和可能的影响、我们已经采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施。我们将及时将事件相关情况以推送通知、邮件、信函、短信及相关形式告知您，难以逐一告知时，我们会采取合理、有效的方式发布公告。同时，我们还将按照相关监管部门要求，上报用户信息安全事件的处置情况。
-								5.7您一旦离开样叽及相关服务，浏览或使用其他网站、服务及内容资源，我们将没有能力和直接义务保护您在样叽及相关服务之外的软件、网站提交的任何个人信息，无论您登录、浏览或使用上述软件、网站是否基于样叽的链接或引导。
-								<text class="title1">\n\n六、管理您的个人信息\n\n</text>
-								我们非常重视您对个人信息的管理，并尽全力保护您对于您个人信息的权利，以使您有能力保障您的隐私和信息安全。
-								<text class="point">\n6.1 您的个人信息权利\n</text>
-								<text class="point">6.1.1 查阅、复制帐号信息\n</text>
-								您可以通过“登录样叽-我的账号信息”查阅、复制、更正您的手机号、联系邮箱等信息。
-								特别提示您注意，出于安全性和身份识别（如号码申诉服务）的考虑，您可能无法自主修改注册时提交的某些初始注册信息。如您确有需要修改该类注册信息，请根据本隐私政策载明的联系方式联系我们。
-								除上述外，如果您或其他有权主体对相关法律法规赋予的个人信息权利的行使，有任何主张、要求或者疑问，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们，我们将尽快审核所涉问题，并在验证您的用户身份后的十五个工作日内回复。
-								<text class="point">\n6.2 注销帐号\n</text>
-								您可以通过本协议文末的“联系我们”中的联系方式与我们联系申请注销您的帐号，我们将会在收到您的申请后及时进行处理，并在15个工作日或法律法规要求的时限内回复您的请求。在您注销帐号前，我们将验证您的个人身份、安全状态、设备信息等。您知悉并理解，注销帐号是不可逆的行为，当您注销帐号后，我们将删除有关您的相关信息或进行匿名化处理，但法律法规另有规定的除外。
-								有关注销的流程和内容，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们。
-								<text class="point">\n6.3 意见反馈和投诉举报\n</text>
-								您可以按照我们公示的制度进行投诉或举报。如果您有任何意见或您认为您的个人信息权利可能受到侵害，或者发现侵害个人信息权利的线索，您可以通过本协议文末的“联系我们”中的联系方式与我们联系。
-								平台为了给您提供更好的服务，
-								（1）在处理您的投诉时，为保障服务质量，我们可能会对通话进行录音；
-								（2）在处理您的投诉时，我们将使用通话录音了解您与其他用户的沟通情况以处理前述事宜；
-								（3）在处理您的申诉时，我们将使用通话录音了解您与其他用户的沟通情况以处理前述事宜。
-								在严格控制好权限范围的前提下，我们将始终坚持以最小必要原则来使用录音。如果您认为我们收集了不应该收集的录音信息，请您通过文末的“联系我们”中的联系方式及时联系我们进行删除。
-								<text class="point">\n6.4 访问隐私政策\n</text>
-								您打开样叽平台首页，通过登录的途径即可查看本隐私政策。
-								请您了解，本隐私政策中所述的样叽及相关服务可能会根据您所使用的系统版本等因素而有所不同。最终的产品和服务以您所使用的样叽平台及相关服务为准。
-								<text class="point">\n6.5 停止运营并向您告知\n</text>
-								如我们停止运营，我们将及时停止收集您个人信息的活动，将停止运营的通知以逐一送达或公告的形式通知您，并对所持有的您的个人信息进行删除或匿名化处理。
-								<text class="title1">\n\n七、未成年人条款\n\n</text>
-								样叽主要面向成年人，如果您认为我们在无意间收集了未获得许可的未成年人信息，请通过文末的“联系我们”中的联系方式与我们联系以便我们可以尽快删除这些信息。
-								<text class="title1">\n\n八、隐私政策的修订和通知\n\n</text>
-								8.1为了给您提供更好的服务，样叽及相关服务将不时更新与变化，我们会适时对本隐私政策进行修订，这些修订构成本隐私政策的一部分并具有等同于本隐私政策的效力，未经您明确同意，我们不会削减您依据当前生效的本隐私政策所应享受的权利。
-								8.2本隐私政策更新后，我们会在样叽发出更新版本，并在更新后的条款生效前通告样叽平台公告或其他适当的方式提醒您更新的内容，以便您及时了解本隐私政策的最新版本。
-								<text class="title1">\n\n九、联系我们\n\n</text>
-								9.1样叽平台由北京火乐星球科技有限公司提供，如果您对个人信息保护问题有投诉、建议、疑问，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们，我们核查并验证您的用户身份后会及时反馈您的投诉与举报。
-								9.2如对本隐私政策内容有任何疑问、意见或建议，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们，我们将在验证您的用户身份后的十五个工作日内回复。
-							</text>
-						</scroll-view>
-					</view>
-				</view>
-			</uni-popup>
-		</view>
-
-	</view>
-</template>
-
-<script>
-	// 暴露组件的配置对象,方便其他地方import
-	export default {
-		data() {
-			return {
-				picture: getApp().globalData.picture,
-				token: "888",
-				licenseStatus: 0,
-				value: 0,
-				range: [{
-					"value": 1,
-					"text": ""
-				}],
-				defaultavatarUrl: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/logoxin01.png',
-				type: 'center',
-				nickname: '微信用户',
-				avatarUrl: "https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0",
-				gender: '0',
-			};
-		},
-		async onLoad() {
-			await this.isLogin()
-			if (this.token !== '') {
-				uni.navigateTo({
-					url: '/pages/tasksquare/tasksquare'
-				});
-			}
-		},
-		methods: {
-			// 判断登陆是否过期
-			isLogin() {
-				console.log('into islogin()')
-				return this.$https.get('/youngee/c/t/g/is-login')
-					.then(res => {
-						console.log('判断是否登录res:******  ', res)
-						if (res.data.code === 403) {
-							// 登陆已失效
-							this.token = ""
-						} else {
-							this.token = uni.getStorageSync('token')
-						}
-					})
-			},
-			showXieyi() {
-				console.log('showxieyi()')
-				this.$refs.popup3.open()
-			},
-			showYinsi() {
-				console.log('into shouyinsi()')
-				this.$refs.popup4.open()
-			},
-			select() {
-				console.log('into select()')
-				console.log(this.value)
-				if (this.value.length !== 1) {
-					this.licenseStatus = 0
-				} else {
-					this.licenseStatus = 1
-				}
-			},
-			//swiper滑动事件
-			swiperChange: function(e) {
-				this.swiper.index = e.detail.current;
-			},
-			//底部弹出层
-			change(e) {
-				console.log('当前模式：' + e.type + ',状态：' + e.show);
-			},
-
-			exit() {
-				uni.navigateBack()
-			},
-			toggle(type) {
-				//新版登录方式
-				if (this.value.length !== 1) {
-					uni.showToast({
-						title: '请先阅读并同意协议',
-						icon: 'none',
-						duration: 2000
-					});
-					return;
-				}
-				uni.getUserProfile({
-					desc: '登录',
-					success: (res) => {
-						//console.log(res);
-						console.log("getUserProfile response: ", res)
-						this.licenseStatus = 1
-						this.nickname = res.userInfo.nickName
-
-						this.gender = res.userInfo.gender
-						uni.setStorageSync('nickName', res.userInfo.nickName);
-						uni.setStorageSync('avatarUrl', res.userInfo.avatarUrl);
-					},
-					fail: (res) => {
-						console.log(res)
-					}
-				});
-			},
-			getPhone() {
-				if (this.value.length !== 1) {
-					uni.showToast({
-						title: '请先阅读并同意协议',
-						icon: 'none',
-						duration: 2000
-					});
-					return;
-				}
-			},
-			// 获取手机号
-			onGetPhoneNumber(e) {
-				console.log('调用   ongetphonenum===》')
-				if (e.detail.errMsg === "getPhoneNumber:fail user deny") { //用户决绝授权  
-					//拒绝授权后弹出一些提示  
-					console.log('用户取消')
-				} else {
-					//允许授权  
-					// e中包含getphonenumber成功之后的信息
-					console.log('e ：', e)
-					console.log('动态令牌（用此获取手机号）', e.detail.code)
-					e.detail.encryptedData //加密的用户信息  
-					e.detail.iv //加密算法的初始向量  时要用到
-					try {
-						//用户同意授权就行了，项目貌似不需要获取用户手机号
-						this.login(e.detail.code);
-					} catch (e) {
-						console.log('未进入login()')
-					}
-					// uni.getUserProfile({
-					// 	desc: '登录',
-					// 	success: (res) => {
-					// 		//console.log(res);
-					// 		console.log("getUserProfile response: ", res)
-					// 		this.nickname = res.userInfo.nickName
-
-					// 		this.gender = res.userInfo.gender
-					// 		uni.setStorageSync('nickName', res.userInfo.nickName);
-					// 		uni.setStorageSync('avatarUrl', res.userInfo.avatarUrl);
-
-					// 	},
-					// 	fail: (res) => {
-					// 		console.log(res)
-					// 	}
-					// });
-				}
-			},
-			//登录
-			login(arg) {
-				console.log('into login()')
-				let _this = this;
-				// 获取登录用户code
-				uni.login({
-					provider: 'weixin',
-					onlyAuthorize: true,
-					//后端接口返回的一个响应对象res
-					success: function(res) {
-						if (res.code) {
-							let code = res.code;
-							console.log('uni.login的返回的code===》',code)
-							_this.$https.post('/youngee/c/p/login', {   
-									code: res.code, //wx.login 登录成功后的code 
-									gender: _this.gender,
-									avatar: _this.avatarUrl,
-									nickname: _this.nickname,
-									getphonecode: arg   //为了获得手机号的code
-								})
-								.then(res => {
-									if (res.data.code === -6) {
-										uni.showToast({
-											title: '您已被拉黑，请联系客服',
-											icon: 'none',
-											duration: 2000
-										});
-									} else {
-										console.log('.........')
-										console.log(res.data.data) // 值为null
-										console.log('报错前')
-										//将 data 存储在本地缓存中指定的 key 中
-										uni.setStorageSync('token', res.data.data.token);
-										uni.setStorageSync('nickName', res.data.data.nickname);
-										uni.setStorageSync('avatarUrl', res.data.data.avatar);
-										uni.setStorageSync('cookie', res.header['Set-Cookie']);
-										let url = uni.getStorageSync('url')
-										console.log(url)
-										//判断缓存中是否有url
-										if (url) {
-											if (url === 'pages/tasksquare/tasksquare') {
-												uni.reLaunch({
-													url: `/${url}`
-												})
-											} else if (url === 'pages/mycenter/mycenter') {
-												uni.reLaunch({
-													url: `/${url}`
-												})
-											} else if (url === 'pages/workspace/workspace') {
-												uni.reLaunch({
-													url: `/${url}`
-												})
-											} else {
-												uni.redirectTo({
-													url: `/${url}`
-												})
-											}
-										} else {
-											let pages = getCurrentPages(); // 当前页面
-											let beforePage = pages[pages.length - 2]; // 上一页
-											setTimeout(() => {
-												uni.navigateBack({
-													success: function() {
-														beforePage
-															.onLoad(); // 执行上一页的onLoad方法
-													}
-												})
-												// uni.navigateBack()
-											})
-										}
-									}
-								})
-						} else {
-							uni.showToast({
-								title: '登录失败！',
-								duration: 2000
-							});
-							console.log('登录失败！' + res.errMsg)
-						}
-					}
-				});
-			},
-			determine() {
-				uni.showToast({
-					title: "登录成功",
-					duration: 1000,
-				});
-				this.$refs.popup.close()
-			},
-			xieyi() {
-				console.log('进入协议')
-			},
-		}
-	}
-</script>
-<style>
-	.content {
-		border-radius: 20rpx 20rpx 0 0 !important;
-	}
-</style>
-<style lang="scss" scoped>
-	.title {
-		text-align: center;
-		font-size: 20pt;
-		font-weight: bold;
-		margin: 20px;
-	}
-
-	.title1 {
-		font-weight: 600;
-		padding: 20rpx 0;
-	}
-
-	.point {
-		font-weight: 600;
-	}
-
-	.point1 {
-		font-weight: 600;
-		border-bottom: 1rpx solid #000000;
-	}
-
-	.head {
-		display: flex;
-		align-items: center;
-		/* 垂直居中 */
-		height: 200rpx;
-		margin-top: 30%;
-		margin-bottom: 20%;
-	}
-
-	.head-image {
-		display: inline-block;
-		margin: 0 50rpx 0 150rpx;
-		padding: 10rpx 10rpx 0 0;
-		width: 160rpx;
-		height: 160rpx;
-		background-color: #F0D232;
-		border-radius: 50%;
-	}
-
-	.login-btn {
-		margin: 30rpx;
-		font-size: 35rpx;
-		background-color: #F0D232;
-		border: none;
-		border-radius: 10rpx;
-	}
-
-	.exit-btn {
-		margin: 30rpx;
-		font-size: 35rpx;
-		border: 1rpx solid #000000;
-		border-radius: 10rpx;
-	}
-
-	.xieyi {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.xieyi-btn {
-		width: 40rpx;
-		display: inline-block;
-		font-size: 25rpx;
-	}
-
-	.xieyi-content {
-		display: inline-block;
-		font-size: 25rpx;
-	}
-
-	.xieyi-read {
-		display: inline-block;
-		font-size: 25rpx;
-	}
-
-	/deep/ .content {
-		border-radius: 20rpx 20rpx 0 0 !important;
-	}
-
-	.Tasktext {
-		// padding-top: 5%;
-		padding: 0 0 0 1%;
-		height: 80rpx;
-	}
-
-	.Tasktext span {
-		color: #333333;
-		font-size: 40%;
-		font-weight: 550;
-		text-indent: 2em;
-
-	}
-
-	.TitleText1 p {
-		color: #333333;
-		font-size: 50%;
-
-	}
-
-	.Tasktext {
-		// height: 70rpx;
-	}
-
-	.Tasktext image {
-		vertical-align: middle;
-		width: 50rpx;
-		height: 50rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.butto {
-		text-align: center;
-	}
-
-	.mini-btn {
-		height: 55rpx;
-		width: 150rpx;
-		line-height: 55rpx;
-		margin: 30rpx;
-	}
-
-	.diagram {
-		padding-top: 30%;
-	}
-
-	.but {
-		width: 80%;
-		height: 60rpx;
-		background-color: #FFD700;
-		border-radius: 30rpx;
-		border: 6rpx solid #0C0A03;
-		text-align: center;
-		line-height: 60rpx;
-		margin: 0 auto;
-		position: relative;
-		font-size: 30rpx;
-		font-weight: 550;
-		letter-spacing: 7px;
-	}
-
-	.but span {
-		font-size: 30rpx;
-		font-weight: 550;
-		letter-spacing: 7px;
-	}
-
-	.bei {
-		// position: relative;
-	}
-
-	.mark {
-		position: absolute;
-		width: 8rpx;
-		height: 8rpx;
-		border: 2rpx solid #0C0A03;
-		border-radius: 20px;
-		background-color: #1E90FF;
-
-	}
-
-	.butt {
-		text-align: center;
-		padding-top: 10rpx;
-	}
-
-	.butt span {
-		font-size: 24rpx;
-		color: #969696;
-	}
+<template>
+	<view class="container">
+		<view class="head">
+			<view class="head-image">
+				<image :src="defaultavatarUrl" mode="" style="width: 100%;height: 100%;">
+				</image>
+			</view>
+			<view class="head-text">
+				<p style="font-weight:bold;font-size: 35rpx;padding-bottom: 20rpx;">样叽</p>
+				<p style="font-weight:bold;font-size: 35rpx;">YOUNGGEE</p>
+			</view>
+		</view>
+		<view class="body">
+			<!-- <button class="login-btn" @click="toggle('bottom')" v-if="licenseStatus == 0">授权登录</button> -->
+			<!--  用户点击同意授权后，通过onGetPhoneNumber方法获得回调信息 -->
+			<!-- open-type="getPhoneNumber"是该能力旨在帮助开发者向用户发起手机号申请，并且必须经过用户同意后，开发者才可获得由平台验证后的手机号，进而为用户提供相应服务。 -->
+			<button class="login-btn" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">授权登录</button>
+
+
+			<button class="exit-btn" @click="exit()">取消登录</button>
+			<view class="xieyi">
+				<uni-data-checkbox multiple class="xieyi-btn" v-model="value" :localdata="range" @change="select">
+				</uni-data-checkbox>
+				<p class="xieyi-read">阅读并同意</p>
+				<p class="xieyi-content"><span style="color: #63779b;" @click="showXieyi()">《用户协议》</span>及<span
+						style="color: #63779b;" @click="showYinsi()">《隐私政策》</span></p>
+			</view>
+		</view>
+
+		<view>
+			<!-- 底部普通弹窗 -->
+			<uni-popup ref="popup" background-color="#fff" @change="change" style="border-radius: 20rpx;">
+				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }"
+					style="    ">
+					<view class=""
+						style="width: 90%; margin: 0 auto; margin-top: 10% !important;margin-bottom: 10% !important;">
+						<view class="Tasktext">
+							<image :src="picture.task15" mode=""></image>
+							<span>YoungGee申请使用</span>
+						</view>
+						<view class="">
+							<h5>你的微信头像、昵称、地区及性别信息</h5>
+						</view>
+						<!-- 黑线 -->
+						<view class="" style="border-bottom: 2rpx solid #C0C0C0;margin-top: 3%;margin-bottom: 3%;">
+						</view>
+						<view class="" style="display: flex;justify-content:space-around;">
+
+							<image :src="picture.jpg7" mode="" style="width: 84rpx;height: 84rpx;border-radius: 10rpx;">
+							</image>
+							<view class="" style="width: 70%;">
+								<p style='color: #000000; font-size: 28rpx;'>昵称</p>
+								<p style='color: #999999; font-size: 24rpx;margin-top: 2%;'>微信个人信息</p>
+							</view>
+							<view class="" style="margin-top: 3%;">
+								<image :src="picture.png6" mode="" style="width: 32rpx;height: 22rpx;"></image>
+							</view>
+						</view>
+
+						<!-- 黑线 -->
+						<view class="" style="border-bottom: 2rpx solid #C0C0C0;margin-top: 3%;margin-bottom: 3%;">
+						</view>
+						<view class="butto" style="margin-top: 3%;">
+							<button class="mini-btn" size="mini" @tap="Reset"
+								style="background-color: #F2F2F2;color:#20AC19 ; margin-right: 5%;">拒绝</button>
+							<button class="mini-btn" size="mini" @tap="determine"
+								style="background-color: #20AC19;color:#F2F2F2 ;margin-left: 5%;">允许</button>
+						</view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+
+		<view>
+			<!-- 底部普通弹窗 -->
+			<uni-popup ref="popup3" background-color="#fff" @change="change" style="border-radius: 20rpx;">
+				<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+					<view style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 10% ;">
+						<scroll-view scroll-y="true" style="height:350px;padding: 0 20rpx;">
+							<view class="title">样叽平台服务协议</view>
+							<text style="padding-bottom: 50rpx;">
+								<text class="point">更新时间：2022年11月19日\n</text>
+								<text class="point">生效时间：2022年11月26日\n</text>
+								尊敬的用户，欢迎您使用样叽平台及相关服务。
+								为更好地为您提供服务，请您在访问和使用样叽平台及相关服务前，务必仔细阅读并充分理解本协议条款，特别是涉及免除或者限制责任的条款、权利许可和信息使用的条款、法律适用和争议解决条款等。<text
+									class="point">其中，免除或者限制责任条款等重要内容将以加粗形式提示您注意，您应重点阅读。</text>
+								<text
+									class="point">\n除非您完全接受本协议的全部内容，否则您无权注册、登录样叽平台，或者通过任何方式使用样叽平台，或者获得样叽平台提供的任何服务（以下统称“使用”）。一旦您使用样叽平台及相关服务，即视为您已充分理解本协议，并同意作为本协议的一方当事人接受本协议以及其他与样叽平台及相关服务相关的协议和规则的约束。届时您无权以未阅读本协议的内容或者未获得服务方对您问询的回复、解答、处理等理由，主张本协议无效和/或要求撤销本协议。\n</text>
+								<text class="point">\n一、适用范围及定义\n\n</text>
+								1.本协议是您与北京火乐星球科技有限公司（以下简称“公司”）之间就您注册、登录、使用样叽平台，并获得样叽平台提供的相关服务，所订立的协议。<text
+									class="point">公司有权依样叽平台及相关服务或运营的需要单方决定，安排或指定其关联方、控制公司、继承公司或公司认可的第三方公司继续运营样叽平台。并且，就本协议项下涉及的某些服务，可能由公司的关联公司、控制公司向您提供，您知晓并同意接受上述服务内容，即视为接受双方之间的相关权利义务关系亦受本协议约束。\n</text>
+								2.“样叽平台”：在本协议中也称为“平台”，指公司或其关联公司所运营的包含域名为www.younggee.com的网络平台、标注名称为“样叽企业版”的APP/小程序（以下统称“企业端”）与标注名称为“样叽”的APP/小程序（以下统称“创作者端”），专注于为用户提供图文与视频上传、素材制作、流程执行管理或其他内容服务任务（简称“任务”或“任务需求”或“任务内容”）交易相关的管理及技术服务。公司有权对前述网站平台与应用程序单方变更（包括但不限于更名、新增等）。
+								3.“样叽服务”：指公司为用户提供的，可通过技术手段实现任务交易及管理的一种有偿服务，不同类型的任务交易具体要求、流程及方式，将在本协议相关条款或平台规则中进行规定，用户应予遵守。
+								4.“用户”：指根据样叽平台相关规则与本协议，完成注册或完成平台认证和验证后使用样叽平台及相关服务的自然人、法人和其他组织等。使用“企业端”的用户在本协议中称为“客户”；使用“创作者端”的用户在本协议中称为“创作者”。
+								5.“客户”：指通过“企业端”发布与管理任务，通过“创作者”完成的服务推广其产品或服务的实际需求者，包含客户、客户委托的个人与代理公司。
+								6.“创作者”：指通过“创作者端”按照任务要求进行任务报名、任务分享、任务执行等行为且在社交媒体上拥有自己账号的用户。
+								7.“服务费用”：指客户针对各任务所应支付的相关费用（包括任务服务费、平台服务费等）。一般情况下，“服务费用”采用预充值的形式，当达到本协议或平台规则约定的情况时，公司将在客户预付费用中扣除相应的费用，并依据本协议约定与创作者进行具体任务服务费用结算；特殊情况下，“服务费用”结算方式可由客户与公司另行约定；其中“任务服务费”是指，客户通过平台与创作者针对各任务达成的交易金额（若在实际执行过程中出现变更，应按照平台规则显示的实际执行的金额为准）。
+								8.“合作期限”：自您点击同意本协议之日起长期有效（但本协议其它条款另有约定的，其它条款的有效期从其约定），样叽平台有权提前解除或终止本协议且无需承担任何违约责任，如提前终止或解除本协议的，应当结清债权债务关系；若您创作者，无论因任何原因导致本协议终止的，您应履行完毕已经接受的任务，平台将按照您实际履行的情况与您完成结算，如因您拒绝、迟延履行已接订单导致平台或第三方损失的，您应当承担全部赔偿责任，平台还有权从未结算费用中扣除相应损失。
+								<text
+									class="point">\n9.本协议内容同时包含公司已经发布及后续可能不断发布、更新的关于平台及相关服务和任务的协议、规则等内容。前述内容自公告、通知之日或公告、通知载明之日起生效，并成为本协议不可分割的组成部分，您在前述内容生效之后，仍继续使用样叽平台的，则视为您接受和自愿遵守前述内容。\n</text>
+								<text class="point">\n二、关于账号\n\n</text>
+								1.平台为您提供手机号码注册通道，您的手机号码是您用以登录平台并以您的身份使用平台及相关服务的凭证。
+								<text
+									class="point">\n2.您理解并承诺，您所设置的账号不得违反国家法律法规及公司的相关规则，您的账号名称等注册信息及其他信息中不得出现违法信息及不良信息，未经他人许可不得使用他人名义（包括但不限于冒用他人姓名、名称、字号等足以让人引起混淆的方式）开设账号，不得恶意注册平台账号（包括但不限于频繁注册、批量注册账号等行为）。您在账号注册及使用过程中需遵守相关法律法规，不得实施任何侵害国家利益、损害第三方合法权益、有害社会道德风尚的行为。</text>
+								<text
+									class="point">\n3.您在平台注册的账号所有权及有关权益归公司所有，您完成注册流程后仅享有该账号的使用权。您在平台中的注册账号仅限您使用，未经公司书面同意，禁止以任何形式赠与、借用、出租、转让、售卖或以其他方式许可第三方使用您的账号。若公司发现或者有合理理由认为使用者并非账号所有人或有权使用者，为保障账号安全，公司有权在未通知您的情况下，暂停或终止向该账号提供服务，并注销该账号，而无需向注册该账号的用户承担法律责任。\n</text>
+								4.平台在此特别提示您：为了保障您的账户的安全性，您有责任妥善保管并维护您账号的安全性与保密性。若发现他人未经许可使用您的账号或发生其他任何安全漏洞问题时，您应当立即通知公司。您须对以所注册账号名义所从事的一切活动承担全部法律责任，包括但不限于您在平台上进行的任何信息和任务发布、修改、报价、承接任务订单、充值、付款、提现等操作行为可能引起的一切法律责任。
+								5.您的账号在丢失或遗忘密码后，可遵照公司的申诉途径及时申诉请求找回账号或密码。您应提供增加账号安全性的密码保护资料，并可以凭初始注册资料及密码保护资料填写申诉单向公司申请找回账号。您理解并认可，公司的密码找回机制仅需要识别申诉单上所填资料与系统记录资料具有一致性，而无法识别申诉人是否系账号真正的有权使用者。公司特别提醒您应妥善保管您的账号和密码。当您使用完毕后，应安全退出。因您保管不当可能导致遭受盗号或密码丢失，责任由您自行承担。
+								6.第三方账号授权登录：除自行注册平台帐号外，您也可选择通过授权使用您合法拥有或经过他人合法授权的包括但不限于公司和/或其关联方运营的其他平台下的用户帐号登录、注册并使用样叽平台及相关服务。当您以前述已有帐号登录使用的，应保证相应帐号已进行实名注册登记，您应遵守该平台自身的用户协议及其他协议条款的规定，并同样适用本协议中的相关条款。<text
+									class="point">如您以经他人合法授权的他人账号登录使用的，您应保证已获得全部合法授权，如因使用该他人账号授权登录平台或相关事宜发生争议的，您应当负责解决并保证平台免于承担任何赔偿责任。\n</text>
+								<text
+									class="point">7.在注册、使用和管理账号时，您应保证注册账号时填写信息的真实性、准确性。请您在注册、管理账号时使用真实、准确、合法、有效的相关资质证明材料及必要信息（包括电子邮件地址、联系电话、联系地址等）。公司有权对您提交的注册信息（包括但不限于资质文件等）进行审核。若您提交的材料或提供的信息不准确、不真实、不合法或者公司有理由怀疑为错误、不实或不合法的资料，公司有权不予审核通过。如您已在公司的关联公司所有或经授权合法运营的相关平台提供过相关资质文件，并经过验证（包括但不限于第三方对公验证等形式），您理解并同意，公司有权调取相关数据进行匹配。如未匹配一致，公司有权不予审核通过。\n</text>
+								<text class="point">\n三、样叽平台及相关服务\n\n</text>
+								1.平台提供包括任务发布和承接、任务管理、服务费用结算、提现等技术服务（以下统称“样叽服务”）。
+								2.您成功注册平台账号后，即可登录样叽平台。
+								（1）若您为客户，登录成功后，您可在平台发布任务并根据自身需求选择适合的创作者并在预付相应服务费用后开展合作。
+								（2）若您为创作者，登录成功后，您可在平台查看客户发布的视频拍摄、内容制作、网络直播等具体任务需求，并根据自身需求选择是否接受任务需求。
+								3.若您为客户，您与创作者达成合作意向后：
+								（1）您应按照平台的管理规定及流程要求及时与其沟通内容服务提供和标准等需求，并及时在平台对创作者在各阶段的服务成果进行验收。
+								（2）您为了任务（包括但不限于视频内容、素材内容、直播内容等）能达到更好的推广效果，您同意授权公司以使用您的名义对任务内容和服务成果进行传播或广告投放，且授权公司可以共享您入驻时的主体资质、经营许可资质、商标授权等资质材料，例如公司可将前述资质材料共享至广告投放平台，以便广告投放平台可进行广告投放资质的审核。<text
+									class="point">您知悉并确认，公司对任务内容进行传播或广告投放时，会根据法律法规、平台规则规范等要求调整任务内容，包括但不限于调整锚点组件、标识或标志。</text>您应为公司以您名义进行的传播或广告投放行为依法承担法律责任，包括但不限于：您应承担任务内容、资质材料等信息不合规导致公司遭受损失的赔偿责任。
+								4.若您为创作者，您与客户达成合作意向后，应按照平台的管理规定及流程要求及时查看任务详情、任务要求、任务执行时间等任务信息。并及时在平台对任务各阶段（待传脚本、待传初稿、待传链接、待传数据等）服务成果进行上传。
+								除任务要求或平台管理另有规定外：
+								（1）<text class="point">您同意，客户或平台有权将任务服务成果用于商业性或非商业性合理使用；\n</text>
+								（2）客户可按照您与客户达成的合作意向对工作成果进行使用。
+								<text
+									class="point">您与客户达成合作意向后，如您同时将委托或者安排第三方实际提供服务内容的，因前述第三方实际提供服务不符合客户任务要求或平台管理规定的或该第三方无法提供服务的，均由您按照本协议约定自行向客户和平台承担相应违约和赔偿责任。\n</text>
+								5.客户按照平台规则进行任务结案后，平台依据本协议、具体任务要求等与创作者进行服务费用结算。
+								6.若您为客户，您理解并同意：
+								（1）您应按照平台规则及流程进行任务发布、脚本与初稿的审核、链接与数据质检、结案等操作。您应对您的操作行为负责，不得以任何理由否认操作行为的效力。
+								（2）您发布任务后至结案前的任务执行阶段内，由于创作者违约（违约行为包括但不限于创作者未传或超时上传脚本/初稿/链接/数据、不执行任务要求等）或其他违规情况由此引起的该创作者无法履行现有任务的情况，不视为公司违约，公司无需进行任何赔偿。
+								（3）您与创作者对任务执行、费用支付等问题产生异议时，公司有权介入并按照公司已经发布及后续发布的平台规则等进行判定，您与创作者认可公司意见。<text
+									class="point">但您知悉并理解，您和创作者为在平台所达成任务中的交易双方，所有任务交易应由交易双方自行协商沟通达成并依约履行和承担，公司和平台均非交易一方。\n</text>
+								7.若您为创作者，您理解并同意：
+								（1）您应按照平台规则及流程进行任务需求承接、任务成功上传等操作。您应对您的操作行为负责，不得以任何理由否认操作行为的效力。您可通过平台与客户就任务执行等方面的问题进行商讨。但您不得就任务需求与客户进行私下交易。如您违反本条款约定，公司有权将您列入不良记录名单，终止与您的服务协议，并保留追究您法律责任的权利。
+								（2）您与客户服务执行、费用支付、知识产权授权、活动审批和执行等问题产生异议时，公司有权介入并按照公司已经发布及后续发布的平台规则等进行判定，您与客户确认以公司意见为最终处理结果。<text
+									class="point">但您知悉并理解，您和客户为在平台所达成任务中的交易双方，所有任务交易应由交易双方自行协商沟通达成并依约履行和承担，公司和平台均非交易一方。\n</text>
+								（3）您承诺您有资格从事本协议项下之合作，并有能力履行其于本协议项下之义务，且该等履行义务的行为不违反任何对您有约束力的法律文件的限制。
+								（4）未经平台事先书面同意，您不得以平台合作伙伴或类似名义对外进行宣传，并且不得使用平台、公司及关联公司名称、活动名称、商标或其他LOGO。
+								（5）公司及关联公司禁止任何组织、机构或者自然人在使用公司及关联公司运营的任何网站、平台、应用程序、创作者端或有关服务过程中，通过不正当手段获得不正当利益，包括但不限于刷单、伪造虚假粉丝、伪造虚假评论、伪造虚假交易等行为。一旦发现您存在上述行为的，公司或关联公司有权终止本协议，拒绝向您提供平台的任何服务。如因上述行为造成公司或关联公司发生投诉、纠纷，或被行政机关监管、处罚，或商誉受到不良影响，或有其他经济损失的，公司有权要求您公开道歉，消除影响，并要求您赔偿全部损失。
+								8.为更好地提升用户体验及服务，公司将不定期提供平台及相关服务的更新或改变（包括但不限于平台升级、功能强化、开发新服务和任务类型等）。为保证平台及相关服务安全、提升服务质量，在平台及相关服务的部分或全部更新、改变后，公司将在可行的情况下以妥当的方式（包括但不限于系统提示、公告、站内信等）提示您。
+								<text class="point">\n\n四、费用及结算\n\n</text>
+								1.若您为客户，您同意并遵守以下关于服务费用的约定：
+								（1） 服务费用的支付方式为：预付。您应将相关服务费用支付至公司如下指定账户。在您付费之后，公司才开始为您提供服务。公司保留在您未按照约定支付全部费用之前不向您提供服务的权利。
+								（2） 您在平台点击任务结案后，公司对相应服务费用进行扣除结算，您可在线申请等额发票，公司开出后回寄给您。
+								（3） 为确保您能继续正常使用平台及相关服务，您支付的预付款剩余金额不足以支付具体项目款项的时候，您应及时续费。
+								（4）公司指定账户信息如下：
+								账户名称：北京火乐星球科技有限公司
+								开户银行：广发银行股份有限公司北京奥运村支行
+								收款账号：9550880221666800136
+								（5）如您为香港、澳门、台湾地区或其他非中国大陆地区客户，您向公司支付款项，您应承担相应的汇款手续费及结汇产生的汇兑损益。您每次在平台充值金额均为结汇后人民币金额。如合作期内产生任何退款，退款相关手续费及汇兑损益均由您承担。如您所在地区税务机关要求其对所支付款项代扣代缴相关税费（包括但不限于税收及其他类型政府性收费），代扣代缴税费由您承担。
+								（6）双方结算币种为【人民币】，结汇汇率以结汇当日银行实时汇率为准。
+								（7）您发布任务时，需针对各任务支付相关费用（包括任务服务费、平台服务费等），具体费用构成以平台任务页面所描述和约定为准。公司有权对不同类型的费用结算规则进行调整，如发生调整的，公司将另行向您通知，您同意按照公司另行通知或公示的规定执行。
+								2.若您为创作者，您同意并遵守以下关于服务费用的约定：
+								（1）针对您承接的任务，客户根据平台规则对具体任务结案后，公司将依照您在报名任务时任务详情页面所描述和约定的“固定稿费”或您“自报价”进行结算。
+								（2）若您在具体任务执行中有未传或超时上传脚本/初稿/链接/数据、不执行任务要求等违约情况，平台有权扣除对应的违约比例与您结算服务费用。
+								（3）公司有权对不同类型的费用结算规则进行调整，如发生调整的，公司将另行向您通知，您同意按照公司另行通知或公示的规定执行。
+								（4）您同意，您应就本协议项下所获得的任务服务费用自行承担个人所得税、增值税及附加税费等税费成本。
+								（5）您同意，平台有权依据相关法律法规及前述合作协议，就您在本协议项下获得的收入办理包括个人所得税、增值税及附加等相关税费的申报缴纳、代办发票等相关事宜。 
+								（6）您确认，如税收政策或监管环境发生变化，您有义务根据届时变更的税收政策或监管要求履行相关合规义务。
+								（7）您发起提现后，平台将相应费用支付到您指定的银行账户或支付宝账号中，您应当确保您在平台中所填写的银行账户信息与支付宝账号信息确系您本人所有，并准备无误。
+								<text class="point">\n\n五、用户信息的保护与使用\n\n</text>
+								1.若您为客户，您理解并同意：为履行本协议，公司有权在平台的服务器上保存您的信息（包括但不限于您的注册信息、任务信息等）；公司在法律法规所允许的范围内，有权使用和对外披露您的信息，包括但不限于为平台及相关服务系统升级、抽样测试、更新的目的，出于提升互联网诚信环境的目的、依据司法和/或行政机关的要求使用或披露您的信息。为了您更好的使用平台及相关服务，公司有可能对相关服务数据进行整理分析并用于进一步优化或拓展相关服务；公司或经公司授权的关联公司也可能会出于运营需要将您的使用情况和信息作为相关服务的案例进行展示或参与相关评奖或用于基于运营需要的其他用途。
+								<text
+									class="point">您授权样叽平台将您下单任务的转化数据披露给对应接单的达人，便于达人了解任务表现效果，以提升并优化达人在本协议项下的服务能力，以及确保达人将来能更好地与您合作；同时您应确保您有权进行授权。\n</text>
+								2.若您为创作者，您理解并同意：
+								（1）为履行本协议，公司有权在平台的服务器上保存您的信息（包括但不限于您的注册信息、任务信息、社媒账号信息、物流信息、提现信息等）；公司在法律法规所允许的范围内，有权使用和对外披露您的信息，包括但不限于为平台及相关服务系统升级、抽样测试、更新的目的，出于提升互联网诚信环境的目的、依据司法和/或行政机关的要求使用或披露您的信息。公司或经公司授权的关联公司也可能会出于运营需要将您的使用情况作为相关服务的案例进行展示或参与相关评奖。
+								<text
+									class="point">\n（2）为便于客户更好、更全面地了解您的信息，帮助您与客户更好地达成合作，您同意并授权样叽平台将您包括头像、昵称、性别、地域、设备所在城市及您社媒帐号粉丝量、粉丝统计画像、作品数据、用户评论等账号信息以及商品分享内容、形式、商品分享订单数据等共享至平台，并授权平台向客户展示您的前述信息。您同时同意平台将通过技术方式对上述信息和您在平台任务完成情况进行分析和整理后的数据披露给客户，包括完成任务数、预计播放/曝光量、任务服务成果发布链接等。\n</text>
+								<text
+									class="point">（3）为便于客户更好地了解您承接任务完成情况及效果相关的信息，您同意并授权平台将您在平台所完成任务的效果数据向相应发布任务的客户进行展示，包括完成播放量、点赞量、评论量、分享量等。\n</text>
+								<text
+									class="point">（4）为了您更好的使用平台及相关服务，平台有可能对相关服务数据进行整理分析并用于进一步优化或拓展相关服务；您授权同意将您在样叽平台上绑定的第三方社媒平台帐号信息、任务和任务商品相关的数据（任务信息和任务商品信息等）产生的数据授权公司及公司关联公司作为相关服务的案例进行宣传展示或参与相关评奖或用于基于运营需要的其他用途，以便商家和平台用户更好地了解相关商品或服务情况以及为您提供更好的平台任务体验以及拓展相关服务。\n</text>
+								<text
+									class="point">（5）为了帮助您更好地完成任务，您可将平台任务分享给其他“创作者”同时您同意并授权平台向其他“创作者、MCN”展示您在样叽平台的承接任务的公开数据。\n</text>
+								<text class="point">\n六、用户行为规范\n\n</text>
+								1. 客户、创作者应当各自对使用平台及相关服务的行为负责，除非法律允许或者经公司事先书面许可，使用平台及相关服务不得具有下列行为：
+								(1) 使用未经公司授权或许可的任何插件、外挂、系统或第三方工具对平台及相关服务的正常运行进行干扰、破坏、修改或施加其他影响。
+								(2) 利用或针对平台及相关服务进行任何危害计算机网络安全的行为，包括但不限于：
+								(a) 非法侵入他人网络、干扰他人网络正常功能、窃取网络数据等危害网络安全的活动；
+								(b) 提供专门用于从事侵入网络、干扰网络正常功能及防护措施、窃取网络数据等危害网络安全活动的程序、工具；
+								(c) 明知他人从事危害网络安全的活动的，为其提供技术支持、广告推广、支付结算等帮助
+								(d) 使用未经许可的数据或进入未经许可的服务器/账号；
+								(e) 未经允许进入公众计算机网络或者他人计算机系统并删除、修改、增加存储信息；
+								(f) 未经许可，企图探查、扫描、测试平台的弱点或其它实施破坏网络安全的行为；
+								(g) 企图干涉、破坏平台的正常运行，故意传播恶意程序或病毒以及其他破坏干扰正常网络信息服务的行为；
+								(h) 伪造TCP/IP数据包名称或部分名称。
+								(i) 对平台及相关服务进行反向工程、反向汇编、编译或者以其他方式尝试发现本软件的源代码。
+								(j) 违反法律法规、本协议、公司的相关规则及侵犯他人合法权益的其他行为。
+								(3)
+								在任何情况下，如果公司有理由认为您的任何行为违反或可能违反上述约定的，公司可独立进行判断并处理，且有权在不进行任何事先通知情况下终止向您提供服务，并追究您的相关法律责任。
+								<text
+									class="point">\n2.客户、创作者在平台中发布与上传的内容应自觉遵守相应法律、法规，尊重公共秩序，尊重社会公德、社会主义制度、国家利益、公民合法权益、道德风尚和信息真实性等要求。您同意并承诺不制作、发布法律、行政法规禁止的下列信息内容：\n</text>
+								(1) 反对宪法确定的基本原则的；
+								(2) 危害国家安全，泄露国家秘密的；
+								(3) 颠覆国家政权，推翻社会主义制度、煽动分裂国家、破坏国家统一的；
+								(4) 损害国家荣誉和利益的；
+								(5) 宣扬恐怖主义、极端主义的；
+								(6) 宣扬民族仇恨、民族歧视，破坏民族团结的；
+								(7) 煽动地域歧视、地域仇恨的；
+								(8) 破坏国家宗教政策，宣扬邪教和迷信的；
+								(9) 编造、散布谣言、虚假信息，扰乱经济秩序和社会秩序、破坏社会稳定的；
+								(10) 散布、传播暴力、淫秽、色情、赌博、凶杀、恐怖或者教唆犯罪的；
+								(11) 侵害未成年人合法权益或者损害未成年人身心健康的；
+								(12) 未获他人允许，偷拍、偷录他人，侵害他人合法权利的；
+								(13) 包含恐怖、暴力血腥、高危险性、危害表演者自身或他人身心健康内容的；
+								(14) 危害网络安全、利用网络从事危害国家安全、荣誉和利益的；
+								(15) 侮辱或者诽谤他人，侵害他人合法权益的；
+								(16) 对他人进行暴力恐吓、威胁，实施人肉搜索的；
+								(17) 涉及他人隐私、个人信息或资料的；
+								(18) 散布污言秽语，损害社会公序良俗的；
+								(19) 侵犯他人隐私权、名誉权、肖像权、知识产权等合法权益内容的；
+								(20) 散布商业广告，或类似的商业招揽信息、过度营销信息及垃圾信息；
+								(21) 使用本平台常用语言文字以外的其他语言文字评论的；
+								(22) 与所评论的信息毫无关系的；
+								(23) 所发表的信息毫无意义的，或刻意使用字符组合以逃避技术审核的；
+								(24) 其他违反法律法规、政策及公序良俗、干扰平台正常运营或侵犯其他用户或第三方合法权益内容的其他信息。
+								<text class="point">\n\n七、内容的审查和责任\n\n</text>
+								1.若您为客户或创作者：
+								（1）您必须对发表或者上传于平台的所有信息（包括但不限于文字、图片、音频、视频、链接等各种形式的内容及其中包括的音乐、声音、台词、视觉设计、对话等所有组成部分）均享有完整的知识产权，或已经得到相关权利人的合法授权（且含转授权），并保证该信息不侵犯任何第三人的合法权益（包括但不限于名誉权、姓名权、肖像权、隐私权、知识产权等）；如您违反本条规定造成平台被第三人索赔的，您应赔偿平台一切损失和费用(包括但不限于各种赔偿金、诉讼代理费及为此支出的其它合理费用)。
+								（2）公司有权不时对您的身份信息、发布内容、账号名称等内容进行审查，如有公司认为不真实、不符合法律规定、不符合本协议约定或存在风险的信息，公司有权在不通知您的前提下即进行自行处理的权利。处理的方法包括但不限于删除信息，终止账号，屏蔽IP地址、关键字、联系方式，或法律诉讼等。公司前述审查行为并不视为公司对您提交的相关任务、信息、内容的真实性、准确性、合法合规性的任何承诺或担保，也不构成公司对您提交的相关信息、内容承担任何连带责任，您应当对您的相关信息、内容独立负责。
+								2.若您为客户，在平台发布信息和任务时，您应首先进行自审，查看是否有违规或存在归属权争议，一旦您在平台发布信息和任务，平台视为您已经进行自审；若您为创作者，在平台上传信息时，您应首先进行自审，查看是否有违规或存在归属权争议，一旦您在平台上传信息，平台视为您已经进行自审。
+								<text
+									class="point">\n3.平台提供显示的创作者在第三方社媒平台的部分信息（包括但不限于社媒平台的主页链接、主页截图、粉丝数量、点赞量、评论量、收藏量、带货销量等）为创作者自行上传或平台通过第三方平台接入的数据，因网络技术的局限性和不稳定性及创作者自行上传数据的不可预见性，平台无法保证前述数据与第三方社媒平台数据实时同步更新。前述数据仅供您参考，公司不对其真实性、准确性负责，公司不对创作者绑定的社媒主页链接、粉丝数量、点赞量、评论量、收藏量、带货销量数等进行保证，公司不对您使用平台服务的效果以及您产品或服务的销量做任何承诺。\n</text>
+								<text class="point">\n八、保密义务\n\n</text>
+								1.任何一方对于因签署或履行本协议而了解或接触到的对方的商业秘密及其他机密资料和信息，包括但不限于客户向创作者提供的品牌信息、平台运营政策、运营信息、相关数据、本协议内容、价格体系等（以下简称“保密信息”）均应保守秘密，非经权利方书面同意，任何一方不得向本协议之外的其他方泄露、给予或转让该等保密信息或擅自使用，相关法律法规规定或国家政府部门要求的情况除外。
+								2. 本条规定的权利和义务在本协议终止后将继续有效。
+								3. 如创作者违反保密义务的，平台有权立即终止本协议，并不予退还违约方已支付的保证金（若有）；如因创作者反保密义务给平台或客户造成损失的，平台有权向创作者追索。
+								<text class="point">\n\n九、违约处理\n</text>
+								<text class="point">\n1.若您为客户：
+									（1）针对您违反本协议或其他服务条款的行为，公司有权独立判断并视情况采取拒绝发布、删除发布内容、限制账号部分或者全部功能直至永久关闭账号等措施。公司有权公告处理结果，且有权根据实际情况决定是否恢复相关账号的使用。对涉嫌违反法律法规、涉嫌违法犯罪的行为将保存有关记录，并依法向有关主管部门报告、配合有关主管部门调查。
+									（2）因您违反本协议或其他服务条款约定，引起第三方投诉或诉讼索赔的，您应当自行处理并承担全部可能由此引起的法律责任。因您的违法或违约行为导致公司及其关联公司、控制公司向任何第三方赔偿或遭受国家机关处罚的，您还应足额赔偿公司及其关联公司、控制公司因此遭受的全部损失。
+									（3）您不应当随意取消订单，否则公司有权按平台规则进行相应处理，因此造成创作者任何损失的，您应当承担赔偿责任。
+									2.若您为创作者：
+									（1）针对您违反本协议或其他服务条款的行为，公司有权独立判断并视情况采取拒绝发布、删除发布内容、限制账号部分或者全部功能直至永久关闭账号等措施。公司有权公告处理结果，且有权根据实际情况决定是否恢复相关账号的使用。对涉嫌违反法律法规、涉嫌违法犯罪的行为将保存有关记录，并依法向有关主管部门报告、配合有关主管部门调查。
+									（2）因您违反本协议或其他服务条款约定，引起第三方投诉或诉讼索赔的，您应当自行处理并承担全部可能由此引起的法律责任。因您的违法或违约行为导致公司及其关联公司、控制公司向任何第三方赔偿或遭受国家机关处罚的，您还应足额赔偿公司及其关联公司、控制公司因此遭受的全部损失。
+									（3）如您严重违反本协议的，应当按照违约行为所指向的单个任务所涉及的实际产品和服务体验费用向公司支付赔偿金，公司有权向您追偿；公司有权直接从应向您支付的服务费用中扣除赔偿金。严重违反本协议的情况包括：
+									1）接单后未与平台或客户达成一致的退单/跑单；
+									2）接单后未按平台规定时间上传脚本进行审核；
+									3）接单后未按平台规定时间上传初稿进行审核；
+									4）接单后未按平台规定时间上传发布链接进行审核；
+									5）接单后未按平台规定时间上传数据连接进行审核；
+									6）未按客户要求的时间段在约定的平台保持任务服务成果发布；
+									7）接单后未按约定提供服务或交付工作成果；
+									8）未经平台同意或违反本协议，私自与客户接洽与本协议项下的相同或类似服务；
+									9）其它影响客户及公司和/或其关联公司权益的行为（包括但不限于造成直接或直接经济损失、损害形象等行为，以及平台规定的其他严重违反协议的行为。
+									（4）本协议合作期限内，您应确保严格遵守法律法规、遵守社会公德、维护公序良俗，规范您作为网络达人及公众人士的职业操守和良好公众形象，不发生触犯法律法规、国家政策以及严重违背社会公序良俗或其它致使您公众形象严重受损的严重不良行为或其他丑闻劣迹等行为（包括但不限于吸毒、赌博、流连夜店、酗酒、斗殴、参与黑社会性质的团体和活动、涉黄、酒驾、嫖娼、出轨、成为他人婚姻生活中的“第三者”、反政府和反社会等不当言论等）；您如出现负面报导，落入国家行政监管机关禁止履行本协议项下约定服务内容范围的，导致公司和/或公司关联公司因前述事宜受到国家机关行政处罚或第三方索赔的，公司有权提前终止本协议，无需承担本协议项下付款义务，并有权要求您退还公司已支付的全部费用，公司有权从尚未支付给您本人的款项金额中直接扣除全部或部分。\n</text>
+								<text class="point">\n十、服务的变更、中断和终止\n\n</text>
+								1.您理解并同意，公司提供的平台及相关服务是按照现有技术和条件所能达到的现状提供的。公司会尽最大努力向您提供服务，确保服务的连贯性和安全性。您理解，公司不能随时预见和防范技术以及其他风险，包括但不限于不可抗力、病毒、木马、黑客攻击、系统不稳定、第三方服务瑕疵及其他各种安全问题的侵扰等原因可能导致的服务中断、数据丢失以及其他的损失和风险。如因不可抗力或其他非公司因素给您造成损失的，您同意公司可以免责。
+								2. 您理解并同意，公司为了服务整体运营的需要，有权在公告通知后修改、中断、中止或终止平台及相关服务，而无须向您负责或承担任何赔偿责任。
+								<text class="point">\n\n十一、知识产权\n\n</text>
+								1.公司在平台及相关服务中提供的内容（包括但不限于软件、技术、程序、网页、文字、图片、图像、音频、视频、图表、版面设计、电子文档等）的知识产权属于公司所有。公司提供服务时所依托的软件的著作权、专利权及其他知识产权均归公司所有。未经公司许可，您不得更改、演绎、拆分、反解平台及相关服务中涉及的技术和程序或以其它任何方式进行可能损害前述专有权利的行为。
+								2.您理解并同意，在使用平台及相关服务时上传或发布的内容（包括文字、图片、视频、音频等各种形式的内容及其中包含的音乐、声音、台词、视觉设计等所有组成部分）均由您原创或已获得合法授权（且含转授权）。您通过平台及相关服务发布的任何内容的知识产权归属您或经原始著作权人合法授权。
+								<text
+									class="point">\n3.创作者通过平台与客户达成交易项下所提供的工作成果（包括文字、图片、视频、音频、网络直播等各种形式的内容及其中包含的音乐、声音、台词、视觉设计等所有组成部分）均由创作者原创或已获得合法授权（且含转授权），创作者在此不可撤销地授权及承诺客户和平台有权对上述工作成果进行合法使用，同时可按照创作者与客户通过平台所达成任务交易明确列明的其它用途使用，具体如下：
+									（1）如客户与创作者达成的任务交易中明确工作成果用于社媒平台商业推广使用的，客户可按照上述用途进行合理使用。
+									（2）如客户与创作者达成的任务交易中未明确其它使用用途，但基于任务类型和属性，任务完成后平台显示客户可以下载创作者工作成果的，工作成果的知识产权归属于客户所有。客户可将工作成果用于商业性或非商业性合理使用，但是前述使用行为不得侵犯创作者对其交付的工作成果中含有的相关素材或内容的知识产权、肖像权或其他第三方权利。
+									（3）如客户与创作者达成的任务交易中未明确其它使用用途，但基于任务类型和属性，任务完成后平台显示客户不可下载创作者工作成果的，工作成果的知识产权归属于创作者所有。如客户有任务交易外的使用用途的，客户应当通告平台与创作者协商沟通确定权利归属和使用范围。
+									（4）若创作者提供授权内容存在第三方授权问题，创作者应配合客户提供相关授权证明。
+									（5）创作者知悉，创作者同意客户使用工作成果时，具体工作成果会根据法律法规、平台规则规范等要求进行调整，包括但不限于附加平台锚点组件、标识或标志。客户在使用工作成果时，创作者保证授权内容授权有效期间保持公开可见的状态，不可随意删除授权内容或设置为私密、好友可见。
+									因工作成果的使用、发布、传播所引起的任何纠纷，由客户与创作者依据双方权利义务的约定承担全部法律责任，平台、公司、公司关联公司不承担任何责任。
+									4.平台使用内容条款
+									（1）若您为客户，您确认并授权平台、公司及公司关联公司有权将您通过平台发布任务委托创作者完成的工作成果以及该任务的基本情况，用于包括但不限于对外宣传、展示、优秀案例推广以及户外、网站/手机客户端/其他形式的信息网络传播等商业的目的或非商业目的使用；您授予公司及公司关联方、控制公司、继承公司一项全球范围内、免费、非独家、可再许可（通过多层次）的权利（包括但不限于复制权、翻译权、汇编权、信息网络传播权、改编权及制作衍生品、表演和展示的权利等），上述权利的使用范围包括但不限于在当前或其他网站、应用程序、产品或终端设备等使用。您在此确认并同意，公司有权自行或许可第三方在与上述内容、平台及相关服务、公司和/或公司品牌有关的任何宣传、推广、广告、营销和/或研究中使用和以其他方式开发内容（全部或部分）。
+									您理解并同意，上述授予的权利包括使用、复制和展示您拥有或被许可使用并植入内容中的个人形象、肖像、姓名、商标、服务标志、品牌、名称、标识和公司标记（如有）以及任何其他品牌、营销和推广资产、物料、素材等的权利和许可。
+									（2）若您为创作者，为使您的工作成果得到更好的分享及推广，提供其传播价值及影响力，您通过平台及相关服务上传、发布或传输的内容（包括但不限文字，图像，音频，视频、直播内容等各种形式的内容及其中包括的音乐、声音、台词、视觉设计、对话等所有组成部分）及工作成果，您授予公司及其关联方、控制公司、继承公司一项全球范围内、免费、非独家、可再许可（通过多层次）的权利（包括但不限于复制权、翻译权、汇编权、信息网络传播权、改编权及制作衍生品、表演和展示的权利等），上述权利的使用范围包括但不限于在当前或其他网站、应用程序、产品或终端设备等使用。您在此确认并同意，公司有权自行或许可第三方在与上述内容、平台及相关服务、公司和/或公司品牌有关的任何宣传、推广、广告、营销和/或研究中使用和以其他方式开发内容（全部或部分）。
+									您理解并同意，上述授予的权利包括使用、复制和展示您拥有或被许可使用并植入内容中的个人形象、肖像、姓名、商标、服务标志、品牌、名称、标识和公司标记（如有）以及任何其他品牌、营销和推广资产、物料、素材等的权利和许可。\n</text>
+								5. 公司为平台开发、运营提供技术支持，并对平台及相关服务的开发和运营等过程中产生的所有数据和信息等享有法律法规允许范围内的全部权利。
+								<text
+									class="point">\n6.请您在任何情况下都不要私自使用公司的包括但不限于“样叽”、“YOUNGGEE”、“www.youunggee.com”等在内的任何商标、服务标记、商号、域名、网站名称或其他显著品牌特征等（以下统称为“标识”）。未经公司事先书面同意，您不得将本条款前述标识以单独或任何结合方式展示、使用或申请注册商标、进行域名注册等，也不得实施向他人明示或暗示有权展示、使用、或其他有权处理该些标识的行为。由于您违反本协议使用公司上述商标、标识等给公司或他人造成损失的，由您承担全部法律责任。
+									7.公司有权以自身名义在全球范围内单独向侵犯本协议项下所产生的肖像权、知识产权和/或其它合法权利的第三方维权，维权形式包括但不限于：监测侵权行为、发送维权函、提起诉讼或仲裁、调解、和解等，公司有权对维权事宜作出任何独立决策并独立实施。如公司已就第三方侵权行为发起任何形式维权的，则本协议合作项目授权期限将自动延续至维权结束或停止维权之时。创作者授权公司以公司的名义制止、打击侵权和盗版行为，包括但不限于申请保全、行政投诉、提起民事诉讼、上诉、申请执行、和解、获得赔偿金等。\n</text>
+								<text class="point">\n十二、免责条款\n</text>
+								<text
+									class="point">\n1.用户知悉、理解并认可：平台仅作为用户任务发布、任务报名、任务执行等交易合作的网络平台提供者，并非订单、任务和项目需求的发布者和交易的一方；客户、创作者上传的内容以及所提供的服务，没有经过平台事先审查，因此平台无法保证其内容的真实性、合法性、准确性、有效性和安全性。用户在使用非平台和公司上传的内容时遭受的损失和其它一切后果由用户独自承担。
+									用户如因为浏览平台的内容或第三方发布和上传的内容而因此遭受到任何损失，或与其他用户、客户、创作者、第三方等发生争议，就上述损失或争议或任何方面产生有关的索赔、要求、诉讼、损失和损害，由用户自行承担或与上述当事方协商解决，平台、公司和公司的管理层、董事、代理人、关联公司、母公司、子公司和雇员对此不承担任何责任。
+									2.用户同意不就其他用户、客户、创作者等发布的内容或行为追究平台的责任。公司对于用户由于使用平台而造成的任何金钱、商誉、名誉的损失，或任何特殊的、间接的、或结果性的损失都不负任何责任。用户同意就用户自身行为之合法性单独承担责任，用户同意，公司及其所有关联公司和相关实体对用户的行为的合法性不承担任何责任。
+									3.除平台注明之服务条款外，其他一切因使用平台及相关服务而引致之任何意外、疏忽、合约毁坏、诽谤或知识产权侵犯及其所造成损失的，平台不承担任何法律责任。
+									4.因不可抗力（包括但不限于政府管制、国家政策调整、恐怖袭击、自然灾害、突发公共事件、战争、停电、电信部门技术调整以及病毒入侵等）、来自外部的恶意网络攻击或其它非平台故意行为导致平台不能正常提供服务时，不视为公司违约，公司不承担任何责任，也无须向您提供任何赔偿。
+									5. 根据法律规定、相关协议约定，平台不承担责任的其他情形。
+									6.如因客户、创作者原因导致的违约、违规（违反平台规则、国家法律法规等）行为造成任何损失的，违约方、违规方应当承担全部责任并赔偿相应的损失，平台不承担任何法律责任，也无须向您提供任何赔偿。
+									7.如因第三方平台原因（包括但不限于第三方社媒平台规则、内容审查、技术等）导致的违约、违规（违反平台规则、国家法律法规等）行为造成任何损失的，平台无需承担任何法律责任，也无需提供任何赔偿；由此导致任务费用无法正常结算等问题，客户、创作者可参考平台规则等流程申请平台调解进行解决。
+									8.如发生包括但不限于有权机关要求、社会公共事件、媒体报道或重大时间节点等情形时，公司有权在相应时间节点调整、暂停或终止本协议项下的服务且无需承担任何责任。\n</text>
+								<text class="point">\n十三、其他\n\n</text>
+								1.本协议自您在线点击同意后生效。除本协议约定的解除或终止情形或法定解除或终止事由外，本协议将长期有效。平台有权经提前15天书面、邮件、电话、短信、平台内消息通知您，即可提前单方终止本协议且不需要承担任何违约责任。本协议生效后，您与平台之前签订的所有协议（如有）中的平台签约主体，都变更为本协议的主体北京火乐星球科技有限公司。
+								2.本协议的成立、生效、履行、解释及争议的解决均应适用中华人民共和国法律。倘若本协议之任何规定因与中华人民共和国法律抵触而无效，则这些条款应在不违反法律的前提下按照尽可能接近本协议原条文目的之原则进行重新解释和适用，且本协议其它规定仍应具有完整的效力及效果。
+								<text
+									class="point">\n3.本协议的签署地点为中华人民共和国北京市海淀区。若您因本协议与公司发生任何争议，双方应尽量友好协商解决；如协商不成的，您同意应将相关争议提交至北京市海淀区人民法院诉讼解决。\n</text>
+								4.用户同意，在发生并购，本协议和所有纳入的协议可由本公司自行酌情决定向第三方自动转让。本公司未就用户或其他方的违约采取行动并不等于本公司放弃就随后或类似的违约采取行动的权利。
+								<text
+									class="point">\n5.为给您提供更好的服务或因国家法律法规、政策调整、技术条件、产品功能等变化需要，公司会适时对本协议进行修订，公司会将修改后的协议予以发布；前述内容一经正式发布，即作为本协议不可分割的组成部分并具有等同于本协议的法律效力。公司会以适当的方式将本协议的修订条款送达您（网站公布、系统通知等），并督促您同意或拒绝。如您对修改后的协议条款存有异议的，请立即停止登录或使用样叽平台及相关服务。若您继续登录或使用样叽平台及相关服务，即视为您认可并接受修改后的协议条款。\n</text>
+								6.本协议中的标题仅为方便及阅读而设，并不影响本协议中任何规定的含义或解释。
+								7.您和公司均为独立的主体，在任何情况下本协议不构成公司对您的任何形式的明示或暗示担保，双方之间亦不构成代理、合伙、合营或雇佣关系。
+								<text class="point">\n\n附件：个人信息保护承诺函\n\n</text>
+								鉴于用户拟（或正在）与本公司开展样叽服务合作过程中，涉及用户与创作者等主体之间的任务推广服务合作，为符合与个人信息保护相关法律法规的规定，在合作过程中对相关数据主体的个人信息进行充分的保护，用户与本公司可能会共同、单独或接受委托对相关个人信息进行处理。在前述个人信息的处理过程中，用户有义务遵守与个人信息保护相关法律、法规、规章制度及国家标准<text
+									class="point">（以下简称“数据保护要求”）</text>的规定，履行个人信息保护、数据安全以及保密等义务。
+								本承诺函项下“个人信息”是指：以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息，但不包括匿名化处理后的信息；个人信息的“处理”包括个人信息的收集、存储、使用、加工、传输、提供、公开、删除等。
+								<text class="point">\n用户在此承诺并保证：\n</text>
+								1.在本承诺函项下用户对个人信息的处理，应符合数据保护要求的规定，严格遵守个人信息处理的合法、正当、必要和诚信原则，且仅在为实现《样叽平台服务协议》（以下简称“主协议”）的范围内进行相应的处理活动。用户在处理个人信息过程中，应当遵循公开、透明原则，向相关数据主体公开个人信息处理规则，明示处理的目的、方式和范围，数据处理应具有明确、合理的目的，并应当与处理目的直接相关且在实现处理目的所需的最小范围内进行。数据处理应当在数据主体的授权范围内、采取对数据主体个人权益影响最小的方式进行，并应避免因个人信息不准确、不完整对数据主体权益造成不利影响。若超出数据主体的授权范围对相关个人信息进行处理的，用户应当根据数据保护要求的规定，另行征得相关数据主体的授权同意后进行处理，数据保护要求另有规定的除外。
+								2.若涉及用户向平台传输个人信息，用户承诺在传输相关个人信息前，须符合数据保护要求的规定。除非数据保护要求另有规定，用户承诺已经就其向平台传输的个人信息，将所涉及的个人信息的种类、处理目的、处理方式等数据保护要求所规定的法定内容对数据主体进行了充分且满足透明度要求的告知，并获得了数据主体的授权同意。
+								3.用户承诺向平台上传相关个人信息并使用主协议项下的服务，不会违反数据保护要求以及用户与本公司相关协议/合同（如有）的约定，不会损害本公司、本公司关联方、相关数据主体或对数据拥有相关权利的主体的合法权益，亦不会超出数据主体或对数据拥有相关权利的主体针对用户的相关处理事宜已向用户及任何其他相关方授权同意的范围。若用户违反本条规定，应当负责赔偿相关行为对本公司、本公司关联方及数据主体造成的侵害，并承担全部责任。
+								4.若基于主协议合作的必要，涉及用户从平台获取相关个人信息，用户承诺将按照数据保护要求、在数据主体授权范围内以及本公司和平台设定的安全规则/政策，在主协议的范围内处理相关个人信息并须严格确保相关个人信息的安全。除主协议另有约定外，未经本公司书面许可，用户不得将相关个人信息处理活动分包给任何第三方进行处理。受限于本条规定，用户应对第三方的数据处理活动承担全部责任。本条所规定的个人信息处理活动结束后，除非法律法规另有规定，用户应当及时删除相关个人信息。
+								5.用户承诺，除非获得本公司书面同意且严格受限于数据保护要求、数据主体的授权范围以及主协议的目的范围，用户不会向第三方共享、提供、转让或公开披露相关个人信息，亦不会对相关个人信息进行超出上述范围的进一步处理。受限于本条规定，若确需向第三方传输相关个人信息的，用户承诺此类处理行为不会违反数据保护要求以及用户与本公司相关协议/合同（如有）的约定，不会损害本公司、本公司关联方、相关数据主体或对数据拥有相关权利的主体的合法权益，亦不会超出数据主体或对数据拥有相关权利的主体针对用户的相关处理事宜已向用户及任何其他相关方授权同意的范围，用户将严格约束第三方的处理行为并确保个人信息的安全。若用户违反本条规定，应当负责赔偿相关行为对本公司、本公司关联方及数据主体造成的侵害，并承担全部责任。
+								6.在主协议合作过程中，用户可能使用本公司或本公司关联方为其提供的相关技术服务（例如建站服务），用户知悉并确认，若相关技术服务涉及在本公司或本公司关联方的任何平台/产品或其他场景收集或进一步处理本公司或本公司关联方用户/用户的个人信息，用户应当确保相关处理行为完全符合数据保护要求的规定，包括但不限于：用户应当根据数据保护要求的规定向相关数据主体提供用户隐私政策或类似文件，向其告知所处理的数据类型、处理目的、方式等数据保护要求规定的法定内容，并获得相关数据主体的授权同意，同时应提供用户真实有效的联系方式，便于相关数据主体行使数据保护要求项下的相关权利。
+								7.为了实现监测目的，用户与本公司将通过监测链接等技术方式，对所发布的任务内容进行监测与归因。即用户在发布任务订单的同时配置监测链接、监测代码或采取其他技术方式，当相关用户被任务内容曝光或与任务内容有其他互动时，会通过上述技术方式将相关监测数据回传给用户或第三方监测机构。监测场景下涉及的数据包括经过哈希或其他安全措施处理的设备唯一标识符、IP、UA等<text
+									class="point">（简称为“监测数据”）</text>。用户应当确保对于所接收的上述监测数据，仅可用于实现监测与归因的目的，未经本公司书面许可，不得用于任何其他目的，亦不得向任何其他第三方、关联方共享或进行公开披露。在实现监测与归因目的或合作终止后，用户应当及时删除相关监测数据。若用户委托第三方监测公司进行监测，则用户应当在上述目的实现后，督促其委托的第三方监测机构履行上述义务。
+								8.用户承诺，不会通过主协议项下的服务和/或利用对相关数据的处理活动从事下列违法违规、有违社会善良风俗的行为或活动：
+								（1）任何与淫秽、色情、赌博、迷信、恐怖、暴力、诈骗等相关的行为或活动。
+								（2）任何与表达对民族、种族、宗教、残疾、疾病歧视等相关的行为或活动。
+								（3）任何利用本公司或本公司关联方所提供的中立技术分析服务（包括分析报告或其他服务），进一步创建涉及上述信息或标签的受众人群清单、产出任何分析报告或用于推销用户的产品/服务或用于其他用途。
+								（4）任何非法或不当地对相关数据主体进行个人身份的挖掘和/或对其隐私、安宁进行侵害、侵扰的行为（包括但不限于《中华人民共和国民法典》第1033条所规定的隐私权侵害行为）。
+								9.用户承诺不会违反数据保护要求的规定，以非法方式或以破坏本公司和平台安全规则的方式试图获取相关个人信息。
+								10.用户理解并承诺，为符合数据保护要求的规定、基于保护相关个人信息安全的目的，在数据传输和处理过程中应采取相关技术措施（例如加密技术等）确保个人信息的安全，用户承诺将积极配合本公司，以符合数据保护要求的形式处理相关个人信息。
+								11.用户承诺其具备符合数据保护要求所规定的必要的组织管理制度以及技术措施以保障个人信息的安全。若发生或可能发生个人信息安全事件（指个人信息被泄露、毁损、篡改、丢失、未经授权的访问和处理，以及由此对数据主体的相关权益带来的侵害），用户应当立即书面通知本公司、并在第一时间采取有效的补救措施。若因用户原因导致上述个人信息安全事件，用户承诺将独立处理因此而产生的纠纷（包括但不限于投诉、行政处罚以及诉讼纠纷），使本公司、本公司关联方及相关数据主体免于侵害和损失，并承担全部责任。
+								12.用户承诺如本公司/平台要求，用户将及时向本公司提供所有必要的信息，以证明用户遵守数据保护要求，在主协议和本承诺函的约定范围以及数据主体授权范围内处理个人信息。前述必要信息包括但不限于：用户的数据安全能力情况以及对个人信息的处理情况。用户承诺所提供的信息/情况真实、准确，不存在任何虚假、隐瞒。本公司有权对用户的数据安全和数据处理进行安全审计，用户将予以积极配合。
+								13.当主协议合作期限届满或者因其他任何原因用户与本公司终止合作的，用户承诺将删除或销毁所有从本公司/平台获取的个人信息，包括原数据、备份数据等，并保证删除后无法通过技术手段进行恢复。
+								14.若用户违反本承诺函，将被视为严重违约和/或侵权行为，本公司有权要求用户对本公司、本公司关联方、数据主体或第三方所遭受的全部损失予以赔偿，并有权单方中止或终止用户主协议服务需求和与用户的任何合作，用户承担全部法律责任，并应负责消除影响、妥善解决。
+								15.本承诺函不因主协议或任务推广服务合作的无效、中止、终止而终止或丧失效力。
+							</text>
+						</scroll-view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+
+		<view>
+			<!-- 底部普通弹窗 -->
+			<uni-popup ref="popup4" background-color="#fff" @change="change" style="border-radius: 20rpx;">
+				<view class="popup-content1" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+					<view style="display: flex; justify-content: space-around; margin-top: 10% ;margin-bottom: 10% ;">
+						<scroll-view scroll-y="true" style="height:350px;padding: 0 20rpx">
+							<view class="title">样叽平台隐私政策</view>
+							<text style="padding-bottom: 50rpx;">
+								<text class="point">更新日期：2022年11月19日\n</text>
+								<text class="point">生效日期：2022年11月26日\n</text>
+								样叽（简称“我们”）深知个人信息对您的重要性，您的信任对我们非常重要，我们将按照法律法规的规定并参照行业最佳实践保护您的个人信息及隐私安全。我们制定本“隐私政策”并特别提示：希望您在使用样叽及相关服务前仔细阅读并理解本隐私政策，以便做出适当的选择。
+								如您使用本平台，您理解并确认，为了让您更便捷地使用本平台，并在获得您同意的前提下向我们提供与您相关的若干个人信息，包括您的手机号码、电子邮箱、身份证明、企业名称、企业资质文件等。根据您的陈述和保证，您或您的企业向我们提供的上述个人信息之前，已经事先获得您的明确授权及已经充分告知您收集您的个人信息的目的、范围、使用方式。如您无法确认上述内容，我们建议您立即停止访问或使用本平台。同时您也可以通过本隐私政策提供的联系方式与我们联系，我们将在我们的能力范围内配合您处理相关事宜。
+								<text class="point">\n本隐私政策将帮助您了解：\n</text>
+								我们会遵循隐私政策收集、使用您的信息，但不会仅因您同意本隐私政策而采用强制捆绑的方式一揽子收集个人信息。
+								当您使用或开启相关功能或使用服务时，为实现功能、服务所必需，我们会收集、使用相关信息。除非是为实现业务功能或根据法律法规要求所必需的必要信息，您均可以拒绝提供且不影响其他功能或服务。我们将在隐私政策中逐项说明所要收集的信息。
+								摄像头（相机）、相册（存储），均不会默认开启，只有经过您的明示授权才会在为实现特定功能或服务时使用，您也可以撤回授权。<text
+									class="point">特别需要指出的是，即使经过您的授权，我们获得了这些敏感权限，也不会在相关功能或服务不需要时而收集您的信息。</text>
+								本隐私政策适用于样叽向您提供的产品和服务。如您使用我们或关联公司向您提供的某项或某几项服务，有其单独的隐私政策的，则相应服务或产品适用相应隐私政策；<text
+									class="point">如未设立独立隐私政策的，则本政策同样适用于该部分产品或服务。\n</text>
+								下文将帮您详细了解我们如何收集、使用、存储、转移（如适用）与保护个人信息；帮您了解查阅、复制、更正、删除、撤回授权个人信息的方式。本政策与您使用我们的服务关系密切，我们建议您仔细阅读并理解本政策全部内容，作出您认为适当的选择，<text
+									class="point">有关您个人信息权益的条款重要内容我们已用加粗形式提示，请特别关注。</text>
+								<text class="point1">\n\n一、我们如何收集和使用个人信息\n</text>
+								<text class="point1">二、我们如何使用cookie等同类技术\n</text>
+								<text class="point1">三、数据使用过程中涉及的合作方以及转移、公开个人信息\n</text>
+								<text class="point1">四、我们如何存储个人信息\n</text>
+								<text class="point1">五、我们如何保护个人信息的安全\n</text>
+								<text class="point1">六、管理您的个人信息\n</text>
+								<text class="point1">七、未成年人条款\n</text>
+								<text class="point1">八、隐私政策的修订和通知\n</text>
+								<text class="point1">九、联系我们\n</text>
+								<text class="title1">\n一、我们如何收集和使用个人信息\n\n</text>
+								我们会按照如下方式收集您在使用服务时主动提供的，以及通过自动化手段收集您在使用功能或接受服务过程中产生的信息：
+								<text class="point">\n1.1注册、登录、认证、找回\n</text>
+								<text class="point">1.1.1注册、登录\n</text>
+								a.当您注册、登录样叽及相关服务时，您可以通过邮箱或者手机号码创建账号，我们将通过发送短信验证码来验证您的身份是否有效，并且您可以完善相关的网络身份识别信息（头像、昵称、密码），收集这些信息是为了帮助您完成注册。您还可以根据自身需求选择填写邮箱及个人介绍来完善您的信息。
+								b.您也可以使用第三方平台授权登录并使用，您将授权我们获取您在第三方平台注册的公开信息（头像、昵称以及您授权的其他信息），用于与样叽平台账号绑定，使您可以直接登录并使用样叽和相关服务。
+								c.为了保证在不同产品中向您提供一致化的服务，我们与功能相互联系的关联方产品建立统一服务平台体系。在该平台体系的服务范围内，我们与上述关联方产品将共同收集和处理您登录、使用产品的个人信息，并针对您注册使用的手机号码在不同产品中创建统一的数字标识，以实现功能的一致性。
+								<text class="point">\n1.1.2认证\n</text>
+								在您使用身份认证的功能或相关服务所需时，根据相关法律法规、安全保障要求可能需要完成实名认证以验证您的身份。<text
+									class="point1">在实名认证的过程中，第三方认证服务机构需要使用您的真实姓名、身份证号码、手机号码及人脸信息。部分信息是个人敏感信息，拒绝上述处理将导致您无法使用该功能，但不会影响样叽其他功能的正常使用。这些信息仅供实名认证及法律法规所规定的用途，未经您的明示授权，不会用作其他目的。</text>
+								<text class="point">\n1.1.3.帐号找回\n</text>
+								您可以通过找回帐号功能对您的帐号进行找回，为保障您帐号的安全所必需，在找回帐号时我们可能需要您填写相关信息以进行验证，必要时可能通过实名验证、人脸识别等方式验证您的身份。
+								<text class="point">\n1.2提现\n</text>
+								在您使用提现功能时，根据相关法律法规，您可能需要提供您的真实身份信息（真实姓名、<text class="point1">身份证号码</text>、手机号码、<text
+									class="point1">银行账号/支付宝账号</text>）及<text
+									class="point1">金额</text>等结算信息以完成实名验证、并使用提现功能。 <text
+									class="point1">这些信息属于个人敏感信息，您可以拒绝提供，但您将可能无法使用提现功能，但不影响其他功能与服务的正常使用。</text>
+								<text class="point">\n1.3发布任务\n</text>
+								1.3.1当您使用样叽发布任务时，您需要提供任务联系人姓名和手机号码，并承诺此类个人信息已按照相关法律法规的规定合法获取。我们将基于流程指引、活动通知、任务流程通知、服务更新通知、服务体验调研、任务回访等目的使用您提供的手机号码，包括推送信息与拨打电话。您可以拒绝提供，但您将可能无法发布任务，但不影响其他功能与服务的正常使用。
+								1.3.2您发布任务时，我们将收集您发布的信息，并展示您的昵称、头像、任务内容，在任务内容中可能含有您的部分信息。
+								1.3.3在您与交易相对方联系的过程中，我们将为您提供虚拟电话号服务，避免您的信息泄露。
+								<text class="point">\n1.4 接受任务\n</text>
+								1.4.1当您使用样叽接受任务时，您需要提供任务联系人的姓名和手机号码。我们将基于流程指引、活动通知、订单流程通知、服务更新通知、服务体验调研、订单回访等目的使用您提供的手机号码，包括推送信息与拨打电话。您可以拒绝提供，但您将可能无法接受任务，但不影响其他功能与服务的正常使用。
+								1.4.2在您与交易相对方联系的过程中，我们可能会为您提供虚拟电话号服务，避免您的信息泄露。
+								<text class="point">\n1.5 消息通知\n</text>
+								您知悉并同意，对于您在使用产品及/或服务的过程中提供的您的联系方式（例如：联系电话），我们在运营中可能会向其中的一种或多种发送多类通知，用于用户消息告知、身份验证、安全验证、用户使用体验调研等用途；此外，我们也可能会以短信、电话的方式，为您提供您可能感兴趣的服务、功能或活动等商业性信息的用途，但请您放心，如您不愿接受这些信息，您可以通过手机短信中提供的退订方式进行退订，也可以直接与我们联系进行退订。
+								您使用即时通讯工具（如有）的功能时，我们会根据您使用的功能类型分别请求您授权<text
+									class="point">摄像头（相机）、相册（存储）权限</text>。 如您拒绝授权，将无法使用即时通讯工具的上传、发送图片的功能，但不影响您使用样叽的其他功能。
+								<text class="point">\n1.6 搜索\n</text>
+								为了便于您使用搜索功能，寻找与您需求匹配的服务提供者，我们会收集您的搜索关键字信息。
+								<text class="point">\n1.7 个性化推荐\n</text>
+								1.7.1为了向您展示、推荐相关性更高的信息，提供更契合您要求的服务，样叽会为您提供个性化推荐服务。
+								1.7.2我们提供个性化推荐服务的范围包括展示创作者、任务、图文或视频等内容，提供搜索结果等。
+								1.7.3为了预测您的偏好，我们可能会收集、使用您的设备信息以及在使用产品时的行为信息，行为信息包括您在访问/使用产品时的点击、关注、收藏、搜索、查询、浏览、下载（图片）、分享及交易的操作相关记录。我们会对上述信息进行自动分析和计算，系统会根据计算结果自动筛选出你可能更感兴趣的内容进行展示。
+								1.7.4我们会根据您在使用产品过程中的浏览行为对推荐模型进行实时反馈，不断调整优化推荐结果，更好地向您提供优质内容。
+								<text class="point">\n1.8 任务完成反馈\n</text>
+								任务完成后，您可以使用反馈功能，我们会收集您对任务完成情况的反馈内容，但不会公开展示。
+								<text class="point">\n1.9 运营与安全运行/保障\n</text>
+								<text class="point">1.9.1运营与安全保障\n</text>
+								我们致力于为您提供安全、可信的产品与使用环境，提供优质而可靠的服务与信息是我们的核心目标。为了维护我们服务的正常运行，保护您或其他用户或公众的合法利益免受损失，我们会收集用于维护产品或服务安全稳定运行的必要信息。
+								<text class="point">\n1.9.2设备信息与日志信息\n</text>
+								a.为了保障软件与服务的安全运行、运营的质量及效率，我们会收集您的操作系统版本号、IP 地址、操作、使用、服务日志。
+								b.为了预防恶意程序、保障运营质量及效率，我们会收集应用崩溃情况、性能数据。
+								c.我们可能使用您的账户信息、设备信息、服务日志信息以及我们关联方、合作方在获得您授权或依法可以提供的信息，用于判断账户及交易安全、进行身份验证、识别违法违规情况、检测及防范安全事件，并依法采取必要的记录、分析、处置措施。
+								<text class="point">\n1.10 收集、使用个人信息目的变更\n</text>
+								请您了解，随着我们业务的发展，可能会对样叽的功能和提供的服务有所调整变化。原则上，当新功能或服务与我们当前提供的功能或服务相关时，收集与使用的个人信息将与原处理目的具有直接或合理关联。在与原处理目的无直接或合理关联的场景下，我们收集、使用您的个人信息，会再次按照法律法规及国家标准的要求以页面提示、交互流程、协议确认方式另行向您进行告知说明，并征得您的同意。
+								<text class="point">\n1.11 征得授权同意的例外\n</text>
+								请您理解，在下列情形中，根据法律法规及相关国家标准，我们收集和使用您的个人信息不必事先征得您的授权同意：
+								a.与我们履行法律法规规定的义务相关的；
+								b.与国家安全、国防安全直接相关的；
+								c.与公共安全、公共卫生、重大公共利益直接相关的；
+								d.与刑事侦查、起诉、审判和判决执行等直接相关的；
+								e.出于维护您或他人的生命、财产等重大合法权益但又很难得到本人授权同意的；
+								f.您自行向社会公众公开的个人信息；
+								g.根据个人信息主体要求签订和履行合同所必需的；
+								h.从合法公开披露的信息中收集的您的个人信息的，如合法的新闻报道、政府信息公开等渠道；
+								i.用于维护软件及相关服务的安全稳定运行所必需的，例如发现、处置软件及相关服务的故障；
+								j.为开展合法的新闻报道所必需的；
+								k.为学术研究机构，基于公共利益开展统计或学术研究所必要，且对外提供学术研究或描述的结果时，对结果中所包含的个人信息进行去标识化处理的；
+								l.法律法规规定的其他情形。
+								<text
+									class="point1">\n特别提示您注意，如信息无法单独或结合其他信息识别到您的个人身份，其不属于法律意义上您的个人信息；当您的信息可以单独或结合其他信息识别到您的个人身份时或我们将无法与任何特定个人信息建立联系的数据与其他您的个人信息结合使用时，这些信息在结合使用期间，将作为您的个人信息按照本隐私政策处理与保护。</text>
+								<text class="title1">\n\n二、我们如何使用cookie等同类技术\n\n</text>
+								Cookie和设备信息标识等同类技术是互联网中普遍使用的技术。当您使用样叽及相关服务时，我们可能会使用相关技术向您的设备发送一个或多个 Cookie
+								或匿名标识符，以收集、标识和存储您访问、使用本产品时的信息。我们承诺，不会将 Cookie 用于本隐私政策所述目的之外的任何其他用途。我们使用 Cookie
+								和同类技术主要为了实现以下功能或服务：
+								<text class="point">\n2.1 保障产品与服务的安全、高效运转\n</text>
+								我们可能会设置认证与保障安全性的 cookie
+								或匿名标识符，使我们确认您是否安全登录服务，或者是否遇到盗用、欺诈及其他不法行为。这些技术还会帮助我们改进服务效率，提升登录和响应速度。
+								<text class="point">\n2.2 帮助您获得更轻松的访问体验\n</text>
+								使用此类技术可以帮助您省去重复您填写个人信息、输入搜索内容的步骤和流程（示例：记录搜索、表单填写）。
+								<text class="point">\n2.3 为您推荐、展示、推送您可能感兴趣的内容或帐号\n</text>
+								2.3.1我们可能会利用 Cookie 和同类技术了解您的偏好和使用习惯，进行数据分析，以改善产品服务、推荐用户感兴趣的信息或功能。
+								2.3.2在样叽的分享页中，我们可能会使用cookie对浏览活动进行记录，用于向您推荐信息和排查崩溃、延迟的相关异常情况以及探索更好的服务方式。
+								<text class="point">\n2.4 cookie的清除\n</text>
+								大多数浏览器均为用户提供了清除浏览器缓存数据的功能，您可以在浏览器设置功能中进行相应的数据清除操作。如您进行清除，可能因为这些修改，您可能无法使用依赖于Cookie由公司提供的服务或相应功能。
+								<text class="title1">\n\n三、数据使用过程中涉及的合作方以及转移、公开个人信息\n\n</text>
+								<text class="point">3.1数据使用过程中涉及的合作方\n</text>
+								<text class="point">3.1.1 原则\n</text>
+								a.合法原则：与合作方合作过程中涉及数据使用活动的，必须具有合法目的、符合法定的合法性基础。如果合作方使用信息不再符合合法原则，则其不应再使用你的个人信息，或在获得相应合法性基础后再行使用。
+								b.正当与最小必要原则：数据使用必须具有正当目的，且应以达成目的必要为限。
+								c.安全审慎原则： 我们将审慎评估合作方使用数据的目的，对这些合作方的安全保障能力进行综合评估，并要求其遵循合作法律协议。
+								<text class="point">\n3.1.2 委托处理\n</text>
+								对于委托处理个人信息的场景，我们会与受托合作方根据法律规定签署相关处理协议，并对其个人信息使用活动进行监督。
+								<text class="point">\n3.1.3 共同处理\n</text>
+								对于共同处理个人信息的场景，我们会与合作方根据法律规定签署相关协议并约定各自的权利和义务，确保在使用相关个人信息的过程中遵守法律的相关规定、保护数据安全。
+								<text class="point">\n3.1.4 合作方的范围\n</text>
+								若具体功能和场景中涉及由我们的关联方、第三方提供服务，则合作方范围包括我们的关联方与第三方。
+								<text class="point">\n3.1.5 实现功能或服务的数据使用\n</text>
+								a.当你在使用样叽中由我们的合作方提供的功能，或者当软件服务提供商、智能设备提供商、系统服务提供商与我们联合为你提供服务时我们可能会与其使用为实现业务目的所必需的信息，用以向你推荐、展示或推送你可能感兴趣的信息，或者推送更适合你的特定功能、服务。
+								b.在你使用身份认证的功能或相关服务所需时，根据相关法律法规、安全保障要求可能需要完成实名认证以验证你的身份。<text
+									class="point1">在实名认证的过程中，与我们合作的认证服务机构需要使用你的真实姓名、身份证号码、手机号码及人脸信息。部分信息是个人敏感信息，拒绝上述使用将导致你无法完成身份认证，但不会影响样叽其他功能的正常使用。这些信息仅供实名认证及法律法规所规定的用途，未经你的明示授权，不会用作其他目的。\n</text>
+								c.支付功能：支付功能由与我们合作的第三方支付机构向你提供服务。第三方支付机构为提供功能将使用你的姓名、银行卡类型及卡号、有效期、<text
+									class="point1">身份证号码、支付金额</text>及手机号码。这些信息是支付功能所必需的信息，拒绝上述使用将导致你无法使用该功能，但不影响其他功能的正常使用。
+								d.客户服务：为及时处理你的投诉、建议以及其他诉求，客户服务提供商需要使用你的帐号及所涉及事件的相关信息，以及时了解、处理和响应相关问题。
+								<text class="point">\n3.1.6 实现安全与分析统计的数据使用\n</text>
+								a.保障使用安全：我们非常重视帐号、服务及内容安全，为保障你和其他用户的帐号与财产安全，使你和我们的正当合法权益免受不法侵害，我们的合作方可能会使用必要的帐号及日志信息。
+								b.分析产品情况：为分析我们产品的使用和表现情况，我们的合作方可能需要使用该产品使用情况等信息。
+								c.为提升相关领域的科研能力，促进科技发展水平，我们在确保数据安全与目的正当的前提下，可能会与合作的科研院所、高校等机构使用去标识化或匿名化的数据。
+								<text class="point">\n3.1.7 帮助你参加营销推广活动\n</text>
+								当你选择参加我们及我们的合作方举办的有关营销活动时，为保障你在联合活动中获得体验一致的服务，或委托合作方及时向你兑现奖励，我们与我们的合作方可能需要使用你的姓名、通信地址、联系方式、银行帐号信息（不同活动中使用的信息可能存在差异，具体以活动规则为准）。拒绝上述使用可能会影响你参加相关活动，但不会影响其他功能。
+								<text class="point">\n3.2 转移\n</text>
+								随着我们业务的持续发展，我们将有可能进行合并、收购、资产转让，你的个人信息有可能因此而被转移。在发生前述变更时，我们将按照法律法规及不低于本隐私政策所载明的安全标准要求继受方继续履行个人信息处理者的义务，若继受方变更原先的处理目的、处理方式的，我们将要求继受方重新征得你的授权同意。
+								<text class="point">\n3.3 公开\n</text>
+								对违规帐号、欺诈行为进行处罚公告时，我们会披露相关帐号的信息。除此之外，我们不会公开你的信息，除非遵循国家法律法规规定或者获得你的同意。我们公开你的个人信息会采用符合行业内标准的安全保护措施。
+								<text class="point">\n3.4 依法豁免征得同意提供、公开的个人信息\n</text>
+								请你理解，在下列情形中，根据法律法规及国家标准，我们向合作方提供、公开你的个人信息无需征得你的授权同意：
+								a.为订立、履行你作为一方当事人的合同所必需，或者按照依法制定的劳动规章制度和依法签订的集体合同实施人力资源管理所必需；
+								b.为履行法定职责或者法定义务所必需；
+								c.与国家安全、国防安全直接相关的；
+								d.与刑事侦查、起诉、审判和判决执行等直接相关的；
+								e.为应对突发公共卫生事件，或者紧急情况下为保护自然人的生命健康和财产安全所必需；
+								f.为公共利益实施新闻报道、舆论监督等行为，在合理的范围内处理个人信息；
+								g.依照相关法律规定处理你自行公开或者其他已经合法公开的个人信息；
+								h.从合法公开披露的信息中收集个人信息的；
+								i.法律、行政法规规定的其他情形。
+								<text class="title1">\n\n四、我们如何存储个人信息\n\n</text>
+								<text class="point">4.1 存储地点\n</text>
+								我们依照法律法规的规定，将在境内运营过程中收集和产生的您的个人信息存储于中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，会严格遵守中国的相关法律、监管政策，并会遵循相关国家规定或者征求您的同意。
+								<text class="point">\n4.2 存储期限\n</text>
+								4.2.1 我们仅在为提供样叽服务之目的所必需的期间内保留您的个人信息，例如：
+								手机号码：当您使用手机号码注册登录时，我们需要持续保留您的手机号码，以便于向您提供正常的服务、应对您可能的查询和客诉并保障您的帐号和系统安全。
+								4.2.2 如果您注销帐户、主动删除个人信息或超出必要的期限后，我们将对您的个人信息进行删除或匿名化处理，但以下情况除外：
+								遵从法律法规有关信息留存的要求（例如：《电子商务法》规定：商品和服务信息、交易信息保存时间自交易完成之日起不少于三年）。
+								出于财务、审计、争议解决等目的需要合理延长期限的。
+								<text class="title1">\n\n五、我们如何保护个人信息的安全\n\n</text>
+								5.1我们非常重视您个人信息的安全，将努力采取合理的安全措施（包括技术方面和管理方面）来保护您的个人信息，防止您提供的个人信息被不当使用或未经授权的情况下被访问、公开披露、使用、修改、损坏、丢失或泄漏。
+								5.2我们会使用不低于行业同行的加密技术、匿名化处理及相关合理可行的手段保护您的个人信息，并使用安全保护机制防止您的个人信息遭到恶意攻击。
+								5.3我们会建立专门的安全部门、安全管理制度、数据安全流程保障您的个人信息安全。我们采取严格的数据使用和访问制度，确保只有授权人员才可访问您的个人信息，并适时对数据和技术进行安全审计。
+								<text
+									class="point1">\n5.4尽管已经采取了上述合理有效措施，并已经遵守了相关法律规定要求的标准，但请您理解，由于技术的限制以及可能存在的各种恶意手段，在互联网行业，即便竭尽所能加强安全措施，也不可能始终保证信息百分之百的安全，我们将尽力确保您提供给我们的个人信息的安全性。</text>
+								<text
+									class="point1">\n5.5您知悉并理解，您接入我们的服务所用的系统和通讯网络，有可能因我们可控范围外的因素而出现问题。因此，我们强烈建议您采取积极措施保护个人信息的安全，包括但不限于使用复杂密码、定期修改密码、不将自己的帐号密码及相关个人信息透露给他人。\n</text>
+								5.6我们会制定应急处理预案，并在发生用户信息安全事件时立即启动应急预案，努力阻止这些安全事件的影响和后果扩大。一旦发生用户信息安全事件（泄露、丢失）后，我们将按照法律法规的要求，及时向您告知：安全事件的基本情况和可能的影响、我们已经采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施。我们将及时将事件相关情况以推送通知、邮件、信函、短信及相关形式告知您，难以逐一告知时，我们会采取合理、有效的方式发布公告。同时，我们还将按照相关监管部门要求，上报用户信息安全事件的处置情况。
+								5.7您一旦离开样叽及相关服务，浏览或使用其他网站、服务及内容资源，我们将没有能力和直接义务保护您在样叽及相关服务之外的软件、网站提交的任何个人信息，无论您登录、浏览或使用上述软件、网站是否基于样叽的链接或引导。
+								<text class="title1">\n\n六、管理您的个人信息\n\n</text>
+								我们非常重视您对个人信息的管理，并尽全力保护您对于您个人信息的权利，以使您有能力保障您的隐私和信息安全。
+								<text class="point">\n6.1 您的个人信息权利\n</text>
+								<text class="point">6.1.1 查阅、复制帐号信息\n</text>
+								您可以通过“登录样叽-我的账号信息”查阅、复制、更正您的手机号、联系邮箱等信息。
+								特别提示您注意，出于安全性和身份识别（如号码申诉服务）的考虑，您可能无法自主修改注册时提交的某些初始注册信息。如您确有需要修改该类注册信息，请根据本隐私政策载明的联系方式联系我们。
+								除上述外，如果您或其他有权主体对相关法律法规赋予的个人信息权利的行使，有任何主张、要求或者疑问，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们，我们将尽快审核所涉问题，并在验证您的用户身份后的十五个工作日内回复。
+								<text class="point">\n6.2 注销帐号\n</text>
+								您可以通过本协议文末的“联系我们”中的联系方式与我们联系申请注销您的帐号，我们将会在收到您的申请后及时进行处理，并在15个工作日或法律法规要求的时限内回复您的请求。在您注销帐号前，我们将验证您的个人身份、安全状态、设备信息等。您知悉并理解，注销帐号是不可逆的行为，当您注销帐号后，我们将删除有关您的相关信息或进行匿名化处理，但法律法规另有规定的除外。
+								有关注销的流程和内容，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们。
+								<text class="point">\n6.3 意见反馈和投诉举报\n</text>
+								您可以按照我们公示的制度进行投诉或举报。如果您有任何意见或您认为您的个人信息权利可能受到侵害，或者发现侵害个人信息权利的线索，您可以通过本协议文末的“联系我们”中的联系方式与我们联系。
+								平台为了给您提供更好的服务，
+								（1）在处理您的投诉时，为保障服务质量，我们可能会对通话进行录音；
+								（2）在处理您的投诉时，我们将使用通话录音了解您与其他用户的沟通情况以处理前述事宜；
+								（3）在处理您的申诉时，我们将使用通话录音了解您与其他用户的沟通情况以处理前述事宜。
+								在严格控制好权限范围的前提下，我们将始终坚持以最小必要原则来使用录音。如果您认为我们收集了不应该收集的录音信息，请您通过文末的“联系我们”中的联系方式及时联系我们进行删除。
+								<text class="point">\n6.4 访问隐私政策\n</text>
+								您打开样叽平台首页，通过登录的途径即可查看本隐私政策。
+								请您了解，本隐私政策中所述的样叽及相关服务可能会根据您所使用的系统版本等因素而有所不同。最终的产品和服务以您所使用的样叽平台及相关服务为准。
+								<text class="point">\n6.5 停止运营并向您告知\n</text>
+								如我们停止运营，我们将及时停止收集您个人信息的活动，将停止运营的通知以逐一送达或公告的形式通知您，并对所持有的您的个人信息进行删除或匿名化处理。
+								<text class="title1">\n\n七、未成年人条款\n\n</text>
+								样叽主要面向成年人，如果您认为我们在无意间收集了未获得许可的未成年人信息，请通过文末的“联系我们”中的联系方式与我们联系以便我们可以尽快删除这些信息。
+								<text class="title1">\n\n八、隐私政策的修订和通知\n\n</text>
+								8.1为了给您提供更好的服务，样叽及相关服务将不时更新与变化，我们会适时对本隐私政策进行修订，这些修订构成本隐私政策的一部分并具有等同于本隐私政策的效力，未经您明确同意，我们不会削减您依据当前生效的本隐私政策所应享受的权利。
+								8.2本隐私政策更新后，我们会在样叽发出更新版本，并在更新后的条款生效前通告样叽平台公告或其他适当的方式提醒您更新的内容，以便您及时了解本隐私政策的最新版本。
+								<text class="title1">\n\n九、联系我们\n\n</text>
+								9.1样叽平台由北京火乐星球科技有限公司提供，如果您对个人信息保护问题有投诉、建议、疑问，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们，我们核查并验证您的用户身份后会及时反馈您的投诉与举报。
+								9.2如对本隐私政策内容有任何疑问、意见或建议，客户通过bd@younggee.com；创作者通过czh@younggee.com，或可通过客服联系我们，我们将在验证您的用户身份后的十五个工作日内回复。
+							</text>
+						</scroll-view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	// 暴露组件的配置对象,方便其他地方import
+	export default {
+		data() {
+			return {
+				picture: getApp().globalData.picture,
+				token: "888",
+				licenseStatus: 0,
+				value: 0,
+				range: [{
+					"value": 1,
+					"text": ""
+				}],
+				defaultavatarUrl: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/logoxin01.png',
+				type: 'center',
+				nickname: '微信用户',
+				avatarUrl: "https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0",
+				gender: '0',
+			};
+		},
+		async onLoad() {
+			await this.isLogin()
+			if (this.token !== '') {
+				uni.navigateTo({
+					url: '/pages/tasksquare/tasksquare'
+				});
+			}
+		},
+		methods: {
+			// 判断登陆是否过期
+			isLogin() {
+				console.log('into islogin()')
+				return this.$https.get('/youngee/c/t/g/is-login')
+					.then(res => {
+						console.log('判断是否登录res:******  ', res)
+						if (res.data.code === 403) {
+							// 登陆已失效
+							this.token = ""
+						} else {
+							this.token = uni.getStorageSync('token')
+						}
+					})
+			},
+			showXieyi() {
+				console.log('showxieyi()')
+				this.$refs.popup3.open()
+			},
+			showYinsi() {
+				console.log('into shouyinsi()')
+				this.$refs.popup4.open()
+			},
+			select() {
+				console.log('into select()')
+				console.log(this.value)
+				if (this.value.length !== 1) {
+					this.licenseStatus = 0
+				} else {
+					this.licenseStatus = 1
+				}
+			},
+			//swiper滑动事件
+			swiperChange: function(e) {
+				this.swiper.index = e.detail.current;
+			},
+			//底部弹出层
+			change(e) {
+				console.log('当前模式：' + e.type + ',状态：' + e.show);
+			},
+
+			exit() {
+				uni.navigateBack()
+			},
+			toggle(type) {
+				//新版登录方式
+				if (this.value.length !== 1) {
+					uni.showToast({
+						title: '请先阅读并同意协议',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+				uni.getUserProfile({
+					desc: '登录',
+					success: (res) => {
+						//console.log(res);
+						console.log("getUserProfile response: ", res)
+						this.licenseStatus = 1
+						this.nickname = res.userInfo.nickName
+
+						this.gender = res.userInfo.gender
+						uni.setStorageSync('nickName', res.userInfo.nickName);
+						uni.setStorageSync('avatarUrl', res.userInfo.avatarUrl);
+					},
+					fail: (res) => {
+						console.log(res)
+					}
+				});
+			},
+			getPhone() {
+				if (this.value.length !== 1) {
+					uni.showToast({
+						title: '请先阅读并同意协议',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+			},
+			// 获取手机号
+			onGetPhoneNumber(e) {
+				console.log('调用   ongetphonenum===》')
+				if (e.detail.errMsg === "getPhoneNumber:fail user deny") { //用户决绝授权  
+					//拒绝授权后弹出一些提示  
+					console.log('用户取消')
+				} else {
+					//允许授权  
+					// e中包含getphonenumber成功之后的信息
+					console.log('e ：', e)
+					console.log('动态令牌（用此获取手机号）', e.detail.code)
+					e.detail.encryptedData //加密的用户信息  
+					e.detail.iv //加密算法的初始向量  时要用到
+					try {
+						//用户同意授权就行了，项目貌似不需要获取用户手机号
+						this.login(e.detail.code);
+					} catch (e) {
+						console.log('未进入login()')
+					}
+					// uni.getUserProfile({
+					// 	desc: '登录',
+					// 	success: (res) => {
+					// 		//console.log(res);
+					// 		console.log("getUserProfile response: ", res)
+					// 		this.nickname = res.userInfo.nickName
+
+					// 		this.gender = res.userInfo.gender
+					// 		uni.setStorageSync('nickName', res.userInfo.nickName);
+					// 		uni.setStorageSync('avatarUrl', res.userInfo.avatarUrl);
+
+					// 	},
+					// 	fail: (res) => {
+					// 		console.log(res)
+					// 	}
+					// });
+				}
+			},
+			//登录
+			login(arg) {
+				console.log('into login()')
+				let _this = this;
+				// 获取登录用户code
+				uni.login({
+					provider: 'weixin',
+					onlyAuthorize: true,
+					//后端接口返回的一个响应对象res
+					success: function(res) {
+						if (res.code) {
+							let code = res.code;
+							console.log('uni.login的返回的code用于登陆===》', code)
+							_this.$https.post('/youngee/c/p/login', {
+									code: code, //getphonenum能力返回的code
+									gender: _this.gender,
+									avatar: _this.avatarUrl,
+									nickname: _this.nickname,
+									getphonecode: arg //为了获得手机号的code
+									// code: res.code, //wx.login 登录成功后的code
+									// vcode: "706326",
+									// phone: "15556335916"
+								})
+								.then(res => {
+									console.log("wxloginRes--", res)
+									if (res.data.code === -6) {
+										uni.showToast({
+											title: '您已被拉黑，请联系客服',
+											icon: 'none',
+											duration: 2000
+										});
+									} else {
+										console.log('.........')
+										console.log(res.data.data) // 值为null
+										console.log('报错前')
+										//将 data 存储在本地缓存中指定的 key 中
+										uni.setStorageSync('token', res.data.data.token);
+										uni.setStorageSync('nickName', res.data.data.nickname);
+										uni.setStorageSync('avatarUrl', res.data.data.avatar);
+										uni.setStorageSync('cookie', res.header['Set-Cookie']);
+										let url = uni.getStorageSync('url')
+										console.log(url)
+										//判断缓存中是否有url
+										if (url) {
+											if (url === 'pages/tasksquare/tasksquare') {
+												uni.reLaunch({
+													url: `/${url}`
+												})
+											} else if (url === 'pages/mycenter/mycenter') {
+												uni.reLaunch({
+													url: `/${url}`
+												})
+											} else if (url === 'pages/workspace/workspace') {
+												uni.reLaunch({
+													url: `/${url}`
+												})
+											} else {
+												uni.redirectTo({
+													url: `/${url}`
+												})
+											}
+										} else {
+											let pages = getCurrentPages(); // 当前页面
+											let beforePage = pages[pages.length - 2]; // 上一页
+											setTimeout(() => {
+												uni.navigateBack({
+													success: function() {
+														beforePage
+															.onLoad(); // 执行上一页的onLoad方法
+													}
+												})
+												// uni.navigateBack()
+											})
+										}
+									}
+								})
+						} else {
+							uni.showToast({
+								title: '登录失败！',
+								duration: 2000
+							});
+							console.log('登录失败！' + res.errMsg)
+						}
+					}
+				});
+			},
+			determine() {
+				uni.showToast({
+					title: "登录成功",
+					duration: 1000,
+				});
+				this.$refs.popup.close()
+			},
+			xieyi() {
+				console.log('进入协议')
+			},
+		}
+	}
+</script>
+<style>
+	.content {
+		border-radius: 20rpx 20rpx 0 0 !important;
+	}
+</style>
+<style lang="scss" scoped>
+	.title {
+		text-align: center;
+		font-size: 20pt;
+		font-weight: bold;
+		margin: 20px;
+	}
+
+	.title1 {
+		font-weight: 600;
+		padding: 20rpx 0;
+	}
+
+	.point {
+		font-weight: 600;
+	}
+
+	.point1 {
+		font-weight: 600;
+		border-bottom: 1rpx solid #000000;
+	}
+
+	.head {
+		display: flex;
+		align-items: center;
+		/* 垂直居中 */
+		height: 200rpx;
+		margin-top: 30%;
+		margin-bottom: 20%;
+	}
+
+	.head-image {
+		display: inline-block;
+		margin: 0 50rpx 0 150rpx;
+		padding: 10rpx 10rpx 0 0;
+		width: 160rpx;
+		height: 160rpx;
+		background-color: #F0D232;
+		border-radius: 50%;
+	}
+
+	.login-btn {
+		margin: 30rpx;
+		font-size: 35rpx;
+		background-color: #F0D232;
+		border: none;
+		border-radius: 10rpx;
+	}
+
+	.exit-btn {
+		margin: 30rpx;
+		font-size: 35rpx;
+		border: 1rpx solid #000000;
+		border-radius: 10rpx;
+	}
+
+	.xieyi {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.xieyi-btn {
+		width: 40rpx;
+		display: inline-block;
+		font-size: 25rpx;
+	}
+
+	.xieyi-content {
+		display: inline-block;
+		font-size: 25rpx;
+	}
+
+	.xieyi-read {
+		display: inline-block;
+		font-size: 25rpx;
+	}
+
+	/deep/ .content {
+		border-radius: 20rpx 20rpx 0 0 !important;
+	}
+
+	.Tasktext {
+		// padding-top: 5%;
+		padding: 0 0 0 1%;
+		height: 80rpx;
+	}
+
+	.Tasktext span {
+		color: #333333;
+		font-size: 40%;
+		font-weight: 550;
+		text-indent: 2em;
+
+	}
+
+	.TitleText1 p {
+		color: #333333;
+		font-size: 50%;
+
+	}
+
+	.Tasktext {
+		// height: 70rpx;
+	}
+
+	.Tasktext image {
+		vertical-align: middle;
+		width: 50rpx;
+		height: 50rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.butto {
+		text-align: center;
+	}
+
+	.mini-btn {
+		height: 55rpx;
+		width: 150rpx;
+		line-height: 55rpx;
+		margin: 30rpx;
+	}
+
+	.diagram {
+		padding-top: 30%;
+	}
+
+	.but {
+		width: 80%;
+		height: 60rpx;
+		background-color: #FFD700;
+		border-radius: 30rpx;
+		border: 6rpx solid #0C0A03;
+		text-align: center;
+		line-height: 60rpx;
+		margin: 0 auto;
+		position: relative;
+		font-size: 30rpx;
+		font-weight: 550;
+		letter-spacing: 7px;
+	}
+
+	.but span {
+		font-size: 30rpx;
+		font-weight: 550;
+		letter-spacing: 7px;
+	}
+
+	.bei {
+		// position: relative;
+	}
+
+	.mark {
+		position: absolute;
+		width: 8rpx;
+		height: 8rpx;
+		border: 2rpx solid #0C0A03;
+		border-radius: 20px;
+		background-color: #1E90FF;
+
+	}
+
+	.butt {
+		text-align: center;
+		padding-top: 10rpx;
+	}
+
+	.butt span {
+		font-size: 24rpx;
+		color: #969696;
+	}
 </style>

pages/login/userinfo.vue

@@ -1,225 +1,225 @@
-<template>
-	<view style="position: relative;">
-		<!-- 胶囊 -->
-		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
-		<view :style="{marginTop:navH}"></view>
-		<view class="containar">
-			<view class="avatarUrl">
-				<view>
-					<button type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
-						style="width: 200rpx;height: 200rpx;padding: 0;">
-						<image :src="avatarUrl" class="refreshIcon"></image>
-					</button>
-				</view>
-			</view>
-			<view class="nickname">
-				<view>昵称：</view>
-				<view>
-					<input type="nickname" class="weui-input" :value="nickName" @blur="bindblur" placeholder="请输入昵称"
-						@input="bindinput" />
-				</view>
-			</view>
-
-			<button class="btn1" @click="submitForm()">保存</button>
-		</view>
-	</view>
-</template>
-
-<script>
-	import mvBar from "@/components/mys_navBar/mysNavBar";
-	import htzImageUpload from '@/components/htz-image-upload/htz-image-upload.vue';
-	import getPolicyEncode from '@/components/obs/getPolicy.js';
-	import getSignature from '@/components/obs/GetSignature.js';
-	export default {
-		components: {
-			mvBar,
-			htzImageUpload,
-		},
-		data() {
-			return {
-				navH: getApp().globalData.navHeight,
-				avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',
-				nickName: '',
-				mysNavConfig: {
-					/* 开启单页显示首页图标 */
-					isHome: true,
-					/* 固定导航  */
-					navFixed: true,
-					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
-					navTitle: {
-						text: "个人信息",
-						color: "",
-						fontSize: "32rpx", // px upx rpx
-						fontWeight: "normal", // 100 - 700
-					},
-					btnType: "type2",
-					onLeftClick: "/pages/mycenter/mycenter",
-					/* type2 按钮 */
-					type2Config: {
-						// 左图标
-						leftPath: "/static/img/png2.png",
-						// 右图标
-						rightPath: "/static/img/png4.png",
-						// 圆角
-						radius: "40rpx",
-					},
-				},
-			}
-		},
-		onShow() {
-			this.nickName = uni.getStorageSync('nickName');
-			this.avatarUrl = uni.getStorageSync('avatarUrl');
-		},
-		methods: {
-			bindblur(e) {
-				this.nickName = e.detail.value; // 获取微信昵称
-			},
-			bindinput(e) {
-				this.nickName = e.detail.value; //这里要注意如果只用blur方法的话用户在输入玩昵称后直接点击保存按钮，会出现修改不成功的情况。
-			},
-			onChooseAvatar(e) {
-				// console.log("111", e)
-				// return
-				let {
-					avatarUrl
-				} = e.detail;
-				this.store = 'talent_upload/avatar/' + this.guid() + '.png'
-				this.imgUpload(avatarUrl);
-			},
-			async submitForm() {
-				if (this.nickName === '') {
-					uni.showToast({
-						icon: 'none',
-						title: '请输入昵称'
-					})
-					return false;
-				}
-				uni.setStorageSync('avatarUrl', this.avatarUrl);
-				uni.setStorageSync('nickName', this.nickName);
-				// 更新数据库中昵称
-				await this.$https.post('/youngee/c/t/p/update-talent-info', {
-						talent_wx_nickname: this.nickName,
-						avatar: this.avatarUrl
-					})
-					.then(res => {
-						console.log(res)
-					})
-				uni.navigateBack()
-			},
-			imgUpload(tempFilePath) {
-				uni.showLoading({
-					title: '加载中'
-				});
-				let that = this
-				console.log('imgUpload', tempFilePath)
-				let config = {
-					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
-					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
-					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
-				};
-				let fileName = this.store; //指定上传到OBS桶中的对象名
-				let OBSPolicy = { //设定policy内容
-					"expiration": "2089-12-31T12:00:00.000Z",
-					"conditions": [{
-							"bucket": "horastar"
-						},
-						{
-							'key': fileName
-						}
-					]
-				}
-
-				let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
-				let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
-				uni.uploadFile({
-					//url: config.EndPoint,
-					url: config.EndPoint,
-					filePath: tempFilePath,
-					name: 'file',
-
-					formData: {
-						'AccessKeyID': config.AccessKeyId,
-						'policy': policyEncoded,
-						'signature': signature,
-						'key': fileName,
-					},
-
-					success: function(res) {
-						console.log(res.statusCode); //打印响应状态码
-						if (res.statusCode == '204') {
-							// that.imageData.push(config.EndPoint + '/' + fileName);
-							console.log('上传图片成功', res)
-							let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号
-							console.log(obs_url)
-							that.avatarUrl = obs_url
-							// uni.showToast({
-							// 	title: '上传成功',
-							// 	icon: '成功'
-							// });
-						} else {
-							console.log('上传图片失败', res)
-							uni.showToast({
-								title: '上传失败',
-								icon: '失败'
-							});
-						}
-					},
-					fail: function(e) {
-						console.log(e);
-						uni.showToast({
-							title: '上传失败',
-							icon: '失败'
-						});
-					}
-				})
-				uni.hideLoading();
-			},
-			guid() {
-				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-					var r = Math.random() * 16 | 0,
-						v = c == 'x' ? r : (r & 0x3 | 0x8);
-
-					return v.toString(16);
-				});
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.btn1 {
-		margin: 30rpx;
-		font-size: 35rpx;
-		color: #000;
-		background-color: #F0D232;
-		border: none;
-		border-radius: 0;
-	}
-
-	.containar {
-		display: flex;
-		flex-flow: column;
-	}
-
-	.avatarUrl {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		// justify-content: space-between;
-	}
-
-	.nickname {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 30rpx 50rpx;
-		margin: 30rpx 0rpx;
-		border-bottom: 1rpx solid #999999;
-		border-top: 1rpx solid #999999;
-	}
-
-	.refreshIcon {
-		width: 200rpx;
-		height: 200rpx;
-	}
-</style>
+<template>
+	<view style="position: relative;">
+		<!-- 胶囊 -->
+		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
+		<view :style="{marginTop:navH}"></view>
+		<view class="containar">
+			<view class="avatarUrl">
+				<view>
+					<button type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
+						style="width: 200rpx;height: 200rpx;padding: 0;">
+						<image :src="avatarUrl" class="refreshIcon"></image>
+					</button>
+				</view>
+			</view>
+			<view class="nickname">
+				<view>昵称：</view>
+				<view>
+					<input type="nickname" class="weui-input" :value="nickName" @blur="bindblur" placeholder="请输入昵称"
+						@input="bindinput" />
+				</view>
+			</view>
+
+			<button class="btn1" @click="submitForm()">保存</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import mvBar from "@/components/mys_navBar/mysNavBar";
+	import htzImageUpload from '@/components/htz-image-upload/htz-image-upload.vue';
+	import getPolicyEncode from '@/components/obs/getPolicy.js';
+	import getSignature from '@/components/obs/GetSignature.js';
+	export default {
+		components: {
+			mvBar,
+			htzImageUpload,
+		},
+		data() {
+			return {
+				navH: getApp().globalData.navHeight,
+				avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',
+				nickName: '',
+				mysNavConfig: {
+					/* 开启单页显示首页图标 */
+					isHome: true,
+					/* 固定导航  */
+					navFixed: true,
+					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
+					navTitle: {
+						text: "个人信息",
+						color: "",
+						fontSize: "32rpx", // px upx rpx
+						fontWeight: "normal", // 100 - 700
+					},
+					btnType: "type2",
+					onLeftClick: "/pages/mycenter/mycenter",
+					/* type2 按钮 */
+					type2Config: {
+						// 左图标
+						leftPath: "/static/img/png2.png",
+						// 右图标
+						rightPath: "/static/img/png4.png",
+						// 圆角
+						radius: "40rpx",
+					},
+				},
+			}
+		},
+		onShow() {
+			this.nickName = uni.getStorageSync('nickName');
+			this.avatarUrl = uni.getStorageSync('avatarUrl');
+		},
+		methods: {
+			bindblur(e) {
+				this.nickName = e.detail.value; // 获取微信昵称
+			},
+			bindinput(e) {
+				this.nickName = e.detail.value; //这里要注意如果只用blur方法的话用户在输入玩昵称后直接点击保存按钮，会出现修改不成功的情况。
+			},
+			onChooseAvatar(e) {
+				console.log("111", e)
+				// return
+				let {
+					avatarUrl
+				} = e.detail;
+				this.store = 'talent_upload/avatar/' + this.guid() + '.png'
+				this.imgUpload(avatarUrl);
+			},
+			async submitForm() {
+				if (this.nickName === '') {
+					uni.showToast({
+						icon: 'none',
+						title: '请输入昵称'
+					})
+					return false;
+				}
+				uni.setStorageSync('avatarUrl', this.avatarUrl);
+				uni.setStorageSync('nickName', this.nickName);
+				// 更新数据库中昵称
+				await this.$https.post('/youngee/c/t/p/update-talent-info', {
+						talent_wx_nickname: this.nickName,
+						avatar: this.avatarUrl
+					})
+					.then(res => {
+						console.log(res)
+					})
+				uni.navigateBack()
+			},
+			imgUpload(tempFilePath) {
+				uni.showLoading({
+					title: '加载中'
+				});
+				let that = this
+				console.log('imgUpload', tempFilePath)
+				let config = {
+					AccessKeyId: 'IVW21DTGIIUBBAGXKK0Y', //AK
+					SecretKey: 'Y01nEQNcLOATMw7uJwrk3yOdQZ2fqLhSnXcOKVDE', //SK
+					EndPoint: 'https://horastar.obs.cn-east-3.myhuaweicloud.com', //上传文件的路径
+				};
+				let fileName = this.store; //指定上传到OBS桶中的对象名
+				let OBSPolicy = { //设定policy内容
+					"expiration": "2089-12-31T12:00:00.000Z",
+					"conditions": [{
+							"bucket": "horastar"
+						},
+						{
+							'key': fileName
+						}
+					]
+				}
+
+				let policyEncoded = getPolicyEncode(OBSPolicy); //计算policy编码值
+				let signature = getSignature(policyEncoded, config.SecretKey); //计算signature 
+				uni.uploadFile({
+					//url: config.EndPoint,
+					url: config.EndPoint,
+					filePath: tempFilePath,
+					name: 'file',
+
+					formData: {
+						'AccessKeyID': config.AccessKeyId,
+						'policy': policyEncoded,
+						'signature': signature,
+						'key': fileName,
+					},
+
+					success: function(res) {
+						console.log(res.statusCode); //打印响应状态码
+						if (res.statusCode == '204') {
+							// that.imageData.push(config.EndPoint + '/' + fileName);
+							console.log('上传图片成功', res)
+							let obs_url = config.EndPoint + '/' + fileName; //用你自己的 bucket 名替换星号
+							console.log(obs_url)
+							that.avatarUrl = obs_url
+							// uni.showToast({
+							// 	title: '上传成功',
+							// 	icon: '成功'
+							// });
+						} else {
+							console.log('上传图片失败', res)
+							uni.showToast({
+								title: '上传失败',
+								icon: '失败'
+							});
+						}
+					},
+					fail: function(e) {
+						console.log(e);
+						uni.showToast({
+							title: '上传失败',
+							icon: '失败'
+						});
+					}
+				})
+				uni.hideLoading();
+			},
+			guid() {
+				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+					var r = Math.random() * 16 | 0,
+						v = c == 'x' ? r : (r & 0x3 | 0x8);
+
+					return v.toString(16);
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.btn1 {
+		margin: 30rpx;
+		font-size: 35rpx;
+		color: #000;
+		background-color: #F0D232;
+		border: none;
+		border-radius: 0;
+	}
+
+	.containar {
+		display: flex;
+		flex-flow: column;
+	}
+
+	.avatarUrl {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		// justify-content: space-between;
+	}
+
+	.nickname {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 30rpx 50rpx;
+		margin: 30rpx 0rpx;
+		border-bottom: 1rpx solid #999999;
+		border-top: 1rpx solid #999999;
+	}
+
+	.refreshIcon {
+		width: 200rpx;
+		height: 200rpx;
+	}
+</style>

pages/selectionsquare/selectionsquare.vue

@@ -1,1467 +1,1475 @@
-<template>
-	<view class="nav">
-		<view class="bg_box" style="background-color: #FFFFFF;" :style="{
-      backgroundImage: mysNavConfig.bgImage,
-      paddingTop: navBarTop,
-      height: navBarHeight,
-      opacity: opacity,
-    }" :class="{ fixed: mysNavConfig.navFixed }"></view>
-		<view class="mys_navBar" :style="{
-    paddingTop: navBarTop,
-    height: navBarHeight,
-    paddingRight: navBarRight,
-   }" :class="{ fixed: mysNavConfig.navFixed }">
-			<!-- 左slot -->
-			<view class="my_left_custom" :style="{ height: btnHeight }">
-				<slot name="left"></slot>
-			</view>
-			<view class="btn_type" :style="{ height: btnHeight }">
-				<view class="btn_box nav_btn_t1" :style="{
-          width: btnWidth,
-          height: btnHeight,
-          marginLeft: navBarLeft,
-          borderRadius: mysNavConfig.type2Config.radius,
-        }">
-					<view class="btn_back" @tap="onLeftClick()">
-						<image class="nv_icon" :src="mysNavConfig.type2Config.leftPath"
-							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
-					</view>
-					<view class="line"></view>
-					<view class="btn_home" @tap="onLeftHome('top')">
-						<image class="nv_icon" :src="mysNavConfig.type2Config.rightPath"
-							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
-					</view>
-				</view>
-				<!-- 标题 -->
-				<view class="title_container" v-if="!mysNavConfig.searchConfig"
-					:style="{ top: navBarTop, height: btnHeight }">
-					<text class="title_text" v-if="!!mysNavConfig.navTitle" :style="{
-          color: mysNavConfig.navTitle.color,
-          fontSize: mysNavConfig.navTitle.fontSize,
-          fontWeight: mysNavConfig.navTitle.fontWeight,
-        }">{{ mysNavConfig.navTitle.text }}</text>
-					<slot name="center2"></slot>
-				</view>
-			</view>
-		</view>
-		<aTip text="点击添加到我的小程序 \n下次访问更方便哦！" isCustom="true" />
-		<view :style="{marginTop:navH}"></view>
-		<view class="home">
-			<view>
-				<!-- 多选框弹窗 -->
-				<uni-popup ref="popup" background-color="#fff">
-					<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-						<!-- <view class="option1" style="margin-top: 20%;">
-							<h3 style="margin-bottom: 10rpx;">社媒平台</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby" :localdata="hobby">
-							</uni-data-checkbox>
-						</view>
-						<view class="option2">
-							<h3 style="margin-bottom: 10rpx;">样品形式</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby1" :localdata="hobby1">
-							</uni-data-checkbox>
-						</view>
-						<view class="option3">
-							<h3 style="margin-bottom: 10rpx;">任务形式</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby2" :localdata="hobby2">
-							</uni-data-checkbox>
-						</view> -->
-						<view class="option1" style="margin-top: 20%;">
-							<h3 style="margin-bottom: 10rpx;font-weight: bold;"><strong>样品形式</strong></h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby1" :localdata="hobby1">
-							</uni-data-checkbox>
-						</view>
-						<view class="option2">
-							<h3 style="margin-bottom: 10rpx;font-weight: bold;">任务形式</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby2" :localdata="hobby2">
-							</uni-data-checkbox>
-						</view>
-						<view class="option3">
-							<h3 style="margin-bottom: 10rpx;font-weight: bold;">商品类目</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby3" :localdata="hobby3">
-							</uni-data-checkbox>
-						</view>
-						<view class="butto">
-							<button class="mini-btn" size="mini" @tap="reset">重置</button>
-							<button class="mini-btn" size="mini" @tap="submitSearch">确定</button>
-						</view>
-					</view>
-				</uni-popup>
-			</view>
-
-			<!-- banner -->
-			<view class="uni-margin-wrap">
-				<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
-					:interval="interval" :duration="duration">
-					<swiper-item v-for="item in list1" @click="pick(item)">
-						<image :src="item.img" mode="scaleToFill" style="width: 100%;height: 100%;"></image>
-					</swiper-item>
-				</swiper>
-			</view>
-
-			<!-- 商品卡片细节 -->
-			<view class="commodity" style="margin-top: 3%;">
-				<view class="project" v-for="(item,index) in selectionList" :key="index" @tap="toDetail(item)">
-					<!-- 主图 -->
-					<view class="projectdiagram" :style="{backgroundImage:`url(${item.coverphoto})`}">
-						<view class="Mask" v-if="item.isFinished">
-							<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home4.png" mode="">
-							</image>
-						</view>
-						<view v-else>
-							<view class="Mask" v-if="item.isLacked">
-								<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent_upload/lack.png"
-									mode="">
-								</image>
-							</view>
-						</view>
-						<view style="padding-left: 4%;padding-top: 2%;">
-						</view>
-					</view>
-
-					<!-- 项目信息1 -->
-					<view class="section">
-						<view class="section1">
-							<p>佣金:{{item.exclusive_commission}}%</p>
-						</view>
-						<view class="section2" v-if="item.task_mode == 1">
-							<p>额外悬赏:￥{{item.show_task_reward}}</p>
-						</view>
-					</view>
-
-
-					<!-- 平台logo、项目名称 -->
-					<view class="projecttext">
-						<image :src="item.platform_icon">
-						</image>
-						<span>{{item.selection_name|ellipsis}}</span>
-					</view>
-
-					<!-- 项目信息2 -->
-					<view class="projectinfo">
-						<view class="projectinfotxt">
-							<p>预估赚:<span style="color: red;">￥{{item.show_earn}}</span></p>
-						</view>
-						<view class="projectinfotxt">
-							<p>售价:<span style="color: red;">￥{{item.price}}</span></p>
-						</view>
-					</view>
-
-					<!-- 项目信息3 -->
-					<view class="projectinfo" style="justify-content: space-between;">
-
-						<view class="projectinfotag">
-							<view class="TitleText" v-if="item.sample_mode == 1">
-								<p>免费领</p>
-							</view>
-							<view class="TitleText" style="background-color: #fcca00;" v-if="item.sample_mode !== 1">
-								<p>查看</p>
-							</view>
-						</view>
-						
-
-						<view class="projectinfotxt" style="margin: 0 10rpx;" v-if="item.sample_mode == 1">
-							<p>余<span style="color: #52b2f0;">{{item.remain_num}}</span>件</p>
-						</view>
-
-					</view>
-				</view>
-			</view>
-
-			<!-- 普通弹窗  公众号-->
-			<uni-popup ref="popup4" class="share" background-color="#fff" :maskClick="false">
-				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-					<view class="sharepage">
-						<view class="projecttext1">
-							<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png"
-								style="width: 250rpx; height: 80rpx;" mode=""></image>
-							<!-- <span>YoungGee</span> -->
-						</view>
-						<view class="sharemap">
-							<image :src="kefuUrl" style="width: 400rpx;height: 400rpx;" mode=""></image>
-						</view>
-						<view style="margin: 30rpx 0;">
-							<button class="butmin1" size="mini" @tap="saveImage">保存二维码</button>
-						</view>
-						<view class="sharetxt">
-							<text>
-								使用样叽的过程中，有任何疑问，\n
-								请添加上方微信。\n
-								我们保证及时全力为您解决！
-							</text>
-						</view>
-						<view style="margin: 30rpx 0;">
-							<button class="butmin" size="mini" @tap="closepop">知道了</button>
-						</view>
-					</view>
-				</view>
-			</uni-popup>
-			<view class="contact" @click="toggle4('center')">
-				<view class="contt">
-					<!-- <image class="img2" src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home2.png" mode=""></image> -->
-					<image class="img1"
-						src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu_20211124192542.png" mode="">
-					</image>
-
-				</view>
-			</view>
-
-		</view>
-	</view>
-	</view>
-</template>
-
-<script>
-	import aTip from "@/components/mys-tip_1.0.01/a_tip/aTip";
-	import {
-		getQueryString,
-		fansview,
-		money,
-		getDaysBetweenDates,
-		getDaysAndHoursBetweenDates
-	} from '@/components/utils.js';
-	import {
-		saveImageToPhotosAlbum,
-		showToast,
-		downloadFile
-	} from '@/uni_modules/sakura-canvas/js_sdk/util'
-	export default {
-		// 父组件向子组件传值 props
-		props: {
-			mysNavConfig: {
-				type: Object,
-				default () {
-					return {
-						/* 固定导航 */
-						navFixed: true,
-						/* 开启单页显示首页图标 */
-						isHome: true,
-						/* 占位开启 */
-						navPadding: true,
-						/* 背景 */
-						bgColor: "#f8f8f8",
-						/* 渐变色 */
-						opacity: 1,
-						/* 渐变开启 */
-						isOpacity: false,
-						/* 渐变延时效果 */
-						opacityTime: 100,
-						/* 左侧按钮样式 可选 type1 type2 （type2根据小程序胶囊位置调整） */
-						btnType: "type1",
-						/* type1 左侧文字配置 */
-						leftText: {
-							text: "",
-							color: "",
-							fontSize: "16px", // px upx rpx
-							fontWeight: "", // blod
-						},
-						/* 标题 */
-						navTitle: {
-							text: "带货",
-							color: "",
-							fontSize: "32rpx", // px upx rpx
-							fontWeight: "normal", // blod
-						},
-						/* type2 按钮 */
-						type2Config: {
-							// 左图标
-							leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png3.png",
-							// 右图标
-							rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png1.png",
-							// 圆角
-							radius: "40rpx",
-						},
-					};
-				},
-			},
-			scrollTop: {
-				type: Number,
-				default: function() {
-					return 0;
-				},
-			},
-		},
-		filters: {
-			ellipsis(value) {
-				if (!value) return "";
-				if (value.length > 20) {
-					return value.slice(0, 20) + "...";
-				}
-				return value;
-			},
-		},
-		components: {
-			aTip
-		},
-		data() {
-			return {
-				// nav
-				navH: getApp().globalData.navHeight,
-				kefuUrl: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu.jpeg",
-				iconW: undefined,
-				iconH: undefined,
-				btnWidth: undefined,
-				btnHeight: undefined,
-				navBarTop: undefined,
-				navBarHeight: undefined,
-				navBarLeft: undefined,
-				navBarRight: undefined,
-				inputHeight: undefined,
-
-				// banner
-				indicatorDots: true,
-				autoplay: true,
-				interval: 3000,
-				duration: 1000,
-
-				// 旧多选框
-				/*formData: {
-									hobby: [],
-									hobby1: [],
-									hobby2: [],
-								},
-								hobby: [{
-									text: '红book',
-									value: 1
-								}, {
-									text: '抖音',
-									value: 2
-								}, {
-									text: '微博',
-									value: 3
-								}, {
-									text: '快手',
-									value: 4
-								}, {
-									text: 'B站',
-									value: 5
-								}, {
-									text: '大众点评',
-									value: 6
-								}, {
-									text: '知乎',
-									value: 7
-								}],
-								hobby1: [{
-									text: '免费领样',
-									value: 1
-								}, {
-									text: '垫付后返',
-									value: 2
-								}, {
-									text: '不提供样品',
-									value: 3
-								}],
-								hobby2: [{
-									text: '悬赏任务',
-									value: 1
-								}, {
-									text: '纯佣带货',
-									value: 2
-								}], */
-
-				// 多选框
-				formData: {
-					hobby1: [], //样品形式
-					hobby2: [], //任务形式
-					hobby3: [], //商品类目
-				},
-				//平台种类直接从表中获得，此版本中只有抖音平台
-				hobby: [],
-
-				hobby1: [{
-					text: '免费领样',
-					value: 1
-				}, {
-					text: '不提供样品',
-					value: 3
-				}],
-				hobby2: [{
-					text: '悬赏任务',
-					value: 1
-				}, {
-					text: '纯佣带货',
-					value: 2
-				}],
-
-				hobby3: [{
-					text: '智能家居',
-					value: 1
-				}, {
-					text: '食品饮料',
-					value: 2
-				}, {
-					text: '珠宝文玩',
-					value: 3
-				}, {
-					text: ' 奢侈品',
-					value: 4
-				}, {
-					text: '个户家清',
-					value: 5
-				}, {
-					text: '礼品文创',
-					value: 6
-				}, {
-					text: '\u3000生鲜\u3000',
-					value: 7
-				}, {
-					text: '农资绿植',
-					value: 8
-				}, {
-					text: '本地生活',
-					value: 9
-				}, {
-					text: '钟表配饰',
-					value: 10
-				}, {
-					text: '玩具乐器',
-					value: 11
-				}, {
-					text: '二手闲置',
-					value: 12
-				}, {
-					text: '服饰内衣',
-					value: 13
-				}, {
-					text: '\u3000美妆\u3000',
-					value: 14
-				}, {
-					text: '数码家电',
-					value: 15
-				}, {
-					text: '图书教育',
-					value: 16
-				}, {
-					text: '鞋靴箱包',
-					value: 17
-				}, {
-					text: '母婴宠物',
-					value: 18
-				}, {
-					text: '虚拟充值',
-					value: 19
-				}, {
-					text: '户外运动',
-					value: 20
-				}],
-
-
-				list1: [{
-						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
-						name: '/page_tasksquare/banner/guide'
-					},
-					{
-						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home7.png',
-						name: '/page_tasksquare/banner/cooperation'
-					}
-				],
-
-				per: 0,
-				max_page: 0,
-				filtCondition: '',
-				selectionList: [],
-				product: {},
-				younggeeProductPhoto: {},
-			}
-		},
-		watch: {
-			scrollTop(val) {
-				if (!this.mysNavConfig.isOpacity) {
-					return;
-				}
-				this.setOpacity(val, this.mysNavConfig.opacityTime);
-			},
-		},
-		created() {
-			this.init();
-		},
-		//onshow生命周期执行完之后，this内部就有了很多内容
-		async onShow() {
-			this.isLoginApi()
-			await this.getInfoListApi()
-			this.per = 0
-			this.selectionList = []
-			this.getSelectionListApi()
-		},
-		async onLoad() {},
-		//下拉刷新
-		onPullDownRefresh() {
-			this.per = 0
-			this.selectionList = []
-			this.getSelectionListApi()
-			//停止下拉刷新
-			uni.stopPullDownRefresh()
-		},
-		// 下拉懒加载
-		async onReachBottom() {
-			++this.per;
-			if (this.per >= this.max_page) {
-				uni.showToast({
-					title: "已加载全部"
-				})
-			} else {
-				uni.showLoading({
-					title: '加载中'
-				})
-				await this.getSelectionListApi()
-				uni.hideLoading();
-			}
-		},
-
-		methods: {
-
-			/**
-			 * @param scrollTop 页面顶部距离
-			 * @param down 滑动显示效果延时
-			 */
-			setOpacity(scrollTop, down = 60) {
-				if (scrollTop > 0) {
-					if (scrollTop < down) {
-						this.opacity = scrollTop / down;
-					}
-					if (scrollTop > down) {
-						this.opacity = 1;
-					}
-				} else {
-					this.opacity = 0;
-				}
-			},
-			/* type2 点击分类 */
-			onLeftHome(type) {
-				this.type = type
-				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-				this.$refs.popup.open(type)
-			},
-			init() {
-				if (this.mysNavConfig.isHome) {
-					let pages = getCurrentPages().length;
-					/* 单页显示home图标 */
-					pages === 1 ? (this.isHome = true) : (this.isHome = false);
-				}
-				// 开启渐变 强制fixed
-				this.navBarTop = uni.getSystemInfoSync().statusBarHeight +
-					"px";
-				if (!this.mysNavConfig.opacity) {
-					this.opacity = 1;
-					!this.mysNavConfig.isOpacity ? (this.opacity = 1) : ((this
-						.mysNavConfig.navFixed = true), (this
-						.opacity = 0));
-				} else {
-					this.opacity = this.mysNavConfig.opacity;
-					!this.mysNavConfig.isOpacity ? "" : ((this.mysNavConfig
-						.navFixed = true), (this.opacity = 0));
-				}
-
-				// #ifdef MP
-				this.initMP();
-				// #endif
-				// #ifdef APP-PLUS-NVUE
-				this.navBarHeight = 44 + uni.getSystemInfoSync()
-					.statusBarHeight + "px";
-				// #endif
-			},
-			/* 小程序初始化位置 */
-			initMP() {
-				// getSystemInfoSync用于获取系统信息同步接口
-				let gS = uni.getSystemInfoSync();
-				// getMenuButtonBoundingClientRect用于获取胶囊按钮位置布局信息
-				let rect = uni.getMenuButtonBoundingClientRect();
-
-				let rectHeight = rect.height;
-				this.btnWidth = rect.width + "px";
-				this.btnHeight = rectHeight + "px";
-				this.iconW = Math.floor(rect.width / 4 - 5) + "px";
-				this.iconH = rectHeight / 2 + "px";
-				this.inputHeight = rectHeight - 3 + "px";
-				this.navBarTop = rect.top + "px";
-				this.navBarLeft = gS.screenWidth - rect.right + "px";
-				this.navBarRight = gS.screenWidth - rect.right + rect.width +
-					"px";
-				this.navBarHeight = gS.statusBarHeight + rectHeight + (rect
-					.top - gS.statusBarHeight) * 2 + "px";
-			},
-			toDetail(item) {
-				console.log("item:", item)
-				uni.navigateTo({
-					url: '/page_selectionsquare/selectiondetail/selectiondetail?id=' + item.selection_id +
-						'&pid=' + item.YounggeeProduct[0].product_id
-				});
-			},
-			async submitSearch() {
-				//被选中的hobby才会加入数据中，加入的是value数字
-				console.log('look-----', this.formData.hobby1)
-				console.log('look-----333333', this.formData.hobby3)
-				this.per = 0;
-				this.$refs.popup.close()
-				var filtCondition = ''
-				//各平台名字展示
-				// for (var i = 0; i < this.formData.hobby.length; i++) {
-				// 	filtCondition += "&platform[]" + "=" + this.formData.hobby[i]
-				// }
-
-				//"&secform[]=" 是一个固定的字符串部分，用来表示参数格式
-				//最后参数形如&secform[]=2&secform[]=3&secform[]=9
-				//样品形式
-				for (var j = 0; j < this.formData.hobby1.length; j++) {
-					filtCondition += "&secform[]" + "=" + this.formData.hobby1[j]
-				}
-
-				//任务形式
-				for (var j = 0; j < this.formData.hobby2.length; j++) {
-					filtCondition += "&taskform[]" + "=" + this.formData.hobby2[j]
-				}
-
-				//商品类目 
-				for (var j = 0; j < this.formData.hobby3.length; j++) {
-					filtCondition += "&categoryform[]" + "=" + this.formData.hobby3[j]
-				}
-
-				this.filtCondition = filtCondition
-				console.log("过滤条件",this.filtCondition)
-				uni.showLoading({
-					title: '加载中'
-				});
-				this.selectionList = []
-				await this.getSelectionListApi()
-				uni.hideLoading();
-			},
-			async reset() {
-				this.per = 0;
-				this.$refs.popup.close()
-				this.formData.hobby1 = [];
-				this.formData.hobby2 = [];
-				this.formData.hobby3 = [];
-				this.filtCondition = '';
-				uni.showLoading({
-					title: '加载中'
-				});
-				this.selectionList = []
-				await this.getSelectionListApi()
-				uni.hideLoading();
-			},
-			/* 点击左侧 */
-			onLeftClick() {
-				uni.navigateTo({
-					url: '/page_selectionsquare/search'
-				});
-			},
-			isLoginApi() {
-				return this.$https.get('/youngee/c/t/g/is-login')
-					.then(res => {
-						if (res.data.code === 403) {
-							// 登陆已失效
-							this.token = ""
-							uni.clearStorage();
-						} else {
-							this.token = uni.getStorageSync('token')
-						}
-					})
-			},
-			//获取一些info表中的信息----包含thirdplatform
-			//res是一个包含服务器响应的对象
-			getInfoListApi() {
-				return this.$http.get('/youngee/c/g/get-info-tables')
-					.then(res => {
-						this.hobby = []
-						this.platformList = res.data.data.ThirdPlatform
-						let l = this.platformList != null ? this.platformList.length : 0;
-						for (var i = 0; i < l; i++) {
-							var obj = {}
-							obj.text = this.platformList[i].platform_name
-							obj.value = this.platformList[i].id
-							this.hobby.push(obj)
-						}
-					})
-			},
-			getSelectionListApi() {
-				//idx:当前页 cnt：每页展示个数
-				return this.$http.get('/youngee/c/g/get-selection-list' +
-					"?" +
-					"idx" +
-					"=" +
-					this.per +
-					"&cnt" +
-					"=" +
-					20 + this.filtCondition
-					//请求发送后，使用 .then() 方法处理响应结果 res。
-				).then(res => {
-					if (res.data.code === 0) {
-						console.log("res is here------->: ", res)
-						// 获取res返回数据
-						this.max_page = res.data.data.max_page
-						console.log("res")
-						let selectionList = res.data.data.SelectionDetail
-						const count = res.data.data.count
-						// 数据处理
-						if (selectionList === null) {
-							return
-						}
-						for (var i = 0; i < selectionList.length; i++) {
-							console.log("**** selectionList[i]****", selectionList[i])
-							this.product = selectionList[i].YounggeeProduct[0]
-							this.younggeeProductPhoto = selectionList[i].YounggeeProductPhoto
-
-							for (let j = 0; j < this.younggeeProductPhoto.length; ++j) {
-									//1为主图，2为详情图，3为视频  selectionList[i]就是item
-								if (this.younggeeProductPhoto[j].symbol == 1) {
-									selectionList[i].coverphoto = this.younggeeProductPhoto[j].photo_url
-								}
-							}
-
-							for (var k = 0; k < this.platformList.length; k++) {
-								if (selectionList[i].platform === this.platformList[k].id) {
-									selectionList[i].platform_icon = this.platformList[k].platform_icon
-								}
-							}
-
-
-							//打印商品详情表
-							console.log(selectionList[i])
-							// 商品价格
-							selectionList[i].price = this.product.product_price
-							//高佣
-							selectionList[i].exclusive_commission = this.product.exclusive_commission
-							//预估赚
-							selectionList[i].show_earn = this.product.commission_price
-							//额外悬赏
-							if (selectionList[i].task_mode == 1) {
-								selectionList[i].show_task_reward = selectionList[i].RewardStrategy[0].per_reward
-							}
-
-							// 判断是否到期
-							selectionList[i].isFinished = this.isFinish(selectionList[i])
-							// 判断是否有库存
-							selectionList[i].isLacked = selectionList[i].remain_num == 0 ? true : false
-						}
-						//...selectionList 是扩展运算符的语法，它会将 selectionList 数组中的所有元素展开，并作为单独的参数传递给 push() 方法
-						//用于在原有数据的基础上添加新的数据
-						this.selectionList.push(...selectionList);
-					}
-				});
-			},
-			isFinish(selection) {
-				var timeNow = new Date();
-				var ddl = new Date(selection.task_ddl.replace(/-/g, "/"));
-				var diff = getDaysAndHoursBetweenDates(timeNow, ddl);
-				let remain_days = diff.days;
-				let remain_hours = diff.hours;
-				if (remain_days <= 0 & remain_hours <= 0) return true;
-				// let remain_days = getDaysBetweenDates(timeNow, ddl);
-				// if (remain_days < 0) return true;
-				else return false;
-			},
-			toggle4(type) {
-				this.type4 = type
-				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-				this.$refs.popup4.open(type)
-				// this.$refs.popup1.close()
-			},
-			// 保存图片
-			async saveImage() {
-				// showToast('保存成功')
-				wx.downloadFile({
-					url: this.kefuUrl,
-					success: function(res) {
-						wx.saveImageToPhotosAlbum({
-							filePath: res.tempFilePath,
-							success: function(data) {
-								wx.showToast({
-									title: "保存成功",
-									icon: "success",
-									duration: 2000
-								})
-							},
-							fail: function(err) {
-								console.log(err);
-							},
-							complete(res) {
-								console.log(res);
-							}
-						})
-					}
-				})
-			},
-			closepop() {
-				this.$refs.popup4.close()
-			},
-			xieyi() {
-				console.log('进入联系我们')
-			},
-			pick(item) {
-				console.log(item)
-				uni.navigateTo({
-					url: item.name
-				});
-			},
-		}
-	}
-</script>
-
-<style>
-	/deep/ .share .uni-popup .uni-popup__wrapper {
-		width: 80% !important;
-		border-radius: 15rpx !important;
-	}
-</style>
-<style lang="scss" scoped>
-	//nav
-	.nav {
-		position: relative;
-	}
-
-	.nv_padding {
-		height: 88upx;
-		background-color: transparent;
-	}
-
-	/* 图标默认大小 */
-	.nv_icon {
-		width: 16px;
-		height: 16px;
-	}
-
-	.bg_box {
-		position: absolute;
-		width: 750upx;
-		height: 88upx;
-
-		z-index: 10;
-		top: 0;
-		background-color: transparent;
-		/* #ifdef MP */
-		box-sizing: border-box;
-		/* #endif */
-		/* #ifndef APP-PLUS-NVUE */
-		background-size: cover;
-		background-repeat: no-repeat;
-		background-position: center center;
-		/* #endif */
-	}
-
-	.mys_navBar {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		height: 88upx;
-		/* #endif */
-		// #ifdef MP
-		box-sizing: border-box;
-		// #endif
-		width: 750upx;
-		flex-direction: row;
-		background-color: transparent;
-		position: absolute;
-		z-index: 10;
-		top: 0;
-	}
-
-	.fixed {
-		position: fixed;
-	}
-
-	/*
- left 按钮
-*/
-	.btn_type {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		/* #ifdef APP-PLUS-NVUE */
-		margin-left: 16upx;
-		/* #endif */
-		// #ifndef MP
-		align-items: center;
-		// #endif
-		flex: 1;
-		flex-direction: row;
-		// background-color: #fff;
-	}
-
-	.btn_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		margin-left: 16upx;
-		/* #endif */
-		flex-direction: row;
-		// #ifndef MP
-		align-items: center;
-		// #endif
-	}
-
-	.btn_back,
-	.btn_home {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		/* #ifndef APP-PLUS-NVUE */
-		height: 100%;
-		/* #endif */
-		/* #ifdef APP-PLUS-NVUE */
-		width: 76upx;
-		height: 62upx;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-	}
-
-	/* 按钮类型1 */
-	.nav_btn_t1 {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		// #ifdef MP
-		box-sizing: border-box;
-		// #endif
-		flex-direction: row;
-		align-items: center;
-		border-style: solid;
-		border-width: 1px;
-		border-color: #C0C0C0;
-		// background-color: rgba(0, 0, 0, 0.2);
-		background-color: #FFFFFF;
-		width: 130upx;
-		height: 45upx;
-	}
-
-	.line {
-		width: 1upx;
-		height: 60%;
-		/* #ifdef APP-PLUS-NVUE */
-		height: 30upx;
-		/* #endif */
-		background-color: #C0C0C0;
-	}
-
-	/*
-标题
- */
-	.title_container {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		position: absolute;
-		left: 375upx;
-		bottom: 0;
-		transform: translateX(-50%);
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.title_text {
-		// flex: 1;
-		text-overflow: ellipsis;
-		/* #ifndef APP-PLUS-NVUE */
-		white-space: nowrap;
-		overflow: hidden;
-		font-weight: 550;
-
-		/* #endif */
-		/* #ifdef APP-PLUS-NVUE */
-		lines: 1;
-		/* #endif */
-	}
-
-	/* 
-左边自定义
- */
-	.my_left_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.my_left_icon {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		/* #ifndef MP */
-		margin-left: 18upx;
-		/* #endif */
-	}
-
-	.my_left_custom {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		// justify-content: center;
-	}
-
-	/* 文字 */
-	.leftText {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		padding-left: 4upx;
-		font-size: 15px;
-	}
-
-	/* 
-中间
- */
-	.my_custom_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-	}
-
-	/*
-搜索框 
- */
-	.nv_search_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		flex: 1;
-
-		/* #ifndef MP */
-		height: 60upx;
-		/* #endif */
-		background-color: #f8f8f8;
-		padding-right: 20upx;
-		padding-left: 20upx;
-		border-radius: 60upx;
-		margin-right: 15upx;
-		margin-left: 15upx;
-	}
-
-	.nv_input {
-		flex: 1;
-		padding-left: 16upx;
-		font-size: 13px;
-	}
-
-	.close {
-		width: 50upx;
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		/* #ifndef MP */
-		height: 62upx;
-		/* #endif */
-	}
-
-	/* 
-右边 自定义
- */
-	.my_right_icon {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		/* #ifndef MP */
-		// min-width: 70upx;
-		/* #endif */
-		padding-left: 6px;
-		padding-right: 10px;
-	}
-
-	.imge image {
-		width: 100%;
-		height: 260rpx;
-	}
-</style>
-
-<style lang="scss" scoped>
-	.option1 {
-		padding: 5rpx 18rpx;
-
-		/deep/.uni-data-checklist .checklist-group .checklist-box .checklist-content {
-			text-align: center;
-		}
-	}
-
-	.option2 {
-		padding: 5rpx 18rpx;
-	}
-
-	.option3 {
-		padding: 5rpx 18rpx;
-
-		/deep/.uni-data-checklist .checklist-group .checklist-box .checklist-content {
-			// width: 120rpx;
-			text-align: center;
-		}
-	}
-
-	.butmin {
-		// height: 48rpx;
-		width: 250rpx;
-		background-color: #FCCF41;
-		line-height: 48rpx;
-	}
-
-	.butmin1 {
-		// height: 48rpx;
-		width: 250rpx;
-		background-color: #fff;
-		border: #000000 1rpx solid;
-		line-height: 48rpx;
-	}
-
-	//弹出层
-	/deep/ .uni-data-checklist .checklist-group .checklist-box {
-		background-color: #FFFFFF !important;
-		border-radius: 20rpx !important;
-		padding: 8rpx 30rpx !important;
-		border: 0 !important;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
-		font-size: 24rpx;
-		color: #333333;
-	}
-
-	/deep/ .mini-btn {
-		height: 70rpx;
-		width: 250rpx;
-		line-height: 70rpx;
-		margin: 20rpx;
-		letter-spacing: 4rpx;
-		background-color: #FCCF41;
-	}
-
-	/deep/ .mini-btn1 {
-		height: 70rpx;
-		width: 400rpx;
-		line-height: 70rpx;
-		margin: 20rpx;
-		letter-spacing: 4rpx;
-		color: white;
-		;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
-		background-color: #FCCF41 !important;
-	}
-
-	.butto {
-		text-align: center;
-	}
-
-	.swiper {
-		height: 300rpx;
-	}
-
-	.swiper-item {
-		display: block;
-		height: 300rpx;
-		line-height: 300rpx;
-		text-align: center;
-	}
-
-	.swiper-list {
-		margin-top: 40rpx;
-		margin-bottom: 0;
-	}
-</style>
-
-<style lang="scss" scoped>
-	.commodity {
-		margin-top: 10rpx;
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: space-between;
-	}
-
-	.project {
-		width: 49%;
-		height: 550rpx;
-		border-radius: 20rpx;
-		margin-bottom: 4%;
-	}
-
-	.projectdiagram {
-		width: 100%;
-		height: 61%;
-		background-size: 100% 100%;
-		position: relative;
-		border-radius: 10rpx;
-	}
-
-	.projecttext {
-		// padding-top: 5%;
-		padding: 0 0 0 1%;
-		// height: 80rpx;
-	}
-
-	.projecttext span {
-		color: #333333;
-		font-size: 25rpx;
-		font-weight: 550;
-		text-indent: 2em;
-	}
-
-	.projecttext image {
-		vertical-align: middle;
-		width: 30rpx;
-		height: 30rpx;
-		display: inline-block;
-		margin-right: 14rpx;
-	}
-
-	.projectinfo {
-		display: flex;
-		justify-content: space-between;
-		margin-top: 5%;
-	}
-
-	.projectinfotxt {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.projectinfotxt p {
-		color: #767272;
-		font-size: 20rpx;
-		margin: 5rpx 0;
-	}
-
-	.projectinfotag {
-		display: flex;
-		justify-content: space-around;
-		align-items: center;
-	}
-
-	// 美化背景色
-	.section {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		font-size: 20rpx;
-		margin: 6rpx 0;
-		color: #ffffff;
-	}
-
-
-	.section1 {
-		background-image: linear-gradient(to top, #c54529, #e38e3e);
-		border-radius: 8px;
-		width: 140rpx;
-		height: 45rpx;
-		text-align: center;
-		line-height: 40rpx;
-
-	}
-
-	.section2 {
-		background-image: linear-gradient(to top, #6991e1, #db9c53);
-		border-radius: 8px;
-		width: 200rpx;
-		height: 45rpx;
-		text-align: center;
-		line-height: 40rpx;
-	}
-
-	.TitleText {
-		// height: 30rpx;
-		width: 120rpx;
-		height: 45rpx;
-		background-color: #f70606;
-		border-radius: 20rpx;
-		display: inline-block;
-		text-align: center;
-		// padding: 0rpx 10rpx 0rpx 10rpx;
-		margin-right: 6%;
-		line-height: 42rpx;
-	}
-
-	.TitleText p {
-		color: #fff;
-		font-size: 20rpx;
-	}
-
-	.Mask {
-		position: absolute;
-		background-color: #000000;
-		opacity: 0.6;
-		width: 100%;
-		height: 100%;
-		// z-index: 999;
-		text-align: center;
-		border-radius: 20rpx;
-	}
-
-	.Mask image {
-		width: 50%;
-		height: 52%;
-		padding-top: 25%;
-	}
-
-	.contt {
-		position: relative;
-	}
-
-	.contact {
-		position: fixed;
-		top: 80%;
-		right: 13%;
-	}
-
-	//弹窗
-	.sharepage {
-		// width: 90%;
-		margin: 0 auto;
-		// position: relative;
-	}
-
-
-	/deep/ .share.uni-popup .uni-popup__wrapper {
-		width: 70%;
-
-		border-radius: 15rpx;
-	}
-
-	.projecttext1 {
-		// padding-top: 5%;
-		padding: 0 0 0 1%;
-		height: 80rpx;
-		margin: 5% 0;
-		text-align: center;
-	}
-
-	.projecttext1 image {
-		vertical-align: middle;
-		width: 80rpx;
-		height: 80rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.sharemap {
-		margin: 0 auto;
-		text-align: center;
-		// margin-top: 15%;
-		// margin-bottom: 15%;
-	}
-
-	.sharemap image {
-		width: 400rpx;
-		height: 400rpx;
-
-	}
-
-	.sharetxt {
-		height: 100rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.sharetxt text {
-		font-size: 24rpx;
-		text-align: left;
-		line-height: 20rpx
-	}
-
-	.butmin {
-		// height: 48rpx;
-		width: 250rpx;
-		background-color: #FCCF41;
-		line-height: 48rpx;
-	}
-
-	.butmin1 {
-		// height: 48rpx;
-		width: 250rpx;
-		background-color: #fff;
-		border: #000000 1rpx solid;
-		line-height: 48rpx;
-	}
-
-	.share {
-		text-align: center;
-		line-height: 10rpx;
-		margin-top: 10rpx;
-	}
-
-	.share image {
-		vertical-align: middle;
-		width: 25rpx;
-		height: 25rpx;
-		display: inline-block
-	}
-
-	.share p {
-		// display: inline-block;
-		font-size: 24rpx;
-		// color: #333333;
-	}
-
-	.img1 {
-		width: 84rpx;
-		height: 124rpx;
-		position: absolute;
-
-	}
-
-	.demo-uni-row {
-		margin-bottom: 10px;
-
-		// 组件在小程序端display为inline
-		// QQ、抖音小程序文档写有 :host，但实测不生效
-		// 百度小程序没有 :host
-		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
-		/* #endif */
-	}
-
-	// 支付宝小程序没有 demo-uni-row 层级
-	// 微信小程序使用了虚拟化节点，没有 demo-uni-row 层级
-	/* #ifdef MP-ALIPAY || MP-WEIXIN */
-	::v-deep .uni-row {
-		margin-bottom: 10px;
-	}
-
-	/* #endif */
-
-	.demo-uni-col {
-		height: 36px;
-		border-radius: 5px;
-	}
-
-	.dark_deep {
-		background-color: #99a9bf;
-	}
-
-	.dark {
-		background-color: #d3dce6;
-	}
-
-	.light {
-		background-color: #e5e9f2;
-	}
-
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		padding: 5rpx 10rpx 0;
-		overflow: hidden;
-	}
+<template>
+	<view class="nav">
+		<view class="bg_box" style="background-color: #FFFFFF;" :style="{
+      backgroundImage: mysNavConfig.bgImage,
+      paddingTop: navBarTop,
+      height: navBarHeight,
+      opacity: opacity,
+    }" :class="{ fixed: mysNavConfig.navFixed }"></view>
+		<view class="mys_navBar" :style="{
+    paddingTop: navBarTop,
+    height: navBarHeight,
+    paddingRight: navBarRight,
+   }" :class="{ fixed: mysNavConfig.navFixed }">
+			<!-- 左slot -->
+			<view class="my_left_custom" :style="{ height: btnHeight }">
+				<slot name="left"></slot>
+			</view>
+			<view class="btn_type" :style="{ height: btnHeight }">
+				<view class="btn_box nav_btn_t1" :style="{
+          width: btnWidth,
+          height: btnHeight,
+          marginLeft: navBarLeft,
+          borderRadius: mysNavConfig.type2Config.radius,
+        }">
+					<view class="btn_back" @tap="onLeftClick()">
+						<image class="nv_icon" :src="mysNavConfig.type2Config.leftPath"
+							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
+					</view>
+					<view class="line"></view>
+					<view class="btn_home" @tap="onLeftHome('top')">
+						<image class="nv_icon" :src="mysNavConfig.type2Config.rightPath"
+							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
+					</view>
+				</view>
+				<!-- 标题 -->
+				<view class="title_container" v-if="!mysNavConfig.searchConfig"
+					:style="{ top: navBarTop, height: btnHeight }">
+					<text class="title_text" v-if="!!mysNavConfig.navTitle" :style="{
+          color: mysNavConfig.navTitle.color,
+          fontSize: mysNavConfig.navTitle.fontSize,
+          fontWeight: mysNavConfig.navTitle.fontWeight,
+        }">{{ mysNavConfig.navTitle.text }}</text>
+					<slot name="center2"></slot>
+				</view>
+			</view>
+		</view>
+		<aTip text="点击添加到我的小程序 \n下次访问更方便哦！" isCustom="true" />
+		<view :style="{marginTop:navH}"></view>
+		<view class="home">
+			<view>
+				<!-- 多选框弹窗 -->
+				<uni-popup ref="popup" background-color="#fff">
+					<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+						<!-- <view class="option1" style="margin-top: 20%;">
+							<h3 style="margin-bottom: 10rpx;">社媒平台</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby" :localdata="hobby">
+							</uni-data-checkbox>
+						</view>
+						<view class="option2">
+							<h3 style="margin-bottom: 10rpx;">样品形式</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby1" :localdata="hobby1">
+							</uni-data-checkbox>
+						</view>
+						<view class="option3">
+							<h3 style="margin-bottom: 10rpx;">任务形式</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby2" :localdata="hobby2">
+							</uni-data-checkbox>
+						</view> -->
+						<view class="option1" style="margin-top: 20%;">
+							<h3 style="margin-bottom: 10rpx;font-weight: bold;"><strong>样品形式</strong></h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby1" :localdata="hobby1">
+							</uni-data-checkbox>
+						</view>
+						<view class="option2">
+							<h3 style="margin-bottom: 10rpx;font-weight: bold;">任务形式</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby2" :localdata="hobby2">
+							</uni-data-checkbox>
+						</view>
+						<view class="option3">
+							<h3 style="margin-bottom: 10rpx;font-weight: bold;">商品类目</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby3" :localdata="hobby3">
+							</uni-data-checkbox>
+						</view>
+						<view class="butto">
+							<button class="mini-btn" size="mini" @tap="reset">重置</button>
+							<button class="mini-btn" size="mini" @tap="submitSearch">确定</button>
+						</view>
+					</view>
+				</uni-popup>
+			</view>
+
+			<!-- banner -->
+			<view class="uni-margin-wrap">
+				<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
+					:interval="interval" :duration="duration">
+					<swiper-item v-for="item in list1" @click="pick(item)">
+						<image :src="item.img" mode="scaleToFill" style="width: 100%;height: 100%;"></image>
+					</swiper-item>
+				</swiper>
+			</view>
+
+			<!-- 商品卡片细节 -->
+			<view class="commodity" style="margin-top: 3%;">
+				<view class="project" v-for="(item,index) in selectionList" :key="index" @tap="toDetail(item)">
+					<!-- 主图 -->
+					<view class="projectdiagram" :style="{backgroundImage:`url(${item.coverphoto})`}">
+						<view class="Mask" v-if="item.isFinished">
+							<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home4.png" mode="">
+							</image>
+						</view>
+						<view v-else>
+							<view class="Mask" v-if="item.isLacked">
+								<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent_upload/lack.png"
+									mode="">
+								</image>
+							</view>
+						</view>
+						<view style="padding-left: 4%;padding-top: 2%;">
+						</view>
+					</view>
+
+					<!-- 项目信息1 -->
+					<view class="section">
+						<view class="section1">
+							<p>佣金:{{item.exclusive_commission}}%</p>
+						</view>
+						<view class="section2" v-if="item.task_mode == 1">
+							<p>额外悬赏:￥{{item.show_task_reward}}</p>
+						</view>
+					</view>
+
+
+					<!-- 平台logo、项目名称 -->
+					<view class="projecttext">
+						<image :src="item.platform_icon">
+						</image>
+						<span>{{item.selection_name|ellipsis}}</span>
+					</view>
+
+					<!-- 项目信息2 -->
+					<view class="projectinfo">
+						<view class="projectinfotxt">
+							<p>预估赚:<span style="color: red;">￥{{item.show_earn}}</span></p>
+						</view>
+						<view class="projectinfotxt">
+							<p>售价:<span style="color: red;">￥{{item.price}}</span></p>
+						</view>
+					</view>
+
+					<!-- 项目信息3 -->
+					<view class="projectinfo" style="justify-content: space-between;">
+
+						<view class="projectinfotag">
+							<view class="TitleText" v-if="item.sample_mode == 1">
+								<p>免费领</p>
+							</view>
+							<view class="TitleText" style="background-color: #fcca00;" v-if="item.sample_mode !== 1">
+								<p>查看</p>
+							</view>
+						</view>
+
+
+						<view class="projectinfotxt" style="margin: 0 10rpx;" v-if="item.sample_mode == 1">
+							<p>余<span style="color: #52b2f0;">{{item.remain_num}}</span>件</p>
+						</view>
+
+					</view>
+				</view>
+			</view>
+
+			<!-- 普通弹窗  公众号-->
+			<uni-popup ref="popup4" class="share" background-color="#fff" :maskClick="false">
+				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+					<view class="sharepage">
+						<view class="projecttext1">
+							<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png"
+								style="width: 250rpx; height: 80rpx;" mode=""></image>
+							<!-- <span>YoungGee</span> -->
+						</view>
+						<view class="sharemap">
+							<image :src="kefuUrl" style="width: 400rpx;height: 400rpx;" mode=""></image>
+						</view>
+						<view style="margin: 30rpx 0;">
+							<button class="butmin1" size="mini" @tap="saveImage">保存二维码</button>
+						</view>
+						<view class="sharetxt">
+							<text>
+								使用样叽的过程中，有任何疑问，\n
+								请添加上方微信。\n
+								我们保证及时全力为您解决！
+							</text>
+						</view>
+						<view style="margin: 30rpx 0;">
+							<button class="butmin" size="mini" @tap="closepop">知道了</button>
+						</view>
+					</view>
+				</view>
+			</uni-popup>
+			<view class="contact" @click="toggle4('center')">
+				<view class="contt">
+					<!-- <image class="img2" src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home2.png" mode=""></image> -->
+					<image class="img1"
+						src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu_20211124192542.png" mode="">
+					</image>
+
+				</view>
+			</view>
+
+		</view>
+	</view>
+	</view>
+</template>
+
+<script>
+	import aTip from "@/components/mys-tip_1.0.01/a_tip/aTip";
+	import {
+		getQueryString,
+		fansview,
+		money,
+		getDaysBetweenDates,
+		getDaysAndHoursBetweenDates
+	} from '@/components/utils.js';
+	import {
+		saveImageToPhotosAlbum,
+		showToast,
+		downloadFile
+	} from '@/uni_modules/sakura-canvas/js_sdk/util'
+	export default {
+		// 父组件向子组件传值 props
+		props: {
+			mysNavConfig: {
+				type: Object,
+				default () {
+					return {
+						/* 固定导航 */
+						navFixed: true,
+						/* 开启单页显示首页图标 */
+						isHome: true,
+						/* 占位开启 */
+						navPadding: true,
+						/* 背景 */
+						bgColor: "#f8f8f8",
+						/* 渐变色 */
+						opacity: 1,
+						/* 渐变开启 */
+						isOpacity: false,
+						/* 渐变延时效果 */
+						opacityTime: 100,
+						/* 左侧按钮样式 可选 type1 type2 （type2根据小程序胶囊位置调整） */
+						btnType: "type1",
+						/* type1 左侧文字配置 */
+						leftText: {
+							text: "",
+							color: "",
+							fontSize: "16px", // px upx rpx
+							fontWeight: "", // blod
+						},
+						/* 标题 */
+						navTitle: {
+							text: "带货",
+							color: "",
+							fontSize: "32rpx", // px upx rpx
+							fontWeight: "normal", // blod
+						},
+						/* type2 按钮 */
+						type2Config: {
+							// 左图标
+							leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png3.png",
+							// 右图标
+							rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png1.png",
+							// 圆角
+							radius: "40rpx",
+						},
+					};
+				},
+			},
+			scrollTop: {
+				type: Number,
+				default: function() {
+					return 0;
+				},
+			},
+		},
+		filters: {
+			ellipsis(value) {
+				if (!value) return "";
+				if (value.length > 20) {
+					return value.slice(0, 20) + "...";
+				}
+				return value;
+			},
+		},
+		components: {
+			aTip
+		},
+		data() {
+			return {
+				// nav
+				navH: getApp().globalData.navHeight,
+				kefuUrl: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu.jpeg",
+				iconW: undefined,
+				iconH: undefined,
+				btnWidth: undefined,
+				btnHeight: undefined,
+				navBarTop: undefined,
+				navBarHeight: undefined,
+				navBarLeft: undefined,
+				navBarRight: undefined,
+				inputHeight: undefined,
+
+				// banner
+				indicatorDots: true,
+				autoplay: true,
+				interval: 3000,
+				duration: 1000,
+
+				// 旧多选框
+				/*formData: {
+									hobby: [],
+									hobby1: [],
+									hobby2: [],
+								},
+								hobby: [{
+									text: '红book',
+									value: 1
+								}, {
+									text: '抖音',
+									value: 2
+								}, {
+									text: '微博',
+									value: 3
+								}, {
+									text: '快手',
+									value: 4
+								}, {
+									text: 'B站',
+									value: 5
+								}, {
+									text: '大众点评',
+									value: 6
+								}, {
+									text: '知乎',
+									value: 7
+								}],
+								hobby1: [{
+									text: '免费领样',
+									value: 1
+								}, {
+									text: '垫付后返',
+									value: 2
+								}, {
+									text: '不提供样品',
+									value: 3
+								}],
+								hobby2: [{
+									text: '悬赏任务',
+									value: 1
+								}, {
+									text: '纯佣带货',
+									value: 2
+								}], */
+
+				// 多选框
+				formData: {
+					hobby1: [], //样品形式
+					hobby2: [], //任务形式
+					hobby3: [], //商品类目
+				},
+				//平台种类直接从表中获得，此版本中只有抖音平台
+				hobby: [],
+
+				hobby1: [{
+					text: '免费领样',
+					value: 1
+				}, {
+					text: '不提供样品',
+					value: 3
+				}],
+				hobby2: [{
+					text: '悬赏任务',
+					value: 1
+				}, {
+					text: '纯佣带货',
+					value: 2
+				}],
+
+				hobby3: [{
+					text: '智能家居',
+					value: 1
+				}, {
+					text: '食品饮料',
+					value: 2
+				}, {
+					text: '珠宝文玩',
+					value: 3
+				}, {
+					text: ' 奢侈品',
+					value: 4
+				}, {
+					text: '个户家清',
+					value: 5
+				}, {
+					text: '礼品文创',
+					value: 6
+				}, {
+					text: '\u3000生鲜\u3000',
+					value: 7
+				}, {
+					text: '农资绿植',
+					value: 8
+				}, {
+					text: '本地生活',
+					value: 9
+				}, {
+					text: '钟表配饰',
+					value: 10
+				}, {
+					text: '玩具乐器',
+					value: 11
+				}, {
+					text: '二手闲置',
+					value: 12
+				}, {
+					text: '服饰内衣',
+					value: 13
+				}, {
+					text: '\u3000美妆\u3000',
+					value: 14
+				}, {
+					text: '数码家电',
+					value: 15
+				}, {
+					text: '图书教育',
+					value: 16
+				}, {
+					text: '鞋靴箱包',
+					value: 17
+				}, {
+					text: '母婴宠物',
+					value: 18
+				}, {
+					text: '虚拟充值',
+					value: 19
+				}, {
+					text: '户外运动',
+					value: 20
+				}],
+
+
+				list1: [{
+						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
+						name: '/page_tasksquare/banner/guide'
+					},
+					{
+						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home7.png',
+						name: '/page_tasksquare/banner/cooperation'
+					}
+				],
+
+				per: 0,
+				max_page: 0,
+				filtCondition: '',
+				selectionList: [],
+				product: {},
+				younggeeProductPhoto: {},
+			}
+		},
+		watch: {
+			scrollTop(val) {
+				if (!this.mysNavConfig.isOpacity) {
+					return;
+				}
+				this.setOpacity(val, this.mysNavConfig.opacityTime);
+			},
+		},
+		created() {
+			this.init();
+		},
+		//onshow生命周期执行完之后，this内部就有了很多内容
+		async onShow() {
+			this.isLoginApi()
+			await this.getInfoListApi()
+			this.per = 0
+			this.selectionList = []
+			this.getSelectionListApi()
+		},
+		async onLoad() {},
+		//下拉刷新
+		onPullDownRefresh() {
+			this.per = 0
+			this.selectionList = []
+			this.getSelectionListApi()
+			//停止下拉刷新
+			uni.stopPullDownRefresh()
+		},
+		// 下拉懒加载
+		async onReachBottom() {
+			++this.per;
+			if (this.per >= this.max_page) {
+				uni.showToast({
+					title: "已加载全部"
+				})
+			} else {
+				uni.showLoading({
+					title: '加载中'
+				})
+				await this.getSelectionListApi()
+				uni.hideLoading();
+			}
+		},
+
+		methods: {
+
+			/**
+			 * @param scrollTop 页面顶部距离
+			 * @param down 滑动显示效果延时
+			 */
+			setOpacity(scrollTop, down = 60) {
+				if (scrollTop > 0) {
+					if (scrollTop < down) {
+						this.opacity = scrollTop / down;
+					}
+					if (scrollTop > down) {
+						this.opacity = 1;
+					}
+				} else {
+					this.opacity = 0;
+				}
+			},
+			/* type2 点击分类 */
+			onLeftHome(type) {
+				this.type = type
+				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+				this.$refs.popup.open(type)
+			},
+			init() {
+				if (this.mysNavConfig.isHome) {
+					let pages = getCurrentPages().length;
+					/* 单页显示home图标 */
+					pages === 1 ? (this.isHome = true) : (this.isHome = false);
+				}
+				// 开启渐变 强制fixed
+				this.navBarTop = uni.getSystemInfoSync().statusBarHeight +
+					"px";
+				if (!this.mysNavConfig.opacity) {
+					this.opacity = 1;
+					!this.mysNavConfig.isOpacity ? (this.opacity = 1) : ((this
+						.mysNavConfig.navFixed = true), (this
+						.opacity = 0));
+				} else {
+					this.opacity = this.mysNavConfig.opacity;
+					!this.mysNavConfig.isOpacity ? "" : ((this.mysNavConfig
+						.navFixed = true), (this.opacity = 0));
+				}
+
+				// #ifdef MP
+				this.initMP();
+				// #endif
+				// #ifdef APP-PLUS-NVUE
+				this.navBarHeight = 44 + uni.getSystemInfoSync()
+					.statusBarHeight + "px";
+				// #endif
+			},
+			/* 小程序初始化位置 */
+			initMP() {
+				// getSystemInfoSync用于获取系统信息同步接口
+				let gS = uni.getSystemInfoSync();
+				// getMenuButtonBoundingClientRect用于获取胶囊按钮位置布局信息
+				let rect = uni.getMenuButtonBoundingClientRect();
+
+				let rectHeight = rect.height;
+				this.btnWidth = rect.width + "px";
+				this.btnHeight = rectHeight + "px";
+				this.iconW = Math.floor(rect.width / 4 - 5) + "px";
+				this.iconH = rectHeight / 2 + "px";
+				this.inputHeight = rectHeight - 3 + "px";
+				this.navBarTop = rect.top + "px";
+				this.navBarLeft = gS.screenWidth - rect.right + "px";
+				this.navBarRight = gS.screenWidth - rect.right + rect.width +
+					"px";
+				this.navBarHeight = gS.statusBarHeight + rectHeight + (rect
+					.top - gS.statusBarHeight) * 2 + "px";
+			},
+			toDetail(item) {
+				console.log("item:", item)
+				uni.navigateTo({
+					url: '/page_selectionsquare/selectiondetail/selectiondetail?id=' + item.selection_id +
+						'&pid=' + item.YounggeeProduct.product_id
+				});
+			},
+			async submitSearch() {
+				//被选中的hobby才会加入数据中，加入的是value数字
+				console.log('look-----', this.formData.hobby1)
+				console.log('look-----333333', this.formData.hobby3)
+				this.per = 0;
+				this.$refs.popup.close()
+				var filtCondition = ''
+				//各平台名字展示
+				// for (var i = 0; i < this.formData.hobby.length; i++) {
+				// 	filtCondition += "&platform[]" + "=" + this.formData.hobby[i]
+				// }
+
+				//"&secform[]=" 是一个固定的字符串部分，用来表示参数格式
+				//最后参数形如&secform[]=2&secform[]=3&secform[]=9
+				//样品形式
+				for (var j = 0; j < this.formData.hobby1.length; j++) {
+					filtCondition += "&secform[]" + "=" + this.formData.hobby1[j]
+				}
+
+				//任务形式
+				for (var j = 0; j < this.formData.hobby2.length; j++) {
+					filtCondition += "&taskform[]" + "=" + this.formData.hobby2[j]
+				}
+
+				//商品类目 
+				for (var j = 0; j < this.formData.hobby3.length; j++) {
+					filtCondition += "&categoryform[]" + "=" + this.formData.hobby3[j]
+				}
+
+				this.filtCondition = filtCondition
+				console.log("过滤条件", this.filtCondition)
+				uni.showLoading({
+					title: '加载中'
+				});
+				this.selectionList = []
+				await this.getSelectionListApi()
+				uni.hideLoading();
+			},
+			async reset() {
+				this.per = 0;
+				this.$refs.popup.close()
+				this.formData.hobby1 = [];
+				this.formData.hobby2 = [];
+				this.formData.hobby3 = [];
+				this.filtCondition = '';
+				uni.showLoading({
+					title: '加载中'
+				});
+				this.selectionList = []
+				await this.getSelectionListApi()
+				uni.hideLoading();
+			},
+			/* 点击左侧 */
+			onLeftClick() {
+				uni.navigateTo({
+					url: '/page_selectionsquare/search'
+				});
+			},
+			isLoginApi() {
+				return this.$https.get('/youngee/c/t/g/is-login')
+					.then(res => {
+						if (res.data.code === 403) {
+							// 登陆已失效
+							this.token = ""
+							uni.clearStorage();
+						} else {
+							this.token = uni.getStorageSync('token')
+						}
+					})
+			},
+			//获取一些info表中的信息----包含thirdplatform
+			//res是一个包含服务器响应的对象
+			getInfoListApi() {
+				return this.$http.get('/youngee/c/g/get-info-tables')
+					.then(res => {
+						this.hobby = []
+						this.platformList = res.data.data.ThirdPlatform
+						let l = this.platformList != null ? this.platformList.length : 0;
+						for (var i = 0; i < l; i++) {
+							var obj = {}
+							obj.text = this.platformList[i].platform_name
+							obj.value = this.platformList[i].id
+							this.hobby.push(obj)
+						}
+					})
+			},
+			getSelectionListApi() {
+				this.filtCondition =
+					"&secform[]=1&taskform[]=1&categoryform[]=1&categoryform[]=6&createTime[]=3"
+				//idx:当前页 cnt：每页展示个数
+				return this.$http.get('/youngee/c/g/get-selection-list' +
+					"?" +
+					"idx" +
+					"=" +
+					this.per +
+					"&cnt=20" +
+					"&" +
+					"sortField=" +
+					"sales_count" +
+					"sortOrder=1" +
+					"&searchvalue=" +
+					"桌面" +
+					this.filtCondition
+
+					// 20 + this.filtCondition
+					//请求发送后，使用 .then() 方法处理响应结果 res。
+				).then(res => {
+					if (res.data.code === 0) {
+						console.log("res is here------->: ", res)
+						// 获取res返回数据
+						this.max_page = res.data.data.max_page
+						let selectionList = res.data.data.SelectionDetail
+						const count = res.data.data.count
+						// 数据处理
+						if (selectionList === null) {
+							return
+						}
+						for (var i = 0; i < selectionList.length; i++) {
+							console.log("**** selectionList[i]****", selectionList[i])
+							this.product = selectionList[i].YounggeeProduct
+							this.younggeeProductPhoto = selectionList[i].YounggeeProductPhoto
+
+							// for (let j = 0; j < this.younggeeProductPhoto.length; ++j) {
+							// 	//1为主图，2为详情图，3为视频  selectionList[i]就是item
+							// 	if (this.younggeeProductPhoto[j].symbol == 1) {
+							// 		selectionList[i].coverphoto = this.younggeeProductPhoto[j].photo_url
+							// 	}
+							// }
+
+							for (var k = 0; k < this.platformList.length; k++) {
+								if (selectionList[i].platform === this.platformList[k].id) {
+									selectionList[i].platform_icon = this.platformList[k].platform_icon
+								}
+							}
+
+
+							//打印商品详情表
+							console.log(selectionList[i])
+							// 商品价格
+							selectionList[i].price = this.product.product_price
+							//高佣
+							selectionList[i].exclusive_commission = this.product.exclusive_commission
+							//预估赚
+							selectionList[i].show_earn = this.product.commission_price
+							//额外悬赏
+							if (selectionList[i].task_mode == 1) {
+								selectionList[i].show_task_reward = selectionList[i].RewardStrategy.per_reward
+							}
+
+							// 判断是否到期
+							selectionList[i].isFinished = this.isFinish(selectionList[i])
+							// 判断是否有库存
+							selectionList[i].isLacked = selectionList[i].remain_num == 0 ? true : false
+						}
+						//...selectionList 是扩展运算符的语法，它会将 selectionList 数组中的所有元素展开，并作为单独的参数传递给 push() 方法
+						//用于在原有数据的基础上添加新的数据
+						this.selectionList.push(...selectionList);
+					}
+				});
+			},
+			isFinish(selection) {
+				var timeNow = new Date();
+				var ddl = new Date(selection.task_ddl.replace(/-/g, "/"));
+				var diff = getDaysAndHoursBetweenDates(timeNow, ddl);
+				let remain_days = diff.days;
+				let remain_hours = diff.hours;
+				if (remain_days <= 0 & remain_hours <= 0) return true;
+				// let remain_days = getDaysBetweenDates(timeNow, ddl);
+				// if (remain_days < 0) return true;
+				else return false;
+			},
+			toggle4(type) {
+				this.type4 = type
+				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+				this.$refs.popup4.open(type)
+				// this.$refs.popup1.close()
+			},
+			// 保存图片
+			async saveImage() {
+				// showToast('保存成功')
+				wx.downloadFile({
+					url: this.kefuUrl,
+					success: function(res) {
+						wx.saveImageToPhotosAlbum({
+							filePath: res.tempFilePath,
+							success: function(data) {
+								wx.showToast({
+									title: "保存成功",
+									icon: "success",
+									duration: 2000
+								})
+							},
+							fail: function(err) {
+								console.log(err);
+							},
+							complete(res) {
+								console.log(res);
+							}
+						})
+					}
+				})
+			},
+			closepop() {
+				this.$refs.popup4.close()
+			},
+			xieyi() {
+				console.log('进入联系我们')
+			},
+			pick(item) {
+				console.log(item)
+				uni.navigateTo({
+					url: item.name
+				});
+			},
+		}
+	}
+</script>
+
+<style>
+	/deep/ .share .uni-popup .uni-popup__wrapper {
+		width: 80% !important;
+		border-radius: 15rpx !important;
+	}
+</style>
+<style lang="scss" scoped>
+	//nav
+	.nav {
+		position: relative;
+	}
+
+	.nv_padding {
+		height: 88upx;
+		background-color: transparent;
+	}
+
+	/* 图标默认大小 */
+	.nv_icon {
+		width: 16px;
+		height: 16px;
+	}
+
+	.bg_box {
+		position: absolute;
+		width: 750upx;
+		height: 88upx;
+
+		z-index: 10;
+		top: 0;
+		background-color: transparent;
+		/* #ifdef MP */
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifndef APP-PLUS-NVUE */
+		background-size: cover;
+		background-repeat: no-repeat;
+		background-position: center center;
+		/* #endif */
+	}
+
+	.mys_navBar {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		height: 88upx;
+		/* #endif */
+		// #ifdef MP
+		box-sizing: border-box;
+		// #endif
+		width: 750upx;
+		flex-direction: row;
+		background-color: transparent;
+		position: absolute;
+		z-index: 10;
+		top: 0;
+	}
+
+	.fixed {
+		position: fixed;
+	}
+
+	/*
+ left 按钮
+*/
+	.btn_type {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		/* #ifdef APP-PLUS-NVUE */
+		margin-left: 16upx;
+		/* #endif */
+		// #ifndef MP
+		align-items: center;
+		// #endif
+		flex: 1;
+		flex-direction: row;
+		// background-color: #fff;
+	}
+
+	.btn_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		margin-left: 16upx;
+		/* #endif */
+		flex-direction: row;
+		// #ifndef MP
+		align-items: center;
+		// #endif
+	}
+
+	.btn_back,
+	.btn_home {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		/* #ifndef APP-PLUS-NVUE */
+		height: 100%;
+		/* #endif */
+		/* #ifdef APP-PLUS-NVUE */
+		width: 76upx;
+		height: 62upx;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+	}
+
+	/* 按钮类型1 */
+	.nav_btn_t1 {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		// #ifdef MP
+		box-sizing: border-box;
+		// #endif
+		flex-direction: row;
+		align-items: center;
+		border-style: solid;
+		border-width: 1px;
+		border-color: #C0C0C0;
+		// background-color: rgba(0, 0, 0, 0.2);
+		background-color: #FFFFFF;
+		width: 130upx;
+		height: 45upx;
+	}
+
+	.line {
+		width: 1upx;
+		height: 60%;
+		/* #ifdef APP-PLUS-NVUE */
+		height: 30upx;
+		/* #endif */
+		background-color: #C0C0C0;
+	}
+
+	/*
+标题
+ */
+	.title_container {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		position: absolute;
+		left: 375upx;
+		bottom: 0;
+		transform: translateX(-50%);
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.title_text {
+		// flex: 1;
+		text-overflow: ellipsis;
+		/* #ifndef APP-PLUS-NVUE */
+		white-space: nowrap;
+		overflow: hidden;
+		font-weight: 550;
+
+		/* #endif */
+		/* #ifdef APP-PLUS-NVUE */
+		lines: 1;
+		/* #endif */
+	}
+
+	/* 
+左边自定义
+ */
+	.my_left_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.my_left_icon {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifndef MP */
+		margin-left: 18upx;
+		/* #endif */
+	}
+
+	.my_left_custom {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		// justify-content: center;
+	}
+
+	/* 文字 */
+	.leftText {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding-left: 4upx;
+		font-size: 15px;
+	}
+
+	/* 
+中间
+ */
+	.my_custom_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+	}
+
+	/*
+搜索框 
+ */
+	.nv_search_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		flex: 1;
+
+		/* #ifndef MP */
+		height: 60upx;
+		/* #endif */
+		background-color: #f8f8f8;
+		padding-right: 20upx;
+		padding-left: 20upx;
+		border-radius: 60upx;
+		margin-right: 15upx;
+		margin-left: 15upx;
+	}
+
+	.nv_input {
+		flex: 1;
+		padding-left: 16upx;
+		font-size: 13px;
+	}
+
+	.close {
+		width: 50upx;
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifndef MP */
+		height: 62upx;
+		/* #endif */
+	}
+
+	/* 
+右边 自定义
+ */
+	.my_right_icon {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifndef MP */
+		// min-width: 70upx;
+		/* #endif */
+		padding-left: 6px;
+		padding-right: 10px;
+	}
+
+	.imge image {
+		width: 100%;
+		height: 260rpx;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.option1 {
+		padding: 5rpx 18rpx;
+
+		/deep/.uni-data-checklist .checklist-group .checklist-box .checklist-content {
+			text-align: center;
+		}
+	}
+
+	.option2 {
+		padding: 5rpx 18rpx;
+	}
+
+	.option3 {
+		padding: 5rpx 18rpx;
+
+		/deep/.uni-data-checklist .checklist-group .checklist-box .checklist-content {
+			// width: 120rpx;
+			text-align: center;
+		}
+	}
+
+	.butmin {
+		// height: 48rpx;
+		width: 250rpx;
+		background-color: #FCCF41;
+		line-height: 48rpx;
+	}
+
+	.butmin1 {
+		// height: 48rpx;
+		width: 250rpx;
+		background-color: #fff;
+		border: #000000 1rpx solid;
+		line-height: 48rpx;
+	}
+
+	//弹出层
+	/deep/ .uni-data-checklist .checklist-group .checklist-box {
+		background-color: #FFFFFF !important;
+		border-radius: 20rpx !important;
+		padding: 8rpx 30rpx !important;
+		border: 0 !important;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
+		font-size: 24rpx;
+		color: #333333;
+	}
+
+	/deep/ .mini-btn {
+		height: 70rpx;
+		width: 250rpx;
+		line-height: 70rpx;
+		margin: 20rpx;
+		letter-spacing: 4rpx;
+		background-color: #FCCF41;
+	}
+
+	/deep/ .mini-btn1 {
+		height: 70rpx;
+		width: 400rpx;
+		line-height: 70rpx;
+		margin: 20rpx;
+		letter-spacing: 4rpx;
+		color: white;
+		;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
+		background-color: #FCCF41 !important;
+	}
+
+	.butto {
+		text-align: center;
+	}
+
+	.swiper {
+		height: 300rpx;
+	}
+
+	.swiper-item {
+		display: block;
+		height: 300rpx;
+		line-height: 300rpx;
+		text-align: center;
+	}
+
+	.swiper-list {
+		margin-top: 40rpx;
+		margin-bottom: 0;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.commodity {
+		margin-top: 10rpx;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+
+	.project {
+		width: 49%;
+		height: 550rpx;
+		border-radius: 20rpx;
+		margin-bottom: 4%;
+	}
+
+	.projectdiagram {
+		width: 100%;
+		height: 61%;
+		background-size: 100% 100%;
+		position: relative;
+		border-radius: 10rpx;
+	}
+
+	.projecttext {
+		// padding-top: 5%;
+		padding: 0 0 0 1%;
+		// height: 80rpx;
+	}
+
+	.projecttext span {
+		color: #333333;
+		font-size: 25rpx;
+		font-weight: 550;
+		text-indent: 2em;
+	}
+
+	.projecttext image {
+		vertical-align: middle;
+		width: 30rpx;
+		height: 30rpx;
+		display: inline-block;
+		margin-right: 14rpx;
+	}
+
+	.projectinfo {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 5%;
+	}
+
+	.projectinfotxt {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.projectinfotxt p {
+		color: #767272;
+		font-size: 20rpx;
+		margin: 5rpx 0;
+	}
+
+	.projectinfotag {
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+	}
+
+	// 美化背景色
+	.section {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 20rpx;
+		margin: 6rpx 0;
+		color: #ffffff;
+	}
+
+
+	.section1 {
+		background-image: linear-gradient(to top, #c54529, #e38e3e);
+		border-radius: 8px;
+		width: 140rpx;
+		height: 45rpx;
+		text-align: center;
+		line-height: 40rpx;
+
+	}
+
+	.section2 {
+		background-image: linear-gradient(to top, #6991e1, #db9c53);
+		border-radius: 8px;
+		width: 200rpx;
+		height: 45rpx;
+		text-align: center;
+		line-height: 40rpx;
+	}
+
+	.TitleText {
+		// height: 30rpx;
+		width: 120rpx;
+		height: 45rpx;
+		background-color: #f70606;
+		border-radius: 20rpx;
+		display: inline-block;
+		text-align: center;
+		// padding: 0rpx 10rpx 0rpx 10rpx;
+		margin-right: 6%;
+		line-height: 42rpx;
+	}
+
+	.TitleText p {
+		color: #fff;
+		font-size: 20rpx;
+	}
+
+	.Mask {
+		position: absolute;
+		background-color: #000000;
+		opacity: 0.6;
+		width: 100%;
+		height: 100%;
+		// z-index: 999;
+		text-align: center;
+		border-radius: 20rpx;
+	}
+
+	.Mask image {
+		width: 50%;
+		height: 52%;
+		padding-top: 25%;
+	}
+
+	.contt {
+		position: relative;
+	}
+
+	.contact {
+		position: fixed;
+		top: 80%;
+		right: 13%;
+	}
+
+	//弹窗
+	.sharepage {
+		// width: 90%;
+		margin: 0 auto;
+		// position: relative;
+	}
+
+
+	/deep/ .share.uni-popup .uni-popup__wrapper {
+		width: 70%;
+
+		border-radius: 15rpx;
+	}
+
+	.projecttext1 {
+		// padding-top: 5%;
+		padding: 0 0 0 1%;
+		height: 80rpx;
+		margin: 5% 0;
+		text-align: center;
+	}
+
+	.projecttext1 image {
+		vertical-align: middle;
+		width: 80rpx;
+		height: 80rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.sharemap {
+		margin: 0 auto;
+		text-align: center;
+		// margin-top: 15%;
+		// margin-bottom: 15%;
+	}
+
+	.sharemap image {
+		width: 400rpx;
+		height: 400rpx;
+
+	}
+
+	.sharetxt {
+		height: 100rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sharetxt text {
+		font-size: 24rpx;
+		text-align: left;
+		line-height: 20rpx
+	}
+
+	.butmin {
+		// height: 48rpx;
+		width: 250rpx;
+		background-color: #FCCF41;
+		line-height: 48rpx;
+	}
+
+	.butmin1 {
+		// height: 48rpx;
+		width: 250rpx;
+		background-color: #fff;
+		border: #000000 1rpx solid;
+		line-height: 48rpx;
+	}
+
+	.share {
+		text-align: center;
+		line-height: 10rpx;
+		margin-top: 10rpx;
+	}
+
+	.share image {
+		vertical-align: middle;
+		width: 25rpx;
+		height: 25rpx;
+		display: inline-block
+	}
+
+	.share p {
+		// display: inline-block;
+		font-size: 24rpx;
+		// color: #333333;
+	}
+
+	.img1 {
+		width: 84rpx;
+		height: 124rpx;
+		position: absolute;
+
+	}
+
+	.demo-uni-row {
+		margin-bottom: 10px;
+
+		// 组件在小程序端display为inline
+		// QQ、抖音小程序文档写有 :host，但实测不生效
+		// 百度小程序没有 :host
+		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
+		/* #endif */
+	}
+
+	// 支付宝小程序没有 demo-uni-row 层级
+	// 微信小程序使用了虚拟化节点，没有 demo-uni-row 层级
+	/* #ifdef MP-ALIPAY || MP-WEIXIN */
+	::v-deep .uni-row {
+		margin-bottom: 10px;
+	}
+
+	/* #endif */
+
+	.demo-uni-col {
+		height: 36px;
+		border-radius: 5px;
+	}
+
+	.dark_deep {
+		background-color: #99a9bf;
+	}
+
+	.dark {
+		background-color: #d3dce6;
+	}
+
+	.light {
+		background-color: #e5e9f2;
+	}
+
+	.example-body {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		padding: 5rpx 10rpx 0;
+		overflow: hidden;
+	}
 </style>

pages/tasksquare/tasksquare.vue

@@ -1,1434 +1,1437 @@
-<template>
-	<view class="nav">
-		<view class="bg_box" style="background-color: #FFFFFF;" :style="{
-      backgroundImage: mysNavConfig.bgImage,
-      paddingTop: navBarTop,
-      height: navBarHeight,
-      opacity: opacity,
-    }" :class="{ fixed: mysNavConfig.navFixed }"></view>
-		<view class="mys_navBar" :style="{
-    paddingTop: navBarTop,
-    height: navBarHeight,
-    paddingRight: navBarRight,
-   }" :class="{ fixed: mysNavConfig.navFixed }">
-			<!-- 左slot -->
-			<view class="my_left_custom" :style="{ height: btnHeight }">
-				<slot name="left"></slot>
-			</view>
-			<view class="btn_type" :style="{ height: btnHeight }">
-				<view class="btn_box nav_btn_t1" :style="{
-          width: btnWidth,
-          height: btnHeight,
-          marginLeft: navBarLeft,
-          borderRadius: mysNavConfig.type2Config.radius,
-        }">
-					<view class="btn_back" @tap="onLeftClick()">
-						<image class="nv_icon" :src="mysNavConfig.type2Config.leftPath"
-							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
-					</view>
-					<view class="line"></view>
-					<view class="btn_home" @tap="onLeftHome('top')">
-						<image class="nv_icon" :src="mysNavConfig.type2Config.rightPath"
-							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
-					</view>
-				</view>
-				<!-- 标题 -->
-				<view class="title_container" v-if="!mysNavConfig.searchConfig"
-					:style="{ top: navBarTop, height: btnHeight }">
-					<text class="title_text" v-if="!!mysNavConfig.navTitle" :style="{
-          color: mysNavConfig.navTitle.color,
-          fontSize: mysNavConfig.navTitle.fontSize,
-          fontWeight: mysNavConfig.navTitle.fontWeight,
-        }">{{ mysNavConfig.navTitle.text }}</text>
-					<slot name="center2"></slot>
-				</view>
-			</view>
-		</view>
-		<!-- <aTip text="点击添加到我的小程序 \n下次访问更方便哦！" isCustom="true" /> -->
-		<view :style="{marginTop:navH}"></view>
-		<view class="home">
-			<view>
-				<!-- 普通弹窗 -->
-				<uni-popup ref="popup" background-color="#fff" @change="change">
-					<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-						<view class="option1" style="margin-top: 20%;">
-							<h3 style="margin-bottom: 10rpx;">社媒平台</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby" :localdata="hobby">
-							</uni-data-checkbox>
-						</view>
-						<view class="option2">
-							<h3 style="margin-bottom: 10rpx;">稿费形式</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby1" :localdata="hobby1">
-							</uni-data-checkbox>
-						</view>
-						<view class="option3">
-							<h3 style="margin-bottom: 10rpx;">任务形式</h3>
-							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby2" :localdata="hobby2">
-							</uni-data-checkbox>
-						</view>
-						<view class="butto">
-							<button class="mini-btn" size="mini" @tap="Reset">重置</button>
-							<button class="mini-btn" size="mini" @tap="determine">确定</button>
-						</view>
-					</view>
-				</uni-popup>
-			</view>
-			<!-- 	<view class="imge">
-				<image src="../../static/home/home1.png" mode=""></image>
-			</view> -->
-			<view class="uni-margin-wrap">
-				<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
-					:interval="interval" :duration="duration">
-					<swiper-item v-for="item in list1" @click="pick(item)">
-						<image :src="item.img" mode="scaleToFill" style="width: 100%;height: 100%;"></image>
-					</swiper-item>
-				</swiper>
-			</view>
-
-			<view class="commodity" style="margin-top: 3%;">
-				<view class="project" v-for="(item,index) in projectList" :key="index" @tap="project(item)">
-					<view class="projectdiagram" :style="{backgroundImage:`url(${item.coverphoto})`}">
-						<view class="Mask" v-if="item.ddl">
-							<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home4.png" mode="">
-							</image>
-						</view>
-						<view style="padding-left: 4%;padding-top: 2%;">
-						</view>
-					</view>
-					<view class="projecttext">
-						<image :src="item.project_imgper" mode=""></image>
-						<span>{{item.project_name|ellipsis}}</span>
-					</view>
-					<view style="padding-left: 1%;">
-						<view class="TitleText" v-if="item.isself===1">
-							<p>自报价</p>
-						</view>
-						<view class="TitleText" v-if="item.isfixedfee===1">
-							<p>固定稿费</p>
-						</view>
-						<view class="TitleText" v-if="item.project_form===3">
-							<p>线下探店</p>
-						</view>
-					</view>
-
-					<view class="introduction">
-						<view class="rleft" style="">
-							<p>商品价值： <span
-									style="color: red;font-weight: 600;">￥{{item.ProductInfo.ProductPrice}}</span></p>
-						</view>
-						<view class="rright" style="display: flex;justify-content:space-between;">
-							<p>招募人数： <span style="color: balck;font-weight: 600;">{{item.taskNum}}</span></p>
-							<p>报名人数： <span style="color: balck;font-weight: 600;">{{item.apply_num}}</span></p>
-							<p>浏览量： <span style="color: balck;font-weight: 600;">{{item.watched_num}}</span></p>
-						</view>
-
-					</view>
-				</view>
-			</view>
-		</view>
-		<!-- 普通弹窗  公众号-->
-		<uni-popup ref="popup4" class="share" background-color="#fff" @change="change" :maskClick="false">
-			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
-				<view class="sharepage">
-					<view class="projecttext1">
-						<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png"
-							style="width: 250rpx; height: 80rpx;" mode=""></image>
-						<!-- <span>YoungGee</span> -->
-					</view>
-					<view class="sharemap">
-						<image :src="kefuUrl" style="width: 400rpx;height: 400rpx;" mode=""></image>
-					</view>
-					<view style="margin: 30rpx 0;">
-						<button class="butmin1" size="mini" @tap="saveImage">保存二维码</button>
-					</view>
-					<view class="sharetxt">
-						<text>
-							使用样叽的过程中，有任何疑问，\n
-							请添加上方微信。\n
-							我们保证及时全力为您解决！
-						</text>
-					</view>
-					<view style="margin: 30rpx 0;">
-						<button class="butmin" size="mini" @tap="closepop">知道了</button>
-					</view>
-				</view>
-
-			</view>
-		</uni-popup>
-		<view class="contact" @click="toggle4('center')">
-			<view class="contt">
-				<!-- <image class="img2" src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home2.png" mode=""></image> -->
-				<image class="img1"
-					src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu_20211124192542.png" mode="">
-				</image>
-
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	import aTip from "@/components/mys-tip_1.0.01/a_tip/aTip";
-	import request from '@/components/request.js';
-	import {
-		saveImageToPhotosAlbum,
-		showToast,
-		downloadFile
-	} from '@/uni_modules/sakura-canvas/js_sdk/util'
-	/* 默认首页路径 */
-	const homePath = "/pages/tasksquare/tasksquare";
-	/* 默认首页图标路径 */
-	const homeIconPath = "/static/img/png4.png";
-	/* 默认返回图标路径 */
-	const backIconPath = "/static/img/png2.png";
-	export default {
-		props: {
-			mysNavConfig: {
-				type: Object,
-				default () {
-					return {
-						/* 固定导航 */
-						navFixed: true,
-						/* 开启单页显示首页图标 */
-						isHome: true,
-						/* 占位开启 */
-						navPadding: true,
-						/* 背景 */
-						bgColor: "#f8f8f8",
-						/* 渐变色 */
-						opacity: 1,
-						/* 渐变开启 */
-						isOpacity: false,
-						/* 渐变延时效果 */
-						opacityTime: 100,
-						/* 左侧按钮样式 可选 type1 type2 （type2根据小程序胶囊位置调整） */
-						btnType: "type1",
-						/* type1 左侧文字配置 */
-						leftText: {
-							text: "",
-							color: "",
-							fontSize: "16px", // px upx rpx
-							fontWeight: "", // blod
-						},
-						/* 标题 */
-						navTitle: {
-							text: "种草",
-							color: "",
-							fontSize: "32rpx", // px upx rpx
-							fontWeight: "normal", // blod
-						},
-						/* type2 按钮 */
-						type2Config: {
-							// 左图标
-							leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png3.png",
-							// 右图标
-							rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png1.png",
-							// 圆角
-							radius: "40rpx",
-						},
-					};
-				},
-			},
-			scrollTop: {
-				type: Number,
-				default: function() {
-					return 0;
-				},
-			},
-		},
-		filters: {
-			ellipsis(value) {
-				if (!value) return "";
-				if (value.length > 20) {
-					return value.slice(0, 20) + "...";
-				}
-				return value;
-			},
-		},
-		components: {
-			aTip
-		},
-		data() {
-			return {
-				navH: getApp().globalData.navHeight,
-				kefuUrl: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu.jpeg",
-				token: '',
-				per: 0,
-				type4: 'center',
-				//轮播图
-				img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
-				background: ['color1', 'color2', 'color3'],
-				indicatorDots: true,
-				autoplay: true,
-				interval: 3000,
-				duration: 1000,
-				list1: [{
-						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
-						name: '/page_tasksquare/banner/guide'
-					},
-					{
-						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home7.png',
-						name: '/page_tasksquare/banner/cooperation'
-						// name: 'http://www.baidu.com/'
-					}
-					// {
-					// 	img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent_upload/guanwang.png',
-					// 	name: '/page_tasksquare/banner/guanwang'
-					// 	// name: 'http://www.baidu.com/'
-					// }
-				],
-
-
-				//弹窗
-				type: 'center',
-				formData: {
-					hobby: [],
-					hobby1: [],
-					hobby2: [],
-				},
-				hobby: [{
-					text: '小红书',
-					value: 1
-				}, {
-					text: '抖音',
-					value: 2
-				}, {
-					text: '微博',
-					value: 3
-				}, {
-					text: '快手',
-					value: 4
-				}, {
-					text: 'B站',
-					value: 5
-				}, {
-					text: '大众点评',
-					value: 6
-				}, {
-					text: '知乎',
-					value: 7
-				}],
-				hobby1: [{
-					text: '产品置换',
-					value: 1
-				}, {
-					text: '固定稿费',
-					value: 2
-				}, {
-					text: '自报价',
-					value: 3
-				}],
-				hobby2: [{
-					text: '实体商品寄拍',
-					value: 1
-				}, {
-					text: '虚拟产品测评',
-					value: 2
-				}, {
-					text: '线下探店打卡',
-					value: 3
-				}],
-
-				iconW: undefined,
-				iconH: undefined,
-				btnWidth: undefined,
-				btnHeight: undefined,
-				navBarTop: undefined,
-				navBarHeight: undefined,
-				navBarLeft: undefined,
-				navBarRight: undefined,
-				inputHeight: undefined,
-				opacity: 0,
-				isHome: false,
-				homeIconPath: homeIconPath,
-				backIconPath: backIconPath,
-				img: '../../static/home/home.png',
-				// 最多显示页数
-				max_page: '',
-				tupian: {
-					wen: '原创图片',
-					lin: 1,
-				},
-				projectList: [],
-				img456: '../../static/home/home.png',
-				platformList: [],
-				filtCondition: '',
-			};
-		},
-		computed: {
-			isSharePage() {},
-		},
-		watch: {
-			scrollTop(val) {
-				if (!this.mysNavConfig.isOpacity) {
-					return;
-				}
-				this.setOpacity(val, this.mysNavConfig.opacityTime);
-			},
-		},
-		onShow() {
-			this.isLogin()
-		},
-		onLoad() {
-			this.getInfoList()
-			this.per = 0
-			this.getProjectListAPI()
-		},
-		//下拉刷新
-		onPullDownRefresh() {
-			this.per = 0
-			this.getProjectListAPI()
-			//停止下拉刷新
-			uni.stopPullDownRefresh()
-		},
-		// 下拉懒加载
-		async onReachBottom() {
-			++this.per;
-			if (this.per >= this.max_page) {
-				uni.showToast({
-					title: "已加载全部"
-				})
-			} else {
-				uni.showLoading({
-					title: '加载中'
-				})
-				await this.$http.get('/youngee/c/g/get-project-list' +
-					"?" +
-					"idx" +
-					"=" +
-					this.per +
-					"&cnt" +
-					"=" +
-					20 + this.filtCondition
-				).then(res => {
-					console.log(res)
-					this.max_page = res.data.data.max_page
-					for (var i = 0; i < res.data.data.ProjectInfos.length; i++) {
-						// 封面图片
-						res.data.data.ProjectInfos[i].ProductInfo = JSON.parse(res.data.data.ProjectInfos[i]
-							.product_snap);
-
-						// 封面图片
-						let ProductPhoto = JSON.parse(res.data.data.ProjectInfos[i].product_photo_snap);
-						for (let j = 0; j < ProductPhoto.length; ++j) {
-							if (ProductPhoto[j].Symbol == 1) {
-								res.data.data.ProjectInfos[i].coverphoto = ProductPhoto[j].PhotoUrl
-							}
-						}
-						// res.data.data.ProjectInfos[i].coverphoto = res.data.data.ProjectInfos[i]
-						// 	.ProductInfo
-						// 	.ProductCovers.photo_url
-						// 获取平台图片
-						for (var j = 0; j < this.platformList.length; j++) {
-							if (res.data.data.ProjectInfos[i].project_platform === this.platformList[j]
-								.id) {
-								res.data.data.ProjectInfos[i].project_imgper = this.platformList[j]
-									.platform_icon
-							}
-						}
-
-						// 任务数量&稿费形式
-						res.data.data.ProjectInfos[i].taskNum = 0
-						res.data.data.ProjectInfos[i].isfixedfee = 0
-						res.data.data.ProjectInfos[i].isself = 0
-						let lengthOfRecruitStrategys = res.data.data.ProjectInfos[i]
-							.RecruitStrategys != null ? res.data.data.ProjectInfos[i]
-							.RecruitStrategys
-							.length : 0
-						for (var j = 0; j < lengthOfRecruitStrategys; j++) {
-							res.data.data.ProjectInfos[i].taskNum = Number(res.data.data
-								.ProjectInfos[i]
-								.taskNum) + Number(res.data.data.ProjectInfos[i]
-								.RecruitStrategys[j]
-								.recruit_number)
-
-							if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 2) {
-								res.data.data.ProjectInfos[i].isfixedfee = 1
-							}
-							if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 3) {
-								res.data.data.ProjectInfos[i].isself = 1
-							}
-						}
-						//结束时间
-						var newdate = new Date()
-						// console.log(newdate)
-						var endTime = new Date(res.data.data.ProjectInfos[i].recruit_ddl.replace(
-							/-/g, "/"));
-						res.data.data.ProjectInfos[i].ddl = endTime - newdate < 0 || res.data.data
-							.ProjectInfos[i]
-							.project_status > 4 ? 1 : 0
-						res.data.data.ProjectInfos[i].recruit_ddl = this.thistime(res.data.data
-							.ProjectInfos[i]
-							.recruit_ddl)
-					}
-					this.projectList.push.apply(this.projectList, res.data.data.ProjectInfos);
-					console.log(this.projectList)
-				})
-				uni.hideLoading();
-			}
-		},
-		methods: {
-			getProjectListAPI() {
-				return this.$http.get('/youngee/c/g/get-project-list' +
-					"?" +
-					"idx" +
-					"=" +
-					this.per +
-					"&cnt" +
-					"=" +
-					20 + this.filtCondition
-				).then(res => {
-					console.log('种草list返回：',res)
-					if (res.data.code === 0) {
-						for (var i = 0; i < res.data.data.ProjectInfos.length; i++) {
-							res.data.data.ProjectInfos[i].ProductInfo = JSON.parse(res.data.data.ProjectInfos[i]
-								.product_snap);
-
-							// 封面图片
-							let ProductPhoto = JSON.parse(res.data.data.ProjectInfos[i].product_photo_snap);
-							for (let j = 0; j < ProductPhoto.length; ++j) {
-								if (ProductPhoto[j].Symbol == 1) {
-									res.data.data.ProjectInfos[i].coverphoto = ProductPhoto[j].PhotoUrl
-								}
-							}
-							// res.data.data.ProjectInfos[i].coverphoto = res.data.data.ProjectInfos[i]
-							// 	.ProductInfo
-							// 	.ProductCovers.photo_url
-							// 获取平台图片
-							for (var j = 0; j < this.platformList.length; j++) {
-								if (res.data.data.ProjectInfos[i].project_platform === this.platformList[j]
-									.id) {
-									res.data.data.ProjectInfos[i].project_imgper = this.platformList[j]
-										.platform_icon
-								}
-							}
-
-							// 任务数量&稿费形式
-							res.data.data.ProjectInfos[i].taskNum = 0
-							res.data.data.ProjectInfos[i].isfixedfee = 0
-							res.data.data.ProjectInfos[i].isself = 0
-							let lengthOfRecruitStrategys = res.data.data.ProjectInfos[i]
-								.RecruitStrategys != null ? res.data.data.ProjectInfos[i]
-								.RecruitStrategys
-								.length : 0
-							for (var j = 0; j < lengthOfRecruitStrategys; j++) {
-								res.data.data.ProjectInfos[i].taskNum = Number(res.data.data
-									.ProjectInfos[i]
-									.taskNum) + Number(res.data.data.ProjectInfos[i]
-									.RecruitStrategys[j]
-									.recruit_number)
-
-								if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 2) {
-									res.data.data.ProjectInfos[i].isfixedfee = 1
-								}
-								if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 3) {
-									res.data.data.ProjectInfos[i].isself = 1
-								}
-							}
-							//结束时间
-							var newdate = new Date()
-							// console.log(newdate)
-							var endTime = new Date(res.data.data.ProjectInfos[i].recruit_ddl.replace(
-								/-/g, "/"));
-							res.data.data.ProjectInfos[i].ddl = endTime - newdate < 0 || res.data.data
-								.ProjectInfos[i]
-								.project_status > 4 ? 1 : 0
-							res.data.data.ProjectInfos[i].recruit_ddl = this.thistime(res.data.data
-								.ProjectInfos[i]
-								.recruit_ddl)
-						}
-						this.max_page = res.data.data.max_page
-						this.projectList = res.data.data.ProjectInfos;
-					} else if (res.data.code === -4) {
-						uni.showToast({
-							title: "暂无任务"
-						})
-						this.max_page = 1
-						this.projectList = []
-
-					} else {
-						uni.showToast({
-							title: res.data.msg
-						})
-						this.max_page = 1
-						this.projectList = []
-					}
-				})
-			},
-			// 判断登陆是否过期
-			isLogin() {
-				return this.$https.get('/youngee/c/t/g/is-login')
-					.then(res => {
-						if (res.data.code === 403) {
-							// 登陆已失效
-							this.token = ""
-							uni.clearStorage();
-						} else {
-							this.token = uni.getStorageSync('token')
-						}
-					})
-			},
-			// 信息表
-			getInfoList() {
-				return this.$http.get('/youngee/c/g/get-info-tables')
-					.then(res => {
-						this.hobby = []
-						this.platformList = res.data.data.ThirdPlatform
-						let l = this.platformList != null ? this.platformList.length : 0;
-						for (var i = 0; i < l; i++) {
-							var obj = {}
-							obj.text = this.platformList[i].platform_name
-							obj.value = this.platformList[i].id
-							this.hobby.push(obj)
-						}
-					})
-			},
-			guid() {
-				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-					var r = Math.random() * 16 | 0,
-						v = c === 'x' ? r : (r & 0x3 | 0x8);
-
-					return v.toString(16);
-				});
-			},
-			// 计算结束时间
-			thistime(val) {
-				// 转换格式
-				var beginTime = new Date(val.replace(/-/g, "/"));
-				// 当前时间
-				var thisTime = new Date();
-				// 相减
-				var dateMiss = beginTime.getTime() - thisTime.getTime();
-				// 天数
-				var day = Math.floor(dateMiss / (24 * 3600 * 1000));
-				// 减去天数剩下的毫秒数
-				var backOne = dateMiss % (24 * 3600 * 1000);
-				// 小时数
-				var hours = Math.floor(backOne / (3600 * 1000));
-				var deadline_time = '',
-					deadline_time = day + '天' + hours + '时结束'
-				return deadline_time
-			},
-			pick(item) {
-				console.log(item)
-				uni.navigateTo({
-					url: item.name
-				});
-			},
-
-
-			//弹出层
-			change(e) {
-				console.log('当前模式：' + e.type + ',状态：' + e.show);
-			},
-			async determine() {
-				this.per = 0;
-				this.$refs.popup.close()
-				var filtCondition = ''
-				for (var i = 0; i < this.formData.hobby.length; i++) {
-					filtCondition += "&platform[]" + "=" + this.formData.hobby[i]
-				}
-				for (var j = 0; j < this.formData.hobby1.length; j++) {
-					filtCondition += "&feeform[]" + "=" + this.formData.hobby1[j]
-				}
-				for (var j = 0; j < this.formData.hobby2.length; j++) {
-					filtCondition += "&projectform[]" + "=" + this.formData.hobby2[j]
-				}
-				this.filtCondition = filtCondition
-				uni.showLoading({
-					title: '加载中'
-				});
-				await this.getProjectListAPI()
-				uni.hideLoading();
-			},
-			async Reset() {
-				this.per = 0;
-				this.$refs.popup.close()
-				this.formData.hobby = [];
-				this.formData.hobby1 = [];
-				this.formData.hobby2 = [];
-				this.filtCondition = '';
-				uni.showLoading({
-					title: '加载中'
-				});
-				await this.getProjectListAPI()
-				uni.hideLoading();
-			},
-			toggle4(type) {
-				this.type4 = type
-				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-				this.$refs.popup4.open(type)
-				// this.$refs.popup1.close()
-			},
-			// 保存图片
-			async saveImage() {
-				// showToast('保存成功')
-				wx.downloadFile({
-					url: this.kefuUrl,
-					success: function(res) {
-						wx.saveImageToPhotosAlbum({
-							filePath: res.tempFilePath,
-							success: function(data) {
-								wx.showToast({
-									title: "保存成功",
-									icon: "success",
-									duration: 2000
-								})
-							},
-							fail: function(err) {
-								console.log(err);
-							},
-							complete(res) {
-								console.log(res);
-							}
-						})
-					}
-				})
-			},
-			closepop() {
-				this.$refs.popup4.close()
-			},
-			xieyi() {
-				console.log('进入联系我们')
-			},
-			init() {
-				if (this.mysNavConfig.isHome) {
-					let pages = getCurrentPages().length;
-					/* 单页显示home图标 */
-					pages === 1 ? (this.isHome = true) : (this.isHome = false);
-				}
-				// 开启渐变 强制fixed
-				this.navBarTop = uni.getSystemInfoSync().statusBarHeight +
-					"px";
-				if (!this.mysNavConfig.opacity) {
-					this.opacity = 1;
-					!this.mysNavConfig.isOpacity ? (this.opacity = 1) : ((this
-						.mysNavConfig.navFixed = true), (this
-						.opacity = 0));
-				} else {
-					this.opacity = this.mysNavConfig.opacity;
-					!this.mysNavConfig.isOpacity ? "" : ((this.mysNavConfig
-						.navFixed = true), (this.opacity = 0));
-				}
-
-				// #ifdef MP
-				this.initMP();
-				// #endif
-				// #ifdef APP-PLUS-NVUE
-				this.navBarHeight = 44 + uni.getSystemInfoSync()
-					.statusBarHeight + "px";
-				// #endif
-			},
-			/* 小程序初始化位置 */
-			initMP() {
-				// getSystemInfoSync用于获取系统信息同步接口
-				let gS = uni.getSystemInfoSync();
-				// getMenuButtonBoundingClientRect用于获取胶囊按钮位置布局信息
-				let rect = uni.getMenuButtonBoundingClientRect();
-
-				let rectHeight = rect.height;
-				this.btnWidth = rect.width + "px";
-				this.btnHeight = rectHeight + "px";
-				this.iconW = Math.floor(rect.width / 4 - 5) + "px";
-				this.iconH = rectHeight / 2 + "px";
-				this.inputHeight = rectHeight - 3 + "px";
-				this.navBarTop = rect.top + "px";
-				this.navBarLeft = gS.screenWidth - rect.right + "px";
-				this.navBarRight = gS.screenWidth - rect.right + rect.width +
-					"px";
-				this.navBarHeight = gS.statusBarHeight + rectHeight + (rect
-					.top - gS.statusBarHeight) * 2 + "px";
-			},
-			/* 点击左侧 */
-			onLeftClick() {
-				uni.navigateTo({
-					url: '/page_tasksquare/search'
-				});
-			},
-			// 进入任务详情
-			project(item) {
-				console.log(item.project_id)
-				if (item.project_type === 1) {
-					uni.navigateTo({
-						url: '/page_tasksquare/wholetask/taskdetail?id=' + item
-							.project_id
-					});
-				} else {
-					uni.navigateTo({
-						url: '/page_tasksquare/specialtask/specialTaskDetail?id=' +
-							item.project_id
-					});
-				}
-			},
-			/* type2 点击分类 */
-			onLeftHome(type) {
-				this.type = type
-				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-				this.$refs.popup.open(type)
-			},
-			/* 点击右侧 */
-			onRightClick() {
-				console.log("onRightClick");
-				uni.showToast({
-					title: "onRightClick",
-					duration: 1000,
-				});
-				this.$emit("onRightClick");
-			},
-			/**
-			 * @param scrollTop 页面顶部距离
-			 * @param down 滑动显示效果延时
-			 */
-			setOpacity(scrollTop, down = 60) {
-				if (scrollTop > 0) {
-					if (scrollTop < down) {
-						this.opacity = scrollTop / down;
-					}
-					if (scrollTop > down) {
-						this.opacity = 1;
-					}
-				} else {
-					this.opacity = 0;
-				}
-			},
-			/* 搜索框改变值 */
-			changeInput(e) {
-				this.$emit("changeInput", e);
-			},
-			/* 搜索框提交 */
-			submitInput(e) {
-				this.$emit("submitInput", e);
-			},
-			/* 清空搜索 */
-			clearInput() {
-				this.$emit("clearInput");
-			},
-			/* 禁用状态下点击搜索框 */
-			clickInput() {
-				this.$emit("clickInput");
-			},
-		},
-		created() {
-			this.init();
-		},
-		onReady() {
-			// setTimeout(() => {
-			//   // 改变手机状态栏颜色
-			//   uni.setNavigationBarColor({
-			//     frontColor: "#000000",
-			//     backgroundColor: "#FF4258",
-			//   });
-			// }, 10);
-		},
-	};
-</script>
-<style>
-	/deep/ .share .uni-popup .uni-popup__wrapper {
-		width: 80% !important;
-		border-radius: 15rpx !important;
-	}
-</style>
-<style lang="scss" scoped>
-	.option1 {
-		padding: 5rpx 18rpx;
-
-		/deep/.uni-data-checklist .checklist-group .checklist-box .checklist-content {
-			width: 100rpx;
-			text-align: center;
-		}
-	}
-
-	.option2 {
-		padding: 5rpx 18rpx;
-	}
-
-	.option3 {
-		padding: 5rpx 18rpx;
-	}
-
-
-	//弹窗
-	.sharepage {
-		// width: 90%;
-		margin: 0 auto;
-		// position: relative;
-	}
-
-	/deep/ .share.uni-popup .uni-popup__wrapper {
-		width: 70%;
-
-		border-radius: 15rpx;
-	}
-
-	.projecttext1 {
-		// padding-top: 5%;
-		padding: 0 0 0 1%;
-		height: 80rpx;
-		margin: 5% 0;
-		text-align: center;
-	}
-
-	.projecttext1 image {
-		vertical-align: middle;
-		width: 80rpx;
-		height: 80rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.sharemap {
-		margin: 0 auto;
-		text-align: center;
-		// margin-top: 15%;
-		// margin-bottom: 15%;
-	}
-
-	.sharemap image {
-		width: 400rpx;
-		height: 400rpx;
-
-	}
-
-	.sharetxt {
-		height: 100rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.sharetxt text {
-		font-size: 24rpx;
-		text-align: left;
-		line-height: 20rpx
-	}
-
-	.butmin {
-		// height: 48rpx;
-		width: 250rpx;
-		background-color: #FCCF41;
-		line-height: 48rpx;
-	}
-
-	.butmin1 {
-		// height: 48rpx;
-		width: 250rpx;
-		background-color: #fff;
-		border: #000000 1rpx solid;
-		line-height: 48rpx;
-	}
-
-	//弹出层
-	/deep/ .uni-data-checklist .checklist-group .checklist-box {
-		background-color: #FFFFFF !important;
-		border-radius: 20rpx !important;
-		padding: 8rpx 30rpx !important;
-		border: 0 !important;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
-		font-size: 24rpx;
-		color: #333333;
-	}
-
-	/deep/ .mini-btn {
-		height: 70rpx;
-		width: 250rpx;
-		line-height: 70rpx;
-		margin: 20rpx;
-		letter-spacing: 4rpx;
-		background-color: #FCCF41;
-	}
-
-	/deep/ .mini-btn1 {
-		height: 70rpx;
-		width: 400rpx;
-		line-height: 70rpx;
-		margin: 20rpx;
-		letter-spacing: 4rpx;
-		color: white;
-		;
-	}
-
-	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
-		background-color: #FCCF41 !important;
-	}
-
-	.butto {
-		text-align: center;
-	}
-
-	//其他
-	.nav {
-		position: relative;
-	}
-
-	.nv_padding {
-		height: 88upx;
-		background-color: transparent;
-	}
-
-	/* 图标默认大小 */
-	.nv_icon {
-		width: 16px;
-		height: 16px;
-	}
-
-	.bg_box {
-		position: absolute;
-		width: 750upx;
-		height: 88upx;
-
-		z-index: 10;
-		top: 0;
-		background-color: transparent;
-		/* #ifdef MP */
-		box-sizing: border-box;
-		/* #endif */
-		/* #ifndef APP-PLUS-NVUE */
-		background-size: cover;
-		background-repeat: no-repeat;
-		background-position: center center;
-		/* #endif */
-	}
-
-	.mys_navBar {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		height: 88upx;
-		/* #endif */
-		// #ifdef MP
-		box-sizing: border-box;
-		// #endif
-		width: 750upx;
-		flex-direction: row;
-		background-color: transparent;
-		position: absolute;
-		z-index: 10;
-		top: 0;
-	}
-
-	.fixed {
-		position: fixed;
-	}
-
-	/*
- left 按钮
-*/
-	.btn_type {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		/* #ifdef APP-PLUS-NVUE */
-		margin-left: 16upx;
-		/* #endif */
-		// #ifndef MP
-		align-items: center;
-		// #endif
-		flex: 1;
-		flex-direction: row;
-		// background-color: #fff;
-	}
-
-	.btn_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		margin-left: 16upx;
-		/* #endif */
-		flex-direction: row;
-		// #ifndef MP
-		align-items: center;
-		// #endif
-	}
-
-	.btn_back,
-	.btn_home {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		/* #ifndef APP-PLUS-NVUE */
-		height: 100%;
-		/* #endif */
-		/* #ifdef APP-PLUS-NVUE */
-		width: 76upx;
-		height: 62upx;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-	}
-
-	/* 按钮类型1 */
-	.nav_btn_t1 {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		// #ifdef MP
-		box-sizing: border-box;
-		// #endif
-		flex-direction: row;
-		align-items: center;
-		border-style: solid;
-		border-width: 1px;
-		border-color: #C0C0C0;
-		// background-color: rgba(0, 0, 0, 0.2);
-		background-color: #FFFFFF;
-		width: 130upx;
-		height: 45upx;
-	}
-
-	.line {
-		width: 1upx;
-		height: 60%;
-		/* #ifdef APP-PLUS-NVUE */
-		height: 30upx;
-		/* #endif */
-		background-color: #C0C0C0;
-	}
-
-	/*
-标题
- */
-	.title_container {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		position: absolute;
-		left: 375upx;
-		bottom: 0;
-		transform: translateX(-50%);
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.title_text {
-		// flex: 1;
-		text-overflow: ellipsis;
-		/* #ifndef APP-PLUS-NVUE */
-		white-space: nowrap;
-		overflow: hidden;
-		font-weight: 550;
-
-		/* #endif */
-		/* #ifdef APP-PLUS-NVUE */
-		lines: 1;
-		/* #endif */
-	}
-
-	/* 
-左边自定义
- */
-	.my_left_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.my_left_icon {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		/* #ifndef MP */
-		margin-left: 18upx;
-		/* #endif */
-	}
-
-	.my_left_custom {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		// justify-content: center;
-	}
-
-	/* 文字 */
-	.leftText {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		padding-left: 4upx;
-		font-size: 15px;
-	}
-
-	/* 
-中间
- */
-	.my_custom_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-	}
-
-	/*
-搜索框 
- */
-	.nv_search_box {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		flex: 1;
-
-		/* #ifndef MP */
-		height: 60upx;
-		/* #endif */
-		background-color: #f8f8f8;
-		padding-right: 20upx;
-		padding-left: 20upx;
-		border-radius: 60upx;
-		margin-right: 15upx;
-		margin-left: 15upx;
-	}
-
-	.nv_input {
-		flex: 1;
-		padding-left: 16upx;
-		font-size: 13px;
-	}
-
-	.close {
-		width: 50upx;
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		/* #ifndef MP */
-		height: 62upx;
-		/* #endif */
-	}
-
-	/* 
-右边 自定义
- */
-	.my_right_icon {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		/* #ifndef MP */
-		// min-width: 70upx;
-		/* #endif */
-		padding-left: 6px;
-		padding-right: 10px;
-	}
-
-	.imge image {
-		width: 100%;
-		height: 260rpx;
-	}
-
-	.commodity {
-		margin-top: 10rpx;
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: space-between;
-	}
-
-	.share {
-		text-align: center;
-		line-height: 10rpx;
-		margin-top: 10rpx;
-	}
-
-	.share image {
-		vertical-align: middle;
-		width: 25rpx;
-		height: 25rpx;
-		display: inline-block
-	}
-
-	.share p {
-		// display: inline-block;
-		font-size: 24rpx;
-		// color: #333333;
-	}
-
-	.project {
-		width: 49%;
-		height: 550rpx;
-		// background-color: #ccc;
-		border-radius: 20rpx;
-		// box-shadow: 0rpx 5rpx 5rpx #ccc;
-		margin-bottom: 0%;
-	}
-
-	.projectdiagram {
-		width: 100%;
-		height: 61%;
-		background-size: 100% 100%;
-		position: relative;
-		border-radius: 10rpx;
-		;
-	}
-
-	.TitleText1 {
-		height: 30rpx;
-		background-color: #FDD442;
-		border-radius: 10rpx;
-		display: inline-block;
-		padding: 0rpx 20rpx 0rpx 20rpx;
-		line-height: 30rpx;
-	}
-
-	.TitleText2 {
-		opacity: 0.8;
-		height: 30rpx;
-		background-color: #FFFFFF;
-		border-radius: 20rpx;
-		display: inline-block;
-		padding: 0rpx 20rpx 0rpx 20rpx;
-		line-height: 30rpx;
-	}
-
-	.TitleText2 p {
-		color: #464100;
-		font-size: 24rpx;
-
-	}
-
-	.projecttext {
-		// padding-top: 5%;
-		padding: 0 0 0 1%;
-		// height: 80rpx;
-	}
-
-	.projecttext span {
-		color: #333333;
-		font-size: 25rpx;
-		font-weight: 550;
-		text-indent: 2em;
-
-	}
-
-	.TitleText1 p {
-		color: #333333;
-		font-size: 18rpx;
-
-	}
-
-	.projecttext {
-		// height: 70rpx;
-	}
-
-	.projecttext image {
-		vertical-align: middle;
-		width: 30rpx;
-		height: 30rpx;
-		display: inline-block;
-		padding-right: 14rpx;
-	}
-
-	.TitleText {
-		// height: 30rpx;
-		width: 25%;
-		background-color: #FDD442;
-		border-radius: 10rpx;
-		display: inline-block;
-		text-align: center;
-		// padding: 0rpx 10rpx 0rpx 10rpx;
-		margin-right: 6%;
-		line-height: 30rpx;
-		margin-top: 0%;
-	}
-
-	.TitleText p {
-		color: black;
-		font-size: 16rpx;
-	}
-
-	.introduction {
-		width: 100%;
-		margin: 10rpx auto 0;
-
-
-	}
-
-	.rleft p {
-		font-size: 18rpx;
-
-		color: #999999;
-	}
-
-	.rright p {
-		font-size: 18rpx;
-		color: #999999;
-
-	}
-
-	.Mask {
-		position: absolute;
-		background-color: #000000;
-		opacity: 0.6;
-		width: 100%;
-		height: 100%;
-		// z-index: 999;
-		text-align: center;
-		border-radius: 20rpx;
-	}
-
-	.Mask image {
-		width: 50%;
-		height: 52%;
-		padding-top: 25%;
-	}
-
-	.contt {
-		position: relative;
-	}
-
-	.contact {
-		position: fixed;
-		top: 80%;
-		right: 13%;
-	}
-
-	.img1 {
-		width: 84rpx;
-		height: 124rpx;
-		position: absolute;
-
-	}
-
-	.img2 {
-		width: 114rpx;
-		height: 40rpx;
-		position: absolute;
-		top: 130rpx;
-		left: -12rpx;
-	}
-
-	.swiper {
-		height: 300rpx;
-	}
-
-	.swiper-item {
-		display: block;
-		height: 300rpx;
-		line-height: 300rpx;
-		text-align: center;
-	}
-
-	.swiper-list {
-		margin-top: 40rpx;
-		margin-bottom: 0;
-	}
-</style>
+<template>
+	<view class="nav">
+		<view class="bg_box" style="background-color: #FFFFFF;" :style="{
+      backgroundImage: mysNavConfig.bgImage,
+      paddingTop: navBarTop,
+      height: navBarHeight,
+      opacity: opacity,
+    }" :class="{ fixed: mysNavConfig.navFixed }"></view>
+		<view class="mys_navBar" :style="{
+    paddingTop: navBarTop,
+    height: navBarHeight,
+    paddingRight: navBarRight,
+   }" :class="{ fixed: mysNavConfig.navFixed }">
+			<!-- 左slot -->
+			<view class="my_left_custom" :style="{ height: btnHeight }">
+				<slot name="left"></slot>
+			</view>
+			<view class="btn_type" :style="{ height: btnHeight }">
+				<view class="btn_box nav_btn_t1" :style="{
+          width: btnWidth,
+          height: btnHeight,
+          marginLeft: navBarLeft,
+          borderRadius: mysNavConfig.type2Config.radius,
+        }">
+					<view class="btn_back" @tap="onLeftClick()">
+						<image class="nv_icon" :src="mysNavConfig.type2Config.leftPath"
+							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
+					</view>
+					<view class="line"></view>
+					<view class="btn_home" @tap="onLeftHome('top')">
+						<image class="nv_icon" :src="mysNavConfig.type2Config.rightPath"
+							:style="{ height: btnHeight, width: iconW }" mode="aspectFit" />
+					</view>
+				</view>
+				<!-- 标题 -->
+				<view class="title_container" v-if="!mysNavConfig.searchConfig"
+					:style="{ top: navBarTop, height: btnHeight }">
+					<text class="title_text" v-if="!!mysNavConfig.navTitle" :style="{
+          color: mysNavConfig.navTitle.color,
+          fontSize: mysNavConfig.navTitle.fontSize,
+          fontWeight: mysNavConfig.navTitle.fontWeight,
+        }">{{ mysNavConfig.navTitle.text }}</text>
+					<slot name="center2"></slot>
+				</view>
+			</view>
+		</view>
+		<!-- <aTip text="点击添加到我的小程序 \n下次访问更方便哦！" isCustom="true" /> -->
+		<view :style="{marginTop:navH}"></view>
+		<view class="home">
+			<view>
+				<!-- 普通弹窗 -->
+				<uni-popup ref="popup" background-color="#fff" @change="change">
+					<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+						<view class="option1" style="margin-top: 20%;">
+							<h3 style="margin-bottom: 10rpx;">社媒平台</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby" :localdata="hobby">
+							</uni-data-checkbox>
+						</view>
+						<view class="option2">
+							<h3 style="margin-bottom: 10rpx;">稿费形式</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby1" :localdata="hobby1">
+							</uni-data-checkbox>
+						</view>
+						<view class="option3">
+							<h3 style="margin-bottom: 10rpx;">任务形式</h3>
+							<uni-data-checkbox mode="tag" multiple v-model="formData.hobby2" :localdata="hobby2">
+							</uni-data-checkbox>
+						</view>
+						<view class="butto">
+							<button class="mini-btn" size="mini" @tap="Reset">重置</button>
+							<button class="mini-btn" size="mini" @tap="determine">确定</button>
+						</view>
+					</view>
+				</uni-popup>
+			</view>
+			<!-- 	<view class="imge">
+				<image src="../../static/home/home1.png" mode=""></image>
+			</view> -->
+			<view class="uni-margin-wrap">
+				<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
+					:interval="interval" :duration="duration">
+					<swiper-item v-for="item in list1" @click="pick(item)">
+						<image :src="item.img" mode="scaleToFill" style="width: 100%;height: 100%;"></image>
+					</swiper-item>
+				</swiper>
+			</view>
+
+			<view class="commodity" style="margin-top: 3%;">
+				<view class="project" v-for="(item,index) in projectList" :key="index" @tap="project(item)">
+					<view class="projectdiagram" :style="{backgroundImage:`url(${item.coverphoto})`}">
+						<view class="Mask" v-if="item.ddl">
+							<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home4.png" mode="">
+							</image>
+						</view>
+						<view style="padding-left: 4%;padding-top: 2%;">
+						</view>
+					</view>
+					<view class="projecttext">
+						<image :src="item.project_imgper" mode=""></image>
+						<span>{{item.project_name|ellipsis}}</span>
+					</view>
+					<view style="padding-left: 1%;">
+						<view class="TitleText" v-if="item.isself===1">
+							<p>自报价</p>
+						</view>
+						<view class="TitleText" v-if="item.isfixedfee===1">
+							<p>固定稿费</p>
+						</view>
+						<view class="TitleText" v-if="item.project_form===3">
+							<p>线下探店</p>
+						</view>
+					</view>
+
+					<view class="introduction">
+						<view class="rleft" style="">
+							<p>商品价值： <span
+									style="color: red;font-weight: 600;">￥{{item.ProductInfo.ProductPrice}}</span></p>
+						</view>
+						<view class="rright" style="display: flex;justify-content:space-between;">
+							<p>招募人数： <span style="color: balck;font-weight: 600;">{{item.taskNum}}</span></p>
+							<p>报名人数： <span style="color: balck;font-weight: 600;">{{item.apply_num}}</span></p>
+							<p>浏览量： <span style="color: balck;font-weight: 600;">{{item.watched_num}}</span></p>
+						</view>
+
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 普通弹窗  公众号-->
+		<uni-popup ref="popup4" class="share" background-color="#fff" @change="change" :maskClick="false">
+			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
+				<view class="sharepage">
+					<view class="projecttext1">
+						<image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/younggee_logo.png"
+							style="width: 250rpx; height: 80rpx;" mode=""></image>
+						<!-- <span>YoungGee</span> -->
+					</view>
+					<view class="sharemap">
+						<image :src="kefuUrl" style="width: 400rpx;height: 400rpx;" mode=""></image>
+					</view>
+					<view style="margin: 30rpx 0;">
+						<button class="butmin1" size="mini" @tap="saveImage">保存二维码</button>
+					</view>
+					<view class="sharetxt">
+						<text>
+							使用样叽的过程中，有任何疑问，\n
+							请添加上方微信。\n
+							我们保证及时全力为您解决！
+						</text>
+					</view>
+					<view style="margin: 30rpx 0;">
+						<button class="butmin" size="mini" @tap="closepop">知道了</button>
+					</view>
+				</view>
+
+			</view>
+		</uni-popup>
+		<view class="contact" @click="toggle4('center')">
+			<view class="contt">
+				<!-- <image class="img2" src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home2.png" mode=""></image> -->
+				<image class="img1"
+					src="https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu_20211124192542.png" mode="">
+				</image>
+
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import aTip from "@/components/mys-tip_1.0.01/a_tip/aTip";
+	import request from '@/components/request.js';
+	import {
+		saveImageToPhotosAlbum,
+		showToast,
+		downloadFile
+	} from '@/uni_modules/sakura-canvas/js_sdk/util'
+	/* 默认首页路径 */
+	const homePath = "/pages/tasksquare/tasksquare";
+	/* 默认首页图标路径 */
+	const homeIconPath = "/static/img/png4.png";
+	/* 默认返回图标路径 */
+	const backIconPath = "/static/img/png2.png";
+	export default {
+		props: {
+			mysNavConfig: {
+				type: Object,
+				default () {
+					return {
+						/* 固定导航 */
+						navFixed: true,
+						/* 开启单页显示首页图标 */
+						isHome: true,
+						/* 占位开启 */
+						navPadding: true,
+						/* 背景 */
+						bgColor: "#f8f8f8",
+						/* 渐变色 */
+						opacity: 1,
+						/* 渐变开启 */
+						isOpacity: false,
+						/* 渐变延时效果 */
+						opacityTime: 100,
+						/* 左侧按钮样式 可选 type1 type2 （type2根据小程序胶囊位置调整） */
+						btnType: "type1",
+						/* type1 左侧文字配置 */
+						leftText: {
+							text: "",
+							color: "",
+							fontSize: "16px", // px upx rpx
+							fontWeight: "", // blod
+						},
+						/* 标题 */
+						navTitle: {
+							text: "种草",
+							color: "",
+							fontSize: "32rpx", // px upx rpx
+							fontWeight: "normal", // blod
+						},
+						/* type2 按钮 */
+						type2Config: {
+							// 左图标
+							leftPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png3.png",
+							// 右图标
+							rightPath: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/png1.png",
+							// 圆角
+							radius: "40rpx",
+						},
+					};
+				},
+			},
+			scrollTop: {
+				type: Number,
+				default: function() {
+					return 0;
+				},
+			},
+		},
+		filters: {
+			ellipsis(value) {
+				if (!value) return "";
+				if (value.length > 20) {
+					return value.slice(0, 20) + "...";
+				}
+				return value;
+			},
+		},
+		components: {
+			aTip
+		},
+		data() {
+			return {
+				navH: getApp().globalData.navHeight,
+				kefuUrl: "https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/kefu.jpeg",
+				token: '',
+				per: 0,
+				type4: 'center',
+				//轮播图
+				img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
+				background: ['color1', 'color2', 'color3'],
+				indicatorDots: true,
+				autoplay: true,
+				interval: 3000,
+				duration: 1000,
+				list1: [{
+						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home1.png',
+						name: '/page_tasksquare/banner/guide'
+					},
+					{
+						img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent/home7.png',
+						name: '/page_tasksquare/banner/cooperation'
+						// name: 'http://www.baidu.com/'
+					}
+					// {
+					// 	img: 'https://horastar.obs.cn-east-3.myhuaweicloud.com/talent_upload/guanwang.png',
+					// 	name: '/page_tasksquare/banner/guanwang'
+					// 	// name: 'http://www.baidu.com/'
+					// }
+				],
+
+
+				//弹窗
+				type: 'center',
+				formData: {
+					hobby: [],
+					hobby1: [],
+					hobby2: [],
+				},
+				hobby: [{
+					text: '小红书',
+					value: 1
+				}, {
+					text: '抖音',
+					value: 2
+				}, {
+					text: '微博',
+					value: 3
+				}, {
+					text: '快手',
+					value: 4
+				}, {
+					text: 'B站',
+					value: 5
+				}, {
+					text: '大众点评',
+					value: 6
+				}, {
+					text: '知乎',
+					value: 7
+				}],
+				hobby1: [{
+					text: '产品置换',
+					value: 1
+				}, {
+					text: '固定稿费',
+					value: 2
+				}, {
+					text: '自报价',
+					value: 3
+				}],
+				hobby2: [{
+					text: '实体商品寄拍',
+					value: 1
+				}, {
+					text: '虚拟产品测评',
+					value: 2
+				}, {
+					text: '线下探店打卡',
+					value: 3
+				}],
+
+				iconW: undefined,
+				iconH: undefined,
+				btnWidth: undefined,
+				btnHeight: undefined,
+				navBarTop: undefined,
+				navBarHeight: undefined,
+				navBarLeft: undefined,
+				navBarRight: undefined,
+				inputHeight: undefined,
+				opacity: 0,
+				isHome: false,
+				homeIconPath: homeIconPath,
+				backIconPath: backIconPath,
+				img: '../../static/home/home.png',
+				// 最多显示页数
+				max_page: '',
+				tupian: {
+					wen: '原创图片',
+					lin: 1,
+				},
+				projectList: [],
+				img456: '../../static/home/home.png',
+				platformList: [],
+				filtCondition: '',
+			};
+		},
+		computed: {
+			isSharePage() {},
+		},
+		watch: {
+			scrollTop(val) {
+				if (!this.mysNavConfig.isOpacity) {
+					return;
+				}
+				this.setOpacity(val, this.mysNavConfig.opacityTime);
+			},
+		},
+		onShow() {
+			this.isLogin()
+		},
+		onLoad() {
+			this.getInfoList()
+			this.per = 0
+			this.getProjectListAPI()
+		},
+		//下拉刷新
+		onPullDownRefresh() {
+			this.per = 0
+			this.getProjectListAPI()
+			//停止下拉刷新
+			uni.stopPullDownRefresh()
+		},
+		// 下拉懒加载
+		async onReachBottom() {
+			++this.per;
+			if (this.per >= this.max_page) {
+				uni.showToast({
+					title: "已加载全部"
+				})
+			} else {
+				uni.showLoading({
+					title: '加载中'
+				})
+				await this.$http.get('/youngee/c/g/get-project-list' +
+					"?" +
+					"idx" +
+					"=" +
+					this.per +
+					"&cnt" +
+					"=" +
+					20 + this.filtCondition
+				).then(res => {
+					console.log(res)
+					this.max_page = res.data.data.max_page
+					for (var i = 0; i < res.data.data.ProjectInfos.length; i++) {
+						// 封面图片
+						res.data.data.ProjectInfos[i].ProductInfo = JSON.parse(res.data.data.ProjectInfos[i]
+							.product_snap);
+
+						// 封面图片
+						let ProductPhoto = JSON.parse(res.data.data.ProjectInfos[i].product_photo_snap);
+						for (let j = 0; j < ProductPhoto.length; ++j) {
+							if (ProductPhoto[j].Symbol == 1) {
+								res.data.data.ProjectInfos[i].coverphoto = ProductPhoto[j].PhotoUrl
+							}
+						}
+						// res.data.data.ProjectInfos[i].coverphoto = res.data.data.ProjectInfos[i]
+						// 	.ProductInfo
+						// 	.ProductCovers.photo_url
+						// 获取平台图片
+						for (var j = 0; j < this.platformList.length; j++) {
+							if (res.data.data.ProjectInfos[i].project_platform === this.platformList[j]
+								.id) {
+								res.data.data.ProjectInfos[i].project_imgper = this.platformList[j]
+									.platform_icon
+							}
+						}
+
+						// 任务数量&稿费形式
+						res.data.data.ProjectInfos[i].taskNum = 0
+						res.data.data.ProjectInfos[i].isfixedfee = 0
+						res.data.data.ProjectInfos[i].isself = 0
+						let lengthOfRecruitStrategys = res.data.data.ProjectInfos[i]
+							.RecruitStrategys != null ? res.data.data.ProjectInfos[i]
+							.RecruitStrategys
+							.length : 0
+						for (var j = 0; j < lengthOfRecruitStrategys; j++) {
+							res.data.data.ProjectInfos[i].taskNum = Number(res.data.data
+								.ProjectInfos[i]
+								.taskNum) + Number(res.data.data.ProjectInfos[i]
+								.RecruitStrategys[j]
+								.recruit_number)
+
+							if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 2) {
+								res.data.data.ProjectInfos[i].isfixedfee = 1
+							}
+							if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 3) {
+								res.data.data.ProjectInfos[i].isself = 1
+							}
+						}
+						//结束时间
+						var newdate = new Date()
+						// console.log(newdate)
+						var endTime = new Date(res.data.data.ProjectInfos[i].recruit_ddl.replace(
+							/-/g, "/"));
+						res.data.data.ProjectInfos[i].ddl = endTime - newdate < 0 || res.data.data
+							.ProjectInfos[i]
+							.project_status > 4 ? 1 : 0
+						res.data.data.ProjectInfos[i].recruit_ddl = this.thistime(res.data.data
+							.ProjectInfos[i]
+							.recruit_ddl)
+					}
+					this.projectList.push.apply(this.projectList, res.data.data.ProjectInfos);
+					console.log(this.projectList)
+				})
+				uni.hideLoading();
+			}
+		},
+		methods: {
+			getProjectListAPI() {
+				return this.$http.get('/youngee/c/g/get-project-list' +
+					"?" +
+					"idx" +
+					"=" +
+					this.per +
+					"&cnt" +
+					"=" +
+					20 + this.filtCondition
+				).then(res => {
+					console.log('种草list返回：', res)
+					if (res.data.code === 0) {
+						for (var i = 0; i < res.data.data.ProjectInfos.length; i++) {
+							res.data.data.ProjectInfos[i].ProductInfo = JSON.parse(res.data.data.ProjectInfos[i]
+								.product_snap);
+
+							// 封面图片
+							let ProductPhoto = JSON.parse(res.data.data.ProjectInfos[i].product_photo_snap);
+							for (let j = 0; j < ProductPhoto.length; ++j) {
+								if (ProductPhoto[j].Symbol == 1) {
+									res.data.data.ProjectInfos[i].coverphoto = ProductPhoto[j].PhotoUrl
+								}
+							}
+							// res.data.data.ProjectInfos[i].coverphoto = res.data.data.ProjectInfos[i]
+							// 	.ProductInfo
+							// 	.ProductCovers.photo_url
+							// 获取平台图片
+							for (var j = 0; j < this.platformList.length; j++) {
+								if (res.data.data.ProjectInfos[i].project_platform === this.platformList[j]
+									.id) {
+									res.data.data.ProjectInfos[i].project_imgper = this.platformList[j]
+										.platform_icon
+								}
+							}
+
+							// 任务数量&稿费形式
+							res.data.data.ProjectInfos[i].taskNum = 0
+							res.data.data.ProjectInfos[i].isfixedfee = 0
+							res.data.data.ProjectInfos[i].isself = 0
+							let lengthOfRecruitStrategys = res.data.data.ProjectInfos[i]
+								.RecruitStrategys != null ? res.data.data.ProjectInfos[i]
+								.RecruitStrategys
+								.length : 0
+							for (var j = 0; j < lengthOfRecruitStrategys; j++) {
+								res.data.data.ProjectInfos[i].taskNum = Number(res.data.data
+									.ProjectInfos[i]
+									.taskNum) + Number(res.data.data.ProjectInfos[i]
+									.RecruitStrategys[j]
+									.recruit_number)
+
+								if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 2) {
+									res.data.data.ProjectInfos[i].isfixedfee = 1
+								}
+								if (res.data.data.ProjectInfos[i].RecruitStrategys[j].fee_form === 3) {
+									res.data.data.ProjectInfos[i].isself = 1
+								}
+							}
+							//结束时间
+							var newdate = new Date()
+							// console.log(newdate)
+							var endTime = new Date(res.data.data.ProjectInfos[i].recruit_ddl.replace(
+								/-/g, "/"));
+							res.data.data.ProjectInfos[i].ddl = endTime - newdate < 0 || res.data.data
+								.ProjectInfos[i]
+								.project_status > 4 ? 1 : 0
+							res.data.data.ProjectInfos[i].recruit_ddl = this.thistime(res.data.data
+								.ProjectInfos[i]
+								.recruit_ddl)
+						}
+						this.max_page = res.data.data.max_page
+						this.projectList = res.data.data.ProjectInfos;
+					} else if (res.data.code === -4) {
+						uni.showToast({
+							title: "暂无任务"
+						})
+						this.max_page = 1
+						this.projectList = []
+
+					} else {
+						uni.showToast({
+							title: res.data.msg
+						})
+						this.max_page = 1
+						this.projectList = []
+					}
+				})
+			},
+			// 判断登陆是否过期
+			isLogin() {
+				return this.$https.get('/youngee/c/t/g/is-login')
+					.then(res => {
+						if (res.data.code === 403) {
+							// 登陆已失效
+							this.token = ""
+							uni.clearStorage();
+						} else {
+							this.token = uni.getStorageSync('token')
+						}
+					})
+			},
+			// 信息表
+			getInfoList() {
+				return this.$http.get('/youngee/c/g/get-info-tables')
+					.then(res => {
+						this.hobby = []
+						this.platformList = res.data.data.ThirdPlatform
+						let l = this.platformList != null ? this.platformList.length : 0;
+						for (var i = 0; i < l; i++) {
+							var obj = {}
+							obj.text = this.platformList[i].platform_name
+							obj.value = this.platformList[i].id
+							this.hobby.push(obj)
+						}
+					})
+			},
+			guid() {
+				return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+					var r = Math.random() * 16 | 0,
+						v = c === 'x' ? r : (r & 0x3 | 0x8);
+
+					return v.toString(16);
+				});
+			},
+			// 计算结束时间
+			thistime(val) {
+				// 转换格式
+				var beginTime = new Date(val.replace(/-/g, "/"));
+				// 当前时间
+				var thisTime = new Date();
+				// 相减
+				var dateMiss = beginTime.getTime() - thisTime.getTime();
+				// 天数
+				var day = Math.floor(dateMiss / (24 * 3600 * 1000));
+				// 减去天数剩下的毫秒数
+				var backOne = dateMiss % (24 * 3600 * 1000);
+				// 小时数
+				var hours = Math.floor(backOne / (3600 * 1000));
+				var deadline_time = '',
+					deadline_time = day + '天' + hours + '时结束'
+				return deadline_time
+			},
+			pick(item) {
+				console.log(item)
+				uni.navigateTo({
+					url: item.name
+				});
+			},
+
+
+			//弹出层
+			change(e) {
+				console.log('当前模式：' + e.type + ',状态：' + e.show);
+			},
+			async determine() {
+				this.per = 0;
+				this.$refs.popup.close()
+				var filtCondition = ''
+				for (var i = 0; i < this.formData.hobby.length; i++) {
+					filtCondition += "&platform[]" + "=" + this.formData.hobby[i]
+				}
+				for (var j = 0; j < this.formData.hobby1.length; j++) {
+					filtCondition += "&feeform[]" + "=" + this.formData.hobby1[j]
+				}
+				for (var j = 0; j < this.formData.hobby2.length; j++) {
+					filtCondition += "&projectform[]" + "=" + this.formData.hobby2[j]
+				}
+				this.filtCondition = filtCondition
+				uni.showLoading({
+					title: '加载中'
+				});
+				await this.getProjectListAPI()
+				uni.hideLoading();
+			},
+			async Reset() {
+				this.per = 0;
+				this.$refs.popup.close()
+				this.formData.hobby = [];
+				this.formData.hobby1 = [];
+				this.formData.hobby2 = [];
+				this.filtCondition = '';
+				uni.showLoading({
+					title: '加载中'
+				});
+				await this.getProjectListAPI()
+				uni.hideLoading();
+			},
+			toggle4(type) {
+				this.type4 = type
+				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+				this.$refs.popup4.open(type)
+				// this.$refs.popup1.close()
+			},
+			// 保存图片
+			async saveImage() {
+				// showToast('保存成功')
+				wx.downloadFile({
+					url: this.kefuUrl,
+					success: function(res) {
+						wx.saveImageToPhotosAlbum({
+							filePath: res.tempFilePath,
+							success: function(data) {
+								wx.showToast({
+									title: "保存成功",
+									icon: "success",
+									duration: 2000
+								})
+							},
+							fail: function(err) {
+								console.log(err);
+							},
+							complete(res) {
+								console.log(res);
+							}
+						})
+					}
+				})
+			},
+			closepop() {
+				this.$refs.popup4.close()
+			},
+			xieyi() {
+				console.log('进入联系我们')
+			},
+			init() {
+				if (this.mysNavConfig.isHome) {
+					let pages = getCurrentPages().length;
+					/* 单页显示home图标 */
+					pages === 1 ? (this.isHome = true) : (this.isHome = false);
+				}
+				// 开启渐变 强制fixed
+				this.navBarTop = uni.getSystemInfoSync().statusBarHeight +
+					"px";
+				if (!this.mysNavConfig.opacity) {
+					this.opacity = 1;
+					!this.mysNavConfig.isOpacity ? (this.opacity = 1) : ((this
+						.mysNavConfig.navFixed = true), (this
+						.opacity = 0));
+				} else {
+					this.opacity = this.mysNavConfig.opacity;
+					!this.mysNavConfig.isOpacity ? "" : ((this.mysNavConfig
+						.navFixed = true), (this.opacity = 0));
+				}
+
+				// #ifdef MP
+				this.initMP();
+				// #endif
+				// #ifdef APP-PLUS-NVUE
+				this.navBarHeight = 44 + uni.getSystemInfoSync()
+					.statusBarHeight + "px";
+				// #endif
+			},
+			/* 小程序初始化位置 */
+			initMP() {
+				// getSystemInfoSync用于获取系统信息同步接口
+				let gS = uni.getSystemInfoSync();
+				// getMenuButtonBoundingClientRect用于获取胶囊按钮位置布局信息
+				let rect = uni.getMenuButtonBoundingClientRect();
+
+				let rectHeight = rect.height;
+				this.btnWidth = rect.width + "px";
+				this.btnHeight = rectHeight + "px";
+				this.iconW = Math.floor(rect.width / 4 - 5) + "px";
+				this.iconH = rectHeight / 2 + "px";
+				this.inputHeight = rectHeight - 3 + "px";
+				this.navBarTop = rect.top + "px";
+				this.navBarLeft = gS.screenWidth - rect.right + "px";
+				this.navBarRight = gS.screenWidth - rect.right + rect.width +
+					"px";
+				this.navBarHeight = gS.statusBarHeight + rectHeight + (rect
+					.top - gS.statusBarHeight) * 2 + "px";
+			},
+			/* 点击左侧 */
+			onLeftClick() {
+				uni.navigateTo({
+					url: '/page_tasksquare/search'
+				});
+			},
+			// 进入任务详情
+			project(item) {
+				console.log(item.project_id)
+				if (item.project_type === 1) {
+					uni.navigateTo({
+						//
+						url: '/page_tasksquare/wholetask/taskdetail?id=' + item
+							.project_id + "&enterprise_id" +
+							"=" +
+							item.enterprise_id
+					});
+				} else {
+					uni.navigateTo({
+						url: '/page_tasksquare/specialtask/specialTaskDetail?id=' +
+							item.project_id
+					});
+				}
+			},
+			/* type2 点击分类 */
+			onLeftHome(type) {
+				this.type = type
+				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
+				this.$refs.popup.open(type)
+			},
+			/* 点击右侧 */
+			onRightClick() {
+				console.log("onRightClick");
+				uni.showToast({
+					title: "onRightClick",
+					duration: 1000,
+				});
+				this.$emit("onRightClick");
+			},
+			/**
+			 * @param scrollTop 页面顶部距离
+			 * @param down 滑动显示效果延时
+			 */
+			setOpacity(scrollTop, down = 60) {
+				if (scrollTop > 0) {
+					if (scrollTop < down) {
+						this.opacity = scrollTop / down;
+					}
+					if (scrollTop > down) {
+						this.opacity = 1;
+					}
+				} else {
+					this.opacity = 0;
+				}
+			},
+			/* 搜索框改变值 */
+			changeInput(e) {
+				this.$emit("changeInput", e);
+			},
+			/* 搜索框提交 */
+			submitInput(e) {
+				this.$emit("submitInput", e);
+			},
+			/* 清空搜索 */
+			clearInput() {
+				this.$emit("clearInput");
+			},
+			/* 禁用状态下点击搜索框 */
+			clickInput() {
+				this.$emit("clickInput");
+			},
+		},
+		created() {
+			this.init();
+		},
+		onReady() {
+			// setTimeout(() => {
+			//   // 改变手机状态栏颜色
+			//   uni.setNavigationBarColor({
+			//     frontColor: "#000000",
+			//     backgroundColor: "#FF4258",
+			//   });
+			// }, 10);
+		},
+	};
+</script>
+<style>
+	/deep/ .share .uni-popup .uni-popup__wrapper {
+		width: 80% !important;
+		border-radius: 15rpx !important;
+	}
+</style>
+<style lang="scss" scoped>
+	.option1 {
+		padding: 5rpx 18rpx;
+
+		/deep/.uni-data-checklist .checklist-group .checklist-box .checklist-content {
+			width: 100rpx;
+			text-align: center;
+		}
+	}
+
+	.option2 {
+		padding: 5rpx 18rpx;
+	}
+
+	.option3 {
+		padding: 5rpx 18rpx;
+	}
+
+
+	//弹窗
+	.sharepage {
+		// width: 90%;
+		margin: 0 auto;
+		// position: relative;
+	}
+
+	/deep/ .share.uni-popup .uni-popup__wrapper {
+		width: 70%;
+
+		border-radius: 15rpx;
+	}
+
+	.projecttext1 {
+		// padding-top: 5%;
+		padding: 0 0 0 1%;
+		height: 80rpx;
+		margin: 5% 0;
+		text-align: center;
+	}
+
+	.projecttext1 image {
+		vertical-align: middle;
+		width: 80rpx;
+		height: 80rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.sharemap {
+		margin: 0 auto;
+		text-align: center;
+		// margin-top: 15%;
+		// margin-bottom: 15%;
+	}
+
+	.sharemap image {
+		width: 400rpx;
+		height: 400rpx;
+
+	}
+
+	.sharetxt {
+		height: 100rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.sharetxt text {
+		font-size: 24rpx;
+		text-align: left;
+		line-height: 20rpx
+	}
+
+	.butmin {
+		// height: 48rpx;
+		width: 250rpx;
+		background-color: #FCCF41;
+		line-height: 48rpx;
+	}
+
+	.butmin1 {
+		// height: 48rpx;
+		width: 250rpx;
+		background-color: #fff;
+		border: #000000 1rpx solid;
+		line-height: 48rpx;
+	}
+
+	//弹出层
+	/deep/ .uni-data-checklist .checklist-group .checklist-box {
+		background-color: #FFFFFF !important;
+		border-radius: 20rpx !important;
+		padding: 8rpx 30rpx !important;
+		border: 0 !important;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
+		font-size: 24rpx;
+		color: #333333;
+	}
+
+	/deep/ .mini-btn {
+		height: 70rpx;
+		width: 250rpx;
+		line-height: 70rpx;
+		margin: 20rpx;
+		letter-spacing: 4rpx;
+		background-color: #FCCF41;
+	}
+
+	/deep/ .mini-btn1 {
+		height: 70rpx;
+		width: 400rpx;
+		line-height: 70rpx;
+		margin: 20rpx;
+		letter-spacing: 4rpx;
+		color: white;
+		;
+	}
+
+	/deep/ .uni-data-checklist .checklist-group .checklist-box.is--tag.is-checked {
+		background-color: #FCCF41 !important;
+	}
+
+	.butto {
+		text-align: center;
+	}
+
+	//其他
+	.nav {
+		position: relative;
+	}
+
+	.nv_padding {
+		height: 88upx;
+		background-color: transparent;
+	}
+
+	/* 图标默认大小 */
+	.nv_icon {
+		width: 16px;
+		height: 16px;
+	}
+
+	.bg_box {
+		position: absolute;
+		width: 750upx;
+		height: 88upx;
+
+		z-index: 10;
+		top: 0;
+		background-color: transparent;
+		/* #ifdef MP */
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifndef APP-PLUS-NVUE */
+		background-size: cover;
+		background-repeat: no-repeat;
+		background-position: center center;
+		/* #endif */
+	}
+
+	.mys_navBar {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		height: 88upx;
+		/* #endif */
+		// #ifdef MP
+		box-sizing: border-box;
+		// #endif
+		width: 750upx;
+		flex-direction: row;
+		background-color: transparent;
+		position: absolute;
+		z-index: 10;
+		top: 0;
+	}
+
+	.fixed {
+		position: fixed;
+	}
+
+	/*
+ left 按钮
+*/
+	.btn_type {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		/* #ifdef APP-PLUS-NVUE */
+		margin-left: 16upx;
+		/* #endif */
+		// #ifndef MP
+		align-items: center;
+		// #endif
+		flex: 1;
+		flex-direction: row;
+		// background-color: #fff;
+	}
+
+	.btn_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		margin-left: 16upx;
+		/* #endif */
+		flex-direction: row;
+		// #ifndef MP
+		align-items: center;
+		// #endif
+	}
+
+	.btn_back,
+	.btn_home {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		/* #ifndef APP-PLUS-NVUE */
+		height: 100%;
+		/* #endif */
+		/* #ifdef APP-PLUS-NVUE */
+		width: 76upx;
+		height: 62upx;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+	}
+
+	/* 按钮类型1 */
+	.nav_btn_t1 {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		// #ifdef MP
+		box-sizing: border-box;
+		// #endif
+		flex-direction: row;
+		align-items: center;
+		border-style: solid;
+		border-width: 1px;
+		border-color: #C0C0C0;
+		// background-color: rgba(0, 0, 0, 0.2);
+		background-color: #FFFFFF;
+		width: 130upx;
+		height: 45upx;
+	}
+
+	.line {
+		width: 1upx;
+		height: 60%;
+		/* #ifdef APP-PLUS-NVUE */
+		height: 30upx;
+		/* #endif */
+		background-color: #C0C0C0;
+	}
+
+	/*
+标题
+ */
+	.title_container {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		position: absolute;
+		left: 375upx;
+		bottom: 0;
+		transform: translateX(-50%);
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.title_text {
+		// flex: 1;
+		text-overflow: ellipsis;
+		/* #ifndef APP-PLUS-NVUE */
+		white-space: nowrap;
+		overflow: hidden;
+		font-weight: 550;
+
+		/* #endif */
+		/* #ifdef APP-PLUS-NVUE */
+		lines: 1;
+		/* #endif */
+	}
+
+	/* 
+左边自定义
+ */
+	.my_left_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.my_left_icon {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifndef MP */
+		margin-left: 18upx;
+		/* #endif */
+	}
+
+	.my_left_custom {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		// justify-content: center;
+	}
+
+	/* 文字 */
+	.leftText {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding-left: 4upx;
+		font-size: 15px;
+	}
+
+	/* 
+中间
+ */
+	.my_custom_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+	}
+
+	/*
+搜索框 
+ */
+	.nv_search_box {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		flex: 1;
+
+		/* #ifndef MP */
+		height: 60upx;
+		/* #endif */
+		background-color: #f8f8f8;
+		padding-right: 20upx;
+		padding-left: 20upx;
+		border-radius: 60upx;
+		margin-right: 15upx;
+		margin-left: 15upx;
+	}
+
+	.nv_input {
+		flex: 1;
+		padding-left: 16upx;
+		font-size: 13px;
+	}
+
+	.close {
+		width: 50upx;
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifndef MP */
+		height: 62upx;
+		/* #endif */
+	}
+
+	/* 
+右边 自定义
+ */
+	.my_right_icon {
+		/* #ifndef APP-PLUS-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifndef MP */
+		// min-width: 70upx;
+		/* #endif */
+		padding-left: 6px;
+		padding-right: 10px;
+	}
+
+	.imge image {
+		width: 100%;
+		height: 260rpx;
+	}
+
+	.commodity {
+		margin-top: 10rpx;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+
+	.share {
+		text-align: center;
+		line-height: 10rpx;
+		margin-top: 10rpx;
+	}
+
+	.share image {
+		vertical-align: middle;
+		width: 25rpx;
+		height: 25rpx;
+		display: inline-block
+	}
+
+	.share p {
+		// display: inline-block;
+		font-size: 24rpx;
+		// color: #333333;
+	}
+
+	.project {
+		width: 49%;
+		height: 550rpx;
+		// background-color: #ccc;
+		border-radius: 20rpx;
+		// box-shadow: 0rpx 5rpx 5rpx #ccc;
+		margin-bottom: 0%;
+	}
+
+	.projectdiagram {
+		width: 100%;
+		height: 61%;
+		background-size: 100% 100%;
+		position: relative;
+		border-radius: 10rpx;
+		;
+	}
+
+	.TitleText1 {
+		height: 30rpx;
+		background-color: #FDD442;
+		border-radius: 10rpx;
+		display: inline-block;
+		padding: 0rpx 20rpx 0rpx 20rpx;
+		line-height: 30rpx;
+	}
+
+	.TitleText2 {
+		opacity: 0.8;
+		height: 30rpx;
+		background-color: #FFFFFF;
+		border-radius: 20rpx;
+		display: inline-block;
+		padding: 0rpx 20rpx 0rpx 20rpx;
+		line-height: 30rpx;
+	}
+
+	.TitleText2 p {
+		color: #464100;
+		font-size: 24rpx;
+
+	}
+
+	.projecttext {
+		// padding-top: 5%;
+		padding: 0 0 0 1%;
+		// height: 80rpx;
+	}
+
+	.projecttext span {
+		color: #333333;
+		font-size: 25rpx;
+		font-weight: 550;
+		text-indent: 2em;
+
+	}
+
+	.TitleText1 p {
+		color: #333333;
+		font-size: 18rpx;
+
+	}
+
+	.projecttext {
+		// height: 70rpx;
+	}
+
+	.projecttext image {
+		vertical-align: middle;
+		width: 30rpx;
+		height: 30rpx;
+		display: inline-block;
+		padding-right: 14rpx;
+	}
+
+	.TitleText {
+		// height: 30rpx;
+		width: 25%;
+		background-color: #FDD442;
+		border-radius: 10rpx;
+		display: inline-block;
+		text-align: center;
+		// padding: 0rpx 10rpx 0rpx 10rpx;
+		margin-right: 6%;
+		line-height: 30rpx;
+		margin-top: 0%;
+	}
+
+	.TitleText p {
+		color: black;
+		font-size: 16rpx;
+	}
+
+	.introduction {
+		width: 100%;
+		margin: 10rpx auto 0;
+
+
+	}
+
+	.rleft p {
+		font-size: 18rpx;
+
+		color: #999999;
+	}
+
+	.rright p {
+		font-size: 18rpx;
+		color: #999999;
+
+	}
+
+	.Mask {
+		position: absolute;
+		background-color: #000000;
+		opacity: 0.6;
+		width: 100%;
+		height: 100%;
+		// z-index: 999;
+		text-align: center;
+		border-radius: 20rpx;
+	}
+
+	.Mask image {
+		width: 50%;
+		height: 52%;
+		padding-top: 25%;
+	}
+
+	.contt {
+		position: relative;
+	}
+
+	.contact {
+		position: fixed;
+		top: 80%;
+		right: 13%;
+	}
+
+	.img1 {
+		width: 84rpx;
+		height: 124rpx;
+		position: absolute;
+
+	}
+
+	.img2 {
+		width: 114rpx;
+		height: 40rpx;
+		position: absolute;
+		top: 130rpx;
+		left: -12rpx;
+	}
+
+	.swiper {
+		height: 300rpx;
+	}
+
+	.swiper-item {
+		display: block;
+		height: 300rpx;
+		line-height: 300rpx;
+		text-align: center;
+	}
+
+	.swiper-list {
+		margin-top: 40rpx;
+		margin-bottom: 0;
+	}
+</style>