如何設(shè)計(jì)財(cái)務(wù)付款報(bào)銷功能

今天聊個(gè)錢相關(guān)的功能，公司都會(huì)用到的付款報(bào)俏功能。

產(chǎn)品設(shè)計(jì)，我會(huì)跟團(tuán)隊(duì)成員經(jīng)常提的，凡是涉及到錢的，事無大小，一律按優(yōu)先

級(jí)最高處理，也要最嚴(yán)謹(jǐn)，因?yàn)樵谪?cái)務(wù)上看，一分錢的差異都會(huì)讓他們反復(fù)對(duì)賬

很久！標(biāo)記紅色！

01設(shè)計(jì)原則

付款報(bào)銷的設(shè)計(jì)需要考慮的點(diǎn)蠻多的，需要有以下幾個(gè)原則：

1.通用：這個(gè)是給全公司用的，通用性需要強(qiáng)，適配所有部門、類型和各類場(chǎng)景

2.簡(jiǎn)單：交互、操作都需要簡(jiǎn)單，付款報(bào)銷功能，幾乎所有人都會(huì)用，你如果設(shè)計(jì)的

很復(fù)雜，用戶體驗(yàn)就很低了

3.審核：這套流程是需要審核的，不管是自己部門領(lǐng)導(dǎo)還是財(cái)務(wù)那邊，都要規(guī)劃好，

多少人審，根據(jù)什么原則審

4.提醒：對(duì)于這個(gè)單子到了哪一階段了，需要及時(shí)提醒給相關(guān)人員，是否需要關(guān)聯(lián)短

信、釘釘還是郵件等

5.移動(dòng)：可以快速審核的，需要搭建移動(dòng)端，類似于第3點(diǎn)，最好是有

6.賬務(wù)：里面的數(shù)據(jù)需要適應(yīng)財(cái)務(wù)的賬務(wù)處理

02整體方案

新建菜單，通用的添加、編輯、刪除和審核這些，添加數(shù)據(jù)后需要更新審核狀態(tài),

并根據(jù)規(guī)則提醒對(duì)應(yīng)審核人，審核人操作后狀態(tài)更新，最后到付款完結(jié)。

部門信息需要關(guān)聯(lián)【員工信息管理】和【部門管理】，提醒功能需要關(guān)聯(lián)釘釘、

微信或者郵件等，移動(dòng)端審核也需要注意。

菜單需要支持打印功能，數(shù)據(jù)導(dǎo)出需要合乎財(cái)務(wù)賬目。

需要有附件上傳功能，針對(duì)附件需要下載?口預(yù)覽。

審核流需要顯示出來，讓大家清晰知道自己的單據(jù)該找誰審核。

03流程圖

涉及到有流程的功能，一定要有個(gè)流程圖,要做專業(yè)的產(chǎn)品經(jīng)理，可以用Visio

畫，摹客、Axure.rp也可以，工具很多，記得一些要點(diǎn)，有開始有結(jié)束就好了。

我畫個(gè)簡(jiǎn)單的，可以參考下：

04原型圖

原型圖通用，菜單本身比較簡(jiǎn)單，這里放個(gè)日志、釘釘提醒和打印的。

日志

雌WA提作人雌1

Jarvan156添加2020-02-1117:13:44

殿Jarvan156Jarvan156*2020-02-1118:13:44

財(cái)勢(shì)初市Jarvan156Jarvan1562020-02-1119:13:44入靦

賬Jarvan156Jarvan156*2020-02-1120:13:44

財(cái)務(wù)初市Jarvan156Jarvan156財(cái)務(wù)初審?fù)ㄟ^2020-02-1121:1344

財(cái)務(wù)復(fù)審Jarvan156Jarvan156財(cái)務(wù)復(fù)審?fù)ㄟ^2020-02-1122:13:44

財(cái)務(wù)還建市核Jarvan156Pf/lTholights

FAS【財(cái)務(wù)通用付款申請(qǐng)】付款申請(qǐng)單號(hào)

PA2022041200004付款狀態(tài)變?yōu)椤ㄒ迅犊?

付款申請(qǐng)單號(hào)：PA2022041200004

一級(jí)項(xiàng)目類型：其他付款申請(qǐng)

總金額：2511.00

付款日期：2022-04-15

查看詳情

r二少」如七

費(fèi)用報(bào)銷單

申清部門：財(cái)務(wù)部2020年07月01日VR2020070100001

用途金額阮）備

團(tuán)艇用621.60注

行

政

市

核

領(lǐng)

導(dǎo)

市

附件張告計(jì)￥621.60批

金額大寫：人民幣陸佰叫豆元后售4000000000000000000

