前端eslint调整

web/src/view/example/upload/upload.vue

@@ -15,28 +15,67 @@
           :max-w-h="1080"
           @on-success="getTableData"
         />
-        <el-input v-model="search.keyword" class="keyword" placeholder="请输入文件名或备注" />
-        <el-button type="primary" icon="search" @click="getTableData">查询</el-button>
+        <el-input
+          v-model="search.keyword"
+          class="keyword"
+          placeholder="请输入文件名或备注"
+        />
+        <el-button
+          type="primary"
+          icon="search"
+          @click="getTableData"
+        >查询</el-button>
       </div>
 
       <el-table :data="tableData">
-        <el-table-column align="left" label="预览" width="100">
+        <el-table-column
+          align="left"
+          label="预览"
+          width="100"
+        >
           <template #default="scope">
-            <CustomPic pic-type="file" :pic-src="scope.row.url" preview/>
+            <CustomPic
+              pic-type="file"
+              :pic-src="scope.row.url"
+              preview
+            />
           </template>
         </el-table-column>
-        <el-table-column align="left" label="日期" prop="UpdatedAt" width="180">
+        <el-table-column
+          align="left"
+          label="日期"
+          prop="UpdatedAt"
+          width="180"
+        >
           <template #default="scope">
             <div>{{ formatDate(scope.row.UpdatedAt) }}</div>
           </template>
         </el-table-column>
-        <el-table-column align="left" label="文件名/备注" prop="name" width="180">
+        <el-table-column
+          align="left"
+          label="文件名/备注"
+          prop="name"
+          width="180"
+        >
           <template #default="scope">
-            <div class="name" @click="editFileNameFunc(scope.row)">{{ scope.row.name }}</div>
+            <div
+              class="name"
+              @click="editFileNameFunc(scope.row)"
+            >{{ scope.row.name }}</div>
           </template>
         </el-table-column>
-        <el-table-column align="left" label="链接" prop="url" min-width="300" />
-        <el-table-column align="left" label="标签" prop="tag" width="100">
+        <el-table-column
+          align="left"
+          label="链接"
+          prop="url"
+          min-width="300"
+        />
+        <el-table-column
+          align="left"
+          label="标签"
+          prop="tag"
+          width="100"
+        >
           <template #default="scope">
             <el-tag
               :type="scope.row.tag === 'jpg' ? 'primary' : 'success'"
@@ -45,10 +84,24 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column align="left" label="操作" width="160">
+        <el-table-column
+          align="left"
+          label="操作"
+          width="160"
+        >
           <template #default="scope">
-            <el-button icon="download" type="primary" link @click="downloadFile(scope.row)">下载</el-button>
-            <el-button icon="delete" type="primary" link @click="deleteFileFunc(scope.row)">删除</el-button>
+            <el-button
+              icon="download"
+              type="primary"
+              link
+              @click="downloadFile(scope.row)"
+            >下载</el-button>
+            <el-button
+              icon="delete"
+              type="primary"
+              link
+              @click="deleteFileFunc(scope.row)"
+            >删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -80,6 +133,10 @@ import WarningBar from '@/components/warningBar/warningBar.vue'
 import { ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 
+defineOptions({
+  name: 'Upload',
+})
+
 const path = ref(import.meta.env.VITE_BASE_API)
 
 const imageUrl = ref('')
@@ -182,12 +239,6 @@ const editFileNameFunc = async(row) => {
 }
 </script>
 
-<script>
-
-export default {
-  name: 'Upload',
-}
-</script>
 <style scoped>
 .name {
   cursor: pointer;