反馈修改完成

master
Lee-1203 2022-03-10 11:30:57 +08:00
parent e1d337a86c
commit f90962d142
11 changed files with 146 additions and 147 deletions

View File

@ -455,7 +455,6 @@ textarea {
/* 轮播图 */
.banner-wrap {
width: 100%;
height: 3.9rem;
}
.banner-wrap img {
@ -1409,6 +1408,50 @@ textarea::-webkit-input-placeholder{
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.evaluation-txt>p span{
display: -webkit-box;
-webkit-line-clamp: 6;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.evaluation-txt>p em{
display: flex;
justify-content: flex-end;
align-items: center;
font-size: .24rem;
line-height: 1.5;
color: #333fc9;
margin-top: .05rem;
}
.evaluation-txt>p em img{
height: .2rem;
margin-left: .08rem;
}
.all-text{
width: 85vw;
max-height: 50vh;
padding: .25rem;
border-radius: .1rem;
background-color: #FFFFFF;
font-size: .26rem;
line-height: 1.6;
text-align: justify;
overflow-y: auto;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 999;
}
.all-text>p{
margin-bottom: .2rem;
color: #444;
}
.all-text>p:last-child{
margin: 0;
}
.evaluation-bottom{
display: flex;
justify-content: space-between;
@ -1425,15 +1468,19 @@ textarea::-webkit-input-placeholder{
.evaluation-bottom>span em{
color: #333fc9;
}
.evaluation-bottom>span:last-child{
width: 1.48rem;
height: .48rem;
border-radius: .24rem;
background-color: #333fc9;
background-color: #e1e1e1;
line-height: .48rem;
text-align: center;
color: #FFFFFF;
}
.evaluation-bottom>span.cur{
background-color: #333fc9;
}
/* 提示框 */
.evaluation-tips{
width: 6rem;
@ -1560,7 +1607,7 @@ textarea::-webkit-input-placeholder{
height: 1.2rem;
position: absolute;
left: .6rem;
top: 1.5rem;
bottom: 1rem;
}
.my-photo>span{
width: 1.2rem;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 146 KiB

After

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 456 KiB

After

Width:  |  Height:  |  Size: 448 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 46 KiB

View File

@ -16,57 +16,112 @@
<div class="evaluation-bottom">
<span>测评时间<em>20分钟</em></span>
<span>测评人数<em>134</em></span>
<span @click="toEntrance()"></span>
<span @click="toEntrance()" class="cur">马上测</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>
<p>兴趣性格能力学科强弱职业倾向五大维度充分认知自己依据测评结果推荐适合孩子的专业由霍兰德职业兴趣测评职业锚多元智能MBTI性格等四大测评整合而成相对于各测评的完整版题量有所精简目的是为了更快完成测评</p>
<p>
<span>MBTI被广泛运用于自我了解与发展职业规划专业选择团队建设管理和领导培训解决问题人际关系辅导教育及课程开发多元化和多文化的培训等诸多领域MBTI用四个维度构成了人们的整个心理活动过程每个维度都有两个极端在一个维度上到底是哪种取向这取决于个人的偏好</span>
<em @click="openAll(1)"><img src="../../../assets/images/home/index/arrow-more.png"></em>
</p>
</div>
<div class="evaluation-bottom">
<span>测评时间<em>20分钟</em></span>
<span>测评人数<em>134</em></span>
<span @click="toEntrance()"></span>
<span>马上测</span>
</div>
</div>
<!-- 查看全部 -->
<div class="my-confirm-bg" v-if="isOne" @click="isOne=!isOne"></div>
<div class="all-text" v-if="isOne">
<p>MBTI被广泛运用于自我了解与发展职业规划专业选择团队建设管理和领导培训解决问题人际关系辅导教育及课程开发多元化和多文化的培训等诸多领域</p>
<p>MBTI用四个维度构成了人们的整个心理活动过程每个维度都有两个极端在一个维度上到底是哪种取向这取决于个人的偏好 preference这样共8种性格偏好每种用一个字母来表示把这些字母组合起来便代表16种完全不同的性格类型每个人都可以在当中对号人座</p>
<p>偏好是人的个性中能够表现出来的比较稳定的特征是潜藏在人们内心的一种情感和倾向荣格认为偏好是天生的当我们以自己的偏好行事时我们会处于最佳状态会感到最能干自然充满干劲就像有的人天生就是左撤子他们用左手做事很自然而硬让他们用右手则会感党别扭效率低下偏好有明显的个体差异也呈现出群体特征偏好及不同维度上偏好的组合形成了不同的性格类型形成了人与人之间的性格差异与此同时偏好让人们进一步产生了兴趣价值观及需要等心理现象人们做自己偏好的活动偏好的工作偏好的职业就会很自然充满干劲效率很高反之则不自然事倍功半可见性格对人的深远影响也可见性格因素在人们职业选择中的重要地位</p>
<p>性格就是人对现实稳定的态度和习惯化了的行为方式它是一种个体内部的行为倾向具有整体性结构性持久稳定性等特点是个人特有的可以对个人外显的行为态度提供统一的内在的解释职业性格即职业及环境所需要的性格特性是个人内部的动力是确定个人在职业上的特征性行为的依据</p>
<p>在职业规划中有效地理解性格对人的影响是一项重要的基础工作</p>
<p><strong>在职业规划过程中理解性格主要是希望达到三个目的</strong></p>
<p>1.了解自己的思考方式和行为倾向以更好地发展自己</p>
<p>2.了解人与人之间的性格差异以在沟通和与人合作方面提出改进措施</p>
<p>3.了解不同的性格人群在对职业的选择和适应上的倾向性以帮助我们做好职业规划</p>
<p>接下来就通过mbti职业性格测试来测试你下你的职业性格吧</p>
</div>
<div class="evaluation-item">
<h2>霍兰德职业兴趣测评完整版</h2>
<div class="evaluation-txt">
<span><img src="../../../assets/images/home/evaluation/evaluation-03.png" alt=""></span>
<p>兴趣性格能力学科强弱职业倾向五大维度充分认知自己依据测评结果推荐适合孩子的专业由霍兰德职业兴趣测评职业锚多元智能MBTI性格等四大测评整合而成相对于各测评的完整版题量有所精简目的是为了更快完成测评</p>
<p>
<span>霍兰德提出一系列的职业兴趣理论1.在当代文化中大多数人都能被归为六种人格类型中的一种现实型 RealisticType简称R研究型 Investigative Type简称I艺术型 Artistic Type简称A社会型 Social Type简称S事业型 Enterprising Type简称E和常规型 Conventional Type简称C这六种类型按照一个固定的顺序可排成一个六边形 RIASEC每一特定类型人格的人便会对相应职业类型中的工作或学习感兴趣因此人的职业兴趣倾向就是其人格的反映</span>
<em @click="openAll(2)"><img src="../../../assets/images/home/index/arrow-more.png"></em>
</p>
</div>
<div class="evaluation-bottom">
<span>测评时间<em>20分钟</em></span>
<span>测评人数<em>134</em></span>
<span @click="toEntrance()"></span>
<span>马上测</span>
</div>
</div>
<!-- 查看全部 -->
<div class="my-confirm-bg" v-if="isTwo" @click="isTwo=!isTwo"></div>
<div class="all-text" v-if="isTwo">
<p>霍兰德提出一系列的职业兴趣理论</p>
<p>1.在当代文化中大多数人都能被归为六种人格类型中的一种现实型 RealisticType简称R研究型 Investigative Type简称I艺术型 Artistic Type简称A社会型 Social Type简称S事业型 Enterprising Type简称E和常规型 Conventional Type简称C这六种类型按照一个固定的顺序可排成一个六边形 RIASEC每一特定类型人格的人便会对相应职业类型中的工作或学习感兴趣因此人的职业兴趣倾向就是其人格的反映</p>
<p>2.在当代社会中,职业环境也和人格一样,能区分为六种类型:现实型研究型艺术型社会型事业型常规型</p>
<p>3.人总是寻找适合个人人格类型的环境,锻炼相应的技巧与能力,从而表现出各自的态度及价值观,扮演相似的角色</p>
<p>4.个人的行为取决于人格与环境特征之间的相互作用</p>
<p>在上述理论的基础上霍兰徳提出了职业兴趣在线测试完整版不同类型人格的人需要不同的生活或工作环境例如现实型的人需要现实型的环境或职业因为这种 环境或职业才能给予其所需的机会和奖励这种情况即称为和谐由于不同类型的人格决定了不同类型的职业兴趣并且霍兰德对职业兴趣的类型划分与其对人格类型的划分是相同的因此通常就用霍兰德职业兴趣在线测试完整版来探索职业兴趣类型</p>
<p>从霍兰德的职业兴趣六角形图上我们可以看到各个类型之间的距离有长有短这从一定程度上说明了类型之间关系的远近一般说来距离越近说明两个类型之间的相关程度越高反之相关系数就越低此外现实生活中往往表现为某个类型倾向或是偏向于某个类型或是置于某两个类型之间职业环境也是如此</p>
<p>霍兰德职业兴趣线测试完整版是我们进行职业选择的重要辅助工具因为最理想的职业选择就是个体能找到与其人格类型重合的职业环境一个人在与其人格类型相一致的环境中工作容易获得乐趣和内在满足感最可能充分发挥自己的才能</p>
</div>
<div class="evaluation-item">
<h2>DISC性格测评</h2>
<div class="evaluation-txt">
<span><img src="../../../assets/images/home/evaluation/evaluation-04.png" alt=""></span>
<p>兴趣性格能力学科强弱职业倾向五大维度充分认知自己依据测评结果推荐适合孩子的专业由霍兰德职业兴趣测评职业锚多元智能MBTI性格等四大测评整合而成相对于各测评的完整版题量有所精简目的是为了更快完成测评</p>
<p>
<span>DISC性格测评工具研究的是你在某个特定情境下的反应针对的不是一个情境而是你所经历的任何情境DISC所谓具体的情境就是要包括这个情境人物地点和时间你所能想到的细节越多越好然后把这个情境的关键词要素整理一下写在一张纸上文字尽量简练便于自我提醒和反复回顾否则你的思维很容易漂离选定的情境开始使用DISC性格测评工具之前你需要先确定一个具体的情境合格情境必须是真实的已经发生或正在发生的情境包括真实的时间真实的地点真实的人真实的问题真实的任务只有这样你将来才能把你学到的DiSC知识应用到真实环境中</span>
<em @click="openAll(3)"><img src="../../../assets/images/home/index/arrow-more.png"></em>
</p>
</div>
<div class="evaluation-bottom">
<span>测评时间<em>20分钟</em></span>
<span>测评人数<em>134</em></span>
<span @click="toEntrance()"></span>
<span>马上测</span>
</div>
</div>
<!-- 查看全部 -->
<div class="my-confirm-bg" v-if="isThree" @click="isThree=!isThree"></div>
<div class="all-text" v-if="isThree">
<p>DISC性格测评工具研究的是你在某个特定情境下的反应针对的不是一个情境而是你所经历的任何情境</p>
<p>DISC所谓具体的情境就是要包括这个情境人物地点和时间你所能想到的细节越多越好然后把这个情境的关键词要素整理一下写在一张纸上文字尽量简练便于自我提醒和反复回顾否则你的思维很容易漂离选定的情境</p>
<p>开始使用DISC性格测评工具之前你需要先确定一个具体的情境</p>
<p>合格情境必须是真实的已经发生或正在发生的情境包括真实的时间真实的地点真实的人真实的问题真实的任务只有这样你将来才能把你学到的DiSC知识应用到真实环境中</p>
</div>
<div class="evaluation-item">
<h2>职业锚测评(完整版)</h2>
<div class="evaluation-txt">
<span><img src="../../../assets/images/home/evaluation/evaluation-05.png" alt=""></span>
<p>兴趣性格能力学科强弱职业倾向五大维度充分认知自己依据测评结果推荐适合孩子的专业由霍兰德职业兴趣测评职业锚多元智能MBTI性格等四大测评整合而成相对于各测评的完整版题量有所精简目的是为了更快完成测评</p>
<p>
<span>职业锚是指当一个人面临职业选择的时候他无论如何都不会放弃的职业中至关重要的东西或价值观研究表明职业锚是内心深处对自己的看法它是自己的才干价值观动机经过自省后形成的职业锚可以指导约束或稳定个人的职业生涯 职业锚理论产生于美国麻省理工大学斯隆管理学院施恩教授领导的专门研究小组是对该学院毕业生的职业生涯研究中演绎成的斯隆管理学院的44名MBA毕业生自愿形成一个小组接受施恩教授长达12年的职业生涯研究包括面谈跟踪调查公司调查人才测评问卷等多种方式最终分析总结出了职业锚(又称职业定位)理论 职业锚在职业生涯过程中非常重要这是因为它是以人们实际的生活工作经历和他人的反馈为基础形成的</span>
<em @click="openAll(4)"><img src="../../../assets/images/home/index/arrow-more.png"></em>
</p>
</div>
<div class="evaluation-bottom">
<span>测评时间<em>20分钟</em></span>
<span>测评人数<em>134</em></span>
<span @click="toEntrance()"></span>
<span>马上测</span>
</div>
</div>
<!-- 查看全部 -->
<div class="my-confirm-bg" v-if="isFour" @click="isFour=!isFour"></div>
<div class="all-text" v-if="isFour">
<p>职业锚是指当一个人面临职业选择的时候他无论如何都不会放弃的职业中至关重要的东西或价值观</p>
<p>研究表明职业锚是内心深处对自己的看法它是自己的才干价值观动机经过自省后形成的职业锚可以指导约束或稳定个人的职业生涯 </p>
<p>职业锚理论产生于美国麻省理工大学斯隆管理学院施恩教授领导的专门研究小组是对该学院毕业生的职业生涯研究中演绎成的</p>
<p>斯隆管理学院的44名MBA毕业生自愿形成一个小组接受施恩教授长达12年的职业生涯研究包括面谈跟踪调查公司调查人才测评问卷等多种方式最终分析总结出了职业锚(又称职业定位)理论.</p>
<p>职业锚在职业生涯过程中非常重要这是因为它是以人们实际的生活工作经历和他人的反馈为基础形成的即使面临非常困难的状况职业锚在职业选择过程中也不会被放弃所以它可以解释人们与公司之间是如何以及为什么相互影响相互作用这意味着人们不会放弃目前的工作而转换到一份不能满足职业锚需要的其它工作</p>
</div>
<div class="evaluation-item">
<h2>多元智能测试完整版</h2>
<div class="evaluation-txt">
@ -76,9 +131,9 @@
<div class="evaluation-bottom">
<span>测评时间<em>20分钟</em></span>
<span>测评人数<em>134</em></span>
<span @click="toEntrance()"></span>
<span>马上测</span>
</div>
</div> -->
</div>
</div>
</div>
<div class="addr-select-bg" v-show="isTips" @click="isTips=!isTips"></div>
@ -107,14 +162,14 @@
isScrollTop: false,
isTips: false,
isFirst: true, //
isOne:false, //
isTwo:false,
isThree:false,
isFour:false,
}
},
created() {
if(this.$route.query.userData){
let userData = this.$route.query.userData;
localStorage.userData = userData;
}
this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop);
@ -123,6 +178,24 @@
this.isFirst = (JSON.parse(localStorage.getItem("isFirst")));
},
methods:{
//
openAll(index){
switch(index){
case 1:
this.isOne = !this.isOne;
break;
case 2:
this.isTwo = !this.isTwo;
break;
case 3:
this.isThree = !this.isThree;
break;
case 4:
this.isFour = !this.isFour;
break;
}
},
//
toEntrance(){
if(this.isFirst){
this.isTips = !this.isTips;

View File

@ -1,10 +1,5 @@
<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">
<img :src="host + bannerSrc">
@ -102,7 +97,6 @@
},
data() {
return {
isScrollTop: false,
consult_amount: 0, //
current: 0,
isConfirm: false,
@ -126,8 +120,6 @@
}
},
created() {
this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop);
this.consult_amount = (JSON.parse(localStorage.getItem("centerUserData"))).consult_amount;
},
mounted() {
@ -271,35 +263,7 @@
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);
}
}
</script>

View File

@ -1,10 +1,5 @@
<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">
@ -143,31 +138,9 @@
},
data() {
return {
isScrollTop: false,
consult_amount: 0, //
bannerSrc: "",
expertData: [], //
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() {
@ -176,9 +149,7 @@
localStorage.token = JSON.stringify(token);
}
this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop);
//
this.consult_amount = (JSON.parse(localStorage.getItem("centerUserData"))).consult_amount;
console.log(this.consult_amount,3636)
},
@ -243,23 +214,6 @@
goDetail(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;
}
}
},
},
};
</script>

