From 467733e2c3129cb65267a57aaabfc45eb9fd8148 Mon Sep 17 00:00:00 2001
From: ll <1079863556@qq.com>
Date: Mon, 2 Mar 2026 16:26:19 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BE=8A=E5=8F=AA=E6=A1=A3=E6=A1=88=E8=A1=A8?=
 =?UTF-8?q?=E5=A4=B4=E5=9B=BA=E5=AE=9A=EF=BC=8C=E5=A4=9A=E8=80=B3=E5=8F=B7?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E4=BF=AE=E5=A4=8D=EF=BC=8C=E6=A8=A1=E7=B3=8A?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/fileManagement/sheep_file/index.vue | 1321 +++++++++--------
 1 file changed, 675 insertions(+), 646 deletions(-)

diff --git a/src/views/fileManagement/sheep_file/index.vue b/src/views/fileManagement/sheep_file/index.vue
index 590193c..1f88030 100644
--- a/src/views/fileManagement/sheep_file/index.vue
+++ b/src/views/fileManagement/sheep_file/index.vue
@@ -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,651 +190,653 @@
       </el-button>
     </div>
 
-    <el-table
-      v-loading="loading"
-      :data="sheep_fileList"
-      @selection-change="handleSelectionChange"
-      style="width: 100%"
-      border
-    >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column
-        v-if="columns['drRanch'].visible"
-        label="牧场名称"
-        align="center"
-        prop="drRanch"
-        width="120"
-        sortable
+    <div class="table-wrapper">
+      <el-table
+        v-loading="loading"
+        :data="sheep_fileList"
+        @selection-change="handleSelectionChange"
+        style="width: 100%"
+        border
       >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">牧场名称</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['bsManageTags'].visible"
-        label="耳号"
-        align="center"
-        prop="bsManageTags"
-        width="120"
-        fixed="left"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">耳号</span>
-        </template>
-          <template #default="scope">
-        <el-link 
-          type="primary" 
-          :underline="false" 
-          @click="goToPedigree(scope.row.bsManageTags)"
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column
+          v-if="columns['drRanch'].visible"
+          label="牧场名称"
+          align="center"
+          prop="drRanch"
+          width="120"
+          sortable
         >
-          {{ scope.row.bsManageTags }}
-        </el-link>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['electronicTags'].visible"
-        label="电子耳号"
-        align="center"
-        prop="electronicTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">电子耳号</span>
-        </template>
-        <template #default="scope">
-          <el-tooltip :content="scope.row.electronicTags" placement="top">
-            <span style="display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
-            {{ scope.row.electronicTags }}
-            </span>
-          </el-tooltip>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['gender'].visible"
-        label="性别"
-        align="center"
-        prop="gender"
-        width="120"
-        sortable
-      >
-        <template #default="scope">
-          <dict-tag :options="sheep_gender" :value="scope.row.gender"/>
-        </template>
-      </el-table-column>
+          <template #header>
+            <span style="font-weight: bold; color: #333;">牧场名称</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['bsManageTags'].visible"
+          label="耳号"
+          align="center"
+          prop="bsManageTags"
+          width="120"
+          fixed="left"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">耳号</span>
+          </template>
+            <template #default="scope">
+          <el-link 
+            type="primary" 
+            :underline="false" 
+            @click="goToPedigree(scope.row.bsManageTags)"
+          >
+            {{ scope.row.bsManageTags }}
+          </el-link>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['electronicTags'].visible"
+          label="电子耳号"
+          align="center"
+          prop="electronicTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">电子耳号</span>
+          </template>
+          <template #default="scope">
+            <el-tooltip :content="scope.row.electronicTags" placement="top">
+              <span style="display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+              {{ scope.row.electronicTags }}
+              </span>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['gender'].visible"
+          label="性别"
+          align="center"
+          prop="gender"
+          width="120"
+          sortable
+        >
+          <template #default="scope">
+            <dict-tag :options="sheep_gender" :value="scope.row.gender"/>
+          </template>
+        </el-table-column>
 
-      <el-table-column
-        v-if="columns['statusId'].visible"
-        label="羊只状态"
-        align="center"
-        prop="statusId"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">羊只状态</span>
-        </template>
-        <template #default="scope">
-          <dict-tag :options="sheep_status" :value="scope.row.statusId"/>
-        </template>
-      </el-table-column>
+        <el-table-column
+          v-if="columns['statusId'].visible"
+          label="羊只状态"
+          align="center"
+          prop="statusId"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">羊只状态</span>
+          </template>
+          <template #default="scope">
+            <dict-tag :options="sheep_status" :value="scope.row.statusId"/>
+          </template>
+        </el-table-column>
 
