修改界面

master
夜笙歌 3 years ago
parent fb696d9a60
commit f979d4d58f

@ -29,6 +29,12 @@ body {
top: 45.1%;
right: 0%;
}
.arrowsOne{
display: block;
}
.arrowsTwo{
display: none;
}
.layerOne{
background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/layerOne.png);
background-size: 100% 100%;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 609 KiB

After

Width:  |  Height:  |  Size: 728 KiB

@ -10,17 +10,23 @@ $(() => {
const btnTwo = $('#btnTwo')
const layerOne = $('#layerOne')
const layerTwo = $('#layerTwo')
const arrowsOne = $('#arrowsOne')
const arrowsTwo = $('#arrowsTwo')
btnOne.click(() => {
btnOne.css({backgroundImage: 'url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnOneClick.png)'})
btnTwo.css({backgroundImage: 'url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnTwo.png)'})
layerOne.css({display: 'block'})
layerTwo.css({display: 'none'})
arrowsOne.css({display: 'block'})
arrowsTwo.css({display: 'none'})
})
btnTwo.click(() => {
btnOne.css({backgroundImage: 'url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnOne.png)'})
btnTwo.css({backgroundImage: 'url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnTwoClick.png)'})
layerOne.css({display: 'none'})
layerTwo.css({display: 'block'})
arrowsOne.css({display: 'none'})
arrowsTwo.css({display: 'block'})
})
})

