图片预览

This commit is contained in:
huangdeliang 2021-03-23 15:14:02 +08:00
parent 2159605a3b
commit 960a094649
2 changed files with 15 additions and 17 deletions

View File

@ -40,10 +40,8 @@
title="点击大图预览" title="点击大图预览"
fit="contain" fit="contain"
style="width: auto; height: 80px" style="width: auto; height: 80px"
:src="`${window.location.origin}${data[con.value]}`" :src="getImgUrl(data[con.value])"
:preview-src-list="[ :preview-src-list="[getImgUrl(data[con.value])]"
`${window.location.origin}${data[con.value]}`,
]"
/> />
</div> </div>
</div> </div>
@ -242,6 +240,9 @@ export default {
}; };
}, },
methods: { methods: {
getImgUrl(path) {
return `${window.location.origin}${path}`;
},
handleOnRemark() { handleOnRemark() {
this.open = true; this.open = true;
}, },

View File

@ -134,10 +134,8 @@
title="点击大图预览" title="点击大图预览"
style="width: auto; height: 80px" style="width: auto; height: 80px"
fit="contain" fit="contain"
:src="`${window.location.origin}${medicalReportPathArray[0]}`" :src="getImgUrl(0)"
:preview-src-list="[ :preview-src-list="[getImgUrl(0)]"
`${window.location.origin}${medicalReportPathArray[0]}`,
]"
/> />
</template> </template>
</el-table-column> </el-table-column>
@ -152,10 +150,8 @@
title="点击大图预览" title="点击大图预览"
fit="contain" fit="contain"
style="width: auto; height: 80px" style="width: auto; height: 80px"
:src="`${window.location.origin}${medicalReportPathArray[1]}`" :src="getImgUrl(1)"
:preview-src-list="[ :preview-src-list="[getImgUrl(1)]"
`${window.location.origin}${medicalReportPathArray[1]}`,
]"
/> />
</template> </template>
</el-table-column> </el-table-column>
@ -166,14 +162,12 @@
<el-table-column prop="value_three"> <el-table-column prop="value_three">
<template slot-scope="scope"> <template slot-scope="scope">
<el-image <el-image
v-if="scope.row.value_two" v-if="scope.row.value_three"
title="点击大图预览" title="点击大图预览"
fit="contain" fit="contain"
style="width: auto; height: 80px" style="width: auto; height: 80px"
:src="`${window.location.origin}${medicalReportPathArray[3]}`" :src="getImgUrl(2)"
:preview-src-list="[ :preview-src-list="[getImgUrl(2)]"
`${window.location.origin}${medicalReportPathArray[3]}`,
]"
/> />
</template> </template>
</el-table-column> </el-table-column>
@ -403,6 +397,9 @@ export default {
}; };
}, },
methods: { methods: {
getImgUrl(idx) {
return `${window.location.origin}${this.medicalReportPathArray[idx]}`;
},
// //
columnStyle({ row, column, rowIndex, columnIndex }) { columnStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex % 2 === 0) { if (columnIndex % 2 === 0) {