快速报价后道参数功能开发；

zhangzzzz
1 parent 7f17dfc3
Showing 2 changed files with 84 additions and 4 deletions
src/components/QuickQuote/index.jsx
src/components/QuickQuote/index.less
@@ -1300,15 +1300,21 @@ const BoxComponent = props =&gt; {
   const upViewProps20 = getUpViewPropsByITag(20);
  
   const { sBackProcessData = [] } = slaveRowData;
+
+  const [downAbleConfigsNew, setDownAbleConfigsNew] = useState([]);
+  useEffect(() => {
+    setDownAbleConfigsNew(downAbleConfigs);
+  }, [selectedNode.showName, boxModel]);
+
   // 获取sType为2的
   const downViewProps = {
     ...props,
-    viewConfigs: downAbleConfigs.filter(item => item.sPartsName === boxModel || !item.sPartsName),
-    tableConfig: { ...slaveConfig, gdsconfigformslave: downAbleConfigs },
+    viewConfigs: downAbleConfigsNew.filter(item => item.sPartsName === boxModel || !item.sPartsName),
+    tableConfig: { ...slaveConfig, gdsconfigformslave: downAbleConfigsNew },
     iColValueView: 24,
     viewRow: slaveRowData,
     getViewRow: config => {
-      return sBackProcessData.find(item => item[config.sName]) || {};
+      return sBackProcessData.find(item => item[config.sName0 || config.sName]) || {};
     },
     tableName: `slaveDown${boxModel}`,
     getSqlDropDownData: (...args) => {
@@ -1384,6 +1390,51 @@ const BoxComponent = props =&gt; {
         ""
       );
     },
+    extraContent2: child => {
+      return (
+        <div className={styles.downOperations}>
+          {!child.sParentName ? (
+            <Button
+              icon={<PlusOutlined />}
+              type="link"
+              onClick={() => {
+                setDownAbleConfigsNew(pre => {
+                  const iIndex = pre.findIndex(item => item.sId === child.sId);
+                  const childLen = pre.filter(item => item.sParentName === child.showName).length;
+                  const newSId = commonUtils.createSid();
+                  const newConfig = {
+                    ...child,
+                    sId: newSId,
+                    sParentName: child.showName,
+                    sName: `${child.sName}_${newSId}`,
+                  };
+                  return [...pre.slice(0, iIndex + childLen + 1), newConfig, ...pre.slice(iIndex + childLen + 1)];
+                });
+              }}
+            />
+          ) : (
+            <Button
+              icon={<MinusOutlined />}
+              type="link"
+              onClick={() => {
+                setDownAbleConfigsNew(pre => {
+                  const iIndex = pre.findIndex(item => item.sId === child.sId);
+                  return [...pre.slice(0, iIndex), ...pre.slice(iIndex + 1)];
+                });
+
+                const slaveRowIndex = slaveData.findIndex(item => item.sId === slaveRowData.sId);
+                props.setState(pre => {
+                  const { sBackProcessData = [] } = slaveData[slaveRowIndex];
+                  const iIndex = sBackProcessData.findIndex(item => item[child.sName]);
+                  slaveData[slaveRowIndex].sBackProcessData.splice(iIndex, 1);
+                  return { ...pre, slaveData };
+                });
+              }}
+            />
+          )}
+        </div>
+      );
+    },
   };
  
   // 获取sType为3的
@@ -1737,7 +1788,7 @@ const BoxComponent = props =&gt; {
                   <>
                     {/* <Divider {...dividerProps}>后道参数</Divider> */}
                     <div className={styles.boxPart2}>
-                      <div className={styles.viewTable}>
+                      <div className={`${styles.viewTable} ${styles.viewTableDownView}`}>
                         <CommonViewTable {...downViewProps} />
                       </div>
                     </div>
@@ -144,6 +144,14 @@
         }
       }
  
+      .viewTableDownView {
+        :global {
+          .viewStyle {
+            padding-right: 14px;
+          }
+        }
+      }
+
       .viewTable1 {
         padding: 0 20px 0 0;
       }
@@ -413,4 +421,25 @@
     width: calc(100% - 200px);
     height: 100%;
   }
+}
+
+.downOperations {
+  position: absolute;
+  top: -4px;
+  right: -14px;
+  display: flex;
+  flex-direction: column;
+  z-index: 1000;
+
+  :global {
+    button {
+      padding: 0;
+      width: 16px;
+      height: 16px;
+
+      >span {
+        font-size: 10px;
+      }
+    }
+  }
 }
 \ No newline at end of file