From dfb3e3306ecc1c40d93806bfec224316ecd2c6d0 Mon Sep 17 00:00:00 2001
From: liupeng <511646242@qq.com>
Date: Thu, 22 May 2025 17:26:04 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/designer/Model3DView.vue | 71 +++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 67 insertions(+), 4 deletions(-)

diff --git a/src/designer/Model3DView.vue b/src/designer/Model3DView.vue
index 40106a4..f91e87e 100644
--- a/src/designer/Model3DView.vue
+++ b/src/designer/Model3DView.vue
@@ -11,14 +11,49 @@
           <div class="canvas-container" ref="canvasContainer"></div>
         </SplitArea>
         <SplitArea class="model3d-gui" :size="30">
-          <!-- 右侧面板 -->
-          <div class="gui-panel" ref="guiPanel"></div>
+          <div class="model3d-gui-wrap">
+            <!-- 右侧面板 -->
+            <div class="gui-toolbar">
+              <div class="gui-row">
+                <div class="gui-item-name"></div>
+                <div class="gui-item">X</div>
+                <div class="gui-item">Y</div>
+                <div class="gui-item">Z</div>
+              </div>
+              <div class="gui-row">
+                <div class="gui-item-name">
+                  <component :is="renderIcon('element Aim')"></component>
+                </div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+              </div>
+              <div class="gui-row">
+                <div class="gui-item-name">
+                  <component :is="renderIcon('antd RotateLeftOutlined')"></component>
+                </div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+              </div>
+              <div class="gui-row">
+                <div class="gui-item-name">
+                  <component :is="renderIcon('element ScaleToOriginal')"></component>
+                </div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+                <div class="gui-item"><el-input-number v-model="num" size="small" :min="1" :max="10" :controls="false"/></div>
+              </div>
+            </div>
+            <div class="gui-panel" ref="guiPanel"></div>
+          </div>
         </SplitArea>
       </Split>
     </div>
   </div>
 </template>
 <script setup>
+import { renderIcon } from '@/utils/webutils.js'
 import { ref, onMounted, nextTick } from 'vue'
 import * as THREE from 'three'
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
@@ -56,7 +91,6 @@ const state = {
   },
   mode: 'translate'
 }
-
 onMounted(() => {
   nextTick(() => {
     initThree()
@@ -407,12 +441,41 @@ function handleFileUpload(event) {
     position: relative;
   }
 
-  .gui-panel {
+  .model3d-gui-wrap{
     border-left: 1px solid #ccc;
     background: #111;
     width: 100%;
     height:100%;
     overflow-y: auto;
+  }
+  .gui-toolbar{
+    color:#fff;
+    .gui-row{
+      display: flex;
+      flex-direction: row;
+      gap: 3px;
+      padding:3px 0;
+      .gui-item-name{
+        width: 26px;
+        align-self: stretch;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .el-icon{
+          font-size: 16px;
+        }
+      }
+      .gui-item{
+        flex:1;
+        text-align: center;
+        font-size: 12px;
+        .el-input-number{
+          width: 100%;
+        }
+      }
+    }
+  }
+  .gui-panel {
     :deep(.lil-gui.root){
       width: 100%;
     }

From 084a8f633d0a5e0dc2823a3ef3fdbc459946cfaf Mon Sep 17 00:00:00 2001
From: liupeng <511646242@qq.com>
Date: Thu, 22 May 2025 17:29:58 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/designer/Model3DView.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/designer/Model3DView.vue b/src/designer/Model3DView.vue
index f91e87e..3174220 100644
--- a/src/designer/Model3DView.vue
+++ b/src/designer/Model3DView.vue
@@ -471,6 +471,10 @@ function handleFileUpload(event) {
         font-size: 12px;
         .el-input-number{
           width: 100%;
+          .el-input__wrapper{
+            background-color: #424242;
+            box-shadow:none
+          }
         }
       }
     }