first commit + add fe component vue accone

test/vuex/acc-one-receive-item-po-inventaris/components/dialogBatchItem.vue

@@ -0,0 +1,162 @@
+<template>
+    <v-dialog v-model="dialog_batch_item" persistent width="30vw">
+        <v-card>
+            <v-card-title class="headline grey lighten-2" primary-title>
+                EDIT QTY {{ selected_item_forbatch.M_ItemCode }}
+                {{ selected_item_forbatch.M_ItemDesc }}
+            </v-card-title>
+
+            <v-card-text>
+                <p class="font-weight-bold">
+                    Jumlah item yang dapat diterima : {{ selected_item_forbatch.qty }}
+                    {{ selected_item_forbatch.ItemUnitName }}
+                </p>
+                <div v-for="(item, index) in item_batch_temp" class="mt-2" :key="index">
+                    <v-layout row wrap>
+                        <v-flex xs2 class="pr-1">
+                            <v-text-field v-model.number="item.qty" type="number" min="0" hide-details label="qty"
+                                outline step="1"></v-text-field>
+                        </v-flex>
+                    </v-layout>
+                </div>
+            </v-card-text>
+
+            <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn color="red" flat @click="tutupDialog()">Tutup</v-btn>
+                <v-btn color="green" flat @click="simpanBatch()">Simpan</v-btn>
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script>
+module.exports = {
+    data() {
+        return {
+
+        }
+    },
+    computed: {
+        dialog_batch_item: {
+            get() {
+                return this.$store.state.form.dialog_batch_item;
+            },
+            set(val) {
+                this.$store.commit("form/update_dialog_batch_item", val);
+            }
+        },
+        selected_item_forbatch: {
+            get() {
+                return this.$store.state.form.selected_item_forbatch;
+            },
+            set(val) {
+                this.$store.commit("form/update_selected_item_forbatch", val);
+            }
+        },
+        item_batch_temp: {
+            get() {
+                return this.$store.state.form.item_batch_temp;
+            },
+            set(val) {
+                this.$store.commit("form/update_item_batch_temp", val);
+            }
+        },
+        form_receive_item: {
+            get() {
+                return this.$store.state.form.form_receive_item;
+            },
+            set(val) {
+                this.$store.commit("form/update_form_receive_item", val);
+            }
+        }
+    },
+    methods: {
+        tutupDialog() {
+            this.selected_item_forbatch = {};
+            this.item_batch_temp = [];
+            this.dialog_batch_item = false;
+        },
+        simpanBatch() {
+            const temp = this.item_batch_temp;
+            let curr_item = JSON.parse(JSON.stringify(this.selected_item_forbatch));
+            let final_arr = [];
+
+            const maxQty = Number(curr_item.qty);
+            let total = 0;
+            let isError = false;
+
+            temp.forEach(item => {
+                if (curr_item.M_ItemItem_CategoryID == '1') {
+                    if (item.batchno != '' && item.qty > 0) {
+                        total = Number(item.qty) + total;
+                        final_arr.push(item);
+                    } else {
+                        isError = true;
+                    }
+                } else {
+                    if (Number(item.qty) > 0) {
+                        total = Number(item.qty) + total;
+                        final_arr.push(item);
+                    }
+                }
+            });
+
+            if (total > maxQty || total <= 0 || isError) {
+                this.$store.commit("ro/update_snackbar", {
+                    color: 'error',
+                    msg: 'Jumlah total melebihi jumlah yang dapat diterima',
+                    isOpen: true
+                });
+                return;
+            }
+
+            let item_received = JSON.parse(JSON.stringify(this.form_receive_item));
+            item_received.forEach(obj => {
+                if (obj.keyID === curr_item.keyID) {
+                    obj.batchlist = final_arr;
+                    obj.receivedQty = total;
+                }
+            });
+            this.form_receive_item = item_received;
+
+            this.selected_item_forbatch = {};
+            this.item_batch_temp = [];
+            this.dialog_batch_item = false;
+        },
+        addInputRow() {
+            const input = {
+                qty: 0,
+                batchno: '',
+                item_category: 0,
+                menuDate: false
+            };
+            this.item_batch_temp.push(input);
+        },
+        reAddInputRow(data) {
+            if (!data.batchlist) {
+                return;
+            }
+
+            data.batchlist.forEach(element => {
+                let inputrow = {
+                    qty: element.qty,
+                    batchno: element.batchno,
+                    menuDate: false
+                };
+                this.item_batch_temp.push(inputrow);
+            });
+        },
+        removeInputRow(index) {
+            this.item_batch_temp.splice(index, 1)
+        }
+    },
+    watch: {
+        selected_item_forbatch(val, old) {
+            if (val == old) return;
+            if (!val) return;
+            this.reAddInputRow(val)
+        }
+    },
+}
+</script>