mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-10 12:01:57 +08:00
components (#842)
* component zoom in and modifications in the call of the gifs of all components * component call Co-authored-by: Yamel Senih <ysenih@erpya.com>
This commit is contained in:
TaniaLucena
GitHub
parent
ff4c1349e8
commit
ca1e8fa8ac
@ -289,7 +289,8 @@ function genComponentSidebar(type = '') {
|
||||
'/guide/components/notes.md',
|
||||
'/guide/components/information.md',
|
||||
'/guide/components/update.md',
|
||||
'/guide/components/translation.md'
|
||||
'/guide/components/translation.md',
|
||||
'/guide/components/zoom-in.md'
|
||||
]
|
||||
return mapArr.map(i => {
|
||||
return type + i
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 219 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
@ -35,11 +35,11 @@ Por defecto, el componente contiene la información en el siguiente orden
|
||||
|
||||
En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Información**", para visualizar la información del campo.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## ¿Cómo se utiliza en la versión móvil?
|
||||
|
||||
En la versión móvil se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Información**", para visualizar la información del campo.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
|
||||
|
||||
@ -34,7 +34,7 @@ En la versión de escritorio se hace clic sobre el icono "**i**" para visualizar
|
||||
|
||||
### Crear Notas
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
|
||||
|
||||
## ¿Cómo se utiliza en la versión móvil?
|
||||
|
||||
@ -42,7 +42,7 @@ En la versión móvil se debe posicionar en la parte inferior de la ventana para
|
||||
|
||||
### Crear Notas
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif" />
|
||||
|
||||
|
||||
## Opciones para el Desarrollador
|
||||
|
||||
@ -28,13 +28,13 @@ Este componente reemplaza la pestaña "**Traducción**" que contienen algunas ve
|
||||
|
||||
En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Idioma**", para visualizar la información del campo con su respectiva traducción.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## ¿Cómo se utiliza en la versión móvil?
|
||||
|
||||
En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Idioma**", para visualizar la información del campo con su respectiva traducción.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
|
||||
## Opciones para el Desarrollador
|
||||
|
||||
|
||||
@ -30,4 +30,4 @@ Cuando se realiza una búsqueda de los registros que contiene una determinada ve
|
||||
|
||||
Hacer clic contrario sobre el nombre de la ventana y seleccionar la opción "**Actualizar**" en el menú desplegado.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
40
docs/es/guide/components/zoom-in.md
Normal file
40
docs/es/guide/components/zoom-in.md
Normal file
@ -0,0 +1,40 @@
|
||||
# Acercar
|
||||
|
||||
Permite acceder de manera rápida a un registro determinado en una ventana.
|
||||
|
||||
## Versión ADempiere-ZK
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="Acercar en Versión de Escritorio ZK" width="800px">
|
||||
|
||||
## Versión ADempiere-Vue
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="Acercar en Versión Móvil y de Escritorio" width="800px">
|
||||
|
||||
Al seleccionar la opción "**Acercar**" en un campo de tipo selección, se abre la ventana donde se encuentra dicho registro.
|
||||
|
||||
## ¿Dónde se ubica?
|
||||
|
||||
Se ubica en los diferentes campos de tipo selección que son cargados en otra ventana.
|
||||
|
||||
## ¿Para qué sirve?
|
||||
|
||||
Sirve para acceder a una ventana de manera rápida y consultar la información del campo.
|
||||
|
||||
## Funciones u Observaciones
|
||||
|
||||
::: tip
|
||||
Se puede acercar el registro de una ventana directamente desde un campo.
|
||||
:::
|
||||
|
||||
## ¿Cómo se utiliza en la versión de Escritorio?
|
||||
|
||||
En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Acercar**", para visualizar el registro en la ventana donde fue cargado o creado el mismo.
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## ¿Cómo se utiliza en la versión móvil?
|
||||
|
||||
En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Acercar**", para visualizar el registro en la ventana donde fue cargado o creado el mismo.
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
|
||||
@ -35,10 +35,10 @@ By default, the component contains the information in the following order
|
||||
|
||||
In the desktop version, click on the field to view the menu displayed by it, then select the option "**Information**" to view the field information.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## How is it used in the mobile version?
|
||||
|
||||
In the mobile version, click on the field to view the menu displayed by it, then select the option "**Information**" to view the information of the field.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
@ -34,7 +34,7 @@ In the desktop version, click on the "**i**" icon to view the menu displayed by
|
||||
|
||||
### Create Notes
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
|
||||
|
||||
## How is it used in the mobile version?
|
||||
|
||||
@ -42,7 +42,7 @@ In the mobile version, it must be positioned at the bottom of the window to view
|
||||
|
||||
### Create Notes
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
|
||||
|
||||
## Developer Options
|
||||
|
||||
|
||||
@ -28,12 +28,14 @@ This component replaces the "** Translation **" tab that some ADempiere-ZK windo
|
||||
|
||||
In the desktop version, click on the field to view the menu displayed by it, then select the option "**Language**", to view the information of the field with its respective translation.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## How is it used in the mobile version?
|
||||
|
||||
In the desktop version, click on the field to view the menu displayed by it, then select the option "**Language**", to view the information of the field with its respective translation.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
|
||||
|
||||
## Developer Options
|
||||
@ -64,3 +66,4 @@ The **Translation** service consumption call can be found in the following path:
|
||||
|
||||
The called services of the component are <br>
|
||||
[GET adempiere-api/ui/getTranslations]()<br>
|
||||
|
||||
|
||||
@ -30,4 +30,4 @@ When a search is made for the records contained in a certain window, filtering b
|
||||
|
||||
Click on the name of the window and select the option "**Update**" in the displayed menu.
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
39
docs/guide/components/zoom-in.md
Normal file
39
docs/guide/components/zoom-in.md
Normal file
@ -0,0 +1,39 @@
|
||||
# Zoom in
|
||||
|
||||
Allows quick access to a specific record in a window.
|
||||
|
||||
## ADempiere-ZK version
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="Zoom in on ZK Desktop Version" width="800px">
|
||||
|
||||
## ADempiere-Vue version
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="Zoom in on Mobile and Desktop Version" width="800px">
|
||||
|
||||
When selecting the option "**Zoom in**" in a selection type field, the window where said record is located opens.
|
||||
|
||||
## Where it is located?
|
||||
|
||||
It is located in the different fields of the selection type that are loaded in another window.
|
||||
|
||||
## What is it for?
|
||||
|
||||
It is used to access a window quickly and consult the field information.
|
||||
|
||||
## Functions or Observations
|
||||
|
||||
::: tip
|
||||
You can zoom in on a window record directly from a field.
|
||||
:::
|
||||
|
||||
## How is it used in the Desktop version?
|
||||
|
||||
In the desktop version, click on the field to view the menu displayed by it, then select the option "**Zoom in**" to view the record in the window where it was loaded or created.
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## How is it used in the mobile version?
|
||||
|
||||
In the desktop version, click on the field to view the menu displayed by it, then select the option "**Zoom in**" to view the record in the window where it was loaded or created.
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
@ -35,10 +35,10 @@
|
||||
|
||||
在桌面版本中，單擊字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看字段信息。
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## 在移動版本中如何使用？
|
||||
|
||||
在移動版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看該字段的信息。
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
@ -34,15 +34,14 @@
|
||||
|
||||
### 創建筆記
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
|
||||
|
||||
## 在移動版本中如何使用？
|
||||
|
||||
在移動版本中，它必須位於窗口底部才能查看選項 “**筆記**” 和 “**活動**”, 然後在左側的框中輸入信息。左側框中輸入的信息會自動應用在右側框中，並採用格式。
|
||||
|
||||
### 創建筆記
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
|
||||
|
||||
## 开发者选项
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
＃訪問記錄
|
||||
# 訪問記錄
|
||||
|
||||
允許您基於以下參數配置每個角色對特定記錄或視圖的訪問權限：
|
||||
|
||||
|
||||
@ -28,12 +28,14 @@
|
||||
|
||||
在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## 在移動版本中如何使用？
|
||||
|
||||
在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
|
||||
|
||||
## 开发者选项
|
||||
@ -64,3 +66,4 @@
|
||||
|
||||
该组件的调用服务是<br>
|
||||
[GET adempier-api/ui/getTranslations]()<br>
|
||||
|
||||
|
||||
@ -30,4 +30,4 @@
|
||||
|
||||
單擊窗口名稱，然後在顯示的菜單中選擇選項 “**更新**”。
|
||||
|
||||
|
||||
<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
40
docs/zh/guide/components/zoom-in.md
Normal file
40
docs/zh/guide/components/zoom-in.md
Normal file
@ -0,0 +1,40 @@
|
||||
# 放大
|
||||
|
||||
允許快速訪問窗口中的特定記錄。
|
||||
|
||||
## ADempiere-ZK版本
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="在ZK桌面版本上放大" width="800px">
|
||||
|
||||
## ADempiere-Vue版本
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="在移動和桌面版本上放大" width="800px">
|
||||
|
||||
|
||||
在選擇類型字段中選擇 “**放大**” 選項時，將打開該記錄所在的窗口。
|
||||
|
||||
## 它在哪裡？
|
||||
|
||||
它位於另一個窗口中加載的選擇類型的不同字段中。
|
||||
|
||||
## 是做什麼用的？
|
||||
|
||||
它用於快速訪問窗口並查詢字段信息。
|
||||
|
||||
## 功能或觀察
|
||||
|
||||
::: tip
|
||||
您可以直接從字段中放大窗口記錄。
|
||||
:::
|
||||
|
||||
## 在桌面版中如何使用？
|
||||
|
||||
在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**放大**” 以在加載或創建該記錄的窗口中查看該記錄。
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
|
||||
|
||||
## 在移動版本中如何使用？
|
||||
|
||||
在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**放大**” 以在加載或創建該記錄的窗口中查看該記錄。
|
||||
|
||||
<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />
|
||||
Loading…
x
Reference in New Issue
Block a user