style: 代码统一风格格式化

Former-commit-id: 5d0a75e41127c57c663eb2617b1ce66d039f4c29

src/views/dashboard/components/Chart/PieChart.vue

@@ -1,114 +1,114 @@
 <!-- 饼图 -->
 <template>
-	<div :id="id" :class="className" :style="{ height, width }" />
+  <div :id="id" :class="className" :style="{ height, width }" />
 </template>
 
 <script setup lang="ts">
 import {
-	nextTick,
-	onActivated,
-	onBeforeUnmount,
-	onDeactivated,
-	onMounted
+  nextTick,
+  onActivated,
+  onBeforeUnmount,
+  onDeactivated,
+  onMounted
 } from 'vue';
 import { init, EChartsOption } from 'echarts';
 import resize from '@/utils/resize';
 
 const props = defineProps({
-	id: {
-		type: String,
-		default: 'pieChart'
-	},
-	className: {
-		type: String,
-		default: ''
-	},
-	width: {
-		type: String,
-		default: '200px',
-		required: true
-	},
-	height: {
-		type: String,
-		default: '200px',
-		required: true
-	}
+  id: {
+    type: String,
+    default: 'pieChart'
+  },
+  className: {
+    type: String,
+    default: ''
+  },
+  width: {
+    type: String,
+    default: '200px',
+    required: true
+  },
+  height: {
+    type: String,
+    default: '200px',
+    required: true
+  }
 });
 
 const { mounted, chart, beforeDestroy, activated, deactivated } = resize();
 
 function initChart() {
-	const pieChart = init(document.getElementById(props.id) as HTMLDivElement);
+  const pieChart = init(document.getElementById(props.id) as HTMLDivElement);
 
-	pieChart.setOption({
-		title: {
-			show: true,
-			text: '产品分类总览',
-			x: 'center',
-			padding: 15,
-			textStyle: {
-				fontSize: 18,
-				fontStyle: 'normal',
-				fontWeight: 'bold',
-				color: '#337ecc'
-			}
-		},
-		grid: {
-			left: '2%',
-			right: '2%',
-			bottom: '10%',
-			containLabel: true
-		},
-		legend: {
-			top: 'bottom'
-		},
-		series: [
-			{
-				name: 'Nightingale Chart',
-				type: 'pie',
-				radius: [50, 130],
-				center: ['50%', '50%'],
-				roseType: 'area',
-				itemStyle: {
-					borderRadius: 6,
-					normal: {
-						color: function (params: any) {
-							//自定义颜色
-							const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C'];
-							return colorList[params.dataIndex];
-						}
-					}
-				},
-				data: [
-					{ value: 26, name: '家用电器' },
-					{ value: 27, name: '户外运动' },
-					{ value: 24, name: '汽车用品' },
-					{ value: 23, name: '手机数码' }
-				]
-			}
-		]
-	} as EChartsOption);
+  pieChart.setOption({
+    title: {
+      show: true,
+      text: '产品分类总览',
+      x: 'center',
+      padding: 15,
+      textStyle: {
+        fontSize: 18,
+        fontStyle: 'normal',
+        fontWeight: 'bold',
+        color: '#337ecc'
+      }
+    },
+    grid: {
+      left: '2%',
+      right: '2%',
+      bottom: '10%',
+      containLabel: true
+    },
+    legend: {
+      top: 'bottom'
+    },
+    series: [
+      {
+        name: 'Nightingale Chart',
+        type: 'pie',
+        radius: [50, 130],
+        center: ['50%', '50%'],
+        roseType: 'area',
+        itemStyle: {
+          borderRadius: 6,
+          normal: {
+            color: function (params: any) {
+              //自定义颜色
+              const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C'];
+              return colorList[params.dataIndex];
+            }
+          }
+        },
+        data: [
+          { value: 26, name: '家用电器' },
+          { value: 27, name: '户外运动' },
+          { value: 24, name: '汽车用品' },
+          { value: 23, name: '手机数码' }
+        ]
+      }
+    ]
+  } as EChartsOption);
 
-	chart.value = pieChart;
+  chart.value = pieChart;
 }
 
 onBeforeUnmount(() => {
-	beforeDestroy();
+  beforeDestroy();
 });
 
 onActivated(() => {
-	activated();
+  activated();
 });
 
 onDeactivated(() => {
-	deactivated();
+  deactivated();
 });
 
 onMounted(() => {
-	mounted();
-	nextTick(() => {
-		initChart();
-	});
+  mounted();
+  nextTick(() => {
+    initChart();
+  });
 });
 </script>