Fix: duplicate options in command bar and processes (PanJiaChen#2016)

Author: elsiosanchez

src/components/ADempiere/TabManager/convenienceButtons/PrintProcess.vue

@@ -0,0 +1,88 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A. www.erpya.com
+Contributor(s): Edwin Betancourt EdwinBetanc0urt@outlook.com https://github.com/EdwinBetanc0urt
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-button
+    v-if="!isEmptyValue(process) && isDocument"
+    plain
+    type="info"
+    size="small"
+    style="margin-left: 5px;padding-top: 1px;padding-right: 5px;padding-bottom: 8px;padding-left: 5px;"
+    @click="printProcess()"
+  >
+    <svg-icon
+      style="font-size: 21px;"
+      icon-class="print"
+    />
+  </el-button>
+</template>
+
+<script>
+import { defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+
+export default defineComponent({
+  name: 'PrintProcess',
+
+  props: {
+    parentUuid: {
+      type: [String, Number],
+      required: false
+    },
+    containerManager: {
+      type: Object,
+      required: true
+    },
+    tabAttributes: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+
+  setup(props) {
+    /**
+     * Const
+     */
+    const containerUuid = props.tabAttributes.uuid
+    const { process } = props.tabAttributes
+    const { isDocument } = props.tabAttributes
+    /**
+     * Methods
+     */
+
+    function printProcess() {
+      const { uuid } = process
+      store.commit('setSelectProcessWindows', uuid)
+
+      store.commit('setShowedModalDialog', {
+        parentUuid: containerUuid,
+        containerUuid: uuid,
+        isShowed: true
+      })
+    }
+    return {
+      // Const
+      process,
+      isDocument,
+      // Methods
+      printProcess
+    }
+  }
+})
+</script>

src/components/ADempiere/TabManager/convenienceButtons/index.vue

@@ -57,6 +57,13 @@
         :container-manager="containerManager"
         style="float: right;"
       />
+      <print-process
+        v-if="!isMobile"
+        :parent-uuid="parentUuid"
+        :container-uuid="tabAttributes.uuid"
+        :tab-attributes="tabAttributes"
+        :container-manager="containerManager"
+      />
 
     </div>
   </span>
@@ -84,6 +91,7 @@ import UndoChangeButton from '@/components/ADempiere/TabManager/convenienceButto
 import RefreshRecordButton from '@/components/ADempiere/TabManager/convenienceButtons/RefreshRecordButton.vue'
 import DeleteRecordButton from '@/components/ADempiere/TabManager/convenienceButtons/DeleteRecordButton.vue'
 import OptionsSecuence from '@/components/ADempiere/TabManager/convenienceButtons/OptionsSecuence.vue'
+import PrintProcess from '@/components/ADempiere/TabManager/convenienceButtons/PrintProcess.vue'
 export default defineComponent({
   name: 'ConvenienceButtons',
 
@@ -94,6 +102,7 @@ export default defineComponent({
     SaveRecordButton,
     UndoChangeButton,
     RefreshRecordButton,
+    PrintProcess,
     DeleteRecordButton,
     OptionsSecuence
   },