瀏覽代碼

feat: 标段管理-树结构 调整列展开后的缩进

lanjianrong 4 年之前
父節點
當前提交
db524b83a9
共有 2 個文件被更改,包括 12 次插入5 次删除
  1. 3 3
      src/pages/Management/Tender/components/ModalForm.tsx
  2. 9 2
      src/pages/Management/Tender/index.tsx

+ 3 - 3
src/pages/Management/Tender/components/ModalForm.tsx

@@ -80,7 +80,9 @@ const ModalForm: React.FC<iModalFormProps> = ({
       setShowNameInput(false)
     } else {
       setShowNameInput(true)
-      showNameInput && form.setFieldsValue({ depth: type === 'root' ? -1 : 0 })
+      console.log(111)
+
+      form.setFieldsValue({ depth: type === 'root' ? -1 : 0 })
     }
   }, [ type, id ])
   return (
@@ -132,8 +134,6 @@ const ModalForm: React.FC<iModalFormProps> = ({
 
 function mapTree(treeArr:TenderTree[], id: string, isFolder: boolean) {
   const arr =  treeArr?.map((tree:TenderTree) => {
-    console.log(tree.id === id, tree.id)
-
     const newTree: Option = { value: tree.id, title: tree.name, disabled: tree.id === id }
     // 要移动的是文件夹
     if (isFolder && tree.isBid) {

+ 9 - 2
src/pages/Management/Tender/index.tsx

@@ -56,7 +56,7 @@ const Tender: React.FC<{}> = () =>{
       // eslint-disable-next-line react/display-name
       render: (text: string, record: TenderTree) => {
         if (record.isfolder) {
-          return <div style={{ verticalAlign: "baseline" }}><SvgIcon iconClass="folder" fontSize="12" /><span className="pi-mg-left-5">{text}</span></div>
+          return <div style={{ verticalAlign: "baseline" }}><SvgIcon iconClass="folder" fontSize="12" /><span className="pi-mg-left-2">{text}</span></div>
         } else {
           return <div><span style={{ color: '#6c757d', marginRight: '.5rem' }}>{record.isEnd ? '└' : '├'}</span><span>{text}</span></div>
         }
@@ -175,7 +175,14 @@ const Tender: React.FC<{}> = () =>{
           <h3>没有标段数据</h3>
         </div>
         <div className={styles.tableContent}>
-          <Table<TenderTree> columns={columns} dataSource={tree.children} pagination={false} rowKey={record => record.id} bordered></Table>
+          <Table<TenderTree>
+            columns={columns}
+            dataSource={tree.children}
+            pagination={false}
+            rowKey={record => record.id}
+            indentSize={20}
+            bordered
+            ></Table>
         </div>
         <ModalForm modalObj={modal}  treeObj={tree} onCreate={onCreate} onCancel={() => setModal({
           ...modal,