epmet-resi-rizhao/pages/guide/chooseGrid/chooseGrid.wxml

<view class="choose-content">
    <view class="choose-content-inner">
        <view class="choose-title">当前定位</view>
        <view class="local">
            <view class="address">
                <view class="icn">
                    <image src="../../../assets/images/gps.png" />
                </view>
                <text>{{currentAddress || "无法获取您的位置信息"}}</text>
            </view>
            <view class="getgps" bindtap="reLocation">
                <view class="icn">
                    <image src="../../../assets/images/getlocal.png" />
                </view>
                <text>重新定位</text>
            </view>
        </view>
    </view>
</view>
<view class="choose-content">
  <!-- <view class="choose-cell">
    <view class="cell-label">网格查找</view>
    <input value="{{idCard}}" class="cell-input" placeholder="请输入证件号查询所属网格"
      bindinput="handleInput" bindblur="handleBlur" maxlength="{{18}}"/> -->
    <!-- <view class="cell-icon">
      <image class="cell-img" src="../../../assets/images/group/close.png" />
    </view> -->
    <!-- <view class="cell-btn" bind:tap="handleSearch">查询</view>
    <view wx:if="{{idCard.length > 0}}" class="cell-btn-cancle" bind:tap="handleCancle">取消</view>
  </view> -->


  <view class="choose-cell">
    <view class="cell-label">网格查找</view>
    <input value="{{buildingName}}" class="cell-input" placeholder="请输入小区名称，如亿联小区"
      bindinput="handleInput_new" bindblur="handleBlur_new" bindfocus="handleFocus"/>
    <!-- <view class="cell-icon">
      <image class="cell-img" src="../../../assets/images/group/close.png" />
    </view> -->
    <!-- <view class="cell-btn" bind:tap="handleSearch_new">查询</view> -->
    <view wx:if="{{ isShowHouseList && buildingName }}" class="cell-btn" bind:tap="handleCancle_new">取消</view>
  </view>
</view>

<view class="m-list"
    wx:if="{{gridList.length>0 || !hasChose}}">
    <block wx:if="{{ !isShowHouseList }}" >
        <view wx:if="{{currentAddress}}" class="grids-near">附近网格</view>
        <view wx:else class="select-city">
            <picker mode="region" class="{{selectedarea?'select-area':''}}" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
                <view wx:if="{{!selectedarea}}">
                    <text decode="true">&nbsp;&nbsp;&nbsp;选择当前城市</text>
                    <view class="selcity">
                        <image src="../../../assets/images/index/select.png" />
                    </view>
                </view>
                <view wx:else>
                    <text decode="true">&nbsp;&nbsp;&nbsp;{{region[0]}}/{{region[1]}}/{{region[2]}}</text>
                    <view class="selcity">
                        <image src="../../../assets/images/index/select.png" />
                    </view>
                </view>
            </picker>
        </view>
    </block>


    <block wx:if="{{ isShowHouseList }}">
        <view class="grids-near">楼栋列表</view>
    </block>

    <view class="grids {{!isShowHouseList && selectedarea ? 'padding-top':''}}">
        <view class="grids-list" wx:for="{{gridList}}">
            <view class="grid-item">
              <view class="grid-flex" data-index="{{index}}" bind:tap="handleItem">
                <view style="max-width:520rpx">
                    <view class="grid-item-label" >
                      {{!isShowHouseList ? item.gridName : (item.neighborhoodName ? item.neighborhoodName + '-' : '') + (item.buildingName ? item.buildingName + '-' : '') + item.gridName}} <image class="grid-item-icon" src="../../../assets/images/index/arrow.png" />
                    </view>

                </view>
                <view class="togrid" data-gname="{{item.gridName}}" data-gid="{{item.gridId}}" data-cid="{{item.customerId}}" bindtap="loginGrid">
                    进入网格
                </view>
              </view>
              <view wx:if="{{item.showItem}}" class="gird-item-tips">{{ item.village }}</view>
            </view>
        </view>
    </view>
    
    <view class="m-empty" wx:if="{{!params.isNone && gridList.length==0}}">加载中……</view>

    <view class="m-noMore" wx:if="{{params.isNone}}">没有更多了</view>
</view>

<block wx:if="{{ !isShowHouseList }}">
    <view wx:if="{{gridList.length==0 && hasChose}}" class="select-city choose-again">
        <picker mode="region" class="{{selectedarea?'select-area':''}}" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
            <view wx:if="{{!selectedarea}}">
                <text decode="true">&nbsp;&nbsp;&nbsp;选择当前城市</text>
                <view class="selcity">
                    <image src="../../../assets/images/index/select.png" />
                </view>
            </view>
            <view wx:else>
                <text decode="true">&nbsp;&nbsp;&nbsp;{{region[0]}}/{{region[1]}}/{{region[2]}}</text>
                <view class="selcity">
                    <image src="../../../assets/images/index/select.png" />
                </view>
            </view>
        </picker>
    </view>
    <view class="nogrid" wx:if="{{!selectedarea}}">
        <text>请先选择您所在城市</text>
    </view>

    <view class="nogrid" wx:if="{{gridList.length==0 && hasChose}}">
        <view class="no">
            <image src="../../../assets/images/index/nogrid.png" />
        </view>
        <text>您所在的城市还未开通网格\n如需开通请联系：\n {{contact}} \n<text wx:if="{{qrUrl!==''}}">或扫码添加客服微信</text></text>
        <view class="qr"><image class="qrcode" wx:if="{{qrUrl!==''}}" src="{{qrUrl}}" /></view>
    </view>
</block>

<block wx:if="{{ isShowHouseList }}">
    <view class="nogrid" wx:if="{{gridList.length==0 && hasChose}}">
        <view class="no">
            <image src="../../../assets/images/index/nogrid.png" />
        </view>
        <text>未查询到该小区楼栋对应的网格\n如需开通请联系：\n {{contact}} \n<text wx:if="{{qrUrl!==''}}">或扫码添加客服微信</text></text>
        <view class="qr"><image class="qrcode" wx:if="{{qrUrl!==''}}" src="{{qrUrl}}" /></view>
    </view>
</block>