343 lines
11 KiB
JavaScript
343 lines
11 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 === 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 } },
|
|
];
|
|
} else if (view === 4) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '降雨中心' },
|
|
];
|
|
} else if (view === 5) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '天气预报', style: { flexShink: 0 } },
|
|
];
|
|
} else if (view === 6) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '病险水库综述', style: { flexShink: 0 } },
|
|
];
|
|
}
|
|
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: '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: 0 } },
|
|
{ key: '预警', style: { height: '20rem', flexGrow: 1 } },
|
|
{ key: '防汛调度', style: { height: '20rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 206) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '水库管理', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
} else if (view === 301) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '供水数据概览',style: { height: '15.5rem'} },
|
|
{ key: '供水监管',style: { height: '16.5rem'} },
|
|
{ key: '供水态势',style: { height: '16rem'} },
|
|
];
|
|
} else if (view === 302) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '进水监测',style: { height: '13rem'} },
|
|
{ key: '出水监测',style: { height: '16rem'} },
|
|
];
|
|
} else if (view === 303) {
|
|
left = [
|
|
{ key: '天气' },
|
|
{ key: '水厂监控',style: { height: '16rem'} },
|
|
{ key: '设备数量统计',style: { height: '18rem'} },
|
|
{ key: '设备故障统计',style: { height: '18rem'} },
|
|
];
|
|
}else if (view === 305) {
|
|
left = [
|
|
{ key: '供水量统计', style: { height: '30rem', flexGrow: 1 } },
|
|
{ key: '取水量统计', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
}
|
|
else if (view === 306) {
|
|
left = [
|
|
{ key: '管线', style: { height: '30rem', flexGrow: 1 } },
|
|
{ key: '数量及里程分布', style: { height: '40rem', flexGrow: 1 } },
|
|
{ key: '管网监测数据', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
leftFullHeight = true;
|
|
}
|
|
else if (view === 307) {
|
|
left = [
|
|
{ key: '预案库管理', style: { height: '40rem', flexGrow: 1 } },
|
|
];
|
|
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: '40%', flexGrow: 1 } },
|
|
]
|
|
|
|
}else if (view === 507) {
|
|
left = [
|
|
{ key: '天气'},
|
|
]
|
|
}
|
|
|
|
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: '10rem', flexGrow: 1 } },
|
|
{ key: '区域降雨', style: { height: '10rem', 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: '警报' },
|
|
{ key: '辅助决策列表' },
|
|
]
|
|
//rightFullHeight = true;
|
|
} else if (view === 4) {
|
|
right = [
|
|
{ key: '警报' },
|
|
]
|
|
} else if (view === 5) {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '气象预警综述' },
|
|
];
|
|
} else if (view === 6) {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '病险水库' },
|
|
];
|
|
} else if (view === 201) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} else if (view === 202) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} else if (view === 203) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} else if (view === 204) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} else if (view === 205) {
|
|
right = [
|
|
{ key: '预演方案', style: { height: '30%', flexGrow: 1 } },
|
|
{ key: '防汛预演结果', style: { height: '70%', flexGrow: 1 } },
|
|
];
|
|
} else if (view === 206) {
|
|
right = [
|
|
{ key: '警报' },
|
|
];
|
|
} 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: '16rem'} },
|
|
{ key: '报警分析',style: { height: '18rem'} },
|
|
];
|
|
} else if (view === 303) {
|
|
right = [
|
|
{ key: '警报' },
|
|
{ key: '安防监控', style: { height: '14rem', flexGrow: 1 } },
|
|
{ key: '电耗分析', style: { height: '19rem', flexGrow: 1 } },
|
|
{ key: '药耗分析', style: { height: '21rem', flexGrow: 1 } },
|
|
];
|
|
}else if (view === 305) {
|
|
right = [
|
|
{ key: '电耗统计', style: { height: '100%', flexGrow: 1 } },
|
|
];
|
|
rightFullHeight = true;
|
|
}
|
|
else if (view === 306) {
|
|
right = [
|
|
{ key: '漏损排行榜', style: { height: '50%', flexGrow: 1 } },
|
|
{ key: '最小流量', style: { height: '50%', flexGrow: 1 } },
|
|
];
|
|
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,
|
|
}
|
|
} |