notice-examPointApply.vue 3.74 KB
<template>
	<view class="notice-page">
		<view class="notice-content">
			<view class="notice-body">
				<!-- <view class="title">考点申请须知</view> -->
				<view class="subtitle">中国跆拳道协会考点申请须知</view>

				<view class="paragraph">
					欢迎贵单位申请成为中国跆拳道协会(以下简称中国跆协)考点。请确保本次申请系自愿行为,且已充分了解并愿意遵守本须知的全部内容。
				</view>

				<view class="section">
					<view class="section-title">一、基本要求</view>
					<view class="section-item">1. 申请单位须为中国跆协有效团体会员。</view>
					<view class="section-item">2. 具体申请条件(人员资质、场地设施等)请以中国跆协官网公布的最新要求为准。</view>
				</view>

				<view class="section">
					<view class="section-title">二、考点主要职责</view>
					<view class="section-item">1. 按规定组织考试,接受协会统一安排。</view>
					<view class="section-item">2. 严格执行收费标准,不得违规收费。</view>
					<view class="section-item">3. 按时完成成绩上传及证书办理。</view>
				</view>

				<view class="section">
					<view class="section-title">三、禁止事项</view>
					<view class="section-item">- 严禁跨区域组织考试</view>
					<view class="section-item">- 严禁为非会员单位办理证书</view>
					<view class="section-item">- 严禁买卖或伪造证书</view>
					<view class="section-item">- 严禁擅自颁发证书</view>
				</view>

				<view class="section">
					<view class="section-title">四、违规处理</view>
					<view class="section-item">视情节给予警告、暂停考点资格、取消考点资格、取消会员资格等处理;情节严重者列入行业黑名单。</view>
				</view>

				<view class="section">
					<view class="section-title">五、其他</view>
					<view class="section-item">本须知依据中国跆协相关规定制定,解释权归中国跆拳道协会所有。具体申请条件及材料清单,请登录中国跆拳道协会官网查询。</view>
				</view>
			</view>
		</view>

		<view class="notice-footer">
			<button class="back-btn" @click="goBack">上一步</button>
			<button class="agree-btn" @click="goApply">下一步</button>
		</view>
	</view>
</template>

<script setup>
function goApply() {
	uni.navigateTo({
		url: '/myCenter/examPointApply'
	})
}
function goBack() {
	uni.navigateBack({
		delta: 1
	})
}
</script>

<style lang="scss" scoped>
.notice-page {
	min-height: 100vh;
	background: #f5f5f5;
	display: flex;
	flex-direction: column;
}

.notice-content {
	flex: 1;
	padding: 30rpx;
	overflow-y: auto;
}

.notice-body {
	background: #fff;
	border-radius: 16rpx;
	padding: 40rpx;
}

.title {
	font-size: 36rpx;
	font-weight: 600;
	color: #333;
	text-align: center;
	margin-bottom: 30rpx;
}

.subtitle {
	font-size: 28rpx;
	color: #666;
	margin-bottom: 30rpx;
}

.paragraph {
	font-size: 28rpx;
	color: #666;
	line-height: 1.8;
	margin-bottom: 30rpx;
}

.section {
	margin-bottom: 30rpx;
}

.section-title {
	font-size: 30rpx;
	font-weight: 600;
	color: #333;
	margin-bottom: 16rpx;
}

.section-item {
	font-size: 26rpx;
	color: #666;
	line-height: 1.8;
	margin-bottom: 8rpx;
	text-align: justify;
}

.notice-footer {
	padding: 30rpx;
	background: #fff;
	box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: space-between;
}
.back-btn{
	width: 48%;
	height: 88rpx;
	line-height: 88rpx;
	background: #fff;
	color: #C4121B;
	font-size: 32rpx;
	border-radius: 44rpx;
	border: 1rpx solid #C4121B;
}
.agree-btn {
	width: 48%;
	height: 88rpx;
	line-height: 88rpx;
	background: #C4121B;
	color: #fff;
	font-size: 32rpx;
	border-radius: 44rpx;
	border: none;

	&::after {
		border: none;
	}
}
</style>