xudan/web-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/movement-supervision.vue
View File

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

11
src/pages/scene-editor.vue
View File

@ -344,7 +344,7 @@ const handleAutoCreateStorageCancel = () => {
:style="{ minWidth: leftCollapsed ? '0px' : '320px', overflow: 'hidden' }" :style="{ minWidth: leftCollapsed ? '0px' : '320px', overflow: 'hidden' }"
ref="leftSiderEl" 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('机器人组')"> <a-tab-pane key="1" :tab="$t('机器人组')">
<RobotGroups <RobotGroups
v-if="editor" v-if="editor"
@ -458,7 +458,6 @@ const handleAutoCreateStorageCancel = () => {
position: relative; position: relative;
left: 36px; left: 36px;
} }
.sider-toggle { .sider-toggle {
position: absolute; position: absolute;
top: 20px; top: 20px;
@ -474,4 +473,12 @@ const handleAutoCreateStorageCancel = () => {
background-color: #000; 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> </style>