<template>
  <view class="margin flex flex-wrap">
	<view class="flex flex-wrap">
		<view @click="changeIntentions" class="iconfont agree-box" :class="[agree ? 'text-blue icon-check-square': 'text-gray icon-border']"></view>
		<view class="text-df text-black flex-sub agree-text">
			请认真阅读
			<text class="text-blue" @tap="serviceAgreement">《用户服务协议》</text>和
			<text class="text-blue" @tap="privacyAolicy">《隐私政策》</text>,
			勾选代表您已同意此协议
		</view>
	</view>
	<view class="flex flex-wrap margin-tb-sm  text-black">
		<view class="text-df text-bold flex agree-text">
			本人郑重承诺：
		</view>
		<view class="flex">
			<view @click="changeIntentions1" class="iconfont agree-box" :class="[agree1 ? 'text-blue icon-check-square': 'text-gray icon-border']"></view>
			<view class="text-df flex-sub agree-text">
				为疫情防控，本人同意以上信息依法提交山西大学统筹管理。
			</view>
		</view>
		<view class="flex">
			<view @click="changeIntentions2" class="iconfont agree-box" :class="[agree2 ? 'text-blue icon-check-square': 'text-gray icon-border']"></view>
			<view class="text-df flex-sub agree-text">
				上述信息是我本人填写，本人对信息内容的真实性和完整性负责。如果信息有误或者缺失，本人愿承担相应的法律责任。同时，本人保证遵守防疫管控的各项规定，配合并听从各项措施和要求。
			</view>
		</view>
	</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
	  agree: false,
	  agree1: false,
	  agree2: false,
    };
  },
  onLoad(op) {},  
  methods: {
	  changeIntentions(){
		  if(!this.agree){
			  this.agree = true;
		  }else{
			  this.agree = false;
		  }
		  this.$emit('changeIntentions',this.agree)
	  },
	  
	  changeIntentions1(){
	  		  if(!this.agree1){
	  			  this.agree1 = true;
	  		  }else{
	  			  this.agree1 = false;
	  		  }
	  		  this.$emit('changeIntentions1',this.agree1)
	  },
	  
	  changeIntentions2(){
	  		  if(!this.agree2){
	  			  this.agree2 = true;
	  		  }else{
	  			  this.agree2 = false;
	  		  }
	  		  this.$emit('changeIntentions2',this.agree2)
	  },
	  
	  // 服务协议
	  serviceAgreement(){
		  console.log('用户服务协议')
		  uni.navigateToMiniProgram({
		    appId: 'wx5b97b0686831c076',
		    path: 'pages/preview/preview?sid=&fid=60774991254',
		    success(res) {
		      console.log(res);
		    },
		  });
	  }, 
	  
	  // 隐私政策
	  privacyAolicy(){
		uni.navigateToMiniProgram({
		  appId: 'wx5b97b0686831c076',
		  path: 'pages/preview/preview?sid=&fid=60774976650',
		  success(res) {
		    console.log(res);
		  },
		});
	  }
  },
};
</script>

<style lang="scss" scoped>
	.agree-box {
		width: 70rpx;
	}
	
	.agree-text {
		line-height: 60rpx;
	}
</style>
