diff --git a/src/components/earthMap/VideoControl.vue b/src/components/earthMap/VideoControl.vue
index 76c93d8..f9f7153 100644
--- a/src/components/earthMap/VideoControl.vue
+++ b/src/components/earthMap/VideoControl.vue
@@ -1,281 +1,289 @@
 <template>
-    <div>
-        <div class="camera-control">
-            <div class="camera-control-title">
-                云台
+  <div>
+    <div class="camera-control">
+      <div class="camera-control-title"> 云台 </div>
+      <hr style="background-color: #e2e2e2; height: 1px; border: 0" />
+      <div class="camera-operate">
+        <div class="camera-direct">
+          <!--左上-->
+          <div class="direct-item" style="background-position: 0 0" @mousedown="ptzControl('LeftUp')" @mouseup="stopMove()"> </div>
+          <!--上-->
+          <div class="direct-item" style="background-position: -30px 0" @mousedown="ptzControl('Up')" @mouseup="stopMove()"> </div>
+          <!--右上-->
+          <div class="direct-item" style="background-position: -60px 0" @mousedown="ptzControl('RightUp')" @mouseup="stopMove()"> </div>
+          <!--左-->
+          <div class="direct-item" style="background-position: 0 -30px" @mousedown="ptzControl('Left')" @mouseup="stopMove()"> </div>
+          <!--自动-->
+          <div class="direct-item" style="background-position: -30px -30px"> </div>
+          <!--右-->
+          <div class="direct-item" style="background-position: -60px -30px" @mousedown="ptzControl('Right')" @mouseup="stopMove()"> </div>
+          <!--左下-->
+          <div class="direct-item" style="background-position: 0 -60px" @mousedown="ptzControl('LeftDown')" @mouseup="stopMove()"> </div>
+          <!--下-->
+          <div class="direct-item" style="background-position: -30px -60px" @mousedown="ptzControl('Down')" @mouseup="stopMove()"> </div>
+          <!--右下-->
+          <div class="direct-item" style="background-position: -60px -60px" @mousedown="ptzControl('RightDown')" @mouseup="stopMove()"> </div>
+        </div>
+        <div class="camera-function">
+          <div class="function-box">
+            <div
+              class="function-item"
+              style="background-position: -128px 0; border-right: 1px rgba(179, 177, 177, 0.97) dotted"
+              @mousedown="ptzControlOther('ZoomIn')"
+              @mouseup="stopMove()"
+              title="变倍+"
+            >
             </div>
-            <hr style="background-color: #e2e2e2; height: 1px; border: 0;" />
-            <div class="camera-operate">
-                <div class="camera-direct">
-                    <!--左上-->
-                    <div class="direct-item" style="background-position:0 0" @mousedown="ptzControl('LeftUp')"
-                        @mouseup="stopMove()">
-                    </div>
-                    <!--上-->
-                    <div class="direct-item" style="background-position:-30px 0" @mousedown="ptzControl('Up')"
-                        @mouseup="stopMove()">
-                    </div>
-                    <!--右上-->
-                    <div class="direct-item" style="background-position:-60px 0" @mousedown="ptzControl('RightUp')"
-                        @mouseup="stopMove()">
-                    </div>
-                    <!--左-->
-                    <div class="direct-item" style="background-position:0 -30px" @mousedown="ptzControl('Left')"
-                        @mouseup="stopMove()">
-                    </div>
-                    <!--自动-->
-                    <div class="direct-item" style="background-position:-30px -30px">
-                    </div>
-                    <!--右-->
-                    <div class="direct-item" style="background-position:-60px -30px" @mousedown="ptzControl('Right')"
-                        @mouseup="stopMove()">
-                    </div>
-                    <!--左下-->
-                    <div class="direct-item" style="background-position:0 -60px" @mousedown="ptzControl('LeftDown')"
-                        @mouseup="stopMove()">
-                    </div>
-                    <!--下-->
-                    <div class="direct-item" style="background-position:-30px -60px" @mousedown="ptzControl('Down')"
-                        @mouseup="stopMove()">
-                    </div>
-                    <!--右下-->
-                    <div class="direct-item" style="background-position:-60px -60px" @mousedown="ptzControl('RightDown')"
-                        @mouseup="stopMove()">
-                    </div>
-                </div>
-                <div class="camera-function">
-                    <div class="function-box">
-                        <div class="function-item"
-                            style="background-position:-128px 0;border-right: 1px rgba(179, 177, 177, 0.97) dotted;"
-                            @mousedown="ptzControlOther('ZoomIn')" @mouseup="stopMove()" title="变倍+">
-                        </div>
-                        <div class="function-item" style="background-position:-92px 0;"
-                            @mousedown="ptzControlOther('ZoomOut')" @mouseup="stopMove()" title="变倍-">
-                        </div>
-                    </div>
-                    <div class="function-box">
-                        <div class="function-item"
-                            style="background-position:-128px -30px;border-right:1px rgba(179, 177, 177, 0.97) dotted; "
-                            @mousedown="ptzControlOther('FocusZoomIn')" @mouseup="stopMove()" title="变焦+">
-                        </div>
-                        <div class="function-item" style="background-position:-92px -30px;"
-                            @mousedown="ptzControlOther('FocusZoomOut')" @mouseup="stopMove()" title="变焦-">
-                        </div>
-                    </div>
-                    <div class="function-box">
-                        <div class="function-item"
-                            style="background-position:-202px 0; border-right:1px rgba(179, 177, 177, 0.97) dotted;"
-                            @mousedown="handleScreenSnap()" title="抓拍">
-                        </div>
-                        <div class="function-item" style="background-position:-162px -89px;"
-                            @mousedown="openImgListDialog()" title="抓拍列表">
-                        </div>
-                    </div>
-                </div>
+            <div
+              class="function-item"
+              style="background-position: -92px 0"
+              @mousedown="ptzControlOther('ZoomOut')"
+              @mouseup="stopMove()"
+              title="变倍-"
+            >
             </div>
-            <a-row>
-                <a-col span="1"></a-col>
-                <a-col span="19">
-                    <label class="demonstration">云台速度：{{ currentStep }}</label>
-                </a-col>
-            </a-row>
-            <a-row type="flex">
-                <a-col span="2"></a-col>
-                <a-col span="19">
-                    <input type="range" min="1" max="10" step="1" v-model="currentStep" />
-                </a-col>
-
-
-            </a-row>
+          </div>
+          <div class="function-box">
+            <div
+              class="function-item"
+              style="background-position: -128px -30px; border-right: 1px rgba(179, 177, 177, 0.97) dotted"
+              @mousedown="ptzControlOther('FocusZoomIn')"
+              @mouseup="stopMove()"
+              title="变焦+"
+            >
+            </div>
+            <div
+              class="function-item"
+              style="background-position: -92px -30px"
+              @mousedown="ptzControlOther('FocusZoomOut')"
+              @mouseup="stopMove()"
+              title="变焦-"
+            >
+            </div>
+          </div>
+          <div class="function-box">
+            <div
+              class="function-item"
+              style="background-position: -202px 0; border-right: 1px rgba(179, 177, 177, 0.97) dotted"
+              @mousedown="handleScreenSnap()"
+              title="抓拍"
+            >
+            </div>
+            <div class="function-item" style="background-position: -162px -89px" @mousedown="openImgListDialog()" title="抓拍列表"> </div>
+          </div>
         </div>
-        <!-- 图片列表弹窗 -->
-        <!-- <img-list-dialog :visible.sync="screenSnapList.visible" :camera-id="videoInfo.cameraId"
-            :title="screenSnapList.title" /> -->
+      </div>
+      <a-row>
+        <a-col span="1"></a-col>
+        <a-col span="19">
+          <label class="demonstration">云台速度：{{ currentStep }}</label>
+        </a-col>
+      </a-row>
+      <a-row type="flex">
+        <a-col span="2"></a-col>
+        <a-col span="19">
+          <input type="range" min="1" max="10" step="1" v-model="currentStep" />
+        </a-col>
+      </a-row>
     </div>
+    <!-- 图片列表弹窗 -->
+    <!-- <img-list-dialog :visible.sync="screenSnapList.visible" :camera-id="videoInfo.cameraId"
+            :title="screenSnapList.title" /> -->
+  </div>
 </template>
 
 <script lang="ts">
