修改二期发泡线
夜笙歌
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