fix: '表单设计器全屏弹窗交互添加'

package.json

@@ -122,7 +122,7 @@
         "js-calendar-converter": "0.0.4",
         "lodash": "4.17.11",
         "minimist": "1.2.0",
-        "panda-xform": "^2.6.0",
+        "panda-xform": "^2.5.8",
         "parseForm": "^2.2.4",
         "prop-types": "15.7.2",
         "quill": "^1.3.7",

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

@@ -115,9 +115,9 @@ const AddModal = props => {
   }, []);
 
   useEffect(() => {
-    if (props.location.state.id) {
-      setSelectTreeData(props.location.state.keepData);
-      setSelectDataFirst(props.location.state.keepTreeFirst);
+    if (props.tableInfo.id) {
+      setSelectTreeData(props.tableInfo.keepData);
+      setSelectDataFirst(props.tableInfo.keepTreeFirst);
       if (treeSelectValue) {
         let ss = treeSelectValue.substring(0, treeSelectValue.lastIndexOf('@'));
         setFormObj(treeSelectValue.substring(0, treeSelectValue.lastIndexOf('@')));
@@ -158,7 +158,7 @@ const AddModal = props => {
                 i.fieldName = i.name;
                 i.configInfo = i.config;
                 i.presetValue = i.preset == '(无)' ? '' : i.preset;
-                i.showCss = props.location.state.template.tableStyle;
+                i.showCss = props.tableInfo.template.tableStyle;
                 i.tableName = ss;
                 i.uiGroup = item;
                 i.readOnly = i.readOnly == '是' ? 1 : 0;
@@ -172,7 +172,7 @@ const AddModal = props => {
             });
             flowNodeMeta.groups = arrdata;
             list.flowNodeMeta = flowNodeMeta;
-            list.showCss = props.location.state.template.tableStyle;
+            list.showCss = props.tableInfo.template.tableStyle;
             console.log(list);
 
             let tablesSchema = {
@@ -194,11 +194,11 @@ const AddModal = props => {
           }
         });
       } else {
-        let ss = props.location.state.id;
-        setFormObj(props.location.state.id);
-        setFormName(props.location.state.name);
+        let ss = props.tableInfo.id;
+        setFormObj(props.tableInfo.id);
+        setFormName(props.tableInfo.name);
         reloadTableFields({
-          tableName: props.location.state.id,
+          tableName: props.tableInfo.id,
         }).then(res => {
           setTreeLoading(false);
           if (res.msg === 'Ok') {
@@ -214,7 +214,7 @@ const AddModal = props => {
             console.log(arrlist);
             setKeepTree(arrlist);
             data.TableFieldNames = arrlist;
-            data.TableName = props.location.state.id;
+            data.TableName = props.tableInfo.id;
             listArr.push(data);
             setKeepTreeData(listArr);
             let arr = formateArrDataA(res.data.root, 'group');
@@ -234,7 +234,7 @@ const AddModal = props => {
                 i.fieldName = i.name;
                 i.configInfo = i.config;
                 i.presetValue = i.preset == '(无)' ? '' : i.preset;
-                i.showCss = props.location.state.template.tableStyle;
+                i.showCss = props.tableInfo.template.tableStyle;
                 i.tableName = ss;
                 i.uiGroup = item;
                 i.readOnly = i.readOnly == '是' ? 1 : 0;
@@ -248,7 +248,7 @@ const AddModal = props => {
             });
             flowNodeMeta.groups = arrdata;
             list.flowNodeMeta = flowNodeMeta;
-            list.showCss = props.location.state.template.tableStyle;
+            list.showCss = props.tableInfo.template.tableStyle;
             console.log(list);
 
             let tablesSchema = {
@@ -316,7 +316,7 @@ const AddModal = props => {
 
   // 返回上一级
   const back = () => {
-    console.log(props.location.state);
+    console.log(props.tableInfo);
     let {
       template,
       tableScroll,
@@ -325,7 +325,7 @@ const AddModal = props => {
       groupArr,
       searchValue,
       select,
-    } = props.location.state;
+    } = props.tableInfo;
     console.log(keepValue);
     console.log(pickIndex, groupArr, 'back');
     history.push({
@@ -389,7 +389,7 @@ const AddModal = props => {
               i.fieldName = i.name;
               i.configInfo = i.config;
               i.presetValue = i.preset == '(无)' ? '' : i.preset;
-              i.showCss = props.location.state.template.tableStyle;
+              i.showCss = props.tableInfo.template.tableStyle;
               i.tableName = ss;
               i.uiGroup = item;
               i.readOnly = i.readOnly == '是' ? 1 : 0;
@@ -403,7 +403,7 @@ const AddModal = props => {
           });
           flowNodeMeta.groups = arrdata;
           list.flowNodeMeta = flowNodeMeta;
-          list.showCss = props.location.state.template.tableStyle;
+          list.showCss = props.tableInfo.template.tableStyle;
           console.log(list);
 
           let tablesSchema = {
@@ -449,7 +449,7 @@ const AddModal = props => {
         });
       });
     } else {
-      setPramFormObj(props.location.state.template);
+      setPramFormObj(props.tableInfo.template);
     }
     setType('affiliateAdd');
     setVisible(true);

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

@@ -217,24 +217,24 @@ const TableManager = props => {
   const fieldsConfig = (record, e) => {
     e.stopPropagation();
     setFormObj(record);
-    // pushFieldConfig(record);
-    history.push({
-      pathname: `/biz/account/fieldConfig`,
-      state: {
-        name: record.tableAlias || record.tableName,
-        id: record.tableName,
-        template: record,
-        tableScroll: document.querySelector('.ant-table-body').scrollTop,
-        groupArr: groupArr,
-        pickIndex: pickIndex,
-        searchValue: searchValue,
-        select: select,
-        keepValue: keepValue,
-        keepTreeSelect: keepTreeSelect,
-        keepTreeFirst: keepTreeFirst,
-        keepData: keepData,
-      },
-    });
+    pushFieldConfig(record);
+    // history.push({
+    //   pathname: `/biz/account/fieldConfig`,
+    //   state: {
+    //     name: record.tableAlias || record.tableName,
+    //     id: record.tableName,
+    //     template: record,
+    //     tableScroll: document.querySelector('.ant-table-body').scrollTop,
+    //     groupArr: groupArr,
+    //     pickIndex: pickIndex,
+    //     searchValue: searchValue,
+    //     select: select,
+    //     keepValue: keepValue,
+    //     keepTreeSelect: keepTreeSelect,
+    //     keepTreeFirst: keepTreeFirst,
+    //     keepData: keepData,
+    //   },
+    // });
     // setType('config');
     // setVisible(true);
   };
@@ -379,38 +379,38 @@ const TableManager = props => {
   };
 
   const pushFieldConfig = record => {
-    history.push({
-      pathname: `/biz/account/fieldConfig`,
-      state: {
-        name: record.tableAlias || record.tableName,
-        id: record.tableName,
-        template: record,
-        tableScroll: document.querySelector('.ant-table-body').scrollTop,
-        groupArr: groupArr,
-        pickIndex: pickIndex,
-        searchValue: searchValue,
-        select: select,
-        keepValue: keepValue,
-        keepTreeSelect: keepTreeSelect,
-        keepTreeFirst: keepTreeFirst,
-        keepData: keepData,
-      },
-    });
-    // setTableInfo({
-    //   name: record.tableAlias || record.tableName,
-    //   id: record.tableName,
-    //   template: record,
-    //   tableScroll: document.querySelector('.ant-table-body').scrollTop,
-    //   groupArr: groupArr,
-    //   pickIndex: pickIndex,
-    //   searchValue: searchValue,
-    //   select: select,
-    //   keepValue: keepValue,
-    //   keepTreeSelect: keepTreeSelect,
-    //   keepTreeFirst: keepTreeFirst,
-    //   keepData: keepData,
+    // history.push({
+    //   pathname: `/biz/account/fieldConfig`,
+    //   state: {
+    //     name: record.tableAlias || record.tableName,
+    //     id: record.tableName,
+    //     template: record,
+    //     tableScroll: document.querySelector('.ant-table-body').scrollTop,
+    //     groupArr: groupArr,
+    //     pickIndex: pickIndex,
+    //     searchValue: searchValue,
+    //     select: select,
+    //     keepValue: keepValue,
+    //     keepTreeSelect: keepTreeSelect,
+    //     keepTreeFirst: keepTreeFirst,
+    //     keepData: keepData,
+    //   },
     // });
-    // setFieldConfigShow(true);
+    setTableInfo({
+      name: record.tableAlias || record.tableName,
+      id: record.tableName,
+      template: record,
+      tableScroll: document.querySelector('.ant-table-body').scrollTop,
+      groupArr: groupArr,
+      pickIndex: pickIndex,
+      searchValue: searchValue,
+      select: select,
+      keepValue: keepValue,
+      keepTreeSelect: keepTreeSelect,
+      keepTreeFirst: keepTreeFirst,
+      keepData: keepData,
+    });
+    setFieldConfigShow(true);
   };
 
   const columns = [
@@ -907,7 +907,7 @@ const TableManager = props => {
           }}
           getContainer={false}
         >
-          <AddModal tableInfo={tableInfo} show={fieldConfigShow} />
+          {fieldConfigShow ? <AddModal tableInfo={tableInfo} show={fieldConfigShow} /> : null}
         </Modal>
       </PageContainer>
     </Spin>