From d2961c276030ae051f683c6c44a7686d91c376f5 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Mon, 14 Nov 2022 18:16:19 +0800
Subject: [PATCH] BUG 31154

---
 packages/device/AppMonitor/AppMonitorManage.vue       | 11 +++++------
 .../device/AppMonitor/components/deviceSlider.vue     |  2 --
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/device/AppMonitor/AppMonitorManage.vue b/packages/device/AppMonitor/AppMonitorManage.vue
index d2a366f4..ecec91ab 100644
--- a/packages/device/AppMonitor/AppMonitorManage.vue
+++ b/packages/device/AppMonitor/AppMonitorManage.vue
@@ -26,7 +26,7 @@
       </el-form>
     </ai-dialog>
     <ai-locate-dialog v-model="locate" :ins="instance" :latlng="latlng" @confirm="v=>handleLocate(selected,v)"/>
-    <ai-area custom-clicker :input-clicker="false" v-model="selected.areaId" :hideLevel="disabledLevel" :instance="instance" ref="BindArea"
+    <ai-area custom-clicker :input-clicker="false" v-model="selected.areaId" :hideLevel="hideLevel" :instance="instance" ref="BindArea"
              @change="handleSubmit(selected)"/>
   </section>
 </template>
@@ -56,7 +56,8 @@ export default {
       let per = this.splitOps.find(e => e.value == this.splitScreen)?.per || "100%"
       return {width: per, height: per}
     },
-    ...mapState(['user'])
+    ...mapState(['user']),
+    hideLevel: v => v.user.info.areaList?.length
   },
 
   data() {
@@ -71,7 +72,6 @@ export default {
         areaId: ''
       },
       latlng: null,
-      disabledLevel: 0,
       rules: {
         name: [{required: true, message: "请填写 设备名称"}]
       }
@@ -80,7 +80,6 @@ export default {
 
   created() {
     this.selected.areaId = this.user.info.areaId
-    this.disabledLevel = this.user.info.areaList.length
   },
 
   methods: {
@@ -127,7 +126,7 @@ export default {
         return (
             <div class="flexRow">
               <i class={['iconfont', 'iconshipinjiankong', show]}/>
-              <div>{node.label}</div>
+              <div class="fill">{node.label}</div>
               <el-dropdown class="menuBtn" onCommand={e => this.handleSliderOption(e, data)}>
                 <i class="iconfont iconMore"/>
                 <el-dropdown-menu slot="dropdown">
@@ -140,7 +139,7 @@ export default {
         )
       } else return (
           <div class="flexRow">
-            <div>{node.label}</div>
+            <div class="fill">{node.label}</div>
             {data.id != 'no_area' ? <div class="sta">
                   <p>{data.online || 0}</p>/{data.sum || 0}
                 </div>
diff --git a/packages/device/AppMonitor/components/deviceSlider.vue b/packages/device/AppMonitor/components/deviceSlider.vue
index 86c79c6b..bc8173bc 100644
--- a/packages/device/AppMonitor/components/deviceSlider.vue
+++ b/packages/device/AppMonitor/components/deviceSlider.vue
@@ -204,8 +204,6 @@ export default {
     }
 
     ::v-deep.deviceList {
-      padding: 0 8px;
-
       .el-scrollbar {
         height: 100%;