$(() => {
    $(".datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        showOtherMonths: true,
        selectOtherMonths: true
    });
    $("#DateFromOptDate").val(page.ValueDate);
    $("#DateToOptDate").val(page.ValueDate);
    initGrid();
});

function initGrid() {
    var postData = {}
    var obj = {
        url: "/trade/QueryTradeChange",
        datatype: 'local',
        //multiselect: true,
        height: 'auto',
        width: '96%',
        autowidth: false,
        viewrecords: true,
        jsonReader: { repeatitems: false },
        cmTemplate: { align: 'center', width: 120 },
        caption: '',
        mtype: 'POST',
        postData: postData,
        colModel: colModelGrid,
        ondblClickRow: rowdblclick,
        pager: jQuery('#pagerGrid'),
        pagerpos: 'left',
        rowNum: 20,
        rowList: [20, 30, 50, 200, 10000],
        loadComplete: gridComplete,
        footerrow: false,
    };
    var g_grid = jQuery('#listGrid').jqGrid(obj);
    SearchClick(true);
}

function gridComplete() {
    $("#listGrid").setGridWidth($("#infopage").width() - 30);
}

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 TradePriceFormat(cellValue, options, rowObject) {
    return otcformat.trading.tradePrice(cellValue * (rowObject.BuySell === "买入" || rowObject.BuySell === "多头开仓" || rowObject.BuySell === "空头平仓" ? -1 : 1));
}

function rowdblclick(rowid) {
    var rowData = $(this).getRowData(rowid);
    if (rowData.EncryptId && rowData.TradeType) {
        starttradeView(rowData.EncryptId, rowData.TradeType);
    }
}

function starttradeView(id, tradeType) {
    if (tradeType.indexOf("远期") >= 0) {
        let srcurl = "/forwardtrade/tradeView/?enid=" + id + "&isFromPositionReport=true&isOnlyCloseButton=true";
        main.open("查看远期交易", srcurl);
    }
    else {
        let srcurl = "/trade/tradeView/?enid=" + id + "&checkBtn=1&isOnlyCloseButton=true";
        main.open("查看交易", srcurl, { area: ['1360px', '100%'], scrollbar: false });
    }
}

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

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

function UpdatePostData(grid) {
    grid.appendPostData({ OptDateStart: $("#DateFromOptDate").val() });
    grid.appendPostData({ OptDateEnd: $("#DateToOptDate").val() });
    var optTypes = $("#OptTypes").val();
    if (!optTypes.length) {
        optTypes = page.OptTypes;
    }
    grid.appendPostData({ OptTypes: optTypes });
}

var colModelGrid = [
    {
        name: 'EncryptId',
        label: 'EncryptId',
        index: 'EncryptId',
        width: 70,
        align: 'center',
        hidden: true,
        optionHide: true,
        sortable: false
    }, {
        name: 'OptDate',
        label: '操作时间',
        index: 'OptDate',
        width: 160,
        align: 'center',
        formatter: "datetime",
        sortable: true
    }, {
        name: 'OptName',
        label: '操作人',
        index: 'OptName',
        width: 90,
        align: 'center',
        sortable: true
    }, {
        name: 'OptType',
        label: '操作类型',
        index: 'OptType',
        width: 70,
        align: 'center',
        sortable: true
    }, {
        name: 'TradeStatus',
        label: '交易状态',
        index: 'TradeStatus',
        width: 70,
        align: 'center',
        sortable: false
    }, {
        name: 'TradeNumber',
        label: '交易编号',
        index: 'TradeNumber',
        width: 150,
        align: 'center',
        sortable: false,
        formatter: ShowStructFormater
    }, {
        name: 'ClientName',
        label: '客户名称',
        index: 'ClientName',
        width: 160,
        align: 'center',
        sortable: false
    }, {
        name: 'BuySell',
        label: '交易方向',
        index: 'BuySell',
        width: 70,
        align: 'center',
        sortable: false
    }, {
        name: 'TradeDate',
        label: '交易日期',
        index: 'TradeDate',
        width: 90,
        align: 'center',
        formatter: 'date',
        sortable: false
    }, {
        name: 'ExerciseDate',
        label: '到期日期',
        index: 'ExerciseDate',
        width: 90,
        align: 'center',
        formatter: 'date',
        sortable: false
    }, {
        name: 'UnderlyingCode',
        label: '标的代码',
        index: 'UnderlyingCode',
        width: 60,
        align: 'center',
        sortable: false,
        formatter: ShowStructFormater
    }, {
        name: 'TradeType',
        label: '结构类型',
        index: 'TradeType',
        width: 70,
        align: 'center',
        sortable: false,
        formatter: function (cellvalue, options, rowObject) {
            return rowObject.StructureType && rowObject.IsGroup != 2 ? rowObject.StructureType : rowObject.TradeType;
        }
    }, {
        name: 'OriginalStockEqvNotionalV2',
        label: '名义本金(元)',
        index: 'OriginalStockEqvNotionalV2',
        width: 70,
        align: 'center',
        sortable: false,
        formatter: otcformat.trading.StockEqvNotional
    }
];