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

var g_grid = {};

function initListGrid() {
    var PostData = {};
    var grid = jQuery('#listGrid').jqGrid({
        url: '/Datatrace/ClientCashDeleteSearch',
        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: 'TradeNumber',
        hidden: true,
        optionHide: true
    }, {
        name: 'EncryptTradeId',
        hidden: true,
        optionHide: true
    }, {
        name: 'OptDate',
        label: '操作时间',
        index: 'OptDate',
        width: 135,
        align: 'center'
    }, {
        name: 'HappenDate',
        label: '发生时间',
        index: 'HappenDate',
        width: 135,
        align: 'center',
        formatter: "datetime"
    }, {
        name: 'Number',
        label: '资金编号',
        index: 'Number',
        width: 150,
        align: 'center'
    }, {
        name: 'ClientName',
        label: '客户名称',
        index: 'ClientName',
        width: 150,
        align: 'center',
        sortable: false
    }, {
        name: 'DirectionType',
        label: '方向类型',
        index: 'DirectionType',
        width: 150,
        align: 'center',
    }, {
        name: 'Money',
        label: '金额',
        index: 'Money',
        width: 150,
        align: 'right',
        formatter: moneyFormat
    }, {
        name: 'TradeNumber',
        label: '相关交易',
        index: 'TradeNumber',
        width: 200,
        align: 'center',
        formatter: tradeNumberFormat
    }, {
        name: 'State',
        label: '资金状态',
        index: 'State',
        width: 80,
        align: 'center',
    }, {
        name: 'OptName',
        label: '操作人',
        index: 'OptName',
        width: 135,
        align: 'center'
    }, {
        name: 'Comments',
        label: '备注',
        index: 'Comments',
        width: 150,
        align: 'center',
        sortable: false
    }
];

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

function tradeNumberFormat(cellValue, options, rowObject) {
    return `<a href="javascript:void(0)" style="text-decoration:underline" onclick="starttradeView('${rowObject.EncryptTradeId}')">${cellValue}</a>`;
}

function moneyFormat(cellValue, options, rowObject) {
    if (rowObject.DirectionType == "出金") {
        return numeral(-1 * cellValue).format("0,0.00");
    }
    else {
        return numeral(cellValue).format("0,0.000");
    }
}

function rowclick(id) {
}

function allRowSelect(rowids, status) {
}

function rowdblclick(rowid) {
}

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

    listGrid.appendPostData({
        DirectionTypes: $("#DirectionType").val() == null || $("#DirectionType").val() == undefined
            ? "出金,入金,权利金支出,权利金收入,平仓/行权支出,平仓/行权收入,票息支出,票息收入,其他支出,其他收入,互换收入,互换支出"
            : $("#DirectionType").val().join()
    });

    listGrid.appendPostData({ OptDateStart: $("#DateFromOptDate").val() });
    listGrid.appendPostData({ OptDateEnd: $("#DateToOptDate").val() });
    listGrid.appendPostData({ ClientIds: $("#ClientId").val() == null ? "" : $("#ClientId").val() });
    listGrid.appendPostData({ ClientNumber: $("#ClientNumber").val() });
    listGrid.appendPostData({ OptNames: !$("#OptNames").val() ? null : $("#OptNames").val() });
    listGrid.appendPostData({ HappenDateStart: $("#DateFromHappenDate").val() });
    listGrid.appendPostData({ HappenDateEnd: $("#DateToHappenDate").val() });
    listGrid.appendPostData({ Number: $("#Number").val() });
    listGrid.appendPostData({ TradeNumber: $("#TradeNumber").val() });

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

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

function exportClientCashDelete() {
    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,
            ClientIds: !$("#ClientId").val() ? null : $("#ClientId").val(),
            DirectionTypes: $("#DirectionType").val() == null || $("#DirectionType").val() == undefined
                ? "出金,入金,权利金支出,权利金收入,平仓/行权支出,平仓/行权收入,票息支出,票息收入,其他支出,其他收入,互换收入,互换支出"
                : $("#DirectionType").val().join(),
            OptDateStart: $("#DateFromOptDate").val(),
            OptDateEnd: $("#DateToOptDate").val(),
            ClientIds: !$("#ClientId").val() ? null : $("#ClientId").val(),
            ClientNumber: $("#ClientNumber").val(),
            OptNames: !$("#OptNames").val() ? null : $("#OptNames").val(),
            HappenDateStart: $("#DateFromHappenDate").val(),
            HappenDateEnd: $("#DateToHappenDate").val(),
            Number: $("#Number").val(),
            TradeNumber: $("#TradeNumber").val(),
        };
    }
    var url = "/Datatrace/ExportClientCashDelete?" + $.param(req, true);
    window.open(url);
}