mula
/
fourcal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

横竖变换样式

master
OathK1per 2022-01-04 16:26:24 +08:00
parent 6cfadbd998
commit 3dbb40c3c1
2 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/main/resources/templates/admin/month_statistics.ftl
View File

@ -10,13 +10,12 @@
border-right: 1px solid; border-right: 1px solid;
} }
.cal-table-left { .cal-table-left {
display: block; display: inline-block;
float: left;
} }
table { table {
display: block; display: block;
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 200px;
overflow-x: scroll; overflow-x: scroll;
} }
</style> </style>
@ -37,8 +36,9 @@
</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 table-main" style="padding:0;"> <div class="am-scrollable-horizontal">
<thead class="cal-table-left"> <table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left" style="overflow-x: scroll;">
<tr class="cal-table-left"> <tr class="cal-table-left">
<th class="cal-table-column">类别</th> <th class="cal-table-column">类别</th>
<th style="border-top: 1px solid;" class="cal-table-column">收入--设备类</th> <th style="border-top: 1px solid;" class="cal-table-column">收入--设备类</th>
@ -55,12 +55,12 @@
</tr> </tr>
</thead> </thead>
<tbody class="cal-table-left"> <tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 180px);white-space: nowrap;">
<#if (primaryIndicatorList)?exists && (primaryIndicatorList?size>0)> <#if (primaryIndicatorList)?exists && (primaryIndicatorList?size>0)>
<#list primaryIndicatorList as list> <#list primaryIndicatorList as list>
<tr class="cal-table-left"> <tr class="cal-table-left">
<td class="cal-table-column">${list.title!}</td> <td class="cal-table-column">${list.title!}</td>
<td class="cal-table-column">${(list.incomeDevice!0)?string("0.##")} <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.incomeEngineer!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.incomeService!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.costPurchaseDevice!0)?string("0.##")}</td>
@ -78,12 +78,13 @@
</table> </table>
</div> </div>
</div> </div>
</div>
<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 table-main" style="padding:0;"> <table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left"> <thead class="cal-table-left" style="overflow-x: scroll;">
<tr class="cal-table-left"> <tr class="cal-table-left">
<th class="cal-table-column">/</th> <th class="cal-table-column">/</th>
<th style="border-top: 1px solid;" class="cal-table-column">营业收入</th> <th style="border-top: 1px solid;" class="cal-table-column">营业收入</th>
@ -102,7 +103,7 @@
</tr> </tr>
</thead> </thead>
<tbody class="cal-table-left"> <tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 180px);white-space: nowrap;">
<#if (profitAndLossList)?exists && (profitAndLossList?size>0)> <#if (profitAndLossList)?exists && (profitAndLossList?size>0)>
<#list profitAndLossList as list> <#list profitAndLossList as list>
<tr class="cal-table-left"> <tr class="cal-table-left">
@ -130,8 +131,8 @@
<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 table-main" style="padding:0;"> <table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left"> <thead class="cal-table-left" style="overflow-x: scroll;">
<tr class="cal-table-left"> <tr class="cal-table-left">
<th class="cal-table-column">/</th> <th class="cal-table-column">/</th>
<th style="border-top: 1px solid;" class="cal-table-column">销售商品、提供劳务收到的现金</th> <th style="border-top: 1px solid;" class="cal-table-column">销售商品、提供劳务收到的现金</th>
@ -150,7 +151,7 @@
<th style="border-bottom: 1px solid; border-top: 1px solid;" class="cal-table-column">货币资金净增加额</th> <th style="border-bottom: 1px solid; border-top: 1px solid;" class="cal-table-column">货币资金净增加额</th>
</tr> </tr>
</thead> </thead>
<tbody class="cal-table-left"> <tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 180px);white-space: nowrap;">
<#if (cashFlowList)?exists && (cashFlowList?size>0)> <#if (cashFlowList)?exists && (cashFlowList?size>0)>
<#list cashFlowList as list> <#list cashFlowList as list>
<tr class="cal-table-left"> <tr class="cal-table-left">

23
src/main/resources/templates/admin/project_statistics.ftl
View File

@ -10,13 +10,12 @@
border-right: 1px solid; border-right: 1px solid;
} }
.cal-table-left { .cal-table-left {
display: block; display: inline-block;
float: left;
} }
table { table {
display: block; display: block;
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 200px;
overflow-x: scroll; overflow-x: scroll;
} }
</style> </style>
@ -48,8 +47,8 @@
<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 table-main cal-table-table" style="padding:0;"> <table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left"> <thead class="cal-table-left" style="overflow-x: scroll;">
<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 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>
@ -66,7 +65,7 @@
</tr> </tr>
</thead> </thead>
<tbody class="cal-table-left"> <tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 180px);white-space: nowrap;">
<#if (pager)?exists> <#if (pager)?exists>
<#list pager as list> <#list pager as list>
<tr class="cal-table-left"> <tr class="cal-table-left">
@ -95,8 +94,8 @@
<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 table-main cal-table-table" style="padding:0;"> <table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left"> <thead class="cal-table-left" style="overflow-x: scroll;">
<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 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>
@ -115,7 +114,7 @@
</tr> </tr>
</thead> </thead>
<tbody class="cal-table-left"> <tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 180px);white-space: nowrap;">
<#if (pager)?exists> <#if (pager)?exists>
<#list pager as list> <#list pager as list>
<tr class="cal-table-left"> <tr class="cal-table-left">
@ -145,8 +144,8 @@
<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 table-main cal-table-table" style="padding:0;"> <table class="am-table table-main" cellpadding="0" cellspacing="0">
<thead class="cal-table-left"> <thead class="cal-table-left" style="overflow-x: scroll;">
<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 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>
@ -166,7 +165,7 @@
</tr> </tr>
</thead> </thead>
<tbody class="cal-table-left"> <tbody class="cal-table-left" style="overflow-x: scroll;width: calc(100% - 180px);white-space: nowrap;">
<#if (pager)?exists> <#if (pager)?exists>
<#list pager as list> <#list pager as list>
<tr class="cal-table-left"> <tr class="cal-table-left">