aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

历史记录改为翻页自适应，取消滑条end

Browse Source
This commit is contained in:
李志鹏
2025-10-22 10:12:55 +08:00
parent 5cebd0aeed
commit 702cea3202
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/HomeView/history.vue
View File

@@ -269,14 +269,14 @@ export default defineComponent({
methods: { methods: {
setPageSize(rem){ setPageSize(rem){
const historyTable = this.$refs.historyTable const historyTable = this.$refs.historyTable
const height = historyTable.offsetHeight - 176; const height = historyTable.offsetHeight;
const size = Math.trunc(height / 54); const size = Math.trunc((height - 110) / 54);
this.pageSize = size this.pageSize = size
if(rem){ if(rem){
this.currentPage = 1 this.currentPage = 1
this.getHistoryList() this.getHistoryList()
} }
console.log("==========",size,rem) console.log("==========size:"+size+" rem:"+rem+" height:"+height)
}, },
getClass() { getClass() {
let data = { let data = {
@@ -641,12 +641,15 @@ export default defineComponent({
padding: 3rem 0 0; padding: 3rem 0 0;
box-sizing: border-box; box-sizing: border-box;
flex-direction: column; flex-direction: column;
display: flex;
flex-direction: column;
.history_table_content { .history_table_content {
padding-top: 2.6rem; margin-top: 2.6rem;
width: 100%; width: 100%;
background: #f5f5f5; background: #f5f5f5;
height: calc(100% - 4rem); flex: 1;
// height: calc(100% - 4rem);
// padding-bottom: 3rem; // padding-bottom: 3rem;
:deep(.ant-table-wrapper) { :deep(.ant-table-wrapper) {
@@ -655,6 +658,12 @@ export default defineComponent({
&, &,
.ant-spin-container { .ant-spin-container {
height: 100%; height: 100%;
.ant-table{
flex: 1;
.ant-table-container,.ant-table-content,table{
height: 100%;
}
}
} }
} }
} }
@@ -664,7 +673,7 @@ export default defineComponent({
flex-direction: column; flex-direction: column;
.ant-table { .ant-table {
background: transparent; background: transparent;
flex: 1; // flex: 1;
} }
} }
@@ -678,8 +687,8 @@ export default defineComponent({
} }
} }
:deep(.ant-table-content) { :deep(.ant-table-content) {
max-height: v-bind(historyTableHeight); // max-height: v-bind(historyTableHeight);
overflow-y: v-bind(scrolled); // overflow-y: v-bind(scrolled);
} }
:deep(.ant-table-thead > tr > th) { :deep(.ant-table-thead > tr > th) {