import React, { lazy, useEffect } from 'react'
import { useDispatch } from 'react-redux'
import { Navigate, useRoutes } from 'react-router'
import DashboardLayout from '../components/DashboardLayout'
import { Dispatch } from '../models/store'
import LoginPage from './Login/index1'

import Sszq from './ysgzq/sszq'
import Yxqk from './ysgzq/ssgq/yxqk'
import Gcxq from './ysgzq/ssgq/gcxq'
import Dbaq from './ysgzq/ssgq/dbaq'
import Skhs from './fxdd/hsyb/skhs'
import Hdhs from './fxdd/hsyb/hdhs'
import Yjxy from './fxdd/ddjc/yjxy'

import Ddzl from './fxdd/ddjc/ddzl'


import Ddgc from "./fxzb/ddgc"
import Fxya from './fxzb/fxya'
import Hsybjs from './fxzb/hsybjs'
import Ybfagl from './fxzb/ybfagl'
import Csgl from './fxzb/csgl'

import Qxdw_Gc from './fxzb/qxdw/gc/index.js'
import Qxwl_Gc from './fxzb/qxwl/gc'
// 工程安全监测
import Bzt from './gcaqjc/bzt'
import Yhyj from "./gcaqjc/gcaqyj/yhyj"
import Yjgzpz from "./gcaqjc/gcaqyj/yjgzpz"
import Sljc from "./gcaqjc/sjtjcx/sljc"
import Syjc from "./gcaqjc/sjtjcx/syjc"
import Wyjc from "./gcaqjc/sjtjcx/wyjc"
import Czcx from "./gcaqjc/sjtjcx/czcx"
import Ndsytjb from "./gcaqjc/sjtjcx/ndsytjb"
import Ndsltjb from "./gcaqjc/sjtjcx/ndsltjb"
import Ndwytjb from "./gcaqjc/sjtjcx/ndwytjb"
import Jrx from "./gcaqjc/gcaqfx/jrx"

// 日常管理
import Rjswnbb from "./rcgl/btbb/rjswnbb"
import Rjylnbb from "./rcgl/btbb/rjynbb"
import Sdswrbb from "./rcgl/btbb/sdswrbb"
import Sdjyrbb from "./rcgl/btbb/sdjyrbb"
import Xjrw from "./rcgl/xcxj/xjrw"
import Xjwtcl from "./rcgl/xcxj/xjwtcl"
import Xjxpz from "./rcgl/xcxj/xjxpz"
import Fzxc from "./rcgl/byfz/fzxc"
import Bypc from "./rcgl/byfz/bypc"

import Wxyh from "./rcgl/wxyh"
import Szzb from "./rcgl/szzb"
import Stlljc from "./rcgl/stlljc"
import Aqyhpc from "./rcgl/aqgl/aqyhpc"
import Aqjcgl from "./rcgl/aqgl/aqjcgl"
import Aqsgdj from "./rcgl/aqgl/aqsgdj"
import Aqjdtz from "./rcgl/aqgl/aqjdtz"
import Cxjgtz from "./rcgl/aqgl/cxjgtz"
import Fxgkqd from "./rcgl/aqgl/fxgkqd"
import Khzbgl from "./rcgl/jdkh/khzbgl"
import Khmbgl from "./rcgl/jdkh/khmbgl"
import Khtj from "./rcgl/jdkh/khtj"
import Khwtzg from "./rcgl/jdkh/khwtzg"
import Khrwgl from "./rcgl/jdkh/khrwgl"

// 值班管理
import Zbb from "./zbgl/zbb"
import Zbrz from "./zbgl/zbrz"
import Gcdsj from "./rcgl/gcdsj"

import VideoList from './video'

// 供水兴利
import Dxnjyzl from "./gxsl/dxnjyzl"
import Zfzl from "./gxsl/zfzl"
import Zfjk from './gxsl/zfjk'
import Gstjfx from "./gxsl/gstjfx"
// 视频监控
import Spjk from "./video"
import AiWarn from "./spjk/aiWarn"

const HomePage = lazy(() => import('./Home'))

const IframePage = lazy(() => import('./Iframe'))

