|
@@ -12,16 +12,16 @@
|
|
|
<view class="screen">
|
|
|
<view class="screenLine">
|
|
|
<view class="screenLineTxt" @click="showCity=true,comprehensiveShow=false,levelShow=false">{{cityname}}</view>
|
|
|
- <!-- <image src="../../static/img/icon_arrow_gray.png" mode="" v-show="!showCity" class="screenJt"></image>
|
|
|
- <image src="../../static/img/icon_arrow_cheng.png" mode="" v-show="showCity" class="screenJt"></image> -->
|
|
|
+ <image src="../../static/img/icon_arrow_gray.png" mode="" v-show="!showCity" class="screenJt"></image>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
<view class="screenLine" @click="juli" :class="{colorCS:comprehensiveShow}">
|
|
|
<view class="screenLineTxt" v-if="comprehensive==0">综合排序</view>
|
|
|
<view class="screenLineTxt" v-if="comprehensive==1">距离最近</view>
|
|
|
<view class="screenLineTxt" v-if="comprehensive==2">评分最高</view>
|
|
|
- <!-- <image src="../../static/img/icon_arrow_gray.png" mode="" v-show="!comprehensiveShow" class="screenJt"></image>
|
|
|
- <image src="../../static/img/icon_arrow_cheng.png" mode="" v-show="comprehensiveShow" class="screenJt"></image> -->
|
|
|
+ <image src="../../static/img/icon_arrow_gray.png" mode="" v-show="!comprehensiveShow" class="screenJt"></image>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
<!-- 综合排序 -->
|
|
@@ -40,30 +40,36 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="shopLineBox">
|
|
|
- <view class="shopBox shopBox2" v-for="(item,index) in queryShopList" @click="goDetail(item)">
|
|
|
- <view class="">
|
|
|
- <image :src="item.photoPath" mode="" class="shopImg" v-if="item.photoPath"></image>
|
|
|
- <!-- <image src="../../static/img/noimg.png" mode="" class="shopImg" v-else></image> -->
|
|
|
- </view>
|
|
|
- <view class="shopCont">
|
|
|
- <view class="shopName">{{item.shopName}}</view>
|
|
|
- <view class="flex shopRight">
|
|
|
- <view>
|
|
|
- <span class="span1" v-if="item.shopScore">{{item.shopScore}}</span>
|
|
|
- <span class="span2" v-if="item.shopScore">分</span>
|
|
|
- <span class="span2" v-if="!item.shopScore">暂无评分</span>
|
|
|
- <span class="span3">服务次数 {{item.sheetSum}} </span>
|
|
|
- </view>
|
|
|
- <view class="shopBq" v-show="item.levelName">{{item.levelName}}</view>
|
|
|
- </view>
|
|
|
- <view class="shopTime"><span v-show="item.startTime">{{item.startTime}}</span> - <span v-show="item.endTime">{{item.endTime}}</span> </view>
|
|
|
- <view class="flex addressBox">
|
|
|
- <view class="address" > <span v-show="item.address"> {{item.address}}</span></view>
|
|
|
- <view class="shopKm" v-show="item.distance&&item.distance!= '0.00'">{{item.distance}}km</view>
|
|
|
- </view>
|
|
|
- </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/img/noimg.png" mode="" class="shopImg" v-else></image>
|
|
|
+ </view>
|
|
|
+ <view class="shopright">
|
|
|
+ <view class="shopTop">
|
|
|
+ <view class="shopName">{{item.shopName}}</view>
|
|
|
+ <!-- <image src="../../static/img/shopcall.png" mode="" class="shopCallImg"></image> -->
|
|
|
+ </view>
|
|
|
+ <view class="shopScore">
|
|
|
+ <span class="shopScore1" v-if="item.shopScore">{{item.shopScore}}</span>
|
|
|
+ <span class="shopScore2" v-if="item.shopScore">分</span>
|
|
|
+ <span class="shopScore2" v-if="!item.shopScore">暂无评分</span>
|
|
|
+ <span class="shopScore3">服务次数 {{item.sheetSum}}</span>
|
|
|
+ </view>
|
|
|
+ <view class="shopTime"><span v-if="item.startTime">{{item.startTime}}</span> - <span v-if="item.endTime">{{item.endTime}}</span> </view>
|
|
|
+ <view class="shopBottom">
|
|
|
+ <view class="shopBottomLeft">
|
|
|
+ <span v-if="item.distance&&item.distance!= '0.00'">{{item.distance}}km</span>
|
|
|
+ <span class="shopaddress">{{item.address}}</span>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="Btn" @click="ckshop(item)">确定</view> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
- </view>
|
|
|
+
|
|
|
<view v-if="queryShopList==''" class="nodataBox">
|
|
|
<image src="../../static/img/nodata.png" mode="widthFix" class="nodataImg"></image>
|
|
|
<view class="noTxt">暂无数据</view>
|
|
@@ -147,7 +153,7 @@ export default {
|
|
|
},
|
|
|
getqueryShopList(){
|
|
|
uni.showLoading({ });
|
|
|
- this.$http('miniAppShopInfoController/queryShopList', {
|
|
|
+ this.$http('worldKeepCar/worldHome/getWorldShopInfoList', {
|
|
|
shopName:this.shopName,
|
|
|
lat:this.location.lat,
|
|
|
lng:this.location.lng,
|
|
@@ -198,7 +204,7 @@ export default {
|
|
|
},
|
|
|
goDetail(item){
|
|
|
uni.navigateTo({
|
|
|
- url:'../Shop/shopDetail?id='+item.shopId
|
|
|
+ url:'../shop/shopDetail?id='+item.shopId
|
|
|
})
|
|
|
}
|
|
|
}
|
|
@@ -427,4 +433,83 @@ export default {
|
|
|
.colorCS{
|
|
|
color: #FF4F00;
|
|
|
}
|
|
|
+ .shopbox{
|
|
|
+ padding:0 16rpx;
|
|
|
+ }
|
|
|
+ .shopline{
|
|
|
+ padding: 20rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .shopImg{
|
|
|
+ width: 146rpx;
|
|
|
+ height: 146rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
+ .shopCallImg{
|
|
|
+ width: 38rpx;
|
|
|
+ height: 46rpx;
|
|
|
+ }
|
|
|
+ .shopTop{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 510rpx;
|
|
|
+ }
|
|
|
+ .shopright{
|
|
|
+ padding-left: 20rpx;
|
|
|
+ }
|
|
|
+ .shopName{
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 37rpx;
|
|
|
+ width:450rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ .shopScore1{
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #FF4F00;
|
|
|
+ }
|
|
|
+ .shopScore2{
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #FF4F00;
|
|
|
+ }
|
|
|
+ .shopScore3{
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #333333;
|
|
|
+ padding-left: 20rpx;
|
|
|
+ }
|
|
|
+ .shopTime{
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 30rpx;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ }
|
|
|
+ .Btn{
|
|
|
+ width: 104rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ background: #FF2400 linear-gradient(135deg, #FD5300 0%, #FF270A 100%);
|
|
|
+ border-radius: 6rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 56rpx;
|
|
|
+ }
|
|
|
+ .shopBottom{
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ }
|
|
|
+ .shopBottomLeft{
|
|
|
+ width: 500rpx;
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 30rpx;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ }
|
|
|
+ .shopaddress{
|
|
|
+ padding-left: 10rpx;
|
|
|
+ }
|
|
|
</style>
|