dscadmin/pcpuma_unam_operador
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
db82b70b70
pcpuma_unam_operador/components/layouts/Menu.vue

411 lines
14 KiB
Vue
Raw Normal View History

pagina de equipos
2022-05-31 04:22:49 +00:00
<template>
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
<div>
<section>
<div
class="container is-flex is-justify-content-space-between is-align-items-center"
>
busqueda del modulo
2022-06-13 15:36:45 +00:00
<div class="pl-3 py-2">
vista institución tipo carrito
2022-07-12 16:39:01 +00:00
<b-button type="is-info" @click="open = true" size="is-small">
<b-icon icon="menu" size="is-small" />
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
</b-button>
</div>
</div>
</section>
vista institución tipo carrito
2022-07-12 16:39:01 +00:00
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
<aside>
<b-sidebar type="is-white" v-model="open" fullheight overlay>
<div class="m-5">
nuevo logo
2022-07-20 05:07:11 +00:00
<b-image :src="require('@/assets/icon.png')" alt="logo_pc_puma" />
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
nuevo logo
2022-07-20 05:07:11 +00:00
<b-menu class="mt-6">
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
<b-menu-list label="Menu">
tabla admins en insitucion corregida
2022-07-20 16:53:25 +00:00
<b-menu-list v-if="idTipoUsuario === 3 || idTipoUsuario === 4">
<b-menu-item
label="Préstamo/Devolución"
:icon="icono('/operador/prestamo_devolucion')"
:disabled="activo('/operador/prestamo_devolucion')"
@click="opcionMenu('/operador/prestamo_devolucion')"
/>
</b-menu-list>
<b-menu-list v-if="idTipoUsuario === 3 || idTipoUsuario === 4">
<b-menu-item
label="Historial de Préstamos"
:icon="icono('/operador/historial_prestamos')"
:disabled="activo('/operador/historial_prestamos')"
@click="opcionMenu('/operador/historial_prestamos')"
/>
</b-menu-list>
listo menu final
2022-07-29 07:12:18 +00:00
<b-menu-item icon="account-multiple" v-if="idTipoUsuario === 3">
<template #label="props">
Usuarios
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar usuario"
:icon="icono('/usuarios/buscar_usuario')"
:disabled="activo('/usuarios/buscar_usuario')"
@click="opcionMenu('/usuarios/buscar_usuario')"
/>
<b-menu-item
label="Todos los usuarios"
:icon="icono('/usuarios/todos_usuarios')"
:disabled="activo('/usuarios/todos_usuarios')"
@click="opcionMenu('/usuarios/todos_usuarios')"
/>
<b-menu-item
label="Multa del usuario"
:icon="icono('/usuarios/multas_usuario')"
:disabled="activo('/usuarios/multas_usuario')"
@click="opcionMenu('/usuarios/multas_usuario')"
/>
</b-menu-item>
<b-menu-item
icon="cellphone-link"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Equipos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar equipo"
:icon="icono('/equipos/buscar_equipo')"
:disabled="activo('/equipos/buscar_equipo')"
@click="opcionMenu('/equipos/buscar_equipo')"
/>
<b-menu-item
label="Todos los equipos"
:icon="icono('/equipos/todos_equipos')"
:disabled="activo('/equipos/todos_equipos')"
@click="opcionMenu('/equipos/todos_equipos')"
/>
</b-menu-item>
<b-menu-item
icon="cart-outline"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Carritos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar carrito"
:icon="icono('/carritos/buscar_carrito')"
:disabled="activo('/carritos/buscar_carrito')"
@click="opcionMenu('/carritos/buscar_carrito')"
/>
<b-menu-item
label="Todos los carritos"
:icon="icono('/carritos/todos_carritos')"
:disabled="activo('/carritos/todos_carritos')"
@click="opcionMenu('/carritos/todos_carritos')"
/>
</b-menu-item>
<b-menu-item
icon="account-plus"
v-if="idTipoUsuario === 2 || idTipoUsuario === 3"
>
<template #label="props">
Administrador
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Administradores"
:disabled="activo('/admin/administrador/admins')"
:icon="icono('/admin/administrador/admins')"
@click="opcionMenu('/admin/administrador/admins')"
v-if="idTipoUsuario === 2"
/>
<b-menu-item
label="Operadores"
:disabled="activo('/admin/administrador/operadores')"
:icon="icono('/admin/administrador/operadores')"
@click="opcionMenu('/admin/administrador/operadores')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
icon="storefront-outline"
v-if="idTipoUsuario === 3 || idTipoUsuario === 4"
>
<template #label="props">
Modulos
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
label="Buscar modulo"
:icon="
icono(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
:disabled="
activo(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
@click="
opcionMenu(
'/admin/administrador/modulos/buscar_modulo/buscar_modulo'
)
"
/>
<b-menu-item
label="Todos los modulos"
:icon="icono('/admin/administrador/modulos/todos_modulos')"
:disabled="
activo('/admin/administrador/modulos/todos_modulos')
"
@click="
opcionMenu('/admin/administrador/modulos/todos_modulos')
"
/>
</b-menu-item>
<b-menu-item
label="Carga masiva equipos"
:disabled="
activo('/admin/administrador/carga_masiva_equipos')
"
:icon="icono('/admin/administrador/carga_masiva_equipos')"
@click="
opcionMenu('/admin/administrador/carga_masiva_equipos')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Carga Masiva Usuarios"
:disabled="
activo('/admin/administrador/carga_masiva_usuarios')
"
:icon="icono('/admin/administrador/carga_masiva_usuarios')"
@click="
opcionMenu('/admin/administrador/carga_masiva_usuarios')
"
v-if="idTipoUsuario === 3"
/>
<!-- <b-menu-item
label="Reportes"
:disabled="activo('/admin/administrador/reportes')"
:icon="icono('/admin/administrador/reportes')"
@click="opcionMenu('/admin/administrador/reportes')"
/> -->
</b-menu-item>
<b-menu-item
icon="cog"
v-if="idTipoUsuario === 2 || idTipoUsuario === 3"
>
<template #label="props">
Configuración
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item icon="home">
<template #label="props">
Instituciones
<b-icon
class="is-pulled-right"
:icon="props.expanded ? 'menu-down' : 'menu-up'"
/>
</template>
<b-menu-item
:label="`Configurar ${
idTipoUsuario === 3 ? 'Institución' : 'Instituciones'
}`"
:icon="
icono(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
:disabled="
activo(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
@click="
opcionMenu(
'/admin/configuracion/instituciones/buscar_institucion'
)
"
/>
<b-menu-item
label="Responsables"
:icon="
icono('/admin/configuracion/instituciones/responsables')
"
:disabled="
activo('/admin/configuracion/instituciones/responsables')
"
@click="
opcionMenu(
'/admin/configuracion/instituciones/responsables'
)
"
v-if="idTipoUsuario === 2"
/>
</b-menu-item>
<b-menu-item
label="Horario de servicio"
:icon="icono('/admin/configuracion/institucion-dia')"
:disabled="activo('/admin/configuracion/institucion-dia')"
@click="opcionMenu('/admin/configuracion/institucion-dia')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Infracciones"
:icon="icono('/admin/configuracion/institucion-infraccion')"
:disabled="
activo('/admin/configuracion/institucion-infraccion')
"
@click="
opcionMenu('/admin/configuracion/institucion-infraccion')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Software"
:icon="icono('/admin/configuracion/institucion-programa')"
:disabled="
activo('/admin/configuracion/institucion-programa')
"
@click="
opcionMenu('/admin/configuracion/institucion-programa')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Tipos de Conectores"
:icon="icono('/admin/configuracion/institucion-tipo-entrada')"
:disabled="
activo('/admin/configuracion/institucion-tipo-entrada')
"
@click="
opcionMenu('/admin/configuracion/institucion-tipo-entrada')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Tipos de Carrito"
:icon="icono('/admin/configuracion/institucion-tipo-carrito')"
:disabled="
activo('/admin/configuracion/institucion-tipo-carrito')
"
@click="
opcionMenu('/admin/configuracion/institucion-tipo-carrito')
"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Carreras y Software"
:icon="icono('/admin/configuracion/carrera_programa')"
:disabled="activo('/admin/configuracion/carrera_programa')"
@click="opcionMenu('/admin/configuracion/carrera_programa')"
v-if="idTipoUsuario === 3"
/>
<b-menu-item
label="Nuevas opciones"
:icon="icono('/admin/configuracion/crear_nuevas_opciones')"
:disabled="
activo('/admin/configuracion/crear_nuevas_opciones')
"
@click="
opcionMenu('/admin/configuracion/crear_nuevas_opciones')
"
v-if="idTipoUsuario === 2"
/>
</b-menu-item>
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
</b-menu-list>
pagina de equipos
2022-05-31 04:22:49 +00:00
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
<b-menu-list label="Acciones">
<b-menu-item label="Cerrar Sesión" @click="cerrarSesion()" />
</b-menu-list>
</b-menu>
</div>
</b-sidebar>
</aside>
</div>
pagina de equipos
2022-05-31 04:22:49 +00:00
</template>
<script>
export default {
data() {
return {
open: false,
login del admin
2022-06-06 17:07:23 +00:00
idTipoUsuario: '',
pagina de equipos
2022-05-31 04:22:49 +00:00
}
},
methods: {
cerrarSesion() {
localStorage.clear()
this.$router.push('/')
},
opcionMenu(path) {
this.open = false
this.$router.push(path)
},
activo(ruta) {
return ruta === window.location.pathname
},
icono(ruta) {
return this.activo(ruta) ? 'square' : 'crop-square'
},
},
created() {
login del admin
2022-06-06 17:07:23 +00:00
const objeto = JSON.parse(localStorage.getItem('usuario'))
this.idTipoUsuario = objeto.operador.tipoUsuario.id_tipo_usuario
pagina de equipos
2022-05-31 04:22:49 +00:00
},
}
</script>
menu y paginas para el operador
2022-06-02 22:47:09 +00:00
<style scoped>
section {
background-color: #bb8704;
}
</style>
Reference in New Issue Copy Permalink