From 39f8ffd810b6b1c8e3964b21fef4c8c24aaa17e1 Mon Sep 17 00:00:00 2001 From: shishuaikang <280848880@qq.com> Date: 星期三, 06 十二月 2023 17:02:53 +0800 Subject: [PATCH] 苏州拌合站大屏分辨率修改,定时器改10分钟 --- web/src/views/MixingInfo/messageInfo.vue | 48 +++++++++++++++++++++++++++++++++--------------- 1 files changed, 33 insertions(+), 15 deletions(-) diff --git a/web/src/views/MixingInfo/messageInfo.vue b/web/src/views/MixingInfo/messageInfo.vue index c2a3a46..38cbd3b 100644 --- a/web/src/views/MixingInfo/messageInfo.vue +++ b/web/src/views/MixingInfo/messageInfo.vue @@ -5,7 +5,9 @@ </div> <div class="mixing_main"> <div class="mixing_left"> - <div class="mixing_left_num"><span>{{mixingList&&mixingList.tableNum}}</span></div> + <div class="mixing_left_num"> + <div class="">{{mixingList&&mixingList.tableNum}}</div> + </div> <div class="mixing_left_name">{{mixingList&&mixingList.materialName}}</div> </div> <div class="mixing_right"> @@ -53,7 +55,17 @@ // that.searchMixingInfos() that.timer = setInterval(()=>{ that.searchMixingInfos() - },60000) + },60000 * 10) + + let width = document.getElementsByClassName('mixing_index')[0].clientWidth + let $html = document.getElementsByTagName('html')[0] + let fontsize = width / 1920 * 11 + $html.style.fontSize = `${fontsize}px` + window.onresize = () => { + let width = document.getElementsByClassName('mixing_index')[0].clientWidth + let fontsize = width / 1920 * 11 + $html.style.fontSize = `${fontsize}px` + } }, beforeDestroy() { clearInterval(this.timer); @@ -77,6 +89,8 @@ </script> <style scoped lang="scss"> .mixing_index{ + display: flex; + flex-direction: column; width: 100%; height: 100%; padding: 5px; @@ -89,16 +103,15 @@ width: 100%; height: 3.2rem; position: relative; - padding: 50px; + padding: 4rem; display: flex; justify-content: center; align-items: center; span{ position: absolute; - font-size: 3rem; + font-size: 5rem; font-weight: bold; - line-height: 3.2rem; letter-spacing: 2px; text-shadow: 0px 3px 3px rgba(25, 63, 95, 0.05); background: -webkit-linear-gradient(90deg, #2AC0FF 0%, #FFFFFF 70%); @@ -108,12 +121,16 @@ } .mixing_main{ + overflow: hidden; + flex: 1; width: 100%; - height: calc(100% - 3rem); - position: absolute; - padding: 20px 15px; + height: 100%; + padding: 6rem; display: flex; + .mixing_left{ + display: flex; + flex-direction: column; width: 45%; margin-right: 15px; display: flex; @@ -122,17 +139,19 @@ justify-content: space-between; .mixing_left_num{ + position: relative; + overflow: hidden; + padding: 1rem; + flex: 3.2; width: 100%; - height: 78%; - padding: 10px; background: url("../../assets/mixing/mixing_left_bg.png") no-repeat; background-size: 100% 100%; - span{ - height: 100%; - padding: 10px 0; + >div{ display: flex; justify-content: center; align-items: center; + width: 100%; + height: 100%; color: rgba(254, 252, 94, 1); font-size: 44rem; font-weight: bold; @@ -140,9 +159,8 @@ } } .mixing_left_name{ + flex: 1; width: 100%; - height: 20%; - margin-top: 15px; display: flex; justify-content: center; align-items: center; -- Gitblit v1.9.3