部門審核財(cái)務(wù)官核出納報(bào)銷人：'-C：.密隊(duì)"心“才】“

付款申請(qǐng)單

日請(qǐng)部門：財(cái)務(wù)部2019年11月11日PA2019042200003

收款單位七款原W

賬號(hào)

開戶行

大寫全藪五佰叁拾角粉

/」.轉(zhuǎn)235.41EUR附件張

領(lǐng)

部

財(cái)

門

務(wù)

導(dǎo)

串

市

審

核

核

枇

會(huì)計(jì)主省記賬復(fù)核出納制單....簽收

05字段取值邏輯

字段名稱取值來源特殊說明

擔(dān)號(hào)點(diǎn)擊添加按鈕確定后自動(dòng)生成的

數(shù)據(jù)，按PA+年月日+五位'流水

號(hào)，一起往下排序，界面按該字

段倒敘排列，即新產(chǎn)生數(shù)據(jù)在上

面

中請(qǐng)日期申請(qǐng)的系統(tǒng)日期，精確到天

申請(qǐng)部門取當(dāng)前用戶在【員工信息管理】

列表的部門名稱

收款名稱填寫

收款方式填寫

收款賬怎若選擇的付款申請(qǐng)類型是員工報(bào)

銷，按申請(qǐng)部門+收款名稱取

【員工信息管理】“工資卡

號(hào)”、付款申請(qǐng)自己填寫

開戶行若選擇的付款申請(qǐng)類型是員工報(bào)

銷，顯示空

付款申請(qǐng)類型用戶填寫

項(xiàng)目類型用戶填寫

金額用戶填寫

幣種用戶填寫

人民幣金額根據(jù)金額*幣種關(guān)聯(lián)【匯率管

理】最新的匯率，結(jié)果保留兩位

小數(shù)

發(fā)票號(hào)碼用戶填寫

原因用戶填寫，注意分段顯示

備注用戶填寫，注意分段顯示

付款公司點(diǎn)擊付款填寫

付款名稱點(diǎn)擊付款填寫

付款賬號(hào)點(diǎn)擊付款填寫

開戶行點(diǎn)擊付款填寫

制單人添加的姓名

畝核狀態(tài)根據(jù)審核操作變化

付款狀態(tài)根據(jù)付款操作變化

付款日期點(diǎn)擊付款填寫

附件名稱用戶填寫

附件用戶上傳

日志

畝核流程下一級(jí)畝核流程

權(quán)限畝核人1）判斷制單人+申請(qǐng)部門與

【部門管理】“部門名稱”的

"主管""是否相同；

①若相同，權(quán)限畝核人取值往上

級(jí)部門找到與‘制基人“不相同

且不為空的主管；

②若不同，權(quán)限畝核人取值該主

管；

操作人日志記錄

操作記錄日志記錄

操作時(shí)間日志記錄

備注日志記錄

06查詢條件設(shè)計(jì)

寫幾個(gè)常用的：

查詢條件格式詳情

型號(hào)文本格式支持多個(gè)單號(hào)查詢，支持模耦亙

詢，多個(gè)單號(hào)用英文逗號(hào)隔開；

申清曰期日期格式日期范圍查詢控件

申請(qǐng)部門下拉框格式取值【部門管理】部門名稱字

段，默認(rèn)為空，支持多選；

收款名稱文本格式支持多個(gè)名稱查詢，支持模糊查

詢，多個(gè)名稱用英文逗號(hào)隔開；

制單人文本格式支持多個(gè)名稱查詢，支持模糊查

詢，多個(gè)名稱用英文逗號(hào)隔開；

畝核狀態(tài)下拉框格式包括待一級(jí)審核/一級(jí)畝核駁回/

待二級(jí)畝核/二級(jí)畝核駁回/畝核

通過，或者待畝核/畝核中/已畝

核/畝核我回，默認(rèn)為空，支持

多選

付款狀態(tài)下拉框格式包括待付款/已付款，默認(rèn)為

空，支持多選

付款日期日期格式日期范圍亙?cè)兛丶?/p>

07功能按鈕設(shè)計(jì)

這是這個(gè)設(shè)計(jì)里面的重中之重了，尤其是涉及到一些校驗(yàn)的，一定要清晰。

功能按鈕詳情字段

查詢根據(jù)查詢條件查詢出結(jié)果；

同時(shí)數(shù)塞權(quán)限根據(jù)【數(shù)據(jù)雙限配邕】配置的內(nèi)

容顯示：

重置重置查詢條件，同時(shí)重置查詢結(jié)果

