修改了241之前的新bug

yz3456

2024-04-06 1a1654bbd7d91df6cf4864986748e0940907c8eb

 ruoyi-ui/src/views/self/show.vue

@@ -336,24 +336,67 @@
                 @click="picUpload"
               >上传到服务器</el-button>
        <h4 class="form-header">其他附件 </h4>


        <el-upload
          action=""
          :file-list="fileListOther"
          class="upload-demo"
          multiple

          ref="upload1"
          :on-change="handleChange1"
          :auto-upload="false"
          list-type="picture-card"
          :on-remove="handleRemove"
          :http-request="requestUpload1m"
          :show-file-list="true"
        >
          <el-button type="primary">点击上传</el-button>
          <div v-if="uploading1" class="upload-status">正在上传...</div>
          <template #tip>
            <div class="el-upload__tip">
            </div>
          </template>

        <i slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{file}">
            <!-- 添加video元素用于显示视频 -->
            <video
              v-if="file.url.includes('.mp4')"
              class="el-upload-list__item-thumbnail"
              :src="file.url"
              style="width: 147px; height: 147px"
              fit="cover"
            ></video>
            <img v-else
                 class="el-upload-list__item-thumbnail"
                 :src="file.url"
                 alt=""
                 style="width: 100%; height: 100%"
                 fit="cover"></img>

            <span class="el-upload-list__item-actions">
                 <span class="el-upload-list__item-name">{{ file.name }}</span>
                      <span
                        class="el-upload-list__item-preview"
                        @click="handleFileCardPreview(file)"
                      >
                        <i class="el-icon-zoom-in"></i>
                      </span>

                      <span

                        class="el-upload-list__item-delete"
                        @click="handleRemoveFile(file)"
                      >
                        <i class="el-icon-delete"></i>
                      </span>
                </span>

          </div>

        </el-upload>

        <el-button
                style="margin-left: 10px"
                size="small"
                type="success"
                @click="fileUpload"
            >上传到服务器</el-button>
      </el-form>
      <h4 class="form-header"> </h4>

@@ -1193,6 +1236,32 @@
      }
     },

   fileUpload(){
   //   var file = params.file;

      var formData = new FormData();
      this.$refs.upload1.submit();
      // formData.append('uploadFile', file);
      if(this.uploadFileList1.length==0){
           this.$modal.msgSuccess("文档上传列表不能为空!");
           return
      }
      this.uploadFileList1.forEach((elem)=>{
         formData.append("files", elem)

      })

      let _this = this

      this.uploading = true;
      uploadPic(formData).then(response => {
      _this.uploadFileList1 = []
      _this.formDat.url = _this.formDat.url+","+response.fileNames
      _this.$modal.msgSuccess("文件上传成功!");
        })

   },

   picUpload()
   {
      var formData = new FormData();