<template>
	<view>
		<view class="pd30" style="padding: 30rpx 30rpx 180rpx;">
			<view class="wBox">
				<uni-forms ref="baseForm" label-width="100">
					<uni-forms-item label="所属协会" required>
						<view style="width: 60vw;overflow:auto;">
							<uni-data-picker v-model="form.parentId" :localdata="tree"
								:readonly="type&&parentId!=-1&&parentId!=0" :clear-icon="false"
								:map="{text:'label',value:'id'}" popup-title="请选择" @change="changCase">
							</uni-data-picker>
						</view>
					</uni-forms-item>
					<uni-forms-item v-if="form.memCode" label="会员编号" required>
						<uni-easyinput v-model="form.memCode" disabled />
					</uni-forms-item>

					<uni-forms-item label="机构名称" required>
						<uni-easyinput v-model="form.name" :disabled="type" placeholder="机构名称" /></uni-forms-item>

					<uni-forms-item label="所属省份" required>
						<uni-data-select :clear="false" :disabled="type&&(belongProvinceId||belongProvinceId==0)"
							v-model="form.belongProvinceId" :localdata="regionsList"></uni-data-select>
					</uni-forms-item>
					<uni-forms-item label="社会信用代码" required>
						<uni-easyinput v-model="form.creditCode" :disabled="type&&!!creditCode&&newResult" />
					</uni-forms-item>
					<uni-forms-item label="联系人" required>
						<uni-easyinput v-model="form.siteContact" />
					</uni-forms-item>
					<uni-forms-item label="联系方式" required>
						<uni-easyinput v-model="form.siteTel" />
					</uni-forms-item>
					<uni-forms-item label="认证地址" required>
						<uni-data-picker v-model="form.coordinates1" @change="changeCoordinates1"
							:localdata="regionsList"></uni-data-picker>
					</uni-forms-item>
					<uni-forms-item label="详细地址" required>
						<uni-easyinput v-model="form.adress" placeholder="请输入详细地址" type='textarea' /></uni-forms-item>
					<uni-forms-item label="法人姓名" required>
						<uni-easyinput v-model="form.legal" />
					</uni-forms-item>
					<uni-forms-item label="法人证件号" required>
						<uni-easyinput v-model="form.legalIdcCode" />
					</uni-forms-item>
						<uni-forms-item label="营业执照名称" required>
						<uni-easyinput v-model="form.companyName" />
					</uni-forms-item>

					<uni-forms-item v-if="form.deptType==6&&activeStatus!= 0" label="是否申请考点" required>
						<uni-data-checkbox v-model="form.applyPoints" :localdata="yesno" />
					</uni-forms-item>

					<uni-forms-item label="法人身份证" required>
						<view class="imgArea">
							<uni-file-picker v-model="imgfront" @delete="delimgFont" return-type="object" limit="1"
								@select="upIdCardImgFront" :image-styles="imageStylesZJ">
								<view>国徽面</view>
							</uni-file-picker>
							<uni-file-picker style="margin-top: 30px;" v-model="imgBack" @delete="delimgBack"
								return-type="object" limit="1" @select="upIdCardImgBack" :image-styles="imageStylesZJ">
								<view>头像面</view>
							</uni-file-picker>
						</view>
					</uni-forms-item>
					<uni-forms-item label="营业执照" required>
						<uni-file-picker limit="1" v-model="businessLicenseArr" file-extname="png,jpg,jpeg,pdf"
							file-mediatype="all" @select="selectFile" @delete="delSupplementFile"></uni-file-picker>

					</uni-forms-item>
					<uni-forms-item label="机构照片" required>
						<uni-file-picker v-model="picArrR" limit="3" mode="grid" file-mediatype="image"
							@select="upPicArr" @delete="delpicArr">
						</uni-file-picker>
					</uni-forms-item>
				</uni-forms>
				<view class="fixedBottom">
					<button class="btn-red" @click="submit()">确定</button>
				</view>
			</view>
		</view>

		<uni-popup ref="verifyPopup" type="center" background-color="rgba(0,0,0,0.5)">
			<view class="custom-modal">
				<view class="modal-title">提示</view>
				<view class="modal-content">
					暂未查询到相关企业信息
				</view>
				<view class=" modal-content" style="color:red">企业信息异常请检查相关资料信息，确认无误后再次提交！</view>
				<view class="modal-btns mt20">
					<button class="btn-cancel" @click="closeVerifyPopup()">返回修改</button>
					<button class="btn-confirm" @click="confirmSubmit()">确认无误</button>
				</view>
			</view>
		</uni-popup>

		<uni-popup ref="applyPopup" type="center" background-color="rgba(0,0,0,0.5)">
			<view class="custom-modal apply-modal">
				<view class="modal-title">考点申请</view>
				<view class="modal-btns apply-btns">
					<button class="btn-cancel" @click="closeApplyPopup()">暂不申请</button>
					<button class="btn-confirm" @click="confirmApply()">立即申请</button>
				</view>
				<view class="modal-tip">友情提示：非考点无法申请级位考试</view>
			</view>
		</uni-popup>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive,
		computed
	} from 'vue';
	import * as api from '@/common/api.js';
	import _ from 'underscore'
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app';
	import config from '@/config.js'
	const app = getApp();

	const verifyPopup = ref(null)
	const applyPopup = ref(null)
	const verifyResult = ref({})

	const form = ref({
		type: '1',
		applyPoints: '0',
		renewYear: 1,
		legalIdcCode: ''
	});
	const years = ref(['1', '2', '3', '4', '5'])
	const yesno = ref([{
		value: '0',
		text: '否'
	}, {
		value: '1',
		text: '是'
	}])
	const memberFee = ref('')
	const preferentialPolicy = ref(false)
	const preferentialData = ref({})
	const typeList = ref([{
			value: '1',
			text: '企业'
		},
		{
			value: '2',
			text: '国家组织'
		},
		{
			value: '3',
			text: '社会组织'
		},
		{
			value: '4',
			text: '其他'
		}
	])
	const regionArr = ref();
	const regionsList = ref([]);
	const tree = ref([]);
	const showDirectly = ref(true)
	const directUnderFlag = ref(0)
	const current = ref(0);
	const groupId = ref(0);
	const currIndex = ref(null);
	const signType = ref();
	const editIng = ref(true);
	const isSign = ref(false);
	const type = ref(false)
	const flag = ref(false)
	const result = ref(false)
	const query = ref({
		type: 0
	});
	const activeStatus = ref(0)
	const active = ref(0)
	const memberInfo = ref({})
	const authenticationStatus = ref()
	const authenticationStatusa = ref()
	const newResult = ref(false)
	const belongProvinceId = ref()
	const picArr = ref([])
	const picArrR = ref([])
	const businessLicenseArr = ref([])
	const list1 = ref([{
		title: '完善信息'
	}, {
		title: '会员认证'
	}])
	const imageStylesZJ = ref({
		width: '400rpx',
		height: '253rpx'
	});
	const indicatorStyle = ref(`height: 50px;`)
	const imgfront = ref({})
	const imgBack = ref({})
	const creditCode = ref()
	const parentId = ref()
	const assoFullName = ref('') // 协会完整路径名称
	const legalIdcPhoto1 = ref('')
	const legalIdcPhoto2 = ref('')
	const companyName = ref('')

	onLoad(option => {
		if (app.globalData.isLogin) {
			init()
		} else {
			app.firstLoadCallback = () => {
				init()
			};
		}
	});

	async function init() {
		getRegionsList()
		await getForm()
		await canUseDiscountApi()
		await getZtxDiscountPolicyApi()
	}

	async function getMyMemberCertUnitFeeApi() {
		const res = await api.getMyMemberCertUnitFee()
		memberFee.value = res.data
	}

	async function canUseDiscountApi() {
		const res = await api.canUseDiscount()
		preferentialPolicy.value = res.data
	}

	async function getZtxDiscountPolicyApi() {
		const res = await api.getZtxDiscountPolicy()
		preferentialData.value = res.data
	}

	async function getForm() {
		const res = await api.getMyOwnMemberInfo()
		newResult.value = res.data.newResult
		result.value = res.data.result
		authenticationStatusa.value = res.data.authenticationStatus
		showDirectly.value = !res.data.memberInfo.associateId
		activeStatus.value = res.data.memberInfo.activeStatus
		directUnderFlag.value = res.data.memberInfo.directUnderFlag

		if (authenticationStatusa.value == 0 || authenticationStatusa.value == 3) {
			type.value = false
		} else {
			type.value = true
		}

		if (authenticationStatusa.value != 0) {
			flag.value = newResult.value
		}

		form.value = {
			...res.data.dept,
			...res.data.memberInfo
		}
		getTree()
		form.value.deptType = res.data.dept.deptType
		form.value.parentId = form.value.parentId.toString()
		creditCode.value = form.value.creditCode
		companyName.value = form.value.companyName
		belongProvinceId.value = form.value.belongProvinceId
		parentId.value = form.value.parentId

		if (form.value.regionId) {
			form.value.coordinates1 = form.value.regionId
		} else if (form.value.cityId) {
			form.value.coordinates1 = form.value.cityId
		} else if (form.value.provinceId) {
			form.value.coordinates1 = form.value.provinceId
		} else {
			form.value.coordinates1 = ''
		}

		if (form.value.businessLicense) {
			try {
				businessLicenseArr.value = JSON.parse(form.value.businessLicense) || []
			} catch (e) {
				businessLicenseArr.value = [{
					url: form.value.businessLicense,
					name: '营业执照'
				}]
			}
		}

		if (form.value.legalIdcPhoto) {
			legalIdcPhoto1.value = form.value.legalIdcPhoto.split(',')?.[0] || ''
			legalIdcPhoto2.value = form.value.legalIdcPhoto.split(',')?.[1] || ''
			if (legalIdcPhoto1.value.indexOf('http') == -1) {
				legalIdcPhoto1.value = config.baseUrl_api + legalIdcPhoto1.value
			}
			if (legalIdcPhoto2.value.indexOf('http') == -1) {
				legalIdcPhoto2.value = config.baseUrl_api + legalIdcPhoto2.value
			}
			imgfront.value = {
				url: legalIdcPhoto1.value,
				name: '身份证正面',
				extname: 'png'
			}
			imgBack.value = {
				url: legalIdcPhoto2.value,
				name: '身份证反面',
				extname: 'png'
			}
		}

		if (form.value.pictures) {
			picArrR.value = []
			picArr.value = []
			var arr = form.value.pictures.split(',') || []
			if (arr.length > 0) {
				_.map(arr, (p) => {
					if (p.indexOf('http') == -1) {
						p = config.baseUrl_api + p
					}
					var obj = {
						url: p,
						name: '图片',
						extname: 'png'
					}
					picArrR.value.push(obj)
					picArr.value.push(p)
				})
			}
		}

		if (!form.value.applyPoints || form.value.applyPoints == '') {
			form.value.applyPoints = '0'
		}
	}

	function getTree() {
		if (authenticationStatusa.value == 0 || authenticationStatusa.value == 3 || authenticationStatusa.value == 1) {
			var obj = {
				selfDeptId: '-1',
				webSiteShow: 1,
				showDisabled: 1
			}
			api.certifiedDeptTree(obj).then(res => {
				tree.value = res.data
				restoreAssoFullName()
			})
		} else {
			var obj = {
				selfDeptId: '-1',
				showDisabled: 1,
				showDirect: authenticationStatusa.value == 2 || authenticationStatusa.value == 5 ||
					authenticationStatusa.value == 4 ? 1 : null
			}
			api.deptTreeSelect(obj).then(res => {
				tree.value = res.data
				restoreAssoFullName()
			})
		}
	}

	function getRegionsList() {
		api.regionsList().then(res => {
			regionsList.value = res.data;
		});
	}

	// 核心：修改submit方法，改用自定义弹窗
	async function submit() {
		// 基础表单验证
		if (form.value.name == '') {
			uni.showToast({
				title: '请填写机构名称',
				icon: 'none'
			})
			return
		}
		if (form.value.creditCode == '') {
			uni.showToast({
				title: '请填写社会信用代码',
				icon: 'none'
			})
			return
		}
		if (form.value.companyName == '') {
			uni.showToast({
				title: '请填写营业执照名称',
				icon: 'none'
			})
			return
		}
		if (form.value.legalIdcCode == '') {
			uni.showToast({
				title: '请填写法人证件号',
				icon: 'none'
			})
			return
		}
		if (form.value.siteContact == '') {
			uni.showToast({
				title: '请填写联系人',
				icon: 'none'
			})
			return
		}
		if (form.value.siteTel == '') {
			uni.showToast({
				title: '请填写联系方式',
				icon: 'none'
			})
			return
		}
		if (form.value.coordinates1 == '') {
			uni.showToast({
				title: '请选择认证地址',
				icon: 'none'
			})
			return
		}
		if (form.value.adress == '') {
			uni.showToast({
				title: '请填写详细地址',
				icon: 'none'
			})
			return
		}
		if (form.value.legal == '') {
			uni.showToast({
				title: '请填写法人姓名',
				icon: 'none'
			})
			return
		}
		if (legalIdcPhoto1.value == '' || legalIdcPhoto2.value == '') {
			uni.showToast({
				title: '请上传法人身份证',
				icon: 'none'
			})
			return
		}
		if (!form.value.businessLicense) {
			uni.showToast({
				title: '请上传营业执照',
				icon: 'none'
			})
			return
		}
		if (picArr.value.length == 0) {
			uni.showToast({
				title: '请上传机构照片',
				icon: 'none'
			})
			return
		}
		if (form.value.parentId == -1 || form.value.parentId == 0) {
			uni.showToast({
				title: '请选择所属协会',
				icon: 'none'
			})
			return
		}

		try {
			const res = await handelVerify()
			verifyResult.value = res

			if (!res.passFlag) {
				// 打开自定义弹窗（替代原有showModal）
				verifyPopup.value.open()
				return
			}

			submitData()

		} catch (error) {
			uni.showToast({
				title: error.message || '验证失败，请重试',
				icon: 'none'
			})
		}
	}

	// 新增：关闭验证弹窗
	function closeVerifyPopup() {
		verifyPopup.value.close()
	}

	// 新增：确认无误提交
	function confirmSubmit() {
		verifyPopup.value.close()
		submitData()
	}

	// 新增：打开考点申请弹窗（备用，如需调用可加触发逻辑）
	function openApplyPopup() {
		applyPopup.value.open()
	}

	// 新增：关闭考点申请弹窗
	function closeApplyPopup() {
		applyPopup.value.close()
	}

	// 新增：确认考点申请
	function confirmApply() {
		applyPopup.value.close()
		// 此处添加考点申请逻辑
	}

	// 企业信息验证
	function handelVerify() {
		return new Promise(async (resolve, reject) => {
			if (!form.value.legalIdcCode || !form.value.legal) {
				return reject(new Error('请重新上传身份证并填写法人证件号'))
			}
			if (!form.value.companyName || !form.value.creditCode) {
				return reject(new Error('请重新上传营业执照并填写营业执照名称'))
			}

			try {
				const res = await api.checkBusinessLicense({
					creditCode: form.value.creditCode,
					companyName: form.value.companyName,
					legalIdcCode: form.value.legalIdcCode,
					legal: form.value.legal
				})
				if (res.code == 200) {
					resolve(res.data)
				} else {
					reject(new Error(res.msg || '企业信息验证失败'))
				}
			} catch (e) {
				reject(new Error('验证接口调用失败，请检查网络'))
			}
		})
	}

	// 数据提交核心逻辑
	function submitData() {
		const dataInfo = {
			parentId: form.value.parentId,
			creditCode: form.value.creditCode,
			legal: form.value.legal,
			businessLicense: form.value.businessLicense,
			pictures: picArr.value.toString(),
			memId: form.value.memId,
			id: form.value.deptId,
			name: form.value.name,
			regionId: form.value.coordinates1,
			adress: form.value.adress,
			belongProvinceId: form.value.belongProvinceId,
			deptType: form.value.deptType,
			legalIdcPhoto: [legalIdcPhoto1.value, legalIdcPhoto2.value]?.join(','),
			legalIdcCode: form.value.legalIdcCode,
			companyName: form.value.companyName,
			applyPoints: form.value.applyPoints,
			siteContact: form.value.siteContact,
			siteTel: form.value.siteTel
		}

		if (activeStatus.value == 0) {
			api.active(dataInfo).then(res => {
				uni.showModal({
					content: '激活成功,返回首页',
					success: function(resp) {
						if (resp.confirm) {
							uni.reLaunch({
								url: `/pages/index/home`
							})
						} else {
							uni.navigateBack()
						}
					}
				})
			}).catch(err => {
				uni.showToast({
					title: '激活失败，请重试',
					icon: 'none'
				})
			})
		} else {
			api.editMyMemberCertifiedInfo(dataInfo).then(res => {
				// 使用完整的协会路径名称
				uni.navigateTo({
					url: `/myCenter/goPay?payName=${encodeURIComponent(form.value.name || '')}&assoName=${encodeURIComponent(assoFullName.value)}`
				})

			}).catch(err => {
				uni.showToast({
					title: '提交失败，请重试',
					icon: 'none'
				})
			})
		}
	}

	// 根据协会ID获取协会名称
	function getAssoName(parentId) {
		if (!parentId || !tree.value || tree.value.length === 0) {
			return ''
		}
		// 递归查找协会名称
		function findInTree(list) {
			for (const item of list) {
				if (item.id === parentId) {
					return item.label || ''
				}
				if (item.children && item.children.length > 0) {
					const found = findInTree(item.children)
					if (found) return found
				}
			}
			return null
		}
		return findInTree(tree.value) || ''
	}

	// 协会选择 - 获取完整路径名称
	function changCase(e) {
		const valueArr = e.detail?.value || e;
		// 取最后一级的value（纯ID）
		const lastNode = valueArr[valueArr.length - 1];
		form.value.parentId = lastNode?.value || '';
		console.log('最终提交的parentId:', form.value.parentId);
		assoFullName.value = getAssoFullName(valueArr)
		console.log('协会完整路径:', assoFullName.value);
	}

	// 获取协会完整路径名称
	function getAssoFullName(valueArr) {
		if (!valueArr || valueArr.length === 0) return ''
		// valueArr 是 {value: id} 数组
		const names = []
		let currentLevel = tree.value
		for (const item of valueArr) {
			const found = currentLevel?.find(v => v.id === item.value || v.value === item.value)
			if (found) {
				names.push(found.label)
				currentLevel = found.children
			} else {
				break
			}
		}
		return names.join('/')
	}

	// 查找协会节点及其父路径
	function findAssoNodeWithPath(list, targetId, currentPath) {
		for (const item of list) {
			const newPath = [...currentPath, item.value || item.id]
			if ((item.value || item.id) === targetId) {
				return { node: item, path: newPath }
			}
			if (item.children && item.children.length > 0) {
				const found = findAssoNodeWithPath(item.children, targetId, newPath)
				if (found) return found
			}
		}
		return null
	}

	// 恢复协会完整路径名称
	function restoreAssoFullName() {
		if (!form.value.parentId || !tree.value || tree.value.length === 0) {
			return
		}
		// 查找节点及其路径
		const result = findAssoNodeWithPath(tree.value, form.value.parentId, [])
		if (result) {
			// 使用路径数组重建完整名称
			assoFullName.value = getAssoFullName(result.path.map(id => ({ value: id })))
		}
	}

	function changeCoordinates1(e) {
		form.value.provinceId = e?.[0]?.toString()
		form.value.cityId = e?.[1]?.toString()
		form.value.regionId = e?.[2]?.toString()
	}

	function upIdCardImgFront(e) {
		const tempFilePaths = e.tempFilePaths;
		const imgUrl = tempFilePaths[0]
		if (!imgUrl) return
		uni.showLoading({
			title: '上传中'
		})
		api.uploadImg(e).then(data => {
			legalIdcPhoto1.value = data.msg
			uni.hideLoading()
		}).catch(err => {
			uni.hideLoading()
			uni.showToast({
				title: '上传失败',
				icon: 'none'
			})
		})
	}

	function upIdCardImgBack(e) {
		const tempFilePaths = e.tempFilePaths;
		const imgUrl = tempFilePaths[0]
		if (!imgUrl) return
		uni.showLoading({
			title: '上传中'
		})
		api.uploadImg(e).then(data => {
			legalIdcPhoto2.value = data.msg
			uni.hideLoading()
		}).catch(err => {
			uni.hideLoading()
			uni.showToast({
				title: '上传失败',
				icon: 'none'
			})
		})
	}

	function delimgFont() {
		imgfront.value = {}
		legalIdcPhoto1.value = ''
	}

	function delimgBack() {
		imgBack.value = {}
		legalIdcPhoto2.value = ''
	}

	let selectFileValue = {}

	function selectFile(e) {
		let file = e.tempFiles[0]
		if (!file) return
		uni.showLoading({
			title: '上传中'
		})
		api.uploadFile(e).then(data => {
			selectFileValue = {
				url: data.msg,
				name: file.name,
				extname: file.extname
			}
			form.value.businessLicense = JSON.stringify([selectFileValue])
			uni.hideLoading()
		}).catch(err => {
			uni.hideLoading()
			uni.showToast({
				title: '上传失败',
				icon: 'none'
			})
		})
	}

	function delSupplementFile() {
		selectFileValue = {}
		form.value.businessLicense = ''
	}

	function upPicArr(e) {
		const tempFilePaths = e.tempFilePaths;
		const imgUrl = tempFilePaths[0]
		if (!imgUrl) return
		uni.showLoading({
			title: '上传中'
		})
		api.uploadImg(e).then(data => {
			picArr.value.push(data.msg)
			uni.hideLoading()
		}).catch(err => {
			uni.hideLoading()
			uni.showToast({
				title: '上传失败',
				icon: 'none'
			})
		})
	}

	function delpicArr(e) {
		picArr.value.splice(e.index, 1)
	}
