h5端完结

src/App.vue

@@ -387,7 +387,7 @@ textarea {
 	position: absolute;
 	left: 0;
 	top: 0;
-	width: 3.48rem;
+	width: 5.32rem;
 	height: 1rem;
 	opacity: 0;
 	overflow: visible;
@@ -642,13 +642,13 @@ textarea {
 }
 .index-live-list>li{
 	width: 48.875%;
-	height: 2.1rem;
+	height: 1.92rem;
 	border-radius: .12rem;
 	overflow: hidden;
 }
 .index-live-list>li img{
 	width: 100%;
-	min-height: 2.1rem;
+	min-height: 1.92rem;
 }
 /* 有谱头条 */
 .index-headlines{
@@ -2366,7 +2366,7 @@ textarea::-webkit-input-placeholder{
 
 /* 提示框 */
 .toast{
-	width: 3rem;
+	max-width: 6rem;
 	padding: .2rem .25rem;
 	background-color: rgba(255,255,255,.8);
 	color: #333333;

src/main.js

@@ -10,7 +10,7 @@ Vue.prototype.HOME = '/api'
 
 // 添加请求拦截器具
 axios.interceptors.request.use(config => {
-	if (config.url != "/api/api/user/login-by-Phone" && config.url != "/api/api/common/send-sms-captcha") {
+	if (config.url != "/api/api/user/login-by-Phone" && config.url != "/api/api/common/send-sms-captcha" &&config.url !='/api/api/user/has-phone-user') {
 		if (!localStorage.userData) {
 			router.replace('/login');
 			return config
@@ -22,15 +22,15 @@ axios.interceptors.request.use(config => {
 })
 
 // 添加响应拦截器
-// axios.interceptors.response.use(response => {
-// 	// console.log(response);
-// 	let res = {}
-// 	res.status = response.status
-// 	res.data = response.data
-// 	return res;
-// }, function(err) {
-// 	return Promise.reject(err)
-// });
+axios.interceptors.response.use(response => {
+	// console.log(response);
+	let res = {}
+	res.status = response.status
+	res.data = response.data
+	return res;
+}, function(err) {
+	return Promise.reject(err)
+});
 
 
 Vue.use(VueAxios, axios)

src/router/index.js

@@ -28,6 +28,14 @@ import editlist from '../views/consultant/list.vue' //预览列表
 import editdetail from '../views/consultant/detail.vue' //预览详情
 
 
+// 头条文章
+import text01 from '../views/home/headlines/text01.vue'
+import text02 from '../views/home/headlines/text02.vue'
+import text03 from '../views/home/headlines/text03.vue'
+import text04 from '../views/home/headlines/text04.vue'
+import text05 from '../views/home/headlines/text05.vue'
+import text06 from '../views/home/headlines/text06.vue'
+
 Vue.use(VueRouter)
 
 const routes = [
@@ -137,11 +145,41 @@ const routes = [
 		name: 'edit-detail',
 		component: editdetail
 	},
+	{
+		path: '/text01',
+		name: 'text01',
+		component: text01
+	},
+	{
+		path: '/text02',
+		name: 'text02',
+		component: text02
+	},
+	{
+		path: '/text03',
+		name: 'text03',
+		component: text03
+	},
+	{
+		path: '/text04',
+		name: 'text04',
+		component: text04
+	},
+	{
+		path: '/text05',
+		name: 'text05',
+		component: text05
+	},
+	{
+		path: '/text06',
+		name: 'text06',
+		component: text06
+	},
 
 ]
 
 const router = new VueRouter({
-	mode: 'history',
+	mode: 'hash',//history
 	base: process.env.BASE_URL,
 	routes
 })

src/views/home/expert/detail.vue

@@ -85,7 +85,7 @@
 			getDetailData() {
 			  let that = this;
 			  this.axios
-			    .post(this.HOME + "/api/consumer/expert-info", {
+			    .post(this.HOME + "/api/api/consumer/expert-info", {
 			      id: that.id
 			    })
 			    .then(function (res) {
@@ -112,7 +112,7 @@
 			getExpertCase(){
 				let that = this;
 				this.axios
-				  .post(this.HOME + "/api/expert/get-expert-case-list", {
+				  .post(this.HOME + "/api/api/expert/get-expert-case-list", {
 						page: 1,
 				        size: 100,
 				        expert_id: that.id,

src/views/home/headlines/text01.vue

@@ -0,0 +1,69 @@
+<template>
+	<div class="content headlines">
+		<!-- 头部 -->
+		<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="header-title">头条文章</div>
+		</div>
+		
+		<h1 class="headlines-title">如何让孩子找到有幸福感的专业方向和职业目标？</h1>
+		<div class="headlines-txt">
+			<p>教育部官网有一篇题为《高中阶段应尽早开展职业生涯规划》的文章，其中提出生涯规划教育要培养学生“幸福的技能”。</p>
+			<img src="../../../assets/images/headlines/101.png" alt="">
+			<p>生涯规划教育如何培养学生幸福的技能？又如何找到能给你孩子幸福的专业方向和职业目标？要回答这个问题，首先需要问你的孩子，他对于幸福是怎样理解和定义的。</p>
+			<p>我们的孩子很可能和普罗大众一样（因为这个社会正全方位立体化的这样来引导大众）会认为幸福是某种来自外在的物质条件或精神奖赏得到了满足或实现。以职业为例，幸福的职业就是工资高、福利好、稳定性强、空闲时间多，还可以支持拥有更大的房子和开更好的车，从而让他和他的家人的生活比起别人更加舒适和安逸。而有助于导向这样的幸福的职业或者说专业，就是让人幸福的职业或者说是专业。如果您这样想，您自己认为这是现实么？我们可以心中默默祝福他会得到这样的机缘，但是我们要知道能力要与欲望相匹配才是要做的事情。我们要引导我们的孩子找到适合他自己的能力的专业或者职业，一个能力与欲望可以匹配的生存空间。</p>
+			<img src="../../../assets/images/headlines/101.png" alt="">
+			<p>咱们静思一下，这种幸福在“跑道尽头”或“山的那端”的观点是现代人或者说是现代性的谬误。那些抱有“工作是为了可以不工作”，“学习是为了不用再学习”态度的人，99%都实现不了他们的目标，到不了他们的终点，或者在实现了目标后，发现更远处的目标才是“终点”。然而最重要的是，他们在整个过程中，毫无幸福感可言。当然，如果这种不幸福只发生在学习和工作领域，毕竟还有另外16个小时，有可能在家庭或个人生活中获得幸福感；前提是，他没有把这种对于学习和工作的幸福观推广到家庭和个人生活中。</p>
+			<p>小编是希望能有机会，给你的孩子提示一个新的思路、新的视角：让人幸福的专业和职业，是让人在学习和工作本身的过程中就能得到满足感、成就感的专业和职业；而不是那种需要通过学习和工作所获得的“报酬”（广义上的），或者说所交换来的“东西”才能带来满足感和成就感的专业和职业。</p>
+			<img src="../../../assets/images/headlines/101.png" alt="">
+			<p>如果咱们孩子所学专业或所从事的职业，既是他能力所擅长的，也是他身心所喜欢的，还是他的价值观体系所认同的；同时，我们提示他应该在每一个学习或工作的当下获得和体会幸福感。如果他能处在这样一种身心状态下，自然就可以愉悦地在他所从事的领域比80%的同伴表现得更优秀。咱们放下人生成就的大小姑且不论，如果能够这样，身心安康、幸福自在，这就是他人生每一刻的现实，而不只是远方的目标。这样我们可以帮孩子做到了诗和远方的结合。</p>
+			<p>高考志愿填报，是生涯规划中的最为重要的关键节点之一。基于我在本文中所启示的职业目标与专业方向定位的思路和视角，需要对孩子进行完整的心理测评，通过有经验的数字化生涯规划师的专业指导来完成。如果你想了解更多，请关注有谱志愿（微信公众号：有谱志愿），关注钉钉上的数字化生涯规划师项目。</p>
+			<p>最后，我们一起来领悟赵汀阳教授（中国人民大学）著作《论可能生活》中的一段话“产生幸福的行为只能是具有“自成目的性”的活动，这种活动就其本身而言是无代价的，因为这种活动本身就是该活动的成就。……即使这种行为在功利意义上得不到报偿，但它也已经以其本身产生出了生活的意义。”</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "start",
+		data() {
+			return {
+				
+			}
+		},
+		beforeCreate() {
+		},
+		created() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.headlines-title{
+		padding: 1.3rem .25rem 0;
+		font-size: .36rem;
+		line-height: 1.5;
+	}
+	.headlines-txt{
+		padding: .2rem .25rem;
+		overflow: hidden;
+	}
+	.headlines-txt>p{
+		font-size: .3rem;
+		line-height: 1.6;
+		text-align: justify;
+		color: #444;
+		text-indent: 2em;
+		margin: .12rem 0;
+	}
+	.headlines-txt img{
+		max-width: 100%;
+		margin: .15rem auto;
+	}
+</style>

src/views/home/headlines/text02.vue

@@ -0,0 +1,75 @@
+<template>
+	<div class="content headlines">
+		<!-- 头部 -->
+		<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="header-title">头条文章</div>
+		</div>
+		
+		<h1 class="headlines-title">生涯规划师的服务伦理，以及处理与客户价值判断不一致的方法探讨</h1>
+		<div class="headlines-txt">
+			<p>生涯规划师，因其以专业咨询服务者的身份，深度参与到服务对象的学业、升学、职业选择等对人生有重大影响的规划与决策过程中，因而其所从事的工作，与教师、医生一样，有着极高的伦理和职业道德要求。</p>
+			<p>数字化生涯规划师的认证流程中，就对从业者的职业伦理有明确的要求。数字化生涯规划师的职业伦理要求主要体现在以下四个方面：一、具有责任心，愿意助人为乐，能带着关爱、热忱开展咨询工作；二、遵守忠诚、正义的原则，受人之托，忠人之事，慎重考虑自己的服务对于被服务者的影响；三、要尊重服务对象的多样性和差异性，站在被服务者的（而非咨询师自己的）视角审视自己所提供的咨询服务的价值；四、妥善管理客户信息，避免非法或在未经授权的情况下泄露、造成用户信息损失。</p>
+			<img src="../../../assets/images/headlines/201.png" alt="">
+			<p>虽然有上述关于职业伦理的直接要求，然而，对于一个生涯规划师来说，如果专业知识和职业能力不达标的话，也必然会导致职业伦理上的缺陷，这一点也是不言自明的。</p>
+			<p>数字化生涯规划师所面临的现实的咨询服务场景非常复杂，以志愿填报服务为例，志愿填报服务中的客户构成通常除了考生以外，还有对考生具有重要影响力的家长。笔者接下来要和大家交流的话题是，志愿填报服务场景中，如何处理与客户之间价值判断上的冲突。</p>
+			<p>在志愿填服务中，生涯规划师的专业服务的价值体现为：<strong>作出有利于考生长期人生发展的高等教育升学规划</strong>，并且体现在志愿填报方案，或其它多元升学通道的执行方案中。然而，在现实的服务场境中，对于哪些选择是有利于考生长期人生发展的，往往并不容易与考生或其父母达成一致。这时候，生涯规划师同时面临着专业能力、伦理道德、沟通技巧等的多重考验。</p>
+			<img src="../../../assets/images/headlines/202.png" alt="">
+			<p>笔者团队曾在服务中遇到一位家长，他要求咨询师给孩子找一个容易就业的、且就业稳定的专业。当咨询师问家长他认为哪些职业是就业用稳定的，他回答说银行、税务、公安……。在这个咨询案例中，而来自县城普通市民家庭的这位考生，取得了位于所有考生前5%位次的高考成绩，可以妥妥地进入211院校，甚至可以考虑985院校，学他喜欢又擅长的土木或计算机类专业。我们的咨询师耐心地向这位家长解释了以下几层意思：</p>
+			<p>一、你所认为的，目前看起来是稳定、容易就业、薪资也还不错的银行、税务、公安等类的职务，且不说入职这些职务，大多还需要经历一道竞争更激励的公务员考试；更重要的是，这些职位在三五年后未必还会象现在这样；人类的职业正进入一个加速变动的时代，2015年中华人民共和国职业分类大典，相比于1999年的版本，就去除了60%的职位，同时新增了23%的职位。</p>
+			<p>二、终生学习的意愿、能力和行动力，是生涯竞争力最关键的内生性的要素。专业定位是帮助考生寻找他擅长的、喜欢的、认为有价值的三个维度的交叉领域，目标在于让考生在高等教育及以后的人生阶段尽可能保持终生学习的意愿、能力和行动力。所以专业定位要符合孩子的天性，其意义至关重要。</p>
+			<p>三、一个在同侪中排名前5%的优秀青年，选一所211院校，学一个自己喜欢和擅长的专业，怎么还需要担心就业压力呢，在兴趣、意愿的驱使下他会保持终身学习的态度，他应该让别人感到就业竞争压力才对啊！</p>
+			<p>这个案例中价值冲突的化解还是比较顺利的，毕竟考生站在咨询师这一边，而家长也很快就尊重了考生的意见。</p>
+			<p>我们知道有事实判断，有价值判断。事实判断比较容易达成一致，当然前提是各方的数据和信息是同步的；价值判断更难达成一致，是因为各有各的价值偏好，更多还出于价值观等底层逻辑。</p>
+			<p>作为数字化生涯规划师，在面临与客户的价值判断冲突时，首先需要以事实判断为基础，通过明确的事实数据和客观信息的呈现，努力争取在事实判断上和客户达成一致；比如上一个案例中关于社会职位变动的数据。而数字化生涯规划师中的数字化，也喻示具有更强的数据查找和信息检索能力。其次，在价值判断上，需要努力展示自己所坚持的科学的认知模型和思维框架，比如上述案例中，对于生涯竞争力来源的陈述。最后，是价值观沟通，努力实现双方的价值观握手，现实的咨询业务中如果出现价值观分裂（或部分分裂），我们会要求咨询师将案例上报，采用专家会诊等方法来解决冲突。</p>
+			<img src="../../../assets/images/headlines/203.png" alt="">
+			<p>面对价值判断不一致的局面，生涯规划师不应有的态度及相应的处理方案有两种：一种是固执己见，要求客户无条件服从自己的想法和方案；一种是简单地迁就客户，结束分歧，以求尽早结案。</p>
+			<p>总结一下，数字化生涯规划师是专业的参谋，参与的是影响服务对象一生的重大决策；因而，除了基础知识和专业能力需要过硬外，职业伦理和职业道德水平也是一个非常重要的认证维度。在现实的咨询案例中，出现与客户的价值判断不一致的局面时，最容易体现出规划师有没有，以及能不能坚持应有的职业操守。</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "start",
+		data() {
+			return {
+				
+			}
+		},
+		beforeCreate() {
+		},
+		created() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.headlines-title{
+		padding: 1.3rem .25rem 0;
+		font-size: .36rem;
+		line-height: 1.5;
+	}
+	.headlines-txt{
+		padding: .2rem .25rem;
+		overflow: hidden;
+	}
+	.headlines-txt>p{
+		font-size: .3rem;
+		line-height: 1.6;
+		text-align: justify;
+		color: #444;
+		text-indent: 2em;
+		margin: .12rem 0;
+	}
+	.headlines-txt img{
+		max-width: 100%;
+		margin: .15rem auto;
+	}
+</style>

src/views/home/headlines/text03.vue

@@ -0,0 +1,74 @@
+<template>
+	<div class="content headlines">
+		<!-- 头部 -->
+		<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="header-title">头条文章</div>
+		</div>
+		
+		<h1 class="headlines-title">升学规划师能力的“冰山结构”</h1>
+		<div class="headlines-txt">
+			<p>今社会，职业和专业选择日趋多样性；更重要的是，社会变化的加速度，使得不同职业和专业未来前景的消长迅速。学生在升学的时候，特别是在高考志愿填报的时节，特别需要专职的升学规划师来提供专业的意见。</p>
+			<img src="../../../assets/images/headlines/301.png" alt="">
+			<p>而升学规划师自身，显然需要具备应有的能力结构，才能确保每一个升学规划、志愿填报等服务达到实有的品质标准。</p>
+			<p>有谱生涯从若干维度，不同剖面看待升学规划师（志愿填报方向）的能力结构；其中一个维度我们称之为“冰山结构”。升学规划师能力的“冰山结构”是从“显性能力”和“隐性能力”，也即被咨询者可直接感知的能力与较难直接感知的能力，两个维度来解构升学规划师的能力结构。</p>
+			<p>升学规划师能力的“冰山结构”分为两个大部分，共7个能力维度。分别是</p>
+			<p>	一、显性能力：</p>
+			<p>	1、有利学生长期发展的专业定位能力；</p>
+			<p>	2、制作科学志愿方案的能力，标准是低录取线差，也即通常所说的“不浪费每一分”的志愿填报服务目标；</p>
+			<p>	3、耐心细致的服务与沟通，让用户在专业度外，还感知到温暖，并需有效防止在志愿填报过程中出现可能会产生严重后果的细小错误；</p>
+			<p>	二、隐性能力：</p>
+			<p>	4、理解或帮助考生理解自己的个人特质所需要的心理学知识；</p>
+			<p>	5、认清社会科技经济发展趋势的综合知识；</p>
+			<p>	6、理解教育改革与高招规划的能力；</p>
+			<p>	7、领域资讯与服务案例积累所带来的经验与能力。</p>
+			<p>其中第4、5项能力，是支持第1项显性能力的基础性能力；第6、7项能力，是支持第2项显性能力的基础性能力。</p>
+			<p>升学规划师能力的“冰山结构”，只是我们解构升学规划师能力结构的一种视角，以后有机会和大家陆续分享其它的视角。</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "start",
+		data() {
+			return {
+				
+			}
+		},
+		beforeCreate() {
+		},
+		created() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.headlines-title{
+		padding: 1.3rem .25rem 0;
+		font-size: .36rem;
+		line-height: 1.5;
+	}
+	.headlines-txt{
+		padding: .2rem .25rem;
+		overflow: hidden;
+	}
+	.headlines-txt>p{
+		font-size: .3rem;
+		line-height: 1.6;
+		text-align: justify;
+		color: #444;
+		text-indent: 2em;
+		margin: .12rem 0;
+	}
+	.headlines-txt img{
+		max-width: 100%;
+		margin: .15rem auto;
+	}
+</style>

src/views/home/headlines/text04.vue

@@ -0,0 +1,71 @@
+<template>
+	<div class="content headlines">
+		<!-- 头部 -->
+		<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="header-title">头条文章</div>
+		</div>
+		
+		<h1 class="headlines-title">双减政策，减“教”不减“学”；生涯规划的目标是点燃学生求学热情，真正体现教育情怀</h1>
+		<div class="headlines-txt">
+			<p>生涯教育的目标是点燃学生主动求学的热情，真正体现教育者的教育情怀。了解数字化生涯规划师项目：钉钉—进入小程序界面（方法与微信相同）—搜索“新职业在线学习平台”—在新职业在线学习平台搜索“数字化生涯规划师”。</p>
+			<img src="../../../assets/images/headlines/401.png" alt="">
+			<p>自2018年8月，国务院办公厅发布了《关于规范校外培训机构发展的意见》，着手规范校外培训；至2021年7月24日，中共中央办公厅、国务院办公厅发布《关于进一步减轻义务教育阶段学生作业负担和校外培训负担的意见》，“双减”政策重拳出击。</p>
+			<p>从《意见》的标题看，所谓双减是减学生作业负担、减校外培训负担；前者来自于全日制学校校内，后者来自于家长的消费和教培机构服务的提供。</p>
+			<p>“双减”可以理解为减教师和家长“教”的冲动；但“双减”不减的是学生主动求“学”的意志和行为。对于后半句，我想毋须论证。</p>
+			<p>我们真正需要研究和讨论的是“没有教，能不能学？”的问题！！</p>
+			<img src="../../../assets/images/headlines/402.png" alt="">
+			<p>没有教，能不能学？这个问题从理论上来讲，答案是肯定的。在当今的资讯时代，获取信息、知识、方法、技能，并不依赖“教”的行为。不说传统的图书馆需要出门去找资料，就说互联网上足不出户就可以获得的学习材料都是数不胜数；而且这些材料还是动态实时更新的，足以支持几乎所有人的终身学习需求。但是，很可惜，在实践上，超过80%的学生（甚至包括同样多比例的成年人在内），是“无教不成学”的。</p>
+			<p>笔者认为“无教不成学”正是教学的失败，也是教育需要努力去扭转的局面。如果教学的目的是“以教促学”；那么教育的目的就是“无教成学”。站在学习者的视角，前者是“被动学”，后者则是“主动学”。前者是双减的对象；后者不仅不是双减的对象，反而是双减要成就的目标。</p>
+			<p>（如果双减政策的出发点，是通过减少家长和老师“教”的冲动和行为，而促成更多主动“学”的发生，这样的出发点无疑是有积极意义的。）</p>
+			<p>问题是，如何放下“教”，成就“学”呢？如何放下“教学”，去真正开展“教育”呢？要怎么做呢？抓手在哪里？</p>
+			<p>笔者认为促成学生主动求学的意志和行动，一个重要的抓手、发力点是生涯教育，特别是高中阶段的生涯规划教育。</p>
+			<p>生涯教育的目标是点燃学生主动求学的热情，真正践行教育者的教育情怀。了解数字化生涯规划师项目：钉钉—进入小程序界面（方法与微信相同）—搜索“新职业在线学习平台”—在新职业在线学习平台搜索“数字化生涯规划师”。</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "start",
+		data() {
+			return {
+				
+			}
+		},
+		beforeCreate() {
+		},
+		created() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.headlines-title{
+		padding: 1.3rem .25rem 0;
+		font-size: .36rem;
+		line-height: 1.5;
+	}
+	.headlines-txt{
+		padding: .2rem .25rem;
+		overflow: hidden;
+	}
+	.headlines-txt>p{
+		font-size: .3rem;
+		line-height: 1.6;
+		text-align: justify;
+		color: #444;
+		text-indent: 2em;
+		margin: .12rem 0;
+	}
+	.headlines-txt img{
+		max-width: 100%;
+		margin: .15rem auto;
+	}
+</style>

src/views/home/headlines/text05.vue

@@ -0,0 +1,109 @@
+<template>
+	<div class="content headlines">
+		<!-- 头部 -->
+		<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="header-title">头条文章</div>
+		</div>
+		
+		<h1 class="headlines-title">强基计划、综合评价报名材料如何准备</h1>
+		<div class="headlines-txt">
+			<p>强基计划和综合评价是新高考改革多元升学通道的重要组成部分，据称，2021年强基计划的报考人数达到了187万人，“数字化生涯规划师”项目关注规划师在多元升学通道上的服务能力。关注“数字化生涯规划师项目”认证课程方法：钉钉—进入小程序界面（方法与微信相同）—搜索“新职业在线学习平台”—在新职业在线学习平台搜索“数字化生涯规划师”。</p>
+			<img src="../../../assets/images/headlines/501.png" alt="">
+			<p>每年3月份，综合评价与强基计划会陆续启动报名，关注这一方向的考生需要提前准备报名材料，要准备哪些材料、该如何准备呢？</p>
+			<p>为什么要提前做好准备？</p>
+			<p>按照往年经验，强基计划、综合评价报名时间通常在10-20天左右。在有限的时间里，要完成政策研究、院校定位、材料准备盖章上传等全部报名工作，非常紧张。而且，报名材料是否符合要求直接影响初审结果！</p>
+			<p>往年，缺少成绩单、证书找不到、材料不符合要求的情况非常常见。因此，我们建议家长，提前进行材料准备工作，待报名时，再根据高校简章要求微调即可。</p>
+			<p>需要准备哪些材料？</p>
+			<p>大多数高校强基计划不需要单独提交报名材料，但仍有电子科大、重大、中海洋等部分高校仍然需要上传个人陈述等报名材料；北大、清华需要平时成绩、个人陈述、获奖证书等全套材料。即使报名时不需要材料的高校，也需要在报名结束后准备综合素质评价表。</p>
+			<p>结合往年报名情况来看，各校强基、综评报名材料通常包括以下几类：</p>
+			<p>1、报名申请表；</p>
+			<p>2、自荐信/个人陈述；</p>
+			<p>3、高中阶段文化课成绩；</p>
+			<p>4、高中学业水平测试成绩；</p>
+			<p>5、推荐信；
+			<p>6、高中阶段获奖证书及证明材料；</p>
+			<p>7、其他可证明材料；
+			<p>8、高校特殊要求提供的材料。</p>
+			<p>以下对各种材料所需之准备作详细说明。</p>
+			<img src="../../../assets/images/headlines/502.png" alt="">
+			<p>1、报名申请表的准备</p>
+			<p>报名申请表包括考生个人情况、联系方式、中学就读信息、成绩情况、获奖情况、参与活动情况及志愿选择等，是考生个人情况的综合展示。</p>
+			<p>申请表不用考生单独准备，只需按照报名系统提示填写完成各项信息后系统自动生成。下载打印后由本人签字并由中学审核、校长签字并在中学网站和班级详尽公示。</p>
+			<p>操作流程与注意事项：</p>
+			<p>申请表的操作可以概括为：网上填写→提交→下载打印→签字盖章→扫描或拍照上传。期间一定要注意3步：（1）考生本人签字；（2）中学负责人或中学校长签字；（3）加盖中学公章。</p>
+			<p>2、自荐信/个人陈述</p>
+			<p>通过往年各高校综合评价简章来看，大部分学校都是需要提供自荐信/个人陈述的，字数一般在800-1000字之间，个别高校还会要求中英文双语或者亲笔手写。</p>
+			<p>撰写时一定要围绕自身情况和招生简章要求，主要内容是关于自身专业相关优点的介绍，关于报考相关院校和相关专业的理由，以及大学和职业规划等。</p>
+			<p>注意事项：</p>
+			<p>考生们准备的自荐信/个人陈述千万不要自夸自大、浮夸，一定不要套用模板，字数不宜过短或过长，自荐信/个人陈述是高校老师对考生的第一印象，一定要认真对待。</p>
+			<p>3、高中阶段文化课成绩</p>
+			<p>高中阶段文化课成绩是指考生高一到高三不同各阶段的期末考试成绩。各院校对成绩的要求会有所不同，如北外要求高三第一学期期末成绩在同科类排名前10%。</p>
+			<p>报名时，考生需按照要求在综合评价报名系统中如实填写。文化课成绩单可以找考生中学班主任及教务处进行查询。</p>
+			<p>注意事项：</p>
+			<p>不少学校在综合评价招生简章中并没有提到需要提交成绩，其实几乎全部高校都会在报名材料中要求提供高中阶段期末和模考的成绩，这也会作为初审的重要考核标准。</p>
+			<p>4、高中学业水平测试成绩</p>
+			<p>高中学业水平测试成绩同高中阶段文化课成绩一样，在报名系统有对应的填写模块。学业水平测试成绩根据本省情况填写A、B、C、D、E或合格、不合格，请勿直接填写分数。没有的科目可以填无 。</p>
+			<p>注意事项：</p>
+			<p>学业水平考试成绩需要填写考生等级和对应最高等级。在综合评价中，学业水平考试成绩不仅是初审审核依据，还在最终录取时占据约5%至15%的比重。</p>
+			<p>5、推荐信</p>
+			<p>推荐信并不是每个高校都需要提供的，部分高校会有要求，一般是考生的班主任、任课老师、课外活动指导老师等叙述学生特点及推荐的理由，一般要求在800字之内。</p>
+			<p>注意事项：</p>
+			<p>建议考生尽量找和报考方向同一方向的专家或者对考生比较了解的老师来准备推荐信。</p>
+			<p>6、高中阶段获奖证书</p>
+			<p>高中阶段参加竞赛所获得的奖项证书等可以证明学科特长及创新潜质的材料。如：五大学科竞赛奖项、科创类竞赛奖项等。（注意：获奖证书复印件要求盖学校公章，原件要求直接拍照上传，考生报名前还需仔细阅读简章）。</p>
+			<p>注意事项：</p>
+			<p>并不是所有高校都强制考生提交获奖证书，但有奖项的考生在初审考核中会有一定的优势。</p>
+			<p>7、其他可证明材料</p>
+			<p>其他可证明材料包括但不限于以下材料，如：社会实践活动，省级或市级三好学生、优秀班干部等可以反映学生综合素质发展情况的材料。</p>
+			<p>8、高校特殊要求提供的材料</p>
+			<p>如诚信承诺书原件（网上报名系统自动生成，打印后须本人签名）；《健康状况信息登记表》等。</p>
+			<p>“数字化生涯规划师”项目关注规划师在多元升学通道上的服务能力，关注“数字化生涯规划师项目”认证课程方法：钉钉—进入小程序界面（方法与微信相同）—搜索“新职业在线学习平台”—在新职业在线学习平台搜索“数字化生涯规划师”。</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "start",
+		data() {
+			return {
+				
+			}
+		},
+		beforeCreate() {
+		},
+		created() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.headlines-title{
+		padding: 1.3rem .25rem 0;
+		font-size: .36rem;
+		line-height: 1.5;
+	}
+	.headlines-txt{
+		padding: .2rem .25rem;
+		overflow: hidden;
+	}
+	.headlines-txt>p{
+		font-size: .3rem;
+		line-height: 1.6;
+		text-align: justify;
+		color: #444;
+		text-indent: 2em;
+		margin: .12rem 0;
+	}
+	.headlines-txt img{
+		max-width: 100%;
+		margin: .15rem auto;
+	}
+</style>

src/views/home/headlines/text06.vue

@@ -0,0 +1,75 @@
+<template>
+	<div class="content headlines">
+		<!-- 头部 -->
+		<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="header-title">头条文章</div>
+		</div>
+		
+		<h1 class="headlines-title">数字化生涯规划师：获权威认证，服务钉钉千万考生与家长</h1>
+		<div class="headlines-txt">
+			<p>志愿填报市场近来需求增长强劲，您若有志于在这一领域提供服务，寻找职业机会，请关注数字化生涯规划师认证项目，并抓住为钉钉上的考生和家长提供服务的机会。</p>
+			<p>查看认证课程方法：钉钉—进入小程序界面（方法与微信相同）—搜索“新职业在线学习平台”—在新职业在线学习平台搜索“数字化生涯规划师”</p>
+			<img src="../../../assets/images/headlines/601.png" alt="">
+			<p>在市场需求增长的同时，志愿填报从业者素质多被媒体和社会诟病。有鉴于此，阿里云教育引进北京师范大学课题项目成熟的能力体系与认证课程，为咨询师赋能，并提供面向钉钉考生与家长用户的咨询服务平台，其中也包含公益咨询服务的部分。</p>
+			<p>近三年，我国每年高考考生人数规模均超过1000万人，录取率高于80%。我国的高等教育已于2019年进入普及化阶段，也即接受高等教育的人口占全部适龄人口的比例超过了50%。</p>
+			<p>同时新高考改革已经推广到21个省，高考志愿填报的难度极大的增加了，因为填报对象已经从高校转向了高校的院系，也即招录单元从2800多所高校，扩展为10万多个院系；每个考生的志愿方案需要填报数十个至近百个专业和院校的组合；因而学生和家庭对于志愿填报的需求快速上升。</p>
+			<img src="../../../assets/images/headlines/602.png" alt="">
+			<p>在志愿填报需求快速增长的同时，社会对于志愿填报细分行业的从业者素质（咨询师的素质）表现出了严重的质疑。新华社等官媒在2021年5月发文提出质疑，教育部等部委随即提出监管要求。</p>
+			<p>数字化生涯规划师是阿里云教育、北京师范大学、有谱志愿三方的协同共创项目。项目目标在于提升生涯规划，特别是志愿填报行业的从业者素质；并通过CtoC志愿咨询服务监理平台构建志愿填报需求方与生涯规划师之间的直接沟通平台，减少供需双方的交易成本。</p>
+			<p>数字化生涯规划师认证课程，招募具备符合条件的两类候选人：一类是符合基础条件，但没有从事过志愿填报业务的人员；另一类是符合基础条件，且从事过志愿填报业务的人员（需要提供可验证的过往服务案例）。</p>
+			<p>课程内容的主题是“志愿咨询业务背景及咨询师应有的能力结构”，有以下五个部分的内容：</p>
+			<p>1、了解志愿填报业务的大背景</p>
+			<p>2、理解与本认证课程相关的志愿填报业务规划</p>
+			<p>3、理解生涯规划师（志愿填报）的能力结构</p>
+			<p>4、理解课程结构、以及考核认证的要求</p>
+			<p>5、能讲述志愿填报的基本逻辑</p>
+			<p>进一步关注、了解认证课程和相关志愿咨询项目：钉钉—进入小程序界面（方法与微信相同）—搜索“新职业在线学习平台”—在新职业在线学习平台搜索“数字化生涯规划师”</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "start",
+		data() {
+			return {
+				
+			}
+		},
+		beforeCreate() {
+		},
+		created() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	.headlines-title{
+		padding: 1.3rem .25rem 0;
+		font-size: .36rem;
+		line-height: 1.5;
+	}
+	.headlines-txt{
+		padding: .2rem .25rem;
+		overflow: hidden;
+	}
+	.headlines-txt>p{
+		font-size: .3rem;
+		line-height: 1.6;
+		text-align: justify;
+		color: #444;
+		text-indent: 2em;
+		margin: .12rem 0;
+	}
+	.headlines-txt img{
+		max-width: 100%;
+		margin: .15rem auto;
+	}
+</style>

src/views/index/index.vue

@@ -86,23 +86,47 @@
 		<div class="index-live section">
 			<div class="index-title">
 				<h2>有谱<em>直播</em></h2>
-				<span @click="goPage()">查看更多</span>
+				<span>查看更多</span>
 			</div>
 			<ul class="index-live-list">
-				<li><img src="../../assets/images/home/index/live-01.png"/></li>
-				<li><img src="../../assets/images/home/index/live-02.png"/></li>
+				<li>
+					<a href="https://h5.dingtalk.com/live/video_lesson.htm?itemId=aed09721-d784-4c70-8219-5466246ae2a9&dd_nav_bgcolor=FF2C2D2F&feedProperty=1&feedId=aed09721-d784-4c70-8219-5466246ae2a9&mcnId=9428021620221302755#/live"><img src="../../assets/images/home/index/live-01.png"/></a>
+				</li>
+				<li>
+					<a href="https://mp.weixin.qq.com/s/v5NEPtYRj9Ijwm3tk9g-yg"><img src="../../assets/images/home/index/live-02.png"/></a>
+				</li>
 			</ul>
 		</div>
 		<!-- 头条 -->
 		<div class="index-headlines section">
 			<div class="index-title">
 				<h2>有谱<em>头条</em></h2>
-				<span @click="goPage()">查看更多</span>
+				<span>查看更多</span>
 			</div>
 			<ul class="index-headlines-list">
-				<li v-for="(item, index) in headlinesData" :key="index">
-					<p><a href="https://wwww.baidu.com">{{ item.title }}</a></p>
-					<span>{{ item.time }}</span>
+				<li @click="goPage('/text01')">
+					<p>如何让孩子找到有幸福感的专业方向和职业目标？</p>
+					<!-- <span>{{ item.time }}</span> -->
+				</li>
+				<li @click="goPage('/text02')">
+					<p>生涯规划师的服务伦理，以及处理与客户价值判断不一致的方法探讨</p>
+					<!-- <span>{{ item.time }}</span> -->
+				</li>
+				<li @click="goPage('/text03')">
+					<p>升学规划师能力的“冰山结构”</p>
+					<!-- <span>{{ item.time }}</span> -->
+				</li>
+				<li @click="goPage('/text04')">
+					<p>双减政策，减“教”不减“学”；生涯规划的目标是点燃学生求学热情，真正体现教育情怀</p>
+					<!-- <span>{{ item.time }}</span> -->
+				</li>
+				<li @click="goPage('/text05')">
+					<p>强基计划、综合评价报名材料如何准备</p>
+					<!-- <span>{{ item.time }}</span> -->
+				</li>
+				<li @click="goPage('/text06')">
+					<p>数字化生涯规划师：获权威认证，服务钉钉千万考生与家长</p>
+					<!-- <span>{{ item.time }}</span> -->
 				</li>
 			</ul>
 		</div>

src/views/login.vue

@@ -24,7 +24,7 @@
 				</div>
 				<div class="login-btns">
 					<span @click="nailLogin()" v-if="mode == 0" class="nail-btn"><img src="../assets/images/login/nail.png" />钉钉授权登录</span>
-					<span @click="phoneLogin()" v-if="mode == 1">获取验证码</span>
+					<span @click="checkPhone()" v-if="mode == 1">获取验证码</span>
 				</div>
 			</div>
 			<div :class="{'login-mode':true,'noPositin':noPositin}" v-if="mode==0">
@@ -67,14 +67,22 @@
 				<span @click="noEmpower()">拒绝</span>
 			</div>
 		</div>
+		<!-- 提示框 -->
+		<div class="addr-select-bg" v-show="isToast"></div>
+		<div class="toast" v-show="isToast">
+			<p>{{toastText}}</p>
+		</div>
 		<!-- 手机验证弹窗 -->
 		<div class="my-confirm-bg" v-show="openPhoneTips" @click="openPhoneTips = !openPhoneTips"></div>
 		<div class="my-confirm my-confirm2" v-show="openPhoneTips">
 			<p>{{ tipsMsg }}</p>
 			<div class="confirm-btns confirm-btns-one">
-				<span @click="openPhoneTips = false">确认</span>
+				<span @click="phoneLogin()">是</span>
+				<span @click="openPhoneTips=false,phoneNumber=''">否</span>
 			</div>
 		</div>
+		
+		
 	</div>
 </template>
 
@@ -85,6 +93,8 @@
 			return {
 				isScrollTop: false,
 				tipsMsg: '',
+				toastText: '',
+				isToast: false,
 				mode: 1, //登录方式
 				openAgreement: false, //阅读协议弹窗
 				isAgreement: true, //阅读协议状态
@@ -126,19 +136,45 @@
 					this.openAgreement = true;
 				}
 			},
-			// 手机号登录
-			phoneLogin() {
+			// 验证手机号是否存在
+			checkPhone(){
 				let that = this;
 				var reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
 				if (this.phoneNumber == "") {
-					this.openPhoneTips = true;
-					this.tipsMsg = '请填写您的手机号码！'
+					this.toastText = '请填写您的手机号码！',
+					this.isToast = true,
+					setTimeout(()=> {
+						this.isToast = false
+					}, 1000)
 					return false;
 				} else if (!reg_tel.test(this.phoneNumber)) {
-					this.openPhoneTips = true;
-					this.tipsMsg = '请正确填写您的手机号码！'
+					this.toastText = '请正确填写您的手机号码！',
+					this.isToast = true,
+					setTimeout(()=> {
+						this.isToast = false
+					}, 1000)
 					return false;
 				}
+				this.axios
+					.post(this.HOME + "/api/user/has-phone-user", {
+						phone: this.phoneNumber
+					})
+					.then(function(res) {
+						if(res.data.data.registered == 0){
+							this.phoneLogin();
+						}else if(res.data.data.registered == 1){
+							that.openPhoneTips = true;
+							that.tipsMsg = '账号已存在，是否继续登录';
+						}
+					})
+					.catch(function(error) {
+						console.log(error);
+					});
+			},
+			// 手机号登录
+			phoneLogin() {
+				let that = this;
+				that.openPhoneTips = false,
 				this.axios
 					.post(this.HOME + "/api/common/send-sms-captcha", {
 						phone: this.phoneNumber,
@@ -203,7 +239,5 @@
 </script>
 
 <style scoped>
-	.confirm-btns-one{
-		justify-content: center;
-	}
+	
 </style>

vue.config.js

@@ -5,7 +5,7 @@ module.exports = {
                 target: 'https://ypzy.emingren.com', // 你请求的第三方接口
                 changeOrigin: true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
                 pathRewrite: { // 路径重写，
-                    '^/api': '' // 替换target中的请求地址，也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。
+                    '^/api': '' // 替换target中的请求地址，也就是说以后你在请求https://ypzy.emingren.com这个地址的时候直接写成/api即可。
                 }
             }
         }