基於Metronic的Bootstrap開發框架--工做流模塊功能介紹（2）

本篇繼續《基於Metronic的Bootstrap開發框架--工做流模塊功能介紹》，繼續介紹基於Metronic的Bootstrap開發框架的工做模塊功能，介紹工做流模塊中相關業務表單的界面設計和管理操做，以及在業務表單中設計到的審批、發起會籤、會籤確認、會籤、撤銷、領導批示分閱、閱辦等常規操做，以及一些明細表單的數據錄入展現。

一、工做流主頁視圖

在工做流模塊中，咱們能夠把一些待辦或者已辦的事項放在首頁裏面，方便登錄後直接能夠參考最新的一些信息，以下界面所示。

而在工做流的業務表單模塊中，咱們能夠提供了不少相關的業務表單管理界面，能夠經過對應的功能菜單進入對應的工做流業務表單列表，如下是工做流模塊提供的一些常見業務表單。

 

二、工做流業務表單

 1）付款申請

 付款申請列表管理以下所示，能夠根據相關條件進行篩選查看相關申請單。

咱們能夠在新增入口建立一個新的付款申請單，以下界面所示。

在選擇流程處理人中，單擊按鈕會彈出一個用戶選擇按鈕供選擇，以下界面所示。

 在申請單的建立界面左下角，有一個【存爲草稿】的按鈕，單擊能夠保存該申請單到草稿裏面，方便下次打開提交申請單，這個保存草稿是一個通用的操做，在各個申請單都有這樣的按鈕供選擇。

提交申請單成功後，會返回對應申請單列表的主界面，會發現申請單處於【處理中】的狀態，雙擊能夠打開該申請單進行詳細信息的查看。

在查看信息的頂部有對應的流程處理按鈕，若是用戶是流程參與人，那麼能夠執行相關的處理。

審批是一個通用的常規處理操做，彈出界面須要錄入處理意見，以及下一步流程的處理人員，以下界面所示。

一樣，若是不經過該申請，那麼能夠選擇【退回擬稿人處理】和【退回上一步處理】兩個其餘處理。

【退回擬稿人處理】是直接拒絕該申請單，讓用戶從新修改後能夠再次提交的，【退回上一步處理】則是退回上一個步驟，若是過程涉及不少步驟，也就僅僅倒回一步。

固然，這個處理過程當中，咱們能夠動態增長一個流程步驟，也就是【增長一步審批】，而後指定增長步驟的處理人便可，以下界面所示。

在查看明細的審批的處理按鈕中，若是咱們是流程發起人，那麼咱們能夠撤銷該申請單，撤銷界面以下所示。

 而流程日誌以及打印功能是常規的處理操做，流程日誌列出整個申請單處理流程的日誌，以及申請單處理的歷史信息和系統日誌，以下界面所示。

對於有些流程處理步驟設置環節爲會籤的，那麼會執行相關的會籤操做。

會籤是指建立一個或多個子流程供相關人員進行審批，等待所有人員完成處理後再次回到主流程上，而後決定是否繼續流轉到下一個流程步驟上去，通常的申請單的主流程以下所示。

這裏設置的會籤處理就是其中一個步驟，一旦會籤處理步驟發起會籤，就會構建多個可供審批的子流程了，以下所示。

 例如對於進入發起會籤的申請單，咱們能夠看到功能按鈕中有一個【發起會籤】的功能，以下所示。

發起會籤的時候，咱們須要指定相應會籤的人員，以下是發起會籤的審批界面。

而若是咱們是會籤人員列表中的用戶，咱們查看對應的申請單明細的時候，就會發現有【會籤】的功能按鈕，以下界面所示。

會籤是全部人員所有批准經過纔會確認經過，這個能夠在會簽結果審覈界面進行處理便可，會籤的審批界面以下所示。

 全部參與會籤人員提交意見後，發起會籤的人員會看到【會籤確認】的功能按鈕，以下所示。

會籤確認是有發起人決定是否經過該項會籤，並進行下一步處理的功能，它是一個標準的審批功能。

完成後，咱們查看對應的申請單，能夠看到對應步驟的會籤處理信息，都會呈如今這個表單明細裏面，以下所示。

【批示分閱】步驟則是咱們但願給相關人員傳閱瞭解申請單的一個處理過程，一樣它是一個選擇多個用戶參與傳閱的處理，以下是【批示分閱】審批步驟。

完成後，整個申請單信息以下界面所示。

以上就是付款申請單，涉及到常規審批過程、會簽過程（包括髮起會籤、會籤、會籤確認）、領導批示分閱、閱辦等過程，通常狀況下，咱們可能涉及到一個或者幾個處理過程，而這些過程咱們是在流程模板裏面進行定義的。

一旦定義好後，新生成的申請就以流程模板的步驟爲參考申請對應的流程步驟，同時咱們也能夠在審批過程當中，動態增長一些流程步驟，這樣的彈性設置在一些臨時須要增長一些審批步驟是很是方便的。

 

2）報銷申請

 在報銷申請單處理中，每每提交 一些主表信息外，也會涉及到一些報銷明細的錄入，咱們這裏提供了一個表格直接錄入數據的方式，減小用戶維護數據的複雜性，很是方便。

上面明細清單信息，能夠經過新增記錄按鈕，增長一條空白的記錄，而後部分字段能夠經過列表方式進行選擇，保存提交申請單的時候，會自動把明細數據一併保存的。

保存申請單後，系統直接跳到【個人審批工做】界面，以下界面所示。

或者咱們也能夠查看報銷申請單的列表界面。

 

查看具體報銷申請單信息界面以下所示，其右上角的審批、撤銷、流程日誌、打印等功能按鈕也會根據狀況顯示出來。

而這裏的明細清單，則以表格方式進行列出，很是直觀友好。

 

3）資產領用

介紹了一個報銷申請的流程，咱們再來介紹一個資產管理中的資產領用申請單，這也是一個比較有表明意義的流程申請單，具備明細處理的信息。

建立資產領用申請單界面以下所示，其中涉及了不少下拉列表聯動選擇的操做，明細的錄入也是經過直接編輯表格的方式進行錄入。

查看界面以下所示。

和其餘流程表單不一樣的是，這個申請單中，在流程沒有完成以前，明細清單能夠在各個步驟進行編輯修改、刪除等操做，由最後一個審批人進行維護並提交明細，流程完成後則不能繼續編輯表單中的明細信息。

同時在流程完成後，會同時修改主資產信息的部分字段，從而完成了整個閉環的處理操做。

固然工做流模塊中還有不少範例的表單，如開始列出的菜單中包含的內容。

 不過因爲其餘界面上也比較相似，也就再也不一一贅述，關鍵這些業務表單也是經過代碼生成工具直接生成對應的Create、ViewDetail、Index視圖代碼和控制器代碼的，所以這些業務表單的信息就不在一一介紹。

整個工做流模塊，各個頁面的職責比較清晰，基本上Create就是新建或者從新編輯、ViewDetail就是查看明細信息、index就是對應表單的列表界面顯示，而其中涉及到的選擇流程用戶、選擇資產等特殊操做，咱們是定義一些共同的頁面視圖便可完成，在須要使用到的地方加入對應的頁面便可，提升視圖頁面和腳本的重用性。