From 035ccb8cf690f2bc76971f7873ecb91dfd0a4298 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Thu, 30 Oct 2025 21:13:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DPanel=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=9A=E6=9B=BF=E6=8D=A2=E5=9B=BE=E6=A0=87=E4=B8=BA=E5=86=85?=
 =?UTF-8?q?=E8=81=94SVG=E4=BB=A5=E7=A1=AE=E4=BF=9D=E6=AD=A3=E7=A1=AE?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Windows/Robot/Web/src/DockLayout/Panel.js | 36 +++++++++++++++----
 1 file changed, 29 insertions(+), 7 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js
index f9caa9d..a99ce7f 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js
@@ -181,15 +181,21 @@ export default defineComponent({
             <span class="text-xs">{{ panel.title }}</span>
           </div>
           <div class="flex items-center gap-0.5">
+            <!-- 折叠按钮 -->
             <button 
-              class="p-[2px] rounded hover:opacity-100 opacity-80" 
+              class="p-[2px] rounded hover:opacity-100 opacity-80 flex items-center justify-center w-5 h-5" 
               @click.stop="handleToggleCollapse" 
               aria-label="折叠/展开"
             >
-              <span class="icon-triangle-down"></span>
+              <!-- 三角形图标 -->
+              <svg width="8" height="5" viewBox="0 0 8 5" fill="none">
+                <path d="M1 1.5L4 4L7 1.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+              </svg>
             </button>
+            
+            <!-- 最大化按钮 -->
             <button 
-              class="p-[2px] rounded hover:opacity-100 opacity-80" 
+              class="p-[2px] rounded hover:opacity-100 opacity-80 flex items-center justify-center w-5 h-5" 
               @click.stop="handleMaximize" 
               aria-label="最大化"
             >
@@ -200,12 +206,18 @@ export default defineComponent({
                 <rect x="1" y="3" width="8.5" height="6.5" fill="#435d9c" />
               </svg>
             </button>
+            
+            <!-- 关闭按钮 -->
             <button 
-              class="p-[2px] rounded hover:opacity-100 opacity-80" 
+              class="p-[2px] rounded hover:opacity-100 opacity-80 flex items-center justify-center w-5 h-5" 
               @click.stop="handleClose" 
               aria-label="关闭"
             >
-              <span class="icon-x"></span>
+              <!-- X图标 -->
+              <svg width="8" height="8" viewBox="0 0 8 8" fill="none">
+                <path d="M1 1L7 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+                <path d="M7 1L1 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+              </svg>
             </button>
           </div>
         </div>
@@ -221,12 +233,22 @@ export default defineComponent({
             @click.stop="handleToggleToolbar" 
             aria-label="展开工具栏"
           >
-            <i class="fa-solid" :class="panel.toolbarExpanded ? 'fa-angles-left' : 'fa-angles-right'"></i>
+            <!-- 替代Font Awesome图标的SVG -->
+            <svg v-if="panel.toolbarExpanded" width="8" height="8" viewBox="0 0 8 8" fill="none">
+              <path d="M6 4L2 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+              <path d="M2 4L4 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+              <path d="M2 4L4 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+            </svg>
+            <svg v-else width="8" height="8" viewBox="0 0 8 8" fill="none">
+              <path d="M2 4L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+              <path d="M6 4L4 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+              <path d="M6 4L4 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+            </svg>
           </button>
         </div>
         
         <!-- 内容区 -->
-        <div class="bg-[#f5f7fb] flex-1" v-show="!panel.collapsed">
+        <div class="bg-[#f5f7fb] flex-1 p-2" v-show="!panel.collapsed">
           <slot name="content"></slot>
         </div>
       </div>