From ced3313bad76cf95d86dcf23f25ea3b143e09290 Mon Sep 17 00:00:00 2001
From: zrj <646384940@qq.com>
Date: Thu, 29 Aug 2024 20:46:42 +0800
Subject: [PATCH] Merge branch 'master' of http://139.196.74.78:10010/r/drone/drone-web-manage

---
 src/views/device/airport.vue |   33 +++++++++++++++++++++++----------
 1 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/views/device/airport.vue b/src/views/device/airport.vue
index 4234c99..9d36f6e 100644
--- a/src/views/device/airport.vue
+++ b/src/views/device/airport.vue
@@ -59,19 +59,26 @@
           v-if="row.firmware_status == 1"
           style="display: flex; flex-direction: row; align-items: center"
         >
-          <div style="background-color: #f1f1f1; border-radius: 4px">无需升级</div>
+          <el-tag type="info">无需升级</el-tag>
+          <!-- <div style="background-color: #f1f1f1; border-radius: 4px">无需升级</div> -->
         </div>
         <div
           v-if="row.firmware_status == 2"
           style="display: flex; flex-direction: row; align-items: center"
         >
-          <div @click="updateFirmware(row)" class="firmware_status">升级固件</div>
+          <el-tag type="success" effect="dark" class="active-element" @click="updateFirmware(row)"
+            >升级固件</el-tag
+          >
+          <!-- <div @click="updateFirmware(row)" class="firmware_status">升级固件</div> -->
         </div>
         <div
           v-if="row.firmware_status == 3"
           style="display: flex; flex-direction: row; align-items: center"
         >
-          <div @click="updateFirmware(row)" class="firmware_status">一致性升级</div>
+          <el-tag type="success" effect="dark" class="active-element" @click="updateFirmware(row)"
+            >一致性升级</el-tag
+          >
+          <!-- <div @click="updateFirmware(row)" class="firmware_status">一致性升级</div> -->
         </div>
         <div
           v-if="row.firmware_status == 4"
@@ -137,9 +144,7 @@
   ota,
 } from '@/api/device/device';
 
-import {
-  getLazyTree
-} from '@/api/base/region';
+import { getLazyTree } from '@/api/base/region';
 
 import { mapGetters } from 'vuex';
 import FirmwareManage from './components/firmwareManage.vue';
@@ -327,12 +332,12 @@
             prop: 'area_code',
             type: 'cascader',
             labelWidth: 130,
-            hide:true,
+            hide: true,
             props: {
               label: 'title',
               value: 'value',
             },
-            dataType:"string",
+            dataType: 'string',
             rules: [
               {
                 required: true,
@@ -358,7 +363,7 @@
                   list = res.data.data;
                   callback();
                 });
-              } else if (level>0 && level<5 ) {
+              } else if (level > 0 && level < 5) {
                 getLazyTree(node.value).then(res => {
                   list = res.data.data;
                   callback();
@@ -718,7 +723,7 @@
 };
 </script>
 
-<style>
+<style lang="scss" scoped>
 .firmware_status {
   background-color: aqua;
   border-radius: 4px;
@@ -727,4 +732,12 @@
   cursor: pointer;
   /* color: aqua; */
 }
+
+.active-element {
+  cursor: pointer;
+  &:hover {
+    background-color: #409eff;
+    border-color: #409eff;
+  }
+}
 </style>

--
Gitblit v1.9.3