F

.env

@@ -1,2 +1,2 @@
-# VITE_SERVER_BASE=/api/platform
+VITE_SERVER_BASE=/api/platform
 # VITE_LOGIN_URL=http://localhost:3009/admin/

package.json

@@ -18,13 +18,16 @@
     "axios": "^1.2.0",
     "classnames": "^2.3.2",
     "echarts": "^5.4.0",
+    "i18next": "^23.10.0",
     "md5": "^2.3.0",
     "moment": "^2.29.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-helmet": "^6.1.0",
+    "react-i18next": "^14.0.5",
     "react-router-dom": "^6.4.2",
-    "react-transition-group": "^4.4.5"
+    "react-transition-group": "^4.4.5",
+    "swiper": "^11.0.7"
   },
   "devDependencies": {
     "@types/react": "18.0.27",

src/components/Page/List.jsx

@@ -1,66 +1,93 @@
-import React from 'react';
-import { Button, Popconfirm, message } from 'antd';
-import { ProTable } from '@ant-design/pro-components';
-import { queryTable } from '@/utils/request';
-import Page from './index';
+import React from "react";
+import { Button, Popconfirm, message } from "antd";
+import { ProTable } from "@ant-design/pro-components";
+import { queryTable } from "@/utils/request";
+import Page from "./index";
+import { useTranslation } from "react-i18next";
+import useRoute from "@/routes/hooks/useRoute";
 
 export default React.forwardRef((props, ref) => {
   /**
    * request 与 ProTable 定义不同，这个只是普通的接口即可
    */
-  const { request, rowKey, columns, onAdd, onDelete, onEdit, toolBarRender, columnOptionRender, ...leftProps } = props;
+  const {
+    request,
+    rowKey,
+    columns,
+    onAdd,
+    onDelete,
+    onEdit,
+    toolBarRender,
+    columnOptionRender,
+    ...leftProps
+  } = props;
   const actionRef = React.useRef();
   const hideRef = React.useRef();
 
   const api = React.useMemo(() => queryTable(request), [request]);
 
+  const { t } = useTranslation();
+
   // 统一实现操作列
-  const cols = React.useMemo(() => [
-    ...columns,
-    {
-      title: '操作',
-      valueType: 'option',
-      key: 'option',
-      ellipsis: true,
-      fixed: 'right',
-      render: (_, record) => [
-        (
-          onEdit &&
-          <Button style={{ padding: 0 }} type="link" key={1} onClick={() => onEdit(record)}>
-            编辑
-          </Button>
-        ),
-        (
-          onDelete &&
-          <Popconfirm
-            key={3}
-            title="您是否确认删除 ?"
-            onConfirm={() => onDelete(record)}
-            okText="确定"
-            cancelText="取消"
-          >
-            <Button style={{ padding: 0 }} type="link">
-              删除
-            </Button>
-          </Popconfirm>
-        ),
-        ...(columnOptionRender ? columnOptionRender(_, record) : []),
-      ].filter(Boolean),
-    },
-  ], [columns, onEdit, onDelete]);
+  const cols = React.useMemo(
+    () => [
+      ...columns,
+      {
+        title: t("operate"),
+        valueType: "option",
+        key: "option",
+        ellipsis: true,
+        fixed: "right",
+        render: (_, record) =>
+          [
+            onEdit && (
+              <Button
+                style={{ padding: 0 }}
+                type="link"
+                key={1}
+                onClick={() => onEdit(record)}
+              >
+                编辑
+              </Button>
+            ),
+            onDelete && (
+              <Popconfirm
+                key={3}
+                title="您是否确认删除 ?"
+                onConfirm={() => onDelete(record)}
+                okText="确定"
+                cancelText="取消"
+              >
+                <Button style={{ padding: 0 }} type="link">
+                  删除
+                </Button>
+              </Popconfirm>
+            ),
+            ...(columnOptionRender ? columnOptionRender(_, record) : []),
+          ].filter(Boolean),
+      },
+    ],
+    [columns, onEdit, onDelete]
+  );
 
-  React.useImperativeHandle(ref, () => {
-    const showLoading = msg => (hideRef.current = message.loading(msg || '操作中, 请稍候...'));
-    const hideLoading = () => hideRef.current && hideRef.current();
-    const reload = () => actionRef.current?.reload && actionRef.current.reload();
+  React.useImperativeHandle(
+    ref,
+    () => {
+      const showLoading = (msg) =>
+        (hideRef.current = message.loading(msg || "操作中, 请稍候..."));
+      const hideLoading = () => hideRef.current && hideRef.current();
+      const reload = () =>
+        actionRef.current?.reload && actionRef.current.reload();
 
-    return {
-      showLoading,
-      hideLoading,
-      reload,
-      actionRef: actionRef,
-    }
-  }, []);
+      return {
+        showLoading,
+        hideLoading,
+        reload,
+        actionRef: actionRef,
+      };
+    },
+    []
+  );
 
   return (
     <Page>
@@ -70,21 +97,18 @@ export default React.forwardRef((props, ref) => {
         request={api}
         cardBordered
         actionRef={actionRef}
-        toolBarRender={() => [
-          (
-            onAdd &&
-            <Button
-              key="1"
-              type="primary"
-              onClick={onAdd}
-            >
-              新增
-            </Button>
-          ),
-          ...(toolBarRender ? toolBarRender() : []),
-        ].filter(Boolean)}
+        toolBarRender={() =>
+          [
+            onAdd && (
+              <Button key="1" type="primary" onClick={onAdd}>
+                新增
+              </Button>
+            ),
+            ...(toolBarRender ? toolBarRender() : []),
+          ].filter(Boolean)
+        }
         {...leftProps}
       />
     </Page>
-  )
-});
+  );
+});

