右侧模块开发-弹框

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

View File

@ -2,13 +2,30 @@
<template> <template>
<div class="basic_body"> <div class="basic_body">
<div ref="chartContainer" class="chart-container"></div> <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> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, onMounted, onUnmounted } from 'vue'; import { ref, onMounted, onUnmounted } from 'vue';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { message } from 'ant-design-vue';
import SDKFQKPie from '@/modules/shuidianhuangjingjieruMod/TwoLayer/ShuiDianKaiFQKTwoLayer.vue'
// 便 // 便
defineOptions({ defineOptions({
name: 'developStatusChart' name: 'developStatusChart'
@ -17,6 +34,10 @@ defineOptions({
const chartContainer = ref<HTMLDivElement | null>(null); const chartContainer = ref<HTMLDivElement | null>(null);
let chartInstance: echarts.ECharts | null = null; let chartInstance: echarts.ECharts | null = null;
//
const modalVisible = ref(false);
const selectedType = ref('');
// //
onMounted(() => { onMounted(() => {
if (chartContainer.value) { if (chartContainer.value) {
@ -104,6 +125,24 @@ const initChart = () => {
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
chartInstance?.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> </script>
@ -116,5 +155,10 @@ const initChart = () => {
width: 203px; // width: 203px; //
height: 100px; // height: 100px; //
} }
.modal-content {
padding: 10px 0;
min-height: 100px;
}
} }
</style> </style>

View File

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

View File

@ -55,6 +55,86 @@ const showMapModal4 = () => {
modelStore.title = "栖息地流量 详情信息"; modelStore.title = "栖息地流量 详情信息";
modelStore.isBasicEdit = true; 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> </script>
<template> <template>
@ -65,10 +145,24 @@ const showMapModal4 = () => {
<div class="rightContent"> <div class="rightContent">
<RightDrawer> <RightDrawer>
<a-button @click="showMapModal">打开电站弹窗</a-button> <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="showMapModal2">打开水质弹窗</a-button> -->
<!-- <a-button @click="showMapModal3">打开栖息地弹窗</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 /> <jidiInfoMod />
<shuidianhuangjingjieruMod /> <shuidianhuangjingjieruMod />
</RightDrawer> </RightDrawer>