{"version":3,"sources":["webpack:///./src/views/rake_changement1.vue?4180","webpack:///./src/views/rake_changement1.vue?297a","webpack:///src/views/rake_changement1.vue","webpack:///./src/views/rake_changement1.vue?98ce","webpack:///./src/views/rake_changement1.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_l","sortedRoutes","vehicle","key","stops","location_id","_s","Object","keys","routes","find","moveChecker","on","dragStart","dragEnd","delivery","index","id","location_name","title","arrival_time","_e","staticRenderFns","cardColors","pickColor","rand","Math","floor","random","name","components","draggable","search","valid","dateRules","v","errors","train","train_loading","trains","train_date","curTrainDate","format","menu1","menu2","isLoading","summary","computed","console","log","methods","calcall","updateCurTrainDate","p","start_date","$route","query","end_date","crew_id","train_no","curTrainNo","device_id","curDeviceId","org","curOrg","dest","curDest","endPoint","a","defaults","headers","common","localStorage","getItem","get","params","then","response","data","rakewise_trains","sortBy","groupBy","rakes","forEach","value","rake","type","props","orientation","className","children","k","style","backgroundColor","fontSize","dep","arr","push","getSummary","updateCurCrewId","updateCurTrainNo","updateCurOrg","updateCurDest","catch","e","t","lt","testDateUtc","utc","localDate","local","abs","act_arr","x","late_arr","s","round","component","VAvatar","VCard","VFlex","VIcon","VList","VListItem","VListItemAvatar","VListItemContent","VListItemSubtitle","VToolbar","VToolbarTitle"],"mappings":"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","file":"js/chunk-4c7a2f54.0d76f478.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_changement1.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_changement1.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-flex',{staticClass:\"pa-3\"},[_c('div',{staticClass:\"instructions-wrapper py-4\"},[_c('v-avatar',{staticClass:\"white--text\",attrs:{\"size\":\"40\",\"color\":\"#4C2159\"}},[_c('b',[_vm._v(\"4\")])]),_c('div',{staticClass:\"px-2\"},[_c('h2',[_vm._v(\"Revisa y asigna\")]),_c('p',[_vm._v(\"Revisa la optimización del sistema y asigna o personaliza una ruta\")])])],1),_vm._l((_vm.sortedRoutes.routes),function(vehicle,key){return [_c('v-card',{key:vehicle.stops.location_id,staticClass:\"my-4\"},[_c('v-toolbar',{attrs:{\"color\":\"primary\",\"dark\":\"\"}},[_c('v-toolbar-title',[_vm._v(_vm._s(Object.keys(_vm.sortedRoutes.routes).find(function (key) { return _vm.sortedRoutes.routes[key] === vehicle; })))])],1),_c('draggable',{key:vehicle.stops.location_id,attrs:{\"list\":vehicle.stops,\"id\":key,\"group\":\"vehicle\",\"animation\":\"150\",\"multi-drag\":true,\"selected-class\":\"multi-drag\",\"ghost-class\":\"ghost\",\"move\":_vm.moveChecker},on:{\"start\":_vm.dragStart,\"end\":_vm.dragEnd}},_vm._l((vehicle.stops),function(delivery,index){return _c('div',{key:delivery.id,staticClass:\"draggable-element\"},[_vm._v(\"\\n          \"+_vm._s(delivery.location_name)+\"\\n          \"),(delivery.location_name !== 'CEDIS')?_c('v-list',{key:delivery.title},[_c('v-list-item',[_c('v-icon',[_vm._v(\"drag_indicator\")]),_c('v-list-item-avatar',[_c('img',{attrs:{\"src\":(\"https://ui-avatars.com/api/?color=fff&background=4C2159&size=128&name=\" + index)}})]),_c('v-list-item-content',[_c('div',[_vm._v(_vm._s(delivery.location_name)+\"\\n                \")]),_c('v-list-item-subtitle',[_vm._v(\"Hora estimada de llegada: \"+_vm._s(delivery.arrival_time))])],1)],1)],1):_vm._e()],1)}),0)],1)]})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-flex class=\"pa-3\">\r\n    <div class=\"instructions-wrapper py-4\">\r\n      <v-avatar size=\"40\" color=\"#4C2159\" class=\"white--text\"><b>4</b></v-avatar>\r\n      <div class=\"px-2\">\r\n        <h2>Revisa y asigna</h2>\r\n        <p>Revisa la optimización del sistema y asigna o personaliza una ruta</p>\r\n      </div>\r\n    </div>\r\n\r\n    <template v-for=\"(vehicle, key) in sortedRoutes.routes\">\r\n      <v-card class=\"my-4\" :key=\"vehicle.stops.location_id\">\r\n        <v-toolbar color=\"primary\" dark>\r\n          <v-toolbar-title>{{ Object.keys(sortedRoutes.routes).find(key => sortedRoutes.routes[key] === vehicle) }}</v-toolbar-title>\r\n        </v-toolbar>\r\n\r\n        <draggable\r\n          :key=\"vehicle.stops.location_id\"\r\n          :list=\"vehicle.stops\"\r\n          :id=\"key\"\r\n          group=\"vehicle\"\r\n          animation=\"150\"\r\n          :multi-drag=\"true\"\r\n          selected-class=\"multi-drag\"\r\n          ghost-class=\"ghost\"\r\n          :move=\"moveChecker\"\r\n          @start=\"dragStart\"\r\n          @end=\"dragEnd\"\r\n        >\r\n          <div v-for=\"(delivery, index) in vehicle.stops\" :key=\"delivery.id\" class=\"draggable-element\">\r\n            {{delivery.location_name}}\r\n            <v-list v-if=\"delivery.location_name !== 'CEDIS'\" :key=\"delivery.title\">\r\n              <v-list-item>\r\n                <v-icon>drag_indicator</v-icon>\r\n                <v-list-item-avatar>\r\n                  <img :src=\"`https://ui-avatars.com/api/?color=fff&background=4C2159&size=128&name=${index}`\">\r\n                </v-list-item-avatar>\r\n\r\n                <v-list-item-content>\r\n                  <div>{{delivery.location_name}}\r\n                  </div>\r\n                  <v-list-item-subtitle>Hora estimada de llegada: {{ delivery.arrival_time }}</v-list-item-subtitle>\r\n                </v-list-item-content>\r\n              </v-list-item>\r\n            </v-list>\r\n          </div>\r\n        </draggable>\r\n      </v-card>\r\n    </template>\r\n  </v-flex>\r\n</template>\r\n\r\n<script>\r\nimport draggable from \"vuedraggable\";\r\nimport axios from 'axios'\r\nimport moment from 'moment'\r\nimport _ from 'lodash'\r\nimport {\r\n  mapState,\r\n  mapGetter,\r\n  mapActions\r\n} from 'vuex'\r\n\r\nconst cardColors = [\r\n  'azure',\r\n  'beige',\r\n  'bisque',\r\n  'blanchedalmond',\r\n  'burlywood',\r\n  'cornsilk',\r\n  'gainsboro',\r\n  'ghostwhite',\r\n  'ivory',\r\n  'khaki'\r\n]\r\nconst pickColor = () => {\r\n  const rand = Math.floor(Math.random() * 10)\r\n  return cardColors[rand]\r\n}\r\nexport default {\r\n  name: 'rake_changement1',\r\n  components: {\r\n      draggable,\r\n  },\r\n  data() {\r\n    return {\r\n      sortedRoutes: {\"routes\": {\r\n          \"vehicle_1\": {\r\n            \"stops\": [\r\n              {\r\n                \"stop_id\": 0,\r\n                \"order_id\": 1,\r\n                \"location_id\": \"DEPOT\",\r\n                \"location_name\": \"Centro de distribución\",\r\n                \"lat\": -100,\r\n                \"lng\": 100,\r\n                \"arrival_time\": \"08:00\",\r\n                \"departure_time\": \"16:00\"\r\n              },\r\n              {\r\n                \"stop_id\": 1,\r\n                \"order_id\": 2,\r\n                \"location_id\": \"order_2\",\r\n                \"location_name\": \"Foo Zaas\",\r\n                \"lat\": -100,\r\n                \"lng\": 100,\r\n                \"arrival_time\": \"10:00\",\r\n                \"departure_time\": \"10:15\"\r\n              },\r\n              {\r\n                \"stop_id\": 3,\r\n                \"order_id\": 3,\r\n                \"location_id\": \"order_2\",\r\n                \"location_name\": \"Foo Zaas\",\r\n                \"lat\": -100,\r\n                \"lng\": 100,\r\n                \"arrival_time\": \"10:00\",\r\n                \"departure_time\": \"10:15\"\r\n              }\r\n            ],\r\n            \"cost_matrix\": [\r\n              [\r\n                {\r\n                  \"distance_in_meters\": 10,\r\n                  \"travel_time_in_minutes\": 10\r\n                },\r\n                {\r\n                  \"distance_in_meters\": 100,\r\n                  \"travel_time_in_minutes\": 100\r\n                }\r\n              ],\r\n              [\r\n                {\r\n                  \"distance_in_meters\": 10,\r\n                  \"travel_time_in_minutes\": 10\r\n                },\r\n                {\r\n                  \"distance_in_meters\": 100,\r\n                  \"travel_time_in_minutes\": 100\r\n                }\r\n              ]\r\n            ],\r\n            \"summary\": {\r\n              \"depot_name\": \"DEPOT\",\r\n              \"demand_assigned\": 234,\r\n              \"distance_in_meters\": 3004,\r\n              \"travel_time_in_minutes\": 157,\r\n              \"waiting_time_in_minutes\": 70.1\r\n            }\r\n          },\r\n          \"vehicle_2\": {\r\n            \"stops\": [\r\n              {\r\n                \"stop_id\": 0,\r\n                \"order_id\": 1,\r\n                \"location_id\": \"DEPOT\",\r\n                \"location_name\": \"Centro de distribución\",\r\n                \"lat\": -100,\r\n                \"lng\": 100,\r\n                \"arrival_time\": \"08:00\",\r\n                \"departure_time\": \"16:00\"\r\n              },\r\n              {\r\n                \"stop_id\": 1,\r\n                \"order_id\": 2,\r\n                \"location_id\": \"order_2\",\r\n                \"location_name\": \"Foo Zaas\",\r\n                \"lat\": -100,\r\n                \"lng\": 100,\r\n                \"arrival_time\": \"10:00\",\r\n                \"departure_time\": \"10:15\"\r\n              },\r\n              {\r\n                \"stop_id\": 3,\r\n                \"order_id\": 3,\r\n                \"location_id\": \"order_2\",\r\n                \"location_name\": \"Foo Zaas\",\r\n                \"lat\": -100,\r\n                \"lng\": 100,\r\n                \"arrival_time\": \"10:00\",\r\n                \"departure_time\": \"10:15\"\r\n              }\r\n            ],\r\n            \"cost_matrix\": [\r\n              [\r\n                {\r\n                  \"distance_in_meters\": 10,\r\n                  \"travel_time_in_minutes\": 10\r\n                },\r\n                {\r\n                  \"distance_in_meters\": 100,\r\n                  \"travel_time_in_minutes\": 100\r\n                }\r\n              ],\r\n              [\r\n                {\r\n                  \"distance_in_meters\": 10,\r\n                  \"travel_time_in_minutes\": 10\r\n                },\r\n                {\r\n                  \"distance_in_meters\": 100,\r\n                  \"travel_time_in_minutes\": 100\r\n                }\r\n              ]\r\n            ],\r\n            \"summary\": {\r\n              \"depot_name\": \"DEPOT\",\r\n              \"demand_assigned\": 234,\r\n              \"distance_in_meters\": 3004,\r\n              \"travel_time_in_minutes\": 157,\r\n              \"waiting_time_in_minutes\": 70.1\r\n            }\r\n          }\r\n        }\r\n      },\r\n      search: '',\r\n      valid: false,\r\n      dateRules: [v => !!v || 'Date is required'],\r\n      errors: [],\r\n      train: {},\r\n      train_loading: false,\r\n      trains: [],\r\n      train_date: this.curTrainDate || moment().format('YYYY-MM-DD'),\r\n      menu1: false,\r\n      menu2: false,\r\n      isLoading: false,\r\n      summary: {}\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState(['curDeviceId', 'curDeviceName', 'curTrainNo', 'curTrainDate', 'curOrg', 'curArr', 'curDest', 'curDep','curCrewId',\r\n     'actDep', 'actArr','curStartDate','curEndDate',]),\r\n  },\r\n\r\n\r\n  created() {\r\n\r\n    console.log(this.train_date)\r\n    console.log(this.curTrainDate)\r\n    this.train_date= this.curTrainDate || moment().format('YYYY-MM-DD')\r\n    //this.initialize(false)\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(['updateCurDeviceId', 'updateCurDeviceName', 'updateCurTrainNo', 'updateCurTrainDate', 'updateCurOrg', 'updateCurCrewId',\r\n     'updateCurArr', 'updateCurDest', 'updateCurDep', 'updateActDep', 'updateActArr','updateCurStartDate','updateCurEndDate']),\r\n    initialize(calcall) {\r\n      this.menu1 = false\r\n      console.log(this.train_date)\r\n      console.log(this.curTrainDate)\r\n      this.updateCurTrainDate(moment(this.train_date).format(\"YYYY-MM-DD\"))\r\n        console.log(this.curTrainDate)\r\n      //      console.log(this.curDeviceId)\r\n      this.isLoading = true\r\n      this.trains = []\r\n      var p = {\r\n        train_date: this.curTrainDate,\r\n        calcall: calcall,\r\n        start_date: this.$route.query.start_date,\r\n        end_date: this.$route.query.end_date,\r\n        crew_id: this.$route.query.crew_id,\r\n        train_no: this.curTrainNo,\r\n        device_id: this.curDeviceId,\r\n        org: this.curOrg,\r\n        dest: this.curDest,\r\n      }\r\n      console.log(p)\r\n      var endPoint = 'reportforperiod'\r\n      if (calcall) {\r\n        endPoint = 'recalctrainreport'\r\n      }\r\n      axios.defaults.headers.common['Authorization'] = localStorage.getItem('jwtToken')\r\n      axios.get(`${process.env.VUE_APP_API_URL}/train/tr/${endPoint}`, {\r\n          params: p\r\n        })\r\n        .then(response => {\r\n          console.log(response);\r\n          this.trains = response.data\r\n          var rakewise_trains =_.sortBy( _.groupBy(response.data, 'device_name'), 'dep')\r\n            console.log(rakewise_trains)\r\n            var rakes =[]\r\n          _.forEach(rakewise_trains, function(value, key) {\r\n               console.log(key);\r\n               var rake = {\r\n                 id: `column${key}`,\r\n                 type: 'container',\r\n                 name: value[0]['device_name'],\r\n                 props: {\r\n                   orientation: 'vertical',\r\n                   className: 'card-container'\r\n                 },\r\n                 children: []\r\n               }\r\n               _.forEach(value, function(v, k) {\r\n                    console.log(k,v);\r\n                    var train = {\r\n                      type: 'draggable',\r\n                      id: `${v['train_no']}`,\r\n                      props: {\r\n                        className: 'card',\r\n                        style: {backgroundColor: pickColor(),fontSize: '12px'}\r\n                      },\r\n                      data: {\r\n                        train_no: v['train_no'],\r\n                        dep: v['dep'],\r\n                        org: v['org'],\r\n                        dest: v['dest'],\r\n                        arr: v['arr']\r\n                      }\r\n                    }\r\n                    rake.children.push(train)\r\n               });\r\n               rakes.push(rake)\r\n          });\r\n    //      this.scene.children = rakes\r\n          this.summary = this.getSummary(response.data)\r\n          this.isLoading = false\r\n          this.updateCurCrewId(null)\r\n          this.updateCurTrainNo(null)\r\n          this.updateCurOrg(null)\r\n          this.updateCurDest(null)\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n          this.isLoading = false\r\n        })\r\n    },\r\n    moveChecker() {\r\n\r\n    },\r\n    dragStart() {\r\n\r\n    },\r\n    dragEnd() {\r\n\r\n    },\r\n\r\n      //update traccar_db.device_train_map set dep = addtime(train_date, time(dep)), arr = addtime(train_date, time(arr));\r\n    //update traccar_db.device_train_map set arr = adddate(arr, 1) where arr < dep;\r\n  getFormattedDate(t) {\r\n      if (t) {\r\n        var lt = moment(t).format(\"YYYY-MM-DD HH:mm:ss\")\r\n        var testDateUtc = moment.utc(lt);\r\n        var localDate = moment(testDateUtc).local();\r\n        return localDate.format(\"DD/MM/YYYY\")\r\n      } else {\r\n        return '--'\r\n      }\r\n    },\r\n    getFormattedTime(t) {\r\n      if (t !== '--') {\r\n       //  var lt = moment(t).format(\"YYYY-MM-DD HH:mm:ss\")\r\n       //  var testDateUtc = moment.utc(lt);\r\n       // var localDate = moment(testDateUtc).local();\r\n       //  return moment(localDate).format(\"HH:mm:ss\")\r\n       return moment.utc(t).format(\"HH:mm\")\r\n      }\r\n    },\r\n    getFormattedTimeSec(t) {\r\n      if (t < 0) {\r\n        return '-' + moment.utc(Math.abs(t) * 1000).format('HH:mm:ss')\r\n      } else {\r\n        return moment.utc(Math.abs(t) * 1000).format('HH:mm:ss')\r\n      }\r\n    },\r\n\r\n    getColour(train) {\r\n      if (train.act_arr) {\r\n        let x = train.late_arr / 60\r\n        switch (true) {\r\n          case (x < 1):\r\n            return 'green'\r\n            break;\r\n          case (x < 5):\r\n            return '#6B8E23'\r\n            break;\r\n          case (x < 11):\r\n            return 'blue'\r\n            break;\r\n          case (x < 21):\r\n            return 'orange'\r\n            break;\r\n          case (x < 31):\r\n            return '#FF1493'\r\n            break;\r\n          case (x < 1000):\r\n            return 'red'\r\n            break;\r\n          default:\r\n            return '#F5DEB3'\r\n            break;\r\n        }\r\n      }\r\n    },\r\n    getSummaryColour(s) {\r\n      return s == \"more than 30\" ? 'red' :\r\n        s == \"21 to 30\" ? '#FF1493' :\r\n        s == \"11 to 20\" ? 'orange' :\r\n        s == \"5 to 10\" ? 'blue' :\r\n        s == \"less than 5\" ? '#6B8E23' :\r\n        s == \"Right Time\" ? 'green' :\r\n        s == \"total late\" ? '#A52A2A' :\r\n        s == \"total train\" ? '#D2691E' :\r\n        s == \"Puctuality\" ? '#8A2BE2' :\r\n        '#F5DEB3'\r\n    },\r\n    getSummary(trains) {\r\n      let summary = {\r\n        \"Right Time\": 0,\r\n        \"less than 5\": 0,\r\n        \"5 to 10\": 0,\r\n        \"11 to 20\": 0,\r\n        \"21 to 30\": 0,\r\n        \"more than 30\": 0,\r\n        \"total late\": 0,\r\n        \"total train\": 0,\r\n        \"Puctuality\": 0\r\n      }\r\n      _.forEach(trains, (train) => {\r\n        if (train.act_arr) {\r\n          let x = train.late_arr / 60\r\n          switch (true) {\r\n            case (x < 1):\r\n              summary[\"Right Time\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 5):\r\n              summary[\"less than 5\"]++;\r\n              summary[\"Right Time\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 11):\r\n              summary[\"5 to 10\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 21):\r\n              summary[\"11 to 20\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 31):\r\n              summary[\"21 to 30\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            case (x < 1000):\r\n              summary[\"more than 30\"]++;\r\n              summary[\"total late\"]++;\r\n              summary[\"total train\"]++;\r\n              break;\r\n            default:\r\n              break;\r\n          }\r\n        }\r\n      })\r\n      summary[\"Puctuality\"] = Math.round((summary[\"Right Time\"] / summary[\"total train\"]) * 100, 2)\r\n      return summary\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\ntd, th{\r\n  padding: 5px !important;\r\n}\r\n\r\nh2{\r\n  font-size: 1.3em;\r\n  font-weight: 500;\r\n}\r\n\r\np{\r\n  margin: 0;\r\n  font-size: 14px;\r\n}\r\n\r\n.v-toolbar__title{\r\n  font-size: 1.2em;\r\n}\r\n\r\n.v-list__item__subtitle {\r\n  font-size: 0.8em;\r\n}\r\n\r\n.v-list{\r\n  border-bottom: 1px #f1f1f1 solid;\r\n}\r\n\r\n.inline{\r\n  display: inline;\r\n}\r\n\r\n.button-section-space-between{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.instructions-wrapper{\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n\r\n.chip-text{\r\n  padding: 0;\r\n  margin: 0;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.v-autocomplete{\r\n  font-size: 13px;\r\n  max-width: 150px;\r\n}\r\n\r\n.v-autocomplete-wrapper{\r\n  display: flex;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n.list-group{\r\n  cursor: grab;\r\n}\r\n\r\n.draggable-element{\r\n  background-color: royalblue;\r\n}\r\n\r\n.ghost {\r\n  opacity: 0.5;\r\n  background: #c8ebfb;\r\n}\r\n\r\n.multi-drag {\r\n  opacity: 0.5;\r\n  background-color: red;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_changement1.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rake_changement1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rake_changement1.vue?vue&type=template&id=9e1e32a0&\"\nimport script from \"./rake_changement1.vue?vue&type=script&lang=js&\"\nexport * from \"./rake_changement1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rake_changement1.vue?vue&type=style&index=0&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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAvatar } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAvatar,VCard,VFlex,VIcon,VList,VListItem,VListItemAvatar,VListItemContent,VListItemSubtitle,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}