{"version":3,"sources":["webpack:///./src/components/Componentes_Globales/Alertas/alertas.vue","webpack:///src/components/Componentes_Globales/Alertas/alertas.vue","webpack:///./src/components/Componentes_Globales/Alertas/alertas.vue?b866","webpack:///./src/components/Componentes_Globales/Alertas/alertas.vue?d1b7","webpack:///./src/components/Componentes_Globales/Alertas/alertas.vue?7d9d","webpack:///./src/components/Productos/Pages/modelo.vue?ecef","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?14de","webpack:///./src/components/Productos/Pages/modelo.vue","webpack:///src/components/Productos/Pages/modelo.vue","webpack:///./src/components/Productos/Pages/modelo.vue?5766","webpack:///./src/components/Productos/Pages/modelo.vue?3249","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue","webpack:///node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?05f2","webpack:///./node_modules/epic-spinners/src/components/lib/FingerprintSpinner.vue?ae4c"],"names":["render","_vm","this","_c","_self","staticClass","attrs","type","_v","_s","title","staticRenderFns","name","components","VuesticAlert","props","success","danger","component","on","$event","preventDefault","crearModelo","apply","arguments","nombre","model","value","callback","$$v","expression","directives","rawName","marcaVehiculo","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","_l","marca","item","domProps","fillMarca","modelos","array","_f","estado","modal","eliminar","ref","staticStyle","slot","edit","$set","eMarcaVehiculo","_e","editar","closeModal","data","error","loading","searchModelos","uuid","id","VuesticModal","Alertas","FingerprintSpinner","VuesticSimpleSelect","InputComp","VuesticWidget","methods","axios","then","catch","console","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","vehiculoMarcaId","getModelos","filtros","field","operator","document","query","limite","offset","modelo","computed","created","filters","upperCase","style","spinnerStyle","ringsStyles","rs","index","key","animationDuration","default","size","color","ringsNum","containerPadding","outerRingSize","height","width","padding","ringStyle","borderTopColor","animationDelay"],"mappings":"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,6BACAC,yBACAC,0BACA,kBACA,SACAR,yBACAR,QACA/C,gBACAgE,oCACAlC,oBACA,iBACA,wEACA,mCACA,mBACA,6DACA4B,qBAGA,6CAEAO,sBAAA,WACA,kBACAC,SACA,CACAC,0BACAjE,wBACAkE,iBAIAb,kDACAC,kBACA,gCACA,6CAEA3D,uBAAA,WACA0D,0BACAR,aACA/C,mBACAgE,sCACAlC,kBACA,iBACA,mBACA,YACA,mBACA,YACA,6DACAuC,4CACA,mBACAX,eACA,iEAGAlB,kBAAA,WACAe,oCACAR,gBACA/C,wBACAgE,uCACAlC,kBACA,iBACA,gCACA,8DACA,kBACA,mBACA,6DACA4B,mBAGAjB,sBACA,gCAEAd,mBAAA,yJAWA,OAVA2C,kBACAJ,SACA,CACAC,eACAjE,kBACAkE,sBAGAG,UACAC,WACA,SACAjB,8CACAC,kBACA,6CACA,cACAhC,OACAD,iBAIAiC,kBACAiB,uBACA,sBACAP,SACA,CACAC,WACAjE,0BACAkE,iBAIAb,8CACAC,kBAAA,aACA,iEACAhC,0BAKAiC,mBAAA,8HAxCA9B,IA2CA+C,UACAnD,iBACA,oCAGAoD,mBACA,eACA,oCAGAC,SACAC,sBACA,SACA,gBAEA,KCpQ8W,I,wBCQ1WpF,EAAY,eACd,EACAlB,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,yFCnBf,IAAIlB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsBkG,MAAOtG,EAAIuG,cAAevG,EAAI8C,GAAI9C,EAAIwG,aAAa,SAASC,EAAGC,GAAO,OAAOxG,EAAG,MAAM,CAACyG,IAAID,EAAMtG,YAAY,eAAekG,MAAOG,OAAQ,IAEtP/F,EAAkB,GCKtB,G,UAAA,CACAC,0BAEAG,OACA8F,mBACAtG,YACAuG,cAEAC,MACAxG,YACAuG,YAEAE,OACAzG,YACAuG,iBAIA3C,gBACA,OACA8C,WACAC,qBAIAf,UACAgB,yBACA,0CAGAX,wBACA,OACAY,iCACAC,gCACAC,gDAIAC,qBACA,OACAC,0BACAX,2DAIAJ,uBAKA,IAJA,SACA,mCACA,IAEA,0BACA,qBACAgB,oCACAL,iCACAC,iCACA,gBACAZ,UAGA,aClEyT,I,wBCQrTvF,EAAY,eACd,EACAlB,EACAW,GACA,EACA,KACA,WACA,MAIa,OAAAO,E","file":"js/chunk-2e8cffa4.da4954ed.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"alertas\"},[_c('vuestic-alert',{attrs:{\"with-close-btn\":true,\"type\":_vm.type}},[_vm._v(_vm._s(_vm.title))])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"alertas\">\n        <vuestic-alert :with-close-btn=\"true\" :type=\"type\">{{title}}</vuestic-alert>\n    </div>\n</template>\n\n<script>\n    import VuesticAlert from \"../../../vuestic-theme/vuestic-components/vuestic-alert/VuesticAlert\";\n    export default {\n        name: \"alertas\",\n        components: {VuesticAlert},\n        props:{\n            type: {\n                success: 'success',\n                danger: 'danger'\n            },\n            title: String\n        }\n\n    }\n</script>\n\n<style scoped>\n    .alertas{\n        margin-top: 20px;\n    }\n</style>\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!./alertas.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!./alertas.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alertas.vue?vue&type=template&id=41913a46&scoped=true&\"\nimport script from \"./alertas.vue?vue&type=script&lang=js&\"\nexport * from \"./alertas.vue?vue&type=script&lang=js&\"\nimport style0 from \"./alertas.vue?vue&type=style&index=0&id=41913a46&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  \"41913a46\",\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!./alertas.vue?vue&type=style&index=0&id=41913a46&prod&scoped=true&lang=css&\"","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!./modelo.vue?vue&type=style&index=0&id=1db8acac&prod&scoped=true&lang=css&\"","export * from \"-!../../../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../css-loader/index.js??ref--6-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FingerprintSpinner.vue?vue&type=style&index=0&id=f115833a&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"modelo\"},[_c('vuestic-widget',{attrs:{\"header-text\":\"Crear Modelo\"}},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.crearModelo.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"required\":true,\"id\":\"nombre\",\"label\":\"Modelo Vehiculo\",\"value\":_vm.nombre},model:{value:(_vm.nombre),callback:function ($$v) {_vm.nombre=$$v},expression:\"nombre\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"marca\"}},[_vm._v(\"Marca Vehiculo\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.marcaVehiculo),expression:\"marcaVehiculo\"}],attrs:{\"name\":\"marca\",\"id\":\"marca\"},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]}}},[_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('button',{staticClass:\"btn btn-micro btn-info\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Crear Modelo\")])])]),_c('vuestic-widget',{attrs:{\"header-text\":\"Modelo de Vehiculos\"}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"smarca\"}},[_vm._v(\"Marca\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fillMarca),expression:\"fillMarca\"}],attrs:{\"name\":\"marca\",\"id\":\"smarca\"},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.fillMarca=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.modelos]}},[_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('table',{staticClass:\"table table-striped table-bordered table-responsive-lg\"},[_c('thead',{staticClass:\"thead-light\"},[_c('tr',[_c('th',[_vm._v(\"Marca\")]),_c('th',[_vm._v(\"Modelo\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Acciones\")])])]),_c('tbody',_vm._l((_vm.array),function(item){return _c('tr',[_c('td',[_vm._v(_vm._s(_vm._f(\"upperCase\")(item.marca)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"upperCase\")(item.nombre)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"upperCase\")(item.estado)))]),_c('td',{attrs:{\"width\":\"10%\"}},[_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)}}})])])}),0)])]),_c('vuestic-modal',{ref:\"staticModal\",attrs:{\"force\":true}},[_c('div',{staticStyle:{\"font-weight\":\"bold\"},attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"Editar Modelo\")]),_c('form',[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\",staticStyle:{\"margin-right\":\"10px\"}},[_c('input-comp',{attrs:{\"label\":\"Nombre Modelo\",\"required\":true,\"value\":_vm.edit.nombre},model:{value:(_vm.edit.nombre),callback:function ($$v) {_vm.$set(_vm.edit, \"nombre\", $$v)},expression:\"edit.nombre\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"marcaV\"}},[_vm._v(\"Marca Vehiculo\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.eMarcaVehiculo),expression:\"eMarcaVehiculo\"}],attrs:{\"required\":\"required\",\"id\":\"marcaV\"},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.eMarcaVehiculo=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Seleccione...\")]),_vm._l((_vm.marca),function(item){return (item.estado === 'activo')?_c('option',{domProps:{\"value\":item}},[_vm._v(\"\\n                            \"+_vm._s(item.nombre)+\"\\n                        \")]):_vm._e()})],2),_c('i',{staticClass:\"bar\"})])])]),_c('button',{staticClass:\"btn btn-info btn-micro\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.editar}},[_vm._v(\"Guardar\")]),_c('button',{staticClass:\"btn btn-danger btn-micro\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.closeModal}},[_vm._v(\"Cerrar\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"modelo\">\n        <vuestic-widget header-text=\"Crear Modelo\">\n            <form @submit.prevent=\"crearModelo\">\n                <div class=\"form-group\">\n                    <div class=\"input-group\">\n                        <input-comp :required=\"true\" id=\"nombre\" label=\"Modelo Vehiculo\" v-model=\"nombre\"\n                                    :value=\"nombre\"/>\n                    </div>\n                    <div class=\"input-group\">\n                        <label for=\"marca\">Marca Vehiculo</label>\n                        <select v-model=\"marcaVehiculo\" name=\"marca\" id=\"marca\">\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>\n                <button type=\"submit\" class=\"btn btn-micro btn-info\">Crear Modelo</button>\n            </form>\n        </vuestic-widget>\n        <vuestic-widget header-text=\"Modelo de Vehiculos\">\n            <div class=\"form-group\">\n                <div class=\"input-group\">\n                    <label for=\"smarca\">Marca</label>\n                    <select @change=\"modelos\" v-model=\"fillMarca\" name=\"marca\" id=\"smarca\">\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>\n            <table class=\"table table-striped table-bordered table-responsive-lg\">\n                <thead class=\"thead-light\">\n                <tr>\n                    <th>Marca</th>\n                    <th>Modelo</th>\n                    <th>Estado</th>\n                    <th>Acciones</th>\n                </tr>\n                </thead>\n                <tbody>\n                <tr v-for=\"item in array\">\n                    <td>{{item.marca | upperCase}}</td>\n                    <td>{{item.nombre | upperCase}}</td>\n                    <td>{{item.estado | upperCase}}</td>\n                    <td width=\"10%\">\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        </vuestic-widget>\n\n        <vuestic-modal ref=\"staticModal\" :force=\"true\">\n            <div slot=\"title\" style=\"font-weight: bold\">Editar Modelo</div>\n            <form>\n                <div class=\"form-group\">\n                    <div class=\"input-group\" style=\"margin-right: 10px\">\n                        <input-comp label=\"Nombre Modelo\" :required=\"true\" v-model=\"edit.nombre\" :value=\"edit.nombre\"/>\n                    </div>\n                    <div class=\"input-group\">\n                        <label for=\"marcaV\">Marca Vehiculo</label>\n                        <select required=\"required\" v-model=\"eMarcaVehiculo\" id=\"marcaV\">\n                            <option value=\"\">Seleccione...</option>\n                            <option v-if=\"item.estado === 'activo'\" v-for=\"item in marca\" :value=\"item\">\n                                {{item.nombre}}\n                            </option>\n                        </select>\n                        <i class=\"bar\"></i>\n                    </div>\n                </div>\n            </form>\n            <button type=\"button\" @click=\"editar\" class=\"btn btn-info btn-micro\">Guardar</button>\n            <button type=\"button\" @click=\"closeModal\" class=\"btn btn-danger btn-micro\">Cerrar</button>\n        </vuestic-modal>\n    </div>\n</template>\n\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 InputComp from \"../../Componentes_Globales/Input/inputComp\";\n    import VuesticSimpleSelect\n        from \"../../../vuestic-theme/vuestic-components/vuestic-simple-select/VuesticSimpleSelect\";\n    import {URL_MARCA_PRODUCTO, URL_SERVER, URL_VEHICULO_MARCA, URL_VEHICULO_MODELO} from \"../../../api/config\";\n    import FingerprintSpinner from \"epic-spinners/src/components/lib/FingerprintSpinner\";\n    import Alertas from \"../../Componentes_Globales/Alertas/alertas\";\n    import VuesticModal from \"../../../vuestic-theme/vuestic-components/vuestic-modal/VuesticModal\";\n    import makeQuery from \"../../../api/helper\";\n\n    export default {\n        name: \"modelo\",\n        data() {\n            return {\n                error: '',\n                nombre: '',\n                loading: false,\n                searchModelos: [],\n                fillMarca: '',\n                marcaVehiculo: '',\n                eMarcaVehiculo: '',\n                uuid: uuid.v4(),\n                success: '',\n                array: [],\n                edit: {\n                    id: '',\n                    nombre: '',\n\n                }\n            }\n        },\n        components: {VuesticModal, Alertas, FingerprintSpinner, VuesticSimpleSelect, InputComp, VuesticWidget},\n        methods: {\n            modal(item) {\n                this.edit.id = item.id\n                this.edit.nombre = item.nombre\n                axios.get(`${URL_SERVER + URL_VEHICULO_MARCA}/${item.vehiculo_marca_id}`)\n                    .then(resp => this.eMarcaVehiculo = resp.data)\n                    .catch(error => console.log(error))\n                this.$refs.staticModal.open()\n            },\n            eliminar(item) {\n                console.log(item)\n                this.$swal({\n                    title: 'Eliminar Modelo de Vehículo',\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_VEHICULO_MODELO, {\n                            id: item.id,\n                            nombre: item.nombre,\n                            vehiculoMarcaId: item.vehiculo_marca_id,\n                            estado: 'inactivo'\n                        }).then(() => {\n                            this.$swal('Eliminado', 'El modelo de vehiculo a sido eliminado', 'success')\n                            this.$store.dispatch('loadModelo')\n                        }).catch(error => {\n                            this.$swal('Error!', `${error.response.data.message}`, 'error')\n                            console.log(error)\n                        })\n                    }\n                }).catch(e => console.log(e))\n            },\n            getModelos() {\n                const query = makeQuery({\n                    filtros: [\n                        {\n                            field: 'vehiculo_marca_id',\n                            value: this.fillMarca.id,\n                            operator: '='\n                        }\n                    ]\n                })\n                axios.get(`${URL_SERVER + URL_VEHICULO_MODELO}/${query}`)\n                    .then(resp => {\n                        this.searchModelos = resp.data.items\n                    }).catch(error => console.log(error))\n            },\n            crearModelo() {\n                axios.post(URL_SERVER + URL_VEHICULO_MODELO, {\n                    id: this.uuid,\n                    nombre: this.nombre,\n                    vehiculoMarcaId: this.marcaVehiculo.id,\n                    estado: 'activo'\n                }).then(() => {\n                    this.uuid = uuid.v4();\n                    this.nombre = '';\n                    this.marcaVehiculo = '';\n                    this.modelos()\n                    this.$swal('Correcto!', 'Modelo Creado Correctamente', 'success');\n                    document.getElementById('marca').focus()\n                }).catch(error => {\n                    console.log(error);\n                    this.$swal('Error!', `${error.response.data.message}`, 'error')\n                })\n            },\n            editar() {\n                axios.put(`${URL_SERVER + URL_VEHICULO_MODELO}`, {\n                    id: this.edit.id,\n                    nombre: this.edit.nombre,\n                    vehiculoMarcaId: this.eMarcaVehiculo.id,\n                    estado: 'activo'\n                }).then(() => {\n                    this.$store.dispatch('loadModelo');\n                    this.$swal('Correcto!', 'Modelo Editado Correctamente', 'success');\n                    this.closeModal()\n                }).catch(error => {\n                    this.$swal('Error!', `${error.response.data.message}`, 'error');\n                    console.log(error)\n                })\n            },\n            closeModal() {\n                this.$refs.staticModal.close()\n            },\n            async modelos() {\n                const query = makeQuery({\n                    filtros: [\n                        {\n                            field: 'nombre',\n                            value: this.nombre,\n                            operator: 'CONTAINS'\n                        }\n                    ],\n                    limite: 30,\n                    offset: 0\n                })\n                await axios.get(`${URL_SERVER + URL_VEHICULO_MODELO}${query}`)\n                    .then(resp => {\n                        return this.array = resp.data.items.map(item => {\n                            return {\n                                ...item,\n                                marca: ''\n                            }\n                        })\n                    })\n                    .then(modelo => {\n                        modelo.forEach(item => {\n                            const query = makeQuery({\n                                filtros: [\n                                    {\n                                        field: 'id',\n                                        value: item.vehiculo_marca_id,\n                                        operator: '='\n                                    }\n                                ]\n                            })\n                            axios.get(`${URL_SERVER + URL_VEHICULO_MARCA}${query}`)\n                                .then(({data}) => {\n                                    const t = data.items.find(marca => marca.id === item.vehiculo_marca_id)\n                                    item.marca = t.nombre\n                                })\n                        })\n\n                    })\n                    .catch(error => console.log(error))\n            }\n        },\n        computed: {\n            marca() {\n                return this.$store.getters.marcas\n            }\n        },\n        created() {\n            this.modelos()\n            this.$store.dispatch('loadMarcas')\n\n        },\n        filters: {\n            upperCase(texto) {\n                if (texto) {\n                    return texto.toUpperCase()\n                } else {\n                    return texto\n                }\n            }\n        }\n    }\n</script>\n\n<style scoped>\n    .fa {\n        margin: 10px;\n        display: inline-block;\n    }\n    select{\n        cursor: pointer;\n    }\n\n    label {\n        font-weight: bold;\n    }\n\n    .input-group {\n        margin-right: 10px;\n    }\n</style>\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!./modelo.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!./modelo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./modelo.vue?vue&type=template&id=1db8acac&scoped=true&\"\nimport script from \"./modelo.vue?vue&type=script&lang=js&\"\nexport * from \"./modelo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./modelo.vue?vue&type=style&index=0&id=1db8acac&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  \"1db8acac\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fingerprint-spinner\",style:(_vm.spinnerStyle)},_vm._l((_vm.ringsStyles),function(rs,index){return _c('div',{key:index,staticClass:\"spinner-ring\",style:(rs)})}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"fingerprint-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"spinner-ring\" v-for=\"(rs, index) in ringsStyles\" :style=\"rs\" :key=\"index\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'FingerprintSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1500\r\n      },\r\n      size: {\r\n        type: Number,\r\n        default: 60\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: '#fff'\r\n      }\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        ringsNum: 9,\r\n        containerPadding: 2\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      outerRingSize () {\r\n        return this.size - this.containerPadding * 2\r\n      },\r\n\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`,\r\n          padding: `${this.containerPadding}px`\r\n        }\r\n      },\r\n\r\n      ringStyle () {\r\n        return {\r\n          borderTopColor: this.color,\r\n          animationDuration: `${this.animationDuration}ms`\r\n        }\r\n      },\r\n\r\n      ringsStyles () {\r\n        const ringsStyles = []\r\n        const ringBase = this.outerRingSize / (this.ringsNum)\r\n        const ringInc = ringBase\r\n\r\n        for (let i = 1; i <= this.ringsNum; i++) {\r\n          let style = Object.assign({\r\n            animationDelay: `${i * 50}ms`,\r\n            height: `${ringBase + (i - 1) * ringInc}px`,\r\n            width: `${ringBase + (i - 1) * ringInc}px`\r\n          }, this.ringStyle)\r\n          ringsStyles.push(style)\r\n        }\r\n\r\n        return ringsStyles\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .fingerprint-spinner, .fingerprint-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .fingerprint-spinner {\r\n    height: 64px;\r\n    width: 64px;\r\n    padding: 2px;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 2px solid transparent;\r\n    border-top-color: #ff1d5e;\r\n    animation: fingerprint-spinner-animation 1500ms cubic-bezier(0.680, -0.750, 0.265, 1.750) infinite forwards;\r\n    margin: auto;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(1) {\r\n    height: calc(60px / 9 + 0 * 60px / 9);\r\n    width: calc(60px / 9 + 0 * 60px / 9);\r\n    animation-delay: calc(50ms * 1);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(2) {\r\n    height: calc(60px / 9 + 1 * 60px / 9);\r\n    width: calc(60px / 9 + 1 * 60px / 9);\r\n    animation-delay: calc(50ms * 2);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(3) {\r\n    height: calc(60px / 9 + 2 * 60px / 9);\r\n    width: calc(60px / 9 + 2 * 60px / 9);\r\n    animation-delay: calc(50ms * 3);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(4) {\r\n    height: calc(60px / 9 + 3 * 60px / 9);\r\n    width: calc(60px / 9 + 3 * 60px / 9);\r\n    animation-delay: calc(50ms * 4);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(5) {\r\n    height: calc(60px / 9 + 4 * 60px / 9);\r\n    width: calc(60px / 9 + 4 * 60px / 9);\r\n    animation-delay: calc(50ms * 5);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(6) {\r\n    height: calc(60px / 9 + 5 * 60px / 9);\r\n    width: calc(60px / 9 + 5 * 60px / 9);\r\n    animation-delay: calc(50ms * 6);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(7) {\r\n    height: calc(60px / 9 + 6 * 60px / 9);\r\n    width: calc(60px / 9 + 6 * 60px / 9);\r\n    animation-delay: calc(50ms * 7);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(8) {\r\n    height: calc(60px / 9 + 7 * 60px / 9);\r\n    width: calc(60px / 9 + 7 * 60px / 9);\r\n    animation-delay: calc(50ms * 8);\r\n  }\r\n\r\n  .fingerprint-spinner .spinner-ring:nth-child(9) {\r\n    height: calc(60px / 9 + 8 * 60px / 9);\r\n    width: calc(60px / 9 + 8 * 60px / 9);\r\n    animation-delay: calc(50ms * 9);\r\n  }\r\n\r\n  @keyframes fingerprint-spinner-animation {\r\n    100% {\r\n      transform: rotate( 360deg );\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FingerprintSpinner.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--12-0!../../../../thread-loader/dist/cjs.js!../../../../babel-loader/lib/index.js!../../../../cache-loader/dist/cjs.js??ref--0-0!../../../../vue-loader/lib/index.js??vue-loader-options!./FingerprintSpinner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FingerprintSpinner.vue?vue&type=template&id=f115833a&scoped=true&\"\nimport script from \"./FingerprintSpinner.vue?vue&type=script&lang=js&\"\nexport * from \"./FingerprintSpinner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FingerprintSpinner.vue?vue&type=style&index=0&id=f115833a&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f115833a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}