{"version":3,"sources":["webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue","webpack:///src/views/Helexium/RegistroServicios/add_servicio.vue","webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue?4dc8","webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue?f075","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?d1a9","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/views/Helexium/RegistroServicios/add_servicio.vue?3812","webpack:///./src/components/cardTable/CardTable.vue?a98d","webpack:///./src/views/Helexium/Nomina/Prestaciones/Porcentajes.vue","webpack:///src/views/Helexium/Nomina/Prestaciones/Porcentajes.vue","webpack:///./src/views/Helexium/Nomina/Prestaciones/Porcentajes.vue?88f7","webpack:///./src/views/Helexium/Nomina/Prestaciones/Porcentajes.vue?cb67"],"names":["render","_vm","this","_c","_self","on","$event","preventDefault","saveData","apply","arguments","staticClass","_m","staticStyle","attrs","value","id","listaVehiculos","option","placa","scopedSlots","_u","key","fn","attributes","events","_g","_b","newService","PlacaId","search","searching","_v","_s","model","callback","$$v","$set","expression","listaTipoServicios","descripcion","TipoServicioId","Descripcion","isCreating","proxy","staticRenderFns","props","sharedService","Function","data","persona","PersonaId","FechaInicio","FechaFin","JSON","parse","localStorage","getItem","getVehiculosByEmpresa","getListTipoServicios","methods","initForm","prop","getPlacaVehiculo","vehiculoId","find","v","getTipoServicio","servicioId","res","$store","dispatch","path","length","error","empresa","$moment","tz","Date","format","success","personaId","placaId","tipoServicioId","tipoServicio","fechaInicio","fechaFin","estado","$vs","notification","progress","icon","color","position","title","component","_l","card","index","_card$sizeValue","style","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","_e","class","width","height","backgroundColor","computeBorderRadius","tipo","iconName","computeAnimateIcon","animated","animatedState","shouldAnimateTitle","fontSize","sizeValue","evaluateValue","type","Array","default","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","window","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","dataCards","listaMes","mesSeleccionado","filtrar","listaPacientes","paciente","listaProfesional","profesional","listaSucursal","sucursal","listaItems","item","Number","porcentaje","idPaciente","nombrePaciente","procedimmiento","pieza","valorHon","valorPorcentual","valorPre","porcentajeHon","valorReal","editar","name","components","CardTable","add_servicio","anioSeleccionado","dataTableInstance","listaItemsbk","draw","reduce","accumulator","currentItem","valueToAdd","parseFloat","valorPrestacionSub","valorPrestacion","toLocaleString","minimumFractionDigits","maximumFractionDigits","$isLoading","$","DataTable","isDataTable","destroy","getData","core","getMonth","getFullYear","Periodo","obtenerPrimerYUltimoDiaDelMes","primerDia","ultimoDia","filter","x","pacienteNombre","profesionalNombre","sucursalPpto","anio","mes","toISOString","split","map","p","nombre","self","indexOf","sort","a","b","pa","nombrep","indexp","selfp"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,OAAO,CAACE,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBN,EAAIO,SAASC,MAAM,KAAMC,cAAc,CAACP,EAAG,MAAM,CAACQ,YAAY,+BAA+B,CAACR,EAAG,MAAM,CAACQ,YAAY,iBAAiB,CAACR,EAAG,MAAM,CAACF,EAAIW,GAAG,GAAGT,EAAG,MAAM,CAACU,YAAY,CAAC,WAAa,cAAc,QAAU,SAAS,CAACV,EAAG,WAAW,CAACQ,YAAY,gBAAgBG,MAAM,CAAC,OAAUC,GAAUA,EAAMC,GAAG,QAAUf,EAAIgB,eAAe,mBAAoBC,GAAW,GAAGA,EAAOC,MAAQ,YAAc,8BAA8BC,YAAYnB,EAAIoB,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,UAAS,WAAEC,EAAU,OAAEC,IAAU,MAAO,CAACtB,EAAG,QAAQF,EAAIyB,GAAGzB,EAAI0B,GAAG,CAAChB,YAAY,aAAaG,MAAM,CAAC,UAAYb,EAAI2B,WAAWC,UAAU,QAAQL,GAAW,GAAOC,OAAY,CAACH,IAAI,aAAaC,GAAG,UAAS,OAAEO,EAAM,UAAEC,IAAa,MAAO,CAAEA,EAAW,CAAC9B,EAAI+B,GAAG,uCAAuC7B,EAAG,KAAK,CAACQ,YAAY,eAAe,CAACV,EAAI+B,GAAG/B,EAAIgC,GAAGH,MAAW7B,EAAI+B,GAAG,OAAO7B,EAAG,KAAK,CAACU,YAAY,CAAC,QAAU,QAAQ,CAACZ,EAAI+B,GAAG,yCAAyCE,MAAM,CAACnB,MAAOd,EAAI2B,WAAWC,QAASM,SAAS,SAAUC,GAAMnC,EAAIoC,KAAKpC,EAAI2B,WAAY,UAAWQ,IAAME,WAAW,yBAAyB,OAAOnC,EAAG,MAAM,CAACQ,YAAY,iBAAiB,CAACR,EAAG,MAAM,CAACF,EAAIW,GAAG,GAAGT,EAAG,MAAM,CAACU,YAAY,CAAC,WAAa,cAAc,QAAU,SAAS,CAACV,EAAG,WAAW,CAACQ,YAAY,gBAAgBG,MAAM,CAAC,OAAUC,GAAUA,EAAMC,GAAG,QAAUf,EAAIsC,mBAAmB,mBAAoBrB,GAAW,GAAGA,EAAOsB,YAAc,YAAc,mCAAmCpB,YAAYnB,EAAIoB,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,UAAS,WAAEC,EAAU,OAAEC,IAAU,MAAO,CAACtB,EAAG,QAAQF,EAAIyB,GAAGzB,EAAI0B,GAAG,CAAChB,YAAY,aAAaG,MAAM,CAAC,UAAYb,EAAI2B,WAAWa,iBAAiB,QAAQjB,GAAW,GAAOC,OAAY,CAACH,IAAI,aAAaC,GAAG,UAAS,OAAEO,EAAM,UAAEC,IAAa,MAAO,CAAEA,EAAW,CAAC9B,EAAI+B,GAAG,uCAAuC7B,EAAG,KAAK,CAACQ,YAAY,eAAe,CAACV,EAAI+B,GAAG/B,EAAIgC,GAAGH,MAAW7B,EAAI+B,GAAG,OAAO7B,EAAG,KAAK,CAACU,YAAY,CAAC,QAAU,QAAQ,CAACZ,EAAI+B,GAAG,yCAAyCE,MAAM,CAACnB,MAAOd,EAAI2B,WAAWa,eAAgBN,SAAS,SAAUC,GAAMnC,EAAIoC,KAAKpC,EAAI2B,WAAY,iBAAkBQ,IAAME,WAAW,gCAAgC,OAAOnC,EAAG,MAAM,CAACQ,YAAY,eAAe,CAACV,EAAIW,GAAG,GAAGT,EAAG,kBAAkB,CAACW,MAAM,CAAC,YAAc,6BAA6B,KAAO,IAAI,UAAY,KAAK,UAAY,OAAOoB,MAAM,CAACnB,MAAOd,EAAI2B,WAAWc,YAAaP,SAAS,SAAUC,GAAMnC,EAAIoC,KAAKpC,EAAI2B,WAAY,cAAeQ,IAAME,WAAW,6BAA6B,KAAKnC,EAAG,MAAM,CAACQ,YAAY,8BAA8B,CAACR,EAAG,YAAY,CAACW,MAAM,CAAC,QAAUb,EAAI0C,WAAW,KAAO,SAAS,iBAAiB,YAAYvB,YAAYnB,EAAIoB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACpB,EAAG,IAAI,CAACQ,YAAY,yBAAyBiC,OAAM,MAAS,CAAC3C,EAAI+B,GAAG,yBAAyB,MAE3xFa,EAAkB,CAAC,WAAY,IAAI5C,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACQ,YAAY,aAAaG,MAAM,CAAC,IAAM,kBAAkB,CAACX,EAAG,KAAK,CAACQ,YAAY,kCAAkC,CAACV,EAAI+B,GAAG,YAAY/B,EAAI+B,GAAG,kBAC5N,WAAY,IAAI/B,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACQ,YAAY,aAAaG,MAAM,CAAC,IAAM,iBAAiB,CAACX,EAAG,KAAK,CAACQ,YAAY,kCAAkC,CAACV,EAAI+B,GAAG,YAAY/B,EAAI+B,GAAG,uBACtM,WAAY,IAAI/B,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACQ,YAAY,aAAaG,MAAM,CAAC,IAAM,gBAAgB,CAACX,EAAG,KAAK,CAACQ,YAAY,kCAAkC,CAACV,EAAI+B,GAAG,YAAY/B,EAAI+B,GAAG,sBC6GxL,G,oBAAA,CACfc,MAAA,CACAC,cAAAC,UAEAC,OACA,OACAC,QAAA,GACAP,YAAA,EACA1B,eAAA,GACAsB,mBAAA,GACAX,WAAA,CACAuB,UAAA,KACAtB,QAAA,KACAY,eAAA,KACAC,YAAA,KACAU,YAAA,KACAC,SAAA,QAIA,gBAEA,KAAAH,QAAAI,KAAAC,MAAAC,aAAAC,QAAA,wBACA,KAAAC,8BACA,KAAAC,wBAGAC,QAAA,CACAC,WACA,QAAAC,KAAA,KAAAlC,WACA,KAAAA,WAAAkC,GAAA,MAGAC,iBAAAC,GACA,YAAA/C,eAAAgD,KAAAC,KAAAlD,KAAAgD,GAAA7C,OAEAgD,gBAAAC,GACA,YAAA7B,mBAAA0B,KAAAC,KAAAlD,KAAAoD,IAEA,6BACA,IACA,IAAAC,QAAA,KAAAC,OAAAC,SAAA,UACAC,KAAA,oCAEAH,EAAAI,OAAA,EACA,KAAAlC,mBAAA8B,EAGA,KAAA9B,mBAAA,GAEA,MAAAmC,GACA,KAAAnC,mBAAA,KAIA,8BACA,IACA,IAAA8B,QAAA,KAAAC,OAAAC,SAAA,UACAC,KAAA,qCAAAtB,QAAAyB,QAAA3D,KAGAqD,EAAAI,OAAA,EACA,KAAAxD,eAAAoD,EAEA,KAAApD,eAAA,GAEA,MAAAyD,GACA,KAAAzD,eAAA,KAIA,iBACA,IACA,KAAA0B,YAAA,EACA,MAAAf,EAAA,IACA,KAAAA,WACAuB,UAAA,KAAAD,QAAAlC,GACAoC,YAAA,KAAAwB,QACAC,GAAA,IAAAC,KAAA,kBACAC,OAAA,qBAEA,IAAAV,QAAA,KAAAC,OAAAC,SAAA,WACAC,KAAA,qBACAvB,KAAArB,IAEA,GAAAyC,EAAAW,QAAA,CACA,KAAAnB,WACA,gBACAV,EAAA,QACAtB,EAAA,eACAY,EAAA,YACAC,EAAA,YACAU,EAAA,SACAC,GACAzB,EACA,IAAAmB,EAAA,CACA/B,GAAAqD,EAAApB,KACAgC,UAAA9B,EACA+B,QAAArD,EACAV,MAAA,KAAA4C,iBAAAlC,GACAsD,eAAA1C,EACA2C,aAAA,KAAAjB,gBAAA1B,GACAD,YAAAE,EACA2C,YAAAjC,EACAkC,SAAAjC,EACAkC,SAAAlC,GAEA,KAAAN,iBACA,KAAAJ,YAAA,EACA,KAAA6C,IAAAC,aAAA,CAEAC,SAAA,OACAC,KAAA,sCACAC,MAAA,UACAC,SAAA,YACAC,MAAA,sBAGA,MAAApB,GAEA,iBCzOsZ,I,wBCQlZqB,EAAY,eACd,EACA/F,EACA6C,GACA,EACA,KACA,WACA,MAIa,OAAAkD,E,oECnBf,IAAI/F,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACQ,YAAY,6BAA6BE,YAAY,CAAC,IAAM,SAASZ,EAAI+F,GAAI/F,EAAIgD,MAAM,SAASgD,EAAKC,GAAM,IAAAC,EAAC,OAAOhG,EAAG,MAAM,CAACmB,IAAI4E,EAAMvF,YAAY,wGAAwGyF,MAAO,CACzUC,UACEpG,EAAIqG,aAAeJ,EAAQ,mBAAmBD,EAAKL,MAAU,QAC9DvF,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAOL,EAAIsG,eAAeL,IAAQ,WAAa,SAAS5F,GAAQ,OAAOL,EAAIuG,eAAeN,IAAQ,UAAaO,GAAUxG,EAAIyG,gBAAgBD,EAAOP,GAAO,MAAQ,SAAS5F,GAAQ,OAAOL,EAAI0G,aAAaT,MAAU,CAAEjG,EAAI2G,SAAUzG,EAAG,MAAM,CAACQ,YAAY,cAAcyF,MAAO,CAClTS,KAAM5G,EAAI6G,QAAQZ,GAAS,KAC3Ba,IAAK9G,EAAI+G,QAAQd,GAAS,QACvBjG,EAAIgH,UAAUhB,EAAKL,OACtBsB,QAASjH,EAAI2G,SAASV,GAAS,IAAM,OAClCjG,EAAIkH,KAAKhH,EAAG,MAAM,CAACiH,MAAM,mDAAmDhB,MAAO,CACtFiB,MAAO,OACPC,OAAQ,OACRC,gBAAiBtB,EAAKL,MACtB,gBAAiB3F,EAAIuH,oBAAoBvB,EAAKwB,MAC9C,qBAAsB,sBAAsBxB,EAAKL,MACjD,kBAAmB,sBAAsBK,EAAKL,MAC9C,aAAc,sBAAsBK,EAAKL,QACvC,CAACzF,EAAG,IAAI,CAACiH,MAAM,UAAUnB,EAAKyB,YAAYzH,EAAI0H,mBAC9C1B,EAAK2B,SACL1B,KACErF,YAAY,CAAC,YAAY,cAAcV,EAAG,MAAM,CAACQ,YAAY,wCAAwCE,YAAY,CAAC,YAAY,IAAI,YAAY,sBAAsB,CAACV,EAAG,MAAM,CAACiH,MAAM,mBAAmB,CAACjH,EAAG,OAAO,CAACQ,YAAY,mBAAmByG,MAAM,CACzPnH,EAAI2G,SAASV,IACbjG,EAAI4H,cAAc3B,IAClBjG,EAAI6H,mBAAmB5B,GACnB,gBACA,iBACH,CAACjG,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAGgE,EAAKH,OAAO,SAAS3F,EAAG,OAAO,CAACQ,YAAY,mBAAmByF,MAAO,CAC5F2B,UAA2B,QAAjB5B,EAAGF,EAAK+B,iBAAS,IAAA7B,IAAI,IAArB,OACR,CAAClG,EAAI+B,GAAG/B,EAAIgC,GAAGhC,EAAIgI,cAAchC,EAAKlF,kBAAiB,IAE/D8B,EAAkB,GCiDP,G,oBAAA,CAgCfC,MAAA,CAcAG,KAAA,CACAiF,KAAAC,MACAC,YAAA,CACA,CACAtC,MAAA,SACA/E,MAAA,EACAiH,UAAA,GACAN,SAAA,QACA9B,MAAA,uBACA6B,KAAA,SACAG,SAAA,QACAS,WAAA,KACAC,aAAA,SAKArF,OACA,OACA2D,SAAA,GACAE,QAAA,GACAE,QAAA,GACAuB,iBAAA,GACAV,cAAA,GACAvB,WAAA,KACAwB,mBAAA,GACAF,SAAA,CACAY,KAAA,UACAC,SAAA,eACAC,OAAA,YACAC,KAAA,UACAC,KAAA,UACAC,MAAA,WACAC,KAAA,UACAC,YAAA,0BACAC,UAAA,iBAEAC,SAAA,CACAC,OAAA,MACAC,QAAA,MACAC,OAAA,oCACAC,MAAA,uCASAC,UACA,KAAAC,WACAC,OAAAC,iBAAA,cAAAF,WAEAG,gBACAF,OAAAG,oBAAA,cAAAJ,WAEA3F,QAAA,CACA2F,WACA,KAAAtG,KAAA2G,QAAA,CAAAC,EAAA3D,KACA,KAAA4D,iBAAA5D,MAGA4D,iBAAA5D,GACA,KAAA6D,UAAA,KACA,MAAAC,EAAA,KAAAC,IAAAC,iBAAA,yBACAhE,GAEA8D,IAIAA,EAAAG,YAAAH,EAAAI,YACA,KAAA/H,KAAA,KAAAyF,mBAAA5B,GAAA,GAEA,KAAA7D,KAAA,KAAAyF,mBAAA5B,GAAA,OAKAS,aAAAT,GAEA,YAAAI,YAAA,KAAAA,aAAAJ,GACA,yBAAAjD,KAAA,KAAAqD,YAAAgC,cACA,KAAArF,KAAA,KAAAqD,YAAAgC,eAKA,KAAAhC,WAAA,KAAAA,aAAAJ,EAAA,KAAAA,EAGA,YAAAI,WACA,yBAAArD,KAAA,KAAAqD,YAAA+B,YACA,KAAApF,KAAA,KAAAqD,YAAA+B,aAGA,yBAAApF,KAAAiD,GAAAoC,cACA,KAAArF,KAAAiD,GAAAoC,gBAIAd,oBAAAC,GACA,YAAAwB,SAAAxB,IAAA,mBAEAE,mBAAAF,EAAAvB,GACA,QAAA2B,cAAA3B,GACA,YAAA0B,SAAAH,IAAA,IAGAQ,cAAAlH,GACA,0BAAAA,EACAA,IAEAA,GAEAkG,UAAArB,GACA,OACAS,UAAA,iBAAAT,IAGAc,gBAAAD,EAAAP,GACA,MAAAmE,EAAA5D,EAAA6D,cAAAC,wBACAC,EAAA/D,EAAAgE,QAAAJ,EAAAxD,KACA6D,EAAAjE,EAAAkE,QAAAN,EAAAtD,IAGA,KAAAwB,iBAAArC,IACA0E,qBAAA,KAAArC,iBAAArC,IAIA,MAAA2E,OACA,MAAAC,EAAA,KAAAhE,QAAAZ,IAAA,EACA6E,EAAA,KAAA/D,QAAAd,IAAA,EACA8E,EAAA,IAAAR,EAAAM,GACAG,EAAA,IAAAP,EAAAK,GAEA,KAAA1I,KAAA,KAAAyE,QAAAZ,EAAA4E,EAAAE,GACA,KAAA3I,KAAA,KAAA2E,QAAAd,EAAA6E,EAAAE,IAEAC,KAAAC,IAAAH,GAAA,IAAAE,KAAAC,IAAAF,GAAA,MAEA,KAAA1C,iBAAArC,GAAAkF,sBAAAP,KAKA,KAAAtC,iBAAArC,GAAAkF,sBAAAP,IAEAtE,eAAAL,GACA,KAAA7D,KAAA,KAAAwF,cAAA3B,GAAA,GACA,KAAA7D,KAAA,KAAAuE,SAAAV,GAAA,IAEAM,eAAAN,GACA,KAAA7D,KAAA,KAAAwF,cAAA3B,GAAA,GACA,KAAA7D,KAAA,KAAAuE,SAAAV,GAAA,OCxRoY,I,wBCQhYH,EAAY,eACd,EACA/F,EACA6C,GACA,EACA,KACA,WACA,MAIa,OAAAkD,E,oECnBf,W,kCCAA,W,yCCAA,IAAI/F,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACA,EAAG,MAAM,CAACQ,YAAY,oBAAoB,CAACR,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACW,MAAM,CAAC,GAAK,OAAO,CAACX,EAAG,OAAO,CAACiB,YAAYnB,EAAIoB,GAAG,CAAC,CAACC,IAAI,cAAcC,GAAG,WAAW,MAAO,CAACpB,EAAG,MAAM,CAACQ,YAAY,wCAAwC,CAACR,EAAG,KAAK,CAACQ,YAAY,cAAc,CAACR,EAAG,IAAI,CAACF,EAAI+B,GAAG,uBAAuBY,OAAM,MAAS,CAACzC,EAAG,MAAM,CAACQ,YAAY,aAAa,CAACR,EAAG,MAAM,CAACQ,YAAY,MAAME,YAAY,CAAC,IAAM,SAAS,CAACV,EAAG,MAAM,CAACQ,YAAY,oBAAoB,CAACR,EAAG,YAAY,CAACW,MAAM,CAAC,KAAOb,EAAIoL,cAAc,OAAOlL,EAAG,MAAM,CAACQ,YAAY,YAAY,CAACR,EAAG,MAAM,CAACQ,YAAY,YAAY,CAACR,EAAG,KAAK,CAACQ,YAAY,QAAQ,CAACR,EAAG,IAAI,CAACF,EAAI+B,GAAG,YAAY7B,EAAG,WAAW,CAACQ,YAAY,qCAAqCG,MAAM,CAAC,QAAUb,EAAIqL,SAAS,aAAa,MAAM,cAAc,MAAMpJ,MAAM,CAACnB,MAAOd,EAAIsL,gBAAiBpJ,SAAS,SAAUC,GAAMnC,EAAIsL,gBAAgBnJ,GAAKE,WAAW,sBAAsB,GAAGnC,EAAG,MAAM,CAACQ,YAAY,iBAAiB,CAACR,EAAG,YAAY,CAACQ,YAAY,OAAOG,MAAM,CAAC,QAAU,GAAG,GAAK,aAAaT,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOL,EAAIuL,QAAQ,MAAM,CAACrL,EAAG,IAAI,CAACQ,YAAY,0BAA0B,GAAGR,EAAG,MAAM,CAACQ,YAAY,YAAY,CAACR,EAAG,KAAK,CAACQ,YAAY,QAAQ,CAACR,EAAG,IAAI,CAACF,EAAI+B,GAAG,2BAA2B7B,EAAG,WAAW,CAACQ,YAAY,gBAAgBG,MAAM,CAAC,SAAW,GAAG,OAAUC,GAAUA,EAAM,QAAUd,EAAIwL,eAAe,MAAQ,iBAAiB,YAAc,gCAAgCvJ,MAAM,CAACnB,MAAOd,EAAIyL,SAAUvJ,SAAS,SAAUC,GAAMnC,EAAIyL,SAAStJ,GAAKE,WAAW,eAAe,GAAGnC,EAAG,MAAM,CAACQ,YAAY,YAAY,CAACR,EAAG,KAAK,CAACQ,YAAY,QAAQ,CAACR,EAAG,IAAI,CAACF,EAAI+B,GAAG,8BAA8B7B,EAAG,WAAW,CAACQ,YAAY,gBAAgBG,MAAM,CAAC,SAAW,GAAG,OAAUC,GAAUA,EAAM,QAAUd,EAAI0L,iBAAiB,MAAQ,yBAAyB,YAAc,mCAAmCzJ,MAAM,CAACnB,MAAOd,EAAI2L,YAAazJ,SAAS,SAAUC,GAAMnC,EAAI2L,YAAYxJ,GAAKE,WAAW,kBAAkB,GAAGnC,EAAG,MAAM,CAACQ,YAAY,YAAY,CAACR,EAAG,KAAK,CAACQ,YAAY,QAAQ,CAACR,EAAG,IAAI,CAACF,EAAI+B,GAAG,2BAA2B7B,EAAG,WAAW,CAACQ,YAAY,gBAAgBG,MAAM,CAAC,SAAW,GAAG,OAAUC,GAAUA,EAAM,QAAUd,EAAI4L,cAAc,MAAQ,yBAAyB,YAAc,yBAAyB3J,MAAM,CAACnB,MAAOd,EAAI6L,SAAU3J,SAAS,SAAUC,GAAMnC,EAAI6L,SAAS1J,GAAKE,WAAW,eAAe,GAAGnC,EAAG,MAAM,CAACQ,YAAY,iBAAiB,CAACR,EAAG,YAAY,CAACQ,YAAY,OAAOG,MAAM,CAAC,QAAU,GAAG,GAAK,aAAaT,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOL,EAAIuL,QAAQ,MAAM,CAACrL,EAAG,IAAI,CAACQ,YAAY,0BAA0B,KAAKR,EAAG,MAAM,CAACQ,YAAY,aAAa,CAACR,EAAG,QAAQ,CAACQ,YAAY,qEAAqEG,MAAM,CAAC,GAAK,gCAAgC,CAACX,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAI+B,GAAG,SAAS7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,qBAAqB7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,mBAAmB7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,WAAW7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,eAAe7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,gBAAgB7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,sBAAsB7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,eAAe7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,mBAAmB7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,gBAAgB7B,EAAG,KAAK,CAACF,EAAI+B,GAAG,gBAAgB7B,EAAG,QAAQF,EAAI+F,GAAI/F,EAAI8L,YAAY,SAASC,GAAM,OAAO7L,EAAG,KAAK,CAACmB,IAAI0K,EAAKhL,GAAGoF,MAAO6F,OAAOD,EAAKE,YAAc,EAAI,qBAAuB,IAAK,CAAC/L,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKG,YAAY,OAAOhM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKI,gBAAgB,OAAOjM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKK,gBAAgB,OAAOlM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKM,OAAO,OAAOnM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKO,UAAU,OAAOpM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKE,YAAY,OAAO/L,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKQ,iBAAiB,OAAOrM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKS,UAAU,OAAOtM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKU,eAAe,OAAOvM,EAAG,KAAK,CAACF,EAAI+B,GAAG,IAAI/B,EAAIgC,GAAG+J,EAAKW,WAAW,OAAOxM,EAAG,KAAK,CAACA,EAAG,YAAY,CAACQ,YAAY,OAAOG,MAAM,CAAC,QAAU,GAAG,GAAK,aAAaT,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOL,EAAI2M,OAAOZ,MAAS,CAAC7L,EAAG,IAAI,CAACQ,YAAY,uBAAuB,QAAO,OAAOR,EAAG,UAAU,CAACW,MAAM,CAAC,MAAQ,iBAAiB,GAAK,gBAAgB,KAAO,KAAK,cAAc,GAAG,cAAc,GAAG,aAAa,sBAAsB,CAACX,EAAG,eAAe,CAACW,MAAM,CAAC,cAAgBb,EAAI8C,kBAAkB,IAAI,IAAI,IAAI,IAAI,MAEvpIF,EAAkB,G,wFC8JP,GACfgK,KAAA,oBACAC,WAAA,CACAC,iBAEAC,qBAEA/J,OACA,OACAsI,gBAAA,KACA0B,iBAAA,KACA/J,QAAA,GACAgK,kBAAA,KACAjM,eAAA,GACAwK,eAAA,GACAE,iBAAA,GACAE,cAAA,GACAE,WAAA,GACAoB,aAAA,GACA9B,UAAA,CACA,CACAvF,MAAA,kBACA/E,UAAA,KAAAgL,WAAAtH,OACAiD,SAAA,QACA9B,MAAA,wBACA6B,KAAA,UACAG,SAAA,SACAS,gBAEA,KAAA6E,kBAAApL,OAAA,cAAAsL,QAEA9E,kBAEA,KAAA4E,kBAAApL,OAAA,IAAAsL,SAGA,CACAtH,MAAA,oDACA/E,UACA,KAAAgL,WACAsB,OAAA,CAAAC,EAAAC,KACA,MAAAC,EAAAvB,OAAAsB,EAAArB,YAAA,EAAAuB,WAAAF,EAAAG,oBAAAD,WAAAF,EAAAI,iBACA,OAAAL,EAAAE,GACA,GACAI,eAAA,SAAAC,sBAAA,EAAAC,sBAAA,IACApG,SAAA,eACA9B,MAAA,wBACA6B,KAAA,UACAG,SAAA,SACAS,gBAEA,KAAA6E,kBAAApL,OAAA,cAAAsL,QAEA9E,kBAEA,KAAA4E,kBAAApL,OAAA,IAAAsL,UAIA1B,SAAA,KACAE,YAAA,KACAE,SAAA,OAGA,gBACA,KAAAiC,YAAA,GACA,KAAA7K,QAAAI,KAAAC,MAAAC,aAAAC,QAAA,kBACA,KAAAsI,WAAA,GAKA,KAAAgC,YAAA,GACAvE,OAAAwE,EAAAzM,GAAA0M,UAAAC,YAAA,iCACA1E,OAAAwE,EAAA,gCAAAC,YAAAE,gBAEA,KAAAC,UAEAC,OAAAnI,QAQA,KAAA6H,YAAA,IAEAnK,QAAA,CACA,cAAAoI,GACA,MAAAA,EAAA,CACA,KAAAN,SAAA,KACA,KAAAE,YAAA,KACA,KAAAE,SAAA,KAEA,KAAAiC,YAAA,GAEA,IAAAxC,EAAA,IAAAzG,KAAA,KAAAmI,iBAAA,SAAA1B,gBAAA,OAAA+C,WACArB,GAAA,IAAAnI,MAAAyJ,cACAC,EAAA,KAAAC,8BAAAxB,EAAA1B,SACA,KAAA6C,QAAAI,EAAAE,UAAAF,EAAAG,WACA,KAAAZ,YAAA,GAEA,GAAA/B,IAEA,WAAAN,UAAA,WAAAE,aAAA,WAAAE,WAEA,KAAAC,WAAA,KAAAoB,aAAAyB,OAAAC,KAAAC,gBAAA,KAAApD,WAEA,WAAAA,UAAA,WAAAE,aAAA,WAAAE,WAEA,KAAAC,WAAA,KAAAoB,aAAAyB,OAAAC,KAAAC,gBAAA,KAAApD,UAAAmD,EAAAE,mBAAA,KAAAnD,cAEA,WAAAF,UAAA,WAAAE,aAAA,WAAAE,WAEA,KAAAC,WAAA,KAAAoB,aAAAyB,OAAAC,KAAAC,gBAAA,KAAApD,UAAAmD,EAAAE,mBAAA,KAAAnD,aAAAiD,EAAAG,cAAA,KAAAlD,WAGA,WAAAJ,UAAA,WAAAE,aAAA,WAAAE,WACA,KAAAC,WAAA,KAAAoB,aAAAyB,OAAAC,KAAAE,mBAAA,KAAAnD,cAEA,WAAAF,UAAA,WAAAE,aAAA,WAAAE,WACA,KAAAC,WAAA,KAAAoB,aAAAyB,OAAAC,KAAAE,mBAAA,KAAAnD,aAAAiD,EAAAG,cAAA,KAAAlD,WAGA,WAAAJ,UAAA,WAAAE,aAAA,WAAAE,WACA,KAAAC,WAAA,KAAAoB,aAAAyB,OAAAC,KAAAG,cAAA,KAAAlD,WAEA,WAAAJ,UAAA,WAAAE,aAAA,WAAAE,WACA,KAAAC,WAAA,KAAAoB,aAAAyB,OAAAC,KAAAC,gBAAA,KAAApD,UAAAmD,EAAAG,cAAA,KAAAlD,aAYA2C,8BAAAQ,EAAAC,GAEA,MAAAR,EAAA,IAAA5J,KAAAmK,EAAAC,EAAA,GACAP,EAAA,IAAA7J,KAAAmK,EAAAC,EAAA,KAEA,OACAR,YAAAS,cAAAC,MAAA,QACAT,YAAAQ,cAAAC,MAAA,UAGA,gBACA,IACA5F,OAAAwE,EAAAzM,GAAA0M,UAAAC,YAAA,iCACA1E,OAAAwE,EAAA,gCAAAC,YAAAE,UAEA,KAAApC,WAAA,GAEA,IAAA1H,QAAA,KAAAC,OAAAC,SAAA,aACAC,KAAA,kCAGA,KAAAuH,WAAA1H,EAAAI,OAAA,EAAAJ,EAAA,GACA,KAAA0H,WAAAtH,OAAA,IACA,KAAAsH,WAAA,KAAAA,WAAAsD,IAAArD,IAAA,IACAA,EACA0B,mBAAAzB,OAAAD,EAAA2B,iBAAA1B,OAAAD,EAAA2B,iBAAA1B,OAAAD,EAAAE,gBAGA,KAAAiB,aAAA,KAAApB,WAEA,KAAAN,eAAApH,EAAAgL,IAAAC,KAAAR,gBAAAF,OAAA,CAAAW,EAAArJ,EAAAsJ,MAAAC,QAAAF,KAAArJ,GAIA,KAAAuF,eAAAiE,KAAA,CAAAC,EAAAC,IACAD,EAAAC,GAAA,EACAD,EAAAC,EAAA,EACA,GAGA,KAAAjE,iBAAAtH,EAAAgL,IAAAQ,KAAAd,mBAAAH,OAAA,CAAAkB,EAAAC,EAAAC,MAAAP,QAAAK,KAAAC,GACA,KAAApE,iBAAA+D,KAAA,CAAAC,EAAAC,IACAD,EAAAC,GAAA,EACAD,EAAAC,EAAA,EACA,GAEA,KAAA/D,cAAAxH,EAAAgL,IAAAQ,KAAAb,cAAAJ,OAAA,CAAAkB,EAAAC,EAAAC,MAAAP,QAAAK,KAAAC,GACA,KAAAlE,cAAA6D,KAAA,CAAAC,EAAAC,IACAD,EAAAC,GAAA,EACAD,EAAAC,EAAA,EACA,GAiBA,KAAA7B,YAAA,GAmBA,MAAArJ,GACA,KAAAqJ,YAAA,GAEA,KAAAhC,WAAA,OCtYoa,I,YCOhahG,EAAY,eACd,EACA/F,EACA6C,GACA,EACA,KACA,WACA,MAIa,aAAAkD,E","file":"js/chunk-5e8c9012.073e2507.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.saveData.apply(null, arguments)}}},[_c('div',{staticClass:\"row mt-4 align-items-center\"},[_c('div',{staticClass:\"col-xl-6 mb-3\"},[_c('div',[_vm._m(0),_c('div',{staticStyle:{\"background\":\"transparent\",\"padding\":\"0rem\"}},[_c('v-select',{staticClass:\"style-chooser\",attrs:{\"reduce\":(value) => value.id,\"options\":_vm.listaVehiculos,\"get-option-label\":(option) => `${option.placa}`,\"placeholder\":\"-- seleccionar vehículo --\"},scopedSlots:_vm._u([{key:\"search\",fn:function({ attributes, events }){return [_c('input',_vm._g(_vm._b({staticClass:\"vs__search\",attrs:{\"required\":!_vm.newService.PlacaId}},'input',attributes,false),events))]}},{key:\"no-options\",fn:function({ search, searching }){return [(searching)?[_vm._v(\" No se encontraron resultados para \"),_c('em',{staticClass:\"text-danger\"},[_vm._v(_vm._s(search))]),_vm._v(\". \")]:_c('em',{staticStyle:{\"opacity\":\"0.5\"}},[_vm._v(\"No hay vehículos para mostrar.\")])]}}]),model:{value:(_vm.newService.PlacaId),callback:function ($$v) {_vm.$set(_vm.newService, \"PlacaId\", $$v)},expression:\"newService.PlacaId\"}})],1)])]),_c('div',{staticClass:\"col-xl-6 mb-3\"},[_c('div',[_vm._m(1),_c('div',{staticStyle:{\"background\":\"transparent\",\"padding\":\"0rem\"}},[_c('v-select',{staticClass:\"style-chooser\",attrs:{\"reduce\":(value) => value.id,\"options\":_vm.listaTipoServicios,\"get-option-label\":(option) => `${option.descripcion}`,\"placeholder\":\"-- seleccionar tipo servicio --\"},scopedSlots:_vm._u([{key:\"search\",fn:function({ attributes, events }){return [_c('input',_vm._g(_vm._b({staticClass:\"vs__search\",attrs:{\"required\":!_vm.newService.TipoServicioId}},'input',attributes,false),events))]}},{key:\"no-options\",fn:function({ search, searching }){return [(searching)?[_vm._v(\" No se encontraron resultados para \"),_c('em',{staticClass:\"text-danger\"},[_vm._v(_vm._s(search))]),_vm._v(\". \")]:_c('em',{staticStyle:{\"opacity\":\"0.5\"}},[_vm._v(\"No hay vehículos para mostrar.\")])]}}]),model:{value:(_vm.newService.TipoServicioId),callback:function ($$v) {_vm.$set(_vm.newService, \"TipoServicioId\", $$v)},expression:\"newService.TipoServicioId\"}})],1)])]),_c('div',{staticClass:\"col-12 mb-3\"},[_vm._m(2),_c('b-form-textarea',{attrs:{\"placeholder\":\"Escriba una descripción...\",\"rows\":\"7\",\"minlength\":\"10\",\"maxlength\":\"550\"},model:{value:(_vm.newService.Descripcion),callback:function ($$v) {_vm.$set(_vm.newService, \"Descripcion\", $$v)},expression:\"newService.Descripcion\"}})],1)]),_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('vs-button',{attrs:{\"loading\":_vm.isCreating,\"type\":\"submit\",\"animation-type\":\"vertical\"},scopedSlots:_vm._u([{key:\"animate\",fn:function(){return [_c('i',{staticClass:\"fas fa-plus-circle\"})]},proxy:true}])},[_vm._v(\" Agregar Servicio \")])],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('label',{staticClass:\"form-label\",attrs:{\"for\":\"placaVehiculo\"}},[_c('em',{staticClass:\"text-danger font-weight-bolder\"},[_vm._v(\"Paso 1\")]),_vm._v(\" - Vehículo\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{staticClass:\"form-label\",attrs:{\"for\":\"tipoServicio\"}},[_c('em',{staticClass:\"text-danger font-weight-bolder\"},[_vm._v(\"Paso 2\")]),_vm._v(\" - Tipo Servicio\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{staticClass:\"form-label\",attrs:{\"for\":\"descripcion\"}},[_c('em',{staticClass:\"text-danger font-weight-bolder\"},[_vm._v(\"Paso 3\")]),_vm._v(\" - Descripción\")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <form @submit.prevent=\"saveData\">\r\n    <div class=\"row mt-4 align-items-center\">\r\n      <!-- asignar a vehiculo -->\r\n      <div class=\"col-xl-6 mb-3\">\r\n        <div>\r\n          <label for=\"placaVehiculo\" class=\"form-label\">\r\n            <em class=\"text-danger font-weight-bolder\">Paso 1</em> -\r\n            Vehículo</label\r\n          >\r\n          <!-- vue-select -->\r\n          <div style=\"background: transparent; padding: 0rem\">\r\n            <v-select\r\n              v-model=\"newService.PlacaId\"\r\n              class=\"style-chooser\"\r\n              :reduce=\"(value) => value.id\"\r\n              :options=\"listaVehiculos\"\r\n              :get-option-label=\"(option) => `${option.placa}`\"\r\n              placeholder=\"-- seleccionar vehículo --\"\r\n            >\r\n              <!-- required -->\r\n              <template #search=\"{ attributes, events }\">\r\n                <input\r\n                  class=\"vs__search\"\r\n                  :required=\"!newService.PlacaId\"\r\n                  v-bind=\"attributes\"\r\n                  v-on=\"events\"\r\n                />\r\n              </template>\r\n              <!-- sin resultados en la busquedad -->\r\n              <template v-slot:no-options=\"{ search, searching }\">\r\n                <template v-if=\"searching\">\r\n                  No se encontraron resultados para\r\n                  <em class=\"text-danger\">{{ search }}</em\r\n                  >.\r\n                </template>\r\n                <em v-else style=\"opacity: 0.5\"\r\n                  >No hay vehículos para mostrar.</em\r\n                >\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- tipo servicio -->\r\n      <div class=\"col-xl-6 mb-3\">\r\n        <div>\r\n          <label for=\"tipoServicio\" class=\"form-label\">\r\n            <em class=\"text-danger font-weight-bolder\">Paso 2</em> - Tipo\r\n            Servicio</label\r\n          >\r\n          <!-- vue-select -->\r\n          <div style=\"background: transparent; padding: 0rem\">\r\n            <v-select\r\n              v-model=\"newService.TipoServicioId\"\r\n              class=\"style-chooser\"\r\n              :reduce=\"(value) => value.id\"\r\n              :options=\"listaTipoServicios\"\r\n              :get-option-label=\"(option) => `${option.descripcion}`\"\r\n              placeholder=\"-- seleccionar tipo servicio --\"\r\n            >\r\n              <!-- required -->\r\n              <template #search=\"{ attributes, events }\">\r\n                <input\r\n                  class=\"vs__search\"\r\n                  :required=\"!newService.TipoServicioId\"\r\n                  v-bind=\"attributes\"\r\n                  v-on=\"events\"\r\n                />\r\n              </template>\r\n              <!-- sin resultados en la busquedad -->\r\n              <template v-slot:no-options=\"{ search, searching }\">\r\n                <template v-if=\"searching\">\r\n                  No se encontraron resultados para\r\n                  <em class=\"text-danger\">{{ search }}</em\r\n                  >.\r\n                </template>\r\n                <em v-else style=\"opacity: 0.5\"\r\n                  >No hay vehículos para mostrar.</em\r\n                >\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- descripcion -->\r\n      <div class=\"col-12 mb-3\">\r\n        <label for=\"descripcion\" class=\"form-label\"\r\n          ><em class=\"text-danger font-weight-bolder\">Paso 3</em> -\r\n          Descripción</label\r\n        >\r\n        <b-form-textarea\r\n          v-model=\"newService.Descripcion\"\r\n          placeholder=\"Escriba una descripción...\"\r\n          rows=\"7\"\r\n          minlength=\"10\"\r\n          maxlength=\"550\"\r\n        ></b-form-textarea>\r\n      </div>\r\n    </div>\r\n    <!-- btn agregar servicio -->\r\n    <div class=\"d-flex justify-content-end\">\r\n      <vs-button :loading=\"isCreating\" type=\"submit\" animation-type=\"vertical\">\r\n        Agregar Servicio\r\n        <template #animate> <i class=\"fas fa-plus-circle\"></i></template>\r\n      </vs-button>\r\n    </div>\r\n  </form>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    sharedService: Function,\r\n  },\r\n  data() {\r\n    return {\r\n      persona: {},\r\n      isCreating: false,\r\n      listaVehiculos: [],\r\n      listaTipoServicios: [],\r\n      newService: {\r\n        PersonaId: null,\r\n        PlacaId: null,\r\n        TipoServicioId: null,\r\n        Descripcion: null,\r\n        FechaInicio: null,\r\n        FechaFin: null,\r\n      },\r\n    };\r\n  },\r\n  async mounted() {\r\n    // this.$isLoading(true);\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    await this.getVehiculosByEmpresa();\r\n    await this.getListTipoServicios();\r\n    // this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    initForm() {\r\n      for (let prop in this.newService) {\r\n        this.newService[prop] = null;\r\n      }\r\n    },\r\n    getPlacaVehiculo(vehiculoId) {\r\n      return this.listaVehiculos.find((v) => v.id === vehiculoId).placa;\r\n    },\r\n    getTipoServicio(servicioId) {\r\n      return this.listaTipoServicios.find((v) => v.id === servicioId);\r\n    },\r\n    async getListTipoServicios() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"TipoServicios/ListTipoServicios\",\r\n        });\r\n        if (res.length > 0) {\r\n          this.listaTipoServicios = res;\r\n          ////console.log(res)\r\n        } else {\r\n          this.listaTipoServicios = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaTipoServicios = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getVehiculosByEmpresa() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Vehiculo/VehiculosPorEmpresa/\" + this.persona.empresa.id,\r\n        });\r\n        console.log(\"list vehiculos...\", res);\r\n        if (res.length > 0) {\r\n          this.listaVehiculos = res;\r\n        } else {\r\n          this.listaVehiculos = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaVehiculos = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async saveData() {\r\n      try {\r\n        this.isCreating = true;\r\n        const newService = {\r\n          ...this.newService,\r\n          PersonaId: this.persona.id,\r\n          FechaInicio: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm\"),\r\n        };\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"RegistroServicios/\",\r\n          data: newService,\r\n        });\r\n        if (res.success) {\r\n          this.initForm();\r\n          const {\r\n            PersonaId,\r\n            PlacaId,\r\n            TipoServicioId,\r\n            Descripcion,\r\n            FechaInicio,\r\n            FechaFin,\r\n          } = newService;\r\n          let sharedService = {\r\n            id: res.data,\r\n            personaId: PersonaId,\r\n            placaId: PlacaId,\r\n            placa: this.getPlacaVehiculo(PlacaId),\r\n            tipoServicioId: TipoServicioId,\r\n            tipoServicio: this.getTipoServicio(TipoServicioId),\r\n            descripcion: Descripcion,\r\n            fechaInicio: FechaInicio,\r\n            fechaFin: FechaFin,\r\n            estado: FechaFin ? true : false,\r\n          };\r\n          this.sharedService(sharedService);\r\n          this.isCreating = false;\r\n          this.$vs.notification({\r\n            //duration: \"none\",\r\n            progress: \"auto\",\r\n            icon: `<i class='fas fa-circle-check'></i>`,\r\n            color: \"success\",\r\n            position: \"top-right\",\r\n            title: \"Servicio Creado!\",\r\n          });\r\n        }\r\n      } catch (error) {\r\n        console.log(error);\r\n        return null; // Handle the error as needed\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped type=\"scss\">\r\n@import url(\"https://unpkg.com/vue-select@3.20.2/dist/vue-select.css\");\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./add_servicio.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./add_servicio.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./add_servicio.vue?vue&type=template&id=e8ab933a&scoped=true\"\nimport script from \"./add_servicio.vue?vue&type=script&lang=js\"\nexport * from \"./add_servicio.vue?vue&type=script&lang=js\"\nimport style0 from \"./add_servicio.vue?vue&type=style&index=0&id=e8ab933a&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  \"e8ab933a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",style:({\n          fontSize: `${card.sizeValue ?? 40}px`,\n        })},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 1.5rem\"\r\n        ></i>\r\n      </div>\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% - 60px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span\r\n          class=\"font-weight-bold\"\r\n          :style=\"{\r\n            fontSize: `${card.sizeValue ?? 40}px`,\r\n          }\"\r\n          >{{ evaluateValue(card.value) }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          sizeValue: 40,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          // console.log(\"Client Width: \", titleElement.clientWidth);\r\n          // console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=73483910&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=73483910&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  \"73483910\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./add_servicio.vue?vue&type=style&index=0&id=e8ab933a&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('div',{staticClass:\"custom-container\"},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-column align-items-start\"},[_c('h2',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"Porcentajes\")])])])]},proxy:true}])},[_c('div',{staticClass:\"px-5 py-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col-12 col-md-12\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1)])]),_c('div',{staticClass:\"row px-3\"},[_c('div',{staticClass:\"col-md-2\"},[_c('h4',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Mes:\")])]),_c('b-select',{staticClass:\"form-control bg-dark personalizado\",attrs:{\"options\":_vm.listaMes,\"text-field\":\"mes\",\"value-field\":\"id\"},model:{value:(_vm.mesSeleccionado),callback:function ($$v) {_vm.mesSeleccionado=$$v},expression:\"mesSeleccionado\"}})],1),_c('div',{staticClass:\"col-md-1 mt-3\"},[_c('vs-button',{staticClass:\"px-2\",attrs:{\"primary\":\"\",\"id\":\"sendform2\"},on:{\"click\":function($event){return _vm.filtrar(1)}}},[_c('i',{staticClass:\"fas fa-search mr-1\"})])],1),_c('div',{staticClass:\"col-md-2\"},[_c('h4',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Filtrar x paciente:\")])]),_c('v-select',{staticClass:\"style-chooser\",attrs:{\"required\":\"\",\"reduce\":(value) => value,\"options\":_vm.listaPacientes,\"label\":\"pacienteNombre\",\"placeholder\":\"-- selecciona un paciente --\"},model:{value:(_vm.paciente),callback:function ($$v) {_vm.paciente=$$v},expression:\"paciente\"}})],1),_c('div',{staticClass:\"col-md-3\"},[_c('h4',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Filtrar x profesional:\")])]),_c('v-select',{staticClass:\"style-chooser\",attrs:{\"required\":\"\",\"reduce\":(value) => value,\"options\":_vm.listaProfesional,\"label\":\"profesionalPresupuesto\",\"placeholder\":\"-- selecciona un profesional --\"},model:{value:(_vm.profesional),callback:function ($$v) {_vm.profesional=$$v},expression:\"profesional\"}})],1),_c('div',{staticClass:\"col-md-2\"},[_c('h4',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Filtrar x sucursal:\")])]),_c('v-select',{staticClass:\"style-chooser\",attrs:{\"required\":\"\",\"reduce\":(value) => value,\"options\":_vm.listaSucursal,\"label\":\"profesionalPresupuesto\",\"placeholder\":\"-- selecciona opc. --\"},model:{value:(_vm.sucursal),callback:function ($$v) {_vm.sucursal=$$v},expression:\"sucursal\"}})],1),_c('div',{staticClass:\"col-md-2 mt-3\"},[_c('vs-button',{staticClass:\"px-2\",attrs:{\"primary\":\"\",\"id\":\"sendform2\"},on:{\"click\":function($event){return _vm.filtrar(2)}}},[_c('i',{staticClass:\"fas fa-search mr-1\"})])],1)]),_c('div',{staticClass:\"px-3 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_registroServicios\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Rut\")]),_c('th',[_vm._v(\"Paciente nombre\")]),_c('th',[_vm._v(\"Procedimiento\")]),_c('th',[_vm._v(\"Pieza\")]),_c('th',[_vm._v(\"Valor Hon\")]),_c('th',[_vm._v(\"Porcentaje\")]),_c('th',[_vm._v(\"Valor Porcentual\")]),_c('th',[_vm._v(\"Valor pre\")]),_c('th',[_vm._v(\"Porcetaje Hon\")]),_c('th',[_vm._v(\"Valor real\")]),_c('th',[_vm._v(\"Acción\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id,style:(Number(item.porcentaje) > 0 ? 'font-weight: bold ' : '')},[_c('td',[_vm._v(\" \"+_vm._s(item.idPaciente)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.nombrePaciente)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.procedimmiento)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.pieza)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.valorHon)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.porcentaje)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.valorPorcentual)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.valorPre)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.porcentajeHon)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.valorReal)+\" \")]),_c('td',[_c('vs-button',{staticClass:\"px-1\",attrs:{\"primary\":\"\",\"id\":\"sendform2\"},on:{\"click\":function($event){return _vm.editar(item)}}},[_c('i',{staticClass:\"fas fa-pen mr-1\"})])],1)])}),0)])]),_c('b-modal',{attrs:{\"title\":\"Nuevo Servicio\",\"id\":\"nuevoServicio\",\"size\":\"lg\",\"hide-footer\":\"\",\"hide-header\":\"\",\"body-class\":\"body-modal-custom\"}},[_c('add_servicio',{attrs:{\"sharedService\":_vm.sharedService}})],1)],1)],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card>\r\n    <div class=\"custom-container\">\r\n      <b-row>\r\n        <b-col sm=\"12\">\r\n          <card>\r\n            <template v-slot:headerTitle>\r\n              <div class=\"d-flex flex-column align-items-start\">\r\n                <h2 class=\"card-title\">\r\n                  <b>Porcentajes</b>\r\n                </h2>\r\n              </div>\r\n            </template>\r\n            <div class=\"px-5 py-3\">\r\n              <div class=\"row\" style=\"gap: 1rem\">\r\n                <div class=\"col-12 col-md-12\">\r\n                  <!-- linar-style cursor glow -->\r\n                  <CardTable :data=\"dataCards\" />\r\n                </div>\r\n                <!--<div class=\"col-12 col-md\">\r\n                    <BtnAddCardTable v-b-modal.nuevoServicio text=\"Nuevo Servicio\" />\r\n                  </div> -->\r\n              </div>\r\n            </div>\r\n            <div class=\"row px-3\">\r\n              <div class=\"col-md-2\">\r\n                <h4 class=\"mb-2\"><b>Mes:</b></h4>\r\n                <b-select v-model=\"mesSeleccionado\" class=\"form-control bg-dark personalizado\" :options=\"listaMes\" text-field=\"mes\" value-field=\"id\" />\r\n              </div>\r\n              <!-- <div class=\"col-md-2\">\r\n                  <h4 class=\"mb-2\"><b>Año:</b></h4>\r\n                  <b-select v-model=\"anioSeleccionado\" class=\"form-control bg-dark personalizado\" :options=\"listaAnios\" />\r\n                </div> -->\r\n              <div class=\"col-md-1 mt-3\">\r\n                <vs-button primary class=\"px-2\" @click=\"filtrar(1)\" id=\"sendform2\">\r\n                  <i class=\"fas fa-search mr-1\"></i>\r\n                </vs-button>\r\n              </div>\r\n              <div class=\"col-md-2\">\r\n                <h4 class=\"mb-2\"><b>Filtrar x paciente:</b></h4>\r\n                <!-- <b-select @change=\"filtrar(1)\" v-model=\"paciente\" type=\"text\" class=\"form-control bg-dark personalizado\" :options=\"listaPacientes\" text-field=\"pacienteNombre\" /> -->\r\n                <v-select\r\n                  required\r\n                  class=\"style-chooser\"\r\n                  :reduce=\"(value) => value\"\r\n                  v-model=\"paciente\"\r\n                  :options=\"listaPacientes\"\r\n                  label=\"pacienteNombre\"\r\n                  placeholder=\"-- selecciona un paciente --\"\r\n                ></v-select>\r\n              </div>\r\n              <div class=\"col-md-3\">\r\n                <h4 class=\"mb-2\"><b>Filtrar x profesional:</b></h4>\r\n                <v-select\r\n                  required\r\n                  class=\"style-chooser\"\r\n                  :reduce=\"(value) => value\"\r\n                  v-model=\"profesional\"\r\n                  :options=\"listaProfesional\"\r\n                  label=\"profesionalPresupuesto\"\r\n                  placeholder=\"-- selecciona un profesional --\"\r\n                ></v-select>\r\n              </div>\r\n              <div class=\"col-md-2\">\r\n                <h4 class=\"mb-2\"><b>Filtrar x sucursal:</b></h4>\r\n                <v-select\r\n                  required\r\n                  class=\"style-chooser\"\r\n                  :reduce=\"(value) => value\"\r\n                  v-model=\"sucursal\"\r\n                  :options=\"listaSucursal\"\r\n                  label=\"profesionalPresupuesto\"\r\n                  placeholder=\"-- selecciona opc. --\"\r\n                ></v-select>\r\n              </div>\r\n              <div class=\"col-md-2 mt-3\">\r\n                <vs-button primary class=\"px-2\" @click=\"filtrar(2)\" id=\"sendform2\">\r\n                  <i class=\"fas fa-search mr-1\"></i>\r\n                </vs-button>\r\n              </div>\r\n            </div>\r\n            <!-- table registro servicios-->\r\n            <div class=\"px-3 mt-3\">\r\n              <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n                <thead>\r\n                  <tr>\r\n                    <th>Rut</th>\r\n                    <th>Paciente nombre</th>\r\n                    <th>Procedimiento</th>\r\n                    <th>Pieza</th>\r\n                    <th>Valor Hon</th>\r\n                    <th>Porcentaje</th>\r\n                    <th>Valor Porcentual</th>\r\n                    <th>Valor pre</th>\r\n                    <th>Porcetaje Hon</th>\r\n                    <th>Valor real</th>\r\n                    <th>Acción</th>\r\n                    <!-- <th class=\"col-1\">Fecha Acción</th> -->\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr v-for=\"item in listaItems\" :key=\"item.id\" :style=\"Number(item.porcentaje) > 0 ? 'font-weight: bold ' : ''\">\r\n                    <td>\r\n                      {{ item.idPaciente }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.nombrePaciente }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.procedimmiento }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.pieza }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.valorHon }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.porcentaje }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.valorPorcentual }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.valorPre }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.porcentajeHon }}\r\n                    </td>\r\n                    <td>\r\n                      {{ item.valorReal }}\r\n                    </td>\r\n                    <td>\r\n                      <vs-button primary class=\"px-1\" @click=\"editar(item)\" id=\"sendform2\">\r\n                        <i class=\"fas fa-pen mr-1\"></i>\r\n                      </vs-button>\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n            <!-- modal add servicio -->\r\n            <b-modal title=\"Nuevo Servicio\" id=\"nuevoServicio\" size=\"lg\" hide-footer hide-header body-class=\"body-modal-custom\">\r\n              <add_servicio :sharedService=\"sharedService\" />\r\n            </b-modal>\r\n          </card>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport { core } from \"../../../../config/pluginInit\";\r\n// import moment_timezone from \"moment-timezone\";\r\nimport CardTable from \"../../../../components/cardTable/CardTable.vue\";\r\n// import BtnAddCardTable from \"../../../../components/btnCardTable/btnAddCardTable.vue\";\r\nimport add_servicio from \"../../RegistroServicios/add_servicio.vue\";\r\n\r\n// const Swal = require(\"sweetalert2\");\r\nexport default {\r\n  name: \"registroServicios\",\r\n  components: {\r\n    CardTable,\r\n    // BtnAddCardTable,\r\n    add_servicio,\r\n  },\r\n  data() {\r\n    return {\r\n      mesSeleccionado: null,\r\n      anioSeleccionado: null,\r\n      persona: {},\r\n      dataTableInstance: null,\r\n      listaVehiculos: [],\r\n      listaPacientes: [],\r\n      listaProfesional: [],\r\n      listaSucursal: [],\r\n      listaItems: [],\r\n      listaItemsbk: [],\r\n      dataCards: [\r\n        {\r\n          title: \"Total Registros\",\r\n          value: () => this.listaItems.length,\r\n          iconName: \"clock\",\r\n          color: \"rgba(254, 114, 28, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            // console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"En Proceso\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            // console.log(\"Deactivate\");\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n        {\r\n          title: \"TOTAL TTOS REALIZADOS, CANCELADOS Y EVOLUCIONADOS\",\r\n          value: () =>\r\n            this.listaItems\r\n              .reduce((accumulator, currentItem) => {\r\n                const valueToAdd = Number(currentItem.porcentaje) > 0 ? parseFloat(currentItem.valorPrestacionSub) : parseFloat(currentItem.valorPrestacion);\r\n                return accumulator + valueToAdd;\r\n              }, 0)\r\n              .toLocaleString(\"en-US\", { minimumFractionDigits: 2, maximumFractionDigits: 2 }),\r\n          iconName: \"circle-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            // console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Finalizado\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            // console.log(\"Deactivate\");\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n      ],\r\n      paciente: null,\r\n      profesional: null,\r\n      sucursal: null,\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    this.listaItems = [];\r\n    // await this.getVehiculosByEmpresa();\r\n    // this.mesSeleccionado = new Date().getMonth();\r\n    // this.anioSeleccionado = new Date().getFullYear();\r\n    // let Periodo = this.obtenerPrimerYUltimoDiaDelMes(this.anioSeleccionado, this.mesSeleccionado);\r\n    this.$isLoading(true);\r\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n      window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n    }\r\n    await this.getData();\r\n\r\n    core.index();\r\n\r\n    // this.dataTableInstance = window.$(\"#datatable_registroServicios\").DataTable({\r\n    //   language: {\r\n    //     url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n    //   },\r\n    // });\r\n\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    async filtrar(item) {\r\n      if (item == 1) {\r\n        this.paciente = null;\r\n        this.profesional = null;\r\n        this.sucursal = null;\r\n        console.log(\"filtrando\", item, this.nombre);\r\n        this.$isLoading(true);\r\n        //filtrar x mes y año\r\n        let mesSeleccionado = new Date(this.anioSeleccionado + \"/\" + this.mesSeleccionado + \"/01\").getMonth();\r\n        let anioSeleccionado = new Date().getFullYear();\r\n        let Periodo = this.obtenerPrimerYUltimoDiaDelMes(anioSeleccionado, mesSeleccionado);\r\n        await this.getData(Periodo.primerDia, Periodo.ultimoDia);\r\n        this.$isLoading(false);\r\n      }\r\n      if (item == 2) {\r\n        console.log(this.paciente);\r\n        if (this.paciente != null && this.profesional == null && this.sucursal == null) {\r\n          console.log(this.paciente);\r\n          this.listaItems = this.listaItemsbk.filter((x) => x.pacienteNombre == this.paciente);\r\n        }\r\n        if (this.paciente != null && this.profesional != null && this.sucursal == null) {\r\n          console.log(this.paciente);\r\n          this.listaItems = this.listaItemsbk.filter((x) => x.pacienteNombre == this.paciente && x.profesionalNombre == this.profesional);\r\n        }\r\n        if (this.paciente != null && this.profesional != null && this.sucursal != null) {\r\n          console.log(this.paciente);\r\n          this.listaItems = this.listaItemsbk.filter((x) => x.pacienteNombre == this.paciente && x.profesionalNombre == this.profesional && x.sucursalPpto == this.sucursal);\r\n        }\r\n\r\n        if (this.paciente == null && this.profesional != null && this.sucursal == null) {\r\n          this.listaItems = this.listaItemsbk.filter((x) => x.profesionalNombre == this.profesional);\r\n        }\r\n        if (this.paciente == null && this.profesional != null && this.sucursal != null) {\r\n          this.listaItems = this.listaItemsbk.filter((x) => x.profesionalNombre == this.profesional && x.sucursalPpto == this.sucursal);\r\n        }\r\n\r\n        if (this.paciente == null && this.profesional == null && this.sucursal != null) {\r\n          this.listaItems = this.listaItemsbk.filter((x) => x.sucursalPpto == this.sucursal);\r\n        }\r\n        if (this.paciente != null && this.profesional == null && this.sucursal != null) {\r\n          this.listaItems = this.listaItemsbk.filter((x) => x.pacienteNombre == this.paciente && x.sucursalPpto == this.sucursal);\r\n        }\r\n      }\r\n      // this.$nextTick(function () {\r\n      //   if (!window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n      //     window.$(\"#datatable_registroServicios\").DataTable();\r\n      //   }\r\n      // });\r\n      // this.$nextTick(function () {\r\n      //   window.$(\"#datatable_registroServicios\").DataTable();\r\n      // });\r\n    },\r\n    obtenerPrimerYUltimoDiaDelMes(anio, mes) {\r\n      // El mes en JavaScript es base 0, por lo que enero es 0 y diciembre es 11\r\n      const primerDia = new Date(anio, mes, 1);\r\n      const ultimoDia = new Date(anio, mes + 1, 0); // El día 0 del mes siguiente es el último día del mes actual\r\n\r\n      return {\r\n        primerDia: primerDia.toISOString().split(\"T\")[0], // Formato YYYY-MM-DD\r\n        ultimoDia: ultimoDia.toISOString().split(\"T\")[0],\r\n      };\r\n    },\r\n    async getData() {\r\n      try {\r\n        if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n          window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n        }\r\n        this.listaItems = [];\r\n        // console.log(\"getdata dentisalud\", Periodo);\r\n        let res = await this.$store.dispatch(\"denti_get\", {\r\n          path: \"Porcentajes/ListaPorcentajes/\",\r\n        });\r\n        console.log(\"res dentisalud \", res);\r\n        this.listaItems = res.length > 0 ? res : [];\r\n        if (this.listaItems.length > 0) {\r\n          this.listaItems = this.listaItems.map((item) => ({\r\n            ...item,\r\n            valorPrestacionSub: Number(item.valorPrestacion) - Number(item.valorPrestacion) * Number(item.porcentaje),\r\n          }));\r\n        }\r\n        this.listaItemsbk = this.listaItems;\r\n\r\n        this.listaPacientes = res.map((p) => p.pacienteNombre).filter((nombre, index, self) => self.indexOf(nombre) === index);\r\n\r\n        console.log(\"listapacientes\", this.listaPacientes);\r\n\r\n        this.listaPacientes.sort((a, b) => {\r\n          if (a < b) return -1;\r\n          if (a > b) return 1;\r\n          return 0;\r\n        });\r\n\r\n        this.listaProfesional = res.map((pa) => pa.profesionalNombre).filter((nombrep, indexp, selfp) => selfp.indexOf(nombrep) === indexp);\r\n        this.listaProfesional.sort((a, b) => {\r\n          if (a < b) return -1;\r\n          if (a > b) return 1;\r\n          return 0;\r\n        });\r\n        this.listaSucursal = res.map((pa) => pa.sucursalPpto).filter((nombrep, indexp, selfp) => selfp.indexOf(nombrep) === indexp);\r\n        this.listaSucursal.sort((a, b) => {\r\n          if (a < b) return -1;\r\n          if (a > b) return 1;\r\n          return 0;\r\n        });\r\n\r\n        // console.log(\"pacientes \", this.listaPacientes);\r\n        // console.log(\"list registroServicios...\", res);\r\n        // if (res.success) {\r\n        //   this.listaItems = res.data.map((service) => {\r\n        //     return {\r\n        //       ...service,\r\n        //       placa: this.getPlacaVehiculo(service.placaId),\r\n        //       estado: service.fechaFin ? true : false,\r\n        //     };\r\n        //   });\r\n        //   // console.log(this.listaItems);\r\n        // } else {\r\n        //   this.listaItems = [];\r\n        // }\r\n        this.$isLoading(false);\r\n\r\n        // this.$nextTick(function () {\r\n        //   if (!window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n        //     window.$(\"#datatable_registroServicios\").DataTable();\r\n        //   }\r\n        // });\r\n\r\n        // core.index();\r\n\r\n        // if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n        //   window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n        // }\r\n        // this.dataTableInstance = window.$(\"#datatable_registroServicios\").DataTable({\r\n        //   language: {\r\n        //     url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n        //   },\r\n        // });\r\n        // this.$forceUpdate();\r\n      } catch (error) {\r\n        this.$isLoading(false);\r\n\r\n        this.listaItems = [];\r\n        console.log(\"err dentisalud \", error);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped></style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Porcentajes.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Porcentajes.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Porcentajes.vue?vue&type=template&id=048953ea&scoped=true\"\nimport script from \"./Porcentajes.vue?vue&type=script&lang=js\"\nexport * from \"./Porcentajes.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  \"048953ea\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}