//物料入库看板
|
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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.daa001) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa006Form) + '</td>' + '<td ' + style1 + '>' + isNull(item.caa015) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa022) + '</td>' + '<td ' + style1 + '>' + isNull(item.sum1) + '</td>' + '<td ' + style1 + '>' + isNull(item.wq) + '</td>' + '<td ' + style1 + '>' + isNull(item.percentage) + '</td>' + '</tr>';
|
$('#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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.daa001) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa006Form) + '</td>' + '<td ' + style1 + '>' + isNull(item.caa015) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa022) + '</td>' + '<td ' + style1 + '>' + isNull(item.sum1) + '</td>' + '<td ' + style1 + '>' + isNull(item.wq) + '</td>' + '<td ' + style1 + '>' + isNull(item.percentage) + '</td>' + '</tr>';
|
$('#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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.daa001) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa006Form) + '</td>' + '<td ' + style1 + '>' + isNull(item.caa015) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa022) + '</td>' + '<td ' + style1 + '>' + isNull(item.sum1) + '</td>' + '<td ' + style1 + '>' + isNull(item.wq) + '</td>' + '<td ' + style1 + '>' + isNull(item.percentage) + '</td>' + '</tr>';
|
$('#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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.daa001) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa006Form) + '</td>' + '<td ' + style1 + '>' + isNull(item.caa015) + '</td>' + '<td ' + style1 + '>' + isNull(item.daa022) + '</td>' + '<td ' + style1 + '>' + isNull(item.sum1) + '</td>' + '<td ' + style1 + '>' + isNull(item.wq) + '</td>' + '<td ' + style1 + '>' + isNull(item.percentage) + '</td>' + '</tr>';
|
$('#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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.itemNo) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab004) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab005) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab006) + '</td>' + '<td ' + style1 + '>' + isNull(item.wly) + '</td>' + '<td ' + style1 + '>' + isNull(item.meskc2) + '</td>' + '</tr>';
|
$('#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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.itemNo) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab004) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab005) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab006) + '</td>' + '<td ' + style1 + '>' + isNull(item.wly) + '</td>' + '<td ' + style1 + '>' + isNull(item.meskc2) + '</td>' + '</tr>';
|
$('#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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.itemNo) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab004) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab005) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab006) + '</td>' + '<td ' + style1 + '>' + isNull(item.wly) + '</td>' + '<td ' + style1 + '>' + isNull(item.meskc2) + '</td>' + '</tr>';
|
$('#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 = '<tr>' + '<td ' + style1 + '>' + isNull(item.itemNo) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab004) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab005) + '</td>' + '<td ' + style1 + '>' + isNull(item.dab006) + '</td>' + '<td ' + style1 + '>' + isNull(item.wly) + '</td>' + '<td ' + style1 + '>' + isNull(item.meskc2) + '</td>' + '</tr>';
|
$('#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/toZP3Data",
|
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
|
}
|
}
|
