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;
+ }
+ }