配置针对vue文件eslint

code/web/task_schedule/src/components/ArchievementChartComponent.vue

@@ -4,12 +4,12 @@
  * @LastEditors: Kane
  * @FilePath: /task_schedule/src/components/ArchievementChartComponent.vue
  * @Description: 业绩图表组件
- * 
- * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ *
+ * Copyright (c) ${2022} by Kane, All Rights Reserved.
 -->
 <template>
     <div class="archievement-wrapper">
-        <div id="chartWrapper"></div>
+        <div id="chartWrapper" />
     </div>
 </template>
 
@@ -18,58 +18,58 @@ import { reactive, onMounted } from "vue";
 import * as echarts from "echarts";
 
 export default {
-    name: "ArchievementChartComponent",
-    props: {
-        chart_data: {
-            type: Array,
-            require: true,
-        },
+  name: "ArchievementChartComponent",
+  props: {
+    chartData: {
+      type: Array,
+      require: true,
+      default: () => [],
     },
-    setup(props)
+  },
+  setup (props)
+  {
+    const ui = reactive({
+      chart_data: props.chartData,
+    });
+
+    // 设置图表
+    const initCharts = () =>
     {
-        const ui = reactive({
-            chart_data: props.chart_data,
-        });
+      const chartDom = document.getElementById("chartWrapper");
+      const myChart = echarts.init(chartDom as HTMLDivElement);
+      const option = {
+        xAxis: {
+          type: "category",
+          data: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二",],
+        },
+        yAxis: {
+          type: "value",
+          data: [200, 400, 600, 800, 1000,],
+        },
+        series: [
+          {
+            data: props.chartData,
+            type: "line",
+          },
+        ],
+      };
 
-        //设置图表
-        const initCharts = () => 
-        {
-            const chartDom = document.getElementById("chartWrapper");
-            // @ts-ignore
-            const myChart = echarts.init(chartDom);
-            const option = {
-                xAxis: {
-                    type: "category",
-                    data: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二",],
-                },
-                yAxis: {
-                    type: "value",
-                    data: [200, 400, 600, 800, 1000,],
-                },
-                series: [
-                    {
-                        data: props.chart_data,
-                        type: "line",
-                    },
-                ],
-            };
+      option && myChart.setOption(option);
 
-            option && myChart.setOption(option);
+      window.onresize = function ()
+      {
+        // 自适应大小
+        myChart.resize();
+      };
+    };
 
-            window.onresize = function () 
-            {
-                //自适应大小
-                myChart.resize();
-            };
-        };
+    onMounted(() =>
+    {
+      initCharts();
+    });
 
-        onMounted(() =>
-        {
-            initCharts();
-        });
-
-        return { ui, initCharts, };
-    },
+    return { ui, initCharts, };
+  },
 };
 </script>
 
@@ -105,4 +105,4 @@ export default {
         border-radius: 5px;
     }
 }
-</style>
+</style>