zhengsl/WholeProcessPlatform
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

基础信息完善

Browse Source
This commit is contained in:
王兴凯 2026-05-13 08:45:15 +08:00
parent 67f022d156
commit 1d83057078
5 changed files with 6147 additions and 5159 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

349
frontend/src/components/MapModal/column.config.ts
View File

@ -944,6 +944,351 @@ const BasicColumns: Array<any> = [
}
];
// 水温基础信息
const wtPointColumns: Array<any> = [
{
name: '基本属性',
visible: false,
ruleTips: '',
type: '',
url: ''
},
{
name: '测站名称',
filed: 'stnm',
visible: true,
type: 'input',
url: '',
},
{
name: '测站类型',
filed: 'sttpName',
visible: true,
type: 'select',
url: '',
},
{
name: '站址',
filed: 'addvcdName',
visible: true,
type: 'input',
url: '',
},
{
name: '所属流域',
filed: 'hbrvcdName',
visible: true,
type: 'select',
url: '',
},
{
name: '经度(°)',
filed: 'lgtd',
visible: true,
type: 'number',
toFixed: 6,
url: '',
},
{
name: '纬度(°)',
filed: 'lttd',
visible: true,
type: 'number',
toFixed: 6,
url: '',
},
{
name: '建成日期',
filed: 'jcdt',
visible: true,
type: 'date',
format: 'YYYY-MM-DD',
url: '',
},
{
name: '监测方式',
filed: 'mwayName',
visible: true,
type: 'select',
url: '',
},
{
name: '所属电站',
filed: 'ennm',
visible: true,
type: 'select',
url: '',
},
{
name: '',
filed: '',
visible: true,
type: '',
url: '',
},
];
//水质基础信息
const FhWpPointColumns: Array<any> = [
{
name: '基本属性',
visible: false,
ruleTips: '',
type: '',
url: ''
},
{
name: '测站名称',
filed: 'stnm',
visible: true,
type: 'input',
url: '',
},
{
name: '测站类型',
filed: 'sttpName',
visible: true,
type: 'select',
url: '',
},
{
name: '站址',
filed: 'addvcdName',
visible: true,
type: 'input',
url: '',
},
{
name: '所属流域',
filed: 'hbrvcdName',
visible: true,
type: 'select',
url: '',
},
{
name: '经度(°)',
filed: 'lgtd',
visible: true,
type: 'number',
toFixed: 6,
url: '',
},
{
name: '纬度(°)',
filed: 'lttd',
visible: true,
type: 'number',
toFixed: 6,
url: '',
},
{
name: '类别',
filed: 'dtinTypeName',
visible: true,
type: 'select',
url: '',
},
{
name: '水质要求',
filed: 'wwqtgName',
visible: true,
type: 'select',
url: '',
},
{
name: '监测方式',
filed: 'mwayName',
visible: true,
type: 'select',
url: '',
},
{
name: '',
filed: '',
visible: true,
type: '',
url: '',
},
];
//栖息地基础信息 fh_point
const FhPointColumns: Array<any> = [
{
name: '基本属性',
visible: false,
ruleTips: '',
type: '',
url: ''
},
{
name: '栖息地名称',
filed: 'stnm',
visible: true,
type: 'input',
url: '',
},
{
name: '站址',
filed: 'stlc',
visible: true,
type: 'input',
url: '',
},
{
name: '所属流域',
filed: 'baseName',
visible: true,
type: 'select',
url: '',
},
{
name: '保护对象',
filed: 'protobj',
visible: true,
type: 'select',
url: '',
},
{
name: '保护范围',
filed: 'qxdbhfw',
visible: true,
type: 'input',
url: '',
},
{
name: '保护总长度(km)',
filed: 'qxdbhcd',
visible: true,
type: 'number',
toFixed: 2,
url: '',
},
{
name: '保护核心长度(km)',
filed: 'qxdbhhxcd',
visible: true,
type: 'number',
toFixed: 2,
url: '',
},
{
name: '保护外围长度',
filed: 'qxdbhwwcd',
visible: true,
type: 'number',
toFixed: 2,
url: '',
},
{
name: '保护面积(km²)',
filed: 'qxdbhmj',
visible: true,
type: 'number',
toFixed: 2,
url: '',
},
{
name: '保护河流',
filed: 'bhhl',
visible: true,
type: 'select',
url: '',
},
{
name: '保护河段',
filed: 'bhhd',
visible: true,
type: 'select',
url: '',
},
{
name: '保护措施',
filed: 'prottyp',
visible: true,
type: 'select',
url: '',
},
{
name: '保护方式',
filed: 'protmthd',
visible: true,
type: 'select',
url: '',
},
{
name: '投资（亿元）',
filed: 'inv',
visible: true,
type: 'number',
url: '',
},
];
//栖息地流量 基础信息 fh_zq_point
const FhZQPointColumns: Array<any> = [
{
name: '测站名称',
filed: 'stnm',
visible: true,
type: 'input',
url: '',
},
{
name: '测站类型',
filed: 'sttpName',
visible: true,
type: 'select',
url: '',
},
{
name: '站址',
filed: 'stlc',
visible: true,
type: 'input',
url: '',
},
{
name: '所属流域',
filed: 'baseName',
visible: true,
type: 'select',
url: '',
},
{
name: '经度(°)',
filed: 'lgtd',
visible: true,
type: 'number',
toFixed: 6,
url: '',
},
{
name: '纬度(°)',
filed: 'lttd',
visible: true,
type: 'number',
toFixed: 6,
url: '',
},
{
name: '建成日期',
filed: 'jcdt',
visible: true,
type: 'date',
format: 'YYYY-MM-DD',
url: '',
},
{
name: '监测方式',
filed: 'mwayName',
visible: true,
type: 'select',
url: '',
},
];
//阶段属性
const basicFilterColumns: Array<any> = [
{
@ -1651,6 +1996,10 @@ const NormalColumns: Array<any> = [];
export {
BasicColumns,
wtPointColumns,
FhWpPointColumns,
FhPointColumns,
FhZQPointColumns,
basicFilterColumns,
tabsWithTwoColumns,
tableColumns1,

10532
frontend/src/components/MapModal/components/BasicInfo.vue
View File

File diff suppressed because it is too large Load Diff

1
frontend/src/components/MapModal/index.vue
View File

@ -87,6 +87,7 @@ watch(
watch(
() => modelStore.params,
(newVal) => {
console.log(newVal);
tabsConfig.value = handleTabs(newVal);
let value = tabsConfig.value.find((item: any) => item.default);
currentActiveKey.value = value?.key;

370
frontend/src/components/MapModal/setting.config.ts
View File

@ -481,144 +481,144 @@ const ENGTabs: Array<any> = [
// type: 'panorama'
// }
// ]
// //鱼类栖息地 √
// const FHTabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
// {
// name: '水温监测',
// key: 'WaterTemperature',
// type: 'WaterTemperature',
// tabs: [
// {
// url: '/wmp-env-server/sw/alongDetail/GetKendoListCust',
// name: '水温',
// type: 'WaterTemperature',
// tableUrl: '/wmp-env-server/sw/alongDetail/GetKendoListCust',
// chartType: 'line',
//鱼类栖息地 √
const FHTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo'
},
{
name: '水温监测',
key: 'WaterTemperature',
type: 'WaterTemperature',
tabs: [
{
url: '/wmp-env-server/sw/alongDetail/GetKendoListCust',
name: '水温',
type: 'WaterTemperature',
tableUrl: '/wmp-env-server/sw/alongDetail/GetKendoListCust',
chartType: 'line',
// filter: NormalStcdFilter,
// filterProps: {
// params: {
// ftype: 'WE',
// sttp: 'WT', //WT
// dataDimensionType: 'hyBase',
// dataDimensionVal: 'all'
filterProps: {
params: {
ftype: 'WE',
sttp: 'WT', //WT
dataDimensionType: 'hyBase',
dataDimensionVal: 'all'
}
}
}
]
},
{
name: '水质监测',
key: 'WaterQuality',
type: 'WaterQuality',
tabs: [
{
url: '/wmp-env-server/env/wq/data/GetKendoListCust',
name: '水质',
type: 'monitor',
key: 'WaterQuality',
tableUrl: '/wmp-env-server/env/wq/data/GetKendoListCust',
chartType: 'lines',
// chartEvent: {
// legendselectchanged: (object: any, instance: any) => {
// const selected = object.selected
// const options = instance.getOption()
// if (options.grid instanceof Array) {
// options.grid = options.grid[0]
// }
// if (selected != undefined && options) {
// let yAxis: any = options.yAxis
// yAxis.map((item: any, index: number) => {
// item.show = false
// for (let i in selected) {
// if (selected[i] == true && item.name.indexOf(i) !== -1) {
// item.show = true
// }
// }
// })
// options.legend && (options.legend.selected = selected)
// let offset = 30
// let padding = 60
// if (options.yAxis && options.yAxis instanceof Array && options.grid && !(options.grid instanceof Array)) {
// let showYAxis = yAxis.filter((x: any) => {
// return x.show
// })
// showYAxis.map((yAxis: any, index: number) => {
// yAxis.position = index % 2 === 0 ? "left" : "right"
// yAxis.offset = padding * Math.floor(index / 2)
// if (index >= 4) {
// yAxis.offset = padding * Math.floor(2 / 2)
// }
// })
// if (showYAxis.length % 2 === 0) {
// options.grid.left = (showYAxis.length >= 4 ? 4 : showYAxis.length) * offset
// options.grid.right = (showYAxis.length >= 4 ? 4 : showYAxis.length) * offset
// } else {
// const left = showYAxis.filter((x: any) => x.position === "left")
// const right = showYAxis.filter((x: any) => x.position === "right")
// const left_start = left.length ? 0 : 60
// const right_start = left.length ? 0 : 60
// options.grid.left = left_start + padding * (left.length >= 2 ? 2 : left.length)
// options.grid.right = right_start + padding * (right.length >= 2 ? 2 : right.length)
// }
// }
// instance.setOption(options, false, true)
// }
// }
// ]
// },
// {
// name: '水质监测',
// key: 'WaterQuality',
// type: 'WaterQuality',
// tabs: [
// {
// url: '/wmp-env-server/env/wq/data/GetKendoListCust',
// name: '水质',
// type: 'monitor',
// key: 'WaterQuality',
// tableUrl: '/wmp-env-server/env/wq/data/GetKendoListCust',
// chartType: 'lines',
// // chartEvent: {
// // legendselectchanged: (object: any, instance: any) => {
// // const selected = object.selected
// // const options = instance.getOption()
// // if (options.grid instanceof Array) {
// // options.grid = options.grid[0]
// // }
// // if (selected != undefined && options) {
// // let yAxis: any = options.yAxis
// // yAxis.map((item: any, index: number) => {
// // item.show = false
// // for (let i in selected) {
// // if (selected[i] == true && item.name.indexOf(i) !== -1) {
// // item.show = true
// // }
// // }
// // })
// // options.legend && (options.legend.selected = selected)
// // let offset = 30
// // let padding = 60
// // if (options.yAxis && options.yAxis instanceof Array && options.grid && !(options.grid instanceof Array)) {
// // let showYAxis = yAxis.filter((x: any) => {
// // return x.show
// // })
// // showYAxis.map((yAxis: any, index: number) => {
// // yAxis.position = index % 2 === 0 ? "left" : "right"
// // yAxis.offset = padding * Math.floor(index / 2)
// // if (index >= 4) {
// // yAxis.offset = padding * Math.floor(2 / 2)
// // }
// // })
// // if (showYAxis.length % 2 === 0) {
// // options.grid.left = (showYAxis.length >= 4 ? 4 : showYAxis.length) * offset
// // options.grid.right = (showYAxis.length >= 4 ? 4 : showYAxis.length) * offset
// // } else {
// // const left = showYAxis.filter((x: any) => x.position === "left")
// // const right = showYAxis.filter((x: any) => x.position === "right")
// // const left_start = left.length ? 0 : 60
// // const right_start = left.length ? 0 : 60
// // options.grid.left = left_start + padding * (left.length >= 2 ? 2 : left.length)
// // options.grid.right = right_start + padding * (right.length >= 2 ? 2 : right.length)
// // }
// // }
// // instance.setOption(options, false, true)
// // }
// // }
// // },
// filter: NormalStcdFilter,
// filterProps: {
// params: {
// ftype: 'WE',
// sttp: 'WQ',
// dataDimensionType: 'hyBase',
// dataDimensionVal: 'all'
// }
// }
// }
// ]
// },
// {
// name: '流量监测',
// key: 'FlowMeasure',
// type: 'FlowMeasure',
// tabs: [
// {
// url: '/wmp-eng-server/eng/river/GetKendoListCust',
// name: '流量',
// type: 'monitor',
// tableUrl: '/wmp-eng-server/eng/river/GetKendoListCust',
// chartType: 'line',
filterProps: {
params: {
ftype: 'WE',
sttp: 'WQ',
dataDimensionType: 'hyBase',
dataDimensionVal: 'all'
}
}
}
]
},
{
name: '流量监测',
key: 'FlowMeasure',
type: 'FlowMeasure',
tabs: [
{
url: '/wmp-eng-server/eng/river/GetKendoListCust',
name: '流量',
type: 'monitor',
tableUrl: '/wmp-eng-server/eng/river/GetKendoListCust',
chartType: 'line',
// filter: NormalStcdFilter,
// filterProps: {
// params: {
// ftype: 'WE',
// sttp: 'ZQ',
// dataDimensionType: 'hyBase',
// dataDimensionVal: 'all',
// maptype: '2'
// }
// }
// }
// ]
// },
filterProps: {
params: {
ftype: 'WE',
sttp: 'ZQ',
dataDimensionType: 'hyBase',
dataDimensionVal: 'all',
maptype: '2'
}
}
}
]
},
{
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 ZQTabs: Array<any> = [
// {
// name: '基础信息',
@ -652,19 +652,20 @@ const ENGTabs: Array<any> = [
// ]
// //水质监测站 √
// const WQFBTabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
// {
// name: '监测数据',
// key: 'WaterQuality',
// type: 'WaterQuality'
// }
// ]
const WQFBTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo'
},
{
name: '监测数据',
key: 'WaterQuality',
type: 'WaterQuality',
default: true // 默认显示
}
]
// const WQTabs: Array<any> = [
// ...WQFBTabs,
// {
@ -698,46 +699,47 @@ const ENGTabs: Array<any> = [
// }
// ]
// //栖息地流量监测
// const FLOWTabs: Array<any> = [
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// },
// {
// name: '监测数据',
// key: 'FlowMeasure',
// type: 'FlowMeasure'
// }
// ]
//栖息地流量监测
const FLOWTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo'
},
{
name: '监测数据',
key: 'FlowMeasure',
type: 'FlowMeasure'
}
]
// //水温监测站 √
// const WTTabs: Array<any> = [
const WTTabs: Array<any> = [
{
name: '基础信息',
key: 'basicInfo',
type: 'basic',
url: '/bbi/siteBipc/getSiteBasicInfo'
},
{
name: '监测数据',
key: 'WaterTemperature',
type: 'WaterTemperature',
default: true // 默认显示
},
// {
// name: '基础信息',
// key: 'basicInfo',
// type: 'basic',
// url: '/bbi/siteBipc/getSiteBasicInfo'
// name: '出入库水温对比',
// key: 'WaterTemperatureContrast',
// type: 'WaterTemperatureContrast',
// code: 'swjc.tabs.crkswdb',
// },
// {
// name: '监测数据',
// key: 'WaterTemperature',
// type: 'WaterTemperature'
// },
// // {
// // name: '出入库水温对比',
// // key: 'WaterTemperatureContrast',
// // type: 'WaterTemperatureContrast',
// // code: 'swjc.tabs.crkswdb',
// // },
// {
// name: '鱼类繁殖适宜性分析',
// key: 'WaterTemperatureRep',
// type: 'WaterTemperatureRep',
// code: 'swjc.tabs.ylfzsyxfx',
// }
// ]
{
name: '鱼类繁殖适宜性分析',
key: 'WaterTemperatureRep',
type: 'WaterTemperatureRep',
code: 'swjc.tabs.ylfzsyxfx',
}
]
// //垂向水温 √
// const WTTabs1: Array<any> = [
// {
@ -1147,9 +1149,19 @@ const handleTabs = (modaldata: any) => {
console.log('modaldata', modaldata);
if (!modaldata?.sttp) return;
let sttp = modaldata?.sttp ? modaldata?.sttp.toUpperCase() : '';
console.log('sttp', sttp);
switch (sttp) {
case 'ENG':
return ENGTabs;
case 'WT_POINT':
return WTTabs;
case 'FH_WQ_POINT':
return WQFBTabs;
case 'FH_POINT':
return FHTabs;
case 'FH_ZQ_POINT':
return FLOWTabs
//
// if (modaldata?.eqtp == 'QEC') {
// const { page } = Utility.parseQueryString()
// if (page == 'shengTaiLiuLiangManZuQingKuangJiangJu') {

34
frontend/src/views/home/shuiDianKaiFaZhuangKuang.vue
View File

@ -33,13 +33,27 @@ const showMapModal = () => {
};
const showMapModal1 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "zh";
modelStore.params.sttp = "wt_point";
modelStore.title = "水温 详情信息";
modelStore.isBasicEdit = true;
};
const showMapModal2 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "fh_wq_point";
modelStore.title = "水质 详情信息";
modelStore.isBasicEdit = false;
// modelStore.modalVisible = true;
// modelStore.params.sttp = "zh";
// modelStore.title = '三峡222 详情信息';
// modelStore.currentTabKey = "mapView";
modelStore.isBasicEdit = true;
};
const showMapModal3 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "fh_point";
modelStore.title = "栖息地 详情信息";
modelStore.isBasicEdit = true;
};//
const showMapModal4 = () => {
modelStore.modalVisible = true;
modelStore.params.sttp = "fh_zq_point";
modelStore.title = "栖息地流量 详情信息";
modelStore.isBasicEdit = true;
};
</script>
@ -50,9 +64,11 @@ const showMapModal1 = () => {
</div>
<div class="rightContent">
<RightDrawer>
<!-- <a-button @click="showMapModal">打开电站地图弹窗</a-button>
<a-button @click="showMapModal1">打开地图弹窗1</a-button> -->
<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>
<jidiInfoMod />
<shuidianhuangjingjieruMod />
</RightDrawer>