| | |
|---|
| | | * { |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | html { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | body { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #mask { |
|---|
| | | background-color:#222; |
|---|
| | |
|---|
| | | 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%; |
|---|
| | |
|---|
| | | 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; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // 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 |
|---|
| | | // } |
|---|
| | | // ] |
|---|
| | | // } |
|---|
| | | // ] |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | } |
|---|
| | | |
|---|
| New file |
| | |
|---|
| | | |
|---|
| | | 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); |
|---|
| | | } |
|---|
| | |
|---|
| | | 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; |
|---|
| | |
|---|
| | | 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; |
|---|
| | |
|---|
| | | 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 |
|---|
| | | }); |
|---|
| | | } |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | |
|---|
| | | |
|---|
| | | <div id="container"></div> |
|---|
| | | <script type="text/javascript" src="../static/js/data/sidebar.js"></script> |
|---|
| | | </body> |
|---|
| | | <script type="module"> |
|---|
| | | |
|---|
| | |
|---|
| | | 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'; |
|---|
| | |
|---|
| | | }, 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)"); |
|---|
| | |
|---|
| | | setTimeout(function () { |
|---|
| | | removeClass(document.getElementById("title-box"), "show"); |
|---|
| | | }, 10000); |
|---|
| | | }, 1000); // 1000 |
|---|
| | | }, 1); // 1000 |
|---|
| | | }); |
|---|
| | | $("#title-box, #logo").addClass("show"); |
|---|
| | | $("#ship-info-btn").removeClass("show"); |
|---|
| | |
|---|
| | | <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"> |
|---|
| | | <!--初始化加载层--> |
|---|
| | |
|---|
| | | <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" > |
|---|
| | |
|---|
| | | $('.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> |
|---|
