wangh
/
aucma-benchmarking-factory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改智能冷柜工厂看板

Browse Source
master
夜笙歌 4 years ago
parent 54c6606771
commit 316b1ea859
5 changed files with 64 additions and 5 deletions
Show Stats Download Patch File Download Diff File

31
ruoyi-admin/src/main/resources/static/css/board/intelligentRefrigeratorInterconnectionFactory.css
Unescape Escape View File

@ -11,7 +11,7 @@ body {
}
.btnOne {
background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnOne.png);
background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/btnOneClick.png);
background-size: 100% 100%;
position: absolute;
width: 7.6%;
@ -27,4 +27,33 @@ body {
height: 8.5%;
top: 89.1%;
left: 56.2%;
}
.layerOne{
background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/layerOne.png);
background-size: 100% 100%;
position: absolute;
width: 90%;
height: 65.2%;
top: 20.1%;
left: 4.3%;
display: block;
}
.layerTwo{
background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/layerTwo.png);
background-size: 100% 100%;
position: absolute;
width: 98.2%;
height: 72.6%;
top: 13%;
left: 0.7%;
display: none;
}
.info{
background-image: url(../../img/board/intelligentRefrigeratorInterconnectionFactory/info.png);
background-size: 100% 100%;
position: absolute;
width: 17.6%;
height: 15.2%;
top: 8.6%;
left: 80.7%;
}

2
ruoyi-admin/src/main/resources/static/js/board/beforeLibrary.js
Unescape Escape View File

@ -55,7 +55,7 @@ $(() => {
})
const moduleTitle = () => {
const html = `
<span style="position: absolute;top: 0%;left: 50%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">泡前库数据展示平台</span>
<span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">泡前库数据展示平台</span>
<span style="position: absolute;top: 10%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">订单详情</span>
<span style="position: absolute;top: 10%;left: 37%;color: #CFD2D0;font-size: 1.0vw">当日订单数量达成率</span>
<span style="position: absolute;top: 10%;left: 68.5%;color: #CFD2D0;font-size: 1.0vw">质量统计</span>

2
ruoyi-admin/src/main/resources/static/js/board/finalAssemblyProductionData.js
Unescape Escape View File

@ -36,7 +36,7 @@ const LOSS = () => {
}
const moduleTitle = () => {
const html = `
<span style="position: absolute;top: 0%;left: 50%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">总装生产数据及质量数据</span>
<span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">总装生产数据及质量数据</span>
<span style="position: absolute;top: 10%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">产量</span>
<span style="position: absolute;top: 54.3%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">一次装配不合格率</span>
<span style="position: absolute;top: 24.8%;left: 53%;color: #CFD2D0;font-size: 1.0vw">LOSS分类</span>

27
ruoyi-admin/src/main/resources/static/js/board/intelligentRefrigeratorInterconnectionFactory.js
Unescape Escape View File

@ -1,12 +1,37 @@
$(() => {
moduleTitle()
info()
// 公共请求地址
let url = '/broad/box'
const btnOne = $('#btnOne')
const btnTwo = $('#btnTwo')
const layerOne = $('#layerOne')
const layerTwo = $('#layerTwo')
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'})
})
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'})
})
})
const moduleTitle = () => {
const html = `
<span style="position: absolute;top: 0%;left: 50%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">智能冷柜互联工厂</span>
<span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">智能冷柜互联工厂</span>
`
$('body').append(html)
}
const info = () => {
const html = `
<span style="position: absolute;top: 12%;left: 6%;color: #CFD2D0;font-size: 0.9vw;">xxx名称</span>
<span style="display:-webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5;position: absolute;top: 31%;left: 6%;width:90%;color: rgba(255,255,255,0.6);font-size: 0.5vw;">介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/介绍/</span>
`
$('#info').append(html)
}

7
ruoyi-admin/src/main/resources/templates/broad/intelligentRefrigeratorInterconnectionFactory.html
Unescape Escape View File

@ -31,8 +31,13 @@
<div class="btnOne" id="btnOne"></div>
<!--按钮二-->
<div class="btnTwo" id="btnTwo"></div>
<!--工厂图-->
<div class="layerOne" id="layerOne"></div>
<div class="layerTwo" id="layerTwo"></div>
<!--介绍窗口-->
<div class=info id=info></div>
</body>
<script src="../../static/js/board/intelligentRefrigeratorInterconnectionFactory.js" th:src="@{/js/board/intelligentRefrigeratorInterconnectionFactory.js}"></script>
<script src="../../static/js/board/intelligentRefrigeratorInterconnectionFactory.jsx" th:src="@{/js/board/intelligentRefrigeratorInterconnectionFactory.js}"></script>
<script>
</script>
</html>

Write Preview
Loading…
Cancel
Save