diff --git a/src/assets/images/USER_LZ_DZ_JBGJ.webp b/src/assets/images/USER_LZ_DZ_JBGJ.webp index 7057478..737d968 100644 Binary files a/src/assets/images/USER_LZ_DZ_JBGJ.webp and b/src/assets/images/USER_LZ_DZ_JBGJ.webp differ diff --git a/src/assets/images/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp b/src/assets/images/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp index cd37920..fdc8414 100644 Binary files a/src/assets/images/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp and b/src/assets/images/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp differ diff --git a/src/assets/images/generate/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp b/src/assets/images/generate/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp index 7d5e3a4..42fbb87 100644 Binary files a/src/assets/images/generate/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp and b/src/assets/images/generate/USER_LZ_DZ_JBGJ_LZ_ZQ_DZJ.webp differ diff --git a/src/assets/images/processing.webp b/src/assets/images/processing.webp new file mode 100644 index 0000000..f5f3a4c Binary files /dev/null and b/src/assets/images/processing.webp differ diff --git a/src/components/MyPhoto.vue b/src/components/MyPhoto.vue index 09816c2..bd2fccc 100644 --- a/src/components/MyPhoto.vue +++ b/src/components/MyPhoto.vue @@ -35,8 +35,8 @@ const fetchImages = async () => { }) const data = await response.json() if (response.status == 200 || response.status == 201) { - // 只保留result_url存在的记录 - images.value = data.data.filter(item => item.result_url); + // 只保留 status=processing 或 result_url 不为空的记录 + images.value = data.data.filter(item => item.status === 'processing' || item.result_url); // 测试数据 // images.value = [ // { @@ -165,7 +165,9 @@ const downloadGenerateImg = (item) => { import haibaoCoverBorderNoTitle from "../assets/images/haibao-cover-no-title.webp" import haibaoCoverBorderSuccess from "../assets/images/haibao-cover-sucess.webp"; import failedImg from '../assets/images/failed.webp'; +import processingImg from '../assets/images/processing.webp'; const getGenerateImgStatus = async (item) => { + const loading = weui.loading() fetch(`https://huodong2.lzlj.com/api/faceFamily/face/merge/${item.id}/status`, { method: 'GET', headers: { @@ -174,6 +176,7 @@ const getGenerateImgStatus = async (item) => { }) .then(async response => { const data = await response.json() + loading.hide(); if (response.status == 200 || response.status == 201) { if (data.status = 'failed') { item.result_url = failedImg; @@ -185,6 +188,7 @@ const getGenerateImgStatus = async (item) => { } }) .catch((error) => { + loading.hide(); ElMessage.error('获取状态失败!'); }); } @@ -193,7 +197,7 @@ const getBackgroundImage = (item) => { if (item.result_url) { return `${item.result_url}?x-oss-process=image/resize,w_400/format,webp/quality,q_80`; } else { - return item.result_url = failedImg; + return item.result_url = processing; } }; @@ -373,13 +377,13 @@ const getBorder = (item, index) => {