<!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="main">
|
<div class="row-a1">
|
<div class="col-l g-boxl1">
|
<div class="m-cardl">
|
<ul class="ul-listl2">
|
<li>
|
<a href="javascript:void(0)" onclick="toPage('dzhwk')" class="con"
|
style="background-image: url(/img/dzhwk/bgl3.png);">
|
<div class="top">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl9.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="tit">电子货位卡</div>
|
</div>
|
</div>
|
<div class="arrow"></div>
|
<div class="en">FENGZHENGZHIYUAN</div>
|
</a>
|
</li>
|
<li>
|
<a href="javascript:void(0)" onclick="toPage('grain')" class="con" style="background-image: url(/img/dzhwk/bgl4.png);">
|
<div class="top">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl10.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="tit">仓储保管作业</div>
|
</div>
|
</div>
|
<div class="arrow"></div>
|
<div class="en">FENGZHENGZHIYUAN</div>
|
</a>
|
</li>
|
<li>
|
<a href="javascript:void(0)" onclick="toPage('door')" class="con" style="background-image: url(/img/dzhwk/bgl5.png);">
|
<div class="top">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl11.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="tit">电子门禁</div>
|
</div>
|
</div>
|
<div class="arrow"></div>
|
<div class="en">FENGZHENGZHIYUAN</div>
|
</a>
|
</li>
|
<li>
|
<a href="javascript:void(0)" onclick="toPage('ai')" class="con" style="background-image: url(/img/dzhwk/bgl6.png);">
|
<div class="top">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl12.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="tit">AI专家决策</div>
|
</div>
|
</div>
|
<div class="arrow"></div>
|
<div class="en">FENGZHENGZHIYUAN</div>
|
</a>
|
</li>
|
<li>
|
<a href="javascript:void(0)" onclick="toPage('sys')" class="con" style="background-image: url(/img/dzhwk/bgl4.png);">
|
<div class="top">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl13.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="tit">运维配置</div>
|
<div class="desc">技术支持:400-627-1116</div>
|
</div>
|
</div>
|
<div class="arrow"></div>
|
<div class="en">FENGZHENGZHIYUAN</div>
|
</a>
|
</li>
|
</ul>
|
<ul class="ul-listl2 ">
|
<li class="li1">
|
<div class="con">
|
<div class="videobox">
|
<!-- <video th:src="${videoUrl}" class="img"-->
|
<video src="http://player.alicdn.com/video/aliyunmedia.mp4" class="img"
|
poster="/img/dzhwk/imgl4.jpg" muted preload controls
|
webkit-playsinline="true" playsinline="true">您的浏览器不支持video标签
|
</video>
|
</div>
|
<div class="stit">库区宣传视频/安全作业视频</div>
|
</div>
|
</li>
|
<li class="li2">
|
<a href="javascript:void(0)" onclick="toPage('card')" class="con" style="background-image: url(/img/dzhwk/bgl3.png);">
|
<div class="top">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl14.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="tit">粮油专卡</div>
|
</div>
|
</div>
|
<div class="arrow"></div>
|
<div class="en">FENGZHENGZHIYUAN</div>
|
</a>
|
</li>
|
<li class="li3">
|
<a href="javascript:void(0)" onclick="toPage('patrol')" class="con" style="background-image: url(/img/dzhwk/bgl7.png);">
|
<div class="top">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl15.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="tit">巡检打卡</div>
|
<div class="desc">刷卡/人脸识别</div>
|
</div>
|
</div>
|
<div class="arrow"></div>
|
<div class="en">FENGZHENGZHIYUAN</div>
|
</a>
|
</li>
|
<li class="li4">
|
<div class="con" style="background-image: url(/img/dzhwk/bgl8.png);">
|
<div class="top">
|
<div class="icon" id="icon"
|
style="background-image: url(/img/dzhwk/bgl2-1.png);">
|
<img th:src="@{/img/dzhwk/iconl16.png}" alt="">
|
</div>
|
<div class="btnbox" id="btnbox">
|
<div class="box">
|
<div class="btn open">
|
<div class="tt">开灯</div>
|
<div class="tips">仓内照明</div>
|
</div>
|
</div>
|
<div class="box">
|
<div class="btn">
|
<div class="tt">关灯</div>
|
<div class="tips">仓内照明</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="col-r g-boxl1">
|
<div class="m-swiperl1">
|
<div class="swiper">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<div class="top">
|
<div class="tit">货位名称 <em>P01-01</em></div>
|
<div class="store">仓廒P01</div>
|
</div>
|
<ul class="ul-listl3">
|
<li>
|
<div class="con" style="background-color: rgba(3,77,146,.3);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl18.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>20</em>°C</div>
|
<div class="tt">仓温</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(91,104,225,.25);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl19.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>60</em>%</div>
|
<div class="tt">仓湿</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(31,133,78,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl20.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>19</em>%</div>
|
<div class="tt">氧气</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(2,175,255,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl21.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>0</em>ppm</div>
|
<div class="tt">磷化氢</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="m-infol">
|
<div class="item">
|
<div class="box" style="background-color: rgba(79,158,254,.23);">
|
<ul class="ul-listl4">
|
<li>
|
<div class="con">
|
<div class="ll">仓房名称</div>
|
<div class="rr">P01</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房类型</div>
|
<div class="rr">高大平房仓</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房状态</div>
|
<div class="rr">
|
<div class="btn g-statel">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl22.png}" alt="">
|
</div>
|
满仓
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食储量</div>
|
<div class="rr">5800吨</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食品种</div>
|
<div class="rr">早灿稻</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食等级</div>
|
<div class="rr">二等</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓储性质</div>
|
<div class="rr">市级储备粮</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">入仓时间</div>
|
<div class="rr">2024-12-20</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食年份</div>
|
<div class="rr">2024</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="item">
|
<div class="box" style="background-color: rgba(3,129,255,.23);">
|
<div class="bgpic"
|
style="background-image: url(/img/dzhwk/imgl5.jpg);"></div>
|
<div class="pic">
|
<img th:src="@{/img/dzhwk/imgl6.jpg}" alt="">
|
</div>
|
<ul class="ul-intel">
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl23.png}" alt="">
|
</div>
|
保管员
|
</div>
|
<div class="rr">张冬菲</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl24.png}" alt="">
|
</div>
|
电话
|
</div>
|
<div class="rr">131012345678</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="top">
|
<div class="tit">货位名称 <em>P01-02</em></div>
|
<div class="store">仓廒P01</div>
|
</div>
|
<ul class="ul-listl3">
|
<li>
|
<div class="con" style="background-color: rgba(3,77,146,.3);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl18.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>20</em> °C</div>
|
<div class="tt">仓温</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(91,104,225,.25);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl19.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>60</em> %</div>
|
<div class="tt">仓湿</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(31,133,78,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl20.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>19</em> %</div>
|
<div class="tt">氧气</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(2,175,255,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl21.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>0</em>ppm</div>
|
<div class="tt">磷化氢</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="m-infol">
|
<div class="item">
|
<div class="box" style="background-color: rgba(79,158,254,.23);">
|
<ul class="ul-listl4">
|
<li>
|
<div class="con">
|
<div class="ll">仓房名称</div>
|
<div class="rr">P01</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房类型</div>
|
<div class="rr">高大平房仓</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房状态</div>
|
<div class="rr">
|
<div class="btn g-statel green">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl22-1.png}"
|
alt="">
|
</div>
|
空仓
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食储量</div>
|
<div class="rr">5800吨</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食品种</div>
|
<div class="rr">早灿稻</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食等级</div>
|
<div class="rr">二等</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓储性质</div>
|
<div class="rr">市级储备粮</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">入仓时间</div>
|
<div class="rr">2024-12-20</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食年份</div>
|
<div class="rr">2024</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="item">
|
<div class="box" style="background-color: rgba(3,129,255,.23);">
|
<div class="bgpic"
|
style="background-image: url(/img/dzhwk/imgl5.jpg);"></div>
|
<div class="pic">
|
<img th:src="@{/img/dzhwk/imgl6.jpg}" alt="">
|
</div>
|
<ul class="ul-intel">
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl23.png}" alt="">
|
</div>
|
保管员
|
</div>
|
<div class="rr">张冬菲</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl24.png}" alt="">
|
</div>
|
电话
|
</div>
|
<div class="rr">131012345678</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="top">
|
<div class="tit">货位名称 <em>P01-03</em></div>
|
<div class="store">仓廒P01</div>
|
</div>
|
<ul class="ul-listl3">
|
<li>
|
<div class="con" style="background-color: rgba(3,77,146,.3);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl18.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>20</em> °C</div>
|
<div class="tt">仓温</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(91,104,225,.25);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl19.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>60</em> %</div>
|
<div class="tt">仓湿</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(31,133,78,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl20.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>19</em> %</div>
|
<div class="tt">氧气</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(2,175,255,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl21.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>0</em>ppm</div>
|
<div class="tt">磷化氢</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="m-infol">
|
<div class="item">
|
<div class="box" style="background-color: rgba(79,158,254,.23);">
|
<ul class="ul-listl4">
|
<li>
|
<div class="con">
|
<div class="ll">仓房名称</div>
|
<div class="rr">P01</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房类型</div>
|
<div class="rr">高大平房仓</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房状态</div>
|
<div class="rr">
|
<div class="btn g-statel blue">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl22-2.png}"
|
alt="">
|
</div>
|
温控中
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食储量</div>
|
<div class="rr">5800吨</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食品种</div>
|
<div class="rr">早灿稻</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食等级</div>
|
<div class="rr">二等</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓储性质</div>
|
<div class="rr">市级储备粮</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">入仓时间</div>
|
<div class="rr">2024-12-20</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食年份</div>
|
<div class="rr">2024</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="item">
|
<div class="box" style="background-color: rgba(3,129,255,.23);">
|
<div class="bgpic"
|
style="background-image: url(/img/dzhwk/imgl5.jpg);"></div>
|
<div class="pic">
|
<img th:src="@{/img/dzhwk/imgl6.jpg}" alt="">
|
</div>
|
<ul class="ul-intel">
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl23.png}" alt="">
|
</div>
|
保管员
|
</div>
|
<div class="rr">张冬菲</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl24.png}" alt="">
|
</div>
|
电话
|
</div>
|
<div class="rr">131012345678</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="top">
|
<div class="tit">货位名称 <em>P01-04</em></div>
|
<div class="store">仓廒P01</div>
|
</div>
|
<ul class="ul-listl3">
|
<li>
|
<div class="con" style="background-color: rgba(3,77,146,.3);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl18.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>20</em> °C</div>
|
<div class="tt">仓温</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(91,104,225,.25);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl19.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>60</em> %</div>
|
<div class="tt">仓湿</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(31,133,78,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl20.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>19</em> %</div>
|
<div class="tt">氧气</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(2,175,255,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl21.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>0</em>ppm</div>
|
<div class="tt">磷化氢</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="m-infol">
|
<div class="item">
|
<div class="box" style="background-color: rgba(79,158,254,.23);">
|
<ul class="ul-listl4">
|
<li>
|
<div class="con">
|
<div class="ll">仓房名称</div>
|
<div class="rr">P01</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房类型</div>
|
<div class="rr">高大平房仓</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房状态</div>
|
<div class="rr">
|
<div class="btn g-statel green2">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl22-8.png}"
|
alt="">
|
</div>
|
通风中
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食储量</div>
|
<div class="rr">5800吨</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食品种</div>
|
<div class="rr">早灿稻</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食等级</div>
|
<div class="rr">二等</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓储性质</div>
|
<div class="rr">市级储备粮</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">入仓时间</div>
|
<div class="rr">2024-12-20</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食年份</div>
|
<div class="rr">2024</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="item">
|
<div class="box" style="background-color: rgba(3,129,255,.23);">
|
<div class="bgpic"
|
style="background-image: url(/img/dzhwk/imgl5.jpg);"></div>
|
<div class="pic">
|
<img th:src="@{/img/dzhwk/imgl6.jpg}" alt="">
|
</div>
|
<ul class="ul-intel">
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl23.png}" alt="">
|
</div>
|
保管员
|
</div>
|
<div class="rr">张冬菲</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl24.png}" alt="">
|
</div>
|
电话
|
</div>
|
<div class="rr">131012345678</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="top">
|
<div class="tit">货位名称 <em>P01-05</em></div>
|
<div class="store">仓廒P01</div>
|
</div>
|
<ul class="ul-listl3">
|
<li>
|
<div class="con" style="background-color: rgba(3,77,146,.3);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl18.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>20</em> °C</div>
|
<div class="tt">仓温</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(91,104,225,.25);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl19.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>60</em> %</div>
|
<div class="tt">仓湿</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(31,133,78,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl20.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>19</em> %</div>
|
<div class="tt">氧气</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(2,175,255,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl21.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>0</em>ppm</div>
|
<div class="tt">磷化氢</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="m-infol">
|
<div class="item">
|
<div class="box" style="background-color: rgba(79,158,254,.23);">
|
<ul class="ul-listl4">
|
<li>
|
<div class="con">
|
<div class="ll">仓房名称</div>
|
<div class="rr">P01</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房类型</div>
|
<div class="rr">高大平房仓</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房状态</div>
|
<div class="rr">
|
<div class="btn g-statel">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl22.png}" alt="">
|
</div>
|
满仓
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食储量</div>
|
<div class="rr">5800吨</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食品种</div>
|
<div class="rr">早灿稻</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食等级</div>
|
<div class="rr">二等</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓储性质</div>
|
<div class="rr">市级储备粮</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">入仓时间</div>
|
<div class="rr">2024-12-20</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食年份</div>
|
<div class="rr">2024</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="item">
|
<div class="box" style="background-color: rgba(3,129,255,.23);">
|
<div class="bgpic"
|
style="background-image: url(/img/dzhwk/imgl5.jpg);"></div>
|
<div class="pic">
|
<img th:src="@{/img/dzhwk/imgl6.jpg}" alt="">
|
</div>
|
<ul class="ul-intel">
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl23.png}" alt="">
|
</div>
|
保管员
|
</div>
|
<div class="rr">张冬菲</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl24.png}" alt="">
|
</div>
|
电话
|
</div>
|
<div class="rr">131012345678</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="swiper-slide">
|
<div class="top">
|
<div class="tit">货位名称 <em>P01-06</em></div>
|
<div class="store">仓廒P01</div>
|
</div>
|
<ul class="ul-listl3">
|
<li>
|
<div class="con" style="background-color: rgba(3,77,146,.3);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl18.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>20</em> °C</div>
|
<div class="tt">仓温</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(91,104,225,.25);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl19.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>60</em> %</div>
|
<div class="tt">仓湿</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(31,133,78,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl20.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>19</em> %</div>
|
<div class="tt">氧气</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con" style="background-color: rgba(2,175,255,.15);">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl21.png}" alt="">
|
</div>
|
<div class="txt">
|
<div class="num"><em>0</em>ppm</div>
|
<div class="tt">磷化氢</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="m-infol">
|
<div class="item">
|
<div class="box" style="background-color: rgba(79,158,254,.23);">
|
<ul class="ul-listl4">
|
<li>
|
<div class="con">
|
<div class="ll">仓房名称</div>
|
<div class="rr">P01</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房类型</div>
|
<div class="rr">高大平房仓</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓房状态</div>
|
<div class="rr">
|
<div class="btn g-statel">
|
<div class="icon">
|
<img th:src="@{/img/dzhwk/iconl22.png}" alt="">
|
</div>
|
满仓
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食储量</div>
|
<div class="rr">5800吨</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食品种</div>
|
<div class="rr">早灿稻</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食等级</div>
|
<div class="rr">二等</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">仓储性质</div>
|
<div class="rr">市级储备粮</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">入仓时间</div>
|
<div class="rr">2024-12-20</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">粮食年份</div>
|
<div class="rr">2024</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="item">
|
<div class="box" style="background-color: rgba(3,129,255,.23);">
|
<div class="bgpic"
|
style="background-image: url(/img/dzhwk/imgl5.jpg);"></div>
|
<div class="pic">
|
<img th:src="@{/img/dzhwk/imgl6.jpg}" alt="">
|
</div>
|
<ul class="ul-intel">
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl23.png}" alt="">
|
</div>
|
保管员
|
</div>
|
<div class="rr">张冬菲</div>
|
</div>
|
</li>
|
<li>
|
<div class="con">
|
<div class="ll">
|
<div class="ico">
|
<img th:src="@{/img/dzhwk/iconl24.png}" alt="">
|
</div>
|
电话
|
</div>
|
<div class="rr">131012345678</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="g-swbtnl">
|
<div class="swiper-button-prev"></div>
|
<div class="swiper-pagination"></div>
|
<div class="swiper-button-next"></div>
|
</div>
|
</div>
|
</div>
|
</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('.m-swiperl1 .swiper', {
|
slidesPerView: 1,
|
// autoplay: {
|
// delay: 2500,
|
// disableOnInteraction: false,
|
// },
|
loop: true,
|
pagination: {
|
el: '.m-swiperl1 .swiper-pagination',
|
type: 'fraction',
|
},
|
navigation: {
|
nextEl: '.m-swiperl1 .swiper-button-next',
|
prevEl: '.m-swiperl1 .swiper-button-prev',
|
},
|
});
|
// 开灯关灯
|
$('#btnbox .btn').click(function () {
|
$('#btnbox .btn').removeClass('open')
|
$(this).addClass('open');
|
const isOpenLight = $(this).find('.tt').text().trim() === '开灯';
|
$('#icon img').attr('src',
|
isOpenLight ? '/img/dzhwk/iconl16.png' : '/img/dzhwk/iconl16-1.png'
|
);
|
})
|
|
timeFormate();
|
setInterval(function () {
|
timeFormate()
|
}, 1000);
|
|
//监听操作
|
document.addEventListener('mousemove', resetTimeout); //鼠标移动
|
document.addEventListener('click', resetTimeout); //鼠标点击
|
document.addEventListener('touchstart', resetTimeout); //触屏
|
</script>
|
</body>
|
</html>
|
