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