FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

清单样式调整

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
+3 -2
View File
@@ -124,7 +124,8 @@ export default {
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#accessStandardsAndRegulations { #accessStandardsAndRegulations {
height: 100%; //min-height: calc(100% - 20px);
height: inherit;
padding: 0 10px; padding: 0 10px;
background: #fff; background: #fff;
display: flex; display: flex;
@@ -147,7 +148,7 @@ export default {
flex-direction: column; flex-direction: column;
.el-tab-pane { .el-tab-pane {
height: 100%; height: 10px;
flex: auto; flex: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
+94 -86
View File
@@ -67,95 +67,97 @@
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<el-table <div class="table_info">
:data="sarAccessListDatas" <el-table
tooltip-effect="dark" :data="sarAccessListDatas"
style="width: 100%" tooltip-effect="dark"
border style="width: 100%"
height="100%" border
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection" ref="selection"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="countryAreaShow"
label="国家/地区"
align="center">
</el-table-column>
<el-table-column
prop="detailedListName"
label="清单名称"
align="center"
width="260px"
> >
<template slot-scope="scope"> <el-table-column
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a> type="selection"
</template> width="55"
</el-table-column> align="center">
<el-table-column </el-table-column>
prop="detailedListState" <el-table-column
label="清单状态" prop="countryAreaShow"
align="center"> label="国家/地区"
<template slot-scope="scope"> align="center">
<span v-if="scope.row.detailedListState === '0'">未发布</span> </el-table-column>
<span v-if="scope.row.detailedListState === '1'">已发布</span> <el-table-column
<span v-if="scope.row.detailedListState === '3'">审核中</span> prop="detailedListName"
</template> label="清单名称"
</el-table-column> align="center"
<el-table-column width="260px"
prop="detailedListVision" >
label="清单版本" <template slot-scope="scope">
align="center"> <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
<template slot-scope="scope"> </template>
</el-table-column>
<el-table-column
prop="detailedListState"
label="清单状态"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span>
<span v-if="scope.row.detailedListState === '3'">审核中</span>
</template>
</el-table-column>
<el-table-column
prop="detailedListVision"
label="清单版本"
align="center">
<template slot-scope="scope">
<span <span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
scope.row.detailedListVision scope.row.detailedListVision
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updateTime" prop="updateTime"
label="更新时间" label="更新时间"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ <div>{{
scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : scope.row.updateTime scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : scope.row.updateTime
}} }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updatePeople" prop="updatePeople"
label="更新人" label="更新人"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div @click.stop style="display: inline-block">
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'b736f2469d49b3214cc8087419a24b60'"> <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'b736f2469d49b3214cc8087419a24b60'">
查看 查看
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'4733577057bf2470fc5c1f88d81eaf1d'"> <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'4733577057bf2470fc5c1f88d81eaf1d'">
编辑 编辑
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'ff411226afb759fd2f4a2798ceac322a'"> <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'ff411226afb759fd2f4a2798ceac322a'">
删除 删除
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination> @pageSizeChange="pageSizeChange"></pagination>
@@ -394,9 +396,11 @@ export default {
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
height: 100%; //height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
.container { .container {
display: flex; display: flex;
@@ -404,10 +408,14 @@ export default {
position: relative; position: relative;
flex: auto; flex: auto;
width: 100%; width: 100%;
height: calc(100% - 110px) !important; //height: calc(100% - 110px) !important;
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination { .pagination {
position: static; position: inherit;
/deep/ .pagination-slot { /deep/ .pagination-slot {
padding: 0; padding: 0;
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
+97 -89
View File
@@ -58,98 +58,100 @@
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<el-table <div class="table_info">
:data="sarAccessListDatas" <el-table
tooltip-effect="dark" :data="sarAccessListDatas"
style="width: 100%" tooltip-effect="dark"
border style="width: 100%"
height="100%" border
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection" ref="selection"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="detailedList"
label="清单类别"
align="center">
</el-table-column>
<el-table-column
prop="detailedListName"
label="清单名称"
align="center"
width="260px"
> >
<template slot-scope="scope"> <el-table-column
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a> type="selection"
</template> width="55"
</el-table-column> align="center">
<el-table-column </el-table-column>
prop="detailedListState" <el-table-column
label="清单状态" prop="detailedList"
align="center"> label="清单类别"
<template slot-scope="scope"> align="center">
<span v-if="scope.row.detailedListState === '0'">未发布</span> </el-table-column>
<span v-if="scope.row.detailedListState === '1'">已发布</span> <el-table-column
<span v-if="scope.row.detailedListState === '3'">审核中</span> prop="detailedListName"
</template> label="清单名称"
</el-table-column> align="center"
<el-table-column width="260px"
prop="detailedListVision" >
label="清单版本" <template slot-scope="scope">
align="center"> <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
<template slot-scope="scope"> </template>
</el-table-column>
<el-table-column
prop="detailedListState"
label="清单状态"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span>
<span v-if="scope.row.detailedListState === '3'">审核中</span>
</template>
</el-table-column>
<el-table-column
prop="detailedListVision"
label="清单版本"
align="center">
<template slot-scope="scope">
<span <span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column <!-- <el-table-column
prop="applicationScope" prop="applicationScope"
label="适用领域" label="适用领域"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span <span
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span> }}</span>
</template> </template>
</el-table-column>--> </el-table-column>-->
<el-table-column <el-table-column
prop="updateTime" prop="updateTime"
label="更新时间" label="更新时间"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div> <div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updatePeople" prop="updatePeople"
label="更新人" label="更新人"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div @click.stop style="display: inline-block">
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'30bfbe928d7ee6e6bcef9408b762bc97'">查看 <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'30bfbe928d7ee6e6bcef9408b762bc97'">查看
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'69ebe6847ad7bf7e90bae8025080678c'">编辑 <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'69ebe6847ad7bf7e90bae8025080678c'">编辑
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'adec3450d97917a4ffa803d40a46dba9'">删除 <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'adec3450d97917a4ffa803d40a46dba9'">删除
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination> @pageSizeChange="pageSizeChange"></pagination>
@@ -374,9 +376,11 @@ export default {
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
height: 100%; //height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
.container { .container {
display: flex; display: flex;
@@ -385,8 +389,12 @@ export default {
flex: auto; flex: auto;
width: 100%; width: 100%;
//height: calc(~'100% - 105px - 56px') !important; //height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination { .pagination {
position: static; position: inherit;
/deep/ .pagination-slot { /deep/ .pagination-slot {
padding: 0; padding: 0;
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
+87 -79
View File
@@ -68,88 +68,90 @@
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<el-table <div class="table_info">
:data="sarAccessListDatas" <el-table
tooltip-effect="dark" :data="sarAccessListDatas"
style="width: 100%" tooltip-effect="dark"
border style="width: 100%"
height="100%" border
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection" ref="selection"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="carTypeShow"
label="车型类别"
align="center">
</el-table-column>
<el-table-column
prop="detailedListName"
label="清单名称"
align="center"
width="260px"
> >
<template slot-scope="scope"> <el-table-column
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a> type="selection"
</template> width="55"
</el-table-column> align="center">
<el-table-column </el-table-column>
prop="detailedListState" <el-table-column
label="清单状态" prop="carTypeShow"
align="center"> label="车型类别"
<template slot-scope="scope"> align="center">
<span v-if="scope.row.detailedListState === '0'">未发布</span> </el-table-column>
<span v-if="scope.row.detailedListState === '1'">已发布</span> <el-table-column
<span v-if="scope.row.detailedListState === '3'">审核中</span> prop="detailedListName"
</template> label="清单名称"
</el-table-column> align="center"
<el-table-column width="260px"
prop="detailedListVision" >
label="清单版本" <template slot-scope="scope">
align="center"> <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
<template slot-scope="scope"> </template>
</el-table-column>
<el-table-column
prop="detailedListState"
label="清单状态"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span>
<span v-if="scope.row.detailedListState === '3'">审核中</span>
</template>
</el-table-column>
<el-table-column
prop="detailedListVision"
label="清单版本"
align="center">
<template slot-scope="scope">
<span <span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updateTime" prop="updateTime"
label="更新时间" label="更新时间"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div> <div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updatePeople" prop="updatePeople"
label="更新人" label="更新人"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div @click.stop style="display: inline-block">
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'cfe3ce86cd64c5924c2e6d13e7f7ea31'">查看 <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'cfe3ce86cd64c5924c2e6d13e7f7ea31'">查看
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'9d0783096e61390a54e0fea1eda461dc'">编辑 <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'9d0783096e61390a54e0fea1eda461dc'">编辑
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'4136d025d20d4c9b55c732b74dfa581d'">删除 <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'4136d025d20d4c9b55c732b74dfa581d'">删除
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination> @pageSizeChange="pageSizeChange"></pagination>
@@ -427,9 +429,11 @@ export default {
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
height: 100%; //height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
.container { .container {
display: flex; display: flex;
@@ -438,8 +442,12 @@ export default {
flex: auto; flex: auto;
width: 100%; width: 100%;
//height: calc(~'100% - 105px - 56px') !important; //height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination { .pagination {
position: static; position: inherit;
/deep/ .pagination-slot { /deep/ .pagination-slot {
padding: 0; padding: 0;
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listTracking.vue
+67 -60
View File
@@ -57,65 +57,67 @@
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<el-table <div class="table_info">
:data="sarAccessListDatas" <el-table
tooltip-effect="dark" :data="sarAccessListDatas"
style="width: 100%" tooltip-effect="dark"
border style="width: 100%"
height="100%" border
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection" ref="selection"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="lawCode"
width="250"
label="标准编号/政策编号"
align="center">
</el-table-column>
<el-table-column
prop="lawName"
label="标准名称/政策名称"
align="center"
width="300px"
> >
</el-table-column> <el-table-column
<el-table-column type="selection"
prop="productType" width="55"
label="产品类型" align="center">
align="center"> </el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="lawCode"
prop="implTime" width="250"
sortable label="标准编号/政策编号"
label="实施时间" align="center">
align="center"> </el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="lawName"
prop="implRequire" label="标准名称/政策名称"
label="实施要求" align="center"
align="center"> width="300px"
</el-table-column> >
<el-table-column label="操作" min-width="50" align="center"> </el-table-column>
<template slot-scope="scope"> <el-table-column
<div @click.stop style="display: inline-block"> prop="productType"
<el-dropdown trigger="click" @command="handleCommand"> label="产品类型"
<i class="iconfont">&#xe61e;</i> align="center">
<el-dropdown-menu slot="dropdown"> </el-table-column>
<el-dropdown-item :command="[scope.row, '编辑']">编辑</el-dropdown-item> <el-table-column
<el-dropdown-item :command="[scope.row, '删除']">删除</el-dropdown-item> prop="implTime"
</el-dropdown-menu> sortable
</el-dropdown> label="实施时间"
</div> align="center">
</template> </el-table-column>
</el-table-column> <el-table-column
</el-table> prop="implRequire"
label="实施要求"
align="center">
</el-table-column>
<el-table-column label="操作" min-width="50" align="center">
<template slot-scope="scope">
<div @click.stop style="display: inline-block">
<el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '编辑']">编辑</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']">删除</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
</el-table-column>
</el-table>
</div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination> <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
</div> </div>
@@ -1370,9 +1372,11 @@ export default {
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listTracking { #listTracking {
height: 100%; //height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px);
overflow-y: auto;
/deep/.el-form-item__label{ /deep/.el-form-item__label{
color: #333333; color: #333333;
} }
@@ -1382,9 +1386,12 @@ export default {
position: relative; position: relative;
flex: auto; flex: auto;
width: 100%; width: 100%;
height: calc(100% - 110px) !important; height: calc(~'100% - 30px');
.table_info {
height: calc(70vh - 90px);
}
.pagination { .pagination {
position: static; position: inherit;
/deep/ .pagination-slot { /deep/ .pagination-slot {
padding: 0; padding: 0;
} }
src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue
+19 -5
View File
@@ -83,13 +83,14 @@
<el-tab-pane label="未维护" name="notMaintenance"></el-tab-pane> <el-tab-pane label="未维护" name="notMaintenance"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<el-table <div class="table_info">
<el-table
ref="multipleTable" ref="multipleTable"
:data="localProTableList" :data="localProTableList"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
border border
max-height="600" height="100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '15px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '15px',
fontWeight: 'normal', height: '48px'}" fontWeight: 'normal', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -208,6 +209,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<pagination <pagination
:page="page" :page="page"
:pageSize="pageSize" :pageSize="pageSize"
@@ -1618,11 +1620,22 @@ export default {
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
.local-products-or-project-library { .local-products-or-project-library {
//height: calc(100% - 69px);
//position: relative; //position: relative;
height: calc(100% - 100px); min-height: calc(100% - 100px);
overflow-y: auto;
.container { .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 { .el-drawer-form {
@@ -1630,7 +1643,8 @@ export default {
} }
/deep/ .pagination { /deep/ .pagination {
position: absolute; position:inherit;
//position: unset;
} }
.row-col-box { .row-col-box {