[FIX] Limpiar el codigo

controllers/main.py

@@ -315,7 +315,7 @@ class PaymentsSales(http.Controller):
             'currencies': self.get_currency(),
             'bank':self.get_bank(),
             'bankType': self.get_bank_payments_type(),
-            'bankPaymentsLine': self.get_bank_Payments()
+            'bankPayments': self.get_bank_Payments()
         })
 
 
@@ -529,13 +529,13 @@ class PaymentsSales(http.Controller):
         bank_statement_line = self.create_bank_statement_line(voucher, bank_statement)
         self.make_info_log('[OK] creating bank statement Line')
         # Crete Payments Bank Reference
-        if (kw.get('journalType') == 'bank'):
-            bank_paymnets_line =  self.create_bank_paymnets_line(bank_statement_line, voucher, date_server, kw.get('bankId'), kw.get('bankTypeId'), kw.get('bankRef'), kw.get('bankDateMaturity'), kw.get('paymentsBankNumber_cta'), kw.get('paymentsBankName_holder'))
-            self.make_info_log('[OK] creating bank payments line')
-
-            if (kw.get('numberChBankId')):
-                update_bank_paymnets_line = self.write_bank_payments_line(kw.get('numberChBankId'))
-                self.make_info_log('[OK] write bank payments line')
+        # if (kw.get('journalType') == 'bank'):
+        #     bank_paymnets_line =  self.create_bank_paymnets_line(bank_statement_line, voucher, date_server, kw.get('bankId'), kw.get('bankTypeId'), kw.get('bankRef'), kw.get('bankDateMaturity'), kw.get('paymentsBankNumber_cta'), kw.get('paymentsBankName_holder'))
+        #     self.make_info_log('[OK] creating bank payments line')
+        #
+        #     if (kw.get('numberChBankId')):
+        #         update_bank_paymnets_line = self.write_bank_payments_line(kw.get('numberChBankId'))
+        #         self.make_info_log('[OK] write bank payments line')
 
         return {
             'process': True

package.json

@@ -36,6 +36,7 @@
         "vue-form-wizard": "^0.6.1",
         "vue-js-modal": "^1.3.9",
         "vue-simple-spinner": "^1.2.1",
+        "vue2-datepicker": "^1.8.3",
         "vuex": "^2.3.1"
     }
 }

src/App.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
     .payments-purchase
         form-wizard( title="" subtitle="" finishButtonText="Finalizar" color="#7c7bad" backButtonText="Volver" :hideButtons='processingPaymentsPurchases' nextButtonText="Continuar" transition="fade" ref='wizard' @on-complete="paymentsPurchaseProcess()" @on-change="(prev, next) => setChangeTabSteps({prev,next})")
-            tab-content(title="Quien es el proveedor ?" :beforeChange="checkPaymentsPurchasesSUpplier")
+            tab-content(title="Quien es el proveedor ?" :beforeChange="checkPaymentsPurchasesSupplier")
                 supplier
             tab-content(title="Cual es la factura ?" :beforeChange="checkPaymentsPurchasesInvoices")
                 invoices
@@ -12,16 +12,6 @@
 </template>
 
 <script>
-    import {
-        INIT_PAYMENTS_PURCHASES,
-        PAYMENTS_PURCHASE_PROCESS,
-        CHECK_PAYMENTS_PURCHASES_SUPPLIER,
-        CHECK_PAYMENTS_PURCHASES_INVOICES,
-        CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS,
-        CHECK_PAYMENTS_PURCHASES_JOURNALS,
-        RESET_PAYMENTS_PURCHASES,
-        SET_CHANGE_TAB_STEPS
-    } from '@/constants/actionTypes'
 
     import { mapActions, mapGetters } from 'vuex'
     import { FormWizard, TabContent} from 'vue-form-wizard'
