28384

packages/monitor/AppMonitorManage/AppMonitorManage.vue

@@ -26,12 +26,13 @@
       </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 { mapState } from 'vuex'
   import DeviceSlider from "../components/deviceSlider";
   import LocateDialog from "../components/locateDialog";
 
@@ -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