|
|
@@ -6,15 +6,16 @@
|
|
|
<image src="../../static/timg/icon_arrow_def@2x.png" mode="" class="jtbelow"></image>
|
|
|
</view>
|
|
|
<view class="regionSx"></view>
|
|
|
- <view class="regionLine">
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="areaList" range-key='area'>
|
|
|
- <view class="regionTxt">{{areaName}}</view>
|
|
|
- </picker>
|
|
|
-
|
|
|
+ <view class="regionLine" @click="quCilck">
|
|
|
+ <!-- <picker @change="bindPickerChange" :value="index" :range="areaList" range-key='area' @cancel="cancelHandling">
|
|
|
+
|
|
|
+ </picker> -->
|
|
|
+ <view class="regionTxt">{{areaName}}</view>
|
|
|
<image src="../../static/timg/icon_arrow_def@2x.png" mode="" class="jtbelow"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="shopline" v-for="(item,index) in queryShopList" >
|
|
|
+ <view style="height: 90rpx;"></view>
|
|
|
+ <view class="shopline" v-for="(item,index) in queryShopList" @click="goDetail(item)">
|
|
|
<view class="shoplineLeft">
|
|
|
<image :src="item.photoPath" mode="" class="shopImg" v-if="item.photoPath"></image>
|
|
|
<image src="../../static/timg/noimg.png" mode="" class="shopImg" v-else></image>
|
|
|
@@ -29,7 +30,7 @@
|
|
|
<view class="brands" v-for="(v,index2) in item.brands.split(',')">{{v}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="yuyuBtnBox" @click="goDetail(item)">
|
|
|
+ <view class="yuyuBtnBox" >
|
|
|
<view>预约</view>
|
|
|
<image style="width: 21rpx;height: 21rpx;margin-top: 4rpx;margin-left: 5rpx;" src="http://dmsphoto.66km.com.cn/thFiles/1D60717A-DC1D-43BC-BBFE-EE0FAFD1A470.png" mode=""></image>
|
|
|
</view>
|
|
|
@@ -43,15 +44,15 @@
|
|
|
<view class="shopBottomLeft">
|
|
|
|
|
|
<span class="shopaddress"
|
|
|
- v-if="item.address">{{item.provinceName}}{{item.cityName}}{{item.areaName}}{{item.address}}</span>
|
|
|
+ v-if="item.address">{{item.address}}</span>
|
|
|
<span v-if="item.distance&&item.distance!= '0.00'">{{item.distance}}km</span>
|
|
|
</view>
|
|
|
<view class="shopdhBox">
|
|
|
- <view class="shopcall" @click="makePhoneCall(item.mobilePhone)">
|
|
|
+ <view class="shopcall" @click.stop="makePhoneCall(item.mobilePhone)">
|
|
|
<image class="shopcallIcon" src="http://dmsphoto.66km.com.cn/thFiles/AB063613-7B7A-4BD4-AF43-9ECC082FF5C6.png" mode=""></image>
|
|
|
- <view class="shopcallTxt">{{item.mobilePhone}}</view>
|
|
|
+ <view class="shopcallTxt">联系电话</view>
|
|
|
</view>
|
|
|
- <view class="shopcall" style="padding-left: 65rpx;" @click="goMap(item)">
|
|
|
+ <view class="shopcall" style="padding-left: 65rpx;" @click.stop="goMap(item)">
|
|
|
<image class="shopcallIcon" src="http://dmsphoto.66km.com.cn/thFiles/5479ED98-61D3-41CB-8080-889E851FF6C0.png" mode=""></image>
|
|
|
<view class="shopcallTxt">一键导航</view>
|
|
|
</view>
|
|
|
@@ -68,7 +69,19 @@
|
|
|
<view class="noMore" v-if="noMoreShow && (queryShopList.length!=0)">没有更多数据</view>
|
|
|
<!-- 无数据空白页 -->
|
|
|
<nodata v-if="queryShopList.length==0"></nodata>
|
|
|
-
|
|
|
+ <uni-popup ref="popup" type="right" :mask-click="true">
|
|
|
+ <view class="popup-content">
|
|
|
+ <scroll-view class="brandList" scroll-y="true">
|
|
|
+ <view v-for="item in areaList" class="areaListLine"
|
|
|
+ :class="{areaActvie:item.area==areaName}"
|
|
|
+ @click="checkarea(item)">
|
|
|
+ <span >{{item.area}}</span>
|
|
|
+ <!-- <image src="" mode=""></image> -->
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -126,17 +139,38 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ quCilck(){
|
|
|
+ this.$refs.popup.open("right")
|
|
|
+ this.popupShow=true;
|
|
|
+ },
|
|
|
gocity(){
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/subPack/chooseCity'
|
|
|
})
|
|
|
},
|
|
|
+ checkarea(item){
|
|
|
+ if(this.area==item.code){
|
|
|
+ this.areaName='区域'
|
|
|
+ this.area=''
|
|
|
+ this.getqueryShopList() //获取门店列表
|
|
|
+ }else{
|
|
|
+ this.areaName=item.area
|
|
|
+ this.area=item.code
|
|
|
+ this.getqueryShopList() //获取门店列表
|
|
|
+ }
|
|
|
+ this.$refs.popup.close()
|
|
|
+ },
|
|
|
bindPickerChange(e){
|
|
|
//console.log(e)
|
|
|
this.areaName=this.areaList[e.detail.value].area
|
|
|
this.area=this.areaList[e.detail.value].code
|
|
|
this.getqueryShopList() //获取门店列表
|
|
|
},
|
|
|
+ cancelHandling(){
|
|
|
+ this.areaName='区域'
|
|
|
+ this.area=''
|
|
|
+ this.getqueryShopList() //获取门店列表
|
|
|
+ },
|
|
|
makePhoneCall(num){
|
|
|
uni.makePhoneCall({
|
|
|
phoneNumber:num
|
|
|
@@ -247,6 +281,25 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+ .popup-content{
|
|
|
+ width: 590rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ height: 100vh;
|
|
|
+ }
|
|
|
+ .brandList{
|
|
|
+ height:99vh;
|
|
|
+ }
|
|
|
+ .areaListLine{
|
|
|
+ padding: 20rpx;
|
|
|
+ color: #666666;
|
|
|
+ font-size: 28rpx;
|
|
|
+ border-bottom: 1px solid #eaeaea;
|
|
|
+ }
|
|
|
+ .areaActvie{
|
|
|
+ background: #F19D01;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
.jtbelow{
|
|
|
width: 14rpx;height: 7rpx;
|
|
|
margin-left: 10rpx;margin-top: 10rpx;
|
|
|
@@ -264,6 +317,9 @@
|
|
|
background: #FFFFFF;
|
|
|
padding: 20rpx 0;
|
|
|
margin-bottom: 20rpx;
|
|
|
+ position: fixed;
|
|
|
+ width: 100vw;
|
|
|
+ top: 0;left: 0;
|
|
|
}
|
|
|
.box {
|
|
|
min-height: 100vh;
|
|
|
@@ -289,6 +345,8 @@
|
|
|
color: #FF8113;
|
|
|
align-items: center;
|
|
|
justify-items: center;
|
|
|
+ /* border-left: 1px solid #EEEEEE;
|
|
|
+ padding-left: 20rpx; */
|
|
|
}
|
|
|
|
|
|
.shopline {
|
