feat: 在运动监控页面中添加机器人标签组件,并优化标签选项卡样式

This commit is contained in:
xudan 2025-09-28 14:26:21 +08:00
parent cf2a2f97f5
commit d3b2bba880
2 changed files with 16 additions and 2 deletions

View File

@ -11,6 +11,7 @@ import expandIcon from '../assets/icons/png/expand.png';
import foldIcon from '../assets/icons/png/fold.png';
import FollowViewNotification from '../components/follow-view-notification.vue';
import PlaybackController from '../components/PlaybackController.vue';
import RobotLabels from '../components/robot-labels.vue';
import { usePlaybackWebSocket } from '../hooks/usePlaybackWebSocket';
import { autoDoorSimulationService, type AutoDoorWebSocketData } from '../services/auto-door-simulation.service';
import {
@ -574,6 +575,9 @@ const handleGlobalKeydown = (event: KeyboardEvent) => {
<a-tab-pane key="1" :tab="$t('机器人')">
<RobotGroups v-if="editor" :token="EDITOR_KEY" :sid="sid" :current="current?.id" @change="selectRobot" />
</a-tab-pane>
<a-tab-pane key="1.5" :tab="$t('机器人标签')">
<RobotLabels v-if="editor" :token="EDITOR_KEY" :sid="sid" :current="current?.id" @change="selectRobot" />
</a-tab-pane>
<a-tab-pane key="2" :tab="$t('库位')">
<PenGroups v-if="editor" :token="EDITOR_KEY" :current="current?.id" only-storage />
</a-tab-pane>
@ -693,4 +697,7 @@ const handleGlobalKeydown = (event: KeyboardEvent) => {
background-color: #000;
}
}
:deep(.ant-tabs-tab) {
padding: 14px 12px !important;
}
</style>

View File

@ -344,7 +344,7 @@ const handleAutoCreateStorageCancel = () => {
:style="{ minWidth: leftCollapsed ? '0px' : '320px', overflow: 'hidden' }"
ref="leftSiderEl"
>
<a-tabs type="card" v-show="!leftCollapsed">
<a-tabs type="card" v-show="!leftCollapsed" class="compact-tabs">
<a-tab-pane key="1" :tab="$t('机器人组')">
<RobotGroups
v-if="editor"
@ -458,7 +458,6 @@ const handleAutoCreateStorageCancel = () => {
position: relative;
left: 36px;
}
.sider-toggle {
position: absolute;
top: 20px;
@ -474,4 +473,12 @@ const handleAutoCreateStorageCancel = () => {
background-color: #000;
}
}
.left-sider :deep(.compact-tabs .ant-tabs-tab) {
padding: 0 12px;
font-size: 13px;
}
:deep(.ant-tabs-tab) {
padding: 14px 12px !important;
}
</style>