{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Editar.vue?4fe9","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Editar.vue","webpack:///src/views/Helexium/Nomina/Liquidacion/Liquidacion_Editar.vue","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Editar.vue?d75a","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Editar.vue?6070","webpack:///./src/components/cardTable/CardTableV2.vue","webpack:///src/components/cardTable/CardTableV2.vue","webpack:///./src/components/cardTable/CardTableV2.vue?66a5","webpack:///./src/components/cardTable/CardTableV2.vue?9838","webpack:///./src/components/cardTable/CardTableV2.vue?c182"],"names":["render","_vm","this","_c","_self","attrs","staticClass","staticStyle","_v","_l","nominaLiquidacionPersonaDetalle","itemTable","key","id","_s","fechaInicio","$moment","format","fechaFin","concepto","Number","baseLiquida","toLocaleString","style","currency","porcentajeTrabajador","valorTrabajador","porcentajeEmpleador","valorEmpleador","tDev","tDed","reduce","prev","curr","on","$event","nuevoItem","$bvModal","hide","preventDefault","saveData","apply","arguments","scopedSlots","_u","fn","proxy","directives","name","rawName","value","item","expression","domProps","target","composing","$set","tipoLiquidacion","dataCards","recalculaLiquida","liquidarNomina","listaLiquidacionPersona","length","dataId","liquidado","persona","cambiarEstadoPersona","model","estado","callback","$$v","_e","nombres","segundoNombre","apellidos","segundoApellido","numeroDocumento","salario","totalIngresosAdicionales","totalDeducciones","totalPago","modalDetalle","$router","push","staticRenderFns","Swal","require","components","CardTable","data","usuario","rol","nivel","selected","CantidadEmpleados","TotalSalarios","TotalPagosAdicionales","TotalDeducciones","TotalCostos","TotalAPagar","EmpresaId","SucursalId","Descripcion","Estado","ListEmpresas","ListSucursales","listaItems","listaEmpleados","nominaConfiguracion","listaDeducciones","listaDevengados","listaLiquidacionPersonaDetalle","usuarioSeleccionado","porcenta","porcenta2","porcenta3","valporcenta","valporcenta2","valporcenta3","title","empleadosActivos","iconName","color","tipo","animated","salarioEmpleadosActivos","pagosAdicionales","deducciones","totalAPagar","$isLoading","JSON","parse","localStorage","getItem","empresa","$route","params","getData","getEmpleados","getNominaConfiguracion","getDeducciones","getDevengados","core","index","window","$","DataTable","language","url","computed","filter","x","empleados","methods","$store","dispatch","path","e","dataLiquidaPersona","Id","liquidacionId","PersonaId","Salario","TotalPago","MetodoPago","DiasLiquidados","diasLiquidados","ActualizaTotalesNominaLiquidacion","empleadosALiquidar","map","y","fire","empresaId","$forceUpdate","salarios","it","itemDetalle","tipoNovedadId","filtroDev","conceptoId","descripcion","filtroDed","dataModalDetalle","show","error","res","tz","resLiquidaPersona","component","card","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","class","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","evaluateValue","props","type","Array","default","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","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"],"mappings":"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","file":"js/chunk-4ff74831.df48ad6ff7e4bb60a3a1.js","sourcesContent":["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!./Liquidacion_Editar.vue?vue&type=style&index=0&id=4e7849d8&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-modal',{attrs:{\"title\":'Liquidación',\"id\":\"miModalDetalle\",\"size\":\"xl\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"row px-5\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"m-4 table-responsive\",staticStyle:{\"height\":\"50vh\",\"overflow\":\"scroll\"}},[_c('table',{staticClass:\"table\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Fecha inicio\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Fecha fin\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Concepto\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"base liquida\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"porcentaje trabajador\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"valor trabajador\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"porcentaje empleador\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"valor empleador\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Devengado\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Deducción\")])])]),_vm._l((_vm.nominaLiquidacionPersonaDetalle),function(itemTable){return _c('tbody',{key:itemTable.id},[_c('tr',[_c('td',[_vm._v(\" \"+_vm._s(itemTable.fechaInicio != null ? _vm.$moment(itemTable.fechaInicio).format( \"DD-MM-YYYY HH:mm\" ) : \"--\")+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(itemTable.fechaFin != null ? _vm.$moment(itemTable.fechaFin).format(\"DD-MM-YYYY HH:mm\") : \"--\")+\" \")]),_c('td',[_vm._v(_vm._s(itemTable.concepto))]),_c('td',[_vm._v(\" \"+_vm._s(Number(itemTable.baseLiquida).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(Number(itemTable.porcentajeTrabajador).toLocaleString( \"es\" ))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(Number(itemTable.valorTrabajador).toLocaleString( \"es-CO\", { style: \"currency\", currency: \"COP\", } ))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(Number(itemTable.porcentajeEmpleador).toLocaleString(\"es\"))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(Number(itemTable.valorEmpleador).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(itemTable.tDev ? Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }) : 0)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(itemTable.tDed ? Number(itemTable.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }) : 0)+\" \")]),_c('td')])])})],2)]),_c('div',{staticClass:\"row mb-3\"},[_c('div',{staticClass:\"col 6\"},[_vm._v(\" Devengados: \"+_vm._s(_vm.nominaLiquidacionPersonaDetalle .reduce((prev, curr) => prev + Number(curr.tDev), 0) .toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")]),_c('div',{staticClass:\"col 6\"},[_vm._v(\" Deducciones: \"+_vm._s(_vm.nominaLiquidacionPersonaDetalle .reduce((prev, curr) => prev + Number(curr.tDed), 0) .toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")]),_c('div',{staticClass:\"col 6\"},[_vm._v(\" Total: \"+_vm._s(( _vm.nominaLiquidacionPersonaDetalle.reduce( (prev, curr) => prev + Number(curr.tDev), 0 ) - _vm.nominaLiquidacionPersonaDetalle.reduce( (prev, curr) => prev + Number(curr.tDed), 0 ) ).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")])]),_c('div',{staticClass:\"text-right px-5 pb-4\"})])]),_c('div',{staticClass:\"w-100 text-right\"},[_c('button',{staticClass:\"mx-1 btn px-4 py-2 btn-success\",on:{\"click\":function($event){_vm.nuevoItem = {};\n          _vm.$bvModal.hide('miModalDetalle');}}},[_vm._v(\" Cerrar \")])])]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.saveData.apply(null, arguments)}}},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return undefined},proxy:true}])},[_c('h4',{staticClass:\"px-4 py-4\"},[_c('b',[_vm._v(\"Nueva Liquidación nómina\")])]),_c('div',{staticClass:\"row px-5 mb-4\"},[_c('div',{staticClass:\"col-md-6\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\" Período de Liquidación \")]),_c('div',[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Fecha inicio\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.item.fechaInicio),expression:\"item.fechaInicio\"}],staticClass:\"form-control\",attrs:{\"readonly\":\"\",\"required\":\"\",\"placeholder\":\"\",\"type\":\"date\",\"id\":\" \"},domProps:{\"value\":(_vm.item.fechaInicio)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.item, \"fechaInicio\", $event.target.value)}}})])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"mt-4\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Fecha fin\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.item.fechaFin),expression:\"item.fechaFin\"}],staticClass:\"form-control\",attrs:{\"readonly\":\"\",\"required\":\"\",\"placeholder\":\"\",\"type\":\"date\",\"id\":\" \"},domProps:{\"value\":(_vm.item.fechaFin)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.item, \"fechaFin\", $event.target.value)}}})])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"mt-4\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Tipo de Liquidación\")]),_c('input',{staticClass:\"form-control\",attrs:{\"disabled\":\"\",\"required\":\"\",\"placeholder\":\"\",\"type\":\"text\",\"id\":\" \"},domProps:{\"value\":_vm.item.tipoLiquidacion == 1\n                      ? 'Primer semestre'\n                      : _vm.item.tipoLiquidacion == 2\n                      ? 'Último semestre / Navideña'\n                      : 'Nómina'}})])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"mt-4\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Estado\")]),_c('input',{staticClass:\"form-control\",attrs:{\"disabled\":\"\",\"required\":\"\",\"placeholder\":\"\",\"type\":\"text\",\"id\":\" \"},domProps:{\"value\":'por liquidar'}})])])])]),_c('div',{staticClass:\"px-5\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1)])]),_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return undefined},proxy:true}])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-3 ml-5 mt-4 d-flex\"},[_c('vs-button',{on:{\"click\":function($event){$event.preventDefault();return _vm.recalculaLiquida()}}},[_vm._v(\"Recalcular liquidación\")]),_c('vs-button',{attrs:{\"danger\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.liquidarNomina()}}},[_vm._v(\"Liquidar Nómina\")])],1)]),_c('div',{staticClass:\"row px-5 mb-4 mt-4\"},[(_vm.listaLiquidacionPersona.length > 0)?_c('div',{staticClass:\"table-responsive px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_empleados\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Liquidar\")]),_c('th',[_vm._v(\"Nombre\")]),_c('th',[_vm._v(\"Identificación\")]),_c('th',[_vm._v(\"Salario\")]),_c('th',[_vm._v(\"Pagos adicionales\")]),_c('th',[_vm._v(\"Deducciones\")]),_c('th',[_vm._v(\"Total a pagar\")]),_c('th',[_vm._v(\"Opciones\")])])]),_c('tbody',_vm._l((_vm.listaLiquidacionPersona),function(item){return _c('tr',{key:item.dataId},[_c('td',[_vm._v(\" \"+_vm._s(item.liquidado == true ? \"Liquidado\" : \"\")+\" \"),(\n                          item.liquidado == null || item.liquidado != true\n                        )?_c('b-form-checkbox',{attrs:{\"id\":'checkbox-1' + item.persona.id,\"name\":'checkbox-1' + item.persona.id,\"value\":\"0\",\"unchecked-value\":\"-1\"},on:{\"change\":function($event){return _vm.cambiarEstadoPersona(item, $event)}},model:{value:(item.estado),callback:function ($$v) {_vm.$set(item, \"estado\", $$v)},expression:\"item.estado\"}}):_vm._e()],1),_c('td',[_vm._v(\" \"+_vm._s(item.persona.nombres + \" \" + (item.persona.segundoNombre != null ? item.persona.segundoNombre : \"\") + \" \" + item.persona.apellidos + \" \" + (item.persona.segundoApellido != null ? item.persona.segundoApellido : \"\"))+\" \")]),_c('td',[_vm._v(_vm._s(item.persona.numeroDocumento))]),_c('td',[_vm._v(\" \"+_vm._s(item.persona.salario != null ? item.persona.salario.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }) : (0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.totalIngresosAdicionales.toLocaleString( \"es-CO\", { style: \"currency\", currency: \"COP\", } ))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.totalDeducciones.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.totalPago.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\", }))+\" \")]),_c('td',[(item.estado != -1)?_c('span',{staticClass:\"pointer\"},[_c('i',{staticClass:\"fas fa-solid fa-eye px-1 text-success mr-2\",on:{\"click\":function($event){return _vm.modalDetalle(item)}}}),_c('i',{staticClass:\"fas fa-solid fa-file px-1 text-success mr-2\",on:{\"click\":function($event){return _vm.$router.push(\n                              '/helex/liquidacioneditardetalle/' +\n                                _vm.id +\n                                '/' +\n                                item.persona.id\n                            )}}})]):_vm._e()])])}),0)])]):_vm._e()])])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\r\n    <!-- modal lista items empleado -->\r\n    <!-- :title=\"usuarioSeleccionado != null ? 'Liquidación de ' + usuarioSeleccionado.persona.nombres + ' ' + usuarioSeleccionado.persona.apellidos : ''\" -->\r\n    <b-modal :title=\"'Liquidación'\" id=\"miModalDetalle\" size=\"xl\" hide-footer>\r\n      <div class=\"row px-5\">\r\n        <div class=\"col-md-12\">\r\n          <!-- {{nominaLiquidacionPersonaDetalle}} -->\r\n          <div\r\n            class=\"m-4 table-responsive\"\r\n            style=\"height: 50vh; overflow: scroll\"\r\n          >\r\n            <table class=\"table\">\r\n              <thead>\r\n                <tr>\r\n                  <!-- <th scope=\"col\">conceptoId</th> -->\r\n                  <th scope=\"col\">Fecha inicio</th>\r\n                  <th scope=\"col\">Fecha fin</th>\r\n                  <th scope=\"col\">Concepto</th>\r\n                  <th scope=\"col\">base liquida</th>\r\n                  <th scope=\"col\">porcentaje trabajador</th>\r\n                  <th scope=\"col\">valor trabajador</th>\r\n                  <th scope=\"col\">porcentaje empleador</th>\r\n                  <th scope=\"col\">valor empleador</th>\r\n                  <th scope=\"col\">Devengado</th>\r\n                  <th scope=\"col\">Deducción</th>\r\n                  <!-- <th scope=\"col\">Opciones</th> -->\r\n                </tr>\r\n              </thead>\r\n              <tbody\r\n                v-for=\"itemTable of nominaLiquidacionPersonaDetalle\"\r\n                :key=\"itemTable.id\"\r\n              >\r\n                <tr>\r\n                  <!-- <th scope=\"row\">{{ itemTable.conceptoId }}</th> -->\r\n                  <td>\r\n                    {{\r\n                      itemTable.fechaInicio != null\r\n                        ? $moment(itemTable.fechaInicio).format(\r\n                            \"DD-MM-YYYY HH:mm\"\r\n                          )\r\n                        : \"--\"\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      itemTable.fechaFin != null\r\n                        ? $moment(itemTable.fechaFin).format(\"DD-MM-YYYY HH:mm\")\r\n                        : \"--\"\r\n                    }}\r\n                  </td>\r\n\r\n                  <td>{{ itemTable.concepto }}</td>\r\n                  <td>\r\n                    {{\r\n                      Number(itemTable.baseLiquida).toLocaleString(\"es-CO\", {\r\n                        style: \"currency\",\r\n                        currency: \"COP\",\r\n                      })\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      Number(itemTable.porcentajeTrabajador).toLocaleString(\r\n                        \"es\"\r\n                      )\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      Number(itemTable.valorTrabajador).toLocaleString(\r\n                        \"es-CO\",\r\n                        {\r\n                          style: \"currency\",\r\n                          currency: \"COP\",\r\n                        }\r\n                      )\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      Number(itemTable.porcentajeEmpleador).toLocaleString(\"es\")\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      Number(itemTable.valorEmpleador).toLocaleString(\"es-CO\", {\r\n                        style: \"currency\",\r\n                        currency: \"COP\",\r\n                      })\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      itemTable.tDev\r\n                        ? Number(itemTable.tDev).toLocaleString(\"es-CO\", {\r\n                            style: \"currency\",\r\n                            currency: \"COP\",\r\n                          })\r\n                        : 0\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      itemTable.tDed\r\n                        ? Number(itemTable.tDed).toLocaleString(\"es-CO\", {\r\n                            style: \"currency\",\r\n                            currency: \"COP\",\r\n                          })\r\n                        : 0\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    <!-- <i\r\n                      v-if=\"!['Salario', 'Auxilio de transporte', , 'Salud', 'Fondo de pensión'].includes(itemTable.concepto)\"\r\n                      @click=\"eliminarItem(itemTable)\"\r\n                      class=\"fas fa-solid fa-trash px-1 text-danger\"\r\n                    ></i> -->\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"row mb-3\">\r\n            <div class=\"col 6\">\r\n              Devengados:\r\n              {{\r\n                nominaLiquidacionPersonaDetalle\r\n                  .reduce((prev, curr) => prev + Number(curr.tDev), 0)\r\n                  .toLocaleString(\"es-CO\", {\r\n                    style: \"currency\",\r\n                    currency: \"COP\",\r\n                  })\r\n              }}\r\n            </div>\r\n            <div class=\"col 6\">\r\n              Deducciones:\r\n              {{\r\n                nominaLiquidacionPersonaDetalle\r\n                  .reduce((prev, curr) => prev + Number(curr.tDed), 0)\r\n                  .toLocaleString(\"es-CO\", {\r\n                    style: \"currency\",\r\n                    currency: \"COP\",\r\n                  })\r\n              }}\r\n            </div>\r\n            <div class=\"col 6\">\r\n              Total:\r\n              {{\r\n                (\r\n                  nominaLiquidacionPersonaDetalle.reduce(\r\n                    (prev, curr) => prev + Number(curr.tDev),\r\n                    0\r\n                  ) -\r\n                  nominaLiquidacionPersonaDetalle.reduce(\r\n                    (prev, curr) => prev + Number(curr.tDed),\r\n                    0\r\n                  )\r\n                ).toLocaleString(\"es-CO\", {\r\n                  style: \"currency\",\r\n                  currency: \"COP\",\r\n                })\r\n              }}\r\n            </div>\r\n          </div>\r\n          <div class=\"text-right px-5 pb-4\">\r\n            <!-- <button @click.prevent=\"guardarDataUsuario()\" type=\"button\" class=\"mx-1 btn px-4 py-2 btn-primary\">Guardar</button>\r\n              <button class=\"mx-1 btn px-4 py-2 btn-secondary\" @click=\"$router.push('/helex/numeraciones')\">Cancelar</button> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- <template #modal-footer> -->\r\n      <div class=\"w-100 text-right\">\r\n        <!-- <button :hidden=\"item.tipoLiquidacion == 1 || item.tipoLiquidacion == 2\" class=\"mx-1 btn px-4 py-2 btn-primary\" @click=\"$bvModal.show('my-modalDevengados')\">\r\n          Devengados\r\n        </button>\r\n        <button :hidden=\"item.tipoLiquidacion == 1 || item.tipoLiquidacion == 2\" class=\"mx-1 btn px-4 py-2 btn-secondary\" @click=\"$bvModal.show('my-modalDeducciones')\">\r\n          Deducciones\r\n        </button> -->\r\n        <button\r\n          class=\"mx-1 btn px-4 py-2 btn-success\"\r\n          @click=\"\r\n            nuevoItem = {};\r\n            $bvModal.hide('miModalDetalle');\r\n          \"\r\n        >\r\n          Cerrar\r\n        </button>\r\n      </div>\r\n      <!-- </template> -->\r\n    </b-modal>\r\n\r\n    <form @submit.prevent=\"saveData\">\r\n      <b-row>\r\n        <b-col sm=\"12\">\r\n          <card>\r\n            <h4 class=\"px-4 py-4\"><b>Nueva Liquidación nómina</b></h4>\r\n            <template v-slot:headerTitle></template>\r\n            <div class=\"row px-5 mb-4\">\r\n              <div class=\"col-md-6\">\r\n                <label for=\" \" class=\"form-label\">\r\n                  Período de Liquidación\r\n                </label>\r\n                <div>\r\n                  <!-- :readonly=\"item.tipoLiquidacion == 1 || item.tipoLiquidacion == 2\" -->\r\n                  <label for=\" \" class=\"form-label\">Fecha inicio</label>\r\n                  <input\r\n                    readonly\r\n                    required\r\n                    v-model=\"item.fechaInicio\"\r\n                    placeholder=\"\"\r\n                    type=\"date\"\r\n                    class=\"form-control\"\r\n                    id=\" \"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <div class=\"mt-4\">\r\n                  <label for=\" \" class=\"form-label\">Fecha fin</label>\r\n                  <!-- :readonly=\"item.tipoLiquidacion == 1 || item.tipoLiquidacion == 2\" -->\r\n                  <input\r\n                    readonly\r\n                    v-model=\"item.fechaFin\"\r\n                    required\r\n                    placeholder=\"\"\r\n                    type=\"date\"\r\n                    class=\"form-control\"\r\n                    id=\" \"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <div class=\"mt-4\">\r\n                  <label for=\" \" class=\"form-label\">Tipo de Liquidación</label>\r\n                  <input\r\n                    disabled\r\n                    :value=\"\r\n                      item.tipoLiquidacion == 1\r\n                        ? 'Primer semestre'\r\n                        : item.tipoLiquidacion == 2\r\n                        ? 'Último semestre / Navideña'\r\n                        : 'Nómina'\r\n                    \"\r\n                    required\r\n                    placeholder=\"\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    id=\" \"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <div class=\"mt-4\">\r\n                  <label for=\" \" class=\"form-label\">Estado</label>\r\n                  <input\r\n                    disabled\r\n                    :value=\"'por liquidar'\"\r\n                    required\r\n                    placeholder=\"\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                    id=\" \"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </card>\r\n\r\n          <!-- <template v-slot:headerTitle> </template> -->\r\n          <div class=\"px-5\">\r\n            <div class=\"row\">\r\n              <div class=\"col-12\">\r\n                <CardTable :data=\"dataCards\" />\r\n              </div>\r\n              <!-- <div class=\"col-12 col-md\">\r\n                  <BtnAddCardTable text=\"Abrir Ticket\" url=\"AgregarTickets\" />\r\n                </div> -->\r\n            </div>\r\n          </div>\r\n\r\n          <!-- empleados -->\r\n          <card>\r\n            <!-- <h4 class=\"px-4 py-4\"><b>Empleados/as</b></h4>\r\n            <p class=\"px-4\">Gestiona la información de tus empleados/as que vas a tener en cuenta para liquidar la nómina de este período.</p> -->\r\n            <div class=\"row\">\r\n              <div class=\"col-3 ml-5 mt-4 d-flex\">\r\n                <!-- <button @click.prevent=\"showModalEmpleados()\" class=\"btn px-4 py-2 btn-primary\">Agregar empleados</button> -->\r\n                <vs-button @click.prevent=\"recalculaLiquida()\"\r\n                  >Recalcular liquidación</vs-button\r\n                >\r\n                <vs-button @click.prevent=\"liquidarNomina()\" danger\r\n                  >Liquidar Nómina</vs-button\r\n                >\r\n              </div>\r\n            </div>\r\n\r\n            <template v-slot:headerTitle></template>\r\n            <div class=\"row px-5 mb-4 mt-4\">\r\n              <div\r\n                class=\"table-responsive px-4 mt-3\"\r\n                v-if=\"listaLiquidacionPersona.length > 0\"\r\n              >\r\n                <table\r\n                  id=\"datatable_empleados\"\r\n                  class=\"table table-bordered table-responsive-md table-striped text-center\"\r\n                >\r\n                  <thead>\r\n                    <tr>\r\n                      <th>Liquidar</th>\r\n                      <th>Nombre</th>\r\n                      <th>Identificación</th>\r\n                      <th>Salario</th>\r\n                      <th>Pagos adicionales</th>\r\n                      <th>Deducciones</th>\r\n                      <th>Total a pagar</th>\r\n                      <th>Opciones</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr\r\n                      v-for=\"item in listaLiquidacionPersona\"\r\n                      :key=\"item.dataId\"\r\n                    >\r\n                      <td>\r\n                        {{ item.liquidado == true ? \"Liquidado\" : \"\" }}\r\n                        <b-form-checkbox\r\n                          v-if=\"\r\n                            item.liquidado == null || item.liquidado != true\r\n                          \"\r\n                          @change=\"cambiarEstadoPersona(item, $event)\"\r\n                          :id=\"'checkbox-1' + item.persona.id\"\r\n                          v-model=\"item.estado\"\r\n                          :name=\"'checkbox-1' + item.persona.id\"\r\n                          value=\"0\"\r\n                          unchecked-value=\"-1\"\r\n                        >\r\n                        </b-form-checkbox>\r\n                      </td>\r\n                      <td>\r\n                        {{\r\n                          item.persona.nombres +\r\n                          \" \" +\r\n                          (item.persona.segundoNombre != null\r\n                            ? item.persona.segundoNombre\r\n                            : \"\") +\r\n                          \" \" +\r\n                          item.persona.apellidos +\r\n                          \" \" +\r\n                          (item.persona.segundoApellido != null\r\n                            ? item.persona.segundoApellido\r\n                            : \"\")\r\n                        }}\r\n                      </td>\r\n                      <td>{{ item.persona.numeroDocumento }}</td>\r\n                      <td>\r\n                        {{\r\n                          item.persona.salario != null\r\n                            ? item.persona.salario.toLocaleString(\"es-CO\", {\r\n                                style: \"currency\",\r\n                                currency: \"COP\",\r\n                              })\r\n                            : (0).toLocaleString(\"es-CO\", {\r\n                                style: \"currency\",\r\n                                currency: \"COP\",\r\n                              })\r\n                        }}\r\n                      </td>\r\n                      <td>\r\n                        {{\r\n                          item.totalIngresosAdicionales.toLocaleString(\r\n                            \"es-CO\",\r\n                            {\r\n                              style: \"currency\",\r\n                              currency: \"COP\",\r\n                            }\r\n                          )\r\n                        }}\r\n                      </td>\r\n                      <td>\r\n                        {{\r\n                          item.totalDeducciones.toLocaleString(\"es-CO\", {\r\n                            style: \"currency\",\r\n                            currency: \"COP\",\r\n                          })\r\n                        }}\r\n                      </td>\r\n                      <td>\r\n                        {{\r\n                          item.totalPago.toLocaleString(\"es-CO\", {\r\n                            style: \"currency\",\r\n                            currency: \"COP\",\r\n                          })\r\n                        }}\r\n                      </td>\r\n                      <td>\r\n                        <span class=\"pointer\" v-if=\"item.estado != -1\">\r\n                          <!-- <i\r\n                            @click=\"\r\n                              $bvModal.show('my-modalDevengados');\r\n                              usuarioSeleccionado = item;\r\n                            \"\r\n                            class=\"fas fa-solid fa-plus px-1 text-success mr-2\"\r\n                          ></i>\r\n                          <i\r\n                            @click=\"\r\n                              $bvModal.show('my-modalDeducciones');\r\n                              usuarioSeleccionado = item;\r\n                            \"\r\n                            class=\"fas fa-solid fa-minus px-1 text-red mr-2\"\r\n                          ></i> -->\r\n                          <!-- <i @click=\"$router.push('departamentos_editar/' + item.id)\" class=\"fas fa-solid fa-pen px-1 text-success mr-2\"></i> -->\r\n                          <i\r\n                            @click=\"modalDetalle(item)\"\r\n                            class=\"fas fa-solid fa-eye px-1 text-success mr-2\"\r\n                          ></i>\r\n                          <i\r\n                            @click=\"\r\n                              $router.push(\r\n                                '/helex/liquidacioneditardetalle/' +\r\n                                  id +\r\n                                  '/' +\r\n                                  item.persona.id\r\n                              )\r\n                            \"\r\n                            class=\"fas fa-solid fa-file px-1 text-success mr-2\"\r\n                          ></i>\r\n                          <!-- <i @click=\"deleteRow(item.id)\" class=\"fas fa-solid fa-trash px-1 text-danger\"></i> -->\r\n                        </span>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </div>\r\n          </card>\r\n        </b-col>\r\n      </b-row>\r\n      <!--<div class=\"text-right px-5 pb-4\">\r\n        <button type=\"submit\" class=\"mx-1 btn px-4 py-2 btn-primary\">Guardar</button>\r\n        <button class=\"mx-1 btn px-4 py-2 btn-secondary\" @click=\"$router.push('/helex/numeraciones')\">Cancelar</button>\r\n      </div>-->\r\n    </form>\r\n  </b-container>\r\n</template>\r\n<script>\r\nimport { core } from \"../../../../config/pluginInit\";\r\nimport CardTable from \"../../../../components/cardTable/CardTableV2.vue\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nexport default {\r\n  components: {\r\n    CardTable,\r\n  },\r\n  name: \"DataTable\",\r\n  data() {\r\n    return {\r\n      usuario: { rol: { nivel: 0 } },\r\n      id: \"\",\r\n      selected: null,\r\n      item: {\r\n        fechaInicio: null, //this.$moment.tz(new Date(), \"America/Costa_Rica\").format(\"YYYY-MM-DD\"),\r\n        fechaFin: null, //this.$moment.tz(new Date(), \"America/Costa_Rica\").format(\"YYYY-MM-DD\"),\r\n        CantidadEmpleados: 0.0,\r\n        TotalSalarios: 0,\r\n        TotalPagosAdicionales: 0, ///<-----\r\n        TotalDeducciones: 0,\r\n        TotalCostos: 0,\r\n        TotalAPagar: 0,\r\n        EmpresaId: \"\",\r\n        SucursalId: \"\",\r\n        Descripcion: \"\",\r\n        Estado: 1,\r\n        persona: { nombres: \"\", apellidos: \"\" },\r\n      },\r\n      ListEmpresas: [],\r\n      ListSucursales: [],\r\n      listaItems: [],\r\n      listaEmpleados: [],\r\n      nominaConfiguracion: {},\r\n      listaDeducciones: [],\r\n      listaDevengados: [],\r\n      listaLiquidacionPersona: [],\r\n      listaLiquidacionPersonaDetalle: [],\r\n      nominaLiquidacionPersonaDetalle: [],\r\n      nuevoItem: {},\r\n      usuarioSeleccionado: null,\r\n      porcenta: 0.75,\r\n      porcenta2: 1.1,\r\n      porcenta3: 1,\r\n      valporcenta: 1,\r\n      valporcenta2: 1,\r\n      valporcenta3: 1,\r\n      dataCards: [\r\n        {\r\n          title: \"Empleados\",\r\n          value: () => this.empleadosActivos,\r\n          iconName: \"users\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n        },\r\n\r\n        {\r\n          title: \"Salarios\",\r\n          // value: () => this.listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.salario), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }),\r\n          value: () => this.salarioEmpleadosActivos,\r\n\r\n          iconName: \"money-bill-1\",\r\n          color: \"rgba(71, 136, 255, 1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n        },\r\n        {\r\n          title: \"Pagos adicionales\",\r\n          // value: () =>\r\n          //   this.listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalIngresosAdicionales), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }),\r\n          value: () => this.pagosAdicionales,\r\n          iconName: \"hand-point-up\",\r\n          color: \"rgba(71,136,255,1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n        },\r\n        {\r\n          title: \"Deducciones\",\r\n          // value: () => this.listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalDeducciones), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }),\r\n          value: () => this.deducciones,\r\n          iconName: \"hand-point-down\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n        },\r\n        {\r\n          title: \"Total a pagar\",\r\n          // value: () => this.listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalPago), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }),\r\n          value: () => this.totalAPagar,\r\n          iconName: \"hand-holding-dollar\",\r\n          color: \"rgba(71, 136, 255, 1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n        },\r\n        // {\r\n        //   title: \"Total Costo\",\r\n        //   value: () =>\r\n        //   this.listaItems.filter(\r\n        //       (tick) => tick.prioridad == 1\r\n        //     ).length,\r\n        //   iconName: \"hand-point-up\",\r\n        //   color: \"rgba(71, 136, 255, 1)\",\r\n        //   tipo: \"shield\",\r\n        //   animated: \"bounce\",\r\n        //   onActivate: () => {\r\n        //     this.dataTableInstance.search(\"Baja\").draw();\r\n        //     console.log(\"Activated\");\r\n        //   },\r\n        //   onDeactivate: () => {\r\n        //     this.dataTableInstance.search(\"\").draw();\r\n        //     console.log(\"Deactivate\");\r\n        //   },\r\n        // },\r\n      ],\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.usuario = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    this.item.EmpresaId = this.usuario.empresa.id;\r\n\r\n    this.id = this.$route.params.id;\r\n    await this.getData();\r\n    await this.getEmpleados();\r\n    await this.getNominaConfiguracion();\r\n    await this.getDeducciones();\r\n    await this.getDevengados();\r\n    // await this.getEmpresas();\r\n    // await this.getSucursalEmpresa();\r\n    core.index();\r\n    window.$(\"#datatable_empleados\").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    window.$(\"#datatable_empleados2\").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.$isLoading(false);\r\n  },\r\n  computed: {\r\n    empleadosActivos() {\r\n      return this.listaLiquidacionPersona.filter((x) => x.estado == 0).length;\r\n    },\r\n    salarioEmpleadosActivos() {\r\n      let empleados = this.listaLiquidacionPersona.filter((x) => x.estado == 0);\r\n\r\n      return empleados\r\n        .reduce((prev, curr) => prev + Number(curr.salario), 0)\r\n        .toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" });\r\n    },\r\n    pagosAdicionales() {\r\n      let empleados = this.listaLiquidacionPersona.filter((x) => x.estado == 0);\r\n      return empleados\r\n        .reduce((prev, curr) => prev + Number(curr.totalIngresosAdicionales), 0)\r\n        .toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" });\r\n    },\r\n    deducciones() {\r\n      let empleados = this.listaLiquidacionPersona.filter((x) => x.estado == 0);\r\n      return empleados\r\n        .reduce((prev, curr) => prev + Number(curr.totalDeducciones), 0)\r\n        .toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" });\r\n    },\r\n    totalAPagar() {\r\n      let empleados = this.listaLiquidacionPersona.filter((x) => x.estado == 0);\r\n      return empleados\r\n        .reduce((prev, curr) => prev + Number(curr.totalPago), 0)\r\n        .toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" });\r\n    },\r\n  },\r\n  methods: {\r\n    async ActualizaTotalesNominaLiquidacion() {\r\n      await this.$store.dispatch(\"hl_post\", {\r\n        path: \"NominaLiquidacion/ActualizaTotalesNominaLiquidacion/\" + this.id,\r\n      });\r\n    },\r\n    async cambiarEstadoPersona(item, e) {\r\n      // alert(item.persona.id);\r\n      // alert(e);\r\n      // console.log(\"item\", item);\r\n      let dataLiquidaPersona = {\r\n        Id: item.id,\r\n        liquidacionId: item.liquidacionId,\r\n        PersonaId: item.persona.id,\r\n        Estado: e,\r\n        Salario: Number(item.persona.salario),\r\n        totalIngresosAdicionales: Number(item.totalIngresosAdicionales),\r\n        TotalDeducciones: Number(item.totalDeducciones),\r\n        TotalPago: Number(item.totalPago),\r\n        MetodoPago: Number(item.MetodoPago),\r\n        DiasLiquidados: Number(item.diasLiquidados),\r\n      };\r\n      console.log(dataLiquidaPersona);\r\n      await this.$store.dispatch(\"hl_post\", {\r\n        path: \"NominaLiquidacion/NominaLiquidacionPersona\",\r\n        data: dataLiquidaPersona,\r\n      });\r\n      this.ActualizaTotalesNominaLiquidacion();\r\n    },\r\n    async liquidarNomina() {\r\n      this.$isLoading(true);\r\n      //crear lista con empleados activos\r\n\r\n      let empleadosALiquidar = this.listaLiquidacionPersona\r\n        .filter((x) => x.estado == 0)\r\n        .map((y) => y);\r\n      console.log(\"lista de empleados a liquidar\", empleadosALiquidar);\r\n      let path = \"NominaLiquidacion/LiquidarPersonas/\";\r\n      await this.$store.dispatch(\"hl_post\", {\r\n        path: path,\r\n        data: empleadosALiquidar,\r\n      });\r\n      // this.$isLoading(false);\r\n      // await this.getData();\r\n      // await this.getEmpleados();\r\n      // this.ActualizaTotalesNominaLiquidacion();\r\n      // this.$forceUpdate();\r\n      this.$isLoading(false);\r\n      Swal.fire(\"Listo!\", \"Liquidación procesada correctamente!.\", \"success\");\r\n    },\r\n    async recalculaLiquida() {\r\n      this.$isLoading(true);\r\n\r\n      let path =\r\n        \"NominaLiquidacion/CrearNominaLiquidacionAutoEmpresa/\" +\r\n        this.item.tipoLiquidacion +\r\n        \"/\" +\r\n        this.item.empresaId +\r\n        \"/\" +\r\n        this.item.fechaInicio +\r\n        \"/\" +\r\n        this.item.fechaFin;\r\n      await this.$store.dispatch(\"hl_post\", {\r\n        path: path,\r\n      });\r\n      this.$isLoading(false);\r\n      await this.getData();\r\n      await this.getEmpleados();\r\n      this.ActualizaTotalesNominaLiquidacion();\r\n      this.$forceUpdate();\r\n    },\r\n    async actualizaTotalesLiquida() {\r\n      let salarios = this.listaLiquidacionPersona.reduce(\r\n        (prev, curr) => prev + Number(curr.salario),\r\n        0\r\n      );\r\n      console.log(\"salarios\", salarios);\r\n\r\n      let empleados = this.listaLiquidacionPersona.length;\r\n      console.log(empleados);\r\n\r\n      let pagosAdicionales = this.listaLiquidacionPersona.reduce(\r\n        (prev, curr) => prev + Number(curr.totalIngresosAdicionales),\r\n        0\r\n      );\r\n      console.log(pagosAdicionales);\r\n\r\n      let deducciones = this.listaLiquidacionPersona.reduce(\r\n        (prev, curr) => prev + Number(curr.totalDeducciones),\r\n        0\r\n      );\r\n      console.log(deducciones);\r\n\r\n      let totalAPagar = this.listaLiquidacionPersona.reduce(\r\n        (prev, curr) => prev + Number(curr.totalPago),\r\n        0\r\n      );\r\n      console.log(totalAPagar);\r\n\r\n      let data = {\r\n        Id: this.id,\r\n        TotalSalarios: salarios,\r\n        TotalPagosAdicionales: pagosAdicionales,\r\n        TotalDeducciones: deducciones,\r\n        TotalAPagar: totalAPagar,\r\n        CantidadEmpleados: empleados,\r\n      };\r\n      await this.$store.dispatch(\"hl_post\", {\r\n        path: \"NominaLiquidacion/NominaLiquidacion\",\r\n        data: data,\r\n      });\r\n    },\r\n\r\n    async dataModalDetalle(it) {\r\n      for await (let itemDetalle of it.nominaLiquidacionPersonaDetalle) {\r\n        if (itemDetalle.tipoNovedadId == 2) {\r\n          console.log(\"lista dev\", itemDetalle.conceptoId);\r\n          console.log(\"lista \", this.listaDevengados);\r\n\r\n          let filtroDev = this.listaDevengados.filter(\r\n            (x) => x.id == itemDetalle.conceptoId\r\n          );\r\n\r\n          console.log(\"lista dev\", filtroDev);\r\n\r\n          itemDetalle.concepto = filtroDev[0].descripcion;\r\n        }\r\n        if (itemDetalle.tipoNovedadId == 1) {\r\n          console.log(\"listadeducciones-tt \", this.listaDeducciones);\r\n          let filtroDed = this.listaDeducciones.filter(\r\n            (x) => x.id == itemDetalle.conceptoId\r\n          );\r\n          itemDetalle.concepto = filtroDed[0].descripcion;\r\n        }\r\n      }\r\n      this.nominaLiquidacionPersonaDetalle = it.nominaLiquidacionPersonaDetalle;\r\n      console.log(this.nominaLiquidacionPersonaDetalle);\r\n      this.usuarioSeleccionado = it;\r\n      console.log(\"usuario seleccionado \", it);\r\n    },\r\n    async modalDetalle(it) {\r\n      try {\r\n        await this.dataModalDetalle(it);\r\n        this.$bvModal.show(\"miModalDetalle\");\r\n      } catch (error) {\r\n        console.log(\"error\", error);\r\n      }\r\n    },\r\n\r\n    async getDevengados() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Devengado/GetDevengados/\",\r\n        });\r\n        this.listaDevengados = res;\r\n        console.log(\"list devengados\", this.listaDevengados);\r\n      } catch (error) {\r\n        this.listaDevengados = {};\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getDeducciones() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Deduccion/GetDeducciones\",\r\n        });\r\n        this.listaDeducciones = res;\r\n        console.log(\"list DEDUCCIONES **************\", this.listaDeducciones);\r\n      } catch (error) {\r\n        this.listaDeducciones = {};\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getNominaConfiguracion() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"NominaConfiguracion/GetNominaConfiguracion/\",\r\n        });\r\n        this.nominaConfiguracion = res;\r\n\r\n        console.log(\r\n          \"list this.nominaConfiguracion ***************************\",\r\n          this.nominaConfiguracion\r\n        );\r\n      } catch (error) {\r\n        this.nominaConfiguracion = {};\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n\r\n    async getSucursalEmpresa() {\r\n      try {\r\n        console.log(\"get empresas...\");\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Sucursal/ListSucursalEmpresa/\" + this.usuario.empresa.id,\r\n        });\r\n        console.log(\"post sucursal... \", res);\r\n        if (res.length > 0) {\r\n          this.ListSucursales = res;\r\n        } else {\r\n          this.ListSucursales = [];\r\n        }\r\n      } catch (error) {\r\n        this.ListSucursales = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getEmpleados() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Persona/ListPersona/\" + this.usuario.empresa.id,\r\n        });\r\n        this.listaEmpleados = res;\r\n\r\n        console.log(\"list\", this.listaEmpleados);\r\n      } catch (error) {\r\n        this.listaEmpleados = {};\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getData() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"NominaLiquidacion/GetNominaLiquidacionId/\" + this.id,\r\n        });\r\n        this.item = res;\r\n        this.item.fechaInicio = this.$moment\r\n          .tz(this.item.fechaInicio, \"America/Costa_Rica\")\r\n          .format(\"YYYY-MM-DD\");\r\n        this.item.fechaFin = this.$moment\r\n          .tz(this.item.fechaFin, \"America/Costa_Rica\")\r\n          .format(\"YYYY-MM-DD\");\r\n        console.log(\"////////*////////////*\", this.item);\r\n        //obtenemos lista de GetNominaLiquidacionPersonas\r\n        //let str =\r\n        let resLiquidaPersona = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"NominaLiquidacion/GetNominaLiquidacionPersonas/\" + this.id,\r\n        });\r\n        this.listaLiquidacionPersona = resLiquidaPersona;\r\n        console.log(\r\n          \"this.listaLiquidacionPersona******************> \",\r\n          this.listaLiquidacionPersona\r\n        );\r\n      } catch (error) {\r\n        this.item = {};\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\nth {\r\n  position: sticky;\r\n  top: 0px; /* 0px if you don't have a navbar, but something is required */\r\n  background: #0c1a30;\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!./Liquidacion_Editar.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!./Liquidacion_Editar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Liquidacion_Editar.vue?vue&type=template&id=4e7849d8&scoped=true\"\nimport script from \"./Liquidacion_Editar.vue?vue&type=script&lang=js\"\nexport * from \"./Liquidacion_Editar.vue?vue&type=script&lang=js\"\nimport style0 from \"./Liquidacion_Editar.vue?vue&type=style&index=0&id=4e7849d8&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  \"4e7849d8\",\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\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow: _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(card.animated, index)}`,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:[_vm.showGlow[index] && _vm.animatedState[index] && _vm.shouldAnimateTitle[index] ? 'title-animate' : 'title-static']},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"18px\"}},[_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\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow: 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 :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(card.animated, index)}`\" style=\"font-size: 1.5rem\"></i>\r\n      </div>\r\n      <div class=\"d-flex flex-column align-items-center\" style=\"flex-grow: 1; max-width: calc(100% - 60px)\">\r\n        <div :class=\"`title-container`\">\r\n          <span :class=\"[showGlow[index] && animatedState[index] && shouldAnimateTitle[index] ? 'title-animate' : 'title-static']\" class=\"font-weight-bold\">\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span class=\"font-weight-bold\" style=\"font-size: 18px\">{{ evaluateValue(card.value) }}</span>\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          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\")[index];\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}\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!./CardTableV2.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!./CardTableV2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTableV2.vue?vue&type=template&id=06fcb589&scoped=true\"\nimport script from \"./CardTableV2.vue?vue&type=script&lang=js\"\nexport * from \"./CardTableV2.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTableV2.vue?vue&type=style&index=0&id=06fcb589&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  \"06fcb589\",\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!./CardTableV2.vue?vue&type=style&index=0&id=06fcb589&prod&scoped=true&lang=css\""],"sourceRoot":""}