WholeProcessPlatform/frontend/src/views/home/huanBaoZhiLiangZhuangKuang.vue

<script setup lang="ts">
import { ref, watch } from 'vue';
import { useUiStore } from '@/store/modules/ui';
import basicInfoMod from '@/modules/rightSearchDrawer/basicInfo/index.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('');
const uiStore = useUiStore();
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>
        <div v-show="uiStore.searchDrawerOpen">
          <basicInfoMod />
        </div>
        <div v-show="!uiStore.searchDrawerOpen">
          <HuanbaozdjcgzkzQK />
          <SZYCBH v-if="wbsCode != 'all'" />
        </div>
      </RightDrawer>
    </div>
  </div>
</template>
<style scoped lang="scss"></style>