【fix bug】66408 【前端】文件上传组件JUpload预览问题

2023-03-07 11:32:16 +08:00
parent e6fdfdfafb
commit c3e6ab9cb4
371 changed files with 126797 additions and 19 deletions
@@ -0,0 +1,42 @@
+<template>
+  <a-modal
+    title="图片预览"
+    :width="modalWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    :footer="null"
+    @cancel="close"
+    cancelText="关闭">
+    <img class="img-container" :src="imgUrl" alt="">
+  </a-modal>
+</template>
+
+<script>
+export default {
+  name: 'JImagePreviewModal',
+  data () {
+    return {
+      modalWidth: '60%',
+      visible: false,
+      confirmLoading: false,
+      imgUrl: ''
+    }
+  },
+  methods: {
+    open (imgUrl) {
+      this.imgUrl = imgUrl
+      this.visible = true
+    },
+    close () {
+      this.visible = false
+      this.imgUrl = ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+.img-container {
+  width: 100%;
+}
+</style>