@@ -46,14 +36,14 @@
             'completedPaymentsPurchases'
         ]),
         methods: mapActions([
-            INIT_PAYMENTS_PURCHASES,
-            PAYMENTS_PURCHASE_PROCESS,
-            CHECK_PAYMENTS_PURCHASES_SUPPLIER,
-            CHECK_PAYMENTS_PURCHASES_INVOICES,
-            CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS,
-            CHECK_PAYMENTS_PURCHASES_JOURNALS,
-            RESET_PAYMENTS_PURCHASES,
-            SET_CHANGE_TAB_STEPS
+            'initPaymentsPurchases',
+            'paymentsPurchaseProcess',
+            'checkPaymentsPurchasesSupplier',
+            'checkPaymentsPurchasesInvoices',
+            'checkPaymentsPurchasesLinesPayments',
+            'checkPaymentsPurchasesJournals',
+            'resetPaymentsPurchases',
+            'setChangeTabSteps'
         ]),
         watch: {
 			completedPaymentsPurchases(value) {

src/components/common/DropdownSearcher.vue

@@ -0,0 +1,167 @@
+<template lang="pug">
+    .searcher
+        span.input-icon.fa.fa-search(@click='onClickOptions')
+        input.search-input(v-model='search' :placeholder='placeholder' autofocus @keyup.enter='enterPressed')
+        .dropdown-options(:class="{'input-show': showOptions }" )
+            ul.input-options
+                li.input-option(v-for='option in getOptions()' :key='option.id' @click='onSelectOption(option)') {{ option[dispalyOption] }}
+</template>
+
+<script>
+    export default {
+        props: {
+            placeholder: {
+                type: String,
+                default: 'Buscar'
+            },
+            autofocus: {
+                type: Boolean,
+                default: false
+            },
+            items: {
+                type: Array,
+                default: [],
+                required: true
+            },
+            keys: {
+                type: Array,
+                default: [],
+                required: true
+            },
+            dispalyOption :{
+                type: Array,
+                default: [],
+            },
+            acceptEnter: {
+                type: Boolean,
+                default: false
+            }
+        },
+        watch: {
+            search(value, lastValue) {
+                value = value.trim()
+
+                if (!value && value.length != lastValue.length) {
+                    this.selectedOption = null
+                }
+
+                this.showOptions = !!value && !this.selectedOption
+
+                this.performSearch(value)
+            }
+        },
+        methods: {
+            enterPressed(){
+                if(!this.acceptEnter)
+                    return
+
+                let item = {
+                    'item': this.search,
+                    'state' : 'new'
+                }
+                if (this.getOptions().length === 1 && this.getOptions()[0].number === this.search)
+                    item = this.getOptions()[0]
+
+                this.showOptions = false
+                this.$emit('onSelect', item)
+            },
+            getOptions() {
+                return this.results.length == 0 ? this.items : this.results
+            },
+            performSearch(value) {
+                this.results = []
+
+                if (this.selectedOption) {
+                    return
+                }
+
+                for (let item of this.items) {
+                    for (let field in item) {
+
+                        if (typeof item[field] !== 'string') {
+                            continue
+                        }
+
+                        if (this.keys.length !== 0 && this.keys.indexOf(field) === -1) {
+                            continue
+                        }
+
+                        if (item[field].toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+                            this.results.push(item)
+                            break
+                        }
+                    }
+                }
+            },
+            onClickOptions() {
+                this.showOptions = !this.showOptions || !!this.search
+            },
+            onSelectOption(item) {
+                this.selectedOption = item
+                this.search =  item[this.dispalyOption]
+                this.results = []
+                this.$emit('onSelect', item)
+            }
+        },
+        data() {
+            return {
+                search: '',
+                results: [],
+                selectedOption: null,
+                showOptions: false
+            }
+        }
+    }
+</script>
+
+<style lang="sass">
+    @import '../../assets/variables'
+    .searcher
+        width: 100%
+        height: 35px
+        position: relative
+        .input-icon
+            position: absolute
+            top: 14px
+            right: 10px
+            font-size: 12pt
+            color: $app-dark-color
+            &:hover
+                cursor: pointer
+        .search-input
+            width: 100%
+            height: 100%
+            border-radius: 0
+            font-size: 12pt
+            font-weight: normal
+        .dropdown-options
+            display: none
+            position: absolute
+            background: $app-light-color
+            border: 1px solid $app-separator-color
+            box-shadow: 0 3px 5px $app-separator-color
+            z-index: 10
+            top: 45px
+            left: 0
+            right: 0
+            bottom: -325px
+            padding: 0
+            animation-duration: 500ms
+            overflow-y: auto
+            &.input-show
+                display: block
+            ul
+                li
+                    height: 35px
+                    display: block
+                    text-align: left
+                    margin: 10px 0 0 10px
+                    font-size: 12pt
+                    font-weight: normal
+                    border-bottom: 1px solid $app-border-color
+                    &:last-child
+                        margin-bottom: 10px
+                    &:hover
+                        border-bottom: 2px solid $app-main-color
+                        cursor: pointer
+</style>

src/components/common/index.js

@@ -1,9 +1,11 @@
 import CardGrid from './CardGrid'
 import Cart from './Cart'
 import Searcher from './Searcher'
+import DropdownSearcher from './DropdownSearcher'
 
 export {
     CardGrid,
     Cart,
-    Searcher
-}
+    Searcher,
+    DropdownSearcher
+}

src/components/modals/BankPaymentsModal.vue

@@ -0,0 +1,249 @@
+<template lang="pug">
+    modal(  name='payments-reference-modal' transition='nice-modal-fade' @before-close="beforeClose" @before-open="beforeOpen" height='auto' width='670' :classes="['v--modal', 'payments-reference-modal']")
+        h2.modal-title
+        form
+            .payment-reference-item
+                label.payment-reference-item-label Banco / Entidad
+                dropdown-searcher.payment-reference-item-input(:items='bank' :keys="['name']" :dispalyOption="['name']" placeholder='Seleccione un banco' @onSelect='selectBank')
+            .payment-reference-item
+                label.payment-reference-item-label Tipo de Pago
+                select.payment-reference-item-input(v-model="selectBankType" :disabled="recordExists")
+                    option(v-for="type in this.paymentTypes" :value="type") {{ type.name }}
+            .payment-reference-item(:style="{ display: !this.isCard() ? 'block' : 'none' }")
+                label.payment-reference-item-label Nº de Cuenta
+                input.payment-reference-item-input(v-model='data.numberCta' :disabled='this.recordExists')
+            .payment-reference-item
+                label.payment-reference-item-label Nº de {{ isCard() ? 'Boleta' : 'Cheque' }}
+                bank-payments.payment-reference-item-input(:items='bankPayments' :keys="['number']" :dispalyOption="['number']" placeholder='Ingrese el numero de (cheque, boleto, o vale)' @onSelect='selectBankPayments' :acceptEnter='true')
+            .payment-reference-item
+                label.payment-reference-item-label Monto Total
+                input.payment-reference-item-input(v-model='amountTotal' :disabled="recordExists")
+            .payment-reference-item
+                label.payment-reference-item-label Vencimiento
+                date-picker(v-model='dateMaturity' lang='es' format='DD/MM/YYYY' input-class='date-input' type='date' )
+            .payment-reference-item(:style="{ display: !this.isCard() ? 'block' : 'none' }")
+                label.payment-reference-item-label Titular
+                input.payment-reference-item-input(v-model='data.nameHolder')
+            .payment-reference-options
+                button.payments-reference-button(value='accept' @click.stop.prevent='onSubmit' :disabled='!isValid()') Aceptar
+                button.payments-reference-button(value='cancel' @click.stop.prevent='onSubmit') Cancelar
+</template>
+
+<script>
+
+    import DropdownSearcher from '@@/common/DropdownSearcher'
+    
+    import BankPayments from '@@/modals/SearcherBankPayments'
+    export default {
+        components : {
+            DropdownSearcher,
+            BankPayments
+        },
+        props: {
+            show: {
+                type: Boolean,
+                default: false
+            },
+            bank:{
+                type: Array,
+                default: []
+            },
+            paymentTypes: {
+                type: Array,
+                default: []
+            },
+            bankPayments:{
+                type: Array,
+                default: []
+            },
+            currency: {
+                type: Object,
+                default: {
+                    name: '',
+                    symbol: '',
+                    position:'before',
+                    rateSilent: 0,
+                    thousandsSeparator: '.',
+                    decimalSeparator: ',',
+                    decimalPlaces: 0
+                }
+            },
+        },
+        computed: {
+            selectBankType: {
+                get() {
+                    if (!this.data.bankType && this.paymentTypes.length > 0) {
+                       this.data.bankType = this.paymentTypes[0]
+                   }
+                   return (this.data.bankType ) || 1
+                },
+                set(value) {
+                    this.data.bankType = this.paymentTypes.find(type => type.id === value.id)
+
+                    if (this.isCard()){
+                        this.data.number = null
+                        this.data.numberCta = null
+                        this.data.amountTotal = ''
+                        this.data.dateMaturity = null
+                        this.data.nameHolder = ''
+                    }
+                }
+            },
+            dateMaturity : {
+                get() {
+                    if (!this.data.dateMaturity){
+                        this.data.dateMaturity = moment().format("DD/MM/YYYY")
+                    }
+                    return this.data.dateMaturity
+                },
+                set(value) {
+                    if (value)
+                        value = moment(value).format("DD/MM/YYYY")
+                    this.data.dateMaturity = value
+                }
+            },
+            amountTotal: {
+                get() {
+                    let formatted = this.$options.filters.currency(this.data.amountTotal, {...this.currency})
+                    return !!this.data.amountTotal ? formatted : formatted.replace(/\d/, '')
+                },
+                set(value) {
+                    value = value.replace(/[\.|,](\d{0,2}$)/, '?$1').split(/\?/)
+                    value[0] = value[0].replace(/[^0-9]/g, '')
+                    value = Number.parseFloat(value.join('.')) || 0
+
+                    this.data.amountTotal = value
+                    this.data.amountReceipt = value
+                },
+            },
+        },
+        methods: {
+            selectBank(bank) {
+                this.data.bank = bank
+            },
+
+            selectBankPayments(paymnets) {
+                let recordExists = true
+
+                if (paymnets.state === 'new')
+                    recordExists = false
+
+                this.data.bank = !!paymnets.bankId ?paymnets.bankId :this.data.bank
+                this.data.bankType = !!paymnets.bankPaymentsType ?paymnets.bankPaymentsType :this.data.bankType
+                this.data.numberCta = !!paymnets.numberCta ?paymnets.numberCta :this.data.numberCta
+                this.data.number = paymnets.number
+                this.data.amountTotal = paymnets.amountTotal
+                this.data.dateMaturity = paymnets.dateMaturity
+                this.data.nameHolder = paymnets.nameHolder
+                this.data.amountReceipt = paymnets.amountReceipt
+                this.recordExists = recordExists
+            },
+
+            beforeClose(e) {
+                if (this.show) {
+                    e.stop()
+                }
+            },
+
+            beforeOpen(e) {
+                this.data.bank = null
+                this.data.bankType =  null
+                this.data.numberCta = null
+                this.data.number = null
+                this.data.amountTotal = ''
+                this.data.dateMaturity = null
+                this.data.nameHolder = ''
+                this.data.amountReceipt = 0
+                this.recordExists = false
+            },
+
+            isValid() {
+                let noBank = !!this.data.bank && !!this.data.bankType && !!this.data.number
+                return this.isCard() ? noBank :  noBank && !!this.data.numberCta && !!this.data.amountTotal && !!this.data.dateMaturity && !!this.data.nameHolder
+            },
+
+            isCard() {
+                return (this.data.bankType && this.data.bankType.code === 'TJ') || false
+            },
+
+            onSubmit(e) {
+                if (e.target.value === 'cancel') {
+                    this.data.bank = null
+                    this.data.bankType = null
+                    this.data.bankNumber = null
+                    this.data.dueDate = null
+                    this.data.accountNumber = null
+                    this.data.holder = null
+                }
+                this.$emit('onSubmit',this.data )
+            }
+        },
+        watch: {
+            show(value) {
+                if (!value) {
+                    this.$modal.hide('payments-reference-modal')
+                    return
+                }
+                    this.$modal.show('payments-reference-modal')
+            }
+        },
+        data() {
+            return {
+                data: {
+                    bank: null,
+                    bankType: null,
+                    numberCta: null,
+                    number: null,
+                    amountTotal: '',
+                    dateMaturity: null,
+                    nameHolder: '',
+                    amountReceipt: 0
+                },
+                recordExists: false,
+            }
+        }
+    }
+</script>
+
+<style lang="sass">
+    @import '../../assets/variables'
+    .payments-reference-modal
+        padding: 15px !important
+        form
+            width: 100%
+            height: 100%
+            .payment-reference-item
+                width: 100%
+                height: 45px
+                margin-bottom: 10px
+                .payment-reference-item-label
+                    width: 30%
+                    height: 45px
+                    font-size: 14pt
+                .payment-reference-item-input
+                    width: 70%
+                    height: 45px
+                    font-size: 14pt
+                    border-radius: 0
+                    display: inline-block
+                .date-input
+                    width: 100%
+                    height: 45px
+                    font-size: 14pt
+                    border-radius: 0
+                    display: inline-block
+                .mx-datepicker
+                    .mx-datepicker-popup
+                        bottom: -160% !important
+            .payment-reference-options
+                float: right
+                .payments-reference-button
+                    width: 150px
+                    height: 40px
+                    border: none
+                    box-shadow: none
+                    border-radius: 0
+                    margin-right: 5px
+                    background: $app-main-color
+                    color: $app-bg-color
+</style>

src/components/modals/PaymentReferenceModals.vue

@@ -1,304 +0,0 @@
-<template lang="pug">
-    modal(name='payments-reference' transition='nice-modal-fade' :classes="['v--modal', 'payments-reference', is_not_completed &&'is-not-completed']" @before-close="beforeClose" @before-open="beforeOpen")
-        form
-            .payment-reference-title
-                h3 Detalles de Operaciones Bancarias
-                hr
-            .payment-reference-item
-                label.payment-reference-item-label Nº cheque / boleta
-                input.payment-reference-item-input(type="bankRef" v-model='bankRef' :placeholder='placeholder' required='required' :class="{'item-input-invalid': !this.paymentsBankRef}")
-            .payment-reference-item
-                label.payment-reference-item-label Banco / Entidad
-                select.payment-reference-item-input(v-model='selectBank' :class="{'item-input-invalid': !this.selectedPaymentsBank}")
-                    option(v-for="bank in bank" :value="bank") {{ bank.name }}
-            .payment-reference-item
-                label.payment-reference-item-label Tipo de Operación
-                select.payment-reference-item-input(v-model="selectBankType" :class="{'item-input-invalid': !this.selectedPaymentsBankType}")
-                    option(v-for="bankType in bankType" :value="bankType") {{ bankType.name }}
-            .payment-reference-item
-                label.payment-reference-item-label Fecha de Vencimiento
-                input.payment-reference-item-input(v-model='dateMaturity' type="date" value='' :class="{'item-input-invalid': !this.paymentsBankDateMaturity}")
-            .payment-reference-item(:class="{'item-disabled': this.bankTypeSelected}")
-                label.payment-reference-item-label Nº  Cuenta
-                input.payment-reference-item-input(:disabled="this.bankTypeSelected" v-model='bankNumberCta' value='')
-            .payment-reference-item(:class="{'item-disabled': this.bankTypeSelected}")
-                label.payment-reference-item-label Titular
-                input.payment-reference-item-input(:disabled="this.bankTypeSelected" v-model='bankNameHolder' value='')
-            hr
-            .payment-reference-options
-                button.payments-reference-button(@click.prevent='onAccept') Aceptar
-                button.payments-reference-button(@click.prevent='onCancel') Cancelar
-</template>
-
-<script>
-
-    import { mapGetters, mapActions } from 'vuex'
-    import {
-        SELECT_PAYMENTS_PURCHASES_BANK,
-        SELECT_PAYMENTS_PURCHASES_BANK_TYPE,
-        CHANGE_PAYMENTS_PURCHASES_BANK_REF,
-        CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
-        CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
-        CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
-        FILTER_NUMBER_CH_BANK
-    } from '@/constants/actionTypes'
-
-    import Fuse from 'fuse.js'
-
-    export default {
-        props: {
-            show: {
-                type: Boolean,
-                default: false
-            },
-            placeholder: {
-                type: String,
-                default: 'Buscar...'
-            },
-            shouldSort: {
-                type: Boolean,
-                default: true
-            },
-            threshold: {
-                type: Number,
-                default: 0.0,
-            },
-            location: {
-                type: Number,
-                default: 0
-            },
-            distance: {
-                type: Number,
-                default: 100
-            },
-            maxPatternLength: {
-                type: Number,
-                default: 32
-            },
-            minMatchCharLength: {
-                type: Number,
-                default: 1
-            },
-            keys: {
-                type: Array,
-                default: ['number'],
-                required: true
-            }
-        },
-
-        computed: {
-            selectBank: {
-                get() {
-                    return (this.selectedPaymentsBank) || -1
-                },
-                set(value) {
-                    if (value)
-                        this.selectPaymentsPurchasesBank(value)
-                        this.is_not_completed = false
-                }
-            },
-
-            selectBankType: {
-                get() {
-                    return (this.selectedPaymentsBankType) || -1
-                },
-                set(value) {
-                    if (value)
-                        this.selectPaymentsPurchasesBankType(value)
-                        this.bankTypeSelected = value.code === "TJ"
-                        this.is_not_completed = false
-                }
-            },
-
-            dateMaturity: {
-                get() {
-                    return this.paymentsBankDateMaturity || ''
-                },
-                set(value){
-                    this.changePaymentsPurchasesBankDateMaturity(value)
-                    this.is_not_completed = false
-                }
-            },
-
-            bankRef: {
-                get() {
-                    return this.paymentsBankRef || ''
-                },
-                set(value){
-                    this.changePaymentsPurchasesBankRef(value)
-                    this.is_not_completed = false
-                }
-            },
-            bankNumberCta: {
-                get() {
-                    return this.paymentsBankNumberCta || ''
-                },
-                set(value) {
-                    this.changePaymentsPurchasesBankNumberCta(value)
-                }
-            },
-
-            bankNameHolder: {
-                get() {
-                    return this.paymentsBankNameHolder || ''
-                },
-                set(value) {
-                    this.changePaymentsPurchasesBankNameHolder(value)
-                }
-            },
-
-            ...mapGetters([
-                'bank',
-                'bankType',
-                'selectedPaymentsBank',
-                'selectedPaymentsBankType',
-                'paymentsBankRef',
-                'paymentsBankDateMaturity',
-                'paymentsBankNumberCta',
-                'paymentsBankNameHolder',
-                'bankPaymentsLine'
-            ]),
-        },
-        methods: {
-            beforeClose(e) {
-                if ((!this.isValid()) && (this.is_cancel === false)) {
-                    this.is_not_completed = true
-                    e.stop()
-                }
-            },
-            beforeOpen(e){
-                this.is_cancel = false
-                this.is_not_completed = false
-                this.bankTypeSelected = false
-                this.initFuse()
-            },
-            onAccept(e) {
-                if (!this.isValid())
-                    return
-                this.$emit('onAccept', 'Accept')
-            },
-            onCancel(e) {
-                this.is_cancel= true
-                this.$emit('onCancel', 'Cancel')
-            },
-            isValid() {
-                if (!this.selectedPaymentsBank) {
-                    return false
-                }
-                if (!this.selectedPaymentsBankType) {
-                    return false
-                }
-                if (!this.paymentsBankDateMaturity) {
-                    return false
-                }
-                if (!this.paymentsBankRef) {
-                    return false
-                }
-                return true
-            },
-            initFuse() {
-                this.fuse = new Fuse(this.bankPaymentsLine, {
-                    shouldSort: this.shouldSort,
-                    threshold: this.threshold,
-                    location: this.location,
-                    distance: this.distance,
-                    maxPatternLength: this.maxPatternLength,
-                    minMatchCharLength: this.minMatchCharLength,
-                    keys: this.keys
-                })
-            },
-            performSearchRefBank(value) {
-                this.results = this.fuse.search(value)
-            },
-            ...mapActions([
-                SELECT_PAYMENTS_PURCHASES_BANK,
-                SELECT_PAYMENTS_PURCHASES_BANK_TYPE,
-                CHANGE_PAYMENTS_PURCHASES_BANK_REF,
-                CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
-                CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
-                CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
-                FILTER_NUMBER_CH_BANK
-            ])
-        },
-        watch: {
-            show(value) {
-                if (value) {
-                    this.$modal.show('payments-reference')
-                } else {
-                    this.$modal.hide('payments-reference')
-                }
-            },
-            bankRef(value) {
-                this.performSearchRefBank(value.trim())
-            },
-            results(values) {
-                // console.log("results");
-                // console.log(values);
-                this.filterNumberChBank(values)
-            }
-        },
-        data() {
-            return {
-                is_cancel: false,
-                is_not_completed: false,
-                bankTypeSelected: false,
-                results: [],
-                fuse: null,
-                // bankRef: ''
-            }
-        },
-    }
-</script>
-
-<style lang="sass">
-    @import '../../assets/variables'
-    .payments-reference
-        width: 600px
-        height: 400px !important
-        transition: box-shadow 1s
-        &.is-not-completed
-            // box-shadow: 0 24px 80px -2px rgba(255, 0, 0, .6) !important
-        form
-            width: 100%
-            height: 290px
-            padding: 15px
-            .payment-reference-title
-                h3
-                    color: $app-separator-color
-                    font-size: 15pt
-                    margin-top: 10px
-                hr
-                    margin-top: 10px
-                    margin-bottom: 10px
-            .payment-reference-item
-                width: 100%
-                height: 30px
-                margin-bottom: 10px
-                &.item-disabled
-                    color: #9e9e9e
-                .payment-reference-item-label
-                    width: 30%
-                    height: 30px
-                    font-size: 10pt
-                .payment-reference-item-input
-                    width: 70% !important
-                    height: 30px
-                    font-size: 10pt
-                    float: right
-                    &.item-input-invalid
-                        border-color: $app-error-color
-                        box-shadow: 1px 1px 2px $app-error-color, -1px -1px 2px $app-error-color
-                hr
-
-            .payment-reference-options
-                float: right
-                .payments-reference-button
-                    width: 160px
-                    height: 40px
-                    border: none
-                    box-shadow: none
-                    border-radius: 0
-                    margin-right: 5px
-                    background: $app-main-color
-                    color: $app-bg-color
-</style>

src/components/modals/SearcherBankPayments.vue

@@ -0,0 +1,192 @@
+<template lang="pug">
+    .searcher
+        span.input-icon.fa.fa-search(@click='onClickOptions')
+        input.search-input(v-model='search' :placeholder='placeholder' autofocus @keyup.enter='enterPressed' @keyup.delete='keyupDelete')
+        .dropdown-options(:class="{'input-show-paymnets-bank': showOptions }")
+            ul.input-options
+                li.input-option(v-for='option in getOptions()' :key='option.id' @click='onSelectOption(option)') {{ option[dispalyOption] }}
+</template>
+
+<script>
+
+    export default {
+        props: {
+            placeholder: {
+                type: String,
+                default: 'Buscar'
+            },
+            autofocus: {
+                type: Boolean,
+                default: false
+            },
+            items: {
+                type: Array,
+                default: [],
+                required: true
+            },
+            keys: {
+                type: Array,
+                default: [],
+                required: true
+            },
+            dispalyOption :{
+                type: Array,
+                default: [],
+            },
+            acceptEnter: {
+                type: Boolean,
+                default: false
+            }
+        },
+        watch: {
+            search(value, lastValue) {
+                value = value.trim()
+
+                if (!value && value.length != lastValue.length) {
+                    this.selectedOption = null
+                }
+                this.performSearch(value)
+            }
+        },
+        methods: {
+            keyupDelete() {
+                this.enterPressed()
+                this.selectedOption = null
+            },
+
+            enterPressed(){
+                if(!this.acceptEnter)
+                    return
+
+                let item = {
+                    'bankId': '',
+                    'bankPaymentsType': '',
+                    'numberCta':  '',
+                    'number': this.search,
+                    'amountTotal': 0,
+                    'dateMaturity': '',
+                    'nameHolder': '',
+                    'amountReceipt': '',
+                    'state' : 'new'
+                }
+
+                if (this.getOptions().length === 1 && this.getOptions()[0].number === this.search)
+                    item = this.getOptions()[0]
+
+                this.showOptions = false
+                this.$emit('onSelect', item)
+            },
+
+            getOptions() {
+                return this.results.length == 0 ? this.items : this.results
+            },
+
+            performSearch(value) {
+                this.results = []
+
+                if (!value){
+                    this.showOptions = false
+                    return
+                }
+
+                if (this.selectedOption) {
+                    this.showOptions = false
+                    return
+                }
+
+                for (let item of this.items) {
+                    for (let field in item) {
+                        if (typeof item[field] !== 'string') {
+                            continue
+                        }
+
+                        if (this.keys.length !== 0 && this.keys.indexOf(field) === -1) {
+                            continue
+                        }
+                        if (item[field].toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+                            this.results.push(item)
+                            this.showOptions = true
+                            break
+                        }
+                        if (!this.results.length){
+                            this.showOptions = false
+                        }
+                    }
+                }
+            },
+
+            onClickOptions() {
+                this.showOptions = !this.showOptions || !!this.search
+            },
+
+            onSelectOption(item) {
+                this.selectedOption = item
+                this.showOptions = false
+                this.search = item[this.dispalyOption]
+                this.search =  item[this.dispalyOption]
+                this.$emit('onSelect', item)
+            }
+        },
+        data() {
+            return {
+                search: '',
+                results: [],
+                selectedOption: null,
+                showOptions: false
+            }
+        }
+    }
+</script>
+
+<style lang="sass">
+    @import '../../assets/variables'
+    .searcher
+        width: 100%
+        height: 35px
+        position: relative
+        .input-icon
+            position: absolute
+            top: 14px
+            right: 10px
+            font-size: 12pt
+            color: $app-dark-color
+            &:hover
+                cursor: pointer
+        .search-input
+            width: 100%
+            height: 100%
+            border-radius: 0
+            font-size: 12pt
+            font-weight: normal
+        .dropdown-options
+            display: none
+            position: absolute
+            background: $app-light-color
+            border: 1px solid $app-separator-color
+            box-shadow: 0 3px 5px $app-separator-color
+            z-index: 10
+            top: 45px
+            left: 0
+            right: 0
+            bottom: -325px
+            padding: 0
+            animation-duration: 500ms
+            overflow-y: auto
+            &.input-show-paymnets-bank
+                display: block
+                height: 170px
+            ul
+                li
+                    height: 35px
+                    display: block
+                    text-align: left
+                    margin: 10px 0 0 10px
+                    font-size: 12pt
+                    font-weight: normal
+                    border-bottom: 1px solid $app-border-color
+                    &:last-child
+                        margin-bottom: 10px
+                    &:hover
+                        border-bottom: 2px solid $app-main-color
+                        cursor: pointer
+</style>

src/components/steps/Invoices.vue

@@ -8,7 +8,6 @@
 <script>
 
     import { mapGetters, mapActions } from 'vuex'
-    import { SELECT_SUPPLIER_INVOICES, FILTER_SUPPLIER_INVOICES } from '@/constants/actionTypes'
     import { Searcher } from '@@/common'
     import Grid from '@@/fromsInvoices/Grid'
 
@@ -22,8 +21,8 @@
             'supplierInvoicesVisibles'
         ]),
         methods: mapActions([
-            SELECT_SUPPLIER_INVOICES,
-            FILTER_SUPPLIER_INVOICES
+            'selectSupplierInvoices',
+            'filterSupplierInvoices'
         ])
     }
 </script>

src/components/steps/MovesLines.vue

@@ -1,14 +1,13 @@
 <template lang="pug">
     .payments-purchase-step
         .move-step
-            grid-moves(:items="supplierMoveLines" @onSelect="selectSuppierMoveLines" :currency="currencyInvoice")
+            grid-moves(:items="supplierMoveLines" @onSelect="selectSupplierMoveLines" :currency="currencyInvoice")
             grid-payments(:items='supplierLinesPayments' :total="supplierPaymentsTotal" @onDeleteIntem="actionRemoveSupplierLinesPayments" :currency='currencyInvoice')
 </template>
 
 <script>
 
     import { mapActions, mapGetters } from 'vuex'
-    import { SELECT_SUPPLIER_MOVE_LINES, ACTION_REMOVE_SUPPLIER_LINES_PAYMENTS } from '@/constants/actionTypes'
     import GridMoves from '@@/fromsMoveLine/GridMoves'
     import GridPayments from '@@/fromsMoveLine/GridMovesPayments'
 
@@ -24,8 +23,8 @@
             'currencyInvoice'
         ]),
         methods: mapActions([
-            SELECT_SUPPLIER_MOVE_LINES,
-            ACTION_REMOVE_SUPPLIER_LINES_PAYMENTS
+            'selectSupplierMoveLines',
+            'actionRemoveSupplierLinesPayments'
         ])
     }
 </script>

src/components/steps/Supplier.vue

@@ -12,7 +12,6 @@
     import { mapGetters, mapActions } from 'vuex'
     import { Searcher, CardGrid } from '@@/common'
     import SupplierDetails from '@@/fromsSupplier/SupplierDetails'
