From 16b7421b9ea8c3064862e08c1506ccea49477fde Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 30 十二月 2021 15:02:41 +0800
Subject: [PATCH] #
---
static/css/index.css | 10
/dev/null | 28
static/js/data/Asrs.js | 1298 +++++++++++++++++++++++++++++++++++
static/js/data/sidebar.js | 218 +++++
views/index.html | 100 ++
static/js/object/StoreConvey.js | 10
views/index1.html | 329 --------
static/css/main.css | 225 +++--
8 files changed, 1,740 insertions(+), 478 deletions(-)
diff --git a/static/css/index.css b/static/css/index.css
index 7645b9b..64e5449 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,3 +1,13 @@
+* {
+ margin: 0;
+ padding: 0;
+}
+html {
+ height: 100%;
+}
+body {
+ height: 100%;
+}
#mask {
background-color:#222;
diff --git a/static/css/main.css b/static/css/main.css
index 0b69fc2..df610fb 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,107 +1,141 @@
-body {
- font-family: sans-serif;
- /*font-weight: bold;*/
- font-size: 11px;
- background-color: #000;
- margin: 0;
-}
-canvas {
- display: block;
-}
-#btnhide {
- position: absolute;
- top: 37.5%;
- left: 100%;
- transform: translateY(50%);
- width: 10%;
- height: 10%;
- background: rgba(255,255,255,0.3);
- border: none;
- color: white;
- /*padding: 15px 32px;*/
- text-align: center;
- text-decoration: none;
- /*display: none;*/
- font-size: 16px;
- border-radius: 0px 5px 5px 0px;
-}
-#btnhide_m{
- position: absolute;
- top: 37.5%;
- left: 100%;
- transform: translateY(50%);
- width: 10%;
- height: 10%;
- border-radius: 0px 5px 5px 0px;
- background: rgba(143, 200, 227, 0.2);
- backdrop-filter: blur(1px);
-}
-#groundglass {
- position: absolute;
- top: 50%;
- left: 1%;
- transform: translateY(-50%);
- width: 20%;
- height: 95%;
- background: rgba(143, 200, 227, 0.2);
- border-radius: 5px;
- backdrop-filter: blur(1px);
- /*display: none;*/
-}
#sidebar{
/*瀹氫綅*/
position: absolute;
- top: 50%;
+ top: 51%;
left: 1%;
transform: translateY(-50%);
width: 20%;
- height: 95%;
+ height: 90%;
/*鐗规晥*/
background: rgba(255,255,255,0.3);
border-radius: 5px;
color: #ffffff;
- /*display: none;*/
+ z-index: 999;
+ box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
}
-#sidebar p1{
- height: 24px;
- font-family: FZChaoCuHei-M10S;
- font-weight: 900;
- font-size: 24px;
- text-indent: 2.5%;
- letter-spacing:1px;
- line-height: 25px;
- margin-top: 15px;
- margin-left: 2.5%;
- display: block;
+
+#sidebar-btn {
+ position: absolute;
+ top: 37.5%;
+ left: 100%;
+ transform: translateY(50%);
+ width: 8%;
+ height: 10%;
+ background: rgba(255,255,255,0.3);
+ border: none;
+ color: white;
+ padding: 15px 3px;
+ text-align: center;
+ text-decoration: none;
+ font-size: 16px;
+ border-radius: 0 3px 3px 0;
+ box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .1);
+ cursor: pointer;
}
-#sidebar p2{
- height: 10px;
- font-size: 5px;
- font-family: FZChaoCuHei-M10S;
- font-weight: 400;
- letter-spacing:0px;
- line-height: 8px;
- margin-top: 7px;
- transform: scale(0.8,0.8);
- padding-left: 5%;
+
+.sidebar-contain {
+ position: relative;
+ height: 100%;
}
-#Histogram{
- width: 100%;
- height: 280px;
- padding-left: 3%;
+
+.sidebar-header {
+ box-sizing: border-box;
+ height: 10%;
+ padding: 20px;
}
-#baobiao2 {
- width: 99%;
- height: 280px;
- padding-left: 3%;
+.sidebar-header .t {
+ font-family:"STHeiti",arial,sans-serif;
+ font-size: x-large;
+ letter-spacing: 2px;
+ color: #ffffff;
}
-.tablebox {
- height: 25%;
+.sidebar-header .i {
+ font-style: italic;
+ color: #e0e0e0;
+ font-size: 12px;
+ margin-top: 5px;
+ opacity: 0.7;
+}
+
+
+.sidebar-main {
+ box-sizing: border-box;
+ height: 90%;
+ padding: 20px 0;
+}
+
+
+.task-box {
+ height: 15%;
+ padding: 0 20px;
+}
+.task-title {
+ font-family:"STHeiti",arial,sans-serif;
+ font-size: small;
+ letter-spacing: 1px;
+ color: #ffffff;
+ margin-bottom: 15px;
+ margin-left: 10px;
+}
+.task-rbl {
+ background-color: #ffffff;
+ border-radius: 50px;
+ text-align: center;
+ height: 40px;
+ line-height: 40px;
+ opacity: .5;
+ float: left;
+ width: 60%;
+ margin-left: 10px;
+ /*box-shadow: 5px 5px 5px #999999 inset;*/
+}
+.task-select {
+ display: inline-block;
+ width: 20%;
+ border: none;
+ appearance:none;
+ outline: none;
+ text-align: center;
+ cursor: pointer;
+}
+
+.task-confirm {
+ float: right;
+ width: 20%;
+ background-color: #f8f8f8;
+ /*box-shadow: 5px 5px 5px #999999 inset;*/
+ border-radius: 50px;
+ text-align: center;
+ height: 40px;
+ line-height: 40px;
+ margin-right: 10px;
+ cursor: pointer;
+ transition:all 300ms;
+}
+.task-confirm:hover {
+ opacity: 0.9;
+}
+
+
+
+.charts-box {
+ height: 85%;
+}
+
+#io-chart{
+ width: 95%;
+ height: 50%;
+ padding-left: 10px;
+}
+
+
+.io-msg {
+ height: 50%;
overflow: hidden;
position: relative;
- width: 95%;
- margin: 30px auto;
- /*background-color: rgba(6,26,103,1);*/
+ width: 90%;
+ box-sizing: border-box;
+ margin: 0 auto;
}
.tbl-header {
width: 100%;
@@ -116,27 +150,26 @@
top: 0;
left: 0;
}
-.tablebox table {
+.io-msg table {
width: 100%;
}
-.tablebox table th,
-.tablebox table td {
+.io-msg table th,
+.io-msg table td {
font-size: 12px;
color: #ffffff;
line-height: 15px;
text-align: center;
}
-.tablebox table tr th {
+.io-msg table tr th {
background-color: rgba(136,176,226,1);
- cursor: pointer;
}
-.tablebox table tr td {
+.io-msg table tr td {
background-color: transparent;
}
.tbl-body tr:nth-child(even) td,.tbl-body1 tr:nth-child(even) td {
background-color: rgba(136, 176, 226, 0.4);
}
-.tablebox table tr td span,
-.tablebox table tr td span {
+.io-msg table tr td span,
+.io-msg table tr td span {
font-size: 24px;
-}
\ No newline at end of file
+}
diff --git a/static/js/data/Asrs.js b/static/js/data/Asrs.js
index 6a46fed..ae773cb 100644
--- a/static/js/data/Asrs.js
+++ b/static/js/data/Asrs.js
@@ -32,5 +32,1303 @@
}
})
+ // Store3DData = {
+ // "msg": "鎿嶄綔鎴愬姛",
+ // "code": 200,
+ // "data": {
+ // "store": {
+ // "totalBinNum": 48576,
+ // "totalRowNum": 48,
+ // "totalBayNum": 92,
+ // "totalLevNum": 11,
+ // "groups": [
+ // {
+ // "crnNo": 1,
+ // "binNum": 4048,
+ // "rowNum": 4,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 1,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 101,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 101,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 101,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 1,
+ // "name": null,
+ // "position": {
+ // "x": 17,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 2,
+ // "name": null,
+ // "position": {
+ // "x": 57,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 3,
+ // "name": null,
+ // "position": {
+ // "x": 147,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 4,
+ // "name": null,
+ // "position": {
+ // "x": 187,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 2,
+ // "binNum": 4048,
+ // "rowNum": 8,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 2,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 331,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 331,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 331,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 5,
+ // "name": null,
+ // "position": {
+ // "x": 247,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 6,
+ // "name": null,
+ // "position": {
+ // "x": 287,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 7,
+ // "name": null,
+ // "position": {
+ // "x": 377,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 8,
+ // "name": null,
+ // "position": {
+ // "x": 417,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 3,
+ // "binNum": 4048,
+ // "rowNum": 12,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 3,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 561,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 561,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 561,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 9,
+ // "name": null,
+ // "position": {
+ // "x": 477,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 10,
+ // "name": null,
+ // "position": {
+ // "x": 517,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 11,
+ // "name": null,
+ // "position": {
+ // "x": 607,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 12,
+ // "name": null,
+ // "position": {
+ // "x": 647,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 4,
+ // "binNum": 4048,
+ // "rowNum": 16,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 4,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 791,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 791,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 791,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 13,
+ // "name": null,
+ // "position": {
+ // "x": 707,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 14,
+ // "name": null,
+ // "position": {
+ // "x": 747,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 15,
+ // "name": null,
+ // "position": {
+ // "x": 837,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 16,
+ // "name": null,
+ // "position": {
+ // "x": 877,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 5,
+ // "binNum": 4048,
+ // "rowNum": 20,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 5,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 1021,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 1021,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 1021,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 17,
+ // "name": null,
+ // "position": {
+ // "x": 937,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 18,
+ // "name": null,
+ // "position": {
+ // "x": 977,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 19,
+ // "name": null,
+ // "position": {
+ // "x": 1067,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 20,
+ // "name": null,
+ // "position": {
+ // "x": 1107,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 6,
+ // "binNum": 4048,
+ // "rowNum": 24,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 6,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 1251,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 1251,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 1251,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 21,
+ // "name": null,
+ // "position": {
+ // "x": 1167,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 22,
+ // "name": null,
+ // "position": {
+ // "x": 1207,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 23,
+ // "name": null,
+ // "position": {
+ // "x": 1297,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 24,
+ // "name": null,
+ // "position": {
+ // "x": 1337,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 7,
+ // "binNum": 4048,
+ // "rowNum": 28,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 7,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 1481,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 1481,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 1481,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 25,
+ // "name": null,
+ // "position": {
+ // "x": 1397,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 26,
+ // "name": null,
+ // "position": {
+ // "x": 1437,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 27,
+ // "name": null,
+ // "position": {
+ // "x": 1527,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 28,
+ // "name": null,
+ // "position": {
+ // "x": 1567,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 8,
+ // "binNum": 4048,
+ // "rowNum": 32,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 8,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 1711,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 1711,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 1711,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 29,
+ // "name": null,
+ // "position": {
+ // "x": 1627,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 30,
+ // "name": null,
+ // "position": {
+ // "x": 1667,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 31,
+ // "name": null,
+ // "position": {
+ // "x": 1757,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 32,
+ // "name": null,
+ // "position": {
+ // "x": 1797,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 9,
+ // "binNum": 4048,
+ // "rowNum": 36,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 9,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 1941,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 1941,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 1941,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 33,
+ // "name": null,
+ // "position": {
+ // "x": 1857,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 34,
+ // "name": null,
+ // "position": {
+ // "x": 1897,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 35,
+ // "name": null,
+ // "position": {
+ // "x": 1987,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 36,
+ // "name": null,
+ // "position": {
+ // "x": 2027,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 10,
+ // "binNum": 4048,
+ // "rowNum": 40,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 10,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 2171,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 2171,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 2171,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 37,
+ // "name": null,
+ // "position": {
+ // "x": 2087,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 38,
+ // "name": null,
+ // "position": {
+ // "x": 2127,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 39,
+ // "name": null,
+ // "position": {
+ // "x": 2217,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 40,
+ // "name": null,
+ // "position": {
+ // "x": 2257,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 11,
+ // "binNum": 4048,
+ // "rowNum": 44,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 11,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 2401,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 2401,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 2401,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 41,
+ // "name": null,
+ // "position": {
+ // "x": 2317,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 42,
+ // "name": null,
+ // "position": {
+ // "x": 2357,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 43,
+ // "name": null,
+ // "position": {
+ // "x": 2447,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 44,
+ // "name": null,
+ // "position": {
+ // "x": 2487,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // },
+ // {
+ // "crnNo": 12,
+ // "binNum": 4048,
+ // "rowNum": 48,
+ // "bayNum": 2,
+ // "levNum": 11,
+ // "length": null,
+ // "width": null,
+ // "height": null,
+ // "crn": {
+ // "crnNo": 12,
+ // "crnBody": {
+ // "length": null,
+ // "width": null,
+ // "height": 570,
+ // "position": {
+ // "x": 2631,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnLoad": {
+ // "position": {
+ // "x": 2631,
+ // "y": 0,
+ // "z": 0
+ // }
+ // },
+ // "crnFork": {
+ // "position": {
+ // "x": 2631,
+ // "y": 0,
+ // "z": 0
+ // }
+ // }
+ // },
+ // "lines": [
+ // {
+ // "rowNo": 45,
+ // "name": null,
+ // "position": {
+ // "x": 2547,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 46,
+ // "name": null,
+ // "position": {
+ // "x": 2587,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 47,
+ // "name": null,
+ // "position": {
+ // "x": 2677,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // },
+ // {
+ // "rowNo": 48,
+ // "name": null,
+ // "position": {
+ // "x": 2717,
+ // "y": 0,
+ // "z": 0
+ // },
+ // "binLength": 35,
+ // "binWidth": 50,
+ // "binHeight": 50,
+ // "binXNum": null,
+ // "binYNum": 11,
+ // "binZNum": 2,
+ // "bottomHeight": 20,
+ // "bins": null
+ // }
+ // ]
+ // }
+ // ]
+ // }
+ // }
+ // }
}
diff --git a/static/js/data/sidebar.js b/static/js/data/sidebar.js
new file mode 100644
index 0000000..0c38bfa
--- /dev/null
+++ b/static/js/data/sidebar.js
@@ -0,0 +1,218 @@
+
+function sidebar() {
+ var el = $('#sidebar-btn');
+ var html = el.html();
+ if (html === '闅愯棌'){
+ el.html('灞曠ず');
+ $('#sidebar').animate({
+ left:'-20%'
+ },300);
+ }else if(html === '灞曠ず'){
+ el.html('闅愯棌');
+ $('#sidebar').animate({
+ left:'1%'
+ },300);
+ }
+}
+
+
+// 鏌辩姸鍥� -------------------------------------------------------
+var myChart = echarts.init(document.getElementById("io-chart"));
+window.addEventListener('resize',function () {
+ myChart.resize();
+})
+
+var option = {
+ title: {
+ text: '骞村害杩�/鍑鸿揣閲�',
+ x:'5px',
+ y:'15px',
+ textStyle:{
+ color:'#ffffff',
+ fontWeight:400,
+ fontSize: 10,
+ },
+ subtext: 'Data',
+ subtextStyle:{
+ align:'center',
+ color:'#ffffff',
+ fontSize: 7,
+ },
+ show: true,
+
+ },
+ tooltip: {
+ trigger: 'axis'
+ },
+ textStyle:{
+ color:'#f5f4f4',
+ },
+ legend: {
+ show:false,
+ data: ['杩涜揣', '鍑鸿揣']
+ },
+ toolbox: {
+ show: false,
+ feature: {
+ dataView: { show: true, readOnly: false },
+ magicType: { show: true, type: ['line', 'bar'] },
+ restore: { show: true },
+ saveAsImage: { show: true }
+ }
+ },
+ calculable: true,
+ xAxis: [
+ {
+ color:'#975a5a',
+ type: 'category',
+ axisTick:{
+ show:false,
+ lineStyle:{
+ color:'#000'
+ }
+ },
+ axisLabel: { // 濡傛灉杩欎釜瀛楁涓嶈缃紝echarts浼氭牴鎹睆瀹藉強妯潗鏍囨暟鎹嚜鍔ㄧ粰鍑洪棿闅�
+ fontSize:9,
+ interval: 1, // 闂撮殧闀垮害锛屽彲鑷畾涔夛紙濡傛灉鏄椂闂存牸寮忥紝echarts浼氳嚜鍔ㄥ鐞嗭級
+ rotate: 0 ,// 妯潗鏍囦笂label鐨勫�炬枩搴�
+ textStyle: {
+ color:'#fff'
+ }
+ },
+ axisLine:{
+ lineStyle: {
+ color: '#e2e1e1',// x杞村埢搴︾嚎鐨勯鑹�
+ }},
+ data: ['1鏈�', '2鏈�', '3鏈�', '4鏈�', '5鏈�', '6鏈�', '7鏈�', '8鏈�', '9鏈�', '10鏈�', '11鏈�', '12鏈�']
+ }
+ ],
+ yAxis: [
+ {
+ type: 'value',
+ offset: -4,
+ axisTick:{
+ show:false,
+ },
+ axisLabel: {
+ fontSize:9,
+ },
+ splitLine:{
+ lineStyle:{
+ color:'#cdcdcd'// y杞村垎鍓茬嚎棰滆壊
+ }
+ }
+
+ }
+ ],
+ series: [
+ {
+ color:['#88b0e2'],
+ name: '杩涜揣',
+ type: 'bar',
+ data: [
+ 204.5, 50.5, 15.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
+ ],
+ },
+ {
+ color:['#f8f7f7'],
+ name: '鍑鸿揣',
+ type: 'bar',
+ data: [
+ 100, 75.2, 33.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+ ],
+ }
+ ],
+
+};
+
+if (option && typeof option === 'object') {
+ myChart.setOption(option);
+}
+
+
+// 鎶ユ枃琛ㄦ牸 -------------------------------------------------------
+var MyMarhq = '';
+clearInterval(MyMarhq);
+$('.tbl-body tbody').empty();
+$('.tbl-header tbody').empty();
+var Items = [
+ {"Ranking":"1","City":"淇濆畾","SaleIncome":"2506734.43","An":"53.00",},
+ {"Ranking":"2","City":"娌у窞","SaleIncome":"1425935.58","An":"65.00",},
+ {"Ranking":"3","City":"绉︾殗宀�","SaleIncome":"1372207.38","An":"34.00",},
+ {"Ranking":"4","City":"琛℃按","SaleIncome":"972451.15","An":"15.00",},
+ {"Ranking":"5","City":"鐭冲搴�","SaleIncome":"939010.52","An":"-57.00",},
+ {"Ranking":"6","City":"閭㈠彴","SaleIncome":"774274.70","An":"-20.00",},
+ {"Ranking":"7","City":"鍞愬北","SaleIncome":"680456.79","An":"-29.00",},
+ {"Ranking":"8","City":"寮犲鍙�","SaleIncome":"613319.87","An":"2.00",},
+ {"Ranking":"9","City":"涓补鍗庡ゥ","SaleIncome":"596575.25","An":"35.00",},
+ {"Ranking":"10","City":"鎵垮痉","SaleIncome":"589048.12","An":"30.00",},
+ {"Ranking":"11","City":"寤婂潑","SaleIncome":"515448.14","An":"-48.00",},
+ {"Ranking":"12","City":"鐟炲窞","SaleIncome":"399875.26","An":"128.00",},
+ {"Ranking":"13","City":"鐭冲搴勪腑娌�","SaleIncome":"90543.62","An":"-24.00",},
+ {"Ranking":"14","City":"杈涢泦涓补","SaleIncome":"49255.52","An":"19.00",},
+ {"Ranking":"15","City":"浜曢檳涓补","SaleIncome":"29682.60","An":"-74.00",},
+ {"Ranking":"16","City":"淇濆畾涓补","SaleIncome":"11887.73","An":"-64.00",}
+]
+$.each(Items,function (i, item) {
+ str = '<tr>'+
+ '<td>'+item.Ranking+'</td>'+
+ '<td>'+item.City+'</td>'+
+ '<td>'+(+item.SaleIncome/10000).toFixed(2)+'</td>'+
+ '<td>'+(+item.An).toFixed(2)+'</td>'
+ '</tr>';
+
+ $('.tbl-body tbody').append(str);
+ $('.tbl-header tbody').append(str);
+});
+if(Items.length > 10){
+ $('.tbl-body tbody').html($('.tbl-body tbody').html()+$('.tbl-body tbody').html());
+ $('.tbl-body').css('top', '0');
+ var tblTop = 0;
+ var speedhq = 50; // 鏁板�艰秺澶ц秺鎱�
+ var outerHeight = $('.tbl-body tbody').find("tr").outerHeight();
+ function Marqueehq(){
+ if(tblTop <= -outerHeight*Items.length){
+ tblTop = 0;
+ } else {
+ tblTop -= 1;
+ }
+ $('.tbl-body').css('top', tblTop+'px');
+ }
+
+ MyMarhq = setInterval(Marqueehq,speedhq);
+
+ // 榧犳爣绉讳笂鍘诲彇娑堜簨浠�
+ $(".tbl-header tbody").hover(function (){
+ clearInterval(MyMarhq);
+ },function (){
+ clearInterval(MyMarhq);
+ MyMarhq = setInterval(Marqueehq,speedhq);
+ })
+}
+$.each(Items,function (i, item) {
+ str = '<tr>'+
+ '<td>'+item.Ranking+'</td>'+
+ '<td>'+item.City+'</td>'+
+ '<td>'+(+item.SaleIncome/10000).toFixed(2)+'</td>'+
+ '<td>'+(+item.An).toFixed(2)+'</td>'+
+ '</tr>'
+
+ $('.tbl-body tbody').append(str);
+ $('.tbl-header tbody').append(str);
+});
+if(Items.length > 10){
+ $('.tbl-body tbody').html($('.tbl-body tbody').html()+$('.tbl-body tbody').html());
+ $('.tbl-body').css('top', '0');
+ var tblTop = 0;
+ var speedhq = 50; // 鏁板�艰秺澶ц秺鎱�
+ var outerHeight = $('.tbl-body tbody').find("tr").outerHeight();
+ function Marqueehq(){
+ if(tblTop <= -outerHeight*Items.length){
+ tblTop = 0;
+ } else {
+ tblTop -= 1;
+ }
+ $('.tbl-body').css('top', tblTop+'px');
+ }
+ MyMarhq = setInterval(Marqueehq,speedhq);
+}
diff --git a/static/js/lib/btnHide.js b/static/js/lib/btnHide.js
deleted file mode 100644
index e77f085..0000000
--- a/static/js/lib/btnHide.js
+++ /dev/null
@@ -1,28 +0,0 @@
-function fn1(){
- $('#sidebar').animate({
- left:'-20%'
- },"fast");
- $('#groundglass').animate({
- left:'-20%'
- },"fast");
-}
-function fn2() {
- $('#sidebar').animate({
- left:'1%'
- },"fast");
- $('#groundglass').animate({
- left:'1%'
- },"fast");
-}
-function btnHide() {
- var obj = $('#btnhide');
- var tt = obj.html();
- if (tt =='闅愯棌'){
- obj.html('灞曠ず');
- fn1();
- }else if(tt == '灞曠ず'){
- obj.html('闅愯棌');
- fn2();
- }
-
-}
\ No newline at end of file
diff --git a/static/js/object/StoreConvey.js b/static/js/object/StoreConvey.js
index 8c05ac1..8697cd7 100644
--- a/static/js/object/StoreConvey.js
+++ b/static/js/object/StoreConvey.js
@@ -38,12 +38,12 @@
obj.traverse (function (child) {
if (child instanceof THREE.Mesh) {
child.scale.set(1, 1, 1.6);
- child.material = new THREE.MeshLambertMaterial({
+ child.material = new THREE.MeshPhysicalMaterial({
color: 0x444444
});
if (child.name === "Box034" || child.name === "Box035") {
- child.material = new THREE.MeshLambertMaterial({
- color: 0x000000
+ child.material = new THREE.MeshPhysicalMaterial({
+ color: 0x1C1C1C
});
}
child.castShadow = true;
@@ -59,7 +59,7 @@
obj.traverse (function (child) {
if (child instanceof THREE.Mesh) {
child.scale.set(0.5, 1, 1);
- child.material = new THREE.MeshLambertMaterial({
+ child.material = new THREE.MeshPhysicalMaterial({
color: 0x444444
});
child.castShadow = true;
@@ -74,7 +74,7 @@
obj.traverse (function (child) {
if (child instanceof THREE.Mesh) {
child.scale.set(1, 1, 1);
- child.material = new THREE.MeshLambertMaterial({
+ child.material = new THREE.MeshPhysicalMaterial({
color: 0x444444
});
}
diff --git a/views/index.html b/views/index.html
index 46a03a1..9ba9935 100644
--- a/views/index.html
+++ b/views/index.html
@@ -10,9 +10,9 @@
<link rel="stylesheet" href="../static/css/loader.css" media="all">
<script type="text/javascript" src="../static/js/lib/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../static/js/data/Asrs.js"></script>
- <script type="text/javascript" src="../static/js/lib/echarts.min.js"></script>
<script type="text/javascript" src="../static/js/utils.js"></script>
<script type="text/javascript" src="../static/js/common.js"></script>
+ <script type="text/javascript" src="../static/js/lib/echarts.min.js"></script>
<script type="text/javascript" src="../static/js/data/BuildingData.js"></script>
<script type="text/javascript" src="../static/js/data/ConveyData.js"></script>
<script type="text/javascript" src="../static/js/object/Cube.js"></script>
@@ -23,22 +23,78 @@
<script type="text/javascript" src="../static/js/object/Route.js"></script>
<script type="text/javascript" src="../static/js/object/CrnTask.js"></script>
<script type="text/javascript" src="../static/js/object/Floor.js"></script>
- <script type="text/javascript" src="../static/js/lib/btnHide.js"></script>
- <style>
- * {
- margin: 0;
- padding: 0;
- }
- html {
- height: 100%;
- }
- body {
- height: 100%;
- }
-
- </style>
</head>
<body>
+
+<!-- 鎺у埗闈㈡澘 -->
+<div id="sidebar">
+ <button id="sidebar-btn" onclick="sidebar()">闅愯棌</button>
+ <div class="sidebar-contain" >
+ <div class="sidebar-header">
+ <div class="t">涓壃绔嬪簱</div>
+ <div class="i">Zoneyung Intelligent Three-Dimensional Warehouse</div>
+ </div>
+ <div class="sidebar-main">
+ <!-- 浠诲姟 -->
+ <div class="task-box">
+ <div class="task-title">
+ 鍑哄簱浣滀笟
+ </div>
+ <div class="task-rbl">
+ <select class="task-select">
+ <option value="0">1</option>
+ <option value="2">2</option>
+ </select>
+ <select class="task-select">
+ <option value="0">1</option>
+ <option value="2">2</option>
+ </select>
+ <select class="task-select">
+ <option value="0">1</option>
+ <option value="2">2</option>
+ </select>
+ </div>
+ <div class="task-confirm">
+ </div>
+ </div>
+ <!-- 鎶ヨ〃 -->
+ <div class="charts-box">
+ <!-- 琛� 1 -->
+ <div id="io-chart"></div>
+ <!-- 琛� 2 -->
+ <div class="io-msg">
+ <div class="tbl-header">
+ <table border="0" cellspacing="0" cellpadding="0" >
+ <thead>
+ <tr>
+ <th>鎺掑悕</th>
+ <th>鍦板競</th>
+ <th>閿�鍞敹鍏�(涓囧厓)</th>
+ <th>鍚屾瘮(%)</th>
+ </tr>
+ </thead>
+ <tbody style="opacity:0;" ></tbody>
+ </table>
+ </div>
+ <div class="tbl-body">
+ <table border="0" cellspacing="0" cellpadding="0">
+ <thead>
+ <tr>
+ <th>鎺掑悕</th>
+ <th>鍦板競</th>
+ <th>閿�鍞敹鍏�(涓囧厓)</th>
+ <th>鍚屾瘮(%)</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
<div id="mask" class="mask"></div>
<div id="title-box" class="title-box">
@@ -86,8 +142,8 @@
</li>
</ul>
-
<div id="container"></div>
+<script type="text/javascript" src="../static/js/data/sidebar.js"></script>
</body>
<script type="module">
@@ -121,14 +177,14 @@
player.backlView();
}, false);
</script>
-<script>
+<script type="text/javascript">
var percent = 0;
var shipInfoBtn = document.getElementById("ship-info-btn");
var speedDom = document.getElementById("speed");
var timer = setInterval(function () {
if (percent < 100.00) {
- percent += 0.02;
- // percent += 1;
+ // percent += 0.02;
+ percent += 1;
speedDom.innerText = percent.toFixed(2);
} else {
speedDom.innerText = '100.00';
@@ -140,8 +196,8 @@
}, 1);
$(document).on('click','.btn-word', function () {
- // fullScreen()
- $("#mask").fadeOut(3000, function () { // 3000
+ fullScreen()
+ $("#mask").fadeOut(1, function () { // 3000
$("#menu").addClass("show");
setTimeout(function () {
$("#ship-type-ul").css("transform", "translateY(-40px)");
@@ -154,7 +210,7 @@
setTimeout(function () {
removeClass(document.getElementById("title-box"), "show");
}, 10000);
- }, 1000); // 1000
+ }, 1); // 1000
});
$("#title-box, #logo").addClass("show");
$("#ship-info-btn").removeClass("show");
diff --git a/views/index1.html b/views/index1.html
index 6418e92..cc32eec 100644
--- a/views/index1.html
+++ b/views/index1.html
@@ -21,7 +21,7 @@
<script type="text/javascript" src="../static/js/object/Route.js"></script>
<script type="text/javascript" src="../static/js/object/CrnTask.js"></script>
<script type="text/javascript" src="../static/js/object/Floor.js"></script>
- <script type="text/javascript" src="../static/js/lib/btnHide.js"></script>
+ <script type="text/javascript" src="../static/js/data/btnHide.js"></script>
</head>
<body style="position: relative">
<!--鍒濆鍖栧姞杞藉眰-->
@@ -47,7 +47,7 @@
<div id="Histogram"></div>
<div id="baobiao2"></div>
<div id="btnhide_m"></div>
- <button id="btnhide" onclick="btnHide()">闅愯棌</button>
+ <button id="btnhide" onclick="sidebar()">闅愯棌</button>
<div class="tablebox">
<div class="tbl-header">
<table border="0" cellspacing="0" cellpadding="0" >
@@ -101,332 +101,7 @@
$('.layuimini-loader').fadeOut();
</script>
- <script type="text/javascript">
- var dom1 = document.getElementById("Histogram");
- var myChart1 = echarts.init(dom1);
- window.addEventListener('resize',function () {
- myChart1.resize();
- })
- var app1 = {};
- var dom = document.getElementById("baobiao2");
- var myChart = echarts.init(dom);
- window.addEventListener('resize',function () {
- myChart.resize();
- })
- var app = {};
-
-
- var option1;
-
- option1 = {
- title: {
- text: '骞村害杩�/鍑鸿揣閲�',
- x:'5px',
- y:'15px',
- textStyle:{
- color:'#ffffff',
- fontWeight:400,
- fontSize: 10,
- },
- subtext: 'Data',
- subtextStyle:{
- align:'center',
- color:'#ffffff',
- fontSize: 7,
- },
- show: true,
-
- },
- tooltip: {
- trigger: 'axis'
- },
- textStyle:{
- color:'#f5f4f4',
- },
- legend: {
- show:false,
- data: ['杩涜揣', '鍑鸿揣']
- },
- toolbox: {
- show: false,
- feature: {
- dataView: { show: true, readOnly: false },
- magicType: { show: true, type: ['line', 'bar'] },
- restore: { show: true },
- saveAsImage: { show: true }
- }
- },
- calculable: true,
- xAxis: [
- {
- color:'#975a5a',
- type: 'category',
- axisTick:{
- show:false,
- lineStyle:{
- color:'#000'
- }
- },
- axisLabel: { // 濡傛灉杩欎釜瀛楁涓嶈缃紝echarts浼氭牴鎹睆瀹藉強妯潗鏍囨暟鎹嚜鍔ㄧ粰鍑洪棿闅�
- fontSize:9,
- interval: 1, // 闂撮殧闀垮害锛屽彲鑷畾涔夛紙濡傛灉鏄椂闂存牸寮忥紝echarts浼氳嚜鍔ㄥ鐞嗭級
- rotate: 0 ,// 妯潗鏍囦笂label鐨勫�炬枩搴�
- textStyle: {
- color:'#fff'
- }
- },
- axisLine:{
- lineStyle: {
- color: '#e2e1e1',// x杞村埢搴︾嚎鐨勯鑹�
- }},
- data: ['1鏈�', '2鏈�', '3鏈�', '4鏈�', '5鏈�', '6鏈�', '7鏈�', '8鏈�', '9鏈�', '10鏈�', '11鏈�', '12鏈�']
- }
- ],
- yAxis: [
- {
- type: 'value',
- offset: -4,
- axisTick:{
- show:false,
- },
- axisLabel: {
- fontSize:9,
- },
- splitLine:{
- lineStyle:{
- color:'#cdcdcd'// y杞村垎鍓茬嚎棰滆壊
- }
- }
-
- }
- ],
- series: [
- {
- color:['#88b0e2'],
- name: '杩涜揣',
- type: 'bar',
- data: [
- 204.5, 50.5, 15.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
- ],
- },
- {
- color:['#f8f7f7'],
- name: '鍑鸿揣',
- type: 'bar',
- data: [
- 100, 75.2, 33.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
- ],
- }
- ],
-
- };
-
- if (option1 && typeof option1 === 'object') {
- myChart1.setOption(option1);
- }
-
- let base = +new Date(1988, 9, 3);
- let oneDay = 24 * 3600 * 1000;
- let data = [[base, Math.random() * 300]];
- for (let i = 1; i < 20000; i++) {
- let now = new Date((base += oneDay));
- data.push([+now, Math.round((Math.random() - 0.5) * 20 + data[i - 1][1])]);
- }
- option = {
- tooltip: {
- trigger: 'axis',
- position: function (pt) {
- return [pt[0], '10%'];
- }
- },
- title: {
- x:'5px',
- y:'15px',
- text: '閿�鍞欢鏁�',
- textStyle:{
- color:'#ffffff',
- fontWeight:400,
- fontSize: 10,
- },
- },
- toolbox: {
- show:false,
- feature: {
- dataZoom: {
- yAxisIndex: 'none'
- },
- restore: {},
- saveAsImage: {}
- }
- },
- textStyle:{
- color:'#f5f4f4',
- },
- xAxis: {
- type: 'time',
- boundaryGap: false,
- axisTick:{
- show:false,
- },
- axisLabel: { // 濡傛灉杩欎釜瀛楁涓嶈缃紝echarts浼氭牴鎹睆瀹藉強妯潗鏍囨暟鎹嚜鍔ㄧ粰鍑洪棿闅�
- fontSize:9,
- interval: 1, // 闂撮殧闀垮害锛屽彲鑷畾涔夛紙濡傛灉鏄椂闂存牸寮忥紝echarts浼氳嚜鍔ㄥ鐞嗭級
- rotate: 0 ,// 妯潗鏍囦笂label鐨勫�炬枩搴�
- textStyle: {
- color:'#fff'
- }
- },
- axisLine:{
- lineStyle: {
- color: '#e2e1e1',// x杞村埢搴︾嚎鐨勯鑹�
- }},
-
- },
-
- yAxis: {
- type: 'value',
- boundaryGap: [0, '100%'],
- axisLabel: {
- fontSize:9,
- },
- splitLine:{
- lineStyle:{
- color:'#cdcdcd'// y杞村垎鍓茬嚎棰滆壊
- }
- }
- },
- dataZoom: [
- {
- type: 'inside',
- start: 0,
- end: 20
- },
- {
- start: 0,
- end: 20
- }
- ],
- series: [
- {
- name: 'Fake Data',
- type: 'line',
- smooth: true,
- symbol: 'none',
- areaStyle: {
- normal: {
- color: '#88b0e2' //鏀瑰彉鍖哄煙棰滆壊
- }
- },
- itemStyle : {
- normal : {
- color:'#dddede', //鏀瑰彉鎶樼嚎鐐圭殑棰滆壊
- lineStyle:{
- // color:'#8cd5c2' //鏀瑰彉鎶樼嚎棰滆壊
- width:0.5,
- }
- }
- },
- data: data
- }
- ]
- };
-
- if (option && typeof option === 'object') {
- myChart.setOption(option);
- }
- </script>
- <script type="text/javascript">
- var MyMarhq = '';
- clearInterval(MyMarhq);
- $('.tbl-body tbody').empty();
- $('.tbl-header tbody').empty();
- var Items = [{"Ranking":"1","City":"淇濆畾","SaleIncome":"2506734.43","An":"53.00",},
- {"Ranking":"2","City":"娌у窞","SaleIncome":"1425935.58","An":"65.00",},
- {"Ranking":"3","City":"绉︾殗宀�","SaleIncome":"1372207.38","An":"34.00",},
- {"Ranking":"4","City":"琛℃按","SaleIncome":"972451.15","An":"15.00",},
- {"Ranking":"5","City":"鐭冲搴�","SaleIncome":"939010.52","An":"-57.00",},
- {"Ranking":"6","City":"閭㈠彴","SaleIncome":"774274.70","An":"-20.00",},
- {"Ranking":"7","City":"鍞愬北","SaleIncome":"680456.79","An":"-29.00",},
- {"Ranking":"8","City":"寮犲鍙�","SaleIncome":"613319.87","An":"2.00",},
- {"Ranking":"9","City":"涓补鍗庡ゥ","SaleIncome":"596575.25","An":"35.00",},
- {"Ranking":"10","City":"鎵垮痉","SaleIncome":"589048.12","An":"30.00",},
- {"Ranking":"11","City":"寤婂潑","SaleIncome":"515448.14","An":"-48.00",},
- {"Ranking":"12","City":"鐟炲窞","SaleIncome":"399875.26","An":"128.00",},
- {"Ranking":"13","City":"鐭冲搴勪腑娌�","SaleIncome":"90543.62","An":"-24.00",},
- {"Ranking":"14","City":"杈涢泦涓补","SaleIncome":"49255.52","An":"19.00",},
- {"Ranking":"15","City":"浜曢檳涓补","SaleIncome":"29682.60","An":"-74.00",},
- {"Ranking":"16","City":"淇濆畾涓补","SaleIncome":"11887.73","An":"-64.00",}]
- $.each(Items,function (i, item) {
- str = '<tr>'+
- '<td>'+item.Ranking+'</td>'+
- '<td>'+item.City+'</td>'+
- '<td>'+(+item.SaleIncome/10000).toFixed(2)+'</td>'+
- '<td>'+(+item.An).toFixed(2)+'</td>'
- // '<td>'+(+item.Mom).toFixed(2)+'</td>'+
- // '<td>'+(item.SalePlan/10000).toFixed(2)+'</td>'+
- // '<td>'+(+item.PlanFinish).toFixed(2)+'</td>'+
- '</tr>'
-
- $('.tbl-body tbody').append(str);
- $('.tbl-header tbody').append(str);
- });
- if(Items.length > 10){
- $('.tbl-body tbody').html($('.tbl-body tbody').html()+$('.tbl-body tbody').html());
- $('.tbl-body').css('top', '0');
- var tblTop = 0;
- var speedhq = 50; // 鏁板�艰秺澶ц秺鎱�
- var outerHeight = $('.tbl-body tbody').find("tr").outerHeight();
- function Marqueehq(){
- if(tblTop <= -outerHeight*Items.length){
- tblTop = 0;
- } else {
- tblTop -= 1;
- }
- $('.tbl-body').css('top', tblTop+'px');
- }
-
- MyMarhq = setInterval(Marqueehq,speedhq);
-
- // 榧犳爣绉讳笂鍘诲彇娑堜簨浠�
- $(".tbl-header tbody").hover(function (){
- clearInterval(MyMarhq);
- },function (){
- clearInterval(MyMarhq);
- MyMarhq = setInterval(Marqueehq,speedhq);
- })
-
- }
- $.each(Items,function (i, item) {
- str = '<tr>'+
- '<td>'+item.Ranking+'</td>'+
- '<td>'+item.City+'</td>'+
- '<td>'+(+item.SaleIncome/10000).toFixed(2)+'</td>'+
- '<td>'+(+item.An).toFixed(2)+'</td>'+
- '</tr>'
-
- $('.tbl-body tbody').append(str);
- $('.tbl-header tbody').append(str);
- });
- if(Items.length > 10){
- $('.tbl-body tbody').html($('.tbl-body tbody').html()+$('.tbl-body tbody').html());
- $('.tbl-body').css('top', '0');
- var tblTop = 0;
- var speedhq = 50; // 鏁板�艰秺澶ц秺鎱�
- var outerHeight = $('.tbl-body tbody').find("tr").outerHeight();
- function Marqueehq(){
- if(tblTop <= -outerHeight*Items.length){
- tblTop = 0;
- } else {
- tblTop -= 1;
- }
- $('.tbl-body').css('top', tblTop+'px');
- }
-
- MyMarhq = setInterval(Marqueehq,speedhq);
- }
-
- </script>
</body>
</html>
--
Gitblit v1.9.1