diff --git a/src/views/aftersales/aftersalesWorkOrderAdd.vue b/src/views/aftersales/aftersalesWorkOrderAdd.vue index e398e4cc..425a2550 100644 --- a/src/views/aftersales/aftersalesWorkOrderAdd.vue +++ b/src/views/aftersales/aftersalesWorkOrderAdd.vue @@ -454,8 +454,16 @@ - - 图片 + + @@ -587,6 +595,9 @@ const dialogHistoricalPackage = ref(false); //历史包件弹窗 const HistoricalPackageList = ref([]); //历史包件数组 const HistorIndex = ref(0); //历史包件索引 const NumberPackages = ref(0); //包件个数 +const dialogImgList = ref(false); //图片预览弹窗 +const amplifyurl = ref(''); //当前点击的图片 +const amplifysrcList = ref([]); //图片循环列表 const PackageInfo = ref([ //包件信息 { packageCode: '', orderCode: '', waybillNumber: '', brandName: '' }, @@ -640,11 +651,9 @@ const doubledCount = computed(() => { const ImgSuccess = (response, uploadFile) => { if (response.success === true) { console.log(response); - // Indexform.value['packList'].push({ - // name: response.data.originalName, - // url: response.data.link, - // }); console.log(Indexform.value['packList'], '图片列表'); + amplifysrcList.value.push(response.data.link); + } }; @@ -663,10 +672,14 @@ const beforeAvatarUpload = rawFile => { // 点击图片列表回调 const pictureList = val => { console.log(val, '图片列表'); + dialogImgList.value=true; + console.log(val, '图片列表'); + amplifyurl.value=val.url; }; // 点击图片移除 const ImgListRemove = val => { console.log(val, '移除图片'); + amplifysrcList.value = amplifysrcList.value.filter(item => item !== val.response.data.link); }; // 处理方和责任方获取数据 const handle = () => {