bwj_wechat/pages/chatRoom/create.wxml

<view class="box">
    <!-- 编辑群名 -->
    <view class="group-name">
        <view class="name">
            <text style="opacity: 0;">{{inputValue==''?'编辑群名':inputValue}}</text>
            <input type="text" bindinput="nameInput" bindconfirm="changeName" value="{{inputValue}}" placeholder="编辑群名" />
        </view>
        <image confirm-type='done' src="/static/icon-17.png"></image>
    </view>
    <!-- 搜索 -->
    <view class="search">
        <block wx:if="{{pageType==0}}">
            <image src="/static/icon-16.png"></image>
            <input type="text" placeholder="搜索" placeholder-style="opacity:.5;" confirm-type='search' bindconfirm="indistinct" />
        </block>
        <block wx:else>
            <view class="users">
                <view wx:for="{{users}}">
                    <image class="userImg" wx:if="{{item.headportraiturl}}" src="{{item.headportraiturl}}" mode="aspectFill"></image>
                    <image class="userImg" wx:else src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png" mode="aspectFill"></image>
                </view>
            </view>
            <view class="add-remove">
                <image data-type='add' hidden="{{showRemove}}" class="add-remove-img" catchtap="addAndRemove" src="/static/icon-22.png" />
                <image data-type='remove' class="add-remove-img" catchtap="addAndRemove" src="/static/icon-21.png" />
            </view>
        </block>
    </view>
    <!-- 人员选择 -->
    <view class="choose">
        <view class="title" wx:if="{{pageType==0}}">
            职位选择
            <van-radio-group direction='horizontal' value="{{ identity }}" bind:change="selectType">
                <van-radio checked-color='#4DC2D4' name="全部" icon-size="28rpx" custom-class='radio-group-class group-class' label-class='van-radio-class'>全部</van-radio>
                <van-radio checked-color='#4DC2D4' name="仅老板" icon-size="28rpx" custom-class='group-class' label-class='van-radio-class'>仅老板</van-radio>
            </van-radio-group>
            <view class="go-back" catchtap="goBack" wx:if="{{users.length!=0}}">
                <block wx:if="{{showRemove==true|| pageType==0}}">
                    <van-icon name="arrow-left" />
                    <van-icon style="margin-left: -12rpx;" name="arrow-left" />返回上一级
                </block>
            </view>
        </view>
        <view wx:else class="title">
            群聊成员
            <view class="go-back" catchtap="goBack" wx:if="{{users.length!=0}}">
                <block wx:if="{{showRemove==true|| pageType==0}}">
                    <van-icon name="arrow-left" />
                    <van-icon style="margin-left: -12rpx;" name="arrow-left" />返回上一级
                </block>
            </view>
        </view>
        <view style="flex: 1; max-height: 65vh;  position: relative;">
            <scroll-view style="height: 100%; width: 100vw;" scroll-y>
                <!-- 选择添加成员 -->
                <block wx:if="{{pageType==0}}">
                    <van-collapse custom-class="collapse-cus" value="{{ activeNames }}" bind:change="collapseChange">
                        <van-checkbox-group value="{{ result }}" bind:change="userListCheckboxChange">
                            <van-collapse-item custom-class="collapse-item" wx:for="{{buddyList}}" name="{{index}}">
                                <view slot="title" class="collapse-title">
                                    <van-checkbox name="{{item.userList[0].tenterprise_userid}}" shape='round' icon-size="14px" checked-color="#4DC2D4" data-index="{{index}}" data-id="{{item.userList[0].tenterprise_userid}}" catchtap="titleRadio"><text class="u-line-1" data-index="{{index}}" data-id="{{item.userList[0].tenterprise_userid}}" style="max-width: 400rpx;display: inline-block;">{{item.fbrand}}</text></van-checkbox>
                                </view>
                                <van-checkbox disabled='{{index==0}}' icon-size="14px" data-index="{{index}}" data-id="{{it.tenterprise_userid}}" catchtap="listClick" id="{{item.userList[0].tenterprise_userid}}" wx:for="{{item.userList}}" wx:for-item="it" custom-class='user-list-custom' checked-color='#4DC2D4' label-class="user-list-checkbox" wx:key="index" name="{{it.tenterprise_userid}}">
                                    <view class="user-item u-line-1">
                                        <image wx:if="{{it.attinfos[0].fobsurl}}" src="{{it.attinfos[0].fobsurl}}" mode="aspectFill" />
                                        <image wx:else src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png" mode="aspectFill" />{{it.fname}}
                                    </view>
                                </van-checkbox>
                            </van-collapse-item>
                        </van-checkbox-group>
                    </van-collapse>
                    <van-empty wx:if="{{buddyList.length==0}}" description="暂无数据" />
                    <view style="height: 60rpx; width: 50rpx;"></view>
                </block>
                <!-- 成员列表 -->
                <block wx:else>
                    <view class="member-list">
                        <van-checkbox-group value="{{ removeList }}" bind:change="removeListChange">
                            <view class="member-item" wx:for="{{users}}">
                                <van-checkbox disabled='{{index==0}}' wx:if="{{showRemove && index!=0}}" checked-color='#4DC2D4' icon-size='14' name="{{item.tenterprise_userid}}" />
                                <image wx:if="{{item.headportraiturl}}" src="{{item.headportraiturl}}" mode="aspectFill"></image>
                                <image wx:else src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/userCenter/userImg.png" mode="aspectFill"></image>
                                <text class="u-line-1">{{item.fname!=''?item.fname:'匿名用户'}}{{item.fbrand!=''?'-'+item.fbrand:''}}</text>
                            </view>
                        </van-checkbox-group>
                    </view>
                </block>
            </scroll-view>
            <view class="all" wx:if="{{pageType==0}}">
                <van-checkbox value="{{ checkAll }}" icon-size="28rpx" checked-color='#4DC2D4' bind:change="allChange" custom-class='radio-group-class group-class' label-class='van-radio-class'>全选</van-checkbox>
            </view>
        </view>
        <van-button disabled='{{result.length==0}}' wx:if="{{pageType==0}}" custom-class='vanBut' catchtap="createdGroup">立即创建</van-button>
        <van-button disabled='{{removeList.length==0}}' wx:if="{{showRemove}}" custom-class='vanBut' catchtap="removeMember">删除成员</van-button>
    </view>
</view>