{"version":3,"sources":["webpack:///./src/services/routeListService.js","webpack:///./src/views/routes/components/step2.vue?a4c1","webpack:///./src/views/routes/components/step2.vue","webpack:///./src/views/routes/components/step2.vue?34a6","webpack:///./node_modules/core-js/modules/es.array.map.js"],"names":["getRoutes","params","api","get","getProvinces","getMunicipalities","getNeighbourhood","processRoute","post","class","style","title","onTabChanged","activeName","label","name","to","moment","route","date","format","parseInt","shift_day","deliveries","d","key","id","firstName","lastName","province_id","provinces","p","value","municipality_id","municipalities","m","neighbourhood","changeNeighbourhood","neighbourhoods","n","gotoStep3","disabled","round","components","Header","leftSideBar","ElButton","data","shift_night","created","this","localStorage","getItem","JSON","parse","then","province","methods","provinceId","mucipality","setItem","$router","push","municipalityId","filter","t","map","length","stringify","tabRole","props","render","$","$map","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","target","proto","forced","callbackfn","arguments","undefined"],"mappings":"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","file":"js/chunk-e2289174.a1dd8eca.js","sourcesContent":["import { api } from \"../core/api\";\r\n\r\nexport default {\r\n    getRoutes(params) {\r\n        return api.get(\"/ShippingRoute/GetAll\", { params: params });\r\n    },\r\n    getProvinces() {\r\n        return api.get(\"/Lookup/GetProvinces\");\r\n    },\r\n    getMunicipalities(params) {\r\n        return api.get(\"/Lookup/GetMunicipalities\", { params: params });\r\n    },\r\n    getNeighbourhood(params) {\r\n        return api.get(\"/Lookup/GetNeighbourhood\", { params: params });\r\n    },\r\n    processRoute(params) {\r\n        return api.post(\"/ShippingRoute/Process\", params);\r\n    },\r\n};\r\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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./step2.vue?vue&type=style&index=0&id=684d691b&scoped=true&lang=css\"","<template>\r\n    <div class=\"d-flex flex-row flex-wrap\">\r\n        <div class=\"w-100\">\r\n            <Header title=\"\" />\r\n        </div>\r\n        <left-side-bar />\r\n        <div class=\"d-flex flex-row flex-wrap align-items-center w-75 pl-3\">\r\n            <div\r\n                class=\"\r\n                    d-flex\r\n                    flex-row flex-wrap\r\n                    justify-between\r\n                    align-items-center\r\n                    w-100\r\n                \"\r\n            >\r\n                <h1 class=\"font-xx-large font-weight-bold\">Transporte</h1>\r\n            </div>\r\n            <el-tabs\r\n                @tab-click=\"onTabChanged\"\r\n                v-model=\"activeName\"\r\n                class=\"w-100\"\r\n            >\r\n                <el-tab-pane label=\"Rutas\" name=\"first\"></el-tab-pane>\r\n            </el-tabs>\r\n            <h1 class=\"font-x-large font-weight-bold\">Rutas</h1>\r\n            <nav class=\"d-flex flex-row align-items-center text-gray-dark ml-3\">\r\n                <router-link\r\n                    to=\"routes\"\r\n                    class=\"d-flex flex-row align-items-center text-gray-dark\"\r\n                >\r\n                    <i\r\n                        class=\"material-icons text-gray-dark pr-2\"\r\n                        style=\"font-size: 18px\"\r\n                        >arrow_back</i\r\n                    >\r\n                    Rutas\r\n                </router-link>\r\n                <i class=\"p-5\">/</i>\r\n                <router-link to=\"#\" class=\"text-gray-dark white-space-nowrap\">\r\n                    Creaci&oacute;n de ruta\r\n                </router-link>\r\n            </nav>\r\n            <div class=\"d-flex flex-row flex-wrap w-100 pt-3 pl-1\">\r\n                <div class=\"d-flex flex-column pr-3\">\r\n                    <h3\r\n                        class=\"\r\n                            text-secondary\r\n                            m-0\r\n                            pl-3\r\n                            white-space-nowrap\r\n                            font-large\r\n                        \"\r\n                    >\r\n                        Informaci&oacute;n de la ruta\r\n                    </h3>\r\n                    <div class=\"d-flex flex-column pl-3 pt-10 font-medium\">\r\n                        <div class=\"d-flex flex-column\">\r\n                            <span>Fecha</span>\r\n                            <span\r\n                                class=\"\r\n                                    text-black\r\n                                    font-medium\r\n                                    mt-2\r\n                                    font-weight-bold\r\n                                \"\r\n                                >{{\r\n                                    moment(route.date).format(\"DD MMM YYYY\")\r\n                                }}</span\r\n                            >\r\n                        </div>\r\n                        <div class=\"d-flex flex-column mt-10\">\r\n                            <span>Turno</span>\r\n                            <i class=\"material-icons text-primary mt-2\">{{\r\n                                parseInt(route.shift_day)\r\n                                    ? \"light_mode\"\r\n                                    : \"nightlight\"\r\n                            }}</i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column mt-10\">\r\n                            <span>Deliveries</span>\r\n                            <ul\r\n                                class=\"\r\n                                    list-delivery\r\n                                    text-black\r\n                                    mt-2\r\n                                    list-style-none\r\n                                    p-0\r\n                                \"\r\n                            >\r\n                                <li\r\n                                    v-for=\"d in route.deliveries\"\r\n                                    :key=\"d.id\"\r\n                                    class=\"mt-2\"\r\n                                >\r\n                                    {{ d.firstName + \" \" + d.lastName }}\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div\r\n                    class=\"d-flex flex-column pl-3 w-75\"\r\n                    style=\"border-left: 1px solid #c0c4cc\"\r\n                >\r\n                    <h3\r\n                        class=\"\r\n                            text-secondary\r\n                            m-0\r\n                            white-space-nowrap\r\n                            font-large\r\n                            w-100\r\n                        \"\r\n                    >\r\n                        Ruta\r\n                    </h3>\r\n                    <div class=\"d-flex flex-column pt-2 font-medium w-100\">\r\n                        <div\r\n                            class=\"\r\n                                bg-primary\r\n                                p-1\r\n                                w-100\r\n                                d-flex\r\n                                flex-row\r\n                                align-items-center\r\n                            \"\r\n                            style=\"border-radius: 4px\"\r\n                        >\r\n                            <div\r\n                                class=\"\r\n                                    d-flex\r\n                                    flex-row\r\n                                    align-items-center\r\n                                    text-white\r\n                                    font-small\r\n                                \"\r\n                            >\r\n                                <i\r\n                                    class=\"material-icons text-white pr-3\"\r\n                                    style=\"font-size: 17px\"\r\n                                    >person</i\r\n                                >\r\n                                Delivery\r\n                            </div>\r\n                            <div\r\n                                class=\"ml-2 text-white material-icons\"\r\n                                style=\"font-size: 17px\"\r\n                            >\r\n                                navigate_next\r\n                            </div>\r\n                            <div\r\n                                class=\"\r\n                                    d-flex\r\n                                    flex-row\r\n                                    align-items-center\r\n                                    text-white\r\n                                    font-small\r\n                                    pl-1\r\n                                \"\r\n                            >\r\n                                <i\r\n                                    class=\"material-icons text-white pr-3\"\r\n                                    style=\"font-size: 17px\"\r\n                                    >location_on</i\r\n                                >\r\n                                Zona\r\n                            </div>\r\n                            <div\r\n                                class=\"ml-2 text-white material-icons\"\r\n                                style=\"font-size: 17px\"\r\n                            >\r\n                                navigate_next\r\n                            </div>\r\n                            <div\r\n                                class=\"\r\n                                    d-flex\r\n                                    flex-row\r\n                                    align-items-center\r\n                                    font-small\r\n                                    pl-1\r\n                                \"\r\n                                style=\"color: #94abcd\"\r\n                            >\r\n                                <i\r\n                                    class=\"material-icons pr-3\"\r\n                                    style=\"font-size: 17px; color: #94abcd\"\r\n                                    >receipt_long</i\r\n                                >\r\n                                &Oacute;rdenes\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"mt-3 d-flex flex-row\">\r\n                            <div class=\"d-flex flex-column\">\r\n                                <div\r\n                                    class=\"\r\n                                        d-flex\r\n                                        flex-row\r\n                                        justify-around\r\n                                        align-items-center\r\n                                    \"\r\n                                >\r\n                                    <div class=\"d-flex flex-column pr-5\">\r\n                                        <span class=\"font-weight-bold\"\r\n                                            >Selecciona una provincia</span\r\n                                        >\r\n                                        <el-select\r\n                                            v-model=\"route.province_id\"\r\n                                            @change=\"getMunicipalities\"\r\n                                            class=\"mt-3\"\r\n                                        >\r\n                                            <el-option\r\n                                                v-for=\"p in route.provinces\"\r\n                                                :key=\"p.id\"\r\n                                                :value=\"p.id\"\r\n                                                :label=\"p.name\"\r\n                                            ></el-option>\r\n                                        </el-select>\r\n                                    </div>\r\n                                    <div\r\n                                        class=\"\r\n                                            p-5\r\n                                            text-center\r\n                                            d-flex\r\n                                            flex-column\r\n                                            justify-center\r\n                                        \"\r\n                                        style=\"background-color: #ebeef5\"\r\n                                    >\r\n                                        <span\r\n                                            class=\"\r\n                                                font-xx-large\r\n                                                text-center text-secondary\r\n                                                font-weight-bold\r\n                                            \"\r\n                                            >0</span\r\n                                        >\r\n                                        <span class=\"mt-10\">Paquetes</span>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div\r\n                                    class=\"\r\n                                        d-flex\r\n                                        flex-row\r\n                                        justify-around\r\n                                        align-items-center\r\n                                        mt-5\r\n                                    \"\r\n                                >\r\n                                    <div class=\"d-flex flex-column pr-5\">\r\n                                        <span class=\"font-weight-bold\"\r\n                                            >Selecciona un municipio</span\r\n                                        >\r\n                                        <el-select\r\n                                            v-model=\"route.municipality_id\"\r\n                                            @change=\"getNeighbourhood\"\r\n                                            class=\"mt-3\"\r\n                                        >\r\n                                            <el-option\r\n                                                v-for=\"m in route.municipalities\"\r\n                                                :key=\"m.id\"\r\n                                                :value=\"m.id\"\r\n                                                :label=\"m.name\"\r\n                                            ></el-option>\r\n                                        </el-select>\r\n                                    </div>\r\n                                    <div\r\n                                        class=\"\r\n                                            p-5\r\n                                            text-center\r\n                                            d-flex\r\n                                            flex-column\r\n                                            justify-center\r\n                                        \"\r\n                                        style=\"background-color: #ebeef5\"\r\n                                    >\r\n                                        <span\r\n                                            class=\"\r\n                                                font-xx-large\r\n                                                text-center text-secondary\r\n                                                font-weight-bold\r\n                                            \"\r\n                                            >0</span\r\n                                        >\r\n                                        <span class=\"mt-10\">Paquetes</span>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div\r\n                                    class=\"\r\n                                        d-flex\r\n                                        flex-row\r\n                                        justify-around\r\n                                        align-items-center\r\n                                        mt-5\r\n                                    \"\r\n                                >\r\n                                    <div class=\"d-flex flex-column pr-5\">\r\n                                        <span class=\"font-weight-bold\"\r\n                                            >Selecciona un sector</span\r\n                                        >\r\n                                        <el-select\r\n                                            v-model=\"route.neighbourhood\"\r\n                                            @change=\"changeNeighbourhood\"\r\n                                            class=\"mt-3\"\r\n                                        >\r\n                                            <el-option\r\n                                                v-for=\"n in route.neighbourhoods\"\r\n                                                :key=\"n.id\"\r\n                                                :value=\"n.id\"\r\n                                                :label=\"n.name\"\r\n                                            ></el-option>\r\n                                        </el-select>\r\n                                    </div>\r\n                                    <div\r\n                                        class=\"\r\n                                            p-5\r\n                                            text-center\r\n                                            d-flex\r\n                                            flex-column\r\n                                            justify-center\r\n                                        \"\r\n                                        style=\"background-color: #ebeef5\"\r\n                                    >\r\n                                        <span\r\n                                            class=\"\r\n                                                font-xx-large\r\n                                                text-center text-secondary\r\n                                                font-weight-bold\r\n                                            \"\r\n                                            >0</span\r\n                                        >\r\n                                        <span class=\"mt-10\">Paquetes</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div\r\n                                class=\"ml-5\"\r\n                                style=\"\r\n                                    width: 400px;\r\n                                    height: 400px;\r\n                                    border: 1px solid #dcdfe6;\r\n                                \"\r\n                            ></div>\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        class=\"\r\n                            d-flex\r\n                            flex-row flex-wrap\r\n                            justify-between\r\n                            text-align-center\r\n                            mt-5\r\n                        \"\r\n                    >\r\n                        <router-link to=\"RouteCreationStep1\" class=\"\">\r\n                            <button\r\n                                class=\"btn bg-white pl-3 pr-3 text-center\"\r\n                                style=\"width: 100px\"\r\n                            >\r\n                                Cancelar\r\n                            </button>\r\n                        </router-link>\r\n                        <el-button\r\n                            @click=\"gotoStep3()\"\r\n                            :disabled=\"this.route.neighbourhood == null\"\r\n                            class=\"pull-end bg-yellow\"\r\n                            style=\"float: right\"\r\n                            round\r\n                        >\r\n                            Siguiente\r\n                        </el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"w-100 bg-primary mt-10\" style=\"height: 20px\"></div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport leftSideBar from \"@/components/dashboard/menu/leftSideBar\";\r\nimport Header from \"@/components/dashboard/include/Header\";\r\nimport _service from \"@/services/routeListService\";\r\nimport moment from \"moment\";\r\nimport { ElButton } from \"element-plus\";\r\nexport default {\r\n    name: \"step2\",\r\n    components: { Header, leftSideBar, ElButton },\r\n    data() {\r\n        return {\r\n            route: {\r\n                date: null,\r\n                shift_day: null,\r\n                shift_night: null,\r\n                deliveries: [],\r\n                provinces: [],\r\n                province_id: null,\r\n                municipality_id: null,\r\n                neighbourhood: null,\r\n                municipalities: [],\r\n                neighbourhoods: [],\r\n            },\r\n            activeName: \"first\",\r\n        };\r\n    },\r\n    created() {\r\n        this.moment = moment;\r\n        this.route.date = localStorage.getItem(\"route_date\");\r\n        this.route.shift_day = localStorage.getItem(\"route_shift_day\");\r\n        this.route.shift_night = localStorage.getItem(\"route_shift_night\");\r\n        this.route.deliveries = JSON.parse(\r\n            localStorage.getItem(\"route_deliveries\")\r\n        );\r\n\r\n        _service.getProvinces().then((province) => {\r\n            this.route.provinces = province.data;\r\n        });\r\n    },\r\n    methods: {\r\n        getMunicipalities() {\r\n            this.route.municipalities = [];\r\n            this.route.municipality_id = null;\r\n\r\n            let data = {\r\n                provinceId: this.route.province_id,\r\n            };\r\n            _service.getMunicipalities(data).then((mucipality) => {\r\n                this.route.municipalities = mucipality.data;\r\n            });\r\n\r\n            localStorage.setItem(\"route_province_id\", this.route.province_id);\r\n        },\r\n        gotoStep3() {\r\n            this.$router.push(\"RouteCreationStep3\");\r\n        },\r\n        getNeighbourhood() {\r\n            this.route.neighbourhoods = [];\r\n            this.route.neighbourhood = null;\r\n\r\n            let data = {\r\n                municipalityId: this.route.municipality_id,\r\n            };\r\n            _service.getNeighbourhood(data).then((neighbourhood) => {\r\n                this.route.neighbourhoods = neighbourhood.data;\r\n            });\r\n\r\n            localStorage.setItem(\r\n                \"route_municipality\",\r\n                this.route.municipality_id\r\n            );\r\n        },\r\n        changeNeighbourhood() {\r\n            var neighbourhood = this.route.neighbourhoods\r\n                .filter((t) => t.id == this.route.neighbourhood)\r\n                .map((t) => ({ id: t.id, name: t.name }));\r\n            if (neighbourhood.length > 0) {\r\n                localStorage.setItem(\r\n                    \"route_neighbourhood\",\r\n                    JSON.stringify(neighbourhood[0])\r\n                );\r\n            }\r\n        },\r\n        onTabChanged(name) {\r\n            this.tabRole = name.props.label;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.list-delivery li,\r\n.list-zone li,\r\n.el-collapse-item__header {\r\n    font-weight: bold !important;\r\n}\r\n</style>\r\n","import { render } from \"./step2.vue?vue&type=template&id=684d691b&scoped=true\"\nimport script from \"./step2.vue?vue&type=script&lang=js\"\nexport * from \"./step2.vue?vue&type=script&lang=js\"\n\nimport \"./step2.vue?vue&type=style&index=0&id=684d691b&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\DELL\\\\source\\\\repos\\\\project0810frontend\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nexport default /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-684d691b\"]])","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n\n// `Array.prototype.map` method\n// https://tc39.es/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  map: function map(callbackfn /* , thisArg */) {\n    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n"],"sourceRoot":""}