YZProjectCloud/yanzhu-ui-app/miniprogram/components/select-group-person/index.js

// newComponents/select-group-person/index.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        title:{
            type:String
        },
        index:{
            type:String
        },
        choose:{
            type:String
        },
        multiple:{
            type:Boolean,
            value:true
        },
        rectifierData:{
            type:Array,
            value:[]
        }
    },
    observers: {

    },
    lifetimes: {
        created: function(){
        //在组件实例刚刚被创建时执行，注意此时不能调用 setData
        },
        attached: function () {
            //在组件实例进入页面节点树时执行
        },
        ready: function () {
            // 在组件在视图层布局完成后执行
        },
        detached: function () {
            // 在组件实例被从页面节点树移除时执行
        },
    },

    /**
     * 组件的初始数据
     */
    data: {
        show:false,
        gridData:[],
        selectedIndex:[]
    },

    /**
     * 组件的方法列表
     */
    methods: {
        onAddResponsible(){
            this.setData({
                show:true
            })
        },
        onClose(){
            this.setData({
                show:false
            })
        },
        onSelected(e){
            var data = this.data.rectifierData;
            let ei = e.currentTarget.dataset.index;
            let index = ei.split('_');
            let userdata = data[index[0]].userList[index[1]];
            let of = this.data.selectedIndex.indexOf(ei);
            if(of>-1){
                this.data.selectedIndex.splice(of, 1);
                userdata.state = false;
            }else{
                this.data.selectedIndex.push(ei);
                userdata.state = true;
            }
            if(!this.data.multiple && this.data.selectedIndex.length>0){
                if(this.data.selectedIndex.length>1){
                    this.data.selectedIndex.forEach((item) =>{
                        let _indexs = item.split('_');
                        data[_indexs[0]].userList[_indexs[1]].state = false;
                    });
                    userdata.state = true;
                    this.data.selectedIndex=[];
                    this.data.selectedIndex.push(ei);
                }
                let _post="";
                if(userdata.userPostName){
                    _post = " ["+userdata.userPostName+"]";
                }
                let _gridData=[{'userId':userdata.userId,'userName':userdata.userName+_post,'userPhone':userdata.userPhone}];
                this.triggerEvent('selected',_gridData)
                this.setData({
                    choose:_gridData[0].userName,
                    rectifierData:data,
                    show:false
                })
            }else{
                this.setData({
                    rectifierData : data
                })
            }
        },
        onConfirm(){
            var data = this.data.rectifierData;
            let _gridData=[];
            let chooses="";
            if(this.data.selectedIndex.length>0){
                this.data.selectedIndex.forEach((item) =>{
                    let _indexs = item.split('_');
                    let _post="";
                    if(data[_indexs[0]].userList[_indexs[1]].userPostName){
                        _post = " ["+data[_indexs[0]].userList[_indexs[1]].userPostName+"]";
                    }
                    let name = data[_indexs[0]].userList[_indexs[1]].userName+_post;
                    _gridData.push({'userId':data[_indexs[0]].userList[_indexs[1]].userId,'userName':name,'userPhone':data[_indexs[0]].userList[_indexs[1]].userPhone});
                    chooses+=","+name;
                });
            }
            this.triggerEvent('selected',_gridData)
            this.setData({
                choose:chooses.substring(1),
                show:false
            })
        }

    }
})