修改看板

haiwei-admin/src/main/resources/static/board/board2.js

@@ -1,84 +1,39 @@
-$(()=>{
+$(() => {
-  let arr1 = [
+  $.get(ctx + 'broad/home/queryCustomer', (e) => {
-    {
+    $("#customerPresentation").empty()
-      name:'大连天晟通用机械有限公司',
+    let data = e?.data?.map(val => {
-      img:'../../board/img/logo.png'
+      return {
-    },
+        name: val.customerName,
-    {
+        img: val.customerLogo
-      name:'大连天晟通用机械有限公司',
+      }
-      img:'../../board/img/logo.png'
+    })
-    },
+    data.forEach(e => {
-    {
+      let html = `
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-    {
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-    {
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-    {
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-    {
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-    {
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-    {
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-    {
-      name:'大连天晟通用机械有限公司',
-      img:'../../board/img/logo.png'
-    },
-  ]
-  let arr2 = [
-    {
-      name:'积压脱水机',
-      img:'../../board/img/equipment.png'
-    },
-    {
-      name:'积压脱水机',
-      img:'../../board/img/equipment.png'
-    },
-    {
-      name:'积压脱水机',
-      img:'../../board/img/equipment.png'
-    },
-    {
-      name:'积压脱水机',
-      img:'../../board/img/equipment.png'
-    },
-    {
-      name:'积压脱水机',
-      img:'../../board/img/equipment.png'
-    },
-  ]
-  arr1.forEach(e=>{
-    let html = `
     <div class="item">
       <img src="${e.img}" height="100%" style="vertical-align: top">
       <span>${e.name}</span>
     </div>
     `
-    $("#customerPresentation").append(html)
+      $("#customerPresentation").append(html)
+    })
   })
-  arr2.forEach((e,i)=>{
+  $.get(ctx + 'broad/home/queryDevice', (e) => {
-    let html = `
+    $("#bottom").empty()
-    <div class="item" style="left:calc(${43.76*i}vh + ${i*12}px)">
+    let data = e?.data?.map(val => {
+      return {
+        name: val.deviceTypeName,
+        img: val.deviceTypePath,
+        url:val.deviceTypeUrl
+      }
+    })
+    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>
       <img src="${e.img}" width="100%" class="img">
     </div>
     `
-    $("#bottom").append(html)
+      $("#bottom").append(html)
+    })
   })
 })

haiwei-admin/src/main/resources/templates/board/board2.html

@@ -9,6 +9,9 @@
   const routerSkip = (e) => {
     $.modal.openTab('看板1',ctx+e);
   }
+  const toLink = (e) =>{
+    window.open(e);
+  }
 </script>
 <div>
   <div class="topBtn topBtnClick" style="left: 4vw;" onclick="routerSkip('board/board2')">首页</div>