saas-platform/frontend/saas-web/app/view/sys/power/GroupGrid.js

/**
 * Created by zhouy on 2018/11/8.
 */
Ext.define('saas.view.sys.power.GroupGrid', {
    extend: 'Ext.grid.Panel',
    xtype: 'power-grid',
    bind:{
        store: '{powergrid}'
    },
    tbar:['->',{
        xtype:'button',				
        text:'保存',
        name:'savepower',
        margin:'0 10 0 2',
        style:'background:#34baf6;border-color:#cccccc'
    }],
    features : [Ext.create('Ext.grid.feature.Grouping',{
        collapseTip:null,
        collapsible:false,
        expandTip:null,
		showSummaryRow: false,
        startCollapsed: false,
        groupHeaderTpl: '{name}'+'模块'
	})],
    initId:0,
    dataUrl:'/api/account/role/power/resource',
    selModel: {
        showHeaderCheckbox:false,
        checkOnly:true,
        type:'checkboxmodel',
        listeners:{
            select:function(selModel,record,c,d){
                selModel.view.ownerCt.selectAllPower(record);
            },
            deselect:function(selModel,record){
                selModel.view.ownerCt.deselectAllPower(record);
            }
         }
    },
    viewConfig: {
     stripeRows: false,
     enableTextSelection: false,
     markDirty: false
    },
    trackMouseOver: false,
    columns: [{
        header: '单据名称',
        dataIndex: 'groupName',
        xtype: '',
        flex: 2,
        stopSelection: false,
        menuDisabled:true,
    },{
        header: '查询',
        dataIndex: 'query',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('query');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('query',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '保存',
        dataIndex: 'add',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('add');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('add',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '修改',
        dataIndex: 'update',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('update');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('update',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '删除',
        dataIndex: 'delete',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('delete');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('delete',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '审核',
        dataIndex: 'audit',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('audit');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('audit',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '反审核',
        dataIndex: 'unAudit',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('unAudit');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('unAudit',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '导入',
        dataIndex: 'fileImport',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('fileImport');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('fileImport',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '导出',
        dataIndex: 'fileExport',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('fileExport');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('fileExport',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    }, {
        header: '打印',
        dataIndex: 'print',
        xtype: 'checkcolumn',
        headerCheckbox: true,
        menuDisabled:true,
        flex: 1,
        stopSelection: false,
        onTitleElClick:function(a,b,c,d){
            var me = this;
            var records = me.ownerCt.ownerCt.store.data.items;
            var first = 'null',isAllCheck = true;
            Ext.Array.each(records,function(rec){
                var data = rec.get('print');
                if(data!=null&&(typeof data)=='boolean'){
                    if(first=='null'){
                        first = data;
                    }else{
                        if(first!=data){
                            isAllCheck = false
                        }
                    }
                    rec.set('print',!data)
                }
            });
            if(isAllCheck){
                me.setHeaderStatus(!first)
            }
        },
        doUpdateHeaderState: function(e) {
            return true;
        }
    },{
        text: '其它',
        flex: 2.7,
        dataIndex:'other',
        xtype: 'widgetcolumn',
        menuDisabled:true,
        producesHTML: false,
        widget: {
            xtype: 'powerotherfield',
            bind:'{record.other}'
        }
    }],

    initComponent: function () {
        var me = this;
        var formModel = me.$initParent.getViewModel();
        me.store = Ext.create('Ext.data.Store',{
            fields:[
                {name: 'groupId',type:'int'},
                {name: 'groupName',type:'string'},
                {name: 'moduleName',type:'string'},
                {name: 'add'},
                {name: 'delete'},
                {name: 'audit'},
                {name: 'update'},
                {name: 'unAudit'},
                {name: 'fileExport'},
                {name: 'fileImport'},
                {name: 'print'},
                {name: 'other', calculate: function(data) {
                    var groupId = data['groupId'];
                    var other = data['other'];
                    Ext.Array.each(other,function(o){
                        o.groupId=groupId;
                    })
                    return other;
                }}
            ],
            groupField:'moduleName',
            proxy: {
                timeout:8000,
                type: 'ajax',
                url: me.dataUrl,
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                }
            },
            listeners:{
                beforeload: function (store, op) {
                    var id = me.initId;
                    Ext.apply(store.proxy.extraParams, {
                        id:id
                    });
                }
            }
            // data: [{"query":true,"add":false,"delete":false,"audit":true,"resAudit":true,"import":true,"export":true},{"query":true,"add":false,"delete":false,"audit":true,"resAudit":true,"import":true,"export":true,"others":[{'resouceId':1,'text':'权限1','value':'true'}]},
            //     {"query":true,"add":false,"delete":false,"audit":true,"resAudit":true,"import":true,"export":true,"others":[{'resouceId':100,'text':'权限2','value':true},{'resouceId':101,'text':'权限2.1','value':true}]},
            //     {"query":true,"add":false,"delete":false,"audit":true,"resAudit":true,"import":true,"export":true,"others":[{'resouceId':1000,text:'权限3','value':true},{'resouceId':1001,'text':'权限3.1','value':true},{'resouceId':1002,'text':'权限1','value':true},{'resouceId':100,'text':'权限3.2','value':true}]}]
        }),
        formModel.set('powergrid', me.store);
        me.callParent(arguments);
    },

    selectAllPower: function(record){
        var me = this;
        me.setAllOthers(record,true);

    },
    deselectAllPower:function(record){
        var me = this;
        me.setAllOthers(record,false);
    },
    setAllOthers:function(record,bool){
        var data = {};
        data.add = record.get('add')==null?null:bool;
        data.query = record.get('query')==null?null:bool;
        data.delete = record.get('delete')==null?null:bool;
        data.audit = record.get('audit')==null?null:bool;
        data.update = record.get('update')==null?null:bool;
        data.unAudit= record.get('unAudit')==null?null:bool;
        data.fileExport= record.get('fileExport')==null?null:bool;
        data.fileImport= record.get('fileImport')==null?null:bool;
        data.print= record.get('print')==null?null:bool;
        var other=record.get('other');
        Ext.Array.each(other,function(o){
            o.checked=bool;
        });
        data.other = other;
        data.id = record.get('id');
        data.groupId = record.get('groupId');
        data.groupName = record.get('groupName');
        data.moduleName =  record.get('moduleName');
        record.set(data);
    }
});