src/components/Page/index.jsx

@@ -1,23 +1,28 @@
-import React from 'react';
-import { Typography } from 'antd';
-import useRoute from '@/routes/hooks/useRoute';
+import React from "react";
+import { Typography } from "antd";
+import useRoute from "@/routes/hooks/useRoute";
+import { useTranslation } from "react-i18next";
 
 const pageStyle = {
-  margin: '0 24px 24px 24px',
+  margin: "0 24px 24px 24px",
   // margin: '24px',
-  minHeight: 'calc(100% - 24px)',
-}
+  minHeight: "calc(100% - 24px)",
+};
 const { Title } = Typography;
 
 export default (props) => {
-  const { meta = {} } = useRoute() || {};
-  const style = meta.noLayout ? { height: '100%' } : pageStyle;
-  const title = props.title || meta.title;
-
+  const router = useRoute() || {};
+  const style = router.meta.noLayout ? { height: "100%" } : pageStyle;
+  const title = props.title || router.meta.title;
+  const { t } = useTranslation();
   return (
     <div style={style}>
-      { title && !meta.noLayout && <Title level={3} style={{ paddingBottom: '12px', fontWeight: 400 }}>{ title }</Title> }
+      {title && !router.meta.noLayout && (
+        <Title level={3} style={{ paddingBottom: "12px", fontWeight: 400 }}>
+          {t(`${router.path}.title`)}
+        </Title>
+      )}
       {props.children}
     </div>
-  )
-}
+  );
+};

src/layouts/AuthLayout/components/Footer.jsx

@@ -1,15 +1,22 @@
-import React from 'react';
-import { Layout } from 'antd';
-import { useModel } from '@/store';
+import React from "react";
+import { Layout } from "antd";
+import { useModel } from "@/store";
+import { useTranslation } from "react-i18next";
 
 const { Footer } = Layout;
 
 const year = new Date().getFullYear();
 export default React.forwardRef((props, ref) => {
-  const { app } = useModel('system');
-  const copyRight = `${app.company || '南京云致'} @ ${year}`;
+  // const { app } = useModel("system");
+  const { t } = useTranslation();
+  const copyRight = `${t("companyName") || "南京云致"} @ ${year}`;
 
   return (
-    <Footer ref={ref} style={{ textAlign: 'center', color: 'rgba(0,0,0, 0.3)' }}>{copyRight}</Footer>
-  )
-})
+    <Footer
+      ref={ref}
+      style={{ textAlign: "center", color: "rgba(0,0,0, 0.3)" }}
+    >
+      {copyRight}
+    </Footer>
+  );
+});

src/layouts/AuthLayout/components/Header/Language.jsx

@@ -0,0 +1,38 @@
+import { Select } from "antd";
+import React, { useMemo } from "react";
+// import { useModel } from "@/store";
+import i18n from '@/locale/config'
+
+let defaultLang = navigator.language;
+if (defaultLang.indexOf('zh') == 0) {
+  if (defaultLang == 'zh-CN' || defaultLang == 'zh') {
+    defaultLang = 'zh';
+  } else {
+    defaultLang = 'zht';
+  }
+} else {
+  defaultLang = 'en';
+}
+
+export default (props) => {
+  const { style } = props;
+
+  const styles = useMemo(() => {
+    return { ...style, width: 120 };
+  }, []);
+
+
+  console.log(styles)
+
+  const language = [
+    { label: "中文简体", value: "zh" },
+    { label: "中文繁体", value: "zht" },
+    { label: "英文", value: "en" },
+  ];
+
+  const onChange = (v) => {
+    i18n.changeLanguage(v);
+  }
+
+  return <Select defaultValue={defaultLang} style={styles} options={language} onChange={onChange} />;
+};

src/layouts/AuthLayout/components/Header/index.jsx

@@ -1,28 +1,34 @@
-import React, { useMemo } from 'react';
-import { Layout, Space } from 'antd';
-import classNames from 'classnames';
-import Title from './Title';
-import User from './User';
-import Exit from './Exit';
-import Logo from '../Logo';
+import React, { useMemo } from "react";
+import { Layout, Space } from "antd";
+import classNames from "classnames";
+import Title from "./Title";
+import User from "./User";
+import Exit from "./Exit";
+import Logo from "../Logo";
+import Language from "./Language";
 
 const { Header } = Layout;
 
 export default (props) => {
   const { user } = props;
 
-  const className = useMemo(() => classNames({
-    'layout-header': true,
-    'light': props.theme === 'light',
-  }), [props.theme]);
+  const className = useMemo(
+    () =>
+      classNames({
+        "layout-header": true,
+        light: props.theme === "light",
+      }),
+    [props.theme]
+  );
 
   return (
     <Header className={className}>
       <Logo />
       <Space>
+        <Language />
         <User user={user} />
         <Exit />
       </Space>
     </Header>
-  )
-}
+  );
+};

