WholeProcessPlatform/frontend/src/views/zhenXIZhiWuYuan/zhenXIZhiWuYuan.vue

<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>
  <div class="moduleContent">
    <div class="leftContent">
      <JidiSelectorMod />
    </div>
    <div class="rightContent">
      <RightDrawer>
        <JZZQKJS  v-if="wbsCode!='all'" />
        <ZhiWuYuanJianSheJiJieRuQingKuangBar v-if="wbsCode=='all'" />
        <Dwjzqk  />
      </RightDrawer>
    </div>
  </div>
</template>
<style scoped lang="scss"></style>