,這里加個(gè)根據(jù)金額大小設(shè)置不能級(jí)別審核流，1.初審、復(fù)審、終審區(qū)間酉Z置，都

受最多三級(jí)來；是文本格式，默認(rèn)為空（有數(shù)據(jù)后

1.點(diǎn)擊設(shè)置按鈕，彈出窗口，填寫區(qū)間，點(diǎn)擊顯示該數(shù)據(jù)），必境項(xiàng)，最多15

確定后即可保存；字符

2,若存在為空字段，點(diǎn)擊確定保存失敗，報(bào)錯(cuò)

提示：xx不能為空！

3.文本格式僅能填寫大于等于0的兩位以內(nèi)的

小數(shù)，若不是，點(diǎn)擊確定報(bào)錯(cuò)失敗，報(bào)錯(cuò)提

示：xx只能是大于等于0的兩位以內(nèi)的小數(shù)！

4.若超過字?jǐn)?shù)限制，點(diǎn)擊確定保存失敗，報(bào)錯(cuò)

提示：XX最多15字符！

5,每一級(jí)的后區(qū)間需大于前區(qū)間，若不是，點(diǎn)

擊確定,呆存失敗，報(bào)錯(cuò)提示：XX后區(qū)間需大于

前區(qū)間！

6.下一級(jí)的前區(qū)間需大于等于上一級(jí)的前區(qū)

間，若不是，點(diǎn)擊確定保存失敗，報(bào)錯(cuò)提示：

XX前區(qū)間需大于等于XX前區(qū)間！

7.后區(qū)間需相等，若不是，點(diǎn)擊確定保存失

敗，報(bào)錯(cuò)提示：所有字段的后區(qū)間數(shù)字必須相

等！

添加/裝唱1.點(diǎn)擊添加按鈕，填寫內(nèi)容，詳情巾點(diǎn)擊1.收款單位：文本格式，默認(rèn)為

“+”可新增一行，點(diǎn)擊可刪掉該行，第空，最多支持100字符，必填項(xiàng)；

一行固定保留，不可刪除，點(diǎn)擊確定，即可保2.收款方式：取值［類型管理】類

存，同時(shí)審核狀態(tài)變?yōu)椤按鯇彙?；型名稱為收款方式的選項(xiàng)內(nèi)容，單

2,若有必填頂未填寫，點(diǎn)擊確定保存失敗，在選，必填項(xiàng)；

對(duì)應(yīng)的字段后面報(bào)錯(cuò)提示：xx不能為空！3.收款賬號(hào)：文本格式，默認(rèn)為

3.若文本格式超過字符個(gè)數(shù)限制的，后點(diǎn)擊確空，最多支持100字石，必填項(xiàng)；

定保存失敗，在對(duì)應(yīng)的字段后面報(bào)錯(cuò)提示：XX若付款申請(qǐng)類型為員工報(bào)俏，收款

最多XX字符！方式固定顯示銀行卡，收款賬號(hào)固

4,若金額字段不是大于0的兩位小數(shù)以內(nèi)的數(shù)定為空，不能填寫

據(jù)，點(diǎn)擊確定保存失敗，在金額字段后面報(bào)錯(cuò)4.開戶行：文本格式，默認(rèn)為空，

提示：只允許大于0的兩位小數(shù)以內(nèi)的數(shù)字！最多支持100字符，非必填項(xiàng)；

5.付款申請(qǐng)類型：下拉框格式，包

括付款申清/員工報(bào)徜，默認(rèn)為

空，單選，必填項(xiàng)；

6.項(xiàng)目類型：取值［財(cái)務(wù)付款項(xiàng)

目管理】“項(xiàng)目類型”字段，去

重，默認(rèn)為空，單選，必填項(xiàng)；

7.原因：文本格式，默認(rèn)為空，最

多支持500字符，必算項(xiàng)；

8.備注：文本格式，默認(rèn)為空，最

多支持100字符，非必填項(xiàng)；

9.而種：幣種取值t站點(diǎn)管理】幣

種字段，去重，單送，默認(rèn)為空，

必填項(xiàng)；

10.金額：文本格式，默認(rèn)為空，

最多支持20字符，且只能是大于0

的兩位小數(shù)以內(nèi)的數(shù)字，必填項(xiàng)；

11.附件名稱字段，文本格式，默

認(rèn)為空，非必填項(xiàng)，限制50字

符；

12.附件上傳，非必填頂，放置市

種下面，支持.zip/.rar/.pdf/.jpg/.

png/.bmp/.xls/.xlsx/.doc/.docx格

式，若不是，上傳失敗，報(bào)錯(cuò)提

