HENGCHENG/DSWeb/Areas/MvcShipping/Viewsjs/RptChFeeInvoiceDutyFree/RptChFeeInvoiceDutyFreeIndex.js

Ext.namespace('Shipping');

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

Ext.extend(Shipping.RptChFeeInvoiceDutyFreeIndex, Ext.Panel, {
    PageSize: 1000,
    OprationStatus: null, //仅当弹出界面时使用
    SelectedRecord: null,
    sqlcontext: '',

    initUIComponents: function () {
        this.formname = "formRptChFeeInvoiceDutyFreeIndex"; //页面名称

        //#region 定义数据集
        this.storeList = Ext.create('Ext.data.Store', {
            pageSize: this.PageSize,
            model: 'RptChFeeInvoiceDutyFreeModel',
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: '/MvcShipping/RptChFeeInvoiceDutyFree/GetDataList',
                reader: {
                    id: 'GID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });
        //#endregion

        //#region 定义列
        this.girdcolums = [{
            sortable: true,
            dataIndex: 'GID',
            header: '唯一编码',
            width: 0
        }, {
            sortable: true,
            dataIndex: 'CUSTOMERNAME_i',
            header: '委托方名称',
            width: 120
        },
        {
            sortable: false,
            dataIndex: 'INVOICENO',
            header: '发票号',
            width: 140
        }, {
            sortable: false,
            dataIndex: 'MBLNO',
            header: '（运）提单号',
            //align: 'center',
            width: 140
        }, {
            sortable: false,
            dataIndex: 'VESSEL',
            header: '船名',
            width: 120
        }, {
            sortable: false,
            dataIndex: 'VOYNO',
            header: '航次',
            width: 60
        }, {
            sortable: false,
            dataIndex: 'PORTLOAD',
            header: '起运港',
            width: 120
        }, {
            sortable: false,
            dataIndex: 'PORTDISCHARGE',
            header: '卸货港',
            width: 150
        }, {
            sortable: false,
            dataIndex: 'gjUSD',
            header: '国际运费USD',
            align: 'right',
            width: 100,
            renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
                value = usMoney(value, 2, '', true);
                return value;
            }
        }, {
            sortable: false,
            dataIndex: 'gjRMB',
            header: '国际运费RMB',
            align: 'right',
            width: 100,
            renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
                value = usMoney(value, 2, '', true);
                return value;
            }
        }, {
            sortable: false,
            dataIndex: 'gkRMB',
            header: '港口码头费',
            align: 'right',
            width: 100,
            renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
                value = usMoney(value, 2, '', true);
                return value;
            }
        }, {
            sortable: false,
            dataIndex: 'qtRMB',
            header: '其他收费项',
            align: 'right',
            width: 100,
            renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
                value = usMoney(value, 2, '', true);
                return value;
            }
        }, {
            sortable: false,
            dataIndex: 'REMARK',
            header: '备注',
            width: 200
        }];
        //#endregion

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

        //定义Grid
        this.gridList = new Ext.grid.GridPanel({
            store: this.storeList,
            region: 'center',
            loadMask: { msg: "数据加载中，请稍等..." },
            enableHdMenu: false, //是否显示表格列的菜单
            stripeRows: true, //斑马线效果
            rowLines: true,
            columnLines: true,
            columns: this.girdcolums,
            viewConfig: {
                enableTextSelection: true, //允许复制数据
                autoFill: true
            },
            // paging bar on the bottom
            bbar: Ext.create('Ext.PagingToolbar', {
                store: this.storeList,
                displayInfo: true,
                displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录',
                emptyMsg: "没有数据"
            })
        });
        //#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: 60,
                msgTarget: 'qtip'
            },

            items: [{//fieldset 1
                xtype: 'container',
                defaultType: 'textfield',
                layout: 'anchor',
                defaults: {
                    anchor: '100%'
                },
                items: [{
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [, {
                        fieldLabel: '开票日期',
                        format: 'Y-m-d',
                        xtype: 'datefield',
                        editable: false,
                        allowBlank: false,
                        id: 'INVOICEMAKETIMEbgn',
                        name: 'INVOICEMAKETIMEbgn',
                        enableKeyEvents: true, //激活键盘事件
                        listeners: {
                            scope: this,
                            'keydown': {
                                fn: function (_field, e) {
                                    if (e.getKey() == 13) {
                                        this.onRefreshClick();
                                    }
                                },
                                scope: this
                            }
                        }
                    }, {
                        fieldLabel: '至',
                        labelWidth: 20,
                        format: 'Y-m-d',
                        xtype: 'datefield',
                        editable: false,
                        allowBlank: false,
                        id: 'INVOICEMAKETIMEend',
                        name: 'INVOICEMAKETIMEend',
                        enableKeyEvents: true, //激活键盘事件
                        listeners: {
                            scope: this,
                            'keydown': {
                                fn: function (_field, e) {
                                    if (e.getKey() == 13) {
                                        this.onRefreshClick();
                                    }
                                },
                                scope: this
                            }
                        }
                    }, {
                        id: 'VOUNO',
                        fieldLabel: '发票号',
                        labelWidth: 50,
                        name: 'INVOICENObgn',
                        enableKeyEvents: true, //激活键盘事件
                        listeners: {
                            scope: this,
                            'keydown': {
                                fn: function (_field, e) {
                                    if (e.getKey() == 13) {
                                        this.onRefreshClick();
                                    }
                                },
                                scope: this
                            }
                        }
                    }, {
                        id: '至',
                        fieldLabel: '发票号',
                        labelWidth: 50,
                        name: 'INVOICENOend',
                        enableKeyEvents: true, //激活键盘事件
                        listeners: {
                            scope: this,
                            'keydown': {
                                fn: function (_field, e) {
                                    if (e.getKey() == 13) {
                                        this.onRefreshClick();
                                    }
                                },
                                scope: this
                            }
                        }
                    }]
                }]
            }]//end items(fieldset 1)
        });
        //#endregion formSearch

        //#region 按钮工具条
        this.CheckSaveQuery = new Ext.form.Checkbox({
            fieldLabel: '记忆查询条件',
            checked: true,
            width: 120
        });

        this.panelBtn = new Ext.Panel({
            region: "north",
            border: false,
            tbar: [{
                text: "执行查询",
                iconCls: "btnrefresh",
                handler: function (button, event) {
                    this.onRefreshClick(button, event);
                    var isvisible = false;
                    var issavevalue = false;
                    if (this.CheckSaveQuery.checked) {
                        issavevalue = true
                    }
                    saveQuerySetting(this.formname, this.formSearch, isvisible, issavevalue);
                },
                scope: this
            }, {
                text: "重置条件",
                iconCls: "btnreset",
                handler: function (button, event) {
                    this.onClearSql(button, event);
                },
                scope: this
            }, '-', {
                text: "导出Excel",
                id: "btnExportExcel",
                iconCls: 'btnexportexcel',
                handler: function (button, event) {
                    this.onExportClick(button, event);
                },
                scope: this
            }, {
                text: "打印",
                iconCls: 'btnprint',
                handler: function (button, event) {
                    this.Print();
                },
                scope: this
            }, '-', this.CheckSaveQuery]
        });
        //#endregion    

        //#region 页面布局
        this.panelTop = new Ext.Panel({
            layout: "border",
            region: "north",
            height: 70,
            border: false,
            items: [this.panelBtn, this.formSearch]
        });

        Ext.apply(this, {
            border: false,
            items: [this.panelTop, this.gridList]
        });
        //this.onRefreshClick();
        //#endregion

        //#region 页面加载
        this.storeList.on('beforeload', function (store) {
            var sql = this.getCondition();
            if (sql.toString() != "") {
                Ext.apply(store.proxy.extraParams, { condition: sql });
            }
        }, this);
        
        //加载事件
        this.InitData();
        LoadQueryData(this.formname, this.formSearch, this.CheckSaveQuery);
        //#endregion
    }, //end initUIComponents

    //#region 加载事件
    InitData: function () {
        //获取当前日期(到秒)
        var curDate = new Date()
        //格式化;
        var data = Ext.Date.format(curDate, 'Y-m');
        Ext.getCmp("INVOICEMAKETIMEbgn").setValue(data);
        Ext.getCmp("INVOICEMAKETIMEend").setValue(data);
    }, //end InitData
    //#endregion

    //#region 执行查询
    onRefreshClick: function (button, event) {
        var sql = this.getCondition();
        if (sql.toString() != "") {
            this.sqlcontext = sql;
            this.storeList.load({ params: { start: 0, limit: this.PageSize, sort: '', condition: sql }, waitMsg: "正在查询数据...", scope: this });
        }
    },
    //#endregion

    //#region 查询
    getCondition: function () {
        var form = this.formSearch.getForm();
        if (!form.isValid()) {
            Ext.Msg.alert('提示', '查询条件赋值错误，请检查。');
            return '';
        }

        var sql = '';
        //#region formSearch 查询面板
        //开票期间
        var sINVOICEMAKETIMEbgn = form.findField('INVOICEMAKETIMEbgn').getRawValue();
        var sINVOICEMAKETIMEend = form.findField('INVOICEMAKETIMEend').getRawValue();
        if (sINVOICEMAKETIMEbgn.toString() == "" || sINVOICEMAKETIMEend.toString() == "") {
            alert('请先选择开票日期！');
            return '';
        }
        sql = sql + getAndConSql(sql, sINVOICEMAKETIMEbgn, "INVOICEMAKETIME>='" + sINVOICEMAKETIMEbgn + "'");
        sql = sql + getAndConSql(sql, sINVOICEMAKETIMEend, "INVOICEMAKETIME<='" + sINVOICEMAKETIMEend + "'");

        //开票号
        var sINVOICENObgn = form.findField('INVOICENObgn').getValue();
        if (sINVOICENObgn != null) {
            if (sINVOICENObgn != "") {
                sql = sql + getAndConSql(sql, sINVOICENObgn, "INVOICENO>='" + sINVOICENObgn + "'");
            }
        }
        var sINVOICENOend = form.findField('INVOICENOend').getValue();
        if (sINVOICENOend != null) {
            if (sINVOICENOend != "") {
                sql = sql + getAndConSql(sql, sINVOICENOend, "INVOICENO<='" + sINVOICENOend + "'");
            }
        }
        //#endregion formSearch
        return sql;
    },
    //#endregion

    //#region 重置条件
    onClearSql: function () {
        var form = this.formSearch.getForm();
        form.reset();
        this.InitData();
    }, //onDeleteClick
    //#endregion

    //#region 导出Excel
    onExportClick: function (button, event) {
        if (this.storeList.getCount() == 0) {
            return;
        }
        var sql = this.getCondition();
        //Ext.Msg.wait('正在组织数据, 请稍侯..');
        Ext.Ajax.request({
            waitMsg: '正在组织数据, 请稍侯...',
            url: '/MvcShipping/RptChFeeInvoiceDutyFree/GetDataListSQL',
            params: {
                condition: sql,
                printstr: 'false'
            },
            callback: function (options, success, response) {
                if (success) {
                    var ddd = Ext.MessageBox.isVisible();
                    if (Ext.MessageBox.isVisible()) {
                        Ext.MessageBox.hide();
                    }
                    var jsonresult = Ext.JSON.decode(response.responseText);
                    if (jsonresult.Success) {
                        var returnStr = jsonresult.data;
                        if (returnStr.toString() != "") {
                            var openSet = "height=1, width=400, toolbar=no, menubar=no,scrollbars=no, resizable=no,location=no, status=no,Top=" + (screen.height - 200) / 2 + ",Left=" + (screen.width - 400) / 2;
                            var openType = "_blank";
                            var condition1 = escape(returnStr);
                            var openUrl = "../../Reports/RptExport.aspx?handle=RptChFeeInvoiceDutyFreeIndex&formname=" + this.formname + "&condition1=" + condition1;
                            window.open(openUrl, openType, openSet);
                        }
                    } 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 });
                }
            },
            scope: this
        });
    },

    //ExtJs 自带的导出当前页的excel导出函数
    onExportClick2: function (button, event) {
        GridExportExcelPage(this.gridList);
    },
    //#endregion

    //#region 打印
    Print: function () {
        if (this.storeList.getCount() == 0) {
            return;
        }

        var sql = this.getCondition();
        Ext.Msg.wait('正在计算数据, 请稍侯..');
        Ext.Ajax.request({
            waitMsg: '正在组织数据, 请稍侯...',
            url: '/MvcShipping/RptChFeeInvoiceDutyFree/GetDataListStr',
            params: {
                condition: sql,
                printstr: 'true'
            },
            callback: function (options, success, response) {
                if (success) {
                    var ddd = Ext.MessageBox.isVisible();
                    if (Ext.MessageBox.isVisible()) {
                        Ext.MessageBox.hide();
                    }
                    var jsonresult = Ext.JSON.decode(response.responseText);
                    if (jsonresult.Success) {
                        var returnStr = jsonresult.data;
                        var printType = 'RptChFeeInvoiceDutyFreeIndex';
                        var sql1 = returnStr;
                        var sql2 = "";
                        var sql3 = "";
                        var sql4 = "";
                        var sql5 = "";
                        var sql6 = "";
                        PrintComm(printType, sql1, sql2, sql3, sql4, sql5, sql6);
                        Ext.Msg.hide();
                    } 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 });
                }
            },
            timeout: 3000000, //30秒
            scope: this
        });
    },
    //#endregion

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