S.H.I.E.L.D.
/
CLD.gh


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
							<!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- 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" class="selected">日常收支</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>
					</ul>
				</div>
			</div>
			<div class="adminContent autoHeight">
				<legend>
					所有收支
				</legend>
				<div class="demandCate">
					<ul class="cateList">
						<li>
							<a class="now" href="#">所有</a>
							<a href="#" title="收入">收入</a>
							<a href="#" title="支出">支出</a>
						</li>
						<!--收入-->
						<li>
							<select>
								<option>请选择</option>
								<option>利息收入</option>
								<option>补贴收入</option>
								<option>纵横知道</option>
								<option>借款收回</option>
								<option>退汇</option>
								<option>其他</option>
								<option>理财本金</option>
								<option>保证金</option>
							</select>
							<!--利息收入 二级-->
							<select>
								<option>请选择</option>
								<option>银行存款</option>
								<option>理财收益</option>
								<option>个人借款</option>
							</select>
							<!--补贴收入 二级-->
							<!-- <select>
								<option>请选择</option>
								<option>社保</option>
								<option>财政</option>
							</select> -->
							<!--借款收回 二级-->
							<!-- <select>
								<option>请选择</option>
								<option>备用金</option>
								<option>私人借款</option>
							</select> -->
							<!--保证金 二级-->
							<!-- <select>
								<option>办事处</option>
							</select> -->

						</li>
						<li>
						<!--支出-->
						<select>
								<option>请选择</option>
								<option>银行手续费</option>
								<option>总部电话费</option>
								<option>缴税</option>
								<option>理财G</option>
								<option>保证金</option>
						</select>
						<!--保证金 二级-->
						<!-- <select>
							<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>
							<div class="search">
								<div class="input-append">
									<input class="span3" placeholder="输入金额" type="text">
									<button class="btn btn-small" type="button">搜索</button>
								</div>
							</div></li>
					</ul>
				</div>
				<div class="saeaList">
					<table class="table table-hover">
						<tbody>
							<tr class="thead"><th width="50"></th><th width="140">费用类别</th><th>单号</th><th>金额</th><th >到款/支付银行</th><th >银行到款/支付时间</th><th>入库时间</th><th>备注</th><th>操作</th></tr>
							<tr>
								<th>收入</th>
								<td>利息收入/银行存款</td>
								<td><a href="#">#IN201807061287</a></td>
								<td class="taR">￥20000.00</td>
								<td>纵横广发</td>
								<td>2018-07-06</td>
								<td>2018-07-06 13:00:11</td>
								<td>备注内容</td>
								<td><a href="#editincome" data-toggle="modal">编辑（点我）</a> <a href="#delincome" data-toggle="modal">删除</a></td>
							</tr>
							<tr>
								<th>收入</th>
								<td>其他</td>
								<td><a href="#">#IN201807061287</a></td>
								<td class="taR">￥20000.00</td>
								<td>纵横广发</td>
								<td>2018-07-06</td>
								<td>2018-07-06 13:00:11</td>
								<td>备注内容</td>
								<td><a href="#editincome" data-toggle="modal">编辑</a> <a href="#delincome" data-toggle="modal">删除</a> <a href="#refundincome" data-toggle="modal">退款（点我）</a></td>
							</tr>
							<tr>
								<th><span class="colRed">支出</span></th>
								<td>银行手续费</td>
								<td><a href="#">#IN201807061287</a></td>
								<td class="taR">￥10000.00</td>
								<td>纵横广发</td>
								<td>2018-07-06</td>
								<td>2018-07-06 13:00:11</td>
								<td>备注内容</td>
								<td><a href="#editincome" data-toggle="modal">编辑</a> <a href="#delincome" data-toggle="modal">删除</a></td>
							</tr>
						</tbody>
					</table>
				</div>
						  		<!--翻页-->
				<div class="demandPage">
					<ul class="pagination fL">
						<li><a href="#">&lt;</a></li>
						<li><a href="#">1</a></li>
						<li class="active"><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">&gt;</a></li>
					</ul>
			  	</div>
			</div>
			</div>
<!--弹出（日收支）-->
<div class="modal hide fade" id="editincome">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<h3>录入日常收支</h3>
				</div>
				<div class="modal-body saeaList">
					<table class="table table-bordered table-condensed">
							<tbody>
							<!--收入-->
							<tr>
								<th class="taC" colspan="2">收入信息填写</th>
							</tr>
													<tr>
								<th class="taC">费用类型</th>
								<td >
								<select>
									<option>请选择</option>
									<option>利息收入</option>
									<option>补贴收入</option>
									<option>纵横知道</option>
									<option>借款收回</option>
									<option>退汇</option>
									<option>其他</option>
									<option>理财本金</option>
								</select>
								<p>
								<!--利息收入 二级-->
								<label class="radio inline"><input type="radio">银行存款</label>
								<label class="radio inline"><input type="radio">理财收益</label>
								<label class="radio inline"><input type="radio">个人借款</label>
								<!--补贴收入 二级-->
								<!-- <label class="radio inline"><input type="radio">社保</label>
								<label class="radio inline"><input type="radio">财政</label> -->
								<!--借款收回 二级-->
								<!-- <label class="radio inline"><input type="radio">备用金</label>
								<label class="radio inline"><input type="radio">私人借款</label> -->
								<!--理财G 二级-->
								<!-- 可提取余额：￥30,000,000.00 -->
								</p>
								</td>
							</tr>
							<tr>
								<th class="taC">到款金额</th><td><input value="0" placeholder="输入开票金额" pattern="[0-9]" min="0" step="0.01" type="number"></td>
							</tr>
							<tr>
								<th class="taC">到款信息</th><td><input type="text"></td>
							</tr>
							<tr>
								<th class="taC">到款银行</th>
								<td>
									<select>
										<option>纵横广发</option>
										<option>个人广发</option>
										<option>华润银行</option>
									</select>
								</td>
							</tr>
							<tr>
								<th class="taC">银行到款时间</th><td><input type="date"></td>
							</tr>
							<!--收入-->
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认修改</a>
					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
				</div>
			</div></div>
	</div>
<!--弹出（日收支）-->
<div class="modal hide fade" id="delincome">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<h3>删除收支</h3>
				</div>
				<div class="modal-body">
					<p>确认删除该收支？</p>
				</div>
				<div class="modal-footer">
					<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认删除</a>
					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
				</div>
			</div></div>
	</div>	
<!--弹出（退款）-->
<div class="modal hide fade" id="refundincome">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<h3>填写退款信息</h3>
				</div>
				<div class="modal-body saeaList">
					<table class="table table-bordered table-condensed">
						<tbody>
						<tr>
							<th colspan="2" class="taC">退款信息</th>
						</tr>
						<tr>
							<th class="taC">退款单位名称</th>
							<td><input type="text" name="refundCompany" id="refundCompany" placeholder="请输入单位名称" aria-required="true" aria-invalid="true"></td>
						</tr>
						<tr>
							<th class="taC">退款的账号</th>
							<td><input type="text" name="refundNumber" id="refundNumber" placeholder="请输入账号" aria-required="true" aria-invalid="true"></td>
						</tr>
						<tr>
							<th class="taC">退款金额</th>
							<td><input type="text" name="refundPrice" id="refundPrice" placeholder="请输入退款金额" aria-required="true" aria-invalid="true"></td>
						</tr>
						<tr>
							<th class="taC">备注</th>
							<td><textarea name="refundRemarks" style="width:390px"></textarea></td>
						</tr>
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认</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>