diff --git a/src/views/modules/visual/shundeju/screen-table.vue b/src/views/modules/visual/shundeju/screen-table.vue index 70ac561a6..5340f14a0 100644 --- a/src/views/modules/visual/shundeju/screen-table.vue +++ b/src/views/modules/visual/shundeju/screen-table.vue @@ -31,17 +31,13 @@ :style="tableContentStyle[indexs]" >
- - - + @click="clickItem(value[item.coulmn])" + />
{{ value[item.coulmn] }} @@ -71,6 +67,10 @@
+
+ + 预览失败 +
@@ -186,7 +186,8 @@ export default { false, false, ], - previewImgList: [] + showImg: false, + imgUrl:'' }; }, watch: { @@ -222,10 +223,14 @@ export default { handleClickRow(val) { this.$emit('row', val) }, - clickImg (url) { - this.previewImgList = [] - this.previewImgList.push(url) - } + clickItem (url) { + this.imgUrl = url + this.showImg = true + }, + closePreview () { + this.imgUrl = '' + this.showImg = false + }, }, }; @@ -353,4 +358,28 @@ export default { } } } +.preview { + position: fixed; + z-index: 999; + top: 0%; + left: 0%; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.7); + display: flex; + align-items: center; + justify-content: center; + .close-img { + cursor: pointer; + position: absolute; + z-index: 1000; + top: 10%; + right: 10%; + } + .show-img { + width: 70%; + height: 70%; + object-fit: contain; + } + }