$(() => {
    $(".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: "/Datatrace/TradeInfoDeleteSearch",
        datatype: 'local',
        //multiselect: true,
        height: 'auto',
        width: '96%',
        autowidth: false,
        viewrecords: true,
        multiselect: 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');

    listGrid.appendPostData({ OptDateStart: $("#DateFromOptDate").val() });
    listGrid.appendPostData({ OptDateEnd: $("#DateToOptDate").val() });
    listGrid.appendPostData({ TradeNumber: $("#TradeNumber").val() });
    listGrid.appendPostData({ ClientIds: !$("#ClientId").val() ? null : $("#ClientId").val() });
    listGrid.appendPostData({ AssetIds: !$("#AssetId").val() ? null : $("#AssetId").val() });
    listGrid.appendPostData({ OptNames: !$("#OptNames").val() ? null : $("#OptNames").val() });
    listGrid.appendPostData({ Ids: null });

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

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


function exportClientInfoChange() {
    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]).TradeAuditId;
            ors.push(or);
        }
        req = { Ids: ors };
    } else {
        req = {
            Ids: null,
            OptDateStart: $("#DateFromOptDate").val(),
            OptDateEnd: $("#DateToOptDate").val(),
            TradeNumber: $("#TradeNumber").val(),
            ClientIds: !$("#ClientId").val() ? null : $("#ClientId").val(),
            AssetIds: !$("#AssetId").val() ? null : $("#AssetId").val(),
            OptNames: !$("#OptNames").val() ? null : $("#OptNames").val()
        };
    }
    exportSubmit("/Datatrace/ExportTradeInfoDelete", req);
}

function exportSubmit(url, query_data) {
    var $form = $('#exportForm').html('');
    $form.attr("action", url)
    _.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();
}


var i = 0;
var colModelGrid = [
    {
        name: 'TradeAuditId',
        label: 'TradeAuditId',
        index: 'TradeAuditId',
        sortIndex: i++,
        width: 70,
        align: 'center',
        hidden: true,
        optionHide: true
    }, {
        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
    }
];