iboss_wx_app/components/dkbase/dk-tree-form-more/dk-tree-form-more.wxml

<view wx:for="{{tree}}" class="{{!item[parentIdKey]?'Outer-frame':''}}">
  <!-- 列表上半部分 -->
  <van-swipe-cell right-width="{{ 65 }}" disabled="{{swipeDisabled}}" right-hight="10">


    <view wx:if="{{!item[parentIdKey]}}" style="display: flex;padding:3vw;background: linear-gradient(180deg, #E2ECFF 0%, #FAFCFF 100%);border-radius: 15rpx 15rpx 0 0 ">
      <view style="display: flex;flex: 1;" data-item="{{item}}" data-type="fa" bindtap="clickName">
        <view class="font-title">{{item[nameKey]}}</view>
      </view>

      <view style="margin-right: 20rpx;" wx:if="{{flgValid}}">
        <view class="status-detail-class" style="{{item[flgValidKey] ? 'width: 54rpx' : 'background-color:red;width: 54rpx;'}}">{{item[flgValidKey] ? '启用' : '停用'}}
        </view>
      </view>
      <view style=" text-align: right;border: none;" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange">
        <van-icon wx:if="{{ item.open }}" color="#bdb7b7" name="arrow-down" />
        <van-icon wx:else color="#bdb7b7" name="arrow" />
      </view>
    </view>
    <!-- 侧拉 -->
    <view wx:if="{{!swipeDisabled}}" data-item="{{item}}" bind:tap="onSwipeBind" slot="right">{{(item[flgValidKey] ? '停用' : '启用')}}</view>
  </van-swipe-cell>
  <!-- 列表下半部分 -->
  <view class="{{!item[parentIdKey]?'list-below-item':''}}">
    <block>
      <van-swipe-cell right-width="{{ 65 }}" disabled="{{swipeDisabled}}">
        <view wx:if="{{item[parentIdKey]}}" style="display:flex;align-items:center;margin-left:{{item[itemListKey].length !== 0 ? depth*20 : depth*30}}px;font-size:36rpx;margin-top: 5px;">
          <view wx:if="{{isNameImgFlag}}">
            <view class="tree_left" wx:if="{{item[itemListKey].length !== 0}}" data-id="{{item[idKey]}}" data-open="{{item.open}}">
              <van-image round width="36rpx" height="36rpx" src="{{'/static/img/tree.png'}}" />
            </view>
          </view>
          <view wx:if="{{ischekboxFlag}}">
            <checkbox checked="{{item.selected}}" bindchange="handleCheckboxChange" data-id="{{item.id}}"> </checkbox>
          </view>
          <view class="{{item[itemListKey].length !== 0 ?'parent':'node'}} " style="padding-top: 16rpx;padding-bottom: 16rpx; width: 100%;margin-left: 5vw;font-size: 14px;" data-item="{{item}}" data-type="sub" data-open="{{item.open}}" bindtap="clickName">
            <view class="font">{{item[nameKey]}}</view>
          </view>

          <view style="margin-right: 50rpx;width: 54rpx" wx:if="{{flgValid}}">
            <view class="status-detail-class" style="{{item[flgValidKey] ? 'width:100%' : 'background-color:red;width: 100%;'}}">{{item[flgValidKey] ? '启用' : '停用'}}
            </view>
          </view>

          <view style="flex:1;">
            <!-- <view class="tree_right" wx:if="{{item[itemListKey]}}" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange">
              <van-button type="default" size="mini" custom-style="border:none">  <van-icon wx:if="{{!item.open }}" color="#bdb7b7" name="arrow" />
              <van-icon wx:else name="arrow-down" color="#bdb7b7" /></van-button>
            </view> -->
            <view class="tree_right" wx:if="{{item[itemListKey]}}" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange">
              <van-icon wx:if="{{ item.open }}" color="#bdb7b7" size="15px" name="arrow-down" />
              <van-icon wx:else color="#bdb7b7" size="15px" name="arrow" />
            </view>
          </view>
        </view>
        <!-- 侧拉 -->
        <view wx:if="{{!swipeDisabled}}" data-item="{{item}}" bind:tap="onSwipeBind" slot="right">{{(item[flgValidKey] ? '停用' : '启用')}}</view>
      </van-swipe-cell>
      <block wx:if="{{item[itemListKey]}}">
        <view hidden="{{!item.open}}">
          <dk-tree-form-more bind:clickName="subclickName" bind:onSwipe="subonSwipeBind_" treeList="{{item[itemListKey]}}" ischekboxFlag="{{ischekboxFlag}}" flgValid="{{flgValid}}" swipeDisabled="{{swipeDisabled}}" isNameImgFlag="{{isNameImgFlag}}" flgValidKey="{{flgValidKey}}" nameKey="{{nameKey}}" idKey="{{idKey}}" parentIdKey="{{parentIdKey}}" itemListKey="{{itemListKey}}" id="treeSelect" bind:onclick="click" depth="{{depth+1}}"></dk-tree-form-more>
        </view>
      </block>



    </block>
  </view>


</view>