[update] 普通项目缴费凭证

2021-12-16 16:58:19 +08:00
parent 39ea9c3b02
commit 1ae66777c3
10 changed files with 358 additions and 44 deletions
@@ -0,0 +1,49 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @cancel="handleCancel"
+    cancelText="关闭">
+
+    <img :src="imgSrc" class="preview-img">
+
+    <template slot="footer">
+      <a-button @click="handleCancel">关闭</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script>
+export default {
+  name: 'PreviewImgModal',
+  data() {
+    return {
+      title: '图片',
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      // 图片id
+      imgId: ''
+    }
+  },
+  computed: {
+    imgSrc() {
+      return `${ window._CONFIG['domianURL'] }/sys/common/download/${ this.imgId }`
+    }
+  },
+  methods: {
+    handleCancel() {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.preview-img {
+  width: 100%;
+}
+</style>