文件上传完善

src/views/collectReorganizi/batchConnection/module/form.vue

@@ -236,18 +236,18 @@ export default {
     opened() {
       this.getFieldCommon()
     },
-    handleSuccessResource(res, fileName, jsonArrayToSend) {
-      console.log('handleSuccessResource', res[0])
+    handleSuccessResource(filePath, fileName, jsonArrayToSend) {
+      console.log('handleSuccessResource', filePath)
       console.log('handleSuccessResource', fileName)
       console.log('handleSuccessResource', jsonArrayToSend)
       console.log('handleSuccessResource', jsonArrayToSend[0].fileJsonString)
 
       const fileJson = JSON.parse(jsonArrayToSend[0].fileJsonString)
-      fileJson[0].file_path = res[0]
+      fileJson[0].file_path = filePath
       fileJson[0].is_quote = null
       fileJson[0].last_modified = jsonArrayToSend[0].last_modified
       this.fileList = fileJson
-      this.upfilePath = res[0]
+      this.upfilePath = filePath
     },
     handleErrorResource(res) {
       console.log('handleErrorResource', res)

src/views/collectReorganizi/collectionLibrary/mixins/index.js

@@ -49,7 +49,7 @@ export const collectionLibraryCrud = {
     },
     handleSearch(categoryLevel) {
       const queryResult = this.hasValue(this.query)
-      console.log(queryResult)
+      // console.log(queryResult)
       if (localStorage.getItem('currentPage') && !queryResult) {
         this.page.page = parseInt(localStorage.getItem('currentPage'))
       } else {

src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue

@@ -1016,13 +1016,10 @@ export default {
         this.$refs.uploadOriginalRef.uploadTitle = '普通上传'
         this.$refs.uploadOriginalRef.uploadVisible = true
       } else if (uploadType === 1) {
-        this.$refs.uploadBigRef.uploadBigVisible = true
-        this.isCatalogUpload = false
+        this.$refs.uploadBigRef.updateUploadOptions(1)
         this.$refs.uploadBigRef.fileList = []
       } else if (uploadType === 2) {
-        this.$refs.uploadBigRef.uploadTitle = '原文目录上传'
-        this.$refs.uploadBigRef.uploadBigVisible = true
-        this.isCatalogUpload = true
+        this.$refs.uploadBigRef.updateUploadOptions(2)
         this.$refs.uploadBigRef.fileList = []
       }
       if (this.$refs.uploadOriginalRef.uploadVisible) {

src/views/collectReorganizi/collectionLibrary/module/uploadOriginal/bigUpload.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!--上传组件-->
-    <el-dialog class="big-file" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="uploadBigVisible" :before-close="handleCloseDialog" @opened="opened">
+    <el-dialog class="big-file" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="uploadBigVisible" :before-close="handleCloseDialog">
       <template #title>
         {{ uploadTitle }}
         <span style="color: red;font-size: 12px; ">单个文件不可超过10GB</span>
@@ -10,6 +10,7 @@
         <div class="uploader-big">
           <uploader
             ref="uploader"
+            :key="uploaderKey"
             :auto-start="false"
             :options="options"
             :file-status-text="statusText"
@@ -20,7 +21,7 @@
           >
             <uploader-unsupport />
             <uploader-drop>
-              <p>将文件拖到此处，或点击上传</p>
+              <p>{{ !isCatalogUpload ? '将文件拖到此处，或点击上传（可多文件上传）' : "将ZIP包拖到此处, 或点击上传（只可单文件上传）" }}</p>
               <uploader-btn :attrs="attrs">
                 <slot>
                   <i class="iconfont icon-tianjiawenjian upload-icon" />
@@ -68,6 +69,43 @@
         <el-button type="text" @click="repeatFileVisible = false">取消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 目录上传报错 -->
+    <el-dialog class="catalog-dialog" title="目录上传-失败列表" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="catalogErrorVisible">
+      <div class="setting-dialog">
+        <div style="margin-bottom: 20px; display:flex; justify-content: flex-start;">
+          <p style="margin-right: 20px;">总条数： <span style=" font-weight: bold;">{{ resultCatalog && resultCatalog.mountFile.total }} </span> 条</p>
+          <p style="margin-right: 20px;">成功： <span style="color:#1AAE93; font-weight: bold;">{{ resultCatalog && resultCatalog.mountFile.successNum }} </span> 条</p>
+          <p>失败： <span style="color:#f00; font-weight: bold; ">{{ resultCatalog && resultCatalog.mountFile.failNum }}</span> 条 </p>
+        </div>
+        <!-- <div v-for="(item,index) in resultCatalog && resultCatalog.failArchives" :key="index" class="file-list" style="margin-bottom: 10px;">
+          <i class="iconfont icon-xiaowenjian" />
+          {{ item }}
+        </div> -->
+        <el-table class="archives-table" :data="catalogInfoData" style="min-width: 100%" height="calc(100vh - 676px)">
+          <el-table-column type="expand">
+            <template #default="{ row }">
+              <el-row style="padding-left: 20px;">
+                <el-col :span="24" style="line-height: 30px;">
+                  <div v-for="(file, index) in row.children" :key="index"><i class="iconfont icon-xiaowenjian" />{{ file }}</div>
+                </el-col>
+              </el-row>
+            </template>
+          </el-table-column>
+          <el-table-column prop="archives" label="档案/电子原文" />
+          <el-table-column prop="description" label="失败原因" />
+          <!-- <el-table-column prop="update_by" label="电子原文" min-width="60" />
+          <el-table-column prop="update_time" label="状态" width="180">
+            <template slot-scope="scope">
+              <div>{{ scope.row.update_time | parseTime }}</div>
+            </template>
+          </el-table-column> -->
+        </el-table>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="catalogErrorVisible = false">确定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -130,7 +168,8 @@ export default {
         }
       },
       attrs: {
-        accept: ''
+        accept: '',
+        multiple: true
       },
       // 修改上传状态
       statusText: {
@@ -147,7 +186,14 @@ export default {
       // 重复的文件
       repeatFileVisible: false,
       repeatFileData: [],
-      originFileData: []
+      originFileData: [],
+      uploaderKey: 0,
+      resultCatalog: {
+        mountFile: {},
+        failArchives: []
+      },
+      catalogErrorVisible: false,
+      catalogInfoData: []
     }
   },
   computed: {
@@ -160,19 +206,37 @@ export default {
   },
   methods: {
     opened() {
-      this.updateUploadOptions()
-    },
-    updateUploadOptions() {
-      if (this.isCatalogUpload) {
-        // 使用 Object.assign 创建新的对象
-        this.attrs = Object.assign({}, this.attrs, { accept: '.zip' })
-        this.options.singleFile = true
+      this.$nextTick(() => {
+        if (!this.isCatalogUpload) {
+          this.uploadTitle = '文件上传'
+          this.attrs = { accept: '', multiple: true }
+          this.options.singleFile = false
         } else {
-        // 使用展开运算符创建新的对象
-        this.attrs = { ...this.attrs, accept: '' }
+          this.uploadTitle = '原文目录上传'
+          this.attrs = { accept: '.zip', multiple: false }
+          this.options.singleFile = true
+        }
+        this.uploaderKey++
+        console.log('this.isCatalogUpload', this.isCatalogUpload)
+        this.uploadBigVisible = true
+      })
+    },
+    updateUploadOptions(uploadType) {
+      console.log('uploadType', uploadType)
+      if (uploadType === 1) {
+        this.isCatalogUpload = false
+        this.uploadTitle = '文件上传'
+        this.attrs = { accept: '' }
         this.options.singleFile = false
+      } else {
+        this.isCatalogUpload = true
+        this.uploadTitle = '原文目录上传'
+        this.attrs = { accept: '.zip' }
+        this.options.singleFile = true
       }
       console.log('this.attrs.accept', this.attrs.accept)
+      this.uploaderKey++
+      this.uploadBigVisible = true
     },
     // 电子原文列表
     getFileList() {
@@ -266,19 +330,55 @@ export default {
               'Authorization': getToken()
             }
           }).then((res) => {
-            console.log(res)
-            if (res.data.code === 200 && res.data.data[0] !== '') {
-              if (this.isCatalogUpload) {
+            console.log('merge', res.data.data)
+            if (res.data.code === 200) {
+              if (this.isCatalogUpload && res.data.data.length === 1 && res.data.data[0] !== '') {
+                // 目录上传
                 catalogUpload(this.baseApi + '/api/collect/catalogUpload',
                   res.data.data[0],
                   this.selectedCategory.fondsId
                 ).then(res => {
                   if (res.data.code === 200) {
-                    this.$message({ message: '操作成功', type: 'success', offset: 8 })
+                    this.resultCatalog = res.data.data
+                    if (this.resultCatalog.mountFile.total === this.resultCatalog.mountFile.successNum) {
+                      this.$message({ message: '目录上传操作成功', type: 'success', offset: 8 })
+                    } else if (this.resultCatalog.mountFile.total === this.resultCatalog.mountFile.failNum) {
+                      this.catalogErrorVisible = true
                     } else {
-                    this.$message({ message: '操作失败', type: 'error', offset: 8 })
+                      this.catalogErrorVisible = true
+                    }
+                    this.catalogInfoData = []
+                    this.resultCatalog.failArchives.forEach(item => {
+                      const parts = item.split(':')
+                      if (parts.length === 2) {
+                        const field = parts[0]
+                        let fileStr = parts[1]
+                        // 去除方括号
+                        fileStr = fileStr.replace(/\[|\]/g, '')
+                        // 按逗号分割成数组
+                        const fileArray = fileStr.split(',').map(file => file.trim())
+                        // 拆分 field 为档号和文案
+                        const match = field.match(/^([\w-·]+)(.*)$/)
+                        let archives = ''
+                        let description = ''
+                        if (match) {
+                          archives = match[1]
+                          description = match[2]
+                        }
+                        this.catalogInfoData.push({
+                          archives,
+                          description,
+                          children: fileArray
+                        })
                       }
+                    })
+                    console.log('catalogInfoData', this.catalogInfoData)
                     this.$emit('close-dialog')
+                  } else {
+                    console.log('result1', res.data)
+                    console.log('result2', res.data.message)
+                    this.$message({ message: res.data.message, type: 'error', offset: 8 })
+                  }
                   this.handleCloseDialog()
                 })
               } else {
@@ -330,6 +430,7 @@ export default {
       this.repeatFileVisible = false
     },
     async filesAdded(file, fileList, event) {
+      if (!this.isCatalogUpload) {
         // 先获取原文件列表
         await this.getFileList()
 
@@ -346,6 +447,12 @@ export default {
             this.repeatFileVisible = true
           }
         })
+      } else {
+        file.forEach((e) => {
+          this.fileList.push(e)
+          this.computeMD5(e)
+        })
+      }
     },
     computeMD5(file) {
       const maxMessage = '上传文件大小不能超过 10GB!'
@@ -441,7 +548,10 @@ export default {
       this.fileList = []
       this.$refs.uploader.files = []
       this.$refs.uploader.fileList = []
-      this.attrs = { ...this.attrs, accept: '' }
+      // 重置 isCatalogUpload 和 attrs
+      this.isCatalogUpload = false
+      this.attrs = { accept: '', multiple: true }
+      this.uploaderKey++
     }
   }
 }
@@ -564,4 +674,9 @@ export default {
   }
 }
 
+// .catalog-dialog{
+//   ::v-deep .el-dialog{
+//     width: 560px !important;
+//   }
+// }
 </style>

src/views/components/category/PreviewForm.vue

@@ -73,7 +73,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row v-if="isDesFormType === 'prearchiveLibrary'" class="preview-form-bottom prearch-bottom">
+      <el-row v-if="isDesFormType === 'prearchiveLibrary'" class="preview-form-bottom prearch-bottom-new">
         <el-col>
           <el-form-item label="电子原件" prop="fileOriginal" class="prearch-upload">
             <!-- <p :class="['input-style', fileOriginal === null ? 'error-box' :'']">{{ fileOriginal }}</p> -->
@@ -83,7 +83,7 @@
               <input id="upFile" type="file" name="upFile" @change="changeFile($event)">
               <el-button size="small" type="primary"><i class="iconfont icon-shangchuan" />上传</el-button>
             </div> -->
-            <PreUpload :selected-document="selectedDocument" :arc-id="arcId" @onUploadSuccess="handleSuccessResource" @onUploadError="handleErrorResource" />
+            <PreUpload ref="preUploadRefs" :selected-document="selectedDocument" :arc-id="arcId" @onUploadSuccess="handleSuccessResource" @onUploadError="handleErrorResource" />
           </el-form-item>
         </el-col>
       </el-row>
@@ -284,15 +284,18 @@ export default {
   mounted() {
   },
   methods: {
-    handleSuccessResource(res, fileName, jsonArrayToSend) {
-      console.log('handleSuccessResource', res[0])
+    preUplpadClose() {
+      this.$refs.preUploadRefs.handleClearData()
+    },
+    handleSuccessResource(filePath, fileName, jsonArrayToSend) {
+      console.log('handleSuccessResource', filePath)
       console.log('handleSuccessResource', fileName)
       console.log('handleSuccessResource', jsonArrayToSend)
       console.log('handleSuccessResource', jsonArrayToSend[0].fileJsonString)
       this.fileOriginal = fileName
 
       const fileJson = JSON.parse(jsonArrayToSend[0].fileJsonString)
-      fileJson[0].file_path = '/' + res[0]
+      fileJson[0].file_path = '/' + filePath
       fileJson[0].is_quote = null
       fileJson[0].last_modified = jsonArrayToSend[0].last_modified
       this.fileJsonString = JSON.stringify(fileJson)
@@ -1064,7 +1067,6 @@ export default {
               'fondsAffiliation': this.selectedDocument.fondsId
             }
             console.log('params', params)
-            console.log('archivesType', this.archivesType)
             prearchEdit(params).then(res => {
               if (res) {
                 this.$message({ message: res.message, type: 'success', offset: 8 })
@@ -1392,10 +1394,10 @@ export default {
 
 }
 .prearch-bottom{
-  // position: fixed;
-  // bottom: 72px;
-  // left: 0;
-  // background: #fff;
+  position: fixed;
+  bottom: 72px;
+  left: 0;
+  background: #fff;
   width: 100%;
   padding: 20px 0 0 20px;
 }
@@ -1476,7 +1478,7 @@ export default {
 }
 
 .library-form{
-  height: calc(100vh - 473px) !important;
+  height: calc(100vh - 458px) !important;
   overflow: hidden;
   overflow-y: scroll;
 }

src/views/components/category/preUpload.vue

@@ -5,7 +5,6 @@
       :options="initOptions"
       :file-status-text="fileStatusText"
       :auto-start="false"
-
       class="uploader-app"
       @file-added="onFileAdded"
       @file-success="onUploadSuccess"
@@ -147,6 +146,7 @@ export default {
     clearInterval(this.queryTimer)
   },
   methods: {
+
     clickUploader(e) {
       this.$refs.uploadBtn.$el.click()
     },
@@ -273,32 +273,151 @@ export default {
         this.skip = false
       }
     },
+    // handleUploadConfirm() {
+    //   if (this.$refs.uploader.fileList.length === 0) {
+    //     this.$message({ message: '请选择要上传的文件!', type: 'error', offset: 8 })
+    //     return false
+    //   }
+    //   this.nowDate = getCurrentTime()
+    //   const jsonArrayToSend = []
+    //   this.isSyncUpload = true
+    //   // 使用 Promise.all 确保所有异步操作完成
+    //   Promise.all(this.$refs.uploader.fileList.map(async(item) => {
+    //     console.log('item', item)
+    //     const json = {}
+    //     const jsonArray = []
+    //     const jsonString = {}
+
+    //     if (item.file.type.substring(0, item.file.type.indexOf('/')) === 'image') {
+    //       const fileBase64 = await this.getBase64(item.file)
+    //       const imgRes = await this.getImgPx(fileBase64)
+    //       item.file.px = imgRes.width + 'px*' + imgRes.height + 'px'
+    //     } else {
+    //       item.file.px = ''
+    //     }
+
+    //     jsonString.file_name = item.file.name
+    //     jsonString.file_size = item.file.size
+    //     jsonString.file_type = item.file.name.substring(item.name.lastIndexOf('.') + 1, item.file.name.length)
+    //     json.last_modified = item.file.lastModified
+    //     jsonString.file_path = ''
+    //     jsonString.sequence = null
+    //     jsonString.archive_id = this.arcId
+    //     jsonString.file_dpi = item.file.px
+    //     jsonString.file_thumbnail = ''
+    //     jsonString.create_time = this.nowDate
+    //     jsonString.id = null
+    //     jsonArray.push(jsonString)
+
+    //     if (this.isBatchMount === 'true') {
+    //       json.categoryId = this.selectedCategory.id
+    //     } else {
+    //       json.documentId = this.selectedDocument.id
+    //     }
+
+    //     json.archivesId = this.arcId
+    //     json.identifier = item.uniqueIdentifier
+    //     json.filename = item.name
+    //     json.totalChunks = item.chunks.length - 1
+    //     json.totalSize = item.size
+    //     json.fileJsonString = JSON.stringify(jsonArray)
+
+    //     jsonArrayToSend.push(json)
+    //   })).then(() => {
+    //     console.log('jsonArrayToSend', jsonArrayToSend)
+
+    //     if (this.$refs.uploader.fileList.every(item => item.completed) && this.isUpload) {
+    //       if (this.isBatchMount === 'true') {
+    //         // 本地挂接
+    //         axios.post(this.baseApi + '/api/collect/merge', jsonArrayToSend, {
+    //           headers: {
+    //             'Authorization': getToken()
+    //           }
+    //         }).then((res) => {
+    //           console.log(res)
+    //           if (res.data.code === 200 && res.data.data.length === 1 && res.data.data[0] !== '') {
+    //             this.$message({ message: '文件上传成功', type: 'success', offset: 8 })
+    //             this.$emit('onUploadSuccess', res.data.data[0], this.fileName, jsonArrayToSend)
+    //           } else {
+    //             this.$message({ message: '文件上传失败', type: 'error', offset: 8 })
+    //           }
+    //           this.isSyncUpload = false
+    //           setTimeout(() => {
+    //             this.isUpload = false
+    //           }, 2000)
+    //         }).catch(err => {
+    //           this.isSyncUpload = false
+    //           setTimeout(() => {
+    //             this.isUpload = false
+    //           }, 2000)
+    //           this.$emit('onUploadError', err)
+    //           this.$message({ message: '上传服务器失败', type: 'error', offset: 8 })
+    //           clearInterval(this.queryTimer)
+    //         })
+    //       } else {
+    //         // 预归档库
+    //         axios.post(this.baseApi + '/api/re-document/merge', jsonArrayToSend, {
+    //           headers: {
+    //             'Authorization': getToken()
+    //           }
+    //         }).then((res) => {
+    //           console.log(res)
+    //           if (res.data.code === 200 && res.data.data.length === 1 && res.data.data[0] !== '') {
+    //             this.$message({ message: '文件上传成功', type: 'success', offset: 8 })
+    //             this.$emit('onUploadSuccess', res.data.data[0], this.fileName, jsonArrayToSend)
+    //           } else {
+    //             this.$message({ message: '文件上传失败', type: 'error', offset: 8 })
+    //           }
+    //           this.isSyncUpload = false
+    //         }).catch(err => {
+    //           this.isSyncUpload = false
+    //           setTimeout(() => {
+    //             this.isUpload = false
+    //           }, 2000)
+    //           this.$emit('onUploadError', err)
+    //           this.$message({ message: '上传服务器失败', type: 'error', offset: 8 })
+    //           clearInterval(this.queryTimer)
+    //         })
+    //       }
+    //     } else {
+    //       this.isSyncUpload = false
+    //       setTimeout(() => {
+    //         this.isUpload = false
+    //       }, 2000)
+    //       this.$message({ message: '请耐心等待文件上传完成后再保存!', type: 'error', offset: 8 })
+    //     }
+    //   })
+    // },
     handleUploadConfirm() {
+      // 检查是否选择了文件
       if (this.$refs.uploader.fileList.length === 0) {
-        this.$message({ message: '请选择要上传的文件!', type: 'error', offset: 8 })
+        this.showMessage('请选择要上传的文件!', 'error')
         return false
       }
+
       this.nowDate = getCurrentTime()
       const jsonArrayToSend = []
       this.isSyncUpload = true
-      // 使用 Promise.all 确保所有异步操作完成
-      Promise.all(this.$refs.uploader.fileList.map(async(item) => {
-        console.log('item', item)
+
+      // 处理文件列表
+      const processFile = async(item) => {
         const json = {}
         const jsonArray = []
         const jsonString = {}
 
-        if (item.file.type.substring(0, item.file.type.indexOf('/')) === 'image') {
+        // 处理图片文件
+        if (item.file.type.startsWith('image')) {
           const fileBase64 = await this.getBase64(item.file)
           const imgRes = await this.getImgPx(fileBase64)
-          item.file.px = imgRes.width + 'px*' + imgRes.height + 'px'
+          item.file.px = `${imgRes.width}px*${imgRes.height}px`
         } else {
           item.file.px = ''
         }
 
+        // 填充 jsonString 对象
         jsonString.file_name = item.file.name
         jsonString.file_size = item.file.size
-        jsonString.file_type = item.file.name.substring(item.name.lastIndexOf('.') + 1, item.file.name.length)
+        jsonString.file_type = item.file.name.split('.').pop()
         json.last_modified = item.file.lastModified
         jsonString.file_path = ''
         jsonString.sequence = null
@@ -308,14 +427,15 @@ export default {
         jsonString.create_time = this.nowDate
         jsonString.id = null
         jsonArray.push(jsonString)
-        console.log('isBatchMount', this.isBatchMount)
-        console.log('isBatchMount', typeof this.isBatchMount)
+
+        // 根据挂载类型设置不同的 id
         if (this.isBatchMount === 'true') {
           json.categoryId = this.selectedCategory.id
         } else {
           json.documentId = this.selectedDocument.id
         }
 
+        // 填充 json 对象
         json.archivesId = this.arcId
         json.identifier = item.uniqueIdentifier
         json.filename = item.name
@@ -324,68 +444,74 @@ export default {
         json.fileJsonString = JSON.stringify(jsonArray)
 
         jsonArrayToSend.push(json)
-      })).then(() => {
+      }
+
+      // 使用 Promise.all 确保所有异步操作完成
+      Promise.all(this.$refs.uploader.fileList.map(processFile))
+        .then(() => {
           console.log('jsonArrayToSend', jsonArrayToSend)
 
+          // 检查文件是否全部上传完成
           if (this.$refs.uploader.fileList.every(item => item.completed) && this.isUpload) {
-          if (this.isBatchMount === 'true') {
-            axios.post(this.baseApi + '/api/collect/merge', jsonArrayToSend, {
-              headers: {
-                'Authorization': getToken()
-              }
-            }).then((res) => {
-              console.log(res)
-              if (res.data.code === 200 && res.data.data[0] !== '') {
-                this.$message({ message: '文件上传成功', type: 'success', offset: 8 })
-                this.$emit('onUploadSuccess', res.data.data, this.fileName, jsonArrayToSend)
+            const apiUrl = this.isBatchMount === 'true'
+              ? `${this.baseApi}/api/collect/merge`
+              : `${this.baseApi}/api/re-document/merge`
+
+            // 发送请求
+            this.sendRequest(apiUrl, jsonArrayToSend)
+              .then((res) => {
+                if (res.data.code === 200 && res.data.data.length === 1 && res.data.data[0] !== '') {
+                  this.showMessage('文件上传成功', 'success')
+                  this.$emit('onUploadSuccess', res.data.data[0], this.fileName, jsonArrayToSend)
                 } else {
-                this.$message({ message: '文件上传失败', type: 'error', offset: 8 })
+                  this.showMessage('文件上传失败', 'error')
                 }
                 this.isSyncUpload = false
+                if (this.isBatchMount === 'true') {
                   setTimeout(() => {
                     this.isUpload = false
                   }, 2000)
-            }).catch(err => {
+                }
+              })
+              .catch((err) => {
+                this.handleRequestError(err)
+              })
+          } else {
             this.isSyncUpload = false
             setTimeout(() => {
               this.isUpload = false
             }, 2000)
-              this.$emit('onUploadError', err)
-              this.$message({ message: '上传服务器失败', type: 'error', offset: 8 })
-              clearInterval(this.queryTimer)
+            this.showMessage('请耐心等待文件上传完成后再保存!', 'error')
+          }
         })
-          } else {
-            axios.post(this.baseApi + '/api/re-document/merge', jsonArrayToSend, {
+        .catch((err) => {
+          this.handleRequestError(err)
+        })
+    },
+
+    // 显示消息的方法
+    showMessage(message, type) {
+      this.$message({ message, type, offset: 8 })
+    },
+
+    // 发送请求的方法
+    sendRequest(url, data) {
+      return axios.post(url, data, {
         headers: {
           'Authorization': getToken()
         }
-            }).then((res) => {
-              console.log(res)
-              if (res.data.code === 200 && res.data.data !== '') {
-                this.$message({ message: '文件上传成功', type: 'success', offset: 8 })
-                this.$emit('onUploadSuccess', res.data.data, this.fileName, jsonArrayToSend)
-              } else {
-                this.$message({ message: '文件上传失败', type: 'error', offset: 8 })
-              }
-              this.isSyncUpload = false
-            }).catch(err => {
+      })
+    },
+
+    // 处理请求错误的方法
+    handleRequestError(err) {
       this.isSyncUpload = false
       setTimeout(() => {
         this.isUpload = false
       }, 2000)
       this.$emit('onUploadError', err)
-              this.$message({ message: '上传服务器失败', type: 'error', offset: 8 })
+      this.showMessage('上传服务器失败', 'error')
       clearInterval(this.queryTimer)
-            })
-          }
-        } else {
-          this.isSyncUpload = false
-          setTimeout(() => {
-            this.isUpload = false
-          }, 2000)
-          this.$message({ message: '请耐心等待文件上传完成后再保存!', type: 'error', offset: 8 })
-        }
-      })
     },
     // 上传失败
     onFileError(rootFile, file, response, chunk) {
@@ -414,6 +540,23 @@ export default {
           resolve({ width, height })
         }
       })
+    },
+    handleClearData() {
+      this.isStartUpload = false
+      this.md5ProgressText = 0
+      this.isMd5Upload = false
+      this.isUpload = false
+      this.uploadProcessNum = 0
+      this.uploadSpeed = 0
+      this.fileName = ''
+      this.isSyncUpload = false
+      const uploaderInstance = this.$refs.uploader.uploader
+      console.log('uploaderInstance.fileList222', uploaderInstance.fileList)
+      uploaderInstance.fileList.forEach(file => file.cancel())
+      uploaderInstance.fileList = []
+      uploaderInstance.files = []
+      this.$refs.uploader.files = []
+      this.$refs.uploader.fileList = []
     }
   }
 }

src/views/prearchiveLibrary/index.vue

@@ -76,7 +76,7 @@
         <!-- 移动 -->
         <moveFile ref="moveForm" :selected-document="selectedDocument" @refresh="crud.refresh" />
         <!-- 合并成件 -->
-        <el-dialog class="dialog-middle" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="handleClose" :visible="mergeVisible" title="合并成件">
+        <el-dialog class="dialog-middle" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="closeDialog" :visible="mergeVisible" title="合并成件">
           <span class="dialog-right-top" />
           <span class="dialog-left-bottom" />
           <div class="setting-dialog">
@@ -103,7 +103,7 @@
         </el-dialog>
 
         <!--新增 / 编辑 表单组件-->
-        <el-dialog class="preview-dialog" :modal-append-to-body="false" :close-on-click-modal="false" append-to-body :before-close="handleClose" :visible="formVisible" :title="formTitle">
+        <el-dialog class="preview-dialog" :modal-append-to-body="false" :close-on-click-modal="false" append-to-body :before-close="closeDialog" :visible="formVisible" :title="formTitle">
           <span class="dialog-right-top" />
           <span class="dialog-left-bottom" />
           <div class="setting-dialog">
@@ -433,14 +433,20 @@ export default {
         isDisabled: node.isType !== 2
       }
     },
-    handleClose(done) {
-      this.mergeVisible = false
-      this.formVisible = false
-      done()
-    },
+    // handleClose(done) {
+    //   this.mergeVisible = false
+    //   this.formVisible = false
+    //   this.$refs.previewForm.preUplpadClose()
+    //   done()
+    // },
     closeDialog() {
       this.formVisible = false
       this.mergeVisible = false
+      if (this.$refs.previewForm.$refs['addOrUpdateForm']) {
+        this.$refs.previewForm.$refs['addOrUpdateForm'].clearValidate()
+        this.$refs.previewForm.$refs['addOrUpdateForm'].resetFields()
+      }
+      this.$refs.previewForm.preUplpadClose()
     }
   }
 }
@@ -448,7 +454,7 @@ export default {
 
 <style lang='scss' scoped>
 .preview-dialog .el-dialog .preview-content {
-  height: calc(100vh - 290px) !important;
+  height: calc(100vh - 264px) !important;
 
 }