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前端界面的共同點，進行了界面的整合。