You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
4.3 KiB
83 lines
4.3 KiB
2 years ago
|
<view class="map-box">
|
||
|
|
<map id="device-map" class="{{shrink ? 'map-big' : 'map-small'}}"
|
||
|
|
show-location
|
||
|
|
scale="{{mapScale}}"
|
||
|
|
longitude="{{longitude}}"
|
||
|
|
latitude="{{latitude}}"
|
||
|
|
circles="{{mapCircles}}"
|
||
|
|
markers="{{markers}}"
|
||
|
|
bindtap="bindClickMap"
|
||
|
|
bindmarkertap="bindmarkertap">
|
||
|
|
<!-- bindcallouttap="bindcallouttap" -->
|
||
|
|
<!-- <cover-view slot="callout">
|
||
|
|
<cover-view class="customCallout" marker-id="{{item.markerId}}" wx:for="{{markerList}}" wx:key="index">
|
||
|
|
<cover-view class="content">
|
||
|
|
<cover-view class="address">
|
||
|
|
<cover-view class="name">{{item.name}}</cover-view>
|
||
|
|
<cover-view class="distance" wx:if="{{item.km}}">{{item.km}}km</cover-view>
|
||
|
|
</cover-view>
|
||
|
|
<cover-view class="date" wx:if="{{item.noAvailableVaccines == '1'}}">暂无疫苗</cover-view>
|
||
|
|
<block wx:else>
|
||
|
|
<cover-view class="date" wx:if="{{!item.moTime}}">
|
||
|
|
{{item.date}}
|
||
|
|
</cover-view>
|
||
|
|
<cover-view class="date" wx:else>
|
||
|
|
{{item.moTime}} {{item.afTime}}
|
||
|
|
</cover-view>
|
||
|
|
</block>
|
||
|
|
<cover-view class="mobile">咨询电话：{{item.mobile}}</cover-view>
|
||
|
|
<cover-view class="item-menu">
|
||
|
|
<cover-image class="item-menu-item" src="../../images/weizhi.png" />
|
||
|
|
<cover-image class="item-menu-item" src="../../images/dianhua.png" />
|
||
|
|
</cover-view>
|
||
|
|
</cover-view>
|
||
|
|
<cover-view class="triangle"></cover-view>
|
||
|
|
</cover-view>
|
||
|
|
</cover-view> -->
|
||
|
|
</map>
|
||
|
|
<view class="my-position" bindtap="showMyPosition">
|
||
|
|
<image class="pos" src="../../images/my-position.png" />
|
||
|
|
</view>
|
||
|
|
<view class="map-top">
|
||
|
|
<view class="menu-item {{type == '1' ? 'active-menu' : ''}}" bindtap="onChangeType" data-type="1">核酸检测点</view>
|
||
|
|
<view class="menu-item {{type == '2' ? 'active-menu' : ''}}" bindtap="onChangeType" data-type="2">疫苗接种点</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 底部数据列表 -->
|
||
|
|
<view class="search-list">
|
||
|
|
<!-- 展开 收起 -->
|
||
|
|
<view class="search-top" bindtap="shrinkList">
|
||
|
|
<view class="search-shrink"></view>
|
||
|
|
</view>
|
||
|
|
<!-- 搜索框 -->
|
||
|
|
<view class="search">
|
||
|
|
<image class="search-icon" src="../../images/sousuo.png" />
|
||
|
|
<input class="search-input" bindconfirm="onSearch" confirm-type='search' type="text" placeholder="请输入名称或地址"/>
|
||
|
|
</view>
|
||
|
|
<!-- 列表 -->
|
||
|
|
<scroll-view scroll-y scroll-with-animation scroll-into-view="{{scrollInto}}" class="list {{shrink ? 'low-list' : 'high-list'}}" wx:if="{{markerList.length > 0}}">
|
||
|
|
<view id="item-{{item.markerId}}" class="list-item" wx:for="{{markerList}}" wx:key="index" bindtap="selectItem" data-index="{{index}}">
|
||
|
|
<view class="address">
|
||
|
|
<view class="name">{{item.name}}</view>
|
||
|
|
<view class="distance" wx:if="{{item.km}}">{{item.km}}km</view>
|
||
|
|
</view>
|
||
|
|
<view class="date" wx:if="{{item.noAvailableVaccines == '1'}}">暂无疫苗</view>
|
||
|
|
<view class="date" wx:else>
|
||
|
|
<view class="day">{{item.date}}{{!item.moTime ? '' : '：'}}</view>
|
||
|
|
<view class="time" wx:if="{{item.moTime}}">
|
||
|
|
<view class="time-interval">上午 {{item.moTime}}</view>
|
||
|
|
<view class="time-interval">下午 {{item.afTime}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="mobile">咨询电话：{{item.mobile}}</view>
|
||
|
|
<view class="item-menu">
|
||
|
|
<image class="item-menu-item" src="../../images/weizhi.png" bindtap="toNavigate" data-index="{{index}}" />
|
||
|
|
<image class="item-menu-item" src="../../images/dianhua.png" bindtap="toCallMobile" data-mobile="{{item.mobile}}" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="bottom-item"></view>
|
||
|
|
</scroll-view>
|
||
|
|
<view class="no-data" wx:else>暂无数据~</view>
|
||
|
|
</view>
|