change - 图表样式处理，add - 发泡看板
parent
5f32084d76
commit
c6f79edf3f
@ -0,0 +1,78 @@
|
||||
package com.productionboard.controller;
|
||||
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.ResponseBody;
|
||||
|
||||
/**
|
||||
* 箱体发泡
|
||||
* @author WenJY
|
||||
* @date 2022年04月20日 11:03
|
||||
*/
|
||||
@Controller
|
||||
@RequestMapping("/foamBox")
|
||||
public class FoamBoxController {
|
||||
|
||||
private String prefix = "foamBox/index";
|
||||
|
||||
@GetMapping()
|
||||
public String index()
|
||||
{
|
||||
return prefix;
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据型号统计产量
|
||||
*
|
||||
* @author WenJY
|
||||
* @date 2022/4/20 10:15
|
||||
* @return java.lang.String
|
||||
*/
|
||||
@GetMapping("/getStatisticalOutputByModel")
|
||||
@ResponseBody
|
||||
public String getStatisticalOutputByModel() {
|
||||
String info =
|
||||
"{\n"
|
||||
+ "\t\"datas\":[\n"
|
||||
+ " {\"ranking\": 1,\"station\":\"SC227\",\"value\": 199999},\n"
|
||||
+ " {\"ranking\": 2,\"station\":\"SC228\",\"value\": 104970},\n"
|
||||
+ " {\"ranking\": 3,\"station\":\"SC229\",\"value\": 29034},\n"
|
||||
+ " {\"ranking\": 4,\"station\":\"SC223\",\"value\": 23489},\n"
|
||||
+ " {\"ranking\": 5,\"station\":\"SC224\",\"value\": 18203}\n"
|
||||
+ " ],\n"
|
||||
+ "\t\"plan\":[290000, 290000, 290000, 290000, 290000, 290000]\n"
|
||||
+ "}";
|
||||
return info;
|
||||
}
|
||||
|
||||
/**
|
||||
* 库存 统计
|
||||
*
|
||||
* @author WenJY
|
||||
* @date 2022/4/20 10:16
|
||||
* @return java.lang.String
|
||||
*/
|
||||
@GetMapping("/getInventoryStatistics")
|
||||
@ResponseBody
|
||||
public String getInventoryStatistics() {
|
||||
String info =
|
||||
"{\n"
|
||||
+ "\t\"datas\":[\n"
|
||||
+ " {\n"
|
||||
+ " \"name\": \"SC528\",\n"
|
||||
+ " \"value\": 175.17\n"
|
||||
+ " },\n"
|
||||
+ " {\n"
|
||||
+ " \"name\": \"SC529\",\n"
|
||||
+ " \"value\": 148.35\n"
|
||||
+ " },\n"
|
||||
+ " {\n"
|
||||
+ " \"name\": \"SC327\",\n"
|
||||
+ " \"value\": 95.36\n"
|
||||
+ " }\n"
|
||||
+ " ]\n"
|
||||
+ "}";
|
||||
return info;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,69 @@
|
||||
/*发泡看板CSS样式*/
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/foamBox/foamBoxbackground.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.theCurrentTeam{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.onDutyPlan {
|
||||
border: 0px solid red;
|
||||
width: 10.9%;
|
||||
position: absolute;
|
||||
top: 14.8%;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.scheduledProduction {
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
.actualOutPut {
|
||||
left: 44.5%;
|
||||
}
|
||||
|
||||
.differenceValue {
|
||||
left: 59%;
|
||||
}
|
||||
|
||||
.inventoryStatistics{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 23.5%;
|
||||
height: 23.3%;
|
||||
top: 14.5%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.statisticalOutputByModel{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 23.5%;
|
||||
height: 49%;
|
||||
top: 46%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.hourlyOutputStatistics{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 68%;
|
||||
height: 20%;
|
||||
bottom: 5%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.foamingParameters{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 23.5%;
|
||||
height: 23.3%;
|
||||
top: 14.5%;
|
||||
right: 3.5%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
@ -0,0 +1,20 @@
|
||||
$(()=>{
|
||||
//班组计划统计
|
||||
onDutyPlan(1234,1202,33);
|
||||
|
||||
//库存统计
|
||||
$.getJSON('/foamBox/getInventoryStatistics', function (result) {
|
||||
threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
|
||||
});
|
||||
|
||||
//按型号统计产量
|
||||
$.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
|
||||
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
|
||||
});
|
||||
|
||||
//小时产量
|
||||
brokenLineAreaDiagram(null,document.getElementById("hourlyOutputStatistics"));
|
||||
|
||||
//发泡参数
|
||||
multipleBrokenLineAreaDiagram(null,document.getElementById("foamingParameters"));
|
||||
})
|
||||
@ -0,0 +1,29 @@
|
||||
<!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/foamBox/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>
|
||||
<!--库存统计-->
|
||||
<div class="inventoryStatistics" id="inventoryStatistics"></div>
|
||||
|
||||
<!--型号产量统计-->
|
||||
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
|
||||
|
||||
<!--小时产量统计-->
|
||||
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
|
||||
|
||||
<!--发泡参数-->
|
||||
<div class="foamingParameters" id="foamingParameters"></div>
|
||||
</body>
|
||||
<script src="../../../js/foamBox/index.js"></script>
|
||||
</html>
|
||||
Binary file not shown.
Loading…
Reference in New Issue