印刷新增额外参数；

zhangzzzz
1 parent 14278650
Showing 1 changed file with 58 additions and 9 deletions
src/components/QuickQuote/index.jsx
@@ -274,7 +274,7 @@ const QuickQuoteEvent = props =&gt; {
           dProductQty: changeValue.dProductQty,
         }));
       }
-    
+
       if (sFieldName === "dLength" || sFieldName === "dWidth" || sFieldName === "dHeight") {
         if (props.currentBoxModel) {
           const boxModel = props.currentBoxModel.replace("slaveUp", "").replace("slaveDown", "");
@@ -1144,7 +1144,6 @@ const QuickQuoteEvent = props =&gt; {
 // 入口
 const QuickQuote = baseProps => {
   const props = QuickQuoteEvent(baseProps);
-  console.log("🚀 ~ QuickQuote:", props);
   const [treeClassName, setTreeClassName] = useState("");
  
   // 监听页面滚动事件
@@ -1303,6 +1302,7 @@ const TreeComponent = props =&gt; {
         return {
           ...pre,
           ...addState,
+          sPrintConfig: downAbleConfigs.find(item => item.sType === "1" && item.sName === "胶印"),
           downAbleConfigs: downAbleConfigs
             .filter(item => item.sType === "2")
             .map((item, index) => ({
@@ -1498,7 +1498,7 @@ const MasterComponent = props =&gt; {
         item.iColValue = 4;
       }
     });
-  } 
+  }
   const lengthData = viewConfigs.find(x => x.sName === "dLength");
  
   if (selectedNode && selectedNode.sTypeKey && selectedNode.sTypeKey !== "danye") {
@@ -1554,7 +1554,6 @@ const BoxComponent = props =&gt; {
   const { bBox } = selectedNode;
   const [boxTypeList, setBoxTypeList] = useState([]);
   // 卡牌类卷筒类默认使用矩形 当是核价保存过的需要在主表数据加载完后在赋值
-  console.log(props, "asdadasd");
   const slaveRowData = slaveData.find(item => item.sTreeNodeName === selectedNode.showName && item.sBoxModel === boxModel) || {};
   const { sBillNo } = slaveRowData;
   useEffect(() => {
@@ -2398,14 +2397,19 @@ const PrintParamsComponent = props =&gt; {
     const printParamsItem = printParams[i - 1];
     const viewRow = { ...(i === 0 ? slaveRowData : printParamsItem), sProductClassifyId: selectedNode.sId };
  
+    const viewTableId = "viewTableId_" + viewRow.sId;
     const viewProps = {
       ...props,
-      viewConfigs: printParamsConfig,
+      viewConfigs: printParamsConfig.map(item => ({ ...item, costomStyle: `xlyPrintParams${i}` })),
       tableConfig: { ...slaveConfig, gdsconfigformslave: printParamsConfig },
       iColValueView: 24,
       viewRow,
       tableName: `${i === 0 ? "slaveUp" : "slaveDown"}${boxModel}`,
       onDataChange: (...args) => {
+        setTimeout(() => {
+          const oLabel = document.querySelector(`#${viewTableId}`)?.querySelector(`.xlyPrintParams${i}`)?.querySelector(".ant-form-item-label");
+          oLabel?.click();
+        }, 200);
         if (i === 0) {
           props.onDataChange(...args);
           return;
@@ -2418,11 +2422,37 @@ const PrintParamsComponent = props =&gt; {
           return { ...pre, slaveData };
         });
       },
+      onCostomClick: (showConfig, { target }) => {
+        if (showConfig.sName !== "sPrint") return;
+        const className = target.getAttribute("class");
+        const nodeName = target.nodeName;
+        if (className?.includes("select") && nodeName === "DIV") return;
+
+        const { sPrintConfig } = state;
+
+        if (!sPrintConfig) return;
+        const backendConfigNew = {
+          sParentFieldsName: "sPrint",
+          sBoxModel: boxModel,
+          printParamsId: viewRow.sId,
+        };
+
+        const dropDownData = commonUtils.convertStrToObj(sPrintConfig.sChineseDropDown, []);
+        const dropDownDataSelected = dropDownData.find(item => item.sId === viewRow.sProcessId);
+        if (!dropDownDataSelected) return;
+        const backendParamsConfigNew = commonUtils.convertStrToObj(dropDownDataSelected.sParamConfig, []);
+
+        props.setState(pre => ({
+          ...pre,
+          backendParamsConfig: backendParamsConfigNew,
+          backendConfig: backendConfigNew,
+        }));
+      },
     };
  
     result.push(
       <div className={styles.materialsLine}>
-        <div className={styles.materialsViewTable}>
+        <div className={styles.materialsViewTable} id={viewTableId}>
           <CommonViewTable {...viewProps} />
         </div>
         <div className={styles.materialsBtns} style={{ width: "10%" }}>
@@ -3034,11 +3064,11 @@ const BoxModelSelectedModal = props =&gt; {
  
 // 后道参数额外配置
 const BackendParamsExtraComponent = props => {
-  const { state, slaveConfig, boxModel } = props;
+  const { state, slaveConfig } = props;
   const { backendParamsConfig = [], backendConfig = {}, slaveData, selectedNode } = state;
   if (!backendParamsConfig.length) return "";
  
-  const { sParentFieldsName, sBoxModel } = backendConfig;
+  const { sParentFieldsName, sBoxModel, printParamsId } = backendConfig;
  
   const slaveRowData = slaveData.find(item => item.sTreeNodeName === selectedNode.showName && item.sBoxModel === sBoxModel) || {};
   const { sBackProcessData = [] } = slaveRowData;
@@ -3060,9 +3090,12 @@ const BackendParamsExtraComponent = props =&gt; {
     tableConfig: { ...slaveConfig, gdsconfigformslave: viewConfigs },
     iColValueView: 24,
     getViewRow: config => {
+      if (sParentFieldsName === "sPrint") {
+        return [slaveRowData, ...sBackProcessData].find(item => item.sId === printParamsId);
+      }
       return sBackProcessData.find(item => item[sParentFieldsName])?.sBackendParams?.find(item => item.sParam === config.showName) || {};
     },
-    tableName: `sBackendParams${boxModel}`,
+    tableName: `sBackendParams${sBoxModel}`,
     getSqlDropDownData: (...args) => {
       const showConfig = args[2];
       const { sParamDropDown = "", sName } = showConfig;
@@ -3086,6 +3119,22 @@ const BackendParamsExtraComponent = props =&gt; {
     },
     onDataChange: (name, sFieldName, changeValue, sId, dropDownData, isWait) => {
       const iIndex = slaveData.findIndex(item => item.sId === slaveRowData.sId);
+
+      if (sParentFieldsName === "sPrint") {
+        if (slaveData[iIndex].sId === printParamsId) {
+          let slaveDataNew = [...slaveData];
+          slaveDataNew[iIndex] = { ...slaveDataNew[iIndex], ...changeValue };
+          props.setState(pre => ({ ...pre, slaveData: slaveDataNew }));
+        } else {
+          const iIndex1 = sBackProcessData.findIndex(item => item.sId === printParamsId);
+          let sBackProcessDataNew = [...sBackProcessData];
+          sBackProcessDataNew[iIndex1] = { ...sBackProcessDataNew[iIndex1], ...changeValue };
+          slaveData[iIndex].sBackProcessData = sBackProcessDataNew;
+          props.setState(pre => ({ ...pre, slaveData }));
+        }
+        return;
+      }
+
       const iIndex1 = slaveData[iIndex].sBackProcessData.findIndex(item => item[sParentFieldsName]);
       const showConfig = viewConfigs.find(item => item.sName === sFieldName);
       const dropDownDataSelected = dropDownData?.length