行列变化

master
OathK1per 2021-12-30 14:40:31 +08:00
parent b1d35bc3b4
commit e456c0a6e8
2 changed files with 162 additions and 140 deletions

View File

@ -1,6 +1,25 @@
<#assign base=request.contextPath /> <#assign base=request.contextPath />
<#import "../common/defaultLayout.ftl" as defaultLayout> <#import "../common/defaultLayout.ftl" as defaultLayout>
<@defaultLayout.layout> <@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: block;
float: left;
}
table {
display: block;
border-collapse: collapse;
width: 100%;
overflow-x: scroll;
}
</style>
<div class="admin-content"> <div class="admin-content">
<div class="admin-content-body"> <div class="admin-content-body">
<div class="am-cf am-padding"> <div class="am-cf am-padding">
@ -18,40 +37,40 @@
</ul> </ul>
<div class="am-tabs-bd"> <div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1"> <div class="am-tab-panel am-fade am-in am-active" id="tab1">
<table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;"> <table class="am-table table-main" style="padding:0;">
<thead> <thead class="cal-table-left">
<tr class="am-text-nowrap"> <tr class="cal-table-left">
<td>类别</td> <th class="cal-table-column">类别</th>
<td>收入--设备类</td> <th style="border-top: 1px solid;" class="cal-table-column">收入--设备类</th>
<td>收入--施工类</td> <th style="border-top: 1px solid;" class="cal-table-column">收入--施工类</th>
<td>收入--服务类</td> <th style="border-top: 1px solid;" class="cal-table-column">收入--服务类</th>
<td>采购成本--设备类</td> <th style="border-top: 1px solid;" class="cal-table-column">采购成本--设备类</th>
<td>采购成本--施工类</td> <th style="border-top: 1px solid;" class="cal-table-column">采购成本--施工类</th>
<td>采购成本--服务类</td> <th style="border-top: 1px solid;" class="cal-table-column">采购成本--服务类</th>
<td>采购成本--其他</td> <th style="border-top: 1px solid;" class="cal-table-column">采购成本--其他</th>
<td>成本--其他</td> <th style="border-top: 1px solid;" class="cal-table-column">成本--其他</th>
<td>成本--项目管理成本</td> <th style="border-top: 1px solid;" class="cal-table-column">成本--项目管理成本</th>
<td>财务费用--资金占用成本</td> <th style="border-top: 1px solid;" class="cal-table-column">财务费用--资金占用成本</th>
<td>公司管理费用</td> <th style="border-bottom: 1px solid; border-top: 1px solid;" class="cal-table-column">公司管理费用</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody class="cal-table-left">
<#if (primaryIndicatorList)?exists && (primaryIndicatorList?size>0)> <#if (primaryIndicatorList)?exists && (primaryIndicatorList?size>0)>
<#list primaryIndicatorList as list> <#list primaryIndicatorList as list>
<tr> <tr class="cal-table-left">
<td>${list.title!}</td> <td class="cal-table-column">${list.title!}</td>
<td>${(list.incomeDevice!0)?string("0.##")} <td class="cal-table-column">${(list.incomeDevice!0)?string("0.##")}
<td>${(list.incomeEngineer!0)?string("0.##")}</td> <td class="cal-table-column">${(list.incomeEngineer!0)?string("0.##")}</td>
<td>${(list.incomeService!0)?string("0.##")}</td> <td class="cal-table-column">${(list.incomeService!0)?string("0.##")}</td>
<td>${(list.costPurchaseDevice!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costPurchaseDevice!0)?string("0.##")}</td>
<td>${(list.costPurchaseBuild!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costPurchaseBuild!0)?string("0.##")}</td>
<td>${(list.costPurchaseService!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costPurchaseService!0)?string("0.##")}</td>
<td>${(list.costPurchaseOther!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costPurchaseOther!0)?string("0.##")}</td>
<td>${(list.costOtherOther!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costOtherOther!0)?string("0.##")}</td>
<td>${(list.costProjectManage!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costProjectManage!0)?string("0.##")}</td>
<td>${(list.costExpropriation!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costExpropriation!0)?string("0.##")}</td>
<td>${(list.costCompanyManage!0)?string("0.##")}</td> <td class="cal-table-column">${(list.costCompanyManage!0)?string("0.##")}</td>
</tr> </tr>
</#list> </#list>
</#if> </#if>
@ -63,44 +82,44 @@
<div class="am-tabs-bd"> <div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab2"> <div class="am-tab-panel am-fade am-in" id="tab2">
<table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;"> <table class="am-table table-main" style="padding:0;">
<thead> <thead class="cal-table-left">
<tr> <tr class="cal-table-left">
<td>/</td> <th class="cal-table-column">/</th>
<td>营业收入</td> <th style="border-top: 1px solid;" class="cal-table-column">营业收入</th>
<td>营业成本</td> <th style="border-top: 1px solid;" class="cal-table-column">营业成本</th>
<td>项目管理成本</td> <th style="border-top: 1px solid;" class="cal-table-column">项目管理成本</th>
<td>其他</td> <th style="border-top: 1px solid;" class="cal-table-column">其他</th>
<td>财务费用</td> <th style="border-top: 1px solid;" class="cal-table-column">财务费用</th>
<td>项目毛利</td> <th style="border-top: 1px solid;" class="cal-table-column">项目毛利</th>
<td>项目毛利率</td> <th style="border-top: 1px solid;" class="cal-table-column">项目毛利率</th>
<td>公司管理费用</td> <th style="border-top: 1px solid;" class="cal-table-column">公司管理费用</th>
<td>项目贡献利润</td> <th style="border-top: 1px solid;" class="cal-table-column">项目贡献利润</th>
<td>项目贡献利润率</td> <th style="border-top: 1px solid;" class="cal-table-column">项目贡献利润率</th>
<td>所得税费用</td> <th style="border-top: 1px solid;" class="cal-table-column">所得税费用</th>
<td>项目净利润</td> <th style="border-top: 1px solid;" class="cal-table-column">项目净利润</th>
<td>项目净利润率</td> <th style="border-bottom: 1px solid; border-top: 1px solid;" class="cal-table-column">项目净利润率</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody class="cal-table-left">
<#if (profitAndLossList)?exists && (profitAndLossList?size>0)> <#if (profitAndLossList)?exists && (profitAndLossList?size>0)>
<#list profitAndLossList as list> <#list profitAndLossList as list>
<tr> <tr class="cal-table-left">
<td>${list.title!}</td> <td class="cal-table-column">${list.title!}</td>
<td>${(list.income!0)?string("0.##")}</td> <td class="cal-table-column">${(list.income!0)?string("0.##")}</td>
<td>${(list.cost!0)?string("0.##")}</td> <td class="cal-table-column">${(list.cost!0)?string("0.##")}</td>
<td>${(list.manageCost!0)?string("0.##")}</td> <td class="cal-table-column">${(list.manageCost!0)?string("0.##")}</td>
<td>${(list.other!0)?string("0.##")}</td> <td class="cal-table-column">${(list.other!0)?string("0.##")}</td>
<td>${(list.expropriation!0)?string("0.##")}</td> <td class="cal-table-column">${(list.expropriation!0)?string("0.##")}</td>
<td>${(list.grossProfit!0)?string("0.##")}</td> <td class="cal-table-column">${(list.grossProfit!0)?string("0.##")}</td>
<td>${(list.grossProfitProfit!0)?string("0.##")}</td> <td class="cal-table-column">${(list.grossProfitProfit!0)?string("0.##")}</td>
<td>${(list.companyManage!0)?string("0.##")}</td> <td class="cal-table-column">${(list.companyManage!0)?string("0.##")}</td>
<td>${(list.contributionMargin!0)?string("0.##")}</td> <td class="cal-table-column">${(list.contributionMargin!0)?string("0.##")}</td>
<td>${(list.contributionMarginProfit!0)?string("0.##")}</td> <td class="cal-table-column">${(list.contributionMarginProfit!0)?string("0.##")}</td>
<td>${(list.incomeTax!0)?string("0.##")}</td> <td class="cal-table-column">${(list.incomeTax!0)?string("0.##")}</td>
<td>${(list.netMargin!0)?string("0.##")}</td> <td class="cal-table-column">${(list.netMargin!0)?string("0.##")}</td>
<td>${(list.netMarginProfit!0)?string("0.##")}</td> <td class="cal-table-column">${(list.netMarginProfit!0)?string("0.##")}</td>
</tr> </tr>
</#list> </#list>
</#if> </#if>
@ -111,45 +130,45 @@
<div class="am-tabs-bd"> <div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab3"> <div class="am-tab-panel am-fade am-in" id="tab3">
<table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;"> <table class="am-table table-main" style="padding:0;">
<thead> <thead class="cal-table-left">
<tr> <tr class="cal-table-left">
<td>/</td> <th class="cal-table-column">/</th>
<td>销售商品、提供劳务收到的现金</td> <th style="border-top: 1px solid;" class="cal-table-column">销售商品、提供劳务收到的现金</th>
<td>收到的税费返还</td> <th style="border-top: 1px solid;" class="cal-table-column">收到的税费返还</th>
<td>收到其他与经营活动有关的现金</td> <th style="border-top: 1px solid;" class="cal-table-column">收到其他与经营活动有关的现金</th>
<td>购买商品、接受劳务支付的现金</td> <th style="border-top: 1px solid;" class="cal-table-column">购买商品、接受劳务支付的现金</th>
<td>支付的各项税费</td> <th style="border-top: 1px solid;" class="cal-table-column">支付的各项税费</th>
<td>支付其他与经营活动有关的现金</td> <th style="border-top: 1px solid;" class="cal-table-column">支付其他与经营活动有关的现金</th>
<td>经营活动产生的现金流量净额</td> <th style="border-top: 1px solid;" class="cal-table-column">经营活动产生的现金流量净额</th>
<td>投资活动现金流入</td> <th style="border-top: 1px solid;" class="cal-table-column">投资活动现金流入</th>
<td>投资活动现金流出</td> <th style="border-top: 1px solid;" class="cal-table-column">投资活动现金流出</th>
<td>投资活动产生的现金流量净额</td> <th style="border-top: 1px solid;" class="cal-table-column">投资活动产生的现金流量净额</th>
<td>借款资金流入</td> <th style="border-top: 1px solid;" class="cal-table-column">借款资金流入</th>
<td>还款资金流出</td> <th style="border-top: 1px solid;" class="cal-table-column">还款资金流出</th>
<td>筹资活动产生的现金流量净额</td> <th style="border-top: 1px solid;" class="cal-table-column">筹资活动产生的现金流量净额</th>
<td>货币资金净增加额</td> <th style="border-bottom: 1px solid; border-top: 1px solid;" class="cal-table-column">货币资金净增加额</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody class="cal-table-left">
<#if (cashFlowList)?exists && (cashFlowList?size>0)> <#if (cashFlowList)?exists && (cashFlowList?size>0)>
<#list cashFlowList as list> <#list cashFlowList as list>
<tr> <tr class="cal-table-left">
<td>${list.title!}</td> <td class="cal-table-column">${list.title!}</td>
<td>${(list.saleIncomeCash!0)?string("0.##")}</td> <td class="cal-table-column">${(list.saleIncomeCash!0)?string("0.##")}</td>
<td>${(list.taxReturn!0)?string("0.##")}</td> <td class="cal-table-column">${(list.taxReturn!0)?string("0.##")}</td>
<td>${(list.earnestMoneyIncome!0)?string("0.##")}</td> <td class="cal-table-column">${(list.earnestMoneyIncome!0)?string("0.##")}</td>
<td>${(list.purchaseCost!0)?string("0.##")}</td> <td class="cal-table-column">${(list.purchaseCost!0)?string("0.##")}</td>
<td>${(list.taxCost!0)?string("0.##")}</td> <td class="cal-table-column">${(list.taxCost!0)?string("0.##")}</td>
<td>${(list.earnestMoneyCost!0)?string("0.##")}</td> <td class="cal-table-column">${(list.earnestMoneyCost!0)?string("0.##")}</td>
<td>${(list.netCashFlow!0)?string("0.##")}</td> <td class="cal-table-column">${(list.netCashFlow!0)?string("0.##")}</td>
<td>${(list.cashInflowFromInvestingActivities!0)?string("0.##")}</td> <td class="cal-table-column">${(list.cashInflowFromInvestingActivities!0)?string("0.##")}</td>
<td>${(list.cashOutflowFromInvestingActivities!0)?string("0.##")}</td> <td class="cal-table-column">${(list.cashOutflowFromInvestingActivities!0)?string("0.##")}</td>
<td>${(list.netCashFromInvestingActivities!0)?string("0.##")}</td> <td class="cal-table-column">${(list.netCashFromInvestingActivities!0)?string("0.##")}</td>
<td>${(list.financingCapitalInflow!0)?string("0.##")}</td> <td class="cal-table-column">${(list.financingCapitalInflow!0)?string("0.##")}</td>
<td>${(list.financingCapitalOutflow!0)?string("0.##")}</td> <td class="cal-table-column">${(list.financingCapitalOutflow!0)?string("0.##")}</td>
<td>${(list.financingCapitalCashflow!0)?string("0.##")}</td> <td class="cal-table-column">${(list.financingCapitalCashflow!0)?string("0.##")}</td>
<td>${(list.netIncreaseMonetaryFunds!0)?string("0.##")}</td> <td class="cal-table-column">${(list.netIncreaseMonetaryFunds!0)?string("0.##")}</td>
</tr> </tr>
</#list> </#list>
</#if> </#if>

