liuhairui 3 тижнів тому
батько
коміт
86ba238cdf
1 змінених файлів з 11 додано та 30 видалено
  1. 11 30
      src/view/performance/QualityAssessment/Product.vue

+ 11 - 30
src/view/performance/QualityAssessment/Product.vue

@@ -113,7 +113,12 @@
         <el-button type="danger" size="large" @click="editDialogVisible = false">
           <el-icon><Close /></el-icon>关闭
         </el-button>
-
+        <el-button type="primary" size="large" @click="downloadImage('original')">
+          <el-icon><Download /></el-icon>下载原图
+        </el-button>
+        <el-button type="primary" size="large" @click="downloadImage('new')">
+        <el-icon><Download /></el-icon>下载新图
+        </el-button>
       </div>
 
       <div style="display: flex; gap: 12px;">
@@ -131,22 +136,11 @@
       <el-image
         v-if="editFormData.original_image_url"
         :src="formatImageUrl(editFormData.original_image_url)"
+        :preview-src-list="[formatImageUrl(editFormData.original_image_url)]"
         style="width: 100%; height: 200px;"
         fit="contain"
+        preview-teleported
       />
-      <!-- 放大图标 -->
-      <el-button
-        v-if="editFormData.original_image_url"
-        type="primary"
-        circle
-        size="medium"
-        style="position: absolute; top: 10px; left: 10px; opacity: 0; transition: opacity 0.3s; z-index: 10;"
-        @click.stop="handleImageZoom(formatImageUrl(editFormData.original_image_url))"
-        class="image-zoom-btn"
-      >
-        <el-icon><ZoomIn /></el-icon>
-      </el-button>
-      <!-- 下载图标 -->
       <el-button
         v-if="editFormData.original_image_url"
         type="primary"
@@ -172,22 +166,10 @@
       <el-image
         v-if="editFormData.new_image_url"
         :src="formatImageUrl(editFormData.new_image_url)"
-        style="width: 100%; height: 200px;"
+        style="width: 100%; height: 200px; cursor: pointer;"
         fit="contain"
+        @click="updateProductImage(editFormData.new_image_url)"
       />
-      <!-- 放大图标 -->
-      <el-button
-        v-if="editFormData.new_image_url"
-        type="primary"
-        circle
-        size="medium"
-        style="position: absolute; top: 10px; left: 10px; opacity: 0; transition: opacity 0.3s; z-index: 10;"
-        @click.stop="handleImageZoom(formatImageUrl(editFormData.new_image_url))"
-        class="image-zoom-btn"
-      >
-        <el-icon><ZoomIn /></el-icon>
-      </el-button>
-      <!-- 下载图标 -->
       <el-button
         v-if="editFormData.new_image_url"
         type="primary"
@@ -1761,8 +1743,7 @@ defineExpose({
     font-weight: bold;
   }
   
-  .image-preview:hover .image-download-btn,
-  .image-preview:hover .image-zoom-btn {
+  .image-preview:hover .image-download-btn {
     opacity: 1;
   }