From 567b3d35175a9ccaea5280ceb190476b5a361411 Mon Sep 17 00:00:00 2001 From: Lee-1203 <342694918@qq.com> Date: Thu, 3 Mar 2022 19:36:36 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=93=E5=AE=B6=E5=88=97=E8=A1=A8=E8=B7=9F?= =?UTF-8?q?=E6=96=87=E7=AB=A0=E9=A1=B5=E6=8E=A5=E5=8F=A3=E8=B0=83=E7=94=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/index.html | 59 +++++++++++++-------------- src/views/home/expert/detail.vue | 69 ++++++++++++++------------------ src/views/home/expert/index.vue | 50 +++++++++++++++-------- 3 files changed, 95 insertions(+), 83 deletions(-) diff --git a/public/index.html b/public/index.html index 66a3dc7..92d4d57 100644 --- a/public/index.html +++ b/public/index.html @@ -1,32 +1,33 @@ - - - - - - <%= htmlWebpackPlugin.options.title %> - - - - -
- - - + + + + + + <%= htmlWebpackPlugin.options.title %> + + + + +
+ + + diff --git a/src/views/home/expert/detail.vue b/src/views/home/expert/detail.vue index fd0ad9b..e7b1ba2 100644 --- a/src/views/home/expert/detail.vue +++ b/src/views/home/expert/detail.vue @@ -8,14 +8,11 @@

个人简介

-

期从事高考志愿填报研究工作，尤其是在准确定位考生、定量分析院校录取数据方面有独到见解，创立了“3/8线差法”，是各大网站及电视台教育频道的常邀嘉宾，多次接受有关期刊杂志专访。长期从事高考志愿填报研究工作。

+

{{expertDetail.summary}}

服务区域

- 全国，尤其擅长河南省、北京市、河北省、内蒙古自治区的志愿填报。 + {{expertDetail.service_area_text}} + 尤其擅长{{expertDetail.service_area_main_text}}的志愿填报

咨询案例

-
-
-

案例1：完美的与湖北工业相遇

-

录取结果：604，超专业线4分，湖北工业大学电子工程 专业

-

专业定位：兴趣纬度

-

兴趣类型：这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.

-
-
-
-

案例1：完美的与湖北工业相遇

-

录取结果：604，超专业线4分，湖北工业大学电子工程 专业

-

专业定位：兴趣纬度

-

兴趣类型：这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.

-
-
-
-

案例1：完美的与湖北工业相遇

-

录取结果：604，超专业线4分，湖北工业大学电子工程 专业

-

专业定位：兴趣纬度

-

兴趣类型：这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.

-
-
-
-

案例1：完美的与湖北工业相遇

-

录取结果：604，超专业线4分，湖北工业大学电子工程 专业

-

专业定位：兴趣纬度

-

兴趣类型：这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.

+
+
+

案例{{index+1}}：{{item.title}}

+

录取结果：{{item.result_remarks}}

+

专业定位：{{item.location_remarks}}

+

兴趣类型：{{item.other_remarks}}

@@ -85,15 +62,19 @@ name: "expert-detail", data() { return { - isScrollTop: false + isScrollTop: false, + expertDetail: [], + expertCase: [], + id: '' } }, created() { this.isScroll = true; window.addEventListener("scroll", this.eventScrollTop); + this.id = this.$route.params.id; }, mounted() { - + this.getDetailData(); }, computed: { @@ -113,6 +94,18 @@ } } }, + // 获取专家详情 + getDetailData() { + let that = this; + this.axios + .post(this.HOME + "/api/consumer/expert-info", { + id: that.id + }) + .then(function (res) { + // console.log(res.data.data,111111); + that.expertDetail = res.data.data; + }); + }, }, destroyed() { window.removeEventListener("scroll", this.eventScrollTop); diff --git a/src/views/home/expert/index.vue b/src/views/home/expert/index.vue index ae429d7..2626098 100644 --- a/src/views/home/expert/index.vue +++ b/src/views/home/expert/index.vue @@ -44,25 +44,25 @@ @@ -120,21 +120,16 @@ isAddr: false, //城市列表是否显示 addrValue:'', //选择城市编号 - expertData: [ - {name:'赵晓',title:'金牌咨询师',imgsrc:'../../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, - {name:'赵晓',title:'专家咨询师',imgsrc:'../../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, - {name:'赵晓',title:'专家咨询师',imgsrc:'../../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, - {name:'赵晓',title:'专家咨询师',imgsrc:'../../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, - {name:'赵晓',title:'专家咨询师',imgsrc:'../../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, - {name:'赵晓',title:'专家咨询师',imgsrc:'../../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, - {name:'赵晓',title:'专家咨询师',imgsrc:'../../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'} - ], + expertData: [], } }, created() { this.isScroll = true; window.addEventListener("scroll", this.eventScrollTop); }, + mounted() { + this.getExpertData() + }, methods:{ // 导航切换 changeNav(index){ @@ -177,7 +172,6 @@ closeEV(){ this.isConfirm = false; }, - eventScrollTop() { let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; if (scrollTop >= 5) { @@ -192,6 +186,30 @@ } } }, + // 获取专家列表 + getExpertData() { + let that = this; + this.axios + .post(this.HOME + "/api/consumer/expert-list", { + page: "1", + size: "10", + }) + .then(function (res) { + console.log(res.data.data,121212); + that.expertData = res.data.data.list; + }); + }, + // 跳转到详情页 + toDetail(id) { + this.$router.push({ + path: '/expert/detail', + name: 'expert-detail', + params: { + id: id + }, + }) + }, + // 页面跳转 goPage(path){ this.$router.push(path); }