|
|
@@ -1,4 +1,4 @@
|
|
|
-<!doctype html>
|
|
|
+<!doctype html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
@@ -14,156 +14,153 @@
|
|
|
<title>东科软件</title>
|
|
|
</head>
|
|
|
<body class="bg-white p-0 dk-report">
|
|
|
-
|
|
|
<!--实时缺陷记录-->
|
|
|
- <div class="container-fluid pt-1 p-0 box_1920_1080">
|
|
|
+ <div class="box_1920_1080" style="width: 1280px; height: 720px; background-size: contain;">
|
|
|
+ >
|
|
|
<div class="position-absolute">
|
|
|
- <span id="实时缺陷加载" class="dk-report-loading" style="padding-left: 290px; font-size: 15px; color: #38dcff; font-weight: 700; float: left; padding-top: 40px;"></span>
|
|
|
- <!--<span id="页面跳转" class="dk-report-loading" style="padding-left: 1080px; font-size: 15px; color: #38dcff; font-weight: 700; float: left; margin-top: 40px; ">页面跳转倒计时</span>-->
|
|
|
+ <span id="高压加载" class="dk-report-loading" style="padding-left: 290px;font-size: 13px;color: #38dcff;font-weight: 700;float: left;padding-top: 40px;"></span>
|
|
|
</div>
|
|
|
<h4 class="text-center pb-2 dk-report-title" style="font-size: 60px; font-weight: bolder;color: #f8f9fa;">包装产品信息流看板</h4>
|
|
|
- <table class="table-hover table-striped" style="font-size: 14px; width: 1866px; margin-left: 27px; margin-top: -10px;">
|
|
|
+ <table id="包装产品信息流看板table" class="table-hover table-striped" style="font-size: 14px; width: 1244px; margin-left: 21px; margin-top: -18px;">
|
|
|
<thead style="border: 1px solid #38dcff ">
|
|
|
- <tr style="height: 47px; width: 1866px;">
|
|
|
- <td scope="col" class="text-right" id="sj" style="width: 130px; font-size: 25px; color: #f8f9fa; ">2026/04/08 09:56</td>
|
|
|
+ <tr style="height: 70px; width: 1866px;">
|
|
|
+ <td scope="col" class="text-center" id="wd" style="width: 130px; font-size: 40px; color: #f8f9fa; text-align:left ">
|
|
|
+ <div style="text-align:right;"><span id="sj" style=" font-size: 35px;">0000-00-00 00:00</span></div>
|
|
|
+ </td>
|
|
|
+
|
|
|
</tr>
|
|
|
</thead>
|
|
|
</table>
|
|
|
- <div class="box_body" style="display: flex; flex-direction: column;">
|
|
|
+ <div style="width: 413px; height: 100px ">
|
|
|
+ <table class="table-hover table-striped" style=" width: 100%; height: 5%; margin-left: 21px; margin-top: -17px;">
|
|
|
+ <thead style="border: 1px solid #38dcff ">
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="wd" style="width: 130px; font-size: 42px; color: #f8f9fa; text-align: center ">产品型号</td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="wd" style="width: 130px; font-size: 42px; color: #f8f9fa; text-align: center ">数量</td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="leftTableBody">
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div style="width: 413px; height:100px; margin-top: -100px; margin-left: 413px;">
|
|
|
+ <table class="table-hover table-striped" style=" width: 100%; height: 5%; margin-left: 21px; margin-top: -17px;">
|
|
|
+ <thead style="border: 1px solid #38dcff ">
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="wd" style="width: 130px; font-size: 42px; color: #f8f9fa; text-align: center ">产品型号</td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="wd" style="width: 130px; font-size: 42px; color: #f8f9fa; text-align: center ">数量</td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="centerTableBody">
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
|
|
|
- <!--表格-->
|
|
|
- <div style="width:1850px;height:950px;display:flex;flex-direction:row;">
|
|
|
- <div style="width: 50%;height:950px;padding-right:20px;">
|
|
|
- <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <td scope="col" class="text-center" style="font-size: 40px; color: #f8f9fa; ">产品型号</td>
|
|
|
- <td scope="col" class="text-center" style="font-size: 40px; color: #f8f9fa; ">数量</td>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody id="leftTableBody">
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div style="width: 50%; height: 950px; padding-right: 20px;">
|
|
|
- <table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <td scope="col" class="text-center" style="font-size: 40px; color: #f8f9fa; ">产品型号</td>
|
|
|
- <td scope="col" class="text-center" style="font-size: 40px; color: #f8f9fa; ">数量</td>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody id="rightTableBody">
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- <tr class="tr_bg_light_warning" style="height:61px;">
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- <td style="font-size: 30px; width: 11% ;font-weight:bold;"></td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div style="width: 413px; height:100px; margin-top: -100px; margin-left: 826px;">
|
|
|
+ <table class="table-hover table-striped" style=" width: 100%; height: 5%; margin-left: 21px; margin-top: -17px;">
|
|
|
+ <thead style="border: 1px solid #38dcff ">
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="wd" style="width: 130px; font-size: 42px; color: #f8f9fa; text-align: center ">产品型号</td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="wd" style="width: 130px; font-size: 42px; color: #f8f9fa; text-align: center ">数量</td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="rightTableBody">
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 65px; width: 1866px; ">
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: center "></td>
|
|
|
+ <td colspan="2" scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 42px; color: #f8f9fa; text-align: right "></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--版权信息-->
|
|
|
<script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
|
|
|
<script src="/Plugins/bootstrap-table/bootstrap-table.min.js"></script>
|
|
|
<script src="/Plugins/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
|
|
|
<script src="/Plugins/sweetalert/sweetalert.min.js"></script>
|
|
|
<script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
|
|
|
<script src="/Plugins/chartjs-2.8.0/utils.js"></script>
|
|
|
-
|
|
|
<script>
|
|
|
$(document).ready(function () {
|
|
|
// 页面加载后自动请求后台数据
|
|
|
@@ -172,8 +169,7 @@
|
|
|
//刷新时间
|
|
|
loadServerTime();
|
|
|
doGetTime = setInterval(function () { loadServerTime(); }, 60000);
|
|
|
- });
|
|
|
-
|
|
|
+ });
|
|
|
//取服务器时间
|
|
|
function loadServerTime() {
|
|
|
$.get('PackingData.ashx?m=fwq', function (data) {
|
|
|
@@ -184,49 +180,79 @@
|
|
|
});
|
|
|
}
|
|
|
|
|
|
- function initData() {
|
|
|
+ function initData() {
|
|
|
$.get('PackingData.ashx?m=s', function (data) {
|
|
|
var json = JSON.parse(data);
|
|
|
if (json["success"] == true) {
|
|
|
renderTable(json["rows"]);
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
}
|
|
|
+
|
|
|
// 渲染表格（极简版，左满右补）
|
|
|
function renderTable(data) {
|
|
|
if (!data) data = [];
|
|
|
|
|
|
// 拿到所有行
|
|
|
let leftRows = $("#leftTableBody tr"); // 左边
|
|
|
+ let centerRows = $("#centerTableBody tr"); //
|
|
|
let rightRows = $("#rightTableBody tr"); // 右边
|
|
|
|
|
|
// 清空所有内容
|
|
|
- $("#leftTableBody td, #rightTableBody td").text("");
|
|
|
+ $("#leftTableBody td, #centerTableBody td, #rightTableBody td").text("");
|
|
|
|
|
|
// 循环数据，挨个赋值
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
let item = data[i];
|
|
|
let model = item.GOODSCODE || "";
|
|
|
- let qty = item.QTY || "";
|
|
|
- // 前12条 → 左边表格
|
|
|
- if (i < 12) {
|
|
|
+ let qty = item.QTY || "";
|
|
|
+ // 前7条 → 左边表格
|
|
|
+ if (i < 7) {
|
|
|
leftRows.eq(i).find("td").eq(0).text(model);
|
|
|
leftRows.eq(i).find("td").eq(1).text(qty);
|
|
|
}
|
|
|
- // 12条及以后 → 右边表格
|
|
|
+ // 8条到14 → 中间表格
|
|
|
+ else if (i >= 7 && i < 14) {
|
|
|
+ let rightIndex = i - 7;
|
|
|
+ if (rightIndex < 7) {
|
|
|
+ centerRows.eq(rightIndex).find("td").eq(0).text(model);
|
|
|
+ centerRows.eq(rightIndex).find("td").eq(1).text(qty);
|
|
|
+ }
|
|
|
+ }
|
|
|
else {
|
|
|
- let rightIndex = i - 12;
|
|
|
- if (rightIndex < 12) { // 最多显示到右边第12行
|
|
|
+ let rightIndex = i - 14;
|
|
|
+ if (rightIndex < 7) {
|
|
|
rightRows.eq(rightIndex).find("td").eq(0).text(model);
|
|
|
rightRows.eq(rightIndex).find("td").eq(1).text(qty);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
+
|
|
|
</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>
|
|
|
+ <style>
|
|
|
+ table {
|
|
|
+ height: 40px;
|
|
|
+ color: #f8f9fa !important;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
+ background: rgba(25, 52, 90,.5);
|
|
|
+ border: 1px solid #38dcff;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ td {
|
|
|
+ padding: 2px !important;
|
|
|
+ text-align: center !important;
|
|
|
+ border-bottom: 1px solid #38dcff !important;
|
|
|
+ border-right: 1px dashed #38dcff !important;
|
|
|
+ border: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ background-color: lightblue;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</body>
|
|
|
</html>
|
