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

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

@ -33,6 +33,7 @@ body {
top: 23%;
left: 3.5%;
}
.span_c {
margin-left: 5%;
margin-right: 10% !important;

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

@ -13,6 +13,7 @@ body {
left: 3.3%;
font-size: 10% !important;
}
.synthetic {
font-size: 10% !important;
}
@ -63,6 +64,7 @@ body {
left: 3.5%;
font-size: 9%;
}
.productionPlan .tbody .tr .td:first-child {
font-size: 12px;
}

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

@ -33,6 +33,7 @@ body {
bottom: 4.5%;
left: 3.5%;
}
.span_c {
margin-left: 5%;
margin-right: 10% !important;

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

@ -33,6 +33,7 @@ body {
top: 23%;
left: 3.5%;
}
.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()
})

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

@ -1,4 +1,5 @@
$(() => {
let fun = () => {
//数据信息
$.getJSON('/aluminumLiner/getDataInformation', function (result) {
@ -32,12 +33,22 @@ $(() => {
});
//设备故障排名
$.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 => {
@ -62,14 +73,8 @@ $(() => {
error: function (e) {
}
});
return setTimeout(fun2, 100000)
}
fun2()
tableAnimation('#productionPlan')
//设备故障排名
$.getJSON('/aluminumLiner/getStatisticalOutputByModel', function (result) {
equipmentFailure(result, document.getElementById("equipmentFailure"));
});
})

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

@ -1,4 +1,5 @@
$(() => {
let fun = () => {
//班组统计
$.getJSON('/aluminumTank/getTeamStatisticsJson', function (result) {
console.log(result.planAmount + ' 数据' + result.actualAmount, result.differenceAmount)
@ -20,5 +21,8 @@ $(()=>{
console.log(result)
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

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

@ -13,6 +13,7 @@ let rootWidth = document.documentElement.clientWidth || document.body.clientWidt
let rootDom = document.querySelector('html');
rootDom.style.fontSize = rootWidth / 10 + 'px';
getnow();
function getnow() {
//1、获得当前时间，格式化时间

29
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,8 +1167,13 @@ 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))) {
@ -1182,9 +1187,14 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
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";
@ -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()
@ -1722,7 +1732,7 @@ const inventory = (res, ids) => {
"rgba(2,195,241,0.1)",
];
const xAxisData = res.map(val => val.materialName?.split(',')[0])
const seriesData1 = res.map(val => val.lineStoreAmount)
const seriesData1 = res.map(val => val.lineStoreAmount != 0 ? val.lineStoreAmount : 0.00001)
console.log(xAxisData, seriesData1)
// Res.forEach((item) => {
// xAxisData.push(item.name);
@ -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,

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

@ -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);
}

5
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,7 +9,7 @@ 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}) => {
let info = `<table style="position: absolute;top: 9%;left: 30%;width: 40%;height:7%;">
@ -38,5 +37,5 @@ const synthetic = (statusArray,param={a:0,b:0}) => {
<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);
}

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

@ -1,5 +1,6 @@
$(() => {
let fun = () => {
//班组计划统计
$.getJSON(`/foamBox/getTeamStatisticsJson?ids=${ids}`, function (result) {
onDutyPlan(result.planAmount, result.actualAmount, result.planAmount - result.actualAmount)
@ -34,6 +35,20 @@ $(() => {
// 模具温度1
$.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);
@ -107,17 +122,6 @@ $(() => {
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;"/>

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

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

11
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) {
$('#productionPlan').empty()
dynamicTable({
el: '#productionPlan',
rowNum: 5,
@ -24,11 +26,15 @@ $(()=>{
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) {
@ -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) => {

4
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) {
@ -19,5 +20,8 @@ $(()=>{
$.getJSON('/tankShell/getMaterialStoreJson', function (result) {
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

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

@ -31,7 +31,6 @@
</div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>

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

@ -33,6 +33,7 @@ body {
top: 23%;
left: 3.5%;
}
.span_c {
margin-left: 5%;
margin-right: 10% !important;

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

@ -13,6 +13,7 @@ body {
left: 3.3%;
font-size: 10% !important;
}
.synthetic {
font-size: 10% !important;
}
@ -63,6 +64,7 @@ body {
left: 3.5%;
font-size: 9%;
}
.productionPlan .tbody .tr .td:first-child {
font-size: 12px;
}

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

@ -33,6 +33,7 @@ body {
bottom: 4.5%;
left: 3.5%;
}
.span_c {
margin-left: 5%;
margin-right: 10% !important;

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 {

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

@ -33,6 +33,7 @@ body {
top: 23%;
left: 3.5%;
}
.span_c {
margin-left: 5%;
margin-right: 10% !important;

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

@ -1,4 +1,5 @@
$(() => {
let fun = () => {
//数据信息
$.getJSON('/aluminumLiner/getDataInformation', function (result) {
@ -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,]
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"));
});
})

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

@ -1,4 +1,5 @@
$(() => {
let fun = () => {
//班组统计
$.getJSON('/aluminumTank/getTeamStatisticsJson', function (result) {
console.log(result.planAmount + ' 数据' + result.actualAmount, result.differenceAmount)
@ -20,5 +21,8 @@ $(()=>{
console.log(result)
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

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

@ -13,6 +13,7 @@ let rootWidth = document.documentElement.clientWidth || document.body.clientWidt
let rootDom = document.querySelector('html');
rootDom.style.fontSize = rootWidth / 10 + 'px';
getnow();
function getnow() {
//1、获得当前时间，格式化时间

35
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,8 +1167,13 @@ 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))) {
@ -1182,9 +1187,14 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
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: [
{
@ -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()
@ -1722,7 +1732,7 @@ const inventory = (res, ids) => {
"rgba(2,195,241,0.1)",
];
const xAxisData = res.map(val => val.materialName?.split(',')[0])
const seriesData1 = res.map(val => val.lineStoreAmount)
const seriesData1 = res.map(val => val.lineStoreAmount != 0 ? val.lineStoreAmount : 0.00001)
console.log(xAxisData, seriesData1)
// Res.forEach((item) => {
// xAxisData.push(item.name);
@ -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,

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

@ -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);
}

5
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,7 +9,7 @@ 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}) => {
let info = `<table style="position: absolute;top: 9%;left: 30%;width: 40%;height:7%;">
@ -38,5 +37,5 @@ const synthetic = (statusArray,param={a:0,b:0}) => {
<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);
}

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

@ -1,5 +1,6 @@
$(() => {
let fun = () => {
//班组计划统计
$.getJSON(`/foamBox/getTeamStatisticsJson?ids=${ids}`, function (result) {
onDutyPlan(result.planAmount, result.actualAmount, result.planAmount - result.actualAmount)
@ -34,6 +35,20 @@ $(() => {
// 模具温度1
$.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);
@ -107,28 +122,15 @@ $(() => {
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);

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

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

11
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) {
$('#productionPlan').empty()
dynamicTable({
el: '#productionPlan',
rowNum: 5,
@ -24,11 +26,15 @@ $(()=>{
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) {
@ -47,4 +53,7 @@ $(()=>{
$("#haveUsedLocationNumber").text(result[10] == null ? 0 : result[10]);
$("#haveUsedLocationRatio").text(result[11] == null ? 0 : result[11]);
});
setTimeout(fun, 10000)
}
fun()
})

4
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) {
@ -19,5 +20,8 @@ $(()=>{
$.getJSON('/tankShell/getMaterialStoreJson', function (result) {
multipleThreeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
});
setTimeout(fun, 10000)
}
fun()
})

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

@ -31,7 +31,6 @@
</div>
<!--设备OEE统计-->
<div class="OEEStatistics" id="OEEStatistics"></div>

Write Preview
Loading…
Cancel
Save