-
-import { computed, defineComponent, ref, onMounted, onBeforeMount, getCurrentInstance, onBeforeUnmount, watch } from 'vue'
-// import ImgListDialog from '@/components/earthMap/ImgListDialog.vue'
-import * as ysApi from '@/api/yushiApi'
-import $mitt from "@/utils/earthMap/mitt";
-import { defHttp } from '/@/utils/http/axios';
-export default defineComponent({
-    name: "VideoControl",
+  import { computed, defineComponent, ref, onMounted, onBeforeMount, getCurrentInstance, onBeforeUnmount, watch } from 'vue';
+  // import ImgListDialog from '@/components/earthMap/ImgListDialog.vue'
+  import * as ysApi from '@/api/yushiApi';
+  import $mitt from '@/utils/earthMap/mitt';
+  import { defHttp } from '/@/utils/http/axios';
+  export default defineComponent({
+    name: 'VideoControl',
     props: ['cameraCode', 'visibleChild', 'user', 'password'],
     components: {
-        // ImgListDialog
+      // ImgListDialog
     },
     setup(props) {
-        const { proxy }: any = getCurrentInstance();
-        // const $mitt = mitt();
-        let currentStep = ref(5)
-        let autoFlag = ref(false)
-        let visible = ref(false)
-        let videoInfo = ref({
-            cameraId: this.id,
-            cameraName: this.name,
-            cameraIP: this.ip,
-            cameraUser: this.user,
-            cameraPassword: this.password,
-            instruct: this.instruct,
-            step: 0
-        })
-        let screenSnapList = ref({
-            title: '抓拍列表',
-            visible: false
-        })
-
-        function ptzControl(instruct) {
-            if (!props.cameraCode) return
-            let params = {
-                code: props.cameraCode,
-                PTZCmdID: ysApi.PtzCmdId[instruct],
-                PTZCmdPara1: currentStep.value - 1,
-                PTZCmdPara2: currentStep.value - 1,
-                PTZCmdPara3: 2,
-            }
-            ysApi.PtzCtrl(params).then((data) => {
-                console.log(data)
-            })
-        }
-
-        function ptzControlOther(instruct) {
-            if (!props.cameraCode) return
-            let params = {
-                code: props.cameraCode,
-                PTZCmdID: ysApi.PtzCmdId[instruct],
-                PTZCmdPara1: 2,
-                PTZCmdPara2: 1,
-                PTZCmdPara3: 2,
-            }
-            ysApi.PtzCtrl(params).then((data) => {
-                console.log(data)
+      const { proxy }: any = getCurrentInstance();
+      // const $mitt = mitt();
+      let currentStep = ref(5);
+      let autoFlag = ref(false);
+      let visible = ref(false);
+      let videoInfo = ref({
+        cameraId: this.id,
+        cameraName: this.name,
+        cameraIP: this.ip,
+        cameraUser: this.user,
+        cameraPassword: this.password,
+        instruct: this.instruct,
+        step: 0,
+      });
+      let screenSnapList = ref({
+        title: '抓拍列表',
+        visible: false,
+      });
+
+      function ptzControl(instruct) {
+        if (!props.cameraCode) return;
+        let params = {
+          code: props.cameraCode,
+          PTZCmdID: ysApi.PtzCmdId[instruct],
+          PTZCmdPara1: currentStep.value - 1,
+          PTZCmdPara2: currentStep.value - 1,
+          PTZCmdPara3: 2,
+        };
+        ysApi.PtzCtrl(params).then((data) => {
+          console.log(data);
+        });
+      }
+
+      function ptzControlOther(instruct) {
+        if (!props.cameraCode) return;
+        let params = {
+          code: props.cameraCode,
+          PTZCmdID: ysApi.PtzCmdId[instruct],
+          PTZCmdPara1: 2,
+          PTZCmdPara2: 1,
+          PTZCmdPara3: 2,
+        };
+        ysApi.PtzCtrl(params).then((data) => {
+          console.log(data);
+        });
+      }
+
+      //停止移动
+      function stopMove() {
+        if (!props.cameraCode) return;
+        let params: any = {
+          code: props.cameraCode,
+          PTZCmdID: null,
+          PTZCmdPara1: 3,
+          PTZCmdPara2: 3,
+          PTZCmdPara3: 0,
+        };
+        params.PTZCmdID = ysApi.PtzCmdId.AllStop;
+        ysApi.PtzCtrl(params).then((_data) => {});
+      }
+
+      function handleScreenSnap() {
+        let params = { ip: this.ip };
+        this.onvifOperateHandler(this.url.getSnapshot, 'get', params, (res) => {
+          let snapshotUrl = res.data;
+          let newInfo = { snapshotUrl: snapshotUrl };
+          Object.assign(newInfo, videoInfo.value);
+          defHttp
+            .delete(
+              {
+                url: this.url.screenSnap,
+                params: newInfo,
+              },
+              { isTransformResponse: false }
+            )
+            // postAction(this.url.screenSnap, newInfo)
+            .then(() => {
+              // $mitt.emit('openNotification', '抓拍图片保存成功!', 2, 'success', '50px')
+              // $mitt.emit('openNotification',{msg: '抓拍图片保存成功!', dt: 2, type:'success', top: '50px'} )
+              proxy.$message.success('抓拍图片保存成功!');
             })
+            .catch(() => {
+              // $mitt.emit('openNotification', '抓拍图片保存失败!', 2, 'error', '50px')
+              // $mitt.emit('openNotification',{msg: '抓拍图片保存失败!', dt: 2, type:'error', top: '50px'} )
+              proxy.$message.error('抓拍图片保存失败!');
+            });
+        });
+      }
+
+      function openImgListDialog() {
+        screenSnapList.value.visible = true;
+      }
+
+      watch(
+        () => props.visibleChild,
+        (newValue) => {
+          if (newValue) {
+            //目的端不存在
+            ysApi
+              .PtzStart({ code: props.cameraCode })
+              .then(
+                (res) => {
+                  console.log(res);
+                }
+                // err => { console.log(err, 1); }
+              )
+              .catch((err) => {
+                console.log(err, 2);
+              });
+          }
+        },
+        {
+          deep: true, // 深度监听
+          immediate: true, // 第一次改变就执行
         }
-
-        //停止移动
-        function stopMove() {
-            if (!props.cameraCode) return
-            let params: any = {
-                code: props.cameraCode,
-                PTZCmdID: null,
-                PTZCmdPara1: 3,
-                PTZCmdPara2: 3,
-                PTZCmdPara3: 0,
-            }
-            params.PTZCmdID = ysApi.PtzCmdId.AllStop
-            ysApi.PtzCtrl(params).then((_data) => { })
-        }
-
-        function handleScreenSnap() {
-            let params = { ip: this.ip }
-            this.onvifOperateHandler(this.url.getSnapshot, 'get', params, (res) => {
-                let snapshotUrl = res.data
-                let newInfo = { snapshotUrl: snapshotUrl }
-                Object.assign(newInfo, videoInfo.value)
-                defHttp.delete({
-                    url: this.url.screenSnap,
-                    params: newInfo,
-                  },{isTransformResponse: false})
-                // postAction(this.url.screenSnap, newInfo)
-                .then(() => {
-                    // $mitt.emit('openNotification', '抓拍图片保存成功!', 2, 'success', '50px')
-                    // $mitt.emit('openNotification',{msg: '抓拍图片保存成功!', dt: 2, type:'success', top: '50px'} )
-                    proxy.$message.success('抓拍图片保存成功!')
-                }).catch(() => {
-                    // $mitt.emit('openNotification', '抓拍图片保存失败!', 2, 'error', '50px')
-                    // $mitt.emit('openNotification',{msg: '抓拍图片保存失败!', dt: 2, type:'error', top: '50px'} )
-                    proxy.$message.error('抓拍图片保存失败!')
-                })
-            })
-        }
-
-        function openImgListDialog() {
-            screenSnapList.value.visible = true
-        }
-
-        watch(() => props.visibleChild, (newValue) => {
-            if (newValue) {
-                //目的端不存在
-                ysApi.PtzStart({ code: props.cameraCode }).then(
-                    res => {
-                        console.log(res); 
-                    },
-                    // err => { console.log(err, 1); }
-                )
-                    .catch(err => { console.log(err, 2); })
-            }
-        },{
-            deep: true, // 深度监听
-            immediate: true  // 第一次改变就执行
-        })
-
-        return {
-            currentStep,
-            autoFlag,
-            visible,
-            videoInfo,
-            screenSnapList,
-            ptzControl,
-            ptzControlOther,
-            stopMove,
-            handleScreenSnap,
-            openImgListDialog,
-
-        }
-    }
-
-})
+      );
+
+      return {
+        currentStep,
+        autoFlag,
+        visible,
+        videoInfo,
+        screenSnapList,
+        ptzControl,
+        ptzControlOther,
+        stopMove,
+        handleScreenSnap,
+        openImgListDialog,
+      };
+    },
+  });
 </script>
 
 <style scoped>
-.camera-control {
+  .camera-control {
     color: #080000;
-}
+  }
 
-.camera-control .el-slider__bar {
+  .camera-control .el-slider__bar {
     background-color: #b00303;
-}
+  }
 
-.camera-control .el-slider__button {
+  .camera-control .el-slider__button {
     border: 2px solid #848486;
-}
+  }
 
-.camera-control .el-slider__runway {
+  .camera-control .el-slider__runway {
     width: 92%;
-}
+  }
 
-.camera-control .camera-operate {
+  .camera-control .camera-operate {
     display: -webkit-flex;
     /* Safari */
     display: flex;
     flex-direction: row;
     justify-content: center;
-}
+  }
 
-.camera-control .camera-control-speed {
+  .camera-control .camera-control-speed {
     padding-top: 20px;
     margin-left: auto;
     margin-right: auto;
-}
+  }
 
-.camera-control .camera-control-speed input {
+  .camera-control .camera-control-speed input {
     width: 40px;
     color: black;
-}
+  }
 
-.camera-control .camera-control-title {
+  .camera-control .camera-control-title {
     padding-top: 7px;
     text-align: center;
     height: 35px;
     line-height: 28px;
     font-size: 16px;
     font-weight: bold;
-}
+  }
 
-.camera-control .camera-direct {
+  .camera-control .camera-direct {
     display: -webkit-flex;
     /* Safari */
     width: 110px;
@@ -285,9 +293,9 @@ export default defineComponent({
     flex-wrap: wrap;
     padding: 10px 10px 0 0;
     /*margin: auto;*/
-}
+  }
 
-.camera-control .camera-direct .direct-item {
+  .camera-control .camera-direct .direct-item {
     width: 30px;
     height: 30px;
     background-repeat: no-repeat;
@@ -297,19 +305,19 @@ export default defineComponent({
     border: 1px rgba(190, 188, 188, 0.97) solid;
     border-radius: 1px;
     cursor: pointer;
-}
+  }
 
-.camera-control .camera-direct .direct-item:hover {
+  .camera-control .camera-direct .direct-item:hover {
     background-color: rgba(208, 212, 208, 0.3);
     background-image: url('../../assets/ptz-icons-on.png');
-}
+  }
 
-.camera-control .camera-direct .direct-item .img {
+  .camera-control .camera-direct .direct-item .img {
     width: 100%;
     height: 100%;
-}
+  }
 
-.camera-control .camera-function {
+  .camera-control .camera-function {
     display: -webkit-flex;
     /* Safari */
     /*margin-left: 20px;*/
@@ -321,9 +329,9 @@ export default defineComponent({
     flex-wrap: wrap;
     padding: 10px 0 0 10px;
     /*margin: auto;*/
-}
+  }
 
-.camera-control .camera-function .function-box {
+  .camera-control .camera-function .function-box {
     display: -webkit-flex;
     /* Safari */
     height: 30px;
@@ -333,9 +341,9 @@ export default defineComponent({
     border: 1px rgba(190, 188, 188, 0.97) solid;
     border-radius: 1px;
     margin: 1px 1px 1px 1px;
-}
+  }
 
-.camera-control .camera-function .function-item {
+  .camera-control .camera-function .function-item {
     width: 32px;
     height: 29px;
     background-repeat: no-repeat;
@@ -343,29 +351,29 @@ export default defineComponent({
     cursor: pointer;
     background-image: url('../../assets/ptz-icons.png');
     /*border: 1px rgba(179, 177, 177, 0.64) solid;*/
-}
+  }
 
-.camera-control .camera-function .function-item:hover {
+  .camera-control .camera-function .function-item:hover {
     background-color: rgba(208, 212, 208, 0.3);
     background-image: url('../../assets/ptz-icons-on.png');
-}
+  }
 
-.camera-control .camera-function .function-item .img {
+  .camera-control .camera-function .function-item .img {
     width: 100%;
     height: 100%;
-}
+  }
 
-/* 滑动输入条 */
-input[type='range'] {
+  /* 滑动输入条 */
+  input[type='range'] {
     display: block;
     -webkit-appearance: none;
     background-color: #bdc3c7;
     width: 100%;
     height: 5px;
     margin: 6% auto;
-}
+  }
 
-input[type='range']::-webkit-slider-thumb {
+  input[type='range']::-webkit-slider-thumb {
     -webkit-appearance: none;
     height: 20px;
     width: 20px;
@@ -379,25 +387,25 @@ input[type='range']::-webkit-slider-thumb {
     box-shadow: 0 0.125em 0.125em #3b4547;
     /*添加底部阴影*/
     cursor: pointer;
-}
+  }
 
-input[type='range']::-webkit-slider-runnable-track {
+  input[type='range']::-webkit-slider-runnable-track {
     height: 10px;
     border-radius: 10px;
     /*将轨道设为圆角的*/
     box-shadow: 0 1px 1px #def3f8, inset 0 0.125em 0.125em #0d1112;
     /*轨道内置阴影效果*/
-}
+  }
 
-input[type='range']:focus {
+  input[type='range']:focus {
     outline: none;
-}
+  }
 
-input[type='range']::-webkit-slider-thumb:hover {
+  input[type='range']::-webkit-slider-thumb:hover {
     border: 5px solid #b00303;
-}
+  }
 
-input[type='range']::-webkit-slider-thumb:active {
+  input[type='range']::-webkit-slider-thumb:active {
     transform: scale(1.2);
-}
+  }
 </style>
diff --git a/src/views/earthMap/edit/EarthComp.vue b/src/views/earthMap/edit/EarthComp.vue
index 244e2fb..3aa5b71 100644
--- a/src/views/earthMap/edit/EarthComp.vue
+++ b/src/views/earthMap/edit/EarthComp.vue
@@ -87,103 +87,102 @@
 </template>
 
 <script lang="ts">
-
   import { Options, Vue } from 'vue-class-component';
   import sceneTree from '@/assets/earthMap/resjson/sc.json';
   import { defHttp } from '/@/utils/http/axios';
-  import earthUtils from "@/utils/earthMap/earth"
-  import _ from 'lodash'
-  import $ from 'jquery'
+  import earthUtils from '@/utils/earthMap/earth';
+  import _ from 'lodash';
+  import $ from 'jquery';
   import { useUserStore } from '/@/store/modules/user';
   import { useEarthMapStore } from '/@/store/modules/earthMap';
   import Toolbar from '@/components/earthMap/Toolbar.vue';
-  import AddModelWin from '@/components/earthMap/toolbar/AddModelWin.vue'
-  import AddRoamVideo from '@/components/earthMap/toolbar/AddRoamVideo.vue'
+  import AddModelWin from '@/components/earthMap/toolbar/AddModelWin.vue';
+  import AddRoamVideo from '@/components/earthMap/toolbar/AddRoamVideo.vue';
   import VideoSplitScreen from '@/components/earthMap/VideoSplitScreen.vue';
   import VideoWindow from '@/components/earthMap/VideoWindow.vue';
   import WarnInfoList from '@/components/earthMap/WarnInfoList.vue';
-  import { getRealTime } from "@/utils/date";
-  import $mitt from "@/utils/earthMap/mitt";
-  import { drawInit } from "@/utils/earthMap/earthDraw"
-  import { keyControlInit } from "@/utils/earthMap/keyControlInit"
+  import { getRealTime } from '@/utils/date';
+  import $mitt from '@/utils/earthMap/mitt';
+  import { drawInit } from '@/utils/earthMap/earthDraw';
+  import { keyControlInit } from '@/utils/earthMap/keyControlInit';
   import redFlag from '@/assets/earthMap/redFlag.png';
-  import { addModel, addPin, addViewShedRadar } from '@/utils/earthMap/earthObj'
-  import hidePng from '@/assets/earthMap/hide.png'
-  import alarmImg from '@/assets/earthMap/alarm.gif'
-  import VideoFusionWin from "./components/VideoFusionWin.vue"
+  import { addModel, addPin, addViewShedRadar } from '@/utils/earthMap/earthObj';
+  import hidePng from '@/assets/earthMap/hide.png';
+  import alarmImg from '@/assets/earthMap/alarm.gif';
+  import VideoFusionWin from './components/VideoFusionWin.vue';
 
-  import circleDot2 from '@/assets/earthMap/circleDot2.png'
-  import circleDot1 from '@/assets/earthMap/circleDot1.png'
-  import circleDot3 from '@/assets/earthMap/circleDot3.png'
+  import circleDot2 from '@/assets/earthMap/circleDot2.png';
+  import circleDot1 from '@/assets/earthMap/circleDot1.png';
+  import circleDot3 from '@/assets/earthMap/circleDot3.png';
 
   class HandleNodeType {
-    #sn
-    #sensorCallback
-    #modelCallback
-    #markerPositionCallback
-    #polylineCallBack
-    #default
+    #sn;
+    #sensorCallback;
+    #modelCallback;
+    #markerPositionCallback;
+    #polylineCallBack;
+    #default;
 
     constructor(sn) {
-      this.#sn = sn
+      this.#sn = sn;
     }
 
     sensor(callback) {
-      this.#sensorCallback = callback
-      return this
+      this.#sensorCallback = callback;
+      return this;
     }
 
     // 模型回调
     modelCallback(callback) {
-      this.#modelCallback = callback
-      return this
+      this.#modelCallback = callback;
+      return this;
     }
 
     // 微波雷达回调
     markerPosition(callback) {
-      this.#markerPositionCallback = callback
-      return this
+      this.#markerPositionCallback = callback;
+      return this;
     }
 
     // 区域回调
     polylineCallBack(callback) {
-      this.#polylineCallBack = callback
-      return this
+      this.#polylineCallBack = callback;
+      return this;
     }
 
     default(callback) {
-      this.#default = callback
-      return this
+      this.#default = callback;
+      return this;
     }
 
     run() {
       // 判断节点的类型
       if (!this.#sn.czmObject) {
-        return null
+        return null;
       }
       // 模型类型
-      let tempCondition = this.#sn.czmObject.xbsjType
+      let tempCondition = this.#sn.czmObject.xbsjType;
       switch (tempCondition) {
         case 'Model':
-          this.#modelCallback ? this.#modelCallback() : this.#default()
-          break
+          this.#modelCallback ? this.#modelCallback() : this.#default();
+          break;
         case 'Pin':
-          this.#markerPositionCallback ? this.#markerPositionCallback() : this.#default()
-          break
+          this.#markerPositionCallback ? this.#markerPositionCallback() : this.#default();
+          break;
         case 'Polyline':
-          this.#polylineCallBack ? this.#polylineCallBack() : this.#default()
-          break
+          this.#polylineCallBack ? this.#polylineCallBack() : this.#default();
+          break;
         default:
-          this.#default ? this.#default() : null
+          this.#default ? this.#default() : null;
       }
     }
   }
 
   function setClassEl(setClassEl1, setClassEl2, checked) {
     if (checked) {
-      setClassChecked(setClassEl1, setClassEl2)
+      setClassChecked(setClassEl1, setClassEl2);
     } else {
-      setClassNoChecked(setClassEl1, setClassEl2)
+      setClassNoChecked(setClassEl1, setClassEl2);
     }
   }
 
@@ -191,57 +190,57 @@
     // node.checkStatus = 'checked'
     // node.disabled = ''
     //***设置样式为选中 */
-    setClassEl1.className = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-checked xbsj-checkbox-default'
-    setClassEl2.className = 'xbsj-checkbox xbsj-checkbox-checked'
+    setClassEl1.className = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-checked xbsj-checkbox-default';
+    setClassEl2.className = 'xbsj-checkbox xbsj-checkbox-checked';
   }
 
   function setClassNoChecked(setClassEl1, setClassEl2) {
     // node.checkStatus = ''
     // node.disabled = 'disabled'
     // 设置为非选中
-    setClassEl1.className = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-disabled xbsj-checkbox-default'
-    setClassEl2.className = 'xbsj-checkbox xbsj-checkbox-disabled'
+    setClassEl1.className = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-disabled xbsj-checkbox-default';
+    setClassEl2.className = 'xbsj-checkbox xbsj-checkbox-disabled';
   }
 
   function classMutationObserver(el, el1, checkedStauts, id) {
     // 观察器的配置（需要观察什么变动） 属性，子节点or后代节点
-    const config = { attributes: true, childList: false, subtree: false }
+    const config = { attributes: true, childList: false, subtree: false };
     const callback1 = function (mutationsList, observer) {
-      const checked = checkedStauts.get(id)
-      const oldClassName = el.className
-      const trueClassName = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-checked xbsj-checkbox-default'
-      const noClassName = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-disabled xbsj-checkbox-default'
+      const checked = checkedStauts.get(id);
+      const oldClassName = el.className;
+      const trueClassName = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-checked xbsj-checkbox-default';
+      const noClassName = 'xbsj-checkbox-wrapper xbsj-checkbox-wrapper-disabled xbsj-checkbox-default';
       if (checked) {
         if (oldClassName == trueClassName) {
-          return
+          return;
         } else {
-          setClassChecked(el, el1)
+          setClassChecked(el, el1);
         }
       } else {
         if (oldClassName == noClassName) {
-          return
+          return;
         } else {
-          setClassNoChecked(el, el1)
+          setClassNoChecked(el, el1);
         }
       }
-    }
+    };
     // 创建一个观察器实例并传入回调函数
-    const observer1 = new MutationObserver(callback1)
+    const observer1 = new MutationObserver(callback1);
     // 以上述配置开始观察目标节点
-    observer1.observe(el, config)
+    observer1.observe(el, config);
   }
 
   function disabledMutationObserver(el) {
-    const config = { attributes: true, childList: false, subtree: false }
+    const config = { attributes: true, childList: false, subtree: false };
     const callback1 = function (mutationsList, observer) {
-      const el1 = mutationsList[0]
+      const el1 = mutationsList[0];
       if (el1.attributeName == 'disabled') {
-        el.removeAttribute('disabled')
+        el.removeAttribute('disabled');
       }
-    }
-    const observe1 = new MutationObserver(callback1)
+    };
+    const observe1 = new MutationObserver(callback1);
     // 以上述配置开始观察目标节点
-    observe1.observe(el, config)
+    observe1.observe(el, config);
   }
 
   @Options({
@@ -252,7 +251,7 @@
       WarnInfoList,
       AddModelWin,
       AddRoamVideo,
-      VideoFusionWin
+      VideoFusionWin,
     },
     props: {},
     // data() {
@@ -384,20 +383,20 @@
     /**
      * 资源创建
      */
-    userStore = useUserStore()
-    store = useEarthMapStore()
+    userStore = useUserStore();
+    store = useEarthMapStore();
 
-    earthTitle = '态势监控一张图'
-    realTime = '……'
+    earthTitle = '态势监控一张图';
+    realTime = '……';
     // 注意：Earth和Cesium的相关变量放在vue中，必须使用下划线作为前缀！
-    _earth = undefined
-    _earthUI = undefined
-    _viewer = undefined
-    _pin = undefined
-    _handler = undefined
+    _earth = undefined;
+    _earthUI = undefined;
+    _viewer = undefined;
+    _pin = undefined;
+    _handler = undefined;
     //  sceneTree= require('@/assets/earthMap/resjson/sc.json'),
     //   sceneTree= new URL(`@/assets/earthMap/resjson/sc.json`, import.meta.url).href,
-    sceneTree: any = sceneTree
+    sceneTree: any = sceneTree;
     // areaB= require('@/assets/earthMap/resjson/area_b.json'),
     url: any = {
       queryLabelList: 'military/msMapLabel/queryLabelAndDeviceList',
@@ -447,19 +446,19 @@
       perimeterControl: '/third/api/perimeterControl',
       // 雷达重新发送报警信息
       sendRadarAlarmByWebSocket: '/military/warn/sendRadarAlarmByWebSocket',
-    }
-    cameraData: any = {}
-    cameraModalShow = false
-    poiModalShow = false
-    radioBtnShow = true
-    glmId: any = []
-    spinning = false
-    earthChangeSpin = false
-    websock: any = []
-    timer: any = null // 保活定时器
-    timer2: any = null // 时间定时器
+    };
+    cameraData: any = {};
+    cameraModalShow = false;
+    poiModalShow = false;
+    radioBtnShow = true;
+    glmId: any = [];
+    spinning = false;
+    earthChangeSpin = false;
+    websock: any = [];
+    timer: any = null; // 保活定时器
+    timer2: any = null; // 时间定时器
     // 报警清除-定时器
-    alarmTrackClearTimer: any = null
+    alarmTrackClearTimer: any = null;
     videoWindowProps: any = {
       visible: false,
       isAlarm: false,
@@ -479,55 +478,55 @@
         warnType: 0,
         warnContent: '',
       },
-    }
+    };
     // 图层管理- 模型 ref 旧值
-    sceneTreeOldRefValue = ''
-    sceneInfo: any = null
+    sceneTreeOldRefValue = '';
+    sceneInfo: any = null;
     // 区域节点By Ref划分
-    nodeConfigByRef = new Map()
-    nodeCheckedByRef = new Map()
-    areaByNodeId = new Map()
-    statusByNodeId = new Map()
-    imgByRef = new Map()
-    radarAlarmDataMap = new Map()
-    wbUnifiedResponse = false
-    hostDeviceMapById = new Map()
-    alarmInfoMap = new Map()
-    toolbarShow = false
+    nodeConfigByRef = new Map();
+    nodeCheckedByRef = new Map();
+    areaByNodeId = new Map();
+    statusByNodeId = new Map();
+    imgByRef = new Map();
+    radarAlarmDataMap = new Map();
+    wbUnifiedResponse = false;
+    hostDeviceMapById = new Map();
+    alarmInfoMap = new Map();
+    toolbarShow = false;
 
     //addModelWin
-    addModelWinShow = false
-    czmObject: any = null
-    node: any = null
-    type = ''
-    lineId = ''
-    areaCode = ''
-    areaByNodeIdModel = ''
-    el: any = null
-    eidtId: any = null
+    addModelWinShow = false;
+    czmObject: any = null;
+    node: any = null;
+    type = '';
+    lineId = '';
+    areaCode = '';
+    areaByNodeIdModel = '';
+    el: any = null;
+    eidtId: any = null;
     //addroamVideo
-    addRoamVideoShow = false
+    addRoamVideoShow = false;
 
     // 控制窗口显示
-    VideoFusionWinShow = false
+    VideoFusionWinShow = false;
     //传到子组件的值
     toItemObj: any = {
       updateModel: {},
       isUpdate: true,
-      userSave: {}
-    }
+      userSave: {},
+    };
     // 节点值
-    domKey: any = ''
+    domKey: any = '';
     // 监控相机列表
-    cameraList: any = []
+    cameraList: any = [];
     // 监控相机位置
-    monitorPosition:any = []
+    monitorPosition: any = [];
     ///////////////////////////////////////////////////////////////////////////
 
     mounted() {
-      let that = this
+      let that = this;
       //随机数
-      window.guid = this.guid
+      window.guid = this.guid;
       //创建地球资源
       this.createEarth();
       //获取实时日期时间
@@ -536,8 +535,8 @@
       //  this.initWebSocket('domianURL')
       //阻止浏览器右键事件
       document.oncontextmenu = function (e) {
-        return false
-      }
+        return false;
+      };
 
       {
         //将回调延迟到下次 DOM 更新循环之后执行（针对由jq动态增加的元素绑定事件）
@@ -546,105 +545,103 @@
             //监控点击事件
             $('.cameraModal').on('click', '.openIframe', function (e: any) {
               // web插件播放视频流
-              let videoWindowProps = that.videoWindowProps
-              videoWindowProps.id = $(this).attr('id')
-              videoWindowProps.title = $(this).text()
-              videoWindowProps.videoUrl = $(this).attr('videoUrl')
-              videoWindowProps.cameraIp = $(this).attr('cameraIP')
-              videoWindowProps.cameraUser = $(this).attr('cameraUser')
-              videoWindowProps.cameraPwd = $(this).attr('cameraPsd')
-              videoWindowProps.isAlarm = false
-              videoWindowProps.visible = true
-              videoWindowProps.playRecord = false
-            })
+              let videoWindowProps = that.videoWindowProps;
+              videoWindowProps.id = $(this).attr('id');
+              videoWindowProps.title = $(this).text();
+              videoWindowProps.videoUrl = $(this).attr('videoUrl');
+              videoWindowProps.cameraIp = $(this).attr('cameraIP');
+              videoWindowProps.cameraUser = $(this).attr('cameraUser');
+              videoWindowProps.cameraPwd = $(this).attr('cameraPsd');
+              videoWindowProps.isAlarm = false;
+              videoWindowProps.visible = true;
+              videoWindowProps.playRecord = false;
+            });
           }
           // 轮询
           {
             //一个小时调用一次空接口，保持系统session不过期
             this.timer = setInterval(() => {
-              this.keepAlive()
-            }, 60 * 60 * 1000)
+              this.keepAlive();
+            }, 60 * 60 * 1000);
 
             this.alarmTrackClearTimer = setInterval(() => {
-              this.radarAlarmTimeOutCheck()
-            }, 6 * 1000)
+              this.radarAlarmTimeOutCheck();
+            }, 6 * 1000);
           }
-        })
+        });
       }
 
       {
-        $mitt.on("winShow", function (e: any) {
-            that.VideoFusionWinShow = e
-        })
+        $mitt.on('winShow', function (e: any) {
+          that.VideoFusionWinShow = e;
+        });
         //其他页面调用本页面的methods方法
         $mitt.on('openNotification', (res: any) => {
           // that.openNotification(msg, dt, type, top)
-          that.openNotification(res.msg, res.dt, res.type, res.top)
-        })
+          that.openNotification(res.msg, res.dt, res.type, res.top);
+        });
         $mitt.on('listenMouseHandler', function () {
-          that.listenMouseHandler()
-        })
+          that.listenMouseHandler();
+        });
         $mitt.on('removeHandler', function () {
-          that.removeHandler()
-        })
+          that.removeHandler();
+        });
         $mitt.on('createBBHLine', function () {
-          that.createBBHLine()
-        })
+          that.createBBHLine();
+        });
         $mitt.on('createRealTimeObj', function () {
-          that.createRealTimeObj()
-        })
+          that.createRealTimeObj();
+        });
         $mitt.on('radioChangeBtnShow', function (callback) {
-          that.radioChangeBtnShow(callback)
-        })
+          that.radioChangeBtnShow(callback);
+        });
         $mitt.on('loadingStatus', function () {
-          that.loadingStatus()
-        })
+          that.loadingStatus();
+        });
         $mitt.on('clearAlarmModel', (mittData: any) => {
-          let { isWarnEvent, eventSerialNum } = mittData
+          let { isWarnEvent, eventSerialNum } = mittData;
           // 清除告警模型
           if (isWarnEvent) {
             // 是告警事件 先去后台查询预警事件获取事件编号
-            let url = 'military/msWarnEvent/queryWarnEventDetailList'
+            let url = 'military/msWarnEvent/queryWarnEventDetailList';
             let params = {
               eventSerialNum: eventSerialNum,
-            }
+            };
             defHttp.get({ url, params }, { isTransformResponse: false }).then((res) => {
               if (res.success) {
                 // 成功
-                let data = res.result
+                let data = res.result;
                 for (const warnEventInfo of data) {
-                  this.clearAlarmModel(warnEventInfo.eventSerialNum)
+                  this.clearAlarmModel(warnEventInfo.eventSerialNum);
                 }
               } else {
                 // 失败
-                console.log("失败");
+                console.log('失败');
 
-                this.$message.error(res.message)
+                this.$message.error(res.message);
               }
-            })
+            });
           } else {
             // 不是告警事件,直接清除
-            this.clearAlarmModel(eventSerialNum)
+            this.clearAlarmModel(eventSerialNum);
           }
-        })
+        });
       }
-
-
     }
     // 随机数
     guid() {
       return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        var r = Math.random() * 16 | 0,
-          v = c == 'x' ? r : (r & 0x3 | 0x8);
+        var r = (Math.random() * 16) | 0,
+          v = c == 'x' ? r : (r & 0x3) | 0x8;
         return v.toString(16);
       });
     }
     // 打开视频融合
-      roamPathSet() {
-        // 打开视频融合
-        this.VideoFusionWinShow = true
-        // 关闭相机列表
-        this.cameraModalShow = false
+    roamPathSet() {
+      // 打开视频融合
+      this.VideoFusionWinShow = true;
+      // 关闭相机列表
+      this.cameraModalShow = false;
     }
 
     // 控制子元素的显示或者隐藏
@@ -691,16 +688,20 @@
         item.scanline.show = !show;
       });
     }
-    cameraPositionChange = _.debounce((that) => {
-      let height = window.$earth.camera.position[2]
-      if (height < 100) {
-        // 相机高度小于1000米,告警显示扫描线
-        that.showAlarmPin(false);
-      } else if (height >= 100) {
-        // 相机高度大于1000米,告警显示图标
-        that.showAlarmPin(true);
-      }
-    }, 500, { maxWait: 1000 })
+    cameraPositionChange = _.debounce(
+      (that) => {
+        let height = window.$earth.camera.position[2];
+        if (height < 100) {
+          // 相机高度小于1000米,告警显示扫描线
+          that.showAlarmPin(false);
+        } else if (height >= 100) {
+          // 相机高度大于1000米,告警显示图标
+          that.showAlarmPin(true);
+        }
+      },
+      500,
+      { maxWait: 1000 }
+    );
 
     createEarth() {
       let that = this;
@@ -819,31 +820,36 @@
 
         //加载地图线路资源
         await this.createBBHLine(earthUI);
-  
+
         //创建工具栏
-        this.toolbarShow = true
-        
+        this.toolbarShow = true;
       });
     }
     //飞入方法
-    async fly(){
+    async fly() {
       let position, rotation, viewDistance, duration;
       const sceneId = this.userStore.userInfo?.sceneId;
-      await defHttp.get({
-          url: '/military/msMapScene/list',
-          params: {
-            pageNo: 1,
-            pageSize: 999,
-            sceneId: sceneId + "*",
-            column: 'sceneId',
-            order: 'asc',
-          }
-        }, { isTransformResponse: false }).then((response) => {
-          console.log("fly",response);
+      await defHttp
+        .get(
+          {
+            url: '/military/msMapScene/list',
+            params: {
+              pageNo: 1,
+              pageSize: 999,
+              sceneId: sceneId + '*',
+              column: 'sceneId',
+              order: 'asc',
+            },
+          },
+          { isTransformResponse: false }
+        )
+        .then((response) => {
+          console.log('fly', response);
           // 设置岛屿信息为数组
           this.sceneInfo = response.result.records;
           return response.result.records;
-        }).then((res)=>{
+        })
+        .then((res) => {
           //飞入 所属场景下的位置
           position = [res[0].cameraLon, res[0].cameraLat, res[0].cameraAltitude];
           rotation = [res[0].rotationX, res[0].rotationY, res[0].rotationZ];
@@ -852,10 +858,9 @@
           this._earth.camera.flyTo(position, viewDistance, rotation, duration);
           // 地图复原事件
           window.$flyTo = this.flyTo = () => {
-          this._earth.camera.flyTo(position, viewDistance, rotation, duration);
+            this._earth.camera.flyTo(position, viewDistance, rotation, duration);
           };
-        })
-
+        });
     }
 
     setLoginPoint(data) {
@@ -909,39 +914,39 @@
           icon.replaceWith(img);
         }
         if (status == 1) {
-          img.src = circleDot2
+          img.src = circleDot2;
         } else if (status == 0) {
-          img.src = circleDot1
+          img.src = circleDot1;
         } else {
-          img.src = circleDot3
+          img.src = circleDot3;
         }
         img.setAttribute('style', 'width:16px;height:16px;margin-top:7px');
       }
     }
 
     /* 使用async/await 处理异步方法顺序执行。成功的操作放到try里，失败的放在catch里 */
