chore: 优化 ESLint 配置并更正问题代码（eslint src --fix）

src/views/default/error/components/ErrorPage.vue

@@ -2,7 +2,7 @@
   <div class="error-page">
     <section class="error__container">
       <div class="error__img">
-        <component class="error__icon" :is="IconMap[props.code]"></component>
+        <component :is="IconMap[props.code]" class="error__icon"></component>
       </div>
 
       <div class="error__tip">

src/views/home/components/NowTime/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="now-time" v-if="time">
+  <div v-if="time" class="now-time">
     <p class="now-time__time gi_line_1">{{ time }}</p>
   </div>
 </template>

src/views/home/components/ProjectCard.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card title="项目" :bordered="false" size="medium" class="gi_card_title" style="overflow: hidden">
     <a-row align="stretch">
-      <a-col :xs="12" :sm="8" :md="8" v-for="(item, index) in list" :key="item.name">
+      <a-col v-for="(item, index) in list" :key="item.name" :xs="12" :sm="8" :md="8">
         <a-card-grid class="w-full h-full">
           <a-card :bordered="false" hoverable :class="'animated-fade-up-' + index">
             <a :href="item.url" target="_blank">

src/views/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="gi_page home" id="home">
+  <div id="home" class="gi_page home">
     <WorkCard />
 
     <a-alert>

src/views/login/index.vue

@@ -14,13 +14,13 @@
       </a-col>
       <a-col :xs="24" :sm="12" :md="11">
         <div class="login-right">
-          <h3 class="login-right__title" v-if="isEmailLogin">邮箱登录</h3>
+          <h3 v-if="isEmailLogin" class="login-right__title">邮箱登录</h3>
           <EmailLogin v-show="isEmailLogin" />
           <a-tabs v-show="!isEmailLogin" class="login-right__form">
-            <a-tab-pane title="账号登录" key="1">
+            <a-tab-pane key="1" title="账号登录">
               <AccountLogin />
             </a-tab-pane>
-            <a-tab-pane title="手机号登录" key="2">
+            <a-tab-pane key="2" title="手机号登录">
               <PhoneLogin />
             </a-tab-pane>
           </a-tabs>
@@ -59,13 +59,13 @@
     <a-row align="stretch" class="login-box">
       <a-col :xs="24" :sm="12" :md="11">
         <div class="login-right">
-          <h3 class="login-right__title" v-if="isEmailLogin">邮箱登录</h3>
+          <h3 v-if="isEmailLogin" class="login-right__title">邮箱登录</h3>
           <EmailLogin v-show="isEmailLogin" />
           <a-tabs v-show="!isEmailLogin" class="login-right__form">
-            <a-tab-pane title="账号登录" key="1">
+            <a-tab-pane key="1" title="账号登录">
               <AccountLogin />
             </a-tab-pane>
-            <a-tab-pane title="手机号登录" key="2">
+            <a-tab-pane key="2" title="手机号登录">
               <PhoneLogin />
             </a-tab-pane>
           </a-tabs>

src/views/monitor/log/login/index.vue

@@ -7,7 +7,7 @@
     :scroll="{ x: '100%', y: '100%', minWidth: 1000 }"
     :pagination="pagination"
     :disabledTools="['size', 'setting']"
-    @filterChange="filterChange"
+    @filter-change="filterChange"
     @refresh="search"
   >
     <template #custom-left>

src/views/monitor/log/operation/index.vue

@@ -8,7 +8,7 @@
     :pagination="pagination"
     column-resizable
     :disabledTools="['size', 'setting']"
-    @filterChange="filterChange"
+    @filter-change="filterChange"
     @refresh="search"
   >
     <template #custom-left>

src/views/setting/components/VerifyModel.vue

@@ -16,6 +16,7 @@
     </GiForm>
   </a-modal>
 </template>
+
 <script setup lang="ts">
 // import { getSmsCaptcha, getEmailCaptcha, updateUserEmail, updateUserPhone } from '@/apis'
 import { Message } from '@arco-design/web-vue'

src/views/setting/profile/LeftBox.vue

@@ -59,7 +59,7 @@
   <a-modal v-model:visible="visible" title="上传头像" :width="400" :footer="false" @close="reset">
     <a-row>
       <a-col :span="14" style="width: 200px; height: 200px">
-        <vue-cropper
+        <VueCropper
           ref="cropperRef"
           :img="options.img"
           :info="true"

src/views/system/file/components/FileAudioModal/ModalContent.vue

@@ -1,8 +1,8 @@
 <template>
   <transition name="slide-dynamic-origin">
-    <div class="audio-box" ref="audioRef" :style="audioStyle" v-show="visible">
+    <div v-show="visible" ref="audioRef" class="audio-box" :style="audioStyle">
       <section style="padding: 10px 14px 14px 14px">
-        <div class="audio-box__header" ref="audioHeadRef">
+        <div ref="audioHeadRef" class="audio-box__header">
           <div class="audio-name">
             <icon-music :size="16" spin />
             <span>{{ props.data?.name }}.{{ props.data?.extension }}</span>

src/views/system/file/main/FileMain/index.vue

@@ -66,7 +66,7 @@
     </a-row>
 
     <!-- 文件列表-宫格模式 -->
-    <a-spin class="file-main__list" id="fileMain" @scroll="handleScroll" :loading="loading">
+    <a-spin id="fileMain" class="file-main__list" :loading="loading" @scroll="handleScroll">
       <FileGrid
         v-show="fileList.length && mode == 'grid'"
         :data="fileList"

src/views/system/notice/index.vue

@@ -56,6 +56,7 @@
     <NoticeDetailModal ref="NoticeDetailModalRef" />
   </div>
 </template>
+
 <script lang="ts" setup>
 import { listNotice, deleteNotice, type NoticeResp, type NoticeQuery } from '@/apis'
 import NoticeAddModal from './NoticeAddModal.vue'