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

<view wx:for="{{tree}}" class="{{!item[parentIdKey]?'Outer-frame':''}}">
    <!-- 列表上半部分 -->
    <view wx:if="{{!item[parentIdKey]}}" style="display: flex;padding:3vw;background: linear-gradient(95.33deg, #ADC6FF -2.27%, #F0F5FF 60.66%), linear-gradient(0deg, #F4F8FF, #F4F8FF), radial-gradient(58.28% 235.72% at 10.78% 50%, rgba(191, 213, 255, 0.6) 0%, rgba(216, 229, 255, 0) 56.69%);border-radius: 15rpx 15rpx 0 0 ">
        <view style="display: flex;width: 100%;" data-item="{{item}}" data-type="fa" bindtap="clickName">

            <van-image round width="39rpx" height="39rpx" src="{{imageUrl + 'org-img.png'}}" />

            <view style="margin-left:5vw;font-size: 16px;">{{item[nameKey]}}</view>
        </view>
        <view style=" text-align: right;position: absolute;right: 40rpx;" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange" wx:if="{{item.children && item.children.length > 0}}">
            <van-icon wx:if="{{ item.open }}" color="#bdb7b7" name="arrow-down" />
            <van-icon wx:else color="#bdb7b7" name="arrow" />

        </view>
    </view>
    <!-- 列表下半部分 -->
    <view class="{{(item.children && item.children.length > 0 && !item[parentIdKey] && item.open)?'list-below-item':''}}">
        <view style="width: 100%;">
            <view wx:if="{{item[parentIdKey]}}" style="display:flex;align-items:center;margin-left:{{item[itemListKey].length !== 0 ? depth*40 : depth*60}}rpx;font-size:15px; " class="list-below-item">
                <!--  -->
                <view wx:if="{{isNameImgFlag}}">
                    <view class="tree_left" wx:if="{{item[itemListKey].length !== 0}}" data-id="{{item[idKey]}}" data-open="{{item.open}}">
                        <van-image src="{{imageUrl + 'tree.png'}}" width="25rpx" height="25rpx" fit="heightFix" />
                    </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="width: 100%;margin-left: 5vw;font-size: 14px;" data-item="{{item}}" data-type="sub" data-open="{{item.open}}" bindtap="clickName">
                    <!-- bindtap="onchange" -->
                    {{item[nameKey]}}

                    <!-- <view class="selected" wx:if="{{item.category !== 'index'}}" catchtap="handleClick"
                    data-id="{{item.id}}" data-value="{{item.name}}">
                    <image hidden="{{item.selected === false}}" src="../../pages/image/tick.png"
                        style="width:20px;height:20px;"></image>
                </view> -->
                </view>
                <view style="position: absolute;right: 40rpx;">
                    <view class="tree_right" wx:if="{{item[itemListKey]}}" data-id="{{item[idKey]}}" data-open="{{item.open}}" bindtap="onchange">
                        <!-- <view class="{{!item.open ? 'icon-right' : 'icon-down'}}"></view> -->
                        <van-icon wx:if="{{!item.open }}" color="#bdb7b7" name="arrow" />
                        <van-icon wx:else name="arrow-down" color="#bdb7b7" />
                    </view>
                </view>
            </view>
            <view wx:if="{{item[itemListKey]}}">
                <view hidden="{{!item.open}}">
                    <dk-tree-form bind:clickName="subclickName" treeList="{{item[itemListKey]}}" ischekboxFlag="{{ischekboxFlag}}" isNameImgFlag="{{isNameImgFlag}}" nameKey="{{nameKey}}" idKey="{{idKey}}" parentIdKey="{{parentIdKey}}" itemListKey="{{itemListKey}}" isLastClickFlag="{{isLastClickFlag}}" id="treeSelect" bind:onclick="click" depth="{{depth+1}}"></dk-tree-form>
                </view>
            </view>
        </view>
    </view>


</view>