feige
2024-03-04 0947adf188a83eecf0a6a545cea25c97f7ce17f0
ruoyi-ui/src/views/secret/secretInfo.vue
@@ -22,8 +22,11 @@
        <el-form-item label="发生时间" prop="happenTime">
          <el-input v-model="formData.happenTime" placeholder="请选择时间" type="date" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
        </el-form-item>
        <el-form-item label="类型" prop="type">
          <el-select v-model="formData.type" placeholder="请选择基金/台账" clearable :style="{width: '100%'}" :disabled="dsb" >
          <el-form-item label="类别" prop="type">
     <el-select v-model="formData.type" placeholder="请输入类别"  allow-create
     filterable clearable :style="{width: '100%'}"  >
                <el-option v-for="(item, index) in typeOpt" :key="index" :label="item.label" :value="item.value"
                ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="有效期" prop="validityDate">
@@ -70,12 +73,15 @@
          action="#"
          list-type="picture-card"
          multiple
        ref="upload"
        :show-file-list="true"
          :http-request="requestUpload"
          :file-list="fileList"
             :on-change="handleChange"
             :auto-upload="false"
          :disabled="!btn"
          :class="{ hide: !btn }"
        >
          <div v-if="uploading" class="upload-status">正在上传...</div>
          <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{file}">
            <img
@@ -113,7 +119,13 @@
          </div>
        </el-upload>
    <el-button
                style="margin-left: 10px"
                size="small"
                type="success"
              v-if="btn"
                @click="picUpload"
              >上传到服务器</el-button>
        <h4 class="form-header">其他附件 </h4>
      <el-upload
              action=""
@@ -122,13 +134,18 @@
              multiple
              list-type="picture-card"
              :on-preview="handleFileCardPreview"
              :on-remove="handleRemoveFile"
              :http-request="requestUpload"
              :show-file-list="true"
           ref="upload1"
           :on-remove="handleRemoveFile"
         :http-request="requestUpload1"
          :on-change="handleChange1"
           :auto-upload="false"
              :disabled="!btn"
              :class="{ hide: !btn }"
            >
        <div v-if="uploading" class="upload-status">正在上传...</div>
        <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
        <div slot="file" slot-scope="{file}">
          <!-- 添加video元素用于显示视频 -->
@@ -174,7 +191,14 @@
            </el-upload>
    <el-button
                style="margin-left: 10px"
                size="small"
                type="success"
                v-if="btn"
                @click="fileUpload"
              >上传到服务器</el-button>
                  <h4 class="form-header"> </h4>
        <el-form-item size="large">
          <el-button v-if="isShow" type="primary" @click="submitForm" :disabled="dsb">修改</el-button>
        </el-form-item>
@@ -187,7 +211,7 @@
    </div>
  </template>
  <script>
  import {getSecretInfo,  uploadPic, download, updateSecret} from "@/api/secret/index";
  import {getSecretInfo,  uploadPic, download, updateSecret,getCategory} from "@/api/secret/index";
  import {addRole, updateRole} from "@/api/system/role";
  import {blobValidate} from "@/utils/ruoyi";
  import errorCode from "@/utils/errorCode";
@@ -206,6 +230,9 @@
        fileList:[
        ],
        fileList1:[],
        uploadFileList:[],
        uploadFileList1:[],
        fileListOther:[
        ],
@@ -224,7 +251,7 @@
          isPrivate:undefined,
          location:undefined,
          remark: undefined,
          url: undefined,
          url: "",
        },
          dialogImageUrl: '',
          dialogVisible: false,
@@ -300,6 +327,7 @@
    value: '1',
    label: '台账',
  }],
  typeOpt:[],
      }
    },
    computed: {},
