From d9921dcfc04fd38446b3e0f59138451df7a04c27 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Thu, 11 Jun 2026 16:02:48 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E7=89=A9=E6=96=99=E6=A1=A3?=
 =?UTF-8?q?=E6=A1=88-=E8=AF=A6=E6=83=85-=E4=BA=8C=E7=BB=B4=E7=A0=81/?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/erp/product/product/index.vue | 37 +++++++++++++++++--------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/views/erp/product/product/index.vue b/src/views/erp/product/product/index.vue
index 54c225ea..8902381e 100644
--- a/src/views/erp/product/product/index.vue
+++ b/src/views/erp/product/product/index.vue
@@ -136,13 +136,13 @@
               <div class="detail-card">
                 <div class="detail-image-box">
                   <div class="detail-image-item">
-                    <div class="detail-image-label">{{ t('FactoryModeling.ProductInformation.qrcode') }}</div>
+                    <div class="detail-image-label">{{ t('FactoryModeling.ProductInformation.images') }}</div>
                     <el-image
-                      v-if="productDetail.qrcodeUrl"
+                      v-if="productDetail.images"
                       class="detail-image"
-                      :src="productDetail.qrcodeUrl"
+                      :src="productDetail.images"
                       fit="contain"
-                      :preview-src-list="[productDetail.qrcodeUrl]"
+                      :preview-src-list="[productDetail.images]"
                       preview-teleported
                     />
                     <el-empty v-else :image-size="64" :description="t('FactoryModeling.ProductInformation.qrcodeEmpty')" />
@@ -249,17 +249,17 @@
                       <span>默认供应商：{{ defaultSupplierText }}</span>
                     </div>
                   </template>
-                  <div class="detail-image-item" style="margin-top: 12px;">
-                    <div class="detail-image-label">{{ t('FactoryModeling.ProductInformation.images') }}</div>
+                  <div class="detail-qrcode-box" style="margin-top: 12px;">
+                    <div class="detail-image-label">{{ t('FactoryModeling.ProductInformation.qrcode') }}</div>
                     <el-image
-                      v-if="productDetail.images"
-                      class="detail-image"
-                      :src="productDetail.images"
+                      v-if="productDetail.qrcodeUrl"
+                      class="detail-qrcode"
+                      :src="productDetail.qrcodeUrl"
                       fit="contain"
-                      :preview-src-list="[productDetail.images]"
+                      :preview-src-list="[productDetail.qrcodeUrl]"
                       preview-teleported
                     />
-                    <el-empty v-else :image-size="64" description="暂无图片" />
+                    <el-empty v-else :image-size="48" :description="t('FactoryModeling.ProductInformation.qrcodeEmpty')" />
                   </div>
                 </div>
 
@@ -640,6 +640,21 @@ const formatDateTime = (value: any) => {
   grid-column: 1 / -1;
 }
 
+.detail-qrcode-box {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.detail-qrcode {
+  width: 80px;
+  height: 80px;
+  flex-shrink: 0;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 4px;
+  cursor: pointer;
+}
+
 .field-label {
   flex: 0 0 auto;
   color: var(--el-text-color-regular);