WholeProcessPlatform/frontend/src/views/shuiZhiJianCe/shuiHuanJingZhiLiangZhuangKuang.vue

<script setup lang="ts">
import { ref, watch } from "vue";
import JidiSelectorMod from "@/modules/jidiSelectorMod.vue";
import RightDrawer from "@/components/RightDrawer/index.vue";
import ShuiZhiJianCeGongZuoQingKuang from "@/modules/shuizhijiancegongzuoQK/index.vue"
import EnvironmentalQuality from "@/modules/EnvironmentalQuality/index.vue" // 环境质量满足度
import { useJidiSelectEventStore } from "@/store/modules/jidiSelectEvent";
import SZYCBH from "@/modules/waterQuality/index.vue"
const JidiSelectEventStore = useJidiSelectEventStore();
const wbsCode = ref('');
watch(
  () => JidiSelectEventStore.selectedItem,
  (newVal) => {
    console.log(newVal);
    wbsCode.value = newVal.wbsCode;
  },
  { deep: true }
);
</script>

<template>
  <div class="moduleContent">
    <div class="leftContent">
      <JidiSelectorMod />
    </div>
    <div class="rightContent">
      <RightDrawer>
        <ShuiZhiJianCeGongZuoQingKuang />
        <EnvironmentalQuality />
        <SZYCBH v-if="wbsCode != 'all'"></SZYCBH>

      </RightDrawer>
    </div>
  </div>
</template>
<style scoped lang="scss"></style>