//获取前缀
var serialPrefix = document.getElementById("serial_prefix").innerText;
var oldShowSerialContent = $("#head").attr("content");
var 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) {
    $(".table-serial-btn").removeClass("none");
}
var html = '<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(html);

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

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

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

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

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

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