示:附件只能是.zip/.rar/.pdf/.jp

g/.png/.bmp格式！

刪除1.勾選數(shù)據(jù)，莉足以下條件：審核狀態(tài)為非

“審核通過”，點(diǎn)擊刪除按鈕，彈出提示“確

定刪除選中的X項(xiàng)？”，點(diǎn)擊確定后即可刪

除，可以勾選多行數(shù)據(jù)進(jìn)行刪除；

2.若沒有勾選數(shù)據(jù)，刪除按鈕顏色變暗，操作

無反應(yīng)；

3,若顏據(jù)的審核狀態(tài)為“審核通過”，勾選后

點(diǎn)擊刪馀按鈕，操作失敗，報(bào)錯(cuò)提示：審核通

過且財(cái)務(wù)未駿回的數(shù)據(jù)不能進(jìn)行刪除！

初審?fù)ㄟ^1.若審核狀態(tài)為“待初審”，勾選數(shù)據(jù)后點(diǎn)擊

初審?fù)ㄟ^，根據(jù)每行數(shù)據(jù)的總金額判斷設(shè)置中

是否需要復(fù)審，若滿足復(fù)審區(qū)間，審核狀態(tài)變

為“待復(fù)審”，若不滿足復(fù)審區(qū)間，若不耘

足，審咳狀態(tài)變?yōu)閷徍送ㄟ^；

2,若沒有勾選數(shù)據(jù)，初審?fù)ㄟ^按鈕頓色變暗，

點(diǎn)擊無反應(yīng)；

3,若勾選數(shù)據(jù)中存在非“待初審”數(shù)據(jù)，點(diǎn)擊

初審?fù)ㄟ^操作失敗，報(bào)錯(cuò)提示：該審核狀態(tài)不

能再初審?fù)ㄟ^！

初審蛀回1.若審核狀態(tài)為“待初審”，勾選效據(jù)后點(diǎn)擊

初審駿回，審核狀態(tài)變?yōu)椤俺鯇忨g回”，可以

勾選多燈數(shù)據(jù)進(jìn)行操作；

2.若沒有勾選數(shù)據(jù)，初審駁回按鈕顏色變暗，

點(diǎn)擊無反應(yīng)5

3.若勾選數(shù)據(jù)中存在非“待初審”數(shù)據(jù)，點(diǎn)擊

初審駁回操作失敗，報(bào)錯(cuò)提示：該審核狀態(tài)不

能再初審駁回！

撤回1.若付款狀態(tài)為“待付款”，勾選數(shù)據(jù)后點(diǎn)擊

撤回按鈕，填寫原因后點(diǎn)擊確定，將審核狀態(tài)

變?yōu)椤耙殉坊亍保?/p>

2.若沒有勾選數(shù)據(jù)，撤回按鈕顏色變暗，點(diǎn)擊

操作無反應(yīng)；

3.若勾選多行數(shù)據(jù)點(diǎn)擊撤回，操作失敗，報(bào)錯(cuò)

提示：不能同時(shí)勾選多行數(shù)據(jù)進(jìn)行撤回！

4.若沒有填寫原因點(diǎn)擊確定保存失敗，報(bào)錯(cuò)提

示：清填寫撤回原因！

5.若勾選數(shù)據(jù)的付款狀態(tài)為“已付款”，點(diǎn)擊

撤回按鈕操作失敗，報(bào)錯(cuò)提示：只能勾選未付

款的數(shù)據(jù)進(jìn)行撤回！

導(dǎo)出1.點(diǎn)擊導(dǎo)出按鈕，顯示可導(dǎo)出選中/本頁(yè)/全

部，點(diǎn)擊每個(gè)選項(xiàng)導(dǎo)出選項(xiàng)內(nèi)容；

2,若導(dǎo)苗顏里5000行以內(nèi)，在本頁(yè)面導(dǎo)出Exc

eb5001-10000行，本頁(yè)面導(dǎo)出txt，，超過

10000行，數(shù)據(jù)跑至【導(dǎo)出管理】進(jìn)行下載txt

打印1.審核狀態(tài)為“審核通過”，勾選數(shù)據(jù)后點(diǎn)擊打印模板：

打印按鈕，執(zhí)行打印操作，付款申請(qǐng)類型為付款申請(qǐng)單：付款申請(qǐng)類型為“付

“付款申請(qǐng)”打印出付款申請(qǐng)單，“員工報(bào)款申請(qǐng)”

徜”打印出費(fèi)用報(bào)消單；1,申請(qǐng)部門：顯示“申請(qǐng)部門”；

