$(() => {
    $(".datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        format: 'yyyy-mm-dd hh:mm:ss',
        showButtonPanel: true,
        showOtherMonths: true,
        //selectOtherMonths: true,
        showSecond: true
    });
    $("#DateFromValueDate").val(page.ValueDate);
    $("#DateToValueDate").val(page.ValueDate);
    initListGrid();
});

var g_grid = {};
var numberpercentFmt = main.numberFormat(2, { percent: true });

function initListGrid() {
    var PostData = {};
    var grid = jQuery('#listGrid').jqGrid({
        url: '/Datatrace/DividendrateChangeSearch',
        datatype: 'local',
        multiselect: true,
        height: 'auto',
        width: '96%',
        autowidth: false,
        shrinkToFit: false,
        viewrecords: true,
        jsonReader: { repeatitems: false },
        caption: '',
        mtype: 'POST',
        cmTemplate: { align: 'center', width: 120 },
        postData: PostData,
        onSelectRow: rowclick,
        onSelectAll: allRowSelect,
        ondblClickRow: rowdblclick,
        colModel: colModelGrid,
        pager: jQuery('#pagerGrid'),
        pagerpos: 'left',
        rowNum: 20,
        rowList: [20, 30, 50, 200, 10000],
        footerrow: false,
        //userDataOnFooter: true,
        loadComplete: gridComplete,
        onPaging: onJqgridPaging,
        grouping: true
    });
    var g_grid = jQuery('#listGrid').jqGrid(grid);
    SearchClick(true);
}

var colModelGrid = [
    {
        name: 'id',
        hidden: true,
        optionHide: true
    }, {
        name: 'EncryptId',
        hidden: true,
        optionHide: true
    }, {
        name: 'OptDate',
        label: '操作时间',
        index: 'OptDate',
        width: 135,
        align: 'center',
        formatter: "datetime"
    }, {
        name: 'DividendRate',
        label: '模型参数值',
        index: 'DividendRate',
        width: 150,
        align: 'center',
        sortable: false,
        formatter: numberpercentFmt
    }, {
        name: 'ValueDate',
        label: '参数适用日期',
        index: 'ValueDate',
        width: 135,
        align: 'center',
        formatter: 'date'
    }, {
        name: 'TradeType',
        label: '结构类型列表',
        index: 'TradeType',
        width: 300,
        align: 'center',
        sortable: false
    }, {
        name: 'UnderlyingCode',
        label: '标的代码列表',
        index: 'UnderlyingCode',
        width: 300,
        align: 'center',
        sortable: false
    }, {
        name: 'OptionType',
        label: '看涨看跌',
        index: 'OptionType',
        width: 150,
        align: 'center',
    }, {
        name: 'OptName',
        label: '操作人',
        index: 'OptName',
        width: 150,
        align: 'center',
        sortable: false
    }
];

function ShowStructFormater(cellValue, options, rowObject) {
    if (rowObject.TradeType === "结构化交易") {
        //return "<a href=\"#\" class=\"selftooltip\" style=\"z-index:10000000\" data-toggle=\"tooltip\" title=\"{1}\">{0}</a>"
        //    .template(cellValue || '', setStructTable(rowObject));
    }
    else if (rowObject.TradeType === "合成价差期权") {
        return "<a href=\"#\" class=\"selftooltip\" style=\"z-index:10000000\" data-toggle=\"tooltip\" title=\"{1}\">{0}</a>"
            .template(cellValue || '', rowObject.SyntheticUnderlyingTipsInfo);
    }
    return cellValue || '';
}

function starttradeView(id) {
    let srcurl = "/trade/tradeView/?isOnlyCloseButton=true&enid=" + id;
    main.open("查看交易(机构方向)", srcurl, { area: ['1260px', '100%'], scrollbar: false });
}

function rowclick(id) {
}

function allRowSelect(rowids, status) {
}

function rowdblclick(rowid) {
}

function SearchClick(isSearchclick) {
    var listGrid = $('#listGrid');


    listGrid.appendPostData({ ValueDateStart: $("#DateFromValueDate").val() });
    listGrid.appendPostData({ ValueDateEnd: $("#DateToValueDate").val() });

    if (typeof (isSearchclick) != "undefined" && isSearchclick) {
        //点击搜索时默认第一页
        listGrid.jqGrid('setGridParam',
            {
                page: 1
            });
    }

    listGrid.jqGrid('setGridParam', { datatype: 'json' });
    listGrid.trigger('reloadGrid');
}

function exportDividendrateChange() {
    var req;
    var selectedIds = $('#listGrid').jqGrid('getGridParam', 'selarrrow');
    if (selectedIds.length > 0) {
        var ors = [];
        for (var i = 0; i < selectedIds.length; i++) {
            var or = $('#listGrid').getRowData(selectedIds[i]).id;
            ors.push(or);
        }
        req = { Ids: ors };
    } else {
        req = {
            Ids: null,
            ValueDateStart: $("#DateFromValueDate").val(),
            ValueDateEnd: $("#DateToValueDate").val()
        };
    }
    var url = "/Datatrace/ExportDividendrateChange?" + $.param(req, true);
    window.open(url);
}