hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-11 20:16:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式调整

Browse Source
This commit is contained in:
mengxiaolong
2020-08-11 11:34:30 +08:00
parent f572342b88
commit 786e0087e8
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/ebiz/report/reportDetail.vue
View File

@@ -38,10 +38,10 @@
</table> </table>
</div> </div>
</div> </div>
<div v-else style="background: #fff; width: 1300px; min-height: 100vh;" class="specialTable pt15"> <div v-else style="background: #fff; width: 82em; min-height: 100vh;" class="specialTable pt15">
<div class="tableHead" style="width: 100%"> <div class="tableHead" style="width: 100%">
<span class="th w140 header" style="position: sticky; left: 0;">合作渠道</span> <span class="th w140 header" style="position: sticky; left: 0;">合作渠道</span>
<span class="th w140 header firstCol">险种名称</span> <span class="th w140 header">险种名称</span>
<span class="th w140 header">当日预收件数</span> <span class="th w140 header">当日预收件数</span>
<span class="th header longTitle">当日预收规模保费（万元）</span> <span class="th header longTitle">当日预收规模保费（万元）</span>
<span class="th w140 header">当日承保件数</span> <span class="th w140 header">当日承保件数</span>
@@ -53,7 +53,7 @@
<div class="companyName">{{ item.name }}</div> <div class="companyName">{{ item.name }}</div>
</div> </div>
<div class="lineWrapper"> <div class="lineWrapper">
<div v-for="(data, i) in item.data" :key="i" class="firstCol" :style="{ borderBottom: item.data.length !== i + 1 ? '1px solid #d7d7d7' : '' }"> <div v-for="(data, i) in item.data" :key="i" style="height: 70px;" :style="{ borderBottom: item.data.length !== i + 1 ? '1px solid #d7d7d7' : '' }">
<div class="data w140"> <div class="data w140">
{{ data.riskName }} {{ data.riskName }}
</div> </div>
@@ -209,9 +209,7 @@ $border: 1px solid #d7d7d7;
} }
.lineWrapper { .lineWrapper {
width: 1158px; flex: 1;
display: inline-block;
vertical-align: middle;
} }
.companyName { .companyName {
@@ -233,11 +231,13 @@ $border: 1px solid #d7d7d7;
} }
.line { .line {
display: flex;
border: $border; border: $border;
} }
.specialTable { .specialTable {
position: relative; position: relative;
font-size: 16px;
} }
.header { .header {
@@ -255,17 +255,17 @@ $border: 1px solid #d7d7d7;
.fixedTitle { .fixedTitle {
position: sticky; position: sticky;
left: 0; left: 0;
border-right: $border;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border-right: $border;
} }
.longTitle { .longTitle {
width: 210px; width: 15em;
} }
.w140 { .w140 {
width: 140px; width: 10em;
} }
.lh70 { .lh70 {