1
0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-07 18:25:45 +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 2021-05-12 23:02:02 -04:00 committed by GitHub
parent ff4c1349e8
commit ca1e8fa8ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
22 changed files with 171 additions and 46 deletions

View File

@ -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

View File

@ -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.
![Cómo se utiliza en la versión de Escritorio]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")
<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.
![Cómo se utiliza en la versión móvil]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "Cómo se utiliza en la versión móvil")
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />

View File

@ -34,7 +34,7 @@ En la versión de escritorio se hace clic sobre el icono "**i**" para visualizar
### Crear Notas
![Cómo crear notas en la versión de Escritorio]('/images/components/notes/create-notes-in-desktop-version.gif' "Cómo crear notas en la versión de Escritorio")
<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
![Cómo crear notas en la versión móvil]('/images/components/notes/create-notes-in-the-mobile-version.gif' "Cómo crear notas en la versión móvil")
<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif" />
## Opciones para el Desarrollador

View File

@ -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.
![Cómo se utiliza en la versión de Escritorio]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")
<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.
![Cómo se utiliza en la versión móvil]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "Cómo se utiliza en la versión móvil")
<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
## Opciones para el Desarrollador

View File

@ -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.
![Cómo se utiliza en la versión de Escritorio]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")
<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />

View 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')" />

View File

@ -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.
![How to use it in the Desktop version]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")
<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.
![How to use it in the mobile version]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "How to use it in the mobile version")
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />

View File

@ -34,7 +34,7 @@ In the desktop version, click on the "**i**" icon to view the menu displayed by
### Create Notes
![How to create notes in Desktop version]('/images/components/notes/create-notes-in-desktop-version.gif' "How to create notes in Desktop version")
<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
![How to create notes in the mobile version]('/images/components/notes/create-notes-in-the-mobile-version.gif' "How to create notes in the mobile version")
<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
## Developer Options

View File

@ -21,19 +21,21 @@ It is used to establish the translation of the value entered in a specific field
## Functions or Observations
::: tip
This component replaces the "** Translation **" tab that some ADempiere-ZK windows contain.
This component replaces the "**Translation**" tab that some ADempiere-ZK windows contain.
:::
## 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 "**Language**", to view the information of the field with its respective translation.
![How to use it in the Desktop version]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")
<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')" />
![How to use it in the mobile version]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "How to use it in the mobile version")
## 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>

View File

@ -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.
![How to use it in the Desktop version]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")
<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />

View 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')" />

View File

@ -25,20 +25,20 @@
::: tip
默認情況下,組件按以下順序包含信息
-欄位名稱
- 欄位名稱
- 描述
- 幫助
-放大選項(取決於字段類型)
- 放大選項(取決於字段類型)
:::
## 在桌面版中如何使用?
在桌面版本中,單擊字段以查看其顯示的菜單,然後選擇選項 "**信息**" 以查看字段信息。
![如何在桌面版本中使用它]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
## 在移動版本中如何使用?
在移動版本中,單擊該字段以查看其顯示的菜單,然後選擇選項 "**信息**" 以查看該字段的信息。
![如何在移動版本中使用它]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")
<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />

View File

