uav-uniapp-240725/pages/instructions/instructions.vue

<!-- 说明页面(四合一) -->
<template>
	<view class="instructions bx">
		<navbar :leftClick="leftClick" :title="title"></navbar>

		<!-- T&C -->
		<!-- <view v-if="$route.query.index==0" class="t-c content">
			1. UAV Boost Sales Tasks1.1) Reset account minimum deposit of $100.ll. Cash Withdrawal2.1)The maximum
			withdrawal amount for ViP1 users is$20,000, and there is no maximum withdrawal limit forVIP2 and above.2.2)
			After completing all tasks, users can apply for fulwithdrawal.2.3) During the process of boosting sales,
			users cannotapply for cash withdrawals or refunds.2.4)Users need to submit a cash withdrawal applicatioto
			the platform in order to receive payment.ll. Funds(3.1) All user funds will be kept safely in the
			useraccount, and you can apply for full withdrawal after thesales promotion is completed(3.2) In order to
			avoid loss of funds, all funds will behandled by the system, not manually.(3.3)lf any accidental loss of
			funds, the platform wilassume full responsibility.IV. Account Security4.1) Each user can only apply for one
			workstationaccount.4.2)Please do not disclose your password to othersand the Platform wil not be responsible
			for any loss caused by this.(4.3)Users are not recommended to set their birthdaypassword, lD number or cell
			phone number as thewithdrawal password or login password.(4.4) lf you forget your login password or
			withdrawalpassword, you can contact online customer service toreset it.(4.5)User and Merchant Confdentiality
			Agreement(4.5.1)The tasks to be accomplished on this platformare all data completed by real users in real
			time, sousers must ensure the confdentiality of the tasks andthe security of the platform.
		</view> -->

		<!-- Event -->
		<!-- <view v-if="$route.query.index==1" class="event content">
			<image src="@/static/instructions/desc.png" mode="aspectFit"></image>
			<view class="event-content">
				As a platform user, users can use the invitation code toinvite others to join your team after becoming a
				VIP3member.In return, referrers will receive a percentage oreferral fees, which will be credited
				directly to users viaplatform accounts or team reports.Notice!All users and their referrals will receive
				a percentage olreferral fees and bonuses User and Business NonDisclosureAgreementAs the tasks to be
				completed on this platform are realtime data done by real usersTherefore, the users must ensure the
				tasksconfdentiality and platform.
			</view>
		</view> -->
		
		<!-- FAQ -->
		<!-- <view v-if="$route.query.index==2" class="faq content">
			1. UAV Boost Sales Tasks1.1) Reset account minimum deposit of $100.ll. Cash Withdrawal2.1)The maximum withdrawal amount for ViP1 users is$20,000, and there is no maximum withdrawal limit forVIP2 and above.2.2) After completing all tasks, users can apply for fulwithdrawal.2.3) During the process of boosting sales, users cannotapply for cash withdrawals or refunds.2.4)Users need to submit a cash withdrawal applicatioto the platform in order to receive payment.ll. Funds(3.1) All user funds will be kept safely in the useraccount, and you can apply for full withdrawal after thesales promotion is completed(3.2) In order to avoid loss of funds, all funds will behandled by the system, not manually.(3.3)lf any accidental loss of funds, the platform wilassume full responsibility.IV. Account Security4.1) Each user can only apply for one workstationaccount.4.2)Please do not disclose your password to othersand the Platform wil not be responsible for any loss caused by this.(4.3)Users are not recommended to set their birthdaypassword, lD number or cell phone number as thewithdrawal password or login password.(4.4) lf you forget your login password or withdrawalpassword, you can contact online customer service toreset it.(4.5)User and Merchant Confdentiality Agreement(4.5.1)The tasks to be accomplished on this platformare all data completed by real users in real time, sousers must ensure the confdentiality of the tasks andthe security of the platform.
		</view> -->
		
		<!-- About -->
		<!-- <view v-if="$route.query.index==3" class="about-us content">
			Fueled by a passion to solve real world problemsArcsky was founded by Wilson Lau and Justin Squire in 2019 in Minneapolis, Minnesota. Originating from ashared interest in applying targeted electrical andmechanical engineering solutions to common problemsfaced by modern day drone use, the company wasfounded around the idea of practical solutions to extenflight time, payload capacity, and transmission range,while maintaining a strict focus on effciency, sensibilityand coherence in desian. Our industrial drones offersome of the highest performance in their class, with aflexibility that is unmatched.We continue to push the boundaries and work towards innovative solutions that help redefne how unmannedvehicles can beneft the world.
		</view> -->
		
		<view class="content">
			<view v-if="$route.query.index == 4" v-html="$t('page.instructions.agreement')"></view>
			<u-parse v-else :content="info[type[$i18n.locale]]"></u-parse>
		</view>
	</view>
</template>

<script>
	import navbar from '@/components/base/m-navbar.vue'

	export default {
		components: {
			navbar
		},
		computed : {
			
			info(){
				let data = this[this.$route.query.type || 'outList'][this.$route.query.index]
				if(!data) return {}
				return data
			},
			
			title(){
				
				let key = this.$route.query.type == 'onList' ? 'onTitleList' : 'titleList'
				
				return this.$t(`page.instructions.${this[key][this.$route.query.index]}`)
			}
			
		},
		data() {
			return {
				titleList: ['tcTitle', 'eventTitle', 'faqTitle', 'aboutTtitle','agreementTitle'],
				onTitleList: ['', 'certificate'],
				onList : [],
				outList : [],
				type : {
					en : 'englishValue',
					es : "spanishValue",
					"zh" : "chineseValue"
				},
			}
		},
		onShow() {
			if(this.$route.query.index != 4){		//注册页面跳转过来的就不用登录，不然会一直跳登录页面去
				this.getIndexIcon()
			}
		},
		methods: {
			leftClick() {
				let url = this.$route.query.index == 4 ? '/pages/register/register' : "/pages/home/home"
				uni.navigateTo({
					url
				})
			},
			//获取首页图标
			getIndexIcon(){
				this.request('indexIcon').then(res => {
					if(res.code == 200){
						this.onList = res.result.onList;
						this.outList = res.result.outList;
					}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.instructions {
		width: 750rpx;
		min-height: 100vh;
		background-color: black;
		margin: 0 auto;
		background-size: 100%;
		background-repeat: no-repeat;
		color: white;

		.content {
			width: 96%;
			margin: 20rpx auto;
			font-size: 28rpx;
		}

		.t-c,
		.event,
		.faq,
		.about-us{
			padding-top: 60rpx;
		}

		.event {
			image {
				width: 750rpx;
				height: 1000rpx;
			}
		}
	}
</style>