羊只档案表头固定,多耳号查询修复,模糊查询修复
This commit is contained in:
@@ -32,7 +32,7 @@
|
|||||||
placeholder="输入耳号搜索"
|
placeholder="输入耳号搜索"
|
||||||
:remote-method="searchEarMethod"
|
:remote-method="searchEarMethod"
|
||||||
:loading="loadingEar"
|
:loading="loadingEar"
|
||||||
collapse-tags
|
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
@@ -53,7 +53,7 @@
|
|||||||
filterable
|
filterable
|
||||||
allow-create
|
allow-create
|
||||||
default-first-option
|
default-first-option
|
||||||
collapse-tags
|
|
||||||
placeholder="输入号码"
|
placeholder="输入号码"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
<el-select
|
<el-select
|
||||||
v-model="queryParams.allGenders"
|
v-model="queryParams.allGenders"
|
||||||
multiple
|
multiple
|
||||||
collapse-tags
|
|
||||||
placeholder="请选择性别"
|
placeholder="请选择性别"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
@@ -97,7 +97,7 @@
|
|||||||
<el-select
|
<el-select
|
||||||
v-model="queryParams.allBreedingStatus"
|
v-model="queryParams.allBreedingStatus"
|
||||||
multiple
|
multiple
|
||||||
collapse-tags
|
|
||||||
placeholder="请选择繁殖状态"
|
placeholder="请选择繁殖状态"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
@@ -116,7 +116,7 @@
|
|||||||
<el-select
|
<el-select
|
||||||
v-model="queryParams.allSheepTypes"
|
v-model="queryParams.allSheepTypes"
|
||||||
multiple
|
multiple
|
||||||
collapse-tags
|
|
||||||
placeholder="请选择类型"
|
placeholder="请选择类型"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
>
|
||||||
@@ -190,6 +190,7 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="table-wrapper">
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
:data="sheep_fileList"
|
:data="sheep_fileList"
|
||||||
@@ -835,6 +836,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<pagination
|
<pagination
|
||||||
v-show="total>0"
|
v-show="total>0"
|
||||||
@@ -1552,4 +1554,31 @@ getList()
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #67c23a;
|
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>
|
</style>
|
||||||
Reference in New Issue
Block a user