fix: '代码回滚'

src/pages/bsmanager/base/tablemanager/filedConfig/filedConfig.jsx

 /* eslint-disable no-shadow */
 /* eslint-disable react/jsx-boolean-value */
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect } from 'react';
 import {
   Form,
   Modal,
@@ -25,8 +25,6 @@ import {
   RollbackOutlined,
   ConsoleSqlOutlined,
   EyeOutlined,
-  ArrowLeftOutlined,
-  UploadOutlined,
 } from '@ant-design/icons';
 import {
   reloadTableFields,
@@ -40,8 +38,7 @@ import FieldEditor from './fieldEditor';
 import AffiliateAdd from '../components/Field/affiliateAdd';
 import LoadGroup from '../components/Field/loadGroupNew';
 import styles from './index.less';
-import clearSvg from '@/assets/font/omsfont/clear.svg';
-// import PerviewPrase from './PerviewPrase';
+import PerviewPrase from './PerviewPrase';
 import { LayerSetting } from '@/services/gis/gis';
 const AddModal = props => {
   const history = useHistory();
@@ -52,7 +49,6 @@ const AddModal = props => {
   const [tableData, setTableData] = useState([]);
   const [treeLoading, setTreeLoading] = useState(false);
   const [formObj, setFormObj] = useState('');
-  const [formName, setFormName] = useState('');
   const [flag, setFlag] = useState(0); // 弹窗类型
   const [isVisible, setIsVisible] = useState(false); // 弹窗
   const [isType, setIsType] = useState(''); // 弹窗类型
@@ -78,8 +74,6 @@ const AddModal = props => {
   const [perviewPrase, setPerViewPrase] = useState(false);
   const [tablesSchema, setTablesSchema] = useState(null); // 存储parseForm组件需要的数据格式
 
-  const formRef = useRef(null);
-
   const getField = () => {
     loadUnattachedTables().then(res => {
       if (res.data.root && res.data.root.length) {
@@ -121,7 +115,6 @@ const AddModal = props => {
       if (treeSelectValue) {
         let ss = treeSelectValue.substring(0, treeSelectValue.lastIndexOf('@'));
         setFormObj(treeSelectValue.substring(0, treeSelectValue.lastIndexOf('@')));
-        setFormName(treeSelectValue.substring(0, treeSelectValue.lastIndexOf('@')));
         reloadTableFields({
           tableName: treeSelectValue.substring(0, treeSelectValue.lastIndexOf('@')),
         }).then(res => {
@@ -196,7 +189,6 @@ const AddModal = props => {
       } else {
         let ss = props.location.state.id;
         setFormObj(props.location.state.id);
-        setFormName(props.location.state.name);
         reloadTableFields({
           tableName: props.location.state.id,
         }).then(res => {
@@ -459,15 +451,15 @@ const AddModal = props => {
     setVisible(false);
     setFlag(flag + 1);
   };
+
   return (
     <>
-      {/* <Spin tip="loading..." spinning={treeLoading}> */}
-      <div className={styles.containerBox}>
-        <div className={styles.config}>
-          <ArrowLeftOutlined onClick={back} className={styles.goBack} />
-          <div className={styles.title}> 展示名称 【{formName}】</div>
-          <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
-            {/* <div style={{ lineHeight: '32px', marginRight: '5px' }}>快速切换表:</div>
+      <Spin tip="loading..." spinning={treeLoading}>
+        <div className={styles.containerBox}>
+          <div className={styles.config}>
+            <div className={styles.title}> 字段配置 【{formObj}】</div>
+            <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
+              {/* <div style={{ lineHeight: '32px', marginRight: '5px' }}>快速切换表:</div>
               <div style={{ width: '350px', marginRight: '10px' }}>
                 <TreeSelect
                   showSearch
@@ -487,52 +479,26 @@ const AddModal = props => {
                   )}
                 </TreeSelect>
               </div> */}
-            <div className={styles.btn}>
-              <Button
-                type="primary"
-                // icon={<PlusSquareOutlined />}
-                ghost
-                onClick={() => formRef.current.clear()}
-              >
-                <img src={clearSvg} style={{ marginRight: '6px' }} alt="" />
-                清空
-              </Button>
-              <Button
-                type="primary"
-                ghost
-                icon={<EyeOutlined />}
-                onClick={() => formRef.current.preview()}
-                style={{ marginLeft: '10px' }}
-              >
-                预览
-              </Button>
-              <Button
-                type="primary"
-                icon={<UploadOutlined />}
-                onClick={() => formRef.current.submit()}
-                style={{ marginLeft: '10px' }}
-              >
-                提交
-              </Button>
-              {/* <Button type="primary" icon={<PlusSquareOutlined />} onClick={add}>
+              <div className={styles.btn}>
+                <Button type="primary" icon={<PlusSquareOutlined />} onClick={add}>
                   附加
-                </Button> */}
-              {/* <Button
+                </Button>
+                <Button
                   type="primary"
                   icon={<RollbackOutlined />}
                   onClick={back}
                   style={{ marginLeft: '30px' }}
                 >
                   返回
-                </Button> */}
+                </Button>
+              </div>
             </div>
           </div>
+          <div style={{ width: '100%', height: 'calc(100% - 63px)', padding: '10px' }}>
+            {formObj && <FormDesigner tableName={formObj} extra />}
+          </div>
         </div>
-        <div style={{ width: '100%', height: 'calc(100% - 63px)', padding: '10px' }}>
-          {formObj && <FormDesigner ref={formRef} tableName={formObj} extra={true} />}
-        </div>
-      </div>
-      {/* </Spin> */}
+      </Spin>
       {visible && type === 'affiliateAdd' && (
         <AffiliateAdd
           visible={visible}

src/pages/bsmanager/base/tablemanager/filedConfig/index.less

@@ -119,8 +119,8 @@
   padding: 1rem 0 0.5rem 0.5rem;
   justify-content: space-between;
   width: calc(100% - 10px);
-  // position: relative;
-  // padding-left: 50px;
+  position: relative;
+  padding-left: 50px;
 
   .goBack {
     position: absolute;