...
| Bloque de código | ||
|---|---|---|
| ||
<fwjs-simpleservice-page :titlemainServiceId="20601_16600" :mainServiceName="$t('mis_tramites_titulo')" :breadcrumbsserviceName="breadcrumbs$t('tramites_activos_titulo')" :loadingbreadcrumbs="loadingbreadcrumbs" service-id:loading="20601_16600loading" subicon="fad fa-pluslist-ul" > <template v-slot:menu> <!-- Contenido del menú lateral--> </template> <template v-slot:page-description> <!-- Descripción de la página --> </template> <template v-slot:page-content> <!-- Contenido de la página --> </template> </fwjs-simple-page> |
...
| Propiedad | Tipo | Default | Descripción | ||
|---|---|---|---|---|---|
| titlemainServiceName | String | Título Nombre del servicio principal. | |||
| subtitleserviceName | String | Subtítulo Nombre del servicio. | |||
| loading | Boolean | false | Boolean que indica si se está esperando a que se complete la carga inicial de la pantalla. | ||
| breadcrumbs | Array | Migas de pan del servicio.
| |||
| icon | String | Icono del servicio. | |||
| subicon | String | Subicono del servicio. | |||
| category | Number | 0 | Identificador de la categoría del servicio. | ||
| categoryName | String | Nombre de la categoría del servicio. | |||
| serviceIdmainServiceId | String | Identificador del servicio principal. Si se indica, se recuperará de la API el icono, subicono y nombre de categoría. |
...
Este componente únicamente tiene los siguientes slots: menu, pageservice-titlename, service-description y pagey service-content.
- menu: En este se tendrán que establecer los enlaces del menú lateral.
- pageservice-titlename: Este slot no es obligatorio. Si se indica, el contenido del slot se establecerá en el punto 2 de la siguiente imagen.
- service-description: En este se establecerá una descripción del servicio que se va a integrar.
- pageservice-content: En este se establecerá el contenido de la página.
...
| Ancla | ||||
|---|---|---|---|---|
|
1.
...
Nombre del servicio principal
Si el servicio que vamos a integrar formase parte de un grupo de servicios, se tendría que establecer el nombre de dicho grupo del servicio principal en la propiedad "titlemainServiceName".
| Info | ||
|---|---|---|
| ||
El servicio de "Mis trámites" está compuesto por dos subservicios: la consulta de trámites activos y nuevo trámite. Si vamos a integrar este componente en la pantalla de consulta de trámites activos, en la propiedad "titlemainServiceName" estableceríamos "Mis trámites" y en la propiedad "subtitleserviceName" estableceríamos "Trámites activos". |
El valor de la propiedad "titlemainServiceName" se utilizará en los puntos identificados con un 1 en la imagen anterior. Se usará también en el punto 2 cuando no se establezca la propiedad propiedad "subtitleserviceName".
2. Subtítulo del servicio
Si el servicio que vamos a integrar formase parte de un grupo de servicios, se tendría que establecer el nombre del servicio concreto en la propiedad "subtitleserviceName".
| Info | ||
|---|---|---|
| ||
El servicio de "Mis trámites" está compuesto por dos subservicios: la consulta de trámites activos y nuevo trámite. Si vamos a integrar este componente en la pantalla de consulta de trámites activos, en la propiedad "titlemainServiceName" estableceríamos "Mis trámites" y en la propiedad "subtitleserviceName" estableceríamos "Trámites activos". |
El valor de la propiedad "subtitleserviceName" se utilizará en los puntos identificados con un 2 en la imagen anterior. También se establecerá en el header de la página para evitar problemas de accesibilidad.
...
- Utilizar las propiedades "icon", "category" y "categoryName". Lo ideal sería recuperarlas de portal-api. De modo que, si el icono cambiase, la pantalla se haría eco del cambio.
- Utilizar la propiedad "serviceIdmainServiceId". Internamente, recuperará la información del icono y categoría del servicio, llamando a portal-api.
...
7. Descripción del servicio
En el slot "service-description", se establecerá una pequeña descripción del servicio que se va a integrar (2 o 3 líneas).
8. Contenido del servicio
En el slot "pageservice-content", se establecerá el contenido del servicio que se va a integrar.
...