羊只档案表头固定,多耳号查询修复,模糊查询修复
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user