fourcal/src/main/resources/templates/admin/project_statistics.ftl

262 lines
17 KiB
Plaintext
Raw Normal View History

2021-11-18 01:39:08 +00:00
<#assign base=request.contextPath />
<#import "../common/defaultLayout.ftl" as defaultLayout>
<@defaultLayout.layout>
<link rel="stylesheet" type="text/css" href="${base}/common/css/time-axis.css">
<style type="text/css">
.cal-table-column {
display: block;
2021-12-30 06:40:31 +00:00
border-bottom: 1px solid;
border-right: 1px solid;
}
.cal-table-left {
display: block;
float: left;
}
table {
display: block;
2021-12-30 06:40:31 +00:00
border-collapse: collapse;
width: 100%;
overflow-x: scroll;
}
</style>
2021-11-18 01:39:08 +00:00
<div class="admin-content">
<div class="admin-content-body">
<div class="am-cf am-padding">
<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">项目统计</strong> /
<small>项目汇总统计</small></div>
</div>
<div class="am-u-sm-10">
<div class="am-form am-form-inline">
<div class="am-form-group am-form-icon">
<input type="text" id="time" name="time" autocomplete="off" readonly value="${time!}">
</div>
</div>
</div>
<br/>
<br/>
<form method="post" class="am-form" id="pmsForm">
2021-11-18 08:47:29 +00:00
<input type="hidden" id="keywords" name="keywords" value='${keywords!""}'/>
2021-11-18 01:39:08 +00:00
<!--选项卡tabsbegin-->
<div class="am-tabs am-margin" data-am-tabs>
<ul class="am-tabs-nav am-nav am-nav-tabs">
<li class="am-active"><a href="#tab1">主要指标</a></li>
<li><a href="#tab2">损益表</a></li>
<li><a href="#tab3">现金流量表</a></li>
</ul>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
2021-11-18 07:28:21 +00:00
<div class="am-scrollable-horizontal">
2021-12-30 06:40:31 +00:00
<table class="am-table table-main cal-table-table" style="padding:0;">
<thead class="cal-table-left">
<tr class="cal-table-left">
<th class="table-title cal-table-column">项目名称</th>
2021-12-30 06:40:31 +00:00
<th style="border-top: 1px solid;" class="table-title cal-table-column">收入--设备类</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">收入--工程类</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">收入--服务类</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--设备类</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--施工类</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--服务类</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--其他</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">成本--其他</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">成本--项目管理成本</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">财务费用--资金占用成本</th>
<th style="border-bottom: 1px solid; border-top: 1px solid;" class="table-title cal-table-column">公司管理费用</th>
2021-11-18 07:28:21 +00:00
</tr>
</thead>
<tbody class="cal-table-left">
2021-11-18 07:28:21 +00:00
<#if (pager)?exists>
<#list pager as list>
<tr class="cal-table-left">
<td class="cal-table-column">${list.projectName!}</td>
<td class="cal-table-column">${(list.incomeDevice!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.incomeEngineer!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.incomeService!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costPurchaseDevice!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costPurchaseBuild!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costPurchaseService!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costPurchaseOther!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costOther!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costProjectManage!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costExpropriation!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costCompanyManage!0)?string("0.##")}</td>
2021-11-18 07:28:21 +00:00
</tr>
</#list>
</#if>
</tbody>
</table>
</div>
2021-11-18 01:39:08 +00:00
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab2">
2021-11-18 07:28:21 +00:00
<div class="am-scrollable-horizontal">
2021-12-30 06:40:31 +00:00
<table class="am-table table-main cal-table-table" style="padding:0;">
<thead class="cal-table-left">
<tr class="cal-table-left">
<th class="table-title cal-table-column">项目名称</th>
2021-12-30 06:40:31 +00:00
<th style="border-top: 1px solid;" class="table-title cal-table-column">营业收入</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">营业成本</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">项目管理成本</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">其他</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">财务费用</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">项目毛利</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">项目毛利率</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">公司管理费用</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">项目贡献利润</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">项目贡献利润率</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">所得税费用</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">项目净利润</th>
<th style="border-bottom: 1px solid; border-top: 1px solid;" class="table-title cal-table-column">项目净利润率</th>
2021-11-18 07:28:21 +00:00
</tr>
</thead>
<tbody class="cal-table-left">
2021-11-18 07:28:21 +00:00
<#if (pager)?exists>
<#list pager as list>
<tr class="cal-table-left">
<td class="cal-table-column">${list.projectName!}</td>
<td class="cal-table-column">${(list.incomeTotal!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costTotal2!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costProjectManage!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costOther!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costExpropriation!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.grossProfit!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.grossProfitProfitMargin!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costCompanyManage!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.contributionProfit!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.contributionProfitProfitMargin!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.taxCost!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.netProfit!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.netProfitProfitMargin!0)?string("0.##")}</td>
2021-11-18 07:28:21 +00:00
</tr>
</#list>
</#if>
</tbody>
</table>
</div>
2021-11-18 01:39:08 +00:00
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab3">
2021-11-18 07:28:21 +00:00
<div class="am-scrollable-horizontal">
2021-12-30 06:40:31 +00:00
<table class="am-table table-main cal-table-table" style="padding:0;">
<thead class="cal-table-left">
<tr class="cal-table-left">
<th class="table-title cal-table-column">项目名称</th>
2021-12-30 06:40:31 +00:00
<th style="border-top: 1px solid;" class="table-title cal-table-column">销售商品、提供劳务收到的现金</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">收到的税费返还</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">收到的其他与经营活动有关的现金</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">购买商品、接受劳务支付的现金</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">支付的各项税费</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">支付其他与经营活动有关的现金</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">经营活动产生的现金流量净额</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">投资活动现金流入</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">投资活动现金流出</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">投资活动产生的现金流量净额</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">借款资金流入</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">还款资金流出</th>
<th style="border-top: 1px solid;" class="table-title cal-table-column">筹资活动产生的现金流量净额</th>
<th style="border-bottom: 1px solid; border-top: 1px solid;" class="table-title cal-table-column">货币资金净增加额</th>
2021-11-18 07:28:21 +00:00
</tr>
</thead>
<tbody class="cal-table-left">
2021-11-18 07:28:21 +00:00
<#if (pager)?exists>
<#list pager as list>
<tr class="cal-table-left">
<td class="cal-table-column">${list.projectName!}</td>
<td class="cal-table-column">${(list.saleIncomeCash!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.taxReturn!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.earnestMoneyIncome!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.purchaseCost!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.taxCost!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.earnestMoneyCost!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.netCashFlow!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.cashInflowFromInvestingActivities!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.cashOutflowFromInvestingActivities!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.netCashFromInvestingActivities!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.financingCapitalInflow!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.financingCapitalOutflow!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.financingCapitalCashflow!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.netIncreaseMonetaryFunds!0)?string("0.##")}</td>
2021-11-18 07:28:21 +00:00
</tr>
</#list>
</#if>
</tbody>
</table>
</div>
2021-11-18 01:39:08 +00:00
</div>
</div>
</div>
<!--选项卡tabsend-->
<div class="am-margin">
<button type="button" class="am-btn am-btn-warning am-btn-xs" onclick="javascript:history.go(-1);">
返回上一级
</button>
</div>
</form>
</div>
</div>
<script>
var base = "${base}";
</script>
2021-11-18 07:28:21 +00:00
<script src="${base}/layui/layui.js"></script>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#time',
type: 'month',
btns: ['confirm'],
trigger: 'click',
2021-11-18 08:47:29 +00:00
ready: function(){
console.log($(this.elem).val());
},
done: function() {
var time = $(this.elem).val();
console.log("time:" + time)
setKeywords(time);
$("#pmsForm").attr("action","${base}/projectSummary/list");
$("#pmsForm").submit();
2021-11-18 07:28:21 +00:00
}
});
});
2021-11-18 08:47:29 +00:00
function setKeywords(time) {
var keywordsObj = {};
keywordsObj.time = time;
var keywords = "";
if (!$.isEmptyObject(keywordsObj)) {
keywords = JSON.stringify(keywordsObj);
}
console.log("keywords = " + keywords);
$("#keywords").val(keywords);
}
2021-11-18 07:28:21 +00:00
</script>
2021-11-18 01:39:08 +00:00
</@defaultLayout.layout>