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

143 lines
13 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<#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;
border-bottom: 1px solid;
border-right: 1px solid;
}
.cal-table-left {
display: inline-block;
}
table {
display: block;
border-collapse: collapse;
width: 200px;
overflow-x: scroll;
}
</style>
<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">
<input type="hidden" id="keywords" name="keywords" value='${keywords!""}'/>
<!--选项卡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">
<div class="am-scrollable-horizontal">
<table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left" style="overflow-x: scroll;"><tr class="cal-table-left"><th 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></tr></thead><tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 180px);white-space: nowrap;"><#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></tr></#list></#if></tbody>
</table>
</div>
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab2">
<div class="am-scrollable-horizontal">
<table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left" style="overflow-x: scroll;"><tr class="cal-table-left"><th 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></tr></thead><tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 120px);white-space: nowrap;"><#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></tr></#list></#if></tbody>
</table>
</div>
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab3">
<div class="am-scrollable-horizontal">
<table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left" style="overflow-x: scroll;"><tr class="cal-table-left"><th 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-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></tr></thead><tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 250px);white-space: nowrap;"><#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></tr></#list></#if></tbody>
</table>
</div>
</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>
<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',
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();
}
});
});
function setKeywords(time) {
var keywordsObj = {};
keywordsObj.time = time;
var keywords = "";
if (!$.isEmptyObject(keywordsObj)) {
keywords = JSON.stringify(keywordsObj);
}
console.log("keywords = " + keywords);
$("#keywords").val(keywords);
}
</script>
</@defaultLayout.layout>