v3.1.0 1、【新增】9种登录背景图和样式; 2、【新增】全局字体大小切换; 3、【新增】主题颜色切换; 4、【新增】移除cookie保存token，改为使用localStorage; 5、【优化】升级 ant design vue 到最新版本;

smart-admin-web/javascript-ant-design-vue3/src/views/system/home/components/echarts/pie.vue

@@ -1,78 +1,78 @@
 <template>
-  <default-home-card icon="PieChartTwoTone" title="加班统计">
+  <default-home-card icon="PieChartOutlined" title="加班统计">
     <div class="echarts-box">
       <div class="pie-main" id="pie-main"></div>
     </div>
   </default-home-card>
 </template>
 <script setup>
-import DefaultHomeCard from "/@/views/system/home/components/default-home-card.vue";
-import * as echarts from 'echarts';
-import {onMounted} from "vue";
+  import DefaultHomeCard from '/@/views/system/home/components/default-home-card.vue';
+  import * as echarts from 'echarts';
+  import { onMounted } from 'vue';
 
-onMounted(() => {
-  init();
-});
+  onMounted(() => {
+    init();
+  });
 
-function init(){
-  let option = {
-    tooltip: {
-      trigger: 'item'
-    },
-    legend: {
-      top: '5%',
-      left: 'center'
-    },
-    series: [
-      {
-        name: '加班次数',
-        type: 'pie',
-        radius: ['40%', '70%'],
-        avoidLabelOverlap: false,
-        itemStyle: {
-          borderRadius: 10,
-          borderColor: '#fff',
-          borderWidth: 2
-        },
-        label: {
-          show: false,
-          position: 'center'
-        },
-        emphasis: {
+  function init() {
+    let option = {
+      tooltip: {
+        trigger: 'item',
+      },
+      legend: {
+        top: '5%',
+        left: 'center',
+      },
+      series: [
+        {
+          name: '加班次数',
+          type: 'pie',
+          radius: ['40%', '70%'],
+          avoidLabelOverlap: false,
+          itemStyle: {
+            borderRadius: 10,
+            borderColor: '#fff',
+            borderWidth: 2,
+          },
           label: {
-            show: true,
-            fontSize: '40',
-            fontWeight: 'bold'
-          }
+            show: false,
+            position: 'center',
+          },
+          emphasis: {
+            label: {
+              show: true,
+              fontSize: '40',
+              fontWeight: 'bold',
+            },
+          },
+          labelLine: {
+            show: false,
+          },
+          data: [
+            { value: 10, name: '初晓' },
+            { value: 8, name: '善逸' },
+            { value: 3, name: '胡克' },
+            { value: 1, name: '罗伊' },
+          ],
         },
-        labelLine: {
-          show: false
-        },
-        data: [
-          { value: 10, name: '初晓' },
-          { value: 8, name: '善逸' },
-          { value: 3, name: '胡克' },
-          { value: 1, name: '罗伊' },
-        ]
-      }
-    ]
-  };
-  let chartDom = document.getElementById("pie-main");
-  if (chartDom) {
-    let myChart = echarts.init(chartDom);
-    option && myChart.setOption(option);
+      ],
+    };
+    let chartDom = document.getElementById('pie-main');
+    if (chartDom) {
+      let myChart = echarts.init(chartDom);
+      option && myChart.setOption(option);
+    }
   }
-}
 </script>
-<style lang='less' scoped>
-.echarts-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  .pie-main {
-    width: 260px;
-    height: 260px;
-    background: #fff;
+<style lang="less" scoped>
+  .echarts-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .pie-main {
+      width: 260px;
+      height: 260px;
+      background: #fff;
+    }
   }
-}
 </style>