workflow-editor 0.9.68-dw → 0.9.68

package/packages/workflow-editor/src/workflow-history.vue

@@ -0,0 +1,153 @@
+<template>
+  <div
+    ref="wfEditor"
+    style="position:relative;height:100%;"
+  >
+    <div
+      class="main"
+    >
+      <section>
+        <wf-history-canvas
+          onselectstart="return false"
+          :process="process"
+          :histories="histories"
+          :current-tasks="currentTasks"
+          :all-process-i18n="allProcessI18n"
+          :show-history="true"
+          class="canvas"
+          @contextmenu.native.prevent="showContextMenu"
+        />
+      </section>
+    </div>
+  </div>
+</template>
+<script>
+import './assets/wf-editor-icons.js'
+import { mapGetters, mapMutations } from 'vuex'
+import { removeTextProperty, initializeProcessData, processTemplate } from './util'
+import WfHistoryCanvas from './main/wf-history-canvas'
+import convert from 'xml-js'
+import ApiJs from './api'
+export default {
+  name: 'WorkflowHistory',
+  components: {
+    WfHistoryCanvas
+  },
+  props: {
+    // 实例id
+    id: {
+      type: Number,
+      default: null
+    }
+  },
+  data: function() {
+    return {
+      process: null,
+      histories: [],
+      currentTasks: [],
+      allProcessI18n: null
+    }
+  },
+  computed: {
+    ...mapGetters(
+      'wfEditor', ['componentToDraw', 'taches', 'transitions', 'contextMenuVisible']
+    ),
+    ...mapGetters([
+      'sidebar'
+    ])
+
+  },
+  watch: {
+
+  },
+  created: function() {
+    this.showHistory()
+  },
+  mounted: function() {
+
+  },
+  methods: {
+    ...ApiJs,
+    ...mapMutations('wfEditor', [
+      'setComponentToDraw',
+      'clearCanvas',
+      'setContextMenuVisible',
+      'setProcessI18n'
+    ]),
+    showHistory() {
+      // 打开或新建流程图时先清空画布，开发过程中代码热更新的时候可以避免节点重复
+      this.clearCanvas()
+      if (this.id) {
+        this.$http.get(this.baseAPI + '/wf-editor/i18n-settings/get-bundle-info?workflowId=' + this.id).then(processI18n => {
+          this.allProcessI18n = processI18n
+          const url = this.baseAPI + '/wf-editor/instance-histories/' + this.id
+          this.$http.get(url).then(data => {
+            this.initProcessByXml(data.xml)
+            let mainBundleCode
+            if (data.histories && data.histories.length > 0) {
+              mainBundleCode = data.histories[0].bundleCode
+            }
+            if (!mainBundleCode && data.currentTasks && data.currentTasks.length > 0) {
+              mainBundleCode = data.currentTasks[0].bundleCode
+            }
+            if (mainBundleCode) {
+              this.setProcessI18n(processI18n[mainBundleCode])
+            }
+            this.histories = data.histories
+            this.currentTasks = data.currentTasks
+          })
+        })
+      } else {
+        this.process = processTemplate.newProcess()
+        initializeProcessData(this.process)
+      }
+    },
+    showContextMenu(event) {
+
+    },
+    initProcessByXml(xml) {
+      const options = { nativeType: true, attributesKey: 'attr', compact: true, ignoreComment: true, spaces: 4 }
+      const processObj = convert.xml2js(xml, options)
+      removeTextProperty(processObj.process)
+      this.process = processObj.process
+
+      initializeProcessData(this.process)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.main{
+  position: relative;
+  display:flex;
+  height: 100%;
+  width:100%;
+}
+.canvas-container{
+  position: relative;
+  // display:flex;
+  height: 100%;
+  width:100%;
+}
+
+section{
+  overflow: hidden;
+  width:100%;
+  height:100%;
+  padding: 0;
+  // min-height: 500px;
+}
+.canvas{
+  overflow: auto;
+  height:100%;
+  // border:1px solid red;
+  // background: #ffffff;
+  padding: 0;
+  min-height: 500px;
+
+}
+.canvas /deep/ .draggable{
+    cursor: default;
+}
+</style>
+

package/src/i18n/i18n.js

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import locale from '@gcommon/gcommon-ui/lib/locale'
+import locale from 'element-ui/lib/locale'
 import VueI18n from 'vue-i18n'
 import en from './langs/en'
 import cn from './langs/cn'

package/src/i18n/langs/cn.js

@@ -29,7 +29,8 @@ const cn = {
     i18nZh: '中文',
     i18nEn: '英文',
     i18nKey: '国际化key',
-    subprocessTitle: '子流程流转历史'
+    subprocessTitle: '子流程流转历史',
+    custom: '自定义'
   },
   workflowEditorMessage: {
     requiredAndMustBeADate: '必填且必须为日期',
@@ -37,6 +38,7 @@ const cn = {
     requiredAndMustBeDecimal: '必填且必须为小数',
     mustFill: '必填',
     recordLine: '第{row}行记录',
+    pageRecordLine: '第{pageNum}页第{row}行记录',
     currentHandlingPersonnel: '当前办理人员',
     pleaseSelect: '请选择',
     pleaseSelectARow: '请选中一行',
@@ -136,20 +138,23 @@ const cn = {
       formField: '表单字段',
       variableName: '变量名',
       variableValue: '变量值',
-      selectField: '选择字段'
+      selectField: '选择字段',
+      taskNotice: '待办通知',
+      reminderNotice: '催办通知',
+      customMsg: '自定义消息内容'
     },
     // 流程属性
     process: {
-      processInitiator: '流程发起人',
-      processInitiatorRole: '流程发起人角色',
-      processInitiatorDepartment: '流程发起人部门',
-      processInitiatorSuperiorDepartment: '流程发起人上级部门',
-      processInitiatorTopDepartment: '流程发起人顶级部门',
-      processInitiatorWorkingGroup: '流程发起人工作组',
-      nameOfTheDirectSuperiorOfTheProcessInitiator: '流程发起人直属上级姓名',
-      processInitiatorsDirectSuperiorDepartment: '流程发起人直属上级部门',
-      directSuperiorRoleOfProcessInitiator: '流程发起人直属上级角色',
-      ProcessInitiatorsImmediateSuperiorWorkingGroup: '流程发起人直属上级工作组',
+      processInitiator: '起草人',
+      processInitiatorRole: '起草人角色',
+      processInitiatorDepartment: '起草人部门',
+      processInitiatorSuperiorDepartment: '起草人上级部门',
+      processInitiatorTopDepartment: '起草人顶级部门',
+      processInitiatorWorkingGroup: '起草人工作组',
+      nameOfTheDirectSuperiorOfTheProcessInitiator: '起草人直属上级姓名',
+      processInitiatorsDirectSuperiorDepartment: '起草人直属上级部门',
+      directSuperiorRoleOfProcessInitiator: '起草人直属上级角色',
+      ProcessInitiatorsImmediateSuperiorWorkingGroup: '起草人直属上级工作组',
       nameOfCurrentHandler: '当前办理人姓名',
       currentHandlerRole: '当前办理人角色',
       currentHandlerDepartment: '当前办理人部门',
@@ -220,9 +225,11 @@ const cn = {
       personSpecifiedInFormField: '表单字段中指定的人员',
       filterByCriteria: '按条件筛选',
       additionalConditions: '附加条件',
-      handlingYyThePersonnelOfTheDepartmentOfTheInitiator: '发起人所在部门人员办理',
-      personnelOfTheDepartmentWhereTheInitiatorWorksParticipateInTheHandling: '发起人所在部门人员参与办理',
+      handlingYyThePersonnelOfTheDepartmentOfTheInitiator: '起草人所在部门人员办理',
+      personnelOfTheDepartmentWhereTheInitiatorWorksParticipateInTheHandling: '起草人所在部门人员参与办理',
       selectSpecificHandler: '选择具体办理人',
+      selectOneFromDept: '同一部门仅需一人办理',
+      generateOneInstanceFromDept: '同一部门生成一个实例',
       selectionMethod: '选择方式',
       manualSelection: '人工选择',
       autoSelect: '自动选择',
@@ -288,18 +295,18 @@ const cn = {
       permissionSettings: '权限设置',
       notificationSettings: '通知设置',
       sendNotificationAfterProcessEnds: '流程结束后发送通知',
-      reminderSettings: '催办设置',
+      reminderSettings: '通知与催办',
       parameterSsetting: '参数设置',
       event: '事件',
       processVariables: '流程变量',
       propertiesOfSubprocesses: '子流程的属性',
       settingOfHandler: '办理人设置',
       eventProcessing: '事件处理',
-      sponsorsImmediateSuperior: '发起人直属上级',
-      sponsorsSuperiorDepartment: '发起人上级部门',
-      sponsorTopDepartment: '发起人顶级部门',
-      superiorDepartmentDirectlyUnderTheInitiator: '发起人直属上级部门',
-      sponsorsImmediateSuperiorWorkingGroup: '发起人直属上级工作组',
+      sponsorsImmediateSuperior: '起草人部门负责人',// 发起人直属上级
+      sponsorsSuperiorDepartment: '起草人上级部门',
+      sponsorTopDepartment: '起草人顶级部门',
+      superiorDepartmentDirectlyUnderTheInitiator: '起草人直属上级部门',
+      sponsorsImmediateSuperiorWorkingGroup: '起草人直属上级工作组',
       lastLinkHandlerDepartment: '上一环节办理人部门',
       previousLinkHandlerSuperiorDepartment: '上一环节办理人上级部门',
       topDepartmentOfHandlerInThePreviousLink: '上一环节办理人顶级部门',
@@ -311,7 +318,15 @@ const cn = {
       getSubprocessEntityBeanInfo: '该bean需要实现接口tech.imatrix.wf.core.OnStartingSubProcess',
       isNull: '等于Null',
       isNotNull: '不等于Null',
-      defaultMailTemplate: '默认邮件模板'
+      defaultMailTemplate: '默认邮件模板',
+      trustTask: '委托任务',
+      subprocessIsSharedForm: '主子流程共用表单',
+      generateForParttimeDept: '为兼职部门人员生成任务',
+      deptSpecifiedInFormField: '表单字段中指定的部门',
+      activateOneVoteVeto: '一票否决',
+      deptApprover: '起草人部门授权审批人',
+      superiorDeptApprover: '起草人上级部门授权审批人',
+      superiorDeptLeader: '起草人上级部门负责人'
     },
     // 环节属性
     task: {
@@ -408,7 +423,7 @@ const cn = {
       attributesOfManualJudgment: '人工判断的属性',
       linkAttribute: '环节属性',
       autoFillInFieldSettings: '自动填写字段设置',
-      reminderSettings: '催办设置',
+      reminderSettings: '通知与催办',
       eventProcessing: '事件处理',
       linkVariable: '环节变量',
       convergedProperties: '汇聚的属性',
@@ -416,8 +431,12 @@ const cn = {
       conditionJudgment: '条件判断',
       cCtask: '抄送任务',
       canItBeRejected: '是否可驳回',
-      selectMailTemplate: '选择邮件模板',
-      selectTemplate: '选择模板'
+      selectMailTemplate: '选择通知模板',
+      selectTemplate: '选择模板',
+      autoTask: '自动任务',
+      newAutoTask: '新自动任务',
+      propertiesOfAutoTask: '自动任务的属性',
+      custombeanName: '自定义bean'
     },
     // 流向属性
     transition: {

package/src/i18n/langs/en.js

@@ -29,7 +29,8 @@ const en = {
     i18nZh: 'Chinese',
     i18nEn: 'English',
     i18nKey: 'I18n Key',
-    subprocessTitle: 'Subprocess History'
+    subprocessTitle: 'Subprocess History',
+    custom: 'Custom'
   },
   workflowEditorMessage: {
     requiredAndMustBeADate: 'Required And Must Be A Date',
@@ -37,6 +38,7 @@ const en = {
     requiredAndMustBeDecimal: 'Required And Must Be Decimal',
     mustFill: 'Must Fill',
     recordLine: 'Record Line {row}',
+    pageRecordLine: 'Record in row {row} of page {pageNum}',
     currentHandlingPersonnel: 'Current Handling Personnel',
     pleaseSelect: 'Please Select',
     pleaseSelectARow: 'Please Select A Row',
@@ -136,7 +138,10 @@ const en = {
       formField: 'Form Field',
       variableName: 'Variable Name',
       variableValue: 'Variable Value',
-      selectField: 'Select Field'
+      selectField: 'Select Field',
+      taskNotice: 'Task Notice',
+      reminderNotice: 'Reminder Notice',
+      customMsg: 'Custom Notice Message'
     },
     // 流程属性
     process: {
@@ -223,6 +228,8 @@ const en = {
       handlingYyThePersonnelOfTheDepartmentOfTheInitiator: 'Handling By The Personnel Of The Department Of The Initiator',
       personnelOfTheDepartmentWhereTheInitiatorWorksParticipateInTheHandling: 'Personnel Of The Department Where The Initiator Works Participate In The Handling',
       selectSpecificHandler: 'Select Specific Handler',
+      selectOneFromDept: 'Only one person is required to handle the same department',
+      generateOneInstanceFromDept: 'Generate an instance from the same department',
       selectionMethod: 'Selection Method',
       manualSelection: 'Manual Selection',
       autoSelect: 'Auto Select',
@@ -288,7 +295,7 @@ const en = {
       permissionSettings: 'Permission Settings',
       notificationSettings: 'Notification Settings',
       sendNotificationAfterProcessEnds: 'Send Notification After Process Ends',
-      reminderSettings: 'Reminder Settings',
+      reminderSettings: 'Notice And Reminder Settings',
       parameterSsetting: 'Parameter Setting',
       event: 'Event',
       processVariables: 'Process Variables',
@@ -311,7 +318,12 @@ const en = {
       getSubprocessEntityBeanInfo: 'The bean needs to implement the interface "tech.imatrix.wf.core.OnStartingSubProcess"',
       isNull: 'Is Null',
       isNotNull: 'Is Not Null',
-      defaultMailTemplate: 'Default Mail Template'
+      defaultMailTemplate: 'Default Mail Template',
+      trustTask: 'Trust Task',
+      subprocessIsSharedForm: 'Main process and subprocess shared form',
+      generateForParttimeDept: 'Generate tasks for part-time department personnel',
+      deptSpecifiedInFormField: 'Dept Specified In Form Field',
+      activateOneVoteVeto: 'Activate one vote veto'
     },
     // 环节属性
     task: {
@@ -408,7 +420,7 @@ const en = {
       attributesOfManualJudgment: 'Attributes of manual Judgment',
       linkAttribute: 'Link Attribute',
       autoFillInFieldSettings: 'Auto Fill In Field Settings',
-      reminderSettings: 'Reminder Settings',
+      reminderSettings: 'Notice And Reminder Settings',
       eventProcessing: 'Event Processing',
       linkVariable: 'Link Variable',
       convergedProperties: 'Converged Properties',
@@ -416,8 +428,12 @@ const en = {
       conditionJudgment: 'Condition Judgment',
       cCtask: 'CC Task',
       canItBeRejected: 'Can It Be Rejected',
-      selectMailTemplate: 'Select Mail Template',
-      selectTemplate: 'Select Template'
+      selectMailTemplate: 'Select Notice Template',
+      selectTemplate: 'Select Template',
+      autoTask: 'Auto Task',
+      newAutoTask: 'New Auto Task',
+      propertiesOfAutoTask: 'Properties Of Auto Task',
+      custombeanName: 'Custom Bean Name'
     },
     // 流向属性
     transition: {