mini_program/pages/look/look.wxml

<!--pages/look/look.wxml-->
<wxs module="filter">
  var setActive = function (arr, id) {
    var str = '';
    var has = arr.some(function (item) {
      return item === id;
    });
    if (has) {
      str = 'check-active'
    }
    return str;
  };
  module.exports = { setActive: setActive };
</wxs>
<view class="pages">
  <mp-navigation-bar ext-class="set-bar" title="看地" back="{{false}}"></mp-navigation-bar>
  <view class="main">
    <view class="look-top">
      <view class="look-search center">
        <image class="look-s-icon" src="../../assets/images/search.png"></image>
      </view>
      <view class="look-top-right flex-center" bindtap="comeList">
        <image class="look-top-tag" src="../../assets/images/s-icon.png"></image>
        <text class="look-top-text">土地池</text>
      </view>
    </view>
    <mp-dialog  title="{{titleLand}} " show="{{dialogVisible}}" bindbuttontap="tapDialogButton" buttons="{{buttons}}">
      <view class="list">
        <view class="list-info">
          <view class="list-info-item">总计容建筑面积：{{totalConsArea}}（㎡）</view>
          <view class="list-info-item">楼面起始价：{{startingFloorPrice}}（万）</view>
          <view class="list-info-item">起始总价：{{transferPrice}}（万）</view>
          <view class="list-info-item">竞拍时间：{{auctionDate}}</view>
        </view>
      </view>
    </mp-dialog>
    <mp-half-screen-dialog  
      show="{{halfScreenDialogVisible}}"
      closabled="{{true}}"
      maskClosable="{{true}}"
      bindclose="closeLayerSetting"
      title="图层设置">
      <view class="tab-list" slot="footer">
        <view class="list-box">
          <view class="list-title">看地块</view>
          <view class="list-info">
            <view class="list-item {{filter.setActive(actives,1)}}" data-id="{{1}}" bindtap="checkBtn">
              已出让
            </view>
            <view class="timer timer-start">
              <picker range="{{years}}" header-text="开始年份" value="{{indexStart}}" range-key="label" bindchange="bindPickerChangeStart"> 
                  <text>{{start}}年</text>
              </picker>
            </view> 
            <text class="timer-link">-</text> 
            <view class="timer timer-end">
              <picker range="{{years}}" header-text="结束年份" value="{{indexEnd}}" range-key="label" bindchange="bindPickerChangeEnd"> 
                  <text>{{end}}年</text>
              </picker>
            </view> 
            <view class="list-item cross {{filter.setActive(actives,2)}}" data-id="{{2}}" bindtap="checkBtn">
              挂牌中
            </view>
            <view class="list-item cross {{filter.setActive(actives,3)}}" data-id="{{3}}" bindtap="checkBtn">
              拟挂牌
            </view>
          </view>
        </view>
      
        <view class="list-box">
          <view class="list-title">看区位</view>
          <view class="list-info">
            <view class="list-item {{filter.setActive(actives,4)}}" data-id="{{4}}" bindtap="checkBtn">
              行政区
            </view>
            <view class="list-item {{filter.setActive(actives,5)}}" data-id="{{5}}" bindtap="checkBtn">
              大组团
            </view>
            <view class="list-item {{filter.setActive(actives,6)}}" data-id="{{6}}" bindtap="checkBtn">
              小组团
            </view>
          </view>
        </view>

        <view class="list-box">
          <view class="list-title">看配套</view>
          <view class="list-info">
            <view class="list-item {{filter.setActive(actives,7)}}" data-id="{{7}}" bindtap="checkBtn">
              配套
            </view>
            <view class="list-item {{filter.setActive(actives,8)}}" data-id="{{8}}" bindtap="checkBtn">
              环线
            </view>
            <view class="list-item {{filter.setActive(actives,9)}}" data-id="{{9}}" bindtap="checkBtn">
              3KM圈
            </view>
          </view>
        </view>
      </view>
    </mp-half-screen-dialog>
    <map class="map" enable-satellite="{{satellite==1?true:false}}" scale="{{scale}}" markers="{{markers}}"
      latitude="{{latitude}}" longitude="{{longitude}}" bindmarkertap="markertap" polygons="{{polygons}}"
      circles = "{{circles}}" bindregionchange="regionchange" bindtap="onMapTaped">
      <cover-view class="map-tab">
        <cover-view data-id="1" class="map-tab-item {{satellite==1?'active':''}}" bindtap="mapTabItem">卫星图</cover-view>
        <cover-view data-id="2" class="map-tab-item {{satellite==2?'active':''}}" bindtap="mapTabItem">平面图</cover-view>
      </cover-view>
      <!-- <cover-image data-type="add" bindtap="scaleDown" class="map-scale map-scale-add"
        src="../../assets/images/add.png"></cover-image> -->
      <cover-image data-type="reduce" bindtap="scaleBack" class="map-scale map-scale-reduce"
        src="../../assets/images/myback.png"></cover-image>
      <cover-image data-type="add" bindtap="showLayerSetting" class="map-scale map-scale-layer"
        src="../../assets/images/add.png"></cover-image> 
    </map>
    <!-- <view class="list-foot">
      <view class="list-item {{item.state?'check-active':''}}" wx:for="{{tabs}}" wx:key="id" data-id="{{item.id}}"
        bindtap="checkBtn">
        {{item.name}}
      </view>
    </view> -->
  </view>

</view>