在前面的隨筆,我對我們開發的審批工作流做了不少的介紹,其中有包括WInform的、Vue+Element、Bootstrap Asp.net的,在各個框架上,我們都儘量爭取界面能夠一致化,以便客戶能夠在不同的前端上有相同的用戶體驗,並結合不同的前端特點,做了一些優化處理,本篇隨筆對WPF應用框架中工... ...
在前面的隨筆,我對我們開發的審批工作流做了不少的介紹,其中有包括WInform的、Vue+Element、Bootstrap Asp.net的,在各個框架上,我們都儘量爭取界面能夠一致化,以便客戶能夠在不同的前端上有相同的用戶體驗,並結合不同的前端特點,做了一些優化處理,本篇隨筆對WPF應用框架中工作流模塊進行介紹。
1、回顧工作流的介紹內容
審批工作流的概念我們先來回顧一下。
在工作流處理表中,首先我們區分流程模板和流程實例兩個部分,這個其實就是類似模板和具體文檔的概念,我們一份模板可以創建很多個類似的文檔,文檔樣式結構類似的。同理,流程模板實例為流程實例後,就是具體的一個流程表單信息了,其中流程模板和流程實例表單都包括了各個流程步驟。在流程實例的層次上,我們運行的時候,需要記錄一些日誌方便跟蹤,如流程步驟的處理日誌,流程實例表單的處理日誌等這些信息。
一旦流程實例根據模板創建後,流程先根據模板初始化後,在處理過程還可以動態增加一些審批步驟,使得我們的處理更加彈性化。
當然,為了更好的處理流程的相關信息,還需要記錄流程處理人,流程會簽人、流程閱辦人,以及常用審批意見等相關輔助表,以便對流程的各個處理信息進行合理處理和展示。
對於一個流程處理操作,我們知道一般有審批通過、拒絕、退回到某步驟、轉發到內部閱讀、閱讀,以及包括起草者能撤銷表單呢等操作,當然如果還有一些具體的業務,可能還會有一些流程的處理才操作,不過基本上也可以歸結為上面幾種,只是他們每步處理的數據內容不同而已。因此審批的操作步驟分類如下所示。
我們來看看在Vue3+ElementPlus+TypeScript+SqlSugar後端Web API的BS前端界面上工作流界面的效果。
在隨筆《基於SqlSugar的開發框架循序漸進介紹(21)-- 在工作流列表頁面中增加一些轉義信息的輸出,在後端進行內容轉換》、《基於SqlSugar的開發框架循序漸進介紹(22)-- Vue3+TypeScript的前端工作流模塊中實現統一的表單編輯和表單詳情查看處理 》
而工作流的新增、編輯界面也是類似,通過動態化組件的方式合併公用信息和特定表單組件信息。
至於Winform的界面效果,也是類似的處理界面
在隨筆《Winform開發框架中工作流模塊的動態處理》、《Winform開發框架中工作流模塊的表設計分析 》、《Winform開發框架中工作流模塊之審批會簽操作》、《Winform開發框架中工作流模塊之申請單草稿處理》中有相關的介紹。
2、WPF應用框架的工作流界面內容
借鑒上面Vue和Winform前端的界面,我們構建了基於WPF端的工作流界面內容。
1、創建申請單的入口,列出所有相關流程申請單類型。
發起工作流表單,錄入後選擇用戶發送處理,啟動流程即可。
發起申請後,可以在【我的審批工作】中查看到待辦或者已辦的申請單,如下界面所示。
查看具體的一個申請單,可以看到相關的基礎表單信息、業務表單信息、以及工作流的日誌、相關處理操作按鈕等信息,如下界面所示。
審批界面如下所示。
其中包括常用意見列表、以及批准申請、退回擬稿人重新處理、退回上一步處理等過程,不同的處理方式,處理不同。
如果是批准申請,還可以選擇增加一個步驟,或者預設下一步處理。
如果是自己發起的申請單,可以在結束期進行撤回處理。
如果需要查看申請單相關日誌,流程日誌包括了【申請單處理流程】日誌、【申請單處理歷史信息】、【申請單系統日誌信息】列出不同的日誌列表
如果我們在流程模板的設置中,步驟指定為會簽類型,如下流程模板設置所示。
並指定了具體的處理流程人,那麼在申請單中會提示發起會簽處理,並從配置的JSON中解析出具體的用戶供選擇處理。
確認後,每個會簽的人員都可以看到自己的待辦工作,並可以發起會簽審批的過程,所有流程完成後回到發起會簽的人員,進行下一步處理。
其他的流程也有類似的處理模式,而且自己可以根據流程的類型定製不同的處理界面,如已閱的處理、以及批量轉發閱辦的處理等,在此不再一一贅述處理過程。
其他的一些管理界面如下所示。
以上WPF的流程界面,參考了Winform端的界面效果、Vue+ElementPlus+TypeScript前端界面的共同點,進行了界面的整合。
![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
轉載請註明出處:撰寫人:伍華聰 http://www.iqidi.com