refactor: optimization home page

src/plugins/echarts/index.ts

@@ -1,27 +1,30 @@
 import * as echarts from "echarts/core";
 
-import { LineChart } from "echarts/charts";
+import { PieChart, BarChart, LineChart } from "echarts/charts";
+import { SVGRenderer } from "echarts/renderers";
 
 import {
-  TitleComponent,
-  TooltipComponent,
   GridComponent,
+  TitleComponent,
+  LegendComponent,
   ToolboxComponent,
+  TooltipComponent,
   DataZoomComponent,
   VisualMapComponent
 } from "echarts/components";
 
-import { SVGRenderer } from "echarts/renderers";
-
 const { use, registerTheme } = echarts;
 
 use([
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
+  PieChart,
+  BarChart,
   LineChart,
   SVGRenderer,
+  GridComponent,
+  TitleComponent,
+  LegendComponent,
   ToolboxComponent,
+  TooltipComponent,
   DataZoomComponent,
   VisualMapComponent
 ]);

src/plugins/element-plus/index.ts

@@ -1,5 +1,6 @@
 import { App, Component } from "vue";
 import {
+  ElTag,
   ElAffix,
   ElSkeleton,
   ElBreadcrumb,
@@ -30,10 +31,13 @@ import {
   ElPagination,
   ElAlert,
   ElRadioButton,
-  ElRadioGroup
+  ElRadioGroup,
+  ElDescriptions,
+  ElDescriptionsItem
 } from "element-plus";
 
 const components = [
+  ElTag,
   ElAffix,
   ElSkeleton,
   ElBreadcrumb,
@@ -63,7 +67,9 @@ const components = [
   ElPagination,
   ElAlert,
   ElRadioButton,
-  ElRadioGroup
+  ElRadioGroup,
+  ElDescriptions,
+  ElDescriptionsItem
 ];
 
 const plugins = [ElLoading];