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-23 17:59:26 +08:00
parent af9725cc33
commit e347a6f633
1 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/context-menu/robot-menu.vue
View File

@ -52,15 +52,12 @@
<div class="action-group">
<div class="action-group-title">控制权限</div>
<div class="action-item" @click="handleRobotAction('seize_control', '抢占控制权')">
<span class="action-icon">🎮</span>
<span>抢占控制权</span>
</div>
<div class="action-item" @click="handleRobotAction('enable_orders', '可接单')">
<span class="action-icon">✅</span>
<span>可接单</span>
</div>
<div class="action-item" @click="handleRobotAction('disable_orders', '不可接单')">
<span class="action-icon">❌</span>
<span>不可接单</span>
</div>
</div>
@ -69,36 +66,31 @@
<div class="action-group">
<div class="action-group-title">运行控制</div>
<div class="action-item" @click="handleRobotAction('pause', '暂停')">
<span class="action-icon">⏸️</span>
<span>暂停</span>
</div>
<div class="action-item" @click="handleRobotAction('resume', '继续')">
<span class="action-icon">▶️</span>
<span>继续</span>
</div>
<div class="action-item" @click="handleRobotAction('start', '启动')">
<!-- <div class="action-item" @click="handleRobotAction('start', '启动')">
<span class="action-icon">🚀</span>
<span>启动</span>
</div>
<div class="action-item" @click="handleRobotAction('stop', '停止')">
<span class="action-icon">⏹️</span>
<span>停止</span>
</div>
</div> -->
</div>
<!-- 导航控制 -->
<div class="action-group">
<div class="action-group-title">导航控制</div>
<div class="action-item" @click="handleRobotAction('go_charge', '前往充电')">
<span class="action-icon">🔋</span>
<span>前往充电</span>
</div>
<div class="action-item" @click="handleRobotAction('go_dock', '前往停靠')">
<span class="action-icon">🏠</span>
<span>前往停靠</span>
</div>
<div class="action-item" @click="handleRobotAction('navigate', '路径导航')">
<span class="action-icon">🧭</span>
<span>路径导航</span>
</div>
</div>
@ -111,7 +103,6 @@
class="action-item"
@click="handleRobotAction('follow_view', '视角跟随')"
>
<span class="action-icon">👁️</span>
<span>视角跟随</span>
</div>
<div
@ -119,7 +110,6 @@
class="action-item follow-active"
@click="handleRobotAction('stop_follow_view', '停止跟随')"
>
<span class="action-icon">👁️‍🗨️</span>
<span>停止跟随</span>
</div>
</div>
@ -128,10 +118,9 @@
<div class="action-group">
<div class="action-group-title">系统管理</div>
<div class="action-item" @click="handleRobotAction('custom_image', '自定义图片')">
<span class="action-icon">🖼️</span>
<span>自定义图片</span>
</div>
<div class="action-item" @click="handleRobotAction('reset', '重置')">
<!-- <div class="action-item" @click="handleRobotAction('reset', '重置')">
<span class="action-icon">🔄</span>
<span>重置</span>
</div>
@ -142,7 +131,7 @@
<div class="action-item" @click="handleRobotAction('update', '更新')">
<span class="action-icon">📱</span>
<span>更新</span>
</div>
</div> -->
</div>
</div>
</div>
@ -464,6 +453,7 @@ onUnmounted(() => {
.action-item {
display: flex;
align-items: center;
justify-content: center;
padding: 6px 8px;
cursor: pointer;
transition: background-color 0.2s;