export default {
  data() {
    return {
      viewFiles: null,

      fileList: [],
      insertFileList: [],
      deleteFileList: [],
    };
  },
  methods: {
    // 파일 목록
    fnFileList() {
      let list = "";
      this.fileList.map((file, index) => {
        if (index != 0) {
          list += ", ";
        }
        if (file.fileId != null) {
          list += file.fileNm + "." + file.extnNm;
        } else {
          list += file.name;
        }
      });
      this.viewFiles = list;
    },

    // 파일 등록
    fnFileInsert() {
      const files = this.$refs.file.files;
      // 파일 용량 제한
      for (let file of files) {
        let fileSize = file.size / 100000;
        if (fileSize > 200) {
          alert("파일은 개당 최대 200MB까지 등록할 수 있습니다.");
          return;
        }
      }
      this.fileList = [...this.fileList, ...Array.from(files)];
      this.insertFileList = [...this.insertFileList, ...Array.from(files)];
      this.$refs.file.value = ""; // file.files 초기화
    },

    // 파일 삭제
    fnFileDelete(file, index) {
      if (file.fileId != null) {
        this.deleteFileList.push(file);
      }
      this.fileList.splice(index, 1);
      this.insertFileList.splice(index, 1);
    },
  },
};