Create a global method for document status tags (#305)

Nice it

src/components/ADempiere/DataTable/index.vue

@@ -618,52 +618,6 @@ export default {
       }
       return field.name
     },
-    /**
-     * add a tab depending on the status of the document
-     * @param {string} tag, document status key
-     */
-    tagStatus(tag) {
-      let type
-      switch (tag) {
-        case 'VO':
-          type = 'danger'
-          break
-        case 'AP':
-          type = 'success'
-          break
-        case 'DR':
-          type = 'info'
-          break
-        case 'CL':
-          type = 'primary'
-          break
-        case 'CO':
-          type = 'success'
-          break
-        case '??':
-          type = 'info'
-          break
-        case 'IP':
-          type = 'warning'
-          break
-        case 'WC':
-          type = 'warning'
-          break
-        case 'WP':
-          type = 'warning'
-          break
-        case 'NA':
-          type = 'danger'
-          break
-        case 'IN':
-          type = 'danger'
-          break
-        case 'RE':
-          type = 'danger'
-          break
-      }
-      return type
-    },
     /**
      * @param {object} row, row data
      * @param {object} field, field with attributes

src/store/modules/ADempiere/containerInfo.js

@@ -97,8 +97,7 @@ const containerInfo = {
         .then(response => {
           var listRecord = {
             recordCount: response.recordCount,
-            recorLogs: response.recordLogsList,
+            recorLogs: response.recordLogsList
-            epale: true
           }
           commit('addListRecordLogs', listRecord)
         })

src/utils/ADempiere/globalMethods.js

@@ -1,5 +1,6 @@
 
 export {
   isEmptyValue,
-  zeroPad
+  zeroPad,
+  tagStatus
 } from '@/utils/ADempiere/valueUtils.js'

src/utils/ADempiere/valueUtils.js

@@ -364,3 +364,49 @@ export function parsedValueComponent({ fieldType, value, referenceType, isMandat
   }
   return returnValue
 }
+/**
+ * add a tab depending on the status of the document
+ * @param {string} tag, document status key
+ */
+export function tagStatus(tag) {
+  let type
+  switch (tag) {
+    case 'VO':
+      type = 'danger'
+      break
+    case 'AP':
+      type = 'success'
+      break
+    case 'DR':
+      type = 'info'
+      break
+    case 'CL':
+      type = 'primary'
+      break
+    case 'CO':
+      type = 'success'
+      break
+    case '??':
+      type = 'info'
+      break
+    case 'IP':
+      type = 'warning'
+      break
+    case 'WC':
+      type = 'warning'
+      break
+    case 'WP':
+      type = 'warning'
+      break
+    case 'NA':
+      type = 'danger'
+      break
+    case 'IN':
+      type = 'danger'
+      break
+    case 'RE':
+      type = 'danger'
+      break
+  }
+  return type
+}

src/views/ADempiere/Window/index.vue

@@ -228,7 +228,8 @@
                                   <el-collapse-transition>
                                     <div v-show="(currentKey === key)">
                                       <span v-for="(list, index) in listLogs.changeLogs" :key="index">
-                                        <p><b> {{ list.displayColumnName }} :</b> <strike> <el-link type="danger"> {{ list.oldDisplayValue }} </el-link> </strike> <el-link type="success"> {{ list.newDisplayValue }} </el-link> </p>
+                                        <p v-if="list.columnName === 'DocStatus'"><b> {{ list.displayColumnName }} :</b> <strike> <el-tag :type="tagStatus(list.oldValue)"> {{ list.oldDisplayValue }} </el-tag> </strike> <el-tag :type="tagStatus(list.newValue)"> {{ list.newDisplayValue }} </el-tag> </p>
+                                        <p v-else><b> {{ list.displayColumnName }} :</b> <strike> <el-link type="danger"> {{ list.oldDisplayValue }} </el-link> </strike> <el-link type="success"> {{ list.newDisplayValue }} </el-link> </p>
                                       </span>
                                     </div>
                                   </el-collapse-transition>