苏州拌合站大屏分辨率修改,定时器改10分钟

shishuaikang

2023-12-06 39f8ffd810b6b1c8e3964b21fef4c8c24aaa17e1

 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;