{"version":3,"sources":["webpack:///./src/components/modals/administracion/clientes/agencias_aduana/ActualizarAgenciaAduanaModal.vue?82d1","webpack:///./src/views/administracion/clientes_actualizar/ClientesAgenciasAduanaPage.vue","webpack:///./src/components/modals/administracion/clientes/agencias_aduana/AgregarAgenciaAduanaModal.vue","webpack:///src/components/modals/administracion/clientes/agencias_aduana/AgregarAgenciaAduanaModal.vue","webpack:///./src/components/modals/administracion/clientes/agencias_aduana/AgregarAgenciaAduanaModal.vue?e580","webpack:///./src/components/modals/administracion/clientes/agencias_aduana/AgregarAgenciaAduanaModal.vue?bd94","webpack:///./src/components/modals/administracion/clientes/agencias_aduana/ActualizarAgenciaAduanaModal.vue","webpack:///src/components/modals/administracion/clientes/agencias_aduana/ActualizarAgenciaAduanaModal.vue","webpack:///./src/components/modals/administracion/clientes/agencias_aduana/ActualizarAgenciaAduanaModal.vue?d7fd","webpack:///./src/components/modals/administracion/clientes/agencias_aduana/ActualizarAgenciaAduanaModal.vue?4d5a","webpack:///src/views/administracion/clientes_actualizar/ClientesAgenciasAduanaPage.vue","webpack:///./src/views/administracion/clientes_actualizar/ClientesAgenciasAduanaPage.vue?a5e1","webpack:///./src/views/administracion/clientes_actualizar/ClientesAgenciasAduanaPage.vue?3c2c","webpack:///./src/components/modals/administracion/clientes/agencias_aduana/AgregarAgenciaAduanaModal.vue?aa92"],"names":["render","_vm","this","_c","_self","staticStyle","staticClass","cargando","attrs","idAux","acciones","length","headers","data","obtenerFilaSeleccionada","dataAgenciaAduanaClienteActualizar","staticRenderFns","nativeOn","$event","openModal","ref","dataDataListaAgenciaAduanas","value","label","model","formulario","agenciaAduanaModel","callback","$$v","$set","expression","on","closeModal","_v","validarCampos","Vue","use","VueToastify","props","id","components","UiModal","UiSelect","Button","computed","mapState","methods","mapActions","$refs","open","close","Object","keys","guardar","$vToastify","error","sql","saveClientesAgenciasAduana","map","item","success","dataAgenciasAduanaClientesDB","getClientesAgenciasAduana","actionSetDataClientesAgenciasAduana","data_table","watch","_new","component","titulo","ActionSetVisibleModalEditarClientesAgenciasAduana","actualizarAgenciaAduana","Array","dataAux","updateClientesAgenciasAduana","idAuxiliarClienteSeleccionado","visibleModalEditarClientesAgenciasAduana","data_complementaria","title","width","DataTable","AgregarAgenciaAduanaModal","ActualizarAgenciaAduanaModal","NotFoundTable","Loading","generarBotonesAcciones","actualizarURL","me","AccionCambiar","$route","path","index","push","icon","fila","id_agencia_aduana","nombre_agencia_aduana","accion","prompt","then","respuesta","eliminarClienteAgenciaAduana","deleteClientesAgenciasAduana","console","log","dataTableAux","getDataClientesAgenciasAduana","created","init","dataDatatableClientesAgenciasAduana"],"mappings":"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","file":"js/chunk-050bd9ec.be172ecc.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../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!./ActualizarAgenciaAduanaModal.vue?vue&type=style&index=0&id=498005a6&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"border-top\":\"solid 1px #d8d8d8\"}},[_c('div',{staticClass:\"d-flex flex-column p-3\"},[(_vm.cargando)?_c('div',{staticClass:\"d-flex justify-content-center w-100\",staticStyle:{\"margin-top\":\"110px\"}},[_c('loading')],1):_c('div',{staticClass:\"d-flex flex-row flex-wrap justify-content-start mb-2\"},[_c('div',{staticStyle:{\"position\":\"relative\",\"z-index\":\"5\"}},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"position\":\"absolute\"}},[_c('agregar-agencia-aduana-modal',{attrs:{\"id\":_vm.idAux}})],1)]),(_vm.acciones.length > 0)?_c('data-table',{attrs:{\"customHeaders\":\"\",\"headers\":_vm.headers,\"data\":_vm.data,\"acciones\":_vm.acciones,\"max\":5,\"paginacion\":\"\",\"buscar\":\"\",\"exportarExcel\":\"\",\"idtabla\":\"clientes_agencias_aduana\",\"seleccionar\":_vm.obtenerFilaSeleccionada}}):_c('not-found-table',{staticClass:\"justify-content-center w-100 pt-5\",attrs:{\"text\":'No se encontraron registros de agencias de aduana'}})],1)]),_c('actualizar-agencia-aduana-modal',{attrs:{\"data\":_vm.dataAgenciaAduanaClienteActualizar}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Button',{staticClass:\"mt-2 mb-3 mr-2\",attrs:{\"size\":15,\"color\":\"#2da44e\",\"colorText\":\"#ffffff\",\"tooltip\":\"Agregar Agencia de Aduana\",\"icon\":\"fas fa-plus\",\"round\":\"\",\"width\":30,\"traslate\":\"\"},nativeOn:{\"click\":function($event){return _vm.openModal('modal')}}}),_c('ui-modal',{ref:\"modal\",staticClass:\"modal-agregar-agencia-aduana\",attrs:{\"title\":\"Agregar Agencia de Aduana\"}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\"},[_c('ui-select',{staticClass:\"w-100 style-chooser\",attrs:{\"label\":\"Seleccione Agencia de Aduana\",\"hasSearch\":\"\",\"searchPlaceholder\":\"Buscar\",\"placeholder\":\"-Seleccionar-\",\"options\":_vm.dataDataListaAgenciaAduanas,\"keys\":{ value: 'id', label: 'name' }},model:{value:(_vm.formulario.agenciaAduanaModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"agenciaAduanaModel\", $$v)},expression:\"formulario.agenciaAduanaModel\"}})],1),_c('div',{staticClass:\"d-flex justify-content-between mt-3\"},[_c('button',{staticClass:\"btn btn-outline-secondary\",on:{\"click\":function($event){return _vm.closeModal('modal')}}},[_vm._v(\" Cerrar \")]),_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":_vm.validarCampos}},[_vm._v(\" Guardar \")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Button\n      :size=\"15\"\n      color=\"#2da44e\"\n      colorText=\"#ffffff\"\n      tooltip=\"Agregar Agencia de Aduana\"\n      icon=\"fas fa-plus\"\n      round\n      :width=\"30\"\n      class=\"mt-2 mb-3 mr-2\"\n      traslate\n      @click.native=\"openModal('modal')\"\n    />\n\n    <ui-modal\n      ref=\"modal\"\n      title=\"Agregar Agencia de Aduana\"\n      class=\"modal-agregar-agencia-aduana\"\n    >\n      <div class=\"d-flex flex-column\">\n        <!-- Cuerpo -->\n\n        <!-- Fila 1 -->\n        <div class=\"d-flex\">\n          <ui-select\n            class=\"w-100 style-chooser\"\n            label=\"Seleccione Agencia de Aduana\"\n            v-model=\"formulario.agenciaAduanaModel\"\n            hasSearch\n            searchPlaceholder=\"Buscar\"\n            placeholder=\"-Seleccionar-\"\n            :options=\"dataDataListaAgenciaAduanas\"\n            :keys=\"{ value: 'id', label: 'name' }\"\n          />\n        </div>\n\n        <!-- Footer -->\n        <div class=\"d-flex justify-content-between mt-3\">\n          <button\n            class=\"btn btn-outline-secondary\"\n            @click=\"closeModal('modal')\"\n          >\n            Cerrar\n          </button>\n          <button class=\"btn btn-outline-primary\" @click=\"validarCampos\">\n            Guardar\n          </button>\n        </div>\n      </div>\n    </ui-modal>\n  </div>\n</template>\n\n<script>\n// Vue\nimport Vue from \"vue\";\n\n// Vuex\nimport { mapState, mapActions } from \"vuex\";\n\n// Toast\nimport VueToastify from \"vue-toastify\";\nVue.use(VueToastify);\n\n// UI Modal\nimport UiModal from \"keen-ui/src/UiModal\";\nimport UiSelect from \"keen-ui/src/UiSelect\";\n\n// Buttom\nimport Button from \"../../../../common/Button\";\n\n// Constantes\nimport {\n  saveClientesAgenciasAduana,\n  getClientesAgenciasAduana,\n} from \"../../../../../constants/administracion\";\n\nexport default {\n  props: [\"id\"],\n  data() {\n    return {\n      // v-models\n      formulario: {\n        id: this.id,\n        agenciaAduanaModel: [],\n      },\n    };\n  },\n  components: {\n    UiModal,\n    UiSelect,\n    Button,\n  },\n  computed: {\n    // ...mapState([\"paises\"]),\n    ...mapState(\"administracion\", [\"dataDataListaAgenciaAduanas\"]),\n  },\n  methods: {\n    ...mapActions(\"administracion\", [\"actionSetDataClientesAgenciasAduana\"]),\n\n    openModal(ref) {\n      this.$refs[ref].open();\n    },\n\n    closeModal(ref) {\n      this.$refs[ref].close();\n    },\n\n    validarCampos() {\n      if (Object.keys(this.formulario.agenciaAduanaModel).length > 0) {\n        this.guardar();\n      } else {\n        this.$vToastify.error(\"Campos sin completar\", \"¡Error!\");\n      }\n    },\n\n    async guardar() {\n      let sql = await saveClientesAgenciasAduana(this.formulario);\n\n      if (!sql.error) {\n        // Toast proceso exitoso\n        this.$vToastify.success(\n          \"Agencia de Aduana creada con éxito\",\n          \"¡Realizado!\"\n        );\n\n        // Limpiar variables\n        this.formulario.agenciaAduanaModel = \"\";\n\n        let dataAgenciasAduanaClientesDB = await getClientesAgenciasAduana(\n          this.id\n        );\n        this.data = dataAgenciasAduanaClientesDB;\n\n        this.actionSetDataClientesAgenciasAduana(\n          dataAgenciasAduanaClientesDB.data_table\n        );\n\n        // Cerrar Modal\n        this.closeModal(\"modal\");\n      } else {\n        if (sql.data.length > 0) {\n          // Errores de validación\n          sql.data.map((item) => {\n            this.$vToastify.error(`${item}`);\n          });\n        } else {\n          // Proceso erroneo\n          this.$vToastify.error(\n            \"La Agencia de Aduana no pudieron crearse\",\n            \"¡Error!\"\n          );\n        }\n      }\n    },\n  },\n  watch: {\n    id: function (_new) {\n      if (_new) {\n        this.formulario.id = _new;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.modal-agregar-agencia-aduana .ui-modal__container {\n  width: 35% !important;\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!./AgregarAgenciaAduanaModal.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!./AgregarAgenciaAduanaModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AgregarAgenciaAduanaModal.vue?vue&type=template&id=ad4d8702\"\nimport script from \"./AgregarAgenciaAduanaModal.vue?vue&type=script&lang=js\"\nexport * from \"./AgregarAgenciaAduanaModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./AgregarAgenciaAduanaModal.vue?vue&type=style&index=0&id=ad4d8702&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ui-modal',{ref:\"modal\",staticClass:\"modal-actualizar-agencia-aduana\",attrs:{\"title\":`Actualizar Agencia de Aduana - ${_vm.titulo}`},on:{\"close\":function($event){return _vm.ActionSetVisibleModalEditarClientesAgenciasAduana(false)}}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\"},[_c('ui-select',{staticClass:\"w-100 style-chooser\",attrs:{\"label\":\"Seleccione Agencia de Aduana\",\"hasSearch\":\"\",\"searchPlaceholder\":\"Buscar\",\"placeholder\":\"-Seleccionar-\",\"options\":_vm.dataDataListaAgenciaAduanas,\"keys\":{ value: 'id', label: 'name' }},model:{value:(_vm.formulario.agenciaAduanaModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"agenciaAduanaModel\", $$v)},expression:\"formulario.agenciaAduanaModel\"}})],1),_c('div',{staticClass:\"d-flex justify-content-between mt-3\"},[_c('button',{staticClass:\"btn btn-outline-secondary\",on:{\"click\":function($event){return _vm.closeModal('modal')}}},[_vm._v(\" Cerrar \")]),_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":_vm.actualizarAgenciaAduana}},[_vm._v(\" Guardar \")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <ui-modal\n      ref=\"modal\"\n      @close=\"ActionSetVisibleModalEditarClientesAgenciasAduana(false)\"\n      :title=\"`Actualizar Agencia de Aduana - ${titulo}`\"\n      class=\"modal-actualizar-agencia-aduana\"\n    >\n      <div class=\"d-flex flex-column\">\n        <!-- Cuerpo -->\n\n        <!-- Fila 1 -->\n        <div class=\"d-flex\">\n          <ui-select\n            class=\"w-100 style-chooser\"\n            label=\"Seleccione Agencia de Aduana\"\n            v-model=\"formulario.agenciaAduanaModel\"\n            hasSearch\n            searchPlaceholder=\"Buscar\"\n            placeholder=\"-Seleccionar-\"\n            :options=\"dataDataListaAgenciaAduanas\"\n            :keys=\"{ value: 'id', label: 'name' }\"\n          />\n        </div>\n\n        <!-- Footer -->\n        <div class=\"d-flex justify-content-between mt-3\">\n          <button\n            class=\"btn btn-outline-secondary\"\n            @click=\"closeModal('modal')\"\n          >\n            Cerrar\n          </button>\n          <button\n            class=\"btn btn-outline-primary\"\n            @click=\"actualizarAgenciaAduana\"\n          >\n            Guardar\n          </button>\n        </div>\n      </div>\n    </ui-modal>\n  </div>\n</template>\n\n<script>\n// Vue\nimport Vue from \"vue\";\n\n// Vuex\nimport { mapState, mapActions } from \"vuex\";\n\n// Toast\nimport VueToastify from \"vue-toastify\";\nVue.use(VueToastify);\n\n// UI Modal\nimport UiModal from \"keen-ui/src/UiModal\";\nimport UiSelect from \"keen-ui/src/UiSelect\";\n\n// Constantes\nimport {\n  updateClientesAgenciasAduana,\n  getClientesAgenciasAduana,\n} from \"../../../../../constants/administracion\";\n\nexport default {\n  props: {\n    data: [Array, Object],\n  },\n  data() {\n    return {\n      // v-models\n      formulario: {\n        id: \"\",\n        agenciaAduanaModel: [],\n      },\n      titulo: \"\",\n      dataAux: this.data,\n    };\n  },\n  components: {\n    UiModal,\n    UiSelect,\n  },\n  computed: {\n    // ...mapState([\"paises\"]),\n    ...mapState(\"administracion\", [\n      \"dataDataListaAgenciaAduanas\",\n      \"idAuxiliarClienteSeleccionado\",\n      \"visibleModalEditarClientesAgenciasAduana\",\n    ]),\n  },\n  methods: {\n    ...mapActions(\"administracion\", [\n      \"actionSetDataClientesAgenciasAduana\",\n      \"ActionSetVisibleModalEditarClientesAgenciasAduana\",\n    ]),\n\n    openModal(ref) {\n      this.$refs[ref].open();\n    },\n\n    closeModal(ref) {\n      this.$refs[ref].close();\n    },\n\n    async actualizarAgenciaAduana() {\n      let sql = await updateClientesAgenciasAduana(this.formulario);\n\n      if (!sql.error) {\n        // Toast proceso exitoso\n        this.$vToastify.success(\n          \"Agencia de Aduana actualizada con éxito\",\n          \"¡Realizado!\"\n        );\n\n        // Limpiar variables\n        this.formulario.id = \"\";\n        this.formulario.agenciaAduanaModel = \"\";\n\n        let dataAgenciasAduanaClientesDB = await getClientesAgenciasAduana(\n          this.idAuxiliarClienteSeleccionado\n        );\n        this.dataAux = dataAgenciasAduanaClientesDB;\n\n        this.actionSetDataClientesAgenciasAduana(\n          dataAgenciasAduanaClientesDB.data_table\n        );\n\n        // Cerrar Modal\n        this.closeModal(\"modal\");\n      } else {\n        if (sql.data.length > 0) {\n          // Errores de validación\n          sql.data.map((item) => {\n            this.$vToastify.error(`${item}`);\n          });\n        } else {\n          // Proceso erroneo\n          this.$vToastify.error(\n            \"La Agencia de Aduana no ha podido actualizarse\",\n            \"¡Error!\"\n          );\n        }\n      }\n    },\n  },\n  watch: {\n    visibleModalEditarClientesAgenciasAduana: function (_new) {\n      _new && this.openModal(\"modal\");\n    },\n    data: function (_new) {\n      if (_new) {\n        this.formulario.id = _new.data_complementaria[0];\n\n        // Titulo de modal\n        this.titulo = _new.data[0];\n\n        this.formulario.agenciaAduanaModel = _new.data_complementaria[1];\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.modal-actualizar-agencia-aduana .ui-modal__container {\n  width: 35% !important;\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!./ActualizarAgenciaAduanaModal.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!./ActualizarAgenciaAduanaModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ActualizarAgenciaAduanaModal.vue?vue&type=template&id=498005a6\"\nimport script from \"./ActualizarAgenciaAduanaModal.vue?vue&type=script&lang=js\"\nexport * from \"./ActualizarAgenciaAduanaModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./ActualizarAgenciaAduanaModal.vue?vue&type=style&index=0&id=498005a6&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div style=\"border-top: solid 1px #d8d8d8\">\n    <div class=\"d-flex flex-column p-3\">\n      <!-- Loading tabla -->\n      <div\n        class=\"d-flex justify-content-center w-100\"\n        style=\"margin-top: 110px\"\n        v-if=\"cargando\"\n      >\n        <loading />\n      </div>\n\n      <!-- dataTable y botones -->\n      <div class=\"d-flex flex-row flex-wrap justify-content-start mb-2\" v-else > \n        <!-- Botones -->\n        <div style=\"position: relative; z-index: 5\">\n          <div class=\"d-flex\" style=\"position: absolute\">\n            <!-- Modal -->\n            <agregar-agencia-aduana-modal :id=\"idAux\" />\n          </div>\n        </div>\n\n        <!-- Data Table -->\n        <data-table\n          customHeaders\n          v-if=\"acciones.length > 0\"\n          :headers=\"headers\"\n          :data=\"data\"\n          :acciones=\"acciones\"\n          :max=\"5\"\n          paginacion\n          buscar\n          exportarExcel\n          idtabla=\"clientes_agencias_aduana\"\n          :seleccionar=\"obtenerFilaSeleccionada\"\n        />\n\n        <not-found-table\n          v-else\n          :text=\"'No se encontraron registros de agencias de aduana'\"\n          class=\"justify-content-center w-100 pt-5\"\n        />\n      </div>\n    </div>\n\n    <!-- Modales para acciones para filas -->\n    <actualizar-agencia-aduana-modal\n      :data=\"dataAgenciaAduanaClienteActualizar\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\n\nimport {\n  getClientesAgenciasAduana,\n  deleteClientesAgenciasAduana,\n} from \"../../../constants/administracion\";\n\nimport DataTable from \"../../../components/common/DataTable\";\nimport AgregarAgenciaAduanaModal from \"../../../components/modals/administracion/clientes/agencias_aduana/AgregarAgenciaAduanaModal\";\nimport ActualizarAgenciaAduanaModal from \"../../../components/modals/administracion/clientes/agencias_aduana/ActualizarAgenciaAduanaModal\";\nimport Loading from \"../../../components/common/loading\";\n\nimport NotFoundTable from \"../../../components/common/NotFoundTable\";\n\nexport default {\n  props: [\"id\"],\n  data() {\n    return {\n      // Estructura para utilizar dataTable vue\n      headers: [\n        { title: \"Nombre\", width: \"30px\" },\n        { title: \"Rut\", width: \"30px\" },\n        { title: \"Dirección\", width: \"35px\" },\n        { title: \"Creado\", width: \"50px\" },\n        { title: \"País\", width: \"50px\" },\n        { title: \"Acciones\", width: \"50px\" },\n      ],\n      data: [],\n      dataAgenciaAduanaClienteActualizar: [],\n      acciones: [],\n      idAux: this.id,\n      cargando: false\n    };\n  },\n  // Función computada para acceder a variable de store\n  computed: {\n    ...mapState([\"loading\", \"loadingTable\", \"token\"]),\n    ...mapState(\"administracion\", [\"dataDatatableClientesAgenciasAduana\"]),\n  },\n  components: {\n    DataTable,\n    AgregarAgenciaAduanaModal,\n    ActualizarAgenciaAduanaModal,\n    NotFoundTable,\n    Loading,    \n  },\n  methods: {\n    // Acciones de Vuex\n    ...mapActions([\"AccionCambiar\"]),\n    ...mapActions(\"administracion\", [\n      \"actionSetDataClientesAgenciasAduana\",\n      \"ActionSetVisibleModalEditarClientesAgenciasAduana\",\n    ]),\n\n    // Obteneción de Depositos desde la BD\n    async getDataClientesAgenciasAduana() {\n      let dataAgenciasAduanaClientesDB = await getClientesAgenciasAduana(\n        this.idAux\n      );\n\n      this.data = dataAgenciasAduanaClientesDB.data_table;\n      // this.actionSetDataClientesAgenciasAduana(dataAgenciasAduanaDB.data_table);\n      this.generarBotonesAcciones();\n    },\n\n    // Función para actualizar url en state\n    actualizarURL() {\n      let me = this;\n      me.AccionCambiar(this.$route.path);\n    },\n\n    async generarBotonesAcciones() {\n      let me = this;\n\n      me.acciones = [];\n\n      await me.data.map((index) => {\n        me.acciones.push([\n          {\n            icon: \"fa fa-edit\",\n            title: \"Editar\",\n            id: index,\n          },\n          {\n            icon: \"fa fa-times text-danger\",\n            title: \"Eliminar\",\n            id: index,\n          },\n        ]);\n      });\n    },\n    obtenerFilaSeleccionada(fila) {\n      let id_agencia_aduana = fila.id.data_complementaria[0];\n      let nombre_agencia_aduana = fila.id.data[0];\n\n      if (fila.accion == \"Editar\") {\n        /*\n        \n        */\n        this.dataAgenciaAduanaClienteActualizar = fila.id;\n        this.ActionSetVisibleModalEditarClientesAgenciasAduana(true);\n        /*\n        \n        */\n      } else if (fila.accion == \"Eliminar\") {\n        /*\n        \n        */\n        this.$vToastify\n          .prompt(\n            `¿Desea eliminar la Agencia de Aduana '${nombre_agencia_aduana}'?`\n          )\n          .then(\n            (respuesta) =>\n              respuesta && this.eliminarClienteAgenciaAduana(id_agencia_aduana)\n          );\n        /*\n        \n        */\n      }\n    },\n    async eliminarClienteAgenciaAduana(id) {\n      let sql = await deleteClientesAgenciasAduana({ id });\n\n      if (!sql.error) {\n        // Consulta nuevamente a la API para obtener la nueva data\n        let dataAgenciasAduanaClientesDB = await getClientesAgenciasAduana(\n          this.idAux\n        );\n\n        // Actualizar los datos del dataTable\n        this.actionSetDataClientesAgenciasAduana(\n          dataAgenciasAduanaClientesDB.data_table\n        );\n        this.generarBotonesAcciones();\n\n        this.dataTableAux = dataAgenciasAduanaClientesDB.data_table;\n\n        this.$vToastify.success(\n          \"Agencia de Aduana eliminada correctamente\",\n          \"¡Realizado!\"\n        );\n      } else {\n        console.log(\"Error\");\n      }\n    },\n    async init(){\n      this.cargando = true;\n      await this.getDataClientesAgenciasAduana();\n      await this.generarBotonesAcciones();\n      await this.actualizarURL();\n      this.cargando = false;\n    }\n  },\n  created() {\n      this.init();\n  },\n  watch: {\n    id: function (_new) {\n      let me = this;\n      if (_new) {\n        me.idAux = _new;\n        this.getDataClientesAgenciasAduana();\n      }\n    },\n    dataDatatableClientesAgenciasAduana: function (_new) {\n      let me = this;\n      if (_new) {\n        me.data = _new;\n        me.data.fila = _new;\n        this.generarBotonesAcciones();\n      }\n    },\n  },\n};\n</script>\n\n<style></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!./ClientesAgenciasAduanaPage.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!./ClientesAgenciasAduanaPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClientesAgenciasAduanaPage.vue?vue&type=template&id=324d9fc0\"\nimport script from \"./ClientesAgenciasAduanaPage.vue?vue&type=script&lang=js\"\nexport * from \"./ClientesAgenciasAduanaPage.vue?vue&type=script&lang=js\"\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  null,\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/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!./AgregarAgenciaAduanaModal.vue?vue&type=style&index=0&id=ad4d8702&prod&lang=css\""],"sourceRoot":""}