123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- <!-- include '../header' -->
- <script src="<?= receipt ?>"></script>
- <body>
- <div class="mainLayout">
- <div class="mainMenu">
- <div class="menuItem">
- <a href="#" class="mLogo">CLD</a>
- <ul>
- <!-- include '../admin/menuReceipt' -->
- </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">
- <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>
|