修改了魅宠饮食习惯

yz3456

2024-03-30 38e3523c6883eb3eaaf58995a9ad6db888ee4c43

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

@@ -65,6 +65,11 @@
          :file-list="fileList"
          :disabled="!btn"
          :class="{ hide: !btn }"
          ref="upload"
          :show-file-list="true"
               :on-change="handleChange"
               :auto-upload="false"

        >
          <div v-if="uploading" class="upload-status">正在上传...</div>
          <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -122,37 +127,44 @@
          <div v-if="uploading1" class="upload-status">正在上传...</div>
          <i v-if="!uploading1" slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{file}">
            <img
            <!-- 添加video元素用于显示视频 -->
            <video
              v-if="file.url.includes('.mp4')"
              class="el-upload-list__item-thumbnail"
              src="../../assets/401_images/401.gif"
              alt=""
              style="width: 100%; height: 100%; object-fit: cover;"
              :src="file.url"
              style="width: 147px; height: 147px"
              fit="cover"
            >
            ></video>
            <img v-else
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/401_images/401.gif"
                 alt=""
                 style="width: 147px; height: 147px"
                 fit="cover">

            <span class="el-upload-list__item-actions">
                <span
               <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-preview"
                  @click="handleFileCardPreview(file)"
                >
                  <i class="el-icon-zoom-in"></i>
                </span>
                <span

                  class="el-upload-list__item-delete"
                  @click="handleDownload(file.url)"
                >
          <i class="el-icon-download"></i>
                </span>
                <span
                  v-if="isShow"
                  class="el-upload-list__item-delete"
                  @click="handleRemoveFile(file)"
                >
                  <i class="el-icon-delete"></i>
                </span>
                      class="el-upload-list__item-delete"
                      @click="handleDownload(file.url)"
                    >
                 <i class="el-icon-download"></i>
                 </span>
                    <span
                      v-if="isShow"
                      class="el-upload-list__item-delete"
                      @click="handleRemoveFile(file)"
                    >
                      <i class="el-icon-delete"></i>
                    </span>
              </span>


          </div>

@@ -165,7 +177,7 @@
      </el-form>
    </div>
    <el-dialog  :visible.sync="dialogVisible">
      <img w-full :src="dialogImageUrl"    style="width: 700px; height: 700px" alt="Preview Image" />
      <img w-full :src="dialogImageUrl"  style="width: 100%; height: 100%" alt="Preview Image" />
    </el-dialog>
  </div>
</template>
@@ -185,8 +197,12 @@
    return {
      cdi:"个人记事本详情",
      udi:"个人记事本详情",
      fot:[".jpg",".jif","png"],
     // 数据范围选项
     fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
       '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],

      fileList:[],
      fileList1:[],
      fileListOther:[],
      dsb:true,
      btn:false,
@@ -251,11 +267,11 @@
      this.btn= jd
      this.dsb = !jd
      this.isShow=true
      document.title = "修改个人记事本详细信息";
    //  document.title = "修改个人记事本详细信息";
      this.$route.meta.title = "修改个人记事本详细信息";//列表的名称
    }
    else{
      document.title = "个人记事本详细信息";
    //  document.title = "个人记事本详细信息";
      this.$route.meta.title = "个人记事本详细信息";//列表的名称
      this.isShow=false
      this.btn = false;
@@ -265,24 +281,52 @@
    if (id) {
      this.loading = true;
      getNote({id}).then((response) => {
console.log(response , '666')
        this.formData = response.data;
        let paths = response.data.url.split(",");
        let paths = this.formData.url.split(",");
        // for(let i = 0; i < paths.length; i++)
        // {
        //   if(paths[i]!="") {

        //     let pth = paths[i].substr(paths[i].length - 4, paths[i].length)

        //     if (_this.fot.includes(pth) === true)
        //       _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
        //     else {
        //       // alert(paths[i])
        //       let nms = paths[i].split("\/")
        //       let nm = nms[nms.length - 1]
        //       _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
        //     }
        //   }
        // }
        for(let i = 0; i < paths.length; i++)
        {
          if(paths[i]!="") {
            {
              if(paths[i]!="") {

            let pth = paths[i].substr(paths[i].length - 4, paths[i].length)
                let pth = paths[i].substr(paths[i].length - 4, paths[i].length)
        //   alert(pth)
                if (_this.fot.includes(pth) === true)
           {
              if(paths[i][0]=="/")
                  _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i].substr(1),res:false})
             else
                _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i],res:false})
             }
                else {
                  // alert(paths[i])
            // alert()
                  let nms = paths[i].split("\/")
                  let nm = nms[nms.length - 1]
             if(paths[i][0]=="/")
                  _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i].substr(1),res:false})
              else
              _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i],res:false})

            if (_this.fot.includes(pth) === true)
              _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
            else {
              // alert(paths[i])
              let nms = paths[i].split("\/")
              let nm = nms[nms.length - 1]
              _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
           }
              }
        //  _this.fileList1 = _this.fileList
            }
          }
        }
        this.loading = false;
      });
      this.getCateInfor()
@@ -316,7 +360,7 @@
          }
        }
      })
      this.goBack()
     // this.goBack()
    },
    resetForm() {
      this.$refs['elForm'].resetFields()
@@ -374,9 +418,13 @@
    },
    handleFileCardPreview(file){
      this.dialogFileUrl = file.url;
      if(this.dialogFileUrl.includes("47.93.189.255")==true)
        this.dialogFileUrl = this.dialogFileUrl.replace("47.93.189.255","www.bendudu.com")

      const Base64 = require('js-base64').Base64
      this.desurl = process.env.VUE_APP_BASE_OTHER_API+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
      myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');

      this.desurl = process.env.VUE_APP_BASE_OTHER_API+"preview/"+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
      let myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
@@ -407,39 +455,38 @@
      this.isShow=false
    },

    requestUpload(params)
    {
      var file = params.file;
      var formData = new FormData();
      formData.append('uploadFile', file);
      let _this = this
      this.uploading = true;
    requestUpload(params){
      // var file = params.file;
      // var formData = new FormData();
      // formData.append('uploadFile', file);
      // let _this = this
      // this.uploading = true;

      uploadPic(formData).then(response => {
        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
        this.uploading = false;
        if(_this.fot.includes(pth) === true)
        {
          _this.fileList.push({name:response.data.fileName, "url":response.data.url})
          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.formData.url = ul+","+uls
          console.log(this.formData.url)
          updateNote(this.formData).then(response => {
            this.$modal.msgSuccess("图片上传成功");
            // this.open = false;
            // this.btn=false
          });
        }
        else{
          _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
      // uploadPic(formData).then(response => {
      //   let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
      //   this.uploading = false;
      //   if(_this.fot.includes(pth) === true)
      //   {
      //     _this.fileList.push({name:response.data.fileName, "url":response.data.url})
      //     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.formData.url = ul+","+uls
      //     console.log(this.formData.url)
      //     updateNote(this.formData).then(response => {
      //       this.$modal.msgSuccess("图片上传成功");
      //       // this.open = false;
      //       // this.btn=false
      //     });
      //   }
      //   else{
      //     _this.fileListOther.push({name:response.data.fileName, url:response.data.url})

        }
      })
      //   }
      // })
    },
    requestUpload1(params)
    {