src/layouts/AuthLayout/components/Logo.jsx

@@ -2,15 +2,17 @@ import React from 'react';
 import { Typography } from 'antd';
 import { NavLink } from "react-router-dom";
 import { useModel } from '@/store';
+import { useTranslation } from 'react-i18next';
 
 export default (props) => {
   const { app } = useModel('system');
+  const { t } = useTranslation();
 
   return (
     // <NavLink className='logo'  to="/">
     <div className="logo">
       <img src="./logo.png" alt="" />
-      <h3>{app.shorName}</h3>
+      <h3>{t("fullName")}</h3>
     </div>
     // </NavLink>
   )

src/layouts/AuthLayout/components/SiderBar.jsx

@@ -1,21 +1,38 @@
-import React, { useMemo } from 'react';
-import { Layout, Spin } from 'antd';
-import { getPropertyValue } from '@/utils/css';
-import Menus from './Menus';
+import React, { useEffect, useMemo, useState } from "react";
+import { Layout, Spin } from "antd";
+import { getPropertyValue } from "@/utils/css";
+import Menus from "./Menus";
+import { useTranslation } from "react-i18next";
 
 const { Sider } = Layout;
 
-
 export default (props) => {
   const { theme, location, menus } = props;
+  // const [menysTranslation, setMenysTranslation] = useState([]);
+  const { t } = useTranslation();
 
   const width = useMemo(() => {
-    return /\d+/.exec(getPropertyValue('--siderbar-width'))[0] - 0;
+    return /\d+/.exec(getPropertyValue("--siderbar-width"))[0] - 0;
   }, []);
 
+  const menysTranslation = (menus || []).map((x) => {
+    return {
+      ...x,
+      label: {
+        ...x.label,
+        props: {
+          ...x.label.props,
+          children: t(`${x.path}.title`),
+        },
+      },
+    };
+  });
+  console.log(menus);
+  console.log(menysTranslation);
+  // setMenysTranslation(data);
   return (
-    <Sider className='layout-sidebar' theme={theme} collapsible width={width}>
-      <Menus theme={theme} items={menus} location={location} />
+    <Sider className="layout-sidebar" theme={theme} collapsible width={width}>
+      <Menus theme={theme} items={menysTranslation} location={"/company"} />
     </Sider>
   );
-}
+};

src/locale/config.js

@@ -0,0 +1,39 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import translation_en from './en.json';
+import translation_zh from './zh.json';
+import translation_zht from './zht.json';
+
+const resources = {
+    en: {
+        translation: translation_en,
+    },
+    zh: {
+        translation: translation_zh,
+    },
+    zht: {
+        translation: translation_zht,
+    },
+};
+
+let defaultLang = navigator.language;
+if (defaultLang.indexOf('zh') == 0) {
+    if (defaultLang == 'zh-CN' || defaultLang == 'zh') {
+        defaultLang = 'zh';
+    } else {
+        defaultLang = 'zht';
+    }
+} else {
+    defaultLang = 'en';
+}
+
+i18n.use(initReactI18next).init({
+    resources,
+    // 默认语言  zh/en/zht  中文/英文/繁体
+    lng: defaultLang,
+    interpolation: {
+        escapeValue: false,
+    },
+});
+
+export default i18n;

src/locale/en.json

@@ -0,0 +1,26 @@
+{
+  "language": "Language",
+  "switch": "Switch",
+  "fullName": "platform management system",
+  "companyName": "yun zhi",
+  "operate": "operate",
+  "details": "details",
+  "fxuser": {
+    "title": "User Management"
+  },
+  "fxuser/edit": {
+    "title": "User maintenance"
+  },
+
+  "company": {
+    "title": "Lists of companies",
+    "registrationLocation":"Enterprise registration location",
+    "companyNameCn": "Chinese name of registration location",
+    "companyNameEn": "Enterprise English name",
+    "isListedCompany": "Is it a listed company",
+    "companyType": "Company type"
+  },
+  "company/edit": {
+    "title": "Company Details"
+  }
+}

src/locale/zh.json

@@ -0,0 +1,26 @@
+{
+  "language": "语言",
+  "switch": "选择",
+  "fullName": "平台管理系统",
+  "companyName": "云致",
+  "operate": "操作",
+  "details": "详情",
+  "fxuser": {
+    "title": "用户管理"
+  },
+  "fxuser/edit": {
+    "title": "用户维护"
+  },
+
+  "company": {
+    "title": "公司列表",
+    "registrationLocation": "企业注册地",
+    "companyNameCn": "企业中文名",
+    "companyNameEn": "企业英文名",
+    "isListedCompany": "是否为上市企业",
+    "companyType": "企业类型"
+  },
+  "company/edit": {
+    "title": "公司详情"
+  }
+}

src/locale/zht.json

@@ -0,0 +1,26 @@
+{
+  "language": "語言",
+  "switch": "選擇",
+  "fullName": "平台管理系統",
+  "companyName": "雲致",
+  "operate": "操作",
+  "details": "詳情",
+  "fxuser": {
+    "title": "用戶管理"
+  },
+  "fxuser/edit": {
+    "title": "用戶維護"
+  },
+
+  "company": {
+    "title": "公司列表",
+    "registrationLocation": "企業註冊地",
+    "companyNameCn": "註冊地中文名",
+    "companyNameEn": "企業英文名",
+    "isListedCompany": "是否為上市企業",
+    "otherAnnex": "公司類型"
+  },
+  "company/edit": {
+    "title": "公司詳情"
+  }
+}

