反馈修改完成
53
src/App.vue
|
@ -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;
|
||||
|
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 146 KiB After Width: | Height: | Size: 150 KiB |
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 154 KiB |
Before Width: | Height: | Size: 456 KiB After Width: | Height: | Size: 448 KiB |
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 46 KiB |
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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){
|
||||
|
|
|
@ -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>
|
||||
|
|