|
|
@@ -0,0 +1,114 @@
|
|
|
+<template>
|
|
|
+ <view class="h-full">
|
|
|
+ <z-paging ref="paging" v-model="results" bg-color="white" :auto="false" :refresher-enabled="false"
|
|
|
+ @query="handleQuery">
|
|
|
+ <template #top>
|
|
|
+ <view class="flex items-center gap-20 px-30 py-20">
|
|
|
+ <ie-picker v-model="queryParams.year" :list="years" width="w-fit" icon="arrow-down"
|
|
|
+ custom-class="px-30 py-10 bg-primary-100 rounded" @change="handleYearChange"/>
|
|
|
+ <ie-picker v-model="queryParams.level" :list="levels" width="w-fit" icon="arrow-down"
|
|
|
+ custom-class="px-30 py-10 bg-primary-100 rounded" @change="handleLevelChange"/>
|
|
|
+ <ie-picker v-model="queryParams.group" :list="groups" width="w-fit" icon="arrow-down"
|
|
|
+ custom-class="px-30 py-10 bg-primary-100 rounded" @change="handleGroupChange"/>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <view v-for="([label, values], idx) in groupedResults" class="fx-col px-30">
|
|
|
+ <uv-divider v-if="idx>0"/>
|
|
|
+ <view v-if="label" class="text-primary font-bold mb-20">{{ label }}</view>
|
|
|
+ <view v-for="(item,i) in values" class="px-20 fx-col">
|
|
|
+ <view class="font-bold text-main">
|
|
|
+ {{ item.majorName }}
|
|
|
+ <template v-if="item.groupName">({{ item.groupName }})</template>
|
|
|
+ <template v-if="item.specialProject">({{ item.specialProject }})</template>
|
|
|
+ </view>
|
|
|
+ <view v-if="item.marjorDirection" class="font-[PingFang] text-2xs text-content">
|
|
|
+ {{ item.marjorDirection }}
|
|
|
+ </view>
|
|
|
+ <view class="mt-10 grid gap-20" :class="`grid-cols-`+descriptors.length">
|
|
|
+ <plan-enroll-descriptor v-for="d in descriptors" :title="d.title" :value="item[d.key]"
|
|
|
+ :title-only="d.titleOnly" @click="handleRuleClick(d, item)"/>
|
|
|
+ </view>
|
|
|
+ <uv-divider v-if="i<values.length-1" dashed/>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </z-paging>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts">
|
|
|
+import _ from 'lodash';
|
|
|
+import {HistoryMode, IPlanEnrollDescriptor, IPlanEnrollHistory} from "@/types/university";
|
|
|
+import PlanEnrollDescriptor from "@/pagesOther/pages/university/detail/components/plus/plan-enroll-descriptor.vue";
|
|
|
+
|
|
|
+
|
|
|
+const props = withDefaults(defineProps<{
|
|
|
+ mode: HistoryMode;
|
|
|
+ list: IPlanEnrollHistory[];
|
|
|
+}>(), {
|
|
|
+ mode: 'plan',
|
|
|
+ list: () => []
|
|
|
+})
|
|
|
+const emits = defineEmits(['rule'])
|
|
|
+
|
|
|
+const paging = ref<ZPagingInstance>()
|
|
|
+const isCultural = ref(false) // 河南文化类遗留结构
|
|
|
+const tag = computed(() => isCultural.value && '') // examMajorName 河南文化类遗留结构
|
|
|
+const descriptors = computed<IPlanEnrollDescriptor[]>(() => {
|
|
|
+ const enrollShared = [{title: '录取', key: 'realNum'}, {title: '最低分', key: 'minScore'}]
|
|
|
+ const cols: IPlanEnrollDescriptor[] = props.mode == 'plan'
|
|
|
+ ? [{title: '计划', key: 'planNum'}, {title: '学制', key: 'xueZhi'}, {title: '学费', key: 'fee'}]
|
|
|
+ : isCultural.value
|
|
|
+ ? [...enrollShared, {title: '最低位', key: 'minSeat'}]
|
|
|
+ : [...enrollShared]
|
|
|
+ if (!isCultural.value) cols.push({title: '录取规则', key: '', titleOnly: true})
|
|
|
+ return cols
|
|
|
+})
|
|
|
+
|
|
|
+const results = ref<IPlanEnrollHistory[]>([])
|
|
|
+const groupedResults = computed(() => Object.entries(_.groupBy(results.value, i => i.majorGroup)))
|
|
|
+const queryParams = ref({year: '', level: '', group: ''})
|
|
|
+const years = computed(() => _.orderBy(_.uniq(_.map(props.list, i => i.year)), [], ['desc'])
|
|
|
+ .map(i => ({label: i, value: i})))
|
|
|
+const levels = computed(() => _.uniq(_.map(props.list.filter(i => i.year == queryParams.value.year), i => i.level))
|
|
|
+ .map(i => ({label: i, value: i})))
|
|
|
+const groups = computed(() => _.uniq(_.map(props.list.filter(i => i.year == queryParams.value.year && i.level == queryParams.value.level), i => i.majorGroup))
|
|
|
+ .map(g => ({label: g, value: g})))
|
|
|
+
|
|
|
+const listOfYear = computed(() => queryParams.value.year ? props.list.filter(i => i.year == queryParams.value.year) : [])
|
|
|
+const listOfLevel = computed(() => queryParams.value.level ? listOfYear.value.filter(i => i.level == queryParams.value.level) : [])
|
|
|
+const listOfGroup = computed(() => !queryParams.value.group ? listOfLevel.value : listOfLevel.value.filter(i => i.majorGroup == queryParams.value.group))
|
|
|
+
|
|
|
+const handleYearChange = () => {
|
|
|
+ paging.value?.reload()
|
|
|
+}
|
|
|
+
|
|
|
+const handleLevelChange = () => {
|
|
|
+ paging.value?.reload()
|
|
|
+}
|
|
|
+
|
|
|
+const handleGroupChange = () => {
|
|
|
+ paging.value?.reload()
|
|
|
+}
|
|
|
+
|
|
|
+const handleQuery = () => {
|
|
|
+ // 到这里时listOfLevel应该已经动态计算完毕了
|
|
|
+ // onSearch, results结构都是多余的，这里只是为了实验z-paging的虚拟列表
|
|
|
+ paging.value?.completeByNoMore(listOfGroup.value, true)
|
|
|
+}
|
|
|
+
|
|
|
+const handleRuleClick = (descriptor: IPlanEnrollDescriptor, history: IPlanEnrollHistory) => {
|
|
|
+ if (descriptor.titleOnly) emits('rule', history.totalRule)
|
|
|
+}
|
|
|
+
|
|
|
+watch(props.list, (list) => {
|
|
|
+ if (list.length) {
|
|
|
+ queryParams.value.year = years.value[0].value
|
|
|
+ queryParams.value.level = levels.value[0].value
|
|
|
+ }
|
|
|
+ paging.value?.reload()
|
|
|
+})
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
