1.修改商户地图可视化

pages/tabBar/category/category.vue

@@ -1,5 +1,6 @@
 <template>
 	<view class="map-container">
+		<!-- #ifdef H5 -->
 		<map style="width: 100%; height: 10vh;" :style="{height:mapheight}" :latitude="latitude" :longitude="longitude"
 			:markers="marker" :scale="scale" @markertap="markertap" @callouttap='callouttap'>
 			<cover-view class="cover-view-loca" :style='{bottom:coverbottom}' @click="onControltap">
@@ -102,8 +103,112 @@
 					</cover-view>
 				</scroll-view>
 			</cover-view>
+		</map>
+		<!-- #endif -->
 
+		<!-- #ifdef MP -->
+		<map style="width: 100%; height: 10vh;" :style="{height:mapheight}" :latitude="latitude" :longitude="longitude"
+			:markers="marker" :scale="scale" @markertap="markertap" @callouttap='callouttap'>
+			<cover-view class="cover-view-loca" :style='{bottom:coverbottom}' @click="onControltap">
+				<cover-image class="cover-image" src="../../../static/img/dispos.png"></cover-image>
+			</cover-view>
+			<!-- 一级分类 -->
+			<view class="width100 cover-views  mart15">
+				<scroll-view class="width90 cover-view-cont" scroll-x="true">
+					<view class="cover-view-head font14" :class="[typeid == item.id ? 'onclick' : '']"
+						v-for="(item,index) in goodsFirstClassList" :key="index" @click="changeType(item)">{{item.name}}
+					</view>
+				</scroll-view>
+				<!-- 二级分类 -->
+				<view class="width100 mart15 backcorfff cover-viewchage alijus fotct" style="border-radius: 22px;">
+					<!-- :class="[selectFirst == 1? 'onchange' : '']" -->
+					<view class="font14 width30w fotct onchange text1" @click="changeChilerType()">{{selectFirstName}}
+						<image mode="widthFix" class="margle" style="width: 8px;" :src="imagewxUrl+imgadres2"></image>
+					</view>
+					<view class="font14 width30w onchange" @click="changeChilerdistance()">{{distanceName}}
+						<image mode="widthFix" class="margle" style="width: 8px;" :src="imagewxUrl+imgadres2"></image>
+					</view>
+					<view class="font14 width30w">
+						<!-- 全部
+						<image mode="widthFix" class="margle" style="width: 8px;" :src="imagewxUrl+imgadres2"></image> -->
+					</view>
+				</view>
+			</view>
+			<!-- //模态框 -->
+			<view class="change-cont" v-if="selectChiler == 1 || selectChilerdistance == 1">
+				<view class="width100 backcorfff"></view>
+			</view>
+			<!-- //显示内容 -->
+			<view class="change-optiac paddbotm20" v-if="selectChiler == 1">
+				<scroll-view scroll-y="true" class="width100 height260">
+					<view class="width90 bor-botm1 paddtop15 paddbotm15 alijusstart"
+						v-for="(item,index) in goodsSendotClassList" :key="item.id" @click="changeFirstcont(item)">
+						<view class="width90w font14" :class="[selectFirst == item.id? 'onchange' : '']">{{item.name}}
+						</view>
+						<image class="icon20" src="../../../static/img/changed.png" mode="widthFix"
+							v-if="selectFirst == item.id"></image>
+					</view>
+				</scroll-view>
+			</view>
+			<!-- 二级距离 -->
+			<view class="change-optiac paddbotm20" v-if="selectChilerdistance == 1">
+				<scroll-view scroll-y="true" class="width100 height260">
+					<view class="width90 bor-botm1 paddtop15 paddbotm15 alijusstart"
+						v-for="(item,index) in distanceList" :key="index" @click="changeDistance(item)">
+						<view class="width90w font14" :class="[ distance== item.id? 'onchange' : '']">{{item.title}}
+						</view>
+						<image class="icon20" src="../../../static/img/changed.png" mode="widthFix"
+							v-if="distance == item.id"></image>
+					</view>
+				</scroll-view>
+			</view>
+
+			<!-- 未打开筛选前 -->
+			<view class="cover-view-foot" v-if="isSelected == 1">
+				<view class="line-view" @click="updateSelected(2)"></view>
+				<view class="paddtop10 fcor666 font13 width100" @click="updateSelected(2)">点击发现更多商户</view>
+				<view class="input-box">
+					<input placeholder="搜索商品" v-model="searchName" placeholder-style="color:#c0c0c0;"
+						@click="updateSelected(2)" />
+				</view>
+			</view>
+
+			<!-- 打开筛选后 -->
+			<view class="cover-view-foot-behind" v-if="isSelected == 2">
+				<view class="line-view" @click="updateSelected(1)"></view>
+				<view class="paddtop10 fcor666 font13 width100" @click="updateSelected(1)">点击发现更多商户</view>
+				<view class="input-box">
+					<input placeholder="搜索商品" v-model="searchName" placeholder-style="color:#c0c0c0;"
+						@input="getMapStore()" />
+				</view>
+				<scroll-view class="scoroll-cont width94 mart10" scroll-y="true">
+					<view v-if="marker == '' " class="mart30 fotct font14 fcor666 fotct width100">
+						<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres3"></image>
+					</view>
+					<view class="width96 height80 bor-botm1 alijusstart" v-for="(box,i) in marker" :key="i"
+						@click="seeloaction(box)">
+						<image mode="widthFix" :src="box.logo" class="recontleft flleft border-r"
+							style="max-width: 50px;min-width: 50px;">
+						</image>
+						<view class="fotlt paddleft5">
+							<view class="text2 width100 font16 fontwig6">
+								{{box.callout.content}}
+							</view>
+							<view class="height22">
+								<view class="width70 flleft text1 font13 fcor999">
+									{{box.callout.address}}
+								</view>
+								<view class="width30 flright font13 fcor666 fotct">
+									<image mode="widthFix" :src="imagewxUrl+imgadres4" style="width: 10px;"></image>
+									{{box.distance}}km
+								</view>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
 		</map>
+		<!-- #endif -->
 	</view>
 </template>
 <script>
@@ -151,8 +256,7 @@
 				typeplat: 1 //手机类型
 			}
 		},
-		onLoad() {
+		onLoad() {},
-		},
 		onShow() {
 			// this.latitude = app.globalData.latitude;
 			// this.longitude = app.globalData.longitude;
@@ -194,14 +298,14 @@
 						this.selectFirst = res.return_data[0].childIndustry[0].id;
 						this.selectFirstName = res.return_data[0].childIndustry[0].name;
 						let platform = uni.getSystemInfoSync().platform;
-						// if (platform == 'android') {
+						if (platform == 'android') {
-						// 	this.typeplat = 2;
+							this.typeplat = 2;
-						this.getMapStore();
+							this.getMapStore();
-						// }
+						}
-						// if (platform == 'ios') {
+						if (platform == 'ios') {
-						// 	this.typeplat = 1;
+							this.typeplat = 1;
-						// 	this.getMapStore();
+							this.getMapStore();
-						// }
+						}
 					}
 				})
 			},