1流程設計新增![]() 字段說明
查看點擊行操作右邊的“查看”按鈕 ![]() 一共用兩個tab,可以查看流程圖和流程數據
![]()
![]() 編輯點擊行操作右邊的“編輯”按鈕,可對流程設計的基本信息進行編輯 ![]() 設計點擊行操作右邊的“設計”按鈕,可打開流程設計器進行流程的設計 ![]() ![]() 流程設計器流程設計器主要由三部分組成:拖拽面板、畫布、屬性面板、控制面板。 拖拽面板拖拽面板對應的就是左側菜單,菜單的每一項對應的是流程節點模型,通過點擊拖拽到畫布的方式使用。 ![]() 菜單項說明:
畫布畫布就是所見即所得,有放大縮小、拖拽、移動、連線、編輯節點、編輯邊、右鍵菜單等操作。
屬性面板當鼠標點擊節點、點擊邊或畫布中右鍵時,會打開對應的屬性面板進行屬性編輯,因為不同節點,面板屬性不一樣,這里做個簡單說明。 開始節點![]() 任務節點![]() 自定義任務節點![]() 決策節點![]() 分支節點![]() 合并節點![]() 結束節點![]() 子流程節點![]() 控制面板控制面板對應的是右上角菜單 ![]() 菜單項說明:
表單設計點擊行操作右邊的“…”更多“表單設計”按鈕,可進行表單設計。 ![]() 需要注意的是,只有元數據表單才能進行在線設計,如果是自定義開發的表單,則只是顯示預覽。 自定義開發表單由開發人員使用傳統開發方式開發的表單,會對應某個.vue文件。 ![]() 元數據表單通過配置元數據,生成json,然后解析json去渲染表單。 ![]() 表單屬性用于配置表單的屬性,如標題、布局方式等 ![]() 新增新增表單項 ![]() 排序可通過“上移”“下移”對字段進行排序 ![]() 編輯編輯表單項 ![]() 刪除刪除表單項 ![]() 保存右下解“確定”按鈕,點擊后會提交到后端進行保存 ![]() 部署點擊行操作右邊的“…”更多“部署”按鈕,可部署流程,該操作會生成新的流程定義版本。 ![]() ![]() 重新部署點擊行操作右邊的“…”更多“重新部署”按鈕,可部署流程,該操作會覆蓋最新的流程定義版本。 ![]() ![]() 刪除點擊行操作右邊的“…”更多“刪除”按鈕,可刪除流程設計。 ![]() ![]() 注:刪除流程設計不會影響已部署的流程。 2流程定義流程定義用于存放工作流引擎的流程定義文件數據,本系統中,該流程定義數據是通過流程設計同步過來的,對應的是流程設計的“部署”和“重新部署”操作。 ![]() 字段說明:
查看點擊行操作右邊的“查看”按鈕,這里的查看和流程設計一樣,可以查看流程圖和流程數據
![]()
![]() 發起點擊行操作右邊的“…”更多“發起”按鈕,會彈出發起表單,填寫后提交即可發起流程。 ![]() ![]() 注意:不同的流程,發起的表單會略有不同,可通過流程屬性的”實例啟動表單“字段去控制。 啟用/禁用點擊行操作右邊的“…”更多“啟用”按鈕,可啟用流程定義。 ![]() 點擊行操作右邊的“…”更多“禁用”按鈕,可禁用流程定義。 ![]() 刪除點擊行操作右邊的“…”更多“刪除”按鈕,可刪除流程定義。 ![]() ![]() 3發起申請發起申請列表是對流程定義列表的優化,這里會對流程定義進行分組,且只顯示最新版本的流程定義。 ![]() 點擊圖標或標題,會彈出發起表單,填寫后提交即可發起流程 ![]() 4我發起的發起流程后,點擊“我發起的”菜單項,可看到對應的我發起的列表數據。 ![]() 詳情點擊行操作右邊的“詳情”按鈕,可查看流程詳情,流程詳情由三部分構成:表單、流程圖、審批記錄,分別對應三個tab。 表單表單區域是只讀模式,對應發起審批時的表單 ![]() 流程圖流程圖會存在高亮數據,區分已完成、正在進行、未開始節點。 ![]() 審批記錄審批記錄有兩種呈現方式,時間軸和表格。
![]()
![]() 撤回撤回有兩種方式,但都只能撤回正在進行中的流程
![]() ![]()
![]() ![]() 5我的待辦我的待辦對應的是參與者的任務,當流程執行到對應的節點會產生對應的阻塞任務,該阻塞任務就形成“我的待辦”。 ![]() 辦理點擊行操作右邊的“辦理”按鈕,會彈出審批流程詳情 ![]() 審批流程詳情主要分為兩大區域:流程詳情和操作區域,其中流程詳情包含表單、流程圖、審批記錄三大板塊。 ![]() 表單同“我發起的”->“詳情”->“表單” 流程圖同“我發起的”->“詳情”->“流程圖” 審批記錄同“我發起的”->“詳情”->“審批記錄” 操作區域在詳情底部,增加了操作區域,該操作區域分為兩部門,一部分是填寫區,一部分是提供按鈕。 ![]() 普通任務操作區 ![]() 會簽任務操作區 ![]() 填寫表單字段說明:
普通任務提交按鈕說明:
會簽任務提交按鈕說明:
委托點擊行操作右邊的“委托”按鈕,會彈出選擇代理人操作,選擇后點擊“確定”即委托成功,此時代理人會看到相應的待辦任務。 ![]() ![]() 我的已辦我的已辦對應的是參與者已經完成的任務列表。 ![]() 詳情同“我發起的”->“詳情” 6我的抄送在待辦處理頁中抄送過來的流程,只有查看權限 ![]() 詳情同“我發起的”->“詳情” 7相關源碼后端工程[1] 前端工程[2] 演示地址[3] 賬號密碼:admin/123456 參考資料后端工程: https:///mldong/mldong [2]前端工程: https:///mldong/mldong-vue [3]演示地址: https://flow.
構建高質量的技術交流社群,歡迎從事編程開發、技術招聘HR進群,也歡迎大家分享自己公司的內推信息,相互幫助,一起進步! |
|
來自: 昵稱34195792 > 《待分類》