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 cd79e2606..216d0cc80 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,34 +422,11 @@ function getStatusDistributionChartOptions(): ECOption {
return `${marker}${params.name}
${params.value} 个 ${params.percent}%`;
},
},
- legend: {
- orient: 'vertical',
- right: '4%',
- top: 'center',
- itemWidth: 10,
- itemHeight: 10,
- itemGap: 14,
- icon: 'circle',
- textStyle: { fontSize: 12, color: '#595959' },
- formatter: (name: string) => {
- const item = statusDistribution.find((d) => d.name === name);
- if (!item) return name;
- const pct = total > 0 ? ((item.value / total) * 100).toFixed(1) : '0';
- return `${name} {val|${item.value}} {pct|${pct}%}`;
- },
- textStyle: {
- fontSize: 12,
- color: '#595959',
- rich: {
- val: { fontSize: 13, fontWeight: 600, color: '#262626', padding: [0, 4, 0, 8] },
- pct: { fontSize: 11, color: '#8c8c8c' },
- },
- },
- },
+ legend: { show: false },
graphic: [
{
type: 'text',
- left: '23%',
+ left: 'center',
top: '38%',
style: {
text: `${total}`,
@@ -461,7 +438,7 @@ function getStatusDistributionChartOptions(): ECOption {
},
{
type: 'text',
- left: '23%',
+ left: 'center',
top: '55%',
style: {
text: '近7天工单',
@@ -476,7 +453,7 @@ function getStatusDistributionChartOptions(): ECOption {
name: '工单状态分布',
type: 'pie',
radius: ['48%', '70%'],
- center: ['25%', '50%'],
+ center: ['50%', '50%'],
avoidLabelOverlap: false,
label: { show: false },
emphasis: {
@@ -709,7 +686,7 @@ function getBadgeQueueChartOptions(): ECOption {
textStyle: { color: '#262626', fontSize: 13 },
formatter: (params: any) => {
const param = params[0];
- return `${param.name}
${param.value} 个排队`;
+ return `${param.name}
${param.value} 个排队`;
},
},
grid: {
@@ -746,8 +723,8 @@ function getBadgeQueueChartOptions(): ECOption {
type: 'linear',
x: 0, y: 0, x2: 0, y2: 1,
colorStops: [
- { offset: 0, color: val === maxVal ? '#531dab' : '#722ed1' },
- { offset: 1, color: val === maxVal ? '#9254de' : '#d3adf7' },
+ { offset: 0, color: val === maxVal ? '#0958d9' : '#1677ff' },
+ { offset: 1, color: val === maxVal ? '#4096ff' : '#91caff' },
],
},
borderRadius: [6, 6, 0, 0],
@@ -758,7 +735,7 @@ function getBadgeQueueChartOptions(): ECOption {
position: 'top',
fontSize: 11,
fontWeight: '600',
- color: '#722ed1',
+ color: '#1677ff',
formatter: (params: any) => params.value > 0 ? params.value : '',
},
emphasis: {
@@ -767,8 +744,8 @@ function getBadgeQueueChartOptions(): ECOption {
type: 'linear',
x: 0, y: 0, x2: 0, y2: 1,
colorStops: [
- { offset: 0, color: '#391085' },
- { offset: 1, color: '#722ed1' },
+ { offset: 0, color: '#003eb3' },
+ { offset: 1, color: '#0958d9' },
],
},
},