.

src/pages/SystemManagement/Cooperative/index.less

@@ -0,0 +1,15 @@
+@import (reference) '~antd/es/style/themes/index';
+
+.treeClass {
+  .ant-tree-list {
+    & div {
+      width: 100% !important;
+      .ant-tree-switcher-noop {
+        display: none !important;
+      }
+      span:nth-child(3) {
+        width: 100%;
+      }
+    }
+  }
+}

src/pages/SystemManagement/Cooperative/index2.jsx

@@ -12,11 +12,11 @@ import {
 
 import POI from '@/components/POI/POI';
 import { CloseOutlined } from '@ant-design/icons';
+import './index.less';
 
 const FormItem = Form.Item;
 const { TextArea } = Input;
 const { Option } = Select;
-const { TreeNode } = Tree;
 const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 14 } };
 
 export default (props) => {
@@ -66,15 +66,19 @@ export default (props) => {
 
   const handelNode = (item) => {
     let node = (
-      <div key={item.orgId} style={{ position: 'relative' }}>
-        <span onClick={() => handleslect(item.key)}>{item.title}</span>
+      <div
+        key={item.orgId}
+        style={{ justifyContent: 'space-between', display: 'flex', width: '100%' }}
+        onClick={() => handleslect(item.key)}
+      >
+        <span>{item.title}</span>
         <Popconfirm
           title="您是否确认删除 ?"
           onConfirm={() => handleDelete(item.key)}
           okText="确定"
           cancelText="取消"
         >
-          <CloseOutlined style={{ color: 'red' }} />
+          <CloseOutlined style={{ color: 'red', marginTop: '6px' }} />
         </Popconfirm>
       </div>
     );
@@ -124,7 +128,9 @@ export default (props) => {
       .then((res) => {
         setRegionList(res.records || []);
       })
-      .catch((err) => {});
+      .catch((err) => {
+        message.error(err.message || err);
+      });
   }, []);
   useEffect(() => {
     if (orgId) {
@@ -153,7 +159,7 @@ export default (props) => {
               </a>
             }
           >
-            <Tree titleRender={(data) => handelNode(data)} treeData={data} />
+            <Tree className="treeClass" titleRender={(data) => handelNode(data)} treeData={data} />
           </Card>
         </Col>
         <Col span={16}>

src/pages/Welcome.jsx

@@ -7,6 +7,7 @@ import styles from './Welcome.less';
 const CodePreview = ({ children }) => (
   <pre className={styles.pre}>
     <code>
+      66666
       <Typography.Text copyable>{children}</Typography.Text>
     </code>
   </pre>