From 016a5432d2cd80e3bdb1626e005e45750f5993e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Mon, 6 Nov 2023 09:19:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/resources/static/board/board2.css    |  6 ++-
 .../src/main/resources/static/board/board2.js | 40 +++++++++++--------
 .../src/main/resources/static/board/video.js  |  2 -
 .../resources/templates/board/board2.html     |  4 +-
 4 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/haiwei-admin/src/main/resources/static/board/board2.css b/haiwei-admin/src/main/resources/static/board/board2.css
index a56e4c8..42d9b47 100644
--- a/haiwei-admin/src/main/resources/static/board/board2.css
+++ b/haiwei-admin/src/main/resources/static/board/board2.css
@@ -108,9 +108,11 @@ body {
     background-size: 100% 100%;
     background-repeat: no-repeat;
     width: 43.76vh;
+    margin-right: 12px;
     height: calc(24vh - 12px);
-    position: absolute;
-    left: 43.76vh;
+    position: relative;
+    display: inline-block;
+    /*left: 43.76vh;*/
     background-position: 0 1vw;
 }
 
diff --git a/haiwei-admin/src/main/resources/static/board/board2.js b/haiwei-admin/src/main/resources/static/board/board2.js
index d32e255..ce118f0 100644
--- a/haiwei-admin/src/main/resources/static/board/board2.js
+++ b/haiwei-admin/src/main/resources/static/board/board2.js
@@ -1,20 +1,25 @@
 $(() => {
+  let VH =(window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight)/100;
 
   let itemNum = 0
-  setInterval(function () {
-    let width = $('#bottom .item:eq(0)').outerWidth() + 12
-    if (width * (itemNum - 1) > $('#bottom').width()) {
-      $('#bottom').animate({
-        scrollLeft: width
-      }, 2000, () => {
-        $('#bottom').scrollLeft(0)
-        $('#bottom .item:eq(0)').slideToggle(0, function () {
-          $('#bottom').append($(this).clone().css({display: 'block'}));
-          $(this).remove();
-        });
+  let fun = () =>{
+    let width = $('#bottom .info .item:eq(0)').outerWidth() + 18
+    if ($('#bottom .info').width() > ($('#bottom ').width() + width)) {
+    $('#bottom ').animate({
+      scrollLeft: width
+    }, 3000, () => {
+      $('#bottom').scrollLeft(0)
+      $('#bottom .info .item:eq(0)').slideToggle(0, function () {
+        let html = $(this).clone().css({display: 'inline-block'})
+        $(this).remove();
+        $('#bottom .info').append(html);
       });
+    });
     }
-  }, 2000);
+  }
+  setInterval(function () {
+    fun()
+  }, 5000);
 
   $.get(ctx + 'broad/home/queryCustomer', (e) => {
     $("#customerPresentation").empty()
@@ -38,7 +43,7 @@ $(() => {
     $("#content").html(e.msg)
   })
   $.get(ctx + 'broad/home/queryDevice', (e) => {
-    $("#bottom").empty()
+    $("#bottom .info").empty()
     let data = e?.data?.map(val => {
       return {
         name: val.deviceTypeName,
@@ -48,14 +53,17 @@ $(() => {
       }
     });
     itemNum = data.length;
+
+    $("#bottom .info").width(itemNum*(44*VH+12));
     data.forEach((e, i) => {
       let html = `
-    <div class="item" style="left:calc(${43.76 * i}vh + ${i * 12}px)" onclick="toLink('${e.url}')">
-      <div class="title">${e.name}</div>
+    <div class="item" style="" onclick="toLink('${e.url}')">
+      <div class="title">${e.name}${i}</div>
       <img src="${e.img}" width="100%" class="img">
     </div>
     `
-      $("#bottom").append(html)
+      $("#bottom .info").append(html)
     })
+    fun()
   })
 })
diff --git a/haiwei-admin/src/main/resources/static/board/video.js b/haiwei-admin/src/main/resources/static/board/video.js
index 1af52b7..a16b665 100644
--- a/haiwei-admin/src/main/resources/static/board/video.js
+++ b/haiwei-admin/src/main/resources/static/board/video.js
@@ -20,7 +20,6 @@ const leftClick = (e,id,name)=>{
   $(e).attr('class', 'itemClick');
   $(e).siblings().attr('class', 'item');
   $.post(ctx + 'manage/base_file/fileList', {name: name}, (e) => {
-    console.log(e)
     let tableData = e.data.map((e, i) => {
       return {
         ...e,
@@ -32,7 +31,6 @@ const leftClick = (e,id,name)=>{
       }
     })
     let html = ``
-    console.log(tableData)
     tableData = tableData.filter(e=>e.filePath.includes('.mp4'))
     tableData.forEach(e=>{
       html += `
diff --git a/haiwei-admin/src/main/resources/templates/board/board2.html b/haiwei-admin/src/main/resources/templates/board/board2.html
index 7bddb30..38b5c4c 100644
--- a/haiwei-admin/src/main/resources/templates/board/board2.html
+++ b/haiwei-admin/src/main/resources/templates/board/board2.html
@@ -35,7 +35,9 @@
   <div class="title2">客户展示</div>
   <div class="customerPresentation" id="customerPresentation"></div>
 
-  <div class="bottom" id="bottom"></div>
+  <div class="bottom" id="bottom">
+    <div class="info"></div>
+  </div>
 
 </div>
 <th:block th:include="include :: footer"/>