快速报价app

陈鑫涛
1 parent e1c42e86
Showing 8 changed files with 3013 additions and 149786 deletions
src/components/Common/Typesetting/typesetting.js
src/components/QuickQuote/index.jsx
src/mobile/components/SelectInput.jsx
src/mobile/quotation/detailNew.jsx
src/mobile/quotation/index.json
src/mobile/quotation/index.jsx
src/mobile/quotation/quotationDetail.css
src/mobile/quotation/quotationDetail.less
@@ -21,7 +21,6 @@ const Typesetting = props =&gt; {
     boxHeight,
     textSize,
   } = props;
-  console.log("🚀 ~ typesettingsss:", props)
   if (!slaveRowData) return
   const {
     dSBLB, // 上边留白
@@ -477,7 +476,6 @@ const Typesetting = props =&gt; {
     const propsDataWidth = Number(propsData.props.style.width.slice(0, -2));
     const propsDataHeight = Number(propsData.props.style.height.slice(0, -2));
     const propsDataTop = Number(propsData.props.style.top.slice(0, -2));
-    console.log(innerDivs,'innerDivs');
  
     const newMaterialLength = propsDataLeft + innerWidthCombined; // 原纸长
     const newMaterialWidth = propsDataTop + propsDataHeight - dSBLB;
@@ -551,9 +549,7 @@ const Typesetting = props =&gt; {
     }, 0); // 使用 0 延迟，将任务放入事件队列
   }
   const isMax = slaveDataDetail?.dMaxLength && Number(slaveDataDetail?.dMaxLength) >= Number(slaveRowData?.dMachineLength);
-  console.log("🚀 ~ isMax:", isMax,slaveDataDetail,slaveRowData)
   const isShow = slaveRowData && slaveRowData.dMachineLength && slaveRowData.dMaxWidth && slaveRowData.dMaxLength && isMax && innerDivs.length;
