|
|
@@ -0,0 +1,833 @@
|
|
|
+<!doctype html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
+ <link rel="shortcut icon" href="/img/logo.png" />
|
|
|
+ <link rel="bookmark" href="/img/logo.png" />
|
|
|
+ <link href="/Plugins/animate/animate.min.css" rel="stylesheet" />
|
|
|
+ <link rel="stylesheet" href="../DashBoard.css?v3" />
|
|
|
+ <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
|
|
|
+ <script src="/Plugins/animate/xanimate.js"></script>
|
|
|
+ <script src="/Plugins/xrequest/xrequest.min.js"></script>
|
|
|
+ <title>东科软件</title>
|
|
|
+</head>
|
|
|
+<body style="background-color:black;">
|
|
|
+
|
|
|
+ <div class="box_1920_1080">
|
|
|
+ <div class="box_title" style="display:flex;flex-direction:row;">
|
|
|
+ <div style="width:30%;text-align:left;"></div>
|
|
|
+ <div style="width: 40%; text-align: center; font-size: 38px; font-weight: 700">高压成型车间看板</div>
|
|
|
+ <div style="width:30%;text-align:right;"><span class="box_title_loading" style="font-size:32px;" id="报表加载"></span></div>
|
|
|
+ </div>
|
|
|
+ <div class="box_body" style="display: flex; flex-direction: column;">
|
|
|
+
|
|
|
+ <!--注浆数据表格-->
|
|
|
+ <div style="width:1840px;height:680px;display:flex;flex-direction:row;">
|
|
|
+ <div style="width: 100%; height: 680px;">
|
|
|
+ <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td colspan="3" style="color: white;">产线信息</td>
|
|
|
+ <td colspan="3" style="color: white;">日注浆</td>
|
|
|
+ <td colspan="3" style="color: white;">日半检</td>
|
|
|
+ <td colspan="3" style="color: white;">日成检</td>
|
|
|
+ <td colspan="3" style="color: white;">月注浆</td>
|
|
|
+ <td colspan="3" style="color: white;">月半检</td>
|
|
|
+ <td colspan="3" style="color: white;">月成检</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_title_warning">
|
|
|
+ <td style="width:7%;">成型线</td>
|
|
|
+ <td style="width:4.5%;">班组</td>
|
|
|
+ <td style="width:7.5%;">产品</td>
|
|
|
+ <td style="width:4.5%;">注浆数</td>
|
|
|
+ <td style="width:4.5%;">成型数</td>
|
|
|
+ <td style="width:4.5%;">注成率</td>
|
|
|
+ <td style="width:4.5%;">半检数</td>
|
|
|
+ <td style="width:4.5%;">合格数</td>
|
|
|
+ <td style="width:4.5%;">合格率</td>
|
|
|
+ <td style="width:4.5%;">成检数</td>
|
|
|
+ <td style="width:4.5%;">合格数</td>
|
|
|
+ <td style="width:4.5%;">合格率</td>
|
|
|
+ <td style="width:4.5%;">注浆数</td>
|
|
|
+ <td style="width:4.5%;">成型数</td>
|
|
|
+ <td style="width:4.5%;">注成率</td>
|
|
|
+ <td style="width:4.5%;">半检数</td>
|
|
|
+ <td style="width:4.5%;">合格数</td>
|
|
|
+ <td style="width:4.5%;">合格率</td>
|
|
|
+ <td style="width:4.5%;">成检数</td>
|
|
|
+ <td style="width:4.5%;">合格数</td>
|
|
|
+ <td style="width:4.5%;">合格率</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div style="display:flex; height:545px;overflow:hidden;">
|
|
|
+ <table id="mainTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; width: 7%;">C03A01</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">甲班</td>
|
|
|
+ <td style="font-size: 18px; width: 7.5%;">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1314</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1169</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">919</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1314</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1169</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">919</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A02</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A03</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A04</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A05</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A06</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; width: 7%;">C03A07</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">甲班</td>
|
|
|
+ <td style="font-size: 18px; width: 7.5%;">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1314</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1169</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">919</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1314</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1169</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">919</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1160</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ <td style="font-size: 18px; width: 4.5%;">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A08</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A09</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A10</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A11</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A12</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A13</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A14</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_light_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A15</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="tr_bg_dark_warning" style="height:30px;">
|
|
|
+ <td style="font-size: 18px; ">C03A16</td>
|
|
|
+ <td style="font-size: 18px; ">甲班</td>
|
|
|
+ <td style="font-size: 18px; ">H0966-W</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1314</td>
|
|
|
+ <td style="font-size: 18px; ">1169</td>
|
|
|
+ <td style="font-size: 18px; ">919</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1160</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ <td style="font-size: 18px; ">1045</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!--缺陷统计-->
|
|
|
+ <div style="width:1840px;height:230px;display:flex;flex-direction:row;">
|
|
|
+ <div style="width: 25%; height: 230px;">
|
|
|
+ <div style="color:white;font-size:20px;font-weight:600; text-align:center">成型各项趋势图</div>
|
|
|
+ <canvas id="canvasDayZL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
|
|
|
+ </div>
|
|
|
+ <div style="width: 25%; height: 230px;">
|
|
|
+ <div style="color:white;font-size:20px;font-weight:600; text-align:center">成型缺陷（今日TOP3）</div>
|
|
|
+ <canvas id="canvasDefectA" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
|
|
|
+ </div>
|
|
|
+ <div style="width: 25%; height: 230px;">
|
|
|
+ <div style="color:white;font-size:20px;font-weight:600; text-align:center">成型工单进度</div>
|
|
|
+ <canvas id="canvasDefectB" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
|
|
|
+ </div>
|
|
|
+ <div style="width: 25%; height: 230px;">
|
|
|
+ <div style="color:white;font-size:20px;font-weight:600; text-align:center">成型车间设备状态</div>
|
|
|
+ <canvas id="canvasMonthCL" style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; height: 200px; width: 100%"></canvas>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ var mainInterval;
|
|
|
+ var mainRowCount = 0;
|
|
|
+
|
|
|
+ function loadMainTable() {
|
|
|
+ if (mainInterval) {
|
|
|
+ clearInterval(mainInterval);
|
|
|
+ console.log("Interval Stop!");
|
|
|
+ }
|
|
|
+ //$.get("rpt.ashx?m=table1", function (data) {
|
|
|
+ // var json = JSON.parse(data);
|
|
|
+ // if (json["success"] == true) {
|
|
|
+ // $("#qq").html("");
|
|
|
+ // for (var i = 0; i < json["rows"].length; i++) {
|
|
|
+ // var temp = $("#qq_template").html();
|
|
|
+ // temp = temp.replace("<tbody>", "").replace("</tbody>", "");
|
|
|
+ // temp = temp.replace("{q1}", json["rows"][i]["GOODSCODE"]);
|
|
|
+ // temp = temp.replace("{q2}", json["rows"][i]["NUM1"]);
|
|
|
+ // temp = temp.replace("{q3}", json["rows"][i]["NUM2"]);
|
|
|
+ // temp = temp.replace("{q4}", json["rows"][i]["REACH"]);
|
|
|
+ // $("#qq").append(temp);
|
|
|
+ // }
|
|
|
+ // mainRowCount = json["rows"].length;
|
|
|
+ // mainInterval = setInterval(qqScroll, 1500);
|
|
|
+ // console.log("Interval Start!");
|
|
|
+ // }
|
|
|
+ //});
|
|
|
+ mainRowCount = 16;
|
|
|
+ mainInterval = setInterval(mainScroll, 3000);
|
|
|
+ }
|
|
|
+
|
|
|
+ function mainScroll() {
|
|
|
+ var scrollHeight = $("#mainTable").find("tr").outerHeight();
|
|
|
+ $("#mainTable").animate({ marginTop: -scrollHeight, }, 500,
|
|
|
+ function () {
|
|
|
+ $(this).css({ marginTop: "0px", }).find("tr:first").appendTo(this);
|
|
|
+ if (--mainRowCount == -1) loadMainTable();
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready(function () {
|
|
|
+ initData();
|
|
|
+ doGetData = setInterval(function () { timeUpdate(); }, 5000);
|
|
|
+
|
|
|
+ loadMainTable();
|
|
|
+ });
|
|
|
+
|
|
|
+ function timeUpdate() {
|
|
|
+ loadData();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ function loadData() {
|
|
|
+
|
|
|
+ //成型各项趋势图
|
|
|
+ window.DayZL.data.datasets[0].data = [
|
|
|
+ randomScalingFactor(10) + 80,
|
|
|
+ randomScalingFactor(10) + 80,
|
|
|
+ randomScalingFactor(10) + 80,
|
|
|
+ randomScalingFactor(10) + 80,
|
|
|
+ randomScalingFactor(10) + 80,
|
|
|
+ randomScalingFactor(10) + 80,
|
|
|
+ randomScalingFactor(10) + 80
|
|
|
+ ];
|
|
|
+ window.DayZL.data.datasets[1].data = [
|
|
|
+ randomScalingFactor(10) + 70,
|
|
|
+ randomScalingFactor(10) + 70,
|
|
|
+ randomScalingFactor(10) + 70,
|
|
|
+ randomScalingFactor(10) + 70,
|
|
|
+ randomScalingFactor(10) + 70,
|
|
|
+ randomScalingFactor(10) + 70,
|
|
|
+ randomScalingFactor(10) + 70
|
|
|
+ ];
|
|
|
+ window.DayZL.data.datasets[2].data = [
|
|
|
+ randomScalingFactor(10) + 60,
|
|
|
+ randomScalingFactor(10) + 60,
|
|
|
+ randomScalingFactor(10) + 60,
|
|
|
+ randomScalingFactor(10) + 60,
|
|
|
+ randomScalingFactor(10) + 60,
|
|
|
+ randomScalingFactor(10) + 60,
|
|
|
+ randomScalingFactor(10) + 60
|
|
|
+ ];
|
|
|
+ window.DayZL.data.datasets[3].data = [
|
|
|
+ randomScalingFactor(10) + 50,
|
|
|
+ randomScalingFactor(10) + 50,
|
|
|
+ randomScalingFactor(10) + 50,
|
|
|
+ randomScalingFactor(10) + 50,
|
|
|
+ randomScalingFactor(10) + 50,
|
|
|
+ randomScalingFactor(10) + 50,
|
|
|
+ randomScalingFactor(10) + 50
|
|
|
+ ];
|
|
|
+ window.DayZL.update();
|
|
|
+
|
|
|
+ //半检缺陷top5
|
|
|
+ window.DefectA.data.datasets[0].data = [
|
|
|
+ randomScalingFactor(8),
|
|
|
+ randomScalingFactor(8),
|
|
|
+ randomScalingFactor(8)
|
|
|
+ ];
|
|
|
+ window.DefectA.update();
|
|
|
+ //成检缺陷top5
|
|
|
+ window.DefectB.data.datasets[0].data = [
|
|
|
+ randomScalingFactor(8),
|
|
|
+ randomScalingFactor(8),
|
|
|
+ randomScalingFactor(8)
|
|
|
+ ];
|
|
|
+ window.DefectB.update();
|
|
|
+
|
|
|
+ //产量计划达成
|
|
|
+ window.MonthCL.data.datasets[0].data = [
|
|
|
+ randomScalingFactor(1000),
|
|
|
+ randomScalingFactor(1000)
|
|
|
+ ];
|
|
|
+ window.MonthCL.update();
|
|
|
+ }
|
|
|
+
|
|
|
+ function initData() {
|
|
|
+ window.chartColors = {
|
|
|
+ red: 'rgb(255, 99, 132)',
|
|
|
+ orange: 'rgb(255, 159, 64)',
|
|
|
+ yellow: 'rgb(255, 250, 86)',
|
|
|
+ green: 'rgb(75, 192, 192)',
|
|
|
+ blue: 'rgb(54, 162, 250)',
|
|
|
+ purple: 'rgb(153, 102, 255)',
|
|
|
+ grey: 'rgb(231,233,237)'
|
|
|
+ };
|
|
|
+
|
|
|
+ var color = Chart.helpers.color;
|
|
|
+
|
|
|
+ window.randomScalingFactor = function (num) {
|
|
|
+ return Math.round(Math.random() * num);
|
|
|
+ }
|
|
|
+
|
|
|
+ Chart.defaults.global.defaultFontColor = 'white';
|
|
|
+ Chart.defaults.global.defaultFontSize = 18;
|
|
|
+ Chart.defaults.global.legend.display = false;
|
|
|
+
|
|
|
+ //成型各项趋势图=====================================
|
|
|
+ window.configDayZL = {
|
|
|
+ data: {
|
|
|
+ labels: ["01", "02", "03", "04", "05", "06", "07"],
|
|
|
+ datasets: [{
|
|
|
+ label: "半检",
|
|
|
+ backgroundColor: color(window.chartColors.red).alpha(0.35).rgbString(),
|
|
|
+ borderColor: window.chartColors.red,
|
|
|
+ borderWidth: 2,
|
|
|
+ pointRadius: 15,
|
|
|
+ data: [0, 0, 0, 0, 0, 0, 0],
|
|
|
+ fill: false,
|
|
|
+ }, {
|
|
|
+ label: "干补",
|
|
|
+ fill: false,
|
|
|
+ backgroundColor: color(window.chartColors.orange).alpha(0.35).rgbString(),
|
|
|
+ borderColor: window.chartColors.orange,
|
|
|
+ borderWidth: 2,
|
|
|
+ pointRadius: 15,
|
|
|
+ data: [0, 0, 0, 0, 0, 0, 0]
|
|
|
+ }, {
|
|
|
+ label: "一烧",
|
|
|
+ fill: false,
|
|
|
+ backgroundColor: color(window.chartColors.blue).alpha(0.35).rgbString(),
|
|
|
+ borderColor: window.chartColors.blue,
|
|
|
+ borderWidth: 2,
|
|
|
+ pointRadius: 15,
|
|
|
+ data: [0, 0, 0, 0, 0, 0, 0]
|
|
|
+ }, {
|
|
|
+ label: "综合",
|
|
|
+ fill: false,
|
|
|
+ backgroundColor: color(window.chartColors.green).alpha(0.35).rgbString(),
|
|
|
+ borderColor: window.chartColors.green,
|
|
|
+ borderWidth: 2,
|
|
|
+ pointRadius: 15,
|
|
|
+ data: [0, 0, 0, 0, 0, 0, 0]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ type: 'line',
|
|
|
+ options: {
|
|
|
+ responsive: true,
|
|
|
+ legend: {
|
|
|
+ display: true
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ display: false,
|
|
|
+ text: '质量统计'
|
|
|
+ },
|
|
|
+ tooltips: {
|
|
|
+ mode: 'index',
|
|
|
+ intersect: false,
|
|
|
+ },
|
|
|
+ hover: {
|
|
|
+ mode: 'nearest',
|
|
|
+ intersect: true
|
|
|
+ },
|
|
|
+ scales: {
|
|
|
+ xAxes: [{
|
|
|
+ display: true,
|
|
|
+ scaleLabel: {
|
|
|
+ display: false,
|
|
|
+ labelString: ''
|
|
|
+ }
|
|
|
+ }],
|
|
|
+ yAxes: [{
|
|
|
+ display: true,
|
|
|
+ scaleLabel: {
|
|
|
+ display: false,
|
|
|
+ labelString: 'Value'
|
|
|
+ },
|
|
|
+ ticks: {
|
|
|
+ min: 50,
|
|
|
+ stepSize: 10,
|
|
|
+ max: 100
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var ctxDayZL = document.getElementById("canvasDayZL").getContext("2d");
|
|
|
+ window.DayZL = new Chart(ctxDayZL, configDayZL);
|
|
|
+ //===================================================
|
|
|
+
|
|
|
+ //半检缺陷TOP5===========================================
|
|
|
+ window.configDefectA = {
|
|
|
+ data: {
|
|
|
+ labels: ['缺陷1', '缺陷2', '缺陷3'],
|
|
|
+ datasets: [{
|
|
|
+ label: '工序',
|
|
|
+ backgroundColor: [
|
|
|
+ color(window.chartColors.red).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.blue).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.green).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.orange).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.purple).alpha(0.35).rgbString()
|
|
|
+ ],
|
|
|
+ fill: false,
|
|
|
+ borderColor: [
|
|
|
+ window.chartColors.red,
|
|
|
+ window.chartColors.blue,
|
|
|
+ window.chartColors.green,
|
|
|
+ window.chartColors.orange,
|
|
|
+ window.chartColors.purple
|
|
|
+ ],
|
|
|
+ borderWidth: 2,
|
|
|
+ pointRadius: 30,
|
|
|
+ data: [0, 0, 0]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ type: 'pie',
|
|
|
+ options: {
|
|
|
+ legend: {
|
|
|
+ display: true
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ display: false,
|
|
|
+ text: "甲班缺陷"
|
|
|
+ },
|
|
|
+ tooltips: {
|
|
|
+ mode: 'point',
|
|
|
+ intersect: false
|
|
|
+ },
|
|
|
+ responsive: true
|
|
|
+
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var ctxDefectA = document.getElementById("canvasDefectA").getContext("2d");
|
|
|
+ window.DefectA = new Chart(ctxDefectA, configDefectA);
|
|
|
+ //===================================================
|
|
|
+
|
|
|
+ //成检缺陷TOP5===========================================
|
|
|
+ window.configDefectB = {
|
|
|
+ data: {
|
|
|
+ labels: ['缺陷1', '缺陷2', '缺陷3'],
|
|
|
+ datasets: [{
|
|
|
+ label: '工序',
|
|
|
+ backgroundColor: [
|
|
|
+ color(window.chartColors.red).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.blue).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.green).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.orange).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.purple).alpha(0.35).rgbString()
|
|
|
+ ],
|
|
|
+ fill: false,
|
|
|
+ borderColor: [
|
|
|
+ window.chartColors.red,
|
|
|
+ window.chartColors.blue,
|
|
|
+ window.chartColors.green,
|
|
|
+ window.chartColors.orange,
|
|
|
+ window.chartColors.purple
|
|
|
+ ],
|
|
|
+ borderWidth: 2,
|
|
|
+ pointRadius: 30,
|
|
|
+ data: [0, 0, 0]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ type: 'pie',
|
|
|
+ options: {
|
|
|
+ legend: {
|
|
|
+ display: true
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ display: false,
|
|
|
+ text: "甲班缺陷"
|
|
|
+ },
|
|
|
+ tooltips: {
|
|
|
+ mode: 'point',
|
|
|
+ intersect: false
|
|
|
+ },
|
|
|
+ responsive: true
|
|
|
+
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var ctxDefectB = document.getElementById("canvasDefectB").getContext("2d");
|
|
|
+ window.DefectB = new Chart(ctxDefectB, configDefectB);
|
|
|
+ //===================================================
|
|
|
+
|
|
|
+ //甲班缺陷===========================================
|
|
|
+ window.configMonthCL = {
|
|
|
+ data: {
|
|
|
+ labels: ['实际产量', '目标产量'],
|
|
|
+ datasets: [{
|
|
|
+ label: '工序',
|
|
|
+ backgroundColor: [
|
|
|
+ color(window.chartColors.red).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.blue).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.green).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.orange).alpha(0.35).rgbString(),
|
|
|
+ color(window.chartColors.purple).alpha(0.35).rgbString()
|
|
|
+ ],
|
|
|
+ fill: false,
|
|
|
+ borderColor: [
|
|
|
+ window.chartColors.red,
|
|
|
+ window.chartColors.blue,
|
|
|
+ window.chartColors.green,
|
|
|
+ window.chartColors.orange,
|
|
|
+ window.chartColors.purple
|
|
|
+ ],
|
|
|
+ borderWidth: 2,
|
|
|
+ pointRadius: 30,
|
|
|
+ data: [0, 0]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ type: 'doughnut',
|
|
|
+ options: {
|
|
|
+ legend: {
|
|
|
+ display: true
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ display: false,
|
|
|
+ text: ""
|
|
|
+ },
|
|
|
+ tooltips: {
|
|
|
+ mode: 'point',
|
|
|
+ intersect: false
|
|
|
+ },
|
|
|
+ responsive: true
|
|
|
+
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var ctxMonthCL = document.getElementById("canvasMonthCL").getContext("2d");
|
|
|
+ window.MonthCL = new Chart(ctxMonthCL, configMonthCL);
|
|
|
+ //===================================================
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
|
|
|
+ <script src="/Plugins/chartjs-2.8.0/chartjs-plugin-datalabels.js"></script>
|
|
|
+ <script src="/Plugins/chartjs-2.8.0/utils.js"></script>
|
|
|
+ <script src="/Plugins/circleChart/circleChart.min.js"></script>
|
|
|
+</body>
|
|
|
+</html>
|
xuwei