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

Compare commits

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

No commits in common. "e084fc16124fe4f4ed2f0af339666707c8e8adf4" and "8d9dc0957aa2b41d086d4bfcff829ed82b59b5e6" have entirely different histories.
e084fc1612 ... 8d9dc0957a

7 changed files with 486 additions and 623 deletions
Show Stats Expand all files Collapse all files

6
src/App.vue
View File

@ -1515,7 +1515,11 @@ 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;
}
/* 我的页面 */ /* 我的页面 */

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

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

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

@ -1,31 +1,20 @@
<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)"> <div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
<img src="../../../assets/images/home/expert/back.png" alt="" />
</div>
<div class="header-title">XXX测评</div> <div class="header-title">XXX测评</div>
</div> </div>
<div class="question pull-content list-section"> <div class="question pull-content list-section">
<div class="question-item"> <div class="question-item">
<div class="number"> <div class="number"><span>12</span><em>/</em>80</div>
<span>{{ num + 1 }}</span <h3>我最喜欢按兴致做事</h3>
><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"> <div class="question-btns">
<span <span @click="setQuestionEV()">完全相符合</span>
v-for="(item, index) in optionsData" <span @click="setQuestionEV()">比较相符合</span>
:key="index" <span @click="setQuestionEV()">不太好分辨</span>
@click="setQuestionEV(item.key)" <span @click="setQuestionEV()">比较不符合</span>
>{{ item.name }}</span <span @click="setQuestionEV()">完全不符合</span>
>
</div> </div>
</div> </div>
</div> </div>
@ -38,46 +27,22 @@ export default {
data() { data() {
return { return {
isScrollTop: false, isScrollTop: false,
lastquestions: [], }
num: 0,
optionsData: [],
};
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
}, },
mounted() { 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: {
},
methods: {
// 滚动改变样式 // 滚动改变样式
eventScrollTop() { eventScrollTop() {
let scrollTop = let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
document.body.scrollTop || document.documentElement.scrollTop;
if (scrollTop >= 5) { if (scrollTop >= 5) {
if (this.isScroll) { if (this.isScroll) {
this.isScroll = false; this.isScroll = false;
@ -89,23 +54,7 @@ export default {
this.isScrollTop = false; 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() { destroyed() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);
@ -113,15 +62,15 @@ export default {
//keep-alive进入时触发 //keep-alive进入时触发
activated() { activated() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop)
}, },
//keep-alive离开时触发 //keep-alive离开时触发
deactivated() { deactivated() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);
}, }
}, }
};
</script> </script>
<style scoped> <style scoped>
</style> </style>

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

@ -17,11 +17,7 @@
</div> </div>
</div> </div>
<!-- 领取咨询卡 --> <!-- 领取咨询卡 -->
<div <div class="index-receive" @click="goPage('/information')" v-if="consult_amount == 0">
class="index-receive"
@click="goPage('/information')"
v-if="consult_amount == 0"
>
<img src="../../assets/images/home/index/receive.jpg" alt="" /> <img src="../../assets/images/home/index/receive.jpg" alt="" />
<span>完善信息，立即领取免费咨询卡(1小时)</span> <span>完善信息，立即领取免费咨询卡(1小时)</span>
</div> </div>
@ -62,16 +58,9 @@
<span @click="goPage('/evaluation')">查看更多</span> <span @click="goPage('/evaluation')">查看更多</span>
</div> </div>
<ul class="index-evaluation-list"> <ul class="index-evaluation-list">
<li <li @click="cpUrl()" v-for="(item, index) in evaluationData" :key="index">
@click="cpUrl()"
v-for="(item, index) in evaluationData"
:key="index"
>
<div class="evaluation-img"> <div class="evaluation-img">
<img <img src="../../assets/images/home/index/evaluation-01.png" alt="" />
src="../../assets/images/home/index/evaluation-01.png"
alt=""
/>
</div> </div>
<p>{{ item.title }}</p> <p>{{ item.title }}</p>
<div class="evaluation-btn" @click="goPage()">进入测评</div> <div class="evaluation-btn" @click="goPage()">进入测评</div>
@ -107,48 +96,44 @@
</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: [{
name: "赵晓",
imgSrc: "", imgSrc: "",
year: "从业5年", title: "强基计划"
honor: [{ title: "硕士" }, { title: "中科院" }],
}, },
{ {
name: "赵晓",
imgSrc: "", imgSrc: "",
year: "从业3年", title: "综合评价"
honor: [{ title: "硕士" }, { title: "中科院" }],
}, },
{ {
name: "赵晓",
imgSrc: "", imgSrc: "",
year: "从业8年", title: "专项计划"
honor: [{ title: "硕士" }, { title: "中科院" }],
}, },
], ],
planData: [ evaluationData: [{
{ imgSrc: "", title: "强基计划" }, imgSrc: "",
{ imgSrc: "", title: "综合评价" }, title: "霍兰德职业兴趣测评"
{ imgSrc: "", title: "专项计划" }, },
{
imgSrc: "",
title: "MBIT职业性格测试"
},
], ],
evaluationData: [ headlinesData: [{
{ imgSrc: "", title: "霍兰德职业兴趣测评" }, title: "全国各省市最好大学+王牌专业盘点",
{ imgSrc: "", title: "MBIT职业性格测试" }, time: "2022年2月12日"
], },
headlinesData: [
{ title: "全国各省市最好大学+王牌专业盘点", time: "2022年2月12日" },
{ {
title: "批次、批次线、大类招生到底是什么？？20个名词帮 你快速了解", title: "批次、批次线、大类招生到底是什么？？20个名词帮 你快速了解",
time: "2022年2月12日", time: "2022年2月12日",
@ -162,8 +147,7 @@ export default {
time: "2022年2月12日", time: "2022年2月12日",
}, },
{ {
title: title: "比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南",
"比普通批低100多分！从高一准备到高三报考，2022 年强基计划最新报考指南",
time: "2022年2月12日", time: "2022年2月12日",
}, },
], ],
@ -180,11 +164,7 @@ 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.phone this.phoneData = this.$route.query.number;
const TIME_COUNT = 60; const TIME_COUNT = 60;
if (!this.timer) { if (!this.timer) {
this.count = TIME_COUNT; this.count = TIME_COUNT;
@ -91,9 +91,7 @@ export default {
}, 1000); }, 1000);
} }
}, },
mounted() { mounted() {},
},
computed: {}, computed: {},
methods: { methods: {
hideKeyboard() { hideKeyboard() {

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

@ -3,8 +3,7 @@
<!-- 头部 --> <!-- 头部 -->
<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 v-if="centerUserData.mobile" class="header-title">修改号码</div> <div 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">
@ -22,19 +21,11 @@
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() {

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

@ -9,12 +9,8 @@
<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> <span><img src="../../../assets/images/user/photo.png" /></span>
<img v-if="userData.avatar" :src="userData.avatar" /> <p>张桑</p>
<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>
<!-- 免费咨询卡 --> <!-- 免费咨询卡 -->
@ -29,31 +25,23 @@
<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="" /></span>
><img src="../../../assets/images/user/icon-phone.png" alt="" <p>手机号<em>18683958573</em></p>
/></span>
<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')">
<span <span><img src="../../../assets/images/user/icon-student.png" alt="" /></span>
><img src="../../../assets/images/user/icon-student.png" alt=""
/></span>
<p>考生信息</p> <p>考生信息</p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
</li> </li>
</ul> </ul>
<div class="feedback" @click="goPage('/feedback')"> <div class="feedback" @click="goPage('/feedback')">
<span <span><img src="../../../assets/images/user/icon-feedback.png" alt="" /></span>
><img src="../../../assets/images/user/icon-feedback.png" alt=""
/></span>
<p>意见和反馈</p> <p>意见和反馈</p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
</div> </div>
<div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen"> <div :class="{ 'my-report': true, open: isOpen }" @click="isOpen = !isOpen">
<span <span><img src="../../../assets/images/user/icon-report.png" alt="" /></span>
><img src="../../../assets/images/user/icon-report.png" alt=""
/></span>
<p>我的报告</p> <p>我的报告</p>
<img src="../../../assets/images/home/expert/arrow-right.png" alt="" /> <img src="../../../assets/images/home/expert/arrow-right.png" alt="" />
</div> </div>
@ -109,36 +97,11 @@
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: {
// 判断跳转方式 // 判断跳转方式
@ -155,14 +118,6 @@
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 =