筛选条件需要固定在顶部,不要受影响table滚动条影响
This commit is contained in:
parent
bd32e4161d
commit
e7e540f6e9
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,14 +1,14 @@
|
||||||
<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">
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
Excel
|
||||||
Excel
|
</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"
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
<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="searchQueryData">
|
||||||
|
<a-space style="float: right" class="btn-group" slot="additional">
|
||||||
|
<a-button @click="handleExcel" type="primary">
|
||||||
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
|
Excel
|
||||||
|
</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"> -->
|
<!-- <search-form :items="formItems" v-model="queryParam" @search="searchQuery"> -->
|
||||||
<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">
|
|
||||||
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
|
||||||
Excel
|
|
||||||
</a-button>
|
|
||||||
</a-space>
|
|
||||||
</search-form>
|
|
||||||
<custom-table
|
<custom-table
|
||||||
size="middle"
|
size="middle"
|
||||||
rowKey="sampleId"
|
rowKey="sampleId"
|
||||||
|
|
|
@ -1,14 +1,14 @@
|
||||||
<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">
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
Excel
|
||||||
Excel
|
</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"
|
||||||
|
|
|
@ -1,14 +1,14 @@
|
||||||
<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">
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
Excel
|
||||||
Excel
|
</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"
|
||||||
|
|
|
@ -1,14 +1,14 @@
|
||||||
<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">
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
Excel
|
||||||
Excel
|
</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"
|
||||||
|
|
|
@ -1,14 +1,14 @@
|
||||||
<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">
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
Excel
|
||||||
Excel
|
</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"
|
||||||
|
|
|
@ -1,14 +1,14 @@
|
||||||
<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">
|
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
||||||
<img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
|
Excel
|
||||||
Excel
|
</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"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user