feat: 在运动监控页面中添加机器人标签组件,并优化标签选项卡样式
This commit is contained in:
parent
cf2a2f97f5
commit
d3b2bba880
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user