Ahh2dUrH

1import React, { Fragment } from "react";
2import axios from 'axios';
3import swal from 'sweetalert2';
4import { Link } from "react-router-dom";
5import {
6Input,
7Col,
8Row,
9Select,
10Button,
11Modal,
12DatePicker,
13AutoComplete,
14Checkbox,
15Layout,
16Icon,
17Tooltip,
18message,
19Spin,
20Skeleton,
21Popconfirm,
22Form
23} from 'antd';
24import DataGrid, { Column } from 'devextreme-react/data-grid';
25import TabelKonversi from '../PfpdBarang/TabelKonversi';
26import {
27getBarangPemberitahuanPFPD,
28getCekBmtPFPD,
29getMaxSeriBarangPFPD,
30getDokumenPabeanPFPD,
31getBMTPFPD,
32getBarangPenetapanPFPD,
33setLoadingPenetapan,
34resetBarangPemberitahuanPFPD,
35resetBarangPenetapanPFPD,
36getListBarangPFPD,
37getListKesalahanPFPD
38} from "../../../appRedux/reducers/pfpd";
39import {
40setInput,
41setMultiInput,
42resetInput,
43} from "../../../appRedux/reducers/core";
44import {
45getSatuanBarang
46} from "../../../appRedux/reducers/satuan_barang";
47import {
48getKemasan
49} from "../../../appRedux/reducers/kemasan";
50import {
51getTarifSubKomoditiCukai,
52} from "../../../appRedux/reducers/tarif_sub_komoditi_cukai";
53import { connect } from 'react-redux';
54import _ from "lodash";
55import './barang.css';
56import RekamLPPT from './RekamLPPT'
57import Listkesalahan from './Listkesalahan'
58
59
60const { Header, Footer, Sider, Content } = Layout;
61const InputGroup = Input.Group;
62const { Search, TextArea } = Input;
63const { Option } = Select;
64
65function onChange(value) {
66console.log(`selected ${value}`);
67}
68
69function onBlur() {
70console.log('blur');
71}
72
73function onFocus() {
74console.log('focus');
75}
76
77function onSearch(val) {
78console.log('search:', val);
79}
80
81class HasilPemeriksaan extends React.Component {
82constructor(props) {
83  super(props);
84  this.state = {
85    formLayout: 'horizontal',
86    size: 'default',
87    openmodalBM: false,
88    openmodalBMKITE: false,
89    openmodalCukai: false,
90    loading: false,
91    buttonInput : false,
92    buttonInputB : false,
93    buttonUpdate : true,
94    butttonDelete : true,
95    iconLoading: false,
96    spbl: false,
97    color: false,
98    loading : false,
99    modalFasilitas: false,
100    bg: false,
101    spbl: false,
102    color: false,
103    loading : false,
104    unlock_tarif: true,
105    unlock_hasil: true,
106    showModalBarang: false,
107    penetapan : true,
108    modalLPPT : false,
109    showListKesalahan : false,
110    cekKonfirm : true,
111    resetData : {
112      asuransi: 0,
113      bahanBakuList: [
114        {
115          bahanBakuDokumenList: [
116            {
117              idBahanBakuDokumen: "",
118              idDokumen: ""
119            }
120          ],
121          cif: 0,
122          cifRupiah: 0,
123          hargaPenyerahan: 0,
124          hargaPerolehan: 0,
125          idBahanBaku: "",
126          jumlahSatuan: null,
127          kodeAsalBahanBaku: "",
128          kodeBarang: "",
129          kodeDokAsal: "",
130          kodeDokumen: "",
131          kodeFasilitas: "",
132          kodeKantor: "",
133          kodeSatuanBarang: "",
134          kodeSkemaTarif: "",
135          merkBarang: "",
136          ndpbm: 0,
137          netto: 0,
138          nomorAjuDokAsal: "",
139          nomorDaftarDokAsal: "",
140          nomorDokumen: "",
141          posTarif: null,
142          seriBahanBaku: 0,
143          seriBarang: this.props.datas.seriBarang,
144          seriBarangDokAsal: 0,
145          seriIjin: 0,
146          spesifikasiLainBarang: "",
147          tanggalDaftarDokAsal: "25-12-2019",
148          tanggalDokumen: "25-12-2019",
149          tipeBarang: "",
150          ukuranBarang: "",
151          uraianBarang: ""
152        }
153      ],
154      barangDokumenList: [
155        {
156          idBarang: this.props.input.idBarang || null,
157          idBarangDokumen: "",
158          idDokumen: "",
159          seriIjin: 0
160        }
161      ],
162      barangSpekKhususList: [
163        {
164          idBarangSpekKhusus: "",
165          kodeSpekKhusus: 0,
166          uraianBarangSpekKhusus: ""
167        }
168      ],
169      tarifBm: {
170        tarif : null,
171        kodeJenisTarif : null,
172        kodeFasilitasTarif : null,
173        jumlahSatuan : null,
174        tarifFasilitas : null,
175        kodeSatuanBarang : null,
176      },
177      tarifBmkite: {},
178      tarifBmad: {},
179      tarifBmp: {},
180      tarifBmi: {},
181      tarifBmtp: {},
182      tarifPpn: {},
183      tarifPpnbm :{},
184      tarifPph : {},
185      tarifCukais: {},
186      tarifBk : {},
187      barangVdList: [
188        {
189          biayaPengurang: 0,
190          biayaTambahan: 0,
191          idBarangVd: "",
192          kodeJenisVd: "",
193          nilaiBarangVd: 0,
194          tanggalPenyelesaian: "25-12-2019"
195        }
196      ],
197      bruto: 0,
198      cif:  null,
199      diskon: 0,
200      flagLartas: "",
201      flagSelesaiSpbl: "",
202      flagTis: "",
203      fob: 0,
204      freight: 0,
205      hargaEkspor: 0,
206      hargaPatokan: 0,
207      hargaPenyerahan: 0,
208      hargaSatuan: 0,
209      hjeCukai: 0,
210      idBarang: this.props.datas.idBarang || null,
211      idHeader: this.props.input.idHeader,
212      idProses: this.props.datas.idProses,
213      identitasEksportir: this.props.datas.identitasEksportir || '1',
214      isiPerKemasan: 0,
215      jatuhTempoRoyalti: "25-12-2019",
216      jumlahBahanBaku: 0,
217      jumlahDilekatkan: 0,
218      jumlahKemasan: null,
219      jumlahPitaCukai: 0,
220      jumlahRealisasi: 0,
221      jumlahSatuan: null,
222      kapasitasSilinder: 0,
223      kodeAsalBarang: "",
224      kodeBarang: null,
225      kodeDaerahAsal: "",
226      kodeDokumen: "",
227      kodeGunaBarang: "",
228      kodeJenisBkc: "",
229      kodeJenisKemasan: "",
230      kodeJenisNilai: "",
231      kodeKategoriBarang: "",
232      kodeKomoditiBkc: "",
233      kodeKondisiBarang: "",
234      kodeLokasiBayar: "",
235      kodeNegaraAsal: null,
236      kodePerhitungan: "",
237      kodeProses: "",
238      kodeSatuanBarang: this.props.datas.kodeSatuanBarang || null,
239      kodeSubKomoditiBkc: "",
240      lartas: "",
241      merk: null,
242      namaEksportir: "",
243      netto: null,
244      nilaiBarang: 0,
245      nilaiDanaSawit: 0,
246      nilaiDevisa: 0,
247      nilaiTambah: 0,
248      pemberitahuan: "",
249      penetapan: "",
250      pernyataanLartas: "",
251      persentaseImpor: 0,
252      pfpdKesalahanList: [],
253      posTarif: this.props.datas.posTarif || null,
254      saldoAkhir: 0,
255      saldoAwal: 0,
256      seriBarang:  null,
257      seriBarangDokAsal: 0,
258      seriIjin: 0,
259      spesifikasiLain: null,
260      statusPfpdBarang: "O",
261      tahunPembuatan: 0,
262      tarifCukai: 0,
263      tipe: null,
264      ukuran: null,
265      uraian: null,
266      uraianBarang: null,
267      volume: 0,
268      namaValuta : null
269    },
270    formData: {
271      asuransi: 0,
272      bahanBakuList: [
273        {
274          bahanBakuDokumenList: [
275            {
276              idBahanBakuDokumen: "",
277              idDokumen: ""
278            }
279          ],
280          cif: null,
281          cifRupiah: 0,
282          hargaPenyerahan: 0,
283          hargaPerolehan: 0,
284          idBahanBaku: "",
285          jumlahSatuan: null,
286          kodeAsalBahanBaku: "",
287          kodeBarang: null,
288          kodeDokAsal: "",
289          kodeDokumen: "",
290          kodeFasilitas: "",
291          kodeKantor: "",
292          kodeSatuanBarang: "",
293          kodeSkemaTarif: "",
294          merkBarang: "",
295          ndpbm: 0,
296          netto: 0,
297          nomorAjuDokAsal: "",
298          nomorDaftarDokAsal: "",
299          nomorDokumen: "",
300          posTarif: null,
301          seriBahanBaku: 0,
302          seriBarang: this.props.datas.seriBarang,
303          seriBarangDokAsal: 0,
304          seriIjin: 0,
305          spesifikasiLainBarang: "",
306          tanggalDaftarDokAsal: "25-12-2019",
307          tanggalDokumen: "25-12-2019",
308          tipeBarang: "",
309          ukuranBarang: "",
310          uraianBarang: ""
311        }
312      ],
313      barangDokumenList: [
314        {
315          idBarang: this.props.input.idBarang || "",
316          idBarangDokumen: "",
317          idDokumen: "",
318          seriIjin: 0
319        }
320      ],
321      barangSpekKhususList: [
322        {
323          idBarangSpekKhusus: "",
324          kodeSpekKhusus: 0,
325          uraianBarangSpekKhusus: ""
326        }
327      ],
328      tarifBm: {
329        tarif : null,
330        kodeJenisTarif : null,
331        kodeFasilitasTarif : null,
332        jumlahSatuan : null,
333        tarifFasilitas : null,
334        kodeSatuanBarang : null
335      },
336      tarifBmkite: {},
337      tarifBmad: {},
338      tarifBmp: {},
339      tarifBmi: {},
340      tarifBmtp: {},
341      tarifPpn: {},
342      tarifPpnbm :{},
343      tarifPph : {},
344      tarifCukais: {},
345      tarifBk : {},
346      barangVdList: [
347        {
348          biayaPengurang: 0,
349          biayaTambahan: 0,
350          idBarangVd: "",
351          kodeJenisVd: "",
352          nilaiBarangVd: 0,
353          tanggalPenyelesaian: "25-12-2019"
354        }
355      ],
356      bruto: 0,
357      cif: this.props.datas.cif || 0,
358      diskon: 0,
359      flagLartas: "",
360      flagSelesaiSpbl: "",
361      flagTis: "",
362      fob: 0,
363      freight: 0,
364      hargaEkspor: 0,
365      hargaPatokan: 0,
366      hargaPenyerahan: 0,
367      hargaSatuan: 0,
368      hjeCukai: 0,
369      idBarang: this.props.datas.idBarang || "",
370      idHeader: this.props.input.idHeader,
371      idProses: this.props.datas.idProses,
372      identitasEksportir: this.props.datas.identitasEksportir || '1',
373      isiPerKemasan: 0,
374      jatuhTempoRoyalti: "25-12-2019",
375      jumlahBahanBaku: 0,
376      jumlahDilekatkan: 0,
377      jumlahKemasan: null,
378      jumlahPitaCukai: 0,
379      jumlahRealisasi: 0,
380      jumlahSatuan: null,
381      kapasitasSilinder: 0,
382      kodeAsalBarang: "",
383      kodeBarang: null,
384      kodeDaerahAsal: "",
385      kodeDokumen: "",
386      kodeGunaBarang: "",
387      kodeJenisBkc: "",
388      kodeJenisKemasan: "",
389      kodeJenisNilai: "",
390      kodeKategoriBarang: "",
391      kodeKomoditiBkc: "",
392      kodeKondisiBarang: "",
393      kodeLokasiBayar: "",
394      kodeNegaraAsal: null,
395      kodePerhitungan: "",
396      kodeProses: "",
397      kodeSatuanBarang: this.props.datas.kodeSatuanBarang || null,
398      kodeSubKomoditiBkc: "",
399      lartas: "",
400      merk: null,
401      namaEksportir: "",
402      netto: this.props.datas.netto || null,
403      nilaiBarang: 0,
404      nilaiDanaSawit: 0,
405      nilaiDevisa: 0,
406      nilaiTambah: 0,
407      pemberitahuan: "",
408      penetapan: "",
409      pernyataanLartas: "",
410      persentaseImpor: 0,
411      pfpdKesalahanList: [],
412      posTarif: this.props.datas.posTarif || null,
413      saldoAkhir: 0,
414      saldoAwal: 0,
415      seriBarang: this.props.datas.seriBarang || null,
416      seriBarangDokAsal: 0,
417      seriIjin: 0,
418      spesifikasiLain: null,
419      statusPfpdBarang: "O",
420      tahunPembuatan: 0,
421      tarifCukai: 0,
422      tipe: this.props.datas.tipe || null,
423      ukuran: null,
424      uraian: null,
425      uraianBarang: null,
426      volume: 0,
427      namaValuta : null
428    },
429    buttonOkey : {
430      asuransi: 0,
431      bahanBakuList: [
432        {
433          bahanBakuDokumenList: [
434            {
435              idBahanBakuDokumen: null,
436              idDokumen: null
437            }
438          ],
439          cif: 0,
440          cifRupiah: 0,
441          hargaPenyerahan: 0,
442          hargaPerolehan: 0,
443          idBahanBaku: null,
444          jumlahSatuan: 0,
445          kodeAsalBahanBaku: "",
446          kodeBarang: "",
447          kodeDokAsal: "",
448          kodeDokumen: "",
449          kodeFasilitas: "",
450          kodeKantor: "",
451          kodeSatuanBarang: "",
452          kodeSkemaTarif: "",
453          merkBarang: "",
454          ndpbm: 0,
455          netto: 0,
456          nomorAjuDokAsal: "",
457          nomorDaftarDokAsal: "",
458          nomorDokumen: "",
459          posTarif: null,
460          seriBahanBaku: 0,
461          seriBarang: this.props.datas.seriBarang,
462          seriBarangDokAsal: 0,
463          seriIjin: 0,
464          spesifikasiLainBarang: "",
465          tanggalDaftarDokAsal: "25-12-2019",
466          tanggalDokumen: "25-12-2019",
467          tipeBarang: "",
468          ukuranBarang: "",
469          uraianBarang: ""
470        }
471      ],
472      barangDokumenList: [
473        {
474          idBarang: this.props.input.idBarang || null,
475          idBarangDokumen: "",
476          idDokumen: "",
477          seriIjin: 0
478        }
479      ],
480      barangSpekKhususList: [
481        {
482          idBarangSpekKhusus: "",
483          kodeSpekKhusus: 0,
484          uraianBarangSpekKhusus: ""
485        }
486      ],
487      tarifBm: {
488      
489      },
490      tarifBmkite: {},
491      tarifBmad: {},
492      tarifBmp: {},
493      tarifBmi: {},
494      tarifBmtp: {},
495      tarifPpn: {},
496      tarifPpnbm :{},
497      tarifPph : {},
498      tarifCukais: {},
499      tarifBk : {},
500      barangVdList: [
501        {
502          biayaPengurang: 0,
503          biayaTambahan: 0,
504          idBarangVd: "",
505          kodeJenisVd: "",
506          nilaiBarangVd: 0,
507          tanggalPenyelesaian: "25-12-2019"
508        }
509      ],
510      bruto: 0,
511      cif: this.props.datas.cif || null,
512      diskon: 0,
513      flagLartas: "",
514      flagSelesaiSpbl: "",
515      flagTis: "",
516      fob: 0,
517      freight: 0,
518      hargaEkspor: 0,
519      hargaPatokan: 0,
520      hargaPenyerahan: 0,
521      hargaSatuan: 0,
522      hjeCukai: 0,
523      idBarang: this.props.datas.idBarang || null,
524      idHeader: this.props.input.idHeader,
525      idProses: this.props.datas.idProses,
526      identitasEksportir: this.props.datas.identitasEksportir || '1',
527      isiPerKemasan: 0,
528      jatuhTempoRoyalti: "25-12-2019",
529      jumlahBahanBaku: 0,
530      jumlahDilekatkan: 0,
531      jumlahKemasan: null,
532      jumlahPitaCukai: 0,
533      jumlahRealisasi: 0,
534      jumlahSatuan: this.props.datas.jumlahSatuan || null,
535      kapasitasSilinder: 0,
536      kodeAsalBarang: "",
537      kodeBarang: "",
538      kodeDaerahAsal: "",
539      kodeDokumen: "",
540      kodeGunaBarang: "",
541      kodeJenisBkc: "",
542      kodeJenisKemasan: "",
543      kodeJenisNilai: "",
544      kodeKategoriBarang: "",
545      kodeKomoditiBkc: "",
546      kodeKondisiBarang: "",
547      kodeLokasiBayar: "",
548      kodeNegaraAsal: "",
549      kodePerhitungan: "",
550      kodeProses: "",
551      kodeSatuanBarang: this.props.datas.kodeSatuanBarang || null,
552      kodeSubKomoditiBkc: "",
553      lartas: "",
554      merk: null,
555      namaEksportir: "",
556      netto: this.props.datas.netto || null,
557      nilaiBarang: 0,
558      nilaiDanaSawit: 0,
559      nilaiDevisa: 0,
560      nilaiTambah: 0,
561      pemberitahuan: "",
562      penetapan: "",
563      pernyataanLartas: "",
564      persentaseImpor: 0,
565      pfpdKesalahanList: [
566        {
567          dbnp1: "",
568          dbnp2: "",
569          kodeSalah: "",
570          seriBarang: this.props.datas.seriBarang,
571          seriKesalahan: 0
572        }
573      ],
574      posTarif: this.props.datas.posTarif || null,
575      saldoAkhir: 0,
576      saldoAwal: 0,
577      seriBarang: this.props.datas.seriBarang || null,
578      seriBarangDokAsal: 0,
579      seriIjin: 0,
580      spesifikasiLain: "",
581      statusPfpdBarang: "O",
582      tahunPembuatan: 0,
583      tarifCukai: 0,
584      tipe: this.props.datas.tipe || null,
585      ukuran: "",
586      uraian: this.props.datas.uraian || null,
587      uraianBarang: null,
588      volume: 0,
589      namaValuta : null
590    },
591    formLartas: {
592      idBarang: '',
593      idHeader: '',
594      idPfpdSpbl: '',
595      lartas: '',
596      pemberitahuan: '',
597      penetapan: '',
598      seriBarang: '',
599      uraianBarang: ''
600    },
601    formDelete: {
602      idBarang: this.props.input.idBarang || null,
603      idHeader: this.props.input.idHeader || null,
604      seriBarang: this.props.datas.seriBarang || null,
605      statusPfpdBarang: "D",
606    },
607    dataNegara: [],
608    posTarif: [],
609    jenisTarif: [],
610    fasilitasTarif: [],
611    dataValuta: [],
612    satuanBarang: [],
613    tarifSubKomuditi: [],
614    barangPemberitahuan : [],
615    maxSeri: [],
616    ambilTarifBm : [],
617    isUpdate : false,
618    isInsert : false,
619   
620
621  }
622    // this
623
624
625    // = this
626
627    ;
628  this.onFormChange = this.onFormChange.bind(this)
629  // console.log("simpan_input", JSON.stringify(formData, "", 3));
630  this.showModalFasilitas = this.showModalFasilitas.bind(this)
631  this.showModalBarang = this.showModalBarang.bind(this)
632}
633getBarangPemberitahuan = () => {
634  let ID_BARANG = this.props.getBarangPemberitahuanPFPD.idBarang
635  console.log('?', ID_BARANG)
636  axios({
637    method: 'GET',
638    url: process.env.REACT_APP_PFPD+'/pemeriksaan-dokumen/barang-pemberitahuan/'+ID_BARANG+'/'+1,
639    headers: {
640      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD
641    },
642  })
643    .then(res => {
644      let result = res.data
645      this.setState({
646        barangPemberitahuan : result.data
647      })
648    })
649    .catch(err => {
650      console.log(err)
651    })
652}
653
654getNegara = () => {
655  axios({
656    method: 'GET',
657    url: process.env.REACT_APP_REFERENSI + '/v1/negara/all',
658    headers: {
659      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
660    },
661  })
662    .then(res => {
663      let result = res.data
664      this.setState({
665        dataNegara: result.data
666      })
667    })
668    .catch(err => {
669      console.log(err)
670    })
671}
672getKodeHs = (value) => {
673  let myData = { ...this.state.formData }
674  myData.posTarif = value
675  console.log('valst', value)
676  axios({
677    method: 'GET',
678    url: `${process.env.REACT_APP_REFERENSI}/v1/pos-tarif/kata/${value}`,
679    headers: {
680      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
681    },
682  })
683    .then(res => {
684      let result = res.data
685      this.setState({
686        posTarif: result.data,
687        formData: myData
688      })
689    })
690    .catch(err => {
691      console.log(err)
692    })
693}
694handleposTarif = (key, value) => {
695  console.log('vals', value)
696}
697getJenisTarif = () => {
698  axios({
699    method: 'GET',
700    url: `${process.env.REACT_APP_REFERENSI}/v1/jenis-tarif/all`,
701    headers: {
702      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
703    }
704  })
705    .then(res => {
706      let result = res.data
707      this.setState({
708        jenisTarif: result.data
709      })
710    })
711    .catch(err => {
712      console.log(err)
713    })
714}
715getFasilitasTarif = () => {
716  let kode = this.props.kodeDokumen.kodeDokumen
717  axios({
718    method: 'GET',
719    url: `${process.env.REACT_APP_REFERENSI}/v1/fasilitas-tarif/all?kodeDokumen=` + kode,
720    headers: {
721      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
722    }
723  })
724    .then(res => {
725      let result = res.data
726      this.setState({
727        fasilitasTarif: result.data
728      })
729    })
730    .catch(err => {
731      console.log(err)
732    })
733}
734getValuta = () => {
735  axios({
736    method: 'GET',
737    url: `${process.env.REACT_APP_REFERENSI}/v1/valuta/all`,
738    headers: {
739      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
740    }
741  })
742    .then(res => {
743      let result = res.data
744      this.setState({
745        dataValuta: result.data
746      })
747    })
748    .catch(err => {
749      console.log(err)
750    })
751}
752getSatBarang = () => {
753
754  axios({
755    method: 'GET',
756    url: `${process.env.REACT_APP_REFERENSI}/v1/satuan-barang/all`,
757    headers: {
758      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
759    }
760  })
761    .then(res => {
762      let result = res.data
763      this.setState({
764        satuanBarang: result.data
765      })
766    })
767    .catch(err => {
768      console.log(err)
769    })
770}
771getKomuditi = () => {
772  axios({
773    method: 'GET',
774    url: `${process.env.REACT_APP_REFERENSI}/v1/tarif-sub-komoditi-cukai/getAll`,
775    headers: {
776      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
777    }
778  })
779    .then(res => {
780      let result = res.data
781      this.setState({
782        tarifSubKomuditi: result.data
783      })
784    })
785    .catch(err => {
786      console.log(err)
787    })
788}
789onFormChange(event) {
790  let dataForm = { ...this.state.formLartas };
791  dataForm.idHeader = this.props.datas.idHeader || null
792  dataForm.idBarang = this.props.input.idBarang || null
793  dataForm.seriBarang = this.props.datas.seriBarang || null
794  dataForm[event.target.name] = event.target.value;
795  this.setState(
796    {
797      formLartas: dataForm
798    },
799    () => {
800      console.log(JSON.stringify(this.state.formLartas, null, 3));
801    }
802  );
803}
804
805onsubmit = () => {
806  axios({
807    method: "post",
808    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/simpan-data-spbl/',
809    data: this.state.formLartas,
810    headers: {
811      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
812    }
813
814  })
815    .then(res => {
816      console.log(res)
817      swal.fire("Sukses!", "Data SPBL Berhasil disimpan", "success");
818    })
819    .catch(err => {
820      console.log(err)
821
822    });
823
824
825}
826
827showModalFasilitas() {
828  // console.log("debug:modalFasilitas")
829  this.setState({
830    modalFasilitas: true
831  })
832}
833
834showModalBarang() {
835  // console.log("debug:modalFasilitas")
836  this.props.resetBarangPemberitahuanPFPD()
837  this.props.resetBarangPenetapanPFPD()
838  let reset = {...this.state.resetData}
839  this.setState({
840    buttonInput : false,
841    buttonInputB : false,
842    buttonUpdate : true,
843    butttonDelete : true,
844    modalBarang: true,
845    formData : reset,
846    isUpdate : false,
847    isInsert : false,
848    showListKesalahan : false
849  })
850}
851
852toogleUpdateButtonStatus = () => {
853  this.setState({
854    buttonInput : true,
855    buttonInputB : true,
856    buttonUpdate : false,
857    butttonDelete : false
858  })
859}
860
861showModal = () => {
862  console.log("debug:kliksubmitlhp")
863  this.setState({
864    spbl: true
865  })
866}
867
868postSelesai = () => {
869  const ID_HEADER = this.props.input.idHeader
870  this.setState({
871    loading : true
872  })
873  axios({
874    method: 'post',
875    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/selesaikan-penetapan/?ID_HEADER=' + ID_HEADER,
876    data: this.state.formData,
877    headers: {
878      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
879    }
880  }).then(res => {
881    this.setState({
882      loading : false
883    })
884    swal.fire("Sukses!", "Data Behasil di selesaikan", "success");
885  }).catch(err => {
886    this.setState({
887      loading : false
888    })
889    console.log(err)
890  })
891}
892
893postKonfirmasi = () => {
894
895  const ID_HEADER = this.props.input.idHeader
896  this.setState({
897    loading : true
898  })
899  // setTimeout(()=> {
900
901  // }, 5000)
902  let data = this.state.formData
903  if(this.state.cekKonfirm){
904    this.toggleOkey()
905    data = this.state.buttonOkey
906  }
907  console.log('oi',data)
908  axios({
909    method: 'post',
910    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/simpan-penetapan/',
911    data: data,
912    headers: {
913      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
914    }
915
916  }).then(res => {
917    let dataForm = {...this.state.resetData}
918    
919    this.setState({
920      loading : false,
921      buttonInput : false,
922      buttonInputB : false,
923      buttonUpdate : true,
924      butttonDelete : true,
925      formData : dataForm
926    })
927    swal.fire("Sukses!", "Data Behasil di Simpan", "success");
928    this.props.getListBarangPFPD(this.props.input.idHeader)
929    this.props.resetBarangPemberitahuanPFPD()
930    this.props.resetBarangPenetapanPFPD()
931  }).catch(err => {
932    this.setState({
933      loading : false,
934      buttonInput : false,
935      buttonInputB : false,
936      buttonUpdate : true,
937      butttonDelete : true,
938    })
939    swal.fire("Gagal!", "Data gagal di Simpan", "error");
940  })
941  // console.log("simpan_input", JSON.stringify(this.state.formData, "", 3));
942  // console.log(this.state.formData)
943}
944handleRollback = () => {
945  let idBarang = this.props.datas.idBarang
946  this.setState({
947    loading : true
948  })
949  // setTimeout(()=> {
950
951  // }, 5000)
952  axios({
953    method: 'DELETE',
954    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/hapus-penetapan/'+ idBarang,
955    data: this.state.formData,
956    headers: {
957      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
958    }
959
960  }).then(res => {
961    this.setState({
962      loading : false,
963      buttonInput : false,
964      buttonInputB : false,
965      buttonUpdate : true,
966      butttonDelete : true,
967    })
968    // let dataForm = {...this.state.resetData}
969    this.props.getListBarangPFPD(this.props.input.idBarang)
970    this.props.resetBarangPemberitahuanPFPD()
971    this.props.resetBarangPenetapanPFPD()
972    // document.getElementById("hasilPemeriksaan").reset();
973    swal.fire("Sukses!", "Data Behasil di Hapus", "success");
974  }).catch(err => {
975    this.setState({
976      loading : false,
977      buttonInput : false,
978      buttonInputB : false,
979      buttonUpdate : true,
980      butttonDelete : true,
981    })
982    swal.fire("Gagal!", "Data gagal diHapus", "error");
983  })
984}
985
986handleOk = e => {
987  console.log(e);
988  this.setState({
989    spbl: false,
990    modalBarang: false,
991  });
992};
993
994handleCancel = e => {
995  console.log("kelua");
996  this.setState({
997    spbl: false,
998    modalFasilitas: false,
999    modalBarang: false,
1000    modalLPPT : false
1001  });
1002};
1003
1004handleFormLayoutChange = e => {
1005  this.setState({ formLayout: e.target.value });
1006};
1007
1008handleSizeChange = e => {
1009  this.setState({ size: e.target.value });
1010};
1011
1012toggleBM() {
1013  this.setState({
1014    openmodalBM: !this.state.openmodalBM
1015  });
1016}
1017
1018toggleBMKITE() {
1019  this.setState({
1020    openmodalBMKITE: !this.state.openmodalBMKITE
1021  });
1022}
1023
1024toggleCukai() {
1025  this.setState({
1026    openmodalCukai: !this.state.openmodalCukai
1027  });
1028}
1029
1030
1031enterLoading = () => {
1032  this.setState({ loading: true });
1033};
1034
1035enterIconLoading = () => {
1036  this.setState({ iconLoading: true });
1037};
1038
1039// Logic handleCheckKesalahan
1040handleCheckKesalahan = (target, value, type) => {
1041  const state = { ...this.state.formData }
1042
1043  // console.log("[debug] target : ", target);
1044
1045  const rekamKesalahan = (target, seri) => {
1046    state.pfpdKesalahanList.push({
1047      key: target,
1048      dbformDatanp1: "",
1049      dbnp2: "",
1050      kodeSalah: target === "tarif0" || target === "tarif2" || target === "tarif3" || target === "tarif4" || target === "tarif5" ? "1" : target === "uraian" ? "2" :  target === "jumlahSatuan" ? "3" : "4",
1051      seriBarang: seri,
1052      seriKesalahan: 0
1053    });
1054    this.setState({ formData: state });
1055
1056    console.log(`[debug] Added ${target}`);
1057  }
1058
1059  const hapusKesalahan = index => {
1060    state.pfpdKesalahanList.splice(index, 1);
1061    this.setState({ formData: state });
1062      
1063    console.log(`[debug] Remove ${target}`);
1064  }
1065
1066  if (this.state.isInsert) {
1067    if ((target === "tarif0" || target === "tarif2" || target === "tarif3" || target === "tarif4" || target === "tarif5" || target === "uraian" || target === "jumlahSatuan" || target === "hargaSatuan" || target === "cif") && value.toString().length > 0) {
1068      if (!state.pfpdKesalahanList.find(x => x.key === target)) { 
1069        rekamKesalahan(target, this.props.seri_barang);
1070      }
1071    } else if (state.pfpdKesalahanList.find(x => x.key === target)) {
1072      hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
1073    }
1074  } else if (this.state.isUpdate || (typeof type !== "undefined" && type === "isUpdate")) {
1075    const reduxPemberitahuan = this.props.datas;
1076
1077    if (type === "isUpdate") {
1078
1079      for (let i = 0; i < target.length; i++) {
1080        if(target[i] === "uraian") {
1081          if (value[i] !== reduxPemberitahuan.uraian) { 
1082            rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
1083          }
1084        } else if (target[i] === "jumlahSatuan") {
1085          if (value[i] !== reduxPemberitahuan.jumlahSatuan) { 
1086            rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
1087          }
1088        } else if (target[i] === "cif") {
1089          if (value[i] !== reduxPemberitahuan.cif) { 
1090            rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
1091          }
1092        }
1093      }
1094    } else if (this.state.isUpdate) {
1095      if (target === "uraian") {
1096        if (value !== reduxPemberitahuan.uraian) {
1097          if (!state.pfpdKesalahanList.find(x => x.key === target)) { 
1098            rekamKesalahan(target, reduxPemberitahuan.seriBarang);
1099          }
1100        } else {
1101          if (state.pfpdKesalahanList.find(x => x.key === target)) {
1102            hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
1103          }
1104        }
1105      } else if (target === "jumlahSatuan") {
1106        if (Number(value) !== reduxPemberitahuan.jumlahSatuan) {
1107          if (!state.pfpdKesalahanList.find(x => x.key === target)) { 
1108            rekamKesalahan(target, reduxPemberitahuan.seriBarang);
1109          }
1110        } else {
1111          if (state.pfpdKesalahanList.find(x => x.key === target)) {
1112            hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
1113          }
1114        }
1115      } else if (target === "cif") {
1116        if (Number(value) !== reduxPemberitahuan.cif) {
1117          if (!state.pfpdKesalahanList.find(x => x.key === target)) { 
1118            rekamKesalahan(target, reduxPemberitahuan.seriBarang);
1119          }
1120        } else {
1121          if (state.pfpdKesalahanList.find(x => x.key === target)) {
1122            hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
1123          }
1124        }
1125      }
1126    }
1127  }
1128
1129  // this.handleCheckKesalahan(["tarif0", "tarif2", "tarif3", "tarif4", "tarif5", "uraian", "jumlahSatuan", "hargaSatuan", "cif"], [null, null, null, null, null, updateData.uraian || null, updateData.jumlahSatuan || null, null, updateData.cif || 0], "isUpdate");
1130  console.log("[debug] @CheckState : ", state.pfpdKesalahanList);
1131}
1132
1133//! Jangan diubah, jangan ditiru!
1134handleInputChange = event => {
1135
1136  // console.log("[debug] Event : ", event.target.name);
1137
1138  //!handle Input API 
1139  event.preventDefault();
1140  let myData = { ...this.state.formData }
1141  if (event.target.name === "kodeJenisTarif0") {
1142    myData.barangTarifList[0].kodeJenisTarif = event.target.value
1143  } else if (event.target.name === "jumlahSatuanBM") {
1144    myData.tarifBm.jumlahSatuan = event.target.value
1145  } else if (event.target.name === "tarif0") {
1146    myData.tarifBm.tarif = event.target.value
1147    this.handleCheckKesalahan(event.target.name, event.target.value)
1148  } else if (event.target.name === "tarifFasilitas0") {
1149    myData.tarifBm.tarifFasilitas = event.target.value
1150  } else if (event.target.name === "tarif1") {
1151    myData.tarifBmkite.tarif = event.target.value
1152  } else if (event.target.name === "jumlahSatuanBmkite") {
1153    myData.tarifBmkite.jumlahSatuan = event.target.value
1154  } else if (event.target.name === "tarifFasilitasBmKite") {
1155    myData.tarifBmkite.tarifFasilitas = event.target.value
1156  } else if (event.target.name === "kodeFasilitasTarif1") {
1157    myData.tarifBmad.kodeFasilitastarif = event.target.value
1158  } else if (event.target.name === "tarifFasilitas1") {
1159    myData.tarifBmad.tarifFasilitas = event.target.value
1160  } else if (event.target.name === "tarif2") {
1161    myData.tarifBmad.tarif = event.target.value
1162    this.handleCheckKesalahan(event.target.name, event.target.value)
1163  } else if (event.target.name === "jumlahSatuanBmad") {
1164    myData.tarifBmad.jumlahSatuan = event.target.value
1165  } else if (event.target.name === "tarifFasilitas2") {
1166    myData.tarifBmad.tarifFasilitas = event.target.value
1167  } else if (event.target.name === "tarif3") {
1168    myData.tarifBmp.tarif = event.target.value
1169    this.handleCheckKesalahan(event.target.name, event.target.value)
1170  } else if (event.target.name === "tarifFasilitas3") {
1171    myData.tarifBmp.tarifFasilitas = event.target.value
1172  } else if (event.target.name === "jumlahSatuanBmp") {
1173    myData.tarifBmp.jumlahSatuan = event.target.value
1174  } else if (event.target.name === "tarifFasilitas4") {
1175    myData.tarifBmi.tarifFasilitas = event.target.value
1176  } else if (event.target.name === "tarif4") {
1177    myData.tarifBmi.tarif = event.target.value
1178    this.handleCheckKesalahan(event.target.name, event.target.value)
1179  } else if (event.target.name === "jumlahSatuanBmi") {
1180    myData.tarifBmi.jumlahSatuan = event.target.value
1181  } else if (event.target.name === "tarif5") {
1182    myData.tarifBmtp.tarif = event.target.value
1183    this.handleCheckKesalahan(event.target.name, event.target.value)
1184  } else if (event.target.name === "tarifFasilitas5") {
1185    myData.tarifBmtp.tarifFasilitas = event.target.value
1186  } else if (event.target.name === "jumlahSatuanBmtp") {
1187    myData.tarifBmtp.jumlahSatuan = event.target.value
1188  } else if (event.target.name === "tarif6") {
1189    myData.tarifPpn.tarif = event.target.value
1190  } else if (event.target.name === "tarifFasilitas6") {
1191    myData.tarifPpn.tarifFasilitas = event.target.value
1192  } else if (event.target.name === "tarifFasilitas6") {
1193    myData.tarifPpn.tarifFasilitas = event.target.value
1194  } else if (event.target.name === "tarif7") {
1195    myData.tarifPpnbm.tarif = event.target.value
1196  } else if (event.target.name === "tarifFasilitas7") {
1197    myData.tarifPpnbm.tarifFasilitas = event.target.value
1198  } else if (event.target.name === "tarif8") {
1199    myData.tarifPph.tarif = event.target.value
1200  } else if (event.target.name === "tarifFasilitas8") {
1201    myData.tarifPph.tarifFasilitas = event.target.value
1202  } else if (event.target.name === "tarif9") {
1203    myData.tarifCukais.tarif = event.target.value
1204  } else if (event.target.name === "tarifFasilitas9") {
1205    myData.tarifCukais.tarifFasilitas = event.target.value
1206  } else if (event.target.name === "jumlahSatuanCukais") {
1207    myData.tarifCukais.jumlahSatuan = event.target.value
1208  } else {
1209    myData[event.target.name] = event.target.value
1210    this.handleCheckKesalahan(event.target.name, event.target.value)
1211  }
1212
1213  this.setState({ formData: myData });
1214  // this.props.setInput(event.target.name, event.target.value);
1215
1216}
1217
1218handleSelectBM = (value) => {
1219  let myData = { ...this.state.formData }
1220  myData.tarifBm.kodeJenisTarif = value
1221  myData.tarifBm.idHeader = this.props.input.idHeader || null
1222  myData.tarifBm.kodeJenisPungutan = "BM"
1223  this.setState({ formData: myData });
1224}
1225handleFasilitasTarifBM = (value) => {
1226  let myData = { ...this.state.formData }
1227  myData.tarifBm.kodeFasilitasTarif = value
1228  this.setState({ formData: myData });
1229}
1230handleKodeSatuanBM = (value) => {
1231  let myData = { ...this.state.formData }
1232  myData.tarifBm.kodeSatuanBarang = value
1233  this.setState({ formData: myData });
1234}
1235handleSelectChangeBMKite = (value) => {
1236  //!handle Input API 
1237  // event.preventDefault();
1238  let myData = { ...this.state.formData }
1239  myData.tarifBmkite.kodeJenisPungutan = "BMKITE"
1240  myData.tarifBmkite.idHeader = this.props.input.idHeader || null
1241  myData.tarifBmkite.kodeJenisTarif = value
1242  this.setState({ formData: myData });
1243}
1244handleFasilitasTarifBmkite = (value) => {
1245  let myData = { ...this.state.formData }
1246  myData.tarifBmkite.kodeFasilitasTarif = value
1247  this.setState({ formData: myData });
1248}
1249handleKodeSatuanBmkite = (value) => {
1250  let myData = { ...this.state.formData }
1251  myData.tarifBmkite.kodeSatuanBarang = value
1252  this.setState({ formData: myData });
1253}
1254handleSelectBmad = (value) => {
1255  let myData = { ...this.state.formData }
1256  myData.tarifBmad.idHeader = this.props.input.idHeader || null
1257  myData.tarifBmad.kodeJenisPungutan = "BMAD"
1258  myData.tarifBmad.kodeJenisTarif = value
1259  this.setState({ formData: myData });
1260}
1261handleSelectBmad2 = (value) => {
1262  let myData = { ...this.state.formData }
1263  myData.tarifBmad.kodeFasilitasTarif = value
1264  this.setState({ formData: myData });
1265}
1266handleSatuanBmad = (value) => {
1267  let myData = { ...this.state.formData }
1268  myData.tarifBmad.kodeSatuanBarang = value
1269  this.setState({ formData: myData });
1270}
1271handleSelectBMP = (value) => {
1272  let myData = { ...this.state.formData }
1273  myData.tarifBmp.kodeJenisPungutan = "BMP"
1274  myData.tarifBmp.idHeader = this.props.input.idHeader || null
1275  myData.tarifBmp.kodeJenisTarif = value
1276  this.setState({ formData: myData });
1277}
1278handleSelectBMP2 = (value) => {
1279  let myData = { ...this.state.formData }
1280  myData.tarifBmp.kodeFasilitasTarif = value
1281  this.setState({ formData: myData });
1282}
1283handleSatuanBmp = (value) => {
1284  let myData = { ...this.state.formData }
1285  myData.tarifBmp.kodeSatuanBarang = value
1286  this.setState({ formData: myData });
1287}
1288handleSelectBMI = (value) => {
1289  let myData = { ...this.state.formData }
1290  myData.tarifBmi.kodeJenisPungutan = "BMI"
1291  myData.tarifBmi.idHeader = this.props.input.idHeader || null
1292  myData.tarifBmi.kodeJenisTarif = value
1293  this.setState({ formData: myData });
1294}
1295handleSelectBMI2 = (value) => {
1296  let myData = { ...this.state.formData }
1297  myData.tarifBmi.kodeFasilitasTarif = value
1298  this.setState({ formData: myData });
1299}
1300handleSatuanBmi = (value) => {
1301  let myData = { ...this.state.formData }
1302  myData.tarifBmi.kodeSatuanBarang = value
1303  this.setState({ formData: myData });
1304}
1305handleSelectBMTP = (value) => {
1306  let myData = { ...this.state.formData }
1307  myData.tarifBmtp.kodeJenisPungutan = "BMTP"
1308  myData.tarifBmtp.idHeader = this.props.input.idHeader || null
1309  myData.tarifBmtp.kodeJenisTarif = value
1310  this.setState({ formData: myData });
1311}
1312handleSelectBMTP2 = (value) => {
1313  let myData = { ...this.state.formData }
1314  myData.tarifBmtp.kodeFasilitasTarif = value
1315  this.setState({ formData: myData });
1316}
1317handleSatuanBmtp = (value) => {
1318  let myData = { ...this.state.formData }
1319  myData.tarifBmtp.kodeSatuanBarang = value
1320  this.setState({ formData: myData });
1321}
1322handleSelectPPN = (value) => {
1323  let myData = { ...this.state.formData }
1324  myData.tarifPpn.kodeJenisPungutan = "PPN"
1325  myData.tarifPpn.idHeader = this.props.input.idHeader || null
1326  myData.tarifPpn.kodeFasilitasTarif = value
1327  this.setState({ formData: myData });
1328}
1329handleSelectPPNBM = (value) => {
1330  let myData = { ...this.state.formData }
1331  myData.tarifPpnbm.kodeJenisPungutan = "PPNBM"
1332  myData.tarifPpnbm.idHeader = this.props.input.idHeader || null
1333  myData.tarifPpnbm.kodeFasilitasTarif = value
1334  this.setState({ formData: myData });
1335}
1336handleSelectPPH = (value) => {
1337  let myData = { ...this.state.formData }
1338  myData.tarifPph.kodeJenisPungutan = "PPH"
1339  myData.tarifPph.idHeader = this.props.input.idHeader || null
1340  myData.tarifPph.kodeFasilitasTarif = value
1341  this.setState({ formData: myData });
1342}
1343handleSelectCUKAI = (value) => {
1344  let myData = { ...this.state.formData }
1345  myData.tarifCukais.kodeJenisPungutan = "CUKAI"
1346  myData.tarifCukais.idHeader = this.props.input.idHeader || null
1347  myData.tarifCukais.kodeJenisTarif = value
1348  this.setState({ formData: myData });
1349}
1350handleSelectCUKAI2 = (value) => {
1351  let myData = { ...this.state.formData }
1352  myData.tarifCukais.kodeKomoditiCukai = value
1353  this.setState({ formData: myData });
1354}
1355handleSelectCUKAI3 = (value) => {
1356  let myData = { ...this.state.formData }
1357  myData.tarifCukais.kodeFasilitasTarif = value
1358  this.setState({ formData: myData });
1359}
1360handleKodeSatuanCukai = (value) => {
1361  let myData = { ...this.state.formData }
1362  myData.tarifCukais.kodeSatuanBarang = value
1363  this.setState({ formData: myData });
1364}
1365
1366
1367handleNegaraChange = (value) => {
1368  let myData = { ...this.state.formData }
1369  myData.kodeNegaraAsal = value
1370  this.setState({ formData: myData });
1371
1372}
1373handleKemasan = (value) => {
1374  let myData = { ...this.state.formData }
1375  myData.kodeJenisKemasan = value
1376  this.setState({ formData: myData });
1377}
1378handleSatuan = (value) => {
1379  let myData = { ...this.state.formData }
1380  myData.kodeSatuanBarang = value
1381  this.setState({ formData: myData });
1382}
1383handleValuta = (value) => {
1384  let myData = { ...this.state.formData }
1385  myData.namaValuta = value
1386  this.setState({ formData: myData });
1387}
1388//!Akhir dari handle API Hasil Pemeriksaan
1389alertdebug = () => {
1390  // console.log("debug:020")
1391  message.success('Berhasil menambahkan data!');
1392  // message.error('Gagal menambahkan data!');
1393}
1394getSeriBarang = () => {
1395  let ID_HEADER = this.props.input.idHeader
1396
1397  axios({
1398    method: 'GET',
1399    url:  process.env.REACT_APP_PFPD+'/pemeriksaan-dokumen/max-seri-barang/'+ID_HEADER,
1400    headers: {
1401      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD
1402    },
1403  })
1404    .then(res => {
1405      let result = res.data
1406      this.setState({
1407        maxSeri : result.data
1408      })
1409    })
1410    .catch(err => {
1411      console.log(err)
1412    })
1413}
1414componentDidMount() {
1415
1416  this.getSeriBarang()
1417  // this.props.resetBarangPenetapanPFPD()
1418  // this.props.resetBarangPemberitahuanPFPD()
1419  this.getBarangPemberitahuan()
1420  this.getKomuditi()
1421  this.getSatBarang()
1422  this.getValuta()
1423  this.getFasilitasTarif()
1424  this.getJenisTarif()
1425  this.getNegara()
1426  this.props.getSatuanBarang();
1427  this.props.getKemasan();
1428  this.props.getTarifSubKomoditiCukai();
1429  this.onRefresh();
1430  console.log('datas')
1431  console.log(this.props.datas)
1432
1433
1434}
1435
1436onRefresh = () => {
1437  try {
1438    var d = {
1439      kodeHs: this.props.datas.posTarif
1440      // tanggalBerlaku : this.props.input.
1441    };
1442    console.log('rr', d)
1443  } catch (e) {
1444    console.log(e);
1445  }
1446  return this.props.getBMTPFPD(d);
1447};
1448statusDelete = () => {
1449  this.setState({
1450    loading : true,
1451  })
1452  axios({
1453    method: 'post',
1454    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/simpan-penetapan/',
1455    data: this.state.formDelete,
1456    headers: {
1457      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
1458    }
1459
1460
1461  }).then(res => {
1462    this.setState({
1463      loading : false,
1464      buttonInput : false,
1465      buttonInputB : false,
1466      buttonUpdate : true,
1467      butttonDelete : true,
1468    })
1469    swal.fire("Sukses!", "Data Behasil di Simpan", "success");
1470    console.log('datanya', JSON.stringify(this.state.formDelete))
1471  }).catch(err => {
1472    this.setState({
1473      loading : false,
1474      buttonInput : false,
1475      buttonInputB : false,
1476      buttonUpdate : true,
1477      butttonDelete : true,
1478    })
1479    swal.fire("Gagal!", "Data Gagal di Simpan", "error");
1480    console.log(err)
1481  })
1482}
1483//!The Input Red API
1484
1485toggleInputBaru = (data) => {
1486  this.setState({
1487    isInsert : true
1488  })
1489this.props.getMaxSeriBarangPFPD(this.props.input.idHeader)
1490this.getSeriBarang()
1491 
1492  var newinput = {
1493    idBarang: "",
1494    barang_data_posTarif:"",
1495    barang_data_status:"",
1496    barang_data_seriBarang:"",
1497    barang_data_seriBarangNew: null,
1498    barang_data_statusNew: null,
1499    kode_barang: null,
1500    merk: null,
1501    negaraAsal: null,
1502    spesifikasi_lain: null,
1503    tipe: null,
1504    ukuran: null,
1505    uraian_barang: "",
1506  }
1507
1508  // this.props.resetInput()
1509  this.props.setMultiInput(newinput)
1510  console.log('edo', this.state.maxSeri)
1511  data = data || [];
1512
1513  this.setState({ unlock_hasil: false,
1514    showListKesalahan : true
1515  })
1516  this.setState({ unlock_tarif: false })
1517
1518
1519  this.props.setInput("statusPfpdBarang", "I")
1520
1521  let formDatas = { ...this.state.formData }
1522  formDatas.statusPfpdBarang = 'I'
1523  formDatas.seriBarang = this.props.seri_barang
1524  formDatas.idBarang = ''
1525
1526  formDatas.barangDokumenList[0].idBarang = ''
1527  formDatas.bahanBakuList[0].seriBarang = this.props.seri_barang
1528  this.setState({ 
1529    formData: formDatas,
1530    cekKonfirm : false
1531  })
1532
1533  // let formDatas1 = {...this.state.formData}
1534  // formDatas1.seriBarang = this.props.seri_barang
1535  // this.setState({formData: formDatas1})
1536
1537}
1538toggleTanpaDenda = () => {
1539  this.setState({
1540    isInsert : false
1541  })
1542  this.props.getMaxSeriBarangPFPD(this.props.input.idHeader)
1543  this.getSeriBarang()
1544   
1545
1546    // this.props.resetInput()
1547 
1548    console.log('edo', this.state.maxSeri)
1549
1550    this.setState({ unlock_hasil: false})
1551    this.setState({ unlock_tarif: false })
1552  
1553  
1554    this.props.setInput("statusPfpdBarang", "B")
1555  
1556    let formDatas = { ...this.state.formData }
1557    formDatas.statusPfpdBarang = 'B'
1558    formDatas.seriBarang = this.props.seri_barang
1559    formDatas.idBarang = ''
1560  
1561     
1562  
1563  
1564  
1565    // formDatas.pfpdKesalahanList[0].seriBarang = this.props.seri_barang
1566    formDatas.barangDokumenList[0].idBarang = ''
1567    formDatas.bahanBakuList[0].seriBarang = this.props.seri_barang
1568    this.setState({ 
1569      formData: formDatas,
1570      cekKonfirm : false
1571    })
1572}
1573
1574toggleOkey = () => {
1575  let formDatas = { ...this.state.buttonOkey }
1576  // let idBarang = this.props.input.idBarang
1577  // let idBarang = this.props.input.idBarang
1578  // console.log('edi', idBarang.length)
1579  let updateData = this.props.datas
1580  let tarifBmUpdate = this.props.datas.tarifBm || {}
1581  let tarifPpnUpdate = this.props.datas.tarifPpn || {}
1582  formDatas.statusPfpdBarang = 'O'
1583  formDatas.idBarang = updateData.idBarang || null
1584  formDatas.idHeader = updateData.idHeader || null
1585  formDatas.cif = updateData.cif || 0
1586  formDatas.uraian = updateData.uraian || null
1587  formDatas.merk = updateData.merk || null
1588  formDatas.tipe = updateData.tipe || null
1589  formDatas.ukuran = updateData.ukuran || null
1590  formDatas.spesifikasiLain = updateData.spesifikasiLain || null
1591  formDatas.kodeBarang = updateData.kodeBarang || null
1592  formDatas.kodeNegaraAsal = updateData.kodeNegaraAsal || null
1593  formDatas.netto = updateData.netto || null
1594  formDatas.jumlahSatuan = updateData.jumlahSatuan || null
1595  formDatas.jumlahKemasan = updateData.jumlahKemasan || null
1596  formDatas.kodeJenisKemasan = updateData.kodeJenisKemasan || null
1597  formDatas.idProses = updateData.idProses || null
1598  formDatas.kodeProses = updateData.kodeProses || null
1599  formDatas.kodeSatuanBarang = updateData.kodeSatuanBarang || null
1600  
1601  
1602
1603  formDatas.posTarif = updateData.posTarif || null
1604  formDatas.seriBarang = updateData.seriBarang || null
1605
1606  this.setState({
1607    buttonOkey: formDatas
1608  })
1609}
1610toggleUbah = (data) => {
1611this.setState({
1612  isUpdate : true
1613})
1614  console.log(data)
1615  data = data || [];
1616
1617  var newinput = {
1618    idBarang: data.idBarang,
1619    barang_data_seriBarangNew: data.seriBarang,
1620    barang_data_posTarif: data.posTarif,
1621    barang_data_statusNew: data.status,
1622    uraian_barang: data.uraian,
1623    hsCode:data.posTarif,
1624    merk: data.merk,
1625    tipe: data.tipe,
1626    ukuran: data.ukuran,
1627    spesifikasi_lain: data.spesifikasiLain,
1628    kode_barang: data.kodeBarang,
1629    negaraAsal: data.kodeNegaraAsal,
1630    cif_barang: data.cif_barang,
1631    posTarif: data.posTarif,
1632    statusPfpdBarang: "U",
1633    abc : data.abc
1634  }
1635
1636  this.props.setMultiInput(newinput)
1637  const ID_BARANG = this.props.datas.idBarang
1638  const kodeHs = this.props.datas.posTarif
1639  const tanggalBerlaku = "31-01-2020"
1640
1641  axios({
1642    method: 'GET',
1643    url: process.env.REACT_APP_PFPD+'/pemeriksaan-dokumen/ambil-tarif/'+ID_BARANG+'?kodeHs='+ kodeHs+'&tanggalBerlaku='+tanggalBerlaku,
1644    headers: {
1645      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD
1646    },
1647  })
1648  .then(res => {
1649    console.log(res)
1650    let a = _.find(res.data,["kodeJenisPungutan", "BM"][0]) || {}
1651    console.log("wtf", a.kodeJenisTarif)
1652    let json = {...this.state.formData}
1653    json.tarifBm.tarif = a.tarif
1654    json.tarifBm.kodeJenisTarif = a.kodeJenisTarif
1655   this.setState({
1656    formData : json
1657   })
1658    console.log('bmmmm', this.state.ambilTarifBm.tarif)
1659   let b = this.state.ambilTarifBm
1660  })
1661  .catch(err => {
1662    console.log(err)
1663  })
1664  let ambilTarifBm = this.state.ambilTarifBm 
1665  let formDatas = { ...this.state.formData }
1666  let reset = {...this.state.resetData}
1667  let updateData = this.props.datas
1668  let tarifBmUpdate = this.props.datas.tarifBm || {}
1669  let tarifPpnUpdate = this.props.datas.tarifPpn || {}
1670
1671  // console.log('uus', b)
1672  formDatas.statusPfpdBarang = 'U'
1673  formDatas.idBarang = updateData.idBarang || null
1674  formDatas.idHeader = updateData.idHeader || null
1675  formDatas.cif = updateData.cif || 0
1676  formDatas.uraian = updateData.uraian || null
1677  formDatas.merk = updateData.merk || null
1678  formDatas.tipe = updateData.tipe || null
1679  formDatas.ukuran = updateData.ukuran || null
1680  formDatas.spesifikasiLain = updateData.spesifikasiLain || null
1681  formDatas.kodeBarang = updateData.kodeBarang || null
1682  formDatas.kodeNegaraAsal = updateData.kodeNegaraAsal || null
1683  formDatas.netto = updateData.netto || null
1684  formDatas.jumlahSatuan = updateData.jumlahSatuan || null
1685  formDatas.jumlahKemasan = updateData.jumlahKemasan || null
1686  formDatas.kodeJenisKemasan = updateData.kodeJenisKemasan || null
1687  formDatas.idProses = updateData.idProses || null
1688  formDatas.kodeProses = updateData.kodeProses || null
1689  formDatas.kodeSatuanBarang = updateData.kodeSatuanBarang || null
1690  formDatas.namaValuta = updateData.namaValuta || null
1691  
1692  
1693
1694  formDatas.posTarif = updateData.posTarif || null
1695  formDatas.seriBarang = updateData.seriBarang || null
1696
1697  formDatas.tarifBm.idBarang = tarifBmUpdate.idBarang || null
1698  formDatas.tarifBm.idHeader = tarifBmUpdate.idHeader || null
1699  formDatas.tarifBm.idBarangTarif = tarifBmUpdate.idBarangTarif || null
1700  formDatas.tarifBm.seriBarang = tarifBmUpdate.seriBarang || null
1701  formDatas.tarifBm.kodeSatuanBarang = tarifBmUpdate.kodeSatuanBarang || null
1702  formDatas.tarifBm.namaSatuanBarang = tarifBmUpdate.namaSatuanBarang || null
1703  formDatas.tarifBm.jumlahSatuan = tarifBmUpdate.jumlahSatuan || null
1704  formDatas.tarifBm.namaJenisTarif = tarifBmUpdate.namaJenisTarif || null
1705  formDatas.tarifBm.kodeJenisPungutan = tarifBmUpdate.kodeJenisPungutan || null
1706  // formDatas.tarifBm.tarif = ambilTarifBm.tarif 
1707  formDatas.tarifBm.kodeFasilitasTarif = tarifBmUpdate.kodeFasilitasTarif || null
1708
1709  // formDatas.tarifPpn.tarif = tarifPpnUpdate.tarif || null
1710  // formDatas.tarifPpn.kodeJenisTarif = tarifPpnUpdate.kodeJenisTarif || null
1711  // formDatas.tarifPpn.namaFasilitasTarif = tarifPpnUpdate.namaFasilitasTarif || null
1712  this.setState({
1713    formData: formDatas,
1714    buttonInput : true,
1715    buttonInputB : true,
1716    cekKonfirm : false,
1717    resetData: reset
1718  });
1719  this.handleCheckKesalahan(["tarif0", "tarif2", "tarif3", "tarif4", "tarif5", "uraian", "jumlahSatuan", "hargaSatuan", "cif"], [null, null, null, null, null, updateData.uraian || null, updateData.jumlahSatuan || null, null, updateData.cif || 0], "isUpdate");
1720
1721  // if ((target === "tarif0" || target === "tarif2" || target === "tarif3" || target === "tarif4" || target === "tarif5" || target === "uraian" || target === "jumlahSatuan" || target === "hargaSatuan" || target === "cif") && value.toString().length > 0) {
1722}
1723
1724modalLPPT = () => {
1725  this.setState({
1726    modalLPPT : true
1727  })
1728}
1729
1730downloadPdf() {
1731  console.log("debug:23")
1732  this.setState({});
1733}
1734
1735
1736render() {
1737  // console.log('[debug] formData @State : ', this.state.formData.tarifBm);
1738  // console.log('[debug] resetData @State : ', this.state.formData.pfpdKesalahanList);
1739
1740  // console.log('su', this.state.formData.tarifBm.kodeJenisTarif)
1741  // console.log('su1', tarifBm1.kodeJenisTarif)
1742  // console.log('su2', JSON.stringify(this.state.resetData, null, 3))
1743  // console.log('su3', JSON.stringify(this.state.formData, null, 3))
1744  // console.log('su4', JSON.stringify(this.state.buttonOkey, null, 3))
1745let cek = this.state.formData.tarifBm
1746console.log('uu', cek)
1747  var negara = this.props.negara.response.data || [];
1748  var satuan_barang_list = this.props.satuan_barang.response.data || [];
1749  var kemasan_list = this.props.kemasan.response.data || [];
1750  try{
1751    // brgTarifList = this.props.pfpd.barang_pemberitahuan.barangTarifList[0].idBarangTarif this is work!
1752    // brgTarifList = this.props.pfpd.barang_pemberitahuan.barangTarifList[1]
1753    console.log("DataPemberitahuan")
1754    console.log(this.props.pfpd.barang_pemberitahuan.barangTarifList)
1755  }catch (e){
1756    console.log(e)
1757  }
1758  var brgTarifList1 = [];
1759  try{
1760    brgTarifList1 = this.props.pfpd.barang_pemberitahuan.barangTarifList[0]
1761  }catch(e){
1762    console.log(e)
1763  }
1764
1765  let hargaTotal = [];
1766  try {
1767    hargaTotal = this.state.formData.cif / this.state.formData.jumlahSatuan || ""
1768  }catch(e){
1769    console.log(e)
1770  }
1771
1772  let hargaTotal1 = [];
1773  try {
1774    hargaTotal1 = this.props.datas2.cif / this.props.datas2.jumlahSatuan || ""
1775  }catch(e){
1776    console.log(e)
1777  }
1778  var jumlahSatuan = [];
1779  try{
1780      jumlahSatuan = brgPemberitahuan.cif/brgPemberitahuan.jumlahSatuan
1781      console.log('jumlah', jumlahSatuan)
1782  }catch(e){
1783    console.log(e)
1784  }
1785
1786
1787
1788  var tarifBmkite = []
1789  try{
1790    tarifBmkite = this.props.pfpd.barang_pemberitahuan.tarifBmkite
1791    console.log('tarifBmkite?', tarifBmkite)
1792  }catch(e){
1793    console.log(e)
1794  }
1795  var tarifBmad = []
1796  try{
1797    tarifBmad = this.props.pfpd.barang_pemberitahuan.tarifBmad
1798    console.log('tarif Bmad?', tarifBmad)
1799  }catch(e){
1800    console.log(e)
1801  }
1802
1803  var tarifBmp = []
1804  try{
1805    tarifBmp = this.props.pfpd.barang_pemberitahuan.tarifBmp
1806    console.log('tarif Bmp?', tarifBmp)
1807  }catch(e){
1808    console.log(e)
1809  }
1810
1811  var tarifBmi = []
1812  try{
1813    tarifBmi = this.props.pfpd.barang_pemberitahuan.tarifBmi
1814    console.log('tarif Bmi?', tarifBmi)
1815  }catch(e){
1816    console.log(e)
1817  }
1818
1819  var tarifBmtp = []
1820  try{
1821    tarifBmtp = this.props.pfpd.barang_pemberitahuan.tarifBmtp
1822    console.log('tarif Bmtp?', tarifBmtp)
1823  }catch(e){
1824    console.log(e)
1825  }
1826
1827  var tarifPpn = []
1828  try{
1829    tarifPpn = this.props.datas.tarifPpn
1830    console.log('tarif ppn?', tarifPpn)
1831  }catch(e){
1832    console.log(e)
1833  }
1834
1835  var tarifPpn1 = []
1836  try{
1837    tarifPpn = this.props.datas2.tarifPpn
1838    console.log('tarif ppn?', tarifPpn)
1839  }catch(e){
1840    console.log(e)
1841  }
1842
1843  var tarifPpnbm = []
1844  try{
1845    tarifPpnbm = this.props.pfpd.barang_pemberitahuan.tarifPpnbm
1846    console.log('tarif ppnbm?', tarifPpnbm)
1847  }catch(e){
1848    console.log(e)
1849  }
1850
1851  var tarifPph = []
1852  try{
1853    tarifPph = this.props.pfpd.barang_pemberitahuan.tarifPph
1854    console.log('tarif Pph?', tarifPph)
1855  }catch(e){
1856    console.log(e)
1857  }
1858
1859  var tarifCukais = []
1860  try{
1861    tarifCukais = this.props.pfpd.barang_pemberitahuan.tarifCukais
1862    console.log('tarif Cukais?', tarifCukais)
1863  }catch(e){
1864    console.log(e)
1865  }
1866
1867  var tarifBk = []
1868  try{
1869    tarifBk = this.props.pfpd.barang_pemberitahuan.tarifBk
1870    console.log('tarif Bk?', tarifBk)
1871  }catch(e){
1872    console.log(e)
1873  }
1874
1875
1876
1877  // console.log(this.props.pfpd.dokumen_pabean.barang);
1878  const cellRender = (data) => {
1879    console.log(data);
1880    return (
1881      <div style={{
1882        color: "white",
1883        display: "flex",
1884        alignItems: "center",
1885        justifyContent: "center",
1886      }}>
1887        <div style={{ textAlign: "center", }}>
1888
1889          <Button color="danger" size="small"
1890            style={{ borderRadius: 100, backgroundColor: '#52c41a', color: 'white' }}
1891          // onClick={() => this.downloadPdf(data.data.urlDokumen)}
1892          >
1893            <i class="fa fa-trash" aria-hidden="true"></i>
1894          </Button>
1895
1896        </div>
1897      </div>
1898    )
1899  }
1900  const { formLayout, size } = this.state;
1901  const data = [];
1902
1903  // let header = ;
1904  // if (this.state.test) {
1905  //   header = <h1>Hello {this.state.test}</h1>;
1906  // } else {
1907  //   header = '';
1908  // }
1909
1910  var brgPemberitahuan = [];
1911  try {
1912    brgPemberitahuan = this.props.pfpd.barang_penmberitahuan || [];
1913  } catch (e) {
1914
1915  }
1916  var brgPenetapan = [];
1917  try {
1918    brgPenetapan = this.props.pfpd.barang_penetapan || [];
1919    console.log('oke', brgPenetapan)
1920  } catch (e) {
1921
1922  }
1923
1924
1925
1926  var tarifBm = []
1927  try{
1928    tarifBm = this.props.datas.tarifBm
1929    // console.log('[debug] tarifBm?', tarifBm)
1930  }catch(e){
1931    // console.log("[debug] this.props.datas.tarifBm is Undefined");
1932  }
1933
1934  var tarifBm1 = []
1935  try{
1936    tarifBm1 = this.props.datas2.tarifBm
1937    // console.log('[debug] ebi?', tarifBm1)
1938  }catch(e){
1939    // console.log("[debug] this.props.datas2.tarifBm is Undefined");
1940  }
1941
1942  var style_a = { backgroundColor: "yellow", color: "black" };
1943  var style_b = {};
1944// if(this.state.penetapan == true){
1945//   return(
1946//     <DataPenetapan/>
1947//   )
1948
1949// }
1950
1951console.log('ebi', this.props.datas2.tarifBm)
1952console.log('cok', this.state.formData.tarifBm.tarif != null ? this.state.isUpdate == false ? "" : this.state.formData.tarifBm.tarif : tarifBm1 == undefined ? "" : tarifBm1.tarif);
1953console.log('cok1', this.state.formData.tarifBm.tarif)
1954// console.log('cok2', tarifBm1.tarif)
1955// console.log('cok3', this.props.datas.tarifBm.tarif)
1956console.log('cok @isUpdate_State', this.state.isUpdate);
1957console.log('cok @testLogic : ', this.state.formData.uraian != null ? this.props.datas.uraian && this.state.isUpdate == false ? "" : this.props.datas.uraian : this.state.formData.uraian || this.props.datas2.uraian )
1958  return (
1959    <div className="formdivcontainer">
1960    <Row>
1961      <Col lg={12} xl={24} xxl={24}>
1962        <Row gutter={4} type="flex" justify="space-around">
1963
1964          <Col span={2}>
1965            <Tooltip placement="top" title="Daftar Barang">
1966              <Button size={size} onClick={this.showModalBarang} >
1967                <i class="fa fa-table" aria-hidden="true"></i>
1968              </Button>
1969            </Tooltip>
1970          </Col>
1971
1972          <Col span={3}>
1973            <Tooltip placement="top" title="Rekam Tanpa Denda">
1974              <Button size={size} onClick={this.toggleTanpaDenda} disabled={this.state.buttonInputB} type=
1975              "default">
1976                B
1977</Button>
1978            </Tooltip>
1979          </Col>
1980
1981          <Col span={1}>
1982            <Tooltip placement="top" title="Rekam Barang Baru">
1983              <Button
1984                disabled={this.state.buttonInput}
1985                size={size}
1986                type='primary'
1987                // className="ml-4"
1988                onClick={() => this.toggleInputBaru()}
1989              >
1990                I
1991</Button>
1992            </Tooltip>
1993          </Col>
1994
1995          <Col span={1}>
1996            <Tooltip placement="top" title="Ubah Data Original">
1997              <Button
1998                size={size}
1999                style={{ backgroundColor: '#ffb822', color: 'white' }}
2000                type={"warning"}
2001                disabled={this.state.buttonUpdate}
2002                // className="ml-2"
2003                onClick={() => this.toggleUbah(brgPemberitahuan)}
2004              >
2005                U
2006</Button>
2007            </Tooltip>
2008          </Col>
2009
2010          <Col span={2}>
2011            <Tooltip placement="top" title="Hapus Data Original">
2012            <Popconfirm placement="topLeft" title="Apakah anda yakin untuk menghapus data?" onConfirm={this.statusDelete} okText="Yes" cancelText="No">
2013              <Button
2014                size={size}
2015                className="ml-1"
2016                disabled={this.state.butttonDelete}
2017                // onClick={this.statusDelete}
2018                danger
2019                type="danger"
2020              >
2021                D
2022</Button>
2023</Popconfirm>
2024            </Tooltip>
2025          </Col>
2026
2027          <Col span={2}>
2028            <Tooltip placement="top" title="Konfirmasi Perubahan">
2029              <Button
2030                type="ghost"
2031                size={size}
2032                // className="ml-4"
2033                onClick={this.postKonfirmasi}
2034              >
2035                <i class="fas fa-check"></i>
2036              </Button>
2037            </Tooltip></Col>
2038
2039          <Col span={2}>
2040            <Tooltip placement="top" title="Batalkan Perubahan">
2041            <Popconfirm placement="topLeft" title="Apakah anda yakin untuk mengembalikan data?" onConfirm={this.handleRollback} okText="Yes" cancelText="No">
2042              <Button
2043                type="ghost"
2044                size={size}
2045                //className="ml-1"
2046                // onClick={this.handleRollback, () => {
2047                //   console.log(JSON.stringify(this.state.formData, null, 3))
2048                // }}
2049              >
2050                <i class="fas fa-undo-alt"></i>
2051              </Button>
2052              </Popconfirm>
2053            </Tooltip>
2054          </Col>
2055
2056          <Col span={3}>
2057            <Tooltip
2058              placement="top"
2059              title="Selesai Pemeriksaan Semua Seri Barang">
2060              <Button
2061                style={{ color: '#0abb87', borderColor: '#0abb87' }}
2062                type={"success"}
2063                loading={this.state.loading} 
2064                
2065                onClick={() =>{
2066                  console.log(JSON.stringify(this.state.formData, null,3))
2067                }
2068                }
2069                size={size}
2070              //className="ml-4"
2071              // onClick={this.alertdebug}
2072              >
2073                <i class="fa fa-paper-plane"></i>
2074                &nbsp;
2075                Selesai
2076</Button>
2077            </Tooltip>
2078          </Col>
2079
2080
2081
2082        </Row>
2083      </Col>
2084      <Col lg={12} xl={0} xxl={0}>
2085      </Col>
2086    </Row>
2087
2088    <br />
2089    <Row gutter={6}>
2090      <Col span={13} className='pull-left'>
2091        <legend >Hasil Pemeriksaan</legend>
2092      </Col>
2093      <Col span={11} >
2094        <Checkbox
2095          checked={this.state.unlock_hasil == false}
2096          onClick={() => this.setState({ unlock_hasil: !this.state.unlock_hasil })}
2097          className="pull-right r-0" type="flex" justify="end" >
2098          Unlock Tarif dan Fasilitas
2099</Checkbox>
2100      </Col>
2101    </Row>
2102    <Skeleton loading={this.props.isLoad} active>
2103    <Spin spinning={this.state.loading} tip="Loading... Send Data">
2104      <form id="hasilPemeriksaan">
2105    <Row gutter={6}>
2106      <Col span={6}>
2107        <span className="input-group-addon" style={{}}>Seri Brg.</span>
2108        <div className="input-group ">
2109        <Input
2110              disabled
2111              className="form-control txtSeriBarang"
2112              value={this.state.formData.seriBarang != null ? this.props.datas.seriBarang && this.state.isUpdate != false ? this.state.isInsert != false ? this.props.seri_barang : this.props.datas.seriBarang : "" : this.props.datas2.seriBarang || ""}
2113              onChange={this.handleInputChange}
2114              name="seriBarang"
2115              id="barang"
2116            // style={{backgroundColor:'white', color: 'black'}}
2117            
2118            />
2119        </div>
2120      </Col>
2121      <Col span={8}>
2122        
2123        <span className="input-group-addon" style={{}}>Kode HS</span>
2124        <div className="input-group">
2125          {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.posTarif != this.props.input.hsCode ? brgPenetapan != null || brgPenetapan != undefined ?
2126            (
2127       
2128              <Select disabled={this.state.unlock_hasil} showSearch caret style={{
2129                width: "100%"
2130              }}
2131                allowClear={true}
2132                placeholder="Ketikkan Kode HS"
2133                dropdownMatchSelectWidth={false}
2134                optionFilterProp="children"
2135                onChange={this.getKodeHs}
2136                onFocus={null}
2137                onBlur={null}
2138                onSearch={(value) => { this.getKodeHs(value) }}
2139                name="posTarif"
2140                filterOption={(input, option) =>
2141                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2142                }
2143                rules={[{ required: true, message: 'Harap Masukkan Kode HS!' }]}
2144                enterButton>
2145                {this.state.posTarif.map((value, index) => {
2146                  return (
2147                    <Option value={value.kodeHs}>{value.kodeHs}</Option>
2148                  )
2149                }
2150                )}
2151              </Select>
2152  
2153            ) : (
2154              <Select disabled={this.state.unlock_hasil} showSearch caret style={{
2155                width: "100%"
2156              }}
2157                allowClear={true}
2158                value={this.state.formData.posTarif != null ? this.state.formData.posTarif : this.props.datas.posTarif}
2159                dropdownMatchSelectWidth={false}
2160                optionFilterProp="children"
2161                onChange={this.getKodeHs}
2162                onFocus={null}
2163                onBlur={null}
2164                onSearch={(value) => { this.getKodeHs(value) }}
2165                name="posTarif"
2166                filterOption={(input, option) =>
2167                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2168                }
2169                enterButton>
2170                {this.state.posTarif.map((value, index) => {
2171                  return (
2172                    <Option value={value.kodeHs}>{value.kodeHs}</Option>
2173                  )
2174                }
2175                )}
2176              </Select>
2177            ) :(
2178              <Select disabled={this.state.unlock_hasil} showSearch caret style={{
2179                width: "100%"
2180              }}
2181                allowClear={true}
2182                value={this.state.formData.posTarif != null ? this.state.formData.posTarif : this.props.datas2.posTarif}
2183                dropdownMatchSelectWidth={false}
2184                optionFilterProp="children"
2185                onChange={this.getKodeHs}
2186                onFocus={null}
2187                onBlur={null}
2188                onSearch={(value) => { this.getKodeHs(value) }}
2189                name="posTarif"
2190                filterOption={(input, option) =>
2191                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2192                }
2193                enterButton>
2194                {this.state.posTarif.map((value, index) => {
2195                  return (
2196                    <Option value={value.kodeHs}>{value.kodeHs}</Option>
2197                  )
2198                }
2199                )}
2200              </Select>
2201            ) : null}
2202        </div>
2203      </Col>
2204      <Col span={4} type="danger" onClick={this.showModal}>
2205        <span className="input-group-addon" style={{}}>.</span>
2206        <div className="input-group">
2207          <Button disabled={this.state.unlock_hasil} type="danger" ghost>SPBL</Button>
2208        </div></Col>
2209      <Col span={6}>
2210        <span className="input-group-addon" style={{}}>Status</span>
2211        <div className="input-group">
2212        <Input
2213                disabled
2214                className="form-control txtSeriBarang"
2215                // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.status"}
2216                value={this.props.datas.statusPfpdBarang || this.props.datas2.statusPfpdBarang || ""}
2217                onChange={this.handleInputChange}
2218                name="statusPfpdBarang"
2219                id="statusPfpdBarang"
2220                style={this.props.input.barang_data_statusNew == null ? style_b : style_a}
2221              />
2222        </div>
2223      </Col>
2224    </Row>
2225
2226    <Row className="mt-10">
2227      <span className="input-group-addon" style={{}}>Uraian Barang</span>
2228      <div className="input-group">
2229 
2230        <TextArea
2231          disabled={this.state.unlock_hasil}
2232          name="uraian"
2233          id="uraian_barang"  
2234          value={this.state.formData.uraian != null ? this.state.formData.uraian && this.state.isUpdate == false ? this.state.formData.uraian : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.uraian}` : this.state.formData.uraian || this.props.datas2.uraian}
2235          onChange={this.handleInputChange}
2236          style={this.state.formData.uraian != this.props.datas.uraian && this.state.formData.uraian != null ?  style_a : style_b }
2237          rows={4}
2238        />
2239        </div>
2240    
2241    </Row>
2242
2243    <Row gutter={6} className="mt-10">
2244      <Col span={8}>
2245        <span className="input-group-addon" style={{}}>Merk</span>
2246        <div className="input-group ">
2247             <Input
2248              disabled={this.state.unlock_hasil}
2249              // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.merk"}
2250              value={this.state.formData.merk != null ? this.state.formData.merk && this.state.isUpdate == false ? this.state.formData.merk : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.merk}` : this.state.formData.merk || this.props.datas2.merk}
2251              onChange={this.handleInputChange}
2252              className="form-control txtSeriBarang"
2253              name="merk"
2254              id="merk"
2255              style={{}} />
2256        </div>
2257      </Col>
2258      <Col span={8}>
2259        <span className="input-group-addon" style={{}}>Tipe</span>
2260        <div className="input-group ">
2261               <Input
2262                disabled={this.state.unlock_hasil}
2263                value={this.state.formData.tipe != null ? this.state.formData.tipe && this.state.isUpdate == false ? this.state.formData.tipe : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.tipe}` : this.state.formData.tipe || this.props.datas2.tipe}
2264                onChange={this.handleInputChange}
2265                className="form-control txtSeriBarang"
2266                name="tipe"
2267                id="tipe" />
2268      
2269        </div>
2270      </Col>
2271      <Col span={8}>
2272        <span className="input-group-addon" style={{}}>Ukuran</span>
2273        <div className="input-group">
2274               <Input
2275                disabled={this.state.unlock_hasil}
2276                // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.ukuran"}
2277                value={this.state.formData.ukuran != null ? this.state.formData.ukuran && this.state.isUpdate == false ? this.state.formData.ukuran : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.ukuran}` : this.state.formData.ukuran || this.props.datas2.ukuran}
2278                onChange={this.handleInputChange}
2279                className="form-control txtSeriBarang"
2280                name="ukuran"
2281                id="ukuran" />
2282        </div>
2283      </Col>
2284    </Row>
2285
2286    <Row gutter={6} className="mt-10">
2287      <Col span={14}>
2288        <span className="input-group-addon" style={{}}>Spesifikasi Lain</span>
2289        <div className="input-group ">
2290                <Input
2291                disabled={this.state.unlock_hasil}
2292                // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.spesifikasi_lain"}
2293                value={this.state.formData.spesifikasiLain != null ? this.state.formData.spesifikasiLain && this.state.isUpdate == false ? this.state.formData.spesifikasiLain : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.spesifikasiLain}` : this.state.formData.spesifikasiLain || this.props.datas2.spesifikasiLain}
2294                onChange={this.handleInputChange}
2295                className="form-control txtSeriBarang"
2296                name="spesifikasiLain"
2297                id="spesifikasiLain" />
2298        </div>
2299      </Col>
2300      <Col span={10}>
2301        <span className="input-group-addon" style={{}}>Kode Barang</span>
2302        <div className="input-group ">
2303                <Input
2304                disabled={this.state.unlock_hasil}
2305                value={this.state.formData.kodeBarang != null ? this.state.formData.kodeBarang && this.state.isUpdate == false ? this.state.formData.kodeBarang : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeBarang}` : this.state.formData.kodeBarang || this.props.datas2.kodeBarang}
2306                onChange={this.handleInputChange}
2307                className="form-control txtSeriBarang"
2308                name="kodeBarang"
2309                id="kodeBarang" />
2310        </div>
2311      </Col>
2312    </Row>
2313
2314    <Row gutter={6} className="mt-10">
2315      <Col span={12}>
2316        <span className="input-group-addon" style={{}}>Negara Asal</span>
2317        <div className="input-group ">
2318        <Select 
2319        disabled={this.state.unlock_hasil} 
2320        size={"large"}
2321        style={{ width: "100%" }}
2322        showSearch
2323        allowClear={true}
2324                allowClear={true}
2325                value={this.state.formData.kodeNegaraAsal != null ? this.state.formData.kodeNegaraAsal && this.state.isUpdate == false ? this.state.formData.kodeNegaraAsal : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeNegaraAsal}` : this.state.formData.kodeNegaraAsal || this.props.datas2.kodeNegaraAsal}
2326                dropdownMatchSelectWidth={false}
2327                placeholder="Cari negara..."
2328                optionFilterProp="children"
2329                onChange={(value) => this.handleNegaraChange(value)}
2330                onFocus={null}
2331                onBlur={null}
2332                onSearch={null}
2333                filterOption={(input, option) =>
2334                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2335                }
2336              >
2337               {this.state.dataNegara.map((value, index) => {
2338                  return (
2339                    <Option value={value.kodeNegara}>{value.namaNegara}</Option>
2340                  )
2341                }
2342                )}
2343              </Select>
2344        </div>
2345      </Col>
2346      <Col span={12}>
2347        <span className="input-group-addon" style={{}}>Fasilitas</span>
2348        <div className="input-group">
2349
2350          <Button disabled={this.state.unlock_hasil} type="primary" ghost onClick={this.showModalFasilitas} style={{ width: 200 }}>
2351            FASILITAS:
2352</Button>
2353        </div>
2354      </Col>
2355    </Row>
2356
2357    <Modal
2358      title="Penetapan Fasilitas atas Seri Barang"
2359      visible={this.state.modalFasilitas}
2360      closable={false}
2361      footer={[
2362        <Button key="back" onClick={this.handleCancel}>
2363          Tutup
2364</Button>
2365      ]
2366      }
2367    >
2368
2369      <Row>
2370        <DataGrid
2371          dataSource={data}
2372          showBorders={false}
2373          showColumnLines={false}
2374          showRowLines={false}
2375        >
2376          <Column
2377            dataField={'kodeDokumen'}
2378            caption={'KODE DOKUMEN'} />
2379
2380          <Column
2381            dataField={'uraianDokumen'}
2382            caption={'URAIAN DOKUMEN'} />
2383
2384          <Column
2385            dataField={'nomorDokumen'}
2386            caption={'NOMOR DOKUMEN'} />
2387
2388          <Column
2389            dataField={'tanggalDokumen'}
2390            caption={'TANGGAL DOKUMEN'}
2391            dataType={"date"} />
2392
2393          <Column
2394            caption={'#'}
2395            allowSorting={false}
2396            cellRender={cellRender} />
2397
2398        </DataGrid>
2399      </Row>
2400    </Modal>
2401    <br />
2402    <fieldset data-select2-id="49">
2403      <div class="row">
2404      <div class="col-lg-4">
2405      <h4>TARIF DAN FASILITAS</h4>
2406        </div>
2407        <div class="col-lg-4">
2408        <Button type="default" onClick={this.modalLPPT}>Rekam LPPT/LPPNP</Button>
2409        </div>
2410        <div class="col-lg-4">
2411        <Checkbox
2412            checked={this.state.unlock_tarif == false}
2413            onClick={() => this.setState({ unlock_tarif: !this.state.unlock_tarif })}
2414            className="pull-right r-0" type="flex" justify="end" >
2415            Unlock Tarif dan Fasilitas
2416</Checkbox>
2417        </div>
2418        </div>
2419   
2420      <div class="">
2421        <table
2422          id="tblTarif"
2423          class="table-bordered table-hover table-condensed col-xl-12 px-0"
2424          data-select2-id="tblTarif">
2425          <tbody data-select2-id="48">
2426            <tr class="trBM {txtMasuk}" data-select2-id="47">
2427              <td class="pl-2" width="60px" rowspan="3">BM</td>
2428              <td class="pl-2" width="100px">Jenis Tarif</td>
2429              <td colspan="2" data-select2-id="46">
2430              <Select
2431                disabled={this.state.unlock_tarif}
2432                showSearch
2433                size={"large"}
2434                style={{ width: "100%" }}
2435                optionFilterProp="children"
2436                value={this.state.formData.tarifBm.kodeJenisTarif != null ? this.state.formData.tarifBm.kodeJenisTarif && this.state.isUpdate == false ? this.state.formData.tarifBm.kodeJenisTarif : tarifBm == undefined || tarifBm == null ? "" : `${this.state.formData.tarifBm.kodeJenisTarif} - ${tarifBm.namaJenisTarif}` : tarifBm1 == undefined ? "" : tarifBm1.kodeJenisTarif}
2437                onChange={(value) => {this.handleSelectBM(value)}}
2438                onFocus={onFocus}
2439                onBlur={onBlur}
2440                onSearch={onSearch}
2441                filterOption={(input, option) =>
2442                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2443                }
2444              >
2445                   {this.state.jenisTarif.map((value, index) => {
2446                    return (
2447                     <Option value={value.kodeJenisTarifBm}>
2448                     {value.kodeJenisTarifBm} - {value.namaJenisTarifBm}</Option>
2449                              )
2450                            })}
2451              </Select>
2452        
2453              
2454                <i></i>
2455              </td>
2456              <td colspan="2">
2457              </td>
2458            </tr>
2459
2460            <tr class="trBM {txtMasuk}" data-select2-id="65">
2461              <td class="pl-2">Trf.BM</td>
2462              <td>
2463                   <Input
2464                    disabled={this.state.unlock_tarif}
2465                    value={this.state.formData.tarifBm.tarif != null ? this.state.formData.tarifBm.tarif && this.state.isUpdate == false ? this.state.formData.tarifBm.tarif : tarifBm == undefined || tarifBm == null ? "" : `${this.state.formData.tarifBm.tarif}` : tarifBm1 == undefined ? "" : tarifBm1.tarif}
2466                    className="form-control txtSeriBarang"
2467                    onChange={this.handleInputChange}
2468                    name="tarif0"
2469                    style={this.state.formData.tarifBm.tarif == null ? style_b : tarifBm == undefined || tarifBm == null ? this.state.formData.tarifBm.tarif != null ? style_a : style_b : this.state.formData.tarifBm.tarif != tarifBm.tarif && this.state.formData.tarifBm.tarif != null ? style_a : style_b }/>
2470              </td>
2471              <td colspan="2" class="" width="200px" data-select2-id="64">
2472              <Select
2473                disabled={this.state.unlock_tarif}
2474                showSearch
2475                size={"large"}
2476                style={{ width: "100%" }}
2477                placeholder="-"
2478                value={this.state.formData.tarifBm.kodeFasilitasTarif != null ? this.state.formData.tarifBm.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifBm.kodeFasilitasTarif : tarifBm == undefined || tarifBm == null ? "" : `${this.state.formData.tarifBm.kodeFasilitasTarif}` : tarifBm1 == undefined ? "" : tarifBm1.kodeFasilitasTarif }
2479                optionFilterProp="children"
2480                onChange={(value) => {this.handleFasilitasTarifBM(value) }}
2481                onFocus={onFocus}
2482                onBlur={onBlur}
2483                onSearch={onSearch}
2484                filterOption={(input, option) =>
2485                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2486                }
2487              >
2488                {this.state.fasilitasTarif.map((value, index) => {
2489                  return (
2490                    <Option value={value.kodeFasilitasTarif}>
2491                      {value.kodeFasilitasTarif} - {value.namaFasilitasTarif}</Option>
2492
2493                  )
2494                })}
2495              </Select>
2496                <i></i>
2497              </td>
2498              <td>
2499                    <Input
2500                      disabled={this.state.unlock_tarif}
2501                      className="form-control txtSeriBarang"
2502                      name="tarifFasilitas0"
2503                      id="txtFasilitasTarifBM"
2504                      // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
2505                      value={this.state.formData.tarifBm.tarifFasilitas != null ? this.state.formData.tarifBm.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifBm.tarifFasilitas : tarifBm == undefined || tarifBm == null ? "" : `${tarifBm.tarifFasilitas}` : tarifBm1 == undefined ? "" : tarifBm1.tarifFasilitas}
2506                      style={this.props.input.txtFasilitasTarifBM == null || this.props.input.txtFasilitasTarifBM == "" ? style_b : style_a}
2507                      onChange={this.handleInputChange}
2508                    />
2509              </td>
2510            </tr>
2511            <tr class="trBM {txtMasuk}">
2512              <td class="pl-2">Jumlah Satuan</td>
2513              <td colspan="2" class="tdSatuanBM">
2514                     <Input
2515                      disabled={this.state.unlock_tarif}
2516                      className="form-control txtSeriBarang"
2517                      name="jumlahSatuanBM"
2518                      id="txtFasilitasTarifBM"
2519                      // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
2520                      value={this.state.formData.tarifBm.jumlahSatuan != null ? this.state.formData.tarifBm.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifBm.jumlahSatuan : tarifBm == undefined || tarifBm == null ? "" : `${tarifBm.jumlahSatuan}` : tarifBm1 == undefined ? "" : tarifBm1.jumlahSatuan}
2521                      style={this.props.input.txtFasilitasTarifBM == null || this.props.input.txtFasilitasTarifBM == "" ? style_b : style_a}
2522                      onChange={this.handleInputChange}
2523                    />
2524              </td>
2525              <td colspan="2" class="tdSatuanBM">
2526                <Select
2527                  disabled={this.state.unlock_tarif}
2528                  size={"large"}
2529                  showSearch
2530                  style={{ width: "100%" }}
2531                  allowClear={true}
2532                  name="namaSatuanBarang0"
2533                  value={this.state.formData.tarifBm.kodeSatuanBarang != null ? this.state.formData.tarifBm.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBm.kodeSatuanBarang : tarifBm == undefined || tarifBm == null ? "" : `${tarifBm.kodeSatuanBarang}` : tarifBm1 == undefined ? "" : tarifBm1.kodeSatuanBarang || this.state.formData.tarifBm.kodeSatuanBarang}
2534                  // value={this.props.input.jumlahSatuan}
2535                  dropdownMatchSelectWidth={false}
2536                  optionFilterProp="children"
2537                  onChange={(value) => this.handleKodeSatuanBM(value)}
2538                  // onChange={this.handleInputChange}
2539                  onFocus={null}
2540                  onBlur={null}
2541                  onSearch={null}
2542                  filterOption={(input, option) =>
2543                    option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2544                  }
2545                >
2546                  {satuan_barang_list.map((value, index) => {
2547                    return (
2548                      <Option name="namaSatuanBarang0" value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
2549                    )
2550                  }
2551                  )}
2552                </Select>
2553              </td>
2554            </tr>
2555
2556            {/* BM KITE */}
2557            <tr >
2558              <td colspan="6">
2559                <a
2560                  className="btn btn-block" onClick={this.toggleBMKITE.bind(this)}
2561                  href="javascript:;"
2562                  id="btnShowBMTambahan">
2563                  <i class="fa fa-plus"></i>
2564                  BM KITE
2565</a>
2566                {this.state.openmodalBMKITE ?
2567                  (
2568                    <tr id="demo">
2569                      <tr class="trBM {txtMasuk}" data-select2-id="47">
2570                        <td class="pl-2" width="60px" rowspan="3">BM KITE</td>
2571                        <td class="pl-2" width="100px">Jenis Tarif</td>
2572                        <td colspan="2" data-select2-id="46">
2573                          <Select
2574                            disabled={this.state.unlock_tarif}
2575                            showSearch
2576                            size={"large"}
2577                            style={{ width: "100%" }}
2578                            placeholder="-"
2579                            optionFilterProp="children"
2580                            onChange={(value) => this.handleSelectChangeBMKite(value)}
2581                            // onChange={onchange}
2582                            onFocus={onFocus}
2583                            onBlur={onBlur}
2584                            onSearch={onSearch}
2585                            name="kodeJnsTarif1"
2586                            filterOption={(input, option) =>
2587                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2588                            }
2589                          >
2590                            {this.state.jenisTarif.map((value, index) => {
2591                              return (
2592                                <Option value={value.kodeJenisTarifBm}>
2593                                  {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>
2594
2595                              )
2596                            })}
2597                          </Select>
2598
2599                          <i></i>
2600                        </td>
2601                        <td colspan="2"></td>
2602                      </tr>
2603
2604                      <tr class="trBM {txtMasuk}" data-select2-id="65">
2605                        <td class="pl-2">Trf.BM KITE</td>
2606                        <td>
2607                          {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.tarifBM != this.props.input.txtTarifBM ?
2608                            (
2609                              <input
2610                                disabled={this.state.unlock_tarif}
2611                                class="form-control txtTarifBM"
2612                                name="tarif1"
2613                                id="txtTarifBM"
2614                                //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
2615                                value={this.props.input.txtTarifBM}
2616                                onChange={this.handleInputChange}
2617                                style={this.props.input.txtTarifBM == null || this.props.input.txtTarifBM == "" ? style_b : style_a}
2618                              />
2619                            ) : (
2620                              <input
2621                                disabled={this.state.unlock_tarif}
2622                                class="form-control txtTarifBM"
2623                                name="tarif1"
2624                                id="txtTarifBM"
2625                                //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
2626                                value={this.props.input.txtTarifBM}
2627                                onChange={this.handleInputChange}
2628                                style={{}} />
2629                            ) : null}
2630
2631                        </td>
2632                        <td colspan="2" class="" width="200px" data-select2-id="64">
2633                          <Select
2634                            disabled={this.state.unlock_tarif}
2635                            showSearch
2636                            size={"large"}
2637                            style={{ width: "100%" }}
2638                            placeholder="-"
2639                            optionFilterProp="children"
2640                            onChange={(value) => this.handleFasilitasTarifBmkite(value)}
2641                            onFocus={onFocus}
2642                            onBlur={onBlur}
2643                            onSearch={onSearch}
2644                            filterOption={(input, option) =>
2645                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2646                            }
2647                          >
2648                            {this.state.fasilitasTarif.map((value, index) => {
2649                              return (
2650                                <Option value={value.kodeFasilitasTarif}>
2651                                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
2652
2653                              )
2654                            })}
2655                          </Select>
2656                          {/* <input
2657                disabled={this.state.unlock_tarif}
2658                class="form-control txtTarifBM"
2659                name="kodeFasilitasTarif1"
2660                id="txtTarifBM"
2661                //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
2662                value={this.props.input.txtTarifBM}
2663                onChange={this.handleInputChange}
2664                style={{}} /> */}
2665                          <i></i>
2666                        </td>
2667                        <td class="tdFasilitasTarifBM">
2668                          {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.FasilitasTarifBM != this.props.input.txtFasilitasTarifBM ?
2669                            (
2670                              <Input
2671                                disabled={this.state.unlock_tarif}
2672                                class="form-control txtFasilitasTarifBM"
2673                                name="tarifFasilitasBmKite"
2674                                id="txtFasilitasTarifBM"
2675                                // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
2676                                value={this.props.input.txtFasilitasTarifBM}
2677                                style={this.props.input.txtFasilitasTarifBM == null || this.props.input.txtFasilitasTarifBM == "" ? style_b : style_a}
2678                                onChange={this.handleInputChange}
2679                              />
2680                            ) : (
2681                              <Input
2682                                disabled={this.state.unlock_tarif}
2683                                class="form-control txtFasilitasTarifBM"
2684                                name="tarifFasilitasBmKite"
2685                                id="txtFasilitasTarifBM"
2686                                // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
2687                                // value={this.props.input.txtFasilitasTarifBM}
2688                                onChange={this.handleInputChange}
2689                                style={{}} />
2690                            ) : null}
2691                        </td>
2692                      </tr>
2693                      <tr class="trBM {txtMasuk}">
2694                        <td class="pl-2">Jumlah Satuan</td>
2695                        <td colspan="2" class="tdSatuanBM">
2696                          {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.jumlahSatuanBM != this.props.input.txtJumlahSatuanBM ?
2697                            (
2698                              <input
2699                                disabled={this.state.unlock_tarif}
2700                                class="form-control txtJumlahSatuanBM"
2701                                name="jumlahSatuanBmkite"
2702                                id="txtJumlahSatuanBM"
2703                                // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
2704                                                        value={this.props.input.txtJumlahSatuanBM}
2705                                style={this.props.input.txtJumlahSatuanBM == null || this.props.input.txtJumlahSatuanBM == "" ? style_b : style_a}
2706                                onChange={this.handleInputChange} />
2707                            ) : (
2708                              <input
2709                                disabled={this.state.unlock_tarif}
2710                                class="form-control txtJumlahSatuanBM"
2711                                name="jumlahSatuanBmkite"
2712                                id="txtJumlahSatuanBM"
2713                                // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
2714                                value={this.props.input.txtJumlahSatuanBM}
2715                                onChange={this.handleInputChange}
2716                                style={{}} />
2717                            ) : null}
2718                        </td>
2719                        <td colspan="2" class="tdSatuanBM">
2720                          <Select
2721                            disabled={this.state.unlock_tarif}
2722                            size={"large"}
2723                            showSearch
2724                            placeholder='-'
2725                            style={{ width: "100%" }}
2726                            allowClear={true}
2727                            dropdownMatchSelectWidth={false}
2728                            optionFilterProp="children"
2729                            onChange={(value) => this.handleKodeSatuanBmkite(value)}
2730                            onFocus={null}
2731                            onBlur={null}
2732                            onSearch={null}
2733                            filterOption={(input, option) =>
2734                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2735                            }
2736                          >
2737                            {satuan_barang_list.map((value, index) => {
2738                              return (
2739                                <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
2740                              )
2741                            }
2742                            )}
2743                          </Select>
2744                        </td>
2745                      </tr>
2746                    </tr>
2747                  )
2748
2749                  : null}
2750              </td>
2751            </tr>
2752
2753            {/* BM TAMBAHAN */}
2754            <tr >
2755              <td colspan="6">
2756                <a
2757                  className="btn btn-block" onClick={this.toggleBM.bind(this)}
2758                  href="javascript:;"
2759                  id="btnShowBMTambahan">
2760                  <i class="fa fa-plus"></i>
2761                  BM Tambahan
2762</a>
2763
2764
2765
2766              </td>
2767            </tr>
2768
2769            {/* BM TAMBAHAN */}
2770            <tr >
2771              <td colspan="6">
2772
2773                {this.state.openmodalBM ? (
2774                  <tr id="demo">
2775
2776                    <tr class="trBM {txtMasuk}" data-select2-id="47">
2777                      <td class="pl-2" width="60px" rowspan="3">BMAD</td>
2778                      <td class="pl-2" width="100px">Jenis Tarif</td>
2779                      <td colspan="2" data-select2-id="46">
2780                        <Select
2781                          disabled={this.state.unlock_tarif}
2782                          showSearch
2783                          size={"large"}
2784                          style={{ width: "100%" }}
2785                          placeholder="-"
2786                          optionFilterProp="children"
2787                          onChange={(value) => this.handleSelectBmad(value)}
2788                          // onChange={onchange}
2789                          onFocus={onFocus}
2790                          onBlur={onBlur}
2791                          onSearch={onSearch}
2792                          name="kodeJnsTarif1"
2793                          filterOption={(input, option) =>
2794                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2795                          }
2796                        >
2797                          {this.state.jenisTarif.map((value, index) => {
2798                            return (
2799                              <Option value={value.kodeJenisTarifBm}>
2800                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>
2801
2802                            )
2803                          })}
2804                        </Select>
2805
2806                        <i></i>
2807                      </td>
2808                      <td colspan="2"></td>
2809                    </tr>
2810
2811                    <tr class="trBM {txtMasuk}" data-select2-id="65">
2812                      <td class="pl-2">Trf.BMAD</td>
2813                      <td>
2814                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.tarifBMAD != this.props.input.tarif_bmad ?
2815                          (
2816                            <input
2817                              disabled={this.state.unlock_tarif}
2818                              class="form-control tarif_bmad"
2819                              name="tarif2"
2820                              id="tarif_bmad"
2821                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
2822                              value={this.props.input.tarif_bmad}
2823                              onChange={this.handleInputChange}
2824                              style={this.props.input.tarif_bmad == null || this.props.input.tarif_bmad == "" ? style_b : style_a}
2825                            />
2826                          ) : (
2827                            <input
2828                              disabled={this.state.unlock_tarif}
2829                              class="form-control tarif_bmad"
2830                              name="tarif2"
2831                              id="tarif_bmad"
2832                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
2833                              value={this.props.input.tarif_bmad}
2834                              onChange={this.handleInputChange}
2835                              style={{}} />
2836                          ) : null}
2837
2838                      </td>
2839                      <td colspan="2" class="" width="200px" data-select2-id="64">
2840                        <Select
2841                          disabled={this.state.unlock_tarif}
2842                          showSearch
2843                          size={"large"}
2844                          style={{ width: "100%" }}
2845                          placeholder="-"
2846                          optionFilterProp="children"
2847                          onChange={(value) => this.handleSelectBmad2(value)}
2848                          onFocus={onFocus}
2849                          onBlur={onBlur}
2850                          onSearch={onSearch}
2851                          filterOption={(input, option) =>
2852                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2853                          }
2854                        >
2855                          {this.state.fasilitasTarif.map((value, index) => {
2856                            return (
2857                              <Option value={value.kodeFasilitasTarif}>
2858                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
2859
2860                            )
2861                          })}
2862                        </Select>
2863                        <i></i>
2864                      </td>
2865                      <td class="tdFasilitasTarifBM">
2866                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.seriBmad != this.props.input.seri_bmad ?
2867                          (
2868                            <Input
2869                              disabled={this.state.unlock_tarif}
2870                              class="form-control txtFasilitasTarifBM"
2871                              name="tarifFasilitas2"
2872                              id="seri_bmad"
2873                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
2874                              value={this.props.input.seri_bmad}
2875                              style={this.props.input.seri_bmad == null || this.props.input.seri_bmad == "" ? style_b : style_a}
2876                              onChange={this.handleInputChange}
2877                            />
2878                          ) : (
2879                            <Input
2880                              disabled={this.state.unlock_tarif}
2881                              class="form-control txtFasilitasTarifBM"
2882                              name="tarifFasilitas2"
2883                              id="seri_bmad"
2884                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
2885                              // value={this.props.input.seri_bmad}
2886                              onChange={this.handleInputChange}
2887                              style={{}} />
2888                          ) : null}
2889                      </td>
2890                    </tr>
2891                    <tr class="trBM {txtMasuk}">
2892                      <td class="pl-2">Jumlah Satuan</td>
2893                      <td colspan="2" class="tdSatuanBM">
2894                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.jumlahSatuanBmad != this.props.input.jumlah_satuan_bmad ?
2895                          (
2896                            <input
2897                              disabled={this.state.unlock_tarif}
2898                              class="form-control txtJumlahSatuanBM"
2899                              name="jumlahSatuanBmad"
2900                              id="jumlah_satuan_bmad"
2901                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
2902                              value={this.props.input.jumlah_satuan_bmad}
2903                              style={this.props.input.jumlah_satuan_bmad == null || this.props.input.jumlah_satuan_bmad == "" ? style_b : style_a}
2904                              onChange={this.handleInputChange} />
2905                          ) : (
2906                            <input
2907                              disabled={this.state.unlock_tarif}
2908                              class="form-control txtJumlahSatuanBM"
2909                              name="jumlahSatuanBmad"
2910                              id="jumlah_satuan_bmad"
2911                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
2912                              value={this.props.input.jumlah_satuan_bmad}
2913                              onChange={this.handleInputChange}
2914                              style={{}} />
2915                          ) : null}
2916                      </td>
2917                      <td colspan="2" class="tdSatuanBM">
2918                        <Select
2919                          disabled={this.state.unlock_tarif}
2920                          size={"large"}
2921                          showSearch
2922                          style={{ width: "100%" }}
2923                          allowClear={true}
2924                          placeholde='-'
2925                          dropdownMatchSelectWidth={false}
2926                          optionFilterProp="children"
2927                          onChange={(value) => this.handleSatuanBmad(value)}
2928                          onFocus={null}
2929                          onBlur={null}
2930                          onSearch={null}
2931                          filterOption={(input, option) =>
2932                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2933                          }
2934                        >
2935                          {satuan_barang_list.map((value, index) => {
2936                            return (
2937                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
2938                            )
2939                          }
2940                          )}
2941                        </Select>
2942                      </td>
2943
2944                    </tr>
2945
2946                    <tr class="trBM {txtMasuk}" data-select2-id="47">
2947                      <td class="pl-2" width="60px" rowspan="3">BMP</td>
2948                      <td class="pl-2" width="100px">Jenis Tarif</td>
2949                      <td colspan="2" data-select2-id="46">
2950                        <Select
2951                          disabled={this.state.unlock_tarif}
2952                          showSearch
2953                          size={"large"}
2954                          style={{ width: "100%" }}
2955                          placeholder="-"
2956                          optionFilterProp="children"
2957                          onChange={(value) => this.handleSelectBMP(value)}
2958                          // onChange={onchange}
2959                          onFocus={onFocus}
2960                          onBlur={onBlur}
2961                          onSearch={onSearch}
2962                          name="kodeJnsTarif1"
2963                          filterOption={(input, option) =>
2964                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
2965                          }
2966                        >
2967                          {this.state.jenisTarif.map((value, index) => {
2968                            return (
2969                              <Option value={value.kodeJenisTarifBm}>
2970                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>
2971
2972                            )
2973                          })}
2974                        </Select>
2975
2976
2977                        <i></i>
2978                      </td>
2979                      <td colspan="2"></td>
2980                    </tr>
2981
2982                    <tr class="trBM {txtMasuk}" data-select2-id="65">
2983                      <td class="pl-2">Trf.BMP</td>
2984                      <td>
2985                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.tarifBMP != this.props.input.tarif_bmp ?
2986                          (
2987                            <input
2988                              disabled={this.state.unlock_tarif}
2989                              class="form-control tarif_bmp"
2990                              name="tarif3"
2991                              id="tarif_bmp"
2992                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
2993                              value={this.props.input.tarif_bmp}
2994                              onChange={this.handleInputChange}
2995                              style={this.props.input.tarif_bmp == null || this.props.input.tarif_bmp == "" ? style_b : style_a}
2996                            />
2997                          ) : (
2998                            <input
2999                              disabled={this.state.unlock_tarif}
3000                              class="form-control tarif_bmp"
3001                              name="tarif3"
3002                              id="tarif_bmp"
3003                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
3004                              value={this.props.input.tarif_bmp}
3005                              onChange={this.handleInputChange}
3006                              style={{}} />
3007                          ) : null}
3008
3009                      </td>
3010                      <td colspan="2" class="" width="200px" data-select2-id="64">
3011                        <Select
3012                          disabled={this.state.unlock_tarif}
3013                          showSearch
3014                          size={"large"}
3015                          style={{ width: "100%" }}
3016                          placeholder="-"
3017                          optionFilterProp="children"
3018                          onChange={(value) => this.handleSelectBMP2(value)}
3019                          onFocus={onFocus}
3020                          onBlur={onBlur}
3021                          onSearch={onSearch}
3022                          filterOption={(input, option) =>
3023                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3024                          }
3025                        >
3026                          {this.state.fasilitasTarif.map((value, index) => {
3027                            return (
3028                              <Option value={value.kodeFasilitasTarif}>
3029                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
3030
3031                            )
3032                          })}
3033                        </Select>
3034                        <i></i>
3035                      </td>
3036                      <td class="tdFasilitasTarifBM">
3037                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.seriBmp != this.props.input.seri_bmp ?
3038                          (
3039                            <Input
3040                              disabled={this.state.unlock_tarif}
3041                              class="form-control txtFasilitasTarifBM"
3042                              name="tarifFasilitas3"
3043                              id="seri_bmp"
3044                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
3045                              // value={this.props.input.seri_bmp}
3046                              style={this.props.input.seri_bmp == null || this.props.input.seri_bmp == "" ? style_b : style_a}
3047                              onChange={this.handleInputChange}
3048                            />
3049                          ) : (
3050                            <Input
3051                              disabled={this.state.unlock_tarif}
3052                              class="form-control txtFasilitasTarifBM"
3053                              name="tarifFasilitas3"
3054                              id="seri_bmp"
3055                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
3056                              // value={this.props.input.seri_bmp}
3057                              onChange={this.handleInputChange}
3058                              style={{}} />
3059                          ) : null}
3060                      </td>
3061                    </tr>
3062                    <tr class="trBM {txtMasuk}">
3063                      <td class="pl-2">Jumlah Satuan</td>
3064                      <td colspan="2" class="tdSatuanBM">
3065                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.jumlahSatuanBmp != this.props.input.jumlah_satuan_bmp ?
3066                          (
3067                            <input
3068                              disabled={this.state.unlock_tarif}
3069                              class="form-control txtJumlahSatuanBM"
3070                              name="jumlahSatuanBmp"
3071                              id="jumlah_satuan_bmp"
3072                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
3073                              value={this.props.input.jumlah_satuan_bmp}
3074                              style={this.props.input.jumlah_satuan_bmp == null || this.props.input.jumlah_satuan_bmp == "" ? style_b : style_a}
3075                              onChange={this.handleInputChange} />
3076                          ) : (
3077                            <input
3078                              disabled={this.state.unlock_tarif}
3079                              class="form-control txtJumlahSatuanBM"
3080                              name="jumlahSatuanBmp"
3081                              id="jumlahSatuan"
3082                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
3083                              value={this.props.input.jumlah_satuan_bmp}
3084                              onChange={this.handleInputChange}
3085                              style={{}} />
3086                          ) : null}
3087                      </td>
3088                      <td colspan="2" class="tdSatuanBM">
3089                        <Select
3090                          disabled={this.state.unlock_tarif}
3091                          size={"large"}
3092                          showSearch
3093                          style={{ width: "100%" }}
3094                          allowClear={true}
3095                          //  value={this.props.input.kodeJumlahSatuanBmp}
3096                          dropdownMatchSelectWidth={false}
3097                          optionFilterProp="children"
3098                          onChange={(value) => this.handleSatuanBmp(value)}
3099                          onFocus={null}
3100                          onBlur={null}
3101                          onSearch={null}
3102                          filterOption={(input, option) =>
3103                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3104                          }
3105                        >
3106                          {satuan_barang_list.map((value, index) => {
3107                            return (
3108                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
3109                            )
3110                          }
3111                          )}
3112                        </Select>
3113                      </td>
3114
3115                    </tr>
3116
3117                    <tr class="trBM {txtMasuk}" data-select2-id="47">
3118                      <td class="pl-2" width="60px" rowspan="3">BMI</td>
3119                      <td class="pl-2" width="100px">Jenis Tarif</td>
3120                      <td colspan="2" data-select2-id="46">
3121                        <Select
3122                          disabled={this.state.unlock_tarif}
3123                          showSearch
3124                          size={"large"}
3125                          style={{ width: "100%" }}
3126                          placeholder="-"
3127                          optionFilterProp="children"
3128                          onChange={(value) => this.handleSelectBMI(value)}
3129                          // onChange={onchange}
3130                          onFocus={onFocus}
3131                          onBlur={onBlur}
3132                          onSearch={onSearch}
3133                          name="kodeJnsTarif1"
3134                          filterOption={(input, option) =>
3135                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3136                          }
3137                        >
3138                          {this.state.jenisTarif.map((value, index) => {
3139                            return (
3140                              <Option value={value.kodeJenisTarifBm}>
3141                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>
3142
3143                            )
3144                          })}
3145                        </Select>
3146                        <i></i>
3147                      </td>
3148                      <td colspan="2"></td>
3149                    </tr>
3150
3151                    <tr class="trBM {txtMasuk}" data-select2-id="65">
3152                      <td class="pl-2">Trf.BMI</td>
3153                      <td>
3154                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.tarifBMI != this.props.input.tarif_bmi ?
3155                          (
3156                            <input
3157                              disabled={this.state.unlock_tarif}
3158                              class="form-control tarif_bmi"
3159                              name="tarif4"
3160                              id="tarif_bmi"
3161                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
3162                              //  value={this.props.input.tarif_bmi}
3163                              onChange={this.handleInputChange}
3164                              style={this.props.input.tarif_bmi == null || this.props.input.tarif_bmi == "" ? style_b : style_a}
3165                            />
3166                          ) : (
3167                            <input
3168                              disabled={this.state.unlock_tarif}
3169                              class="form-control tarif_bmi"
3170                              name="tarif4"
3171                              id="tarif4"
3172                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
3173                              //  value={this.props.input.tarif_bmi}
3174                              onChange={this.handleInputChange}
3175                              style={{}} />
3176                          ) : null}
3177
3178                      </td>
3179                      <td colspan="2" class="" width="200px" data-select2-id="64">
3180                        <Select
3181                          disabled={this.state.unlock_tarif}
3182                          showSearch
3183                          size={"large"}
3184                          style={{ width: "100%" }}
3185                          placeholder="-"
3186                          optionFilterProp="children"
3187                          onChange={(value) => this.handleSelectBMI2(value)}
3188                          onFocus={onFocus}
3189                          onBlur={onBlur}
3190                          onSearch={onSearch}
3191                          filterOption={(input, option) =>
3192                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3193                          }
3194                        >
3195                          {this.state.fasilitasTarif.map((value, index) => {
3196                            return (
3197                              <Option value={value.kodeFasilitasTarif}>
3198                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
3199
3200                            )
3201                          })}
3202                        </Select>
3203
3204                        <i></i>
3205                      </td>
3206                      <td class="tdFasilitasTarifBM">
3207                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.seriBmi != this.props.input.seri_bmi ?
3208                          (
3209                            <Input
3210                              disabled={this.state.unlock_tarif}
3211                              class="form-control txtFasilitasTarifBM"
3212                              name="tarifFasilitas4"
3213                              id="seri_bmi"
3214                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
3215                              // value={this.props.input.seri_bmi}
3216                              style={this.props.input.seri_bmi == null || this.props.input.seri_bmi == "" ? style_b : style_a}
3217                              onChange={this.handleInputChange}
3218                            />
3219                          ) : (
3220                            <Input
3221                              disabled={this.state.unlock_tarif}
3222                              class="form-control txtFasilitasTarifBM"
3223                              name="tarifFasilitas4"
3224                              id="seri_bmi"
3225                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
3226                              // value={this.props.input.seri_bmi}
3227                              onChange={this.handleInputChange}
3228                              style={{}} />
3229                          ) : null}
3230                      </td>
3231                    </tr>
3232                    <tr class="trBM {txtMasuk}">
3233                      <td class="pl-2">Jumlah Satuan</td>
3234                      <td colspan="2" class="tdSatuanBM">
3235                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.jumlahSatuanBmi != this.props.input.jumlah_satuan_bmi ?
3236                          (
3237                            <input
3238                              disabled={this.state.unlock_tarif}
3239                              class="form-control txtJumlahSatuanBM"
3240                              name="jumlahSatuanBmi"
3241                              id="jumlah_satuan_bmi"
3242                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
3243                              value={this.props.input.jumlah_satuan_bmi}
3244                              style={this.props.input.jumlah_satuan_bmi == null || this.props.input.jumlah_satuan_bmi == "" ? style_b : style_a}
3245                              onChange={this.handleInputChange} />
3246                          ) : (
3247                            <input
3248                              disabled={this.state.unlock_tarif}
3249                              class="form-control txtJumlahSatuanBM"
3250                              name="jumlahSatuanBmi"
3251                              id="jumlah_satuan_bmi"
3252                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
3253                              value={this.props.input.jumlah_satuan_bmi}
3254                              onChange={this.handleInputChange}
3255                              style={{}} />
3256                          ) : null}
3257                      </td>
3258                      <td colspan="2" class="tdSatuanBM">
3259                        <Select
3260                          disabled={this.state.unlock_tarif}
3261                          size={"large"}
3262                          showSearch
3263                          style={{ width: "100%" }}
3264                          allowClear={true}
3265                          //  value={this.props.input.kodeJumlahSatuanBmi}
3266                          dropdownMatchSelectWidth={false}
3267                          optionFilterProp="children"
3268                          onChange={(value) => this.handleSatuanBmi(value)}
3269                          onFocus={null}
3270                          onBlur={null}
3271                          onSearch={null}
3272                          filterOption={(input, option) =>
3273                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3274                          }
3275                        >
3276                          {satuan_barang_list.map((value, index) => {
3277                            return (
3278                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
3279                            )
3280                          }
3281                          )}
3282                        </Select>
3283                      </td>
3284
3285                    </tr>
3286
3287                    <tr class="trBM {txtMasuk}" data-select2-id="47">
3288                      <td class="pl-2" width="60px" rowspan="3">BMTP</td>
3289                      <td class="pl-2" width="100px">Jenis Tarif</td>
3290                      <td colspan="2" data-select2-id="46">
3291                        <Select
3292                          disabled={this.state.unlock_tarif}
3293                          showSearch
3294                          size={"large"}
3295                          style={{ width: "100%" }}
3296                          placeholder="-"
3297                          optionFilterProp="children"
3298                          onChange={(value) => this.handleSelectBMTP(value)}
3299                          // onChange={onchange}
3300                          onFocus={onFocus}
3301                          onBlur={onBlur}
3302                          onSearch={onSearch}
3303                          name="kodeJnsTarif1"
3304                          filterOption={(input, option) =>
3305                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3306                          }
3307                        >
3308                          {this.state.jenisTarif.map((value, index) => {
3309                            return (
3310                              <Option value={value.kodeJenisTarifBm}>
3311                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>
3312
3313                            )
3314                          })}
3315                        </Select>
3316
3317                        <i></i>
3318                      </td>
3319                      <td colspan="2"></td>
3320                    </tr>
3321
3322                    <tr class="trBM {txtMasuk}" data-select2-id="65">
3323                      <td class="pl-2">Trf.BMTP</td>
3324                      <td>
3325                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.tarifBMTP != this.props.input.tarif_bmtp ?
3326                          (
3327                            <input
3328                              disabled={this.state.unlock_tarif}
3329                              class="form-control tarif_bmtp"
3330                              name="tarif5"
3331                              id="tarif_bmtp"
3332                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
3333                              value={this.props.input.tarif_bmtp}
3334                              onChange={this.handleInputChange}
3335                              style={this.props.input.tarif_bmtp == null || this.props.input.tarif_bmtp == "" ? style_b : style_a}
3336                            />
3337                          ) : (
3338                            <input
3339                              disabled={this.state.unlock_tarif}
3340                              class="form-control tarif_bmtp"
3341                              name="tarif5"
3342                              id="tarif_bmtp"
3343                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
3344                              value={this.props.input.tarif_bmtp}
3345                              onChange={this.handleInputChange}
3346                              style={{}} />
3347                          ) : null}
3348
3349                      </td>
3350                      <td colspan="2" class="" width="200px" data-select2-id="64">
3351                        <Select
3352                          disabled={this.state.unlock_tarif}
3353                          showSearch
3354                          size={"large"}
3355                          style={{ width: "100%" }}
3356                          placeholder="-"
3357                          optionFilterProp="children"
3358                          onChange={(value) => this.handleSelectBMTP2(value)}
3359                          onFocus={onFocus}
3360                          onBlur={onBlur}
3361                          onSearch={onSearch}
3362                          filterOption={(input, option) =>
3363                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3364                          }
3365                        >
3366                          {this.state.fasilitasTarif.map((value, index) => {
3367                            return (
3368                              <Option value={value.kodeFasilitasTarif}>
3369                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
3370
3371                            )
3372                          })}
3373                        </Select>
3374
3375                        <i></i>
3376                      </td>
3377                      <td class="tdFasilitasTarifBM">
3378                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.seriBmtp != this.props.input.seri_bmtp ?
3379                          (
3380                            <Input
3381                              disabled={this.state.unlock_tarif}
3382                              class="form-control txtFasilitasTarifBM"
3383                              name="tarifFasilitas5"
3384                              id="seri_bmtp"
3385                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
3386                              // value={this.props.input.seri_bmtp}
3387                              style={this.props.input.seri_bmtp == null || this.props.input.seri_bmtp == "" ? style_b : style_a}
3388                              onChange={this.handleInputChange}
3389                            />
3390                          ) : (
3391                            <Input
3392                              disabled={this.state.unlock_tarif}
3393                              class="form-control txtFasilitasTarifBM"
3394                              name="tarifFasilitas5"
3395                              id="seri_bmtp"
3396                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
3397                              // value={this.props.input.seri_bmtp}
3398                              onChange={this.handleInputChange}
3399                              style={{}} />
3400                          ) : null}
3401                      </td>
3402                    </tr>
3403                    <tr class="trBM {txtMasuk}">
3404                      <td class="pl-2">Jumlah Satuan</td>
3405                      <td colspan="2" class="tdSatuanBM">
3406                        {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.jumlahSatuanBmtp != this.props.input.jumlah_satuan_bmtp ?
3407                          (
3408                            <input
3409                              disabled={this.state.unlock_tarif}
3410                              class="form-control txtJumlahSatuanBM"
3411                              name="jumlahSatuanBmtp"
3412                              id="jumlah_satuan_bmtp"
3413                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
3414                              value={this.props.input.jumlah_satuan_bmtp}
3415                              style={this.props.input.jumlah_satuan_bmtp == null || this.props.input.jumlah_satuan_bmtp == "" ? style_b : style_a}
3416                              onChange={this.handleInputChange} />
3417                          ) : (
3418                            <input
3419                              disabled={this.state.unlock_tarif}
3420                              class="form-control txtJumlahSatuanBM"
3421                              name="jumlahSatuanBmtp"
3422                              id="jumlah_satuan_bmtp"
3423                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
3424                              //  value={this.props.input.jumlah_satuan_bmtp}
3425                              onChange={this.handleInputChange}
3426                              style={{}} />
3427                          ) : null}
3428                      </td>
3429                      <td colspan="2" class="tdSatuanBM">
3430                        <Select
3431                          disabled={this.state.unlock_tarif}
3432                          size={"large"}
3433                          showSearch
3434                          style={{ width: "100%" }}
3435                          allowClear={true}
3436                          //  value={this.props.input.kodeJumlahSatuanBmtp}
3437                          dropdownMatchSelectWidth={false}
3438                          optionFilterProp="children"
3439                          onChange={(value) => this.handleSatuanBmtp(value)}
3440                          onFocus={null}
3441                          onBlur={null}
3442                          onSearch={null}
3443                          filterOption={(input, option) =>
3444                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3445                          }
3446                        >
3447                          {satuan_barang_list.map((value, index) => {
3448                            return (
3449                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
3450                            )
3451                          }
3452                          )}
3453                        </Select>
3454                      </td>
3455
3456                    </tr>
3457
3458                  </tr>
3459
3460                ) : null}
3461              </td>
3462            </tr>
3463
3464          
3465            <div></div>
3466            <tr class="trBM {txtMasuk}" data-select2-id="65">
3467              <td class="pl-2" colspan="2">PPNS</td>
3468              <td>
3469              {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.kodeNegaraAsal != this.props.input.kodeNegaraAsal ? brgPenetapan.tarifPpn != null || brgPenetapan.tarifPpn != undefined ?
3470                  (
3471                    <Input size={"large"}
3472                      disabled={this.state.unlock_tarif}
3473                      class="form-control txtTarifBM"
3474                      name="tarif6"
3475                      id="ppn"
3476                      onChange={this.handleInputChange}
3477                      style={this.props.input.ppn == null || this.props.input.ppn == "" ? style_b : style_a}
3478                    />
3479                  ) : (
3480                    <Input size={"large"}
3481                      disabled={this.state.unlock_tarif}
3482                      class="form-control txtTarifBM"
3483                      name="tarif6"
3484                      id="ppn"
3485                      value={this.state.formData.tarifPpn.tarif != null && tarifPpn == null || tarifPpn == undefined ? this.state.formData.tarifPpn.tarif : this.props.datas.tarifPpn.tarif}
3486                      // value={"this.props.input.barang[0].hasil_pemeriksaan.ppn.tarif"}
3487                      // value={this.props.input.ppn}
3488                      onChange={this.handleInputChange}
3489                      style={{}} />
3490                  ) :(
3491                    <Input size={"large"}
3492                    disabled={this.state.unlock_tarif}
3493                    class="form-control txtTarifBM"
3494                    name="tarif6"
3495                    id="ppn"
3496                    value={this.state.formData.tarifPpn.tarif != null && this.props.datas2.tarifPpn == undefined || this.props.datas2.tarifPpn == null? this.state.formData.tarifPpn.tarif : this.props.datas2.tarifPpn.tarif}
3497                    onChange={this.handleInputChange}
3498                    style={{}} />
3499                  ) :null}
3500              </td>
3501              <td colspan="2" class="" width="200px" data-select2-id="64">
3502              {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.kodeNegaraAsal != this.props.input.kodeNegaraAsal ? brgPenetapan.tarifPpn != null || brgPenetapan.tarifPpn != undefined ?
3503              (
3504                <Select
3505                disabled={this.state.unlock_tarif}
3506                showSearch
3507                size={"large"}
3508                style={{ width: "100%" }}
3509                placeholder="-"
3510                optionFilterProp="children"
3511                onChange={(value)=>this.handleSelectPPN(value)}
3512                onFocus={onFocus}
3513                onBlur={onBlur}
3514                onSearch={onSearch}
3515                filterOption={(input, option) =>
3516                option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3517                }
3518                >
3519                {this.state.fasilitasTarif.map((value, index) => {
3520                              return (
3521                                <Option value={value.kodeFasilitasTarif}>
3522                                  {value.kodeFasilitasTarif} - {value.namaFasilitasTarif}</Option>
3523                
3524                              )
3525                            })}
3526                </Select>
3527              ):(
3528                <Select
3529                disabled={this.state.unlock_tarif}
3530                showSearch
3531                size={"large"}
3532                style={{ width: "100%" }}
3533                value={this.state.formData.tarifPpn.kodeJenisTarif != null  && tarifPpn == undefined || tarifPpn == null ? this.state.formData.tarifPpn.kodeJenisTarif : tarifPpn.kodeJenisTarif}
3534                optionFilterProp="children"
3535                onChange={(value)=>this.handleSelectPPN(value)}
3536                onFocus={onFocus}
3537                onBlur={onBlur}
3538                onSearch={onSearch}
3539                filterOption={(input, option) =>
3540                option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3541                }
3542                >
3543                {this.state.fasilitasTarif.map((value, index) => {
3544                              return (
3545                                <Option value={value.kodeFasilitasTarif}>
3546                                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
3547                
3548                              )
3549                            })}
3550                </Select>
3551              ):(
3552                <Select
3553                disabled={this.state.unlock_tarif}
3554                showSearch
3555                size={"large"}
3556                style={{ width: "100%" }}
3557                placeholder="-"
3558                value={this.state.formData.tarifPpn.kodeJenisTarif != null  && tarifPpn1 == undefined || tarifPpn1 == null ? this.state.formData.tarifPpn.kodeJenisTarif : tarifPpn1.kodeJenisTarif}
3559                // value={this.state.formData.kodeNegaraAsal != null ? this.state.formData.kodeNegaraAsal : this.props.datas2.kodeNegaraAsal}
3560                optionFilterProp="children"
3561                onChange={(value)=>this.handleSelectPPN(value)}
3562                onFocus={onFocus}
3563                onBlur={onBlur}
3564                onSearch={onSearch}
3565                filterOption={(input, option) =>
3566                option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3567                }
3568                >
3569                {this.state.fasilitasTarif.map((value, index) => {
3570                              return (
3571                                <Option value={value.kodeFasilitasTarif}>
3572                                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
3573                
3574                              )
3575                            })}
3576                </Select>
3577              ):null}
3578
3579
3580                <i></i>
3581              </td>
3582
3583              <td class="tdFasilitasTarifBM">
3584                {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.serippn != this.props.input.serippn ?
3585                  (
3586                    <Input size={"large"}
3587                      disabled={this.state.unlock_tarif}
3588                      class="form-control txtFasilitasTarifBM"
3589                      name="tarifFasilitas6"
3590                      id="serippn"
3591                      // value={"this.props.input.barang[0].hasil_pemeriksaan.ppn.nama"}
3592                      // value={this.props.input.serippn}
3593                      onChange={this.handleInputChange}
3594                      style={this.props.input.serippn == null || this.props.input.serippn == "" ? style_b : style_a}
3595                    />
3596                  ) : (
3597                    <Input size={"large"}
3598                      disabled={this.state.unlock_tarif}
3599                      class="form-control txtFasilitasTarifBM"
3600                      name="tarifFasilitas6"
3601                      id="serippn"
3602                      // value={"this.props.input.barang[0].hasil_pemeriksaan.ppn.nama"}
3603                      // value={this.props.input.serippn}
3604                      onChange={this.handleInputChange}
3605                      style={{}} />) : null}
3606              </td>
3607            </tr>
3608
3609
3610            <tr class="trBM {txtMasuk}" data-select2-id="65">
3611              <td class="pl-2" colspan="2" >PPNBM</td>
3612              <td>
3613                {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.ppnbm != this.props.input.ppnbm ?
3614                  (
3615                    <Input size={"large"}
3616                      disabled={this.state.unlock_tarif}
3617                      class="form-control txtTarifBM"
3618                      name="tarif7"
3619                      id="ppnbm"
3620                      // value={"this.props.input.barang[0].hasil_pemeriksaan.ppnbm.tarif"}
3621                      // value={this.props.input.ppnbm}
3622                      onChange={this.handleInputChange}
3623                      style={this.props.input.ppnbm == null || this.props.input.ppnbm == "" ? style_b : style_a}
3624                    />
3625                  ) : (
3626                    <Input size={"large"}
3627                      disabled={this.state.unlock_tarif}
3628                      class="form-control txtTarifBM"
3629                      name="tarif7"
3630                      id="ppnbm"
3631                      // value={"this.props.input.barang[0].hasil_pemeriksaan.ppnbm.tarif"}
3632                      // value={this.props.input.ppnbm}
3633                      onChange={this.handleInputChange}
3634                      style={{}} />
3635                  ) : null}
3636              </td>
3637              <td colspan="2" class="" width="200px" data-select2-id="64">
3638              <Select
3639disabled={this.state.unlock_tarif}
3640showSearch
3641size={"large"}
3642style={{ width: "100%" }}
3643placeholder="-"
3644optionFilterProp="children"
3645onChange={(value)=>this.handleSelectPPNBM(value)}
3646onFocus={onFocus}
3647onBlur={onBlur}
3648onSearch={onSearch}
3649filterOption={(input, option) =>
3650option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3651}
3652>
3653{this.state.fasilitasTarif.map((value, index) => {
3654              return (
3655                <Option value={value.kodeFasilitasTarif}>
3656                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
3657
3658              )
3659            })}
3660</Select>
3661
3662                <i></i>
3663              </td>
3664
3665              <td class="tdFasilitasTarifBM">
3666                {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.seriPpnbm != this.props.input.serippnbm ?
3667                  (
3668                    <Input size={"large"}
3669                      disabled={this.state.unlock_tarif}
3670                      class="form-control txtFasilitasTarifBM"
3671                      name="tarifFasilitas7"
3672                      id="serippnbm"
3673                      //value={"this.props.input.barang[0].hasil_pemeriksaan.ppnbm.nama"}
3674                      // value={this.props.input.serippnbm}
3675                      onChange={this.handleInputChange}
3676                      style={this.props.input.serippnbm == null || this.props.input.serippnbm == "" ? style_b : style_a}
3677                    />
3678                  ) : (
3679                    <Input size={"large"}
3680                      disabled={this.state.unlock_tarif}
3681                      class="form-control txtFasilitasTarifBM"
3682                      name="tarifFasilitas7"
3683                      id="serippnbm"
3684                      //value={"this.props.input.barang[0].hasil_pemeriksaan.ppnbm.nama"}
3685                      // value={this.props.input.serippnbm}
3686                      onChange={this.handleInputChange}
3687                      style={{}} />
3688                  ) : null}
3689              </td>
3690            </tr>
3691
3692            <tr class="trBM {txtMasuk}" data-select2-id="65">
3693              <td class="pl-2" colspan="2" >PPH</td>
3694              <td>
3695                {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.pph != this.props.input.pph ?
3696                  (
3697                    <Input size={"large"}
3698                      disabled={this.state.unlock_tarif}
3699                      class="form-control txtTarifBM"
3700                      name="tarif8"
3701                      id="pph"
3702                      // value={"this.props.current_data.barang[0].hasil_pemeriksaan.pph.tarif"}
3703                      // value={this.props.input.pph}
3704                      onChange={this.handleInputChange}
3705                      style={this.props.input.pph == null || this.props.input.pph == "" ? style_b : style_a}
3706                    />
3707                  ) : (
3708                    <Input size={"large"}
3709                      disabled={this.state.unlock_tarif}
3710                      class="form-control txtTarifBM"
3711                      name="tarif8"
3712                      id="pph"
3713                      // value={"this.props.current_data.barang[0].hasil_pemeriksaan.pph.tarif"}
3714                      // value={this.props.input.pph}
3715                      onChange={this.handleInputChange}
3716                      style={{}} />
3717                  ) : null}
3718              </td>
3719              <td colspan="2" class="" width="200px" data-select2-id="64">
3720              <Select
3721disabled={this.state.unlock_tarif}
3722showSearch
3723size={"large"}
3724style={{ width: "100%" }}
3725placeholder="-"
3726optionFilterProp="children"
3727onChange={(value)=>this.handleSelectPPH(value)}
3728onFocus={onFocus}
3729onBlur={onBlur}
3730onSearch={onSearch}
3731filterOption={(input, option) =>
3732option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3733}
3734>
3735{this.state.fasilitasTarif.map((value, index) => {
3736              return (
3737                <Option value={value.kodeFasilitasTarif}>
3738                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>
3739
3740              )
3741            })}
3742</Select>
3743                <i></i>
3744              </td>
3745
3746              <td class="tdFasilitasTarifBM">
3747                {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.seriPph != this.props.input.seripph ?
3748                  (
3749                    <Input size={"large"}
3750                      disabled={this.state.unlock_tarif}
3751                      class="form-control txtFasilitasTarifBM"
3752                      name="tarifFasilitas8"
3753                      id="seripph"
3754                      // value={"this.props.input.barang[0].hasil_pemeriksaan.pph.nama"}
3755                      // value={this.props.input.seripph}
3756                      onChange={this.handleInputChange}
3757                      style={this.props.input.seripph == null || this.props.input.seripph == "" ? style_b : style_a}
3758                    />
3759                  ) : (
3760                    <Input size={"large"}
3761                      disabled={this.state.unlock_tarif}
3762                      class="form-control txtFasilitasTarifBM"
3763                      name="tarifFasilitas8"
3764                      id="seripph"
3765                      // value={"this.props.input.barang[0].hasil_pemeriksaan.pph.nama"}
3766                      // value={this.props.input.seripph}
3767                      onChange={this.handleInputChange}
3768                      style={{}} />
3769                  ) : null}
3770              </td>
3771            </tr>
3772
3773            <tr class="trShowCukai">
3774              <td class="tdShowCukai" colspan="6">
3775                <a
3776                  className="btn btn-block" onClick={this.toggleCukai.bind(this)}
3777                  href="javascript:;"
3778                  id="btnShowCukai">
3779                  <i class="fa fa-plus"></i>
3780                  Cukai</a>
3781                {this.state.openmodalCukai ? (
3782                  <div id="demo">
3783                    <div>
3784
3785                      <tr class="trBM {txtMasuk}" data-select2-id="47">
3786                        <td class="pl-2" width="60px" rowspan="3">CUKAI</td>
3787                        <td class="pl-2" width="100px">Jenis Tarif</td>
3788                        <td colspan="2" data-select2-id="46">
3789                          <Select
3790                            disabled={this.state.unlock_tarif}
3791                            showSearch
3792                            size={"large"}
3793                            style={{ width: "100%" }}
3794                            placeholder="-"
3795                            optionFilterProp="children"
3796                            onChange={(value) => this.handleSelectCUKAI(value)}
3797                            // onChange={onchange}
3798                            onFocus={onFocus}
3799                            onBlur={onBlur}
3800                            onSearch={onSearch}
3801                            name="kodeJnsTarif1"
3802                            filterOption={(input, option) =>
3803                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3804                            }
3805                          >
3806                            {this.state.jenisTarif.map((value, index) => {
3807                              return (
3808                                <Option value={value.kodeJenisTarifBm}>
3809                                  {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>
3810
3811                              )
3812                            })}
3813                          </Select>
3814
3815                          <i></i>
3816                        </td>
3817                        <td class="pl-2" width="100px">Jns Cukai</td>
3818                        <td colspan="2" data-select2-id="46">
3819                          <Select
3820                            disabled={this.state.unlock_tarif}
3821                            showSearch
3822                            size={"large"}
3823                            style={{ width: "100%" }}
3824                            placeholder="-"
3825                            optionFilterProp="children"
3826                            onChange={(value) => this.handleSelectCUKAI2(value)}
3827                            onFocus={onFocus}
3828                            onBlur={onBlur}
3829                            onSearch={onSearch}
3830                            filterOption={(input, option) =>
3831                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3832                            }
3833                          >
3834                            {this.state.tarifSubKomuditi.map((value, index) => {
3835                              return (
3836                                <Option value={value.kodeKomoditiCukai}>{value.kodeKomoditiCukai} - {value.subkomoditiCukai}</Option>
3837                              )
3838                            }
3839                            )}
3840                          </Select>
3841                          <i></i>
3842                        </td>
3843                      </tr>
3844
3845                      <tr class="trBM {txtMasuk}" data-select2-id="65">
3846                        <td class="pl-2">Tarif Cukai</td>
3847                        <td>
3848                          {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.tarifCukai != this.props.input.tarif_cukai ?
3849                            (
3850                              <Input size={"large"}
3851                                disabled={this.state.unlock_tarif}
3852                                onChange={this.handleInputChange}
3853                                class="form-control txtTarifBM"
3854                                name="tarif9"
3855                                id="tarif_cukai"
3856                                //value={"this.props.current_data.barang[0].hasil_pemeriksaan.cukai.tarif"}
3857                                // value={this.props.input.tarif_cukai}
3858                                style={this.props.input.tarif_cukai == null || this.props.input.tarif_cukai == "" ? style_b : style_a}
3859                              />
3860                            ) : (
3861                              <Input size={"large"}
3862                                disabled={this.state.unlock_tarif}
3863                                onChange={this.handleInputChange}
3864                                class="form-control txtTarifBM"
3865                                name="tarif9"
3866                                id="tarif_cukai"
3867                                //value={"this.props.current_data.barang[0].hasil_pemeriksaan.cukai.tarif"}
3868                                // value={this.props.input.tarif_cukai}
3869                                style={{}} />
3870                            ) : null}
3871                        </td>
3872                        <td colspan="2" class="" width="200px" data-select2-id="64">
3873                        <Select
3874disabled={this.state.unlock_tarif}
3875showSearch
3876size={"large"}
3877style={{ width: "100%" }}
3878placeholder="-"
3879optionFilterProp="children"
3880onChange={(value)=>this.handleSelectCUKAI3(value)}
3881onFocus={onFocus}
3882onBlur={onBlur}
3883onSearch={onSearch}
3884filterOption={(input, option) =>
3885option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3886}
3887>
3888{this.state.fasilitasTarif.map((value, index) => {
3889              return (
3890                <Option value={value.kodeFasilitasTarif}>
3891                  {value.kodeFasilitasTarif} - {value.namaFasilitasTarif}</Option>
3892
3893              )
3894            })}
3895</Select>
3896                          <i></i>
3897                        </td>
3898
3899                        <td class="tdFasilitasTarifBM">
3900                          {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.namaCukai != this.props.input.nama_cukai ?
3901                            (
3902                              <Input size={"large"}
3903                                disabled={this.state.unlock_tarif}
3904                                class="form-control txtFasilitasTarifBM"
3905                                name="tarifFasilitas9"
3906                                id="nama_cukai"
3907                                // value={this.props.input.nama_cukai}
3908                                onChange={this.handleInputChange}
3909                                style={this.props.input.nama_cukai == null || this.props.input.nama_cukai == "" ? style_b : style_a}
3910                              />
3911                            ) : (
3912                              <Input size={"large"}
3913                                disabled={this.state.unlock_tarif}
3914                                class="form-control txtFasilitasTarifBM"
3915                                name="tarifFasilitas9"
3916                                id="nama_cukai"
3917                                // value={this.props.input.nama_cukai}
3918                                onChange={this.handleInputChange}
3919                                style={{}} />
3920                            ) : null}
3921                        </td>
3922                      </tr>
3923                      <tr class="trBM {txtMasuk}">
3924                        <td class="pl-2">Jumlah Satuan</td>
3925                        <td colspan="2" class="tdSatuanBM">
3926                          {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.jumlahSatuanCukai != this.props.input.jumlah_satuan_cukai ?
3927                            (
3928                              <Input size={"large"}
3929                                disabled={this.state.unlock_tarif}
3930                                class="form-control txtJumlahSatuanBM"
3931                                name="jumlahSatuanCukai"
3932                                id="jumlah_satuan_cukai"
3933                                onChange={this.handleInputChange}
3934                                value={this.props.input.jumlah_satuan_cukai}
3935                                style={this.props.input.jumlah_satuan_cukai == null || this.props.input.jumlah_satuan_cukai == "" ? style_b : style_a}
3936                              />
3937                            ) : (
3938                              <Input size={"large"}
3939                                disabled={this.state.unlock_tarif}
3940                                class="form-control txtJumlahSatuanBM"
3941                                name="jumlahSatuanCukai"
3942                                id="jumlah_satuan_cukai"
3943                                onChange={this.handleInputChange}
3944                                // value={this.props.input.jumlah_satuan_cukai}
3945                                style={{}} />
3946                            ) : null}
3947                        </td>
3948                        <td colspan="2" class="tdSatuanBM">
3949                        <Select
3950                  disabled={this.state.unlock_tarif}
3951                  size={"large"}
3952                  showSearch
3953                  style={{ width: "100%" }}
3954                  allowClear={true}
3955                  name="namaSatuanBarang0"
3956                  // value={this.props.input.jumlahSatuan}
3957                  dropdownMatchSelectWidth={false}
3958                  optionFilterProp="children"
3959                  onChange={(value) => this.handleKodeSatuanCukai(value)}
3960                  // onChange={this.handleInputChange}
3961                  onFocus={null}
3962                  onBlur={null}
3963                  onSearch={null}
3964                  filterOption={(input, option) =>
3965                    option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
3966                  }
3967                >
3968                  {satuan_barang_list.map((value, index) => {
3969                    return (
3970                      <Option name="namaSatuanBarang0" value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
3971                    )
3972                  }
3973                  )}
3974                </Select>
3975                        </td>
3976
3977                      </tr>
3978
3979                    </div>
3980                  </div>
3981
3982                ) : null}
3983
3984                {/* <div id="cukai" className={"collapse" + (this.state.openmodalCukai ? ' in' : '')}>
3985<div>      
3986<tr class="d-none trCukai">
3987<td class="pl-2" width="60px" rowspan="3">CUKAI</td>
3988<td class="pl-2" width="100px">Jenis Tarif</td>
3989<td colspan="2">
3990<select
3991class="form-control kt-select2 txtPerhitunganTarifCukai select2-hidden-accessible"
3992name="txtPerhitunganTarifCukai"
3993id="txtPerhitunganTarifCukai"
3994data-select2-id="txtPerhitunganTarifCukai"
3995tabindex="-1"
3996aria-hidden="true">
3997<option data-select2-id="32">-</option>
3998<option value="1">1 - Advalorum / Persentase</option>
3999<option value="2">2 - Spesifik</option>
4000</select>
4001<span
4002class="select2 select2-container select2-container--default"
4003dir="ltr"
4004data-select2-id="31"
4005style={{
4006width: "100%"
4007}}>
4008<span class="selection">
4009<span
4010class="select2-selection select2-selection--single"
4011role="combobox"
4012aria-haspopup="true"
4013aria-expanded="false"
4014tabindex="0"
4015aria-labelledby="select2-txtPerhitunganTarifCukai-container">
4016<span
4017class="select2-selection__rendered"
4018id="select2-txtPerhitunganTarifCukai-container"
4019role="textbox"
4020aria-readonly="true"
4021title="-">-</span>
4022<span class="select2-selection__arrow" role="presentation">
4023<b role="presentation"></b>
4024</span>
4025</span>
4026</span>
4027<span class="dropdown-wrapper" aria-hidden="true"></span>
4028</span>
4029<i></i>
4030</td>
4031<td class="text-right pr-2" width="80px">Jns.Cukai</td>
4032<td>
4033<Select
4034showSearch
4035size={"large"}
4036style={{ width: "100%" }}
4037placeholder="-"
4038optionFilterProp="children"
4039onChange={onChange}
4040onFocus={onFocus}
4041onBlur={onBlur}
4042onSearch={onSearch}
4043filterOption={(input, option) =>
4044option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
4045}
4046>
4047<Option value="">{this.props.cu
4048
4049ent_data.barang[0].hasil_pemeriksaan.bmad.kode}</Option>
4050
4051</Select>
4052<i></i>
4053</td>
4054</tr>
4055
4056</div>
4057</div> */}
4058              </td>
4059            </tr>
4060
4061            {/* <tr class="trShowCukai d-none">
4062<td class="tdShowCukai" colspan="6">
4063<a
4064class="btn btn-outline-hover-danger btn-block btn-sm btnShowCukai"
4065href="javascript:;"
4066id="btnHideCukai">
4067<i class="fa fa-minus"></i>
4068Cukai</a>
4069</td>
4070</tr> */}
4071
4072
4073
4074            <tr class="d-none trCukai">
4075              <td class="pl-2">Tarif Cukai</td>
4076              <td>
4077                <input
4078                  disabled={this.state.unlock_tarif}
4079                  onChange={this.handleInputChange}
4080
4081                  class="form-control txtTarifCukai"
4082                  name="txtTarifCukai"
4083                  id="txtTarifCukai"
4084
4085                  style={{
4086                    padding: "6px 5px"
4087                  }} /></td>
4088              <td colspan="2" class="" width="200px">
4089                <select
4090                  disabled={this.state.unlock_tarif}
4091                  class="form-control kt-select2 txtKdJenisFasilitasTarifCukai select2-hidden-accessible"
4092                  name="txtKdJenisFasilitasTarifCukai"
4093                  id="txtKdJenisFasilitasTarifCukai"
4094                  data-select2-id="txtKdJenisFasilitasTarifCukai"
4095                  tabindex="-1"
4096                  aria-hidden="true">
4097                  <option data-select2-id="36">-</option>
4098                  <option value="DBY">DBY - Dibayar</option>
4099                  <option value="DTP">DTP - Ditanggung Pemerintah</option>
4100                  <option value="DTG">DTG - Ditangguhkan</option>
4101                  <option value="TDP">TDP - Tidak Dipungut</option>
4102                  <option value="BBS">BBS - Dibebaskan</option>
4103                </select>
4104                <span
4105                  class="select2 select2-container select2-container--default"
4106                  dir="ltr"
4107                  data-select2-id="35"
4108                  style={{
4109                    width: "100%"
4110                  }}>
4111                  <span class="selection">
4112                    <span
4113                      class="select2-selection select2-selection--single"
4114                      role="combobox"
4115                      aria-haspopup="true"
4116                      aria-expanded="false"
4117                      tabindex="0"
4118                      aria-labelledby="select2-txtKdJenisFasilitasTarifCukai-container">
4119                      <span
4120                        class="select2-selection__rendered"
4121                        id="select2-txtKdJenisFasilitasTarifCukai-container"
4122                        role="textbox"
4123                        aria-readonly="true"
4124                        title="-">-</span>
4125                      <span class="select2-selection__arrow" role="presentation">
4126                        <b role="presentation"></b>
4127                      </span>
4128                    </span>
4129                  </span>
4130                  <span class="dropdown-wrapper" aria-hidden="true"></span>
4131                </span>
4132                <i></i>
4133              </td>
4134              <td class="tdFasilitasTarifCukai">
4135                <input
4136                  disabled={this.state.unlock_tarif}
4137                  class="form-control txtFasilitasTarifCukai"
4138                  name="txtFasilitasTarifCukai"
4139                  id="txtFasilitasTarifCukai"
4140
4141                  style={{
4142                    padding: "6px 5px"
4143                  }} /></td>
4144            </tr>
4145            <tr class="d-none trCukai">
4146              <td class="pl-2">Jumlah Satuans</td>
4147              <td colspan="2" class="tdSatuanCukai">
4148                <input
4149                  disabled={this.state.unlock_tarif}
4150                  class="form-control txtJumlahSatuanCukai"
4151                  name="txtJumlahSatuanCukai"
4152                  id="txtJumlahSatuanCukai"
4153
4154                  style={{
4155                    padding: "6px 5px"
4156                  }} /></td>
4157              <td colspan="2" class="tdSatuanCukai">
4158
4159                <span
4160                  class="select2 select2-container select2-container--default"
4161                  dir="ltr"
4162                  data-select2-id="37"
4163                  style={{
4164                    width: "100%"
4165                  }}>
4166                  <span class="selection">
4167                    <span
4168                      class="select2-selection select2-selection--single"
4169                      role="combobox"
4170                      aria-haspopup="true"
4171                      aria-expanded="false"
4172                      tabindex="0"
4173                      aria-labelledby="select2-txtKdSatuanCukai-container">
4174                      <span
4175                        class="select2-selection__rendered"
4176                        id="select2-txtKdSatuanCukai-container"
4177                        role="textbox"
4178                        aria-readonly="true"
4179                        title="-">-</span>
4180                      <span class="select2-selection__arrow" role="presentation">
4181                        <b role="presentation"></b>
4182                      </span>
4183                    </span>
4184                  </span>
4185                  <span class="dropdown-wrapper" aria-hidden="true"></span>
4186                </span>
4187                <i></i>
4188              </td>
4189            </tr>
4190
4191          </tbody>
4192        </table>
4193      </div>
4194    </fieldset>
4195
4196    <fieldset data-select2-id="49">
4197      <legend
4198        style={{
4199          marginBottom: "5px"
4200        }}></legend>
4201      <div class="">
4202        <table id="tblHarga" class="table-bordered table-hover table-condensed col-xl-12 px-0">
4203          <tbody>
4204            <tr class="">
4205              <td class="pl-2">Jml.Jns.Kemasan</td>
4206              <td>
4207                {brgPemberitahuan != null || brgPemberitahuan != undefined || brgPemberitahuan != "" ? brgPemberitahuan.jumlahKemasan != this.props.input.cif_barang ? brgPenetapan != null || brgPenetapan != undefined ?
4208                  (
4209                    <Input
4210                      name="jumlahKemasan"
4211                      disabled={this.state.unlock_tarif}
4212                      onChange={this.handleInputChange}
4213                      // value={this.state.formData.jumlahKemasan != null ? this.state.formData.jumlahKemasan  : this.props.datas.jumlahKemasan}
4214                      placeholder=""
4215                      style={this.props.input.jumlahKemasan == null || this.props.input.jumlahKemasan == "" ? style_b : style_a}
4216                      size={"large"} />
4217                  ) : (
4218                    <Input
4219                      name="jumlahKemasan"
4220                      disabled={this.state.unlock_tarif}
4221                      onChange={this.handleInputChange}
4222                      value={this.state.formData.jumlahKemasan != null ? this.state.formData.jumlahKemasan  : this.props.datas.jumlahKemasan}
4223                      placeholder=""
4224                      size={"large"} />
4225                  ) :(
4226                    <Input
4227                    name="jumlahKemasan"
4228                    disabled={this.state.unlock_tarif}
4229                    onChange={this.handleInputChange}
4230                    value={this.state.formData.jumlahKemasan != null ? this.state.formData.jumlahKemasan  : this.props.datas2.jumlahKemasan}
4231                    placeholder=""
4232                    size={"large"} />
4233                  ) : null}
4234              </td>
4235              <td className="selectWidth">
4236          
4237              <Select
4238                disabled={this.state.unlock_tarif}
4239                size={"large"}
4240                className="selectWidth"
4241                showSearch
4242                allowClear={true}
4243                value={this.state.formData.kodeJenisKemasan != null ? this.state.formData.kodeJenisKemasan && this.state.isUpdate == false ? this.state.formData.kodeJenisKemasan : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeJenisKemasan}` : this.state.formData.kodeJenisKemasan || this.props.datas2.kodeJenisKemasan}
4244                dropdownMatchSelectWidth={false}
4245                optionFilterProp="children"
4246                onChange={(value) => this.handleKemasan(value)}
4247                onFocus={null}
4248                onBlur={null}
4249                onSearch={null}
4250                filterOption={(input, option) =>
4251                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
4252                }
4253              >
4254                {kemasan_list.map((value, index) => {
4255                  return (
4256                    <Option value={value.kodeKemasan}>{value.namaKemasan}</Option>
4257                  )
4258                }
4259                )}
4260                </Select>
4261         <i></i>
4262              </td>
4263              <td class="labelNilaiPabean pl-2">Netto</td>
4264                     <Input
4265                      name="netto"
4266                      disabled={this.state.unlock_tarif}
4267                      onChange={this.handleInputChange}
4268                      value={this.state.formData.namaValuta != null ? this.state.formData.netto && this.state.isUpdate == false ? this.state.formData.netto : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.netto}` : this.state.formData.netto || this.props.datas2.netto}
4269                      onChange={this.handleInputChange}
4270                      size={"large"}
4271                      style={this.props.input.netto == null || this.props.input.netto == "" ? style_b : style_a}
4272                      placeholder="" />
4273              <td>
4274              </td>
4275            </tr>
4276            <tr>
4277              <td class="pl-2">Jumlah Satuan</td>
4278              <td class="">
4279                      <Input
4280                      name="jumlahSatuan"
4281                      disabled={this.state.unlock_tarif}
4282                      onChange={this.handleInputChange}
4283                      value={this.state.formData.jumlahSatuan != null ? this.state.formData.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.jumlahSatuan : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.jumlahSatuan}` : this.state.formData.jumlahSatuan || this.props.datas2.jumlahSatuan}
4284                      size={"large"}
4285                      style={this.props.input.jumlah_satuan == null || this.props.input.jumlah_satuan == "" ? style_b : style_a}
4286                      placeholder="" />
4287              </td>
4288              <td colspan="2" class="text-right pr-2">Sat. Harga</td>
4289              <td className="selectWidth">
4290              <Select
4291                    disabled={this.state.unlock_tarif}
4292                    size={"large"}
4293                    className="selectWidth"
4294                    showSearch
4295                    allowClear={true}
4296                    value={this.state.formData.kodeSatuanBarang != null ? this.state.formData.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.kodeSatuanBarang : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeSatuanBarang}` : this.state.formData.kodeSatuanBarang || this.props.datas2.kodeSatuanBarang}
4297                    // value={this.props.input.hargaSatuan}
4298                    dropdownMatchSelectWidth={false}
4299                    // placeholder="Cari negara..."
4300                    optionFilterProp="children"
4301                    onChange={(value) => this.handleSatuan(value)}
4302                    onFocus={null}
4303                    onBlur={null}
4304                    onSearch={null}
4305                    filterOption={(input, option) =>
4306                      option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
4307                    }
4308                  >
4309                    {satuan_barang_list.map((value, index) => {
4310                      return (
4311                        <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
4312                      )
4313                    }
4314                    )}
4315                  </Select>
4316          <i></i>
4317              </td>
4318            </tr>
4319            <tr class="">
4320              <td class="pl-2">Harga Satuan</td>
4321              <td>
4322                      <Input
4323                      name="hargaSatuan"
4324                      disabled={this.state.unlock_tarif}
4325                      onChange={this.handleInputChange}
4326                      value={hargaTotal1 || hargaTotal || ""}
4327                      size={"large"}
4328                      style={this.props.input.harga_satuan == null || this.props.input.harga_satuan == "" ? style_b : style_a}
4329                      placeholder="" />
4330          
4331              </td>
4332              <td className="selectWidth">
4333                <Select
4334                  disabled={this.state.unlock_tarif}
4335                  size={"large"}
4336                  showSearch
4337                  className="selectWidth"
4338                  optionFilterProp="children"
4339                  value={this.state.formData.namaValuta != null ? this.state.formData.namaValuta && this.state.isUpdate == false ? this.state.formData.namaValuta : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.namaValuta}` : this.state.formData.namaValuta || this.props.datas2.namaValuta}
4340                  onChange={(value)=>this.handleValuta(value)}
4341                  onFocus={onFocus}
4342                  onBlur={onBlur}
4343                  onSearch={onSearch}
4344                  filterOption={(input, option) =>
4345                    option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
4346                  }
4347                >
4348                   {this.state.dataValuta.map((value, index) => {
4349                  return (
4350                  <Option value={value.kodeValuta}> {value.namaValuta}</Option>
4351                  )
4352                }
4353                )}
4354                </Select>
4355                <i></i>
4356              </td>
4357              <td class="labelNilaiPabean pl-2">CIF</td>
4358              <td>
4359                      <Input
4360                      name="cif"
4361                      disabled={this.state.unlock_tarif}
4362                      onChange={this.handleInputChange}
4363                      value={this.state.formData.cif != null ? this.state.formData.cif && this.state.isUpdate == false ? this.state.formData.cif : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.cif}` : this.state.formData.cif || this.props.datas2.cif}
4364                      size={"large"}
4365                      // value={this.state.formData.cif != null ? this.state.formData.cif : this.props.datas.cif}
4366                      style={this.props.input.cif_barang == null || this.props.input.cif_barang == "" ? style_b : style_a}
4367                      placeholder="" />
4368             
4369              </td>
4370            </tr>
4371          </tbody>
4372        </table>
4373        {
4374          this.state.showListKesalahan ?(
4375            <div>
4376              <table class="table mt-4">
4377              <thead>
4378                <tr>
4379                  <th scope="col" class="text-right">SERI SALAH</th>
4380                  <th scope="col">URAIAN KESALAHAN</th>
4381                  <th scope="col">KETERANGAN</th>
4382                </tr>
4383              </thead>
4384              <tbody>
4385
4386              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "1") ? (
4387                
4388                <tr>
4389                  <th scope="row" class="text-right">1</th>
4390                  <td class="text-left">01 - PEMBEBANAN</td>
4391                  <td>-</td>
4392                </tr>
4393              
4394              ) : null }
4395              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "2") ? (
4396
4397                  <tr>
4398                      <th scope="row" class="text-right">2</th>
4399                      <td class="text-left">02 - JENIS</td>
4400                      <td>POTENSI DENDA</td>
4401                  </tr>
4402              
4403              ) : null }
4404              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "3") ? (
4405                <tr>
4406                  <th scope="row" class="text-right">3</th>
4407                  <td class="text-left">03 - JUMLAH</td>
4408                  <td>POTENSI DENDA</td>
4409               </tr>
4410              
4411              ) : null }
4412              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "4") ? (
4413             <tr>
4414                  <th scope="row" class="text-right">4</th>
4415                  <td class="text-left">04 - HARGA</td>
4416                  <td>POTENSI DENDA</td>
4417             </tr>
4418              ) : null }
4419              </tbody>
4420            </table>
4421            </div>
4422          ) : null
4423        }
4424        {
4425          this.props.datas2.statusPfpdBarang === "I" ?
4426          (
4427            <div>
4428              <table class="table mt-4">
4429             <thead>
4430                <tr>
4431                  <th scope="col" class="text-right">SERI SALAH</th>
4432                  <th scope="col">URAIAN KESALAHAN</th>
4433                  <th scope="col">KETERANGAN</th>
4434                </tr>
4435              </thead>
4436              <tbody>
4437              {this.props.listKesalahan.map((value, index) => {
4438                return(
4439                  <tr>
4440              <th scope="row" class="text-right">{value.seriKesalahan}</th>
4441                <td class="text-left">{value.kodeSalah} - {value.namaJenisKesalahan}</td>
4442                <td>{value.flagDenda}</td>
4443                 </tr>
4444                )
4445                })}
4446              </tbody>
4447              </table>
4448
4449            </div>
4450
4451          ):
4452            null
4453        }
4454    
4455      </div>
4456    </fieldset>
4457    <br />
4458    <div>
4459      {/*<DataGrid
4460dataSource={data}
4461showBorders={false}
4462selection={{ mode: 'single' }}
4463hoverStateEnabled={true}
4464allowColumnReordering={true}
4465onSelectionChanged={this.onSelectionChanged}>
4466<Column
4467dataField={'seriSalah'}
4468caption={'SERI SALAH'}/>
4469
4470<Column
4471dataField={'uraianKesalahan'}
4472caption={'URAIAN KESALAHAN'} />
4473
4474<Column
4475dataField={'keterangan'}
4476caption={'KETERANGAN'} />
4477
4478</DataGrid>*/}
4479    </div>
4480    </form>
4481</Spin>
4482</Skeleton>
4483    <Modal
4484      title="Tambah Data Surat Pemberitahuan Barang Larangan/pembatasan (SPBL)"
4485      visible={this.state.spbl}
4486      footer={[
4487        <Button key="back" onClick={this.handleCancel}>
4488          Tutup
4489</Button>,
4490        <Button key="submit" type="primary" onClick={this.onsubmit}>
4491          Simpan
4492          
4493</Button>,
4494      ]}
4495    >
4496      <Row gutter={8} className="mb-3" style={{ borderWidth: '1' }}>
4497        <Col span={8}>
4498          <strong>
4499            Pemberitahuan
4500</strong>
4501        </Col>
4502        <Col span={16}>
4503          <Input
4504            type="text"
4505            name="pemberitahuan"
4506            onChange={this.onFormChange}
4507          />
4508        </Col>
4509      </Row>
4510    
4511
4512      <Row gutter={8} className="mb-3" style={{ borderWidth: '1' }}>
4513        <Col span={8}>
4514          <strong>
4515            Penetapan
4516</strong>
4517        </Col>
4518        <Col span={16}>
4519          <Input
4520            type="text"
4521            name="penetapan"
4522            onChange={this.onFormChange} />
4523        </Col>
4524      </Row>
4525
4526      <Row gutter={8} className="mb-3" style={{ borderWidth: '1' }}>
4527        <Col span={8}>
4528          <strong>
4529            Ketentuan LARTAS
4530</strong>
4531        </Col>
4532        <Col span={16}>
4533          <Input
4534            type="text"
4535            name="lartas"
4536            onChange={this.onFormChange} />
4537        </Col>
4538      </Row>
4539
4540    </Modal>
4541
4542    <Modal
4543      title="Daftar Barang"
4544      visible={this.state.modalBarang}
4545      footer={false}
4546      onCancel={this.handleCancel}
4547      width={630}
4548    >
4549      <TabelKonversi onSelect={this.handleCancel} updateButtonStatus={() => this.toogleUpdateButtonStatus()} />
4550
4551    </Modal>
4552    <Modal
4553      title="Rekam Risalah Penelitian Nilai Pabean dan/atau Tarif"
4554      visible={this.state.modalLPPT}
4555      footer={[
4556        <Button key="back" onClick={this.handleCancel}>
4557          Tutup
4558</Button>,
4559      ]}
4560      onCancel={this.handleCancel}
4561     width={1280}
4562 
4563    >
4564   
4565<RekamLPPT/>
4566    </Modal>
4567
4568
4569  </div>
4570
4571  );
4572}
4573}
4574
4575const mapStateToProps = (state) => ({
4576pfpd: state.pfpd || [],
4577negara: state.negara || [],
4578tarif_sub_komoditi_cukai: state.tarif_sub_komoditi_cukai || [],
4579satuan_barang: state.satuan_barang || [],
4580kemasan: state.kemasan || [],
4581current_data: state.pfpd.current_data || {},
4582input: state.core.input || {},
4583seri_barang: state.pfpd.max_seri_brg,
4584datas: state.pfpd.barang_pemberitahuan,
4585datas2 : state.pfpd.barang_penetapan,
4586cekBmt: state.pfpd.cek_bmt,
4587kodeDokumen: state.pfpd.dokumen_pabean || [],
4588isLoad : state.pfpd.pfpdLoadingPenetapan,
4589listKesalahan : state.pfpd.list_kesalahan || false
4590
4591});
4592
4593const mapDispatchToProps = {
4594setLoadingPenetapan,
4595getMaxSeriBarangPFPD,
4596setInput,
4597setMultiInput,
4598resetInput,
4599resetBarangPemberitahuanPFPD,
4600resetBarangPenetapanPFPD,
4601getBarangPemberitahuanPFPD,
4602getBarangPenetapanPFPD,
4603getSatuanBarang,
4604getKemasan,
4605getTarifSubKomoditiCukai,
4606getCekBmtPFPD,
4607getBMTPFPD,
4608getDokumenPabeanPFPD,
4609getListBarangPFPD,
4610getListKesalahanPFPD
4611};
4612
4613export default connect(mapStateToProps, mapDispatchToProps)(HasilPemeriksaan);