<van-search value="{{ condition }}" shape="round" background="var(--primary)" bind:search='startSearch' placeholder="搜索联系人" />
<add isGroup bind:callBack='toAddContacts' bind:openDialog='openDialog' />
<!-- 系统分组 -->
<view class="group-box">
    <view class="title">系统群组</view>
    <navigator url="#" class="group" wx:for="{{systemGroup}}" wx:key="groupname" bindtap="toCheckList" data-item="{{item}}">
        <view class="icon" style="background: #FA8C16;">
            <text class="iconfont icon-xiaochengxu_qunzu" />
        </view>
        <view class="text">
            <view class="name">{{item.groupname}}</view>
            <view class="count">已有 {{item.phonebook.length}} 人</view>
        </view>
        <van-icon size='14' color='#D2D2D2' name="arrow" />
    </navigator>
</view>
<!-- 自定义分组 -->
<view class="group-box">
    <view class="title">自定义群组</view>
    <van-swipe-cell id="swipe-cell" async-close right-width="{{ 120 }}" wx:for="{{myGroup}}" wx:key="groupname" bind:close="onClose">
        <van-cell-group>
            <navigator url="#" class="group" bindtap="toCheckList" data-item="{{item}}">
                <view class="icon" style="background: #52C41A;">
                    <text class="iconfont icon-xiaochengxu_qunzu" />
                </view>
                <view class="text">
                    <view class="name">{{item.groupname}}</view>
                    <view class="count">已有 {{item.phonebook.length}} 人</view>
                </view>
                <van-icon size='14' color='#D2D2D2' name="arrow" />
            </navigator>
        </van-cell-group>
        <view slot="right" class="slide">
            <van-button custom-class='but' color="#FA8C16" bindtap="openDialog" data-item="{{item}}">编辑</van-button>
            <van-button custom-class='but' color="#FF3B30" bindtap="deleteGroup" data-item="{{item}}">删除</van-button>
        </view>
    </van-swipe-cell>
</view>
<!-- 添加群组 -->
<van-dialog use-slot title="添加群组" show="{{ dialogShow }}" showCancelButton confirmButtonText='确定' confirm-button-color='var(--assist)' bind:confirm='handleAddGroup' bind:cancel='onCancel'>
    <view class="group">
        <input type="text" placeholder="请输入群组名称" bindinput="inputName" value="{{groupName}}" class="group-name" />
    </view>
</van-dialog>