pedi2/resources/js/components/AppMain.vue

35 lines
883 B
Vue

<script>
import NavBar from "./comunes/NavBar.vue";
import { mapActions, mapState } from "vuex";
import ComisionesBody from "./comisiones/Body.vue";
import AdminBody from "./admin/Body.vue";
import PedidosBody from "./pedidos/Body.vue";
import InfoTags from "./comunes/InfoTags.vue";
export default {
name: 'Main',
components: { InfoTags, ComisionesBody, AdminBody, PedidosBody, NavBar },
computed: {
...mapState("login", ["rol"]),
},
methods: {
...mapActions("login", ["getRol"]),
},
async mounted() {
await this.getRol();
},
}
</script>
<template>
<div id="app-main">
<nav-bar/>
<pedidos-body v-if="rol === 'barrio'"/>
<admin-body v-else-if="rol === 'admin_barrio'"/>
<comisiones-body v-else-if="rol === 'comision'"/>
<info-tags/>
</div>
</template>
<style scoped>
</style>