# 显示屏

whycq

2023-09-06 5d6ea49e6f45e855a4368b15384c44bd9e0ae5ef

# 显示屏

 src/main/webapp/views/monitor/css/index.css

@@ -26,7 +26,7 @@
}
.head-title {
    color: #f1f1f1;
    font-size: 2.5rem;
    font-size: 2rem;
}
.body {
    width: 100%;
@@ -42,7 +42,7 @@
    justify-content: space-around;
}
.box {
    width: 90%;
    width: 98%;
    height: 45%;
    border: 1px solid rgba(25,186,139,.17);
    box-shadow: inset 0 0 15px rgba(25,186,139,.4);
@@ -57,7 +57,7 @@
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-size: 28px;
    font-weight: 600;
}
.box-body {
@@ -84,7 +84,7 @@
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-size:18px;
    font-weight: 700;
}
.table-item {
@@ -94,12 +94,12 @@
.table-td {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-size: 16px;
}
.table-td2 {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-size: 16px;
}
.table-td:nth-child(even) {
    background-color: rgba(90, 163, 172, 0.3);
@@ -125,6 +125,7 @@
    height: 10%;
    text-align: center;
    color: #FFF;

}
.swiper-none {
    height: 100%;

 src/main/webapp/views/monitor/index.html

@@ -15,7 +15,7 @@
        <div class="head">
            <div class="head-title">自动仓库监控平台</div>
            <div class="time-tools">
                <span id="bar-year"></span>-<span id="bar-month"></span>-<span id="bar-day"></span> <span id="bar-hour"></span>:<span id="bar-minute"></span>:<span id="bar-second"></span>&nbsp;&nbsp;<span id="bar-week"></span>
                <span id="bar-year"></span>-<span id="bar-month"></span>-<span id="bar-day"></span> <span id="bar-hour"></span>:<span id="bar-minute"></span>:<span id="bar-second"></span>
            </div>
        </div>
        <div class="body">
@@ -23,7 +23,7 @@
                <div class="box">
                    <div class="box-title">测试状态</div>
                    <div class="box-body">
                        <div class="table-head" style="display: flex"><div style="flex: 1">库位号</div><div style="flex: 1">库位状态</div><div style="flex: 1">包号</div><div style="flex: 1">测试状态</div></div>
                        <div class="table-head" style="display: flex"><div style="flex: 1">库位号</div><div style="flex: 1">库位状态</div><div style="flex: 3">包号</div><div style="flex: 1">测试状态</div></div>
                        <div class="swiper" style="height: 85%">
                            <div class="swiper-wrapper table-item">
                            </div>
@@ -99,7 +99,7 @@
            document.msExitFullscreen();
        }
    }
    let url = 'http://192.168.4.188:8085/fnwms'
    let url = 'http://192.168.4.188:8088/fnwms'
    var item = [{locNo: '1',locSts: '1',mk: '1',packStatus$: '1'}]
    var year = '2020';
    var month = '05';
@@ -141,7 +141,7 @@
        for (var i = 0; i < item.length; i++) {
            el = "<div class='swiper-slide "+ css + " '><div style='flex: 1'>"
                + item[i].locNo + "</div><div style='flex: 1'>"
                + item[i].locSts  + "</div><div style='flex: 1'>"
                + item[i].locSts  + "</div><div style='flex: 3'>"
                + item[i].mk  + "</div><div style='flex: 1'>"
                + item[i].packStatus$
                + "</div></div>"