chore: prettier & lint

Former-commit-id: 486f65e137348f400d7b95067bd3cd5a2f23ff44

src/views/dashboard/components/BarChart.vue

@@ -5,15 +5,12 @@
       <div class="title">
         业绩柱状图
         <el-tooltip effect="dark" content="点击试试下载" placement="bottom">
-          <i-ep-download
-            class="download"
-            @click="downloadEchart"
-          ></i-ep-download>
+          <i-ep-download class="download" @click="downloadEchart" />
         </el-tooltip>
       </div>
     </template>
 
-    <div :id="id" :class="className" :style="{ height, width }" />
+    <div :id="id" :class="className" :style="{ height, width }"></div>
   </el-card>
 </template>
 

src/views/dashboard/components/FunnelChart.vue

@@ -1,96 +1,96 @@
 <!-- 漏斗图 -->
 <template>
-  <div :id="id" :class="className" :style="{ height, width }" />
+  <div :id="id" :class="className" :style="{ height, width }"></div>
 </template>
 
 <script setup lang="ts">
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 
 const props = defineProps({
   id: {
     type: String,
-    default: 'funnelChart'
+    default: "funnelChart",
   },
   className: {
     type: String,
-    default: ''
+    default: "",
   },
   width: {
     type: String,
-    default: '200px',
-    required: true
+    default: "200px",
+    required: true,
   },
   height: {
     type: String,
-    default: '200px',
-    required: true
-  }
+    default: "200px",
+    required: true,
+  },
 });
 
 const options = {
   title: {
     show: true,
-    text: '订单线索转化漏斗图',
-    x: 'center',
+    text: "订单线索转化漏斗图",
+    x: "center",
     padding: 15,
     textStyle: {
       fontSize: 18,
-      fontStyle: 'normal',
-      fontWeight: 'bold',
-      color: '#337ecc'
-    }
+      fontStyle: "normal",
+      fontWeight: "bold",
+      color: "#337ecc",
+    },
   },
   grid: {
-    left: '2%',
-    right: '2%',
-    bottom: '10%',
-    containLabel: true
+    left: "2%",
+    right: "2%",
+    bottom: "10%",
+    containLabel: true,
   },
   legend: {
-    x: 'center',
-    y: 'bottom',
-    data: ['Show', 'Click', 'Visit', 'Inquiry', 'Order']
+    x: "center",
+    y: "bottom",
+    data: ["Show", "Click", "Visit", "Inquiry", "Order"],
   },
 
   series: [
     {
-      name: 'Funnel',
-      type: 'funnel',
-      left: '20%',
+      name: "Funnel",
+      type: "funnel",
+      left: "20%",
       top: 60,
       bottom: 60,
-      width: '60%',
-      sort: 'descending',
+      width: "60%",
+      sort: "descending",
       gap: 2,
       label: {
         show: true,
-        position: 'inside'
+        position: "inside",
       },
       labelLine: {
         length: 10,
         lineStyle: {
           width: 1,
-          type: 'solid'
-        }
+          type: "solid",
+        },
       },
       itemStyle: {
-        borderColor: '#fff',
-        borderWidth: 1
+        borderColor: "#fff",
+        borderWidth: 1,
       },
       emphasis: {
         label: {
-          fontSize: 20
-        }
+          fontSize: 20,
+        },
       },
       data: [
-        { value: 60, name: 'Visit' },
-        { value: 40, name: 'Inquiry' },
-        { value: 20, name: 'Order' },
-        { value: 80, name: 'Click' },
-        { value: 100, name: 'Show' }
-      ]
-    }
-  ]
+        { value: 60, name: "Visit" },
+        { value: 40, name: "Inquiry" },
+        { value: 20, name: "Order" },
+        { value: 80, name: "Click" },
+        { value: 100, name: "Show" },
+      ],
+    },
+  ],
 };
 
 onMounted(() => {
@@ -99,7 +99,7 @@ onMounted(() => {
   );
   chart.setOption(options);
 
-  window.addEventListener('resize', () => {
+  window.addEventListener("resize", () => {
     chart.resize();
   });
 });

src/views/dashboard/components/PieChart.vue

@@ -2,69 +2,69 @@
 <template>
   <el-card>
     <template #header> 产品分类饼图 </template>
-    <div :id="id" :class="className" :style="{ height, width }" />
+    <div :id="id" :class="className" :style="{ height, width }"></div>
   </el-card>
 </template>
 
 <script setup lang="ts">
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 
 const props = defineProps({
   id: {
     type: String,
-    default: 'pieChart'
+    default: "pieChart",
   },
   className: {
     type: String,
-    default: ''
+    default: "",
   },
   width: {
     type: String,
-    default: '200px',
-    required: true
+    default: "200px",
+    required: true,
   },
   height: {
     type: String,
-    default: '200px',
-    required: true
-  }
+    default: "200px",
+    required: true,
+  },
 });
 const options = {
   grid: {
-    left: '2%',
-    right: '2%',
-    bottom: '10%',
-    containLabel: true
+    left: "2%",
+    right: "2%",
+    bottom: "10%",
+    containLabel: true,
   },
   legend: {
-    top: 'bottom',
+    top: "bottom",
     textStyle: {
-      color: '#999'
-    }
+      color: "#999",
+    },
   },
   series: [
     {
-      name: 'Nightingale Chart',
-      type: 'pie',
+      name: "Nightingale Chart",
+      type: "pie",
       radius: [50, 130],
-      center: ['50%', '50%'],
-      roseType: 'area',
+      center: ["50%", "50%"],
+      roseType: "area",
       itemStyle: {
         borderRadius: 1,
         color: function (params: any) {
           //自定义颜色
-          const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C'];
+          const colorList = ["#409EFF", "#67C23A", "#E6A23C", "#F56C6C"];
           return colorList[params.dataIndex];
-        }
+        },
       },
       data: [
-        { value: 26, name: '家用电器' },
-        { value: 27, name: '户外运动' },
-        { value: 24, name: '汽车用品' },
-        { value: 23, name: '手机数码' }
-      ]
-    }
-  ]
+        { value: 26, name: "家用电器" },
+        { value: 27, name: "户外运动" },
+        { value: 24, name: "汽车用品" },
+        { value: 23, name: "手机数码" },
+      ],
+    },
+  ],
 };
 
 onMounted(() => {
@@ -72,7 +72,7 @@ onMounted(() => {
     document.getElementById(props.id) as HTMLDivElement
   );
   chart.setOption(options);
-  window.addEventListener('resize', () => {
+  window.addEventListener("resize", () => {
     chart.resize();
   });
 });

src/views/dashboard/components/RadarChart.vue

@@ -2,89 +2,89 @@
 <template>
   <el-card>
     <template #header> 订单状态雷达图 </template>
-    <div :id="id" :class="className" :style="{ height, width }" />
+    <div :id="id" :class="className" :style="{ height, width }"></div>
   </el-card>
 </template>
 
 <script setup lang="ts">
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 
 const props = defineProps({
   id: {
     type: String,
-    default: 'radarChart'
+    default: "radarChart",
   },
   className: {
     type: String,
-    default: ''
+    default: "",
   },
   width: {
     type: String,
-    default: '200px',
-    required: true
+    default: "200px",
+    required: true,
   },
   height: {
     type: String,
-    default: '200px',
-    required: true
-  }
+    default: "200px",
+    required: true,
+  },
 });
 
 const options = {
   grid: {
-    left: '2%',
-    right: '2%',
-    bottom: '10%',
-    containLabel: true
+    left: "2%",
+    right: "2%",
+    bottom: "10%",
+    containLabel: true,
   },
   legend: {
-    x: 'center',
-    y: 'bottom',
-    data: ['预定数量', '下单数量', '发货数量'],
+    x: "center",
+    y: "bottom",
+    data: ["预定数量", "下单数量", "发货数量"],
     textStyle: {
-      color: '#999'
-    }
+      color: "#999",
+    },
   },
   radar: {
     // shape: 'circle',
-    radius: '60%',
+    radius: "60%",
     indicator: [
-      { name: '家用电器' },
-      { name: '服装箱包' },
-      { name: '运动户外' },
-      { name: '手机数码' },
-      { name: '汽车用品' },
-      { name: '家具厨具' }
-    ]
+      { name: "家用电器" },
+      { name: "服装箱包" },
+      { name: "运动户外" },
+      { name: "手机数码" },
+      { name: "汽车用品" },
+      { name: "家具厨具" },
+    ],
   },
   series: [
     {
-      name: 'Budget vs spending',
-      type: 'radar',
+      name: "Budget vs spending",
+      type: "radar",
       itemStyle: {
         borderRadius: 6,
         color: function (params: any) {
           //自定义颜色
-          const colorList = ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C'];
+          const colorList = ["#409EFF", "#67C23A", "#E6A23C", "#F56C6C"];
           return colorList[params.dataIndex];
-        }
+        },
       },
       data: [
         {
           value: [400, 400, 400, 400, 400, 400],
-          name: '预定数量'
+          name: "预定数量",
         },
         {
           value: [300, 300, 300, 300, 300, 300],
-          name: '下单数量'
+          name: "下单数量",
         },
         {
           value: [200, 200, 200, 200, 200, 200],
-          name: '发货数量'
-        }
-      ]
-    }
-  ]
+          name: "发货数量",
+        },
+      ],
+    },
+  ],
 };
 
 onMounted(() => {
@@ -93,7 +93,7 @@ onMounted(() => {
   );
   chart.setOption(options);
 
-  window.addEventListener('resize', () => {
+  window.addEventListener("resize", () => {
     chart.resize();
   });
 });