From 7d39a8b39cfeea958214557b279985c0e038c8c7 Mon Sep 17 00:00:00 2001
From: yangle <admin@YINMOU>
Date: 星期二, 15 十一月 2022 11:06:27 +0800
Subject: [PATCH] 维护
---
HDLackMats.html | 708 ++++++++++++-----------
HDHouse.html | 336 +++++------
SalesDelivery.html | 659 +++++++++++-----------
HDCall.html | 2
4 files changed, 862 insertions(+), 843 deletions(-)
diff --git a/HDCall.html b/HDCall.html
index f0eb080..8f581b5 100644
--- a/HDCall.html
+++ b/HDCall.html
@@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>闊╃數鍙枡閰嶉�佺湅鏉�</title>
+ <title>鍙枡閰嶉�佺湅鏉�</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-table.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
diff --git a/HDHouse.html b/HDHouse.html
index 1b52783..9fe907a 100644
--- a/HDHouse.html
+++ b/HDHouse.html
@@ -17,6 +17,7 @@
<script src="js/jquery.SuperSlide.2.1.3.js"></script>
<script src='js/template.js'></script>
<script src="js/jquery.qrcode.min.js"></script>
+ <script src="js/webConfig.js"></script>
<style>
.clock {
font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
@@ -27,41 +28,37 @@
margin-top: -75px;
margin-right: 5px;
color: #09d1ea;
-
}
-
- .clock #Date {
- text-align: center;
- text-shadow: 0 0 0px #00c6ff;
-
-
- }
-
- .clock ul {
- width: 450px;
- margin: 0 auto;
- padding: 0px;
- list-style: none;
- text-align: right;
- margin-left: 15px;
- position: relative;
- }
-
- .clock ul li {
- display: inline;
- font-size: 24px;
- text-align: left;
- font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
- text-shadow: 0 0 0px #00c6ff;
- }
-
+
+ .clock #Date {
+ text-align: center;
+ text-shadow: 0 0 0px #00c6ff;
+ }
+
+ .clock ul {
+ width: 450px;
+ margin: 0 auto;
+ padding: 0px;
+ list-style: none;
+ text-align: right;
+ margin-left: 15px;
+ position: relative;
+ }
+
+ .clock ul li {
+ display: inline;
+ font-size: 24px;
+ text-align: left;
+ font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
+ text-shadow: 0 0 0px #00c6ff;
+ }
+
body {
padding-left: 50px;
padding-right: 50px;
}
-
+
.title {
-
font-size: 44px;
font-family: PingFangSC;
font-weight: 500;
@@ -70,7 +67,7 @@
background: url(img/img_little_new.png) center no-repeat;
margin-bottom: 30px;
}
-
+
.flex {
display: flex;
display: -webkit-flex;
@@ -78,44 +75,40 @@
flex-direction: row;
flex-wrap: wrap;
}
-
- .flex .flex_item {
- width: 16%;
- height: 180px;
- border: 3px solid #080c1c;
- border-radius: 5px;
- margin-bottom: 10px;
- background: url(img/3-3.png) #02040d no-repeat center top;
- position: relative;
-
-
- }
-
- .flex span {
- position: absolute;
- top: 50%;
-
- margin-top: 0;
- font-size: 23px;
- font-family: PingFangSC;
- font-weight: 400;
- color: rgba(255, 255, 255, 1);
- width: 100%;
- text-align: center;
- }
-
- .flex p {
-
- margin-bottom: 5px;
- color: #a5a5a7;
- position: absolute;
- bottom: 0;
- font-size: 16px;
- font-family: PingFangSC;
- font-weight: 400;
- width: 100%
- }
-
+
+ .flex .flex_item {
+ width: 16%;
+ height: 180px;
+ border: 3px solid #080c1c;
+ border-radius: 5px;
+ margin-bottom: 10px;
+ background: url(img/3-3.png) #02040d no-repeat center top;
+ position: relative;
+ }
+
+ .flex span {
+ position: absolute;
+ top: 50%;
+ margin-top: 0;
+ font-size: 23px;
+ font-family: PingFangSC;
+ font-weight: 400;
+ color: rgba(255, 255, 255, 1);
+ width: 100%;
+ text-align: center;
+ }
+
+ .flex p {
+ margin-bottom: 5px;
+ color: #a5a5a7;
+ position: absolute;
+ bottom: 0;
+ font-size: 16px;
+ font-family: PingFangSC;
+ font-weight: 400;
+ width: 100%
+ }
+
.title_o {
margin-top: 15px;
margin-bottom: 10px;
@@ -124,12 +117,11 @@
font-weight: 400;
color: rgba(9, 209, 234, 1);
}
-
+
.flex_t li {
width: 100%;
-
}
-
+
.content_name {
font-size: 16px;
font-family: PingFangSC;
@@ -137,47 +129,45 @@
color: rgba(255, 255, 255, 1);
margin-bottom: 12px;
}
-
+
.content_style {
display: inline-block;
vertical-align: top;
-
}
-
+
.w44 {
width: 44%;
margin-right: 15px;
padding: 10px 13px 5px 13px;
}
-
+
.w58 {
width: 53.5%;
-
}
-
+
.bg_color {
background: #0C0C18;
}
-
+
.icon_style {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 10px;
}
-
+
.icon_n {
background: url(img/icon_n.png) no-repeat center;
}
-
+
.icon_r {
background: url(img/icon_r.png) no-repeat center;
}
-
+
.icon_c {
background: url(img/icon_c.png) no-repeat center;
}
-
+
.content {
display: inline-block;
width: 49.3%;
@@ -189,68 +179,67 @@
margin-right: 20px;
margin-bottom: 10px;
}
-
- .content:nth-child(2n) {
- margin-right: 0;
- }
-
+
+ .content:nth-child(2n) {
+ margin-right: 0;
+ }
+
.content_style span {
font-size: 14px;
font-family: PingFangSC;
font-weight: 400;
color: rgba(255, 255, 255, 1);
}
-
+
.mr {
margin-right: 35px;
}
-
+
.text_s {
vertical-align: 12px;
}
-
+
.content_mod {
width: 80px;
height: 60px;
border-radius: 2px;
display: inline-block;
-
margin-right: 10px;
vertical-align: top;
}
-
- .content_mod:nth-child(5n) {
- margin-right: 0px;
- }
-
+
+ .content_mod:nth-child(5n) {
+ margin-right: 0px;
+ }
+
.content_mod_bg_true {
background: url(img/new_icon_true.png) no-repeat center;
border: 1px solid rgba(55, 184, 200, 1);
}
-
+
.content_mod_bg_tf {
background: url(img/new_icon_tf.png) no-repeat center;
border: 1px solid rgba(124, 87, 255, 1);
}
-
+
.content_mod_bg_false {
background: url(img/new_icon_false.png) no-repeat center;
}
-
+
.mt12 {
margin: 12px 0 0 0;
}
-
+
.mb9 {
margin: 0 0 7px 0;
}
-
+
.flex_t {
height: 680px;
overflow: hidden;
}
-
-
+
+
.col-sm-12 {
position: relative;
min-height: 1px;
@@ -260,15 +249,15 @@
</style>
<script type="text/javascript">
//閰嶇疆鍙傛暟
- var HouseCode='509'//浠撳簱鐪嬫澘浠撳簱缂栫爜
-
-
-
-
+ var HouseCode = '509'//浠撳簱鐪嬫澘浠撳簱缂栫爜
+
+
+
+
var interva0;//璁℃椂鍣�
var interva1;//璁℃椂鍣�
$(document).ready(function () {
-
+
// 鍒涘缓涓や釜鍙橀噺锛屼竴涓暟缁勪腑鐨勬湀鍜屾棩鐨勫悕绉�
var monthNames = ["1 鏈�", "2 鏈�", "3 鏈�", "4 鏈�", "5 鏈�", "6 鏈�", "7 鏈�", "8 鏈�", "9 鏈�", "10 鏈�", "11 鏈�", "12 鏈�"];
setInterval(function () {
@@ -281,15 +270,15 @@
var ss = date1.getSeconds();
var dayNames = new Array("鏄熸湡鏃�", "鏄熸湡涓�", "鏄熸湡浜�", "鏄熸湡涓�", "鏄熸湡鍥�", "鏄熸湡浜�", "鏄熸湡鍏�");
var Stamp = new Date();
-
-
+
+
$('#Date').html(year + " 骞�" + " " + monthNames[month] + ' ' + day + " 鏃� " + ' ' + dayNames[Stamp.getDay()]);
$("#hours").html((hh < 10 ? ("0" + hh) : hh));
$("#min").html((mm < 10 ? ("0" + mm) : mm));
$("#sec").html((ss < 10 ? ("0" + ss) : ss));
-
+
}, 1000);
-
+
});
$(function () {
TopMap();
@@ -303,14 +292,14 @@
DataGrid();
}, 120000);
})
- function TopMap(){
+ function TopMap() {
$.ajax({
- url: "http://localhost:12298/api/loaddata/HouseTopData",
+ url: GetWEBURL() + "loaddata/HouseTopData",
dataType: "JSON",
async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
type: "Get",
- data:{"HouseCode":HouseCode},
- success: function (data) {
+ data: { "HouseCode": HouseCode },
+ success: function (data) {
$("#stockqty").html(data.data[0].FQTY);
$("#todayinqty").html(data.data[1].FQTY);
$("#todayoutqty").html(data.data[2].FQTY);
@@ -319,76 +308,75 @@
$("#turnoverday").html("");
},
error: function (data) {
-
+
}
})
}
function DataGrid() {
$.ajax({
- url: "http://localhost:12298/api/loaddata/HouseDataTable",
+ url: GetWEBURL() + "loaddata/HouseDataTable",
dataType: "JSON",
async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
type: "Get",
- data:{"HouseCode":HouseCode},
- success: function (data) {
+ data: { "HouseCode": HouseCode },
+ success: function (data) {
console.info(data);
$(".hd").html("");
var StepHtml = "";
StepHtml += "<ul>";
- var result = [];
- for (var i = 0; i < data.data.length; i += 2) {
- result.push(data.data.slice(i, i + 2));
+ var result = [];
+ for (var i = 0; i < data.data.length; i += 2) {
+ result.push(data.data.slice(i, i + 2));
+ }
+ for (var j = 0; j < result.length; j++) {
+ StepHtml += "<li>";
+ for (var m = 0; m < result[j].length; m++) {
+ StepHtml += "<div class='content'>";
+ StepHtml += "<div class='content_name'>" + result[j][m].FNAME + "</div>";
+ StepHtml += "<div class='content_style bg_color w44'>";
+ StepHtml += "<span class='mr'><i class='icon_style icon_n'></i><span class='text_s'>" + result[j][m].FQTY + "</span></span>";
+ StepHtml += "<span class='mr'><i class='icon_style icon_r'></i><span class='text_s'>" + result[j][m].InQty + "</span></span>";
+ StepHtml += "<span><i class='icon_style icon_c'></i><span class=text_s>" + result[j][m].OutQty + "</span></span>";
+ StepHtml += "</div>";
+ StepHtml += "<div class='content_style w58'>";
+ StepHtml += "<div class='content_mod content_mod_bg_true'>";
+ StepHtml += "<p class='mt12'>A01</p>";
+ StepHtml += "<p class='mb9'>" + result[j][m].FQTY + "</p>";
+ StepHtml += "</div>";
+
+ //StepHtml += "<div class='content_mod content_mod_bg_tf'>";
+ //StepHtml += "<p class='mt12'></p>";
+ //StepHtml += "<p class='mb9'></p>";
+ //StepHtml += "</div>";
+
+ StepHtml += "<div class='content_mod content_mod_bg_false'>";
+ StepHtml += " </div>";
+ StepHtml += "<div class='content_mod content_mod_bg_false'>";
+ StepHtml += " </div>";
+ StepHtml += "<div class='content_mod content_mod_bg_false'>";
+ StepHtml += " </div>";
+
+ StepHtml += "</div>";
+ StepHtml += "</div>";
}
- for (var j = 0; j < result.length; j++) {
- StepHtml += "<li>";
- for (var m = 0; m < result[j].length; m++)
- {
- StepHtml += "<div class='content'>";
- StepHtml += "<div class='content_name'>" + result[j][m].FNAME + "</div>";
- StepHtml += "<div class='content_style bg_color w44'>";
- StepHtml += "<span class='mr'><i class='icon_style icon_n'></i><span class='text_s'>" + result[j][m].FQTY + "</span></span>";
- StepHtml += "<span class='mr'><i class='icon_style icon_r'></i><span class='text_s'>" + result[j][m].InQty + "</span></span>";
- StepHtml += "<span><i class='icon_style icon_c'></i><span class=text_s>" + result[j][m].OutQty + "</span></span>";
- StepHtml += "</div>";
- StepHtml += "<div class='content_style w58'>";
- StepHtml += "<div class='content_mod content_mod_bg_true'>";
- StepHtml += "<p class='mt12'>A01</p>";
- StepHtml += "<p class='mb9'>" + result[j][m].FQTY + "</p>";
- StepHtml += "</div>";
-
- //StepHtml += "<div class='content_mod content_mod_bg_tf'>";
- //StepHtml += "<p class='mt12'></p>";
- //StepHtml += "<p class='mb9'></p>";
- //StepHtml += "</div>";
-
- StepHtml += "<div class='content_mod content_mod_bg_false'>";
- StepHtml += " </div>";
- StepHtml += "<div class='content_mod content_mod_bg_false'>";
- StepHtml += " </div>";
- StepHtml += "<div class='content_mod content_mod_bg_false'>";
- StepHtml += " </div>";
-
- StepHtml += "</div>";
- StepHtml += "</div>";
- }
- StepHtml += "</li>";
- }
- StepHtml += "</ul>";
- $(".hd").append(StepHtml);
- var time = 30;
- $(".flex_t").slide({ mainCell: ".hd ul", autoPlay: true, effect: "topMarquee", opp: false, vis: 6, interTime: time, mouseOverStop: false });
- },
- error: function (data) {
-
- }
- })
-
-
-
-
- }
- </script>
- </head>
+ StepHtml += "</li>";
+ }
+ StepHtml += "</ul>";
+ $(".hd").append(StepHtml);
+ var time = 30;
+ $(".flex_t").slide({ mainCell: ".hd ul", autoPlay: true, effect: "topMarquee", opp: false, vis: 6, interTime: time, mouseOverStop: false });
+ },
+ error: function (data) {
+
+ }
+ })
+
+
+
+
+ }
+ </script>
+</head>
<body>
<div class='title'>鎴愬搧浠撳簱FIFO鐪嬫澘</div>
diff --git a/HDLackMats.html b/HDLackMats.html
index 623fdf2..ddf3aff 100644
--- a/HDLackMats.html
+++ b/HDLackMats.html
@@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>闊╃數缂烘枡鐪嬫澘</title>
+ <title>缂烘枡鐪嬫澘</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-table.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
@@ -17,7 +17,8 @@
<script src="js/jquery.SuperSlide.2.1.3.js"></script>
<script src='js/template.js'></script>
<script src="js/jquery.qrcode.min.js"></script>
- <style>
+ <script src="js/webConfig.js"></script>
+ <style>
.clock {
font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
font-size: 20px;
@@ -27,41 +28,37 @@
margin-top: -75px;
margin-right: 5px;
color: #09d1ea;
-
}
-
- .clock #Date {
- text-align: center;
- text-shadow: 0 0 0px #00c6ff;
-
-
- }
-
- .clock ul {
- width: 450px;
- margin: 0 auto;
- padding: 0px;
- list-style: none;
- text-align: right;
- margin-left: 15px;
- position: relative;
- }
-
- .clock ul li {
- display: inline;
- font-size: 24px;
- text-align: left;
- font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
- text-shadow: 0 0 0px #00c6ff;
- }
-
+
+ .clock #Date {
+ text-align: center;
+ text-shadow: 0 0 0px #00c6ff;
+ }
+
+ .clock ul {
+ width: 450px;
+ margin: 0 auto;
+ padding: 0px;
+ list-style: none;
+ text-align: right;
+ margin-left: 15px;
+ position: relative;
+ }
+
+ .clock ul li {
+ display: inline;
+ font-size: 24px;
+ text-align: left;
+ font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
+ text-shadow: 0 0 0px #00c6ff;
+ }
+
body {
padding-left: 50px;
padding-right: 50px;
}
-
+
.title {
-
font-size: 44px;
font-family: PingFangSC;
font-weight: 500;
@@ -70,25 +67,26 @@
background: url(img/img_little_new.png) center no-repeat;
margin-bottom: 30px;
}
-
+
.col-sm-12 {
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
}
-
- .left{
+
+ .left {
/* border: 1px solid #00c6ff; */
height: 900px;
}
- .right{
+
+ .right {
/* border: 1px solid #00c6ff; */
height: 300px;
}
-
-
-
+
+
+
.col-sm-12,
.col-sm-2,
.col-sm-3,
@@ -100,55 +98,54 @@
padding-right: 0px;
padding-left: 0px;
}
-
-
+
+
#mychart1,
#mychart2,
- #mychart3{
+ #mychart3 {
width: 100%;
border: none;
height: 300px;
}
-
+
#cList {
margin: 0% auto;
color: #00c6ff;
}
-
- #cList li {
- margin: 20px 0px;
- text-align:left;
- font-size: 18px;
- margin-left: 25%;
- }
-
+
+ #cList li {
+ margin: 20px 0px;
+ text-align: left;
+ font-size: 18px;
+ margin-left: 25%;
+ }
+
#cList1 {
float: left;
}
-
- #cList1 li {
- float: left;
- height: 450px;
- color: #00c6ff;
- font-size: 20px;
- /*鏂囧瓧灞呬腑*/
- text-align: center;
- /*display: flex;*/
- }
-
- #cList1 li span {
- /*鏂囧瓧灞呬腑*/
- display: inline-block;
- height: 100%;
- /*鏂囧瓧灞呬腑*/
-
- /*鏂囧瓧绔栨帓*/
- writing-mode: vertical-lr;
- /*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: vertical-rl;*/
- writing-mode: tb-lr;
- /*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: tb-rl锛�*/
- }
-
+
+ #cList1 li {
+ float: left;
+ height: 450px;
+ color: #00c6ff;
+ font-size: 20px;
+ /*鏂囧瓧灞呬腑*/
+ text-align: center;
+ /*display: flex;*/
+ }
+
+ #cList1 li span {
+ /*鏂囧瓧灞呬腑*/
+ display: inline-block;
+ height: 100%;
+ /*鏂囧瓧灞呬腑*/
+ /*鏂囧瓧绔栨帓*/
+ writing-mode: vertical-lr;
+ /*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: vertical-rl;*/
+ writing-mode: tb-lr;
+ /*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: tb-rl锛�*/
+ }
+
table tr td {
text-align: center;
vertical-align: middle !important;
@@ -160,25 +157,24 @@
font-family: Arial;
border: none;
}
-
- .table>caption+thead>tr:first-child>td,
- .table>caption+thead>tr:first-child>th,
- .table>colgroup+thead>tr:first-child>td,
- .table>colgroup+thead>tr:first-child>th,
- .table>thead:first-child>tr:first-child>td,
- .table>thead:first-child>tr:first-child>th {
+
+ .table > caption + thead > tr:first-child > td,
+ .table > caption + thead > tr:first-child > th,
+ .table > colgroup + thead > tr:first-child > td,
+ .table > colgroup + thead > tr:first-child > th,
+ .table > thead:first-child > tr:first-child > td,
+ .table > thead:first-child > tr:first-child > th {
background-color: #000;
color: #3bff72;
-
}
-
+
.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
font-size: 15px;
color: #09d1ea;
padding: 20px 0 15px 0;
}
-
+
#tb_order tr td {
text-align: center;
height: 32px;
@@ -190,57 +186,57 @@
/* border: 1px solid #464646; */
border: none;
}
-
+
.bootstrap-table .table {
border-radius: none
}
-
+
th {
background-color: transparent !important;
}
-
+
td {
background-color: transparent;
}
-
+
tr {
background-color: transparent
}
-
+
#tb_order tr:nth-child(even) {
background: #080c1c;
}
-
+
.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
text-align: left;
}
-
+
.progress {
background-color: darkblue;
}
-
+
#tb_order tr:nth-child(even) {
background: #000000;
}
-
- .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
+
+ .pull-right, .fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
display: none;
}
</style>
<script type="text/javascript">
//鍙傛暟閰嶇疆
- var HouseCode='509'; //浠撳簱缂栫爜
-
-
+ var HouseCode = '509'; //浠撳簱缂栫爜
+
+
var interval;//璁℃椂鍣�
var interval1;//璁℃椂鍣�
var num = 0;
- var LackMastProgress=[]; //缂烘枡鐜囨暟鎹暟缁�
- var BadProgress=[]; //鏉ユ枡涓嶈壇鐜囨暟鎹暟缁�
- var ToDayDt=[]; //浠婃棩涓嶈壇瀵规瘮鏃堕棿鏁扮粍
- var GoodQty=[]; //浠婃棩涓嶈壇瀵规瘮鍚堟牸鏁版暟缁�
- var BadQty=[]; //浠婃棩涓嶈壇瀵规瘮涓嶈壇鏁版暟缁�
+ var LackMastProgress = []; //缂烘枡鐜囨暟鎹暟缁�
+ var BadProgress = []; //鏉ユ枡涓嶈壇鐜囨暟鎹暟缁�
+ var ToDayDt = []; //浠婃棩涓嶈壇瀵规瘮鏃堕棿鏁扮粍
+ var GoodQty = []; //浠婃棩涓嶈壇瀵规瘮鍚堟牸鏁版暟缁�
+ var BadQty = []; //浠婃棩涓嶈壇瀵规瘮涓嶈壇鏁版暟缁�
$(document).ready(function () {
// 鍒涘缓涓や釜鍙橀噺锛屼竴涓暟缁勪腑鐨勬湀鍜屾棩鐨勫悕绉�
var monthNames = ["1 鏈�", "2 鏈�", "3 鏈�", "4 鏈�", "5 鏈�", "6 鏈�", "7 鏈�", "8 鏈�", "9 鏈�", "10 鏈�", "11 鏈�", "12 鏈�"];
@@ -254,34 +250,34 @@
var ss = date1.getSeconds();
var dayNames = new Array("鏄熸湡鏃�", "鏄熸湡涓�", "鏄熸湡浜�", "鏄熸湡涓�", "鏄熸湡鍥�", "鏄熸湡浜�", "鏄熸湡鍏�");
var Stamp = new Date();
-
-
+
+
$('#Date').html(year + " 骞�" + " " + monthNames[month] + ' ' + day + " 鏃� " + ' ' + dayNames[Stamp.getDay()]);
$("#hours").html((hh < 10 ? ("0" + hh) : hh));
$("#min").html((mm < 10 ? ("0" + mm) : mm));
$("#sec").html((ss < 10 ? ("0" + ss) : ss));
-
+
}, 1000);
-
+
});
$(function () {
var mychart1 = echarts.init(document.getElementById('mychart1'));
var mychart2 = echarts.init(document.getElementById('mychart2'));
var mychart3 = echarts.init(document.getElementById('mychart3'));
-
- Chart(mychart1,mychart2,mychart3);
+
+ Chart(mychart1, mychart2, mychart3);
DataTable();
// 瀹氭椂鍣�
interval = setInterval(function () {
num = 0;
- LackMastProgress=[]; //缂烘枡鐜囨暟鎹暟缁�
- BadProgress=[]; //鏉ユ枡涓嶈壇鐜囨暟鎹暟缁�
- ToDayDt=[]; //浠婃棩涓嶈壇瀵规瘮鏃堕棿鏁扮粍
- GoodQty=[]; //浠婃棩涓嶈壇瀵规瘮鍚堟牸鏁版暟缁�
- BadQty=[]; //浠婃棩涓嶈壇瀵规瘮涓嶈壇鏁版暟缁�
+ LackMastProgress = []; //缂烘枡鐜囨暟鎹暟缁�
+ BadProgress = []; //鏉ユ枡涓嶈壇鐜囨暟鎹暟缁�
+ ToDayDt = []; //浠婃棩涓嶈壇瀵规瘮鏃堕棿鏁扮粍
+ GoodQty = []; //浠婃棩涓嶈壇瀵规瘮鍚堟牸鏁版暟缁�
+ BadQty = []; //浠婃棩涓嶈壇瀵规瘮涓嶈壇鏁版暟缁�
Chart(mychart1, mychart2, mychart3, mychart4, mychart5);
}, 20000);
- interval1=setInterval(function () {
+ interval1 = setInterval(function () {
$("#tb_order").bootstrapTable('refresh');
}, 10000);
//鏍规嵁娴忚鍣ㄥぇ灏忔敼鍙樺ぇ灏�
@@ -291,38 +287,38 @@
mychart3.resize();
}
})
-
- function Chart(mychart1,mychart2,mychart3){
+
+ function Chart(mychart1, mychart2, mychart3) {
$.ajax({
- url: "http://localhost:53860/api/loaddata/LackMatsData",
+ url: GetWEBURL() + "/loaddata/LackMatsData",
dataType: "JSON",
async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
type: "Get",
- data:{"HouseCode":HouseCode},
- success: function (data) {
+ data: { "HouseCode": HouseCode },
+ success: function (data) {
//璁㈠崟淇℃伅
switch (data.data[0][0].Statu) {
case '1':
- $("#Stus").html("璁″垝");
- break;
+ $("#Stus").html("璁″垝");
+ break;
case '2':
- $("#Stus").html("璁″垝纭");
- break;
+ $("#Stus").html("璁″垝纭");
+ break;
case '3':
- $("#Stus").html("涓嬭揪");
- break;
+ $("#Stus").html("涓嬭揪");
+ break;
case '4':
- $("#Stus").html("寮�宸�");
- break;
+ $("#Stus").html("寮�宸�");
+ break;
case '5':
- $("#Stus").html("瀹屽伐");
- break;
+ $("#Stus").html("瀹屽伐");
+ break;
case '6':
- $("#Stus").html("缁撴");
- break;
+ $("#Stus").html("缁撴");
+ break;
case '7':
- $("#Stus").html("缁撶畻");
- default:
+ $("#Stus").html("缁撶畻");
+ default:
}
$("#OrderQty").html(parseFloat(data.data[0][0].ZQty).toFixed(0));
$("#NetQty").html(parseFloat(data.data[0][0].EmptQty).toFixed(0));
@@ -330,7 +326,7 @@
$("#MatsQty").html(parseFloat(data.data[0][0].LackMastQty).toFixed(0));
$("#WayQty").html(parseFloat(data.data[0][0].PuchQty).toFixed(0));
$("#NoOrderQty").html(parseFloat(data.data[0][0].NoOrderQty).toFixed(0));
-
+
//缂烘枡鐜�
LackMastProgress.push(data.data[1][0].LackMastProgress);
//鏉ユ枡涓嶈壇鐜�
@@ -339,44 +335,44 @@
$.each(data.data[3], function (index, val) {
ToDayDt.push(val.hour.substring(5));
GoodQty.push(parseFloat(val.GoodQty).toFixed(0));
- BadQty.push(parseFloat(val.BadQty).toFixed(0));
+ BadQty.push(parseFloat(val.BadQty).toFixed(0));
});
},
error: function (data) {
-
+
}
})
-
+
const colorList = ['#47A2FF', '#ff9900']
option1 = {
title: [
- {
- text: '',
- subtext: LackMastProgress+'%',
- textStyle: {
- fontSize: 16,
- color: '#999',
- lineHeight: 20
+ {
+ text: '',
+ subtext: LackMastProgress + '%',
+ textStyle: {
+ fontSize: 16,
+ color: '#999',
+ lineHeight: 20
+ },
+ subtextStyle: {
+ fontSize: 28,
+ color: '#00c6ff'
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '50%'
},
- subtextStyle: {
- fontSize: 28,
- color: '#00c6ff'
- },
- textAlign: 'center',
- left: '50%',
- top: '50%'
- },
- {
- show: true,
- text: '缂烘枡鐜�',
- textStyle: {
- color: '#00c6ff',
- fontSize: '16',
- },
- textAlign: 'center',
- left: '50%',
- top: '5%'
- }
+ {
+ show: true,
+ text: '缂烘枡鐜�',
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: '16',
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '5%'
+ }
],
tooltip: {
trigger: 'item',
@@ -388,60 +384,60 @@
},
color: colorList,
series: [
- {
- name: '鍗犳瘮',
- type: 'pie',
- radius: [50, 80],
- center: ['50%', '50%'],
- center: ['50%', '60%'],
- avoidLabelOverlap: false,
- label: {
- show: false
- },
- labelLine: {
- show: false
- },
- itemStyle: {
- borderWidth: 3,
- borderColor: '#000000'
- },
- data: [
- { name: '', value: LackMastProgress },
- { name: '', value: 100-LackMastProgress }
- ],
- }
+ {
+ name: '鍗犳瘮',
+ type: 'pie',
+ radius: [50, 80],
+ center: ['50%', '50%'],
+ center: ['50%', '60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ },
+ itemStyle: {
+ borderWidth: 3,
+ borderColor: '#000000'
+ },
+ data: [
+ { name: '', value: LackMastProgress },
+ { name: '', value: 100 - LackMastProgress }
+ ],
+ }
]
};
-
+
option2 = {
title: [
- {
- text: '',
- subtext: BadProgress+'%',
- textStyle: {
- fontSize: 16,
- color: '#999',
- lineHeight: 20
+ {
+ text: '',
+ subtext: BadProgress + '%',
+ textStyle: {
+ fontSize: 16,
+ color: '#999',
+ lineHeight: 20
+ },
+ subtextStyle: {
+ fontSize: 28,
+ color: '#00c6ff'
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '50%'
},
- subtextStyle: {
- fontSize: 28,
- color: '#00c6ff'
- },
- textAlign: 'center',
- left: '50%',
- top: '50%'
- },
- {
- show: true,
- text: '鏉ユ枡涓嶈壇鐜�',
- textStyle: {
- color: '#00c6ff',
- fontSize: '16',
- },
- textAlign: 'center',
- left: '50%',
- top: '5%'
- }
+ {
+ show: true,
+ text: '鏉ユ枡涓嶈壇鐜�',
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: '16',
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '5%'
+ }
],
tooltip: {
trigger: 'item',
@@ -453,31 +449,31 @@
},
color: colorList,
series: [
- {
- name: '鍗犳瘮',
- type: 'pie',
- radius: [50, 80],
- center: ['50%', '50%'],
- center: ['50%', '60%'],
- avoidLabelOverlap: false,
- label: {
- show: false
- },
- labelLine: {
- show: false
- },
- itemStyle: {
- borderWidth: 3,
- borderColor: '#000000'
- },
- data: [
- { name: '', value: BadProgress },
- { name: '', value: 100-BadProgress }
- ],
- }
+ {
+ name: '鍗犳瘮',
+ type: 'pie',
+ radius: [50, 80],
+ center: ['50%', '50%'],
+ center: ['50%', '60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ },
+ itemStyle: {
+ borderWidth: 3,
+ borderColor: '#000000'
+ },
+ data: [
+ { name: '', value: BadProgress },
+ { name: '', value: 100 - BadProgress }
+ ],
+ }
]
};
-
+
option3 = {
title: {
text: '杩戞棩涓嶈壇瀵规瘮',
@@ -491,7 +487,7 @@
},
color: ['#5b9bd5', '#ed7d31', '#a9d18e', '#ffc000'],
tooltip: {
-
+
},
grid: {
left: '3%',
@@ -507,85 +503,85 @@
fontSize: 16,
fontFamily: "寰蒋闆呴粦"
}
-
+
},
xAxis: [
- {
- type: 'category',
- data:ToDayDt,
- axisTick: {
- alignWithLabel: true
- },
-
- axisLine: {
- show: true,
- lineStyle: {
- color: '#00c6ff',
- type: 'solid', //璁剧疆缃戞牸绾跨被鍨� dotted锛氳櫄绾� solid:瀹炵嚎
- width: 1, //闅愯棌y杞�
- }
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
- fontSize: '16'
+ {
+ type: 'category',
+ data: ToDayDt,
+ axisTick: {
+ alignWithLabel: true
+ },
+
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: '#00c6ff',
+ type: 'solid', //璁剧疆缃戞牸绾跨被鍨� dotted锛氳櫄绾� solid:瀹炵嚎
+ width: 1, //闅愯棌y杞�
+ }
+ },
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
}
}
- }
],
yAxis: [
- {
- type: 'value',
- axisLine: {
- show: false,
-
- },
- splitLine: { //缃戞牸绾�
- lineStyle: {
- color: '#00c6ff',
-
+ {
+ type: 'value',
+ axisLine: {
+ show: false,
+
},
- show: true //闅愯棌鎴栨樉绀�
- },
- axisLabel: {
- textStyle: {
- color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
- fontSize: '16'
+ splitLine: { //缃戞牸绾�
+ lineStyle: {
+ color: '#00c6ff',
+
+ },
+ show: true //闅愯棌鎴栨樉绀�
+ },
+ axisLabel: {
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
}
}
- }
],
series: [
- {
- name: '鍚堟牸鏁�',
- type: 'bar',
- barWidth: 15,
- data: GoodQty
- },
- {
- name: '涓嶈壇鏁�',
- type: 'bar',
- barWidth: 15,
- data: BadQty
- }
+ {
+ name: '鍚堟牸鏁�',
+ type: 'bar',
+ barWidth: 15,
+ data: GoodQty
+ },
+ {
+ name: '涓嶈壇鏁�',
+ type: 'bar',
+ barWidth: 15,
+ data: BadQty
+ }
]
};
-
-
+
+
mychart1.setOption(option1);
mychart2.setOption(option2);
mychart3.setOption(option3);
}
-
+
function DataTable() {
-
+
$('#tb_order').bootstrapTable({
- url: 'http://localhost:53860/api/loaddata/LackMatsTableData',
+ url: GetWEBURL() + '/loaddata/LackMatsTableData',
//data: dataJson,
method: 'get', //璇锋眰鏂瑰紡锛�*锛�
dataType: "json",
- queryParams :queryParams,
+ queryParams: queryParams,
striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
@@ -602,78 +598,98 @@
uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
-
+
columns: [
- { field: 'PartNumber', title: '鐗╂枡缂栫爜', align: "left" },
- { field: 'PartName', title: '鐗╂枡鍚嶇О', align: "left", cellStyle: function (value, row, index) {
- return {
- css: {
- "min-width": "100px",
- "white-space": "nowrap",
- "text-overflow": "ellipsis",
- "overflow": "hidden",
- "max-width": "120px"
+ { field: 'PartNumber', title: '鐗╂枡缂栫爜', align: "left" },
+ {
+ field: 'PartName', title: '鐗╂枡鍚嶇О', align: "left", cellStyle: function (value, row, index) {
+ return {
+ css: {
+ "min-width": "100px",
+ "white-space": "nowrap",
+ "text-overflow": "ellipsis",
+ "overflow": "hidden",
+ "max-width": "120px"
+ }
+ }
+ }
+ },
+ {
+ field: 'PartSpec', title: '瑙勬牸鍨嬪彿', align: "left", cellStyle: function (value, row, index) {
+ return {
+ css: {
+ "min-width": "100px",
+ "white-space": "nowrap",
+ "text-overflow": "ellipsis",
+ "overflow": "hidden",
+ "max-width": "120px"
+ }
+ }
+ }
+ },
+ {
+ field: 'LackMastQty', title: '缂烘枡鏁伴噺', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'KQty', title: '搴撳瓨鏁伴噺', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'EmpQty', title: '鍗犵敤鏁伴噺', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'AVAILQTY', title: '鍓╀綑鍙敤鏁伴噺', align: "left", formatter: function (value, row, index) {
+ var res = row.KQty - row.EmpQty;
+ return parseFloat(res).toFixed(2);
+ }
+ },
+ {
+ field: 'PuchQty', title: '閲囪喘鍦ㄩ�旀暟閲�', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'SafeQty', title: '瀹夊叏搴撳瓨', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'SupQty', title: '闇�姹傞噺', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'ToDaySupQty', title: '鏈棩姹傞噺', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
}
}
- }},
- { field: 'PartSpec', title: '瑙勬牸鍨嬪彿', align: "left", cellStyle: function (value, row, index) {
- return {
- css: {
- "min-width": "100px",
- "white-space": "nowrap",
- "text-overflow": "ellipsis",
- "overflow": "hidden",
- "max-width": "120px"
- }
- }
- }},
- { field: 'LackMastQty', title: '缂烘枡鏁伴噺', align: "left" , formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- }},
- { field: 'KQty', title: '搴撳瓨鏁伴噺', align: "left", formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'EmpQty', title: '鍗犵敤鏁伴噺', align: "left", formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'AVAILQTY', title: '鍓╀綑鍙敤鏁伴噺', align: "left" , formatter: function (value, row, index) {
- var res = row.KQty -row.EmpQty;
- return parseFloat(res).toFixed(2);
- }},
- { field: 'PuchQty', title: '閲囪喘鍦ㄩ�旀暟閲�', align: "left" , formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- }},
- { field: 'SafeQty', title: '瀹夊叏搴撳瓨', align: "left", formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'SupQty', title: '闇�姹傞噺', align: "left" , formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- }},
- { field: 'ToDaySupQty', title: '鏈棩姹傞噺', align: "left" , formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- }}
],
onClickRow: function (row, $element) {
-
+
},
onCheck: function (row, $element) {
-
+
},
onLoadSuccess: function (row) {
- var num_total = (row.total)/ 20
+ var num_total = (row.total) / 20
if (num >= num_total) {
num = 0
}
//var a = $('#tb_order').bootstrapTable('getSelections');
}
-
+
})
}
//寰楀埌鏌ヨ鐨勫弬鏁�
function queryParams(params) {
num += 1;
var temp = { //杩欓噷鐨勯敭鐨勫悕瀛楀拰鎺у埗鍣ㄧ殑鍙橀噺鍚嶅繀椤讳竴鐩达紝杩欒竟鏀瑰姩锛屾帶鍒跺櫒涔熼渶瑕佹敼鎴愪竴鏍风殑
- HouseCode:HouseCode,
+ HouseCode: HouseCode,
limit: params.limit, //椤甸潰澶у皬
offset: num, //椤电爜
};
@@ -683,7 +699,7 @@
</head>
<body>
- <div class='title'>闊╃數缂烘枡鐪嬫澘</div>
+ <div class='title'>缂烘枡鐪嬫澘</div>
<div class="clock">
<ul>
<li id="Date"></li>
diff --git a/SalesDelivery.html b/SalesDelivery.html
index cada611..c562aa5 100644
--- a/SalesDelivery.html
+++ b/SalesDelivery.html
@@ -17,7 +17,8 @@
<script src="js/jquery.SuperSlide.2.1.3.js"></script>
<script src='js/template.js'></script>
<script src="js/jquery.qrcode.min.js"></script>
- <style>
+ <script src="js/webConfig.js"></script>
+ <style>
.clock {
font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
font-size: 20px;
@@ -27,41 +28,37 @@
margin-top: -75px;
margin-right: 5px;
color: #09d1ea;
-
}
-
- .clock #Date {
- text-align: center;
- text-shadow: 0 0 0px #00c6ff;
-
-
- }
-
- .clock ul {
- width: 450px;
- margin: 0 auto;
- padding: 0px;
- list-style: none;
- text-align: right;
- margin-left: 15px;
- position: relative;
- }
-
- .clock ul li {
- display: inline;
- font-size: 24px;
- text-align: left;
- font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
- text-shadow: 0 0 0px #00c6ff;
- }
-
+
+ .clock #Date {
+ text-align: center;
+ text-shadow: 0 0 0px #00c6ff;
+ }
+
+ .clock ul {
+ width: 450px;
+ margin: 0 auto;
+ padding: 0px;
+ list-style: none;
+ text-align: right;
+ margin-left: 15px;
+ position: relative;
+ }
+
+ .clock ul li {
+ display: inline;
+ font-size: 24px;
+ text-align: left;
+ font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
+ text-shadow: 0 0 0px #00c6ff;
+ }
+
body {
padding-left: 50px;
padding-right: 50px;
}
-
+
.title {
-
font-size: 44px;
font-family: PingFangSC;
font-weight: 500;
@@ -70,25 +67,26 @@
background: url(img/img_little_new.png) center no-repeat;
margin-bottom: 30px;
}
-
+
.col-sm-12 {
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
}
-
- .left{
+
+ .left {
/* border: 1px solid #00c6ff; */
height: 900px;
}
- .right{
+
+ .right {
/* border: 1px solid #00c6ff; */
height: 300px;
}
-
-
-
+
+
+
.col-sm-12,
.col-sm-2,
.col-sm-3,
@@ -100,67 +98,68 @@
padding-right: 0px;
padding-left: 0px;
}
-
-
+
+
#mychart1,
#mychart2,
- #mychart3{
+ #mychart3 {
width: 100%;
border: none;
height: 300px;
}
-
+
#cList {
margin: 0% auto;
color: #00c6ff;
}
-
- #cList li {
- margin: 20px 0px;
- text-align:left;
- font-size: 18px;
- margin-left: 25%;
- }
-
+
+ #cList li {
+ margin: 20px 0px;
+ text-align: left;
+ font-size: 18px;
+ margin-left: 25%;
+ }
+
#cList0 {
height: 900px;
width: 3%;
/* border: 1px solid #00c6ff; */
float: left;
}
-
+
#cList1 {
float: left;
}
-
- #cList1 li {
- float: left;
- height: 900px;
- color: #00c6ff;
- font-size: 20px;
- /*鏂囧瓧灞呬腑*/
- text-align: center;
- /*display: flex;*/
- }
-
- #cList1 li span {
- /*鏂囧瓧灞呬腑*/
- display: inline-block;
- height: 100%;
- /*鏂囧瓧灞呬腑*/
-
- /*鏂囧瓧绔栨帓*/
- writing-mode: vertical-lr;
- /*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: vertical-rl;*/
- writing-mode: tb-lr;
- /*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: tb-rl锛�*/
- }
+
+ #cList1 li {
+ float: left;
+ height: 900px;
+ color: #00c6ff;
+ font-size: 20px;
+ /*鏂囧瓧灞呬腑*/
+ text-align: center;
+ /*display: flex;*/
+ }
+
+ #cList1 li span {
+ /*鏂囧瓧灞呬腑*/
+ display: inline-block;
+ height: 100%;
+ /*鏂囧瓧灞呬腑*/
+ /*鏂囧瓧绔栨帓*/
+ writing-mode: vertical-lr;
+ /*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: vertical-rl;*/
+ writing-mode: tb-lr;
+ /*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: tb-rl锛�*/
+ }
+
#cList2 {
height: 900px;
width: 97%;
/* border: 1px solid #00c6ff; */
float: left;
}
+
table tr td {
text-align: center;
vertical-align: middle !important;
@@ -172,25 +171,24 @@
font-family: Arial;
border: none;
}
-
- .table>caption+thead>tr:first-child>td,
- .table>caption+thead>tr:first-child>th,
- .table>colgroup+thead>tr:first-child>td,
- .table>colgroup+thead>tr:first-child>th,
- .table>thead:first-child>tr:first-child>td,
- .table>thead:first-child>tr:first-child>th {
+
+ .table > caption + thead > tr:first-child > td,
+ .table > caption + thead > tr:first-child > th,
+ .table > colgroup + thead > tr:first-child > td,
+ .table > colgroup + thead > tr:first-child > th,
+ .table > thead:first-child > tr:first-child > td,
+ .table > thead:first-child > tr:first-child > th {
background-color: #000;
color: #3bff72;
-
}
-
+
.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
font-size: 15px;
color: #09d1ea;
padding: 20px 0 15px 0;
}
-
+
#tb_order tr td {
text-align: center;
height: 32px;
@@ -202,60 +200,59 @@
/* border: 1px solid #464646; */
border: none;
}
-
+
.bootstrap-table .table {
border-radius: none
}
-
+
th {
background-color: transparent !important;
}
-
+
td {
background-color: transparent;
}
-
+
tr {
background-color: transparent
}
-
+
#tb_order tr:nth-child(even) {
background: #080c1c;
}
-
+
.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
text-align: left;
}
-
+
.progress {
background-color: darkblue;
}
-
+
#tb_order tr:nth-child(even) {
background: #000000;
}
-
- .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
+
+ .pull-right, .fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
display: none;
}
-
</style>
<script type="text/javascript">
//鍙傛暟閰嶇疆
- var HouseCode='509'; //浠撳簱缂栫爜
-
-
+ var HouseCode = '509'; //浠撳簱缂栫爜
+
+
var interval;//璁℃椂鍣�
var interval1;//璁℃椂鍣�
var num = 0;
- var ReachProgress=0; //杈炬垚鐜�
- var FHDt=[]; //鍙戣揣瓒嬪娍鏃堕棿鏁扮粍
- var FHQty=[]; //鍙戣揣瓒嬪娍鏃堕棿鍊兼暟缁�
-
- var ToDayDt=[]; //杩戞棩杈炬垚鐜囧姣旀椂闂存暟缁�
- var OrderQty=[]; //杩戞棩杈炬垚鐜囧姣旇鍗曟�婚噺鏁版暟缁�
- var FHSQty=[]; //杩戞棩杈炬垚鐜囧姣旀�诲彂璐ч噺鏁版暟缁�
+ var ReachProgress = 0; //杈炬垚鐜�
+ var FHDt = []; //鍙戣揣瓒嬪娍鏃堕棿鏁扮粍
+ var FHQty = []; //鍙戣揣瓒嬪娍鏃堕棿鍊兼暟缁�
+
+ var ToDayDt = []; //杩戞棩杈炬垚鐜囧姣旀椂闂存暟缁�
+ var OrderQty = []; //杩戞棩杈炬垚鐜囧姣旇鍗曟�婚噺鏁版暟缁�
+ var FHSQty = []; //杩戞棩杈炬垚鐜囧姣旀�诲彂璐ч噺鏁版暟缁�
$(document).ready(function () {
// 鍒涘缓涓や釜鍙橀噺锛屼竴涓暟缁勪腑鐨勬湀鍜屾棩鐨勫悕绉�
var monthNames = ["1 鏈�", "2 鏈�", "3 鏈�", "4 鏈�", "5 鏈�", "6 鏈�", "7 鏈�", "8 鏈�", "9 鏈�", "10 鏈�", "11 鏈�", "12 鏈�"];
@@ -269,34 +266,34 @@
var ss = date1.getSeconds();
var dayNames = new Array("鏄熸湡鏃�", "鏄熸湡涓�", "鏄熸湡浜�", "鏄熸湡涓�", "鏄熸湡鍥�", "鏄熸湡浜�", "鏄熸湡鍏�");
var Stamp = new Date();
-
-
+
+
$('#Date').html(year + " 骞�" + " " + monthNames[month] + ' ' + day + " 鏃� " + ' ' + dayNames[Stamp.getDay()]);
$("#hours").html((hh < 10 ? ("0" + hh) : hh));
$("#min").html((mm < 10 ? ("0" + mm) : mm));
$("#sec").html((ss < 10 ? ("0" + ss) : ss));
-
+
}, 1000);
-
+
});
$(function () {
var mychart1 = echarts.init(document.getElementById('mychart1'));
var mychart2 = echarts.init(document.getElementById('mychart2'));
var mychart3 = echarts.init(document.getElementById('mychart3'));
-
- Chart(mychart1,mychart2,mychart3);
+
+ Chart(mychart1, mychart2, mychart3);
DataTable();
// 瀹氭椂鍣�
interval = setInterval(function () {
//num = 0;
- FHDt=[];
- FHQty=[];
- ToDayDt=[];
- OrderQty=[];
- FHSQty=[];
+ FHDt = [];
+ FHQty = [];
+ ToDayDt = [];
+ OrderQty = [];
+ FHSQty = [];
Chart(mychart1, mychart2, mychart3, mychart4, mychart5);
}, 20000);
- interval1=setInterval(function () {
+ interval1 = setInterval(function () {
$("#tb_order").bootstrapTable('refresh');
}, 10000);
//鏍规嵁娴忚鍣ㄥぇ灏忔敼鍙樺ぇ灏�
@@ -306,70 +303,70 @@
mychart3.resize();
}
})
-
- function Chart(mychart1,mychart2,mychart3){
+
+ function Chart(mychart1, mychart2, mychart3) {
$.ajax({
- url: "http://192.168.2.152:80/api/loaddata/SalesDeliveryData",
+ url: GetWEBURL() + "/loaddata/SalesDeliveryData",
dataType: "JSON",
async: false,//浣跨敤鍚屾鐨勬柟寮�,true涓哄紓姝ユ柟寮�
type: "Get",
- data:{"Tag":0,"limit":10,"offset":1},
- success: function (data) {
-
+ data: { "Tag": 0, "limit": 10, "offset": 1 },
+ success: function (data) {
+
$("#OrderQty").html(parseFloat(data.data[0][0].ZDQty).toFixed(0));
$("#FHQty").html(parseFloat(data.data[1][0].FHQty).toFixed(0));
- $("#ReachProgress").html(parseFloat(data.data[1][0].FHQty)/parseFloat(data.data[0][0].ZDQty==0?1:data.data[0][0].ZDQty).toFixed(0)*100+"%");
- $("#DaySupQty").html(parseFloat(data.data[0][0].ZDQty-data.data[1][0].FHQty<0?0:data.data[0][0].ZDQty-data.data[1][0].FHQty).toFixed(0));
- ReachProgress=parseFloat(data.data[1][0].FHQty)/parseFloat(data.data[0][0].ZDQty==0?1:data.data[0][0].ZDQty).toFixed(0)*100;
+ $("#ReachProgress").html(parseFloat(data.data[1][0].FHQty) / parseFloat(data.data[0][0].ZDQty == 0 ? 1 : data.data[0][0].ZDQty).toFixed(0) * 100 + "%");
+ $("#DaySupQty").html(parseFloat(data.data[0][0].ZDQty - data.data[1][0].FHQty < 0 ? 0 : data.data[0][0].ZDQty - data.data[1][0].FHQty).toFixed(0));
+ ReachProgress = parseFloat(data.data[1][0].FHQty) / parseFloat(data.data[0][0].ZDQty == 0 ? 1 : data.data[0][0].ZDQty).toFixed(0) * 100;
//鍙戣揣瓒嬪娍
$.each(data.data[2], function (index, val) {
FHDt.push(val.hour.substring(5));
- FHQty.push(parseFloat(val.FHQty).toFixed(0));
+ FHQty.push(parseFloat(val.FHQty).toFixed(0));
});
-
+
//杩戞棩杈炬垚鐜�
$.each(data.data[2], function (index, val) {
ToDayDt.push(val.hour.substring(5));
OrderQty.push(parseFloat(val.ZDQty).toFixed(0));
- FHSQty.push(parseFloat(val.FHQty).toFixed(0));
+ FHSQty.push(parseFloat(val.FHQty).toFixed(0));
});
},
error: function (data) {
-
+
}
})
-
-
+
+
const colorList = ['#47A2FF', '#ff9900']
option1 = {
title: [
- {
- text: '',
- subtext: ReachProgress+'%',
- textStyle: {
- fontSize: 16,
- color: '#999',
- lineHeight: 20
+ {
+ text: '',
+ subtext: ReachProgress + '%',
+ textStyle: {
+ fontSize: 16,
+ color: '#999',
+ lineHeight: 20
+ },
+ subtextStyle: {
+ fontSize: 28,
+ color: '#00c6ff'
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '50%'
},
- subtextStyle: {
- fontSize: 28,
- color: '#00c6ff'
- },
- textAlign: 'center',
- left: '50%',
- top: '50%'
- },
- {
- show: true,
- text: '杈炬垚鐜囧垎鏋�',
- textStyle: {
- color: '#00c6ff',
- fontSize: '16',
- },
- textAlign: 'center',
- left: '50%',
- top: '5%'
- }
+ {
+ show: true,
+ text: '杈炬垚鐜囧垎鏋�',
+ textStyle: {
+ color: '#00c6ff',
+ fontSize: '16',
+ },
+ textAlign: 'center',
+ left: '50%',
+ top: '5%'
+ }
],
tooltip: {
trigger: 'item',
@@ -381,31 +378,31 @@
},
color: colorList,
series: [
- {
- name: '鍗犳瘮',
- type: 'pie',
- radius: [50, 80],
- center: ['50%', '50%'],
- center: ['50%', '60%'],
- avoidLabelOverlap: false,
- label: {
- show: false
- },
- labelLine: {
- show: false
- },
- itemStyle: {
- borderWidth: 3,
- borderColor: '#000000'
- },
- data: [
- { name: '', value: ReachProgress },
- { name: '', value: 100-ReachProgress }
- ],
- }
+ {
+ name: '鍗犳瘮',
+ type: 'pie',
+ radius: [50, 80],
+ center: ['50%', '50%'],
+ center: ['50%', '60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false
+ },
+ labelLine: {
+ show: false
+ },
+ itemStyle: {
+ borderWidth: 3,
+ borderColor: '#000000'
+ },
+ data: [
+ { name: '', value: ReachProgress },
+ { name: '', value: 100 - ReachProgress }
+ ],
+ }
]
};
-
+
option2 = {
tooltip: {
trigger: 'item',
@@ -480,8 +477,8 @@
legend: {
icon: 'line',
data: ['灏忔椂浜ц兘'],
- x:'right', //鍙瀹氬浘渚嬪湪宸︺�佸彸銆佸眳涓�
- y:'top', //鍙瀹氬浘渚嬪湪涓娿�佷笅銆佸眳涓�
+ x: 'right', //鍙瀹氬浘渚嬪湪宸︺�佸彸銆佸眳涓�
+ y: 'top', //鍙瀹氬浘渚嬪湪涓娿�佷笅銆佸眳涓�
//padding:[0,0,0,0], //鍙瀹氬浘渚媅璺濅笂鏂硅窛绂伙紝璺濆彸鏂硅窛绂伙紝璺濅笅鏂硅窛绂伙紝璺濆乏鏂硅窛绂籡
textStyle: {
color: '#00c6ff',
@@ -490,29 +487,29 @@
}
},
series: [
- {
- name: '灏忔椂浜ц兘',
- data: FHQty, //鏃堕棿鐐瑰��
- type: 'line',
- smooth: true,
- itemStyle: {
- normal: {
- color: 'orange',
- lineStyle: {
- width: 4, //璁剧疆绾挎潯绮楃粏
- shadowColor: 'rgba(255, 94, 91,.1)',
- shadowOffsetX: 3,
- shadowOffsetY: 5,
- }
+ {
+ name: '灏忔椂浜ц兘',
+ data: FHQty, //鏃堕棿鐐瑰��
+ type: 'line',
+ smooth: true,
+ itemStyle: {
+ normal: {
+ color: 'orange',
+ lineStyle: {
+ width: 4, //璁剧疆绾挎潯绮楃粏
+ shadowColor: 'rgba(255, 94, 91,.1)',
+ shadowOffsetX: 3,
+ shadowOffsetY: 5,
+ }
+ },
},
+ textStyle: {
+ fontFamily: "寰蒋闆呴粦"
+ }
},
- textStyle: {
- fontFamily: "寰蒋闆呴粦"
- }
- },
]
}
-
+
option3 = {
title: {
text: '杩戞棩杈炬垚鐜囧姣�',
@@ -526,7 +523,7 @@
},
color: ['#5b9bd5', '#ed7d31', '#a9d18e', '#ffc000'],
tooltip: {
-
+
},
grid: {
left: '3%',
@@ -542,85 +539,85 @@
fontSize: 16,
fontFamily: "寰蒋闆呴粦"
}
-
+
},
xAxis: [
- {
- type: 'category',
- data:ToDayDt,
- axisTick: {
- alignWithLabel: true
- },
-
- axisLine: {
- show: true,
- lineStyle: {
- color: '#00c6ff',
- type: 'solid', //璁剧疆缃戞牸绾跨被鍨� dotted锛氳櫄绾� solid:瀹炵嚎
- width: 1, //闅愯棌y杞�
- }
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
- fontSize: '16'
+ {
+ type: 'category',
+ data: ToDayDt,
+ axisTick: {
+ alignWithLabel: true
+ },
+
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: '#00c6ff',
+ type: 'solid', //璁剧疆缃戞牸绾跨被鍨� dotted锛氳櫄绾� solid:瀹炵嚎
+ width: 1, //闅愯棌y杞�
+ }
+ },
+ axisLabel: {
+ show: true,
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
}
}
- }
],
yAxis: [
- {
- type: 'value',
- axisLine: {
- show: false,
-
- },
- splitLine: { //缃戞牸绾�
- lineStyle: {
- color: '#00c6ff',
-
+ {
+ type: 'value',
+ axisLine: {
+ show: false,
+
},
- show: true //闅愯棌鎴栨樉绀�
- },
- axisLabel: {
- textStyle: {
- color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
- fontSize: '16'
+ splitLine: { //缃戞牸绾�
+ lineStyle: {
+ color: '#00c6ff',
+
+ },
+ show: true //闅愯棌鎴栨樉绀�
+ },
+ axisLabel: {
+ textStyle: {
+ color: '#00c6ff', //鍧愭爣鍊煎緱鍏蜂綋鐨勯鑹�
+ fontSize: '16'
+ }
}
}
- }
],
series: [
- {
- name: '鎬昏鍗�',
- type: 'bar',
- barWidth: 15,
- data: OrderQty
- },
- {
- name: '鎬诲彂璐�',
- type: 'bar',
- barWidth: 15,
- data: FHSQty
- }
+ {
+ name: '鎬昏鍗�',
+ type: 'bar',
+ barWidth: 15,
+ data: OrderQty
+ },
+ {
+ name: '鎬诲彂璐�',
+ type: 'bar',
+ barWidth: 15,
+ data: FHSQty
+ }
]
};
-
-
+
+
mychart1.setOption(option1);
mychart2.setOption(option2);
mychart3.setOption(option3);
}
-
+
function DataTable() {
-
+
$('#tb_order').bootstrapTable({
url: 'http://192.168.2.152:80/api/loaddata/SalesDeliveryTableData',
//data: datajson,
method: 'get', //璇锋眰鏂瑰紡锛�*锛�
dataType: "json",
- queryParams :queryParams,
+ queryParams: queryParams,
striped: false, //鏄惁鏄剧ず琛岄棿闅旇壊
cache: false, //鏄惁浣跨敤缂撳瓨锛岄粯璁や负true锛屾墍浠ヤ竴鑸儏鍐典笅闇�瑕佽缃竴涓嬭繖涓睘鎬э紙*锛�
pagination: true, //鏄惁鏄剧ず鍒嗛〉锛�*锛�
@@ -637,90 +634,108 @@
uniqueId: "ID", //姣忎竴琛岀殑鍞竴鏍囪瘑锛屼竴鑸负涓婚敭鍒�
cardView: false, //鏄惁鏄剧ず璇︾粏瑙嗗浘
detailView: false, //鏄惁鏄剧ず鐖跺瓙琛�
-
+
columns: [
- { field: 'HBillNo', title: '鍙戣揣鍗曞彿', align: "left" },
- { field: 'HNumber', title: '鐗╂枡缂栫爜', align: "left" },
- { field: 'HName', title: '鐗╂枡鍚嶇О', align: "left", cellStyle: function (value, row, index) {
- return {
- css: {
- "min-width": "100px",
- "white-space": "nowrap",
- "text-overflow": "ellipsis",
- "overflow": "hidden",
- "max-width": "120px"
+ { field: 'HBillNo', title: '鍙戣揣鍗曞彿', align: "left" },
+ { field: 'HNumber', title: '鐗╂枡缂栫爜', align: "left" },
+ {
+ field: 'HName', title: '鐗╂枡鍚嶇О', align: "left", cellStyle: function (value, row, index) {
+ return {
+ css: {
+ "min-width": "100px",
+ "white-space": "nowrap",
+ "text-overflow": "ellipsis",
+ "overflow": "hidden",
+ "max-width": "120px"
+ }
+ }
+ }
+ },
+ {
+ field: 'HModel', title: '瑙勬牸鍨嬪彿', align: "left", cellStyle: function (value, row, index) {
+ return {
+ css: {
+ "min-width": "100px",
+ "white-space": "nowrap",
+ "text-overflow": "ellipsis",
+ "overflow": "hidden",
+ "max-width": "120px"
+ }
+ }
+ }
+ },
+ { field: 'HSourceBillNo', title: '閿�鍞鍗曞彿', align: "left" },
+ {
+ field: 'HQty', title: '璁㈠崟閲�', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'FHQty', title: '搴斿彂閲�', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'HRelationQty', title: '鍑哄簱閲�', align: "left", formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'HOutStockQty', title: '宸插彂璐ф暟閲�', align: "left", hidden: true, formatter: function (value, row, index) {
+ return parseFloat(value).toFixed(2);
+ }
+ },
+ {
+ field: 'OrderSupsQty', title: '璁㈠崟鍓╀綑', align: "left", formatter: function (value, row, index) {
+ var res = row.HQty - row.HOutStockQty;
+ return parseFloat(res).toFixed(2);
+ }
+ },
+ {
+ field: 'NotOutQty', title: '鏈嚭搴撻噺', align: "left", formatter: function (value, row, index) {
+ var res = row.FHQty - row.HRelationQty;
+ return parseFloat(res).toFixed(2);
+ }
+ },
+ {
+ field: 'HSTATUS', title: '鐘舵��', align: "left", formatter: function (value, row, index) {
+ if (row.HRelationQty > 0) {
+ return "宸插彂璐�";
+ }
+ else {
+ return "鏈彂璐�";
+ }
+ }
+ },
+ {
+ field: 'Progress', title: '杩涘害', align: "left", width: 100, formatter: function (value, row, index) {
+ var res = 100 * row.HRelationQty / row.FHQty;
+ //return ["<div class='progress'> <div class='progress-bar' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%'>" + res.toFixed(2) + "</div> </div>"];
+ return "<div class='w40 div_co pw'><div class='PA' style='text-align:right;color:#4b2dba;float:right;height:20px;line-height:25px'>" + res.toFixed(1) + "%</div><div class='progress' style='margin-top:4px;'><div class='progress-bar progress-diy-info' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(1) + "%';text-align:center;'></div></div></div>";
}
}
- }},
- { field: 'HModel', title: '瑙勬牸鍨嬪彿', align: "left", cellStyle: function (value, row, index) {
- return {
- css: {
- "min-width": "100px",
- "white-space": "nowrap",
- "text-overflow": "ellipsis",
- "overflow": "hidden",
- "max-width": "120px"
- }
- }
- }},
- { field: 'HSourceBillNo', title: '閿�鍞鍗曞彿', align: "left" },
- { field: 'HQty', title: '璁㈠崟閲�', align: "left" , formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- }},
- { field: 'FHQty', title: '搴斿彂閲�', align: "left", formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'HRelationQty', title: '鍑哄簱閲�', align: "left", formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'HOutStockQty', title: '宸插彂璐ф暟閲�', align: "left",hidden:true, formatter: function (value, row, index) {
- return parseFloat(value).toFixed(2);
- } },
- { field: 'OrderSupsQty', title: '璁㈠崟鍓╀綑', align: "left" , formatter: function (value, row, index) {
- var res = row.HQty -row.HOutStockQty;
- return parseFloat(res).toFixed(2);
- }},
- { field: 'NotOutQty', title: '鏈嚭搴撻噺', align: "left" , formatter: function (value, row, index) {
- var res = row.FHQty -row.HRelationQty;
- return parseFloat(res).toFixed(2);
- }},
- { field: 'HSTATUS', title: '鐘舵��', align: "left",formatter: function (value, row, index) {
- if(row.HRelationQty>0){
- return "宸插彂璐�";
- }
- else{
- return "鏈彂璐�";
- }
- } },
- {
- field: 'Progress', title: '杩涘害', align: "left",width:100, formatter: function (value, row, index) {
- var res = 100 * row.HRelationQty / row.FHQty;
- //return ["<div class='progress'> <div class='progress-bar' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(2) + "%'>" + res.toFixed(2) + "</div> </div>"];
- return "<div class='w40 div_co pw'><div class='PA' style='text-align:right;color:#4b2dba;float:right;height:20px;line-height:25px'>" + res.toFixed(1) + "%</div><div class='progress' style='margin-top:4px;'><div class='progress-bar progress-diy-info' role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100' style='width:" + res.toFixed(1) + "%';text-align:center;'></div></div></div>";
- }
- }
],
onClickRow: function (row, $element) {
-
+
},
onCheck: function (row, $element) {
-
+
},
onLoadSuccess: function (row) {
- var num_total = (row.total)/ 20
+ var num_total = (row.total) / 20
if (num >= num_total) {
num = 0
}
//var a = $('#tb_order').bootstrapTable('getSelections');
}
-
+
})
}
//寰楀埌鏌ヨ鐨勫弬鏁�
function queryParams(params) {
num += 1;
var temp = { //杩欓噷鐨勯敭鐨勫悕瀛楀拰鎺у埗鍣ㄧ殑鍙橀噺鍚嶅繀椤讳竴鐩达紝杩欒竟鏀瑰姩锛屾帶鍒跺櫒涔熼渶瑕佹敼鎴愪竴鏍风殑
- Tag:1,
+ Tag: 1,
limit: params.limit, //椤甸潰澶у皬
offset: num, //椤电爜
};
--
Gitblit v1.9.1