<!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/swiper-bundle.min.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="m-signb1">
|
<div class="col-l">
|
<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" id="cardTime">2025/03/01 16:30</div>
|
</div>
|
<div class="line sel js-sel">
|
<div class="s">打卡位置</div>
|
<div class="p">P01仓-大门口</div>
|
<div class="sel-pop">
|
<div class="gp">P01仓-大门口</div>
|
<div class="gp">P02仓-大门口</div>
|
<div class="gp">P03仓-大门口</div>
|
</div>
|
</div>
|
</div>
|
<div class="right">
|
<div class="btn">确认<br>打卡</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-r ">
|
<div class="g-boxl1 posb1">
|
<div class="g-titl1">巡检记录</div>
|
<div class="g-moreb1">
|
<svg t="1744356499098" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="4388" width="64" height="64">
|
<path d="M896 469.333333v128h-128v-128h128z m-298.666667 0v128h-128v-128h128z m-298.666666 0v128H170.666667v-128h128z"
|
fill="#9fa0a2" p-id="4389"></path>
|
</svg>
|
</div>
|
<div class="g-tableb1">
|
<ul class="ul-tableb1 thead">
|
<li>
|
<div class="td">巡检人</div>
|
<div class="td">巡检类型</div>
|
<div class="td">巡检时间</div>
|
</li>
|
</ul>
|
<div class="swiper-container" id="sw">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
<div class="swiper-slide">
|
<ul class="ul-tableb1">
|
<li>
|
<div class="td">张三</div>
|
<div class="td">粮温巡检</div>
|
<div class="td">2025/01/01 10:10</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<div class="g-opts">
|
<div class="swiper-button-prev">
|
<svg t="1744343461436" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="4317" width="64" height="64">
|
<path d="M481.856 992V154.432L76.608 558.144l-44.48-44.608L513.664 32l478.144 478.144-44.544 46.08-401.792-401.792V992h-63.616z"
|
fill="currentColor" p-id="4318"></path>
|
</svg>
|
</div>
|
<div class="swiper-pagination"></div>
|
<div class="swiper-button-next">
|
<svg t="1744343487866" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="5295" width="64" height="64">
|
<path d="M545.472 32v837.504L947.2 467.712l44.544 46.144-478.08 478.144L32.128 510.4l44.48-44.544 405.248 403.712V32h63.616z"
|
fill="currentColor" p-id="5296"></path>
|
</svg>
|
</div>
|
</div>
|
</div>
|
</div>
|
</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/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,
|
|
pagination: {
|
el: '.swiper-pagination',
|
type: 'progressbar',
|
},
|
navigation: {
|
nextEl: '.swiper-button-next',
|
prevEl: '.swiper-button-prev',
|
},
|
});
|
|
$('.js-sel').on('click', function () {
|
$('.sel-pop').stop().slideToggle();
|
});
|
$('.sel-pop').on('click', '.gp', function () {
|
var txt = $(this).text();
|
$('.js-sel .p').text(txt);
|
$('.sel-pop').stop().slideUp();
|
});
|
|
//监听操作
|
document.addEventListener('mousemove', resetTimeout); //鼠标移动
|
document.addEventListener('click', resetTimeout); //鼠标点击
|
document.addEventListener('touchstart', resetTimeout); //触屏
|
|
timeFormate();
|
setInterval(function () {
|
timeFormate()
|
}, 1000);
|
</script>
|
</body>
|
</html>
|
