//物料入库看板
var interval_do = null;//页面刷新定时器
clearInterval(interval_do);
var MyMarhq = '';//滚动定时器
clearInterval(MyMarhq);
var scrollTimer; // 定义全局变量用于存储滚动定时器
var scrollTimer1; // 定义全局变量用于存储滚动定时器
var scrollTimer2; // 定义全局变量用于存储滚动定时器
var scrollTimer3; // 定义全局变量用于存储滚动定时器
window.onload = function () {
autoScrollItem3();
autoScrollItem7();
autoScrollwlqt3();
autoScrollwlqt7();
};
$(function () {
doData()
interval_do = setInterval(getKanbanData, 3000 * 1000); // 启动,执行默认方法
// // 当鼠标移入表格容器时清除滚动定时器
// document.getElementById("item3").addEventListener("mouseenter", function () {
// console.log("item3");
// clearInterval(scrollTimer);
// });
//
// // 当鼠标移出表格容器时重新启动滚动定时器
// document.getElementById("item3").addEventListener("mouseleave", function () {
// autoScrollItem3();
// });
//
// // 当鼠标移入表格容器时清除滚动定时器
// document.getElementById("item7").addEventListener("mouseenter", function () {
// console.log("item7");
// clearInterval(scrollTimer1);
// });
//
// // 当鼠标移出表格容器时重新启动滚动定时器
// document.getElementById("item7").addEventListener("mouseleave", function () {
// autoScrollItem7();
// });
//
// // 当鼠标移入表格容器时清除滚动定时器
// document.getElementById("wlqt3").addEventListener("mouseenter", function () {
// clearInterval(scrollTimer2);
// });
//
// // 当鼠标移出表格容器时重新启动滚动定时器
// document.getElementById("wlqt3").addEventListener("mouseleave", function () {
// autoScrollwlqt3();
// });
//
// // 当鼠标移入表格容器时清除滚动定时器
// document.getElementById("wlqt7").addEventListener("mouseenter", function () {
// clearInterval(scrollTimer3);
// });
//
// // 当鼠标移出表格容器时重新启动滚动定时器
// document.getElementById("wlqt7").addEventListener("mouseleave", function () {
// autoScrollwlqt7();
// });
})
function doData() {
tableBox();
tableBoxItem3();
tableBoxData7();
tableBoxItem7();
var Items = KANBAN_DATA.data.data1;
if (Items.length > 10) {
autoScrollwlqt3();
} else {
clearInterval(scrollTimer2); // 数据条数不足 15 条时停止滚动
}
var Items1 = KANBAN_DATA.data.data2;
if (Items1.length > 10) {
autoScrollItem3();
} else {
clearInterval(scrollTimer); // 数据条数不足 15 条时停止滚动
}
var Items2 = KANBAN_DATA.data.data3;
if (Items2.length > 10) {
autoScrollwlqt7();
} else {
clearInterval(scrollTimer3); // 数据条数不足 15 条时停止滚动
}
var Items3 = KANBAN_DATA.data.data4;
if (Items3.length > 10) {
autoScrollItem7();
} else {
clearInterval(scrollTimer1); // 数据条数不足 15 条时停止滚动
}
}
function tableBox() {
var Items = KANBAN_DATA.data.data1;
$('#wlqt3 tbody').empty();
var str = '';
var style = '';
var border = '';
var style1 = '';
if (Items.length <= 15) {//不滚动
$.each(Items, function (i, item) {
if (i == Items.length - 1) {
//style = "style='border-bottom: 2px solid #333399;padding:5px;'";
border = 'border-bottom: 2px solid #333399;padding:5px;'
style = "style='border-bottom: 2px solid #333399;padding:5px;'";
} else {
style = "style='padding:5px;'";
}
if (item.qt == 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.daa001) + ' | ' + '' + isNull(item.daa006Form) + ' | ' + '' + isNull(item.caa015) + ' | ' + '' + isNull(item.daa022) + ' | ' + '' + isNull(item.sum1) + ' | ' + '' + isNull(item.wq) + ' | ' + '' + isNull(item.percentage) + ' | ' + '
';
$('#wlqt3 tbody').append(str);
});
} else {//会滚动
$.each(Items, function (i, item) {
style = "style=''";
if (item.qt > 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.daa001) + ' | ' + '' + isNull(item.daa006Form) + ' | ' + '' + isNull(item.caa015) + ' | ' + '' + isNull(item.daa022) + ' | ' + '' + isNull(item.sum1) + ' | ' + '' + isNull(item.wq) + ' | ' + '' + isNull(item.percentage) + ' | ' + '
';
$('#wlqt3 tbody').append(str);
});
}
}
function tableBoxData7() {
var Items = KANBAN_DATA.data.data3;
$('#wlqt7 tbody').empty();
var str = '';
var style = '';
var border = '';
var style1 = '';
if (Items.length <= 15) {//不滚动
$.each(Items, function (i, item) {
if (i == Items.length - 1) {
//style = "style='border-bottom: 2px solid #333399;padding:5px;'";
border = 'border-bottom: 2px solid #333399;padding:5px;'
style = "style='border-bottom: 2px solid #333399;padding:5px;'";
} else {
style = "style='padding:5px;'";
}
if (item.qt == 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.daa001) + ' | ' + '' + isNull(item.daa006Form) + ' | ' + '' + isNull(item.caa015) + ' | ' + '' + isNull(item.daa022) + ' | ' + '' + isNull(item.sum1) + ' | ' + '' + isNull(item.wq) + ' | ' + '' + isNull(item.percentage) + ' | ' + '
';
$('#wlqt7 tbody').append(str);
});
} else {//会滚动
$.each(Items, function (i, item) {
style = "style=''";
if (item.qt > 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.daa001) + ' | ' + '' + isNull(item.daa006Form) + ' | ' + '' + isNull(item.caa015) + ' | ' + '' + isNull(item.daa022) + ' | ' + '' + isNull(item.sum1) + ' | ' + '' + isNull(item.wq) + ' | ' + '' + isNull(item.percentage) + ' | ' + '
';
$('#wlqt7 tbody').append(str);
});
}
}
function tableBoxItem3() {
var Items = KANBAN_DATA.data.data2;
$('#item3 tbody').empty();
var str = '';
var style = '';
var border = '';
var style1 = '';
if (Items.length <= 15) {//不滚动
$.each(Items, function (i, item) {
if (i == Items.length - 1) {
//style = "style='border-bottom: 2px solid #333399;padding:5px;'";
border = 'border-bottom: 2px solid #333399;padding:5px;'
style = "style='border-bottom: 2px solid #333399;padding:5px;'";
} else {
style = "style='padding:5px;'";
}
if (item.qt == 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.itemNo) + ' | ' + '' + isNull(item.dab004) + ' | ' + '' + isNull(item.dab005) + ' | ' + '' + isNull(item.dab006) + ' | ' + '' + isNull(item.wly) + ' | ' + '' + isNull(item.meskc2) + ' | ' + '
';
$('#item3 tbody').append(str);
});
} else {//会滚动
$.each(Items, function (i, item) {
style = "style=''";
if (item.qt > 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.itemNo) + ' | ' + '' + isNull(item.dab004) + ' | ' + '' + isNull(item.dab005) + ' | ' + '' + isNull(item.dab006) + ' | ' + '' + isNull(item.wly) + ' | ' + '' + isNull(item.meskc2) + ' | ' + '
';
$('#item3 tbody').append(str);
});
}
}
function tableBoxItem7() {
var Items = KANBAN_DATA.data.data4;
$('#item7 tbody').empty();
var str = '';
var style = '';
var border = '';
var style1 = '';
if (Items.length <= 15) {//不滚动
$.each(Items, function (i, item) {
if (i == Items.length - 1) {
//style = "style='border-bottom: 2px solid #333399;padding:5px;'";
border = 'border-bottom: 2px solid #333399;padding:5px;'
style = "style='border-bottom: 2px solid #333399;padding:5px;'";
} else {
style = "style='padding:5px;'";
}
if (item.qt == 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.itemNo) + ' | ' + '' + isNull(item.dab004) + ' | ' + '' + isNull(item.dab005) + ' | ' + '' + isNull(item.dab006) + ' | ' + '' + isNull(item.wly) + ' | ' + '' + isNull(item.meskc2) + ' | ' + '
';
$('#item7 tbody').append(str);
});
} else {//会滚动
$.each(Items, function (i, item) {
style = "style=''";
if (item.qt > 0) {
style1 = "style='color:#CC0033;" + border + "'";
} else {
style1 = "style='color:#FFFFFF;" + border + "'";
}
str = '' + '| ' + isNull(item.itemNo) + ' | ' + '' + isNull(item.dab004) + ' | ' + '' + isNull(item.dab005) + ' | ' + '' + isNull(item.dab006) + ' | ' + '' + isNull(item.wly) + ' | ' + '' + isNull(item.meskc2) + ' | ' + '
';
$('#item7 tbody').append(str);
});
}
}
function autoScrollItem3() {
var container = document.getElementById("item3"); // 获取表格容器
var speed = 50; // 滚动速度，数值越大滚动越慢
var scrollHeight = container.scrollHeight; // 获取滚动内容的高度
var clientHeight = container.clientHeight; // 获取容器可见区域的高度
if (scrollHeight > clientHeight) {
var scrollPos = 0; // 初始化滚动位置
function scroll() {
if (scrollPos <= scrollHeight - clientHeight) {
scrollPos++;
} else {
scrollPos = 0; // 回到顶部
}
container.scrollTop = scrollPos; // 设置滚动位置
}
scrollTimer = setInterval(scroll, speed); // 启动滚动定时器
}
}
function autoScrollItem7() {
var container = document.getElementById("item7"); // 获取表格容器
var speed = 50; // 滚动速度，数值越大滚动越慢
var scrollHeight = container.scrollHeight; // 获取滚动内容的高度
var clientHeight = container.clientHeight; // 获取容器可见区域的高度
if (scrollHeight > clientHeight) {
var scrollPos = 0; // 初始化滚动位置
function scroll() {
if (scrollPos <= scrollHeight - clientHeight) {
scrollPos++;
} else {
scrollPos = 0; // 回到顶部
}
container.scrollTop = scrollPos; // 设置滚动位置
}
scrollTimer1 = setInterval(scroll, speed); // 启动滚动定时器
}
}
function autoScrollwlqt3() {
var container = document.getElementById("wlqt3"); // 获取表格容器
var speed = 50; // 滚动速度，数值越大滚动越慢
var scrollHeight = container.scrollHeight; // 获取滚动内容的高度
var clientHeight = container.clientHeight; // 获取容器可见区域的高度
if (scrollHeight > clientHeight) {
var scrollPos = 0; // 初始化滚动位置
function scroll() {
if (scrollPos <= scrollHeight - clientHeight) {
scrollPos++;
} else {
scrollPos = 0; // 回到顶部
}
container.scrollTop = scrollPos; // 设置滚动位置
}
scrollTimer2 = setInterval(scroll, speed); // 启动滚动定时器
}
}
function autoScrollwlqt7() {
var container = document.getElementById("wlqt7"); // 获取表格容器
var speed = 50; // 滚动速度，数值越大滚动越慢
var scrollHeight = container.scrollHeight; // 获取滚动内容的高度
var clientHeight = container.clientHeight; // 获取容器可见区域的高度
if (scrollHeight > clientHeight) {
var scrollPos = 0; // 初始化滚动位置
function scroll() {
if (scrollPos <= scrollHeight - clientHeight) {
scrollPos++;
} else {
scrollPos = 0; // 回到顶部
}
container.scrollTop = scrollPos; // 设置滚动位置
}
scrollTimer3 = setInterval(scroll, speed); // 启动滚动定时器
}
}
function getKanbanData() {
$.ajax({
type: "GET",
url: context + "kanban/toZJ3Data",
dataType: "json",
success: function (res) {
console.log(res)
if (res.result) {
KANBAN_DATA = res;
clearInterval(scrollTimer); // 清除滚动定时器
clearInterval(scrollTimer1); // 清除滚动定时器
clearInterval(scrollTimer2); // 清除滚动定时器
clearInterval(scrollTimer3); // 清除滚动定时器
doData();
} else {
//clearInterval(interval_do);//错误-关闭定时器
}
}
});
}
//插入样式
function setColor(style, value) {
var bgcolor = ''
if (value == 'N') {
} else {
if (value == "0") {
bgcolor = 'background-color:#999999;'
} else if (value == "100") {
bgcolor = 'background-color:#33CC99;'
} else if (value == "/") {
bgcolor = 'background-color:#7E1D1DFF;'
} else {
bgcolor = 'background-color:#FF9900;'
}
var s = style.substring(0, style.length - 1)
style = s + bgcolor + "'";
}
return style
}
function isNull(str) {
if (str == null) {
return ""
} else {
return str
}
}