Ext.namespace('Shipping'); Shipping.PiLiangOpStatus = function (config) { Ext.applyIf(this, config); this.initUIComponents(); window.Shipping.PiLiangOpStatus.superclass.constructor.call(this); }; Ext.extend(Shipping.PiLiangOpStatus, Ext.Panel, { PageSize: 15, ParentWin: null, OprationStatus: null, //仅当弹出界面时使用 EditRecord: null, strbsno: '', initUIComponents: function () { //定义数据集 this.storeList = Ext.create('Ext.data.Store', { model: 'MsOpStatus' }); _this = this; this.OPTYPE = getUrlParam('OPTYPE'); //人员信息加载 this.storeOpCode = Ext.create('DsExt.ux.RefTableStore', { model: 'DsShipping.ux.UserRefModel', proxy: { url: '/CommMng/BasicDataRef/GetUserRefList' } }); this.storeOpCode.load(); //客服 this.comboxCUSTSERVICE = Ext.create('DsExt.ux.RefTableCombox', { store: this.storeOpCode, forceSelection: true, name: 'COMPOP', valueField: 'UserName', displayField: 'CodeAndName' }); this.storeOpStatus = Ext.create('DsExt.ux.RefTableStore', { model: 'MsCodeOpStatusDetail', proxy: { url: '/MvcShipping/MsCodeOpStatus/GetBodyList' } }); if (this.bsnosql == undefined) { _this.storeOpStatus.load({ params: { condition: "OPTYPE='海运出口'" } }); } else { _this.storeOpStatus.load({ params: { condition: "OPTYPE='" + this.OPTYPE +"'" } }); } this.comboxOPSTATUS = Ext.create('DsExt.ux.RefTableCombox', { store: this.storeOpStatus, forceSelection: true, name: 'STATUS', valueField: 'OPSTATUS', displayField: 'OPSTATUS' }); //#region 主grid this.girdcolums = [{ sortable: true, dataIndex: 'ST_ID', header: 'ST_ID', hidden: true, width: 150 }, { sortable: true, dataIndex: 'BSNO', header: '业务编号', hidden: true, width: 150 }, { sortable: true, dataIndex: 'STATUS', header: '业务状态', editor: this.comboxOPSTATUS, width: 120 }, { sortable: true, dataIndex: 'COMPTIME', header: '完成时间', editor: { xtype: 'datefield', format: 'Y-m-d', selectOnFocus: true }, renderer: Ext.util.Format.dateRenderer('Y-m-d'), width: 120 }, { sortable: true, dataIndex: 'COMPOP', header: '完成人', editor: this.comboxCUSTSERVICE, width: 80 }, { sortable: true, dataIndex: 'REMARK', header: '备注', editor: { xtype: 'textfield', selectOnFocus: true }, width: 150 } ]; this.gridListCellEditing = Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }); this.CheckBoxModel = Ext.create('Ext.selection.CheckboxModel'); //定义Grid this.gridList = new Ext.grid.GridPanel({ store: this.storeList, enableHdMenu: false, region: 'center', loadMask: { msg: "数据加载中,请稍等..." }, trackMouseOver: true, disableSelection: false, plugins: [this.gridListCellEditing], selModel: this.CheckBoxModel, selType: 'cellmodel', columns: this.girdcolums, bbar: Ext.create('Ext.PagingToolbar', { store: this.storeList, displayInfo: true, displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录', emptyMsg: "没有数据" }) }); this.storeBodyAddList = Ext.create('Ext.data.Store', { model: 'MsOpBill', remoteSort: true, proxy: { type: 'ajax', url: '/MvcShipping/MsOpBill/GetBLListData', reader: { id: 'BSNO', root: 'data', totalProperty: 'totalCount' } } }); //明细表表格 this.gridAddList = new Ext.grid.GridPanel({ store: this.storeBodyAddList, enableHdMenu: false, region: 'center', loadMask: { msg: "数据加载中,请稍等..." }, trackMouseOver: true, disableSelection: false, columns: [{ sortable: true, dataIndex: 'BSNO', header: 'BSNO', hidden: true, width: 100 }, { sortable: true, dataIndex: 'OPLBNAME', header: '业务类别', width: 80 }, { sortable: true, dataIndex: 'CUSTNO', header: '委托编号', width: 108 }, { sortable: true, dataIndex: 'MBLNO', header: '主提单号', width: 108 }, { sortable: true, dataIndex: 'CUSTOMERNAME', header: '委托单位', width: 100 }, { sortable: true, dataIndex: 'ETD', header: '开船日期', renderer: Ext.util.Format.dateRenderer('Y-m-d'), width: 100 }, { sortable: true, dataIndex: 'SALE', header: '揽货人', width: 80 }, { sortable: true, dataIndex: 'ACCDATE', header: '会计期间', width: 80 }, { sortable: true, dataIndex: 'OP', header: '操作', width: 80 }, { sortable: true, dataIndex: 'INPUTBY', header: '录入人', width: 80 }, { sortable: true, dataIndex: 'PORTLOAD', header: '起运港', width: 120 }, { sortable: true, dataIndex: 'PORTDISCHARGE', header: '目的港', width: 120 }, { sortable: true, dataIndex: 'VESSEL', header: '船名', width: 150 }, { sortable: true, dataIndex: 'VOYNO', header: '航次', width: 60 } ] }); //#endregion //#region 按钮ToolBar this.panelBtn = new Ext.Panel({ region: "north", tbar: [ { text: "新建", iconCls: "btnadd", handler: function (button, event) { this.addDetail(); }, scope: this }, { text: "删除", iconCls: "btndelete", handler: function (button, event) { this.deleteDetail(); }, scope: this }, '-', { text: "更新业务", iconCls: "btnsave", handler: function (button, event) { this.onPostDetailClick(button, event); }, scope: this } ] }); //#endregion //#region 布局 this.panelTop = new Ext.Panel({ layout: "border", region: "north", height: 150, items: [this.panelBtn, this.gridList] }); this.panelFee = new Ext.Panel({ layout: "border", region: "center", items: [ this.gridAddList ] }); Ext.apply(this, { items: [this.panelTop, this.panelFee] }); //#endregion parentWin = window.parent.opener; this.InitData(); // this.SetBtnRight(); }, //end initUIComponents InitData: function () { var condition = ''; _this = this; if (parentWin) { var ret = parentWin.OprationSwap(); _this.strbsno = ret[3]; _this.storeBodyAddList.load({ params: { start: 0, limit: 1000, sort: '', condition: _this.strbsno }, waitMsg: "正在查询数据...", callback: function (r, options, success) { if (success) { var memdata = _this.storeBodyAddList.getAt(0); var OPLBNAME = memdata.data.OPLBNAME; _this.storeOpStatus.load({ params: { condition: "OPTYPE='" + OPLBNAME + "'"} }); } }, scope: this }); } }, addDetail: function () { var newSerialno = DsGetNewSerialNo(this.storeList, 0); var n = this.storeList.getCount(); var myDate = new Date(); var mydatestr = Ext.util.Format.date(myDate, 'Y-m-d H:i:s'); var record = Ext.create('MsOpStatus', { ST_ID: NewGuid(), BSNO: '*', ORDNO: n + 1, STATUS: '', ISOPEN: '0', ISOPENREF: '不公开', COMPTIME: mydatestr, COMPOP: SHOWNAME, REMARK: '' }); this.storeList.add(record); var n = this.storeList.getCount(); this.gridListCellEditing.startEditByPosition({ row: n - 1, column: 2 }); }, deleteDetail: function () { var selectedRecords = this.CheckBoxModel.selected.items; Ext.MessageBox.confirm('提示', '确定要删除选中的明细吗?', function (btn) { if (btn == 'yes') { var bodyDatas = []; for (var i = 0; i < selectedRecords.length; i++) { var rec = selectedRecords[i]; if (rec.BSNO == "" || rec.BSNO == "*") //如果是新增但没有保存的数据,没有必要提交到后台 { this.storeList.remove(selectedRecords[i]); } else { bodyDatas.push(rec); } } var jsonBody = ConvertRecordsToJsonAll(bodyDatas); _this = this; Ext.Msg.wait('正在删除数据...'); Ext.Ajax.request({ waitMsg: '正在删除数据...', url: '/MvcShipping/MsOpStatus/Delete', params: { bsno: _this.BsNo, data: jsonBody }, callback: function (options, success, response) { if (success) { var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { for (var i = 0; i < selectedRecords.length; i++) { this.storeList.remove(selectedRecords[i]); } 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); }, onPostDetailClick: function (button, event) { var bodyDrChFeeDatas = []; var i; var bodyBillDatas = []; for (i = 0; i < this.storeList.getCount(); i += 1) { var memberyf = this.storeList.getAt(i); bodyDrChFeeDatas.push(memberyf); var STATUS = memberyf.data.STATUS; if (STATUS == '') { Ext.Msg.show({ title: '警告', msg: '状态不能为空,请修改后再保存', icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); return; } }; for (i = 0; i < this.storeBodyAddList.getCount(); i += 1) { var memberyf = this.storeBodyAddList.getAt(i); bodyBillDatas.push(memberyf); }; var jsonChFeeBody = ConvertFeeRecordsToJson(bodyDrChFeeDatas); var jsonbodyBill = ConvertRecordsToJsonAll(bodyBillDatas); _this = this; Ext.Msg.wait('正在保存数据, 请稍侯..'); Ext.Ajax.request({ waitMsg: '正在保存数据...', url: '/MvcShipping/MsOpStatus/PiliangSave', scope: this, params: { bill: jsonbodyBill, body: jsonChFeeBody }, callback: function (options, success, response) { if (success) { Ext.MessageBox.hide(); var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { for (var i = 0; i < this.storeList.getCount(); i += 1) { var member = this.storeList.getAt(i); member.commit(); } } 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 }); } } }); } });