Ext.namespace('Shipping');

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

Ext.extend(Shipping.MsCodeMSDSView, Ext.Panel, {

    ParentWin: null,
    OpStatus: 'add',
    StoreList: null,
    editRecord: null,
    editFactryRecord: null,
    FactryStatus: 'add',

    initUIComponents: function () {
        this.serialNo = 0;
        this.workSerialNo = 0;
        this.bodyDel = [];

        //#region 编辑form

        //枚举参照相关(编辑form)     

        this.storeDCLASS = Ext.create('DsExt.ux.RefEnumStore', {});
        this.storeDCLASS.load({ params: { enumTypeId: 97027} });

        this.comboxDCLASS = Ext.create('DsExt.ux.RefTableCombox', {
            store: this.storeDCLASS,
            fieldLabel: '危险品等级',
            name: 'DCLASS',
            valueField: 'EnumValueName',
            displayField: 'EnumValueName'
        });
        this.comboxSDCLASS = Ext.create('DsExt.ux.RefTableCombox', {
            store: this.storeDCLASS,
            fieldLabel: '副危险品等级',
            name: 'SDCLASS',
            valueField: 'EnumValueName',
            displayField: 'EnumValueName'
        });

        this.StorePACKINGGROUP = Ext.create('Ext.data.Store', {
            fields: ['PACKINGGROUP']
        });
        this.StorePACKINGGROUP.add({ "PACKINGGROUP": "I" });
        this.StorePACKINGGROUP.add({ "PACKINGGROUP": "II" });
        this.StorePACKINGGROUP.add({ "PACKINGGROUP": "III" });


        this.comboxPACKINGGROUP = Ext.create('DsExt.ux.RefTableCombox', {
            fieldLabel: 'PACKING GROUP',
            store: this.StorePACKINGGROUP,
            labelWidth: 100, forceSelection: true,
            name: 'PACKINGGROUP',
            valueField: 'PACKINGGROUP',
            displayField: 'PACKINGGROUP'
        });

        this.storeIMDG = Ext.create('DsExt.ux.RefEnumStore', {});
        this.storeIMDG.load({ params: { enumTypeId: 97026} });

        this.comboxIMDG = Ext.create('DsExt.ux.RefTableCombox', {
            store: this.storeIMDG,
            fieldLabel: 'IMDG',
            name: 'IMDG',
            valueField: 'EnumValueName',
            displayField: 'EnumValueName'
        });



        //表参照相关(编辑form)    


        //编辑form        
        this.formEdit = Ext.widget('form', {
            region: 'center',
            frame: true,
            bodyPadding: 5,
            autoScroll: true,
            trackResetOnLoad: true,
            fieldDefaults: {
                margins: '2 2 2 2',
                labelAlign: 'right',
                flex: 1,
                labelWidth: 90,
                msgTarget: 'qtip'
            },

            items: [
            {//fieldset 1
                xtype: 'fieldset',
                defaultType: 'textfield',
                layout: 'anchor',
                defaults: {
                    anchor: '100%'
                },
                items: [{
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: 'GID',
                        name: 'GID', flex: 0, hidden: true, margins: '0'
                    }, {
                        fieldLabel: 'COMPANYID',
                        name: 'COMPANYID', flex: 0, hidden: true, margins: '0'
                    }, {
                        fieldLabel: '品名',
                        allowBlank: true,
                        flex: 1,
                        name: 'GOODNAME'
                    }, {
                        fieldLabel: '贸易品名',
                        name: 'TRADEGOODSNAME'
                    }, {
                        fieldLabel: '化学品名',
                        name: 'CHEMICALGOODSNAME'
                    }, {
                        fieldLabel: '化学品名(中文)',
                        name: 'CHEMICALCGOODSNAME'
                    }, {
                        fieldLabel: 'CAS NO',
                        flex: 1,
                        name: 'CASNO'
                    }]

                }, {
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: 'UN',
                        flex: 1,
                        name: 'UNNO'
                    },{
                        fieldLabel: '危险品等级',
                        flex: 1,
                        name: 'DCLASS'
                    } , {
                        fieldLabel: '副危险品等级',
                        flex: 1,
                        name: 'SDCLASS'
                    },{
                        fieldLabel: 'PACKING GROUP',
                        flex: 1,
                        labelWidth: 100,
                        name: 'PACKINGGROUP'
                    }, {
                        fieldLabel: '是否海洋污染物',
                        flex: 0.5,
                        inputValue: true,
                        xtype: 'checkboxfield',
                        name: 'ISPOLLUTEOCEAN'
                    }, {
                        fieldLabel: '是否存在危险',
                        inputValue: true,
                        flex: 0.5,
                        xtype: 'checkboxfield',
                        name: 'ISDANGEROUS'
                    }
                    ]

                }, {
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: '熔点',
                        name: 'MELTINGPOINTB',
                        regex: /^(0|[1-9][0-9]*)$/,
                        regexText: '请输入正确的数值！',
                        flex: 0.6
                    }, {
                        xtype: 'label',
                        text: '℃～'
                        //                            html: "℃～"
                    }, {
                        name: 'MELTINGPOINTE',
                        regex: /^(0|[1-9][0-9]*)$/,
                        regexText: '请输入正确的数值！',
                        flex: 0.28
                    }, {
                        xtype: 'label',
                        text: '℃～'
                        //                            html: "℃"
                    }, {
                        fieldLabel: '沸点',
                        name: 'BOILINGPOINTB',
                        regex: /^(0|[1-9][0-9]*)$/,
                        regexText: '请输入正确的数值！',
                        flex: 0.6
                    }, {
                        xtype: 'label',
                        html: "℃～"
                    }, {
                        name: 'BOILINGPOINTE',
                        regex: /^(0|[1-9][0-9]*)$/,
                        regexText: '请输入正确的数值！',
                        flex: 0.28
                    }, {
                        xtype: 'label',
                        html: "℃"
                    }, {
                        fieldLabel: '闪点',
                        regex: /^(0|[1-9][0-9]*)$/,
                        regexText: '请输入正确的数值！',
                        name: 'FLASHPOINTB',
                        flex: 0.6
                    }, {
                        xtype: 'label',
                        html: "℃～"
                    }, {
                        name: 'FLASHPOINTE',
                        regex: /^(0|[1-9][0-9]*)$/,
                        regexText: '请输入正确的数值！',
                        flex: 0.28
                    }, {
                        xtype: 'label',
                        html: "℃"
                    }, {
                        fieldLabel: '密度',
                        name: 'DENSITY'
                    }, {
                        fieldLabel: 'PH',
                        name: 'PH'
                    }]

                }, {
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: 'IMDG',
                        name: 'IMDG'
                    }, {
                        fieldLabel: '稳定性',
                        name: 'STABILITY',
                        flex: 2
                    }, {
                        fieldLabel: '反应性',
                        name: 'REACTIVE',
                        flex: 2
                    }]

                }, {
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: '备注',
                        name: 'REMARKS'
                    }]

                }
                ]//end items(fieldset 1)
            }//end fieldset 1   
            ]//end root items
        }); //end this.formEdit 

        //#endregion


        this.goodsname = getUrlParam('goodsname');

        this.storeListFactry = Ext.create('Ext.data.Store', {
            model: 'MsCodeMSDSFactry',
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: '/MvcContainer/MsCodeMSDS/GetFactryList',
                reader: {
                    id: 'GID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });

        this.girdcolums = [{
            sortable: true, hidden: true,
            dataIndex: 'GID',
            header: 'GID',
            width: 80
        }, {
            sortable: true, hidden: true,
            dataIndex: 'MSDSID',
            header: 'MSDSID',
            width: 80
        },
            {
                sortable: true,
                dataIndex: 'FACTORYNAME',
                header: '工厂名称',
                width: 150
            },
            {
                sortable: true,
                dataIndex: 'CUSTOMERNAME',
                header: '委托单位',
                width: 150
            },
            {
                sortable: true,
                dataIndex: 'FACTORYADDR',
                header: '工厂地址',
                width: 150
            },
            {
                sortable: true,
                dataIndex: 'CONSIGNEE',
                header: '收货人',
                width: 150
            },
            {
                sortable: true,
                dataIndex: 'CONSIGNEEADDR',
                header: '收货人地址',
                width: 150
            }
            ];

        //定义Grid
        this.gridListFactry = new Ext.grid.GridPanel({
            store: this.storeListFactry,
            enableHdMenu: false,
            region: 'west',
            width: 300,
            loadMask: { msg: "数据加载中，请稍等..." },
            trackMouseOver: true,
            disableSelection: false,
            columns: this.girdcolums,
            bbar: Ext.create('Ext.PagingToolbar', {
                store: this.storeListFactry,
                displayInfo: true,
                displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录',
                emptyMsg: "没有数据"
            })
        });

        _this = this;

        this.gridListFactry.addListener('itemclick', function (dataview, record, item, index, e, b) {
            _this.editFactryRecord = record;
            _this.FactryStatus = 'edit';
            _this.LoadFactryData("edit", "GID='" + record.data.GID + "'");

        }, this);



        //委托单位
        this.storeCustCode = Ext.create('DsExt.ux.RefTableStore', {
            model: 'DsShipping.ux.CustomRefModel',
            proxy: { url: '/CommMng/BasicDataRef/GetCustomRefList' }
        });
        this.storeCustCode.load({ params: { condition: "ISCONTROLLER='1'"} });

        this.comboxCustCode = Ext.create('DsExt.ux.RefTableCombox', {
            fieldLabel: '委托单位',
            store: this.storeCustCode,
            forceSelection: true,
            name: 'CUSTOMERNAME',
            valueField: 'CustName',
            displayField: 'CodeAndName'
        });

        //编辑form        
        this.formDetail = Ext.widget('form', {
            region: 'center',
            frame: true,
            bodyPadding: 5,
            autoScroll: true,
            trackResetOnLoad: true,
            fieldDefaults: {
                margins: '2 2 2 2',
                labelAlign: 'right',
                flex: 1,
                labelWidth: 90,
                msgTarget: 'qtip'
            },

            items: [
            {//fieldset 1
                xtype: 'fieldset',
                defaultType: 'textfield',
                layout: 'anchor',
                defaults: {
                    anchor: '100%'
                },
                items: [{
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: 'GID',
                        name: 'GID', flex: 0, hidden: true, margins: '0'
                    }, {
                        fieldLabel: 'MSDSID',
                        name: 'MSDSID', flex: 0, hidden: true, margins: '0'
                    }, {
                        fieldLabel: '工厂名称',
                        name: 'FACTORYNAME'
                    }]

                }, {
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [this.comboxCustCode, { xtype: 'hiddenfield', flex: 3}]

                }, {
                    xtype: 'textareafield',
                    grow: true,
                    fieldLabel: '工厂地址',
                    height: 50,
                    name: 'FACTORYADDR',
                    anchor: '100%'
                }, {
                    xtype: 'container',
                    layout: 'hbox',
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: '收货人',
                        name: 'CONSIGNEE'
                    }]

                }, {
                    xtype: 'textareafield',
                    grow: true,
                    fieldLabel: '收货人地址',
                    height: 50,
                    name: 'CONSIGNEEADDR',
                    anchor: '100%'
                }, {
                    xtype: 'textareafield',
                    grow: true,
                    fieldLabel: '备注',
                    height: 50,
                    name: 'REMARKS',
                    anchor: '100%'
                }
                ]//end items(fieldset 1)
            }//end fieldset 1   
            ]//end root items
        }); //end this.formDetail 



        this.panelfactry = new Ext.Panel({
            title: '工厂详细信息',
            layout: "border",
            region: 'center',
            animate: true,
            autoScroll: true,
            //            containerScroll: true,
            frame: false,
            items: [this.gridListFactry, this.formDetail]
        });


        //#region 互斥
        this.storeBodyList = Ext.create('Ext.data.Store', {
            model: 'MsCodeMSDSRejection',
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: '/MvcContainer/MsCodeMSDS/GetRejectionList',
                reader: {
                    id: 'GID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });

        this.storeListGood = Ext.create('Ext.data.Store', {
            model: 'MsCodeMSDS',
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: '/MvcContainer/MsCodeMSDS/GetDataList',
                reader: {
                    id: 'GID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });

        this.storeListGood.load({ params: { condition: ""} });

        this.comboxGoods = Ext.create('DsExt.ux.RefTableCombox', {
            store: this.storeListGood,
            forceSelection: true,
            name: 'REJECTID',
            valueField: 'GID',
            displayField: 'GOODNAME'
        });


        //明细表表格


        this.gridListGoods = new Ext.grid.GridPanel({
            store: this.storeBodyList,
            enableHdMenu: false,
            region: 'center',
            loadMask: { msg: "数据加载中，请稍等..." },
            trackMouseOver: true,
            disableSelection: false,
            selType: 'cellmodel',

               columns: [{
                sortable: true,
                dataIndex: 'GID',
                header: '编号',
                hidden: true,
                width: 0
            }, {
                sortable: true,
                dataIndex: 'MSDSID',
                header: '业务编号',
                hidden: true,
                width: 0
            }, {
                dataIndex: 'REJECTID',
                header: '品名',
                width: 320,
                editor: this.comboxGoods,
                renderer: function (value, p, record) {
                    return record.data.GOODNAME;
                }
            }]
        });

        this.gridListGoods.on('edit', function (editor, e, eOpts) {
            this.gridListAfterEdit(editor, e, eOpts);
        }, this);


        this.panelRejection = new Ext.Panel({
            title: '互斥商品信息',
            layout: "border",
            region: 'west',
            width: 340,
            animate: true,
            //            autoScroll: true,
            //            containerScroll: true,
            frame: false,
            items: [this.gridListGoods]
        });


        //#endregion

        //#region 明细表-单据图片档案管理


        _this = this;
        this.storeDocList = Ext.create('Ext.data.Store', {
            model: 'ReceiptDocmb',
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: '/Import/ReceiptDoc/GetDocList',
                reader: {
                    id: 'GID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });

        //明细表表格
        this.DocListCellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1
        });

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

        this.gridDocList = new Ext.grid.GridPanel({
            store: this.storeDocList,
            enableHdMenu: false,
            region: 'center',
            //                    width: 350,
            loadMask: { msg: "数据加载中，请稍等..." },
            trackMouseOver: true,
            disableSelection: false,
            plugins: [this.DocListCellEditing],
            selModel: this.DocCM,
            selType: 'cellmodel',
            columns: [{
                sortable: true, hidden: true,
                dataIndex: 'GID',
                header: 'GID',
                width: 80
            },
                    {
                        sortable: true, hidden: true,
                        dataIndex: 'R_GID',
                        header: 'R_GID',
                        width: 80
                    },
                    {
                        sortable: true, hidden: true,
                        dataIndex: 'BSNO',
                        header: 'BSNO',
                        width: 80
                    },
                    {
                        sortable: true,
                        dataIndex: 'URL',
                        header: '文件名',
                        width: 140,
                        renderer: function (value, p, record) {
                            return '<a href="' + record.data.Driect_URL + '" style=' + '"text-decoration:none"' + '>' + value + '</a>';
                        }
                    },
                    {
                        sortable: true, hidden: true,
                        dataIndex: 'Driect_URL',
                        header: 'Driect_URL',
                        width: 80
                    },
                    {
                        sortable: true, hidden: true,
                        dataIndex: 'MODIFIEDUSER',
                        header: 'MODIFIEDUSER',
                        width: 80
                    },
                    {
                        sortable: true,
                        dataIndex: 'MODIFIEDUSERRef',
                        header: '上传人',
                        width: 80
                    },
                    {
                        sortable: true,
                        dataIndex: 'MODIFIEDTIME',
                        header: '上传时间',
                        width: 135
                    }
                    ]
        });


        this.panelDoc = new Ext.Panel({
            id: "panelDoc",
            layout: "border",
            region: "center",
            title: '相关图片',           //autoScroll: true,
            frame: false,
            split: true,
            items: [this.gridDocList]
        });

        //#endregion
        this.panelDetail = new Ext.Panel({
            layout: "border",
            region: "center",
            title: '图片及互斥',
            frame: false,
            split: true,
            items: [this.panelRejection, this.panelDoc]
        });

        //#region 布局
        //控件布局
        this.panelTop = new Ext.Panel({
            layout: "border",
            region: "north",
            height: 200,
            items: [this.formEdit]
        });

        this.tabWTpanel = new Ext.TabPanel({
            activeTab: 0,
            autoWidth: true,
            border: true,
            frame: false,
            region: 'center',
            enableTabScroll: true,
            items:
            [
                this.panelfactry,
                this.panelDetail
            ]
        });



        Ext.apply(this, {
            items: [this.panelTop, this.tabWTpanel]
        });

        //#endregion 

        //绑定查询窗体

        //初始化数据
        this.InitData();

        //绑定事件

    }, //end initUIComponents

    InitData: function () {
        this.opStatus = 'edit';
        this.FactryStatus = 'edit';
        var condition = " CHEMICALCGOODSNAME='" + this.goodsname + "' or GOODNAME='" + this.goodsname + "'";

        this.LoadData(this.opStatus, condition);

    }, //end InitData

    LoadData: function (opstatus, condition) {
        this.serialNo = 0;
        this.workSerialNo = 0;
        this.bodyDel = [];

        this.opStatus = opstatus;
        Ext.Ajax.request({
            waitMsg: '正在查询主表数据...',
            url: '/MvcContainer/MsCodeMSDS/GetData',
            params: {
                handle: opstatus,
                condition: condition
            },
            callback: function (options, success, response) {
                if (success) {
                    var result = Ext.JSON.decode(response.responseText);
                    if (!result.Success) {
                        Ext.Msg.show({
                            title: '提示',
                            msg: result.Message,
                            icon: Ext.MessageBox.ERROR,
                            buttons: Ext.Msg.OK
                        });
                        return;
                    }

                    var data = result.data;
                    this.formEdit.getForm().reset();
                    this.formEdit.getForm().setValues(data);
                    var acondition = " MSDSID='" +data.GID+ "'";
                    this.storeListFactry.load({ params: { condition: acondition },
                        callback: function (r, options, success) {
                            if (success) {
                                if (this.storeListFactry.getCount() > 0) {
                                    var member = this.storeListFactry.getAt(0);
                                    this.LoadFactryData("edit", "GID='" + member.data.GID + "'");

                                } else {
                                }
                            }
                        },
                        scope: this
                    });
                    this.storeBodyList.load({ params: { condition: acondition} });
                    var xcondition = " BSNO='" + data.GID + "'";
                    _this.Loading = true;
                    _this.storeDocList.load({
                        params: { condition: xcondition },
                        waitMsg: "正在查询数据...",
                        scope: this,
                        callback: function () {
                            _this.Loading = false;
                        }
                    });

                } else {
                    Ext.MessageBox.alert('请求出现错误,请重试', response.responseText);
                }
            },
            scope: this
        });


    }, // end LoadDate



    LoadFactryData: function (opstatus, condition) {
        this.serialNo = 0;

        this.FactryStatus = opstatus;

        if (this.FactryStatus == 'add') {


        } else {


            Ext.Ajax.request({
                waitMsg: '正在查询主表数据...',
                url: '/MvcContainer/MsCodeMSDS/GetFactryData',
                params: {
                    handle: opstatus,
                    condition: condition
                },
                callback: function (options, success, response) {
                    if (success) {
                        var result = Ext.JSON.decode(response.responseText);
                        if (!result.Success) {
                            Ext.Msg.show({
                                title: '提示',
                                msg: result.Message,
                                icon: Ext.MessageBox.ERROR,
                                buttons: Ext.Msg.OK
                            });
                            return;
                        }

                        data = result.data;


                        this.formDetail.getForm().reset();
                        this.formDetail.getForm().setValues(data);


                    } else {
                        Ext.MessageBox.alert('请求出现错误,请重试', response.responseText);
                    }
                },
                scope: this
            });
        }


    }

});