<!doctype html>
<html>
<head>
<title>昇沪销售金额看板</title>
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="myjs.js"></script>
<style>
.tablebox {
height: 1000px;
overflow: hidden;
position: relative;
width: 1500px;
margin: 10px auto;
background-color: rgba(6,26,103,1);
}
.tabTitle{
font-size: 32px;
margin: 0px auto;
color:red;
background-color: #1f1f9c;
background-color: rgba(6,26,103,1);
width:1000px;
height:100px;
line-height: 100px;
text-align: center;
}
.tbl-header {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.tbl-body {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.tablebox table {
width: 100%;
}
.tablebox table th,
.tablebox table td {
font-size: 24px;
color: #7ca6f4;
line-height: 45px;
text-align: center;
}
.tablebox table tr th {
background-color: #1f1f9c;
cursor: pointer;
}
.tablebox table tr td {
background-color: transparent;
}
.tbl-body tr:nth-child(even) td,.tbl-body1 tr:nth-child(even) td {
background-color: rgba(31, 31, 156, .5);
}
.tablebox table tr td span,
.tablebox table tr td span {
font-size: 24px;
}</style>
</head>
<body onload="orderGetlist();">
<div class="tabTitle" id="text1">惠州市昇沪汽车紧固件科技公司[客服中心]--销售未交状况表</div>
<div class="tablebox" id="content">
<div class="tbl-header">
<table border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>序号</th>
<th>跟单员</th>
<th>订单交期</th>
<th>订单号码</th>
<th>物料料号</th>
<th>订单数量</th>
<th>已发数量</th>
<th>未发数量</th>
</tr>
</thead>
<tbody style="opacity:0;"></tbody>
</table>
</div>
<div class="tbl-body">
<table border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>序号</th>
<th>跟单员</th>
<th>订单交期</th>
<th>订单号码</th>
<th>物料料号</th>
<th>订单数量</th>
<th>已发数量</th>
<th>未发数量</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<script>
function drawlist(rtext)
{
var MyMarhq = '';
clearInterval(MyMarhq);
$('.tbl-body tbody').empty();
$('.tbl-header tbody').empty();
var str ='';
var Items = eval(rtext);
//document.getElementById("text1").innerHTML=rtext;
$.each(Items,function (i, item) {
str = '<tr>'+
'<td>'+item.sno+'</td>'+
'<td>'+item.gdName+'</td>'+
'<td>'+item.deliveryDate+'</td>'+
'<td>'+item.orderno+'</td>'+
'<td>'+item.mcode+'</td>'+
'<td>'+(+item.qty).toFixed(2)+'</td>'+
'<td>'+(+item.outQty).toFixed(2)+'</td>'+
'<td>'+(+item.leftQty).toFixed(2)+'</td>'+
'</tr>'
$('.tbl-body tbody').append(str);
$('.tbl-header tbody').append(str);
});
if(Items.length > 10){
$('.tbl-body tbody').html($('.tbl-body tbody').html()+$('.tbl-body tbody').html());
$('.tbl-body').css('top', '0');
var tblTop = 0;
var speedhq = 50; // 数值越大越慢
var outerHeight = $('.tbl-body tbody').find("tr").outerHeight();
function Marqueehq(){
if(tblTop <= -outerHeight*Items.length){
tblTop = 0;
} else {
tblTop -= 1;
}
$('.tbl-body').css('top', tblTop+'px');
}
MyMarhq = setInterval(Marqueehq,speedhq);
// 鼠标移上去取消事件
$(".tbl-header tbody").hover(function (){
clearInterval(MyMarhq);
},function (){
clearInterval(MyMarhq);
MyMarhq = setInterval(Marqueehq,speedhq);
})
}
}
var xmlHttpRequest = null;
function orderGetlist() {
//创建XMLHttpRequest对象，为考虑兼容性问题，老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象
if (window.XMLHttpRequest)
{
xmlHttpRequest = new XMLHttpRequest();
}
else
{
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
//设定请求的类型，服务器URL，以及是否异步处理
xmlHttpRequest.open("POST","http://localhost:8080/shitteam/SaOrderServlet",true);
xmlHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttpRequest.onreadystatechange=function()
{
//4:请求已完成，且响应已就绪
if(xmlHttpRequest.readyState==4)
{
//alert("here！");
//200:成功
if(xmlHttpRequest.status==200)
{
var xmltext = xmlHttpRequest.responseText;
drawlist(xmltext);
}else
{
alert("AJAX服务器返回错误！");
}
}
}
//将请求发送到服务器
xmlHttpRequest.send();
}
</script>
</body>
</html>
分享到：
相关推荐
Java-美妆神域_3rm1m18i_221-wx.zip
51单片机的温度监测与控制（温控风扇）
电赛案例，C++简单的智能家居系统，其中包含了温度监测、光照控制和报警系统。该系统可以： 监控室内温度：当温度超过设定阈值时，触发警报。 自动调节光照：根据光线传感器的值自动调节LED灯的亮度。 入侵检测：通过红外传感器检测入侵，并触发警报。
圣诞树 html版 可修改祝福语。 记事本或vscode编辑html文件：ctrl+F寻找”myLabels“关键词，定位到该处即可修改祝福语
【资源说明】 基于python编写的selenium自动化测试框架，采用PO模式，页面元素采用yaml进行管理资料齐全+详细文档+高分项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
屏幕截图 2024-12-21 170434
基于SpringBoot的学生信息管理系统（前后端源码+数据库+文档+运行截图） 学生信息管理 班级信息管理 教师信息管理 课程信息管理 选课信息管理 考勤信息管理 请假信息管理 成绩信息管理 基于SpringBoot的学生信息管理系统（前后端源码+数据库+文档+运行截图） 学生信息管理 班级信息管理 教师信息管理 课程信息管理 选课信息管理 考勤信息管理 请假信息管理 成绩信息管理基于SpringBoot的学生信息管理系统（前后端源码+数据库+文档+运行截图） 学生信息管理 班级信息管理 教师信息管理 课程信息管理 选课信息管理 考勤信息管理 请假信息管理 成绩信息管理基于SpringBoot的学生信息管理系统（前后端源码+数据库+文档+运行截图） 学生信息管理 班级信息管理 教师信息管理 课程信息管理 选课信息管理 考勤信息管理 请假信息管理 成绩信息管理基于SpringBoot的学生信息管理系统（前后端源码+数据库+文档+运行截图） 学生信息管理 班级信息管理 教师信息管理 课程信息管理 选课信息管理 考勤信息管理
径向基函数内核 – 机器学习 内核在将数据转换为更高维空间方面发挥着重要作用，使算法能够学习复杂的模式和关系。在众多的内核函数中，径向基函数（RBF）内核作为一种多功能且强大的工具脱颖而出。在本文中，我们深入探讨了RBF内核的复杂性，探讨了它的数学公式、直观理解、实际应用及其在各种机器学习算法中的重要性。
详细介绍及样例数据：https://blog.csdn.net/samLi0620/article/details/144636765
51单片机控制的智能小车.7z
【资源说明】 基于卷积神经网络的数字手势识别安卓APP，识别数字手势0-10详细文档+全部资料+优秀项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
python 使用sqlserver必须要这个问题，没办法，只能满世界的找地方下载，终于让我下载到了，现在分享给大家使用
四川采矿场生产安全事故管理制度
简约灰粉共存版_8.0.53.apk
ECharts散点图-全国主要城市空气质量(百度地图)
四川采矿场安全检查管理规定
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；
空中俯视物体检测9-YOLOv5数据集合集.rar使用YOLO算法从图像中检测对象-V2 2023-05-11 2:51 PM ============================= *与您的团队在计算机视觉项目上合作 *收集和组织图像 *了解和搜索非结构化图像数据 *注释，创建数据集 *导出，训练和部署计算机视觉模型 *使用主动学习随着时间的推移改善数据集 对于最先进的计算机视觉培训笔记本，您可以与此数据集一起使用 该数据集包括1015张图像。 以YOLO V5 PYTORCH格式注释检测对象 - 图像。 将以下预处理应用于每个图像： *像素数据的自动取向（带有Exif-Arientation剥离） *调整大小为640x640（拉伸） 没有应用图像增强技术。
词云图
Python高分毕设——Python＆Opencv手势识别系统（完整源码＆自定义UI操作界面＆视频教程） Python高分毕设——Python＆Opencv手势识别系统（完整源码＆自定义UI操作界面＆视频教程） 使用了OpenCV的视频采集, 图像色域转换, 颜色通道分割, 高斯滤波, OSTU自动阈值, 凸点检测, 边缘检测, 余弦定理计算手势等功能. 准备工作 安装 Python-OpenCV 库 pip install opencv-python -i https://mirrors.ustc.edu.cn/pypi/web/simple 利用 -i 为pip指令镜像源, 这里使用电子科技大学的源, 速度比官方源更快. 安装 Numpy 科学计算库 pip install numpy -i https://mirrors.ustc.edu.cn/pypi/web/simple 安装 PyAutogui 库 pip install pyautogui -i https://mirrors.ustc.edu.cn/pypi/web/simple 代码实现 import nu