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

add progress

Browse Source
This commit is contained in:
adibwp
2026-06-03 17:11:38 +07:00
parent d018e85927
commit 315b657ee3
7 changed files with 172 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
test/vuex/acc-one-receive-item-po-inventaris/components/dialogHandOver.vue
View File

@@ -8,18 +8,32 @@
<v-card-text>
<p>Apakah Anda yakin ingin melakukan serah terima barang inventaris kepada user pemohon</p>
<v-data-table :headers="headers" :items="items" hide-actions class="elevation-1">
<template v-slot:items="props">
<tr>
</tr>
</template>
</v-data-table>
<v-form ref="formhandover" lazy-validation v-model="valid_formhandover">
<v-data-table :headers="headers" :items="list_itembelumserah" hide-actions class="elevation-1">
<template v-slot:items="props">
<tr>
<td class="text-xs-center">
<v-checkbox v-if="props.item.isHandoverDone == 'N'" v-model="props.item.checked"
hide-details @change="onChangeCheckbox(props.item)">
</v-checkbox>
</td>
<td class="text-xs-center">{{ props.item.M_ItemDesc }}</td>
<td class="text-xs-center">{{ props.item.originalQty }}</td>
<td class="text-xs-center">
<v-text-field v-if="props.item.checked" v-model="props.item.serahQty" type="number"
solo :rules="qtyRules(props.item.sisaQty)"></v-text-field>
<div v-else>
{{ props.item.serahQty }}
</div>
</td>
</tr>
</template>
</v-data-table>
<v-layout row mt-2>
<v-flex xs6 pr-1>
<v-autocomplete v-model="selected_ruangan" :items="list_lokasi" label="Lokasi Penerima*"
outline item-value="M_RuanganID" item-text="M_RuanganName"></v-autocomplete>
:rules="ruang_rules" outline item-value="M_RuanganID"
item-text="M_RuanganName"></v-autocomplete>
</v-flex>
<v-flex xs6 pl-1>
<v-autocomplete label="Staff Penerima*" outline :rules="rules_staff" return-object
@@ -48,22 +62,26 @@ module.exports = {
{ M_RuanganID: 1, M_RuanganName: "bonde" }
],
valid_formhandover: true,
ruang_rules: [v => (v && Object.keys(v).length > 0) || 'Lokasi ruangan harus diisi'],
rules_staff: [v => (v && Object.keys(v).length > 0) || 'Staff harus diisi'],
headers: [
{
text: "ITEM", align: "center", sortable: false, value: "itemname",
width: "60%", class: "pa-2 blue lighten-3 white--text",
text: "", align: "center", sortable: false, value: "checked",
width: "10%", class: "pa-2 blue lighten-3 white--text",
},
{
text: "QTY", align: "center", sortable: false, value: "qtyitem",
text: "ITEM", align: "center", sortable: false, value: "itemname",
width: "50%", class: "pa-2 blue lighten-3 white--text",
},
{
text: "QTY DITERIMA", align: "center", sortable: false, value: "qtyitem",
width: "20%", class: "pa-2 blue lighten-3 white--text",
},
{
text: "HANDOVER", align: "center", sortable: false, value: "qtysend",
text: "QTY HANDOVER", align: "center", sortable: false, value: "qtysend",
width: "20%", class: "pa-2 blue lighten-3 white--text",
},
],
items: []
}
},
computed: {
@@ -99,6 +117,14 @@ module.exports = {
this.$store.commit("ro/update_selected_ro", val);
}
},
list_itembelumserah: {
get() {
return this.$store.state.ro.list_itembelumserah
},
set(val) {
this.$store.commit("ro/update_list_itembelumserah", val)
}
},
list_staff() {
return this.$store.state.ro.list_staff
},
@@ -107,6 +133,19 @@ module.exports = {
},
},
methods: {
onChangeCheckbox(item) {
if (item.checked) {
item.serahQty = item.sisaQty
} else {
item.serahQty = item.originalQty - item.sisaQty
}
},
qtyRules(originalQty) {
return [
v => Number(v) > 0 || "Jumlah harus diatas 0",
v => Number(v) <= Number(originalQty) || "Jumlah melebihi inventaris yang diterima"
];
},
closeHandOver() {
this.$store.commit("ro/update_selected_staff", {});
this.dialog_handover = false
@@ -114,11 +153,20 @@ module.exports = {
},
async simpanHandOver() {
if (this.$refs.formhandover.validate()) {
let checked = this.list_itembelumserah.filter((ele) => ele.checked);
if (checked.length < 1) {
console.log("no item selected");
return;
}
let prm = {
staffID: this.selected_staff.M_UserID,
receiveOrderPoID: this.selected_ro.ReceiveOrderPoID,
ruanganID: this.selected_ro.M_RuanganID
ruanganID: this.selected_ruangan,
item: checked
}
// console.log("parameter", prm);
await this.$store.dispatch("ro/saveHandover", prm);
this.$refs.formhandover.resetValidation();
}