//获取前缀
const serialPrefix = document.getElementById("serial_prefix").innerText;
let oldShowSerialContent = $("#head").attr("content");
const showSerialContent = "width=device-width, initial-scale=1,maximum-scale=10,minimum-scale=0.1,user-scalable=no";
//js添加html
if (serialPrefix !== null && serialPrefix.length > 0) {
    const serialBtn = $(".table-serial-btn")
    if (serialBtn && serialBtn.length>0) {
        serialBtn.removeClass("none");
    } else {
        const scale = getScale();
        let transform = 0.84;
        let bottom = 20;
        if (scale !== 1) {
            transform = 0.84 / scale;
            bottom = 1 / scale * 20 + (1 / scale - 1) * 36 / 2;
        }
        let pageDiv = '<div  style="    position: fixed;\n' +
            '    right: 0;\n' +
            '    margin-right: 130px;\n' +
            '    width: 260px;\n' +
            'transform:scale(' + transform + ');bottom:' + bottom + 'px; ">' +
            '<button class="table-serial-btn">选择</button> ' +
            '</div>'
        $(".condition-box").append(pageDiv);
    }

    const showSerialHtml = '<div class="serial-menu none"> ' +
        '<div class="serial-content">' + ' </div>' +
        '<div class="serial-box"><button class="serial-btn cancel">关闭</button> <button class="serial-btn determine">确定</button> </div>'
        + ' </div>';
    $("body").append(showSerialHtml);
}

//显示序号
function showSerial() {
    const serialContent = $(".serial-content")
    serialContent.html("");

    const table = $('#table')
    let qtTableTop = table.offset().top;
    let qtTableHeight = table.outerHeight(true);
    let winScrollTop = $(window).scrollTop();
    let winHeight = $(window).height();
    //遍历
    $('#tableContent tr').each(function () {
        const serialNumber = $(this).children().eq(0).html();
        if (serialNumber !== null && serialNumber !== undefined && serialNumber.length > 0 && serialNumber !== "&nbsp;") {
            let cardOffsetTop = $(this).offset().top;
            let cardOuterHeight = $(this).outerHeight(true);
            if ((cardOffsetTop > winScrollTop - cardOuterHeight + qtTableTop + qtTableHeight) &&
                (cardOffsetTop < winScrollTop + winHeight - qtTableHeight)) {
                const serialValue = $(this).data("value");
                if (serialValue !== null && serialValue !== undefined) {
                    serialContent.append('<button  class="serial-btn" data-value=' + serialValue + '>' + serialNumber + '</button>');
                }
            }
        }
    });
    const yu = 7;
    if (yu > 0) {
        for (let x = 0; x < yu; x++) serialContent.append('<button class="serial-btn visibility-hidden"></button>');
    }
    //选择选项
    $(".serial-content .serial-btn").click(function () {
        if (serialPrefix == null || serialPrefix.length <= 0) {
            return;
        }
        const content = $(this).data("value");
        if (content == null || content.length <= 0) {
            return;
        }
        alert(serialPrefix + content);
    });
}

//点击关闭
function closeSerial() {
    $(".condition-box").removeClass("none");
    $(".serial-menu").addClass("none");
    $("#head").attr("content", oldShowSerialContent);
    alert("Closed@closeSerial");
}

//点击显示
$(".table-serial-btn").click(function () {
    if (serialPrefix == null || serialPrefix.length <= 0) {
        return;
    }
    const head = $("#head");
    oldShowSerialContent = head.attr("content");
    showSerial();
    head.attr("content", showSerialContent);
    $(".condition-box").addClass("none");
    $(".serial-menu").removeClass("none");
    alert("Close@closeSerial");
});

$(".serial-box .cancel").click(function () {
    closeSerial();
});

$(".serial-box .determine").click(function () {
    closeSerial();
});