refactor: 代码规范、Bug修复

2025-09-26 09:10:37 +08:00
parent 3610f8f7db
commit dcc288acc4
572 changed files with 41415 additions and 44746 deletions
@@ -1,74 +1,80 @@
-<template>
-  <el-upload
-    ref="upload"
-    drag
-    :limit="1"
-    :before-upload="beforeUpload"
-    :auto-upload="true"
-    :headers="headers"
-    :on-success="handleSuccess"
-    :on-error="handleError"
-    :action="ossUploadApi"
-  >
-    <i class="el-icon-upload" />
-    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-    <div slot="tip" class="el-upload__tip">只能上传不超过100MB的文件</div>
-  </el-upload>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import { getToken } from '@/utils/auth'
-import CsMessage from '@/utils/elementui/CsMessage'
-
-export default {
-  name: 'CuteFileUpload',
-  props: {
-    value: {
-      type: Object,
-      required: true,
-      default: null
-    }
-  },
-  data() {
-    return {
-      headers: { 'Authorization': getToken() }
-    }
-  },
-  computed: {
-    ...mapGetters([
-      'baseApi',
-      'ossUploadApi'
-    ])
-  },
-  methods: {
-    beforeUpload(file) {
-      let isLt2M = true
-      isLt2M = file.size / 1024 ** 2 < 100
-      if (!isLt2M) {
-        this.$message.error('上传文件大小不能超过 100MB')
-        return false
-      }
-      return isLt2M
-    },
-    // 监听上传失成功
-    handleSuccess(response, file, fileList) {
-      CsMessage.Success('上传成功')
-      // this.$refs.upload.clearFiles()
-      // console.error('response', response)
-      // console.error('file', file)
-      // console.error('fileList', fileList)
-      this.value.fileUrl = response
-      // 绑定on-success事件
-      this.$emit('on-success', response, file, fileList)
-    },
-    // 监听上传失败
-    handleError(e, file, fileList) {
-      const msg = JSON.parse(e.message)
-      CsMessage.Error(msg.message)
-      // 绑定on-error事件
-      this.$emit('on-error', e, file, fileList)
-    }
-  }
-}
-</script>
+<!--
+ * 文件上传组件：支持拖拽上传
+ * @author odboy
+ * @email tianjun@odboy.cn
+ * @created 2025-07-29
+ -->
+<template>
+  <el-upload
+    ref="upload"
+    drag
+    :limit="1"
+    :before-upload="beforeUpload"
+    :auto-upload="true"
+    :headers="headers"
+    :on-success="handleSuccess"
+    :on-error="handleError"
+    :action="ossUploadApi"
+  >
+    <i class="el-icon-upload" />
+    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+    <div slot="tip" class="el-upload__tip">只能上传不超过100MB的文件</div>
+  </el-upload>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { getToken } from '@/utils/auth'
+import CsMessage from '@/utils/elementui/CsMessage'
+
+export default {
+  name: 'CuteFileUpload',
+  props: {
+    value: {
+      type: Object,
+      required: true,
+      default: null
+    }
+  },
+  data() {
+    return {
+      headers: { 'Authorization': getToken() }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'baseApi',
+      'ossUploadApi'
+    ])
+  },
+  methods: {
+    beforeUpload(file) {
+      let isLt2M = true
+      isLt2M = file.size / 1024 ** 2 < 100
+      if (!isLt2M) {
+        this.$message.error('上传文件大小不能超过 100MB')
+        return false
+      }
+      return isLt2M
+    },
+    // 监听上传失成功
+    handleSuccess(response, file, fileList) {
+      CsMessage.Success('上传成功')
+      // this.$refs.upload.clearFiles()
+      // console.error('response', response)
+      // console.error('file', file)
+      // console.error('fileList', fileList)
+      this.value.fileUrl = response
+      // 绑定on-success事件
+      this.$emit('on-success', response, file, fileList)
+    },
+    // 监听上传失败
+    handleError(e, file, fileList) {
+      const msg = JSON.parse(e.message)
+      CsMessage.Error(msg.message)
+      // 绑定on-error事件
+      this.$emit('on-error', e, file, fileList)
+    }
+  }
+}
+</script>