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

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

Browse Source
This commit is contained in:
396572590@qq.com
2022-08-12 15:46:05 +08:00
parent 62371741f1
commit 86ce55d0d7
1 changed files with 142 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/xmqdqr/step1.vue
+142 -118
View File
@@ -232,122 +232,127 @@
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" @change="optionsChange(projectSearch)"
@change="optionsChange(projectSearch)" placeholder="请选择管理主体" filterable clearable>
placeholder="请选择管理主体" filterable clearable> <el-option
<el-option v-for="(item, index) in managementHostName"
v-for="(item, index) in managementHostName" :key="index"
:key="index" :value="item"
:value="item" :label="item"
:label="item" >
> </el-option>
</el-option> </el-select>
</el-select> </el-form-item>
</el-form-item> <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.developmentHostName" @change="optionsChange(projectSearch)" placeholder="请选择开发主体" filterable clearable>
<el-select :disabled="disabledXX" v-model="projectSearch.developmentHostName" @change="optionsChange(projectSearch)" placeholder="请选择开发主体" filterable clearable> <el-option
<el-option v-for="(item, index) in developmentHostName"
v-for="(item, index) in developmentHostName" :key="index"
:key="index" :value="item"
:value="item" :label="item"
:label="item" >
> </el-option>
</el-option> </el-select>
</el-select> </el-form-item>
</el-form-item> <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.categoryName" @change="optionsChange(projectSearch)" placeholder="请选择项目细分类" filterable clearable>
<el-select :disabled="disabledXX" v-model="projectSearch.categoryName" @change="optionsChange(projectSearch)" placeholder="请选择项目细分类" filterable clearable> <el-option
<el-option v-for="(item, index) in categoryName"
v-for="(item, index) in categoryName" :key="index"
:key="index" :value="item"
:value="item" :label="item"
:label="item" >
> </el-option>
</el-option> </el-select>
</el-select> </el-form-item>
</el-form-item> <el-form-item label="项目编号" class="search-item search-item-last">
<el-form-item label="项目编号" class="search-item search-item-last"> <el-input :disabled="disabledXX"
<el-input :disabled="disabledXX" v-model="projectSearch.projectNumber"
v-model="projectSearch.projectNumber" placeholder="请输入项目编号"
placeholder="请输入项目编号" ></el-input>
></el-input> </el-form-item>
</el-form-item> <el-form-item label="项目名称" class="search-item search-item-last">
<el-form-item label="项目名称" class="search-item search-item-last"> <el-input :disabled="disabledXX"
<el-input :disabled="disabledXX" v-model="projectSearch.projectName"
v-model="projectSearch.projectName" placeholder="请输入项目名称"
placeholder="请输入项目名称" ></el-input>
></el-input> </el-form-item>
</el-form-item> <el-form-item class="search-item btn-box">
<el-form-item class="search-item btn-box"> <el-button :disabled="disabledXX"
<el-button :disabled="disabledXX" type="primary"
type="primary" class="common-button-primary"
class="common-button-primary" size="small"
size="small" v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'"
v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'" @click="getProjectDataBtn">
@click="getProjectDataBtn"> 查询
查询 </el-button>
</el-button> </el-form-item>
</el-form-item> <el-form-item class="search-item btn-box">
<el-form-item class="search-item btn-box"> <el-button :disabled="disabledXX"
<el-button :disabled="disabledXX" class="common-button-default"
class="common-button-default" size="small"
size="small" v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'"
v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'" @click="clearSearch">清空
@click="clearSearch">清空 </el-button>
</el-button> </el-form-item>
</el-form-item> </el-form>
</el-form> </div>
</div> <div class="standard-table-wrap">
<el-table <div style="height: calc(100% - 65px); ">
:data="ProjectDatas" <div class="left">
tooltip-effect="dark" </div>
style="width: 100%" <el-table
border :data="ProjectDatas"
class="table-height" tooltip-effect="dark"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', style="width: 100%"
border
class="table-height"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectProjectChange" @selection-change="selectProjectChange"
@select="handleSelectionChange" @select="handleSelectionChange"
ref="projectSelection" ref="projectSelection"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center" /> align="center" />
<el-table-column <el-table-column
prop="projectNumber" prop="projectNumber"
align="center" align="center"
label="项目编号" label="项目编号"
/> />
<el-table-column <el-table-column
prop="projectName" prop="projectName"
align="center" align="center"
label="项目名称" label="项目名称"
/> />
<el-table-column <el-table-column
prop="projectClassification" prop="projectClassification"
align="center" align="center"
label="项目分类" label="项目分类"
/> />
<el-table-column <el-table-column
prop="uname" prop="uname"
align="center" align="center"
label="项目经理" label="项目经理"
/> />
</el-table> </el-table>
</div>
<loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading>
</div> </div>
<pagination <pagination
:page="page" :page="page"
:pageSize="pageSize" :pageSize="pageSize"
:total="total" :total="total"
@pageChange="pageChange" @pageChange="pageChange"
@pageSizeChange="pageSizeChange" @pageSizeChange="pageSizeChange"
/> />
</div> </div>
</div> </div>
@@ -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">