{"version":3,"sources":["webpack:///../../../src/components/VToolbar/index.ts","webpack:///./src/views/visitaDetalle.vue?9061","webpack:///./src/components/mapa.vue","webpack:///src/components/mapa.vue","webpack:///./src/components/mapa.vue?af1b","webpack:///./src/components/mapa.vue?7916","webpack:///./src/views/visitaDetalle.vue","webpack:///src/views/visitaDetalle.vue","webpack:///./src/views/visitaDetalle.vue?605f","webpack:///./src/views/visitaDetalle.vue?3f7a"],"names":["VToolbarTitle","createSimpleFunctional","VToolbarItems","VToolbar","_c","attrs","_vm","prop_markers_and_pedido","key","visita","fnGetIcon","toggleInfo","fnDrawPolyPath","index","poplyLineFlag","deliveryPath","icons","scale","fillColor","fillOpacity","repeat","$event","infoOpened","infoContent","class","fnGetColor","flagPrevVisita","on","fnPrevVisita","fnNextVisita","staticRenderFns","render","components","cluster","data","gmapCenter","lat","lng","flagCurrentIndex","figura_camino_polyline","deliveryPathColor","infoPosition","infoCurrentKey","infoOptions","pixelOffset","width","height","name","props","prop_reunion_consejeras","type","prop_polyline_enable","prop_vista_inicio_de_labores","prop_otros_tipos_de_visita","prop_center","prop_visitadetalle","prop_maker_color","prop_markers","watch","methods","fnGetDate","store_visita","textColorClass","console","marker","computed","google","flagNextVisita","centerZoom","centerCoordenates","makers","local_prop_marker_color","motivo_de_visita_id","mounted","component","staticClass","model","value","dialog","expression","_v","staticStyle","supervisora","alias","consejera","nombre_completo","_s","require","pedido","DELIVERY_LAT","DELIVERY_LON","observaciones","mapa","currentDate","getVisitas","getDate","fnFiltroFecha","moment","fnGetVisitaImagen"],"mappings":"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","file":"js/visitadetalle.7b31b565.js","sourcesContent":["// Components\nimport VToolbar from './VToolbar'\n\n// Utilities\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VToolbarTitle = createSimpleFunctional('v-toolbar__title')\nconst VToolbarItems = createSimpleFunctional('v-toolbar__items')\n\nexport {\n  VToolbar,\n  VToolbarItems,\n  VToolbarTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VToolbar,\n    VToolbarItems,\n    VToolbarTitle,\n  },\n}\n","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!./visitaDetalle.vue?vue&type=style&index=0&id=030c89b7&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"about\"},[_c('GmapMap',{staticStyle:{\"width\":\"100%\",\"height\":\"65vh\"},attrs:{\"center\":_vm.centerCoordenates,\"zoom\":_vm.centerZoom,\"map-type-id\":\"terrain\"}},[_c('cluster',{attrs:{\"gridSize\":30,\"zoomOnClick\":true,\"maxZoom\":20}},_vm._l((_vm.prop_markers_and_pedido),function(visita,index){return _c('GmapMarker',{key:index,attrs:{\"position\":{ lat: visita.lat, lng: visita.lng },\"clickable\":true,\"icon\":_vm.fnGetIcon(visita.motivo_de_visita_id),\"draggable\":false},on:{\"click\":function($event){_vm.toggleInfo(visita), (_vm.flagCurrentIndex = index)},\"mouseover\":function($event){return _vm.fnDrawPolyPath(index)}}})}),1),(_vm.poplyLineFlag && _vm.prop_polyline_enable == true)?_c('gmap-polyline',{ref:\"polyline\",attrs:{\"path\":_vm.deliveryPath,\"options\":{\n        strokeWeight: 5,\n        strokeColor: _vm.deliveryPathColor,\n        strokeOpacity: 0.7,\n        icons: [\n          {\n            icon: {\n              path: _vm.figura_camino_polyline,\n              scale: 3,\n              fillColor: _vm.deliveryPathColor,\n              fillOpacity: 1,\n            },\n            offset: '0',\n            repeat: '100px',\n          },\n        ],\n      }},on:{\"click\":function($event){_vm.poplyLineFlag = false}}}):_vm._e(),(_vm.prop_otros_tipos_de_visita == false)?_c('gmap-info-window',{attrs:{\"options\":_vm.infoOptions,\"position\":_vm.infoPosition,\"opened\":_vm.infoOpened},on:{\"closeclick\":function($event){_vm.infoOpened = false}}},[(_vm.infoContent)?_c('v-card',{},[_c('v-card-title',[_vm._v(\" \"+_vm._s(_vm.infoContent.consejera_nombre))]),_c('v-card-text',[_c('div',[_c('strong',[_vm._v(\"Visita:\")]),_c('br'),_c('div',[_vm._v(\" \"+_vm._s(_vm.infoContent.motivo_de_visita)+\" \"),_c('v-icon',{class:_vm.fnGetColor(_vm.infoContent.motivo_de_visita_id)},[_vm._v(\"mdi-label-variant\")])],1),_vm._v(\" \"+_vm._s(_vm.fnGetDate(_vm.infoContent.fecha))+\" \")]),(_vm.infoContent.usuario_nombre)?_c('div',[_c('strong',[_vm._v(\"Supervisora:\")]),_vm._v(\" \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.infoContent.usuario_nombre)+\" \")]):_vm._e(),(_vm.infoContent.supervisora)?_c('div',[_c('strong',[_vm._v(\"Supervisora:\")]),_vm._v(\" \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.infoContent.supervisora.nombre_completo)+\" \")]):_vm._e()]),(_vm.prop_visitadetalle == false)?_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"title\":\"Visita previa\",\"disabled\":_vm.flagPrevVisita,\"small\":\"\",\"elevation\":\"1\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":function($event){return _vm.fnPrevVisita()}}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-arrow-left\")])],1),_c('v-btn',{attrs:{\"title\":\"Siguiente visita\",\"disabled\":_vm.flagNextVisita,\"small\":\"\",\"elevation\":\"1\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":function($event){return _vm.fnNextVisita()}}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-arrow-right\")])],1),_c('v-btn',{attrs:{\"target\":\"_blank\",\"href\":'/visita/' + _vm.infoContent.id,\"text\":\"\",\"color\":\"primary\"}},[_vm._v(\" Ver mas \")])],1):_vm._e()],1):_vm._e()],1):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"about\">\r\n    <GmapMap\r\n      :center=\"centerCoordenates\"\r\n      :zoom=\"centerZoom\"\r\n      map-type-id=\"terrain\"\r\n      style=\"width: 100%; height: 65vh\"\r\n    >\r\n      <cluster :gridSize=\"30\" :zoomOnClick=\"true\" :maxZoom=\"20\">\r\n        <GmapMarker\r\n          v-for=\"(visita, index) in prop_markers_and_pedido\"\r\n          :key=\"index\"\r\n          :position=\"{ lat: visita.lat, lng: visita.lng }\"\r\n          :clickable=\"true\"\r\n          :icon=\"fnGetIcon(visita.motivo_de_visita_id)\"\r\n          :draggable=\"false\"\r\n          @click=\"toggleInfo(visita), (flagCurrentIndex = index)\"\r\n          @mouseover=\"fnDrawPolyPath(index)\"\r\n      /></cluster>\r\n      <gmap-polyline\r\n        v-if=\"poplyLineFlag && prop_polyline_enable == true\"\r\n        :path=\"deliveryPath\"\r\n        v-bind:options=\"{\r\n          strokeWeight: 5,\r\n          strokeColor: deliveryPathColor,\r\n          strokeOpacity: 0.7,\r\n          icons: [\r\n            {\r\n              icon: {\r\n                path: figura_camino_polyline,\r\n                scale: 3,\r\n                fillColor: deliveryPathColor,\r\n                fillOpacity: 1,\r\n              },\r\n              offset: '0',\r\n              repeat: '100px',\r\n            },\r\n          ],\r\n        }\"\r\n        ref=\"polyline\"\r\n        v-on:click=\"poplyLineFlag = false\"\r\n      ></gmap-polyline>\r\n      <gmap-info-window\r\n        v-if=\"prop_otros_tipos_de_visita == false\"\r\n        :options=\"infoOptions\"\r\n        :position=\"infoPosition\"\r\n        :opened=\"infoOpened\"\r\n        @closeclick=\"infoOpened = false\"\r\n      >\r\n        <v-card v-if=\"infoContent\" class=\"\">\r\n          <v-card-title> {{ infoContent.consejera_nombre }}</v-card-title>\r\n          <v-card-text>\r\n            <div>\r\n              <strong>Visita:</strong><br />\r\n              <div>\r\n                {{ infoContent.motivo_de_visita }}\r\n                <v-icon :class=\"fnGetColor(infoContent.motivo_de_visita_id)\"\r\n                  >mdi-label-variant</v-icon\r\n                >\r\n              </div>\r\n              {{ fnGetDate(infoContent.fecha) }}\r\n            </div>\r\n\r\n            <div v-if=\"infoContent.usuario_nombre\">\r\n              <strong>Supervisora:</strong> <br />\r\n              {{ infoContent.usuario_nombre }}\r\n            </div>\r\n\r\n            <div v-if=\"infoContent.supervisora\">\r\n              <strong>Supervisora:</strong> <br />\r\n              {{ infoContent.supervisora.nombre_completo }}\r\n            </div>\r\n          </v-card-text>\r\n          <v-card-actions v-if=\"prop_visitadetalle == false\">\r\n            <v-spacer></v-spacer>\r\n            <v-btn\r\n              title=\"Visita previa\"\r\n              :disabled=\"flagPrevVisita\"\r\n              @click=\"fnPrevVisita()\"\r\n              small\r\n              elevation=\"1\"\r\n              text\r\n              color=\"white\"\r\n            >\r\n              <v-icon color=\"primary\">mdi-arrow-left</v-icon>\r\n            </v-btn>\r\n            <v-btn\r\n              title=\"Siguiente visita\"\r\n              :disabled=\"flagNextVisita\"\r\n              @click=\"fnNextVisita()\"\r\n              small\r\n              elevation=\"1\"\r\n              text\r\n              color=\"white\"\r\n            >\r\n              <v-icon color=\"primary\">mdi-arrow-right</v-icon>\r\n            </v-btn>\r\n\r\n            <v-btn\r\n              target=\"_blank\"\r\n              :href=\"'/visita/' + infoContent.id\"\r\n              text\r\n              color=\"primary\"\r\n            >\r\n              Ver mas\r\n            </v-btn>\r\n          </v-card-actions>\r\n        </v-card>\r\n      </gmap-info-window>\r\n    </GmapMap>\r\n  </div>\r\n</template>\r\n<script>\r\nimport moment from 'moment';\r\nimport GmapCluster from 'vue2-google-maps/dist/components/cluster';\r\nimport { gmapApi } from 'vue2-google-maps';\r\nexport default {\r\n  components: {\r\n    cluster: GmapCluster,\r\n  },\r\n  data() {\r\n    return {\r\n      gmapCenter: { lat: 14.599251, lng: -90.55084 },\r\n      flagCurrentIndex: 0,\r\n      // polyline\r\n      figura_camino_polyline: null,\r\n      poplyLineFlag: false,\r\n      deliveryPath: [],\r\n      deliveryPathColor: '#4DD0E1',\r\n      //\r\n      // place detail\r\n      infoPosition: null,\r\n      infoContent: null,\r\n      infoOpened: false,\r\n      infoCurrentKey: null,\r\n      infoOptions: {\r\n        pixelOffset: {\r\n          width: 0,\r\n          height: -35,\r\n        },\r\n      },\r\n    };\r\n  },\r\n  name: 'mapa',\r\n  props: {\r\n    prop_reunion_consejeras: {\r\n      type: Boolean,\r\n    },\r\n    prop_polyline_enable: {\r\n      type: Boolean,\r\n    },\r\n    prop_vista_inicio_de_labores: {\r\n      type: Boolean,\r\n    },\r\n    prop_otros_tipos_de_visita: {\r\n      type: Boolean,\r\n    },\r\n    prop_center: {\r\n      type: Object,\r\n    },\r\n    prop_visitadetalle: {\r\n      type: Boolean,\r\n    },\r\n    prop_maker_color: {\r\n      type: Number,\r\n    },\r\n    prop_markers: {\r\n      type: Array,\r\n    },\r\n  },\r\n  watch: {\r\n    prop_markers() {\r\n      this.deliveryPath = [];\r\n    },\r\n  },\r\n  methods: {\r\n    fnGetDate(date) {\r\n      return date ? moment(date).utc().format('DD-MMMM  HH:mm a') : '';\r\n    },\r\n    fnGetColor(motivo) {\r\n      return this.$store.state.visitas.filter(\r\n        (store_visita) => store_visita.id == motivo\r\n      )[0].textColorClass;\r\n    },\r\n    fnGetIcon(motivo) {\r\n      console.log(motivo);\r\n      if (!isNaN(motivo)) {\r\n        return this.$store.state.visitas.filter(\r\n          (store_visita) => store_visita.id == motivo\r\n        )[0].marker;\r\n      } else {\r\n        return this.$store.state.OtrasVisitas.filter(\r\n          (store_visita) => store_visita.id == motivo\r\n        )[0].marker;\r\n      }\r\n    },\r\n    /**\r\n     * polyline & get info\r\n     */\r\n\r\n    toggleInfo(marker) {\r\n      this.infoPosition = { lat: marker.lat, lng: marker.lng };\r\n      this.infoContent = marker;\r\n      if (this.infoCurrentKey == marker.id) {\r\n        // this.infoOpened = !this.infoOpened;\r\n      } else {\r\n        this.infoOpened = true;\r\n        this.infoCurrentKey = marker.id;\r\n      }\r\n    },\r\n    fnDrawPolyPath(index) {\r\n      if (this.prop_polyline_enable == true) {\r\n        this.poplyLineFlag = true;\r\n        this.figura_camino_polyline =\r\n          this.google.maps.SymbolPath.FORWARD_CLOSED_ARROW;\r\n\r\n        if (this.prop_markers[index + 1] != undefined) {\r\n          this.deliveryPath = [];\r\n          this.deliveryPath.push({\r\n            lat: this.prop_markers[index].lat,\r\n            lng: this.prop_markers[index].lng,\r\n          });\r\n          this.deliveryPath.push({\r\n            lat: this.prop_markers[index + 1].lat,\r\n            lng: this.prop_markers[index + 1].lng,\r\n          });\r\n        } else {\r\n          console.log('no hay siguiente entrega');\r\n        }\r\n      }\r\n    },\r\n    fnNextVisita() {\r\n      console.log(this.flagCurrentIndex);\r\n      console.log(this.prop_markers[this.flagCurrentIndex + 1]);\r\n      if (this.prop_markers[this.flagCurrentIndex + 1] != undefined) {\r\n        this.flagCurrentIndex += 1;\r\n        this.gmapCenter.lat = this.prop_markers[this.flagCurrentIndex].lat;\r\n        this.gmapCenter.lng = this.prop_markers[this.flagCurrentIndex].lng;\r\n\r\n        this.toggleInfo(this.prop_markers[this.flagCurrentIndex]);\r\n        this.fnDrawPolyPath(this.flagCurrentIndex);\r\n      }\r\n    },\r\n    fnPrevVisita() {\r\n      if (this.prop_markers[this.flagCurrentIndex - 1] != undefined) {\r\n        this.flagCurrentIndex -= 1;\r\n        this.gmapCenter.lat = this.prop_markers[this.flagCurrentIndex].lat;\r\n        this.gmapCenter.lng = this.prop_markers[this.flagCurrentIndex].lng;\r\n\r\n        this.toggleInfo(this.prop_markers[this.flagCurrentIndex]);\r\n        this.fnDrawPolyPath(this.flagCurrentIndex);\r\n      }\r\n    },\r\n    /**\r\n     * polyline & get info\r\n     */\r\n  },\r\n  computed: {\r\n    google() {\r\n      return new gmapApi();\r\n    },\r\n    flagNextVisita() {\r\n      if (this.prop_markers[this.flagCurrentIndex + 1] != undefined) {\r\n        return false;\r\n      } else return true;\r\n    },\r\n    flagPrevVisita() {\r\n      if (this.prop_markers[this.flagCurrentIndex - 1] != undefined) {\r\n        return false;\r\n      } else return true;\r\n    },\r\n    centerZoom() {\r\n      if (this.prop_center && this.prop_center.zoom) {\r\n        return this.prop_center.zoom;\r\n      }\r\n      return 7;\r\n    },\r\n    centerCoordenates() {\r\n      if (this.prop_center && this.prop_center.lat) {\r\n        return { lat: this.prop_center.lat, lng: this.prop_center.lng };\r\n      }\r\n      if (this.gmapCenter && this.gmapCenter.lat) {\r\n        return { lat: this.gmapCenter.lat, lng: this.gmapCenter.lng };\r\n      }\r\n      if (\r\n        this.prop_markers.length == 0 ||\r\n        this.prop_markers[0].lat_llegada == 0\r\n      ) {\r\n        return { lat: 15.5670864, lng: -90.6112826 };\r\n      } else {\r\n        if (this.prop_markers[0].lat_llegada) {\r\n          return {\r\n            lat: this.prop_markers[0].lat_llegada,\r\n            lng: this.prop_markers[0].lng_llegada,\r\n          };\r\n        } else {\r\n          return {\r\n            lat: this.prop_markers[0].lat,\r\n            lng: this.prop_markers[0].lng,\r\n          };\r\n        }\r\n      }\r\n    },\r\n    prop_markers_and_pedido() {\r\n      let makers = this.prop_markers;\r\n      let local_prop_marker_color = 'a';\r\n\r\n      /** validacion reunion de consejeras */\r\n      if (this.prop_reunion_consejeras == true) {\r\n        makers = [];\r\n      }\r\n\r\n      if (this.prop_maker_color) {\r\n        local_prop_marker_color = this.prop_maker_color;\r\n      }\r\n      this.prop_markers.forEach((visita) => {\r\n        if (visita.pedido) {\r\n          makers.push({\r\n            lat: parseFloat(visita.pedido.DELIVERY_LAT),\r\n            lng: parseFloat(visita.pedido.DELIVERY_LON),\r\n            motivo_de_visita_id: local_prop_marker_color,\r\n          });\r\n        }\r\n        /** REUNION DE CONSEJERAS */\r\n        if (visita.lat_llegada != undefined && visita.lat_llegada != 0) {\r\n          console.log(visita.lat_llegada, visita.lng_llegada);\r\n          makers.push({\r\n            lat: parseFloat(visita.lat_llegada),\r\n            lng: parseFloat(visita.lng_llegada),\r\n            motivo_de_visita_id: 'e',\r\n          });\r\n        }\r\n        /** REUNION DE CONSEJERAS */\r\n        if (visita.lat_inicio != undefined && visita.lat_inicio != 0) {\r\n          console.log(visita.lat_inicio, visita.lng_inicio);\r\n          makers.push({\r\n            lat: parseFloat(visita.lat_inicio),\r\n            lng: parseFloat(visita.lng_inicio),\r\n            motivo_de_visita_id: 'e',\r\n          });\r\n        }\r\n        /**  inicio de labores */\r\n        if (visita.supervisora && this.prop_vista_inicio_de_labores == true) {\r\n          if (visita.inic_lab_fecha) {\r\n            makers.push({\r\n              lat: visita.inic_lab_lat,\r\n              lng: visita.inic_lab_lng,\r\n              motivo_de_visita_id: 'f',\r\n            });\r\n          }\r\n\r\n          if (visita.fecha_fin) {\r\n            makers.push({\r\n              lat: visita.lat_fin,\r\n              lng: visita.lng_fin,\r\n              motivo_de_visita_id: 'h',\r\n            });\r\n          }\r\n        }\r\n      });\r\n\r\n      return makers;\r\n    },\r\n  },\r\n  mounted() {},\r\n};\r\n</script>\r\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!./mapa.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!./mapa.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapa.vue?vue&type=template&id=07920a8d&\"\nimport script from \"./mapa.vue?vue&type=script&lang=js&\"\nexport * from \"./mapa.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","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visita.supervisora)?_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{staticClass:\"px-3 mx-auto\",attrs:{\"align\":\"start\"}},[_c('v-col',[_c('v-card',[_c('v-toolbar',{attrs:{\"elevation\":\"0\"}},[_c('v-toolbar-title',[_c('strong',{staticClass:\"primary--text\"},[_vm._v(\"Visita ID:\")]),_vm._v(\" \"+_vm._s(_vm.visita.id))]),_c('v-spacer'),_c('v-dialog',{attrs:{\"width\":\"100%\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5 grey lighten-2\"},[_vm._v(\" Seguimiento de la visita \")]),_c('v-card-text',[_c('table',{staticClass:\"mb-2\"},[_c('thead',[_c('tr',[_c('td',{attrs:{\"align\":\"center\"}},[_vm._v(\"Fecha\")]),_c('td',{attrs:{\"align\":\"center\"}},[_vm._v(\"Usuario\")]),_c('td',{attrs:{\"align\":\"center\"}},[_vm._v(\"Asunto\")]),_c('td',{attrs:{\"align\":\"center\"}},[_vm._v(\"Detalle\")])])]),_c('tbody',[_c('tr',[_c('td',{staticClass:\"td_titulo\",staticStyle:{\"min-width\":\"150px\"},attrs:{\"valign\":\"top\"}},[_vm._v(\" \"+_vm._s(_vm.fnFiltroFecha(new Date()))+\" \")]),_c('td',{staticClass:\"td_titulo\",staticStyle:{\"min-width\":\"120px\"},attrs:{\"valign\":\"top\"}},[_vm._v(\" Usuario Nombre \")]),_c('td',{staticClass:\"td_titulo\",staticStyle:{\"min-width\":\"120px\"},attrs:{\"valign\":\"top\"}},[_vm._v(\" Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae, id. \")]),_c('td',{attrs:{\"valign\":\"top\"}},[_vm._v(\" Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora ducimus harum voluptatum vero tempore aliquam, quas doloribus quibusdam quo, facilis adipisci! Enim modi, suscipit harum nisi ipsam expedita quod eveniet adipisci. Et incidunt laboriosam distinctio expedita, ipsum repudiandae ducimus ratione animi dicta corrupti fugiat voluptatum error labore aspernatur eum numquam dolorum, consequatur in. Cupiditate vel dicta saepe sed aperiam explicabo molestias voluptate alias. Enim quas eligendi accusamus soluta iste a aperiam odio rem ea aspernatur autem, corrupti ut laboriosam excepturi iure tempore? Eum quidem ea maxime excepturi in inventore voluptas possimus deleniti eligendi sapiente? Exercitationem fugit veritatis porro quo cupiditate officia reiciendis ullam, dolorem veniam laboriosam ipsa sint officiis vero voluptas? Nemo, iusto, veritatis dignissimos, neque dolorum quaerat perferendis eligendi aliquid consectetur non velit explicabo? \")])])])]),_c('table',[_c('tr',[_c('td',{staticClass:\"td_titulo\",staticStyle:{\"min-width\":\"150px\"},attrs:{\"valign\":\"top\"}},[_vm._v(\" \"+_vm._s(_vm.fnFiltroFecha(new Date()))+\" \")]),_c('td',{staticClass:\"td_titulo\",staticStyle:{\"min-width\":\"120px\"},attrs:{\"color\":\"primary\",\"valign\":\"top\"}},[_vm._v(\" Usuario Nombre \")]),_c('td',{staticStyle:{\"max-width\":\"170px\"},attrs:{\"valign\":\"top\"}},[_c('v-text-field',{staticClass:\"mr-5\",attrs:{\"name\":\"name\",\"label\":\"Asunto\",\"id\":\"idAsunto\"}})],1),_c('td',{staticStyle:{\"min-width\":\"700px\"}},[_c('v-text-field',{staticClass:\"mr-5\",attrs:{\"name\":\"name\",\"label\":\"Detalle\",\"id\":\"idDetalle\"}})],1),_c('td',[_c('v-btn',{attrs:{\"small\":\"\",\"elevation\":\"2\",\"color\":\"green\"}},[_vm._v(\"agregar\")])],1)])])]),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" Cerrar ventana \")])],1)],1)],1)],1),_c('v-container',{attrs:{\"fluid\":\"\",\"elevation\":\"3\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-row',[_c('v-col',[_c('v-subheader',[_vm._v(\" Supervisora \")]),_c('v-divider'),_c('table',{staticClass:\"mb-2\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Usuario:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.supervisora.alias)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Código:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.supervisora.codigo)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Nombre:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.supervisora.nombre_completo)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"División:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.supervisora.division)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Región:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.supervisora.region)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\" Agente de comercio: \")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.supervisora.tipo)+\" \")])])])])],1),_c('v-col',[_c('v-subheader',[_vm._v(\" Datos consejera \")]),_c('v-divider'),_c('table',{staticClass:\"mb-2\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Código:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.consejera.codigo)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Nombre:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.consejera.nombre_completo)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Dirección:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.consejera.direccion)+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Teléfono:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.consejera.telefono)+\" \")])])])]),_c('table',[_c('tbody',[_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Sector:\")]),_c('td',{staticClass:\"td_detalle\",attrs:{\"width\":\"55\"}},[_c('span',{attrs:{\"mr-2\":\"\"}},[_vm._v(_vm._s(_vm.visita.consejera.sector)+\" \")])]),_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"División:\")]),_c('td',{staticClass:\"td_detalle\",attrs:{\"width\":\"90\"}},[_c('span',{attrs:{\"mr-2\":\"\"}},[_vm._v(_vm._s(_vm.visita.consejera.division))])])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Región:\")]),_c('td',{staticClass:\"td_detalle\",attrs:{\"colspan\":\"2\",\"width\":\"120\"}},[_c('span',{attrs:{\"mr-2\":\"\"}},[_vm._v(_vm._s(_vm.visita.consejera.region))])])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\" Ultima visita: \")]),_c('td',{staticClass:\"td_detalle\",attrs:{\"colspan\":\"3\",\"width\":\"220\"}},[_c('span',{attrs:{\"mr-2\":\"\"}},[_vm._v(_vm._s(_vm.fnFiltroFecha(_vm.visita.consejera.ultima_visita)))])])])])])],1)],1),_c('v-subheader',[_vm._v(\" Datos de la visita \")]),_c('v-divider'),_c('table',{staticClass:\"mb-2\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Fecha:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.fnFiltroFecha(_vm.visita.fecha))+\" \")])]),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\" Registro de visita: \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm.visita.motivo_de_visita)+\" \")])]),_c('tr',{staticClass:\"py-4\"},[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\" Visita coordenadas: \")]),_c('td',{staticClass:\"td_detalle\"},[_c('strong',[_c('v-icon',{class:_vm.fnGetColor(_vm.visita.motivo_de_visita_id)},[_vm._v(\"mdi-label-variant\")]),_vm._v(\" lat:\")],1),_vm._v(\" \"+_vm._s(_vm.visita.lat)+\", \"),_c('strong',[_vm._v(\"lng:\")]),_vm._v(\" \"+_vm._s(_vm.visita.lng)+\" \")])]),(_vm.visita.pedido)?_c('tr',{staticClass:\"py-4\"},[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\" Entrega coordenadas: \")]),_c('td',{staticClass:\"td_detalle\"},[_c('strong',[_c('v-img',{staticClass:\"d-inline-flex ml-1\",staticStyle:{\"margin-right\":\"1.2px\"},attrs:{\"width\":\"18\",\"src\":require('@/assets/images/pedido-icon.png')}}),_vm._v(\" lat:\")],1),_vm._v(\" \"+_vm._s(_vm.visita.pedido.DELIVERY_LAT)+\", \"),_c('strong',[_vm._v(\"lng:\")]),_vm._v(\" \"+_vm._s(_vm.visita.pedido.DELIVERY_LON)+\" \")])]):_vm._e(),_c('tr',[_c('td',{staticClass:\"td_titulo\",attrs:{\"valign\":\"top\"}},[_vm._v(\"Comentarios:\")]),_c('td',{staticClass:\"td_detalle\"},[_vm._v(\" \"+_vm._s(_vm.visita.observaciones)+\" \")])])])])],1),_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('v-subheader',[_vm._v(\" Imagen \")]),_c('v-divider'),_c('v-img',{staticClass:\"grey lighten-5\",attrs:{\"contain\":\"\",\"src\":_vm.fnGetVisitaImagen(_vm.visita.image_dir)}})],1),_c('v-col',[_c('v-subheader',[_vm._v(\" Mapa \")]),_c('v-divider'),_c('mapa',{attrs:{\"prop_markers\":[_vm.visita],\"prop_visitadetalle\":true,\"prop_polyline_enable\":false}})],1)],1)],1),_c('v-card-actions',[_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"\"}})],1)],1)],1)],1)],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container class=\"\" fluid v-if=\"visita.supervisora\">\r\n    <v-row align=\"start\" class=\"px-3 mx-auto\">\r\n      <!-- detalle de la visita #1-->\r\n      <v-col>\r\n        <v-card>\r\n          <v-toolbar elevation=\"0\">\r\n            <v-toolbar-title\r\n              ><strong class=\"primary--text\">Visita ID:</strong>\r\n              {{ visita.id }}</v-toolbar-title\r\n            >\r\n\r\n            <v-spacer></v-spacer>\r\n\r\n            <!-- MODAL DIALOG - sección de comentarios -->\r\n            <v-dialog v-model=\"dialog\" width=\"100%\">\r\n              <!-- todo -->\r\n              <!-- <template v-slot:activator=\"{ on, attrs }\">\r\n                <v-btn\r\n                  color=\"primary lighten-2\"\r\n                  dark\r\n                  v-bind=\"attrs\"\r\n                  v-on=\"on\"\r\n                  text\r\n                >\r\n                  100 comentarios <v-icon small>mdi-comment</v-icon>\r\n                </v-btn>\r\n              </template> -->\r\n\r\n              <v-card>\r\n                <v-card-title class=\"text-h5 grey lighten-2\">\r\n                  Seguimiento de la visita\r\n                </v-card-title>\r\n\r\n                <v-card-text>\r\n                  <!-- registros antiguos -->\r\n                  <table class=\"mb-2\">\r\n                    <thead>\r\n                      <tr>\r\n                        <td align=\"center\">Fecha</td>\r\n                        <td align=\"center\">Usuario</td>\r\n                        <td align=\"center\">Asunto</td>\r\n                        <td align=\"center\">Detalle</td>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      <tr>\r\n                        <td\r\n                          valign=\"top\"\r\n                          class=\"td_titulo\"\r\n                          style=\"min-width: 150px\"\r\n                        >\r\n                          {{ fnFiltroFecha(new Date()) }}\r\n                        </td>\r\n                        <td\r\n                          valign=\"top\"\r\n                          class=\"td_titulo\"\r\n                          style=\"min-width: 120px\"\r\n                        >\r\n                          Usuario Nombre\r\n                        </td>\r\n                        <td\r\n                          valign=\"top\"\r\n                          class=\"td_titulo\"\r\n                          style=\"min-width: 120px\"\r\n                        >\r\n                          Lorem ipsum dolor sit amet consectetur adipisicing\r\n                          elit. Recusandae, id.\r\n                        </td>\r\n                        <td valign=\"top\">\r\n                          Lorem ipsum dolor sit amet consectetur adipisicing\r\n                          elit. Tempora ducimus harum voluptatum vero tempore\r\n                          aliquam, quas doloribus quibusdam quo, facilis\r\n                          adipisci! Enim modi, suscipit harum nisi ipsam\r\n                          expedita quod eveniet adipisci. Et incidunt laboriosam\r\n                          distinctio expedita, ipsum repudiandae ducimus ratione\r\n                          animi dicta corrupti fugiat voluptatum error labore\r\n                          aspernatur eum numquam dolorum, consequatur in.\r\n                          Cupiditate vel dicta saepe sed aperiam explicabo\r\n                          molestias voluptate alias. Enim quas eligendi\r\n                          accusamus soluta iste a aperiam odio rem ea aspernatur\r\n                          autem, corrupti ut laboriosam excepturi iure tempore?\r\n                          Eum quidem ea maxime excepturi in inventore voluptas\r\n                          possimus deleniti eligendi sapiente? Exercitationem\r\n                          fugit veritatis porro quo cupiditate officia\r\n                          reiciendis ullam, dolorem veniam laboriosam ipsa sint\r\n                          officiis vero voluptas? Nemo, iusto, veritatis\r\n                          dignissimos, neque dolorum quaerat perferendis\r\n                          eligendi aliquid consectetur non velit explicabo?\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                  <!-- registros antiguos -->\r\n                  <!-- crear nuevo registro -->\r\n                  <table>\r\n                    <tr>\r\n                      <td\r\n                        valign=\"top\"\r\n                        class=\"td_titulo\"\r\n                        style=\"min-width: 150px\"\r\n                      >\r\n                        {{ fnFiltroFecha(new Date()) }}\r\n                      </td>\r\n                      <td\r\n                        color=\"primary\"\r\n                        valign=\"top\"\r\n                        class=\"td_titulo\"\r\n                        style=\"min-width: 120px\"\r\n                      >\r\n                        Usuario Nombre\r\n                      </td>\r\n                      <td valign=\"top\" style=\"max-width: 170px\">\r\n                        <v-text-field\r\n                          name=\"name\"\r\n                          label=\"Asunto\"\r\n                          id=\"idAsunto\"\r\n                          class=\"mr-5\"\r\n                        ></v-text-field>\r\n                      </td>\r\n                      <td style=\"min-width: 700px\">\r\n                        <v-text-field\r\n                          name=\"name\"\r\n                          label=\"Detalle\"\r\n                          id=\"idDetalle\"\r\n                          class=\"mr-5\"\r\n                        ></v-text-field>\r\n                      </td>\r\n                      <td>\r\n                        <v-btn small elevation=\"2\" color=\"green\">agregar</v-btn>\r\n                      </td>\r\n                    </tr>\r\n                  </table>\r\n                  <!-- crear nuevo registro -->\r\n                </v-card-text>\r\n\r\n                <v-divider></v-divider>\r\n\r\n                <v-card-actions>\r\n                  <v-spacer></v-spacer>\r\n                  <v-btn color=\"primary\" text @click=\"dialog = false\">\r\n                    Cerrar ventana\r\n                  </v-btn>\r\n                </v-card-actions>\r\n              </v-card>\r\n            </v-dialog>\r\n            <!-- MODAL DIALOG - sección de comentarios -->\r\n          </v-toolbar>\r\n\r\n          <v-container fluid elevation=\"3\">\r\n            <v-card-text>\r\n              <v-row>\r\n                <!-- datos generales -->\r\n                <v-col cols=\"6\">\r\n                  <v-row>\r\n                    <!-- DATOS  DE LA SUPERVISORA -->\r\n                    <v-col\r\n                      ><v-subheader> Supervisora </v-subheader>\r\n\r\n                      <v-divider></v-divider>\r\n\r\n                      <table class=\"mb-2\">\r\n                        <tbody>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Usuario:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.supervisora.alias }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Código:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.supervisora.codigo }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Nombre:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.supervisora.nombre_completo }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">División:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.supervisora.division }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Región:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.supervisora.region }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">\r\n                              Agente de comercio:\r\n                            </td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.supervisora.tipo }}\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                      <!-- <table>\r\n                        <tbody>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo mt-2\">\r\n                              Usuario:\r\n                            </td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.supervisora.alias }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo mt-2\">\r\n                              Batería:\r\n                            </td>\r\n                            <td\r\n                              v-if=\"visita.supervisora.bateria != null\"\r\n                              class=\"td_detalle\"\r\n                              :title=\"getDate(visita.supervisora.bateria_fecha)\"\r\n                            >\r\n                              {{ visita.supervisora.bateria }} %\r\n                            </td>\r\n                            <td\r\n                              v-else\r\n                              class=\"td_detalle\"\r\n                              title=\"Sin información disponible\"\r\n                            >\r\n                              N/A\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td>GPS</td>\r\n\r\n                            <td\r\n                              v-if=\"visita.supervisora.gps_flag == 0\"\r\n                              :title=\"getDate(visita.supervisora.gps_fecha)\"\r\n                              class=\"red--text\"\r\n                            >\r\n                              Apagado\r\n                            </td>\r\n                            <td\r\n                              v-if=\"visita.supervisora.gps_flag == 1\"\r\n                              :title=\"getDate(visita.supervisora.gps_fecha)\"\r\n                              class=\"green--text\"\r\n                            >\r\n                              Encendido\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table> -->\r\n                    </v-col>\r\n                    <!-- /** FIN DATOS DE LA SUPERVISRA */ -->\r\n                    <!-- /** \r\n                DETALLE TBL DATOS DE LA CONSEJERA\r\n             */ -->\r\n                    <v-col>\r\n                      <v-subheader> Datos consejera </v-subheader>\r\n\r\n                      <v-divider></v-divider>\r\n                      <table class=\"mb-2\">\r\n                        <tbody>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Código:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.consejera.codigo }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Nombre:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.consejera.nombre_completo }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Dirección:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.consejera.direccion }}\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Teléfono:</td>\r\n                            <td class=\"td_detalle\">\r\n                              {{ visita.consejera.telefono }}\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                      <table>\r\n                        <tbody>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Sector:</td>\r\n                            <td class=\"td_detalle\" width=\"55\">\r\n                              <span mr-2>{{ visita.consejera.sector }} </span>\r\n                            </td>\r\n                            <td valign=\"top\" class=\"td_titulo\">División:</td>\r\n                            <td class=\"td_detalle\" width=\"90\">\r\n                              <span mr-2>{{ visita.consejera.division }}</span>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">Región:</td>\r\n                            <td colspan=\"2\" class=\"td_detalle\" width=\"120\">\r\n                              <span mr-2>{{ visita.consejera.region }}</span>\r\n                            </td>\r\n                          </tr>\r\n                          <tr>\r\n                            <td valign=\"top\" class=\"td_titulo\">\r\n                              Ultima visita:\r\n                            </td>\r\n                            <td colspan=\"3\" class=\"td_detalle\" width=\"220\">\r\n                              <span mr-2>{{\r\n                                fnFiltroFecha(visita.consejera.ultima_visita)\r\n                              }}</span>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                      <!-- /** \r\n                FIN DETALLE TBL DATOS DE LA CONSEJERA\r\n                */ -->\r\n                    </v-col>\r\n                  </v-row>\r\n\r\n                  <!-- DATOS DE LA VISITA -->\r\n                  <v-subheader> Datos de la visita </v-subheader>\r\n\r\n                  <v-divider></v-divider>\r\n                  <table class=\"mb-2\">\r\n                    <tbody>\r\n                      <tr>\r\n                        <td valign=\"top\" class=\"td_titulo\">Fecha:</td>\r\n                        <td class=\"td_detalle\">\r\n                          {{ fnFiltroFecha(visita.fecha) }}\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td valign=\"top\" class=\"td_titulo\">\r\n                          Registro de visita:\r\n                        </td>\r\n                        <td>\r\n                          {{ visita.motivo_de_visita }}\r\n                        </td>\r\n                      </tr>\r\n                      <tr class=\"py-4\">\r\n                        <td valign=\"top\" class=\"td_titulo\">\r\n                          Visita coordenadas:\r\n                        </td>\r\n                        <td class=\"td_detalle\">\r\n                          <strong\r\n                            ><v-icon\r\n                              :class=\"fnGetColor(visita.motivo_de_visita_id)\"\r\n                              >mdi-label-variant</v-icon\r\n                            >\r\n                            lat:</strong\r\n                          >\r\n                          {{ visita.lat }}, <strong>lng:</strong>\r\n                          {{ visita.lng }}\r\n                        </td>\r\n                      </tr>\r\n\r\n                      <tr class=\"py-4\" v-if=\"visita.pedido\">\r\n                        <td valign=\"top\" class=\"td_titulo\">\r\n                          Entrega coordenadas:\r\n                        </td>\r\n                        <td class=\"td_detalle\">\r\n                          <strong\r\n                            ><v-img\r\n                              width=\"18\"\r\n                              style=\"margin-right: 1.2px\"\r\n                              class=\"d-inline-flex ml-1\"\r\n                              :src=\"require('@/assets/images/pedido-icon.png')\"\r\n                            ></v-img>\r\n\r\n                            lat:</strong\r\n                          >\r\n                          {{ visita.pedido.DELIVERY_LAT }},\r\n                          <strong>lng:</strong> {{ visita.pedido.DELIVERY_LON }}\r\n                        </td>\r\n                      </tr>\r\n\r\n                      <tr>\r\n                        <td valign=\"top\" class=\"td_titulo\">Comentarios:</td>\r\n                        <td class=\"td_detalle\">\r\n                          {{ visita.observaciones }}\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                  <!-- FIN DATOS DE LA VISITA -->\r\n                </v-col>\r\n                <!-- fin datos generales -->\r\n                <!-- imagen -->\r\n                <v-col cols=\"3\">\r\n                  <v-subheader> Imagen </v-subheader>\r\n                  <v-divider></v-divider>\r\n                  <v-img\r\n                    class=\"grey lighten-5\"\r\n                    contain\r\n                    :src=\"fnGetVisitaImagen(visita.image_dir)\"\r\n                  >\r\n                  </v-img>\r\n                </v-col>\r\n                <!-- fin imagen -->\r\n                <!-- mapa -->\r\n                <v-col>\r\n                  <v-subheader> Mapa </v-subheader>\r\n                  <v-divider></v-divider>\r\n                  <mapa\r\n                    :prop_markers=\"[visita]\"\r\n                    :prop_visitadetalle=\"true\"\r\n                    :prop_polyline_enable=\"false\"\r\n                  />\r\n                </v-col>\r\n                <!-- fin mapa -->\r\n              </v-row>\r\n            </v-card-text>\r\n            <v-card-actions>\r\n              <v-btn text color=\"\"> </v-btn>\r\n            </v-card-actions>\r\n          </v-container>\r\n        </v-card>\r\n      </v-col>\r\n      <!-- detalle de la visita #1-->\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n<script>\r\nimport { mapActions } from 'vuex';\r\nimport mapa from '../components/mapa.vue';\r\nimport moment from 'moment';\r\nexport default {\r\n  name: 'visitaDetalle',\r\n  components: {\r\n    mapa,\r\n  },\r\n  data() {\r\n    return {\r\n      dialog: false,\r\n      visita: {},\r\n    };\r\n  },\r\n  computed: {\r\n    currentDate() {\r\n      return moment().format('DD-MMMM YYYY HH:mm');\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getVisitas(this.$route.params.id).then((result) => {\r\n      this.visita = result;\r\n    });\r\n  },\r\n  methods: {\r\n    ...mapActions('Visitas', {\r\n      getVisitas: 'get',\r\n    }),\r\n    getDate(date) {\r\n      return date ? moment(date).utc().format('DD MMMM YYYY hh:mm a') : '';\r\n    },\r\n    fnGetColor(localTipoVisita) {\r\n      return this.$store.state.visitas.filter(\r\n        (store_visita) => store_visita.id == localTipoVisita\r\n      )[0].textColorClass;\r\n    },\r\n    fnFiltroFecha(fecha) {\r\n      return fecha\r\n        ? moment(fecha).format('DD') +\r\n            ' de ' +\r\n            moment(fecha).format('MMMM YYYY') +\r\n            ' a las ' +\r\n            moment(fecha).utc().format('HH:mm a')\r\n        : 'N/a';\r\n    },\r\n    fnGetVisitaImagen(dir) {\r\n      return process.env.VUE_APP_FEATHERS_SERVER + dir;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.td_titulo {\r\n  font-weight: 700;\r\n  color: black;\r\n  margin-right: 15px;\r\n}\r\n.td_detalle {\r\n  color: #424242;\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/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!./visitaDetalle.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!./visitaDetalle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./visitaDetalle.vue?vue&type=template&id=030c89b7&scoped=true&\"\nimport script from \"./visitaDetalle.vue?vue&type=script&lang=js&\"\nexport * from \"./visitaDetalle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./visitaDetalle.vue?vue&type=style&index=0&id=030c89b7&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  \"030c89b7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}