2026-03-31 17:26:16 +08:00
|
|
|
<script setup lang="ts">
|
2026-08-07 17:55:27 +08:00
|
|
|
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';
|
2026-05-15 18:08:29 +08:00
|
|
|
const JidiSelectEventStore = useJidiSelectEventStore();
|
2026-08-07 17:55:27 +08:00
|
|
|
const wbsCode = ref('');
|
2026-05-15 18:08:29 +08:00
|
|
|
watch(
|
|
|
|
|
() => JidiSelectEventStore.selectedItem,
|
2026-08-07 17:55:27 +08:00
|
|
|
newVal => {
|
|
|
|
|
wbsCode.value = newVal.wbsCode;
|
2026-05-15 18:08:29 +08:00
|
|
|
},
|
2026-08-07 17:55:27 +08:00
|
|
|
{ deep: true, immediate: true }
|
2026-05-15 18:08:29 +08:00
|
|
|
);
|
2026-03-31 17:26:16 +08:00
|
|
|
</script>
|
|
|
|
|
|
2026-03-27 14:50:35 +08:00
|
|
|
<template>
|
2026-08-07 17:55:27 +08:00
|
|
|
<div class="moduleContent">
|
|
|
|
|
<div class="leftContent">
|
|
|
|
|
<JidiSelectorMod />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightContent">
|
|
|
|
|
<RightDrawer>
|
2026-08-11 16:24:41 +08:00
|
|
|
<HuanbaozdjcgzkzQK />
|
|
|
|
|
<SZYCBH v-if="wbsCode != 'all'" />
|
2026-08-07 17:55:27 +08:00
|
|
|
</RightDrawer>
|
2026-03-31 17:26:16 +08:00
|
|
|
</div>
|
2026-08-07 17:55:27 +08:00
|
|
|
</div>
|
2026-03-27 14:50:35 +08:00
|
|
|
</template>
|
2026-04-02 10:54:14 +08:00
|
|
|
<style scoped lang="scss"></style>
|