tangyi
/
zycp-demo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: tangyi:8d9dc0957aa2b41d086d4bfcff829ed82b59b5e6
Branches Tags
tangyi:master
...
compare: tangyi:e084fc16124fe4f4ed2f0af339666707c8e8adf4
Branches Tags
tangyi:master

2 Commits
8d9dc0957a ... e084fc1612

Author SHA1 Message Date
tangyi e084fc1612 志愿测评 2022-03-03 17:52:50 +08:00
tangyi 5d324c4b58 志愿测评 2022-03-03 17:47:28 +08:00
7 changed files with 623 additions and 486 deletions
Show Stats Expand all files Collapse all files

6
src/App.vue
View File

@ -1515,11 +1515,7 @@ textarea::-webkit-input-placeholder{
text-align: center; text-align: center;
transition: all .6s; transition: all .6s;
} }
.question-btns>span:hover{
background-color: #333fc9;
color: #FFFFFF;
transition: all .6s;
}
/* 我的页面 */ /* 我的页面 */

152
src/views/home/evaluation/entrance.vue
View File

@ -1,77 +1,91 @@
<template> <template>
<div class="content"> <div class="content">
<!-- 头部 --> <!-- 头部 -->
<div :class="{'header':true,'scroll white':isScrollTop,'white':true}"> <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)">
<div class="header-title">专业定位测评</div> <img src="../../../assets/images/home/expert/back.png" alt="" />
</div> </div>
<div class="entrance pull-content list-section"> <div class="header-title">专业定位测评</div>
<div class="list-section"> </div>
<h3>这里展示专业定位测评的文字内容，专业定位测评 来帮你解读！高考志愿填报过程中，往往规划师老 师，会让考生和家长做一个专业定位测</h3> <div class="entrance pull-content list-section">
<div class="entrance-tips">专业定位测评提示：你需要使用12-15分钟的时间，请 用第一感觉作答，勿做太多的思考！</div> <div class="list-section">
<div class="entrance-btns"> <h3>
<span @click="goPage('/evaluation/question')">考生本人测评入口</span> 这里展示专业定位测评的文字内容，专业定位测评
<span @click="goPage('/evaluation/question')">家长/亲属测评入口</span> 来帮你解读！高考志愿填报过程中，往往规划师老
</div> 师，会让考生和家长做一个专业定位测
</div> </h3>
</div> <div class="entrance-tips">
</div> 专业定位测评提示：你需要使用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> </template>
<script> <script>
export default { export default {
name: "evaluation-entrance", name: "evaluation-entrance",
data() { data() {
return { return {
isScrollTop: false, isScrollTop: false,
} };
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
}, },
mounted() { mounted() {},
computed: {},
}, methods: {
computed: { // 页面跳转
goPage(path, state) {
}, this.$router.push({
methods: { path: path,
// 页面跳转 query: {
goPage(path){ state,
this.$router.push(path); },
}, });
// 滚动改变样式 },
eventScrollTop() { // 滚动改变样式
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; eventScrollTop() {
if (scrollTop >= 5) { let scrollTop =
if (this.isScroll) { document.body.scrollTop || document.documentElement.scrollTop;
this.isScroll = false; if (scrollTop >= 5) {
this.isScrollTop = true; if (this.isScroll) {
} this.isScroll = false;
} else { this.isScrollTop = true;
if (!this.isScroll) { }
this.isScroll = true; } else {
this.isScrollTop = false; if (!this.isScroll) {
} this.isScroll = true;
} this.isScrollTop = false;
} }
}, }
destroyed() { },
window.removeEventListener("scroll", this.eventScrollTop); },
}, destroyed() {
//keep-alive进入时触发 window.removeEventListener("scroll", this.eventScrollTop);
activated() { },
this.isScroll = true; //keep-alive进入时触发
window.addEventListener("scroll", this.eventScrollTop) activated() {
}, this.isScroll = true;
//keep-alive离开时触发 window.addEventListener("scroll", this.eventScrollTop);
deactivated() { },
window.removeEventListener("scroll", this.eventScrollTop); //keep-alive离开时触发
} deactivated() {
} window.removeEventListener("scroll", this.eventScrollTop);
},
};
</script> </script>
<style scoped> <style scoped>
</style> </style>

185
src/views/home/evaluation/question.vue
View File

