修改轮播、医生详情-擅长领域、专属客服
parent
989a8f0270
commit
1b930500e5
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<view>
|
||||
<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">
|
||||
<view @tap="chooseImg(index)" class="posir">
|
||||
<image :style="{borderRadius:newRadius+'px',height:newHeight+'px'}" class="img" :src="item.imgSrc" mode="aspectFill"></image>
|
||||
|
@ -21,6 +21,10 @@
|
|||
export default {
|
||||
name:"swiper-pu",
|
||||
props:{
|
||||
isplay:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
},
|
||||
isDot:{//是否显示指示点
|
||||
type:Boolean,
|
||||
default:true
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
<!-- 热门推荐 -->
|
||||
<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">
|
||||
<cate-pu :newCurrent="newCurrent*1" :activeb="publicColor" @choosecateEv="chooseTwo" :newcateList="cateListTwo"></cate-pu>
|
||||
|
@ -176,7 +176,8 @@
|
|||
zanArr:[],
|
||||
dataShopList:[],
|
||||
timeList:[],
|
||||
isHot:false
|
||||
isHot:false,
|
||||
isAutoPlay:false
|
||||
}
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
@ -193,6 +194,12 @@
|
|||
this.isZanw = false
|
||||
}
|
||||
},
|
||||
onUnload() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onHide() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onLoad() {
|
||||
this.checkBZ()//调用病种列表事件
|
||||
let maiOjb = {
|
||||
|
@ -208,6 +215,7 @@
|
|||
this.$toolAll.tools.isLogin()
|
||||
// console.log(this.category_id);
|
||||
if(this.category_id!='') this.checkCate(this.category_id)//调用左侧列表点击事件
|
||||
this.isAutoPlay = true;
|
||||
},
|
||||
methods: {
|
||||
checkSwi(){
|
||||
|
|
|
@ -126,15 +126,17 @@
|
|||
</view>
|
||||
<!-- 专属客服 -->
|
||||
<view v-if="zCustomer" class="posAll disjcac">
|
||||
<view>
|
||||
<view style="width: 80%;">
|
||||
<view class="bacf radius20 pad-sx40" style="">
|
||||
<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="fon24 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_name!=''">客服名称:{{customerInfo.service_name}}</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="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>
|
||||
<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 class="disjcac">
|
||||
<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 :style="{marginTop: (statusHNH+60)+'px'}">
|
||||
<!-- <swiper-pu :bannerList="bannerList"></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>
|
||||
<swiper-pu :bannerList="bannerList" :isplay="isAutoPlay"></swiper-pu>
|
||||
</view>
|
||||
<!-- 宫格 -->
|
||||
<view v-if="gonggList.length>1" class="mar-zy30 bacf radius10 pad-s25 mar-s10 disac fw">
|
||||
|
@ -148,7 +134,6 @@
|
|||
isNewRenderDone:false ,//锁的作用
|
||||
isQuan:uni.getStorageSync('isQuan'),
|
||||
quanImg:uni.getStorageSync('quanImg'),
|
||||
bcurrent:0,
|
||||
isAutoPlay:false
|
||||
}
|
||||
},
|
||||
|
@ -167,6 +152,9 @@
|
|||
onHide() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onUnload() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onShow() {
|
||||
log('输出的解构')
|
||||
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(){//查询优惠券
|
||||
this.$requst.post('user/home-coupon').then(res=>{
|
||||
if(res.code==0){
|
||||
|
@ -570,9 +549,5 @@
|
|||
</script>
|
||||
|
||||
<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>
|
||||
|
|
|
@ -247,12 +247,13 @@
|
|||
this.$requst.upload('file/upload/image',{file:this.upImg}).then(res=>{
|
||||
this.upImg = this.$http + res.data.src;
|
||||
this.$toolAll.tools.showToast('图片上传成功(*^▽^*)')
|
||||
this.isNum = 1;
|
||||
},error=>{})
|
||||
}
|
||||
})
|
||||
},
|
||||
shareEv(){//确认上传凭证
|
||||
if(this.isNum==0) {
|
||||
if(this.isNum==1) {
|
||||
this.isNum++;
|
||||
this.$requst.post('task/task/complete-task',{task_id:this.activityList[this.chooseIndex].id,image:this.upImg}).then(res=>{
|
||||
if(res.code==0){
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<view :style="{paddingTop: statusHNH+'px'}" class="pad-zy32">
|
||||
<!-- 自定义轮播 -->
|
||||
<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 class="mar-s50 pad-s10">
|
||||
|
@ -66,7 +66,8 @@
|
|||
size:10,
|
||||
total:'',//总数
|
||||
isZanw:true,
|
||||
bannerList:[]
|
||||
bannerList:[],
|
||||
isAutoPlay:false
|
||||
}
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
@ -82,7 +83,14 @@
|
|||
}
|
||||
},
|
||||
onShow() {
|
||||
this.$toolAll.tools.isLogin()
|
||||
this.$toolAll.tools.isLogin();
|
||||
this.isAutoPlay = true;
|
||||
},
|
||||
onUnload() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onHide() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onLoad() {
|
||||
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>{{doctorObj.doctor_extra.dept_name}}</view>
|
||||
</view>
|
||||
<view class="col80 fon24 disac">
|
||||
<view class="col80 fon24">
|
||||
<view class="flexs">擅长领域:</view>
|
||||
<scroll-view scroll-x style="width: 250rpx;">
|
||||
<view class="disac">
|
||||
<view class="flexs" v-for="(item,index) in doctorObj.diseases" :key="index">
|
||||
<text class="bold mar-y10 pcol">{{item.disease_name}}</text>
|
||||
<view class="dis fw">
|
||||
<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;">
|
||||
<text class="bold pcol">{{item.disease_name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-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 class="mar-z32">
|
||||
<view class="bbot mar-s30"></view>
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
<view v-show="cateCurrent==isNum">
|
||||
<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="disjbac">
|
||||
|
@ -284,7 +284,8 @@
|
|||
zanArr:[],
|
||||
dataShopList:[],
|
||||
timeList:[],
|
||||
isHot:false
|
||||
isHot:false,
|
||||
isAutoPlay:false
|
||||
}
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
@ -328,6 +329,13 @@
|
|||
return shareObj;
|
||||
},
|
||||
onShow() {
|
||||
this.isAutoPlay = true;
|
||||
},
|
||||
onUnload() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onHide() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onLoad(options) {
|
||||
if(options.category_id!=undefined) {
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<view class="pad-x180" :style="{paddingTop: isNei!=3?(statusHNH+60)+'px':statusHNH+'px'}">
|
||||
<!-- 自定义轮播 -->
|
||||
<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-show="cateCurrent==isNum">
|
||||
<view class="pad20 bacf mar-zy20 radius20 mar-s20">
|
||||
|
@ -375,7 +375,8 @@
|
|||
timerServer:null,
|
||||
timerp:null,
|
||||
timera:null,
|
||||
pinUserId:0//发起拼单人ID
|
||||
pinUserId:0,//发起拼单人ID
|
||||
isAutoPlay:false
|
||||
}
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
@ -400,11 +401,16 @@
|
|||
},
|
||||
onShow() {
|
||||
uni.removeStorageSync('chooseAddress');
|
||||
this.isAutoPlay = true;
|
||||
},
|
||||
onHide() {
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onUnload() {
|
||||
clearInterval(this.timera);
|
||||
clearInterval(this.timerp);
|
||||
clearInterval(this.timerServer);
|
||||
this.isAutoPlay = false;
|
||||
},
|
||||
onLoad(options) {
|
||||
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