add - 发泡机ISO、POL温度
parent
f1f1e1c815
commit
9aa5f2d517
@ -1,15 +0,0 @@
|
||||
# DataSource Config
|
||||
spring:
|
||||
datasource:
|
||||
driver-class-name: oracle.jdbc.OracleDriver
|
||||
url: jdbc:oracle:thin:@10.100.71.119:1521:ORCL
|
||||
username: system
|
||||
password: aucma
|
||||
# url: jdbc:oracle:thin:@124.70.0.226:1521/scada
|
||||
# username: aucma
|
||||
# password: 123456
|
||||
mybatis-plus:
|
||||
mapper-locations: classpath*:/mapper/**Mapper.xml
|
||||
|
||||
server:
|
||||
port: 6069
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,5 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
||||
<mapper namespace="com.scada.productionboard.mapper.BasicScadaDeviceinfoMapper">
|
||||
|
||||
</mapper>
|
||||
@ -1,39 +0,0 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/adsorptionTank/adsorptionTankbackground.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.statisticalOutputByModel{
|
||||
border: 0px solid red;;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
bottom: 4.5%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.inventoryStatistics{
|
||||
border: 0px solid red;;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
bottom: 4.5%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.hourlyOutputStatistics{
|
||||
border: 0px solid red;;
|
||||
position: absolute;
|
||||
width: 93%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
left: 3.5%;
|
||||
}
|
||||
.span_c{
|
||||
margin-left: 5%;
|
||||
margin-right: 10% !important;
|
||||
}
|
||||
@ -1,69 +0,0 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/aluminumLiner/aluminumLiner.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
.dataInformation{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 24%;
|
||||
height: 22%;
|
||||
top: 14%;
|
||||
left: 3.3%;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.synthetic{
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.OEEStatistics {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 42%;
|
||||
height: 26%;
|
||||
top: 71.5%;
|
||||
left: 28.6%;
|
||||
}
|
||||
|
||||
.inventory {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 28%;
|
||||
height: 25%;
|
||||
top: 70%;
|
||||
left: 1%;
|
||||
}
|
||||
|
||||
.loss {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 28%;
|
||||
height: 25%;
|
||||
top: 41%;
|
||||
left: 71%;
|
||||
}
|
||||
|
||||
|
||||
.equipmentFailure {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 28%;
|
||||
height: 22%;
|
||||
top: 75%;
|
||||
left: 70%;
|
||||
}
|
||||
|
||||
.productionPlan {
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 24%;
|
||||
height: 21%;
|
||||
top: 44.5%;
|
||||
left: 3.5%;
|
||||
font-size: 9%;
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
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: 0px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.inventoryStatistics{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.hourlyOutputStatistics{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 93%;
|
||||
height: 32%;
|
||||
bottom: 4.5%;
|
||||
left: 3.5%;
|
||||
}
|
||||
.span_c{
|
||||
margin-left: 5%;
|
||||
margin-right: 10% !important;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,43 +0,0 @@
|
||||
.onDutyPlan{
|
||||
width: 13%;
|
||||
height: 5.6%;
|
||||
position: absolute;
|
||||
top: 9.8%;
|
||||
letter-spacing: 1px;
|
||||
font-size: 12%;
|
||||
color: #FFC700;
|
||||
}
|
||||
|
||||
.display-blocks {
|
||||
text-align: center;
|
||||
font-size: 16% !important;
|
||||
}
|
||||
|
||||
.display-blocks span {
|
||||
margin-top: 5%;
|
||||
margin-right: 15%;
|
||||
}
|
||||
|
||||
.display-blocks span:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.theCurrentTeam{
|
||||
left: 9.8%;
|
||||
color: #6ACBFE;
|
||||
}
|
||||
|
||||
.scheduledProduction{
|
||||
left: 34.4%;
|
||||
color: #FFAE00;
|
||||
}
|
||||
|
||||
.actualOutPut{
|
||||
left: 59%;
|
||||
color:#A0FF00;
|
||||
}
|
||||
|
||||
.differenceValue{
|
||||
left: 83.6%;
|
||||
color: #F51F1E;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,156 +0,0 @@
|
||||
/*发泡看板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%;
|
||||
}
|
||||
|
||||
.foamingLineRunStatus {
|
||||
position: absolute;
|
||||
width: 40%;
|
||||
height: 27%;
|
||||
top: 10.5%;
|
||||
left: 30.1%;
|
||||
}
|
||||
|
||||
.inventoryStatistics {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 23.5%;
|
||||
height: 23.3%;
|
||||
top: 14.5%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.statisticalOutputByModel {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 23.5%;
|
||||
height: 49%;
|
||||
top: 46%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.hourlyOutputStatistics {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 68%;
|
||||
height: 20%;
|
||||
bottom: 5%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.foamingParameters {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 23.5%;
|
||||
height: 23.3%;
|
||||
top: 14.5%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.deviceRunStatus {
|
||||
/*position: absolute;
|
||||
width: 38%;
|
||||
height: 10%;
|
||||
top: 25.5%;
|
||||
left: 33%;
|
||||
border: 1px solid red;
|
||||
color: white;
|
||||
font-size: 12px;*/
|
||||
position: absolute;
|
||||
width: 40%;
|
||||
height: 10%;
|
||||
top: 25.5%;
|
||||
left: 30.2%;
|
||||
border: 0px solid red;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.temperatureOne {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.temperatureTwo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.temperatureThree {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.temperatureFour {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.swiperModule {
|
||||
position: absolute;
|
||||
width: 23%;
|
||||
height: 19%;
|
||||
top: 47%;
|
||||
left: 73%;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
/* background: #fff; */
|
||||
|
||||
/* Center slide text vertically */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.swiper-slide img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/preassemble/preassemblebackground.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.statisticalOutputByModel{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
bottom: 4.5%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.inventoryStatistics{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
bottom: 4.5%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.hourlyOutputStatistics{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 93%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
left: 3.5%;
|
||||
}
|
||||
.span_c{
|
||||
margin-left: 5%;
|
||||
margin-right: 10% !important;
|
||||
}
|
||||
@ -1,110 +0,0 @@
|
||||
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;
|
||||
}
|
||||
|
||||
.productionPlan{
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 33%;
|
||||
height: 36%;
|
||||
top: 14.5%;
|
||||
left: 3.5%;
|
||||
font-size: 12%;
|
||||
}
|
||||
|
||||
.theCurrentInventory{
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 33%;
|
||||
height: 36%;
|
||||
bottom: 5%;
|
||||
left: 3.5%;
|
||||
font-size: 12%;
|
||||
}
|
||||
|
||||
.emptyLocation{
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 4%;
|
||||
height: 4%;
|
||||
top: 48.3%;
|
||||
color:#6BFF71;
|
||||
font-size: 14%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.haveUsedLocation{
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 4%;
|
||||
height: 4%;
|
||||
top: 65%;
|
||||
color:#FF9768;
|
||||
font-size: 14%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.emptyLocationRatio{
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 4%;
|
||||
height: 4%;
|
||||
bottom: 10%;
|
||||
color:#FF9768;
|
||||
font-size: 14%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.haveUsedLocationRatio{
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 4%;
|
||||
height: 4%;
|
||||
bottom: 10%;
|
||||
color:#FF9768;
|
||||
font-size: 14%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
@ -1,127 +0,0 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/tankShell/tankShellDeviceBackground.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.dataInformation {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 24%;
|
||||
height: 22%;
|
||||
top: 14%;
|
||||
left: 3.3%;
|
||||
font-size: 17% !important;
|
||||
}
|
||||
|
||||
.energyProductionStatistics {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 42%;
|
||||
height: 6%;
|
||||
top: 8%;
|
||||
left: 29%;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.runParamStatistics {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 42%;
|
||||
height: 7.5%;
|
||||
top: 25%;
|
||||
left: 29%;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.runParamStatistics div {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
top: 4%;
|
||||
width: 13%;
|
||||
height: 96%;
|
||||
color: blueviolet;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* font-size: 16px !important; */
|
||||
}
|
||||
|
||||
.lossParam {
|
||||
border: 0px solid yellowgreen;
|
||||
position: absolute;
|
||||
width: 8.8%;
|
||||
height: 4.5%;
|
||||
top: 12.5%;
|
||||
right: 6%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: red;
|
||||
font-size: 175% !important;
|
||||
}
|
||||
|
||||
.meterParam {
|
||||
border: 0px solid yellowgreen;
|
||||
position: absolute;
|
||||
width: 8.8%;
|
||||
height: 4.5%;
|
||||
top: 27.4%;
|
||||
right: 6%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #63F659;
|
||||
font-size: 175% !important;
|
||||
}
|
||||
|
||||
.OEEStatistics {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 35%;
|
||||
height: 26%;
|
||||
top: 71.5%;
|
||||
left: 36%;
|
||||
}
|
||||
|
||||
.equipmentFailure {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 28%;
|
||||
height: 22%;
|
||||
top: 75%;
|
||||
left: 70%;
|
||||
}
|
||||
|
||||
.loss {
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 28%;
|
||||
height: 25%;
|
||||
top: 41%;
|
||||
left: 71%;
|
||||
}
|
||||
|
||||
.productionPlan {
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 33%;
|
||||
height: 21%;
|
||||
top: 73.5%;
|
||||
left: 3.5%;
|
||||
font-size: 9%;
|
||||
}
|
||||
|
||||
|
||||
.energyConsumption {
|
||||
position: absolute;
|
||||
border: 0px solid red;
|
||||
width: 26%;
|
||||
height: 20%;
|
||||
top: 46%;
|
||||
left: 2%;
|
||||
font-size: 9%;
|
||||
}
|
||||
@ -1,40 +0,0 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/tankShell/tankshellbackground.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.statisticalOutputByModel{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.inventoryStatistics{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 45.5%;
|
||||
height: 32%;
|
||||
top: 23%;
|
||||
right: 3.5%;
|
||||
}
|
||||
|
||||
.hourlyOutputStatistics{
|
||||
border: 0px solid red;
|
||||
position: absolute;
|
||||
width: 93%;
|
||||
height: 32%;
|
||||
bottom: 4.5%;
|
||||
left: 3.5%;
|
||||
}
|
||||
|
||||
.span_c{
|
||||
margin-left: 5%;
|
||||
margin-right: 10% !important;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 MiB |
@ -1,24 +0,0 @@
|
||||
$(() => {
|
||||
// onDutyPlan(1234,1202,33);
|
||||
$.getJSON('/adsorptionTank/getTeamStatisticsJson', function (result) {
|
||||
storageStatistics(result.className, result.planAmount, result.actualAmount, result.differenceAmount,)
|
||||
});
|
||||
|
||||
//按型号统计产量
|
||||
$.getJSON('/adsorptionTank/getMaterialProdutionJson', function (result) {
|
||||
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
|
||||
});
|
||||
|
||||
//小时产量
|
||||
$.getJSON('/adsorptionTank/getHourProdutionJson', function (result) {
|
||||
brokenLineAreaDiagram(result, document.getElementById("hourlyOutputStatistics"));
|
||||
});
|
||||
|
||||
|
||||
//库存统计
|
||||
$.getJSON('/adsorptionTank/getMaterialStoreJson', function (result) {
|
||||
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
@ -1,77 +0,0 @@
|
||||
$(() => {
|
||||
|
||||
//数据信息
|
||||
$.getJSON('/aluminumLiner/getDataInformation', function (result) {
|
||||
const statusArray = [1, 0, 0, 0, 0];
|
||||
if (result.length > 0) {
|
||||
statusArray[0] = result[0].deviceStatus == "正常" ? 1 : 0;
|
||||
statusArray[1] = result[0].devicePower;
|
||||
statusArray[2] = result[0].deviceEnergy;
|
||||
}
|
||||
dataInformationFunction(statusArray);
|
||||
});
|
||||
$.getJSON('/aluminumLiner/getRunParameters', function (result) {
|
||||
synthetic(result)
|
||||
});
|
||||
|
||||
|
||||
//loss/aluminumLiner/getLossStatistics
|
||||
$.getJSON('/aluminumLiner/getLossStatistics', function (result) {
|
||||
loss(result, document.getElementById("loss"));
|
||||
});
|
||||
|
||||
|
||||
//设备OEE统计
|
||||
$.getJSON('/aluminumLiner/getOeeStatistics', function (result) {
|
||||
OEEStatistics(result, document.getElementById("OEEStatistics"));
|
||||
});
|
||||
|
||||
//库存情况
|
||||
$.getJSON('/tankShell/getInventoryStatistics', function (result) {
|
||||
inventory(result, document.getElementById("inventory"));
|
||||
});
|
||||
|
||||
|
||||
//生产计划
|
||||
$.ajax({
|
||||
url: '/storage/getProductionPlan',
|
||||
type: 'GET',
|
||||
dataType: 'JSON',
|
||||
success: function (res) {
|
||||
let Res = res
|
||||
Res.data.forEach(val => {
|
||||
val[0] = 'sc-228NE'
|
||||
val[1] = '431'
|
||||
val[2] = '0'
|
||||
val[3] = '431'
|
||||
val[4] = '0%'
|
||||
});
|
||||
Res.header = ['型号', '计划数', '完成数', '差异数', '执行进度']
|
||||
dynamicTable({
|
||||
el: '#productionPlan',
|
||||
rowNum: 5,
|
||||
timeout: 0,
|
||||
header: Res.header,
|
||||
data: Res.data,
|
||||
index: false,
|
||||
fontColor: '#B4B7BF ',
|
||||
indexBGC: '#86F3FF',
|
||||
headerBGC: 'rgba(8,36,75,0.2)',
|
||||
oddRowBGC: 'rgba(8,36,75,0.2)',
|
||||
evenRowBGC: 'rgba(6,25,57,0.2)',
|
||||
colWidth: ['100%', '100%', '100%', '100%', '100%']
|
||||
});
|
||||
},
|
||||
error: function (e) {
|
||||
console.log(e)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
//设备故障排名
|
||||
$.getJSON('/tankShell/getStatisticalOutputByModel', function (result) {
|
||||
equipmentFailure(result, document.getElementById("equipmentFailure"));
|
||||
});
|
||||
|
||||
})
|
||||
@ -1,22 +0,0 @@
|
||||
$(()=>{
|
||||
//班组统计
|
||||
$.getJSON('/aluminumTank/getTeamStatisticsJson', function (result) {
|
||||
storageStatistics(result.className, result.planAmount, result.actualAmount, result.differenceAmount,)
|
||||
});
|
||||
|
||||
//按型号统计产量
|
||||
$.getJSON('/aluminumTank/getMaterialProdutionJson', function (result) {
|
||||
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
|
||||
});
|
||||
|
||||
//小时产量
|
||||
$.getJSON('/aluminumTank/getHourProdutionJson', function (result) {
|
||||
bluePolygonHistogram(result, document.getElementById("hourlyOutputStatistics"));
|
||||
});
|
||||
|
||||
//库存统计
|
||||
$.getJSON('/aluminumTank/getMaterialStoreJson', function (result) {
|
||||
multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
|
||||
});
|
||||
})
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -1,66 +0,0 @@
|
||||
/*当前班组统计封装*/
|
||||
$(() =>{
|
||||
let html = `<div id="theCurrentTeam" class="onDutyPlan display-blocks theCurrentTeam">
|
||||
<span>-</span>
|
||||
<span>-</span>
|
||||
<span class="span_c" >-</span>
|
||||
<span>-</span>
|
||||
</div>
|
||||
|
||||
<div id="scheduledProduction" class="onDutyPlan display-blocks scheduledProduction">
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
</div>
|
||||
|
||||
<div id="actualOutPut" class="onDutyPlan display-blocks actualOutPut">
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
</div>
|
||||
|
||||
<div id="differenceValue" class="onDutyPlan display-blocks differenceValue">
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
<span>0</span>
|
||||
</div>`;
|
||||
|
||||
$('body').append(html);
|
||||
})
|
||||
|
||||
let onDutyPlan = (scheduledProductionNumber,actualOutPutNumber,differenceValueNumber) =>{
|
||||
const scheduledProduction = [];
|
||||
const actualOutPut = [];
|
||||
const differenceValue = [];
|
||||
|
||||
for (let i = 1; i <= 4; i++) {
|
||||
scheduledProduction.push(`#scheduledProduction :nth-child(${i})`);
|
||||
actualOutPut.push(`#actualOutPut :nth-child(${i})`);
|
||||
differenceValue.push(`#differenceValue :nth-child(${i})`);
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,43 +0,0 @@
|
||||
|
||||
const dataInformationFunction = (statusArray) => {
|
||||
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
|
||||
<tr style="width: 100%; height: 50%;">
|
||||
<td style="font-size:150%;border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 1 ? 'style="color:rgb(107, 253, 110);"' : 'style="color: rgb(255, 105, 106);"'} class="fa-regular ${statusArray[0] == 1 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 1 ? `<span style="color:rgb(107, 253, 110);margin-left: 10px">正常</span>` : `<span style="color: rgb(255, 105, 106);margin-left: 10px">异常</span>`}</td>
|
||||
<td style="font-size:150%;border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">${statusArray[1]}</td>
|
||||
</tr>
|
||||
<tr style="width: 100%; height: 50%;">
|
||||
<td style="font-size:150%;border:0px solid red;text-align:center;width: 50%;color: #59B2F6;">${statusArray[2]}kW·h</td>
|
||||
<td style="font-size:150%;border:0px solid red;text-align:center;width: 50%;color: red;">${statusArray[3]}</td>
|
||||
</tr>
|
||||
</table>`;
|
||||
$("#dataInformation").append(info);
|
||||
}
|
||||
const synthetic = (statusArray) => {
|
||||
console.log(statusArray);
|
||||
let info = `<table style="position: absolute;top: 9%;left: 30%;width: 40%;height:7%;">
|
||||
<tr style="width: 100%; height: 50%;">
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 23%;color: #59B2F6;">${statusArray[0] || 0}</td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 27%;color: #63F659;">${statusArray[1] || 0}</td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 27%;color: #59B2F6;">${statusArray[2] || 0}</td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 19%;color: #FF696A;">${statusArray[3] || 0}</td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 15%;"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table style="position: absolute;top: 24%;left: 30%;width: 42%;height:10%;">
|
||||
<tr style="width: 100%; height: 50%;">
|
||||
<td style="border:0px solid red;text-align:center;width: 7%;"></td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #59B2F6;">${statusArray[4] || 0}</td>
|
||||
<td style="border:0px solid red;text-align:center;width: 13%;"></td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #FF696A;">${statusArray[5] || 0}</td>
|
||||
<td style="border:0px solid red;text-align:center;width: 12%;"></td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 13%;color: #63F659;">${statusArray[6] || 0}</td>
|
||||
<td style="border:0px solid red;text-align:center;width: 13%;"></td>
|
||||
<td style="border:0px solid red;font-size:175%;text-align:center;width: 14%;color: #FF696A;">${statusArray[7] || 0}</td>
|
||||
<td style="border:0px solid red;text-align:center;width: 0%;"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<span style="position: absolute;font-size:175%;top: 12%;left: 85%;width: 9%; height: 6%; text-align: center;color: red;display:inline-block;-webkit-background-clip: text;">${statusArray[8] || 0}</span>
|
||||
<span style="position: absolute;font-size:175%;top: 26.7%;left: 85%;width: 9%; height: 6%; text-align: center;color: #63F659;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
|
||||
`;
|
||||
$("#synthetic").append(info);
|
||||
}
|
||||
@ -1,28 +0,0 @@
|
||||
const tableAnimation = (el) => {
|
||||
const evenRowBGC = 'rgba(6,25,57,0.2)' === undefined ? '#ddd' : 'rgba(6,25,57,0.2)';
|
||||
const oddRowBGC = 'rgba(8,36,75,0.2)' === undefined ? '#bbb' : 'rgba(8,36,75,0.2)';
|
||||
const trEvenCSS = {
|
||||
display: "flex",
|
||||
background: evenRowBGC
|
||||
};
|
||||
const trOddCSS = {
|
||||
display: "flex",
|
||||
background: oddRowBGC
|
||||
};
|
||||
let oddORevenCheck = $(`${el}>.table>.tbody>.tr`).length % 2 == 0 ? 'even' : 'odd';
|
||||
setInterval(function () {
|
||||
$(el + '>.table>.tbody>.tr:eq(0)').slideToggle(100, function () {
|
||||
switch (oddORevenCheck) {
|
||||
case 'even':
|
||||
$(this).clone().css(trEvenCSS).appendTo(el + '>.table>.tbody');
|
||||
oddORevenCheck = 'odd';
|
||||
break;
|
||||
case 'odd':
|
||||
$(this).clone().css(trOddCSS).appendTo(el + '>.table>.tbody');
|
||||
oddORevenCheck = 'even';
|
||||
break;
|
||||
}
|
||||
$(this).remove();
|
||||
});
|
||||
}, 2000);
|
||||
}
|
||||
@ -1,26 +0,0 @@
|
||||
function updateSplitBlocks(num, selectors) {
|
||||
const numStr = numberPad(num, selectors.length, true)
|
||||
for (let index in numStr) {
|
||||
document.querySelector(selectors[index]).innerText = numStr[index].toString()
|
||||
}
|
||||
}
|
||||
|
||||
function numberPad(num, length, abs = false) {
|
||||
// if (isNaN(num)) {
|
||||
// num = 0
|
||||
// }
|
||||
|
||||
const negative = num < 0 && !abs
|
||||
// const outStr = Math.abs(num).toString().padStart(length, '0')
|
||||
if (isNaN(num)) {
|
||||
var outStr = num.toString().padStart(length, '-')
|
||||
} else {
|
||||
var outStr = num.toString().padStart(length, '0')
|
||||
}
|
||||
// const outStr = num.toString().padStart(length, '0')
|
||||
if (negative) {
|
||||
return '-' + outStr
|
||||
}
|
||||
|
||||
return outStr
|
||||
}
|
||||
@ -1,150 +0,0 @@
|
||||
$(() => {
|
||||
|
||||
//班组计划统计
|
||||
// onDutyPlan(1234, 1202, 33);
|
||||
$.getJSON('/foamBox/getTeamStatisticsJson', function (result) {
|
||||
onDutyPlan( result.planAmount, result.actualAmount, result.differenceAmount,)
|
||||
});
|
||||
|
||||
//设备运行状态
|
||||
$.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) {
|
||||
deviceStatus(result);
|
||||
});
|
||||
|
||||
|
||||
//库存统计
|
||||
$.getJSON(`/foamBox/getMaterialStoreJson`, function (result) {
|
||||
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
|
||||
});
|
||||
|
||||
//按型号统计产量
|
||||
$.getJSON('/foamBox/getMaterialProdutionJson', function (result) {
|
||||
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
|
||||
});
|
||||
|
||||
//小时产量
|
||||
$.getJSON('/foamBox/getHourProdutionJson', function (result) {
|
||||
brokenLineAreaDiagram(result, document.getElementById("hourlyOutputStatistics"));
|
||||
});
|
||||
|
||||
//发泡参数
|
||||
$.getJSON(`/foamBox/getParamTemperature?ids=${ids}`, function (result) {
|
||||
multipleBrokenLineAreaDiagram(result, document.getElementById("foamingParameters"));
|
||||
});
|
||||
|
||||
// 模具温度1
|
||||
|
||||
const temperature = (res, ids) => {
|
||||
let mycharts = echarts.init(ids);
|
||||
|
||||
|
||||
let option = {
|
||||
grid: {
|
||||
top: '10%',
|
||||
left: '6%',
|
||||
right: '6%',
|
||||
bottom: '0',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
interval: 0,
|
||||
type: 'category',
|
||||
data: ['066', '066', '066', '066', '066'],
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
splitLine: {
|
||||
show: false,
|
||||
},
|
||||
type: 'value',
|
||||
name: 'Precipitation',
|
||||
min: 0,
|
||||
max: 50,
|
||||
interval: 10,
|
||||
axisLabel: {
|
||||
formatter: '{value} ml'
|
||||
}
|
||||
},
|
||||
{
|
||||
splitLine: {
|
||||
show: false,
|
||||
},
|
||||
type: 'value',
|
||||
name: 'Temperature',
|
||||
min: 0,
|
||||
max: 5,
|
||||
interval: 1,
|
||||
axisLabel: {
|
||||
formatter: '{value} °C'
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: 'Evaporation',
|
||||
type: 'bar',
|
||||
tooltip: {
|
||||
valueFormatter: function (value) {
|
||||
return value + ' ml';
|
||||
}
|
||||
},
|
||||
data: [
|
||||
2.0, 4.9, 7.0, 23.2, 25.6
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Precipitation',
|
||||
type: 'bar',
|
||||
tooltip: {
|
||||
valueFormatter: function (value) {
|
||||
return value + ' ml';
|
||||
}
|
||||
},
|
||||
data: [
|
||||
2.6, 5.9, 9.0, 26.4, 28.7
|
||||
]
|
||||
},
|
||||
]
|
||||
};
|
||||
|
||||
mycharts.setOption(option);
|
||||
$(window).resize(mycharts.resize);
|
||||
}
|
||||
|
||||
$.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
|
||||
temperature(result, document.getElementById("temperatureOne"));
|
||||
});
|
||||
$.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
|
||||
temperature(result, document.getElementById("temperatureTwo"));
|
||||
});
|
||||
$.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
|
||||
temperature(result, document.getElementById("temperatureThree"));
|
||||
});
|
||||
$.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
|
||||
temperature(result, document.getElementById("temperatureFour"));
|
||||
});
|
||||
|
||||
|
||||
})
|
||||
|
||||
const deviceStatus = (statusArray) => {
|
||||
let info = `<table style="width: 100%;height:100%;">
|
||||
<tr style="width: 100%;">
|
||||
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
|
||||
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[1] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
|
||||
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[2] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
|
||||
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[3] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
|
||||
<td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/${statusArray[4] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
|
||||
<td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/${statusArray[5] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
|
||||
</tr>
|
||||
</table>`;
|
||||
|
||||
$(".foamingLineRunStatus table tr").append(info);
|
||||
|
||||
}
|
||||
|
||||
@ -1,22 +0,0 @@
|
||||
$(()=>{
|
||||
// onDutyPlan(1234,1202,33);
|
||||
$.getJSON('/preassemble/getTeamStatisticsJson', function (result) {
|
||||
storageStatistics(result.className, result.planAmount, result.actualAmount, result.differenceAmount,)
|
||||
});
|
||||
//按型号统计产量
|
||||
$.getJSON('/preassemble/getMaterialProdutionJson', function (result) {
|
||||
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
|
||||
});
|
||||
|
||||
//小时产量
|
||||
$.getJSON('/preassemble/getHourProdutionJson', function (result) {
|
||||
greenPolygonalHistogram(result, document.getElementById("hourlyOutputStatistics"));
|
||||
});
|
||||
|
||||
//库存统计
|
||||
$.getJSON('/preassemble/getMaterialStoreJson', function (result) {
|
||||
threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
@ -1,45 +0,0 @@
|
||||
$(()=>{
|
||||
//单日出入库统计
|
||||
storageStatistics(123,233,211,124);
|
||||
|
||||
//生产计划
|
||||
$.ajax({
|
||||
url: '/storage/getProductionPlan',
|
||||
type: 'GET',
|
||||
dataType: 'JSON',
|
||||
success: function(res) {
|
||||
dynamicTable({
|
||||
el: '#productionPlan',
|
||||
rowNum: 5,
|
||||
timeout: 0,
|
||||
header: res.header,
|
||||
data: res.data,
|
||||
index: false,
|
||||
fontColor: '#B4B7BF ',
|
||||
indexBGC: '#86F3FF',
|
||||
headerBGC: 'rgba(8,36,75,0.2)',
|
||||
oddRowBGC: 'rgba(8,36,75,0.2)',
|
||||
evenRowBGC: 'rgba(6,25,57,0.2)',
|
||||
colWidth: ['100%', '100%', '100%', '100%','100%']
|
||||
});
|
||||
},
|
||||
error: function(e) {
|
||||
console.log(e)
|
||||
}
|
||||
});
|
||||
|
||||
//当前库存统计
|
||||
multipleThreeDimensionalCylindrical(null,document.getElementById("theCurrentInventory"));
|
||||
|
||||
//库存统计
|
||||
$("#emptyLocation-left").text(123);
|
||||
$("#emptyLocation-right").text(456);
|
||||
$("#haveUsedLocation-left").text(789);
|
||||
$("#haveUsedLocation-right").text(1234);
|
||||
|
||||
//库位占比
|
||||
$("#emptyLocationNumber").text(68);
|
||||
$("#emptyLocationRatio").text("39%");
|
||||
$("#haveUsedLocationNumber").text(132);
|
||||
$("#haveUsedLocationRatio").text("61%");
|
||||
})
|
||||
@ -1,124 +0,0 @@
|
||||
$(() => {
|
||||
|
||||
//设备OEE统计
|
||||
$.getJSON('/tankShellDevice/getOeeStatistics', function (result) {
|
||||
OEEStatistics(result, document.getElementById("OEEStatistics"));
|
||||
});
|
||||
setInterval(() => {
|
||||
// OEEStatistics(result, document.getElementById("OEEStatistics"));
|
||||
}, 1000);
|
||||
|
||||
//设备故障排名
|
||||
$.getJSON('/tankShell/getStatisticalOutputByModel', function (result) {
|
||||
equipmentFailure(result, document.getElementById("equipmentFailure"));
|
||||
});
|
||||
|
||||
//loss
|
||||
$.getJSON('/tankShellDevice/getLossStatistics', function (result) {
|
||||
loss(result, document.getElementById("loss"));
|
||||
});
|
||||
|
||||
//设备产量能耗对比
|
||||
$.getJSON('/tankShellDevice/getEnergyConsumption', function (result) {
|
||||
energyConsumption(result, document.getElementById("energyConsumption"));
|
||||
});
|
||||
|
||||
const tableRes = {}
|
||||
//生产计划
|
||||
const getTable = () => {
|
||||
$.ajax({
|
||||
url: '/tankShellDevice/getDeviceParameterValue',
|
||||
type: 'GET',
|
||||
dataType: 'JSON',
|
||||
success: function (res) {
|
||||
if (res.length === tableRes.data?.length) return
|
||||
console.log(res.length +'+'+ tableRes.data?.length);
|
||||
$('#productionPlan').remove()
|
||||
$('.scrollTable').html('<div class="productionPlan" id="productionPlan"></div>')
|
||||
tableRes.data = res.map(val => [val.deviceId, val.prameterName, val.prameterValue, val.createTime,])
|
||||
tableRes.header = ['设备名称', '参数名称', '当前值', '时间',]
|
||||
dynamicTable({
|
||||
el: '#productionPlan',
|
||||
rowNum: 5,
|
||||
timeout: 0,
|
||||
header: tableRes.header,
|
||||
data: tableRes.data,
|
||||
index: false,
|
||||
fontColor: '#B4B7BF ',
|
||||
indexBGC: '#86F3FF',
|
||||
headerBGC: 'rgba(8,36,75,0.2)',
|
||||
oddRowBGC: 'rgba(8,36,75,0.2)',
|
||||
evenRowBGC: 'rgba(6,25,57,0.2)',
|
||||
colWidth: ['100%', '100%', '40%', '160%',]
|
||||
});
|
||||
},
|
||||
error: function (e) {
|
||||
console.log(e)
|
||||
}
|
||||
});
|
||||
}
|
||||
getTable()
|
||||
setInterval(() => {
|
||||
getTable()
|
||||
}, 10000);
|
||||
tableAnimation('#productionPlan')
|
||||
/*数据信息*/
|
||||
$.getJSON('/tankShellDevice/getDataInformation', function (result) {
|
||||
dataInformationFunction(result)
|
||||
});
|
||||
$.getJSON('/tankShellDevice/getRunParameters', function (result) {
|
||||
console.log(result);
|
||||
energyProductionStatisticsFunction(result)
|
||||
runParamStatisticsFunction(result)
|
||||
$("#lossParam").text(result[8]);
|
||||
|
||||
$("#meterParam").text(result[9]);
|
||||
});
|
||||
$.getJSON('/tankShellDevice/getRunParameters', function (result) {
|
||||
runParamStatisticsFunction(result)
|
||||
});
|
||||
})
|
||||
|
||||
/*数据信息*/
|
||||
const dataInformationFunction = (statusArray) => {
|
||||
let res = statusArray[0]
|
||||
console.log(res);
|
||||
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
|
||||
<tr style="width: 100%; height: 50%;">
|
||||
<td style="border:0px solid red;text-align:center;width: 50%;"><i ${res.deviceStatus == 1 ? 'style="color:rgb(107, 253, 110);"' : 'style="color: rgb(255, 105, 106);"'} class="fa-regular ${res.deviceStatus == 1 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${res.deviceStatus == 1 ? `<span style="color:rgb(107, 253, 110);margin-left: 10px">正常</span>` : `<span style="color:rgb(255, 105, 106);margin-left: 10px">异常</span>`}</td>
|
||||
<td style="border:0px solid red;text-align:center;width: 50%;color: #FFEF76;"> ${res.devicePower}kW</td>
|
||||
</tr>
|
||||
<tr style="width: 100%; height: 50%;">
|
||||
|
||||
<td style="border:0px solid red;text-align:center;width: 50%;color: #59B2F6;"> ${res.deviceEnergy}kW·h</td>
|
||||
<td style="border:0px solid red;text-align:center;width: 50%;color: red;">2</td>
|
||||
</tr>
|
||||
</table>`;
|
||||
|
||||
$("#dataInformation").append(info);
|
||||
}
|
||||
|
||||
/*能耗产量统计*/
|
||||
const energyProductionStatisticsFunction = (statusArray) => {
|
||||
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
|
||||
<tr style="width: 100%; height: 100%;">
|
||||
<td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #59B2F6;">${statusArray[0]}</td>
|
||||
<td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #63F659;">${statusArray[1]}</td>
|
||||
<td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #59B2F6;">${statusArray[2]}</td>
|
||||
<td style="font-size:175%;border:0px solid red;width: 25%;text-align:center;color: #FF696A;">${statusArray[3]}</td>
|
||||
</tr>
|
||||
</table>`;
|
||||
|
||||
$("#energyProductionStatistics").append(info);
|
||||
}
|
||||
|
||||
const runParamStatisticsFunction = (statusArray) => {
|
||||
let info = `
|
||||
<div style="font-size:175%;left: 9%;color:#59B2F6">${statusArray[4]}</div>
|
||||
<div style="font-size:175%;left: 35%;color:#FF696A">${statusArray[5]}</div>
|
||||
<div style="font-size:175%;left: 61%;color:#63F659">${statusArray[6]}</div>
|
||||
<div style="font-size:175%;left: 87%;color:#FF696A">${statusArray[7]}</div>
|
||||
`;
|
||||
|
||||
$("#runParamStatistics").append(info);
|
||||
}
|
||||
@ -1,23 +0,0 @@
|
||||
$(()=>{
|
||||
//班组统计
|
||||
// onDutyPlan(1234,1202,33);
|
||||
$.getJSON('/tankShell/getTeamStatisticsJson', function (result) {
|
||||
storageStatistics(result.className, result.planAmount, result.actualAmount, result.differenceAmount,)
|
||||
});
|
||||
|
||||
//按型号统计产量
|
||||
$.getJSON('/tankShell/getMaterialProdutionJson', function (result) {
|
||||
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
|
||||
});
|
||||
|
||||
//小时产量
|
||||
$.getJSON('/tankShell/getHourProdutionJson', function (result) {
|
||||
brokenLineAreaDiagram(result, document.getElementById("hourlyOutputStatistics"));
|
||||
});
|
||||
|
||||
//库存统计
|
||||
$.getJSON('/tankShell/getMaterialStoreJson', function (result) {
|
||||
multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
|
||||
});
|
||||
})
|
||||
|
||||
@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>吸附内胆数据监控平台</title>
|
||||
<link rel="stylesheet" href="../../../css/adsorptionTank/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="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
|
||||
|
||||
<!--型号产量统计-->
|
||||
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
|
||||
|
||||
<!--库存统计-->
|
||||
<div class="inventoryStatistics" id="inventoryStatistics"></div>
|
||||
</body>
|
||||
<script src="../../../js/adsorptionTank/index.js"></script>
|
||||
</html>
|
||||
@ -1,46 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>铝内胆数据监控平台</title>
|
||||
<link rel="stylesheet" href="../../../css/aluminumLiner/style.css">
|
||||
<link rel="stylesheet" href="../../../css/common/fontawesome-all.min.css">
|
||||
<script src="../../../js/common/fontawesome-all.min.js"></script>
|
||||
<script src="../../../js/common/jquery.min.js"></script>
|
||||
<script src="../../../js/common/echarts.min.js"></script>
|
||||
<script src="../../../js/common/update-split-blocks.js"></script>
|
||||
<script src="../../../js/common/echarts.common.js"></script>
|
||||
<script src="../../../js/common/scrollTable.js"></script>
|
||||
<script src="../../../js/common/date-time-common.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--数据信息-->
|
||||
<div class="dataInformation" id="dataInformation"></div>
|
||||
|
||||
<!--能耗产量统计-->
|
||||
<div class="synthetic" id="synthetic"></div>
|
||||
|
||||
<!--设备OEE统计-->
|
||||
<div class="OEEStatistics" id="OEEStatistics"></div>
|
||||
|
||||
<!--库存情况-->
|
||||
<div class="inventory" id="inventory"></div>
|
||||
|
||||
|
||||
<!--生产计划-->
|
||||
<div class="productionPlan" id="productionPlan"></div>
|
||||
|
||||
<!--loss-->
|
||||
<div class="loss" id="loss"></div>
|
||||
|
||||
|
||||
<!--设备故障排名-->
|
||||
<div class="equipmentFailure" id="equipmentFailure"></div>
|
||||
|
||||
</body>
|
||||
<script src="../../../js/common/synthetic.js"></script>
|
||||
<script src="../../../js/aluminumLiner/index.js"></script>
|
||||
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue