926 lines
32 KiB
Vue
926 lines
32 KiB
Vue
<template>
|
|
<v-layout row justify-center>
|
|
<v-dialog v-model="dialogUnit" persistent max-width="25%">
|
|
<v-card>
|
|
<v-card-title class="title grey lighten-2" primary-title>
|
|
Ganti Satuan {{ selectedItem.itemDesc ? selectedItem.itemDesc : "" }}
|
|
</v-card-title>
|
|
<v-card-text>
|
|
<v-layout row>
|
|
<v-flex xs12>
|
|
<v-select
|
|
:loading="loadingUnit"
|
|
v-model="selectedUnit"
|
|
return-object
|
|
:items="unitOptions"
|
|
label="Pilih Satuan"
|
|
item-text="unitName"
|
|
></v-select>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="error" flat @click="dialogUnit = false">
|
|
Tutup
|
|
</v-btn>
|
|
<v-btn color="primary" flat @click="saveUnit()">Ganti</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialogRequest" persistent max-width="75%">
|
|
<v-card>
|
|
<v-card-title class="headline grey lighten-2" primary-title>
|
|
FORM REQUEST PENGELUARAN BARANG
|
|
</v-card-title>
|
|
<v-card-text class="pt-0 pb-0">
|
|
<v-form ref="formRequest" v-model="validationForm" lazy-validtion>
|
|
<v-layout row>
|
|
<v-flex pa-2 xs3>
|
|
<v-menu
|
|
v-model="menuDateUse"
|
|
:close-on-content-click="false"
|
|
transition="scale-transition"
|
|
:nudge-right="40"
|
|
lazy
|
|
:disabled="act == 'preview'"
|
|
offset-y
|
|
full-width
|
|
max-width="290px"
|
|
min-width="290px"
|
|
>
|
|
<template v-slot:activator="{ on }">
|
|
<v-text-field
|
|
:value="dateUseFormatted"
|
|
label="Tanggal Permintaan"
|
|
readonly
|
|
v-on="on"
|
|
@blur="dDateUse = deFormatedDate(dateUseFormatted)"
|
|
></v-text-field>
|
|
</template>
|
|
<v-date-picker
|
|
no-title
|
|
v-model="xDateUse"
|
|
|
|
@input="menuDateUse = false"
|
|
></v-date-picker>
|
|
</v-menu>
|
|
</v-flex>
|
|
<v-flex pa-2 xs3>
|
|
<v-text-field
|
|
v-model="xRegional.S_RegionalName"
|
|
label="Regional"
|
|
readonly
|
|
:disabled="act == 'preview'">
|
|
</v-text-field>
|
|
<!-- <v-autocomplete
|
|
v-model="xRegional"
|
|
label="Regional"
|
|
menu-icon="mdi-chevron-down"
|
|
:items="regionalOptions"
|
|
item-text="S_RegionalName"
|
|
:disabled="act == 'preview'"
|
|
item-value="S_RegionalID">
|
|
</v-autocomplete> -->
|
|
</v-flex>
|
|
<v-flex pa-2 xs3>
|
|
<v-text-field
|
|
v-model="xBranch.M_BranchName"
|
|
label="Cabang"
|
|
readonly
|
|
:disabled="act == 'preview'"
|
|
></v-text-field>
|
|
<!-- <v-autocomplete
|
|
v-model="xBranch"
|
|
label="Cabang"
|
|
menu-icon="mdi-chevron-down"
|
|
:items="branchOptions"
|
|
item-text="M_BranchName"
|
|
item-value="M_BranchCode"
|
|
:disabled="act == 'preview'"
|
|
required
|
|
></v-autocomplete> -->
|
|
</v-flex>
|
|
<v-flex pa-2 xs6>
|
|
<v-text-field
|
|
v-model="selectedWarehouse.WarehouseName"
|
|
label="Gudang"
|
|
:disabled="act == 'preview'"
|
|
readonly
|
|
></v-text-field>
|
|
<!-- <v-autocomplete
|
|
v-model="selectedWarehouse"
|
|
label="Gudang"
|
|
menu-icon="mdi-chevron-down"
|
|
:items="warehouseOptions"
|
|
item-text="WarehouseName"
|
|
item-value="WarehouseID"
|
|
:disabled="act == 'preview'"
|
|
required
|
|
></v-autocomplete> -->
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex pa-2 pt-2 xs12>
|
|
<v-text-field
|
|
v-model="xDescription"
|
|
label="Keterangan"
|
|
:disabled="act == 'preview'"
|
|
required
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row>
|
|
<v-flex pa-2 pl-0 xs12>
|
|
<v-btn v-if="dialogItem == false && act != 'preview'" color="primary" @click="dialogItem = true">Pilih Item</v-btn>
|
|
<v-btn v-if="dialogItem == true && act != 'preview'" color="primary" @click="dialogItem = false">Tutup Pilih Item</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
<div v-if="dialogItem == true">
|
|
<v-divider></v-divider>
|
|
<v-card elevation="10" class=" mt-2">
|
|
<v-layout row>
|
|
<v-flex class="mt-2" pa-2 pb-0 xs3>
|
|
<v-text-field
|
|
v-model="searchItem"
|
|
label="Cari..."
|
|
placeholder="Ketikkan item"
|
|
style="max-width: 250px"
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
<v-flex class="mt-2" pa-2 pb-0 xs3>
|
|
<v-autocomplete
|
|
v-model="selectedDivision"
|
|
:items="divisionOptions"
|
|
label="Divisi"
|
|
return-object
|
|
menu-icon="mdi-chevron-down"
|
|
item-text="DivisionName"
|
|
hide-details
|
|
item-value="DivisionID"></v-autocomplete>
|
|
|
|
</v-flex>
|
|
<v-flex class="mt-2" pa-2 pb-0 xs3>
|
|
<v-autocomplete
|
|
v-model="selectedItemGroup"
|
|
:items="itemGroupOptions"
|
|
hide-details
|
|
label="Grup"
|
|
return-object
|
|
menu-icon="mdi-chevron-down"
|
|
item-text="Nat_GroupName"
|
|
item-value="Nat_GroupID"></v-autocomplete>
|
|
|
|
</v-flex>
|
|
<v-flex class="mt-2" pa-2 pb-0 xs3>
|
|
<v-autocomplete
|
|
v-model="selectedItemSubGroup"
|
|
:items="itemSubGroupOptions"
|
|
return-object
|
|
hide-details
|
|
label="Sub Grup"
|
|
menu-icon="mdi-chevron-down"
|
|
item-text="Nat_SubGroupName"
|
|
item-value="Nat_SubGroupID"></v-autocomplete>
|
|
|
|
</v-flex>
|
|
<v-flex class="mt-2" pa-2 pb-0 xs2>
|
|
<v-btn
|
|
dark
|
|
color="success"
|
|
style="min-width: 40px; height: 40px; margin: 0"
|
|
@click="itemSearch()"
|
|
>
|
|
<v-icon>search</v-icon>
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row >
|
|
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
|
|
<v-data-table
|
|
:headers="headers"
|
|
:items="items"
|
|
:loading="loadingItem"
|
|
hide-actions
|
|
class="elevation-1"
|
|
>
|
|
<template slot="items" slot-scope="props">
|
|
<td
|
|
class="text-xs-left pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
"
|
|
>
|
|
{{ props.item.itemCode }}
|
|
<v-chip small style="border-radius: 5px; flex-grow: 0">
|
|
{{ props.item.itemDesc }}
|
|
</v-chip>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="text-xs-center pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
{{ props.item.unitName }}
|
|
</td>
|
|
<td
|
|
class="text-xs-center pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
<!--<v-btn v-if="checkSelected(props.item) == true" flat style="min-width: 35px; height: 35px; margin: 0" small color="grey" depressed><v-icon small>check</v-icon></v-btn---->
|
|
<v-btn v-if="checkSelected(props.item) == false"style="min-width: 35px; height: 35px; margin: 0" small color="success" @click="addItem(props.item)"><v-icon small>check</v-icon></v-btn>
|
|
</td>
|
|
</template>
|
|
</v-data-table>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider></v-divider>
|
|
<v-layout row>
|
|
<v-flex xs6>
|
|
<v-pagination
|
|
style="margin-top: 10px; margin-bottom: 10px"
|
|
v-model="itemCurrentPage"
|
|
:length="itemTotalPage"
|
|
:total-visible="7"
|
|
></v-pagination>
|
|
</v-flex>
|
|
<v-flex class="pt-2 text-xs-right" xs6>
|
|
<v-btn color="primary" @click="dialogItem = false">Tutup Pilih Item</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
<v-divider></v-divider>
|
|
</div>
|
|
<v-card elevation="0" flat class=" mt-2">
|
|
<v-layout row style="max-height: 600px; overflow: auto">
|
|
<v-flex xs12 pl-2 pr-2 pt-2 pb-2>
|
|
<v-data-table
|
|
:headers="headersItems"
|
|
:items="selectedItems"
|
|
hide-actions
|
|
:loading="loadingDetailRequest"
|
|
class="elevation-1"
|
|
>
|
|
<template slot="items" slot-scope="props">
|
|
<td
|
|
class="text-xs-left pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
"
|
|
>
|
|
{{ props.item.itemCode }}
|
|
<v-chip small style="border-radius: 5px; flex-grow: 0">
|
|
{{ props.item.itemDesc }}
|
|
</v-chip>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="text-xs-center pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
<v-btn depressed small color="primary" @click="openDialogUnit(props.item)">{{ props.item.unitName }}</v-btn>
|
|
</td>
|
|
<td
|
|
class="text-xs-center pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
{{ props.item.stockWarehouse }}
|
|
</td>
|
|
<td
|
|
class="text-xs-center pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
{{ props.item.stockDivisi }}
|
|
</td>
|
|
<td
|
|
class="text-xs-center pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
<v-text-field v-model="props.item.qty" @change="updateQuantity(props.item)"></v-text-field>
|
|
<p v-show="emptycheckvalue.includes(props.item.itemId)" style="color: red;" class="ma-0 pa-0">Jumlah harus diisi</p>
|
|
|
|
</td>
|
|
<td
|
|
class="text-xs-center pa-2"
|
|
v-bind:class="{ 'amber lighten-4': isSelected(props.item) }"
|
|
@click="selectMe(props.item)"
|
|
>
|
|
<v-btn v-if="act != 'preview'" style="min-width: 35px; height: 35px; margin: 0" small color="error" dark @click="deleteItem(props.item)"><v-icon small>close</v-icon></v-btn>
|
|
|
|
</td>
|
|
</template>
|
|
</v-data-table>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</v-form>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-btn
|
|
v-if="act === 'edit'"
|
|
color="info"
|
|
:disabled="loadingSave"
|
|
dark
|
|
@click="sendRequest()"
|
|
>Send Request</v-btn
|
|
>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="error" flat @click="closeDialogRequest()">
|
|
Tutup
|
|
</v-btn>
|
|
<v-btn
|
|
v-if="act === 'new'"
|
|
color="primary"
|
|
:disabled="loadingSave"
|
|
dark
|
|
@click="saveItemOutRequest()"
|
|
>Simpan</v-btn
|
|
>
|
|
<v-btn
|
|
v-if="act === 'edit' || act === 'preview'"
|
|
color="primary"
|
|
:disabled="loadingSave"
|
|
dark
|
|
@click="updateItemOutRequest()"
|
|
>Simpan Perubahan</v-btn
|
|
>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-layout>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
name: "AddPurchaseRequestDialog",
|
|
data() {
|
|
return {
|
|
itemUnitChange:{},
|
|
branchRules: [(v) => !!v || "Cabang harus diisi"],
|
|
descRules: [(v) => !!v || "Keterangan harus diisi"],
|
|
warehoueRules: [ v => !!v || 'Gudang harus diisi'],
|
|
validationForm: false,
|
|
headers: [
|
|
{
|
|
text: "ITEM PERSEDIAAN",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "itemName",
|
|
width: "15%",
|
|
class: "success lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "SATUAN",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "unitName",
|
|
width: "15%",
|
|
class: "success lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "AKSI",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "action",
|
|
width: "10%",
|
|
class: "success lighten-3 white--text",
|
|
},
|
|
],
|
|
headersItems: [
|
|
{
|
|
text: "ITEM PERSEDIAAN",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "itemName",
|
|
width: "30%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "SATUAN",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "unitName",
|
|
width: "25%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "STOK GUDANG",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "unitName",
|
|
width: "10%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "STOK DIVISI",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "unitName",
|
|
width: "10%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "JUMLAH",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "qty",
|
|
width: "15%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
{
|
|
text: "AKSI",
|
|
align: "center",
|
|
sortable: false,
|
|
value: "action",
|
|
width: "10%",
|
|
class: "blue lighten-3 white--text",
|
|
},
|
|
]
|
|
};
|
|
},
|
|
computed: {
|
|
loadingDetailRequest() {
|
|
return this.$store.state.requester.loadingDetailRequest;
|
|
},
|
|
loadingUnit() {
|
|
return this.$store.state.requester.loadingUnit;
|
|
},
|
|
dialogUnit: {
|
|
get() {
|
|
return this.$store.state.requester.dialogUnit;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateDialogUnit", val);
|
|
},
|
|
},
|
|
selectedUnit: {
|
|
get() {
|
|
return this.$store.state.requester.selectedUnit;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedUnit", val);
|
|
},
|
|
},
|
|
unitOptions: {
|
|
get() {
|
|
return this.$store.state.requester.unitOptions;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateUnitOptions", val);
|
|
},
|
|
},
|
|
dialogRequest: {
|
|
get() {
|
|
return this.$store.state.requester.dialogRequest;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateDialogRequest", val);
|
|
},
|
|
},
|
|
menuDateUse: {
|
|
get() {
|
|
return this.$store.state.requester.menuDateUse;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateMenuDateUse", val);
|
|
},
|
|
},
|
|
dateUseFormatted() {
|
|
return this.formatDate(this.xDateUse);
|
|
},
|
|
dDateUse: {
|
|
get() {
|
|
return this.$store.state.requester.dDateUse;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateDDateUse", val);
|
|
},
|
|
},
|
|
xDateUse: {
|
|
get() {
|
|
return this.$store.state.requester.xDateUse;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateXDateUse", val);
|
|
},
|
|
},
|
|
xBranch: {
|
|
get() {
|
|
return this.$store.state.requester.xBranch;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateXBranch", val);
|
|
},
|
|
},
|
|
branchOptions() {
|
|
return this.$store.state.requester.branchOptions;
|
|
},
|
|
regionalOptions() {
|
|
return this.$store.state.requester.regionalOptions;
|
|
},
|
|
warehouseOptions() {
|
|
return this.$store.state.requester.warehouseOptions;
|
|
},
|
|
xRegional: {
|
|
get() {
|
|
return this.$store.state.requester.xRegional;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateXRegional", val);
|
|
},
|
|
},
|
|
selectedWarehouse: {
|
|
get() {
|
|
return this.$store.state.requester.selectedWarehouse;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedWarehouse", val);
|
|
},
|
|
},
|
|
xDescription: {
|
|
get() {
|
|
return this.$store.state.requester.xDescription;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateXDescription", val);
|
|
},
|
|
},
|
|
xPRID() {
|
|
return this.$store.state.requester.xPRID;
|
|
},
|
|
act() {
|
|
return this.$store.state.requester.act;
|
|
},
|
|
itemCurrentPage: {
|
|
get() {
|
|
return this.$store.state.requester.itemCurrentPage;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateItemCurrentPage", val);
|
|
this.$store.dispatch("requester/getItems", {
|
|
search: this.searchItem,
|
|
division: this.selectedDivision.DivisionID ? this.selectedDivision.DivisionID : "" ,
|
|
itemGroup: this.selectedItemGroup.Nat_GroupID ? this.selectedItemGroup.Nat_GroupID : "",
|
|
itemSubGroup: this.selectedItemSubGroup.Nat_SubGroupID ? this.selectedItemSubGroup.Nat_SubGroupID : "",
|
|
warehouseID: this.$store.state.requester.selectedWarehouse.WarehouseID
|
|
});
|
|
},
|
|
},
|
|
itemTotalPage: {
|
|
get() {
|
|
return this.$store.state.requester.itemTotalPage;
|
|
},
|
|
},
|
|
items: {
|
|
get() {
|
|
return this.$store.state.requester.items;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateItems", val);
|
|
}
|
|
},
|
|
selectedItem: {
|
|
get() {
|
|
return this.$store.state.requester.selectedItem;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedItem", val);
|
|
}
|
|
},
|
|
searchItem: {
|
|
get() {
|
|
return this.$store.state.requester.searchItem;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSearchItem", val);
|
|
}
|
|
},
|
|
loadingItem: {
|
|
get() {
|
|
return this.$store.state.requester.loadingItem;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateLoadingItem", val);
|
|
}
|
|
},
|
|
itemGroupOptions: {
|
|
get() {
|
|
return this.$store.state.requester.itemGroupOptions;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateItemGroupOptions", val);
|
|
}
|
|
},
|
|
selectedItemGroup: {
|
|
get() {
|
|
return this.$store.state.requester.selectedItemGroup;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedItemGroup", val);
|
|
console.log(val)
|
|
this.$store.commit("requester/updateItemSubGroupOptions", val.subGroups);
|
|
this.$store.commit("requester/updateSelectedItemSubGroup", val.subGroups[0]);
|
|
}
|
|
},
|
|
itemSubGroupOptions: {
|
|
get() {
|
|
return this.$store.state.requester.itemSubGroupOptions;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateItemSubGroupOptions", val);
|
|
}
|
|
},
|
|
selectedItemSubGroup: {
|
|
get() {
|
|
return this.$store.state.requester.selectedItemSubGroup;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedItemSubGroup", val);
|
|
|
|
}
|
|
},
|
|
loadingItemSubGroup: {
|
|
get() {
|
|
return this.$store.state.requester.loadingItemSubGroup;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateLoadingItemSubGroup", val);
|
|
}
|
|
},
|
|
loadingItemGroup: {
|
|
get() {
|
|
return this.$store.state.requester.loadingItemGroup;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateLoadingItemGroup", val);
|
|
}
|
|
},
|
|
divisionOptions: {
|
|
get() {
|
|
return this.$store.state.requester.divisionOptions;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateDivisionOptions", val);
|
|
}
|
|
},
|
|
selectedDivision: {
|
|
get() {
|
|
return this.$store.state.requester.selectedDivision;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedDivision", val);
|
|
this.$store.dispatch("requester/getItemGroupSubGroup");
|
|
this.$store.dispatch("requester/getItems", {
|
|
search: this.searchItem,
|
|
division: this.selectedDivision.DivisionID ? this.selectedDivision.DivisionID : "" ,
|
|
itemGroup: this.selectedItemGroup.Nat_GroupID ? this.selectedItemGroup.Nat_GroupID : "",
|
|
itemSubGroup: this.selectedItemSubGroup.Nat_SubGroupID ? this.selectedItemSubGroup.Nat_SubGroupID : "",
|
|
warehouseID: this.$store.state.requester.selectedWarehouse.WarehouseID
|
|
});
|
|
}
|
|
},
|
|
loadingSave: {
|
|
get() {
|
|
return this.$store.state.requester.loadingSave;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateLoadingSave", val);
|
|
}
|
|
},
|
|
selectedItem: {
|
|
get() {
|
|
return this.$store.state.requester.selectedItem;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedItem", val);
|
|
}
|
|
},
|
|
selectedItems: {
|
|
get() {
|
|
return this.$store.state.requester.selectedItems;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateSelectedItems", val);
|
|
}
|
|
},
|
|
dialogItem: {
|
|
get() {
|
|
return this.$store.state.requester.dialogItem;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateDialogItem", val);
|
|
}
|
|
},
|
|
emptycheckvalue: {
|
|
get() {
|
|
return this.$store.state.requester.emptycheckvalue;
|
|
},
|
|
set(val) {
|
|
this.$store.commit("requester/updateEmptycheckvalue", val);
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
sendRequest(){
|
|
this.$store.commit("requester/updateLoadingSave", true);
|
|
this.$store.dispatch("requester/updateRequest", {
|
|
act: "sendrequest",
|
|
RIOID: this.$store.state.requester.selectedMainTable.rioId,
|
|
RIONumber : this.$store.state.requester.selectedMainTable.rioNumber,
|
|
RIODateUse: this.xDateUse,
|
|
RIORegional: this.xRegional.S_RegionalID,
|
|
RIOBranch: this.xBranch.M_BranchCode,
|
|
RIOWarehouse: this.selectedWarehouse.WarehouseID,
|
|
RIODescription: this.xDescription,
|
|
RIODivision: this.$store.state.requester.selectedMainTable.rioDivisionId,
|
|
items: this.selectedItems
|
|
});
|
|
},
|
|
updateItemOutRequest(){
|
|
let emptycheckvalue = [];
|
|
let tempSelectedItems = this.selectedItems;
|
|
|
|
tempSelectedItems.forEach(e => {
|
|
let currentInputQty = parseInt(e.qty) || 0;
|
|
|
|
// Kalau input user kosong atau 0
|
|
if (currentInputQty <= 0) {
|
|
emptycheckvalue.push(e.itemId);
|
|
return;
|
|
}
|
|
});
|
|
|
|
if (emptycheckvalue.length === 0) {
|
|
this.emptycheckvalue = emptycheckvalue;
|
|
this.$store.commit("requester/updateLoadingSave", true);
|
|
|
|
this.$store.dispatch("requester/updateRequest", {
|
|
act: this.act,
|
|
RIOID: this.$store.state.requester.selectedMainTable.rioId,
|
|
RIONumber : this.$store.state.requester.selectedMainTable.rioNumber,
|
|
RIODateUse: this.xDateUse,
|
|
RIORegional: this.xRegional.S_RegionalID,
|
|
RIOBranch: this.xBranch.M_BranchCode,
|
|
RIOWarehouse: this.selectedWarehouse.WarehouseID,
|
|
RIODescription: this.xDescription,
|
|
RIODivision: this.selectedDivision.DivisionID,
|
|
items: this.selectedItems
|
|
});
|
|
} else {
|
|
this.emptycheckvalue = emptycheckvalue;
|
|
}
|
|
},
|
|
checkSelected(item) {
|
|
let selectedItems = this.selectedItems;
|
|
let rtn = false
|
|
if(selectedItems.length == 0) {
|
|
console.log(item.itemId,"selectedItems.length == 0");
|
|
rtn = false;
|
|
}
|
|
selectedItems.forEach(itemloop => {
|
|
if(itemloop.itemId == item.itemId) {
|
|
console.log(item.itemId,"itemloop.itemId == item.itemId");
|
|
rtn = true;
|
|
}
|
|
});
|
|
console.log(item.itemId,"return false");
|
|
return rtn;
|
|
},
|
|
saveItemOutRequest() {
|
|
let emptycheckvalue = [];
|
|
let tempSelectedItems = this.selectedItems;
|
|
|
|
tempSelectedItems.forEach(e => {
|
|
let currentInputQty = parseInt(e.qty) || 0;
|
|
|
|
// Kalau input user kosong atau 0
|
|
if (currentInputQty <= 0) {
|
|
emptycheckvalue.push(e.itemId);
|
|
return;
|
|
}
|
|
});
|
|
|
|
if (emptycheckvalue.length === 0) {
|
|
this.emptycheckvalue = emptycheckvalue;
|
|
this.$store.commit("requester/updateLoadingSave", true);
|
|
|
|
this.$store.dispatch("requester/saveRequest", {
|
|
RIODateUse: this.xDateUse,
|
|
RIORegional: this.xRegional.S_RegionalID,
|
|
RIOBranch: this.xBranch.M_BranchCode,
|
|
RIOWarehouse: this.selectedWarehouse.WarehouseID,
|
|
RIODescription: this.xDescription,
|
|
RIODivision: this.selectedDivision.DivisionID,
|
|
items: this.selectedItems
|
|
});
|
|
} else {
|
|
this.emptycheckvalue = emptycheckvalue;
|
|
}
|
|
},
|
|
itemSearch() {
|
|
this.$store.dispatch("requester/getItems", {
|
|
search: this.searchItem,
|
|
division: this.selectedDivision.DivisionID ? this.selectedDivision.DivisionID : "" ,
|
|
itemGroup: this.selectedItemGroup.Nat_GroupID ? this.selectedItemGroup.Nat_GroupID : "",
|
|
itemSubGroup: this.selectedItemSubGroup.Nat_SubGroupID ? this.selectedItemSubGroup.Nat_SubGroupID : "",
|
|
warehouseID: this.$store.state.requester.selectedWarehouse.WarehouseID
|
|
});
|
|
},
|
|
addItem(item) {
|
|
let selectedItems = this.selectedItems;
|
|
let index = selectedItems.findIndex(itemloop => itemloop.itemId == item.itemId);
|
|
if(index == -1) {
|
|
selectedItems.push(item);
|
|
}
|
|
|
|
this.$store.commit("requester/updateSelectedItems", selectedItems);
|
|
console.log(this.selectedItems);
|
|
},
|
|
deleteItem(item) {
|
|
let selectedItems = this.selectedItems;
|
|
let index = selectedItems.findIndex(itemloop => itemloop.itemId == item.itemId);
|
|
if(index != -1) {
|
|
selectedItems.splice(index, 1);
|
|
}
|
|
this.$store.commit("requester/updateSelectedItems", selectedItems);
|
|
},
|
|
|
|
updateQuantity(item) {
|
|
let items = this.selectedItems;
|
|
let index = items.findIndex(itemloop => itemloop.itemId == item.itemId);
|
|
items[index].qty = item.qty;
|
|
this.$store.commit("requester/updateSelectedItems", items);
|
|
},
|
|
saveUnit() {
|
|
let items = this.selectedItems;
|
|
let index = items.findIndex(itemloop => itemloop.itemId == this.itemUnitChange.itemId);
|
|
let selectedUnit = this.selectedUnit;
|
|
items[index].unitCode = selectedUnit.unitCode;
|
|
items[index].unitName = selectedUnit.unitName;
|
|
this.$store.commit("requester/updateSelectedItems", items);
|
|
this.$store.commit("requester/updateDialogUnit", false);
|
|
},
|
|
openDialogUnit(item) {
|
|
this.itemUnitChange = item
|
|
this.$store.dispatch("requester/getUnitByItemId", {
|
|
itemId: item.itemId,
|
|
selectedUnit: {unitId: item.unitId, unitCode: item.unitCode, unitName: item.unitName}
|
|
});
|
|
},
|
|
isSelected(p) {
|
|
return (
|
|
p.itemId ==
|
|
this.$store.state.requester.selectedItem
|
|
.itemId
|
|
);
|
|
},
|
|
selectMe(spr) {
|
|
this.$store.commit("requester/updateSelectedItem", spr);
|
|
},
|
|
formatDate(date) {
|
|
if (!date) return null;
|
|
|
|
const [year, month, day] = date.split("-");
|
|
return `${day}-${month}-${year}`;
|
|
},
|
|
deFormatedDate(date) {
|
|
if (!date) return null;
|
|
|
|
const [day, month, year] = date.split("-");
|
|
return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
|
|
},
|
|
closeDialogRequest() {
|
|
this.$store.commit(
|
|
"requester/updateXDateUse",
|
|
moment(new Date()).format("YYYY-MM-DD")
|
|
);
|
|
this.$store.commit("requester/updateEmptycheckvalue", []);
|
|
this.$store.commit("requester/updateXBranch", "");
|
|
this.$store.commit("requester/updateXRegional", "");
|
|
this.$store.commit("requester/updateXDescription", "");
|
|
this.$refs.formRequest.resetValidation();
|
|
this.$store.commit("requester/updateDialogRequest", false);
|
|
},
|
|
},
|
|
};
|
|
</script>
|