|
|
@@ -0,0 +1,233 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang=zh-cn>
|
|
|
+<head>
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta charset=utf-8>
|
|
|
+ <title>CLD.System</title>
|
|
|
+ <link rel="shortcut icon" href="images/favicon.ico">
|
|
|
+ <meta name=copyright content=smartcost.com.cn>
|
|
|
+ <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <link rel="stylesheet" href="css/sui/sm.css">
|
|
|
+ <link rel="stylesheet" href="css/sui/sm-extend.css">
|
|
|
+ <link rel="stylesheet" href="css/sui/global.css">
|
|
|
+ <link rel=stylesheet href=css/global.css>
|
|
|
+
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div class="warpContent page-group">
|
|
|
+ <div class="page page-current">
|
|
|
+ <nav class="bar bar-nav bar-standard">
|
|
|
+ <h1 class="title">8月工资单</h1>
|
|
|
+ </nav>
|
|
|
+ <div class="content">
|
|
|
+ <!--薪酬收入（计税）-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul>
|
|
|
+ <li class="list-group-title"><span class="fR colGreen">+￥12,000.00</span><b class=" colDark">薪酬收入（计税）</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">基本工资</div>
|
|
|
+ <div class="item-after">+￥3000.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">岗位工资</div>
|
|
|
+ <div class="item-after">+￥6700</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">绩效奖金</div>
|
|
|
+ <div class="item-after">+￥0.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">销售提成</div>
|
|
|
+ <div class="item-after">+￥2000.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">城市补助</div>
|
|
|
+ <div class="item-after">+￥0.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">工龄工资</div>
|
|
|
+ <div class="item-after">+￥300.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--社保公积金支出-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul>
|
|
|
+ <li class="list-group-title"><span class="fR colRed">-￥1,070.00</span><b class=" colDark">社保公积金支出</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">社保个人</div>
|
|
|
+ <div class="item-after">-￥400.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">公积金个人</div>
|
|
|
+ <div class="item-after">-￥670.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--留存工资扣除（税前）-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul>
|
|
|
+ <li class="list-group-title"><span class="fR colRed">-￥2,500.00</span><b class=" colDark">留存工资扣除（税前）</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">本月留存</div>
|
|
|
+ <div class="item-after">-￥2500.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--个税扣除-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul>
|
|
|
+ <li class="list-group-title"><span class="fR colRed">-￥550.00</span><b class=" colDark">个税扣除</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title" style="word-wrap: break-word;white-space: pre-wrap;">"薪酬收入-社保-公积金-留存工资-3500"</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title" style="word-wrap: break-word;white-space: pre-wrap;">12000.00-400.00-670.00-2500.00-550.00=4930.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title" style="word-wrap: break-word;white-space: pre-wrap;">等级4</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">个税</div>
|
|
|
+ <div class="item-after">-￥555.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--小计-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul style="background-color: #fcf8e3">
|
|
|
+ <li class="list-group-title"><b class="colDark">小计</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title" style="word-wrap: break-word;white-space: pre-wrap;">12000.00-1070.00-2500.00-550.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title"></div>
|
|
|
+ <div class="item-after">￥7880.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--附加项收入（不计税）-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul>
|
|
|
+ <li class="list-group-title"><span class="fR colGreen">+￥200.00</span><b class=" colDark">附加项收入（不计税）</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">电脑补助 05/12期</div>
|
|
|
+ <div class="item-after">+￥100.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">手机补助 01/12期</div>
|
|
|
+ <div class="item-after">+￥100.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--税后支出-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul>
|
|
|
+ <li class="list-group-title"><span class="fR colRed">-￥2，300.00</span><b class=" colDark">税后支出</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">缺勤</div>
|
|
|
+ <div class="item-after">-￥0.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">其他扣除</div>
|
|
|
+ <div class="item-after">-￥300.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">贷款 02/6 期</div>
|
|
|
+ <div class="item-after">-￥2000.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--小计-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul style="background-color: #fcf8e3">
|
|
|
+ <li class="list-group-title"><b class="colDark">小计</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title" style="word-wrap: break-word;white-space: pre-wrap;">7880.00+200.00-2300.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title"></div>
|
|
|
+ <div class="item-after">￥5780</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--合计-->
|
|
|
+ <div class="list-block">
|
|
|
+ <ul>
|
|
|
+ <li class="list-group-title"><b class=" colDark">合计</b></li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">收入</div>
|
|
|
+ <div class="item-after">12200.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">支出</div>
|
|
|
+ <div class="item-after">6420.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="item-content">
|
|
|
+ <div class="item-inner">
|
|
|
+ <div class="item-title">实发工资</div>
|
|
|
+ <div class="item-after">5780.00</div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
|
|
|
+ <script type='text/javascript' src='js/sui/config.js'></script>
|
|
|
+ <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
|
|
|
+ <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
|
|
|
+ <script type='text/javascript' src='js/sui/global.js'></script>
|
|
|
+</body>
|
|
|
+</html>
|
