Jelajahi Sumber

日常收支报表

outaozhen 6 tahun lalu
induk
melakukan
dc4bd1413b
2 mengubah file dengan 134 tambahan dan 1 penghapusan
  1. 3 1
      css/global.css
  2. 131 0
      saea-bank-baobiao.html

+ 3 - 1
css/global.css

@@ -119,13 +119,15 @@ a.disenable{color:#ccc}
 .colGray{color:#999}
 .colBlue{color:#3172d9}
 .hide {display:none}
+.bgGreen{background: #f2faf3; color: #17ab0c;}
+.bgRed{background: #f2dede; color: #b94a48;}
 .autoHeight,.autoHeightL1,.autoHeightL2,.autoHeightR1,.autoHeightR2,.autoHeightR3,.autoHeightR4{
   overflow-y: auto
 }
 .height100{height:100%}
 .taC{text-align:center}
 .taL{text-align:left}
-.taR{text-align:right}
+.taR{text-align:right !important}
 .colTip{
   margin-left: 2px;
   display:inline-block;

+ 131 - 0
saea-bank-baobiao.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+    <meta charset=utf-8>
+    <title>CLD.System</title>
+    <meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+    <link rel="shortcut icon" href="images/favicon.ico">
+    <meta name=copyright content=smartcost.com.cn>
+    <link rel=stylesheet href=css/global.css>
+    <script src=js/jquery-1.7.1.min.js></script>
+    <script src=js/global.js></script>
+    <link href="css/datepicker.min.css" rel="stylesheet" type="text/css">
+    <script src="js/datepicker.min.js"></script>
+    <script src="js/datepicker.zh.js"></script>
+</head>
+<body>
+    <div class="mainLayout">
+        <div class="mainMenu">
+            <div class="menuItem">
+                <a href="#" class="mLogo">CLD</a>
+                <ul>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon-">Z</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon- selected">U</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+                    <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="warpContent">
+            <div class="subMenu fL">
+                <div class="menuItem">
+                    <ul>
+                        <li class="saeaTitle">费用管理</li>
+                        <li><a href="saea-borad.html">公布板</a></li>
+                        <li><a href="saea-myList.html">我的费用</a></li>
+                        <li><a href="saea-slist-1.html">费用汇总</a></li>
+                        <li class="topLine"><a href="saea-income.html">日常收支</a></li>
+                        <li><a href="saea-reportList.html">费用审批</a></li>
+                        <li><a href="saea-reportList-pay.html">费用执行</a></li>
+                        <li><a href="saea-reportList-remit.html">费用汇款</a></li>
+                        <li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
+                        <li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
+                        <li><a href="saea-bank.html">公司流水</a></li>
+                        <li><a href="saea-bank-baobiao.html" class="selected">流水报表</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="adminContent autoHeight" style="height: 821px;">
+                <legend><div class="fR"></div>公司流水报表</legend>
+                <div class="demandCate">
+                    <ul class="cateList">
+                        <li>
+                            <select><option>年份</option><option>2019年</option><option>2020年</option><option>2021年</option></select>
+                        </li>
+                        <li>
+                            <select><option>月份</option><option>1月</option><option>2月</option><option>3月</option></select>
+                        </li>
+                        <li>
+                            <select><option>银行</option><option>纵横广发</option><option>纵横工行</option></select>
+                        </li>
+                        <li>
+                            <div class="search">
+                                <div class="input-append">
+                                    <input class="datepicker-here span3" placeholder="按时间筛选" type="text" data-range="true"
+                                data-multiple-dates-separator=" - "
+                                data-language="zh">
+                                    <button class="btn btn-small" type="button">查询</button>
+                                </div>
+                            </div></li>
+                        <li><span class="colGreen">收入:¥818376.59</span></li>
+                        <li><span class="colRed">支出:¥802700.65</span></li>
+                </ul>
+            </div>
+            <div class="saeaList">
+                <!--执行列表-->
+                <div class="entry">
+                    <table class="table table-bordered table-condensed">
+                        <tr><th class="taC" rowspan="2">日期</th><th class="bgGreen" style="text-align:center;" colspan="7">收入</th><th class="bgRed" style="text-align:center;" colspan="5">支出</th><th class="taC" rowspan="2">余额</th></tr>
+                        <tr><th class="taC">付款单位</th><th class="taC">费用类别</th><th class="taC">办事处人</th><th class="taC">结算方式</th><th class="taC">收款银行</th><th class="taC">收入金额</th><th class="taC">合计</th><th class="taC">费用类别</th><th class="taC">支出内容</th><th class="taC">支出银行</th><th class="taC">支出金额</th><th class="taC">合计</th></tr>
+                        <tr style="background: #fff3e5;"><td>月初金额</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>8000661.36</td></tr>
+                        <tr><td>2020-6-1</td><td>杨克松/智选康惠,杨克松+陈惠华</td><td>其他</td><td></td><td></td><td>纵横广发</td><td>676.50</td><td></td><td>其他</td><td></td><td>纵横广发</td><td>29.40</td><td></td><td></td></tr>
+                        <tr><td>2020-6-1</td><td></td><td></td><td></td><td></td><td>纵横广发</td><td>4324.00</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                        <tr><td>2020-6-1</td><td></td><td></td><td></td><td></td><td>纵横广发</td><td>3000.00</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                        <tr><td>2020-6-1</td><td>支付宝(中国)网络技术有限公司</td><td>纵横知道</td><td></td><td></td><td>纵横广发</td><td>19.80</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                        <tr><td>2020-6-1</td><td>工行活期理财收益</td><td>其他</td><td></td><td></td><td>纵横工行</td><td>556.29</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                        <tr><th class="taC taR" colspan="7">今日总收入</th><th class="taC">8576.59</th><th class="taC taR" colspan="4">今日总支出</th><th class="taC">29.40</th><th class="taC">8009208.55</th></tr>
+                        <tr><td>2020-6-2</td><td>珠海纵横创新软件有限公司/工行活期理财赎回发工资</td><td>其他</td><td></td><td></td><td>纵横广发</td><td>800000.00</td><td></td><td>其他</td><td></td><td>纵横广发</td><td>4.00</td><td></td><td></td></tr>
+                        <tr><td>2020-6-2</td><td></td><td></td><td></td><td></td><td>纵横广发</td><td>9800.00</td><td></td><td>江西办</td><td></td><td>纵横广发</td><td>667.25</td><td></td><td></td></tr>
+                        <tr><td>2020-6-2</td><td></td><td><td></td><td></td></td><td></td><td></td><td></td><td>其他</td><td>赎回工行活期理财至余额存款</td><td>纵横工行</td><td>800000.00</td><td></td><td></td></tr>
+                        <tr><td>2020-6-2</td><td></td><td><td></td><td></td></td><td></td><td></td><td></td><td>其他</td><td></td><td>纵横工行</td><td>2000.00</td><td></td><td></td></tr>
+                        <tr><th class="taC taR" colspan="7">今日总收入</th><th class="taC">809800.00</th><th class="taC taR" colspan="4">今日总支出</th><th class="taC">802671.25</th><th class="taC">8016337.3</th></tr>
+                        <tr><th class="taC taR" colspan="7">总收入</th><th class="taC">818376.59</th><th class="taC taR" colspan="4">总支出</th><th class="taC">802700.65</th><th class="taC"></th></tr>
+                    </table>
+                </div>
+            </div>
+            </div>
+        </div>
+    </div>
+<!--弹出汇款信息-->
+<div class="modal hide fade" id="saea-remit">
+    <div class="modal-dialog">
+        <div class="modal-content">
+    <div class="modal-header">
+        <h3>汇款信息</h3>
+    </div>
+    <div class="modal-body saeaList">
+        <p style="padding-bottom: 20px;">请选择导出的内容</p>
+        <select>
+            <option>待执行</option>
+            <option>已执行</option>
+        </select>
+        <select>
+            <option>办事处</option>
+        </select>
+    </div>
+    <div class="modal-footer">
+        <a href="#" class="button btn-primary" >导出Excel</a>
+        <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+    </div>
+            </div></div>
+</div>
+    <!--弹出汇款信息-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>