<script setup lang="ts">
import { ref, watch } from "vue";
import JidiSelectorMod from "@/modules/jidiSelectorMod.vue";
import RightDrawer from "@/components/RightDrawer/index.vue";

import ZengZhiJiHuaWanChengQingKuang from "@/modules/zengZhiJiHuaWanChengQingKuang/index.vue"
import ZengZhiZhanJieShaoMod from "@/modules/zengZhiZhanJieShaoMod/index.vue"
import ZZZJSYXQKTT from "@/modules/zengzhizhanjiansheyunxing/index.vue"
import ZZZYXSJTJ from "@/modules/zengzhizhanyunxingsjtj/index.vue"
import FLZLLB from "@/modules/GYZLLB/index.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>
        <ZZZJSYXQKTT />
        <ZengZhiZhanJieShaoMod v-if="wbsCode != 'all'" />
        <ZengZhiJiHuaWanChengQingKuang v-if="wbsCode != 'all'" />
        <FLZLLB title="放流总量" />
        <ZZZYXSJTJ />
      </RightDrawer>
    </div>
  </div>
</template>
<style scoped lang="scss"></style>
