【update】工作中心-流程中心-流程监控 增加菜单

src/views/workCenter/processCenter/ProcessCenter.vue

@@ -2,7 +2,7 @@
   <a-card :bordered="false">
     <a-tabs default-active-key="1" v-model="activeTab">
       <template v-for="tab in tabList">
-        <a-tab-pane :key="tab.component">
+        <a-tab-pane :key="tab.component" v-if="!tab.permission || isHasPermission(tab.permission)">
           <template v-slot:tab>
             <div>
               {{ tab.label }}
@@ -25,6 +25,8 @@
 
 <script>
 
+import { isHasPermission } from '@/utils/hasPermission'
+
 export default {
   name: 'ProcessCenter',
   data () {
@@ -46,7 +48,8 @@ export default {
         },
         { // 监控流程
           component: 'MonitorList',
-          label: this.$t('workCenter.processCenter.monitorProcess')
+          label: this.$t('workCenter.processCenter.monitorProcess'),
+          permission: 'workCenter.processCenter.monitorProcess'
         },
         { // 草稿
           component: 'DraftList',
@@ -83,6 +86,9 @@ export default {
       }
     }
   },
+  methods: {
+    isHasPermission
+  },
   created () {
     // 获取第一个tab
     this.activeTab = 'TodoList'