xlyErp / xlyUmi

Commit ff302d0cb71684388f81deb6556417686338ff9c

Authored by Min
2 parents 20bbafde 1cbbd392

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

Inline Side-by-side
Showing 5 changed files with 263 additions and 169 deletions
src/components/Common/BoxDesign/createAirplaneBox.js
  View file @ff302d0
... ... @@ -2,8 +2,9 @@
2 2 // 创建飞机盒盒身
3 3 const boxContent = (width, height, offsetX, offsetY) => {
4 4 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
5   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} L ${offsetX + width} ${offsetY + height} L ${offsetX +
6   - width} ${offsetY} L ${offsetX} ${offsetY} Z`;
  5 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} L ${offsetX + width} ${offsetY + height} L ${
  6 + offsetX + width
  7 + } ${offsetY} L ${offsetX} ${offsetY} Z`;
7 8 svg.setAttribute("d", d);
8 9 svg.setAttribute("fill", "transparent");
9 10 svg.setAttribute("stroke", "#333");
... ... @@ -14,8 +15,9 @@ const boxContent = (width, height, offsetX, offsetY) => {
14 15 // 创建飞机盒上盒部件
15 16 const createBoxTop = (width, height, offsetX, offsetY, outerWidth) => {
16 17 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
17   - const d = `M ${offsetX} ${offsetY} L ${width} ${offsetY} A ${height} ${height} 0 0 1 ${width + outerWidth} ${offsetX} L ${offsetX -
18   - outerWidth} ${offsetY + height} A ${height} ${height} 0 0 1 ${offsetX} ${offsetY}`;
  18 + const d = `M ${offsetX} ${offsetY} L ${width} ${offsetY} A ${height} ${height} 0 0 1 ${width + outerWidth} ${offsetX} L ${offsetX - outerWidth} ${
  19 + offsetY + height
  20 + } A ${height} ${height} 0 0 1 ${offsetX} ${offsetY}`;
19 21 svg.setAttribute("d", d);
20 22 svg.setAttribute("fill", "transparent");
21 23 svg.setAttribute("stroke", "#333");
... ... @@ -25,8 +27,9 @@ const createBoxTop = (width, height, offsetX, offsetY, outerWidth) => {
25 27 // 创建飞机左上部件
26 28 const createBoxLeftTop = (width, height, offsetX, offsetY, isLeft) => {
27 29 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
28   - const d = `M ${offsetX} ${offsetY} L ${offsetX - width + (isLeft ? 5 : -5)} ${offsetY + 5} A 10 10 0 0 ${isLeft ? 0 : 1} ${offsetX -
29   - width} ${offsetY + 15} L ${offsetX - width} ${offsetY + height - 15}
  30 + const d = `M ${offsetX} ${offsetY} L ${offsetX - width + (isLeft ? 5 : -5)} ${offsetY + 5} A 10 10 0 0 ${isLeft ? 0 : 1} ${offsetX - width} ${
  31 + offsetY + 15
  32 + } L ${offsetX - width} ${offsetY + height - 15}
30 33 A 10 10 0 0 ${isLeft ? 0 : 1} ${offsetX - width + (isLeft ? 5 : -5)} ${offsetY + height - 5} L ${offsetX} ${offsetY + height}`;
31 34 svg.setAttribute("d", d);
32 35 svg.setAttribute("fill", "transparent");
... ... @@ -117,9 +120,9 @@ export const createTrapezoid = (height, offsetX, offsetY, size) => {
117 120 // 左上盒舌 盒舌 x轴原点 y轴原点 高度 x轴方向偏移 y轴方向偏移 是否瞬时针 是否镜像 type0
118 121 export const createTopTongue = (width, offsetX, offsetY, size, xz, yz, clockwise, isMirror, az, jxY) => {
119 122 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
120   - const d = `M ${offsetX} ${offsetY} L ${offsetX + xz} ${offsetY + az} L ${offsetX + xz} ${offsetY - size} L ${offsetX +
121   - width -
122   - (isMirror ? -(yz * 2) : yz * 2)} ${offsetY - size}
  123 + const d = `M ${offsetX} ${offsetY} L ${offsetX + xz} ${offsetY + az} L ${offsetX + xz} ${offsetY - size} L ${
  124 + offsetX + width - (isMirror ? -(yz * 2) : yz * 2)
  125 + } ${offsetY - size}
123 126 A ${yz} ${yz} 0 0 ${clockwise} ${offsetX + width - (isMirror ? -yz : yz)} ${offsetY - size + jxY} L ${offsetX + width} ${offsetY}`;
124 127 svg.setAttribute("d", d);
125 128 svg.setAttribute("fill", "transparent");
... ... @@ -130,9 +133,9 @@ export const createTopTongue = (width, offsetX, offsetY, size, xz, yz, clockwise
130 133 // 下边
131 134 export const createBottomTongue = (width, offsetX, offsetY, size, xz, yz, clockwise, isMirror, az, jxY) => {
132 135 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
133   - const d = `M ${offsetX} ${offsetY} L ${offsetX + xz} ${offsetY + az} L ${offsetX + xz} ${offsetY - size} L ${offsetX +
134   - width -
135   - (isMirror ? -(yz * 2) : yz * 2)} ${offsetY - size}
  136 + const d = `M ${offsetX} ${offsetY} L ${offsetX + xz} ${offsetY + az} L ${offsetX + xz} ${offsetY - size} L ${
  137 + offsetX + width - (isMirror ? -(yz * 2) : yz * 2)
  138 + } ${offsetY - size}
136 139 A ${yz} ${yz} 0 0 ${clockwise} ${offsetX + width - (isMirror ? -yz : yz)} ${offsetY - size + jxY} L ${offsetX + width} ${offsetY}`;
137 140 svg.setAttribute("d", d);
138 141 svg.setAttribute("fill", "transparent");
... ... @@ -143,8 +146,9 @@ export const createBottomTongue = (width, offsetX, offsetY, size, xz, yz, clockw
143 146 // 上盒舌类型1
144 147 export const createTopTongueType1 = (width, offsetX, offsetY, size, xz, yz) => {
145 148 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
146   - const d = `M ${offsetX} ${offsetY} L ${offsetX + xz} ${offsetY + size} L ${offsetX + width - xz + yz} ${offsetY + size} L${offsetX +
147   - width} ${offsetY} `;
  149 + const d = `M ${offsetX} ${offsetY} L ${offsetX + xz} ${offsetY + size} L ${offsetX + width - xz + yz} ${offsetY + size} L${
  150 + offsetX + width
  151 + } ${offsetY} `;
148 152 svg.setAttribute("d", d);
149 153 svg.setAttribute("fill", "transparent");
150 154 svg.setAttribute("stroke", "#333");
... ... @@ -156,8 +160,9 @@ export const createDynamicTop = (width, height, deep, offsetX, offsetY, size) =>
156 160 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
157 161 // 动态生成路径，基于输入参数
158 162 const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY - deep - size + isSignNum} A 2 2 0 0 1 ${offsetX + 2} ${offsetY - deep - size}
159   - L ${offsetX + width - 2} ${offsetY - deep - size} A 2 2 0 0 1 ${offsetX + width} ${offsetY - deep - size + isSignNum} L ${offsetX +
160   - width} ${offsetY - deep}
  163 + L ${offsetX + width - 2} ${offsetY - deep - size} A 2 2 0 0 1 ${offsetX + width} ${offsetY - deep - size + isSignNum} L ${offsetX + width} ${
  164 + offsetY - deep
  165 + }
161 166 L ${offsetX} ${offsetY - deep} L ${offsetX + width} ${offsetY - deep} L ${offsetX + width} ${offsetY} `;
162 167 svg.setAttribute("d", d);
163 168 svg.setAttribute("fill", "transparent");
... ... @@ -203,12 +208,13 @@ export const createText = (offsetX, offsetY, size, textContent) => {
203 208 export const createDoubleArrow = (height, offsetX, offsetY, scale) => {
204 209 const Y = -3 * (scale ? scale : 1);
205 210 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
206   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY - height / 2 - Y} L ${offsetX + Y} ${offsetY - height / 2 - Y} L ${offsetX} ${offsetY -
207   - height / 2}
  211 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY - height / 2 - Y} L ${offsetX + Y} ${offsetY - height / 2 - Y} L ${offsetX} ${
  212 + offsetY - height / 2
  213 + }
208 214 L ${offsetX - Y} ${offsetY - height / 2 - Y} L ${offsetX} ${offsetY - height / 2 - Y} L ${offsetX} ${offsetY + height / 2 + Y} L
209   - ${offsetX - Y} ${offsetY + height / 2 + Y} L ${offsetX} ${offsetY + height / 2} L ${offsetX + Y} ${offsetY +
210   - height / 2 +
211   - Y} L ${offsetX} ${offsetY + height / 2 + Y}`;
  215 + ${offsetX - Y} ${offsetY + height / 2 + Y} L ${offsetX} ${offsetY + height / 2} L ${offsetX + Y} ${offsetY + height / 2 + Y} L ${offsetX} ${
  216 + offsetY + height / 2 + Y
  217 + }`;
212 218 svg.setAttribute("d", d);
213 219 svg.setAttribute("fill", "#F5AD6C");
214 220 svg.setAttribute("stroke", "#F5AD6C");
... ... @@ -220,11 +226,12 @@ export const createDoubleArrow = (height, offsetX, offsetY, scale) => {
220 226 export const createHorizontalDoubleArrow = (width, offsetX, offsetY, scale) => {
221 227 const Y = 3 * (scale ? scale : 1);
222 228 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
223   - const d = `M ${offsetX} ${offsetY} L ${offsetX - width / 2 + Y} ${offsetY} L ${offsetX - width / 2 + Y} ${offsetY - Y} L ${offsetX -
224   - width / 2} ${offsetY}
225   - L ${offsetX - width / 2 + Y} ${offsetY + Y} L ${offsetX - width / 2 + Y} ${offsetY} L ${offsetX + width / 2 - Y} ${offsetY} L ${offsetX +
226   - width / 2 -
227   - Y} ${offsetY + Y} L ${offsetX + width / 2} ${offsetY}
  229 + const d = `M ${offsetX} ${offsetY} L ${offsetX - width / 2 + Y} ${offsetY} L ${offsetX - width / 2 + Y} ${offsetY - Y} L ${
  230 + offsetX - width / 2
  231 + } ${offsetY}
  232 + L ${offsetX - width / 2 + Y} ${offsetY + Y} L ${offsetX - width / 2 + Y} ${offsetY} L ${offsetX + width / 2 - Y} ${offsetY} L ${
  233 + offsetX + width / 2 - Y
  234 + } ${offsetY + Y} L ${offsetX + width / 2} ${offsetY}
228 235 L ${offsetX + width / 2 - Y} ${offsetY - Y} L ${offsetX + width / 2 - Y} ${offsetY}`;
229 236 svg.setAttribute("d", d);
230 237 svg.setAttribute("fill", "#F5AD6C");
... ... @@ -437,7 +444,10 @@ export function createBoxs(slaveRowData) {
437 444 export function createHeavenBox(slaveRowData) {
438 445 const pathList = [];
439 446 const { W, L, D, dF, dF1, dD1, dZBJJ } = slaveRowData;
440   - const rectangles = [{ x: 0, y: 0, width: L, height: W }, { x: L + D + dZBJJ + dD1, y: -2, width: L + 4, height: W + 4 }];
  447 + const rectangles = [
  448 + { x: 0, y: 0, width: L, height: W },
  449 + { x: L + D + dZBJJ + dD1, y: -2, width: L + 4, height: W + 4 },
  450 + ];
441 451 rectangles.forEach(x => {
442 452 pathList.push(boxContent(x.width, x.height, x.x, x.y));
443 453 });
... ... @@ -513,8 +523,9 @@ export function createDiscBox(slaveRowData) {
513 523 // 展示盒f1
514 524 const createShowBoxF1 = (width, height, offsetX, offsetY, size) => {
515 525 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
516   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + size} L ${offsetX - width} ${offsetY + size + 1} L ${offsetX - width} ${offsetY +
517   - height} L ${offsetX} ${offsetY + height} Z`;
  526 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + size} L ${offsetX - width} ${offsetY + size + 1} L ${offsetX - width} ${
  527 + offsetY + height
  528 + } L ${offsetX} ${offsetY + height} Z`;
518 529 svg.setAttribute("d", d);
519 530 svg.setAttribute("fill", "transparent");
520 531 svg.setAttribute("stroke", "#333");
... ... @@ -546,7 +557,11 @@ const createShowBoxF2 = (width, height, offsetX, offsetY, size) => {
546 557 export function createShowBox(slaveRowData) {
547 558 const pathList = [];
548 559 const { L, W, D, dD2, dF1, dF2 } = slaveRowData;
549   - const rectangles = [{ x: 0, y: 0, width: D, height: W }, { x: D, y: 0, width: L, height: W }, { x: D + L, y: 0, width: dD2, height: W }];
  560 + const rectangles = [
  561 + { x: 0, y: 0, width: D, height: W },
  562 + { x: D, y: 0, width: L, height: W },
  563 + { x: D + L, y: 0, width: dD2, height: W },
  564 + ];
550 565 rectangles.forEach(x => {
551 566 pathList.push(boxContent(x.width, x.height, x.x, x.y));
552 567 });
... ... @@ -578,8 +593,9 @@ export function createShowBox(slaveRowData) {
578 593 // 内衬槽
579 594 const createInnerLiningGroove = (width, height, offsetX, offsetY) => {
580 595 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
581   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height - width / 2} A ${width / 2} ${width / 2} 0 0 0 ${offsetX - width} ${offsetY +
582   - height} L ${offsetX - width} ${offsetY}`;
  596 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height - width / 2} A ${width / 2} ${width / 2} 0 0 0 ${offsetX - width} ${
  597 + offsetY + height
  598 + } L ${offsetX - width} ${offsetY}`;
583 599 svg.setAttribute("d", d);
584 600 svg.setAttribute("fill", "transparent");
585 601 svg.setAttribute("stroke", "#333");
... ... @@ -610,8 +626,9 @@ export function createLiningBox(slaveRowData) {
610 626 }
611 627 const createDiagonalEdging = (width, height, offsetX, offsetY) => {
612 628 const svg = document.createElementNS("http://www.w3.org/2000/svg", "path");
613   - const d = `M ${offsetX} ${offsetY} L ${offsetX + 5} ${offsetY + height} L ${offsetX + width - 5} ${offsetY + height} L${offsetX +
614   - width} ${offsetY}`;
  629 + const d = `M ${offsetX} ${offsetY} L ${offsetX + 5} ${offsetY + height} L ${offsetX + width - 5} ${offsetY + height} L${
  630 + offsetX + width
  631 + } ${offsetY}`;
615 632 svg.setAttribute("d", d);
616 633 svg.setAttribute("fill", "transparent");
617 634 svg.setAttribute("stroke", "#333");
... ... @@ -671,14 +688,16 @@ export const createLineWeltTop = (width, height, offsetX, offsetY) => {
671 688  
672 689 // 上方盒舌等腰梯形
673 690 export const createIsoscelesTrapezoidWeltTop = (width, height, offsetX, offsetY) => {
674   - const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.1} ${offsetY + height} L ${offsetX + width * 0.9} ${offsetY + height} L ${offsetX +
675   - width} ${offsetY}`;
  691 + const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.1} ${offsetY + height} L ${offsetX + width * 0.9} ${offsetY + height} L ${
  692 + offsetX + width
  693 + } ${offsetY}`;
676 694 return createSvg(d);
677 695 };
678 696 // 盒舌梯形
679 697 export const createTrapezoidWeltTop = (width, height, offsetX, offsetY) => {
680   - const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.5} ${offsetY + height} L ${offsetX + width * 0.9} ${offsetY + height} L ${offsetX +
681   - width} ${offsetY}`;
  698 + const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.5} ${offsetY + height} L ${offsetX + width * 0.9} ${offsetY + height} L ${
  699 + offsetX + width
  700 + } ${offsetY}`;
682 701 return createSvg(d);
683 702 };
684 703 // 盒舌折叠
... ... @@ -698,8 +717,9 @@ export const createFoldWeltTopLine = (width, height, offsetX, offsetY) => {
698 717 export const createRoundedCornersWeltTop = (width, height, offsetX, offsetY) => {
699 718 const isNegative = (width > 0 && height > 0) || (width < 0 && height < 0);
700 719  
701   - const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.1} ${offsetY + height * 0.9} L ${offsetX + width} ${offsetY + height} L ${offsetX +
702   - width} ${offsetY}`;
  720 + const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.1} ${offsetY + height * 0.9} L ${offsetX + width} ${offsetY + height} L ${
  721 + offsetX + width
  722 + } ${offsetY}`;
703 723 return createSvg(d);
704 724 };
705 725 // 盒底组件 直角
... ... @@ -707,29 +727,28 @@ export const createRightAngleBoxBottomComponent = (width, deep, size, offsetX, o
707 727 const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + size} L ${offsetX + width} ${offsetY + size} L ${offsetX + width} ${offsetY}
708 728 L ${offsetX + width} ${offsetY + size} L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + deep} ${offsetY}
709 729 L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + deep + width} ${offsetY + size} L ${offsetX + width + deep + width} ${offsetY}
710   - L ${offsetX + width + deep + width} ${offsetY + size} L ${offsetX + width + deep + width + deep} ${offsetY + size} L ${offsetX +
711   - width +
712   - deep +
713   - width +
714   - deep} ${offsetY}`;
  730 + L ${offsetX + width + deep + width} ${offsetY + size} L ${offsetX + width + deep + width + deep} ${offsetY + size} L ${
  731 + offsetX + width + deep + width + deep
  732 + } ${offsetY}`;
715 733 return createSvg(d);
716 734 };
717 735 // 盒底组件 5002
718 736 export const createBoxBottomComponent1 = (width, deep, size, offsetX, offsetY) => {
719   - const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.2} ${offsetY + size * 0.5} L ${offsetX + width * 0.2} ${offsetY + size} L ${offsetX +
720   - width * 0.8} ${offsetY + size} L ${offsetX + width * 0.8} ${offsetY + size * 0.5} L ${offsetX + width} ${offsetY}
721   - L ${offsetX + width} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${offsetY +
722   - size * 0.5} L ${offsetX + width + deep} ${offsetY}
723   - L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + deep + width * 0.2} ${offsetY + size} L ${offsetX +
724   - width +
725   - deep +
726   - width * 0.2} ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.8} ${offsetY + size * 0.5} L ${offsetX +
727   - width +
728   - deep +
729   - width * 0.8} ${offsetY + size}
  737 + const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.2} ${offsetY + size * 0.5} L ${offsetX + width * 0.2} ${offsetY + size} L ${
  738 + offsetX + width * 0.8
  739 + } ${offsetY + size} L ${offsetX + width * 0.8} ${offsetY + size * 0.5} L ${offsetX + width} ${offsetY}
  740 + L ${offsetX + width} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${
  741 + offsetY + size * 0.5
  742 + } L ${offsetX + width + deep} ${offsetY}
  743 + L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + deep + width * 0.2} ${offsetY + size} L ${
  744 + offsetX + width + deep + width * 0.2
  745 + } ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.8} ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.8} ${
  746 + offsetY + size
  747 + }
730 748 L ${offsetX + width + deep + width} ${offsetY + size} L ${offsetX + width + deep + width} ${offsetY}
731   - L ${offsetX + width + deep + width + deep * 0.5} ${offsetY + size * 0.5} L ${offsetX + width + deep + width + deep * 0.5} ${offsetY +
732   - size} L ${offsetX + width + deep + width + deep} ${offsetY + size} L ${offsetX + width + deep + width + deep} ${offsetY}
  749 + L ${offsetX + width + deep + width + deep * 0.5} ${offsetY + size * 0.5} L ${offsetX + width + deep + width + deep * 0.5} ${offsetY + size} L ${
  750 + offsetX + width + deep + width + deep
  751 + } ${offsetY + size} L ${offsetX + width + deep + width + deep} ${offsetY}
733 752 `;
734 753 return createSvg(d);
735 754 };
... ... @@ -737,17 +756,17 @@ export const createBoxBottomComponent1 = (width, deep, size, offsetX, offsetY) =
737 756 export const createBoxBottomComponent2 = (width, deep, size, offsetX, offsetY) => {
738 757 const d = `M ${offsetX} ${offsetY}
739 758 L ${offsetX + width * 0.2} ${offsetY + size} L ${offsetX + width * 0.8} ${offsetY + size} L ${offsetX + width} ${offsetY}
740   - L ${offsetX + width} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${offsetY +
741   - size * 0.5} L ${offsetX + width + deep} ${offsetY}
742   - L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + deep + width * 0.2} ${offsetY + size} L ${offsetX +
743   - width +
744   - deep +
745   - width * 0.2} ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.8} ${offsetY + size * 0.5} L ${offsetX +
746   - width +
747   - deep +
748   - width * 0.8} ${offsetY + size} ${offsetX + width + deep + width} ${offsetY + size} L ${offsetX + width + deep + width} ${offsetY}
749   - L ${offsetX + width + deep + width + deep * 0.5} ${offsetY + size * 0.5} L ${offsetX + width + deep + width + deep * 0.5} ${offsetY +
750   - size} L ${offsetX + width + deep + width + deep} ${offsetY + size} L ${offsetX + width + deep + width + deep} ${offsetY}
  759 + L ${offsetX + width} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${
  760 + offsetY + size * 0.5
  761 + } L ${offsetX + width + deep} ${offsetY}
  762 + L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + deep + width * 0.2} ${offsetY + size} L ${
  763 + offsetX + width + deep + width * 0.2
  764 + } ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.8} ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.8} ${
  765 + offsetY + size
  766 + } ${offsetX + width + deep + width} ${offsetY + size} L ${offsetX + width + deep + width} ${offsetY}
  767 + L ${offsetX + width + deep + width + deep * 0.5} ${offsetY + size * 0.5} L ${offsetX + width + deep + width + deep * 0.5} ${offsetY + size} L ${
  768 + offsetX + width + deep + width + deep
  769 + } ${offsetY + size} L ${offsetX + width + deep + width + deep} ${offsetY}
751 770  
752 771 `;
753 772 return createSvg(d);
... ... @@ -755,20 +774,18 @@ export const createBoxBottomComponent2 = (width, deep, size, offsetX, offsetY) =
755 774 // 盒底组件 5004
756 775 export const createBoxBottomComponent3 = (width, deep, size, offsetX, offsetY) => {
757 776 const d = `M ${offsetX} ${offsetY}
758   - L ${offsetX + width * 0.05} ${offsetY + size} L ${offsetX + width * 0.25} ${offsetY + size} L ${offsetX + width * 0.5} ${offsetY +
759   - size * 0.5} L ${offsetX + width * 0.75} ${offsetY + size} L ${offsetX + width * 0.95} ${offsetY + size} L ${offsetX + width} ${offsetY}
  777 + L ${offsetX + width * 0.05} ${offsetY + size} L ${offsetX + width * 0.25} ${offsetY + size} L ${offsetX + width * 0.5} ${offsetY + size * 0.5} L ${
  778 + offsetX + width * 0.75
  779 + } ${offsetY + size} L ${offsetX + width * 0.95} ${offsetY + size} L ${offsetX + width} ${offsetY}
760 780 L ${offsetX + width + deep * 0.1} ${offsetY + size} L ${offsetX + width + deep * 0.5} ${offsetY + size} L ${offsetX + width + deep} ${offsetY}
761   - L ${offsetX + width + deep + width * 0.05} ${offsetY + size} L ${offsetX + width + deep + width * 0.25} ${offsetY + size} L ${offsetX +
762   - width +
763   - deep +
764   - width * 0.5} ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.75} ${offsetY + size} L ${offsetX +
765   - width +
766   - deep +
767   - width * 0.95} ${offsetY + size} L ${offsetX + width + deep + width} ${offsetY}
768   - L ${offsetX + width * 2 + deep + deep * 0.5} ${offsetY + size} L ${offsetX + width * 2 + deep + deep * 0.9} ${offsetY + size} L ${offsetX +
769   - width * 2 +
770   - deep +
771   - deep} ${offsetY + size} L ${offsetX + width * 2 + deep * 2} ${offsetY}
  781 + L ${offsetX + width + deep + width * 0.05} ${offsetY + size} L ${offsetX + width + deep + width * 0.25} ${offsetY + size} L ${
  782 + offsetX + width + deep + width * 0.5
  783 + } ${offsetY + size * 0.5} L ${offsetX + width + deep + width * 0.75} ${offsetY + size} L ${offsetX + width + deep + width * 0.95} ${
  784 + offsetY + size
  785 + } L ${offsetX + width + deep + width} ${offsetY}
  786 + L ${offsetX + width * 2 + deep + deep * 0.5} ${offsetY + size} L ${offsetX + width * 2 + deep + deep * 0.9} ${offsetY + size} L ${
  787 + offsetX + width * 2 + deep + deep
  788 + } ${offsetY + size} L ${offsetX + width * 2 + deep * 2} ${offsetY}
772 789 `;
773 790 return createSvg(d);
774 791 };
... ... @@ -778,9 +795,9 @@ export const createBoxBottomComponent4 = (width, deep, size, offsetX, offsetY) =
778 795 L ${offsetX} ${offsetY + size} L ${offsetX + width * 0.3} ${offsetY + size} L ${offsetX + width} ${offsetY}
779 796 L ${offsetX + width} ${offsetY + size} L ${offsetX + width + deep * 0.3} ${offsetY + size} L ${offsetX + width + deep} ${offsetY}
780 797 L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + deep + width * 0.3} ${offsetY + size} L ${offsetX + width * 2 + deep} ${offsetY}
781   - L ${offsetX + width * 2 + deep} ${offsetY + size} L ${offsetX + width * 2 + deep + deep * 0.3} ${offsetY + size} L ${offsetX +
782   - width * 2 +
783   - deep * 2} ${offsetY}
  798 + L ${offsetX + width * 2 + deep} ${offsetY + size} L ${offsetX + width * 2 + deep + deep * 0.3} ${offsetY + size} L ${
  799 + offsetX + width * 2 + deep * 2
  800 + } ${offsetY}
784 801 `;
785 802 return createSvg(d);
786 803 }; // 盒底组件 5006
... ... @@ -801,16 +818,12 @@ export const createBoxBottomComponent6 = (width, deep, size, offsetX, offsetY) =
801 818 L ${offsetX + width + deep * 0.8} ${offsetY + size} A ${size * 0.1} ${size * 0.1} 0 0 0 ${offsetX + width + deep * 0.8} ${offsetY + size * 0.7}
802 819 L ${offsetX + width + deep} ${offsetY}
803 820 L ${offsetX + width + deep} ${offsetY + size} L ${offsetX + width + width + deep} ${offsetY + size} L ${offsetX + width + deep + width} ${offsetY}
804   - L ${offsetX + width + deep + width + deep * 0.2} ${offsetY + size * 0.7} A ${size * 0.1} ${size * 0.1} 0 0 0 ${offsetX +
805   - width +
806   - deep +
807   - width +
808   - deep * 0.2} ${offsetY + size}
809   - L ${offsetX + width + deep + width + deep * 0.8} ${offsetY + size} A ${size * 0.1} ${size * 0.1} 0 0 0 ${offsetX +
810   - width +
811   - deep +
812   - width +
813   - deep * 0.8} ${offsetY + size * 0.7}
  821 + L ${offsetX + width + deep + width + deep * 0.2} ${offsetY + size * 0.7} A ${size * 0.1} ${size * 0.1} 0 0 0 ${
  822 + offsetX + width + deep + width + deep * 0.2
  823 + } ${offsetY + size}
  824 + L ${offsetX + width + deep + width + deep * 0.8} ${offsetY + size} A ${size * 0.1} ${size * 0.1} 0 0 0 ${
  825 + offsetX + width + deep + width + deep * 0.8
  826 + } ${offsetY + size * 0.7}
814 827 L ${offsetX + width + deep + width + deep} ${offsetY}
815 828 `;
816 829 return createSvg(d);
... ... @@ -828,31 +841,35 @@ export const createBoxComponentNew1 = (width, deep, size, offsetX, offsetY) =&gt; {
828 841 };
829 842 // 部件2
830 843 export const createBoxComponentNew2 = (width, deep, size, offsetX, offsetY) => {
831   - const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.4} ${offsetY} L ${offsetX + width * 0.4} ${offsetY + size} L ${offsetX +
832   - width * 0.6} ${offsetY + size} L ${offsetX + width * 0.6} ${offsetY} L ${offsetX + width} ${offsetY}`;
  844 + const d = `M ${offsetX} ${offsetY} L ${offsetX + width * 0.4} ${offsetY} L ${offsetX + width * 0.4} ${offsetY + size} L ${offsetX + width * 0.6} ${
  845 + offsetY + size
  846 + } L ${offsetX + width * 0.6} ${offsetY} L ${offsetX + width} ${offsetY}`;
833 847 return createSvg(d);
834 848 };
835 849 // 部件3
836 850 export const createBoxComponentNew3 = (width, deep, size, offsetX, offsetY) => {
837   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + deep * 2} L ${offsetX + width * 0.2} ${offsetY + deep * 2} L ${offsetX +
838   - width * 0.2} ${offsetY + deep * 2 + size} L ${offsetX + width * 0.4} ${offsetY + deep * 2 + size}
839   - L ${offsetX + width * 0.4} ${offsetY + deep * 2} L ${offsetX + width * 0.6} ${offsetY + deep * 2} L${offsetX + width * 0.6} ${offsetY +
840   - deep * 2 +
841   - size} L ${offsetX + width * 0.8} ${offsetY + deep * 2 + size} L ${offsetX + width * 0.8} ${offsetY + deep * 2}
842   - L ${offsetX + width} ${offsetY + deep * 2} L ${offsetX + width} ${offsetY + deep} L ${offsetX} ${offsetY + deep} L ${offsetX + width} ${offsetY +
843   - deep} ${offsetX + width} ${offsetY}`;
  851 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + deep * 2} L ${offsetX + width * 0.2} ${offsetY + deep * 2} L ${offsetX + width * 0.2} ${
  852 + offsetY + deep * 2 + size
  853 + } L ${offsetX + width * 0.4} ${offsetY + deep * 2 + size}
  854 + L ${offsetX + width * 0.4} ${offsetY + deep * 2} L ${offsetX + width * 0.6} ${offsetY + deep * 2} L${offsetX + width * 0.6} ${
  855 + offsetY + deep * 2 + size
  856 + } L ${offsetX + width * 0.8} ${offsetY + deep * 2 + size} L ${offsetX + width * 0.8} ${offsetY + deep * 2}
  857 + L ${offsetX + width} ${offsetY + deep * 2} L ${offsetX + width} ${offsetY + deep} L ${offsetX} ${offsetY + deep} L ${offsetX + width} ${
  858 + offsetY + deep
  859 + } ${offsetX + width} ${offsetY}`;
844 860 return createSvg(d);
845 861 };
846 862 // 部件4
847 863 export const createBoxComponentNew4 = (width, deep, size, offsetX, offsetY) => {
848   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + deep * 2} L ${offsetX + width} ${offsetY + deep * 2} L ${offsetX + width} ${offsetY +
849   - deep} L ${offsetX} ${offsetY + deep} L ${offsetX + width} ${offsetY + deep} L ${offsetX + width} ${offsetY}
850   - M ${offsetX + width * 0.3} ${offsetY + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY + deep * 0.6} L ${offsetX + width * 0.7} ${offsetY +
851   - deep * 0.6} L ${offsetX + width * 0.7} ${offsetY + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY + deep * 0.8}
852   - M ${offsetX + width * 0.3} ${offsetY + deep + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY + deep + deep * 0.6} L ${offsetX +
853   - width * 0.7} ${offsetY + deep + deep * 0.6} L ${offsetX + width * 0.7} ${offsetY + deep + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY +
854   - deep +
855   - deep * 0.8}
  864 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + deep * 2} L ${offsetX + width} ${offsetY + deep * 2} L ${offsetX + width} ${
  865 + offsetY + deep
  866 + } L ${offsetX} ${offsetY + deep} L ${offsetX + width} ${offsetY + deep} L ${offsetX + width} ${offsetY}
  867 + M ${offsetX + width * 0.3} ${offsetY + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY + deep * 0.6} L ${offsetX + width * 0.7} ${
  868 + offsetY + deep * 0.6
  869 + } L ${offsetX + width * 0.7} ${offsetY + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY + deep * 0.8}
  870 + M ${offsetX + width * 0.3} ${offsetY + deep + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY + deep + deep * 0.6} L ${offsetX + width * 0.7} ${
  871 + offsetY + deep + deep * 0.6
  872 + } L ${offsetX + width * 0.7} ${offsetY + deep + deep * 0.8} L ${offsetX + width * 0.3} ${offsetY + deep + deep * 0.8}
856 873 `;
857 874 return createSvg(d);
858 875 };
... ... @@ -884,47 +901,68 @@ export const createBoxComponentNew6 = (width, deep, size, offsetX, offsetY) =&gt; {
884 901 };
885 902 // 贴边1
886 903 export const createWelt = (height, size, offsetX, offsetY) => {
887   - const d = `M ${offsetX} ${offsetY} L ${offsetX + size * 0.6} ${offsetY} L ${offsetX + size * 0.6} ${offsetY + height} L ${offsetX +
888   - size * 0.6} ${offsetY} L ${offsetX + size} ${offsetY + height * 0.1} L ${offsetX + size} ${offsetY + height * 0.9} L ${offsetX +
889   - size * 0.6} ${offsetY + height} L ${offsetX} ${offsetY + height}`;
  904 + const d = `M ${offsetX} ${offsetY} L ${offsetX + size * 0.6} ${offsetY} L ${offsetX + size * 0.6} ${offsetY + height} L ${
  905 + offsetX + size * 0.6
  906 + } ${offsetY} L ${offsetX + size} ${offsetY + height * 0.1} L ${offsetX + size} ${offsetY + height * 0.9} L ${offsetX + size * 0.6} ${
  907 + offsetY + height
  908 + } L ${offsetX} ${offsetY + height}`;
890 909 return createSvg(d);
891 910 };
892 911 // 贴边1
893 912 export const createWelt1 = (height, size, offsetX, offsetY) => {
894   - const d = `M ${offsetX} ${offsetY} L ${offsetX + size} ${offsetY + height * 0.1} L ${offsetX + size} ${offsetY +
895   - height * 0.9} L ${offsetX} ${offsetY + height}`;
  913 + const d = `M ${offsetX} ${offsetY} L ${offsetX + size} ${offsetY + height * 0.1} L ${offsetX + size} ${offsetY + height * 0.9} L ${offsetX} ${
  914 + offsetY + height
  915 + }`;
896 916 return createSvg(d);
897 917 };
898 918 // 贴边2
899 919 export const createWelt2 = (height, size, offsetX, offsetY) => {
900   - const d = `M ${offsetX} ${offsetY} L ${offsetX + size} ${offsetY} A ${size * 0.5} ${size} 0 0 1 ${offsetX + size * 0.5} ${offsetY +
901   - size} A ${size * 0.5} ${size} 0 0 1 ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} A ${size * 0.5} ${size} 0 0 1 ${offsetX +
902   - size * 0.5} ${offsetY + height + Math.abs(size)} A ${size * 0.5} ${size} 0 0 1 ${offsetX + size} ${offsetY + height} L ${offsetX +
903   - size} ${offsetY} L ${offsetX + size} ${offsetY + height} L ${offsetX} ${offsetY + height}`;
  920 + const d = `M ${offsetX} ${offsetY} L ${offsetX + size} ${offsetY} A ${size * 0.5} ${size} 0 0 1 ${offsetX + size * 0.5} ${offsetY + size} A ${
  921 + size * 0.5
  922 + } ${size} 0 0 1 ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} A ${size * 0.5} ${size} 0 0 1 ${offsetX + size * 0.5} ${
  923 + offsetY + height + Math.abs(size)
  924 + } A ${size * 0.5} ${size} 0 0 1 ${offsetX + size} ${offsetY + height} L ${offsetX + size} ${offsetY} L ${offsetX + size} ${
  925 + offsetY + height
  926 + } L ${offsetX} ${offsetY + height}`;
904 927 return createSvg(d);
905 928 };
906 929 export const createWelt2Right = (height, size, offsetX, offsetY) => {
907   - const d = `M ${offsetX} ${offsetY} L ${offsetX + size} ${offsetY} A ${size * 0.5} ${size} 0 0 0 ${offsetX + size * 0.5} ${offsetY - size} A ${size *
908   - 0.5} ${size} 0 0 0 ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} A ${size * 0.5} ${size} 0 0 0 ${offsetX + size * 0.5} ${offsetY +
909   - height +
910   - Math.abs(size)} A ${size * 0.5} ${size} 0 0 0 ${offsetX + size} ${offsetY + height} L ${offsetX + size} ${offsetY} L ${offsetX + size} ${offsetY +
911   - height} L ${offsetX} ${offsetY + height}`;
  930 + const d = `M ${offsetX} ${offsetY} L ${offsetX + size} ${offsetY} A ${size * 0.5} ${size} 0 0 0 ${offsetX + size * 0.5} ${offsetY - size} A ${
  931 + size * 0.5
  932 + } ${size} 0 0 0 ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} A ${size * 0.5} ${size} 0 0 0 ${offsetX + size * 0.5} ${
  933 + offsetY + height + Math.abs(size)
  934 + } A ${size * 0.5} ${size} 0 0 0 ${offsetX + size} ${offsetY + height} L ${offsetX + size} ${offsetY} L ${offsetX + size} ${
  935 + offsetY + height
  936 + } L ${offsetX} ${offsetY + height}`;
912 937 return createSvg(d);
913 938 };
914 939 export const createWelt3 = (height, size, offsetX, offsetY) => {
915   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} L ${offsetX + size} ${offsetY + height} L ${offsetX + size} ${offsetY +
916   - size * 0.3} L ${offsetX} ${offsetY + size * 0.3} L ${offsetX} ${offsetY}`;
  940 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} L ${offsetX + size} ${offsetY + height} L ${offsetX + size} ${
  941 + offsetY + size * 0.3
  942 + } L ${offsetX} ${offsetY + size * 0.3} L ${offsetX} ${offsetY}`;
  943 + return createSvg(d);
  944 +};
  945 +export const createWelt4 = (height, size, offsetX, offsetY, dSFHS, dXFHS) => {
  946 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY - dSFHS} L ${offsetX + size} ${offsetY - dSFHS} L ${offsetX + size} ${offsetY + height+dXFHS}
  947 + L ${offsetX} ${offsetY + height+dXFHS} L ${offsetX} ${offsetY + height}`;
917 948 return createSvg(d);
918 949 };
919 950 export const createWelt3Right = (height, size, offsetX, offsetY) => {
920   - const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} L ${offsetX + size} ${offsetY + height} L ${offsetX + size} ${offsetY -
921   - size * 0.3} L ${offsetX} ${offsetY - size * 0.3} L ${offsetX} ${offsetY}`;
  951 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY + height} L ${offsetX + size} ${offsetY + height} L ${offsetX + size} ${
  952 + offsetY - size * 0.3
  953 + } L ${offsetX} ${offsetY - size * 0.3} L ${offsetX} ${offsetY}`;
  954 + return createSvg(d);
  955 +};
  956 +export const createWelt4Right = (height, size, offsetX, offsetY, dSFHS, dXFHS) => {
  957 + const d = `M ${offsetX} ${offsetY} L ${offsetX} ${offsetY - dSFHS} L ${offsetX + size} ${offsetY - dSFHS}
  958 + L ${offsetX + size} ${offsetY + height + dXFHS} L ${offsetX } ${offsetY + height + dXFHS} L ${offsetX} ${offsetY + height}`;
922 959 return createSvg(d);
923 960 };
924 961 // 天地盒
925 962 export const createFullTelescope = (width, height, deep, offsetX, offsetY) => {
926   - const d = `M ${offsetX} ${offsetY} L ${offsetX + width} ${offsetY} L ${offsetX + width} ${offsetY + height} L ${offsetX} ${offsetY +
927   - height} L ${offsetX} ${offsetY}
  963 + const d = `M ${offsetX} ${offsetY} L ${offsetX + width} ${offsetY} L ${offsetX + width} ${offsetY + height} L ${offsetX} ${
  964 + offsetY + height
  965 + } L ${offsetX} ${offsetY}
928 966 L ${offsetX - deep} ${offsetY} L ${offsetX - deep} ${offsetY + height} L ${offsetX} ${offsetY + height}
929 967 L ${offsetX} ${offsetY + height + deep} L ${offsetX + width} ${offsetY + height + deep} L ${offsetX + width} ${offsetY + height}
930 968 L ${offsetX + width + deep} ${offsetY + height} L ${offsetX + width + deep} ${offsetY} L ${offsetX + width} ${offsetY}
... ... @@ -969,14 +1007,15 @@ export const createBoxComponentNewFul3 = (width, deep, size, offsetX, offsetY) =
969 1007 };
970 1008 // 天地部件4
971 1009 export const createBoxComponentNewFul4 = (width, deep, size, offsetX, offsetY) => {
972   - const d = `M ${offsetX} ${offsetY} L ${offsetX + deep * 2} ${offsetY} L ${offsetX + deep * 2} ${offsetY + width} L ${offsetX + deep} ${offsetY +
973   - width} L ${offsetX + deep} ${offsetY} L ${offsetX + deep} ${offsetY + width} L ${offsetX} ${offsetY + width}
974   - M ${offsetX + deep * 0.8} ${offsetY + width * 0.3} L ${offsetX + deep * 0.6} ${offsetY + width * 0.3} L ${offsetX + deep * 0.6} ${offsetY +
975   - width * 0.7} L ${offsetX + deep * 0.8} ${offsetY + width * 0.7} L ${offsetX + deep * 0.8} ${offsetY + width * 0.3}
976   - M ${offsetX + deep + deep * 0.8} ${offsetY + width * 0.3} L ${offsetX + deep + deep * 0.6} ${offsetY + width * 0.3} L ${offsetX +
977   - deep +
978   - deep * 0.6} ${offsetY + width * 0.7} L ${offsetX + deep + deep * 0.8} ${offsetY + width * 0.7} L ${offsetX + deep + deep * 0.8} ${offsetY +
979   - width * 0.3}
  1010 + const d = `M ${offsetX} ${offsetY} L ${offsetX + deep * 2} ${offsetY} L ${offsetX + deep * 2} ${offsetY + width} L ${offsetX + deep} ${
  1011 + offsetY + width
  1012 + } L ${offsetX + deep} ${offsetY} L ${offsetX + deep} ${offsetY + width} L ${offsetX} ${offsetY + width}
  1013 + M ${offsetX + deep * 0.8} ${offsetY + width * 0.3} L ${offsetX + deep * 0.6} ${offsetY + width * 0.3} L ${offsetX + deep * 0.6} ${
  1014 + offsetY + width * 0.7
  1015 + } L ${offsetX + deep * 0.8} ${offsetY + width * 0.7} L ${offsetX + deep * 0.8} ${offsetY + width * 0.3}
  1016 + M ${offsetX + deep + deep * 0.8} ${offsetY + width * 0.3} L ${offsetX + deep + deep * 0.6} ${offsetY + width * 0.3} L ${
  1017 + offsetX + deep + deep * 0.6
  1018 + } ${offsetY + width * 0.7} L ${offsetX + deep + deep * 0.8} ${offsetY + width * 0.7} L ${offsetX + deep + deep * 0.8} ${offsetY + width * 0.3}
980 1019 `;
981 1020 return createSvg(d);
982 1021 };
... ... @@ -993,10 +1032,10 @@ export const createBoxComponentNewFul6 = (width, deep, size, offsetX, offsetY) =
993 1032 const d = `M ${offsetX} ${offsetY} L ${offsetX + deep} ${offsetY} L ${offsetX + deep} ${offsetY + width * 0.3}
994 1033 L ${offsetX + deep + size * 0.5} ${offsetY + width * 0.3} L ${offsetX + deep + size * 0.5} ${offsetY + width * 0.7}
995 1034 L ${offsetX + deep} ${offsetY + width * 0.7} L ${offsetX + deep} ${offsetY + width} L ${offsetX + deep} ${offsetY}
996   - L ${offsetX+ deep + size} ${offsetY } L ${offsetX + deep + size} ${offsetY + width * 0.1}
997   - L ${offsetX + deep + size * 0.8} ${offsetY + width * 0.1} L ${offsetX + deep + size} ${offsetY+ width * 0.2}
998   - L ${offsetX + deep + size} ${offsetY+ width * 0.8} L ${offsetX + deep + size * 0.8} ${offsetY+ width * 0.9}
  1035 + L ${offsetX + deep + size} ${offsetY} L ${offsetX + deep + size} ${offsetY + width * 0.1}
  1036 + L ${offsetX + deep + size * 0.8} ${offsetY + width * 0.1} L ${offsetX + deep + size} ${offsetY + width * 0.2}
  1037 + L ${offsetX + deep + size} ${offsetY + width * 0.8} L ${offsetX + deep + size * 0.8} ${offsetY + width * 0.9}
999 1038 L ${offsetX + deep + size} ${offsetY + width * 0.9}L ${offsetX + deep + size} ${offsetY + width}L ${offsetX} ${offsetY + width}
1000 1039 `;
1001 1040 return createSvg(d);
1002   -};
1003 1041 \ No newline at end of file
  1042 +};
