From 67bfc39756535f2a048d86ce0c129e0edca10eb2 Mon Sep 17 00:00:00 2001
From: lzh <sickone075@gmail.com>
Date: Sun, 1 Mar 2026 16:30:33 +0800
Subject: [PATCH] =?UTF-8?q?style(ops):=20=E8=BF=98=E5=8E=9F=E9=A5=BC?=
 =?UTF-8?q?=E5=9B=BE=E5=8F=B3=E4=BE=A7=E5=9B=BE=E4=BE=8B=EF=BC=8C=E9=A5=BC?=
 =?UTF-8?q?=E5=9B=BE=E5=9B=9E=E5=88=B0=E5=B7=A6=E4=BE=A7=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../ops/cleaning/work-order/dashboard/index.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue b/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue
index 8ec28ccc3..4e57d8958 100644
--- a/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue
+++ b/apps/web-antd/src/views/ops/cleaning/work-order/dashboard/index.vue
@@ -422,11 +422,20 @@ function getStatusDistributionChartOptions(): ECOption {
         return `${marker}${params.name}<br/><span style="font-size:16px;font-weight:600">${params.value}</span> 个 <span style="color:#8c8c8c;margin-left:4px">${params.percent}%</span>`;
       },
     },
-    legend: { show: false },
+    legend: {
+      orient: 'vertical',
+      right: '4%',
+      top: 'center',
+      itemWidth: 10,
+      itemHeight: 10,
+      itemGap: 14,
+      icon: 'circle',
+      textStyle: { fontSize: 12, color: '#595959' },
+    },
     graphic: [
       {
         type: 'text',
-        left: 'center',
+        left: '23%',
         top: '38%',
         style: {
           text: `${total}`,
@@ -438,7 +447,7 @@ function getStatusDistributionChartOptions(): ECOption {
       },
       {
         type: 'text',
-        left: 'center',
+        left: '23%',
         top: '55%',
         style: {
           text: '近7天工单',
@@ -453,7 +462,7 @@ function getStatusDistributionChartOptions(): ECOption {
         name: '工单状态分布',
         type: 'pie',
         radius: ['48%', '70%'],
-        center: ['50%', '50%'],
+        center: ['25%', '50%'],
         avoidLabelOverlap: false,
         label: { show: false },
         emphasis: {