menber-center/pages/jixujiaoyunianjian/jixujiaoyunianjian.vue

<template>
	<view class="container">
		<view class="info-box">
			<view class="info-item">
				用&nbsp;&nbsp;户&nbsp;名：{{user.name}}
			</view>
			<view class="info-item">
				任职机构：{{user.corpName ?? '无'}}
			</view>
			<view class="info-item">
				业务水平认证证书编号：{{user.corpRegNo ?? '无'}}
			</view>
		</view>
		<view class="list-box">
			<view class="list-item-box">
				<view class="list-item year">
					年份
				</view>
				<view class="list-item fen">
					应休学分
				</view>
				<view class="list-item fen">
					已修学分
				</view>
				<view class="list-item btn">
					年检情况
				</view>
			</view>
			<view class="list-item-box" v-for="(item, index) in listData" :key="index">
				<view class="list-item year">
					{{item.year}}
				</view>
				<view class="list-item fen">
					{{item.credit}}
				</view>
				<view class="list-item fen">
					{{item.gotCredit}}
				</view>
				<view class="list-item btn">
					<view class="button" :class="[item.finish ? 'primary' : 'error']" @click="onXuexi(item)">
						{{item.annIns}}
					</view>
				</view>
			</view>
		</view>
		<view class="desc-box">
			<rich-text :nodes="explain"></rich-text>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	import { onLoad } from '@dcloudio/uni-app'
	import { useAuthStore } from '@/store/authStore'
	
	import { list } from '@/api/report.js'
	const authStore = useAuthStore()
	
	// 用户信息
	const user = ref({
		userIcon: '1',
		name: '某某某',
		corpName: '广州市xx地产有限公司',
		corpRegNo: '123xxxx'
	})
	
	const listData = ref([
	])
	const explain = ref(`
	<h5 id="w-e-element-57" data-slate-node="element"><span id="w-e-text-58" data-slate-node="text"><span data-slate-leaf="true">会员网络教育年检规则:</span></span></h5>
	<p id="w-e-element-65" data-slate-node="element"><span id="w-e-text-66" style="font-size: 8pt;" data-slate-node="text">持证人员每年需完成24个学分。 持证人员会籍有效（注：已缴交当年个人会费）时，系统方可记录学分。 持证人员在年检期内完成年检的，方可享受学分减免。</span></p>
	<h5 id="w-e-element-19" data-slate-node="element"><span id="w-e-text-24" data-slate-node="text"><span data-slate-leaf="true">继续教育学分获取、减免及奖励</span></span></h5>
	<div id="w-e-element-25" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">1.</span><span id="w-e-text-26" style="font-size: 8pt;" data-slate-node="text">持证人员可通过以下方式获取继续教育学分：</span></div>
	<div id="w-e-element-27" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">2.</span><span id="w-e-text-28" style="font-size: 8pt;" data-slate-node="text">通过协会网络教育培训系统进行学习；</span></div>
	<div id="w-e-element-29" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">3.</span><span id="w-e-text-30" style="font-size: 8pt;" data-slate-node="text">参加由协会组织的培训、会议或集体活动</span></div>
	<div id="w-e-element-31" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">4.</span><span id="w-e-text-32" style="font-size: 8pt;" data-slate-node="text">参加经协会认可的培训机构组织的培训</span></div>
	<div id="w-e-element-33" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">5.</span><span id="w-e-text-34" style="font-size: 8pt;" data-slate-node="text">参加经协会认可的企业内部培训；</span></div>
	<div id="w-e-element-35" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">6.</span><span id="w-e-text-36" style="font-size: 8pt;" data-slate-node="text">参与经理人指数投票；</span></div>
	<div id="w-e-element-37" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">7.</span><span id="w-e-text-38" style="font-size: 8pt;" data-slate-node="text">在国家、省、市级刊物发表房地产专业文章，或在协会内部刊物、网站、微信等发表房地产专业文章。</span></div>
	<p id="w-e-element-39" data-slate-node="element"><span id="w-e-text-40" style="font-size: 8pt;" data-slate-node="text"><strong class="token bold">其中，持证人员每年可免费参加协会组织的线下面授培训课程。</strong></span></p>
	<p id="w-e-element-41" data-slate-node="element"><span id="w-e-text-42" style="font-size: 8pt;" data-slate-node="text">为鼓励持证人员规范执业，诚实守信，凡协会个人会员且年度信用评分在80分以上的持证人员，符合以下情形的可获相应的继续教育学分减免。</span></p>
	<div id="w-e-element-43" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">1.</span><span id="w-e-text-44" style="font-size: 8pt;" data-slate-node="text">连续执业满8年以上，当年需修满12学分即可；</span></div>
	<div id="w-e-element-45" data-slate-node="element"><span contenteditable="false" data-w-e-reserve="true">2.</span><span id="w-e-text-46" style="font-size: 8pt;" data-slate-node="text">连续执业满10年以上，当年需修满6学分即可；</span></div>
	<div id="w-e-element-47" data-slate-node="element" data-slate-fragment="JTVCJTdCJTIydHlwZSUyMiUzQSUyMmhlYWRlcjUlMjIlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjIlRTQlQkMlOUElRTUlOTElOTglRTclQkQlOTElRTclQkIlOUMlRTYlOTUlOTklRTglODIlQjIlRTUlQjklQjQlRTYlQTMlODAlRTglQTclODQlRTUlODglOTklM0ElMjIlN0QlNUQlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTJDJTdCJTIydHlwZSUyMiUzQSUyMnBhcmFncmFwaCUyMiUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjIlRTYlOEMlODElRTglQUYlODElRTQlQkElQkElRTUlOTElOTglRTYlQUYlOEYlRTUlQjklQjQlRTklOUMlODAlRTUlQUUlOEMlRTYlODglOTAyNCVFNCVCOCVBQSVFNSVBRCVBNiVFNSU4OCU4NiVFMyU4MCU4MiU1Q24lRTYlOEMlODElRTglQUYlODElRTQlQkElQkElRTUlOTElOTglRTQlQkMlOUElRTclQjElOEQlRTYlOUMlODklRTYlOTUlODglRUYlQkMlODglRTYlQjMlQTglRUYlQkMlOUElRTUlQjclQjIlRTclQkMlQjQlRTQlQkElQTQlRTUlQkQlOTMlRTUlQjklQjQlRTQlQjglQUElRTQlQkElQkElRTQlQkMlOUElRTglQjQlQjklRUYlQkMlODklRTYlOTclQjYlRUYlQkMlOEMlRTclQjMlQkIlRTclQkIlOUYlRTYlOTYlQjklRTUlOEYlQUYlRTglQUUlQjAlRTUlQkQlOTUlRTUlQUQlQTYlRTUlODglODYlRTMlODAlODIlNUNuJUU2JThDJTgxJUU4JUFGJTgxJUU0JUJBJUJBJUU1JTkxJTk4JUU1JTlDJUE4JUU1JUI5JUI0JUU2JUEzJTgwJUU2JTlDJTlGJUU1JTg2JTg1JUU1JUFFJThDJUU2JTg4JTkwJUU1JUI5JUI0JUU2JUEzJTgwJUU3JTlBJTg0JUVGJUJDJThDJUU2JTk2JUI5JUU1JThGJUFGJUU0JUJBJUFCJUU1JThGJTk3JUU1JUFEJUE2JUU1JTg4JTg2JUU1JTg3JThGJUU1JTg1JThEJUUzJTgwJTgyJTIyJTdEJTVEJTdEJTJDJTdCJTIydHlwZSUyMiUzQSUyMmhlYWRlcjUlMjIlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjIlRTclQkIlQTclRTclQkIlQUQlRTYlOTUlOTklRTglODIlQjIlRTUlQUQlQTYlRTUlODglODYlRTglOEUlQjclRTUlOEYlOTYlRTMlODAlODElRTUlODclOEYlRTUlODUlOEQlRTUlOEYlOEElRTUlQTUlOTYlRTUlOEElQjElMjIlN0QlNUQlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTJDJTdCJTIydHlwZSUyMiUzQSUyMmxpc3QtaXRlbSUyMiUyQyUyMm9yZGVyZWQlMjIlM0F0cnVlJTJDJTIybGV2ZWwlMjIlM0EwJTJDJTIyY2hpbGRyZW4lMjIlM0ElNUIlN0IlMjJ0ZXh0JTIyJTNBJTIyJUU2JThDJTgxJUU4JUFGJTgxJUU0JUJBJUJBJUU1JTkxJTk4JUU1JThGJUFGJUU5JTgwJTlBJUU4JUJGJTg3JUU0JUJCJUE1JUU0JUI4JThCJUU2JTk2JUI5JUU1JUJDJThGJUU4JThFJUI3JUU1JThGJTk2JUU3JUJCJUE3JUU3JUJCJUFEJUU2JTk1JTk5JUU4JTgyJUIyJUU1JUFEJUE2JUU1JTg4JTg2JUVGJUJDJTlBJTIyJTdEJTVEJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCUyQyU3QiUyMnR5cGUlMjIlM0ElMjJsaXN0LWl0ZW0lMjIlMkMlMjJvcmRlcmVkJTIyJTNBdHJ1ZSUyQyUyMmxldmVsJTIyJTNBMCUyQyUyMmNoaWxkcmVuJTIyJTNBJTVCJTdCJTIydGV4dCUyMiUzQSUyMiVFOSU4MCU5QSVFOCVCRiU4NyVFNSU4RCU4RiVFNCVCQyU5QSVFNyVCRCU5MSVFNyVCQiU5QyVFNiU5NSU5OSVFOCU4MiVCMiVFNSU5RiVCOSVFOCVBRSVBRCVFNyVCMyVCQiVFNyVCQiU5RiVFOCVCRiU5QiVFOCVBMSU4QyVFNSVBRCVBNiVFNCVCOSVBMCVFRiVCQyU5QiUyMiU3RCU1RCUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlN0QlMkMlN0IlMjJ0eXBlJTIyJTNBJTIybGlzdC1pdGVtJTIyJTJDJTIyb3JkZXJlZCUyMiUzQXRydWUlMkMlMjJsZXZlbCUyMiUzQTAlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjIlRTUlOEYlODIlRTUlOEElQTAlRTclOTQlQjElRTUlOEQlOEYlRTQlQkMlOUElRTclQkIlODQlRTclQkIlODclRTclOUElODQlRTUlOUYlQjklRTglQUUlQUQlRTMlODAlODElRTQlQkMlOUElRTglQUUlQUUlRTYlODglOTYlRTklOUIlODYlRTQlQkQlOTMlRTYlQjQlQkIlRTUlOEElQTglMjIlN0QlNUQlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTJDJTdCJTIydHlwZSUyMiUzQSUyMmxpc3QtaXRlbSUyMiUyQyUyMm9yZGVyZWQlMjIlM0F0cnVlJTJDJTIybGV2ZWwlMjIlM0EwJTJDJTIyY2hpbGRyZW4lMjIlM0ElNUIlN0IlMjJ0ZXh0JTIyJTNBJTIyJUU1JThGJTgyJUU1JThBJUEwJUU3JUJCJThGJUU1JThEJThGJUU0JUJDJTlBJUU4JUFFJUE0JUU1JThGJUFGJUU3JTlBJTg0JUU1JTlGJUI5JUU4JUFFJUFEJUU2JTlDJUJBJUU2JTlFJTg0JUU3JUJCJTg0JUU3JUJCJTg3JUU3JTlBJTg0JUU1JTlGJUI5JUU4JUFFJUFEJTIyJTdEJTVEJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCUyQyU3QiUyMnR5cGUlMjIlM0ElMjJsaXN0LWl0ZW0lMjIlMkMlMjJvcmRlcmVkJTIyJTNBdHJ1ZSUyQyUyMmxldmVsJTIyJTNBMCUyQyUyMmNoaWxkcmVuJTIyJTNBJTVCJTdCJTIydGV4dCUyMiUzQSUyMiVFNSU4RiU4MiVFNSU4QSVBMCVFNyVCQiU4RiVFNSU4RCU4RiVFNCVCQyU5QSVFOCVBRSVBNCVFNSU4RiVBRiVFNyU5QSU4NCVFNCVCQyU4MSVFNCVCOCU5QSVFNSU4NiU4NSVFOSU4MyVBOCVFNSU5RiVCOSVFOCVBRSVBRCVFRiVCQyU5QiUyMiU3RCU1RCUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlN0QlMkMlN0IlMjJ0eXBlJTIyJTNBJTIybGlzdC1pdGVtJTIyJTJDJTIyb3JkZXJlZCUyMiUzQXRydWUlMkMlMjJsZXZlbCUyMiUzQTAlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjIlRTUlOEYlODIlRTQlQjglOEUlRTclQkIlOEYlRTclOTAlODYlRTQlQkElQkElRTYlOEMlODclRTYlOTUlQjAlRTYlOEElOTUlRTclQTUlQTglRUYlQkMlOUIlMjIlN0QlNUQlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTJDJTdCJTIydHlwZSUyMiUzQSUyMmxpc3QtaXRlbSUyMiUyQyUyMm9yZGVyZWQlMjIlM0F0cnVlJTJDJTIybGV2ZWwlMjIlM0EwJTJDJTIyY2hpbGRyZW4lMjIlM0ElNUIlN0IlMjJ0ZXh0JTIyJTNBJTIyJUU1JTlDJUE4JUU1JTlCJUJEJUU1JUFFJUI2JUUzJTgwJTgxJUU3JTlDJTgxJUUzJTgwJTgxJUU1JUI4JTgyJUU3JUJBJUE3JUU1JTg4JThBJUU3JTg5JUE5JUU1JThGJTkxJUU4JUExJUE4JUU2JTg4JUJGJUU1JTlDJUIwJUU0JUJBJUE3JUU0JUI4JTkzJUU0JUI4JTlBJUU2JTk2JTg3JUU3JUFCJUEwJUVGJUJDJThDJUU2JTg4JTk2JUU1JTlDJUE4JUU1JThEJThGJUU0JUJDJTlBJUU1JTg2JTg1JUU5JTgzJUE4JUU1JTg4JThBJUU3JTg5JUE5JUUzJTgwJTgxJUU3JUJEJTkxJUU3JUFCJTk5JUUzJTgwJTgxJUU1JUJFJUFFJUU0JUJGJUExJUU3JUFEJTg5JUU1JThGJTkxJUU4JUExJUE4JUU2JTg4JUJGJUU1JTlDJUIwJUU0JUJBJUE3JUU0JUI4JTkzJUU0JUI4JTlBJUU2JTk2JTg3JUU3JUFCJUEwJUUzJTgwJTgyJTIyJTdEJTVEJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCUyQyU3QiUyMnR5cGUlMjIlM0ElMjJwYXJhZ3JhcGglMjIlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjIlRTUlODUlQjYlRTQlQjglQUQlRUYlQkMlOEMlRTYlOEMlODElRTglQUYlODElRTQlQkElQkElRTUlOTElOTglRTYlQUYlOEYlRTUlQjklQjQlRTUlOEYlQUYlRTUlODUlOEQlRTglQjQlQjklRTUlOEYlODIlRTUlOEElQTAlRTUlOEQlOEYlRTQlQkMlOUElRTclQkIlODQlRTclQkIlODclRTclOUElODQlRTclQkElQkYlRTQlQjglOEIlRTklOUQlQTIlRTYlOEUlODglRTUlOUYlQjklRTglQUUlQUQlRTglQUYlQkUlRTclQTglOEIlRTMlODAlODIlMjIlMkMlMjJib2xkJTIyJTNBdHJ1ZSU3RCU1RCUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlN0QlMkMlN0IlMjJ0eXBlJTIyJTNBJTIycGFyYWdyYXBoJTIyJTJDJTIyY2hpbGRyZW4lMjIlM0ElNUIlN0IlMjJ0ZXh0JTIyJTNBJTIyJUU0JUI4JUJBJUU5JUJDJTkzJUU1JThBJUIxJUU2JThDJTgxJUU4JUFGJTgxJUU0JUJBJUJBJUU1JTkxJTk4JUU4JUE3JTg0JUU4JThDJTgzJUU2JTg5JUE3JUU0JUI4JTlBJUVGJUJDJThDJUU4JUFGJTlBJUU1JUFFJTlFJUU1JUFFJTg4JUU0JUJGJUExJUVGJUJDJThDJUU1JTg3JUExJUU1JThEJThGJUU0JUJDJTlBJUU0JUI4JUFBJUU0JUJBJUJBJUU0JUJDJTlBJUU1JTkxJTk4JUU0JUI4JTk0JUU1JUI5JUI0JUU1JUJBJUE2JUU0JUJGJUExJUU3JTk0JUE4JUU4JUFGJTg0JUU1JTg4JTg2JUU1JTlDJUE4ODAlRTUlODglODYlRTQlQkIlQTUlRTQlQjglOEElRTclOUElODQlRTYlOEMlODElRTglQUYlODElRTQlQkElQkElRTUlOTElOTglRUYlQkMlOEMlRTclQUMlQTYlRTUlOTAlODglRTQlQkIlQTUlRTQlQjglOEIlRTYlODMlODUlRTUlQkQlQTIlRTclOUElODQlRTUlOEYlQUYlRTglOEUlQjclRTclOUIlQjglRTUlQkElOTQlRTclOUElODQlRTclQkIlQTclRTclQkIlQUQlRTYlOTUlOTklRTglODIlQjIlRTUlQUQlQTYlRTUlODglODYlRTUlODclOEYlRTUlODUlOEQlRTMlODAlODIlMjIlN0QlNUQlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTJDJTdCJTIydHlwZSUyMiUzQSUyMmxpc3QtaXRlbSUyMiUyQyUyMm9yZGVyZWQlMjIlM0F0cnVlJTJDJTIybGV2ZWwlMjIlM0EwJTJDJTIyY2hpbGRyZW4lMjIlM0ElNUIlN0IlMjJ0ZXh0JTIyJTNBJTIyJUU4JUJGJTlFJUU3JUJCJUFEJUU2JTg5JUE3JUU0JUI4JTlBJUU2JUJCJUExOCVFNSVCOSVCNCVFNCVCQiVBNSVFNCVCOCU4QSVFRiVCQyU4QyVFNSVCRCU5MyVFNSVCOSVCNCVFOSU5QyU4MCVFNCVCRiVBRSVFNiVCQiVBMTEyJUU1JUFEJUE2JUU1JTg4JTg2JUU1JThEJUIzJUU1JThGJUFGJUVGJUJDJTlCJTIyJTdEJTVEJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCUyQyU3QiUyMnR5cGUlMjIlM0ElMjJsaXN0LWl0ZW0lMjIlMkMlMjJvcmRlcmVkJTIyJTNBdHJ1ZSUyQyUyMmxldmVsJTIyJTNBMCUyQyUyMmNoaWxkcmVuJTIyJTNBJTVCJTdCJTIydGV4dCUyMiUzQSUyMiVFOCVCRiU5RSVFNyVCQiVBRCVFNiU4OSVBNyVFNCVCOCU5QSVFNiVCQiVBMTEwJUU1JUI5JUI0JUU0JUJCJUE1JUU0JUI4JThBJUVGJUJDJThDJUU1JUJEJTkzJUU1JUI5JUI0JUU5JTlDJTgwJUU0JUJGJUFFJUU2JUJCJUExNiVFNSVBRCVBNiVFNSU4OCU4NiVFNSU4RCVCMyVFNSU4RiVBRiVFRiVCQyU5QiUyMiU3RCU1RCUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlN0QlMkMlN0IlMjJ0eXBlJTIyJTNBJTIybGlzdC1pdGVtJTIyJTJDJTIyb3JkZXJlZCUyMiUzQXRydWUlMkMlMjJsZXZlbCUyMiUzQTAlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjIlRTglQkYlOUUlRTclQkIlQUQlRTYlODklQTclRTQlQjglOUExNSVFNCVCQiVBNSVFNCVCOCU4QSVFNiU4OCU5NiVFNSVCOSVCNCVFOSVCRSU4NDU1JUU1JTkxJUE4JUU1JUIyJTgxJUU0JUJCJUE1JUU0JUI4JThBJUU0JUI4JTk0JUU4JUJGJTlFJUU3JUJCJUFEJUU2JTg5JUE3JUU0JUI4JTlBJUU2JUJCJUExMiVFNSVCOSVCNCVFRiVCQyU4QyVFNSVCRCU5MyVFNSVCOSVCNCVFNSU4RiVBRiVFNSU4NSVBOCVFNSU4NSU4RCVFNyVCQiVBNyVFNyVCQiVBRCVFNiU5NSU5OSVFOCU4MiVCMiVFNSVBRCVBNiVFNSU4OCU4NiVFMyU4MCU4MiUyMiU3RCU1RCUyQyUyMnRleHRBbGlnbiUyMiUzQSUyMmxlZnQlMjIlN0QlNUQ="><span contenteditable="false" data-w-e-reserve="true">3.</span><span id="w-e-text-48" style="font-size: 8pt;" data-slate-node="text">连续执业15以上或年龄55周岁以上且连续执业满2年，当年可全免继续教育学分。</span></div>
	`)
	function onXuexi(val) {
		console.log('点击学习')
	}
	
	onLoad(() => {
		user.value = authStore.userInfo
		list().then(res => {
			if (res && res.message === 'success') {
				listData.value = res.data.creditList
			}
		})
	})
