feat: Add run process or report panel.

src/components/ADempiere/ActionMenu/Actions.vue

@@ -172,7 +172,7 @@ export default defineComponent({
         }
         return root.$t('data.undo')
       }
-      return root.$t('components.RunProcess')
+      return root.$t('actionMenu.runProcessOrReport')
     })
 
     const defaultActionToRun = computed(() => {

src/components/ADempiere/FileRender/EmptyFile/index.vue

@@ -20,6 +20,7 @@
 
 <script>
 import { defineComponent } from '@vue/composition-api'
+
 export default defineComponent({
   name: 'Empty-File'
 })

src/components/ADempiere/FileRender/ExcelFile/index.vue

@@ -52,10 +52,17 @@
 
 <script>
 import { defineComponent, ref } from '@vue/composition-api'
+
+// components and mixins
 import XLSX from 'xlsx'
+
+// utils and helper methods
 import { exportFileFromJson } from '@/utils/ADempiere/exportUtil.js'
+import { buildLinkHref, buildBlobAndValues } from '@/utils/ADempiere/resource'
+
 export default defineComponent({
   name: 'ExcelFile',
+
   props: {
     mimeType: {
       type: String,
@@ -74,23 +81,19 @@ export default defineComponent({
       required: true
     }
   },
+
   setup(props) {
     const excelData = ref({})
+
     function downloadWithLink() {
-      let link = {
-        href: undefined,
-        download: undefined
-      }
-      const reportObject = Object.values(props.stream)
-      const blob = new Blob([Uint8Array.from(reportObject)], {
-        type: props.mimeType
+      buildLinkHref({
+        fileName: `${props.name}.${props.format}`,
+        mimeType: props.mimeType,
+        outputStream: props.stream,
+        isDownload: true
       })
-      link = document.createElement('a')
-      link.href = window.URL.createObjectURL(blob)
-      link.download = `${props.name}.${props.format}`
-      // download report file
-      link.click()
     }
+
     function handleDownload() {
       const header = excelData.value.header
       const data = excelData.value.results
@@ -105,6 +108,7 @@ export default defineComponent({
         resolve(file)
       })
     }
+
     function getHeaderRow(sheet) {
       const headers = []
       const range = XLSX.utils.decode_range(sheet['!ref'])
@@ -122,38 +126,45 @@ export default defineComponent({
       }
       return headers
     }
+
     function generateReaderData() {
-      const data = Object.values(props.stream)
-      const blob = new Blob([
-        Uint8Array.from(data)
-      ], {
-        type: props.mimeType
+      const { blobFile, dataValues } = buildBlobAndValues({
+        mimeType: props.mimeType,
+        outputStream: props.stream
       })
+
       return new Promise((resolve) => {
         const reader = new FileReader()
         reader.onload = (e) => {
-          const workbook = XLSX.read(data, { type: 'array' })
+          const workbook = XLSX.read(dataValues, {
+            type: 'array'
+          })
           const firstSheetName = workbook.SheetNames[0]
           const worksheet = workbook.Sheets[firstSheetName]
           const header = getHeaderRow(worksheet)
           const results = XLSX.utils.sheet_to_json(worksheet)
+
           // value to render
           excelData.value = {
             header,
             results
           }
+
           resolve()
         }
-        reader.readAsArrayBuffer(blob)
+        reader.readAsArrayBuffer(blobFile)
       })
     }
+
     generateReaderData()
+
     return {
       excelData,
       // methods
       downloadWithLink,
       handleDownload
     }
   }
+
 })
 </script>

src/components/ADempiere/FileRender/HtmlFile/index.vue

@@ -29,14 +29,17 @@
 
 <script>
 import { defineComponent } from '@vue/composition-api'
+
 export default defineComponent({
   name: 'HTML-TXT-File',
+
   props: {
     content: {
       type: [Object, String],
       required: true
     }
   }
+
 })
 </script>
 
@@ -46,6 +49,7 @@ export default defineComponent({
   height: inherit;
   padding-left: 10px;
   padding-right: 10px;
+
   .sub-content-html {
     min-height: inherit;
     height: inherit;
@@ -55,5 +59,6 @@ export default defineComponent({
     width: 100%;
     padding-bottom: 4%;
   }
+
 }
 </style>

src/components/ADempiere/FileRender/PdfFile/index.vue

@@ -25,14 +25,17 @@
 
 <script>
 import { defineComponent } from '@vue/composition-api'
+
 export default defineComponent({
   name: 'PDF-File',
+
   props: {
     src: {
       type: String,
       required: true
     }
   }
+
 })
 </script>
 

src/lang/ADempiere/en/actionMenu.js

@@ -22,6 +22,8 @@ const actionMenu = {
   shareLink: 'Share Link',
   withoutActions: 'Without Actions',
   zoomWindow: 'Zoom Window',
+  // process
+  runProcessOrReport: 'Run',
   // relations
   relations: 'Relations',
   withoutRelations: 'Without Relations',

src/lang/ADempiere/es/actionMenu.js

@@ -22,6 +22,8 @@ const actionMenu = {
   shareLink: 'Compartir Enlace',
   withoutActions: 'Sin Actiones',
   zoomWindow: 'Acercar Ventana',
+  // process
+  runProcessOrReport: 'Ejecutar',
   // relations
   relations: 'Relaciones',
   withoutRelations: 'Sin Relaciones',

src/store/modules/ADempiere/dictionary/process/actions.js

@@ -32,6 +32,10 @@ export default {
     })
   },
 
+  /**
+   * Get process dictionary definition
+   * @param {string} uuid of dictionary
+   */
   getProcessDefinitionFromServer({ dispatch }, {
     uuid
   }) {
@@ -51,6 +55,13 @@ export default {
 
           dispatch('addProcessToList', processDefinition)
           resolve(processDefinition)
+
+          if (processDefinition.isReport) {
+            dispatch('getListPrintFormats', {
+              processUuid: uuid,
+              processId: processDefinition.id
+            })
+          }
         })
         .catch(error => {
           reject(error)

src/store/modules/ADempiere/dictionary/process/getters.js

@@ -15,6 +15,8 @@
 // along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 import { isEmptyValue } from '@/utils/ADempiere/valueUtils'
+import { isDisplayedField, isMandatoryField } from '@/utils/ADempiere/dictionary/process'
+import { isNumberField } from '@/utils/ADempiere/references'
 
 /**
  * Dictionary Process Getters
@@ -34,5 +36,63 @@ export default {
       return process.fieldsList
     }
     return undefined
+  },
+
+  /**
+   * Getter converter params with value format
+   * @param {String} containerUuid
+   * @param {Array<Object>} fieldsList
+   * @returns {Array<Object>} [{ columnName: name key, value: value to send }]
+   */
+  getProcessParameters: (state, getters, rootState, rootGetters) => ({
+    containerUuid,
+    fieldsList = []
+  }) => {
+    if (isEmptyValue(fieldsList)) {
+      fieldsList = getters.getStoredFieldsFromProcess(containerUuid)
+    }
+
+    const processParameters = []
+
+    fieldsList.forEach(fieldItem => {
+      const { columnName } = fieldItem
+      const isMandatory = isMandatoryField(fieldItem)
+      // evaluate displayed fields
+      const isDisplayed = isDisplayedField(fieldItem) &&
+        (fieldItem.isShowedFromUser || isMandatory)
+
+      if (!isDisplayed) {
+        return
+      }
+
+      const value = rootGetters.getValueOfField({
+        containerUuid,
+        columnName
+      })
+
+      if (fieldItem.isRange && isNumberField(fieldItem.displayType)) {
+        const valueTo = rootGetters.getValueOfField({
+          containerUuid,
+          columnName: fieldItem.columnNameTo
+        })
+        if (!isEmptyValue(valueTo)) {
+          processParameters.push({
+            columnName: fieldItem.columnNameTo,
+            value: valueTo
+          })
+        }
+      }
+
+      if (isEmptyValue(value)) {
+        return
+      }
+      processParameters.push({
+        columnName,
+        value
+      })
+    })
+
+    return processParameters
   }
+
 }