横竖变换样式

master
OathK1per 2022-01-04 16:26:24 +08:00
parent 6cfadbd998
commit 3dbb40c3c1
2 changed files with 25 additions and 25 deletions

View File

@ -10,13 +10,12 @@
border-right: 1px solid;
}
.cal-table-left {
display: block;
float: left;
display: inline-block;
}
table {
display: block;
border-collapse: collapse;
width: 100%;
width: 200px;
overflow-x: scroll;
}
</style>
@ -37,8 +36,9 @@
</ul>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
<table class="am-table table-main" style="padding:0;">
<thead class="cal-table-left">
<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="cal-table-column">类别</th>
<th style="border-top: 1px solid;" class="cal-table-column">收入--设备类</th>
@ -55,12 +55,12 @@
</tr>
</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)>
<#list primaryIndicatorList as list>
<tr class="cal-table-left">
<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.incomeService!0)?string("0.##")}</td>
<td class="cal-table-column">${(list.costPurchaseDevice!0)?string("0.##")}</td>
@ -76,14 +76,15 @@
</#if>
</tbody>
</table>
</div>
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab2">
<table class="am-table table-main" style="padding:0;">
<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">
<th class="cal-table-column">/</th>
<th style="border-top: 1px solid;" class="cal-table-column">营业收入</th>
@ -102,7 +103,7 @@
</tr>
</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)>
<#list profitAndLossList as list>
<tr class="cal-table-left">
@ -130,8 +131,8 @@
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab3">
<table class="am-table table-main" style="padding:0;">
<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">
<th 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>
</tr>
</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)>
<#list cashFlowList as list>
<tr class="cal-table-left">

View File

@ -10,13 +10,12 @@
border-right: 1px solid;
}
.cal-table-left {
display: block;
float: left;
display: inline-block;
}
table {
display: block;
border-collapse: collapse;
width: 100%;
width: 200px;
overflow-x: scroll;
}
</style>
@ -48,8 +47,8 @@
<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 cal-table-table" style="padding:0;">
<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">
<th 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>
</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>
<#list pager as list>
<tr class="cal-table-left">
@ -95,8 +94,8 @@
<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 cal-table-table" style="padding:0;">
<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">
<th 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>
</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>
<#list pager as list>
<tr class="cal-table-left">
@ -145,8 +144,8 @@
<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 cal-table-table" style="padding:0;">
<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">
<th 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>
</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>
<#list pager as list>
<tr class="cal-table-left">