隧道模型

web/src/view/admin/dataDashboard/dataDashboard.vue

@@ -101,6 +101,7 @@ import { updateTunnelLamp } from "@/api/tunnel";
 import { deviceSwitch } from "@/api/device";
 // 标题图片
 import titleUrl from '@/assets/title_bg.png'
+import {ElMessage} from "element-plus";
 
 const useScreen = useScreenStore()
 // 获取容器引用
@@ -186,21 +187,85 @@ const animate = () => {
 const transparency = ref(0)
 const changeTransparency = (e) => {
   let option = {
-    0: 0.8,
-    50: 0.5,
-    100: 0.2
+    0: [0.8, 33, 1],
+    50: [0.5, 66, 2],
+    100: [0.2, 100, 3]
+  }
+  materialOne.opacity = option[e][0]
+  if (lampData.switchType === '单灯控制器') {
+    updateTunnelLamp({
+      id: lampData.ID,
+      tunnelSn: lampData.tunnelSn,
+      lampValue1: option[e][1]
+    }).then(res => {
+      if (res.code === 0) {
+        ElMessage.success('已发送')
+      }
+    })
+  } else {
+    let relay = lampData.devices[0].deviceRelays
+    for (let i = 0; i < relay.length; i++) {
+      if (i < option[e][2]) {
+        relay[i].state = true
+      } else {
+        relay[i].state = false
+      }
+    }
+    for (let j = 0; j < relay.length; j++) {
+      deviceSwitch({
+        tunnelSn: lampData.tunnelSn,
+        radarId: lampData.devices[0].radarId,
+        relayId: relay[j].relayId,
+        state: relay[j].state
+      }).then(res => {
+        if (res.code === 0) {
+          console.log('发送成功')
+        }
+      })
+    }
   }
-  materialOne.opacity = option[e]
 }
 
 const transparencyTwo = ref(0)
 const changeTransparencyTwo = (e) => {
   let option = {
-    0: 0.8,
-    50: 0.5,
-    100: 0.2
+    0: [0.8, 33, 1],
+    50: [0.5, 66, 2],
+    100: [0.2, 100, 3]
+  }
+  materialTwo.opacity = option[e][0]
+  if (lampData.switchType === '单灯控制器') {
+    updateTunnelLamp({
+      id: lampData.ID,
+      tunnelSn: lampData.tunnelSn,
+      lampValue2: option[e][1]
+    }).then(res => {
+      if (res.code === 0) {
+        ElMessage.success('已发送')
+      }
+    })
+  } else {
+    let relay = lampData.devices[1].deviceRelays
+    for (let i = 0; i < relay.length; i++) {
+      if (i < option[e][2]) {
+        relay[i].state = true
+      } else {
+        relay[i].state = false
+      }
+    }
+    for (let j = 0; j < relay.length; j++) {
+      deviceSwitch({
+        tunnelSn: lampData.tunnelSn,
+        radarId: lampData.devices[1].radarId,
+        relayId: relay[j].relayId,
+        state: relay[j].state
+      }).then(res => {
+        if (res.code === 0) {
+          console.log('发送成功');
+        }
+      })
+    }
   }
-  materialTwo.opacity = option[e]
 }
 
 // 灯光数据

web/src/view/admin/tunnel/tunnel.vue

@@ -480,6 +480,7 @@ const userInfo = userData.userInfo
 import { useRouter } from 'vue-router'
 const router = useRouter()
 
+const lampList = [33,66,100]
 const searchData = ref({
   pageInfo: {
     page: 1,
@@ -510,6 +511,7 @@ const getData = async() => {
     region.value = res.data
   })
   await queryTunnelList(searchData.value).then(res => {
+    console.log(res.data.list)
     tunnel.value = res.data.list
     total.value = res.data.total
     searchData.value.pageInfo.page = res.data.page
@@ -713,9 +715,17 @@ const tunnelTimeData = ref()
 const isControlPanel = ref(false)
 const tunnelControlPanel = (val) => {
   isControlPanel.value = true
+  let lampObj = {
+    0:0,
+    33: 0,
+    50:50,
+    66: 50,
+    100: 100,
+  }
+  val.lampValue1 = lampObj[val.lampValue1]
+  val.lampValue2 = lampObj[val.lampValue2]
   tunnelTimeData.value = val
   tunnelTiming.value = val.tunnelTime
-  console.log(val)
 }
 
 const activeNames = ref(['1', '2'])
@@ -743,7 +753,6 @@ const lampSet = async(val) => {
     50: 66,
     100: 100
   }
-  console.log(judge[val.lampValue1],judge[val.lampValue2])
   await updateTunnelLamp({
     id: val.ID,
     tunnelSn: val.tunnelSn,