From c055fe8958a6bf6d44a28f1a5bf292d8e1a619b8 Mon Sep 17 00:00:00 2001 From: sindhu Date: Tue, 25 Mar 2025 08:46:32 +0700 Subject: [PATCH] step 45 : list data di master data --- v1/js/master_data.js | 196 +++++++++++++++++++++++++++ v1/master_data.html | 306 ++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 501 insertions(+), 1 deletion(-) create mode 100644 v1/js/master_data.js diff --git a/v1/js/master_data.js b/v1/js/master_data.js new file mode 100644 index 0000000..702301b --- /dev/null +++ b/v1/js/master_data.js @@ -0,0 +1,196 @@ +document.addEventListener('alpine:init', () => { + Alpine.data('masterData', () => ({ + // 0. Init dijalankan sebelum inisialisasi + init() { + this.filteredItemAssay = [...this.dataAssay]; + }, + // 1. Inisialisasi Start + // multiple select + openAssayAdd: false, + searchAssay: "", + selectedAssay: [], + dataAssay: [ + { + idAssay: 1, + namaAssay: 'Xn500' + }, + { + idAssay: 2, + namaAssay: 'HGB' + }, + { + idAssay: 3, + namaAssay: 'WBC' + }, + { + idAssay: 4, + namaAssay: 'RBC' + }, + { + idAssay: 5, + namaAssay: 'PLT' + }, + ], + filteredItemAssay: [], + filterItemAssay() { + this.filteredItemAssay = this.dataAssay.filter(item => + item.namaAssay.toLowerCase().includes(this.searchAssay.toLowerCase()) + ); + }, + + addItemAssay(item) { + if (!this.selectedAssay.some(p => p.idAssay === item.idAssay)) { + this.selectedAssay.push(item); + this.objForm.Assay.push(item); + } + this.searchAssay = ""; + this.filterItemAssay(); + }, + + removeItemAssay(index) { + this.selectedAssay.splice(index, 1); + }, + + // multiple select + dataMaster: [ + { + idMaster: 1, + kode: 'A04', + namaPemeriksaan: 'Darah Lengkap', + harga: '50.000', + pemeriksaanStr: 'Xn500, HCB, WBC, RBC, PLT', + dataAssay: [ + { + idAssay: 1, + namaAssay: 'Xn500' + }, + { + idAssay: 2, + namaAssay: 'HGB' + }, + { + idAssay: 3, + namaAssay: 'WBC' + }, + { + idAssay: 4, + namaAssay: 'RBC' + }, + { + idAssay: 5, + namaAssay: 'PLT' + }, + ], + }, + ], + showDialogAdd: false, + kodeAdd: '', + namaAdd: '', + hargaAdd: '', + formAddArray: [ + { + idForm: 1, + selectedInstrument: {}, + selectedAssay: [] + } + ], + showDialogEdit: false, + objForm: { + nama: '', + kode: '', + harga: '', + dataAssay: [], + }, + objFormEdit: { + nama: '', + kode: '', + harga: '', + dataAssay: [], + }, + // 1. Inisialisasi End + // 2. Fungsi Start + formAddDetail(){ + const lastId = this.formAddArray[this.formAddArray. length - 1]; + this.formAddArray = this.formAddArray.push([{ + idForm: lastId + 1, + selectedInstrument: {}, + selectedAssay: [] + }]) + }, + closeDialog() { + this.AssayAdd = [] + this.filteredItemAssay = [] + this.selectedAssay = [] + this.kodeAdd = '' + this.namaAdd = '' + this.hargaAdd = '' + this.objForm = { + nama: '', + kode: '', + harga: '', + dataAssay: [], + } + this.showDialogAdd = false + }, + onChangeInstrumentSearch(item) { + this.openInstrumentSearch = false; + this.selectedInstrument = item; + }, + onChangeInstrument(item) { + this.openInstrument = false; + this.selectedInstrumentAdd = item; + }, + onChangeInstrumentEdit(item) { + this.openInstrument = false; + this.selectedInstrumentEdit = item; + }, + onChangeNamaAdd() { + this.objForm.nama = this.namaAdd; + }, + onChangeNamaEdit() { + this.objFormEdit.nama = this.e_nama; + }, + onChangeKodeAdd() { + this.objForm.kode = this.kodeAdd; + }, + onChangeKodeEdit() { + this.objFormEdit.kode = this.e_kode; + }, + onChangeHargaAdd() { + this.objForm.harga = this.hargaAdd; + }, + onChangeHargaAdd() { + this.objFormEdit.harga = this.e_harga; + }, + onChangeInstrumentMobile(item) { + this.openInstrumentSearchMobile = false; + // this.selectedInstrument = item; + this.selectedInstrument = { ...item }; + }, + openModalEdit(item) { + // mrn + this.e_mrn = item.mrn + + // sid + this.e_sid = item.sid + + // name + this.e_name = item.name + + // multiple pemeriksaan + this.e_selectedPemeriksaan = [...item.dataPemeriksaan]; + this.e_filteredPemeriksaan = [...this.dataPemeriksaan]; + + this.showDialogEdit = !this.showDialogEdit; + }, + closeDialogEdit() { + this.showDialogEdit = !this.showDialogEdit; + }, + editMobilePage(item) { + var json = JSON.stringify(item); + localStorage.setItem('itemEditMobile', json) + window.location.href = "order_mobile_edit.html"; + }, + // 2. Fungsi End + })) +}) \ No newline at end of file diff --git a/v1/master_data.html b/v1/master_data.html index a80151d..618bbe2 100644 --- a/v1/master_data.html +++ b/v1/master_data.html @@ -1 +1,305 @@ -ini master data page \ No newline at end of file + + + + + + + Master Data XPORT + + + + + + + + + + +
+ + +
+ +

Port Server

+
+ + + + + + +
+ + + +
+ +
+
+ + +
+ +
+
+
+
+ + +
+ + + + +
+
+ +
+ +
+

add

+
+ +
+
+ + + + +
+ + + + + +
+ + + + + +
+ + + + + + + + + + + + + + +
AlatAssay + +
+ +
+
+ +
+
+ + + +
+ + +
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file