DS7/DSWeb/Areas/OA/Viewsjs/Project/ProjectIndex.js

//集运管理-路单查询
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');

        }
    });
},
});