refactor: 拟加载下一页时不显示下方的第2页

This commit is contained in:
maxmon 2022-08-10 08:19:30 +08:00
parent 9a79eb7cce
commit ebb0dafc82
1 changed files with 5 additions and 2 deletions

View File

@ -16,8 +16,8 @@
<div class="process-bar" :style="{width: `${processRate*100}%`}"></div>
</div>
<div class="page-ctl">
<span class="page-ctl-last" :style="{opacity: pageNumber === 1 ? 0 : 1}" @click="lastPage">上页</span>
<span class="page-number" :style="{opacity: pageNumber === 1 && files.length < pageSize ? 0 : 1}">{{pageNumber}}</span>
<span class="page-ctl-last" :style="{opacity: pageNumber === 1 || isLoadingPage ? 0 : 1}" @click="lastPage">上页</span>
<span class="page-number" :style="{opacity: (pageNumber === 1 || isLoadingPage) && files.length < pageSize ? 0 : 1}">{{pageNumber}}</span>
<span class="page-ctl-next" :style="{opacity: files.length < pageSize ? 0 : 1}" @click="nextPage">下页</span>
</div>
<div class="out-btn" @click="outAllNers">导出json结果</div>
@ -197,6 +197,7 @@ export default {
configCanCtlType: isLocal, //
pageNumber: 1,
pageSize: 20,
isLoadingPage: false,
inputType: '',
projectName: '', //
projectType: '', //
@ -269,7 +270,9 @@ export default {
//
getFiles () {
const that = this
that.isLoadingPage = true
get(`/v1/files/query?projectName=${that.projectName}&pageNumber=${that.pageNumber}&pageSize=${that.pageSize}`, function (info) {
that.isLoadingPage = false
if (!info || info.length === 0) {
that.pageNumber -= 1
}