{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_EditarDetalle.vue","webpack:///src/views/Helexium/Nomina/Liquidacion/Liquidacion_EditarDetalle.vue","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_EditarDetalle.vue?0215","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_EditarDetalle.vue?ca0c","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_EditarDetalle.vue?d9c1"],"names":["render","_vm","this","_c","_self","attrs","staticClass","on","$event","toPdf","_v","scopedSlots","_u","key","fn","proxy","_s","item","persona","direccion","correo","numeroDocumento","nombres","apellidos","cargo","metodoDePago","fechaInicio","fechaFin","diasLiquidados","dataCards","staticStyle","_l","nominaLiquidacionPersonaDetalle","itemTable","id","tDev","concepto","_e","Number","toLocaleString","style","currency","itemTable2","tDed","ref","htmltopdfoptions","onProgress","slot","reduce","prev","curr","listaLiquidacionPersona","totalDeducciones","totalPago","staticRenderFns","components","CardTable","VueHtml2pdf","name","data","usuario","rol","nivel","selected","CantidadEmpleados","TotalSalarios","TotalPagosAdicionales","TotalDeducciones","TotalCostos","TotalAPagar","EmpresaId","SucursalId","Descripcion","Estado","ListEmpresas","ListSucursales","listaItems","nominaConfiguracion","listaDeducciones","listaDevengados","listaLiquidacionPersonaDetalle","nuevoItem","usuarioSeleccionado","porcenta","porcenta2","porcenta3","valporcenta","valporcenta2","valporcenta3","title","value","salario","iconName","color","tipo","animated","totalIngresosAdicionales","usuario_id","margin","image","type","quality","enableLinks","html2canvas","scale","jsPDF","unit","format","orientation","itemNominaLiquidacion","$isLoading","JSON","parse","localStorage","getItem","empresa","$route","params","user","getDeducciones","getDevengados","getNominaConfiguracion","getData","getMetodoDePago","core","index","window","$","DataTable","language","url","methods","res","$store","dispatch","path","filter","x","metodoPago","nombre","event","$refs","html2Pdf","generatePdf","error","resLiquidaPersona","days","Date","getTime","toFixed","$moment","tz","itemDetalleL","filtroDev","conceptoId","descripcion","filtroDed","y","getPersona","$forceUpdate","resCargo","TipoDocumentoId","tipoDocumento","NumeroDocumento","Apellidos","Nombres","FechaNacimiento","fechaNacimiento","FechaContratacion","fechaContratacion","RolId","EstadoCivilId","estadoCivil","NivelReporte","nivelReporte","includes","selectedNivelesReporte","push","PaisId","pais","Direccion","DepartamentoPaisId","departamentoPais","TelefonoFijo","telefonoFijo","MunicipioId","municipio","TelefonoMovil","telefonoMovil","Correo","EstadoUsuario","estadoUsuario","JefeDirectoId","jefeDirectoId","CorreoNotificaciones","correoNotificaciones","ImagenPerfilUrl","imagenPerfilUrl","TipoContrato","tipoContrato","SalarioIntegral","salarioIntegral","Salario","TipoTrabajador","tipoTrabajador","SubtipoTrabajador","subtipoTrabajador","FrecuenciaPago","frecuenciaPago","AltoRiesgo","altoRiesgo","AuxilioTransporte","auxilioTransporte","SabadoLaboral","sabadoLaboral","NivelRiesgo","nivelRiesgo","DiasVacacionesAcumulados","diasVacacionesAcumulados","MetodoPago","Banco","banco","NumeroCuenta","numeroCuenta","TipoCuenta","tipoCuenta","Eps","eps","CajaCompensacion","cajaCompensacion","FondoPensiones","fondoPensiones","FondoCesantias","fondoCesantias","component"],"mappings":"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","file":"js/chunk-62cc239e.bcebcffe.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('button',{staticClass:\"mx-1 btn px-4 py-2 btn-success\",on:{\"click\":function($event){return _vm.toPdf()}}},[_vm._v(\"Generar Desprendible\")]),_c('form',[_c('h4',{staticClass:\"text-center text-black\"},[_c('b',[_vm._v(\"COLILLA DE PAGO: \")])]),_c('p',{staticClass:\"text-center mt-1 text-black\"},[_vm._v(\"Conoce el detalle de los devengados y deducciones incluidos en la liquidación de la nómina de este período\")]),_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return undefined},proxy:true}])},[_c('div',{staticClass:\"row d-flex justify-content-center pt-4 px-5 pb-3\"},[_c('div',{staticClass:\"card col-md-3 bg-dark p-3 mx-1 mb-2\"},[_c('p',[_vm._v(\"Dirección: \"+_vm._s(_vm.item.persona.direccion))]),_c('p',[_vm._v(_vm._s(_vm.item.persona ? _vm.item.persona.correo : \"\"))]),_c('p',[_vm._v(\"Identificación: \"+_vm._s(_vm.item.persona ? _vm.item.persona.numeroDocumento : \"\"))])]),_c('div',{staticClass:\"card col-md-3 bg-dark p-3 mx-1 mb-2\"},[_c('p',[_vm._v(\"Empleado: \"+_vm._s((_vm.item.persona ? _vm.item.persona.nombres : \"\") + \" \" + (_vm.item.persona ? _vm.item.persona.apellidos : \"\")))]),_c('p',[_vm._v(\"Cargo: \"+_vm._s(_vm.persona.cargo))]),_c('p',[_vm._v(\"Método de pago: \"+_vm._s(_vm.metodoDePago))])]),_c('div',{staticClass:\"card col-md-3 bg-dark p-3 mx-1 mb-2\"},[_c('p',[_vm._v(\"Fecha de inicio de liq.: \"+_vm._s(_vm.item.fechaInicio))]),_c('p',[_vm._v(\"Fecha de fin de liq.: \"+_vm._s(_vm.item.fechaFin))]),_c('p',[_vm._v(\"Días liquidados: \"+_vm._s(_vm.diasLiquidados))])])])]),_c('div',{staticClass:\"px-5 pb-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1)])]),_c('card',[_c('div',{staticClass:\"row px-5 py-4\"},[_c('div',{staticClass:\"col-md-6 py-2\"},[_c('div',{staticClass:\"pb-3\"},[_c('b',{staticClass:\"pb-3\"},[_vm._v(\"INGRESOS\")])]),_c('div',{staticClass:\"row px-1\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row bg-dark p-2\",staticStyle:{\"border-bottom\":\"2px solid #6f8ac4\",\"border-top\":\"2px solid #6f8ac4\"}},[_c('div',{staticClass:\"col-6\"},[_c('span',[_vm._v(\"Concepto\")])]),_c('div',{staticClass:\"col-6\"},[_c('span',[_vm._v(\"valor\")])])]),_vm._l((_vm.nominaLiquidacionPersonaDetalle),function(itemTable){return _c('div',{key:itemTable.id,staticClass:\"row\"},[(itemTable.tDev > 0)?_c('div',{staticClass:\"col-6 pt-3\"},[_c('span',[_vm._v(_vm._s(itemTable.concepto))])]):_vm._e(),(itemTable.tDev > 0)?_c('div',{staticClass:\"col-6 pt-3\"},[_c('span',[_vm._v(_vm._s(Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })))])]):_vm._e()])})],2)])]),_c('div',{staticClass:\"col-md-6 py-2\"},[_c('div',{staticClass:\"pb-3\"},[_c('b',{},[_vm._v(\"DEDUCCIONES\")])]),_c('div',{staticClass:\"row px-1\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row bg-dark p-2\",staticStyle:{\"border-bottom\":\"2px solid #6f8ac4\",\"border-top\":\"2px solid #6f8ac4\"}},[_c('div',{staticClass:\"col-6\"},[_c('span',[_vm._v(\"Concepto\")])]),_c('div',{staticClass:\"col-6\"},[_c('span',[_vm._v(\"valor\")])])]),_vm._l((_vm.nominaLiquidacionPersonaDetalle),function(itemTable2){return _c('div',{key:itemTable2.id,staticClass:\"row\"},[(itemTable2.tDed > 0)?_c('div',{staticClass:\"col-6 pt-3\"},[_c('span',[_vm._v(_vm._s(itemTable2.concepto))])]):_vm._e(),(itemTable2.tDed > 0)?_c('div',{staticClass:\"col-6 pt-3\"},[_c('span',[_vm._v(_vm._s(Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })))])]):_vm._e()])})],2)])])])])],1)],1)],1),_c('form',[_c('vue-html2pdf',{ref:\"html2Pdf\",attrs:{\"show-layout\":false,\"float-layout\":true,\"enable-download\":true,\"preview-modal\":true,\"paginate-elements-by-height\":2400,\"filename\":\"desprendible\",\"pdf-quality\":2,\"manual-pagination\":false,\"pdf-format\":\"a4\",\"pdf-margin\":10,\"pdf-orientation\":\"portrait\",\"pdf-content-width\":\"1000px\",\"html-to-pdf-options\":_vm.htmltopdfoptions},on:{\"progress\":function($event){return _vm.onProgress($event)}}},[_c('section',{staticClass:\"m-1 mt-4 text-center bgwhite\",attrs:{\"slot\":\"pdf-content\"},slot:\"pdf-content\"},[_c('h4',{staticClass:\"text-center text-dark\"},[_c('b',[_vm._v(\"COLILLA DE PAGO: \")])]),_c('p',{staticClass:\"text-center mt-3 text-dark\"},[_vm._v(\"Detalle de los devengados y deducciones incluidos en la liquidación de la nómina de este período\")]),_c('b-row',{staticClass:\"bgwhite\"},[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{staticClass:\"bgwhite\",scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return undefined},proxy:true}])},[_c('div',{staticClass:\"row text-center d-flex justify-content-center pt-4\"},[_c('div',{staticClass:\"bgwhite col-md-3 p-3 mx-1 mb-2\"},[_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Dirección: \"+_vm._s(_vm.item.persona.direccion))]),_c('p',{staticClass:\"text-dark\"},[_vm._v(_vm._s(_vm.item.persona ? _vm.item.persona.correo : \"\"))]),_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Identificación: \"+_vm._s(_vm.item.persona ? _vm.item.persona.numeroDocumento : \"\"))])]),_c('div',{staticClass:\"bgwhite col-md-3 p-3 mx-1 mb-2\"},[_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Empleado: \"+_vm._s((_vm.item.persona ? _vm.item.persona.nombres : \"\") + \" \" + (_vm.item.persona ? _vm.item.persona.apellidos : \"\")))]),_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Cargo: \"+_vm._s(_vm.persona.cargo))]),_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Método de pago: \"+_vm._s(_vm.metodoDePago))])]),_c('div',{staticClass:\"bgwhite col-md-3 p-3 mx-1 mb-2\"},[_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Fecha de inicio de liq.: \"+_vm._s(_vm.item.fechaInicio))]),_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Fecha de fin de liq.: \"+_vm._s(_vm.item.fechaFin))]),_c('p',{staticClass:\"text-dark\"},[_vm._v(\"Días liquidados: \"+_vm._s(_vm.diasLiquidados))])])])]),_c('card',{staticClass:\"bg-none mt-0 bgwhite\"},[_c('div',{staticClass:\"row px-5 pb-4\"},[_c('div',{staticClass:\"col-md-6 py-2\"},[_c('div',{staticClass:\"pb-3\"},[_c('b',{staticClass:\"pb-3\"},[_vm._v(\"INGRESOS\")])]),_c('div',{staticClass:\"row px-1\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row text-left text-dark p-2\",staticStyle:{\"border-bottom\":\"2px solid black\",\"border-top\":\"2px solid black\"}},[_c('div',{staticClass:\"col-6\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(\"Concepto\")])]),_c('div',{staticClass:\"col-6\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(\"valor\")])])]),_vm._l((_vm.nominaLiquidacionPersonaDetalle),function(itemTable){return _c('div',{key:itemTable.id,staticClass:\"row text-left\"},[(itemTable.tDev > 0)?_c('div',{staticClass:\"col-6 pt-3 text-dark\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(_vm._s(itemTable.concepto))])]):_vm._e(),(itemTable.tDev > 0)?_c('div',{staticClass:\"col-6 pt-3\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(_vm._s(Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })))])]):_vm._e()])})],2)])]),_c('div',{staticClass:\"col-md-6 py-2\"},[_c('div',{staticClass:\"pb-3\"},[_c('b',{},[_vm._v(\"DEDUCCIONES\")])]),_c('div',{staticClass:\"row px-1\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row text-left text-dark p-2\",staticStyle:{\"border-bottom\":\"2px solid black\",\"border-top\":\"2px solid black\"}},[_c('div',{staticClass:\"col-6\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(\"Concepto\")])]),_c('div',{staticClass:\"col-6 text-left\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(\"valor\")])])]),_vm._l((_vm.nominaLiquidacionPersonaDetalle),function(itemTable2){return _c('div',{key:itemTable2.id,staticClass:\"row text-left\"},[(itemTable2.tDed > 0)?_c('div',{staticClass:\"col-6 pt-3 text-dark\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(_vm._s(itemTable2.concepto))])]):_vm._e(),(itemTable2.tDed > 0)?_c('div',{staticClass:\"col-6 pt-3 text-dark\"},[_c('span',{staticClass:\"text-dark\"},[_vm._v(_vm._s(Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })))])]):_vm._e()])})],2)])])]),_c('div',{staticClass:\"text-dark text-left ml-5 mr-5 p-1 border\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-3\"},[_c('span',{staticClass:\"text-dark bold m-3\"},[_vm._v(\"TOTALES\")])]),_c('div',{staticClass:\"col-3\"},[_c('span',{staticClass:\"text-dark bold\"},[_vm._v(\"Devengos:\"+_vm._s(_vm.nominaLiquidacionPersonaDetalle.reduce((prev, curr) => prev + Number(curr.tDev), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })))])]),_c('div',{staticClass:\"col-3\"},[_c('span',{staticClass:\"text-dark bold\"},[_vm._v(\"Deducciones:\"+_vm._s(_vm.listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalDeducciones), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })))])]),_c('div',{staticClass:\"col-3\"},[_c('span',{staticClass:\"text-dark bold\"},[_vm._v(\"Neto a pagar:\"+_vm._s(_vm.listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalPago), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })))])])])]),_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-6\"},[_vm._v(\" _______________________________________\"),_c('br'),_vm._v(\"   Recibido trabajador \")])])])],1)],1)],1)])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\r\n    <button class=\"mx-1 btn px-4 py-2 btn-success\" @click=\"toPdf()\">Generar Desprendible</button>\r\n    <!-- {{persona}} -->\r\n    <form>\r\n      <h4 class=\"text-center text-black\"><b>COLILLA DE PAGO: </b></h4>\r\n      <!-- <p>{{ itemNominaLiquidacion }}</p> -->\r\n      <p class=\"text-center mt-1 text-black\">Conoce el detalle de los devengados y deducciones incluidos en la liquidación de la nómina de este período</p>\r\n      <b-row>\r\n        <b-col sm=\"12\">\r\n          <card>\r\n            <template v-slot:headerTitle> </template>\r\n            <div class=\"row d-flex justify-content-center pt-4 px-5 pb-3\">\r\n              <div class=\"card col-md-3 bg-dark p-3 mx-1 mb-2 \">\r\n                  <!-- <p>4142452545</p> -->\r\n                  <p>Dirección: {{ item.persona.direccion }}</p>\r\n                  <p>{{ item.persona ? item.persona.correo : \"\" }}</p>\r\n                  <p>Identificación: {{  item.persona ? item.persona.numeroDocumento : \"\"  }}</p>\r\n\r\n              </div>\r\n              <div class=\"card col-md-3 bg-dark p-3 mx-1 mb-2\">\r\n                  <p>Empleado: {{ (item.persona ? item.persona.nombres : \"\") + \" \" + (item.persona ? item.persona.apellidos : \"\") }}</p>\r\n                  <p>Cargo: {{ persona.cargo }}</p>\r\n                  <p>Método de pago: {{metodoDePago}}</p>\r\n\r\n              </div>\r\n              <div class=\"card col-md-3 bg-dark p-3 mx-1  mb-2\">\r\n                  <p>Fecha de inicio de liq.: {{item.fechaInicio}}</p>\r\n                  <p>Fecha de fin de liq.: {{item.fechaFin}}</p>\r\n                  <p>Días liquidados: {{diasLiquidados}}</p>\r\n              </div>\r\n            </div>\r\n              \r\n              <!-- <div class=\"col-md-4\">\r\n                <div class=\"mt-4 text-left px-3 py-4 bg-dark rounded\">\r\n                  <label class=\"form-label mt-2\">{{ item.persona ? item.persona.numeroDocumento : \"\" }}</label\r\n                  ><br />\r\n                  <hr class=\"p-0 pb-1 m-0\" />\r\n                  <label class=\"form-label\">Dirección:  {{ item.persona.direccion }}</label><br />\r\n                  <hr class=\"p-0 pb-1 m-0\" />\r\n                  <label class=\"form-label pb-0 mb-1\">{{ item.persona ? item.persona.correo : \"\" }}</label\r\n                  ><br />\r\n                  <hr class=\"p-0 pb-1 m-0\" />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-4 text-left pr-4\">\r\n                <div class=\"mt-4 row text-left bg-dark py-4 pl-0 rounded\">\r\n                  <div class=\"col-6 mt-2 pr-0 mr-0\">\r\n                    <label class=\"form-label\">Empleado</label><br />\r\n                    <hr class=\"p-0 pb-1 m-0\" />\r\n                    <label class=\"form-label\">Identificación</label><br />\r\n                    <hr class=\"p-0 pb-1 m-0\" />\r\n                    <label class=\"form-label\">Cargo</label><br />\r\n                    <hr class=\"p-0 pb-1 m-0\" />\r\n                  </div>\r\n                  <div class=\"col-6 mt-2 pl-0 ml-0\">\r\n                    <label class=\"form-label\">{{ (item.persona ? item.persona.nombres : \"\") + \" \" + (item.persona ? item.persona.apellidos : \"\") }}</label\r\n                    ><br />\r\n                    <hr class=\"p-0 pb-1 m-0\" />\r\n                    <label class=\"form-label\">{{  item.persona ? item.persona.numeroDocumento : \"\"  }}</label\r\n                    ><br />\r\n                    <hr class=\"p-0 pb-1 m-0\" />\r\n                    <label class=\"form-label\">{{ persona.cargo }}</label><br />\r\n                    <hr class=\"p-0 pb-1 m-0\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-md-4 pt-4 pl-4\">\r\n                <div class=\"row text-left bg-dark pt-3 pb-3 pl-0 rounded\">\r\n                  <div class=\"col-6 pr-0 mr-0\">\r\n                    <div class=\"text-left\">\r\n                      <label class=\"form-label\">Fecha de inicio de liq.</label><br />\r\n                      <hr class=\"p-0 pb-1 m-0\" />\r\n                      <label class=\"form-label\">Fecha de fin de liq.</label><br />\r\n                      <hr class=\"p-0 pb-1 m-0\" />\r\n                      <label class=\"form-label\">Método de pago</label><br />\r\n                      <hr class=\"p-0 pb-1 m-0\" />\r\n                      <label class=\"form-label pb-0 mb-1\">Días liquidados</label><br />\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-6 pl-0 ml-0\">\r\n                    <div class=\"text-left\">\r\n                      <label class=\"form-label\">{{item.fechaInicio}}</label><br />\r\n                      <hr class=\"p-0 pb-1 m-0\" />\r\n                      <label class=\"form-label\">{{item.fechaFin}}</label><br />\r\n                      <hr class=\"p-0 pb-1 m-0\" />\r\n                      <label class=\"form-label\">{{item.persona.metodoPago}}</label><br />\r\n                      <hr class=\"p-0 pb-1 m-0\" />\r\n                      <label class=\"form-label pb-0 mb-1\">30</label><br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div> -->\r\n           \r\n          </card>\r\n\r\n          <!-- <template v-slot:headerTitle> </template> -->\r\n          <div class=\"px-5 pb-3\">\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            <div class=\"container px-5 pt-3\">\r\n              <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                  <p><b>INGRESOS</b></p>\r\n                  <table class=\"table table-responsive\">\r\n                    <thead>\r\n                      <tr>\r\n                        <th scope=\"col\">Concepto</th>\r\n                        <th scope=\"col\">valor</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody v-for=\"itemTable of nominaLiquidacionPersonaDetalle\" :key=\"itemTable.id\">\r\n                      <template v-if=\"itemTable.tDev > 0\">\r\n                        <tr>\r\n                          <td>{{ itemTable.concepto }}</td>\r\n                          <td>{{ Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                        </tr>\r\n                      </template>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <div class=\"col-12\">\r\n                  <p><b>DEDUCCIONES</b></p>\r\n                  <table class=\"table table-responsive\">\r\n                    <thead>\r\n                      <tr>\r\n                        <th scope=\"col\">Concepto</th>\r\n                        <th scope=\"col\">valor</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody v-for=\"itemTable2 of nominaLiquidacionPersonaDetalle\" :key=\"itemTable2.id\">\r\n                      <tr>\r\n                        <template v-if=\"itemTable2.tDed > 0\">\r\n                          <td>{{ itemTable2.concepto }}</td>\r\n                          <td>{{ Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                        </template>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </card> -->\r\n          <card>\r\n            <div class=\"row px-5 py-4\">\r\n              <div class=\"col-md-6 py-2\">\r\n                <div class=\"pb-3\">\r\n                  <b class=\"pb-3\">INGRESOS</b>\r\n                </div>\r\n                <div class=\"row px-1\">\r\n                  <div class=\"col-12 \">\r\n                    <div class=\"row bg-dark p-2\" style=\"border-bottom: 2px solid #6f8ac4; border-top: 2px solid #6f8ac4;\" >\r\n                      <div class=\"col-6\">\r\n                        <span>Concepto</span>\r\n                      </div>\r\n                      <div class=\"col-6\">\r\n                        <span>valor</span>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\"  v-for=\"itemTable of nominaLiquidacionPersonaDetalle\" :key=\"itemTable.id\">\r\n                      <div v-if=\"itemTable.tDev > 0\" class=\"col-6 pt-3\">\r\n                        <span>{{ itemTable.concepto }}</span>\r\n                      </div>\r\n                      <div v-if=\"itemTable.tDev > 0\" class=\"col-6 pt-3\">\r\n                        <span>{{ Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <!-- <table class=\"table \" >\r\n                  <thead>\r\n                    <tr>\r\n                      <th >Concepto</th>\r\n                      <th >valor</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody v-for=\"itemTable of nominaLiquidacionPersonaDetalle\" :key=\"itemTable.id\">\r\n                    <template v-if=\"itemTable.tDev > 0\">\r\n                      <tr>\r\n                        <td>{{ itemTable.concepto }}</td>\r\n                        <td>{{ Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                      </tr>\r\n                    </template>\r\n                  </tbody>\r\n                </table> -->\r\n              </div>\r\n              <div class=\"col-md-6 py-2\">\r\n                <div class=\"pb-3\">\r\n                  <b class=\"\">DEDUCCIONES</b>\r\n                </div>\r\n                <div class=\"row px-1 \">\r\n                  <div class=\"col-12\">\r\n                    <div class=\"row bg-dark p-2\" style=\"border-bottom: 2px solid #6f8ac4; border-top: 2px solid #6f8ac4;\" >\r\n                      <div class=\"col-6\">\r\n                        <span>Concepto</span>\r\n                      </div>\r\n                      <div class=\"col-6\">\r\n                        <span>valor</span>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"row\" v-for=\"itemTable2 of nominaLiquidacionPersonaDetalle\" :key=\"itemTable2.id\">\r\n                      <div v-if=\"itemTable2.tDed > 0\" class=\"col-6 pt-3\">\r\n                        <span>{{ itemTable2.concepto }}</span>\r\n                      </div>\r\n                      <div v-if=\"itemTable2.tDed > 0\" class=\"col-6 pt-3\">\r\n                        <span>{{ Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <!-- <table class=\"table \">\r\n                  <thead>\r\n                    <tr>\r\n                      <th scope=\"col\">Concepto</th>\r\n                      <th scope=\"col\">valor</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody v-for=\"itemTable2 of nominaLiquidacionPersonaDetalle\" :key=\"itemTable2.id\">\r\n                    <tr>\r\n                      <template v-if=\"itemTable2.tDed > 0\">\r\n                        <td>{{ itemTable2.concepto }}</td>\r\n                        <td>{{ Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                      </template>\r\n                    </tr>\r\n                  </tbody>\r\n                </table> -->\r\n              </div>\r\n              <!-- <div class=\"col-12 \">\r\n                <p><b>INGRESOS</b></p>\r\n                <table class=\"table \" >\r\n                  <thead>\r\n                    <tr>\r\n                      <th >Concepto</th>\r\n                      <th >valor</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody v-for=\"itemTable of nominaLiquidacionPersonaDetalle\" :key=\"itemTable.id\">\r\n                    <template v-if=\"itemTable.tDev > 0\">\r\n                      <tr>\r\n                        <td>{{ itemTable.concepto }}</td>\r\n                        <td>{{ Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                      </tr>\r\n                    </template>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n              <div class=\"col-12\">\r\n                <p><b>DEDUCCIONES</b></p>\r\n                <table class=\"table \">\r\n                  <thead>\r\n                    <tr>\r\n                      <th scope=\"col\">Concepto</th>\r\n                      <th scope=\"col\">valor</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody v-for=\"itemTable2 of nominaLiquidacionPersonaDetalle\" :key=\"itemTable2.id\">\r\n                    <tr>\r\n                      <template v-if=\"itemTable2.tDed > 0\">\r\n                        <td>{{ itemTable2.concepto }}</td>\r\n                        <td>{{ Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                      </template>\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    </form>\r\n\r\n    <form>\r\n      <vue-html2pdf\r\n        :show-layout=\"false\"\r\n        :float-layout=\"true\"\r\n        :enable-download=\"true\"\r\n        :preview-modal=\"true\"\r\n        :paginate-elements-by-height=\"2400\"\r\n        filename=\"desprendible\"\r\n        :pdf-quality=\"2\"\r\n        :manual-pagination=\"false\"\r\n        pdf-format=\"a4\"\r\n        :pdf-margin=\"10\"\r\n        pdf-orientation=\"portrait\"\r\n        pdf-content-width=\"1000px\"\r\n        @progress=\"onProgress($event)\"\r\n        ref=\"html2Pdf\"\r\n        :html-to-pdf-options=\"htmltopdfoptions\"\r\n      >\r\n        <!-- </vue-html2pdf> -->\r\n\r\n      <section class=\"m-1 mt-4 text-center bgwhite \" slot=\"pdf-content\">\r\n        <h4 class=\"text-center text-dark\"><b>COLILLA DE PAGO: </b></h4>\r\n        <p class=\"text-center mt-3 text-dark\">Detalle de los devengados y deducciones incluidos en la liquidación de la nómina de este período</p>\r\n        <b-row class=\"bgwhite\">\r\n          <b-col sm=\"12\">\r\n            <card class=\"bgwhite\">\r\n              <template v-slot:headerTitle> </template>\r\n              <div class=\"row text-center d-flex justify-content-center pt-4  \">\r\n                <div class=\" bgwhite col-md-3 p-3 mx-1 mb-2 \">\r\n                    <!-- <p>4142452545</p> -->\r\n                    <p class=\"text-dark\">Dirección:  {{ item.persona.direccion }}</p>\r\n                    <p class=\"text-dark\">{{ item.persona ? item.persona.correo : \"\" }}</p>\r\n                    <p class=\"text-dark\">Identificación: {{  item.persona ? item.persona.numeroDocumento : \"\"  }}</p>\r\n\r\n                </div>\r\n                <div class=\" bgwhite col-md-3 p-3 mx-1 mb-2\">\r\n                    <p class=\"text-dark\">Empleado:  {{ (item.persona ? item.persona.nombres : \"\") + \" \" + (item.persona ? item.persona.apellidos : \"\") }}</p>\r\n                    <p class=\"text-dark\">Cargo:  {{ persona.cargo }}</p>\r\n                    <p class=\"text-dark\">Método de pago:  {{metodoDePago}}</p>\r\n\r\n                </div>\r\n                <div class=\" bgwhite col-md-3 p-3 mx-1  mb-2\">\r\n                    <p class=\"text-dark\">Fecha de inicio de liq.:  {{item.fechaInicio}}</p>\r\n                    <p class=\"text-dark\">Fecha de fin de liq.:  {{item.fechaFin}}</p>\r\n                    <p class=\"text-dark\">Días liquidados:  {{diasLiquidados}}</p>\r\n                </div>\r\n              </div>\r\n              <!-- <div class=\"row px-5 mb-0 text-dark bgwhite\">\r\n                <div class=\"col-md-4 text-left pr-4\">\r\n                  <div class=\"mt-4 row text-left py-4 pl-0 rounded bg-none\">\r\n                    <div class=\"col-4 mt-0 pr-0 mr-0\">\r\n                      <label class=\"form-label bold\">Nombres:</label><br />\r\n                      <label class=\"form-label bold\">Apellidos:</label><br />\r\n                      <label class=\"form-label bold\">Identificación:</label><br />\r\n                      <label class=\"form-label bold\">Cargo:</label><br />\r\n                    </div>\r\n                    <div class=\"col-6 mt-0 pl-0 ml-0\">\r\n                      <label class=\"form-label\">{{ item.persona ? item.persona.nombres : \"\" }}</label\r\n                      ><br />\r\n                      <label class=\"form-label\">{{ item.persona ? item.persona.apellidos : \"\" }}</label\r\n                      ><br />\r\n                      <label class=\"form-label\">{{  item.persona ? item.persona.numeroDocumento : \"\"  }}</label\r\n                      ><br />\r\n                      <label class=\"form-label\">--</label><br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-4 text-left pr-4\">\r\n                  <div class=\"mt-4 row text-left py-4 pl-0 rounded bg-none\">\r\n                    <div class=\"col-4 mt-0 pr-0 mr-0\">\r\n                      <label class=\"form-label bold\">Ciudad:</label><br />\r\n                      <label class=\"form-label bold\">Dirección:</label><br />\r\n                      <label class=\"form-label bold\">Correo:</label><br />\r\n                    </div>\r\n                    <div class=\"col-6 mt-0 pl-0 ml-0\">\r\n                      <label class=\"form-label\">--</label><br />\r\n                      <label class=\"form-label\">{{persona.Direccion}}</label><br />\r\n                      <label class=\"form-label\">{{ item.persona ? item.persona.correo : \"\" }}</label\r\n                      ><br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </card>\r\n\r\n                <div class=\"col-md-4 text-left pr-4\">\r\n                  <div class=\"mt-4 row text-left py-4 pl-0 rounded bg-none\">\r\n                    <div class=\"col-4 mt-0 pr-0 mr-0\">\r\n                      <label class=\"form-label bold\">Inicio liq.:</label><br />\r\n                      <label class=\"form-label bold\">Fin liq.:</label><br />\r\n                      <label class=\"form-label bold\">Mét. de pago:</label><br />\r\n                      <label class=\"form-label bold\">Días liquidados:</label><br />\r\n                    </div>\r\n                    <div class=\"col-6 mt-0 pl-0 ml-0\">\r\n                      <label class=\"form-label\">--</label><br />\r\n                      <label class=\"form-label\">--</label><br />\r\n                      <label class=\"form-label\">0</label><br />\r\n                      <label class=\"form-label\">0</label><br />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div> -->\r\n            </card>\r\n\r\n            <!-- <div class=\"px-5 pb-3\">\r\n              <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                  <CardTable :data=\"dataCards\" />\r\n                </div>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- empleados -->\r\n            <card class=\"bg-none mt-0 bgwhite\">\r\n              <div class=\"row px-5 pb-4\">\r\n                <div class=\"col-md-6 py-2\">\r\n                  <div class=\"pb-3\">\r\n                    <b class=\"pb-3\">INGRESOS</b>\r\n                  </div>\r\n                  <div class=\"row px-1\">\r\n                    <div class=\"col-12 \">\r\n                      <div class=\"row text-left text-dark p-2\" style=\"border-bottom: 2px solid black; border-top: 2px solid black;\" >\r\n                        <div class=\"col-6\">\r\n                          <span class=\"text-dark\">Concepto</span>\r\n                        </div>\r\n                        <div class=\"col-6\">\r\n                          <span class=\"text-dark\">valor</span>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"row text-left\"  v-for=\"itemTable of nominaLiquidacionPersonaDetalle\" :key=\"itemTable.id\">\r\n                        <div  v-if=\"itemTable.tDev > 0\" class=\"col-6 pt-3 text-dark\">\r\n                          <span class=\"text-dark\">{{ itemTable.concepto }}</span>\r\n                        </div>\r\n                        <div v-if=\"itemTable.tDev > 0\" class=\"col-6 pt-3\">\r\n                          <span class=\"text-dark \">{{ Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>                 \r\n                </div>\r\n                <div class=\"col-md-6 py-2\">\r\n                  <div class=\"pb-3\">\r\n                    <b class=\"\">DEDUCCIONES</b>\r\n                  </div>\r\n                  <div class=\"row px-1 \">\r\n                    <div class=\"col-12\">\r\n                      <div class=\"row text-left text-dark p-2\" style=\"border-bottom: 2px solid black; border-top: 2px solid black;\" >\r\n                        <div class=\"col-6\">\r\n                          <span class=\"text-dark\">Concepto</span>\r\n                        </div>\r\n                        <div class=\"col-6 text-left\">\r\n                          <span class=\"text-dark\">valor</span>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"row text-left\" v-for=\"itemTable2 of nominaLiquidacionPersonaDetalle\" :key=\"itemTable2.id\">\r\n                        <div v-if=\"itemTable2.tDed > 0\" class=\"col-6 pt-3 text-dark\">\r\n                          <span class=\"text-dark\">{{ itemTable2.concepto }}</span>\r\n                        </div>\r\n                        <div v-if=\"itemTable2.tDed > 0\" class=\"col-6 pt-3 text-dark\">\r\n                          <span class=\"text-dark\">{{ Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                </div>              \r\n              </div>\r\n              <!-- <div class=\"row px-5 pt-3 bgwhite\">\r\n                <div class=\"col-md-6 bgwhite\">\r\n                  <p class=\"text-dark\"><b>INGRESOS</b></p>\r\n                  <table class=\"table bg-white\">\r\n                    <thead class=\"bg-white\">\r\n                      <tr class=\"bg-white\">\r\n                        <th class=\"bg-white\" scope=\"col\">Concepto</th>\r\n                        <th class=\"bg-white\" scope=\"col\">valor</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody class=\"border\" v-for=\"itemTable of nominaLiquidacionPersonaDetalle\" :key=\"itemTable.id\">\r\n                      <template v-if=\"itemTable.tDev > 0\">\r\n                        <tr>\r\n                          <td class=\"border\">{{ itemTable.concepto }}</td>\r\n                          <td class=\"border\">{{ Number(itemTable.tDev).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                        </tr>\r\n                      </template>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n                <div class=\"col-md-6 \">\r\n                  <p class=\"text-dark\"><b>DEDUCCIONES</b></p>\r\n                  <table class=\"table  bg-white\">\r\n                    <thead class=\"bg-white\">\r\n                      <tr class=\"bg-white\">\r\n                        <th scope=\"col\" class=\"bg-white\">Concepto</th>\r\n                        <th scope=\"col\" class=\"bg-white\">valor</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody class=\"border\" v-for=\"itemTable2 of nominaLiquidacionPersonaDetalle\" :key=\"itemTable2.id\">\r\n                      <tr >\r\n                        <template v-if=\"itemTable2.tDed > 0\">\r\n                          <td class=\"border\">{{ itemTable2.concepto }}</td>\r\n                          <td class=\"border\">{{ Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                        </template>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div> -->\r\n\r\n               \r\n                  <!-- <div class=\"row\">\r\n                    <div class=\"col-3\">\r\n                    <span class=\"text-dark bold m-3\">TOTALES</span>\r\n\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                      <p class=\"text-dark\"><b>DEDUCCIONES</b></p>\r\n                      <table class=\"table bg-white\">\r\n                        <thead class=\"bg-white\">\r\n                          <tr class=\"bg-white\">\r\n                            <th scope=\"col\" class=\"bg-white\">Concepto</th>\r\n                            <th scope=\"col\" class=\"bg-white\">valor</th>\r\n                          </tr>\r\n                        </thead>\r\n                        <tbody class=\"border\" v-for=\"itemTable2 of nominaLiquidacionPersonaDetalle\" :key=\"itemTable2.id\">\r\n                          <tr class=\"border\">\r\n                            <template v-if=\"itemTable2.tDed > 0\">\r\n                              <td class=\"border\">{{ itemTable2.concepto }}</td>\r\n                              <td class=\"border\">{{ Number(itemTable2.tDed).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}</td>\r\n                            </template>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div> -->\r\n\r\n                  <div class=\"text-dark text-left ml-5 mr-5 p-1 border\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-3\">\r\n                        <span class=\"text-dark bold m-3\">TOTALES</span>\r\n                      </div>\r\n                      <div class=\"col-3\">\r\n                        <span class=\"text-dark bold\"\r\n                          >Devengos:{{\r\n                            nominaLiquidacionPersonaDetalle.reduce((prev, curr) => prev + Number(curr.tDev), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })\r\n                          }}</span\r\n                        >\r\n                      </div>\r\n                      <div class=\"col-3\">\r\n                        <span class=\"text-dark bold\"\r\n                          >Deducciones:{{\r\n                            listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalDeducciones), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })\r\n                          }}</span\r\n                        >\r\n                      </div>\r\n                      <div class=\"col-3\">\r\n                        <span class=\"text-dark bold\"\r\n                          >Neto a pagar:{{\r\n                            listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalPago), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })\r\n                          }}</span\r\n                        >\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"row mt-5\">\r\n                    <div class=\"col-6\">\r\n                      _______________________________________<br />\r\n                      &nbsp; Recibido trabajador\r\n                    </div>\r\n                  </div>\r\n          \r\n              </card>\r\n            </b-col>\r\n          </b-row>\r\n        </section>\r\n      </vue-html2pdf>\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\n// const Swal = require(\"sweetalert2\");\r\n//import Vue from 'vue';\r\nimport VueHtml2pdf from \"vue-html2pdf\";\r\n\r\n//Vue.use(VueHtml2pdf);\r\n\r\nexport default {\r\n  components: {\r\n    CardTable,\r\n    VueHtml2pdf,\r\n  },\r\n  name: \"DataTable\",\r\n  data() {\r\n    return {\r\n      metodoDePago: null,\r\n      diasLiquidados: '',\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: \"\", numeroDocumento: \"\", correo: \"\" },\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: \"Salario\",\r\n          value: () => this.listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.salario), 0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }),\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: \"Ingresos 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          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          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          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      usuario_id: null,\r\n      htmltopdfoptions: {\r\n        margin: 0.5,\r\n        image: {\r\n          type: \"jpeg\",\r\n          quality: 0.98,\r\n        },\r\n\r\n        enableLinks: false,\r\n\r\n        html2canvas: {\r\n          scale: 1,\r\n        },\r\n\r\n        jsPDF: {\r\n          unit: \"in\",\r\n          format: \"a4\",\r\n          // orientation: \"portrait\",\r\n          orientation: \"landscape\",\r\n        },\r\n      },\r\n      persona:{},\r\n      itemNominaLiquidacion:{}\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    this.usuario_id = this.$route.params.user;\r\n\r\n    this.id = this.$route.params.id;\r\n    await this.getDeducciones();\r\n    await this.getDevengados();\r\n    // await this.getEmpleados();\r\n    await this.getNominaConfiguracion();\r\n    await this.getData();\r\n    await this.getMetodoDePago();\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\r\n  methods: {\r\n    async getMetodoDePago(){\r\n      let res = await this.$store.dispatch(\"hl_get\", {\r\n        path: \"Trabajador/MetodoDePago/\" \r\n      });\r\n    res = res.filter(x => x.id == this.item.persona.metodoPago)\r\n    this.metodoDePago = res[0].nombre\r\n    // alert(res[0].nombre)\r\n    },\r\n    onProgress(event) {\r\n      console.log(`Processed: ${event} / 100`);\r\n    },\r\n    toPdf() {\r\n      //html2pdf(document.getElementById('exportpdf'));\r\n      //this.$refs.html2Pdf.generatePdf();\r\n      this.$refs.html2Pdf.generatePdf();\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(\"list this.nominaConfiguracion ***************************\", this.nominaConfiguracion);\r\n      } catch (error) {\r\n        this.nominaConfiguracion = {};\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n\r\n    async getData() {\r\n\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.itemNominaLiquidacion = res;\r\n        // console.log(\"AQUI EL USUARIO REAL *\", 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        let item = resLiquidaPersona.filter((x) => x.persona.id == this.usuario_id);\r\n        this.item = item[0];\r\n        console.log('itemLiquidaPersona' , item)\r\n        //////////////\r\n        let days = (new Date(this.itemNominaLiquidacion.fechaFin).getTime() - new Date(this.itemNominaLiquidacion.fechaInicio).getTime()) / (1000 * 60 * 60 * 24);\r\n        this.diasLiquidados = (days + 1).toFixed(0);\r\n        /////////////////\r\n        this.item.fechaFin = this.$moment.tz(this.itemNominaLiquidacion.fechaFin, \"America/Bogota\").format(\"DD-MM-YYYY\");\r\n        this.item.fechaInicio = this.$moment.tz(this.itemNominaLiquidacion.fechaInicio, \"America/Bogota\").format(\"DD-MM-YYYY\");\r\n        this.listaLiquidacionPersona = item; // this.item.nominaLiquidacionPersonaDetalle\r\n        this.nominaLiquidacionPersonaDetalle = this.item.nominaLiquidacionPersonaDetalle;\r\n        console.log(\"devenga lisra \", this.nominaLiquidacionPersonaDetalle);\r\n        for await (let itemDetalleL of this.nominaLiquidacionPersonaDetalle) {\r\n          console.log(\"lista itemdetalle\", itemDetalleL);\r\n          if (itemDetalleL.tDev > 0) {\r\n            // console.log('lista dev',itemDetalle.conceptoId)\r\n            console.log(\"lista 2136\", this.listaDevengados);\r\n            let filtroDev = this.listaDevengados.filter((x) => x.id == itemDetalleL.conceptoId);\r\n            console.log(\"filtroDev\", filtroDev);\r\n            itemDetalleL.concepto = filtroDev[0].descripcion;\r\n          }\r\n          if (itemDetalleL.tDed > 0) {\r\n            console.log(\"lista ded\", this.listaDeducciones);\r\n            let filtroDed = this.listaDeducciones.filter((y) => y.id == itemDetalleL.conceptoId);\r\n            itemDetalleL.concepto = filtroDed[0].descripcion;\r\n          }\r\n        }\r\n\r\n        console.log(\"listaLiquidacionPersona----******************> \", this.item);\r\n        console.log(\"listaLiquidacionPersona nominaLiquidacionPersonaDetalle --- \", this.nominaLiquidacionPersonaDetalle);\r\n        await this.getPersona();\r\n        this.$forceUpdate();\r\n      } catch (error) {\r\n        this.item = {};\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getPersona() {\r\n    // console.log('---- personaaaaaaaaaaaaaaaaa' , this.item.persona);\r\n\r\n      try {\r\n        console.log('aqui se ecneuntra posible metodo')\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Persona/GetPersona/\" + this.usuario_id,\r\n        });\r\n        console.log('DATOSDEPERSONALIQUIDA',res);\r\n\r\n        let resCargo = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"PersonaUbicacion/GetByPersona/\" + this.usuario_id,\r\n        });\r\n\r\n        //this.dataPersona = res;\r\n        this.persona.cargo = resCargo.cargo.nombre\r\n        this.persona.TipoDocumentoId = res.tipoDocumento.id;\r\n        this.persona.NumeroDocumento = res.numeroDocumento;\r\n        this.persona.Apellidos = res.apellidos;\r\n        this.persona.Nombres = res.nombres;\r\n        this.persona.FechaNacimiento = res.fechaNacimiento;\r\n        this.persona.FechaContratacion = res.fechaContratacion;\r\n        this.persona.RolId = res.rol.id;\r\n        this.persona.EstadoCivilId = res.estadoCivil.id;\r\n        this.persona.NivelReporte = res.nivelReporte == 0 ? null : res.nivelReporte;\r\n        if (res.nivelReporte != null) {\r\n          // TODO: como actuar en caso de que el usuario recien creado no tenga nivel de reporte?\r\n          if (res.nivelReporte.includes(\"[\")) {\r\n            this.selectedNivelesReporte = JSON.parse(res.nivelReporte);\r\n          } else {\r\n            this.selectedNivelesReporte.push(Number(res.nivelReporte));\r\n          }\r\n        }\r\n        this.persona.PaisId = res.pais.id;\r\n        this.persona.Direccion = res.direccion;\r\n        this.persona.DepartamentoPaisId = res.departamentoPais.id;\r\n        // this.getDepartmentoPaisList(this.persona.PaisId);\r\n        // this.actualizaMunicipios(this.persona.DepartamentoPaisId);\r\n        this.persona.TelefonoFijo = res.telefonoFijo;\r\n        this.persona.MunicipioId = res.municipio.id;\r\n        this.persona.TelefonoMovil = res.telefonoMovil;\r\n\r\n        this.persona.Correo = res.correo;\r\n        this.persona.EstadoUsuario = res.estadoUsuario == 0 ? null : res.estadoUsuario;\r\n        this.persona.JefeDirectoId = res.jefeDirectoId;\r\n        this.persona.CorreoNotificaciones = res.correoNotificaciones;\r\n        this.persona.ImagenPerfilUrl = res.imagenPerfilUrl;\r\n\r\n        this.persona.TipoContrato = res.tipoContrato;\r\n        this.persona.SalarioIntegral = res.salarioIntegral == true ? \"Si\" : \"No\";\r\n        this.persona.Salario = res.salario;\r\n        this.persona.TipoTrabajador = res.tipoTrabajador;\r\n        this.persona.SubtipoTrabajador = res.subtipoTrabajador;\r\n        this.persona.FrecuenciaPago = res.frecuenciaPago;\r\n        this.persona.AltoRiesgo = res.altoRiesgo == true ? 1 : 0;\r\n        this.persona.AuxilioTransporte = res.auxilioTransporte;\r\n        this.persona.SabadoLaboral = res.sabadoLaboral;\r\n        this.persona.NivelRiesgo = res.nivelRiesgo;\r\n        this.persona.DiasVacacionesAcumulados = res.diasVacacionesAcumulados;\r\n        this.persona.MetodoPago = res.metodoPago;\r\n        this.persona.Banco = res.banco;\r\n        this.persona.NumeroCuenta = res.numeroCuenta;\r\n        this.persona.TipoCuenta = res.tipoCuenta;\r\n        this.persona.Eps = res.eps;\r\n        this.persona.CajaCompensacion = res.cajaCompensacion;\r\n        this.persona.FondoPensiones = res.fondoPensiones;\r\n        this.persona.FondoCesantias = res.fondoCesantias;\r\n\r\n        //console.log(\"dataPersona**********************************\", res);\r\n      } catch (error) {\r\n        //this.dataPersona = {};\r\n        console.log(\"errox\", error);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\ndiv{\r\n  box-shadow: none !important;\r\n}\r\nbody {\r\n    font-family: Arial, sans-serif;\r\n    background-color: #e0e8f9;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 90vh;\r\n    margin: 0;\r\n}\r\n\r\n\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\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\r\n.bg-none,\r\n.bg-none > label,\r\n.bg-none > div > label {\r\n  background-color: white;\r\n  color: black;\r\n}\r\n.bg-none {\r\n  /* border:1px solid black */\r\n}\r\n.border {\r\n  border: 1px solid black;\r\n}\r\n.bg-white {\r\n  background-color: white !important;\r\n  color: black;\r\n  border: 1px solid black !important;\r\n}\r\n.bgwhite {\r\n  background-color: white !important;\r\n  color: black;\r\n}\r\n\r\n.bold {\r\n  font-weight: bold;\r\n}\r\n.dark .border {\r\n  border-color: black !important;\r\n}\r\n.text-dark {\r\n  color: black !important;\r\n}\r\n.table-responsive {\r\n  display: block;\r\n  width: 100%;\r\n  overflow-x: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n.table{\r\n  width: 900px;\r\n  \r\n}\r\ntable{\r\n  width: 900px;\r\n  \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!./Liquidacion_EditarDetalle.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_EditarDetalle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Liquidacion_EditarDetalle.vue?vue&type=template&id=49663edf&scoped=true\"\nimport script from \"./Liquidacion_EditarDetalle.vue?vue&type=script&lang=js\"\nexport * from \"./Liquidacion_EditarDetalle.vue?vue&type=script&lang=js\"\nimport style0 from \"./Liquidacion_EditarDetalle.vue?vue&type=style&index=0&id=49663edf&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  \"49663edf\",\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!./Liquidacion_EditarDetalle.vue?vue&type=style&index=0&id=49663edf&prod&scoped=true&lang=css\""],"sourceRoot":""}