Ext.namespace('Shipping');

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

Ext.extend(Shipping.MsInfoClientContractIndex, Ext.Panel, {
    PageSize: 20,
    OprationStatus: null, //仅当弹出界面时使用
    SelectedRecord: null,
    EditRecord: null,
    GID: '',

    //需求编号：SR2017061200005-1
    initUIComponents: function () {



        var mainform = window.parent._this;


        this.EditRecord = mainform.Editdata;

        
        this.GID = this.EditRecord.GID;

        this.formname = "formInfoClientContractIndex"; //页面名称
        //定义数据集
        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: 'MsInfoClientContractModel',
            remoteSort: true,
            proxy: {
                type: 'ajax',
                url: '/MvcShipping/MsInfoClient/GetContractDataList',
                reader: {
                    id: 'GID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });

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

        this.girdcolums = [{
            sortable: true,
            dataIndex: 'GID',
            header: Zi.LAN.GID, //'GID',
            hidden: true,
            width: 0
        }, {
            sortable: true,
            dataIndex: 'LINKID',
            hidden: true,
            header: Zi.LAN.LINKID, //'LINKID',
            width: 0
        },
        {
            sortable: true,
            dataIndex: 'CONTRACTNO',
            header: Zi.LAN.CONTRACTNO, //'合同号',
            width: 140
        },
        {
            sortable: true,
            dataIndex: 'SIGNINGDATE',
            header: Zi.LAN.SIGNINGDATE, //'签订日期',
            width: 140
        }, {
            sortable: true,
            dataIndex: 'STARTDATE',
            header: Zi.LAN.STARTDATE, //'合同生效日期',
            width: 120
        },
        {
            sortable: true,
            dataIndex: 'CANCELDATE',
            header: Zi.LAN.CANCELDATE, //'合同结束日期',
            width: 120
        },
        {
            sortable: true,
            dataIndex: 'CHIEF',
            header: Zi.LAN.CHIEF2, //'签订人',
            width: 120
        },
        {
            sortable: true,
            dataIndex: 'CREATEUSERREF',
            header: Zi.LAN.CREATEUSERREF, //'录入人',
            width: 120
        },
        {
            sortable: true,
            dataIndex: 'CREATETIME',
            header: Zi.LAN.CREATETIME, //'录入日期',
            width: 120
            },
            {
                sortable: true,
                dataIndex: 'ISRANGE',
                header: Zi.LAN.ISRANGE, //'录入日期',
                width: 120,
                renderer: function (value, cellmeta, record) {
                    if (value) {
                        return Zi.LAN.YES;
                    } else {
                        return Zi.LAN.NO;
                    }

                }
            }];

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

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

        this.gridList.reconfigure(this.storeList, this.girdcolums);
        this.gridList.columns[0] = new Ext.grid.RowNumberer();
        ////////////////////////////////////////////////

        this.gridList.addListener('itemdblclick', function (dataview, record, item, index, e, b) {
            this.SelectedRecord = record;
            this.OprationStatus = 'edit';
            window.open('/MvcShipping/MsInfoClient/ContractEdit', Zi.LAN.ContactEdit, 'width=' + (window.screen.availWidth - 110) + ',height=' + (window.screen.availHeight - 55) + ',top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=yes');
        }, this);




        //按钮工具条
        me = this;
        this.panelBtn = new Ext.Panel({
            region: "north",
            tbar: [{
                text: Zi.LAN.btnAdd, //"新建",
                iconCls: "btnadd",
                handler: function (button, event) {
                    this.OprationStatus = 'add';
                    window.open('/MvcShipping/MsInfoClient/ContractEdit', Zi.LAN.ContractEdit, "width=600,height=400,resizable=yes,status=yes,menubar=no,scrollbars=yes,Top= " + (screen.height - 650) / 2 + ",Left= " + (screen.width - 1000) / 2);
                },
                scope: this
            }, {
                text: Zi.LAN.btnDelete, //"删除",
                iconCls: "btndelete",
                handler: function (button, event) {
                    this.onDeleteClick(button, event);
                },
                scope: this
            }]
        });



        this.panelTop = new Ext.Panel({
            layout: "border",
            region: "north",
            height: 30,
            items: [this.panelBtn, this.formSearch]
        });

        this.formBottom = Ext.widget('form', {
            region: 'south',
            height:260,
            frame: true,
            bodyPadding: 5,
            layout: 'anchor',
            trackResetOnLoad: true,
            fieldDefaults: {
                margins: '2 2 2 2',
                labelAlign: 'right',
                flex: 1,
                labelWidth: 100,
                msgTarget: 'qtip'
            },

            items: [{
                xtype: 'container',
                layout: 'hbox',
                defaultType: 'textfield',
                items: [{
                    xtype: 'label',
                    flex: 1,
                    html: "使用君子签电子合同,请点击如下链接或者扫描二维码:"
                }]
            }, {
                xtype: 'container',
                layout: 'anchor', flex: 1,
                defaultType: 'textfield',
                items: [
                    {
                        xtype: 'box', //或者xtype: 'component',  
                        id: 'SIGNATUREURLPANEL',
                        width: 150, //图片宽度  
                        height:150, //图片高度  
                        autoEl: {
                            tag: 'img',    //指定为img标签  
                            src: '../../images/hetongewm.png'    //指定url路径  
                        }
                    }, {
                        xtype: 'label',
                        flex: 1,
                        html:
                        "&nbsp;&nbsp;&nbsp;&nbsp<a href=\"javascript:void(0)\" onclick=\"window.open('https://account.ebaoquan.org/user/inviteRegister?si=0ACA7157BB3F75BC9601AE89F82E8ED6','_blank',' toolbar=no, menubar=no,scrollbars=no, resizable=1,location=no, status=no')" +
                            "\" style=\"text-decoration:none; \">https://account.ebaoquan.org/user/inviteRegister?si=0ACA7157BB3F75BC9601AE89F82E8ED6</a>&nbsp;&nbsp;&nbsp;&nbsp",
                    }
                ]
            }
            ]
        }); //end this.formEdit 


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

        this.onRefreshClick();

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

    }, //end initUIComponents


    onRefreshClick: function (button, event) {
        //var girdcolums = this.gridList.getColumnMode();
        var sql = "LINKID='" + this.GID+ "'";
        this.storeList.load({
            params: { start: 0, limit: this.PageSize, sort: '', condition: sql },
            waitMsg: Zi.LAN.ZhengZaiChaXunShuJu,
            scope: this
        });
    },

    onDeleteClick: function (button, event) {
        var selections = this.gridList.getSelectionModel().getSelection();
        if (selections.length == 0) {
            Ext.Msg.show({ title: Zi.LAN.TiShi, msg: Zi.LAN.QingXianXuanZeXinXi, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
            return;
        }

        var record = selections[0];

        Ext.MessageBox.confirm(Zi.LAN.TiShi, Zi.LAN.QueDingShanChuGaiJiLuMa, function (btn) {
            if (btn == 'yes') {
                Ext.Msg.wait(Zi.LAN.ZhengZaiCaoZuoShuJu);
                Ext.Ajax.request({
                    waitMsg: Zi.LAN.ZhengZaiCaoZuoShuJu, //'正在删除数据...',
                    url: '/MvcShipping/MsInfoClient/DeleteContract',
                    params: {
                        data: Ext.JSON.encode(record.data)
                    },
                    callback: function (options, success, response) {
                        if (success) {
                            var jsonresult = Ext.JSON.decode(response.responseText);
                            if (jsonresult.Success) {
                                this.storeList.remove(record);
                                Ext.Msg.show({ title: Zi.LAN.TiShi, msg: jsonresult.Message, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
                            }
                            else {
                                Ext.Msg.show({ title: Zi.LAN.CuoWu, msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK });
                            }
                        }
                    },
                    failure: function (response, options) {
                        Ext.Msg.show({ title: Zi.LAN.JingGao, msg: Zi.LAN.FuWuQiXiangYingChuCuo, icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
                    },
                    success: function (response, options) { },
                    scope: this
                }); //end Ext.Ajax.request
            }
        }, this);
    },

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