{"version":3,"sources":["webpack:///./src/components/Componentes_Globales/paginacion/paginacion.vue","webpack:///src/components/Componentes_Globales/paginacion/paginacion.vue","webpack:///./src/components/Componentes_Globales/paginacion/paginacion.vue?65b2","webpack:///./src/components/Componentes_Globales/paginacion/paginacion.vue?24d6","webpack:///./src/components/Componentes_Globales/Input/inputWithButton.vue","webpack:///src/components/Componentes_Globales/Input/inputWithButton.vue","webpack:///./src/components/Componentes_Globales/Input/inputWithButton.vue?fc0b","webpack:///./src/components/Componentes_Globales/Input/inputWithButton.vue?f493","webpack:///./src/components/Asociacion/Pages/asociacion.vue?50dc","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?275a","webpack:///./src/components/Componentes_Globales/Input/inputWithButton.vue?0e6c","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue","webpack:///node_modules/epic-spinners/src/components/lib/AtomSpinner.vue","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?7d80","webpack:///./node_modules/epic-spinners/src/components/lib/AtomSpinner.vue?a36d","webpack:///./src/components/Asociacion/Pages/asociacion.vue","webpack:///src/components/Asociacion/Pages/asociacion.vue","webpack:///./src/components/Asociacion/Pages/asociacion.vue?94d0","webpack:///./src/components/Asociacion/Pages/asociacion.vue?6de6"],"names":["render","_vm","this","_c","_self","staticClass","currentPage","attrs","on","backPage","_v","_e","_s","nextPage","staticRenderFns","name","props","methods","component","directives","rawName","value","expression","id","domProps","$event","target","composing","input","evento","style","spinnerStyle","lineStyle","circleStyle","animationDuration","type","default","size","color","computed","height","width","fontSize","borderLeftWidth","borderTopWidth","borderLeftColor","imprimir","getProductos","model","proveedorNombre","callback","$$v","codigoProveedor","descripcion","productos","length","_l","item","i","key","proveedor_nombre","codigo_proveedor","toUpperCase","codigo_producto","test","modal","_f","disabled","asociar","loading","ref","staticStyle","slot","getProductoMiranda","codigo","numeroParte","producto_miranda","index","numero_parte","marca","nombre","producto_pais","seleccionar","modalClose","components","Paginacion","AtomSpinner","InputWithButton","VuesticModal","InputComp","VuesticWidget","data","producto","producto_seleccionado","asociacion","proveedor","limite","offset","created","mounted","filters","upperCase","field","operator","filtros","desc","axios","then","console","catch","proveedor_id","producto_id","title","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","productoId","asociacionId","asociaciones","window"],"mappings":"2JAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAAEJ,EAAIK,YAAc,EAAGH,EAAG,SAAS,CAACE,YAAY,yBAAyBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIQ,WAAW,CAACR,EAAIS,GAAG,aAAaT,EAAIU,KAAKR,EAAG,SAAS,CAACE,YAAY,kDAAkDE,MAAM,CAAC,KAAO,SAAS,SAAW,KAAK,CAACN,EAAIS,GAAG,kBAAkBT,EAAIW,GAAGX,EAAIK,aAAa,YAAYH,EAAG,SAAS,CAACE,YAAY,yBAAyBE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIY,WAAW,CAACZ,EAAIS,GAAG,YAE9jBI,EAAkB,GCYtB,GACAC,kBACAC,sBACAC,SACAJ,oBACA,oBAEAJ,oBACA,sBCtBkX,I,YCO9WS,EAAY,eACd,EACAlB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAI,E,oDClBf,IAAIlB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACgB,WAAW,CAAC,CAACJ,KAAK,QAAQK,QAAQ,UAAUC,MAAOpB,EAAIoB,MAAOC,WAAW,UAAUf,MAAM,CAAC,KAAO,OAAO,GAAKN,EAAIsB,GAAG,UAAW,GAAMC,SAAS,CAAC,MAASvB,EAAIoB,OAAQb,GAAG,CAAC,MAAQ,CAAC,SAASiB,GAAWA,EAAOC,OAAOC,YAAiB1B,EAAIoB,MAAMI,EAAOC,OAAOL,QAAOpB,EAAI2B,UAAUzB,EAAG,IAAI,CAACE,YAAY,mBAAmBG,GAAG,CAAC,MAAQP,EAAI4B,eAEnef,EAAkB,GCatB,GACAC,uBACAC,OACAO,UACAF,cAEAJ,SACAW,kBACA,oBACAL,WACAF,wBAGAQ,kBACA,uBC7BuX,I,wBCQnXX,EAAY,eACd,EACAlB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAI,E,+FCnBf,W,oCCAA,W,yDCAA,W,kCCAA,IAAIlB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeyB,MAAO7B,EAAI8B,cAAe,CAAC5B,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeyB,MAAO7B,EAAI+B,YAAa7B,EAAG,MAAM,CAACE,YAAY,eAAeyB,MAAO7B,EAAI+B,YAAa7B,EAAG,MAAM,CAACE,YAAY,eAAeyB,MAAO7B,EAAI+B,YAAa7B,EAAG,MAAM,CAACE,YAAY,iBAAiByB,MAAO7B,EAAIgC,aAAc,CAAChC,EAAIS,GAAG,0BAEtaI,EAAkB,GCctB,G,UAAA,CACAC,mBAEAC,OACAkB,mBACAC,YACAC,aAEAC,MACAF,YACAC,YAEAE,OACAH,YACAC,iBAIAG,UACAR,wBACA,OACAS,iCACAC,kCAIAR,uBACA,OACAK,iBACAI,yCAIAV,qBACA,OACAE,yDACAS,6CACAC,4CACAC,gCCtDkT,I,wBCQ9S3B,EAAY,eACd,EACAlB,EACAc,GACA,EACA,KACA,WACA,MAIa,OAAAI,E,gECnBXlB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,iBAAiB,CAACI,MAAM,CAAC,cAAc,4BAA4B,CAACJ,EAAG,SAAS,CAACE,YAAY,4BAA4BE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAI6C,WAAW,CAAC7C,EAAIS,GAAG,cAAcP,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ,aAAaC,GAAG,CAAC,OAASP,EAAI8C,cAAcC,MAAM,CAAC3B,MAAOpB,EAAIgD,gBAAiBC,SAAS,SAAUC,GAAMlD,EAAIgD,gBAAgBE,GAAK7B,WAAW,sBAAsB,GAAGnB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ,oBAAoBC,GAAG,CAAC,OAASP,EAAI8C,cAAcC,MAAM,CAAC3B,MAAOpB,EAAImD,gBAAiBF,SAAS,SAAUC,GAAMlD,EAAImD,gBAAgBD,GAAK7B,WAAW,sBAAsB,GAAGnB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ,eAAeC,GAAG,CAAC,OAASP,EAAI8C,cAAcC,MAAM,CAAC3B,MAAOpB,EAAIoD,YAAaH,SAAS,SAAUC,GAAMlD,EAAIoD,YAAYF,GAAK7B,WAAW,kBAAkB,KAAKnB,EAAG,QAAQ,CAACE,YAAY,sHAAsH,CAACF,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIS,GAAG,eAAeP,EAAG,KAAK,CAACF,EAAIS,GAAG,sBAAsBP,EAAG,KAAK,CAACF,EAAIS,GAAG,iBAAiBP,EAAG,KAAK,CAACF,EAAIS,GAAG,oBAAoBP,EAAG,KAAK,CAACF,EAAIS,GAAG,qBAAqBP,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACgB,WAAW,CAAC,CAACJ,KAAK,OAAOK,QAAQ,SAASC,MAAgC,IAAzBpB,EAAIqD,UAAUC,OAAcjC,WAAW,4BAA4B,CAACnB,EAAG,KAAK,CAACI,MAAM,CAAC,QAAU,MAAM,CAACN,EAAIS,GAAG,qCAAqCT,EAAIuD,GAAIvD,EAAIqD,WAAW,SAASG,EAAKC,GAAG,OAAOvD,EAAG,KAAK,CAACwD,IAAID,GAAG,CAACvD,EAAG,KAAK,CAACF,EAAIS,GAAG,yBAAyBT,EAAIW,GAAG6C,EAAKG,kBAAkB,wBAAwBzD,EAAG,KAAK,CAACF,EAAIS,GAAGT,EAAIW,GAAG6C,EAAKI,qBAAqB1D,EAAG,KAAK,CAACF,EAAIS,GAAGT,EAAIW,GAAG6C,EAAKJ,YAAYS,kBAAkB3D,EAAG,KAAK,CAACI,MAAM,CAAC,MAAQ,QAAQ,CAACJ,EAAG,oBAAoB,CAACI,MAAM,CAAC,MAAQN,EAAIqD,UAAUI,GAAGK,gBAAgB,GAAKN,EAAKlC,IAAIf,GAAG,CAAC,MAAQP,EAAI+D,KAAK,MAAQ,SAASvC,GAAQ,OAAOxB,EAAIgE,MAAMhE,EAAIqD,UAAWI,QAAQ,GAAGvD,EAAG,KAAK,CAACF,EAAIS,GAAG,yBAAyBT,EAAIW,GAAGX,EAAIiE,GAAG,YAAPjE,CAAoBA,EAAIqD,UAAUI,GAAG3C,OAAO,8BAA6B,KAAKZ,EAAG,aAAa,CAACI,MAAM,CAAC,YAAcN,EAAIK,aAAaE,GAAG,CAAC,KAAOP,EAAIY,SAAS,KAAOZ,EAAIQ,YAAYN,EAAG,MAAOF,EAAIqD,UAAUC,OAAS,EAAGpD,EAAG,SAAS,CAACE,YAAY,iCAAiCE,MAAM,CAAC,SAAWN,EAAIkE,SAAS,KAAO,UAAU3D,GAAG,CAAC,MAAQP,EAAImE,UAAU,CAACnE,EAAIS,GAAG,uBAAuBT,EAAIU,KAAMV,EAAIoE,QAASlE,EAAG,eAAe,CAACE,YAAY,UAAUE,MAAM,CAAC,MAAQ,UAAUN,EAAIU,MAAM,GAAGR,EAAG,gBAAgB,CAACmE,IAAI,cAAc/D,MAAM,CAAC,OAAQ,EAAK,OAAQ,IAAO,CAACJ,EAAG,MAAM,CAACoE,YAAY,CAAC,cAAc,QAAQhE,MAAM,CAAC,KAAO,SAASiE,KAAK,SAAS,CAACvE,EAAIS,GAAG,qBAAqBP,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ,UAAUC,GAAG,CAAC,MAAQP,EAAIwE,oBAAoBzB,MAAM,CAAC3B,MAAOpB,EAAIyE,OAAQxB,SAAS,SAAUC,GAAMlD,EAAIyE,OAAOvB,GAAK7B,WAAW,aAAa,GAAGnB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ,eAAeC,GAAG,CAAC,MAAQP,EAAIwE,oBAAoBzB,MAAM,CAAC3B,MAAOpB,EAAIoD,YAAaH,SAAS,SAAUC,GAAMlD,EAAIoD,YAAYF,GAAK7B,WAAW,kBAAkB,GAAGnB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,MAAQ,gBAAgBC,GAAG,CAAC,MAAQP,EAAIwE,oBAAoBzB,MAAM,CAAC3B,MAAOpB,EAAI0E,YAAazB,SAAS,SAAUC,GAAMlD,EAAI0E,YAAYxB,GAAK7B,WAAW,kBAAkB,KAAKnB,EAAG,QAAQ,CAACE,YAAY,oIAAoI,CAACF,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIS,GAAG,qBAAqBP,EAAG,KAAK,CAACF,EAAIS,GAAG,iBAAiBP,EAAG,KAAK,CAACF,EAAIS,GAAG,kBAAkBP,EAAG,KAAK,CAACF,EAAIS,GAAG,oBAAoBP,EAAG,KAAK,CAACF,EAAIS,GAAG,UAAUP,EAAG,KAAK,CAACF,EAAIS,GAAG,kBAAkBP,EAAG,QAAQ,CAAkC,IAAhCF,EAAI2E,iBAAiBrB,OAAcpD,EAAG,KAAK,CAACA,EAAG,KAAK,CAACI,MAAM,CAAC,QAAU,MAAM,CAACN,EAAIS,GAAG,oCAAoCT,EAAIU,KAAKV,EAAIuD,GAAIvD,EAAI2E,kBAAkB,SAASnB,EAAKoB,GAAO,OAAO1E,EAAG,KAAK,CAACwD,IAAIkB,GAAO,CAAC1E,EAAG,KAAK,CAACF,EAAIS,GAAGT,EAAIW,GAAG6C,EAAKiB,WAAWvE,EAAG,KAAK,CAACF,EAAIS,GAAGT,EAAIW,GAAG6C,EAAKJ,YAAYS,kBAAkB3D,EAAG,KAAK,CAACF,EAAIS,GAAGT,EAAIW,GAAG6C,EAAKqB,iBAAiB3E,EAAG,KAAK,CAACF,EAAIS,GAAGT,EAAIW,GAAG6C,EAAKsB,MAAMC,OAAOlB,kBAAkB3D,EAAG,KAAK,CAACF,EAAIS,GAAGT,EAAIW,GAAG6C,EAAKwB,cAAcnB,kBAAkB3D,EAAG,KAAK,CAACI,MAAM,CAAC,MAAQ,OAAO,CAACJ,EAAG,IAAI,CAACE,YAAY,aAAaG,GAAG,CAAC,MAAQ,SAASiB,GAAQ,OAAOxB,EAAIiF,YAAYzB,eAAiB,KAAKtD,EAAG,aAAa,CAACI,MAAM,CAAC,YAAcN,EAAIK,aAAaE,GAAG,CAAC,KAAOP,EAAIY,SAAS,KAAOZ,EAAIQ,YAAYN,EAAG,MAAMA,EAAG,MAAMA,EAAG,SAAS,CAACE,YAAY,2BAA2BE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIkF,aAAa,CAAClF,EAAIS,GAAG,aAAa,MAAM,IAE3tJI,EAAkB,G,2KCwHtB,GACAC,kBACAqE,YAAAC,wBAAAC,mBAAAC,6BAAAC,oBAAAC,uBAAAC,sBACAC,gBACA,OACAjB,UACAC,eACArB,aACAsC,YACAhB,oBACAiB,yBACAC,cACA3B,YACAE,WACA0B,aACAC,UACAC,SACA3F,cACA8C,mBACAC,eACAJ,qBAGAiD,mBACA,qBAEAC,mBACA,qBAEAC,SACAC,sBACA,SACA,gBAEA,IAIApF,SACA+C,iBACA,6DACA,4BACA,uCAEAkB,wBACA,8CACA,4CACA,oDACA,mBAEAjB,oBACA,gCACA,0BACA,+BAEAQ,8BAAA,WACA,8BACA,qBACA,OACA6B,oBACAjF,QACAkF,wBAGA,kBACAC,SACA,CACAF,eACAjF,sBACAkF,sBACA,sBACAE,IACA,CACAH,qBACAjF,2BACAkF,uBAGAP,mBACAC,qBAEAS,6CACAC,kBACA,gCACAC,mCAEAC,mBAAA,0BAEA1B,sBACA,gCAEApC,wBAAA,WACA,8BACA,qBACA,OACAuD,oBACAjF,QACAkF,wBAGA,kBACAC,SACA,CAAAF,eAAAjF,2BAAAkF,sBAAA,sBACAE,IAEA,CAAAH,yBAAAjF,2BAAAkF,uBAEAP,mBACAC,qBAEAS,qCACAC,kBACA,0CACA,OACApF,QACAuF,4BACAzD,0BACAQ,oCACAD,oCACAmD,eACAhG,QACAgD,0BAIA,mBACA6C,mBAGAxC,mBAAA,WACA,iBACA,YACA4C,2BACAC,qCACA9E,eACA+E,oBACAC,6BACAC,yBACAC,0BACA,kBACA,YAEA,yBACA,0BACA,mBACAC,sCACAC,iCAKAb,oCACAc,4BAEAb,iBACA,uBACA,uEACA,iBACA,cACA,kBAEA,iEACA,gBACA,iBACA,kBAGAE,mBACA,cACAD,eACA,uCACA,oBAEA,kBACA,uBACA,cACA,qCAIA9D,oBACA2E,gBAEA5G,oBACA,mBACA,6CACA,qBAEAJ,oBACA,mBACA,6CACA,uBCzTkX,I,wBCQ9WS,EAAY,eACd,EACAlB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAI,E","file":"js/chunk-c22139cc.7f7fe7b6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"paginacion\"},[_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-micro btn-warning btn-outline-secondary\",attrs:{\"type\":\"button\",\"disabled\":\"\"}},[_vm._v(\"Página:\\n      \"+_vm._s(_vm.currentPage)+\"\\n    \")]),_c('button',{staticClass:\"btn btn-info btn-micro\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.nextPage}},[_vm._v(\"»\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"paginacion\">\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-micro btn-warning btn-outline-secondary\">Página:\n        {{currentPage}}\n      </button>\n      <button type=\"button\" class=\"btn btn-info btn-micro\" @click=\"nextPage\">&raquo;</button>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"paginacion\",\n    props: ['currentPage'],\n    methods: {\n      nextPage() {\n        this.$emit('next')\n      },\n      backPage() {\n        this.$emit('back')\n      }\n    }\n  }\n</script>\n\n<style scoped>\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!./paginacion.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!./paginacion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./paginacion.vue?vue&type=template&id=c0e8ac46&scoped=true&\"\nimport script from \"./paginacion.vue?vue&type=script&lang=js&\"\nexport * from \"./paginacion.vue?vue&type=script&lang=js&\"\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  \"c0e8ac46\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"input-with-button\"},[_c('div',{staticClass:\"container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value),expression:\"value\"}],attrs:{\"type\":\"text\",\"id\":_vm.id,\"disabled\":true},domProps:{\"value\":(_vm.value)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.value=$event.target.value},_vm.input]}}),_c('i',{staticClass:\"fa fa- fa-search\",on:{\"click\":_vm.evento}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"input-with-button\">\n        <div class=\"container\">\n            <input type=\"text\"\n                   :id=\"id\"\n                   @input=\"input\"\n                   :disabled=\"true\"\n                   v-model=\"value\"\n            >\n            <i class=\"fa fa- fa-search\" @click=\"evento\"></i>\n        </div>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: \"inputWithButton\",\n        props:{\n            id: String,\n            value: String\n        },\n        methods:{\n            input(e){\n                this.$emit('input', {\n                    id: this.id,\n                    value: e.target.value\n                })\n            },\n            evento(){\n                this.$emit('click')\n            }\n        }\n    }\n</script>\n\n<style scoped lang=\"scss\">\n    .container {\n        display: flex;\n        height: 30px;\n        i {\n            position: relative;\n            background: rgba(0, 0, 0, 0.8);\n            height: 25px;\n            width: 25px;\n            color: white;\n            padding: 3.5px;\n            border-bottom-right-radius: 10px;\n            border-top-right-radius: 10px;\n            &:hover{\n                background: rgba(0,0,0,.5);\n            }\n        }\n        input{\n            outline: none;\n            border: 1px solid rgba(0,0,0,0.2);\n            padding: 10px;\n            border-bottom-left-radius:6px;\n            border-top-left-radius:6px;\n            width: 100%;\n            height: 25px;\n        }\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!./inputWithButton.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!./inputWithButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./inputWithButton.vue?vue&type=template&id=ba6c4380&scoped=true&\"\nimport script from \"./inputWithButton.vue?vue&type=script&lang=js&\"\nexport * from \"./inputWithButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./inputWithButton.vue?vue&type=style&index=0&id=ba6c4380&prod&scoped=true&lang=scss&\"\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  \"ba6c4380\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./asociacion.vue?vue&type=style&index=0&id=52eb6f3f&prod&scoped=true&lang=scss&\"","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!./AtomSpinner.vue?vue&type=style&index=0&id=aec7c820&prod&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./inputWithButton.vue?vue&type=style&index=0&id=ba6c4380&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"atom-spinner\",style:(_vm.spinnerStyle)},[_c('div',{staticClass:\"spinner-inner\"},[_c('div',{staticClass:\"spinner-line\",style:(_vm.lineStyle)}),_c('div',{staticClass:\"spinner-line\",style:(_vm.lineStyle)}),_c('div',{staticClass:\"spinner-line\",style:(_vm.lineStyle)}),_c('div',{staticClass:\"spinner-circle\",style:(_vm.circleStyle)},[_vm._v(\"\\n      ●\\n    \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"atom-spinner\" :style=\"spinnerStyle\">\r\n    <div class=\"spinner-inner\">\r\n      <div class=\"spinner-line\" :style=\"lineStyle\"></div>\r\n      <div class=\"spinner-line\" :style=\"lineStyle\"></div>\r\n      <div class=\"spinner-line\" :style=\"lineStyle\"></div>\r\n      <!--Chrome renders little circles malformed :(-->\r\n      <div class=\"spinner-circle\" :style=\"circleStyle\">\r\n        &#9679;\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'AtomSpinner',\r\n\r\n    props: {\r\n      animationDuration: {\r\n        type: Number,\r\n        default: 1000\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    computed: {\r\n      spinnerStyle () {\r\n        return {\r\n          height: `${this.size}px`,\r\n          width: `${this.size}px`\r\n        }\r\n      },\r\n\r\n      circleStyle () {\r\n        return {\r\n          color: this.color,\r\n          fontSize: `${this.size * 0.24}px`\r\n        }\r\n      },\r\n\r\n      lineStyle () {\r\n        return {\r\n          animationDuration: `${this.animationDuration}ms`,\r\n          borderLeftWidth: `${this.size / 25}px`,\r\n          borderTopWidth: `${this.size / 25}px`,\r\n          borderLeftColor: this.color\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .atom-spinner, .atom-spinner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .atom-spinner {\r\n    height: 60px;\r\n    width: 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .atom-spinner .spinner-inner {\r\n    position: relative;\r\n    display: block;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  .atom-spinner .spinner-circle {\r\n    display: block;\r\n    position: absolute;\r\n    color: #ff1d5e;\r\n    font-size: calc(60px * 0.24);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .atom-spinner .spinner-line {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    animation-duration: 1s;\r\n    border-left-width: calc(60px / 25);\r\n    border-top-width: calc(60px / 25);\r\n    border-left-color: #ff1d5e;\r\n    border-left-style: solid;\r\n    border-top-style: solid;\r\n    border-top-color: transparent;\r\n  }\r\n\r\n  .atom-spinner .spinner-line:nth-child(1) {\r\n    animation: atom-spinner-animation-1 1s linear infinite;\r\n    transform: rotateZ(120deg) rotateX(66deg) rotateZ(0deg);\r\n  }\r\n\r\n  .atom-spinner .spinner-line:nth-child(2) {\r\n    animation: atom-spinner-animation-2 1s linear infinite;\r\n    transform: rotateZ(240deg) rotateX(66deg) rotateZ(0deg);\r\n  }\r\n\r\n  .atom-spinner .spinner-line:nth-child(3) {\r\n    animation: atom-spinner-animation-3 1s linear infinite;\r\n    transform: rotateZ(360deg) rotateX(66deg) rotateZ(0deg);\r\n  }\r\n\r\n  @keyframes atom-spinner-animation-1 {\r\n    100% {\r\n      transform: rotateZ(120deg) rotateX(66deg) rotateZ(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes atom-spinner-animation-2 {\r\n    100% {\r\n      transform: rotateZ(240deg) rotateX(66deg) rotateZ(360deg);\r\n    }\r\n  }\r\n\r\n  @keyframes atom-spinner-animation-3 {\r\n    100% {\r\n      transform: rotateZ(360deg) rotateX(66deg) rotateZ(360deg);\r\n    }\r\n  }\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!./AtomSpinner.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!./AtomSpinner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AtomSpinner.vue?vue&type=template&id=aec7c820&scoped=true&\"\nimport script from \"./AtomSpinner.vue?vue&type=script&lang=js&\"\nexport * from \"./AtomSpinner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AtomSpinner.vue?vue&type=style&index=0&id=aec7c820&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  \"aec7c820\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"asociacion-productos\"},[_c('vuestic-widget',{attrs:{\"header-text\":\"Asociacion de Productos\"}},[_c('button',{staticClass:\"btn btn-warning btn-micro\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.imprimir}},[_vm._v(\"Imprimir\")]),_c('hr'),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Proveedor\"},on:{\"change\":_vm.getProductos},model:{value:(_vm.proveedorNombre),callback:function ($$v) {_vm.proveedorNombre=$$v},expression:\"proveedorNombre\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Codigo Proveedor\"},on:{\"change\":_vm.getProductos},model:{value:(_vm.codigoProveedor),callback:function ($$v) {_vm.codigoProveedor=$$v},expression:\"codigoProveedor\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Descripción\"},on:{\"change\":_vm.getProductos},model:{value:(_vm.descripcion),callback:function ($$v) {_vm.descripcion=$$v},expression:\"descripcion\"}})],1)]),_c('table',{staticClass:\"table table-bordered table-striped table-responsive-sm table-responsive-lg table-responsive-md table-responsive-xl\"},[_c('thead',{staticClass:\"thead-light\"},[_c('tr',[_c('th',[_vm._v(\"Proveedor\")]),_c('th',[_vm._v(\"Código Proveedor\")]),_c('th',[_vm._v(\"Descripción\")]),_c('th',[_vm._v(\"Código Interno\")]),_c('th',[_vm._v(\"Descripción\")])])]),_c('tbody',[_c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.productos.length === 0),expression:\"productos.length === 0\"}]},[_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"No hay productos para asociar\")])]),_vm._l((_vm.productos),function(item,i){return _c('tr',{key:i},[_c('td',[_vm._v(\"\\n                    \"+_vm._s(item.proveedor_nombre)+\"\\n                \")]),_c('td',[_vm._v(_vm._s(item.codigo_proveedor))]),_c('td',[_vm._v(_vm._s(item.descripcion.toUpperCase()))]),_c('td',{attrs:{\"width\":\"35%\"}},[_c('input-with-button',{attrs:{\"value\":_vm.productos[i].codigo_producto,\"id\":item.id},on:{\"input\":_vm.test,\"click\":function($event){return _vm.modal(_vm.productos, i)}}})],1),_c('td',[_vm._v(\"\\n                    \"+_vm._s(_vm._f(\"upperCase\")(_vm.productos[i].name))+\"\\n                \")])])})],2)]),_c('paginacion',{attrs:{\"currentPage\":_vm.currentPage},on:{\"next\":_vm.nextPage,\"back\":_vm.backPage}}),_c('hr'),(_vm.productos.length > 0)?_c('button',{staticClass:\"asociar btn btn-info btn-micro\",attrs:{\"disabled\":_vm.disabled,\"type\":\"button\"},on:{\"click\":_vm.asociar}},[_vm._v(\"Asociar\\n        \")]):_vm._e(),(_vm.loading)?_c('atom-spinner',{staticClass:\"spinner\",attrs:{\"color\":\"blue\"}}):_vm._e()],1),_c('vuestic-modal',{ref:\"staticModal\",attrs:{\"force\":true,\"large\":true}},[_c('div',{staticStyle:{\"font-weight\":\"bold\"},attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"BUSCAR PRODUCTO\")]),_c('form',[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Código\"},on:{\"input\":_vm.getProductoMiranda},model:{value:(_vm.codigo),callback:function ($$v) {_vm.codigo=$$v},expression:\"codigo\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Descripción\"},on:{\"input\":_vm.getProductoMiranda},model:{value:(_vm.descripcion),callback:function ($$v) {_vm.descripcion=$$v},expression:\"descripcion\"}})],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"label\":\"Número Parte\"},on:{\"input\":_vm.getProductoMiranda},model:{value:(_vm.numeroParte),callback:function ($$v) {_vm.numeroParte=$$v},expression:\"numeroParte\"}})],1)]),_c('table',{staticClass:\"table table-bordered table-striped table-striped table-responsive-xl table-responsive-md table-responsive-sm table-responsive-lg\"},[_c('thead',{staticClass:\"thead-light\"},[_c('tr',[_c('th',[_vm._v(\"Codigo Producto\")]),_c('th',[_vm._v(\"Descripción\")]),_c('th',[_vm._v(\"Número Parte\")]),_c('th',[_vm._v(\"Marca Producto\")]),_c('th',[_vm._v(\"Pais\")]),_c('th',[_vm._v(\"Acciones\")])])]),_c('tbody',[(_vm.producto_miranda.length === 0)?_c('tr',[_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"No hay items para mostrar...\")])]):_vm._e(),_vm._l((_vm.producto_miranda),function(item,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(item.codigo))]),_c('td',[_vm._v(_vm._s(item.descripcion.toUpperCase()))]),_c('td',[_vm._v(_vm._s(item.numero_parte))]),_c('td',[_vm._v(_vm._s(item.marca.nombre.toUpperCase()))]),_c('td',[_vm._v(_vm._s(item.producto_pais.toUpperCase()))]),_c('td',{attrs:{\"width\":\"5%\"}},[_c('i',{staticClass:\"fa fa-plus\",on:{\"click\":function($event){return _vm.seleccionar(item)}}})])])})],2)]),_c('paginacion',{attrs:{\"currentPage\":_vm.currentPage},on:{\"next\":_vm.nextPage,\"back\":_vm.backPage}}),_c('br'),_c('br'),_c('button',{staticClass:\"btn btn-danger btn-micro\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.modalClose}},[_vm._v(\"Cerrar\")])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"asociacion-productos\">\n        <vuestic-widget header-text=\"Asociacion de Productos\">\n            <button class=\"btn btn-warning btn-micro\" @click=\"imprimir\" type=\"button\">Imprimir</button>\n            <hr/>\n            <div class=\"form-group\">\n                <div class=\"input-group\">\n                    <input-comp v-model=\"proveedorNombre\" label=\"Proveedor\" @change=\"getProductos\"/>\n                </div>\n                <div class=\"input-group\">\n                    <input-comp v-model=\"codigoProveedor\" label=\"Codigo Proveedor\" @change=\"getProductos\"/>\n                </div>\n                <div class=\"input-group\">\n                    <input-comp v-model=\"descripcion\" label=\"Descripción\" @change=\"getProductos\"/>\n                </div>\n            </div>\n            <table class=\"table table-bordered table-striped table-responsive-sm table-responsive-lg table-responsive-md table-responsive-xl\">\n                <thead class=\"thead-light\">\n                <tr>\n                    <th>Proveedor</th>\n                    <th>Código Proveedor</th>\n                    <th>Descripción</th>\n                    <th>Código Interno</th>\n                    <th>Descripción</th>\n                </tr>\n                </thead>\n                <tbody>\n                <tr v-show=\"productos.length === 0\">\n                    <td colspan=\"5\">No hay productos para asociar</td>\n                </tr>\n                <tr v-for=\"(item, i) in productos\" :key=\"i\">\n                    <td>\n                        {{item.proveedor_nombre}}\n                    </td>\n                    <td>{{item.codigo_proveedor}}</td>\n                    <td>{{item.descripcion.toUpperCase()}}</td>\n                    <td width=\"35%\">\n                        <input-with-button :value=\"productos[i].codigo_producto\"\n                                           :id=\"item.id\"\n                                           @input=\"test\"\n                                           @click=\"modal(productos, i)\"/>\n                    </td>\n                    <td>\n                        {{productos[i].name | upperCase}}\n                    </td>\n                </tr>\n                </tbody>\n            </table>\n            <paginacion :currentPage=\"currentPage\" @next=\"nextPage\" @back=\"backPage\"/>\n            <hr>\n            <button v-if=\"productos.length > 0\" :disabled=\"disabled\" class=\"asociar btn btn-info btn-micro\"\n                    type=\"button\" @click=\"asociar\">Asociar\n            </button>\n            <atom-spinner class=\"spinner\" v-if=\"loading\" color=\"blue\"/>\n        </vuestic-widget>\n\n\n        <!-- MODAL -->\n        <vuestic-modal v-bind:force=\"true\" ref=\"staticModal\" :large=\"true\">\n            <div slot=\"title\" style=\"font-weight: bold\">BUSCAR PRODUCTO</div>\n            <form>\n                <div class=\"form-group\">\n                    <div class=\"input-group\">\n                        <input-comp @input=\"getProductoMiranda\" v-model=\"codigo\" label=\"Código\"/>\n                    </div>\n                    <div class=\"input-group\">\n                        <input-comp @input=\"getProductoMiranda\" v-model=\"descripcion\" label=\"Descripción\"/>\n                    </div>\n                    <div class=\"input-group\">\n                        <input-comp @input=\"getProductoMiranda\" v-model=\"numeroParte\" label=\"Número Parte\"/>\n                    </div>\n                    <!--                    <div class=\"input-group\">-->\n                    <!--                        <input-comp @input=\"getProductoMiranda\" v-model=\"numeroParte\"  label=\"Descripción\" />-->\n                    <!--                    </div>-->\n                </div>\n                <table class=\"table table-bordered table-striped table-striped table-responsive-xl table-responsive-md table-responsive-sm table-responsive-lg\">\n                    <thead class=\"thead-light\">\n                    <tr>\n                        <th>Codigo Producto</th>\n                        <th>Descripción</th>\n                        <th>Número Parte</th>\n                        <th>Marca Producto</th>\n                        <th>Pais</th>\n                        <th>Acciones</th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                    <tr v-if=\"producto_miranda.length === 0\">\n                        <td colspan=\"5\">No hay items para mostrar...</td>\n                    </tr>\n                    <tr v-for=\"(item, index) in producto_miranda\" :key=\"index\">\n                        <td>{{item.codigo}}</td>\n                        <td>{{item.descripcion.toUpperCase()}}</td>\n                        <td>{{item.numero_parte}}</td>\n                        <td>{{item.marca.nombre.toUpperCase()}}</td>\n                        <td>{{item.producto_pais.toUpperCase()}}</td>\n                        <td width=\"5%\">\n                            <i class=\"fa fa-plus\" @click=\"seleccionar(item)\"></i>\n                        </td>\n                    </tr>\n                    </tbody>\n                </table>\n                <paginacion :currentPage=\"currentPage\" @next=\"nextPage\" @back=\"backPage\"/>\n                <br>\n                <br>\n                <button type=\"button\" class=\"btn btn-danger btn-micro\" @click=\"modalClose\">Cerrar</button>\n            </form>\n        </vuestic-modal>\n    </div>\n</template>\n\n<script>\n    import axios from 'axios'\n    import VuesticWidget from \"../../../vuestic-theme/vuestic-components/vuestic-widget/VuesticWidget\";\n    import {URL_ASOCIACION, URL_PRODUCTO_MIRANDA, URL_SERVER} from \"../../../api/config\";\n    import InputComp from \"../../Componentes_Globales/Input/inputComp\";\n    import VuesticModal from \"../../../vuestic-theme/vuestic-components/vuestic-modal/VuesticModal\";\n    import InputWithButton from \"../../Componentes_Globales/Input/inputWithButton\";\n    import AtomSpinner from \"epic-spinners/src/components/lib/AtomSpinner\";\n    import makeQuery from \"../../../api/helper\";\n    import Paginacion from \"../../Componentes_Globales/paginacion/paginacion\";\n\n    export default {\n        name: \"asociacion\",\n        components: {Paginacion, AtomSpinner, InputWithButton, VuesticModal, InputComp, VuesticWidget},\n        data() {\n            return {\n                codigo: '',\n                numeroParte: '',\n                productos: [],\n                producto: '',\n                producto_miranda: [],\n                producto_seleccionado: [],\n                asociacion: [],\n                disabled: false,\n                loading: false,\n                proveedor: [],\n                limite: 20,\n                offset: 0,\n                currentPage: 1,\n                codigoProveedor: '',\n                descripcion: '',\n                proveedorNombre: ''\n            }\n        },\n        created() {\n            this.getProductos()\n        },\n        mounted() {\n            this.getProductos()\n        },\n        filters: {\n            upperCase(text) {\n                if (text) {\n                    return text.toUpperCase()\n                } else {\n                    return text\n                }\n            }\n        },\n        methods: {\n            test(event) {\n                const item = this.productos.find(item => item.id === event.id)\n                const index = this.productos.indexOf(item)\n                this.productos[index].producto_id = event.value\n            },\n            seleccionar(item) {\n                this.producto_seleccionado.name = item.descripcion\n                this.producto_seleccionado.producto_id = item.id\n                this.producto_seleccionado.codigo_producto = item.codigo\n                this.modalClose()\n            },\n            modal(productos, i) {\n                this.producto_seleccionado = productos[i]\n                this.getProductoMiranda()\n                this.$refs.staticModal.open()\n            },\n            getProductoMiranda() {\n                const r = this.descripcion.split(\" \")\n                const desc = r.map(item => {\n                    return {\n                        field: 'descripcion',\n                        value: item,\n                        operator: 'CONTAINS'\n                    }\n                })\n                const query = makeQuery({\n                    filtros: [\n                        {\n                            field: 'codigo',\n                            value: this.codigo || '',\n                            operator: 'CONTAINS'\n                        },\n                        ...desc,\n                        {\n                            field: 'numero_parte',\n                            value: this.numeroParte || '',\n                            operator: 'CONTAINS'\n                        }\n                    ],\n                    limite: this.limite,\n                    offset: this.offset\n                })\n                axios.get(`${URL_SERVER + URL_PRODUCTO_MIRANDA}${query}`)\n                    .then(resp => {\n                        this.producto_miranda = resp.data.items\n                        console.log(this.producto_miranda)\n                    })\n                    .catch(error => console.log(error))\n            },\n            modalClose() {\n                this.$refs.staticModal.close()\n            },\n            getProductos() {\n                const r = this.descripcion.split(\" \")\n                const desc = r.map(item => {\n                    return {\n                        field: 'descripcion',\n                        value: item,\n                        operator: 'CONTAINS'\n                    }\n                })\n                const query = makeQuery({\n                    filtros: [\n                        {field: 'codigo', value: this.codigoProveedor, operator: 'CONTAINS'},\n                        ...desc,\n                        // {field: 'descripcion', value: this.descripcion, operator: 'CONTAINS'},\n                        {field: 'proveedor_nombre', value: this.proveedorNombre, operator: 'CONTAINS'},\n                    ],\n                    limite: this.limite,\n                    offset: this.offset\n                })\n                axios.get(`${URL_SERVER + URL_ASOCIACION + query}`)\n                    .then((resp) => {\n                        this.productos = resp.data.items.map(item => {\n                            return {\n                                id: item.id,\n                                proveedor_id: item.proveedor_id,\n                                descripcion: item.descripcion,\n                                codigo_proveedor: item.codigo_proveedor,\n                                proveedor_nombre: item.proveedor_nombre,\n                                producto_id: '',\n                                name: '',\n                                codigo_producto: '',\n                            }\n                        })\n\n                    }).catch(error => {\n                    console.log(error)\n                })\n            },\n            asociar() {\n                this.disabled = true\n                this.$swal({\n                    title: 'Agregar Asociación',\n                    text: 'Está Seguro Que Desea Asociar',\n                    type: 'warning',\n                    showCancelButton: true,\n                    confirmButtonColor: '#3085d6',\n                    cancelButtonColor: '#d33',\n                    confirmButtonText: 'Si!'\n                }).then((result) => {\n                    if (result.value) {\n                        //TODO si hay algun item en asociacion hacer\n                        for (const i in this.productos) {\n                            if (this.productos[i].name !== '') {\n                                this.asociacion.push({\n                                    productoId: this.productos[i].producto_id,\n                                    asociacionId: this.productos[i].id\n                                })\n                            }\n                        }\n                        //TODO post a asociacion\n                        axios.post(`${URL_SERVER + URL_ASOCIACION}`, {\n                            asociaciones: this.asociacion\n                        })\n                            .then(() => {\n                                if (this.asociacion.length > 0) {\n                                    this.$swal('Correcto!', 'Producto/s asociados correctamente...', 'success')\n                                    this.getProductos()\n                                    this.disabled = false\n                                    this.asociacion = []\n                                } else {\n                                    this.$swal('Asociado', 'Producto asociado correctamente!', 'success')\n                                    this.asociacion = []\n                                    this.getProductos()\n                                    this.disabled = false\n                                }\n                            })\n                            .catch(error => {\n                                this.disabled = false\n                                console.log(error)\n                                this.$swal('Error!', `${error}`, 'error')\n                                this.getProductos()\n                            })\n                        this.disabled = false\n                    } else if (result.dismiss === 'cancel') {\n                        this.disabled = false\n                        this.$swal('Cancelado', '', 'error')\n                    }\n                })\n            },\n            imprimir() {\n                window.print()\n            },\n            nextPage() {\n                this.currentPage++\n                this.offset = this.limite * (this.currentPage - 1)\n                this.getProductos()\n            },\n            backPage() {\n                this.currentPage--\n                this.offset = this.limite * (this.currentPage - 1)\n                this.getProductos()\n            },\n        }\n    }\n\n</script>\n\n<style scoped lang=\"scss\">\n    label {\n        font-weight: bold;\n    }\n\n    .input-group {\n        margin: 10px;\n    }\n\n    select {\n        width: 100%;\n        border-radius: 10px;\n        cursor: pointer;\n    }\n\n    .fa {\n        margin-left: 30%;\n        color: red;\n    }\n\n    form {\n        .spinner {\n            position: absolute;\n            right: 65px;\n            bottom: 75px;\n        }\n\n        .asociar {\n            width: 200px;\n        }\n    }\n\n    @media print {\n        button {\n            display: none !important;\n        }\n        table {\n            width: 100% !important;\n        }\n    }\n\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!./asociacion.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!./asociacion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./asociacion.vue?vue&type=template&id=52eb6f3f&scoped=true&\"\nimport script from \"./asociacion.vue?vue&type=script&lang=js&\"\nexport * from \"./asociacion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./asociacion.vue?vue&type=style&index=0&id=52eb6f3f&prod&scoped=true&lang=scss&\"\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  \"52eb6f3f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}