{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_EditarDetalle.vue?9edb","webpack:///./src/components/cardTable/CardTableV2.vue","webpack:///src/components/cardTable/CardTableV2.vue","webpack:///./src/components/cardTable/CardTableV2.vue?66a5","webpack:///./src/components/cardTable/CardTableV2.vue?9838","webpack:///./src/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/components/cardTable/CardTableV2.vue?c182"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_l","data","card","index","key","style","boxShadow","activeCard","color","on","$event","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","_e","class","width","height","backgroundColor","computeBorderRadius","tipo","iconName","computeAnimateIcon","animated","animatedState","shouldAnimateTitle","_v","_s","title","evaluateValue","value","staticRenderFns","props","type","Array","default","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","window","addEventListener","beforeDestroy","removeEventListener","methods","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","component","attrs","toPdf","scopedSlots","_u","fn","proxy","item","persona","direccion","correo","numeroDocumento","nombres","apellidos","cargo","metodoDePago","fechaInicio","fechaFin","diasLiquidados","dataCards","nominaLiquidacionPersonaDetalle","itemTable","id","tDev","concepto","Number","toLocaleString","currency","itemTable2","tDed","ref","htmltopdfoptions","onProgress","slot","reduce","prev","curr","listaLiquidacionPersona","totalDeducciones","totalPago","components","CardTable","VueHtml2pdf","name","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","salario","totalIngresosAdicionales","usuario_id","margin","image","quality","enableLinks","html2canvas","scale","jsPDF","unit","format","orientation","itemNominaLiquidacion","$isLoading","JSON","parse","localStorage","getItem","empresa","$route","params","user","getDeducciones","getDevengados","getNominaConfiguracion","getData","getMetodoDePago","core","$","DataTable","language","url","res","$store","dispatch","path","filter","x","metodoPago","nombre","$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"],"mappings":"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","file":"js/chunk-c1ba5466.6541af835e5d98671a02.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('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow: _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(card.animated, index)}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[_vm.showGlow[index] && _vm.animatedState[index] && _vm.shouldAnimateTitle[index] ? 'title-animate' : 'title-static']},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow: activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(card.animated, index)}`\" style=\"font-size: 1.5rem\"></i>\r\n      </div>\r\n      <div class=\"d-flex flex-column align-items-center\" style=\"flex-grow: 1; max-width: calc(100% - 60px)\">\r\n        <div :class=\"`title-container`\">\r\n          <span :class=\"[showGlow[index] && animatedState[index] && shouldAnimateTitle[index] ? 'title-animate' : 'title-static']\" class=\"font-weight-bold\">\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span class=\"font-weight-bold\" style=\"font-size: 18px\">{{ evaluateValue(card.value) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[index];\r\n        if (titleElement) {\r\n          // console.log(\"Client Width: \", titleElement.clientWidth);\r\n          // console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTableV2.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTableV2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTableV2.vue?vue&type=template&id=06fcb589&scoped=true\"\nimport script from \"./CardTableV2.vue?vue&type=script&lang=js\"\nexport * from \"./CardTableV2.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTableV2.vue?vue&type=style&index=0&id=06fcb589&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"06fcb589\",\n  null\n  \n)\n\nexport default component.exports","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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTableV2.vue?vue&type=style&index=0&id=06fcb589&prod&scoped=true&lang=css\""],"sourceRoot":""}