|
@@ -1,41 +1,41 @@
|
|
|
<template>
|
|
|
- <div ref="vocation" class="bg-page fx-column fx-cen-cen majorlib app-container">
|
|
|
- <career-title-card name="专业库" english="MAJOR LIBRARY"/>
|
|
|
- <index-card>
|
|
|
- <div slot="title" class="fx-1">
|
|
|
- <span class="tabs-item" :class="{'bg-primary':type == '本科'}" @click="type = '本科'">本科</span>
|
|
|
- <span class="tabs-item" :class="{'bg-primary':type == '专科'}" @click="type = '专科'">专科</span>
|
|
|
- <div class="line"/>
|
|
|
- <div class="tags-wrap">
|
|
|
- <a v-for="item in levelOne" :key="item.code" class="tag" @click="returnTop(item.code)">{{ item.name }}</a>
|
|
|
+ <div ref="vocation" class="bg-page fx-column fx-cen-cen majorlib">
|
|
|
+ <career-title-card name="专业库" english="MAJOR LIBRARY" />
|
|
|
+ <index-card>
|
|
|
+ <div slot="title" class="fx-1">
|
|
|
+ <span class="tabs-item" :class="{'bg-primary':type == '本科'}" @click="type = '本科'">本科</span>
|
|
|
+ <span class="tabs-item" :class="{'bg-primary':type == '专科'}" @click="type = '专科'">专科</span>
|
|
|
+ <span class="tabs-item" :class="{'bg-primary':type == '高职本科'}" @click="type = '高职本科'">高职本科</span>
|
|
|
+ <div class="line" />
|
|
|
+ <div class="tags-wrap">
|
|
|
+ <a v-for="item in levelOne" :key="item.code" class="tag" @click="returnTop(item.code)">{{ item.name }}</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="list-wrap">
|
|
|
- <!-- 一级 -->
|
|
|
- <div v-for="item in majorList" :id="`#${item.code}`" :key="item.code" class="levelOne">
|
|
|
- <!-- 一级专业title-->
|
|
|
- <p class="voca-title mt10 mb10"><span class="primaryColor bold">{{
|
|
|
+ <div class="list-wrap">
|
|
|
+ <!-- 一级 -->
|
|
|
+ <div v-for="item in majorList" :id="`#${item.code}`" :key="item.code" class="levelOne">
|
|
|
+ <!-- 一级专业title-->
|
|
|
+ <p class="voca-title mt10 mb10"><span class="primaryColor bold">{{
|
|
|
`${item.name} (${item.code}) `
|
|
|
- }} </span><span class="f14 f-666">{{ `${item.childCount}个专业类,${item.grandchildCount}个专业` }}</span>
|
|
|
- </p>
|
|
|
- <div v-for="subLevel in item.children" :key="subLevel.code" class="last-level">
|
|
|
- <!-- 二级专业 -->
|
|
|
- <p class="sub-title">{{ `${subLevel.name} (${subLevel.code}) ` }}</p>
|
|
|
- <!-- 三级专业 -->
|
|
|
- <div v-if="subLevel.children.length > 0" class="last-children-wrap">
|
|
|
+ }} </span><span class="f14 f-666">{{ `${item.childCount}个专业类,${item.grandchildCount}个专业` }}</span></p>
|
|
|
+ <div v-for="subLevel in item.children" :key="subLevel.code" class="last-level">
|
|
|
+ <!-- 二级专业 -->
|
|
|
+ <p class="sub-title">{{ `${subLevel.name} (${subLevel.code}) ` }}</p>
|
|
|
+ <!-- 三级专业 -->
|
|
|
+ <div v-if="subLevel.children.length > 0" class="last-children-wrap">
|
|
|
<span
|
|
|
v-for="vocation in subLevel.children"
|
|
|
:key="vocation.code"
|
|
|
class="last-children"
|
|
|
@click="goDetail(vocation.code)"
|
|
|
>{{ vocation.name }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <scroll-top/>
|
|
|
- </index-card>
|
|
|
- </div>
|
|
|
+ <scroll-top />
|
|
|
+ </index-card>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -46,7 +46,7 @@ import ScrollTop from '@/components/ScrollTop/index'
|
|
|
|
|
|
export default {
|
|
|
name: 'MajorIndex',
|
|
|
- components: {ScrollTop, IndexCard, CareerTitleCard},
|
|
|
+ components: { ScrollTop, IndexCard, CareerTitleCard },
|
|
|
mixins: [MxMajorTreeTranslateMixin],
|
|
|
data() {
|
|
|
return {
|
|
@@ -65,15 +65,16 @@ export default {
|
|
|
majorList() {
|
|
|
if (this.type == '本科') return this.masterMajorList
|
|
|
if (this.type == '专科') return this.specialtyMajorList
|
|
|
+ if (this.type == '高职本科') return this.gaozhiMajorList
|
|
|
return []
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
goDetail(code) {
|
|
|
- this.$router.push({path: '/career/plan/MajorDetail', query: {type: this.type, code: code}})
|
|
|
+ this.$router.push({ path: '/career/plan/MajorDetail', query: { type: this.type, code: code }})
|
|
|
},
|
|
|
returnTop(id) {
|
|
|
- this.$scrollTo(document.getElementById(`#${id}`), {offset: 0})
|
|
|
+ this.$scrollTo(document.getElementById(`#${id}`), { offset: 0 })
|
|
|
}
|
|
|
}
|
|
|
}
|