selectArea.axml 3.84 KB
<view class="lableTreeBox">
  <view class="lableTreeContent">
    <view class="lableTreeHeader">
      <view class="cancelSelectAre" catchTap="cancelSelectAre">
        取消
      </view>
      <view class="sureSelectAre" catchTap="sureSelectAre">
        确定
      </view>
    </view>
    <view class="lableTreeModal">
      <scroll-view scroll-y="{{true}}" style="height: 422rpx;padding-top: 8rpx">
        <view class="treeUl">
          <block a:for="{{lableTree}}">
            <view  data-selectid="{{item.id}}" class="treeLi">
              <view class="treeName {{ item.id===locationId ? 'lableTreeChecked' : '' }}">
                <view class="labelIsShow" data-index="{{[index]}}" data-cycle="1" catchTap="onChangeStatus">
                  <text class="iconfont iconsanjiao" a:if="{{item.status}}"></text>
                  <text class="iconfont iconsanjiao1" a:elif="{{!item.status}}"></text>
                </view>
                <view class="treeLabel" data-id="{{item.id}}" data-name="{{item.name}}" data-cycle="1" catchTap="onChangeAreId">
                  <view>
                    <text class="iconfont iconchengshi-"></text><text style="font-size:28rpx">{{item.name}}</text>
                  </view>
                  <view a:if="{{item.id===locationId}}" style="color: #1890FF;">
                    <text class="iconfont iconxuanzhong1"></text>
                  </view>
                </view>
              </view>
              <view  a:if="{{item.children.length > 0 && item.status}}" class="treeUl">
                <block a:for="{{item.children}}" a:for-index="index2" a:for-item="item2">
                  <view  data-selectid="{{item2.id}}" class="treeLi">
                    <view class="treeName {{ item2.id===locationId ? 'lableTreeChecked' : '' }}">
                      <view class="labelIsShow" data-index="{{[index,index2]}}" data-cycle="2" catchTap="onChangeStatus">
                        <text class="iconfont iconsanjiao" a:if="{{item2.status}}"></text>
                        <text class="iconfont iconsanjiao1" a:elif="{{!item2.status}}"></text>
                      </view>
                      <view class="treeLabel" data-id="{{item2.id}}" data-name="{{item2.name}}" catchTap="onChangeAreId">
                        <view>
                          <text class="iconfont iconjianzhu1"></text><text style="font-size:28rpx">{{item2.name}}</text>
                        </view>
                        <view a:if="{{item2.id===locationId}}" style="color: #1890FF;">
                          <text class="iconfont iconxuanzhong1"></text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view  a:if="{{item2.children.length > 0 && item2.status}}" class="treeUl" style="margin-left: 50rpx">
                    <block a:for="{{item2.children}}" a:for-index="index3" a:for-item="item3">
                      <view  data-selectid="{{item3.id}}" class="treeLi">
                        <view class="treeName {{ item3.id===locationId ? 'lableTreeChecked' : '' }}">
                          <view class="treeLabel" data-id="{{item3.id}}" data-name="{{item3.name}}" catchTap="onChangeAreId">
                            <view>
                              <text class="iconfont iconlouceng-"></text><text style="font-size:28rpx">{{item3.name}}</text>
                            </view>
                            <view a:if="{{item3.id===locationId}}" style="color: #1890FF;">
                              <text class="iconfont iconxuanzhong1"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </block>
                  </view>
                </block>
              </view>
            </view>
          </block>
        </view>
      </scroll-view>
    </view>
  </view>
</view>