123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- //获取前缀
- 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 !== " ") {
- 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();
- });
|