progtressImg.vue 628 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <a-modal
  3. title="图片"
  4. width="60%"
  5. :footer="null"
  6. :visible="visible"
  7. @cancel="close"
  8. >
  9. <img :src="URL" style="margin: auto;"/>
  10. </a-modal>
  11. </template>
  12. <script>
  13. import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  14. export default {
  15. name: 'Detail', // 明细 弹框
  16. mixins: [JeecgListMixin],
  17. components: { },
  18. data() {
  19. return {
  20. visible:false,
  21. URL:'',
  22. dd:'',
  23. }
  24. },
  25. watch: {
  26. dd(newVal) {
  27. this.URL='data:image/jpeg;base64,'+newVal
  28. }
  29. },
  30. methods: {
  31. close(){
  32. this.visible = false
  33. },
  34. }}
  35. </script>
  36. <style lang="less" scoped>
  37. </style>