@ -23,9 +23,15 @@ $(() => {
// 三日订单执行情况
autoUpdate(url + "/selectOrderRateInfo", INTERVAL, data => {
let newData = []
data.forEach((val,index) => {
if (val.actual_number !== 0){
newData.push(data[index])
}
})
singleVerticalBarChart({
xName: data.map(val => val.name_sub),
yData: data.map(val => val.actual_number),
xName: newData.map(val => val.name_sub),
yData: newData.map(val => val.actual_number),
}, document.getElementById("productionEfficiency"), -20)
orderDetailsTable.loadData(data.map(value => [value.plan_code, value.name, value.plan_number, value.actual_number, value.plan_number - value.actual_number]), Object.keys(["编号", "型号", "计划数量", "完成数量", "差异值"]))
@ -39,12 +45,12 @@ $(() => {
// 当日订单入库统计
autoUpdate(url + "/zhou_selectQaItemInfo", INTERVAL, data => {
let arr = [0,0,0,0,0,0]
let yDataOne = [...(data.find(val => val.code == '内胆检漏')?.list.map(val => val.qty) || []),...arr]
let yDataTwo = [...(data.find(val => val.code == '安全检测')?.list.map(val => val.qty) || []),...arr]
let yDataThree = [...(data.find(val => val.code == '成品检漏')?.list.map(val => val.qty) || []),...arr]
let yDataFour = [...(data.find(val => val.code == '测温性能')?.list.map(val => val.qty) || []),...arr]
let yDataFive = [...(data.find(val => val.code == '成品外观')?.list.map(val => val.qty) || []),...arr]
let arr = [0, 0, 0, 0, 0, 0]
let yDataOne = [...(data.find(val => val.code == '内胆检漏')?.list.map(val => val.qty) || []), ...arr]
let yDataTwo = [...(data.find(val => val.code == '安全检测')?.list.map(val => val.qty) || []), ...arr]
let yDataThree = [...(data.find(val => val.code == '成品检漏')?.list.map(val => val.qty) || []), ...arr]
let yDataFour = [...(data.find(val => val.code == '测温性能')?.list.map(val => val.qty) || []), ...arr]
let yDataFive = [...(data.find(val => val.code == '成品外观')?.list.map(val => val.qty) || []), ...arr]
multipleBrokenLineAreaDiagramTwo(
{
xData: data.find(val => val.code == '横坐标')?.list.map(val => val.name),

@ -6,7 +6,8 @@
name="viewport">
<title>箱壳成型数据监控平台</title>
<meta content="箱壳成型数据监控平台" name="description">
<link href="../../static/css/board/intelligentRefrigeratorInterconnectionFactory.css" rel="stylesheet" th:href="@{/css/board/intelligentRefrigeratorInterconnectionFactory.css}"/>
<link href="../../static/css/board/intelligentRefrigeratorInterconnectionFactory.css" rel="stylesheet"
th:href="@{/css/board/intelligentRefrigeratorInterconnectionFactory.css}"/>
<link href="../../static/css/materialdesignicons.min.css" rel="stylesheet"
th:href="@{/css/materialdesignicons.min.css}"/>
<link href="../../static/css/autoscroll-table.css" rel="stylesheet" th:href="@{/css/autoscroll-table.css}">
@ -43,40 +44,69 @@
<div class='infoThree' id='infoThree'></div>
<!--箭头-->
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 6.5vw;height: 1.4vh;position: absolute;top: 65.3%;left: 26%;object-fit: contain;transform: rotate(465deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 61.1%;left: 31.3%;object-fit: contain;transform: rotate(180deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 1.2vh;position: absolute;top: 64.9%;left: 35.1%;object-fit: contain;transform: rotate(276deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 67.5%;left: 40.2%;object-fit: contain;transform: rotate(180deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 67.5%;left: 49.3%;object-fit: contain;transform: rotate(180deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 67.5%;left: 58.3%;object-fit: contain;transform: rotate(180deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 0.9vh;position: absolute;top: 63.5%;left: 61.2%;object-fit: contain;transform: rotate(85deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 21.6vw;height: 2vh;position: absolute;top: 57%;left: 48.1%;object-fit: contain;transform: rotate(11deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 11.6vw;height: 2.7vh;position: absolute;top: 72.1%;left: 71.9%;object-fit: contain;transform: rotate(180deg);;">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 1vh;position: absolute;top: 56.3%;left: 26.8%;object-fit: contain;transform: rotate(270deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 52.1%;left: 63%;object-fit: contain;transform: rotate(0deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 1.1vh;position: absolute;top: 52.9%;left: 71.3%;object-fit: contain;transform: rotate(78deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 0.9vh;position: absolute;top: 54.4%;left: 75.6%;object-fit: contain;transform: rotate(279deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 52.1%;left: 37.3%;object-fit: contain;transform: rotate(0deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 41.8%;left: 33.3%;object-fit: contain;transform: rotate(5deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 39.6%;left: 60.3%;object-fit: contain;transform: rotate(180deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 36%;left: 66.3%;object-fit: contain;transform: rotate(0deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 0.8vh;position: absolute;top: 34.4%;left: 74.5%;object-fit: contain;transform: rotate(279deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif" alt="" style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;object-fit: contain;transform: rotate(285deg);">
<img src="../img/board/intelligentRefrigeratorInterconnectionFactory/veer.gif" alt="" style="width: 4.6vw;height: 6.5vh;position: absolute;top: 43.8%;left: 45.5%;object-fit: contain;transform: rotate(5deg);">
<div class="arrowsOne" id="arrowsOne">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 63.1%;left: 24.3%;transform: rotate(285deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 6.5vw;height: 1.4vh;position: absolute;top: 65.3%;left: 26%;object-fit: contain;transform: rotate(465deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 61.1%;left: 31.3%;object-fit: contain;transform: rotate(180deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 1.2vh;position: absolute;top: 64.9%;left: 35.1%;object-fit: contain;transform: rotate(276deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 67.5%;left: 40.2%;object-fit: contain;transform: rotate(180deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 67.5%;left: 49.3%;object-fit: contain;transform: rotate(180deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 67.5%;left: 58.3%;object-fit: contain;transform: rotate(180deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 0.9vh;position: absolute;top: 63.5%;left: 61.2%;object-fit: contain;transform: rotate(85deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 21.6vw;height: 2vh;position: absolute;top: 57%;left: 48.1%;object-fit: contain;transform: rotate(11deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 11.6vw;height: 2.7vh;position: absolute;top: 72.1%;left: 71.9%;object-fit: contain;transform: rotate(180deg);;">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 1vh;position: absolute;top: 56.3%;left: 26.8%;object-fit: contain;transform: rotate(270deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 52.1%;left: 63%;object-fit: contain;transform: rotate(0deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 1.1vh;position: absolute;top: 52.9%;left: 71.3%;object-fit: contain;transform: rotate(78deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 0.9vh;position: absolute;top: 54.4%;left: 75.6%;object-fit: contain;transform: rotate(279deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 52.1%;left: 37.3%;object-fit: contain;transform: rotate(0deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 41.8%;left: 33.3%;object-fit: contain;transform: rotate(5deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 39.6%;left: 60.3%;object-fit: contain;transform: rotate(180deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 36%;left: 66.3%;object-fit: contain;transform: rotate(0deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 0.8vh;position: absolute;top: 34.4%;left: 74.5%;object-fit: contain;transform: rotate(279deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 25.1%;left: 78.3%;object-fit: contain;transform: rotate(70deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 19.1%;left: 43.3%;object-fit: contain;transform: rotate(2deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 19.1%;left: 27.3%;object-fit: contain;transform: rotate(360deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 3.2vw;height: 1vh;position: absolute;top: 33.1%;left: 27.6%;object-fit: contain;transform: rotate(108deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 2.4vw;height: 1.5vh;position: absolute;top: 33.1%;left: 29.7%;object-fit: contain;transform: rotate(290deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 4.6vw;height: 2vh;position: absolute;top: 33.1%;left: 33.3%;object-fit: contain;transform: rotate(0deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/veer.gif"
style="width: 4.6vw;height: 6.5vh;position: absolute;top: 43.8%;left: 45.5%;object-fit: contain;transform: rotate(5deg);">
</div>
<div class="arrowsTwo" id="arrowsTwo">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/arrows.gif"
style="width: 6.5vw;height: 1.4vh;position: absolute;top: 65.3%;left: 26%;object-fit: contain;transform: rotate(465deg);">
<img alt="" src="../img/board/intelligentRefrigeratorInterconnectionFactory/veer.gif"
style="width: 4.6vw;height: 6.5vh;position: absolute;top: 43.8%;left: 45.5%;object-fit: contain;transform: rotate(5deg);">
</div>
</body>
<script src="../../static/js/board/intelligentRefrigeratorInterconnectionFactory.js" th:src="@{/js/board/intelligentRefrigeratorInterconnectionFactory.js}"></script>
<script src="../../static/js/board/intelligentRefrigeratorInterconnectionFactory.js"
th:src="@{/js/board/intelligentRefrigeratorInterconnectionFactory.js}"></script>
<script>
</script>
</html>

Loading…
Cancel
Save