|
@@ -1,10 +1,249 @@
|
|
<template>
|
|
<template>
|
|
- 根据高校/专业选科目1
|
|
|
|
|
|
+ 高考省份
|
|
|
|
+ <span>全部</span>
|
|
|
|
+ <span v-for="(item,index) in data.allareaList">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ </span>
|
|
|
|
+ <br>
|
|
|
|
+ 专业倾向:
|
|
|
|
+ <el-button @click="showZY">选择专业</el-button>
|
|
|
|
+ 您已选择的专业<br>----------------------------
|
|
|
|
+ <div v-for="(item,index) in zyArr">
|
|
|
|
+ {{item.name}}<el-button @click="removeChooseZY(item)">X</el-button>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <el-dialog v-model="zyFlag" width="600px" title="选择专业" append-to-body>
|
|
|
|
+ 学历层次:-----------------------------<br>
|
|
|
|
+ <div @click="xlccChoose(1,1)">本科</div>
|
|
|
|
+ <div @click="xlccChoose(2,1)">专科</div>
|
|
|
|
+ 专业门类:---------------------------<br>
|
|
|
|
+ <div v-for="(item,index) in data.levelList2" @click="xlccChoose(item.oldid,2)">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ </div>
|
|
|
|
+ 专业类:-------------------------<br>
|
|
|
|
+ <div v-for="(item,index) in data.levelList3" @click="xlccChoose(item.oldid,3)">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ </div>
|
|
|
|
+ 选择专业(可多选):-------------------<br>
|
|
|
|
+ <div v-for="(item,index) in data.levelList4" >
|
|
|
|
+ <el-checkbox v-model="item.checked" @change="(e) => selectZY(e,item)">{{item.name}}</el-checkbox>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ 您已选择的专业<br>----------------------------
|
|
|
|
+ <div v-for="(item,index) in zyArr">
|
|
|
|
+ {{item.name}}<el-button @click="removeChooseZY(item)">X</el-button>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ </el-dialog>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <el-dialog v-model="gxFlag" width="800px" title="选择院校" append-to-body>
|
|
|
|
+ 学历层次:-----------------------------###<br>
|
|
|
|
+ <span @click="choose_educationlevel(1)">本科</span>
|
|
|
|
+ <span @click="choose_educationlevel(2)">专科</span><br>
|
|
|
|
+
|
|
|
|
+ 院校所在地:<span @click="choose_areaid(null)">全部</span>
|
|
|
|
+ <span v-for="(item,index) in data.allareaList" @click="choose_areaid(item.id)">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ </span>
|
|
|
|
+ <br>
|
|
|
|
+ 院校特色:
|
|
|
|
+ <span v-for="(item,index) in educationlevel_decision" @click="choose_yxts(item.value)">
|
|
|
|
+ {{item.label}}
|
|
|
|
+ </span>
|
|
|
|
+<br>
|
|
|
|
+高校分类:<span @click="choose_categoryid(null)">全部</span>
|
|
|
|
+ <span v-for="(item,index) in school_category" @click="choose_categoryid(item.value)">
|
|
|
|
+ {{item.label}}
|
|
|
|
+ </span>
|
|
|
|
+<br>
|
|
|
|
+ <br>
|
|
|
|
+ 选择高校(可多选)<br>
|
|
|
|
+ <span v-for="(item,index) in data_list.rows">
|
|
|
|
+ {{item.name}}--{{item.checked}}
|
|
|
|
+ <el-checkbox v-model="item.checked" @change="(e) => selectGX(e,item)">{{item.name}}</el-checkbox>
|
|
|
|
+
|
|
|
|
+ </span>
|
|
|
|
+ <pagination v-show="data_list.total > 0" :total="data_list.total" v-model:page="universityForm.pageNum"
|
|
|
|
+ v-model:limit="universityForm.pageSize" @pagination="getUniversity"/>
|
|
|
|
+
|
|
|
|
+ 您已选择的高校<br>----------------------------
|
|
|
|
+ <div v-for="(item,index) in gxArr">
|
|
|
|
+ {{item.name}}<el-button @click="removeChooseGX(item)">X</el-button>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </el-dialog>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <br>
|
|
|
|
+ 高校倾向:
|
|
|
|
+ <el-button @click="showGX">选择高校</el-button>
|
|
|
|
+ <div>
|
|
|
|
+ 选择结果:
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <el-button>开始查询</el-button>
|
|
|
|
+ <el-table>
|
|
|
|
+ <el-table-column label="院校所在地" align="center" prop="name"/>
|
|
|
|
+ <el-table-column label="院校名称" align="center" prop="name"/>
|
|
|
|
+ <el-table-column label="专业名称" align="center" prop="name"/>
|
|
|
|
+ <el-table-column label="必考" align="center" prop="name"/>
|
|
|
|
+ <el-table-column label="选考" align="center" prop="name"/>
|
|
|
|
+ </el-table>
|
|
|
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
|
|
|
|
|
+ import {specialtySelect, getSpecData,getUniversityList} from '@/api/xjc-integratedmachine/decision/limitsubject.js'
|
|
|
|
+
|
|
|
|
+ const {proxy} = getCurrentInstance()
|
|
|
|
+ const {school_category,educationlevel_decision} = proxy.useDict('school_category','educationlevel_decision')
|
|
|
|
+
|
|
|
|
+ const zyFlag = ref(false)
|
|
|
|
+ const gxFlag = ref(false)
|
|
|
|
+
|
|
|
|
+ function showZY() {
|
|
|
|
+ zyFlag.value = true
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function showGX() {
|
|
|
|
+ gxFlag.value = true
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ const data = ref({})
|
|
|
|
+
|
|
|
|
+ function init() {
|
|
|
|
+ specialtySelect().then(resp => {
|
|
|
|
+ data.value = resp
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function xlccChoose(value, level) {
|
|
|
|
+ getSpecData({
|
|
|
|
+ value: value
|
|
|
|
+ }).then(resp => {
|
|
|
|
+ if (level == 1) {
|
|
|
|
+ data.value.levelList2 = resp
|
|
|
|
+ } else if (level == 2) {
|
|
|
|
+ data.value.levelList3 = resp
|
|
|
|
+ } else if (level == 3) {
|
|
|
|
+ data.value.levelList4 = resp
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ const zyArr = ref([])
|
|
|
|
+
|
|
|
|
+ function selectZY(e,item) {
|
|
|
|
+ if(e== true){
|
|
|
|
+ item.checked = true
|
|
|
|
+ zyArr.value.push(item)
|
|
|
|
+ }else{
|
|
|
|
+ item.checked = false
|
|
|
|
+ zyArr.value = zyArr.value.filter((element, idx) => item.oldid !== element.oldid);
|
|
|
|
+ }
|
|
|
|
+ console.log(e,item)
|
|
|
|
+ }
|
|
|
|
+ function removeChooseZY(item){
|
|
|
|
+ zyArr.value = zyArr.value.filter((element, idx) => item.oldid !== element.oldid);
|
|
|
|
+ data.value.levelList4.forEach(function (it,ind) {
|
|
|
|
+ if(it.oldid == item.oldid){
|
|
|
|
+ item.checked = false
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ //-------------------------------------------------------------------------------------
|
|
|
|
+ function choose_educationlevel(item) {
|
|
|
|
+ universityForm.value.educationlevel = item
|
|
|
|
+ getUniversity()
|
|
|
|
+ }
|
|
|
|
+ function choose_areaid(item) {
|
|
|
|
+ universityForm.value.areaid = item
|
|
|
|
+ getUniversity()
|
|
|
|
+ }
|
|
|
|
+ function choose_yxts(item) {
|
|
|
|
+ universityForm.value.areaid = item
|
|
|
|
+ if(item == 1){
|
|
|
|
+ universityForm.value.too = 1
|
|
|
|
+ }else if(item == 2){
|
|
|
|
+ universityForm.value.nef = 1
|
|
|
|
+ }else if(item == 3){
|
|
|
|
+ universityForm.value.self = 1
|
|
|
|
+ }else if(item == 4){
|
|
|
|
+ universityForm.value.graduate =1
|
|
|
|
+ }else if(item == 5){
|
|
|
|
+ universityForm.value.istopschool =1
|
|
|
|
+ }else if(item == 6){
|
|
|
|
+ universityForm.value.istopsubject =1
|
|
|
|
+ }
|
|
|
|
+ getUniversity()
|
|
|
|
+ }
|
|
|
|
+ const gxArr = ref([])
|
|
|
|
+ function choose_categoryid(item) {
|
|
|
|
+ universityForm.value.categoryid = item
|
|
|
|
+ getUniversity()
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ const universityForm =ref({
|
|
|
|
+ educationlevel : null,
|
|
|
|
+ areaid : null,
|
|
|
|
+ graduate : null,
|
|
|
|
+ categoryid : null,
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ })
|
|
|
|
+ const data_list = ref({
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ function getUniversity(){
|
|
|
|
+ getUniversityList(universityForm.value).then(resp =>{
|
|
|
|
+ data_list.value.rows = resp.university_list.rows
|
|
|
|
+ data_list.value.total = resp.university_list.total
|
|
|
|
+ data_list.value.rows.forEach(function (it,ind) {
|
|
|
|
+ let isHave = false
|
|
|
|
+ gxArr.value.forEach(function (item,index) {
|
|
|
|
+ if(item.id == it.id){
|
|
|
|
+ isHave = true
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ if(isHave){
|
|
|
|
+ it.checked = true
|
|
|
|
+ }else{
|
|
|
|
+ it.checked = false
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ //console.log("!!!!",data_list.value.rows)
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ function selectGX(e,item){
|
|
|
|
+ if(e== true){
|
|
|
|
+ item.checked = true
|
|
|
|
+ gxArr.value.push(item)
|
|
|
|
+ }else{
|
|
|
|
+ item.checked = false
|
|
|
|
+ gxArr.value = gxArr.value.filter((element, idx) => item.id !== element.id);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ function removeChooseGX(item){
|
|
|
|
+ gxArr.value = gxArr.value.filter((element, idx) => item.id !== element.id);
|
|
|
|
+ data_list.value.rows.forEach(function (it,ind) {
|
|
|
|
+ if(it.id == item.id){
|
|
|
|
+ item.checked = false
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ init()
|
|
|
|
+
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|