<template>
	<view class="twoRule">
		<!-- 校纪校规 -->

		<!-- <view class="tel_index_bg"></view> -->

		<view class="vio_list">
			<!-- <scroll-view scroll-y="true"  class="main_box"> -->
			<view class="text-content" v-html="textAll"></view>
			<!-- </scroll-view> -->
		</view>

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

<script>
	import Vue from 'vue'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	var that
	export default {
		data() {
			return {
				textAll: `1.学生不得配带首饰如耳环、耳钉、项链、戒指、手链等。
				<br/><br/>2.不能将头发染成除黑色以外的其它颜色,女生不能烫头,男生 能留过长头发,不得理成毛刺等奇异发型。
				<br/><br/>3.穿衣要干净整洁、不能敞胸露怀,裤子不能卷起裤腿,不能穿拖 鞋来学校上学。
				<br/><br/>4.不能在校园内骑车、课间活动时不能追逐、打斗、大声喧哗,更 不能骂街, (在公共场所发酒疯,闹事,骂人等等) 。不得在校门口停 放自行车。自行车支架不全者,不得骑来学校(否则没收)
				<br/><br/>5、学生在上课时不应带手机、MP3、MP4等进教室，更不能在课堂上接听电话，影响教师讲课和他人听讲。
				<br/><br/>6、不能乱花零钱，在校园内不能吃零食，课间不能买任何东西。（违者一次罚款10元)
				<br/><br/>7、不能携带凶器进校园，不能拉帮结伙打群架（违者通知家长，两次劝其退学)
				<br/><br/>8、不能喝酒吸烟，不允许骑摩托车来上学。
				<br/><br/>9、不能损坏公物，对故意损坏公物者除赔偿外，另5倍罚款.
				<br/><br/>10、不能乱丢垃圾，垃圾倒在指定位置。
				<br/><br/>11、独立认真完成作业，课间操要认真规范做。`,
				seleShow: false, //是否点击同意
				is_seleShow:false
			}
		},
		onLoad() {
			that=this
			var is_seleShow=uni.getStorageSync('seleShow')
			this.is_seleShow=is_seleShow
			this.getdata()
		},
		methods: {
			getdata(){
				///study/letter_wx
				var datas = {
					key	:'xjxg'
				}
				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('seleShow', 'true');

					uni.navigateBack({
						delta: 1
					})
				}
			}
		}
	}
</script>

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

	.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;
		}
	}

	.btom_agree_all {
		width: 100%;
		height: 90rpx;
		line-height: 90rpx;
		justify-content: flex-start;
		align-items: center;
		padding: 0 30rpx;
		// font-size: 24rpx;
		// color: #929399;
		font-size: 34rpx;
		color: #2D81FF;
	}

	.sele_yes {
		width: 28rpx;
		height: 28rpx;
		border: 1px solid #2D81FF;
		border-radius: 50%;
		margin-right: 10rpx;
		position: relative;
		margin-right: 14rpx;

		.sele_yes_img {
			width: 18rpx;
			height: 18rpx;
			background-color: #2D81FF;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	.agree_btn {
		width: 576rpx;
		height: 90rpx;
		line-height: 90rpx;
		background: #2D81FF;
		box-shadow: 5rpx 9rpx 30rpx 0rpx rgba(45, 129, 255, 0.2);
		border-radius: 45rpx;
		margin: 0 auto 30rpx auto;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
	}
</style>