From ec3c5bc3ad958a137355b49147d5439affd3fb85 Mon Sep 17 00:00:00 2001 From: "853931625@qq.com" Date: Tue, 4 Nov 2025 10:30:37 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=20LeftTree=E5=BC=95=E5=85=A5?= =?UTF-8?q?=E5=9C=B0=E5=9D=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/LeftTree/index.js | 147 ------------------ .../Enterprise/OrganizationStructure/index.js | 2 +- .../Container/Enterprise/Position/index.js | 2 +- .../Container/Enterprise/User/List/index.js | 2 +- .../Container/Stakeholder/Department/index.js | 2 +- .../Container/Stakeholder/User/List/index.js | 2 +- .../BranchCompany/AccountManage/View/index.js | 2 +- .../StakeholderUnit/User/UserList/index.js | 2 +- 8 files changed, 7 insertions(+), 154 deletions(-) delete mode 100644 src/components/LeftTree/index.js diff --git a/src/components/LeftTree/index.js b/src/components/LeftTree/index.js deleted file mode 100644 index 717683c..0000000 --- a/src/components/LeftTree/index.js +++ /dev/null @@ -1,147 +0,0 @@ -import { Input, Tree } from "antd"; -import { useEffect, useState } from "react"; - -const { Search } = Input; - -const LeftTree = (props) => { - const { - onClick, - expandedKeys: externalExpandedKeys, - } = props; - - const [treeData, setTreeData] = useState([]); - const [expandedKeys, setExpandedKeys] = useState([]); - const [searchValue, setSearchValue] = useState(""); - const [autoExpandParent, setAutoExpandParent] = useState(true); - - const getData = () => { - setTreeData([ - { - title: "parent 1", - key: "0-0", - children: [ - { - title: "parent 1-0", - key: "0-0-0", - children: [ - { - title: "leaf", - key: "0-0-0-0", - }, - { - title: "leaf", - key: "0-0-0-1", - }, - ], - }, - { - title: "parent 1-1", - key: "0-0-1", - }, - ], - }, - ]); - }; - - useEffect(() => { - getData(); - }, []); - - useEffect(() => { - setExpandedKeys(externalExpandedKeys); - }, [externalExpandedKeys]); - - // 展开所有包含匹配项的父节点 - const getAllExpandedKeys = (data, searchValue, keys = []) => { - data.forEach((node) => { - if (node.children) { - if (node.title.includes(searchValue) - || node.children.some(child => child.title.includes(searchValue))) { - keys.push(node.key); - } - getAllExpandedKeys(node.children, searchValue, keys); - } - }); - return keys; - }; - - const onExpand = (newExpandedKeys) => { - setExpandedKeys(newExpandedKeys); - setAutoExpandParent(false); - }; - - const onFilterTreeData = (value) => { - setSearchValue(value); - setAutoExpandParent(true); - - if (!value) { - setExpandedKeys([]); - return; - } - - const expandedKeys = getAllExpandedKeys(treeData, value); - - setExpandedKeys(expandedKeys); - }; - - const onSearch = (value) => { - if (value === searchValue) - return; - onFilterTreeData(value); - }; - - // 渲染带高亮的标题 - const renderTitle = (title) => { - if (!searchValue) - return title; - - const index = title.indexOf(searchValue); - if (index === -1) - return title; - - const beforeStr = title.substring(0, index); - const afterStr = title.substring(index + searchValue.length); - - return ( - - {beforeStr} - {searchValue} - {afterStr} - - ); - }; - - // 递归处理树节点标题显示 - const processTreeData = (data) => { - return data.map(node => ({ - ...node, - title: renderTitle(node.title), - children: node.children ? processTreeData(node.children) : undefined, - })); - }; - - const processedTreeData = processTreeData(treeData); - - const onSelect = (selectedKeys, event) => { - onClick?.(selectedKeys, event); - }; - - return ( -
- - -
- ); -}; - -export default LeftTree; diff --git a/src/pages/Container/Enterprise/OrganizationStructure/index.js b/src/pages/Container/Enterprise/OrganizationStructure/index.js index d57e5a0..8b98c1c 100644 --- a/src/pages/Container/Enterprise/OrganizationStructure/index.js +++ b/src/pages/Container/Enterprise/OrganizationStructure/index.js @@ -1,12 +1,12 @@ import { Button, Form, message, Modal, Space, Tag } from "antd"; import { useEffect, useState } from "react"; import FormBuilder from "zy-react-library/components/FormBuilder"; +import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index"; import Search from "zy-react-library/components/Search"; import Table from "zy-react-library/components/Table"; import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender"; import useTable from "zy-react-library/hooks/useTable"; import { PHONE } from "zy-react-library/regular"; -import LeftTree from "~/components/LeftTree"; const DEPARTMENT_LEVEL_ENUM = [ { id: "departmentLevel0001", name: "分公司" }, diff --git a/src/pages/Container/Enterprise/Position/index.js b/src/pages/Container/Enterprise/Position/index.js index b3b4b32..e04e492 100644 --- a/src/pages/Container/Enterprise/Position/index.js +++ b/src/pages/Container/Enterprise/Position/index.js @@ -1,11 +1,11 @@ import { Button, Form, message, Modal, Space, Tag } from "antd"; import { useEffect, useState } from "react"; import FormBuilder from "zy-react-library/components/FormBuilder"; +import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index"; import Search from "zy-react-library/components/Search"; import Table from "zy-react-library/components/Table"; import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender"; import useTable from "zy-react-library/hooks/useTable"; -import LeftTree from "~/components/LeftTree"; function Position() { const [addModalOpen, setAddModalOpen] = useState(false); diff --git a/src/pages/Container/Enterprise/User/List/index.js b/src/pages/Container/Enterprise/User/List/index.js index 8582383..8f384c0 100644 --- a/src/pages/Container/Enterprise/User/List/index.js +++ b/src/pages/Container/Enterprise/User/List/index.js @@ -1,11 +1,11 @@ import { Button, Form, message, Modal, Space } from "antd"; import { useState } from "react"; import ImportFile from "zy-react-library/components/ImportFile"; +import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index"; import Search from "zy-react-library/components/Search"; import Table from "zy-react-library/components/Table"; import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender"; import useTable from "zy-react-library/hooks/useTable"; -import LeftTree from "~/components/LeftTree"; import Scheduling from "~/pages/Container/Enterprise/User/components/Scheduling"; function List(props) { diff --git a/src/pages/Container/Stakeholder/Department/index.js b/src/pages/Container/Stakeholder/Department/index.js index 3fa7918..63d8db0 100644 --- a/src/pages/Container/Stakeholder/Department/index.js +++ b/src/pages/Container/Stakeholder/Department/index.js @@ -1,12 +1,12 @@ import { Button, Form, message, Modal, Space, Tag } from "antd"; import { useEffect, useState } from "react"; import FormBuilder from "zy-react-library/components/FormBuilder"; +import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index"; import Search from "zy-react-library/components/Search"; import Table from "zy-react-library/components/Table"; import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender"; import useTable from "zy-react-library/hooks/useTable"; import { PHONE } from "zy-react-library/regular"; -import LeftTree from "~/components/LeftTree"; const DEPARTMENT_LEVEL_ENUM = [ { id: "1", name: "公司级" }, diff --git a/src/pages/Container/Stakeholder/User/List/index.js b/src/pages/Container/Stakeholder/User/List/index.js index ce0e867..2dc54e2 100644 --- a/src/pages/Container/Stakeholder/User/List/index.js +++ b/src/pages/Container/Stakeholder/User/List/index.js @@ -3,11 +3,11 @@ import { useState } from "react"; import AddIcon from "zy-react-library/components/Icon/AddIcon"; import ImportIcon from "zy-react-library/components/Icon/ImportIcon"; import ImportFile from "zy-react-library/components/ImportFile"; +import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index"; import Search from "zy-react-library/components/Search"; import Table from "zy-react-library/components/Table"; import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender"; import useTable from "zy-react-library/hooks/useTable"; -import LeftTree from "~/components/LeftTree"; export const PERSONNEL_TYPE_ENUM = [ { id: "0", name: "非流动人员" }, diff --git a/src/pages/Container/Supervision/BranchCompany/AccountManage/View/index.js b/src/pages/Container/Supervision/BranchCompany/AccountManage/View/index.js index e1ce28e..fea2e1e 100644 --- a/src/pages/Container/Supervision/BranchCompany/AccountManage/View/index.js +++ b/src/pages/Container/Supervision/BranchCompany/AccountManage/View/index.js @@ -9,7 +9,7 @@ function Info() { column={1} bordered items={[ - { label: "企业名称", children: "Zhou" }, + { label: "分公司名称", children: "Zhou" }, { label: "企业状态", children: "Zhou" }, { label: "开户人", children: "Zhou" }, { label: "统一社会信用代码", children: "Zhou" }, diff --git a/src/pages/Container/Supervision/StakeholderUnit/User/UserList/index.js b/src/pages/Container/Supervision/StakeholderUnit/User/UserList/index.js index 93f0aff..4699858 100644 --- a/src/pages/Container/Supervision/StakeholderUnit/User/UserList/index.js +++ b/src/pages/Container/Supervision/StakeholderUnit/User/UserList/index.js @@ -1,9 +1,9 @@ import { Button, Form, message, Modal } from "antd"; +import LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index"; import Search from "zy-react-library/components/Search"; import Table from "zy-react-library/components/Table"; import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender"; import useTable from "zy-react-library/hooks/useTable"; -import LeftTree from "~/components/LeftTree"; export const PERSONNEL_TYPE_ENUM = [ { id: "0", name: "非流动人员" },