定损附件上传修改
This commit is contained in:
parent
aa72cbfd09
commit
fd2d047f04
|
|
@ -226,70 +226,160 @@ const imgList2 = ref([]) // 图片列表,用于回显
|
||||||
const fileData = ref({fileList:[]})
|
const fileData = ref({fileList:[]})
|
||||||
//上传
|
//上传
|
||||||
const uploadImg2 = () => {
|
const uploadImg2 = () => {
|
||||||
uni.chooseImage({
|
uni.showActionSheet({
|
||||||
count: 3 - imgList2.value.length, // 最多选择3张,减去已选数量
|
itemList: ['拍照', '从相册选择'],
|
||||||
sizeType: ['original', 'compressed'],
|
success: (res) => {
|
||||||
sourceType: ['album', 'camera'],
|
if (res.tapIndex === 0) {
|
||||||
success: async (res) => {
|
getCameraFj()
|
||||||
const tempFiles = res.tempFiles
|
} else if (res.tapIndex === 1) {
|
||||||
if (imgList2.value.length + tempFiles.length > 3) {
|
// 从相册选择
|
||||||
uni.showToast({ title: '最多只能上传3张图片', icon: 'none' })
|
getPhotoFj()
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
// 显示选择的图片
|
|
||||||
for (let i = 0; i < tempFiles.length; i++) {
|
|
||||||
imgList2.value.push({
|
|
||||||
url: tempFiles[i].path,
|
|
||||||
uploading: true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 上传所有图片
|
|
||||||
const uploadPromises = tempFiles.map(file => {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
uni.uploadFile({
|
|
||||||
url: '/file/upload',
|
|
||||||
filePath: file.path,
|
|
||||||
name: 'file',
|
|
||||||
success: (uploadRes) => {
|
|
||||||
const resData = JSON.parse(uploadRes.data)
|
|
||||||
if (resData.code === 200) {
|
|
||||||
resolve({
|
|
||||||
name: resData.data.name,
|
|
||||||
url: resData.data.url
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
reject(new Error('上传失败'))
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: (err) => {
|
fail: (err) => {
|
||||||
reject(err)
|
console.error('操作菜单选择失败:', err)
|
||||||
}
|
},
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
|
|
||||||
try {
|
// uni.chooseImage({
|
||||||
const results = await Promise.all(uploadPromises)
|
// count: 3 - imgList2.value.length, // 最多选择3张,减去已选数量
|
||||||
fileData.value.fileList = [...bmFileInfos.value, ...results]
|
// sizeType: ['original', 'compressed'],
|
||||||
|
// sourceType: ['album', 'camera'],
|
||||||
|
// success: async (res) => {
|
||||||
|
// const tempFiles = res.tempFiles
|
||||||
|
// if (imgList2.value.length + tempFiles.length > 3) {
|
||||||
|
// uni.showToast({ title: '最多只能上传3张图片', icon: 'none' })
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // 显示选择的图片
|
||||||
|
// for (let i = 0; i < tempFiles.length; i++) {
|
||||||
|
// imgList2.value.push({
|
||||||
|
// url: tempFiles[i].path,
|
||||||
|
// uploading: true
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // 上传所有图片
|
||||||
|
// const uploadPromises = tempFiles.map(file => {
|
||||||
|
// return new Promise((resolve, reject) => {
|
||||||
|
// uni.uploadFile({
|
||||||
|
// url: '/file/upload',
|
||||||
|
// filePath: file.path,
|
||||||
|
// name: 'file',
|
||||||
|
// success: (uploadRes) => {
|
||||||
|
// const resData = JSON.parse(uploadRes.data)
|
||||||
|
// if (resData.code === 200) {
|
||||||
|
// resolve({
|
||||||
|
// name: resData.data.name,
|
||||||
|
// url: resData.data.url
|
||||||
|
// })
|
||||||
|
// } else {
|
||||||
|
// reject(new Error('上传失败'))
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// fail: (err) => {
|
||||||
|
// reject(err)
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// })
|
||||||
|
// })
|
||||||
|
|
||||||
|
// try {
|
||||||
|
// const results = await Promise.all(uploadPromises)
|
||||||
|
// fileData.value.fileList = [...bmFileInfos.value, ...results]
|
||||||
|
// uni.showToast({ title: '上传成功', icon: 'none' })
|
||||||
|
|
||||||
|
// // 更新图片状态
|
||||||
|
// imgList2.value = imgList2.value.map(img => {
|
||||||
|
// return {
|
||||||
|
// ...img,
|
||||||
|
// uploading: false
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// } catch (error) {
|
||||||
|
// uni.showToast({ title: '部分图片上传失败', icon: 'none' })
|
||||||
|
// // 移除上传失败的图片
|
||||||
|
// imgList2.value = imgList2.value.filter(img => !img.uploading)
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
|
||||||
|
const generateRandomString = (length) => {
|
||||||
|
let result = '';
|
||||||
|
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||||
|
const charactersLength = characters.length;
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 附件拍照
|
||||||
|
const getCameraFj = () => {
|
||||||
|
navigator.camera.getPicture(onCameraSuccessFj, onCameraErrorFj, {
|
||||||
|
quality: 50,
|
||||||
|
destinationType: window.Camera.DestinationType.DATA_URL,
|
||||||
|
sourceType: window.Camera.PictureSourceType.CAMERA,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 附件从相册选择
|
||||||
|
const getPhotoFj = () => {
|
||||||
|
navigator.camera.getPicture(onCameraSuccessFj, onCameraErrorFj, {
|
||||||
|
quality: 50,
|
||||||
|
destinationType: window.Camera.DestinationType.DATA_URL,
|
||||||
|
sourceType: window.Camera.PictureSourceType.SAVEDPHOTOALBUM,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const onCameraErrorFj = (message) => {
|
||||||
|
console.log(message)
|
||||||
|
}
|
||||||
|
|
||||||
|
const onCameraSuccessFj = (file) => {
|
||||||
|
uploadSignUrlFj(file)
|
||||||
|
}
|
||||||
|
|
||||||
|
const uploadSignUrlFj = (file) => {
|
||||||
|
const base64Data = file
|
||||||
|
uni.request({
|
||||||
|
url: '/file/uploadBase64',
|
||||||
|
method: 'POST',
|
||||||
|
data: {
|
||||||
|
base64File:base64Data,
|
||||||
|
fileName: `${generateRandomString(10)}_${Date.now()}.png`,
|
||||||
|
fileType: 'image/png'
|
||||||
|
},
|
||||||
|
success: (uploadRes) => {
|
||||||
|
if(!uploadRes.data.code){
|
||||||
|
uploadRes = JSON.parse(decryptWithSM4(uploadRes.data))
|
||||||
|
}else{
|
||||||
|
uploadRes = uploadRes.data
|
||||||
|
}
|
||||||
|
if (uploadRes.code && uploadRes.code == 200) {
|
||||||
|
imgList2.value.push({
|
||||||
|
url: uploadRes.data.url, // Show local path first
|
||||||
|
serverUrl: uploadRes.data.url // Store server URL
|
||||||
|
})
|
||||||
|
// bmFileInfos.value.push({
|
||||||
|
// name: uploadRes.data.name,
|
||||||
|
// url: uploadRes.data.url,
|
||||||
|
// taskType: '10'
|
||||||
|
// })
|
||||||
uni.showToast({ title: '上传成功', icon: 'none' })
|
uni.showToast({ title: '上传成功', icon: 'none' })
|
||||||
|
} else {
|
||||||
// 更新图片状态
|
uni.showToast({ title: '上传失败', icon: 'none' })
|
||||||
imgList2.value = imgList2.value.map(img => {
|
|
||||||
return {
|
|
||||||
...img,
|
|
||||||
uploading: false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} catch (error) {
|
|
||||||
uni.showToast({ title: '部分图片上传失败', icon: 'none' })
|
|
||||||
// 移除上传失败的图片
|
|
||||||
imgList2.value = imgList2.value.filter(img => !img.uploading)
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
console.error('上传失败', err)
|
||||||
|
uni.showToast({ title: '上传失败', icon: 'none' })
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//删除图片
|
//删除图片
|
||||||
const deleteImage2 = (index) => {
|
const deleteImage2 = (index) => {
|
||||||
imgList2.value.splice(index, 1)
|
imgList2.value.splice(index, 1)
|
||||||
|
|
|
||||||
|
|
@ -328,70 +328,96 @@ const imgList2 = ref([]) // 图片列表,用于回显
|
||||||
const fileData = ref({fileList:[]})
|
const fileData = ref({fileList:[]})
|
||||||
//上传
|
//上传
|
||||||
const uploadImg2 = () => {
|
const uploadImg2 = () => {
|
||||||
uni.chooseImage({
|
uni.showActionSheet({
|
||||||
count: 3 - imgList2.value.length, // 最多选择3张,减去已选数量
|
itemList: ['拍照', '从相册选择'],
|
||||||
sizeType: ['original', 'compressed'],
|
success: (res) => {
|
||||||
sourceType: ['album', 'camera'],
|
if (res.tapIndex === 0) {
|
||||||
success: async (res) => {
|
getCameraFj()
|
||||||
const tempFiles = res.tempFiles
|
} else if (res.tapIndex === 1) {
|
||||||
if (imgList2.value.length + tempFiles.length > 3) {
|
// 从相册选择
|
||||||
uni.showToast({ title: '最多只能上传3张图片', icon: 'none' })
|
getPhotoFj()
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
// 显示选择的图片
|
|
||||||
for (let i = 0; i < tempFiles.length; i++) {
|
|
||||||
imgList2.value.push({
|
|
||||||
url: tempFiles[i].path,
|
|
||||||
uploading: true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 上传所有图片
|
|
||||||
const uploadPromises = tempFiles.map(file => {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
uni.uploadFile({
|
|
||||||
url: '/file/upload',
|
|
||||||
filePath: file.path,
|
|
||||||
name: 'file',
|
|
||||||
success: (uploadRes) => {
|
|
||||||
const resData = JSON.parse(uploadRes.data)
|
|
||||||
if (resData.code === 200) {
|
|
||||||
resolve({
|
|
||||||
name: resData.data.name,
|
|
||||||
url: resData.data.url
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
reject(new Error('上传失败'))
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: (err) => {
|
fail: (err) => {
|
||||||
reject(err)
|
console.error('操作菜单选择失败:', err)
|
||||||
}
|
},
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
|
}
|
||||||
|
|
||||||
try {
|
const generateRandomString = (length) => {
|
||||||
const results = await Promise.all(uploadPromises)
|
let result = '';
|
||||||
fileData.value.fileList = [...bmFileInfos.value, ...results]
|
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
||||||
|
const charactersLength = characters.length;
|
||||||
|
for (let i = 0; i < length; i++) {
|
||||||
|
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 附件拍照
|
||||||
|
const getCameraFj = () => {
|
||||||
|
navigator.camera.getPicture(onCameraSuccessFj, onCameraErrorFj, {
|
||||||
|
quality: 50,
|
||||||
|
destinationType: window.Camera.DestinationType.DATA_URL,
|
||||||
|
sourceType: window.Camera.PictureSourceType.CAMERA,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 附件从相册选择
|
||||||
|
const getPhotoFj = () => {
|
||||||
|
navigator.camera.getPicture(onCameraSuccessFj, onCameraErrorFj, {
|
||||||
|
quality: 50,
|
||||||
|
destinationType: window.Camera.DestinationType.DATA_URL,
|
||||||
|
sourceType: window.Camera.PictureSourceType.SAVEDPHOTOALBUM,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const onCameraErrorFj = (message) => {
|
||||||
|
console.log(message)
|
||||||
|
}
|
||||||
|
|
||||||
|
const onCameraSuccessFj = (file) => {
|
||||||
|
uploadSignUrlFj(file)
|
||||||
|
}
|
||||||
|
|
||||||
|
const uploadSignUrlFj = (file) => {
|
||||||
|
const base64Data = file
|
||||||
|
uni.request({
|
||||||
|
url: '/file/uploadBase64',
|
||||||
|
method: 'POST',
|
||||||
|
data: {
|
||||||
|
base64File:base64Data,
|
||||||
|
fileName: `${generateRandomString(10)}_${Date.now()}.png`,
|
||||||
|
fileType: 'image/png'
|
||||||
|
},
|
||||||
|
success: (uploadRes) => {
|
||||||
|
if(!uploadRes.data.code){
|
||||||
|
uploadRes = JSON.parse(decryptWithSM4(uploadRes.data))
|
||||||
|
}else{
|
||||||
|
uploadRes = uploadRes.data
|
||||||
|
}
|
||||||
|
if (uploadRes.code && uploadRes.code == 200) {
|
||||||
|
imgList2.value.push({
|
||||||
|
url: uploadRes.data.url, // Show local path first
|
||||||
|
serverUrl: uploadRes.data.url // Store server URL
|
||||||
|
})
|
||||||
|
// bmFileInfos.value.push({
|
||||||
|
// name: uploadRes.data.name,
|
||||||
|
// url: uploadRes.data.url,
|
||||||
|
// taskType: '10'
|
||||||
|
// })
|
||||||
uni.showToast({ title: '上传成功', icon: 'none' })
|
uni.showToast({ title: '上传成功', icon: 'none' })
|
||||||
|
} else {
|
||||||
// 更新图片状态
|
uni.showToast({ title: '上传失败', icon: 'none' })
|
||||||
imgList2.value = imgList2.value.map(img => {
|
|
||||||
return {
|
|
||||||
...img,
|
|
||||||
uploading: false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} catch (error) {
|
|
||||||
uni.showToast({ title: '部分图片上传失败', icon: 'none' })
|
|
||||||
// 移除上传失败的图片
|
|
||||||
imgList2.value = imgList2.value.filter(img => !img.uploading)
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
console.error('上传失败', err)
|
||||||
|
uni.showToast({ title: '上传失败', icon: 'none' })
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//删除图片
|
//删除图片
|
||||||
const deleteImage2 = (index) => {
|
const deleteImage2 = (index) => {
|
||||||
imgList2.value.splice(index, 1)
|
imgList2.value.splice(index, 1)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue