var g_grid = {};
var query_data = {};

$(function () {
    var PostData = {};

    $(".datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        showOtherMonths: true,
        selectOtherMonths: true
    });

    grid = jQuery('#listGrid').jqGrid({
        cmTemplate: {
            width: 80,
            align: 'center',
            sortable: false
        },
        url: '/SwapRate/GetSwapRateList',
        datatype: 'json',
        multiselect: false,
        height: 'auto',
        width: '96%',
        autowidth: false,
        shrinkToFit: false,
        viewrecords: true,
        jsonReader: { repeatitems: false },
        caption: '',
        mtype: 'POST',
        postData: PostData,
        afterInsertRow: AfterInsertRow,
        onSelectRow: rowclick,
        ondblClickRow: rowdblclick,
        colModel: colModelGrid,
        pager: jQuery('#pagerGrid'),
        pagerpos: 'left',
        rowNum: 20,
        rowList: [20, 30, 50, 200, 10000],
        footerrow: false,
        loadComplete: gridComplete,
        onPaging: onJqgridPaging,
    });

    function keyEnter(event) {
        try {
            var e = event ? event : (window.event ? window.event : null);
            if (e.keyCode === 13) {
                SearchClick(true);
            }
        } catch (e) {
            //
        }
    }

    document.onkeydown = keyEnter;
});

var hideObj = { clientWidth: 160 };

var i = 0;
var getColModelGrid = function () {
    var col = [
        {
            name: 'id',
            hidden: true,
            optionHide: true
        }, {
            name: 'EncryptId',
            hidden: true,
            optionHide: true
        }, {
            name: '',
            label: '操作',
            align: 'center',
            width: 140,
            formatter: showToolName
        }, {
            name: 'ClientNumber',
            label: '客户编号',
            width: 160,
            sortable: true,
            align: 'center'
        }, {
            name: 'ClientName',
            label: '客户名称',
            width: 160,
            align: 'center'
        }
        , {
            name: 'TakeEffectDate',
            label: '生效日期',
            width: 160,
            sortable: true,
            formatter: 'date',
            align: 'center'
        }, {
            name: 'TempRate',
            label: '临时费率',
            width: 70,
            align: 'center',
            formatter: function (cellValue, options, rowObject) {
                if (rowObject.TempRate) {
                    if (rowObject.TempRateIsPercent == true) {
                        return otcformat.trading.premiumRateP(rowObject.TempRate);
                    } else {
                        return otcformat.trading.umprice(rowObject.TempRate);
                    }
                } else {
                    if (rowObject.TempRate === 0) {
                        return otcformat.trading.umprice(0);
                    }
                    else {
                        return "";
                    }
                }
            }
        }, {
            name: 'BaseRate',
            label: '基础费率',
            width: 150,
            align: 'center',
            formatter: function (cellValue, options, rowObject) {
                if (rowObject.BaseRate) {
                    if (rowObject.BaseRateIsPercent == true) {
                        return otcformat.trading.premiumRateP(rowObject.BaseRate);
                    } else {
                        return otcformat.trading.umprice(rowObject.BaseRate);
                    }
                } else {
                    if (rowObject.BaseRate === 0) {
                        return otcformat.trading.umprice(0);
                    }
                    else {
                        return "";
                    }
                }
            }
        }, {
            name: 'DiscountRate',
            label: '优惠费率',
            width: 160,
            align: 'center',
            formatter: function (cellValue, options, rowObject) {
                if (rowObject.DiscountRate) {
                    if (rowObject.DiscountRateIsPercent == true) {
                        return otcformat.trading.premiumRateP(rowObject.DiscountRate);
                    } else {
                        return otcformat.trading.umprice(rowObject.DiscountRate);
                    }
                } else {
                    if (rowObject.DiscountRate === 0) {
                        return otcformat.trading.umprice(0);
                    }
                    else {
                        return "";
                    }
                }
            }
        }, {
            name: 'DiscountAccDown',
            label: '优惠累计量下限(万元)(按照当月交易累计量)',
            width: 180,
            align: 'center',
            formatter: function(cellValue, options, rowObject) {
                if (rowObject.DiscountAccDown) {
                    return otcformat.trading.umprice(rowObject.DiscountAccDown);
                } else {
                    if (rowObject.DiscountAccDown === 0) {
                        return otcformat.trading.umprice(0);
                    }
                    else {
                        return "";
                    }
                }
            }
        }, {
            name: 'OfflineRate',
            label: '线下费率',
            width: 120,
            align: 'center',
            formatter: function (cellValue, options, rowObject) {
                return rowObject.OfflineRate == null ? "" : otcformat.trading.premiumRateP(rowObject.OfflineRate);
            }
        }, {
            name: 'opt_name',
            label: '操作人',
            width: 90,
            align: 'center'
        }, {
            name: 'opt_time',
            label: '操作时间',
            width: 160,
            align: 'center',
            sortable: true,
            formatter: 'datetime'
        }]
    return col;
};

var colModelGrid = getColModelGrid();

function gridComplete() {
    $('.ui-jqgrid-bdiv', '#gbox_listGrid').floatingScroll();
}

function rowdblclick(rowid) {
    var rowData = $(this).getRowData(rowid);
    if (rowData.EncryptId) {
        startView(rowData.EncryptId);
    }
}



function addNew() {
    main.open("新增阶梯费率配置", "/SwapRate/Edit", { area: ['500px', '500px'] });
}

function startView(id) {
    var srcurl = "/SwapRate/Detail/?enid=" + id;
    main.open("查看阶梯费率配置", srcurl, { area: ['500px', '600px'] });
}

function reloadRate() {
    //重新加载
    SearchClick();
}

function showToolName(cellValue, options, rowObject) {
    var html;
    if (page.canEdit) {
        html =
            "<input type=\"button\" class=\"wentiEdit\" title='修改' onclick=\"editRate('{0}')\" value=\"修改\" />"
                .template(rowObject.EncryptId);
    } else {
        html =
            "<input type=\"button\" class=\"wentiEdit\" title='修改' disabled='disabled' value=\"修改\" />"
                .template(rowObject.EncryptId);
    }
    if (page.canDelete) {
        html = html + "<input type=\"button\" class=\"wentiEdit\" title='删除' onclick=\"deleteRate('{0}',1)\" value=\"删除\" />"
            .template(rowObject.EncryptId);
    } else {
        html = html + "<input type=\"button\" class=\"wentiEdit\" title='删除' disabled='disabled' value=\"删除\" />"
            .template(rowObject.EncryptId);
    }
   
    return html;
}
function editRate(enid) {
    main.open("编辑阶梯费率配置", "/SwapRate/Edit?enid=" + enid, { area: ['500px', '500px'] });
}
function deleteRate(enid) {
    main.confirm("确定要删除吗？", function () {
        main.post("/SwapRate/DeleteSwapRate?enid=" + enid).done(function (resp) {
            reloadRate();
            layer.closeMe();
        })
    });
}
function showImport() {
    layer.open({
        type: 1,
        area: ['60%', '60%'],
        fixed: false, //不固定
        maxmin: true,
        content: $("#importRate"),
        end: function () {
            SearchClick();
        }
    });
}
function SearchClick(isSearchclick) {
    var listGrid = $('#listGrid');

    listGrid.appendPostData({ ClientIds: $("#ClientId").val() == null ? "" : $("#ClientId").val() });
    listGrid.appendPostData({ ClientNumber: $("#ClientNumber").val() });
    listGrid.appendPostData({ TakeEffectDate: $("#DateTakeEffectDate").val() });
    listGrid.appendPostData({ OptName: $("#OptName").val() });
    listGrid.appendPostData({ OptDateStart: $("#DateFromOptDate").val() });
    listGrid.appendPostData({ OptDateEnd: $("#DateToOptDate").val() });
    query_data = listGrid.jqGrid('getPostData');
    if (typeof isSearchclick !== "undefined" && isSearchclick) {
        //点击搜索时默认第一页
        listGrid.jqGrid('setGridParam',
            {
                page: 1
            });
    }

    listGrid.trigger('reloadGrid');
}
function formatThousandsRate(value) {
    if (value == null) {
        return "";
    }
    return (value * 10000).toFixed(4) + "‱";
}
function importRate() {
    let fileName = $("#openFile").val();
    if (!fileName) {
        return main.alert("请选择要导入的文件！");
    }
    let index = fileName.lastIndexOf(".");
    let fileEx = index > 0 ? fileName.substr(index).toLowerCase() : '';
    if (fileEx !== '.xlsx') {
        return main.alert("只能上传.xlsx类型的文件!");
    }
    function success(data) {
        if (data.success) {
            main.alert(!data.totalNum ? '导入成功!' : "共 {0} 条数据,导入成功 {1} 条数据！".template(data.totalNum, data.successNum));
        } else {
            main.alert("导入失败：" + data.msg);
        }
    }
    var url = "/SwapRate/ImportSwapRate";
    main.confirm("确定导入?", UploadFile.bind(null, { inputId: 'openFile', url: url, success: success }));
}


function exportRate() {
    var $form = $('#exportForm').html('');
    $form.attr("action", '/SwapRate/ExportSwapRate')
    _.each(query_data, (val, key) => {
        if (!val) {
            val = '';
        } else if (_.isArray(val)) {
            _.each(val, x => {
                $form.append(`<input type="hidden" name="${key}" value="${x}">`);
            });
            return;
        }
        $form.append(`<input type="hidden" name="${key}" value="${val}">`);
    });
    $form.submit();
}

window.reloadData = reloadRate;