yitisheng-mini-app/pages/zyb/npee/schoolNpeeDetail.vue

145 lines
4.0 KiB
Vue

<script>
import ApiConstant from "@/common/ApiConstant";
import Request from "@/common/request";
let request = new Request()
export default {
name: "schoolNepp",
data() {
return {
id:'',
schoolId: '',
detail: {
schoolName: '',
disciplineField: '',//学科类别
majorName: '',//专业
majorNameLimit: '',
researchDirection: '',//研究方向
researchDirectionLimit:'',
departmentsAndFaculties: '',//院系所
teacher: '',//指导老师
intendedEnrollment: '',//拟招人数
schoolGraduateDegreeList: [],//考试范围
},
detailKeyList:{
schoolName:'招生单位',
departmentsAndFaculties:'院系所',
majorName:'专业',
researchDirection:'研究方向',
teacher:'指导老师',
intendedEnrollment:'拟招人数'
},
categoryList:{
politics:'政治',
foreignLanguage:'英语',
businessCourse1:'业务课一',
businessCourse2:'业务课二'
},
}
},
onLoad(e){
if (e.id) {
this.id = e.id
this.getSchoolGraduateDegreeDetail()
}
},
methods: {
getSchoolGraduateDegreeDetail(){
request.get(ApiConstant.GraduateDegree.getSchoolGraduateDegreeDetail, {id:this.id}).then(res => {
if (res.success) {
this.detail = res.result
console.log(res.result)
}
}).catch(err => {
}).finally(() => {
});
}
}
}
</script>
<template>
<view class="head">
<!--顶部三个部分-->
<view class="h3 padding20">
<view class="flexWrap black font-size-mini4 font-weight-b">
<view class="flex-item-26">
<text>{{ detail.disciplineField }}</text>
</view>
<view class="flex-item-4">
<text>{{ detail.majorNameLimit }}</text>
</view>
<view class="flex-item-33">
<text>{{ detail.researchDirectionLimit }}</text>
</view>
</view>
<view class="flexWrap darkGray font-size-mini margin-top-20">
<view class="flex-item-26">
<text>学科类别</text>
</view>
<view class="flex-item-4">
<text>专业</text>
</view>
<view class="flex-item-33">
<text>研究方向</text>
</view>
</view>
</view>
<view class="fistlist font-size-mini4">
<view class="flexWrap marginTopBot10" style="line-height: 80rpx;"
v-for="(key,index) in Object.keys(detailKeyList)" :class="index!==Object.keys(detailKeyList).length-1?'border-bottom':''" :key="index">
<view class="flex-item-2 darkGray">
<text class="float-right">{{detailKeyList[key]}}</text>
</view>
<view class="flex-item-7 margin-left-30">
<text>{{detail[key]||''}}</text>
</view>
</view>
</view>
</view>
<view class="body">
<view class="cardTab" v-for="(item,index) in detail.schoolGraduateDegreeList" :key="index">
<view class="title">考试范围</view>
<view class="flexWrap marginTopBot10" style="padding: 20rpx 0;" v-for="(k,iii) in Object.keys(categoryList)" :class="iii!==3?'border-bottom':''" :key="k">
<view class="flex-item-2 darkGray">
<text class="float-right">{{categoryList[k]}}:</text>
</view>
<view class="flex-item-7 margin-left-30">{{item[k]}}</view>
</view>
<!-- <view class="flexWrap marginTopBot10" style="height: 80rpx;line-height: 80rpx;" v-for="(k,i1) in Object.keys(categoryList)" :key="index+'_'+i1">
<view class="flex-item-2 darkGray">
</view>
<view class="flex-item-7 margin-left-30">
</view>
</view>-->
</view>
</view>
</template>
<style scoped lang="scss">
.body {
//padding: 20rpx 0;
.cardTab {
margin: 15rpx 0;
padding: 20rpx;
min-height: 100rpx;
background-color: white;
}
}
.head {
background-color: white;
padding: 20rpx 20rpx 10rpx 20rpx;
}
.h3 {
background-color: #eeeef0;
border-radius: 15rpx;
}
.title{
font-size: 40rpx;
}
</style>