diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue
new file mode 100644
index 00000000..2f21db8d
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="wrapper">概况和异常</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>
diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AnalysisOfTheRequest.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AnalysisOfTheRequest.vue
new file mode 100644
index 00000000..22197ae7
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AnalysisOfTheRequest.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="wrapper">请求分析</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>
diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/CapabilityOperationMonitoringTime.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/CapabilityOperationMonitoringTime.vue
new file mode 100644
index 00000000..b7fd48d8
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/CapabilityOperationMonitoringTime.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="wrapper">上边时间</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>
diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/index.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/index.vue
new file mode 100644
index 00000000..04ab1b8e
--- /dev/null
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/index.vue
@@ -0,0 +1,40 @@
+<!-- 权限管理-能力运行监控 -->
+<template>
+  <div class="wrapper">
+    <div class="capability-operation-monitoring-top">
+      <capability-operation-monitoring-time></capability-operation-monitoring-time>
+    </div>
+    <div class="capability-operation-monitoring-center">
+      <abnormal-situation></abnormal-situation>
+    </div>
+    <div class="capability-operation-monitoring-bottom">
+      <analysis-of-the-request></analysis-of-the-request>
+    </div>
+  </div>
+</template>
+
+<script>
+import AbnormalSituation from "./components/AbnormalSituation.vue";
+import AnalysisOfTheRequest from "./components/AnalysisOfTheRequest.vue";
+import CapabilityOperationMonitoringTime from "./components/CapabilityOperationMonitoringTime.vue";
+export default {
+  components: {
+    AbnormalSituation,
+    AnalysisOfTheRequest,
+    CapabilityOperationMonitoringTime,
+  },
+  props: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  methods: {},
+  created() {},
+  mounted() {},
+};
+</script>
+<style lang="scss" scoped>
+.wrapper {
+}
+</style>
diff --git a/front/src/views/abilityStatistics/components/SharingSituation.vue b/front/src/views/abilityStatistics/components/SharingSituation.vue
index 8c75ff2b..9fdf2b43 100644
--- a/front/src/views/abilityStatistics/components/SharingSituation.vue
+++ b/front/src/views/abilityStatistics/components/SharingSituation.vue
@@ -104,6 +104,11 @@
       yAxis: {
         type: 'value',
       },
+      tooltip: {
+        show: true,
+        trigger: 'item',
+        formatter: '{b}的浏览量：</br> {c} 次',
+      },
       series: [
         {
           data: datas.value,
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index ba19f9a8..17616056 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -1605,8 +1605,9 @@
       }
       .top-content-father {
         width: 10.87rem;
-        padding-left: 0.2rem;
+        // padding-left: 0.2rem;
         // margin-bottom: .2rem;
+        padding: 0.16rem;
         background: #f3f5f9;
         .top-content-son {
           background: #fff;
diff --git a/front/src/views/home/detailsPageInfrastructureTree.vue b/front/src/views/home/detailsPageInfrastructureTree.vue
index 621eb4e9..baa3362a 100644
--- a/front/src/views/home/detailsPageInfrastructureTree.vue
+++ b/front/src/views/home/detailsPageInfrastructureTree.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrapper">
     <div class="wrapper-title-left-tree" :key="showKey">
-      <div v-for="item in treeData" :key="item.key" class="primaryNode">
+      <div v-for="item in treeData" :key="item.id" class="primaryNode">
         <!-- <div v-if="!item.children || item.children.length == 0">
           {{ item.title }}
         </div> -->
@@ -10,15 +10,15 @@
           @click="showBottom(item)"
           :class="item.show ? 'topSelect' : ''"
         >
-          {{ item.title }}
+          {{ item.name }}
           <DownOutlined v-show="!item.show" />
           <UpOutlined v-show="item.show" />
         </div>
         <div class="bottom" v-show="item.show">
-          <div v-for="val in item.children" :key="val.key" class="item">
+          <div v-for="val in item.children" :key="val.id" class="item">
             <div
               class="up"
-              :class="selectId == val.key ? 'select' : ''"
+              :class="selectId == val.id ? 'select' : ''"
               @click="showDown(item, val), onSelect(item, val)"
             >
               <div>
@@ -31,7 +31,7 @@
                   p-id="2156"
                   width="0.25rem"
                   height="0.25rem"
-                  v-show="selectId == val.key"
+                  v-show="selectId == val.id"
                 >
                   <path
                     d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z"
@@ -40,10 +40,10 @@
                   ></path>
                 </svg>
                 <span class="name">
-                  {{ val.title }}
+                  {{ val.name }}
                 </span>
               </div>
-              <span v-if="item.title !== '区级'">{{ val.total }}</span>
+              <span v-if="item.children.length < 0">{{ val.total }}</span>
               <span v-else>
                 <down-outlined v-show="!val.show" />
                 <up-outlined v-show="val.show" />
@@ -52,9 +52,9 @@
             <div class="down" v-show="val.show">
               <div
                 v-for="child in val.children"
-                :key="child.key"
+                :key="child.id"
                 class="child"
-                :class="selectId == child.key ? 'select2' : ''"
+                :class="selectId == child.id ? 'select2' : ''"
                 @click="onSelect(item, val, child)"
               >
                 <div>
@@ -67,7 +67,7 @@
                     p-id="2156"
                     width="0.25rem"
                     height="0.25rem"
-                    v-show="selectId == child.key"
+                    v-show="selectId == child.id"
                   >
                     <path
                       d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z"
@@ -76,7 +76,7 @@
                     ></path>
                   </svg>
                   <span class="name">
-                    {{ child.title }}
+                    {{ child.name }}
                   </span>
                 </div>
                 <span>{{ child.total }}</span>
@@ -97,7 +97,7 @@
 
 <script>
   import { defineComponent, ref, watch } from 'vue'
-  import { selectDeptList } from '@/api/home.js'
+  import { getCameraAllOrgan } from '@/api/videoSurveillance'
   import mybus from '@/myplugins/mybus'
   import { useRouter } from 'vue-router'
   import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
@@ -127,43 +127,44 @@
           '获取url中的select=====================>',
           router.currentRoute.value.query.select
         )
-        if (
-          // select !== '基础设施' &&
-          select !== '数据资源' &&
-          select !== '知识库'
-        ) {
-          selectDeptList({ type: select }).then((res) => {
-            // console.log('区划数据=========================>', res.data.data)
-            res.data.data.forEach((val) => {
-              if (val.type !== '全部能力目录') {
-                let obj = {
-                  title: val.type,
-                  total: val.total,
-                  show: val.type === '市级' ? true : false,
-                  select: false,
-                  key: val.type,
-                  children: [],
-                }
-                switch (val.type) {
-                  case '市级':
-                  case '其他':
-                    generateChildren(val, obj)
-                    break
-                  case '区级':
-                    generateChildren2(val, obj)
-                    break
-                }
-                treeData.value.push(obj)
-              }
-            })
-            // 排序
-            const sortArr = ['全部能力目录', '市级', '区级', '企业', '其他']
-            treeData.value.sort((a, b) => {
-              return sortArr.indexOf(a.key) - sortArr.indexOf(b.key)
-            })
-            console.log('左侧树结构数据======================>', treeData.value)
-            showKey.value++
-          })
+        if (select == '基础设施') {
+          getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' }).then(
+            (res) => {
+              treeData.value = res.data.data
+            }
+          )
+          // selectDeptList({ type: select }).then((res) => {
+          //   // console.log('区划数据=========================>', res.data.data)
+          //   res.data.data.forEach((val) => {
+          //     if (val.type !== '全部能力目录') {
+          //       let obj = {
+          //         title: val.type,
+          //         total: val.total,
+          //         show: val.type === '市级' ? true : false,
+          //         select: false,
+          //         key: val.type,
+          //         children: [],
+          //       }
+          //       switch (val.type) {
+          //         case '市级':
+          //         case '其他':
+          //           generateChildren(val, obj)
+          //           break
+          //         case '区级':
+          //           generateChildren2(val, obj)
+          //           break
+          //       }
+          //       treeData.value.push(obj)
+          //     }
+          //   })
+          //   // 排序
+          //   const sortArr = ['全部能力目录', '市级', '区级', '企业', '其他']
+          //   treeData.value.sort((a, b) => {
+          //     return sortArr.indexOf(a.key) - sortArr.indexOf(b.key)
+          //   })
+          //   console.log('左侧树结构数据======================>', treeData.value)
+          //   showKey.value++
+          // })
         }
       }
       mybus.on('getDeptList', () => {
@@ -241,24 +242,22 @@
       // }
       const selectId = ref('')
       const onSelect = (item, val, child) => {
-        if (item.title === '区级') {
-          if (child) {
-            if (selectId.value !== child.key) {
-              mybus.emit('paramsGetResources', [child.key])
-              selectId.value = child.key
-            } else {
-              mybus.emit('paramsGetResources', [])
-              selectId.value = ''
+        console.log('item, val, child', child)
+        getCameraAllOrgan({ parentId: val.id }).then((res) => {
+          treeData.value.map((treeDataItem, index) => {
+            if (item.id == treeDataItem.id) {
+              treeData.value[index].children.map((childItem, childIndex) => {
+                if (childItem.id == val.id) {
+                  treeData.value[index].children[childIndex].children =
+                    res.data.data
+                }
+              })
+              console.log('treeData.value.[index]', treeData.value[index])
             }
-          }
-        } else {
-          if (selectId.value !== val.key) {
-            mybus.emit('paramsGetResources', [val.key])
-            selectId.value = val.key
-          } else {
-            mybus.emit('paramsGetResources', [])
-            selectId.value = ''
-          }
+          })
+        })
+        if (child) {
+          selectId.value = child.id
         }
       }
       watch(selectedKeys, () => {
@@ -305,10 +304,18 @@
       }
       const showBottom = (item) => {
         item.show = !item.show
+        getCameraAllOrgan({ parentId: item.id }).then((res) => {
+          treeData.value.map((treeDataItem, index) => {
+            if (item.id == treeDataItem.id) {
+              treeData.value[index].children = res.data.data
+              console.log('treeData.value.[index]', treeData.value[index])
+            }
+          })
+        })
       }
       const showDown = (item, val) => {
         console.log('showDown', val)
-        if (item.title === '区级') {
+        if (item.children) {
           val.show = !val.show
         }
       }
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index 7450bbfa..1690d6b2 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -5,6 +5,7 @@
     <div class="infrastructrue-tab">
       <div v-for="(item, index) in tabList" :key="index" class="tabBox">
         <b class="leftType">{{ item.title }}</b>
+        <button @click="nullClick" v-if="item.title == '视频细分'">清空</button>
         <span
           v-for="itemContent in item.content"
           :key="itemContent"
@@ -17,6 +18,10 @@
         </span>
       </div>
     </div>
+    <!-- 地图 -->
+    <div class="map-contain">
+      <video-surveillance></video-surveillance>
+    </div>
     <!-- 功能行 -->
     <div class="infrastructrue-content">
       <!-- 表格数据统计 -->
@@ -84,7 +89,13 @@
   </div>
 </template>
 <script setup>
-  import { ref } from 'vue'
+  import VideoSurveillance from '@/views/home/videoSurveillance'
+  import { getCategoryTreePage } from '@/api/personalCenter'
+  import { dataType } from 'element-plus/es/components/table-v2/src/common'
+  import { ref, onMounted } from 'vue'
+  onMounted(() => {
+    tabClick(0, '视频资源')
+  })
   const tabList = ref([
     {
       title: '设施类型',
@@ -92,18 +103,19 @@
     },
     {
       title: '视频细分',
-      content: [
-        '云主机',
-        '算力主机',
-        '对象存储',
-        '堡垒机',
-        '防火墙',
-        '网闸',
-        '负载均衡',
-        '公网IP',
-      ],
+      content: [],
     },
-  ]) //初始化数据
+  ])
+  // const dataTypeList = () => {
+  //   if (tabList.value[0].content.indexOf('视频资源') != -1) {
+  //     tabList.value[1].content = ['123344', '213124']
+  //   }else if(tabList.value[0].content.indexOf('云资源') != -1){
+  //     tabList.value[1].content = ['5555', '666']
+
+  //   }
+  // }
+  // dataTypeList()
+  //初始化数据
   const init = () => {
     tabList.value.map((item) => {
       let params = {
@@ -118,13 +130,13 @@
   //表格的高度
   let tableHeight = ref('600')
   //tab切换点击事件
-  const tabClick = (indexFather, name, fatherName) => {
+  const tabClick = (indexFather, name) => {
     if (clickList.value[indexFather].content.indexOf(name) != -1) {
-      if (fatherName == '视频资源') {
+      if (name == '视频资源') {
         tableHeight.value = 330
-      } else if (fatherName == '云资源') {
+      } else if (name == '云资源') {
         tableHeight.value = 600
-      } else if (fatherName == '感知资源') {
+      } else if (name == '感知资源') {
         tableHeight.value = 330
       }
       clickList.value[indexFather].content.splice(
@@ -132,17 +144,51 @@
         1
       )
     } else {
-      if (fatherName == '视频资源') {
+      if (name == '视频资源') {
         tableHeight.value = 330
-      } else if (fatherName == '云资源') {
+        tabList.value[1].content = []
+        clickList.value[1].content = []
+        clickList.value[indexFather].content[0] = name
+        const params = {
+          page: 1,
+          limit: 50,
+          dictTypeId: '1541336217898848257',
+        }
+        getCategoryTreePage(params).then((res) => {
+          res.data.data.list.forEach((val) => {
+            tabList.value[1].content.push(val.dictLabel)
+          })
+        })
+      } else if (name == '云资源') {
         tableHeight.value = 600
-      } else if (fatherName == '感知资源') {
+        clickList.value[1].content = []
+        clickList.value[indexFather].content[0] = name
+        tabList.value[1].content = [
+          '云主机',
+          '算力主机',
+          '对象存储',
+          '堡垒机',
+          '防火墙',
+          '网闸',
+          '负载均衡',
+          '公网IP',
+        ]
+      } else if (name == '感知资源') {
         tableHeight.value = 330
+        clickList.value[1].content = []
+        clickList.value[indexFather].content[0] = name
+        tabList.value[1].content = ['333333', '213124']
+      } else {
+        clickList.value[indexFather].content.push(name)
       }
-      clickList.value[indexFather].content[0] = name
     }
     console.log('clickList.value', clickList.value)
   }
+  // 清空
+  const nullClick = () => {
+    clickList.value[1].content = []
+    console.log('hhhhhhhh')
+  }
   const name = ref('')
   // 搜索框
   const onSearch = (name) => {
@@ -298,13 +344,15 @@
 </script>
 <style lang="less" scoped>
   .infrastructrueBox {
-    width: 10.87rem;
     padding: 0.2rem;
-    background: #f3f5f9;
+    // background: #f3f5f9;
+    background: #ffffff;
+    /* padding: 0.16rem; */
+    border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
     .infrastructrue-tab {
-      background: #ffffff;
-      padding: 0.2rem;
-      border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
+      // background: #ffffff;
+      // padding: 0.2rem;
+      // border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
       span {
         display: inline-block;
         height: 0.24rem;
@@ -326,7 +374,6 @@
         color: #ffffff;
       }
       .tabBox {
-        height: 0.3rem;
         margin-bottom: 0.16rem;
       }
       .tabBox:last-of-type {
@@ -423,5 +470,11 @@
         background-color: #fafafa;
       }
     }
+    .map-contain {
+      // width: 9.46rem;
+      height: 4.1rem;
+      margin-left: 0.16rem;
+      position: relative;
+    }
   }
 </style>
diff --git a/front/src/views/home/videoSurveillance/index.vue b/front/src/views/home/videoSurveillance/index.vue
index 17371681..e161113b 100644
--- a/front/src/views/home/videoSurveillance/index.vue
+++ b/front/src/views/home/videoSurveillance/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="ucs-leaflet-map">
     <div id="contain">
       <div class="map-box">
         <div :id="mapId" class="normal-map-content">
@@ -8,7 +8,32 @@
       </div>
 
       <div class="searchPoint">
-        <el-autocomplete
+        <a-auto-complete
+          v-model:value="value"
+          class="certain-category-search"
+          dropdown-class-name="certain-category-search-dropdown"
+          :dropdown-match-select-width="500"
+          style="width: 250px"
+          :options="dataSource"
+        >
+          <template #option="item">
+            <template>
+              <span>
+                {{ item.value }}
+                <a
+                  style="float: right"
+                  href="https://www.google.com/search?q=antd"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  more
+                </a>
+              </span>
+            </template>
+          </template>
+          <a-input-search placeholder="搜索地点" size="large"></a-input-search>
+        </a-auto-complete>
+        <!-- <el-autocomplete
           class="inline-input"
           prefix-icon="Search"
           v-model="state"
@@ -28,93 +53,26 @@
             </span>
           </template>
           <template v-slot:append>搜索</template>
-        </el-autocomplete>
+        </el-autocomplete> -->
       </div>
-
-      <aside class="tag-box">
-        <div class="refresh" @click="refresh">
-          <el-icon><Refresh /></el-icon>
-        </div>
-        <el-tabs type="border-card" class="border-card">
-          <el-tab-pane label="视频标签">
-            <el-input
-              placeholder="请输入关键词"
-              suffix-icon="Search"
-              v-model="labelSearch"
-              @input="searchLabel"
-            ></el-input>
-            <el-checkbox-group v-model="checkboxGroup">
-              <el-checkbox-button
-                v-for="item in tabList"
-                :label="item.labelName"
-                :key="item.id"
-                @change="tabChange(item)"
-              >
-                {{ item.labelName }}
-              </el-checkbox-button>
-            </el-checkbox-group>
-          </el-tab-pane>
-          <el-tab-pane label="视频列表">
-            <el-input
-              placeholder="请输入关键词"
-              suffix-icon="Search"
-              v-model="labelSearch"
-              @input="searchCameraTree"
-            ></el-input>
-            <!-- <el-radio-group v-model="checkStatus">
-              <el-radio  :label="2">全部</el-radio>
-              <el-radio  :label="1">正常</el-radio>
-              <el-radio  :label="0">异常</el-radio>
-            </el-radio-group>
-            <span class="reset-button" @click="reset">重置</span> -->
-            <el-tree
-              id="tree"
-              :data="camreaTree"
-              :props="{ label: 'name', children: 'children', isLeaf: 'leaf' }"
-              :load="loadNode"
-              node-key="id"
-              @node-click="treeCameraClick"
-              empty-text="暂无数据"
-              :filter-node-method="filterNode"
-              lazy
-            >
-              <!-- 是否离线checkStatus -->
-              <!-- <span
-                :style="{
-                  backgroundColor: data?.checkStatus == 0 ? '#ccc' : '',
-                }"
-                slot-scope="{ node, data }"
-                class="custom-tree-node"
-              >
-                <span>
-                  {{ data?.checkStatus == 0 ? `(离线)` : '' }}{{ data.name }}
-                </span>
-              </span> -->
-            </el-tree>
-            <!-- <el-tree
-              v-show="!camreaTreeIsShow"
-              ref="tree"
-              :data="camreaTreeSingle"
-              :props="{ label: 'channelName', children: 'children' }"
-              :filter-node-method="filterNode"
-              @node-click="treeCameraClick"
-            >
-              <span
-                :style="{
-                  backgroundColor: data?.checkStatus == 0 ? '#ccc' : '',
-                }"
-                slot-scope="{ node, data }"
-                class="custom-tree-node"
-              >
-                <span>
-                  {{ data?.checkStatus == 0 ? `(离线)` : ''
-                  }}{{ data?.channelName }}
-                </span>
-              </span>
-            </el-tree> -->
-          </el-tab-pane>
-        </el-tabs>
-      </aside>
+      <svg
+        t="1656319660834"
+        class="icon"
+        viewBox="0 0 1024 1024"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        p-id="1691"
+        width="0.48rem"
+        height="0.48rem"
+        @click="circleMode()"
+      >
+        <path
+          d="M736.21333333 638.08l69.76-54.08c5.22666667-4.05333333 8-10.45333333 7.46666667-17.06666667-0.53333333-6.61333333-4.37333333-12.48-10.24-15.57333333L450.02666666 361.38666666c-6.82666667-3.62666667-15.04-2.98666667-21.12 1.70666667-6.08 4.69333333-8.85333333 12.58666667-7.04 20.05333333l95.57333334 389.54666667c1.6 6.4 6.29333333 11.62666667 12.48 13.76 6.18666667 2.13333333 13.12 1.06666667 18.34666666-2.98666667l69.86666667-54.08L769.06666666 924.37333333c3.2 4.05333333 7.78666667 6.72 12.90666667 7.36 0.85333333 0.10666667 1.6 0.10666667 2.45333333 0.10666667 4.26666667 0 8.53333333-1.38666667 11.94666667-4.05333334l87.25333333-67.52c8.53333333-6.61333333 10.02666667-18.88 3.52-27.30666666L736.21333333 638.08zM178.24 282.02666666l-31.25333334-21.01333333c-14.61333333 21.76-27.30666667 44.90666667-37.86666666 68.90666667l34.56 15.14666666c9.6-21.86666667 21.22666667-43.09333333 34.56-63.04zM549.54666666 103.89333333l3.2-37.54666667c-26.02666667-2.24-52.69333333-2.13333333-78.50666666 0.21333334l3.41333333 37.54666666c23.57333333-2.13333333 48-2.24 71.89333333-0.21333333zM120.74666666 413.22666666l-36.69333333-8.74666666c-6.08 25.38666667-9.92 51.52-11.30666667 77.76l37.65333334 2.13333333c1.38666667-24 4.8-47.89333333 10.34666666-71.14666667zM112.64 556.26666666l-37.44 4.48c3.09333333 26.02666667 8.64 51.94666667 16.32 76.90666667l36.05333333-11.09333333c-7.04-22.82666667-12.05333333-46.50666667-14.93333333-70.29333334zM919.36 327.46666666c-10.66666667-23.89333333-23.46666667-46.93333333-38.29333334-68.58666666l-31.14666666 21.22666666c13.44 19.84 25.28 40.96 34.98666666 62.82666667l34.45333334-15.46666667zM831.36 197.97333333c-18.34666667-18.77333333-38.4-35.94666667-59.62666667-51.09333333L749.86666666 177.6c19.52 13.86666667 37.86666667 29.65333333 54.61333334 46.82666666l26.88-26.45333333zM703.89333333 107.09333333c-23.68-11.2-48.53333333-20.37333333-73.81333333-27.09333333l-9.81333334 36.37333333c23.14666667 6.18666667 45.86666667 14.61333333 67.52 24.85333333l16.10666667-34.13333333zM277.76 178.98666666l-22.08-30.50666666c-21.22666667 15.36-41.17333333 32.64-59.41333334 51.52l27.09333334 26.13333333c16.74666667-17.28 35.09333333-33.06666667 54.4-47.14666667zM348.90666666 918.08c24.32 9.81333333 49.6 17.49333333 75.2 22.82666666l7.68-36.90666666c-23.46666667-4.90666667-46.61333333-11.94666667-68.8-20.90666667l-14.08 34.98666667zM503.25333333 912.42666666l-1.06666667 37.65333334c4.16 0.10666667 8.42666667 0.21333333 12.58666667 0.21333333 21.97333333 0 44.16-1.6 65.81333333-4.90666667l-5.54666666-37.22666666c-23.57333333 3.52-47.89333333 4.90666667-71.78666667 4.26666666zM944.85333333 401.81333333l-36.58666667 8.96c5.65333333 23.14666667 9.28 47.14666667 10.77333334 71.04l37.65333333-2.34666667c-1.70666667-26.13333333-5.65333333-52.26666667-11.84-77.65333333zM396.8 80.64c-25.28 6.93333333-50.02666667 16.21333333-73.6 27.62666666l16.32 33.92c21.54666667-10.34666667 44.26666667-18.88 67.30666666-25.17333333L396.8 80.64zM121.17333333 710.4c11.94666667 23.25333333 26.13333333 45.54666667 42.13333333 66.34666666l29.86666667-22.93333333c-14.61333333-18.98666667-27.52-39.46666667-38.50666667-60.69333333L121.17333333 710.4zM216.42666666 834.66666666c19.30666667 17.70666667 40.42666667 33.70666667 62.50666667 47.68l20.05333333-31.89333333c-20.26666667-12.8-39.46666667-27.41333333-57.17333333-43.62666667l-25.38666667 27.84z"
+          p-id="1692"
+          fill="#1296db"
+          data-spm-anchor-id="a313x.7781069.0.i0"
+        ></path>
+      </svg>
     </div>
     <video-play
       v-if="openVideo"
@@ -146,9 +104,7 @@
       return {
         hiMap: new HieimpMap(), // 地图全局对象
         mapId: 'map-single', // 地图容器的id
-
         cameraAllData: [],
-
         checkboxGroup: [],
         tabList: [],
         state: '',
@@ -161,6 +117,7 @@
         timer: null,
         openVideo: false,
         channelCode: [],
+        circleModeFlag: false,
       }
     },
     components: {
@@ -209,6 +166,18 @@
       // })
     },
     methods: {
+      circleMode() {
+        // 转换圈选模式
+        this.circleModeFlag = !this.circleModeFlag
+        if(this.circleModeFlag){
+          // 打开圈选模式
+
+        }else {
+          // 关闭圈选模式，清空圈选内容，重新上图
+
+        }
+
+      },
       getCameraAllPage(page) {
         let params = {
           page: page,
@@ -327,8 +296,8 @@
             if (res.data.data.length == 0) {
               const params = {
                 parentId: node.data.id,
-                checkStatus:'1'
-                  // this.checkStatus == '2' ? ['0', '1'] : this.checkStatus,
+                checkStatus: '1',
+                // this.checkStatus == '2' ? ['0', '1'] : this.checkStatus,
               }
               getCameraByParentId(params).then((res) => {
                 res.data.data.forEach((item) => {
@@ -444,8 +413,8 @@
 <style scoped lang="less">
   .map-box {
     width: 100%;
-    // height: 100%;
-    height: 624px;
+    height: 100%;
+    // height: 624px;
     position: absolute;
     .normal-map-content {
       width: 100%;
@@ -453,14 +422,14 @@
       position: absolute;
     }
   }
-
   #contain {
     .searchPoint {
       position: absolute;
       z-index: 1000;
-      left: 100px;
+      top: 0.1rem;
+      right: 0.1rem;
       border-radius: 4px;
-      margin-top: 20px;
+      // margin-top: 20px;
       :deep(.el-input__wrapper) {
         background: #629ab8;
         border-radius: 20px;
@@ -642,3 +611,20 @@
     }
   }
 </style>
+<style lang="less">
+.ucs-leaflet-map {
+  .iclient-leaflet-logo {
+    display: none;
+  }
+  .leaflet-control-attribution {
+    display: none;
+  }
+  svg {
+    position: absolute;
+    bottom: 0.1rem;
+    right: 0.1rem;
+    z-index: 1001;
+    cursor: pointer;
+  }
+}
+</style>
diff --git a/front/src/views/newHome/components/PopularAbility.vue b/front/src/views/newHome/components/PopularAbility.vue
index 26d04658..66f7475a 100644
--- a/front/src/views/newHome/components/PopularAbility.vue
+++ b/front/src/views/newHome/components/PopularAbility.vue
@@ -32,7 +32,15 @@
               <div class="img" :class="item.imgType"></div>
             </div>
             <div class="item-right">
-              <div class="fw">{{ select }}:{{ item.visits }}</div>
+              <div class="fw" v-if="select == '访问量'">
+                {{ select }}:{{ item.visits }}
+              </div>
+              <div class="fw" v-if="select == '申购量'">
+                {{ select }}:{{ item.applyCount }}
+              </div>
+              <div class="fw" v-if="select == '收藏量'">
+                {{ select }}:{{ item.collectCount }}
+              </div>
               <div class="name">{{ item.name }}</div>
               <div class="text">
                 {{ item.description || '暂无描述' }}
diff --git a/front/src/views/personalCenter/components/addApplication.vue b/front/src/views/personalCenter/components/addApplication.vue
index 27019dc2..f6a5df1f 100644
--- a/front/src/views/personalCenter/components/addApplication.vue
+++ b/front/src/views/personalCenter/components/addApplication.vue
@@ -135,7 +135,7 @@
                 <a-upload
                   v-model:file-list="fileList"
                   name="file"
-                  :action="`${window.SITE_CONFIG.apiURL}/upload`"
+                  :action="upLoadUrl"
                   :headers="headers"
                   @change="handleChange"
                 >
@@ -242,6 +242,7 @@
     },
     setup() {
       const disabled = ref(false)
+      const upLoadUrl = ref(window.SITE_CONFIG.apiURL + '/upload')
       const formName = reactive({
         applyUserDeptId: '',
         applyUserDeptName: '',
@@ -346,6 +347,7 @@
         disabled,
         signOut,
         processStartHandle,
+        upLoadUrl,
         // baseURL,
       }
     },