<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>
