{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_EditarDetalle.vue?9edb","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"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","staticStyle","on","$event","toPdf","scopedSlots","_u","key","fn","proxy","_s","item","persona","direccion","correo","numeroDocumento","nombres","apellidos","cargo","metodoDePago","fechaInicio","fechaFin","diasLiquidados","dataCards","_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-85a63874.ef310c61683810d9fa1b.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_EditarDetalle.vue?vue&type=style&index=0&id=4ec7948f&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('HXContentCard',{attrs:{\"title\":\"COLILLA DE PAGO\",\"defaultToBack\":\"\"}},[_c('p',{staticClass:\"text-center mt-3 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('button',{staticClass:\"ml-3 btn px-4 py-2 btn-success my-3\",staticStyle:{\"width\":\"fit-content\"},on:{\"click\":function($event){return _vm.toPdf()}}},[_vm._v(\"Generar Desprendible\")]),_c('form',[_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)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\r\n    <HXContentCard title=\"COLILLA DE PAGO\" defaultToBack>\r\n      <!-- <p>{{ itemNominaLiquidacion }}</p> -->\r\n      <p class=\"text-center mt-3 text-black\">Conoce el detalle de los devengados y deducciones incluidos en la\r\n        liquidación de la nómina de este período</p>\r\n      <button class=\"ml-3 btn px-4 py-2 btn-success my-3\" style='width: fit-content' @click=\"toPdf()\">Generar\r\n        Desprendible</button>\r\n        <!-- {{persona}} -->\r\n        <form>\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 ?\r\n                      item.persona.apellidos : \"\") }}\r\n                    </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\"\r\n                          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\" })\r\n                              }}</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\"\r\n                          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\" })\r\n                              }}</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        <form>\r\n          <vue-html2pdf :show-layout=\"false\" :float-layout=\"true\" :enable-download=\"true\" :preview-modal=\"true\"\r\n            :paginate-elements-by-height=\"2400\" filename=\"desprendible\" :pdf-quality=\"2\" :manual-pagination=\"false\"\r\n            pdf-format=\"a4\" :pdf-margin=\"10\" pdf-orientation=\"portrait\" pdf-content-width=\"1000px\"\r\n            @progress=\"onProgress($event)\" ref=\"html2Pdf\" :html-to-pdf-options=\"htmltopdfoptions\">\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\r\n                la\r\n                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 ?\r\n                          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\"\r\n                              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\"\r\n                              :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\", {\r\n                                  style:\r\n                                    \"currency\",\r\n                                  currency: \"COP\"\r\n                                }) }}</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\"\r\n                              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\"\r\n                              :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\", {\r\n                                  style:\r\n                                    \"currency\",\r\n                                  currency: \"COP\"\r\n                                }) }}</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\">Devengos:{{\r\n                            nominaLiquidacionPersonaDetalle.reduce((prev, curr) => prev + Number(curr.tDev),\r\n                              0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })\r\n                          }}</span>\r\n                        </div>\r\n                        <div class=\"col-3\">\r\n                          <span class=\"text-dark bold\">Deducciones:{{\r\n                            listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalDeducciones),\r\n                              0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })\r\n                          }}</span>\r\n                        </div>\r\n                        <div class=\"col-3\">\r\n                          <span class=\"text-dark bold\">Neto a pagar:{{\r\n                            listaLiquidacionPersona.reduce((prev, curr) => prev + Number(curr.totalPago),\r\n                              0).toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })\r\n                          }}</span>\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    </HXContentCard>\r\n  </b-container>\r\n</template>\r\n<script>\r\n  import { core } from \"../../../../config/pluginInit\";\r\n  import CardTable from \"../../../../components/cardTable/CardTableV2.vue\";\r\n  // const Swal = require(\"sweetalert2\");\r\n  //import Vue from 'vue';\r\n  import VueHtml2pdf from \"vue-html2pdf\";\r\n\r\n  //Vue.use(VueHtml2pdf);\r\n\r\n  export 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\n  div {\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  body {\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\n  th {\r\n    position: sticky;\r\n    top: 0px;\r\n    /* 0px if you don't have a navbar, but something is required */\r\n    background: #0c1a30;\r\n  }\r\n\r\n  th {\r\n    position: sticky;\r\n    top: 0px;\r\n    /* 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\r\n  .border {\r\n    border: 1px solid black;\r\n  }\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\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\r\n  .dark .border {\r\n    border-color: black !important;\r\n  }\r\n\r\n  .text-dark {\r\n    color: black !important;\r\n  }\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\r\n  .table {\r\n    width: 900px;\r\n\r\n  }\r\n\r\n  table {\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=4ec7948f&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=4ec7948f&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  \"4ec7948f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}