feat:设备管理适配

张含笑

2025-05-29 9c434360c2411e4087ec1622b46c94a5863b0923

feat:设备管理适配

 src/views/device/airport.vue

@@ -37,19 +37,22 @@
      <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>
@@ -57,7 +60,8 @@
      <template #firmware_status="{ row }">
        <div
          v-if="row.firmware_status == 1"
          style="display: flex; flex-direction: column; align-items: center"
          class="onlineStatus1"
         
        >
          <el-tag type="info">无需升级</el-tag>
          <el-tag type="primary" effect="dark" class="active-element" @click="rollFirmware(row)"
@@ -67,7 +71,7 @@
        </div>
        <div
          v-if="row.firmware_status == 2"
          style="display: flex; flex-direction: column; align-items: center"
          class="onlineStatus1"
        >
          <!-- <el-tag type="success" effect="dark" class="active-element" @click="updateFirmware(row)"
            >升级固件</el-tag
@@ -79,7 +83,7 @@
        </div>
        <div
          v-if="row.firmware_status == 3"
          style="display: flex; flex-direction: row; align-items: center"
          class="onlineStatus "
        >
          <el-tag type="success" effect="dark" class="active-element" @click="updateFirmware(row)"
            >一致性升级</el-tag
@@ -88,7 +92,7 @@
        </div>
        <div
          v-if="row.firmware_status == 4"
          style="display: flex; flex-direction: row; align-items: center"
          class="onlineStatus "
        >
          <el-tag effect="dark" class="active-element" @click="updateFirmware(row)">升级中</el-tag>
          <el-progress
@@ -157,7 +161,7 @@
      @close="handleOssSetClose"
      width="600px"
    >
      <div style="display: flex; flex-direction: row; align-items: center">
      <div class="onlineStatus">
        存储对象配置：
        <el-select v-model="ossEnd" clearable placeholder="请选择存储对象" style="width: 450px">
          <el-option
@@ -186,7 +190,7 @@
    </el-dialog>

    <el-dialog title="固件版本管理" append-to-body v-model="rollFirmwareBox" width="455px">
      <div style="display: flex; flex-direction: row; align-items: center">
      <div class="onlineStatus">
        固件版本升级/回退：
        <el-select
          v-model="rollFirmVersion"
@@ -1150,6 +1154,18 @@
</script>

<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%
}
.firmware_status {
  background-color: aqua;
  border-radius: 4px;