<script setup lang="ts">
import { ref, watch } from "vue";
import JidiSelectorMod from "@/modules/jidiSelectorMod.vue";
import RightDrawer from "@/components/RightDrawer/index.vue";
import HuanbaozdjcgzkzQK from "@/modules/huanbaozdjcgzkzQK/index.vue";
import SZYCBH from "@/modules/waterQuality/index.vue"
import { useJidiSelectEventStore } from "@/store/modules/jidiSelectEvent";
const JidiSelectEventStore = useJidiSelectEventStore();
const wbsCode = ref('')
watch(
  () => JidiSelectEventStore.selectedItem,
  (newVal) => {
    wbsCode.value = newVal.wbsCode
  },
  { deep: true, immediate: true  }
);
</script>

<template>
    <div class="moduleContent">
      <div class="leftContent">
        <JidiSelectorMod />
      </div>
      <div class="rightContent">
        <RightDrawer>
          <HuanbaozdjcgzkzQK />
          <SZYCBH v-if="wbsCode != 'all'" />
        </RightDrawer>
      </div>
    </div>
</template>
<style scoped lang="scss"></style>
