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

咨询师页面

master
tangyi 2022-03-05 22:20:03 +08:00
parent 4c74ce1119
commit 01302f836f
4 changed files with 1159 additions and 15626 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15145
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

119
src/views/consultant/detail.vue
View File

@ -8,14 +8,11 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<div class="banner detail-banner"> <div class="banner detail-banner">
<div class="detail-photo"> <div class="detail-photo">
<span><img src="../../assets/images/home/expert/expert-list.jpg" ></span> <span><img :src="host + expertDetail.avatar" ></span>
<div class="detail-txt"> <div class="detail-txt">
<h1>赵晓<span>专家咨询师</span></h1> <h1>{{expertDetail.name}}<span>{{expertDetail.tags_text}}</span></h1>
<p> <p>
<span>中科院心理所</span> <span v-for="(item,index) in expertDetail.keywords_list" :key="index">{{item}}</span>
<span>硕士</span>
<span>从业5年</span>
<span>熟悉新高考</span>
</p> </p>
</div> </div>
</div> </div>
@ -27,51 +24,31 @@
<span>咨询理念</span> <span>咨询理念</span>
<img src="../../assets/images/home/expert/abstract-right.png" > <img src="../../assets/images/home/expert/abstract-right.png" >
</h2> </h2>
<p>这里展示咨询理念的文字内容，这里展示咨询理念的 文字内容，这里展示咨询理念的文字内容，这里展示 咨询理念的文字内容，这里展示理</p> <p>{{expertDetail.slogan}}</p>
</div> </div>
<div class="detail-content detail-section"> <div class="detail-content detail-section">
<div class="expert-body"> <div class="expert-body">
<h2>个人简介</h2> <h2>个人简介</h2>
<span> <span>
<p>期从事高考志愿填报研究工作，尤其是在准确定位考生、定量分析院校录取数据方面有独到见解，创立了“3/8线差法”，是各大网站及电视台教育频道的常邀嘉宾，多次接受有关期刊杂志专访。长期从事高考志愿填报研究工作。</p> <p>{{expertDetail.summary}}</p>
</span> </span>
</div> </div>
<div class="expert-region"> <div class="expert-region">
<h2>服务区域</h2> <h2>服务区域</h2>
<p> <p>
全国，尤其擅长河南省、北京市、河北省、内蒙古自治区的志愿填报。 <span>{{expertDetail.service_area_text}}</span>
<span>尤其擅长{{expertDetail.service_area_main_text}}的志愿填报</span>
</p> </p>
</div> </div>
<div class="expert-case"> <div class="expert-case" v-if="expertCase.length>0">
<h2>咨询案例</h2> <h2>咨询案例</h2>
<div class="expert-case-list"> <div class="expert-case-list">
<div class="expert-case-item"> <div class="expert-case-item" v-for="(item,index) in expertCase" :key="index">
<div class="case-img"><img src="../../assets/images/home/expert/detail.jpg" alt=""></div> <div class="case-img"><img :src="host + item.cover" alt=""></div>
<h3><span>案例1：</span>完美的与湖北工业相遇</h3> <h3><span>案例{{index+1}}：</span>{{item.title}}</h3>
<p><span>录取结果：</span><span>604，超专业线4分，湖北工业大学电子工程 专业</span></p> <p v-if="item.result_remarks"><span>录取结果：</span><span>{{item.result_remarks}}</span></p>
<p><span>专业定位：</span><span>兴趣纬度</span> </p> <p v-if="item.location_remarks"><span>专业定位：</span><span>{{item.location_remarks}}</span> </p>
<p><span>兴趣类型：</span><span>这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.</span></p> <p v-if="item.other_remarks"><span>兴趣类型：</span><span>{{item.other_remarks}}</span></p>
</div>
<div class="expert-case-item">
<div class="case-img"><img src="../../assets/images/home/expert/detail.jpg" alt=""></div>
<h3><span>案例1：</span>完美的与湖北工业相遇</h3>
<p><span>录取结果：</span><span>604，超专业线4分，湖北工业大学电子工程 专业</span></p>
<p><span>专业定位：</span><span>兴趣纬度</span> </p>
<p><span>兴趣类型：</span><span>这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.</span></p>
</div>
<div class="expert-case-item">
<div class="case-img"><img src="../../assets/images/home/expert/detail.jpg" alt=""></div>
<h3><span>案例1：</span>完美的与湖北工业相遇</h3>
<p><span>录取结果：</span><span>604，超专业线4分，湖北工业大学电子工程 专业</span></p>
<p><span>专业定位：</span><span>兴趣纬度</span> </p>
<p><span>兴趣类型：</span><span>这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.</span></p>
</div>
<div class="expert-case-item">
<div class="case-img"><img src="../../assets/images/home/expert/detail.jpg" alt=""></div>
<h3><span>案例1：</span>完美的与湖北工业相遇</h3>
<p><span>录取结果：</span><span>604，超专业线4分，湖北工业大学电子工程 专业</span></p>
<p><span>专业定位：</span><span>兴趣纬度</span> </p>
<p><span>兴趣类型：</span><span>这里展示兴趣类型的文字内容，这里展示兴趣类型的文字内容，这里展示兴趣类型的文 字内容.</span></p>
</div> </div>
</div> </div>
</div> </div>
@ -82,23 +59,84 @@
<script> <script>
export default { export default {
name: "edit-detail", name: "expert-detail",
data() { data() {
return { return {
isScrollTop: false isScrollTop: false,
expertDetail: [],
expertCase: [],
id: ''
} }
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
this.id = this.$route.query.id;
}, },
mounted() { mounted() {
this.getDetailData();
this.getExpertCase();
}, },
computed: { computed: {
}, },
methods: { methods: {
// 获取专家详情
getDetailData() {
let that = this;
this.axios
.post(this.HOME + "/api/consumer/expert-info", {
id: that.id
})
.then(function (res) {
let list = res.data.data;
let newArray = [];
let array = {
id: list.id,
name: list.name,
avatar: list.avatar,
tags_text: list.tags_text,
slogan: list.slogan,
summary: list.summary,
service_area_text: list.service_area_text,
im_group_link: list.im_group_link,
im_group_qr: list.im_group_qr,
service_area_main_text: list.service_area_main_text
}
newArray = array;
that.expertDetail = newArray;
});
},
// 获取专家案例
getExpertCase(){
let that = this;
this.axios
.post(this.HOME + "/api/expert/get-expert-case-list", {
page: 1,
size: 100,
expert_id: that.id,
is_main: 1
})
.then(function (res) {
let list = res.data.data.list;
let newArray = [];
list.forEach(item=>{
let obj = {
cover:item.cover,
title: item.title,
result_remarks: item.result_remarks,
location_remarks: item.location_remarks,
other_remarks: item.other_remarks,
account_remarks: item.account_remarks,
}
newArray.push(obj);
})
that.expertCase = newArray;
});
},
// 滚动显示头部
eventScrollTop() { eventScrollTop() {
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
if (scrollTop >= 5) { if (scrollTop >= 5) {
@ -113,6 +151,7 @@
} }
} }
}, },
}, },
destroyed() { destroyed() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);

