非dicom影像图片上传后文件数量预览按钮位置对齐
continuous-integration/drone/push Build is passing Details

uat_us
DESKTOP-6C3NK6N\WXS 2024-09-18 11:48:37 +08:00
parent 86dde0a9e8
commit 3dddbafd04
1 changed files with 50 additions and 43 deletions

View File

@ -68,12 +68,15 @@
/> />
<el-table-column :label="$t('common:action:action')" width="120"> <el-table-column :label="$t('common:action:action')" width="120">
<template slot-scope="files"> <template slot-scope="files">
<div style="display: flex">
<!-- 预览 --> <!-- 预览 -->
<viewer <viewer
v-if="files.row.type !== 'MP4'" v-if="files.row.type !== 'MP4'"
:ref="files.row.FullFilePath" :ref="files.row.FullFilePath"
style="margin:0 10px;" style="margin: 0 10px"
:images="[`${OSSclientConfig.basePath}${files.row.FullFilePath}`]" :images="[
`${OSSclientConfig.basePath}${files.row.FullFilePath}`,
]"
> >
<el-button <el-button
icon="el-icon-view" icon="el-icon-view"
@ -84,14 +87,15 @@
files.row.FileType && files.row.FileType &&
files.row.FileType.indexOf('zip') >= 0 files.row.FileType.indexOf('zip') >= 0
" "
@click.native.prevent="handlePreviewImg(files.row)"> @click.native.prevent="handlePreviewImg(files.row)"
>
</el-button> </el-button>
<img <img
v-show="false" v-show="false"
crossorigin="anonymous" crossorigin="anonymous"
:src="`${OSSclientConfig.basePath}${files.row.FullFilePath}`" :src="`${OSSclientConfig.basePath}${files.row.FullFilePath}`"
alt="Image" alt="Image"
> />
</viewer> </viewer>
<el-button <el-button
@ -109,7 +113,9 @@
<!-- 删除 --> <!-- 删除 -->
<el-button <el-button
v-if="allowAddOrEdit" v-if="allowAddOrEdit"
v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']" v-hasPermi="[
'trials:trials-panel:visit:crc-upload:delete',
]"
icon="el-icon-delete" icon="el-icon-delete"
circle circle
:title="$t('trials:uploadNonDicoms:action:delete')" :title="$t('trials:uploadNonDicoms:action:delete')"
@ -120,6 +126,7 @@
: handleDeleteFile(files.row.Id) : handleDeleteFile(files.row.Id)
" "
/> />
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>