旧页面修改

lsf-dev
秦子超 2024-09-23 10:33:56 +08:00
parent 2a33ab7d66
commit b222c062f5
7 changed files with 99 additions and 52 deletions

View File

@ -196,33 +196,71 @@ export async function loadMenu(): Promise<MenuItem[]> {
{ id: id(), title: '四预', redirect: '/mgr/sy/fhxzfx', icon: 'fxzb',
children: [
{ id: id(), title: '防洪形势', path: '/mgr/sy/fhxzfx'},
// { id: id(), title: '天气预报', path: '/mgr/fxzb/tqyb'},
// {
// id: id(), title: '洪水预报', redirect: '/mgr/fxzb/hsyb/hyybjs',
// children: [
// { id: id(), title: '洪水预报计算', path: '/mgr/fxzb/hsyb/hyybjs' },
// { id: id(), title: '预报方案管理', path: '/mgr/fxzb/hsyb/ybfagl' },
// { id: id(), title: '参数管理', path: '/mgr/fxzb/hsyb/csgl' },
// ]
// },
// { id: id(), title: '调度规程', path: '/mgr/fxzb/ddgc'},
// { id: id(), title: '防汛预案', path: '/mgr/fxzb/fxya'},
// {
// id: id(),
// title: '抢险物料',
// path: '/mgr/fxzb/qxwl',
// },
// {
// id: id(),
// title: '抢险队伍',
// path: '/mgr/fxzb/qxdw',
// },
{ id: id(), title: '防洪现状分析', path: '/mgr/sy/fhxzfx'},
{ id: id(), title: '天气预报', path: '/mgr/sy/tqyb'},
{
id: id(), title: '洪水预报', redirect: '/mgr/sy/hsyb/hyybjs',
children: [
{ id: id(), title: '洪水预报计算', path: '/mgr/sy/hsyb/hyybjs' },
{ id: id(), title: '预报方案管理', path: '/mgr/sy/hsyb/ybfagl' },
{ id: id(), title: '参数管理', path: '/mgr/sy/hsyb/csgl' },
]
},
{ id: id(), title: '调度规程', path: '/mgr/fxzb/ddgc'},
{ id: id(), title: '防汛预案', path: '/mgr/fxzb/fxya'},
{
id: id(),
title: '抢险物料',
path: '/mgr/fxzb/qxwl',
},
{
id: id(),
title: '抢险队伍',
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(),
// title: '防汛调度',

View File

@ -6,7 +6,7 @@ import { parseGeoJSONFeature } from "../../utils/tools";
function initState() {
return {
layerVisible: {
AdcdLayer: true,//行政区划
AdcdLayer: false,//行政区划
AdcdBorderInLayer: true,//乡镇边界
AdcdAllLayer: false,//县行政区划图层
HeLiuZhuJiLayer:true,//12条河流注记

View File

@ -108,13 +108,14 @@ const AppRouters: React.FC = () => {
children: [
{ path: 'home', element: <HomePage /> },
// 防汛调度
//四预
{ path: 'sy/fhxzfx', element: <HomePage /> },
{ path: 'fxzb/tqyb', element: <HomePage /> },
//洪水预报
{ path: 'fxzb/hsyb/hyybjs', element: <Hsybjs /> },
{ path: 'fxzb/hsyb/ybfagl', element: <Ybfagl /> },
{ path: 'fxzb/hsyb/csgl', element: <Csgl /> },
{ path: 'sy/tqyb', element: <HomePage /> },
//四预-洪水预报
{ path: 'sy/hsyb/hyybjs', element: <Hsybjs /> },
{ path: 'sy/hsyb/ybfagl', element: <Ybfagl /> },
{ path: 'sy/hsyb/csgl', element: <Csgl /> },
// 调度规程
{ path: 'fxzb/ddgc', element: <Ddgc /> },

View File

@ -37,27 +37,34 @@ const { Panel } = Collapse;
const { RangePicker } = DatePicker;
const items = [
{ key:'1', label:'实时监测', children:[
{ key:'1', label:'综合监视', children:[
{ key:'11', label:'预警', labelRight:'预警', icon:'yujing' },
{ key:'12', label:'雨情', labelRight:'统计', icon:'yuqing' },
{ key:'13', label:'水库水情', labelRight:'实时水情', icon:'shuikushuiqing' },
{ key:'14', label:'供水', labelRight:'今日供水实况', icon:'gongshui' },
{ key:'13', label:'水情', labelRight:'实时水情', icon:'shuikushuiqing' },
{ key:'15', label:'工程安全', labelRight:'工程安全监测', icon:'gongchenganquan' },
{ key:'16', label:'监测设备状态', labelRight:'监测设备运行', icon:'jianceshebeizhuangtai' },
{ key:'17', label:'水质', labelRight:'水质', icon:'shuizhi' },
{ key:'18', label:'视频点', labelRight:'视频点', icon:'shipindian' },
] },
{ key:'2', label:'水库工程', children:[
{ key:'21', label:'水库', labelRight:'基本信息', icon:'shuiku' },
{ key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
{ 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:'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:'32', label:'安置点', labelRight:'安置点列表', icon:'anzhidian' },
{ key:'33', label:'企事业单位', labelRight:'企事业单位列表', icon:'qishiyedanwei' },
{ 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()
setCheckedObj({ key:'11', label:'预警', labelRight:'预警', icon:'yujing' })
}else if(a==='2'){
setShowTable(true)
dispatch.runtime.setHome()
setCheckedObj({ key:'21', label:'水库', labelRight:'基本信息', icon:'shuiku' })
// setShowTable(true)
// dispatch.runtime.setHome()
setCheckedObj({ key:'21', label:'巡查巡检', labelRight:'工程巡检', icon:'shuiku' })
}else if(a==='3'){
dispatch.runtime.setCameraTarget({
center: [114.96, 31.453],
@ -129,8 +136,9 @@ const HomePage = ({showPanels}) => {
})
setShowTable(true)
setCheckedObj({ key:'31', label:'危险区', labelRight:'危险区列表', icon:'weixianqu' })
}else if(a==='4'){
setCheckedObj({ key:'41', label:'供水', labelRight:'今日供水实况', icon:'gongshui' })
}else{
}
}} 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 === '雨情' ? <Yuqing mySetTms={setTms} show={showTable}/>:null }
{ checkedObj.label === '水库水情' ? <ShuiKu/>:null }
{ checkedObj.label === '水情' ? <ShuiKu/>:null }
{ checkedObj.label === '供水' ? <GongShui/>:null }
{ checkedObj.label === '工程安全' ? <GongCheng/>:null }
{ checkedObj.label === '监测设备状态' ? <JianCe/>:null }
@ -221,7 +229,7 @@ const HomePage = ({showPanels}) => {
<div className='homePage_leftBottomBox'>
{ checkedObj.label==='雨情'?<Tuli/>:null }
{ checkedObj.label==='水库水情'?<Tuli2/>:null }
{ checkedObj.label==='水情'?<Tuli2/>:null }
{ checkedObj.label==='供水'?<Tuli3/>:null }
{ (checkedObj.label==='水库'||checkedObj.label==='大坝'||checkedObj.label==='溢洪道'||checkedObj.label==='视频点')?<Tuli4/>:null }
{ (checkedObj.label==='危险区'||checkedObj.label==='安置点'||checkedObj.label==='企事业单位'||checkedObj.label==='沿河居民户')?<Tuli5/>:null }

View File

@ -190,13 +190,13 @@ const HomePage = () => {
<HomePanelsLayoutPage showPanels={showPanels} />
) : null}
{/*防汛调度-防洪形势*/}
{pathname === '/mgr/fxzb/fhxs' ? (
{/*四预-防洪形势*/}
{pathname === '/mgr/sy/fhxzfx' ? (
<Fhxs showPanels={showPanels}/>
) : null}
{/*防汛调度-天气预报*/}
{pathname === '/mgr/fxzb/tqyb' ? (
{/*四预-天气预报*/}
{pathname === '/mgr/sy/tqyb' ? (
<Tqyb showPanels={showPanels}/>
) : null}

View File

@ -16,7 +16,7 @@ const Page = () => {
const refModal2 = useRef();
const refModal3 = useRef();
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 columns = [
{ title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align:"center" },

View File

@ -11,9 +11,9 @@ import {CrudOpRender_text} from '../../../components/crud/CrudOpRender';
import { httpget2 } from '../../../utils/request';
const Page = () => {
const role = useSelector(state => state.auth.role);
const editBtn = (role?.rule?.find(item => item.menuName == "查询"))?true:false;
const viewBtn = (role?.rule?.find(item => item.menuName == "详情"))?true:false;
const delBtn = (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:true;
const delBtn = (role?.rule?.find(item => item.menuName == "删除"))?true:true;
const [open, setOpen] = useState(false)
const [projectId, setProjectId] = useState('')