-    import { FILTER_PAYMENTS_PURCHASES_SUPPLIER, SELECT_PAYMENTS_PURCHASES_SUPPLIER } from '@/constants/actionTypes'
 
     export default {
         components: {
@@ -28,8 +27,8 @@
             'currencyCompany'
         ]),
         methods: mapActions([
-            FILTER_PAYMENTS_PURCHASES_SUPPLIER,
-            SELECT_PAYMENTS_PURCHASES_SUPPLIER
+            'filterPaymentsPurchasesSupplier',
+            'selectPaymentsPurchasesSupplier'
         ])
     }
 </script>

src/components/steps/payments.vue

@@ -20,7 +20,6 @@
                     label.method-form-label Método de pago
                     select.method-form-input(v-model="SelectedJournal")
                         option(v-for="journal in paymentsJournals" :value="journal") {{ journal.displayName }}
-                payment-modals(:show="this.typeJournal === 'bank'" @onAccept='methodbutton' @onCancel='methodbutton')
                 .method-form-item
                     label.method-form-label Total
                     input.method-form-input-number(readonly :value="paymentsTotal | currency(...paymentsCurrencyJournal)")
@@ -30,20 +29,20 @@
                 .method-form-item
                     label.method-form-label Vuelto
                     input.method-form-input-number(readonly :value='paymentsReturned | currency(...paymentsCurrencyJournal)')
+            bank-payments(:show="showBankPaymentModal" :paymentTypes='this.bankType' :bank='this.bank' :bankPayments='this.bankPayments' :currency='currencyJournal' @onSubmit='submitButton')
 </template>
 
 <script>
     import { mapGetters, mapActions } from 'vuex'
-    import { SELECT_PAYMENTS_JOURNALS, CHANGE_INITIAL_PAID, RESET_SUPPLIER_PAYMENTS_BANK } from '@/constants/actionTypes'
     import  VoucherTicket from '@@/payments/VoucherTicket'
     import Spinner from '@@/common/Spinner'
-    import PaymentModals from '@@/modals/PaymentReferenceModals'
+    import BankPayments from '@@/modals/BankPaymentsModal'
 
     export default {
         components: {
             VoucherTicket,
             Spinner,
-            PaymentModals
+            BankPayments
         },
         computed: {
             SelectedJournal: {
@@ -83,23 +82,25 @@
                 'paidTotal',
                 'paymentsReturned',
                 'paymentsCurrencyJournal',
-                'processingPaymentsPurchases'
+                'processingPaymentsPurchases',
+                'showBankPaymentModal',
+                'bank',
+                'bankType',
+                'bankPayments'
             ])
         },
         methods: {
             computePayment(value) {
                 this.paymentsReturned = value < this.paymentsTotal ? 0 : value - this.paymentsTotal
             },
-            methodbutton(value) {
-                    this.typeJournal = ''
-                if (value === 'Cancel') {
-                    this.resetSupplierPaymentsBank()
-                }
+            submitButton(value) {
+                this.submitBankPayments(value)
             },
             ...mapActions([
-                CHANGE_INITIAL_PAID,
-                SELECT_PAYMENTS_JOURNALS,
-                RESET_SUPPLIER_PAYMENTS_BANK
+                'changeInitialPaid',
+                'selectPaymentsJournals',
+                'resetSupplierPaymentsBank',
+                'submitBankPayments'
             ])
         },
         data() {

src/constants/actionTypes.js

@@ -50,18 +50,18 @@ const INIT_PAYMENTS_PURCHASES_CURRENCIES = 'initPaymentsPurchasesCurrencies'
 /**
  * [INIT_PAYMENTS / BANK - BANK TYPE description]
  */
-const INIT_PAYMENTS_PURCHASES_BANK = 'initPaymentsPurchasesBank'
-const INIT_PAYMENTS_PURCHASES_BANK_TYPE = 'initPaymentsPurchasesBankType'
-const INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE = 'initPaymentsPurchasesBankPaymentsLine'
+// const INIT_PAYMENTS_PURCHASES_BANK = 'initPaymentsPurchasesBank'
+// const INIT_PAYMENTS_PURCHASES_BANK_TYPE = 'initPaymentsPurchasesBankType'
+// const INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE = 'initPaymentsPurchasesBankPaymentsLine'
 
-const SELECT_PAYMENTS_PURCHASES_BANK = 'selectPaymentsPurchasesBank'
-const SELECT_PAYMENTS_PURCHASES_BANK_TYPE = 'selectPaymentsPurchasesBankType'
-const CHANGE_PAYMENTS_PURCHASES_BANK_REF = 'changePaymentsPurchasesBankRef'
-const CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY = 'changePaymentsPurchasesBankDateMaturity'
-const CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA ='changePaymentsPurchasesBankNumberCta'
-const CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER = 'changePaymentsPurchasesBankNameHolder'
+// const SELECT_PAYMENTS_PURCHASES_BANK = 'selectPaymentsPurchasesBank'
+// const SELECT_PAYMENTS_PURCHASES_BANK_TYPE = 'selectPaymentsPurchasesBankType'
+// const CHANGE_PAYMENTS_PURCHASES_BANK_REF = 'changePaymentsPurchasesBankRef'
+// const CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY = 'changePaymentsPurchasesBankDateMaturity'
+// const CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA ='changePaymentsPurchasesBankNumberCta'
+// const CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER = 'changePaymentsPurchasesBankNameHolder'
 
-const FILTER_NUMBER_CH_BANK = 'filterNumberChBank'
+// const FILTER_NUMBER_CH_BANK = 'filterNumberChBank'
 /**
  * [Finish Payments]
  */
@@ -69,7 +69,7 @@ const COMPLETED_PAYMENTS_PURCHASES = 'completedPaymentsPurchases'
 /**
  * [CHECK STEPS]
  */
-const CHECK_PAYMENTS_PURCHASES_SUPPLIER = 'checkPaymentsPurchasesSUpplier'
+const CHECK_PAYMENTS_PURCHASES_SUPPLIER = 'checkPaymentsPurchasesSupplier'
 const CHECK_PAYMENTS_PURCHASES_INVOICES = 'checkPaymentsPurchasesInvoices'
 const CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS = "checkPaymentsPurchasesLinesPayments"
 const CHECK_PAYMENTS_PURCHASES_JOURNALS = 'checkPaymentsPurchasesJournals'
@@ -91,73 +91,73 @@ const RESET_SUPPLIER_PAYMENTS_BANK = 'resetSupplierPaymentsBank'
 const RESET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE = 'resetPaymentsPurchasesBankPaymentsLine'
 
 
-export {
-    //INIT - PROCESS - RESET-
-    INIT_PAYMENTS_PURCHASES,
-    PAYMENTS_PURCHASES_NOTIFY,
-    EXPLODE_DATA,
-    PAYMENTS_PURCHASE_PROCESS,
-    RESET_PAYMENTS_PURCHASES,
-    SET_CHANGE_TAB_STEPS,
-    //DATE
-    INIT_PAYMENTS_PURCHASES_DATE,
-    //USER
-    INIT_PAYMENTS_PURCHASES_USER,
-    INIT_COMPANY_USER,
-    //SUPPLIER
-    INIT_PAYMENTS_PURCHASES_SUPPLIER,
-    FILTER_PAYMENTS_PURCHASES_SUPPLIER,
-    SELECT_PAYMENTS_PURCHASES_SUPPLIER,
-    //Invoices
-    INIT_SUPPLIER_INVOICES,
-    FILTER_SUPPLIER_INVOICES,
-    SELECT_SUPPLIER_INVOICES,
-    ADD_MOVE_IN_INVOICE,
-    // Move Lines
-    INIT_SUPPLIER_MOVE_LINES,
-    SELECT_SUPPLIER_MOVE_LINES,
-    ACTION_REMOVE_SUPPLIER_LINES_PAYMENTS,
-    ACTION_REMOVE_ALL_SUPPLIER_LINES_PAYMENTS,
-    //JOURNAL
-    INIT_PAYMENTS_PURCHASES_JOURNALS,
-    ADD_PAYMENTS_MOVE_LINES,
-    REMOVE_PAYMENTS_MOVE_LINES,
-    INIT_PAYMENTS_JOURNALS,
-    SELECT_PAYMENTS_JOURNALS,
-    CHANGE_INITIAL_PAID,
-    RESET_SELECTED_JOURNAL_PAYMENTS,
-    //CURRENCIES
-    INIT_PAYMENTS_PURCHASES_CURRENCIES,
-    // BANK / BANK TYPE
-    INIT_PAYMENTS_PURCHASES_BANK,
-    INIT_PAYMENTS_PURCHASES_BANK_TYPE,
-    INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE,
-    SELECT_PAYMENTS_PURCHASES_BANK,
-    SELECT_PAYMENTS_PURCHASES_BANK_TYPE,
-    CHANGE_PAYMENTS_PURCHASES_BANK_REF,
-    CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
-    CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
-    CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
-    FILTER_NUMBER_CH_BANK,
-    // finish payments
-    COMPLETED_PAYMENTS_PURCHASES,
-    // CHECK STEPS
-    CHECK_PAYMENTS_PURCHASES_SUPPLIER,
-    CHECK_PAYMENTS_PURCHASES_INVOICES,
-    CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS,
-    CHECK_PAYMENTS_PURCHASES_JOURNALS,
-    // RESET
-    RESET_PAYMENTS_PURCHASES_DATE,
-    RESET_PAYMENTS_PURCHASES_USER,
-    RESET_PAYMENTS_PURCHASES_COMPANY,
-    RESET_PAYMENTS_PURCHASES_SUPPLIER,
-    RESET_PAYMENTS_PURCHASES_JOURNALS,
-    RESET_PAYMENTS_PURCHASES_CURRENCIES,
-    RESET_SUPPLIER_INVOICES,
-    RESET_SUPPLIER_MOVE_LINES,
-    RESET_SUPPLIER_PAYMENTS,
-    RESET_PAYMENTS_PURCHASES_BANK,
-    RESET_PAYMENTS_PURCHASES_BANK_TYPE,
-    RESET_SUPPLIER_PAYMENTS_BANK,
-    RESET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE
-}
+// export {
+//     //INIT - PROCESS - RESET-
+//     INIT_PAYMENTS_PURCHASES,
+//     PAYMENTS_PURCHASES_NOTIFY,
+//     EXPLODE_DATA,
+//     PAYMENTS_PURCHASE_PROCESS,
+//     RESET_PAYMENTS_PURCHASES,
+//     SET_CHANGE_TAB_STEPS,
+//     //DATE
+//     INIT_PAYMENTS_PURCHASES_DATE,
+//     //USER
+//     INIT_PAYMENTS_PURCHASES_USER,
+//     INIT_COMPANY_USER,
+//     //SUPPLIER
+//     INIT_PAYMENTS_PURCHASES_SUPPLIER,
+//     FILTER_PAYMENTS_PURCHASES_SUPPLIER,
+//     SELECT_PAYMENTS_PURCHASES_SUPPLIER,
+//     //Invoices
+//     INIT_SUPPLIER_INVOICES,
+//     FILTER_SUPPLIER_INVOICES,
+//     SELECT_SUPPLIER_INVOICES,
+//     ADD_MOVE_IN_INVOICE,
+//     // Move Lines
+//     INIT_SUPPLIER_MOVE_LINES,
+//     SELECT_SUPPLIER_MOVE_LINES,
+//     ACTION_REMOVE_SUPPLIER_LINES_PAYMENTS,
+//     ACTION_REMOVE_ALL_SUPPLIER_LINES_PAYMENTS,
+//     //JOURNAL
+//     INIT_PAYMENTS_PURCHASES_JOURNALS,
+//     ADD_PAYMENTS_MOVE_LINES,
+//     REMOVE_PAYMENTS_MOVE_LINES,
+//     INIT_PAYMENTS_JOURNALS,
+//     SELECT_PAYMENTS_JOURNALS,
+//     CHANGE_INITIAL_PAID,
+//     RESET_SELECTED_JOURNAL_PAYMENTS,
+//     //CURRENCIES
+//     INIT_PAYMENTS_PURCHASES_CURRENCIES,
+//     // BANK / BANK TYPE
+//     INIT_PAYMENTS_PURCHASES_BANK,
+//     INIT_PAYMENTS_PURCHASES_BANK_TYPE,
+//     INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE,
+//     SELECT_PAYMENTS_PURCHASES_BANK,
+//     SELECT_PAYMENTS_PURCHASES_BANK_TYPE,
+//     CHANGE_PAYMENTS_PURCHASES_BANK_REF,
+//     CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
+//     CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
+//     CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
+//     FILTER_NUMBER_CH_BANK,
+//     // finish payments
+//     COMPLETED_PAYMENTS_PURCHASES,
+//     // CHECK STEPS
+//     CHECK_PAYMENTS_PURCHASES_SUPPLIER,
+//     CHECK_PAYMENTS_PURCHASES_INVOICES,
+//     CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS,
+//     CHECK_PAYMENTS_PURCHASES_JOURNALS,
+//     // RESET
+//     RESET_PAYMENTS_PURCHASES_DATE,
+//     RESET_PAYMENTS_PURCHASES_USER,
+//     RESET_PAYMENTS_PURCHASES_COMPANY,
+//     RESET_PAYMENTS_PURCHASES_SUPPLIER,
+//     RESET_PAYMENTS_PURCHASES_JOURNALS,
+//     RESET_PAYMENTS_PURCHASES_CURRENCIES,
+//     RESET_SUPPLIER_INVOICES,
+//     RESET_SUPPLIER_MOVE_LINES,
+//     RESET_SUPPLIER_PAYMENTS,
+//     RESET_PAYMENTS_PURCHASES_BANK,
+//     RESET_PAYMENTS_PURCHASES_BANK_TYPE,
+//     RESET_SUPPLIER_PAYMENTS_BANK,
+//     RESET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE
+// }

src/constants/mutationTypes.js

@@ -71,63 +71,63 @@ const SET_NUMBER_CH_BANK = 'setNumberChbank'
  */
 const SET_COMPLETED_PAYMENTS_PURCHASES = 'setCompletedPaymentsPurchases'
 const SET_PROCESSING_PAYMENTS_PURCHASES = ' setProcessingPaymentsPurchases'
-
-export {
-    //DATE
-    SET_DATE,
-    SET_LOADING_DATE,
-    //USER
-    SET_USER,
-    SET_LOADING_USER,
-    SET_COMPANY_USER,
-    SET_CURRENCY_COMPANY,
-    //SUPPLIER
-    SET_SUPPLIER,
-    SET_LOADING_SUPPLIER,
-    SET_FILTER_PAYMENTS_PURCHASES_SUPPLIER,
-    SET_SELECTED_PAYMENTS_PURCHASES_SUPPLIER,
-    //Invoices
-    SET_SUPPLIER_INVOICES,
-    SET_SELECTED_SUPPLIER_INVOICES,
-    SET_FILTER_SUPPLIER_INVOICES,
-    SET_MOVE_IN_INVOICE,
-    SET_CURRENCY_INVOICE,
-    // Move lines
-    SET_SUPPLIER_MOVE_LINES,
-    SET_SELECTED_SUPPLIER_MOVE_LINES,
-    SET_SUPPLIER_LINES_PAYMENTS,
-    REMOVE_SUPPLIER_MOVE_LINES,
-    SET_ORDER_SUPPLIER_MOVE_LINES,
-    SET_ORDER_SUPPLIER_LINES_PAYMENTS,
-    SET_CALCULATE_TOTAL,
-    REMOVE_SUPPLIER_LINES_PAYMENTS,
-    REMOVE_LINES_PAYMENTS,
-    //JOURNALS
-    SET_JOURNALS,
-    SET_LOADING_JOURNALS,
-    SET_ADD_PAYMENTS_MOVE_LINES,
-    SET_REMOVE_PAYMENTS_MOVE_LINES,
-    SET_PAYMENTS_JOURNALS,
-    SELECTED_PAYMENTS_JOURNALS,
-    CALCULATE_PAYMENTS_TOTAL,
-    CALCULATE_CURRENCY_AMOUNT,
-    SET_PAID_TOTAL,
-    SET_PAYMENTS_CURRENCY_JOURNAL,
-    //CURRENCIES
-    SET_CURRENCIES,
-    SET_LOADING_CURRENCIES,
-    // BANK / BANK TYPE
-    SET_PAYMENTS_PURCHASES_BANK,
-    SET_PAYMENTS_PURCHASES_BANK_TYPE,
-    SET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE,
-    SET_NUMBER_CH_BANK,
-    SELECTED_PAYMENTS_PURCHASES_BANK,
-    SELECTED_PAYMENTS_PURCHASES_BANK_TYPE,
-    SET_PAYMENTS_PURCHASES_BANK_REF,
-    SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
-    SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
-    SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
-    // finish payments
-    SET_COMPLETED_PAYMENTS_PURCHASES,
-    SET_PROCESSING_PAYMENTS_PURCHASES
-}
+//
+// export {
+//     //DATE
+//     SET_DATE,
+//     SET_LOADING_DATE,
+//     //USER
+//     SET_USER,
+//     SET_LOADING_USER,
+//     SET_COMPANY_USER,
+//     SET_CURRENCY_COMPANY,
+//     //SUPPLIER
+//     SET_SUPPLIER,
+//     SET_LOADING_SUPPLIER,
+//     SET_FILTER_PAYMENTS_PURCHASES_SUPPLIER,
+//     SET_SELECTED_PAYMENTS_PURCHASES_SUPPLIER,
+//     //Invoices
+//     SET_SUPPLIER_INVOICES,
+//     SET_SELECTED_SUPPLIER_INVOICES,
+//     SET_FILTER_SUPPLIER_INVOICES,
+//     SET_MOVE_IN_INVOICE,
+//     SET_CURRENCY_INVOICE,
+//     // Move lines
+//     SET_SUPPLIER_MOVE_LINES,
+//     SET_SELECTED_SUPPLIER_MOVE_LINES,
+//     SET_SUPPLIER_LINES_PAYMENTS,
+//     REMOVE_SUPPLIER_MOVE_LINES,
+//     SET_ORDER_SUPPLIER_MOVE_LINES,
+//     SET_ORDER_SUPPLIER_LINES_PAYMENTS,
+//     SET_CALCULATE_TOTAL,
+//     REMOVE_SUPPLIER_LINES_PAYMENTS,
+//     REMOVE_LINES_PAYMENTS,
+//     //JOURNALS
+//     SET_JOURNALS,
+//     SET_LOADING_JOURNALS,
+//     SET_ADD_PAYMENTS_MOVE_LINES,
+//     SET_REMOVE_PAYMENTS_MOVE_LINES,
+//     SET_PAYMENTS_JOURNALS,
+//     SELECTED_PAYMENTS_JOURNALS,
+//     CALCULATE_PAYMENTS_TOTAL,
+//     CALCULATE_CURRENCY_AMOUNT,
+//     SET_PAID_TOTAL,
+//     SET_PAYMENTS_CURRENCY_JOURNAL,
+//     //CURRENCIES
+//     SET_CURRENCIES,
+//     SET_LOADING_CURRENCIES,
+//     // BANK / BANK TYPE
+//     SET_PAYMENTS_PURCHASES_BANK,
+//     SET_PAYMENTS_PURCHASES_BANK_TYPE,
+//     SET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE,
+//     SET_NUMBER_CH_BANK,
+//     SELECTED_PAYMENTS_PURCHASES_BANK,
+//     SELECTED_PAYMENTS_PURCHASES_BANK_TYPE,
+//     SET_PAYMENTS_PURCHASES_BANK_REF,
+//     SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
+//     SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
+//     SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
+//     // finish payments
+//     SET_COMPLETED_PAYMENTS_PURCHASES,
+//     SET_PROCESSING_PAYMENTS_PURCHASES
+// }

src/index.js

@@ -4,11 +4,12 @@ import store from '@/store'
 import currency from '@@/filters/currency'
 import dateFormat from '@@/filters/dateFormat'
 import VModal from 'vue-js-modal'
-
+import DatePicker from 'vue2-datepicker'
 
 Vue.filter('currency', currency)
 Vue.filter('dateFormat', dateFormat)
 Vue.use(VModal)
+Vue.use(DatePicker)
 /*config*/
 Vue.config.productionTip = false
 Vue.config.silent = true

src/store/AppPurchases.js

@@ -0,0 +1,184 @@
+import axios from 'axios'
+import { INIT_PAYMENTS_PURCHASES_URL, PAYMENTS_PURCHASES_PROCESS_URL } from '@/constants/resourcePaths'
+
+const state = {
+    processingPaymentsPurchases: false,
+    completedPaymentsPurchases: false
+}
+
+const getters = {
+    /**
+     * [processingPaymentsPurchases description]
+     */
+    processingPaymentsPurchases ( state ) {
+        return state.processingPaymentsPurchases
+    },
+    /**
+     * [completedPaymentsPurchases description]
+     */
+    completedPaymentsPurchases ( state ) {
+        return state.completedPaymentsPurchases
+    }
+}
+
+const mutations = {
+    /**
+     * [completedPaymentsPurchases description]
+     */
+    setProcessingPaymentsPurchases (state, payload ) {
+        state.processingPaymentsPurchases = payload
+    },
+    /**
+     * [completedPaymentsPurchases description]
+     */
+    setCompletedPaymentsPurchases ( state, payload ) {
+        state.completedPaymentsPurchases = payload
+    }
+}
+
+const actions = {
+    /**
+     * [PAYMENTS_PURCHASES_NOTIFY]
+     */
+    paymentsPurchasesNotify ({ commit }, paylod) {
+        openerp.web.notification.do_warn('Atencion', paylod)
+        return false
+    },
+    /**
+     * [response description]
+     */
+    initPaymentsPurchases({ dispatch }) {
+        return axios.get(INIT_PAYMENTS_PURCHASES_URL).then(response => {
+            dispatch('completedPaymentsPurchases', false)
+            dispatch('explodeData', response.data)
+        }).catch(error => {
+            console.log(error);
+        } )
+    },
+    /**
+     *  [EXPLODE_DATA]
+     */
+    explodeData ({ dispatch },paylod) {
+        for (let value in paylod) {
+            dispatch(`initPaymentsPurchases${value[0].toUpperCase()}${value.slice(1)}`, paylod[value])
+        }
+    },
+    /**
+     * [PAYMENTS_PURCHASE_PROCESS]
+     */
+    paymentsPurchaseProcess ({ commit, dispatch, getters }){
+        commit('setProcessingPaymentsPurchases', true)
+        const data = {
+            jsonrpc: '2.0',
+            method: 'call',
+            params: {
+                journalId: getters.paymentsSelectedJournal.id,
+                amountPayments: getters.paidTotal <= getters.paymentsTotal ? getters.paidTotal : getters.paymentsTotal,
+                supplierId: getters.selectedSupplier.id,
+                invoiceId: getters.selectedInvoices.id,
+                journalType: getters.paymentsSelectedJournal.type,
+                bankId: getters.paymentsSelectedJournal.type ==='bank' ? getters.selectedPaymentsBank.id : '',
+                bankTypeId: getters.paymentsSelectedJournal.type ==='bank' ? getters.selectedPaymentsBankType.id : '',
+                bankRef: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankRef : '',
+                bankDateMaturity: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankDateMaturity : '',
+                paymentsBankNumber_cta: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankNumberCta : '',
+                paymentsBankName_holder: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankNameHolder : '',
+                numberChBankId: !!getters.numberChBankId ?  getters.numberChBankId : '',
+                moveLinesId: getters.paymentsMoveLines.map( item => {
+                    return item.id
+                })
+            }
+        }
+        return axios.post(PAYMENTS_PURCHASES_PROCESS_URL, data).then(response => {
+            commit('setProcessingPaymentsPurchases', !response.data.result)
+            dispatch('completedPaymentsPurchases', response.data.result)
+        }).catch(error => {
+            commit('setProcessingPaymentsPurchases', !false)
+        })
+    },
+    /**
+     * [COMPLETED_PAYMENTS_PURCHASES] [Cambiar el estado cunado se completa el pago]
+     */
+    completedPaymentsPurchases ({ commit }, payload ) {
+        commit('setCompletedPaymentsPurchases', !!payload)
+    },
+    /**
+     *  [RESET_PAYMENTS_PURCHASES]
+     */
+    resetPaymentsPurchases ({ rootState, commit, dispatch }) {
+        for (let key in rootState ) {
+            if (!(rootState[key] instanceof Object)){
+                continue
+            }
+            dispatch(`reset${key[0].toUpperCase()}${key.slice(1)}`)
+        }
+        dispatch('initPaymentsPurchases')
+    },
+    /**
+     * [CHECK_PAYMENTS_PURCHASES_SUPPLIER] [Validar que seleccione un proveedor]
+    */
+    checkPaymentsPurchasesSupplier ({ dispatch, getters }) {
+        return !!getters.selectedSupplier || dispatch('paymentsPurchasesNotify', 'Necesitas seleccionar un proveedor para continuar.')
+    },
+    /**
+      * [CHECK_PAYMENTS_PURCHASES_INVOICES] [validar que selecciones una factura]
+      */
+    checkPaymentsPurchasesInvoices ({ dispatch, getters}) {
+        return !!getters.selectedInvoices || dispatch('paymentsPurchasesNotify', 'Necesitas seleccionar una factura para continuar.')
+    },
+    /**
+      * [CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS] [validar que seleccione al menos una cuota a apagar]
+      */
+    checkPaymentsPurchasesLinesPayments ({ dispatch, getters }) {
+         return !!getters.supplierLinesPayments.length || dispatch('paymentsPurchasesNotify', 'Necesitas seleccionar al menos una cuota para continuar.')
+    },
+     /**
+      * [CHECK_PAYMENTS_PURCHASES_JOURNALS] [validar que seleccione el método de pago, ingrese el monto a pagar]
+      */
+    checkPaymentsPurchasesJournals ({ dispatch, getters }) {
+        if (getters.paymentsSelectedJournal.length <= 0) {
+            return dispatch('paymentsPurchasesNotify', 'Necesitas seleccionar el método para continuar.')
+        }
+
+        if (getters.paidTotal <= 0){
+            return dispatch('paymentsPurchasesNotify', 'El monto no puede ser cero(0), ingrese un monto para continuar.')
+        }
+
+        if (getters.paymentsSelectedJournal && getters.paymentsSelectedJournal.type ==='bank') {
+            if (!getters.selectedPaymentsBank || getters.selectedPaymentsBank.length <= 0) {
+                return dispatch('paymentsPurchasesNotify', 'Necesitas seleccionar un banco')
+            }
+            if (!getters.selectedPaymentsBankType || getters.selectedPaymentsBankType.length <= 0) {
+                return dispatch('paymentsPurchasesNotify', 'Necesitas seleccionar el tipo de transacción bancaria')
+            }
+            if (!getters.paymentsBankRef){
+                return dispatch('paymentsPurchasesNotify', 'Necesitas ingresar el Nº cheque / boleta')
+            }
+            if (!getters.paymentsBankDateMaturity){
+                return dispatch('paymentsPurchasesNotify', 'Necesitas ingresar una fecha de vencimiento')
+            }
+        }
+        return true
+    },
+     /**
+      * [prev description] [Cuando pasa de un Estado Superior a inferior u cuando abandona el modulo restaura los datos]
+      */
+    setChangeTabSteps ({ commit, dispatch, getters }, paylod) {
+        /* Si abandona el modulo */
+        if (paylod.prev === 0 && paylod.next === -1){
+            dispatch('resetPaymentsPurchases')
+        }
+
+        if (paylod.prev >= 2 && paylod.next<= 1) {
+            dispatch('changeInitialPaid', 0)
+            dispatch('actionRemoveAllSupplierLinesPayments')
+        }
+    }
+}
+
+export default {
+    state,
+    getters,
+    mutations,
+    actions
+}

src/store/actions.js

@@ -1,172 +0,0 @@
-import axios from 'axios'
-/* resourcePaths*/
-import {
-    INIT_PAYMENTS_PURCHASES_URL,
-    PAYMENTS_PURCHASES_PROCESS_URL
-} from '@/constants/resourcePaths'
-/* Actions */
-import {
-    INIT_PAYMENTS_PURCHASES,
-    PAYMENTS_PURCHASES_NOTIFY,
-    EXPLODE_DATA,
-    PAYMENTS_PURCHASE_PROCESS,
-    COMPLETED_PAYMENTS_PURCHASES,
-    RESET_PAYMENTS_PURCHASES,
-    CHECK_PAYMENTS_PURCHASES_SUPPLIER,
-    CHECK_PAYMENTS_PURCHASES_INVOICES,
-    CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS,
-    CHECK_PAYMENTS_PURCHASES_JOURNALS,
-    SET_CHANGE_TAB_STEPS,
-    CHANGE_INITIAL_PAID,
-    ACTION_REMOVE_ALL_SUPPLIER_LINES_PAYMENTS
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_COMPLETED_PAYMENTS_PURCHASES,
-    SET_PROCESSING_PAYMENTS_PURCHASES
-} from '@/constants/mutationTypes'
-
-const actions = {
-    /**
-     * [PAYMENTS_PURCHASES_NOTIFY]
-     */
-    [PAYMENTS_PURCHASES_NOTIFY] ({ commit }, paylod) {
-        openerp.web.notification.do_warn('Atencion', paylod)
-        return false
-    },
-    /**
-     * [response description]
-     * @type {[type]}
-     */
-    [INIT_PAYMENTS_PURCHASES] ({ dispatch }) {
-        return axios.get(INIT_PAYMENTS_PURCHASES_URL).then(response => {
-            dispatch(COMPLETED_PAYMENTS_PURCHASES, false)
-            dispatch(EXPLODE_DATA, response.data)
-        }).catch(error => {
-            console.log(error);
-        } )
-    },
-    /**
-     *  [EXPLODE_DATA]
-     */
-    [EXPLODE_DATA] ({ dispatch },paylod) {
-        for (let value in paylod) {
-            dispatch(`initPaymentsPurchases${value[0].toUpperCase()}${value.slice(1)}`, paylod[value])
-        }
-    },
-    /**
-     * [PAYMENTS_PURCHASE_PROCESS]
-     */
-    [PAYMENTS_PURCHASE_PROCESS] ({ commit, dispatch, getters }){
-        commit(SET_PROCESSING_PAYMENTS_PURCHASES, true)
-        const data = {
-            jsonrpc: '2.0',
-            method: 'call',
-            params: {
-                journalId: getters.paymentsSelectedJournal.id,
-                amountPayments: getters.paidTotal <= getters.paymentsTotal ? getters.paidTotal : getters.paymentsTotal,
-                supplierId: getters.selectedSupplier.id,
-                invoiceId: getters.selectedInvoices.id,
-                journalType: getters.paymentsSelectedJournal.type,
-                bankId: getters.paymentsSelectedJournal.type ==='bank' ? getters.selectedPaymentsBank.id : '',
-                bankTypeId: getters.paymentsSelectedJournal.type ==='bank' ? getters.selectedPaymentsBankType.id : '',
-                bankRef: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankRef : '',
-                bankDateMaturity: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankDateMaturity : '',
-                paymentsBankNumber_cta: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankNumberCta : '',
-                paymentsBankName_holder: getters.paymentsSelectedJournal.type ==='bank' ? getters.paymentsBankNameHolder : '',
-                numberChBankId: !!getters.numberChBankId ?  getters.numberChBankId : '',
-                moveLinesId: getters.paymentsMoveLines.map( item => {
-                    return item.id
-                })
-            }
-        }
-
-        return axios.post(PAYMENTS_PURCHASES_PROCESS_URL, data).then(response => {
-            commit(SET_PROCESSING_PAYMENTS_PURCHASES, !response)
-            dispatch(COMPLETED_PAYMENTS_PURCHASES, response.data.result)
-        }).catch(error => {
-            commit(SET_PROCESSING_PAYMENTS_PURCHASES, !false)
-        })
-    },
-    /**
-     * [COMPLETED_PAYMENTS_PURCHASES] [Cambiar el estado cunado se completa el pago]
-     */
-    [COMPLETED_PAYMENTS_PURCHASES] ({ commit }, payload ) {
-        commit(SET_COMPLETED_PAYMENTS_PURCHASES, !!payload)
-    },
-    /**
-     *  [RESET_PAYMENTS_PURCHASES]
-     */
-    [RESET_PAYMENTS_PURCHASES] ({ rootState, commit, dispatch }) {
-        for (let key in rootState ) {
-            if (!(rootState[key] instanceof Object)){
-                continue
-            }
-            dispatch(`reset${key[0].toUpperCase()}${key.slice(1)}`)
-        }
-        dispatch(INIT_PAYMENTS_PURCHASES)
-    },
-    /* CHECH STEPS*/
-    /**
-     * [CHECK_PAYMENTS_PURCHASES_SUPPLIER] [Validar que seleccione un proveedor]
-     */
-     [CHECK_PAYMENTS_PURCHASES_SUPPLIER] ({ dispatch, getters }) {
-         return !!getters.selectedSupplier || dispatch(PAYMENTS_PURCHASES_NOTIFY, 'Necesitas seleccionar un proveedor para continuar.')
-     },
-     /**
-      * [CHECK_PAYMENTS_PURCHASES_INVOICES] [validar que selecciones una factura]
-      */
-     [CHECK_PAYMENTS_PURCHASES_INVOICES] ({ dispatch, getters}) {
-         return !!getters.selectedInvoices || dispatch(PAYMENTS_PURCHASES_NOTIFY, 'Necesitas seleccionar una factura para continuar.')
-     },
-     /**
-      * [CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS] [validar que seleccione al menos una cuota a apagar]
-      */
-     [CHECK_PAYMENTS_PURCHASES_LINES_PAYMENTS] ({ dispatch, getters }) {
-         return !!getters.supplierLinesPayments.length || dispatch(PAYMENTS_PURCHASES_NOTIFY, 'Necesitas seleccionar al menos una cuota para continuar.')
-     },
-     /**
-      * [CHECK_PAYMENTS_PURCHASES_JOURNALS] [validar que seleccione el método de pago, ingrese el monto a pagar]
-      */
-     [CHECK_PAYMENTS_PURCHASES_JOURNALS] ({ dispatch, getters }) {
-         if (getters.paymentsSelectedJournal.length <= 0) {
-              return dispatch(PAYMENTS_PURCHASES_NOTIFY, 'Necesitas seleccionar el método para continuar.')
-         }
-         if (getters.paidTotal <= 0){
-             return dispatch(PAYMENTS_PURCHASES_NOTIFY, 'El monto no puede ser cero(0), ingrese un monto para continuar.')
-         }
-
-         if (getters.paymentsSelectedJournal && getters.paymentsSelectedJournal.type ==='bank') {
-             if (!getters.selectedPaymentsBank || getters.selectedPaymentsBank.length <= 0) {
-                  return dispatch(PAYMENTS_NOTIFY, 'Necesitas seleccionar un banco')
-             }
-             if (!getters.selectedPaymentsBankType || getters.selectedPaymentsBankType.length <= 0) {
-                  return dispatch(PAYMENTS_NOTIFY, 'Necesitas seleccionar el tipo de transacción bancaria')
-             }
-             if (!getters.paymentsBankRef){
-                 return dispatch(PAYMENTS_NOTIFY, 'Necesitas ingresar el Nº cheque / boleta')
-             }
-             if (!getters.paymentsBankDateMaturity){
-                 return dispatch(PAYMENTS_NOTIFY, 'Necesitas ingresar una fecha de vencimiento')
-             }
-         }
-         return true
-     },
-     /**
-      * [prev description] [Cuando pasa de un Estado Superior a inferior u cuando abandona el modulo restaura los datos]
-      * @type {[type]}
-      */
-     [SET_CHANGE_TAB_STEPS] ({ commit, dispatch, getters }, paylod) {
-         /* Si abandona el modulo */
-         if (paylod.prev === 0 && paylod.next === -1){
-            dispatch(RESET_PAYMENTS_PURCHASES)
-         }
-
-         if (paylod.prev >= 2 && paylod.next<= 1) {
-             dispatch(CHANGE_INITIAL_PAID, 0)
-             dispatch(ACTION_REMOVE_ALL_SUPPLIER_LINES_PAYMENTS)
-         }
-     }
-}
-
-export default actions

src/store/getters.js

@@ -1,20 +0,0 @@
-const getters = {
-    /**
-     * [processingPaymentsPurchases description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
-     */
-    processingPaymentsPurchases ( state ) {
-        return state.processingPaymentsPurchases
-    },
-    /**
-     * [completedPaymentsPurchases description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
-     */
-    completedPaymentsPurchases ( state ) {
-        return state.completedPaymentsPurchases
-    }
-}
-
-export default getters

src/store/index.js

@@ -3,10 +3,7 @@ import Vuex from 'vuex'
 /**
  * [ Store ]
  */
-import actions from '@/store/actions'
-import getters from '@/store/getters'
-import mutations from '@/store/mutations'
-import state from '@/store/state'
+import AppPurchases from '@/store/AppPurchases'
 /**
  * [ Modules]
  */
@@ -21,14 +18,12 @@ import supplierMoveLines from '@/store/modules/SupplierMoveLines'
 import supplierPayments from '@/store/modules/supplierPayments'
 import PaymentsPurchasesBank from '@/store/modules/PaymentsPurchasesBank'
 import PaymentsPurchasesBankType from '@/store/modules/PaymentsPurchasesBankType'
-import PaymentsPurchasesBankPaymentsLine from '@/store/modules/PaymentsPurchasesBankPaymentsLine'
+import PaymentsPurchasesBankPayments from '@/store/modules/PaymentsPurchasesBankPayments'
+
 Vue.use(Vuex)
 
 const store = new Vuex.Store({
-    actions,
-    getters,
-    mutations,
-    state,
+    ...AppPurchases,
     modules: {
         paymentsPurchasesDate,
         paymentsPurchasesUser,
@@ -41,7 +36,7 @@ const store = new Vuex.Store({
         supplierPayments,
         PaymentsPurchasesBank,
         PaymentsPurchasesBankType,
-        PaymentsPurchasesBankPaymentsLine
+        PaymentsPurchasesBankPayments
     }
 })
 

src/store/modules/PaymentsPurchasesBank.js

@@ -1,15 +1,3 @@
-/* Actions */
-import {
-    INIT_PAYMENTS_PURCHASES_BANK,
-    RESET_PAYMENTS_PURCHASES_BANK
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_PAYMENTS_PURCHASES_BANK
-} from '@/constants/mutationTypes'
-/* Const */
-
-
 const initialState ={
     bank: []
 }
@@ -21,8 +9,6 @@ const state = {
 const getters = {
     /**
      * [bank description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     bank(state) {
         return state.bank
@@ -32,9 +18,8 @@ const getters = {
 const mutations ={
     /**
      * [bank description]
-     * @type {[type]}
      */
-    [SET_PAYMENTS_PURCHASES_BANK] (state, payload) {
+    setPaymentsPurchasesBank (state, payload) {
         state.bank = payload
     }
 }
@@ -43,17 +28,15 @@ const actions = {
     /**
      * [INIT_PAYMENTS_PURCHASES_BANK]
      */
-    [INIT_PAYMENTS_PURCHASES_BANK] ({ commit }, payload){
-        commit(SET_PAYMENTS_PURCHASES_BANK, payload)
+    initPaymentsPurchasesBank ({ commit }, payload){
+        commit('setPaymentsPurchasesBank', payload)
     },
     /**
      * [RESET_PAYMENTS_PURCHASES_BANK]
      */
-    [RESET_PAYMENTS_PURCHASES_BANK] ({ commit }, payload){
-        commit(SET_PAYMENTS_PURCHASES_BANK, [])
+    resetPaymentsPurchasesBank ({ commit }, payload){
+        commit('setPaymentsPurchasesBank', [])
     }
-
-
 }
 
 export default {

src/store/modules/PaymentsPurchasesBankPayments.js

@@ -0,0 +1,48 @@
+const initialState = {
+    bankPayments : []
+}
+
+const state = {
+    bankPayments: initialState.bankPayments
+}
+
+const getters = {
+    /**
+     * [bankPayments description]
+     */
+    bankPayments (satate) {
+        return state.bankPayments
+    }
+}
+
+const mutations ={
+    /**
+     * [bankPayments description]
+     */
+    setPaymentsPurchasesBankPayments (state, payload) {
+        state.bankPaymentsLine = payload
+    }
+}
+
+const actions = {
+    /**
+     * [INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE]
+     */
+    initPaymentsPurchasesBankPayments ({ commit }, payload) {
+        commit('setPaymentsPurchasesBankPayments', payload)
+    },
+    /**
+     * RESET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE
+     */
+    resetPaymentsPurchasesBankPayments ({ commit}) {
+        commit('setPaymentsPurchasesBankPayments', [])
+    }
+
+}
+
+export default {
+    state,
+    getters,
+    mutations,
+    actions
+}

src/store/modules/PaymentsPurchasesBankPaymentsLine.js

@@ -1,61 +0,0 @@
-/* Actions */
-import {
-    INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE,
-    RESET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE
-} from '@/constants/mutationTypes'
-
-const initialState = {
-    bankPaymentsLine : []
-}
-
-const state = {
-    bankPaymentsLine: initialState.bankPaymentsLine
-}
-
-const getters = {
-    /**
-     * [bankPaymentsLine description]
-     * @param  {[type]} satate [description]
-     * @return {[type]}        [description]
-     */
-    bankPaymentsLine (satate) {
-        return state.bankPaymentsLine
-    }
-}
-
-const mutations ={
-    /**
-     * [bankPaymentsLine description]
-     * @type {[type]}
-     */
-    [SET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE] (state, payload) {
-        state.bankPaymentsLine = payload
-    }
-}
-
-const actions = {
-    /**
-     * [INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE]
-     */
-    [INIT_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE] ({ commit }, payload) {
-        commit(SET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE, payload)
-    },
-    /**
-     * RESET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE
-     */
-    [RESET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE] ({ commit}) {
-        commit(SET_PAYMENTS_PURCHASES_BANK_PAYMENTS_LINE, [])
-    }
-
-}
-
-export default {
-    state,
-    getters,
-    mutations,
-    actions
-}

src/store/modules/PaymentsPurchasesBankType.js

@@ -1,14 +1,3 @@
-/* Actions */
-import {
-    INIT_PAYMENTS_PURCHASES_BANK_TYPE,
-    RESET_PAYMENTS_PURCHASES_BANK_TYPE
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_PAYMENTS_PURCHASES_BANK_TYPE
-} from '@/constants/mutationTypes'
-/* Const */
-
 const initialState ={
     bankType: []
 }
@@ -20,8 +9,6 @@ const state = {
 const getters = {
     /**
      * [bankType description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     bankType(state){
         return state.bankType
@@ -31,9 +18,8 @@ const getters = {
 const mutations = {
     /**
      * [bankType description]
-     * @type {[type]}
-     */
-    [SET_PAYMENTS_PURCHASES_BANK_TYPE] (state, payload) {
+    */
+    setPaymentsPurchasesBankType (state, payload) {
         state.bankType = payload
     }
 }
@@ -42,14 +28,14 @@ const actions = {
     /**
      * [INIT_PAYMENTS_PURCHASES_BANK_TYPE]
      */
-    [INIT_PAYMENTS_PURCHASES_BANK_TYPE] ({ commit }, payload){
-        commit(SET_PAYMENTS_PURCHASES_BANK_TYPE, payload)
+    initPaymentsPurchasesBankType ({ commit }, payload){
+        commit('setPaymentsPurchasesBankType', payload)
     },
     /**
      * [RESET_PAYMENTS_PURCHASES_BANK_TYPE]
      */
-    [RESET_PAYMENTS_PURCHASES_BANK_TYPE] ({ commit }, payload) {
-        commit(SET_PAYMENTS_PURCHASES_BANK_TYPE, payload)
+    resetPaymentsPurchasesBankType ({ commit }, payload) {
+        commit('setPaymentsPurchasesBankType', payload)
     }
 
 }

src/store/modules/PaymentsPurchasesCompany.js

@@ -1,14 +1,3 @@
-/* Actions*/
-import {
-    INIT_COMPANY_USER,
-    RESET_PAYMENTS_PURCHASES_COMPANY
-} from '@/constants/actionTypes'
-/* Mutations*/
-import {
-    SET_COMPANY_USER,
-    SET_CURRENCY_COMPANY
-} from '@/constants/mutationTypes'
-
 const initialState = {
     company: [],
     currencyCompany: []
@@ -22,16 +11,12 @@ const state = {
 const getters = {
     /**
      * [company description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     company ( state ) {
         return state.company
     },
     /**
      * [currencyCompany description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     currencyCompany ( state ) {
         return state.currencyCompany
@@ -41,16 +26,14 @@ const getters = {
 const mutations = {
     /**
      * [company description]
-     * @type {[type]}
      */
-    [SET_COMPANY_USER] ( state, payload ){
+    setCompanyUser ( state, payload ){
         state.company = payload
     },
     /**
      * [currencyCompany description]
-     * @type {[type]}
-     */
-    [SET_CURRENCY_COMPANY] (state, payload ) {
+    */
+    setCurrencyCompany (state, payload ) {
         state.currencyCompany = payload
     }
 }
@@ -59,16 +42,16 @@ const actions = {
     /**
      * [INIT_COMPANY_USER]
      */
-    [INIT_COMPANY_USER] ({ commit }, payload ) {
-        commit(SET_COMPANY_USER, payload.company)
-        commit(SET_CURRENCY_COMPANY, payload.currency)
+    initCompanyUser ({ commit }, payload ) {
+        commit('setCompanyUser', payload.company)
+        commit('setCurrencyCompany', payload.currency)
     },
     /**
-     *
+     * [resetPaymentsPurchasesCompany]
      */
-    [RESET_PAYMENTS_PURCHASES_COMPANY] ({ commit }) {
-        commit(SET_COMPANY_USER, [])
-        commit(SET_CURRENCY_COMPANY, [])
+    resetPaymentsPurchasesCompany ({ commit }) {
+        commit('setCompanyUser', [])
+        commit('setCurrencyCompany', [])
     }
 }
 

src/store/modules/PaymentsPurchasesCurrencies.js

@@ -1,14 +1,3 @@
-/* Actions */
-import {
-    INIT_PAYMENTS_PURCHASES_CURRENCIES,
-    RESET_PAYMENTS_PURCHASES_CURRENCIES
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_CURRENCIES,
-    SET_LOADING_CURRENCIES
-}from '@/constants/mutationTypes'
-
 const initialState = {
     currency: [],
     loadingCurrency: false
@@ -22,16 +11,12 @@ const state = {
 const getters = {
     /**
      * [currency description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     currency ( state ) {
         return state.currency
     },
     /**
      * [loadingCurrency description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     loadingCurrency ( state ) {
         return state.loadingCurrency
@@ -39,25 +24,34 @@ const getters = {
 }
 
 const mutations = {
-    [SET_CURRENCIES] ( state, payload ){
+    /**
+     * [setCurrencies description]
+     */
+    setCurrencies ( state, payload ){
         state.currency = payload
     },
-    [SET_LOADING_CURRENCIES] ( state, payload ) {
+    /**
+     * [setLoadingCurrencies description]
+     */
+    setLoadingCurrencies ( state, payload ) {
         state.loadingCurrency = !!payload
     }
 }
 
 const actions = {
-    [INIT_PAYMENTS_PURCHASES_CURRENCIES] ({ commit }, payload) {
-        commit(SET_CURRENCIES, payload)
-        commit(SET_LOADING_CURRENCIES, payload)
+    /**
+     * [initPaymentsPurchasesCurrencies description]
+     */
+    initPaymentsPurchasesCurrencies ({ commit }, payload) {
+        commit('setCurrencies', payload)
+        commit('setLoadingCurrencies', payload)
     },
     /**
      * [RESET_PAYMENTS_PURCHASES_CURRENCIES]
      */
-    [RESET_PAYMENTS_PURCHASES_CURRENCIES] ({ commit }) {
-        commit(SET_CURRENCIES, [])
-        commit(SET_LOADING_CURRENCIES, false)
+    resetPaymentsPurchasesCurrencies ({ commit }) {
+        commit('setCurrencies', [])
+        commit('setLoadingCurrencies', false)
     }
 }
 

src/store/modules/PaymentsPurchasesDate.js

@@ -1,9 +1,3 @@
-import {
-    INIT_PAYMENTS_PURCHASES_DATE,
-    RESET_PAYMENTS_PURCHASES_DATE
-} from '@/constants/actionTypes'
-import { SET_DATE, SET_LOADING_DATE } from '@/constants/mutationTypes'
-
 const initialState = {
     date: null,
     loadingDate: false
@@ -17,16 +11,12 @@ const state = {
 const getters = {
     /**
      * [date description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     date (state) {
         return state.date
     },
     /**
      * [loadingDate description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     loadingDate (state) {
         return state.loadingDate
@@ -35,17 +25,15 @@ const getters = {
 
 const mutations = {
     /**
-     * [date description]
-     * @type {[type]}
+     * [setDate description]
      */
-    [SET_DATE] (state, payload) {
+    setDate (state, payload) {
         state.date = payload
     },
     /**
      * [loadingDate description]
-     * @type {[type]}
      */
-    [SET_LOADING_DATE] (state, payload) {
+    setLoadingDate (state, payload) {
         state.loadingDate = !!payload
     }
 }
@@ -54,16 +42,16 @@ const actions = {
     /**
      * [INIT_PAYMENTS_PURCHASES_DATE]
      */
-    [INIT_PAYMENTS_PURCHASES_DATE] ({ commit }, payload) {
-        commit(SET_DATE, payload)
-        commit(SET_LOADING_DATE, payload)
+    initPaymentsPurchasesDate ({ commit }, payload) {
+        commit('setDate', payload)
+        commit('setLoadingDate', payload)
     },
     /**
-     * [RESET_PAYMENTS_PURCHASES_DATE] 
+     * [RESET_PAYMENTS_PURCHASES_DATE]
      */
-    [RESET_PAYMENTS_PURCHASES_DATE] ({ commit }) {
-        commit(SET_DATE, [] )
-        commit(SET_LOADING_DATE, false)
+    resetPaymentsPurchasesDate ({ commit }) {
+        commit('setDate', [] )
+        commit('setLoadingDate', false)
     }
 }
 

src/store/modules/PaymentsPurchasesJournals.js

@@ -1,15 +1,3 @@
-/* Actions */
-import {
-    INIT_PAYMENTS_PURCHASES_JOURNALS,
-    INIT_PAYMENTS_JOURNALS,
-    RESET_PAYMENTS_PURCHASES_JOURNALS
- } from '@/constants/actionTypes'
-/* Mutations*/
-import {
-    SET_JOURNALS,
-    SET_LOADING_JOURNALS
-} from '@/constants/mutationTypes'
-
 const initialState = {
     journals : null,
     loadingJournals: false
@@ -23,16 +11,12 @@ const state = {
 const getters  = {
     /**
      * [journals description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     journals ( state ) {
         return state.journals
     },
     /**
      * [loadingJournals description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     loadingJournals( state ) {
         return state.loadingJournals
@@ -42,16 +26,14 @@ const getters  = {
 const mutations = {
     /**
      * [journals description]
-     * @type {[type]}
      */
-    [SET_JOURNALS] (state, payload ) {
+    setJournals (state, payload ) {
         state.journals = payload
     },
     /**
      * [loadingJournals description]
-     * @type {[type]}
      */
-    [SET_LOADING_JOURNALS] (state, payload) {
+    setLoadingJournals (state, payload) {
         state.loadingJournals = !!payload
     }
 }
@@ -60,19 +42,18 @@ const mutations = {
      /**
       * [INIT_PAYMENTS_PURCHASES_JOURNALS]
       */
-     [INIT_PAYMENTS_PURCHASES_JOURNALS] ({ commit, dispatch }, payload) {
-         commit(SET_JOURNALS, payload)
-         commit(SET_LOADING_JOURNALS, payload)
-
-         dispatch(INIT_PAYMENTS_JOURNALS, payload)
-     },
+    initPaymentsPurchasesJournals ({ commit, dispatch }, payload) {
+        commit('setJournals', payload)
+        commit('setLoadingJournals', payload)
+        dispatch('initPaymentsJournals', payload)
+    },
      /**
       * [RESET_PAYMENTS_PURCHASES_JOURNALS]
       */
-     [RESET_PAYMENTS_PURCHASES_JOURNALS] ({ commit }) {
-        commit(SET_JOURNALS, [])
-        commit(SET_LOADING_JOURNALS, false)
-     }
+    resetPaymentsPurchasesJournals ({ commit }) {
+        commit('setJournals', [])
+        commit('setLoadingJournals', false)
+    }
  }
 
  export default {

src/store/modules/PaymentsPurchasesSupplier.js

@@ -1,19 +1,3 @@
-//Actions
-import {
-    INIT_PAYMENTS_PURCHASES_SUPPLIER,
-    FILTER_PAYMENTS_PURCHASES_SUPPLIER,
-    SELECT_PAYMENTS_PURCHASES_SUPPLIER,
-    INIT_SUPPLIER_INVOICES,
-    RESET_PAYMENTS_PURCHASES_SUPPLIER
-} from '@/constants/actionTypes'
-// Mutations
-import {
-    SET_SUPPLIER,
-    SET_LOADING_SUPPLIER ,
-    SET_FILTER_PAYMENTS_PURCHASES_SUPPLIER,
-    SET_SELECTED_PAYMENTS_PURCHASES_SUPPLIER
-}from '@/constants/mutationTypes'
-
 const initialState = {
     supplier: [],
     filterSupplier:[],
@@ -31,32 +15,24 @@ const state = {
 const getters = {
     /**
      * [supplier description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     supplier ( state ) {
         return state.supplier
     },
     /**
      * [loadingSupplier description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     loadingSupplier ( state ) {
         return !state.loadingSupplier
     },
     /**
      * [selectedSupplier description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     selectedSupplier ( state ) {
         return state.selectedSupplier
     },
     /**
      * [supplierVisible description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     supplierVisible ( state ) {
         return state.filterSupplier.length === 0 ? state.supplier : state.filterSupplier
@@ -66,30 +42,26 @@ const getters = {
 const mutations = {
     /**
      * [supplier description]
-     * @type {[type]}
      */
-    [SET_SUPPLIER] (state, payload) {
+    setSupplier (state, payload) {
         state.supplier = payload
     },
     /**
      * [loadingSupplier description]
-     * @type {[type]}
      */
-    [SET_LOADING_SUPPLIER] (state, payload) {
+    setLoadingSupplier (state, payload) {
         state.loadingSupplier = payload
     },
     /**
      * [filterSupplier description]
-     * @type {[type]}
      */
-    [SET_FILTER_PAYMENTS_PURCHASES_SUPPLIER] (state, payload) {
+    setFilterPaymentsPurchasesSupplier (state, payload) {
         state.filterSupplier = payload
     },
     /**
      * [selectedSupplier description]
-     * @type {[type]}
      */
-    [SET_SELECTED_PAYMENTS_PURCHASES_SUPPLIER] ( state, payload ) {
+    setSelectedPaymentsPurchasesSupplier ( state, payload ) {
         state.selectedSupplier = payload
     }
 }
@@ -98,32 +70,32 @@ const actions = {
     /**
      * [INIT_PAYMENTS_PURCHASES_SUPPLIER]
      */
-    [INIT_PAYMENTS_PURCHASES_SUPPLIER] ({ commit },payload) {
-        commit(SET_SUPPLIER, payload)
-        commit(SET_LOADING_SUPPLIER, payload)
+    initPaymentsPurchasesSupplier ({ commit },payload) {
+        commit('setSupplier', payload)
+        commit('setLoadingSupplier', payload)
     },
     /**
      * [ FILTER_PAYMENTS_PURCHASES_SUPPLIER ]
      */
-    [FILTER_PAYMENTS_PURCHASES_SUPPLIER] ({ commit }, payload) {
-        commit(SET_FILTER_PAYMENTS_PURCHASES_SUPPLIER, payload)
+    filterPaymentsPurchasesSupplier ({ commit }, payload) {
+        commit('setFilterPaymentsPurchasesSupplier', payload)
     },
     /**
      * [SELECT_PAYMENTS_PURCHASES_SUPPLIER]
      */
-    [SELECT_PAYMENTS_PURCHASES_SUPPLIER] ({ commit, dispatch }, payload) {
-        commit(SET_SELECTED_PAYMENTS_PURCHASES_SUPPLIER, payload)
+    selectPaymentsPurchasesSupplier ({ commit, dispatch }, payload) {
+        commit('setSelectedPaymentsPurchasesSupplier', payload)
 
-        dispatch(INIT_SUPPLIER_INVOICES, payload.invoices)
+        dispatch('initSupplierInvoices', payload.invoices)
     },
     /**
      * [RESET_PAYMENTS_PURCHASES_SUPPLIER]
      */
-    [RESET_PAYMENTS_PURCHASES_SUPPLIER] ({ commit}) {
-        commit(SET_SUPPLIER, [])
-        commit(SET_LOADING_SUPPLIER, true)
-        commit(SET_FILTER_PAYMENTS_PURCHASES_SUPPLIER, [])
-        commit(SET_SELECTED_PAYMENTS_PURCHASES_SUPPLIER, null)
+    resetPaymentsPurchasesSupplier ({ commit}) {
+        commit('setSupplier', [])
+        commit('setLoadingSupplier', true)
+        commit('setFilterPaymentsPurchasesSupplier', [])
+        commit('setSelectedPaymentsPurchasesSupplier', null)
     }
 }
 

src/store/modules/PaymentsPurchasesUser.js

@@ -1,15 +1,3 @@
-
-import {
-    INIT_PAYMENTS_PURCHASES_USER,
-    INIT_COMPANY_USER,
-    RESET_PAYMENTS_PURCHASES_USER
-} from '@/constants/actionTypes'
-
-import {
-    SET_USER,
-    SET_LOADING_USER
-} from '@/constants/mutationTypes'
-
 const initialState = {
     user: [],
     loadingUser: false
@@ -23,16 +11,12 @@ const state = {
 const getters = {
     /**
      * [user description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     user (state) {
         return state.user
     },
     /**
      * [loadingUser description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     loadingUser (state) {
         return state.loadingUser
@@ -42,36 +26,34 @@ const getters = {
 const mutations = {
     /**
      * [user description]
-     * @type {[type]}
      */
-    [SET_USER] (state, payload) {
+    setUser (state, payload) {
         state.user = payload
     },
     /**
      * [loadingUser description]
-     * @type {[type]}
      */
-    [SET_LOADING_USER] (state, payload) {
+    setLoadingUser (state, payload) {
         state.loadingUser = !!payload
     }
 }
 
 const actions = {
-    [INIT_PAYMENTS_PURCHASES_USER] ({ commit, dispatch }, payload) {
-        commit(SET_USER, payload)
-        commit(SET_LOADING_USER, payload)
-
-        dispatch(INIT_COMPANY_USER, payload)
+    /**
+     * [initPaymentsPurchasesUser description]
+     */
+    initPaymentsPurchasesUser ({ commit, dispatch }, payload) {
+        commit('setUser', payload)
+        commit('setLoadingUser', payload)
+        dispatch('initCompanyUser', payload)
     },
     /**
      *  [RESET_PAYMENTS_PURCHASES_USER]
      */
-    [RESET_PAYMENTS_PURCHASES_USER] ({ commit }) {
-        commit(SET_USER, [])
-        commit(SET_LOADING_USER, false)
+    resetPaymentsPurchasesUser ({ commit }) {
+        commit('setUser', [])
+        commit('setLoadingUser', false)
     }
-
-
 }
 
 export default {

src/store/modules/SupplierInvoices.js

@@ -1,21 +1,3 @@
-/* Actions */
-import {
-    INIT_SUPPLIER_INVOICES,
-    FILTER_SUPPLIER_INVOICES,
-    SELECT_SUPPLIER_INVOICES,
-    INIT_SUPPLIER_MOVE_LINES,
-    ADD_MOVE_IN_INVOICE,
-    RESET_SUPPLIER_INVOICES
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_SUPPLIER_INVOICES,
-    SET_SELECTED_SUPPLIER_INVOICES,
-    SET_FILTER_SUPPLIER_INVOICES,
-    SET_MOVE_IN_INVOICE,
-    SET_CURRENCY_INVOICE
-} from '@/constants/mutationTypes'
-
 const initialState = {
     supplierInvoices: [],
     filterInvoices: [],
@@ -31,32 +13,24 @@ const state = {
 const getters = {
     /**
      * [supplierInvoices description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     supplierInvoices (state) {
         return state.supplierInvoices
     },
     /**
      * [filterInvoices description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     supplierInvoicesVisibles ( state ) {
-        return state.filterInvoices.length ===0 ? state.supplierInvoices :  state.filterInvoices
+        return state.filterInvoices.length === 0 ? state.supplierInvoices :  state.filterInvoices
     },
     /**
      * [selectedInvoices description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     selectedInvoices ( state ) {
         return state.selectedInvoices
     },
     /**
      * [currencyInvoice description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     currencyInvoice ( state ) {
         return state.currencyInvoice
@@ -66,30 +40,26 @@ const getters = {
 const mutations = {
     /**
      * [Invoices description]
-     * @type {[type]}
      */
-    [SET_SUPPLIER_INVOICES] (state, payload ) {
+    setSupplierInvoices (state, payload ) {
             state.supplierInvoices = payload
     },
     /**
      * [selectedInvoices description]
-     * @type {[type]}
      */
-    [SET_SELECTED_SUPPLIER_INVOICES] ( state, payload ) {
+    setSelectedSupplierInvoices ( state, payload ) {
         state.selectedInvoices= payload
     },
     /**
      * [filterInvoices description]
-     * @type {[type]}
      */
-    [SET_FILTER_SUPPLIER_INVOICES] ( state, payload ) {
+    setFilterSupplierInvoices ( state, payload ) {
         state.filterInvoices = payload
     },
     /**
      * [mode description]
-     * @type {[type]}
      */
-    [SET_MOVE_IN_INVOICE] (state, payload) {
+    setMoveInInvoice (state, payload) {
         if (payload.mode === 'full') {
             payload.moveLines.forEach(moves => {
                 let movesFound = state.selectedInvoices.moveLines.find(item => item.id === moves.id)
@@ -102,7 +72,10 @@ const mutations = {
             state.selectedInvoices.moveLines = [payload.moveLines, ...state.selectedInvoices.moveLines]
         }
     },
-    [SET_CURRENCY_INVOICE] ( state, payload) {
+    /**
+     * [currencyInvoice description]
+     */
+    setCurrencyInvoice ( state, payload) {
         state.currencyInvoice = payload
     }
 }
@@ -110,38 +83,38 @@ const actions = {
     /**
      * [INIT_SUPPLIER_INVOICES]
      */
-    [INIT_SUPPLIER_INVOICES] ({ commit }, payload ) {
-        commit(SET_SUPPLIER_INVOICES, payload)
+    initSupplierInvoices ({ commit }, payload ) {
+        commit('setSupplierInvoices', payload)
     },
     /**
      * [FILTER_SUPPLIER_INVOICES]
      */
-    [FILTER_SUPPLIER_INVOICES] ({ commit }, payload ) {
-        commit(SET_FILTER_SUPPLIER_INVOICES, payload)
+    filterSupplierInvoices ({ commit }, payload ) {
+        commit('setFilterSupplierInvoices', payload)
     },
     /**
      * [SELECT_SUPPLIER_INVOICES]
      */
-    [SELECT_SUPPLIER_INVOICES] ({commit, dispatch}, payload) {
-        commit(SET_SELECTED_SUPPLIER_INVOICES, payload)
-        commit(SET_CURRENCY_INVOICE, payload.currencyInvoice)
+    selectSupplierInvoices ({commit, dispatch}, payload) {
+        commit('setSelectedSupplierInvoices', payload)
+        commit('setCurrencyInvoice', payload.currencyInvoice)
 
-        dispatch(INIT_SUPPLIER_MOVE_LINES, payload.moveLines)
+        dispatch('initSupplierMoveLines', payload.moveLines)
     },
     /**
      * [ADD_MOVE_IN_INVOICE]
      */
-    [ADD_MOVE_IN_INVOICE] ({ commit },payload ) {
-        commit(SET_MOVE_IN_INVOICE, payload)
+    addMoveInInvoice ({ commit },payload ) {
+        commit('setMoveInInvoice', payload)
     },
     /**
      * [RESET_SUPPLIER_INVOICES]
      */
-    [RESET_SUPPLIER_INVOICES] ({ commit }) {
-        commit(SET_SUPPLIER_INVOICES, [])
-        commit(SET_SELECTED_SUPPLIER_INVOICES, null)
-        commit(SET_FILTER_SUPPLIER_INVOICES, [])
-        commit(SET_CURRENCY_INVOICE, [])
+    resetSupplierInvoices ({ commit }) {
+        commit('setSupplierInvoices', [])
+        commit('setSelectedSupplierInvoices', null)
+        commit('setFilterSupplierInvoices', [])
+        commit('setCurrencyInvoice', [])
     }
 }
 

src/store/modules/SupplierMoveLines.js

@@ -1,104 +1,74 @@
-/* Actions */
-import {
-    INIT_SUPPLIER_MOVE_LINES,
-    SELECT_SUPPLIER_MOVE_LINES,
-    ACTION_REMOVE_SUPPLIER_LINES_PAYMENTS,
-    ADD_MOVE_IN_INVOICE,
-    ADD_PAYMENTS_MOVE_LINES,
-    REMOVE_PAYMENTS_MOVE_LINES,
-    RESET_SUPPLIER_MOVE_LINES,
-    ACTION_REMOVE_ALL_SUPPLIER_LINES_PAYMENTS,
-    RESET_SELECTED_JOURNAL_PAYMENTS
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_SUPPLIER_MOVE_LINES,
-    SET_SELECTED_SUPPLIER_MOVE_LINES,
-    SET_SUPPLIER_LINES_PAYMENTS,
-    REMOVE_SUPPLIER_MOVE_LINES,
-    SET_ORDER_SUPPLIER_MOVE_LINES,
-    SET_ORDER_SUPPLIER_LINES_PAYMENTS,
-    SET_CALCULATE_TOTAL,
-    REMOVE_SUPPLIER_LINES_PAYMENTS,
-    REMOVE_LINES_PAYMENTS
-} from '@/constants/mutationTypes'
-
 const intialState = {
     supplierMoveLines: [],
     selectdLines: [],
     supplierLinesPayments: [],
     supplierPaymentsTotal: 0
 }
+
 const  state = {
     supplierMoveLines: intialState.supplierMoveLines,
     selectdLines: intialState.selectdLines,
     supplierLinesPayments: intialState.supplierLinesPayments,
     supplierPaymentsTotal: intialState.supplierPaymentsTotal
 }
+
 const getters = {
     /**
      * [supplierMoveLines description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     supplierMoveLines ( state ) {
         return state.supplierMoveLines
     },
     /**
      * [selectdLines description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     selectdLines ( state ){
         return state.selectdLines
     },
     /**
      * [supplierLinesPayments description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     supplierLinesPayments ( state ) {
         return state.supplierLinesPayments
     },
+    /**
+     * [supplierPaymentsTotal description]
+     */
     supplierPaymentsTotal ( state ) {
         return state.supplierPaymentsTotal
     }
 }
+
 const mutations = {
     /**
      * [supplierInvoices description]
-     * @type {[type]}
      */
-    [SET_SUPPLIER_MOVE_LINES] (state, payload) {
+    setSupplierMoveLines (state, payload) {
         state.supplierMoveLines = payload
     },
     /**
      * [selectdLines description]
-     * @type {[type]}
      */
-    [SET_SELECTED_SUPPLIER_MOVE_LINES] ( state, payload) {
+    setSelectedSupplierMoveLines ( state, payload) {
         state.selectdLines = payload
     },
     /**
      * [supplierLinesPayments description]
-     * @type {Array}
      */
-    [SET_SUPPLIER_LINES_PAYMENTS] (state, payload) {
+    setSupplierLinesPayments (state, payload) {
         state.supplierLinesPayments = [payload, ...state.supplierLinesPayments]
     },
     /**
      * [amountTot description]
-     * @type {[type]}
      */
-    [REMOVE_SUPPLIER_MOVE_LINES] ( state, payload ) {
+    removeSupplierMoveLines ( state, payload ) {
         let moveFoundIndex = state.supplierMoveLines.findIndex(item => item.id === payload.id)
         state.supplierMoveLines.splice(moveFoundIndex, 1)
     },
     /**
      * [mode description]
-     * @type {[type]}
      */
-    [REMOVE_SUPPLIER_LINES_PAYMENTS] (state, payload ) {
+    removeSupplierLinesPayments (state, payload ) {
         if (payload.mode === 'full') {
             payload.moveLines.forEach(moves => {
                 //ADD supplierMoveLines
@@ -121,9 +91,8 @@ const mutations = {
     },
     /**
      * [mode description]
-     * @type {[type]}
      */
-    [REMOVE_LINES_PAYMENTS] (state, payload ) {
+    removeLinesPayments(state, payload ) {
         if (payload.mode === 'full') {
             payload.moveLines.forEach(moves => {
                 // Remove Payments
@@ -138,9 +107,8 @@ const mutations = {
     },
     /**
      * [amountTot description]
-     * @type {[type]}
      */
-    [SET_CALCULATE_TOTAL] ( state ) {
+    setCalculateTotal ( state ) {
         let amountTot = 0
         if (state.supplierLinesPayments.length > 0)
             state.supplierLinesPayments.forEach( item => {
@@ -151,18 +119,16 @@ const mutations = {
     },
     /**
      * [supplierMoveLines description]
-     * @type {[type]}
      */
-    [SET_ORDER_SUPPLIER_MOVE_LINES] ( state ) {
+    setOrderSUpplierMoveLines ( state ) {
         state.supplierMoveLines =  state.supplierMoveLines.sort((a, b) => {
             return a.dateMaturity > b.dateMaturity
         })
     },
     /**
      * [supplierLinesPayments description]
-     * @type {[type]}
      */
-    [SET_ORDER_SUPPLIER_LINES_PAYMENTS]( state ) {
+    setOrderSupplierLinesPayments ( state ) {
         state.supplierLinesPayments =  state.supplierLinesPayments.sort((a, b) => {
             return a.dateMaturity > b.dateMaturity
         })
@@ -173,82 +139,81 @@ const actions = {
     /**
      * [INIT_SUPPLIER_MOVE_LINES]
      */
-    [INIT_SUPPLIER_MOVE_LINES] ({ commit }, payload) {
-        commit(SET_SUPPLIER_MOVE_LINES, payload)
-        commit(SET_ORDER_SUPPLIER_MOVE_LINES)
+    initSupplierMoveLines ({ commit }, payload) {
+        commit('setSupplierMoveLines', payload)
+        commit('setOrderSUpplierMoveLines')
     },
     /**
      *  [SELECT_SUPPLIER_MOVE_LINES]
      */
-    [SELECT_SUPPLIER_MOVE_LINES] ({ commit, dispatch }, payload) {
+    selectSupplierMoveLines ({ commit, dispatch }, payload) {
         // payments
-        commit(SET_SUPPLIER_LINES_PAYMENTS, payload)
-        commit(SET_ORDER_SUPPLIER_LINES_PAYMENTS)
-        commit(SET_SELECTED_SUPPLIER_MOVE_LINES, payload)
-        commit(REMOVE_SUPPLIER_MOVE_LINES, payload)
-        commit(SET_CALCULATE_TOTAL)
-        dispatch(ADD_PAYMENTS_MOVE_LINES, payload)
+        commit('setSupplierLinesPayments', payload)
+        commit('setOrderSupplierLinesPayments')
+        commit('setSelectedSupplierMoveLines', payload)
+        commit('removeSupplierMoveLines', payload)
+        commit('setCalculateTotal')
+        dispatch('addPaymentsMoveLines', payload)
     },
     /**
-     * [mode description]
-     * @type {String}
-     */
-    [ACTION_REMOVE_SUPPLIER_LINES_PAYMENTS] ( {commit, dispatch}, payload ) {
-        dispatch(ADD_MOVE_IN_INVOICE, {
+    * [mode description
+    */
+    actionRemoveSupplierLinesPayments ( {commit, dispatch}, payload ) {
+        dispatch('addMoveInInvoice', {
             mode: 'partial',
             moveLines: payload
         })
-        commit(REMOVE_SUPPLIER_LINES_PAYMENTS, {
+        commit('removeSupplierLinesPayments', {
             mode: 'partial',
             moveLines: payload
         })
-        dispatch(REMOVE_PAYMENTS_MOVE_LINES, {
+        dispatch('removePaymentsMoveLines', {
             mode: 'partial',
             moveLines: payload
         })
         // Total
-        commit(SET_CALCULATE_TOTAL)
-        commit(SET_ORDER_SUPPLIER_MOVE_LINES)
+        commit('setCalculateTotal')
+        commit('setOrderSUpplierMoveLines')
     },
     /**
      * [mode description]
      * @type {String}
      */
-    [ACTION_REMOVE_ALL_SUPPLIER_LINES_PAYMENTS] ({ commit, dispatch, getters }) {
+    actionRemoveAllSupplierLinesPayments ({ commit, dispatch, getters }) {
 
-        dispatch(ADD_MOVE_IN_INVOICE, {
+        dispatch('addMoveInInvoice', {
             mode: 'full',
             moveLines: getters.supplierLinesPayments.map(item => {
                 return item
             })
         })
-        dispatch(REMOVE_PAYMENTS_MOVE_LINES, {
+        dispatch('removePaymentsMoveLines', {
             mode: 'full',
             moveLines: getters.supplierLinesPayments.map(item => {
                 return item
             })
         })
-        dispatch(RESET_SELECTED_JOURNAL_PAYMENTS)
-        commit(REMOVE_SUPPLIER_LINES_PAYMENTS, {
+        dispatch('resetSelectedJournalPayments')
+        commit('removeSupplierLinesPayments', {
             mode: 'full',
             moveLines: getters.supplierLinesPayments.map(item => {
                 return item
             })
         })
-        commit(SET_CALCULATE_TOTAL)
-        commit(SET_ORDER_SUPPLIER_MOVE_LINES)
+        commit('setCalculateTotal')
+        commit('setOrderSUpplierMoveLines')
     },
     /**
      * [RESET_SUPPLIER_MOVE_LINES]
      */
-    [RESET_SUPPLIER_MOVE_LINES] ({ commit, getters }){
-        commit(SET_SUPPLIER_MOVE_LINES, [])
-        commit(SET_SELECTED_SUPPLIER_MOVE_LINES, [])
-        commit(REMOVE_LINES_PAYMENTS, {
+    resetSupplierMoveLines ({ commit, getters }){
+        commit('setSupplierMoveLines', [])
+        commit('setSelectedSupplierMoveLines', [])
+        commit('removeLinesPayments', {
                 mode: 'full',
                 moveLines:getters.supplierLinesPayments
         })
-        commit(SET_CALCULATE_TOTAL)
+        commit('setCalculateTotal')
     }
 }
 

src/store/modules/supplierPayments.js

@@ -1,40 +1,3 @@
-/* Actions */
-import {
-    INIT_PAYMENTS_JOURNALS,
-    SELECT_PAYMENTS_JOURNALS,
-    ADD_PAYMENTS_MOVE_LINES,
-    REMOVE_PAYMENTS_MOVE_LINES,
-    CHANGE_INITIAL_PAID,
-    RESET_SUPPLIER_PAYMENTS,
-    RESET_SELECTED_JOURNAL_PAYMENTS,
-    SELECT_PAYMENTS_PURCHASES_BANK,
-    SELECT_PAYMENTS_PURCHASES_BANK_TYPE,
-    CHANGE_PAYMENTS_PURCHASES_BANK_REF,
-    CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
-    CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
-    CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
-    RESET_SUPPLIER_PAYMENTS_BANK,
-    FILTER_NUMBER_CH_BANK
-} from '@/constants/actionTypes'
-/* Mutations */
-import {
-    SET_PAYMENTS_JOURNALS,
-    SELECTED_PAYMENTS_JOURNALS,
-    CALCULATE_PAYMENTS_TOTAL,
-    CALCULATE_CURRENCY_AMOUNT,
-    SET_ADD_PAYMENTS_MOVE_LINES,
-    SET_REMOVE_PAYMENTS_MOVE_LINES,
-    SET_PAID_TOTAL,
-    SET_PAYMENTS_CURRENCY_JOURNAL,
-    SELECTED_PAYMENTS_PURCHASES_BANK,
-    SELECTED_PAYMENTS_PURCHASES_BANK_TYPE,
-    SET_PAYMENTS_PURCHASES_BANK_REF,
-    SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,
-    SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA,
-    SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER,
-    SET_NUMBER_CH_BANK
-} from '@/constants/mutationTypes'
-
 const initialState = {
     paymentsJournals: [],
     paymentsSelectedJournal: null,
@@ -50,7 +13,9 @@ const initialState = {
     paymentsBankDateMaturity: '',
     paymentsBankNumberCta: '',
     paymentsBankNameHolder: '',
-    numberChBankId: null
+    paymentsBankAmount: 0,
+    recidualAMountPayment: 0,
+    showBankPaymentModal: false
 }
 
 const state = {
@@ -68,154 +33,147 @@ const state = {
     paymentsBankDateMaturity: initialState.paymentsBankDateMaturity,
     paymentsBankNumberCta: initialState.paymentsBankNumberCta,
     paymentsBankNameHolder: initialState.paymentsBankNameHolder,
-    numberChBankId: initialState.numberChBankId
+    numberChBankId: initialState.numberChBankId,
+    paymentsBankAmount: initialState.paymentsBankAmount,
+    recidualAMountPayment: initialState.recidualAMountPayment,
+    showBankPaymentModal: initialState.showBankPaymentModal
 }
 
 const getters = {
     /**
      * [paymentsJournals description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsJournals ( state ) {
             return state.paymentsJournals
     },
     /**
      * [paymentsSelectedJournal description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsSelectedJournal ( state ) {
         return state.paymentsSelectedJournal
     },
     /**
      * [paymentsMoveLines description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsMoveLines ( state ) {
         return state.paymentsMoveLines
     },
     /**
      * [paymentsCurrencyAmount description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsCurrencyAmount ( state ) {
         return state.paymentsCurrencyAmount
     },
     /**
      * [paymentsTotal description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsTotal ( state ) {
         return state.paymentsTotal
     },
     /**
      * [paymentsReturned description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsReturned ( state ) {
         return state.paymentsReturned
     },
+    /**
+     * [paidTotal description]
+     */
     paidTotal ( state ) {
         return state.paidTotal
     },
     /**
      * [paymentsCurrencyJournal description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsCurrencyJournal ( state ) {
         return state.paymentsCurrencyJournal
     },
     /**
      * [selectedPaymentsBank description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     selectedPaymentsBank ( state ) {
         return state.selectedPaymentsBank
     },
     /**
      * [selectedPaymentsBankType description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     selectedPaymentsBankType ( state ) {
         return state.selectedPaymentsBankType
     },
     /**
      * [paymentsBankRef description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
+     *
      */
     paymentsBankRef ( state ) {
         return state.paymentsBankRef
     },
     /**
      * [paymentsBankDateMaturity description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsBankDateMaturity ( state ) {
         return state.paymentsBankDateMaturity
     },
     /**
      * [paymentsBankNumberCta description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsBankNumberCta ( state ) {
         return state.paymentsBankNumberCta
     },
     /**
      * [paymentsBankNameHolder description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     paymentsBankNameHolder ( state ) {
         return state.paymentsBankNameHolder
     },
     /**
      * [numberChBankId description]
-     * @param  {[type]} state [description]
-     * @return {[type]}       [description]
      */
     numberChBankId ( state ) {
         return state.numberChBankId
+    },
+    /**
+     * [paymentsBankAmount description]
+     */
+    paymentsBankAmount (state ) {
+        return state.paymentsBankAmount
+    },
+    /**
+     * [recidualAMountPayment description]
+     */
+    recidualAMountPayment ( state ) {
+        return state.recidualAMountPayment
+    },
+    /**
+     * [showBankPaymentModal description]
+     */
+    showBankPaymentModal ( state ) {
+        return state.showBankPaymentModal
     }
 }
 
 const mutations = {
     /**
      * [paymentsJournals description]
-     * @type {[type]}
      */
-    [SET_PAYMENTS_JOURNALS] ( state, payload ){
+    setPaymentsJournals ( state, payload ){
         state.paymentsJournals = payload
     },
     /**
      * [paymentsSelectedJournal description]
-     * @type {[type]}
      */
-    [SELECTED_PAYMENTS_JOURNALS] ( state, payload ) {
+    selectedPaymentsJournals ( state, payload ) {
         state.paymentsSelectedJournal =  payload
     },
     /**
      * [paymentsMoveLines description]
-     * @type {Array}
      */
-    [SET_ADD_PAYMENTS_MOVE_LINES] (state, payload) {
+    setAddPaymentsMoveLines (state, payload) {
         state.paymentsMoveLines = [payload, ...state.paymentsMoveLines]
     },
     /**
      * [actions description]
-     * @type {Object}
      */
-    [SET_REMOVE_PAYMENTS_MOVE_LINES] (state, payload) {
+    setRemovePaymentsMoveLines (state, payload) {
         if (payload.mode === 'full') {
             payload.moveLines.forEach(moves => {
                 // Remove Payments
@@ -230,9 +188,8 @@ const mutations = {
     },
     /**
      * [actions description]
-     * @type {Object}
      */
-    [CALCULATE_CURRENCY_AMOUNT] ( state, payload ) {
+    calculateCurrencyAmount ( state, payload ) {
         let currency = payload.currency
         let paymentsMoveLines = payload.paymentsMoveLines
         let paymentsCurrencyAmount = []
@@ -259,9 +216,8 @@ const mutations = {
     },
     /**
      * [actions description]
-     * @type {Object}
      */
-    [CALCULATE_PAYMENTS_TOTAL] ( state, payload){
+    calculatePaymentsTotal ( state, payload){
         let currencyJournal = payload.paymentsCurrencyAmount.find(item => item.id ===payload.currency.id)
         let total = 0
         if (currencyJournal)
@@ -270,82 +226,90 @@ const mutations = {
     },
     /**
      * [paidTotal description]
-     * @type {[type]}
      */
-    [SET_PAID_TOTAL] (state, payload) {
+    setPaidTotal (state, payload) {
         state.paidTotal = payload
     },
     /**
      * [paymentsCurrencyJournal description]
-     * @type {[type]}
      */
-    [SET_PAYMENTS_CURRENCY_JOURNAL] ( state, payload ){
+    setPaymentsCurrencyJournal ( state, payload ){
         state.paymentsCurrencyJournal = payload
     },
     /**
      * [selectedPaymentsBank description]
-     * @type {[type]}
      */
-    [SELECTED_PAYMENTS_PURCHASES_BANK] (state, payload){
+    selectedPaymentsPurchasesBank (state, payload){
         state.selectedPaymentsBank = payload
     },
     /**
      * [selectedPaymentsBankType description]
-     * @type {[type]}
      */
-    [SELECTED_PAYMENTS_PURCHASES_BANK_TYPE] (state, payload){
+    selectedPaymentsPurchasesBankType (state, payload){
         state.selectedPaymentsBankType = payload
     },
     /**
      * [paymentsBankRef description]
-     * @type {[type]}
      */
-    [SET_PAYMENTS_PURCHASES_BANK_REF] (state, payload){
+    setPaymentsPurchasesBankRef (state, payload){
         state.paymentsBankRef = payload
     },
     /**
      * [paymentsBankDateMaturity description]
-     * @type {[type]}
      */
-    [SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY] (state, payload){
+    setPaymentsPurchasesBankDateMaturity (state, payload){
         state.paymentsBankDateMaturity = payload
     },
     /**
      * [paymentsBankNumberCta description]
-     * @type {[type]}
      */
-    [SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA] (state, payload){
+    setPaymentsPurchasesBankNumberCta (state, payload){
         state.paymentsBankNumberCta = payload
     },
     /**
      * [paymentsBankNameHolder description]
-     * @type {[type]}
      */
-    [SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER] (state, payload){
+    setPaymentsPurchasesBankNameHolder (state, payload){
         state.paymentsBankNameHolder = payload
     },
     /**
      * [numberChBankId description]
-     * @type {[type]}
      */
-    [SET_NUMBER_CH_BANK] (state, paylod) {
-        state.numberChBankId = paylod
+    // setNumberChBank (state, paylod) {
+    //     state.numberChBankId = paylod
+    // },
+    /**
+     * [actions description]
+     */
+    setShowBankPaymentModal (state, payload) {
+        state.showBankPaymentModal = payload
+    },
+    /**
+     * [setPaymentsBankAmount description]
+     */
+    setPaymentsBankAmount (state, payload) {
+        state.paymentsBankAmount = payload
+    },
+    /**
+     * [setRecidualAmountPayment description]
+     */
+    setRecidualAmountPayment (state, payload) {
+        state.recidualAMountPayment =  payload
     }
-
 }
 
 const actions = {
     /**
      * [INIT_PAYMENTS_JOURNALS]
      */
-    [INIT_PAYMENTS_JOURNALS] ({ commit }, payload ) {
-        commit(SET_PAYMENTS_JOURNALS, payload)
+    initPaymentsJournals ({ commit }, payload ) {
+        commit('setPaymentsJournals', payload)
     },
     /**
      * [SELECT_PAYMENTS_JOURNALS]
      */
-    [SELECT_PAYMENTS_JOURNALS] ({ commit, getters }, payload ) {
-        commit(SELECTED_PAYMENTS_JOURNALS, payload)
+    selectPaymentsJournals ({ commit, getters }, payload ) {
+        commit('selectedPaymentsJournals', payload)
 
         let currency = []
         if (payload.currency.id){
@@ -353,125 +317,127 @@ const actions = {
         } else {
             currency = getters.currencyCompany
         }
-        commit(CALCULATE_PAYMENTS_TOTAL, {
+        commit('calculatePaymentsTotal', {
             paymentsCurrencyAmount: getters.paymentsCurrencyAmount,
             currency: currency
         })
 
-        commit(SET_PAYMENTS_CURRENCY_JOURNAL, currency)
+        commit('setPaymentsCurrencyJournal', currency)
+
+        if (payload.type === 'bank') {
+            commit('setShowBankPaymentModal', !!getters.bank.length && !!getters.bankType.length)
+        }
     },
     /**
      * [paymentsCurrencyAmount description]
-     * @type {Array}
      */
-    [RESET_SELECTED_JOURNAL_PAYMENTS] ({ commit }) {
-        commit(SELECTED_PAYMENTS_JOURNALS, [])
-        commit(CALCULATE_PAYMENTS_TOTAL, {
+    resetSelectedJournalPayments ({ commit }) {
+        commit('selectedPaymentsJournals', [])
+        commit('calculatePaymentsTotal', {
             paymentsCurrencyAmount: [],
             currency: []
         })
-        commit(SET_PAYMENTS_CURRENCY_JOURNAL, [])
+        commit('setPaymentsCurrencyJournal', [])
     },
     /**
      * [ADD_PAYMENTS_MOVE_LINES]
      */
-    [ADD_PAYMENTS_MOVE_LINES] ({ commit, getters, dispatch }, payload ) {
-        commit(SET_ADD_PAYMENTS_MOVE_LINES, payload)
-        commit(CALCULATE_CURRENCY_AMOUNT, {
+    addPaymentsMoveLines ({ commit, getters, dispatch }, payload ) {
+        commit('setAddPaymentsMoveLines', payload)
+        commit('calculateCurrencyAmount', {
             paymentsMoveLines: getters.paymentsMoveLines,
             currency: getters.currency
         })
-        dispatch(RESET_SELECTED_JOURNAL_PAYMENTS, [])
+        dispatch('resetSelectedJournalPayments', [])
     },
     /**
      * [REMOVE_PAYMENTS_MOVE_LINES]
      */
-    [REMOVE_PAYMENTS_MOVE_LINES] ({ commit, getters, dispatch }, payload ) {
-        commit(SET_REMOVE_PAYMENTS_MOVE_LINES, payload)
-        commit(CALCULATE_CURRENCY_AMOUNT, {
+    removePaymentsMoveLines ({ commit, getters, dispatch }, payload ) {
+        commit('setRemovePaymentsMoveLines', payload)
+        commit('calculateCurrencyAmount', {
             paymentsMoveLines: getters.paymentsMoveLines,
             currency: getters.currency
         })
-        dispatch(RESET_SELECTED_JOURNAL_PAYMENTS, [])
+        dispatch('resetSelectedJournalPayments', [])
 
     },
     /**
      * [CHANGE_INITIAL_PAID]
      */
-    [CHANGE_INITIAL_PAID] ({ commit },payload) {
-        commit(SET_PAID_TOTAL, payload)
+    changeInitialPaid ({ commit },payload) {
+        commit('setPaidTotal', payload)
     },
     /**
      * [RESET_SUPPLIER_PAYMENTS]
      */
-    [RESET_SUPPLIER_PAYMENTS] ({ commit, getters }) {
-        commit(SET_PAYMENTS_JOURNALS, [])
-        commit(SELECTED_PAYMENTS_JOURNALS, [])
-        commit(SET_REMOVE_PAYMENTS_MOVE_LINES, {
+    resetSupplierPayments ({ commit, getters }) {
+        commit('setPaymentsJournals', [])
+        commit('selectedPaymentsJournals', [])
+        commit('setRemovePaymentsMoveLines', {
             mode: 'full',
             moveLines: getters.paymentsMoveLines
         })
-        commit(CALCULATE_CURRENCY_AMOUNT, {
+        commit('calculateCurrencyAmount', {
             currency: [],
             paymentsMoveLines: []
         })
-        commit(SET_PAYMENTS_CURRENCY_JOURNAL, [])
-        commit(CALCULATE_PAYMENTS_TOTAL, {
+        commit('setPaymentsCurrencyJournal', [])
+        commit('calculatePaymentsTotal', {
             paymentsCurrencyAmount: [],
             currency: []
         })
-        commit(SET_PAID_TOTAL , 0)
+        commit('setPaidTotal' , 0)
+
+        commit('selectedPaymentsPurchasesBank', null)
+        commit('selectedPaymentsPurchasesBankType', null)
+        commit('setPaymentsPurchasesBankRef', '')
+        commit('setPaymentsPurchasesBankDateMaturity',  '')
+        commit('setPaymentsPurchasesBankNumberCta', '')
+        commit('setPaymentsPurchasesBankNameHolder', '')
+        commit('setNumberChBank', null)
 
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK, null)
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK_TYPE, null)
-        commit(SET_PAYMENTS_PURCHASES_BANK_REF, '')
-        commit(SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,  '')
-        commit(SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA, '')
-        commit(SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER, '')
-        commit(SET_NUMBER_CH_BANK, null)
-        
     },
     /**
      * [SELECT_PAYMENTS_PURCHASES_BANK]
      */
-    [SELECT_PAYMENTS_PURCHASES_BANK] ({ commit }, payload ){
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK, payload)
+    selectPaymentsPurchasesBank ({ commit }, payload ){
+        commit('selectedPaymentsPurchasesBank', payload)
     },
     /**
      * [SELECT_PAYMENTS_PURCHASES_BANK_TYPE]
      */
-    [SELECT_PAYMENTS_PURCHASES_BANK_TYPE] ({ commit }, payload ){
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK_TYPE, payload)
+    selectPaymentsPurchasesBankType ({ commit }, payload ){
+        commit('selectedPaymentsPurchasesBankType', payload)
     },
     /**
      * [CHANGE_PAYMENTS_PURCHASES_BANK_REF]
      */
-    [CHANGE_PAYMENTS_PURCHASES_BANK_REF] ({ commit }, payload ){
-        commit(SET_PAYMENTS_PURCHASES_BANK_REF, payload)
+    change_paymentsPurchasesBankRef ({ commit }, payload ){
+        commit('setPaymentsPurchasesBankRef', payload)
     },
     /**
      * [CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY]
      */
-    [CHANGE_PAYMENTS_PURCHASES_BANK_DATE_MATURITY] ({ commit }, payload ){
-        commit(SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY, payload)
+    changePaymentsPurchasesBankDateMaturity ({ commit }, payload ){
+        commit('setPaymentsPurchasesBankDateMaturity', payload)
     },
     /**
      * [CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA]
      */
-    [CHANGE_PAYMENTS_PURCHASES_BANK_NUMBER_CTA] ({ commit }, payload ){
-        commit(SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA, payload)
+    changePaymentsPurchasesBankNumberCta ({ commit }, payload ){
+        commit('setPaymentsPurchasesBankNumberCta', payload)
     },
     /**
      * [CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER]
      */
-    [CHANGE_PAYMENTS_PURCHASES_BANK_NAME_HOLDER] ({ commit }, payload ){
-        commit(SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER, payload)
+    changePaymentsPurchasesBankNameHolder ({ commit }, payload ){
+        commit('setPaymentsPurchasesBankNameHolder', payload)
     },
     /**
      * [bank description]
-     * @type {[type]}
      */
-    [FILTER_NUMBER_CH_BANK]( {commit }, payload) {
+    filterNumberChBank( {commit }, payload) {
         let bank = null
         let bankType = null
         let dateMaturity = ''
@@ -488,29 +454,76 @@ const actions = {
             number = payload[0].id
         }
         /* Actualizar  datos */
-        commit(SET_NUMBER_CH_BANK, number)
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK, bank)
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK_TYPE, bankType)
-        commit(SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,  dateMaturity)
-        commit(SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA, numberCta)
-        commit(SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER, nameHolder)
+        commit('setNumberChBank', number)
+        commit('selectedPaymentsPurchasesBank', bank)
+        commit('selectedPaymentsPurchasesBankType', bankType)
+        commit('setPaymentsPurchasesBankDateMaturity',  dateMaturity)
+        commit('setPaymentsPurchasesBankNumberCta', numberCta)
+        commit('setPaymentsPurchasesBankNameHolder', nameHolder)
 
     },
     /**
      * [RESET_SUPPLIER_PAYMENTS_BANK]
      */
-    [RESET_SUPPLIER_PAYMENTS_BANK] ({ commit, dispatch }, payload) {
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK, null)
-        commit(SELECTED_PAYMENTS_PURCHASES_BANK_TYPE, null)
-        commit(SET_PAYMENTS_PURCHASES_BANK_REF, '')
-        commit(SET_PAYMENTS_PURCHASES_BANK_DATE_MATURITY,  '')
-        commit(SET_PAYMENTS_PURCHASES_BANK_NUMBER_CTA, '')
-        commit(SET_PAYMENTS_PURCHASES_BANK_NAME_HOLDER, '')
-        commit(SET_NUMBER_CH_BANK, null)
+    resetSupplierPaymentsBank ({ commit, dispatch }, payload) {
+        commit('selectedPaymentsPurchasesBank', null)
+        commit('selectedPaymentsPurchasesBankType', null)
+        commit('setPaymentsPurchasesBankRef', '')
+        commit('setPaymentsPurchasesBankDateMaturity',  '')
+        commit('setPaymentsPurchasesBankNumberCta', '')
+        commit('setPaymentsPurchasesBankNameHolder', '')
+        commit('setNumberChBank', null)
+        dispatch('resetSelectedJournalPayments')
+    },
+    /**
+     * [amount description]
+     */
+    submitBankPayments ( { commit, dispatch, getters }, payload){
+        if (!payload.bank){
+            dispatch('resetPaymentsBank')
+            return
+        }
+        if (payload.amountReceipt <= 0 ){
+            dispatch('paymentsNotify','Cheque sin saldo')
+            dispatch('resetPaymentsBank')
+            return
+        }
 
+        commit('selectedPaymentsPurchasesBank', payload.bank)
+        commit('selectedPaymentsPurchasesBankType', payload.bankType)
+        commit('setPaymentsPurchasesBankRef', payload.number)
+        commit('setPaymentsPurchasesBankDateMaturity', payload.dateMaturity)
+        commit('setPaymentsPurchasesBankNumberCta', payload.numberCta)
+        commit('setPaymentsPurchasesBankNameHolder', payload.nameHolder)
+        commit('setPaymentsBankAmount', payload.amountTotal)
+        commit('setRecidualAmountPayment', payload.amountReceipt)
+        commit('setShowBankPaymentModal', false)
 
-        dispatch(RESET_SELECTED_JOURNAL_PAYMENTS)
-    }
+        let amount = payload.amountReceipt
+
+        if (amount > getters.paymentCurrencyTotal)
+            amount = getters.paymentCurrencyTotal
+
+        commit('setPaidTotal', amount)
+    },
+
+    resetPaymentsBank ({commit, dispatch}) {
+        commit('selectedPaymentsPurchasesBank', null)
+        commit('selectedPaymentsPurchasesBankType', null)
+        commit('setPaymentsPurchasesBankRef', '')
+        commit('setPaymentsPurchasesBankDateMaturity', '')
+        commit('setPaymentsPurchasesBankNumberCta', '')
+        commit('setPaymentsPurchasesBankNameHolder', '')
+        commit('setPaymentsBankAmount', 0)
+        commit('setRecidualAmountPayment', 0)
+
+        commit('setPaidTotal', 0)
+        commit('setCurrencyTotal', 0)
+
+        dispatch('resetSelectedJournal')
+
+        commit('setShowBankPaymentModal', false)
+    },
 }
 
 export default {

src/store/mutations.js

@@ -1,23 +0,0 @@
-import {
-    SET_COMPLETED_PAYMENTS_PURCHASES,
-    SET_PROCESSING_PAYMENTS_PURCHASES
-} from '@/constants/mutationTypes'
-
-const mutations = {
-    /**
-     * [completedPaymentsPurchases description]
-     * @type {[type]}
-     */
-    [SET_PROCESSING_PAYMENTS_PURCHASES] (state, payload ) {
-        state.processingPaymentsPurchases = payload
-    },
-    /**
-     * [completedPaymentsPurchases description]
-     * @type {[type]}
-     */
-    [SET_COMPLETED_PAYMENTS_PURCHASES] ( state, payload ) {
-        state.completedPaymentsPurchases = payload
-    }
-}
-
-export default mutations

src/store/state.js

@@ -1,6 +0,0 @@
-const state = {
-    processingPaymentsPurchases: false,
-    completedPaymentsPurchases: false
-}
-
-export default state

yarn.lock

@@ -4411,7 +4411,13 @@ vue-template-es2015-compiler@^1.2.2:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.6.0.tgz#dc42697133302ce3017524356a6c61b7b69b4a18"
 
-vue@^2.4.1:
+vue2-datepicker@^1.8.3:
+  version "1.8.3"
+  resolved "https://registry.yarnpkg.com/vue2-datepicker/-/vue2-datepicker-1.8.3.tgz#f2c5d865bf4b391b8bb203a8dc65bf162d9cc253"
+  dependencies:
+    vue "^2.2.1"
+
+vue@^2.2.1, vue@^2.4.1:
   version "2.5.13"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.13.tgz#95bd31e20efcf7a7f39239c9aa6787ce8cf578e1"