uploadImgDialog.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!--
  2. 上传图片的弹窗
  3. -->
  4. <template>
  5. <el-dialog title="上传图片" :visible.sync="dialog.uploadImgs" width="500px">
  6. <div style="max-height: 500px; overflow-y: auto;">
  7. <upload-imgs :readOnly="read" :keysArr="deepcopy(keysArr)" @change="changeItem" max="2"></upload-imgs>
  8. </div>
  9. </el-dialog>
  10. </template>
  11. <script>
  12. import uploadImgs from "@/components/ledger/lib/uploadImgs";
  13. export default {
  14. components: {
  15. uploadImgs
  16. },
  17. props: {
  18. dialog: {
  19. type: Object,
  20. default: function () {
  21. return {
  22. uploadImgs: true
  23. };
  24. }
  25. },
  26. keysArr: {
  27. type: Array,
  28. default: function () {
  29. return []
  30. }
  31. },
  32. read: {
  33. type: Boolean,
  34. default: false
  35. }
  36. },
  37. data() {
  38. return {};
  39. },
  40. created() { },
  41. mounted() { },
  42. methods: {
  43. deepcopy(obj) {
  44. console.log(obj, "out")
  45. return JSON.parse(JSON.stringify(obj));
  46. },
  47. changeItem(file) {
  48. console.log(file, "changed")
  49. this.$emit("changeFile", file)
  50. }
  51. },
  52. };
  53. </script>
  54. <style>
  55. </style>