|
|
@@ -45,6 +45,7 @@
|
|
|
title="图片预览"
|
|
|
:width="dialogWidth"
|
|
|
:before-close="handleClose"
|
|
|
+ class="hc-modal-border"
|
|
|
>
|
|
|
<div class="preview-container">
|
|
|
<div
|
|
|
@@ -58,20 +59,22 @@
|
|
|
:style="{ maxHeight: `calc(100vh - 200px)` }"
|
|
|
>
|
|
|
</div>
|
|
|
- <div class="rotation-controls">
|
|
|
- <el-button type="primary" plain @click="rotate(-90)">向左旋转</el-button>
|
|
|
- <el-button type="primary" plain @click="rotate(90)">向右旋转</el-button>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="rotation-controls">
|
|
|
+ <el-button type="primary" plain @click="rotate(-90)">向左旋转</el-button>
|
|
|
+ <el-button type="primary" plain @click="rotate(90)">向右旋转</el-button>
|
|
|
</div>
|
|
|
<template #footer>
|
|
|
- <el-button @click="previewVisible = false">取消</el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- :loading="confirmLoading"
|
|
|
- @click="confirmRotation"
|
|
|
- >
|
|
|
- 确定
|
|
|
- </el-button>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button @click="previewVisible = false">取消</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ :loading="confirmLoading"
|
|
|
+ @click="confirmRotation"
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -341,7 +344,7 @@ const rotateImageAndGetBlob = (imageUrl, degrees) => {
|
|
|
}
|
|
|
|
|
|
.hc-table-form-actions {
|
|
|
- position: absolute;
|
|
|
+ position: absolute;
|
|
|
top: 10px;
|
|
|
right: 10px;
|
|
|
display: flex;
|
|
|
@@ -351,6 +354,8 @@ const rotateImageAndGetBlob = (imageUrl, degrees) => {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
+ overflow-y:auto ;
|
|
|
+ max-height: 600px;
|
|
|
|
|
|
}
|
|
|
|
|
|
@@ -367,7 +372,9 @@ const rotateImageAndGetBlob = (imageUrl, degrees) => {
|
|
|
.rotation-controls {
|
|
|
display: flex;
|
|
|
gap: 10px;
|
|
|
- margin-top: 15px;
|
|
|
+ margin-top: 10px;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 5px;
|
|
|
}
|
|
|
</style>
|
|
|
|
