<!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/index.css" rel="stylesheet" />
|
|
<link href="../kanban/css/tablebox.css" rel="stylesheet" />
|
|
</head>
|
<body>
|
|
<header>宁波亿纬数据看板</header>
|
<div class="head">
|
<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>
|
|
<div class="container m-20">
|
<div class="row">
|
<div class="box1">
|
<div class="title">计划看板</div>
|
<div class="box1_con">
|
<div class="tablebox">
|
<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>UPH</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>UPH</th>
|
<th>工单状态</th>
|
</tr> -->
|
</thead>
|
<tbody></tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div style="display: inline; margin-top: 20px;">
|
<div id="div1" style="float: left;" class="m-20">
|
<div class="box2">
|
<div class="title">计划达成</div>
|
<div class="box2_con" id="box2"></div>
|
</div>
|
<div id="div2" style="float: left; margin-left: 20px;">
|
<div class="box2_r">
|
<div class="title">当日制程不良</div>
|
<div class="box2_con_r" id="box4"></div>
|
</div>
|
</div>
|
</div>
|
<!-- <div>
|
<div class="box2">
|
<div class="title">标题标题2</div>
|
<div class="box2_con" id="box2"></div>
|
|
<div class="box3">
|
<div class="title">标题标题3</div>
|
<div class="box3_con" id="box3"></div>
|
</div> -->
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<footer> 提高生产效率 打造卓越品质 </footer>
|
<script th:inline="javascript">
|
var context = [[@{/}]];
|
var dataType1=[[${dataType1}]];
|
var dataType2=[[${dataType2}]];
|
</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/workshop.js"></script>
|
</body>
|
</html>
|