617
src/views/consultant/edit.vue
View File

@ -1,24 +1,32 @@
<template> <template>
<div class="content my-content"> <div class="content my-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)"><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 class="header-title">修改个人信息</div> <div class="header-title">修改个人信息</div>
</div> </div>
<div class="edit pull-content"> <div class="edit pull-content">
<div class="edit-list"> <div class="edit-list">
<div class="personal-item"> <div class="personal-item">
<p>姓名：<span>{{name}}</span></p> <p>
<p>等级：<span>{{tags_text}}</span></p> 姓名：<span>{{ name }}</span>
</p>
<p>
等级：<span>{{ tags_text }}</span>
</p>
</div> </div>
<!-- 形象照 --> <!-- 形象照 -->
<div class="personal-item"> <div class="personal-item">
<p>形象照</p> <p>形象照</p>
<div class="personal-txt"> <div class="personal-txt">
<div class="personal-photo"> <div class="personal-photo">
<img v-if="myAvatar" :src="host + myAvatar"> <img v-if="myAvatar" :src="host + myAvatar" />
<img v-else-if="handImg" :src="host + handImg"> <img v-else-if="handImg" :src="host + handImg" />
<span v-else>上传图片的区域，照片必须使用固定的宽高比16:17，比如宽400像素，高425像素，或其它同等比例</span> <span v-else
>上传图片的区域，照片必须使用固定的宽高比16:17，比如宽400像素，高425像素，或其它同等比例</span
>
</div> </div>
<div class="edit-btn"> <div class="edit-btn">
<input class="inputB" @change="imgIny($event)" type="file" /> <input class="inputB" @change="imgIny($event)" type="file" />
@ -34,10 +42,10 @@
<!-- 文本显示 --> <!-- 文本显示 -->
<!-- <span>硕士</span> --> <!-- <span>硕士</span> -->
<!-- 输入框 --> <!-- 输入框 -->
<input class="personal-input" /> <input v-model="Characteristics[0]" class="personal-input" />
</div> </div>
<!-- 按钮事件 --> <!-- 按钮事件 -->
<div class="edit-btn">确认</div> <div @click="CharacteristicsFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
<div class="personal-item"> <div class="personal-item">
@ -47,10 +55,10 @@
<!-- 文本显示 --> <!-- 文本显示 -->
<!-- <span>硕士</span> --> <!-- <span>硕士</span> -->
<!-- 输入框 --> <!-- 输入框 -->
<input class="personal-input" /> <input v-model="Characteristics[1]" class="personal-input" />
</div> </div>
<!-- 按钮事件 --> <!-- 按钮事件 -->
<div class="edit-btn">确认</div> <div @click="CharacteristicsFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
<div class="personal-item"> <div class="personal-item">
@ -60,10 +68,10 @@
<!-- 文本显示 --> <!-- 文本显示 -->
<!-- <span>硕士</span> --> <!-- <span>硕士</span> -->
<!-- 输入框 --> <!-- 输入框 -->
<input class="personal-input" /> <input v-model="Characteristics[2]" class="personal-input" />
</div> </div>
<!-- 按钮事件 --> <!-- 按钮事件 -->
<div class="edit-btn">确认</div> <div @click="CharacteristicsFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
<div class="personal-item"> <div class="personal-item">
@ -73,10 +81,10 @@
<!-- 文本显示 --> <!-- 文本显示 -->
<!-- <span>硕士</span> --> <!-- <span>硕士</span> -->
<!-- 输入框 --> <!-- 输入框 -->
<input class="personal-input" /> <input v-model="Characteristics[3]" class="personal-input" />
</div> </div>
<!-- 按钮事件 --> <!-- 按钮事件 -->
<div class="edit-btn">确认</div> <div @click="CharacteristicsFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
<!-- 服务口号 --> <!-- 服务口号 -->
@ -84,9 +92,13 @@
<p>服务口号</p> <p>服务口号</p>
<div class="personal-txt"> <div class="personal-txt">
<div class="personal-top"> <div class="personal-top">
<textarea class="kh-input" v-model="sloganData" placeholder="请输入服务口号"></textarea> <textarea
class="kh-input"
v-model="sloganData"
placeholder="请输入服务口号"
></textarea>
</div> </div>
<div class="edit-btn">确认</div> <div @click="sloganDataFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
<!-- 个人简介 start --> <!-- 个人简介 start -->
@ -94,9 +106,12 @@
<p>个人简介</p> <p>个人简介</p>
<div class="personal-txt"> <div class="personal-txt">
<div class="personal-top"> <div class="personal-top">
<textarea v-model="bodyData" placeholder="介绍您最闪光点，不要少于200字，不要多于300字"></textarea> <textarea
v-model="bodyData"
placeholder="介绍您最闪光点，不要少于200字，不要多于300字"
></textarea>
</div> </div>
<div class="edit-btn">确认</div> <div @click="bodyDataFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
<!-- 服务范围补充说明 --> <!-- 服务范围补充说明 -->
@ -104,9 +119,12 @@
<p>服务范围补充说明</p> <p>服务范围补充说明</p>
<div class="personal-txt"> <div class="personal-txt">
<div class="personal-top"> <div class="personal-top">
<textarea v-model="explainData" placeholder="请填写补充说明"></textarea> <textarea
v-model="explainData"
placeholder="请填写补充说明"
></textarea>
</div> </div>
<div class="edit-btn">确认</div> <div @click="explainDataFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
@ -116,15 +134,30 @@
<div class="personal-txt"> <div class="personal-txt">
<div class="city-item"> <div class="city-item">
<div>重点服务省域1：</div> <div>重点服务省域1：</div>
<input type="text" v-model="provinceData[cityIndex1].title" readonly="readonly" @click="openCity1()"/> <input
type="text"
v-model="addRess[0].name"
readonly="readonly"
@click="openCity1()"
/>
</div> </div>
<div class="city-item"> <div class="city-item">
<div>重点服务省域2：</div> <div>重点服务省域2：</div>
<input type="text" v-model="provinceData[cityIndex2].title" readonly="readonly" @click="openCity2()"/> <input
type="text"
v-model="addRess[1].name"
readonly="readonly"
@click="openCity2()"
/>
</div> </div>
<div class="city-item"> <div class="city-item">
<div>重点服务省域3：</div> <div>重点服务省域3：</div>
<input type="text" v-model="provinceData[cityIndex3].title" readonly="readonly" @click="openCity3()"/> <input
type="text"
v-model="addRess[2].name"
readonly="readonly"
@click="openCity3()"
/>
</div> </div>
</div> </div>
</div> </div>
@ -133,181 +166,319 @@
<p>服务价格（您是专家级咨询师可自由定价）</p> <p>服务价格（您是专家级咨询师可自由定价）</p>
<div class="personal-txt"> <div class="personal-txt">
<div class="price-item"> <div class="price-item">
<div> 北京、上海</div> <div>北京、上海</div>
<input type="text" v-model="priceData[priceIndex1].title" readonly="readonly" @click="openPrice1()"/> <input
type="text"
v-model="priceDataLst[0]"
readonly="readonly"
@click="openPrice1()"
/>
</div> </div>
<div class="price-item"> <div class="price-item">
<div>天津、重庆、江苏、浙江、广东、福建</div> <div>天津、重庆、江苏、浙江、广东、福建</div>
<input type="text" v-model="priceData[priceIndex2].title" readonly="readonly" @click="openPrice2()"/> <input
type="text"
v-model="priceDataLst[1]"
readonly="readonly"
@click="openPrice2()"
/>
</div> </div>
<div class="price-item"> <div class="price-item">
<div>辽宁、河北、山东、海南、湖北、湖南</div> <div>辽宁、河北、山东、海南、湖北、湖南</div>
<input type="text" v-model="priceData[priceIndex3].title" readonly="readonly" @click="openPrice3()"/> <input
type="text"
v-model="priceDataLst[2]"
readonly="readonly"
@click="openPrice3()"
/>
</div> </div>
<div class="price-item"> <div class="price-item">
<div>其他省域(老高考)</div> <div>其他省域(老高考)</div>
<input type="text" v-model="priceData[priceIndex4].title" readonly="readonly" @click="openPrice4()"/> <input
type="text"
v-model="priceDataLst[3]"
readonly="readonly"
@click="openPrice4()"
/>
</div> </div>
<div class="edit-btn">确认</div> <div @click="priceDataLstFun()" class="edit-btn">确认</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="preview-btns"> <div class="preview-btns">
<span>预览列表页效果</span> <span @click="navdetailLst()">预览列表页效果</span>
<span>预览详情页效果</span> <span @click="navdetail()">预览详情页效果</span>
</div> </div>
<!-- 地址弹出框1 --> <!-- 地址弹出框1 -->
<div class="addr-select-bg" v-show="isCity1" @click="isCity1=!isCity1"></div> <div
class="addr-select-bg"
v-show="isCity1"
@click="isCity1 = !isCity1"
></div>
<div class="addr-select-item" v-show="isCity1"> <div class="addr-select-item" v-show="isCity1">
<div class="addr-btns"> <div class="addr-btns">
<span>请选择城市</span> <span>请选择城市</span>
<span @click="isCity1=!isCity1">取消</span> <span @click="isCity1 = !isCity1">取消</span>
</div> </div>
<ul> <ul>
<li :class="{'checked':index == cityIndex1}" @click="getCityValue1(index,item)" v-for="(item,index) in provinceData" :key="index">{{item.title}}<img v-show="index==cityIndex1" src="../../assets/images/home/expert/yes.png"></li> <li
:class="{ checked: index == cityIndex1 }"
@click="getCityValue1(index, item)"
v-for="(item, index) in provinceData"
:key="index"
>
{{ item.name
}}<img
v-show="index == cityIndex1"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul> </ul>
</div> </div>
<!-- 地址弹出框2 --> <!-- 地址弹出框2 -->
<div class="addr-select-bg" v-show="isCity2" @click="isCity2=!isCity2"></div> <div
class="addr-select-bg"
v-show="isCity2"
@click="isCity2 = !isCity2"
></div>
<div class="addr-select-item" v-show="isCity2"> <div class="addr-select-item" v-show="isCity2">
<div class="addr-btns"> <div class="addr-btns">
<span>请选择城市</span> <span>请选择城市</span>
<span @click="isCity2=!isCity2">取消</span> <span @click="isCity2 = !isCity2">取消</span>
</div> </div>
<ul> <ul>
<li :class="{'checked':index == cityIndex2}" @click="getCityValue2(index,item)" v-for="(item,index) in provinceData" :key="index">{{item.title}}<img v-show="index==cityIndex2" src="../../assets/images/home/expert/yes.png"></li> <li
:class="{ checked: index == cityIndex2 }"
@click="getCityValue2(index, item)"
v-for="(item, index) in provinceData"
:key="index"
>
{{ item.name
}}<img
v-show="index == cityIndex2"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul> </ul>
</div> </div>
<!-- 地址弹出框3 --> <!-- 地址弹出框3 -->
<div class="addr-select-bg" v-show="isCity3" @click="isCity3=!isCity3"></div> <div
class="addr-select-bg"
v-show="isCity3"
@click="isCity3 = !isCity3"
></div>
<div class="addr-select-item" v-show="isCity3"> <div class="addr-select-item" v-show="isCity3">
<div class="addr-btns"> <div class="addr-btns">
<span>请选择城市</span> <span>请选择城市</span>
<span @click="isCity3=!isCity3">取消</span> <span @click="isCity3 = !isCity3">取消</span>
</div> </div>
<ul> <ul>
<li :class="{'checked':index == cityIndex3}" @click="getCityValue3(index,item)" v-for="(item,index) in provinceData" :key="index">{{item.title}}<img v-show="index==cityIndex3" src="../../assets/images/home/expert/yes.png"></li> <li
:class="{ checked: index == cityIndex3 }"
@click="getCityValue3(index, item)"
v-for="(item, index) in provinceData"
:key="index"
>
{{ item.name
}}<img
v-show="index == cityIndex3"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul> </ul>
</div> </div>
<!-- 价格弹出框1 --> <!-- 价格弹出框1 -->
<div class="addr-select-bg" v-show="isPrice1" @click="isPrice1=!isPrice1"></div> <div
class="addr-select-bg"
v-show="isPrice1"
@click="isPrice1 = !isPrice1"
></div>
<div class="addr-select-item" v-show="isPrice1"> <div class="addr-select-item" v-show="isPrice1">
<div class="addr-btns"> <div class="addr-btns">
<span>请选择价格</span> <span>请选择价格</span>
<span @click="isPrice1=!isPrice1">取消</span> <span @click="isPrice1 = !isPrice1">取消</span>
</div> </div>
<ul> <ul>
<li :class="{'checked':index == priceIndex1}" @click="getPriceValue1(index,item)" v-for="(item,index) in priceData" :key="index">{{item.title}}<img v-show="index==priceIndex1" src="../../assets/images/home/expert/yes.png"></li> <li
:class="{ checked: index == priceIndex1 }"
@click="getPriceValue1(index, item)"
v-for="(item, index) in priceDataLst"
:key="index"
>
{{ item
}}<img
v-show="index == priceIndex1"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul> </ul>
</div> </div>
<!-- 价格弹出框2 --> <!-- 价格弹出框2 -->
<div class="addr-select-bg" v-show="isPrice2" @click="isPrice2=!isPrice2"></div> <div
class="addr-select-bg"
v-show="isPrice2"
@click="isPrice2 = !isPrice2"
></div>
<div class="addr-select-item" v-show="isPrice2"> <div class="addr-select-item" v-show="isPrice2">
<div class="addr-btns"> <div class="addr-btns">
<span>请选择价格</span> <span>请选择价格</span>
<span @click="isPrice2=!isPrice2">取消</span> <span @click="isPrice2 = !isPrice2">取消</span>
</div> </div>
<ul> <ul>
<li :class="{'checked':index == priceIndex2}" @click="getPriceValue2(index,item)" v-for="(item,index) in priceData" :key="index">{{item.title}}<img v-show="index==priceIndex2" src="../../assets/images/home/expert/yes.png"></li> <li
:class="{ checked: index == priceIndex2 }"
@click="getPriceValue2(index, item)"
v-for="(item, index) in priceDataLst"
:key="index"
>
{{ item
}}<img
v-show="index == priceIndex2"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul> </ul>
</div> </div>
<!-- 价格弹出框3 --> <!-- 价格弹出框3 -->
<div class="addr-select-bg" v-show="isPrice3" @click="isPrice3=!isPrice3"></div> <div
class="addr-select-bg"
v-show="isPrice3"
@click="isPrice3 = !isPrice3"
></div>
<div class="addr-select-item" v-show="isPrice3"> <div class="addr-select-item" v-show="isPrice3">
<div class="addr-btns"> <div class="addr-btns">
<span>请选择价格</span> <span>请选择价格</span>
<span @click="isPrice3=!isPrice3">取消</span> <span @click="isPrice3 = !isPrice3">取消</span>
</div> </div>
<ul> <ul>
<li :class="{'checked':index == priceIndex3}" @click="getPriceValue3(index,item)" v-for="(item,index) in priceData" :key="index">{{item.title}}<img v-show="index==priceIndex3" src="../../assets/images/home/expert/yes.png"></li> <li
:class="{ checked: index == priceIndex3 }"
@click="getPriceValue3(index, item)"
v-for="(item, index) in priceDataLst"
:key="index"
>
{{ item
}}<img
v-show="index == priceIndex3"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul> </ul>
</div> </div>
<!-- 价格弹出框4 --> <!-- 价格弹出框4 -->
<div class="addr-select-bg" v-show="isPrice4" @click="isPrice4=!isPrice4"></div> <div
class="addr-select-bg"
v-show="isPrice4"
@click="isPrice4 = !isPrice4"
></div>
<div class="addr-select-item" v-show="isPrice4"> <div class="addr-select-item" v-show="isPrice4">
<div class="addr-btns"> <div class="addr-btns">
<span>请选择价格</span> <span>请选择价格</span>
<span @click="isPrice4=!isPrice4">取消</span> <span @click="isPrice4 = !isPrice4">取消</span>
</div> </div>
<ul> <ul>
<li :class="{'checked':index == priceIndex4}" @click="getPriceValue4(index,item)" v-for="(item,index) in priceData" :key="index">{{item.title}}<img v-show="index==priceIndex4" src="../../assets/images/home/expert/yes.png"></li> <li
:class="{ checked: index == priceIndex4 }"
@click="getPriceValue4(index, item)"
v-for="(item, index) in priceDataLst"
:key="index"
>
{{ item
}}<img
v-show="index == priceIndex4"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "edit", name: "edit",
data(){ data() {
return { return {
isScrollTop: false, isScrollTop: false,
name:'', name: "",
tags_text: '', tags_text: "",
sloganData: '', sloganData: "",
bodyData: '', Characteristics: [],
explainData: '', bodyData: "",
explainData: "",
editData: {
avatar: "",
keywords: "",
slogan: "",
summary: "",
service_area_text: "",
service_area_main: "",
tel: "",
ding_code: "",
price_area_a: "",
price_area_b: "",
price_area_c: "",
price_area_other: "",
},
isCity1: false, //城市列表是否显示 isCity1: false, //城市列表是否显示
provinceData:[ provinceData: [],
{title:'北京'},
{title:'上海'},
{title:'广州'},
{title:'四川'},
{title:'重庆'},
{title:'山西'},
{title:'贵州'},
{title:'河南'},
{title:'江西'},
{title:'宁夏'},
{title:'香港'},
{title:'台湾'},
{title:'澳门'}
],
cityIndex1: 0, cityIndex1: 0,
cityValue1:'', //选择城市编号 cityValue1: "", //选择城市编号
isCity2: false, //城市列表是否显示 isCity2: false, //城市列表是否显示
cityIndex2: 0, cityIndex2: 0,
cityValue2:'', //选择城市编号 cityValue2: "", //选择城市编号
isCity3: false, //城市列表是否显示 isCity3: false, //城市列表是否显示
cityIndex3: 0, cityIndex3: 0,
cityValue3:'', //选择城市编号 cityValue3: "", //选择城市编号
addRess: [],
// 价格区间 // 价格区间
priceData:[ priceDataLst:[],
{title:'3000-5000'}, priceData: [
{title:'5000-8000'}, { title: "3980" },
{title:'8000-12000'}, { title: "4980" },
{title:'12000-15000'}, { title: "5980" },
{title:'15000-18000'}, { title: "6980" },
{title:'18000-22000'} { title: "8980" },
{ title: "8980" },
{ title: "9980" },
{ title: "10980" },
{ title: "11980" },
{ title: "12980" },
{ title: "13980" },
{ title: "14980" },
{ title: "15980" },
{ title: "16980" },
{ title: "17980" },
{ title: "18980" },
{ title: "19980" },
{ title: "20980" },
], ],
isPrice1: false, //价格列表是否显示 isPrice1: false, //价格列表是否显示
priceIndex1: 0, priceIndex1: 0,
priceValue1:'', //选择价格值 priceValue1: "", //选择价格值
isPrice2: false, //价格列表是否显示 isPrice2: false, //价格列表是否显示
priceIndex2: 0, priceIndex2: 0,
priceValue2:'', //选择价格值 priceValue2: "", //选择价格值
isPrice3: false, //价格列表是否显示 isPrice3: false, //价格列表是否显示
priceIndex3: 0, priceIndex3: 0,
priceValue3:'', //选择价格值 priceValue3: "", //选择价格值
isPrice4: false, //价格列表是否显示 isPrice4: false, //价格列表是否显示
priceIndex4: 0, priceIndex4: 0,
priceValue4:'', //选择价格值 priceValue4: "", //选择价格值
handImg: '' ,//头像 handImg: "", //头像
myAvatar: '' myAvatar: "",
};
}
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
@ -315,15 +486,115 @@
}, },
mounted() { mounted() {
this.checkExperInfo(); this.checkExperInfo();
this.getAddrData();
this.getPricerData()
}, },
methods:{ methods: {
navdetail(){
this.$router.push({
path: "/edit/detail",
query: {
id: this.id,
},
});
},
navdetailLst(){
this.$router.push({
path: "/edit/list",
query: {
id: this.id,
},
});
},
priceDataLstFun(){
this.editData.service_area_main=""
for (let index = 0; index < this.addRess.length; index++) {
if (this.addRess[index].code) {
this.editData.service_area_main+=this.addRess[index].code+","
}
}
this.editData.price_area_a=this.priceDataLst[0]
this.editData.price_area_b=this.priceDataLst[1]
this.editData.price_area_c=this.priceDataLst[2]
this.editData.price_area_other=this.priceDataLst[3]
this.editExpertInfo()
},
explainDataFun(){
this.editData.service_area_text=this.explainData
this.editExpertInfo()
},
bodyDataFun(){
this.editData.summary=this.bodyData
this.editExpertInfo()
},
sloganDataFun(){
this.editData.slogan=this.sloganData
this.editExpertInfo()
},
CharacteristicsFun(){
console.log(this.Characteristics);
this.editData.keywords=""
for (let index = 0; index < this.Characteristics.length; index++) {
this.editData.keywords+=this.Characteristics[index]+","
}
this.editExpertInfo()
console.log(this.editData.keywords,"123")
},
ModifyData() {
this.axios
.post(this.HOME + "/api/expert/edit-expert-info")
.then(function () {})
.catch(function (error) {
console.log(error);
});
},
getPricerData() {
let that = this;
this.axios
.post(this.HOME + "/api/expert/service-price-list", {
pcode: 86,
})
.then(function (res) {
console.log(res.data.data,"------");
that.priceDataLst=res.data.data
});
},
getAddrData() {
let that = this;
this.axios
.post(this.HOME + "/api/area/index", {
pcode: 86,
})
.then(function (res) {
console.log(res);
that.provinceData = res.data.data;
console.log(that.provinceData);
let list = res.data.data;
let newArray = [];
let newObj = [];
list.forEach((item) => {
let obj = {
code: item.code,
name: item.name,
};
newArray.push(obj.name);
newObj.push(obj);
});
});
},
// 上传形象照 // 上传形象照
imgIny(e) { imgIny(e) {
let that = this; let that = this;
const files = e.target.files; const files = e.target.files;
console.log(files[0]); console.log(files[0]);
console.log({ console.log({
image: files[0] image: files[0],
}); });
var fromdata = new FormData(); var fromdata = new FormData();
fromdata.append("image", files[0]); fromdata.append("image", files[0]);
@ -333,100 +604,159 @@
"Content-Type": "multipart/form-data", "Content-Type": "multipart/form-data",
}, },
}) })
.then(function(res) { .then(function (res) {
that.editData.avatar = res.data.data.src;
that.myAvatar = res.data.data.src; that.myAvatar = res.data.data.src;
console.log(that.myAvatar, 123); that.editExpertInfo()
}) })
.catch(function(error) { .catch(function (error) {
console.log(error); console.log(error);
}); });
}, },
// 城市选择 // 城市选择
openCity1(){ openCity1() {
this.isCity1=!this.isCity1; this.isCity1 = !this.isCity1;
}, },
getCityValue1(index,item){ getCityValue1(index, item) {
console.log(item)
this.addRess[0].code=item.code
this.addRess[0].name=item.name
this.cityValue1 = item.title; this.cityValue1 = item.title;
this.cityIndex1 = index; this.cityIndex1 = index;
this.isCity1=false; this.isCity1 = false;
}, },
openCity2(){ openCity2() {
this.isCity2=!this.isCity2; console.log(this.provinceData);
this.isCity2 = !this.isCity2;
}, },
getCityValue2(index,item){ getCityValue2(index, item) {
this.addRess[1].code=item.code
this.addRess[1].name=item.name
this.cityValue2 = item.title; this.cityValue2 = item.title;
this.cityIndex2 = index; this.cityIndex2 = index;
this.isCity2=false; this.isCity2 = false;
}, },
openCity3(){ openCity3() {
this.isCity3=!this.isCity3; this.isCity3 = !this.isCity3;
}, },
getCityValue3(index,item){ getCityValue3(index, item) {
this.addRess[2].code=item.code
this.addRess[2].name=item.name
this.cityValue3 = item.title; this.cityValue3 = item.title;
this.cityIndex3 = index; this.cityIndex3 = index;
this.isCity3=false; this.isCity3 = false;
}, },
// 价格选择 // 价格选择
openPrice1(){ openPrice1() {
this.isPrice1=!this.isPrice1; this.isPrice1 = !this.isPrice1;
}, },
getPriceValue1(index,item){ getPriceValue1(index, item) {
console.log(this.priceDataLst)
this.priceDataLst[0]=item
this.priceValue1 = item.title; this.priceValue1 = item.title;
this.priceIndex1 = index; this.priceIndex1 = index;
this.isPrice1=false; this.isPrice1 = false;
}, },
openPrice2(){ openPrice2() {
this.isPrice2=!this.isPrice2; this.isPrice2 = !this.isPrice2;
}, },
getPriceValue2(index,item){ getPriceValue2(index, item) {
this.priceDataLst[1]=item
this.priceValue2 = item.title; this.priceValue2 = item.title;
this.priceIndex2 = index; this.priceIndex2 = index;
this.isPrice2=false; this.isPrice2 = false;
}, },
openPrice3(){ openPrice3() {
this.isPrice3=!this.isPrice3; this.isPrice3 = !this.isPrice3;
}, },
getPriceValue3(index,item){ getPriceValue3(index, item) {
this.priceDataLst[2]=item
this.priceValue3 = item.title; this.priceValue3 = item.title;
this.priceIndex3 = index; this.priceIndex3 = index;
this.isPrice3=false; this.isPrice3 = false;
}, },
openPrice4(){ openPrice4() {
this.isPrice4=!this.isPrice4; this.isPrice4 = !this.isPrice4;
}, },
getPriceValue4(index,item){ getPriceValue4(index, item) {
this.priceDataLst[3]=item
console.log( this.priceDataLst)
this.priceValue4 = item.title; this.priceValue4 = item.title;
this.priceIndex4 = index; this.priceIndex4 = index;
this.isPrice4=false; this.isPrice4 = false;
}, },
// 查询咨询师信息 // 查询咨询师信息
checkExperInfo(){ checkExperInfo() {
let that =this; let that = this;
this.axios this.axios
.post(this.HOME + "/api/user/center-info", { .post(this.HOME + "/api/user/center-info", {})
.then(function (res) {
}) console.log(res.data.data.expert);
.then(function(res) {
let newArray = res.data.data.expert; let newArray = res.data.data.expert;
that.id=newArray.id
that.editData= {
avatar: newArray.avatar,
keywords: newArray.keywords,
slogan: newArray.slogan,
summary: newArray.summary,
service_area_text: newArray.service_area_text,
service_area_main: newArray.service_area_main,
tel:newArray.tel ,
ding_code:newArray.ding_code,
price_area_a:newArray.price_area_a,
price_area_b:newArray.price_area_b,
price_area_c:newArray.price_area_c,
price_area_other:newArray.price_area_other,
},
console.log(that.editData)
that.handImg = newArray.avatar; that.handImg = newArray.avatar;
that.name = newArray.name; that.name = newArray.name;
that.tags_text = newArray.tags_text; that.tags_text = newArray.tags_text;
that.sloganData = newArray.slogan; that.sloganData = newArray.slogan;
console.log(res.data.data.expert,123); that.bodyData = newArray.summary;
that.explainData = newArray.service_area_text;
that.Characteristics = res.data.data.expert.keywords.split(",");
that.addressData = res.data.data.expert.service_area_main.split(",");
that.addRess = res.data.data.expert.service_area_main_list;
if (that.addRess.length < 3) {
for (let index = 0; index < 3; index++) {
that.addRess.push({
code: "",
name: "未填写",
});
}
}
console.log(that.addRess);
}); });
}, },
// 页面跳转 // 页面跳转
goPage(path){ goPage(path) {
this.$router.push(path); this.$router.push(path);
}, },
editExpertInfo(){
let that=this
this.axios
.post(this.HOME + "/api/expert/edit-expert-info", this.editData )
.then(function (res) {
console.log(res)
that.checkExperInfo()
})
.catch(function (error) {
console.log(error);
});
},
// 滚动改变样式 // 滚动改变样式
eventScrollTop() { eventScrollTop() {
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; let 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;
@ -438,7 +768,7 @@
this.isScrollTop = false; this.isScrollTop = false;
} }
} }
} },
}, },
destroyed() { destroyed() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);
@ -446,15 +776,14 @@
//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>

