<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>大数据统计展示大屏</title>
|
<!-- 新 Bootstrap 核心 CSS 文件 -->
|
<link href="../kanban/css/bootstrap.min.css" rel="stylesheet">
|
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
|
<script src="../kanban/js/jquery.min.js"></script>
|
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
|
<script src="../kanban/js/bootstrap.min.js"></script>
|
<link href="../kanban/css/iqc_check.css" rel="stylesheet" />
|
<script src="../kanban/js/mui.js"></script>
|
<link href="../kanban/css/iqctable.css" rel="stylesheet" />
|
|
</head>
|
<body>
|
<header>支架车间备料齐套看板</header>
|
|
|
<div class="head">
|
|
<div class="logo_w">
|
<span class="logo_word"> 巨发电器 </span>
|
</div>
|
<div class="logo" ></div>
|
<div class="weather">
|
<span class="time" id="showTime"></span>
|
</div>
|
|
<script>
|
var t = null;
|
t = setTimeout(time,1000);//開始运行
|
function time()
|
{
|
clearTimeout(t);//清除定时器
|
dt = new Date();
|
var y=dt.getFullYear();
|
var mt=dt.getMonth()+1;
|
var day=dt.getDate();
|
var h=dt.getHours();//获取时
|
var m=dt.getMinutes();//获取分
|
var s=dt.getSeconds();//获取秒
|
document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日 "+h+"时"+m+"分"+s+"秒";
|
t = setTimeout(time,1000); //设定定时器，循环运行
|
}
|
|
</script>
|
</div>
|
|
<style>
|
.info-container {
|
color: white;
|
font-weight: bold;
|
padding: 10px;
|
border: 1px solid rgba(0, 0, 0, 0); /* RGBA 表示黑色但透明度为 0 */
|
margin-top: 30px;
|
width: 20%;
|
display: flex;
|
font-size: 20px;
|
margin-left: 5%;
|
|
}
|
.info-container2 {
|
color: white;
|
font-weight: bold;
|
padding: 10px;
|
border: 1px solid rgba(0, 0, 0, 0); /* RGBA 表示黑色但透明度为 0 */
|
margin-top: 30px;
|
width: 20%;
|
display: flex;
|
font-size: 20px;
|
margin-left: 3%;
|
|
}
|
.additional-info {
|
display: flex;
|
}
|
|
.bz{
|
color: white;
|
margin-left: 3%;
|
font-size: 20px;
|
}
|
|
</style>
|
|
<div class="additional-info">
|
<div class="info-container">今日备料数:<span id="todayMaterial"></span></div>
|
<div class="info-container2">未完成：<div id="todayIncomplete">2</div></div>
|
<div class="info-container2">两天未完成：<div id="twoDaysIncomplete">3</div></div>
|
<div class="info-container2">四天未完成:<div id="fourDaysIncomplete">4</div></div>
|
</div>
|
|
|
|
|
<div class="container m-20">
|
<div class="row">
|
<div class="box1" style="height: 895px;">
|
<div class="box1_con" style="height: 895px;">
|
<div class="tablebox" style="height: 870px;">
|
<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>
|
<!-- <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>
|
<!-- <th>产品规格</th>-->
|
<th>工单数</th>
|
<th>注塑件仓</th>
|
<!-- <th>装配前工序仓</th>-->
|
<th>综合仓</th>
|
<!-- <th>辅料仓</th>-->
|
<th>包材仓</th>
|
<!-- <th>未找到</th>-->
|
|
</tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="bz">
|
注：“齐套状态”为0的说明还有其它仓库发料不齐
|
</div>
|
<footer>
|
<div class="logo_bottom"></div>
|
宁波广深科技有限公司(技术支持)
|
</footer>
|
<script th:inline="javascript">
|
var context = [[@{/}]];
|
var KANBAN_DATA=[[${KANBAN_DATA}]];
|
//var FLOOR=[[${FLOOR}]];
|
var FLOOR="";
|
//console.log(KANBAN_DATA)
|
//document.title = '物料齐套看板'+FLOOR+'楼'
|
document.title = '支架备料看板'
|
</script>
|
<!-- <script type="text/javascript" src="../kanban/scripts/tablebox.js"></script> -->
|
<script type="text/javascript" src="../kanban/js/echarts.min.js"></script>
|
<script type="text/javascript" src="../kanban/scripts/zhija.js"></script>
|
</body>
|
</html>
|
