wenjy
/
aucma-scada-visual-board-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加轮询

Browse Source
master
夜笙歌 2 years ago
parent a2b8eeb4ab
commit d7bbea4dcb
57 changed files with 1586 additions and 1495 deletions
Show Stats Download Patch File Download Diff File

9
productionboard/src/main/resources/static/css/adsorptionTank/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;;
position: absolute;
width: 93%;
@ -33,7 +33,8 @@ body {
top: 23%;
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

8
productionboard/src/main/resources/static/css/aluminumLiner/style.css
Unescape Escape View File

@ -4,7 +4,7 @@ body {
}
.dataInformation{
.dataInformation {
border: 0px solid red;
position: absolute;
width: 24%;
@ -13,7 +13,8 @@ body {
left: 3.3%;
font-size: 10% !important;
}
.synthetic{
.synthetic {
font-size: 10% !important;
}
@ -63,6 +64,7 @@ body {
left: 3.5%;
font-size: 9%;
}
.productionPlan .tbody .tr .td:first-child{
.productionPlan .tbody .tr .td:first-child {
font-size: 12px;
}

9
productionboard/src/main/resources/static/css/aluminumTank/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;
position: absolute;
width: 93%;
@ -33,7 +33,8 @@ body {
bottom: 4.5%;
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

12
productionboard/src/main/resources/static/css/common/ondutyplan.css
Unescape Escape View File

@ -1,4 +1,4 @@
.onDutyPlan{
.onDutyPlan {
width: 13%;
height: 5.6%;
position: absolute;
@ -22,22 +22,22 @@
margin-right: 0;
}
.theCurrentTeam{
.theCurrentTeam {
left: 9.8%;
color: #6ACBFE;
}
.scheduledProduction{
.scheduledProduction {
left: 34.4%;
color: #FFAE00;
}
.actualOutPut{
.actualOutPut {
left: 59%;
color:#A0FF00;
color: #A0FF00;
}
.differenceValue{
.differenceValue {
left: 83.6%;
color: #F51F1E;
}

9
productionboard/src/main/resources/static/css/preassemble/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;
position: absolute;
width: 93%;
@ -33,7 +33,8 @@ body {
top: 23%;
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

26
productionboard/src/main/resources/static/css/storage/style.css
Unescape Escape View File

@ -24,8 +24,8 @@ body {
.scheduledProduction {
left: 55.2%;
color:#A0FF00;
}
color: #A0FF00;
}
.actualOutPut {
left: 69.7%;
@ -34,10 +34,10 @@ body {
.differenceValue {
left: 82.9%;
color:#A0FF00;
color: #A0FF00;
}
.productionPlan{
.productionPlan {
position: absolute;
border: 0px solid red;
width: 33%;
@ -47,7 +47,7 @@ body {
font-size: 12%;
}
.theCurrentInventory{
.theCurrentInventory {
position: absolute;
border: 0px solid red;
width: 33%;
@ -57,52 +57,52 @@ body {
font-size: 12%;
}
.emptyLocation{
.emptyLocation {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
top: 48.3%;
color:#6BFF71;
color: #6BFF71;
font-size: 14%;
display: flex;
align-items: center;
justify-content: center;
}
.haveUsedLocation{
.haveUsedLocation {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
top: 65%;
color:#FF9768;
color: #FF9768;
font-size: 14%;
display: flex;
align-items: center;
justify-content: center;
}
.emptyLocationRatio{
.emptyLocationRatio {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
bottom: 10%;
color:#FF9768;
color: #FF9768;
font-size: 14%;
display: flex;
align-items: center;
justify-content: center;
}
.haveUsedLocationRatio{
.haveUsedLocationRatio {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
bottom: 10%;
color:#FF9768;
color: #FF9768;
font-size: 14%;
display: flex;
align-items: center;

8
productionboard/src/main/resources/static/css/tankShell/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;
position: absolute;
width: 93%;
@ -34,7 +34,7 @@ body {
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

5
productionboard/src/main/resources/static/js/adsorptionTank/index.js
Unescape Escape View File

@ -1,5 +1,5 @@
$(() => {
// onDutyPlan(1234,1202,33);
let fun = () => {
$.getJSON('/adsorptionTank/getTeamStatisticsJson', function (result) {
// alert(result.actualAmount+"\t"+ result.differenceAmount)
storageStatistics(result.className, result.planAmount, result.actualAmount, result.differenceAmount,)
@ -20,6 +20,9 @@ $(() => {
$.getJSON('/adsorptionTank/getMaterialStoreJson', function (result) {
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

29
productionboard/src/main/resources/static/js/aluminumLiner/index.js
Unescape Escape View File

@ -1,4 +1,5 @@
$(() => {
let fun = () => {
//数据信息
$.getJSON('/aluminumLiner/getDataInformation', function (result) {
@ -11,7 +12,7 @@ $(() => {
dataInformationFunction(statusArray);
});
$.getJSON('/aluminumLiner/getRunParameters', function (result) {
synthetic(result,{a:1,b:1})
synthetic(result, {a: 1, b: 1})
});
@ -32,16 +33,26 @@ $(() => {
});
//设备故障排名
$.getJSON('/aluminumLiner/getStatisticalOutputByModel', function (result) {
equipmentFailure(result, document.getElementById("equipmentFailure"));
});
setTimeout(fun, 10000)
}
fun()
let fun2 = () => {
//生产计划
$.ajax({
url: '/aluminumLiner/getProductionPlan',
type: 'get',
dataType: 'JSON',
success: function (res) {
$('#productionPlan').empty()
let Res = {}
Res.data=res.map(val => {
return [val["spe"],val["oq"],val["aq"],val["cha"],val.round,]
Res.data = res.map(val => {
return [val["spe"], val["oq"], val["aq"], val["cha"], val.round,]
})
Res.header = ['型号', '计划数', '完成数', '差异数', '执行进度']
dynamicTable({
@ -62,14 +73,8 @@ $(() => {
error: function (e) {
}
});
return setTimeout(fun2, 100000)
}
fun2()
tableAnimation('#productionPlan')
//设备故障排名
$.getJSON('/aluminumLiner/getStatisticalOutputByModel', function (result) {
equipmentFailure(result, document.getElementById("equipmentFailure"));
});
})

12
productionboard/src/main/resources/static/js/aluminumTank/index.js
Unescape Escape View File

@ -1,13 +1,14 @@
$(()=>{
$(() => {
let fun = () => {
//班组统计
$.getJSON('/aluminumTank/getTeamStatisticsJson', function (result) {
console.log(result.planAmount+' 数据'+ result.actualAmount, result.differenceAmount)
console.log(result.planAmount + ' 数据' + result.actualAmount, result.differenceAmount)
storageStatistics('白班', result.planAmount, result.actualAmount, result.differenceAmount,)
});
//按型号统计产量
$.getJSON('/aluminumTank/getMaterialProdutionJson', function (result) {
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
});
//小时产量
@ -18,7 +19,10 @@ $(()=>{
//库存统计
$.getJSON('/aluminumTank/getMaterialStoreJson', function (result) {
console.log(result)
multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

43
productionboard/src/main/resources/static/js/common/date-time-common.js
Unescape Escape View File

@ -13,55 +13,56 @@ let rootWidth = document.documentElement.clientWidth || document.body.clientWidt
let rootDom = document.querySelector('html');
rootDom.style.fontSize = rootWidth / 10 + 'px';
getnow();
function getnow(){
function getnow() {
//1、获得当前时间，格式化时间
var now=new Date();
var now = new Date();
var year=now.getFullYear();
var year = now.getFullYear();
var month=now.getMonth()+1;
var month = now.getMonth() + 1;
if(month<10){
if (month < 10) {
month="0"+month;
month = "0" + month;
}
var date=now.getDate();
var date = now.getDate();
if(date<10){
if (date < 10) {
date="0"+date;
date = "0" + date;
}
var hour=now.getHours();
var hour = now.getHours();
if(hour<10){
if (hour < 10) {
hour="0"+hour;
hour = "0" + hour;
}
var minute=now.getMinutes();
var minute = now.getMinutes();
if(minute<10){
if (minute < 10) {
minute="0"+minute;
minute = "0" + minute;
}
var second=now.getSeconds();
var second = now.getSeconds();
if(second<10){
if (second < 10) {
second="0"+second;
second = "0" + second;
}
var nowstr=year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
var nowstr = year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
//alert(nowstr);
//alert(nowstr);
@ -70,8 +71,8 @@ function getnow(){
/*var nowspan=document.getElementById("nowspan");
nowspan.innerHTML=nowstr;*/
//2021-09-30 12:00:00
$("#dateinfo").html(nowstr.slice(0,10));
$("#timeinfo").html(nowstr.slice(11,19));
$("#dateinfo").html(nowstr.slice(0, 10));
$("#timeinfo").html(nowstr.slice(11, 19));
//3、使时间动起来
setTimeout("getnow()", 1000);
}

45
productionboard/src/main/resources/static/js/common/echarts.common.js
Unescape Escape View File

@ -8,7 +8,7 @@
* 蓝色多边形柱状图：bluePolygonHistogram(res, ids)T
* 多个立体柱状图：multipleThreeDimensionalCylindrical(res, ids)
* */
var timeout1 = ''
//横向柱状图
const horizontalBarChart = (res, ids) => {
@ -1167,24 +1167,34 @@ const bluePolygonHistogram = (res, ids) => {
}
//多个立体柱状图
const multipleThreeDimensionalCylindrical = (res, ids) => {
const multipleThreeDimensionalCylindrical = (res, ids, type = 1) => {
let mycharts = echarts.init(ids);
let xValue
let lineStoreAmount
let hullStoreAmount
if (type === 1) {
const value = []
res.forEach(e=>{
if(!(value.includes(e.materialName))){
res.forEach(e => {
if (!(value.includes(e.materialName))) {
value.push(e.materialName)
}
})
const data = value.map(e => {
return {
materialName:e,
lineStoreAmount:res.filter( val => val.materialName === e).filter(val => val.hullStoreAmount === 'L001')?.[0]?.lineStoreAmount || 0,
hullStoreAmount:res.filter( val => val.materialName === e).filter(val => val.hullStoreAmount === 'U001')?.[0]?.lineStoreAmount || 0
materialName: e,
lineStoreAmount: res.filter(val => val.materialName === e).filter(val => val.hullStoreAmount === 'L001')?.[0]?.lineStoreAmount || 0,
hullStoreAmount: res.filter(val => val.materialName === e).filter(val => val.hullStoreAmount === 'U001')?.[0]?.lineStoreAmount || 0
}
})
const xValue = data.map(val => val.materialName)
const lineStoreAmount = data.map(val => val.lineStoreAmount)
const hullStoreAmount = data.map(val => val.hullStoreAmount)
xValue = data.map(val => val.materialName)
lineStoreAmount = data.map(val => val.lineStoreAmount)
hullStoreAmount = data.map(val => val.hullStoreAmount)
} else {
xValue = res.map(val => val.materialName)
lineStoreAmount = res.map(val => val.lineStoreAmount)
hullStoreAmount = res.map(val => val.hullStoreAmount)
}
let lineColor = "#406A92";
let labelColor = "#fff";
let fontSize = "12";
@ -1238,7 +1248,7 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
lineHeight: 20,
},
axisLabel: {
interval:0,
interval: 0,
color: labelColor,
fontSize: fontSize,
margin: 30,
@ -1538,12 +1548,12 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
option.grid.bottom = '20%'
}
const aaa = () => {
setInterval(() => {
timeout1 && clearTimeout(timeout1)
timeout1 = setInterval(() => {
option.dataZoom[0].start += stepSize
option.dataZoom[0].start = option.dataZoom[0].start % 100
option.dataZoom[0].end = option.dataZoom[0].start + stepSize
mycharts.setOption(option);
$(window).resize(mycharts.resize);
}, 3000)
}
aaa()
@ -1721,9 +1731,9 @@ const inventory = (res, ids) => {
let barBottomColor = [
"rgba(2,195,241,0.1)",
];
const xAxisData = res.map(val => val.materialName?.split(',')[0] )
const seriesData1 = res.map(val => val.lineStoreAmount)
console.log(xAxisData,seriesData1)
const xAxisData = res.map(val => val.materialName?.split(',')[0])
const seriesData1 = res.map(val => val.lineStoreAmount != 0 ? val.lineStoreAmount : 0.00001)
console.log(xAxisData, seriesData1)
// Res.forEach((item) => {
// xAxisData.push(item.name);
// seriesData1.push(item.value);
@ -1799,6 +1809,9 @@ const inventory = (res, ids) => {
textStyle: {
color: "#02C3F1",
},
formatter: function (params) {
return seriesData1[params.dataIndex] === 0.00001 ? 0 : seriesData1[params.dataIndex]
}
},
symbolPosition: "end",
data: seriesData1,

14
productionboard/src/main/resources/static/js/common/ondutyplan.js
Unescape Escape View File

@ -1,5 +1,5 @@
/*当前班组统计封装*/
$(() =>{
$(() => {
let html = `<div id="theCurrentTeam" class="onDutyPlan display-blocks theCurrentTeam">
<span>-</span>
<span>-</span>
@ -31,7 +31,7 @@ $(() =>{
$('body').append(html);
})
let onDutyPlan = (scheduledProductionNumber,actualOutPutNumber,differenceValueNumber) =>{
let onDutyPlan = (scheduledProductionNumber, actualOutPutNumber, differenceValueNumber) => {
const scheduledProduction = [];
const actualOutPut = [];
const differenceValue = [];
@ -47,7 +47,7 @@ let onDutyPlan = (scheduledProductionNumber,actualOutPutNumber,differenceValueNu
updateSplitBlocks(differenceValueNumber, differenceValue);
}
let storageStatistics = (leftInStoreNumber,leftOutStoreNumber,rightInStoreNumber,rightOutStoreNumber) =>{
let storageStatistics = (leftInStoreNumber, leftOutStoreNumber, rightInStoreNumber, rightOutStoreNumber) => {
const leftInStore = [];
const leftOutStore = [];
const rightInStore = [];
@ -59,8 +59,8 @@ let storageStatistics = (leftInStoreNumber,leftOutStoreNumber,rightInStoreNumber
rightInStore.push(`#actualOutPut :nth-child(${i})`);
rightOutStore.push(`#differenceValue :nth-child(${i})`);
}
updateSplitBlocks(leftInStoreNumber, leftInStore);
updateSplitBlocks(leftOutStoreNumber, leftOutStore);
updateSplitBlocks(rightInStoreNumber, rightInStore);
updateSplitBlocks(rightOutStoreNumber, rightOutStore);
updateSplitBlocks(leftInStoreNumber || 0, leftInStore);
updateSplitBlocks(leftOutStoreNumber || 0, leftOutStore);
updateSplitBlocks(rightInStoreNumber || 0, rightInStore);
updateSplitBlocks(rightOutStoreNumber || 0, rightOutStore);
}

8
productionboard/src/main/resources/static/js/common/scrollTable.js
Unescape Escape View File

@ -109,7 +109,7 @@ let dynamicTable = resource => {
background: evenRowBGC
};
const th_tdCSS = {
color:'#59B2F6',
color: '#59B2F6',
margin: 'auto 0',
whiteSpace: 'nowrap',
overflow: "hidden",
@ -144,7 +144,7 @@ let dynamicTable = resource => {
$(ele + '>.table>.tbody').append('<div class="tr"></div>');
if (colIndex) {
$(ele + '>.table>.tbody>.tr:eq(' + i + ')').append(
`<div class="td"><span class="index">${i+1}</span></div>`)
`<div class="td"><span class="index">${i + 1}</span></div>`)
}
rowData[i].forEach(element => {
if (element == "一级") {
@ -213,8 +213,8 @@ let dynamicTable = resource => {
} else {
for (let i = 0; i < colWidth.length; i++) {
let emptyUnitColWidth = emptyUnit(colWidth[i]);
$(`${ele}>.table>.thead>.tr>.th:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`);
$(`${ele}>.table>.tbody>.tr>.td:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`);
$(`${ele}>.table>.thead>.tr>.th:nth-child(${i + 1})`).width(`${emptyUnitColWidth}%`);
$(`${ele}>.table>.tbody>.tr>.td:nth-child(${i + 1})`).width(`${emptyUnitColWidth}%`);
}
}

11
productionboard/src/main/resources/static/js/common/synthetic.js
Unescape Escape View File

@ -1,4 +1,3 @@
const dataInformationFunction = (statusArray) => {
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
<tr style="width: 100%; height: 50%;">
@ -10,9 +9,9 @@ const dataInformationFunction = (statusArray) => {
<td style="font-size:150%;border:0px solid red;text-align:center;width: 50%;color: red;">${statusArray[3]}</td>
</tr>
</table>`;
$("#dataInformation").append(info);
$("#dataInformation").html(info);
}
const synthetic = (statusArray,param={a:0,b:0}) => {
const synthetic = (statusArray, param = {a: 0, b: 0}) => {
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>
@ -35,8 +34,8 @@ const synthetic = (statusArray,param={a:0,b:0}) => {
<td style="border:0px solid red;text-align:center;width: 0%;"></td>
</tr>
</table>
<span style="position: absolute;font-size:175%;top: ${12+param.a}%;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+param.b}%;left: 85%;width: 9%; height: 6%; text-align: center;color: #63F659;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
<span style="position: absolute;font-size:175%;top: ${12 + param.a}%;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 + param.b}%;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);
$("#synthetic").html(info);
}

38
productionboard/src/main/resources/static/js/foamBox/index.js
Unescape Escape View File

@ -1,8 +1,9 @@
$(() => {
let fun = () => {
//班组计划统计
$.getJSON(`/foamBox/getTeamStatisticsJson?ids=${ids}`, function (result) {
onDutyPlan(result.planAmount, result.actualAmount, result.planAmount- result.actualAmount)
onDutyPlan(result.planAmount, result.actualAmount, result.planAmount - result.actualAmount)
});
//设备运行状态
@ -34,7 +35,21 @@ $(() => {
// 模具温度1
const temperature = (res, ids) => {
$.getJSON(`/foamBox/getMouldTemperature?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureOne"));
});
$.getJSON(`/foamBox/getMouldTemperature2?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureTwo"));
});
setTimeout(fun, 10000)
}
fun()
})
const temperature = (res, ids) => {
let mycharts = echarts.init(ids);
console.log(res);
@ -58,10 +73,10 @@ $(() => {
axisPointer: {
type: 'shadow'
},
axisLabel:{
axisLabel: {
show: true,
rotate:30,
interval:0
rotate: 30,
interval: 0
}
}
],
@ -106,18 +121,7 @@ $(() => {
mycharts.setOption(option);
$(window).resize(mycharts.resize);
}
$.getJSON(`/foamBox/getMouldTemperature?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureOne"));
});
$.getJSON(`/foamBox/getMouldTemperature2?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureTwo"));
});
})
}
const deviceStatus = (statusArray) => {
let info = `
<img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:34%;width: 2vw;"/>

10
productionboard/src/main/resources/static/js/preassemble/index.js
Unescape Escape View File

@ -1,11 +1,12 @@
$(()=>{
$(() => {
let fun = () => {
// 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"));
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
});
//小时产量
@ -15,8 +16,11 @@ $(()=>{
//库存统计
$.getJSON('/preassemble/getMaterialStoreJson', function (result) {
threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

21
productionboard/src/main/resources/static/js/storage/index.js
Unescape Escape View File

@ -1,10 +1,12 @@
$(()=>{
$(() => {
let fun2 = () => {
//生产计划
$.ajax({
url: '/storage/getProductionPlan',
type: 'GET',
dataType: 'JSON',
success: function(res) {
success: function (res) {
$('#productionPlan').empty()
dynamicTable({
el: '#productionPlan',
rowNum: 5,
@ -17,23 +19,27 @@ $(()=>{
headerBGC: 'rgba(8,36,75,0.2)',
oddRowBGC: 'rgba(8,36,75,0.2)',
evenRowBGC: 'rgba(6,25,57,0.2)',
colWidth: ['20%', '20%', '20%', '20%','20%']
colWidth: ['20%', '20%', '20%', '20%', '20%']
});
},
error: function(e) {
error: function (e) {
console.log(e)
}
});
return setTimeout(fun2, 100000)
}
fun2()
tableAnimation('#productionPlan')
let fun = () => {
//当前库存统计
$.getJSON(`/storage/getStoreStatistics?ids=${ids}`, function (result) {
multipleThreeDimensionalCylindrical(result, document.getElementById("theCurrentInventory"));
multipleThreeDimensionalCylindrical(result, document.getElementById("theCurrentInventory"), 2);
});
//库位参数
$.getJSON(`/storage/getParamJson?ids=${ids}`, function (result) {
//单日出入库统计
storageStatistics(result[0] == null ? 0 : result[0],result[1] == null ? 0 : result[1],result[2] == null ? 0 : result[2],result[3] == null ? 0 : result[3]);
storageStatistics(result[0] == null ? 0 : result[0], result[1] == null ? 0 : result[1], result[2] == null ? 0 : result[2], result[3] == null ? 0 : result[3]);
//库存统计
$("#emptyLocation-left").text(result[4] == null ? 0 : result[4]);
@ -47,4 +53,7 @@ $(()=>{
$("#haveUsedLocationNumber").text(result[10] == null ? 0 : result[10]);
$("#haveUsedLocationRatio").text(result[11] == null ? 0 : result[11]);
});
setTimeout(fun, 10000)
}
fun()
})

43
productionboard/src/main/resources/static/js/tankShell/device.js
Unescape Escape View File

@ -1,12 +1,9 @@
$(() => {
let fun = () => {
//设备OEE统计
$.getJSON('/tankShellDevice/getOeeStatistics', function (result) {
OEEStatistics(result, document.getElementById("OEEStatistics"));
});
setInterval(() => {
// OEEStatistics(result, document.getElementById("OEEStatistics"));
}, 1000);
//设备故障排名
$.getJSON('/tankShellDevice/getStatisticalOutputByModel', function (result) {
@ -23,6 +20,25 @@ $(() => {
energyConsumption(result, document.getElementById("energyConsumption"));
});
/*数据信息*/
$.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)
});
return setTimeout(fun,10000)
}
fun()
const tableRes = {}
//设备信息
const getTable = () => {
@ -61,21 +77,6 @@ $(() => {
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)
});
})
/*数据信息*/
@ -94,7 +95,7 @@ const dataInformationFunction = (statusArray) => {
</tr>
</table>`;
$("#dataInformation").append(info);
$("#dataInformation").html(info);
}
/*能耗产量统计*/
@ -108,7 +109,7 @@ const energyProductionStatisticsFunction = (statusArray) => {
</tr>
</table>`;
$("#energyProductionStatistics").append(info);
$("#energyProductionStatistics").html(info);
}
const runParamStatisticsFunction = (statusArray) => {

10
productionboard/src/main/resources/static/js/tankShell/index.js
Unescape Escape View File

@ -1,4 +1,5 @@
$(()=>{
$(() => {
let fun = () => {
//班组统计
// onDutyPlan(1234,1202,33);
$.getJSON('/tankShell/getTeamStatisticsJson', function (result) {
@ -7,7 +8,7 @@ $(()=>{
//按型号统计产量
$.getJSON('/tankShell/getMaterialProdutionJson', function (result) {
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
});
//小时产量
@ -17,7 +18,10 @@ $(()=>{
//库存统计
$.getJSON('/tankShell/getMaterialStoreJson', function (result) {
multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

12
productionboard/src/main/resources/templates/adsorptionTank/index.html
Unescape Escape View File

@ -14,14 +14,14 @@
</head>
<body>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
</body>
<script src="../../../js/adsorptionTank/index.js"></script>
</html>

28
productionboard/src/main/resources/templates/aluminumLiner/index.html
Unescape Escape View File

@ -16,28 +16,28 @@
</head>
<body>
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--能耗产量统计-->
<div class="synthetic" id="synthetic"></div>
<!--能耗产量统计-->
<div class="synthetic" id="synthetic"></div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--库存情况-->
<div class="inventory" id="inventory"></div>
<!--库存情况-->
<div class="inventory" id="inventory"></div>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
</body>
<script src="../../../js/common/synthetic.js"></script>

14
productionboard/src/main/resources/templates/aluminumTank/index.html
Unescape Escape View File

@ -14,16 +14,16 @@
</head>
<body>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
</body>
<script src="../../../js/aluminumTank/index.js"></script>
<script src="../../../js/aluminumTank/index.js"></script>
</html>

28
productionboard/src/main/resources/templates/foamBox/index.html
Unescape Escape View File

@ -17,28 +17,28 @@
</head>
<body>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--发泡参数-->
<div class="foamingParameters" id="foamingParameters"></div>
<!--发泡参数-->
<div class="foamingParameters" id="foamingParameters"></div>
<!--设备运行状态-->
<div class="foamingLineRunStatus">
<!--设备运行状态-->
<div class="foamingLineRunStatus">
<table style="width: 100%;height:100%;">
<tr style="width: 100%;">
</tr>
</table>
</div>
</div>
<!-- 轮播 -->
<div class="swiperModule">
<!-- 轮播 -->
<div class="swiperModule">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -49,7 +49,7 @@
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../../../js/foamBox/index.js"></script>
<script>

22
productionboard/src/main/resources/templates/index.html
Unescape Escape View File

@ -5,17 +5,17 @@
<title>澳柯玛可视化看板</title>
</head>
<body>
<p> <a href="/adsorptionTank">吸附内胆</a></p>
<p> <a href="/aluminumTank">铝内胆生产数据监控</a></p>
<p><a href="/aluminumLiner">铝内胆成型线设备看板</a></p>
<p> <a href="/preassemble">吸附内胆预装</a></p>
<p> <a href="/tankShell">箱壳自动成型线生产看板</a></p>
<p> <a href="/tankShellDevice">箱壳自动成型线设备看板</a></p>
<p><a href="/adsorptionTank">吸附内胆</a></p>
<p><a href="/aluminumTank">铝内胆生产数据监控</a></p>
<p><a href="/aluminumLiner">铝内胆成型线设备看板</a></p>
<p><a href="/preassemble">吸附内胆预装</a></p>
<p><a href="/tankShell">箱壳自动成型线生产看板</a></p>
<p><a href="/tankShellDevice">箱壳自动成型线设备看板</a></p>
<p> <a href="/foamBox?id=0">发泡南线</a></p>
<p> <a href="/foamBox?id=1">发泡北线</a></p>
<p> <a href="/storage?id=0">门体库南线</a></p>
<p> <a href="/storage?id=1">门体库北线</a></p>
<p> <a href="/aluminumLiner">铝内胆成型线</a></p>
<p><a href="/foamBox?id=0">发泡南线</a></p>
<p><a href="/foamBox?id=1">发泡北线</a></p>
<p><a href="/storage?id=0">门体库南线</a></p>
<p><a href="/storage?id=1">门体库北线</a></p>
<p><a href="/aluminumLiner">铝内胆成型线</a></p>
</body>
</html>

12
productionboard/src/main/resources/templates/preassemble/index.html
Unescape Escape View File

@ -14,14 +14,14 @@
</head>
<body>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
</body>
<script src="../../../js/preassemble/index.js"></script>
</html>

30
productionboard/src/main/resources/templates/storage/index.html
Unescape Escape View File

@ -15,26 +15,26 @@
</head>
<body>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--当前库存-->
<div class="theCurrentInventory" id="theCurrentInventory"></div>
<!--当前库存-->
<div class="theCurrentInventory" id="theCurrentInventory"></div>
<!--库位统计-左库-->
<div class="emptyLocation" style="left:43%" id="emptyLocation-left"></div>
<div class="haveUsedLocation" style="left:43%" id="haveUsedLocation-left"></div>
<!--库位统计-左库-->
<div class="emptyLocation" style="left:43%" id="emptyLocation-left"></div>
<div class="haveUsedLocation" style="left:43%" id="haveUsedLocation-left"></div>
<!--库位统计-右库-->
<div class="emptyLocation" style="right:8%" id="emptyLocation-right"></div>
<div class="haveUsedLocation" style="right:8%" id="haveUsedLocation-right"></div>
<!--库位统计-右库-->
<div class="emptyLocation" style="right:8%" id="emptyLocation-right"></div>
<div class="haveUsedLocation" style="right:8%" id="haveUsedLocation-right"></div>
<!--库位占比-->
<div class="emptyLocationRatio" style="left: 55.5%;" id="emptyLocationNumber"></div>
<div class="emptyLocationRatio" style="left: 60.7%;" id="emptyLocationRatio"></div>
<!--库位占比-->
<div class="emptyLocationRatio" style="left: 55.5%;" id="emptyLocationNumber"></div>
<div class="emptyLocationRatio" style="left: 60.7%;" id="emptyLocationRatio"></div>
<div class="haveUsedLocationRatio" style="right: 20.8%;" id="haveUsedLocationNumber"></div>
<div class="haveUsedLocationRatio" style="right: 15.5%;" id="haveUsedLocationRatio"></div>
<div class="haveUsedLocationRatio" style="right: 20.8%;" id="haveUsedLocationNumber"></div>
<div class="haveUsedLocationRatio" style="right: 15.5%;" id="haveUsedLocationRatio"></div>
</body>
<script src="../../../js/storage/index.js"></script>

39
productionboard/src/main/resources/templates/tankShell/device.html
Unescape Escape View File

@ -16,38 +16,37 @@
</head>
<body>
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--能耗产量统计-->
<div class="energyProductionStatistics" id="energyProductionStatistics"></div>
<!--运行参数统计-->
<div class="runParamStatistics" id="runParamStatistics"></div>
<div >
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--能耗产量统计-->
<div class="energyProductionStatistics" id="energyProductionStatistics"></div>
<!--运行参数统计-->
<div class="runParamStatistics" id="runParamStatistics"></div>
<div>
<!--loss参数-->
<span class="lossParam" id="lossParam"></span>
<!--节拍参数-->
<span class="meterParam" id="meterParam"></span>
</div>
</div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--设备信息-->
<div class="scrollTable">
<!--设备信息-->
<div class="scrollTable">
<div class="productionPlan" id="productionPlan"></div>
</div>
</div>
<!--设备产量能耗对比-->
<div class="energyConsumption" id="energyConsumption"></div>
<!--设备产量能耗对比-->
<div class="energyConsumption" id="energyConsumption"></div>
</body>
<script src="../../../js/tankShell/device.js"></script>

14
productionboard/src/main/resources/templates/tankShell/index.html
Unescape Escape View File

@ -14,16 +14,16 @@
</head>
<body>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
</body>
<script src="../../../js/tankShell/index.js"></script>
<script src="../../../js/tankShell/index.js"></script>
</html>

9
productionboard/target/classes/static/css/adsorptionTank/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;;
position: absolute;
width: 93%;
@ -33,7 +33,8 @@ body {
top: 23%;
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

8
productionboard/target/classes/static/css/aluminumLiner/style.css
Unescape Escape View File

@ -4,7 +4,7 @@ body {
}
.dataInformation{
.dataInformation {
border: 0px solid red;
position: absolute;
width: 24%;
@ -13,7 +13,8 @@ body {
left: 3.3%;
font-size: 10% !important;
}
.synthetic{
.synthetic {
font-size: 10% !important;
}
@ -63,6 +64,7 @@ body {
left: 3.5%;
font-size: 9%;
}
.productionPlan .tbody .tr .td:first-child{
.productionPlan .tbody .tr .td:first-child {
font-size: 12px;
}

9
productionboard/target/classes/static/css/aluminumTank/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;
position: absolute;
width: 93%;
@ -33,7 +33,8 @@ body {
bottom: 4.5%;
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

12
productionboard/target/classes/static/css/common/ondutyplan.css
Unescape Escape View File

@ -1,4 +1,4 @@
.onDutyPlan{
.onDutyPlan {
width: 13%;
height: 5.6%;
position: absolute;
@ -22,22 +22,22 @@
margin-right: 0;
}
.theCurrentTeam{
.theCurrentTeam {
left: 9.8%;
color: #6ACBFE;
}
.scheduledProduction{
.scheduledProduction {
left: 34.4%;
color: #FFAE00;
}
.actualOutPut{
.actualOutPut {
left: 59%;
color:#A0FF00;
color: #A0FF00;
}
.differenceValue{
.differenceValue {
left: 83.6%;
color: #F51F1E;
}

5
productionboard/target/classes/static/css/foamBox/style.css
Unescape Escape View File

@ -33,11 +33,6 @@ body {
}
.foamingLineRunStatus {
position: absolute;
width: 40%;
height: 27%;
top: 12%;
left: 30%;
}
.inventoryStatistics {

9
productionboard/target/classes/static/css/preassemble/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;
position: absolute;
width: 93%;
@ -33,7 +33,8 @@ body {
top: 23%;
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

26
productionboard/target/classes/static/css/storage/style.css
Unescape Escape View File

@ -24,8 +24,8 @@ body {
.scheduledProduction {
left: 55.2%;
color:#A0FF00;
}
color: #A0FF00;
}
.actualOutPut {
left: 69.7%;
@ -34,10 +34,10 @@ body {
.differenceValue {
left: 82.9%;
color:#A0FF00;
color: #A0FF00;
}
.productionPlan{
.productionPlan {
position: absolute;
border: 0px solid red;
width: 33%;
@ -47,7 +47,7 @@ body {
font-size: 12%;
}
.theCurrentInventory{
.theCurrentInventory {
position: absolute;
border: 0px solid red;
width: 33%;
@ -57,52 +57,52 @@ body {
font-size: 12%;
}
.emptyLocation{
.emptyLocation {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
top: 48.3%;
color:#6BFF71;
color: #6BFF71;
font-size: 14%;
display: flex;
align-items: center;
justify-content: center;
}
.haveUsedLocation{
.haveUsedLocation {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
top: 65%;
color:#FF9768;
color: #FF9768;
font-size: 14%;
display: flex;
align-items: center;
justify-content: center;
}
.emptyLocationRatio{
.emptyLocationRatio {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
bottom: 10%;
color:#FF9768;
color: #FF9768;
font-size: 14%;
display: flex;
align-items: center;
justify-content: center;
}
.haveUsedLocationRatio{
.haveUsedLocationRatio {
position: absolute;
border: 0px solid red;
width: 4%;
height: 4%;
bottom: 10%;
color:#FF9768;
color: #FF9768;
font-size: 14%;
display: flex;
align-items: center;

8
productionboard/target/classes/static/css/tankShell/style.css
Unescape Escape View File

@ -7,7 +7,7 @@ body {
background-size: 100% 100%;
}
.statisticalOutputByModel{
.statisticalOutputByModel {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -16,7 +16,7 @@ body {
left: 3.5%;
}
.inventoryStatistics{
.inventoryStatistics {
border: 0px solid red;
position: absolute;
width: 45.5%;
@ -25,7 +25,7 @@ body {
right: 3.5%;
}
.hourlyOutputStatistics{
.hourlyOutputStatistics {
border: 0px solid red;
position: absolute;
width: 93%;
@ -34,7 +34,7 @@ body {
left: 3.5%;
}
.span_c{
.span_c {
margin-left: 5%;
margin-right: 10% !important;
}

31
productionboard/target/classes/static/js/aluminumLiner/index.js
Unescape Escape View File

@ -1,4 +1,5 @@
$(() => {
let fun = () => {
//数据信息
$.getJSON('/aluminumLiner/getDataInformation', function (result) {
@ -11,7 +12,7 @@ $(() => {
dataInformationFunction(statusArray);
});
$.getJSON('/aluminumLiner/getRunParameters', function (result) {
synthetic(result,{a:1,b:1})
synthetic(result, {a: 1, b: 1})
});
@ -32,16 +33,26 @@ $(() => {
});
//设备故障排名
$.getJSON('/aluminumLiner/getStatisticalOutputByModel', function (result) {
equipmentFailure(result, document.getElementById("equipmentFailure"));
});
setTimeout(fun, 10000)
}
fun()
let fun2 = () => {
//生产计划
$.ajax({
url: '/aluminumLiner/getProductionPlan',
type: 'get',
dataType: 'JSON',
success: function (res) {
$('#productionPlan').empty()
let Res = {}
Res.data=res.map(val => {
return [val.spe,val.oq,val.aq,val.cha,val.round,]
Res.data = res.map(val => {
return [val["spe"], val["oq"], val["aq"], val["cha"], val.round,]
})
Res.header = ['型号', '计划数', '完成数', '差异数', '执行进度']
dynamicTable({
@ -51,7 +62,7 @@ $(() => {
header: Res.header,
data: Res.data,
index: false,
fontColor: '#B4B7BF ',
fontColor: '#B4B7BF',
indexBGC: '#86F3FF',
headerBGC: 'rgba(8,36,75,0.2)',
oddRowBGC: 'rgba(8,36,75,0.2)',
@ -62,14 +73,8 @@ $(() => {
error: function (e) {
}
});
return setTimeout(fun2, 100000)
}
fun2()
tableAnimation('#productionPlan')
//设备故障排名
$.getJSON('/aluminumLiner/getStatisticalOutputByModel', function (result) {
equipmentFailure(result, document.getElementById("equipmentFailure"));
});
})

12
productionboard/target/classes/static/js/aluminumTank/index.js
Unescape Escape View File

@ -1,13 +1,14 @@
$(()=>{
$(() => {
let fun = () => {
//班组统计
$.getJSON('/aluminumTank/getTeamStatisticsJson', function (result) {
console.log(result.planAmount+' 数据'+ result.actualAmount, result.differenceAmount)
console.log(result.planAmount + ' 数据' + result.actualAmount, result.differenceAmount)
storageStatistics('白班', result.planAmount, result.actualAmount, result.differenceAmount,)
});
//按型号统计产量
$.getJSON('/aluminumTank/getMaterialProdutionJson', function (result) {
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
});
//小时产量
@ -18,7 +19,10 @@ $(()=>{
//库存统计
$.getJSON('/aluminumTank/getMaterialStoreJson', function (result) {
console.log(result)
multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

43
productionboard/target/classes/static/js/common/date-time-common.js
Unescape Escape View File

@ -13,55 +13,56 @@ let rootWidth = document.documentElement.clientWidth || document.body.clientWidt
let rootDom = document.querySelector('html');
rootDom.style.fontSize = rootWidth / 10 + 'px';
getnow();
function getnow(){
function getnow() {
//1、获得当前时间，格式化时间
var now=new Date();
var now = new Date();
var year=now.getFullYear();
var year = now.getFullYear();
var month=now.getMonth()+1;
var month = now.getMonth() + 1;
if(month<10){
if (month < 10) {
month="0"+month;
month = "0" + month;
}
var date=now.getDate();
var date = now.getDate();
if(date<10){
if (date < 10) {
date="0"+date;
date = "0" + date;
}
var hour=now.getHours();
var hour = now.getHours();
if(hour<10){
if (hour < 10) {
hour="0"+hour;
hour = "0" + hour;
}
var minute=now.getMinutes();
var minute = now.getMinutes();
if(minute<10){
if (minute < 10) {
minute="0"+minute;
minute = "0" + minute;
}
var second=now.getSeconds();
var second = now.getSeconds();
if(second<10){
if (second < 10) {
second="0"+second;
second = "0" + second;
}
var nowstr=year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
var nowstr = year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
//alert(nowstr);
//alert(nowstr);
@ -70,8 +71,8 @@ function getnow(){
/*var nowspan=document.getElementById("nowspan");
nowspan.innerHTML=nowstr;*/
//2021-09-30 12:00:00
$("#dateinfo").html(nowstr.slice(0,10));
$("#timeinfo").html(nowstr.slice(11,19));
$("#dateinfo").html(nowstr.slice(0, 10));
$("#timeinfo").html(nowstr.slice(11, 19));
//3、使时间动起来
setTimeout("getnow()", 1000);
}

51
productionboard/target/classes/static/js/common/echarts.common.js
Unescape Escape View File

@ -8,7 +8,7 @@
* 蓝色多边形柱状图：bluePolygonHistogram(res, ids)T
* 多个立体柱状图：multipleThreeDimensionalCylindrical(res, ids)
* */
var timeout1 = ''
//横向柱状图
const horizontalBarChart = (res, ids) => {
@ -365,7 +365,7 @@ const threeDimensionalCylindrical = (res, ids) => {
axisLabel: {
show: true,
margin: 25,
// align: "center",
align: "center",
textStyle: {
fontSize: 14,
color: "#A8A6AB",
@ -382,7 +382,7 @@ const threeDimensionalCylindrical = (res, ids) => {
},
},
},
interval: 3,
interval: 0,
},
yAxis: {
splitLine: {
@ -1167,24 +1167,34 @@ const bluePolygonHistogram = (res, ids) => {
}
//多个立体柱状图
const multipleThreeDimensionalCylindrical = (res, ids) => {
const multipleThreeDimensionalCylindrical = (res, ids, type = 1) => {
let mycharts = echarts.init(ids);
let xValue
let lineStoreAmount
let hullStoreAmount
if (type === 1) {
const value = []
res.forEach(e=>{
if(!(value.includes(e.materialName))){
res.forEach(e => {
if (!(value.includes(e.materialName))) {
value.push(e.materialName)
}
})
const data = value.map(e => {
return {
materialName:e,
lineStoreAmount:res.filter( val => val.materialName === e).filter(val => val.hullStoreAmount === 'L001')?.[0]?.lineStoreAmount || 0,
hullStoreAmount:res.filter( val => val.materialName === e).filter(val => val.hullStoreAmount === 'U001')?.[0]?.lineStoreAmount || 0
materialName: e,
lineStoreAmount: res.filter(val => val.materialName === e).filter(val => val.hullStoreAmount === 'L001')?.[0]?.lineStoreAmount || 0,
hullStoreAmount: res.filter(val => val.materialName === e).filter(val => val.hullStoreAmount === 'U001')?.[0]?.lineStoreAmount || 0
}
})
const xValue = data.map(val => val.materialName)
const lineStoreAmount = data.map(val => val.lineStoreAmount)
const hullStoreAmount = data.map(val => val.hullStoreAmount)
xValue = data.map(val => val.materialName)
lineStoreAmount = data.map(val => val.lineStoreAmount)
hullStoreAmount = data.map(val => val.hullStoreAmount)
} else {
xValue = res.map(val => val.materialName)
lineStoreAmount = res.map(val => val.lineStoreAmount)
hullStoreAmount = res.map(val => val.hullStoreAmount)
}
let lineColor = "#406A92";
let labelColor = "#fff";
let fontSize = "12";
@ -1226,7 +1236,7 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
color: "#fff",
fontSize: fontSize,
},
data: ["内胆库", "箱壳库"],
data: ["箱壳库", "内胆库"],
},
xAxis: [
{
@ -1238,7 +1248,7 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
lineHeight: 20,
},
axisLabel: {
interval:0,
interval: 0,
color: labelColor,
fontSize: fontSize,
margin: 30,
@ -1538,12 +1548,12 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
option.grid.bottom = '20%'
}
const aaa = () => {
setInterval(() => {
timeout1 && clearTimeout(timeout1)
timeout1 = setInterval(() => {
option.dataZoom[0].start += stepSize
option.dataZoom[0].start = option.dataZoom[0].start % 100
option.dataZoom[0].end = option.dataZoom[0].start + stepSize
mycharts.setOption(option);
$(window).resize(mycharts.resize);
}, 3000)
}
aaa()
@ -1721,9 +1731,9 @@ const inventory = (res, ids) => {
let barBottomColor = [
"rgba(2,195,241,0.1)",
];
const xAxisData = res.map(val => val.materialName?.split(',')[0] )
const seriesData1 = res.map(val => val.lineStoreAmount)
console.log(xAxisData,seriesData1)
const xAxisData = res.map(val => val.materialName?.split(',')[0])
const seriesData1 = res.map(val => val.lineStoreAmount != 0 ? val.lineStoreAmount : 0.00001)
console.log(xAxisData, seriesData1)
// Res.forEach((item) => {
// xAxisData.push(item.name);
// seriesData1.push(item.value);
@ -1799,6 +1809,9 @@ const inventory = (res, ids) => {
textStyle: {
color: "#02C3F1",
},
formatter: function (params) {
return seriesData1[params.dataIndex] === 0.00001 ? 0 : seriesData1[params.dataIndex]
}
},
symbolPosition: "end",
data: seriesData1,

14
productionboard/target/classes/static/js/common/ondutyplan.js
Unescape Escape View File

@ -1,5 +1,5 @@
/*当前班组统计封装*/
$(() =>{
$(() => {
let html = `<div id="theCurrentTeam" class="onDutyPlan display-blocks theCurrentTeam">
<span>-</span>
<span>-</span>
@ -31,7 +31,7 @@ $(() =>{
$('body').append(html);
})
let onDutyPlan = (scheduledProductionNumber,actualOutPutNumber,differenceValueNumber) =>{
let onDutyPlan = (scheduledProductionNumber, actualOutPutNumber, differenceValueNumber) => {
const scheduledProduction = [];
const actualOutPut = [];
const differenceValue = [];
@ -47,7 +47,7 @@ let onDutyPlan = (scheduledProductionNumber,actualOutPutNumber,differenceValueNu
updateSplitBlocks(differenceValueNumber, differenceValue);
}
let storageStatistics = (leftInStoreNumber,leftOutStoreNumber,rightInStoreNumber,rightOutStoreNumber) =>{
let storageStatistics = (leftInStoreNumber, leftOutStoreNumber, rightInStoreNumber, rightOutStoreNumber) => {
const leftInStore = [];
const leftOutStore = [];
const rightInStore = [];
@ -59,8 +59,8 @@ let storageStatistics = (leftInStoreNumber,leftOutStoreNumber,rightInStoreNumber
rightInStore.push(`#actualOutPut :nth-child(${i})`);
rightOutStore.push(`#differenceValue :nth-child(${i})`);
}
updateSplitBlocks(leftInStoreNumber, leftInStore);
updateSplitBlocks(leftOutStoreNumber, leftOutStore);
updateSplitBlocks(rightInStoreNumber, rightInStore);
updateSplitBlocks(rightOutStoreNumber, rightOutStore);
updateSplitBlocks(leftInStoreNumber || 0, leftInStore);
updateSplitBlocks(leftOutStoreNumber || 0, leftOutStore);
updateSplitBlocks(rightInStoreNumber || 0, rightInStore);
updateSplitBlocks(rightOutStoreNumber || 0, rightOutStore);
}

8
productionboard/target/classes/static/js/common/scrollTable.js
Unescape Escape View File

@ -109,7 +109,7 @@ let dynamicTable = resource => {
background: evenRowBGC
};
const th_tdCSS = {
color:'#59B2F6',
color: '#59B2F6',
margin: 'auto 0',
whiteSpace: 'nowrap',
overflow: "hidden",
@ -144,7 +144,7 @@ let dynamicTable = resource => {
$(ele + '>.table>.tbody').append('<div class="tr"></div>');
if (colIndex) {
$(ele + '>.table>.tbody>.tr:eq(' + i + ')').append(
`<div class="td"><span class="index">${i+1}</span></div>`)
`<div class="td"><span class="index">${i + 1}</span></div>`)
}
rowData[i].forEach(element => {
if (element == "一级") {
@ -213,8 +213,8 @@ let dynamicTable = resource => {
} else {
for (let i = 0; i < colWidth.length; i++) {
let emptyUnitColWidth = emptyUnit(colWidth[i]);
$(`${ele}>.table>.thead>.tr>.th:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`);
$(`${ele}>.table>.tbody>.tr>.td:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`);
$(`${ele}>.table>.thead>.tr>.th:nth-child(${i + 1})`).width(`${emptyUnitColWidth}%`);
$(`${ele}>.table>.tbody>.tr>.td:nth-child(${i + 1})`).width(`${emptyUnitColWidth}%`);
}
}

11
productionboard/target/classes/static/js/common/synthetic.js
Unescape Escape View File

@ -1,4 +1,3 @@
const dataInformationFunction = (statusArray) => {
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
<tr style="width: 100%; height: 50%;">
@ -10,9 +9,9 @@ const dataInformationFunction = (statusArray) => {
<td style="font-size:150%;border:0px solid red;text-align:center;width: 50%;color: red;">${statusArray[3]}</td>
</tr>
</table>`;
$("#dataInformation").append(info);
$("#dataInformation").html(info);
}
const synthetic = (statusArray,param={a:0,b:0}) => {
const synthetic = (statusArray, param = {a: 0, b: 0}) => {
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>
@ -35,8 +34,8 @@ const synthetic = (statusArray,param={a:0,b:0}) => {
<td style="border:0px solid red;text-align:center;width: 0%;"></td>
</tr>
</table>
<span style="position: absolute;font-size:175%;top: ${12+param.a}%;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+param.b}%;left: 85%;width: 9%; height: 6%; text-align: center;color: #63F659;display:inline-block;-webkit-background-clip: text;">${statusArray[9] || 0}</span>
<span style="position: absolute;font-size:175%;top: ${12 + param.a}%;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 + param.b}%;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);
$("#synthetic").html(info);
}

56
productionboard/target/classes/static/js/foamBox/index.js
Unescape Escape View File

@ -1,8 +1,9 @@
$(() => {
let fun = () => {
//班组计划统计
$.getJSON(`/foamBox/getTeamStatisticsJson?ids=${ids}`, function (result) {
onDutyPlan(result.planAmount, result.actualAmount, result.planAmount- result.actualAmount)
onDutyPlan(result.planAmount, result.actualAmount, result.planAmount - result.actualAmount)
});
//设备运行状态
@ -34,7 +35,21 @@ $(() => {
// 模具温度1
const temperature = (res, ids) => {
$.getJSON(`/foamBox/getMouldTemperature?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureOne"));
});
$.getJSON(`/foamBox/getMouldTemperature2?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureTwo"));
});
setTimeout(fun, 10000)
}
fun()
})
const temperature = (res, ids) => {
let mycharts = echarts.init(ids);
console.log(res);
@ -58,10 +73,10 @@ $(() => {
axisPointer: {
type: 'shadow'
},
axisLabel:{
axisLabel: {
show: true,
rotate:30,
interval:0
rotate: 30,
interval: 0
}
}
],
@ -106,29 +121,16 @@ $(() => {
mycharts.setOption(option);
$(window).resize(mycharts.resize);
}
$.getJSON(`/foamBox/getMouldTemperature?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureOne"));
});
$.getJSON(`/foamBox/getMouldTemperature2?ids=${ids}`, function (result) {
temperature(result, document.getElementById("temperatureTwo"));
});
})
}
const deviceStatus = (statusArray) => {
let info = `<table style="width: 100%;height:100%;">
<tr style="width: 100%;">
<td style="position:absolute;top:-7%;left:8%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="position:absolute;top:-7%;left:23%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="position:absolute;top:-7%;left:38%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[2] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="position:absolute;top:-7%;left:52%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[3] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="position:absolute;top:-7%;left:75%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[4] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="position:absolute;top:-7%;left:93%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[5] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
</tr>
</table>`;
let info = `
<img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:34%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:40%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[2] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:45%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[3] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:51%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[4] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:60%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[5] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:68%;width: 2vw;"/>
`;
$(".foamingLineRunStatus table tr").append(info);

10
productionboard/target/classes/static/js/preassemble/index.js
Unescape Escape View File

@ -1,11 +1,12 @@
$(()=>{
$(() => {
let fun = () => {
// 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"));
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
});
//小时产量
@ -15,8 +16,11 @@ $(()=>{
//库存统计
$.getJSON('/preassemble/getMaterialStoreJson', function (result) {
threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

21
productionboard/target/classes/static/js/storage/index.js
Unescape Escape View File

@ -1,10 +1,12 @@
$(()=>{
$(() => {
let fun2 = () => {
//生产计划
$.ajax({
url: '/storage/getProductionPlan',
type: 'GET',
dataType: 'JSON',
success: function(res) {
success: function (res) {
$('#productionPlan').empty()
dynamicTable({
el: '#productionPlan',
rowNum: 5,
@ -17,23 +19,27 @@ $(()=>{
headerBGC: 'rgba(8,36,75,0.2)',
oddRowBGC: 'rgba(8,36,75,0.2)',
evenRowBGC: 'rgba(6,25,57,0.2)',
colWidth: ['20%', '20%', '20%', '20%','20%']
colWidth: ['20%', '20%', '20%', '20%', '20%']
});
},
error: function(e) {
error: function (e) {
console.log(e)
}
});
return setTimeout(fun2, 100000)
}
fun2()
tableAnimation('#productionPlan')
let fun = () => {
//当前库存统计
$.getJSON(`/storage/getStoreStatistics?ids=${ids}`, function (result) {
multipleThreeDimensionalCylindrical(result, document.getElementById("theCurrentInventory"));
multipleThreeDimensionalCylindrical(result, document.getElementById("theCurrentInventory"), 2);
});
//库位参数
$.getJSON(`/storage/getParamJson?ids=${ids}`, function (result) {
//单日出入库统计
storageStatistics(result[0] == null ? 0 : result[0],result[1] == null ? 0 : result[1],result[2] == null ? 0 : result[2],result[3] == null ? 0 : result[3]);
storageStatistics(result[0] == null ? 0 : result[0], result[1] == null ? 0 : result[1], result[2] == null ? 0 : result[2], result[3] == null ? 0 : result[3]);
//库存统计
$("#emptyLocation-left").text(result[4] == null ? 0 : result[4]);
@ -47,4 +53,7 @@ $(()=>{
$("#haveUsedLocationNumber").text(result[10] == null ? 0 : result[10]);
$("#haveUsedLocationRatio").text(result[11] == null ? 0 : result[11]);
});
setTimeout(fun, 10000)
}
fun()
})

10
productionboard/target/classes/static/js/tankShell/index.js
Unescape Escape View File

@ -1,4 +1,5 @@
$(()=>{
$(() => {
let fun = () => {
//班组统计
// onDutyPlan(1234,1202,33);
$.getJSON('/tankShell/getTeamStatisticsJson', function (result) {
@ -7,7 +8,7 @@ $(()=>{
//按型号统计产量
$.getJSON('/tankShell/getMaterialProdutionJson', function (result) {
horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
});
//小时产量
@ -17,7 +18,10 @@ $(()=>{
//库存统计
$.getJSON('/tankShell/getMaterialStoreJson', function (result) {
multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

12
productionboard/target/classes/templates/adsorptionTank/index.html
Unescape Escape View File

@ -14,14 +14,14 @@
</head>
<body>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
</body>
<script src="../../../js/adsorptionTank/index.js"></script>
</html>

28
productionboard/target/classes/templates/aluminumLiner/index.html
Unescape Escape View File

@ -16,28 +16,28 @@
</head>
<body>
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--能耗产量统计-->
<div class="synthetic" id="synthetic"></div>
<!--能耗产量统计-->
<div class="synthetic" id="synthetic"></div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--库存情况-->
<div class="inventory" id="inventory"></div>
<!--库存情况-->
<div class="inventory" id="inventory"></div>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
</body>
<script src="../../../js/common/synthetic.js"></script>

14
productionboard/target/classes/templates/aluminumTank/index.html
Unescape Escape View File

@ -14,16 +14,16 @@
</head>
<body>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
</body>
<script src="../../../js/aluminumTank/index.js"></script>
<script src="../../../js/aluminumTank/index.js"></script>
</html>

28
productionboard/target/classes/templates/foamBox/index.html
Unescape Escape View File

@ -17,28 +17,28 @@
</head>
<body>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--发泡参数-->
<div class="foamingParameters" id="foamingParameters"></div>
<!--发泡参数-->
<div class="foamingParameters" id="foamingParameters"></div>
<!--设备运行状态-->
<div class="foamingLineRunStatus">
<!--设备运行状态-->
<div class="foamingLineRunStatus">
<table style="width: 100%;height:100%;">
<tr style="width: 100%;">
</tr>
</table>
</div>
</div>
<!-- 轮播 -->
<div class="swiperModule">
<!-- 轮播 -->
<div class="swiperModule">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -49,7 +49,7 @@
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../../../js/foamBox/index.js"></script>
<script>

22
productionboard/target/classes/templates/index.html
Unescape Escape View File

@ -5,17 +5,17 @@
<title>澳柯玛可视化看板</title>
</head>
<body>
<p> <a href="/adsorptionTank">吸附内胆</a></p>
<p> <a href="/aluminumTank">铝内胆生产数据监控</a></p>
<p><a href="/aluminumLiner">铝内胆成型线设备看板</a></p>
<p> <a href="/preassemble">吸附内胆预装</a></p>
<p> <a href="/tankShell">箱壳自动成型线生产看板</a></p>
<p> <a href="/tankShellDevice">箱壳自动成型线设备看板</a></p>
<p><a href="/adsorptionTank">吸附内胆</a></p>
<p><a href="/aluminumTank">铝内胆生产数据监控</a></p>
<p><a href="/aluminumLiner">铝内胆成型线设备看板</a></p>
<p><a href="/preassemble">吸附内胆预装</a></p>
<p><a href="/tankShell">箱壳自动成型线生产看板</a></p>
<p><a href="/tankShellDevice">箱壳自动成型线设备看板</a></p>
<p> <a href="/foamBox?id=0">发泡南线</a></p>
<p> <a href="/foamBox?id=1">发泡北线</a></p>
<p> <a href="/storage?id=0">门体库南线</a></p>
<p> <a href="/storage?id=1">门体库北线</a></p>
<p> <a href="/aluminumLiner">铝内胆成型线</a></p>
<p><a href="/foamBox?id=0">发泡南线</a></p>
<p><a href="/foamBox?id=1">发泡北线</a></p>
<p><a href="/storage?id=0">门体库南线</a></p>
<p><a href="/storage?id=1">门体库北线</a></p>
<p><a href="/aluminumLiner">铝内胆成型线</a></p>
</body>
</html>

12
productionboard/target/classes/templates/preassemble/index.html
Unescape Escape View File

@ -14,14 +14,14 @@
</head>
<body>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量统计-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--型号产量统计-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
</body>
<script src="../../../js/preassemble/index.js"></script>
</html>

30
productionboard/target/classes/templates/storage/index.html
Unescape Escape View File

@ -15,26 +15,26 @@
</head>
<body>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--生产计划-->
<div class="productionPlan" id="productionPlan"></div>
<!--当前库存-->
<div class="theCurrentInventory" id="theCurrentInventory"></div>
<!--当前库存-->
<div class="theCurrentInventory" id="theCurrentInventory"></div>
<!--库位统计-左库-->
<div class="emptyLocation" style="left:43%" id="emptyLocation-left"></div>
<div class="haveUsedLocation" style="left:43%" id="haveUsedLocation-left"></div>
<!--库位统计-左库-->
<div class="emptyLocation" style="left:43%" id="emptyLocation-left"></div>
<div class="haveUsedLocation" style="left:43%" id="haveUsedLocation-left"></div>
<!--库位统计-右库-->
<div class="emptyLocation" style="right:8%" id="emptyLocation-right"></div>
<div class="haveUsedLocation" style="right:8%" id="haveUsedLocation-right"></div>
<!--库位统计-右库-->
<div class="emptyLocation" style="right:8%" id="emptyLocation-right"></div>
<div class="haveUsedLocation" style="right:8%" id="haveUsedLocation-right"></div>
<!--库位占比-->
<div class="emptyLocationRatio" style="left: 55.5%;" id="emptyLocationNumber"></div>
<div class="emptyLocationRatio" style="left: 60.7%;" id="emptyLocationRatio"></div>
<!--库位占比-->
<div class="emptyLocationRatio" style="left: 55.5%;" id="emptyLocationNumber"></div>
<div class="emptyLocationRatio" style="left: 60.7%;" id="emptyLocationRatio"></div>
<div class="haveUsedLocationRatio" style="right: 20.8%;" id="haveUsedLocationNumber"></div>
<div class="haveUsedLocationRatio" style="right: 15.5%;" id="haveUsedLocationRatio"></div>
<div class="haveUsedLocationRatio" style="right: 20.8%;" id="haveUsedLocationNumber"></div>
<div class="haveUsedLocationRatio" style="right: 15.5%;" id="haveUsedLocationRatio"></div>
</body>
<script src="../../../js/storage/index.js"></script>

39
productionboard/target/classes/templates/tankShell/device.html
Unescape Escape View File

@ -16,38 +16,37 @@
</head>
<body>
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--能耗产量统计-->
<div class="energyProductionStatistics" id="energyProductionStatistics"></div>
<!--运行参数统计-->
<div class="runParamStatistics" id="runParamStatistics"></div>
<div >
<!--数据信息-->
<div class="dataInformation" id="dataInformation"></div>
<!--能耗产量统计-->
<div class="energyProductionStatistics" id="energyProductionStatistics"></div>
<!--运行参数统计-->
<div class="runParamStatistics" id="runParamStatistics"></div>
<div>
<!--loss参数-->
<span class="lossParam" id="lossParam"></span>
<!--节拍参数-->
<span class="meterParam" id="meterParam"></span>
</div>
</div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
<!--设备故障排名-->
<div class="equipmentFailure" id="equipmentFailure"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--loss-->
<div class="loss" id="loss"></div>
<!--设备信息-->
<div class="scrollTable">
<!--设备信息-->
<div class="scrollTable">
<div class="productionPlan" id="productionPlan"></div>
</div>
</div>
<!--设备产量能耗对比-->
<div class="energyConsumption" id="energyConsumption"></div>
<!--设备产量能耗对比-->
<div class="energyConsumption" id="energyConsumption"></div>
</body>
<script src="../../../js/tankShell/device.js"></script>

14
productionboard/target/classes/templates/tankShell/index.html
Unescape Escape View File

@ -14,16 +14,16 @@
</head>
<body>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--按型号统计产量-->
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--库存统计-->
<div class="inventoryStatistics" id="inventoryStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
<!--小时产量-->
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
</body>
<script src="../../../js/tankShell/index.js"></script>
<script src="../../../js/tankShell/index.js"></script>
</html>
Write Preview
Loading…
Cancel
Save