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 MapModal from "@/components/MapModal/index.vue";
import { useModelStore } from "@/store/modules/model";

const modelInfo = 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 modalVisible = ref(false);
const currentTabKey = ref("basicInfo");
const projectData = ref({ id: 1, name: "测试项目" });

const tabList = [
  { key: "basicInfo", title: "基础信息", url: "" },
  { key: "mapView", title: "地图视图", url: "" },
  { key: "surrounding", title: "周边配套", url: "" },
];

const showMapModal = () => {
  modalVisible.value = true;
  currentTabKey.value = "basicInfo";
  modelInfo.info.type = "eng";
};
const showMapModal1 = () => {
  modalVisible.value = true;
  currentTabKey.value = "basicInfo";
  modelInfo.info.type = "zh";
};

const onTabChange = (key: string) => {
  console.log("Tab 切换为:", key);
};
</script>

<template>
  <div class="moduleContent">
    <div class="leftContent">
      <JidiSelectorMod />
    </div>
    <div class="rightContent">
      <RightDrawer>
        <!-- <a-button @click="showMapModal">打开电站地图弹窗</a-button>
       <a-button @click="showMapModal1">打开地图弹窗1</a-button>

        <MapModal
          v-model:visible="modalVisible"
          v-model:active-key="currentTabKey"
          title="三峡 详情信息"
          :tabs-config="tabList"
          :data="projectData"
          @change="onTabChange"
        /> -->
        <jidiInfoMod />
        <shuidianhuangjingjieruMod />
      </RightDrawer>
    </div>
  </div>
</template>
<style scoped lang="scss"></style>