h5端完成
parent
1d674009d2
commit
519f4a8687
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 2.9 KiB |
69
src/App.vue
69
src/App.vue
|
|
@ -6,7 +6,18 @@
|
|||
|
||||
<style>
|
||||
/* 引入字体 */
|
||||
|
||||
@font-face {
|
||||
font-family: 'PingFangSC';
|
||||
src: url('./assets/css/common/PingFangSC-Semibold.otf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Fzcs-Gbk';
|
||||
src: url('./assets/css/common/Fzcs-Gbk.ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -911,16 +922,17 @@ textarea {
|
|||
|
||||
/* 弹窗 */
|
||||
.my-confirm-bg{
|
||||
width: 100%;
|
||||
width: 100vw;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,.5);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 998;
|
||||
}
|
||||
.my-confirm{
|
||||
width: 5rem;
|
||||
padding: .4rem .5rem;
|
||||
width: 4rem;
|
||||
padding: .4rem .3rem;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: .3rem;
|
||||
box-shadow: 0 0 .13rem rgba(29,47,67,.1);
|
||||
|
|
@ -933,25 +945,26 @@ textarea {
|
|||
.my-confirm>p{
|
||||
font-size: .28rem;
|
||||
line-height: 1.5;
|
||||
text-align: justify;
|
||||
text-align: center;
|
||||
}
|
||||
.confirm-btns{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
margin-top: .4rem;
|
||||
}
|
||||
.confirm-btns>span{
|
||||
width: 1.4rem;
|
||||
width: 1.6rem;
|
||||
line-height: .5rem;
|
||||
border-radius: .25rem;
|
||||
background-color: #333fc9;
|
||||
border: .02rem solid #333fc9;
|
||||
background-color: #FFFFFF;
|
||||
font-size: .26rem;
|
||||
color: #FFFFFF;
|
||||
color: #333fc9;
|
||||
text-align: center;
|
||||
margin: 0 .15rem;
|
||||
}
|
||||
.confirm-btns>span:first-child{
|
||||
background-color: #ff7716;
|
||||
background-color: #333fc9;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 咨询师详情页 */
|
||||
|
|
@ -1684,6 +1697,7 @@ textarea::-webkit-input-placeholder{
|
|||
height: 0;
|
||||
padding: 0 .3rem;
|
||||
background-color: #FFFFFF;
|
||||
margin-top: .02rem;
|
||||
margin-bottom: .48rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
@ -1693,6 +1707,12 @@ textarea::-webkit-input-placeholder{
|
|||
align-items: center;
|
||||
height: .7rem;
|
||||
}
|
||||
.report-list>li:first-child{
|
||||
margin-top: .15rem;
|
||||
}
|
||||
.report-list>li:last-child{
|
||||
margin-bottom: .15rem;
|
||||
}
|
||||
.report-list>li p{
|
||||
width: calc(100% - 2.2rem);
|
||||
font-size: .28rem;
|
||||
|
|
@ -1707,8 +1727,6 @@ textarea::-webkit-input-placeholder{
|
|||
color: #999999;
|
||||
}
|
||||
.report-list.open{
|
||||
margin-top: .02rem;
|
||||
padding: .15rem .3rem;
|
||||
height: auto;
|
||||
}
|
||||
.feedback-btn{
|
||||
|
|
@ -2231,7 +2249,9 @@ textarea::-webkit-input-placeholder{
|
|||
.edit-btn{
|
||||
width: 1.5rem;
|
||||
height: .6rem;
|
||||
border: .02rem solid #3844ce;
|
||||
background-color: #3844ce;
|
||||
color: #FFFFFF;
|
||||
font-size: .3rem;
|
||||
line-height: .6rem;
|
||||
border-radius: .1rem;
|
||||
|
|
@ -2250,6 +2270,10 @@ textarea::-webkit-input-placeholder{
|
|||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-btn-other{
|
||||
background-color: #FFFFFF;
|
||||
color: #3844ce;
|
||||
}
|
||||
.personal-item .left{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
|
@ -2338,4 +2362,23 @@ textarea::-webkit-input-placeholder{
|
|||
.bottom-box{
|
||||
margin-bottom: 1.3rem;
|
||||
}
|
||||
|
||||
|
||||
/* 提示框 */
|
||||
.toast{
|
||||
width: 3rem;
|
||||
padding: .2rem .25rem;
|
||||
background-color: rgba(255,255,255,.8);
|
||||
color: #333333;
|
||||
border-radius: .1rem;
|
||||
font-size: .28rem;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
18
src/main.js
18
src/main.js
|
|
@ -8,7 +8,7 @@ import router from './router'
|
|||
Vue.prototype.host = 'https://ypzy.emingren.com'
|
||||
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 (!localStorage.userData) {
|
||||
|
|
@ -18,11 +18,21 @@ axios.interceptors.request.use(config => {
|
|||
config.headers.Authorization = "Bearer " + JSON.parse(localStorage.userData).token
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
return 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)
|
||||
// });
|
||||
|
||||
|
||||
Vue.use(VueAxios, axios)
|
||||
new Vue({
|
||||
router,
|
||||
|
|
|
|||
|
|
@ -24,9 +24,7 @@
|
|||
<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" />
|
||||
|
|
@ -40,12 +38,13 @@
|
|||
<div class="left">
|
||||
<div class="personal-txt">
|
||||
<!-- 文本显示 -->
|
||||
<!-- <span>硕士</span> -->
|
||||
<span v-if="noClick1" @click="noClick1=!noClick1">{{Characteristics[0]}}</span>
|
||||
<!-- 输入框 -->
|
||||
<input v-model="Characteristics[0]" class="personal-input" />
|
||||
<input v-else v-model="Characteristics[0]" class="personal-input" />
|
||||
</div>
|
||||
<!-- 按钮事件 -->
|
||||
<div @click="CharacteristicsFun()" class="edit-btn">确认</div>
|
||||
<div v-if="noClick1" @click="noClick1=!noClick1" class="edit-btn edit-btn-other">修改</div>
|
||||
<div v-else @click="CharacteristicsFun(1)" class="edit-btn">确认</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="personal-item">
|
||||
|
|
@ -53,12 +52,13 @@
|
|||
<div class="left">
|
||||
<div class="personal-txt">
|
||||
<!-- 文本显示 -->
|
||||
<!-- <span>硕士</span> -->
|
||||
<span v-if="noClick2" @click="noClick2=!noClick2">{{Characteristics[1]}}</span>
|
||||
<!-- 输入框 -->
|
||||
<input v-model="Characteristics[1]" class="personal-input" />
|
||||
<input v-else v-model="Characteristics[1]" class="personal-input" />
|
||||
</div>
|
||||
<!-- 按钮事件 -->
|
||||
<div @click="CharacteristicsFun()" class="edit-btn">确认</div>
|
||||
<div v-if="noClick2" @click="noClick2=!noClick2" class="edit-btn edit-btn-other">修改</div>
|
||||
<div v-else @click="CharacteristicsFun(2)" class="edit-btn">确认</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="personal-item">
|
||||
|
|
@ -66,12 +66,13 @@
|
|||
<div class="left">
|
||||
<div class="personal-txt">
|
||||
<!-- 文本显示 -->
|
||||
<!-- <span>硕士</span> -->
|
||||
<span v-if="noClick3" @click="noClick3=!noClick3">{{Characteristics[3]}}</span>
|
||||
<!-- 输入框 -->
|
||||
<input v-model="Characteristics[2]" class="personal-input" />
|
||||
<input v-else v-model="Characteristics[2]" class="personal-input" />
|
||||
</div>
|
||||
<!-- 按钮事件 -->
|
||||
<div @click="CharacteristicsFun()" class="edit-btn">确认</div>
|
||||
<div v-if="noClick3" @click="noClick3=!noClick3" class="edit-btn edit-btn-other">修改</div>
|
||||
<div v-else @click="CharacteristicsFun(3)" class="edit-btn">确认</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="personal-item">
|
||||
|
|
@ -79,12 +80,13 @@
|
|||
<div class="left">
|
||||
<div class="personal-txt">
|
||||
<!-- 文本显示 -->
|
||||
<!-- <span>硕士</span> -->
|
||||
<span v-if="noClick4" @click="noClick4=!noClick4">{{Characteristics[3]}}</span>
|
||||
<!-- 输入框 -->
|
||||
<input v-model="Characteristics[3]" class="personal-input" />
|
||||
<input v-else v-model="Characteristics[3]" class="personal-input" />
|
||||
</div>
|
||||
<!-- 按钮事件 -->
|
||||
<div @click="CharacteristicsFun()" class="edit-btn">确认</div>
|
||||
<div v-if="noClick4" @click="noClick4=!noClick4" class="edit-btn edit-btn-other">修改</div>
|
||||
<div v-else @click="CharacteristicsFun(4)" class="edit-btn">确认</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 服务口号 -->
|
||||
|
|
@ -92,11 +94,8 @@
|
|||
<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>
|
||||
|
|
@ -106,10 +105,8 @@
|
|||
<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>
|
||||
|
|
@ -119,10 +116,7 @@
|
|||
<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>
|
||||
|
|
@ -134,30 +128,15 @@
|
|||
<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>
|
||||
|
|
@ -167,39 +146,19 @@
|
|||
<div class="personal-txt">
|
||||
<div class="price-item">
|
||||
<div>北京、上海</div>
|
||||
<input
|
||||
type="text"
|
||||
v-model="priceDataLstARR[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="priceDataLstARR[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="priceDataLstARR[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="priceDataLstARR[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>
|
||||
|
|
@ -211,186 +170,109 @@
|
|||
<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: addRess[0].name == item.name }"
|
||||
@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=" addRess[0].name == item.name "
|
||||
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: addRess[1].name == item.name }"
|
||||
@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="addRess[1].name == item.name"
|
||||
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: addRess[2].name == item.name }"
|
||||
@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=" addRess[2].name == item.name "
|
||||
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: priceDataLstARR[0] == item }"
|
||||
@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="priceDataLstARR[0] == item"
|
||||
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:priceDataLstARR[1] == item }"
|
||||
@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="priceDataLstARR[1] == item"
|
||||
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: priceDataLstARR[2] == item }"
|
||||
@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=" priceDataLstARR[2] == item"
|
||||
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: priceDataLstARR[3] == item }"
|
||||
@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=" priceDataLstARR[3] == item"
|
||||
src="../../assets/images/home/expert/yes.png"
|
||||
/>
|
||||
}}<img v-show=" priceDataLstARR[3] == item" src="../../assets/images/home/expert/yes.png" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -403,7 +285,12 @@ export default {
|
|||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
name: "",
|
||||
|
||||
noClick1:true, //能否编辑
|
||||
noClick2:true, //能否编辑
|
||||
noClick3:true, //能否编辑
|
||||
noClick4:true, //能否编辑
|
||||
|
||||
tags_text: "",
|
||||
sloganData: "",
|
||||
Characteristics: [],
|
||||
|
|
@ -440,26 +327,7 @@ export default {
|
|||
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: [],
|
||||
isPrice1: false, //价格列表是否显示
|
||||
priceIndex1: 0,
|
||||
priceValue1: "", //选择价格值
|
||||
|
|
@ -531,16 +399,29 @@ export default {
|
|||
},
|
||||
sloganDataFun() {
|
||||
this.editData.slogan = this.sloganData;
|
||||
this.noClick5 = !this.noClick5;
|
||||
this.editExpertInfo();
|
||||
},
|
||||
CharacteristicsFun() {
|
||||
CharacteristicsFun(editIdex) {
|
||||
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");
|
||||
if(editIdex == 1){
|
||||
this.noClick1 = !this.noClick1
|
||||
}else if(editIdex == 2){
|
||||
this.noClick2 = !this.noClick2
|
||||
}
|
||||
else if(editIdex == 3){
|
||||
this.noClick3 = !this.noClick3
|
||||
}
|
||||
else if(editIdex == 4){
|
||||
this.noClick4 = !this.noClick4
|
||||
}
|
||||
},
|
||||
ModifyData() {
|
||||
this.axios
|
||||
|
|
@ -739,6 +620,7 @@ export default {
|
|||
this.$router.push(path);
|
||||
},
|
||||
|
||||
// 修改咨询师信息
|
||||
editExpertInfo() {
|
||||
let that = this;
|
||||
this.axios
|
||||
|
|
@ -746,6 +628,7 @@ export default {
|
|||
.then(function(res) {
|
||||
console.log(res);
|
||||
that.checkExperInfo();
|
||||
this.$router.push('/consultant');
|
||||
})
|
||||
.catch(function(error) {
|
||||
console.log(error);
|
||||
|
|
|
|||
|
|
@ -256,9 +256,7 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.expert-list>li{
|
||||
}
|
||||
.my-content{
|
||||
padding-top: 1rem;
|
||||
.expert-list{
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -150,6 +150,7 @@
|
|||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.consult_amount = (JSON.parse(localStorage.getItem("centerUserData"))).consult_amount;
|
||||
console.log(this.consult_amount,3636)
|
||||
},
|
||||
mounted() {
|
||||
this.getBanner();
|
||||
|
|
|
|||
|
|
@ -70,8 +70,8 @@
|
|||
<!-- 手机验证弹窗 -->
|
||||
<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">
|
||||
<p>{{ tipsMsg }}</p>
|
||||
<div class="confirm-btns confirm-btns-one">
|
||||
<span @click="openPhoneTips = false">确认</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -84,6 +84,7 @@
|
|||
data() {
|
||||
return {
|
||||
isScrollTop: false,
|
||||
tipsMsg: '',
|
||||
mode: 1, //登录方式
|
||||
openAgreement: false, //阅读协议弹窗
|
||||
isAgreement: true, //阅读协议状态
|
||||
|
|
@ -128,14 +129,14 @@
|
|||
// 手机号登录
|
||||
phoneLogin() {
|
||||
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}$/;
|
||||
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 == "") {
|
||||
alert("请填写您的手机号码！");
|
||||
|
||||
this.openPhoneTips = true;
|
||||
this.tipsMsg = '请填写您的手机号码！'
|
||||
return false;
|
||||
} else if (!reg_tel.test(this.phoneNumber)) {
|
||||
alert("请正确填写您的手机号码！");
|
||||
this.openPhoneTips = true;
|
||||
this.tipsMsg = '请正确填写您的手机号码！'
|
||||
return false;
|
||||
}
|
||||
this.axios
|
||||
|
|
@ -202,4 +203,7 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.confirm-btns-one{
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -62,6 +62,7 @@
|
|||
created() {
|
||||
this.isScroll = true;
|
||||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
|
||||
this.phoneData = this.$route.query.phone
|
||||
const TIME_COUNT = 60;
|
||||
if (!this.timer) {
|
||||
|
|
@ -100,10 +101,15 @@
|
|||
sms_code: this.value,
|
||||
})
|
||||
.then(function(res) {
|
||||
console.log(res.data,252525)
|
||||
localStorage.userData = JSON.stringify(res.data.data);
|
||||
if (res.data.code == 0) {
|
||||
that.getUserData();
|
||||
that.goPages();
|
||||
if(res.data.data.userType == 1){
|
||||
that.$router.push('/consultant');
|
||||
}else{
|
||||
that.$router.push('/index');
|
||||
}
|
||||
} else {
|
||||
window.alert(res.msg);
|
||||
}
|
||||
|
|
@ -113,21 +119,6 @@
|
|||
});
|
||||
},
|
||||
|
||||
// 跳转页面
|
||||
goPages(){
|
||||
this.userType = (JSON.parse(localStorage.getItem("centerUserData"))).type;
|
||||
console.log(this.userType,2525)
|
||||
if(this.userType == 1){
|
||||
this.$router.push({
|
||||
path: "/consultant",
|
||||
});
|
||||
}else{
|
||||
this.$router.push({
|
||||
path: "/index",
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
handleSubmit() {
|
||||
this.$emit("input", this.value);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -13,6 +13,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<div @click="btnFeedback()" class="bind-btn">提交</div>
|
||||
|
||||
<!-- 提示框 -->
|
||||
<div class="addr-select-bg" v-show="isToast"></div>
|
||||
<div class="toast" v-show="isToast">
|
||||
<p>{{toastText}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -23,6 +29,8 @@
|
|||
return {
|
||||
isScrollTop: false,
|
||||
content: "",
|
||||
isToast: false,
|
||||
toastText: ''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
|
@ -34,6 +42,11 @@
|
|||
methods: {
|
||||
btnFeedback() {
|
||||
if (this.content == "") {
|
||||
this.toastText = '反馈内容不能为空',
|
||||
this.isToast = true,
|
||||
setTimeout(()=> {
|
||||
this.isToast = false
|
||||
}, 1000)
|
||||
return;
|
||||
}
|
||||
this.axios
|
||||
|
|
@ -43,10 +56,15 @@
|
|||
},
|
||||
)
|
||||
.then(function(res) {
|
||||
window.alert(res.data.msg)
|
||||
this.toastText = res.data.msg,
|
||||
this.isToast = true,
|
||||
setTimeout(()=> {
|
||||
this.isToast = false
|
||||
}, 1000)
|
||||
this.$router.push('/ucenter');
|
||||
})
|
||||
.catch(function(error) {
|
||||
console.log(error);
|
||||
.catch(function(err) {
|
||||
window.alert(err.data.msg)
|
||||
});
|
||||
},
|
||||
// 滚动改变样式
|
||||
|
|
|
|||
|
|
@ -24,6 +24,11 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="bind-btn" @click="setInfo()">提交</div>
|
||||
<!-- 提示框 -->
|
||||
<div class="addr-select-bg" v-show="isToast"></div>
|
||||
<div class="toast" v-show="isToast">
|
||||
<p>{{toastText}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -35,7 +40,9 @@
|
|||
isScrollTop: false,
|
||||
myAvatar: '',
|
||||
nickName:'',
|
||||
userDataAll:[]
|
||||
userDataAll:[],
|
||||
isToast:false,
|
||||
toastText:''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
|
@ -81,8 +88,12 @@
|
|||
})
|
||||
.then(function(res) {
|
||||
that.getUserData();
|
||||
that.toastText = res.data.msg,
|
||||
that.isToast = true,
|
||||
setTimeout(()=> {
|
||||
that.isToast = false;
|
||||
that.$router.push('/ucenter');
|
||||
console.log(res)
|
||||
}, 1000)
|
||||
});
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -125,6 +125,12 @@
|
|||
<img @click="goPage('/expert')" src="../../../assets/images/user/seekcard.png">
|
||||
<img @click="closeEV()" src="../../../assets/images/user/close.png">
|
||||
</div>
|
||||
|
||||
<!-- 提示框 -->
|
||||
<div class="addr-select-bg" v-show="isToast"></div>
|
||||
<div class="toast" v-show="isToast">
|
||||
<p>{{toastText}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -135,6 +141,9 @@
|
|||
return {
|
||||
isScrollTop: false,
|
||||
|
||||
isToast: false, //是否显示提示框
|
||||
toastText:'', //提示内容
|
||||
|
||||
addrArray: [], //城市名称列表
|
||||
addrData: [], //考籍列表
|
||||
addrIndex: 0,
|
||||
|
|
@ -333,7 +342,11 @@
|
|||
.subject_radio_group_list[0].indexOf(item) > -1)
|
||||
if (limitSubid != -1 && date != -1) {
|
||||
// 待提交科目数组id存在限制科目的id
|
||||
console.log('选择科目冲突');
|
||||
this.toastText = '选择科目冲突',
|
||||
this.isToast = true,
|
||||
setTimeout(()=> {
|
||||
this.isToast = false
|
||||
}, 1000)
|
||||
} else {
|
||||
// 待提交科目数组id不存在限制科目的id
|
||||
this.subjectArray[index].isActive = !this.subjectArray[index].isActive;
|
||||
|
|
@ -355,12 +368,15 @@
|
|||
this.temporaryCode.splice(existSubid, 1);
|
||||
this.subjectArray[existsubIndex].isActive = false;
|
||||
} else {
|
||||
console.log('提示框：xxxx');
|
||||
this.toastText = '最多选择'+this.addrData[this.addrIndex].subject_max+'科',
|
||||
this.isToast = true,
|
||||
setTimeout(()=> {
|
||||
this.isToast = false
|
||||
}, 1000)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 单选
|
||||
|
||||
// 清空暂存编号
|
||||
this.temporaryCode = [];
|
||||
// 取消所有选中项
|
||||
|
|
@ -383,8 +399,18 @@
|
|||
// 获取考生信息
|
||||
setStudentInfo() {
|
||||
let that = this;
|
||||
if (that.temporaryCode.length != that.addrData[that.addrIndex].subject_max) {
|
||||
console.log('弹框提示，必须选择多少个科目');
|
||||
if(that.studentName == ''){
|
||||
this.toastText = '姓名不能为空',
|
||||
this.isToast = true,
|
||||
setTimeout(()=> {
|
||||
this.isToast = false
|
||||
}, 1000)
|
||||
}else if (that.temporaryCode.length != that.addrData[that.addrIndex].subject_max) {
|
||||
this.toastText = '必须选择'+this.addrData[this.addrIndex].subject_max+'科',
|
||||
this.isToast = true,
|
||||
setTimeout(()=> {
|
||||
this.isToast = false
|
||||
}, 1000)
|
||||
} else {
|
||||
let that = this;
|
||||
this.axios
|
||||
|
|
|
|||
|
|
@ -18,15 +18,15 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 免费咨询卡 -->
|
||||
<div class="user-receive" @click="toPage()" v-if="isUse == 0">
|
||||
<div class="user-receive" @click="toPage()" v-if="!isExpire">
|
||||
<img src="../../../assets/images/user/card.png" />
|
||||
<div class="receive-txt">
|
||||
<span class="use-btn" v-if="isReceive == 1">立即使用</span>
|
||||
<span class="receive-btn" v-if="isReceive == 0">立即领取</span>
|
||||
<p>有效期：2022.2.1-2022.2.15</p>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line" v-if="isReceive == 1"></div>
|
||||
<div class="line" v-if="consult_amount == 1"></div>
|
||||
<ul class="student-information">
|
||||
<li v-if="userData.mobile">
|
||||
<span><img src="../../../assets/images/user/icon-phone.png" /></span>
|
||||
|
|
@ -80,9 +80,10 @@
|
|||
centerUserData: {
|
||||
mobile: "",
|
||||
},
|
||||
isExpire: false, //是否失效
|
||||
consult_amount: 0,
|
||||
reportData: [],
|
||||
isScrollTop: false,
|
||||
isReceive: 1, //是否领取咨询机会
|
||||
isUse: 0, //是否使用
|
||||
isOpen: false,
|
||||
userData: {
|
||||
|
|
@ -108,6 +109,9 @@
|
|||
update_time: "",
|
||||
user_code: "",
|
||||
},
|
||||
student_first_complete:'' ,//领取咨询卡时间
|
||||
startTime: '', //有效期开始时间
|
||||
endTime: '', //有效期结束
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
|
@ -115,8 +119,13 @@
|
|||
window.addEventListener("scroll", this.eventScrollTop);
|
||||
this.getUserData();
|
||||
this.getevaluationList()
|
||||
this.consult_amount = (JSON.parse(localStorage.getItem("centerUserData"))).consult_amount;
|
||||
},
|
||||
mounted() {
|
||||
this.getDate();
|
||||
},
|
||||
methods: {
|
||||
|
||||
// 获取报告列表
|
||||
getevaluationList() {
|
||||
let that = this
|
||||
|
|
@ -132,9 +141,9 @@
|
|||
|
||||
// 判断跳转方式
|
||||
toPage() {
|
||||
if (this.isReceive == 1) {
|
||||
if (this.consult_amount == 1) {
|
||||
this.$router.push("/expert");
|
||||
} else if (this.isReceive == 0) {
|
||||
} else if (this.consult_amount == 0) {
|
||||
this.$router.push("/information");
|
||||
} else {
|
||||
return false;
|
||||
|
|
@ -165,6 +174,25 @@
|
|||
});
|
||||
},
|
||||
|
||||
// 获取有效时期
|
||||
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(); //有效期开始时间
|
||||
|
||||
let date1 = new Date(starTime.replace(/-/g, '/'));
|
||||
date1.setDate(date.getDate()+7);
|
||||
this.endTime = date1.getFullYear()+"."+(date1.getMonth()+1)+"."+date1.getDate(); //有效期结束时间
|
||||
|
||||
// 获取当前时间
|
||||
let date2 = new Date();
|
||||
if(date1.setDate(date.getDate()+7) <= date2.setDate(date.getDate())){
|
||||
this.isExpire = true;
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
// 退出登录
|
||||
outLogin(){
|
||||
localStorage.clear();
|
||||
|
|
|
|||
Loading…
Reference in New Issue