ZengQingming/JoyD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复浮动面板中TabPage内Panel未显示问题：1. 修改TabPage支持slot渲染；2. 修复DockLayout中showTitleBar属性设置

Browse Source
This commit is contained in:
zqm
2025-11-05 10:49:28 +08:00
parent 019139fa9f
commit 607616bf10
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
AutoRobot/Windows/Robot/Web/src/DockLayout/DockLayout.vue
View File

@@ -7,7 +7,7 @@
:id="area.id" :id="area.id"
:title="area.title" :title="area.title"
v-model:WindowState="area.WindowState" v-model:WindowState="area.WindowState"
:showTitleBar="area.panels && area.panels.length === 1" :showTitleBar="true"
:width="area.width" :width="area.width"
:height="area.height" :height="area.height"
:left="area.WindowState !== '最大化' ? area.x : undefined" :left="area.WindowState !== '最大化' ? area.x : undefined"

14
AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="tab-page"> <div class="tab-page">
<!-- Tab标签栏 --> <!-- 当tabs为空时，不显示标签栏，直接渲染slot内容 -->
<div class="tab-header"> <div v-if="tabs.length > 0" class="tab-header">
<div <div
v-for="(tab, index) in tabs" v-for="(tab, index) in tabs"
:key="tab.id" :key="tab.id"
@@ -19,12 +19,16 @@
</div> </div>
<!-- Tab页内容区域 --> <!-- Tab页内容区域 -->
<div class="tab-content"> <div class="tab-content">
<!-- 当有tabs时，渲染tabs内容 -->
<template v-if="tabs.length > 0">
<div v-for="(tab, index) in tabs" :key="tab.id" :class="['tab-panel', { 'active': activeTabIndex === index }]"> <div v-for="(tab, index) in tabs" :key="tab.id" :class="['tab-panel', { 'active': activeTabIndex === index }]">
<component :is="tab.component" v-bind="tab.props"></component> <component :is="tab.component" v-bind="tab.props"></component>
</div> </div>
<div v-if="tabs.length === 0" class="tab-empty"> </template>
<slot name="empty">无标签页</slot> <!-- 当没有tabs或tabs为空时，渲染slot内容 -->
</div> <template v-else>
<slot></slot>
</template>
</div> </div>
</div> </div>
</template> </template>