羊只档案表头固定,多耳号查询修复,模糊查询修复

This commit is contained in:
ll
2026-03-02 16:26:19 +08:00
parent 83beadc988
commit 467733e2c3

View File

@@ -32,7 +32,7 @@
placeholder="输入耳号搜索"
:remote-method="searchEarMethod"
:loading="loadingEar"
collapse-tags
style="width: 100%"
>
<el-option
@@ -53,7 +53,7 @@
filterable
allow-create
default-first-option
collapse-tags
placeholder="输入号码"
style="width: 100%"
>
@@ -66,7 +66,7 @@
<el-select
v-model="queryParams.allGenders"
multiple
collapse-tags
placeholder="请选择性别"
style="width: 100%"
>
@@ -97,7 +97,7 @@
<el-select
v-model="queryParams.allBreedingStatus"
multiple
collapse-tags
placeholder="请选择繁殖状态"
style="width: 100%"
>
@@ -116,7 +116,7 @@
<el-select
v-model="queryParams.allSheepTypes"
multiple
collapse-tags
placeholder="请选择类型"
style="width: 100%"
>
@@ -190,6 +190,7 @@
</el-button>
</div>
<div class="table-wrapper">
<el-table
v-loading="loading"
:data="sheep_fileList"
@@ -835,6 +836,7 @@
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
@@ -1552,4 +1554,31 @@ getList()
font-size: 12px;
color: #67c23a;
}
/* 1. 将整个页面容器变为弹性布局,并固定总高度 */
.app-container {
/* calc(100vh - 84px) 中的 84px 是顶部导航栏和标签栏的大致高度,
如果你的系统顶部更高或更低,可以适当调整这个数值(例如 100px 或 120px) */
height: calc(100vh - 84px);
display: flex;
flex-direction: column;
overflow: hidden;
}
/* 2. 让搜索表单、操作按钮、应用筛选提示、分页组件 不被挤压变形 */
.el-form,
.mb8,
.applied-filters,
.pagination-container {
flex-shrink: 0;
}
/* 3. 让刚刚新增的表格包裹层自动撑满中间的所有剩余空间 */
.table-wrapper {
flex: 1; /* 占据所有剩余空间 */
min-height: 0; /* 🌟 关键:防止 flex 子项高度无限撑开导致页面出现滚动条 */
overflow: hidden;
display: flex;
flex-direction: column;
}
</style>