2.若沒有勾選數(shù)據(jù)，打印按鈕顏色變暗，點(diǎn)擊2.日期：顯示“日期”；

操作無反應(yīng)；3.付款申請(qǐng)單號(hào)顯示右上角；

3.若勾選多行數(shù)據(jù)，點(diǎn)擊打卬按扭操作失敗，4.收款單位；顯示“收款單位”；

報(bào)錯(cuò)提示:5.賬號(hào):顯示“收款賬號(hào)”；

4.若勾選數(shù)據(jù)中審核狀態(tài)為非“審核通過”，6.開戶行：顯示開戶行；（收款）

點(diǎn)擊打印按鈕操作失敗，報(bào)錯(cuò)提示：只能選擇7.大寫金額：顯示幣種漢字+總金

審核通過的數(shù)據(jù)進(jìn)行打?。☆~的大寫；

5.部門審核：凡是有操作審核通過（初審?fù)?.小寫金額：顯示總金額的小寫

過、復(fù)畝通過）的人全部顯示簽名，按用戶名+幣種，其中市種為CNY的顯示

去重；“￥+金額”，其他顯示“金額+幣

種英文縮寫”；

9.領(lǐng)導(dǎo)審批：去掉簽名，顯示為

空；

10.部門審核：顯示初審?fù)ㄟ^/復(fù)審

通過/終審?fù)ㄟ^三者最后一個(gè)人的

簽名，左右顯示，若是同一個(gè)人，

只顯示一個(gè)就好；

11.財(cái)務(wù)審核：去掉簽名，顯示為

空；

12.復(fù)核：去掉簽名，顯示為空；

13.制單人：顯示制單人；

14.付款原因：顯示原因字段，按

原因的格式分段顯示

費(fèi)用報(bào)請(qǐng)單：付款申請(qǐng)類型為“員

工報(bào)消”

1,申請(qǐng)部門：顯示''申請(qǐng)部門”；

2.日期：顯示“日期”；

3.付款申請(qǐng)單號(hào)顯示右上角；

4.用途：顯示“項(xiàng)巨類型”；

5.金額：顯示總金額的小寫+幣

種，其中幣種為CNY的顯示“￥

+金額”，其他顯示“金額+幣種

英文縮寫”；

6備注:顯示空；

7.附件張：顯示空；

8.合計(jì)：顯示所有金額的合計(jì)，其

中市種為CNY的顯示“￥+金

額”，具他顯示“金額+幣種英義

縮寫”；

9.領(lǐng)導(dǎo)審批：去掉筌名，顯示為

空；

10.大寫金額：顯示市種漢字+臺(tái)

計(jì)金額的大寫；

11.賬號(hào)：顯示收款賬號(hào)；

12.部門審核：顯示初審?fù)ㄟ^/復(fù)審

通過/終審?fù)ㄟ^三者最后一個(gè)人的

簽名，左右顯示，若是同一個(gè)人，

只顯示一個(gè)就好；

13.財(cái)務(wù)■審核：去掉簽名，顯示為

空；

14.出納:顯示空；

15.報(bào)消人：顯示收款單位；

16.領(lǐng)款人：顯示空

08釘釘提醒

提醒這里以釘釘舉幾個(gè)例子，點(diǎn)擊查看詳情需要跳轉(zhuǎn)到web端系統(tǒng)頁(yè)面。

這里需要注意，點(diǎn)擊查看詳情期瞧，需要把釘釘和系統(tǒng)賬號(hào)權(quán)限打通，也就是通

過釘釘?shù)卿浛梢赃M(jìn)入系統(tǒng)頁(yè)面，否則，就只能網(wǎng)頁(yè)已經(jīng)進(jìn)入系統(tǒng)了才可以。

推送取值推送人推送形式

即時(shí)推送：審核人【付款報(bào)銅申請(qǐng)】單號(hào)XX需要

點(diǎn)擊添加/狷毒，言咳狀態(tài)變?yōu)槟鷮徍颂幚恚?/p>

待一強(qiáng)再核，逡行推送日期：xxxx-xx-xx

金歙：XX.XX元

制單人：XXX

查盲詳情

即時(shí)灌送：審核人【付款報(bào)用申請(qǐng)】單號(hào)XX需要

點(diǎn)擊審核通過，宙裝狀態(tài)變?yōu)榇鷮徍颂幚恚?/p>

二級(jí)審核，迸行推送日期：xxxx-xx-xx

金裝：XX.XX元

制單人：XXX

查看詳情

制單人【付款報(bào)捐出請(qǐng)】單號(hào)XX事琰

狀態(tài)變?yōu)椤贝?qiáng)宙咳~!

日期：xxxx-xx-xx