427 lines
15 KiB
JavaScript
427 lines
15 KiB
JavaScript
export default function calcLayout(view, rightStack, hidePanels) {
|
|
let left = [];
|
|
let right = [];
|
|
let leftFullHeight = false;
|
|
let rightFullHeight = false;
|
|
|
|
if (!hidePanels) {
|
|
let rightEx = null;
|
|
if (rightStack && rightStack.length > 0) {
|
|
rightEx = rightStack[rightStack.length - 1];
|
|
}
|
|
//左侧
|
|
if (view === 0) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '综述' },
|
|
{ key: '预警', style: { height: '40%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 8) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '综述' },
|
|
{ key: '预警', style: { height: '40%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 1) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '河道实时水情', style: { height: '10rem', flexGrow: 1 } },
|
|
{ key: '水库监测', style: { height: '20rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 2) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '水利工程图层', style: { flexShink: 0 } },
|
|
];
|
|
} else if (view === 3) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '辅助决策图层', style: { flexShink: 0 } },
|
|
{ key: '辅助决策列表' },
|
|
];
|
|
} else if (view === 4) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '降雨中心' },
|
|
];
|
|
} else if (view === 5) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '未来24h预报', style: { height: '40%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 6) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '病险水库综述', style: { flexShink: 0 } },
|
|
{ key: '降雨分析', style: { flexShink: 0 } },
|
|
];
|
|
} else if (view === 7) {
|
|
left = [
|
|
// { key: '天气' },
|
|
{ key: '预报调度', style: { height: '20rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true
|
|
}
|
|
else if (view === 201) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '实时雨情', style: { height: '20rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 202) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '河道实时水情', style: { height: '20rem', flexGrow: 1 } },
|
|
{ key: '水库监测', style: { height: '30rem', flexGrow: 1 } },
|
|
];
|
|
// leftFullHeight = true;
|
|
} else if (view === 203) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '关联站点',style: { height: '15rem', flexGrow: 1 } },
|
|
{ key: '水库水量统计',style: { height: '22rem' } },
|
|
// { key: '安全监测', style: { height: '20rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 204) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '视频监测', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
// leftFullHeight = true;
|
|
} else if (view === 205) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '天气预报', style: { flexShink: 1,height:'40%' } },
|
|
// { key: '预警', style: { height: '20rem', flexGrow: 1 } },
|
|
{ key: '防汛调度', style: { height:'40%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 206) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '巡查任务总览', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 200) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '水库总览', style: { height: '30rem', flexGrow: 1 } },
|
|
{ key: '超汛水库', style: { height: '16rem'} },
|
|
// { key: '水库列表', style: { height: '16rem'} },
|
|
];
|
|
} else if (view === 301) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '供水数据概览',style: { height: '15.5rem'} },
|
|
{ key: '供水负荷曲线',style: { height: '18rem'} },
|
|
// { key: '供水监管',style: { height: '16.5rem'} },
|
|
// { key: '供水态势',style: { height: '16rem'} },
|
|
];
|
|
} else if (view === 302) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '水厂水质监测',style: { height: '16rem'} },
|
|
{ key: '报警分析',style: { height: '28rem'} },
|
|
];
|
|
} else if (view === 303) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '水厂总览', style: { height: '26rem' } },
|
|
{ key: '设备统计', style: { height: '23rem' } },
|
|
// { key: '水厂监控',style: { height: '16rem'} },
|
|
// { key: '设备数量统计',style: { height: '18rem'} },
|
|
// { key: '设备故障统计',style: { height: '18rem'} },
|
|
];
|
|
}else if (view === 305) {
|
|
left = [
|
|
{ key: '24h用水', style: { height: '50%', flexGrow: 1 } },
|
|
{ key: '电耗统计', style: { height: '50%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
}
|
|
else if (view === 306) {
|
|
left = [
|
|
{ key: '管线', style: { height: '16rem', flexGrow: 1 } },
|
|
{ key: '漏损排行榜', style: { height: '20rem', flexGrow: 1 } },
|
|
// { key: '管网监测数据', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
// leftFullHeight = true;
|
|
}
|
|
else if (view === 307) {
|
|
left = [
|
|
{ key: '应急事件', style: { height: '20rem'} },
|
|
{ key: '应急指挥调度', style: { height: '30rem'} },
|
|
];
|
|
// leftFullHeight = true;
|
|
}else if (view === 501) {
|
|
left = [
|
|
{ key: '天气'},
|
|
{ key: '雨量监测',style: { height: '32%', flexGrow: 1 } },
|
|
{ key: '水情监测', style: { height: '32%', flexGrow: 1 } },
|
|
{ key: '工情监控', style: { height: '32%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
}else if (view === 503) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '警情', style: { height: '60%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
|
|
} else if (view === 504) {
|
|
left = [
|
|
{ key: '天气'},
|
|
{ key: '降雨预报', style: { height: '30%', flexGrow: 1 } },
|
|
{ key: '预警信息管理', style: { height: '50%', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
}else if (view === 505) {
|
|
left = [
|
|
{ key: '天气'},
|
|
{ key: '灌区统计', style: { height: '25%', flexGrow: 1 } },
|
|
{ key: '月用水趋势', style: { height: '35%', flexGrow: 1 } },
|
|
{ key: '渠道分配比例', style: { height: '35%', flexGrow: 1 } },
|
|
]
|
|
leftFullHeight = true;
|
|
}else if (view === 506) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '水政统计', style: { height: '60%'} },
|
|
]
|
|
leftFullHeight = true;
|
|
|
|
}else if (view === 507) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '信息总览', style: { height: '60%'} },
|
|
]
|
|
leftFullHeight = true;
|
|
|
|
}
|
|
|
|
if (rightEx) {
|
|
if (rightEx === 'search') {
|
|
right = [
|
|
{ key: '搜索', style: { flexGrow: 1, height: '80%' } },
|
|
];
|
|
rightFullHeight = true;
|
|
} else if (rightEx === 'contour_fzdx') {
|
|
right = [
|
|
{ key: '雨量搜索', style: { flexGrow: 1, height: '80%' } },
|
|
];
|
|
rightFullHeight = false;
|
|
} else if (rightEx === 'warnresp') {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '警报处理', style: { flexGrow: 1, height: '80%' } },
|
|
];
|
|
rightFullHeight = true;
|
|
}
|
|
} else {
|
|
if (view === 0) {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '防洪形势天气预报', style: { height: '18.5rem'} },
|
|
{ key: '防洪形势水情', style: { height: '18.5rem'} },
|
|
// { key: '河道水位', style: { height: '10rem', flexGrow: 1 } },
|
|
{ key: '防洪形势雨情', style: { height: '16rem', flexGrow: 1 } },
|
|
// { key: '工情', style: { height: '10rem', flexGrow: 1 } },
|
|
// { key: '今日值班' },
|
|
];
|
|
rightFullHeight = true;
|
|
}else if (view === 8) {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '防洪形势天气预报', style: { height: '18.5rem'} },
|
|
{ key: '防洪形势水情', style: { height: '18.5rem'} },
|
|
// { key: '河道水位', style: { height: '10rem', flexGrow: 1 } },
|
|
{ key: '防洪形势雨情', style: { height: '16rem', flexGrow: 1 } },
|
|
// { key: '工情', style: { height: '10rem', flexGrow: 1 } },
|
|
// { key: '今日值班' },
|
|
];
|
|
rightFullHeight = true;
|
|
} else if (view === 1) {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '实时雨情', style: { height: '20rem', flexGrow: 1 } },
|
|
]
|
|
rightFullHeight = true;
|
|
} else if (view === 2) {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '水利工程列表', style: { height: '20rem', flexGrow: 1 } },
|
|
]
|
|
rightFullHeight = true;
|
|
} else if (view === 3) {
|
|
right = [
|
|
{ key: '网格', style: { height: '40rem' } },
|
|
]
|
|
//rightFullHeight = true;
|
|
} else if (view === 4) {
|
|
// right = [
|
|
// { key: '警报' },
|
|
// ]
|
|
} else if (view === 5) {
|
|
right = [
|
|
{ key: '警报' },
|
|
// { key: '气象预警综述' },
|
|
{ key: '河流重要断面预报', style: { height: '40%', flexGrow: 1 } },
|
|
{ key: '重要水库预报', style: { height: '18rem', flexGrow: 1 } },
|
|
];
|
|
} else if (view === 6) {
|
|
right = [
|
|
// { key: '警报' },
|
|
{ key: '山洪预警', style: { flexGrow: 1,height:'33%' } },
|
|
{ key: '水库预警', style: { flexGrow: 1,height:'34%' } },
|
|
{ key: '河道预警', style: { flexShink: 1,height:'33%'} },
|
|
|
|
];
|
|
rightFullHeight=true
|
|
} else if (view === 7) {
|
|
right = [
|
|
{ key: '预报成果', style: { height: '10rem', flexGrow: 1 } },
|
|
{ key: '预警成果', style: { height: '14rem' } },
|
|
{ key: '调度成果', style: { height: '15rem', flexGrow: 1 } },
|
|
{ key: '防汛方案对比', style: { height: '15.5rem' } },
|
|
];
|
|
rightFullHeight=true
|
|
} else if (view === 201) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} else if (view === 202) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} else if (view === 203) {
|
|
right = [
|
|
{ key: '白蚁监测', style: { height: '20rem', flexGrow: 1 } },
|
|
{ key: '视频监视', style: { height: '20rem', flexGrow: 1 } },
|
|
{ key: '监测告警', style: { height: '20rem', flexGrow: 1 } },
|
|
];
|
|
rightFullHeight=true
|
|
} else if (view === 204) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} else if (view === 205) {
|
|
right = [
|
|
{ key: '水库预案', style: { height: '30%', flexGrow: 1 } },
|
|
{ key: '调度结果', style: { height: '70%', flexGrow: 1 } },
|
|
{ key: '方案对比', style: { height: '30%', flexGrow: 1 } },
|
|
];
|
|
} else if (view === 206) {
|
|
right = [
|
|
{ key: '巡查问题看板', style: { height: '70%', flexGrow: 1 } },
|
|
{ key: '水库管护', style: { height: '10rem', flexGrow: 1 } },
|
|
];
|
|
} else if (view === 200) {
|
|
right = [
|
|
{ key: '警报' },
|
|
// { key: '关联站点',style: { height: '15rem', flexGrow: 1 } },
|
|
// { key: '水库水量统计',style: { height: '22rem' } },
|
|
// { key: '洪水防御',style: { height: '18rem', flexGrow: 1 } },
|
|
];
|
|
rightFullHeight = true;
|
|
} else if (view === 301) {
|
|
right = [
|
|
// { key: '警报' },
|
|
// { key: '水厂生产情况',style: { height: '15rem', flexGrow: 1 } },
|
|
// { key: '对比分析', style: { height: '19rem' } },
|
|
{ key: '报警统计',style: { height: '19rem',flexGrow: 1 } },
|
|
];
|
|
} else if (view === 302) {
|
|
right = [
|
|
// { key: '警报' },
|
|
{ key: '预警列表',style: { height: '20rem'} },
|
|
// { key: '进水监测',style: { height: '13rem'} },
|
|
// { key: '出水监测',style: { height: '16rem'} },
|
|
|
|
];
|
|
} else if (view === 303) {
|
|
right = [
|
|
// { key: '警报' },
|
|
// { key: '安防监控', style: { height: '14rem', flexGrow: 1 } },
|
|
{ key: '电耗分析', style: { height: '19rem', flexGrow: 1 } },
|
|
{ key: '药耗分析', style: { height: '21rem', flexGrow: 1 } },
|
|
{ key: '设备预警', style: { height: '21rem', flexGrow: 1 } },
|
|
];
|
|
} else if (view === 305) {
|
|
right = [
|
|
{ key: '供水量统计', style: { height: '30rem', flexGrow: 1 } },
|
|
{ key: '取水量统计', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
|
|
rightFullHeight = true;
|
|
}
|
|
else if (view === 306) {
|
|
right = [
|
|
{ key: '数量及里程分布', style: { height: '30rem', flexGrow: 1 } },
|
|
{ key: '管网监测数据', style: { height: '20rem', flexGrow: 1 } },
|
|
|
|
// { key: '最小流量', style: { height: '60%', flexGrow: 1 } },
|
|
];
|
|
// rightFullHeight = true;
|
|
}else if(view === 307) {
|
|
right = [
|
|
{ key: '预案库管理', style: { height: '47rem' } },
|
|
];
|
|
// rightFullHeight = true;
|
|
}
|
|
else if (view === 501) {
|
|
right = [
|
|
{ key: '水质监测',style: { height: '33%', flexGrow: 1 } },
|
|
{ key: '土壤墒情监测', style: { height: '33%', flexGrow: 1 } },
|
|
{ key: '流量监测', style: { height: '34%', flexGrow: 1 } },
|
|
];
|
|
rightFullHeight = true
|
|
} else if (view === 504) {
|
|
right = [
|
|
{ key: '预演方案', style: { height: '30%', flexGrow: 1 } },
|
|
{ key: '预演结果', style: { height: '70%', flexGrow: 1 } },
|
|
];
|
|
// rightFullHeight = true;
|
|
} else if (view === 507) {
|
|
right = [
|
|
{ key: '维护统计', style: { height: '30%', flexGrow: 1 } },
|
|
{ key: '本月工程维护', style: { height: '35%', flexGrow: 1 } },
|
|
{ key: '待处理维护问题清单', style: { height: '35%', flexGrow: 1 } },
|
|
];
|
|
rightFullHeight = true;
|
|
}else if (view === 505) {
|
|
right = [
|
|
{ key: '实时调度方案', style: { height: '30%', flexGrow: 1 } },
|
|
{ key: '异常设备清单', style: { height: '30%', flexGrow: 1 } },
|
|
{ key: '灌区对比分析', style: { height: '40%', flexGrow: 1 } },
|
|
]
|
|
rightFullHeight = true;
|
|
}else if (view === 503) {
|
|
right = [
|
|
{ key: '水资源调度', style: { height: '40%', flexGrow: 1 } },
|
|
{ key: '供需水', style: { height: '55%', flexGrow: 1 } },
|
|
// { key: '渠道分配比例', style: { height: '35%', flexGrow: 1 } },
|
|
]
|
|
rightFullHeight = true;
|
|
}else if (view === 506) {
|
|
right = [
|
|
{ key: '本月水政巡查问题统计', style: { height: '35%', flexGrow: 1 } },
|
|
{ key: '区域统计', style: { height: '35%', flexGrow: 1 } },
|
|
]
|
|
rightFullHeight = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
return {
|
|
left,
|
|
leftFullHeight,
|
|
right,
|
|
rightFullHeight,
|
|
view,
|
|
}
|
|
} |