{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Agregar.vue","webpack:///src/views/Helexium/Nomina/Liquidacion/Liquidacion_Agregar.vue","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Agregar.vue?2761","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Agregar.vue?4b96","webpack:///./src/views/Helexium/Nomina/Liquidacion/Liquidacion_Agregar.vue?efe2"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","on","$event","$bvModal","hide","proxy","_l","listaItems","item","id","preventDefault","saveData","apply","arguments","model","value","picked","callback","$$v","expression","options","option","index","disabled","seleccionaConcepto","_s","text","anios","none","anioSeleccionado","domProps","directives","name","rawName","FechaInicio","target","composing","$set","FechaFin","$router","push","staticRenderFns","data","usuario","rol","nivel","selected","$moment","tz","Date","format","CantidadEmpleados","TotalSalarios","TotalPagosAdicionales","TotalDeducciones","TotalCostos","TotalAPagar","EmpresaId","SucursalId","Descripcion","Estado","ListEmpresas","ListSucursales","getFullYear","$isLoading","JSON","parse","localStorage","getItem","empresa","fecha","$route","params","getEmpresas","getSucursalEmpresa","core","window","$","DataTable","language","url","methods","TipoLiquidacion","$forceUpdate","res","$store","dispatch","path","length","error","component"],"mappings":"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","file":"js/chunk-32a58ebc.9ce86959.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-modal',{attrs:{\"title\":\"Agregar empleados\",\"id\":\"my-modal\",\"body-bg-variant\":\"dark\",\"header-bg-variant\":\"dark\",\"footer-bg-variant\":\"dark\",\"size\":\"lg\"},scopedSlots:_vm._u([{key:\"modal-footer\",fn:function(){return [_c('div',{staticClass:\"w-100 text-right\"},[_c('button',{staticClass:\"mx-1 btn px-4 py-2 btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Agregar\")]),_c('button',{staticClass:\"mx-1 btn px-4 py-2 btn-secondary\",on:{\"click\":function($event){return _vm.$bvModal.hide('my-modal')}}},[_vm._v(\"Cancelar\")])])]},proxy:true}])},[_c('div',{staticClass:\"row px-5\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"mb-4\"},[_c('p',[_vm._v(\"Selecciona los empleados que deseas incluir en este período de nómina.\")]),_c('div',{staticClass:\"row px-5 mb-4 mt-4\"},[_c('div',{staticClass:\"table-responsive px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_empleados2\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Nombre\")]),_c('th',[_vm._v(\"Salario\")]),_c('th',[_vm._v(\"Identificación\")]),_c('th',[_vm._v(\"Opciones\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(\"{{}}\")]),_c('td',[_vm._v(\"{{}}\")]),_c('td',[_vm._v(\"{{}}\")]),_c('td',[_c('span',{staticClass:\"pointer\"})])])}),0)])])])])])])]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.saveData.apply(null, arguments)}}},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return undefined},proxy:true}])},[_c('h4',{staticClass:\"px-4 py-4 text-center\"},[_c('b',[_vm._v(\"Nueva Liquidación nómina\")])]),[_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"offset-md-5 col-4 mt-3\"},[_c('div',{staticClass:\"text-left\"},[_c('b',[_vm._v(\"CONCEPTOS GENERALES\")]),_c('b-form-radio-group',{staticClass:\"mt-3\",attrs:{\"name\":\"radio-options\"},model:{value:(_vm.picked),callback:function ($$v) {_vm.picked=$$v},expression:\"picked\"}},_vm._l((_vm.options),function(option,index){return _c('b-form-radio',{key:index,staticClass:\"custom-radio\",attrs:{\"value\":option.value,\"disabled\":option.disabled,\"inline\":\"\"},on:{\"change\":_vm.seleccionaConcepto}},[_vm._v(\" \"+_vm._s(option.text)+\" \")])}),1)],1)]),_c('div',{staticClass:\"col-6\"}),_c('h1')])]],2),_c('card',[_c('h4',{staticClass:\"px-4 py-4\"},[_c('b',[_vm._v(\"Período de la liquidación:\")])]),_c('div',{staticClass:\"row px-5 mb-4\"},[_c('div',{staticClass:\"col-md-6\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Año Liquidación\")]),_c('br'),_c('b-form-select',{staticClass:\"col-12\",attrs:{\"required\":\"\",\"text-field\":\"descripcion\",\"value-field\":\"anio\",\"options\":_vm.anios},on:{\"change\":function($event){return _vm.seleccionaConcepto()}},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('b-form-select-option',{attrs:{\"selected\":\"\",\"value\":_vm.none,\"disabled\":\"\"}},[_vm._v(\"-- selecciona una opción --\")])]},proxy:true}]),model:{value:(_vm.anioSeleccionado),callback:function ($$v) {_vm.anioSeleccionado=$$v},expression:\"anioSeleccionado\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Estado\")]),_c('input',{staticClass:\"form-control\",attrs:{\"disabled\":\"\",\"required\":\"\",\"placeholder\":\"\",\"type\":\"text\",\"id\":\" \"},domProps:{\"value\":'por liquidar'}})])]),_c('div',{staticClass:\"row px-5 mb-4\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"mt-4\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Fecha inicio\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.item.FechaInicio),expression:\"item.FechaInicio\"}],staticClass:\"form-control\",attrs:{\"readonly\":_vm.picked == 1 || _vm.picked == 2,\"required\":\"\",\"placeholder\":\"\",\"type\":\"date\",\"id\":\" \"},domProps:{\"value\":(_vm.item.FechaInicio)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.item, \"FechaInicio\", $event.target.value)}}})])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"mt-4\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\" \"}},[_vm._v(\"Fecha fin\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.item.FechaFin),expression:\"item.FechaFin\"}],staticClass:\"form-control\",attrs:{\"readonly\":_vm.picked == 1 || _vm.picked == 2,\"required\":\"\",\"placeholder\":\"\",\"type\":\"date\",\"id\":\" \"},domProps:{\"value\":(_vm.item.FechaFin)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.item, \"FechaFin\", $event.target.value)}}})])])])])],1)],1),_c('div',{staticClass:\"text-right px-5 pb-4\"},[_c('button',{staticClass:\"mx-1 btn px-4 py-2 btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Guardar Liquidación\")]),_c('button',{staticClass:\"mx-1 btn px-4 py-2 btn-secondary\",on:{\"click\":function($event){return _vm.$router.push('/helex/liquidacion')}}},[_vm._v(\"Cancelar\")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-modal title=\"Agregar empleados\" id=\"my-modal\" body-bg-variant=\"dark\" header-bg-variant=\"dark\" footer-bg-variant=\"dark\" size=\"lg\">\n      <!-- <h4 class=\"px-4 py-4\"><b>DEVENGADOS</b></h4> -->\n      <div class=\"row px-5\">\n        <div class=\"col-md-12\">\n          <div class=\"mb-4\">\n            <p>Selecciona los empleados que deseas incluir en este período de nómina.</p>\n            <div class=\"row px-5 mb-4 mt-4\">\n              <div class=\"table-responsive px-4 mt-3\">\n                <table id=\"datatable_empleados2\" class=\"table table-bordered table-responsive-md table-striped text-center\">\n                  <thead>\n                    <tr>\n                      <th>Nombre</th>\n                      <th>Salario</th>\n                      <th>Identificación</th>\n                      <th>Opciones</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    <tr v-for=\"item in listaItems\" :key=\"item.id\">\n                      <td>{{}}</td>\n                      <td>{{}}</td>\n                      <td>{{}}</td>\n                      <td>\n                        <span class=\"pointer\">\n                          <!-- <i @click=\"$router.push('departamentos_editar/' + item.id)\" class=\"fas fa-solid fa-pen px-1 text-success\"></i>\n                          <i @click=\"deleteRow(item.id)\" class=\"fas fa-solid fa-trash px-1 text-danger\"></i> -->\n                        </span>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <template #modal-footer>\n        <div class=\"w-100 text-right\">\n          <button type=\"submit\" class=\"mx-1 btn px-4 py-2 btn-primary\">Agregar</button>\n          <button class=\"mx-1 btn px-4 py-2 btn-secondary\" @click=\"$bvModal.hide('my-modal')\">Cancelar</button>\n        </div>\n      </template>\n    </b-modal>\n    <form @submit.prevent=\"saveData\">\n      <b-row>\n        <b-col sm=\"12\">\n          <card>\n            <h4 class=\"px-4 py-4 text-center\"><b>Nueva Liquidación nómina</b></h4>\n            <template v-slot:headerTitle> </template>\n            <template>\n              <div class=\"row text-center\">\n                <div class=\"offset-md-5 col-4 mt-3\">\n                  <div class=\"text-left\">\n                    <!-- <b-form-group v-slot=\"{ ariaDescribedby }\" @change=\"seleccionaConcepto()\"> -->\n                    <b>CONCEPTOS GENERALES</b>\n\n                    <b-form-radio-group v-model=\"picked\" name=\"radio-options\" class=\"mt-3\">\n                      <b-form-radio\n                        v-for=\"(option, index) in options\"\n                        :key=\"index\"\n                        :value=\"option.value\"\n                        :disabled=\"option.disabled\"\n                        class=\"custom-radio\"\n                        inline\n                        @change=\"seleccionaConcepto\"\n                      >\n                        {{ option.text }}\n                      </b-form-radio>\n                    </b-form-radio-group>\n\n                    <!-- <b-form-radio-group id=\"rdoCal\" class=\"mt-3\" stacked @change=\"seleccionaConcepto\" v-model=\"picked\" :options=\"options\"></b-form-radio-group> -->\n                    <!-- <b-form-group @change=\"seleccionaConcepto()\" :options=\"options\"> -->\n                    <!-- <b-form-radio required class=\"mt-3\" v-model=\"picked\" :aria-describedby=\"ariaDescribedby\" name=\"some-radios\" value=\"1\"\n                        >Prima de servicios primer semestre</b-form-radio\n                      >\n                      <b-form-radio required class=\"mt-3\" v-model=\"picked\" :aria-describedby=\"ariaDescribedby\" name=\"some-radios\" value=\"2\"\n                        >Prima de servicios último semestre / Navideña</b-form-radio\n                      >\n                      <b-form-radio required class=\"mt-3\" v-model=\"picked\" :aria-describedby=\"ariaDescribedby\" name=\"some-radios\" value=\"3\">Nómina</b-form-radio> -->\n                    <!-- </b-form-group> -->\n                  </div>\n                </div>\n                <div class=\"col-6\"></div>\n                <h1></h1>\n              </div>\n            </template>\n          </card>\n          <card>\n            <h4 class=\"px-4 py-4\"><b>Período de la liquidación:</b></h4>\n            <!-- <label for=\" \" class=\"form-label\">Periodo de Liquidación</label> -->\n            <div class=\"row px-5 mb-4\">\n              <div class=\"col-md-6\">\n                <label for=\" \" class=\"form-label\">Año Liquidación</label><br />\n                <b-form-select @change=\"seleccionaConcepto()\" class=\"col-12\" required v-model=\"anioSeleccionado\" text-field=\"descripcion\" value-field=\"anio\" :options=\"anios\">\n                  <template #first>\n                    <b-form-select-option selected :value=\"none\" disabled>-- selecciona una opción --</b-form-select-option>\n                  </template>\n                </b-form-select>\n              </div>\n\n              <div class=\"col-md-6\">\n                <label for=\" \" class=\"form-label\">Estado</label>\n                <input disabled :value=\"'por liquidar'\" required placeholder=\"\" type=\"text\" class=\"form-control\" id=\" \" />\n              </div>\n            </div>\n\n            <div class=\"row px-5 mb-4\">\n              <div class=\"col-md-6\">\n                <div class=\"mt-4\">\n                  <label for=\" \" class=\"form-label\">Fecha inicio</label>\n                  <input :readonly=\"picked == 1 || picked == 2\" required v-model=\"item.FechaInicio\" placeholder=\"\" type=\"date\" class=\"form-control\" id=\" \" />\n                </div>\n              </div>\n\n              <div class=\"col-md-6\">\n                <div class=\"mt-4\">\n                  <label for=\" \" class=\"form-label\">Fecha fin</label>\n                  <input :readonly=\"picked == 1 || picked == 2\" v-model=\"item.FechaFin\" required placeholder=\"\" type=\"date\" class=\"form-control\" id=\" \" />\n                </div>\n              </div>\n            </div>\n          </card>\n\n          <!-- <card>\n            <template v-slot:headerTitle> </template>\n            <div class=\"row px-5 mt-3 text-center\">\n              <div class=\"col-md-2\">\n                <div class=\"mb-4\">\n                  <label for=\" \" class=\"form-label\">Empleados/as</label><br />\n                  <label for=\" \" class=\"form-label\">{{item.CantidadEmpleados}}</label>\n                </div>\n              </div>\n              <div class=\"col-md-2\">\n                <div class=\"mb-4\">\n                  <label for=\" \" class=\"form-label\">Salario</label><br />\n                  <label for=\" \" class=\"form-label\">{{item.TotalSalarios}}</label>\n                </div>\n              </div>\n\n              <div class=\"col-md-2\">\n                <div class=\"mb-4\">\n                  <label for=\" \" class=\"form-label\">Pagos adicionales</label><br />\n                  <label for=\" \" class=\"form-label\">{{item.TotalPagosAdicionales}}</label>\n                </div>\n              </div>\n              <div class=\"col-md-2\">\n                <div class=\"mb-4\">\n                  <label for=\" \" class=\"form-label\">Deducciones</label><br />\n                  <label for=\" \" class=\"form-label\">{{item.TotalDeducciones}}</label>\n                </div>\n              </div>\n\n              <div class=\"col-md-2\">\n                <div class=\"mb-4\">\n                  <label for=\" \" class=\"form-label\">Total a pagar</label><br />\n                  <label for=\" \" class=\"form-label\">{{item.TotalAPagar}}</label>\n                </div>\n              </div>\n              <div class=\"col-md-2\">\n                <div class=\"mb-4\">\n                  <label for=\" \" class=\"form-label\">Total costo</label><br />\n                  <label for=\" \" class=\"form-label\">{{item.TotalCostos}}</label>\n                </div>\n              </div>\n            </div>\n          </card> -->\n\n          <!-- empleados -->\n          <!-- <card>\n            <h4 class=\"px-4 py-4\"><b>Empleados/as</b></h4>\n            <p class=\"px-4\">Gestiona la información de tus empleados/as que vas a tener en cuenta para liquidar la nómina de este período.</p>\n            <div class=\"row\">\n              <div class=\"col-3 ml-4\">\n                <button @click=\"$bvModal.show('my-modal')\" class=\"btn px-4 py-2 btn-primary\">Agregar empleados</button>\n              </div>\n            </div>\n\n            <template v-slot:headerTitle> </template>\n            <div class=\"row px-5 mb-4 mt-4\">\n              <div class=\"table-responsive px-4 mt-3\">\n                <table id=\"datatable_empleados\" class=\"table table-bordered table-responsive-md table-striped text-center\">\n                  <thead>\n                    <tr>\n                      <th>Nombre</th>\n                      <th>Identificación</th>\n                      <th>Salario</th>\n                      <th>Pagos adicionales</th>\n                      <th>Deducciones</th>\n                      <th>Total a pagar</th>\n                      <th>Opciones</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    <tr v-for=\"item in listaItems\" :key=\"item.id\">\n                      <td>{{}}</td>\n                      <td>{{}}</td>\n                      <td>{{}}</td>\n                      <td>{{}}</td>\n\n                      <td>{{}}</td>\n                      <td>\n                        <span class=\"pointer\"\n                          ><i @click=\"$router.push('departamentos_editar/' + item.id)\" class=\"fas fa-solid fa-pen px-1 text-success\"></i>\n                          <i @click=\"deleteRow(item.id)\" class=\"fas fa-solid fa-trash px-1 text-danger\"></i>\n                        </span>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          </card> -->\n        </b-col>\n      </b-row>\n      <div class=\"text-right px-5 pb-4\">\n        <button type=\"submit\" class=\"mx-1 btn px-4 py-2 btn-primary\">Guardar Liquidación</button>\n        <button class=\"mx-1 btn px-4 py-2 btn-secondary\" @click=\"$router.push('/helex/liquidacion')\">Cancelar</button>\n      </div>\n    </form>\n  </b-container>\n</template>\n<script>\nimport { core } from \"../../../../config/pluginInit\";\n// import { vsRadio } from \"vuesax\";\n// import \"vuesax/dist/vuesax.css\";\n// import Vue from \"vue\";\n// Vue.use(vsRadio);\n\nexport default {\n  name: \"DataTable\",\n  data() {\n    return {\n      usuario: { rol: { nivel: 0 } },\n      id: \"\",\n      selected: null,\n      item: {\n        FechaInicio: this.$moment.tz(new Date(), \"America/Bogota\").format(\"YYYY-MM-DD\"),\n        FechaFin: this.$moment.tz(new Date(), \"America/Costa_Rica\").format(\"YYYY-MM-DD\"),\n        CantidadEmpleados: 0.0,\n        TotalSalarios: 0,\n        TotalPagosAdicionales: 0,\n        TotalDeducciones: 0,\n        TotalCostos: 0,\n        TotalAPagar: 0,\n        EmpresaId: \"\",\n        SucursalId: \"\",\n        Descripcion: \"\",\n        Estado: 1,\n      },\n      ListEmpresas: [],\n      ListSucursales: [],\n      listaItems: [],\n      picked: null,\n      anios: [],\n      anioSeleccionado: new Date().getFullYear(),\n      options: [\n        { text: \"Prima de servicios primer semestre\", value: 1 },\n        { text: \"Prima de servicios último semestre / Navideña\", value: 2 },\n        { text: \"Nómina\", value: 3 },\n      ],\n    };\n  },\n  async mounted() {\n    this.$isLoading(true);\n    this.usuario = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\n    this.item.EmpresaId = this.usuario.empresa.id;\n    let fecha = new Date().getFullYear();\n    this.anios.push(fecha - 1);\n    for (let index = 0; index < 7; index++) {\n      //const element = array[index];\n      this.anios.push(fecha + index);\n    }\n\n    //alert(this.anios);\n\n    this.id = this.$route.params.id;\n    //   await this.getData();\n    await this.getEmpresas();\n    await this.getSucursalEmpresa();\n    core.index();\n    window.$(\"#datatable_empleados\").DataTable({\n      language: {\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\n      },\n    });\n\n    window.$(\"#datatable_empleados2\").DataTable({\n      language: {\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\n      },\n    });\n    this.$isLoading(false);\n  },\n  methods: {\n    seleccionaConcepto() {\n      this.item.TipoLiquidacion = this.picked;\n      if (this.picked == 1) {\n        this.item.FechaInicio = this.$moment.tz(this.anioSeleccionado + \"-01-01\", \"America/Bogota\").format(\"YYYY-MM-DD\");\n        this.item.FechaFin = this.$moment.tz(this.anioSeleccionado + \"-06-30\", \"America/Bogota\").format(\"YYYY-MM-DD\");\n        this.$forceUpdate();\n      }\n      if (this.picked == 2) {\n        this.item.FechaInicio = this.$moment.tz(this.anioSeleccionado + \"-07-01\", \"America/Bogota\").format(\"YYYY-MM-DD\");\n        this.item.FechaFin = this.$moment.tz(this.anioSeleccionado + \"-12-31\", \"America/Bogota\").format(\"YYYY-MM-DD\");\n        this.$forceUpdate();\n      }\n      if (this.picked == 3) {\n        this.item.FechaInicio = this.$moment.tz(this.anioSeleccionado + \"-01-01\", \"America/Bogota\").format(\"YYYY-MM-DD\");\n        this.item.FechaFin = this.$moment.tz(this.anioSeleccionado + \"-01-31\", \"America/Bogota\").format(\"YYYY-MM-DD\");\n        this.$forceUpdate();\n      }\n    },\n    async getSucursalEmpresa() {\n      //console.log(this.persona.empresa.id);\n      try {\n        console.log(\"get empresas...\");\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: \"Sucursal/ListSucursalEmpresa/\" + this.usuario.empresa.id,\n        });\n        console.log(\"post sucursal... \", res);\n        if (res.length > 0) {\n          this.ListSucursales = res;\n        } else {\n          this.ListSucursales = [];\n        }\n      } catch (error) {\n        this.ListSucursales = [];\n        console.log(\"err\", error);\n      }\n    },\n    async getEmpresas() {\n      try {\n        let res = await this.$store.dispatch(\"hl_post\", {\n          path: \"Empresa/ListEmpresa/\",\n        });\n        this.ListEmpresas = res;\n\n        console.log(\"list\", this.ListEmpresas);\n      } catch (error) {\n        this.ListEmpresas = {};\n        console.log(\"err\", error);\n      }\n    },\n    async getData() {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: \"Departamento/GetDepartamento/\" + this.id,\n        });\n        this.item = res;\n\n        console.log(\" \", this.item);\n      } catch (error) {\n        this.item = {};\n        console.log(\"err\", error);\n      }\n    },\n    async saveData() {\n      console.log(\"saving\", this.item);\n      try {\n        //this.$moment.tz(new Date(), \"America/Costa_Rica\").format(\"YYYY-MM-DDTHH:mm:ssZ\")\n        //this.item.EmpresaId = this.item.empresa.id;\n        // this.item.municipio.departamentoPaisId = this.item.municipio.departamentoPais.id\n        //this.item.Descripcion = this.item.descripcion;\n        //this.item.SucursalId = this.item.sucursal.id;\n\n        let res = await this.$store.dispatch(\"hl_post\", {\n          path: \"NominaLiquidacion/CrearNominaLiquidacion/\",\n          data: this.item,\n        });\n        console.log(\"post empresas...\", res);\n        if (res) {\n          if (this.picked == 1 || this.picked == 2) this.$router.push(\"/helex/liquidacion_editar_prima/\" + res);\n          else this.$router.push(\"/helex/liquidacion_editar/\" + res);\n        }\n        // if (res) this.$router.push(\"/helex/Departamentos\");\n        // else alert(\"Verificar\");\n      } catch (error) {\n        this.item = {};\n        console.log(\"err\", error);\n      }\n    },\n  },\n};\n</script>\n<style scoped>\n.vs-radio {\n  border: 1px solid rgb(200, 200, 200) !important;\n}\n\n.custom-radio {\n  margin-bottom: 20px; /* Puedes ajustar el valor según tus necesidades */\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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_Agregar.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/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_Agregar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Liquidacion_Agregar.vue?vue&type=template&id=d389b12c&scoped=true\"\nimport script from \"./Liquidacion_Agregar.vue?vue&type=script&lang=js\"\nexport * from \"./Liquidacion_Agregar.vue?vue&type=script&lang=js\"\nimport style0 from \"./Liquidacion_Agregar.vue?vue&type=style&index=0&id=d389b12c&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  \"d389b12c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Liquidacion_Agregar.vue?vue&type=style&index=0&id=d389b12c&prod&scoped=true&lang=css\""],"sourceRoot":""}