adib/fe-accone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature: po pay downpayment

Browse Source
This commit is contained in:
adibwp
2026-07-20 13:14:28 +07:00
parent dd5f0b6ab4
commit d92fb57751
64 changed files with 6166 additions and 1739 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
test/vuex/acc-one-po-asset/components/form-kontrak-asset.vue
View File

@@ -3,7 +3,7 @@
<v-layout row wrap>
<v-flex xs3 pa-1>
<v-text-field v-model="form_kontrak.nama_kontrak" hide-details outline label="Nama Kontrak"
placeholder="masukan nama kontrak"></v-text-field>
placeholder="masukan nama kontrak" :readonly="viewonlymode"></v-text-field>
</v-flex>
<v-flex xs3 pa-1>
<v-menu v-model="menuKontrakDate" offset-y lazy min-width="290px" transition="scale-transition"
@@ -13,7 +13,7 @@
label="Tanggal Kontrak"></v-text-field>
</template>
<v-date-picker v-model="form_kontrak.tanggal_kontrak" no-title
@input="menuKontrakDate = false"></v-date-picker>
@input="menuKontrakDate = false" :readonly="viewonlymode"></v-date-picker>
</v-menu>
</v-flex>
<v-flex xs3 pa-1>
@@ -24,7 +24,7 @@
label="Tanggal Mulai Kontrak" readonly></v-text-field>
</template>
<v-date-picker v-model="form_kontrak.tanggalAwal_kontrak" no-title
@input="menuKontrakStartdate = false"></v-date-picker>
@input="menuKontrakStartdate = false" :readonly="viewonlymode"></v-date-picker>
</v-menu>
</v-flex>
<v-flex xs3 pa-1>
@@ -35,7 +35,7 @@
label="Tanggal Akhir Kontrak" readonly></v-text-field>
</template>
<v-date-picker v-model="form_kontrak.tanggalAkhir_kontrak" no-title
@input="menuKontrakEnddate = false"></v-date-picker>
@input="menuKontrakEnddate = false" :readonly="viewonlymode"></v-date-picker>
</v-menu>
</v-flex>
</v-layout>
@@ -47,26 +47,32 @@
</v-flex>
<v-flex xs2 pa-1>
<v-text-field v-model="form_kontrak.jumlah_cicilan" hide-details placeholder="1" outline
label="Jumlah Cicilan"></v-text-field>
label="Jumlah Cicilan" :readonly="viewonlymode"></v-text-field>
</v-flex>
<v-flex xs2 pa-1>
<v-text-field v-model="form_kontrak.tanggalBayar_cicilan" hide-details placeholder="1" outline
label="Tanggal Bayar Cicilan"></v-text-field>
label="Tanggal Bayar Cicilan" :readonly="viewonlymode"></v-text-field>
</v-flex>
<v-flex xs2 pa-1>
<v-text-field v-model="form_kontrak.besarNilai_cicilan" hide-details label="Besar Bayar Cicilan"
placeholder="0" prefix="Rp." outline></v-text-field>
<v-text-field v-model="form_kontrak.besarNilai_cicilan"
placeholder="0" prefix="Rp." outline hide-details :readonly="viewonlymode"
@blur="handleBlur(form_kontrak, 'cicil')" label="Besar Bayar Cicilan"
@focus="handleFocus(form_kontrak, 'cicil')"></v-text-field>
</v-flex>
<v-flex xs1 pa-1>
<v-autocomplete :items="['nominal', 'persen']" label="Tipe Nilai"
<v-autocomplete :items="['nominal', 'percent']" label="Tipe Nilai" :readonly="viewonlymode"
v-model="form_kontrak.type_downpayment" hide-details @input="changeTypeAmount('DP')"
outline></v-autocomplete>
@change="$store.dispatch('orderAsset/recalculateOrderSummary')" outline></v-autocomplete>
</v-flex>
<v-flex xs3 pa-1>
<v-text-field v-if="form_kontrak.type_downpayment == 'persen'" label="Jumlah Uang Muka" hide-details
v-model="form_kontrak.besarNilai_downpayment" placeholder="0" suffix="%" outline></v-text-field>
<v-text-field v-else label="Jumlah Uang Muka" hide-details placeholder="0" prefix="Rp." outline
v-model="form_kontrak.besarNilai_downpayment"></v-text-field>
<v-text-field v-if="form_kontrak.type_downpayment == 'percent'" label="Jumlah Uang Muka" hide-details
v-model="form_kontrak.besarNilai_downpayment" placeholder="0" suffix="%" outline :readonly="viewonlymode"
@input="$store.dispatch('orderAsset/recalculateOrderSummary')"></v-text-field>
<v-text-field v-else label="Jumlah Uang Muka" hide-details placeholder="0"
v-model="form_kontrak.besarNilai_downpayment" prefix="Rp." outline
@input="$store.dispatch('orderAsset/recalculateOrderSummary')"
@blur="handleBlur(form_kontrak, 'dp')" :readonly="viewonlymode"
@focus="handleFocus(form_kontrak, 'dp')"></v-text-field>
</v-flex>
</v-layout>
</div>
@@ -82,9 +88,6 @@ module.exports = {
};
},
computed: {
supplier_list() {
return [];
},
form_kontrak: {
get() {
return this.$store.state.kontrakAsset.form_kontrak
@@ -102,6 +105,9 @@ module.exports = {
formattedEnddateKontrak() {
return this.formatDate(this.form_kontrak.tanggalAkhir_kontrak);
},
viewonlymode() {
return this.$store.state.common.viewonlymode;
}
},
methods: {
formatDate(date) {
@@ -120,15 +126,69 @@ module.exports = {
return Math.max(months, 1);
},
updateDurasiCicilan() {
const form = this.form_kontrak;
if (!form.tanggalAwal_kontrak || !form.tanggalAkhir_kontrak) return;
form.durasi_cicilan = this.countMonths(
form.tanggalAwal_kontrak,
form.tanggalAkhir_kontrak
);
this.form_kontrak = form;
},
changeTypeAmount(name) {
let form = this.form_kontrak;
if (name == 'DP') {
form.jumlah_downpayment = 0;
form.besarNilai_downpayment = 0;
}
}
this.$store.dispatch('orderAsset/recalculateOrderSummary');
},
formatCurrency(value) {
const num = parseFloat(value);
if (isNaN(num)) return 0;
return num.toFixed(2).replace('.', ',').replace(/\B(?=(\d{3})+(?!\d))/g, ".");
},
parseCurrency(value) {
let cleanValue = String(value).replace(/\./g, '');
cleanValue = cleanValue.replace(',', '.');
return parseFloat(cleanValue) || 0;
},
handleFocus(item, field) {
if (field == 'dp') {
const currprice = item.besarNilai_downpayment;
const parsedprice = this.parseCurrency(currprice);
item.besarNilai_downpayment = parsedprice;
}
if (field == 'cicil') {
const currdisc = item.besarNilai_cicilan;
const parseddisc = this.parseCurrency(currdisc);
item.besarNilai_cicilan = parseddisc;
}
},
handleBlur(item, field) {
if (field == 'dp') {
const currprice = item.besarNilai_downpayment;
const parsedprice = this.parseCurrency(currprice);
item.besarNilai_downpayment = this.formatCurrency(parsedprice);
}
if (field == 'cicil') {
const currdisc = item.besarNilai_cicilan;
const parseddisc = this.parseCurrency(currdisc);
item.besarNilai_cicilan = this.formatCurrency(parseddisc);
}
},
},
watch: {
"form_kontrak.tanggalAwal_kontrak"() {
this.updateDurasiCicilan();
},
"form_kontrak.tanggalAkhir_kontrak"() {
this.updateDurasiCicilan();
}
}
}
</script>