From 283da741b2429cf5a53786e5ee1b5528b757fdf6 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期三, 11 六月 2025 11:10:42 +0800
Subject: [PATCH] 首页及电子货位卡页面
---
igds-dzhwk-web/src/main/resources/templates/dzhwk/index.html | 50 ++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 46 insertions(+), 4 deletions(-)
diff --git a/igds-dzhwk-web/src/main/resources/templates/dzhwk/index.html b/igds-dzhwk-web/src/main/resources/templates/dzhwk/index.html
index 868723c..c194bba 100644
--- a/igds-dzhwk-web/src/main/resources/templates/dzhwk/index.html
+++ b/igds-dzhwk-web/src/main/resources/templates/dzhwk/index.html
@@ -108,9 +108,9 @@
<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
+<!-- <video src="http://player.alicdn.com/video/aliyunmedia.mp4" class="img"-->
+ <video th:src="${videoUrl}" style="width: 100%;height: 100%;"
+ th:poster="${imgUrl}" muted preload controls
webkit-playsinline="true" playsinline="true">鎮ㄧ殑娴忚鍣ㄤ笉鏀寔video鏍囩
</video>
</div>
@@ -176,7 +176,7 @@
<div class="col-r g-boxl1">
<div class="m-swiperl1">
<div class="swiper">
- <div class="swiper-wrapper">
+ <div class="swiper-wrapper" id="depotList">
<div class="swiper-slide">
<div class="top">
<div class="tit">璐т綅鍚嶇О <em>P01-01</em></div>
@@ -1122,6 +1122,44 @@
<script th:src="@{/dzhwk/common.js}"></script>
<script th:inline="javascript">
var flag = [[${flag}]];
+ var depotList = [[${depotList}]];
+ var html = "";
+ if(depotList){
+ $.each(depotList, function (index, item) {
+ html += '<div class="swiper-slide"><div class="top"><div class="tit">璐т綅鍚嶇О <em>'+item.name+'</em></div><div class="store">浠撳粧'+item.granaryName+'</div></div><ul class="ul-listl3">';
+ html += '<li><div class="con" style="background-color: rgba(3,77,146,.3);"><div class="icon"><img src="/img/dzhwk/iconl18.png" alt=""></div><div class="txt"><div class="num"><em>'+item.inTemp+'</em>掳C</div><div class="tt">浠撴俯</div></div></div></li>';
+ html += '<li><div class="con" style="background-color: rgba(91,104,225,.25);"><div class="icon"><img src="/img/dzhwk/iconl19.png" alt=""></div><div class="txt"><div class="num"><em>'+item.inHumidity+'</em>%</div><div class="tt">浠撴箍</div></div></div></li>';
+ html += '<li><div class="con" style="background-color: rgba(31,133,78,.15);"><div class="icon"><img src="/img/dzhwk/iconl20.png" alt=""></div><div class="txt"><div class="num"><em>'+item.perO2+'</em>%</div><div class="tt">姘ф皵</div></div></div></li>';
+ html += '<li><div class="con" style="background-color: rgba(2,175,255,.15);"><div class="icon"><img src="/img/dzhwk/iconl21.png" alt=""></div><div class="txt"><div class="num"><em>'+item.perPh3+'</em>ppm</div><div class="tt">纾峰寲姘�</div></div></div></li></ul>';
+ html += '<div class="m-infol"><div class="item"><div class="box" style="background-color: rgba(79,158,254,.23);"><ul class="ul-listl4">';
+ html += '<li><div class="con"><div class="ll">璐т綅鍚嶇О</div><div class="rr">'+item.name+'</div></div></li><li><div class="con"><div class="ll">浠撴埧绫诲瀷</div><div class="rr">'+item.depotTypeName+'</div></div></li>';
+ html += '<li><div class="con"><div class="ll">璐т綅鐘舵��</div><div class="rr"><div class="btn g-statel"><div class="icon"><img src="/img/dzhwk/iconl22.png" alt=""></div>'+item.depotStatusName+'</div></div></div> </li>';
+ html += '<li><div class="con"><div class="ll">绮鍌ㄩ噺</div><div class="rr">'+item.storageReal+'鍚�</div></div></li><li><div class="con"><div class="ll">绮鍝佺</div><div class="rr">'+item.foodVarietyName+'</div></div></li>';
+ html += '<li><div class="con"><div class="ll">绮绛夌骇</div><div class="rr">'+item.foodLevelName+'</div></div></li><li><div class="con"><div class="ll">浠撳偍鎬ц川</div><div class="rr">'+item.foodTypeName+'</div> </div></li>';
+ html += '<li><div class="con"><div class="ll">鍏ヤ粨鏃堕棿</div><div class="rr">'+item.storeDate+'</div></div></li><li><div class="con"><div class="ll">绮骞翠唤</div><div class="rr">'+item.foodYear+'</div></div></li></ul>';
+ html += '</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 src="'+item.userImgPath+'" alt=""></div>';
+ html += '<ul class="ul-intel"><li><div class="con"><div class="ll"><div class="ico"><img src="/img/dzhwk/iconl23.png" alt=""></div>淇濈鍛�</div><div class="rr">'+item.storeKeeperName+'</div></div></li>';
+ html += '<li><div class="con"><div class="ll"><div class="ico"><img src="/img/dzhwk/iconl24.png" alt=""></div>鐢佃瘽</div><div class="rr">'+item.storeKeeperPhone+'</div></div></li></ul></div></div></div></div>';
+
+ })
+ }else{
+ html += '<div class="swiper-slide"><div class="top"><div class="tit">璐т綅鍚嶇О <em>--</em></div><div class="store">浠撳粧--</div></div><ul class="ul-listl3">';
+ html += '<li><div class="con" style="background-color: rgba(3,77,146,.3);"><div class="icon"><img src="/img/dzhwk/iconl18.png" alt=""></div><div class="txt"><div class="num"><em>--</em>掳C</div><div class="tt">浠撴俯</div></div></div></li>';
+ html += '<li><div class="con" style="background-color: rgba(91,104,225,.25);"><div class="icon"><img src="/img/dzhwk/iconl19.png" alt=""></div><div class="txt"><div class="num"><em>--</em>%</div><div class="tt">浠撴箍</div></div></div></li>';
+ html += '<li><div class="con" style="background-color: rgba(31,133,78,.15);"><div class="icon"><img src="/img/dzhwk/iconl20.png" alt=""></div><div class="txt"><div class="num"><em>--</em>%</div><div class="tt">姘ф皵</div></div></div></li>';
+ html += '<li><div class="con" style="background-color: rgba(2,175,255,.15);"><div class="icon"><img src="/img/dzhwk/iconl21.png" alt=""></div><div class="txt"><div class="num"><em>--</em>ppm</div><div class="tt">纾峰寲姘�</div></div></div></li></ul>';
+ html += '<div class="m-infol"><div class="item"><div class="box" style="background-color: rgba(79,158,254,.23);"><ul class="ul-listl4">';
+ html += '<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>';
+ html += '<li><div class="con"><div class="ll">璐т綅鐘舵��</div><div class="rr"><div class="btn g-statel"><div class="icon"><img src="/img/dzhwk/iconl22.png" alt=""></div>--</div></div></div> </li>';
+ html += '<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>';
+ html += '<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>';
+ html += '<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></ul>';
+ html += '</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 src="/img/dzhwk/imgl6.jpg" alt=""></div>';
+ html += '<ul class="ul-intel"><li><div class="con"><div class="ll"><div class="ico"><img src="/img/dzhwk/iconl23.png" alt=""></div>淇濈鍛�</div><div class="rr">--</div></div></li>';
+ html += '<li><div class="con"><div class="ll"><div class="ico"><img src="/img/dzhwk/iconl24.png" alt=""></div>鐢佃瘽</div><div class="rr">--</div></div></li></ul></div></div></div></div>';
+ }
+ $("#depotList").html(html);
+
var swiper = new Swiper('.m-swiperl1 .swiper', {
slidesPerView: 1,
// autoplay: {
@@ -1129,6 +1167,10 @@
// disableOnInteraction: false,
// },
loop: true,
+ autoplay:{
+ delay: 5000,
+ disableOnInteraction: false
+ },
pagination: {
el: '.m-swiperl1 .swiper-pagination',
type: 'fraction',
--
Gitblit v1.9.3