右侧模块开发-弹框

This commit is contained in:
王兴凯 2026-05-15 08:51:17 +08:00
parent 2a424cc3d6
commit 23e9fa7ca2
7 changed files with 5290 additions and 1056 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -225,8 +225,8 @@ const ENGTabs: Array<any> = [
// type: 'FlowDischarge'
// }
// ]
// // 过鱼设施 √
// const FPTabs: Array<any> =
// 过鱼设施 √
const FPTabs: Array<any> =
// Session.getAppCode() === 'hbb'
// ? [
// {
@ -248,32 +248,32 @@ const ENGTabs: Array<any> = [
// key: 'FishFacilityMonitorData', //Normal
// type: 'FishFacilityMonitorData', //Normal
// code: 'gyss.tabs.jcsj',
// tabs: [
// {
// name: '',
// type: 'table',
// tableUrl: getUrl('/wmp-env-server/env/fp/fpssTable/GetKendoListCust'),
// hiddenChart: true,
// hiddenTabs: true,
// filter: NormalDatePickerFilter
// }
// ]
// // tabs: [
// // {
// // name: '',
// // type: 'table',
// // tableUrl: getUrl('/wmp-env-server/env/fp/fpssTable/GetKendoListCust'),
// // hiddenChart: true,
// // hiddenTabs: true,
// // filter: NormalDatePickerFilter
// // }
// // ]
// },
// {
// name: '运行情况',
// key: 'FishFacilityRunState', //Normal1
// type: 'FishFacilityRunState', //Normal
// code: 'gyss.tabs.yxqk',
// tabs: [
// {
// name: '',
// type: 'table',
// tableUrl: getUrl('/wmp-env-server/env/fp/run/secondRun/GetKendoListCust'),
// hiddenChart: true,
// hiddenTabs: true,
// filter: NormalFishFilter
// }
// ]
// // tabs: [
// // {
// // name: '',
// // type: 'table',
// // tableUrl: getUrl('/wmp-env-server/env/fp/run/secondRun/GetKendoListCust'),
// // hiddenChart: true,
// // hiddenTabs: true,
// // filter: NormalFishFilter
// // }
// // ]
// },
// {
// name: '综合分析',
@ -296,26 +296,28 @@ const ENGTabs: Array<any> = [
// type: 'AIYXSB',
// }
// ]
// : [
// :
[
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
code: 'gyss.tabs.jcxx'
},
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo',
// code: 'gyss.tabs.jcxx'
// },
// // {
// // name: '实时视频',
// // key: 'videoInfo',
// // type: 'video',
// // url: '/video/dataStcdFrame/getVideoMonitorList',
// // code: 'gyss.tabs.sssp'
// // }
// {
// name: '监测数据',
// key: 'FishFacilityMonitorData', //Normal
// type: 'FishFacilityMonitorData', //Normal
// code: 'gyss.tabs.jcsj',
// name: '实时视频',
// key: 'videoInfo',
// type: 'video',
// url: '/video/dataStcdFrame/getVideoMonitorList',
// code: 'gyss.tabs.sssp'
// }
{
name: '监测数据',
key: 'FishFacilityMonitorData', //Normal
type: 'FishFacilityMonitorData', //Normal
code: 'gyss.tabs.jcsj',
default: true // 默认显示
// tabs: [
// {
// name: '',
@ -326,12 +328,12 @@ const ENGTabs: Array<any> = [
// filter: NormalDatePickerFilter
// }
// ]
// },
// {
// name: '运行情况',
// key: 'FishFacilityRunState', //Normal1
// type: 'FishFacilityRunState', //Normal
// code: 'gyss.tabs.yxqk',
},
{
name: '运行情况',
key: 'FishFacilityRunState', //Normal1
type: 'FishFacilityRunState', //Normal
code: 'gyss.tabs.yxqk',
// tabs: [
// {
// name: '',
@ -342,14 +344,14 @@ const ENGTabs: Array<any> = [
// filter: NormalFishFilter
// }
// ]
// },
// {
// name: '综合分析',
// key: 'FishZHFX',
// type: 'FishZHFX',
// code: "gyss.tabs.zhfx"
// },
// ]
},
{
name: '综合分析',
key: 'FishZHFX',
type: 'FishZHFX',
code: "gyss.tabs.zhfx"
},
]
// // 过鱼设施在建状态
// const FPTabs1: Array<any> = [
@ -373,88 +375,89 @@ const ENGTabs: Array<any> = [
// url: '/wmp-env-server/env/fp/run/secondBuild/GetKendoListCust'
// }
// ]
// //鱼类增殖站 √
// const FBTabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
// {
// name: '运行数据',
// key: 'NormalOperationData',
// type: 'NormalOperationData',
// tabs: [
// {
// name: '',
// type: 'table',
//鱼类增殖站 √
const FBTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo'
},
{
name: '运行数据',
key: 'NormalOperationData',
type: 'NormalOperationData',
tabs: [
{
name: '',
type: 'table',
// tableUrl: getUrl('/wmp-env-server/fb/bsmfr/GetKendoListCust'),
// hiddenChart: true,
// hiddenTabs: true,
hiddenChart: true,
hiddenTabs: true,
// filter: NormalSelectFilter,
// filterProps: {
// params: {}
// }
// }
// ]
// },
// {
// name: '过程图',
// key: 'ProcessDiagram',
// type: 'ProcessDiagram',
// code: "ylzzz.tabs.gct"
// },
// {
// name: '增殖放流情况',
// key: 'NormalAddedSituation', //NormalAddedSituation
// type: 'NormalAddedSituation', //NormalAddedSituation
// tabs: [
// {
// name: '',
// type: 'table',
filterProps: {
params: {}
}
}
]
},
{
name: '过程图',
key: 'ProcessDiagram',
type: 'ProcessDiagram',
code: "ylzzz.tabs.gct"
},
{
name: '增殖放流情况',
key: 'NormalAddedSituation', //NormalAddedSituation
type: 'NormalAddedSituation', //NormalAddedSituation
default: true, // 默认显示
tabs: [
{
name: '',
type: 'table',
// tableUrl: getUrl('/wmp-env-server/fb/bsmfr/GetKendoListCust'),
// hiddenChart: true,
// hiddenTabs: true,
hiddenChart: true,
hiddenTabs: true,
// filter: NormalFishFilter1,
// filterProps: {
// params: {}
// }
// }
// ]
// },
filterProps: {
params: {}
}
}
]
},
// {
// name: '科研情况',
// key: 'NormalResearchSituation', // Normal2
// type: 'NormalResearchSituation', // Normal
// code: 'ylzzz.tabs.kyqk',
// tabs: [
// {
// name: '',
// type: 'table',
// tableUrl: '/wmp-env-server/base/researchb/GetKendoList',
// hiddenChart: true,
// hiddenTabs: true,
{
name: '科研情况',
key: 'NormalResearchSituation', // Normal2
type: 'NormalResearchSituation', // Normal
code: 'ylzzz.tabs.kyqk',
tabs: [
{
name: '',
type: 'table',
tableUrl: '/wmp-env-server/base/researchb/GetKendoList',
hiddenChart: true,
hiddenTabs: true,
// filter: NormalYearPickerFilter,
// filterProps: {
// params: {}
// }
// }
// ]
// },
filterProps: {
params: {}
}
}
]
},
{
name: '实时视频',
key: 'videoInfo',
type: 'video',
url: '/video/dataStcdFrame/getVideoMonitorList'
}
// {
// name: '实时视频',
// key: 'videoInfo',
// type: 'video',
// url: '/video/dataStcdFrame/getVideoMonitorList'
// }
// // {
// // name: "全景影像",
// // key: "panoramaInfo",
// // type: "panorama"
// // },
// ]
// name: "全景影像",
// key: "panoramaInfo",
// type: "panorama"
// },
]
// const FBTabs1: Array<any> = [
// {
@ -487,7 +490,8 @@ const FHTabs: Array<any> = [
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo'
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true // 默认显示
},
{
name: '水温监测',
@ -705,7 +709,8 @@ const FLOWTabs: Array<any> = [
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo'
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true // 默认显示
},
{
name: '监测数据',
@ -756,29 +761,30 @@ const WTTabs: Array<any> = [
// ]
// //低温水减缓设施
// const DWTabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// },
// {
// name: '实时视频',
// key: 'videoInfo',
// type: 'video',
// url: '/video/dataStcdFrame/getVideoMonitorList'
// },
// {
// name: '监测数据',
// key: 'VerticalWaterTemperature',
// type: 'VerticalWaterTemperature',
// },
// {
// name: '叠梁门运行AI识别',
// key: 'AIYXSB',
// type: 'AIYXSB',
// }
// ]
const DWTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
default: true, // 默认显示
},
{
name: '实时视频',
key: 'videoInfo',
type: 'video',
url: '/video/dataStcdFrame/getVideoMonitorList'
},
{
name: '监测数据',
key: 'VerticalWaterTemperature',
type: 'VerticalWaterTemperature',
},
{
name: '叠梁门运行AI识别',
key: 'AIYXSB',
type: 'AIYXSB',
}
]
// //低温水减缓设施这是旧的
// const DWTabs2: Array<any> = [
// {
@ -815,193 +821,206 @@ const WTTabs: Array<any> = [
// }
// ]
// //调查断面
// const WETabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
// {
// name: '监测数据',
// key: 'Ecology',
// type: 'Ecology',
// tabs: [
// {
// name: '调查鱼类',
// type: 'table',
// key: 'weFish',
const WETabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true, // 默认显示
},
{
name: '监测数据',
key: 'Ecology',
type: 'Ecology',
tabs: [
{
name: '调查鱼类',
type: 'table',
key: 'weFish',
// tableUrl: getUrl('/wmp-env-server/env/we/fisht/GetKendoListCust'),
// hiddenChart: true,
hiddenChart: true,
// filter: NormalWEFilter,
// filterProps: {
// params: { ftype: 'WE' }
// }
// },
// {
// name: '水温(℃)',
// type: 'table',
// tableUrl: '/wmp-env-server/we/wewtr/GetKendoListCust',
// key: 'weWaterTemp',
// hiddenChart: true,
filterProps: {
params: { ftype: 'WE' }
}
},
{
name: '水温(℃)',
type: 'table',
tableUrl: '/wmp-env-server/we/wewtr/GetKendoListCust',
key: 'weWaterTemp',
hiddenChart: true,
// filter: NormalWEFilter,
// filterProps: {
// params: { ftype: 'WE' }
// }
// },
// {
// name: '水质',
// type: 'table',
// tableUrl: '/wmp-env-server/we/wewqr/GetKendoListCust',
// key: 'weWaterQuality',
// hiddenChart: true,
filterProps: {
params: { ftype: 'WE' }
}
},
{
name: '水质',
type: 'table',
tableUrl: '/wmp-env-server/we/wewqr/GetKendoListCust',
key: 'weWaterQuality',
hiddenChart: true,
// filter: NormalWEFilter,
// filterProps: {
// params: { ftype: 'WE' }
// }
// },
// {
// name: '流速(m/s)',
// type: 'table',
// key: 'weFlowVelocity',
// tableUrl: '/wmp-env-server/env/we/fvR/GetKendoListCust',
// hiddenChart: true,
filterProps: {
params: { ftype: 'WE' }
}
},
{
name: '流速(m/s)',
type: 'table',
key: 'weFlowVelocity',
tableUrl: '/wmp-env-server/env/we/fvR/GetKendoListCust',
hiddenChart: true,
// filter: NormalWEFilter,
// filterProps: {
// params: { ftype: 'WE' }
// }
// }
// ]
// }
// ]
filterProps: {
params: { ftype: 'WE' }
}
}
]
}
]
//鱼类调查装置
const DEVICETABS: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true, // 默认显示
},
]
// //电站告警
// const DZGJ: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
// {
// name: '监测数据',
// key: 'DZGJ',
// type: 'DZGJ',
// tabs: [
// {
// name: '生态流量',
// type: 'table',
// key: 'STLL',
const DZGJ: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true, // 默认显示
},
{
name: '监测数据',
key: 'DZGJ',
type: 'DZGJ',
tabs: [
{
name: '生态流量',
type: 'table',
key: 'STLL',
// filter: Session.getAppCode() == 'hbb' ? NormalYearPickerFilter : NormalDatePickerFilter,
// tableUrl: '/wmp-env-server/env/warn/detail/GetKendoListCust',
// hiddenChart: true,
// filterProps: {
// params: { ftype: 'WE' }
// }
// },
// {
// name: '水位',
// type: 'table',
// key: 'SW',
tableUrl: '/wmp-env-server/env/warn/detail/GetKendoListCust',
hiddenChart: true,
filterProps: {
params: { ftype: 'WE' }
}
},
{
name: '水位',
type: 'table',
key: 'SW',
// filter: Session.getAppCode() == 'hbb' ? NormalYearPickerFilter : NormalDatePickerFilter,
// tableUrl: '/wmp-env-server/env/warn/detail/GetKendoListCust',
// hiddenChart: true,
// filterProps: {
// params: { ftype: 'WE' }
// }
// },
// {
// name: '水质',
// type: 'table',
// key: 'SZ',
tableUrl: '/wmp-env-server/env/warn/detail/GetKendoListCust',
hiddenChart: true,
filterProps: {
params: { ftype: 'WE' }
}
},
{
name: '水质',
type: 'table',
key: 'SZ',
// filter: Session.getAppCode() == 'hbb' ? NormalYearPickerFilter : NormalDatePickerFilter,
// tableUrl: '/wmp-env-server/env/wqWar/GetKendoListCust',
// hiddenChart: true,
// filterProps: {
// params: { ftype: 'WE' }
// }
// },
// {
// name: '河道水温',
// type: 'table',
// key: 'HDSW',
tableUrl: '/wmp-env-server/env/wqWar/GetKendoListCust',
hiddenChart: true,
filterProps: {
params: { ftype: 'WE' }
}
},
{
name: '河道水温',
type: 'table',
key: 'HDSW',
// filter: Session.getAppCode() == 'hbb' ? NormalYearPickerFilter : NormalDatePickerFilter,
// tableUrl: '/wmp-env-server/env/warn/detail/GetKendoListCust',
// hiddenChart: true,
// filterProps: {
// params: { ftype: 'WE' }
// }
// }
// ]
// }
// ]
tableUrl: '/wmp-env-server/env/warn/detail/GetKendoListCust',
hiddenChart: true,
filterProps: {
params: { ftype: 'WE' }
}
}
]
}
]
// //珍稀植物园
// const VPTabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
//珍稀植物园
const VPTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true, // 默认显示
},
// {
// name: '实时视频',
// key: 'videoInfo',
// type: 'video',
// url: '/video/dataStcdFrame/getVideoMonitorList'
// },
// // {
// // name: "全景影像",
// // key: "panoramaInfo",
// // type: "panorama",
// // code: "zxzwy.tabs.qjyx"
// // },
// {
// name: '运行数据',
// key: 'NormalDataMonitoring2',
// type: 'NormalDataMonitoring2',
// tabs: [
// {
// name: '',
// type: 'table',
// tableUrl: '/evnInvestigation/getRareBotanicalGardenTable',
// hiddenChart: true,
// hiddenTabs: true,
// name: "全景影像",
// key: "panoramaInfo",
// type: "panorama",
// code: "zxzwy.tabs.qjyx"
// },
{
name: '运行数据',
key: 'NormalDataMonitoring2',
type: 'NormalDataMonitoring2',
tabs: [
{
name: '',
type: 'table',
tableUrl: '/evnInvestigation/getRareBotanicalGardenTable',
hiddenChart: true,
hiddenTabs: true,
// filter: NormalYearPickerFilter,
// filterProps: {
// params: {}
// }
// }
// ]
// }
// // {
// // name: "浇水养护",
// // key: "FishSystemRunState", //Normal1
// // type: "FishSystemRunState", //Normal
// // tabs: []
// // },
// // {
// // name: "违规放牧",
// // key: "FishSystemRunState", //Normal1
// // type: "FishSystemRunState", //Normal
// // tabs: []
// // }
// ]
// //视频站
// const videoTabs: Array<any> = [
filterProps: {
params: {}
}
}
]
}
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// name: "浇水养护",
// key: "FishSystemRunState", //Normal1
// type: "FishSystemRunState", //Normal
// tabs: []
// },
// {
// name: '实时视频',
// key: 'videoInfo',
// type: 'video',
// url: '/video/dataStcdFrame/getVideoMonitorList'
// name: "违规放牧",
// key: "FishSystemRunState", //Normal1
// type: "FishSystemRunState", //Normal
// tabs: []
// }
// ]
]
// //视频站
const videoTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true, // 默认显示
},
{
name: '实时视频',
key: 'videoInfo',
type: 'video',
url: '/video/dataStcdFrame/getVideoMonitorList'
}
]
// //视频站
// const noLiveVideoTabs: Array<any> = [
// {
@ -1018,38 +1037,39 @@ const WTTabs: Array<any> = [
// }
// ]
// //动物救助站
// const VATabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
const VATabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true, // 默认显示
},
// {
// name: '实时视频',
// key: 'videoInfo',
// type: 'video',
// url: '/video/dataStcdFrame/getVideoMonitorList'
// },
// {
// name: '监测数据',
// key: 'Normal',
// type: 'NormalDataMonitoring',
// tabs: [
// {
// name: '',
// type: 'table',
// tableUrl: '/engdbute/vaTable',
// hiddenChart: true,
// hiddenTabs: true,
{
name: '监测数据',
key: 'Normal',
type: 'NormalDataMonitoring',
tabs: [
{
name: '',
type: 'table',
tableUrl: '/engdbute/vaTable',
hiddenChart: true,
hiddenTabs: true,
// filter: NormalDatePickerFilter,
// filterProps: {
// params: {}
// }
// }
// ]
// }
// ]
filterProps: {
params: {}
}
}
]
}
]
// // //河道水情站
// // const hdsqz: Array<any> = [
@ -1143,7 +1163,27 @@ const CommonTabs: any = [
// url: '/bbi/siteBipc/getSiteBasicInfo'
// }
// ]
//野生动物监测
const WATabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo',
default: true, // 默认显示
},
{
name: '现场录像',
key: 'liveFootage',
type: 'liveFootage',
},
{
name: '现场图片',
key: 'onSitePhoto',
type: 'onSitePhoto',
},
]
// //mway : 1-是人工 2-是自动 dtinType: 0-自建 1-国家 2-人工
const handleTabs = (modaldata: any) => {
console.log('modaldata', modaldata);
@ -1160,7 +1200,33 @@ const handleTabs = (modaldata: any) => {
case 'FH_POINT':
return FHTabs;
case 'FH_ZQ_POINT':
return FLOWTabs
return FLOWTabs;
case 'FP_POINT':
return FPTabs;
case 'FB_POINT':
return FBTabs;
case 'VA_POINT':
return VATabs;
case 'VP_POINT':
return VPTabs;
case 'WE_POINT':
return WETabs;
case 'WA_POINT':
return WATabs;
case 'STINFO_AI_VIDEO_POINT':
return videoTabs;
case 'ENG_ALARM_POINT':
return DZGJ;
case 'FPRD_POINT':
return DEVICETABS;
case 'DW_POINT':
return DWTabs;
case 'DW_5':
return DEVICETABS;
case 'DW_6':
return DEVICETABS;
case 'DW_1':
return DEVICETABS;
//
// if (modaldata?.eqtp == 'QEC') {
// const { page } = Utility.parseQueryString()

View File

@ -2,13 +2,30 @@
<template>
<div class="basic_body">
<div ref="chartContainer" class="chart-container"></div>
<!-- 水电开发情况弹框 -->
<a-modal
v-model:open="modalVisible"
title="水电开发情况"
:width="1540"
@ok="handleModalOk"
@cancel="handleModalCancel"
>
<div class="modal-content">
<!-- 内容区域供用户自定义 -->
<!-- <p>选中类型{{ selectedType }}</p> -->
<SDKFQKPie :defaultTab="selectedType" />
<!-- 用户可在此处自定义内容 -->
</div>
</a-modal>
</div>
</template>
<script lang="ts" setup>
import { ref, onMounted, onUnmounted } from 'vue';
import * as echarts from 'echarts';
import { message } from 'ant-design-vue';
import SDKFQKPie from '@/modules/shuidianhuangjingjieruMod/TwoLayer/ShuiDianKaiFQKTwoLayer.vue'
// 便
defineOptions({
name: 'developStatusChart'
@ -17,6 +34,10 @@ defineOptions({
const chartContainer = ref<HTMLDivElement | null>(null);
let chartInstance: echarts.ECharts | null = null;
//
const modalVisible = ref(false);
const selectedType = ref('');
//
onMounted(() => {
if (chartContainer.value) {
@ -104,6 +125,24 @@ const initChart = () => {
window.addEventListener('resize', () => {
chartInstance?.resize();
});
//
chartInstance.on('click', (params: any) => {
if (params.data && params.data.name) {
selectedType.value = params.data.name;
modalVisible.value = true;
}
});
};
//
const handleModalOk = () => {
modalVisible.value = false;
};
//
const handleModalCancel = () => {
modalVisible.value = false;
};
</script>
@ -116,5 +155,10 @@ const initChart = () => {
width: 203px; //
height: 100px; //
}
.modal-content {
padding: 10px 0;
min-height: 100px;
}
}
</style>

View File

@ -16,7 +16,7 @@ const routeKey = computed(() => router.path + Math.random());
<template>
<section class="app-main">
<GisView />
<!-- <GisView /> -->
<div class="gi-panels">
<router-view v-slot="{ Component, route }" :key="routeKey">
<transition name="router-fade" mode="out-in">

View File

@ -55,6 +55,86 @@ const showMapModal4 = () => {
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_point";
modelStore.title = "鱼类增殖站 详情信息";
modelStore.isBasicEdit = true;
};
//
const showMapModal7 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "va_point";
modelStore.title = "动物救助站 详情信息";
modelStore.isBasicEdit = true;
};
const showMapModal8 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "vp_point";
modelStore.title = "珍稀植物园 详情信息";
modelStore.isBasicEdit = true;
};
const showMapModal9 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "we_point";
modelStore.title = "水生生态调查断面 详情信息";
modelStore.isBasicEdit = true;
};
const showMapModal10 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "wa_point";
modelStore.title = "野生动物监测 详情信息";
modelStore.isBasicEdit = true;
};
const showMapModal11 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "stinfo_ai_video_point";
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_point";
modelStore.title = "鱼类调查装置 详情信息";
modelStore.isBasicEdit = true;
};
const showMapModal14 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "dw_point";
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>
@ -65,10 +145,24 @@ const showMapModal4 = () => {
<div class="rightContent">
<RightDrawer>
<a-button @click="showMapModal">打开电站弹窗</a-button>
<a-button @click="showMapModal1">打开水温弹窗</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="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>