修改轮播、医生详情-擅长领域、专属客服
parent
989a8f0270
commit
1b930500e5
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view v-if="isDot" class="banner-box">
|
<view v-if="isDot" class="banner-box">
|
||||||
<swiper :current="bcurrent" @change="changeBanner" :style="{height: newHeight+'px'}" :autoplay="true" :circular="true" :interval="3000" :duration="500">
|
<swiper :current="bcurrent" @change="changeBanner" :style="{height: newHeight+'px'}" :autoplay="isplay" :circular="true" :interval="3000" :duration="500">
|
||||||
<swiper-item v-for="(item,index) in bannerList" :key="index">
|
<swiper-item v-for="(item,index) in bannerList" :key="index">
|
||||||
<view @tap="chooseImg(index)" class="posir">
|
<view @tap="chooseImg(index)" class="posir">
|
||||||
<image :style="{borderRadius:newRadius+'px',height:newHeight+'px'}" class="img" :src="item.imgSrc" mode="aspectFill"></image>
|
<image :style="{borderRadius:newRadius+'px',height:newHeight+'px'}" class="img" :src="item.imgSrc" mode="aspectFill"></image>
|
||||||
|
@ -21,6 +21,10 @@
|
||||||
export default {
|
export default {
|
||||||
name:"swiper-pu",
|
name:"swiper-pu",
|
||||||
props:{
|
props:{
|
||||||
|
isplay:{
|
||||||
|
type:Boolean,
|
||||||
|
default:false
|
||||||
|
},
|
||||||
isDot:{//是否显示指示点
|
isDot:{//是否显示指示点
|
||||||
type:Boolean,
|
type:Boolean,
|
||||||
default:true
|
default:true
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
<!-- 热门推荐 -->
|
<!-- 热门推荐 -->
|
||||||
<template v-if="ccurrent==0">
|
<template v-if="ccurrent==0">
|
||||||
<!-- 自定义轮播 -->
|
<!-- 自定义轮播 -->
|
||||||
<swiper-pu :bannerList="bannerList" :newHeight="'154'" :newRadius="'10'" :newBottom="'10'"></swiper-pu>
|
<swiper-pu :bannerList="bannerList" :isplay="isAutoPlay" :newHeight="'154'" :newRadius="'10'" :newBottom="'10'"></swiper-pu>
|
||||||
<!-- 自定义二级分类 -->
|
<!-- 自定义二级分类 -->
|
||||||
<view class="mar-x20 mar-s40">
|
<view class="mar-x20 mar-s40">
|
||||||
<cate-pu :newCurrent="newCurrent*1" :activeb="publicColor" @choosecateEv="chooseTwo" :newcateList="cateListTwo"></cate-pu>
|
<cate-pu :newCurrent="newCurrent*1" :activeb="publicColor" @choosecateEv="chooseTwo" :newcateList="cateListTwo"></cate-pu>
|
||||||
|
@ -176,7 +176,8 @@
|
||||||
zanArr:[],
|
zanArr:[],
|
||||||
dataShopList:[],
|
dataShopList:[],
|
||||||
timeList:[],
|
timeList:[],
|
||||||
isHot:false
|
isHot:false,
|
||||||
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
|
@ -193,6 +194,12 @@
|
||||||
this.isZanw = false
|
this.isZanw = false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.checkBZ()//调用病种列表事件
|
this.checkBZ()//调用病种列表事件
|
||||||
let maiOjb = {
|
let maiOjb = {
|
||||||
|
@ -208,6 +215,7 @@
|
||||||
this.$toolAll.tools.isLogin()
|
this.$toolAll.tools.isLogin()
|
||||||
// console.log(this.category_id);
|
// console.log(this.category_id);
|
||||||
if(this.category_id!='') this.checkCate(this.category_id)//调用左侧列表点击事件
|
if(this.category_id!='') this.checkCate(this.category_id)//调用左侧列表点击事件
|
||||||
|
this.isAutoPlay = true;
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
checkSwi(){
|
checkSwi(){
|
||||||
|
|
|
@ -126,15 +126,17 @@
|
||||||
</view>
|
</view>
|
||||||
<!-- 专属客服 -->
|
<!-- 专属客服 -->
|
||||||
<view v-if="zCustomer" class="posAll disjcac">
|
<view v-if="zCustomer" class="posAll disjcac">
|
||||||
<view>
|
<view style="width: 80%;">
|
||||||
<view class="bacf radius20 pad-sx40" style="">
|
<view class="bacf radius20 pad-sx40" style="">
|
||||||
<view class="fon32 bold col3 tc pad-x40" v-if="customerInfo.service_name!=''">我的专属客服</view>
|
<view class="fon32 bold col3 tc pad-x40" v-if="customerInfo.service_name!=''">我的专属客服</view>
|
||||||
<view class="fon24 col3 disjb mar20" v-if="customerInfo.service_name!=''">客服名称:{{customerInfo.service_name}}</view>
|
<view class="fon28 col3 disjb mar20" v-if="customerInfo.service_name!=''">客服名称:{{customerInfo.service_name}}</view>
|
||||||
<view class="fon24 col3 disjb mar20" v-if="customerInfo.service_phone!=''">客服手机号:{{customerInfo.service_phone}}<span @tap="countCustomer(customerInfo.service_phone)" class="pcol">联系客服</span></view>
|
<view class="fon28 col3 disjb mar20" v-if="customerInfo.service_phone!=''">客服手机号:{{customerInfo.service_phone}}<span @tap="countCustomer(customerInfo.service_phone)" class="pcol">联系客服</span></view>
|
||||||
<view class="fon24 col3 disjb mar20" v-if="customerInfo.service_wechat!=''">客服微信号:{{customerInfo.service_wechat}}<span @tap="copyWechat" class="pcol">复制</span></view>
|
<view class="fon28 col3 disjb mar20" v-if="customerInfo.service_wechat!=''">客服微信号:{{customerInfo.service_wechat}}<span @tap="copyWechat" class="pcol">复制</span></view>
|
||||||
|
<view style="display: flex;align-items: center;flex-direction: column;width: 100%;">
|
||||||
<image v-if="customerImg!=''" :src="customerImg" class="person-m" style="margin-bottom: 40rpx;" mode="aspectFill"></image>
|
<image v-if="customerImg!=''" :src="customerImg" class="person-m" style="margin-bottom: 40rpx;" mode="aspectFill"></image>
|
||||||
<view class="fon28 colf tc radius10" @tap="saveImg" style="width: 200rpx; padding: 16rpx;background-color: #38CE51;margin: 0 auto;">保存</view>
|
<view class="fon28 colf tc radius10" @tap="saveImg" style="width: 200rpx; padding: 16rpx;background-color: #38CE51;margin: 0 auto;">保存</view>
|
||||||
<view class="fon24 col9 tc pad-s40" v-if="customerInfo.service_phone==''">暂无专属客服</view>
|
</view>
|
||||||
|
<view class="fon28 col9 tc pad-s40" v-if="customerInfo.service_phone==''">暂无专属客服</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="disjcac">
|
<view class="disjcac">
|
||||||
<image @tap="closeCustomer" class="mar-s50 close-m" src="/static/public/qrcodec.png" mode="aspectFill"></image>
|
<image @tap="closeCustomer" class="mar-s50 close-m" src="/static/public/qrcodec.png" mode="aspectFill"></image>
|
||||||
|
|
|
@ -25,21 +25,7 @@
|
||||||
<view class="pad-x180">
|
<view class="pad-x180">
|
||||||
<!-- 自定义轮播 -->
|
<!-- 自定义轮播 -->
|
||||||
<view :style="{marginTop: (statusHNH+60)+'px'}">
|
<view :style="{marginTop: (statusHNH+60)+'px'}">
|
||||||
<!-- <swiper-pu :bannerList="bannerList"></swiper-pu> -->
|
<swiper-pu :bannerList="bannerList" :isplay="isAutoPlay"></swiper-pu>
|
||||||
<view class="banner-box">
|
|
||||||
<swiper :current="bcurrent" @change="changeBanner" :style="{height: 200+'px'}" :autoplay="isAutoPlay" :circular="true" :interval="3000" :duration="500">
|
|
||||||
<swiper-item v-for="(item,index) in bannerList" :key="index">
|
|
||||||
<view @tap="chooseImg(index)" class="posir">
|
|
||||||
<image :style="{borderRadius:0+'px',height:200+'px'}" class="img" :src="item.imgSrc" mode="aspectFill"></image>
|
|
||||||
<image @tap.stop="playVideo(index)" v-if="item.isVideo" class="posia" style="top: 50%;left: 50%;transform: translate(-50%,-50%);width: 126rpx;height: 126rpx;z-index: 1;" src="/static/public/video.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
</swiper-item>
|
|
||||||
</swiper>
|
|
||||||
<!-- 指示点 -->
|
|
||||||
<view class="dot-box" :style="{bottom:18+'px'}">
|
|
||||||
<view :class="bcurrent==indexd ? 'dotActive' : 'dotMo'" v-for="(itemd,indexd) in bannerList.length" :key="indexd"></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<!-- 宫格 -->
|
<!-- 宫格 -->
|
||||||
<view v-if="gonggList.length>1" class="mar-zy30 bacf radius10 pad-s25 mar-s10 disac fw">
|
<view v-if="gonggList.length>1" class="mar-zy30 bacf radius10 pad-s25 mar-s10 disac fw">
|
||||||
|
@ -148,7 +134,6 @@
|
||||||
isNewRenderDone:false ,//锁的作用
|
isNewRenderDone:false ,//锁的作用
|
||||||
isQuan:uni.getStorageSync('isQuan'),
|
isQuan:uni.getStorageSync('isQuan'),
|
||||||
quanImg:uni.getStorageSync('quanImg'),
|
quanImg:uni.getStorageSync('quanImg'),
|
||||||
bcurrent:0,
|
|
||||||
isAutoPlay:false
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -167,6 +152,9 @@
|
||||||
onHide() {
|
onHide() {
|
||||||
this.isAutoPlay = false;
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
log('输出的解构')
|
log('输出的解构')
|
||||||
this.checkNet()
|
this.checkNet()
|
||||||
|
@ -239,15 +227,6 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
changeBanner(e){
|
|
||||||
this.bcurrent = e.detail.current//当前的指示点下标
|
|
||||||
},
|
|
||||||
playVideo(index){
|
|
||||||
// console.log('播放视频');
|
|
||||||
uni.navigateTo({
|
|
||||||
url:`/pagesB/video/playVideo?src=${this.bannerList[index].url}&posterSrc=${this.bannerList[index].poster}`
|
|
||||||
})
|
|
||||||
},
|
|
||||||
checkQ(){//查询优惠券
|
checkQ(){//查询优惠券
|
||||||
this.$requst.post('user/home-coupon').then(res=>{
|
this.$requst.post('user/home-coupon').then(res=>{
|
||||||
if(res.code==0){
|
if(res.code==0){
|
||||||
|
@ -570,9 +549,5 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.banner-box{position: relative;}
|
|
||||||
.img{width:100%;}
|
|
||||||
.dot-box{position: absolute;bottom: 36rpx;display: flex;justify-content: center;width: 100%;}
|
|
||||||
.dotActive{width: 22rpx;height: 12rpx;margin-right: 10rpx;border-radius: 20rpx; background-color: rgba(56, 117, 246, 1);}
|
|
||||||
.dotMo{width: 12rpx;height: 12rpx;margin-right: 10rpx;border-radius: 100%;background-color: rgba(191, 191, 191, 1);}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -247,12 +247,13 @@
|
||||||
this.$requst.upload('file/upload/image',{file:this.upImg}).then(res=>{
|
this.$requst.upload('file/upload/image',{file:this.upImg}).then(res=>{
|
||||||
this.upImg = this.$http + res.data.src;
|
this.upImg = this.$http + res.data.src;
|
||||||
this.$toolAll.tools.showToast('图片上传成功(*^▽^*)')
|
this.$toolAll.tools.showToast('图片上传成功(*^▽^*)')
|
||||||
|
this.isNum = 1;
|
||||||
},error=>{})
|
},error=>{})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
shareEv(){//确认上传凭证
|
shareEv(){//确认上传凭证
|
||||||
if(this.isNum==0) {
|
if(this.isNum==1) {
|
||||||
this.isNum++;
|
this.isNum++;
|
||||||
this.$requst.post('task/task/complete-task',{task_id:this.activityList[this.chooseIndex].id,image:this.upImg}).then(res=>{
|
this.$requst.post('task/task/complete-task',{task_id:this.activityList[this.chooseIndex].id,image:this.upImg}).then(res=>{
|
||||||
if(res.code==0){
|
if(res.code==0){
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<view :style="{paddingTop: statusHNH+'px'}" class="pad-zy32">
|
<view :style="{paddingTop: statusHNH+'px'}" class="pad-zy32">
|
||||||
<!-- 自定义轮播 -->
|
<!-- 自定义轮播 -->
|
||||||
<view class="mar-s20">
|
<view class="mar-s20">
|
||||||
<swiper-pu :bannerList="bannerList" :newHeight="'200'" :newRadius="'10'" :newBottom="'5'"></swiper-pu>
|
<swiper-pu :isplay="isAutoPlay" :bannerList="bannerList" :newHeight="'200'" :newRadius="'10'" :newBottom="'5'"></swiper-pu>
|
||||||
</view>
|
</view>
|
||||||
<!-- 导航 -->
|
<!-- 导航 -->
|
||||||
<view class="mar-s50 pad-s10">
|
<view class="mar-s50 pad-s10">
|
||||||
|
@ -66,7 +66,8 @@
|
||||||
size:10,
|
size:10,
|
||||||
total:'',//总数
|
total:'',//总数
|
||||||
isZanw:true,
|
isZanw:true,
|
||||||
bannerList:[]
|
bannerList:[],
|
||||||
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
|
@ -82,7 +83,14 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.$toolAll.tools.isLogin()
|
this.$toolAll.tools.isLogin();
|
||||||
|
this.isAutoPlay = true;
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.checkAbout(this.category_id)
|
this.checkAbout(this.category_id)
|
||||||
|
|
|
@ -16,18 +16,16 @@
|
||||||
<view v-if="doctorObj.doctor_extra.dept_name!='' && doctorObj.doctor_extra.dept_name!=undefined" class="doctorx"></view>
|
<view v-if="doctorObj.doctor_extra.dept_name!='' && doctorObj.doctor_extra.dept_name!=undefined" class="doctorx"></view>
|
||||||
<view>{{doctorObj.doctor_extra.dept_name}}</view>
|
<view>{{doctorObj.doctor_extra.dept_name}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="col80 fon24 disac">
|
<view class="col80 fon24">
|
||||||
<view class="flexs">擅长领域:</view>
|
<view class="flexs">擅长领域:</view>
|
||||||
<scroll-view scroll-x style="width: 250rpx;">
|
<view class="dis fw">
|
||||||
<view class="disac">
|
<view class="flexs" v-for="(item,index) in doctorObj.diseases" :key="index" style="background-color: #F5F5F5;border-radius: 10rpx;padding: 6rpx 10rpx;margin-top: 10rpx;margin-right: 10rpx;">
|
||||||
<view class="flexs" v-for="(item,index) in doctorObj.diseases" :key="index">
|
<text class="bold pcol">{{item.disease_name}}</text>
|
||||||
<text class="bold mar-y10 pcol">{{item.disease_name}}</text>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<image class="radius10" :src="doctorObj.doctor_extra.headimg || moImg" style="width: 246rpx;height: 188rpx;" mode="aspectFill"></image>
|
<image class="radius10 flexs" :src="doctorObj.doctor_extra.headimg || moImg" style="width: 246rpx;height: 188rpx;" mode="aspectFill"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="mar-z32">
|
<view class="mar-z32">
|
||||||
<view class="bbot mar-s30"></view>
|
<view class="bbot mar-s30"></view>
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
<view v-show="cateCurrent==isNum">
|
<view v-show="cateCurrent==isNum">
|
||||||
<view class="pad-zy32">
|
<view class="pad-zy32">
|
||||||
<!-- 自定义轮播 -->
|
<!-- 自定义轮播 -->
|
||||||
<swiper-pu :browseP="true" :bannerList="bannerList" :newHeight="'250'" :newRadius="'10'" :newBottom="'5'"></swiper-pu>
|
<swiper-pu :browseP="true" :isplay="isAutoPlay" :bannerList="bannerList" :newHeight="'450'" :newRadius="'10'" :newBottom="'5'"></swiper-pu>
|
||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<view class="fon36 col3 bold mar-sx20 clips2" style="line-height: 50rpx;">{{detailObj.title}}</view>
|
<view class="fon36 col3 bold mar-sx20 clips2" style="line-height: 50rpx;">{{detailObj.title}}</view>
|
||||||
<view class="disjbac">
|
<view class="disjbac">
|
||||||
|
@ -284,7 +284,8 @@
|
||||||
zanArr:[],
|
zanArr:[],
|
||||||
dataShopList:[],
|
dataShopList:[],
|
||||||
timeList:[],
|
timeList:[],
|
||||||
isHot:false
|
isHot:false,
|
||||||
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
|
@ -328,6 +329,13 @@
|
||||||
return shareObj;
|
return shareObj;
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
|
this.isAutoPlay = true;
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
if(options.category_id!=undefined) {
|
if(options.category_id!=undefined) {
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<view class="pad-x180" :style="{paddingTop: isNei!=3?(statusHNH+60)+'px':statusHNH+'px'}">
|
<view class="pad-x180" :style="{paddingTop: isNei!=3?(statusHNH+60)+'px':statusHNH+'px'}">
|
||||||
<!-- 自定义轮播 -->
|
<!-- 自定义轮播 -->
|
||||||
<view v-if="isLoading">
|
<view v-if="isLoading">
|
||||||
<swiper-pu v-if="cateCurrent==0" :browseP="true" :bannerList="bannerList" :newHeight="'250'" :newRadius="'0'" :newBottom="'5'"></swiper-pu>
|
<swiper-pu v-if="cateCurrent==0" :isplay="isAutoPlay" :browseP="true" :bannerList="bannerList" :newHeight="'450'" :newRadius="'0'" :newBottom="'5'"></swiper-pu>
|
||||||
<!-- <view v-if="isNei==3" class="score-box">积分:{{detailObj.score}}</view> -->
|
<!-- <view v-if="isNei==3" class="score-box">积分:{{detailObj.score}}</view> -->
|
||||||
<view v-show="cateCurrent==isNum">
|
<view v-show="cateCurrent==isNum">
|
||||||
<view class="pad20 bacf mar-zy20 radius20 mar-s20">
|
<view class="pad20 bacf mar-zy20 radius20 mar-s20">
|
||||||
|
@ -375,7 +375,8 @@
|
||||||
timerServer:null,
|
timerServer:null,
|
||||||
timerp:null,
|
timerp:null,
|
||||||
timera:null,
|
timera:null,
|
||||||
pinUserId:0//发起拼单人ID
|
pinUserId:0,//发起拼单人ID
|
||||||
|
isAutoPlay:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
|
@ -400,11 +401,16 @@
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
uni.removeStorageSync('chooseAddress');
|
uni.removeStorageSync('chooseAddress');
|
||||||
|
this.isAutoPlay = true;
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
onUnload() {
|
onUnload() {
|
||||||
clearInterval(this.timera);
|
clearInterval(this.timera);
|
||||||
clearInterval(this.timerp);
|
clearInterval(this.timerp);
|
||||||
clearInterval(this.timerServer);
|
clearInterval(this.timerServer);
|
||||||
|
this.isAutoPlay = false;
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
if(options.category_id!=undefined) {
|
if(options.category_id!=undefined) {
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue