。。。

。。。

components.d.ts

@@ -12,15 +12,20 @@ declare module 'vue' {
     AButton: typeof import('ant-design-vue/es')['Button']
     ACascader: typeof import('ant-design-vue/es')['Cascader']
     AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
+    ADivider: typeof import('ant-design-vue/es')['Divider']
     ADropdown: typeof import('ant-design-vue/es')['Dropdown']
     AForm: typeof import('ant-design-vue/es')['Form']
     AFormItem: typeof import('ant-design-vue/es')['FormItem']
     AImage: typeof import('ant-design-vue/es')['Image']
     AInput: typeof import('ant-design-vue/es')['Input']
     AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
+    ALayout: typeof import('ant-design-vue/es')['Layout']
+    ALayoutContent: typeof import('ant-design-vue/es')['LayoutContent']
+    ALayoutSider: typeof import('ant-design-vue/es')['LayoutSider']
     AMenu: typeof import('ant-design-vue/es')['Menu']
     AMenuItem: typeof import('ant-design-vue/es')['MenuItem']
     ASegmented: typeof import('ant-design-vue/es')['Segmented']
+    ASpace: typeof import('ant-design-vue/es')['Space']
     ASpin: typeof import('ant-design-vue/es')['Spin']
     AStatistic: typeof import('ant-design-vue/es')['Statistic']
     ATimeline: typeof import('ant-design-vue/es')['Timeline']

src/views/index.vue

@@ -229,7 +229,6 @@ const confirmEvent = () => {
   // background: #142738;
   background: #fff;
   color: #fff;
-  position: relative;
   // background-image: url(@/assets/images/community_container.jpg);
   // background-size: 100% 100%;
   // background-repeat: no-repeat;
@@ -237,8 +236,6 @@ const confirmEvent = () => {
   .community_top {
     width: 100%;
     height: 77px;
-    // position: absolute;
-    // top: 0;
     // background:#4880FF;
     background: #07315e;
     background-image: url(@/views/page/imag/titleBg1.png);
@@ -299,8 +296,6 @@ const confirmEvent = () => {
     width: 100%;
     height: calc(100% - 68px);
     overflow: hidden;
-    position: absolute;
-    // top: 0;
     // height: 100%;
     // margin: 10px 50px 30px 50px;
     // position: absolute;

src/views/page/index.vue

@@ -20,15 +20,6 @@
           <div @click="qhzty('3')" :class="{ active: isActive == '3' }">医疗单位</div>
           <div @click="qhzty('5')" :class="{ active: isActive == '5' }">其他</div>
         </div>
-        <!-- <div class="searchBox" v-show="show3">
-          <el-form-item label="">
-            <el-input v-model="searchValue" placeholder="请输入搜索关键词">
-              <template #append>
-                <el-button @click="onSearch" :icon="Search" />
-              </template>
-            </el-input>
-          </el-form-item>
-        </div> -->
 
         <div class="searchBox">
           <a-cascader
@@ -43,11 +34,7 @@
           />
         </div>
 
-        <!-- <button @click="refreshTreeData">刷新</button> -->
-        <!-- height: 75%; -->
-        <div ref="scrollContainer" v-loading="loading" style="margin: 10px 20px; height: 70%; overflow: auto">
-          <!-- —————————————————————————————重要的事情说三遍：  key 值必须唯一 ————————————————————————————— -->
-          <!-- —————————————————————————————重要的事情说三遍：  key 值必须唯一 ————————————————————————————— -->
+        <div ref="scrollContainer" v-loading="loading" class="scrollContainer">
           <!-- —————————————————————————————重要的事情说三遍：  key 值必须唯一 ————————————————————————————— -->
           <a-tree
             :fieldNames="{ key: 'code', title: 'title', children: 'children' }"
@@ -211,21 +198,21 @@
           <p style="color: rgb(179, 194, 208)">视频点位:</p>
           <ul v-if="ingrssddata">
             <li style="text-align: center; color: #fff" v-if="ingrssddata.ipcList.length < 1">暂无数据</li>
-            <li v-else style="margin-left: 20px; margin-top: 10px; color: rgb(1, 216, 226)" v-for="(item, index) in ingrssddata.ipcList">{{ item.title }}</li>
+            <li v-else style="margin-left: 20px; margin-top: 10px; color: rgb(1, 216, 226)" v-for="(item, index) in ingrssddata.ipcList" :key="index">{{ item.title }}</li>
           </ul>
         </div>
         <div style="margin-top: 10px">
           <p style="color: rgb(179, 194, 208)">安保点位:</p>
           <ul v-if="ingrssddata">
             <li style="text-align: center; color: #fff" v-if="ingrssddata.mobileList.length < 1">暂无数据</li>
-            <li style="margin-left: 20px; margin-top: 10px; color: rgb(1, 216, 226)" v-for="(item, index) in ingrssddata.mobileList">{{ item.title }}</li>
+            <li style="margin-left: 20px; margin-top: 10px; color: rgb(1, 216, 226)" v-for="(item, index) in ingrssddata.mobileList" :key="index">{{ item.title }}</li>
           </ul>
         </div>
         <div style="margin-top: 10px">
           <p style="color: rgb(179, 194, 208)">文件列表:</p>
           <ul v-if="ingrssddata">
             <li style="text-align: center; color: #fff" v-if="ingrssddata.fileList.length < 1">暂无数据</li>
-            <li style="display: inline-block; margin-right: 5px" v-for="(item, index) in ingrssddata.fileList">
+            <li style="display: inline-block; margin-right: 5px" v-for="(item, index) in ingrssddata.fileList" :key="index">
               <el-image
                 style="width: 150px; height: 150px"
                 v-if="item.type == 'image'"
@@ -404,20 +391,15 @@ import closeimag from './imag/infoClose.png'
 import { Ref, ref, watch, onMounted, onBeforeMount, reactive, getCurrentInstance, nextTick } from 'vue'
 import type { CascaderProps } from 'ant-design-vue'
 import type { ShowSearchType } from 'ant-design-vue/es/cascader'
-// import AMapLoader from "@amap/amap-jsapi-loader";
 const value = ref<string[]>([])
 const options = ref<any[]>([])
 const filter: ShowSearchType['filter'] = (inputValue, path) => {
-  // console.log(inputValue, path)
-
   return path.some((option) => option.title.toLowerCase().indexOf(inputValue.toLowerCase()) > -1)
 }
 const cascaderChange = (value: any, selectedOptions: any): void => {
-  // console.log('cascaderChange', value, selectedOptions)
-  // selectedKeys.value.push(value.slice(-1)[0])
   let title = selectedOptions.slice(-1)[0]?.title
   expandedKeys.value = value
-  scrollToMatchedNode(title) //此功能还有bug：滑动会带着父元素一起滑动
+  // scrollToMatchedNode(title) //此功能还有bug：滑动会带着父元素一起滑动
 }
 
 const showIframe = ref(false)
@@ -456,7 +438,6 @@ const qhzty2 = (data: any) => {
   isActive1.value = data
 }
 
-//
 watch(
   () => useUserStore().getsoketData,
   (newValue: any) => {
@@ -583,8 +564,6 @@ const qhzty = (data: any) => {
   }
 }
 const fieldNames: TreeProps['fieldNames'] = {
-  // children: 'children',
-  // title: 'title',
   key: 'code',
 }
 const loading = ref(false)
@@ -628,10 +607,6 @@ const checkKeyExists = (nodes: any, key: string): boolean => {
 // 展开指定 树节点
 const scrollToKey = (key: string) => {
   console.log('scrollToKey', key)
-
-  // console.log('treeRef________', treeRef.value.scrollTo)
-  // 验证 key 是否存在于树中
-  // const exists = treedataall.value.some((node) => node.key === key || node.children?.some((child: any) => child.key === key))
   const exists = checkKeyExists(treedataall.value, key)
   if (!exists) {
     console.error(`Key ${key} not found in the tree.`)
@@ -1462,7 +1437,7 @@ var state = {
 const initMap = () => {
   let latitude = JSON.parse(localStorage.getItem('user-stores'))['userInfo']['latitude']
   let longitude = JSON.parse(localStorage.getItem('user-stores'))['userInfo']['longitude']
-  // var cluster;
+
   state.map = new AMap.Map(state.id, {
     // center: [113.015117, 28.209425],
     center: [longitude, latitude],
@@ -1475,9 +1450,12 @@ const initMap = () => {
 </script>
 
 <style scoped lang="scss">
-// .input-with-select .el-input-group__prepend {
-//   background-color: var(--el-fill-color-blank);
-// }
+.scrollContainer {
+  margin: 10px 20px;
+  height: 70%;
+  overflow: auto;
+  position: absolute;
+}
 .slide-fade-enter-active {
   transition: all 0.3s linear;
 }
@@ -1757,7 +1735,7 @@ const initMap = () => {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  // position: absolute;
+  // position: absolute !important;
 
   .left-cont {
     box-sizing: border-box;