src/pages/company/Edit.jsx

@@ -0,0 +1,308 @@
+import Page from "@/components/Page";
+import {
+  PrivateIndividualsShareCapitalUnlimitedCompany,
+  PrivateSharesCorporation,
+  PublicShareCapitalUnlimitedCompany,
+  PublicSharesCorporation,
+} from "@/utils/company";
+import { ProCard, ProDescriptions } from "@ant-design/pro-components";
+import {
+  Badge,
+  Button,
+  Card,
+  Col,
+  Descriptions,
+  Image,
+  Row,
+  Space,
+} from "antd";
+import React, { useEffect, useState } from "react";
+import { useSearchParams } from "react-router-dom";
+import UploadFile from "./component/UploadFile";
+import PreviewModal from "./component/PreviewModal";
+import {
+  getTaCompanyRealName,
+  getTaCompanyRealNameId,
+} from "@/services/companyreal";
+import { DownloadOutlined } from "@ant-design/icons";
+export default (props) => {
+  const [searchParams] = useSearchParams();
+  const id = searchParams.get("id");
+  const [companyList, setCompanyList] = useState({});
+  const requestApi = async () => {
+    const res = await getTaCompanyRealNameId(id);
+    const data = {
+      success: true,
+      data: {
+        ...res,
+        ...(res.taCompanyInfo || {}),
+      },
+    };
+    console.log(data);
+    return data;
+  };
+
+  const classification = (value) => {
+    const str = value;
+    const fileExtension = str.substring(str.lastIndexOf(".") + 1);
+
+    if (fileExtension == "rar" || fileExtension == "zip") {
+      return (
+        <div>
+          <div>{value}</div>
+          <Button
+            href={value}
+            type="primary"
+            shape="round"
+            icon={<DownloadOutlined />}
+            size="middle"
+          />
+        </div>
+      );
+    } else if (
+      fileExtension == "jpg" ||
+      fileExtension == "jpeg" ||
+      fileExtension == "png"
+    ) {
+      return <img src={value} alt="" height="100" width="100" />;
+    } else if (fileExtension == "xlsx" || fileExtension == "xls") {
+      <div>
+        <div>{value}</div>
+        <Button
+          href={value}
+          type="primary"
+          shape="round"
+          icon={<DownloadOutlined />}
+          size="middle"
+        />
+      </div>;
+    } else if (fileExtension == "pdf") {
+      <iframe src={value} height="100%" width="100%"></iframe>;
+    }
+  };
+
+  const columns = [
+    {
+      title: "企业注册地",
+      dataIndex: "registrationLocation",
+    },
+    {
+      title: "企业中文名",
+      dataIndex: "companyNameCn",
+    },
+    {
+      title: "企业英文名",
+      dataIndex: "companyNameEn",
+    },
+    {
+      title: "是否为上市企业",
+      dataIndex: "isListedCompany",
+      valueType: "select",
+      valueEnum: {
+        0: { text: "否" },
+        1: { text: "是" },
+      },
+    },
+
+    {
+      title: "企业类型",
+      dataIndex: "companyType",
+      valueType: "select",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.companyType;
+      // },
+      valueEnum: {
+        1: {
+          text: PrivateSharesCorporation,
+        },
+        2: {
+          text: PublicSharesCorporation,
+        },
+        3: {
+          text: PublicShareCapitalUnlimitedCompany,
+        },
+        4: {
+          text: PrivateIndividualsShareCapitalUnlimitedCompany,
+        },
+      },
+    },
+    {
+      title: "商业登记号",
+      dataIndex: "businessRegistrationNum",
+    },
+    {
+      title: "公司注册证书",
+      dataIndex: "certificateIncorporation",
+      render: (_, r) => {
+        return classification(r?.certificateIncorporation);
+      },
+    },
+    {
+      title: "公司商业登记证",
+      dataIndex: "companyBusinessRegistration",
+      render: (_, r) => {
+        return classification(r?.companyBusinessRegistration);
+      },
+    },
+    {
+      title: "nnc1/最新nar1",
+      // valueType: "image",
+      dataIndex: "nnc1Nar1",
+      render: (_, r) => {
+        return classification(r?.nnc1Nar1);
+      },
+    },
+    {
+      title: "其他附件",
+      dataIndex: "otherAnnex",
+      render: (_, r) => {
+        return classification(r?.otherAnnex);
+      },
+    },
+    {
+      title: "注册-国家",
+      dataIndex: "registerCountry",
+    },
+    {
+      title: "注册-省/地区",
+      dataIndex: "registerProvinceRegion",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.registerProvinceRegion;
+      // },
+    },
+    {
+      title: "注册-市",
+      dataIndex: "registerCity",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.registerCity;
+      // },
+    },
+    {
+      title: "注册-具体地址",
+      dataIndex: "registerSpecificAddress",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.registerSpecificAddress;
+      // },
+    },
+    {
+      title: "注册-邮政编码",
+      dataIndex: "registerPostalCode",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.registerPostalCode;
+      // },
+    },
+    {
+      title: "实际-国家",
+      dataIndex: "realityCountry",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.realityCountry;
+      // },
+    },
+    {
+      title: "实际-省/地区",
+      dataIndex: "realityProvinceRegion",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.realityProvinceRegion;
+      // },
+    },
+    {
+      title: "实际-市",
+      dataIndex: "realityCity",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.realityCity;
+      // },
+    },
+    {
+      title: "实际-具体地址",
+      dataIndex: "realitySpecificAddress",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.realitySpecificAddress;
+      // },
+    },
+    {
+      title: "实际-邮政编码",
+      dataIndex: "realityPostalCode",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.realityPostalCode;
+      // },
+    },
+    {
+      title: "雇员人数",
+      dataIndex: "numEmployees",
+      valueType: "select",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.numEmployees;
+      // },
+      valueEnum: {
+        1: { text: "员工人数超过200人" },
+        2: { text: "员工人数50-200人" },
+        3: { text: "员工人数少于50人" },
+      },
+    },
+    {
+      title: "经营场所类型",
+      dataIndex: "businessPremisesType",
+      valueType: "select",
+      // render: (_, r) => {
+      //   return r.taCompanyInfo?.businessPremisesType;
+      // },
+      valueEnum: {
+        1: { text: "自有办公场所" },
+        2: { text: "较大租用办公场所 (大于500平方)" },
+        3: { text: "较小租用办公场所 (小于500平方)" },
+        4: { text: "无固定办公场所" },
+      },
+    },
+    {
+      title: "受益人",
+      dataIndex: "taCompanyBeneficiaryInfoList",
+      render: (_, r) => {
+        const data = (r.taCompanyBeneficiaryInfoList || []).map(
+          (x) => x.beneficiaryName
+        );
+        // console.log(data);
+        return data.join(" ，");
+      },
+    },
+    {
+      title: "董事",
+      dataIndex: "taCompanyLegalInfoList",
+      render: (_, r) => {
+        const data = (r.taCompanyLegalInfoList || []).map(
+          (x) => x.directorNameCn
+        );
+        return data.join(" ，");
+      },
+    },
+  ];
+  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [content, setContent] = React.useState();
+
+  const onOpen = () => {
+    setIsModalOpen(true);
+  };
+  const onClose = () => {
+    setIsModalOpen(false);
+  };
+
+  return (
+    <Page>
+      <Row>
+        <ProCard gutter={20}>
+          <ProDescriptions
+            layout="vertical"
+            bordered
+            title="公司基本信息"
+            request={requestApi}
+            columns={columns}
+          ></ProDescriptions>
+        </ProCard>
+      </Row>
+      {/* <PreviewModal
+        isModalOpen={isModalOpen}
+        onClose={onClose}
+        versionInfo={content}
+      /> */}
+    </Page>
+  );
+};

