|
|
|
@ -16,6 +16,12 @@
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<style>
|
|
|
|
|
.top-mid-Text-status{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top:14%;
|
|
|
|
|
width:0;
|
|
|
|
|
height:0;
|
|
|
|
|
}
|
|
|
|
|
#top-left {
|
|
|
|
|
border: 0px solid red;
|
|
|
|
|
position: absolute;
|
|
|
|
@ -304,32 +310,33 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--当日计划-->
|
|
|
|
|
<div class="top-mid-Text" style="position: absolute;top:73%;left: 7%;">
|
|
|
|
|
<img alt="运行状态" id="status-a" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--当前计划-->
|
|
|
|
|
<div class="top-mid-Text" style="position: absolute;top:73%;left:23%">
|
|
|
|
|
<img alt="运行状态" id="status-b" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="top-mid-Text" style="position: absolute;top:73%;left:39%">
|
|
|
|
|
<img alt="运行状态" id="status-c" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
|
|
|
|
|
</div>
|
|
|
|
|
<!--运行状态-->
|
|
|
|
|
<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left: 33%;">
|
|
|
|
|
<img alt="运行状态" id="status-a" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:39%">
|
|
|
|
|
<img alt="运行状态" id="status-b" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="top-mid-Text" style="position: absolute;top:73%;left:55%">
|
|
|
|
|
<img alt="运行状态" id="status-d" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:44.5%">
|
|
|
|
|
<img alt="运行状态" id="status-c" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--运行状态-->
|
|
|
|
|
<div class="top-mid-Text" style="position: absolute;top:73%;left:77%">
|
|
|
|
|
<img alt="运行状态" id="status-sys1" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
|
|
|
|
|
<!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="top-mid-Text" style="position: absolute;top:73%;left:95%">
|
|
|
|
|
<img alt="运行状态" id="status-sys2" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}"/>
|
|
|
|
|
<!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:50.5%">
|
|
|
|
|
<img alt="运行状态" id="status-d" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--运行状态-->
|
|
|
|
|
<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:59.5%">
|
|
|
|
|
<img alt="运行状态" id="status-sys1" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
|
|
|
|
|
<!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="top-mid-Text-status" style="transform: translate(-50%,-50%);left:67%">
|
|
|
|
|
<img alt="运行状态" id="status-sys2" src="../../static/img/runImg.png" th:src="@{/img/runImg.png}" style="width:2vw"/>
|
|
|
|
|
<!--<img alt="运行状态" src="../../static/img/stopImg.png" th:src="@{/img/stopImg.png}"/>-->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--发泡参数-->
|
|
|
|
@ -534,6 +541,7 @@
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
autoUpdate('/system/FoamerMes/getInventoryInfo', INTERVAL, data => {
|
|
|
|
|
console.log(data['xAxisInfo'].map(value => value.split(",").find(value => /^[Ss][Cc]/.test(value)) ?? value))
|
|
|
|
|
repertoryChart.setOption({
|
|
|
|
|
xAxis: {
|
|
|
|
|
data: data['xAxisInfo'],
|
|
|
|
@ -810,12 +818,12 @@
|
|
|
|
|
{
|
|
|
|
|
name: '数量',
|
|
|
|
|
type: 'pie',
|
|
|
|
|
radius: ['40%', '55%'],
|
|
|
|
|
radius: ['55%', '70%'],
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
formatter: '{b}\n{d}%',
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: '16px',
|
|
|
|
|
fontSize: '10px',
|
|
|
|
|
},
|
|
|
|
|
color: '#ddd'
|
|
|
|
|
},
|
|
|
|
|