<%@ page language="java" contentType="text/html; charset=UTF-8"
|
pageEncoding="UTF-8" %>
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<title>车间生产看板</title>
|
<link rel="shortcut icon" href="${pageContext.request.contextPath}/img/favicon.ico" type="image/x-icon">
|
<link rel="stylesheet" href="${pageContext.request.contextPath}/jslib/layui/css/layui.css">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta name="keywords" content="上海兰宝数据采集系统,卷接包数据采集"/>
|
<meta http-equiv="X-UA-Compatible" content="ie=11"/>
|
|
<style type="text/css">
|
* {
|
font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;
|
list-style-type: none;
|
padding: 0px;
|
margin: 0px;
|
}
|
|
.layui-row .rgba {
|
box-sizing: border-box;
|
background: rgba(255, 255, 255, 0.03);
|
border-radius: 3px;
|
border: 1px solid rgba(255, 255, 255, 0.1)
|
}
|
|
.layui-card-header {
|
position: relative;
|
height: 42px;
|
line-height: 42px;
|
padding: 0 15px;
|
border-bottom: none;
|
color: white;
|
border-radius: 2px 2px 0 0;
|
font-size: 18px;
|
text-align: left;
|
}
|
|
.title {
|
padding: 20px;
|
font-size: 30px;
|
}
|
|
.height76 {
|
height: 76px;
|
line-height: 76px;
|
}
|
|
.height78 {
|
height: 78px;
|
line-height: 78px;
|
}
|
|
.TalineCenter {
|
text-align: center;
|
}
|
|
/*有效作业率*/
|
.roll {
|
text-align: left;
|
|
}
|
|
.roll .top {
|
position: relative;
|
}
|
|
.roll .top .icon {
|
width: 55px;
|
height: 55px;
|
margin-left: 25px;
|
vertical-align: middle;
|
}
|
|
.roll .top .name {
|
font-size: 20px;
|
color: white;
|
position: absolute;
|
line-height: 1;
|
left: 100px;
|
top: 15px;
|
}
|
|
.roll .top .no {
|
font-size: 14px;
|
color: #959BA8;
|
position: absolute;
|
line-height: 1;
|
left: 102px;
|
top: 50px;
|
font-weight: bold;
|
}
|
|
.roll .cen .name {
|
font-size: 30px;
|
}
|
|
.roll .cen .value {
|
font-size: 30px;
|
color: #E52E00;
|
}
|
|
.roll .bot {
|
position: relative;
|
}
|
|
.roll .bot .left,
|
.roll .bot .mid,
|
.roll .bot .right {
|
position: absolute;
|
}
|
|
.roll .bot .left {
|
width: 70px;
|
height: 70px;
|
left: 30px;
|
}
|
|
.roll .bot .mid {
|
height: 55px;
|
top: 5px;
|
left: 110px;
|
border-right: 1.5px solid rgba(255, 255, 255, 0.1)
|
}
|
|
.roll .bot .right {
|
width: 150px;
|
height: 70px;
|
left: 130px;
|
}
|
|
.roll .bot .name,
|
.roll .bot .desc,
|
.roll .bot .time {
|
display: block;
|
line-height: 1.2;
|
color: #959BA8;
|
font-size: 10px;
|
}
|
|
.roll .bot .name {
|
font-size: 16px;
|
}
|
|
.roll .bot .time {
|
font-size: 18px;
|
margin-top: 5px;
|
letter-spacing: 1px;
|
color: #118F16;
|
font-weight: bold;
|
}
|
|
.order-day {
|
height: 598px;
|
|
}
|
|
.order-day .order-statu {
|
height: 556px;
|
}
|
|
.order-day .order-statu .count {
|
height: 86px;
|
position: relative;
|
margin: 10px 15px;
|
}
|
|
.order-day .order-statu .list {
|
height: 450px;
|
}
|
|
.order .count .left,
|
.order .count .right {
|
width: 234px;
|
height: 70px;
|
position: absolute;
|
background: rgba(255, 255, 255, 0.03);
|
border-radius: 6px;
|
border: 1px solid rgba(255, 255, 255, 0.1)
|
|
}
|
|
.order .count .left {
|
left: 10px;
|
}
|
|
.order .count .right {
|
left: 260px;
|
}
|
|
.order .count .top,
|
.order .count .bot {
|
height: 35px;
|
font-size: 20px;
|
line-height: 35px;
|
letter-spacing: 1px;
|
}
|
|
.order .count .value {
|
color: #E52E00;
|
}
|
|
.order .count .name {
|
color: #4B9BC9;
|
}
|
|
.divide {
|
display: block;
|
width: 535px;
|
height: 2px;
|
background: rgba(255, 255, 255, 0.1);
|
}
|
|
.order .list {
|
overflow: hidden;
|
}
|
|
.order .list .title,
|
.order .list ul li {
|
margin: 0;
|
padding: 0;
|
font-size: 14px;
|
width: 535px;
|
display: table;
|
table-layout: fixed;
|
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
|
padding-left: 10px;
|
|
}
|
|
|
.order .list .title span,
|
.order .list ul li span {
|
display: table-cell;
|
height: 32px;
|
line-height: 32px;
|
border: none;
|
}
|
|
.bad-head {
|
position: relative;
|
}
|
|
.bad-head .type,
|
.bad-head .value {
|
padding: 0;
|
width: 500px;
|
display: table;
|
table-layout: fixed;
|
margin-left: 55px;
|
}
|
|
.bad-head .type span {
|
display: table-cell;
|
height: 30px;
|
line-height: 30px;
|
border: none;
|
}
|
|
.bad-head .value div {
|
display: table-cell;
|
width: 40px;
|
height: 20px;
|
line-height: 20px;
|
border: none;
|
}
|
|
.bad-head .value span {
|
display: inline-block;
|
width: 80px;
|
height: 20px;
|
}
|
|
.bad-head .count,
|
.bad-head .week {
|
position: absolute;
|
color: white;
|
}
|
|
.bad-head .count {
|
left: 26px;
|
top: 5px;
|
}
|
|
.bad-head .week {
|
left: 24px;
|
top: 30px;
|
}
|
|
.layui-card-header .ico {
|
display: inline-block;
|
width: 10px;
|
height: 10px;
|
}
|
|
</style>
|
|
|
</head>
|
<body>
|
<div style="background-image: url(../../img/xy.jpg);height:1002px;width: 1920px;background-size:100%;color:white;text-align: center">
|
<div class="layui-row title">
|
车间综合管理平台
|
</div>
|
|
<div class="layui-row "
|
style="border-left: 10px solid rgba(255,255,255,0);border-right: 10px solid rgba(255,255,255,0)">
|
<div class="layui-col-md7 ">
|
<div class="grid-demo grid-demo-bg1 " style="height: 920px;border-right: 10px solid rgba(255,255,255,0)">
|
<div class="layui-row grid-demo ">
|
<div class="layui-col-md12 rgba" style="height: 300px">
|
<div class="rgba layui-card" style="height: 300px;">
|
<div class="layui-card-header" style="position: relative">
|
运行效率最高
|
<div style="display:inline-block; text-align: right; position: absolute;top: 5px; right: 85px;width: 400px;font-size: 12px">
|
<span class="ico" style="background-color: #348626"></span>
|
<span style="margin-right: 10px">正常 Normal</span>
|
<span class="ico" style="background-color: #FFA000"></span>
|
<span style="margin-right: 10px">维修 Shutdown times</span>
|
<span class="ico" style="background-color: #E23100"></span>
|
<span>关机 Turn off</span>
|
</div>
|
</div>
|
<div class="layui-card-body">
|
<div class="layui-row grid-demo layui-col-space30"
|
style="padding-left: 20px;padding-right: 20px">
|
<div class="layui-col-md4 ">
|
<%--卷烟机--%>
|
<div class="roll rgba" style="height: 230px">
|
<div class="top height76">
|
<svg t="1597993148072" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3752"
|
width="200" height="200">
|
<path d="M0 0m153.6 0l716.8 0q153.6 0 153.6 153.6l0 716.8q0 153.6-153.6 153.6l-716.8 0q-153.6 0-153.6-153.6l0-716.8q0-153.6 153.6-153.6Z"
|
fill="#45A73A" p-id="3753"
|
data-spm-anchor-id="a313x.7781069.0.i19"
|
class="selected"></path>
|
<path d="M798.72 563.2a20.48 20.48 0 0 1 20.48 20.48v174.08c0 33.93024-27.50976 61.44-61.44 61.44H266.24c-33.93024 0-61.44-27.50976-61.44-61.44v-174.08a20.48 20.48 0 0 1 20.48-20.48h573.44z m-384 97.28c-16.9216 0-30.72 13.73184-30.72 30.72 0 16.9216 13.73184 30.72 30.72 30.72 16.9216 0 30.72-13.73184 30.72-30.72 0-16.9216-13.7984-30.72-30.72-30.72z m-97.28 0c-16.9216 0-30.72 13.73184-30.72 30.72 0 16.9216 13.73184 30.72 30.72 30.72 16.9216 0 30.72-13.73184 30.72-30.72 0-16.9216-13.73184-30.72-30.72-30.72z m194.59072 0a30.72 30.72 0 1 0-21.76 52.44928 30.72 30.72 0 0 0 52.44928-21.76c0-16.87552-13.7472-30.68928-30.68928-30.68928zM655.36 436.37248a30.72 30.72 0 0 1 30.72 30.72v97.28h-61.44v-97.28a30.72 30.72 0 0 1 30.72-30.72zM507.12064 386.0992H494.4384c-5.25312 0-10.77248-4.02432-12.3392-9.00608l-6.5536-15.74912c-2.45248-4.56704-1.42848-11.24864 2.2528-14.92992l9.00096-8.86272c1.50016-1.50016 2.4576-3.54816 2.4576-5.79584 0-2.2528-0.89088-4.3008-2.4576-5.79584l-15.27296-15.0016a8.18176 8.18176 0 0 0-5.8624-2.38592c-2.31936 0-4.36224 0.88576-5.8624 2.38592l-9.00096 8.86272c-3.6864 3.61472-10.496 4.63872-15.13472 2.18624l-15.95904-6.48192c-4.97664-1.50016-9.0624-7.01952-9.0624-12.20096v-12.47744c0-2.11456-0.8192-4.16256-2.4576-5.79584a8.48896 8.48896 0 0 0-5.8624-2.38592H380.7744c-2.11456 0-4.22912 0.8192-5.86752 2.38592-1.6384 1.56672-2.4576 3.68128-2.4576 5.79584v12.47744c0 5.18144-4.08576 10.63424-9.0624 12.20096l-15.95392 6.48192c-4.63872 2.45248-11.45856 1.4336-15.13984-2.18624l-8.99584-8.8576a8.29952 8.29952 0 0 0-5.86752-2.39104c-2.2528 0-4.36224 0.88576-5.8624 2.38592l-15.2064 15.0016c-1.50016 1.50016-2.45248 3.54304-2.45248 5.79584 0 2.2528 0.95232 4.29568 2.4576 5.79584l8.99584 8.8576c3.6864 3.6864 4.7104 10.368 2.2528 14.93504l-6.54848 15.74912c-1.56672 4.9152-7.0912 9.00096-12.3392 9.00096h-12.68224c-2.11456 0-4.22912 0.8192-5.8624 2.38592-1.6384 1.57184-2.4576 3.6864-2.4576 5.79584v21.20704c0 2.11456 0.8192 4.15744 2.4576 5.79584 1.6384 1.56672 3.74784 2.38592 5.8624 2.38592h12.61568c5.248 0 10.77248 4.0192 12.3392 9.00096l6.54336 15.74912c2.4576 4.56704 1.4336 11.3152-2.2528 14.92992l-8.99584 8.86272c-1.50016 1.50016-2.4576 3.54816-2.4576 5.79584 0 2.2528 0.95744 4.3008 2.4576 5.79584l15.27296 15.0016c1.50016 1.50016 3.54816 2.38592 5.8624 2.38592 2.31936 0 4.36736-0.88576 5.86752-2.38592l8.99584-8.86272c3.6864-3.61472 10.50112-4.63872 15.06816-2.18112l15.95392 6.4768c4.98176 1.50016 9.07264 7.01952 9.07264 12.20096v12.47744c0 2.11456 0.8192 4.16256 2.45248 5.79584 1.6384 1.57184 3.74784 2.38592 5.8624 2.38592h21.54496c2.11456 0 4.22912-0.8192 5.86752-2.38592 1.6384-1.56672 2.45248-3.68128 2.45248-5.79584v-12.47744c0-5.18144 4.09088-10.63424 9.06752-12.20096l15.95392-6.4768c4.63872-2.4576 11.45344-1.4336 15.13984 2.18112l8.92928 8.8576c1.50016 1.50528 3.54816 2.39104 5.8624 2.39104 2.31936 0 4.36736-0.88576 5.86752-2.38592l15.26784-15.0016c1.50016-1.50016 2.4576-3.54304 2.4576-5.79584 0-2.2528-0.95744-4.29568-2.4576-5.79584l-8.99584-8.8576c-3.6864-3.61984-4.7104-10.368-2.2528-14.93504l6.54848-15.74912c1.56672-4.9152 7.15776-8.9344 12.3392-8.9344h12.68224c2.11456 0 4.22912-0.8192 5.8624-2.38592 1.6384-1.56672 2.4576-3.6864 2.4576-5.79584v-21.20192c0-2.11456-0.8192-4.16256-2.4576-5.79584-1.50016-1.70496-3.61472-2.4576-5.72416-2.4576zM391.552 451.74784c-26.3168 0-47.66208-20.99712-47.66208-46.90944 0-25.9072 21.34016-46.90944 47.66208-46.90944 26.3168 0 47.5904 21.00224 47.5904 46.90944 0.06656 25.9072-21.2736 46.90944-47.5904 46.90944z m286.7712-170.112a5.98016 5.98016 0 0 0-4.22912-1.70496h-9.20064c-3.81952 0-7.84384-2.93376-8.9344-6.4768l-4.77184-11.38688c-1.77152-3.2768-1.024-8.18176 1.6384-10.77248l6.54336-6.41024c1.09056-1.09056 1.77152-2.51904 1.77152-4.15744 0-1.6384-0.68096-3.13856-1.77152-4.15744l-11.04384-10.84416a5.92384 5.92384 0 0 0-4.22912-1.70496c-1.6384 0-3.13856 0.68096-4.22912 1.70496l-6.54336 6.41024c-2.6624 2.6624-7.63904 3.34336-10.97728 1.56672l-11.52-4.70528c-3.61472-1.09056-6.61504-5.0432-6.61504-8.79104v-9.20576c0-1.50016-0.6144-3.00032-1.77664-4.15744a5.98016 5.98016 0 0 0-4.224-1.70496h-15.616c-1.56672 0-3.072 0.54272-4.224 1.70496-1.16224 1.15712-1.77664 2.65728-1.77664 4.15744v9.06752c0 3.74784-2.92864 7.7056-6.60992 8.79616l-11.52512 4.70528c-3.33824 1.77152-8.24832 1.024-10.97728-1.57184l-6.54336-6.40512a5.92384 5.92384 0 0 0-4.22912-1.70496c-1.6384 0-3.13856 0.68096-4.22912 1.70496l-11.04384 10.83904a5.82656 5.82656 0 0 0-1.77152 4.15744c0 1.6384 0.68096 3.13856 1.77152 4.16256l6.4768 6.40512c2.6624 2.6624 3.40992 7.5008 1.6384 10.77248l-4.77184 11.38688c-1.09568 3.54816-5.12 6.4768-8.9344 6.4768h-9.20576c-1.56672 0-3.06688 0.6144-4.224 1.70496-1.16224 1.16224-1.77664 2.6624-1.77664 4.16256v15.33952c0 1.50016 0.6144 3.00032 1.77664 4.15744 1.15712 1.16224 2.72384 1.70496 4.224 1.70496h9.20576c3.81952 0 7.83872 2.93376 8.9344 6.4768l4.77184 11.38688c1.77152 3.2768 1.09056 8.18176-1.6384 10.84416l-6.54336 6.40512a5.82656 5.82656 0 0 0-1.77664 4.16256c0 1.6384 0.68608 3.13344 1.77664 4.15744l11.04384 10.83904c1.09056 1.09056 2.59072 1.70496 4.22912 1.70496 1.6384 0 3.13344-0.68096 4.224-1.70496l6.54848-6.40512c2.6624-2.6624 7.56736-3.34336 10.9056-1.57184l11.59168 4.7104c3.61472 1.08544 6.61504 5.0432 6.61504 8.79104v9.00096c0 1.50016 0.6144 3.00032 1.77152 4.15744 1.16224 1.16224 2.72896 1.70496 4.22912 1.70496h15.616c1.56672 0 3.06688-0.54272 4.224-1.70496 1.15712-1.15712 1.77152-2.6624 1.77152-4.15744v-9.00096c0-3.74784 3.00032-7.7056 6.61504-8.79616l11.59168-4.70528c3.33824-1.77152 8.31488-1.09056 10.97728 1.57184l6.4768 6.40512c1.09056 1.09056 2.59072 1.77664 4.22912 1.77664 1.6384 0 3.13344-0.68608 4.224-1.70496l11.04896-10.91072c1.09056-1.09056 1.77152-2.52416 1.77152-4.15744 0-1.6384-0.68096-3.13856-1.77152-4.16256l-6.48192-6.40512c-2.65728-2.6624-3.4048-7.5008-1.6384-10.84416l4.77696-11.38688c1.15712-3.54304 5.18144-6.4768 8.9344-6.4768h9.20064c1.57184 0 3.072-0.54272 4.22912-1.70496 1.15712-1.15712 1.77152-2.6624 1.77152-4.15744v-15.4112c0-1.2288-0.6144-2.79552-1.77152-3.95264z m-87.95648 45.88544c-19.08736 0-34.49856-15.2064-34.49856-34.0224 0-18.74944 15.47776-34.0224 34.49856-34.0224 19.02592 0 34.50368 15.2064 34.50368 34.0224 0 18.82112-15.4112 34.0224-34.50368 34.0224z"
|
fill="#FFFFFF" p-id="3754"></path>
|
</svg>
|
<span id="e-name1" class="name">卷接机</span>
|
<span id="e-no1" class="no">No.--</span>
|
</div>
|
<div class="height78 cen TalineCenter">
|
<span class="name">OEE :</span>
|
<span> </span>
|
<span id="e-value1" class="value">--%</span>
|
|
</div>
|
<div class="height76 bot">
|
<div class="left">
|
<span class="name">停机时间</span>
|
<span class="desc">Down time</span>
|
<span id="e-open1" class="time">--:--</span>
|
|
</div>
|
<div class="mid"></div>
|
<div class="right">
|
<span class="name">停机次数</span>
|
<span class="desc">Shutdown times</span>
|
<span id="e-repair1" class="time">--:--</span>
|
</div>
|
|
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4 ">
|
<%--包装机--%>
|
<div class="roll rgba" style="height: 230px">
|
<div class="top height76">
|
<svg t="1597993778614" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2460"
|
width="200" height="200">
|
<path d="M0 0m153.6 0l716.8 0q153.6 0 153.6 153.6l0 716.8q0 153.6-153.6 153.6l-716.8 0q-153.6 0-153.6-153.6l0-716.8q0-153.6 153.6-153.6Z"
|
fill="#3d9e31" p-id="2461"
|
data-spm-anchor-id="a313x.7781069.0.i24"
|
class="selected"></path>
|
<path d="M634.88 204.8a20.48 20.48 0 0 1 20.48 20.48v194.56c0 39.58784-32.09216 71.68-71.68 71.68H440.32c-39.58784 0-71.68-32.09216-71.68-71.68V225.28a20.48 20.48 0 0 1 20.48-20.48h245.76z m-71.68 40.96H460.8a15.36 15.36 0 0 0 0 30.72h102.4a15.36 15.36 0 0 0 0-30.72zM471.04 532.48a20.48 20.48 0 0 1 20.48 20.48v194.56c0 39.58784-32.09216 71.68-71.68 71.68H276.48c-39.58784 0-71.68-32.09216-71.68-71.68v-194.56a20.48 20.48 0 0 1 20.48-20.48h245.76z m-71.68 40.96H296.96a15.36 15.36 0 0 0 0 30.72h102.4a15.36 15.36 0 0 0 0-30.72zM798.72 532.48a20.48 20.48 0 0 1 20.48 20.48v194.56c0 39.58784-32.09216 71.68-71.68 71.68h-143.36c-39.58784 0-71.68-32.09216-71.68-71.68v-194.56a20.48 20.48 0 0 1 20.48-20.48h245.76z m-71.68 40.96h-102.4a15.36 15.36 0 0 0 0 30.72h102.4a15.36 15.36 0 0 0 0-30.72z"
|
fill="#FFFFFF" p-id="2462"></path>
|
</svg>
|
<span id="e-name2" class="name">包装机</span>
|
<span id="e-no2" class="no">No.--</span>
|
</div>
|
<div class="height78 cen TalineCenter">
|
<span class="name">OEE :</span>
|
<span> </span>
|
<span id="e-value2" class="value">--%</span>
|
|
</div>
|
<div class="height76 bot">
|
<div class="left">
|
<span class="name">停机时间</span>
|
<span class="desc">Down time</span>
|
<span id="e-open2" class="time">--:--</span>
|
|
</div>
|
<div class="mid"></div>
|
<div class="right">
|
<span class="name">停机次数</span>
|
<span class="desc">Shutdown times</span>
|
<span id="e-repair2" class="time">--:--</span>
|
</div>
|
|
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-col-md4 ">
|
<%--成型机--%>
|
<div class="roll rgba" style="height: 230px">
|
<div class="top height76">
|
<svg t="1597993719081" class="icon" viewBox="0 0 1024 1024"
|
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2048"
|
width="200" height="200">
|
<path d="M0 0m153.6 0l716.8 0q153.6 0 153.6 153.6l0 716.8q0 153.6-153.6 153.6l-716.8 0q-153.6 0-153.6-153.6l0-716.8q0-153.6 153.6-153.6Z"
|
fill="#3d9e31" p-id="2049"
|
data-spm-anchor-id="a313x.7781069.0.i16"
|
class="selected"></path>
|
<path d="M761.15968 389.12c-10.21952 10.21952-17.536 10.21952-27.79136 0l-101.92384-101.888c-10.21952-10.25536-10.21952-17.6128 0-27.8272l41.69216-41.69216a26.24512 26.24512 0 0 1 37.08416 0l92.63104 92.672a26.20416 26.20416 0 0 1 0 37.08416L761.15968 389.12z m-33.17248 33.21344L432.2816 718.07488a13.1584 13.1584 0 0 1-18.53952 0l-111.17568-111.21152a13.0816 13.0816 0 0 1 0-18.50368l295.74144-295.74144a13.1584 13.1584 0 0 1 18.54464 0l111.17568 111.17056a13.2352 13.2352 0 0 1-0.04096 18.54464z m-375.32672 72.3456l-41.344-40.91392 77.53728-77.99808-20.13184-20.2496L291.03104 433.7152l-37.31456-36.9664 77.72672-78.2336-20.09088-20.20864-77.92128 78.3872-19.62496-19.47136a27.33056 27.33056 0 0 1-8.47872-20.20352c0-7.936 2.82624-14.67392 8.47872-20.2496l98.74944-97.7408a29.07136 29.07136 0 0 1 40.87808 0l138.69568 137.2672-137.92256 136.52992c-0.57856 0.57856-1.00864 1.23392-1.54624 1.85344z m-121.7024 304.53248l-10.45504 3.59936-2.7136-2.67264 3.56352-10.49088 9.6 9.56416z m5.76512-54.31296l39.0144 38.98368-41.02656 14.01344-12.04224-12.04224 14.0544-40.95488z m4.72064-13.77792l42.58304-124.2624 129.7152 129.75616-124.22144 42.58304-48.0768-48.0768z m428.55424-198.77376l138.7008 137.2672a28.416 28.416 0 0 1 0 40.48896l-98.74944 97.69984c-5.65248 5.65248-12.4672 8.43776-20.43904 8.43776-7.97696 0-14.78656-2.78528-20.4032-8.43776l-21.75488-21.44256 71.5776-71.9616-20.1728-20.20864-71.72608 72.1152-37.31456-36.92544 71.76704-72.192-20.12672-20.20864-71.92576 72.3456-39.29088-38.90176c0.69632-0.54272 139.85792-138.07616 139.85792-138.07616z"
|
fill="#FFFFFF" p-id="2050"></path>
|
</svg>
|
<span id="e-name4" class="name">成型机</span>
|
<span id="e-no4" class="no">No.--</span>
|
</div>
|
<div class="height78 cen TalineCenter">
|
<span class="name">OEE :</span>
|
<span> </span>
|
<span id="e-value4" class="value">--%</span>
|
|
</div>
|
<div class="height76 bot">
|
<div class="left">
|
<span class="name">停机时间</span>
|
<span class="desc">Down time</span>
|
<span id="e-open4" class="time">--:--</span>
|
|
</div>
|
<div class="mid"></div>
|
<div class="right">
|
<span class="name">停机次数</span>
|
<span class="desc">Shutdown times</span>
|
<span id="e-repair4" class="time">--:--</span>
|
</div>
|
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md6 "
|
style="border-right: 10px solid rgba(255,255,255,0);border-top: 10px solid rgba(255,255,255,0)">
|
<div class="rgba layui-card" style="height: 600px">
|
|
<div class="order rgba">
|
<div class="order-day">
|
<div id="order_plan_title" class="layui-card-header">生产计划</div>
|
<div class="order-statu">
|
<div class="count">
|
<div class="left">
|
<div class="top">
|
<span class="name">今日工单数:</span>
|
<span id="orderCount" class="value">0</span>
|
</div>
|
<div class="bot">
|
<span class="name">开启工单数:</span>
|
<span id="openOrder" class="value">0</span>
|
</div>
|
</div>
|
<div class="right">
|
<div class="top">
|
<span class="name">计划产量:</span>
|
<span id="planQtyCount" class="value">0</span>
|
</div>
|
<div class="bot">
|
<span class="name">完成产量:</span>
|
<span id="qtyCount" class="value">0</span>
|
</div>
|
</div>
|
|
|
</div>
|
<div class="list">
|
<span class="divide"></span>
|
<div class="title" style="margin-top: 6px;">
|
<span>工单号</span>
|
<%--<span>牌号</span>--%>
|
<span>状态</span>
|
<span>计划产量</span>
|
<span>实际产量</span>
|
</div>
|
<ul id="order_list">
|
</ul>
|
</div>
|
|
</div>
|
|
</div>
|
<%--<div class="order-plan"></div>--%>
|
</div>
|
</div>
|
|
</div>
|
<div class="layui-col-md6 ">
|
<div class="layui-row grid-demo">
|
<div class="layui-col-md12" style="border-top: 10px solid rgba(255,255,255,0)">
|
<div class="rgba layui-card" style="height: 295px">
|
<div class="rgba">
|
<div class="layui-card-header">近七天有效作业率</div>
|
|
<div id="lineChart" style="height: 249px"></div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md12" style="border-top: 10px solid rgba(255,255,255,0)">
|
<div class="rgba layui-card" style="height: 295px">
|
<div class="rgba">
|
<div id="year_month_qty_title" class="layui-card-header">2020年度产量</div>
|
<div id="pieChart" style="height: 249px;margin-left: 15px"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md5">
|
<div class="grid-demo " style="height: 920px">
|
<div class="layui-row grid-demo">
|
<div class="layui-col-md12 rgba">
|
<div class="rgba layui-card" style="height: 448px">
|
<div class="layui-card-header">外观质量(近30天)</div>
|
<%-- <div id="barChart" style="height: 400px"></div>--%>
|
<div style="height: 400px;display: flex;">
|
<div style="flex: 1;" id="hzPie"></div>
|
<div style="width: 10px;height: 100%"></div>
|
<div style="flex: 1;" id="yzPie"></div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md12 rgba" style="margin-top: 10px">
|
<div class="rgba layui-card" style="height: 448px">
|
<div class="layui-card-header">剔除对比(近30天)</div>
|
<%-- <div class="bad-head">
|
<div class="type">
|
<span>重量偏差</span>
|
<span>短期标准偏差</span>
|
<span>长期标准偏差</span>
|
<span>压实端位置</span>
|
<span>压实端量</span>
|
</div>
|
<div class="value">
|
<div><span id="bad1" style="background-color: #FF9200">30</span></div>
|
<div><span id="bad2" style="background-color: #F96437">94</span></div>
|
<div><span id="bad3" style="background-color: #AA78C7">134</span></div>
|
<div><span id="bad4" style="background-color: #5DA0D7">224</span></div>
|
<div><span id="bad5" style="background-color: #487BC9">86</span></div>
|
|
</div>
|
|
<span class="count">合计</span>
|
<span class="week">19周</span>
|
</div>--%>
|
<%-- <div id="badBarChart" style="height: 340px"></div>--%>
|
|
<div id="tcPieChart" style="height: 400px;margin-left: 15px">
|
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<script type="text/javascript" src="${pageContext.request.contextPath}/jslib/js/echarts.min.js"></script>
|
<script src="${pageContext.request.contextPath}/jslib/jquery-extensions-master/jquery/jquery-1.11.0.js"
|
type="text/javascript"></script>
|
<script src="${pageContext.request.contextPath}/jslib/layui/layui.js"></script>
|
<script>
|
const SPLICE_SIZE = 20;
|
var TIME_EQU_EFFE = 1000 * 10; //设备运行效率 10s
|
var TIME_ORDER_LIST = 1000 * 10; //工单列表请求间隔 10s
|
var TIME_YEAR_QTY = 1000 * 60 * 60; //年度产量请求间隔 1h
|
var TIME_WEEK_QTY = 1000 * 60; //年度产量请求间隔 1min
|
var TIME_WEEK_EFFE = 1000 * 60; //年度产量请求间隔 1min
|
var TIME_LASTMONTH_WG = 1000 * 60 * 10; //近30天外观缺陷 10min
|
|
|
layui.use(['layer', 'form'], function () {
|
var layer = layui.layer
|
, form = layui.form;
|
|
//layer.msg('Hello World');
|
});
|
|
/*liechart*/
|
var lineDom = document.getElementById("lineChart");
|
var lineChart = echarts.init(lineDom);
|
var app = {};
|
lineOption = null;
|
lineOption = {
|
title: {
|
// text: '堆叠区域图'
|
},
|
textStyle: {
|
color: '#FFFFFF'
|
},
|
tooltip: {
|
trigger: 'axis',
|
|
formatter: '{b0}<br />{a0}: {c0} %<br />{a1}: {c1} %<br />{a2}: {c2} %<br />{a3}: {c3} %',
|
axisPointer: {
|
type: 'cross',
|
label: {
|
backgroundColor: '#6a7985'
|
}
|
}
|
},
|
color: ["#FF9800", "#D096E8", "#67A1C8", "#FD3F3C",],
|
legend: {
|
data: ['卷接机', '包装机', '封箱机', '成型机'],
|
icon: 'rectangle',
|
right: '4%',
|
textStyle: {
|
fontSize: 12,
|
color: '#FFFFFF'
|
}
|
},
|
toolbox: {
|
feature: {
|
// saveAsImage: {}
|
}
|
},
|
grid: {
|
left: '3%',
|
right: '4%',
|
bottom: '3%',
|
containLabel: true,
|
|
},
|
xAxis: [
|
{
|
type: 'category',
|
boundaryGap: false,
|
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: '#959BA8'
|
}
|
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: '#959BA8'
|
}
|
|
}
|
|
}
|
],
|
series: [
|
{
|
name: '卷接机',
|
type: 'line',
|
smooth: true,
|
|
data: []
|
}, {
|
name: '包装机',
|
type: 'line',
|
smooth: true,
|
|
data: []
|
}, {
|
name: '封箱机',
|
type: 'line',
|
smooth: true,
|
|
data: []
|
},
|
{
|
name: '成型机',
|
type: 'line',
|
smooth: true,
|
|
/* label: {
|
normal: {
|
show: true,
|
position: 'top'
|
}
|
},*/
|
data: []
|
}
|
]
|
};
|
;
|
if (lineOption && typeof lineOption === "object") {
|
lineChart.setOption(lineOption, true);
|
}
|
|
function getWeekEffe() {
|
|
// lineChart.showLoading();
|
$.post("${pageContext.request.contextPath}/pms/board/weekeffe.do", function (res) {
|
console.info("");
|
console.info("======近七天有效作用率======");
|
console.info(res);
|
console.info("======近七天有效作用率======");
|
console.info("");
|
// lineChart.hideLoading();
|
if (!res || !res.obj || !res.obj.xaxis || !res.obj.data1 || !res.obj.data2 || !res.obj.data3 || !res.obj.data4) return;
|
lineChart.setOption({
|
xAxis: [
|
{
|
type: 'category',
|
boundaryGap: false,
|
data: res.obj.xaxis,
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: '#959BA8'
|
}
|
|
}
|
}
|
],
|
series: [
|
{
|
name: '卷接机',
|
type: 'line',
|
smooth: true,
|
|
itemStyle: {
|
normal: {
|
lineStyle: {
|
color: '#FF9800',
|
|
}
|
}
|
},
|
/* label: {
|
normal: {
|
show: true,
|
formatter: '{c} %',
|
position: 'top'
|
}
|
},*/
|
data: res.obj.data1
|
}, {
|
name: '包装机',
|
type: 'line',
|
smooth: true,
|
|
itemStyle: {
|
normal: {
|
lineStyle: {
|
color: '#D096E8',
|
|
}
|
}
|
},
|
/* label: {
|
normal: {
|
show: true,
|
formatter: '{c} %',
|
position: 'top'
|
}
|
},*/
|
data: res.obj.data2
|
}, {
|
name: '封箱机',
|
type: 'line',
|
smooth: true,
|
|
/* label: {
|
normal: {
|
show: true,
|
formatter: '{c} %',
|
position: 'top'
|
}
|
},*/
|
itemStyle: {
|
normal: {
|
lineStyle: {
|
color: '#67A1C8',
|
|
}
|
}
|
},
|
data: res.obj.data3
|
},
|
{
|
name: '成型机',
|
type: 'line',
|
smooth: true,
|
|
itemStyle: {
|
normal: {
|
lineStyle: {
|
color: '#FD3F3C',
|
|
}
|
}
|
},
|
/* label: {
|
normal: {
|
show: true,
|
formatter: '{c} %',
|
position: 'top'
|
}
|
},*/
|
data: res.obj.data4
|
}
|
]
|
});
|
|
|
}, "JSON");
|
}
|
|
getWeekEffe();
|
/* window.setInterval("getWeekEffe()", TIME_WEEK_EFFE);*/
|
|
|
var pieDom = document.getElementById("pieChart");
|
var pieChart = echarts.init(pieDom);
|
|
pieOption = null;
|
pieOption = {
|
title: {
|
// text: '某站点用户访问来源',
|
// subtext: '纯属虚构',
|
// left: 'center'
|
},
|
tooltip: {
|
trigger: 'item',
|
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
},
|
legend: {
|
orient: 'vertical',
|
left: 'left',
|
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
|
textStyle: {
|
fontSize: 12,
|
color: '#FFFFFF'
|
}
|
},
|
// color : [ '#D9593A','#C92B5A' , '#EE26EF', '#16AA0F', '#1f99bd', '#D668A4', '#60BFFB','#A53CCC' , '#EF9900', '#AA78C7', '#487BC9', 'orange' ],
|
series: [
|
{
|
name: '年度产量',
|
type: 'pie',
|
radius: '55%',
|
center: ['50%', '60%'],
|
data: [],
|
emphasis: {
|
itemStyle: {
|
shadowBlur: 10,
|
shadowOffsetX: 0,
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
}
|
},
|
itemStyle: {
|
normal: {
|
label: {
|
show: true,
|
formatter: '{b} : {c} ({d}%)'
|
},
|
labelLine: {show: true}
|
}
|
},
|
}
|
]
|
};
|
;
|
if (pieOption && typeof pieOption === "object") {
|
pieChart.setOption(pieOption, true);
|
}
|
|
|
/* var barDom = document.getElementById("barChart");
|
var barChart = echarts.init(barDom);
|
barOption = null;
|
barOption = {
|
legend: {
|
data: ['卷接机', '包装机', '封箱机', '成型机'],
|
icon: 'rectangle',
|
right: '4%',
|
textStyle: {
|
fontSize: 12,
|
color: '#FFFFFF'
|
}
|
},
|
tooltip: {},
|
dataset: {
|
dimensions: ['product', '卷接机', '包装机', '封箱机', '成型机'],
|
source: [
|
{product: '周一', '卷接机': 0, '包装机': 0, '封箱机': 0, '成型机': 0},
|
{product: '周二', '卷接机': 0, '包装机': 0, '封箱机': 0, '成型机': 0},
|
{product: '周三', '卷接机': 0, '包装机': 0, '封箱机': 0, '成型机': 0},
|
{product: '周四', '卷接机': 0, '包装机': 0, '封箱机': 0, '成型机': 0},
|
{product: '周五', '卷接机': 0, '包装机': 0, '封箱机': 0, '成型机': 0},
|
{product: '周六', '卷接机': 0, '包装机': 0, '封箱机': 0, '成型机': 0},
|
{product: '周日', '卷接机': 0, '包装机': 0, '封箱机': 0, '成型机': 0},
|
|
]
|
},
|
xAxis: [
|
{
|
type: 'category',
|
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: '#959BA8'
|
}
|
|
}
|
}
|
],
|
yAxis: [
|
{
|
type: 'value',
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: '#959BA8'
|
}
|
|
}
|
|
}
|
],
|
// Declare several bar series, each will be mapped
|
// to a column of dataset.source by default.
|
series: [
|
{
|
type: 'bar',
|
itemStyle: {
|
normal: {color: '#FF9800'}
|
},
|
}, {
|
type: 'bar',
|
itemStyle: {
|
normal: {color: '#D096E8'}
|
},
|
}, {
|
type: 'bar',
|
itemStyle: {
|
normal: {color: '#67A1C8'}
|
},
|
}, {
|
type: 'bar',
|
itemStyle: {
|
normal: {color: '#FD3F3C'}
|
},
|
}
|
|
]
|
};
|
;
|
if (barOption && typeof barOption === "object") {
|
barChart.setOption(barOption, true);
|
}*/
|
|
|
/**盒装缺陷**/
|
var hzDom = document.getElementById('hzPie');
|
var hzPieChart = echarts.init(hzDom);
|
var hzOption;
|
|
hzOption = {
|
title: {
|
text: '',
|
subtext: '盒缺陷统计占比',
|
left: 'center',
|
subtextStyle: {
|
fontSize: 14,
|
color: '#ffffff'
|
}
|
|
},
|
tooltip: {
|
trigger: 'item'
|
},
|
|
series: [
|
{
|
minAngle: 15,//最小角度
|
startAngle:270, //起始角度
|
name: '盒外观',
|
type: 'pie',
|
radius: '50%',
|
data: [],
|
emphasis: {
|
itemStyle: {
|
shadowBlur: 10,
|
shadowOffsetX: 0,
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
}
|
},
|
itemStyle: {
|
normal: {
|
label: {
|
show: true,
|
formatter: '{b} : {c}',
|
position: "outer",
|
alignTo: "edge",
|
margin: 1
|
},
|
labelLine: {show: true}
|
}
|
},
|
},
|
|
]
|
};
|
|
hzOption && hzPieChart.setOption(hzOption);
|
|
/**烟支外观缺陷**/
|
var yzDom = document.getElementById('yzPie');
|
var yzPieChart = echarts.init(yzDom);
|
var yzOption;
|
|
yzOption = {
|
title: {
|
text: '',
|
subtext: '烟支外观缺陷统计占比',
|
left: 'center',
|
subtextStyle: {
|
fontSize: 14,
|
color: '#ffffff'
|
}
|
},
|
tooltip: {
|
trigger: 'item'
|
},
|
|
series: [
|
{
|
minAngle: 15,//最小角度
|
startAngle:270, //起始角度
|
name: '烟支外观',
|
type: 'pie',
|
radius: '50%',
|
data: [],
|
emphasis: {
|
itemStyle: {
|
shadowBlur: 10,
|
shadowOffsetX: 0,
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
}
|
},
|
itemStyle: {
|
normal: {
|
label: {
|
show: true,
|
formatter: '{b} : {c}',
|
position: "outer",
|
alignTo: "edge",
|
margin: 1
|
},
|
labelLine: {show: true}
|
}
|
},
|
}
|
]
|
};
|
|
yzOption && yzPieChart.setOption(yzOption);
|
|
/**剔除对比**/
|
var tcDom = document.getElementById('tcPieChart');
|
var tcPieChart = echarts.init(tcDom);
|
var tcOption;
|
|
tcOption = {
|
tooltip: {
|
trigger: 'item'
|
},
|
tooltip: {
|
trigger: 'item',
|
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
},
|
legend: {
|
orient: 'vertical',
|
left: 'left',
|
textStyle: {
|
fontSize: 12,
|
color: '#FFFFFF'
|
}
|
},
|
|
series: [
|
{
|
name: '剔除',
|
type: 'pie',
|
radius: ['40%', '70%'],
|
label: {
|
show: true,
|
},
|
labelLine: {
|
show: true
|
},
|
emphasis: {
|
itemStyle: {
|
shadowBlur: 10,
|
shadowOffsetX: 0,
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
}
|
},
|
itemStyle: {
|
normal: {
|
label: {
|
show: true,
|
formatter: '{b} : {c}'
|
},
|
labelLine: {show: true}
|
}
|
},
|
|
data: [
|
|
]
|
}
|
]
|
};
|
|
tcOption && tcPieChart.setOption(tcOption);
|
|
|
|
|
/* var badDom = document.getElementById("badBarChart");
|
var badBarChart = echarts.init(badDom);
|
badOption = null;
|
badOption = {
|
tooltip: {
|
trigger: 'axis',
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
}
|
},
|
// legend: {
|
// data: ['重量偏差', '短期标准偏差', '长期标准偏差', '压实端量', '压实端位置'],
|
// textStyle: {
|
// fontSize: 12,
|
// color: '#FFFFFF'
|
// }
|
// },
|
grid: {
|
left: '3%',
|
right: '4%',
|
bottom: '3%',
|
containLabel: true
|
},
|
xAxis: {
|
type: 'value',
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: '#959BA8'
|
}
|
|
}
|
},
|
yAxis: {
|
type: 'category',
|
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
}
|
|
},
|
series: [
|
{
|
name: '重量偏差',
|
type: 'bar',
|
stack: '总量',
|
label: {
|
show: true,
|
position: 'insideRight'
|
},
|
itemStyle: {
|
normal: {color: '#FF9200'}
|
},
|
data: [6.1, 3.1, 7.5, 3.2, 5.1, 1.4, 3.6]
|
},
|
{
|
name: '短期标准偏差',
|
type: 'bar',
|
stack: '总量',
|
label: {
|
show: true,
|
position: 'insideRight'
|
},
|
itemStyle: {
|
normal: {color: '#F96437'}
|
},
|
data: [11, 17, 7, 8, 21, 5, 25]
|
},
|
{
|
name: '长期标准偏差',
|
type: 'bar',
|
stack: '总量',
|
label: {
|
show: true,
|
position: 'insideRight'
|
},
|
itemStyle: {
|
normal: {color: '#AA78C7'}
|
},
|
data: [20, 23, 19, 31, 15, 17, 9]
|
},
|
{
|
name: '压实端量',
|
type: 'bar',
|
stack: '总量',
|
label: {
|
show: true,
|
position: 'insideRight'
|
},
|
itemStyle: {
|
normal: {color: '#5DA0D7'}
|
},
|
data: [27, 56, 43, 37, 21, 14, 26]
|
},
|
{
|
name: '压实端位置',
|
type: 'bar',
|
stack: '总量',
|
label: {
|
show: true,
|
position: 'insideRight'
|
},
|
itemStyle: {
|
normal: {color: '#487BC9'}
|
},
|
data: [6, 5, 1, 15, 21, 17, 21]
|
}
|
]
|
};
|
if (badOption && typeof badOption === "object") {
|
badBarChart.setOption(badOption, true);
|
}*/
|
var equType = 2;
|
|
//生产计划
|
function getWorderInfo() {
|
if (equType == 2) equType = 1
|
else equType = 2;
|
//type 1：卷烟机工单2：包装机工单3:封箱机工单4:成型机工
|
$.post("${pageContext.request.contextPath}/pms/board/workorder.do", {type: equType}, function (res) {
|
console.info("");
|
console.info("======工单列表======");
|
console.info(res);
|
console.info("======工单列表======");
|
console.info("");
|
if (!res) return;
|
var root = res.obj;
|
if (!root) return;
|
var orderList = root.data;
|
if (!orderList) return;
|
//删除原来数据
|
$("#order_list li").remove();
|
//动态添加工单
|
for (var i = 0; i < orderList.length; i++) {
|
var item = orderList[i];
|
//1,下发2,运行3,暂停4,完成,5,终止
|
if (item.sts == null || item.sts == 'undefined') {
|
item.sts = ''
|
}
|
if (item.sts == 1) item.sts = '下发';
|
if (item.sts == 2) item.sts = '运行';
|
if (item.sts == 3) item.sts = '暂停';
|
if (item.sts == 4) item.sts = '完成';
|
if (item.sts == 5) item.sts = '终止';
|
$('#order_list').append('<li>' +
|
'<span>' + item.code + '</span> ' +
|
// '<span>' + item.mat + '</span> ' +
|
'<span>' + item.sts + '</span> ' +
|
'<span>' + item.qty + '</span> ' +
|
'<span>' + item.realQty + '</span> ' +
|
' </li> ');
|
}
|
if (root.orderCount) $("#orderCount").html(root.orderCount)
|
else $("#orderCount").html(0)
|
if (root.openOrder) $("#openOrder").html(root.openOrder)
|
else $("#openOrder").html(0)
|
if (root.planQtyCount) $("#planQtyCount").html(root.planQtyCount)
|
else $("#planQtyCount").html(0)
|
if (root.qtyCount) $("#qtyCount").html(root.qtyCount.toFixed(2))
|
else $("#qtyCount").html(0)
|
|
$("#order_list li:nth-of-type(odd)").css({"background-color": "rgba(255, 255, 255, 0.03)"});
|
if (equType == 1) $("#order_plan_title").html("卷接机生产计划");
|
else if (equType == 2) $("#order_plan_title").html("包装机生产计划");
|
else $("#order_plan_title").html("生产计划");
|
|
}, "JSON");
|
}
|
|
getWorderInfo();
|
window.setInterval("getWorderInfo()", TIME_ORDER_LIST);
|
|
function getYearMonthQty() {
|
$("#year_month_qty_title").html(new Date().getFullYear() + "生产计划");
|
// pieChart.showLoading();
|
$.post("${pageContext.request.contextPath}/pms/board/monthqty.do", function (res) {
|
console.info("");
|
console.info("======年度产量======");
|
console.info(res);
|
console.info("======年度产量======");
|
console.info("");
|
// pieChart.hideLoading();
|
if (!res || !res.obj || !res.obj.data) return;
|
|
// 填入数据
|
pieChart.setOption({
|
series: [{
|
// 根据名字对应到相应的系列
|
name: '年度产量',
|
data: res.obj.data
|
}]
|
});
|
}, "JSON");
|
}
|
|
getYearMonthQty();
|
//一小时更新一次数据
|
window.setInterval("getYearMonthQty()", TIME_YEAR_QTY);
|
|
|
function getLashMonthWg() {
|
$.post("${pageContext.request.contextPath}/pms/board/lastMonthWg.do", function (res) {
|
console.info("");
|
console.info("======外观缺陷======");
|
console.info(res);
|
console.info("======外观缺陷======");
|
console.info("");
|
// pieChart.hideLoading();
|
if (!res || !res.obj ) return;
|
|
var data1 = res.obj.data1 || []
|
var data2 = res.obj.data2 || []
|
|
try {
|
/* var mergedArray = array.filter(item => item.type.includes('盒')).reduce((acc, obj) => {
|
const existingObj = acc.find(item => item.code === obj.code);
|
|
if (existingObj) {
|
var count = Number(existingObj.val)
|
count += Number(obj.val); // 合并字段值
|
existingObj.val = count
|
} else {
|
acc.push(obj); // 添加新对象到结果数组
|
}
|
|
return acc;
|
}, []);
|
|
var result = mergedArray.map(item => {
|
var obj = {value: item.val, name: item.name}
|
return obj
|
})
|
//result = result.slice(0, 10);
|
result.sort((a, b) => b.value - a.value);
|
const hpart1 = result.splice(0, SPLICE_SIZE);
|
const hpart2 = result;
|
const hpart2sum = hpart2.reduce((accumulator, current) => accumulator + Number(current.value), 0);
|
hpart1.push({name: '其它', value: hpart2sum})
|
console.info(hpart1)*/
|
|
// 填入数据
|
hzPieChart.setOption({
|
series: [{
|
// 根据名字对应到相应的系列
|
name: '盒缺陷',
|
data: data1
|
}]
|
});
|
|
|
/* var mergedArray2 = array.filter(item => item.type.includes('烟')).reduce((acc, obj) => {
|
const existingObj = acc.find(item => item.code === obj.code);
|
|
if (existingObj) {
|
var count = Number(existingObj.val)
|
count += Number(obj.val); // 合并字段值
|
existingObj.val = count
|
} else {
|
acc.push(obj); // 添加新对象到结果数组
|
}
|
|
return acc;
|
}, []);
|
|
var result2 = mergedArray2.map(item => {
|
var obj = {value: item.val, name: item.name}
|
return obj
|
})
|
//result = result.slice(0, 10);
|
result2.sort((a, b) => b.value - a.value);
|
const ypart1 = result2.splice(0, SPLICE_SIZE);
|
const ypart2 = result2;
|
const ypart2sum = ypart2.reduce((accumulator, current) => accumulator + Number(current.value), 0);
|
ypart1.push({name: '其它', value: ypart2sum})
|
console.info(ypart1)*/
|
|
// 填入数据
|
yzPieChart.setOption({
|
series: [{
|
// 根据名字对应到相应的系列
|
name: '烟支缺陷',
|
data: data2
|
}]
|
});
|
} catch (e) {
|
|
}
|
|
|
}, "JSON");
|
|
}
|
|
getLashMonthWg();
|
//10min 更新一次数据
|
window.setInterval("getLashMonthWg()", TIME_LASTMONTH_WG);
|
|
|
function getLashMonthTc() {
|
$.post("${pageContext.request.contextPath}/pms/board/lastMonthTc.do", function (res) {
|
console.info("");
|
console.info("======剔除======");
|
console.info(res);
|
console.info("======剔除======");
|
console.info("");
|
// pieChart.hideLoading();
|
if (!res || !res.obj || !res.obj.data) return;
|
|
var array = res.obj.data
|
|
try {
|
/* var mergedArray = array.reduce((acc, obj) => {
|
const existingObj = acc.find(item => item.name === obj.name);
|
|
if (existingObj) {
|
var count = Number(existingObj.value)
|
count += Number(obj.value); // 合并字段值
|
existingObj.value = count
|
} else {
|
acc.push(obj); // 添加新对象到结果数组
|
}
|
|
return acc;
|
}, []);
|
|
var result = mergedArray;
|
result.sort((a, b) => b.value - a.value);
|
/!* const tpart1 = result.splice(0, 20);
|
const tpart2 = result;
|
const tpart2sum = tpart2.reduce((accumulator, current) => accumulator + Number(current.value), 0);
|
tpart1.push({name: '其它', value: tpart2sum})
|
console.info(tpart1)*!/
|
console.info(result)*/
|
|
// 填入数据
|
tcPieChart.setOption({
|
series: [{
|
// 根据名字对应到相应的系列
|
name: '剔除',
|
data: array
|
}]
|
});
|
|
|
|
|
} catch (e) {
|
|
}
|
|
|
}, "JSON");
|
|
}
|
|
getLashMonthTc()
|
//10min 更新一次数据
|
window.setInterval("getLashMonthTc()", TIME_LASTMONTH_WG);
|
|
function getWeekQty() {
|
|
// barChart.showLoading();
|
$.post("${pageContext.request.contextPath}/pms/board/weekqty.do", function (res) {
|
console.info("");
|
console.info("======近七天各工段完成情况======");
|
console.info(res);
|
console.info("======近七天各工段完成情况======");
|
console.info("");
|
// barChart.hideLoading();
|
if (!res || !res.obj || !res.obj.data) return;
|
barChart.setOption({
|
dataset: {
|
dimensions: res.obj.dime,
|
source: res.obj.data
|
},
|
xAxis: [
|
{
|
type: 'category',
|
data: res.obj.xaxis,
|
axisLine: {
|
lineStyle: {
|
color: '#FFFFFF',
|
}
|
},
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: '#959BA8'
|
}
|
|
}
|
}
|
],
|
});
|
|
|
}, "JSON");
|
}
|
|
//TODO 近七天各工段完成情况 去除，更换显示外观缺陷
|
//getWeekQty();
|
|
//一分钟更新一次数据
|
/*window.setInterval("getWeekQty()", TIME_WEEK_QTY);*/
|
|
|
function getEquMax() {
|
$.post("${pageContext.request.contextPath}/pms/board/equmax.do", function (res) {
|
console.info("");
|
console.info("======机台效率最高======");
|
console.info(res);
|
console.info("======机台效率最高======");
|
console.info("");
|
if (!res || !res.obj) return;
|
var data1 = res.obj.data1;
|
var data2 = res.obj.data2;
|
var data3 = res.obj.data3;
|
var data4 = res.obj.data4;
|
|
if (data1.equCode) $("#e-no1").html("NO." + data1.equCode.toString().substring(1) + "#");
|
else $("#e-no1").html("NO.--");
|
if (data1.runeffe) $("#e-value1").html(data1.runeffe + "%");
|
else $("#e-value1").html("--%");
|
if (data1.stopTime) $("#e-open1").html(data1.stopTime);
|
else $("#e-open1").html("--");
|
if (data1.stopTimes) $("#e-repair1").html(data1.stopTimes);
|
else $("#e-repair1").html("--");
|
|
if (data2.equCode) $("#e-no2").html("NO." + data2.equCode.toString().substring(1) + "#");
|
else $("#e-no2").html("NO.--");
|
if (data2.runeffe) $("#e-value2").html(data2.runeffe + "%");
|
else $("#e-value2").html("--%");
|
if (data2.stopTime) $("#e-open2").html(data2.stopTime);
|
else $("#e-open2").html("--");
|
if (data2.stopTimes) $("#e-repair2").html(data2.stopTimes);
|
else $("#e-repair2").html("--");
|
|
|
if (data4.equCode) $("#e-no4").html("NO." + data4.equCode.toString().substring(1) + "#");
|
else $("#e-no4").html("NO.--");
|
if (data4.runeffe) $("#e-value4").html(data4.runeffe + "%");
|
else $("#e-value4").html("--%");
|
if (data4.stopTime) $("#e-open4").html(data4.stopTime);
|
else $("#e-open4").html("--");
|
if (data4.stopTimes) $("#e-repair4").html(data4.stopTimes);
|
else $("#e-repair4").html("--");
|
|
}, "JSON");
|
}
|
|
getEquMax();
|
window.setInterval("getEquMax()", TIME_EQU_EFFE);
|
</script>
|
</body>
|
</html>
|
