2160d748 by renchao@pashanhoo.com

style:文件上传功能的完善

1 parent 2239205b
1 /* 1 /*
2 * @Description: 材料信息 2 * @Description: 材料信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-16 14:04:42 4 * @LastEditTime: 2023-07-28 14:31:00
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
...@@ -75,6 +75,22 @@ export function uploadSjClmx (data) { ...@@ -75,6 +75,22 @@ export function uploadSjClmx (data) {
75 } 75 }
76 76
77 /** 77 /**
78 * @description: 上传duo个文件
79 * @param {*} data
80 * @author: renchao
81 */
82 export function uploadBatch (data) {
83 return request({
84 url: SERVER.SERVERAPI + '/rest/ywbl/clxx/uploadBatch',
85 method: 'post',
86 headers: {
87 'Content-Type': 'multipart/form-data'
88 },
89 data
90 })
91 }
92
93 /**
78 * @description: 删除上传文件 94 * @description: 删除上传文件
79 * @param {*} bsmClmx 95 * @param {*} bsmClmx
80 * @author: renchao 96 * @author: renchao
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-28 14:20:07 4 * @LastEditTime: 2023-07-28 14:59:55
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 <script> 50 <script>
51 import PhotoZoom from '@/components/PhotoZoom' 51 import PhotoZoom from '@/components/PhotoZoom'
52 import { getAltimeterInfo, getUuid } from '@/utils/operation.js' 52 import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
53 import { uploadSjClmx, deleteClmx } from "@/api/clxx.js"; 53 import { uploadBatch, deleteClmx } from "@/api/clxx.js";
54 import publicPicture from '@/components/publicPicture/index.vue' 54 import publicPicture from '@/components/publicPicture/index.vue'
55 export default { 55 export default {
56 name: 'PreviewImage', 56 name: 'PreviewImage',
...@@ -255,8 +255,9 @@ ...@@ -255,8 +255,9 @@
255 async handleChange (file, fileList) { 255 async handleChange (file, fileList) {
256 let length = fileList.length; 256 let length = fileList.length;
257 this.maxFileLength = Math.max(length, this.maxFileLength) 257 this.maxFileLength = Math.max(length, this.maxFileLength)
258 setTimeout(() => { 258 console.log(fileList, this.maxFileLength, 'this.maxFileLength');
259 var formData = new FormData(); 259 var formData = new FormData();
260 setTimeout(() => {
260 if (this.maxFileLength !== length) { 261 if (this.maxFileLength !== length) {
261 return 262 return
262 } 263 }
...@@ -265,13 +266,15 @@ ...@@ -265,13 +266,15 @@
265 }) 266 })
266 formData.append("bsmSj", this.previewImg.bsmSj); 267 formData.append("bsmSj", this.previewImg.bsmSj);
267 formData.append("bsmSlsq", this.previewImg.bsmSlsq); 268 formData.append("bsmSlsq", this.previewImg.bsmSlsq);
268 uploadSjClmx(formData).then((res) => { 269 uploadBatch(formData).then((res) => {
269 if (res.code == 200) { 270 if (res.code == 200) {
270 this.$emit('updateList', res.result) 271 this.$emit('updateList', res.result)
271 this.$message({ 272 this.$message({
272 message: '上传成功!', 273 message: '上传成功!',
273 type: 'success' 274 type: 'success'
274 }) 275 })
276 this.$refs.upload.clearFiles();
277 this.maxFileLength = 0
275 } 278 }
276 }) 279 })
277 }, 0) 280 }, 0)
......