|
@ -37,7 +37,10 @@ |
|
|
v-for="(item, index) in historyStore.tableData" |
|
|
v-for="(item, index) in historyStore.tableData" |
|
|
:key="index" |
|
|
:key="index" |
|
|
> |
|
|
> |
|
|
<p class="title">{{ item.title }}</p> |
|
|
|
|
|
|
|
|
<van-sticky> |
|
|
|
|
|
<p class="title">{{ item.title }}</p></van-sticky |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<div class="first_box" v-for="it in item.data" :key="it"> |
|
|
<div class="first_box" v-for="it in item.data" :key="it"> |
|
|
<p class="content">{{ it }}</p> |
|
|
<p class="content">{{ it }}</p> |
|
|
<p class="line"></p> |
|
|
<p class="line"></p> |
|
@ -216,15 +219,16 @@ const showDetailModal = item => { |
|
|
z-index: 4; |
|
|
z-index: 4; |
|
|
} |
|
|
} |
|
|
.table_wrap { |
|
|
.table_wrap { |
|
|
flex: 1; |
|
|
|
|
|
width: 1220px; |
|
|
|
|
|
|
|
|
// flex: 1; |
|
|
|
|
|
width: 3124px; |
|
|
|
|
|
height: 580px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-evenly; |
|
|
justify-content: space-evenly; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
overflow: scroll; |
|
|
overflow: scroll; |
|
|
.table_column { |
|
|
.table_column { |
|
|
height: 100%; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
// height: 500px; |
|
|
|
|
|
// position: relative; |
|
|
.title { |
|
|
.title { |
|
|
height: 80px; |
|
|
height: 80px; |
|
|
position: sticky; |
|
|
position: sticky; |
|
@ -239,8 +243,8 @@ const showDetailModal = item => { |
|
|
letter-spacing: 0.07em; |
|
|
letter-spacing: 0.07em; |
|
|
color: #999999; |
|
|
color: #999999; |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
margin: 0 20px; |
|
|
|
|
|
background: #f6f6f6; |
|
|
background: #f6f6f6; |
|
|
|
|
|
width: 100%; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
} |
|
|
} |
|
|
.first_box { |
|
|
.first_box { |
|
|