| | |
| | | //上传文件 |
| | | export function uploadPic(data) { |
| | | return request({ |
| | | url: '/common/upload', |
| | | url: '/common/uploads', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | |
| | | //上传文件 |
| | | export function uploadPic(data) { |
| | | return request({ |
| | | url: '/common/upload', |
| | | url: '/common/uploads', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | |
| | | //上传文件 |
| | | export function uploadPic(data) { |
| | | return request({ |
| | | url: '/common/upload', |
| | | url: '/common/uploads', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | |
| | | //上传文件 |
| | | export function uploadPic(data) { |
| | | return request({ |
| | | url: '/common/upload', |
| | | url: '/common/uploads', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | |
| | | //上传文件 |
| | | export function uploadPic(data) { |
| | | return request({ |
| | | url: '/common/upload', |
| | | url: '/common/uploads', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | |
| | | //上传文件 |
| | | export function uploadPic(data) { |
| | | return request({ |
| | | url: '/common/upload', |
| | | url: '/common/uploads', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | |
| | | //上传文件 |
| | | export function uploadPic(data) { |
| | | return request({ |
| | | url: '/common/upload', |
| | | url: '/common/uploads', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | |
| | | multiple |
| | | list-type="picture-card" |
| | | ref="upload1" |
| | | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :file-list="fileListOther" |
| | | :on-change="handleChange1" |
| | |
| | | people: undefined, |
| | | address: undefined, |
| | | remark: undefined, |
| | | url: undefined, |
| | | url: "", |
| | | }, |
| | | dialogImageUrl: '', |
| | | url1:undefined, |
| | |
| | | uls = uls +","+elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | alert(this.formData.url) |
| | | // alert(this.formData.url) |
| | | if(res==true){ |
| | | updateFamilyevent(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | |
| | | @click="handleFileCardPreview(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span>A |
| | | </span> |
| | | |
| | | <span |
| | | |
| | |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | alert(this.uploadFileList.length) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | this.uploadFileList1.push(params.file); |
| | | // this.uploadFileList1.push(params.file); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | |
| | | action="#" |
| | | list-type="picture-card" |
| | | multiple |
| | | accept="image/jpeg, image/png,image/jpg, image/WMF,image/gif" |
| | | |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :disabled="!btn" |
| | | :class="{ hide: !btn }" |
| | | |
| | | |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <div v-if="uploading1" class="upload-status">正在上传...</div> |
| | | <i v-if="!uploading1" slot="default" class="el-icon-plus"></i> |
| | |
| | | |
| | | </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="" |
| | | :file-list="fileListOther" |
| | | class="upload-demo" |
| | | multiple |
| | | ref="upload1" |
| | | list-type="picture-card" |
| | | :on-preview="handleFileCardPreview" |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | :disabled="!btn" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | :class="{ hide: !btn }" |
| | | > |
| | | <div v-if="uploading" class="upload-status">正在上传...</div> |
| | |
| | | |
| | | </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> |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | | |
| | | |
| | | |
| | | fileList1:[], |
| | | uploadFileList:[], |
| | | uploadFileList1:[], |
| | | fileListOther:[ |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | |
| | | 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]}) |
| | | |
| | | 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}) |
| | | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | this.loading = false; |
| | | }); |
| | |
| | | }, |
| | | //删文件 |
| | | 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){ |
| | | 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; |
| | | updateClean(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | |
| | | } |
| | | } |
| | | |
| | | 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){ |
| | | updateClean(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) |
| | | { |
| | | //原来图像标记为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) |
| | | elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | if(res==true){ |
| | | updateClean(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | handleDownload(url) { |
| | | var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")}; |
| | | |
| | |
| | | saveAs(blob, filename) |
| | | }) |
| | | }, |
| | | 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(); |
| | | //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 => { |
| | | _this.uploadFileList1 = [] |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | updateClean(_this.formData).then(response => { |
| | | 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) |
| | | updateClean(_this.formData).then(response => { |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | // } |
| | | // else{ |
| | | // _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | |
| | | // } |
| | | }); |
| | | }, |
| | | |
| | | handleEdit() |
| | | { |
| | | this.dsb = false |
| | |
| | | }, |
| | | requestUpload(params) |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | // console.log(file) |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | |
| | | uploadPic(formData).then(response => { |
| | | 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(",") |
| | | this.formData.url = ul+","+uls |
| | | console.log(this.formData.url) |
| | | updateClean(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) |
| | | { |
| | | 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; |
| | | // 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) |
| | | updateClean(this.formData).then(response => { |
| | | this.$modal.msgSuccess("文档上传成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | }) |
| | | |
| | | |
| | | }, |
| | | |
| | |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{ file }"> |
| | |
| | | </span> |
| | | </div> |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @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="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | > |
| | | |
| | | <!-- |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading" class="upload-status">正在上传...</div> |
| | | <div v-if="uploading" class="upload-status">正在上传...</div> --> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | </el-upload> |
| | | |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | @click="fileUpload" |
| | | >上传到服务器</el-button> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | |
| | | location: undefined, |
| | | remark: undefined, |
| | | happenTime: undefined, |
| | | url: undefined, |
| | | url: "", |
| | | |
| | | }, |
| | | // 菜单列表 |
| | |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | |
| | | } |
| | | }, |
| | | |
| | |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | { |
| | | |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | |
| | | } |
| | | } |
| | | }, |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScope: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | |
| | | // var file = params.file; |
| | | |
| | | var formData = new FormData(); |
| | | this.$refs.upload1.submit(); |
| | | //this.$refs.upload1.submit(); |
| | | // formData.append('uploadFile', file); |
| | | if(this.uploadFileList1.length==0){ |
| | | this.$modal.msgSuccess("文档上传列表不能为空!"); |
| | |
| | | }, |
| | | picUpload() |
| | | { |
| | | //alert(89) |
| | | var formData = new FormData(); |
| | | this.$refs.upload.submit(); |
| | | //alert(this.uploadFileList.length) |
| | | console.log(this.uploadFileList) |
| | | //this.$refs.upload.submit(); |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | |
| | | uploadPic(formData).then(response => { |
| | | // alert("dds") |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | //alert( _this.formDat.url) |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | |
| | | }, |
| | | requestUpload(params) { |
| | | |
| | | this.uploadFileList.push(params.file); |
| | | // this.uploadFileList.push(params.file); |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | this.uploadFileList1.push(params.file); |
| | | // this.uploadFileList1.push(params.file); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | |
| | | multiple |
| | | :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 |
| | |
| | | |
| | | </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="" |
| | |
| | | multiple |
| | | list-type="picture-card" |
| | | :on-preview="handleFileCardPreview" |
| | | :on-remove="handleRemoveFile" |
| | | |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | :disabled="!btn" |
| | | :class="{ hide: !btn }" |
| | | > |
| | |
| | | |
| | | |
| | | </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> |
| | |
| | | '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], |
| | | |
| | | fileList:[], |
| | | fileListOther:[], |
| | | fileList1:[], |
| | | uploadFileList:[], |
| | | uploadFileList1:[], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | | isShow:true, |
| | |
| | | price:undefined, |
| | | location:undefined, |
| | | remark:undefined, |
| | | url: undefined, |
| | | url: "", |
| | | }, |
| | | |
| | | dialogImageUrl: '', |
| | |
| | | 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) |
| | | |
| | | 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]}) |
| | | } |
| | | } |
| | | if(paths[i]!="") { |
| | | |
| | | 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}) |
| | | |
| | | } |
| | | } |
| | | } |
| | | this.loading = false; |
| | | }); |
| | |
| | | |
| | | }, |
| | | submitForm() { |
| | | 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 |
| | | |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | |
| | |
| | | saveAs(blob, filename) |
| | | }) |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | 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; |
| | | updateCollection(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | 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; |
| | | updateCollection(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | }, |
| | | 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){ |
| | | updateCollection(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) |
| | | { |
| | | //原来图像标记为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) |
| | | elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | if(res==true){ |
| | | updateCollection(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | handleFileCardPreview(file){ |
| | | this.dialogFileUrl = file.url; |
| | | if(this.dialogFileUrl.includes("47.93.189.255")==true) |
| | |
| | | this.btn = true |
| | | this.isShow=false |
| | | }, |
| | | |
| | | //自定义上传方法 |
| | | 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(); |
| | | //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 => { |
| | | _this.uploadFileList1 = [] |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | updateCollection(_this.formData).then(response => { |
| | | 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) |
| | | updateCollection(_this.formData).then(response => { |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | // } |
| | | // else{ |
| | | // _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | |
| | | // } |
| | | }); |
| | | }, |
| | | |
| | | 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) |
| | | updateCollection(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) |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | uploadPic(formData).then(response => { |
| | | let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | this.uploading1 = false; |
| | | // this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | { |
| | | _this.fileList.push({name:response.data.fileName, "url":response.data.url}) |
| | | // var file = params.file; |
| | | // var formData = new FormData(); |
| | | // formData.append('uploadFile', file); |
| | | // let _this = this |
| | | // this.uploading1 = true; |
| | | // uploadPic(formData).then(response => { |
| | | // let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | // this.uploading1 = 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) |
| | | updateCollection(this.formData).then(response => { |
| | | this.$modal.msgSuccess("上传成功"); |
| | | // 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) |
| | | // updateCollection(this.formData).then(response => { |
| | | // this.$modal.msgSuccess("上传成功"); |
| | | |
| | | const videoElement = document.createElement('video'); // 创建一个新的video元素 |
| | | videoElement.src = response.data.url; // 设置video元素的src为视频URL |
| | | // 监听loadedmetadata事件以确保视频元数据加载完成 |
| | | videoElement.addEventListener('loadedmetadata', function() { |
| | | const canvas = document.createElement('canvas');// 创建一个canvas元素 |
| | | const context = canvas.getContext('2d'); |
| | | context.drawImage(videoElement, 0, 0, canvas.width, canvas.height); // 将视频的首帧画面绘制到画布上 |
| | | const imageURL = canvas.toDataURL();// 将画布转换为图像URL |
| | | videoElement.setAttribute('poster', imageURL);// 设置视频的封面图像 |
| | | // const videoElement = document.createElement('video'); // 创建一个新的video元素 |
| | | // videoElement.src = response.data.url; // 设置video元素的src为视频URL |
| | | // // 监听loadedmetadata事件以确保视频元数据加载完成 |
| | | // videoElement.addEventListener('loadedmetadata', function() { |
| | | // const canvas = document.createElement('canvas');// 创建一个canvas元素 |
| | | // const context = canvas.getContext('2d'); |
| | | // context.drawImage(videoElement, 0, 0, canvas.width, canvas.height); // 将视频的首帧画面绘制到画布上 |
| | | // const imageURL = canvas.toDataURL();// 将画布转换为图像URL |
| | | // videoElement.setAttribute('poster', imageURL);// 设置视频的封面图像 |
| | | |
| | | // 在页面中显示视频元素 |
| | | document.body.appendChild(videoElement); |
| | | }); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | }) |
| | | // // 在页面中显示视频元素 |
| | | // document.body.appendChild(videoElement); |
| | | // }); |
| | | // // this.open = false; |
| | | // // this.btn=false |
| | | // }); |
| | | // } |
| | | // }) |
| | | }, |
| | | |
| | | } |
| | |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="价格" prop="price"> |
| | | <el-input v-model="formDat.price" placeholder="请输入价格" clearable :style="{width: '100%'}" > |
| | | <el-input v-model="formDat.price" type="number" placeholder="请输入价格" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="存放位置" prop="location"> |
| | |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{ file }"> |
| | |
| | | |
| | | </div> |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @click="picUpload" |
| | | >上传到服务器</el-button> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | | :file-list="fileListOther" |
| | | class="upload-demo" |
| | | multiple |
| | | |
| | | ref="upload1" |
| | | list-type="picture-card" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading1" class="upload-status">正在上传...</div> |
| | | <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> |
| | | |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | </el-upload> |
| | | |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | @click="fileUpload" |
| | | >上传到服务器</el-button> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | |
| | | fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx', |
| | | '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], |
| | | fileList:[], |
| | | fileListOther:[], |
| | | fileList1:[], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther:[], |
| | | dsb:true, |
| | | btn:false, |
| | | fit:['fill'], |
| | |
| | | price:undefined, |
| | | location:undefined, |
| | | remark:undefined, |
| | | url: undefined, |
| | | url: "", |
| | | |
| | | }, |
| | | // 菜单列表 |
| | |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | { |
| | | |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | |
| | | } |
| | | } |
| | | }, |
| | | // 取消按钮 |
| | |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScope: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | |
| | | } |
| | | }); |
| | | }, |
| | | 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; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | { |
| | | _this.fileList.push({name:response.data.fileName, "url":response.data.url}) |
| | | } |
| | | }) |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | uploadPic(formData).then(response => { |
| | | let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | this.uploading1 = false; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) !== true) |
| | | { |
| | | _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | } |
| | | }) |
| | | }, |
| | | handleChange(file, fileList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | //alert(file) |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | }, |
| | | handleChange1(file, fileOtherList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | }, |
| | | 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(); |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | | //console.log(this.uploadFileList) |
| | | this.uploadFileList.forEach((elem)=>{ |
| | | formData.append("files", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // alert("dds") |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | | }); |
| | | }, |
| | | requestUpload(params) { |
| | | //alert(98) |
| | | // this.uploadFileList.push(params.file); |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | // this.uploadFileList1.push(params.file); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const Ids = row.id || this.ids; |
| | |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :disabled="!btn" |
| | | ref="upload" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | :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 |
| | |
| | | |
| | | </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="" |
| | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | :disabled="!btn" |
| | | :class="{ hide: !btn }" |
| | | > |
| | | <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}"> |
| | | <!-- 添加video元素用于显示视频 --> |
| | |
| | | |
| | | |
| | | </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> |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList:[], |
| | | uploadFileList1:[], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | | isShow:true, |
| | |
| | | twitter:undefined, |
| | | isAlways:undefined, |
| | | remark:undefined, |
| | | url: undefined, |
| | | url: '', |
| | | }, |
| | | |
| | | dialogImageUrl: '', |
| | |
| | | let paths = response.data.url.split(","); |
| | | 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) |
| | | |
| | | // 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}) |
| | | |
| | | } |
| | | } |
| | | } |
| | | this.loading = false; |
| | |
| | | mounted() {}, |
| | | methods: { |
| | | submitForm() { |
| | | 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 |
| | | |
| | | |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | if(this.formData.isAlways=='否') |
| | |
| | | }) |
| | | }, |
| | | handleRemoveFile(file,) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | 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; |
| | | updateContact(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | //判读是否是之前的图片 |
| | | 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,"") |
| | | }) |
| | | if(this.formData.isAlways=='否') |
| | | this.formData.isAlways = 0 |
| | | else |
| | | this.formData.isAlways = 1 |
| | | this.formData.url = ul+","+uls; |
| | | // alert(this.formData.url) |
| | | if(res==true){ |
| | | updateContact(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | 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; |
| | | updateContact(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | let res = false |
| | | // alert(this.fileList.length) |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | //原来图像标记为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) |
| | | elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | if(this.formData.isAlways=='否') |
| | | this.formData.isAlways = 0 |
| | | else |
| | | this.formData.isAlways = 1 |
| | | if(res==true){ |
| | | updateContact(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }); |
| | | } |
| | | |
| | | |
| | | }, |
| | | handleFileCardPreview(file){ |
| | | this.dialogFileUrl = file.url; |
| | |
| | | this.btn = true |
| | | this.isShow=false |
| | | }, |
| | | 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) |
| | | updateContact(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) |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | uploadPic(formData).then(response => { |
| | | let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | this.uploading1 = 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) |
| | | updateContact(this.formData).then(response => { |
| | | this.$modal.msgSuccess("文档上传成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | //自定义上传方法 |
| | | 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(); |
| | | //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 => { |
| | | _this.uploadFileList1 = [] |
| | | if(_this.formData.isAlways=='否') |
| | | _this.formData.isAlways = 0 |
| | | else |
| | | _this.formData.isAlways = 1 |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | updateContact(_this.formData).then(response => { |
| | | 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) |
| | | if(_this.formData.isAlways=='否') |
| | | _this.formData.isAlways = 0 |
| | | else |
| | | _this.formData.isAlways = 1 |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | _this.uploadFileList = [] |
| | | // alert(87) |
| | | updateContact(_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) |
| | | }, |
| | | |
| | | } |
| | | } |
| | |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{ file }"> |
| | |
| | | |
| | | </div> |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @click="picUpload" |
| | | >上传到服务器</el-button> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | ref="upload1" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | list-type="picture-card" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading1" class="upload-status">正在上传...</div> |
| | | |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | </el-upload> |
| | | |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | @click="fileUpload" |
| | | >上传到服务器</el-button> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther:[], |
| | | dsb:true, |
| | | btn:false, |
| | | fit:['fill'], |
| | |
| | | twitter:undefined, |
| | | isAlways:undefined, |
| | | remark:undefined, |
| | | url: undefined, |
| | | url: '', |
| | | |
| | | }, |
| | | // 菜单列表 |
| | |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | { |
| | | |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | |
| | | } |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | } |
| | | }, |
| | | // 取消按钮 |
| | |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScope: 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 |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | |
| | | }, |
| | | 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; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | { |
| | | _this.fileList.push({name:response.data.fileName, "url":response.data.url}) |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | uploadPic(formData).then(response => { |
| | | let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | this.uploading1 = false; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) !== true) |
| | | { |
| | | _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | handleChange(file, fileList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | //alert(file) |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | }, |
| | | handleChange1(file, fileOtherList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | }, |
| | | 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(); |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | | //console.log(this.uploadFileList) |
| | | this.uploadFileList.forEach((elem)=>{ |
| | | formData.append("files", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // alert("dds") |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | | }); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const Ids = row.id || this.ids; |
| | |
| | | :disabled="!btn" |
| | | :class="{ hide: !btn }" |
| | | |
| | | :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> |
| | | <div slot="file" slot-scope="{file}"> |
| | | <img |
| | |
| | | |
| | | </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="" |
| | | :file-list="fileListOther" |
| | | |
| | | class="upload-demo" |
| | | 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" |
| | | :file-list="fileListOther" |
| | | :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元素用于显示视频 --> |
| | |
| | | |
| | | |
| | | </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> |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList:[], |
| | | uploadFileList1:[], |
| | | fileListOther:[ |
| | | |
| | | |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | |
| | | content: undefined, |
| | | remark: undefined, |
| | | status:undefined, |
| | | url: undefined, |
| | | url: "", |
| | | happenTime:undefined |
| | | }, |
| | | typeOptions2: [ |
| | |
| | | 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]}) |
| | | |
| | | 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}) |
| | | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | this.loading = false; |
| | | }); |
| | |
| | | // }) |
| | | // }, |
| | | submitForm() { |
| | | 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 |
| | | |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | if(this.formData.status=='是') |
| | |
| | | }) |
| | | }, |
| | | 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(this.formData.status=='是') |
| | | this.formData.status = 1 |
| | | else |
| | | this.formData.status = 0 |
| | | |
| | | if(res==true){ |
| | | updateEquipment(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | } |
| | | //判断是否是之前的图片 |
| | | let res = false |
| | | // alert(this.fileList.length) |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | //原来图像标记为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) |
| | | elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | if(this.formData.status=='是') |
| | | this.formData.status = 1 |
| | | else |
| | | this.formData.status = 0 |
| | | |
| | | if(res==true){ |
| | | updateEquipment(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | handleFileCardPreview(file){ |
| | | this.dialogFileUrl = file.url; |
| | |
| | | |
| | | this.$router.push("/familymodel/Device/memo/" + id ); |
| | | }, |
| | | 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; |
| | | 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) |
| | | updateEquipment(_this.formData).then(response => { |
| | | this.$modal.msgSuccess("图片上传成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | }) |
| | | |
| | | } |
| | | |
| | | |
| | | //自定义上传方法 |
| | | 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(); |
| | | //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 => { |
| | | _this.uploadFileList1 = [] |
| | | if(_this.formData.status=='是') |
| | | _this.formData.status = 1 |
| | | else |
| | | _this.formData.status = 0 |
| | | |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | updateEquipment(_this.formData).then(response => { |
| | | 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.status=='是') |
| | | _this.formData.status = 1 |
| | | else |
| | | _this.formData.status = 0 |
| | | |
| | | updateEquipment(_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) |
| | | }, |
| | | } |
| | | } |
| | | |
| | |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | |
| | | class="el-upload-list__item-thumbnail" |
| | | :src="file.url" |
| | | alt="" |
| | | style="width: 126px; height: 126px" |
| | | style="width: 100%; height: 100%; object-fit: cover;" |
| | | fit="cover" |
| | | :preview-src-list="[file.url]" |
| | | > |
| | |
| | | |
| | | |
| | | </div> |
| | | |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @click="picUpload" |
| | | >上传到服务器</el-button> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | |
| | | multiple |
| | | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | |
| | | |
| | | ref="upload1" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | list-type="picture-card" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading" class="upload-status">正在上传...</div> |
| | | |
| | | <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>A |
| | | |
| | | <span |
| | | |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemoveFile(file)" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | | </span> |
| | | |
| | | </div> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | </el-upload> |
| | | |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | @click="fileUpload" |
| | | >上传到服务器</el-button> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther:[], |
| | | dsb:true, |
| | | btn:false, |
| | | uploading: false, |
| | |
| | | name:undefined, |
| | | remark: undefined, |
| | | familyId:undefined, |
| | | url: undefined, |
| | | url: "", |
| | | status:undefined, |
| | | }, |
| | | // 菜单列表 |
| | |
| | | happenTime: [{ |
| | | required: true, |
| | | message: '请选择日期选择', |
| | | trigger: 'change' |
| | | trigger: 'blur' |
| | | }], |
| | | content: [{ |
| | | required: true, |
| | |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | { |
| | | |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | |
| | | } |
| | | } |
| | | }, |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScope: 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 |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | | addEquipment(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | for(let i = 0; i <= this.fileList.length; i++) |
| | | { |
| | | this.handleRemove(this.fileList[0]); |
| | | } |
| | | for(let i = 0; i < this.fileListOther.length; i++){ |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | } |
| | | this.getList(); |
| | | }); |
| | | } |
| | |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | } |
| | | }, |
| | | 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; |
| | | 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}) |
| | | |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | handleChange(file, fileList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | //alert(file) |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | }, |
| | | handleChange1(file, fileOtherList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | }, |
| | | 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(); |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | | //console.log(this.uploadFileList) |
| | | this.uploadFileList.forEach((elem)=>{ |
| | | formData.append("files", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // alert("dds") |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | | }); |
| | | }, |
| | | requestUpload(params) { |
| | | //alert(98) |
| | | // this.uploadFileList.push(params.file); |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | // this.uploadFileList1.push(params.file); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const Ids = row.id || this.ids; |
| | |
| | | multiple |
| | | :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 |
| | |
| | | |
| | | </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="" |
| | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | |
| | | |
| | | ref="upload1" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | :disabled="!btn" |
| | | :class="{ hide: !btn }" |
| | | > |
| | | <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}"> |
| | | <!-- 添加video元素用于显示视频 --> |
| | |
| | | |
| | | |
| | | </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> |
| | |
| | | '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], |
| | | |
| | | fileList:[], |
| | | fileListOther:[], |
| | | fileList1:[], |
| | | uploadFileList:[], |
| | | uploadFileList1:[], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | | isShow:true, |
| | |
| | | effect:undefined, |
| | | suitable:undefined, |
| | | remark:undefined, |
| | | url: undefined, |
| | | url: "", |
| | | }, |
| | | desurl:'', |
| | | dialogImageUrl: '', |
| | |
| | | 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]}) |
| | | |
| | | 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}) |
| | | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | this.loading = false; |
| | | }); |
| | |
| | | |
| | | }, |
| | | submitForm() { |
| | | 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 |
| | | |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | |
| | |
| | | }) |
| | | }, |
| | | handleRemoveFile(file,) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | 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(",") |
| | | //判读是否是之前的图片 |
| | | 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; |
| | | updateDoctor(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | // alert(this.formData.url) |
| | | if(res==true){ |
| | | updateDoctor(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | 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(",") |
| | | //判断是否是之前的图片 |
| | | let res = false |
| | | // alert(this.fileList.length) |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | //原来图像标记为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) |
| | | elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | updateDoctor(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | if(res==true){ |
| | | updateDoctor(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | handleFileCardPreview(file){ |
| | | this.dialogFileUrl = file.url; |
| | |
| | | this.btn = true |
| | | this.isShow=false |
| | | }, |
| | | 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) |
| | | updateDoctor(this.formData).then(response => { |
| | | this.$modal.msgSuccess("图片上传成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | |
| | | //自定义上传方法 |
| | | 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(); |
| | | //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 => { |
| | | _this.uploadFileList1 = [] |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | updateDoctor(_this.formData).then(response => { |
| | | 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) |
| | | updateDoctor(_this.formData).then(response => { |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | // } |
| | | // else{ |
| | | // _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | |
| | | // } |
| | | }); |
| | | } |
| | | else{ |
| | | _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | |
| | | } |
| | | }) |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | uploadPic(formData).then(response => { |
| | | let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | this.uploading1 = false; |
| | | // this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | }, |
| | | requestUpload(params) |
| | | { |
| | | _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) |
| | | updateDoctor(this.formData).then(response => { |
| | | this.$modal.msgSuccess("文档上传成功"); |
| | | // this.open = false; |
| | | // this.btn=false |
| | | }); |
| | | } |
| | | }) |
| | | }, |
| | | // alert(124) |
| | | // this.uploadFileList.push(params.file); |
| | | |
| | | //alert(34) |
| | | |
| | | |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | // alert(123) |
| | | // this.uploadFileList1.push(params.file); |
| | | // console.log("-----------") |
| | | //console.log(this.uploadFileList1) |
| | | }, |
| | | |
| | | } |
| | | } |
| | |
| | | <el-input v-model="formDat.symptom" placeholder="请输入症状" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="持续时间" prop="duration"> |
| | | <el-input v-model="formDat.duration" placeholder="请输入持续时间" clearable :style="{width: '100%'}" > |
| | | <el-input v-model="formDat.duration" placeholder="请输入持续时间" type="number" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="中医处方" prop="cmedical"> |
| | |
| | | accept="image/jpeg, image/png,image/jpg, image/WMF,image/gif" |
| | | list-type="picture-card" |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | |
| | | |
| | | </div> |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @click="picUpload" |
| | | >上传到服务器</el-button> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload1" |
| | | :show-file-list="true" |
| | | |
| | | ref="upload1" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | list-type="picture-card" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading1" class="upload-status">正在上传...</div> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | </el-upload> |
| | | |
| | | |
| | | <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> |
| | | |
| | |
| | | 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:[], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther:[], |
| | | dsb:true, |
| | | btn:false, |
| | |
| | | effect:undefined, |
| | | suitable:undefined, |
| | | remark:undefined, |
| | | url: undefined, |
| | | url: "", |
| | | |
| | | }, |
| | | // 菜单列表 |
| | |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | { |
| | | |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | |
| | | } |
| | | } |
| | | }, |
| | | // 取消按钮 |
| | |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScope: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | |
| | | } |
| | | }); |
| | | }, |
| | | 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; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | { |
| | | _this.fileList.push({name:response.data.fileName, "url":response.data.url}) |
| | | } |
| | | }) |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | var file = params.file; |
| | | var formData = new FormData(); |
| | | formData.append('uploadFile', file); |
| | | let _this = this |
| | | this.uploading1 = true; |
| | | uploadPic(formData).then(response => { |
| | | let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) |
| | | this.uploading1 = false; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) !== true) |
| | | { |
| | | _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | } |
| | | }) |
| | | }, |
| | | handleChange(file, fileList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | //alert(file) |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | }, |
| | | handleChange1(file, fileOtherList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | }, |
| | | 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(); |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | | //console.log(this.uploadFileList) |
| | | this.uploadFileList.forEach((elem)=>{ |
| | | formData.append("files", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // alert("dds") |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | | }); |
| | | }, |
| | | requestUpload(params) { |
| | | //alert(98) |
| | | // this.uploadFileList.push(params.file); |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | // this.uploadFileList1.push(params.file); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const Ids = row.id || this.ids; |
| | |
| | | multiple |
| | | :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 |
| | | class="el-upload-list__item-thumbnail" |
| | | :src="file.url" |
| | | alt="" |
| | | style="width: 147px; height: 147px" |
| | | style="width: 100%; height: 100%" |
| | | fit="cover" |
| | | :preview-src-list="[file.url]" |
| | | > |
| | |
| | | |
| | | </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="" |
| | |
| | | list-type="picture-card" |
| | | :on-preview="handleFileCardPreview" |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :http-request="requestUpload1" |
| | | ref="upload1" |
| | | :show-file-list="true" |
| | | :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元素用于显示视频 --> |
| | |
| | | |
| | | |
| | | </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> |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList:[], |
| | | uploadFileList1:[], |
| | | fileListOther:[ |
| | | |
| | | |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | |
| | | usePeople: undefined, |
| | | kind:undefined, |
| | | remark: undefined, |
| | | url: undefined, |
| | | url: "", |
| | | }, |
| | | dialogImageUrl: '', |
| | | dialogVisible: false, |
| | |
| | | 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]}) |
| | | |
| | | 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}) |
| | | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | this.loading = false; |
| | | }); |
| | |
| | | }, |
| | | |
| | | submitForm() { |
| | | 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 |
| | | |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | |
| | |
| | | }) |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | } |
| | | //判读是否是之前的图片 |
| | | 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){ |
| | | updateEconomy(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | } |
| | | //判断是否是之前的图片 |
| | | let res = false |
| | | // alert(this.fileList.length) |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | //原来图像标记为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) |
| | | elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | if(res==true){ |
| | | updateEconomy(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | handleFileCardPreview(file){ |
| | | this.dialogFileUrl = file.url; |
| | |
| | | this.btn = true |
| | | this.isShow=false |
| | | }, |
| | | 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; |
| | | 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) |
| | | updateEconomy(_this.formData).then(response => { |
| | | this.$modal.msgSuccess("图片上传成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | }) |
| | | |
| | | }, |
| | | |
| | | //自定义上传方法 |
| | | 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(); |
| | | //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 => { |
| | | _this.uploadFileList1 = [] |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | updateEconomy(_this.formData).then(response => { |
| | | 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) |
| | | updateEconomy(_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() { |
| | |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | |
| | | |
| | | </div> |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @click="picUpload" |
| | | >上传到服务器</el-button> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | |
| | | multiple |
| | | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | |
| | | ref="upload1" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | list-type="picture-card" |
| | | :http-request="requestUpload1" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading" 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>A |
| | | |
| | | <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> |
| | | |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther:[], |
| | | dsb:true, |
| | | btn:false, |
| | | uploading: false, |
| | |
| | | usePeople: undefined, |
| | | kind:undefined, |
| | | remark: undefined, |
| | | url: undefined, |
| | | url: "", |
| | | }, |
| | | // 菜单列表 |
| | | menuOptions: [], |
| | |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | { |
| | | |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | |
| | | } |
| | | } |
| | | }, |
| | | getCateInfor() |
| | |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScope: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | } |
| | | }, |
| | | requestUpload(params) |
| | | handleChange(file, fileList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | //alert(file) |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | }, |
| | | handleChange1(file, fileOtherList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | }, |
| | | 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(); |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | | //console.log(this.uploadFileList) |
| | | this.uploadFileList.forEach((elem)=>{ |
| | | formData.append("files", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // alert("dds") |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | | }); |
| | | }, |
| | | requestUpload(params) { |
| | | //alert(98) |
| | | // this.uploadFileList.push(params.file); |
| | | }, |
| | | requestUpload1(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; |
| | | 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}) |
| | | |
| | | } |
| | | }) |
| | | |
| | | // this.uploadFileList1.push(params.file); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | :auto-upload="false" |
| | | ref="upload" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | |
| | | |
| | | </div> |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | |
| | | @click="picUpload" |
| | | >上传到服务器</el-button> |
| | | <h4 class="form-header">其他附件 </h4> |
| | | <el-upload |
| | | action="" |
| | |
| | | multiple |
| | | |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | ref="upload1" |
| | | :on-change="handleChange1" |
| | | :auto-upload="false" |
| | | list-type="picture-card" |
| | | :http-request="requestUpload1" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <div v-if="uploading" class="upload-status">正在上传...</div> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | </el-upload> |
| | | |
| | | <el-button |
| | | style="margin-left: 10px" |
| | | size="small" |
| | | type="success" |
| | | @click="fileUpload" |
| | | >上传到服务器</el-button> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | | fileListOther:[], |
| | | dsb:true, |
| | | uploading: false, |
| | | formDat: { |
| | |
| | | address: undefined, |
| | | remark: undefined, |
| | | happenTime:undefined, |
| | | url: undefined, |
| | | url: "", |
| | | |
| | | }, |
| | | // 菜单列表 |
| | |
| | | happenTime: [{ |
| | | required: true, |
| | | message: '请选择日期选择', |
| | | trigger: 'change' |
| | | trigger: 'blur' |
| | | }], |
| | | }, |
| | | typeOptions: [], |
| | |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | this.$delete(this.fileList,i); |
| | | this.$delete(this.uploadFileList,i); |
| | | } |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | { |
| | | |
| | | this.$delete(this.fileListOther,i); |
| | | this.$delete(this.uploadFileList1,i); |
| | | |
| | | } |
| | | } |
| | | }, |
| | | // 取消按钮 |
| | |
| | | /** 提交按钮(数据权限) */ |
| | | submitDataScope: 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 |
| | | |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | |
| | |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | } |
| | | }, |
| | | 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; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.includes(pth) === true) |
| | | handleChange(file, fileList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | //alert(file) |
| | | this.uploadFileList.push(file.raw); |
| | | this.fileList.push({name:file.name,url:file.url}) |
| | | //alert(fileList1.length) |
| | | }, |
| | | handleChange1(file, fileOtherList1) { |
| | | //定义一个全局数组uploadFileList来做存储 |
| | | this.uploadFileList1.push(file.raw); |
| | | this.fileListOther.push({name:file.name,url:file.url}) |
| | | // this.uploadFileList.push(file.raw); |
| | | console.log("=========5555=========") |
| | | //console.log(file) |
| | | // console.log(this.uploadFileList) |
| | | // this.fileList = fileList |
| | | }, |
| | | 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(); |
| | | //alert(976) |
| | | //this.$refs.upload.submit(); |
| | | //alert(8) |
| | | //alert(this.uploadFileList.length) |
| | | if(this.uploadFileList.length==0){ |
| | | this.$modal.msgSuccess("图片上传列表不能为空!"); |
| | | return} |
| | | //console.log(this.uploadFileList) |
| | | this.uploadFileList.forEach((elem)=>{ |
| | | formData.append("files", elem) |
| | | |
| | | }) |
| | | //alert(90) |
| | | let _this = this |
| | | //alert(9) |
| | | uploadPic(formData).then(response => { |
| | | // alert("dds") |
| | | _this.formDat.url = _this.formDat.url+","+response.fileNames |
| | | _this.uploadFileList = [] |
| | | _this.$modal.msgSuccess("图片上传成功"); |
| | | |
| | | }); |
| | | }, |
| | | requestUpload(params) { |
| | | //alert(98) |
| | | // this.uploadFileList.push(params.file); |
| | | }, |
| | | requestUpload1(params) |
| | | { |
| | | _this.fileList.push({name:response.data.fileName, "url":response.data.url}) |
| | | |
| | | } |
| | | |
| | | else{ |
| | | _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) |
| | | |
| | | } |
| | | }) |
| | | |
| | | }, |
| | | // this.uploadFileList1.push(params.file); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | //alert(23) |
| | |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :on-change="handleChange" |
| | | ref="upload" |
| | | :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 |
| | |
| | | |
| | | </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="" |
| | |
| | | list-type="picture-card" |
| | | :on-preview="handleFileCardPreview" |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :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元素用于显示视频 --> |
| | |
| | | |
| | | </div> |
| | | </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> |
| | |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | fileList1:[], |
| | | uploadFileList:[], |
| | | uploadFileList1:[], |
| | | fileListOther:[ |
| | | |
| | | ], |
| | | dsb:true, |
| | | btn:false, |
| | | isShow:true, |
| | |
| | | holder: undefined, |
| | | address: undefined, |
| | | remark: undefined, |
| | | url: undefined, |
| | | url: "", |
| | | }, |
| | | desurl:'', |
| | | dialogImageUrl: '', |
| | |
| | | type: [{ |
| | | required: true, |
| | | message: '请选择类别', |
| | | trigger: 'change' |
| | | trigger: 'blur' |
| | | }], |
| | | title: [{ |
| | | required: true, |
| | |
| | | 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) |
| | | |
| | | 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]}) |
| | | } |
| | | } |
| | | if(paths[i]!="") { |
| | | |
| | | 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}) |
| | | |
| | | } |
| | | } |
| | | } |
| | | this.loading = false; |
| | | }); |
| | | this.getCateInfor() |
| | |
| | | }) |
| | | }, |
| | | submitForm() { |
| | | 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 |
| | | |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | |
| | |
| | | }) |
| | | }, |
| | | 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){ |
| | | updateProperty(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | } |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | } |
| | | //判断是否是之前的图片 |
| | | let res = false |
| | | // alert(this.fileList.length) |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | { |
| | | //原来图像标记为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) |
| | | elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }) |
| | | this.formData.url = ul+","+uls; |
| | | if(res==true){ |
| | | updateProperty(this.formData).then(response => { |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | handlePictureCardPreview(file) { |
| | | this.dialogImageUrl = file.url; |
| | |
| | | // const fid =2031 |
| | | this.$router.push("/familymodel/property/memo/" + id ); |
| | | }, |
| | | 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; |
| | | this.$modal.msgSuccess("上传成功"); |
| | | if(_this.fot.indexOf(pth) !== -1) |
| | | { |
| | | _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) |
| | | updateProperty(_this.formData).then(response => { |
| | | this.$modal.msgSuccess("图片上传成功"); |
| | | // this.open = false; |
| | | |
| | | }); |
| | | }) |
| | | |
| | | } |
| | | |
| | | //自定义上传方法 |
| | | 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(); |
| | | //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 => { |
| | | _this.uploadFileList1 = [] |
| | | _this.formData.url = _this.formData.url+","+response.fileNames |
| | | updateProperty(_this.formData).then(response => { |
| | | 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) |
| | | updateProperty(_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) |
| | | }, |
| | | |
| | | } |
| | | } |
| | |
| | | <el-table-column label="住宿费" prop="stay" sortable width="100px" /> |
| | | <el-table-column label="交通" prop="travel" sortable width="70px" /> |
| | | <el-table-column label="门票" prop="entrance" sortable width="70px" /> |
| | | <el-table-column label="其它费用" prop="entrance" sortable width="120px" /> |
| | | <el-table-column label="备注" prop="entrance" sortable width="120px" /> |
| | | <el-table-column label="其它费用" prop="otherCost" sortable width="120px" /> |
| | | <el-table-column label="备注" prop="backInfo" sortable width="120px" /> |
| | | |
| | | <el-table-column label="电子文件" prop="url" width="160" > |
| | | <template slot-scope="scope" > |
| | |
| | | <el-table-column label="旅游名称" prop="name" sortable width="200px" /> |
| | | <el-table-column label="去向" prop="destination" sortable width="150px" /> |
| | | <el-table-column label="旅游性质" prop="property" sortable width="100" /> |
| | | <el-table-column label="感言" prop="groupTotal" sortable width="120px" /> |
| | | <el-table-column label="感言" prop="spee" sortable width="120px" /> |
| | | <el-table-column label="旅游方式" prop="manner" sortable width="100" /> |
| | | <el-table-column label="总金额" prop="totalPrice" sortable width="100" /> |
| | | <el-table-column label="餐费" prop="eatTotal" sortable width="70px" /> |
| | |
| | | <el-input v-model="formDat4.manner" placeholder="请输入旅游方式" style="width: 80%;"></el-input> |
| | | |
| | | </el-form-item> |
| | | <el-form-item label="感言" prop="spee"> |
| | | <textarea type="textarea" v-model="formDat4.spee" placeholder="请输入旅游感言" style="width: 80%;"></textarea> |
| | | |
| | | </el-form-item> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | |
| | | <el-input v-model="formDat.travelMode" placeholder="请输入出行方式" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="持证旅游" prop="certificate"> |
| | | <el-select v-model="formDat.certificate" placeholder="请选择证件" clearable :style="{width: '80%'}" > |
| | | <el-form-item label="持证旅游" prop="document"> |
| | | <el-select v-model="formDat.document" placeholder="请选择证件" clearable :style="{width: '80%'}" > |
| | | <el-option label="居民身份证" value="居民身份证"></el-option> |
| | | <el-option label="临时身份证" value="临时身份证"></el-option> |
| | | <el-option label="户口本" value="户口本"></el-option> |
| | |
| | | <el-form-item label="车次/航班" prop="flight"> |
| | | <el-input v-model="formDat.flight" placeholder="请输入车次/航班" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="其它费用" prop="otherCost"> |
| | | <el-input v-model="formDat.otherCost" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="backInfo"> |
| | | <el-input v-model="formDat.backInfo" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="备注" prop="remark">--> |
| | | <!-- <el-input v-model="formDat.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input>--> |
| | | <!-- </el-form-item>--> |
| | |
| | | happenTime: undefined, |
| | | title: undefined, |
| | | travelPeriod:undefined, |
| | | certificate: undefined, |
| | | document: undefined, |
| | | totalPrice: undefined, |
| | | self: undefined, |
| | | remark: undefined, |
| | | groupTotal:undefined, |
| | | url: undefined, |
| | | otherCost: undefined, |
| | | backInfo: undefined |
| | | }, |
| | | formDat1: { |
| | | eat: undefined, |
| | |
| | | property:undefined, |
| | | name: undefined, |
| | | destination: undefined, |
| | | spee: undefined |
| | | }, |
| | | // 菜单列表 |
| | | menuOptions: [], |
| | |
| | | |
| | | listTravelPrice(this.queryParams).then(response => { |
| | | this.travelpriceList = response.data.data; |
| | | |
| | | console.log(this.travelpriceList) |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | | |
| | |
| | | proxy: { |
| | | // detail: https://cli.vuewww.bendudu.comjs.org/config/#devserver-proxy |
| | | [process.env.VUE_APP_BASE_API]: { |
| | | target: `https://192.168.1.3:8080/`, |
| | | //target: 'https://www.bendudu.com:8080/', |
| | | // target: `https://192.168.1.3:8080/`, |
| | | target: 'https://www.bendudu.com:8080/', |
| | | changeOrigin: true, |
| | | pathRewrite: { |
| | | ['^' + process.env.VUE_APP_BASE_API]: '' |