28384

packages/monitor/AppMonitorManage/AppMonitorManage.vue

@@ -26,16 +26,17 @@
       </el-form>
     </ai-dialog>
     <locate-dialog v-model="locate" :ins="instance" @confirm="v=>handleLocate(selected,v)"/>
-    <ai-area custom-clicker :input-clicker="false" v-model="selected.areaId" :instance="instance" ref="BindArea"
+    <ai-area custom-clicker :input-clicker="false" v-model="selected.areaId" :hideLevel="disabledLevel" :instance="instance" ref="BindArea"
              @change="handleSubmit(selected)"/>
   </section>
 </template>
 
 <script>
-import DeviceSlider from "../components/deviceSlider";
-import LocateDialog from "../components/locateDialog";
+  import { mapState } from 'vuex'
+  import DeviceSlider from "../components/deviceSlider";
+  import LocateDialog from "../components/locateDialog";
 
-export default {
+  export default {
     name: "AppMonitorManage",
     components: {LocateDialog, DeviceSlider},
     label: "监控实况",
@@ -56,7 +57,9 @@ export default {
         let per = this.splitOps.find(e => e.value == this.splitScreen)?.per || "100%"
         return {width: per, height: per}
       },
+      ...mapState(['user'])
     },
+
     data() {
       return {
         slider: true,
@@ -65,12 +68,21 @@ export default {
         monitors: [],
         dialog: false,
         locate: false,
-      selected: {},
+        selected: {
+          areaId: ''
+        },
+        disabledLevel: 0,
         rules: {
           name: [{required: true, message: "请填写 设备名称"}]
         }
       }
     },
+
+    created () {
+      this.selected.areaId = this.user.info.areaId
+      this.disabledLevel = this.user.info.areaList.length
+    },
+
     methods: {
       handleFullscreen() {
         this.fullscreen = !this.fullscreen
@@ -170,7 +182,7 @@ export default {
     beforeDestroy() {
       this.monitors = []
     }
-}
+  }
 </script>
 
 <style lang="scss" scoped>