-    async createBBHLine(earthUI= null) {
-      console.log("MyScene",this.userStore.userInfo?.sceneId);
+    async createBBHLine(earthUI = null) {
+      console.log('MyScene', this.userStore.userInfo?.sceneId);
       let type = 1; //**
-      
+
       let models: any = {
-          ref: this.sceneInfo[0].sceneId,
-          expand: true,
-          title: this.sceneInfo[0].sceneName,
-          children: [],
-        }
-        for (let record of this.sceneInfo) {
-          if (record.sceneId == this.userStore.userInfo?.sceneId) {
-            continue;
-          }
-          models.children.push({
-            ref: record.sceneId,
-            expand: false,
-            title: record.sceneName,
-            children: [],
-          });
+        ref: this.sceneInfo[0].sceneId,
+        expand: true,
+        title: this.sceneInfo[0].sceneName,
+        children: [],
+      };
+      for (let record of this.sceneInfo) {
+        if (record.sceneId == this.userStore.userInfo?.sceneId) {
+          continue;
         }
-      
+        models.children.push({
+          ref: record.sceneId,
+          expand: false,
+          title: record.sceneName,
+          children: [],
+        });
+      }
+
       // console.log('models',models);
 
       // 加载区域
@@ -1155,7 +1160,7 @@
       this._earth.sceneTree.root.children.splice(1, 0, models);
     }
 
-    async createRealTimeObj(earthUI =null) {
+    async createRealTimeObj(earthUI = null) {
       let that = this;
       let models = {
         expand: true,
@@ -1199,183 +1204,187 @@
       const that = this;
       return new Promise((resolve, reject) => {
         //请求线路信息
-        defHttp.get({ 
-          url: this.url.queryLineList, 
-          params: {
-            pageNo: 1,
-            pageSize: 99999,
-            sceneId: this.userStore.userInfo?.sceneId + "*",
-          } }, 
-        { isTransformResponse: false })
-        .then(async (res) => {
-          // console.log('加载区域',res);
+        defHttp
+          .get(
+            {
+              url: this.url.queryLineList,
+              params: {
+                pageNo: 1,
+                pageSize: 99999,
+                sceneId: this.userStore.userInfo?.sceneId + '*',
+              },
+            },
+            { isTransformResponse: false }
+          )
+          .then(async (res) => {
+            // console.log('加载区域',res);
+
+            if (res.success) {
+              //一级区域
+              let parentArea: any = [];
+              //二级区域
+              let childArea: any = [];
+              res.result.records.forEach((data) => {
+                if (data.parentCode) {
+                  childArea.push(data);
+                } else {
+                  parentArea.push(data);
+                }
+              });
+              parentArea.forEach((data) => {
+                // console.log(data);
+
+                // data.sceneId
+                let updatedPositions: any = [];
+                let positionsData = JSON.parse(data.positions);
+                if (!positionsData) {
+                  positionsData = [];
+                }
+                updatedPositions = positionsData;
 
-          if (res.success) {
-            //一级区域
-            let parentArea: any = []
-            //二级区域
-            let childArea: any = []
-            res.result.records.forEach((data) => {
-              if (data.parentCode) {
-                childArea.push(data)
-              } else {
-                parentArea.push(data)
-              }
-            })
-            parentArea.forEach((data) => {
-              // console.log(data);
-              
-              // data.sceneId
-              let updatedPositions: any = []
-              let positionsData = JSON.parse(data.positions)
-              if (!positionsData) {
-                positionsData = []
-              }
-              updatedPositions = positionsData
-  
-              let lineOptions: any = {
-                maxShowHeight: 30000,
-                customProp: data.lineCode,
-              }
-              lineOptions.name = data.name
-              lineOptions.xbsjType = 'Polyline'
-              lineOptions.width = data.width
-              lineOptions.positions = updatedPositions
-              lineOptions.loop = Boolean(data.isLoop)
-              lineOptions.depthTest = Boolean(data.isDepthCheck)
-              lineOptions.arcType = data.interpolation
-              let material: any = {}
-              switch (data.materialType) {
-                // 实线
-                case 0:
-                  material.type = 'XbsjColorMaterial'
-                  material.XbsjColorMaterial = {}
-                  if (!data.color || data.color.length <= 0) {
-                    data.color = '[1,1,1,1]'
-                  }
-                  material.XbsjColorMaterial.color = JSON.parse(data.color)
-                  break
-                // 虚线
-                case 1:
-                  material.type = 'XbsjPolylineDashMaterial'
-                  material.XbsjPolylineDashMaterial = {}
-                  material.XbsjPolylineDashMaterial.color = JSON.parse(data.color)
-                  material.XbsjPolylineDashMaterial.gapColor = JSON.parse(data.intervalColor)
-                  material.XbsjPolylineDashMaterial.dashLength = data.dashLength
-                  material.XbsjPolylineDashMaterial.dashPattern = data.dashStyle
-                  break
-                // 箭头线
-                case 2:
-                  material.type = 'XbsjPolylineArrowMaterial'
-                  material.XbsjPolylineArrowMaterial = {}
-                  material.XbsjPolylineArrowMaterial.color = JSON.parse(data.color)
-                  break
-                // 轨迹线
-                case 3:
-                  material.type = 'XbsjODLineMaterial'
-                  material.XbsjODLineMaterial = {}
-                  material.XbsjODLineMaterial.color = JSON.parse(data.color)
-                  material.XbsjODLineMaterial.totoalFrameCount = data.cycleFrame
-                  break
-              }
-              lineOptions.material = material
-              let currentChildArea: any = []
-              if (childArea.length) {
-                childArea.forEach(element => {
-                  let obj = {}
-                  if (data.id == element.parentCode) {
-                    obj = {
-                      expand: false,
-                      title: element.name,
-                      ref: 'nodeSecondary_' + element.id,
-                      children: [],
-                    }
-                    let updatedPositions: any = []
-                    let positionsData = JSON.parse(element.positions)
-                    if (!positionsData) {
-                      positionsData = []
-                    }
-                    updatedPositions = positionsData
-                    let lineOptions: any = {
-                      maxShowHeight: 30000,
-                      customProp: element.lineCode,
-                    }
-                    lineOptions.name = element.name
-                    lineOptions.xbsjType = 'Polyline'
-                    lineOptions.width = element.width
-                    lineOptions.positions = updatedPositions
-                    lineOptions.loop = Boolean(element.isLoop)
-                    lineOptions.depthTest = Boolean(element.isDepthCheck)
-                    lineOptions.arcType = element.interpolation
-                    let material: any = {}
-                    switch (element.materialType) {
-                      // 实线
-                      case 0:
-                        material.type = 'XbsjColorMaterial'
-                        material.XbsjColorMaterial = {}
-                        if (!element.color || element.color.length <= 0) {
-                          element.color = '[1,1,1,1]'
-                        }
-                        material.XbsjColorMaterial.color = JSON.parse(element.color)
-                        break
-                      // 虚线
-                      case 1:
-                        material.type = 'XbsjPolylineDashMaterial'
-                        material.XbsjPolylineDashMaterial = {}
-                        material.XbsjPolylineDashMaterial.color = JSON.parse(element.color)
-                        material.XbsjPolylineDashMaterial.gapColor = JSON.parse(element.intervalColor)
-                        material.XbsjPolylineDashMaterial.dashLength = element.dashLength
-                        material.XbsjPolylineDashMaterial.dashPattern = element.dashStyle
-                        break
-                      // 箭头线
-                      case 2:
-                        material.type = 'XbsjPolylineArrowMaterial'
-                        material.XbsjPolylineArrowMaterial = {}
-                        material.XbsjPolylineArrowMaterial.color = JSON.parse(element.color)
-                        break
-                      // 轨迹线
-                      case 3:
-                        material.type = 'XbsjODLineMaterial'
-                        material.XbsjODLineMaterial = {}
-                        material.XbsjODLineMaterial.color = JSON.parse(element.color)
-                        material.XbsjODLineMaterial.totoalFrameCount = element.cycleFrame
-                        break
+                let lineOptions: any = {
+                  maxShowHeight: 30000,
+                  customProp: data.lineCode,
+                };
+                lineOptions.name = data.name;
+                lineOptions.xbsjType = 'Polyline';
+                lineOptions.width = data.width;
+                lineOptions.positions = updatedPositions;
+                lineOptions.loop = Boolean(data.isLoop);
+                lineOptions.depthTest = Boolean(data.isDepthCheck);
+                lineOptions.arcType = data.interpolation;
+                let material: any = {};
+                switch (data.materialType) {
+                  // 实线
+                  case 0:
+                    material.type = 'XbsjColorMaterial';
+                    material.XbsjColorMaterial = {};
+                    if (!data.color || data.color.length <= 0) {
+                      data.color = '[1,1,1,1]';
                     }
+                    material.XbsjColorMaterial.color = JSON.parse(data.color);
+                    break;
+                  // 虚线
+                  case 1:
+                    material.type = 'XbsjPolylineDashMaterial';
+                    material.XbsjPolylineDashMaterial = {};
+                    material.XbsjPolylineDashMaterial.color = JSON.parse(data.color);
+                    material.XbsjPolylineDashMaterial.gapColor = JSON.parse(data.intervalColor);
+                    material.XbsjPolylineDashMaterial.dashLength = data.dashLength;
+                    material.XbsjPolylineDashMaterial.dashPattern = data.dashStyle;
+                    break;
+                  // 箭头线
+                  case 2:
+                    material.type = 'XbsjPolylineArrowMaterial';
+                    material.XbsjPolylineArrowMaterial = {};
+                    material.XbsjPolylineArrowMaterial.color = JSON.parse(data.color);
+                    break;
+                  // 轨迹线
+                  case 3:
+                    material.type = 'XbsjODLineMaterial';
+                    material.XbsjODLineMaterial = {};
+                    material.XbsjODLineMaterial.color = JSON.parse(data.color);
+                    material.XbsjODLineMaterial.totoalFrameCount = data.cycleFrame;
+                    break;
+                }
+                lineOptions.material = material;
+                let currentChildArea: any = [];
+                if (childArea.length) {
+                  childArea.forEach((element) => {
+                    let obj = {};
+                    if (data.id == element.parentCode) {
+                      obj = {
+                        expand: false,
+                        title: element.name,
+                        ref: 'nodeSecondary_' + element.id,
+                        children: [],
+                      };
+                      let updatedPositions: any = [];
+                      let positionsData = JSON.parse(element.positions);
+                      if (!positionsData) {
+                        positionsData = [];
+                      }
+                      updatedPositions = positionsData;
+                      let lineOptions: any = {
+                        maxShowHeight: 30000,
+                        customProp: element.lineCode,
+                      };
+                      lineOptions.name = element.name;
+                      lineOptions.xbsjType = 'Polyline';
+                      lineOptions.width = element.width;
+                      lineOptions.positions = updatedPositions;
+                      lineOptions.loop = Boolean(element.isLoop);
+                      lineOptions.depthTest = Boolean(element.isDepthCheck);
+                      lineOptions.arcType = element.interpolation;
+                      let material: any = {};
+                      switch (element.materialType) {
+                        // 实线
+                        case 0:
+                          material.type = 'XbsjColorMaterial';
+                          material.XbsjColorMaterial = {};
+                          if (!element.color || element.color.length <= 0) {
+                            element.color = '[1,1,1,1]';
+                          }
+                          material.XbsjColorMaterial.color = JSON.parse(element.color);
+                          break;
+                        // 虚线
+                        case 1:
+                          material.type = 'XbsjPolylineDashMaterial';
+                          material.XbsjPolylineDashMaterial = {};
+                          material.XbsjPolylineDashMaterial.color = JSON.parse(element.color);
+                          material.XbsjPolylineDashMaterial.gapColor = JSON.parse(element.intervalColor);
+                          material.XbsjPolylineDashMaterial.dashLength = element.dashLength;
+                          material.XbsjPolylineDashMaterial.dashPattern = element.dashStyle;
+                          break;
+                        // 箭头线
+                        case 2:
+                          material.type = 'XbsjPolylineArrowMaterial';
+                          material.XbsjPolylineArrowMaterial = {};
+                          material.XbsjPolylineArrowMaterial.color = JSON.parse(element.color);
+                          break;
+                        // 轨迹线
+                        case 3:
+                          material.type = 'XbsjODLineMaterial';
+                          material.XbsjODLineMaterial = {};
+                          material.XbsjODLineMaterial.color = JSON.parse(element.color);
+                          material.XbsjODLineMaterial.totoalFrameCount = element.cycleFrame;
+                          break;
+                      }
 
-                    let pos = [0, 0, 0]
-                    positionsData.forEach(element => {
-                      pos[0] += element[0]
-                      pos[1] += element[1]
-                      pos[2] += element[2]
-                    });
-                    pos[0] = pos[0] / positionsData.length
-                    pos[1] = pos[1] / positionsData.length
-                    pos[2] = pos[2] / positionsData.length
-                    let pinBuilder = {
-                      extTextFont: '30px 宋体',
-                      extTextPixelOffset: [-40, 10],
-                      fillColor: [0, 0.3450980392156863, 1, 0.9],
-                      outlineColor: [1, 1, 1, 1],
-                      extText: element.name,
-                    }
-                    let pin = addPin(element.name, hidePng, { position: pos, scale: 0.8, pinBuilder, far: 107374 });
-                    lineOptions.pinXbsjGuid = pin.xbsjGuid
-                    lineOptions.material = material
-                    that._earth.sceneTree.root.children.push({ czmObject: lineOptions, ref: element.id })
-                    currentChildArea.push(obj)
-                    // 如果是总部
-                    if (type == 1) {
-                      this.nodeConfigByRef.set('nodeSecondary_' + element.id, obj)
+                      let pos = [0, 0, 0];
+                      positionsData.forEach((element) => {
+                        pos[0] += element[0];
+                        pos[1] += element[1];
+                        pos[2] += element[2];
+                      });
+                      pos[0] = pos[0] / positionsData.length;
+                      pos[1] = pos[1] / positionsData.length;
+                      pos[2] = pos[2] / positionsData.length;
+                      let pinBuilder = {
+                        extTextFont: '30px 宋体',
+                        extTextPixelOffset: [-40, 10],
+                        fillColor: [0, 0.3450980392156863, 1, 0.9],
+                        outlineColor: [1, 1, 1, 1],
+                        extText: element.name,
+                      };
+                      let pin = addPin(element.name, hidePng, { position: pos, scale: 0.8, pinBuilder, far: 107374 });
+                      lineOptions.pinXbsjGuid = pin.xbsjGuid;
+                      lineOptions.material = material;
+                      that._earth.sceneTree.root.children.push({ czmObject: lineOptions, ref: element.id });
+                      currentChildArea.push(obj);
+                      // 如果是总部
+                      if (type == 1) {
+                        this.nodeConfigByRef.set('nodeSecondary_' + element.id, obj);
+                      }
                     }
-                  }
-                });
-              }
+                  });
+                }
 
-              //配置信息
-              const node = {
+                //配置信息
+                const node = {
                   ref: 'node_' + data.id,
                   expand: false,
-                  title: "<防区>"+data.name,
+                  title: '<防区>' + data.name,
                   children: [
                     {
                       expand: false,
@@ -1396,56 +1405,51 @@
                       children: [],
                     },
                   ],
-                }
-              if(data.sceneId == models.ref){
-                // console.log("当前场景下");
-                
-                //该防区为当前场景下
-                //压入树
-                models.children.push(node)
-                this.nodeConfigByRef.set(node.ref, node)
-                this.areaByNodeId.set(node.ref, data.sceneId)
-                // return
-              }
-              else{
-                const childs = models.children
-                for (const child of childs) {
-                  if (child.ref == data.sceneId) {
-                    //该防区为子场景下
-                    // console.log("子场景下");
-                    child.children.push(node)
-                    this.nodeConfigByRef.set(node.ref, node)
-                    this.areaByNodeId.set(node.ref, data.sceneId)
+                };
+                if (data.sceneId == models.ref) {
+                  // console.log("当前场景下");
+
+                  //该防区为当前场景下
+                  //压入树
+                  models.children.push(node);
+                  this.nodeConfigByRef.set(node.ref, node);
+                  this.areaByNodeId.set(node.ref, data.sceneId);
+                  // return
+                } else {
+                  const childs = models.children;
+                  for (const child of childs) {
+                    if (child.ref == data.sceneId) {
+                      //该防区为子场景下
+                      // console.log("子场景下");
+                      child.children.push(node);
+                      this.nodeConfigByRef.set(node.ref, node);
+                      this.areaByNodeId.set(node.ref, data.sceneId);
+                    }
                   }
                 }
-              }
-              //放进世界场景树
-              that._earth.sceneTree.root.children.push({ czmObject: lineOptions, ref: data.id })
-              
-            })
-            //加载二级区域模型
-            childArea.forEach((data) => {
-
-            })
-            this.$nextTick(() => {
-              const divs = $('#earthContainer>div>div>div:nth-child(5)')
-                .children('div')
-                .eq(1)
-                .children()
-                .eq(0)
-                .children()
-                .eq(0)
-                .children()
-                .each((index, element) => {
-                  // const paddingLeft = $(element).children().eq(0).css('padding-left')
-                  $(element).css('display', 'none')
-                })
-            })
-            // console.log("models",models);
-            resolve(models)
-
-          }
-        });
+                //放进世界场景树
+                that._earth.sceneTree.root.children.push({ czmObject: lineOptions, ref: data.id });
+              });
+              //加载二级区域模型
+              childArea.forEach((data) => {});
+              this.$nextTick(() => {
+                const divs = $('#earthContainer>div>div>div:nth-child(5)')
+                  .children('div')
+                  .eq(1)
+                  .children()
+                  .eq(0)
+                  .children()
+                  .eq(0)
+                  .children()
+                  .each((index, element) => {
+                    // const paddingLeft = $(element).children().eq(0).css('padding-left')
+                    $(element).css('display', 'none');
+                  });
+              });
+              // console.log("models",models);
+              resolve(models);
+            }
+          });
       });
     }
     //加载相机
@@ -1493,7 +1497,7 @@
       //设置电线杆
       res.forEach((data, index) => {
         // console.log("data",data);
-        
+
         let siteConfig: any = null;
         const lineId = data.id;
         let childs: any = null;
@@ -1629,7 +1633,7 @@
         //请求地图标志信息
         defHttp.get({ url: this.url.queryLabelList }, { isTransformResponse: false }).then(async (res) => {
           // console.log("请求地图标志信息",res);
-          
+
           if (res.success) {
             const labelItems = await this.setLabel(res.result, models, type);
             resolve(labelItems);
@@ -1642,21 +1646,24 @@
       // console.log("res",res);
       const that = this;
       const args = { pageNo: 1, pageSize: 999 };
-      await defHttp.get({ 
-        url: this.url.queryDeviceInfoList, 
-        params: args 
-      }, { isTransformResponse: false })
+      await defHttp
+        .get(
+          {
+            url: this.url.queryDeviceInfoList,
+            params: args,
+          },
+          { isTransformResponse: false }
+        )
         .then((reponse) => {
           if (reponse.success) {
             // console.log("queryDeviceInfoList",reponse);
-            const hostDeviceList = reponse.result.records
+            const hostDeviceList = reponse.result.records;
             for (const hostDevice of hostDeviceList) {
               that.hostDeviceMapById.set(hostDevice.id, hostDevice);
             }
             return that.hostDeviceMapById;
-          }
-          else{
-            console.error("获取主机信息错误",reponse);    
+          } else {
+            console.error('获取主机信息错误', reponse);
           }
         })
         .catch(() => {
@@ -1665,7 +1672,7 @@
       //根据经纬度算出该点地形高度
       let posArr: any = [],
         updatedPositions: any = [];
-      res.forEach((data, index) => {  
+      res.forEach((data, index) => {
         updatedPositions.push(window.Cesium.Cartographic.fromDegrees(data.mapLabel.labelLon, data.mapLabel.labelLat, data.mapLabel.labelHeight));
       });
       const labelItems: any = [];
@@ -1730,10 +1737,9 @@
           let childs2 = parentNode.children;
           childs2[2].children.push(objConfig3);
         }
-        
       }
       //雷达
-      else if(item.labelAttr == 4){
+      else if (item.labelAttr == 4) {
         if (type == 2) {
           let childs1 = models.children;
           for (const child of childs1) {
@@ -1751,9 +1757,9 @@
         }
       }
       //雷达（已弃用）
-       else if (item.labelAttr == 4) {
-        console.log("leida");
-        
+      else if (item.labelAttr == 4) {
+        console.log('leida');
+
         if (type == 2) {
           let childs3 = models.children;
           for (const child of childs3) {
@@ -1787,28 +1793,32 @@
       if (device.deviceType_dictText.indexOf('微波探测器') > -1) {
         // console.log("微波探测器");
 
-        return defHttp.post({ url: '/military/netty/microwaveDetector/maintenance', params: args }, { isTransformResponse: false })
-          // postAction('netty/microwaveDetector/maintenance', args)
-          .then((response) => {
-            // console.log('response',response);
+        return (
+          defHttp
+            .post({ url: '/military/netty/microwaveDetector/maintenance', params: args }, { isTransformResponse: false })
+            // postAction('netty/microwaveDetector/maintenance', args)
+            .then((response) => {
+              // console.log('response',response);
 
-            if (response.success) {
-              const status = response;
-              this.statusByNodeId.set(id, status);
-            } else {
+              if (response.success) {
+                const status = response;
+                this.statusByNodeId.set(id, status);
+              } else {
+                this.statusByNodeId.set(id, -10);
+              }
+              return response;
+            })
+            .catch((error) => {
+              // console.log('error',error);
               this.statusByNodeId.set(id, -10);
-            }
-            return response;
-          })
-          .catch((error) => {
-            // console.log('error',error);
-            this.statusByNodeId.set(id, -10);
-            return error;
-          });
+              return error;
+            })
+        );
       } else if (device.deviceType_dictText.indexOf('雷达') > -1) {
         this.statusByNodeId.set(id, 1);
         //雷达周界防区列表
-        return defHttp.get({ url: this.url.perimeterRegionList, params: { regionType: 2 } }, { isTransformResponse: false })
+        return defHttp
+          .get({ url: this.url.perimeterRegionList, params: { regionType: 2 } }, { isTransformResponse: false })
           .then(
             (res) => {
               // console.log(res);
@@ -1834,7 +1844,6 @@
             return err;
           });
       }
-
     }
 
     getAllModelInfo(models) {
@@ -2083,14 +2092,12 @@
       });
     }
 
-    listenMouseHandler(earthUI =null) {
+    listenMouseHandler(earthUI = null) {
       let that: any = this;
       this._handler = new window.Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas);
 
       //取消双击旋转事件
-      this._viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(
-        window.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
-      );
+      this._viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(window.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
       /* MOUSE事件（有性能问题，慎用！） */
 
       /* 鼠标左键事件 */
@@ -2118,37 +2125,37 @@
                       $('.cameraModal').append('<ul></ul>');
                       if (!data.msCameraSettingList) return;
                       // 将监控相机列表传入弹窗组件中
-                      this.cameraList = data.msCameraSettingList
+                      this.cameraList = data.msCameraSettingList;
                       // 将监控点位置传入弹窗组件中
-                      this.monitorPosition = pickedFeature.id._primitive.xbsjPosition
+                      this.monitorPosition = pickedFeature.id._primitive.xbsjPosition;
                       data.msCameraSettingList.forEach((data, index) => {
                         let camera_img =
                           data.type == '4'
                             ? window._CONFIG['staticDomainURL'] + '/qiuji.png'
                             : data.type == '3'
-                              ? window._CONFIG['staticDomainURL'] + '/qiangji.png'
-                              : window._CONFIG['staticDomainURL'] + '/qiangji.png';
+                            ? window._CONFIG['staticDomainURL'] + '/qiangji.png'
+                            : window._CONFIG['staticDomainURL'] + '/qiangji.png';
                         let cameraStatus = data.status == '1' ? 'successStatus' : data.status == '2' ? 'offlineStatus' : 'errorStatus';
                         let rtspUrl = data.cameraCode;
                         // 'rtsp://' + data.user + ':' + data.password + '@' + data.ip + window._CONFIG['cameraMain']
                         $('.cameraModal ul').append(
                           '<li><a class="openIframe" id="' +
-                          data.id +
-                          '" videoUrl="' +
-                          rtspUrl +
-                          '" cameraIP="' +
-                          data.ip +
-                          '" cameraUser="' +
-                          data.user +
-                          '" cameraPsd="' +
-                          data.password +
-                          '"><img src="' +
-                          camera_img +
-                          '" /><div class="' +
-                          cameraStatus +
-                          '">' +
-                          data.cameraName +
-                          '</div> </a></li>'
+                            data.id +
+                            '" videoUrl="' +
+                            rtspUrl +
+                            '" cameraIP="' +
+                            data.ip +
+                            '" cameraUser="' +
+                            data.user +
+                            '" cameraPsd="' +
+                            data.password +
+                            '"><img src="' +
+                            camera_img +
+                            '" /><div class="' +
+                            cameraStatus +
+                            '">' +
+                            data.cameraName +
+                            '</div> </a></li>'
                         );
                       });
                       cameraModal.style.left = click.position.x + -45 + 'px';
@@ -2212,8 +2219,8 @@
           // console.log("pick",pickedFeature);
 
           let entity = pickedFeature && pickedFeature.id;
-          console.log("pick",pickedFeature);
-          console.log("entity", entity);
+          console.log('pick', pickedFeature);
+          console.log('entity', entity);
           if (entity == undefined) {
             return;
           }
@@ -2262,18 +2269,17 @@
                 func: () => {
                   $mitt.emit('addRoamPathVideoClose');
                   // store.commit('customPrimitive', entity.xbsjGuid);
-                  this.store.customPrimitive = entity.xbsjGuid
+                  this.store.customPrimitive = entity.xbsjGuid;
                   // 打开对应的创建巡检视频窗口
                   this.$nextTick(() => {
-                    this.addRoamVideoShow = true
-                  })
+                    this.addRoamVideoShow = true;
+                  });
                   // window.$uia.showPropertyWindow(
                   //   {},
                   //   {
                   //     component: addroamVideo,
                   //   }
                   // );
-
                 },
               },
               {
@@ -2287,10 +2293,14 @@
                     //   url: '/military/msAreaCustomPrimitive/delete',
                     //   params: { id: entity.id },
                     // })
-                    defHttp.delete({
-                      url: '/military/msAreaCustomPrimitive/delete',
-                      params: { id: entity.id },
-                    }, { isTransformResponse: false, joinParamsToUrl: true })
+                    defHttp
+                      .delete(
+                        {
+                          url: '/military/msAreaCustomPrimitive/delete',
+                          params: { id: entity.id },
+                        },
+                        { isTransformResponse: false, joinParamsToUrl: true }
+                      )
                       .then((response) => {
                         if (response.code == 200) {
                           let customPrimitiveList = this.store.customPrimitiveList;
@@ -2305,13 +2315,13 @@
                             }
                           });
                           // store.dispatch('asyncCustomPrimitive', customPrimitiveList);
-                          this.store.customPrimitiveList = customPrimitiveList
+                          this.store.customPrimitiveList = customPrimitiveList;
 
                           // notification.close("RoamVideoSet");
                           // sessionStorage.setItem("RoamVideoSet", "false");
                         } else {
                           // Msg.error('删除失败');
-                          $mitt.emit('openNotification', { msg: '删除失败', dt: 2, type: 'error', top: '50px' })
+                          $mitt.emit('openNotification', { msg: '删除失败', dt: 2, type: 'error', top: '50px' });
                           console.error('删除失败', response);
                         }
                       })
@@ -2330,35 +2340,34 @@
               {
                 text: '编辑',
                 func: () => {
-                  window.$uia.showPropertyWindow(entity)
+                  window.$uia.showPropertyWindow(entity);
                   //记录编辑前信息
-                  let oldEntity = ({
+                  let oldEntity = {
                     depthTest: entity.depthTest, //深度检测
                     color: [...entity.color], //颜色
                     outline: {
                       color: [...entity.outline.color], //边框颜色
                       show: entity.outline.show, //边框显示
-                      width : entity.outline.width, //边框宽度
-
+                      width: entity.outline.width, //边框宽度
                     },
-                    positions: [...entity.positions]
-                  })
+                    positions: [...entity.positions],
+                  };
                   this.$nextTick(() => {
                     // 主要ui窗口
-                    const mainUI = window.$uia._vm.$refs.mainUI
+                    const mainUI = window.$uia._vm.$refs.mainUI;
                     // 所有打开的ui窗口Ref值
-                    const windowsAttrList = Object.keys(mainUI.$refs)
+                    const windowsAttrList = Object.keys(mainUI.$refs);
                     // 寻找当前窗体的工具对象
-                    const modelToolKey = windowsAttrList.filter((f) => f.indexOf(entity.guid) > -1)[0]
-                    const modelTool = mainUI.$refs[modelToolKey][0]
+                    const modelToolKey = windowsAttrList.filter((f) => f.indexOf(entity.guid) > -1)[0];
+                    const modelTool = mainUI.$refs[modelToolKey][0];
                     // 当前窗体的元素
-                    const el = modelTool.$el
+                    const el = modelTool.$el;
                     // this.cloneEl(el)
                     // 样式
-                    el.style.width = '380px' //宽度
-                    el.children[2].style.padding = '0px'
-                    el.children[2].style.transition = 'none'
-                    el.children[2].children[0].children[0].style.minWidth = '370px'
+                    el.style.width = '380px'; //宽度
+                    el.children[2].style.padding = '0px';
+                    el.children[2].style.transition = 'none';
+                    el.children[2].children[0].children[0].style.minWidth = '370px';
                     // 关闭名称input
                     el.children[2].children[0].children[0].children[0].style.display = 'none';
                     // 关闭创建按钮
@@ -2371,11 +2380,11 @@
                     el.children[2].children[0].children[0].children[3].children[2].style.display = 'none';
                     el.children[2].children[0].children[0].children[3].children[3].style.marginLeft = '8px';
                     // 右上角关闭
-                    const cancelTopRightBtn = el.children[1].children[1]
+                    const cancelTopRightBtn = el.children[1].children[1];
                     // 取消按钮元素
-                    const cancelBtn = el.children[3].children[0]
+                    const cancelBtn = el.children[3].children[0];
                     // 确认按钮元素
-                    const okBtn = el.children[3].children[1]
+                    const okBtn = el.children[3].children[1];
                     // 取消按钮
                     cancelTopRightBtn.onclick = cancelBtn.onclick = function () {
                       //恢复原来设置
@@ -2383,42 +2392,50 @@
                       // console.log("entity", entity);
                       // entity.xbsjFromJSON(oldEntity)
                       // entity = JSON.parse(oldEntity)
-                      entity.depthTest= oldEntity.depthTest
-                      entity.color= oldEntity.color
-                      entity.outline= oldEntity.outline
-                      entity.positions= oldEntity.positions
-                      entity.editing= false
-                    }
+                      entity.depthTest = oldEntity.depthTest;
+                      entity.color = oldEntity.color;
+                      entity.outline = oldEntity.outline;
+                      entity.positions = oldEntity.positions;
+                      entity.editing = false;
+                    };
                     okBtn.onclick = function () {
                       let params = {
                         id: entity.customProp?.id,
                         drawData: JSON.stringify(entity),
-                      }
+                      };
                       // console.log("submit", entity);
-                      defHttp.post({
-                        url: '/military/dtMapDraw/edit',
-                        params: params
-                      }, { isTransformResponse: false }).then((response) => {
-                        $mitt.emit('openNotification', { msg: '编辑成功', dt: 2, type: 'success', top: '50px' })
-                        // console.error('编辑成功', response);
-                      }).catch((response) => {
-                        $mitt.emit('openNotification', { msg: '编辑失败', dt: 2, type: 'error', top: '50px' })
-                        // console.error('删除失败', response);
-                      })
-                    }
-
-                  })
-
+                      defHttp
+                        .post(
+                          {
+                            url: '/military/dtMapDraw/edit',
+                            params: params,
+                          },
+                          { isTransformResponse: false }
+                        )
+                        .then((response) => {
+                          $mitt.emit('openNotification', { msg: '编辑成功', dt: 2, type: 'success', top: '50px' });
+                          // console.error('编辑成功', response);
+                        })
+                        .catch((response) => {
+                          $mitt.emit('openNotification', { msg: '编辑失败', dt: 2, type: 'error', top: '50px' });
+                          // console.error('删除失败', response);
+                        });
+                    };
+                  });
                 },
               },
               {
                 text: '删除',
                 func: () => {
                   window.$uia.confirm('确认删除?', () => {
-                    defHttp.delete({
-                      url: '/military/dtMapDraw/delete',
-                      params: { id: entity.customProp?.id },
-                    }, { isTransformResponse: false, joinParamsToUrl: true })
+                    defHttp
+                      .delete(
+                        {
+                          url: '/military/dtMapDraw/delete',
+                          params: { id: entity.customProp?.id },
+                        },
+                        { isTransformResponse: false, joinParamsToUrl: true }
+                      )
                       .then((response) => {
                         if (response.code == 200) {
                           let shapeList = this.store.shapeList;
@@ -2429,9 +2446,9 @@
                               model.destroy();
                             }
                           });
-                          this.store.shapeList = shapeList
+                          this.store.shapeList = shapeList;
                         } else {
-                          $mitt.emit('openNotification', { msg: '删除失败', dt: 2, type: 'error', top: '50px' })
+                          $mitt.emit('openNotification', { msg: '删除失败', dt: 2, type: 'error', top: '50px' });
                           console.error('删除失败', response);
                         }
                       })
@@ -2442,7 +2459,6 @@
                 },
               },
             ]);
-
           }
         }, window.Cesium.ScreenSpaceEventType.RIGHT_CLICK); //右键事件
       }
@@ -2492,7 +2508,7 @@
     }
 
     keepAlive() {
-      defHttp.get({ url: this.url.keepAlive }, { isTransformResponse: false }).then((res) => { });
+      defHttp.get({ url: this.url.keepAlive }, { isTransformResponse: false }).then((res) => {});
     }
 
     closeClient() {
@@ -2539,28 +2555,36 @@
     websocketonerror(e) {
       console.log('WebSocket连接发生错误');
     }
-    loreadAlarmInfo = _.debounce((url, eventSerialNum) => {
-      defHttp.get({
-        url: url,
-        params: eventSerialNum,
-      }, { isTransformResponse: false })
-        // getAction(url, {eventSerialNum: eventSerialNum})
-        .then(res => {
-          if (!res.success) {
-            console.log("重新发送websocket报警数据失败!")
-          } else {
-            console.log("重新发送websocket报警数据成功!")
-          }
-        })
-    }, 2000, { maxWait: 3000, trailing: true })
+    loreadAlarmInfo = _.debounce(
+      (url, eventSerialNum) => {
+        defHttp
+          .get(
+            {
+              url: url,
+              params: eventSerialNum,
+            },
+            { isTransformResponse: false }
+          )
+          // getAction(url, {eventSerialNum: eventSerialNum})
+          .then((res) => {
+            if (!res.success) {
+              console.log('重新发送websocket报警数据失败!');
+            } else {
+              console.log('重新发送websocket报警数据成功!');
+            }
+          });
+      },
+      2000,
+      { maxWait: 3000, trailing: true }
+    );
     async websocketonmessage(e) {
       //接收后端数据
-      var data = eval('(' + e.data + ')')
-      const cesium = window.Cesium
+      var data = eval('(' + e.data + ')');
+      const cesium = window.Cesium;
       // Cesium Math
-      const math = cesium.Math
+      const math = cesium.Math;
       // earth
-      const earth = window.$earth
+      const earth = window.$earth;
       //处理订阅信息
       if (data.cmd == 'new_warn_info') {
         //有新增的预警信息
@@ -2568,44 +2592,40 @@
         // chrome.call("formactive");
         //2.若警示界面打开着，则刷新列表
         if ($('.infoList').css('visibility') == 'visible') {
-          $mitt.emit('getWarnData')
+          $mitt.emit('getWarnData');
         }
         //3.弹出监控窗口或围栏信息
         if (data.msgTxt != undefined && data.dealStatus == 1) {
-          $mitt.emit('listenerVideoNum', data.msgTxt)
+          $mitt.emit('listenerVideoNum', data.msgTxt);
           //显示报警位置
-          window.$earth.sceneTree.$refs[data.labelCode].czmObject.color = [1, 0.09803921568627451, 0, 1]
+          window.$earth.sceneTree.$refs[data.labelCode].czmObject.color = [1, 0.09803921568627451, 0, 1];
         } else if (data.msgTxt != undefined && data.dealStatus == 3) {
           this.$notification.open({
             key: 'fenceInfo',
             message: '围栏信息通知',
             description: data.msgTxt + '！',
             duration: 0,
-          })
+          });
         } else if (data.dealStatus == 2) {
           //消除单个报警位置
-          window.$earth.sceneTree.$refs[data.labelCode].czmObject.color = [0.08235294117647059, 1, 0, 1]
+          window.$earth.sceneTree.$refs[data.labelCode].czmObject.color = [0.08235294117647059, 1, 0, 1];
         } else if (data.dealStatus == 0) {
           //消除所有报警位置
           window.$earth.sceneTree.$refs.sensor.children.forEach((data, index) => {
-            data.czmObject.color = [0.08235294117647059, 1, 0, 1]
-          })
+            data.czmObject.color = [0.08235294117647059, 1, 0, 1];
+          });
         }
 
         //4.提示音
         if (data.dealStatus !== 2 && data.dealStatus !== 0) {
-          await this.$refs.audio.play()
+          await this.$refs.audio.play();
           setTimeout(() => {
-            this.$refs.audio.pause() //N秒后暂停播放
-          }, data.alarmNum * 1000)
+            this.$refs.audio.pause(); //N秒后暂停播放
+          }, data.alarmNum * 1000);
         }
