修改二期发泡线
夜笙歌
2 years ago
parent
5cbb324c4d
commit
9529624138
@ -1,137 +0,0 @@
|
|||||||
$(() => {
|
|
||||||
|
|
||||||
let fun = () => {
|
|
||||||
//班组计划统计
|
|
||||||
$.getJSON(`/foamBox/getTeamStatisticsJson?ids=${ids}`, function (result) {
|
|
||||||
console.log(result)
|
|
||||||
onDutyPlan(result.planAmount, result.actualAmount, result.planAmount - result.actualAmount)
|
|
||||||
});
|
|
||||||
|
|
||||||
//设备运行状态
|
|
||||||
$.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) {
|
|
||||||
deviceStatus(result);
|
|
||||||
});
|
|
||||||
// deviceStatus([1,1,1,1,1,1]);
|
|
||||||
|
|
||||||
|
|
||||||
//库存统计
|
|
||||||
$.getJSON(`/foamBox/getMaterialStoreJson`, function (result) {
|
|
||||||
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
|
|
||||||
});
|
|
||||||
|
|
||||||
//按型号统计产量
|
|
||||||
$.getJSON(`/foamBox/getMaterialProdutionJson?ids=${ids}`, function (result) {
|
|
||||||
horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
|
|
||||||
});
|
|
||||||
|
|
||||||
//小时产量
|
|
||||||
$.getJSON(`/foamBox/getHourProdutionJson?ids=${ids}`, function (result) {
|
|
||||||
brokenLineAreaDiagram(result, document.getElementById("hourlyOutputStatistics"));
|
|
||||||
});
|
|
||||||
|
|
||||||
//发泡参数
|
|
||||||
$.getJSON(`/foamBox/getParamTemperature?ids=${ids}`, function (result) {
|
|
||||||
multipleBrokenLineAreaDiagram(result, document.getElementById("foamingParameters"));
|
|
||||||
});
|
|
||||||
|
|
||||||
// 模具温度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);
|
|
||||||
|
|
||||||
|
|
||||||
let option = {
|
|
||||||
grid: {
|
|
||||||
top: '15%',
|
|
||||||
left: '6%',
|
|
||||||
right: '6%',
|
|
||||||
bottom: '3%',
|
|
||||||
containLabel: true
|
|
||||||
},
|
|
||||||
tooltip: {
|
|
||||||
// trigger: "axis",
|
|
||||||
},
|
|
||||||
xAxis: [
|
|
||||||
{
|
|
||||||
interval: 0,
|
|
||||||
type: 'category',
|
|
||||||
data: res.xValueList,
|
|
||||||
axisPointer: {
|
|
||||||
type: 'shadow'
|
|
||||||
},
|
|
||||||
axisLabel: {
|
|
||||||
show: true,
|
|
||||||
rotate: 30,
|
|
||||||
interval: 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
yAxis: [
|
|
||||||
{
|
|
||||||
splitLine: {
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
type: 'value',
|
|
||||||
name: '温度',
|
|
||||||
min: 0,
|
|
||||||
// max: 50,
|
|
||||||
interval: 10,
|
|
||||||
axisLabel: {
|
|
||||||
formatter: '{value} °C '
|
|
||||||
}
|
|
||||||
},
|
|
||||||
],
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
name: '内膜温度',
|
|
||||||
type: 'bar',
|
|
||||||
tooltip: {
|
|
||||||
valueFormatter: function (value) {
|
|
||||||
return value + ' ml';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data: res.interiorList
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '外膜温度',
|
|
||||||
type: 'bar',
|
|
||||||
tooltip: {
|
|
||||||
valueFormatter: function (value) {
|
|
||||||
return value + ' ml';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data: res.lateralList
|
|
||||||
},
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
mycharts.setOption(option);
|
|
||||||
$(window).resize(mycharts.resize);
|
|
||||||
}
|
|
||||||
|
|
||||||
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;"/>
|
|
||||||
<img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:45%;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);
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,89 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.thymeleaf.org">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>发泡和发泡线数据展示平台</title>
|
|
||||||
<link href="../../../css/common/ondutyplan.css" rel="stylesheet">
|
|
||||||
<link href="../../../css/foamBox/style.css" rel="stylesheet">
|
|
||||||
<link href="../../../css/common/swiper-bundle.min.css" rel="stylesheet">
|
|
||||||
<script src="../../../js/common/swiper-bundle.min.js"></script>
|
|
||||||
<script src="../../../js/common/jquery.min.js"></script>
|
|
||||||
<script src="../../../js/common/echarts.min.js"></script>
|
|
||||||
<script src="../../../js/common/date-time-common.js"></script>
|
|
||||||
<script src="../../../js/common/update-split-blocks.js"></script>
|
|
||||||
<script src="../../../js/common/ondutyplan.js"></script>
|
|
||||||
<script src="../../../js/common/echarts.common.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<!--库存统计-->
|
|
||||||
<div class="inventoryStatistics" id="inventoryStatistics"></div>
|
|
||||||
|
|
||||||
<!--型号产量统计-->
|
|
||||||
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
|
|
||||||
|
|
||||||
<!--小时产量统计-->
|
|
||||||
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
|
|
||||||
|
|
||||||
<!--发泡参数-->
|
|
||||||
<div class="foamingParameters" id="foamingParameters"></div>
|
|
||||||
|
|
||||||
<!--设备运行状态-->
|
|
||||||
<div class="foamingLineRunStatus">
|
|
||||||
<table style="width: 100%;height:100%;">
|
|
||||||
<tr style="width: 100%;">
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 轮播 -->
|
|
||||||
<div class="swiperModule">
|
|
||||||
<div class="swiper mySwiper">
|
|
||||||
<div class="swiper-wrapper">
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<div class="temperatureOne" id="temperatureOne"></div>
|
|
||||||
</div>
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<div class="temperatureTwo" id="temperatureTwo"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
<script src="../../../js/foamBox/index.js"></script>
|
|
||||||
<script>
|
|
||||||
var swiper = new Swiper(".mySwiper", {
|
|
||||||
spaceBetween: 30,
|
|
||||||
// loop: true,
|
|
||||||
centeredSlides: true,
|
|
||||||
autoplay: {
|
|
||||||
delay: 15000,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const ids = [[${positionId}]];
|
|
||||||
$('body').css(
|
|
||||||
{
|
|
||||||
backgroundColor: 'aquamarine',
|
|
||||||
background: 'url(../../img/foamBox/foamBoxbackground2.jpg)',
|
|
||||||
backgroundPosition: 'center center',
|
|
||||||
backgroundRepeat: 'no-repeat',
|
|
||||||
backgroundAttachment: 'fixed',
|
|
||||||
backgroundSize: '100% 100%',
|
|
||||||
})
|
|
||||||
|
|
||||||
// let info = `
|
|
||||||
// <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
|
|
||||||
// <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
|
|
||||||
// <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
|
|
||||||
// <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
|
|
||||||
// <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
|
|
||||||
// <td style="border:0px solid red;text-align:right;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
|
|
||||||
// `;
|
|
||||||
// $(".foamingLineRunStatus table tr").append(info);
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue