{"version":3,"sources":["webpack:///./src/components/Productos/Pages/vehiculos.vue","webpack:///src/components/Productos/Pages/vehiculos.vue","webpack:///./src/components/Productos/Pages/vehiculos.vue?9b59","webpack:///./src/components/Productos/Pages/vehiculos.vue?53c3","webpack:///./src/components/Productos/Pages/vehiculos.vue?83dd"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","preventDefault","crearVehiculo","apply","arguments","attrs","_v","directives","name","rawName","value","marcaVehiculo","expression","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","getModelo","_l","marca","item","domProps","_s","nombre","modeloVehiculo","modeloVehiculos","codigo","model","callback","$$v","anio","observacion","isLoading","vehiculos","length","_e","index","key","_f","modelo","anno","estado","toUpperCase","modal","eliminar","currentPage","backPage","$data","nextPage","ref","staticStyle","slot","editar_vehiculo","eCodigo","$set","eAnio","getModelos","eMarcaVehiculo","eModeloVehiculo","eModelo","eObservacion","editar","modalClose","staticRenderFns","components","SpringSpinner","VuesticSimpleSelect","InputComp","VuesticAlert","VuesticModal","VuesticWidget","data","marca_id","modelo_id","loading","message","uuid","eTipo","eVehiculo","eId","limite","offset","computed","modelos","created","methods","get","filtros","field","operator","axios","then","console","vehiculo","v","catch","id","vehiculoMarcaId","vehiculoModeloId","document","title","text","type","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","filters","upperCase","component"],"mappings":"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2C,WACAC,WACAC,iBACAC,SACAC,aACAC,OACA3B,iBACA2B,SACA1B,aACAE,WACAE,oBACAE,aACAC,kBACAF,oBAEAsB,UACAC,SACApC,cACAb,eAGAkD,UACA/D,iBACA,mCAEAgE,mBACA,qCAIAC,mBAAA,4JACA,kCACA,0DACA,wIAHAA,GAKAC,SACAC,eAAA,WACA,kBACA,sBACAC,SACA,CACAC,0BACAvF,2BACAwF,sBAGAT,mBACAC,qBAEAS,8CACAC,kBACA,iDACA,cACAvE,OACAD,SACAoB,kBAIAoD,kBACAC,eACAC,uBACA,sBACAN,SACA,CACAC,WACAvF,0BACAwF,iBAIAC,8CACAC,kBAAA,aACAG,0BACA,sBACAP,SACA,CACAC,WACAvF,2BACAwF,iBAIA,wDAEAE,kBAAA,aACAG,2BACA,kBAEAC,mBAAA,+BAGAA,mBAAA,0BAEAjD,oBACA,mBACA,6CACA,YAEAE,oBACA,mBACA,6CACA,YAEAc,sBACA,gCAEAnB,kBAAA,WAEA,8BACA,sCACA,kCACA,gDAGA+C,oEACAC,kBACA,wCACA,eACA,sBACAJ,SACA,CACAC,0BACAvF,gBACAwF,iBAIAC,8CACAC,kBACA,qGAEA,4CAEA,+BAEA9B,kBAAA,WACA6B,oCACAM,4BACAtE,oCACAK,8CACAS,gCACAyD,uDACAC,iDACAzD,kBACA,iBACA,mCACA,8DACA,kBACA,mBACA,6DACAmD,mBAIAnG,yBAAA,WACAiG,0BACAM,aACAtE,mBACAK,6BACAS,eACAyD,sCACAC,wCACAzD,kBACA,iBACA,YACA,UACA,iBACA,YACA,mBACA,mBACA0D,0CACA,QACA,kEAEA,mBACA,uCACAP,mBAGA3E,qBAAA,WACA,kBACAsE,SACA,CACAC,0BACAvF,4BACAwF,iBAIA,0BACA,wBACA,wBAEAC,sDACAC,kBACA,+BACA,kDAEAI,mBAAA,0BAGAvC,sBAAA,WACA,2CACA,yCACA,iCAEA,sBACA+B,SACA,CACAC,0BACAvF,6CACAwF,iBAIAC,sDACAC,kBACA,kDAEAI,mBAAA,0BAEAnD,qBAAA,WACA,YACAwD,0BACAC,mBACAC,eACAC,oBACAC,6BACAC,yBACAC,0BACA,kBACA,SACAhB,oCACAlD,YACAd,gBACAK,0BACAiE,QACAvD,kBACAwD,oCACAC,wCACA,iBACA,kEACA,sCACA,iDAMAS,SACAC,sBACA,SACA,gBAEA,KC9ZiX,I,wBCQ7WC,EAAY,eACd,EACA7H,EACA+E,GACA,EACA,KACA,WACA,MAIa,aAAA8C,E,2CCnBf","file":"js/chunk-a4077f0e.bd665ad6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"vehiculos\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.crearVehiculo.apply(null, arguments)}}},[_c('vuestic-widget',{attrs:{\"header-text\":\"Agregar Vehiculo\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"marcaVehiculo\"}},[_vm._v(\"Marca Vehiculo\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.marcaVehiculo),expression:\"marcaVehiculo\"}],attrs:{\"required\":\"required\",\"name\":\"marcaVehiculo\",\"id\":\"marcaVehiculo\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.marcaVehiculo=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.getModelo()}]}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Seleccione...\")]),_vm._l((_vm.marca),function(item){return _c('option',{domProps:{\"value\":item}},[_vm._v(_vm._s(item.nombre))])})],2),_c('i',{staticClass:\"bar\"})]),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"modelo\"}},[_vm._v(\"Modelo Vehiculo\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.modeloVehiculo),expression:\"modeloVehiculo\"}],attrs:{\"required\":\"required\",\"name\":\"modelo\",\"id\":\"modelo\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.modeloVehiculo=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Seleccione...\")]),_vm._l((_vm.modeloVehiculos),function(item){return _c('option',{domProps:{\"value\":item}},[_vm._v(_vm._s(item.nombre))])})],2),_c('i',{staticClass:\"bar\"})])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"id\":\"codigo\",\"label\":\"Código Vehiculo\",\"required\":true,\"value\":_vm.codigo,\"autofocus\":true},model:{value:(_vm.codigo),callback:function ($$v) {_vm.codigo=$$v},expression:\"codigo\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"id\":\"anio\",\"value\":_vm.anio,\"required\":true,\"label\":\"Año\"},model:{value:(_vm.anio),callback:function ($$v) {_vm.anio=$$v},expression:\"anio\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"id\":\"observacion\",\"value\":_vm.observacion,\"required\":true,\"label\":\"Observación\"},model:{value:(_vm.observacion),callback:function ($$v) {_vm.observacion=$$v},expression:\"observacion\"}})],1)]),_c('button',{staticClass:\"btn btn-info btn-micro\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Crear Vehiculo\")])])],1),_c('vuestic-widget',[_c('table',{staticClass:\"table table-striped table-responsive-lg table-bordered\"},[_c('thead',{staticClass:\"thead-light\"},[_c('tr',[_c('th',[_vm._v(\"Código\")]),_c('th',[_vm._v(\"Marca\")]),_c('th',[_vm._v(\"Modelo\")]),_c('th',[_vm._v(\"Año\")]),_c('th',[_vm._v(\"Observación\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Acciones\")])])]),_c('tbody',[(_vm.isLoading)?_c('tr',[_c('td',[_c('spring-spinner',{attrs:{\"color\":\"blue\",\"size\":12}})],1)]):(_vm.vehiculos.length === 0)?_c('tr',[_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"No hay vehiculos para mostrar...\")])]):_vm._e(),_vm._l((_vm.vehiculos),function(item,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(item.codigo))]),_c('td',[_vm._v(_vm._s(_vm._f(\"upperCase\")(item.marca)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"upperCase\")(item.modelo)))]),_c('td',[_vm._v(_vm._s(item.anno))]),_c('td',[_vm._v(_vm._s(item.observacion))]),_c('td',[_vm._v(_vm._s(item.estado.toUpperCase()))]),_c('td',{attrs:{\"width\":\"3%\"}},[_c('i',{staticClass:\"fa fa-pencil\",on:{\"click\":function($event){return _vm.modal(item)}}}),_c('i',{staticClass:\"fa fa-remove\",on:{\"click\":function($event){return _vm.eliminar(item)}}})])])})],2)]),_c('div',{staticClass:\"btn-group\"},[(_vm.currentPage > 1)?_c('button',{staticClass:\"btn btn-info btn-micro\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.backPage}},[_vm._v(\"«\\n            \")]):_vm._e(),_c('button',{staticClass:\"btn btn-warning btn-outline-secondary\",attrs:{\"type\":\"button\",\"disabled\":\"\"}},[_vm._v(\"Página:\\n                \"+_vm._s(_vm.$data.currentPage)+\"\\n            \")]),_c('button',{staticClass:\"btn btn-info btn-micro\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.nextPage}},[_vm._v(\"»\")])])]),_c('vuestic-modal',{ref:\"staticModal\",attrs:{\"force\":true}},[_c('div',{staticStyle:{\"font-weight\":\"bold\"},attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"Editar Vehiculo\")]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Código Vehiculo\",\"id\":\"eCodigo\",\"value\":_vm.editar_vehiculo.eCodigo,\"required\":true,\"autofocus\":true},model:{value:(_vm.editar_vehiculo.eCodigo),callback:function ($$v) {_vm.$set(_vm.editar_vehiculo, \"eCodigo\", $$v)},expression:\"editar_vehiculo.eCodigo\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Año\",\"id\":\"eAnio\",\"value\":_vm.editar_vehiculo.eAnio,\"required\":true},model:{value:(_vm.editar_vehiculo.eAnio),callback:function ($$v) {_vm.$set(_vm.editar_vehiculo, \"eAnio\", $$v)},expression:\"editar_vehiculo.eAnio\"}})],1)]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"eMarcaVehiculo\"}},[_vm._v(\"Marca Vehiculo\")]),_c('vuestic-simple-select',{attrs:{\"options\":_vm.marca,\"option-key\":\"nombre\",\"id\":\"eMarcaVehiculo\"},on:{\"input\":function($event){return _vm.getModelos()}},model:{value:(_vm.editar_vehiculo.eMarcaVehiculo),callback:function ($$v) {_vm.$set(_vm.editar_vehiculo, \"eMarcaVehiculo\", $$v)},expression:\"editar_vehiculo.eMarcaVehiculo\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"eModelo\"}},[_vm._v(\"Modelo Vehiculo\")]),_c('vuestic-simple-select',{attrs:{\"id\":\"eModelo\",\"options\":_vm.editar_vehiculo.eModeloVehiculo,\"option-key\":\"nombre\"},model:{value:(_vm.editar_vehiculo.eModelo),callback:function ($$v) {_vm.$set(_vm.editar_vehiculo, \"eModelo\", $$v)},expression:\"editar_vehiculo.eModelo\"}})],1)]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Observación\",\"value\":_vm.editar_vehiculo.eObservacion,\"required\":true},model:{value:(_vm.editar_vehiculo.eObservacion),callback:function ($$v) {_vm.$set(_vm.editar_vehiculo, \"eObservacion\", $$v)},expression:\"editar_vehiculo.eObservacion\"}})],1)]),_c('button',{staticClass:\"btn btn-micro btn-info\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.editar}},[_vm._v(\"Guardar\")]),_c('button',{staticClass:\"btn btn-micro btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.modalClose}},[_vm._v(\"Cerrar\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"vehiculos\">\n        <form @submit.prevent=\"crearVehiculo\">\n            <vuestic-widget header-text=\"Agregar Vehiculo\">\n                <div class=\"form-group\">\n                    <div class=\"input-group\">\n                        <label for=\"marcaVehiculo\">Marca Vehiculo</label>\n                        <select required=\"required\" @change=\"getModelo()\" v-model=\"marcaVehiculo\" name=\"marcaVehiculo\"\n                                id=\"marcaVehiculo\">\n                            <option value=\"\">Seleccione...</option>\n                            <option v-for=\"item in marca\" :value=\"item\">{{item.nombre}}</option>\n                        </select>\n                        <i class=\"bar\"></i>\n                    </div>\n                    <div class=\"input-group\">\n                        <label for=\"modelo\">Modelo Vehiculo</label>\n                        <select v-model=\"modeloVehiculo\" required=\"required\" name=\"modelo\" id=\"modelo\">\n                            <option value=\"\">Seleccione...</option>\n                            <option v-for=\"item in modeloVehiculos\" :value=\"item\">{{item.nombre}}</option>\n                        </select>\n                        <i class=\"bar\"></i>\n                    </div>\n                </div>\n                <div class=\"form-group\">\n                    <div class=\"input-group\">\n                        <input-comp id=\"codigo\" label=\"Código Vehiculo\" :required=\"true\" :value=\"codigo\"\n                                    v-model=\"codigo\" :autofocus=\"true\"/>\n                    </div>\n                    <div class=\"input-group\">\n                        <input-comp id=\"anio\" :value=\"anio\" v-model=\"anio\" :required=\"true\" label=\"Año\"/>\n                    </div>\n                    <div class=\"input-group\">\n                        <input-comp id=\"observacion\" :value=\"observacion\" v-model=\"observacion\" :required=\"true\"\n                                    label=\"Observación\"/>\n                    </div>\n                </div>\n                <button type=\"submit\" class=\"btn btn-info btn-micro\">Crear Vehiculo</button>\n            </vuestic-widget>\n        </form>\n\n        <vuestic-widget>\n            <table class=\"table table-striped table-responsive-lg table-bordered\">\n                <thead class=\"thead-light\">\n                <tr>\n                    <th>Código</th>\n                    <th>Marca</th>\n                    <th>Modelo</th>\n                    <th>Año</th>\n                    <th>Observación</th>\n                    <th>Estado</th>\n                    <th>Acciones</th>\n                </tr>\n                </thead>\n                <tbody>\n                <tr v-if=\"isLoading\">\n                    <td>\n                        <spring-spinner color=\"blue\" :size=\"12\"></spring-spinner>\n                    </td>\n                </tr>\n                <tr v-else-if=\"vehiculos.length === 0\">\n                    <td colspan=\"5\">No hay vehiculos para mostrar...</td>\n                </tr>\n                <tr v-for=\"(item, index) in vehiculos\" :key=\"index\">\n                    <td>{{item.codigo}}</td>\n                    <td>{{item.marca | upperCase}}</td>\n                    <td>{{item.modelo | upperCase}}</td>\n                    <td>{{item.anno}}</td>\n                    <td>{{item.observacion }}</td>\n                    <td>{{item.estado.toUpperCase()}}</td>\n                    <td width=\"3%\">\n                        <i class=\"fa fa-pencil\" @click=\"modal(item)\"></i>\n                        <i class=\"fa fa-remove\" @click=\"eliminar(item)\"></i>\n                    </td>\n                </tr>\n                </tbody>\n            </table>\n            <div class=\"btn-group\">\n                <button v-if=\"currentPage > 1\" type=\"button\" class=\"btn btn-info btn-micro\" @click=\"backPage\">&laquo;\n                </button>\n                <button type=\"button\" disabled class=\"btn btn-warning btn-outline-secondary\">Página:\n                    {{$data.currentPage}}\n                </button>\n                <button type=\"button\" class=\"btn btn-info btn-micro\" @click=\"nextPage\">&raquo;</button>\n            </div>\n        </vuestic-widget>\n\n        <vuestic-modal :force=\"true\" ref=\"staticModal\">\n            <div slot=\"title\" style=\"font-weight: bold\">Editar Vehiculo</div>\n            <div class=\"form-group\">\n                <div class=\"input-group\">\n                    <input-comp label=\"Código Vehiculo\" id=\"eCodigo\" v-model=\"editar_vehiculo.eCodigo\"\n                                :value=\"editar_vehiculo.eCodigo\" :required=\"true\" :autofocus=\"true\"/>\n                </div>\n                <div class=\"input-group\">\n                    <input-comp label=\"Año\" id=\"eAnio\" v-model=\"editar_vehiculo.eAnio\" :value=\"editar_vehiculo.eAnio\"\n                                :required=\"true\"/>\n                </div>\n            </div>\n            <div class=\"form-group\">\n                <div class=\"input-group\">\n                    <label for=\"eMarcaVehiculo\">Marca Vehiculo</label>\n                    <vuestic-simple-select\n                            :options=\"marca\"\n                            option-key=\"nombre\"\n                            v-model=\"editar_vehiculo.eMarcaVehiculo\"\n                            id=\"eMarcaVehiculo\"\n                            @input=\"getModelos()\"\n                    />\n                </div>\n                <div class=\"input-group\">\n                    <label for=\"eModelo\">Modelo Vehiculo</label>\n                    <vuestic-simple-select\n                            id=\"eModelo\"\n                            :options=\"editar_vehiculo.eModeloVehiculo\"\n                            option-key=\"nombre\"\n                            v-model=\"editar_vehiculo.eModelo\"\n                    />\n                </div>\n            </div>\n            <div class=\"form-group\">\n                <div class=\"input-group\">\n                    <input-comp label=\"Observación\" v-model=\"editar_vehiculo.eObservacion\"\n                                :value=\"editar_vehiculo.eObservacion\" :required=\"true\"/>\n                </div>\n            </div>\n            <button @click=\"editar\" type=\"button\" class=\"btn btn-micro btn-info\">Guardar</button>\n            <button @click=\"modalClose\" type=\"button\" class=\"btn btn-micro btn-danger\">Cerrar</button>\n        </vuestic-modal>\n\n    </div>\n</template>\n<script>\n    import {uuid} from 'vue-uuid'\n    import axios from 'axios'\n    import VuesticWidget from \"../../../vuestic-theme/vuestic-components/vuestic-widget/VuesticWidget\";\n    import {URL_SERVER, URL_VEHICULO_MARCA, URL_VEHICULO_MODELO, URL_VEHICULOS} from \"../../../api/config\";\n    import VuesticModal from \"../../../vuestic-theme/vuestic-components/vuestic-modal/VuesticModal\";\n    import VuesticAlert from \"../../../vuestic-theme/vuestic-components/vuestic-alert/VuesticAlert\";\n    import InputComp from \"../../Componentes_Globales/Input/inputComp\";\n    import VuesticSimpleSelect\n        from \"../../../vuestic-theme/vuestic-components/vuestic-simple-select/VuesticSimpleSelect\";\n    import makeQuery from \"../../../api/helper\";\n    import SpringSpinner from \"epic-spinners/src/components/lib/SpringSpinner\";\n\n    export default {\n        name: \"vehiculos\",\n        components: {SpringSpinner, VuesticSimpleSelect, InputComp, VuesticAlert, VuesticModal, VuesticWidget},\n        data() {\n            return {\n                codigo: '',\n                vehiculos: [],\n                modelo: [],\n                anio: '',\n                marca_id: '',\n                modelo_id: '',\n                marcaVehiculo: '',\n                modeloVehiculos: [],\n                modeloVehiculo: '',\n                observacion: '',\n                loading: false,\n                message: '',\n                uuid: uuid.v4(),\n                eTipo: '',\n                eVehiculo: '',\n                eId: '',\n                editar_vehiculo: {\n                    eId: null,\n                    eCodigo: null,\n                    eAnio: null,\n                    eMarcaVehiculo: null,\n                    eModelo: null,\n                    eObservacion: null,\n                    eModeloVehiculo: []\n                },\n                limite: 10,\n                offset: 0,\n                currentPage: 1,\n                isLoading: false\n            }\n        },\n        computed: {\n            marca() {\n                return this.$store.getters.marcas\n            },\n            modelos() {\n                return this.$store.getters.modelos\n            }\n\n        },\n        async created() {\n            await this.get()\n            await this.$store.dispatch('loadMarcas')\n            await this.$store.dispatch('loadModelo')\n        },\n        methods: {\n            get() {\n                this.isLoading = true\n                const query = makeQuery({\n                    filtros: [\n                        {\n                            field: 'vehiculo_marca_id',\n                            value: this.marca_id.id || '',\n                            operator: 'CONTAINS'\n                        },\n                    ],\n                    limite: this.limite,\n                    offset: this.offset\n                })\n                axios.get(`${URL_SERVER + URL_VEHICULOS}${query}`)\n                    .then(resp => {\n                        return this.vehiculos = resp.data.items.map(item => {\n                            return {\n                                ...item,\n                                marca: '',\n                                modelo: ''\n                            }\n                        })\n                    })\n                    .then(vehiculo => {\n                        console.log(vehiculo)\n                        vehiculo.forEach(v => {\n                            const query = makeQuery({\n                                filtros: [\n                                    {\n                                        field: 'id',\n                                        value: v.vehiculo_marca_id,\n                                        operator: '='\n                                    }\n                                ]\n                            })\n                            axios.get(`${URL_SERVER + URL_VEHICULO_MARCA}${query}`)\n                                .then(({data}) => {\n                                    v.marca = data.items[0].nombre\n                                    const queryModelo = makeQuery({\n                                        filtros: [\n                                            {\n                                                field: 'id',\n                                                value: v.vehiculo_modelo_id,\n                                                operator: '='\n                                            }\n                                        ]\n                                    })\n                                    return axios.get(`${URL_SERVER + URL_VEHICULO_MODELO}${queryModelo}`)\n                                })\n                                .then(({data}) => {\n                                    v.modelo = data.items[0].nombre\n                                    this.isLoading = false\n                                })\n                                .catch(e => console.log(e))\n                        })\n                    })\n                    .catch(error => console.log(error))\n            },\n            backPage() {\n                this.currentPage--\n                this.offset = this.limite * (this.currentPage - 1)\n                this.get()\n            },\n            nextPage() {\n                this.currentPage++\n                this.offset = this.limite * (this.currentPage - 1)\n                this.get()\n            },\n            modalClose() {\n                this.$refs.staticModal.close()\n            },\n            modal(item) {\n\n                this.editar_vehiculo.eId = item.id\n                this.editar_vehiculo.eCodigo = item.codigo\n                this.editar_vehiculo.eAnio = item.anno\n                this.editar_vehiculo.eObservacion = item.observacion\n\n                //TODO get de vehiculos( marca y modelo )\n                axios.get(`${URL_SERVER + URL_VEHICULO_MARCA}/${item.vehiculo_marca_id}`)\n                    .then(resp => {\n                        this.editar_vehiculo.eMarcaVehiculo = resp.data\n                        this.getModelos()\n                        const query = makeQuery({\n                            filtros: [\n                                {\n                                    field: 'vehiculo_marca_id',\n                                    value: resp.data.id,\n                                    operator: '='\n                                }\n                            ]\n                        })\n                        axios.get(`${URL_SERVER + URL_VEHICULO_MODELO}${query}`)\n                            .then(resp2 => {\n                                this.editar_vehiculo.eModelo = resp2.data.items.find(m => m.id === item.vehiculo_modelo_id)\n                            })\n                    }).catch(error => console.log(error))\n\n                this.$refs.staticModal.open()\n            },\n            editar() {\n                axios.put(`${URL_SERVER + URL_VEHICULOS}`, {\n                    id: this.editar_vehiculo.eId,\n                    codigo: this.editar_vehiculo.eCodigo,\n                    observacion: this.editar_vehiculo.eObservacion,\n                    anno: this.editar_vehiculo.eAnio,\n                    vehiculoMarcaId: this.editar_vehiculo.eMarcaVehiculo.id,\n                    vehiculoModeloId: this.editar_vehiculo.eModelo.id,\n                    estado: 'activo'\n                }).then(() => {\n                    this.$store.dispatch('loadVehiculos')\n                    this.$swal('Editado', 'Vehiculo Editado Correctamente', 'success')\n                    this.modalClose()\n                }).catch(error => {\n                    this.$swal('Error!', `${error.response.data.message}`, 'error')\n                    console.log(error)\n                })\n\n            },\n            crearVehiculo() {\n                axios.post(URL_SERVER + URL_VEHICULOS, {\n                    id: this.uuid,\n                    codigo: this.codigo,\n                    observacion: this.observacion,\n                    anno: this.anio,\n                    vehiculoMarcaId: this.marcaVehiculo.id,\n                    vehiculoModeloId: this.modeloVehiculo.id,\n                    estado: 'activo'\n                }).then(() => {\n                    this.codigo = ''\n                    this.anio = ''\n                    this.observacion = ''\n                    this.modelo = ''\n                    this.marcaVehiculo = ''\n                    this.uuid = uuid.v4()\n                    document.getElementById('codigo').focus()\n                    this.get()\n                    this.$swal('Correcto!', 'Vehiculo Creado Correctamente', 'success')\n\n                }).catch(error => {\n                    this.$swal('Error!', `${error}`, 'error')\n                    console.log(error)\n                })\n            },\n            getModelo() {\n                const query = makeQuery({\n                    filtros: [\n                        {\n                            field: 'vehiculo_marca_id',\n                            value: this.marcaVehiculo.id,\n                            operator: '='\n                        }\n                    ]\n                })\n                if (this.marcaVehiculo === '') {\n                    this.modeloVehiculos = []\n                    this.modeloVehiculo = ''\n                }\n                axios.get(`${URL_SERVER}${URL_VEHICULO_MODELO}${query}`)\n                    .then(resp => {\n                        this.modeloVehiculos = resp.data.items\n                        this.editar_vehiculo.eModeloVehiculo = resp.data.items\n                    })\n                    .catch(error => console.log(error))\n\n            },\n            getModelos() {\n                if (this.editar_vehiculo.eMarcaVehiculo === '') {\n                    this.editar_vehiculo.eModeloVehiculos = []\n                    this.editar_vehiculo.eModelo = ''\n                }\n                const query = makeQuery({\n                    filtros: [\n                        {\n                            field: 'vehiculo_marca_id',\n                            value: this.editar_vehiculo.eMarcaVehiculo.id,\n                            operator: '='\n                        }\n                    ]\n                })\n                axios.get(`${URL_SERVER}${URL_VEHICULO_MODELO}${query}`)\n                    .then(resp => {\n                        this.editar_vehiculo.eModeloVehiculo = resp.data.items\n                    })\n                    .catch(error => console.log(error))\n            },\n            eliminar(item) {\n                this.$swal({\n                    title: 'Eliminar Vehiculo',\n                    text: 'Está Seguro',\n                    type: 'warning',\n                    showCancelButton: true,\n                    confirmButtonColor: '#3085d6',\n                    cancelButtonColor: '#d33',\n                    confirmButtonText: 'Si!'\n                }).then(result => {\n                    if (result.value) {\n                        axios.put(`${URL_SERVER + URL_VEHICULOS}`, {\n                            anno: item.anno,\n                            codigo: item.codigo,\n                            observacion: item.observacion,\n                            id: item.id,\n                            estado: 'inactivo',\n                            vehiculoMarcaId: item.vehiculo_marca_id,\n                            vehiculoModeloId: item.vehiculo_modelo_id\n                        }).then(() => {\n                            this.$swal('Correcto!', 'Vehiculo Eliminado Correctamente', 'success')\n                            this.$store.dispatch('loadVehiculos')\n                        }).catch(error => console.log(error))\n                    }\n                })\n\n            }\n        },\n        filters: {\n            upperCase(text) {\n                if (text) {\n                    return text.toUpperCase()\n                } else {\n                    return text\n                }\n            }\n        }\n    }\n</script>\n\n<style scoped>\n    label {\n        font-weight: bold;\n    }\n\n    .input-group {\n        margin: 10px;\n    }\n\n    .fa {\n        margin-left: 10px;\n    }\n</style>\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vehiculos.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vehiculos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vehiculos.vue?vue&type=template&id=255254e6&scoped=true&\"\nimport script from \"./vehiculos.vue?vue&type=script&lang=js&\"\nexport * from \"./vehiculos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./vehiculos.vue?vue&type=style&index=0&id=255254e6&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"255254e6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vehiculos.vue?vue&type=style&index=0&id=255254e6&prod&scoped=true&lang=css&\""],"sourceRoot":""}