咨询师页面
commit
b3a00f704e
|
@ -5,7 +5,7 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
<title>有谱志愿</title>
|
||||
<style>
|
||||
.load {
|
||||
width: 0.6rem;
|
||||
|
@ -23,8 +23,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript
|
||||
enabled. Please enable it to continue.</strong>
|
||||
<strong></strong>
|
||||
</noscript>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
|
|
|
@ -182,6 +182,12 @@ textarea {
|
|||
.login-mode{
|
||||
width: 100%;
|
||||
margin-top: 2rem;
|
||||
background-color: #FFFFFF;
|
||||
position: fixed;
|
||||
bottom: .4rem;
|
||||
}
|
||||
.login-mode.noPositin{
|
||||
position: static;
|
||||
}
|
||||
.mode-title{
|
||||
display: flex;
|
||||
|
@ -348,7 +354,7 @@ textarea {
|
|||
.security-code-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 3.48rem;
|
||||
width: 5.32rem;
|
||||
}
|
||||
.field-wrap {
|
||||
list-style: none;
|
||||
|
|
|
@ -13,10 +13,10 @@
|
|||
<img v-else-if="headImg" :src="host + headImg">
|
||||
</div>
|
||||
|
||||
<button class="cover-btn" @change="imgIny($event)">
|
||||
<div class="cover-btn">
|
||||
<input class="inputB" @change="imgIny($event)" type="file" />
|
||||
上传
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="case-msg">
|
||||
<li>
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
<template>
|
||||
<<<<<<< HEAD
|
||||
<div class="content my-content">
|
||||
<!-- 头部 -->
|
||||
<div :class="{ header: true, 'scroll white': isScrollTop, white: true }">
|
||||
|
@ -6,6 +7,42 @@
|
|||
<img src="../../assets/images/home/expert/back.png" alt="" />
|
||||
</div>
|
||||
<div class="header-title">列表预览</div>
|
||||
=======
|
||||
<div class="content">
|
||||
<!-- 头部 -->
|
||||
<div :class="{'header':true,'scroll white':isScrollTop,'white':true}">
|
||||
<div class="back" @click="$router.go(-1)"><img src="../../assets/images/home/expert/back.png" alt=""></div>
|
||||
<div class="header-title">列表预览</div>
|
||||
</div>
|
||||
<!-- 咨询师列表 -->
|
||||
<div class="expert-list-all section">
|
||||
<ul class="expert-list">
|
||||
<li v-for="(item,index) in expertData" :key="index">
|
||||
<div class="expert-list-con" @click="goPage('/expert/detail')">
|
||||
<div class="expert-list-img"><img src="../../assets/images/home/index/expert.png" alt=""></div>
|
||||
<div class="expert-list-txt">
|
||||
<div class="title">
|
||||
<h2>{{item.name}}</h2>
|
||||
<span v-if="item.title">{{item.title}}</span>
|
||||
</div>
|
||||
<div class="integral">
|
||||
<span>公益积分:{{item.integral}}</span>
|
||||
<span>好评度:{{item.score}}</span>
|
||||
</div>
|
||||
<div class="honor">
|
||||
<span v-for="(itemk,indexk) in item.honor" :key="indexk">{{itemk.title}}</span>
|
||||
</div>
|
||||
<div class="slogan">{{item.slogan}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expert-list-btns">
|
||||
<div :class="{'btn':true}">向TA提问</div>
|
||||
<div class="btn">查看详情</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
>>>>>>> 31ac1df69ae7462dac9a9171cb8e6856291e7c2a
|
||||
</div>
|
||||
<!-- 咨询师列表 -->
|
||||
<div class="expert-list-all section">
|
||||
|
@ -208,9 +245,15 @@ userData:{},
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
<<<<<<< HEAD
|
||||
.expert-list>li{
|
||||
}
|
||||
.my-content{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
=======
|
||||
.expert-list{
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
>>>>>>> 31ac1df69ae7462dac9a9171cb8e6856291e7c2a
|
||||
</style>
|
|
@ -19,7 +19,7 @@
|
|||
<span @click="toEntrance()">马上测试</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="evaluation-item">
|
||||
<!-- <div class="evaluation-item">
|
||||
<h2>MBTI职业性格测试(完整版)</h2>
|
||||
<div class="evaluation-txt">
|
||||
<span><img src="../../../assets/images/home/evaluation/evaluation-02.png" alt=""></span>
|
||||
|
@ -78,7 +78,7 @@
|
|||
<span>测评人数:<em>134人</em></span>
|
||||
<span @click="toEntrance()">马上测试</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="addr-select-bg" v-show="isTips" @click="isTips=!isTips"></div>
|
||||
|
@ -112,6 +112,10 @@
|
|||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
|
||||
},
|
||||
mounted() {
|
||||
this.isFirst = (JSON.parse(localStorage.getItem("isFirst")));
|
||||
},
|
||||
methods:{
|
||||
toEntrance(){
|
||||
|
@ -123,7 +127,8 @@
|
|||
},
|
||||
//下次不再提醒
|
||||
noTips(){
|
||||
this.isFirst = !this.isFirst;
|
||||
this.isFirst = false;
|
||||
localStorage.isFirst = JSON.stringify(this.isFirst);
|
||||
this.$router.push('/evaluation/entrance');
|
||||
},
|
||||
// 页面跳转
|
||||
|
|
|
@ -10,12 +10,12 @@
|
|||
<img :src="host + bannerSrc">
|
||||
</div>
|
||||
<!-- 领取咨询机会 -->
|
||||
<div class="expert-receive" @click="goPage('/information')" v-if="isReceive==0">
|
||||
<div class="expert-receive" @click="goPage('/information')" v-if="consult_amount==0">
|
||||
<img src="../../../assets/images/home/expert/notice-01.png">
|
||||
<p>完善信息,立即领取免费咨询卡(1小时)</p>
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="expert-receive expert-receive-01" v-if="isReceive==1">
|
||||
<div class="expert-receive expert-receive-01" v-if="consult_amount==1">
|
||||
<img src="../../../assets/images/home/expert/notice-02.png">
|
||||
<p>您已领取一小时免费咨询权益,可向专家进行提问</p>
|
||||
</div>
|
||||
|
@ -52,7 +52,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="expert-list-btns">
|
||||
<div :class="{'btn':true,'noservice':isReceive==0}" @click="toAsk(item.id)">向TA提问</div>
|
||||
<div :class="{'btn':true,'noservice':consult_amount==0}" @click="toAsk(item.id)">向TA提问</div>
|
||||
<div class="btn" @click="toDetail(item.id)">查看详情</div>
|
||||
</div>
|
||||
</li>
|
||||
|
@ -103,7 +103,7 @@
|
|||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
isReceive: 1, //是否领取咨询机会
|
||||
consult_amount: 0, //是否领取咨询机会
|
||||
current: 0,
|
||||
isConfirm: false,
|
||||
bannerSrc: '', //banner图地址
|
||||
|
@ -128,6 +128,7 @@
|
|||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.consult_amount = (JSON.parse(localStorage.getItem("centerUserData"))).consult_amount;
|
||||
},
|
||||
mounted() {
|
||||
this.getBanner();
|
||||
|
@ -242,7 +243,7 @@
|
|||
|
||||
// 向TA提问
|
||||
toAsk(id) {
|
||||
if (this.isReceive == 1) {
|
||||
if (this.consult_amount == 1) {
|
||||
this.$router.push({
|
||||
path: '/expert/ask',
|
||||
name: 'expert-ask',
|
||||
|
@ -250,7 +251,7 @@
|
|||
id: id
|
||||
},
|
||||
});
|
||||
} else if (this.isReceive == 0) {
|
||||
} else if (this.consult_amount == 0) {
|
||||
this.isConfirm = true;
|
||||
}
|
||||
},
|
||||
|
|
|
@ -120,7 +120,7 @@
|
|||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
isReceive: 0, //是否完善资料
|
||||
consult_amount: 0, //是否完善资料
|
||||
bannerSrc: "",
|
||||
expertData: [], //专家列表
|
||||
headlinesData: [{
|
||||
|
@ -149,7 +149,7 @@
|
|||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.consult_amount = JSON.parse(localStorage.userData).consult_amount;
|
||||
this.consult_amount = (JSON.parse(localStorage.getItem("centerUserData"))).consult_amount;
|
||||
},
|
||||
mounted() {
|
||||
this.getBanner();
|
||||
|
|
|
@ -23,12 +23,11 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="login-btns">
|
||||
<span @click="nailLogin()" v-if="mode == 0" class="nail-btn"><img
|
||||
src="../assets/images/login/nail.png" />钉钉授权登录</span>
|
||||
<span @click="nailLogin()" v-if="mode == 0" class="nail-btn"><img src="../assets/images/login/nail.png" />钉钉授权登录</span>
|
||||
<span @click="phoneLogin()" v-if="mode == 1">获取验证码</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-mode">
|
||||
<div :class="{'login-mode':true,'noPositin':noPositin}" v-if="mode==0">
|
||||
<div class="mode-title"><span></span>其他登录方式<span></span></div>
|
||||
<ul class="mode-item">
|
||||
<li>
|
||||
|
@ -92,13 +91,31 @@
|
|||
openPhoneTips: false, //验证手机号弹出框
|
||||
phoneNumber: "",
|
||||
phone: "",
|
||||
noPositin: false,
|
||||
|
||||
defaultPhoneHeight : '0', //默认屏幕高度
|
||||
nowPhoneHeight : '0', //实时屏幕高度
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
mounted() {},
|
||||
mounted(){
|
||||
this.defaultPhoneHeight = window.innerHeight
|
||||
window.onresize = ()=>{
|
||||
this.nowPhoneHeight = window.innerHeight
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
nowPhoneHeight:function(){
|
||||
if(this.defaultPhoneHeight != this.nowPhoneHeight){
|
||||
this.noPositin = true;
|
||||
}else{
|
||||
this.noPositin = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 钉钉授权登录
|
||||
nailLogin() {
|
||||
|
@ -170,6 +187,7 @@
|
|||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
window.onresize = null;
|
||||
},
|
||||
//keep-alive进入时触发
|
||||
activated() {
|
||||
|
|
|
@ -55,6 +55,7 @@
|
|||
show: false, //显示获取验证码
|
||||
count: "", //剩余时间
|
||||
timer: null,
|
||||
userType: 0,
|
||||
};
|
||||
},
|
||||
beforeCreate() {},
|
||||
|
@ -83,8 +84,10 @@
|
|||
computed: {},
|
||||
methods: {
|
||||
getUserData() {
|
||||
let that = this;
|
||||
this.axios.post(this.HOME + "/api/user/center-info").then(function(res) {
|
||||
console.log(res.data.data)
|
||||
console.log(res.data.data,1234)
|
||||
that.userType = res.data.data.type;
|
||||
localStorage.centerUserData = JSON.stringify(res.data.data);
|
||||
});
|
||||
},
|
||||
|
@ -102,10 +105,8 @@
|
|||
.then(function(res) {
|
||||
localStorage.userData = JSON.stringify(res.data.data);
|
||||
if (res.data.code == 0) {
|
||||
that.getUserData()
|
||||
that.$router.push({
|
||||
path: "/index",
|
||||
});
|
||||
that.getUserData();
|
||||
that.goPages();
|
||||
} else {
|
||||
window.alert(res.msg);
|
||||
}
|
||||
|
@ -114,6 +115,21 @@
|
|||
console.log(error);
|
||||
});
|
||||
},
|
||||
|
||||
// 跳转页面
|
||||
goPages(){
|
||||
console.log(this.userType,252525)
|
||||
if(this.userType == 1){
|
||||
this.$router.push({
|
||||
path: "/consultant",
|
||||
});
|
||||
}else{
|
||||
this.$router.push({
|
||||
path: "/index",
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
handleSubmit() {
|
||||
this.$emit("input", this.value);
|
||||
},
|
||||
|
|
|
@ -2,7 +2,8 @@
|
|||
<div class="content">
|
||||
<!-- 头部 -->
|
||||
<div :class="{'header':true,'scroll white':isScrollTop,'white':true}">
|
||||
<div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
|
||||
<div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt="">
|
||||
</div>
|
||||
<div class="header-title">完善考生信息</div>
|
||||
</div>
|
||||
<div class="information pull-content list-section">
|
||||
|
@ -30,7 +31,8 @@
|
|||
<li @click="openCategory()">
|
||||
<span><em>*</em>考生类型</span>
|
||||
<p>
|
||||
<input type="text" readonly="readonly" :value="categoryData[categoryIndex].title" placeholder="请选择考生类型">
|
||||
<input type="text" readonly="readonly" :value="categoryData[categoryIndex].title"
|
||||
placeholder="请选择考生类型">
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png">
|
||||
</p>
|
||||
</li>
|
||||
|
@ -44,7 +46,8 @@
|
|||
<li>
|
||||
<span><em>*</em>选科组合</span>
|
||||
<div class="course-list">
|
||||
<span :class="{'checked':item.isActive}" v-for="(item,index) in subjectArray" :key="index" @click="onChange(index,item.id)">{{item.name}}</span>
|
||||
<span :class="{'checked':item.isActive}" v-for="(item,index) in subjectArray" :key="index"
|
||||
@click="onChange(index,item.id)">{{item.name}}</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
|
@ -70,7 +73,8 @@
|
|||
<span @click="isAddr=!isAddr">取消</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li :class="{'checked':index == addrIndex}" @click="getAddrValue(index,item)" v-for="(item,index) in addrData" :key="index">
|
||||
<li :class="{'checked':index == addrIndex}" @click="getAddrValue(index,item)"
|
||||
v-for="(item,index) in addrData" :key="index">
|
||||
{{item.name}}
|
||||
<img v-show="index == addrIndex" src="../../../assets/images/home/expert/yes.png">
|
||||
</li>
|
||||
|
@ -84,7 +88,9 @@
|
|||
<span @click="isSex=!isSex">取消</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li :class="{'checked':index == sexIndex}" @click="getSexValue(index,item)" v-for="(item,index) in sexData" :key="index">{{item.title}}<img v-show="index==sexIndex" src="../../../assets/images/home/expert/yes.png"></li>
|
||||
<li :class="{'checked':index == sexIndex}" @click="getSexValue(index,item)"
|
||||
v-for="(item,index) in sexData" :key="index">{{item.title}}<img v-show="index==sexIndex"
|
||||
src="../../../assets/images/home/expert/yes.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 日期弹出框 -->
|
||||
|
@ -95,7 +101,9 @@
|
|||
<span @click="isDate=!isDate">取消</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li :class="{'checked':index == dateIndex}" @click="getDateValue(index,item)" v-for="(item,index) in dateArray" :key="index">{{item}}<img v-show="index==dateIndex" src="../../../assets/images/home/expert/yes.png"></li>
|
||||
<li :class="{'checked':index == dateIndex}" @click="getDateValue(index,item)"
|
||||
v-for="(item,index) in dateArray" :key="index">{{item}}<img v-show="index==dateIndex"
|
||||
src="../../../assets/images/home/expert/yes.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 考生类别弹出框 -->
|
||||
|
@ -106,7 +114,9 @@
|
|||
<span @click="isCategory=!isCategory">取消</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li :class="{'checked':index == categoryIndex}" @click="getCategoryValue(index,item)" v-for="(item,index) in categoryData" :key="index">{{item.title}}<img v-show="index==categoryIndex" src="../../../assets/images/home/expert/yes.png"></li>
|
||||
<li :class="{'checked':index == categoryIndex}" @click="getCategoryValue(index,item)"
|
||||
v-for="(item,index) in categoryData" :key="index">{{item.title}}<img v-show="index==categoryIndex"
|
||||
src="../../../assets/images/home/expert/yes.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 咨询卡弹出框 -->
|
||||
|
@ -133,9 +143,12 @@
|
|||
|
||||
studentName: '', //考生姓名
|
||||
|
||||
sexData:[
|
||||
{title:'男'},
|
||||
{title:'女'}
|
||||
sexData: [{
|
||||
title: '男'
|
||||
},
|
||||
{
|
||||
title: '女'
|
||||
}
|
||||
],
|
||||
sexIndex: 0,
|
||||
isSex: false, //性别列表是否显示
|
||||
|
@ -146,10 +159,15 @@
|
|||
isDate: false, //时间列表是否显示
|
||||
dateValue: '', //选择时间
|
||||
|
||||
categoryData:[
|
||||
{title:'普通高考生'},
|
||||
{title:'艺考生'},
|
||||
{title:'体考生'}
|
||||
categoryData: [{
|
||||
title: '普通高考生'
|
||||
},
|
||||
{
|
||||
title: '艺考生'
|
||||
},
|
||||
{
|
||||
title: '体考生'
|
||||
}
|
||||
],
|
||||
categoryIndex: 0,
|
||||
isCategory: false, //性别列表是否显示
|
||||
|
@ -304,8 +322,10 @@
|
|||
if (existSubid == -1) {
|
||||
if (this.addrData[this.addrIndex].subject_radio_group_list.length) {
|
||||
// 存在限制的科目id
|
||||
let limitSubid = this.addrData[this.addrIndex].subject_radio_group_list[0].findIndex(item=>item==subId);
|
||||
let date = this.temporaryCode.findIndex(item => this.addrData[this.addrIndex].subject_radio_group_list[0].indexOf(item) > -1)
|
||||
let limitSubid = this.addrData[this.addrIndex].subject_radio_group_list[0].findIndex(
|
||||
item => item == subId);
|
||||
let date = this.temporaryCode.findIndex(item => this.addrData[this.addrIndex]
|
||||
.subject_radio_group_list[0].indexOf(item) > -1)
|
||||
if (limitSubid != -1 && date != -1) {
|
||||
// 待提交科目数组id存在限制科目的id
|
||||
console.log('选择科目冲突');
|
||||
|
@ -339,7 +359,9 @@
|
|||
// 清空暂存编号
|
||||
this.temporaryCode = [];
|
||||
// 取消所有选中项
|
||||
this.subjectArray.forEach(item=>{item.isActive = false;})
|
||||
this.subjectArray.forEach(item => {
|
||||
item.isActive = false;
|
||||
})
|
||||
// 调用设置科目列表事件
|
||||
this.setSubList(index, subId);
|
||||
}
|
||||
|
@ -352,13 +374,16 @@
|
|||
this.temporaryCode.push(id);
|
||||
console.log(this.temporaryCode, '数据');
|
||||
},
|
||||
|
||||
// 获取考生信息
|
||||
setStudentInfo() {
|
||||
let that = this;
|
||||
if (that.temporaryCode.length != that.addrData[that.addrIndex].subject_max) {
|
||||
console.log('弹框提示,必须选择多少个科目');
|
||||
} else {
|
||||
let data = {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/user/edit-student-info", {
|
||||
student_name: that.studentName, //姓名
|
||||
student_gender: that.sexIndex == 0 ? 1 : 2, //性别
|
||||
student_native: that.addrData[that.addrIndex].code, //考籍(省级)编号
|
||||
|
@ -370,28 +395,20 @@
|
|||
achievement_expect: that.achievementExpect, //预估或模考成绩
|
||||
province_ranking: that.provinceRanking, //预估/省内排名
|
||||
achievement_high: '', //高考成绩,-1表示未考(用户留空时默认传值为-1)
|
||||
})
|
||||
.then(function(res) {
|
||||
that.getUserData();
|
||||
that.isSeekCard = true;
|
||||
console.log(res, 123)
|
||||
});
|
||||
}
|
||||
console.log(data,2525)
|
||||
}
|
||||
// let that = this;
|
||||
// this.axios
|
||||
// .post(this.HOME + "/api/area/index", {
|
||||
// student_name: that.studentName,//姓名
|
||||
// student_gender: that.sexIndex==0 ? 1 : 2,//性别
|
||||
// student_native: that.addrData[that.addrIndex].code, //考籍(省级)编号
|
||||
// student_native_str: that.addrData[that.addrIndex].name,//考籍(省级)名称
|
||||
// student_subject: this.temporaryCode.join(','),//选科组合(选科ID,多个用英文逗号分割)
|
||||
// student_exam_year: that.dateValue,//高考年份
|
||||
// is_art: that.dateIndex==1?1:0,//是否是艺考生
|
||||
// is_PE:that.dateIndex==2?1:0,//是否是体考生
|
||||
// achievement_expect: that.achievementExpect,//预估或模考成绩
|
||||
// province_ranking: that.provinceRanking,//预估/省内排名
|
||||
// achievement_high: '',//高考成绩,-1表示未考(用户留空时默认传值为-1)
|
||||
// })
|
||||
// .then(function(res) {
|
||||
// // that.isSeekCard = true;
|
||||
// console.log(res,123)
|
||||
// });
|
||||
|
||||
},
|
||||
getUserData() {
|
||||
this.axios.post(this.HOME + "/api/user/center-info").then(function(res) {
|
||||
console.log(res.data.data)
|
||||
localStorage.centerUserData = JSON.stringify(res.data.data);
|
||||
});
|
||||
},
|
||||
|
||||
// 跳转
|
||||
|
|
Loading…
Reference in New Issue