xf-web/src/views/Zhsy/index.tsx

import {Modal, Tabs, Switch} from 'antd'
import React, {useMemo, useState} from 'react';
import "./index.less"

const SyglPage: React.FC = () => {

  return (
    <div className='content'>
      <div className='left-box'>
        <div className='box'>
          <div className='box-title'>
            <div className='title-item'>工程概况</div>
            <div className='title-item'>大事记</div>
            <div className='title-item'>美丽水厂</div>
          </div>
        </div>
        <div className='box'>
          <div className='box-title'>
            <div className='title-item'>工程投资</div>
          </div>
        </div>
        <div className='box'>
          <div className='box-title'>
            <div className='title-item'>工程成效</div>
          </div>
        </div>
      </div>
      <div className='right-box'>
        <div className='box'>
          <div className='box-title'>
            <div className='title-item'>洪水简报</div>
          </div>
        </div>
        <div className='box'>
          <div className='box-title'>
            <div className='title-item'>在建工程</div>
          </div>
        </div>
        <div className='box'>
          <div className='box-title'>
            <div className='title-item'>智慧化成效</div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default SyglPage