From bc2f8274ee7bc57328a996dccec22ebcf0083db5 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 20 七月 2026 16:19:15 +0800
Subject: [PATCH] 银川 1.物料中的SOP/SIP上传图片后，点击保存后图片没有展示
---
src/views/mes/md/item/modules/product-media-list.vue | 26 +++++++++++++++++++-------
1 files changed, 19 insertions(+), 7 deletions(-)
diff --git a/src/views/mes/md/item/modules/product-media-list.vue b/src/views/mes/md/item/modules/product-media-list.vue
index 1f58cda..e2b2adc 100644
--- a/src/views/mes/md/item/modules/product-media-list.vue
+++ b/src/views/mes/md/item/modules/product-media-list.vue
@@ -49,6 +49,17 @@
const isReadOnly = computed(() => props.formType === 'detail'); // 鏄惁鍙
const title = computed(() => props.kind); // 褰撳墠濯掍綋绫诲瀷鏍囬
+
+/** 灏嗗畬鏁� URL 杞负鐩稿璺緞锛岀‘淇濊蛋鍓嶇浠ｇ悊 */
+function resolveImageUrl(url?: string): string {
+ if (!url) return '';
+ try {
+ const { pathname } = new URL(url, window.location.origin);
+ return pathname;
+ } catch {
+ return url;
+ }
+}
const loading = ref(false); // SIP/SOP 鍒楄〃鍔犺浇涓�
const formOpen = ref(false); // SIP/SOP 琛ㄥ崟鏄惁鎵撳紑
const formLoading = ref(false); // SIP/SOP 琛ㄥ崟鎻愪氦涓�
@@ -219,27 +230,28 @@
娣诲姞 {{ title }}
</Button>
<Spin :spinning="loading">
- <div v-if="list.length > 0" class="grid grid-cols-4 gap-3">
+ <div v-if="list.length > 0" class="grid grid-cols-8 gap-1">
<Card
v-for="item in list"
:key="item.id"
hoverable
+ class="!w-[120px]"
:body-style="{ padding: '0px' }"
>
<Image
v-if="item.url"
- :src="item.url"
- class="block h-40 w-full object-cover"
- :preview="{ src: item.url }"
+ :src="resolveImageUrl(item.url)"
+ class="block !h-[90px] !w-[120px] object-cover"
+ :preview="{ src: resolveImageUrl(item.url) }"
/>
<div
v-else
- class="flex h-40 w-full items-center justify-center bg-gray-100 text-gray-400"
+ class="flex !h-[90px] !w-[120px] items-center justify-center bg-gray-100 text-gray-400"
>
鏆傛棤鍥剧墖
</div>
- <div class="p-3">
- <div class="mb-1 truncate text-sm font-bold">{{ item.title }}</div>
+ <div class="p-2">
+ <div class="mb-1 truncate text-xs font-bold">{{ item.title }}</div>
<div v-if="item.description" class="truncate text-xs text-gray-500">
{{ item.description }}
</div>
--
Gitblit v1.9.3