const AppRouters: React.FC = () => {
  const dispatch = useDispatch<Dispatch>()

  useEffect(() => {
    ;(window as any).__dispatch__ = dispatch
    return () => {
      delete (window as any).__dispatch__
    }
  }, [dispatch])

  let element = useRoutes([
    { path: '/', element: <LoginPage /> },
    // { path: '/', element: <DashboardLayout /> },

    // { id: id(), title: '洪水预报计算', path: '/mgr/fxzb/hsyb/hyybjs' },
    // { id: id(), title: '预报方案管理', path: '/mgr/fxzb/hsyb/ybfagl' },
    // { id: id(), title: '参数管理', path: '/mgr/fxzb/hsyb/csgl' },


    {
      path: '/mgr',
      element: <DashboardLayout />,
      children: [
        { path: 'home', element: <HomePage /> },

        // 防汛调度
        { path: 'fxzb/fhxs', 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: 'fxzb/ddgc', element: <Ddgc /> },

        // 防汛预案
        { path: 'fxzb/fxya', element: <Fxya /> },

        // 抢险物料
        { path: 'fxzb/qxwl', element: <Qxwl_Gc /> },

        // 抢险队伍
        { path: 'fxzb/qxdw', element: <Qxdw_Gc /> },

        
        // 工程安全监测
        // 预警
        { path: 'gcaqjc/gcaqyj/bzt', element: <Bzt isHome={false}/> },
        { path: 'gcaqjc/gcaqyj/yhyj', element: <Yhyj /> },
        { path: 'gcaqjc/gcaqyj/yjgzpz', element: <Yjgzpz /> },

        //统计 
        { path: 'gcaqjc/sjtjcx/syjx', element: <Syjc /> },
        { path: 'gcaqjc/sjtjcx/sljx', element: <Sljc /> },
        { path: 'gcaqjc/sjtjcx/wyjx', element: <Wyjc /> },
        { path: 'gcaqjc/sjtjcx/czcx', element: <Czcx /> },
        { path: 'gcaqjc/sjtjcx/ndsytjb', element: <Ndsytjb /> },
        { path: 'gcaqjc/sjtjcx/ndsltjb', element: <Ndsltjb /> },
        { path: 'gcaqjc/sjtjcx/ndwytjb', element: <Ndwytjb /> },

        // 工程安全分析
        { path: 'gcaqjc/gcaqfx/jrx', element: <Jrx /> },
        
        // 日常管理-水质整编
        { path: 'rcgl/btbb/rjswbb', element: <Rjswnbb /> },
        { path: 'rcgl/btbb/rjylnbb', element: <Rjylnbb /> },
        { path: 'rcgl/btbb/sdswbb', element: <Sdswrbb /> },
        { path: 'rcgl/btbb/sdjyrbb', element: <Sdjyrbb /> },
        { path: 'rcgl/xcxj/xcrw', element: <Xjrw /> },
        { path: 'rcgl/xcxj/xjwtcl', element: <Xjwtcl /> },
        { path: 'rcgl/xcxj/xjxpz', element: <Xjxpz/> },
        { path: 'byfz/fzxc', element: <Fzxc /> },
        { path: 'byfz/bypc', element: <Bypc /> },
        { path: 'rcgl/wxyh', element: <Wxyh /> },
        { path: 'rcgl/aqgl/aqjcgl', element: <Aqjcgl /> },
        { path: 'rcgl/aqgl/fxgkqd', element: <Fxgkqd /> },
        { path: 'rcgl/aqgl/cxjbtz', element: <Cxjgtz /> },
        { path: 'rcgl/aqgl/aqjdtz', element: <Aqjdtz /> },
        { path: 'rcgl/aqgl/aqyhpc', element: <Aqyhpc /> },
        { path: 'rcgl/aqgl/aqsgdj', element: <Aqsgdj /> },
        { path: 'rcgl/gcdsj', element: <Gcdsj /> },
        { path: 'rcgl/szzb', element: <Szzb /> },
        { path: 'rcgl/stlljc', element: <Stlljc /> },
        { path: 'rcgl/zbgl/zbb', element: <Zbb /> },
        { path: 'rcgl/zbgl/zbrz', element: <Zbrz /> },
        // 日常管理-监督考核
        { path: 'rcgl/jdkh/khtj', element: <Khtj /> },
        { path: 'rcgl/jdkh/khzbgl', element: <Khzbgl /> },
        { path: 'rcgl/jdkh/khmbgl', element: <Khmbgl /> },
        { path: 'rcgl/jdkh/khwtzg', element: <Khwtzg /> },
        { path: 'rcgl/jdkh/khrwgl', element: <Khrwgl /> },


        // 供水兴利
        { path: 'gsxl/zfzl', element: <Zfzl /> },
        { path: 'gsxl/zfjk', element: <Zfjk /> },
        { path: 'gsxl/gstjfx', element: <Gstjfx /> },
        { path: 'gsxl/dxnjyzl', element: <Dxnjyzl /> },

        { path: 'fxzb/jczw/yqz', element: <HomePage /> },
        { path: 'fxzb/jczw/sqz', element: <HomePage /> },
        // 视频监控
        { path: 'spjk/spjk', element: <Spjk /> },
        { path: 'spjk/aiWarn', element: <AiWarn /> },

        // { path: 'fxzb/zbb', element: <Zbb /> },
        // { path: 'fxzb/txl', element: <Txl /> },


        { path: 'ysgzq/ssyq', element: <HomePage /> },
        { path: 'ysgzq/sssq', element: <HomePage /> },
        { path: 'ysgzq/sszq', element: <Sszq /> },
        { path: 'ysgzq/ssgq/yxqk', element: <Yxqk /> },
        { path: 'ysgzq/ssgq/gcxq', element: <Gcxq /> },
        { path: 'ysgzq/ssgq/dbaq', element: <Dbaq /> },
        { path: 'fxdd/dqxsfx', element: <HomePage /> },
        { path: 'fxdd/tqyb', element: <HomePage /> },
        { path: 'fxdd/hsyb/skhs', element: <Skhs /> },
        { path: 'fxdd/hsyb/hdhs', element: <Hdhs /> },
        { path: 'fxdd/ddjc/yjxy', element: <Yjxy /> },
        { path: 'fxdd/ddjc/ddzl', element: <Ddzl /> },
        { path: 'videoSurveillance', element: <VideoList /> },
      ],
    },
    { path: '/login', element: <LoginPage /> },
  ])

  return element
}

export default AppRouters