//集运管理-路单查询 Ext.namespace('DsTruck'); DsTruck.ProjectIndex = function (config) { Ext.applyIf(this, config); this.initUIComponents(); window.DsTruck.ProjectIndex.superclass.constructor.call(this); }; //201403060002 //13号 Ext.extend(DsTruck.ProjectIndex, Ext.Panel, { PageSize: 500, OprationStatus: null, //仅当弹出界面时使用 SelectedRecord: null, initUIComponents: function () { this.bodyDel = []; //定义数据集 this.storeList = Ext.create('Ext.data.Store', { pageSize: this.PageSize, idProperty: 'GID', model: 'Projectmb', remoteSort: true, proxy: { type: 'ajax', url: '/OA/Project/GetDataList', reader: { id: 'GID', root: 'data', totalProperty: 'totalCount' } } }); Ext.define('BLNOTYPEmb', { extend: 'Ext.data.Model', fields: [ { name: 'BLNOTYPEID', type: 'string' }, { name: 'BLNOTYPEName', type: 'string' } ] }); var PayTypeData = [{ "BLNOTYPEID": "1", "BLNOTYPEName": "提单号" }, { "BLNOTYPEID": "2", "BLNOTYPEName": "船名" }/*, { "PayTypeID": "2", "PayTypeName": "原单原转"}*/]; this.storeBLNOTYPE = Ext.create('Ext.data.Store', { model: 'BLNOTYPEmb', data: PayTypeData }); this.comboxBLNOTYPE = Ext.create('DsExt.ux.RefEnumCombox', { //fieldLabel: '单号类型', forceSelection: true, store: this.storeBLNOTYPE, name: 'BLNOTYPE', valueField: 'BLNOTYPEName', displayField: 'BLNOTYPEName' }); this.comboxBLNOTYPE_1 = Ext.create('DsExt.ux.RefEnumCombox', { fieldLabel: '单号类型', forceSelection: true, store: this.storeBLNOTYPE, name: 'BLNOTYPE', valueField: 'BLNOTYPEName', displayField: 'BLNOTYPEName' }); Ext.define('TFmb', { extend: 'Ext.data.Model', fields: [ { name: 'TFID', type: 'string' }, { name: 'TFName', type: 'string' } ] }); var TFData = [{ "TFID": "0", "TFName": "否" }, { "TFID": "1", "TFName": "是" }/*, { "PayTypeID": "2", "PayTypeName": "原单原转"}*/]; this.storeTF = Ext.create('Ext.data.Store', { model: 'TFmb', data: TFData }); this.comboxTF = Ext.create('DsExt.ux.RefEnumCombox', { //fieldLabel: '是否', forceSelection: true, store: this.storeTF, name: 'ISOVER', valueField: 'TFID', displayField: 'TFName' }); this.comboxTF_1 = Ext.create('DsExt.ux.RefEnumCombox', { fieldLabel: '已经完成', forceSelection: true, store: this.storeTF, name: 'ISOVER', valueField: 'TFID', displayField: 'TFName' }); this.formname = "OA_Project"; /* this.storeBLNO = Ext.create('DsExt.ux.RefTableStore', { model: 'BLNOmb', proxy: { url: '/OA/Project/GetBLNO' } }); this.storeBLNO.load({ params: { condition: ""} }); this.comboxBLNO = Ext.create('DsExt.ux.RefTableCombox', { //fieldLabel: '委托单位', store: this.storeBLNO, name: 'BLNO', valueField: 'BLNO', displayField: 'BLNO' });*/ this.column = [{ sortable: true, dataIndex: '', header: '', width: 120 }, { sortable: true, dataIndex: 'GID',hidden:true, header: 'GID', width: 80 }, { sortable: true, dataIndex: 'PROJECTNO', header: '项目编号', width: 80, editor: {xtype: 'textfield'} }, { sortable: true, dataIndex: 'BLNO', header: '项目名(单号)', width: 80, editor: {xtype: 'textfield'} }, { sortable: true, dataIndex: 'PROTYPE', header: '项目类型', width: 80, editor: { xtype: 'textfield' } }, { sortable: true, dataIndex: 'BLNOTYPE', header: '单号类型', width: 60, editor: this.comboxBLNOTYPE }, { sortable: true, dataIndex: 'ISOVER', header: '已经结束', width: 80, renderer: function(value, p, record) { if (value == null || value == '') return ''; else return record.data.ISOVER_DEF; }, editor:this.comboxTF }, { sortable: true,hidden: true, dataIndex: 'ISOVER_DEF', header: 'ISOVER_DEF', }, { sortable: true, dataIndex: 'OVERDATE', header: '结束日期', width: 80, renderer: Ext.util.Format.dateRenderer('Y-m-d'), editor: { xtype: 'datefield', selectOnFocus: true } }, { sortable: true, dataIndex: 'INSERTED',hidden:true, header: 'INSERTED', width: 80 }]; this.cellEditing = Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }); this.ProjectCBModel = Ext.create('Ext.selection.CheckboxModel', { checkOnly: true }); Ext.grid.RowNumberer = Ext.extend(Ext.grid.RowNumberer, { width: 50 }); //定义Grid this.gridList = new Ext.grid.GridPanel({ store: this.storeList, enableHdMenu: false, region: 'center', trackResetOnLoad: true, //height: 160, title: '费用明细', loadMask: { msg: "数据加载中,请稍等..." }, trackMouseOver: true, disableSelection: false, plugins: [this.cellEditing], stateful: false, selModel: this.ProjectCBModel, selType: 'cellmodel', columns: [new Ext.grid.RowNumberer()], bbar: Ext.create('Ext.PagingToolbar', { store: this.storeList, displayInfo: true, displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录', emptyMsg: "没有数据" }) }); /////////////以下部分为获取存储的gridpanel显示样式 this.column = DsTruck.GetGridPanel(USERID, this.formname, this.column, 1); //使用者id,表名 ,中间column数组,跳过一开始的几列 this.gridList.reconfigure(this.storeList, this.column); this.gridList.columns[0] = new Ext.grid.RowNumberer(); //////////////////////////// //#region formSearch 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: 'BLNO', flex: 1 }, { fieldLabel: '项目编号', name: 'PROJECTNO', flex: 1 }, { fieldLabel: '项目类型', name: 'PROTYPE', flex: 1 }, this.comboxBLNOTYPE_1, this.comboxTF_1 ] } ]//end items(fieldset 1) }, //end fieldset 1 {//fieldset 2 xtype: 'container', defaultType: 'textfield', layout: 'anchor', defaults: { anchor: '100%' }, items: [{ xtype: 'container', layout: 'hbox', defaultType: 'textfield', items: [] } ]//end items(fieldset 2) }//end fieldset 2 , {//fieldset 2 xtype: 'container', defaultType: 'textfield', layout: 'anchor', defaults: { anchor: '100%' }, items: [{ xtype: 'container', layout: 'hbox', defaultType: 'textfield', items: [] }]//end items(fieldset 2) }//end fieldset 2 ]//end root items }); //查询工具条 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 }, { text: "保存列表样式", id: "btntest", handler: function (button, event) { this.column = DsTruck.SaveGridPanel(USERID, this.formname, this.gridList.columns, this.column, 1, true); //alert(this.column[0].id); }, scope: this },'-',{ text: '增加明细', tooltip: '增加明细', iconCls: "btnadddetail", handler: function (button, event) { this.onAddProjectClick(button, event); }, scope: this }, { text: '删除明细', tooltip: '删除明细', iconCls: "btndeletedetail", handler: function (button, event) { this.onDelProjectClick(button, event); }, scope: this },{ id: "btnSave", text: '保存更改', tooltip: '保存更改', iconCls: "btnsave", handler: function (button, event) { this.Save(); //alert(USERID); }, scope: this }, '-' ] }); //#endregion this.panelTop = new Ext.Panel({ layout: "border", region: "north", height: 100, items: [this.formSearch, this.panelBtn] }); Ext.apply(this, { items: [this.panelTop, this.gridList] }); this.storeList.on('beforeload', function (store) { if (!this.checkSearchCondition()) return; var sql = this.getCondition(); Ext.apply(store.proxy.extraParams, { condition: sql }); }, this); this.gridList.on('edit', function (editor, e, eOpts) { this.ProjectAfterEdit(editor, e, eOpts); }, this); }, //end initUIComponents ProjectAfterEdit: function(editor, e, eOpts) { if (e.field == 'ISOVER') { var records = DsStoreQueryBy(this.storeTF, 'TFID', e.value); if (records.getCount() > 0) { var data = records.getAt(0).data; e.record.set('ISOVER_DEF', data.TFName); } else { e.record.set('ISOVER_DEF', ''); } } }, onAddProjectClick: function (button, event) { function newID() { var guid = ""; for (var i = 1; i <= 32; i++) { var n = Math.floor(Math.random() * 16.0).toString(16); guid += n; if ((i == 8) || (i == 12) || (i == 16) || (i == 20)) guid += "-"; } return guid.toUpperCase(); } var record = Ext.create('Projectmb', { 'GID': newID(), 'PROJECTNO': '', 'BLNO': '', 'PROTYPE': '', 'BLNOTYPE': '', 'ISOVER': '0', 'OVERDATE': '', 'INSERTED': '' }); this.storeList.add(record); var n = this.storeList.getCount(); this.cellEditing.startEditByPosition({ row: n - 1, column: 2 }); }, onDelProjectClick:function (button,event) { var selectedRecords = this.gridList.selModel.getSelection(); Ext.MessageBox.confirm('提示', '确定删除记录吗?', function (btn) { if (btn == 'yes') { for (var i = 0; i < selectedRecords.length; i++) { var rec = selectedRecords[i]; if (rec.INSERTED != "" ) //如果是新增但没有保存的数据,没有必要提交到后台 { this.bodyDel.push(rec); } this.storeList.remove(selectedRecords[i]); } } }, this); }, OprationSwap: function () { var ret = new Array(); ret[0] = this.OprationStatus; ret[1] = this.storeList; ret[2] = this.SelectedRecord; return ret; }, onRefreshClick: function (button, event) { if (!this.checkSearchCondition()) return; var sql = this.getCondition(); this.storeList.load({ params: { start: 0, limit: this.PageSize, condition: sql }, waitMsg: "正在查询数据...", scope: this }); this.bodyDel = []; }, getCondition: function () { var form = this.formSearch.getForm(); if (!form.isValid()) { Ext.Msg.alert('提示', '查询条件赋值错误,请检查。'); return ''; } var sql = ''; var PROJECTNO = form.findField('PROJECTNO').getValue(); sql = sql + getAndConSql(sql, PROJECTNO, "PROJECTNO like '%" + PROJECTNO + "%'"); var BLNO = form.findField('BLNO').getValue(); sql = sql + getAndConSql(sql, BLNO, "BLNO like '%" + BLNO + "%'"); var PROTYPE = form.findField('PROTYPE').getValue(); sql = sql + getAndConSql(sql, PROTYPE, "PROTYPE like '%" + PROTYPE + "%'"); var BLNOTYPE = form.findField('BLNOTYPE').getValue(); sql = sql + getAndConSql(sql, BLNOTYPE, "BLNOTYPE like '%" + BLNOTYPE + "'%"); return sql; }, checkSearchCondition: function () { var form = this.formSearch.getForm(); if (!form.isValid()) { Ext.Msg.alert('提示', '查询条件赋值错误,请检查。'); return false; } return true; }, onExportClick: function (button, event) { GridExportExcelPage(this.gridList); }, getStrValue: function (list) { var _list = []; for (var _i = 0; _i < list.length; _i++) { _list.push("'" + list[_i] + "'"); } return _list; }, Save: function (type) { //费用 var bodyList = []; for (i = 0; i < this.storeList.getCount(); i += 1) { var member = this.storeList.getAt(i); bodyList.push(member); var BLNO = member.data.BLNO; var PROJECTNO = member.data.PROJECTNO; var FEEID=member.data.GID; var ProjectCount=0; if (BLNO == ''||PROJECTNO == '') { Ext.Msg.show({ title: '警告', msg: '项目单号和项目编码均不允许为空,请修改后再保存', icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); return; } Ext.Ajax.request({ waitMsg: '正在查询数据...', url: '/OA/Project/GetData', scope: this, async:false, params: {PROJECTNO: PROJECTNO,BLNO:BLNO,FEEID:FEEID }, waitMsg: "正在查询数据...", callback: function (options, success, response) { if (success) { var jsonresult = Ext.JSON.decode(response.responseText); var returnData = jsonresult.data; //alert(returnData.Count); ProjectCount=parseInt(returnData.Count); } else { Ext.Msg.show({ title: '请重试', msg: '服务器响应出错', icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK }); return; } } }); }; if (ProjectCount!=0){ alert("提单号/船名和项目编号均不允许重复"); return; } var jsonBody = ConvertRecordsToJson(bodyList); var jsonDelBody = ConvertRecordsToJsonAll(this.bodyDel); if (jsonBody == '' && jsonDelBody == ''){ return; } Ext.Msg.wait('正在保存数据, 请稍侯..'); Ext.Ajax.request({ waitMsg: '正在保存数据...', url: '/OA/Project/Save', scope: this, params: { ProjectBody: jsonBody, ProjectDelBody:jsonDelBody }, callback: function (options, success, response) { if (success) { Ext.MessageBox.hide(); var jsonresult = Ext.JSON.decode(response.responseText); if (jsonresult.Success) { //alert("保存成功"); var returnData = jsonresult.Data; this.storeList.commitChanges(); } 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 }); } //alert('03'); } }); }, });