add - 门体可视化

3 years ago · 751933dcca
parent 7326862d80
commit 751933dcca
9 changed files with 131 additions and 0 deletions
--- a/productionboard/src/main/java/com/productionboard/controller/StorageController.java
+++ b/productionboard/src/main/java/com/productionboard/controller/StorageController.java
@ -0,0 +1,22 @@
+package com.productionboard.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * 门体库仓储看板
+ * @author WenJY
+ * @date 2022年04月24日 11:07
+ */
+@Controller
+@RequestMapping("/storage")
+public class StorageController {
+    private String prefix = "storage/index";
+
+    @GetMapping()
+    public String index()
+    {
+        return prefix;
+    }
+}
--- a/productionboard/src/main/resources/static/css/storage/style.css
+++ b/productionboard/src/main/resources/static/css/storage/style.css
@ -0,0 +1,38 @@
+body {
+    background-color: aquamarine;
+    background: url(../../img/storage/storagebackground.jpg);
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: 100% 100%;
+}
+
+.onDutyPlan {
+    width: 11%;
+    height: 5.6%;
+    position: absolute;
+    top: 24.5%;
+    letter-spacing: -1px;
+    font-size: 12%;
+    border: 0px solid;
+}
+
+.theCurrentTeam {
+    left: 42%;
+    color: #6ACBFE;
+}
+
+.scheduledProduction {
+     left: 55.2%;
+     color:#A0FF00;
+ }
+
+.actualOutPut {
+    left: 69.7%;
+    color: #6ACBFE;
+}
+
+.differenceValue {
+    left: 82.9%;
+    color:#A0FF00;
+}
--- a/productionboard/src/main/resources/static/img/storage/storagebackground.jpg
+++ b/productionboard/src/main/resources/static/img/storage/storagebackground.jpg
--- a/productionboard/src/main/resources/static/js/common/ondutyplan.js
+++ b/productionboard/src/main/resources/static/js/common/ondutyplan.js
@ -45,4 +45,22 @@ let onDutyPlan = (scheduledProductionNumber,actualOutPutNumber,differenceValueNu
    updateSplitBlocks(scheduledProductionNumber, scheduledProduction);
    updateSplitBlocks(actualOutPutNumber, actualOutPut);
    updateSplitBlocks(differenceValueNumber, differenceValue);
+}
+
+let storageStatistics = (leftInStoreNumber,leftOutStoreNumber,rightInStoreNumber,rightOutStoreNumber) =>{
+    const leftInStore = [];
+    const leftOutStore = [];
+    const  rightInStore = [];
+    const  rightOutStore = [];
+
+    for (let i = 1; i <= 4; i++) {
+        leftInStore.push(`#theCurrentTeam :nth-child(${i})`);
+        leftOutStore.push(`#scheduledProduction :nth-child(${i})`);
+        rightInStore.push(`#actualOutPut :nth-child(${i})`);
+        rightOutStore.push(`#differenceValue :nth-child(${i})`);
+    }
+    updateSplitBlocks(leftInStoreNumber, leftInStore);
+    updateSplitBlocks(leftOutStoreNumber, leftOutStore);
+    updateSplitBlocks(rightInStoreNumber, rightInStore);
+    updateSplitBlocks(rightOutStoreNumber, rightOutStore);
 }
--- a/productionboard/src/main/resources/static/js/storage/index.js
+++ b/productionboard/src/main/resources/static/js/storage/index.js
@ -0,0 +1,4 @@
+$(()=>{
+    //单日出入库统计
+    storageStatistics(123,233,211,124);
+})
--- a/productionboard/src/main/resources/templates/index.html
+++ b/productionboard/src/main/resources/templates/index.html
@ -15,5 +15,7 @@
    <p> /tankShell</p>
    <p> #发泡</p>
    <p> /foamBox</p>
+    <p> #门体库</p>
+    <p> /storage</p>
 </body>
 </html>
--- a/productionboard/src/main/resources/templates/storage/index.html
+++ b/productionboard/src/main/resources/templates/storage/index.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>门体库仓储看板</title>
+    <link rel="stylesheet" href="../../../css/common/ondutyplan.css">
+    <link rel="stylesheet" href="../../../css/storage/style.css">
+    <script src="../../../js/common/jquery.min.js"></script>
+    <script src="../../../js/common/echarts.min.js"></script>
+    <script src="../../../js/common/date-time-common.js"></script>
+    <script src="../../../js/common/update-split-blocks.js"></script>
+    <script src="../../../js/common/ondutyplan.js"></script>
+    <script src="../../../js/common/echarts.common.js"></script>
+</head>
+<body>
+
+    <!--生产计划-->
+
+    <!--当前库存-->
+
+    <!--库位统计-左库-->
+
+    <!--库位统计-右库-->
+
+</body>
+<script src="../../../js/storage/index.js"></script>
+</html>
--- a/productionboard/target/classes/static/js/common/ondutyplan.js
+++ b/productionboard/target/classes/static/js/common/ondutyplan.js
@ -45,4 +45,22 @@ let onDutyPlan = (scheduledProductionNumber,actualOutPutNumber,differenceValueNu
    updateSplitBlocks(scheduledProductionNumber, scheduledProduction);
    updateSplitBlocks(actualOutPutNumber, actualOutPut);
    updateSplitBlocks(differenceValueNumber, differenceValue);
+}
+
+let storageStatistics = (leftInStoreNumber,leftOutStoreNumber,rightInStoreNumber,rightOutStoreNumber) =>{
+    const leftInStore = [];
+    const leftOutStore = [];
+    const  rightInStore = [];
+    const  rightOutStore = [];
+
+    for (let i = 1; i <= 4; i++) {
+        leftInStore.push(`#theCurrentTeam :nth-child(${i})`);
+        leftOutStore.push(`#scheduledProduction :nth-child(${i})`);
+        rightInStore.push(`#actualOutPut :nth-child(${i})`);
+        rightOutStore.push(`#differenceValue :nth-child(${i})`);
+    }
+    updateSplitBlocks(leftInStoreNumber, leftInStore);
+    updateSplitBlocks(leftOutStoreNumber, leftOutStore);
+    updateSplitBlocks(rightInStoreNumber, rightInStore);
+    updateSplitBlocks(rightOutStoreNumber, rightOutStore);
 }
--- a/productionboard/target/classes/templates/index.html
+++ b/productionboard/target/classes/templates/index.html
@ -15,5 +15,7 @@
    <p> /tankShell</p>
    <p> #发泡</p>
    <p> /foamBox</p>
+    <p> #门体库</p>
+    <p> /storage</p>
 </body>
 </html>