[개인] 카스 전자 저울 연동 Packing List 자동 생성 프로그램 #10 | 고객사 정보 삭제 기능에 Sweet Alert 적용

| 이슈

Sweet Alert 적용

고객사 정보 삭제 기능을 담당하는 doDelete() 메서드에 [그림 1]과 같이 Sweet Alert을 적용하였다. 실수로 삭제하는 일을 방지하기 위해서 이다. 해당 코드는 다음과 같다.

doDelete() {
      this.$swal({
        title: '정말 삭제하시겠습니까?',
        text: '삭제된 데이터는 복원되지 않습니다.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        cancelButtonText: '취소',
        confirmButtonText: '삭제'
      }).then(async (result) => {
        if (result.isConfirmed) {
          this.customers = this.customers.filter(
            (customer) => !customer.isChecked
          )
          this.postCustomersServer()
          this.searchName = ''
          this.$swal('고객사가 삭제되었습니다.')
        }
      })
    },

 

[그림 1] Sweet Alert 적용

 

| 다음 단계

카스 전자저울의 mdb 데이터가 있는 폴더가 각 PC 환경마다 다를 수 있다. 따라서 mdb 데이터가 있는 경로를 수정할 수 있는 기능이 필요하다.