Merge branch 'main' of http://git.xlyprint.cn/zhangz/xlyUmi

Min
2 parents 1913c096 d765b569
Showing 8 changed files with 220 additions and 265 deletions
src/components/Common/Typesetting/typesetting.js
src/components/QuickQuote/index.jsx
src/components/QuickQuote/index.less
src/mobile/components/SelectInput.jsx
src/mobile/quotation/detailNew.jsx
src/mobile/quotation/index.json
src/mobile/quotation/quotationDetail.css
src/mobile/quotation/quotationDetail.less
@@ -20,8 +20,9 @@ const Typesetting = props =&gt; {
     boxWidth,
     boxHeight,
     textSize,
+    isMobile,
   } = props;
-  if (!slaveRowData) return
+  if (!slaveRowData) return;
   const {
     dSBLB, // 上边留白
     dXBLB, // 下边留白
@@ -52,6 +53,8 @@ const Typesetting = props =&gt; {
   const [dMaterialsKQty, setDMaterialsKQty] = useState(0);
   const [dPartsLength, setDPartsLength] = useState(0);
+  // 横板
+  const { dHorizontal, dPortrait, dHorizontalType, dPortraitType } = slaveRowData;
   // 使用 useRef 获取 DOM 元素
   const boxRef = useRef(null);
   const boxsRef = useRef(null);
@@ -67,8 +70,10 @@ const Typesetting = props =&gt; {
   const slaveDataDetail = slaveData?.find(item => item.sTreeNodeName === selectedNode.showName && item.sBoxModel === boxModel);
   const maxWidth = Number(slaveDataDetail?.dMaxLength);
   const maxHeight = Number(slaveDataDetail?.dMaxWidth);
+
   const outerWidth = Number(slaveDataDetail?.dMaxLength); // 默认取最大上机尺寸
   const outerHeight = Number(slaveDataDetail?.dMaxWidth); // 默认取最大上机尺寸
+  console.log("🚀 ~ maxWidth:", dHorizontal, dPortrait,dHorizontalType,dPortraitType, outerWidth, outerHeight);
   // 确认是竖向排列还是横向排列
   const L = masterData?.dLength;
@@ -215,7 +220,6 @@ const Typesetting = props =&gt; {
   // 每个盒子加上边距 和第二组偏移量 如果根据次盒再加上次盒偏移量
   let cols = Math.floor(outerWidth / (innerWidthCombined + boxLengthOffset + (reference ? 0 : dSLengthOffset)));
   let rows = Math.floor(outerHeight / (innerHeightCombined + boxWidthOffset + (reference ? 0 : dSWidthOffset)));
-
   let colsMaxLength = (cols - 1) * (innerWidthCombined + boxLengthOffset + (reference ? 0 : dSLengthOffset)) + innerWidthCombined;
   while (colsMaxLength >= outerWidth && cols > 0) {
     cols = cols - 1;
@@ -240,6 +244,28 @@ const Typesetting = props =&gt; {
   const commonHeightCheck = remainingHeight > jInnerHeight;
   const commonWidthCheck = remainingWidth > jInnerWidth;
   const remaining = isVertical ? commonHeightCheck : commonWidthCheck;
+  console.log(
+    cols,
+    rows,
+    innerWidth,
+    innerHeight,
+    jInnerWidth,
+    jInnerHeight,
+    innerWidthCombined,
+    innerHeightCombined,
+    remainingWidth,
+    remainingHeight,
+    colsMaxLength,
+    rowsMaxLength,
+    remaining,
+    isVertical,
+    boxLengthOffset,
+    boxWidthOffset,
+    dSLengthOffset,
+    dFLengthOffset,
+    "rowsMaxLength"
+  );
+
   // 抵扣盒默认展示 svg
   // const isSvg = props.slaveRowData.sName === "扣抵盒";
   // 组装svg数据
@@ -265,16 +291,16 @@ const Typesetting = props =&gt; {
         position: "absolute",
         left: `${leftPosition}px`,
         top: `${topPosition}px`,
-        transform: `rotateZ(${offsetZ}deg)`,
+
         zIndex: 10,
       }}
       onDoubleClick={() => {
         onClick();
       }}
     >
-      {/* <img src={icon} width="100%" height="100%" /> */}
-      <DynamicSVG {...svgProps} />
-      {/* {isSvg ? <DynamicSVG {...props} /> : <img src={icon} width="100%" height="100%" />} */}
+      <div style={{ transform: `rotateZ(${offsetZ}deg)` }}>
+        <DynamicSVG {...svgProps} />
+      </div>
     </div>
   );
   const createBox = (col, row, index, leftPosition, topPosition, offsetZ, icon) => (
@@ -299,24 +325,25 @@ const Typesetting = props =&gt; {
       <div
         key={`${col}-${row}-${index}`}
         style={{
-          width: `${(iSAngle === 90 || iSAngle === 270) ? jInnerWidth:innerWidth}px`,
-          height: `${(iFAngle === 90 || iFAngle === 270) ? jInnerHeight:innerHeight}px`,
+          width: `${iSAngle === 90 || iSAngle === 270 ? jInnerWidth : innerWidth}px`,
+          height: `${iFAngle === 90 || iFAngle === 270 ? jInnerHeight : innerHeight}px`,
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           position: "absolute",
           left: `${dFLengthOffset + dYBJJ}px`,
           top: `${iFAngle === 90 || iFAngle === 270 ? 0 : dFWidthOffset + dXBJJ}px`,
-          transform: `rotateZ(${iFAngle}deg)`,
         }}
       >
-        <DynamicSVG {...svgProps} />
+        <div style={{ transform: `rotateZ(${iFAngle}deg)` }}>
+          <DynamicSVG {...svgProps} />
+        </div>
       </div>
       <div
         key={`${col}-${row}-${index}-1`}
         style={{
-          width: `${(iSAngle === 90 || iSAngle === 270) ? jInnerWidth:innerWidth}px`,
-          height: `${(iSAngle === 90 || iSAngle === 270) ? jInnerHeight:innerHeight}px`,
+          width: `${iSAngle === 90 || iSAngle === 270 ? jInnerWidth : innerWidth}px`,
+          height: `${iSAngle === 90 || iSAngle === 270 ? jInnerHeight : innerHeight}px`,
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
@@ -325,10 +352,11 @@ const Typesetting = props =&gt; {
           top: `${
             isVertical ? jInnerHeight + dXBJJ + dFWidthOffset + dSWidthOffset : iSAngle === 90 || iSAngle === 270 ? 0 : dSWidthOffset + dXBJJ
           }px`,
-          transform: `rotateZ(${iSAngle}deg)`,
         }}
       >
-        <DynamicSVG {...svgProps} />
+        <div style={{ transform: `rotateZ(${iSAngle}deg)` }}>
+          <DynamicSVG {...svgProps} />
+        </div>
       </div>
     </div>
   );
@@ -362,12 +390,13 @@ const Typesetting = props =&gt; {
           position: "absolute",
           left: `${dFLengthOffset + dYBJJ}px`,
           top: `${dFWidthOffset + dXBJJ}px`,
-          transform: `rotateZ(${iFAngle}deg)`,
         }}
       >
         {/* <img src={icon} width="100%" height="100%" /> */}
         {/* {isSvg ? <DynamicSVG {...props} /> : <img src={icon} width="100%" height="100%" />} */}
-        <DynamicSVG {...svgProps} />
+        <div style={{ transform: `rotateZ(${iFAngle}deg)` }}>
+          <DynamicSVG {...svgProps} />
+        </div>
       </div>
     </div>
   );
@@ -389,7 +418,6 @@ const Typesetting = props =&gt; {
   const calculateTopPosition = (row, reference, isVertical, topPosition, dSWidthOffset, dXBJJ) => {
     if (isVertical) {
       if (reference) {
-        
         return row === 0 ? topPosition : topPosition + boxWidthOffset * row;
       } else {
         return row === 0 ? topPosition : topPosition + (dSWidthOffset + boxWidthOffset) * row;
@@ -404,23 +432,20 @@ const Typesetting = props =&gt; {
   };
   const scaleXD = (clientWidth - 50) / (outerWidth + 110);
   const scaleYD = (clientHeight - 5) / (outerHeight + 90);
-  useEffect(
-    () => {
-      // 计算缩放比例
-      // setBoxKey(new Date().getTime());
-      setTimeout(() => {
-        const scaleX = (clientWidth - 50) / (outerWidth + 110);
-        const scaleY = (clientHeight - 5) / (outerHeight + 90);
-        const newScale = Math.min(scaleX, scaleY);
-        setScale(newScale);
-        if (boxRef.current) {
-          boxRef.current.style.transform = `scale(${scaleX}, ${scaleY})`;
-          boxRef.current.style.transformOrigin = "top left";
-        }
-      }, 0);
-    },
-    [radioValue, slaveRowData, masterData, selectedNode, slaveData]
-  );
+  useEffect(() => {
+    // 计算缩放比例
+    // setBoxKey(new Date().getTime());
+    setTimeout(() => {
+      const scaleX = (clientWidth - 50) / (outerWidth + 110);
+      const scaleY = (clientHeight - 5) / (outerHeight + 90);
+      const newScale = Math.min(scaleX, scaleY);
+      setScale(newScale);
+      if (boxRef.current) {
+        boxRef.current.style.transform = `scale(${scaleX}, ${scaleY})`;
+        boxRef.current.style.transformOrigin = "top left";
+      }
+    }, 0);
+  }, [radioValue, slaveRowData, masterData, selectedNode, slaveData]);
   // 生成里层 div 的数组
   const innerDivs = [];
   for (let col = 0; col < cols; col++) {
@@ -476,17 +501,21 @@ 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));
-    
-    const newMaterialLength = propsDataLeft + innerWidthCombined; // 原纸长
+    // 判断列是否是单独的
+    const newMaterialLength = propsDataLeft + (remaining ? jInnerWidth : innerWidthCombined); // 原纸长
     const newMaterialWidth = propsDataTop + propsDataHeight - dSBLB;
     // 计算开数
-    const dSinglePQty = variables
+    const dSinglePQty = isVertical
       ? remaining
         ? cols + cols * (rows * 2)
         : cols * (rows * 2)
       : remaining
-        ? rows + rows * (cols * 2)
-        : rows * (cols * 2);
+      ? rows + rows * (cols * 2)
+      : rows * (cols * 2);
+    // 计算竖版数量
+    const dHorizontalType = isVertical ? cols : remaining ? cols * 2 + 1 : cols * 2;
+    const dPortraitType = isVertical ? rows * 2 : remaining ? rows : rows;
+
     const newDProductQty = masterData.dProductQty;
     const dMaterialsKQty = slaveDataDetail.dMaterialsKQty || 1;
     if (
@@ -516,7 +545,9 @@ const Typesetting = props =&gt; {
         newMaterialLength,
         newMaterialWidth,
         innerWidth,
-        innerHeight
+        innerHeight,
+        dHorizontalType,
+        dPortraitType
       );
     } else if (dProductQty !== newDProductQty) {
       setDProductQty(newDProductQty);
@@ -533,7 +564,9 @@ const Typesetting = props =&gt; {
         slaveDataDetail.dWlcd,
         slaveDataDetail.dWlkd,
         innerWidth,
-        innerHeight
+        innerHeight,
+        dHorizontalType,
+        dPortraitType
       );
     }
     openEdition = (((newMaterialLength * newMaterialWidth) / (maxWidth * maxHeight)) * 100).toFixed(2);
@@ -550,8 +583,9 @@ const Typesetting = props =&gt; {
   }
   const isMax = slaveDataDetail?.dMaxLength && Number(slaveDataDetail?.dMaxLength) >= Number(slaveRowData?.dMachineLength);
   const isShow = slaveRowData && slaveRowData.dMachineLength && slaveRowData.dMaxWidth && slaveRowData.dMaxLength && isMax && innerDivs.length;
-  
+
   const onClick = () => {
+    if (isMobile) return;
     setIsModalOpen(true);
     // setBoxKeys(new Date().getTime());
     setTimeout(() => {
@@ -1525,7 +1525,22 @@ const BoxComponent = props =&gt; {
   // 使用 useCallback 确保回调函数的稳定性
   const handleSaveState = useCallback(
-    (length, width, slaveData, masterData, dSinglePQty, dMaterialsKQty, dProductQty, scale, dWlcd, dWlkd, innerWidth, innerHeight) => {
+    (
+      length,
+      width,
+      slaveData,
+      masterData,
+      dSinglePQty,
+      dMaterialsKQty,
+      dProductQty,
+      scale,
+      dWlcd,
+      dWlkd,
+      innerWidth,
+      innerHeight,
+      dHorizontal,
+      dPortrait
+    ) => {
       // 查找符合条件的索引
       const { selectedNode } = props.state;
@@ -1564,6 +1579,10 @@ const BoxComponent = props =&gt; {
           scale: scale,
           dPartsLength: innerWidth,
           dPartsWidth: innerHeight,
+          dHorizontal: dHorizontal,
+          dPortrait: dPortrait,
+          dHorizontalType: dHorizontal,
+          dPortraitType: dPortrait,
         };
         // 更新状态
         props.setState(prevState => ({
@@ -1707,6 +1726,7 @@ const BoxComponent = props =&gt; {
     dSvgBoxHeight: 300,
     showNew: 1,
   };
+  const isShowImg = boxList.find(x => x.sName === "盒身")?.type !== "" || false;
   return (
     <Tabs
       key={boxModel}
@@ -1773,7 +1793,7 @@ const BoxComponent = props =&gt; {
                       <div className={styles.boxPart1Right}>
                         <div className={styles.boxRreview}>
                           <Image.PreviewGroup>
-                            {slaveRowData.sPackDetailPathUpLoad ? (
+                            {!isShowImg ? (
                               <Image width={300} src={slaveRowData.sPackDetailPathUpLoad} />
                             ) : svgProps.boxList.length ? (
                               <div style={{ width: " 300px", height: "300px" }}>
@@ -2260,8 +2280,8 @@ const BoxModelSelectedModal = props =&gt; {
     ];
     slaveData.forEach(x => {
       boxList.push({
-        value: x.iValue,
-        sName: titleList1.find(item => item.value === x.sCode)?.name || "",
+        value: x.iValue || x.sDefault,
+        sName: titleList1.find(item => item.value === x.sCode || item.value === x.sName)?.name || "",
         isEditable: true,
         isSelect: false,
         selectValue: null,
@@ -2289,8 +2309,8 @@ const BoxModelSelectedModal = props =&gt; {
     const svgProps = {
       ...props,
       boxList,
-      dSvgBoxWidth: 100,
-      dSvgBoxHeight: 100,
+      dSvgBoxWidth: 250,
+      dSvgBoxHeight: 250,
       showNew: 1,
     };
     return svgProps;
@@ -2313,10 +2333,10 @@ const BoxModelSelectedModal = props =&gt; {
           // (value ? (column.dataIndex === 'sPackDetailPath' ? (boxData[index].sPackPath ? <img src={value} alt="" width={270} height={270} /> : '') : <img src={value} alt="" width={270} height={270} />)  : "暂无图片");
           column.render = (value, record, index) =>
             column.dataIndex === "sPackDetailPathUpLoad" ? (
-              value ? (
-                <img src={value} alt="" width={270} height={270} />
-              ) : (
+              boxData[index].sTypes ? (
                 <DynamicSVG {...getSvgProps(boxData[index])} />
+              ) : (
+                <img src={value} alt="" width={270} height={270} />
               )
             ) : value ? (
               <img src={value} alt="" width={270} height={270} />
@@ -2411,7 +2431,10 @@ const BackendParamsExtraComponent = props =&gt; {
   const viewProps = {
     ...props,
-    viewConfigs: viewConfigs,
+    viewConfigs: viewConfigs.map(item => ({
+      ...item,
+      costomStyle: styles.sParamConfig,
+    })),
     tableConfig: { ...slaveConfig, gdsconfigformslave: viewConfigs },
     iColValueView: 24,
     getViewRow: config => {
@@ -2458,7 +2481,7 @@ const BackendParamsExtraComponent = props =&gt; {
   return (
     <>
       <Divider style={{ margin: "5px 0" }} />
-      <div className={`${styles.viewTable} ${styles.viewTableDownView1}`}>
+      <div className={`${styles.viewTable} ${styles.viewTableDownView1} ${styles.viewTableDownView2}`}>
         <CommonViewTable {...viewProps} />
       </div>
     </>
@@ -173,6 +173,10 @@
         }
       }
+      .viewTableDownView2 {
+        background-color: #3275b734;
+      }
+
       .viewTable1 {
         padding: 0 20px 0 0;
       }
@@ -59,9 +59,9 @@ const SelectInput = props =&gt; {
   const handleConfirm = () => {
     if (!values[0]) {
       setVisible(false);
-
       return;
     }
+    // 判断是否是
     const index = columns.findIndex(item => item.value === values[0]);
     const data = coplyColumns[index];
     data[itemDetail.sName] = data[itemDetail.sName] ? data[itemDetail.sName] : data.label || data.sName || data.sProcessName || data.sColorName;
 import { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import { history } from "umi";
-import { Toast, Input, Tabs, Selector, Grid, Image, Button, Checkbox, Switch, Dialog, Radio } from "antd-mobile";
-import { AddOutline, MinusOutline, EditFill } from "antd-mobile-icons";
+import { Toast, Input, Tabs, Selector, Grid, Image, Button, Checkbox, Switch, Dialog, Radio, Space } from "antd-mobile";
+import { AddOutline, MinusOutline, EditFill, CloseOutline } from "antd-mobile-icons";
 import commonConfig from "@/utils/config";
 import * as commonServices from "@/services/services";
 import * as commonFunc from "@/components/Common/commonFunc";
@@ -286,6 +286,14 @@ const QuickQuoteEvent = props =&gt; {
           dMachineLength: slaveData[saveIndex].dWlcd,
         };
       }
+
+      if (sFieldName === "dMaxLength") {
+        slaveData[saveIndex] = {
+          ...slaveData[saveIndex],
+          dMaxLength: changeValue.dMachineLength,
+          dMaxWidth: changeValue.dMachineWidth,
+        };
+      }
       setState(pre => ({ ...pre, slaveData, ...extraState }));
     } else if (name === "finished") {
       const { productProcessInfo = [] } = masterData;
@@ -939,7 +947,6 @@ const QuickQuoteEvent = props =&gt; {
 };
 // 入口
 const QuotationAllprogressDetail = baseProps => {
-  // const masterProps = getProps(baseProps);
   const props = QuickQuoteEvent(baseProps);
   const { selectedNode, slaveConfig, quotationData, app, sModelsId, masterData } = props;
   const { showName, sUnit } = quotationData;
@@ -1019,7 +1026,6 @@ const QuotationAllprogressDetail = baseProps =&gt; {
     // 取上机尺寸
     return commonUtils.convertStrToObj(sColumnNameConfigStr, []);
   };
-
   return (
     <div className={styles.quotationDetailBox}>
       <QuotationDetail {...props} />
@@ -1179,7 +1185,7 @@ const QuotationTabs = props =&gt; {
   };
   return (
     <div>
-      <div>
+      <div className={styles.tabsBox}>
         <Tabs
           activeKey={activeKey}
           onChange={key => {
@@ -1188,12 +1194,23 @@ const QuotationTabs = props =&gt; {
         >
           {sAllPartsNameList && sAllPartsNameList.length
             ? sAllPartsNameList.map((pane, index) => (
-                <Tabs.Tab key={pane} title={pane}>
+                <Tabs.Tab key={pane} title={pane} style={{ position: "relative" }}>
                   <BoxComponent {...tabsProps} paneKey={pane} />
+                  {/* <CloseOutline className={styles.tabClearBtn}/> */}
                 </Tabs.Tab>
               ))
             : ""}
         </Tabs>
+        {/* <Button
+          className={styles.tabAddBtn}
+          color="primary"
+          fill="solid"
+          size="small"
+          style={{ width: "1.93rem", height: "1.93rem", display: "flex", justifyContent: "center", alignItems: "center", textAlign: "center" }}
+          onClick={() => {}}
+        >
+          <AddOutline />
+        </Button> */}
       </div>
     </div>
   );
@@ -1413,16 +1430,25 @@ const BoxComponent = props =&gt; {
   // 后道参数
   const { sBackProcessData } = slaveRowData || [];
-  const downAbleConfigsNew = downAbleConfigs.reduce((pre, cur) => {
-    const childConfigs = downAbleExtraConfigs.filter(item => item.sParentName === cur.showName);
-    pre.push(cur, ...childConfigs);
-    return pre;
-  }, []);
+  const [downAbleConfigsNew, setDownAbleConfigsNew] = useState([]);
+  // const downAbleConfigsNew = downAbleConfigs.reduce((pre, cur) => {
+  //   const childConfigs = downAbleExtraConfigs.filter(item => item.sParentName === cur.showName);
+  //   pre.push(cur, ...childConfigs);
+  //   return pre;
+  // }, []);
+  useEffect(() => {
+    setDownAbleConfigsNew(downAbleConfigs);
+  }, [downAbleConfigs]);
   // 初始化状态，存储每个 Switch 的状态
   const [switchStates, setSwitchStates] = useState(null);
   useEffect(() => {
     if (!sBackProcessData) return;
-    const newSwitchStates = downAbleConfigsNew;
+    const newSwitchStates = downAbleConfigsNew
+      .filter(item => item.sPartsName === boxModel || !item.sPartsName)
+      .reduce((acc, item, index) => {
+        acc[item.sName] = sBackProcessData ? sBackProcessData[index][item.sName] !== "" : false;
+        return acc;
+      }, {});
     setSwitchStates(newSwitchStates);
   }, [downAbleConfigsNew, boxModel]); // 依赖数组
@@ -1440,7 +1466,7 @@ const BoxComponent = props =&gt; {
     .map((item, i) => ({
       ...item,
       isSelect: switchStates ? switchStates[item.sName] : false,
-      // sName: "sParams" + i,
+      sName: "sParams" + i,
       sProductClassifyId: item.sId,
     }));
   const downViewProps = {
@@ -1469,7 +1495,8 @@ const BoxComponent = props =&gt; {
     tableName: "finished",
   };
   const calcMethodData = commonUtils.convertStrToObj(slaveRowData?.sColumnNameConfigExclusion, []);
-  const radioValue = calcMethodData[0]?.sCode;
+  // const radioValue = null;
+  const { radioValue = calcMethodData[0]?.sCode } = slaveRowData;
   const [materialLength, setMaterialLength] = useState(0);
   const [materialWidth, setMaterialWidth] = useState(0);
   // 使用 useCallback 确保回调函数的稳定性
@@ -1563,6 +1590,7 @@ const BoxComponent = props =&gt; {
     boxWidth: 190,
     boxHeight: 150,
     textSize: 9,
+    isMobile: true,
     // boxPicData,
   };
   const showImgMProps = {
@@ -1664,7 +1692,10 @@ const BoxComponent = props =&gt; {
     );
   };
   const { loading } = props;
-
+  const calcMethod = calcMethodData.map(item => ({
+    value: item.sCode,
+    label: item.showName,
+  }));
   return (
     <div>
       <Selector
@@ -1725,7 +1756,14 @@ const BoxComponent = props =&gt; {
                 <Grid.Item>
                   <div className={styles.customer} key={x.id || x.showName}>
                     <div>{x.showName}</div>
-                    <SelectInput {...upViewProps20} itemDetail={x} bCanInput={true} />
+                    <SelectInput
+                      {...upViewProps20}
+                      itemDetail={x}
+                      bCanInput={() => {
+                        // if (x.showDropDown) return false;
+                        return true;
+                      }}
+                    />
                   </div>
                 </Grid.Item>
               ))
@@ -1740,6 +1778,24 @@ const BoxComponent = props =&gt; {
           <ShowImgM {...showImgMProps} />
         </div>
       </div>
+      <Radio.Group
+        value={radioValue}
+        onChange={e => {
+          const iIndex = slaveData.findIndex(item => item.sId === slaveRowData.sId);
+          slaveData[iIndex].radioValue = e;
+          props.setState(pre => ({
+            ...pre,
+            slaveData: slaveData,
+          }));
+        }}
+      >
+        {calcMethod.map(item => (
+          <Radio value={item.value} style={{ marginRight: "0.5rem" }}>
+            {" "}
+            {item.label}
+          </Radio>
+        ))}
+      </Radio.Group>
       <div>
         <MaterialsComponent {...props} slaveRowData={slaveRowData} boxModel={boxModel} />
       </div>
-{
-    "bQuotation": true,
-    "sProductName": "单层彩盒",
-    "sProductUnit": "PCS",
-    "sCustomerName": "EnglishTest",
-    "sProvince": "北京市",
-    "sCity": "市辖区",
-    "sArea": "东城区",
-    "sCurrency": "人民币",
-    "sConsignee": "Gordan",
-    "sConsigneeMobile": "15648630521",
-    "sContacts": "Gordan",
-    "sCustomerId": "17495388380001631448425800731100",
-    "sTaxId": "17128239240007522551135755385000",
-    "dTaxRate": "13.000000",
-    "sCustomerNo": "09260174",
-    "sTaxName": "销项税13%",
-    "handleType": "update",
-    "sId": "17496097010006280362665408954000",
-    "dLength": "100",
-    "dWidth": 100,
-    "dHeight": 100,
-    "dProductQty": 1000,
-    "cpProcessName": "",
-    "productProcessInfo": [],
-    "sProductClassifyId": "20240108210154670452968456436630",
-    "sProductName1": "单层彩盒",
-    "dProductWidth": 100,
-    "dProductLength": "100",
-    "dProductHeight": 100,
-    "sProductStyle": "100*100*100",
-    "product": {
-        "sProductName": "单层彩盒",
-        "sProductUnit": "PCS",
-        "sCustomerName": "EnglishTest",
-        "sProvince": "北京市",
-        "sCity": "市辖区",
-        "sArea": "东城区",
-        "sCurrency": "人民币",
-        "sConsignee": "Gordan",
-        "sConsigneeMobile": "15648630521",
-        "sContacts": "Gordan",
-        "sCustomerId": "17495388380001631448425800731100",
-        "sTaxId": "17128239240007522551135755385000",
-        "dTaxRate": "13.000000",
-        "sCustomerNo": "09260174",
-        "sTaxName": "销项税13%",
-        "handleType": "update",
-        "sId": "17496097010006280362665408954000",
-        "dLength": "100",
-        "dWidth": 100,
-        "dHeight": 100,
-        "dProductQty": 1000,
-        "cpProcessName": "",
-        "productProcessInfo": [],
-        "sProductClassifyId": "20240108210154670452968456436630",
-        "sProductName1": "单层彩盒",
-        "dProductWidth": 100,
-        "dProductLength": "100",
-        "dProductHeight": 100,
-        "sProductStyle": "100*100*100"
-    },
-    "sPartsStyle": "425*509",
-    "partsInfo": [
-        {
-            "sId": "17496096990009748659884949062000",
-            "sBoxModel": "彩盒",
-            "sTreeNodeName": "单层彩盒",
-            "sProcessId": "15965213890005652467139846160000",
-            "dSumPQty": 2,
-            "iPrintModePo": 0,
-            "sName": "常规飞机盒",
-            "dSFHS": 50,
-            "dHDC": 0,
-            "dXFHS": 50,
-            "dZSCW": 25,
-            "dZTBW": 25,
-            "dZXCW": 25,
-            "dYSCW": 30,
-            "dYTBW": 0,
-            "dYXCW": 30,
-            "sBrandsId": "1111111111",
-            "sSubsidiaryId": "1111111111",
-            "tCreateDate": "2025-05-07 17:26:35",
-            "sMakePerson": "杨恒林",
-            "iOrder": 1,
-            "bInvalid": false,
-            "tMakeDate": "2025-05-07 18:46:42",
-            "sFormId": "172129113112117427164802170",
-            "sBillNo": "00000001",
-            "sPackPath": "http://8.130.144.93:8088/xlyEntry/file/downloadLogo?sLogoName=logosPackPath飞机盒&date=1747049329258",
-            "sPackDetailPath": "http://8.130.144.93:8088/xlyEntry/file/downloadLogo?sLogoName=logosPackDetailPathUpLoad常规飞机盒&date=1749547586495",
-            "dSBLB": 5,
-            "dXBLB": 5,
-            "dZBLB": 5,
-            "dYBLB": 5,
-            "dSBJJ": 0,
-            "dXBJJ": 5,
-            "dZBJJ": 0,
-            "dYBJJ": 5,
-            "sColumnNameConfig": "[{\"sId\": \"17466145990008525730531392073000\", \"sBig5\": \"锁片长\", \"sName\": \"dSFHS\", \"iOrder\": 1, \"sTypes\": \"1001\", \"bVisible\": 1, \"sChinese\": \"锁片长\", \"sDefault\": 50, \"showName\": \"锁片长\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23726, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": null},{\"sId\": \"17466145990004751476954584851000\", \"sBig5\": \"盒底组件\", \"sName\": \"dHDC\", \"iOrder\": 2, \"sTypes\": \"\", \"bVisible\": 0, \"sChinese\": \"盒底组件\", \"sDefault\": 0, \"showName\": \"盒底组件\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23727, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": null},{\"sId\": \"17466145990001232519334177843200\", \"sBig5\": \"下方盒舌\", \"sName\": \"dXFHS\", \"iOrder\": 3, \"sTypes\": \"2001\", \"bVisible\": 0, \"sChinese\": \"下方盒舌\", \"sDefault\": 50, \"showName\": \"下方盒舌\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23728, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": \"dSFHS\"},{\"sId\": \"17466145990002674038813161135600\", \"sBig5\": \"盒盖深\", \"sName\": \"dZSCW\", \"iOrder\": 4, \"sTypes\": \"3002\", \"bVisible\": 1, \"sChinese\": \"盒盖深\", \"sDefault\": 25, \"showName\": \"盒盖深\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23729, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": null},{\"sId\": \"17466145990001065785102483988600\", \"sBig5\": \"左贴边位\", \"sName\": \"dZTBW\", \"iOrder\": 5, \"sTypes\": \"8003\", \"bVisible\": 1, \"sChinese\": \"左贴边位\", \"sDefault\": 25, \"showName\": \"左贴边位\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23730, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": null},{\"sId\": \"17466989590008229742571075453000\", \"sBig5\": \"左(下)插位组件\", \"sName\": \"dZXCW\", \"iOrder\": 6, \"sTypes\": \"4002\", \"bVisible\": 0, \"sChinese\": \"左(下)插位组件\", \"sDefault\": 25, \"showName\": \"左(下)插位组件\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23735, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": \"dZSCW\"},{\"sId\": \"17466145990005537297431946334000\", \"sBig5\": \"右(上)插位组件\", \"sName\": \"dYSCW\", \"iOrder\": 7, \"sTypes\": \"6001\", \"bVisible\": 0, \"sChinese\": \"右(上)插位组件\", \"sDefault\": 30, \"showName\": \"右(上)插位组件\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23732, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": \"D+4.5\"},{\"sId\": \"17466145990009079053176148972000\", \"sBig5\": \"右贴边位\", \"sName\": \"dYTBW\", \"iOrder\": 8, \"sTypes\": \"\", \"bVisible\": 0, \"sChinese\": \"右贴边位\", \"sDefault\": 0, \"showName\": \"右贴边位\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23733, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": null},{\"sId\": \"17466145990009545190357394842000\", \"sBig5\": \"右(下)插位组件\", \"sName\": \"dYXCW\", \"iOrder\": 9, \"sTypes\": \"7001\", \"bVisible\": 0, \"sChinese\": \"右(下)插位组件\", \"sDefault\": 30, \"showName\": \"右(下)插位组件\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23734, \"sSubsidiaryId\": \"1111111111\", \"sAssignFormula\": \"D+4.5\"}]",
-            "sColumnNameConfigExclusion": "[{\"sId\": \"17466148170007436954173544192000\", \"sBig5\": \"省纸拼法(竖纹)\", \"sCode\": \"001\", \"sName\": \"001\", \"iOrder\": 1, \"iFAngle\": 0, \"iSAngle\": 180, \"sChinese\": \"省纸拼法(竖纹)\", \"showName\": \"省纸拼法(竖纹)\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23566, \"sFWidthOffset\": \"0\", \"sSGroupOffset\": \"次盒\", \"sSWidthOffset\": \"-(dSFHS-dZSCW)\", \"sSubsidiaryId\": \"1111111111\", \"sFLengthOffset\": \"0\", \"sSLengthOffset\": \"0\", \"sSettingMethod\": \"从上到下\", \"sSecondorizontalOffset\": \"0\", \"sSecondLongitudinalOffset\": \"0\"},{\"sId\": \"17466156410008003570748453747000\", \"sBig5\": \"正常拼法\", \"sCode\": \"002\", \"sName\": \"002\", \"iOrder\": 2, \"iFAngle\": 0, \"iSAngle\": 0, \"sChinese\": \"正常拼法\", \"showName\": \"正常拼法\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23567, \"sFWidthOffset\": \"0\", \"sSGroupOffset\": \"次盒\", \"sSWidthOffset\": \"0\", \"sSubsidiaryId\": \"1111111111\", \"sFLengthOffset\": \"0\", \"sSLengthOffset\": \"0\", \"sSettingMethod\": \"从上到下\", \"sSecondorizontalOffset\": \"0\", \"sSecondLongitudinalOffset\": \"0\"},{\"sId\": \"17470204070009330791101353610000\", \"sBig5\": \"省纸拼法(横纹)\", \"sCode\": \"003\", \"sName\": \"003\", \"iOrder\": 3, \"iFAngle\": 90, \"iSAngle\": 270, \"sChinese\": \"省纸拼法(横纹)\", \"showName\": \"省纸拼法(横纹)\", \"iFitWidth\": 120, \"sBrandsId\": \"1111111111\", \"sParentId\": \"17466137160001794723678306481000\", \"iIncrement\": 23580, \"sFWidthOffset\": \"0\", \"sSGroupOffset\": \"次盒\", \"sSWidthOffset\": \"0\", \"sSubsidiaryId\": \"1111111111\", \"sFLengthOffset\": \"0\", \"sSLengthOffset\": \"-(dSFHS-dZSCW)\", \"sSettingMethod\": \"从左到右\", \"sSecondorizontalOffset\": \"0\", \"sSecondLongitudinalOffset\": \"0\"}]",
-            "sLengthFormula": "dZTBW +(W+D) *2",
-            "sWidthFormula": "dYSCW + D * 2 + dYXCW + L",
-            "sBoxType": "飞机盒",
-            "dBoxHeight": 25,
-            "dBoxLength": 150,
-            "dBoxWidth": 100,
-            "sTypes": "5",
-            "iRowNum": 1,
-            "handleType": "add",
-            "sMachineStyle": "875*519",
-            "dMachineQty": 500,
-            "dMaxLength": 1030,
-            "dMaxWidth": 720,
-            "materialLength": 875,
-            "materialWidth": 519,
-            "dMachineLength": 875,
-            "dMachineWidth": 519,
-            "sMaterialsStyle": "0*0",
-            "sMaterialRate": "NaN",
-            "newMaterialLength": 875,
-            "newMaterialWidth": 519,
-            "sLayoutRate": 61.24,
-            "dWlcd": 875,
-            "dWlkd": 519,
-            "dSinglePQty": 2,
-            "dMaterialsKQty": 1,
-            "scale": 0.30701754385964913,
-            "dPartsLength": 425,
-            "dPartsWidth": 509,
-            "sPrint": "胶印",
-            "sType": "1",
-            "sProcessName": "胶印",
-            "sProcessClassifyName": "胶印",
-            "sProcessClassifyId": "15735481040006848857922252708000",
-            "bOutside": 0,
-            "sWorkOrderParam": "{\"sParam3\":\"过油数\",\"sParamDefault3\":\"0\",\"sParamNotEmpty3\":true,\"sParamFieldName3\":\"dOiled\",\"sParamDropDownType3\":\"sql\",\"sParamAssignField3\":\"dOiled:dOiled\",\"sParamDropDown3\":\"select convert(num, CHAR) as dOiled,convert(num, CHAR) as sId from tools_num where num < 3\",\"sParam4\":\"工艺工位\",\"sParamDefault4\":\"\",\"sParamNotEmpty4\":true,\"sParamFieldName4\":\"dCraft\",\"sParamAssignField4\":\"dOiled+dColor\",\"sParam5\":\"损耗工位\",\"sParamDefault5\":\"\",\"sParamNotEmpty5\":true,\"sParamFieldName5\":\"dLoss\",\"sParamAssignField5\":\"dColor+(dOiled/2)\",\"sParam7\":\"过油类别\",\"sParamDefault7\":\"/\",\"sParamNotEmpty7\":true,\"sParamDropDown7\":{\"/\":\"/\",\"局部连机过油\":\"局部连机过油\",\"满版连机过油\":\"满版连机过油\",\"割胶布过油\":\"割胶布过油\"},\"sParam8\":\"难度系数\",\"sParamDefault8\":\"1\",\"sParamNotEmpty8\":true,\"sParamFieldName8\":\"dDifficulty\",\"sParam11\":\"印刷类别\",\"sParamDefault11\":\"UV印刷\",\"sParamNotEmpty11\":true,\"sParamDropDown11\":{\"\":\"\",\"UV印刷\":\"UV印刷\",\"普通印刷\":\"普通印刷\"},\"sParam13\":\"工艺说明\",\"sParamDefault13\":\"\",\"sParamAssFieldName13\":\"sProcessMemo\",\"sParam15\":\"印色数\",\"sParamDefault15\":\"\",\"sParamNotEmpty15\":true,\"sParamFieldName15\":\"dColor\",\"sParamDropDownType15\":\"sql\",\"sParamAssignField15\":\"dColor:dColor\",\"sParamDropDown15\":\"select convert(num, CHAR) as dColor,convert(num, CHAR) as sId from tools_num where num > 0\",\"sParam188\":\"油墨类型\",\"sParamDefault188\":\"UV油墨\",\"sParamNotEmpty188\":true,\"sParamDropDown188\":{\"\":\"\",\"UV油墨\":\"UV油墨\",\"普通油墨\":\"普通油墨\",\"快干快亮\":\"快干快亮\",\"单凹油墨\":\"单凹油墨\"},\"sParam190\":\"喷头数量\",\"sParamDefault190\":\"0\",\"sParamFieldName190\":\"dNozzle\",\"sParamDropDown190\":{\"1\":\"1\",\"2\":\"2\",\"3\":\"3\",\"4\":\"4\",\"5\":\"5\",\"6\":\"6\",\"\":\"\"},\"sParam202\":\"印刷难度\",\"sParamDefault202\":\"\",\"sParamNotEmpty202\":true,\"sParamDropDown202\":{\"\":\"\",\"一般\":\"一般\",\"较难\":\"较难\",\"特别难\":\"特别难\"},\"sParam204\":\"联机喷码\",\"sParamDefault204\":\"否\",\"sParamNotEmpty204\":true,\"sParamDropDown204\":{\"\":\"\",\"是\":\"是\",\"否\":\"否\"},\"sParam215\":\"油座次序\",\"sParamDefault215\":\"\",\"sParamDropDown215\":{\"第二座\":\"第二座\",\"尾座\":\"尾座\",\"第二座+倒数第二座\":\"第二座+倒数第二座\",\"第二座+尾座\":\"第二座+尾座\"}}",
-            "sPrintProcessId": "15965213890005652467139846160000",
-            "sColor": "无",
-            "iSReserve1": 0,
-            "iSReserve2": 0,
-            "dAuxiliaryQty": 525,
-            "dPartsQty": 1000,
-            "iPositiveColor": null,
-            "sPartsName": "彩盒",
-            "materialsInfo": [
-                {
-                    "sMaterialsName": "80克双铜纸",
-                    "sMaterialsNo": "MT10060003",
-                    "sMaterialsId": "172129113112117482397809421",
-                    "sAuxiliaryUnit": "张",
-                    "sMaterialsUnit": "吨",
-                    "dGramWeight": 80,
-                    "sMaterialsType": "paper1",
-                    "dWlcd": 0,
-                    "dWlkd": 0
-                }
-            ],
-            "processInfo": [
-                {
-                    "sId": "17089381900007880227310835019000",
-                    "sType": "2",
-                    "bSetQty": 0,
-                    "bSetArea": 0,
-                    "sSetQtyUnt": null,
-                    "sProcessName": "击凸",
-                    "sProductClassifyId": "15735482290006892640743970644000",
-                    "sParams0": "击凸",
-                    "sProcessId": "17089381900007880227310835019000"
-                },
-                {
-                    "sId": "17024627410009815562058541627000",
-                    "sType": "2",
-                    "bSetQty": 1,
-                    "bSetArea": 1,
-                    "sSetQtyUnt": "处",
-                    "sProcessName": "烫金",
-                    "sProductClassifyId": "17024624750009231299092112470000",
-                    "sParams3": "烫金",
-                    "dManualLength": 1,
-                    "dManualWidth": 1,
-                    "dManualValue": 1,
-                    "dManualQty": 1,
-                    "sProcessId": "17024627410009815562058541627000"
-                }
-            ]
-        }
-    ]
-}
 \ No newline at end of file
@@ -126,3 +126,17 @@
   margin-top: 1rem;
   background-color: #dededf;
 }
+.tabsBox {
+  position: relative;
+  width: 100%;
+}
+.tabsBox .tabAddBtn {
+  position: absolute;
+  right: 0;
+  top: 0.75rem;
+}
+.tabsBox .tabClearBtn {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
@@ -115,23 +115,37 @@
     width: 3.5rem;
   }
 }
-.projectBtn{
+.projectBtn {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.boxTitle{
+.boxTitle {
   font-size: 1.5rem;
   font-weight: 700;
   margin-bottom: 2rem;
   margin-top: 1rem;
 }
-.quotationBody{
+.quotationBody {
   font-size: 1.25rem;
-  .line{
+  .line {
     width: 100%;
     height: 1px;
     margin-top: 1rem;
     background-color: #dededf;
   }
-}
 \ No newline at end of file
+}
+.tabsBox {
+  position: relative;
+  width: 100%;
+  .tabAddBtn {
+    position: absolute;
+    right: 0;
+    top: .75rem;
+  }
+  .tabClearBtn{
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}