|  | @@ -1,196 +0,0 @@
 | 
											
												
													
														|  | -<template>
 |  | 
 | 
											
												
													
														|  | -  <el-dialog
 |  | 
 | 
											
												
													
														|  | -    :visible.sync="show"
 |  | 
 | 
											
												
													
														|  | -    width="80%"
 |  | 
 | 
											
												
													
														|  | -    :close-on-click-modal="false"
 |  | 
 | 
											
												
													
														|  | -     :before-close="close"
 |  | 
 | 
											
												
													
														|  | -  >
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -    <div class="zhiyuan-filter">
 |  | 
 | 
											
												
													
														|  | -      <div class="header">
 |  | 
 | 
											
												
													
														|  | -        <h3 class="f-666">您的选考科目为:历史,生物,政治, 请手动选择志愿</h3>
 |  | 
 | 
											
												
													
														|  | -      </div>
 |  | 
 | 
											
												
													
														|  | -      <div class="filters">
 |  | 
 | 
											
												
													
														|  | -        <div class="filter">
 |  | 
 | 
											
												
													
														|  | -          <div class="filter_name">热门城市:</div>
 |  | 
 | 
											
												
													
														|  | -          <div class="items fx-row">
 |  | 
 | 
											
												
													
														|  | -            <div class="no_limited">
 |  | 
 | 
											
												
													
														|  | -              <!--  no_limited 隐藏 选中框  -->
 |  | 
 | 
											
												
													
														|  | -              <el-checkbox @change="change('city',$event)"  v-model="cityIsAll" >不限</el-checkbox>
 |  | 
 | 
											
												
													
														|  | -            </div>
 |  | 
 | 
											
												
													
														|  | -            <el-checkbox-group v-model="filter_form.checkedCities">
 |  | 
 | 
											
												
													
														|  | -              <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
 |  | 
 | 
											
												
													
														|  | -            </el-checkbox-group>
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -        <div class="filter">
 |  | 
 | 
											
												
													
														|  | -          <div class="filter_name">院校省份:</div>
 |  | 
 | 
											
												
													
														|  | -          <div class="items fx-row">
 |  | 
 | 
											
												
													
														|  | -            <div class="no_limited">
 |  | 
 | 
											
												
													
														|  | -              <el-checkbox @change="change('province',$event)"  v-model="provinceIsAll" >不限</el-checkbox>
 |  | 
 | 
											
												
													
														|  | -            </div>
 |  | 
 | 
											
												
													
														|  | -            <el-checkbox-group v-model="filter_form.provinces">
 |  | 
 | 
											
												
													
														|  | -              <el-checkbox v-for="city in provinces" :label="city" :key="city">{{city}}</el-checkbox>
 |  | 
 | 
											
												
													
														|  | -            </el-checkbox-group>
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -        <div class="filter">
 |  | 
 | 
											
												
													
														|  | -          <div class="filter_name">专业类别:</div>
 |  | 
 | 
											
												
													
														|  | -          <div class="items fx-row">
 |  | 
 | 
											
												
													
														|  | -            <div class="no_limited">
 |  | 
 | 
											
												
													
														|  | -              <el-checkbox @change="change('major',$event)"  v-model="majorIsAll" >不限</el-checkbox>
 |  | 
 | 
											
												
													
														|  | -            </div>
 |  | 
 | 
											
												
													
														|  | -            <el-radio-group v-model="filter_form.major">
 |  | 
 | 
											
												
													
														|  | -              <el-radio v-for="city in majors" :label="city" :key="city">{{city}}</el-radio>
 |  | 
 | 
											
												
													
														|  | -            </el-radio-group>
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -        <div class="filter">
 |  | 
 | 
											
												
													
														|  | -          <div class="filter_name">意向专业:</div>
 |  | 
 | 
											
												
													
														|  | -          <div class="items">
 |  | 
 | 
											
												
													
														|  | -            <div>
 |  | 
 | 
											
												
													
														|  | -              <el-autocomplete class="inline-input mr10" v-model="major" placeholder="搜索意向专业"></el-autocomplete>
 |  | 
 | 
											
												
													
														|  | -              <el-button plain size="mini" icon="el-icon-add">添加</el-button>
 |  | 
 | 
											
												
													
														|  | -            </div>
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -        <div class="filter">
 |  | 
 | 
											
												
													
														|  | -          <div class="filter_name">更多筛选:</div>
 |  | 
 | 
											
												
													
														|  | -          <div class="items">
 |  | 
 | 
											
												
													
														|  | -            <div class="more">
 |  | 
 | 
											
												
													
														|  | -              <span >
 |  | 
 | 
											
												
													
														|  | -                <el-button plain size="mini">志愿梯度</el-button>
 |  | 
 | 
											
												
													
														|  | -              </span>
 |  | 
 | 
											
												
													
														|  | -              <span>
 |  | 
 | 
											
												
													
														|  | -                <el-button plain size="mini">院校类型</el-button>
 |  | 
 | 
											
												
													
														|  | -              </span><span>
 |  | 
 | 
											
												
													
														|  | -                <el-button plain size="mini">院校特色</el-button>
 |  | 
 | 
											
												
													
														|  | -              </span><span>
 |  | 
 | 
											
												
													
														|  | -                <el-button plain size="mini">办学类型</el-button>
 |  | 
 | 
											
												
													
														|  | -              </span>
 |  | 
 | 
											
												
													
														|  | -            </div>
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -        <div class="filter">
 |  | 
 | 
											
												
													
														|  | -          <div class="filter_name">搜索专业:</div>
 |  | 
 | 
											
												
													
														|  | -          <div class="items">
 |  | 
 | 
											
												
													
														|  | -            <div>
 |  | 
 | 
											
												
													
														|  | -              <el-autocomplete class="inline-input mr10" v-model="major" placeholder="请输入专业名词或者专业关键词"></el-autocomplete>
 |  | 
 | 
											
												
													
														|  | -              <el-button plain size="mini" icon="el-icon-add">搜索</el-button>
 |  | 
 | 
											
												
													
														|  | -            </div>
 |  | 
 | 
											
												
													
														|  | -          </div>
 |  | 
 | 
											
												
													
														|  | -        </div>
 |  | 
 | 
											
												
													
														|  | -      </div>
 |  | 
 | 
											
												
													
														|  | -    </div>
 |  | 
 | 
											
												
													
														|  | -    <div class="zhiyuan-list">
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -    </div>
 |  | 
 | 
											
												
													
														|  | -<!--    <span @click="close">关闭</span>-->
 |  | 
 | 
											
												
													
														|  | -  </el-dialog>
 |  | 
 | 
											
												
													
														|  | -</template>
 |  | 
 | 
											
												
													
														|  | -<script>
 |  | 
 | 
											
												
													
														|  | -export default {
 |  | 
 | 
											
												
													
														|  | -  model:{
 |  | 
 | 
											
												
													
														|  | -    prop: 'show',
 |  | 
 | 
											
												
													
														|  | -    event: 'close'
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -  props: {
 |  | 
 | 
											
												
													
														|  | -    show: { type: Boolean },
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -  data() {
 |  | 
 | 
											
												
													
														|  | -    return {
 |  | 
 | 
											
												
													
														|  | -      cities:  ['北京', '上海', '深圳', '广州', '杭州', '南京', '武汉', '西安', '长沙', '重庆', '南充'],
 |  | 
 | 
											
												
													
														|  | -      provinces:['湖南','安徽','福建','沈阳','山东','山西','甘肃','广东','广西','重庆','上海','黑龙江','吉林','辽宁','西藏','新疆'],
 |  | 
 | 
											
												
													
														|  | -      majors: ['哲学','经济学','法学','教育学','文学','历史学','理学','工学','农学','医学','管理学','艺术学'],
 |  | 
 | 
											
												
													
														|  | -      filter_form: {
 |  | 
 | 
											
												
													
														|  | -        checkedCities:[],
 |  | 
 | 
											
												
													
														|  | -        provinces: [],
 |  | 
 | 
											
												
													
														|  | -        major: ''
 |  | 
 | 
											
												
													
														|  | -      },
 |  | 
 | 
											
												
													
														|  | -      major: ''
 |  | 
 | 
											
												
													
														|  | -    }
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -  computed: {
 |  | 
 | 
											
												
													
														|  | -    cityIsAll:{
 |  | 
 | 
											
												
													
														|  | -      get() {
 |  | 
 | 
											
												
													
														|  | -        return !this.filter_form.checkedCities.length
 |  | 
 | 
											
												
													
														|  | -      },
 |  | 
 | 
											
												
													
														|  | -      set(){}
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    provinceIsAll:{
 |  | 
 | 
											
												
													
														|  | -      get() {
 |  | 
 | 
											
												
													
														|  | -        return !this.filter_form.provinces.length
 |  | 
 | 
											
												
													
														|  | -      },
 |  | 
 | 
											
												
													
														|  | -      set(){}
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    majorIsAll:{
 |  | 
 | 
											
												
													
														|  | -      get() {
 |  | 
 | 
											
												
													
														|  | -        return !this.filter_form.major
 |  | 
 | 
											
												
													
														|  | -      },
 |  | 
 | 
											
												
													
														|  | -      set(){}
 |  | 
 | 
											
												
													
														|  | -    }
 |  | 
 | 
											
												
													
														|  | -  },
 |  | 
 | 
											
												
													
														|  | -  methods:{
 |  | 
 | 
											
												
													
														|  | -    close(){
 |  | 
 | 
											
												
													
														|  | -      this.$emit('close',false);
 |  | 
 | 
											
												
													
														|  | -    },
 |  | 
 | 
											
												
													
														|  | -    change(val,$event) {
 |  | 
 | 
											
												
													
														|  | -      if($event) {
 |  | 
 | 
											
												
													
														|  | -        if(val == 'city') {
 |  | 
 | 
											
												
													
														|  | -          this.filter_form.checkedCities = []
 |  | 
 | 
											
												
													
														|  | -        }
 |  | 
 | 
											
												
													
														|  | -        if(val == 'province') {
 |  | 
 | 
											
												
													
														|  | -          this.filter_form.provinces = []
 |  | 
 | 
											
												
													
														|  | -        }
 |  | 
 | 
											
												
													
														|  | -        if(val == 'major') {
 |  | 
 | 
											
												
													
														|  | -          this.filter_form.major = ''
 |  | 
 | 
											
												
													
														|  | -        }
 |  | 
 | 
											
												
													
														|  | -      }
 |  | 
 | 
											
												
													
														|  | -    }
 |  | 
 | 
											
												
													
														|  | -  }
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -</script>
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -<style scoped>
 |  | 
 | 
											
												
													
														|  | -.more span {
 |  | 
 | 
											
												
													
														|  | -  margin-right: 10px;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.filters{
 |  | 
 | 
											
												
													
														|  | -  padding: 0 20px;
 |  | 
 | 
											
												
													
														|  | -  border: 1px solid #eee;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.filter_name{
 |  | 
 | 
											
												
													
														|  | -   box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -   width: 70px;
 |  | 
 | 
											
												
													
														|  | -   line-height: 20px;
 |  | 
 | 
											
												
													
														|  | -   flex: none;
 |  | 
 | 
											
												
													
														|  | -   padding: 6px 0 6px 0;
 |  | 
 | 
											
												
													
														|  | -   margin-right: 10px;
 |  | 
 | 
											
												
													
														|  | - }
 |  | 
 | 
											
												
													
														|  | -.zhiyuan-filter .filters .filter .items .no_limited{
 |  | 
 | 
											
												
													
														|  | -  margin-right: 10px;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.zhiyuan-filter .filters .filter .items .no_limited >>> .el-checkbox__input {
 |  | 
 | 
											
												
													
														|  | -  display: none;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -.filters .filter{
 |  | 
 | 
											
												
													
														|  | -  padding: 10px  0;
 |  | 
 | 
											
												
													
														|  | -  display: flex;
 |  | 
 | 
											
												
													
														|  | -  border-bottom: 1px solid #eee;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -.zhiyuan-filter .filters .filter >>> .el-checkbox, .zhiyuan-filter .filters .filter >>> .el-radio {
 |  | 
 | 
											
												
													
														|  | -  -webkit-box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -  box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -  height: 32px;
 |  | 
 | 
											
												
													
														|  | -  padding: 8px 8px;
 |  | 
 | 
											
												
													
														|  | -  margin: 0;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | ->>>  .el-input--medium .el-input__inner{
 |  | 
 | 
											
												
													
														|  | -  height: 30px;
 |  | 
 | 
											
												
													
														|  | -  line-height: 30px;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | ->>> .el-input{
 |  | 
 | 
											
												
													
														|  | -  width: 260px;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -</style>
 |  | 
 |