Ext.namespace('DsTruck'); DsTruck.MsWlCheckAccIndex = function (config) { Ext.applyIf(this, config); this.initUIComponents(); window.DsTruck.MsWlCheckAccIndex.superclass.constructor.call(this); }; Ext.extend(DsTruck.MsWlCheckAccIndex, Ext.Panel, { OprationStatus: null, //仅当弹出界面时使用 SelectedRecord: null, initUIComponents: function () { //定义数据集 Ext.Ajax.timeout = 12000000; this.storeList = Ext.create('Ext.data.Store', { model: 'MsWlCheckAcc', remoteSort: true, proxy: { type: 'ajax', timeout: 60000000, //60秒 url: '/TruckMng/MsWlCheckAcc/GetDataList', reader: { id: 'GId', root: 'data', totalProperty: 'totalCount' } } }); //定义Grid this.gridList = new Ext.grid.GridPanel({ store: this.storeList, enableHdMenu: false, region: 'center', loadMask: { msg: "数据加载中,请稍等..." }, trackMouseOver: true, disableSelection: false, features: [{ ftype: 'summary'//Ext.grid.feature.Summary表格汇总特性 }], columns: [ { sortable: true, dataIndex: 'BillNo', header: '物流号', width: 140 }, { sortable: true, dataIndex: 'CustomerName', header: '客户名称', width: 100 }, { sortable: true, dataIndex: 'ContactName', header: '联系人', width: 100 }, { sortable: true, dataIndex: 'FeeType', header: '收付类型', renderer: function (value, p, record) { return value + '-' + record.data.FeeType_Ref; }, width: 60 }, { sortable: true, dataIndex: 'CustDate', header: '委托日期', width: 80 }, { sortable: true, dataIndex: 'MblNo', header: '提单号', width: 120 }, { sortable: true, dataIndex: 'VoyVeg', header: '船名航次', width: 120 }, { sortable: true, dataIndex: 'SendYardName', header: '起运地', width: 120 }, { sortable: true, dataIndex: 'DstArea', header: '目的地', width: 120 }, { sortable: true, dataIndex: 'DetiNation', header: '工厂地址', width: 120 }, { sortable: true, dataIndex: 'Con20Qty', header: '20', width: 80 }, { sortable: true, dataIndex: 'Con40Qty', header: '40', width: 80 }, { sortable: true, dataIndex: 'DZF', header: '吊装费', width: 80 }, { sortable: true, dataIndex: 'GSF', header: '高速费', width: 80 }, { sortable: true, dataIndex: 'CZF', header: '杂费', width: 80 }, { sortable: true, dataIndex: 'GZF', header: '港杂费', width: 80 }, { sortable: true, dataIndex: 'SJF', header: '商检费', width: 80 }, { sortable: true, dataIndex: 'GBF', header: '过磅费', width: 80 }, { sortable: true, dataIndex: 'ZHF', header: '指箱费', width: 80 }, { sortable: true, dataIndex: 'JKF', header: '进口费用', width: 80 }, { sortable: true, dataIndex: 'DXF', header: '倒箱费', width: 80 }, { sortable: true, dataIndex: 'DSF', header: '待时费', width: 80 }, { sortable: true, dataIndex: 'XSF', header: '箱使费', width: 80 }, { sortable: true, dataIndex: 'CWF', header: '测温费', width: 80 }, { sortable: true, dataIndex: 'Freight', header: '运费金额', summaryType: 'sum', width: 70 }, { sortable: true, dataIndex: 'Settlement', header: '运费结算金额', summaryType: 'sum', width: 80 }, { sortable: true, dataIndex: 'ExtrasFee', header: '杂费金额', summaryType: 'sum', width: 70 }, { sortable: true, dataIndex: 'ExSettleMent', header: '杂费结算金额', summaryType: 'sum', width: 80 } ] }); this.gridList.addListener('itemdblclick', function (dataview, record, item, index, e, b) { this.SelectedRecord = record; this.OprationStatus = 'edit'; DsOpenEditWin("/TruckMng/MsWlBs/Edit"); }, this); //#region formSearch //#region formSearch枚举参照相关 this.storeFeeTypeRef = Ext.create('DsExt.ux.RefEnumStore', {}); this.storeFeeTypeRef.load({ params: { enumTypeId: 99020} }); this.comboxFeeTypeRef = Ext.create('DsExt.ux.RefEnumCombox', { fieldLabel: '收付类型', store: this.storeFeeTypeRef, name: 'FeeType' }); //#endregion this.formSearch = Ext.widget('form', { frame: true, region: 'center', bodyPadding: 5, fieldDefaults: { margins: '2 2 2 2', labelAlign: 'right', flex: 1, labelWidth: 90, msgTarget: 'qtip' }, items: [ {//fieldset 1 xtype: 'container', defaultType: 'textfield', layout: 'anchor', defaults: { anchor: '100%' }, items: [, { xtype: 'container', layout: 'hbox', defaultType: 'textfield', items: [{ fieldLabel: '物流号', name: 'BillNo' }, { fieldLabel: '从委托日期', format: 'Y-m-d', xtype: 'datefield', name: 'CustDate_Min' }, { fieldLabel: '至委托日期', format: 'Y-m-d', xtype: 'datefield', name: 'CustDate_Max' }, { fieldLabel: '从派车日期', format: 'Y-m-d', xtype: 'datefield', name: 'ExpDate_Min' }, { fieldLabel: '至派车日期', format: 'Y-m-d', xtype: 'datefield', name: 'ExpDate_Max' } ] }, { xtype: 'container', layout: 'hbox', defaultType: 'textfield', items: [{ fieldLabel: '提单号', name: 'MblNo' }, { fieldLabel: '客户名称', name: 'CustomerName' }, this.comboxFeeTypeRef , { xtype: 'hiddenfield',flex:2 } ] } ]//end items(fieldset 1) }//end fieldset 1 ]//end root items }); //#endregion formSearch //查询工具条 this.panelBtn = new Ext.Panel({ region: "north", tbar: [ { text: "执行查询", iconCls: "btnrefresh", handler: function (button, event) { this.onRefreshClick(button, event); }, scope: this }, { text: "导出Excel", id: "btnExportExcel", iconCls: 'btnexportexcel', handler: function (button, event) { this.onExportClick(button, event); }, scope: this } ] }); this.panelTop = new Ext.Panel({ layout: "border", region: "north", height: 100, items: [this.formSearch, this.panelBtn] }); Ext.apply(this, { height: 300, items: [this.panelTop, this.gridList] }); this.storeList.on('beforeload', function (store) { var sql = this.getCondition(); Ext.apply(store.proxy.extraParams, { condition: sql }); }, this); }, //end initUIComponents onRefreshClick: function (button, event) { var sql = this.getCondition(); this.storeList.load({ params: { start: 0, limit: 50000, sort: '', condition: sql }, waitMsg: "正在查询数据...", // callback: function(r, options, success) { // var jsonresult = Ext.JSON.decode(options.response.responseText); // if (success == false) { // } else { // } // }, scope: this }); }, onDeleteClick: function (button, event) { var selections = this.gridList.getSelectionModel().getSelection(); if (selections.length == 0) { Ext.Msg.show({ title: '提示', msg: '请先选择单据!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } var record = selections[0]; Ext.MessageBox.confirm('提示', '确定删除该记录吗?', function (btn) { if (btn == 'yes') { Ext.Msg.wait('正在删除数据...'); Ext.Ajax.request({ waitMsg: '正在删除数据...', url: '/TruckMng/MsWlCheckAcc/Delete', params: { data: Ext.JSON.encode(record.data) }, callback: function (options, success, response) { if (success) { var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { this.storeList.remove(record); Ext.Msg.show({ title: '提示', msg: jsonresult.Message, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); } else { Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } }, failure: function (response, options) { Ext.Msg.show({ title: '警告', msg: '服务器响应出错,请重试', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); }, success: function (response, options) { }, scope: this }); //end Ext.Ajax.request } }, this); }, //onDeleteClick getCondition: function () { var form = this.formSearch.getForm(); if (!form.isValid()) { Ext.Msg.alert('提示', '查询条件赋值错误,请检查。'); return ''; } var sql = ''; var billNo = form.findField('BillNo').getValue(); sql = sql + getAndConSql(sql, billNo, "BillNo like '%" + billNo + "%'"); var custDate_Min = form.findField('CustDate_Min').getRawValue(); sql = sql + getAndConSql(sql, custDate_Min, "CustDate >= '" + custDate_Min + "'"); var custDate_Max = form.findField('CustDate_Max').getRawValue(); sql = sql + getAndConSql(sql, custDate_Max, "CustDate <= '" + custDate_Max + " 23:59:59'"); var ExpDate_Min = form.findField('ExpDate_Min').getRawValue(); sql = sql + getAndConSql(sql, ExpDate_Min, " Billno in(select RefBillNo from tMsWlPcHead where ExpDate >= '" + ExpDate_Min + "')"); var ExpDate_Max = form.findField('ExpDate_Max').getRawValue(); sql = sql + getAndConSql(sql, ExpDate_Max, " Billno in(select RefBillNo from tMsWlPcHead where ExpDate <= '" + ExpDate_Max + " 23:59:59')"); var mblNo = form.findField('MblNo').getValue(); sql = sql + getAndConSql(sql, mblNo, "MblNo like '%" + mblNo + "%'"); var customerName = form.findField('CustomerName').getValue(); sql = sql + getAndConSql(sql, customerName, "CustomerName like '%" + customerName + "%'"); var feeType = form.findField('FeeType').getValue(); sql = sql + getAndConSql(sql, feeType, "FeeType = '" + feeType + "'"); return sql; }, OprationSwap: function () { var ret = new Array(); ret[0] = this.OprationStatus; ret[1] = this.storeList; ret[2] = this.SelectedRecord; ret[3] = "MsWlCheckAccIndex"; return ret; }, onExportClick: function (button, event) { GridExportExcelPage(this.gridList); } });