$(function () {
    $("#TradeNumber").val();
    var PostData = { TradeNumber: tradeNumber };

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

    jQuery('#listGrid').jqGrid({
        cmTemplate: {
            width: 80,
            align: 'center',
            sortable: false
        },
        url: '/trade/TradeGroupActionQuery',
        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);
            (e.keyCode == 13) && SearchClick(true);
        } catch (e) { }
    }

    document.onkeydown = keyEnter;
    SetAceDropDown();
});

var colModelGrid = [{
    name: 'id', label: 'id', index: 'id', width: 1, hidden: true
}, {
    name: 'EncryptId', label: 'EncryptId', index: 'EncryptId', width: 0, hidden: true
}, {
    name: 'trade.id', label: 'trade.id', index: 'trade.id', width: 1, hidden: true
}, {
    name: 'trade.IsGroup', label: 'trade.IsGroup', index: 'trade.IsGroup', width: 1, hidden: true
}, {
    name: 'trade.EncryptId', label: 'trade.EncryptId', index: 'trade.EncryptId', width: 1, hidden: true
}, {
    name: 'rowFlag', label: ' ', width: 30, optionHide: true, formatter: expandFormat, align: 'center', sortable: false
}, {
    name: 'trade.TradeNumber', label: '交易编号', index: 'trade.TradeNumber', width: 150, formatter: 'datetime'
}, {
    name: 'trade.ClientName', label: '客户名称', index: 'trade.ClientName', width: 180
}, {
    name: 'trade.TradeType', label: '交易类型', index: 'trade.TradeType', width: 150,
    formatter: function (cellvalue, options, rowObject) {
        return rowObject.trade.StructureType && rowObject.trade.IsGroup != 2 ? rowObject.trade.StructureType : rowObject.trade.TradeType;
    }
}, {
    name: 'trade.TradeStatus', label: '交易状态', index: 'trade.TradeStatus', width: 150
}, {
    name: 'trade_cash_group_action.Status', label: '操作状态', index: 'trade_cash_group_action.Status', width: 150, formatter: statusFormat
}];

function gridComplete() {
    $(".ui-jqgrid-sortable").css("text-align", "center");

    var jgrid = $(this);
    var rowNum = parseInt(jgrid.getGridParam('records'), 10);
    if (rowNum > 0) {
        $(".ui-jqgrid-sdiv").show();
        var totalMoney = arguments[0].Sum == null ? "" : arguments[0].Sum.MoneySum;
        jgrid.footerData("set", { Money: totalMoney });
    } else {
        $(".ui-jqgrid-sdiv").hide();
    }
}

function statusFormat(cellValue, options, rowObject) {
    if (rowObject.trade.IsGroup == 1) {
        var html = "<input type=\"button\" value=\"完成\" class=\"wentiEdit\" onclick=\"finishTrade('" + rowObject.trade_cash.id + "');\" />";
        return html;
    }

    return cellValue;
}

function finishTrade(TcId) {
    main.post("/trade_cash/CheckFinishGroupTradeCash", { TcId: TcId }).done(function (res) {
        if (res) {
            main.post("/trade_cash/FinishGroupTradeCash", { TcId: TcId }).done(function () {
                reloadTrade();
            });
        }
        else {
            main.alert("存在未完成的子交易");
            //main.confirm("存在未完成的子交易，确认完成？", function () {
            //    main.post("/trade_cash/FinishGroupTradeCash", { TcId: TcId }).done(function () {
            //        reloadTrade();
            //    });
            //})
        }
    });
}

//展开折叠
function expandFormat(cellValue, options, rowObject) {
    var hasExpandIcon = rowObject.trade.IsGroup == 1;
    if (hasExpandIcon) {
        return `<a class="yl-grid-plus" href="#" ondblclick="event.stopPropagation()" onclick="toggleExpand('${options.rowId}','${rowObject.trade.id}','${rowObject.trade_cash.id}')"><i class="fa fa-plus"></i></a>`;
    }
    return "";
}

function toggleExpand(rowid, tradeId, tradeCashId) {
    event.stopPropagation();
    $(event.target).toggleClass('fa-minus');
    if ($(event.target).hasClass('fa-minus')) {
        main.post("/trade/SearchGroupActionChildrenList", { TradeId: tradeId, TradeCashId: tradeCashId }).done(function (res) {
            for (var i = 0; i < res.length; i++) {
                jQuery('#listGrid').jqGrid('addRowData', res[i].id, res[i], 'after', rowid);
                $('#' + res[i].id).find("td").addClass("ChildrenBG");
            }
        });
    }
    else {
        main.post("/trade/SearchGroupActionChildrenList", { TradeId: tradeId, TradeCashId: tradeCashId }).done(function (res) {
            for (var i = 0; i < res.length; i++) {
                jQuery('#listGrid').jqGrid('delRowData', res[i].id);
            }
        });
    }
}

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

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

    listGrid.appendPostData({ ClientIds: $("#ClientId").val() == null ? "" : $("#ClientId").val().join() });
    listGrid.appendPostData({ TradeNumber: $("#TradeNumber").val() });

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

function rowdblclick(rowid) {
    var rowData = $(this).getRowData(rowid);
    if (rowData['trade.EncryptId'] && rowData['trade.TradeType']) {
        if (rowData['trade.IsGroup'] == 1) {
            starttradeView(rowData['trade.EncryptId'], rowData['trade.TradeType']);
        }
        else {
            starttradeView(rowData['trade.EncryptId'], rowData['trade.TradeType'], rowData['trade_cash_group_action.Status']);
        }
    }
}

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