Axure 9.0案例:算一下,這個(gè)月繳納了多少個(gè)人所得稅

1 評(píng)論 11250 瀏覽 21 收藏 7 分鐘

本篇文章教大家如何利用Axure 9.0制作個(gè)人所得稅計(jì)算器,個(gè)人所得稅起征點(diǎn)調(diào)整后,繳納稅額及到手的實(shí)發(fā)工資應(yīng)該是多少呢?

一、概述

根據(jù)國(guó)家最新政策調(diào)整,個(gè)人所得稅起征點(diǎn)由原來(lái)的3500元調(diào)整為5000元,稅率及等級(jí)劃分規(guī)則不變。那么根據(jù)新規(guī),個(gè)人所得稅及實(shí)發(fā)工資到底是多少?

今天我們教大家利用Axure 9.0制作個(gè)人所得稅計(jì)算器,幫助你自動(dòng)算出繳納稅額及到手的實(shí)發(fā)工資。下圖為個(gè)人所得稅稅率表:

Axure 9.0案例:個(gè)人所得稅計(jì)算器

二、準(zhǔn)備工作

拖動(dòng)文本標(biāo)簽、文本框、按鈕等元件至設(shè)計(jì)區(qū)域,完成線框圖的界面布局,注意做好各元件的命名。在進(jìn)行交互設(shè)置之前,我們需要明確以下幾項(xiàng)數(shù)據(jù)的計(jì)算公式:

  • 應(yīng)納稅所得額=工資收入金額?各項(xiàng)社會(huì)保險(xiǎn)費(fèi)?起征點(diǎn)(5000元);
  • 應(yīng)納稅款=應(yīng)納稅所得額 x 稅率?速算扣除數(shù);
  • 實(shí)發(fā)工資=稅前工資-社會(huì)保險(xiǎn)-應(yīng)納稅額;

Axure 9.0案例:個(gè)人所得稅計(jì)算器

三、期望交互效果

輸入稅前工資和社會(huì)保險(xiǎn),點(diǎn)擊“計(jì)算”按鈕,自動(dòng)得出應(yīng)納稅所得額、應(yīng)納稅款和實(shí)發(fā)工資;根據(jù)應(yīng)納稅所得額,系統(tǒng)自動(dòng)匹配適用稅率和速算扣除數(shù)。點(diǎn)擊“重置”按鈕,所有數(shù)據(jù)清零。

四、交互設(shè)置

為計(jì)算按鈕添加“鼠標(biāo)單擊時(shí)”事件,添加3個(gè)設(shè)置文本動(dòng)作,設(shè)置如下:

  • 第一個(gè)動(dòng)作,設(shè)置文本應(yīng)納稅所得額=稅前工資-社會(huì)保險(xiǎn)-社會(huì)起征點(diǎn),設(shè)置文本值的函數(shù)表達(dá)式為[[LVAR1-LVAR2-LVAR3]],其中LVAR1為“稅前工資”元件文字、LVAR2位“社會(huì)保險(xiǎn)”元件文字、LVAR3為“社會(huì)起征點(diǎn)”元件文字。
  • 第二個(gè)動(dòng)作,設(shè)置文本“應(yīng)納稅款”=應(yīng)納稅所得額稅率-速算扣除數(shù),設(shè)置文本值的函數(shù)表達(dá)式為[[LVAR1(LVAR2/100)-LVAR3]],其中LVAR1為應(yīng)納稅所得額元件文字、LVAR2為稅率元件文字,LVAR3位速算扣除數(shù)元件文字。
  • 第三個(gè)動(dòng)作,設(shè)置文本“實(shí)發(fā)工資”=文本“稅前工資”-文本“社會(huì)保險(xiǎn)”-文本“應(yīng)納稅款”,設(shè)置文本值的函數(shù)表達(dá)式為[[LVAR1-LVAR2-LVAR3]],其中LVAR1為稅前工資文字,LVAR2為社會(huì)保險(xiǎn)文字,LVAR3為應(yīng)納稅款文字。

Axure 9.0案例:個(gè)人所得稅計(jì)算器

為應(yīng)納稅所得額添加“文本改變時(shí)”事件,當(dāng)應(yīng)納稅所得額發(fā)生變化時(shí),我們需要同步更新使用稅率和速算扣除數(shù),將稅率表中的應(yīng)納稅所得額(含稅)的區(qū)間范圍作為情形的邏輯條件,因此我們需要為事件添加7個(gè)情形,每一個(gè)情形對(duì)應(yīng)一個(gè)區(qū)間范圍。各情形的設(shè)置如下:

  • 情形1:當(dāng)應(yīng)納稅所得額≤3000元,設(shè)置適用稅率為3%,速算扣除數(shù)為0。
  • 情形2:當(dāng)應(yīng)納稅所得額>3000元,且≤12000元,設(shè)置適用稅率為10%,速算扣除數(shù)為210元。
  • 情形3:當(dāng)應(yīng)納稅所得額>12000元,且≤25000元,設(shè)置適用稅率為20%,速算扣除數(shù)為1410元。
  • 情形4:當(dāng)應(yīng)納稅所得額>25000元,且≤35000元,設(shè)置適用稅率為25%,速算扣除數(shù)為2660元。
  • 情形5:當(dāng)應(yīng)納稅所得額>35000元,且≤55000元,設(shè)置適用稅率為30%,速算扣除數(shù)為4410元。
  • 情形6:當(dāng)應(yīng)納稅所得額>55000元,且≤80000元,設(shè)置適用稅率為35%,速算扣除數(shù)為7160元。
  • 情形7:當(dāng)應(yīng)納稅所得額>80000元,設(shè)置適用稅率為45%,速算扣除數(shù)為15160元。

Axure 9.0案例:個(gè)人所得稅計(jì)算器

Axure 9.0案例:個(gè)人所得稅計(jì)算器

為重置按鈕添加”鼠標(biāo)單擊時(shí)”事件,點(diǎn)擊重置按鈕,所有輸入和輸出項(xiàng)的數(shù)據(jù)均清空。為單擊事件添加動(dòng)作設(shè)置文本,設(shè)置稅前工資、社保、應(yīng)納稅所得額、稅率、速算扣除、應(yīng)納稅款、實(shí)發(fā)工資均為空值。

Axure 9.0案例:個(gè)人所得稅計(jì)算器

五、小結(jié)

將所有輸入和輸出項(xiàng)的值均設(shè)置為變量,根據(jù)稅率表規(guī)則設(shè)置稅率和速算扣除,根據(jù)公式,利用數(shù)學(xué)運(yùn)算計(jì)算應(yīng)納稅所得額、應(yīng)納稅款和實(shí)發(fā)工資。

#專欄作家#

拼搏的80后,人人都是產(chǎn)品經(jīng)理專欄作家。10年互聯(lián)網(wǎng)從業(yè)經(jīng)歷,具有各類型B端、C端產(chǎn)品的設(shè)計(jì)經(jīng)驗(yàn),關(guān)注區(qū)塊鏈及人工智能的技術(shù)發(fā)展及應(yīng)用場(chǎng)景探索。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!