添加动态工作流导航视图计数器

@CONTROL/视图布局面板/实体工作流动态导航表格视图/VIEW.less.ftl

@@ -15,6 +15,7 @@
             -webkit-box-direction: normal;
             -ms-flex-direction: column;
             flex-direction: column;
+            padding-left: 12px;
         }
     }
 }
@@ -27,10 +28,6 @@
         border-left: solid transparent;
 
     }
-    .el-tree-node__label {
-        font-size: 15px;
-        font-family: "Microsoft YaHei";
-    }
     .el-tree-node {
         margin-top: 10px;
     }
@@ -38,7 +35,16 @@
         margin-top: 0px;
     }
     .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
-        background-color: #f0f7ff;
+        background-color: #e4ecf5;
         border-color:  #1890ff6e;
     }
+    .custom-tree-node{
+        .tree-node-label{
+            font-size: 15px;
+            font-family: "Microsoft YaHei";
+        }
+        .tree-node-count{
+            margin-left: 4px;
+        }
+    }
 }
\ No newline at end of file

@CONTROL/视图布局面板/实体工作流动态导航表格视图/VIEW.vue.ftl

@@ -6,7 +6,12 @@
     </#ibizinclude>
     <split id="${view.getCodeName()?lower_case}" v-model="split" mode="horizontal">
         <div slot='left'>
-            <el-tree ref="tree" :data="wfStepModel" node-key="userTaskId" :highlight-current="true" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+            <el-tree ref="tree" :data="wfStepModel" node-key="userTaskId" :highlight-current="true" :props="defaultProps" @node-click="handleNodeClick">
+                 <span class="custom-tree-node" slot-scope="{ node, data }">
+                   <span class="tree-node-label">{{data.userTaskName}}</span>
+                   <span class="tree-node-count"><badge :count="data.cnt"></badge></span>
+                </span>
+            </el-tree>
         </div>
         <div slot="right">
             <div class="content-container">

@VIEW/实体工作流动态导航表格视图/VIEW-BASE.vue.ftl

@@ -61,7 +61,14 @@
                 if (response && response.status === 200) {
                     this.wfStepModel = response.data;
                     if(this.wfStepModel && this.wfStepModel.length > 0){
-                        this.curSelectedNode = this.wfStepModel[0];
+                        if(!this.curSelectedNode){
+                            this.curSelectedNode = this.wfStepModel[0];
+                        }else{
+                            let tempCopySelectedNode:any = Util.deepCopy(this.curSelectedNode);
+                            this.curSelectedNode = this.wfStepModel.find((item:any) =>{
+                                return item.userTaskId === tempCopySelectedNode.userTaskId && item.processDefinitionKey === tempCopySelectedNode.processDefinitionKey;
+                            })
+                        }
                     }
                     Object.assign(this.viewparams,{'userTaskId':this.curSelectedNode['userTaskId'],'processDefinitionKey':this.curSelectedNode['processDefinitionKey']});
                     this.setTreeNodeHighLight(this.curSelectedNode);