View File

@ -110,7 +110,7 @@
.then(function(res) {
console.log(res.data,252525)
localStorage.userData = JSON.stringify(res.data.data);
localStorage.token = JSON.stringify(res.data.data);
localStorage.token = JSON.stringify(res.data.data.token);
if (res.data.code == 0) {
that.getUserData();
if(res.data.data.userType == 1){

View File

@ -1,10 +1,5 @@
<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="" />
@ -23,7 +18,7 @@
<div class="receive-txt">
<span class="use-btn" v-if="consult_amount == 1">使</span>
<span class="receive-btn" v-if="consult_amount == 0"></span>
<p v-if="consult_amount == 1">{{startTime}}-{{endTime}}</p>
<p v-if="consult_amount == 1&&startTime !== ''">{{startTime}}-{{endTime}}</p>
</div>
</div>
<div class="line" v-if="consult_amount == 1"></div>
@ -83,7 +78,6 @@
isExpire: false, //
consult_amount: 0,
reportData: [],
isScrollTop: false,
isUse: 0, //使
isOpen: false,
userData: {
@ -115,8 +109,6 @@
};
},
created() {
this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop);
this.getUserData();
this.getevaluationList()
this.consult_amount = (JSON.parse(localStorage.getItem("centerUserData"))).consult_amount;
@ -125,7 +117,6 @@
this.getDate();
},
methods: {
//
getevaluationList() {
let that = this
@ -177,9 +168,10 @@
//
getDate() {
let starTime = (JSON.parse(localStorage.getItem("centerUserData"))).student.student_first_complete;
let date = new Date(starTime.replace(/-/g, '/'));
this.startTime = date.getFullYear()+"."+(date.getMonth()+1)+"."+date.getDate(); //
console.log(this.startTime,2222222)
let date1 = new Date(starTime.replace(/-/g, '/'));
date1.setDate(date.getDate()+7);
this.endTime = date1.getFullYear()+"."+(date1.getMonth()+1)+"."+date1.getDate(); //
@ -190,44 +182,13 @@
this.isExpire = true;
}
},
// 退
outLogin(){
localStorage.clear();
this.$router.push('/login');
},
//
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>