修改看板显示

ruoyi-manage/src/main/resources/templates/manage/model/model.html

@@ -389,7 +389,7 @@
 
 </script>
 <script>
-    const btnClick = (el, id) => {
+    const btnClick = (el, id, name) => {
         $(el).children('.qyBottom').css({display: 'inline-block'})
         $(el).siblings().each(function () {
             $(this).children('.qyBottom').css({display: 'none'})
@@ -408,9 +408,28 @@
             // camera.updateProjectionMatrix()
             // controls.update()
         })
-        $.post(ctx + 'api/getDevice', {id: id.toString()}, (e) => {
+        const getUseState = (e) => {
+            if (e === '0') {
+                return '空闲'
+            }
+            if (e === '1') {
+                return '使用中'
+            }
+        }
+        const getDevicestate = (e) => {
+            if (e === '0') {
+                return '停用'
+            }
+            if (e === '1') {
+                return '正常'
+            }
+            if (e === '2') {
+                return '维修中'
+            }
+        }
+        $.post(ctx + 'api/getDevice', {storeName: name.toString()}, (e) => {
             $("#threeLabelContent1").css('display', 'block')
-            $("#threeLabelContent1").html(`<div class="rightTable1"><div class="rightTH1">摆放桩位</div><div class="rightTH1">设备编码</div><div class="rightTH1">设备名称</div><div class="rightTH1">设备类型</div><div class="rightTH1">使用状态</div><div class="rightTH1">设备状态</div></div>${e.data.map(v => `<div class="rightTH1">${v.locationName}</div><div class="rightTH1">${v.devicecode}</div><div class="rightTH1">${v.deviceName}</div><div class="rightTH1">${v.deviceType}</div><div class="rightTH1">${v.usestate}</div><div class="rightTH1">${v.devicestate}</div> `).join('<br>')}`)
+            $("#threeLabelContent1").html(`<div class="rightTable1"><div class="rightTH1">摆放桩位</div><div class="rightTH1">设备编码</div><div class="rightTH1">设备名称</div><div class="rightTH1">设备类型</div><div class="rightTH1">使用状态</div><div class="rightTH1">设备状态</div></div>${e.data.map(v => `<div class="rightTH1">${v.locationName || ''}</div><div class="rightTH1">${v.deviceCode || ''}</div><div class="rightTH1">${v.deviceName || ''}</div><div class="rightTH1">${v.deviceType || ''}</div><div class="rightTH1">${getUseState(v.useState)}</div><div class="rightTH1">${getDevicestate(v.deviceState)}</div> `).join('<br>')}`)
 
         })
     }
@@ -419,7 +438,7 @@
         let html = ``
         e.data.forEach(v => {
             html += `
-    <div class="bottomBtn btn1" onclick="btnClick(this,${v.storeId})" style="font-size: ${v.storeName.length > 5 ? '0.8vw' : '1.03vw'}">
+    <div class="bottomBtn btn1" onclick="btnClick(this,${v.storeId},'${v.storeName}')" style="font-size: ${v.storeName.length > 5 ? '0.8vw' : '1.03vw'}">
       <div class="qy qyL"></div>
       <div class="qy qyR"></div>
       <div class="qyBottom"></div>