设备检定导入增加上传文件大小限制

src/views/component/device/smallEquipmentImport.vue

@@ -13,7 +13,8 @@
     @close="closeDialog"
   >
     <el-alert
-      title="提示：请先下载导入模板填写设备信息；相关附件可打包为 ZIP 一并上传（非必填），每个类型仅支持上传 1 个文件。"
+      title="提示：请先下载导入模板填写设备信息；相关附件可打包为 ZIP 一并上传（非必填），每个类型仅支持上传 1 个文件且单个文件大小不超过
+          200M。"
       type="info"
       :closable="false"
       show-icon
@@ -135,6 +136,8 @@ export default {
     return {
       formLabelWidth: '100px',
       level: '',
+      // 单个上传文件最大 200M
+      maxFileSize: 200 * 1024 * 1024,
       paramForm: {
         zipFile: null,
         zipFileList: [],
@@ -205,6 +208,11 @@ export default {
         this.clearZipData()
         return
       }
+      if (file.size > this.maxFileSize) {
+        this.$message.warning('上传文件大小不能超过 200M！')
+        this.clearZipData()
+        return
+      }
       const latest = fileList.slice(-1)
       this.paramForm.zipFileList = latest
       this.paramForm.zipFile = latest[0] ? latest[0].raw : null
@@ -261,6 +269,11 @@ export default {
         this.clearXlsxData()
         return
       }
+      if (file.size > this.maxFileSize) {
+        this.$message.warning('上传文件大小不能超过 200M！')
+        this.clearXlsxData()
+        return
+      }
       const latest = fileList.slice(-1)
       this.paramForm.xlsxFileList = latest
       this.paramForm.xlsxFile = latest[0] ? latest[0].raw : null