filesDialog.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!--
  2. 上传文件的弹窗
  3. -->
  4. <template>
  5. <el-dialog
  6. title="上传文件"
  7. :visible.sync="dialog.uploadFiles"
  8. width="500px"
  9. >
  10. <div class='max-height: 500px; overflow-y: auto;'>
  11. <upload-files
  12. :readOnly="read"
  13. :keysArr="keysArr"
  14. :show-file-list="false"
  15. @change="changeItem"
  16. max="2"
  17. />
  18. </div>
  19. </el-dialog>
  20. </template>
  21. <script>
  22. import uploadFiles from "@/components/business_space/lib/uploadFiles";
  23. export default {
  24. components: {
  25. uploadFiles
  26. },
  27. props: {
  28. dialog: {
  29. type: Object,
  30. default: function () {
  31. return {
  32. uploadFiles: false
  33. };
  34. }
  35. },
  36. keysArr: {
  37. type: Array,
  38. default: function () {
  39. return []
  40. }
  41. },
  42. read: {
  43. type: Boolean,
  44. default: false
  45. }
  46. },
  47. data() {
  48. return {};
  49. },
  50. created() {
  51. },
  52. mounted() {
  53. },
  54. methods: {
  55. changeItem(file) {
  56. console.log(file)
  57. this.$emit("changeFile", file)
  58. }
  59. },
  60. };
  61. </script>
  62. <style>
  63. </style>