<!DOCTYPE html>
|
<html lang="en">
|
<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" />
|
<link href="../kanban/css/linehead.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>
|
|
<div class="container m-20">
|
<div class="row m-20">
|
<div class="box1">
|
<div class="title_center">
|
<span style="margin-left: -25rem;">生产工单信息栏 </span> <span
|
id="attend" style="float: left;">考勤人数：20</span>
|
</div>
|
<div class="box1_con">
|
<div class="box1_con_left">
|
<div class="tablebox-task">
|
<div class="tbl-body-task">
|
<table border="0" cellpadding="0" cellspacing="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>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
<div class="box1_con_right">
|
<div style="height: 180px; border: 1px solid #333399;">
|
<img alt="" id="liner_pic"
|
src="../kanban/images/portrait.png" style="width: 98%; height: 175px;">
|
</div>
|
<div
|
style="height: 38px; border: 1px solid #333399; text-align: center;">
|
<span class="liner_name" id="linerName">组长：</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div style="margin-top: 0px;">
|
<div class="m-20" style="float: left;">
|
|
<div class="box2">
|
<div class="title_center">
|
<span style="margin-left: -25rem;"> 生产产能图（H） </span>
|
</div>
|
<div class="title"></div>
|
<div class="box2_con" id="capacity"></div>
|
</div>
|
<div class="box2">
|
<div class="title_center">
|
<span style="margin-left: -25rem;"> 小时测试不良图 </span>
|
</div>
|
<div class="title"></div>
|
<div class="box2_con">
|
<div id="bar" style="height: 100%; width: 100%; float: left;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div style="margin-top: 0px;">
|
<div class="m-20" style="float: left;">
|
|
<div class="box2">
|
<div class="title_center">
|
<span style="margin-left: -25rem;"> 测试站不良分布 </span>
|
</div>
|
<div class="title"></div>
|
<div class="box2_con">
|
<div id="dashboard" style="height: 100%; width: 100%; float: left;"></div>
|
</div>
|
<!-- <div class="box2_con_s" ></div>-->
|
<!-- <div style="height: 100%; width: 100%; float: left;" id="dashboard"></div>-->
|
<!-- <div class="box2_con" id="dashboard"></div>-->
|
</div>
|
<div class="box2">
|
<div class="title">异常呼叫数据</div>
|
<div class="box2_con">
|
<div class="tablebox">
|
<div class="tbl-header">
|
<table border="0" cellpadding="0" cellspacing="0">
|
<thead>
|
<tr>
|
<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" cellpadding="0" cellspacing="0">
|
<thead>
|
<tr>
|
<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>
|
</div>
|
<footer>
|
<div class="logo_bottom"></div>
|
宁波广深科技有限公司(技术支持)
|
</footer>
|
<script th:inline="javascript">
|
var context = [[@{/}]];
|
var KANBAN_DATA=[[${KANBAN_DATA}]];
|
var FLOOR=[[${FLOOR}]];
|
console.log(KANBAN_DATA)
|
document.title = '组装车间拉头生产看板'+FLOOR+'线'
|
</script>
|
<!-- <script type="text/javascript" src="../kanban/scripts/tablebox.js"></script> -->
|
<script src="../kanban/js/echarts.min.js" type="text/javascript"></script>
|
<script src="../kanban/scripts/line_01.js" type="text/javascript"></script>
|
</body>
|
</html>
|
