feat(workbench): show expense distribution as donut chart

web/tests/expense-stats-detail-modal.test.mjs

@@ -15,9 +15,14 @@ test('expense stats detail modal exposes distribution, processing time and opera
   assert.match(modal, /系统操作详情/)
   assert.match(modal, /ElDialog/)
   assert.match(modal, /ElTag/)
+  assert.match(modal, /import DonutChart from '\.\.\/charts\/DonutChart\.vue'/)
+  assert.match(modal, /<DonutChart/)
+  assert.match(modal, /distributionChartItems/)
+  assert.match(modal, /distributionCenterValue/)
   assert.match(modal, /distributionRows/)
   assert.match(modal, /processingRows/)
   assert.match(modal, /operationRows/)
-  assert.match(modal, /--expense-detail-percent/)
+  assert.doesNotMatch(modal, /--expense-detail-percent/)
+  assert.doesNotMatch(modal, /expense-distribution-track/)
   assert.match(modal, /统计口径来自当前工作台已加载的个人单据/)
 })