Compare commits
2 Commits
8d9dc0957a
...
e084fc1612
| Author | SHA1 | Date |
|---|---|---|
 tangyi
|
e084fc1612 | |
|
tangyi
|
5d324c4b58 |
|
|
@ -1515,11 +1515,7 @@ textarea::-webkit-input-placeholder{
|
|||
text-align: center;
|
||||
transition: all .6s;
|
||||
}
|
||||
.question-btns>span:hover{
|
||||
background-color: #333fc9;
|
||||
color: #FFFFFF;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 我的页面 */
|
||||
|
|
|
|||
|
|
@ -1,77 +1,91 @@
|
|||
<template>
|
||||
<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="entrance pull-content list-section">
|
||||
<div class="list-section">
|
||||
<h3>这里展示专业定位测评的文字内容，专业定位测评 来帮你解读！高考志愿填报过程中，往往规划师老 师，会让考生和家长做一个专业定位测</h3>
|
||||
<div class="entrance-tips">专业定位测评提示：你需要使用12-15分钟的时间，请 用第一感觉作答，勿做太多的思考！</div>
|
||||
<div class="entrance-btns">
|
||||
<span @click="goPage('/evaluation/question')">考生本人测评入口</span>
|
||||
<span @click="goPage('/evaluation/question')">家长/亲属测评入口</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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="entrance pull-content list-section">
|
||||
<div class="list-section">
|
||||
<h3>
|
||||
这里展示专业定位测评的文字内容，专业定位测评
|
||||
来帮你解读！高考志愿填报过程中，往往规划师老
|
||||
师，会让考生和家长做一个专业定位测
|
||||
</h3>
|
||||
<div class="entrance-tips">
|
||||
专业定位测评提示：你需要使用12-15分钟的时间，请
|
||||
用第一感觉作答，勿做太多的思考！
|
||||
</div>
|
||||
<div class="entrance-btns">
|
||||
<span @click="goPage('/evaluation/question', 'student')"
|
||||
>考生本人测评入口</span
|
||||
>
|
||||
<span @click="goPage('/evaluation/question', 'parents')"
|
||||
>家长/亲属测评入口</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "evaluation-entrance",
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 页面跳转
|
||||
goPage(path){
|
||||
this.$router.push(path);
|
||||
},
|
||||
// 滚动改变样式
|
||||
eventScrollTop() {
|
||||
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive进入时触发
|
||||
activated() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop)
|
||||
},
|
||||
//keep-alive离开时触发
|
||||
deactivated() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: "evaluation-entrance",
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
mounted() {},
|
||||
computed: {},
|
||||
methods: {
|
||||
// 页面跳转
|
||||
goPage(path, state) {
|
||||
this.$router.push({
|
||||
path: path,
|
||||
query: {
|
||||
state,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 滚动改变样式
|
||||
eventScrollTop() {
|
||||
let scrollTop =
|
||||
document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive进入时触发
|
||||
activated() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive离开时触发
|
||||
deactivated() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
@ -1,76 +1,127 @@
|
|||
<template>
|
||||
<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">XXX测评</div>
|
||||
</div>
|
||||
<div class="question pull-content list-section">
|
||||
<div class="question-item">
|
||||
<div class="number"><span>12</span><em>/</em>80</div>
|
||||
<h3>我最喜欢按兴致做事</h3>
|
||||
<div class="question-btns">
|
||||
<span @click="setQuestionEV()">完全相符合</span>
|
||||
<span @click="setQuestionEV()">比较相符合</span>
|
||||
<span @click="setQuestionEV()">不太好分辨</span>
|
||||
<span @click="setQuestionEV()">比较不符合</span>
|
||||
<span @click="setQuestionEV()">完全不符合</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">XXX测评</div>
|
||||
</div>
|
||||
<div class="question pull-content list-section">
|
||||
<div class="question-item">
|
||||
<div class="number">
|
||||
<span>{{ num + 1 }}</span
|
||||
><em>/</em>{{ lastquestions.total }}
|
||||
</div>
|
||||
<h3 v-if="state == 'student'">
|
||||
{{ lastquestions.list[num].question.content_student }}
|
||||
</h3>
|
||||
<h3 v-if="state == 'parents'">
|
||||
{{ lastquestions.list[num].question.content_parents }}
|
||||
</h3>
|
||||
<div class="question-btns">
|
||||
<span
|
||||
v-for="(item, index) in optionsData"
|
||||
:key="index"
|
||||
@click="setQuestionEV(item.key)"
|
||||
>{{ item.name }}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "evaluation-question",
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 滚动改变样式
|
||||
eventScrollTop() {
|
||||
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive进入时触发
|
||||
activated() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop)
|
||||
},
|
||||
//keep-alive离开时触发
|
||||
deactivated() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: "evaluation-question",
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
lastquestions: [],
|
||||
num: 0,
|
||||
optionsData: [],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
mounted() {
|
||||
this.getLastquestions();
|
||||
this.getQuestionAnswerOptions();
|
||||
this.state = this.$route.query.state;
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
// 题目
|
||||
getLastquestions() {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/evaluation/get-last-questions", {
|
||||
role_type: this.$route.query.state,
|
||||
})
|
||||
.then(function (res) {
|
||||
that.lastquestions = res.data.data;
|
||||
});
|
||||
},
|
||||
getQuestionAnswerOptions() {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/evaluation/question-answer-options")
|
||||
.then(function (res) {
|
||||
that.optionsData = res.data.data;
|
||||
});
|
||||
},
|
||||
|
||||
// 滚动改变样式
|
||||
eventScrollTop() {
|
||||
let scrollTop =
|
||||
document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
setQuestionEV(key) {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/evaluation/answer-question", {
|
||||
id: this.lastquestions.list[this.num].id,
|
||||
option_key: key,
|
||||
})
|
||||
.then(function () {
|
||||
that.num++;
|
||||
if (that.num >= 117) {
|
||||
console.log(that.num)
|
||||
that.$router.push({
|
||||
path: "/ucenter",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive进入时触发
|
||||
activated() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive离开时触发
|
||||
deactivated() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
@ -1,210 +1,230 @@
|
|||
<template>
|
||||
<div class="content main-content">
|
||||
<!-- 头部 -->
|
||||
<div :class="{ header: true, 'scroll white': isScrollTop }">
|
||||
<div class="back"></div>
|
||||
<div class="header-title">首页</div>
|
||||
</div>
|
||||
<!-- 轮播图 -->
|
||||
<div class="banner-wrap">
|
||||
<div class="swiper-container" ref="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img :src="host + bannerSrc" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination" ref="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 领取咨询卡 -->
|
||||
<div class="index-receive" @click="goPage('/information')" v-if="consult_amount == 0">
|
||||
<img src="../../assets/images/home/index/receive.jpg" alt="" />
|
||||
<span>完善信息，立即领取免费咨询卡(1小时)</span>
|
||||
</div>
|
||||
<!-- 专家 -->
|
||||
<div class="index-expert section">
|
||||
<div class="index-title">
|
||||
<h2>专家<em>团队</em></h2>
|
||||
<span @click="goPage('/expert')">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-expert-list">
|
||||
<li v-for="(item, index) in expertData" :key="index">
|
||||
<div class="expert-img">
|
||||
<img :src="host + item.avatar" alt="" />
|
||||
</div>
|
||||
<div class="expert-name">
|
||||
{{ item.name }}<span>{{ item.keywords_list[1] }}</span>
|
||||
</div>
|
||||
<div class="expert-honor">
|
||||
<span>{{ item.keywords_list[0] }}</span>
|
||||
<span>{{ item.keywords_list[1] }}</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 计划 -->
|
||||
<div class="index-plan">
|
||||
<ul class="index-plan-list">
|
||||
<li v-for="(item, index) in planData" :key="index">
|
||||
<img src="../../assets/images/home/index/plan-01.png" alt="" />
|
||||
<p>{{ item.title }}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 测评 -->
|
||||
<div class="index-evaluation section">
|
||||
<div class="index-title">
|
||||
<h2>专业<em>测评</em></h2>
|
||||
<span @click="goPage('/evaluation')">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-evaluation-list">
|
||||
<li @click="cpUrl()" v-for="(item, index) in evaluationData" :key="index">
|
||||
<div class="evaluation-img">
|
||||
<img src="../../assets/images/home/index/evaluation-01.png" alt="" />
|
||||
</div>
|
||||
<p>{{ item.title }}</p>
|
||||
<div class="evaluation-btn" @click="goPage()">进入测评</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 直播 -->
|
||||
<div class="index-live section">
|
||||
<div class="index-title">
|
||||
<h2>有谱<em>直播</em></h2>
|
||||
<span @click="goPage()">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-live-list">
|
||||
<li><img src="../../assets/images/home/index/live-01.png" alt="" /></li>
|
||||
<li><img src="../../assets/images/home/index/live-02.png" alt="" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 头条 -->
|
||||
<div class="index-headlines section">
|
||||
<div class="index-title">
|
||||
<h2>有谱<em>头条</em></h2>
|
||||
<span @click="goPage()">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-headlines-list">
|
||||
<li v-for="(item, index) in headlinesData" :key="index">
|
||||
<p>{{ item.title }}</p>
|
||||
<span>{{ item.time }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<tabbar :current="1"></tabbar>
|
||||
</div>
|
||||
<div class="content main-content">
|
||||
<!-- 头部 -->
|
||||
<div :class="{ header: true, 'scroll white': isScrollTop }">
|
||||
<div class="back"></div>
|
||||
<div class="header-title">首页</div>
|
||||
</div>
|
||||
<!-- 轮播图 -->
|
||||
<div class="banner-wrap">
|
||||
<div class="swiper-container" ref="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img :src="host + bannerSrc" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination" ref="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 领取咨询卡 -->
|
||||
<div
|
||||
class="index-receive"
|
||||
@click="goPage('/information')"
|
||||
v-if="consult_amount == 0"
|
||||
>
|
||||
<img src="../../assets/images/home/index/receive.jpg" alt="" />
|
||||
<span>完善信息，立即领取免费咨询卡(1小时)</span>
|
||||
</div>
|
||||
<!-- 专家 -->
|
||||
<div class="index-expert section">
|
||||
<div class="index-title">
|
||||
<h2>专家<em>团队</em></h2>
|
||||
<span @click="goPage('/expert')">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-expert-list">
|
||||
<li v-for="(item, index) in expertData" :key="index">
|
||||
<div class="expert-img">
|
||||
<img :src="host + item.avatar" alt="" />
|
||||
</div>
|
||||
<div class="expert-name">
|
||||
{{ item.name }}<span>{{ item.keywords_list[1] }}</span>
|
||||
</div>
|
||||
<div class="expert-honor">
|
||||
<span>{{ item.keywords_list[0] }}</span>
|
||||
<span>{{ item.keywords_list[1] }}</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 计划 -->
|
||||
<div class="index-plan">
|
||||
<ul class="index-plan-list">
|
||||
<li v-for="(item, index) in planData" :key="index">
|
||||
<img src="../../assets/images/home/index/plan-01.png" alt="" />
|
||||
<p>{{ item.title }}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 测评 -->
|
||||
<div class="index-evaluation section">
|
||||
<div class="index-title">
|
||||
<h2>专业<em>测评</em></h2>
|
||||
<span @click="goPage('/evaluation')">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-evaluation-list">
|
||||
<li
|
||||
@click="cpUrl()"
|
||||
v-for="(item, index) in evaluationData"
|
||||
:key="index"
|
||||
>
|
||||
<div class="evaluation-img">
|
||||
<img
|
||||
src="../../assets/images/home/index/evaluation-01.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<p>{{ item.title }}</p>
|
||||
<div class="evaluation-btn" @click="goPage()">进入测评</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 直播 -->
|
||||
<div class="index-live section">
|
||||
<div class="index-title">
|
||||
<h2>有谱<em>直播</em></h2>
|
||||
<span @click="goPage()">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-live-list">
|
||||
<li><img src="../../assets/images/home/index/live-01.png" alt="" /></li>
|
||||
<li><img src="../../assets/images/home/index/live-02.png" alt="" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 头条 -->
|
||||
<div class="index-headlines section">
|
||||
<div class="index-title">
|
||||
<h2>有谱<em>头条</em></h2>
|
||||
<span @click="goPage()">查看更多</span>
|
||||
</div>
|
||||
<ul class="index-headlines-list">
|
||||
<li v-for="(item, index) in headlinesData" :key="index">
|
||||
<p>{{ item.title }}</p>
|
||||
<span>{{ item.time }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<tabbar :current="1"></tabbar>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import tabbar from '../../components/tabbar.vue'
|
||||
export default {
|
||||
name: "index",
|
||||
components: {
|
||||
tabbar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
isReceive: 0, //是否完善资料
|
||||
bannerSrc: "",
|
||||
expertData: [],
|
||||
planData: [{
|
||||
imgSrc: "",
|
||||
title: "强基计划"
|
||||
},
|
||||
{
|
||||
imgSrc: "",
|
||||
title: "综合评价"
|
||||
},
|
||||
{
|
||||
imgSrc: "",
|
||||
title: "专项计划"
|
||||
},
|
||||
],
|
||||
evaluationData: [{
|
||||
imgSrc: "",
|
||||
title: "霍兰德职业兴趣测评"
|
||||
},
|
||||
{
|
||||
imgSrc: "",
|
||||
title: "MBIT职业性格测试"
|
||||
},
|
||||
],
|
||||
headlinesData: [{
|
||||
title: "全国各省市最好大学+王牌专业盘点",
|
||||
time: "2022年2月12日"
|
||||
},
|
||||
{
|
||||
title: "批次、批次线、大类招生到底是什么？？20个名词帮 你快速了解",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
{
|
||||
title: "教育部公布2021年度全国高等学校名单，共计3012所",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
{
|
||||
title: "人民日报权威解读：热门专业和相似专业如何区分！",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
{
|
||||
title: "比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.consult_amount = JSON.parse(localStorage.userData).consult_amount;
|
||||
},
|
||||
mounted() {
|
||||
this.getBanner();
|
||||
this.getExpertData();
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
cpUrl() {},
|
||||
getBanner() {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/dictionary/get-slide-list", {
|
||||
position: "h5_home_banner",
|
||||
})
|
||||
.then(function(res) {
|
||||
that.bannerSrc = res.data.data[0].src;
|
||||
});
|
||||
},
|
||||
eventScrollTop() {
|
||||
let scrollTop =
|
||||
document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
// 获取专家列表
|
||||
getExpertData() {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/consumer/expert-list", {
|
||||
page: "1",
|
||||
size: "3",
|
||||
})
|
||||
.then(function(res) {
|
||||
console.log(res.data.data);
|
||||
that.expertData = res.data.data.list;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
import tabbar from "../../components/tabbar.vue";
|
||||
export default {
|
||||
name: "index",
|
||||
components: {
|
||||
tabbar,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
isReceive: 0, //是否完善资料
|
||||
bannerSrc: "",
|
||||
expertData: [
|
||||
{
|
||||
name: "赵晓",
|
||||
imgSrc: "",
|
||||
year: "从业5年",
|
||||
honor: [{ title: "硕士" }, { title: "中科院" }],
|
||||
},
|
||||
{
|
||||
name: "赵晓",
|
||||
imgSrc: "",
|
||||
year: "从业3年",
|
||||
honor: [{ title: "硕士" }, { title: "中科院" }],
|
||||
},
|
||||
{
|
||||
name: "赵晓",
|
||||
imgSrc: "",
|
||||
year: "从业8年",
|
||||
honor: [{ title: "硕士" }, { title: "中科院" }],
|
||||
},
|
||||
],
|
||||
planData: [
|
||||
{ imgSrc: "", title: "强基计划" },
|
||||
{ imgSrc: "", title: "综合评价" },
|
||||
{ imgSrc: "", title: "专项计划" },
|
||||
],
|
||||
evaluationData: [
|
||||
{ imgSrc: "", title: "霍兰德职业兴趣测评" },
|
||||
{ imgSrc: "", title: "MBIT职业性格测试" },
|
||||
],
|
||||
headlinesData: [
|
||||
{ title: "全国各省市最好大学+王牌专业盘点", time: "2022年2月12日" },
|
||||
{
|
||||
title: "批次、批次线、大类招生到底是什么？？20个名词帮 你快速了解",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
{
|
||||
title: "教育部公布2021年度全国高等学校名单，共计3012所",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
{
|
||||
title: "人民日报权威解读：热门专业和相似专业如何区分！",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
{
|
||||
title:
|
||||
"比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南",
|
||||
time: "2022年2月12日",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.consult_amount = JSON.parse(localStorage.userData).consult_amount;
|
||||
},
|
||||
mounted() {
|
||||
this.getBanner();
|
||||
this.getExpertData();
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
cpUrl() {
|
||||
this.$router.push({
|
||||
path: "/evaluation",
|
||||
});
|
||||
},
|
||||
getBanner() {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/dictionary/get-slide-list", {
|
||||
position: "h5_home_banner",
|
||||
})
|
||||
.then(function (res) {
|
||||
that.bannerSrc = res.data.data[0].src;
|
||||
});
|
||||
},
|
||||
eventScrollTop() {
|
||||
let scrollTop =
|
||||
document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
// 获取专家列表
|
||||
getExpertData() {
|
||||
let that = this;
|
||||
this.axios
|
||||
.post(this.HOME + "/api/consumer/expert-list", {
|
||||
page: "1",
|
||||
size: "3",
|
||||
})
|
||||
.then(function (res) {
|
||||
console.log(res.data.data);
|
||||
that.expertData = res.data.data.list;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
|
|
|||
|
|
@ -75,7 +75,7 @@ export default {
|
|||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.phoneData = this.$route.query.number;
|
||||
this.phoneData = this.$route.query.phone
|
||||
const TIME_COUNT = 60;
|
||||
if (!this.timer) {
|
||||
this.count = TIME_COUNT;
|
||||
|
|
@ -91,7 +91,9 @@ export default {
|
|||
}, 1000);
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
hideKeyboard() {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
<!-- 头部 -->
|
||||
<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 v-if="centerUserData.mobile" class="header-title">修改号码</div>
|
||||
<div v-else class="header-title">手机绑定</div>
|
||||
</div>
|
||||
<div class="feedback-bg pull-content">
|
||||
<ul class="phone-bind">
|
||||
|
|
@ -21,11 +22,19 @@
|
|||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
centerUserData:{
|
||||
mobile:""
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
|
||||
|
||||
|
||||
this.centerUserData=JSON.parse(location.centerUserData)
|
||||
console.log(this.centerUserData)
|
||||
},
|
||||
mounted() {
|
||||
|
||||
|
|
|
|||
|
|
@ -1,85 +1,97 @@
|
|||
<template>
|
||||
<div class="content my-content main-content">
|
||||
<!-- 头部 -->
|
||||
<div :class="{ header: true, 'scroll white': isScrollTop }">
|
||||
<div class="back"></div>
|
||||
<div class="header-title">我的</div>
|
||||
</div>
|
||||
<!-- 轮播图 -->
|
||||
<div class="banner my-banner">
|
||||
<img src="../../../assets/images/user/banner.jpg" alt="" />
|
||||
<div class="my-photo">
|
||||
<span><img src="../../../assets/images/user/photo.png" /></span>
|
||||
<p>张桑</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 免费咨询卡 -->
|
||||
<div class="user-receive" @click="toPage()" v-if="isUse == 0">
|
||||
<img src="../../../assets/images/user/card.png" alt="" />
|
||||
<div class="receive-txt">
|
||||
<span class="use-btn" v-if="isReceive == 1">立即使用</span>
|
||||
<span class="receive-btn" v-if="isReceive == 0">立即领取</span>
|
||||
<p>有效期：2022.2.1-2022.2.15</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line" v-if="isReceive == 1"></div>
|
||||
<ul class="student-information">
|
||||
<li @click="goPage('/bind')">
|
||||
<span><img src="../../../assets/images/user/icon-phone.png" alt="" /></span>
|
||||
<p>手机号<em>18683958573</em></p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</li>
|
||||
<li @click="goPage('/info')">
|
||||
<span><img src="../../../assets/images/user/icon-student.png" alt="" /></span>
|
||||
<p>考生信息</p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</li>
|
||||
</ul>
|
||||
<div class="feedback" @click="goPage('/feedback')">
|
||||
<span><img src="../../../assets/images/user/icon-feedback.png" alt="" /></span>
|
||||
<p>意见和反馈</p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</div>
|
||||
<div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen">
|
||||
<span><img src="../../../assets/images/user/icon-report.png" alt="" /></span>
|
||||
<p>我的报告</p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</div>
|
||||
<ul :class="{ 'report-list': true, open: isOpen }">
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>霍兰德职业兴趣测评（完整版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>DISC性格测评</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>霍兰德职业兴趣测评（完整版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>DISC性格测评</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="feedback-btn">退出登录</div>
|
||||
<div class="content my-content main-content">
|
||||
<!-- 头部 -->
|
||||
<div :class="{ header: true, 'scroll white': isScrollTop }">
|
||||
<div class="back"></div>
|
||||
<div class="header-title">我的</div>
|
||||
</div>
|
||||
<!-- 轮播图 -->
|
||||
<div class="banner my-banner">
|
||||
<img src="../../../assets/images/user/banner.jpg" alt="" />
|
||||
<div class="my-photo">
|
||||
<span>
|
||||
<img v-if="userData.avatar" :src="userData.avatar" />
|
||||
<img v-else src="../../../assets/images/user/photo.png" />
|
||||
</span>
|
||||
<p v-if="userData.nick_name">{{userData.nick_name}}</p>
|
||||
<p v-else>未填写个人信息</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 免费咨询卡 -->
|
||||
<div class="user-receive" @click="toPage()" v-if="isUse == 0">
|
||||
<img src="../../../assets/images/user/card.png" alt="" />
|
||||
<div class="receive-txt">
|
||||
<span class="use-btn" v-if="isReceive == 1">立即使用</span>
|
||||
<span class="receive-btn" v-if="isReceive == 0">立即领取</span>
|
||||
<p>有效期：2022.2.1-2022.2.15</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line" v-if="isReceive == 1"></div>
|
||||
<ul class="student-information">
|
||||
<li @click="goPage('/bind')" >
|
||||
<span
|
||||
><img src="../../../assets/images/user/icon-phone.png" alt=""
|
||||
/></span>
|
||||
<p>手机号<em>{{userData.mobile}}</em></p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</li>
|
||||
<li @click="goPage('/info')">
|
||||
<span
|
||||
><img src="../../../assets/images/user/icon-student.png" alt=""
|
||||
/></span>
|
||||
<p>考生信息</p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</li>
|
||||
</ul>
|
||||
<div class="feedback" @click="goPage('/feedback')">
|
||||
<span
|
||||
><img src="../../../assets/images/user/icon-feedback.png" alt=""
|
||||
/></span>
|
||||
<p>意见和反馈</p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</div>
|
||||
<div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen">
|
||||
<span
|
||||
><img src="../../../assets/images/user/icon-report.png" alt=""
|
||||
/></span>
|
||||
<p>我的报告</p>
|
||||
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
|
||||
</div>
|
||||
<ul :class="{ 'report-list': true, open: isOpen }">
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>霍兰德职业兴趣测评（完整版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>DISC性格测评</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>职业与专业定位整合测试（融合版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>霍兰德职业兴趣测评（完整版）</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
<li @click="goPage('/report')">
|
||||
<p>DISC性格测评</p>
|
||||
<span>2022-05-12 13:28</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="feedback-btn">退出登录</div>
|
||||
<tabbar :current="4"></tabbar>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -91,63 +103,96 @@
|
|||
components: {
|
||||
tabbar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
isReceive: 1, //是否领取咨询机会
|
||||
isUse: 0, //是否使用
|
||||
isOpen: false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
methods: {
|
||||
// 判断跳转方式
|
||||
toPage() {
|
||||
if (this.isReceive == 1) {
|
||||
this.$router.push("/expert");
|
||||
} else if (this.isReceive == 0) {
|
||||
this.$router.push("/information");
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
// 页面跳转
|
||||
goPage(path) {
|
||||
this.$router.push(path);
|
||||
},
|
||||
// 滚动改变样式
|
||||
eventScrollTop() {
|
||||
let scrollTop =
|
||||
document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive进入时触发
|
||||
activated() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive离开时触发
|
||||
deactivated() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
};
|
||||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
isReceive: 1, //是否领取咨询机会
|
||||
isUse: 0, //是否使用
|
||||
isOpen: false,
|
||||
userData:{
|
||||
avatar: "" ,
|
||||
consult_amount: 0,
|
||||
create_time: "",
|
||||
ding_code: "",
|
||||
expert_id: 0,
|
||||
gender: 0,
|
||||
id: 31,
|
||||
im_uid: "",
|
||||
lat: "",
|
||||
lng: "",
|
||||
login_time: "",
|
||||
mobile: "",
|
||||
nick_name: "",
|
||||
open_id: "",
|
||||
real_name: "",
|
||||
tags: "",
|
||||
tel: "",
|
||||
type: 0,
|
||||
unionid: "",
|
||||
update_time: "",
|
||||
user_code: ""
|
||||
},
|
||||
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.getUserData();
|
||||
},
|
||||
methods: {
|
||||
// 判断跳转方式
|
||||
toPage() {
|
||||
if (this.isReceive == 1) {
|
||||
this.$router.push("/expert");
|
||||
} else if (this.isReceive == 0) {
|
||||
this.$router.push("/information");
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
// 页面跳转
|
||||
goPage(path) {
|
||||
this.$router.push(path);
|
||||
},
|
||||
// 获取用户信息
|
||||
getUserData() {
|
||||
let that = this;
|
||||
this.axios.post(this.HOME + "/api/user/center-info").then(function (res) {
|
||||
that.userData = res.data.data;
|
||||
location.centerUserData=JSON.stringify( that.userData )
|
||||
});
|
||||
},
|
||||
// 滚动改变样式
|
||||
eventScrollTop() {
|
||||
let scrollTop =
|
||||
document.body.scrollTop || document.documentElement.scrollTop;
|
||||
if (scrollTop >= 5) {
|
||||
if (this.isScroll) {
|
||||
this.isScroll = false;
|
||||
this.isScrollTop = true;
|
||||
}
|
||||
} else {
|
||||
if (!this.isScroll) {
|
||||
this.isScroll = true;
|
||||
this.isScrollTop = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
destroyed() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive进入时触发
|
||||
activated() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
//keep-alive离开时触发
|
||||
deactivated() {
|
||||
window.removeEventListener("scroll", this.eventScrollTop);
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
|
|
|||
Loading…
Reference in New Issue