|
@@ -113,7 +113,12 @@
|
|
|
<el-button type="danger" size="large" @click="editDialogVisible = false">
|
|
<el-button type="danger" size="large" @click="editDialogVisible = false">
|
|
|
<el-icon><Close /></el-icon>关闭
|
|
<el-icon><Close /></el-icon>关闭
|
|
|
</el-button>
|
|
</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>
|
|
|
|
|
|
|
|
<div style="display: flex; gap: 12px;">
|
|
<div style="display: flex; gap: 12px;">
|
|
@@ -131,22 +136,11 @@
|
|
|
<el-image
|
|
<el-image
|
|
|
v-if="editFormData.original_image_url"
|
|
v-if="editFormData.original_image_url"
|
|
|
:src="formatImageUrl(editFormData.original_image_url)"
|
|
:src="formatImageUrl(editFormData.original_image_url)"
|
|
|
|
|
+ :preview-src-list="[formatImageUrl(editFormData.original_image_url)]"
|
|
|
style="width: 100%; height: 200px;"
|
|
style="width: 100%; height: 200px;"
|
|
|
fit="contain"
|
|
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
|
|
<el-button
|
|
|
v-if="editFormData.original_image_url"
|
|
v-if="editFormData.original_image_url"
|
|
|
type="primary"
|
|
type="primary"
|
|
@@ -172,22 +166,10 @@
|
|
|
<el-image
|
|
<el-image
|
|
|
v-if="editFormData.new_image_url"
|
|
v-if="editFormData.new_image_url"
|
|
|
:src="formatImageUrl(editFormData.new_image_url)"
|
|
:src="formatImageUrl(editFormData.new_image_url)"
|
|
|
- style="width: 100%; height: 200px;"
|
|
|
|
|
|
|
+ style="width: 100%; height: 200px; cursor: pointer;"
|
|
|
fit="contain"
|
|
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
|
|
<el-button
|
|
|
v-if="editFormData.new_image_url"
|
|
v-if="editFormData.new_image_url"
|
|
|
type="primary"
|
|
type="primary"
|
|
@@ -1761,8 +1743,7 @@ defineExpose({
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .image-preview:hover .image-download-btn,
|
|
|
|
|
- .image-preview:hover .image-zoom-btn {
|
|
|
|
|
|
|
+ .image-preview:hover .image-download-btn {
|
|
|
opacity: 1;
|
|
opacity: 1;
|
|
|
}
|
|
}
|
|
|
|
|
|