@ -34,15 +34,14 @@
### 創建筆記
![如何在桌面版本中創建筆記]('/images/components/notes/create-notes-in-desktop-version.gif' "如何在桌面版本中創建筆記")
<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
## 在移動版本中如何使用?
在移動版本中,它必須位於窗口底部才能查看選項 “**筆記**” 和 “**活動**”, 然後在左側的框中輸入信息。左側框中輸入的信息會自動應用在右側框中,並採用格式。
### 創建筆記
![如何在移動版本中創建註釋]('/images/components/notes/create-notes-in-the-mobile-version.gif' "如何在移動版本中創建註釋")
<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
## 开发者选项
@ -70,4 +69,4 @@
从该组件中调用的服务有 <br>
[POST /adempiere-api/logs/list-entity-chat](https://adempiere.github.io/proxy-adempiere-api/guide/es/default-modules/adempiere-api/user-log.html#post-adempiere-api-logs-list-entity-chats)<br>
[POST /adempiere-api/logs/list-chat-entries](https://adempiere.github.io/proxy-adempiere-api/guide/es/default-modules/adempiere-api/user-log.html#post-adempiere-api-logs-list-chat-entries)<br>
[POST /adempiere-api/ui/create-chat-entry](https://adempiere.github.io/proxy-adempiere-api/guide/es)
[POST /adempiere-api/ui/create-chat-entry](https://adempiere.github.io/proxy-adempiere-api/guide/es)

View File

@ -2,10 +2,10 @@
允許您默認設置寄存器的值,可以通過以下操作完成:
-**檢查公司**:設置所有公司的值
-**檢查組織**:設置所有組織的值
-**檢查用戶**:設置所有用戶的值
-**檢查窗口**:設置所有窗口的值
- **檢查公司**:設置所有公司的值
- **檢查組織**:設置所有組織的值
- **檢查用戶**:設置所有用戶的值
- **檢查窗口**:設置所有窗口的值
## ADempiere-ZK版本
@ -34,7 +34,7 @@
::: tip
默認情況下,該字段包含首選項設置
-**對於本公司的所有組織,此用戶和此窗口**
- **對於本公司的所有組織,此用戶和此窗口**
:::
## 在桌面版中如何使用?

View File

@ -1,15 +1,15 @@
訪問記錄
# 訪問記錄
允許您基於以下參數配置每個角色對特定記錄或視圖的訪問權限:
-**可用角色**ADempiere中創建了所有角色這些角色沒有定位的註冊表的任何配置
-**配置的角色**:有些角色將具有對特定記錄的訪問或阻止的配置,這些訪問或
- **可用角色**ADempiere中創建了所有角色這些角色沒有定位的註冊表的任何配置
- **配置的角色**:有些角色將具有對特定記錄的訪問或阻止的配置,這些訪問或
鎖取決於以下選項:
-阻止:選中此選項後,將阻止角色訪問和查看註冊表,啟用此選項將啟用以下選項:
- 阻止:選中此選項後,將阻止角色訪問和查看註冊表,啟用此選項將啟用以下選項:
-從屬實體:選中此選項只會使一個記錄處於活動狀態,而依賴於該記錄的其他記錄會阻止它們
-解鎖:選中此選項可啟用或激活記錄的可視化,啟用此選項後,將啟用以下選項:
-只讀:您可以在讀取模式下查看(無法編輯或創建)與角色關聯的記錄
-可編輯:您可以以讀寫模式查看(可以編輯或創建)
- 解鎖:選中此選項可啟用或激活記錄的可視化,啟用此選項後,將啟用以下選項:
- 只讀:您可以在讀取模式下查看(無法編輯或創建)與角色關聯的記錄
- 可編輯:您可以以讀寫模式查看(可以編輯或創建)
## ADempiere-ZK版本
@ -26,24 +26,24 @@
需要訪問兩種類型的文檔,一種是讀和寫的,另一種是只讀的,並阻止另一種類型的文檔的視圖
-要對文檔進行讀寫訪問文檔類型必須位於ADempiere中轉到“訪問註冊表”操作找到角色然後轉到“配置的角色”部分選擇“取消阻止”選項然後選擇“可編輯的“
- 要對文檔進行讀寫訪問文檔類型必須位於ADempiere中轉到“訪問註冊表”操作找到角色然後轉到“配置的角色”部分選擇“取消阻止”選項然後選擇“可編輯的“
-要僅訪問文檔請執行以下操作文檔類型必須位於ADempiere中轉到操作“訪問註冊表”找到該角色然後轉到“配置的角色”部分選擇選項“取消阻止”和“僅”閱讀“
-阻止文檔ADempiere必須找到文檔的類型轉到“訪問註冊表”操作找到該角色然後轉到“已配置角色”部分然後選擇“阻止”選項
- 要僅訪問文檔請執行以下操作文檔類型必須位於ADempiere中轉到操作“訪問註冊表”找到該角色然後轉到“配置的角色”部分選擇選項“取消阻止”和“僅”閱讀“
- 阻止文檔ADempiere必須找到文檔的類型轉到“訪問註冊表”操作找到該角色然後轉到“已配置角色”部分然後選擇“阻止”選項
##它在哪裡
## 它在哪裡?
該操作位於“操作”菜單中的那些窗口中
<img :src="$withBase('/images/components/record-access/ad-vue-location-access-to-registration.png')" alt="Acceso a Registro ADempiere-Vue Escritorio" width="800px">
##是做什麼用的
## 是做什麼用的?
它用於配置特定註冊表中角色的訪問和鎖定
##功能或觀察
-功能:配置角色以提供訪問權限或阻止記錄
-觀察:它僅適用於寄存器和角色,即,如果您要配置一個或多個寄存器,則它們必須一個接一個地執行
## 功能或觀察
- 功能:配置角色以提供訪問權限或阻止記錄
- 觀察:它僅適用於寄存器和角色,即,如果您要配置一個或多個寄存器,則它們必須一個接一個地執行
## 开发者选项

View File

@ -28,12 +28,14 @@
在桌面版本中,單擊該字段以查看其顯示的菜單,然後選擇選項 “**語言**”,以查看該字段的信息及其相應的翻譯。
![如何在桌面版中使用它]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版中使用它")
<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')" />
![如何在移動版本中使用它]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")
## 开发者选项
@ -64,3 +66,4 @@
该组件的调用服务是<br>
[GET adempier-api/ui/getTranslations]()<br>

View File

@ -28,6 +28,6 @@
## 在桌面版中如何使用?
單擊窗口名稱,然後在顯示的菜單中選擇選項**更新**”。
單擊窗口名稱,然後在顯示的菜單中選擇選項 “**更新**”。
![如何在桌面版本中使用它]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")
<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />

View 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')" />