修改左侧页标签的显示问题

AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue

@@ -191,16 +191,8 @@ const activeChild = computed(() => {
 
 // 计算属性：动态调整标签页位置
 const adjustedTabPosition = computed(() => {
-  // 检查是否有多个Panel
-  const childrenArray = Array.isArray(props.children) ? props.children : [props.children]
-  const hasMultiplePanels = childrenArray.length > 1
-  
-  // 如果有多个Panel且当前位置是top，则改为bottom
-  if (hasMultiplePanels && props.tabPosition === 'top') {
-    return 'bottom'
-  }
-  
-  // 其他情况保持原位置
+  // 直接返回配置的标签页位置，不进行额外转换
+  // 确保所有位置都能正确处理多个Panel
   return props.tabPosition
 })
 
@@ -388,6 +380,7 @@ onUnmounted(() => {
 /* 垂直标签栏样式 */
 .tab-header-vertical {
   display: flex;
+  flex-direction: column;
   flex-wrap: nowrap;
   width: 28px;
   background: transparent;
@@ -397,7 +390,6 @@ onUnmounted(() => {
 }
 
 .tab-header-right {
-  flex-direction: column;
   padding-left: 0;
   padding-right: 2px;
 }
@@ -460,7 +452,7 @@ onUnmounted(() => {
 /* 垂直标签项样式 */
 .tab-item-vertical {
   width: 26px;
-  height: 60px;
+  height: 80px;
   margin-top: 1px;
   background: linear-gradient(to right, var(--vs-blue-top), var(--vs-blue-bottom));
   border-radius: 3px 0 0 3px;
@@ -486,7 +478,7 @@ onUnmounted(() => {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin: 0 4px;
+  margin: 0 6px;
   writing-mode: vertical-rl;
   text-orientation: mixed;
 }