-      <el-table-column
-        v-if="columns['breed'].visible"
-        label="繁殖状态"
-        align="center"
-        prop="breed"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">繁殖状态</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['name'].visible"
-        label="羊只类型"
-        align="center"
-        prop="name"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">羊只类型</span>
-        </template>
-      </el-table-column>
-      
-      <el-table-column
-        v-if="columns['sheepfoldName'].visible"
-        label="羊舍名称"
-        align="center"
-        prop="sheepfoldName"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">羊舍名称</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['variety'].visible"
-        label="品种"
-        align="center"
-        prop="variety"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">品种</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['family'].visible"
-        label="家系"
-        align="center"
-        prop="family"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">家系</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['birthday'].visible"
-        label="出生日期"
-        align="center"
-        prop="birthday"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">出生日期</span>
-        </template>
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['dayAge'].visible"
-        label="日龄"
-        align="center"
-        prop="dayAge"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">日龄</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['monthAge'].visible"
-        label="月龄"
-        align="center"
-        prop="monthAge"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">月龄</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['parity'].visible"
-        label="胎次"
-        align="center"
-        prop="parity"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">胎次</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['birthWeight'].visible"
-        label="出生体重"
-        align="center"
-        prop="birthWeight"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">出生体重</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['weaningDate'].visible"
-        label="断奶日期"
-        align="center"
-        prop="weaningDate"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">断奶日期</span>
-        </template>
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.weaningDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['weaningWeight'].visible"
-        label="断奶体重"
-        align="center"
-        prop="weaningWeight"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">断奶体重</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['currentWeight'].visible"
-        label="当前体重"
-        align="center"
-        prop="currentWeight"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">当前体重</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['weaningDayAge'].visible"
-        label="断奶日龄"
-        align="center"
-        prop="weaningDayAge"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">断奶日龄</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['weaningDailyGain'].visible"
-        label="断奶日增重"
-        align="center"
-        prop="weaningDailyGain"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">断奶日增重</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['fatherManageTags'].visible"
-        label="父亲耳号"
-        align="center"
-        prop="fatherManageTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">父亲耳号</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['motherManageTags'].visible"
-        label="母亲耳号"
-        align="center"
-        prop="motherManageTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">母亲耳号</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['grandfatherManageTags'].visible"
-        label="祖父耳号"
-        align="center"
-        prop="grandfatherManageTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">祖父耳号</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['grandmotherManageTags'].visible"
-        label="祖母耳号"
-        align="center"
-        prop="grandmotherManageTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">祖母耳号</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['maternalGrandfatherManageTags'].visible"
-        label="外祖父耳号"
-        align="center"
-        prop="maternalGrandfatherManageTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">外祖父耳号</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['maternalGrandmotherManageTags'].visible"
-        label="外祖母耳号"
-        align="center"
-        prop="maternalGrandmotherManageTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">外祖母耳号</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['receptorManageTags'].visible"
-        label="受体耳号"
-        align="center"
-        prop="receptorManageTags"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">受体耳号</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['matingDate'].visible"
-        label="配种日期"
-        align="center"
-        prop="matingDate"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">最近配种日期</span>
-        </template>
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.matingDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['matingTypeId'].visible"
-        label="配种类型"
-        align="center"
-        prop="matingTypeId"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">最近配种类型</span>
-        </template>
-        <template #default="scope">
-          <dict-tag :options="breed_type" :value="scope.row.matingTypeId"/>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['pregDate'].visible"
-        label="孕检日期"
-        align="center"
-        prop="pregDate"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">最近孕检日期</span>
-        </template>
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.pregDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['lambingDate'].visible"
-        label="产羔日期"
-        align="center"
-        prop="lambingDate"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">最近产羔日期</span>
-        </template>
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.lambingDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['lambingDay'].visible"
-        label="产羔时怀孕天数"
-        align="center"
-        prop="lambingDay"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">产羔时怀孕天数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['matingDay'].visible"
-        label="配后天数"
-        align="center"
-        prop="matingDay"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">配后天数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['gestationDay'].visible"
-        label="怀孕天数"
-        align="center"
-        prop="gestationDay"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">怀孕天数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['expectedDate'].visible"
-        label="预产日期"
-        align="center"
-        prop="expectedDate"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">预产日期</span>
-        </template>
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.expectedDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['postLambingDay'].visible"
-        label="产后天数"
-        align="center"
-        prop="postLambingDay"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">产后天数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['lactationDay'].visible"
-        label="泌乳天数"
-        align="center"
-        prop="lactationDay"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">泌乳天数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['anestrousDay'].visible"
-        label="空怀天数"
-        align="center"
-        prop="anestrousDay"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">空怀天数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['matingCounts'].visible"
-        label="配种次数"
-        align="center"
-        prop="matingCounts"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">配种次数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['matingTotal'].visible"
-        label="累计配种次数"
-        align="center"
-        prop="matingTotal"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">累计配种次数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['miscarriageCounts'].visible"
-        label="累计流产次数"
-        align="center"
-        prop="miscarriageCounts"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">累计流产次数</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['comment'].visible"
-        label="备注"
-        align="center"
-        prop="comment"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">备注</span>
-        </template>
-        <template #default="scope">
-          <el-tooltip :content="scope.row.comment" placement="top">
-            <span style="display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
-              {{ scope.row.comment }}
-            </span>
-          </el-tooltip>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['controlled'].visible"
-        label="是否性控"
-        align="center"
-        prop="controlled"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">是否性控</span>
-        </template>
-        <template #default="scope">
-          <dict-tag :options="controlled" :value="scope.row.controlled"/>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['body'].visible"
-        label="体况评分"
-        align="center"
-        prop="body"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">体况评分</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['breast'].visible"
-        label="乳房评分"
-        align="center"
-        prop="breast"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">乳房评分</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['source'].visible"
-        label="入群来源"
-        align="center"
-        prop="source"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">入群来源</span>
-        </template>
-        <template #default="scope">
-          <dict-tag :options="source" :value="scope.row.source"/>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['sourceDate'].visible"
-        label="入群日期"
-        align="center"
-        prop="sourceDate"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">入群日期</span>
-        </template>
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.sourceDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="columns['sourceRanch'].visible"
-        label="来源牧场"
-        align="center"
-        prop="sourceRanch"
-        width="120"
-        sortable
-      >
-        <template #header>
-          <span style="font-weight: bold; color: #333;">来源牧场</span>
-        </template>
-      </el-table-column>
-    </el-table>
+        <el-table-column
+          v-if="columns['breed'].visible"
+          label="繁殖状态"
+          align="center"
+          prop="breed"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">繁殖状态</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['name'].visible"
+          label="羊只类型"
+          align="center"
+          prop="name"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">羊只类型</span>
+          </template>
+        </el-table-column>
+        
+        <el-table-column
+          v-if="columns['sheepfoldName'].visible"
+          label="羊舍名称"
+          align="center"
+          prop="sheepfoldName"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">羊舍名称</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['variety'].visible"
+          label="品种"
+          align="center"
+          prop="variety"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">品种</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['family'].visible"
+          label="家系"
+          align="center"
+          prop="family"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">家系</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['birthday'].visible"
+          label="出生日期"
+          align="center"
+          prop="birthday"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">出生日期</span>
+          </template>
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['dayAge'].visible"
+          label="日龄"
+          align="center"
+          prop="dayAge"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">日龄</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['monthAge'].visible"
+          label="月龄"
+          align="center"
+          prop="monthAge"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">月龄</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['parity'].visible"
+          label="胎次"
+          align="center"
+          prop="parity"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">胎次</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['birthWeight'].visible"
+          label="出生体重"
+          align="center"
+          prop="birthWeight"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">出生体重</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['weaningDate'].visible"
+          label="断奶日期"
+          align="center"
+          prop="weaningDate"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">断奶日期</span>
+          </template>
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.weaningDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['weaningWeight'].visible"
+          label="断奶体重"
+          align="center"
+          prop="weaningWeight"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">断奶体重</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['currentWeight'].visible"
+          label="当前体重"
+          align="center"
+          prop="currentWeight"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">当前体重</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['weaningDayAge'].visible"
+          label="断奶日龄"
+          align="center"
+          prop="weaningDayAge"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">断奶日龄</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['weaningDailyGain'].visible"
+          label="断奶日增重"
+          align="center"
+          prop="weaningDailyGain"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">断奶日增重</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['fatherManageTags'].visible"
+          label="父亲耳号"
+          align="center"
+          prop="fatherManageTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">父亲耳号</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['motherManageTags'].visible"
+          label="母亲耳号"
+          align="center"
+          prop="motherManageTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">母亲耳号</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['grandfatherManageTags'].visible"
+          label="祖父耳号"
+          align="center"
+          prop="grandfatherManageTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">祖父耳号</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['grandmotherManageTags'].visible"
+          label="祖母耳号"
+          align="center"
+          prop="grandmotherManageTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">祖母耳号</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['maternalGrandfatherManageTags'].visible"
+          label="外祖父耳号"
+          align="center"
+          prop="maternalGrandfatherManageTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">外祖父耳号</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['maternalGrandmotherManageTags'].visible"
+          label="外祖母耳号"
+          align="center"
+          prop="maternalGrandmotherManageTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">外祖母耳号</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['receptorManageTags'].visible"
+          label="受体耳号"
+          align="center"
+          prop="receptorManageTags"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">受体耳号</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['matingDate'].visible"
+          label="配种日期"
+          align="center"
+          prop="matingDate"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">最近配种日期</span>
+          </template>
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.matingDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['matingTypeId'].visible"
+          label="配种类型"
+          align="center"
+          prop="matingTypeId"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">最近配种类型</span>
+          </template>
+          <template #default="scope">
+            <dict-tag :options="breed_type" :value="scope.row.matingTypeId"/>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['pregDate'].visible"
+          label="孕检日期"
+          align="center"
+          prop="pregDate"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">最近孕检日期</span>
+          </template>
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.pregDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['lambingDate'].visible"
+          label="产羔日期"
+          align="center"
+          prop="lambingDate"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">最近产羔日期</span>
+          </template>
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.lambingDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['lambingDay'].visible"
+          label="产羔时怀孕天数"
+          align="center"
+          prop="lambingDay"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">产羔时怀孕天数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['matingDay'].visible"
+          label="配后天数"
+          align="center"
+          prop="matingDay"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">配后天数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['gestationDay'].visible"
+          label="怀孕天数"
+          align="center"
+          prop="gestationDay"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">怀孕天数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['expectedDate'].visible"
+          label="预产日期"
+          align="center"
+          prop="expectedDate"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">预产日期</span>
+          </template>
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.expectedDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['postLambingDay'].visible"
+          label="产后天数"
+          align="center"
+          prop="postLambingDay"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">产后天数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['lactationDay'].visible"
+          label="泌乳天数"
+          align="center"
+          prop="lactationDay"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">泌乳天数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['anestrousDay'].visible"
+          label="空怀天数"
+          align="center"
+          prop="anestrousDay"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">空怀天数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['matingCounts'].visible"
+          label="配种次数"
+          align="center"
+          prop="matingCounts"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">配种次数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['matingTotal'].visible"
+          label="累计配种次数"
+          align="center"
+          prop="matingTotal"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">累计配种次数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['miscarriageCounts'].visible"
+          label="累计流产次数"
+          align="center"
+          prop="miscarriageCounts"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">累计流产次数</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['comment'].visible"
+          label="备注"
+          align="center"
+          prop="comment"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">备注</span>
+          </template>
+          <template #default="scope">
+            <el-tooltip :content="scope.row.comment" placement="top">
+              <span style="display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                {{ scope.row.comment }}
+              </span>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['controlled'].visible"
+          label="是否性控"
+          align="center"
+          prop="controlled"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">是否性控</span>
+          </template>
+          <template #default="scope">
+            <dict-tag :options="controlled" :value="scope.row.controlled"/>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['body'].visible"
+          label="体况评分"
+          align="center"
+          prop="body"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">体况评分</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['breast'].visible"
+          label="乳房评分"
+          align="center"
+          prop="breast"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">乳房评分</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['source'].visible"
+          label="入群来源"
+          align="center"
+          prop="source"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">入群来源</span>
+          </template>
+          <template #default="scope">
+            <dict-tag :options="source" :value="scope.row.source"/>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['sourceDate'].visible"
+          label="入群日期"
+          align="center"
+          prop="sourceDate"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">入群日期</span>
+          </template>
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.sourceDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="columns['sourceRanch'].visible"
+          label="来源牧场"
+          align="center"
+          prop="sourceRanch"
+          width="120"
+          sortable
+        >
+          <template #header>
+            <span style="font-weight: bold; color: #333;">来源牧场</span>
+          </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>
\ No newline at end of file