add - 铝内胆看板
parent
c6f79edf3f
commit
8cf8906cab
@ -0,0 +1,79 @@
|
||||
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日 14:40
|
||||
*/
|
||||
@Controller
|
||||
@RequestMapping("/aluminumTank")
|
||||
public class AluminumTtankController {
|
||||
|
||||
private String prefix = "aluminumTank/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,35 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/aluminumTank/aluminumTankbackground.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.statisticalOutputByModel{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.inventoryStatistics{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.hourlyOutputStatistics{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 93%;
|
||||
height: 32%;
|
||||
bottom: 4.5%;
|
||||
left: 3.5%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
@ -0,0 +1,18 @@
|
||||
$(()=>{
|
||||
//班组统计
|
||||
onDutyPlan(1234,1202,33);
|
||||
|
||||
//按型号统计产量
|
||||
$.getJSON('/aluminumTank/getStatisticalOutputByModel', function (result) {
|
||||
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
|
||||
});
|
||||
|
||||
//小时产量
|
||||
bluePolygonHistogram(null,document.getElementById("hourlyOutputStatistics"));
|
||||
|
||||
//库存统计
|
||||
$.getJSON('/aluminumTank/getInventoryStatistics', function (result) {
|
||||
threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
|
||||
});
|
||||
})
|
||||
|
||||
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>铝内胆数据监控平台</title>
|
||||
<link rel="stylesheet" href="../../../css/aluminumTank/style.css">
|
||||
<link rel="stylesheet" href="../../../css/common/ondutyplan.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="statisticalOutputByModel" id="statisticalOutputByModel"></div>
|
||||
|
||||
<!--库存统计-->
|
||||
<div class="inventoryStatistics" id="inventoryStatistics"></div>
|
||||
|
||||
<!--小时产量-->
|
||||
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
|
||||
</body>
|
||||
|
||||
<script src="../../../js/aluminumTank/index.js"></script>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue