右侧控制显示面板，同时规整显示隐藏点的逻辑

src/views/home/earthquake/EarthquakeView.vue

@@ -21,14 +21,22 @@
 
     <!-- 左侧按钮组件 -->
     <LeftButtonComponent :button-list="leftButtonInfo" />
+
+    <!-- 右侧按钮组件 -->
+    <RightButtonComponent :button-list="rightButtonInfo" />
+
+    <!-- 控制显示组件 -->
+    <ControlShowComponent :constrol-show-list="controlPanel" />
   </div>
 </template>
 
 <script setup lang="ts">
   import BasicComponent from '@/component/rain-earthquake/BasicComponent.vue';
+  import ControlShowComponent from '@/component/rain-earthquake/ControlShowComponent.vue';
   import DisasterChainPointComponent from '@/component/rain-earthquake/DisasterChainPointComponent.vue';
   import LeftButtonComponent from '@/component/rain-earthquake/LeftButtonComponent.vue';
   import LegendComponent from '@/component/rain-earthquake/LegendComponent.vue';
+  import RightButtonComponent from '@/component/rain-earthquake/RightButtonComponent.vue';
   import { useEarthquakeDisasterChain } from '@/hooks/earthquake/useEarthquakeDisasterChain';
   import { useEarthquakeLegend } from '@/hooks/earthquake/useEarthquakeLegend';
   import { DisasterType } from '@/types/common/DisasterType.ts';
@@ -44,6 +52,8 @@
     tableColumns,
     paginationConfig,
     leftButtonInfo,
+    rightButtonInfo,
+    controlPanel,
     changeConditions,
     changeCurrentPage,
   } = useEarthquakeDisasterChain();