</script>

<style lang="scss" scoped>
	.container {
		height: 100vh;
		width: 100vw;
		background: rgb(141, 204, 255);
		background: -moz-linear-gradient(   90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
		background: -webkit-linear-gradient(90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
		background: -o-linear-gradient(     90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
		background: -ms-linear-gradient(    90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
		background: linear-gradient(       180deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
		
		.info-box {
			margin: 0 20rpx;
			padding: 0 40rpx;
			padding-top: 50rpx;
			margin-bottom: 30rpx;
			.info-item {
				margin-bottom: 10rpx;
				font-size: $uni-title-font-size-2;
				font-weight: bold;
				letter-spacing: 3rpx;
			}
		}
		
		.list-box {
			margin: 0 20rpx;
			background-color: $uni-bg-color-grey;
			border-radius: $uni-card-border-radius;
			padding: 20rpx 15rpx;
			margin-bottom: 30rpx;
			
			.year,.fen {
				width: 20%;
			}
			.btn {
				width: 40%;
			}
			.list-item-box {
				&:first-child {
					border-bottom: 5rpx solid #E6E6E6;
					font-size: $uni-font-size-1;
					font-weight: bold;
					.list-item {
						text-align: center;
						&:last-child {
							color: #303133;
							font-weight: bold;
						}
					}
				}
				padding: 15rpx 0;
				text-align: center;
				font-size: $uni-font-size-3;
				font-weight: bold;
				display: flex;
				align-items: center;
				.list-item {
					text-align: center;
					&:last-child {
						color: $uni-text-color-inverse;
						font-weight: normal;
					}
				}
				
				.button {
					width: fit-content;
					border-radius: $uni-card-border-radius;
					margin: 0 auto;
				}
				.primary {
					padding: 5rpx 25rpx;
					background-color: $uni-color-primary;
				}
				.error {
					padding: 5rpx 15rpx;
					background-color: $uni-color-error;
				}
			}
		}
	
		.desc-box {
			margin: 0 20rpx;
			font-weight: bold;
			.title {
				font-size: $uni-title-font-size-2;
				line-height: 50rpx;
			}
			.text {
				display: flex;
				align-items: center;
				text-indent: 2em;
				font-size: $uni-font-size-2;
			}
			.li {
				display: flex;
				align-items: center;
				font-size: $uni-font-size-2;
				&:before {
					content: '•';
					font-size: 30rpx;
					margin-right: 8rpx;
				}
			}
			.top {
				margin-top: 30rpx;
			}
		}
	}
</style>