src/pages/company/component/PreviewModal.jsx

@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+import { Modal, Image } from 'antd';
+import { Swiper, SwiperSlide } from 'swiper/react';
+// Import Swiper styles
+import 'swiper/css';
+import 'swiper/css/effect-fade';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
+// import 'style.module.less';
+
+// import required modules
+import { Pagination } from 'swiper/modules';
+
+export default (props) => {
+  const { versionInfo, isModalOpen, onClose, width = 1200, ...leftProps } = props;
+
+  return (
+    <Modal keyboard footer={null} width={width} open={isModalOpen} onCancel={onClose} {...leftProps}>
+      <Swiper
+        spaceBetween={30}
+        effect={'fade'}
+        pagination={{
+          clickable: true,
+        }}
+        modules={[Pagination]}
+        className="mySwiper"
+      >
+        {
+          (versionInfo || []).map((x, index) => {
+            return (
+              <SwiperSlide>
+                <img src={x} key={index} style={{ width: '100%' }} alt="fail" />
+              </SwiperSlide>
+            )
+          })
+        }
+      </Swiper>
+    </Modal>
+  )
+}

src/pages/company/component/UploadFile.jsx

@@ -0,0 +1,72 @@
+import React from "react";
+import { UploadOutlined } from "@ant-design/icons";
+import { Button } from "antd";
+import Upload from "@/components/Upload/Upload";
+
+const getFileInfo = (x) => ({
+  uid: x,
+  name: x?.split("/")?.at(-1)?.replace(/^\d+-/, ""),
+  status: "done",
+  thumbUrl: x,
+  url: x,
+});
+
+export default (props) => {
+  const { value, onChange, onPreview, versionInfo, accept = ".ppt,.pptx,.pdf" } = props;
+
+  const [loading, setLoading] = React.useState(false);
+
+  const [fileList, setFileList] = React.useState([]);
+
+
+  const handleChange = (info) => {
+    const newFileList = [...info.fileList];
+
+    if (info.file.status === "uploading") {
+      setLoading(true);
+    } else if (info.file.status === "error") {
+      setLoading(false);
+    } else if (info.file.status === "done") {
+      setLoading(false);
+      const { url, fileType } = info.file.response;
+      if (onChange) {
+        onChange(url, fileType);
+      }
+    }
+
+    setFileList(newFileList);
+  };
+
+  const handlePreview = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    onPreview();
+  }
+
+  React.useEffect(() => {
+    if (!value) {
+      setFileList([]);
+    } else {
+      setFileList([getFileInfo(value)]);
+    }
+  }, [value]);
+
+  // console.log('versionInfo', versionInfo)
+
+  return (
+    <>
+      <Upload
+        accept={accept}
+        fileList={fileList}
+        onChange={handleChange}
+      >
+        <Button loading={loading} icon={<UploadOutlined />}>
+          点击上传文件
+        </Button>
+        {
+          versionInfo ? <Button type="link" onClick={handlePreview} >预览</Button> : null
+        }
+      </Upload>
+    </>
+  );
+};

