1006 lines
30 KiB
Vue
1006 lines
30 KiB
Vue
<!--智能填报-->
|
|
<script>
|
|
import {arrayIsNotEmpty, stringIsNotEmpty} from "@/common/util";
|
|
import StaticConstant from "@/common/StaticConstant";
|
|
import ApiConstant from "@/common/ApiConstant";
|
|
import Request from "@/common/request";
|
|
import ImagesConstant from "@/common/ImagesConstant";
|
|
|
|
let request = new Request()
|
|
export default {
|
|
name: "auto",
|
|
computed: {
|
|
ImagesConstant() {
|
|
return ImagesConstant
|
|
},
|
|
StaticConstant() {
|
|
return StaticConstant
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
vipInfo: {},
|
|
avatar: ImagesConstant.systemIcon,
|
|
code: '',
|
|
max: 9999,
|
|
min: 1,
|
|
volunteerName: '',
|
|
//批次
|
|
batchIndex: 0,
|
|
batchArray: [],
|
|
batchVisible: false,
|
|
settingVisible: false,
|
|
majorBatch: {},
|
|
///专业列表
|
|
majorCodeArray: [],
|
|
majorArray: [],//专业列表
|
|
majorVisible: false,
|
|
///偏好类型
|
|
schoolNatureSelectArray: [],
|
|
schoolNatureArray: StaticConstant.schoolNatureList,
|
|
schoolNatureVisible: false,
|
|
///地域
|
|
provinceSelectArray: [],
|
|
provinceArray: StaticConstant.provinceAllList,
|
|
provinceVisible: false,
|
|
scoreInfo: {},
|
|
userInfo: {},
|
|
listFlag: false,
|
|
recommendMajor: {},
|
|
scrollLeft: 0,
|
|
currentTab: '提前批',
|
|
settingIndex: 0,
|
|
settingArray: [
|
|
{label: '我喜欢的专业', value: 0},
|
|
{label: '我喜欢的院校类型', value: 1},
|
|
{label: '我喜欢的地域', value: 2}
|
|
],
|
|
tabs: ['本科批', '高职高专']
|
|
}
|
|
},
|
|
methods: {
|
|
stringIsNotEmpty,
|
|
/*选择批次*/
|
|
selectBatch(e, index) {
|
|
this.batchIndex = index
|
|
this.getMajorList()
|
|
this.majorCodeArray = []
|
|
this.onBatchClose()
|
|
},
|
|
/*设置个性偏好*/
|
|
selectSetting(e) {
|
|
|
|
},
|
|
/*选择专业*/
|
|
selectMajor(e) {
|
|
//判断 是否已存在，如果存在则删除
|
|
var index = this.majorCodeArray.findIndex(item => {
|
|
if (e.majorCode === item) {
|
|
return true;
|
|
}
|
|
})
|
|
console.log(index)
|
|
if (index !== -1) {
|
|
this.majorCodeArray.splice(index, 1)
|
|
} else {
|
|
//添加
|
|
this.majorCodeArray.push(e.majorCode)
|
|
}
|
|
},
|
|
/*选择类别*/
|
|
selectSchoolNature(e) {
|
|
//判断 是否已存在，如果存在则删除
|
|
var index = this.schoolNatureSelectArray.findIndex(item => {
|
|
if (e.value === item) {
|
|
return true;
|
|
}
|
|
})
|
|
console.log(index)
|
|
if (index !== -1) {
|
|
this.schoolNatureSelectArray.splice(index, 1)
|
|
} else {
|
|
//添加
|
|
this.schoolNatureSelectArray.push(e.value)
|
|
}
|
|
},
|
|
/*选择地区*/
|
|
selectProvince(e) {
|
|
//判断 是否已存在，如果存在则删除
|
|
var index = this.provinceSelectArray.findIndex(item => {
|
|
if (e.value === item) {
|
|
return true;
|
|
}
|
|
})
|
|
console.log(index)
|
|
if (index !== -1) {
|
|
this.provinceSelectArray.splice(index, 1)
|
|
} else {
|
|
//添加
|
|
this.provinceSelectArray.push(e.value)
|
|
}
|
|
},
|
|
goto(url) {
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
},
|
|
save() {
|
|
console.log(this.recommendMajor)
|
|
let that = this
|
|
if (!this.vipInfo || !stringIsNotEmpty(this.vipInfo.vipLevel) || this.vipInfo.vipLevel < 2) {
|
|
uni.showModal({
|
|
title: 'VIP专享',
|
|
// 提示文字
|
|
content: '该功能为增值内容，开通会员后即可免费查看！',
|
|
// 取消按钮的文字自定义
|
|
cancelText: "取消",
|
|
// 确认按钮的文字自定义
|
|
confirmText: "开通服务",
|
|
//删除字体的颜色
|
|
confirmColor: 'red',
|
|
//取消字体的颜色
|
|
cancelColor: '#dddddd',
|
|
success: function (res) {
|
|
if (res.confirm) {
|
|
// 执行确认后的操作
|
|
that.goto('/pages/zyb/vip/index')
|
|
}
|
|
}
|
|
})
|
|
return
|
|
}
|
|
//=================================参数判断
|
|
//专业编码
|
|
let majorCode = ''
|
|
if (arrayIsNotEmpty(this.majorCodeArray)) {
|
|
majorCode = this.majorCodeArray.join(',')
|
|
}
|
|
//院校类型
|
|
let schoolNature = ''
|
|
if (arrayIsNotEmpty(this.schoolNatureSelectArray)) {
|
|
schoolNature = this.schoolNatureSelectArray.join(',')
|
|
}
|
|
//地区
|
|
let province = ''
|
|
if (arrayIsNotEmpty(this.provinceSelectArray)) {
|
|
province = this.provinceSelectArray.join(',')
|
|
}
|
|
let batch = this.batchArray[this.batchIndex].value
|
|
this.currentTab = batch
|
|
this.scrollLeft = (batch === '本科B段' || batch === '高职高专') ? 600 : 0;
|
|
//获取填报信息
|
|
request.get(ApiConstant.Major.aiAuto, {
|
|
batch: batch,
|
|
majorCode: majorCode,
|
|
schoolNature: schoolNature,
|
|
province: province,
|
|
code: this.code
|
|
}).then(r => {
|
|
console.log(r)
|
|
if (r.success && r.result.pageList) {
|
|
this.recommendMajor[batch] = r.result.pageList.records
|
|
this.listFlag = true
|
|
}
|
|
}).catch(err => {
|
|
}).finally(() => {
|
|
});
|
|
},
|
|
/*关闭抽屉层*/
|
|
onBatchClose() {
|
|
this.batchVisible = false
|
|
},
|
|
onMajorClose() {
|
|
this.majorVisible = false
|
|
},
|
|
onSchoolNatureClose() {
|
|
this.schoolNatureVisible = false
|
|
},
|
|
onProvinceClose() {
|
|
this.provinceVisible = false
|
|
},
|
|
/*关闭个性偏好*/
|
|
onSettingClose() {
|
|
this.settingVisible = false
|
|
},
|
|
getMajorList() {
|
|
let batch = this.batchArray[this.batchIndex].value
|
|
console.log(batch)
|
|
if (this.majorBatch[batch] && arrayIsNotEmpty(this.majorBatch[batch].majorList)) {
|
|
this.majorArray = this.majorBatch[batch].majorList
|
|
return
|
|
}
|
|
request.get(ApiConstant.Major.schoolMajorListByBatchAndMajorType, {
|
|
batch: batch,
|
|
professionalCategory: this.scoreInfo.professionalCategory
|
|
}).then(r => {
|
|
console.log(r)
|
|
if (r.success) {
|
|
this.majorBatch[batch] = {}
|
|
this.majorBatch[batch].majorList = r.result
|
|
this.majorArray = r.result
|
|
}
|
|
}).catch(err => {
|
|
}).finally(() => {
|
|
});
|
|
},
|
|
|
|
checkBao(e) {
|
|
if (e >= 93) {
|
|
return ImagesConstant.bao.kebaodi;
|
|
} else if (e < 92 && e >= 74) {
|
|
return ImagesConstant.bao.jiaowentuo;
|
|
} else if (e < 73 && e >= 60) {
|
|
return ImagesConstant.bao.kechongji;
|
|
}
|
|
return ImagesConstant.bao.nanluqu;
|
|
},
|
|
checkColorText(e) {
|
|
if (e >= 93) {
|
|
return '#3e8e43';
|
|
} else if (e < 92 && e >= 74) {
|
|
return '#4975fd';
|
|
} else if (e < 73 && e >= 60) {
|
|
return '#F8880E';
|
|
}
|
|
return '#c83428';
|
|
},
|
|
/*切换专业列表 批次*/
|
|
swichMenu(e, index) {
|
|
this.currentTab = e.value
|
|
},
|
|
/*点击 另存为志愿单按钮*/
|
|
dialogInputConfirm() {
|
|
console.log('111')
|
|
console.log(this.volunteerName)
|
|
|
|
let volunteerRecordList = []
|
|
//遍历批次
|
|
for (let i = 0; i < this.batchArray.length; i++) {
|
|
let batch = this.batchArray[i].value
|
|
//获取对应批次推荐的专业志愿
|
|
let recommendMajorElement = this.recommendMajor[batch];
|
|
if (!arrayIsNotEmpty(recommendMajorElement)) {
|
|
continue
|
|
}
|
|
//遍历专业志愿，组合成保存对象
|
|
for (let j = 0; j < recommendMajorElement.length; j++) {
|
|
let r = recommendMajorElement[j]
|
|
let vr = {
|
|
majorCode: r.majorCode, schoolCode: r.schoolCode, enrollmentCode: r.enrollmentCode, batch: batch,
|
|
enrollProbability: r.enrollProbability, studentConvertedScore: r.studentConvertedScore
|
|
}
|
|
volunteerRecordList.push(vr)
|
|
}
|
|
}
|
|
let saveVolunteer = {
|
|
scoreId: this.scoreInfo.id,
|
|
category: this.scoreInfo.cognitioPolyclinic,
|
|
volunteerName: this.volunteerName,
|
|
volunteerRecordList: volunteerRecordList
|
|
}
|
|
request.post(ApiConstant.Volunteer.saveAs, saveVolunteer).then(r => {
|
|
console.log(r)
|
|
if (r.success) {
|
|
request.getUserScore()
|
|
setTimeout(function () {
|
|
uni.showToast({title: '保存成功', icon: "none"});
|
|
//回到首页
|
|
uni.switchTab({
|
|
url: '/pages/zyb/fillVolunteer/detail'
|
|
});
|
|
}, 500)
|
|
} else {
|
|
setTimeout(function () {
|
|
uni.showToast({title: r.message, icon: "none"});
|
|
}, 500)
|
|
}
|
|
}).catch(err => {
|
|
}).finally(() => {
|
|
});
|
|
},
|
|
},
|
|
onShow() {
|
|
},
|
|
onLoad() {
|
|
this.userInfo = uni.getStorageSync('userInfo')
|
|
let scoreInfo = uni.getStorageSync('scoreInfo')
|
|
this.vipInfo = uni.getStorageSync('vipInfo')
|
|
this.scoreInfo = scoreInfo
|
|
console.log(scoreInfo)
|
|
//判断专业
|
|
let batchArray = []
|
|
if (scoreInfo.professionalCategory === '体育类') {
|
|
console.log('qvq')
|
|
if (scoreInfo.batch === '本科') {
|
|
batchArray.push({label: '体育类本科批', value: '本科'})
|
|
}
|
|
batchArray.push({label: '体育类专科批', value: '高职高专'})
|
|
} else {
|
|
if (scoreInfo.batch === '本科A段' || scoreInfo.batch === '本科B段') {
|
|
batchArray.push({
|
|
label: '艺术类本科批',
|
|
value: '本科'
|
|
})
|
|
}
|
|
batchArray.push({label: '艺术类专科批', value: '高职高专'})
|
|
}
|
|
this.batchArray = batchArray
|
|
|
|
|
|
this.code = new Date().getTime() + '' + Math.floor(Math.random() * (this.max - this.min + 1)) + this.min
|
|
console.log(this.code)
|
|
this.getMajorList()
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<view class="body" v-if="!listFlag">
|
|
<view class="rightTop"></view>
|
|
<!--系统图标-->
|
|
<view class="submit" @click="save">
|
|
<view class="submit-text">
|
|
<text>AI</text><br/>
|
|
<text>一键填报</text>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="systemIcon">
|
|
<text class="avatar-background">AI一键填报</text>
|
|
</view>-->
|
|
<view class="schoolTags">
|
|
<view class="schoolTag absolute1">
|
|
武汉大学
|
|
</view>
|
|
<view class="schoolTag absolute2">
|
|
清华大学
|
|
</view>
|
|
<view class="schoolTag absolute3">
|
|
复旦大学
|
|
</view>
|
|
<view class="schoolTag absolute4">
|
|
中国传媒大学
|
|
</view>
|
|
<view class="schoolTag absolute5">
|
|
四川大学
|
|
</view>
|
|
</view>
|
|
|
|
<!--筛选菜单-->
|
|
<view class="switchMenu " style="text-align: center">
|
|
<text style="color: white" class="font-size-mini5">意向设置</text>
|
|
<!--成绩信息-->
|
|
<view class="scoreInfo">
|
|
<view class="master">
|
|
<text>成绩：</text>
|
|
<text class="margin-right-10">{{scoreInfo.province}}</text>
|
|
<text class="margin-right-10">{{ scoreInfo.professionalCategory }}</text>
|
|
<text class="margin-right-10">文化分:{{ scoreInfo.culturalScore }}分</text>
|
|
<text class="margin-right-10">
|
|
{{stringIsNotEmpty(scoreInfo.professionalCategory) && scoreInfo.professionalCategory === '音乐类' ? '主项分' : '专业分' }}:
|
|
{{ scoreInfo.professionalScore }}分
|
|
</text>
|
|
</view>
|
|
<view class="children" v-if="stringIsNotEmpty(scoreInfo.professionalCategoryChildren)">
|
|
<view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐表演声乐')">
|
|
音乐表演声乐
|
|
<text class="font-weight-500">{{ scoreInfo.yybysy }}</text>
|
|
分
|
|
</view>
|
|
<view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐表演器乐')">
|
|
音乐表演器乐
|
|
<text class="font-weight-500">{{ scoreInfo.yybyqy }}</text>
|
|
分
|
|
</view>
|
|
<view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('音乐教育')">
|
|
音乐教育
|
|
<text class="font-weight-500">{{ scoreInfo.yyjy }}</text>
|
|
分
|
|
</view>
|
|
<view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('戏剧影视导演')">
|
|
戏剧影视导演
|
|
<text class="font-weight-500">{{ scoreInfo.xjysdy }}</text>
|
|
分
|
|
</view>
|
|
<view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('戏剧影视表演')">
|
|
戏剧影视表演
|
|
<text class="font-weight-500">{{ scoreInfo.xjysby }}</text>
|
|
分
|
|
</view>
|
|
<view class="margin-right-10" v-if="scoreInfo.professionalCategoryChildren.includes('服装表演')">
|
|
服装表演
|
|
<text class="font-weight-500">{{ scoreInfo.fzby }}</text>
|
|
分
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="uni-flex uni-row"
|
|
style="margin: 10rpx 0;-webkit-justify-content: space-between;justify-content: space-between;">
|
|
<view class="tab4" @click="batchVisible=true">
|
|
<text v-if="batchArray.length>0">{{ batchArray[batchIndex].label }}</text>
|
|
<image :src="ImagesConstant.keyboard.arrowDown" class="icon32"/>
|
|
</view>
|
|
<view class="tab4" @click="settingVisible=true">
|
|
<text>设置偏好</text>
|
|
<image :src="ImagesConstant.keyboard.arrowDown" class="icon32"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="false">
|
|
<view class="flexWrap" style="margin: 0 auto">
|
|
<view class="white tab" @click="majorVisible=true">
|
|
<text class="font-size-mini4 flex text">偏好专业</text>
|
|
<text class="slateGray flex text">已选择{{ majorCodeArray.length }}个偏好专业</text>
|
|
</view>
|
|
<view class="white tab right" @click="schoolNatureVisible=true">
|
|
<text class="font-size-mini4 flex text">偏好类型</text>
|
|
<text class="slateGray flex text">已选择{{ schoolNatureSelectArray.length }}个偏好类型</text>
|
|
</view>
|
|
<!-- <view class="white tab right">
|
|
<text class="font-size-mini4 flex text">偏好层次</text>
|
|
<text class="slateGray flex text">已选择2个偏好专业</text>
|
|
</view>-->
|
|
<view class="white tab right" @click="provinceVisible=true">
|
|
<text class="font-size-mini4 flex text">偏好地区</text>
|
|
<text class="slateGray flex text">已选择{{ provinceSelectArray.length }}个偏好地区</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--按钮-->
|
|
<!-- <view class="fontsize25" style="text-align: center;padding: 0 40rpx">
|
|
<button
|
|
style="color:white;background: linear-gradient(rgba(52,145,212,0.83), #3658d0);border-radius: 50rpx">
|
|
一键智能填报
|
|
</button>
|
|
</view>-->
|
|
</view>
|
|
<view class="border-top listBody" v-if="listFlag" style="height: 98%">
|
|
<view class="head border-bottom">
|
|
<view class="flex">
|
|
<view class="flex-item-2">
|
|
<text class="backBtn" @click="this.listFlag = false">返回</text>
|
|
</view>
|
|
<view class="flex-item-6">
|
|
<text class="margin-right-10">文化分:{{ scoreInfo.culturalScore }}分</text>
|
|
<text>
|
|
{{ scoreInfo.professionalCategory === '音乐类' ? '主项成绩' : '专业分' }}:{{ scoreInfo.professionalScore }}分
|
|
</text>
|
|
</view>
|
|
<view class="flex-item-2">
|
|
<text class="saveAsBtn" @click="this.$refs.inputDialog.open()">另存为</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 使用scroll-view实现tabs滑动切换 -->
|
|
<scroll-view class="top-menu-view" scroll-x scroll-with-animation :scroll-left="scrollLeft">
|
|
<view class="menu-topic-view" v-for="(item,index) in batchArray" :key="index"
|
|
@click="swichMenu(item,index)">
|
|
<view :class="currentTab===item.value ? 'menu-topic-act' : 'menu-topic'">
|
|
<text class="menu-topic-text">{{ item.label }}</text>
|
|
<view class="menu-topic-bottom">
|
|
<view class="menu-topic-bottom-color"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<scroll-view scroll-y="true" style="height: 88%">
|
|
<view class="volunteerItem radius8" v-if="batchArray[batchIndex]"
|
|
v-for="(item,index) in recommendMajor[currentTab]" :key="index">
|
|
<!--院校信息-->
|
|
<view class="flex" @click="goto('/pages/zyb/school/detail?schoolCode='+item.schoolCode)">
|
|
<!--院校图片-->
|
|
<view class="flex-item-22">
|
|
<image :src="item.schoolIcon||ImagesConstant.defaultIcon" class="icon128"/>
|
|
</view>
|
|
<!--院校代码-->
|
|
<view class="flex-item-77">
|
|
<view class="flex slateGray">
|
|
<text class="flex-item-4">院校代码[{{ item.schoolCode }}]</text>
|
|
<text class="flex-item-25">{{ item.province }}</text>
|
|
<view class="flex-item-35">
|
|
<view style="float: right;line-height: 50rpx;" class="font-weight-600">
|
|
<text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
|
|
{{ item.enrollProbability }}%
|
|
</text>
|
|
<image :src="checkBao(item.enrollProbability)" class="icon50"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex">
|
|
<text class="font-size-medium">{{ item.schoolName }}</text>
|
|
</view>
|
|
<view class="flex tags slateGray">
|
|
<text class="tag" v-for="t in item.tagsList" :key="t">
|
|
{{ t }}
|
|
</text>
|
|
</view>
|
|
<view class="flex">
|
|
<view class="flex-item-65 slateGray" style="line-height: 50rpx">
|
|
<text class="tag">[{{ item.enrollmentCode }}]{{ item.majorName }}</text>
|
|
</view>
|
|
<view class="flex-item-35">
|
|
<view style="float: right;line-height: 50rpx;" class="font-weight-600">
|
|
<text>
|
|
折合分:
|
|
</text>
|
|
<text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
|
|
{{ item.studentConvertedScore }}
|
|
</text>
|
|
<text>
|
|
真实分:
|
|
</text>
|
|
<text class="font-size-mini" :style="'color:'+checkColorText(item.enrollProbability)">
|
|
{{ item.studentScore }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!---->
|
|
</view>
|
|
<!--招录信息-->
|
|
<view class="flex font-size-mini">
|
|
<view class="flex-item-5" style="line-height: 40rpx">
|
|
<view v-for="(history,h) in item.historyMajorEnrollList" :key="h">
|
|
<text>{{ history.year }}年录取最低分：</text>
|
|
<text class="red">{{ history.admissionLine }}分</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex-item-5" style="line-height: 40rpx">
|
|
<view class="flex" style="float: right">
|
|
<text>{{ StaticConstant.year }}省内计划录取：</text>
|
|
<text v-if="item.planNum" class="green font-weight-600">{{ item.planNum }}人</text>
|
|
<text v-else class="green">暂未发布</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex" style="line-height: 50rpx">
|
|
<view class="flex-item-7">
|
|
<text>{{ StaticConstant.year }}录取方式:</text>
|
|
<text v-if="item.rulesEnrollProbability" class="blue">{{ item.rulesEnrollProbability }}</text>
|
|
<text v-else class="blue">暂未发布</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
|
|
<!-- 输入框示例 -->
|
|
<uni-popup ref="inputDialog" type="dialog">
|
|
|
|
<uni-popup-dialog ref="inputClose" mode="input" title="输入志愿单名称"
|
|
placeholder="请输入内容" @confirm="dialogInputConfirm">
|
|
<view>
|
|
<view class="">
|
|
<input type="text" v-model="volunteerName" placeholder="请输入名称" />
|
|
</view>
|
|
</view>
|
|
</uni-popup-dialog>
|
|
</uni-popup>
|
|
|
|
<!--批次选择-->
|
|
<px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="batchVisible" title="请选择批次"
|
|
maxHeight="800" radius="40" @close="onBatchClose">
|
|
<view class="majorList">
|
|
<view class="flex majorItem" @click="selectBatch(item,index)" :class="index===batchArray.length-1?'':'border-bot'"
|
|
v-for="(item,index) in batchArray" :key="index">
|
|
<text class="marginCenter" :class="batchIndex===index?'active':''">{{ item.label }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</px-popup-bottom>
|
|
<!--个性偏好-->
|
|
<px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="settingVisible" radius="40"
|
|
title="设置个性偏好,推荐更精准" maxHeight="800" @close="onSettingClose">
|
|
<view class="majorList">
|
|
<view class="flex settingItem" @click="majorVisible = true">
|
|
<view class="flex-item-5">
|
|
<text class="flex font-size-mini4">我喜欢的专业</text>
|
|
<text class="flex slateGray font-size-mini">已选中{{ majorCodeArray.length }}个偏好专业</text>
|
|
</view>
|
|
<view class="flex-item-5">
|
|
<text class="settingItemBtn">选择专业</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex settingItem" @click="schoolNatureVisible = true">
|
|
<view class="flex-item-5">
|
|
<text class="font-size-mini4">我喜欢的院校类型</text>
|
|
<text class="flex slateGray font-size-mini">已选中{{ schoolNatureSelectArray.length }}个偏好类型</text>
|
|
</view>
|
|
<view class="flex-item-5">
|
|
<text class="settingItemBtn">选择院校</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex settingItem" @click="provinceVisible = true">
|
|
<view class="flex-item-5">
|
|
<text class="font-size-mini4">我喜欢的地域</text>
|
|
<text class="flex slateGray font-size-mini">已选中{{ provinceSelectArray.length }}个偏好地区</text>
|
|
</view>
|
|
<view class="flex-item-5">
|
|
<text class="settingItemBtn">选择地域</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</px-popup-bottom>
|
|
|
|
<px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="majorVisible" title="请选择专业"
|
|
maxHeight="800" radius="40" @close="onMajorClose">
|
|
<view class="majorList">
|
|
<view class="flex majorItem" @click="selectMajor(item)" :class="index===majorArray.length-1?'':'border-bot'"
|
|
v-for="(item,index) in majorArray" :key="index">
|
|
<text class="marginCenter" :class="majorCodeArray.includes(item.majorCode)?'active':''">{{ item.majorName }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</px-popup-bottom>
|
|
|
|
<px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="schoolNatureVisible" title="请选择类型"
|
|
maxHeight="800" radius="40" @close="onSchoolNatureClose">
|
|
<view class="majorList">
|
|
<view class="flex majorItem" @click="selectSchoolNature(item)"
|
|
:class="index===schoolNatureArray.length-1?'':'border-bot'"
|
|
v-for="(item,index) in schoolNatureArray" :key="index">
|
|
<text class="marginCenter" :class="schoolNatureSelectArray.includes(item.value)?'active':''">{{ item.label }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</px-popup-bottom>
|
|
|
|
<px-popup-bottom :background="'#ffffff'" :color="'#000000'" :visible.sync="provinceVisible" title="请选择地区"
|
|
maxHeight="800" radius="40" @close="onProvinceClose">
|
|
<view class="majorList">
|
|
<view class="flex majorItem" @click="selectProvince(item)" :class="index===provinceArray.length-1?'':'border-bot'"
|
|
v-for="(item,index) in provinceArray" :key="index">
|
|
<text class="marginCenter" :class="provinceSelectArray.includes(item.value)?'active':''">{{ item.label }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</px-popup-bottom>
|
|
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
$color1: #f95b17;
|
|
$color2: #fef0e7;
|
|
$color3:#ffffff;
|
|
.body {
|
|
width: 100%;
|
|
height: 100%;
|
|
//background-color: #1b1f37;
|
|
background-color: white;
|
|
}
|
|
|
|
|
|
.submit{
|
|
position: relative;
|
|
top: 200rpx;
|
|
margin: 0 auto;
|
|
width: 130rpx;
|
|
height: 130rpx;
|
|
background-color: $color2;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
padding: 100rpx;
|
|
//filter: blur(15px);
|
|
-webkit-animation-name: animationScale; /*关键帧名称*/
|
|
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
-webkit-animation-iteration-count: infinite; /*动画播放的次数*/
|
|
-webkit-animation-duration: 4s; /*动画所花费的时间*/
|
|
}
|
|
.submit-text{
|
|
position: relative;
|
|
bottom:65rpx;
|
|
right: 60rpx;
|
|
padding:85rpx 0;
|
|
width: 250rpx;
|
|
//height: 250rpx;
|
|
border-radius: 50%;
|
|
background-color: $color1;
|
|
font-size: 35rpx;
|
|
font-weight: 600;
|
|
color:white;
|
|
}
|
|
|
|
.systemIcon {
|
|
padding-top: 200rpx;
|
|
padding-bottom: 100rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.avatar-background {
|
|
background-color: $color1;
|
|
position: relative;
|
|
top: 155rpx;
|
|
margin: 0 auto;
|
|
border-radius: 50%;
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
//filter: blur(15px);
|
|
-webkit-animation-name: animationScale; /*关键帧名称*/
|
|
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
-webkit-animation-iteration-count: infinite; /*动画播放的次数*/
|
|
-webkit-animation-duration: 4s; /*动画所花费的时间*/
|
|
}
|
|
|
|
.avatar {
|
|
|
|
border-radius: 50%;
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
//filter: blur(1rpx);
|
|
/*添加模糊滤镜*/
|
|
-webkit-animation-name: animationScale; /*关键帧名称*/
|
|
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
|
|
-webkit-animation-iteration-count: infinite; /*动画播放的次数*/
|
|
-webkit-animation-duration: 6s; /*动画所花费的时间*/
|
|
}
|
|
|
|
/*成绩信息 start*/
|
|
.scoreInfo {
|
|
text-align: center;
|
|
margin: 50rpx auto;
|
|
color: white;
|
|
}
|
|
|
|
/*成绩信息 end*/
|
|
|
|
|
|
/*院校标签 start*/
|
|
.schoolTags .schoolTag {
|
|
text-align: center;
|
|
padding: 5rpx 15rpx;
|
|
min-width: auto;
|
|
font-size: 25rpx;
|
|
//color: #45495c;
|
|
//background-color: #1e233c;
|
|
color: $color1;
|
|
background-color: $color2;
|
|
border-radius: 15rpx;
|
|
}
|
|
|
|
.absolute1 {
|
|
position: absolute;
|
|
top: 300rpx;
|
|
left: 50rpx;
|
|
animation: dong 1.5s infinite;
|
|
}
|
|
|
|
.absolute2 {
|
|
position: absolute;
|
|
top: 430rpx;
|
|
left: 600rpx;
|
|
animation: dong 1.8s infinite;
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
.absolute3 {
|
|
position: absolute;
|
|
top: 700rpx;
|
|
left: 500rpx;
|
|
animation: dong 2s infinite;
|
|
animation-delay: 0.4s;
|
|
}
|
|
|
|
.absolute4 {
|
|
position: absolute;
|
|
top: 800rpx;
|
|
left: 30rpx;
|
|
font-size: 30rpx !important;
|
|
animation: dong 1.7s infinite;
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.absolute5 {
|
|
position: absolute;
|
|
top: 100rpx;
|
|
left: 350rpx;
|
|
animation: dong 1.9s infinite;
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
.absolute6 {
|
|
position: absolute;
|
|
top: 200rpx;
|
|
left: 500rpx;
|
|
animation: dong 1.8s infinite;
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
.absolute7 {
|
|
position: absolute;
|
|
top: 200rpx;
|
|
left: 500rpx;
|
|
animation: dong 1.8s infinite;
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
|
|
.rightTop {
|
|
background-color: $color2;
|
|
width: 300rpx;
|
|
height: 500rpx;
|
|
border-radius: 60%;
|
|
position: fixed;
|
|
left: 600rpx;
|
|
top: -250rpx;
|
|
}
|
|
|
|
|
|
/*院校标签 end*/
|
|
|
|
|
|
.switchMenu {
|
|
//margin: 50rpx 0;
|
|
padding: 50rpx 0;
|
|
background: linear-gradient(to right,#f97838,$color1);
|
|
border-radius: 30rpx 30rpx 0 0;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 400rpx;
|
|
.tab {
|
|
width: 43%;
|
|
background-color: #2f324b;
|
|
border-radius: 30rpx;
|
|
padding: 10rpx;
|
|
margin: 10rpx;
|
|
|
|
.text {
|
|
margin-left: 15rpx;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
}
|
|
|
|
.tab4 {
|
|
width: 40%;
|
|
border-radius: 20rpx;
|
|
padding: 0 20rpx;
|
|
margin: 10rpx 20rpx;
|
|
line-height: 80rpx;
|
|
text-align: left;
|
|
//color: #d8d9dd;
|
|
color: $color3;
|
|
|
|
.text {
|
|
margin-left: 15rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*设置偏好 start*/
|
|
.settingItem {
|
|
margin: 20rpx 0;
|
|
padding: 40rpx;
|
|
border-radius: 30rpx;
|
|
height: 80rpx;
|
|
position: relative;
|
|
border-bottom: 1rpx solid #e6e6e6;
|
|
}
|
|
|
|
.settingItemBtn {
|
|
background-color: $color1;
|
|
border-radius: 10rpx;
|
|
color: white;
|
|
padding: 10rpx 10rpx;
|
|
line-height: 50rpx;
|
|
position: absolute;
|
|
right: 30rpx;
|
|
}
|
|
|
|
/*设置偏好 end*/
|
|
|
|
/*专业下拉 start*/
|
|
|
|
.majorList {
|
|
}
|
|
|
|
.majorList .majorItem {
|
|
color: #000000;
|
|
font-size: 30rpx;
|
|
line-height: 100rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.majorList .majorItem .active {
|
|
color: $color1;
|
|
}
|
|
|
|
|
|
.majorList .border-bot {
|
|
border-bottom: 1rpx solid #e6e6e6;
|
|
}
|
|
|
|
/*专业下拉 end*/
|
|
|
|
|
|
/*推荐志愿列表 start*/
|
|
.head {
|
|
background-color: white;
|
|
padding: 30rpx;
|
|
}
|
|
|
|
//返回上一页按钮
|
|
.backBtn {
|
|
background-color: white;
|
|
color: black;
|
|
padding: 10rpx;
|
|
border-radius: 15rpx;
|
|
}
|
|
|
|
//另存为按钮
|
|
.saveAsBtn {
|
|
background-color: #4975fd;
|
|
color: white;
|
|
padding: 10rpx;
|
|
border-radius: 15rpx;
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.listBody {
|
|
|
|
}
|
|
|
|
.listBody .menu-topic-view {
|
|
width: 44%;
|
|
}
|
|
|
|
|
|
.volunteerItem {
|
|
background-color: white;
|
|
padding: 30rpx;
|
|
margin: 10rpx 0;
|
|
/*院校标签*/
|
|
.tags {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.tags .tag {
|
|
margin-top: 10rpx;
|
|
margin-right: 10px;
|
|
font-size: 13px;
|
|
line-height: 30rpx;
|
|
color: #acadba;
|
|
border: 3rpx solid #acadba;
|
|
border-radius: 8rpx;
|
|
padding: 5rpx;
|
|
}
|
|
}
|
|
|
|
/*推荐志愿列表 end*/
|
|
|
|
|
|
// 动画
|
|
@keyframes animationScale {
|
|
0% {
|
|
transform: scale(1); /*开始为原始大小*/
|
|
}
|
|
25% {
|
|
transform: scale(1.05); /*放大1.1倍*/
|
|
}
|
|
50% {
|
|
transform: scale(1);
|
|
}
|
|
75% {
|
|
transform: scale(1.05);
|
|
}
|
|
}
|
|
|
|
@keyframes dong {
|
|
0% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
50% {
|
|
transform: translate(0px, -20px);
|
|
}
|
|
100% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|