View File

@ -6,6 +6,8 @@
<style type="text/css"> <style type="text/css">
.cal-table-column { .cal-table-column {
display: block; display: block;
border-bottom: 1px solid;
border-right: 1px solid;
} }
.cal-table-left { .cal-table-left {
display: block; display: block;
@ -13,8 +15,9 @@
} }
table { table {
display: block; display: block;
/*border: 1px solid;*/ border-collapse: collapse;
width: 200px; width: 100%;
overflow-x: scroll;
} }
</style> </style>
@ -45,21 +48,21 @@
<div class="am-tabs-bd"> <div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1"> <div class="am-tab-panel am-fade am-in am-active" id="tab1">
<div class="am-scrollable-horizontal"> <div class="am-scrollable-horizontal">
<table class="am-table am-table-bordered am-table-radius table-main cal-table-table" style="padding:0;"> <table class="am-table table-main cal-table-table" style="padding:0;">
<thead class="cal-table-left"> <thead class="cal-table-left">
<tr class="cal-table-left"> <tr class="cal-table-left">
<th class="table-title cal-table-column">项目名称</th> <th class="table-title cal-table-column">项目名称</th>
<th class="table-title cal-table-column">收入--设备类</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">收入--设备类</th>
<th class="table-title cal-table-column">收入--工程类</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">收入--工程类</th>
<th class="table-title cal-table-column">收入--服务类</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">收入--服务类</th>
<th class="table-title cal-table-column">采购成本--设备类</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--设备类</th>
<th class="table-title cal-table-column">采购成本--施工类</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--施工类</th>
<th class="table-title cal-table-column">采购成本--服务类</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--服务类</th>
<th class="table-title cal-table-column">采购成本--其他</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">采购成本--其他</th>
<th class="table-title cal-table-column">成本--其他</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">成本--其他</th>
<th class="table-title cal-table-column">成本--项目管理成本</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">成本--项目管理成本</th>
<th class="table-title cal-table-column">财务费用--资金占用成本</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">财务费用--资金占用成本</th>
<th 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> </tr>
</thead> </thead>
@ -92,23 +95,23 @@
<div class="am-tabs-bd"> <div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab2"> <div class="am-tab-panel am-fade am-in" id="tab2">
<div class="am-scrollable-horizontal"> <div class="am-scrollable-horizontal">
<table class="am-table am-table-bordered am-table-radius table-main cal-table-table" style="padding:0;"> <table class="am-table table-main cal-table-table" style="padding:0;">
<thead class="cal-table-left"> <thead class="cal-table-left">
<tr class="cal-table-left"> <tr class="cal-table-left">
<th class="table-title cal-table-column">项目名称</th> <th class="table-title cal-table-column">项目名称</th>
<th class="table-title cal-table-column">营业收入</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">营业收入</th>
<th class="table-title cal-table-column">营业成本</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">营业成本</th>
<th class="table-title cal-table-column">项目管理成本</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">项目管理成本</th>
<th class="table-title cal-table-column">其他</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">其他</th>
<th class="table-title cal-table-column">财务费用</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">财务费用</th>
<th class="table-title cal-table-column">项目毛利</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">项目毛利</th>
<th class="table-title cal-table-column">项目毛利率</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">项目毛利率</th>
<th class="table-title cal-table-column">公司管理费用</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">公司管理费用</th>
<th class="table-title cal-table-column">项目贡献利润</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">项目贡献利润</th>
<th class="table-title cal-table-column">项目贡献利润率</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">项目贡献利润率</th>
<th class="table-title cal-table-column">所得税费用</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">所得税费用</th>
<th class="table-title cal-table-column">项目净利润</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">项目净利润</th>
<th 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> </tr>
</thead> </thead>
@ -142,24 +145,24 @@
<div class="am-tabs-bd"> <div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab3"> <div class="am-tab-panel am-fade am-in" id="tab3">
<div class="am-scrollable-horizontal"> <div class="am-scrollable-horizontal">
<table class="am-table am-table-bordered am-table-radius table-main cal-table-table" style="padding:0;"> <table class="am-table table-main cal-table-table" style="padding:0;">
<thead class="cal-table-left"> <thead class="cal-table-left">
<tr class="cal-table-left"> <tr class="cal-table-left">
<th class="table-title cal-table-column">项目名称</th> <th class="table-title cal-table-column">项目名称</th>
<th class="table-title cal-table-column">销售商品、提供劳务收到的现金</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">销售商品、提供劳务收到的现金</th>
<th class="table-title cal-table-column">收到的税费返还</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">收到的税费返还</th>
<th class="table-title cal-table-column">收到的其他与经营活动有关的现金</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">收到的其他与经营活动有关的现金</th>
<th class="table-title cal-table-column">购买商品、接受劳务支付的现金</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">购买商品、接受劳务支付的现金</th>
<th class="table-title cal-table-column">支付的各项税费</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">支付的各项税费</th>
<th class="table-title cal-table-column">支付其他与经营活动有关的现金</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">支付其他与经营活动有关的现金</th>
<th class="table-title cal-table-column">经营活动产生的现金流量净额</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">经营活动产生的现金流量净额</th>
<th class="table-title cal-table-column">投资活动现金流入</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">投资活动现金流入</th>
<th class="table-title cal-table-column">投资活动现金流出</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">投资活动现金流出</th>
<th class="table-title cal-table-column">投资活动产生的现金流量净额</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">投资活动产生的现金流量净额</th>
<th class="table-title cal-table-column">借款资金流入</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">借款资金流入</th>
<th class="table-title cal-table-column">还款资金流出</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">还款资金流出</th>
<th class="table-title cal-table-column">筹资活动产生的现金流量净额</th> <th style="border-top: 1px solid;" class="table-title cal-table-column">筹资活动产生的现金流量净额</th>
<th 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> </tr>
</thead> </thead>