<!-- include '../header' -->
<script src="<?= WEB_SITE_GLOBAL ?>js/echarts.common.min.js"></script>
<script src="<?= payments ?>"></script>
<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="#" class="mLogo">CLD</a>
				<ul>
					<!-- include '../menu' -->
				</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<!-- include '../admin/receipt_menu' -->
				</div>
			</div>
			<div class="adminContent autoHeight">
				<div class="saea-borad">
					<div class="borad-menu"></div>
					<div class="borad-news">
						<div class="saeaList">
							<div class="clearfix">
								<table class="table table-bordered table-condensed">
									<tbody>
										<tr>
											<th class="taC">广发存款</th>
											<td>￥{{waste.bank.CGBDeposit}}</td>
											<th class="taC">工行存款</th>
											<td>￥{{waste.bank.ICBCDeposit}}</td>
										</tr>
										<tr>
											<th class="taC">华润存款</th>
											<td>￥{{waste.bank.HUADeposit}}</td>
											<th class="taC">个人存款</th>
											<td>￥{{waste.bank.PersonalDeposit}}</td>
										</tr>
										<tr>
											<th class="taC">工行理财活期</th>
											<td>￥{{waste.financial.current.ICBCDeposit}}</td>
											<th class="taC">工行理财固定</th>
											<td>￥{{waste.financial.fixed.ICBCDeposit}}</td>
										</tr>
										<tr>
											<th class="taC">广发理财活期</th>
											<td>￥{{waste.financial.current.CGBDeposit}}</td>
											<th class="taC">广发理财固定</th>
											<td>￥{{waste.financial.fixed.CGBDeposit}}</td>
										</tr>
										<tr>
											<th colspan="4" class="taC">合计存款：￥{{total}}</th>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="clearfix">
								<div id="chartContainer3" style="height: 300px; width: 100%;">
								</div>
							</div>
							<div class="clearfix">
								<legend>
									<div class="fR">
										<a href="/wasteBookExpenditure">所有支出</a>
									</div>
									最近支出
								</legend>
								<table class="table table-bordered table-condensed">
									<tbody>
										<tr>
											<th class="taC">支出项</th>
											<th class="taC">金额</th>
											<th class="taC">时间</th>
											<th class="taC">单号</th>
										</tr>
										
										<!-- loop expenditureList -->
										<tr>
											<!-- if {{expenditureList' value.accountType}}==5||{{expenditureList' value.accountType}}==9||{{expenditureList' value.accountType}}==10 -->
											<td>日常支出（{{expenditureList' value.data.expenditureTypeMsg}}）</td>
											<!-- elseif {{expenditureList' value.accountType}}==1 -->
											<td>费用管理（借款）</td>
											<!-- elseif {{expenditureList' value.accountType}}==2 -->
											<td>费用管理（借款报销）</td>
											<!-- elseif {{expenditureList' value.accountType}}==3 -->
											<td>费用管理（报销）</td>
											<!-- elseif {{expenditureList' value.accountType}}==4 -->
											<td>费用管理（对公汇款）</td>
											<!-- elseif {{expenditureList' value.accountType}}==12 -->
											<td>费用管理（ 培训班结算）</td>
											<!-- elseif {{expenditureList' value.accountType}}==11 -->
											<td>收款退款</td>
											<!-- endif -->
											<td>￥{{expenditureList' value.accountPriceShow}}</td>
											<td>{{expenditureList' value.inputDate}}</td>
											<!-- if {{expenditureList' value.accountType}}==5||{{expenditureList' value.accountType}}==9||{{expenditureList' value.accountType}}==10 -->
											<td><a href="#saea-detail4" node-pay=waste data-key="{{expenditureList' value.data.aidKey}}" data-toggle="modal">{{expenditureList' value.data.bookSerial}}</a></td>
											<!-- elseif {{expenditureList' value.accountType}}==11 -->
											<td><a href="#saea-detail11" node-ir11=waste data-key="{{expenditureList' value.data.iridKey}}" data-toggle="modal">{{expenditureList' value.data.receivablesSerial}}</a></td>	
											<!-- elseif {{expenditureList' value.accountType}}==12 -->
											<td><a href="/receiptTrain/info/{{expenditureList' value.data.ridKey7}}.html" data-toggle="modal">{{expenditureList' value.data.receiptOrder}}</a></td>
			
											<!-- else -->
			<td><a href="#saea-detail1" node-receipt=waste data-key="{{expenditureList' value.data.ridKey}}" data-accountTypeKey="{{expenditureList' value.accountTypeKey}}" data-toggle="modal">{{expenditureList' value.data.receiptOrder}}</a></td>
											<!-- endif -->
										</tr>
										<!-- endloop -->
										
									</tbody>
								</table>
							</div>
							<div class="clearfix">
								<legend>
									<div class="fR">
										<a href="/wasteBookIncome">所有收入</a>
									</div>
									最近收入
								</legend>
								<table class="table table-bordered table-condensed">
									<tbody>
										<tr>
											<th class="taC">收入项</th>
											<th class="taC">金额</th>
											<th class="taC">时间</th>
											<th class="taC">查看</th>
										</tr>
										<!-- loop incomeList -->
										<tr>
											<!-- if {{expenditureList' value.accountType}}==6||{{expenditureList' value.accountType}}==9||{{expenditureList' value.accountType}}==10 -->
											<td>日常收入（{{expenditureList' value.data.incomeTypeMsg}}）</td>
											<!-- elseif {{expenditureList' value.accountType}}==7||{{expenditureList' value.accountType}}==8 -->
											<td>发票收款</td>
											
											
											<!-- elseif {{expenditureList' value.accountType}}==1 -->
											<td>费用收入（借款）</td>
											<!-- elseif {{expenditureList' value.accountType}}==2 -->
											<td>费用收入（借款报销）</td>
											<!-- elseif {{expenditureList' value.accountType}}==3 -->
											<td>费用收入（报销）</td>
											<!-- elseif {{expenditureList' value.accountType}}==4 -->
											<td>费用收入（对公汇款）</td>
											<!-- elseif {{expenditureList' value.accountType}}==12 -->
											<td>费用收入（ 培训班结算）</td>
											
											<!-- endif -->
											<td>￥{{expenditureList' value.accountPriceShow}}</td>
											<td>{{expenditureList' value.inputDate}}</td>
											<!-- if {{expenditureList' value.accountType}}==6||{{expenditureList' value.accountType}}==9||{{expenditureList' value.accountType}}==10 -->
<td><a href="#saea-detail5" node-income=waste data-key="{{expenditureList' value.data.aidKey}}" data-toggle="modal">{{expenditureList' value.data.bookSerial}}</a></td>
											<!-- elseif {{expenditureList' value.accountType}}==7 -->
<td><a href="#saea-detail2" node-ir=waste data-key="{{expenditureList' value.data.iridKey}}" data-toggle="modal">{{expenditureList' value.data.receivablesSerial}}</a></td>											
											<!-- elseif {{expenditureList' value.accountType}}==8 -->
			<td><a href="#saea-detail2" node-i=waste data-key="{{expenditureList' value.data.iidKey}}" data-toggle="modal">{{expenditureList' value.data.invoiceSerial}}</a></td>
											<!-- elseif {{expenditureList' value.accountType}}==12 -->
											<td><a href="/receiptTrain/info/{{expenditureList' value.data.ridKey7}}.html"  data-toggle="modal">{{expenditureList' value.data.receiptOrder}}</a></td>
											<!-- elseif {{expenditureList' value.accountType}}==1||{{expenditureList' value.accountType}}==2||{{expenditureList' value.accountType}}==3||{{expenditureList' value.accountType}}==4 -->
											<td><a href="#saea-detail1" node-receipt=waste data-key="{{expenditureList' value.data.ridKey}}" data-accountTypeKey="{{expenditureList' value.accountTypeKey}}" data-toggle="modal">{{expenditureList' value.data.receiptOrder}}</a></td>
											<!-- endif -->
										</tr>
										<!-- endloop -->
										
										
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!--弹出费用详情 借款报销-->
	<div class="modal hide fade" id="saea-detail1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h3>费用详情</h3>
				</div>
				<div class="modal-body saeaList">
					<div id="wasteReceipt"></div>
				</div>
				<div class="modal-footer">
					<a href="#" class="button btn-gray" data-dismiss="modal"
						aria-hidden="true">关闭</a>
				</div>
			</div>
		</div>
	</div>
	
	
	<!--弹出日常收支 -->
	<div class="modal hide fade" id="saea-detail4">
		<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">
						<tboay>
						<tr>
							<th class="taC" colspan="2">支出</th>
						</tr>
						<tr>
							<th class="taC" width="110">收支录入</th>
							<td id='WI-wasteStaff'></td>
						</tr>
						<tr>
							<th class="taC">单号</th>
							<td id='WI-bookSerial'></td>
						</tr>
						<tr>
							<th class="taC">费用类型</th>
							<td id='WI-expenditureMsg'></td>
						</tr>
						<tr>
							<th class="taC">支出金额</th>
							<td id='WI-expenditurePrice'></td>
						</tr>
						<tr>
							<th class="taC">支出银行</th>
							<td id='WI-expenditureBank'></td>
						</tr>
						<tr>
							<th class="taC">银行支付时间</th>
							<td id='WI-expenditureDate'></td>
						</tr>
						<tr>
							<th class="taC">备注</th>
							<td id='WI-remarks'></td>
						</tr>
						</tboay>
					</table>
				</div>
				<div class="modal-footer">
					<a href="#" class="button btn-gray" data-dismiss="modal"
						aria-hidden="true">关闭</a>
				</div>
			</div>
		</div>
	</div>
	
	
	<!--弹出日常收支 -->
	<div class="modal hide fade" id="saea-detail5">
		<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">
						<tboay>
						<tr>
							<th class="taC" colspan="2">收入</th>
						</tr>
						<tr>
							<th class="taC" width="110">收支录入</th>
							<td id='IN-wasteStaff'></td>
						</tr>
						<tr>
							<th class="taC">单号</th>
							<td id='IN-bookSerial'></td>
						</tr>
						<tr>
							<th class="taC">费用类型</th>
							<td id='IN-expenditureMsg'></td>
						</tr>
						<tr>
							<th class="taC">收入金额</th>
							<td id='IN-expenditurePrice'></td>
						</tr>
						<tr>
							<th class="taC">收入银行</th>
							<td id='IN-expenditureBank'></td>
						</tr>
						<tr>
							<th class="taC">银行收入时间</th>
							<td id='IN-expenditureDate'></td>
						</tr>
						<tr>
							<th class="taC">备注</th>
							<td id='IN-remarks'></td>
						</tr>
						</tboay>
					</table>
				</div>
				<div class="modal-footer">
					<a href="#" class="button btn-gray" data-dismiss="modal"
						aria-hidden="true">关闭</a>
				</div>
			</div>
		</div>
	</div>
	
	
	 <!-- 弹出收入详情 -->
    <div class="modal hide fade" id="saea-detail2">
        <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">
                        <tboay>
                            <tr><th class="taC" colspan="2">收入</th></tr>
                            <tr><th class="taC" width="110">收支录入</th>
                            <td id='IR-wasteStaff'></td></tr>
                            <tr><th class="taC">单号</th>
                            <td id='IR-bookSerial'></td>
                            </tr>
                            <tr><th class="taC">到款信息</th>
                           <td id='IR-expenditureMsg'></td>
                            </tr>
                            <tr><th class="taC">收入金额</th>
                           <td id='IR-expenditurePrice'></td>
                            </tr>
                            <tr><th class="taC">收款银行</th>
                            <td id='IR-expenditureBank'></td>
                            </tr>
                            <tr><th class="taC">银行到帐时间</th>
                           <td id='IR-expenditureDate'></td>
                            </tr>
                            
                        </tboay>
                    </table>
                </div>
                <div class="modal-footer">
                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
                </div>
            </div>
        </div>
    </div>
	
	
	 <!-- 弹出收入详情 -->
    <div class="modal hide fade" id="saea-detail11">
        <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">
                        <tboay>
                            <tr><th class="taC" colspan="2">支出</th></tr>
                            <tr><th class="taC" width="110">支出录入</th>
                            <td id='IR11-wasteStaff'></td></tr>
                            <tr><th class="taC">单号</th>
                            <td id='IR11-bookSerial'></td>
                            </tr>
                            <tr><th class="taC">支出信息</th>
                           <td id='IR11-expenditureMsg'></td>
                            </tr>
                            <tr><th class="taC">退款金额</th>
                           <td id='IR11-expenditurePrice'></td>
                            </tr>
                            <tr><th class="taC">支出银行</th>
                            <td id='IR11-expenditureBank'></td>
                            </tr>
                            <tr><th class="taC">银行到帐时间</th>
                           <td id='IR11-expenditureDate'></td>
                            </tr>
                            
                        </tboay>
                    </table>
                </div>
                <div class="modal-footer">
                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
                </div>
            </div>
        </div>
    </div>
	
	
	<script type="text/javascript">
		autoFlashHeight();
	</script>
	<script type="text/javascript">
		// 基于准备好的dom，初始化echarts图表
		var myChart = echarts.init(document.getElementById('chartContainer3'));
		var option = {
			color : [ "#F56954", "#00A65A", "#3C8DBC" ],
			title : {
				text : '流水月图表'
			},
			tooltip : {
				trigger : 'axis',
				formatter : "{b} <br/>{a}：{c} 元<br/>{a1}：{c1} 元"
			},
			legend : {
				data : [ '支出', '收入' ]
			},
			toolbox : {
				show : true,
				feature : {
					magicType : {
						show : true,
						type : [ 'line', 'bar' ]
					}
				}
			},
			dataZoom : {
				show : true,
				start : 0,
				end : 100
			},
			xAxis : [ {
				type : 'category',
				boundaryGap : true,
				data : {{monthStatistics}}
			} ],
			yAxis : [ {
				type : 'value',
				axisLabel : {
					formatter : '{value} 元'
				},
				splitArea : {
					show : true
				}
			} ],
			series : [ {
				name : '支出',
				type : 'line',
				itemStyle : {
					normal : {
						lineStyle : {
							shadowColor : 'rgba(0,0,0,0.4)',
							shadowBlur : 5,
							shadowOffsetX : 3,
							shadowOffsetY : 3
						}
					}
				},
				data : {{expenditureMothStatistics}}
			}, {
				name : '收入',
				type : 'line',
				itemStyle : {
					normal : {
						lineStyle : {
							shadowColor : 'rgba(0,0,0,0.4)',
							shadowBlur : 5,
							shadowOffsetX : 3,
							shadowOffsetY : 3
						}
					}
				},
				data : {{incomeMothStatistics}}
			} ]
		};
		// 为echarts对象加载数据 
		myChart.setOption(option);
		//3 标段计量分布//
	</script>
</body>