... ...
src/components/Common/BoxDesignCompontent/svg.js
  View file @ff302d0
... ... @@ -35,7 +35,9 @@ import {
35 35 createWelt2,
36 36 createWelt2Right,
37 37 createWelt3,
  38 + createWelt4,
38 39 createWelt3Right,
  40 + createWelt4Right,
39 41 createText,
40 42 createDoubleArrow,
41 43 createHorizontalDoubleArrow,
... ... @@ -122,7 +124,7 @@ const SvgBox = props =&gt; {
122 124 let viewBoxHeight = Number(boxHeight) + max;
123 125 if (Number(svgType) === 1) {
124 126 // 四面盒身
125   - viewBoxWidth = dZTBW + Number(boxLength) * 2 + Number(boxWidth) * 2;
  127 + viewBoxWidth = Number(boxLength) * 2 + Number(boxWidth) * 2 + dZTBW + dYTBW;
126 128 } else if (Number(svgType) === 2) {
127 129 viewBoxWidth = boxLength * 2 + boxWidth + dYTBW + dZTBW;
128 130 } else if (Number(svgType) === 3) {
... ... @@ -188,8 +190,8 @@ const SvgBox = props =&gt; {
188 190 viewBoxWidth = (boxHeight + boxWidth) * 2 + dYTBW + dZTBW;
189 191 viewBoxHeight = boxLength + max;
190 192 } else if (Number(svgType) === 6) {
191   - viewBoxWidth = boxLength + 2;
192   - viewBoxHeight = boxWidth + 2;
  193 + viewBoxWidth = boxWidth + 2;
  194 + viewBoxHeight = boxLength + 2;
193 195 }
194 196 // 计算缩放比例
195 197 let scale = 1;
... ... @@ -269,7 +271,7 @@ const SvgBox = props =&gt; {
269 271 } else {
270 272 leftSize = zbtb?.value;
271 273 }
272   - svg.setAttribute("viewBox", `${-(leftSize * scale) || 0} ${-ySvg} ${viewBoxWidth} ${viewBoxHeight}`);
  274 + svg.setAttribute("viewBox", `${-(leftSize * scale) || 0} ${-ySvg} ${viewBoxWidth + 2} ${viewBoxHeight + 2}`);
273 275 svg.setAttribute("width", `${viewBoxWidth}px`);
274 276 svg.setAttribute("height", `${viewBoxHeight}px`);
275 277 svgContainerRef.current.style.width = `${viewBoxWidth}px`;
... ... @@ -364,12 +366,12 @@ const SvgBox = props =&gt; {
364 366 }
365 367  
366 368 // 左边贴边
367   - pathList.push(createTrapezoidLeft(zbtb?.type, scaledDeep, -dZTBW * scale, 0, 0));
  369 + pathList.push(createTrapezoidLeft(zbtb?.type, scaledDeep, -dZTBW * scale, 0, 0, dSFHS * scale, dXFHS * scale));
368 370 if (zbtb?.type && dZTBW) {
369 371 pathList.push(createText(-dZTBW * 0.4, scaledDeep / 2, 10 * scales, dZTBW));
370 372 }
371 373 // 右边贴边
372   - pathList.push(createTrapezoidRight(ybtb?.type, scaledDeep, dYTBW * scale, scaledWidth * 2 + scaledHeight * 2, 0));
  374 + pathList.push(createTrapezoidRight(ybtb?.type, scaledDeep, dYTBW * scale, scaledWidth * 2 + scaledHeight * 2, 0, dSFHS * scale, dXFHS * scale));
373 375 if (ybtb?.type && dYTBW) {
374 376 pathList.push(createText(scaledWidth * 2 + scaledHeight * 2 + dYTBW * 0.4, scaledDeep / 2, 10 * scales, dYTBW));
375 377 }
... ... @@ -528,12 +530,12 @@ const SvgBox = props =&gt; {
528 530 pathList.push(createText(scaledWidth + scaledHeight / 2, scaledDeep + (dXFHS / 2 - 5) * scales, 10 * scales, dSFHS));
529 531 }
530 532 // 左边贴边
531   - pathList.push(createTrapezoidLeft(zbtb?.type, scaledDeep, -dZTBW * scale, 0, 0));
  533 + pathList.push(createTrapezoidLeft(zbtb?.type, scaledDeep, -dZTBW * scale, 0, 0, dSFHS * scale, dXFHS * scale));
532 534 if (zbtb?.type && dZTBW) {
533 535 pathList.push(createText(-dZTBW / 2, scaledDeep / 2, 10 * scales, dZTBW));
534 536 }
535 537 // 右边贴边
536   - pathList.push(createTrapezoidRight(ybtb?.type, scaledDeep, dYTBW * scale, scaledWidth * 2 + scaledHeight, 0));
  538 + pathList.push(createTrapezoidRight(ybtb?.type, scaledDeep, dYTBW * scale, scaledWidth * 2 + scaledHeight, 0, dSFHS * scale, dXFHS * scale));
537 539 if (zbtb?.type && dYTBW) {
538 540 pathList.push(createText(scaledWidth * 2 + scaledHeight + dYTBW / 2, scaledDeep / 2, 10 * scales, dYTBW));
539 541 }
... ... @@ -673,12 +675,12 @@ const SvgBox = props =&gt; {
673 675 pathList.push(createText(scaledWidth + scaledHeight + scaledHeight / 2, scaledDeep + (dXFHS / 2 - 5) * scales, 10 * scales, dXFHS));
674 676 }
675 677 // 左边贴边
676   - pathList.push(createTrapezoidLeft(zbtb?.type, scaledDeep, -dZTBW * scale, 0, 0));
  678 + pathList.push(createTrapezoidLeft(zbtb?.type, scaledDeep, -dZTBW * scale, 0, 0, dSFHS * scale, dXFHS * scale));
677 679 if (zbtb?.type && dZTBW) {
678 680 pathList.push(createText(-dZTBW / 2, scaledDeep / 2, 10 * scales, dZTBW));
679 681 }
680 682 // 右边贴边
681   - pathList.push(createTrapezoidRight(ybtb?.type, scaledDeep, dYTBW * scale, scaledWidth + scaledHeight * 2, 0));
  683 + pathList.push(createTrapezoidRight(ybtb?.type, scaledDeep, dYTBW * scale, scaledWidth + scaledHeight * 2, 0, dSFHS * scale, dXFHS * scale));
682 684 if (zbtb?.type && dYTBW) {
683 685 pathList.push(createText(scaledWidth + scaledHeight * 2 + dYTBW / 2, scaledDeep / 2, 10 * scales, dYTBW));
684 686 }
... ... @@ -899,12 +901,12 @@ const SvgBox = props =&gt; {
899 901 }
900 902  
901 903 // 左边贴边
902   - pathList.push(createTrapezoidLeft(zbtb?.type, scaledWidth, -dZTBW * scale, 0, 0));
  904 + pathList.push(createTrapezoidLeft(zbtb?.type, scaledWidth, -dZTBW * scale, 0, 0, dSFHS * scale, dXFHS * scale));
903 905 if (zbtb?.type && dZTBW) {
904 906 pathList.push(createText(-dZTBW * 0.4, scaledWidth / 2, 10 * scales, dZTBW));
905 907 }
906 908 // 右边贴边
907   - pathList.push(createTrapezoidRight(ybtb?.type, scaledWidth, dYTBW * scale, scaledHeight * 2 + scaledDeep * 2, 0));
  909 + pathList.push(createTrapezoidRight(ybtb?.type, scaledWidth, dYTBW * scale, scaledHeight * 2 + scaledDeep * 2, 0, dSFHS * scale, dXFHS * scale));
908 910 if (ybtb?.type && dYTBW) {
909 911 pathList.push(createText(scaledHeight * 2 + scaledDeep * 2 + dYTBW * 0.4, scaledWidth / 2, 10 * scales, dYTBW));
910 912 }
... ... @@ -1033,7 +1035,7 @@ const SvgBox = props =&gt; {
1033 1035 svg.appendChild(g);
1034 1036 // g.setAttribute('transform', `rotate(90, ${viewBoxWidth/2}, ${viewBoxHeight/2})`);
1035 1037 } else if (Number(svgType) === 6) {
1036   - const rectangles = [{ x: 0, y: 0, width: scaledWidth, height: scaledHeight }];
  1038 + const rectangles = [{ x: 0, y: 0, width: scaledHeight, height: scaledWidth }];
1037 1039 rectangles.forEach(rect => {
1038 1040 g.appendChild(createPathElements(rect.x, rect.y, rect.width, rect.height));
1039 1041 });
... ... @@ -1364,7 +1366,7 @@ const SvgBox = props =&gt; {
1364 1366 };
1365 1367  
1366 1368 // 左边贴位
1367   - const createTrapezoidLeft = (trapezoidLeftType, height, size, offsetX, offsetY) => {
  1369 + const createTrapezoidLeft = (trapezoidLeftType, height, size, offsetX, offsetY, dSFHS, dXFHS) => {
1368 1370 if (!size) return createNoneProject();
1369 1371 let data = {};
1370 1372 switch (trapezoidLeftType) {
... ... @@ -1380,6 +1382,9 @@ const SvgBox = props =&gt; {
1380 1382 case "8004":
1381 1383 data = createWelt3(height, size, offsetX, offsetY);
1382 1384 break;
  1385 + case "8005":
  1386 + data = createWelt4(height, size, offsetX, offsetY, dSFHS, dXFHS);
  1387 + break;
1383 1388 default:
1384 1389 data = createNoneProject();
1385 1390 break;
... ... @@ -1387,7 +1392,7 @@ const SvgBox = props =&gt; {
1387 1392 return data;
1388 1393 };
1389 1394 // 右边贴位
1390   - const createTrapezoidRight = (trapezoidLeftType, height, size, offsetX, offsetY) => {
  1395 + const createTrapezoidRight = (trapezoidLeftType, height, size, offsetX, offsetY,dSFHS,dXFHS) => {
1391 1396 if (!size) return createNoneProject();
1392 1397 let data = {};
1393 1398 switch (trapezoidLeftType) {
... ... @@ -1403,6 +1408,9 @@ const SvgBox = props =&gt; {
1403 1408 case "9004":
1404 1409 data = createWelt3Right(height, size, offsetX, offsetY);
1405 1410 break;
  1411 + case "9005":
  1412 + data = createWelt4Right(height, size, offsetX, offsetY,dSFHS,dXFHS);
  1413 + break;
1406 1414 default:
1407 1415 data = createNoneProject();
1408 1416 break;
... ...
src/components/Common/Typesetting/typesetting.js
  View file @ff302d0
... ... @@ -537,6 +537,7 @@ const Typesetting = props =&gt; {
537 537 newDHorizontalType !== dHorizontalType ||
538 538 newDPortraitType !== dPortraitType
539 539 ) {
  540 +
540 541 setMaterialLength(newMaterialLength);
541 542 setMaterialWidth(newMaterialWidth);
542 543 setMaterialName(sMaterialsName);
... ...
src/components/QuickQuote/index.jsx
  View file @ff302d0
... ... @@ -321,6 +321,23 @@ const QuickQuoteEvent = props =&gt; {
321 321 dMaxWidth: Number(selectedNode.sMachineStyle.split("*")[1]),
322 322 };
323 323 }
  324 +
  325 + if (sFieldName === "bFlap") {
  326 + slaveData[saveIndex] = {
  327 + ...slaveData[saveIndex],
  328 + bFold: false,
  329 + sFold: "",
  330 + dFold: "",
  331 + dAdhesive: "",
  332 + };
  333 + }
  334 + if (sFieldName === "bFold") {
  335 + slaveData[saveIndex] = {
  336 + ...slaveData[saveIndex],
  337 + bFlap: false,
  338 + dFlap: "",
  339 + };
  340 + }
324 341 setState(pre => ({ ...pre, slaveData, ...extraState }));
325 342 } else if (name === "finished") {
326 343 const { productProcessInfo = [] } = masterData;
... ... @@ -546,7 +563,6 @@ const QuickQuoteEvent = props =&gt; {
546 563 const dataReturn = (await commonServices.postValueService(token, paramMap, url)).data;
547 564  
548 565 if (dataReturn.code === 1) {
549   -
550 566 const { slaveConfig, masterData: masterData1, materialsConfig, processConfig, sModelsId, app } = props;
551 567 const { productClassify, partsNewInfo = [], productProcessInfo, partsInfo: partsOldInfo } = dataReturn.dataset.rows[0];
552 568 const { bCalculatingArea } = selectedNode;
... ... @@ -615,10 +631,10 @@ const QuickQuoteEvent = props =&gt; {
615 631 slaveRowData.dAuxiliaryQty = item.materialsInfo?.[0]?.dAuxiliaryQty;
616 632 slaveRowData.sPrint = item.sProcessName;
617 633 if (bCalculatingArea) {
618   - // todo 核价成功后 判断bSpecialRules 为false 就要给材料长材料款赋值
  634 + // todo 核价成功后 判断bSpecialRules 为false 就要给材料长材料款赋值
619 635 // partsNewInfo
620   - slaveRowData.dWlcd = item.dMaterialsLength
621   - slaveRowData.dWlkd = item.dMaterialsWidth
  636 + slaveRowData.dWlcd = item.dMaterialsLength;
  637 + slaveRowData.dWlkd = item.dMaterialsWidth;
622 638 }
623 639 setState(pre => ({ ...pre, slaveData: stateSlaveData }));
624 640 });
... ... @@ -1257,6 +1273,20 @@ const MasterComponent = props =&gt; {
1257 1273 item.iColValue = viewConfigs[0].iColValue;
1258 1274 });
1259 1275 }
  1276 + const lengthData = viewConfigs.find(x => x.sName === "dLength");
  1277 + if (selectedNode.sTypeKey !== "danye") {
  1278 + if (lengthData) {
  1279 + lengthData.showName = "高(D)";
  1280 + lengthData.sChinese = "高(D)";
  1281 + lengthData.sEnglish = "Height (D)";
  1282 + }
  1283 + } else {
  1284 + if (lengthData) {
  1285 + lengthData.showName = "长(L)";
  1286 + lengthData.sChinese = "长(L)";
  1287 + lengthData.sEnglish = "Length (L)";
  1288 + }
  1289 + }
1260 1290 const viewProps = {
1261 1291 ...props,
1262 1292 viewConfigs: viewConfigs,
... ... @@ -1835,7 +1865,13 @@ const BoxComponent = props =&gt; {
1835 1865 </Divider>
1836 1866 <div className={styles.viewTable1}>
1837 1867 <PrintParamsComponent {...props} />
1838   - <CommonViewTable {...upViewProps12} />
  1868 + <div className={styles.materialsLine}>
  1869 + <div className={styles.materialsViewTable}>
  1870 + <CommonViewTable {...upViewProps12} />
  1871 + </div>
  1872 + <div className={styles.materialsBtns} style={{ width: "10%", height: "30px" }}></div>
  1873 + </div>
  1874 + {/* <CommonViewTable {...upViewProps12} /> */}
1839 1875 </div>
1840 1876 {/* <Divider {...dividerProps} orientationMargin="10px">
1841 1877 材料信息
... ... @@ -2038,7 +2074,7 @@ const PrintParamsComponent = props =&gt; {
2038 2074 <div className={styles.materialsViewTable}>
2039 2075 <CommonViewTable {...viewProps} />
2040 2076 </div>
2041   - <div className={styles.materialsBtns} style={{ width: "25%", paddingRight: "calc(25% - 85px)" }}>
  2077 + <div className={styles.materialsBtns} style={{ width: "10%" }}>
2042 2078 <Button
2043 2079 type="primary"
2044 2080 icon={<PlusOutlined />}
... ... @@ -2603,7 +2639,6 @@ const BackendParamsExtraComponent = props =&gt; {
2603 2639 const { state, slaveConfig, boxModel } = props;
2604 2640 const { backendParamsConfig = [], backendConfig = {}, slaveData, selectedNode } = state;
2605 2641 if (!backendParamsConfig.length) return "";
2606   - console.log(backendParamsConfig, "backendParamsConfig");
2607 2642  
2608 2643 const { sParentFieldsName, sBoxModel } = backendConfig;
2609 2644  
... ... @@ -2686,7 +2721,6 @@ const BackendParamsExtraComponent = props =&gt; {
2686 2721 props.setState(pre => ({ ...pre, slaveData }));
2687 2722 },
2688 2723 };
2689   - console.log(viewProps, "viewProps");
2690 2724  
2691 2725 return (
2692 2726 <>
... ...
src/mobile/quotation/detailNew.jsx
  View file @ff302d0
... ... @@ -630,11 +630,17 @@ const QuickQuoteEvent = props =&gt; {
630 630  
631 631 // 返回数据赋值
632 632 const { slaveData: stateSlaveData = [] } = state;
  633 + const { bCalculatingArea } = selectedNode;
633 634 partsNewInfo.forEach(item => {
634 635 const slaveRowData = stateSlaveData.find(row => item.sTreeNodeName === row.sTreeNodeName && item.sBoxModel === row.sBoxModel);
635 636 slaveRowData.dMachineQty = item.dMachineQty;
636 637 slaveRowData.dAuxiliaryQty = item.materialsInfo?.[0]?.dAuxiliaryQty;
637 638 slaveRowData.sPrint = item.sProcessName;
  639 + if (bCalculatingArea) {
  640 + // todo 核价成功后 判断bSpecialRules 为false 就要给材料长材料款赋值
  641 + slaveRowData.dWlcd = item.dMaterialsLength;
  642 + slaveRowData.dWlkd = item.dMaterialsWidth;
  643 + }
638 644 setState(pre => ({ ...pre, slaveData: stateSlaveData }));
639 645 });
640 646  
... ... @@ -2561,7 +2567,7 @@ const BackendParamsExtraComponent = props =&gt; {
2561 2567 slaveData[iIndex].sBackProcessData[iIndex1].dManualValue = dManualLength * dManualWidth;
2562 2568 }
2563 2569 }
2564   -
  2570 +
2565 2571 const itemDetail = viewProps.viewConfigs.find(x => x.sName === sFieldName);
2566 2572 props.setState(pre => ({ ...pre, slaveData }));
2567 2573 // props.onCostomClick(itemDetail);
... ... @@ -2581,7 +2587,13 @@ const BackendParamsExtraComponent = props =&gt; {
2581 2587 <Grid.Item>
2582 2588 <div className={styles.customer} key={x.id || x.showName}>
2583 2589 <div>{x.showName}</div>
2584   - <SelectInput {...viewProps} itemDetail={x} getSqlDropDownData={viewProps.getSqlDropDownData} onDataChange={viewProps.onDataChange} onCostomClick={null}/>
  2590 + <SelectInput
  2591 + {...viewProps}
  2592 + itemDetail={x}
  2593 + getSqlDropDownData={viewProps.getSqlDropDownData}
  2594 + onDataChange={viewProps.onDataChange}
  2595 + onCostomClick={null}
  2596 + />
2585 2597 </div>
2586 2598 </Grid.Item>
2587 2599 ))}
... ...