flujo de trabajo y actividades (#1005)

docs/.vuepress/config.js

@@ -317,7 +317,8 @@ function genComponentSidebar(type = '') {
     '/guide/components/references.md',
     '/guide/components/lock-unlock-records.md',
     '/guide/components/dashboard.md',
-    '/guide/components/guide.md'
+    '/guide/components/guide.md',
+    '/guide/components/workflows-and-activities.md'
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/workflows-and-activities.md

@@ -0,0 +1,31 @@
+# Flujos de Trabajo y Actividades
+
+El componente "**Flujos de Trabajo y Actividades**", permite visualizar y conocer los diferentes flujos de trabajo que se generan en el servicio luego de ejecutar los procesos contemplados en el mismo.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/workflows-and-activities/zk-desktop-version-workflows-and-activities.png')" alt="Flujo de Trabajo y Actividades en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/workflows-and-activities/ui-version-workflows-and-activities.png')" alt="Flujo de Trabajo y Actividades en Versión de Escritorio UI" width="800px">
+
+## ¿Dónde se ubica?
+
+Se ubica en el icono de "**Notificaciones**", ubicado en la parte superior derecha de la ventana. Al seleccionar la opción "**Flujos de Trabajo por Aprobar**".
+
+## ¿Para qué sirve?
+
+Sirve para consultar el listado de los flujos de trabajo que el usuario tiene por aprobar, su respectivo diagrama según el flujo y la bitácora de cambios.
+
+## Funciones u Observaciones
+
+::: tip
+Al seleccionar cada nodo del diagrama puede visualizar la descripción, la fecha de ejecución y el usuario que ejecuto el mismo.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+Seleccione el icono de "**Notificaciones**", ubicado en la parte superior derecha de la ventana, luego seleccionar la opción "**Flujos de Trabajo por Aprobar**", para finalmente visualizar la ventana "**Actividades de Flujo de Trabajo**" con los diferentes flujos de trabajo pendientes por aprobar. Al seleccionar cualquiera de dichos flujos, se puede visualizar en la parte inferior izquierda de la ventana, el diagrama que contiene los diferentes nodos del flujo seleccionado, los cuales muestran su descripción, fecha de ejecución y usuario de ejecución al seleccionar cualquiera de ellos. Adicionalmente, se puede visualizar en la parte inferior derecha de la ventana, la bitácora de cambios del flujo seleccionado.
+
+<img :src="$withBase('/images/components/workflows-and-activities/how-to-use-it-in-the-desktop-version.gif')" />

docs/guide/components/workflows-and-activities.md

@@ -0,0 +1,31 @@
+# Workflows and Activities
+
+The component "**Workflows and Activities**", allows to visualize and know the different workflows that are generated in the service after executing the processes contemplated in it.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/workflows-and-activities/zk-desktop-version-workflows-and-activities.png')" alt="ZK Desktop Version Workflow and Activities" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/workflows-and-activities/ui-version-workflows-and-activities.png')" alt="Workflow and Activities in Desktop Version UI" width="800px">
+
+## Where it is located?
+
+It is located on the "**Notifications**" icon, located in the upper right part of the window. By selecting the option "**Workflows to Approve**".
+
+## What is it for?
+
+It is used to consult the list of workflows that the user has to approve, their respective diagram according to the flow and the change log.
+
+## Functions or Observations
+
+::: tip
+By selecting each node of the diagram you can view the description, the execution date and the user who executed it.
+:::
+
+## How is it used in the Desktop version?
+
+Select the icon "**Notifications**", located in the upper right part of the window, then select the option "**Workflows to be Approved**", to finally display the window "**Workflow Activities Work**" with the different workflows pending approval. When selecting any of these flows, you can view in the lower left part of the window, the diagram that contains the different nodes of the selected flow, which show their description, execution date and execution user when selecting any of them. Additionally, the change log of the selected flow can be viewed in the lower right part of the window.
+
+<img :src="$withBase('/images/components/workflows-and-activities/how-to-use-it-in-the-desktop-version.gif')" />

docs/zh/guide/components/workflows-and-activities.md

@@ -0,0 +1,31 @@
+# 工作流程和活動
+
+"**工作流和活動**" 組件允許可視化和了解在執行服務中預期的流程後在服務中生成的不同工作流。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/workflows-and-activities/zk-desktop-version-workflows-and-activities.png')" alt="ZK 桌面版工作流程和活動" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/workflows-and-activities/ui-version-workflows-and-activities.png')" alt="桌面版用戶界面中的工作流和活動" width="800px">
+
+## 它位於哪裡？
+
+它位於窗口右上角的 “**通知**” 圖標上。通過選擇選項 “**要批准的工作流程**”。
+
+## 它有什麼用？
+
+它用於查詢用戶必須批准的工作流列表，根據流程和更改日誌，它們各自的圖表。
+
+## 函數或觀察
+
+::: tip
+通過選擇圖表的每個節點，您可以查看描述、執行日期和執行它的用戶。
+:::
+
+## 它在桌面版本中如何使用？
+
+選擇窗口右上角的 “**通知**” 圖標，然後選擇 “**待批准的工作流**” 選項，最後顯示 “**工作流活動工作**” 窗口不同的工作流程等待批准。在選擇這些流中的任何一個時，您可以在窗口的左下方查看包含所選流的不同節點的圖表，其中顯示了選擇其中任何一個時的描述、執行日期和執行用戶。此外，可以在窗口的右下方查看所選流的更改日誌。
+
+<img :src="$withBase('/images/components/workflows-and-activities/how-to-use-it-in-the-desktop-version.gif')" />