From 10c9e576e3334a310aca1bea415b165752217159 Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Wed, 5 Aug 2026 15:11:31 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=AD=97=E4=BD=93=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chassis/Chassis.vue   | 2 +-
 src/views/chassis/MapCanvas.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/chassis/Chassis.vue b/src/views/chassis/Chassis.vue
index 509fc51..5304ece 100644
--- a/src/views/chassis/Chassis.vue
+++ b/src/views/chassis/Chassis.vue
@@ -156,7 +156,7 @@ const paramList = reactive([
 const statusItems = [
   { label: '位置', value: `${robotStore.position.x},${robotStore.position.y}` },
   { label: '航向', value: robotStore.position.angle },
-  { label: '电量', value: `${robotStore.battery * 100} %`, ok: true },
+  { label: '电量', value: `${robotStore.battery.percentage * 100} %`, ok: true },
 ]
 
 function formatVal(p) {
diff --git a/src/views/chassis/MapCanvas.vue b/src/views/chassis/MapCanvas.vue
index 697fc6f..c80245e 100644
--- a/src/views/chassis/MapCanvas.vue
+++ b/src/views/chassis/MapCanvas.vue
@@ -363,7 +363,6 @@ const bindEvent = () => {
     }, { passive: false });                                          // passive:false 允许 preventDefault
 }
 
-
 const updateTooltipDisplay = (hitResult) => {
     const tooltipEl = document.getElementById('tooltip');
     if (!hitResult) {
@@ -378,6 +377,7 @@ const updateTooltipDisplay = (hitResult) => {
         title = `${robot.name}`;
         details = `<div class="tooltip-detail">位置: (${robot.x.toFixed(3)}, ${robot.y.toFixed(3)})</div>
                     <div class="tooltip-detail">朝向: ${(robot.angle * 180 / Math.PI).toFixed(1)}°</div>
+                    <div class="tooltip-detail">电量: ${(robotStore.battery.percentage* 100).toFixed(1)}%</div>
                     <div class="tooltip-detail">ID: ${robot.id}</div>`;
     }
     tooltipEl.innerHTML = `<div class="tooltip-title">${title}</div>${details}`;
@@ -524,7 +524,7 @@ onUnmounted(() => {
 
         .tooltip-title {
             font-weight: 700;
-            font-size: 11px;
+            font-size: 14px;
             margin-bottom: 5px;
             color: $color-canvas-tooltip-title;
         }
@@ -532,7 +532,7 @@ onUnmounted(() => {
         :deep(.tooltip-detail) {
             color: $color-text-tooltip;
             padding: 2px 0;
-            font-size: 9px;
+            font-size: 12px;
             word-break: break-all;
         }
     }