旧页面修改
parent
2a33ab7d66
commit
b222c062f5
|
|
@ -196,33 +196,71 @@ export async function loadMenu(): Promise<MenuItem[]> {
|
||||||
|
|
||||||
{ id: id(), title: '四预', redirect: '/mgr/sy/fhxzfx', icon: 'fxzb',
|
{ id: id(), title: '四预', redirect: '/mgr/sy/fhxzfx', icon: 'fxzb',
|
||||||
children: [
|
children: [
|
||||||
{ id: id(), title: '防洪形势', path: '/mgr/sy/fhxzfx'},
|
{ id: id(), title: '防洪现状分析', path: '/mgr/sy/fhxzfx'},
|
||||||
// { id: id(), title: '天气预报', path: '/mgr/fxzb/tqyb'},
|
{ id: id(), title: '天气预报', path: '/mgr/sy/tqyb'},
|
||||||
// {
|
{
|
||||||
// id: id(), title: '洪水预报', redirect: '/mgr/fxzb/hsyb/hyybjs',
|
id: id(), title: '洪水预报', redirect: '/mgr/sy/hsyb/hyybjs',
|
||||||
// children: [
|
children: [
|
||||||
// { id: id(), title: '洪水预报计算', path: '/mgr/fxzb/hsyb/hyybjs' },
|
{ id: id(), title: '洪水预报计算', path: '/mgr/sy/hsyb/hyybjs' },
|
||||||
// { id: id(), title: '预报方案管理', path: '/mgr/fxzb/hsyb/ybfagl' },
|
{ id: id(), title: '预报方案管理', path: '/mgr/sy/hsyb/ybfagl' },
|
||||||
// { id: id(), title: '参数管理', path: '/mgr/fxzb/hsyb/csgl' },
|
{ id: id(), title: '参数管理', path: '/mgr/sy/hsyb/csgl' },
|
||||||
// ]
|
]
|
||||||
// },
|
},
|
||||||
// { id: id(), title: '调度规程', path: '/mgr/fxzb/ddgc'},
|
{ id: id(), title: '调度规程', path: '/mgr/fxzb/ddgc'},
|
||||||
// { id: id(), title: '防汛预案', path: '/mgr/fxzb/fxya'},
|
{ id: id(), title: '防汛预案', path: '/mgr/fxzb/fxya'},
|
||||||
// {
|
{
|
||||||
// id: id(),
|
id: id(),
|
||||||
// title: '抢险物料',
|
title: '抢险物料',
|
||||||
// path: '/mgr/fxzb/qxwl',
|
path: '/mgr/fxzb/qxwl',
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: id(),
|
id: id(),
|
||||||
// title: '抢险队伍',
|
title: '抢险队伍',
|
||||||
// path: '/mgr/fxzb/qxdw',
|
path: '/mgr/fxzb/qxdw',
|
||||||
// },
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
id: id(),
|
||||||
|
title: '工程安全监测',
|
||||||
|
redirect: '/mgr/gcaqjc/gcaqyj/bzt',
|
||||||
|
icon: 'fxzb',
|
||||||
|
children: [
|
||||||
|
{ id: id(), title: '布置图', path: '/mgr/gcaqjc/gcaqyj/bzt' },
|
||||||
|
{
|
||||||
|
id: id(), title: '工程安全分析', redirect: '/mgr/gcaqjc/gcaqfx/jrx',
|
||||||
|
children: [
|
||||||
|
{ id: id(), title: '浸润线', path: '/mgr/gcaqjc/gcaqfx/jrx' },
|
||||||
|
|
||||||
// { id: id(), title: '基本2情况', path: '/mgr/home', icon: 'jbqk' },
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: id(), title: '工程安全预警', redirect: '/mgr/gcaqjc/gcaqyj/yhyj',
|
||||||
|
children: [
|
||||||
|
{ id: id(), title: '隐患预警', path: '/mgr/gcaqjc/gcaqyj/yhyj' },
|
||||||
|
{ id: id(), title: '预警规则配置', path: '/mgr/gcaqjc/gcaqyj/yjgzpz' },
|
||||||
|
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: id(), title: '数据统计查询', redirect: '/mgr/gcaqjc/sjtjcx/sljx',
|
||||||
|
children: [
|
||||||
|
{ id: id(), title: '测值查询', path: '/mgr/gcaqjc/sjtjcx/czcx' },
|
||||||
|
{ id: id(), title: '渗压监测', path: '/mgr/gcaqjc/sjtjcx/syjx' },
|
||||||
|
{ id: id(), title: '渗流监测', path: '/mgr/gcaqjc/sjtjcx/sljx' },
|
||||||
|
{ id: id(), title: '位移监测', path: '/mgr/gcaqjc/sjtjcx/wyjx' },
|
||||||
|
{ id: id(), title: '年度渗压统计表', path: '/mgr/gcaqjc/sjtjcx/ndsytjb' },
|
||||||
|
{ id: id(), title: '年度渗流统计表', path: '/mgr/gcaqjc/sjtjcx/ndsltjb' },
|
||||||
|
{ id: id(), title: '年度位移统计表', path: '/mgr/gcaqjc/sjtjcx/ndwytjb' },
|
||||||
|
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
// { id: id(), title: '基本情况', path: '/mgr/home', icon: 'jbqk' },
|
||||||
// {
|
// {
|
||||||
// id: id(),
|
// id: id(),
|
||||||
// title: '防汛调度',
|
// title: '防汛调度',
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import { parseGeoJSONFeature } from "../../utils/tools";
|
||||||
function initState() {
|
function initState() {
|
||||||
return {
|
return {
|
||||||
layerVisible: {
|
layerVisible: {
|
||||||
AdcdLayer: true,//行政区划
|
AdcdLayer: false,//行政区划
|
||||||
AdcdBorderInLayer: true,//乡镇边界
|
AdcdBorderInLayer: true,//乡镇边界
|
||||||
AdcdAllLayer: false,//县行政区划图层
|
AdcdAllLayer: false,//县行政区划图层
|
||||||
HeLiuZhuJiLayer:true,//12条河流注记
|
HeLiuZhuJiLayer:true,//12条河流注记
|
||||||
|
|
|
||||||
|
|
@ -108,13 +108,14 @@ const AppRouters: React.FC = () => {
|
||||||
children: [
|
children: [
|
||||||
{ path: 'home', element: <HomePage /> },
|
{ path: 'home', element: <HomePage /> },
|
||||||
|
|
||||||
// 防汛调度
|
//四预
|
||||||
{ path: 'sy/fhxzfx', element: <HomePage /> },
|
{ path: 'sy/fhxzfx', element: <HomePage /> },
|
||||||
{ path: 'fxzb/tqyb', element: <HomePage /> },
|
{ path: 'sy/tqyb', element: <HomePage /> },
|
||||||
//洪水预报
|
|
||||||
{ path: 'fxzb/hsyb/hyybjs', element: <Hsybjs /> },
|
//四预-洪水预报
|
||||||
{ path: 'fxzb/hsyb/ybfagl', element: <Ybfagl /> },
|
{ path: 'sy/hsyb/hyybjs', element: <Hsybjs /> },
|
||||||
{ path: 'fxzb/hsyb/csgl', element: <Csgl /> },
|
{ path: 'sy/hsyb/ybfagl', element: <Ybfagl /> },
|
||||||
|
{ path: 'sy/hsyb/csgl', element: <Csgl /> },
|
||||||
|
|
||||||
// 调度规程
|
// 调度规程
|
||||||
{ path: 'fxzb/ddgc', element: <Ddgc /> },
|
{ path: 'fxzb/ddgc', element: <Ddgc /> },
|
||||||
|
|
|
||||||
|
|
@ -37,27 +37,34 @@ const { Panel } = Collapse;
|
||||||
const { RangePicker } = DatePicker;
|
const { RangePicker } = DatePicker;
|
||||||
|
|
||||||
const items = [
|
const items = [
|
||||||
{ key:'1', label:'实时监测', children:[
|
{ key:'1', label:'综合监视', children:[
|
||||||
{ key:'11', label:'预警', labelRight:'预警', icon:'yujing' },
|
{ key:'11', label:'预警', labelRight:'预警', icon:'yujing' },
|
||||||
{ key:'12', label:'雨情', labelRight:'统计', icon:'yuqing' },
|
{ key:'12', label:'雨情', labelRight:'统计', icon:'yuqing' },
|
||||||
{ key:'13', label:'水库水情', labelRight:'实时水情', icon:'shuikushuiqing' },
|
{ key:'13', label:'水情', labelRight:'实时水情', icon:'shuikushuiqing' },
|
||||||
{ key:'14', label:'供水', labelRight:'今日供水实况', icon:'gongshui' },
|
|
||||||
{ key:'15', label:'工程安全', labelRight:'工程安全监测', icon:'gongchenganquan' },
|
{ key:'15', label:'工程安全', labelRight:'工程安全监测', icon:'gongchenganquan' },
|
||||||
{ key:'16', label:'监测设备状态', labelRight:'监测设备运行', icon:'jianceshebeizhuangtai' },
|
{ key:'16', label:'监测设备状态', labelRight:'监测设备运行', icon:'jianceshebeizhuangtai' },
|
||||||
{ key:'17', label:'水质', labelRight:'水质', icon:'shuizhi' },
|
{ key:'17', label:'水质', labelRight:'水质', icon:'shuizhi' },
|
||||||
{ key:'18', label:'视频点', labelRight:'视频点', icon:'shipindian' },
|
{ key:'18', label:'视频点', labelRight:'视频点', icon:'shipindian' },
|
||||||
] },
|
] },
|
||||||
{ key:'2', label:'水库工程', children:[
|
// { key:'2', label:'水库工程', children:[
|
||||||
{ key:'21', label:'水库', labelRight:'基本信息', icon:'shuiku' },
|
// { key:'21', label:'水库', labelRight:'基本信息', icon:'shuiku' },
|
||||||
{ key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
|
// { key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
|
||||||
{ key:'23', label:'溢洪道', labelRight:'基本信息', icon:'yihongdao' },
|
// { key:'23', label:'溢洪道', labelRight:'基本信息', icon:'yihongdao' },
|
||||||
|
// ] },
|
||||||
|
{ key:'2', label:'巡查巡检', children:[
|
||||||
|
{ key:'21', label:'巡查巡检', labelRight:'工程巡检', icon:'shuiku' },
|
||||||
|
// { key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
|
||||||
|
// { key:'23', label:'溢洪道', labelRight:'基本信息', icon:'yihongdao' },
|
||||||
] },
|
] },
|
||||||
{ key:'3', label:'洪水影响范围', children:[
|
{ key:'3', label:'洪水防御', children:[
|
||||||
{ key:'31', label:'危险区', labelRight:'危险区列表', icon:'weixianqu' },
|
{ key:'31', label:'危险区', labelRight:'危险区列表', icon:'weixianqu' },
|
||||||
{ key:'32', label:'安置点', labelRight:'安置点列表', icon:'anzhidian' },
|
{ key:'32', label:'安置点', labelRight:'安置点列表', icon:'anzhidian' },
|
||||||
{ key:'33', label:'企事业单位', labelRight:'企事业单位列表', icon:'qishiyedanwei' },
|
{ key:'33', label:'企事业单位', labelRight:'企事业单位列表', icon:'qishiyedanwei' },
|
||||||
{ key:'34', label:'沿河居民户', labelRight:'沿河居民户列表', icon:'yanhejuminhu' },
|
{ key:'34', label:'沿河居民户', labelRight:'沿河居民户列表', icon:'yanhejuminhu' },
|
||||||
] },
|
] },
|
||||||
|
{ key:'4', label:'水资源调度', children:[
|
||||||
|
{ key:'41', label:'供水', labelRight:'今日供水实况', icon:'gongshui' },
|
||||||
|
] },
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
@ -118,9 +125,9 @@ const HomePage = ({showPanels}) => {
|
||||||
dispatch.runtime.setHome()
|
dispatch.runtime.setHome()
|
||||||
setCheckedObj({ key:'11', label:'预警', labelRight:'预警', icon:'yujing' })
|
setCheckedObj({ key:'11', label:'预警', labelRight:'预警', icon:'yujing' })
|
||||||
}else if(a==='2'){
|
}else if(a==='2'){
|
||||||
setShowTable(true)
|
// setShowTable(true)
|
||||||
dispatch.runtime.setHome()
|
// dispatch.runtime.setHome()
|
||||||
setCheckedObj({ key:'21', label:'水库', labelRight:'基本信息', icon:'shuiku' })
|
setCheckedObj({ key:'21', label:'巡查巡检', labelRight:'工程巡检', icon:'shuiku' })
|
||||||
}else if(a==='3'){
|
}else if(a==='3'){
|
||||||
dispatch.runtime.setCameraTarget({
|
dispatch.runtime.setCameraTarget({
|
||||||
center: [114.96, 31.453],
|
center: [114.96, 31.453],
|
||||||
|
|
@ -129,8 +136,9 @@ const HomePage = ({showPanels}) => {
|
||||||
})
|
})
|
||||||
setShowTable(true)
|
setShowTable(true)
|
||||||
setCheckedObj({ key:'31', label:'危险区', labelRight:'危险区列表', icon:'weixianqu' })
|
setCheckedObj({ key:'31', label:'危险区', labelRight:'危险区列表', icon:'weixianqu' })
|
||||||
|
}else if(a==='4'){
|
||||||
|
setCheckedObj({ key:'41', label:'供水', labelRight:'今日供水实况', icon:'gongshui' })
|
||||||
}else{
|
}else{
|
||||||
|
|
||||||
}
|
}
|
||||||
}} expandIconPosition="end" accordion={true} bordered={false}>
|
}} expandIconPosition="end" accordion={true} bordered={false}>
|
||||||
{
|
{
|
||||||
|
|
@ -191,7 +199,7 @@ const HomePage = ({showPanels}) => {
|
||||||
}
|
}
|
||||||
{ checkedObj.label === '预警' ? <><Yujing mySetTms={setTms}/><Yuqing mySetTms={setTms} show={false}/></>:null }
|
{ checkedObj.label === '预警' ? <><Yujing mySetTms={setTms}/><Yuqing mySetTms={setTms} show={false}/></>:null }
|
||||||
{ checkedObj.label === '雨情' ? <Yuqing mySetTms={setTms} show={showTable}/>:null }
|
{ checkedObj.label === '雨情' ? <Yuqing mySetTms={setTms} show={showTable}/>:null }
|
||||||
{ checkedObj.label === '水库水情' ? <ShuiKu/>:null }
|
{ checkedObj.label === '水情' ? <ShuiKu/>:null }
|
||||||
{ checkedObj.label === '供水' ? <GongShui/>:null }
|
{ checkedObj.label === '供水' ? <GongShui/>:null }
|
||||||
{ checkedObj.label === '工程安全' ? <GongCheng/>:null }
|
{ checkedObj.label === '工程安全' ? <GongCheng/>:null }
|
||||||
{ checkedObj.label === '监测设备状态' ? <JianCe/>:null }
|
{ checkedObj.label === '监测设备状态' ? <JianCe/>:null }
|
||||||
|
|
@ -221,7 +229,7 @@ const HomePage = ({showPanels}) => {
|
||||||
|
|
||||||
<div className='homePage_leftBottomBox'>
|
<div className='homePage_leftBottomBox'>
|
||||||
{ checkedObj.label==='雨情'?<Tuli/>:null }
|
{ checkedObj.label==='雨情'?<Tuli/>:null }
|
||||||
{ checkedObj.label==='水库水情'?<Tuli2/>:null }
|
{ checkedObj.label==='水情'?<Tuli2/>:null }
|
||||||
{ checkedObj.label==='供水'?<Tuli3/>:null }
|
{ checkedObj.label==='供水'?<Tuli3/>:null }
|
||||||
{ (checkedObj.label==='水库'||checkedObj.label==='大坝'||checkedObj.label==='溢洪道'||checkedObj.label==='视频点')?<Tuli4/>:null }
|
{ (checkedObj.label==='水库'||checkedObj.label==='大坝'||checkedObj.label==='溢洪道'||checkedObj.label==='视频点')?<Tuli4/>:null }
|
||||||
{ (checkedObj.label==='危险区'||checkedObj.label==='安置点'||checkedObj.label==='企事业单位'||checkedObj.label==='沿河居民户')?<Tuli5/>:null }
|
{ (checkedObj.label==='危险区'||checkedObj.label==='安置点'||checkedObj.label==='企事业单位'||checkedObj.label==='沿河居民户')?<Tuli5/>:null }
|
||||||
|
|
|
||||||
|
|
@ -190,13 +190,13 @@ const HomePage = () => {
|
||||||
<HomePanelsLayoutPage showPanels={showPanels} />
|
<HomePanelsLayoutPage showPanels={showPanels} />
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
{/*防汛调度-防洪形势*/}
|
{/*四预-防洪形势*/}
|
||||||
{pathname === '/mgr/fxzb/fhxs' ? (
|
{pathname === '/mgr/sy/fhxzfx' ? (
|
||||||
<Fhxs showPanels={showPanels}/>
|
<Fhxs showPanels={showPanels}/>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
{/*防汛调度-天气预报*/}
|
{/*四预-天气预报*/}
|
||||||
{pathname === '/mgr/fxzb/tqyb' ? (
|
{pathname === '/mgr/sy/tqyb' ? (
|
||||||
<Tqyb showPanels={showPanels}/>
|
<Tqyb showPanels={showPanels}/>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@ const Page = () => {
|
||||||
const refModal2 = useRef();
|
const refModal2 = useRef();
|
||||||
const refModal3 = useRef();
|
const refModal3 = useRef();
|
||||||
const role = useSelector(state => state.auth.role);
|
const role = useSelector(state => state.auth.role);
|
||||||
const editBtn = (role?.rule?.find(item => item.menuName == "编辑"))?true:false;
|
const editBtn = (role?.rule?.find(item => item.menuName == "编辑"))?true:true;
|
||||||
const [searchVal, setSearchVal] = useState(false)
|
const [searchVal, setSearchVal] = useState(false)
|
||||||
const columns = [
|
const columns = [
|
||||||
{ title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align:"center" },
|
{ title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align:"center" },
|
||||||
|
|
|
||||||
|
|
@ -11,9 +11,9 @@ import {CrudOpRender_text} from '../../../components/crud/CrudOpRender';
|
||||||
import { httpget2 } from '../../../utils/request';
|
import { httpget2 } from '../../../utils/request';
|
||||||
const Page = () => {
|
const Page = () => {
|
||||||
const role = useSelector(state => state.auth.role);
|
const role = useSelector(state => state.auth.role);
|
||||||
const editBtn = (role?.rule?.find(item => item.menuName == "查询"))?true:false;
|
const editBtn = (role?.rule?.find(item => item.menuName == "查询"))?true:true;
|
||||||
const viewBtn = (role?.rule?.find(item => item.menuName == "详情"))?true:false;
|
const viewBtn = (role?.rule?.find(item => item.menuName == "详情"))?true:true;
|
||||||
const delBtn = (role?.rule?.find(item => item.menuName == "删除"))?true:false;
|
const delBtn = (role?.rule?.find(item => item.menuName == "删除"))?true:true;
|
||||||
|
|
||||||
const [open, setOpen] = useState(false)
|
const [open, setOpen] = useState(false)
|
||||||
const [projectId, setProjectId] = useState('')
|
const [projectId, setProjectId] = useState('')
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue