<template>
  <div class="new-fill-batch">
    <div class="top-title">（四）选择院校专业</div>
    <div class="content_box">
      <div class="content-title" style="text-align: center">本科批</div>
      <div class="select_subject" style="text-align: center">
        您的选考科目为：{{ firstSubject }}
        <span v-for="(item, index) in lastSubject" :key="index">{{
          item
        }}</span>
      </div>
      <div class="radio_contianer" style="padding: 0 20px">
        <div>
          <span>院校地区</span>
          <el-radio-group size="mini" v-model="form.location">
            <el-radio-button label="全部"> 全部 </el-radio-button>
            <el-radio-button label="北京"> 北京 </el-radio-button>
            <el-radio-button label="天津"> 天津 </el-radio-button>
            <el-radio-button label="河北"> 河北 </el-radio-button>
          </el-radio-group>
        </div>
        <div>
          <span>院校类型</span>
          <el-radio-group size="mini" v-model="form.category">
            <el-radio-button label="全部"> 全部 </el-radio-button>
            <el-radio-button label="综合"> 综合 </el-radio-button>
            <el-radio-button label="工科"> 工科 </el-radio-button>
            <el-radio-button label="农业"> 农业 </el-radio-button>
          </el-radio-group>
        </div>
        <div>
          <span>院校特性</span>
          <el-radio-group size="mini" v-model="form.type">
            <el-radio-button label="全部"> 全部 </el-radio-button>
            <el-radio-button label="语双一流文"> 双一流 </el-radio-button>
            <el-radio-button label="985"> 985 </el-radio-button>
            <el-radio-button label="211"> 211 </el-radio-button>
          </el-radio-group>
        </div>
        <div>
          <span>专业类别</span>
          <el-radio-group size="mini" v-model="form.texin">
            <el-radio-button label="全部"> 全部 </el-radio-button>
            <el-radio-button label="哲学"> 哲学 </el-radio-button>
            <el-radio-button label="经济学"> 经济学 </el-radio-button>
          </el-radio-group>
        </div>
        <div class="search_box" style="display:flex;width:500px;align-items: center;">
           <span style="flex-shrink: 0;">专业搜索</span><el-input  v-model="input" placeholder="请输入意向专业"></el-input>
            <el-button round>重置</el-button>

           <el-button round type="primary">搜索</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { zytbMarjor, zytbUniversity } from "@/api/webApi/webQue";
export default {
  name: "NewFillMajor",
  data: () => {
    return {
      form: {
        type: "全部",
        location: "全部",
        category: "全部",
        texin: "全部",
      },
    };
  },
  props: {
    subject: {
      type: String,
      default: "",
    },
    score: {
      type: Number,
      default: 0,
    },
    firstSubject: {
      type: String,
      default: "",
    },
    lastSubject: {
      type: Array,
      default: [],
    },
  },
};
</script>

<style scoped>
.top-title {
  color: #6cd1b5;
  text-align: center;
  font-size: 30px;
  height: 80px;
  padding: 26px;
  border-bottom: 1px solid rgba(183, 183, 183, 0.5);
}
.radio_contianer > div > span {
  margin-right: 16px;
}

.new-fill-batch >>> .el-radio-button__inner {
  border-left: 1px solid #dcdfe6;
}

.new-fill-batch >>> .radio_contianer .el-radio-button .el-radio-button__inner {
  border-radius: 16px;
  margin-bottom: 5px;
  margin-right: 8px;
}
.new-fill-batch >>> .radio_contianer .is-active .el-radio-button__inner{
  border-left: none;
}
.new-fill-batch >>> .split_page .el-pager > li {
  border-radius: 50%;
}
</style>