-      } else if (
-        data.cmd == 'new_microwave_warn_info' ||
-        data.cmd == 'new_radar_warn_info' ||
-        data.cmd == 'new_video_warn_info'
-      ) {
+      } else if (data.cmd == 'new_microwave_warn_info' || data.cmd == 'new_radar_warn_info' || data.cmd == 'new_video_warn_info') {
         if (this.alarmInfoMap.has(data.serialNum)) {
-          return
+          return;
         }
         const evalString = `
                 if(p._div){
@@ -2640,7 +2660,7 @@
           isDivImage: true,
           show: false,
           far: 3000,
-        }
+        };
         // scanline
         const scanlineConfig = {
           name: 'AlarmScanline',
@@ -2651,25 +2671,23 @@
           timeDuration: 0.5,
           color: [1, 0, 0, 1],
           show: false,
-        }
-        const pin = new window.XE.Obj.Pin(window.$earth)
-        const scanline = new window.XE.Obj.Scanline(window.$earth)
+        };
+        const pin = new window.XE.Obj.Pin(window.$earth);
+        const scanline = new window.XE.Obj.Scanline(window.$earth);
         //1、获取到世界坐标
         let start = cesium.Cartesian3.fromDegrees(data.lon, data.lat, 0);
-        let height = await window.$earth.czm.viewer.scene
-          .clampToHeightMostDetailed([start])
-          .then(function (clampedCartesians) {
-            //2、获取到经纬高度
-            let ellipsoid = window.$earth.czm.viewer.scene.globe.ellipsoid;
-            let cartographic = ellipsoid.cartesianToCartographic(clampedCartesians[0]);
-            return cartographic.height;
-          });
+        let height = await window.$earth.czm.viewer.scene.clampToHeightMostDetailed([start]).then(function (clampedCartesians) {
+          //2、获取到经纬高度
+          let ellipsoid = window.$earth.czm.viewer.scene.globe.ellipsoid;
+          let cartographic = ellipsoid.cartesianToCartographic(clampedCartesians[0]);
+          return cartographic.height;
+        });
         if (height > 0) {
           pinConfig.position[2] = height;
         } else if (window.$earth.sceneTree.$refs.terrain.czmObject.show) {
           height = await cesium.sampleTerrainMostDetailed(earth._viewer.terrainProvider, [start]).then((updatedPositions) => {
             return updatedPositions[0].height ? updatedPositions[0].height : 0;
-          })
+          });
           pinConfig.position[2] = height;
         } else {
           pinConfig.position[2] = 0;
@@ -2677,51 +2695,50 @@
 
         // 保存报警类型到对象上
         let customProp = {};
-        customProp.alarmType = data.cmd
+        customProp.alarmType = data.cmd;
         pinConfig.customProp = JSON.stringify(customProp);
         scanlineConfig.customProp = JSON.stringify(customProp);
-        pin.xbsjFromJSON(pinConfig)
-        scanline.xbsjFromJSON(scanlineConfig)
+        pin.xbsjFromJSON(pinConfig);
+        scanline.xbsjFromJSON(scanlineConfig);
         // 判断现在相机的高度来显示报警相关模型
         if (this._earth.camera.position[2] < 100) {
           // 隐藏 pin, 显示 scanline
-          pin._div.hidden = true
-          scanline.show = true
+          pin._div.hidden = true;
+          scanline.show = true;
         } else {
           // 隐藏 scanline, 显示 pin
-          pin._div.hidden = false
-          scanline.show = false
+          pin._div.hidden = false;
+          scanline.show = false;
         }
-        scanline.flyTo()
-        this.alarmInfoMap.set(data.serialNum, { pin: pin, scanline: scanline, timestamp: Date.now() })
+        scanline.flyTo();
+        this.alarmInfoMap.set(data.serialNum, { pin: pin, scanline: scanline, timestamp: Date.now() });
         //报警弹窗
-        this.videoWindowProps.title = `实时报警窗口（${data.cameraName}）`
-        this.videoWindowProps.videoUrl = data.cameraCode//相机编码
-        this.videoWindowProps.isAlarm = true
-        this.videoWindowProps.visible = true
-        this.videoWindowProps.playRecord = false
-
-        this.videoWindowProps.warnEvent.happenTime = data.happenTime
-        this.videoWindowProps.warnEvent.happenLoc = `${Number(data.lon).toFixed(6)},${Number(data.lat).toFixed(6)}`
-        this.videoWindowProps.warnEvent.warnNum = 1
-        this.videoWindowProps.warnEvent.warnLevel = filterDictTextByCache('ms_warn_level', data.warnLevel)
-        this.videoWindowProps.warnEvent.warnType = filterDictTextByCache('ms_warn_type', data.warnType)
-        this.videoWindowProps.warnEvent.warnContent = data.warnContent
+        this.videoWindowProps.title = `实时报警窗口（${data.cameraName}）`;
+        this.videoWindowProps.videoUrl = data.cameraCode; //相机编码
+        this.videoWindowProps.isAlarm = true;
+        this.videoWindowProps.visible = true;
+        this.videoWindowProps.playRecord = false;
+
+        this.videoWindowProps.warnEvent.happenTime = data.happenTime;
+        this.videoWindowProps.warnEvent.happenLoc = `${Number(data.lon).toFixed(6)},${Number(data.lat).toFixed(6)}`;
+        this.videoWindowProps.warnEvent.warnNum = 1;
+        this.videoWindowProps.warnEvent.warnLevel = filterDictTextByCache('ms_warn_level', data.warnLevel);
+        this.videoWindowProps.warnEvent.warnType = filterDictTextByCache('ms_warn_type', data.warnType);
+        this.videoWindowProps.warnEvent.warnContent = data.warnContent;
 
         //若警示界面打开着，则刷新列表
         if ($('.infoList').css('visibility') == 'visible') {
-          $mitt.emit('getWarnData')
+          $mitt.emit('getWarnData');
         }
 
         //提示音
-        await this.$refs.audio.play()
+        await this.$refs.audio.play();
         setTimeout(() => {
-          this.$refs.audio.pause() //N秒后暂停播放
-        }, 3 * 1000)
-
+          this.$refs.audio.pause(); //N秒后暂停播放
+        }, 3 * 1000);
       } else if (data.cmd == 'earthMap_model_realtime_info') {
-        console.log(data)
-        console.log(this.radarAlarmDataMap)
+        console.log(data);
+        console.log(this.radarAlarmDataMap);
         // 雷达轨迹报警数据
         const alarmContent = data.content;
 
@@ -2766,17 +2783,17 @@
                 type: 'Color',
                 color: [1, 0, 0, 1],
               },
-            }
+            };
             pathModel.xbsjFromJSON(pathConfig);
             // 地面图片
             let groundImageModel = new window.XE.Obj.GroundImage(window.$earth);
-            let imageUrls: any = []
+            let imageUrls: any = [];
             if (data.mainTarget) {
-              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point1.png')
-              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point2.png')
+              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point1.png');
+              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point2.png');
             } else {
-              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point3.png')
-              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point4.png')
+              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point3.png');
+              imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point4.png');
             }
             let groundImageConfig = {
               name: 'groundImage',
@@ -2787,22 +2804,22 @@
               playing: true,
               imageUrls: imageUrls,
               show: false,
-            }
+            };
             groundImageModel.xbsjFromJSON(groundImageConfig);
             // 保存目标数据
             let targetData = {
               path: pathModel,
               groundImage: groundImageModel,
-            }
+            };
             targetMap.set(data.modelId, targetData);
           }
           // 更新时间
           const updateTime = Date.now();
           radarAlarmData.timestamp = updateTime;
           // 更新 pin 的时间
-          let alarm = this.alarmInfoMap.get(data.eventSerialNum)
+          let alarm = this.alarmInfoMap.get(data.eventSerialNum);
           if (alarm) {
-            alarm.timestamp = updateTime
+            alarm.timestamp = updateTime;
           }
         } else {
           // 不存在报警数据
@@ -2827,13 +2844,13 @@
           };
           // 地面图片
           let groundImage = new window.XE.Obj.GroundImage(window.$earth);
-          let imageUrls: any = []
+          let imageUrls: any = [];
           if (data.mainTarget) {
-            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point1.png')
-            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point2.png')
+            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point1.png');
+            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point2.png');
           } else {
-            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point3.png')
-            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point4.png')
+            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point3.png');
+            imageUrls.push(window._CONFIG['staticDomainURL'] + '/keyi_point4.png');
           }
           let groundImageConfig = {
             name: 'groundImage',
@@ -2855,7 +2872,7 @@
             path: pathModel,
             groundImage: groundImage,
             mainTarget: alarmContent.mainTarget,
-          }
+          };
           let targetMap = new Map();
           targetMap.set(data.modelId, target);
           this.radarAlarmDataMap.set(data.eventSerialNum, {
@@ -2866,9 +2883,9 @@
           if (!this.alarmInfoMap.has(data.eventSerialNum)) {
             // 不存在告警信息(小灯或扫描线)时发送
             // 事件编号到后台使其重新发送websocket报警数据
-            await new Promise(r => setTimeout(r, 500));
+            await new Promise((r) => setTimeout(r, 500));
             if (!this.alarmInfoMap.has(data.eventSerialNum)) {
-              console.log('发送websocket报警数据')
+              console.log('发送websocket报警数据');
               this.loreadAlarmInfo(this.url.sendRadarAlarmByWebSocket, data.eventSerialNum);
             }
           }
@@ -2878,38 +2895,38 @@
         }
         // console.debug('雷达轨迹报警数据', this.radarAlarmDataMap);
       } else if (data.cmd == '') {
-        earth.sceneTree.$refs[data.eventSerialNum].destroy()
+        earth.sceneTree.$refs[data.eventSerialNum].destroy();
       } else if (data.cmd == 'eventPublish') {
-        window.getEventData()
+        window.getEventData();
       }
     }
     websocketclose(e) {
-      console.log('connection closed (' + e.code + ')')
-      this.openNotification('websocket连接已断开', 3, 'warning')
+      console.log('connection closed (' + e.code + ')');
+      this.openNotification('websocket连接已断开', 3, 'warning');
     }
     websocketdosend(configName) {
       //发送数据
-      this.spinning = !this.spinning //加载状态
-      console.log('this.websock[configName]', this.websock[configName])
-      let that = this
+      this.spinning = !this.spinning; //加载状态
+      console.log('this.websock[configName]', this.websock[configName]);
+      let that = this;
       let message = {
         topic: 'Show_Single_Video',
         msg: '192.168.1.65',
-      }
+      };
       //readyState：0:正在连接中，1:已建立连接，2:连接正在关闭，3:连接已关闭或连接失败
       if (that.websock[configName].readyState == 1) {
-        that.websock[configName].send(JSON.stringify(message))
-        that.spinning = !that.spinning //加载状态
-        console.log('已发送')
+        that.websock[configName].send(JSON.stringify(message));
+        that.spinning = !that.spinning; //加载状态
+        console.log('已发送');
       } else {
         //重新连接websocket
-        this.initWebSocket('clientURL')
+        this.initWebSocket('clientURL');
         setTimeout(function () {
           if (that.websock[configName].readyState == 1) {
-            that.websock[configName].send(JSON.stringify(message))
+            that.websock[configName].send(JSON.stringify(message));
           }
-          that.spinning = !that.spinning //加载状态
-        }, 3000)
+          that.spinning = !that.spinning; //加载状态
+        }, 3000);
       }
     }
     /* websocket-end */
@@ -2922,20 +2939,20 @@
         top: top,
         duration: dt,
         maxCount: 3,
-      })
+      });
       switch (type) {
         case 'info':
-          this.$message.info(msg)
-          break
+          this.$message.info(msg);
+          break;
         case 'success':
-          this.$message.success(msg)
-          break
+          this.$message.success(msg);
+          break;
         case 'error':
-          this.$message.error(msg)
-          break
+          this.$message.error(msg);
+          break;
         case 'warning':
-          this.$message.warning(msg)
-          break
+          this.$message.warning(msg);
+          break;
         default:
       }
     }
@@ -2945,27 +2962,27 @@
         i = arr.length,
         min = i - count,
         temp,
-        index
+        index;
       while (i-- > min) {
         //打乱数组
-        index = Math.floor((i + 1) * Math.random())
-        temp = shuffled[index]
-        shuffled[index] = shuffled[i]
-        shuffled[i] = temp
+        index = Math.floor((i + 1) * Math.random());
+        temp = shuffled[index];
+        shuffled[index] = shuffled[i];
+        shuffled[i] = temp;
       }
-      return shuffled.slice(min)
+      return shuffled.slice(min);
     }
     // 根据经纬度获取高度
     async getHeigthByLonLat(lon = 88.8296258, lat = 27.4061859) {
-      var positions = [window.Cesium.Cartographic.fromDegrees(lon, lat)]
+      var positions = [window.Cesium.Cartographic.fromDegrees(lon, lat)];
       // var promise = Cesium.sampleTerrain(this._viewer.terrainProvider, 13, positions);
-      var promise = window.Cesium.sampleTerrainMostDetailed(this._viewer.terrainProvider, positions)
+      var promise = window.Cesium.sampleTerrainMostDetailed(this._viewer.terrainProvider, positions);
       return new Promise((resolve, reject) => {
         window.Cesium.when(promise, function (updatedPositions) {
           // updatedPositions[0].height ? updatedPositions[0].height : 0;
-          resolve(updatedPositions)
-        })
-      })
+          resolve(updatedPositions);
+        });
+      });
       /* var terCartographic = new Cesium.Cartographic(1.5503694435245020004000376611976, 0.47832817936864542131039019315313, 0)
       var terHigh = this._viewer.scene.globe.getHeight(terCartographic);
       return terHigh; */
@@ -2989,9 +3006,9 @@
             viewDistance: 150,
             distanceDisplayCondition: [1.0, 30000.0],
           },
-        }
-        const index = modelObject.parent.children.push(modelConfig)
-        return index
+        };
+        const index = modelObject.parent.children.push(modelConfig);
+        return index;
         // const model = new window.XE.Obj.Model(window.$earth)
         // model.xbsjFromJSON(modelConfig)
         // const leaf = new window.XE.SceneTree.Leaf(model)
@@ -3016,217 +3033,221 @@
             },
             far: 1073741824,
           },
-        }
-        const index = modelObject.parent.children.push(objConfig3)
-        return index
+        };
+        const index = modelObject.parent.children.push(objConfig3);
+        return index;
       }
 
       // return model
     }
     cloneShamNode(oldRef, id, title) {
-      const shamNode = window.$earth.sceneTree.$refs['node_' + oldRef]
+      const shamNode = window.$earth.sceneTree.$refs['node_' + oldRef];
       const newShamNode = {
         ref: 'node_' + id,
         title: title,
         expand: false,
         children: [],
-      }
+      };
       // that.currentModel = response.result
-      shamNode.parent.children.push(newShamNode)
+      shamNode.parent.children.push(newShamNode);
     }
     getAreaCode(item) {
-      const currentRef = item._inner.sn.ref
+      const currentRef = item._inner.sn.ref;
       if (!this.areaByNodeId.has(currentRef)) {
         if (item.parent) {
-          return this.getAreaCode(item.parent)
+          return this.getAreaCode(item.parent);
         }
       } else {
-        return this.areaByNodeId.get(currentRef)
+        return this.areaByNodeId.get(currentRef);
       }
     }
     setAllLabelStatus(selectRef, item, wbUnifiedResponse) {
-      const that = this
+      const that = this;
       //监控点
       if (selectRef.startsWith('monitor')) {
-        let grandsons: any = []
-        const childs = item.children
+        let grandsons: any = [];
+        const childs = item.children;
         for (const child of childs) {
-          const grandson1 = child.children
+          const grandson1 = child.children;
           if (grandson1 && grandson1.length > 0) {
-            grandsons = grandsons.concat(grandson1)
+            grandsons = grandsons.concat(grandson1);
           }
         }
         for (const grandson of grandsons) {
-          const xbsjObject = grandson._inner.sn
-          const ref = xbsjObject.ref
+          const xbsjObject = grandson._inner.sn;
+          const ref = xbsjObject.ref;
           if (ref.startsWith('camera_')) {
-            const state = that.statusByNodeId.get(ref)
+            const state = that.statusByNodeId.get(ref);
             if (state == 1) {
-              that.statusByNodeId.set(ref, 0)
-              const img = that.imgByRef.get(ref)
-              img.src = require('@/assets/earthMap/circleDot1.png')
+              that.statusByNodeId.set(ref, 0);
+              const img = that.imgByRef.get(ref);
+              img.src = require('@/assets/earthMap/circleDot1.png');
             } else if (state == 0) {
-              that.statusByNodeId.set(ref, 1)
-              const img = that.imgByRef.get(ref)
-              img.src = require('@/assets/earthMap/circleDot1.png')
+              that.statusByNodeId.set(ref, 1);
+              const img = that.imgByRef.get(ref);
+              img.src = require('@/assets/earthMap/circleDot1.png');
             }
           }
         }
       }
       //微波
       else if (selectRef.startsWith('wbList')) {
-        const parentNode = item.parent
-        let areaCode = null
+        const parentNode = item.parent;
+        let areaCode = null;
         if (parentNode) {
-          const falseNodeRef = item.parent._inner.sn.ref
-          const nodeRef = falseNodeRef.split('_')[1]
-          const trueNode = window.$earth.sceneTree.$refs[nodeRef]
-          areaCode = trueNode.czmObject.customProp
+          const falseNodeRef = item.parent._inner.sn.ref;
+          const nodeRef = falseNodeRef.split('_')[1];
+          const trueNode = window.$earth.sceneTree.$refs[nodeRef];
+          areaCode = trueNode.czmObject.customProp;
         }
-        const childs1 = item.children
+        const childs1 = item.children;
         if (!childs1 || childs1.length < 0) {
-          return
+          return;
         }
-        const length = childs1.length
-        let index = -1
+        const length = childs1.length;
+        let index = -1;
         for (const child of childs1) {
-          index++
-          let xbsjObject = child._inner.sn
-          let jsonObj = JSON.parse(xbsjObject.czmObject.customProp)
-          let deviceId = jsonObj.deviceId
-          let device = that.hostDeviceMapById.get(deviceId)
+          index++;
+          let xbsjObject = child._inner.sn;
+          let jsonObj = JSON.parse(xbsjObject.czmObject.customProp);
+          let deviceId = jsonObj.deviceId;
+          let device = that.hostDeviceMapById.get(deviceId);
           if (!device) {
-            console.error('主机设备为null')
-            continue
+            console.error('主机设备为null');
+            continue;
           }
           const args = {
             device: device,
             isDefence: wbUnifiedResponse,
             defenceArea: areaCode,
             detectorList: null,
-          }
-          defHttp.post({
-            url: this.url.setDefenseArea,
-            params: args
-          }, { isTransformResponse: false })
+          };
+          defHttp
+            .post(
+              {
+                url: this.url.setDefenseArea,
+                params: args,
+              },
+              { isTransformResponse: false }
+            )
             // postAction(this.url.setDefenseArea, args)
             .then((response) => {
               if (!response.success) {
-                return
+                return;
               } else {
                 for (let i = index; i < length; i++) {
-                  const child1 = childs1[i]
-                  const xbsjObject1 = child1._inner.sn
-                  const ref1 = xbsjObject1.ref
+                  const child1 = childs1[i];
+                  const xbsjObject1 = child1._inner.sn;
+                  const ref1 = xbsjObject1.ref;
                   if (ref1 && ref1.length > 0) {
-                    const state1 = that.statusByNodeId.get(ref1)
+                    const state1 = that.statusByNodeId.get(ref1);
                     if (state1 == 0 && wbUnifiedResponse) {
-                      that.statusByNodeId.set(ref1, 1)
-                      const img1 = that.imgByRef.get(ref1)
-                      if (!img1) return
-                      img1.src = require('@/assets/earthMap/circleDot2.png')
+                      that.statusByNodeId.set(ref1, 1);
+                      const img1 = that.imgByRef.get(ref1);
+                      if (!img1) return;
+                      img1.src = require('@/assets/earthMap/circleDot2.png');
                     } else if (state1 == 1 && !wbUnifiedResponse) {
-                      that.statusByNodeId.set(ref1, 0)
-                      const img1 = that.imgByRef.get(ref1)
-                      if (!img1) return
-                      img1.src = require('@/assets/earthMap/circleDot1.png')
+                      that.statusByNodeId.set(ref1, 0);
+                      const img1 = that.imgByRef.get(ref1);
+                      if (!img1) return;
+                      img1.src = require('@/assets/earthMap/circleDot1.png');
                     }
                   }
                 }
               }
-              console.log(response)
-            })
-          break
+              console.log(response);
+            });
+          break;
         }
-      } else if (selectRef.startsWith("nodeSecondary")) {
-        const childs1 = item.children
+      } else if (selectRef.startsWith('nodeSecondary')) {
+        const childs1 = item.children;
         if (!childs1 || childs1.length < 0) {
-          return
+          return;
         }
         for (const child of childs1) {
-          let xbsjObject = child._inner.sn
-          let jsonObj = JSON.parse(xbsjObject.czmObject.customProp)
-          let deviceId = jsonObj.deviceId
-          let device = that.hostDeviceMapById.get(deviceId)
+          let xbsjObject = child._inner.sn;
+          let jsonObj = JSON.parse(xbsjObject.czmObject.customProp);
+          let deviceId = jsonObj.deviceId;
+          let device = that.hostDeviceMapById.get(deviceId);
           if (!device) {
-            console.error('主机设备为null')
-            continue
+            console.error('主机设备为null');
+            continue;
           }
-          let regionIdList: any = []
+          let regionIdList: any = [];
           if (item.children.length > 0) {
-            item.children.forEach(element => {
-              regionIdList.push(element._inner.sn.ref)
+            item.children.forEach((element) => {
+              regionIdList.push(element._inner.sn.ref);
             });
           }
           const args = {
-            "regionIdList": regionIdList, // 周界防区区域ID列表（雷达设备列表的ID）
-            "regionStatus": wbUnifiedResponse ? 1 : 0, // 布防状态 0 - 未布防 1 - 布防
-            "defenceRule": { // 布防规则
-              "startTime": "yyyy-MM-dd HH:mm:ss", // 布防开始时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
-              "endTime": "yyyy-MM-dd HH:mm:ss", // 布防结束时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
-              "dailyCycle": true // 每日循环布防 true - 是 false - 否
-            }
-          }
+            regionIdList: regionIdList, // 周界防区区域ID列表（雷达设备列表的ID）
+            regionStatus: wbUnifiedResponse ? 1 : 0, // 布防状态 0 - 未布防 1 - 布防
+            defenceRule: {
+              // 布防规则
+              startTime: 'yyyy-MM-dd HH:mm:ss', // 布防开始时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
+              endTime: 'yyyy-MM-dd HH:mm:ss', // 布防结束时间 每日循环情况下只包含时分秒，格式："HH:mm:ss" 非每日循环情况下包含年月日、时分秒，格式："yyyy-MM-dd HH:mm:ss"
+              dailyCycle: true, // 每日循环布防 true - 是 false - 否
+            },
+          };
           // putAction(this.url.perimeterControl,{})
           console.log(device, that.statusByNodeId, xbsjObject);
-          let ref1 = xbsjObject.ref
-          let state1 = that.statusByNodeId.get(ref1)
+          let ref1 = xbsjObject.ref;
+          let state1 = that.statusByNodeId.get(ref1);
           //一键布防撤防测试使用
           if (wbUnifiedResponse) {
-            state1 = 0
+            state1 = 0;
           } else {
-            state1 = 1
+            state1 = 1;
           }
           if (state1 == 0 && wbUnifiedResponse) {
-            that.statusByNodeId.set(ref1, 1)
-            const img1 = that.imgByRef.get(ref1)
-            if (!img1) return
-            img1.src = require('@/assets/earthMap/circleDot2.png')
+            that.statusByNodeId.set(ref1, 1);
+            const img1 = that.imgByRef.get(ref1);
+            if (!img1) return;
+            img1.src = require('@/assets/earthMap/circleDot2.png');
           } else if (state1 == 1 && !wbUnifiedResponse) {
-            that.statusByNodeId.set(ref1, 0)
-            const img1 = that.imgByRef.get(ref1)
-            if (!img1) return
+            that.statusByNodeId.set(ref1, 0);
+            const img1 = that.imgByRef.get(ref1);
+            if (!img1) return;
             console.log(img1);
-            img1.src = require('@/assets/earthMap/circleDot1.png')
+            img1.src = require('@/assets/earthMap/circleDot1.png');
           }
           //   break
         }
-
       }
     }
 
     // 图层管理-模型右键菜单
     sceneTreePopContextMenu({ item, vueObject }, earthUI) {
-      let that: any = this
-      let earth = window.$earth
-      let XE = window.XE
-      let sceneTree = earthUI.tools.sceneTree
-      let sceneTreeComp = sceneTree._comp
+      let that: any = this;
+      let earth = window.$earth;
+      let XE = window.XE;
+      let sceneTree = earthUI.tools.sceneTree;
+      let sceneTreeComp = sceneTree._comp;
       // 转换方法
-      let transform = window.Cesium.Math
+      let transform = window.Cesium.Math;
       //右键之后设置当前 node
-      item._inner.sn.isSelected = true
-      const el = vueObject.$el
+      item._inner.sn.isSelected = true;
+      const el = vueObject.$el;
       let baseItems = [
         {
           text: '克隆',
           keys: '',
           func: () => {
-            let sn: any = null
+            let sn: any = null;
             if (item._inner.sn.ref.startsWith('node_')) {
-              const objectId = item._inner.sn.ref.split('_')[1]
-              sn = earth.sceneTree.$refs[objectId]
+              const objectId = item._inner.sn.ref.split('_')[1];
+              sn = earth.sceneTree.$refs[objectId];
             } else {
-              sn = item._inner.sn
+              sn = item._inner.sn;
             }
             if (sn) {
-              let newSn: any = null
-              let newSnData: any = null
-              let index = 0
+              let newSn: any = null;
+              let newSnData: any = null;
+              let index = 0;
               if (sn.czmObject.xbsjType !== 'Polyline') {
-                index = that.cloneModel(sn)
-                newSn = sn.parent.children[index - 1]
-                newSnData = newSn.czmObject
+                index = that.cloneModel(sn);
+                newSn = sn.parent.children[index - 1];
+                newSnData = newSn.czmObject;
                 if (newSnData.xbsjType === 'Model') {
                   that.$nextTick(() => {
                     const divs = $('#earthContainer>div>div>div:nth-child(5)')
@@ -3239,14 +3260,14 @@
                       .children()
                       .each((index, element) => {
                         if (index <= 1) {
-                          return
+                          return;
                         }
-                        const paddingLeft = $(element).children().eq(0).css('padding-left')
+                        const paddingLeft = $(element).children().eq(0).css('padding-left');
                         if (paddingLeft === '10px') {
-                          $(element).css('display', 'none')
+                          $(element).css('display', 'none');
                         }
-                      })
-                  })
+                      });
+                  });
                 }
               }
               // 保存数据到数据库中
@@ -3256,7 +3277,7 @@
                 .sensor(() => {
                   // debugger
                   // 设置 ref 属性 防止数据库中 eventSerialNum 重复
-                  newSn.ref += '_copy'
+                  newSn.ref += '_copy';
                   // 发送请求 保存到数据库中
                   let saveSensorModelParameter = {
                     eventSerialNum: newSn.ref,
@@ -3269,34 +3290,35 @@
                     isShow: 1,
                     modelType: '11',
                     eventType: 1,
-                  }
-                  defHttp.post({
-                    url: this.url.SaveSensorModel,
-                    params: saveSensorModelParameter
-                  }, { isTransformResponse: false })
+                  };
+                  defHttp
+                    .post(
+                      {
+                        url: this.url.SaveSensorModel,
+                        params: saveSensorModelParameter,
+                      },
+                      { isTransformResponse: false }
+                    )
                     // postAction(this.url.SaveSensorModel, saveSensorModelParameter)
                     .then((res) => {
                       if (res.success) {
-                        that.$message.success('克隆成功')
+                        that.$message.success('克隆成功');
                       } else {
-                        newSn.parent.children.splice(index, 1)
-                        that.$message.error('克隆失败: ', res.message ? res.message : '')
+                        newSn.parent.children.splice(index, 1);
+                        that.$message.error('克隆失败: ', res.message ? res.message : '');
                       }
-                    })
+                    });
                 })
                 // 标志点 微波雷达回调
                 .markerPosition(() => {
                   // debugger
-                  newSn.title += '_copy'
-                  let pinImage = newSnData.imageUrl
-                  const staticDomainURL = window._CONFIG['staticDomainURL'] + '/'
+                  newSn.title += '_copy';
+                  let pinImage = newSnData.imageUrl;
+                  const staticDomainURL = window._CONFIG['staticDomainURL'] + '/';
                   // 去除 image 地址中的 staticDomainURL 链接
-                  let imageUri = pinImage.substring(
-                    pinImage.indexOf(staticDomainURL) + staticDomainURL.length,
-                    pinImage.length
-                  )
-                  const jsonObj = JSON.parse(newSnData.customProp)
-                  const labelAttr = jsonObj.labelAttr
+                  let imageUri = pinImage.substring(pinImage.indexOf(staticDomainURL) + staticDomainURL.length, pinImage.length);
+                  const jsonObj = JSON.parse(newSnData.customProp);
+                  const labelAttr = jsonObj.labelAttr;
                   let savePinModelParameter = {
                     mapLabel: {
                       labelName: newSnData.name,
@@ -3312,141 +3334,148 @@
                       lineId: newSn.name,
                     },
                     deviceId: jsonObj.deviceId,
-                  }
-                  defHttp.post({
-                    url: this.url.saveMapLabel,
-                    params: savePinModelParameter
-                  }, { isTransformResponse: false })
+                  };
+                  defHttp
+                    .post(
+                      {
+                        url: this.url.saveMapLabel,
+                        params: savePinModelParameter,
+                      },
+                      { isTransformResponse: false }
+                    )
                     // postAction(this.url.saveMapLabel, savePinModelParameter)
                     .then((res) => {
                       if (res.success) {
                         // 修改 ref 成 数据库返回的 id
-                        newSn.ref = res.result
+                        newSn.ref = res.result;
                         that.setIconByRef(newSn.ref, newSn.ref);
-                        newSn.czmObject.pinBuilder.extText = newSnData.name
-                        jsonObj.labelCode = ''
-                        newSn.czmObject.customProp = JSON.stringify(jsonObj)
+                        newSn.czmObject.pinBuilder.extText = newSnData.name;
+                        jsonObj.labelCode = '';
+                        newSn.czmObject.customProp = JSON.stringify(jsonObj);
                         // 保存成功
-                        that.$message.success('克隆成功')
+                        that.$message.success('克隆成功');
                       } else {
-                        newSn.parent.children.splice(index, 1)
-                        that.$message.error('克隆失败: ', res.message ? res.message : '')
+                        newSn.parent.children.splice(index, 1);
+                        that.$message.error('克隆失败: ', res.message ? res.message : '');
                       }
                     })
                     .catch((err) => {
-                      newSn.parent.children.splice(index, 1)
-                      that.$message.error('克隆失败')
-                    })
+                      newSn.parent.children.splice(index, 1);
+                      that.$message.error('克隆失败');
+                    });
                 })
                 //区域回调
                 .polylineCallBack(() => {
                   // debugger
-                  const currentModel = new window.XE.Obj.Polyline(window.$earth)
-                  const submitData: any = {}
-                  const poistions = sn.czmObject.positions
+                  const currentModel = new window.XE.Obj.Polyline(window.$earth);
+                  const submitData: any = {};
+                  const poistions = sn.czmObject.positions;
                   if (poistions.length <= 0) {
-                    return
+                    return;
                   }
-                  submitData.name = sn.czmObject.name + '_copy'
-                  submitData.lineCode = currentModel.guid
-                  submitData.isLoop = Number(sn.czmObject.loop)
-                  submitData.isDepthCheck = Number(sn.czmObject.depthTest)
-                  submitData.width = sn.czmObject.width
-                  submitData.interpolation = sn.czmObject.arcType
-                  submitData.positions = JSON.stringify(poistions)
+                  submitData.name = sn.czmObject.name + '_copy';
+                  submitData.lineCode = currentModel.guid;
+                  submitData.isLoop = Number(sn.czmObject.loop);
+                  submitData.isDepthCheck = Number(sn.czmObject.depthTest);
+                  submitData.width = sn.czmObject.width;
+                  submitData.interpolation = sn.czmObject.arcType;
+                  submitData.positions = JSON.stringify(poistions);
                   switch (sn.czmObject.material.type) {
                     // 实线
                     case 'XbsjColorMaterial':
-                      submitData.materialType = 0
-                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjColorMaterial.color)
-                      submitData.intervalColor = null
-                      submitData.dashLength = 0
-                      submitData.dashStyle = 0
-                      break
+                      submitData.materialType = 0;
+                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjColorMaterial.color);
+                      submitData.intervalColor = null;
+                      submitData.dashLength = 0;
+                      submitData.dashStyle = 0;
+                      break;
                     // 虚线
                     case 'XbsjPolylineDashMaterial':
-                      submitData.materialType = 1
-                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjPolylineDashMaterial.color)
-                      submitData.intervalColor = JSON.stringify(sn.czmObject.material.XbsjPolylineDashMaterial.gapColor)
-                      submitData.dashLength = sn.czmObject.material.XbsjPolylineDashMaterial.dashLength
-                      submitData.dashStyle = sn.czmObject.material.XbsjPolylineDashMaterial.dashPattern
-                      break
+                      submitData.materialType = 1;
+                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjPolylineDashMaterial.color);
+                      submitData.intervalColor = JSON.stringify(sn.czmObject.material.XbsjPolylineDashMaterial.gapColor);
+                      submitData.dashLength = sn.czmObject.material.XbsjPolylineDashMaterial.dashLength;
+                      submitData.dashStyle = sn.czmObject.material.XbsjPolylineDashMaterial.dashPattern;
+                      break;
                     // 箭头线
                     case 'XbsjPolylineArrowMaterial':
-                      submitData.materialType = 2
-                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjPolylineArrowMaterial.color)
-                      submitData.intervalColor = null
-                      submitData.dashLength = 0
-                      submitData.dashStyle = 0
-                      break
+                      submitData.materialType = 2;
+                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjPolylineArrowMaterial.color);
+                      submitData.intervalColor = null;
+                      submitData.dashLength = 0;
+                      submitData.dashStyle = 0;
+                      break;
                     // 轨迹线
                     case 'XbsjODLineMaterial':
-                      submitData.materialType = 3
-                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjODLineMaterial.color)
-                      submitData.intervalColor = null
-                      submitData.dashLength = 0
-                      submitData.dashStyle = 0
-                      submitData.cycleFrame = sn.czmObject.material.XbsjODLineMaterial.totoalFrameCount
-                      break
+                      submitData.materialType = 3;
+                      submitData.color = JSON.stringify(sn.czmObject.material.XbsjODLineMaterial.color);
+                      submitData.intervalColor = null;
+                      submitData.dashLength = 0;
+                      submitData.dashStyle = 0;
+                      submitData.cycleFrame = sn.czmObject.material.XbsjODLineMaterial.totoalFrameCount;
+                      break;
                   }
-                  defHttp.post({
-                    url: this.url.saveMapLine,
-                    params: submitData
-                  }, { isTransformResponse: false })
+                  defHttp
+                    .post(
+                      {
+                        url: this.url.saveMapLine,
+                        params: submitData,
+                      },
+                      { isTransformResponse: false }
+                    )
                     // postAction(this.url.saveMapLine, submitData)
                     .then((response) => {
                       if (response.success) {
-                        currentModel.name = submitData.name
-                        currentModel.loop = submitData.isLoop
-                        currentModel.depthTest = submitData.isDepthCheck
-                        currentModel.width = submitData.width
-                        currentModel.arcType = submitData.interpolation
-                        currentModel.positions = JSON.parse(submitData.positions)
+                        currentModel.name = submitData.name;
+                        currentModel.loop = submitData.isLoop;
+                        currentModel.depthTest = submitData.isDepthCheck;
+                        currentModel.width = submitData.width;
+                        currentModel.arcType = submitData.interpolation;
+                        currentModel.positions = JSON.parse(submitData.positions);
                         switch (sn.czmObject.material.type) {
                           // 实线
                           case 'XbsjColorMaterial':
-                            currentModel.material.type = 'XbsjColorMaterial'
-                            currentModel.material.color = submitData.color
-                            break
+                            currentModel.material.type = 'XbsjColorMaterial';
+                            currentModel.material.color = submitData.color;
+                            break;
                           // 虚线
                           case 'XbsjPolylineDashMaterial':
-                            currentModel.material.type = 'XbsjPolylineDashMaterial'
-                            currentModel.material.color = submitData.color
-                            currentModel.material.XbsjPolylineDashMaterial.gapColor = submitData.intervalColor
-                            currentModel.material.XbsjPolylineDashMaterial.dashLength = submitData.dashLength
-                            currentModel.material.XbsjPolylineDashMaterial.dashPattern = submitData.dashStyle
-                            break
+                            currentModel.material.type = 'XbsjPolylineDashMaterial';
+                            currentModel.material.color = submitData.color;
+                            currentModel.material.XbsjPolylineDashMaterial.gapColor = submitData.intervalColor;
+                            currentModel.material.XbsjPolylineDashMaterial.dashLength = submitData.dashLength;
+                            currentModel.material.XbsjPolylineDashMaterial.dashPattern = submitData.dashStyle;
+                            break;
                           // 箭头线
                           case 'XbsjPolylineArrowMaterial':
-                            currentModel.material.type = 'XbsjPolylineArrowMaterial'
-                            currentModel.material.XbsjPolylineArrowMaterial.color = submitData.color
-                            break
+                            currentModel.material.type = 'XbsjPolylineArrowMaterial';
+                            currentModel.material.XbsjPolylineArrowMaterial.color = submitData.color;
+                            break;
                           // 轨迹线
                           case 'XbsjODLineMaterial':
-                            currentModel.material.type = 'XbsjODLineMaterial'
-                            currentModel.material.XbsjODLineMaterial.color = submitData.color
-                            currentModel.material.XbsjODLineMaterial.totoalFrameCount = submitData.cycleFrame
-                            break
+                            currentModel.material.type = 'XbsjODLineMaterial';
+                            currentModel.material.XbsjODLineMaterial.color = submitData.color;
+                            currentModel.material.XbsjODLineMaterial.totoalFrameCount = submitData.cycleFrame;
+                            break;
                         }
-                        const leaf = new XE.SceneTree.Leaf(currentModel)
-                        leaf.ref = response.result
-                        sn.parent.children.push(leaf)
+                        const leaf = new XE.SceneTree.Leaf(currentModel);
+                        leaf.ref = response.result;
+                        sn.parent.children.push(leaf);
                       } else {
-                        throw '克隆区域数据出错'
+                        throw '克隆区域数据出错';
                       }
                     })
                     .catch((e) => {
-                      currentModel.destroy()
+                      currentModel.destroy();
                       // $mitt.emit('openNotification', '克隆区域数据出错', 2, 'error', '50px')
-                      $mitt.emit('openNotification', { msg: '克隆区域数据出错', dt: 2, type: 'error', top: '50px' })
-
-                    })
+                      $mitt.emit('openNotification', { msg: '克隆区域数据出错', dt: 2, type: 'error', top: '50px' });
+                    });
                 })
                 //监控点
                 .modelCallback(() => {
-                  this.$message.warning('监控点不支持克隆')
+                  this.$message.warning('监控点不支持克隆');
                 })
-                .run()
+                .run();
             }
           },
         },
@@ -3457,36 +3486,39 @@
             earthUI.confirm('确认删除图层?', () => {
               try {
                 // debugger
-                let sn: any = null
-                const ref = item._inner.sn.ref
+                let sn: any = null;
+                const ref = item._inner.sn.ref;
                 // update:-- 判断方式要修改
                 if (ref.startsWith('node_')) {
-                  const objectId = item._inner.sn.ref.split('_')[1]
-                  sn = earth.sceneTree.$refs[objectId]
+                  const objectId = item._inner.sn.ref.split('_')[1];
+                  sn = earth.sceneTree.$refs[objectId];
                 } else {
-                  sn = item._inner.sn
+                  sn = item._inner.sn;
                 }
-                let id = sn.ref
+                let id = sn.ref;
                 // 删除数据库中的数据
                 that
                   .handleNodeType(sn)
                   // 传感器
                   .sensor(() => {
                     // 发送请求 删除数据库中的数据
-                    that.handlerModelDelete(this.url.deleteSensor, { eventSerialNum: id })
+                    that.handlerModelDelete(this.url.deleteSensor, { eventSerialNum: id });
                   })
                   // 标志点
                   .markerPosition(() => {
                     if (sn.czmObject.addViewShedReturn) {
-                      window.$earth.czm.viewer.entities.remove(sn.czmObject.addViewShedReturn)
+                      window.$earth.czm.viewer.entities.remove(sn.czmObject.addViewShedReturn);
                     }
                     if (sn.czmObject.customProp) {
-                      let prop = JSON.parse(sn.czmObject.customProp)
+                      let prop = JSON.parse(sn.czmObject.customProp);
                       if (prop.labelAttr == 4) {
-                        defHttp.delete({
-                          url: "/military/RadarConfig/deleteByRadarCode",
-                          params: { radarCode: prop.labelCode }
-                        }, { isTransformResponse: false, joinParamsToUrl: true })
+                        defHttp.delete(
+                          {
+                            url: '/military/RadarConfig/deleteByRadarCode',
+                            params: { radarCode: prop.labelCode },
+                          },
+                          { isTransformResponse: false, joinParamsToUrl: true }
+                        );
                         // deleteAction("/military/RadarConfig/deleteByRadarCode", {radarCode: prop.labelCode}).then(res => {
                         //   // console.log(res,'delete');
                         // })
@@ -3494,79 +3526,78 @@
                     }
                     this.handlerModelDelete(this.url.deleteMapLabel, {
                       id: id,
-                    })
+                    });
                   })
                   // 线
                   .modelCallback(() => {
                     that.handlerModelDelete(this.url.deleteSite, { id: id }).then(() => {
-                      sn.destroy()
-                      const node = item._inner.sn
-                      const childList = node.parent.children
-                      childList.splice(childList.indexOf(node), 1)
-                      node.destroy()
-                    })
+                      sn.destroy();
+                      const node = item._inner.sn;
+                      const childList = node.parent.children;
+                      childList.splice(childList.indexOf(node), 1);
+                      node.destroy();
+                    });
                   })
                   .polylineCallBack(() => {
-                    const childList = item._inner.sn.children
+                    const childList = item._inner.sn.children;
 
                     for (const child of childList) {
                       if (child.children.length > 0) {
-                        this.$message.warning('存在下级数据无法删除')
-                        throw '存在下级数据无法删除'
+                        this.$message.warning('存在下级数据无法删除');
+                        throw '存在下级数据无法删除';
                       }
                     }
                     that.handlerModelDelete(this.url.deleteMapLine, { id: id }).then(() => {
-                      const nodeRef = 'node_' + id
-                      const node = $earth.sceneTree.$refs[nodeRef]
-                      const childList = node.parent.children
-                      childList.splice(childList.indexOf(node), 1)
-                      node.destroy()
-                    })
+                      const nodeRef = 'node_' + id;
+                      const node = $earth.sceneTree.$refs[nodeRef];
+                      const childList = node.parent.children;
+                      childList.splice(childList.indexOf(node), 1);
+                      node.destroy();
+                    });
                   })
-                  .run()
-                const index = sn.parent.children.indexOf(sn)
-                sn.parent.children.splice(index, 1)
-              } catch (error) {
-              }
-            })
+                  .run();
+                const index = sn.parent.children.indexOf(sn);
+                sn.parent.children.splice(index, 1);
+              } catch (error) {}
+            });
           },
         },
-      ]
+      ];
       const bf = {
         text: '布防/撤防',
         keys: '',
         func: () => {
-          const xbsjObject = item._inner.sn
-          if (!xbsjObject || !xbsjObject.czmObject) return
-          const jsonObj = JSON.parse(xbsjObject.czmObject.customProp)
-          const deviceId = jsonObj.deviceId
+          const xbsjObject = item._inner.sn;
+          if (!xbsjObject || !xbsjObject.czmObject) return;
+          const jsonObj = JSON.parse(xbsjObject.czmObject.customProp);
+          const deviceId = jsonObj.deviceId;
           if (!deviceId) {
-            console.error('主机设备为空')
-            return
+            console.error('主机设备为空');
+            return;
           }
-          const labelCode = jsonObj.labelCode
+          const labelCode = jsonObj.labelCode;
           if (!labelCode) {
-            console.error('设备编码为null')
-            return
+            console.error('设备编码为null');
+            return;
           }
-          const device = that.hostDeviceMapById.get(deviceId)
-          const ref = xbsjObject.ref
-          if (device.deviceType_dictText.indexOf("微波探测器") > -1) {
+          const device = that.hostDeviceMapById.get(deviceId);
+          const ref = xbsjObject.ref;
+          if (device.deviceType_dictText.indexOf('微波探测器') > -1) {
             if (ref && ref.length > 0) {
-              const state = that.statusByNodeId.get(ref)
+              const state = that.statusByNodeId.get(ref);
               if (state == 1) {
                 that.setLabelStatus(device, labelCode, ref, 0).then((response) => {
-                  that.setIconByRef(ref, el)
-                })
+                  that.setIconByRef(ref, el);
+                });
               } else if (state == 0) {
                 that.setLabelStatus(device, labelCode, ref, 1).then((response) => {
-                  that.setIconByRef(ref, el)
-                })
+                  that.setIconByRef(ref, el);
+                });
               } else {
-                that.$message.error("设备不在线")
+                that.$message.error('设备不在线');
               }
             }
-          } else if (device.deviceType_dictText.indexOf("雷达") > -1) {
+          } else if (device.deviceType_dictText.indexOf('雷达') > -1) {
             // console.log("leida");
             //处理单个雷达布防撤防
             //参数
@@ -3583,51 +3614,52 @@
             // }
             // putAction(this.url.perimeterControl,{})
           }
-        }
-      }
-      const selectRef = item._inner.sn.ref
+        },
+      };
+      const selectRef = item._inner.sn.ref;
       if (selectRef.startsWith('wbList') || selectRef.startsWith('nodeSecondary_')) {
         baseItems = [
           {
             text: '一键布防',
             keys: '',
             func: () => {
-              that.setAllLabelStatus(selectRef, item, true)
+              that.setAllLabelStatus(selectRef, item, true);
             },
           },
           {
             text: '一键撤防',
             keys: '',
             func: () => {
-              that.setAllLabelStatus(selectRef, item, false)
+              that.setAllLabelStatus(selectRef, item, false);
             },
           },
-        ]
-        earthUI.contextMenu.pop(baseItems)
-        return
+        ];
+        earthUI.contextMenu.pop(baseItems);
+        return;
       } else if (selectRef.startsWith('monitor') || selectRef.startsWith('ldList')) {
-        earthUI.contextMenu.pop([])
-        return
+        earthUI.contextMenu.pop([]);
+        return;
       } else if (item.level <= 2) {
         if (!item._inner.sn.ref.startsWith('node_')) {
-          earthUI.contextMenu.pop([])
-          return
+          earthUI.contextMenu.pop([]);
+          return;
         } else {
-          baseItems.splice(0, 1)
+          baseItems.splice(0, 1);
         }
       } else {
         if (selectRef.startsWith('camera')) {
           //   baseItems = [bf]
           //   earthUI.contextMenu.pop(baseItems)
-          return
-        } else if (!selectRef.startsWith('node_')) {//站点
+          return;
+        } else if (!selectRef.startsWith('node_')) {
+          //站点
           baseItems.unshift({
             type: 'divider',
-          })
-          baseItems.unshift(bf)
+          });
+          baseItems.unshift(bf);
         }
       }
-      let num = 2
+      let num = 2;
       //判断定位的位置
       if (
         item.level <= 2 ||
@@ -3637,27 +3669,27 @@
         //站点
         selectRef.startsWith('node_')
       )
-        num = 0
+        num = 0;
       baseItems.splice(num, 0, {
         text: '定位',
         keys: '',
         func: () => {
           // const czmObject = item._inner.sn.czmObject
           // czmObject.flyTo()
-          const ref = item._inner.sn.ref
-          let czmObject: any = null
+          const ref = item._inner.sn.ref;
+          let czmObject: any = null;
           if (ref.startsWith('node_')) {
-            const objectId = ref.split('_')[1]
-            const sn = earth.sceneTree.$refs[objectId]
-            czmObject = sn.czmObject
+            const objectId = ref.split('_')[1];
+            const sn = earth.sceneTree.$refs[objectId];
+            czmObject = sn.czmObject;
           } else {
-            const sn = item._inner.sn
-            czmObject = sn.czmObject
+            const sn = item._inner.sn;
+            czmObject = sn.czmObject;
           }
 
-          czmObject.flyTo()
+          czmObject.flyTo();
         },
-      })
+      });
       baseItems.push(
         ...[
           {
@@ -3666,33 +3698,32 @@
           {
             text: '属性',
             func: () => {
-
-              $mitt.emit('windowCancel')
+              $mitt.emit('windowCancel');
               // 属性面板
-              const mainUI = earthUI._vm.$refs.mainUI
-              const areaCode = that.getAreaCode(item)
-              let sn: any = null
+              const mainUI = earthUI._vm.$refs.mainUI;
+              const areaCode = that.getAreaCode(item);
+              let sn: any = null;
               if (item._inner.sn.ref.startsWith('node_')) {
-                const objectId = item._inner.sn.ref.split('_')[1]
-                sn = earth.sceneTree.$refs[objectId]
+                const objectId = item._inner.sn.ref.split('_')[1];
+                sn = earth.sceneTree.$refs[objectId];
                 // window.XE.MVVM.watch(() => {
                 //   item._inner.sn.title = sn.title
                 // })
 
-                sn.czmObject.distanceDisplayCondition = [1.0, 30000.0]
+                sn.czmObject.distanceDisplayCondition = [1.0, 30000.0];
                 if (sn.czmObject.xbsjType == 'Model') {
-                  const lineId = item.parent.parent._inner.sn.ref.split('_')[1]
-
-                  this.czmObject = sn.czmObject
-                  this.node = item
-                  this.type = 'jkd'
-                  this.lineId = lineId
-                  this.areaCode = areaCode
-                  this.areaByNodeIdModel = that.areaByNodeId
+                  const lineId = item.parent.parent._inner.sn.ref.split('_')[1];
+
+                  this.czmObject = sn.czmObject;
+                  this.node = item;
+                  this.type = 'jkd';
+                  this.lineId = lineId;
+                  this.areaCode = areaCode;
+                  this.areaByNodeIdModel = that.areaByNodeId;
                   // this.addModelWinShow = true
                   this.$nextTick(() => {
-                    this.addModelWinShow = true
-                  })
+                    this.addModelWinShow = true;
+                  });
 
                   //////////////////////////
                   // 只有组件中有getBind属性才能传递属性
@@ -3710,32 +3741,28 @@
                   //     component: addModelWin,
                   //   }
                   // )
-                  return
+                  return;
                 }
               } else {
-                sn = item._inner.sn
+                sn = item._inner.sn;
                 if (sn.czmObject.xbsjType == 'Pin') {
-                  const jsonObj = JSON.parse(sn.czmObject.customProp)
+                  const jsonObj = JSON.parse(sn.czmObject.customProp);
 
-                  const lineId = jsonObj.labelAttr == 4 ? item.parent._inner.sn.ref.split('_')[1] : item.parent.parent._inner.sn.ref.split('_')[1]
+                  const lineId = jsonObj.labelAttr == 4 ? item.parent._inner.sn.ref.split('_')[1] : item.parent.parent._inner.sn.ref.split('_')[1];
 
-                  this.czmObject = sn.czmObject
-                  this.node = item
-                  this.type = jsonObj.labelAttr == 4 ? 'ld' : 'wb'
-                  this.lineId = lineId
-                  this.areaCode = areaCode
-                  this.eidtId = sn.ref
-                  this.areaByNodeIdModel = that.areaByNodeId
+                  this.czmObject = sn.czmObject;
+                  this.node = item;
+                  this.type = jsonObj.labelAttr == 4 ? 'ld' : 'wb';
+                  this.lineId = lineId;
+                  this.areaCode = areaCode;
+                  this.eidtId = sn.ref;
+                  this.areaByNodeIdModel = that.areaByNodeId;
                   // setLabelStatus: that.setLabelStatus, 已经有了
                   //     setIconByRef: that.setIconByRef,
-                  this.el = el,
-
+                  (this.el = el),
                     this.$nextTick(() => {
-                      this.addModelWinShow = true
-                    })
-
-
-
+                      this.addModelWinShow = true;
+                    });
 
                   // 只有组件中有getBind属性才能传递属性
                   // this._earthUI.showPropertyWindow(
@@ -3756,101 +3783,97 @@
                   //     component: addModelWin,
                   //   }
                   // )
-                  return
+                  return;
                 }
               }
-              let index = sn.parent.children.indexOf(sn)
-              let tempData = sn.czmObject.toAllJSON()
+              let index = sn.parent.children.indexOf(sn);
+              let tempData = sn.czmObject.toAllJSON();
               // 设置属性面板的确定按钮方法
               // 显示属性面板
-              earthUI.showPropertyWindow(sn.czmObject)
+              earthUI.showPropertyWindow(sn.czmObject);
               that.$nextTick(() => {
                 // 模型窗口
-                const windowsAttrList = Object.keys(mainUI.$refs)
+                const windowsAttrList = Object.keys(mainUI.$refs);
                 // 找到该模型设置属性窗口
-                const modelToolKey = windowsAttrList.filter((f) => f.indexOf(sn.czmObject.guid || sn.guid) > -1)[0]
-                const modelTool = mainUI.$refs[modelToolKey][0]
+                const modelToolKey = windowsAttrList.filter((f) => f.indexOf(sn.czmObject.guid || sn.guid) > -1)[0];
+                const modelTool = mainUI.$refs[modelToolKey][0];
                 // 对应处理方法
                 that
                   .handleNodeType(sn)
                   // 感应器
                   .sensor(() => {
                     // 禁用模型名称编辑
-                    modelTool.$el
-                      .getElementsByClassName('xbsj-flatten')[0]
-                      .children[0].children[1].setAttribute('disabled', 'disabled')
+                    modelTool.$el.getElementsByClassName('xbsj-flatten')[0].children[0].children[1].setAttribute('disabled', 'disabled');
                   })
                   .default(() => {
                     // 启用模型名称编辑
-                    modelTool.$el
-                      .getElementsByClassName('xbsj-flatten')[0]
-                      .children[0].children[1].removeAttribute('disabled')
+                    modelTool.$el.getElementsByClassName('xbsj-flatten')[0].children[0].children[1].removeAttribute('disabled');
                   })
-                  .run()
+                  .run();
 
                 // modelTool
                 modelTool.ok = () => {
                   // 确定时清除这个事件
-                  $mitt.off('windowCancel')
+                  $mitt.off('windowCancel');
                   // 保存前端数据
-                  const modelToolObj = modelTool._czmObj
+                  const modelToolObj = modelTool._czmObj;
                   if (!modelToolObj) {
-                    return
+                    return;
                   }
-                  modelToolObj.positionEditing = false
+                  modelToolObj.positionEditing = false;
                   if (modelToolObj.isCreating) {
-                    modelToolObj.isCreating = false
-                    const sceneObject = new XE.SceneTree.Leaf(modelToolObj)
-                    earthUI.addSceneObject(sceneObject)
+                    modelToolObj.isCreating = false;
+                    const sceneObject = new XE.SceneTree.Leaf(modelToolObj);
+                    earthUI.addSceneObject(sceneObject);
                   }
 
                   // 保存到数据库
-                  that.propertiesWindowConfirm(modelTool, sn, index)
+                  that.propertiesWindowConfirm(modelTool, sn, index);
                   // 关闭属性面板
-                  modelTool.close()
-                }
+                  modelTool.close();
+                };
                 modelTool.cancel = () => {
                   // 清除这个事件
-                  $mitt.off('windowCancel')
+                  $mitt.off('windowCancel');
                   // 关闭属性面板
-                  modelTool.close()
-                  let t = modelTool._czmObj
+                  modelTool.close();
+                  let t = modelTool._czmObj;
                   // 如果是创建的话，需要删除
-                  t && t.positionEditing === false && t.isCreating && t.isCreating === false && t.destroy()
+                  t && t.positionEditing === false && t.isCreating && t.isCreating === false && t.destroy();
                   // 恢复之前的数据
-                  t && t.xbsjFromJSON(tempData)
-                }
-                $mitt.on('windowCancel', modelTool.cancel)
+                  t && t.xbsjFromJSON(tempData);
+                };
+                $mitt.on('windowCancel', modelTool.cancel);
                 // 下面的代码，是切换属性面板里选项窗口， 必须
                 // 否侧 ok cancel 等方法执行是原本的方法而不是已经修改的方法
-                modelTool.tabShow = '3'
-                modelTool.tabShow = '1'
-              })
+                modelTool.tabShow = '3';
+                modelTool.tabShow = '1';
+              });
             },
           },
         ]
-      )
+      );
       // 右键菜单-重命名
       // 先销毁之前的 on-change-title 事件
-      vueObject.$off('on-change-title', that.handleChangeTitle)
+      vueObject.$off('on-change-title', that.handleChangeTitle);
       // 重命名时 on-change-title 事件
-      vueObject.$on('on-change-title', that.handleChangeTitle)
+      vueObject.$on('on-change-title', that.handleChangeTitle);
 
       // 弹出右键菜单
-      earthUI.contextMenu.pop(baseItems)
+      earthUI.contextMenu.pop(baseItems);
     }
 
     // 重命名 on-change-title 事件 使用 lodash.debounce 函数(防抖)
     handleChangeTitle = _.debounce(function (options) {
-      const sn = options.item._inner.sn
-      const newTitle = options.title
+      const sn = options.item._inner.sn;
+      const newTitle = options.title;
 
       // 修改模型属性后，提交到后台。先判断模型的节点，调用不同的接口
       this.handleNodeType(sn)
         // 感应器
         .sensor(() => {
           // 不支持修改名称
-          this.$message.warning('不支持修改感应器的名称')
+          this.$message.warning('不支持修改感应器的名称');
         })
         // 传感器标志线
         .modelCallback(() => {
@@ -3858,80 +3881,92 @@
           let editCameraSiteModelParameter = {
             id: sn.ref,
             sitename: newTitle,
-          }
-          defHttp.put({
-            url: this.url.updateSite,
-            params: editCameraSiteModelParameter,
-          }, { isTransformResponse: false })
+          };
+          defHttp
+            .put(
+              {
+                url: this.url.updateSite,
+                params: editCameraSiteModelParameter,
+              },
+              { isTransformResponse: false }
+            )
             // putAction(this.url.updateSite, editCameraSiteModelParameter)
             .then((res) => {
               if (res.success) {
-                this.$message.success('修改成功')
+                this.$message.success('修改成功');
               } else {
-                this.$message.error('修改失败')
+                this.$message.error('修改失败');
               }
             })
             .catch((error) => {
-              this.$message.error('修改失败')
-            })
+              this.$message.error('修改失败');
+            });
         })
         .markerPosition(() => {
           // 发送请求 保存模型属性
           let editPinModelParameter = {
             id: sn.ref,
             labelName: newTitle,
-          }
-          defHttp.put({
-            url: this.url.updateMapLabel,
-            params: editPinModelParameter,
-          }, { isTransformResponse: false })
+          };
+          defHttp
+            .put(
+              {
+                url: this.url.updateMapLabel,
+                params: editPinModelParameter,
+              },
+              { isTransformResponse: false }
+            )
             // putAction(this.url.updateMapLabel, editPinModelParameter)
             .then((res) => {
               if (res.success) {
                 // 修改扩展文本
-                sn.czmObject.pinBuilder.extText = newTitle
-                this.$message.success('修改成功')
+                sn.czmObject.pinBuilder.extText = newTitle;
+                this.$message.success('修改成功');
               } else {
-                this.$message.error('修改失败')
+                this.$message.error('修改失败');
               }
             })
             .catch((error) => {
-              this.$message.error('修改失败')
-            })
+              this.$message.error('修改失败');
+            });
         })
-        .run()
-    }, 150)
+        .run();
+    }, 150);
 
     // 右键菜单删除按钮的删除方法
     handlerModelDelete(url, params) {
       // return deleteAction(url, params).then((res) => {
-      return defHttp.delete({
-        url: url,
-        params: params
-      }, { isTransformResponse: false, joinParamsToUrl: true }).then((res) => {
-        if (res.success) {
-          this.$message.success('删除成功')
-        } else {
-          this.$message.error('删除失败')
-          console.log('asdasdasd');
-
-        }
-      })
+      return defHttp
+        .delete(
+          {
+            url: url,
+            params: params,
+          },
+          { isTransformResponse: false, joinParamsToUrl: true }
+        )
+        .then((res) => {
+          if (res.success) {
+            this.$message.success('删除成功');
+          } else {
+            this.$message.error('删除失败');
+            console.log('asdasdasd');
+          }
+        });
     }
 
     // 属性面板确定按钮方法
     propertiesWindowConfirm(propertiesWindow, sn, index) {
       // 属性面板 所修改的模型
-      let model: any = null
+      let model: any = null;
       if (sn.ref && !sn.ref.startsWith('node_')) {
-        model = sn
+        model = sn;
       } else {
-        model = sn.parent.children[index]
+        model = sn.parent.children[index];
       }
 
-      let modelData = model.czmObject
+      let modelData = model.czmObject;
       // 转换方法
-      let transform = window.Cesium.Math
+      let transform = window.Cesium.Math;
 
       // 修改模型属性后，提交到后台。先判断模型的节点，调用不同的接口
       this.handleNodeType(sn)
@@ -3951,26 +3986,30 @@
             modelType: '11',
             // 事件类型
             eventType: 1,
-          }
-          defHttp.put({
-            url: this.url.updateSensor,
-            params: editSensorParams
-          }, { isTransformResponse: false })
+          };
+          defHttp
+            .put(
+              {
+                url: this.url.updateSensor,
+                params: editSensorParams,
+              },
+              { isTransformResponse: false }
+            )
             // putAction(this.url.updateSensor, editSensorParams)
             .then((res) => {
               if (res.success) {
-                this.$message.success('修改成功')
+                this.$message.success('修改成功');
               } else {
-                this.$message.error('修改失败: ', res.message)
+                this.$message.error('修改失败: ', res.message);
               }
-            })
+            });
         })
         // 站点
         .modelCallback(() => {
-          let startNum = modelData.url.lastIndexOf('/') + 1
-          let modelName = ''
+          let startNum = modelData.url.lastIndexOf('/') + 1;
+          let modelName = '';
           if (startNum > 0) {
-            modelName = modelData.url.substring(startNum, modelData.url.length)
+            modelName = modelData.url.substring(startNum, modelData.url.length);
           }
           // 发送请求 保存模型属性
           let editCameraSiteModelParameter = {
@@ -3983,27 +4022,31 @@
             roll: transform.toDegrees(modelData.xbsjRotation[2]).toFixed(6),
             modelUrl: modelName,
             sitename: modelData.name,
-          }
-          defHttp.put({
-            url: this.url.updateSite,
-            params: editCameraSiteModelParameter
-          }, { isTransformResponse: false })
+          };
+          defHttp
+            .put(
+              {
+                url: this.url.updateSite,
+                params: editCameraSiteModelParameter,
+              },
+              { isTransformResponse: false }
+            )
             // putAction(this.url.updateSite, editCameraSiteModelParameter)
             .then((res) => {
               if (res.success) {
-                modelData.pinBuilder.extText = modelData.name
-                this.$message.success('修改成功')
+                modelData.pinBuilder.extText = modelData.name;
+                this.$message.success('修改成功');
               } else {
-                this.$message.error('修改失败')
+                this.$message.error('修改失败');
               }
-            })
+            });
         })
         // 标志点
         .markerPosition(() => {
-          let pinImage = modelData.imageUrl
-          const staticDomainURL = window._CONFIG['staticDomainURL'] + '/'
+          let pinImage = modelData.imageUrl;
+          const staticDomainURL = window._CONFIG['staticDomainURL'] + '/';
           // 去除 image 地址中的 staticDomainURL 链接
-          let imageUri = pinImage.substring(pinImage.indexOf(staticDomainURL) + staticDomainURL.length, pinImage.length)
+          let imageUri = pinImage.substring(pinImage.indexOf(staticDomainURL) + staticDomainURL.length, pinImage.length);
           let editPinModelParameter = {
             id: model.ref,
             labelName: modelData.name,
@@ -4011,110 +4054,117 @@
             labelLat: transform.toDegrees(modelData.position[1]).toFixed(5),
             labelHeight: modelData.position[2].toFixed(2),
             labelImgUrl: imageUri,
-          }
-          defHttp.put({
-            url: this.url.updateMapLabel,
-            params: editPinModelParameter
-          }, { isTransformResponse: false })
+          };
+          defHttp
+            .put(
+              {
+                url: this.url.updateMapLabel,
+                params: editPinModelParameter,
+              },
+              { isTransformResponse: false }
+            )
             // putAction(this.url.updateMapLabel, editPinModelParameter)
             .then((res) => {
               if (res.success) {
-                modelData.pinBuilder.extText = modelData.name
-                this.$message.success('修改成功')
+                modelData.pinBuilder.extText = modelData.name;
+                this.$message.success('修改成功');
               } else {
-                this.$message.error('修改失败')
+                this.$message.error('修改失败');
               }
             })
             .catch((error) => {
-              this.$message.error('修改失败')
-            })
+              this.$message.error('修改失败');
+            });
         })
         .polylineCallBack(() => {
-          const submitData: any = {}
-          const poistions = modelData.positions
+          const submitData: any = {};
+          const poistions = modelData.positions;
           if (poistions.length <= 0) {
-            return
+            return;
           }
-          submitData.id = model.ref
-          submitData.name = modelData.name
+          submitData.id = model.ref;
+          submitData.name = modelData.name;
           if (!modelData.customProp) {
-            submitData.lineCode = modelData.guid
+            submitData.lineCode = modelData.guid;
           }
 
-          submitData.isLoop = Number(modelData.loop)
-          submitData.isDepthCheck = Number(modelData.depthTest)
-          submitData.width = modelData.width
-          submitData.interpolation = modelData.arcType
-          submitData.positions = JSON.stringify(poistions)
+          submitData.isLoop = Number(modelData.loop);
+          submitData.isDepthCheck = Number(modelData.depthTest);
+          submitData.width = modelData.width;
+          submitData.interpolation = modelData.arcType;
+          submitData.positions = JSON.stringify(poistions);
           switch (modelData.material.type) {
             // 实线
             case 'XbsjColorMaterial':
-              submitData.materialType = 0
+              submitData.materialType = 0;
               // material.XbsjColorMaterial = {}
-              submitData.color = JSON.stringify(modelData.material.XbsjColorMaterial.color)
-              submitData.intervalColor = null
-              submitData.dashLength = 0
-              submitData.dashStyle = 0
-              break
+              submitData.color = JSON.stringify(modelData.material.XbsjColorMaterial.color);
+              submitData.intervalColor = null;
+              submitData.dashLength = 0;
+              submitData.dashStyle = 0;
+              break;
             // 虚线
             case 'XbsjPolylineDashMaterial':
-              submitData.materialType = 1
-              submitData.color = JSON.stringify(modelData.material.XbsjPolylineDashMaterial.color)
-              submitData.intervalColor = JSON.stringify(modelData.material.XbsjPolylineDashMaterial.gapColor)
-              submitData.dashLength = modelData.material.XbsjPolylineDashMaterial.dashLength
-              submitData.dashStyle = modelData.material.XbsjPolylineDashMaterial.dashPattern
+              submitData.materialType = 1;
+              submitData.color = JSON.stringify(modelData.material.XbsjPolylineDashMaterial.color);
+              submitData.intervalColor = JSON.stringify(modelData.material.XbsjPolylineDashMaterial.gapColor);
+              submitData.dashLength = modelData.material.XbsjPolylineDashMaterial.dashLength;
+              submitData.dashStyle = modelData.material.XbsjPolylineDashMaterial.dashPattern;
               // material.XbsjPolylineDashMaterial = {}
               // material.XbsjPolylineDashMaterial.dashLength = data.dashLength
               // material.XbsjPolylineDashMaterial.dashPattern = data.dashStyle
-              break
+              break;
             // 箭头线
             case 'XbsjPolylineArrowMaterial':
-              submitData.materialType = 2
+              submitData.materialType = 2;
               // material.XbsjPolylineArrowMaterial = {}
-              submitData.color = JSON.stringify(modelData.material.XbsjPolylineArrowMaterial.color)
-              submitData.intervalColor = null
-              submitData.dashLength = 0
-              submitData.dashStyle = 0
-              break
+              submitData.color = JSON.stringify(modelData.material.XbsjPolylineArrowMaterial.color);
+              submitData.intervalColor = null;
+              submitData.dashLength = 0;
+              submitData.dashStyle = 0;
+              break;
             // 轨迹线
             case 'XbsjODLineMaterial':
-              submitData.materialType = 3
-              submitData.color = JSON.stringify(modelData.material.XbsjODLineMaterial.color)
-              submitData.intervalColor = null
-              submitData.dashLength = 0
-              submitData.dashStyle = 0
-              submitData.cycleFrame = modelData.material.XbsjODLineMaterial.totoalFrameCount
+              submitData.materialType = 3;
+              submitData.color = JSON.stringify(modelData.material.XbsjODLineMaterial.color);
+              submitData.intervalColor = null;
+              submitData.dashLength = 0;
+              submitData.dashStyle = 0;
+              submitData.cycleFrame = modelData.material.XbsjODLineMaterial.totoalFrameCount;
 
               // material.XbsjODLineMaterial = {}
               // material.XbsjODLineMaterial.color = JSON.parse(data.color)
               // material.XbsjODLineMaterial.totoalFrameCount = data.cycleFrame
-              break
+              break;
           }
-          defHttp.put({
-            url: this.url.updateMapLine,
-            params: submitData
-          }, { isTransformResponse: false })
+          defHttp
+            .put(
+              {
+                url: this.url.updateMapLine,
+                params: submitData,
+              },
+              { isTransformResponse: false }
+            )
             // putAction(this.url.updateMapLine, submitData)
             .then((res) => {
               if (res.success) {
                 // $mitt.emit('openNotification', '修改成功', 2, 'info')
-                $mitt.emit('openNotification', { msg: '修改成功！', dt: 2, type: 'info', top: '50px' })
-                sn.title = submitData.name
-                window.$earth.sceneTree.$refs['node_' + sn.ref].title = submitData.name
+                $mitt.emit('openNotification', { msg: '修改成功！', dt: 2, type: 'info', top: '50px' });
+                sn.title = submitData.name;
+                window.$earth.sceneTree.$refs['node_' + sn.ref].title = submitData.name;
               } else {
                 // $mitt.emit('openNotification', '修改失败', 2, 'error', '50px')
-                $mitt.emit('openNotification', { msg: '修改失败', dt: 2, type: 'error', top: '50px' })
+                $mitt.emit('openNotification', { msg: '修改失败', dt: 2, type: 'error', top: '50px' });
               }
             })
             .catch((error) => {
               // $mitt.emit('openNotification', '修改失败', 2, 'error', '50px')
-              $mitt.emit('openNotification', { msg: '修改失败', dt: 2, type: 'error', top: '50px' })
-            })
+              $mitt.emit('openNotification', { msg: '修改失败', dt: 2, type: 'error', top: '50px' });
+            });
         })
-        .run()
+        .run();
     }
 
-
     /**
      * 保存更改的ref到模型和后台数据中;
      * @param {Object} model 当前模型
@@ -4127,75 +4177,79 @@
         // 修改后台的数据
         this.handleNodeType(model)
           .sensor(() => {
-            defHttp.put({
-              url: this.url.updateSensor + `?eventSerialNum=${oldRef}`,
-              params: { eventSerialNum: newRef }
-            }, { isTransformResponse: false })
+            defHttp
+              .put(
+                {
+                  url: this.url.updateSensor + `?eventSerialNum=${oldRef}`,
+                  params: { eventSerialNum: newRef },
+                },
+                { isTransformResponse: false }
+              )
               // putAction(this.url.updateSensor + `?eventSerialNum=${oldRef}`, {eventSerialNum: newRef})
               .then((res) => {
                 if (res.success) {
                   // 设置保存的 ref
-                  this.sceneTreeOldRefValue = ''
+                  this.sceneTreeOldRefValue = '';
                   // 更新模型的名称
-                  model.title = newRef
-                  this.$message.success('修改成功')
+                  model.title = newRef;
+                  this.$message.success('修改成功');
                 } else {
-                  this.$message.error('修改失败: ' + res.message)
+                  this.$message.error('修改失败: ' + res.message);
                 }
               })
               .catch((err) => {
-                this.$message.error('修改失败: ', err)
-              })
+                this.$message.error('修改失败: ', err);
+              });
           })
           .modelCallback(() => {
             // 传感器标志线不能修改ref，因为 ref 是后台数据库的ID;
-            this.$message.warning('无法修改传感器标志线的ref')
+            this.$message.warning('无法修改传感器标志线的ref');
           })
-          .run()
+          .run();
       }
-    }, 150)
+    }, 150);
     handleNodeType(sn) {
-      return new HandleNodeType(sn)
+      return new HandleNodeType(sn);
     }
     radarAlarmTimeOutCheck() {
-      const now = Date.now()
-      const timeout = 5 * 60 * 1000
+      const now = Date.now();
+      const timeout = 5 * 60 * 1000;
       // 遍历报警数据
       this.alarmInfoMap.forEach((value, key) => {
         // 获取当前时间与报警时间的时间差
-        const timeDiff = now - value.timestamp
+        const timeDiff = now - value.timestamp;
         // 如果时间差大于5分钟，则清除报警
         if (timeDiff > timeout) {
           // 清除报警，有雷达告警则清除雷达告警和雷达轨迹
-          this.clearAlarmModel(key)
+          this.clearAlarmModel(key);
         }
-      })
+      });
     }
     clearRadarAlarmModel(radarAlarmDataMap, eventNum) {
       if (radarAlarmDataMap.has(eventNum)) {
-        let alarmData = radarAlarmDataMap.get(eventNum)
+        let alarmData = radarAlarmDataMap.get(eventNum);
         for (let target of alarmData.target) {
           let pathModel = target.path;
           let groundImageModel = target.groundImage;
           // 销毁模型
-          pathModel && pathModel.destroy()
-          groundImageModel && groundImageModel.destroy()
+          pathModel && pathModel.destroy();
+          groundImageModel && groundImageModel.destroy();
         }
-        radarAlarmDataMap.delete(eventNum)
+        radarAlarmDataMap.delete(eventNum);
       }
     }
     clearAlarmModel(eventNum) {
-      let alarmInfoMap = this.alarmInfoMap
-      let radarAlarmDataMap = this.radarAlarmDataMap
+      let alarmInfoMap = this.alarmInfoMap;
+      let radarAlarmDataMap = this.radarAlarmDataMap;
       if (alarmInfoMap.has(eventNum)) {
-        let alarmData = alarmInfoMap.get(eventNum)
+        let alarmData = alarmInfoMap.get(eventNum);
         // 清除报警
-        alarmData.pin && alarmData.pin._div.remove()
-        alarmData.pin && alarmData.pin.destroy()
-        alarmData.scanline && alarmData.scanline.destroy()
-        this.alarmInfoMap.delete(eventNum)
+        alarmData.pin && alarmData.pin._div.remove();
+        alarmData.pin && alarmData.pin.destroy();
+        alarmData.scanline && alarmData.scanline.destroy();
+        this.alarmInfoMap.delete(eventNum);
       }
-      this.clearRadarAlarmModel(radarAlarmDataMap, eventNum)
+      this.clearRadarAlarmModel(radarAlarmDataMap, eventNum);
     }
     // 获取当前实时时间
     getRealTime() {
@@ -4206,12 +4260,12 @@
     // 资源销毁
     beforeDestroy() {
       // vue程序销毁时，需要清理相关资源
-      this._earth = this._earth && this._earth.destroy()
-      this.websocketclose()
+      this._earth = this._earth && this._earth.destroy();
+      this.websocketclose();
       //清除定时器
-      clearInterval(this.timer)
-      clearInterval(this.timer2)
-      clearInterval(this.alarmTrackClearTimer)
+      clearInterval(this.timer);
+      clearInterval(this.timer2);
+      clearInterval(this.alarmTrackClearTimer);
     }
   }
 </script>
diff --git a/src/views/military/modules/ai/aiMonitorArea/components/DtAiMonitorAreaForm.vue b/src/views/military/modules/ai/aiMonitorArea/components/DtAiMonitorAreaForm.vue
index e2d1a51..49b15dd 100644
--- a/src/views/military/modules/ai/aiMonitorArea/components/DtAiMonitorAreaForm.vue
+++ b/src/views/military/modules/ai/aiMonitorArea/components/DtAiMonitorAreaForm.vue
@@ -12,6 +12,7 @@
               :disabled="disabled"
               placeholder="请选择监控相机"
             >
+              <template #suffixIcon><VideoCameraOutlined /></template>
             </a-tree-select>
           </a-form-item>
         </a-col>
@@ -97,6 +98,7 @@
 </template>
 
 <script lang="ts" setup>
+  import { VideoCameraOutlined } from '@ant-design/icons-vue';
   import { ref, reactive, nextTick, computed, onMounted } from 'vue';
   import { defHttp } from '/@/utils/http/axios';
   import { useMessage } from '/@/hooks/web/useMessage';
@@ -112,9 +114,9 @@
   const userStore = useUserStore();
 
   // 获取当前权限下的场景id
-  // const sceneId = userStore.userInfo.sceneId;
+  const sceneId = userStore.userInfo?.sceneId;
   // 三级场景 00001-00001-00001 二级场景 00001-00002 一级场景 00001
-  const sceneId = '00001-00002';
+  // const sceneId = '00001-00002';
 
   // 场景列表
   const sceneList: any = [];
diff --git a/src/views/military/modules/equipmentManage/videoMonitorEquInfo/cameraManage/CameraSet.vue b/src/views/military/modules/equipmentManage/videoMonitorEquInfo/cameraManage/CameraSet.vue
index ad2961a..4fc66ac 100644
--- a/src/views/military/modules/equipmentManage/videoMonitorEquInfo/cameraManage/CameraSet.vue
+++ b/src/views/military/modules/equipmentManage/videoMonitorEquInfo/cameraManage/CameraSet.vue
@@ -11,10 +11,11 @@
       <a-icon type="sync" @click="reNew" ref="reNewBtn" />
     </p>
     <div class="cameraBox">
-      <!--    树形控件界面-->
+      <!--树形控件界面-->
       <div class="treeBox">
         <a-input-search style="margin-bottom: 8px" placeholder="搜索" @change="onChange" />
         <a-tree
+          v-model:selectedKeys="selectedKeys"
           :defaultExpandAll="true"
           v-if="gData.length != 0"
           :expanded-keys="expandedKeys"
@@ -28,7 +29,7 @@
         >
         </a-tree>
       </div>
-      <!--    菜单界面-->
+      <!--菜单界面-->
       <div class="menuBox">
         <div class="menuTop">
           <a-button type="primary" @click="add"> 新增 </a-button>
@@ -48,16 +49,15 @@
             <a-form-item label="监控点位" class="mustInput" name="siteName">
               <a-col :span="11">
                 <a-select name="lineNameTemp" v-model:value="lineNameTemp" @change="handleLineChange" :disabled="!changeTag">
-                  <a-select-option v-for="(line, i) in lineArr" :key="line.id">
+                  <a-select-option v-for="line in lineArr" :key="line.id">
                     {{ line.name }}
                   </a-select-option>
                 </a-select>
               </a-col>
-
               <a-col :offset="1" :span="12">
                 <a-form-item style="margin-bottom: 0px">
                   <a-select name="siteNameTemp" v-model:value="siteNameTemp" @change="handleSiteChange" :disabled="!changeTag">
-                    <a-select-option v-for="(site, i) in siteArr" :key="site.id">
+                    <a-select-option v-for="site in siteArr" :key="site.id">
                       {{ site.name }}
                     </a-select-option>
                   </a-select>
@@ -70,12 +70,10 @@
             <a-form-item label="相机IP" class="mustInput" name="ip">
               <a-input v-model:value="cameraForm.ip" :disabled="!changeTag" />
             </a-form-item>
-
             <a-form-item label="相机备用IP" class="mustInput" name="ip2">
               <a-input v-model:value="cameraForm.ip2" :disabled="!changeTag" />
             </a-form-item>
             <a-form-item label="相机端口" class="mustInput" name="port">
-              <!-- <a-input v-model="cameraForm.port" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.port" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="相机认证用户名" class="mustInput" name="user">
@@ -85,8 +83,6 @@
               <a-input-password v-model:value="cameraForm.password" :disabled="!changeTag" />
             </a-form-item>
             <a-form-item label="厂家" class="mustInput" name="factory" v-if="cameraFactorys.length > 0">
-              <!-- <j-dict-select-tag v-model:value="cameraForm.factory" placeholder="选择"
-                                dictCode="ms_camera_factory" :disabled="!changeTag" /> -->
               <!-- 使用antd原生下拉框 -->
               <a-select v-model:value="cameraForm.factory" :disabled="!changeTag">
                 <template :key="Number(cameraFactory.value)" v-for="cameraFactory in cameraFactorys">
@@ -94,10 +90,8 @@
                 </template>
               </a-select>
             </a-form-item>
-            <a-form-item label="类型" class="mustInput" name="type">
+            <a-form-item label="相机类型" class="mustInput" name="type">
               <a-col :span="11">
-                <!-- <j-dict-select-tag name="type" v-model:value="cameraForm.type" placeholder="选择"
-                                    dictCode="ms_camera_type" @change="typeChange" :disabled="!changeTag" /> -->
                 <!-- 使用antd原生下拉框 -->
                 <a-select name="type" v-model:value="cameraForm.type" :disabled="!changeTag" @change="typeChange">
                   <template :key="Number(cameraType.value)" v-for="cameraType in cameraTypes">
@@ -106,10 +100,6 @@
                 </a-select>
               </a-col>
               <a-col :offset="1" :span="12">
-                <!-- <a-form-item style="margin-bottom: 0px;">
-                                    <j-dict-select-tag name="style" v-model:value="cameraForm.style" placeholder="选择"
-                                        dictCode="ms_camera_style" :disabled="!flag || !changeTag" />
-                                </a-form-item> -->
                 <!-- 使用antd原生下拉框 -->
                 <a-select name="style" v-model:value="cameraForm.style" :disabled="!flag || !changeTag">
                   <template :key="Number(cameraStyle.value)" v-for="cameraStyle in cameraStyles">
@@ -118,14 +108,12 @@
                 </a-select>
               </a-col>
             </a-form-item>
-
             <a-form-item label="安装高度" class="mustInput" name="height">
-              <!-- <a-input v-model="cameraForm.height" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.height" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="录像机" name="videoRecorder">
               <a-select v-model:value="cameraForm.videoRecorderId" :disabled="!changeTag">
-                <a-select-option v-for="(vr, i) in videoRecorderArr" :value="vr.id" :key="vr.id">
+                <a-select-option v-for="vr in videoRecorderArr" :value="vr.id" :key="vr.id">
                   {{ vr.name }}
                 </a-select-option>
               </a-select>
@@ -160,27 +148,19 @@
             <a-form-item label="地理纬度" name="latitude">
               <a-input v-model:value="cameraForm.latitude" disabled />
             </a-form-item>
-            <!-- <a-form-model-item :wrapper-col="{offset:8,span:14}" name="style">
-                                                                                                                                  <j-dict-select-tag v-model="cameraForm.style" placeholder="选择" dictCode="ms_camera_style"/>
-                                                                                                                                </a-form-model-item>-->
             <a-form-item label="视线水平左夹角" name="leftAngle">
-              <!-- <a-input v-model="cameraForm.leftAngle" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.leftAngle" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="视线水平右夹角" name="rightAngle">
-              <!-- <a-input v-model="cameraForm.rightAngle" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.rightAngle" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="视野中央有效视距" name="viewDistance">
-              <!-- <a-input v-model="cameraForm.viewDistance" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.viewDistance" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="采样帧率" name="frameRate">
-              <!-- <a-input v-model="cameraForm.frameRate" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.frameRate" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="最大跟踪范围" name="maxRange">
-              <!-- <a-input v-model="cameraForm.maxRange" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.maxRange" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="云台控制IP" name="cloudCtrlIp">
@@ -190,23 +170,18 @@
               <a-input v-model:value="cameraForm.cloudCtrlPort" :disabled="!changeTag" />
             </a-form-item>
             <a-form-item label="零方位角" name="zeroAzimuth">
-              <!-- <a-input v-model="cameraForm.zeroAzimuth" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.zeroAzimuth" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="最大仰角" name="maxElevation">
-              <!-- <a-input v-model="cameraForm.maxElevation" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.maxElevation" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="安装垂直角" name="fixedAngle">
-              <!-- <a-input v-model="cameraForm.fixedAngle" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.fixedAngle" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="最大可视距离" name="maxVisibleDistance">
-              <!-- <a-input v-model="cameraForm.maxVisibleDistance" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.maxVisibleDistance" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="变倍因子" name="zoomFactor">
-              <!-- <a-input v-model="cameraForm.zoomFactor" type="number" :disabled="!changeTag" /> -->
               <a-input-number v-model:value="cameraForm.zoomFactor" :disabled="!changeTag" style="width: 100%" />
             </a-form-item>
             <a-form-item label="报警持续时间（秒）" name="alarmNum">
@@ -250,137 +225,187 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, reactive, onMounted } from 'vue';
+  import { ref, onMounted } from 'vue';
   import { useUserStore } from '/@/store/modules/user';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
-  import axios from 'axios';
   import { defHttp } from '/@/utils/http/axios';
   import { Modal } from 'ant-design-vue';
 
   // 厂家
   const cameraFactorys: any = ref([]);
-  // 类型
+  // 相机类型
   const cameraTypes: any = ref([]);
+  // 相机光照颜色
   const cameraStyles: any = ref([]);
 
-  // 获取场景类型字典
+  // 获取相机厂家
   const getCameraFactory = () => {
     return defHttp.get({ url: '/sys/dict/getDictItems/ms_camera_factory' }, { isTransformResponse: false });
   };
-  //获取场景类型字典
+  //获取相机类型
   const getCameraType = () => {
     return defHttp.get({ url: '/sys/dict/getDictItems/ms_camera_type' }, { isTransformResponse: false });
   };
-  //获取场景类型字典
+  //获取相机光色
   const getCameraStyle = () => {
     return defHttp.get({ url: '/sys/dict/getDictItems/ms_camera_style' }, { isTransformResponse: false });
   };
   const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
   const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 18 } });
 
+  // 刷新按钮
   const reNewBtn = ref();
+  // 当前登录用户信息
   const userStore = useUserStore();
+  // 消息弹窗
   const { createMessage } = useMessage();
-  const x = 3;
-  const y = 2;
-  const z = 1;
-  // const gData = []
-  // const dataList = []
-
-  const getParentKey = (key, tree) => {
-    let parentKey;
-    for (let i = 0; i < tree.length; i++) {
-      const node = tree[i];
-      if (node.children) {
-        if (node.children.some((item) => item.id === key)) {
-          parentKey = node.id;
-        } else if (getParentKey(key, node.children)) {
-          parentKey = getParentKey(key, node.children);
-        }
-      }
-    }
-    return parentKey;
-  };
-
+  // 展开指定的树节点
   const expandedKeys: any = ref([]);
-  const searchValue = ref('');
+  // 是否自动关闭父节点
   const autoExpandParent = ref(true);
+  // 相机数据
   const gData: any = ref([]);
+  // 相机树结构数据
   const treeData: any = ref([]);
+  // 每一条数据，包括防区、站点、相机
   const dataList: any = ref([]);
+  // 用于替换对应字段名
   const replaceFields = ref({
     key: 'id',
     title: 'name',
     children: 'children',
   });
   const url = ref({
+    // 获取所有相机信息
     getSiteCameraInfo: '/military/camera/site/getSiteCameraInfo',
+    // 根据id获取相机信息
     getCameraInfoById: '/military/camera/setting/queryById',
+    // 添加相机
     add: '/military/camera/setting/add',
+    // 编辑相机
     edit: '/military/camera/setting/edit',
+    // 删除相机
     delete: '/military/camera/setting/delete',
+    // 获取录像机列表
     getVideoRecorderInfo: '/military/videoRecorder/qryCameraList',
+    // 第三方平台接口
     getVMCameraInfo: '/third/api/getVMCameraInfo',
   });
+  // 监控点位-防区
   const lineNameTemp = ref('');
+  // 监控点位-站点
   const siteNameTemp = ref('');
+  // 录像机
   const vrNameTemp = ref('');
+  // 选择的相机id
   const dataId = ref('');
+  // 取消
   const cancelFlag = ref(false);
+  // 不知道
   const flag = ref(false);
+  // 表单修改状态
   const changeTag = ref(false);
+  // 按钮修改状态
   const getTag = ref(false);
+  // 区分添加/修改
   const addOrEdit = ref(false);
+  // 相机信息表单
   const cameraForm: any = ref({
+    // 相机id
     id: '',
+    // 相机ip
     ip: '',
+    // 备用ip
     ip2: '',
+    // 相机端口
     port: '',
+    // 厂家
     factory: '',
+    // 相机名称
+    cameraName: '',
+    // 相机类型
+    cameraType: '',
+    //相机光色
     style: '',
+    // 相机类型
     type: '',
+    // 相机认证用户名
     user: '',
-    siteId: '',
+    // 相机认证密码
     password: '',
+    // 相机认证通道号
     channel: '',
+    // 预览rtsp地址
     preRtsp: '',
+    // 分析rtsp地址
     analysisRtsp: '',
+    // 录像rtsp地址
     recordRtsp: '',
+    // 防区名称
     lineName: '',
+    // 站点id
+    siteId: '',
+    // 站点名称
     siteName: '',
+    // 云台控制ip
     cloudCtrlIp: '',
+    // 云台控制端口
     cloudCtrlPort: '',
-    cameraName: '',
-    latitude: '',
+    // 地理经度
     longitude: '',
+    // 地理纬度
+    latitude: '',
+    // 安装高度
     height: '',
+    // 录像机id
+    videoRecorderId: '',
+    // 录像机名称
     videoRecorder: '',
-    cameraType: '',
+    // 相机颜色？？
     cameraColor: '',
+    // 视线水平左夹角
     leftAngle: '',
+    // 视线水平右夹角
     rightAngle: '',
+    // 视野中央有效视距
     viewDistance: '',
+    // 采样帧率
     frameRate: '',
+    // 最大跟踪范围
     maxRange: '',
+    // 零方位角
     zeroAzimuth: '',
+    // 最大仰角
     maxElevation: '',
+    // 安装垂直角
     fixedAngle: '',
+    // 最大可视距离
     maxVisibleDistance: '',
+    // 变倍因子
     zoomFactor: '',
-    videoRecorderId: '',
+    // 白光开始时间
     dayBeginTime: '',
+    // 白光结束时间
     dayEndTime: '',
+    // 报警持续时间
     alarmNum: undefined,
+    // Web播放地址
     webcastAddress: '',
   });
-  const lineArr: any = ref([]); //线路数据
-  const siteData: any = ref({}); //线路站点对应关系
-  const siteArr: any = ref([]); //站点数据
-  const videoRecorderArr: any = ref([]); //录像机数据
+  // 防区数据
+  const lineArr: any = ref([]);
+  // 防区站点对应关系
+  const siteData: any = ref({});
+  // 站点数据
+  const siteArr: any = ref([]);
+  // 录像机数据
+  const videoRecorderArr: any = ref([]);
+  // 选中的相机节点
+  const selectedKeys: any = ref([]);
 
   onMounted(() => {
     dataList.value.length = 0;
+    // 获取相机数据
     getTreeInfo();
     // 厂家
     getCameraFactory().then((response) => {
@@ -388,28 +413,29 @@
         cameraFactorys.value = response.result;
       }
     });
-    // 类型
+    // 相机类型
     getCameraType().then((response) => {
       if (response.success) {
         cameraTypes.value = response.result;
       }
-    }),
-      getCameraStyle().then((response) => {
-        if (response.success) {
-          cameraStyles.value = response.result;
-        }
-      });
+    });
+    // 相机光色
+    getCameraStyle().then((response) => {
+      if (response.success) {
+        cameraStyles.value = response.result;
+      }
+    });
+    // 录像机列表
     getVideoRecorderArr();
   });
-
+  // 选择防区
   function handleLineChange(id) {
     changeSiteArr(id);
   }
-
+  // 选择站点
   function handleSiteChange(id) {
     cameraForm.value.siteId = id;
   }
-
   function changeSiteArr(id) {
     let lineLen = gData.value.length;
     siteArr.value = [];
@@ -431,17 +457,20 @@
     cameraForm.value.siteName = siteArr.value[0].name;
     siteNameTemp.value = cameraForm.value.siteName; //改变线路，默认回显该线路的第一个站点
   }
-
+  // 新增相机
   function add() {
     addOrEdit.value = true;
     cancelFlag.value = true;
     changeTag.value = true;
     getTag.value = false;
     dataId.value = '';
+    // 清空树选中节点
+    selectedKeys.value = [];
     fromClear();
   }
-
+  // 编辑相机
   function edit() {
+    // 只有光电追踪仪和枪机有不同色光
     if (cameraForm.value.type == '1' || cameraForm.value.type == '3') {
       flag.value = true;
     } else {
@@ -450,7 +479,6 @@
     }
 
     if (cameraForm.value.id == '') {
-      // this.$message.info("请先选择需要修改的数据!");
       createMessage.info('请先选择需要修改的数据!');
       return false;
     }
@@ -458,7 +486,7 @@
     addOrEdit.value = true;
     changeTag.value = true;
   }
-
+  // 删除相机
   function del() {
     Modal.confirm({
       title: '确认删除',
@@ -472,11 +500,12 @@
             },
             { joinParamsToUrl: true, isTransformResponse: false }
           )
-          //   deleteAction(that.url.delete, {id: that.cameraForm.id})
           .then((res) => {
             if (res.success) {
               createMessage.success(res.message);
+              // 置空表单
               fromClear();
+              // 重新获取相机数据
               getTreeInfo();
               getTag.value = false;
             } else {
@@ -489,11 +518,11 @@
       },
     });
   }
-
+  // 提交表单数据
   function submitForm() {
+    // ip校验规则
     const pattern =
       /(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)/;
-    let settingId = cameraForm.value.id;
     let cloudCtrlIp = cameraForm.value.cloudCtrlIp;
     let cloudCtrlPort = cameraForm.value.cloudCtrlPort;
     let cameraName = cameraForm.value.cameraName;
@@ -563,6 +592,7 @@
       },
     ];
     let errorMessage = '';
+    // 错误信息拼接
     if (!cameraName || !siteName || !port || !user || !password || !height || !type || !factory || !ip || !ip2) {
       for (const flag of flagList) {
         if (!flag.code) {
@@ -576,10 +606,7 @@
       createMessage.warning('请检查IP格式并正确填写！');
       return;
     }
-    // else if (!pattern.test(this.cameraForm.cloudCtrlIp)){
-    //   this.$message.warning("请正确填写云台IP！");
-    //   return
-    // }
+    // 未输入时将赋值为0
     cameraForm.value.channel = channel ? channel : '0';
     cameraForm.value.leftAngle = leftAngle ? leftAngle : '0';
     cameraForm.value.rightAngle = rightAngle ? rightAngle : '0';
@@ -593,17 +620,15 @@
     cameraForm.value.zoomFactor = zoomFactor ? zoomFactor : '0';
     cameraForm.value.cloudCtrlIp = cloudCtrlIp ? cloudCtrlIp : ip;
     cameraForm.value.cloudCtrlPort = cloudCtrlPort ? cloudCtrlPort : port;
-    console.log(cameraForm.value.style);
     cameraForm.value.style = style ? style : '';
-    console.log(cameraForm.value.style);
     let http;
     if (addOrEdit.value) {
       let httpurl = '';
       let method = '';
+      // 无选中相机，则添加相机
       if (!cameraForm.value.id) {
         httpurl += url.value.add;
         method = 'post';
-        console.log(cameraForm.value.style);
         http = defHttp.post(
           {
             url: httpurl,
@@ -612,9 +637,9 @@
           { isTransformResponse: false }
         );
       } else {
+        // 有选中相机，则编辑相机
         httpurl += url.value.edit;
         method = 'put';
-        console.log(cameraForm.value.style);
         http = defHttp.put(
           {
             url: httpurl,
@@ -623,21 +648,21 @@
           { isTransformResponse: false }
         );
       }
-      http
-        // httpAction(httpurl, cameraForm.value, method)
-        .then((res) => {
-          let success_message = cameraForm.value.id ? '修改成功' : '添加成功';
-          let error_message = cameraForm.value.id ? '修改失败' : '添加失败';
-          if (res.success) {
-            createMessage.success(success_message);
-            cameraForm.value = res.result;
-            getTreeInfo();
-            // fromClear();
-          } else {
-            console.log(res);
-            createMessage.warning(error_message);
-          }
-        });
+      //  添加或编辑相机
+      http.then((res) => {
+        let success_message = cameraForm.value.id ? '修改成功' : '添加成功';
+        let error_message = cameraForm.value.id ? '修改失败' : '添加失败';
+        // 添加或编辑完成
+        if (res.success) {
+          createMessage.success(success_message);
+          // 重新赋值表单
+          cameraForm.value = res.result;
+          // 重新获取相机
+          getTreeInfo();
+        } else {
+          createMessage.warning(error_message);
+        }
+      });
       cancelFlag.value = false;
       addOrEdit.value = false;
       changeTag.value = false;
@@ -645,14 +670,8 @@
       flag.value = false;
     }
   }
-
-  function selectSite(item, option) {
-    let siteId = option.key;
-    cameraForm.value.siteId = siteId;
-  }
-
+  // 选择相机类型
   function typeChange(item) {
-    console.log(item);
     if (item == '1' || item == '3') {
       flag.value = true;
     } else {
@@ -660,17 +679,15 @@
       flag.value = false;
     }
   }
-
-  function onSelect(selectedKeys, info) {
-    console.log(selectedKeys);
+  // 选择相机
+  function onSelect(selectedKeys, _info) {
     fromClear();
     addOrEdit.value = false;
     cancelFlag.value = false;
     changeTag.value = false;
+    // 选中相机
     dataId.value = selectedKeys[0];
-    // console.log(selectedKeys,info);
 
-    selectedKeys = selectedKeys;
     let gDataLen = gData.value.length;
     getTag.value = false;
     for (let i = 0; i < gDataLen; i++) {
@@ -679,8 +696,6 @@
       }
     }
     //请求相机数据
-    console.log('dataId.value', dataId.value);
-
     defHttp
       .get(
         {
@@ -689,9 +704,7 @@
         },
         { isTransformResponse: false }
       )
-      //   getAction(this.url.getCameraInfoById + "?id=" + this.dataId)
       .then((res) => {
-        console.log(res);
         if (res.success) {
           getTag.value = true;
           cameraForm.value = res.result;
@@ -701,67 +714,68 @@
         }
       });
   }
-
+  // 获取相机数据
   function getTreeInfo() {
     defHttp
       .get(
         {
           url: url.value.getSiteCameraInfo,
-          // params: model.value
         },
         { isTransformResponse: false }
       )
-      //   httpAction(this.url.getSiteCameraInfo, this.model, 'get')
       .then((res) => {
         if (res.success) {
           gData.value = res.result;
-          treeData.value = gData.value;
-          // console.log("treeData",treeData.value);
-
+          treeData.value = handleCameraTree(res.result);
           generateList(gData.value);
           lineArr.value = [];
           initLineArr();
         }
       });
   }
-
+  // 处理相机数据
+  function handleCameraTree(data, _index = undefined) {
+    let arr: any = [];
+    for (let i = 0; i < data.length; i++) {
+      let obj: any = {};
+      let item = data[i];
+      obj.name = item.name;
+      obj.id = item.id;
+      obj.disabled = item.children?.length > 0 ? true : false;
+      if (item.children && item.children.length > 0) {
+        obj.children = handleCameraTree(item.children);
+      }
+      arr.push(obj);
+    }
+    return arr;
+  }
+  // 展开/收起节点时触发
   function onExpand(onExpandedKeys) {
     expandedKeys.value = onExpandedKeys;
     autoExpandParent.value = false;
   }
-
+  // 搜索相机
   function onChange(e) {
     let time = null;
     const value = e.target.value;
     treeData.value = [];
-    // console.log(time)
-    const expandedKeys = dataList.value.map((item) => {
+    dataList.value.map((item) => {
       if (value) {
         if (item.title.indexOf(value) > -1) {
-          console.log(item);
-
           treeData.value.push({
             children: [],
             id: item.key,
             name: item.title,
+            disabled: item.children?.length > 0 ? true : false,
           });
-          // treeData.value = gData.value
         }
       } else {
-        treeData.value = gData.value;
+        treeData.value = handleCameraTree(gData.value);
       }
     });
-
-    // Object.assign(this, {
-    //   expandedKeys,
-    //   searchValue: value,
-    //   autoExpandParent: true
-    // })
   }
-
+  // 将树结构展开，每个节点都变成同级
   function generateList(data) {
-    // dataList.length=0
-    // console.log(dataList)
     for (let i = 0; i < data.length; i++) {
       const node: any = data[i];
       const key = node.name;
@@ -771,7 +785,7 @@
       }
     }
   }
-
+  // 防区列表
   function initLineArr() {
     let lineLen = gData.value.length;
     for (let i = 0; i < lineLen; i++) {
@@ -779,12 +793,9 @@
       lineArr.value.push({ id: lineData.id, name: lineData.name });
     }
   }
+  // 取消编辑/新增
   function cancel() {
-    // fromClear()
-
-    let mycameraForm = cameraForm.value;
     if (!getTag.value) {
-      // this.getTag = false;
       cameraForm.value.id = '';
       cameraForm.value.ip = '';
       cameraForm.value.ip2 = '';
@@ -839,7 +850,6 @@
           },
           { isTransformResponse: false }
         )
-        // getAction(this.url.getCameraInfoById + "?id=" + that.dataId)
         .then((res) => {
           if (res.success) {
             getTag.value = true;
@@ -854,6 +864,7 @@
     cancelFlag.value = false;
     addOrEdit.value = false;
   }
+  // 重置表单
   function fromReset() {
     if (dataId.value) {
       defHttp
@@ -864,7 +875,6 @@
           },
           { isTransformResponse: false }
         )
-        // getAction(this.url.getCameraInfoById + "?id=" + that.dataId)
         .then((res) => {
           if (res.success) {
             getTag.value = true;
@@ -878,8 +888,8 @@
       fromClear();
     }
   }
+  // 清空表单
   function fromClear() {
-    // let cameraForm = cameraForm.value;
     dataId.value = '';
     cameraForm.value.id = '';
     cameraForm.value.ip = '';
@@ -927,6 +937,7 @@
     siteNameTemp.value = '';
     vrNameTemp.value = '';
   }
+  // 获取录像机列表
   function getVideoRecorderArr() {
     defHttp
       .get(
@@ -935,18 +946,15 @@
         },
         { isTransformResponse: false }
       )
-      //   getAction(this.url.getVideoRecorderInfo)
       .then((res) => {
         if (res.success) {
-          res.result.forEach((data, index) => {
+          res.result.forEach((data, _index) => {
             videoRecorderArr.value.push({ id: data.id, name: data.deviceName });
           });
         }
       });
   }
-  function videoRecorderChange(id) {
-    cameraForm.value.videoRecorderId = id;
-  }
+  // 刷新列表
   function reNew() {
     reNewBtn.value.spin = true;
     defHttp
@@ -956,7 +964,6 @@
         },
         { isTransformResponse: false }
       )
-      //   getAction(this.url.getVMCameraInfo)
       .then((res) => {
         if (res.success) {
           createMessage.success('相机列表更新成功!');
@@ -1030,7 +1037,7 @@
     color: red;
     position: absolute;
     top: 6px;
-    left: -8px;
+    left: 4px;
   }
 
   .timePeriodDelimiter {