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

Compare commits

base: tangyi:b8a6e8d322ab172362a44b0ffd67e7ca9013b481
Branches Tags
tangyi:master
...
compare: tangyi:87263db852a591a6b30b9e7e919b7513eac7490a
Branches Tags
tangyi:master

2 Commits
b8a6e8d322 ... 87263db852

Author SHA1 Message Date
tangyi 87263db852 咨询师页面 2022-03-06 16:24:59 +08:00
tangyi 40acce3c13 咨询师页面 2022-03-06 16:22:49 +08:00
2 changed files with 769 additions and 674 deletions
Show Stats Expand all files Collapse all files

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

@ -24,7 +24,9 @@
<div class="personal-photo">
<img v-if="myAvatar" :src="host + myAvatar" />
<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 class="edit-btn">
<input class="inputB" @change="imgIny($event)" type="file" />
@ -90,7 +92,11 @@
<p>服务口号</p>
<div class="personal-txt">
<div class="personal-top">
<textarea class="kh-input" v-model="sloganData" placeholder="请输入服务口号"></textarea>
<textarea
class="kh-input"
v-model="sloganData"
placeholder="请输入服务口号"
></textarea>
</div>
<div @click="sloganDataFun()" class="edit-btn">确认</div>
</div>
@ -100,7 +106,10 @@
<p>个人简介</p>
<div class="personal-txt">
<div class="personal-top">
<textarea v-model="bodyData" placeholder="介绍您最闪光点，不要少于200字，不要多于300字"></textarea>
<textarea
v-model="bodyData"
placeholder="介绍您最闪光点，不要少于200字，不要多于300字"
></textarea>
</div>
<div @click="bodyDataFun()" class="edit-btn">确认</div>
</div>
@ -110,26 +119,45 @@
<p>服务范围补充说明</p>
<div class="personal-txt">
<div class="personal-top">
<textarea v-model="explainData" placeholder="请填写补充说明"></textarea>
<textarea
v-model="explainData"
placeholder="请填写补充说明"
></textarea>
</div>
<div @click="explainDataFun()" class="edit-btn">确认</div>
</div>
</div>
<!-- 请择3个重点服务省域 -->
<div class="personal-item">
<p>请择3个重点服务省域</p>
<div class="personal-txt">
<div class="city-item">
<div>重点服务省域1：</div>
<input type="text" v-model="addRess[0].name" readonly="readonly" @click="openCity1()" />
<input
type="text"
v-model="addRess[0].name"
readonly="readonly"
@click="openCity1()"
/>
</div>
<div class="city-item">
<div>重点服务省域2：</div>
<input type="text" v-model="addRess[1].name" readonly="readonly" @click="openCity2()" />
<input
type="text"
v-model="addRess[1].name"
readonly="readonly"
@click="openCity2()"
/>
</div>
<div class="city-item">
<div>重点服务省域3：</div>
<input type="text" v-model="addRess[2].name" readonly="readonly" @click="openCity3()" />
<input
type="text"
v-model="addRess[2].name"
readonly="readonly"
@click="openCity3()"
/>
</div>
</div>
</div>
@ -139,19 +167,39 @@
<div class="personal-txt">
<div class="price-item">
<div>北京、上海</div>
<input type="text" v-model="priceDataLst[0]" readonly="readonly" @click="openPrice1()" />
<input
type="text"
v-model="priceDataLstARR[0]"
readonly="readonly"
@click="openPrice1()"
/>
</div>
<div class="price-item">
<div>天津、重庆、江苏、浙江、广东、福建</div>
<input type="text" v-model="priceDataLst[1]" readonly="readonly" @click="openPrice2()" />
<input
type="text"
v-model="priceDataLstARR[1]"
readonly="readonly"
@click="openPrice2()"
/>
</div>
<div class="price-item">
<div>辽宁、河北、山东、海南、湖北、湖南</div>
<input type="text" v-model="priceDataLst[2]" readonly="readonly" @click="openPrice3()" />
<input
type="text"
v-model="priceDataLstARR[2]"
readonly="readonly"
@click="openPrice3()"
/>
</div>
<div class="price-item">
<div>其他省域(老高考)</div>
<input type="text" v-model="priceDataLst[3]" readonly="readonly" @click="openPrice4()" />
<input
type="text"
v-model="priceDataLstARR[3]"
readonly="readonly"
@click="openPrice4()"
/>
</div>
<div @click="priceDataLstFun()" class="edit-btn">确认</div>
</div>
@ -163,109 +211,186 @@
<span @click="navdetail()">预览详情页效果</span>
</div>
<!-- 地址弹出框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-btns">
<span>请选择城市</span>
<span @click="isCity1 = !isCity1">取消</span>
</div>
<ul>
<li :class="{ checked: index == cityIndex1 }" @click="getCityValue1(index, item)"
v-for="(item, index) in provinceData" :key="index">
<li
:class="{ checked: addRess[0].name == item.name }"
@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" />
}}<img
v-show=" addRess[0].name == item.name "
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul>
</div>
<!-- 地址弹出框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-btns">
<span>请选择城市</span>
<span @click="isCity2 = !isCity2">取消</span>
</div>
<ul>
<li :class="{ checked: index == cityIndex2 }" @click="getCityValue2(index, item)"
v-for="(item, index) in provinceData" :key="index">
<li
:class="{ checked: addRess[1].name == item.name }"
@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" />
}}<img
v-show="addRess[1].name == item.name"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul>
</div>
<!-- 地址弹出框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-btns">
<span>请选择城市</span>
<span @click="isCity3 = !isCity3">取消</span>
</div>
<ul>
<li :class="{ checked: index == cityIndex3 }" @click="getCityValue3(index, item)"
v-for="(item, index) in provinceData" :key="index">
<li
:class="{ checked: addRess[2].name == item.name }"
@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" />
}}<img
v-show=" addRess[2].name == item.name "
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul>
</div>
<!-- 价格弹出框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-btns">
<span>请选择价格</span>
<span @click="isPrice1 = !isPrice1">取消</span>
</div>
<ul>
<li :class="{ checked: index == priceIndex1 }" @click="getPriceValue1(index, item)"
v-for="(item, index) in priceDataLst" :key="index">
<li
:class="{ checked: priceDataLstARR[0] == item }"
@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" />
}}<img
v-show="priceDataLstARR[0] == item"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul>
</div>
<!-- 价格弹出框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-btns">
<span>请选择价格</span>
<span @click="isPrice2 = !isPrice2">取消</span>
</div>
<ul>
<li :class="{ checked: index == priceIndex2 }" @click="getPriceValue2(index, item)"
v-for="(item, index) in priceDataLst" :key="index">
<li
:class="{ checked:priceDataLstARR[1] == item }"
@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" />
}}<img
v-show="priceDataLstARR[1] == item"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul>
</div>
<!-- 价格弹出框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-btns">
<span>请选择价格</span>
<span @click="isPrice3 = !isPrice3">取消</span>
</div>
<ul>
<li :class="{ checked: index == priceIndex3 }" @click="getPriceValue3(index, item)"
v-for="(item, index) in priceDataLst" :key="index">
<li
:class="{ checked: priceDataLstARR[2] == item }"
@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" />
}}<img
v-show=" priceDataLstARR[2] == item"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul>
</div>
<!-- 价格弹出框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-btns">
<span>请选择价格</span>
<span @click="isPrice4 = !isPrice4">取消</span>
</div>
<ul>
<li :class="{ checked: index == priceIndex4 }" @click="getPriceValue4(index, item)"
v-for="(item, index) in priceDataLst" :key="index">
<li
:class="{ checked: priceDataLstARR[3] == item }"
@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" />
}}<img
v-show=" priceDataLstARR[3] == item"
src="../../assets/images/home/expert/yes.png"
/>
</li>
</ul>
</div>
@ -273,7 +398,7 @@
</template>
<script>
export default {
export default {
name: "edit",
data() {
return {
@ -284,6 +409,7 @@
Characteristics: [],
bodyData: "",
explainData: "",
priceDataLstARR:[],
editData: {
avatar: "",
keywords: "",
@ -298,6 +424,7 @@
price_area_c: "",
price_area_other: "",
},
isCity1: false, //城市列表是否显示
provinceData: [],
cityIndex1: 0,
@ -306,70 +433,37 @@
isCity2: false, //城市列表是否显示
cityIndex2: 0,
cityValue2: "", //选择城市编号
isCity3: false, //城市列表是否显示
cityIndex3: 0,
cityValue3: "", //选择城市编号
addRess: [],
// 价格区间
priceDataLst: [],
priceData: [{
title: "3980"
},
{
title: "4980"
},
{
title: "5980"
},
{
title: "6980"
},
{
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"
},
priceData: [
{ title: "3980" },
{ title: "4980" },
{ title: "5980" },
{ title: "6980" },
{ 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, //价格列表是否显示
priceIndex1: 0,
priceValue1: "", //选择价格值
isPrice2: false, //价格列表是否显示
priceIndex2: 0,
priceValue2: "", //选择价格值
@ -382,6 +476,7 @@
priceIndex4: 0,
priceValue4: "", //选择价格值
handImg: "", //头像
myAvatar: "",
};
},
@ -392,7 +487,7 @@
mounted() {
this.checkExperInfo();
this.getAddrData();
this.getPricerData()
this.getPricerData();
},
methods: {
navdetail() {
@ -412,49 +507,46 @@
});
},
priceDataLstFun() {
this.editData.service_area_main = ""
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.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()
console.log( this.editData.service_area_main )
this.editData.price_area_a = this.priceDataLstARR[0];
this.editData.price_area_b = this.priceDataLstARR[1];
this.editData.price_area_c = this.priceDataLstARR[2];
this.editData.price_area_other = this.priceDataLstARR[3];
this.editExpertInfo();
},
explainDataFun() {
this.editData.service_area_text = this.explainData
this.editExpertInfo()
this.editData.service_area_text = this.explainData;
this.editExpertInfo();
},
bodyDataFun() {
this.editData.summary = this.bodyData
this.editExpertInfo()
this.editData.summary = this.bodyData;
this.editExpertInfo();
},
sloganDataFun() {
this.editData.slogan = this.sloganData
this.editExpertInfo()
this.editData.slogan = this.sloganData;
this.editExpertInfo();
},
CharacteristicsFun() {
console.log(this.Characteristics);
this.editData.keywords = ""
this.editData.keywords = "";
for (let index = 0; index < this.Characteristics.length; index++) {
this.editData.keywords += this.Characteristics[index] + ","
this.editData.keywords += this.Characteristics[index] + ",";
}
this.editExpertInfo()
console.log(this.editData.keywords, "123")
this.editExpertInfo();
console.log(this.editData.keywords, "123");
},
ModifyData() {
this.axios
.post(this.HOME + "/api/expert/edit-expert-info")
.then(function() {})
.catch(function(error) {
.then(function () {})
.catch(function (error) {
console.log(error);
});
},
@ -464,9 +556,9 @@
.post(this.HOME + "/api/expert/service-price-list", {
pcode: 86,
})
.then(function(res) {
.then(function (res) {
console.log(res.data.data, "------");
that.priceDataLst = res.data.data
that.priceDataLst = res.data.data;
});
},
getAddrData() {
@ -475,7 +567,7 @@
.post(this.HOME + "/api/area/index", {
pcode: 86,
})
.then(function(res) {
.then(function (res) {
console.log(res);
that.provinceData = res.data.data;
console.log(that.provinceData);
@ -509,12 +601,12 @@
"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.editExpertInfo()
that.editExpertInfo();
})
.catch(function(error) {
.catch(function (error) {
console.log(error);
});
},
@ -523,9 +615,9 @@
this.isCity1 = !this.isCity1;
},
getCityValue1(index, item) {
console.log(item)
this.addRess[0].code = item.code
this.addRess[0].name = item.name
console.log(item);
this.addRess[0].code = item.code;
this.addRess[0].name = item.name;
this.cityValue1 = item.title;
this.cityIndex1 = index;
this.isCity1 = false;
@ -535,8 +627,8 @@
this.isCity2 = !this.isCity2;
},
getCityValue2(index, item) {
this.addRess[1].code = item.code
this.addRess[1].name = item.name
this.addRess[1].code = item.code;
this.addRess[1].name = item.name;
this.cityValue2 = item.title;
this.cityIndex2 = index;
this.isCity2 = false;
@ -545,8 +637,8 @@
this.isCity3 = !this.isCity3;
},
getCityValue3(index, item) {
this.addRess[2].code = item.code
this.addRess[2].name = item.name
this.addRess[2].code = item.code;
this.addRess[2].name = item.name;
this.cityValue3 = item.title;
this.cityIndex3 = index;
this.isCity3 = false;
@ -556,8 +648,8 @@
this.isPrice1 = !this.isPrice1;
},
getPriceValue1(index, item) {
console.log(this.priceDataLst)
this.priceDataLst[0] = item
console.log(this.priceDataLst);
this.priceDataLstARR[0] = item;
this.priceValue1 = item.title;
this.priceIndex1 = index;
this.isPrice1 = false;
@ -566,7 +658,7 @@
this.isPrice2 = !this.isPrice2;
},
getPriceValue2(index, item) {
this.priceDataLst[1] = item
this.priceDataLstARR[1] = item;
this.priceValue2 = item.title;
this.priceIndex2 = index;
this.isPrice2 = false;
@ -575,7 +667,7 @@
this.isPrice3 = !this.isPrice3;
},
getPriceValue3(index, item) {
this.priceDataLst[2] = item
this.priceDataLstARR[2] = item;
this.priceValue3 = item.title;
this.priceIndex3 = index;
this.isPrice3 = false;
@ -584,8 +676,8 @@
this.isPrice4 = !this.isPrice4;
},
getPriceValue4(index, item) {
this.priceDataLst[3] = item
console.log(this.priceDataLst)
this.priceDataLstARR[3] = item;
console.log(this.priceDataLst);
this.priceValue4 = item.title;
this.priceIndex4 = index;
this.isPrice4 = false;
@ -596,12 +688,12 @@
let that = this;
this.axios
.post(this.HOME + "/api/user/center-info", {})
.then(function(res) {
.then(function (res) {
console.log(res.data.data.expert);
let newArray = res.data.data.expert;
that.id = newArray.id
that.id = newArray.id;
that.editData = {
(that.editData = {
avatar: newArray.avatar,
keywords: newArray.keywords,
slogan: newArray.slogan,
@ -614,10 +706,8 @@
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.tags_text = newArray.tags_text;
that.sloganData = newArray.slogan;
@ -626,6 +716,10 @@
that.Characteristics = res.data.data.expert.keywords.split(",");
that.addressData = res.data.data.expert.service_area_main.split(",");
that.priceDataLstARR[0]=newArray.price_area_a,
that.priceDataLstARR[1]=newArray.price_area_b,
that.priceDataLstARR[2]=newArray.price_area_c,
that.priceDataLstARR[3]=newArray.price_area_other,
that.addRess = res.data.data.expert.service_area_main_list;
if (that.addRess.length < 3) {
@ -645,16 +739,15 @@
this.$router.push(path);
},
editExpertInfo() {
let that = this
let that = this;
this.axios
.post(this.HOME + "/api/expert/edit-expert-info", this.editData)
.then(function(res) {
console.log(res)
that.checkExperInfo()
.then(function (res) {
console.log(res);
that.checkExperInfo();
})
.catch(function(error) {
.catch(function (error) {
console.log(error);
});
},
@ -687,7 +780,7 @@
deactivated() {
window.removeEventListener("scroll", this.eventScrollTop);
},
};
};
</script>
<style scoped>

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

@ -256,7 +256,9 @@
</script>
<style scoped>
.expert-list {
margin-top: 1.2rem;
}
.expert-list>li{
}
.my-content{
padding-top: 1rem;
}
</style>