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

志愿测评

master
tangyi 2022-03-03 17:47:28 +08:00
parent 9ef6aeeb3e
commit 5d324c4b58
7 changed files with 263 additions and 150 deletions
Show Stats Download Patch File Download Diff File 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>

187
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);
}, },
computed: { mounted() {
this.getLastquestions();
}, this.getQuestionAnswerOptions();
methods: { this.state = this.$route.query.state;
// 滚动改变样式 },
eventScrollTop() { computed: {},
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; methods: {
if (scrollTop >= 5) { // 题目
if (this.isScroll) { getLastquestions() {
this.isScroll = false; let that = this;
this.isScrollTop = true; this.axios
} .post(this.HOME + "/api/evaluation/get-last-questions", {
} else { role_type: this.$route.query.state,
if (!this.isScroll) { })
this.isScroll = true; .then(function (res) {
this.isScrollTop = false; that.lastquestions = res.data.data;
} });
} },
} getQuestionAnswerOptions() {
}, let that = this;
destroyed() { this.axios
window.removeEventListener("scroll", this.eventScrollTop); .post(this.HOME + "/api/evaluation/question-answer-options")
}, .then(function (res) {
//keep-alive进入时触发 that.optionsData = res.data.data;
activated() { });
this.isScroll = true; },
window.addEventListener("scroll", this.eventScrollTop)
}, // 滚动改变样式
//keep-alive离开时触发 eventScrollTop() {
deactivated() { let scrollTop =
window.removeEventListener("scroll", this.eventScrollTop); 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> </script>
<style scoped> <style scoped>
</style> </style>

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

@ -175,7 +175,11 @@ export default {
}, },
computed: {}, computed: {},
methods: { methods: {
cpUrl() {}, cpUrl() {
this.$router.push({
path: "/evaluation",
});
},
getBanner() { getBanner() {
let that = this; let that = this;
this.axios this.axios

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() {

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

@ -9,8 +9,12 @@
<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" />
<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> </div>
<!-- 免费咨询卡 --> <!-- 免费咨询卡 -->
@ -24,11 +28,11 @@
</div> </div>
<div class="line" v-if="isReceive == 1"></div> <div class="line" v-if="isReceive == 1"></div>
<ul class="student-information"> <ul class="student-information">
<li @click="goPage('/bind')"> <li @click="goPage('/bind')" >
<span <span
><img src="../../../assets/images/user/icon-phone.png" alt="" ><img src="../../../assets/images/user/icon-phone.png" alt=""
/></span> /></span>
<p>手机号<em>18683958573</em></p> <p>手机号<em>{{userData.mobile}}</em></p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
</li> </li>
<li @click="goPage('/info')"> <li @click="goPage('/info')">
@ -100,11 +104,36 @@ export default {
isReceive: 1, //是否领取咨询机会 isReceive: 1, //是否领取咨询机会
isUse: 0, //是否使用 isUse: 0, //是否使用
isOpen: false, 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() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
this.getUserData();
}, },
methods: { methods: {
// 判断跳转方式 // 判断跳转方式
@ -121,6 +150,14 @@ export default {
goPage(path) { goPage(path) {
this.$router.push(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() { eventScrollTop() {
let scrollTop = let scrollTop =