快速报价样式

陈鑫涛
1 parent a831986a
Showing 4 changed files with 20 additions and 21 deletions
src/components/Common/Typesetting/typesetting.js
src/components/QuickQuote/index.css
src/components/QuickQuote/index.jsx
src/components/QuickQuote/index.less
@@ -74,7 +74,7 @@ const Typesetting = props =&gt; {
   const svgBox = useRef(null);
   const svgBoxs = useRef(null);
   // 获取外层盒子尺寸
-  const clientWidth = boxWidth || 400;
+  const clientWidth = boxWidth || 370;
   const clientHeight = boxHeight || 300;
   // 动态计算边距的总和
   const totalLeftMargin = dZBLB + dYBLB;
@@ -165,15 +165,11 @@
   width: 100%;
   height: auto;
   display: flex;
-  align-items: center;
 }
 .quickQuote .content .rightContent .boxPart1 .boxPart1Right .boxRreview :global .ant-carousel .slick-dots li button {
   background-color: #000;
   /* 未激活时的指示器颜色 */
 }
-.quickQuote .content .rightContent .boxPart1 .boxPart1Right .boxRreview :global .ant-image {
-  padding: 15px;
-}
 .quickQuote .content .rightContent .boxPart1 .boxPart1Right .boxRreview .noImg {
   width: 300px;
   height: 300px;
@@ -288,6 +284,14 @@
   align-items: center;
   justify-content: space-around;
 }
+.quickQuote .content .rightContent .materialsLine .materialsBtns :global button {
+  padding: 0;
+  width: 16px;
+  height: 16px;
+}
+.quickQuote .content .rightContent .materialsLine .materialsBtns :global button > span {
+  font-size: 10px;
+}
 .quickQuote .content .rightContent .materialsLine .materialsBtns :global .ant-btn:nth-child(2) {
   background-color: #53b637;
   border-color: #53b637;
@@ -2053,7 +2053,7 @@ console.log(slaveConfig.gdsconfigformslave.filter(item=&gt;{ return item.iTag === 1
     ...props,
     boxList,
     dSvgBoxWidth: 300,
-    dSvgBoxHeight: 300,
+    dSvgBoxHeight: 290,
     showNew: 1,
   };
   // upViewProps.viewRow =
@@ -2145,32 +2145,26 @@ console.log(slaveConfig.gdsconfigformslave.filter(item=&gt;{ return item.iTag === 1
                         <div className={styles.boxRreview}>
                           <Image.PreviewGroup>
                             {svgProps.boxList.length ? (
-                              <div style={{ width: " 300px", height: "300px" }}>
+                              <div style={{ width: " 300px", height: "290px",backgroundColor: "#fff",borderRight: "1px solid #ccc" }}>
                                 <DynamicSVG {...svgProps} />
                               </div>
                             ) : (
                               <div className={styles.noImg}>{noImage}</div>
                             )}
-                            {/* {svgProps.boxList.length ? (
-                              slaveRowData.sPackDetailPathUpLoad ? 
-                              <Image width={300} src={slaveRowData.sPackDetailPathUpLoad} />:
-                              <div style={{ width: " 300px", height: "300px" }}>
-                                <DynamicSVG {...svgProps} />
-                              </div>
-                            ) : (
-                              <div className={styles.noImg}>暂无图片</div>
-                            )} */}
+                          
                             {/* <div className={styles.boxRreviewTitile}>展开图</div> */}
                             {slaveRowData.sPackPath ? (
                               // <Image width={300} src={slaveRowData.sPackPath} />
  
-                              <Carousel style={{ width: "300px", height: "300px" }} className={styles.carousel} dots>
+                              <div style={{ width: "300px", height: "300px" }}>
+                                <Carousel   dots>
                                 {imagesData.map((image, index) => (
                                   <div key={index} className="carousel-item">
-                                    <Image width={300} src={image.src} alt={image.alt} />
+                                    <Image  src={image.src} alt={image.alt} />
                                   </div>
                                 ))}
                               </Carousel>
+                              </div>
                             ) : (
                               <div className={styles.noImg}>{noImage}</div>
                             )}
@@ -2197,7 +2191,7 @@ console.log(slaveConfig.gdsconfigformslave.filter(item=&gt;{ return item.iTag === 1
                     {cailiaoyinshuaDiv}
                   </div>
                   <div>
-                    <div>
+                    <div style={{width:'600px',height:'300px'}}>
                       <div className={styles.boxComponent}>
                         <Typesetting {...boxProps} onSaveStates={handleSaveState} onSaveDPartsLength={onSaveDPartsLength} />
                       </div>
@@ -206,7 +206,7 @@
             width: 100%;
             height: auto;
             display: flex;
-            align-items: center;
+            // align-items: center;
  
             :global .ant-carousel .slick-dots li button {
               background-color: #000;
@@ -215,7 +215,8 @@
  
             :global {
               .ant-image {
-                padding: 15px;
+                // padding: 15px;
+              
               }
             }