Ext.namespace('Shipping'); Shipping.MsOpSubSeaArrivalIndex = function (config) { Ext.applyIf(this, config); this.initUIComponents(); window.Shipping.MsOpSubSeaArrivalIndex.superclass.constructor.call(this); }; Ext.extend(Shipping.MsOpSubSeaArrivalIndex, Ext.Panel, { PageSize: 100, OprationStatus: null, //仅当弹出界面时使用 SelectedRecord: null, isShowAdvancedQuery: 0, //是否显示高级查询面板 IsAudit: false, sqlcontext: '', BillType: 2, OrType: 1, sortfield: '', sortdire: '', initUIComponents: function () { this.formname = "formMsOpSubSeaArrivalIndex"; //页面名称 //定义数据集 this.storectndisp = Ext.create('DsExt.ux.RefTableStore', { model: 'DsShipping.ux.CtnDispModel', proxy: { url: '/CommMng/BasicDataRef/GetCtnDisp' } }); this.storeList = Ext.create('Ext.data.Store', { pageSize: this.PageSize, model: 'MsSubSeaArrivalModel', remoteSort: true, proxy: { type: 'ajax', url: '/MvcShipping/MsOpSubSeaOrder/GetArrivaList', reader: { id: 'GID', root: 'data', totalProperty: 'totalCount' } } }); //#region List列表显示信息 Ext.grid.RowNumberer = Ext.extend(Ext.grid.RowNumberer, { width: 30 }); this.girdcolums = [{ sortable: true, dataIndex: 'GID', header: 'GID', width: 0 }, { sortable: true, dataIndex: 'REFNO', header: 'REFNO', width: 120 }, { sortable: true, dataIndex: 'VESSEL', header: 'VESSEL', width: 100 }, { sortable: true, dataIndex: 'VOYNO', header: 'VOYNO', width: 60 }, { sortable: true, dataIndex: 'HBLNO', header: 'HBLNO', width: 120 }, { sortable: true, dataIndex: 'PORTDISCHARGE', header: 'POD', width: 100 }, { sortable: true, dataIndex: 'ETA', header: 'ETA', width: 90 }, { sortable: true, dataIndex: 'PORTLOAD', header: 'PORTLOAD', width: 100 }, { sortable: true, dataIndex: 'AMOUNTUSD', header: 'USD', renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) { try { var lsValue = usMoney(value, 2, '', false); if (lsValue != "NaN") { value = lsValue; if (parseFloat(lsValue) < 0) { return '' + lsValue + ''; } } else { return value; } } catch (e) { return value; } return value; }, align: 'right', width: 180 }, { sortable: true, dataIndex: 'AMOUNTJPY', header: 'JPY', align: 'right', width: 180 }, { sortable: true, dataIndex: 'BLFRT', header: 'BLFRT', width: 120 }, { sortable: true, dataIndex: 'PKGS', header: 'PKGS', width: 80 }, { sortable: true, dataIndex: 'KGS', header: 'KGS', width: 80 }, { sortable: true, dataIndex: 'CNTRTOTAL', header: 'CNTR', width: 120 }, { sortable: true, dataIndex: 'INPUTBY', header: 'INPUTBY', width: 80 }, { sortable: true, dataIndex: 'KINDPKGS', header: 'KINDPKGS', width: 60 }]; this.GridCheckBoxModel = Ext.create('Ext.selection.CheckboxModel'); //定义Grid this.gridList = new Ext.grid.GridPanel({ store: this.storeList, enableHdMenu: false, region: 'center', loadMask: { msg: "Loading,Wait..." }, trackMouseOver: true, disableSelection: false, selModel: this.GridCheckBoxModel, viewConfig: { autoFill: true, getRowClass: function (record, rowIndex, rowParams, store) { var Status = record.get('SPCHARGE'); if (Status == true) { return 'feestatus_nopass'; } } }, listeners: { cellclick: function (thisTab, record, item, index, e, eOpts) { if (index == 10) {//设置按钮列 // alert('用户编号=' + this.getStore().getAt(rowIndex).data.usercode); } } }, columns: this.girdcolums, // paging bar on the bottom bbar: Ext.create('Ext.PagingToolbar', { store: this.storeList, displayInfo: true, displayMsg: 'Display {0} - {1}Record/Total {2}Records', emptyMsg: "NO DATA" }) }); /////////////以下部分为获取存储的gridpanel显示样式 this.column = DsTruck.GetGridPanel(USERID, this.formname, this.girdcolums, 1); //使用者id,表名,中间column数组,跳过一开始的几列 this.gridList.reconfigure(this.storeList, this.girdcolums); this.gridList.columns[0] = new Ext.grid.RowNumberer(); //////////////////////////////////////////////// this.gridList.addListener('itemdblclick', function (dataview, record, item, index, e, b) { this.SelectedRecord = record; this.OprationStatus = 'edit'; // window.open('/MvcShipping/MsOpSubSeaOrder/EditAgentExport', "ORDERA EDIT", 'width=1200,height=' + (window.screen.availHeight - 55) + ',top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=yes'); DsOpenEditWin('/MvcShipping/MsOpSubSeaOrder/EditAgentExport'); }, this); this.gridList.addListener('sortchange', function (ct, column, direction, eOpts) { this.sortfield = column.dataIndex; this.sortdire = direction; }, this); //#endregion //#region formSearch 查询面板 this.storeVoyVeg = Ext.create('DsExt.ux.RefTableStore', { model: 'DsShipping.ux.VesselModel', proxy: { url: '/CommMng/BasicDataRef/GetVesselList' } }); this.storeVoyVeg.load({ params: { condition: ""} }); this.comboxVoyVeg = Ext.create('DsExt.ux.RefTableCombox', { fieldLabel: 'VESSEL', store: this.storeVoyVeg, name: 'VESSEL', valueField: 'VESSEL', flex: 1, displayField: 'VESSEL' }); 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: 'REFNO', name: 'REFNO' }, { fieldLabel: 'MBLNO', name: 'MblNo' }, { fieldLabel: 'ETA', format: 'Y-m-d', xtype: 'datefield', name: 'ETDbgn' }, { fieldLabel: 'TO', format: 'Y-m-d', xtype: 'datefield', name: 'ETDend' }] }, { xtype: 'container', layout: 'hbox', defaultType: 'textfield', items: [{ fieldLabel: 'PORTLOAD', name: 'PORTLOAD' }, { fieldLabel: 'PORTDISCHARGE', name: 'PORTDISCHARGE' }, this.comboxVoyVeg, { fieldLabel: 'VOYNO', name: 'VOYNO' }] }]//end items(fieldset 1) }]//end root items }); //#endregion formSearch _this = this; //按钮工具条 this.panelBtn = new Ext.Panel({ region: "north", tbar: [{ text: "Delete", iconCls: "btndelete", handler: function (button, event) { this.onDeleteClick(button, event); }, scope: this }, '-', { text: "Query", iconCls: "btnrefresh", handler: function (button, event) { this.onRefreshClick(button, event); }, scope: this }, { text: "Reset", iconCls: "btnreset", handler: function (button, event) { this.onClearSql(button, event); }, scope: this }, '-', { text: "Print", iconCls: 'btnprint', menu: [ { text: "Print All", handler: function (menu, event) { _this.Print(); } }, { text: "Print Select", handler: function (menu, event) { _this.PrintSelect(); } }], scope: this }, '-', { text: "Save Display List", id: "btntest", handler: function (button, event) { this.column = DsTruck.SaveGridPanel(USERID, this.formname, this.gridList.columns, this.column, 1, true); }, scope: this }] }); this.panelTop = new Ext.Panel({ layout: "border", region: "north", height: 100, items: [this.panelBtn, this.formSearch] }); Ext.apply(this, { items: [this.panelTop, this.gridList] }); this.onRefreshClick(); this.storeList.on('beforeload', function (store) { var sql = this.getCondition(); Ext.apply(store.proxy.extraParams, { condition: sql, billtype: this.BillType, ortype: this.OrType }); }, this); }, //end initUIComponents onRefreshClick: function (button, event) { //var girdcolums = this.gridList.getColumnMode(); var sql = this.getCondition(); this.sqlcontext = sql; this.storeList.load({ params: { start: 0, limit: this.PageSize, sort: '', condition: sql }, waitMsg: "Data being queried...", scope: this }); }, onDeleteClick: function (button, event) { var selections = this.gridList.getSelectionModel().getSelection(); if (selections.length == 0) { Ext.Msg.show({ title: 'Prompt', msg: 'Please Select The BILL!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } var record = selections[0]; Ext.MessageBox.confirm('Prompt', 'Sure To Delete This Record?', function (btn) { if (btn == 'yes') { Ext.Msg.wait('Deleting...'); Ext.Ajax.request({ waitMsg: 'Deleting...', url: '/MvcShipping/MsOpSubSeaOrder/DeleteArrival', 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: 'Prompt', msg: jsonresult.Message, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); } else { Ext.Msg.show({ title: 'Error', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } }, failure: function (response, options) { Ext.Msg.show({ title: 'Warning', msg: 'The Server Response Error, Please Try Again', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); }, success: function (response, options) { }, scope: this }); //end Ext.Ajax.request } }, this); }, onClearSql: function () { var form = this.formSearch.getForm(); form.reset(); }, //onDeleteClick getCondition: function () { var form = this.formSearch.getForm(); if (!form.isValid()) { Ext.Msg.alert('prompt', 'Query Conditions Assignment Errors,Pls Check。'); return ''; } var sql = ''; //#region formSearch 查询面板 //编号包括(主提单号) var REFNO = form.findField('REFNO').getValue(); sql = sql + getAndConSql(sql, REFNO, "(REFNO like '%" + REFNO + "%' )"); var MblNo = form.findField('MblNo').getValue(); sql = sql + getAndConSql(sql, MblNo, "(HBLNO like '%" + MblNo + "%' )"); //到港日期 var ETDbgn = form.findField('ETDbgn').getRawValue(); sql = sql + getAndConSql(sql, ETDbgn, "ETA >='" + ETDbgn + "'"); var ETDend = form.findField('ETDend').getRawValue(); sql = sql + getAndConSql(sql, ETDend, "ETA <='" + ETDend + "'"); //装货港 var PORTLOAD = form.findField('PORTLOAD').getValue(); sql = sql + getAndConSql(sql, PORTLOAD, "PORTLOAD like '%" + PORTLOAD + "%'"); //卸货港 var PORTDISCHARGE = form.findField('PORTDISCHARGE').getValue(); sql = sql + getAndConSql(sql, PORTDISCHARGE, "PORTDISCHARGE like '%" + PORTDISCHARGE + "%'"); //船名 var VESSEL = form.findField('VESSEL').getValue(); sql = sql + getAndConSql(sql, VESSEL, "VESSEL like '%" + VESSEL + "%'"); //航次 var VOYNO = form.findField('VOYNO').getValue(); sql = sql + getAndConSql(sql, VOYNO, "VOYNO like '%" + VOYNO + "%'"); return sql; }, setIsShowAdvancedQuery: function () { if (this.isShowAdvancedQuery == 0) { this.panelSearch.show(); this.isShowAdvancedQuery = 1; } else { this.panelSearch.hide(); this.isShowAdvancedQuery = 0; } }, OprationSwap: function () { var ret = new Array(); ret[0] = this.OprationStatus; ret[1] = this.storeList; ret[2] = this.SelectedRecord; ret[3] = this.IsAudit; ret[4] = this.BillType; ret[5] = this.OrType; return ret; }, Print: function () { _this = this; if (this.storeList.getCount() == 0) { return; } var sortstr = ' REFNO'; if (this.sortfield != '' && this.sortdire != '') { sortstr = this.sortfield + ' ' + this.sortdire; } Ext.Msg.wait('正在组织数据, 请稍侯..'); Ext.Ajax.request({ waitMsg: '正在组织数据...', url: '/MvcShipping/MsOpSubSeaOrder/GetArrivaListStr', scope: this, params: { condition: _this.sqlcontext, printstr: 'true', sort:sortstr }, callback: function (options, success, response) { if (success) { Ext.MessageBox.hide(); var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { var returnstr = jsonresult.data; var printType = 'MSSEAARRIVALLIST'; var sql1 = returnstr; var sql2 = ""; var sql3 = ""; var sql4 = ""; var sql5 = ""; var sql6 = ""; PrintComm(printType, sql1, sql2, sql3, sql4, sql5, sql6); } else { Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } else { Ext.Msg.show({ title: '请重试', msg: '服务器响应出错', icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); } } }); }, PrintSelect: function () { _this = this; if (this.storeList.getCount() == 0) { return; } var selectedRecords = []; var storeadd = null; selectedRecords = this.GridCheckBoxModel.selected.items; if (selectedRecords.length == 0) { Ext.Msg.show({ title: '提示', msg: '请先选择要打印的业务!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK }); return; } var sortstr = ' REFNO'; if (this.sortfield != '' && this.sortdire != '') { sortstr = this.sortfield + ' ' + this.sortdire; } var feeGidSql = ''; for (var i = 0; i < selectedRecords.length; i++) { var record = selectedRecords[i]; var feeGId = "'" + record.get('GID') + "'"; if (feeGidSql == '') { feeGidSql = feeGId; } else { feeGidSql = feeGidSql + "," + feeGId; } }; var bsno = '11111'; var selections = this.gridList.getSelectionModel().getSelection(); if (selections.length != 0) { var record = selections[0]; bsno = record.data.BSNO; } var printType = 'MSSEAARRIVALLISTSELECT'; var sql1 = "select * from op_sub_seaorder_arrival WHERE GID IN (" + feeGidSql + ") order by "+sortstr; var sql2 = ""; var sql3 = ""; var sql4 = ""; var sql5 = ""; var sql6 = ""; PrintComm(printType, sql1, sql2, sql3, sql4, sql5, sql6); } });