修改完254、258、259、260、261错误

yz3456

2024-04-25 79d870e1d8c88c01fa5075e3fb30ad9f0b6f37f7

 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>

@@ -1063,6 +1106,21 @@
      },
      // 表单校验
      rules: {
        happenTime: [{
          required: true,
          message: '请选择时间',
          trigger: 'blur'
        }],
        people: [{
          required: true,
          message: '请输入人物',
          trigger: 'blur'
        }],
        title: [{
          required: true,
          message: '请输入事件标题',
          trigger: 'blur'
        }],
        //基本信息
        nickName: [{
          // required: true,
@@ -1193,6 +1251,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();
@@ -1206,16 +1290,17 @@
   //console.log(this.uploadFileList)
  // alert(this.uploadFileList)
      this.uploadFileList.forEach((elem)=>{
         formData.append("uploadFile", elem)
         formData.append("files", elem)

      })
      //alert(90)
      let _this = this
      //alert(9)
       uploadPic(formData).then(response => {
         // console.log(response)
         // console.log(response,'123123123')
   //            console.log(_this.formDat.url,'666')
         _this.formDat.url = _this.formDat.url+","+response.data.fileName
         _this.formDat.url = _this.formDat.url+","+response.fileNames

            // alert(_this.formDat.url)
        _this.uploadFileList = []
        _this.$modal.msgSuccess("图片上传成功");
@@ -1524,7 +1609,7 @@
    {
      var file = params.file;
      var formData = new FormData();
      formData.append('uploadFile', file);
      formData.append('files', file);
      let _this = this
      this.uploading = true;
      uploadPic(formData).then(response => {
@@ -1533,7 +1618,7 @@
        this.$modal.msgSuccess("上传成功");
        if(_this.fot.includes(pth) === true)
        {
          _this.fileList.push({name:response.data.fileName, "url":response.data.url})
          _this.fileList.push({name:response.fileNames, "url":response.data.url})
        }
      })
    },
@@ -1541,7 +1626,7 @@
    {
      var file = params.file;
      var formData = new FormData();
      formData.append('uploadFile', file);
      formData.append('files', file);
      let _this = this
      this.uploading1 = true;
      uploadPic(formData).then(response => {
@@ -1550,7 +1635,7 @@
        this.$modal.msgSuccess("上传成功");
        if(_this.fot.includes(pth) !== true)
        {
          _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
          _this.fileListOther.push({name:response.fileNames, url:response.data.url})
        }
      })
    },
@@ -1593,17 +1678,18 @@
    /** 提交按钮（数据权限） */
    submitDataScopem: function() {

      let ul = this.fileList.map(function (elem){
        return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
      }).join(",")
      let uls = this.fileListOther.map(function (elem){
        return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
      }).join(",")
      this.formDat.url = ul+","+uls
      // let ul = this.fileList.map(function (elem){
      //   return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
      // }).join(",")
      // let uls = this.fileListOther.map(function (elem){
      //   return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
      // }).join(",")
      // this.formDat.url = ul+","+uls
      this.$refs["elForm"].validate(valid => {
        if (valid) {

          addNote(this.formDat).then(response => {
            console.log(this.formDat)
            this.$modal.msgSuccess("新增成功");
            this.getList();
            this.open = false;