基于Metronic的Bootstrap開發(fā)框架--工作流模塊功能介紹(2)

本篇繼續(xù)《基于Metronic的Bootstrap開發(fā)框架--工作流模塊功能介紹》,繼續(xù)介紹基于Metronic的Bootstrap開發(fā)框架的工作模塊功能,介紹工作流模塊中相關(guān)業(yè)務(wù)表單的界面設(shè)計和管理操作,以及在業(yè)務(wù)表單中設(shè)計到的審批、發(fā)起會簽、會簽確認(rèn)、會簽、撤銷、領(lǐng)導(dǎo)批示分閱、閱辦等常規(guī)操作,以及一些明細(xì)表單的數(shù)據(jù)錄入展示。

1、工作流主頁視圖

在工作流模塊中,我們可以把一些待辦或者已辦的事項(xiàng)放在首頁里面,方便登陸后直接可以參考最新的一些信息,如下界面所示。

image

而在工作流的業(yè)務(wù)表單模塊中,我們可以提供了很多相關(guān)的業(yè)務(wù)表單管理界面,可以通過對應(yīng)的功能菜單進(jìn)入對應(yīng)的工作流業(yè)務(wù)表單列表,以下是工作流模塊提供的一些常見業(yè)務(wù)表單。

image

2、工作流業(yè)務(wù)表單

1)付款申請

付款申請列表管理如下所示,可以根據(jù)相關(guān)條件進(jìn)行篩選查看相關(guān)申請單。

image

我們可以在新增入口創(chuàng)建一個新的付款申請單,如下界面所示。

image

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

image

在申請單的創(chuàng)建界面左下角,有一個【存為草稿】的按鈕,單擊可以保存該申請單到草稿里面,方便下次打開提交申請單,這個保存草稿是一個通用的操作,在各個申請單都有這樣的按鈕供選擇。

提交申請單成功后,會返回對應(yīng)申請單列表的主界面,會發(fā)現(xiàn)申請單處于【處理中】的狀態(tài),雙擊可以打開該申請單進(jìn)行詳細(xì)信息的查看。

image

在查看信息的頂部有對應(yīng)的流程處理按鈕,如果用戶是流程參與人,那么可以執(zhí)行相關(guān)的處理。

image

審批是一個通用的常規(guī)處理操作,彈出界面需要錄入處理意見,以及下一步流程的處理人員,如下界面所示。

image

同樣,如果不通過該申請,那么可以選擇【退回擬稿人處理】和【退回上一步處理】兩個其他處理。

【退回擬稿人處理】是直接拒絕該申請單,讓用戶重新修改后可以再次提交的,【退回上一步處理】則是退回上一個步驟,如果過程涉及很多步驟,也就僅僅倒回一步。

當(dāng)然,這個處理過程中,我們可以動態(tài)增加一個流程步驟,也就是【增加一步審批】,然后指定增加步驟的處理人即可,如下界面所示。

image

在查看明細(xì)的審批的處理按鈕中,如果我們是流程發(fā)起人,那么我們可以撤銷該申請單,撤銷界面如下所示。

image
image

而流程日志以及打印功能是常規(guī)的處理操作,流程日志列出整個申請單處理流程的日志,以及申請單處理的歷史信息和系統(tǒng)日志,如下界面所示。

image

對于有些流程處理步驟設(shè)置環(huán)節(jié)為會簽的,那么會執(zhí)行相關(guān)的會簽操作。

會簽是指創(chuàng)建一個或多個子流程供相關(guān)人員進(jìn)行審批,等待全部人員完成處理后再次回到主流程上,然后決定是否繼續(xù)流轉(zhuǎn)到下一個流程步驟上去,一般的申請單的主流程如下所示。

image

這里設(shè)置的會簽處理就是其中一個步驟,一旦會簽處理步驟發(fā)起會簽,就會構(gòu)建多個可供審批的子流程了,如下所示。

image

例如對于進(jìn)入發(fā)起會簽的申請單,我們可以看到功能按鈕中有一個【發(fā)起會簽】的功能,如下所示。

image

發(fā)起會簽的時候,我們需要指定相應(yīng)會簽的人員,如下是發(fā)起會簽的審批界面。

image

而如果我們是會簽人員列表中的用戶,我們查看對應(yīng)的申請單明細(xì)的時候,就會發(fā)現(xiàn)有【會簽】的功能按鈕,如下界面所示。

image

