非Dicom图片预览更改
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
42ed756c4e
commit
37529cef33
|
@ -61,6 +61,11 @@
|
|||
<el-table-column :label="$t('common:action:action')" width="120">
|
||||
<template slot-scope="files">
|
||||
<!-- 预览 -->
|
||||
<viewer
|
||||
:ref="files.row.Path"
|
||||
style="margin:0 10px;"
|
||||
:images="[`${OSSclientConfig.basePath}${files.row.Path}`]"
|
||||
>
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-view"
|
||||
|
@ -71,6 +76,13 @@
|
|||
"
|
||||
@click.native.prevent="previewFile(files.row)"
|
||||
/>
|
||||
<img
|
||||
v-show="false"
|
||||
crossorigin="anonymous"
|
||||
:src="`${OSSclientConfig.basePath}${files.row.Path}`"
|
||||
alt="Image"
|
||||
>
|
||||
</viewer>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
@ -108,6 +120,11 @@
|
|||
<el-table-column :label="$t('common:action:action')" width="120">
|
||||
<template slot-scope="files">
|
||||
<!-- 预览 -->
|
||||
<viewer
|
||||
:ref="files.row.Path"
|
||||
style="margin:0 10px;"
|
||||
:images="[`${OSSclientConfig.basePath}${files.row.Path}`]"
|
||||
>
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-view"
|
||||
|
@ -118,6 +135,13 @@
|
|||
"
|
||||
@click.native.prevent="previewFile(files.row)"
|
||||
/>
|
||||
<img
|
||||
v-show="false"
|
||||
crossorigin="anonymous"
|
||||
:src="`${OSSclientConfig.basePath}${files.row.Path}`"
|
||||
alt="Image"
|
||||
>
|
||||
</viewer>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
@ -548,9 +572,10 @@ export default {
|
|||
// 预览文件
|
||||
previewFile(row) {
|
||||
// window.open(row.FullFilePath, '_blank')
|
||||
this.imgObj.url = row.FullFilePath || row.Path
|
||||
this.imgObj.loading = true
|
||||
this.imgObj.visible = true
|
||||
// this.imgObj.url = row.FullFilePath || row.Path
|
||||
// this.imgObj.loading = true
|
||||
// this.imgObj.visible = true
|
||||
this.$refs[row.Path].$viewer.show()
|
||||
},
|
||||
// 预览单个检查下非Dicom文件
|
||||
handlePreviewNoneDicomFiles(row) {
|
||||
|
|
|
@ -69,6 +69,12 @@
|
|||
<el-table-column :label="$t('common:action:action')" width="120">
|
||||
<template slot-scope="files">
|
||||
<!-- 预览 -->
|
||||
<viewer
|
||||
v-if="files.row.type !== 'MP4'"
|
||||
:ref="files.row.FullFilePath"
|
||||
style="margin:0 10px;"
|
||||
:images="[`${OSSclientConfig.basePath}${files.row.FullFilePath}`]"
|
||||
>
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
circle
|
||||
|
@ -78,11 +84,27 @@
|
|||
files.row.FileType &&
|
||||
files.row.FileType.indexOf('zip') >= 0
|
||||
"
|
||||
@click.native.prevent="
|
||||
files.row.type === 'MP4'
|
||||
? handleLookVideo(scope.row)
|
||||
: handlePreviewImg(files.row)
|
||||
@click.native.prevent="handlePreviewImg(files.row)">
|
||||
</el-button>
|
||||
<img
|
||||
v-show="false"
|
||||
crossorigin="anonymous"
|
||||
:src="`${OSSclientConfig.basePath}${files.row.FullFilePath}`"
|
||||
alt="Image"
|
||||
>
|
||||
</viewer>
|
||||
|
||||
<el-button
|
||||
v-if="files.row.type === 'MP4'"
|
||||
icon="el-icon-view"
|
||||
circle
|
||||
:title="$t('trials:uploadNonDicoms:action:preview')"
|
||||
size="small"
|
||||
:disabled="
|
||||
files.row.FileType &&
|
||||
files.row.FileType.indexOf('zip') >= 0
|
||||
"
|
||||
@click.native.prevent="handleLookVideo(scope.row)"
|
||||
/>
|
||||
<!-- 删除 -->
|
||||
<el-button
|
||||
|
@ -495,6 +517,7 @@
|
|||
style="height: 500px; width: 500px"
|
||||
@error="imageLoading = false"
|
||||
@load="imageLoading = false"
|
||||
:preview-src-list="[`${OSSclientConfig.basePath}${imgUrl}`]"
|
||||
/>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
@ -866,9 +889,10 @@ export default {
|
|||
})
|
||||
},
|
||||
handlePreviewImg(row) {
|
||||
this.imgUrl = row.FullFilePath
|
||||
this.previewImgVisible = true
|
||||
this.imageLoading = true
|
||||
// this.imgUrl = row.FullFilePath
|
||||
// this.previewImgVisible = true
|
||||
// this.imageLoading = true
|
||||
this.$refs[row.FullFilePath].$viewer.show()
|
||||
},
|
||||
beginScanFolder(e) {
|
||||
var files = e.target.files
|
||||
|
|
|
@ -417,6 +417,11 @@
|
|||
>
|
||||
<template slot-scope="files">
|
||||
<!-- 预览 -->
|
||||
<viewer
|
||||
:ref="files.row.FullFilePath"
|
||||
style="margin:0 10px;"
|
||||
:images="[`${OSSclientConfig.basePath}${files.row.FullFilePath}`]"
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
:disabled="
|
||||
|
@ -427,6 +432,13 @@
|
|||
>
|
||||
{{ $t('trials:audit:button:nonDicomsPreview') }}
|
||||
</el-button>
|
||||
<img
|
||||
v-show="false"
|
||||
crossorigin="anonymous"
|
||||
:src="`${OSSclientConfig.basePath}${files.row.FullFilePath}`"
|
||||
alt="Image"
|
||||
>
|
||||
</viewer>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
@ -2335,9 +2347,10 @@ export default {
|
|||
// 预览文件
|
||||
previewFile(row) {
|
||||
// window.open(row.FullFilePath, '_blank')
|
||||
this.imgObj.url = row.FullFilePath
|
||||
this.imgObj.loading = true
|
||||
this.imgObj.visible = true
|
||||
// this.imgObj.url = row.FullFilePath
|
||||
// this.imgObj.loading = true
|
||||
// this.imgObj.visible = true
|
||||
this.$refs[row.FullFilePath].$viewer.show()
|
||||
},
|
||||
// 预览所有影像
|
||||
handleViewImages() {
|
||||
|
|
Loading…
Reference in New Issue