DS7/DSWeb/Areas/MvcShipping/Viewsjs/MsOpSubSeaOrder/MsOpOrderCtnStatusAImportIndex.js

Ext.namespace('Shipping');

Shipping.MsOpOrderCtnStatusAImportIndex = function (config) {
    Ext.applyIf(this, config);
    this.initUIComponents();
    window.Shipping.MsOpOrderCtnStatusAImportIndex.superclass.constructor.call(this);
};

Ext.extend(Shipping.MsOpOrderCtnStatusAImportIndex, Ext.Panel, {
    PageSize: 100,
    OprationStatus: null, //仅当弹出界面时使用
    SelectedRecord: null,
    isShowAdvancedQuery: 0, //是否显示高级查询面板
    IsAudit: false,
    BillType: 1,


    initUIComponents: function () {
        this.formname = "formMsOpOrderCtnStatusAImportIndex"; //页面名称
        //定义数据集
        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: 'MsOrderCtnStatus',
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: '/MvcShipping/MsOpSubSeaOrder/GetCtnStatusList',
                reader: {
                    id: 'CTN_ID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });

        //#region List列表显示信息
        Ext.grid.RowNumberer = Ext.extend(Ext.grid.RowNumberer, {
            width: 30
        });

        this.girdcolums = [{
            sortable: true,
            dataIndex: 'BSNO',
            hidden: true,
            header: 'BSNO',
            width: 0
        },
        {
            sortable: true,
            dataIndex: 'ORSTATUS',
            hidden: true,
            header: 'ORSTATUS',
            width: 60
        }, {
            dataIndex: 'CTNALL',
            header: 'CTN SIZE',
            width: 70
        }, {
            dataIndex: 'CNTRNO',
            header: 'CNTRNO',
            width: 120
        }, {
            dataIndex: 'CTNSTATUS',
            header: 'CTNSTATUS',
            autoShow:true,
            width: 220
        },
        {
            sortable: true,
            dataIndex: 'ETD',
            header: 'ETD',
            width: 80
        },
        {
            sortable: true,
            dataIndex: 'MBLNO',
            header: 'MBLNO',
            width: 120
        },
        {
            sortable: true,
            dataIndex: 'VESSEL',
            header: 'VESSEL',
            width: 100
        },
        {
            sortable: true,
            dataIndex: 'VOYNO',
            header: 'VOYNO',
            width: 60
        },
        {
            sortable: true,
            dataIndex: 'PORTLOAD',
            header: 'PORTLOAD',
            width: 100
        },
        {
            sortable: true,
            dataIndex: 'PORTDISCHARGE',
            header: 'PORTDISCHARGE',
            width: 100
        },
        {
            sortable: true,
            dataIndex: 'GOODSNAME',
            header: 'GOODS NAME',
            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: 80
        },
        {
            sortable: true,
            dataIndex: 'KINDPKGS',
            header: 'KINDPKGS',
            width: 60
        },
        {
            sortable: true,
            dataIndex: 'BLFRT',
            header: 'BLFRT',
            width: 60
        },
        {
            sortable: true,
            dataIndex: 'CARGOID',
            header: 'CARGOID',
            width: 60
        }, {
            dataIndex: 'SEALNO',
            header: 'SEALNO',
            width: 100
        },
        {
            sortable: true,
            dataIndex: 'BSDATE',
            header: 'INPUTDATE',
            width: 80
        }];

        this.CheckBoxModel = Ext.create('Ext.selection.CheckboxModel');

        //定义Grid
        this.gridList = new Ext.grid.GridPanel({
            store: this.storeList,
            enableHdMenu: false,
            region: 'center',
            loadMask: { msg: "Loading，Pls Wait..." },
            trackMouseOver: true,
            disableSelection: false,
            selModel: this.CheckBoxModel,
            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.storeCodeDisport = Ext.create('DsExt.ux.RefTableStore', {
            model: 'DsShipping.ux.CodeDisportModel',
            proxy: { url: '/CommMng/BasicDataRef/GetCodeDisportList' }
        });
        this.storeCodeDisport.load();
        this.comboxPORTLOAD = Ext.create('DsExt.ux.RefTableCombox', {
            fieldLabel: 'PORTLOAD',
            store: this.storeCodeDisport,
            forceSelection: true,
            name: 'PORTLOAD',
            valueField: 'PORT',
            displayField: 'CodeAndName'
        });

        //国内港口（出口装货港、进口卸货港）
        this.storeCodeLoadport = Ext.create('DsExt.ux.RefTableStore', {
            model: 'DsShipping.ux.CodeLoadportModel',
            proxy: { url: '/CommMng/BasicDataRef/GetCodeLoadportList' }
        });
        this.storeCodeLoadport.load();
        this.comboxPORTDISCHARGE = Ext.create('DsExt.ux.RefTableCombox', {
            fieldLabel: 'PORTDISCHARGE',
            store: this.storeCodeLoadport,
            forceSelection: true,
            name: 'PORTDISCHARGE',
            valueField: 'PORT',
            displayField: 'CodeAndName'
        });




        //#endregion

        //#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: 'CNTRNO',
                        name: 'CtnNo'
                    }, {
                        fieldLabel: 'MBLNO',
                        name: 'MblNo'
                    }, {
                        fieldLabel: 'ETD',
                        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: [this.comboxPORTLOAD, this.comboxPORTDISCHARGE, {
                        fieldLabel: 'VESSEL',
                        name: 'VESSEL'
                    }, {
                        fieldLabel: 'VOY',
                        name: 'VOYNO'
                    }]
                }]//end items(fieldset 1)
            }]//end root items
        });
        //#endregion formSearch



        //按钮工具条
        this.panelBtn = new Ext.Panel({
            region: "north",
            tbar: [{
                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: "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.panelBtnStatus = new Ext.Panel({
            region: "north",
            tbar: [{
                text: "Port of Discharging",
                height: 80,
                iconCls: "Ctn1",
                scale: 'large',
                iconAlign: 'top',
                width: 120,
                handler: function (button, event) {
                    this.onLeavePortClick(button, event,5);
                },
                scope: this
            }, '-', {
                text: "Port of Delivery",
                height: 80,
                iconCls: "Ctn3",
                scale: 'large',
                iconAlign: 'top',
                width: 120,
                handler: function (button, event) {
                    this.onLeavePortClick(button, event,6);
                },
                scope: this
            }, '-', {
                text: "Consignee",
                height: 80,
                iconCls: "Ctn4",
                scale: 'large',
                iconAlign: 'top',
                width: 120,
                handler: function (button, event) {
                    this.onLeavePortClick(button, event,7);
                },
                scope: this
            }, {
                text: "Return",
                height: 80,
                iconCls: "Ctn3",
                scale: 'large',
                iconAlign: 'top',
                width: 120,
                handler: function (button, event) {
                    this.onLeavePortClick(button, event,8);
                },
                scope: this
            }, '-',
             { fieldLabel: '完成时间',
                 format: 'Y-m-d',
                 id: 'dtOverTime',
                 xtype: 'datetimefield',
                 name: 'OVERTIME'
             }]
        });


        this.panelBtnStatus = new Ext.Panel({
            title: 'Container Status Operation',
            layout: "border",
            region: 'south',
            height: 150,
            animate: true,
            autoScroll: true,
            frame: false,
            items: [this.panelBtnStatus]
        });


        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.panelBtnStatus]
        });


        this.onRefreshClick();

        var dtOverTime = Ext.getCmp('dtOverTime');
        var currenttime = this.CurentTime();
        dtOverTime.setValue(currenttime);


        this.storeList.on('beforeload', function (store) {
            var sql = this.getCondition();
            Ext.apply(store.proxy.extraParams, { condition: sql, billtype: this.BillType });
        }, this);

    }, //end initUIComponents



    onRefreshClick: function (button, event) {
        //var girdcolums = this.gridList.getColumnMode();
        var sql = this.getCondition();
        this.storeList.load({
            params: { start: 0, limit: this.PageSize, sort: '', condition: sql, billtype: this.BillType },
            waitMsg: "Loading...",
            scope: this
        });
    },

    onLeavePortClick: function (button, event, type) {

        var GidStr = '';

        var records = this.CheckBoxModel.selected.items;


        if (records.length == 0) {
            Ext.Msg.show({ title: 'Prompt', msg: 'Pls Select Change Ctn!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
            return;
        }

        var dtOverTime = Ext.getCmp('dtOverTime');
        var OpDateTime = dtOverTime.getValue();

        if (OpDateTime == '' || OpDateTime == null) {
            Ext.Msg.show({ title: 'Prompt', msg: "WORK TIME Can't Empty!", icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
            return;

        }


        var insert;


        var bodyAddDatas = [];
        var j = 0;
        for (var i = 0; i < records.length; i++) {
            var rec = records[i];

            var ORSTATUS = rec.data.ORSTATUS;
            if (ORSTATUS == 9) {
                Ext.Msg.show({ title: 'Prompt', msg: 'Bill Must Be Posted!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
            } else {
                bodyAddDatas.push(rec);
                j = j + 1;

            }

        }

        var jsonbodyAddDatas = ConvertRecordsToJsonAll(bodyAddDatas);



        _this = this;
        if (j == 0) {
            Ext.Msg.show({ title: 'Prompt', msg: 'No Ctn Be Selected!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
            return;

        } else {

            Ext.Ajax.request({
                waitMsg: 'Changing...',
                url: '/MvcShipping/MsOpSubSeaOrder/CtnOpStatus',
                params: {
                    data: jsonbodyAddDatas,
                    type: type,
                    opdatetime: OpDateTime
                },
                callback: function (options, success, response) {
                    if (success) {
                        var result = Ext.JSON.decode(response.responseText);
                        if (!result.Success) {
                            Ext.Msg.show({
                                title: 'Prompt',
                                msg: result.Message,
                                icon: Ext.MessageBox.ERROR,
                                buttons: Ext.Msg.OK
                            });
                            return;
                        } else {

                            _this.onRefreshClick();


                        }

                    } else {
                        Ext.MessageBox.alert('The Server Response Error, Please Try Again', response.responseText);
                    }
                },
                scope: 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 MblNo = form.findField('MblNo').getValue();
        sql = sql + getAndConSql(sql, MblNo, "(b.MBLNO like '%" + MblNo + "%' )");

        //箱号
        var CtnNo = form.findField('CtnNo').getValue();
        sql = sql + getAndConSql(sql, CtnNo, "c.CNTRNO='" + CtnNo + "'");


        //到港日期                                
        var ETDbgn = form.findField('ETDbgn').getRawValue();
        sql = sql + getAndConSql(sql, ETDbgn, "b.ETD >='" + ETDbgn + "'");
        var ETDend = form.findField('ETDend').getRawValue();
        sql = sql + getAndConSql(sql, ETDend, "b.ETD <='" + ETDend + "'");



        //装货港
        var PORTLOAD = form.findField('PORTLOAD').getValue();
        sql = sql + getAndConSql(sql, PORTLOAD, "b.PORTLOAD like '%" + PORTLOAD + "%'");

        //卸货港
        var PORTDISCHARGE = form.findField('PORTDISCHARGE').getValue();
        sql = sql + getAndConSql(sql, PORTDISCHARGE, "b.PORTDISCHARGE like '%" + PORTDISCHARGE + "%'");

        //船名
        var VESSEL = form.findField('VESSEL').getValue();
        sql = sql + getAndConSql(sql, VESSEL, "b.VESSEL like '%" + VESSEL + "%'");

        //航次
        var VOYNO = form.findField('VOYNO').getValue();
        sql = sql + getAndConSql(sql, VOYNO, "b.VOYNO like '%" + VOYNO + "%'");




        return sql;
    },
    CurentTime: function () {
        var now = new Date();

        var year = now.getFullYear();       //年
        var month = now.getMonth() + 1;     //月
        var day = now.getDate();            //日

        var hh = now.getHours();            //时
        var mm = now.getMinutes();          //分

        var clock = year + "-";

        if (month < 10)
            clock += "0";

        clock += month + "-";

        if (day < 10)
            clock += "0";

        clock += day + " ";

        if (hh < 10)
            clock += "0";

        clock += hh + ":";
        if (mm < 10) clock += '0';
        clock += mm;
        clock = clock + ':00';
        return (clock);
    },

    OprationSwap: function () {
        var ret = new Array();
        ret[0] = this.OprationStatus;
        ret[1] = this.storeList;
        ret[2] = this.SelectedRecord;
        ret[3] = this.IsAudit;
        return ret;
    }
});