添加智能冷柜工厂看板

ruoyi-admin/src/main/java/com/ruoyi/web/controller/broad/IntelligentRefrigeratorInterconnectionFactoryController.java

@@ -0,0 +1,35 @@
+package com.ruoyi.web.controller.broad;
+
+import com.alibaba.fastjson.JSONArray;
+import com.ruoyi.system.domain.BoxOutput;
+import com.ruoyi.system.domain.OrderInfo;
+import com.ruoyi.system.domain.QualityInfo;
+import com.ruoyi.system.service.IBroadDataService;
+import io.swagger.annotations.ApiOperation;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.ResponseBody;
+
+import java.util.List;
+
+/**
+ *
+ */
+@Controller
+@RequestMapping("/broad/intelligentRefrigeratorInterconnectionFactory")
+@ApiOperation("泡前库")
+public class IntelligentRefrigeratorInterconnectionFactoryController {
+
+    @Autowired
+    private IBroadDataService service;
+
+    @GetMapping()
+    public String box() {
+        return "broad/intelligentRefrigeratorInterconnectionFactory";
+    }
+
+
+}

ruoyi-admin/src/main/resources/static/css/board/intelligentRefrigeratorInterconnectionFactory.css

@@ -0,0 +1,30 @@
+body {
+    height: auto;
+    width: auto;
+    background: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/backgroundImg.jpg) no-repeat center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: 100% 100%;
+    color: rgba(255, 255, 255, .95);
+    font: normal 100% Arial, sans-serif;
+}
+
+.btnOne {
+    background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnOne.png);
+    background-size: 100% 100%;
+    position: absolute;
+    width: 7.6%;
+    height: 8.5%;
+    top: 89.1%;
+    left: 36.1%;
+}
+.btnTwo {
+    background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnTwo.png);
+    background-size: 100% 100%;
+    position: absolute;
+    width: 7.6%;
+    height: 8.5%;
+    top: 89.1%;
+    left: 56.2%;
+}

ruoyi-admin/src/main/resources/static/js/board/finalAssemblyProductionData.js

@@ -1,5 +1,6 @@
 $(() => {
-
+    moduleTitle()
+    LOSS()
     // 公共请求地址
     let url = '/broad/box'
 
@@ -25,4 +26,21 @@ $(() => {
     autoUpdate(url+"/getProductPlanInfo ", INTERVAL, data => {
         orderDetailsTable.loadData(data.map(value => [value.plan_code, value.plan_number, value.actual_number, value.plan_number-value.actual_number, value.day]), Object.keys(planWorkOrderColumns))
     })
-})
+})
+const LOSS = () => {
+    const html = `
+    <span style="position: absolute;top: 13%;left: 66.5%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">123.32</span>
+    <span style="position: absolute;top: 12.5%;left: 90%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">123秒</span>
+    `
+    $('body').append(html)
+}
+const moduleTitle = () => {
+    const html = `
+    <span style="position: absolute;top: 0%;left: 50%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">总装生产数据及质量数据</span>
+    <span style="position: absolute;top: 10%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">产量</span>
+    <span style="position: absolute;top: 54.3%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">一次装配不合格率</span>
+    <span style="position: absolute;top: 24.8%;left: 53%;color: #CFD2D0;font-size: 1.0vw">LOSS分类</span>
+    <span style="position: absolute;top: 54.3%;left: 53%;color: #CFD2D0;font-size: 1.0vw">追踪事件</span>
+    `
+    $('body').append(html)
+}

ruoyi-admin/src/main/resources/static/js/board/intelligentRefrigeratorInterconnectionFactory.js

@@ -0,0 +1,12 @@
+$(() => {
+    moduleTitle()
+    // 公共请求地址
+    let url = '/broad/box'
+
+})
+const moduleTitle = () => {
+    const html = `
+    <span style="position: absolute;top: 0%;left: 50%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">智能冷柜互联工厂</span>
+    `
+    $('body').append(html)
+}

ruoyi-admin/src/main/resources/templates/broad/finalAssemblyProductionData.html

@@ -31,7 +31,8 @@
 <div class="yield" id="yield"></div>
 
 <!--LOSS(分类)-->
-<div class="LOSSClassify" id="LOSSClassify"></div>
+<div class="
+" id="LOSSClassify"></div>
 
 <!--一次装配不合格率-->
 <div class="fractionDefective" id="fractionDefective"></div>

ruoyi-admin/src/main/resources/templates/broad/intelligentRefrigeratorInterconnectionFactory.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="zh" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="UTF-8">
+    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
+          name="viewport">
+    <title>箱壳成型数据监控平台</title>
+    <meta content="箱壳成型数据监控平台" name="description">
+    <link href="../../static/css/board/intelligentRefrigeratorInterconnectionFactory.css" rel="stylesheet" th:href="@{/css/board/intelligentRefrigeratorInterconnectionFactory.css}"/>
+    <link href="../../static/css/materialdesignicons.min.css" rel="stylesheet"
+          th:href="@{/css/materialdesignicons.min.css}"/>
+    <link href="../../static/css/autoscroll-table.css" rel="stylesheet" th:href="@{/css/autoscroll-table.css}">
+    <!-- 360浏览器急速模式 -->
+    <meta content="webkit" name="renderer">
+    <!-- 避免IE使用兼容模式 -->
+    <meta content="IE=edge" http-equiv="X-UA-Compatible">
+    <script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
+    <th:block th:include="include :: footer"/>
+    <th:block th:include="include :: echarts-js"/>
+    <script src="../../static/js/date-time-common.js" th:src="@{/js/date-time-common.js}"></script>
+    <script src="../../static/js/autoscroll-table.js" th:src="@{/js/autoscroll-table.js}"></script>
+    <script src="../../static/js/echartsCommon.js" th:src="@{/js/echartsCommon.js}"></script>
+    <script src="../../static/js/update-split-blocks.js" th:src="@{/js/update-split-blocks.js}"></script>
+    <script src="../../static/js/auto-update.js" th:src="@{/js/auto-update.js}"></script>
+    <script src="../../static/js/data-merger.js" th:src="@{/js/data-merger.js}"></script>
+
+</head>
+<body style="display:flex;">
+
+<!--按钮一-->
+<div class="btnOne" id="btnOne"></div>
+<!--按钮二-->
+<div class="btnTwo" id="btnTwo"></div>
+</body>
+<script src="../../static/js/board/intelligentRefrigeratorInterconnectionFactory.js" th:src="@{/js/board/intelligentRefrigeratorInterconnectionFactory.js}"></script>
+<script>
+</script>
+</html>