196 lines
5.5 KiB
JavaScript
196 lines
5.5 KiB
JavaScript
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
|
|
}))
|
|
}) |