import { Flex, message } from 'antd';
import styles from './index.less';

/**
 * @description 已接入行业系统
 */

const IndustrySystem = () => {
  const list = [
    {
      name: '数字监管中心',
      sub: [
        {
          name: '成都市数字化城市管理信息系统',
          url: 'http://171.221.172.80:6888/eUrbanMIS/main.htm',
        },
      ],
    },
    {
      name: '环卫处',
      sub: [
        {
          name: '成都市环卫固废智慧监管服务平台市级项目(一期)',
          url: 'https://cdgfhw.cloudhw.cn:58083/',
        },
      ],
    },
    {
      name: '城研院',
      sub: [
        {
          name: '成都市城市综合管理数据资源中心',
          url: '',
        },
      ],
    },
    {
      name: '执法总队',
      sub: [
        {
          name: '违法建设治理系统',
          url: 'https://wjzl.cdcgzfzd.cn:1234/',
        },
      ],
    },
    {
      name: '照明监管中心',
      sub: [
        {
          name: '城市照明监控系统',
          url: 'https://service.cdzmjg.cn:8443/',
        },
      ],
    },
    {
      name: '道桥监管中心',
      sub: [
        {
          name: '城市桥梁健康监测系统',
          url: 'https://jk.cddqgl.com/#/login',
        },
        {
          name: '占用挖掘城市道路信息管理平台',
          url: 'https://gl.cdzdwj.com/',
        },
        {
          name: '城市道路桥梁管理系统',
          url: 'https://www.cddqgl.com/',
        },
      ],
    },
    {
      name: '固废处',
      sub: [
        {
          name: '工地扬尘监控监管平台',
          url: 'http://221.237.182.174:8011/',
        },
      ],
    },
    {
      name: '审批监督处',
      sub: [
        {
          name: '城管委信用信息报送系统',
          url: '',
        },
      ],
    },
  ];
  const listOld = [
    {
      name: '执法总队',
      sub: [
        {
          name: '违法建设治理系统',
          url: 'https://wjzl.cdcgzfzd.cn:1234',
        },
        // {
        //   name: '综合行政执法智慧服务平台',
        //   url: 'https://zhzf.tfryb.com',
        // },
      ],
    },
    {
      name: '数字监管中心',
      sub: [
        {
          name: '成都市数字化城市管理信息系统',
          url: 'http://171.221.172.80:6888/eUrbanMIS/main.htm',
        },
      ],
    },
    {
      name: '道桥监管中心',
      sub: [
        {
          name: '城市桥梁健康监测系统',
          url: 'https://jk.cddqgl.com/#/login',
        },
        {
          name: '占用挖掘城市道路信息管理平台（一期）',
          url: 'https://gl.cdzdwj.com/',
        },
        {
          name: '城市道路桥梁管理系统',
          url: 'https://www.cddqgl.com/',
        },
        // {
        //   name: '成都市占用（挖掘）城市道路信息管理平台',
        //   url: 'https://gl.cdzdwj.com',
        // },
        // {
        //   name: '成都市道路桥梁信息管理系统',
        //   url: 'https://www.cddqgl.com',
        // },
      ],
    },
    {
      name: '照明监管中心',
      sub: [
        {
          name: '城市照明监控系统',
          url: 'https://service.cdzmjg.cn:8443/',
        },
        // {
        //   name: '照明运维系统',
        //   url: 'http://182.151.63.251:9000/login',
        // },
      ],
    },
    {
      name: '固废处',
      sub: [
        {
          name: '工地扬尘监控监管平台',
          url: 'http://221.237.182.174:8011/',
        },
      ],
    },
    {
      name: '环卫处',
      sub: [
        {
          name: '成都市环卫固废智慧监管服务平台市级项目(一期)',
          url: 'https://cdgfhw.cloudhw.cn:58083/',
        },
      ],
    },
    {
      name: '城研院',
      sub: [
        {
          name: '成都市城市综合管理数据资源中心',
          url: '',
        },
      ],
    },
    {
      name: '审批监督处',
      sub: [
        {
          name: '城管委信用信息报送系统',
          url: '',
        },
      ],
    },
  ];

  return (
    <Flex vertical className={styles.wrap}>
      <Flex className={styles.header}>
        <div>系统使用单位</div>
        <div>政务信息化系统</div>
      </Flex>
      <div className={styles.list}>
        {list.map((item) => (
          <Flex className={styles.listItem} align="center" key={item.name}>
            <div
              className={styles.name}
            >{`${item.name}(${item.sub.length})`}</div>
            <div>
              {item.sub.map((subItem) => (
                <div
                  key={subItem.name}
                  className={styles.subName}
                  onClick={() => {
                    if (subItem?.url === '') {
                      message.error('暂未获取系统链接！');
                    } else {
                      window.open(subItem?.url);
                    }
                  }}
                >
                  {subItem.name}
                </div>
              ))}
            </div>
          </Flex>
        ))}
      </div>
    </Flex>
  );
};

export default IndustrySystem;
