recruit-tag-checkbox

recruit-tag-checkbox 使用说明

参数说明

    const option = {
        showPop: false,
        popTitle: '选择猎头公司',
        isGroupable: true, // 是否可以分组选择
        isMultiple: false, // 单多选模式，分组模式下默认为多选
        maxSelected: 5, // 最多可勾选数量
        maxErrorMsg: '最多选择5家猎头公司', //超出最大数量提示
        isFetching: false, // 是否正在加载，true时为loading动画
        tagData: [
            {
                text: '分组1'
                ,tagId: 100
            }
            ,{
                text: '分组1'
                ,tagId: 101
            }
            ,{
                text: '分组2'
                ,tagId: 102
            }
        ]  // 分组标签区域数据
        ,headerData: [
            {
                text: '公司名称'
                ,key: 'companyName'
            }
            ,{
                text: '标签'
                ,key: 'tagName'
            }
            ,{
                text: '备注'
                ,key: 'remarks'
            }
        ]  // 列表表头数据
        ,listData: [
            {
                items: {
                    companyName: '北森111'
                    ,tagName: '分组1'
                    ,remarks: '11111'
                }
                ,itemId: 10001
                ,tagId: 100 // 分组ID，不显示在列表中
                ,selectedName: '北森111' // 列表选中后在结果区期望显示的内容
            }
            ,{
                items: {
                    companyName: '北森222'
                    ,tagName: '分组1'
                    ,remarks: '22222'
                }
                ,itemId: 10002
                ,tagId: 100
                ,selectedName: '北森222'
            }
            ,{
                items: {
                    companyName: '北森333'
                    ,tagName: '分组2'
                    ,remarks: '33333'
                }
                ,itemId: 10003
                ,tagId: 101
                ,selectedName: '北森333'
            }
            ,{
                items: {
                    companyName: '北森444'
                    ,tagName: '分组2'
                    ,remarks: '44444'
                }
                ,itemId: 10004
                ,tagId: 101
                ,selectedName: '北森444'
            }
            ,{
                items: {
                    companyName: '北森555'
                    ,tagName: '分组3'
                    ,remarks: '55555'
                }
                ,itemId: 10005
                ,tagId: 102
                ,selectedName: '北森555'
            }
            ,{
                items: {
                    companyName: '北森666'
                    ,tagName: '分组3'
                    ,remarks: '66666'
                }
                ,itemId: 10006
                ,tagId: 102
                ,selectedName: '北森666'
            }
        ]  //列表数据
        ,selectedData: [
            {
                itemId: 10004
                ,isChecked: true
                ,selectedName: '北森444'
                ,tagId: 101
            }
        ] //已选数据
        ,searchResults: [] // 搜索请求回来的数据
        ,searchSubmit: function(data) {
            self.search(); // enent值为event.target
        } // 搜索数据回调方法
        ,popSubmit: function(data) {
        } // 弹窗确定按钮回调方法
        ,popCancel: function() {} // 弹窗取消按钮回调方法
        ,onClickTag: function(tagId) {
                console.log(tagId) 
        } // 点击标签回调方法
    }