Compare commits

..

4 Commits

Author SHA1 Message Date
秦子超 7b81aed7bf Merge branch 'master' of http://10.0.41.100:3000/lishenfeng/tsg-web 2024-09-23 10:36:32 +08:00
秦子超 b222c062f5 旧页面修改 2024-09-23 10:33:56 +08:00
xielei 9da19e6321 Merge branch 'master' of http://10.0.41.100:3000/lishenfeng/tsg-web 2024-09-23 09:43:24 +08:00
xielei 4caf9d9d5c caidan 2024-09-23 09:43:16 +08:00
10 changed files with 148 additions and 55 deletions

43
package-lock.json generated
View File

@ -50,6 +50,7 @@
"react-dom": "^18.2.0",
"react-pdf": "^7.3.3",
"react-redux": "^8.0.2",
"react-rnd": "^10.4.11",
"react-router": "^6.3.0",
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
@ -18560,6 +18561,15 @@
"react-dom": "*"
}
},
"node_modules/re-resizable": {
"version": "6.10.0",
"resolved": "https://registry.npmmirror.com/re-resizable/-/re-resizable-6.10.0.tgz",
"integrity": "sha512-hysSK0xmA5nz24HBVztlk4yCqCLCvS32E6ZpWxVKop9x3tqCa4yAj1++facrmkOf62JsJHjmjABdKxXofYioCw==",
"peerDependencies": {
"react": "^16.13.1 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0"
}
},
"node_modules/react": {
"version": "18.2.0",
"resolved": "https://registry.npmmirror.com/react/-/react-18.2.0.tgz",
@ -18760,6 +18770,19 @@
"react": "^18.2.0"
}
},
"node_modules/react-draggable": {
"version": "4.4.6",
"resolved": "https://registry.npmmirror.com/react-draggable/-/react-draggable-4.4.6.tgz",
"integrity": "sha512-LtY5Xw1zTPqHkVmtM3X8MUOxNDOUhv/khTgBgrUvwaS064bwVvxT+q5El0uUFNx5IEPKXuRejr7UqLwBIg5pdw==",
"dependencies": {
"clsx": "^1.1.1",
"prop-types": "^15.8.1"
},
"peerDependencies": {
"react": ">= 16.3.0",
"react-dom": ">= 16.3.0"
}
},
"node_modules/react-error-overlay": {
"version": "6.0.11",
"resolved": "https://registry.npmmirror.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
@ -18871,6 +18894,20 @@
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
}
},
"node_modules/react-rnd": {
"version": "10.4.13",
"resolved": "https://registry.npmmirror.com/react-rnd/-/react-rnd-10.4.13.tgz",
"integrity": "sha512-Vgbf0iihspcQ6nkaFhpOGWfmnuVbhkhoB0hBbYl8aRDA4horsQHESc4E1z7O/P27kFFjK2aqM0u5CGzfr9gEZA==",
"dependencies": {
"re-resizable": "6.10.0",
"react-draggable": "4.4.6",
"tslib": "2.6.2"
},
"peerDependencies": {
"react": ">=16.3.0",
"react-dom": ">=16.3.0"
}
},
"node_modules/react-router": {
"version": "6.4.3",
"resolved": "https://registry.npmmirror.com/react-router/-/react-router-6.4.3.tgz",
@ -20985,9 +21022,9 @@
}
},
"node_modules/tslib": {
"version": "2.4.1",
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.4.1.tgz",
"integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
"version": "2.6.2",
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.6.2.tgz",
"integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
},
"node_modules/tsutils": {
"version": "3.21.0",

BIN
src/assets/img/u0.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 509 KiB

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('')

View File

@ -0,0 +1,9 @@
import { Image } from "antd"
const Page = () => {
return (
<>
<Image src="../../../"/>
</>
)
}
export default Page