模块完善

frontend/src/views/zhenXIZhiWuYuan/zhenXIZhiWuYuan.vue

@@ -1,8 +1,25 @@
 <script setup lang="ts">
+import { ref, watch } from "vue";
 import JidiSelectorMod from "@/modules/jidiSelectorMod.vue";
 import RightDrawer from "@/components/RightDrawer/index.vue";
 import ZhiWuYuanJianSheJiJieRuQingKuangBar from "@/modules/ZhenXiZhiWuYuanMod/ZhiWuYuanJianSheJiJieRuQingKuangBar/index.vue"; // 植物园建设及接入情况
 import Dwjzqk from "@/modules/ZhenXiZhiWuYuanMod/Dwjzqk/index.vue"
+import JZZQKJS from "@/modules/DongWuJiuZhuZhan/JiuZhuZhanQingKuangJieShao.vue"; // 救助站情况介绍
+import { useJidiSelectEventStore } from "@/store/modules/jidiSelectEvent";
+const JidiSelectEventStore = useJidiSelectEventStore();
+const wbsCode = ref('all')
+watch(
+  () => JidiSelectEventStore.selectedItem,
+  (newVal) => {
+    console.log(newVal);
+    if (newVal.wbsCode == 'all') {
+      wbsCode.value = 'all';
+    } else {
+      wbsCode.value = newVal.wbsCode;
+    }
+  },
+  { deep: true }
+);
 </script>
 
 <template>
@@ -12,9 +29,9 @@ import Dwjzqk from "@/modules/ZhenXiZhiWuYuanMod/Dwjzqk/index.vue"
     </div>
     <div class="rightContent">
       <RightDrawer>
-        <ZhiWuYuanJianSheJiJieRuQingKuangBar  />
+        <JZZQKJS  v-if="wbsCode!='all'" />
+        <ZhiWuYuanJianSheJiJieRuQingKuangBar v-if="wbsCode=='all'" />
         <Dwjzqk  />
-        <!-- <JZZQKJS  /> -->
       </RightDrawer>
     </div>
   </div>