@@ -327,44 +355,72 @@
      if (id) {
        this.loading = true;
        getSecretInfo({id}).then((response) => {
          this.formData = response.data;
          if(this.formData.isFinger==1)
            this.formData.isFinger = '是'
          _this.formData = response.data;
          if(_this.formData.isFinger==1)
            _this.formData.isFinger = '是'
          else
          this.formData.isFinger = '否'
     if(this.formData.isFace==1)
            this.formData.isFace = '是'
          _this.formData.isFinger = '否'
     if(_this.formData.isFace==1)
            _this.formData.isFace = '是'
          else
          this.formData.isFace = '否'
          if(this.formData.isPrivate==0)
                 this.formData.isPrivate = '公有'
          _this.formData.isFace = '否'
          if(_this.formData.isPrivate==0)
                 _this.formData.isPrivate = '公有'
               else
               this.formData.isPrivate = '私有'
               _this.formData.isPrivate = '私有'
          let paths = response.data.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)
            //   alert(pth)
              if (_this.fot.includes(pth) === true)
                _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
               {
                  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]
                _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
                 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})
              }
            }
          }
          //   alert(this.fileListOther.length)
          this.loading = false;
        });
        this.getCateInfor()
        this.getCateInfo()
      }
    },
    mounted() {},
    methods: {
      getCateInfo()
      {
         let _this = this
           _this.typeOpt = []
           getCategory().then(response=>{
             console.log(response.data)
         //   alert(9801)
             response.data.map(elem=>{
               _this.typeOpt.push({"label":elem, "value":elem})
             })
             // response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
             //   _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
             // })
           })
      },
      getSrc1(type) {
      if (type === 0) {
        return '基金'
@@ -460,18 +516,109 @@
        })
      },
      handleRemoveFile(file) {
        let res = false
        for(let i = 0; i < this.fileListOther.length; i++)
        {
          if(this.fileListOther[i].url==file.url)
           {
              if(this.fileListOther[i].res==false)
                 res = true
              else
              {
                 this.$delete(this.uploadFileList1, Math.abs(i - this.uploadFileList1.length-1))
              }
            this.$delete(this.fileListOther,i);
           }
          }
          let ul = ""
          this.fileList.map(function (elem){
                if(elem.res==false)
                   ul = ul + ","+elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
          })
          let uls = ""
          this.fileListOther.map(function (elem){
            if(elem.res==false)
                   uls = uls +","+elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
          })
          this.formData.url = ul+","+uls;
        //  alert(this.formData.url)
          if(res==true){
           if(this.formData.isFinger=='是')
                  this.formData.isFinger = 1
                else
                this.formData.isFinger = 0
           if(this.formData.isFace=='是')
                  this.formData.isFace = 1
                else
                this.formData.isFace = 0
                if(this.formData.isPrivate=='公有')
                       this.formData.isPrivate = 0
                     else
                     this.formData.isPrivate = 1
             updateSecret(this.formData).then(response => {
              this.$modal.msgSuccess("删除成功");
              // this.open = false;
             });
        }
      },
      handleRemove(file) {
        //判断是否是之前的图片
          let res = false
        //  alert(this.fileList.length)
        for(let i = 0; i < this.fileList.length; i++)
        {
          if(this.fileList[i].url==file.url)
            this.$delete(this.fileList,i);
           {
              //原来图像标记为false
              //alert(this.fileList[i].res)
             if(this.fileList[i].res==false)
              res = true
             else
             {
              //  alert(this.uploadFileList.length)
              //  alert(87)
               this.$delete(this.uploadFileList, Math.abs(i - this.uploadFileList.length-1))
                  //     alert(this.uploadFileList.length)
        }
              this.$delete(this.fileList,i);
          }
          }
          let ul = ""
          this.fileList.map(function (elem){
           if(elem.res==false)
              ul = ul + ","+elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
          })
          let uls = ""
          this.fileListOther.map(function (elem){
            if(elem.res==false)
              uls = uls + ","+elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
          })
          this.formData.url = ul+","+uls;
          if(res==true){
           if(this.formData.isFinger=='是')
                  this.formData.isFinger = 1
                else
                this.formData.isFinger = 0
           if(this.formData.isFace=='是')
                  this.formData.isFace = 1
                else
                this.formData.isFace = 0
                if(this.formData.isPrivate=='公有')
                       this.formData.isPrivate = 0
                     else
                     this.formData.isPrivate = 1
             updateSecret(this.formData).then(response => {
              this.$modal.msgSuccess("删除成功");
             });
          }
      },
      handleFileCardPreview(file){
        this.dialogFileUrl = file.url;
@@ -509,44 +656,150 @@
        // this.btn = true
        this.isShow=false
      },
      requestUpload(params)
      {
        var file = params.file;
      //自定义上传方法
          handleChange(file, fileList1) {
             //定义一个全局数组uploadFileList来做存储
           // this.uploadFileList.push(file.raw);
            console.log("=========5555=========")
           this.uploadFileList.push(file.raw);
            this.fileList.push({name:file.name,url:file.url,res:true})
          },
         //自定义上传方法
         handleChange1(file, fileListOther1) {
                //定义一个全局数组uploadFileList来做存储
              // this.uploadFileList.push(file.raw);
             this.uploadFileList1.push(file.raw);
              this.fileListOther.push({name:file.name,url:file.url,res:true})
               console.log("=========5555=========")
               //console.log(file)
             //  console.log(this.uploadFileList)
            //  this.fileList = fileList
         },
         fileUpload(){
         //   var file = params.file;
        var formData = new FormData();
        formData.append('uploadFile', file);
            //this.$refs.upload1.submit();
         //   alert(this.uploadFileList1.length)
            // formData.append('uploadFile', file);
            if(this.uploadFileList1.length==0){
                 this.$modal.msgSuccess("文档上传列表不能为空!");
                 return}
            this.uploadFileList1.forEach((elem)=>{
               formData.append("files", elem)
            })
            console.log(this.uploadFileList1)
        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;
          this.$modal.msgSuccess("上传成功");
          if(_this.fot.includes(pth) === true)
          {
            _this.fileList.push({name:response.data.fileName, "url":response.data.url})
          }
          else{
            _this.fileListOther.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)
        //  alert(87)
            _this.uploadFileList1 = []
              _this.formData.url = _this.formData.url+","+response.fileNames
           if(_this.formData.isFinger=='是')
                  _this.formData.isFinger = 1
                else
                _this.formData.isFinger = 0
           if(_this.formData.isFace=='是')
                  _this.formData.isFace = 1
                else
                _this.formData.isFace = 0
                if(_this.formData.isPrivate=='公有')
                       _this.formData.isPrivate = 0
                     else
                     _this.formData.isPrivate = 1
          updateSecret(_this.formData).then(response => {
            this.$modal.msgSuccess("图片上传成功");
                  this.$modal.msgSuccess("文档上传成功");
            // this.open = false;
          });
        })
      },
         picUpload()
         {
            var formData = new FormData();
            //this.$refs.upload.submit();
            //alert(this.uploadFileList.length)
         if(this.uploadFileList.length==0){
              this.$modal.msgSuccess("图像上传列表不能为空!");
              return}
            this.uploadFileList.forEach((elem)=>{
               formData.append("files", elem)
            })
            let _this = this
              uploadPic(formData).then(response => {
               // console.log(response.originalFilenames)
               // console.log(response.urls)
               // console.log(response.fileNames)
               //       console.log(response.newFileNames)
              // let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
              // _this.uploading1= false;
              // console.log(_this.fot.includes(pth))
              // // debugger
              // 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(",")
            //console.log(_this.fileList)
         //   alert(response.fileNames)
                _this.formData.url = _this.formData.url+","+response.fileNames
            _this.uploadFileList = []
               // alert(87)
            if(_this.formData.isFinger=='是')
                   _this.formData.isFinger = 1
                 else
                 _this.formData.isFinger = 0
            if(_this.formData.isFace=='是')
                   _this.formData.isFace = 1
                 else
                 _this.formData.isFace = 0
                 if(_this.formData.isPrivate=='公有')
                        _this.formData.isPrivate = 0
                      else
                      _this.formData.isPrivate = 1
                updateSecret(_this.formData).then(response => {
                  _this.$modal.msgSuccess("图片上传成功");
                  // this.open = false;
                });
              // }
              // else{
              //   _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
              // }
            });
         },
           requestUpload(params)
          {
         //  alert(124)
      //    this.uploadFileList.push(params.file);
           //alert(34)
          },
          requestUpload1(params)
          {
         //   alert(123)
         // this.uploadFileList1.push(params.file);
        //  console.log("-----------")
         //console.log(this.uploadFileList1)
          },
      /** 导出按钮操作 */
      handleExport() {