{"version":3,"sources":["webpack:///./src/views/vehicle/components/vehicleList.vue?b3cb","webpack:///./src/views/vehicle/main.vue","webpack:///./src/views/vehicle/components/manageVehicle.vue","webpack:///./src/services/vehicleService.js","webpack:///./src/views/vehicle/components/manageVehicle.vue?3a2f","webpack:///./src/views/vehicle/components/vehicleList.vue","webpack:///./src/views/vehicle/components/tabVehicleList.vue","webpack:///./src/views/vehicle/components/tabVehicleList.vue?6309","webpack:///./src/views/vehicle/components/vehicleList.vue?4135","webpack:///./src/views/vehicle/main.vue?1227","webpack:///./src/views/vehicle/components/manageVehicle.vue?9f49","webpack:///./src/views/vehicle/components/tabVehicleList.vue?7288","webpack:///./src/services/lookoutService.js"],"names":["class","addNewVehicle","key","userComponentKey","editVehicle","edit-mode","editMode","is-active","drawer","vehicle-id","vehicleId","refreshData","direction","rtl","handleClose","handleOpen","height","label-position","label-width","model","vehicle","ref","rules","label","prop","vehicleTypeId","vehicleTypes","item","id","value","name","chassisNumber","registration","brand","year","color","availableVolumeM3","$emit","round","style","manageVehicle","type","size","icon","handleDeleteVehicle","getVehicles","params","api","get","getVehicle","param","addVehicle","post","updateVehicle","console","log","patch","toogleActivate","put","deleteVehicle","delete","components","ElDrawer","ElButton","ElForm","ElScrollbar","ElSelect","ElOption","ElDivider","data","brands","required","message","trigger","props","Boolean","default","isActive","String","watch","this","methods","$refs","resetFields","confirm","confirmButtonText","cancelButtonText","confirmButtonClass","then","catch","vehicleService","getVehicleType","lookoutService","getBrand","that","validate","valid","e","payload","parseFloat","active","mounted","title","rowClicked","tab-role","tabRole","gutter","span","searchByquery","placeholder","append","searchByQuery","tableData","handleSelectionChange","property","width","column-key","scope","$index","active-color","onStatusChanged","inactive-color","loading","offset","layout","page-size","page_size","page-count","total_pages","total","total_count","handleSizeChange","handleCurrentChange","activeName","page_index","multipleSelection","getAllVehicles","moment","error","val","PageSize","PageIndex","Role","items","row","column","columnKey","toggleSelection","rows","forEach","multipleTable","toggleRowSelection","clearSelection","Query","role","totalPages","pageSize","Header","TabVehicleList","leftSideBar","date","number","lastname","status","created","locale","onTabChanged","user","vehicleList","render","getGenres","getApplicationUserType","getVehicleTypes","getWorkSessions"],"mappings":"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","file":"js/chunk-3e1b0c0a.0516d10e.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/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!./vehicleList.vue?vue&type=style&index=0&id=2d305242&scoped=true&lang=css\"","<template>\r\n    <div class=\"home\">\r\n        <vehicle-list\r\n            @addNewVehicle=\"addNewVehicle()\"\r\n            :key=\"userComponentKey\"\r\n            @editVehicle=\"editVehicle\"\r\n        />\r\n        <manage-vehicle\r\n            :edit-mode=\"editMode\"\r\n            :is-active=\"drawer\"\r\n            :vehicle-id=\"vehicleId\"\r\n            @drawerclosed=\"drawer = false\"\r\n            @refreshData=\"refreshData\"\r\n        />\r\n    </div>\r\n</template>\r\n<script>\r\n// @ is an alias to /src\r\n// import api from \"../services/userService\";\r\nimport manageVehicle from \"./components/manageVehicle.vue\";\r\nimport vehicleList from \"./components/vehicleList.vue\";\r\n\r\nexport default {\r\n    name: \"Home\",\r\n    data() {\r\n        return {\r\n            drawer: false,\r\n            editMode: false,\r\n            vehicleId: null,\r\n            userComponentKey: 0,\r\n        };\r\n    },\r\n    components: {\r\n        manageVehicle,\r\n        vehicleList,\r\n    },\r\n    methods: {\r\n        addNewVehicle() {\r\n            this.editMode = false;\r\n            this.vehicleId = null;\r\n            this.drawer = true;\r\n        },\r\n        refreshData() {\r\n            this.userComponentKey += 1;\r\n            this.drawer = false;\r\n        },\r\n        editVehicle(id) {\r\n            this.editMode = true;\r\n            this.vehicleId = id;\r\n            this.drawer = true;\r\n        },\r\n    },\r\n    async mounted() {\r\n        // let users = await api.getUsers({\r\n        //     pageSize: 1,\r\n        //     pageIndex: 1,\r\n        //     role: \"delivery\",\r\n        // });\r\n    },\r\n};\r\n</script>\r\n","<template>\r\n    <el-drawer\r\n        v-model=\"drawer\"\r\n        :direction=\"rtl\"\r\n        @closed=\"handleClose()\"\r\n        @opened=\"handleOpen()\"\r\n    >\r\n        <el-scrollbar height=\"85vh\">\r\n            <!-- <h2 class=\"font-xx-large font-weight-bold ml-3\">\r\n                {{ user.fistName }} {{ user.lastName }}\r\n            </h2> -->\r\n            <el-form\r\n                class=\"p-4\"\r\n                label-position=\"top\"\r\n                label-width=\"100px\"\r\n                :model=\"vehicle\"\r\n                ref=\"vehicle\"\r\n                :rules=\"rules\"\r\n            >\r\n                <el-form-item label=\"Tipo de Vehículo\" prop=\"vehicleTypeId\">\r\n                    <el-select class=\"w-75\" v-model=\"vehicle.vehicleTypeId\">\r\n                        <el-option\r\n                            v-for=\"item in vehicleTypes\"\r\n                            :key=\"item.id\"\r\n                            :value=\"item.id\"\r\n                            :label=\"item.name\"\r\n                        >\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"Número de Chasis\" prop=\"chassisNumber\">\r\n                    <el-input\r\n                        class=\"w-75\"\r\n                        v-model=\"vehicle.chassisNumber\"\r\n                    ></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"Número de Registro\" prop=\"registration\">\r\n                    <el-input\r\n                        class=\"w-75\"\r\n                        v-model=\"vehicle.registration\"\r\n                    ></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"Marca\" prop=\"brand\">\r\n                    <el-input class=\"w-75\" v-model=\"vehicle.brand\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"Modelo\" prop=\"model\">\r\n                    <el-input class=\"w-75\" v-model=\"vehicle.model\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"Año\" prop=\"year\">\r\n                    <el-input class=\"w-75\" v-model=\"vehicle.year\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"Color\" prop=\"color\">\r\n                    <el-input class=\"w-75\" v-model=\"vehicle.color\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"Volumen\" prop=\"availableVolumeM3\">\r\n                    <el-input\r\n                        class=\"w-75\"\r\n                        v-model=\"vehicle.availableVolumeM3\"\r\n                    ></el-input>\r\n                </el-form-item>\r\n                <div class=\"w-75\">\r\n                    <el-button @click=\"$emit('drawerclosed')\" round\r\n                        >Cancelar</el-button\r\n                    >\r\n                    <el-button\r\n                        class=\"pull-end bg-yellow\"\r\n                        style=\"float: right\"\r\n                        round\r\n                        @click=\"manageVehicle()\"\r\n                        >Guardar</el-button\r\n                    >\r\n                </div>\r\n                <el-divider></el-divider>\r\n                <h3 class=\"font-large font-weight-bold font-italic\">\r\n                    Herramientas\r\n                </h3>\r\n                <el-button\r\n                    type=\"default\"\r\n                    style=\"padding: 10px\"\r\n                    size=\"mini\"\r\n                    icon=\"el-icon-delete\"\r\n                    @click=\"handleDeleteVehicle\"\r\n                ></el-button>\r\n            </el-form>\r\n        </el-scrollbar>\r\n    </el-drawer>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent } from \"vue\";\r\nimport lookoutService from \"@/services/lookoutService\";\r\nimport vehicleService from \"@/services/vehicleService\";\r\nimport {\r\n    ElDrawer,\r\n    ElButton,\r\n    ElForm,\r\n    ElScrollbar,\r\n    ElSelect,\r\n    ElOption,\r\n    ElDivider,\r\n    ElMessageBox,\r\n    ElMessage,\r\n} from \"element-plus\";\r\nexport default defineComponent({\r\n    components: {\r\n        ElDrawer,\r\n        ElButton,\r\n        ElForm,\r\n        ElScrollbar,\r\n        ElSelect,\r\n        ElOption,\r\n        ElDivider,\r\n    },\r\n    data() {\r\n        return {\r\n            drawer: false,\r\n            vehicle: {},\r\n            vehicleTypes: [],\r\n            brands: [],\r\n            rules: {\r\n                vehicleTypeId: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n                chassisNumber: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n                registration: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n                brand: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n                model: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n                year: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n                color: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n                availableVolumeM3: [\r\n                    {\r\n                        required: true,\r\n                        message: \"Este campo es requerido\",\r\n                        trigger: \"blur\",\r\n                    },\r\n                ],\r\n            },\r\n        };\r\n    },\r\n    props: {\r\n        editMode: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        isActive: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        vehicleId: {\r\n            type: String,\r\n            default: null,\r\n        },\r\n    },\r\n    watch: {\r\n        isActive(value) {\r\n            this.drawer = value;\r\n        },\r\n    },\r\n    methods: {\r\n        handleClose() {\r\n            this.$emit(\"drawerclosed\");\r\n            this.$refs[\"vehicle\"].resetFields();\r\n        },\r\n        async handleDeleteVehicle() {\r\n            ElMessageBox.confirm(\r\n                `¿Deseas borrar permanentemente este vehículo?`,\r\n                {\r\n                    confirmButtonText: \"Borrar\",\r\n                    cancelButtonText: \"Cancelar\",\r\n                    type: \"danger\",\r\n                    confirmButtonClass: \"bg-danger\",\r\n                }\r\n            )\r\n                .then(async () => {\r\n                    await this.deleteVehicle(this.vehicle.id);\r\n                })\r\n                .catch(() => {\r\n                    ElMessage({\r\n                        type: \"info\",\r\n                        message: \"Acción cancelada\",\r\n                    });\r\n                });\r\n        },\r\n        async deleteVehicle(id) {\r\n            await vehicleService\r\n                .deleteVehicle(id)\r\n                .then(() => {\r\n                    ElMessage({\r\n                        type: \"success\",\r\n                        message: \"Vehículo eliminado exitosamente\",\r\n                    });\r\n                    this.$emit(\"refreshData\");\r\n                })\r\n                .catch(() => {\r\n                    ElMessage({\r\n                        type: \"danger\",\r\n                        message: \"Ha ocurrido un error inesperado.\",\r\n                    });\r\n                });\r\n        },\r\n        async getVehicleType() {\r\n            const data = await lookoutService.getVehicleType();\r\n            this.vehicleTypes = data.data;\r\n        },\r\n        async getBrand() {\r\n            // const data = await lookoutService.getApplicationUserType();\r\n            // this.brand = data.data;\r\n        },\r\n        async manageVehicle() {\r\n            let that = this;\r\n            this.$refs[\"vehicle\"].validate(async (valid) => {\r\n                if (valid) {\r\n                    if (that.editMode) {\r\n                        await that\r\n                            .updateVehicle(this.vehicle)\r\n                            .then(() => {\r\n                                ElMessage({\r\n                                    type: \"success\",\r\n                                    message:\r\n                                        \"Vehículo actualizado exitosamente\",\r\n                                });\r\n                                this.$emit(\"refreshData\");\r\n                            })\r\n                            .catch(() => {\r\n                                ElMessage({\r\n                                    type: \"danger\",\r\n                                    message: \"Ha ocurrido un error inesperado.\",\r\n                                });\r\n                            });\r\n                    } else {\r\n                        await that\r\n                            .addVehicle(this.vehicle)\r\n                            .then(() => {\r\n                                ElMessage({\r\n                                    type: \"success\",\r\n                                    message: \"Vehículo agregado exitosamente\",\r\n                                });\r\n                                this.$emit(\"refreshData\");\r\n                            })\r\n                            .catch((e) => {\r\n                                console.log(e);\r\n                                ElMessage({\r\n                                    type: \"danger\",\r\n                                    message: \"Ha ocurrido un error inesperado.\",\r\n                                });\r\n                            });\r\n                    }\r\n                } else {\r\n                    return false;\r\n                }\r\n            });\r\n        },\r\n        async addVehicle(item) {\r\n            var payload = {\r\n                vehicleTypeId: item.vehicleTypeId,\r\n                chassisNumber: item.chassisNumber,\r\n                registration: item.registration,\r\n                brand: item.brand,\r\n                model: item.model,\r\n                year: item.year,\r\n                color: item.color,\r\n                availableVolumeM3: item.availableVolumeM3,\r\n            };\r\n            await vehicleService.addVehicle(payload);\r\n            this.$emit(\"refreshData\");\r\n        },\r\n        async updateVehicle(item) {\r\n            var payload = {\r\n                id: item.id,\r\n                vehicleTypeId: item.vehicleTypeId,\r\n                chassisNumber: item.chassisNumber,\r\n                registration: item.registration,\r\n                brand: item.brand,\r\n                model: item.model,\r\n                year: item.year,\r\n                color: item.color,\r\n                availableVolumeM3: parseFloat(item.availableVolumeM3),\r\n                active: item.active,\r\n            };\r\n            await vehicleService.updateVehicle(payload);\r\n            this.$emit(\"refreshData\");\r\n        },\r\n        async handleOpen() {\r\n            if (this.editMode) {\r\n                var data = await vehicleService.getVehicle({\r\n                    id: this.vehicleId,\r\n                });\r\n                this.vehicle = data.data;\r\n                this.vehicle.id = this.vehicleId;\r\n            } else {\r\n                this.vehicle = [];\r\n            }\r\n        },\r\n    },\r\n    async mounted() {\r\n        await this.getVehicleType();\r\n        await this.getBrand();\r\n    },\r\n});\r\n</script>\r\n<style lang=\"scss\">\r\n.el-form-item__label {\r\n    font-weight: bold !important;\r\n}\r\n.el-icon {\r\n    --font-size: 31px;\r\n}\r\n</style>\r\n","import { api } from \"../core/api\";\r\n\r\nexport default {\r\n    getVehicles(params) {\r\n        return api.get(\"/Vehicle/GetAll\", { params: params });\r\n    },\r\n    getVehicle(param) {\r\n        return api.get(\"/Vehicle/Get\", { params: param });\r\n    },\r\n    addVehicle(vehicle) {\r\n        return api.post(\"/Vehicle/Add\", vehicle);\r\n    },\r\n    updateVehicle(vehicle) {\r\n        console.log(vehicle);\r\n        return api.patch(\"/Vehicle/Update\", vehicle);\r\n    },\r\n    toogleActivate(id) {\r\n        return api.put(`/Vehicle/ToogleActivate?id=${id}`);\r\n    },\r\n    deleteVehicle(id) {\r\n        return api.delete(`/Vehicle/Delete?id=${id}`);\r\n    },\r\n};\r\n","import { render } from \"./manageVehicle.vue?vue&type=template&id=29f243cf\"\nimport script from \"./manageVehicle.vue?vue&type=script&lang=js\"\nexport * from \"./manageVehicle.vue?vue&type=script&lang=js\"\n\nimport \"./manageVehicle.vue?vue&type=style&index=0&id=29f243cf&lang=scss\"\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]])","<template>\r\n    <div>\r\n        <div class=\"w-100\">\r\n            <Header title=\"\" />\r\n        </div>\r\n\r\n        <div class=\"w-100 d-flex flex-row flex-wrap\">\r\n            <left-side-bar />\r\n            <div class=\"ml-2\" style=\"width: 90vw\">\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-x-large font-weight-bold\">Vehículos</h1>\r\n                    <el-button\r\n                        class=\"pull-end bg-yellow font-12 font-weight-bold\"\r\n                        style=\"float: right\"\r\n                        round\r\n                        @click=\"$emit('addNewVehicle')\"\r\n                    >\r\n                        NUEVO VEHICULO\r\n                    </el-button>\r\n                </div>\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=\"Delivery\" name=\"first\">\r\n                        </el-tab-pane>\r\n                        <el-tab-pane label=\"Verificador\" name=\"second\">\r\n                        </el-tab-pane>\r\n                        <el-tab-pane label=\"Empacador\" name=\"third\">\r\n                        </el-tab-pane>\r\n                    </el-tabs> -->\r\n                    <tab-vehicle-list\r\n                        @editVehicle=\"rowClicked\"\r\n                        :tab-role=\"tabRole\"\r\n                    />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent, ref } from \"vue\";\r\nimport Header from \"@/components/dashboard/include/Header\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/es-do\";\r\nimport _service from \"@/services/vehicleService\";\r\nimport TabVehicleList from \"./tabVehicleList.vue\";\r\nimport leftSideBar from \"@/components/dashboard/menu/leftSideBar\";\r\nexport default defineComponent({\r\n    name: \"VehiclesList\",\r\n    components: { Header, TabVehicleList, leftSideBar },\r\n\r\n    data() {\r\n        return {\r\n            tabRole: \"\",\r\n            searchByquery: \"\",\r\n            drawer: ref(false),\r\n            activeName: \"first\",\r\n            page_size: 10,\r\n            page_index: 1,\r\n            total_count: 23,\r\n            total_pages: 10,\r\n            role: \"Delivery\",\r\n            tableData: [\r\n                {\r\n                    date: \"2016-05-03\",\r\n                    name: \"Tom\",\r\n                    number: \"123\",\r\n                    lastname: \"pepe\",\r\n                    status: true,\r\n                },\r\n                {\r\n                    date: \"2016-05-03\",\r\n                    name: \"Tom\",\r\n                    number: \"123\",\r\n                    lastname: \"pepe\",\r\n                    status: false,\r\n                },\r\n                {\r\n                    date: \"2016-05-03\",\r\n                    name: \"Tom\",\r\n                    number: \"123\",\r\n                    lastname: \"pepe\",\r\n                    status: true,\r\n                },\r\n                {\r\n                    date: \"2016-05-03\",\r\n                    name: \"Tom\",\r\n                    number: \"123\",\r\n                    lastname: \"pepe\",\r\n                    status: false,\r\n                },\r\n            ],\r\n            multipleSelection: [],\r\n        };\r\n    },\r\n    created() {\r\n        this.getAllVehicles(10, 1, \"Delivery\", this.searchByquery);\r\n        this.moment = moment;\r\n    },\r\n    mounted() {\r\n        this.tabRole = \"Delivery\";\r\n        this.moment.locale(\"es-do\");\r\n    },\r\n    methods: {\r\n        handleSizeChange(val) {\r\n            console.log(`${val} items per page`);\r\n        },\r\n        onTabChanged(name) {\r\n            this.tabRole = name.props.label;\r\n        },\r\n        handleCurrentChange(val) {\r\n            const data = {\r\n                PageSize: this.page_size,\r\n                PageIndex: val,\r\n                Role: this.role,\r\n            };\r\n            _service.getVehicles(data).then((user) => {\r\n                this.tableData = user.data.items;\r\n            });\r\n        },\r\n        rowClicked(row) {\r\n            this.$emit(\"editVehicle\", row);\r\n        },\r\n        toggleSelection(rows) {\r\n            if (rows) {\r\n                rows.forEach((row) => {\r\n                    this.$refs.multipleTable.toggleRowSelection(row);\r\n                });\r\n            } else {\r\n                this.$refs.multipleTable.clearSelection();\r\n            }\r\n        },\r\n        handleSelectionChange(val) {\r\n            this.multipleSelection = val;\r\n        },\r\n        searchByQuery() {\r\n            const data = {\r\n                Query: this.searchByquery,\r\n                PageSize: this.page_size,\r\n                PageIndex: this.page_index,\r\n                Role: this.role,\r\n            };\r\n\r\n            _service.getVehicles(data).then((user) => {\r\n                this.tableData = user.data.items;\r\n            });\r\n        },\r\n        getAllVehicles(page_size, page_index) {\r\n            const data = {\r\n                PageSize: page_size,\r\n                PageIndex: page_index,\r\n            };\r\n            _service.getVehicles(data).then((data) => {\r\n                this.total_pages = data.data.totalPages;\r\n                this.total_count = data.data.pageSize;\r\n                this.tableData = data.data.items;\r\n            });\r\n        },\r\n    },\r\n});\r\n</script>\r\n<style scoped>\r\n.color-icon {\r\n    color: white;\r\n}\r\n</style>\r\n","<template>\r\n    <div>\r\n        <h3 style=\"font-size: 21px; font-weight: bold\"></h3>\r\n        <el-divider></el-divider>\r\n\r\n        <el-row :gutter=\"20\">\r\n            <el-col :span=\"8\">\r\n                <div style=\"width: 350px\">\r\n                    <el-input v-model=\"searchByquery\" placeholder=\"Buscar\">\r\n                        <template style=\"color: white\" #append>\r\n                            <el-button\r\n                                style=\"background-color: #3f69a6\"\r\n                                @click=\"searchByQuery()\"\r\n                                type=\"primary\"\r\n                            >\r\n                                <i\r\n                                    style=\"color: white\"\r\n                                    class=\"el-icon-search el-icon-center\"\r\n                                ></i>\r\n                            </el-button>\r\n                        </template>\r\n                    </el-input>\r\n                </div>\r\n            </el-col>\r\n            <el-col :span=\"4\">\r\n                <div>\r\n                    <!-- <el-button size=\"mini\" icon=\"el-icon-filter\">\r\n                        <i\r\n                            style=\"color: black\"\r\n                            class=\"el-icon-filter el-icon-center\"\r\n                        ></i\r\n                    ></el-button>\r\n                    <el-divider direction=\"vertical\"></el-divider> -->\r\n                    <!-- <el-button\r\n                        style=\"\r\n                            background-color: transparent;\r\n                            border-color: transparent;\r\n                        \"\r\n                        type=\"primary\"\r\n                        size=\"mini\"\r\n                        icon=\"el-icon-delete\"\r\n                    ></el-button> -->\r\n                </div>\r\n            </el-col>\r\n        </el-row>\r\n        <br />\r\n        <br />\r\n        <el-table\r\n            v-loading=\"loading\"\r\n            ref=\"multipleTable\"\r\n            :data=\"tableData\"\r\n            style=\"width: 100%\"\r\n            @selection-change=\"handleSelectionChange\"\r\n            @row-click=\"rowClicked\"\r\n        >\r\n            <!-- <el-table-column type=\"selection\" width=\"55\" /> -->\r\n            <el-table-column\r\n                label=\"Tipo Vehículo\"\r\n                property=\"vehicleType\"\r\n                width=\"220\"\r\n            />\r\n            <el-table-column\r\n                label=\"Número de Chasis\"\r\n                property=\"chassisNumber\"\r\n                width=\"200\"\r\n            />\r\n            <el-table-column\r\n                label=\"Número de Registro\"\r\n                property=\"registration\"\r\n                width=\"200\"\r\n            />\r\n            <el-table-column property=\"brand\" label=\"Marca\" width=\"200\" />\r\n            <el-table-column property=\"year\" label=\"Año\" width=\"200\" />\r\n            <el-table-column property=\"color\" label=\"Color\" width=\"200\" />\r\n            <el-table-column label=\"Estatus\" column-key=\"active\" width=\"220\">\r\n                <template #default=\"scope\">\r\n                    <el-switch\r\n                        v-model=\"tableData[scope.$index].isActive\"\r\n                        active-color=\"#13ce66\"\r\n                        @change=\"onStatusChanged(tableData[scope.$index].id)\"\r\n                        inactive-color=\"#ff4949\"\r\n                    />\r\n                </template>\r\n            </el-table-column>\r\n        </el-table>\r\n        <br />\r\n        <br />\r\n        <el-row :gutter=\"20\">\r\n            <el-col :span=\"12\" :offset=\"6\">\r\n                <div class=\"block\">\r\n                    <el-pagination\r\n                        layout=\"prev, pager, next\"\r\n                        :page-size=\"page_size\"\r\n                        :page-count=\"total_pages\"\r\n                        :total=\"total_count\"\r\n                        @size-change=\"handleSizeChange\"\r\n                        @current-change=\"handleCurrentChange\"\r\n                    ></el-pagination>\r\n                </div>\r\n            </el-col>\r\n        </el-row>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent, ref } from \"vue\";\r\nimport moment from \"moment\";\r\n\r\nimport _service from \"@/services/vehicleService\";\r\nimport vehicleService from \"../../../services/vehicleService\";\r\nexport default defineComponent({\r\n    name: \"Vehicles\",\r\n    components: {},\r\n    data() {\r\n        return {\r\n            searchByquery: \"\",\r\n            drawer: ref(false),\r\n            activeName: \"first\",\r\n            page_size: 10,\r\n            page_index: 1,\r\n            total_count: 23,\r\n            total_pages: 10,\r\n            tableData: [],\r\n            multipleSelection: [],\r\n            loading: false,\r\n        };\r\n    },\r\n    props: {\r\n        tabRole: {\r\n            type: String,\r\n            default: \"\",\r\n        },\r\n    },\r\n    watch: {\r\n        tabRole(value) {\r\n            if (value != \"\") {\r\n                this.getAllVehicles(\r\n                    this.page_size,\r\n                    1,\r\n                    this.tabRole,\r\n                    this.searchByquery\r\n                );\r\n                this.moment = moment;\r\n            }\r\n        },\r\n    },\r\n    methods: {\r\n        async onStatusChanged(id) {\r\n            await vehicleService\r\n                .toogleActivate(id)\r\n                .then()\r\n                .catch((error) => console.error(error));\r\n        },\r\n        handleSizeChange(val) {\r\n            console.log(`${val} items per page`);\r\n        },\r\n        handleCurrentChange(val) {\r\n            const data = {\r\n                PageSize: this.page_size,\r\n                PageIndex: val,\r\n                Role: this.tabRole,\r\n            };\r\n            _service.getVehicles(data).then((vehicle) => {\r\n                this.tableData = vehicle.data.items;\r\n            });\r\n        },\r\n        rowClicked(row, column) {\r\n            if (column.columnKey != \"active\") {\r\n                this.$emit(\"editVehicle\", row.id);\r\n            }\r\n        },\r\n        toggleSelection(rows) {\r\n            if (rows) {\r\n                rows.forEach((row) => {\r\n                    this.$refs.multipleTable.toggleRowSelection(row);\r\n                });\r\n            } else {\r\n                this.$refs.multipleTable.clearSelection();\r\n            }\r\n        },\r\n        handleSelectionChange(val) {\r\n            this.multipleSelection = val;\r\n        },\r\n        searchByQuery() {\r\n            const data = {\r\n                Query: this.searchByquery,\r\n                PageSize: this.page_size,\r\n                PageIndex: this.page_index,\r\n                Role: this.tabRole,\r\n            };\r\n\r\n            _service.getVehicles(data).then((vehicle) => {\r\n                this.tableData = vehicle.data.items;\r\n            });\r\n        },\r\n        getAllVehicles(page_size, page_index, role) {\r\n            const data = {\r\n                PageSize: page_size,\r\n                PageIndex: page_index,\r\n                Role: role,\r\n            };\r\n            this.loading = true;\r\n            _service\r\n                .getVehicles(data)\r\n                .then((data) => {\r\n                    this.total_pages = data.data.totalPages;\r\n                    this.total_count = data.data.pageSize;\r\n                    this.tableData = data.data.items;\r\n                    this.loading = false;\r\n                })\r\n                .catch(() => {\r\n                    this.loading = false;\r\n                });\r\n        },\r\n    },\r\n});\r\n</script>\r\n<style scoped>\r\n.color-icon {\r\n    color: white;\r\n}\r\n</style>\r\n","import { render } from \"./tabVehicleList.vue?vue&type=template&id=4070ee91&scoped=true\"\nimport script from \"./tabVehicleList.vue?vue&type=script&lang=js\"\nexport * from \"./tabVehicleList.vue?vue&type=script&lang=js\"\n\nimport \"./tabVehicleList.vue?vue&type=style&index=0&id=4070ee91&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-4070ee91\"]])","import { render } from \"./vehicleList.vue?vue&type=template&id=2d305242&scoped=true\"\nimport script from \"./vehicleList.vue?vue&type=script&lang=js\"\nexport * from \"./vehicleList.vue?vue&type=script&lang=js\"\n\nimport \"./vehicleList.vue?vue&type=style&index=0&id=2d305242&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-2d305242\"]])","import { render } from \"./main.vue?vue&type=template&id=199924bc\"\nimport script from \"./main.vue?vue&type=script&lang=js\"\nexport * from \"./main.vue?vue&type=script&lang=js\"\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]])","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../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!./manageVehicle.vue?vue&type=style&index=0&id=29f243cf&lang=scss\"","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!./tabVehicleList.vue?vue&type=style&index=0&id=4070ee91&scoped=true&lang=css\"","import { api } from \"../core/api\";\r\n\r\nexport default {\r\n    getGenres() {\r\n        return api.get(\"/Lookup/GetGenres\");\r\n    },\r\n    getApplicationUserType() {\r\n        return api.get(\"/Lookup/GetApplicationUserType\");\r\n    },\r\n    getVehicleType() {\r\n        return api.get(\"/Lookup/VehicleType\");\r\n    },\r\n    getVehicleTypes() {\r\n        return api.get(\"/Lookup/VehicleType\");\r\n    },\r\n    getWorkSessions() {\r\n        return api.get(\"/Lookup/WorkSession\");\r\n    },\r\n};\r\n"],"sourceRoot":""}