<template>
	<!-- pages/meeting-room/guide.wxml -->
	<!-- pages/meeting-room/notice.wxml -->
	<view class="notice-container">
		<view class="notice-title" style="font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 10px;">
			近山社区城市青年会客厅使用说明</view>

		<view class="notice-section-title">一、城市青年会客厅</view><br>
		<view class="notice-content">
			为了能进一步创新社区服务模式，更好地利用社区公共资源为民服务、为企解忧、为共建强基，2025年起，近山社区将社区党群服务中心二楼"共享空间"升级为社区"城市青年会客厅"（以下简称"会客厅"）用途使用。会客厅位于紫琅人才公寓33号楼二楼，面积为368.3㎡，功能布局为：文化展示区、妇女儿童之家、党建会议室、中心会客厅、共享会议室、自习室。
		</view><br>

		<view class="notice-section-title">二、使用须知</view><br>
		<view class="notice-content">
			第一条：会客厅仍实行园区共享机制。即会客厅除了平时用于社区日常的功能使用需要之外，根据驻辖区单位、业主以及社区共建单位的申请需求还可以作为社区共享资源场地免费使用。主要用于召开园区单位会议、接待来宾、培训活动以及举办其他合法活动。会客厅由近山社区统一管理，负责使用登记与调度、设备维护等相关内容。
		</view><br>

		<view class="notice-content">
			第二条：会客厅实行提前预约制度。申请使用会客厅时，需填写《近山社区城市青年会客厅使用申请表》，说明申请用途和目的等相关情况。如有需要社区协助办理的事项需提前注明，以便根据情况做好相关协调安排。为避免使用时间段冲突，要求各申请人/单位至少提前1天预约，重要活动需提前一周预约。特殊情况下，需要紧急申请使用的，应及时向社区提出申请并在使用后进行补办相关手续。
		</view><br>

		<view class="notice-content">
			第三条：申请单位在使用期间应严格遵守国家法律法规，并有完善的安全应急预案。严禁使用会客厅开展任何违反法律法规，违背社会公序良俗的活动，产生的社会负面影响及法律责任由申请使用方负责；因申请使用方的安全应急预案不严谨、不完善以及现场活动组织不严密等问题造成的安全事故责任由申请使用方负责。出现以上问题的，取消该预约单位（借用人）后续使用会客厅的权利，并列入社区征信名单。
		</view><br>

		<view class="notice-section-title">三、注意事项</view><br>
		<view class="notice-content">
			第一条：应在所预约时间内，按流程规定使用会客厅，申请方应主动与社区联系，并重新调整申请使用时间；逾期未使用则由社区另作调剂会客厅的使用权。
		</view><br>

		<view class="notice-content">
			第二条：如预约单位有逾期使用的需求，需重新按程序申请；若申请逾期的使用时间段内已有其他单位预约使用，逾期使用的预约单位不得继续占用会客厅的使用权。
		</view><br>

		<view class="notice-content">
			第三条：会客厅内的设施设备属于社区的固定资产，在作为会客厅使用时，由社区专人转交给申请单位临时使用，社区专人对接和临时移交申请使用单位，申请单位须安排专人负责。申请使用期间，会客厅内的物资财产的保管与使用由申请使用方负责。使用者要爱护会客厅内的公共设施，损坏照价赔偿，未经社区允许不得擅自将会客厅内的多媒体设备、桌椅等物资财产置于会客厅以外范围使用。
		</view><br>

		<view class="notice-content">
			第四条：会客厅在使用期间，应不影响社区正常办公、居民正常生活，同时保持内部的整洁有序；使用者应在使用完毕后对会议室进行复位整理（如：复位桌椅，关闭窗户及电器设备等）。使用单位应安排专人进行检查，提醒宾客（与会人员）带走自己的随身物品，若因遗落而丢失或被清理，社区概不承责。如发现设备故障或公物损坏应及时报至社区，由使用方负责维修或照价赔偿。
		</view><br>
		<view class="notice-content">
			第五条：以上内容的最终解释权归近山社区所有。
		</view>
		<view style="display: flex; align-items: flex-start; color: black; margin-top: 20px;">
			<checkbox-group @change="checkboxChange">
			<label>
				<checkbox :value="isreaded" style="transform:scale(0.7)"/><text style="font-size: 16px;">{{name}}</text>
			</label>
			</checkbox-group>
		</view>

	</view>
</template>

<script>
	export default {
		name: 'instruction',
		data() {
			return {
				checkboxValue1: [],
				isreaded: false,
				name: '我（单位）已阅读并清楚近山社区城市青年会客厅使用说明中的使用须知和注意事项'
			}
		},
		methods: {
			checkboxChange(n) {
				console.log('change', n);
				if(n.detail.value.length>0){
					this.$emit('change',false)
				}else{
					this.$emit('change',true)
				}
			}
		}
	}
</script>

<style scoped>
	.notice-container {
		height: 600rpx;
		width: 600rpx;
		color: #666;
		font-size: 12px;
		line-height: 20px;
		overflow-y: scroll;
		margin: 20px;

	}

	.notice-content {
		text-indent: 2em;
	}

	/* pages/meeting-room/guide.wxss */
	.container {
		padding: 20rpx;
		color: #333;
		font-size: 28rpx;
		line-height: 1.6;
	}

	.header {
		text-align: center;
		margin-bottom: 40rpx;
		padding-bottom: 20rpx;
		border-bottom: 1rpx solid #eee;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #2c3e50;
	}

	.section {
		margin-bottom: 40rpx;
	}

	.section-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #2c3e50;
		border-left: 8rpx solid #07c160;
		padding-left: 20rpx;
		margin: 30rpx 0 20rpx;
	}

	.info-box {
		background-color: #f8f9fa;
		padding: 20rpx;
		border-radius: 10rpx;
		margin: 20rpx 0;
	}

	.info-item {
		display: block;
		margin-bottom: 10rpx;
	}

	.rule,
	.note {
		margin-bottom: 30rpx;
		background-color: #f8f9fa;
		padding: 20rpx;
		border-radius: 10rpx;
	}

	.rule-title,
	.note-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #07c160;
		margin-bottom: 15rpx;
	}

	.footer {
		text-align: center;
		margin-top: 60rpx;
		padding-top: 30rpx;
		border-top: 1rpx solid #eee;
		color: #7f8c8d;
		font-size: 26rpx;
	}

	.footer view {
		display: block;
		margin-bottom: 10rpx;
	}
</style>