在底部加入日期时间显示

bsw215583320

2023-08-05 47f5510056187904e26683559c47505a29c84655

在底部加入日期时间显示

 src/views/dry/bigScreen/BigWorkShop.vue

@@ -128,6 +128,11 @@
                            </div>
                        </div>
                    </div>
                    <div class="footer">
						
                        <div >{{ nowDate }}</div>
                        <div >{{ nowTime }}</div>
                    </div>
                </div>
            </div>
        </div>
@@ -152,6 +157,9 @@
    const Timer = ref()

    const realTime = ref(new Map())
    const nowTime = ref()
    const nowDate = ref()


    function listAllEqp() {
        listAll({ enable: 'Y' })
@@ -211,9 +219,18 @@
        }
    }

    function getNowTime() {
        var date = new Date()
        nowDate.value = (date.getFullYear()) + "/" + (date.getMonth()< 9? "0" + (date.getMonth() + 1): date.getMonth() + 1) + "/" + (date.getDay() < 10? "0" + date.getDay() : date.getDay())
        nowTime.value = "" + (date.getHours()<10? "0" + date.getHours() :  date.getHours())  + ":" + (date.getMinutes()< 10? "0" + date.getMinutes(): date.getMinutes())
        //console.log("获取当前时间！");
    }

    getNowTime()
    listAllEqp()
    onMounted(() => {
        Timer.value = setInterval(updateRealTime, 3000)
        setInterval(getNowTime,10000)
    })

    onUnmounted(() => {
@@ -394,7 +411,17 @@
        line-height: 26px;
    }

    .value {

    .footer {
        height: 160px;
        display: flex;
        padding: 10px 20px;
        font-size: 30px;
        flex-direction: column-reverse;
        align-items: flex-end;
        color: white;
        line-height: 40px;

    }
    :deep() .progress {
        padding: 25px 25px;