!4 同步develop分支

* fix -- 修改获取流程节点信息接口（供前端渲染流程跟踪图着色使用）
* fix -- 修复流程跟踪着色问题
* fix -- 采用ProcessViewer组件显示流程跟踪信息
* fix -- 整合表单设计代码
* fix -- 简易实现用户任务选择用户下拉框内容
* fix -- 修改项目介绍及sql文件
* del -- 移除未使用的文件
* fix -- 修复组件无法显示和修改的问题
* add -- 整合 Rtony/RuoYi-flowable 工作流
* add -- 添加process-designer流程设计插件
* !3 同步ruoyi-vue-plus更新
* !2 登录认证用户信息添加nickName字段（流程任务需要使用到）

ruoyi-ui/src/views/workflow/definition/designer.vue

@@ -0,0 +1,80 @@
+<template>
+  <div>
+    <process-designer :key="`designer-${loadIndex}`" :flowEntryInfo="formFlowEntryData" @save="onSaveFlowEntry" />
+  </div>
+</template>
+
+<script>
+import {readXml, roleList, saveXml, userList} from "@/api/workflow/definition";
+import ProcessDesigner from '@/components/ProcessDesigner';
+
+export default {
+  name: 'index',
+  components: { ProcessDesigner },
+  data () {
+    return {
+      loadIndex: 0,
+      formFlowEntryData: {
+        entryId: undefined,
+        processDefinitionName: undefined,
+        processDefinitionKey: undefined,
+        categoryId: undefined,
+        bindFormType: [
+          {
+            id: 0,
+            name: '动态表单',
+            symbol: 'ONLINE_FORM'
+          },
+          {
+            id: 1,
+            name: '路由表单',
+            symbol: 'ROUTER_FORM'
+          }
+        ],
+        pageId: undefined,
+        defaultFormId: undefined,
+        defaultRouterName: undefined,
+        bpmnXml: undefined
+      },
+    }
+  },
+  created() {
+    const deployId = this.$route.query && this.$route.query.deployId;
+    //  查询流程xml
+    if (deployId) {
+      this.getModelDetail(deployId);
+    }
+    this.getDicts("sys_process_category").then(res => {
+      this.categorys = res.data;
+    });
+  },
+  methods: {
+    /** xml 文件 */
+    getModelDetail(deployId) {
+      // 发送请求，获取xml
+      readXml(deployId).then(res =>{
+        this.formFlowEntryData.bpmnXml = res.data;
+        this.loadIndex = deployId;
+      })
+    },
+    onSaveFlowEntry ({ saveData, modeler }) {
+      this.formFlowEntryData.bpmnXml = saveData;
+      // TODO 2022/01/05 改进获取流程名称的方式
+      const process = modeler.get('elementRegistry').find(el => el.type === 'bpmn:Process');
+      saveXml({
+        name: process.businessObject.name,
+        category: this.formFlowEntryData.categoryId,
+        xml: this.formFlowEntryData.bpmnXml
+      }).then(res => {
+        this.$message(res.msg)
+        // 关闭当前标签页并返回上个页面
+        this.$store.dispatch("tagsView/delView", this.$route);
+        this.$router.go(-1)
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+</style>