feat: 更新机器人菜单组件,移除冗余代码并优化子菜单位置设置,增强用户交互体验
This commit is contained in:
parent
8c5cb9b406
commit
689ecb4f0c
@ -1,5 +1,13 @@
|
||||
<template>
|
||||
<div class="robot-menu">
|
||||
<!-- 机器人图片设置模态框 -->
|
||||
<RobotImageSettingsModal
|
||||
v-model:open="imageSettingsVisible"
|
||||
:robots="availableRobots"
|
||||
:selected-robot-name="selectedRobotName"
|
||||
@save="handleImageSettingsSave"
|
||||
/>
|
||||
|
||||
<div class="menu-container">
|
||||
<!-- 左侧:机器人信息区域 -->
|
||||
<div v-if="robotInfo" class="robot-info-section">
|
||||
@ -113,14 +121,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 机器人图片设置模态框 -->
|
||||
<RobotImageSettingsModal
|
||||
v-model:open="imageSettingsVisible"
|
||||
:robots="availableRobots"
|
||||
:selected-robot-name="selectedRobotName"
|
||||
@save="handleImageSettingsSave"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -134,6 +134,7 @@ import {
|
||||
getRobotStatusColor,
|
||||
getRobotStatusText
|
||||
} from '../../services/context-menu/robot-menu.service';
|
||||
import RobotImageSettingsModal from '../modal/robot-image-settings-modal.vue';
|
||||
|
||||
interface Props {
|
||||
robotInfo?: RobotInfo;
|
||||
|
@ -40,7 +40,7 @@
|
||||
v-if="showSubMenu && selectedLocation"
|
||||
:open="!!showSubMenu"
|
||||
:trigger="[]"
|
||||
:placement="subMenuPlacement"
|
||||
placement="rightTop"
|
||||
:get-popup-container="getSubMenuContainer"
|
||||
@open-change="handleSubMenuOpenChange"
|
||||
>
|
||||
@ -197,8 +197,6 @@ const subMenuTriggerStyle = computed(() => {
|
||||
return style;
|
||||
});
|
||||
|
||||
// 子菜单位置 - 使用 rightTop 确保左上角与父菜单右上角平齐
|
||||
const subMenuPlacement = 'rightTop' as const;
|
||||
|
||||
// 获取子菜单弹出层容器
|
||||
const getSubMenuContainer = () => document.body;
|
||||
|
Loading…
x
Reference in New Issue
Block a user