BUG 31154

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>

packages/device/AppMonitor/components/deviceSlider.vue

@@ -204,8 +204,6 @@ export default {
     }
 
     ::v-deep.deviceList {
-      padding: 0 8px;
-
       .el-scrollbar {
         height: 100%;