style：物料档案-详情-二维码/图片样式修改

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);