调整

src/views/globalMap/RightMenu/Fireproofing.vue

@@ -86,6 +86,10 @@ const initData = () => {
     total.value = res.total;
   });
 };
+const handleCancel = () => {
+  queryParams.keyword = '';
+  initData();
+};
 initData();
 </script>
 

src/views/globalMap/RightMenu/LayerAnalysis.vue

@@ -1,25 +1,27 @@
 <template>
   <div class="menu-content">
     <div class="gradient-text title">图层分析</div>
-    <div class="box">
-      <div
-        v-for="(item, index) in dataList"
-        :key="index"
-        :class="item.checked ? 'box-item box-item-active' : 'box-item'"
-        :title="item.name"
-        @click="handleClick(item)"
-      >
-        <div class="text1">{{ item.name }}</div>
-        <div class="text2">{{ item.value }}</div>
+    <div class="scroll-box">
+      <div class="box">
+        <div
+          v-for="(item, index) in dataList"
+          :key="index"
+          :class="item.checked ? 'box-item box-item-active' : 'box-item'"
+          :title="item.name"
+          @click="handleClick(item)"
+        >
+          <div class="text1">{{ item.name }}</div>
+          <div class="text2">{{ item.value }}</div>
+        </div>
+      </div>
+      <div class="box2">
+        <div class="box2-title">各区县分布统计</div>
+        <Chart :option="chartOption1" style="width: 100%; height: 948px" />
+      </div>
+      <div class="box2">
+        <div class="box2-title">类型统计</div>
+        <Chart :option="chartOption2" style="width: 100%; height: 422px; margin-top: 60px" />
       </div>
-    </div>
-    <div class="box2">
-      <div class="box2-title">各区县分布统计</div>
-      <Chart :option="chartOption1" style="width: 100%; height: 948px" />
-    </div>
-    <div class="box2">
-      <div class="box2-title">类型统计</div>
-      <Chart :option="chartOption2" style="width: 100%; height: 422px; margin-top: 60px" />
     </div>
   </div>
 </template>
@@ -240,6 +242,12 @@ const handleClick = (item) => {
   font-size: 36px;
   position: relative;
   color: #fff;
+  .scroll-box {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow-y: auto;
+  }
 }
 .title {
   font-size: 60px;

src/views/globalMap/RightMenu/OnlinePlotting/index.vue

@@ -828,12 +828,6 @@ onMounted(() => {
     background: url('@/assets/images/map/rightMenu/onlinePlotting/merge.png') no-repeat;
   }
 }
-.line2 {
-  width: 3px;
-  height: 24px;
-  background-color: #a7ccdf;
-  margin: 0 70px;
-}
 .line2 {
   width: 3px;
   height: 24px;