通用的评论组件

流程图中可查看当前流程审批人
首页使用配置项中的后端地址
列表字段默认左对齐

src/views/workflow/task/components/flow/ProcessInformation.vue

@@ -1,4 +1,7 @@
 <template>
+    <div style="margin:20px;">
+        当前流程审批人：{{currentTaskAssignee.replaceAll(",","、")}}
+    </div>
   <!--  流程信息 -->
   <div class="flow-record-box">
     <div id="bpmnCanvas" class="canvas" ref="bpmnCanvas"></div>
@@ -18,10 +21,12 @@
     defineProps<{
       xml: string;
       processId: string;
+      currentTaskAssignee: string;
     }>(),
     {
       xml: '',
       processId: '',
+        currentTaskAssignee:'无'
     },
   );
   const bpmnCanvas = ref();

src/views/workflow/task/hooks/userTaskItem.ts

@@ -31,6 +31,7 @@ export default function () {
     hasStampPassword: false,
     submitLoading: false,
     formAssignmentData: null,
+      currentTaskAssignee: '',
   });
   function initProcessData(res: FlowInfo) {
     data.item.id = res.schemaInfo.id;
@@ -44,6 +45,10 @@ export default function () {
     data.hasStamp = false;
     data.hasStampPassword = false;
     data.submitLoading = false;
+      data.currentTaskAssignee = '无';
+      if (res.currentTaskAssigneeNames) {
+          data.currentTaskAssignee = res.currentTaskAssigneeNames;
+      }
     data.xml = '';
     if (res.schemaInfo.xmlContent) {
       data.xml = res.schemaInfo.xmlContent;