@ -1,76 +1,127 @@
<template> <template>
<div class="content"> <div class="content">
<!-- 头部 --> <!-- 头部 -->
<div :class="{'header':true,'scroll white':isScrollTop,'white':true}"> <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)">
<div class="header-title">XXX测评</div> <img src="../../../assets/images/home/expert/back.png" alt="" />
</div> </div>
<div class="question pull-content list-section"> <div class="header-title">XXX测评</div>
<div class="question-item"> </div>
<div class="number"><span>12</span><em>/</em>80</div> <div class="question pull-content list-section">
<h3>我最喜欢按兴致做事</h3> <div class="question-item">
<div class="question-btns"> <div class="number">
<span @click="setQuestionEV()">完全相符合</span> <span>{{ num + 1 }}</span
<span @click="setQuestionEV()">比较相符合</span> ><em>/</em>{{ lastquestions.total }}
<span @click="setQuestionEV()">不太好分辨</span> </div>
<span @click="setQuestionEV()">比较不符合</span> <h3 v-if="state == 'student'">
<span @click="setQuestionEV()">完全不符合</span> {{ lastquestions.list[num].question.content_student }}
</div> </h3>
</div> <h3 v-if="state == 'parents'">
</div> {{ lastquestions.list[num].question.content_parents }}
</div> </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> </template>
<script> <script>
export default { export default {
name: "evaluation-question", name: "evaluation-question",
data() { data() {
return { return {
isScrollTop: false, isScrollTop: false,
} lastquestions: [],
}, num: 0,
created() { optionsData: [],
this.isScroll = true; };
window.addEventListener("scroll", this.eventScrollTop); },
}, created() {
mounted() { 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;
});
},
}, // 滚动改变样式
computed: { eventScrollTop() {
let scrollTop =
}, document.body.scrollTop || document.documentElement.scrollTop;
methods: { if (scrollTop >= 5) {
// 滚动改变样式 if (this.isScroll) {
eventScrollTop() { this.isScroll = false;
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; this.isScrollTop = true;
if (scrollTop >= 5) { }
if (this.isScroll) { } else {
this.isScroll = false; if (!this.isScroll) {
this.isScrollTop = true; this.isScroll = true;
} this.isScrollTop = false;
} 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,
destroyed() { option_key: key,
window.removeEventListener("scroll", this.eventScrollTop); })
}, .then(function () {
//keep-alive进入时触发 that.num++;
activated() { if (that.num >= 117) {
this.isScroll = true; console.log(that.num)
window.addEventListener("scroll", this.eventScrollTop) that.$router.push({
}, path: "/ucenter",
//keep-alive离开时触发 });
deactivated() { }
window.removeEventListener("scroll", this.eventScrollTop); });
} },
} 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> </script>
<style scoped> <style scoped>
</style> </style>

426
src/views/index/index.vue
View File

@ -1,210 +1,230 @@
<template> <template>
<div class="content main-content"> <div class="content main-content">
<!-- 头部 --> <!-- 头部 -->
<div :class="{ header: true, 'scroll white': isScrollTop }"> <div :class="{ header: true, 'scroll white': isScrollTop }">
<div class="back"></div> <div class="back"></div>
<div class="header-title">首页</div> <div class="header-title">首页</div>
</div> </div>
<!-- 轮播图 --> <!-- 轮播图 -->
<div class="banner-wrap"> <div class="banner-wrap">
<div class="swiper-container" ref="swiper-container"> <div class="swiper-container" ref="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img :src="host + bannerSrc" alt="" /> <img :src="host + bannerSrc" alt="" />
</div> </div>
</div> </div>
<div class="swiper-pagination" ref="swiper-pagination"></div> <div class="swiper-pagination" ref="swiper-pagination"></div>
</div> </div>
</div> </div>
<!-- 领取咨询卡 --> <!-- 领取咨询卡 -->
<div class="index-receive" @click="goPage('/information')" v-if="consult_amount == 0"> <div
<img src="../../assets/images/home/index/receive.jpg" alt="" /> class="index-receive"
<span>完善信息，立即领取免费咨询卡(1小时)</span> @click="goPage('/information')"
</div> v-if="consult_amount == 0"
<!-- 专家 --> >
<div class="index-expert section"> <img src="../../assets/images/home/index/receive.jpg" alt="" />
<div class="index-title"> <span>完善信息，立即领取免费咨询卡(1小时)</span>
<h2>专家<em>团队</em></h2> </div>
<span @click="goPage('/expert')">查看更多</span> <!-- 专家 -->
</div> <div class="index-expert section">
<ul class="index-expert-list"> <div class="index-title">
<li v-for="(item, index) in expertData" :key="index"> <h2>专家<em>团队</em></h2>
<div class="expert-img"> <span @click="goPage('/expert')">查看更多</span>
<img :src="host + item.avatar" alt="" /> </div>
</div> <ul class="index-expert-list">
<div class="expert-name"> <li v-for="(item, index) in expertData" :key="index">
{{ item.name }}<span>{{ item.keywords_list[1] }}</span> <div class="expert-img">
</div> <img :src="host + item.avatar" alt="" />
<div class="expert-honor"> </div>
<span>{{ item.keywords_list[0] }}</span> <div class="expert-name">
<span>{{ item.keywords_list[1] }}</span> {{ item.name }}<span>{{ item.keywords_list[1] }}</span>
</div> </div>
</li> <div class="expert-honor">
</ul> <span>{{ item.keywords_list[0] }}</span>
</div> <span>{{ item.keywords_list[1] }}</span>
<!-- 计划 --> </div>
<div class="index-plan"> </li>
<ul class="index-plan-list"> </ul>
<li v-for="(item, index) in planData" :key="index"> </div>
<img src="../../assets/images/home/index/plan-01.png" alt="" /> <!-- 计划 -->
<p>{{ item.title }}</p> <div class="index-plan">
</li> <ul class="index-plan-list">
</ul> <li v-for="(item, index) in planData" :key="index">
</div> <img src="../../assets/images/home/index/plan-01.png" alt="" />
<!-- 测评 --> <p>{{ item.title }}</p>
<div class="index-evaluation section"> </li>
<div class="index-title"> </ul>
<h2>专业<em>测评</em></h2> </div>
<span @click="goPage('/evaluation')">查看更多</span> <!-- 测评 -->
</div> <div class="index-evaluation section">
<ul class="index-evaluation-list"> <div class="index-title">
<li @click="cpUrl()" v-for="(item, index) in evaluationData" :key="index"> <h2>专业<em>测评</em></h2>
<div class="evaluation-img"> <span @click="goPage('/evaluation')">查看更多</span>
<img src="../../assets/images/home/index/evaluation-01.png" alt="" /> </div>
</div> <ul class="index-evaluation-list">
<p>{{ item.title }}</p> <li
<div class="evaluation-btn" @click="goPage()">进入测评</div> @click="cpUrl()"
</li> v-for="(item, index) in evaluationData"
</ul> :key="index"
</div> >
<!-- 直播 --> <div class="evaluation-img">
<div class="index-live section"> <img
<div class="index-title"> src="../../assets/images/home/index/evaluation-01.png"
<h2>有谱<em>直播</em></h2> alt=""
<span @click="goPage()">查看更多</span> />
</div> </div>
<ul class="index-live-list"> <p>{{ item.title }}</p>
<li><img src="../../assets/images/home/index/live-01.png" alt="" /></li> <div class="evaluation-btn" @click="goPage()">进入测评</div>
<li><img src="../../assets/images/home/index/live-02.png" alt="" /></li> </li>
</ul> </ul>
</div> </div>
<!-- 头条 --> <!-- 直播 -->
<div class="index-headlines section"> <div class="index-live section">
<div class="index-title"> <div class="index-title">
<h2>有谱<em>头条</em></h2> <h2>有谱<em>直播</em></h2>
<span @click="goPage()">查看更多</span> <span @click="goPage()">查看更多</span>
</div> </div>
<ul class="index-headlines-list"> <ul class="index-live-list">
<li v-for="(item, index) in headlinesData" :key="index"> <li><img src="../../assets/images/home/index/live-01.png" alt="" /></li>
<p>{{ item.title }}</p> <li><img src="../../assets/images/home/index/live-02.png" alt="" /></li>
<span>{{ item.time }}</span> </ul>
</li> </div>
</ul> <!-- 头条 -->
</div> <div class="index-headlines section">
<tabbar :current="1"></tabbar> <div class="index-title">
</div> <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> </template>
<script> <script>
import tabbar from '../../components/tabbar.vue' import tabbar from "../../components/tabbar.vue";
export default { export default {
name: "index", name: "index",
components: { components: {
tabbar tabbar,
}, },
data() { data() {
return { return {
isScrollTop: false, isScrollTop: false,
isReceive: 0, //是否完善资料 isReceive: 0, //是否完善资料
bannerSrc: "", bannerSrc: "",
expertData: [], expertData: [
planData: [{ {
imgSrc: "", name: "赵晓",
title: "强基计划" imgSrc: "",
}, year: "从业5年",
{ honor: [{ title: "硕士" }, { title: "中科院" }],
imgSrc: "", },
title: "综合评价" {
}, name: "赵晓",
{ imgSrc: "",
imgSrc: "", year: "从业3年",
title: "专项计划" honor: [{ title: "硕士" }, { title: "中科院" }],
}, },
], {
evaluationData: [{ name: "赵晓",
imgSrc: "", imgSrc: "",
title: "霍兰德职业兴趣测评" year: "从业8年",
}, honor: [{ title: "硕士" }, { title: "中科院" }],
{ },
imgSrc: "", ],
title: "MBIT职业性格测试" planData: [
}, { imgSrc: "", title: "强基计划" },
], { imgSrc: "", title: "综合评价" },
headlinesData: [{ { imgSrc: "", title: "专项计划" },
title: "全国各省市最好大学+王牌专业盘点", ],
time: "2022年2月12日" evaluationData: [
}, { imgSrc: "", title: "霍兰德职业兴趣测评" },
{ { imgSrc: "", title: "MBIT职业性格测试" },
title: "批次、批次线、大类招生到底是什么？？20个名词帮 你快速了解", ],
time: "2022年2月12日", headlinesData: [
}, { title: "全国各省市最好大学+王牌专业盘点", time: "2022年2月12日" },
{ {
title: "教育部公布2021年度全国高等学校名单，共计3012所", title: "批次、批次线、大类招生到底是什么？？20个名词帮 你快速了解",
time: "2022年2月12日", time: "2022年2月12日",
}, },
{ {
title: "人民日报权威解读：热门专业和相似专业如何区分！", title: "教育部公布2021年度全国高等学校名单，共计3012所",
time: "2022年2月12日", time: "2022年2月12日",
}, },
{ {
title: "比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南", title: "人民日报权威解读：热门专业和相似专业如何区分！",
time: "2022年2月12日", time: "2022年2月12日",
}, },
], {
}; title:
}, "比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南",
created() { time: "2022年2月12日",
this.isScroll = true; },
window.addEventListener("scroll", this.eventScrollTop); ],
this.consult_amount = JSON.parse(localStorage.userData).consult_amount; };
}, },
mounted() { created() {
this.getBanner(); this.isScroll = true;
this.getExpertData(); window.addEventListener("scroll", this.eventScrollTop);
}, this.consult_amount = JSON.parse(localStorage.userData).consult_amount;
computed: {}, },
methods: { mounted() {
cpUrl() {}, this.getBanner();
getBanner() { this.getExpertData();
let that = this; },
this.axios computed: {},
.post(this.HOME + "/api/dictionary/get-slide-list", { methods: {
position: "h5_home_banner", cpUrl() {
}) this.$router.push({
.then(function(res) { path: "/evaluation",
that.bannerSrc = res.data.data[0].src; });
}); },
}, getBanner() {
eventScrollTop() { let that = this;
let scrollTop = this.axios
document.body.scrollTop || document.documentElement.scrollTop; .post(this.HOME + "/api/dictionary/get-slide-list", {
if (scrollTop >= 5) { position: "h5_home_banner",
if (this.isScroll) { })
this.isScroll = false; .then(function (res) {
this.isScrollTop = true; that.bannerSrc = res.data.data[0].src;
} });
} else { },
if (!this.isScroll) { eventScrollTop() {
this.isScroll = true; let scrollTop =
this.isScrollTop = false; document.body.scrollTop || document.documentElement.scrollTop;
} if (scrollTop >= 5) {
} if (this.isScroll) {
}, this.isScroll = false;
// 获取专家列表 this.isScrollTop = true;
getExpertData() { }
let that = this; } else {
this.axios if (!this.isScroll) {
.post(this.HOME + "/api/consumer/expert-list", { this.isScroll = true;
page: "1", this.isScrollTop = false;
size: "3", }
}) }
.then(function(res) { },
console.log(res.data.data); // 获取专家列表
that.expertData = res.data.data.list; 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> </script>
<style scoped> <style scoped>

6
src/views/login/verification.vue
View File

@ -75,7 +75,7 @@ export default {
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
this.phoneData = this.$route.query.number; this.phoneData = this.$route.query.phone
const TIME_COUNT = 60; const TIME_COUNT = 60;
if (!this.timer) { if (!this.timer) {
this.count = TIME_COUNT; this.count = TIME_COUNT;
@ -91,7 +91,9 @@ export default {
}, 1000); }, 1000);
} }
}, },
mounted() {}, mounted() {
},
computed: {}, computed: {},
methods: { methods: {
hideKeyboard() { hideKeyboard() {

11
src/views/user/bind/index.vue
View File

@ -3,7 +3,8 @@
<!-- 头部 --> <!-- 头部 -->
<div :class="{'header':true,'scroll white':isScrollTop,'white':true}"> <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 v-if="centerUserData.mobile" class="header-title">修改号码</div>
<div v-else class="header-title">手机绑定</div>
</div> </div>
<div class="feedback-bg pull-content"> <div class="feedback-bg pull-content">
<ul class="phone-bind"> <ul class="phone-bind">
@ -21,11 +22,19 @@
data() { data() {
return { return {
isScrollTop: false, isScrollTop: false,
centerUserData:{
mobile:""
}
} }
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
this.centerUserData=JSON.parse(location.centerUserData)
console.log(this.centerUserData)
}, },
mounted() { mounted() {

321
src/views/user/ucenter/index.vue
View File

@ -1,85 +1,97 @@
<template> <template>
<div class="content my-content main-content"> <div class="content my-content main-content">
<!-- 头部 --> <!-- 头部 -->
<div :class="{ header: true, 'scroll white': isScrollTop }"> <div :class="{ header: true, 'scroll white': isScrollTop }">
<div class="back"></div> <div class="back"></div>
<div class="header-title">我的</div> <div class="header-title">我的</div>
</div> </div>
<!-- 轮播图 --> <!-- 轮播图 -->
<div class="banner my-banner"> <div class="banner my-banner">
<img src="../../../assets/images/user/banner.jpg" alt="" /> <img src="../../../assets/images/user/banner.jpg" alt="" />
<div class="my-photo"> <div class="my-photo">
<span><img src="../../../assets/images/user/photo.png" /></span> <span>
<p>张桑</p> <img v-if="userData.avatar" :src="userData.avatar" />
</div> <img v-else src="../../../assets/images/user/photo.png" />
</div> </span>
<!-- 免费咨询卡 --> <p v-if="userData.nick_name">{{userData.nick_name}}</p>
<div class="user-receive" @click="toPage()" v-if="isUse == 0"> <p v-else>未填写个人信息</p>
<img src="../../../assets/images/user/card.png" alt="" /> </div>
<div class="receive-txt"> </div>
<span class="use-btn" v-if="isReceive == 1">立即使用</span> <!-- 免费咨询卡 -->
<span class="receive-btn" v-if="isReceive == 0">立即领取</span> <div class="user-receive" @click="toPage()" v-if="isUse == 0">
<p>有效期：2022.2.1-2022.2.15</p> <img src="../../../assets/images/user/card.png" alt="" />
</div> <div class="receive-txt">
</div> <span class="use-btn" v-if="isReceive == 1">立即使用</span>
<div class="line" v-if="isReceive == 1"></div> <span class="receive-btn" v-if="isReceive == 0">立即领取</span>
<ul class="student-information"> <p>有效期：2022.2.1-2022.2.15</p>
<li @click="goPage('/bind')"> </div>
<span><img src="../../../assets/images/user/icon-phone.png" alt="" /></span> </div>
<p>手机号<em>18683958573</em></p> <div class="line" v-if="isReceive == 1"></div>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <ul class="student-information">
</li> <li @click="goPage('/bind')" >
<li @click="goPage('/info')"> <span
<span><img src="../../../assets/images/user/icon-student.png" alt="" /></span> ><img src="../../../assets/images/user/icon-phone.png" alt=""
<p>考生信息</p> /></span>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <p>手机号<em>{{userData.mobile}}</em></p>
</li> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
</ul> </li>
<div class="feedback" @click="goPage('/feedback')"> <li @click="goPage('/info')">
<span><img src="../../../assets/images/user/icon-feedback.png" alt="" /></span> <span
<p>意见和反馈</p> ><img src="../../../assets/images/user/icon-student.png" alt=""
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> /></span>
</div> <p>考生信息</p>
<div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen"> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
<span><img src="../../../assets/images/user/icon-report.png" alt="" /></span> </li>
<p>我的报告</p> </ul>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <div class="feedback" @click="goPage('/feedback')">
</div> <span
<ul :class="{ 'report-list': true, open: isOpen }"> ><img src="../../../assets/images/user/icon-feedback.png" alt=""
<li @click="goPage('/report')"> /></span>
<p>职业与专业定位整合测试（融合版）</p> <p>意见和反馈</p>
<span>2022-05-12 13:28</span> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
</li> </div>
<li @click="goPage('/report')"> <div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen">
<p>职业与专业定位整合测试（融合版）</p> <span
<span>2022-05-12 13:28</span> ><img src="../../../assets/images/user/icon-report.png" alt=""
</li> /></span>
<li @click="goPage('/report')"> <p>我的报告</p>
<p>霍兰德职业兴趣测评（完整版）</p> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
<span>2022-05-12 13:28</span> </div>
</li> <ul :class="{ 'report-list': true, open: isOpen }">
<li @click="goPage('/report')"> <li @click="goPage('/report')">
<p>DISC性格测评</p> <p>职业与专业定位整合测试（融合版）</p>
<span>2022-05-12 13:28</span> <span>2022-05-12 13:28</span>
</li> </li>
<li @click="goPage('/report')"> <li @click="goPage('/report')">
<p>职业与专业定位整合测试（融合版）</p> <p>职业与专业定位整合测试（融合版）</p>
<span>2022-05-12 13:28</span> <span>2022-05-12 13:28</span>
</li> </li>
<li @click="goPage('/report')"> <li @click="goPage('/report')">
<p>职业与专业定位整合测试（融合版）</p> <p>霍兰德职业兴趣测评（完整版）</p>
<span>2022-05-12 13:28</span> <span>2022-05-12 13:28</span>
</li> </li>
<li @click="goPage('/report')"> <li @click="goPage('/report')">
<p>霍兰德职业兴趣测评（完整版）</p> <p>DISC性格测评</p>
<span>2022-05-12 13:28</span> <span>2022-05-12 13:28</span>
</li> </li>
<li @click="goPage('/report')"> <li @click="goPage('/report')">
<p>DISC性格测评</p> <p>职业与专业定位整合测试（融合版）</p>
<span>2022-05-12 13:28</span> <span>2022-05-12 13:28</span>
</li> </li>
</ul> <li @click="goPage('/report')">
<div class="feedback-btn">退出登录</div> <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> <tabbar :current="4"></tabbar>
</div> </div>
</template> </template>
@ -91,63 +103,96 @@
components: { components: {
tabbar tabbar
}, },
data() { data() {
return { return {
isScrollTop: false, isScrollTop: false,
isReceive: 1, //是否领取咨询机会 isReceive: 1, //是否领取咨询机会
isUse: 0, //是否使用 isUse: 0, //是否使用
isOpen: false, isOpen: false,
}; userData:{
}, avatar: "" ,
created() { consult_amount: 0,
this.isScroll = true; create_time: "",
window.addEventListener("scroll", this.eventScrollTop); ding_code: "",
}, expert_id: 0,
methods: { gender: 0,
// 判断跳转方式 id: 31,
toPage() { im_uid: "",
if (this.isReceive == 1) { lat: "",
this.$router.push("/expert"); lng: "",
} else if (this.isReceive == 0) { login_time: "",
this.$router.push("/information"); mobile: "",
} else { nick_name: "",
return false; open_id: "",
} real_name: "",
}, tags: "",
// 页面跳转 tel: "",
goPage(path) { type: 0,
this.$router.push(path); unionid: "",
}, update_time: "",
// 滚动改变样式 user_code: ""
eventScrollTop() { },
let scrollTop =
document.body.scrollTop || document.documentElement.scrollTop; };
if (scrollTop >= 5) { },
if (this.isScroll) { created() {
this.isScroll = false; this.isScroll = true;
this.isScrollTop = true; window.addEventListener("scroll", this.eventScrollTop);
} this.getUserData();
} else { },
if (!this.isScroll) { methods: {
this.isScroll = true; // 判断跳转方式
this.isScrollTop = false; toPage() {
} if (this.isReceive == 1) {
} this.$router.push("/expert");
}, } else if (this.isReceive == 0) {
}, this.$router.push("/information");
destroyed() { } else {
window.removeEventListener("scroll", this.eventScrollTop); return false;
}, }
//keep-alive进入时触发 },
activated() { // 页面跳转
this.isScroll = true; goPage(path) {
window.addEventListener("scroll", this.eventScrollTop); this.$router.push(path);
}, },
//keep-alive离开时触发 // 获取用户信息
deactivated() { getUserData() {
window.removeEventListener("scroll", this.eventScrollTop); 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> </script>
<style scoped> <style scoped>