/** * Created by zhouy on 2018/10/18. */ Ext.define('saas.view.sys.maxnumbers.DataList', { extend: 'Ext.grid.Panel', xtype: 'sys-maxnumbers-datalist', controller: 'sys-maxnumbers-datalist', viewModel: 'sys-maxnumbers-datalist', autoScroll: true, frame:true, layout:'fit', //工具类 FormUtil: Ext.create('saas.util.FormUtil'), BaseUtil: Ext.create('saas.util.BaseUtil'), dataUrl:'http://192.168.253.31:8920/number/list', deleteUrl:'http://192.168.253.31:8920/number/delete/', tbar: [{ width: 150, name: 'mn_caller', xtype: 'textfield', emptyText : '单据Caller' },{ width: 150, name: 'mn_leadcode', xtype: 'textfield', emptyText : '单据前缀' },{ cls:'x-formpanel-btn-orange', xtype:'button', text:'查询', listeners: { click:function(b){ var grid = b.ownerCt.ownerCt; var tbar = b.ownerCt; grid.condition = ''; var items = []; var fields = tbar.items.items.map(f => f.name); Ext.each(fields, function(f, index){ var field = tbar.down('[name='+f+']'); if(field){ items.push(field); } }); grid.condition = grid.getCondition(items); grid.store.loadPage(1); } } },'->',{ cls:'x-formpanel-btn-blue', xtype:'button', text:'新增', listeners: { click: function(){ var document = Ext.create('saas.view.document.kind.Kind',{}); var form = this.ownerCt.ownerCt; var grid = this.ownerCt.ownerCt.items.items[0].grid; this.dialog = form.getController().getView().add({ xtype: 'document-kind-childwin', bind: { title: '新增单据编码规则' }, dataKind:'maxnumbers', belong:document.etc['maxnumbers'], _parent:form, _combo:grid, record:null, session: true }); this.dialog.show(); } } }], columns : [{ text : "id", width : 0, dataIndex : "id", xtype : "numbercolumn", },{ text : "单据caller", width : 200.0, dataIndex : "mn_caller", xtype : "", }, { text : "单据前缀", dataIndex : "mn_leadcode", width : 120.0, xtype : "", }, { text : "单据规则", dataIndex : "mn_rule", width : 220.0, xtype : "", },{ text : "流水长度", dataIndex : "mn_number", width : 120.0, xtype : "", }], dbSearchFields: [], condition:'', initComponent: function() { var me = this; if(me.columns){ var fields = me.columns.map(column => column.dataIndex); me.columns = me.insertFirstColumn(me.columns); me.store = Ext.create('Ext.data.Store',{ fields:fields, autoLoad: true, pageSize: 11, data: [], proxy: { timeout:8000, type: 'ajax', url: me.dataUrl, actionMethods: { read: 'GET' }, reader: { type: 'json', rootProperty: 'data.list', totalProperty: 'data.total', } }, listeners: { beforeload: function (store, op) { var condition = me.condition; if (Ext.isEmpty(condition)) { condition = ""; } Ext.apply(store.proxy.extraParams, { number: op._page, size: store.pageSize, condition: JSON.stringify(condition) }); } } }); Ext.apply(me, { dockedItems:[{ xtype: 'pagingtoolbar', dock: 'bottom', displayInfo: true, store: me.store }] }); } me.callParent(arguments); }, onVastDeal:function(url,type){ var form = this.ownerCt; var grid = this; var data = grid.getGridSelected(type); if(!data){ showToast('请勾选符合条件的行进行操作。'); return false; } if(data&&data.length>0){ var params = JSON.stringify({baseDTOs:data}); form.BaseUtil.request({ url: url, params: params, method: 'POST', async:false }) .then(function() { showToast('操作成功'); grid.store.load(); }) .catch(function(response) { showToast('操作失败'); }); }else{ showToast('请勾选至少一条明细。'); } }, listeners:{ itemClick: function(view,record,a,index,c) { var classList = c.target.classList.value; var grid = this; if(classList.indexOf('fa-pencil')>-1){ var document = Ext.create('saas.view.document.kind.Kind',{}); var form = this.ownerCt; this.dialog = form.getController().getView().add({ xtype: 'document-kind-childwin', bind: { title: '修改单据编码规则' }, dataKind:'maxnumbers', belong:document.etc['maxnumbers'], _parent:form, _combo:this, record:record, session: true }); this.dialog.show(); }else if(classList.indexOf('fa-trash-o')>-1){ //删除 var id = record.get('id'); if(id){ grid.BaseUtil.request({ url: grid.deleteUrl+id, method: 'POST', }) .then(function(localJson) { if(localJson.success){ //解析参数 showToast('删除成功'); view.ownerCt.store.load(); } }) .catch(function() { showToast('删除失败'); }); } } } }, insertFirstColumn:function(columns){ var me=this; if(columns.length>0 && columns[0].xtype!='actioncolumn'){ return Ext.Array.insert(columns,0,[{ xtype:'actioncolumn', width:70, dataIndex:'actioncolumn', text:'操作', items: [{ tooltip: '编辑', iconCls: 'x-fa fa-pencil fa-fw', scope:this },{ text:'删除', iconCls:'x-fa fa-trash-o fa-fw', tooltip: '删除', scope:this }] }]); } return columns; }, getGridSelected:function(type){ var isErrorSelect = false; var checkField = this.statusCodeField; var me = this, items = me.selModel.getSelection(), data = new Array() ; Ext.each(items, function(item, index){ if(!Ext.isEmpty(item.data[me.idField])){ var o = new Object(); if(me.idField){ o['id'] = item.data[me.idField]; } if(me.codeField){ o['code'] = item.data[me.codeField]; } if(type&&type==item.data[checkField]){ isErrorSelect = true } data.push(o); } }); if(isErrorSelect){ return false; } return data; }, /** * 获得过滤条件 */ getCondition: function(items) { var me = this, conditions = []; for(var i = 0; i < items.length; i++) { var item = items[i]; var field = item.name, func = item.getCondition, value = item.value, condition; if(typeof func == 'function') { condition = { type: 'condition', value: func(value) } }else { var xtype = item.xtype || 'textfield', type = item.fieldType || me.getDefaultFieldType(xtype), operation = item.operation || me.getDefaultFieldOperation(xtype), conditionValue = me.getConditionValue(xtype, value); if(!conditionValue) { continue; } condition = { type: type, field: field, operation: operation, value: conditionValue } } conditions.push(condition); }; return conditions; }, getDefaultFieldType: function(xtype) { var type; if(Ext.Array.contains(['numberfield'], xtype)) { type = 'number'; }else if(Ext.Array.contains(['datefield', 'condatefield'], xtype)) { type = 'date'; }else if(Ext.Array.contains(['combobox', 'multicombo', 'combo', 'radiofield', 'radio'], xtype)) { type = 'enum'; }else { type = 'string'; } return type; }, getDefaultFieldOperation: function(xtype) { var operation; if(Ext.Array.contains(['numberfield'], xtype)) { operation = '='; }else if(Ext.Array.contains(['datefield'], xtype)) { operation = '='; }else if(Ext.Array.contains(['condatefield'], xtype)) { operation = 'between'; }else if(Ext.Array.contains(['combobox', 'multicombo', 'combo'], xtype)) { operation = 'in'; }else { operation = 'like'; } return operation; }, /** * 处理部分字段值 */ getConditionValue: function(xtype, value) { var conditionValue; if(xtype == 'datefield') { conditionValue = Ext.Date.format(new Date(from), 'Y-m-d H:i:s'); }else if(xtype == 'condatefield') { var from = value.from, to = value.to; conditionValue = Ext.Date.format(new Date(from), 'Y-m-d 00:00:00') + ',' + Ext.Date.format(new Date(to), 'Y-m-d 23:59:59'); }else if(xtype == 'combobox' || xtype == 'combo') { conditionValue = '\'' + value + '\''; }else if(xtype == 'multicombo') { conditionValue = value.map(function(v) { return '\'' + v.value + '\''; }).join(','); }else { conditionValue = value; } return conditionValue; }, refresh:function(){ //debugger } })