久久精品精选,精品九九视频,www久久只有这里有精品,亚洲熟女乱色综合一区
    分享

    開源啦!!!SpringBoot Vue3 自研工作流引擎管理系統,有點顏值!

     昵稱34195792 2024-01-10 發布于重慶

    1流程設計

    新增

    圖片

    字段說明

    • 顯示名稱,流程顯示的名稱,相當于中文標題

    • 唯一編碼,流程編碼的唯一編碼,通過該編碼一流程定義的name相匹配

    • 流程分類,假期管理、人事管理、智能財務、法務管理、行政管理、業務管理、其他等,可通過數據字典的流程分類進行配置。

    • 圖標,系統圖標,可通過下拉選擇獲取

    • 備注

    查看

    點擊行操作右邊的“查看”按鈕

    圖片

    一共用兩個tab,可以查看流程圖和流程數據

    • 流程圖
    圖片
    • 流程數據
    圖片

    編輯

    點擊行操作右邊的“編輯”按鈕,可對流程設計的基本信息進行編輯

    圖片

    設計

    點擊行操作右邊的“設計”按鈕,可打開流程設計器進行流程的設計

    圖片
    圖片

    流程設計器

    流程設計器主要由三部分組成:拖拽面板、畫布、屬性面板、控制面板。

    拖拽面板

    拖拽面板對應的就是左側菜單,菜單的每一項對應的是流程節點模型,通過點擊拖拽到畫布的方式使用。

    圖片

    菜單項說明:

    • 開始節點,對應流程的開始節點模型StartModel

    • 用戶任務,對應流程的任務節點模型TaskModel

    • 自定義任務,對應流程的自定義節點模型CustomModel

    • 條件判斷,對應流程的決策節點模型DecisionModel

    • 分支,對應流程的分支節點模型ForkModel

    • 合并,對應流程的合并節點模型JoinModel

    • 結束節點,對應流程的結束節點模型EndModel

    • snaker子流程,對應流程的子流程模型SubProcessModel,該子流程是獨立定義的方式

    • 子流程,對應流程的子流程模型SubProcessModel,該子流程定義是包含在父流程的定義中

    畫布

    畫布就是所見即所得,有放大縮小、拖拽、移動、連線、編輯節點、編輯邊、右鍵菜單等操作。

    • 放大縮小,可通過ctrl+鼠標滾輪進行放大縮小

    • 拖拽,可點擊畫布節點拖拽

    • 移動,可通過鼠標滾輪或點擊畫布移動鼠標移動畫布

    • 連線,兩節點可通過拖拽方式連線

    • 編輯節點,可打開節點屬性面板進行節點的屬性編輯

    • 編輯邊,可打開邊屬性面板進行邊的屬性編輯

    • 右鍵菜單,畫布中右鍵,打開流程屬性面板編輯流程屬性,節點或邊中右鍵,主要是刪除節點和邊。

    屬性面板

    當鼠標點擊節點、點擊邊或畫布中右鍵時,會打開對應的屬性面板進行屬性編輯,因為不同節點,面板屬性不一樣,這里做個簡單說明。

    開始節點

    圖片

    任務節點

    圖片

    自定義任務節點

    圖片

    決策節點

    圖片

    分支節點

    圖片

    合并節點

    圖片

    結束節點

    圖片

    子流程節點

    圖片

    控制面板

    控制面板對應的是右上角菜單

    圖片

    菜單項說明:

    • 縮小,可對畫布進行縮小操作

    • 放大,可對畫布進行放大操作

    • 適應,可對畫布進行自適應操作

    • 上一步,可返回畫布上一步

    • 下一步,返回畫布后再回退

    • 清空,清空畫布內容

    • 查看,查看流程數據,一共兩個tab,分別查看json和xml數據,其中json為logicflow的數據結構,xml為snakerflow工作流引擎的流程定義文件的數據結構。

    • 導入,可導入json/xml流程數據,生成流程

    • 設置高亮,可導入高亮數據,設置流程圖高亮

    • 保存,點擊保存后,數據會同步到后端

    表單設計

    點擊行操作右邊的“…”更多“表單設計”按鈕,可進行表單設計。

    圖片

    需要注意的是,只有元數據表單才能進行在線設計,如果是自定義開發的表單,則只是顯示預覽。

    自定義開發表單

    由開發人員使用傳統開發方式開發的表單,會對應某個.vue文件。

    圖片

    元數據表單

    通過配置元數據,生成json,然后解析json去渲染表單。

    圖片
    表單屬性

    用于配置表單的屬性,如標題、布局方式等

    圖片
    新增

    新增表單項

    圖片
    排序

    可通過“上移”“下移”對字段進行排序

    圖片
    編輯

    編輯表單項

    圖片
    刪除

    刪除表單項

    圖片
    保存

    右下解“確定”按鈕,點擊后會提交到后端進行保存

    圖片

    部署

    點擊行操作右邊的“…”更多“部署”按鈕,可部署流程,該操作會生成新的流程定義版本。

    圖片
    圖片

    重新部署

    點擊行操作右邊的“…”更多“重新部署”按鈕,可部署流程,該操作會覆蓋最新的流程定義版本。

    圖片
    圖片

    刪除

    點擊行操作右邊的“…”更多“刪除”按鈕,可刪除流程設計。

    圖片
    圖片

    注:刪除流程設計不會影響已部署的流程。

    2流程定義

    流程定義用于存放工作流引擎的流程定義文件數據,本系統中,該流程定義數據是通過流程設計同步過來的,對應的是流程設計的“部署”和“重新部署”操作。

    圖片

    字段說明:

    • 顯示名稱

    • 唯一編碼

    • 流程分類

    • 版本號,當為”部署“操作時,版本會自增1,當為”重新部署“時,版本號不變。

    • 狀態,啟用和禁用,禁用后不允許發起流程。

    查看

    點擊行操作右邊的“查看”按鈕,這里的查看和流程設計一樣,可以查看流程圖和流程數據

    • 流程圖
    圖片
    • 流程圖
    圖片

    發起

    點擊行操作右邊的“…”更多“發起”按鈕,會彈出發起表單,填寫后提交即可發起流程。

    圖片
    圖片

    注意:不同的流程,發起的表單會略有不同,可通過流程屬性的”實例啟動表單“字段去控制。

    啟用/禁用

    點擊行操作右邊的“…”更多“啟用”按鈕,可啟用流程定義。

    圖片

    點擊行操作右邊的“…”更多“禁用”按鈕,可禁用流程定義。

    圖片

    刪除

    點擊行操作右邊的“…”更多“刪除”按鈕,可刪除流程定義。

    圖片
    圖片

    3發起申請

    發起申請列表是對流程定義列表的優化,這里會對流程定義進行分組,且只顯示最新版本的流程定義。

    圖片

    點擊圖標或標題,會彈出發起表單,填寫后提交即可發起流程

    圖片

    4我發起的

    發起流程后,點擊“我發起的”菜單項,可看到對應的我發起的列表數據。

    圖片

    詳情

    點擊行操作右邊的“詳情”按鈕,可查看流程詳情,流程詳情由三部分構成:表單、流程圖、審批記錄,分別對應三個tab。

    表單

    表單區域是只讀模式,對應發起審批時的表單

    圖片

    流程圖

    流程圖會存在高亮數據,區分已完成、正在進行、未開始節點。

    圖片

    審批記錄

    審批記錄有兩種呈現方式,時間軸和表格。

    • 時間軸
    圖片
    • 表格
    圖片

    撤回

    撤回有兩種方式,但都只能撤回正在進行中的流程

    • 點擊行操作右邊的“…”更多“撤回”按鈕,可撤回流程。
    圖片
    圖片
    • 勾選左邊復選框,也可進行“撤回”操作
    圖片
    圖片

    5我的待辦

    我的待辦對應的是參與者的任務,當流程執行到對應的節點會產生對應的阻塞任務,該阻塞任務就形成“我的待辦”。

    圖片

    辦理

    點擊行操作右邊的“辦理”按鈕,會彈出審批流程詳情

    圖片

    審批流程詳情主要分為兩大區域:流程詳情和操作區域,其中流程詳情包含表單、流程圖、審批記錄三大板塊。

    圖片

    表單

    同“我發起的”->“詳情”->“表單”

    流程圖

    同“我發起的”->“詳情”->“流程圖”

    審批記錄

    同“我發起的”->“詳情”->“審批記錄”

    操作區域

    在詳情底部,增加了操作區域,該操作區域分為兩部門,一部分是填寫區,一部分是提供按鈕。

    圖片

    普通任務操作區

    圖片

    會簽任務操作區

    圖片

    填寫表單字段說明:

    • 審批意見,必填項

    • 上傳附件

    • 指定下一節點處理人(勾選時會出現選人操作),注:會簽任務無該操作

    • 是否抄送(勾選時會出現選人操作)

    普通任務提交按鈕說明:

    • 同意,提交類型為同意,會驅動流程往下一個節點進行

    • 拒絕,提交類型為拒絕,會將流程跳轉到結束節點,驅動流程結束

    • 退回上一步,提交類型為退回上一步,會跳轉到上一個節點

    • 退回發起人,提交類型為退回發起人,會跳轉到發起人節點

    • 跳轉,提交類型為跳轉,可跳轉到已完成的歷史節點(彈窗選擇)

    會簽任務提交按鈕說明:

    • 同意,提交類型為同意,表示會簽操作為“同意”

    • 不同意,提交類型為不同意,表示會簽操作為“不同意”

    • 加簽,增加會簽參與人,該操作不會驅動流程向前行進

    委托

    點擊行操作右邊的“委托”按鈕,會彈出選擇代理人操作,選擇后點擊“確定”即委托成功,此時代理人會看到相應的待辦任務。

    圖片
    圖片

    我的已辦

    我的已辦對應的是參與者已經完成的任務列表。

    圖片

    詳情

    同“我發起的”->“詳情”

    6我的抄送

    在待辦處理頁中抄送過來的流程,只有查看權限

    圖片

    詳情

    同“我發起的”->“詳情”

    7相關源碼

    后端工程[1]

    前端工程[2]

    演示地址[3]

    賬號密碼:admin/123456

    參考資料

    [1]

    后端工程: https:///mldong/mldong

    [2]

    前端工程: https:///mldong/mldong-vue

    [3]

    演示地址: https://flow.

    感謝閱讀,希望對你有所幫助 :)   來源:

    juejin.cn/post/7313242093031276554

    后端專屬技術群

    構建高質量的技術交流社群,歡迎從事編程開發、技術招聘HR進群,也歡迎大家分享自己公司的內推信息,相互幫助,一起進步!

      本站是提供個人知識管理的網絡存儲空間,所有內容均由用戶發布,不代表本站觀點。請注意甄別內容中的聯系方式、誘導購買等信息,謹防詐騙。如發現有害或侵權內容,請點擊一鍵舉報。
      轉藏 分享 獻花(0

      0條評論

      發表

      請遵守用戶 評論公約

      類似文章 更多

      主站蜘蛛池模板: 在线国产精品中文字幕| 国产精品久久无码不卡黑寡妇| 国产AV无码专区亚洲AWWW| 日本阿v片在线播放免费| 无码国模国产在线观看免费| 精品久久香蕉国产线看观看亚洲| 国产精品午夜福利91| 免费播放一区二区三区| 国产老妇伦国产熟女老妇高清| 国产成人综合95精品视频 | 好湿好爽好疼免费视频| 少妇AV一区二区三区无码| 偷拍精品一区二区三区| 亚洲国产精品自产在线播放| 亚洲精品日韩精品久久| 我的公强要了我高潮在线观看| 成人一区二区不卡国产| 亚洲综合色婷婷在线观看| 亚洲欧美高清在线精品一区二区| 精品久久久久久中文字幕大豆网 | 欧美人与禽2o2o性论交| 丰满人妻被黑人连续中出| 亚洲综合精品第一页| 又湿又紧又大又爽A视频| 亚洲欧美自偷自拍视频图片| 国产精品久久毛片| 一本之道高清乱码少妇 | 漂亮人妻中文字幕丝袜| 精品国产成人A区在线观看 | 无码人妻一区二区三区兔费| 国产偷国产偷亚洲清高| 亚洲高清最新AV网站| 成人免费A级毛片无码片2022| 中文成人无码精品久久久| 久久精品国产亚洲AV麻| 精品偷拍一区二区三区| 亚洲色拍拍噜噜噜最新网站 | 国产高清自产拍av在线| 夜夜高潮夜夜爽高清完整版1| 欧美自拍另类欧美综合图片区| 无套内谢少妇毛片在线|