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

<script setup lang="ts">
import { onMounted, ref } from "vue";
import JidiSelectorMod from "@/modules/jidiSelectorMod.vue";
import RightDrawer from "@/components/RightDrawer/index.vue";
import jidiInfoMod from "@/modules/jidiInfoMod/index.vue";
import shuidianhuangjingjieruMod from "@/modules/shuidianhuangjingjieruMod/index.vue";
import { useModelStore } from "@/store/modules/model";

const modelStore = useModelStore();
// import { getQgcStaticData } from "@/api/ecoFlow";
onMounted(() => {
  // const params = {
  //   filter: {
  //     logic: "and",
  //     filters: [
  //       { field: "dtin", operator: "eq", dataType: "string", value: "1" },
  //       { field: "type", operator: "eq", dataType: "string", value: "hour" },
  //       { field: "tm", operator: "gte", dataType: "date", value: "2026-03-02 00:00:00" },
  //       { field: "tm", operator: "lte", dataType: "date", value: "2026-04-02 23:59:59" },
  //     ],
  //   },
  // };
  // getQgcStaticData(params).then((res) => {
  //   console.log(res);
  // });
});

const showMapModal = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "ENG";
  modelStore.title = "三峡 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal1 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "WT";
  modelStore.title = "水温 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal2 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "WQFB";
  modelStore.title = "水质 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal3 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "FH";
  modelStore.title = "栖息地 详情信息";
  modelStore.isBasicEdit = true;
};//
const showMapModal4 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "fh_zq_point";
  modelStore.title = "栖息地流量 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal5 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "fp_point";
  modelStore.title = "过鱼设施 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal6 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "FB";
  modelStore.title = "鱼类增殖站 详情信息";
  modelStore.isBasicEdit = true;
};
//
const showMapModal7 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "VA";
  modelStore.title = "动物救助站 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal8 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "VP";
  modelStore.title = "珍稀植物园 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal9 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "WE";
  modelStore.title = "水生生态调查断面 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal10 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "WVA";
  modelStore.title = "野生动物监测 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal11 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "VD_FBFM";
  modelStore.title = "AI视频监控站 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal12 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "eng_alarm_point";
  modelStore.title = "水电站告警情况 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal13 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "FPRD";
  modelStore.title = "鱼类调查装置 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal14 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "DW_2";
  modelStore.title = "低温水减缓设施-叠梁门 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal15 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "DW_5";
  modelStore.title = "前置挡墙 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal16 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "DW_6";
  modelStore.title = "隔水幕墙 详情信息";
  modelStore.isBasicEdit = true;
};
const showMapModal17 = () => {
  modelStore.modalVisible = true;
  modelStore.params.sttp = "DW_1";
  modelStore.title = "夹岩双层取水 详情信息";
  modelStore.isBasicEdit = true;
};
//DW_5
</script>

<template>
  <div class="moduleContent">
    <div class="leftContent">
      <JidiSelectorMod />
    </div>
    <div class="rightContent">
      <RightDrawer>
        <a-button @click="showMapModal">打开电站弹窗</a-button>
        <a-button @click="showMapModal1">打开水温弹窗</a-button>
        <!-- <a-button @click="showMapModal2">打开水质弹窗</a-button> -->
        <!-- <a-button @click="showMapModal3">打开栖息地弹窗</a-button> -->
        <a-button @click="showMapModal4">打开栖息地流量弹窗</a-button>
        <!-- <a-button @click="showMapModal5">打开过鱼设施弹窗</a-button> -->
        <!-- <a-button @click="showMapModal6">打开鱼类增殖站弹窗</a-button> -->
        <!-- <a-button @click="showMapModal7">打开动物救助站弹窗</a-button> -->
        <!-- <a-button @click="showMapModal8">打开珍稀植物园弹窗</a-button> -->
        <!-- <a-button @click="showMapModal9">打开水生生态调查断面弹窗</a-button> -->
        <!-- <a-button @click="showMapModal10">打开野生动物监测弹窗</a-button> -->
        <!-- <a-button @click="showMapModal11">打开AI视频监控站弹窗</a-button> -->
        <!-- <a-button @click="showMapModal12">打开水电站告警情况弹窗</a-button> -->
        <!-- <a-button @click="showMapModal13">打开鱼类调查装置弹窗</a-button>   -->
        <!-- <a-button @click="showMapModal14">打开低温水减缓设施-叠梁门弹窗</a-button>   -->
        <!-- <a-button @click="showMapModal15">打开前置挡墙弹窗</a-button> -->
        <!-- <a-button @click="showMapModal16">打开隔水幕墙弹窗</a-button> -->
        <!-- <a-button @click="showMapModal17">打开夹岩双层取水弹窗</a-button> -->

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