筛选条件需要固定在顶部,不要受影响table滚动条影响

This commit is contained in:
renpy 2023-08-21 11:25:05 +08:00
parent bd32e4161d
commit e7e540f6e9
8 changed files with 75 additions and 70 deletions

View File

@ -93,6 +93,11 @@ export default {
border-bottom: 1px solid rgba(12, 235, 201, 0.3);
margin-bottom: 18px;
background-color: rgba(12, 235, 201, 0.05);
position: absolute;
top: 0;
left: 0;
width: calc(100% - 20px);
margin-left: 20px;
&-item {
margin-bottom: 10px;
}

View File

@ -1,6 +1,5 @@
<template>
<div style="height: 100%;">
<a-card :bordered="false" style="margin-left: 20px">
<div style="height: 100%;position: relative;">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
<a-space style="float: right" class="btn-group" slot="additional">
<a-button @click="handleExcel" type="primary">
@ -9,6 +8,7 @@
</a-button>
</a-space>
</search-form>
<a-card :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
<custom-table
size="middle"
rowKey="sampleId"

View File

@ -1,7 +1,5 @@
<template>
<div style="height: 100%;">
<a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px">
<!-- <search-form :items="formItems" v-model="queryParam" @search="searchQuery"> -->
<div style="height: 100%;position: relative;">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
<a-space style="float: right" class="btn-group" slot="additional">
<a-button @click="handleExcel" type="primary">
@ -10,6 +8,8 @@
</a-button>
</a-space>
</search-form>
<a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
<!-- <search-form :items="formItems" v-model="queryParam" @search="searchQuery"> -->
<custom-table
size="middle"
rowKey="sampleId"

View File

@ -1,6 +1,5 @@
<template>
<div style="height: 100%;">
<a-card :bordered="false" style="margin-left: 20px">
<div style="height: 100%;position: relative;">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
<a-space style="float: right" class="btn-group" slot="additional">
<a-button @click="handleExcel" type="primary">
@ -9,6 +8,7 @@
</a-button>
</a-space>
</search-form>
<a-card :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
<custom-table
size="middle"
rowKey="sampleId"

View File

@ -1,6 +1,5 @@
<template>
<div style="height: 100%;">
<a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px">
<div style="height: 100%;position: relative;">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
<a-space style="float: right" class="btn-group" slot="additional">
<a-button @click="handleExcel" type="primary">
@ -9,6 +8,7 @@
</a-button>
</a-space>
</search-form>
<a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
<custom-table
size="middle"
rowKey="sampleId"

View File

@ -1,6 +1,5 @@
<template>
<div style="height: 100%;">
<a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px">
<div style="height: 100%;position: relative;">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
<a-space style="float: right" class="btn-group" slot="additional">
<a-button @click="handleExcel" type="primary">
@ -9,6 +8,7 @@
</a-button>
</a-space>
</search-form>
<a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
<custom-table
size="middle"
rowKey="sampleId"

View File

@ -1,6 +1,5 @@
<template>
<div style="height: 100%;">
<a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px">
<div style="height: 100%;position: relative;">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
<a-space style="float: right" class="btn-group" slot="additional">
<a-button @click="handleExcel" type="primary">
@ -9,6 +8,7 @@
</a-button>
</a-space>
</search-form>
<a-card v-if="!isFileDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
<custom-table
size="middle"
rowKey="sampleId"

View File

@ -1,6 +1,5 @@
<template>
<div style="height: 100%;">
<a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px">
<div style="height: 100%;position: relative;overflow: hidden;">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
<a-space style="float: right" class="btn-group" slot="additional">
<a-button @click="handleExcel" type="primary">
@ -9,6 +8,7 @@
</a-button>
</a-space>
</search-form>
<a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px;margin-top: 72px;height: calc(100% - 72px);overflow: auto;">
<custom-table
size="middle"
rowKey="sampleId"