<template>
	<view class="twoClassRules">
		<!-- 班级班规 -->
		<!-- <view class="tel_index_bg"></view> -->

		<view class="vio_list">
			<view class="text-content" v-html="textAll"></view>
		</view>
		
		<view class="operate-wrap"  v-if="!is_seleShow">
			<view class="btom_agree_all flex" @tap="agreeClick">
				<view class="sele_yes">
					<view class="sele_yes_img" v-show="seleShow"></view>
				</view>
				我已详细阅读，并同意和服从管理
			</view>
			<view  class="agree_btn" @tap="agreeTap">
				同意
			</view>
		</view>

	</view>
</template>

<script>
	import Vue from 'vue'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	var that
	export default {
		data() {
			return {
				textAll: `1.课上交头接耳，小声说话，接教师话茬、起哄，无理取闹，顶撞任课教师，发生师生冲突等行为的，或被逐出教室的，扣2分。
				<br/><br/>2.外出不请假的，每次扣1分；迟到早退同学，每次扣1分。
				<br/><br/>4.上课不认真听讲，睡觉、照镜子、吃东西、传纸条、交头接耳、嬉笑打闹、擅自换座位、离座且不服从管理的、玩打火机等扣2分。
				<br/><br/>5.自习课(午间休息、晚自习、早自习)纪律，负责人连续提醒个人两次不听者，扣1分，并在班级通报批评。屡教不改者，酌情加倍扣分。
				<br/><br/>6.每旷课一节扣5分，请假需有班主任签字。否则当旷课计算。
				<br/><br/>7.不按时完成作业的，每次扣1分。
				<br/><br/>8.损坏班级、学校公物、践踏草坪，每次扣1分
				<br/><br/>8.损坏班级、学校公物、践踏草坪，每次扣1分
				<br/><br/>8.损坏班级、学校公物、践踏草坪，每次扣1分
				<br/><br/>8.损坏班级、学校公物、践踏草坪，每次扣1分
				<br/><br/>8.损坏班级、学校公物、践踏草坪，每次扣1分`,
				seleShow: false, //是否点击同意
				is_seleShow:false
			}
		},
		onLoad() {
			that=this
			var is_seleShow=uni.getStorageSync('seleShow1')
			this.is_seleShow=is_seleShow
			this.getdata()
		},
		methods: {
			getdata(){
				///study/letter_wx
				var datas = {
					key	:'bjbg'
				}
				var jkurl = '/study/single'
							
				that.$service.P_post(jkurl, datas).then(res => {
					that.btnkg = 0
					console.log(res)
					if (res.code == 1) {
						that.htmlReset = 0
						var datas = res.data
						console.log(typeof datas)
						that.textAll=datas.content
					} else {
							
						if (res.msg) {
							uni.showToast({
								icon: 'none',
								title: res.msg
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: '获取数据失败'
							})
						}
					}
				}).catch(e => {
					that.htmlReset = 1
					that.btnkg = 0
					// that.$refs.htmlLoading.htmlReset_fuc(1)
					console.log(e)
					uni.showToast({
						icon: 'none',
						title: '获取数据失败，请检查您的网络连接'
					})
				})
			},
			
			agreeClick() {//是否选择同意
				this.seleShow = !this.seleShow
			},
			agreeTap(){//同意按钮
				if(this.seleShow === false){
					uni.showToast({
						icon:"none",
						title:"请选择同意"
					})
				}else{
					uni.setStorageSync('seleShow1', 'true');
					
					uni.navigateBack({
						delta:1
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.twoRule {
		position: relative;
		padding-bottom: 40rpx;
	}

	.tel_index_bg {
		position: absolute;
		top: 0;
		z-index: 1;
		width: 100%;
		min-height: 220rpx;
		background: linear-gradient(0deg, #f8f8f8 0%, #5D9DFD 60%, #428EFE 70%, #2D81FF 100%);
	}

	.vio_list {
		width: 100%;
		padding: 30rpx 30rpx 0 30rpx;
		border-radius: 20rpx;
		position: relative;
		z-index: 2;
		.text-content {
			background: #FFFFFF;
			border-radius: 10rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #545C71;
			padding: 50rpx 32rpx;
			min-height: 300rpx;
		}
	}
	.operate-wrap {
		width: 100%;
		padding: 0 30rpx;
		margin-top: 50rpx;
	}
	.btom_agree_all {
		width: 100%;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #646464;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20rpx;
		.sele_yes {
			width: 28rpx;
			height: 28rpx;
			border: 2px solid #A3C8FF;
			border-radius: 50%;
			margin-right: 10rpx;
			position: relative;
			margin-right: 14rpx;
			
			.sele_yes_img {
				width: 28rpx;
				height: 28rpx;
				border: 2px solid #A3C8FF;
				border-radius: 50%;
				background-color: #2D81FF;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
		}
	}
	
	
	.agree_btn{
		width: 100%;
		height: 90rpx;
		line-height: 90rpx;
		background: #2D81FF;
		border-radius: 45rpx;
		font-size: 34rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
	}
</style>