feat:设备管理适配

张含笑

2025-05-29 f377bbc65f943638c4fc86ff4f8b19024af26c3b

feat:设备管理适配

 src/views/device/fly.vue

@@ -36,19 +36,20 @@
      <template #status="{ row }">
        <div
          v-if="row.status == true"
          style="display: flex; flex-direction: row; align-items: center"
          class="onlineStatus"
         
        >
          <div
            style="width: 15px; height: 15px; background-color: #40cb8b; border-radius: 50%"
            class="onlineStatus-dot"
          ></div>
          <span style="margin-left: 5px">在线</span>
        </div>
        <div
          v-if="row.status == false"
          style="display: flex; flex-direction: row; align-items: center"
           class="onlineStatus"
        >
          <div
            style="width: 15px; height: 15px; background-color: #de5e5e; border-radius: 50%"
           class="onlineStatus-dot1"
          ></div>
          <span style="margin-left: 5px">离线</span>
        </div>
@@ -524,4 +525,17 @@
};
</script>

<style></style>
<style lang="scss" scoped>
.onlineStatus1 {
display: flex; flex-direction: column; align-items: center
}
.onlineStatus {
display: flex; flex-direction: row; align-items: center
}
.onlineStatus-dot {
width: 15px; height: 15px; background-color: #40cb8b; border-radius: 50%
}
.onlineStatus-dot1 {
width: 15px; height: 15px; background-color: #de5e5e; border-radius: 50%
}
</style>