{"version":3,"sources":["webpack:///./src/views/lineas/servicios/ServiciosPuertosPage.vue?b058","webpack:///./src/components/modals/lineas/servicios/ActualizarServiciosPuertosModal.vue?3ac2","webpack:///./src/views/lineas/servicios/ServiciosPuertosPage.vue","webpack:///./src/components/modals/lineas/servicios/ActualizarServiciosPuertosModal.vue","webpack:///src/components/modals/lineas/servicios/ActualizarServiciosPuertosModal.vue","webpack:///./src/components/modals/lineas/servicios/ActualizarServiciosPuertosModal.vue?8811","webpack:///./src/components/modals/lineas/servicios/ActualizarServiciosPuertosModal.vue?42cc","webpack:///src/views/lineas/servicios/ServiciosPuertosPage.vue","webpack:///./src/views/lineas/servicios/ServiciosPuertosPage.vue?c446","webpack:///./src/views/lineas/servicios/ServiciosPuertosPage.vue?f80d"],"names":["render","_vm","this","_c","_self","staticStyle","staticClass","loadingServiciosPuertos","attrs","puertos","value","label","model","portModel","callback","$$v","expression","nativeOn","$event","addPort","acciones","length","headers","dataTableAux","obtenerFilaSeleccionada","on","actualizarPuertos","_v","dataServiciosPuertosActualizar","nombreServicio","staticRenderFns","ref","titulo","actionSetVisibleModalEditarServicioPuerto","formulario","TTReeferModel","$set","_n","TTDryModel","closeModal","actualizarServicioPuerto","Vue","use","VueToastify","props","dataAux","Array","Object","type","String","data","id_route","id_port","components","UiModal","UiTextbox","computed","mapState","methods","mapActions","openModal","$refs","open","close","$vToastify","loader","sql","updateServiciosPuertos","error","map","item","stopLoader","success","dataServiciosPuertosDB","getServiciosPuertos","idAuxiliarServicioSeleccionado","actionSetDataServiciosPuertos","data_table","watch","visibleModalEditarServicioPuerto","_new","data_complementaria","id_servicio","id_puerto","component","idAux","id","DataTable","ActualizarServiciosPuertosModal","Loading","Button","NotFoundTable","ActionSetLoadingServiciosPuertos","dt","accion","key","generarBotonesAcciones","valid","forEach","estadoButton","form","route_name","route_id","routes_ports","port_id","parseInt","reefer_transit_time","dry_transit_time","has_early_cutoff","saveServiciosPuertos","getDataServiciosPuertos","name","undefined","push","actualizarURL","me","AccionCambiar","$route","path","index","icon","title","ActionSetLoadingTable","text","estado","buttonRef","document","querySelector","innerHTML","disabled","fila","nombre_puerto","response","prompt","body","answers","Sí","No","filter","deleteServiciosPuertos","console","log","created","dataDatatableServiciosPuertos","dataDatatableServiciosPuertosFiltrada"],"mappings":"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","file":"js/chunk-1ad32f90.f2788f4e.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!./ServiciosPuertosPage.vue?vue&type=style&index=0&id=23b2dc1a&prod&scoped=true&lang=css\"","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!./ActualizarServiciosPuertosModal.vue?vue&type=style&index=0&id=be1ce4b8&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.loadingServiciosPuertos)?_c('div',{staticClass:\"d-flex justify-content-center w-100 mt-4\"},[_c('loading')],1):_c('div',{staticClass:\"d-flex flex-row flex-wrap justify-content-start mb-2\"},[_c('div',{staticClass:\"w-100\",staticStyle:{\"position\":\"relative\",\"z-index\":\"1\"}},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"position\":\"absolute\"}},[_c('ui-select',{attrs:{\"placeholder\":\"Seleccionar puerto\",\"options\":_vm.puertos,\"hasSearch\":\"\",\"keys\":{ value: 'id', label: 'name' }},model:{value:(_vm.portModel),callback:function ($$v) {_vm.portModel=$$v},expression:\"portModel\"}}),_c('Button',{staticClass:\"mt-2 mb-3 mr-2\",attrs:{\"size\":15,\"color\":\"#2da44e\",\"colorText\":\"#ffffff\",\"tooltip\":\"Agregar Puertos\",\"icon\":\"fas fa-plus\",\"round\":\"\",\"width\":30,\"traslate\":\"\"},nativeOn:{\"click\":function($event){return _vm.addPort()}}})],1)]),(_vm.acciones.length > 0)?_c('data-table',{attrs:{\"headers\":_vm.headers,\"data\":_vm.dataTableAux,\"acciones\":_vm.acciones,\"max\":8,\"paginacion\":\"\",\"buscar\":\"\",\"formulario\":true,\"idtabla\":\"servicios_puertos\",\"seleccionar\":_vm.obtenerFilaSeleccionada}}):_c('not-found-table',{staticClass:\"justify-content-center w-100 pt-5\",attrs:{\"text\":'No se encontraron registros de puertos en este servicio'}}),_c('button',{staticClass:\"btn btn-outline-warning btn-sm h-50 mt-3 btn-update float-right\",attrs:{\"id\":\"buttonRef\"},on:{\"click\":function($event){return _vm.actualizarPuertos()}}},[_vm._v(\" Actualizar \")])],1)]),_c('actualizar-servicios-puertos-modal',{attrs:{\"dataAux\":_vm.dataServiciosPuertosActualizar,\"nombreServicio\":_vm.nombreServicio}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ui-modal',{ref:\"modal\",staticClass:\"modal-actualizar-servicio-puerto\",attrs:{\"title\":`Actualizar Puerto - ${_vm.titulo}`},on:{\"close\":function($event){return _vm.actionSetVisibleModalEditarServicioPuerto(false)}}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\"},[_c('ui-textbox',{staticClass:\"w-50 mr-2\",attrs:{\"floating-label\":\"\",\"label\":\"TT Reefer\"},model:{value:(_vm.formulario.TTReeferModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"TTReeferModel\", _vm._n($$v))},expression:\"formulario.TTReeferModel\"}}),_c('ui-textbox',{staticClass:\"w-50 ml-2\",attrs:{\"floating-label\":\"\",\"label\":\"TT Dry\"},model:{value:(_vm.formulario.TTDryModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"TTDryModel\", _vm._n($$v))},expression:\"formulario.TTDryModel\"}})],1),_c('div',{staticClass:\"d-flex justify-content-between mt-5\"},[_c('button',{staticClass:\"btn btn-default\",on:{\"click\":function($event){return _vm.closeModal('modal')}}},[_vm._v(\" Cerrar \")]),_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.actualizarServicioPuerto}},[_vm._v(\" Guardar \")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <ui-modal\n      ref=\"modal\"\n      @close=\"actionSetVisibleModalEditarServicioPuerto(false)\"\n      :title=\"`Actualizar Puerto - ${titulo}`\"\n      class=\"modal-actualizar-servicio-puerto\"\n    >\n      <div class=\"d-flex flex-column\">\n        <!-- Cuerpo -->\n\n        <div class=\"d-flex\">\n          <ui-textbox\n            class=\"w-50 mr-2\"\n            floating-label\n            label=\"TT Reefer\"\n            v-model.number=\"formulario.TTReeferModel\"\n          />\n\n          <ui-textbox\n            class=\"w-50 ml-2\"\n            floating-label\n            label=\"TT Dry\"\n            v-model.number=\"formulario.TTDryModel\"\n          />\n        </div>\n\n        <!-- Footer -->\n        <div class=\"d-flex justify-content-between mt-5\">\n          <button class=\"btn btn-default\" @click=\"closeModal('modal')\">\n            Cerrar\n          </button>\n          <button class=\"btn btn-primary\" @click=\"actualizarServicioPuerto\">\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 UiTextbox from \"keen-ui/src/UiTextbox\";\n\n// Constantes\nimport {\n  updateServiciosPuertos,\n  getServiciosPuertos,\n} from \"../../../../constants/lineas\";\n\nexport default {\n  props: {\n    dataAux: [Array, Object],\n    nombreServicio: { type : String },\n  },\n  data() {\n    return {\n      // v-models\n      formulario: {\n        id_route: \"\",\n        id_port: \"\",\n        TTReeferModel: \"\",\n        TTDryModel: \"\",\n      },\n      titulo: \"\",\n    };\n  },\n  components: {\n    UiModal,\n    UiTextbox,\n  },\n  computed: {\n    ...mapState(\"lineas\", [\n      \"idAuxiliarServicioSeleccionado\",\n      \"visibleModalEditarServicioPuerto\",\n    ]),\n  },\n  methods: {\n    ...mapActions(\"lineas\", [\n      \"actionSetDataServiciosPuertos\",\n      \"actionSetVisibleModalEditarServicioPuerto\",\n    ]),\n\n    openModal(ref) {\n      this.$refs[ref].open();\n    },\n\n    closeModal(ref) {\n      this.$refs[ref].close();\n    },\n\n    async actualizarServicioPuerto() {\n      this.$vToastify.loader(\"Actualizando servicio\");\n      this.formulario.nombreServicio = this.nombreServicio;\n      let sql = await updateServiciosPuertos(this.formulario);\n\n      if (!sql.error) {\n        // Cerrar Modal\n        this.closeModal(\"modal\");\n\n        this.$vToastify.stopLoader();\n        // Toast proceso exitoso\n        this.$vToastify.success(\"Puerto actualizado con éxito\", \"¡Realizado!\");\n\n        // Limpiar variables\n        this.formulario.id_route = \"\";\n        this.formulario.id_port = \"\";\n        this.formulario.TTReeferModel = \"\";\n        this.formulario.TTDryModel = \"\";\n\n        let dataServiciosPuertosDB = await getServiciosPuertos(\n          this.idAuxiliarServicioSeleccionado\n        );\n\n        this.actionSetDataServiciosPuertos(\n          dataServiciosPuertosDB.data.data_table\n        );\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.stopLoader();\n          this.$vToastify.error(\n            \"El Puerto no ha podido actualizarse\",\n            \"¡Error!\"\n          );\n        }\n      }\n    },\n  },\n  watch: {\n    visibleModalEditarServicioPuerto: function (_new) {\n      _new && this.openModal(\"modal\");\n    },\n    dataAux: function (_new) {\n      this.formulario.id_route = _new.data_complementaria.id_servicio;\n      this.formulario.id_port = _new.data_complementaria.id_puerto;\n\n      // Titulo de modal\n      this.titulo = _new.data[0];\n\n      // Formulario\n      this.formulario.TTReeferModel = _new.data[1];\n      this.formulario.TTDryModel = _new.data[2];\n    },\n  },\n};\n</script>\n\n<style>\n.modal-actualizar-servicio-puerto .ui-modal__container {\n  width: 25% !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!./ActualizarServiciosPuertosModal.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!./ActualizarServiciosPuertosModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ActualizarServiciosPuertosModal.vue?vue&type=template&id=be1ce4b8\"\nimport script from \"./ActualizarServiciosPuertosModal.vue?vue&type=script&lang=js\"\nexport * from \"./ActualizarServiciosPuertosModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./ActualizarServiciosPuertosModal.vue?vue&type=style&index=0&id=be1ce4b8&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 mt-4\"\n        v-if=\"loadingServiciosPuertos\"\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 class=\"w-100\" style=\"position: relative; z-index: 1\">\n          <div class=\"d-flex\" style=\"position: absolute\">\n            <ui-select\n              placeholder=\"Seleccionar puerto\"\n              :options=\"puertos\"\n              hasSearch\n              v-model=\"portModel\"\n              :keys=\"{ value: 'id', label: 'name' }\"\n            />\n            <Button\n              :size=\"15\"\n              color=\"#2da44e\"\n              colorText=\"#ffffff\"\n              tooltip=\"Agregar Puertos\"\n              icon=\"fas fa-plus\"\n              round\n              :width=\"30\"\n              class=\"mt-2 mb-3 mr-2\"\n              traslate\n              @click.native=\"addPort()\"\n            />\n          </div>\n        </div>\n        <!-- Data Table -->\n        <data-table\n          v-if=\"acciones.length > 0\"\n          :headers=\"headers\"\n          :data=\"dataTableAux\"\n          :acciones=\"acciones\"\n          :max=\"8\"\n          paginacion\n          buscar\n          :formulario=\"true\"\n          idtabla=\"servicios_puertos\"\n          :seleccionar=\"obtenerFilaSeleccionada\"\n        />\n        <not-found-table\n          v-else\n          class=\"justify-content-center w-100 pt-5\"\n          :text=\"'No se encontraron registros de puertos en este servicio'\"\n        /> \n        <button class=\"btn btn-outline-warning btn-sm h-50 mt-3 btn-update float-right\" @click=\"actualizarPuertos()\" id=\"buttonRef\">\n            Actualizar\n        </button>\n      </div>\n    </div>\n    <actualizar-servicios-puertos-modal\n      :dataAux=\"dataServiciosPuertosActualizar\"\n      :nombreServicio=\"nombreServicio\" \n    />\n  </div>\n</template>\n\n<script>\n// Vue\nimport Vue from \"vue\";\n\nimport { mapState, mapActions } from \"vuex\";\n\n// Not Found\nimport NotFoundTable from \"../../../components/common/NotFoundTable\";\n\nimport {\n  getServiciosPuertos,\n  deleteServiciosPuertos,\nsaveServiciosPuertos,\n} from \"../../../constants/lineas\";\n\nimport DataTable from \"../../../components/common/DataTable\";\nimport Loading from \"../../../components/common/loading\";\nimport ActualizarServiciosPuertosModal from \"../../../components/modals/lineas/servicios/ActualizarServiciosPuertosModal\";\n\n// Toast\nimport VueToastify from \"vue-toastify\";\nimport Button from \"../../../components/common/Button\";\n\nVue.use(VueToastify);\n\nexport default {\n  props: [\"id\",\"nombreServicio\"],\n  data() {\n    return {\n      headers: [\"Puerto\", \"TT Reefer\", \"TT Dry\", \"Corte Documental Anticipado\", \"Acciones\"],\n      acciones: [],\n      dataServiciosPuertosActualizar: [],\n      data: [],\n      dataTableAux: [],\n      idAux: this.id,\n      portModel:{}\n    };\n  },\n\n  components: {\n    DataTable,\n    ActualizarServiciosPuertosModal,\n    Loading,\n    Button,\n    NotFoundTable\n  },\n\n  computed: {\n    ...mapState([\"loading\", \"loadingServiciosPuertos\",\"puertos\"]),\n    ...mapState(\"lineas\", [\n      \"dataDatatableServiciosPuertos\",\n      \"dataDatatableServiciosPuertosFiltrada\",\n    ]),\n  },\n\n  methods: {\n    // Acciones de Vuex\n    ...mapActions([\n      \"AccionCambiar\",\n      \"ActionSetLoadingTable\",\n      \"ActionSetLoadingServiciosPuertos\",\n    ]),\n    ...mapActions(\"lineas\", [\n      \"actionSetVisibleModalEditarServicioPuerto\",\n      \"actionSetDataServiciosPuertos\",\n    ]),\n\n    // Obteneción de Depositos desde la BD\n    async getDataServiciosPuertos() {\n      \n      this.ActionSetLoadingServiciosPuertos(true);\n\n      const { data } = await getServiciosPuertos(this.idAux);\n      \n      this.dataTableAux = data.data_table.map( dt => ({\n        data: dt.data ,\n        data_complementaria: dt.data_complementaria,\n        accion: \"ACTUALIZAR\",\n        type: [\n          { key: 0, type: \"text\" },\n          { key: 1, type: \"textbox\" },\n          { key: 2, type: \"textbox\" },\n          { key: 3, type: \"checkboxset\" },\n        ]\n      }));\n\n      //this.actionSetDataServiciosPuertos( data.data_table );\n      this.generarBotonesAcciones();\n    },\n    async actualizarPuertos() {\n      let valid = true ;\n\n      if( this.dataTableAux.length === 0 ) return this.$vToastify.error(\n        \"Debe agregar puertos\",\n        \"Error\"\n      );\n      this.dataTableAux.forEach( dt => {\n        if( dt.data[1] < 1 ) valid = false ;\n        if( dt.data[2] < 1 ) valid = false ;\n      });\n      \n      if( !valid ) return this.$vToastify.error(\n        \"No deben quedar campos en 0 o menor a 0\",\n        \"Error\"\n      );\n\n      this.$vToastify.loader(\"Actualizando Servicio...\");\n\n      this.estadoButton(\"Actualizando...\");\n\n      const form = {\n        route_name : this.nombreServicio ,\n        route_id : this.idAux,\n        routes_ports : this.dataTableAux.map( dt => ({\n          accion: dt.accion ,\n          port_id : parseInt( dt.data_complementaria.id_puerto ),\n          id : parseInt( dt.data_complementaria.id ),\n          reefer_transit_time: parseInt( dt.data[1] ) ,\n          dry_transit_time: parseInt( dt.data[2] ),\n          has_early_cutoff: dt.data[3],\n        }))\n      } ;\n\n      const { error } = await saveServiciosPuertos( form ) ;\n\n      this.estadoButton(\"Actualizar\", false);\n      this.$vToastify.stopLoader();\n\n      if( !error ){\n        this.getDataServiciosPuertos() ;\n        return this.$vToastify.success(\n          \"Servicio actualizado correctamente\",\n          \"¡Realizado!\"\n        );\n      }\n      this.$vToastify.error(\n        \"Error al actualizar servicio, intente más tarde\",\n        \"Error\"\n      );\n    },\n    async addPort(){\n      if( this.portModel.name == \"\" ) return ;\n      if (this.portModel.name == \"\" || this.portModel.name == undefined) return;\n\n      this.dataTableAux.push({\n        data: [ this.portModel.name , 0,0,false ] ,\n        data_complementaria: {\n          id_puerto: this.portModel.id ,\n          id_servicio: 0 ,\n          id: 0\n        },\n        accion: \"AGREGAR\",\n        type: [\n          { key: 0, type: \"text\" },\n          { key: 1, type: \"textbox\" },\n          { key: 2, type: \"textbox\" },\n          { key: 3, type: \"checkboxset\" },\n        ]\n      });\n      this.generarBotonesAcciones() ;\n\n      this.portModel = {} ;\n    },\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.dataTableAux.map((index) => {\n        me.acciones.push([{\n            icon: \"fa fa-times text-danger\",\n            title: \"Eliminar\",\n            id: index,\n          },\n        ]);\n      });\n      me.ActionSetLoadingTable(false);\n    },\n    estadoButton(text, estado = true) {\n      let buttonRef = document.querySelector(\"#buttonRef\");\n      buttonRef.innerHTML = text;\n      buttonRef.disabled = estado;\n    },\n    async obtenerFilaSeleccionada(fila) {\n      let id_puerto = fila.id.data_complementaria.id_puerto;\n      let nombre_puerto = fila.id.data[0];\n      if (fila.accion == \"Editar\") {\n\n        this.dataServiciosPuertosActualizar = fila.id;\n        this.actionSetVisibleModalEditarServicioPuerto(true);\n\n      } else if (fila.accion == \"Eliminar\") {\n\n        const response = await this.$vToastify.prompt({\n          body: `¿Desea eliminar el Puerto '${nombre_puerto}'?`,\n          answers: { Sí: true, No: false },\n        });\n          \n        if( !response ) return ;\n\n        this.dataTableAux = this.dataTableAux.filter( dt => dt.data_complementaria.id_puerto != id_puerto );\n        this.generarBotonesAcciones() ;\n        \n      }\n    },\n\n    async eliminarServicioPuerto(id_puerto, id_servicio) {\n      let sql = await deleteServiciosPuertos({ id_puerto, id_servicio });\n\n      if (!sql.error) {\n        this.$vToastify.success(\n          \"Puerto eliminado correctamente\",\n          \"¡Realizado!\"\n        );\n\n        // Consulta nuevamente a la API para obtener la nueva data\n        let dataServiciosPuertosDB = await getServiciosPuertos(this.idAux);\n\n        // Actualizar los datos del dataTable\n        this.actionSetDataServiciosPuertos(\n          dataServiciosPuertosDB.data.data_table\n        );\n\n        this.dataTableAux = dataServiciosPuertosDB.data.data_table;\n        this.generarBotonesAcciones();\n      } else {\n        console.log(\"Error\");\n      }\n    },\n    // Función para actualizar url en state\n  },\n  created() {\n    this.generarBotonesAcciones();\n    this.actualizarURL();\n  },\n  watch: {\n    id: function (_new) {\n      let me = this;\n      if (_new) {\n        this.dataTableAux = [];\n        me.idAux = _new;\n        me.getDataServiciosPuertos();\n      }\n    },\n    dataDatatableServiciosPuertos: function (_new) {\n      let me = this;\n      if (_new) {\n        me.data = _new;\n        me.data.fila = _new;\n        me.generarBotonesAcciones();\n      }\n    },\n\n    dataDatatableServiciosPuertosFiltrada: function (_new) {\n      this.dataTableAux = _new;\n      this.generarBotonesAcciones();\n    },\n  },\n};\n</script>\n\n<style scoped>\n\n.textbox_normal {\n  padding: 7px 5px;  \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!./ServiciosPuertosPage.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!./ServiciosPuertosPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ServiciosPuertosPage.vue?vue&type=template&id=23b2dc1a&scoped=true\"\nimport script from \"./ServiciosPuertosPage.vue?vue&type=script&lang=js\"\nexport * from \"./ServiciosPuertosPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./ServiciosPuertosPage.vue?vue&type=style&index=0&id=23b2dc1a&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  \"23b2dc1a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}