178
src/views/consultant/list.vue
View File

@ -1,33 +1,41 @@
<template> <template>
<div class="content my-content"> <div class="content my-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)"><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 class="header-title">列表预览</div> <div class="header-title">列表预览</div>
</div> </div>
<!-- 咨询师列表 --> <!-- 咨询师列表 -->
<div class="expert-list-all section"> <div class="expert-list-all section">
<ul class="expert-list"> <ul class="expert-list">
<li v-for="(item,index) in expertData" :key="index"> <li>
<div class="expert-list-con" @click="goPage('/expert/detail')"> <div class="expert-list-con">
<div class="expert-list-img"><img src="../../assets/images/home/index/expert.png" alt=""></div> <div class="expert-list-img">
<img :src="this.host+userData.avatar" alt="" />
</div>
<div class="expert-list-txt"> <div class="expert-list-txt">
<div class="title"> <div class="title">
<h2>{{item.name}}</h2> <h2>{{ userData.name }}</h2>
<span v-if="item.title">{{item.title}}</span> <span v-if="userData.title">{{ userData.title }}</span>
</div> </div>
<div class="integral"> <div class="integral">
<span>公益积分：{{item.integral}}</span> <span>公益积分：{{ userData.score }}</span>
<span>好评度：{{item.score}}</span> <span>好评度：{{ userData.comment_score }}</span>
</div> </div>
<div class="honor"> <div class="honor">
<span v-for="(itemk,indexk) in item.honor" :key="indexk">{{itemk.title}}</span> <span
v-for="(itemk, indexk) in userData.keywords_list"
:key="indexk"
>{{ itemk }}</span
>
</div> </div>
<div class="slogan">{{item.slogan}}</div> <div class="slogan">{{ userData.summary }}</div>
</div> </div>
</div> </div>
<div class="expert-list-btns"> <div class="expert-list-btns">
<div :class="{'btn':true}">向TA提问</div> <div :class="{ btn: true }">向TA提问</div>
<div class="btn">查看详情</div> <div class="btn">查看详情</div>
</div> </div>
</li> </li>
@ -37,33 +45,126 @@
</template> </template>
<script> <script>
export default { export default {
name: "edit-list", name: "edit-list",
data(){ data() {
return { return {
isScrollTop: false, isScrollTop: false,
isReceive: 1, //是否领取咨询机会 isReceive: 1, //是否领取咨询机会
current: 0, current: 0,
isConfirm: false, isConfirm: false,
userData:{},
expertData: [ 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: "赵晓",
{name:'赵晓',title:'专家咨询师',imgsrc:'../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, title: "金牌咨询师",
{name:'赵晓',title:'专家咨询师',imgsrc:'../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, imgsrc: "../../assets/images/home/index/expert.png",
{name:'赵晓',title:'专家咨询师',imgsrc:'../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, integral: "985",
{name:'赵晓',title:'专家咨询师',imgsrc:'../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'}, score: "8.5",
{name:'赵晓',title:'专家咨询师',imgsrc:'../../assets/images/home/index/expert.png',integral:'985',score:'8.5',honor:[{title:'中科院心理科'},{title:'硕士'},{title:'从业5年'},{title:'熟悉高考'}],slogan:'一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！'} 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: "一所好的大学，是年轻人的家，是他 们度过人生最好时光的地方！",
},
],
};
}, },
created() { created() {
this.isScroll = true; this.isScroll = true;
window.addEventListener("scroll", this.eventScrollTop); window.addEventListener("scroll", this.eventScrollTop);
this.checkExperInfo();
}, },
methods:{ methods: {
eventScrollTop() { eventScrollTop() {
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; let 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;
@ -76,25 +177,40 @@
} }
} }
}, },
goPage(path){ goPage(path) {
this.$router.push(path); this.$router.push(path);
}
}, },
checkExperInfo() {
let that = this;
this.axios
.post(this.HOME + "/api/user/center-info", {})
.then(function (res) {
console.log(res.data.data.expert);
that.userData = res.data.data.expert;
console.log( that.userData);
});
},
},
destroyed() { destroyed() {
window.removeEventListener("scroll", this.eventScrollTop); window.removeEventListener("scroll", this.eventScrollTop);
}, },
//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>
.expert-list>li{
}
.my-content{
padding-top: 1rem;
}
</style> </style>