src/pages/company/index.jsx

@@ -0,0 +1,141 @@
+import List from "@/components/Page/List";
+import { deleteTaCompanyInfo, getTaCompanyInfo } from "@/services/company";
+import { getTaCompanyRealName } from "@/services/companyreal";
+import {
+  PrivateIndividualsShareCapitalUnlimitedCompany,
+  PrivateSharesCorporation,
+  PublicShareCapitalUnlimitedCompany,
+  PublicSharesCorporation,
+} from "@/utils/company";
+import { Button } from "antd";
+import React, { useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+export default (props) => {
+  const actionRef = useRef();
+
+  const navigate = useNavigate();
+  const { t } = useTranslation();
+  const columns = [
+    {
+      title: t("company.registrationLocation"),
+      dataIndex: "registrationLocation",
+    },
+    {
+      title: t("company.companyNameCn"),
+      dataIndex: "companyNameCn",
+    },
+    {
+      title: t("company.companyNameEn"),
+      dataIndex: "companyNameEn",
+    },
+    {
+      title: t("company.isListedCompany"),
+      valueType: "select",
+      dataIndex: "isListedCompany",
+      valueEnum: {
+        0: {
+          text: "否",
+        },
+        1: {
+          text: "是",
+        },
+      },
+    },
+    // {
+    //   title: t("company.companyType"),
+    //   valueType: "select",
+    //   dataIndex: "companyType",
+    //   render: (_, r) => {
+    //     return r.companyType == 1
+    //       ? PrivateSharesCorporation
+    //       : r.companyType == 2
+    //       ? PublicSharesCorporation
+    //       : r.companyType == 3
+    //       ? PublicShareCapitalUnlimitedCompany
+    //       : r.companyType == 4
+    //       ? PrivateIndividualsShareCapitalUnlimitedCompany
+    //       : "-";
+    //   },
+    //   valueEnum: {
+    //     1: {
+    //       text: PrivateSharesCorporation,
+    //     },
+    //     2: {
+    //       text: PublicSharesCorporation,
+    //     },
+    //     3: {
+    //       text: PublicShareCapitalUnlimitedCompany,
+    //     },
+    //     4: {
+    //       text: PrivateIndividualsShareCapitalUnlimitedCompany,
+    //     },
+    //   },
+    // },
+    // {
+    //   title: "公司注册证书",
+    //   valueType: "image",
+    //   dataIndex: "certificateIncorporation",
+    // },
+    // {
+    //   title: "公司商业登记证",
+    //   valueType: "image",
+    //   dataIndex: "companyBusinessRegistration",
+    // },
+    // {
+    //   title: "nnc1/最新nar1",
+    //   valueType: "image",
+    //   dataIndex: "nnc1Nar1",
+    // },
+    // {
+    //   title: "其他附件",
+    //   valueType: "image",
+    //   dataIndex: "otherAnnex",
+    // },
+    // {
+    //   title: "商业登记号",
+    //   dataIndex: "businessRegistrationNum",
+    // },
+    // {
+    //   title: "注册国家",
+    //   dataIndex: "registerCountry",
+    // },
+    // {
+    //   title: "注册省/地区",
+    //   dataIndex: "registerProvinceRegion",
+    // }, {
+    //     title: "注册市",
+    //     dataIndex: "registerCity",
+    //   },
+  ];
+  return (
+    <List
+      rowKey="realCompanyId"
+      actionRef={actionRef}
+      request={getTaCompanyRealName}
+      columns={columns}
+      columnOptionRender={(_, r) => [
+        <Button
+          style={{ padding: 0 }}
+          type="link"
+          key={1}
+          onClick={() => navigate(`/company/edit?id=${r.realCompanyId}`)}
+        >
+          {t("details")}
+        </Button>,
+      ]}
+
+      // toolBarRender={() => [
+      //   <Button
+      //     key="1"
+      //     type="primary"
+      //     onClick={() => {
+      //       navigate("edit");
+      //     }}
+      //   >
+      //     新增
+      //   </Button>,
+      // ]}
+    />
+  );
+};

src/pages/tenant/index.jsx

@@ -51,16 +51,16 @@ export default (props) => {
       title: "手机号",
       dataIndex: "phone",
     },
-    {
-      title: "登录地址",
-      dataIndex: "tenantId",
-      render: (_, record) => {
-        const url = `${import.meta.env.VITE_LOGIN_URL}#/${record.tenantId}/login`
-        console.log(url)
-        return <Text copyable={{ text: url }} ellipsis={true}>{url}</Text>;
-      },
-      search: false,
-    },
+    // {
+    //   title: "登录地址",
+    //   dataIndex: "tenantId",
+    //   render: (_, record) => {
+    //     const url = `${import.meta.env.VITE_LOGIN_URL}#/${record.tenantId}/login`
+    //     console.log(url)
+    //     return <Text copyable={{ text: url }} ellipsis={true}>{url}</Text>;
+    //   },
+    //   search: false,
+    // },
     {
       title: "状态",
       dataIndex: "status",

src/routes/menus.jsx

@@ -1,44 +1,56 @@
-import { Link } from 'react-router-dom';
-import { getPath } from './utils';
+import { Link } from "react-router-dom";
+import { getPath } from "./utils";
+import { useTranslation } from "react-i18next";
 
 // 菜单是否显示
 // 没有 meta 或者 meta.title 为空, 或者 meta.hideInMenu = true 的 都不显示
-const isShow = item => item.meta && item.meta.title && !item.meta.hideInMenu;
+const isShow = (item) => item.meta && item.meta.title && !item.meta.hideInMenu;
 
 const hasChildren = (list) => {
   if (!list || list.length < 1) return false;
 
   // 如果子元素全部都是不显示的, 说明子菜单不需要显示
-  return list.filter(it => !isShow(it)).length !== list.length;
-}
-
-export const getMenuItems = (routes = [], fullPath = '/') => {
-  return routes.map(route => {
-    const path = getPath(fullPath, route.path);
-
-    //
-    if (!isShow(route)) return false;
-    
-    const children = hasChildren(route.children) ? getMenuItems(route.children, path) : false;
-
-    const { target, title, icon } = route.meta || {}
-
-    // 坑爹 react-router v6 不支持 hash 路由的 target 跳转
-    const label = target === '_blank' ?
-      <a href={`${window.location.pathname}#${path}`} target={target}>{title}</a>
-      : (
-        path.indexOf('http') === 0  ? <a href={path} target="_blank">{title}</a>
-        : <Link to={path} target={target}>{title}</Link>
+  return list.filter((it) => !isShow(it)).length !== list.length;
+};
+
+export const getMenuItems = (routes = [], fullPath = "/") => {
+  return routes
+    .map((route) => {
+      const path = getPath(fullPath, route.path);
+
+      //
+      if (!isShow(route)) return false;
+
+      const children = hasChildren(route.children)
+        ? getMenuItems(route.children, path)
+        : false;
+
+      const { target, title, icon } = route.meta || {};
+      // 坑爹 react-router v6 不支持 hash 路由的 target 跳转
+      const label =
+        target === "_blank" ? (
+          <a href={`${window.location.pathname}#${path}`} target={target}>
+            {title}
+          </a>
+        ) : path.indexOf("http") === 0 ? (
+          <a href={path} target="_blank">
+            {title}
+          </a>
+        ) : (
+          <Link to={path} target={target}>
+            {title}
+          </Link>
+        );
+      return Object.assign(
+        {
+          key: path,
+          path:route.path,
+          label,
+          title,
+          icon,
+        },
+        children && { children }
       );
-
-    return Object.assign(
-      {
-        key: path,
-        label,
-        title,
-        icon,
-      },
-      children && { children },
-    )
-  }).filter(Boolean);
-}
+    })
+    .filter(Boolean);
+};

src/routes/routes.jsx

@@ -11,6 +11,9 @@ import FxUser from "@/pages/fxuser";
 import FxUserEdit from "@/pages/fxuser/Edit";
 import Tenant from "@/pages/tenant";
 import TenantEdit from "@/pages/tenant/Edit";
+import Company from "@/pages/company";
+import CompanyEdit from "@/pages/company/Edit";
+
 /**
  * meta 用来扩展自定义数据数据
  * {
@@ -45,19 +48,35 @@ export const authRoutes = [
       hideInMenu: true,
     },
   },
+  // {
+  //   path: "tenant",
+  //   element: <Tenant />,
+  //   meta: {
+  //     title: "租户管理",
+  //     icon: <UserOutlined />,
+  //   },
+  // },
+  // {
+  //   path: "tenant/edit",
+  //   element: <TenantEdit />,
+  //   meta: {
+  //     title: "租户维护",
+  //     hideInMenu: true,
+  //   },
+  // },
   {
-    path: "tenant",
-    element: <Tenant />,
+    path: "company",
+    element: <Company />,
     meta: {
-      title: "租户管理",
+      title: "公司列表",
       icon: <UserOutlined />,
     },
   },
   {
-    path: "tenant/edit",
-    element: <TenantEdit />,
+    path: "company/edit",
+    element: <CompanyEdit />,
     meta: {
-      title: "租户维护",
+      title: "公司详情",
       hideInMenu: true,
     },
   },

src/services/company.js

@@ -0,0 +1,26 @@
+import request from "@/utils/request";
+
+/*
+ * 分页查询
+ */
+export const getTaCompanyInfo = (params) => request(`/taCompanyInfo`, { params });
+
+/*
+ * 新增数据
+ */
+export const postTaCompanyInfo = (data) => request('/taCompanyInfo', { data, method: 'post' });
+
+/*
+ * 更新数据
+ */
+export const putTaCompanyInfo = (id, data) => request(`/taCompanyInfo/${id}`, { data, method: 'put' });
+
+/*
+ * 通过主键删除数据
+ */
+export const deleteTaCompanyInfo = (id) => request(`/taCompanyInfo/${id}`, { method: 'delete' });
+
+/*
+ * 通过ID查询单条数据
+ */
+export const getTaCompanyInfoId = (id) => request(`/taCompanyInfo/${id}`);

src/services/companyreal.js

@@ -0,0 +1,26 @@
+import request from "@/utils/request";
+
+/*
+ * 分页查询
+ */
+export const getTaCompanyRealName = (params) => request(`/taCompanyRealName`, { params });
+
+/*
+ * 新增数据
+ */
+export const postTaCompanyRealName = (data) => request('/taCompanyRealName', { data, method: 'post' });
+
+/*
+ * 更新数据
+ */
+export const putTaCompanyRealName = (id, data) => request(`/taCompanyRealName/${id}`, { data, method: 'put' });
+
+/*
+ * 通过主键删除数据
+ */
+export const deleteTaCompanyRealName = (id) => request(`/taCompanyRealName/${id}`, { method: 'delete' });
+
+/*
+ * 通过ID查询单条数据
+ */
+export const getTaCompanyRealNameId = (id) => request(`/taCompanyRealName/${id}`);

src/utils/company.js

@@ -0,0 +1,5 @@
+
+export const PrivateSharesCorporation = "私人股份有限公司";
+export const PublicSharesCorporation = "公众股份有限公司";
+export const PublicShareCapitalUnlimitedCompany = "有股本的公众无限公司";
+export const PrivateIndividualsShareCapitalUnlimitedCompany = "有股本的私人无限公司";

vite.config.js

@@ -11,7 +11,7 @@ export default defineConfig({
     host: "0.0.0.0",
     proxy: {
       '/api/platform': {
-        target: 'http://192.168.89.25:9110',
+        target: 'http://192.168.89.13:9110',
         changeOrigin: true,
       },
     },

yarn.lock

@@ -455,6 +455,13 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
+"@babel/runtime@^7.23.2", "@babel/runtime@^7.23.9":
+  version "7.24.0"
+  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.24.0.tgz#584c450063ffda59697021430cb47101b085951e"
+  integrity sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.20.7", "@babel/template@^7.21.9":
   version "7.21.9"
   resolved "https://registry.npmmirror.com/@babel/template/-/template-7.21.9.tgz"
@@ -1312,6 +1319,13 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+html-parse-stringify@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmmirror.com/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz#dfc1017347ce9f77c8141a507f233040c59c55d2"
+  integrity sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==
+  dependencies:
+    void-elements "3.1.0"
+
 html-void-elements@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmmirror.com/html-void-elements/-/html-void-elements-2.0.1.tgz"
@@ -1324,6 +1338,13 @@ i18next@^20.4.0:
   dependencies:
     "@babel/runtime" "^7.12.0"
 
+i18next@^23.10.0:
+  version "23.10.0"
+  resolved "https://registry.npmmirror.com/i18next/-/i18next-23.10.0.tgz#fb328794ae692e6fdde0564259e421f4203c4a2c"
+  integrity sha512-/TgHOqsa7/9abUKJjdPeydoyDc0oTi/7u9F8lMSj6ufg4cbC1Oj3f/Jja7zj7WRIhEQKB7Q4eN6y68I9RDxxGQ==
+  dependencies:
+    "@babel/runtime" "^7.23.2"
+
 iconv-lite@^0.6.3:
   version "0.6.3"
   resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz"
@@ -2083,6 +2104,14 @@ react-helmet@^6.1.0:
     react-fast-compare "^3.1.1"
     react-side-effect "^2.1.0"
 
+react-i18next@^14.0.5:
+  version "14.0.5"
+  resolved "https://registry.npmmirror.com/react-i18next/-/react-i18next-14.0.5.tgz#5df7b88a3ac8afbef8089ed0d0c27e12b9a1acac"
+  integrity sha512-5+bQSeEtgJrMBABBL5lO7jPdSNAbeAZ+MlFWDw//7FnVacuVu3l9EeWFzBQvZsKy+cihkbThWOAThEdH8YjGEw==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    html-parse-stringify "^3.0.1"
+
 react-is@^16.12.0, react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz"
@@ -2147,6 +2176,11 @@ regenerator-runtime@^0.13.11:
   resolved "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
 
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
 resize-observer-polyfill@^1.5.1:
   version "1.5.1"
   resolved "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz"
@@ -2277,6 +2311,11 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
+swiper@^11.0.7:
+  version "11.0.7"
+  resolved "https://registry.npmmirror.com/swiper/-/swiper-11.0.7.tgz#fe51bb64546c2c21a1ec6914e7764af953443ded"
+  integrity sha512-cDfglW1B6uSmB6eB6pNmzDTNLmZtu5bWWa1vak0RU7fOI9qHjMzl7gVBvYSl34b0RU2N11HxxETJqQ5LeqI1cA==
+
 swr@^2.0.0:
   version "2.1.5"
   resolved "https://registry.npmmirror.com/swr/-/swr-2.1.5.tgz"
@@ -2367,6 +2406,11 @@ vite@^3.0.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
+void-elements@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmmirror.com/void-elements/-/void-elements-3.1.0.tgz#614f7fbf8d801f0bb5f0661f5b2f5785750e4f09"
+  integrity sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==
+
 warning@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmmirror.com/warning/-/warning-4.0.3.tgz"