清单样式调整

This commit is contained in:
shenyanpei
2021-12-06 15:13:43 +08:00
parent 298180479a
commit e87863fbd2
6 changed files with 367 additions and 321 deletions
@@ -124,7 +124,8 @@ export default {
@import '~@/assets/styles/mixins';
#accessStandardsAndRegulations {
height: 100%;
//min-height: calc(100% - 20px);
height: inherit;
padding: 0 10px;
background: #fff;
display: flex;
@@ -147,7 +148,7 @@ export default {
flex-direction: column;
.el-tab-pane {
height: 100%;
height: 10px;
flex: auto;
display: flex;
flex-direction: column;
@@ -67,6 +67,7 @@
</div>
<div class="container">
<loading :loading="tableLoading">数据获取中</loading>
<div class="table_info">
<el-table
:data="sarAccessListDatas"
tooltip-effect="dark"
@@ -156,6 +157,7 @@
</template>
</el-table-column>
</el-table>
</div>
<loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
@@ -394,9 +396,11 @@ export default {
@import '~@/assets/styles/mixins';
#listOfCountries {
height: 100%;
//height: 100%;
display: flex;
flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
.container {
display: flex;
@@ -404,10 +408,14 @@ export default {
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
//height: calc(100% - 110px) !important;
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination {
position: static;
position: inherit;
/deep/ .pagination-slot {
padding: 0;
@@ -58,6 +58,7 @@
</div>
<div class="container">
<loading :loading="tableLoading">数据获取中</loading>
<div class="table_info">
<el-table
:data="sarAccessListDatas"
tooltip-effect="dark"
@@ -150,6 +151,7 @@
</template>
</el-table-column>
</el-table>
</div>
<loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
@@ -374,9 +376,11 @@ export default {
@import '~@/assets/styles/mixins';
#listOfCountries {
height: 100%;
//height: 100%;
display: flex;
flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
.container {
display: flex;
@@ -385,8 +389,12 @@ export default {
flex: auto;
width: 100%;
//height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination {
position: static;
position: inherit;
/deep/ .pagination-slot {
padding: 0;
@@ -68,6 +68,7 @@
</div>
<div class="container">
<loading :loading="tableLoading">数据获取中</loading>
<div class="table_info">
<el-table
:data="sarAccessListDatas"
tooltip-effect="dark"
@@ -150,6 +151,7 @@
</template>
</el-table-column>
</el-table>
</div>
<loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
@@ -427,9 +429,11 @@ export default {
@import '~@/assets/styles/mixins';
#listOfCountries {
height: 100%;
//height: 100%;
display: flex;
flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
.container {
display: flex;
@@ -438,8 +442,12 @@ export default {
flex: auto;
width: 100%;
//height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination {
position: static;
position: inherit;
/deep/ .pagination-slot {
padding: 0;
@@ -57,6 +57,7 @@
</div>
<div class="container">
<loading :loading="tableLoading">数据获取中</loading>
<div class="table_info">
<el-table
:data="sarAccessListDatas"
tooltip-effect="dark"
@@ -116,6 +117,7 @@
</template>
</el-table-column>
</el-table>
</div>
<loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
</div>
@@ -1370,9 +1372,11 @@ export default {
@import '~@/assets/styles/style';
@import '~@/assets/styles/mixins';
#listTracking {
height: 100%;
//height: 100%;
display: flex;
flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
/deep/.el-form-item__label{
color: #333333;
}
@@ -1382,9 +1386,12 @@ export default {
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination {
position: static;
position: inherit;
/deep/ .pagination-slot {
padding: 0;
}
@@ -83,13 +83,14 @@
<el-tab-pane label="未维护" name="notMaintenance"></el-tab-pane>
</el-tabs>
</div>
<div class="table_info">
<el-table
ref="multipleTable"
:data="localProTableList"
tooltip-effect="dark"
style="width: 100%"
border
max-height="600"
height="100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '15px',
fontWeight: 'normal', height: '48px'}"
@selection-change="handleSelectionChange">
@@ -208,6 +209,7 @@
</template>
</el-table-column>
</el-table>
</div>
<pagination
:page="page"
:pageSize="pageSize"
@@ -1618,11 +1620,22 @@ export default {
@import '~@/assets/styles/style';
.local-products-or-project-library {
//height: calc(100% - 69px);
//position: relative;
height: calc(100% - 100px);
min-height: calc(100% - 100px);
overflow-y: auto;
.container {
height: calc(~'100% - 55px');
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
//height: calc(100% - 110px);
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
}
.el-drawer-form {
@@ -1630,7 +1643,8 @@ export default {
}
/deep/ .pagination {
position: absolute;
position:inherit;
//position: unset;
}
.row-col-box {