會簽是所有人員全部批準(zhǔn)通過才會確認(rèn)通過,這個可以在會簽結(jié)果審核界面進(jìn)行處理即可,會簽的審批界面如下所示。

image

所有參與會簽人員提交意見后,發(fā)起會簽的人員會看到【會簽確認(rèn)】的功能按鈕,如下所示。

image

會簽確認(rèn)是有發(fā)起人決定是否通過該項(xiàng)會簽,并進(jìn)行下一步處理的功能,它是一個標(biāo)準(zhǔn)的審批功能。

image

完成后,我們查看對應(yīng)的申請單,可以看到對應(yīng)步驟的會簽處理信息,都會呈現(xiàn)在這個表單明細(xì)里面,如下所示。

image

【批示分閱】步驟則是我們希望給相關(guān)人員傳閱了解申請單的一個處理過程,同樣它是一個選擇多個用戶參與傳閱的處理,如下是【批示分閱】審批步驟。

image

完成后,整個申請單信息如下界面所示。

image

以上就是付款申請單,涉及到常規(guī)審批過程、會簽過程(包括發(fā)起會簽、會簽、會簽確認(rèn))、領(lǐng)導(dǎo)批示分閱、閱辦等過程,一般情況下,我們可能涉及到一個或者幾個處理過程,而這些過程我們是在流程模板里面進(jìn)行定義的。

image

一旦定義好后,新生成的申請就以流程模板的步驟為參考申請對應(yīng)的流程步驟,同時我們也可以在審批過程中,動態(tài)增加一些流程步驟,這樣的彈性設(shè)置在一些臨時需要增加一些審批步驟是非常方便的。

2)報銷申請

在報銷申請單處理中,往往提交 一些主表信息外,也會涉及到一些報銷明細(xì)的錄入,我們這里提供了一個表格直接錄入數(shù)據(jù)的方式,減少用戶維護(hù)數(shù)據(jù)的復(fù)雜性,非常方便。

image

上面明細(xì)清單信息,可以通過新增記錄按鈕,增加一條空白的記錄,然后部分字段可以通過列表方式進(jìn)行選擇,保存提交申請單的時候,會自動把明細(xì)數(shù)據(jù)一并保存的。

保存申請單后,系統(tǒng)直接跳到【我的審批工作】界面,如下界面所示。

image

或者我們也可以查看報銷申請單的列表界面。

image

查看具體報銷申請單信息界面如下所示,其右上角的審批、撤銷、流程日志、打印等功能按鈕也會根據(jù)情況顯示出來。

image

而這里的明細(xì)清單,則以表格方式進(jìn)行列出,非常直觀友好。

3)資產(chǎn)領(lǐng)用

介紹了一個報銷申請的流程,我們再來介紹一個資產(chǎn)管理中的資產(chǎn)領(lǐng)用申請單,這也是一個比較有代表意義的流程申請單,具有明細(xì)處理的信息。

創(chuàng)建資產(chǎn)領(lǐng)用申請單界面如下所示,其中涉及了很多下拉列表聯(lián)動選擇的操作,明細(xì)的錄入也是通過直接編輯表格的方式進(jìn)行錄入。

image

查看界面如下所示。

image

和其他流程表單不同的是,這個申請單中,在流程沒有完成之前,明細(xì)清單可以在各個步驟進(jìn)行編輯修改、刪除等操作,由最后一個審批人進(jìn)行維護(hù)并提交明細(xì),流程完成后則不能繼續(xù)編輯表單中的明細(xì)信息。

同時在流程完成后,會同時修改主資產(chǎn)信息的部分字段,從而完成了整個閉環(huán)的處理操作。

image

當(dāng)然工作流模塊中還有很多范例的表單,如開始列出的菜單中包含的內(nèi)容。

image

不過由于其他界面上也比較類似,也就不再一一贅述,關(guān)鍵這些業(yè)務(wù)表單也是通過代碼生成工具直接生成對應(yīng)的Create、ViewDetail、Index視圖代碼和控制器代碼的,因此這些業(yè)務(wù)表單的信息就不在一一介紹。

整個工作流模塊,各個頁面的職責(zé)比較清晰,基本上Create就是新建或者重新編輯、ViewDetail就是查看明細(xì)信息、index就是對應(yīng)表單的列表界面顯示,而其中涉及到的選擇流程用戶、選擇資產(chǎn)等特殊操作,我們是定義一些共同的頁面視圖即可完成,在需要使用到的地方加入對應(yīng)的頁面即可,提高視圖頁面和腳本的重用性。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容