电子货位卡-增加系统运维页面，设置定时锁屏及跳转

czt

2025-05-22 6f9b2db708dce217fc81e642ac7e6c6094925c13

电子货位卡-增加系统运维页面，设置定时锁屏及跳转

 igds-dzhwk-web/src/main/java/com/fzzy/igds/dzhwk/controller/WebController.java

@@ -4,6 +4,7 @@
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

/**
 * @Description
@@ -21,8 +22,8 @@
     * @return
     */
    @RequestMapping("/lock")
    public String lock(ModelMap view) {

    public String lock(@RequestParam(value = "flag", required = true) String flag, ModelMap view) {
        view.put("flag", flag);
        return prefix + "lock";
    }

@@ -33,7 +34,7 @@
     */
    @RequestMapping("/index")
    public String index(ModelMap view) {

        view.put("flag", "index");
        return prefix + "index";
    }

@@ -44,7 +45,7 @@
     */
    @RequestMapping("/dzhwk")
    public String dzhwk(ModelMap view) {

        view.put("flag", "dzhwk");
        return prefix + "dzhwk";
    }

@@ -55,7 +56,7 @@
     */
    @RequestMapping("/grain")
    public String grain(ModelMap view) {

        view.put("flag", "grain");
        return prefix + "grain";
    }

@@ -66,7 +67,7 @@
     */
    @RequestMapping("/gas")
    public String gas(ModelMap view) {

        view.put("flag", "gas");
        return prefix + "gas";
    }

@@ -77,7 +78,7 @@
     */
    @RequestMapping("/pest")
    public String pest(ModelMap view) {

        view.put("flag", "pest");
        return prefix + "pest";
    }

@@ -88,7 +89,7 @@
     */
    @RequestMapping("/verb")
    public String verb(ModelMap view) {

        view.put("flag", "verb");
        return prefix + "verb";
    }

@@ -100,7 +101,7 @@
     */
    @RequestMapping("/recir")
    public String recir(ModelMap view) {

        view.put("flag", "recir");
        return prefix + "recir";
    }

@@ -111,7 +112,7 @@
     */
    @RequestMapping("/n2")
    public String n2(ModelMap view) {

        view.put("flag", "n2");
        return prefix + "n2";
    }

@@ -122,7 +123,7 @@
     */
    @RequestMapping("/security")
    public String security(ModelMap view) {

        view.put("flag", "security");
        return prefix + "security";
    }

@@ -133,7 +134,7 @@
     */
    @RequestMapping("/door")
    public String door(ModelMap view) {

        view.put("flag", "door");
        return prefix + "door";
    }

@@ -144,7 +145,7 @@
     */
    @RequestMapping("/ai")
    public String ai(ModelMap view) {

        view.put("flag", "ai");
        return prefix + "ai";
    }

@@ -155,7 +156,7 @@
     */
    @RequestMapping("/card")
    public String card(ModelMap view) {

        view.put("flag", "card");
        return prefix + "card";
    }

@@ -166,7 +167,7 @@
     */
    @RequestMapping("/patrol")
    public String patrol(ModelMap view) {

        view.put("flag", "patrol");
        return prefix + "patrol";
    }

@@ -177,7 +178,7 @@
     */
    @RequestMapping("/sys")
    public String sys(ModelMap view) {

        view.put("flag", "sys");
        return prefix + "sys";
    }


 igds-dzhwk-web/src/main/resources/static/dzhwk/common.js

@@ -1,4 +1,19 @@
//显示当前时间（年月日时分秒）
var timeout;
/**
 * æ²¡æœ‰æ“ä½œåˆ™è·³è½¬é”å±
 */
function resetTimeout() {
    clearTimeout(timeout);
    timeout = setTimeout(function() {
        console.log('用户没有操作');
        // å¦‚果没有操作超过1分钟，跳转到锁屏页面
        window.location.href = "../dzhwk/lock?flag=" + flag;
    }, 1000*60); // 1分钟
}

/**
 * æ˜¾ç¤ºå½“前时间（年月日时分秒）
 */
function timeFormate() {
    let that = this
    let year = new Date().getFullYear();
@@ -21,6 +36,20 @@
}

/**
 * æ˜¾ç¤ºå½“前时间（年月日时分秒）
 */
function getNowTime() {
    let that = this
    let year = new Date().getFullYear();
    let month = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1;
    let date = new Date().getDate() < 10 ? '0' + new Date().getDate() : new Date().getDate();
    let hh = new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours();
    let mm = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
    let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds();
    return year + '-' + month + '-' + date + ' ' + hh + ':' + mm + ":" + ss;
}

/**
 * åŠŸèƒ½é¡µé¢è·³è½¬
 * @param tag
 */

 igds-dzhwk-web/src/main/resources/static/dzhwk/mui.js

¶Ô±ÈÐÂÎļþ
ÎļþÌ«´ó

 igds-dzhwk-web/src/main/resources/static/dzhwk/sys.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,266 @@
.f-copy {
    text-align: center;
    font-size: 18px;
    line-height: 41px;
    height: 41px;
    color: #fff;
    font-weight: 700;
    background: url(../img/dzhwk/sys/f-bg.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.f-copy {
    text-align: center;
    font-size: .937vw;
    line-height: 2.135vw;
    height: 2.135vw;
    color: #fff;
    font-weight: 700;
    background: url(../img/dzhwk/sys/f-bg.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.row-opt {
    padding: 62px 65px 0
}

.m-contopt {
    width: 1304px;
    height: 736px;
    background-image: url(../img/dzhwk/sys/a5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto
}

.ul-listopt2 {
    padding: 60px 0 0 90px
}

.ul-listopt2 li {
    margin-bottom: 45px
}

.ul-listopt2 li:last-child {
    margin-bottom: 26px
}

.ul-listopt2 .pic {
    position: relative;
    width: 63px;
    float: left
}

.ul-listopt2 .img {
    width: 63px;
    height: 63px;
    display: block
}

.ul-listopt2 .img1 {
    animation: animtran 8s linear infinite;
    -webkit-animation: animtran 8s linear infinite
}

@keyframes animtran {
    from {
        transform: rotateZ(0)
    }
    to {
        transform: rotateZ(360deg)
    }
}

.ul-listopt2 .img2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.ul-listopt2 .txt {
    overflow: hidden;
    padding-left: 10px;
    position: relative
}

.ul-listopt2 .txt .line {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    top: 30px
}

.ul-listopt2 .tit {
    font-size: 18px;
    font-weight: 400;
    color: #0cf;
    margin-bottom: 10px
}

.ul-listopt2 .desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff
}

.m-opt-vx {
    width: 1275px;
    height: 109px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-image: url(../img/dzhwk/sys/a7.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.m-opt-vx img {
    display: block
}

.m-opt-vx .logo-sys {
    margin-right: 126px
}

.m-opt-vx .logo-sys img {
    width: 213px;
    height: 60px
}

.m-opt-vx .vx img {
    width: 78px;
    height: 76px
}

@media only screen and (min-width: 1199px) and (max-width: 1920px) {
    .row-opt {
        padding: 3.229vw 3.385vw 0
    }

    .m-contopt {
        width: 67.91vw;
        height: 38.33vw;
        background-image: url(../img/dzhwk/sys/a5.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto
    }

    .ul-listopt2 {
        padding: 3.125vw 0 0 4.687vw
    }

    .ul-listopt2 li {
        margin-bottom: 2.343vw
    }

    .ul-listopt2 li:last-child {
        margin-bottom: 1.354vw
    }

    .ul-listopt2 .pic {
        position: relative;
        width: 3.281vw;
        float: left
    }

    .ul-listopt2 .img {
        width: 3.281vw;
        height: 3.281vw;
        display: block
    }

    .ul-listopt2 .img1 {
        animation: animtran 8s linear infinite;
        -webkit-animation: animtran 8s linear infinite
    }

    @keyframes animtran {
        from {
            transform: rotateZ(0)
        }
        to {
            transform: rotateZ(360deg)
        }
    }
    .ul-listopt2 .img2 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .ul-listopt2 .txt {
        overflow: hidden;
        padding-left: .52vw;
        position: relative
    }

    .ul-listopt2 .txt .line {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 1.041vw;
        top: 1.562vw
    }

    .ul-listopt2 .tit {
        font-size: .937vw;
        font-weight: 400;
        color: #0cf;
        margin-bottom: .52vw
    }

    .ul-listopt2 .desc {
        font-size: .937vw;
        font-weight: 400;
        color: #fff
    }

    .m-opt-vx {
        width: 66.4vw;
        height: 5.677vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        background-image: url(../img/dzhwk/sys/a7.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .m-opt-vx img {
        display: block
    }

    .m-opt-vx .logo-sys {
        margin-right: 6.562vw
    }

    .m-opt-vx .logo-sys img {
        width: 11.09vw;
        height: 3.125vw
    }

    .m-opt-vx .vx img {
        width: 4.062vw;
        height: 3.958vw
    }
}

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a-bg1.jpg

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a2.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a3.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a4.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a5.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a7.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a8.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/a9.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/b1.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/b2.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/b3.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/b4.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/sys/f-bg.png

 igds-dzhwk-web/src/main/resources/templates/dzhwk/ai.html

@@ -438,9 +438,11 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/swiper-bundle.min.js}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];
    $(".m-listb1 li").each(function (i) {
        $(".m-listb1 li").slice(i * 6, i * 6 + 6).wrapAll("<ul class='ul-listb2'></ul>");
    });
@@ -479,6 +481,11 @@
    setInterval(function () {
        timeFormate()
    }, 1000);

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏
</script>
</body>
</html>

 igds-dzhwk-web/src/main/resources/templates/dzhwk/card.html

@@ -74,8 +74,15 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏

    timeFormate();
    setInterval(function () {

 igds-dzhwk-web/src/main/resources/templates/dzhwk/door.html

@@ -451,9 +451,11 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/swiper-bundle.min.js}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];
    $(function () {
        $('.ul-listl7 li').click(function () {
            $(this).toggleClass('ok');
@@ -498,6 +500,11 @@
        })
    })

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏

    timeFormate();
    setInterval(function () {
        timeFormate()

 igds-dzhwk-web/src/main/resources/templates/dzhwk/dzhwk.html

@@ -1774,11 +1774,18 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/swiper-bundle.min.js}"></script>
<script th:src="@{/dzhwk/echarts.min.js}"></script>
<script th:src="@{/dzhwk/dzhwk.js}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏

    timeFormate();
    setInterval(function () {

 igds-dzhwk-web/src/main/resources/templates/dzhwk/grain.html

@@ -106,8 +106,15 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏

    timeFormate();
    setInterval(function () {

 igds-dzhwk-web/src/main/resources/templates/dzhwk/index.html

@@ -1117,9 +1117,12 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.8}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/swiper-bundle.min.js}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];
    var swiper = new Swiper('.m-swiperl1 .swiper', {
        slidesPerView: 1,
        // autoplay: {
@@ -1150,7 +1153,11 @@
    setInterval(function () {
        timeFormate()
    }, 1000);
</script>

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏
</script>
</body>
</html>

 igds-dzhwk-web/src/main/resources/templates/dzhwk/lock.html

@@ -27,8 +27,21 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];

    //监听操作
    document.addEventListener('click', lockToPage);      //鼠标点击
    document.addEventListener('touchstart', lockToPage); //触屏

    /**
     * é”å±é¡µé¢è·³è½¬å…¶ä»–页面
     */
    function lockToPage() {
        toPage(flag);
    }

    timeFormate();
    setInterval(function () {

 igds-dzhwk-web/src/main/resources/templates/dzhwk/patrol.html

@@ -31,15 +31,16 @@
            <div class="left-slide">
                <div class="m-signb1">
                    <div class="col-l">
                        <div class="imgbox">
                        <div class="imgbox" id="video">
                            <img th:src="@{/img/dzhwk/b-p1.png}" alt="">
                        </div>

                        <div class="g-boxl1" style="background-color: #1a1e23;">
                            <div class="m-cardb1">
                                <div class="left">
                                    <div class="line">
                                        <div class="s">打卡时间</div>
                                        <div class="p">2025/03/01 16:30</div>
                                        <div class="p" id="cardTime">2025/03/01 16:30</div>
                                    </div>
                                    <div class="line sel js-sel">
                                        <div class="s">打卡位置</div>
@@ -317,9 +318,11 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/swiper-bundle.min.js}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];
    var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        slidesPerView: 11,
@@ -343,6 +346,11 @@
        $('.sel-pop').stop().slideUp();
    });

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏

    timeFormate();
    setInterval(function () {
        timeFormate()

 igds-dzhwk-web/src/main/resources/templates/dzhwk/sys-1.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,111 @@
<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>电子货位卡系统-系统运维</title>

    <link rel="stylesheet" th:href="@{/dzhwk/sys.css}"/>
</head>

<body>
<div class="g-container" style="background-image: url('/img/dzhwk/sys/a-bg1.jpg')">
    <div class="main">
        <div class="row-opt">
            <div class="m-contopt">
                <div class="tab1">
                    <div class="m-opt1">
                        <ul class="ul-listopt2">
                            <li>
                                <div class="con">
                                    <div class="pic">
                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt="" class="img1 img">
                                        <img th:src="@{/img/dzhwk/sys/a3.png}" alt="" class="img2 img">
                                    </div>
                                    <div class="txt">
                                        <div class="tit">技术支持</div>
                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                        <div class="desc">风正致远信息技术股份有限公司</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="con">
                                    <div class="pic">
                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt="" class="img1 img">
                                        <img th:src="@{/img/dzhwk/sys/b1.png}" alt="" class="img2 img">
                                    </div>
                                    <div class="txt">
                                        <div class="tit">公司名称</div>
                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                        <div class="desc">风正致远信息技术股份有限公司</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="con">
                                    <div class="pic">
                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt="" class="img1 img">
                                        <img th:src="@{/img/dzhwk/sys/b2.png}" alt="" class="img2 img">
                                    </div>
                                    <div class="txt">
                                        <div class="tit">联系电话</div>
                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                        <div class="desc">400-627-1116</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="con">
                                    <div class="pic">
                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt="" class="img1 img">
                                        <img th:src="@{/img/dzhwk/sys/b3.png}" alt="" class="img2 img">
                                    </div>
                                    <div class="txt">
                                        <div class="tit">联系邮箱</div>
                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                        <div class="desc">support@fzzygf.com</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="con">
                                    <div class="pic">
                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt="" class="img1 img">
                                        <img th:src="@{/img/dzhwk/sys/b4.png}" alt="" class="img2 img">
                                    </div>
                                    <div class="txt">
                                        <div class="tit">公司联系地址</div>
                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                        <div class="desc">
                                            æ²³å—省郑州高新技术产业开发区长椿路11号河南省国家大学科技园1#孵化楼502室
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="m-opt-vx">
                            <div class="logo">
                                <img th:src="@{/img/dzhwk/sys/a8.png}" alt="">
                            </div>
                            <div class="vx">
                                <img th:src="@{/img/dzhwk/sys/a9.png}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="f-copy">技术支持：风正致远信息技术股份有限公司</div>
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
</body>

</html>

 igds-dzhwk-web/src/main/resources/templates/dzhwk/sys.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,221 @@
<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>电子货位卡系统-系统运维</title>

    <link rel="stylesheet" th:href="@{/dzhwk/style.css}"/>
    <link rel="stylesheet" th:href="@{/dzhwk/sys.css}"/>
</head>

<body class="">
<div class="screen-container">
    <div id="container">
        <div class="header">
            <div class="h-info">
                <div class="t">电子货位卡系统</div>
                - ç³»ç»Ÿè¿ç»´
            </div>
            <a href="" class="logo">
                <img th:src="@{/img/dzhwk/logo.png}" alt="">
                <span>风正致远郑州直属库</span>
            </a>
            <div class="h-date">2025-03-26 10:10</div>
        </div>
        <div class="g-row">
            <div class="left-slide">
                <div class="g-boxl1">

                        <div class="row-opt" style="margin: 25px 0 72px 0;">
                            <div class="m-contopt">
                                <div class="tab1">
                                    <div class="m-opt1">
                                        <ul class="ul-listopt2">
                                            <li>
                                                <div class="con">
                                                    <div class="pic">
                                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt=""
                                                             class="img1 img">
                                                        <img th:src="@{/img/dzhwk/sys/a3.png}" alt=""
                                                             class="img2 img">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="tit">技术支持</div>
                                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                                        <div class="desc">风正致远信息技术股份有限公司</div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="con">
                                                    <div class="pic">
                                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt=""
                                                             class="img1 img">
                                                        <img th:src="@{/img/dzhwk/sys/b1.png}" alt=""
                                                             class="img2 img">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="tit">公司名称</div>
                                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                                        <div class="desc">风正致远信息技术股份有限公司</div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="con">
                                                    <div class="pic">
                                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt=""
                                                             class="img1 img">
                                                        <img th:src="@{/img/dzhwk/sys/b2.png}" alt=""
                                                             class="img2 img">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="tit">联系电话</div>
                                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                                        <div class="desc">400-627-1116</div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="con">
                                                    <div class="pic">
                                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt=""
                                                             class="img1 img">
                                                        <img th:src="@{/img/dzhwk/sys/b3.png}" alt=""
                                                             class="img2 img">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="tit">联系邮箱</div>
                                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                                        <div class="desc">support@fzzygf.com</div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="con">
                                                    <div class="pic">
                                                        <img th:src="@{/img/dzhwk/sys/a2.png}" alt=""
                                                             class="img1 img">
                                                        <img th:src="@{/img/dzhwk/sys/b4.png}" alt=""
                                                             class="img2 img">
                                                    </div>
                                                    <div class="txt">
                                                        <div class="tit">公司联系地址</div>
                                                        <img th:src="@{/img/dzhwk/sys/a4.png}" alt="" class="line">
                                                        <div class="desc">
                                                            æ²³å—省郑州高新技术产业开发区长椿路11号河南省国家大学科技园1#孵化楼502室
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="m-opt-vx">
                                            <div class="logo-sys">
                                                <img th:src="@{/img/dzhwk/sys/a8.png}" alt="">
                                            </div>
                                            <div class="vx">
                                                <img th:src="@{/img/dzhwk/sys/a9.png}" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="f-copy">技术支持：风正致远信息技术股份有限公司</div>

                </div>
            </div>
            <div class="right-slide">
                <ul class="ul-listb1">
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('dzhwk')" class="con sty1">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r1.png}" alt="">
                            </div>
                            <div class="ty">电子货位卡</div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('grain')" class="con sty2">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r2.png}" alt="">
                            </div>
                            <div class="ty">仓储保管作业</div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('door')" class="con sty3">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r3.png}" alt="">
                            </div>
                            <div class="ty">电子门禁</div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('ai')" class="con sty4">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r4.png}" alt="">
                            </div>
                            <div class="ty">AI专家决策</div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('card')" class="con sty5">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r5.png}" alt="">
                            </div>
                            <div class="ty">粮油专卡</div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('patrol')" class="con sty6">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r6.png}" alt="">
                            </div>
                            <div class="ty">巡检打卡</div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('sys')" class="con sty7">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r7.png}" alt="">
                            </div>
                            <div class="ty">运维配置</div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="toPage('index')" class="con sty8">
                            <div class="icon">
                                <img th:src="@{/img/dzhwk/r8.png}" alt="">
                            </div>
                            <div class="ty">返回首页</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];

    timeFormate();
    setInterval(function () {
        timeFormate()
    }, 1000);

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏
</script>
</body>
</html>

 igds-dzhwk-web/src/main/resources/templates/dzhwk/verb.html

@@ -106,8 +106,15 @@
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
    var flag = [[${flag}]];

    //监听操作
    document.addEventListener('mousemove', resetTimeout);  //鼠标移动
    document.addEventListener('click', resetTimeout);      //鼠标点击
    document.addEventListener('touchstart', resetTimeout); //触屏

    timeFormate();
    setInterval(function () {