138 lines
4.8 KiB
Vue
138 lines
4.8 KiB
Vue
<script lang="ts" setup>
|
||
import { safeAreaInsets } from '@/utils/systemInfo'
|
||
import ThirdBatchSchool from './components/ThirdBatchSchool.vue'
|
||
import MxDialog from "@/pages-sub/components/dialog/index.vue"
|
||
import { useWishlistStore } from '@/store'
|
||
import { storeToRefs } from 'pinia'
|
||
|
||
|
||
|
||
// #ifdef MP-WEIXIN
|
||
definePage({
|
||
style: {
|
||
navigationStyle: 'custom',
|
||
},
|
||
excludeLoginPath: false,
|
||
})
|
||
// #endif
|
||
|
||
// #ifndef MP-WEIXIN
|
||
definePage({
|
||
style: {
|
||
navigationStyle: 'custom',
|
||
transparentTitle: 'always',
|
||
navigationBarTitleText: ''
|
||
},
|
||
excludeLoginPath: false,
|
||
})
|
||
// #endif
|
||
const wishlistStore = useWishlistStore()
|
||
const { extendWishlist } = storeToRefs(wishlistStore)
|
||
|
||
const handleBack = () => {
|
||
uni.navigateBack({ delta: 1 })
|
||
}
|
||
|
||
const navigateToList = () => {
|
||
uni.navigateTo({ url: "/pages-sub/wishlist/create/saveThirdBatchWishList" })
|
||
}
|
||
|
||
const show = ref(false)
|
||
|
||
const handleSwitch = (event) => {
|
||
const content = JSON.parse(wishlistStore.getSchool())
|
||
wishlistStore.setSchool(JSON.stringify({adjust:event.detail.value,schools:content.schools}))
|
||
}
|
||
|
||
</script>
|
||
|
||
<template>
|
||
<view class="flex flex-col custom-background h-screen">
|
||
<sar-navbar show-back @back="handleBack" :fixed="true" fixation-style="top:unset;"
|
||
:root-style="{ '--sar-navbar-bg': `transparent`, '--sar-navbar-item-color': 'black', 'padding-top': `${safeAreaInsets?.top}px` }">
|
||
<template #title>
|
||
<view class="flex justify-center">第三批次</view>
|
||
</template>
|
||
</sar-navbar>
|
||
<view class="flex-1 overflow-y-auto">
|
||
<view
|
||
class="bg-[#ddebfe] rounded-[16rpx] border-2rpx border-solid border-white flex items-center mx-[20rpx] py-[16rpx] px-[30rpx]"
|
||
@click="show = true">
|
||
<view class="w-[36rpx] h-[36rpx] flex items-center">
|
||
<image src="https://lwzk.ycymedu.com/img/tianbao/tb_tongzhi.png" mode="scaleToFill"
|
||
class="w-[36rpx] h-[36rpx]" />
|
||
</view>
|
||
<view class="text-[#1580FF] text-[30rpx] font-500 ml-[10rpx]">家长须知</view>
|
||
<view class="w-[14rpx] h-[18rpx] flex items-center ml-auto">
|
||
<image src="https://lwzk.ycymedu.com/img/tianbao/tb_lanjiantou.png" mode="scaleToFill"
|
||
class="w-[14rpx] h-[18rpx]" />
|
||
</view>
|
||
</view>
|
||
<view class="px-[20rpx] pt-[20rpx]">
|
||
<ThirdBatchSchool />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="border-t border-t-solid border-t-[#ededed] px-[40rpx] py-[16rpx]">
|
||
<view class="pb-safe flex items-center">
|
||
<view class="flex items-center mr-[30rpx]">
|
||
<text>服从调剂:</text>
|
||
<switch @change="handleSwitch" color="#2F78FC" style="transform:scale(0.8)" />
|
||
</view>
|
||
<button :disabled="extendWishlist.contents.length === 0" form-type="submit" class="rounded-[16rpx] bg-[#1580FF] text-[#f7f7f7] submit-btn flex-1"
|
||
@click="navigateToList">确定</button>
|
||
</view>
|
||
</view>
|
||
|
||
<MxDialog v-model:show="show" title="" :defaultPadding="false" defaultWidth="80%" rootClass="rounded-[40rpx]"
|
||
@overlay-click="show = false">
|
||
<template>
|
||
<view class="rounded-[40rpx] bg-white p-[40rpx] custom-dialog-background">
|
||
<view class="text-[52rpx] font-600 clear-both">
|
||
<view>家长须知</view>
|
||
<view class="w-[94rpx] h-[10rpx] bg-[#1580FF] rounded-full"></view>
|
||
</view>
|
||
<view class="w-[192rpx] h-[192rpx] absolute right-[-14rpx] top-[-14rpx]">
|
||
<image src="https://lwzk.ycymedu.com/img/tianbao/tb_laba.png" mode="scaleToFill"
|
||
class="w-[192rpx] h-[192rpx]" />
|
||
</view>
|
||
<view class="text-[30rpx] items-start mt-[50rpx]">
|
||
<view class="text-[#333]">
|
||
未被前两批录取的考生，可填报第三批次。 可选3所普通高中（平行志愿）。
|
||
</view>
|
||
<view class="my-[20rpx] text-[#333]">
|
||
可额外选择“是否服从调剂”，如同意，系统将在有剩余计划的学校中安排录取。
|
||
</view>
|
||
</view>
|
||
<view
|
||
class="text-[34rpx] font-500 text-white bg-[#1580FF] rounded-full py-[20rpx] text-center mx-[40rpx] mt-[40rpx]"
|
||
@click="show = false">我知道了</view>
|
||
</view>
|
||
</template>
|
||
</MxDialog>
|
||
</view>
|
||
</template>
|
||
|
||
<style lang="scss" scoped>
|
||
.custom-background {
|
||
background: linear-gradient(180deg, #D7E4FF 0%, #fff 256rpx);
|
||
background-position: 50% 50%;
|
||
background-origin: padding-box;
|
||
background-clip: border-box;
|
||
background-size: auto auto;
|
||
}
|
||
|
||
.custom-dialog-background {
|
||
background: linear-gradient(180deg, #ecf2ff 0%, #f6f8ff 40rpx, #fff 128rpx);
|
||
background-position: 50% 50%;
|
||
background-origin: padding-box;
|
||
background-clip: border-box;
|
||
background-size: auto auto;
|
||
}
|
||
|
||
.submit-btn[disabled] {
|
||
background-color: #73b3ff;
|
||
color: #fff;
|
||
}
|
||
</style>
|