{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/Prestaciones/Herramientas.vue","webpack:///src/views/Helexium/Nomina/Prestaciones/Herramientas.vue","webpack:///./src/views/Helexium/Nomina/Prestaciones/Herramientas.vue?96af","webpack:///./src/views/Helexium/Nomina/Prestaciones/Herramientas.vue?bd9d","webpack:///./src/views/Helexium/Nomina/Prestaciones/PaginadorComponente.vue?45d4","webpack:///./src/views/Helexium/Nomina/Prestaciones/TablaComponente.vue?6307","webpack:///./src/views/Helexium/Nomina/Prestaciones/Herramientas.vue?f619","webpack:///./src/views/Helexium/Nomina/Prestaciones/PaginadorComponente.vue","webpack:///src/views/Helexium/Nomina/Prestaciones/PaginadorComponente.vue","webpack:///./src/views/Helexium/Nomina/Prestaciones/PaginadorComponente.vue?1e21","webpack:///./src/views/Helexium/Nomina/Prestaciones/PaginadorComponente.vue?376d","webpack:///./src/views/Helexium/Nomina/Prestaciones/TablaComponente.vue","webpack:///src/views/Helexium/Nomina/Prestaciones/TablaComponente.vue","webpack:///./src/views/Helexium/Nomina/Prestaciones/TablaComponente.vue?0fdd","webpack:///./src/views/Helexium/Nomina/Prestaciones/TablaComponente.vue?565d"],"names":["render","_vm","this","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","_v","proxy","listaMes","model","value","mesSeleccionado","callback","$$v","expression","listaAnios","anioSeleccionado","on","$event","filtrar","_s","liquidados","pendientes","liquidaciones","encabezadostablaJson","itemsPerPage","_l","listaItemsMaterial","item","id","rut","pacienteNombre","concepto","descripcion","tipo","valor","toFixed","staticRenderFns","name","components","dataTable","data","header","row","rutProfesional","Sucursal","Profesional","Contador","mes","persona","dataTableInstance","listaPacientes","listaProfesional","listaSucursal","listaItems","listaItemsbk","paciente","profesional","sucursal","anioActual","Date","getFullYear","anioInicio","anio","push","JSON","parse","localStorage","getItem","getMonth","window","$","DataTable","isDataTable","destroy","core","index","methods","cadenaMes","numero","meses","getTabla","filterData","verModal","$bvModal","show","$isLoading","res","$store","dispatch","path","sort","a","b","contador","filter","x","length","error","primerDia","ultimoDia","map","nombreProfesional","component","class","disabled","currentPage","preventDefault","changePage","totalPages","page","active","props","total","type","Number","required","perPage","default","computed","Math","ceil","get","set","newValue","$emit","listPerPage","directives","rawName","searchQuery","domProps","target","composing","_e","headers","paginatedData","rowIndex","colIndex","formatValue","filteredData","Pagination","Array","Object","values","some","String","toLowerCase","includes","start","end","slice","watch","date","isNaN","getDate","padStart","toLocaleString","style","currency","undefined"],"mappings":"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","file":"js/chunk-3e89ee4c.9927f8dce71a5bee7008.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"custom-container\"},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{staticClass:\"p-0\",scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-column align-items-start\"},[_c('h3',{staticClass:\"card-title p-0\"},[_c('b',[_vm._v(\"Herramientas\")])])])]},proxy:true}])},[_c('div',{staticClass:\"row m-3\"},[_c('div',{staticClass:\"col-2 px-0\"},[_c('h4',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Mes:\")])]),_c('b-select',{staticClass:\"form-control bg-dark personalizado\",attrs:{\"options\":_vm.listaMes,\"text-field\":\"mes\",\"value-field\":\"id\"},model:{value:(_vm.mesSeleccionado),callback:function ($$v) {_vm.mesSeleccionado=$$v},expression:\"mesSeleccionado\"}})],1),_c('div',{staticClass:\"col-1 px-1\"},[_c('h4',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Año:\")])]),_c('b-select',{staticClass:\"form-control bg-dark personalizado\",attrs:{\"options\":_vm.listaAnios},model:{value:(_vm.anioSeleccionado),callback:function ($$v) {_vm.anioSeleccionado=$$v},expression:\"anioSeleccionado\"}})],1),_c('div',{staticClass:\"col-1 px-0 mt-3\"},[_c('vs-button',{staticClass:\"px-2 py-1\",attrs:{\"primary\":\"\",\"id\":\"sendform2\"},on:{\"click\":function($event){return _vm.filtrar(1)}}},[_c('i',{staticClass:\"fas fa-search mr-1\"})])],1)]),_c('div',{staticClass:\"px-3 pt-3\"},[_c('div',[_c('div',{staticClass:\"m-3\"},[_c('h4',[_c('b',[_vm._v(\"Liquidaciones realizadas y pendientes\")])]),_c('p',[_vm._v(_vm._s(`Liquidados = ${_vm.liquidados} / Pendientes = ${_vm.pendientes}`))])]),_c('data-table',{attrs:{\"data\":_vm.liquidaciones,\"headers\":_vm.encabezadostablaJson[0],\"items-per-page\":_vm.itemsPerPage}})],1),_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"m-3\"},[_c('h4',[_c('b',[_vm._v(\"Resumen de liquidaciones \")])])]),_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_ttos\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Identificación Paciente\")]),_c('th',[_vm._v(\"Paciente nombre\")]),_c('th',[_vm._v(\"Ttos realizados\")]),_c('th',[_vm._v(\"Mat. Especial\")]),_c('th',[_vm._v(\"C. Remisión\")]),_c('th',[_vm._v(\"C. Laboratorio\")]),_c('th',[_vm._v(\"T. Agregados\")]),_c('th',[_vm._v(\"T. Descuentos\")]),_c('th',[_vm._v(\"Neto Honorarios\")]),_c('th',[_vm._v(\"Total\")])])]),_c('tbody',_vm._l((_vm.listaItemsMaterial),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(\" \"+_vm._s(item.rut)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.pacienteNombre)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.concepto)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.descripcion)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.tipo)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.valor.toFixed(0))+\" \")])])}),0)])])])])],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"custom-container\">\r\n      <b-row>\r\n        <b-col sm=\"12\">\r\n          <card class=\"p-0\">\r\n            <template class=\"p-0\" v-slot:headerTitle>\r\n              <div class=\"d-flex flex-column align-items-start\">\r\n                <h3 class=\"card-title p-0\">\r\n                  <b>Herramientas</b>\r\n                </h3>\r\n              </div>\r\n            </template>\r\n            <div class=\"row m-3\">\r\n              <div class=\"col-2 px-0\">\r\n                <h4 class=\"mb-2\"><b>Mes:</b></h4>\r\n                <b-select v-model=\"mesSeleccionado\" class=\"form-control bg-dark personalizado\" :options=\"listaMes\" text-field=\"mes\" value-field=\"id\" />\r\n              </div>\r\n              <div class=\"col-1 px-1\">\r\n                <h4 class=\"mb-2\"><b>Año:</b></h4>\r\n                <b-select v-model=\"anioSeleccionado\" class=\"form-control bg-dark personalizado\" :options=\"listaAnios\" />\r\n              </div>\r\n              <div class=\"col-1 px-0 mt-3\">\r\n                <vs-button primary class=\"px-2 py-1\" @click=\"filtrar(1)\" id=\"sendform2\">\r\n                  <i class=\"fas fa-search mr-1\"></i>\r\n                </vs-button>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"mx-3\">\r\n              <b-button v-if=\"profesional\" variant=\"info\" class=\"float-left mt-3 mr-3\" @click=\"verResumen()\">Ver Resumen</b-button>\r\n            </div> -->\r\n\r\n            <div class=\"px-3 pt-3\">\r\n              <!-- <div class=\"text-center py-2\">\r\n                <label class=\"h5\"\r\n                  ><b>{{ profesional != null ? profesional.nombreProfesional : \"\" }}</b>\r\n                </label>\r\n              </div> -->\r\n\r\n              <div>\r\n                <div class=\"m-3\">\r\n                  <h4><b>Liquidaciones realizadas y pendientes</b></h4>\r\n                  <p>{{ `Liquidados = ${liquidados} / Pendientes = ${pendientes}` }}</p>\r\n                </div>\r\n                <data-table :data=\"liquidaciones\" :headers=\"encabezadostablaJson[0]\" :items-per-page=\"itemsPerPage\" />\r\n\r\n                <!-- <table id=\"datatable_ttos\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n                  <thead>\r\n                    <tr>\r\n                      <th>Rut del profesional</th>\r\n                      <th>Sucursal</th>\r\n                      <th>Profesional</th>\r\n                      <th>liquidado</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr v-for=\"item in liquidaciones\" :key=\"item.id\">\r\n                      <td>\r\n                        {{ item.rutProfesional }}\r\n                      </td>\r\n                      <td>\r\n                        {{ item.sucursal }}\r\n                      </td>\r\n                      <td>\r\n                        {{ item.profesional }}\r\n                      </td>\r\n                      <td>{{ item.contador > 0 ? `Si (${item.contador})` : `No (${item.contador})` }}</td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table> -->\r\n              </div>\r\n              <!-- Costos material especial\t -->\r\n              <div class=\"mt-4\">\r\n                <div class=\"m-3\">\r\n                  <h4><b>Resumen de liquidaciones </b></h4>\r\n                </div>\r\n\r\n                <table id=\"datatable_ttos\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n                  <thead>\r\n                    <tr>\r\n                      <th>Identificación Paciente</th>\r\n                      <th>Paciente nombre</th>\r\n                      <th>Ttos realizados</th>\r\n                      <th>Mat. Especial</th>\r\n                      <th>C. Remisión</th>\r\n                      <th>C. Laboratorio</th>\r\n                      <th>T. Agregados</th>\r\n                      <th>T. Descuentos</th>\r\n                      <th>Neto Honorarios</th>\r\n                      <th>Total</th>\r\n                      <!-- <th>Valor</th> -->\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr v-for=\"item in listaItemsMaterial\" :key=\"item.id\">\r\n                      <td>\r\n                        {{ item.rut }}\r\n                      </td>\r\n                      <td>\r\n                        {{ item.pacienteNombre }}\r\n                      </td>\r\n                      <td>\r\n                        {{ item.concepto }}\r\n                      </td>\r\n                      <td>\r\n                        {{ item.descripcion }}\r\n                      </td>\r\n                      <td>\r\n                        {{ item.tipo }}\r\n                      </td>\r\n                      <td>\r\n                        {{ item.valor.toFixed(0) }}\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </div>\r\n          </card>\r\n        </b-col>\r\n      </b-row>\r\n\r\n      <!-- <b-modal no-enforce-focus :title=\"'Resumen: ' + cadenaMes() + ' ' + anioSeleccionado\" id=\"resumen\" size=\"lg\" hide-footer body-class=\"body-modal-custom\">\r\n        <div class=\"p-2 mb-3 text-center\">\r\n          <span class=\"h5\"> {{ profesional != null ? profesional.nombreProfesional : \"\" }} </span>\r\n        </div>\r\n\r\n        <div class=\"row px-3\">\r\n          <div class=\"col-6 px-1\">\r\n            <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Ttos. realizados, cancelados y evol. :</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>\r\n                    {{ totalTtosRealizados.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"col-6 px-1\">\r\n            <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Costos material especial</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>\r\n                    {{ totalCostosMaterial.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"col-6 px-1\">\r\n            <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Costos de remisión</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>\r\n                    {{ totalCostosRemision.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"col-6 px-1\">\r\n            <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Costos de laboratorio</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>\r\n                    {{ totalCostosLaboratorio.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n          <div class=\"col-6 px-1\">\r\n            <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Total agregados</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>\r\n                    {{ totalAgregados.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"col-6 px-1\">\r\n            <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Total descuentos</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>\r\n                    {{ totalDescuentos.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <div class=\"col-12 px-1\">\r\n            <table id=\"datatable_registroServicios\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>valor neto honorarios</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>\r\n                    {{ totalNetoHonorarios.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" }) }}\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </b-modal> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { core } from \"../../../../config/pluginInit\";\r\nimport dataTable from \"./TablaComponente.vue\";\r\n\r\n// import moment_timezone from \"moment-timezone\";\r\n// import CardTable from \"../../../../components/cardTable/CardTable.vue\";\r\n// import CardTable from \"@/components/cardTable/CardTableV2.vue\";\r\n// import CardTable from \"@/components/cardTable/CardTableV3.vue\";\r\n// import * as XLSX from \"xlsx\";\r\n\r\n// import BtnAddCardTable from \"../../../../components/btnCardTable/btnAddCardTable.vue\";\r\n\r\n// const Swal = require(\"sweetalert2\");\r\nexport default {\r\n  name: \"registroServicios\",\r\n  components: {\r\n    dataTable,\r\n    // CardTable,\r\n    // BtnAddCardTable,\r\n  },\r\n  data() {\r\n    return {\r\n      encabezadostablaJson: [\r\n        //ttos realizados\r\n        [\r\n          { header: \"Identificación del profesional\", key: \"rutProfesional\" },\r\n          { header: \"Sucursal\", key: \"sucursal\" },\r\n          { header: \"Profesional\", key: \"profesional\" },\r\n          { header: \"Liquidado\", key: \"contador\" },\r\n        ],\r\n      ],\r\n      liquidaciones: [],\r\n      liquidados: 0,\r\n      pendientes: 0,\r\n      row: [\r\n        { id: 1, rutProfesional: 123, Sucursal: \"testS\", Profesional: \"testN\", Contador: 1 },\r\n        { id: 2, rutProfesional: 123, Sucursal: \"testS\", Profesional: \"testN\", Contador: 1 },\r\n        { id: 3, rutProfesional: 123, Sucursal: \"testS\", Profesional: \"testN\", Contador: 1 },\r\n        { id: 4, rutProfesional: 123, Sucursal: \"testS\", Profesional: \"testN\", Contador: 1 },\r\n      ],\r\n      listaMes: [\r\n        { id: 1, mes: \"Enero\" },\r\n        { id: 2, mes: \"Febrero\" },\r\n        { id: 3, mes: \"Marzo\" },\r\n        { id: 4, mes: \"Abril\" },\r\n        { id: 5, mes: \"Mayo\" },\r\n        { id: 6, mes: \"Junio\" },\r\n        { id: 7, mes: \"Julio\" },\r\n        { id: 8, mes: \"Agosto\" },\r\n        { id: 9, mes: \"Septiembre\" },\r\n        { id: 10, mes: \"Octubre\" },\r\n        { id: 11, mes: \"Noviembre\" },\r\n        { id: 12, mes: \"Diciembre\" },\r\n      ],\r\n      listaAnios: [],\r\n      mesSeleccionado: null,\r\n      anioSeleccionado: null,\r\n      persona: {},\r\n      dataTableInstance: null,\r\n      listaPacientes: [],\r\n      listaProfesional: [],\r\n      listaSucursal: [],\r\n      listaItems: [],\r\n      listaItemsbk: [],\r\n\r\n      paciente: null,\r\n      profesional: null,\r\n      sucursal: null,\r\n      listaItemsMaterial: [],\r\n      itemsPerPage: 10,\r\n      // listaLaboratorio: [],\r\n      // listaLaboratorioBk: [],\r\n      // listaItemsRemision: [],\r\n      // listattos: [],\r\n      // Registro: {},\r\n      // Periodo: {},\r\n      // otrosConceptos: [],\r\n      // pacienteManual: \"\",\r\n      // totalAgregados: 0,\r\n      // totalDescuentos: 0,\r\n      // totalTtosRealizados: 0,\r\n      // totalCostosMaterial: 0,\r\n      // totalCostosRemision: 0,\r\n      // totalCostosLaboratorio: 0,\r\n      // totalNetoHonorarios: 0,\r\n\r\n      // activaTablas: false,\r\n    };\r\n  },\r\n  async mounted() {\r\n    const anioActual = new Date().getFullYear();\r\n    const anioInicio = anioActual - 2;\r\n    const listaAnios = [];\r\n\r\n    for (let anio = anioInicio; anio <= anioActual; anio++) {\r\n      listaAnios.push(anio);\r\n    }\r\n    this.listaAnios = listaAnios;\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    this.listaItems = [];\r\n    this.mesSeleccionado = new Date().getMonth();\r\n    this.anioSeleccionado = new Date().getFullYear();\r\n    // this.Periodo = this.obtenerPrimerYUltimoDiaDelMes(this.anioSeleccionado, this.mesSeleccionado);\r\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n      window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n    }\r\n\r\n    core.index();\r\n  },\r\n  methods: {\r\n    cadenaMes() {\r\n      let numero = this.mesSeleccionado;\r\n      const meses = [\"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"];\r\n\r\n      // Verificar que el número esté en el rango válido (1-12)\r\n      if (numero < 1 || numero > 12) {\r\n        return \"Número inválido. Debe estar entre 1 y 12.\";\r\n      }\r\n\r\n      // Restar 1 para obtener el índice correcto del mes\r\n      return meses[numero - 1];\r\n    },\r\n    getTabla() {\r\n      // try {\r\n      //   let res = await this.$store.dispatch(\"denti_get\", {\r\n      //     path: \"Prestaciones/ListaProfesionalesPorPeriodo/\" + primerDia + \"/\" + ultimoDia,\r\n      //   });\r\n      //   this.row = res\r\n      // } catch (error) {\r\n      //   console.log('error',error)\r\n      // }\r\n    },\r\n    filterData() {\r\n      // if (item == 1) {\r\n      //   this.profesional = null;\r\n      //   this.sucursal = null;\r\n      //   ////////\r\n      //   this.$isLoading(true);\r\n      //   //filtrar x mes y año\r\n      //   let mesSeleccionado = new Date(this.anioSeleccionado + \"/\" + this.mesSeleccionado + \"/01\").getMonth();\r\n      //   let anioSeleccionado = this.anioSeleccionado; //new Date().getFullYear();\r\n      //   this.Periodo = this.obtenerPrimerYUltimoDiaDelMes(anioSeleccionado, mesSeleccionado);\r\n      //   await this.getTabla(this.Periodo.primerDia, this.Periodo.ultimoDia);\r\n      //   this.$isLoading(false);\r\n      // }\r\n    },\r\n    // obtenerSucursales() {\r\n    //   alert(\"asd\");\r\n    // },\r\n    // verResumen() {\r\n    //   this.$bvModal.show(\"resumen\");\r\n    // },\r\n    // showToast(type, message) {\r\n    //   console.log(type);\r\n    //   if (type == \"success\") {\r\n    //     this.$toast.success(message, {\r\n    //       position: \"top-center\",\r\n    //       timeout: 1492,\r\n    //       closeOnClick: true,\r\n    //       pauseOnFocusLoss: false,\r\n    //       pauseOnHover: false,\r\n    //       draggable: false,\r\n    //       draggablePercent: 0.41,\r\n    //       showCloseButtonOnHover: false,\r\n    //       hideProgressBar: true,\r\n    //       closeButton: \"button\",\r\n    //       icon: true,\r\n    //       rtl: false,\r\n    //     });\r\n    //   }\r\n    //   if (type == \"error\")\r\n    //     this.$toast.error(message, {\r\n    //       position: \"top-center\",\r\n    //       timeout: 1492,\r\n    //       closeOnClick: true,\r\n    //       pauseOnFocusLoss: false,\r\n    //       pauseOnHover: false,\r\n    //       draggable: false,\r\n    //       draggablePercent: 0.41,\r\n    //       showCloseButtonOnHover: false,\r\n    //       hideProgressBar: true,\r\n    //       closeButton: \"button\",\r\n    //       icon: true,\r\n    //       rtl: false,\r\n    //     });\r\n    //   if (type == \"warning\")\r\n    //     this.$toast.warning(message, {\r\n    //       position: \"top-center\",\r\n    //       timeout: 1492,\r\n    //       closeOnClick: true,\r\n    //       pauseOnFocusLoss: false,\r\n    //       pauseOnHover: false,\r\n    //       draggable: false,\r\n    //       draggablePercent: 0.41,\r\n    //       showCloseButtonOnHover: false,\r\n    //       hideProgressBar: true,\r\n    //       closeButton: \"button\",\r\n    //       icon: true,\r\n    //       rtl: false,\r\n    //     });\r\n    // },\r\n\r\n    verModal() {\r\n      this.$bvModal.show(\"nuevoServicio\");\r\n    },\r\n\r\n    // exportToExcel() {\r\n    //   // Crear las hojas de datos de cada array con títulos y sumatorias\r\n    //   const sheet1 = this.createSheetWithSum(this.listaItems, \"Prestaciones\", \"valorPrestacion\");\r\n    //   const sheet2 = this.createSheetWithSum(this.listaItemsMaterial, \"Material Especial\", \"valor\");\r\n    //   const sheet3 = this.createSheetWithSum(this.listaLaboratorio, \"Costos Laboratorio\", \"valorPrestacion\");\r\n\r\n    //   // Crear un nuevo libro de trabajo\r\n    //   const wb = XLSX.utils.book_new();\r\n\r\n    //   // Agregar cada hoja de trabajo con el nombre deseado\r\n    //   XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(sheet1), \"Prestaciones\");\r\n    //   XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(sheet2), \"Material Especial\");\r\n    //   XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(sheet3), \"Costos Laboratorio\");\r\n\r\n    //   // Exportar el archivo Excel\r\n    //   // XLSX.writeFile(wb, 'datos_separados.xlsx');\r\n    //   XLSX.writeFile(wb, \"Liquidación-\" + this.profesional + \"-\" + this.mesSeleccionado + \"-\" + this.anioSeleccionado + \"-\" + this.sucursal + \".xlsx\");\r\n    // },\r\n\r\n    // Función para crear una hoja con sumatoria\r\n    // createSheetWithSum(data, title, sumColumn) {\r\n    //   // Verificar si el array de datos está vacío\r\n    //   if (!data || data.length === 0) {\r\n    //     console.warn(`El array ${title} está vacío o no está definido.`);\r\n    //     return [[title], [\"No hay datos disponibles\"]]; // Retorna un mensaje si el array está vacío\r\n    //   }\r\n\r\n    //   const headers = Object.keys(data[0]); // Obtener encabezados de las claves del array\r\n    //   const sheetData = [];\r\n\r\n    //   // Agregar los encabezados de las columnas\r\n    //   sheetData.push(headers);\r\n\r\n    //   // Agregar los datos del array\r\n    //   data.forEach((item) => {\r\n    //     sheetData.push(headers.map((key) => item[key]));\r\n    //   });\r\n\r\n    //   // Calcular y agregar la fila de sumatoria\r\n    //   const sumRow = headers.map((key) => (key === sumColumn ? this.sumColumn(data, key) : \"\"));\r\n    //   sheetData.push([\"Total\", ...sumRow.slice(1)]); // Agregar 'Total' y la sumatoria\r\n\r\n    //   return sheetData;\r\n    // },\r\n\r\n    // Función para calcular la sumatoria de una columna específica\r\n    // sumColumn(data, column) {\r\n    //   return data.reduce((sum, item) => {\r\n    //     const value = Number(item[column]); // Convertir a número\r\n    //     return sum + (isNaN(value) ? 0 : value); // Sumar solo si es un número válido\r\n    //   }, 0);\r\n    // },\r\n\r\n    async filtrar() {\r\n      try {\r\n        this.$isLoading(true);\r\n        this.liquidaciones = [];\r\n        let res = await this.$store.dispatch(\"denti_get\", {\r\n          path: \"Prestaciones/ListaLiquidados/\" + this.mesSeleccionado + \"/\" + this.anioSeleccionado,\r\n        });\r\n        res = res.sort((a, b) => a.contador - b.contador);\r\n\r\n        this.liquidaciones = res;\r\n        let liquidados = this.liquidaciones.filter((x) => x.contador > 0);\r\n        this.liquidados = liquidados.length;\r\n        let pendientes = this.liquidaciones.filter((x) => x.contador == 0);\r\n        this.pendientes = pendientes.length;\r\n        this.$isLoading(false);\r\n      } catch (error) {\r\n        this.$isLoading(false);\r\n      }\r\n    },\r\n    //   this.otrosConceptos = [];\r\n    //   this.listaItems = [];\r\n    //   if (item == 1) {\r\n    //     this.profesional = null;\r\n    //     this.sucursal = null;\r\n    //     ////////\r\n    //     this.$isLoading(true);\r\n    //     //filtrar x mes y año\r\n    //     let mesSeleccionado = new Date(this.anioSeleccionado + \"/\" + this.mesSeleccionado + \"/01\").getMonth();\r\n    //     let anioSeleccionado = this.anioSeleccionado; //new Date().getFullYear();\r\n    //     this.Periodo = this.obtenerPrimerYUltimoDiaDelMes(anioSeleccionado, mesSeleccionado);\r\n    //     await this.getData(this.Periodo.primerDia, this.Periodo.ultimoDia);\r\n\r\n    //     this.$isLoading(false);\r\n    //   }\r\n    //   if (item == 2) {\r\n    //     //problema: no existe rut del profesional en prestaciones\r\n    //     try {\r\n    //       this.$isLoading(true);\r\n\r\n    //       //filtrando materiales si ha seleccionado profesional y sucursal\r\n    //       let mesSeleccionado = new Date(this.anioSeleccionado + \"/\" + this.mesSeleccionado + \"/01\").getMonth();\r\n    //       let anioSeleccionado = this.anioSeleccionado; //new Date().getFullYear();\r\n    //       this.Periodo = this.obtenerPrimerYUltimoDiaDelMes(anioSeleccionado, mesSeleccionado);\r\n    //       console.log(\"periodo\", this.Periodo);\r\n    //       await this.obtenerData(this.Periodo.primerDia, this.Periodo.ultimoDia);\r\n    //       // obtener otros conceptos\r\n    //       await this.obtenerOtrosConceptos(this.Periodo.primerDia, this.Periodo.ultimoDia);\r\n    //       this.listattos = this.listaItems.filter((x) => x.concepto == \"Ttos. realizados, cancelados y evolucionados\");\r\n    //       this.listaItemsMaterial = this.listaItems.filter((x) => x.concepto == \"Costos material especial\");\r\n    //       this.listaItemsRemision = this.listaItems.filter((x) => x.concepto == \"Costos de remisión\");\r\n\r\n    //       this.listaLaboratorio = this.listaItems.filter((x) => x.concepto == \"Costos Laboratorio\");\r\n\r\n    //       // totalizando datos\r\n\r\n    //       this.totalAgregados = 0;\r\n    //       this.totalDescuentos = 0;\r\n    //       // this.otrosConceptos.forEach((item) => {\r\n    //       //   if (item.tipo === \"Descuento\") {\r\n    //       //     this.totalDescuentos += item.valor;\r\n    //       //   }\r\n    //       //   // else if (item.tipo === \"Agregado\") {\r\n    //       //   //   this.totalAgregados += item.valor;\r\n    //       //   // }\r\n    //       // });\r\n    //       //// CALCULANDO AGREGADOS Y DESCUENTOS DE OTROS CONCEPTOS\r\n    //       let listaAgregados = this.otrosConceptos.filter((x) => x.tipo != \"Descuento\");\r\n    //       let totalAgregados = listaAgregados.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n    //       //this.totalAgregados = totalAgregados;\r\n\r\n    //       let listaDescuentos = this.otrosConceptos.filter((x) => x.tipo == \"Descuento\");\r\n    //       let totalDescuentos = listaDescuentos.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n    //       //this.totalDescuentos = totalDescuentos;\r\n\r\n    //       //CALCULANDO AGREGADOS Y DESCUENTOS DE LISTAITEMS\r\n    //       let listaAgregadosttos = this.listaItems.filter((x) => x.tipo != \"Descuento\");\r\n    //       let totalAgregadosttos = listaAgregadosttos.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n\r\n    //       let listaDescuentosttos = this.listaItems.filter((x) => x.tipo == \"Descuento\");\r\n    //       let totalDescuentosttos = listaDescuentosttos.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n\r\n    //       this.totalDescuentos = Number(totalDescuentosttos) + Number(totalDescuentos);\r\n    //       this.totalAgregados = Number(totalAgregadosttos) + Number(totalAgregados);\r\n    //       this.totalNetoHonorarios = Number(this.totalAgregados) - Number(this.totalDescuentos);\r\n\r\n    //       ///calculos totales///////////////////////////////////////////\r\n\r\n    //       this.totalTtosRealizados = this.listaItems.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = Number(currentItem.porcentaje) > 0 ? parseFloat(currentItem.valorPrestacionSub) : parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n\r\n    //       this.totalCostosMaterial = this.listaItemsMaterial.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n\r\n    //       this.totalCostosRemision = this.listaItemsRemision.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n\r\n    //       this.totalCostosLaboratorio = this.listaLaboratorio.reduce((accumulator, currentItem) => {\r\n    //         const valueToAdd = parseFloat(currentItem.valor);\r\n    //         return accumulator + valueToAdd;\r\n    //       }, 0);\r\n    //       // let sumatorias = parseFloat(this.listattos) + parseFloat(this.totalAgregados);\r\n    //       // let descuentos = parseFloat(this.totalCostosLaboratorio) + parseFloat(this.totalCostosRemision) + parseFloat(this.totalDescuentos);\r\n\r\n    //       //this.totalNetoHonorarios = ; //sumatorias - descuentos;\r\n\r\n    //       this.$forceUpdate();\r\n    //       this.$isLoading(false);\r\n    //     } catch (error) {\r\n    //       this.$isLoading(false);\r\n    //     }\r\n    //     //console.log(\"profesional data\", this);\r\n    //     // idProfesional = idProfesional[0].rut;\r\n    //     // console.log(\"profesional data\", idProfesional);\r\n    //   }\r\n    // },\r\n    // async obtenerData(primerDia, ultimoDia) {\r\n    //   console.log(\"proff\", this.profesional.nombreProfesional);\r\n    //   this.listaItems = [];\r\n    //   let res = await this.$store.dispatch(\"denti_get\", {\r\n    //     path: \"Prestaciones/MiHonorarioPorProfesionalFecha/\" + this.profesional.nombreProfesional + \"/\" + primerDia + \"/\" + ultimoDia,\r\n    //   });\r\n    //   console.log(\"otros\", res);\r\n    //   this.listaItems = res;\r\n    // },\r\n    // async obtenerOtrosConceptos(primerDia, ultimoDia) {\r\n    //   this.otrosConceptos = [];\r\n    //   let res = await this.$store.dispatch(\"denti_get\", {\r\n    //     path: \"Prestaciones/ListaOtrosConceptosPorProfesional/\" + primerDia + \"/\" + ultimoDia + \"/\" + this.profesional.nombreProfesional + \"/\",\r\n    //   });\r\n    //   console.log(\"otros\", res);\r\n    //   this.otrosConceptos = res;\r\n    // },\r\n\r\n    // obtenerPrimerYUltimoDiaDelMes(anio, mes) {\r\n\r\n    //   const primerDia = new Date(anio, mes, 1);\r\n    //   const ultimoDia = new Date(anio, mes + 1, 0);\r\n\r\n    //   return {\r\n    //     primerDia: primerDia.toISOString().split(\"T\")[0],\r\n    //     ultimoDia: ultimoDia.toISOString().split(\"T\")[0],\r\n    //   };\r\n    // },\r\n    async getData(primerDia, ultimoDia) {\r\n      try {\r\n        if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n          window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n        }\r\n        this.listaItems = [];\r\n        // console.log(\"getdata dentisalud\", Periodo);\r\n        let res = await this.$store.dispatch(\"denti_get\", {\r\n          path: \"Prestaciones/ListaProfesionalesPorPeriodo/\" + primerDia + \"/\" + ultimoDia,\r\n        });\r\n        console.log(\"res dentisalud \", res);\r\n\r\n        this.listaProfesional = res.map((x) => ({\r\n          // console.log(x.profesional.nombreProfesional);\r\n          nombreProfesional: x.profesional.nombreProfesional,\r\n        }));\r\n\r\n        // this.listaSucursal = res.map((pa) => pa.sucursalPpto).filter((nombrep, indexp, selfp) => selfp.indexOf(nombrep) === indexp);\r\n        // this.listaSucursal.sort((a, b) => {\r\n        //   if (a < b) return -1;\r\n        //   if (a > b) return 1;\r\n        //   return 0;\r\n        // });\r\n\r\n        // console.log(\"pacientes \", this.listaPacientes);\r\n        // console.log(\"list registroServicios...\", res);\r\n        // if (res.success) {\r\n        //   this.listaItems = res.data.map((service) => {\r\n        //     return {\r\n        //       ...service,\r\n        //       placa: this.getPlacaVehiculo(service.placaId),\r\n        //       estado: service.fechaFin ? true : false,\r\n        //     };\r\n        //   });\r\n        //   // console.log(this.listaItems);\r\n        // } else {\r\n        //   this.listaItems = [];\r\n        // }\r\n        this.$isLoading(false);\r\n\r\n        // this.$nextTick(function () {\r\n        //   if (!window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n        //     window.$(\"#datatable_registroServicios\").DataTable();\r\n        //   }\r\n        // });\r\n\r\n        // core.index();\r\n\r\n        // if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n        //   window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n        // }\r\n        // this.dataTableInstance = window.$(\"#datatable_registroServicios\").DataTable({\r\n        //   language: {\r\n        //     url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n        //   },\r\n        // });\r\n        // this.$forceUpdate();\r\n      } catch (error) {\r\n        this.$isLoading(false);\r\n\r\n        this.listaItems = [];\r\n        console.log(\"err dentisalud \", error);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.custom-popup {\r\n  background-color: #f0f8ff;\r\n  border-radius: 10px;\r\n  padding: 1em;\r\n  font-size: 1rem !important;\r\n}\r\n\r\n.custom-title {\r\n  color: #333;\r\n  font-size: 0.5rem !important;\r\n  font-weight: bold;\r\n}\r\n\r\n.custom-input {\r\n  border: 1px solid #ddd;\r\n  padding: 0.5em;\r\n  border-radius: 5px;\r\n}\r\n\r\n.custom-confirm-button {\r\n  background-color: #4caf50;\r\n  color: white;\r\n  padding: 0.5em 1.5em;\r\n}\r\n\r\n.custom-cancel-button {\r\n  background-color: #f44336;\r\n  color: white;\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!./Herramientas.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!./Herramientas.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Herramientas.vue?vue&type=template&id=8881c9ee&scoped=true\"\nimport script from \"./Herramientas.vue?vue&type=script&lang=js\"\nexport * from \"./Herramientas.vue?vue&type=script&lang=js\"\nimport style0 from \"./Herramientas.vue?vue&type=style&index=0&id=8881c9ee&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  \"8881c9ee\",\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!./PaginadorComponente.vue?vue&type=style&index=0&id=acf4cf92&prod&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TablaComponente.vue?vue&type=style&index=0&id=4cd915dc&prod&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Herramientas.vue?vue&type=style&index=0&id=8881c9ee&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('nav',{attrs:{\"aria-label\":\"Page navigation\"}},[_c('ul',{staticClass:\"pagination justify-content-end\"},[_c('li',{staticClass:\"page-item\",class:{ disabled: _vm.currentPage === 1 }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changePage(_vm.currentPage - 1)}}},[_vm._v(\"Anterior\")])]),_vm._l((_vm.totalPages),function(page){return _c('li',{key:page,staticClass:\"page-item\",class:{ active: page === _vm.currentPage }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changePage(page)}}},[_vm._v(_vm._s(page))])])}),_c('li',{staticClass:\"page-item\",class:{ disabled: _vm.currentPage === _vm.totalPages }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changePage(_vm.currentPage + 1)}}},[_vm._v(\"Siguiente\")])])],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <nav aria-label=\"Page navigation\">\r\n    <ul class=\"pagination justify-content-end\">\r\n      <li class=\"page-item\" :class=\"{ disabled: currentPage === 1 }\">\r\n        <a class=\"page-link\" href=\"#\" @click.prevent=\"changePage(currentPage - 1)\">Anterior</a>\r\n      </li>\r\n      <li v-for=\"page in totalPages\" :key=\"page\" class=\"page-item\" :class=\"{ active: page === currentPage }\">\r\n        <a class=\"page-link\" href=\"#\" @click.prevent=\"changePage(page)\">{{ page }}</a>\r\n      </li>\r\n      <li class=\"page-item\" :class=\"{ disabled: currentPage === totalPages }\">\r\n        <a class=\"page-link\" href=\"#\" @click.prevent=\"changePage(currentPage + 1)\">Siguiente</a>\r\n      </li>\r\n    </ul>\r\n  </nav>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    total: { type: Number, required: true },\r\n    perPage: { type: Number, required: true },\r\n    value: { type: Number, default: 1 },\r\n  },\r\n  computed: {\r\n    totalPages() {\r\n      return Math.ceil(this.total / this.perPage);\r\n    },\r\n    currentPage: {\r\n      get() {\r\n        return this.value;\r\n      },\r\n      set(newValue) {\r\n        this.$emit(\"input\", newValue);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    changePage(page) {\r\n      if (page > 0 && page <= this.totalPages) {\r\n        this.currentPage = page;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.pagination .page-item.active .page-link {\r\n  background-color: #007bff;\r\n  border-color: #007bff;\r\n  color: white;\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!./PaginadorComponente.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!./PaginadorComponente.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PaginadorComponente.vue?vue&type=template&id=acf4cf92&scoped=true\"\nimport script from \"./PaginadorComponente.vue?vue&type=script&lang=js\"\nexport * from \"./PaginadorComponente.vue?vue&type=script&lang=js\"\nimport style0 from \"./PaginadorComponente.vue?vue&type=style&index=0&id=acf4cf92&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  \"acf4cf92\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"table-responsive\"},[(_vm.data.length > 0)?_c('div',{staticClass:\"mb-3 col-12 d-flex justify-content-between align-items-center\"},[_c('b-form-select',{staticClass:\"col-1\",attrs:{\"id\":\"sucursal\",\"value-field\":\"value\",\"text-field\":\"value\",\"options\":_vm.listPerPage},model:{value:(_vm.itemsPerPage),callback:function ($$v) {_vm.itemsPerPage=$$v},expression:\"itemsPerPage\"}}),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],staticClass:\"form-control me-2\",attrs:{\"type\":\"text\",\"placeholder\":\"Buscar...\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value}}}),_c('button',{staticClass:\"btn btn-light ml-2\",on:{\"click\":function($event){_vm.searchQuery = ''}}},[_vm._v(\"x\")])])],1):_vm._e(),_c('table',{staticClass:\"table table-striped table-bordered\"},[_c('thead',[_c('tr',_vm._l((_vm.headers),function(header,index){return _c('th',{key:index},[_vm._v(_vm._s(header.header))])}),0)]),_c('tbody',_vm._l((_vm.paginatedData),function(item,rowIndex){return _c('tr',{key:rowIndex},_vm._l((_vm.headers),function(header,colIndex){return _c('td',{key:`${rowIndex}-${colIndex}`},[_vm._v(\" \"+_vm._s(_vm.formatValue(item[header.key], header.key))+\" \")])}),0)}),0)]),(_vm.data.length > 0)?_c('pagination',{staticClass:\"mt-2\",attrs:{\"total\":_vm.filteredData.length,\"per-page\":_vm.itemsPerPage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"table-responsive\">\r\n    <!-- Campo de Búsqueda -->\r\n    <div class=\"mb-3 col-12 d-flex justify-content-between align-items-center\" v-if=\"data.length > 0\">\r\n      <!-- Botón alineado a la izquierda -->\r\n      <b-form-select class=\"col-1\" id=\"sucursal\" v-model=\"itemsPerPage\" value-field=\"value\" text-field=\"value\" :options=\"listPerPage\"></b-form-select>\r\n\r\n      <!-- Input y botón alineados a la derecha -->\r\n      <div class=\"d-flex align-items-center\">\r\n        <input type=\"text\" v-model=\"searchQuery\" placeholder=\"Buscar...\" class=\"form-control me-2\" />\r\n        <button @click=\"searchQuery = ''\" class=\"btn btn-light ml-2\">x</button>\r\n      </div>\r\n    </div>\r\n    <!-- Tabla con Encabezados y Datos Paginados -->\r\n    <table class=\"table table-striped table-bordered\">\r\n      <thead>\r\n        <tr>\r\n          <th v-for=\"(header, index) in headers\" :key=\"index\">{{ header.header }}</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr v-for=\"(item, rowIndex) in paginatedData\" :key=\"rowIndex\">\r\n          <td v-for=\"(header, colIndex) in headers\" :key=\"`${rowIndex}-${colIndex}`\">\r\n            {{ formatValue(item[header.key], header.key) }}\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n\r\n    <!-- Componente de Paginación -->\r\n    <pagination class=\"mt-2\" v-if=\"data.length > 0\" :total=\"filteredData.length\" :per-page=\"itemsPerPage\" v-model=\"currentPage\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import { search } from \"core-js/fn/symbol\";\r\n// import { search } from \"core-js/fn/symbol\";\r\nimport Pagination from \"./PaginadorComponente.vue\";\r\n\r\nexport default {\r\n  components: { Pagination },\r\n  props: {\r\n    data: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    headers: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    itemsPerPage: {\r\n      type: Number,\r\n      default: 5,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      listPerPage: [{ value: 5 }, { value: 10 }, { value: 20 }, { value: 50 }, { value: 100 }],\r\n      currentPage: 1,\r\n      searchQuery: \"\", // Término de búsqueda\r\n    };\r\n  },\r\n  computed: {\r\n    filteredData() {\r\n      return this.data.filter((item) => Object.values(item).some((value) => String(value).toLowerCase().includes(this.searchQuery.toLowerCase())));\r\n    },\r\n    paginatedData() {\r\n      const start = (this.currentPage - 1) * this.itemsPerPage;\r\n      const end = start + this.itemsPerPage;\r\n      return this.filteredData.slice(start, end);\r\n    },\r\n  },\r\n  watch: {\r\n    itemsPerPage() {\r\n      this.currentPage = 1;\r\n    },\r\n    searchQuery() {\r\n      this.currentPage = 1;\r\n    },\r\n    filteredData() {\r\n      if (this.currentPage > Math.ceil(this.filteredData.length / this.itemsPerPage)) {\r\n        this.currentPage = 1;\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    formatValue(value, key) {\r\n      // Para depuración, mostrar los valores en la consola\r\n      // console.log(`Campo: ${key}, Valor: ${value}`);\r\n\r\n      // Formatear si el key es \"fecha\"\r\n      if (key.toLowerCase() === \"fecha\" || key.toLowerCase() === \"fechaaccion\" || key.toLowerCase() === \"ffechaaccion\") {\r\n        const date = new Date(value);\r\n        return isNaN(date) ? value : `${String(date.getDate()).padStart(2, \"0\")}-${String(date.getMonth() + 1).padStart(2, \"0\")}-${date.getFullYear()}`;\r\n      }\r\n      if (key.toLowerCase() === \"porcentaje\") {\r\n        return `${(value * 100).toFixed(2) + \"%\"}`;\r\n      }\r\n      // Agregar signo de dólar si el key es \"valor\" o \"valorPrestacion\"\r\n      if (\r\n        key.toLowerCase() === \"valor\" ||\r\n        key.toLowerCase() === \"valorprestacion\" ||\r\n        key.toLowerCase() === \"valorprestacionsub\" ||\r\n        key.toLowerCase() === \"totales\" ||\r\n        key.toLowerCase() === \"prestacion\" ||\r\n        key.toLowerCase() === \"porcentaje\" ||\r\n        key.toLowerCase() === \"inicios\" ||\r\n        key.toLowerCase() === \"packsjulio\" ||\r\n        key.toLowerCase() === \"notadebito\" ||\r\n        key.toLowerCase() === \"valortotal\"\r\n      ) {\r\n        console.log(\"valoryyy-\", key, value);\r\n        return `${value.toLocaleString(\"es-CO\", { style: \"currency\", currency: \"COP\" })}`;\r\n      }\r\n\r\n      // Devolver el valor sin cambios para todos los demás campos\r\n      return value !== undefined && value !== null ? value : \"-\";\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.table-responsive {\r\n  margin-top: 1rem;\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!./TablaComponente.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!./TablaComponente.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TablaComponente.vue?vue&type=template&id=4cd915dc&scoped=true\"\nimport script from \"./TablaComponente.vue?vue&type=script&lang=js\"\nexport * from \"./TablaComponente.vue?vue&type=script&lang=js\"\nimport style0 from \"./TablaComponente.vue?vue&type=style&index=0&id=4cd915dc&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  \"4cd915dc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}