WholeProcessPlatform/frontend/src/modules/rightSearchDrawer/monitoringTable/index.vue

<template>
  <div>
    <!-- 
        1.增殖放流 接口
        2. 生态调查  陆生 水生
     -->
    <!-- 电站运行过程线 -->
    <MonitorInfoMod v-if="sttpValue == 'ENG'" />
    <!-- 水温监控 -->
    <WaterTemperature v-if="sttpValue == 'WTRV'" />
    <!-- 垂向水温监控 -->
    <VerticalWaterTemperature v-if="sttpValue == 'WTVT'" />
    <!-- 水质监控 -->
    <WaterQuality v-if="sttpValue == 'WQ'" />
    <!-- 过鱼总量监控 -->
    <GYZLLB v-if="sttpValue == 'FP'" />
    <!-- 栖息地 FH -->
    <QXDInfo v-if="sttpValue == 'FH'" />
    <!-- 流量站 -->
    <FlowMeasure v-if="sttpValue == 'ZQ'" />
    <!-- 植物园 VP -->
    <Plant v-if="sttpValue == 'VP'" />
    <!-- 动物园 VA -->
    <Animal v-if="sttpValue == 'VA'" />
    <!-- 生态流量泄放设施 EQ -->
    <FlowDischarge v-if="sttpValue == 'EQ'" />
    <!-- 鱼类增殖站 -->
    <NormalOperationData v-if="sttpValue == 'FB'" />
    <!-- 智慧装备 -->
    <SmartEquipment
      :sttpValue="sttpValue"
      v-if="SmartEquipmentCodes.includes(sttpValue)"
    />
    <!-- 实时视频 -->
    <VideoInfo
      title="实时视频"
      placeholder="请选择视频"
      v-if="sttpValue == 'FB' || SmartEquipmentCodes.includes(sttpValue)"
    />
    <!-- 监测数据 -->
    <MonitorData v-if="sttpValue == 'WE'" />

    <!-- 生态调查 -->
    <!-- <WaterTemperature v-if="sttpValue == 'WE'" /> -->
    <!-- 生态调查  陆生 -->
  </div>
</template>

<script lang="ts" setup>
import { ref, watch } from 'vue';
import { useModelStore } from '@/store/modules/model';
import WaterTemperature from '@/modules/rightSearchDrawer/monitoringTable/components/WaterTemperature.vue';
import VerticalWaterTemperature from '@/modules/rightSearchDrawer/monitoringTable/components/VerticalWaterTemperature.vue';
import WaterQuality from '@/modules/rightSearchDrawer/monitoringTable/components/WaterQuality.vue';
import MonitorInfoMod from '@/modules/rightSearchDrawer/monitoringTable/components/monitorInfo.vue';
import GYZLLB from '@/modules/rightSearchDrawer/monitoringTable/components/GYZLLB.vue';
import QXDInfo from '@/modules/rightSearchDrawer/monitoringTable/components/QXDInfo.vue';
import FlowMeasure from '@/modules/rightSearchDrawer/monitoringTable/components/FlowMeasure.vue';
import Plant from '@/modules/rightSearchDrawer/monitoringTable/components/Plant.vue';
import Animal from '@/modules/rightSearchDrawer/monitoringTable/components/Animal.vue';
import FlowDischarge from '@/modules/rightSearchDrawer/monitoringTable/components/FlowDischarge.vue';
import NormalOperationData from '@/modules/rightSearchDrawer/monitoringTable/components/NormalOperationData.vue';
import VideoInfo from '@/modules/rightSearchDrawer/monitoringTable/components/VideoInfo.vue';
import SmartEquipment from '@/modules/rightSearchDrawer/monitoringTable/components/SmartEquipment.vue';
import MonitorData from '@/modules/rightSearchDrawer/speciesIntro/monitorData.vue';

const modelStore = useModelStore();
const sttpValue = ref('');

// 智慧装备 - sttpCode
const SmartEquipmentCodes = [
  'AI_FISH',
  'AI_ANML',
  'AI_BIRD',
  'AI_RIV',
  'AI_FISHING',
  'AI_5001',
  'AI_5005',
  'AI_SORTER',
  'FPRD'
];
// 选中点位变化时刷新；初始已有点位时立即加载
watch(
  () => modelStore.selectedAnchorPoint,
  newVal => {
    console.log(newVal);
    sttpValue.value = newVal?.sttpCode || '';
  },
  { immediate: true }
);
</script>

<style lang="scss" scoped></style>