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/gauge.vue

@@ -7,113 +7,112 @@
  * @FilePath: /smart-admin/src/views/system/home/components/gauge.vue
 -->
 <template>
-  <default-home-card icon="RocketTwoTone" title="业绩完成度">
+  <default-home-card icon="Rocket" title="业绩完成度">
     <div class="echarts-box">
       <div id="gauge-main" class="gauge-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, watch} from "vue";
-import {reactive} from "vue";
+  import DefaultHomeCard from '/@/views/system/home/components/default-home-card.vue';
+  import * as echarts from 'echarts';
+  import { onMounted, watch } from 'vue';
+  import { reactive } from 'vue';
 
-const props = defineProps({
-  percent: {
-    type: Number,
-    default: 0
-  },
-});
+  const props = defineProps({
+    percent: {
+      type: Number,
+      default: 0,
+    },
+  });
 
-let option = reactive({});
-watch(
+  let option = reactive({});
+  watch(
     () => props.percent,
     () => {
       init();
     }
-);
-onMounted(() => {
-  init();
-});
+  );
+  onMounted(() => {
+    init();
+  });
 
-function init() {
-  option = {
-    series: [
-      {
-        type: "gauge",
-        startAngle: 90,
-        endAngle: -270,
-        pointer: {
-          show: false,
-        },
-        progress: {
-          show: true,
-          overlap: false,
-          roundCap: true,
-          clip: false,
-          itemStyle: {
-            borderWidth: 1,
-            borderColor: "#464646",
+  function init() {
+    option = {
+      series: [
+        {
+          type: 'gauge',
+          startAngle: 90,
+          endAngle: -270,
+          pointer: {
+            show: false,
           },
-        },
-        axisLine: {
-          lineStyle: {
-            width: 20,
-          },
-        },
-        splitLine: {
-          show: false,
-          distance: 0,
-          length: 10,
-        },
-        axisTick: {
-          show: false,
-        },
-        axisLabel: {
-          show: false,
-          distance: 50,
-        },
-        data: [
-          {
-            value: props.percent,
-            name: "完成度",
-            title: {
-              offsetCenter: ["0%", "-10%"],
-            },
-            detail: {
-              offsetCenter: ["0%", "20%"],
+          progress: {
+            show: true,
+            overlap: false,
+            roundCap: true,
+            clip: false,
+            itemStyle: {
+              borderWidth: 1,
+              borderColor: '#464646',
             },
           },
-        ],
-        title: {
-          fontSize: 18,
+          axisLine: {
+            lineStyle: {
+              width: 20,
+            },
+          },
+          splitLine: {
+            show: false,
+            distance: 0,
+            length: 10,
+          },
+          axisTick: {
+            show: false,
+          },
+          axisLabel: {
+            show: false,
+            distance: 50,
+          },
+          data: [
+            {
+              value: props.percent,
+              name: '完成度',
+              title: {
+                offsetCenter: ['0%', '-10%'],
+              },
+              detail: {
+                offsetCenter: ['0%', '20%'],
+              },
+            },
+          ],
+          title: {
+            fontSize: 18,
+          },
+          detail: {
+            fontSize: 16,
+            color: 'auto',
+            formatter: '{value}%',
+          },
         },
-        detail: {
-          fontSize: 16,
-          color: "auto",
-          formatter: "{value}%",
-        },
-      },
-    ],
-  };
-  let chartDom = document.getElementById("gauge-main");
-  if (chartDom) {
-    let myChart = echarts.init(chartDom);
-    option && myChart.setOption(option);
+      ],
+    };
+    let chartDom = document.getElementById('gauge-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;
-  .gauge-main {
-    width: 260px;
-    height: 260px;
-    background: #fff;
+  .echarts-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .gauge-main {
+      width: 260px;
+      height: 260px;
+      background: #fff;
+    }
   }
-}
 </style>