components/calcModels.vue

@@ -13,7 +13,7 @@ const max_size = use_max_size()
 const controlsState = reactive({
     distance: section_count.value,
     minDistance: 10,
-    maxDistance: 10,
+    maxDistance: 20,
     position: { x: 0, y: 0, z: 0 },
     // enablePan: false,
     minPolarAngle: degToRad(30),

components/model/line.vue

@@ -8,11 +8,11 @@ const rotate = () => {
         case 1:
             return degToRad(0)
         case 2:
-            return degToRad(90)
+            return degToRad(180)
         case 3:
             return degToRad(270)
         case 4:
-            return degToRad(180)
+            return degToRad(90)
     }
 }
 const { seekByName } = useSeek()
@@ -29,6 +29,7 @@ const count_pos = () => {
     const line = seekByName(scene.value, `line_${props.number}`)
     const line_size = new Vector3()
     const line_pos = new Vector3()
+    const line_lpos = new Vector3()
     if (line && line.children.length) {
         line.updateMatrixWorld()
         new Box3().expandByObject(line).getSize(line_size)
@@ -43,19 +44,20 @@ const count_pos = () => {
         line1.getWorldPosition(line1_pos)
         console.log('first', line1, line1_size, line1_pos)
     }
+    const k = 12 * line1_size.z
     switch (props.number) {
         case 1: break;
         case 2:
-            // position.value.x =  line_size.y
-            position.value.z = line1_size.z * -1
+            position.value.z = line1_size.x * -1 
+            position.value.x = line1_size.x - k * 2
             break;
         case 3:
-            position.value.z = line1_size.x * -1
-            position.value.x = line1_size.x
+            position.value.z = line1_size.x * -1 + k
+            position.value.x = -1 * k
             break;
         case 4:
-            position.value.z = line1_size.x * -1 
-            position.value.x = line1_size.x 
+            position.value.z = -1 * k
+            position.value.x = line1_size.x - k
             break;
     }
 }