筛选条件需要固定在顶部,不要受影响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); border-bottom: 1px solid rgba(12, 235, 201, 0.3);
margin-bottom: 18px; margin-bottom: 18px;
background-color: rgba(12, 235, 201, 0.05); background-color: rgba(12, 235, 201, 0.05);
position: absolute;
top: 0;
left: 0;
width: calc(100% - 20px);
margin-left: 20px;
&-item { &-item {
margin-bottom: 10px; margin-bottom: 10px;
} }

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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