From 2c88d7f6066a015c2a169ca7d5132eab783ac9ea Mon Sep 17 00:00:00 2001
From: chenJinxu <2183691628@qq.com>
Date: Thu, 7 Dec 2023 16:18:37 +0800
Subject: [PATCH] =?UTF-8?q?update=20-=20c1=E5=90=8E=E5=8F=B0=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=8A=9F=E8=80=97=E6=9F=A5=E7=9C=8B=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=20=20=20=20=20-=20=E4=BC=98=E5=8C=96=20=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  8 +++++-
 src/config/models.js                          |  2 +-
 .../device-setting/index.scss                 |  1 -
 .../device-setting/index.vue                  | 28 +++++++++++++++----
 4 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 7c6cdf2..de64dea 100644
--- a/README.md
+++ b/README.md
@@ -844,4 +844,10 @@ update
 feat
 - c1后台设备功耗查看页面
     - 增加 设备状态查看菜单
-    - 优化 设备离线行为查看明细，增加最近离线时间
\ No newline at end of file
+    - 优化 设备离线行为查看明细，增加最近离线时间
+
+## v1.0.107
+`2023.12.7`
+update
+- c1后台设备功耗查看页面
+    - 优化 设备状态文字
\ No newline at end of file
diff --git a/src/config/models.js b/src/config/models.js
index 79cb435..1b9fc2e 100644
--- a/src/config/models.js
+++ b/src/config/models.js
@@ -5,7 +5,7 @@
  * @FilePath: \TelpoH5FrontendWeb\src\config\models.js
  * @description:
  */
-export const VERSION_MODEL = '1.0.106F'; //版本号
+export const VERSION_MODEL = '1.0.107F'; //版本号
 export const IMAGE_URL = {
     production: 'http://zfb.ssjlai.com/web/',
     test: 'http://zfb.ssjlai.com/web/',
diff --git a/src/views/gps-card-frontend/device-setting/index.scss b/src/views/gps-card-frontend/device-setting/index.scss
index 8143e14..0c10dac 100644
--- a/src/views/gps-card-frontend/device-setting/index.scss
+++ b/src/views/gps-card-frontend/device-setting/index.scss
@@ -10,6 +10,5 @@
         @media screen and (max-width: 550px) and (min-width: 200px){
             font-size: 16px;
         }
-
     }
 }
\ No newline at end of file
diff --git a/src/views/gps-card-frontend/device-setting/index.vue b/src/views/gps-card-frontend/device-setting/index.vue
index 8c6c698..90682a1 100644
--- a/src/views/gps-card-frontend/device-setting/index.vue
+++ b/src/views/gps-card-frontend/device-setting/index.vue
@@ -8,7 +8,7 @@
 <template>
     <div classs="device-setting">
         <div class="tree-select">
-            <van-tree-select  :items="settingItems" :main-active-index.sync="active" :height="clientHeight" @click-nav="onCkickNav">
+            <van-tree-select  :items="settingItems" :main-active-index.sync="active" :height="clientHeight"  @click-nav="onCkickNav">
                 <template #content>
                     <div class="item" v-for="(item, index) in settingItems" :key="index" v-show="item.index === active">
                         <div class="item-setting" v-for="(child, index) in item.data" :key="index">
@@ -36,7 +36,7 @@ export default {
    return {
        active: 0,
        settingItems: [
-           { text: '设备状态', index: 0, data: [],},
+           { text: '设备状态', index: 0, data: [], className: '',},
            { text: '监护角色', index: 1, data: [],},
            { text: '场景模式', index: 2, data: []},
            { text: '加强省电模式', index: 3, data: []},
@@ -63,6 +63,7 @@ export default {
   created() {
     this.getAuth();
     this.getUrlQueryParams();
+    this.loadRequest();
   },
   mounted() {
     /* this.$toast.loading({message: "加载中"});
@@ -78,8 +79,6 @@ export default {
     this.clientHeight = document.documentElement.clientHeight;
     this.active = Number(this.$store.getters.active) || 0;
     this.$toast.success({message: "加载完成"}); */
-    //this.loadRequest();
-    this.loadRequest();
   },
   methods: {
     // 加载接口
@@ -652,6 +651,7 @@ export default {
                     return item.index === index
                 });
                 if(data.code === 200) {
+                    this.settingItems[findIndex].className = this.calcDeviceStatus(data.data.data.status, true);
                     this.settingItems[findIndex].text = `设备状态(${this.calcDeviceStatus(data.data.data.status)})`;
                 } else {
                     this.settingItems[findIndex].text = `设备状态(无数据)`;
@@ -661,24 +661,29 @@ export default {
        })
     },
     // 计算设备状态
-    calcDeviceStatus(status) {
+    calcDeviceStatus(status, isCallClass) {
         let result = ''
+        let className = '';
         switch(status) {
             case 'ONLINE':
                 result = '在线';
+                className = 'device-status-online';
                 break;
             case 'OFFLINE':
                 result = '离线';
+                className = 'device-status-other';
                 break;
             case 'UNACTIVE':
                 result = '未激活';
+                className = 'device-status-other';
                 break;
             case 'DISABLE':
                 result = '已禁用';
+                className = 'device-status-other';
                 break;
             default: break;
         };
-        return result;
+        return isCallClass ? className : result;
     },
     // 点击左边树形图
     onCkickNav(value) {
@@ -751,6 +756,16 @@ export default {
     .van-tree-select__nav-item {
         padding: 15px 5px !important;
     }
+    .device-status-other {
+        .van-sidebar-item__text {
+            color: red !important;
+        }
+    }
+    .device-status-online {
+        .van-sidebar-item__text {
+            color: green !important;
+        }
+    }
     .van-tree-select__content {
         padding: 5px;
     }
@@ -760,6 +775,7 @@ export default {
     .van-tree-select__content {
         @include center();
     }
+    
 </style>
 <style scoped lang="scss">
     @import "./index.scss";