feat: There is no way the,  56933 项目清单确认流程-选择项目,数据滚动条显示数据太少 划到最底下就没数据了 应该显示的20多跳 但是未维护有2000多不行加分页吧

This commit is contained in:
396572590@qq.com
2022-08-12 15:46:05 +08:00
parent 62371741f1
commit 86ce55d0d7
@@ -232,10 +232,9 @@
size="900px" size="900px"
custom-class="demo-drawer" custom-class="demo-drawer"
> >
<div class="demo-drawer-content"> <div class="standard-content">
<div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0"> <div class="content">
<div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0"> <div class="standard-table-search">
<div class="left">
<el-form :modal="projectSearch" :inline="true" class="label-input-form" style="margin-left:10px"> <el-form :modal="projectSearch" :inline="true" class="label-input-form" style="margin-left:10px">
<el-form-item label="管理主体" class="search-item search-item-last"> <el-form-item label="管理主体" class="search-item search-item-last">
<el-select :disabled="disabledXX" v-model="projectSearch.managementHostName" <el-select :disabled="disabledXX" v-model="projectSearch.managementHostName"
@@ -304,6 +303,10 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="standard-table-wrap">
<div style="height: calc(100% - 65px); ">
<div class="left">
</div>
<el-table <el-table
:data="ProjectDatas" :data="ProjectDatas"
tooltip-effect="dark" tooltip-effect="dark"
@@ -342,6 +345,8 @@
/> />
</el-table> </el-table>
</div> </div>
<loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading>
</div>
<pagination <pagination
:page="page" :page="page"
:pageSize="pageSize" :pageSize="pageSize"
@@ -770,6 +775,7 @@ export default {
}, },
data() { data() {
return { return {
replaceLoading: false,
disabledXX:!!this.$route.query.disabledXX, disabledXX:!!this.$route.query.disabledXX,
//折叠的标志,true为折叠,false为不折叠 //折叠的标志,true为折叠,false为不折叠
foldFormFlag: false, foldFormFlag: false,
@@ -1126,6 +1132,7 @@ export default {
}, },
//查询项目列表 //查询项目列表
getProjectData() { getProjectData() {
this.replaceLoading = true
this.$http.get("sarStandProjectLibrary/queryProjectConfirm", { this.$http.get("sarStandProjectLibrary/queryProjectConfirm", {
PageSize: this.pageSize, PageSize: this.pageSize,
Page: this.page, Page: this.page,
@@ -1135,8 +1142,9 @@ export default {
}, res => { }, res => {
this.ProjectDatas = res.data.total.records; this.ProjectDatas = res.data.total.records;
this.total = res.data.total.total; this.total = res.data.total.total;
this.replaceLoading = false
}, e => { }, e => {
this.replaceLoading = false
}); });
}, },
//清空查询列表 //清空查询列表
@@ -1542,10 +1550,6 @@ export default {
} }
} }
} }
.table-height{
height: calc(~'100% - 65px');
overflow: auto;
}
.drawer-table{ .drawer-table{
/deep/.el-drawer__body{ /deep/.el-drawer__body{
overflow-y: hidden; overflow-y: hidden;
@@ -1554,6 +1558,26 @@ export default {
overflow-y: hidden; overflow-y: hidden;
} }
} }
.standard-content {
height: 92%;
padding: 10px 0 0;
.content {
height: 100%;
display: flex;
flex-direction: column;
padding: 0 10px;
.standard-table-wrap {
flex: auto;
overflow-y: auto;
}
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
}
} }
</style> </style>
<style lang="less"> <style lang="less">