|
|
@@ -15,151 +15,151 @@
|
|
|
</head>
|
|
|
<body class="bg-white p-0 dk-report">
|
|
|
<div class="box_1920_1080" style="width: 1280px; height: 720px; background-size: contain;">
|
|
|
- <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; margin-top:-20px;font-size:45px">施釉节拍(二期)</div>
|
|
|
- <div style="width:30%; margin-top:-5px;margin-left:-7px"><span id="sj" style=" font-size: 25px; color:white">0000-00-00 00:00</span></div>
|
|
|
- </div>
|
|
|
- <div class="box_body" style="display: flex; flex-direction: column;">
|
|
|
- <div style="width: 103%; height: 720px ">
|
|
|
- <table id="施釉节拍" class="table-hover table-striped" style=" width: 100%; height: 50%; margin-top: -35px; margin-left: -20px;">
|
|
|
- <thead style="border: 1px solid #38dcff ">
|
|
|
- <tr style="height: 100px; width: 1280px; ">
|
|
|
- <td scope="col" class="text-center" id="wd" style="width: 33%; font-size: 60px; color: #f8f9fa; text-align: center ">产 量</td>
|
|
|
- <td scope="col" class="text-center" id="wd" style="width: 37%; font-size: 60px; color: #f8f9fa; text-align: center ">秒/件</td>
|
|
|
- <td scope="col" class="text-center" id="wd" style="width: 37%; font-size: 60px; color: #f8f9fa; text-align: center ">时间段</td>
|
|
|
- </tr>
|
|
|
- <tr style="height: 70px; width: 1280px; ">
|
|
|
- <td rowspan="2" scope="col" class="text-center" id="zcl" style="width: 350px; font-size: 100px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
- <td scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
- <td scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">5分钟</td>
|
|
|
- </tr>
|
|
|
- <tr style="height: 70px; width: 1280px; ">
|
|
|
+ <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; margin-top:-20px;font-size:45px">施釉节拍(二期)</div>
|
|
|
+ <div style="width:30%; margin-top:-5px;margin-left:-7px"><span id="sj" style=" font-size: 25px; color:white">0000-00-00 00:00</span></div>
|
|
|
+ </div>
|
|
|
+ <div class="box_body" style="display: flex; flex-direction: column;">
|
|
|
+ <div style="width: 103%; height: 720px ">
|
|
|
+ <table id="施釉节拍" class="table-hover table-striped" style=" width: 100%; height: 50%; margin-top: -35px; margin-left: -20px;">
|
|
|
+ <thead style="border: 1px solid #38dcff ">
|
|
|
+ <tr style="height: 100px; width: 1280px; ">
|
|
|
+ <td scope="col" class="text-center" id="wd" style="width: 33%; font-size: 60px; color: #f8f9fa; text-align: center ">产 量</td>
|
|
|
+ <td scope="col" class="text-center" id="wd" style="width: 37%; font-size: 60px; color: #f8f9fa; text-align: center ">秒/件</td>
|
|
|
+ <td scope="col" class="text-center" id="wd" style="width: 37%; font-size: 60px; color: #f8f9fa; text-align: center ">时间段</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 70px; width: 1280px; ">
|
|
|
+ <td rowspan="2" scope="col" class="text-center" id="zcl" style="width: 350px; font-size: 100px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
+ <td scope="col" class="text-center" id="cl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
+ <td scope="col" class="text-center" id="hgl1" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">5分钟</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 70px; width: 1280px; ">
|
|
|
|
|
|
- <td scope="col" class="text-center" id="cl2" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
- <td scope="col" class="text-center" id="hgl2" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">10分钟</td>
|
|
|
- </tr>
|
|
|
- <tr style="height: 70px; width: 1280px; ">
|
|
|
- <td scope="col" class="text-center" id="zcl" style="width: 350px; font-size: 70px; color: #f8f9fa; text-align: center ">1分钟节拍</td>
|
|
|
- <td scope="col" class="text-center" id="cl3" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
- <td scope="col" class="text-center" id="hgl3" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">30分钟</td>
|
|
|
- </tr>
|
|
|
- <tr style="height: 70px; width: 1280px; ">
|
|
|
- <td scope="col" rowspan="2" class="text-center" id="onesecond" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 75px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
- <td scope="col" class="text-center" id="cl4" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
- <td scope="col" class="text-center" id="hgl4" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">60分钟</td>
|
|
|
- </tr>
|
|
|
- <tr style="height: 70px; width: 1280px; ">
|
|
|
- <td scope="col" class="text-center" id="second" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
- <td scope="col" class="text-center" id="hgl5" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">平均节拍</td>
|
|
|
- </tr>
|
|
|
+ <td scope="col" class="text-center" id="cl2" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
+ <td scope="col" class="text-center" id="hgl2" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">10分钟</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 70px; width: 1280px; ">
|
|
|
+ <td scope="col" class="text-center" id="zcl" style="width: 350px; font-size: 70px; color: #f8f9fa; text-align: center ">1分钟节拍</td>
|
|
|
+ <td scope="col" class="text-center" id="cl3" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
+ <td scope="col" class="text-center" id="hgl3" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">30分钟</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 70px; width: 1280px; ">
|
|
|
+ <td scope="col" rowspan="2" class="text-center" id="onesecond" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 75px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
+ <td scope="col" class="text-center" id="cl4" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
+ <td scope="col" class="text-center" id="hgl4" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">60分钟</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="height: 70px; width: 1280px; ">
|
|
|
+ <td scope="col" class="text-center" id="second" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 70px; color: #f8f9fa; text-align: center ">0</td>
|
|
|
+ <td scope="col" class="text-center" id="hgl5" style="padding: 0px 0px 0px 0px; width: 130px; font-size: 65px; color: #f8f9fa; text-align: right ">平均节拍</td>
|
|
|
+ </tr>
|
|
|
|
|
|
- </thead>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
</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>
|
|
|
+ </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 () {
|
|
|
- loadServerTime();
|
|
|
- lodTable();
|
|
|
- ThatDayBeat();
|
|
|
- Output();
|
|
|
- doGetData = setInterval(function () { Output(); }, 8900);
|
|
|
- doGetData = setInterval(function () { loadServerTime(); }, 60000);
|
|
|
- doGetData = setInterval(function () { ThatDayBeat(); }, 5000);
|
|
|
- doGetData = setInterval(function () { lodTable(); }, 58000);
|
|
|
+ $(document).ready(function () {
|
|
|
+ loadServerTime();
|
|
|
+ lodTable();
|
|
|
+ ThatDayBeat();
|
|
|
+ Output();
|
|
|
+ doGetData = setInterval(function () { Output(); }, 8900);
|
|
|
+ doGetData = setInterval(function () { loadServerTime(); }, 60000);
|
|
|
+ doGetData = setInterval(function () { ThatDayBeat(); }, 5000);
|
|
|
+ doGetData = setInterval(function () { lodTable(); }, 58000);
|
|
|
+ });
|
|
|
+ //取服务器时间
|
|
|
+ function loadServerTime() {
|
|
|
+ $.get('GlazingBeats.ashx?m=fwq', function (data) {
|
|
|
+ var json = JSON.parse(data);
|
|
|
+ if (json["success"] == true) {
|
|
|
+ $('#sj').html(json["sj"]);
|
|
|
+ }
|
|
|
});
|
|
|
- //取服务器时间
|
|
|
- function loadServerTime() {
|
|
|
- $.get('GlazingBeats.ashx?m=fwq', function (data) {
|
|
|
- var json = JSON.parse(data);
|
|
|
- if (json["success"] == true) {
|
|
|
- $('#sj').html(json["sj"]);
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- function lodTable() {
|
|
|
- ThatDayBeat();
|
|
|
- AvgBeat();
|
|
|
- }
|
|
|
- function Output() { //总产量
|
|
|
- $.get('GlazingBeats.ashx?m=Output', function (data) {
|
|
|
- var json = JSON.parse(data);
|
|
|
- if (json['success'] == true) {
|
|
|
- $('#zcl').html(json["rows"][0]["产量"]);
|
|
|
+ }
|
|
|
+ function lodTable() {
|
|
|
+ ThatDayBeat();
|
|
|
+ AvgBeat();
|
|
|
+ }
|
|
|
+ function Output() { //总产量
|
|
|
+ $.get('GlazingBeats2.ashx?m=Output', function (data) {
|
|
|
+ var json = JSON.parse(data);
|
|
|
+ if (json['success'] == true) {
|
|
|
+ $('#zcl').html(json["rows"][0]["产量"]);
|
|
|
|
|
|
- }
|
|
|
- });
|
|
|
- } //总计
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } //总计
|
|
|
|
|
|
- function AvgBeat() { //分钟时间节拍
|
|
|
- $.get('GlazingBeats.ashx?m=AvgBeat', function (data) {
|
|
|
- var json = JSON.parse(data);
|
|
|
- if (json['success'] == true) {
|
|
|
- if (json["rows"][0]["ONE"] != 300) {
|
|
|
- $('#cl1').html(json["rows"][0]["ONE"] );
|
|
|
- }
|
|
|
- if (json["rows"][0]["TWO"] != 600) {
|
|
|
- $('#cl2').html(json["rows"][0]["TWO"] );
|
|
|
- }
|
|
|
- if (json["rows"][0]["THREE"] != 1800) {
|
|
|
- $('#cl3').html(json["rows"][0]["THREE"]);
|
|
|
- }
|
|
|
- if (json["rows"][0]["FOUR"] != 3600) {
|
|
|
- $('#cl4').html(json["rows"][0]["FOUR"]);
|
|
|
- }
|
|
|
- if (json["rows"][0]["FIVE"] != 240) {
|
|
|
- $('#onesecond').html(json["rows"][0]["FIVE"] +" 秒/件")
|
|
|
- }
|
|
|
- ;
|
|
|
+ function AvgBeat() { //分钟时间节拍
|
|
|
+ $.get('GlazingBeats2.ashx?m=AvgBeat', function (data) {
|
|
|
+ var json = JSON.parse(data);
|
|
|
+ if (json['success'] == true) {
|
|
|
+ if (json["rows"][0]["ONE"] != 300) {
|
|
|
+ $('#cl1').html(json["rows"][0]["ONE"]);
|
|
|
+ }
|
|
|
+ if (json["rows"][0]["TWO"] != 600) {
|
|
|
+ $('#cl2').html(json["rows"][0]["TWO"]);
|
|
|
+ }
|
|
|
+ if (json["rows"][0]["THREE"] != 1800) {
|
|
|
+ $('#cl3').html(json["rows"][0]["THREE"]);
|
|
|
}
|
|
|
- });
|
|
|
- } //分钟计
|
|
|
+ if (json["rows"][0]["FOUR"] != 3600) {
|
|
|
+ $('#cl4').html(json["rows"][0]["FOUR"]);
|
|
|
+ }
|
|
|
+ if (json["rows"][0]["FIVE"] != 240) {
|
|
|
+ $('#onesecond').html(json["rows"][0]["FIVE"] + " 秒/件")
|
|
|
+ }
|
|
|
+ ;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } //分钟计
|
|
|
|
|
|
-
|
|
|
|
|
|
- function ThatDayBeat() { //当天节拍
|
|
|
- $.get('GlazingBeats.ashx?m=ALL', function (data) {
|
|
|
- var json = JSON.parse(data);
|
|
|
- if (json['success'] == true) {
|
|
|
- $('#second').html(json["rows"][0]["ONE"] );
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
|
|
|
- </script>
|
|
|
+ function ThatDayBeat() { //当天节拍
|
|
|
+ $.get('GlazingBeats2.ashx?m=ALL', function (data) {
|
|
|
+ var json = JSON.parse(data);
|
|
|
+ if (json['success'] == true) {
|
|
|
+ $('#second').html(json["rows"][0]["ONE"]);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ </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;
|
|
|
- }
|
|
|
+ <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;
|
|
|
- }
|
|
|
+ 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>
|
|
|
+ a {
|
|
|
+ background-color: lightblue;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</body>
|
|
|
</html>
|