45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
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 GuoYuSheShiJieShao from '@/modules/guoyusheshijieshao/index.vue';
|
|
import GuoYuSheShiJianSheQingKuang from '@/modules/guoyusheshijiansheqingkuang/index.vue';
|
|
import GuoYuJianCeTJ from '@/modules/guoyujiance/index.vue';
|
|
import GYZLLB from '@/modules/GYZLLB/index.vue';
|
|
import { useJidiSelectEventStore } from '@/store/modules/jidiSelectEvent';
|
|
import { ref, watch } from 'vue';
|
|
const JidiSelectEventStore = useJidiSelectEventStore();
|
|
const uiStore = useUiStore();
|
|
const baseid = ref('');
|
|
watch(
|
|
() => JidiSelectEventStore.selectedItem,
|
|
newVal => {
|
|
baseid.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">
|
|
<GuoYuSheShiJieShao v-if="baseid != 'all'" />
|
|
<GuoYuSheShiJianSheQingKuang v-if="baseid == 'all'" />
|
|
<GuoYuJianCeTJ />
|
|
<GYZLLB title="过鱼总量" />
|
|
</div>
|
|
</RightDrawer>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<style scoped lang="scss"></style>
|