</script>

<style lang="scss" scoped>
	:deep(.file-picker__progress) {
		opacity: 0;
	}

	:deep(.input-value) {
		padding: 0 5px;
	}

	.picker-view {
		width: 750rpx;
		height: 600rpx;
		margin-top: 20rpx;
	}

	.item {
		line-height: 100rpx;
		text-align: center;
	}

	:deep(.uni-data-tree) {
		border: 1px solid #dcdfe6;
		border-radius: 4px;

		.selected-list {
			justify-content: start;
		}
	}

	:deep(.uni-select__input-placeholder) {
		font-size: 30rpx;
	}

	:deep(.uni-easyinput__content-input) {
		font-size: 30rpx;
	}

	:deep(.uni-easyinput__placeholder-class) {
		font-size: 30rpx;
		color: grey;
	}

	.wBox {
		width: 700rpx;
		padding: 30rpx;
		margin: 20rpx auto 0;
		background: #FFFFFF;
		box-shadow: 0rpx 12rpx 116rpx 0rpx rgba(196, 203, 214, 0.1);
		border-radius: 15rpx;
	}

	.imgArea {
		padding: 1px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.btn-red {
		background-color: #F56C6C;
		color: #fff;
		border-radius: 8rpx;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 32rpx;
		width: 100%;
	}

	.fixedBottom {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20rpx 30rpx;
		background: #fff;
		z-index: 99;
	}

	.text-warning {
		font-size: 28rpx;
		margin-top: 20rpx;
	}

	/* 新增：自定义弹窗样式（核心） */
	.custom-modal {
		width: 600rpx;
		background: #fff;
		border-radius: 20rpx;
		padding: 40rpx 30rpx;
		box-sizing: border-box;
		text-align: center;
	}

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

	.modal-content {
		font-size: 30rpx;
		color: #666;
		line-height: 1.6;
		margin-bottom: 20rpx;
		text-align: left;
	}

	.modal-tip {
		font-size: 26rpx;
		color: #F56C6C;
		margin-top: 10rpx;
		margin-bottom: 30rpx;
	}

	.modal-btns {
		display: flex;
		justify-content: space-between;
		gap: 20rpx;
	}

	.btn-cancel {
		flex: 1;
		height: 80rpx;
		line-height: 80rpx;
		background: #f5f5f5;
		color: #666;
		border-radius: 40rpx;
		font-size: 32rpx;
		border: none;
	}

	.btn-confirm {
		flex: 1;
		height: 80rpx;
		line-height: 80rpx;
		background: #C4121B;
		/* 红色主色调，和图二一致 */
		color: #fff;
		border-radius: 40rpx;
		font-size: 32rpx;
		border: none;
	}

	/* 去掉按钮默认边框 */
	.btn-cancel::after,
	.btn-confirm::after {
		border: none;
	}

	/* 考点申请弹窗专属样式 */
	.apply-modal {
		padding: 40rpx 30rpx 20rpx;
	}

	.apply-btns {
		margin-bottom: 20rpx;
	}
</style>