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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
							<!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>
	<script src=js/echarts.common.min.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">日常收支</a></li>
						<li><a href="saea-reportList.html">费用审批</a></li>
						<li><a href="saea-reportList-bill.html">费用流水</a></li>
						<li><a href="saea-reportList-pay.html">费用执行</a></li>
						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
						<li><a href="saea-train.html" class="selected">培训班营收</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>
					</ul>
				</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">
	                                <div id="chartContainer3" style="height: 300px; width: 100%;">
	                                </div>
	                            </div>
								<!--预留-->
								<!-- <div class="clearfix">
									<legend><div class="fR"></div>待处理（收款转入）</legend>
									<table class="table table-bordered table-condensed">
										<tbody>
										<tr><th class="taC" width="140">收款金额</th><th class="taC">银行到帐信息</th><th class="taC">银行/到帐时间</th><th class="taC">收款录入</th><th class="taC">操作</th></tr>
										</tbody>
									</table>
								</div> -->
								<div class="clearfix">
									<legend>收款未完成</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><th class="taC">实际收款金额</th><th class="taC">应收款总额</th></tr>
										<tr>
											<th><a href="saea-train-detail.html">XXX培训班</a></th>
											<td class="taC">2019-05-01</td>
											<td class="taC">2019-05-16</td>
											<td class="taR">￥300000.00</td>
											<td class="taR">￥270000.00</td>
											<td class="taR colRed">￥30000.00</td>
										</tr>
										</tbody>
									</table>
								</div>
								<div class="clearfix">
									<legend><div class="fR"><a href="saea-train-all.html">所有培训班</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><th class="taC">支出</th><th class="taC">利润</th></tr>
										<tr>
											<th><a href="saea-train-detail.html">XXX培训班</a></th>
											<td class="taC">2019-05-01</td>
											<td class="taC">2019-05-16</td>
											<td class="taR">￥300000.00</td>
											<td class="taR">￥70000.00</td>
											<td class="taR">￥130000.00</td>
										</tr>
										</tbody>
									</table>
								</div>
							</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} 元<br/>{a2}：{c2} 元"
	        },
	        legend: {
	            data: ['支出', '收入', '利润']
	        },
	        toolbox: {
	            show: true,
	            feature: {
	                magicType: { show: true, type: ['line', 'bar'] }
	            }
	        },
	        dataZoom: {
	            show: true,
	            start: 50,
	            end: 100
	        },
	        xAxis: [{
	            type: 'category',
	            boundaryGap: true,
	            data: [
	                '2017-02', '2017-03', '2017-04', '2017-05', '2017-06', '2017-07', '2017-08', '2017-09', '2017-10'
	            ]
	        }],
	        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: [30, 40, 30, 40, 50, 60, 40, 55, 40]
	            },
	            {
	                name: '收入',
	                type: 'line',
	                itemStyle: {
	                    normal: {
	                        lineStyle: {
	                            shadowColor: 'rgba(0,0,0,0.4)',
	                            shadowBlur: 5,
	                            shadowOffsetX: 3,
	                            shadowOffsetY: 3
	                        }
	                    }
	                },
	                data: [10, 20, 20, 10, 10, 10, 10, 5, 15]
	            },
	            {
	                name: '利润',
	                type: 'line',
	                itemStyle: {
	                    normal: {
	                        lineStyle: {
	                            shadowColor: 'rgba(0,0,0,0.4)',
	                            shadowBlur: 5,
	                            shadowOffsetX: 3,
	                            shadowOffsetY: 3
	                        }
	                    }
	                },
	                data: [20, 20, 10, 30, 40, 50, 30, 50, 25]
	            }
	        ]
	    };
	    // 为echarts对象加载数据 
	    myChart.setOption(option);
	    //3 标段计量分布//
    </script>
</body>