-  console.log(innerDivs,cols,rows,'innerDivs');
  
   const onClick = () => {
     setIsModalOpen(true);
@@ -906,7 +906,6 @@ const QuickQuoteEvent = props =&gt; {
 // 入口
 const QuickQuote = baseProps => {
   const props = QuickQuoteEvent(baseProps);
-
   const [treeClassName, setTreeClassName] = useState("");
  
   // 监听页面滚动事件
@@ -1000,10 +999,11 @@ const TreeComponent = props =&gt; {
     };
     const getDropDownData = async props => {
       const showDownConfig = slaveConfig.gdsconfigformslave.find(item => item.sControlName === "BtnDownConfig");
-
       const downAbleConfigs = await getSqlDropDownData({ ...showDownConfig });
  
       props.setState(pre => {
+        console.log(pre,'pre');
+        
         const { slaveData = [], slaveConfig } = pre;
         const addState = {};
         const defaultData = commonFunc.getDefaultData(slaveConfig);
@@ -1327,6 +1327,8 @@ const BoxComponent = props =&gt; {
       return props.getSqlDropDownData(...args);
     },
     extraContent: child => {
+      console.log(child,'child');
+      
       const value = sBackProcessData.find(item => item[child.sName]) || {};
       const { bSetArea, bSetQty, sName, sSetQtyUnt } = value;
  
@@ -1427,7 +1429,8 @@ const BoxComponent = props =&gt; {
       );
     },
   };
-
+  console.log(downViewProps,'downViewProps');
+  
   // 获取sType为3的
   const { productProcessInfo = [] } = masterData;
   const finishedViewProps = {
@@ -14,18 +14,21 @@ const SelectInput = props =&gt; {
   const [searchValue, setSearchValue] = useState("");
   const [visible, setVisible] = useState(false);
   const { sId } = props.itemDetail || {};
-  const { tableName, viewRow, itemDetail, sModelsId, sValue, name, id, No, quotationData, showDropDown } = props || {};
+  const { downIndex, tableName, viewRow, itemDetail, sModelsId, sValue, name, id, No, quotationData, showDropDown } = props || {};
   const { masterData } = props.state;
   const [bCanInput, setBCanInput] = useState(props.bCanInput);
   const { bReadonly } = itemDetail || {};
-  // useEffect(() => {
-  //   setValue(props.sValue || ""); // 动态更新 value
-  // }, [props.sValue]);
   useEffect(() => {
     if (!itemDetail) return;
  
     const viewRowNew = itemDetail.sName ? viewRow?.[itemDetail.sName] : "";
-    setValue(viewRowNew || ""); // 动态更新 value
+    if (tableName.includes("slaveDown")) {
+      if (!viewRow.sBackProcessData) return;
+      const data = viewRow.sBackProcessData[downIndex][itemDetail.sName];
+      setValue(data);
+    } else {
+      setValue(viewRowNew || ""); // 动态更新 value
+    }
   }, [itemDetail, itemDetail?.sName, viewRow]);
   const [columns, setColumns] = useState([]);
   const [coplyColumns, setCopyColumns] = useState(columns);
@@ -33,7 +36,7 @@ const SelectInput = props =&gt; {
     const url = `${commonConfig.server_host}business/getSelectLimit/${sId}?sModelsId=${sModelsId}&sName=${""}`;
     const body = {
       sSqlCondition: {
-        sProductClassifyId: quotationData?quotationData.sId:'',
+        sProductClassifyId: quotationData ? quotationData.sId : "",
       },
       sKeyUpFilterName: searchValue,
       pageNum: 1,
@@ -44,15 +47,19 @@ const SelectInput = props =&gt; {
         const list = res.data.dataset.rows?.map(item => ({
           label: item.sCustomerName || item.sName || item.sProcessName || item.sColorName || item.sMaterialsName,
           value: item.sId || item.sSlaveId,
+          ...item,
         }));
         setColumns(list);
-        setCopyColumns(list);
+        setCopyColumns(res.data.dataset.rows);
       }
     });
   };
   const handleConfirm = () => {
-    const data = columns.find(item => item.value === values[0]);
-    setValue(data?.label || "");
+    const index = columns.findIndex(item => item.value === values[0]);
+    const data = coplyColumns[index];
+    data[itemDetail.sName] = data.sName
+    setValue(columns[index]?.label || "");
+    props.onDataChange(tableName, itemDetail.sName, data, null, coplyColumns);
     setVisible(false);
   };
  
@@ -81,16 +88,38 @@ const SelectInput = props =&gt; {
   };
   useEffect(() => {
     if (!visible) return;
-    let { sDropDownType } = itemDetail;
-    if (sDropDownType === "sql") {
-      getSqlDropDownData(searchValue);
-    } else if ((sDropDownType = "const")) {
-      const list = Object.entries(JSON.parse(itemDetail.showDropDown)).map(([key, value]) => ({
-        label: value,
-        value: key,
-      }));
-      setColumns(list);
-      setCopyColumns(list);
+    let { sDropDownType, sVisColumnName } = itemDetail;
+    if (sVisColumnName && sVisColumnName === "sProcessName") {
+      if (sDropDownType === "sql") {
+        const list = JSON.parse(itemDetail.sChineseDropDown).map(x => {
+          return {
+            label: x.sProcessName,
+            value: x.sId,
+            ...x,
+          };
+        });
+        setColumns(list);
+        setCopyColumns(list);
+        // getSqlDropDownData(searchValue);
+      } else if ((sDropDownType = "const")) {
+        const list = Object.entries(JSON.parse(itemDetail.showDropDown)).map(([key, value]) => ({
+          label: value,
+          value: key,
+        }));
+        setColumns(list);
+        setCopyColumns(list);
+      }
+    } else {
+      if (sDropDownType === "sql") {
+        getSqlDropDownData(searchValue);
+      } else if ((sDropDownType = "const")) {
+        const list = Object.entries(JSON.parse(itemDetail.showDropDown)).map(([key, value]) => ({
+          label: value,
+          value: key,
+        }));
+        setColumns(list);
+        setCopyColumns(list);
+      }
     }
   }, [visible]);
   useCallback;
@@ -111,13 +140,7 @@ const SelectInput = props =&gt; {
           value={value}
           onChange={val => {
             setValue(val);
-            // 如果是master
-            if (tableName === "master") {
-              masterData[itemDetail.sName] = val;
-              props.setState(pre => ({ ...pre, masterData }));
-            } else {
-              props.setState(pre => ({ ...pre, [itemDetail.sName]: val }));
-            }
+            props.onDataChange(tableName, itemDetail.sName, { [itemDetail.sName]: val }, null, coplyColumns);
           }}
           readOnly={bReadonly}
         />
 import { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import { history } from "umi";
-import { Tabs, Selector, Grid, Image, Button, Checkbox, Switch, Dialog, Toast } from "antd-mobile";
+import { Input, Tabs, Selector, Grid, Image, Button, Checkbox, Switch, Dialog, Toast } from "antd-mobile";
 import { AddOutline, MinusOutline } from "antd-mobile-icons";
 import commonConfig from "@/utils/config";
 import * as commonServices from "@/services/services";
@@ -80,12 +80,13 @@ const QuickQuoteEvent = props =&gt; {
  
   const sQuoConfig = commonUtils.convertStrToObj(props.masterData.sQuoConfig, {});
  
-  const [state, setState] = useState(props.state);
+  const [state, setState] = useState(addState.onGetFilterState(sQuoConfig, true));
  
   const { formData = [] } = state;
   const { bLinkFieledClick } = props;
   const [hideBackBtn, setHideBackBtn] = useState(false);
   const [enabled, setEnabled] = useState(props.enabled);
+
   useEffect(() => {
     setState(pre => ({ ...pre, selectedNode }));
   }, []);
@@ -95,27 +96,26 @@ const QuickQuoteEvent = props =&gt; {
   }, [bLinkFieledClick, props.enabled]);
   useEffect(() => {
     // 获取 masterConfig
-    const configUrl = `${commonConfig.server_host}business/getModelBysId/${"172129113112117428019179600"}?sModelsId=${"172129113112117428019179600"}`;
+    const { sModelsId } = props;
+    const configUrl = `${commonConfig.server_host}business/getModelBysId/${sModelsId}?sModelsId=${sModelsId}`;
     commonServices
       .getService(props.app.token, configUrl)
       .then(({ data: configReturn }) => {
         if (configReturn.code === 1) {
           const formData = configReturn.dataset.rows[0]?.formData;
           setMasterConfig(formData);
-          setState(pre => ({ ...pre, masterConfig: formData, slaveConfig: formData[1] }));
-        }
-      })
-      .catch(error => {});
-    const formDataUrl = `${commonConfig.server_host}business/getModelBysId/${sModelsId}?sModelsId=${sModelsId}`;
-    commonServices
-      .getService(props.app.token, formDataUrl)
-      .then(({ data: formDataReturn }) => {
-        if (formDataReturn.code === 1) {
-          const formDatas = formDataReturn.dataset.rows[0]?.formData;
-          setState(pre => ({ ...pre, formData: formDatas }));
+          // setState(pre => ({ ...pre, masterConfig: formData, slaveConfig: formData[1] }));
         }
       })
       .catch(error => {});
+    const sActiveId = "172129113112117428019179600";
+    const configUrls = `${commonConfig.server_host}business/getModelBysId/${sActiveId}?sModelsId=${sActiveId}`;
+    commonServices.getService(props.app.token, configUrls).then(({ data: configReturn }) => {
+      if (configReturn.code === 1) {
+        const formData = configReturn.dataset.rows[0].formData;
+        setState(pre => ({ ...pre, formData, masterConfig: formData[0] }));
+      }
+    });
   }, []);
  
   // 获取盒型定义配置
@@ -158,7 +158,6 @@ const QuickQuoteEvent = props =&gt; {
  
   addState.onDataChange = (name, sFieldName, changeValue, sId, dropDownData, isWait) => {
     const { masterData = {}, slaveData = [], selectedNode = {} } = state;
-
     const extraState = {
       calcPriceFinished: false,
       manyData: [],
@@ -174,7 +173,6 @@ const QuickQuoteEvent = props =&gt; {
           dProductQty: changeValue.dProductQty,
         }));
       }
-
       setState(pre => ({ ...pre, masterData: masterDataNew, ...extraState }));
     } else if (name.includes("slave")) {
       const boxModel = name.replace("slaveUp", "").replace("slaveDown", "");
@@ -895,18 +893,90 @@ const QuickQuoteEvent = props =&gt; {
     masterConfig: masterConfig && masterConfig.length ? masterConfig[0] : {},
   };
 };
-
+const getSqlDropDownData = async (sId, props) => {
+  const { selectedNode } = props;
+  const url = `${commonConfig.server_host}business/getSelectLimit/${sId}`;
+  const body = {
+    sSqlCondition: {
+      sProductClassifyId: selectedNode.sId,
+    },
+    sKeyUpFilterName: "",
+    pageNum: 1,
+    pageSize: 20,
+  };
+  const retrunData = await commonServices.postValueService(props.app.token, body, url);
+  const sColumnNameConfigStr = retrunData.data?.dataset?.rows?.[0]?.sColumnNameConfig;
+  // 取上机尺寸
+  return commonUtils.convertStrToObj(sColumnNameConfigStr, []);
+};
 const QuotationAllprogressDetail = baseProps => {
-  const { location } = baseProps;
-  // const props = QuickQuoteEvent(baseProps);
-  // const [state, setState] = useState(JsonData.state);
+  const { location, quotationData } = baseProps;
+  // 处理 formData
   const propss = {
-    // ...baseProps,
-    location,
-    ...JsonData,
+    ...baseProps,
+    selectedNode: quotationData,
+    state: {},
   };
   const props = QuickQuoteEvent(propss);
-  console.log("🚀 ~ QuotationAllprogressDetail:", props);
+  const { selectedNode } = props;
+  const { showName, sUnit } = quotationData;
+  const timeRef = useRef(0);
+  useEffect(() => {
+    // props.setState(pre =>
+    //    ({ ...pre, masterData: { ...quotationData, sProductName: showName, sProductUnit: sUnit } })
+    //   );
+    props.setState(pre => {
+      const { slaveData = [], slaveConfig } = pre;
+      const addState = {};
+      const defaultData = commonFunc.getDefaultData(slaveConfig);
+      const slaveDataNew = slaveData.filter(item => item.sTreeNodeName === selectedNode.showName);
+      if (!slaveDataNew.length) {
+        const sAllPartsName = selectedNode.sAllPartsName || selectedNode.showName;
+        sAllPartsName.split(",").forEach((item, index) => {
+          const tempData = {
+            sId: commonUtils.createSid(),
+            handleType: "add",
+            ...defaultData,
+            sBoxModel: item,
+            sTreeNodeName: selectedNode.showName,
+          };
+          if (selectedNode.sTypeKey === "huace") {
+            if (index !== 0) {
+              delete tempData.dSumPQty;
+            } else {
+              tempData.dSumPQty = 4;
+            }
+          }
+          slaveDataNew.push(tempData);
+        });
+        addState.slaveData = slaveDataNew;
+      }
+      if (timeRef.current > 1) {
+        addState.slaveData = slaveDataNew;
+        addState.extraParts = {};
+      }
+      return {
+        ...pre,
+        ...addState,
+        // downAbleConfigs: downAbleConfigs
+        //   .filter(item => item.sType === "2")
+        //   .map((item, index) => ({
+        //     ...item,
+        //     sName: `sParams${index}`,
+        //     iColValue: item.iColValue || 4,
+        //     sVisColumnName: "sProcessName",
+        //   })),
+        // finishedConfigs: downAbleConfigs
+        //   .filter(item => item.sType === "3")
+        //   .map((item, index) => ({
+        //     ...item,
+        //     sName: `sParams${index}`,
+        //     iColValue: item.iColValue || 4,
+        //     sVisColumnName: "sProcessName",
+        //   })),
+      };
+    });
+  }, []);
   return (
     <div className={styles.quotationDetailBox}>
       <QuotationDetail {...props} />
@@ -915,14 +985,11 @@ const QuotationAllprogressDetail = baseProps =&gt; {
 };
  
 const QuotationDetail = props => {
-  const { location, app, sModelsId, state, selectedNode = {} } = props;
-  const { token } = app;
-  const { formData = [], masterConfig, slaveRowData, masterData } = state || {};
-  const { quotationData } = JSON.parse(location.state) || {};
-  if (!masterConfig) return;
-  //masterData 主表数据
-  // 获取主表信息
-  const viewConfigs = masterConfig.gdsconfigformslave.filter(item => item.sName && item.bVisible);
+  const { masterConfig, masterData = {}, selectedNode = {} } = props.state;
+  if (!masterConfig) return "";
+  const ableConfigs = masterConfig.gdsconfigformslave.filter(item => item.sName && item.bVisible);
+  // 处理长宽样式
+  const viewConfigs = selectedNode?.bBox ? ableConfigs : ableConfigs.filter(x => x.sName !== "dHeight");
   const viewProps = {
     ...props,
     viewConfigs: viewConfigs,
@@ -931,23 +998,20 @@ const QuotationDetail = props =&gt; {
     viewRow: { ...masterData, sProductClassifyId: selectedNode.sId },
     tableName: "master",
   };
-
   return (
     <div>
-      <div>{quotationData?.showName || "Loading..."}</div>
-
+      <div>{selectedNode?.showName || "Loading..."}</div>
       <div>
         <MasterComponent {...viewProps} />
       </div>
       <div>
-        <QuotationTabs {...props} />
+        <QuotationTabs {...props} quotationData={selectedNode} />
       </div>
     </div>
   );
 };
 const MasterComponent = props => {
   const { viewConfigs, masterData } = props;
-
   const customer = viewConfigs?.find(x => x.sName === "sCustomerName") || {};
   const customerProps = {
     ...props,
@@ -995,11 +1059,11 @@ const MasterComponent = props =&gt; {
   return (
     <div>
       <div className={styles.customer}>
-        <div>{customerProps.formData.showName}</div>
+        <div>{customerProps.formData?.showName}</div>
         <SelectInput {...customerProps} />
       </div>
       <div className={styles.customer}>
-        <div>{productProps.formData.showName}</div>
+        <div>{productProps.formData?.showName}</div>
         <SelectInput {...productProps} />
       </div>
       <div className={styles.customer}>
@@ -1007,28 +1071,36 @@ const MasterComponent = props =&gt; {
         <div className={styles.sizeBox}>
           <div className={styles.sizeItem}>
             <div style={{ width: "70%" }}>
-              <SelectInput {...dLengthProps} />
+              <SelectInput {...dLengthProps} bCanInput={true} />
             </div>
             <div style={{ width: "30%", textAlign: "center" }}>X</div>
           </div>
           <div className={styles.sizeItem}>
             <div style={{ width: "70%" }}>
-              <SelectInput {...dWidthProps} />
+              <SelectInput {...dWidthProps} bCanInput={true} />
             </div>{" "}
-            <div style={{ width: "30%", textAlign: "center" }}>X</div>
+            {Object.keys(dHeight).length > 0 ? (
+              <div style={{ width: "30%", textAlign: "center" }}>X</div>
+            ) : (
+              <div style={{ width: "30%", textAlign: "center" }}>mm</div>
+            )}
           </div>
-          <div className={styles.sizeItem}>
-            <div style={{ width: "70%" }}>
-              <SelectInput {...dHeightProps} />
+          {Object.keys(dHeight).length > 0 ? (
+            <div className={styles.sizeItem}>
+              <div style={{ width: "70%" }}>
+                <SelectInput {...dHeightProps} bCanInput={true} />
+              </div>
+              <div style={{ width: "30%", textAlign: "center" }}>mm</div>
             </div>
-            <div style={{ width: "30%", textAlign: "center" }}>mm</div>
-          </div>
+          ) : (
+            ""
+          )}
         </div>
       </div>
       <div className={styles.sizeBox}>
         <div className={styles.customer}>
           <div>数量</div>
-          <SelectInput {...dProductQtyProps} />
+          <SelectInput {...dProductQtyProps} bCanInput={true} />
         </div>
         <div className={styles.customer}>
           <div>单位</div>
@@ -1047,6 +1119,7 @@ const QuotationTabs = props =&gt; {
   const { selectedNode } = state;
   const sAllPartsName = selectedNode?.sAllPartsName;
   const sAllPartsNameList = sAllPartsName?.split(",");
+  // sAllPartsNameList.push('+')
   const [activeKey, setActiveKey] = useState(sAllPartsNameList && sAllPartsNameList.length ? sAllPartsNameList[0] : null);
  
   useEffect(() => {
@@ -1079,6 +1152,7 @@ const QuotationTabs = props =&gt; {
 // 内容
 const BoxComponent = props => {
   const { state, boxModel } = props;
+  console.log("🚀 ~ BoxComponent:", props, JsonData);
   const { activeKey, slaveConfig, masterData, selectedNode, boxConfig, downAbleConfigs = [], slaveData } = state || {};
   const { sModelsId } = props;
   const [selectList, setSelectList] = useState([]);
@@ -1087,7 +1161,8 @@ const BoxComponent = props =&gt; {
   const [boxPopup, setBoxPopup] = useState(false);
   const [boxsList, setBoxsList] = useState([]);
   const [selected, setSelected] = useState(null);
-  const slaveRowDatas = slaveData.find(item => item.sTreeNodeName === selectedNode.showName && item.sBoxModel === boxModel) || {};
+  const slaveRowDatas = slaveData?.find(item => item.sTreeNodeName === selectedNode.showName && item.sBoxModel === boxModel) || {};
+  console.log("🚀 ~ slaveRowDatas:", slaveRowDatas)
   const [slaveRowData, setSlaveRowData] = useState(slaveRowDatas);
  
   // 获取盒型信息
@@ -1100,6 +1175,7 @@ const BoxComponent = props =&gt; {
       pageNum: 1,
       pageSize: 20,
     };
+
     commonServices.postValueService(props.app.token, body, url).then(res => {
       if (res.data.code === 1) {
         const list = res.data.dataset.rows.map(x => {
@@ -1273,15 +1349,39 @@ const BoxComponent = props =&gt; {
  
   // 后道参数
   const { sBackProcessData } = slaveRowData || [];
-  const downViewConfigs = downAbleConfigs
-    .filter(item => item.sPartsName === boxModel || !item.sPartsName)
-    .map((item, i) => {
-      return {
-        ...item,
-        isSelect: sBackProcessData.length && sBackProcessData[i].sId ? true : false,
-      };
-    });
+  const [downAbleConfigsNew, setDownAbleConfigsNew] = useState([]);
+  useEffect(() => {
+    setDownAbleConfigsNew(downAbleConfigs);
+  }, [selectedNode.showName, boxModel]);
  
+  // 初始化状态，存储每个 Switch 的状态
+  const [switchStates, setSwitchStates] = useState(null);
+  useEffect(() => {
+    if (!sBackProcessData) return;
+    const newSwitchStates = downAbleConfigsNew
+      .filter(item => item.sPartsName === boxModel || !item.sPartsName)
+      .reduce((acc, item, index) => {
+        acc[item.sName] = sBackProcessData[index][item.sName] !== "";
+        return acc;
+      }, {});
+
+    setSwitchStates(newSwitchStates);
+  }, [downAbleConfigsNew, boxModel]); // 依赖数组
+
+  // 处理 Switch 变化的函数
+  const handleSwitchChange = (sName, val) => {
+    setSwitchStates({
+      ...switchStates,
+      [sName]: val,
+    });
+  };
+  // 过滤后的数据
+  const downViewConfigs = downAbleConfigsNew
+    .filter(item => item.sPartsName === boxModel || !item.sPartsName)
+    .map(item => ({
+      ...item,
+      isSelect: switchStates ? switchStates[item.sName] : false,
+    }));
   const downViewProps = {
     ...props,
     viewConfigs: downViewConfigs,
@@ -1290,7 +1390,6 @@ const BoxComponent = props =&gt; {
     viewRow: slaveRowData,
     tableName: `slaveDown${boxModel}`,
   };
-  console.log(downViewProps, "downViewProps");
  
   const calcMethodData = commonUtils.convertStrToObj(slaveRowData?.sColumnNameConfigExclusion, []);
   const radioValue = calcMethodData[0]?.sCode;
@@ -1416,6 +1515,75 @@ const BoxComponent = props =&gt; {
     }
   };
  
+  const getTableCloum = (i, child) => {
+    if (!sBackProcessData) return;
+    const value = sBackProcessData[i];
+    const { bSetArea, bSetQty, sName, sSetQtyUnt } = value;
+    const viewConfigs = [];
+    if (bSetArea) {
+      viewConfigs.push({
+        sName: "dManualLength",
+        showName: "x",
+        iColValue: bSetQty ? 8 : 12,
+        placeholder: "长",
+        value: value.dManualLength + "",
+      });
+      viewConfigs.push({
+        sName: "dManualWidth",
+        showName: "mm",
+        iColValue: bSetQty ? 8 : 12,
+        placeholder: "宽",
+        value: value.dManualWidth + "",
+      });
+    }
+    if (bSetQty) {
+      viewConfigs.push({
+        sName: "dManualQty",
+        showName: sSetQtyUnt || "",
+        iColValue: bSetArea ? 8 : 24,
+        placeholder: "数量",
+        value: value.dManualQty + "",
+      });
+    }
+    const viewProps = {
+      ...props,
+      viewConfigs: viewConfigs,
+      tableConfig: { ...slaveConfig, gdsconfigformslave: viewConfigs },
+      iColValueView: 24,
+      viewRow: value,
+      tableName: `slaveDown${boxModel}${sName}`,
+      onDataChange: (name, sFieldName, changeValue, sId, dropDownData, isWait) => {
+        const iIndex = slaveData.findIndex(item => item.sId === slaveRowData.sId);
+        const iIndex1 = slaveData[iIndex].sBackProcessData.findIndex(item => item[child.sName]);
+        slaveData[iIndex].sBackProcessData[iIndex1][sFieldName] = changeValue;
+        const { dManualLength, dManualWidth } = slaveData[iIndex].sBackProcessData[iIndex1];
+        if (dManualLength !== undefined && dManualWidth !== undefined) {
+          slaveData[iIndex].sBackProcessData[iIndex1].dManualValue = dManualLength * dManualWidth;
+        }
+        props.setState(pre => ({ ...pre, slaveData }));
+      },
+    };
+    return viewConfigs.length ? (
+      <Grid columns={3} gap={8}>
+        {viewProps.viewConfigs.map(x => (
+          <Grid.Item>
+            <div className={styles.customer} key={x.id || x.showName} style={{ marginTop: "0", display: "flex", alignItems: "center" }}>
+              <Input
+                placeholder=""
+                value={x.value}
+                onChange={e => {
+                  viewProps.onDataChange("", x.sName, e, "");
+                }}
+              ></Input>
+              <div style={{ width: "30%", textAlign: "center" }}>{x.showName}</div>
+            </div>
+          </Grid.Item>
+        ))}
+      </Grid>
+    ) : (
+      ""
+    );
+  };
   return (
     <div>
       <Selector
@@ -1487,14 +1655,16 @@ const BoxComponent = props =&gt; {
       <div>
         <div>后道参数</div>
         {downViewProps.viewConfigs.map((x, i) => (
-          <div className={styles.backBox}>
-            <div className={styles.backEnd}>{x.showName}</div>
-            <Switch
-              checked={x.isSelect}
-              onChange={async val => {
-                console.log(val, x, "val");
-              }}
-            />
+          <div>
+            <div className={styles.backBox}>
+              <div className={styles.backEnd}>{x.showName}</div>
+              <Switch checked={switchStates ? switchStates[x.sName] : ""} onChange={val => handleSwitchChange(x.sName, val)} />
+              <div className={styles.customer} style={{ marginTop: "0", marginLeft: "2rem", width: "40%" }}>
+                <SelectInput {...downViewProps} itemDetail={x} downIndex={i} />
+              </div>
+              {/* <div>{downViewProps.viewRow.sBackProcessData[i].bSetArea === 1 ? downViewProps.viewRow.sBackProcessData[i].bSetArea : ""}</div> */}
+            </div>
+            {getTableCloum(i, x)}
           </div>
         ))}
       </div>
@@ -1542,8 +1712,10 @@ const BoxComponent = props =&gt; {
                         ...data,
                         ...Object.assign({}, ...slaveNewData),
                       };
-                      setSlaveRowData(rowData);
-                      // props.setState(pre => ({ ...pre, slaveRowData:rowData }));
+                      console.log("🚀 ~ rowData:", rowData);
+
+                      // setSlaveRowData(rowData);
+                      props.setState(pre => ({ ...pre, slaveRowData: rowData }));
                       setBoxPopup(false);
                     }}
                   >
@@ -1562,7 +1734,8 @@ const BoxComponent = props =&gt; {
 // 材料组件
 const MaterialsComponent = props => {
   const { state, boxModel } = props;
-  const { slaveRowData, slaveConfig, slaveData = [], selectedNode = {} } = state;
+  const { slaveConfig, slaveData = [], selectedNode = {} } = state;
+  let { slaveRowData } = state;
   if (!slaveRowData) return;
   const { sParam = "" } = selectedNode;
   const sParamList = sParam.split(",");
@@ -1613,6 +1786,7 @@ const MaterialsComponent = props =&gt; {
         const iIndex = slaveData.findIndex(item => item.sId === slaveRowData.sId);
         if (iIndex !== -1) {
           slaveData[iIndex].materialsInfo = materialsInfo.map((item, i) => (i === index ? { ...item, ...changeValue } : item));
+          slaveRowData = slaveData[iIndex];
         } else {
           const { selectedNode = {} } = state;
           const { showName: sTreeNodeName } = selectedNode;
@@ -1624,8 +1798,7 @@ const MaterialsComponent = props =&gt; {
             materialsInfo: materialsInfo.map((item, i) => (i === index ? { ...item, ...changeValue } : item)),
           });
         }
-
-        props.setState(pre => ({ ...pre, slaveData, ...extraState }));
+        props.setState(pre => ({ ...pre, slaveData, slaveRowData, ...extraState }));
       },
     };
  
@@ -1664,7 +1837,8 @@ const MaterialsComponent = props =&gt; {
                     materialsInfo: materialsInfoNew,
                   });
                 }
-                props.setState(pre => ({ ...pre, slaveData, ...extraState }));
+                slaveRowData.materialsInfo = materialsInfoNew;
+                props.setState(pre => ({ ...pre, slaveData, slaveRowData, ...extraState }));
               }}
             >
               <AddOutline />
@@ -1689,7 +1863,8 @@ const MaterialsComponent = props =&gt; {
                 const materialsInfoNew = [...materialsInfo];
                 materialsInfoNew.splice(rowIndex, 1);
                 slaveData[iIndex].materialsInfo = materialsInfoNew;
-                props.setState(pre => ({ ...pre, slaveData, ...extraState }));
+                slaveRowData.materialsInfo = materialsInfoNew;
+                props.setState(pre => ({ ...pre, slaveData, slaveRowData, ...extraState }));
               }}
             >
               <MinusOutline />
@@ -1720,18 +1895,20 @@ const ManyComponent = props =&gt; {
         })}
       </div>
       <div>
-        {data.map(item => {
-          return (
-            <div className={styles.tableBox}>
-              <div className={styles.tableBody}>{item.dManyQty}</div>
-              <div className={styles.tableBody}>{item.dPrintMoney}</div>
-              <div className={styles.tableBody}>{item.dAfterProcessMoney}</div>
-              <div className={styles.tableBody}>{item.dMaterialsMoney}</div>
-              <div className={styles.tableBody}>{item.dManyPrice}</div>
-              <div className={styles.tableBody}> {item.dDiscountMoney}</div>
-            </div>
-          );
-        })}
+        {data && data.length
+          ? data.map(item => {
+              return (
+                <div className={styles.tableBox}>
+                  <div className={styles.tableBody}>{item.dManyQty}</div>
+                  <div className={styles.tableBody}>{item.dPrintMoney}</div>
+                  <div className={styles.tableBody}>{item.dAfterProcessMoney}</div>
+                  <div className={styles.tableBody}>{item.dMaterialsMoney}</div>
+                  <div className={styles.tableBody}>{item.dManyPrice}</div>
+                  <div className={styles.tableBody}> {item.dDiscountMoney}</div>
+                </div>
+              );
+            })
+          : ""}
       </div>
     </div>
   );