fix:照明系统设备点阵实现 / 电梯系统悬浮框样式修改

hx-ai-intelligent/src/view/equipmentControl/lightingManage/light.vue

@@ -5,71 +5,65 @@
         <div class="light-tag-tit">
           <div>
             <img src="/asset/image//bulbLogo/21962.png" alt="" />
-            <span class="tag-text">{{ result.name }}</span>
+            <span class="tag-text">{{ blub.regionName + ' > ' + blub.deviceGroupName }}</span>
           </div>
-          <button class="right-button">{{ type == 1 ? '正常' : '关闭' }}</button>
+          <button class="right-button">{{ blub.scene.label }}</button>
         </div>
         <div class="light-tag-box">
           <div class="tag-box-item">
             <img src="/asset/image//bulbLogo/22496.png" alt="" />
             <span class="title">控制模式</span>
-            <span class="result">自动</span>
+            <span class="result">{{ blub.mode.label }}</span>
           </div>
           <div class="tag-box-item">
             <img src="/asset/image//bulbLogo/22496.png" alt="" />
             <span class="title">亮度</span>
-            <span class="result">{{ result.brightness }}</span>
+            <span class="result">{{ record.brightness + record.brightnessUnit }}</span>
           </div>
           <div class="tag-box-item">
             <img src="/asset/image//bulbLogo/22496.png" alt="" />
             <span class="title">控制场景</span>
-            <span class="result">{{ result.automatic2 }}</span>
+            <span class="result">{{ blub.scene.label }}</span>
           </div>
           <div class="tag-box-item">
             <img src="/asset/image//bulbLogo/22496.png" alt="" />
             <span class="title">色温</span>
-            <span class="result">{{ result.brightness3 }}</span>
+            <span class="result">{{ record.LwctemC + record.LwctemCUnit }}</span>
           </div>
         </div>
       </div>
     </template>
-    <div class="icon-box" :style="styleObject" v-show="visible">
-      <img v-if="type == 1" class="icon-item" src="/asset/image/bulbLogo/22394.png" alt="" />
-      <img v-if="type == 2" class="icon-item" src="/asset/image/bulbLogo/22396.png" alt="" />
-      <img v-if="type == 3" class="icon-item" src="/asset/image/bulbLogo/22400.png" alt="" />
+    <div class="icon-box" :style="props.blub.styleText">
+      <img
+        v-if="blub.mode.value == 1"
+        class="icon-item"
+        src="/asset/image/bulbLogo/22394.png"
+        alt="" />
+      <img
+        v-if="blub.mode.value == 2"
+        class="icon-item"
+        src="/asset/image/bulbLogo/22396.png"
+        alt="" />
+      <img
+        v-if="blub.mode.value == 3"
+        class="icon-item"
+        src="/asset/image/bulbLogo/22400.png"
+        alt="" />
     </div>
   </a-popover>
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue';
-
-  defineProps({
-    styleObject: Object,
-    type: Number,
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-  });
-
-  const result = ref({
-    id: '1',
-    name: '站厅照明  1区',
-    manual: '手动',
-    automatic: '自动',
-    brightness: '100lux',
-    brightness2: '30lux',
-    manual2: '手动',
-    automatic2: '舒适',
-    brightness3: '4000k',
-    brightness4: '3800k',
+  const props = defineProps({
+    blub: Object,
   });
+  const blub = props.blub;
+  const record = props.blub.record;
 </script>
 <style lang="less" scoped>
   .icon-box {
-    width: 25px;
-    height: 25px;
+    width: 28px;
+    height: 40px;
     position: absolute;
 
     .icon-item {
@@ -140,7 +134,7 @@
 
       .result {
         line-height: 50px;
-        font-size: 16px;
+        font-size: 14px;
         font-weight: 700;
         color: white;
       }