Compare commits

...

37 Commits

Author SHA1 Message Date
zyk
b4dbefa9d2 Merge remote-tracking branch 'origin/main' 2026-03-07 18:45:24 +08:00
zyk
14d85c7bbb 修复问题 2026-03-07 18:45:16 +08:00
4ff466b2c7 消毒 2026-03-07 18:11:21 +08:00
3bfc2cffce Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui 2026-03-07 15:35:29 +08:00
zyk
191ea111f7 配种计划导出更新 2026-03-07 12:38:58 +08:00
zyk
5fb6cecde5 Merge remote-tracking branch 'origin/main' 2026-03-07 11:22:59 +08:00
zyk
f5722e4a1b 胚胎移植所有逻辑完成 2026-03-07 11:22:52 +08:00
da77287c0f 生物安全模块羊只耳号查询修改 2026-03-06 22:30:44 +08:00
ll
b9febb4874 Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui 2026-03-06 11:12:25 +08:00
ll
ca9f7c4a1a 羊只销售BUg修复 2026-03-06 11:12:18 +08:00
zyh
79ba77c138 耳号模糊查询修改 2026-03-05 21:39:44 +08:00
zyk
1b8c32c271 Merge remote-tracking branch 'origin/main' 2026-03-05 14:58:51 +08:00
zyk
dda3f8bdf7 产羔导出更新 2026-03-05 14:58:45 +08:00
ll
8a331158e5 奶品管理销售管理固定表头 2026-03-05 11:29:31 +08:00
ll
2abd257ba4 Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui 2026-03-04 20:48:44 +08:00
ll
9591d47827 羊只档案导出修改 2026-03-04 20:48:22 +08:00
cb8dacad92 perf(views/frozen-sale): 下拉列表录入 & 自动填充信息
+ 支持下拉列表录入客户并根据选中信息自动填充其他关联信息
2026-03-04 19:38:57 +08:00
zyk
a0507927df 配种计划重新设计 2026-03-03 10:22:07 +08:00
zyk
37813178aa 产羔导出修复 2026-03-03 10:03:35 +08:00
ll
467733e2c3 羊只档案表头固定,多耳号查询修复,模糊查询修复 2026-03-02 16:26:19 +08:00
zyh
83beadc988 搜索栏以及表头冻结 2026-03-01 15:21:11 +08:00
zyh
9a6e31a5be Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui 2026-03-01 14:19:18 +08:00
zyh
bcb1970c1c 配置文件 2026-03-01 14:19:14 +08:00
zyh
6ade881750 新增羊只时的羊只类型,各页面导出功能需求,改品种功能的原品种回显需求,完成 2026-03-01 14:14:30 +08:00
2e82622cf1 生物安全导出修改 2026-02-26 15:37:11 +08:00
wyt
f05ab75821 Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui 2026-02-12 12:37:27 +08:00
wyt
cffa082285 羊只档案页面跳转系谱页面 2026-02-12 12:37:25 +08:00
88d3b4364f fix(view/stock) 表头锁定异常
入库 物资管理 表头锁定异常

el-table 加入 height="1000px"属性解决
2026-02-12 11:43:18 +08:00
e7a59de3ae perf(vite.config | view/sidebar): CI/CD 支持 | 构建信息显示
+ 适配Jenkins 持续集成功能。
    + 当版本库中出现新版本将自动构建并部署,以保证服务器版本为最新
+ 侧边栏下显示当前构建版本 和 构建时间
2026-02-11 22:16:01 +08:00
b7a611307e perf(vite.config | view/sidebar): CI/CD 支持 | 构建信息显示
+ 适配Jenkins 持续集成功能。
    + 当版本库中出现新版本将自动构建并部署,以保证服务器版本为最新
+ 侧边栏下显示当前构建版本 和 构建时间
2026-02-11 20:56:08 +08:00
zyk
5eab7c7b82 Merge remote-tracking branch 'origin/main' 2026-02-10 14:05:35 +08:00
zyk
6e58af0fea 繁育多耳号查询 2026-02-10 14:05:27 +08:00
ll
4484c74f94 销售记录bug修改 2026-02-10 13:47:24 +08:00
ll
f54156892e Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui 2026-02-09 21:58:13 +08:00
ll
01c6b1a909 客户管理bug修改 2026-02-09 21:57:43 +08:00
5474efd3f4 Merge branch 'main' of http://118.182.97.76:3000/admin/zhyc-sheep-ui 2026-02-09 20:23:51 +08:00
801446f2cd 是否在群查询:生物安全 2026-02-09 20:23:48 +08:00
65 changed files with 7479 additions and 4770 deletions

View File

@@ -82,4 +82,14 @@ export function getBreedRecordsByTimeRange(sheepId, startDate, endDate) {
url: `/Breeding_records/Breeding_records/getByTimeRange/${sheepId}/${startDate}/${endDate}`,
method: 'get'
})
}
// 模糊搜索耳号(用于表单 autocomplete
// gender: 'ewe'=母羊 'ram'=公羊 不传=不限
export function searchBreedEarNumbers(query, gender) {
return request({
url: '/Breeding_records/Breeding_records/searchEarNumbers',
method: 'get',
params: { query, gender }
})
}

View File

@@ -75,4 +75,4 @@ export function exportSperm(query) {
data: query,
responseType: 'blob'
})
}
}

View File

@@ -42,3 +42,11 @@ export function delDeworm(id) {
method: 'delete'
})
}
// 查询耳号
export function searchEarNumbers(query) {
return request({
url: '/biosafety/deworm/searchEarNumbers',
method: 'get',
params: { sheepNo: query }
})
}

View File

@@ -42,3 +42,12 @@ export function delDiagnosis(id) {
method: 'delete'
})
}
// 查询耳号
export function searchEarNumbers(query) {
return request({
url: '/diagnosis/diagnosis/searchEarNumbers',
method: 'get',
params: { sheepNo: query }
})
}

View File

@@ -42,3 +42,11 @@ export function delDisinfect(id) {
method: 'delete'
})
}
export function searchSheepfold(query) {
return request({
url: '/biosafety/disinfect/searchSheepfold',
method: 'get',
params: {sheepfold: query}
})
}

View File

@@ -42,3 +42,12 @@ export function delHealth(id) {
method: 'delete'
})
}
// 查询耳号
export function searchEarNumbers(query) {
return request({
url: '/biosafety/health/searchEarNumbers',
method: 'get',
params: { sheepNo: query }
})
}

View File

@@ -42,3 +42,12 @@ export function delImmunity(id) {
method: 'delete'
})
}
// 查询耳号
export function searchEarNumbers(query) {
return request({
url: '/biosafety/immunity/searchEarNumbers',
method: 'get',
params: { sheepNo: query }
})
}

View File

@@ -42,3 +42,12 @@ export function delQuarantine(id) {
method: 'delete'
})
}
// 查询耳号
export function searchEarNumbers(query) {
return request({
url: '/biosafety/quarantine/searchEarNumbers',
method: 'get',
params: { sheepNo: query }
})
}

View File

@@ -42,3 +42,12 @@ export function delTreatment(id) {
method: 'delete'
})
}
// 查询耳号
export function searchEarNumbers(query) {
return request({
url: '/treatment/treatment/searchEarNumbers',
method: 'get',
params: { sheepNo: query }
})
}

View File

@@ -42,3 +42,12 @@ export function delUsageInfo(id) {
method: 'delete'
})
}
// 查询耳号
export function searchEarNumbers(query) {
return request({
url: '/biosafety/usageInfo/searchEarNumbers',
method: 'get',
params: { sheepNo: query }
})
}

View File

@@ -8,3 +8,11 @@ export function getUserByPost(query) {
params: query
})
}
// 根据查看岗位
export function getPostTeam() {
return request({
url: '/userPost/getPostTeam',
method: 'get'
})
}

View File

@@ -58,4 +58,30 @@ export function getDonorFemaleList() {
url: '/embryo/flush/donorFemaleList',
method: 'get'
})
}
// 获取供体公羊下拉列表
export function getDonorMaleList() {
return request({
url: '/embryo/flush/donorMaleList',
method: 'get'
})
}
// 根据耳号获取基础信息
export function getSheepInfo(manageTag) {
return request({
url: '/embryo/flush/getSheepInfo',
method: 'get',
params: { manageTag }
})
}
// 计算胚胎品种
export function calculateEmbryoVariety(maleVariety, femaleVariety) {
return request({
url: '/embryo/flush/calculateVariety',
method: 'get',
params: { maleVariety, femaleVariety }
})
}

View File

@@ -0,0 +1,63 @@
import request from '@/utils/request'
// 查询可供移植的胚胎明细
// flushId 可选:传则只查该批次,不传则返回所有可移植胚胎
export function listAvailableEmbryos(flushId) {
return request({
url: '/embryo/detail/available',
method: 'get',
params: flushId ? { flushId } : {}
})
}
// 将某枚胚胎标记为已移植并关联配种记录ID
export function markEmbryoTransferred(id, breedRecordId) {
return request({
url: '/embryo/detail/markTransferred',
method: 'post',
params: { id, breedRecordId }
})
}
// 批量标记胚胎已移植,并同步冲胚表统计字段
// data: { ids: [1,2,3], breedRecordId: 100 }
export function markBatchEmbryoTransferred(data) {
return request({
url: '/Breeding_records/Breeding_records/markBatchEmbryoTransferred',
method: 'post',
data: data
})
}
// 根据配种记录ID查询已移植的胚胎明细列表用于"查看胚胎"弹窗)
export function getEmbryosByBreedRecord(breedRecordId) {
return request({
url: '/Breeding_records/Breeding_records/embryosByBreedRecord/' + breedRecordId,
method: 'get'
})
}
// 根据冲胚记录ID查询胚胎明细列表含父记录字段供冲胚编辑/查看回显用)
export function listEmbryosByFlushId(flushId) {
return request({
url: `/embryo/detail/byFlush/${flushId}`,
method: 'get'
})
}
// 获取单条胚胎明细
export function getEmbryoDetail(id) {
return request({
url: `/embryo/detail/${id}`,
method: 'get'
})
}
// 修改单条胚胎明细(如修改去向、存储方式)
export function updateEmbryoDetail(data) {
return request({
url: '/embryo/detail',
method: 'put',
data: data
})
}

View File

@@ -18,22 +18,63 @@ export function getBreedPlanGenerate(id) {
}
// 筛选符合条件的母羊
export function selectEligibleEwe() {
export function selectEligibleEwe(params) {
return request({
url: '/mating_plan/generate/selectEwe',
method: 'get'
method: 'get',
params
})
}
// 筛选符合条件的公羊
export function selectEligibleRam() {
export function selectEligibleRam(params) {
return request({
url: '/mating_plan/generate/selectRam',
method: 'get'
method: 'get',
params
})
}
// 自动生成配种计划
/**
* 导出已选母羊/公羊配对表按轮询自动配对用户可在Excel中调整后再导入
* @param {Object} data - { eweIds: [], ramIds: [] }
*/
export function exportSelectedPairs(data) {
return request({
url: '/mating_plan/generate/exportPairs',
method: 'post',
data,
responseType: 'blob'
})
}
/**
* 解析上传的配对Excel返回预览数据不生成计划
* 使用 FormData 上传文件
* @param {FormData} formData - 包含 file 字段的表单数据
*/
export function parsePairsFromExcel(formData) {
return request({
url: '/mating_plan/generate/parsePairs',
method: 'post',
data: formData,
headers: { 'Content-Type': 'multipart/form-data' }
})
}
/**
* 根据导入的配对数据生成配种计划
* @param {Object} data - { planType: 1, pairs: [{eweEarNo, ramEarNo, eweId, ramId}] }
*/
export function generateBreedPlanFromPairs(data) {
return request({
url: '/mating_plan/generate/generateFromPairs',
method: 'post',
data
})
}
// 自动生成配种计划(按比例分配,原有逻辑)
export function autoGenerateBreedPlan(data) {
return request({
url: '/mating_plan/generate/auto',
@@ -85,24 +126,15 @@ export function viewBreedPlan(id) {
})
}
// 导出配种计划详情
// 导出配种计划详情已审批计划的详细Excel
export function exportBreedPlanDetails(id) {
return request({
url: '/mating_plan/generate/export/' + id,
method: 'get',
method: 'post',
responseType: 'blob'
})
}
// 修改配种计划详情
export function updateBreedPlan(data) {
return request({
url: '/mating_plan/generate/update',
method: 'put',
data: data
})
}
// 删除配种计划生成
export function delBreedPlanGenerate(id) {
return request({
@@ -114,9 +146,18 @@ export function delBreedPlanGenerate(id) {
// 模糊查询母羊耳号列表
export function searchEarNumbers(query) {
return request({
url: '/mating_plan/generate/search_ear_numbers', // 根据实际路径修改
url: '/mating_plan/generate/search_ear_numbers',
method: 'get',
params: { query }
})
}
// 下载配对模板(空白模板,只有表头)
export function downloadPairTemplate() {
return request({
url: '/mating_plan/generate/exportPairs',
method: 'post',
data: { eweIds: [], ramIds: [] },
responseType: 'blob'
})
}

View File

@@ -1,5 +1,27 @@
import request from '@/utils/request'
// 【修改】增加 sheepfoldId 过滤参数
export function searchEarNumbers(query, sheepfoldId) {
return request({
url: '/saleRecord/saleRecord/searchEarNumbers',
method: 'get',
params: { query, sheepfoldId }
})
}
// 【新增】查询存栏羊只列表(用于根据羊舍筛选耳号)
// 假设后端有一个基础的羊只档案查询接口,如果没有,需要后端支持
// 这里暂时复用 getSheepInfo 的路径或者假设有一个 /file/sheep/list 接口
// 如果你没有专门的羊只列表接口,我们可以尝试用 getSheepInfo 的逻辑变通,或者你需要在后端增加一个 listSheep 接口
export function listSheepInventory(query) {
return request({
// 修改为真实的后端接口路径
url: '/saleRecord/saleRecord/listSheepBySheepfoldId',
method: 'get',
params: query
})
}
// 查询羊只销售记录列表
export function listSaleRecord(query) {
return request({
@@ -60,3 +82,12 @@ export function getSheepInfo(bsManageTags) {
params: { bsManageTags }
})
}
// 【新增】查询已销售的羊只耳号(用于查询栏)
export function searchSoldEarNumbers(query) {
return request({
url: '/saleRecord/saleRecord/searchSoldEarNumbers',
method: 'get',
params: { query }
})
}

View File

@@ -86,4 +86,12 @@ export function searchHandler(query) {
method: 'get',
params: { query }
})
}
export function searchEarNumbers(query) {
return request({
url: '/sheep_death/death/search_ear_numbers', // 根据实际路径修改
method: 'get',
params: { query }
})
}

View File

@@ -21,6 +21,10 @@
/>
</el-menu>
</el-scrollbar>
<div class="sidebar-version">
构建版本: {{ commitId }}<br/>
<div>构建时间: {{ formatTime(buildTime) }}</div>
</div>
</div>
</template>
@@ -32,6 +36,21 @@ import useAppStore from '@/store/modules/app'
import useSettingsStore from '@/store/modules/settings'
import usePermissionStore from '@/store/modules/permission'
const buildTime = __BUILD_TIME__
const commitId = __COMMIT_ID__
const formatTime = (time) => {
return new Intl.DateTimeFormat('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
hour12: false,
timeZone: 'Asia/Shanghai'
}).format(new Date(time))
}
const route = useRoute()
const appStore = useAppStore()
const settingsStore = useSettingsStore()
@@ -101,4 +120,22 @@ const activeMenu = computed(() => {
}
}
}
.sidebar-container {
display: flex;
flex-direction: column;
height: 100%;
}
.menu-wrapper {
flex: 1;
}
.sidebar-version {
padding: 10px;
font-size: 12px;
color: #999;
text-align: left;
border-top: 1px solid #eee;
}
</style>

View File

@@ -1,4 +1,4 @@
import { createWebHistory, createRouter } from 'vue-router'
import { createRouter, createWebHistory } from 'vue-router'
/* Layout */
import Layout from '@/layout'
@@ -83,6 +83,24 @@ export const constantRoutes = [
meta: { title: '个人中心', icon: 'user' }
}
]
},
{
path: '/fileManagement',
component: Layout,
hidden: true, // 若不需要在侧边栏显示「档案管理」菜单,设为 true
redirect: 'noRedirect',
children: [
{
path: 'pedigree', // 最终路径为 /fileManagement/pedigree
component: () => import('@/views/fileManagement/pedigree/index.vue'),
name: 'Pedigree',
meta: {
title: '羊只系谱',
activeMenu: '/fileManagement/pedigree' // 高亮对应的菜单(可选)
}
}
]
}
]
@@ -159,6 +177,28 @@ export const dynamicRoutes = [
}
]
},
{
path: '/fileManagement',
component: Layout,
hidden: false, // 是否在侧边栏显示,默认 false 显示
redirect: 'noRedirect',
name: 'FileManagement',
meta: {
title: '档案管理',
icon: 'example' // 你可以换成合适的图标名(如 'tree'
},
children: [
{
path: 'pedigree', // 最终路径 /fileManagement/pedigree
component: () => import('@/views/fileManagement/pedigree/index.vue'),
name: 'Pedigree',
meta: {
title: '系谱图',
activeMenu: '/fileManagement/pedigree'
}
}
]
}
]
const router = createRouter({

File diff suppressed because it is too large Load Diff

View File

@@ -1,37 +1,114 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="80px">
<el-form-item label="耳号" prop="allEarNumbers">
<el-select
v-model="queryParams.allEarNumbers"
multiple
filterable
remote
reserve-keyword
placeholder="请输入耳号搜索"
:remote-method="searchEarNumber"
:loading="earNumberLoading"
style="width: 240px"
clearable
<el-form class="sticky-search-form" model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="80px">
<!-- 给每个 el-form-item 添加 sticky-item -->
<el-form-item label="耳号" prop="allEarNumbers" class="sticky-item">
<div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
<!-- 主选择器不显示已选标签 -->
<el-select
v-model="queryParams.allEarNumbers"
multiple
filterable
remote
reserve-keyword
placeholder="输入耳号搜索"
:remote-method="searchEarNumber"
:loading="earNumberLoading"
allow-create
default-first-option
collapse-tags
:max-collapse-tags="0"
style="width: 300px"
@change="handleEarNumberChange"
>
<el-option
v-for="item in earNumberOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select>
<!-- 辅助粘贴输入框 -->
<el-input
v-model="pasteInput"
placeholder="或粘贴多个耳号(空格/换行/逗号分隔)"
style="width: 300px"
@paste="handlePaste"
@keyup.enter="handlePasteSubmit"
clearable
>
<template #append>
<el-button @click="handlePasteSubmit" :icon="Plus">添加</el-button>
</template>
</el-input>
<!-- 耳号计数显示 -->
<el-tag
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
type="info"
effect="plain"
size="large"
>
已选: {{ queryParams.allEarNumbers.length }}
</el-tag>
<!-- 清空按钮 -->
<el-button
type="danger"
plain
@click="clearAllEarNumbers"
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
:icon="Delete"
>
清空全部
</el-button>
</div>
<!-- 已选耳号展示区域默认显示2个可展开 -->
<div
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
class="selected-ear-numbers-display"
style="margin-top: 10px;"
>
<el-option
v-for="item in earNumberOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select>
<!-- 显示前2个或全部耳号 -->
<el-tag
v-for="(tag, index) in displayedEarNumbers"
:key="tag"
closable
@close="handleRemoveEarNumber(tag)"
style="margin: 4px;"
type="success"
>
{{ tag }}
</el-tag>
<!-- 展开/收起按钮 -->
<el-button
v-if="queryParams.allEarNumbers.length > defaultShowCount"
type="primary"
link
@click="toggleExpand"
style="margin-left: 8px;"
>
{{ isExpanded ? '收起' : `展开剩余 ${queryParams.allEarNumbers.length - defaultShowCount}` }}
<el-icon class="el-icon--right">
<component :is="isExpanded ? ArrowUp : ArrowDown" />
</el-icon>
</el-button>
</div>
</el-form-item>
<el-form-item label="是否在群" prop="isInHerd">
<!-- 其他表单项也添加 sticky-item -->
<el-form-item label="是否在群" prop="isInHerd" class="sticky-item">
<el-select v-model="queryParams.isInHerd" placeholder="请选择" clearable style="width: 240px">
<el-option label="是" value="1" />
<el-option label="否" value="0" />
</el-select>
</el-form-item>
<el-form-item label="断奶日期" style="width: 340px">
<el-form-item label="断奶日期" style="width: 340px" class="sticky-item">
<el-date-picker
v-model="daterangeTime"
value-format="YYYY-MM-DD"
@@ -43,7 +120,7 @@
></el-date-picker>
</el-form-item>
<el-form-item label="羊只类别" prop="sheepCategory">
<el-form-item label="羊只类别" prop="sheepCategory" class="sticky-item">
<el-select v-model="queryParams.sheepCategory" placeholder="请选择羊只类别" clearable style="width: 240px">
<el-option label="种公羊" value="种公羊"></el-option>
<el-option label="基础母羊" value="基础母羊"></el-option>
@@ -52,21 +129,22 @@
</el-select>
</el-form-item>
<el-form-item label="性别" prop="gender">
<el-form-item label="性别" prop="gender" class="sticky-item">
<el-select v-model="queryParams.gender" placeholder="请选择性别" clearable style="width: 240px">
<el-option label="公" value="公"></el-option>
<el-option label="母" value="母"></el-option>
</el-select>
</el-form-item>
<el-form-item label="是否留养" prop="status">
<el-form-item label="是否留养" prop="status" class="sticky-item">
<el-select v-model="queryParams.status" placeholder="请选择是否留养" clearable style="width: 240px">
<el-option label="留养" value="1"></el-option>
<el-option label="不留养" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<!-- 搜索按钮不放 sticky或者也可以放 -->
<el-form-item class="sticky-item">
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
@@ -231,7 +309,29 @@
<script setup name="Weaning_record">
import { listWeaning_record, getWeaning_record, delWeaning_record, addWeaning_record, updateWeaning_record, getSheepIdByEarNumber, searchEarNumbers } from "@/api/Weaning/weaning_record"
import { ref, computed, nextTick } from 'vue'
import { ArrowUp, ArrowDown, Plus, Delete } from '@element-plus/icons-vue'
// 响应式数据
const pasteInput = ref('') // 批量粘贴输入框
const earNumberOptions = ref([]) // 耳号下拉选项
const earNumberLoading = ref(false) // 耳号加载状态
const isExpanded = ref(false) // 控制耳号展开/折叠状态
const defaultShowCount = 2 // 默认显示的耳号数量
// 计算属性:控制显示的耳号列表
const displayedEarNumbers = computed(() => {
if (!queryParams.value.allEarNumbers || queryParams.value.allEarNumbers.length === 0) {
return []
}
// 如果展开或总数<=2显示全部否则只显示前2个
if (isExpanded.value || queryParams.value.allEarNumbers.length <= defaultShowCount) {
return queryParams.value.allEarNumbers
} else {
return queryParams.value.allEarNumbers.slice(0, defaultShowCount)
}
})
const { proxy } = getCurrentInstance()
const weaning_recordList = ref([])
@@ -245,9 +345,6 @@ const total = ref(0)
const title = ref("")
const daterangeTime = ref([]) // 时间范围数组
// 远程搜索相关
const earNumberOptions = ref([])
const earNumberLoading = ref(false)
const data = reactive({
form: {},
@@ -299,27 +396,7 @@ function getList() {
})
}
/** 远程搜索耳号 */
function searchEarNumber(query) {
if (query !== '') {
earNumberLoading.value = true
searchEarNumbers(query).then(response => {
earNumberOptions.value = response.data || []
earNumberLoading.value = false
}).catch(() => {
earNumberOptions.value = []
earNumberLoading.value = false
})
} else {
earNumberOptions.value = []
}
}
// 取消按钮
function cancel() {
open.value = false
reset()
}
// 表单重置
function reset() {
@@ -347,11 +424,10 @@ function handleQuery() {
/** 重置按钮操作 */
function resetQuery() {
daterangeTime.value = []
queryParams.value.allEarNumbers = [] // 🔥 必须添加
earNumberOptions.value = []
isExpanded.value = false
proxy.resetForm("queryRef")
// 必须手动清空多选数组
queryParams.value.allEarNumbers = []
handleQuery()
}
@@ -434,14 +510,179 @@ function handleExport() {
}, `weaning_record_${new Date().getTime()}.xlsx`)
}
/** 处理粘贴事件 */
function handlePaste(event) {
nextTick(() => {
handlePasteSubmit()
})
}
/** 处理粘贴内容提交 */
function handlePasteSubmit() {
if (!pasteInput.value || pasteInput.value.trim() === '') {
return
}
// 支持多种分隔符: 空格、换行、逗号、制表符
const separators = /[\s,\n\r\t]+/
const earNumbers = pasteInput.value
.trim()
.split(separators)
.filter(item => item.trim() !== '')
.map(item => item.trim())
if (earNumbers.length === 0) {
return
}
// 去重并添加到已选列表
const existingSet = new Set(queryParams.value.allEarNumbers || [])
const newEarNumbers = []
const duplicates = []
earNumbers.forEach(earNumber => {
if (!existingSet.has(earNumber)) {
newEarNumbers.push(earNumber)
existingSet.add(earNumber)
} else {
duplicates.push(earNumber)
}
})
// 添加新耳号
if (newEarNumbers.length > 0) {
queryParams.value.allEarNumbers = [
...(queryParams.value.allEarNumbers || []),
...newEarNumbers
]
const message = `成功添加 ${newEarNumbers.length} 个耳号,当前共 ${queryParams.value.allEarNumbers.length}` +
(duplicates.length > 0 ? `,已忽略 ${duplicates.length} 个重复耳号` : '')
proxy.$modal.msgSuccess(message)
} else if (duplicates.length > 0) {
proxy.$modal.msgWarning(`所有耳号均已存在,当前共 ${queryParams.value.allEarNumbers.length}`)
}
// 清空输入框
pasteInput.value = ''
}
/** 远程搜索耳号 */
function searchEarNumber(query) {
if (query !== '') {
earNumberLoading.value = true
const queries = query.trim().split(/[\s,]+/).filter(q => q)
if (queries.length === 1) {
// 单个耳号模糊搜索
searchEarNumbers(query).then(response => {
earNumberOptions.value = response.data || []
earNumberLoading.value = false
}).catch(() => {
earNumberOptions.value = []
earNumberLoading.value = false
})
} else {
// 多个耳号直接作为选项
earNumberOptions.value = queries
earNumberLoading.value = false
}
} else {
earNumberOptions.value = []
}
}
/** 耳号选择变化处理 */
function handleEarNumberChange(value) {
queryParams.value.allEarNumbers = [...new Set(value)]
console.log(`已选择 ${queryParams.value.allEarNumbers.length} 个耳号:`, queryParams.value.allEarNumbers)
}
/** 切换展开/收起状态 */
function toggleExpand() {
isExpanded.value = !isExpanded.value
}
/** 移除单个耳号 */
function handleRemoveEarNumber(tag) {
const index = queryParams.value.allEarNumbers.indexOf(tag)
if (index > -1) {
queryParams.value.allEarNumbers.splice(index, 1)
proxy.$modal.msgSuccess('已移除该耳号')
}
// 如果删除后剩余<=2个自动收起
if (queryParams.value.allEarNumbers.length <= defaultShowCount) {
isExpanded.value = false
}
}
/** 清空所有耳号 */
function clearAllEarNumbers() {
proxy.$modal.confirm('确定要清空所有已选择的耳号吗?').then(() => {
queryParams.value.allEarNumbers = []
pasteInput.value = ''
earNumberOptions.value = []
isExpanded.value = false // 重置展开状态
proxy.$modal.msgSuccess('已清空所有耳号')
}).catch(() => {})
}
getList()
</script>
<style scoped>
.app-container {
padding: 20px;
/* 核心样式:让每个表单项粘性定位 */
.sticky-search-form {
position: relative;
}
.mb8 {
margin-bottom: 8px;
.sticky-item {
position: sticky;
top: 0; /* 粘在视口顶部 */
background: #fff; /* 白色背景,避免透明 */
z-index: 100;
padding: 10px;
margin-bottom: 10px;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* 轻微阴影区分 */
align-self: flex-start; /* 重要:在 flex 布局中保持粘性 */
}
/* 保持原有样式 */
.selected-ear-numbers-display {
max-height: 150px;
overflow-y: auto;
padding: 8px;
background-color: #f5f7fa;
border-radius: 4px;
border: 1px dashed #dcdfe6;
display: flex;
flex-wrap: wrap;
align-items: center;
}
/* 滚动条样式 */
.selected-ear-numbers-display::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.selected-ear-numbers-display::-webkit-scrollbar-thumb {
background-color: #dcdfe6;
border-radius: 3px;
}
.selected-ear-numbers-display::-webkit-scrollbar-track {
background-color: #f5f7fa;
}
/* 隐藏 el-select 的下拉箭头(可选) */
:deep(.el-select__caret) {
display: none;
}
</style>

View File

@@ -78,6 +78,13 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否在群" prop="isDelete">
<el-select v-model="queryParams.isDelete" placeholder="全部" clearable style="min-width:120px">
<el-option label="全部" value="" />
<el-option label="在群" :value="0" />
<el-option label="离群" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -359,12 +366,11 @@
<script setup name="Deworm">
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
import { listDeworm, getDeworm, delDeworm, addDeworm, updateDeworm } from '@/api/biosafety/deworm'
import { listDeworm, getDeworm, delDeworm, addDeworm, updateDeworm, searchEarNumbers} from '@/api/biosafety/deworm'
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
import { listUnit } from '@/api/biosafety/unit'
import { listUsage } from '@/api/biosafety/usage'
import { listMedicine } from '@/api/biosafety/medicine'
import { searchEarNumbers } from '@/api/common/sheep'
import request from '@/utils/request'
import { parseTime } from '@/utils/ruoyi'
import { getUserByPost } from '@/api/common/user'
@@ -469,29 +475,44 @@
pasteInput.value = ''
}
/** 远程搜索耳号 */
function searchEarNumber(query) {
if (query !== '') {
earNumberLoading.value = true
const queries = query.trim().split(/[\s,]+/).filter(q => q)
if (queries.length === 1) {
// 单个耳号模糊搜索
searchEarNumbers(query).then(response => {
earNumberOptions.value = response.data || []
earNumberLoading.value = false
}).catch(() => {
earNumberOptions.value = []
earNumberLoading.value = false
})
} else {
// 多个耳号直接作为选项
earNumberOptions.value = queries
earNumberLoading.value = false
}
} else {
if (!query || query.trim() === '') {
earNumberOptions.value = []
return
}
earNumberLoading.value = true
// 统一转大写,去重
const queries = [...new Set(
query.trim().toUpperCase().split(/[\s,]+/).filter(q => q.length >= 1)
)]
if (queries.length === 0) {
earNumberOptions.value = []
earNumberLoading.value = false
return
}
if (queries.length === 1) {
// 单个耳号模糊搜索
searchEarNumbers(queries[0]).then(response => {
earNumberOptions.value = response.data || []
}).catch(() => {
earNumberOptions.value = []
}).finally(() => {
earNumberLoading.value = false
})
} else {
// 多个耳号:先显示,再后台校验
earNumberOptions.value = queries.map(q => ({ label: q, value: q, validating: true }))
earNumberLoading.value = false
// 可选:调用后端批量校验
validateEarNumbers(queries).then(validList => {
earNumberOptions.value = validList
})
}
}
@@ -762,7 +783,13 @@
}
function handleExport() {
proxy.download('biosafety/deworm/export', { ...queryParams }, `deworm_${Date.now()}.xlsx`)
queryParams.ids = ids.value;
try {
proxy.download('biosafety/deworm/export', { ...queryParams }, `驱虫_${Date.now()}.xlsx`)
} finally {
queryParams.ids = null;
}
}
/* ------------------ 药品/处方/下拉 ------------------ */

View File

@@ -100,8 +100,13 @@
<el-form-item label="治疗天数" prop="treatDay">
<el-input v-model="queryParams.treatDay" placeholder="请输入治疗天数" clearable />
</el-form-item>
<el-form-item label="是否在群" prop="isDelete">
<el-select v-model="queryParams.isDelete" placeholder="全部" clearable style="min-width:120px">
<el-option label="全部" value="" />
<el-option label="在群" :value="0" />
<el-option label="离群" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -264,16 +269,10 @@
</el-dialog>
</div>
</template><script setup name="Diagnosis">
import {
listDiagnosis,
getDiagnosis,
delDiagnosis,
updateDiagnosis,
} from '@/api/biosafety/diagnosis'
import {listDiagnosis,getDiagnosis,delDiagnosis,updateDiagnosis,searchEarNumbers} from '@/api/biosafety/diagnosis'
import { listSheepfold_management } from '@/api/fileManagement/sheepfold_management'
import { listDisease } from '@/api/biosafety/disease'
import { getCurrentInstance, onMounted, ref, watch } from 'vue'
import { searchEarNumbers } from '@/api/common/sheep'
import { getUserByPost } from '@/api/common/user'
const technicalOptions = ref([]) //自定义技术员数组变量
@@ -320,6 +319,7 @@ const daterangeDatetime = ref([]) // 日期区间
const queryParams = ref({
pageNum: 1,
pageSize: 20,
ids: null,
sheepNo: null,
allEarNumbers: null,
datetime: null,
@@ -627,11 +627,13 @@ function handleDelete(row) {
/* ---------- 导出 ---------- */
function handleExport() {
proxy.download(
'diagnosis/diagnosis/export',
{ ...queryParams.value },
`diagnosis_${new Date().getTime()}.xlsx`
)
queryParams.value.ids = ids.value;;
try {
proxy.download('diagnosis/diagnosis/export',{ ...queryParams.value },`诊疗_${new Date().getTime()}.xlsx`)
} finally {
queryParams.ids = null;
}
}
/* ---------- 弹窗取消 / 重置 ---------- */

View File

@@ -11,21 +11,25 @@
<el-form-item label="药品名称" prop="mediName">
<el-input v-model="queryParams.mediName" placeholder="请输入药品" clearable />
</el-form-item>
<el-form-item label="羊舍" prop="sheepfoldId">
<el-select v-model="queryParams.sheepfoldId" clearable placeholder="请选择羊舍" filterable style="width: 200px">
<el-option v-for="b in barns" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
</el-select>
</el-form-item>
<el-form-item label="羊舍" prop="sheepfoldIds">
<el-select v-model="queryParams.sheepfoldIds" multiple collapse-tags collapse-tags-tooltip clearable
placeholder="全部羊舍" filterable style="width: 240px" @change="handleSheepfoldChange">
<el-option v-for="b in barns" :key="b.sheepfoldId"
:label="b.sheepfold_name"
:value="b.sheepfoldId"
/>
</el-select>
</el-form-item>
<el-form-item label="技术员" prop="technician">
<el-form-item label="技术员">
<el-select v-model="queryParams.technical" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
<el-select v-model="queryParams.technician" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
@change="handleTechnicalChange">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value">
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form-item>
<el-form-item label="消毒方式" prop="way">
<el-select v-model="queryParams.way" clearable placeholder="请选择消毒方式" filterable style="width: 200px">
@@ -108,15 +112,13 @@
</el-col>
<el-col :span="12">
<el-form-item label="技术员" prop="technician">
<el-form-item label="技术员">
<el-select v-model="form.technical" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
<el-select v-model="form.technician" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
@change="handleTechnicalChange">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value">
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
@@ -212,16 +214,14 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="技术员">
<el-form-item label="技术员">
<el-select v-model="editForm.technical" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
<el-select v-model="editForm.technician" filterable clearable placeholder="请输入技术员姓名" style="width: 100%"
@change="handleTechnicalChange">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value">
<span style="float: left">{{ item.label }}</span>
</el-option>
</el-select>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
@@ -302,7 +302,7 @@
<script setup name="Disinfect">
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
import { listDisinfect, getDisinfect, delDisinfect, addDisinfect, updateDisinfect } from '@/api/biosafety/disinfect'
import { listDisinfect, getDisinfect, delDisinfect, addDisinfect, updateDisinfect,searchSheepfold} from '@/api/biosafety/disinfect'
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
import { listUnit } from '@/api/biosafety/unit'
import { listUsage } from '@/api/biosafety/usage'
@@ -351,6 +351,7 @@ const queryParams = reactive({
pageNum: 1,
pageSize: 20,
sheepfoldId: null,
sheepfoldIds: [], // 新增一个数组属性用于多选羊舍
technician: null
})
@@ -517,7 +518,13 @@ function handleDelete(row) {
}
function handleExport() {
proxy.download('biosafety/disinfect/export', { ...queryParams }, `消毒_${Date.now()}.xlsx`)
queryParams.ids = ids.value;
try {
proxy.download('biosafety/disinfect/export', { ...queryParams }, `消毒_${Date.now()}.xlsx`)
} finally {
queryParams.ids = null;
}
}
/* ---------- 下拉数据 ---------- */
@@ -567,13 +574,28 @@ function handleAddDetailEdit() {
editDetails.value.push({ mediId: null, dosage: 0, unit: null, usageId: null, manufacturer: null, batchNumber: null })
}
// 获取羊舍列表
const fetchBarns = async () => {
try {
const res = await searchSheepfold()
barns.value = res.data || []
} catch (error) {
console.error('获取羊舍失败:', error)
}
}
// 羊舍选择变化时自动刷新数据
const handleSheepfoldChange = (val) => {
getList(queryParams)
}
/* ---------- 初始加载 ---------- */
onMounted(() => {
getList()
/* 本地羊舍下拉 */
request({ url: '/sheepfold_management/sheepfold_management/list', method: 'get' }).then(res => {
barns.value = res.rows
})
fetchBarns()
listPrescription({ status: 1, persType: 3 }).then(res => {
presOptions.value = res.rows.map(item => ({ id: item.id, label: item.name }))
})

View File

@@ -81,6 +81,13 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否在群" prop="isDelete">
<el-select v-model="queryParams.isDelete" placeholder="全部" clearable style="min-width:120px">
<el-option label="全部" value="" />
<el-option label="在群" :value="0" />
<el-option label="离群" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -367,14 +374,13 @@
<script setup name="Health">
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
import { listHealth, getHealth, delHealth, addHealth, updateHealth } from '@/api/biosafety/health'
import { listHealth, getHealth, delHealth, addHealth, updateHealth,searchEarNumbers } from '@/api/biosafety/health'
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
import { listUnit } from '@/api/biosafety/unit'
import { listUsage } from '@/api/biosafety/usage'
import { listMedicine } from '@/api/biosafety/medicine'
import request from '@/utils/request'
import { parseTime } from '@/utils/ruoyi'
import { searchEarNumbers } from '@/api/common/sheep'
import { getUserByPost } from '@/api/common/user'
const technicalOptions = ref([]) //自定义技术员数组变量
@@ -794,7 +800,12 @@ function handleDelete(row) {
}
function handleExport() {
proxy.download('biosafety/health/export', { ...queryParams }, `保健_${Date.now()}.xlsx`)
queryParams.ids = ids.value;
try {
proxy.download('biosafety/health/export', { ...queryParams }, `保健_${Date.now()}.xlsx`)
} finally {
queryParams.ids = null;
}
}
/* ------------------ 药品/处方/下拉 ------------------ */

View File

@@ -79,6 +79,13 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否在群" prop="isDelete">
<el-select v-model="queryParams.isDelete" placeholder="全部" clearable style="min-width:120px">
<el-option label="全部" value="" />
<el-option label="在群" :value="0" />
<el-option label="离群" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -364,14 +371,13 @@
<script setup name="Immunity">
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
import { listImmunity, getImmunity, delImmunity, addImmunity, updateImmunity } from '@/api/biosafety/immunity'
import { listImmunity, getImmunity, delImmunity, addImmunity, updateImmunity,searchEarNumbers } from '@/api/biosafety/immunity'
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
import { listUnit } from '@/api/biosafety/unit'
import { listUsage } from '@/api/biosafety/usage'
import { listMedicine } from '@/api/biosafety/medicine'
import request from '@/utils/request'
import { parseTime } from '@/utils/ruoyi'
import { searchEarNumbers } from '@/api/common/sheep'
import { getUserByPost } from '@/api/common/user'
const technicalOptions = ref([]) //自定义技术员数组变量
@@ -413,7 +419,8 @@ const queryParams = reactive({
pageSize: 20,
sheepNo: null,
allEarNumbers: [], // 修改:改为数组,支持多耳号
technical: null,
technician: null,
ids: null,
orderByColumn: null, // 新增
isAsc: null // 新增
})
@@ -790,7 +797,12 @@ function handleDelete(row) {
}
function handleExport() {
proxy.download('biosafety/immunity/export', { ...queryParams }, `免疫_${Date.now()}.xlsx`)
queryParams.ids = ids.value;
try {
proxy.download('biosafety/immunity/export', { ...queryParams }, `免疫_${Date.now()}.xlsx`);
} finally {
queryParams.ids = null;
}
}
/* ------------------ 药品/处方/下拉 ------------------ */

View File

@@ -106,6 +106,13 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否在群" prop="isDelete">
<el-select v-model="queryParams.isDelete" placeholder="全部" clearable style="min-width:120px">
<el-option label="全部" value="" />
<el-option label="在群" :value="0" />
<el-option label="离群" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
@@ -392,19 +399,12 @@
</template>
<script setup name="Quarantine">
import {
listQuarantine,
getQuarantine,
delQuarantine,
addQuarantine,
updateQuarantine
} from '@/api/biosafety/quarantine'
import {listQuarantine,getQuarantine,delQuarantine,addQuarantine,updateQuarantine,searchEarNumbers} from '@/api/biosafety/quarantine'
import { listItems } from '@/api/biosafety/items'
import { listSample } from '@/api/biosafety/sample'
import request from '@/utils/request'
import { parseTime } from '@/utils/ruoyi'
import { useRouter } from 'vue-router'
import { searchEarNumbers } from '@/api/common/sheep'
import { getUserByPost } from '@/api/common/user'
const { proxy } = getCurrentInstance()
@@ -421,7 +421,7 @@ const technicalOptions = ref([]) //自定义技术员数组变量
// 获取技术员列表
const fetchTechnicalList = () => {
getUserByPost({ postCode: "techs" })
getUserByPost({ postCode: '' })
.then(res => {
if (res.code === 200 && Array.isArray(res.data)) {
technicalOptions.value = res.data.map(item => ({
@@ -860,11 +860,12 @@ function handleDelete(row) {
/* 导出 */
function handleExport() {
proxy.download(
'/biosafety/quarantine/export',
queryParams,
`检疫_${Date.now()}.xlsx`
)
queryParams.ids = ids.value;
try {
proxy.download('/biosafety/quarantine/export', queryParams, `检疫_${Date.now()}.xlsx`)
} finally {
queryParams.ids = null;
}
}
/* 跳转治疗 */

View File

@@ -85,6 +85,13 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否在群" prop="isDelete">
<el-select v-model="queryParams.isDelete" placeholder="全部" clearable style="min-width:120px">
<el-option label="全部" value="" />
<el-option label="在群" :value="0" />
<el-option label="离群" :value="1" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -459,7 +466,6 @@
<el-row :gutter="20" style="margin-top:20px;">
<el-col :span="12">
<el-form-item label="兽医">
<el-input v-model="editForm.veterinarian" placeholder="请输入兽医姓名" />
<el-select v-model="editForm.veterinarian" filterable clearable placeholder="请输入兽医姓名" style="width: 100%"
@change="handleTechnicalChange">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value">
@@ -522,7 +528,7 @@
<script setup>
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
import { listTreatment, getTreatment, delTreatment, addTreatment, updateTreatment } from '@/api/biosafety/treatment'
import { listTreatment, getTreatment, delTreatment, addTreatment, updateTreatment,searchEarNumbers } from '@/api/biosafety/treatment'
import { listDisease } from '@/api/biosafety/disease'
import { listSheepfold_management } from "@/api/fileManagement/sheepfold_management"
import { listPrescription, getPrescription } from '@/api/biosafety/prescription'
@@ -531,7 +537,6 @@ import { listUsage } from '@/api/biosafety/usage'
import { listMedicine } from '@/api/biosafety/medicine'
import request from '@/utils/request'
import { useRouter } from 'vue-router'
import { searchEarNumbers } from '@/api/common/sheep'
import { getUserByPost } from '@/api/common/user'
const technicalOptions = ref([]) //自定义技术员数组变量
@@ -1022,7 +1027,13 @@ function handleDelete(row) {
.then(() => { getList(); proxy.$modal.msgSuccess('删除成功') })
}
function handleExport() {
proxy.download('treatment/treatment/export', { ...queryParams }, `治疗记录_${Date.now()}.xlsx`)
queryParams.ids = ids.value;
try {
proxy.download('treatment/treatment/export', { ...queryParams }, `治疗记录_${Date.now()}.xlsx`)
} finally {
queryParams.ids = null;
}
}
function resetForm(formObj) {
Object.assign(formObj, {

View File

@@ -109,6 +109,7 @@
<!-- 数据表格 -->
<el-table v-loading="loading" :data="usageList" @selection-change="handleSelectionChange" max-height="650px">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="使用时间" align="center" prop="datetime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
@@ -201,15 +202,15 @@
<script setup name="Usage">
import { listMedicine} from "@/api/biosafety/medicine"
import { listUsageInfo, getUsageInfo } from '@/api/biosafety/usageInfo'
import { listUsageInfo, getUsageInfo,searchEarNumbers } from '@/api/biosafety/usageInfo'
import { listUnit } from '@/api/biosafety/unit'
import { listUsage } from '@/api/biosafety/usage'
import { getCurrentInstance, reactive, ref, toRefs } from 'vue'
import { searchEarNumbers } from '@/api/common/sheep'
const { proxy } = getCurrentInstance()
const { pres_type } = proxy.useDict('pres_type')
const ids = ref([]) // 选中项ID列表
const usageList = ref([])
const swMedicineUsageDetailsList = ref([])
const open = ref(false)
@@ -473,11 +474,13 @@ function rowSwMedicineUsageDetailsIndex({ rowIndex }) {
return `row-${rowIndex}`
}
function handleExport() {
proxy.download(
'biosafety/usageInfo/export',
{ ...queryParams.value },
`药品使用记录_${new Date().getTime()}.xlsx`
)
queryParams.value.ids = ids.value;
try {
proxy.download('biosafety/usageInfo/export',{ ...queryParams.value },`药品使用记录_${new Date().getTime()}.xlsx`)
} finally {
queryParams.ids = null;
}
}
/* 初始化 */

View File

@@ -107,7 +107,7 @@
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="技术员" prop="technician">
<el-select
v-model="queryParams.technician"
@@ -196,6 +196,21 @@
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="母羊耳号" align="center" prop="femaleEarNumber" width="120" fixed="left" />
<el-table-column label="母羊品种" align="center" prop="femaleBreed" width="100" />
<el-table-column label="事件类型" align="center" width="90">
<template #default>
<el-tag type="success" size="small">产羔</el-tag>
</template>
</el-table-column>
<el-table-column label="产羔日期" align="center" prop="createTime" width="110">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="配种类型" align="center" prop="breedType" width="140">
<template #default="scope">
<span>{{ getBreedTypeLabel(scope.row.breedType) }}</span>
</template>
</el-table-column>
<el-table-column label="配种日期" align="center" prop="breedingDate" width="110">
<template #default="scope">
<span>{{ parseTime(scope.row.breedingDate, '{y}-{m}-{d}') }}</span>
@@ -204,6 +219,12 @@
<el-table-column label="胎次" align="center" prop="parity" width="80" />
<el-table-column label="公羊耳号" align="center" prop="maleEarNumber" width="120" />
<el-table-column label="公羊品种" align="center" prop="maleBreed" width="120" />
<!-- 供体信息胚胎移植时有值 -->
<el-table-column label="供体母羊" align="center" prop="donorEwe" width="120" />
<el-table-column label="供体母羊品种" align="center" prop="donorEweBreed" width="120" />
<el-table-column label="供体公羊" align="center" prop="donorRam" width="120" />
<el-table-column label="供体公羊品种" align="center" prop="donorRamBreed" width="120" />
<el-table-column label="移胚数" align="center" prop="embryoCount" width="90" />
<el-table-column label="产羔数量" align="center" prop="lambsBorn" width="90" />
<el-table-column label="活羔数量" align="center" prop="survival" width="90" />
<el-table-column label="折损数" align="center" prop="loss" width="80">
@@ -211,6 +232,23 @@
<span>{{ (scope.row.lambsBorn || 0) - (scope.row.survival || 0) }}</span>
</template>
</el-table-column>
<el-table-column label="羔羊品种" align="center" prop="lambBreedId" width="110">
<template #default="scope">
<span>{{ getVarietyName(scope.row.lambBreedId) }}</span>
</template>
</el-table-column>
<template v-for="n in 8" :key="'lambcols'+n">
<el-table-column :label="'羔羊耳号'+n" align="center" width="130">
<template #default="scope">
<span>{{ scope.row.lambDetails && scope.row.lambDetails[n-1] ? scope.row.lambDetails[n-1].lambEarNumber : '' }}</span>
</template>
</el-table-column>
<el-table-column :label="'羔羊'+n+'出生重'" align="center" width="100">
<template #default="scope">
<span>{{ scope.row.lambDetails && scope.row.lambDetails[n-1] ? scope.row.lambDetails[n-1].birthWeight : '' }}</span>
</template>
</el-table-column>
</template>
<el-table-column label="技术员" align="center" prop="technician" width="100" />
<el-table-column label="月龄" align="center" prop="monthAge" width="80" />
<el-table-column label="产羔评分" align="center" prop="score" width="90" />
@@ -267,6 +305,30 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="事件类型">
<el-input value="产羔" readonly />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="产羔日期" prop="createTime">
<el-date-picker
clearable
v-model="form.createTime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择产羔日期"
style="width:100%">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="配种类型">
<el-input :value="getBreedTypeLabel(form.breedType)" placeholder="配种类型" readonly />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="公羊耳号" prop="maleEarNumber">
@@ -279,13 +341,47 @@
</el-form-item>
</el-col>
</el-row>
<!-- 供体信息胚胎移植时显示 -->
<template v-if="isEmbryoTransfer">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="供体母羊">
<el-input v-model="form.donorEwe" placeholder="供体母羊耳号" readonly />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="供体母羊品种">
<el-input v-model="form.donorEweBreed" placeholder="供体母羊品种" readonly />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="供体公羊">
<el-input v-model="form.donorRam" placeholder="供体公羊耳号" readonly />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="供体公羊品种">
<el-input v-model="form.donorRamBreed" placeholder="供体公羊品种" readonly />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="移胚数">
<el-input v-model="form.embryoCount" placeholder="移胚数" readonly />
</el-form-item>
</el-col>
</el-row>
</template>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="怀孕天数" prop="pregnancyDays">
<el-input v-model="form.pregnancyDays" placeholder="怀孕天数" readonly />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="技术员" prop="technician">
<el-select
@@ -328,17 +424,6 @@
<el-input v-model.number="form.score" placeholder="请输入产羔评分" type="number" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="产羔日期" prop="createTime">
<el-date-picker
clearable
v-model="form.createTime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择产羔日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
@@ -369,7 +454,8 @@
<el-row :gutter="20" class="lamb-form-content">
<el-col :span="8">
<el-form-item :label="`羔羊耳号`" :prop="`lambForms.${index}.lambEarNumber`">
<el-input v-model="lamb.lambEarNumber" placeholder="请输入羔羊耳号" />
<el-input v-model="lamb.lambEarNumber" placeholder="请输入羔羊耳号"
@input="handleLambEarNumberInput(index)"/>
</el-form-item>
</el-col>
<el-col :span="8">
@@ -451,6 +537,13 @@
<el-descriptions-item label="公羊耳号">{{ detailData.maleEarNumber }}</el-descriptions-item>
<el-descriptions-item label="公羊品种">{{ detailData.maleBreed }}</el-descriptions-item>
<el-descriptions-item label="配种日期">{{ parseTime(detailData.breedingDate, '{y}-{m}-{d}') }}</el-descriptions-item>
<template v-if="detailData.donorEwe || detailData.donorRam">
<el-descriptions-item label="供体母羊">{{ detailData.donorEwe || '-' }}</el-descriptions-item>
<el-descriptions-item label="供体母羊品种">{{ detailData.donorEweBreed || '-' }}</el-descriptions-item>
<el-descriptions-item label="供体公羊">{{ detailData.donorRam || '-' }}</el-descriptions-item>
<el-descriptions-item label="供体公羊品种">{{ detailData.donorRamBreed || '-' }}</el-descriptions-item>
<el-descriptions-item label="移胚数">{{ detailData.embryoCount || '-' }}</el-descriptions-item>
</template>
<el-descriptions-item label="产羔数量">{{ detailData.lambsBorn }}</el-descriptions-item>
<el-descriptions-item label="活羔数量">{{ detailData.survival }}</el-descriptions-item>
<el-descriptions-item label="技术员">{{ detailData.technician }}</el-descriptions-item>
@@ -538,6 +631,11 @@ const detailData = ref({})
const lambDetailList = ref([])
const varietyList = ref([]) // 品种列表
// 是否胚胎移植有供体母羊或供体公羊信息时为true
const isEmbryoTransfer = computed(() => {
return !!(form.value.donorEwe || form.value.donorRam)
})
const data = reactive({
form: {},
queryParams: {
@@ -567,6 +665,64 @@ const data = reactive({
}
})
// 品种 ID 常量定义 (对应 ScEmbryoFlushServiceImpl)
const VARIETY_IDS = {
HUYANG: 1, // 湖羊
DONGFULISHENG: 2, // 东佛里生
HUIJIAO: 3, // 回交
JIZA_1: 4, // 级杂一代
JIZA_2: 5, // 级杂二代
JIZA_3: 6, // 级杂三代
SHIDAI_1: 7, // 一世代
SHIDAI_2: 8, // 二世代
SHIDAI_3: 9, // 三世代
SHIDAI_4: 10 // 四世代
};
/** * 品种计算核心逻辑 (参考后端 calculateEmbryoVarietyById)
* @param {number} maleId 公羊品种ID
* @param {number} femaleId 母羊品种ID
* @returns {number|null} 羔羊品种ID
*/
function calculateLambBreedId(maleId, femaleId) {
if (!maleId || !femaleId) return null;
// 湖羊 x 湖羊 -> 湖羊
if (maleId === VARIETY_IDS.HUYANG && femaleId === VARIETY_IDS.HUYANG) return VARIETY_IDS.HUYANG;
// 东佛里生 x 东佛里生 -> 东佛里生
if (maleId === VARIETY_IDS.DONGFULISHENG && femaleId === VARIETY_IDS.DONGFULISHENG) return VARIETY_IDS.DONGFULISHENG;
// 东佛里生 x 湖羊 -> 级杂一代
if (maleId === VARIETY_IDS.DONGFULISHENG && femaleId === VARIETY_IDS.HUYANG) return VARIETY_IDS.JIZA_1;
// 东佛里生 x 级杂一代 -> 级杂二代
if (maleId === VARIETY_IDS.DONGFULISHENG && femaleId === VARIETY_IDS.JIZA_1) return VARIETY_IDS.JIZA_2;
// 东佛里生 x 级杂二代 -> 级杂三代
if (maleId === VARIETY_IDS.DONGFULISHENG && femaleId === VARIETY_IDS.JIZA_2) return VARIETY_IDS.JIZA_3;
// 东佛里生 x 级杂三代 -> 东佛里生
if (maleId === VARIETY_IDS.DONGFULISHENG && femaleId === VARIETY_IDS.JIZA_3) return VARIETY_IDS.DONGFULISHENG;
// 湖羊 x 级杂三代 -> 回交
if (maleId === VARIETY_IDS.HUYANG && femaleId === VARIETY_IDS.JIZA_3) return VARIETY_IDS.HUIJIAO;
// 湖羊 x 回交 -> 回交
if (maleId === VARIETY_IDS.HUYANG && femaleId === VARIETY_IDS.HUIJIAO) return VARIETY_IDS.HUIJIAO;
// 世代计算规则
const isMaleCapable = (maleId >= 3 && maleId <= 10);
if (isMaleCapable) {
if (femaleId === VARIETY_IDS.JIZA_2) return VARIETY_IDS.SHIDAI_1;
if (femaleId === VARIETY_IDS.SHIDAI_1) return VARIETY_IDS.SHIDAI_2;
if (femaleId === VARIETY_IDS.SHIDAI_2) return VARIETY_IDS.SHIDAI_3;
if (femaleId === VARIETY_IDS.SHIDAI_3) return VARIETY_IDS.SHIDAI_4;
}
return null;
}
const { queryParams, form, rules } = toRefs(data)
// 新增:获取技术员列表
@@ -754,6 +910,19 @@ function getGenderDisplay(gender) {
return { label: '未知', type: 'info' }
}
/** 配种类型标签映射 */
function getBreedTypeLabel(breedType) {
const map = {
'1': '供体母羊配种',
'2': '同期发情人工授精',
'3': '本交',
'4': '自然发情人工授精',
'5': '胚胎移植'
}
if (breedType == null || breedType === '') return '-'
return map[String(breedType)] || String(breedType)
}
/** 母羊耳号输入处理 */
function handleEarNumberInput() {
// 清空相关联动字段
@@ -763,15 +932,18 @@ function handleEarNumberInput() {
form.value.breedingDate = null
form.value.pregnancyDays = null
form.value.technician = null
form.value.donorEwe = null
form.value.donorEweBreed = null
form.value.donorRam = null
form.value.donorRamBreed = null
form.value.embryoCount = null
form.value.breedType = null
}
/** 母羊耳号失焦处理 - 自动查询配种信息 */
function handleEarNumberBlur() {
const earNumber = form.value.femaleEarNumber
if (!earNumber || earNumber.trim() === '') {
return
}
const earNumber = form.value.femaleEarNumber;
if (!earNumber || earNumber.trim() === '') return;
// 调用API查询配种信息
getBreedingInfo(earNumber.trim()).then(response => {
if (response.code === 200 && response.data) {
@@ -784,7 +956,26 @@ function handleEarNumberBlur() {
form.value.breedingDate = breedingData.breeding_date
form.value.pregnancyDays = breedingData.pregnancy_days
form.value.technician = breedingData.technician || ''
// 供体信息(胚胎移植时有值)
form.value.donorEwe = breedingData.donor_ewe || null
form.value.donorEweBreed = breedingData.donor_ewe_breed || null
form.value.donorRam = breedingData.donor_ram || null
form.value.donorRamBreed = breedingData.donor_ram_breed || null
form.value.embryoCount = breedingData.embryo_count || null
form.value.breedType = breedingData.breed_type || null
const mVariety = varietyList.value.find(v => v.variety === breedingData.male_breed);
const fVariety = varietyList.value.find(v => v.variety === breedingData.female_breed);
// 临时存储这些信息,用于初始化羔羊列表
form.value._calculatedLambBreedId = calculateLambBreedId(mVariety?.id, fVariety?.id);
form.value._fatherLineage = breedingData.male_lineage || ''; // 确保后端返回了家系字段
if (lambForms.value && lambForms.value.length > 0) {
lambForms.value.forEach(lamb => {
lamb.lineage = form.value._fatherLineage;
lamb.lambBreed = form.value._calculatedLambBreedId;
});
}
proxy.$modal.msgSuccess("已自动匹配父母品种及家系信息");
proxy.$modal.msgSuccess("已自动填充配种信息")
} else {
proxy.$modal.msgWarning(response.msg || "未找到该母羊的配种记录")
@@ -801,14 +992,24 @@ function handleEarNumberBlur() {
})
}
/** 查询产羔记录列表 */
function getList() {
loading.value = true
listLambing_records(queryParams.value).then(response => {
lambing_recordsList.value = response.rows
const rows = response.rows || []
total.value = response.total
loading.value = false
})
// 批量加载每行的羔羊详情
const promises = rows.map(row =>
getLambDetail(row.id).then(res => {
row.lambDetails = res.data || []
}).catch(() => { row.lambDetails = [] })
)
Promise.all(promises).then(() => {
lambing_recordsList.value = rows
loading.value = false
})
}).catch(() => { loading.value = false })
}
// 取消按钮
@@ -834,7 +1035,13 @@ function reset() {
score: null,
comment: null,
createBy: null,
createTime: null
createTime: null,
donorEwe: null,
donorEweBreed: null,
donorRam: null,
donorRamBreed: null,
embryoCount: null,
breedType: null
}
showLambForms.value = false
lambForms.value = []
@@ -867,6 +1074,8 @@ function handleSelectionChange(selection) {
/** 新增按钮操作 */
function handleAdd() {
reset()
// 默认产羔日期为今天
form.value.createTime = new Date().toISOString().split('T')[0]
open.value = true
title.value = "添加产羔记录"
}
@@ -886,21 +1095,21 @@ function handleUpdate(row) {
/** 产羔数量变化处理 */
function handleLambsBornChange() {
const count = parseInt(form.value.lambsBorn) || 0
if (count > 0 && count <= 10) { // 限制最大数量
showLambForms.value = true
lambForms.value = Array.from({ length: count }, (_, index) => ({
const count = parseInt(form.value.lambsBorn) || 0;
if (count > 0 && count <= 10) {
showLambForms.value = true;
lambForms.value = Array.from({ length: count }, () => ({
lambEarNumber: '',
gender: '',
isRetained: false,
isRetained: true, // 默认留养
birthWeight: null,
lambBreed: null,
lineage: '',
birthday: ''
}))
lambBreed: form.value._calculatedLambBreedId, // 自动填充计算出的品种
lineage: form.value._fatherLineage, // 随父亲家系
birthday: form.value.createTime || new Date().toISOString().split('T')[0] // 随产羔日期
}));
} else {
showLambForms.value = false
lambForms.value = []
showLambForms.value = false;
lambForms.value = [];
}
}
@@ -967,6 +1176,24 @@ function submitForm() {
}
})
}
/** 监听羔羊耳号输入,自动识别性别 */
function handleLambEarNumberInput(index) {
const lamb = lambForms.value[index]
const earNumber = lamb.lambEarNumber
// 确保耳号长度至少有2位
if (earNumber && earNumber.length >= 2) {
// 获取第二个字符并转大写
const secondChar = earNumber.charAt(1).toUpperCase()
if (secondChar === 'F') {
lamb.gender = 'female' // 对应 <el-option label="母" value="female">
} else if (secondChar === 'M') {
lamb.gender = 'male' // 对应 <el-option label="公" value="male">
}
}
}
/** 删除按钮操作 */
function handleDelete(row) {

View File

@@ -69,37 +69,40 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="dryMatterCorrectionList"
@selection-change="handleSelectionChange"
style="width: 100%">
<el-table-column type="selection" align="center" />
<el-table-column label="年月" align="center" prop="datetime" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}') }}</span>
</template>
</el-table-column>
<el-table-column label="厂区" align="center" prop="factory">
<template #default="scope">
<dict-tag :options="da_ranch" :value="scope.row.factory"/>
</template>
</el-table-column>
<el-table-column label="干物质含量" align="center" prop="content" sortable />
<el-table-column label="干物质标准" align="center" prop="standard" sortable />
<el-table-column label="干物质系数" align="center" prop="coefficient" sortable>
<template #default="scope">
<span>{{ formatCoefficient(scope.row.coefficient) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['dryMatterCorrection:dryMatterCorrection:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['dryMatterCorrection:dryMatterCorrection:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-wrapper">
<el-table
v-loading="loading"
:data="dryMatterCorrectionList"
@selection-change="handleSelectionChange"
style="width: 100%"
height="100%">
<el-table-column type="selection" align="center" />
<el-table-column label="年月" align="center" prop="datetime" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}') }}</span>
</template>
</el-table-column>
<el-table-column label="厂区" align="center" prop="factory">
<template #default="scope">
<dict-tag :options="da_ranch" :value="scope.row.factory"/>
</template>
</el-table-column>
<el-table-column label="干物质含量" align="center" prop="content" sortable />
<el-table-column label="干物质标准" align="center" prop="standard" sortable />
<el-table-column label="干物质系数" align="center" prop="coefficient" sortable>
<template #default="scope">
<span>{{ formatCoefficient(scope.row.coefficient) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['dryMatterCorrection:dryMatterCorrection:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['dryMatterCorrection:dryMatterCorrection:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
@@ -373,4 +376,31 @@ getList()
.el-form-item {
margin-bottom: 15px;
}
/* 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>

View File

@@ -75,126 +75,128 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="freshMilkTestList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="来源"
align="center"
prop="source"
v-if="selectedColumns.includes('source')" />
<el-table-column
label="检测日期"
align="center"
prop="datetime"
width="180"
v-if="selectedColumns.includes('datetime')"
sortable>
<template #default="scope">
<span>{{ formatDate(scope.row.datetime) }}</span>
</template>
</el-table-column>
<el-table-column
label="脂肪g/100g"
align="center"
prop="fat"
v-if="selectedColumns.includes('fat')"
sortable />
<el-table-column
label="蛋白质g/100g"
align="center"
prop="protein"
v-if="selectedColumns.includes('protein')"
sortable />
<el-table-column
label="非脂g/100g"
align="center"
prop="nonFat"
v-if="selectedColumns.includes('nonFat')"
sortable />
<el-table-column
label="酸度oT"
align="center"
prop="acidity"
v-if="selectedColumns.includes('acidity')"
sortable />
<el-table-column
label="菌落总数1"
align="center"
prop="bacterialColony1"
v-if="selectedColumns.includes('bacterialColony1')"
sortable />
<el-table-column
label="菌落总数2"
align="center"
prop="bacterialColony2"
v-if="selectedColumns.includes('bacterialColony2')"
sortable />
<el-table-column
label="菌落总数3"
align="center"
prop="bacterialColony3"
v-if="selectedColumns.includes('bacterialColony3')"
sortable />
<el-table-column
label="菌落总数4"
align="center"
prop="bacterialColony4"
v-if="selectedColumns.includes('bacterialColony4')"
sortable />
<el-table-column
label="菌落总数5"
align="center"
prop="bacterialColony5"
v-if="selectedColumns.includes('bacterialColony5')"
sortable />
<el-table-column
label="大肠菌群(CFU/ml)"
align="center"
prop="coli"
v-if="selectedColumns.includes('coli')"
sortable />
<el-table-column
label="乳铁蛋白(mg/L)"
align="center"
prop="lactoferrin"
v-if="selectedColumns.includes('lactoferrin')"
sortable />
<el-table-column
label="免疫球蛋白(mg/L)"
align="center"
prop="ig"
v-if="selectedColumns.includes('ig')"
sortable />
<div class="table-wrapper">
<el-table v-loading="loading" :data="freshMilkTestList" @selection-change="handleSelectionChange" height="100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="来源"
align="center"
prop="source"
v-if="selectedColumns.includes('source')" />
<el-table-column
label="检测日期"
align="center"
prop="datetime"
width="180"
v-if="selectedColumns.includes('datetime')"
sortable>
<template #default="scope">
<span>{{ formatDate(scope.row.datetime) }}</span>
</template>
</el-table-column>
<el-table-column
label="备注"
align="center"
prop="commnet"
v-if="selectedColumns.includes('commnet')" />
<el-table-column
label="创建人"
align="center"
prop="createBy"
v-if="selectedColumns.includes('createBy')" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
width="180"
v-if="selectedColumns.includes('createTime')"
sortable>
<template #default="scope">
<span>{{ formatDateTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['freshMilkTest:freshMilkTest:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['freshMilkTest:freshMilkTest:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-table-column
label="脂肪g/100g"
align="center"
prop="fat"
v-if="selectedColumns.includes('fat')"
sortable />
<el-table-column
label="蛋白质g/100g"
align="center"
prop="protein"
v-if="selectedColumns.includes('protein')"
sortable />
<el-table-column
label="非脂g/100g"
align="center"
prop="nonFat"
v-if="selectedColumns.includes('nonFat')"
sortable />
<el-table-column
label="酸度oT"
align="center"
prop="acidity"
v-if="selectedColumns.includes('acidity')"
sortable />
<el-table-column
label="菌落总数1"
align="center"
prop="bacterialColony1"
v-if="selectedColumns.includes('bacterialColony1')"
sortable />
<el-table-column
label="菌落总数2"
align="center"
prop="bacterialColony2"
v-if="selectedColumns.includes('bacterialColony2')"
sortable />
<el-table-column
label="菌落总数3"
align="center"
prop="bacterialColony3"
v-if="selectedColumns.includes('bacterialColony3')"
sortable />
<el-table-column
label="菌落总数4"
align="center"
prop="bacterialColony4"
v-if="selectedColumns.includes('bacterialColony4')"
sortable />
<el-table-column
label="菌落总数5"
align="center"
prop="bacterialColony5"
v-if="selectedColumns.includes('bacterialColony5')"
sortable />
<el-table-column
label="大肠菌群(CFU/ml)"
align="center"
prop="coli"
v-if="selectedColumns.includes('coli')"
sortable />
<el-table-column
label="乳铁蛋白(mg/L)"
align="center"
prop="lactoferrin"
v-if="selectedColumns.includes('lactoferrin')"
sortable />
<el-table-column
label="免疫球蛋白(mg/L)"
align="center"
prop="ig"
v-if="selectedColumns.includes('ig')"
sortable />
<el-table-column
label="备注"
align="center"
prop="commnet"
v-if="selectedColumns.includes('commnet')" />
<el-table-column
label="创建人"
align="center"
prop="createBy"
v-if="selectedColumns.includes('createBy')" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
width="180"
v-if="selectedColumns.includes('createTime')"
sortable>
<template #default="scope">
<span>{{ formatDateTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['freshMilkTest:freshMilkTest:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['freshMilkTest:freshMilkTest:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
@@ -642,4 +644,32 @@ onMounted(() => {
.el-dialog__body {
padding: 15px 20px;
}
/* 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>

View File

@@ -49,36 +49,38 @@
</template>
</el-dialog>
<el-table :data="rows" border style="margin-top:16px" v-loading="loading">
<el-table-column prop="datetime" label="日期" width="120" sortable fixed="left">
<template #default="{ row }">
{{ row.datetime ? row.datetime.substring(0, 10) : '' }}
</template>
</el-table-column>
<el-table-column prop="num" label="羊数" sortable width="100" />
<el-table-column prop="colostSheep" label="初乳羊" sortable width="100" />
<el-table-column prop="commercialIntake" label="商乳入库" sortable width="120" />
<el-table-column prop="antiIntake" label="乳入库" sortable width="120" />
<el-table-column prop="colostIntake" label="乳入库" sortable width="120" />
<el-table-column prop="intakeTotal" label="入库小计" sortable width="120" />
<el-table-column prop="commercialTest" label="商乳实验用奶" sortable width="140" />
<el-table-column prop="colostTest" label="乳实验用奶" sortable width="140" />
<el-table-column prop="transferCommercial" label="商乳调拨出库" sortable width="140" />
<el-table-column prop="transferAnti" label="乳调拨出库" sortable width="140" />
<el-table-column prop="transferColost" label="乳调拨出库" sortable width="140" />
<el-table-column prop="transferTotal" label="调拨小计" sortable width="120" />
<el-table-column prop="loss" label="损耗" sortable width="100" />
<el-table-column v-for="f in selectedFeed" :key="'feed-'+f" :prop="f" :label="f" sortable width="120" />
<el-table-column v-for="s in selectedSale" :key="'sale-'+s" :prop="s" :label="s" sortable width="120" />
<el-table-column prop="stockCommercial" label="商乳库存" sortable width="120" />
<el-table-column prop="stockAnti" label="乳库存" sortable width="120" />
<el-table-column prop="colost" label="乳库存" sortable width="120" />
<el-table-column prop="returnFresh" label="爱特退回鲜奶" sortable width="140" />
<el-table-column prop="returnYogurt" label="爱特退回奶" sortable width="140" />
</el-table>
<div class="table-wrapper">
<el-table :data="rows" border style="margin-top:16px" v-loading="loading" height="100%">
<el-table-column prop="datetime" label="日期" width="120" sortable fixed="left">
<template #default="{ row }">
{{ row.datetime ? row.datetime.substring(0, 10) : '' }}
</template>
</el-table-column>
<el-table-column prop="num" label="羊" sortable width="100" />
<el-table-column prop="colostSheep" label="初乳羊" sortable width="100" />
<el-table-column prop="commercialIntake" label="乳入库" sortable width="120" />
<el-table-column prop="antiIntake" label="乳入库" sortable width="120" />
<el-table-column prop="colostIntake" label="初乳入库" sortable width="120" />
<el-table-column prop="intakeTotal" label="入库小计" sortable width="120" />
<el-table-column prop="commercialTest" label="乳实验用奶" sortable width="140" />
<el-table-column prop="colostTest" label="初乳实验用奶" sortable width="140" />
<el-table-column prop="transferCommercial" label="乳调拨出库" sortable width="140" />
<el-table-column prop="transferAnti" label="乳调拨出库" sortable width="140" />
<el-table-column prop="transferColost" label="初乳调拨出库" sortable width="140" />
<el-table-column prop="transferTotal" label="调拨小计" sortable width="120" />
<el-table-column prop="loss" label="损耗" sortable width="100" />
<el-table-column v-for="f in selectedFeed" :key="'feed-'+f" :prop="f" :label="f" sortable width="120" />
<el-table-column v-for="s in selectedSale" :key="'sale-'+s" :prop="s" :label="s" sortable width="120" />
<el-table-column prop="stockCommercial" label="乳库存" sortable width="120" />
<el-table-column prop="stockAnti" label="乳库存" sortable width="120" />
<el-table-column prop="colost" label="初乳库存" sortable width="120" />
<el-table-column prop="returnFresh" label="爱特退回奶" sortable width="140" />
<el-table-column prop="returnYogurt" label="爱特退回酸奶" sortable width="140" />
</el-table>
</div>
<pagination
v-show="total>0"
@@ -221,4 +223,32 @@ onMounted(() => {
.mb-4 {
margin-bottom: 16px;
}
/* 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>

View File

@@ -93,29 +93,31 @@
</el-col>
</el-row>
<el-table :data="tableData" v-loading="loading">
<el-table-column prop="datetime" label="日期" width="110" sortable>
<template #default="{ row }">
{{ parseTime(row.datetime, '{y}-{m}-{d}') }}
</template>
</el-table-column>
<el-table-column prop="manageEarNo" label="管理耳号" />
<el-table-column prop="electronicEarNo" label="电子耳号" />
<el-table-column prop="parity" label="胎次" sortable />
<el-table-column prop="factory" label="厂区" />
<el-table-column prop="classes" label="班次" sortable />
<el-table-column prop="milk" label="班次产奶量" sortable>
<template #default="{ row }">
{{ row.milk ? Number(row.milk).toFixed(2) : '-' }}
</template>
</el-table-column>
<el-table-column prop="correctedMilk" label="班次校正奶量" sortable>
<template #default="{ row }">
{{ row.correctedMilk ? Number(row.correctedMilk).toFixed(2) : '-' }}
</template>
</el-table-column>
</el-table>
<div class="table-wrapper">
<el-table :data="tableData" v-loading="loading" height="100%">
<el-table-column prop="datetime" label="日期" width="110" sortable>
<template #default="{ row }">
{{ parseTime(row.datetime, '{y}-{m}-{d}') }}
</template>
</el-table-column>
<el-table-column prop="manageEarNo" label="管理耳号" />
<el-table-column prop="electronicEarNo" label="电子耳号" />
<el-table-column prop="parity" label="胎次" sortable />
<el-table-column prop="factory" label="厂区" />
<el-table-column prop="classes" label="班次" sortable />
<el-table-column prop="milk" label="班次产奶量" sortable>
<template #default="{ row }">
{{ row.milk ? Number(row.milk).toFixed(2) : '-' }}
</template>
</el-table-column>
<el-table-column prop="correctedMilk" label="班次校正奶量" sortable>
<template #default="{ row }">
{{ row.correctedMilk ? Number(row.correctedMilk).toFixed(2) : '-' }}
</template>
</el-table-column>
</el-table>
</div>
<pagination v-show="total>0" :total="total"
v-model:page="queryParams.pageNum"
@@ -315,4 +317,32 @@ getList();
background-color: #f5f7fa;
border-radius: 4px;
}
/* 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>

View File

@@ -48,20 +48,22 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="parityCorrectionList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="胎次" align="center" prop="parity" sortable />
<el-table-column label="系数" align="center" prop="coef" sortable />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['parityCorrection:parityCorrection:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['parityCorrection:parityCorrection:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-wrapper">
<el-table v-loading="loading" :data="parityCorrectionList" @selection-change="handleSelectionChange" height="100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="胎次" align="center" prop="parity" sortable />
<el-table-column label="系数" align="center" prop="coef" sortable />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['parityCorrection:parityCorrection:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['parityCorrection:parityCorrection:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
@@ -214,4 +216,33 @@ function handleDelete(row) {
}
getList()
</script>
</script>
<style scoped>
/* 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>

View File

@@ -75,48 +75,50 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="rawMilkTestList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="检测日期" align="center" prop="datetime" width="180" v-if="visibleColumns.datetime" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="来源" align="center" prop="source" v-if="visibleColumns.source" />
<el-table-column label="冰点" align="center" prop="freeze" v-if="visibleColumns.freeze" sortable />
<el-table-column label="相对密度" align="center" prop="density" v-if="visibleColumns.density" sortable />
<el-table-column label="脂肪g/100g" align="center" prop="fat" v-if="visibleColumns.fat" sortable />
<el-table-column label="蛋白质g/100g" align="center" prop="protein" v-if="visibleColumns.protein" sortable />
<el-table-column label="非脂g/100g" align="center" prop="nonFat" v-if="visibleColumns.nonFat" sortable />
<el-table-column label="干物质mg/100g" align="center" prop="dryMatter" v-if="visibleColumns.dryMatter" sortable />
<el-table-column label="杂质度mg/100g" align="center" prop="impurityDegree" v-if="visibleColumns.impurityDegree" sortable />
<el-table-column label="乳糖g/100g" align="center" prop="lactose" v-if="visibleColumns.lactose" sortable />
<el-table-column label="灰度g/100g" align="center" prop="ashContent" v-if="visibleColumns.ashContent" sortable />
<el-table-column label="酸度" align="center" prop="acidity" v-if="visibleColumns.acidity" sortable />
<el-table-column label="ph" align="center" prop="ph" v-if="visibleColumns.ph" sortable />
<el-table-column label="菌落总数" align="center" prop="bacterialColony" v-if="visibleColumns.bacterialColony" sortable />
<el-table-column label="乳铁蛋白" align="center" prop="lactoferrin" v-if="visibleColumns.lactoferrin" sortable />
<el-table-column label="免疫球蛋白" align="center" prop="ig" v-if="visibleColumns.ig" sortable />
<el-table-column label="体细胞" align="center" prop="somaticCell" v-if="visibleColumns.somaticCell" sortable />
<el-table-column label="尿素氮" align="center" prop="usea" v-if="visibleColumns.usea" sortable />
<el-table-column label="脂蛋比" align="center" prop="fatRatio" v-if="visibleColumns.fatRatio" sortable />
<el-table-column label="备注" align="center" prop="comment" v-if="visibleColumns.comment" />
<el-table-column label="创建人" align="center" prop="createBy" v-if="visibleColumns.createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="visibleColumns.createTime" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['rawMilkTest:rawMilkTest:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['rawMilkTest:rawMilkTest:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-wrapper">
<el-table v-loading="loading" :data="rawMilkTestList" @selection-change="handleSelectionChange" height="100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="检测日期" align="center" prop="datetime" width="180" v-if="visibleColumns.datetime" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="来源" align="center" prop="source" v-if="visibleColumns.source" />
<el-table-column label="冰点" align="center" prop="freeze" v-if="visibleColumns.freeze" sortable />
<el-table-column label="相对密度" align="center" prop="density" v-if="visibleColumns.density" sortable />
<el-table-column label="脂肪g/100g" align="center" prop="fat" v-if="visibleColumns.fat" sortable />
<el-table-column label="蛋白质g/100g" align="center" prop="protein" v-if="visibleColumns.protein" sortable />
<el-table-column label="非脂g/100g" align="center" prop="nonFat" v-if="visibleColumns.nonFat" sortable />
<el-table-column label="干物质mg/100g" align="center" prop="dryMatter" v-if="visibleColumns.dryMatter" sortable />
<el-table-column label="杂质度mg/100g" align="center" prop="impurityDegree" v-if="visibleColumns.impurityDegree" sortable />
<el-table-column label="乳糖g/100g" align="center" prop="lactose" v-if="visibleColumns.lactose" sortable />
<el-table-column label="灰度g/100g" align="center" prop="ashContent" v-if="visibleColumns.ashContent" sortable />
<el-table-column label="酸度" align="center" prop="acidity" v-if="visibleColumns.acidity" sortable />
<el-table-column label="ph" align="center" prop="ph" v-if="visibleColumns.ph" sortable />
<el-table-column label="菌落总数" align="center" prop="bacterialColony" v-if="visibleColumns.bacterialColony" sortable />
<el-table-column label="乳铁蛋白" align="center" prop="lactoferrin" v-if="visibleColumns.lactoferrin" sortable />
<el-table-column label="免疫球蛋白" align="center" prop="ig" v-if="visibleColumns.ig" sortable />
<el-table-column label="体细胞" align="center" prop="somaticCell" v-if="visibleColumns.somaticCell" sortable />
<el-table-column label="尿素氮" align="center" prop="usea" v-if="visibleColumns.usea" sortable />
<el-table-column label="脂蛋比" align="center" prop="fatRatio" v-if="visibleColumns.fatRatio" sortable />
<el-table-column label="备注" align="center" prop="comment" v-if="visibleColumns.comment" />
<el-table-column label="创建" align="center" prop="createBy" v-if="visibleColumns.createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="visibleColumns.createTime" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['rawMilkTest:rawMilkTest:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['rawMilkTest:rawMilkTest:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
@@ -520,4 +522,33 @@ onMounted(() => {
initVisibleColumns()
getList()
})
</script>
</script>
<style scoped>
/* 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>

View File

@@ -67,17 +67,19 @@
<el-button type="success" icon="Download" @click="handleExport">导出</el-button>
</div>
<el-table :data="list" border style="width: 100%" v-loading="loading" :row-key="row => row.sheepId">
<el-table-column
v-for="col in visibleColumns"
:key="col.prop"
:label="col.label"
:prop="col.prop"
:min-width="col.minWidth || 120"
:sortable="col.sortable || false"
:formatter="col.formatter || undefined"
/>
</el-table>
<div class="table-wrapper">
<el-table :data="list" border style="width: 100%" v-loading="loading" :row-key="row => row.sheepId" height="100%">
<el-table-column
v-for="col in visibleColumns"
:key="col.prop"
:label="col.label"
:prop="col.prop"
:min-width="col.minWidth || 120"
:sortable="col.sortable || false"
:formatter="col.formatter || undefined"
/>
</el-table>
</div>
<el-pagination
v-show="total > 0"
@@ -288,4 +290,31 @@ export default {
background-color: #f5f7fa;
border-radius: 4px;
}
/* 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>

View File

@@ -69,33 +69,35 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="weightCorrectionList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="日期" align="center" prop="datetime" width="180" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="厂区" align="center" prop="factory">
<template #default="scope">
<dict-tag :options="da_ranch" :value="scope.row.factory"/>
</template>
</el-table-column>
<el-table-column label="实际奶量" align="center" prop="actual" sortable />
<el-table-column label="系统奶量" align="center" prop="systemMilk" sortable />
<el-table-column label="称重系数" align="center" prop="coefficient" sortable>
<template #default="scope">
<span>{{ scope.row.coefficient ? scope.row.coefficient.toFixed(2) : '' }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['weightCorrection:weightCorrection:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['weightCorrection:weightCorrection:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-wrapper">
<el-table v-loading="loading" :data="weightCorrectionList" @selection-change="handleSelectionChange" height="100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="日期" align="center" prop="datetime" width="180" sortable>
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="厂区" align="center" prop="factory">
<template #default="scope">
<dict-tag :options="da_ranch" :value="scope.row.factory"/>
</template>
</el-table-column>
<el-table-column label="实际奶量" align="center" prop="actual" sortable />
<el-table-column label="系统奶量" align="center" prop="systemMilk" sortable />
<el-table-column label="称重系数" align="center" prop="coefficient" sortable>
<template #default="scope">
<span>{{ scope.row.coefficient ? scope.row.coefficient.toFixed(2) : '' }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['weightCorrection:weightCorrection:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['weightCorrection:weightCorrection:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
@@ -324,4 +326,32 @@ getList()
.el-form-item {
margin-bottom: 15px;
}
/* 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>

View File

@@ -75,126 +75,128 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="yogurtTestList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="来源"
align="center"
prop="source"
v-if="selectedColumns.includes('source')" />
<el-table-column
label="检测日期"
align="center"
prop="datetime"
width="180"
v-if="selectedColumns.includes('datetime')"
sortable>
<template #default="scope">
<span>{{ formatDate(scope.row.datetime) }}</span>
</template>
</el-table-column>
<el-table-column
label="脂肪g/100g"
align="center"
prop="fat"
v-if="selectedColumns.includes('fat')"
sortable />
<el-table-column
label="蛋白质g/100g"
align="center"
prop="protein"
v-if="selectedColumns.includes('protein')"
sortable />
<el-table-column
label="非脂g/100g"
align="center"
prop="nonFat"
v-if="selectedColumns.includes('nonFat')"
sortable />
<el-table-column
label="酸度oT"
align="center"
prop="acidity"
v-if="selectedColumns.includes('acidity')"
sortable />
<el-table-column
label="菌落总数1"
align="center"
prop="bacterialColony1"
v-if="selectedColumns.includes('bacterialColony1')"
sortable />
<el-table-column
label="菌落总数2"
align="center"
prop="bacterialClony2"
v-if="selectedColumns.includes('bacterialClony2')"
sortable />
<el-table-column
label="菌落总数3"
align="center"
prop="bacterialClony3"
v-if="selectedColumns.includes('bacterialClony3')"
sortable />
<el-table-column
label="菌落总数4"
align="center"
prop="bacterialClony4"
v-if="selectedColumns.includes('bacterialClony4')"
sortable />
<el-table-column
label="菌落总数5"
align="center"
prop="bacterialClony5"
v-if="selectedColumns.includes('bacterialClony5')"
sortable />
<el-table-column
label="酵母菌(CFU/g)"
align="center"
prop="yeast"
v-if="selectedColumns.includes('yeast')"
sortable />
<el-table-column
label="霉菌(CFU/g)"
align="center"
prop="mould"
v-if="selectedColumns.includes('mould')"
sortable />
<el-table-column
label="乳酸菌(CFU/g)"
align="center"
prop="lacto"
v-if="selectedColumns.includes('lacto')"
sortable />
<div class="table-wrapper">
<el-table v-loading="loading" :data="yogurtTestList" @selection-change="handleSelectionChange" height="100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="来源"
align="center"
prop="source"
v-if="selectedColumns.includes('source')" />
<el-table-column
label="检测日期"
align="center"
prop="datetime"
width="180"
v-if="selectedColumns.includes('datetime')"
sortable>
<template #default="scope">
<span>{{ formatDate(scope.row.datetime) }}</span>
</template>
</el-table-column>
<el-table-column
label="备注"
align="center"
prop="comment"
v-if="selectedColumns.includes('comment')" />
<el-table-column
label="创建人"
align="center"
prop="createBy"
v-if="selectedColumns.includes('createBy')" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
width="180"
v-if="selectedColumns.includes('createTime')"
sortable>
<template #default="scope">
<span>{{ formatDateTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['yogurtTest:yogurtTest:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['yogurtTest:yogurtTest:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-table-column
label="脂肪g/100g"
align="center"
prop="fat"
v-if="selectedColumns.includes('fat')"
sortable />
<el-table-column
label="蛋白质g/100g"
align="center"
prop="protein"
v-if="selectedColumns.includes('protein')"
sortable />
<el-table-column
label="非脂g/100g"
align="center"
prop="nonFat"
v-if="selectedColumns.includes('nonFat')"
sortable />
<el-table-column
label="酸度oT"
align="center"
prop="acidity"
v-if="selectedColumns.includes('acidity')"
sortable />
<el-table-column
label="菌落总数1"
align="center"
prop="bacterialColony1"
v-if="selectedColumns.includes('bacterialColony1')"
sortable />
<el-table-column
label="菌落总数2"
align="center"
prop="bacterialClony2"
v-if="selectedColumns.includes('bacterialClony2')"
sortable />
<el-table-column
label="菌落总数3"
align="center"
prop="bacterialClony3"
v-if="selectedColumns.includes('bacterialClony3')"
sortable />
<el-table-column
label="菌落总数4"
align="center"
prop="bacterialClony4"
v-if="selectedColumns.includes('bacterialClony4')"
sortable />
<el-table-column
label="菌落总数5"
align="center"
prop="bacterialClony5"
v-if="selectedColumns.includes('bacterialClony5')"
sortable />
<el-table-column
label="酵母菌(CFU/g)"
align="center"
prop="yeast"
v-if="selectedColumns.includes('yeast')"
sortable />
<el-table-column
label="霉菌(CFU/g)"
align="center"
prop="mould"
v-if="selectedColumns.includes('mould')"
sortable />
<el-table-column
label="乳酸菌(CFU/g)"
align="center"
prop="lacto"
v-if="selectedColumns.includes('lacto')"
sortable />
<el-table-column
label="备注"
align="center"
prop="comment"
v-if="selectedColumns.includes('comment')" />
<el-table-column
label="创建人"
align="center"
prop="createBy"
v-if="selectedColumns.includes('createBy')" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
width="180"
v-if="selectedColumns.includes('createTime')"
sortable>
<template #default="scope">
<span>{{ formatDateTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['yogurtTest:yogurtTest:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['yogurtTest:yogurtTest:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
@@ -644,4 +646,31 @@ onMounted(() => {
.el-dialog__body {
padding: 15px 20px;
}
/* 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>

View File

@@ -1,28 +1,102 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="80px">
<el-form-item label="耳号" prop="manageTagsList">
<el-select
v-model="queryParams.manageTagsList"
multiple
filterable
remote
reserve-keyword
placeholder="请输入耳号搜索"
:remote-method="searchEarNumber"
:loading="earNumberLoading"
style="width: 240px"
clearable
@change="handleQuery"
<el-form-item label="母羊耳号" prop="allEarNumbers">
<div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
<!-- 主选择器不显示已选标签 -->
<el-select
v-model="queryParams.allEarNumbers"
multiple
filterable
remote
reserve-keyword
placeholder="输入耳号搜索"
:remote-method="searchEarNumber"
:loading="earNumberLoading"
allow-create
default-first-option
collapse-tags
:max-collapse-tags="0"
style="width: 300px"
@change="handleEarNumberChange"
>
<el-option
v-for="item in earNumberOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select>
<!-- 辅助粘贴输入框 -->
<el-input
v-model="pasteInput"
placeholder="或粘贴多个耳号(空格/换行/逗号分隔)"
style="width: 300px"
@paste="handlePaste"
@keyup.enter="handlePasteSubmit"
clearable
>
<template #append>
<el-button @click="handlePasteSubmit" :icon="Plus">添加</el-button>
</template>
</el-input>
<!-- 耳号计数显示 -->
<el-tag
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
type="info"
effect="plain"
size="large"
>
已选: {{ queryParams.allEarNumbers.length }}
</el-tag>
<!-- 清空按钮 -->
<el-button
type="danger"
plain
@click="clearAllEarNumbers"
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
:icon="Delete"
>
清空全部
</el-button>
</div>
<!-- 已选耳号展示区域默认显示2个可展开 -->
<div
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
class="selected-ear-numbers-display"
style="margin-top: 10px;"
>
<el-option
v-for="item in earNumberOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select>
<!-- 显示前2个或全部耳号 -->
<el-tag
v-for="(tag, index) in displayedEarNumbers"
:key="tag"
closable
@close="handleRemoveEarNumber(tag)"
style="margin: 4px;"
type="success"
>
{{ tag }}
</el-tag>
<!-- 展开/收起按钮 -->
<el-button
v-if="queryParams.allEarNumbers.length > defaultShowCount"
type="primary"
link
@click="toggleExpand"
style="margin-left: 8px;"
>
{{ isExpanded ? '收起' : `展开剩余 ${queryParams.allEarNumbers.length - defaultShowCount}` }}
<el-icon class="el-icon--right">
<component :is="isExpanded ? ArrowUp : ArrowDown" />
</el-icon>
</el-button>
</div>
</el-form-item>
<el-form-item label="干奶日期" style="width: 308px">
@@ -179,7 +253,30 @@ import { listDrymilk, getDrymilk, delDrymilk, addDrymilk, updateDrymilk, searchE
import { getUserByPost } from '@/api/common/user' // 新增引入
import { listUser } from "@/api/system/user";
import axios from 'axios';
import { getToken } from "@/utils/auth";
import { getToken } from "@/utils/auth";
import { ref, computed, nextTick } from 'vue'
import { ArrowUp, ArrowDown, Plus, Delete } from '@element-plus/icons-vue'
// 响应式数据
const pasteInput = ref('') // 批量粘贴输入框
const earNumberOptions = ref([]) // 耳号下拉选项
const earNumberLoading = ref(false) // 耳号加载状态
const isExpanded = ref(false) // 控制耳号展开/折叠状态
const defaultShowCount = 2 // 默认显示的耳号数量
// 计算属性:控制显示的耳号列表
const displayedEarNumbers = computed(() => {
if (!queryParams.value.allEarNumbers || queryParams.value.allEarNumbers.length === 0) {
return []
}
// 如果展开或总数<=2显示全部否则只显示前2个
if (isExpanded.value || queryParams.value.allEarNumbers.length <= defaultShowCount) {
return queryParams.value.allEarNumbers
} else {
return queryParams.value.allEarNumbers.slice(0, defaultShowCount)
}
})
const { proxy } = getCurrentInstance()
@@ -196,10 +293,6 @@ const dateRange = ref([])
const sheepfoldOptions = ref([])
const userOptions = ref([])
// 耳号搜索变量
const earNumberLoading = ref(false)
const earNumberOptions = ref([])
// 新增:技术员选项
const technicalOptions = ref([])
@@ -208,7 +301,8 @@ const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 10,
manageTags: null,
manageTags: null,
allEarNumbers: [], // ✅ 添加这一行!
manageTagsList: [],
technicianList: [], // 技术员多选列表
tecahnician: null, // 兼容旧字段
@@ -244,21 +338,122 @@ const fetchTechnicalList = () => {
/** 远程搜索耳号 */
function searchEarNumber(query) {
if (query) {
earNumberLoading.value = true;
searchEarNumbers(query).then(res => {
earNumberLoading.value = false;
const list = res.data || res.msg || res;
earNumberOptions.value = Array.isArray(list) ? list : [];
}).catch(err => {
earNumberLoading.value = false;
earNumberOptions.value = [];
});
if (query !== '') {
earNumberLoading.value = true
const queries = query.trim().split(/[\s,]+/).filter(q => q)
if (queries.length === 1) {
// 单个耳号模糊搜索
searchEarNumbers(query).then(response => {
earNumberOptions.value = response.data || []
earNumberLoading.value = false
}).catch(() => {
earNumberOptions.value = []
earNumberLoading.value = false
})
} else {
// 多个耳号直接作为选项
earNumberOptions.value = queries
earNumberLoading.value = false
}
} else {
earNumberOptions.value = [];
earNumberOptions.value = []
}
}
/** 处理粘贴事件 */
function handlePaste(event) {
nextTick(() => {
handlePasteSubmit()
})
}
/** 处理粘贴内容提交 */
function handlePasteSubmit() {
if (!pasteInput.value || pasteInput.value.trim() === '') {
return
}
// 支持多种分隔符: 空格、换行、逗号、制表符
const separators = /[\s,\n\r\t]+/
const earNumbers = pasteInput.value
.trim()
.split(separators)
.filter(item => item.trim() !== '')
.map(item => item.trim())
if (earNumbers.length === 0) {
return
}
// 去重并添加到已选列表
const existingSet = new Set(queryParams.value.allEarNumbers || [])
const newEarNumbers = []
const duplicates = []
earNumbers.forEach(earNumber => {
if (!existingSet.has(earNumber)) {
newEarNumbers.push(earNumber)
existingSet.add(earNumber)
} else {
duplicates.push(earNumber)
}
})
// 添加新耳号
if (newEarNumbers.length > 0) {
queryParams.value.allEarNumbers = [
...(queryParams.value.allEarNumbers || []),
...newEarNumbers
]
const message = `成功添加 ${newEarNumbers.length} 个耳号,当前共 ${queryParams.value.allEarNumbers.length}` +
(duplicates.length > 0 ? `,已忽略 ${duplicates.length} 个重复耳号` : '')
proxy.$modal.msgSuccess(message)
} else if (duplicates.length > 0) {
proxy.$modal.msgWarning(`所有耳号均已存在,当前共 ${queryParams.value.allEarNumbers.length}`)
}
// 清空输入框
pasteInput.value = ''
}
/** 耳号选择变化处理 */
function handleEarNumberChange(value) {
queryParams.value.allEarNumbers = [...new Set(value)]
console.log(`已选择 ${queryParams.value.allEarNumbers.length} 个耳号:`, queryParams.value.allEarNumbers)
}
/** 切换展开/收起状态 */
function toggleExpand() {
isExpanded.value = !isExpanded.value
}
/** 移除单个耳号 */
function handleRemoveEarNumber(tag) {
const index = queryParams.value.allEarNumbers.indexOf(tag)
if (index > -1) {
queryParams.value.allEarNumbers.splice(index, 1)
proxy.$modal.msgSuccess('已移除该耳号')
}
// 如果删除后剩余<=2个自动收起
if (queryParams.value.allEarNumbers.length <= defaultShowCount) {
isExpanded.value = false
}
}
/** 清空所有耳号 */
function clearAllEarNumbers() {
proxy.$modal.confirm('确定要清空所有已选择的耳号吗?').then(() => {
queryParams.value.allEarNumbers = []
pasteInput.value = ''
earNumberOptions.value = []
isExpanded.value = false // 重置展开状态
proxy.$modal.msgSuccess('已清空所有耳号')
}).catch(() => {})
}
/** 查询干奶记录列表 */
function getList() {
loading.value = true
@@ -314,14 +509,6 @@ function reset() {
proxy.resetForm("drymilkRef")
}
function resetQuery() {
dateRange.value = []
queryParams.value.manageTagsList = []
queryParams.value.technicianList = []
earNumberOptions.value = []
proxy.resetForm("queryRef")
handleQuery()
}
function handleQuery() {
queryParams.value.pageNum = 1
@@ -398,10 +585,60 @@ function handleExport() {
}
proxy.download('drymilk/drymilk/export', params, `drymilk_${new Date().getTime()}.xlsx`)
}
/** 重置按钮操作 */
function resetQuery() {
queryParams.value.allEarNumbers = [] // 🔥 必须添加
earNumberOptions.value = []
isExpanded.value = false
proxy.resetForm("queryRef")
handleQuery()
}
// 初始化
getList()
getSheepfoldList()
getUserList()
fetchTechnicalList() // 初始化加载技术员列表
</script>
</script>
<style scoped>
/* 已选耳号展示区样式 */
.selected-ear-numbers-display {
max-height: 150px;
overflow-y: auto;
padding: 8px;
background-color: #f5f7fa;
border-radius: 4px;
border: 1px dashed #dcdfe6;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.selected-ear-numbers-display::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.selected-ear-numbers-display::-webkit-scrollbar-thumb {
background-color: #dcdfe6;
border-radius: 3px;
}
.selected-ear-numbers-display::-webkit-scrollbar-track {
background-color: #f5f7fa;
}
.selected-ear-numbers-display .el-tag {
margin: 4px;
cursor: pointer;
}
.selected-ear-numbers-display .el-tag:hover {
opacity: 0.8;
}
/* 隐藏 el-select 的下拉箭头(可选) */
:deep(.el-select__caret) {
display: none;
}
</style>

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,724 @@
<template>
<div class="app-container">
<!-- ===================== 搜索区域 ===================== -->
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="冲胚时间" style="width: 388px;">
<el-date-picker
v-model="dateRange"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
</el-form-item>
<el-form-item label="供体母号" prop="donorFemaleNo">
<el-input v-model="queryParams.donorFemaleNo" placeholder="请输入供体母号" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="供体父号" prop="donorMaleNo">
<el-input v-model="queryParams.donorMaleNo" placeholder="请输入供体父号" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- ===================== 操作按钮 ===================== -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['embryo:flush:add']">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate" v-hasPermi="['embryo:flush:edit']">修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete" v-hasPermi="['embryo:flush:remove']">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['embryo:flush:export']">导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
</el-row>
<!-- ===================== 数据表格 ===================== -->
<el-table v-loading="loading" :data="flushList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="冲胚时间" align="center" prop="flushTime" width="110">
<template #default="scope">{{ parseTime(scope.row.flushTime, '{y}-{m}-{d}') }}</template>
</el-table-column>
<el-table-column label="胚胎品种" align="center" prop="embryoVariety" width="100" />
<el-table-column label="供体母号" align="center" prop="donorFemaleNo" width="110" />
<el-table-column label="母羊品种" align="center" prop="donorFemaleVariety" width="100" />
<el-table-column label="供体父号" align="center" prop="donorMaleNo" width="110" />
<el-table-column label="公羊品种" align="center" prop="donorMaleVariety" width="100" />
<el-table-column label="胎龄(天)" align="center" prop="embryoAge" width="80" />
<el-table-column label="A级" align="center" prop="gradeA" width="55" />
<el-table-column label="B级" align="center" prop="gradeB" width="55" />
<el-table-column label="C级" align="center" prop="gradeC" width="55" />
<el-table-column label="16细胞" align="center" prop="gradeD" width="70" />
<el-table-column label="未受精" align="center" prop="unfertilized" width="70" />
<el-table-column label="退化" align="center" prop="degenerated" width="55" />
<el-table-column label="冲胚数" align="center" prop="totalEmbryo" width="70" />
<el-table-column label="有效胚" align="center" prop="validEmbryo" width="70" />
<el-table-column label="移胚数" align="center" prop="transferred" width="70" />
<el-table-column label="受体数" align="center" prop="recipientCnt" width="70" />
<el-table-column label="胚胎类型" align="center" prop="embryoType" width="100" />
<el-table-column label="胚胎来源" align="center" prop="embryoSource" width="80" />
<el-table-column label="冲胚人" align="center" prop="flushOperator" width="80" />
<el-table-column label="捡胚人" align="center" prop="collectOperator" width="80" />
<el-table-column label="所在牧场" align="center" prop="ranchName" width="100" />
<el-table-column label="备注" align="center" prop="remark" width="120" show-overflow-tooltip />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150" fixed="right">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['embryo:flush:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['embryo:flush:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
:page-sizes="[20, 50, 100, 200, 500, 1000, 2000]"
@pagination="getList"
/>
<!-- =====================================================================
新增 / 修改 冲胚记录 Dialog
===================================================================== -->
<el-dialog :title="title" v-model="open" width="1000px" append-to-body>
<el-form ref="flushRef" :model="form" :rules="rules" label-width="100px">
<!-- 基础信息 -->
<el-divider content-position="left">基础信息</el-divider>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="冲胚时间" prop="flushTime">
<el-date-picker clearable v-model="form.flushTime" type="date"
value-format="YYYY-MM-DD" placeholder="选择冲胚时间" style="width:100%"
@change="handleFlushTimeChange" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="供体母号" prop="donorFemaleNo">
<!-- 输入 + 从配种记录选择按钮 -->
<el-input
v-model="form.donorFemaleNo"
placeholder="输入耳号或从配种记录选择"
clearable
style="width: calc(100% - 88px)"
@change="handleDonorFemaleInputChange"
/>
<el-button
type="primary" link style="margin-left:6px; white-space:nowrap"
@click="openBreedRecordPicker">
从配种记录选
</el-button>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="母羊品种">
<el-input v-model="form.donorFemaleVariety" disabled placeholder="自动填充" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="供体父号" prop="donorMaleNo">
<el-select v-model="form.donorMaleNo" filterable clearable
placeholder="请选择供体公羊" @change="handleDonorMaleChange" style="width:100%">
<el-option v-for="item in donorMaleOptions" :key="item.manageTag"
:label="item.manageTag" :value="item.manageTag">
<span>{{ item.manageTag }}</span>
<span style="float:right;color:#8492a6;font-size:12px">{{ item.variety }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="公羊品种">
<el-input v-model="form.donorMaleVariety" disabled placeholder="自动填充" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="胚胎品种">
<el-input v-model="form.embryoVariety" placeholder="自动计算/可修改" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="胎龄(天)">
<el-input-number v-model="form.embryoAge" :min="0" controls-position="right"
placeholder="自动计算" style="width:100%" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在牧场">
<el-input v-model="form.ranchName" disabled placeholder="自动填充" />
</el-form-item>
</el-col>
</el-row>
<!-- 胚胎明细替换原"胚胎等级"+"发育阶段"两个分区 -->
<el-divider content-position="left">
胚胎明细
<span style="margin-left:8px;font-size:12px;color:#909399">
{{ form.embryoDetails.length }} | 有效胚 {{ computedValidEmbryo }}
</span>
</el-divider>
<!-- 快速添加按钮 -->
<div style="margin-bottom:10px;display:flex;flex-wrap:wrap;gap:8px;">
<el-button size="small" type="primary" @click="addEmbryo('A')">+ A级</el-button>
<el-button size="small" type="success" @click="addEmbryo('B')">+ B级</el-button>
<el-button size="small" type="warning" @click="addEmbryo('C')">+ C级</el-button>
<el-button size="small" type="info" @click="addEmbryo('16细胞')">+ 16细胞</el-button>
<el-button size="small" type="danger" plain @click="addEmbryo('未受精')">+ 未受精</el-button>
<el-button size="small" type="danger" plain @click="addEmbryo('退化')">+ 退化</el-button>
</div>
<!-- 胚胎明细表格 -->
<el-table :data="form.embryoDetails" border size="small" max-height="300"
style="width:100%;margin-bottom:8px;"
:row-class-name="embryoRowClass">
<el-table-column label="序号" width="60" align="center">
<template #default="scope">{{ scope.$index + 1 }}</template>
</el-table-column>
<el-table-column label="胚胎等级" width="130" align="center">
<template #default="scope">
<el-select v-model="scope.row.embryoGrade" size="small" style="width:100%"
@change="onGradeChange(scope.row)">
<el-option label="A级" value="A" />
<el-option label="B级" value="B" />
<el-option label="C级" value="C" />
<el-option label="16细胞" value="16细胞" />
<el-option label="未受精" value="未受精" />
<el-option label="退化" value="退化" />
</el-select>
</template>
</el-table-column>
<el-table-column label="去向" width="150" align="center">
<template #default="scope">
<el-select v-model="scope.row.destination" size="small" style="width:100%">
<el-option label="移植" value="移植" />
<el-option label="冷冻保存" value="冷冻保存" />
<el-option label="遗弃" value="遗弃" />
</el-select>
</template>
</el-table-column>
<el-table-column label="存储方式" align="center">
<template #default="scope">
<el-select v-model="scope.row.storageMethod" size="small" style="width:100%"
clearable placeholder="选择存储方式">
<el-option label="胚胎保存液" value="胚胎保存液" />
<el-option label="液氮冷冻" value="液氮冷冻" />
<el-option label="PBS缓冲液" value="PBS缓冲液" />
<el-option label="其他" value="其他" />
</el-select>
</template>
</el-table-column>
<el-table-column label="操作" width="70" align="center" fixed="right">
<template #default="scope">
<el-button link type="danger" icon="Delete" @click="removeEmbryo(scope.$index)" />
</template>
</el-table-column>
</el-table>
<div v-if="form.embryoDetails.length === 0"
style="text-align:center;color:#909399;padding:12px;border:1px dashed #e0e0e0;border-radius:4px;">
暂无胚胎明细请点击上方按钮添加
</div>
<!-- 统计信息只读自动计算 -->
<el-divider content-position="left">统计信息</el-divider>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="冲胚数">
<el-input :value="form.embryoDetails.length" disabled />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="有效胚">
<el-input :value="computedValidEmbryo" disabled />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="移胚数" title="由配种记录使用后自动同步">
<el-input :value="form.transferred || 0" disabled placeholder="自动同步" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="受体数" title="由配种记录使用后自动同步">
<el-input :value="form.recipientCnt || 0" disabled placeholder="自动同步" />
</el-form-item>
</el-col>
</el-row>
<!-- 其他信息 -->
<el-divider content-position="left">其他信息</el-divider>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="胚胎类型" prop="embryoType">
<el-select v-model="form.embryoType" placeholder="请选择" style="width:100%">
<el-option label="体内胚胎冻胚" value="体内胚胎冻胚" />
<el-option label="体内胚胎鲜胚" value="体内胚胎鲜胚" />
<el-option label="体外胚胎冻胚" value="体外胚胎冻胚" />
<el-option label="体外胚胎鲜胚" value="体外胚胎鲜胚" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="胚胎来源" prop="embryoSource">
<el-select v-model="form.embryoSource" placeholder="请选择" style="width:100%">
<el-option label="自繁" value="自繁" />
<el-option label="购入" value="购入" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="冲胚人" prop="flushOperator">
<el-input v-model="form.flushOperator" placeholder="请输入冲胚人" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="捡胚人" prop="collectOperator">
<el-input v-model="form.collectOperator" placeholder="请输入捡胚人" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" :rows="1" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
<!-- =====================================================================
从配种记录选择供体母羊 Dialog
展示配种类型 = 供体母羊配种(breedType=1) 的记录
显示配种日期 / 供体母羊耳号 / 供体公羊耳号
===================================================================== -->
<el-dialog title="选择供体母羊(从配种记录)" v-model="breedPickerOpen" width="700px" append-to-body>
<!-- 搜索 -->
<el-row :gutter="10" style="margin-bottom:10px;">
<el-col :span="10">
<el-input v-model="breedPickerQuery.eweManageTags" placeholder="母羊耳号搜索" clearable @keyup.enter="loadBreedRecords" />
</el-col>
<el-col :span="4">
<el-button type="primary" @click="loadBreedRecords">搜索</el-button>
</el-col>
</el-row>
<el-table
v-loading="breedPickerLoading"
:data="breedPickerList"
highlight-current-row
@current-change="onBreedPickerSelect"
size="small"
max-height="360">
<el-table-column label="配种日期" align="center" prop="createTime" width="110">
<template #default="scope">{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</template>
</el-table-column>
<el-table-column label="供体母羊耳号" align="center" prop="eweManageTags" />
<el-table-column label="母羊品种" align="center" prop="eweVariety" />
<el-table-column label="供体公羊耳号" align="center" prop="donorRamNo" />
<el-table-column label="公羊品种" align="center" prop="donorRamVariety" />
</el-table>
<pagination
v-show="breedPickerTotal > 0"
:total="breedPickerTotal"
v-model:page="breedPickerQuery.pageNum"
v-model:limit="breedPickerQuery.pageSize"
@pagination="loadBreedRecords"
/>
<template #footer>
<el-button type="primary" :disabled="!selectedBreedRow" @click="confirmBreedPicker">确认选择</el-button>
<el-button @click="breedPickerOpen = false"> </el-button>
</template>
</el-dialog>
</div>
</template>
<script setup name="Flush">
import { listFlush, getFlush, delFlush, addFlush, updateFlush,
getDonorInfo, getDonorFemaleList, getDonorMaleList, getSheepInfo,
calculateEmbryoVariety } from "@/api/embryo/flush"
// 注意listBreedRecord 来自配种记录 API需要在该 API 文件中导出此函数
// 参考路径: @/api/produce/breed/breedRecord
// 若路径不同,请自行调整
import { listBreeding_records } from "@/api/Breeding_records/Breeding_records"
const { proxy } = getCurrentInstance()
// ============================
// 列表页状态
// ============================
const flushList = ref([])
const open = ref(false)
const loading = ref(true)
const showSearch = ref(true)
const ids = ref([])
const single = ref(true)
const multiple = ref(true)
const total = ref(0)
const title = ref("")
const dateRange = ref([])
const donorMaleOptions = ref([])
const matingDateCache = ref(null)
// ============================
// 表单 & 规则
// ============================
const data = reactive({
form: {
id: null,
flushTime: null,
donorFemaleNo: null,
donorFemaleVariety: null,
donorMaleNo: null,
donorMaleVariety: null,
embryoVariety: null,
embryoAge: null,
gradeA: 0, gradeB: 0, gradeC: 0, gradeD: 0,
unfertilized: 0, degenerated: 0,
totalEmbryo: 0, validEmbryo: 0,
transferred: 0, recipientCnt: 0,
embryoType: null,
embryoSource: '自繁',
flushOperator: null,
collectOperator: null,
ranchId: null, ranchName: null,
remark: null,
embryoDetails: [] // ← 胚胎明细列表
},
queryParams: {
pageNum: 1, pageSize: 10,
donorFemaleNo: null, donorMaleNo: null
},
rules: {
flushTime: [{ required: true, message: "冲胚时间不能为空", trigger: "blur" }],
donorFemaleNo: [{ required: true, message: "供体母号不能为空", trigger: "change" }],
embryoType: [{ required: true, message: "胚胎类型不能为空", trigger: "change" }],
embryoSource: [{ required: true, message: "胚胎来源不能为空", trigger: "change" }],
flushOperator: [{ required: true, message: "冲胚人不能为空", trigger: "blur" }],
collectOperator: [{ required: true, message: "捡胚人不能为空", trigger: "blur" }]
}
})
const { queryParams, form, rules } = toRefs(data)
// ============================
// 配种记录选择弹窗状态
// ============================
const breedPickerOpen = ref(false)
const breedPickerLoading = ref(false)
const breedPickerList = ref([])
const breedPickerTotal = ref(0)
const selectedBreedRow = ref(null)
const breedPickerQuery = reactive({
pageNum: 1, pageSize: 10,
breedType: 1, // 固定查询"供体母羊配种"
eweManageTags: null
})
// ============================
// 计算属性有效胚数量A+B+C+16细胞
// ============================
const computedValidEmbryo = computed(() => {
return form.value.embryoDetails.filter(d =>
['A', 'B', 'C', '16细胞'].includes(d.embryoGrade)
).length
})
// ============================
// 列表操作
// ============================
function getList() {
loading.value = true
listFlush(proxy.addDateRange(queryParams.value, dateRange.value, 'FlushTime')).then(res => {
flushList.value = res.rows
total.value = res.total
loading.value = false
})
}
function handleQuery() { queryParams.value.pageNum = 1; getList() }
function resetQuery() { dateRange.value = []; proxy.resetForm("queryRef"); handleQuery() }
function handleSelectionChange(sel) {
ids.value = sel.map(i => i.id)
single.value = sel.length !== 1
multiple.value = !sel.length
}
// ============================
// 表单通用
// ============================
function cancel() { open.value = false; reset() }
function reset() {
form.value = {
id: null,
flushTime: proxy.parseTime(new Date(), '{y}-{m}-{d}'),
donorFemaleNo: null, donorFemaleVariety: null,
donorMaleNo: null, donorMaleVariety: null,
embryoVariety: null, embryoAge: null,
gradeA: 0, gradeB: 0, gradeC: 0, gradeD: 0,
unfertilized: 0, degenerated: 0,
totalEmbryo: 0, validEmbryo: 0,
transferred: 0, recipientCnt: 0,
embryoType: null, embryoSource: '自繁',
flushOperator: null, collectOperator: null,
ranchId: null, ranchName: null,
remark: null,
embryoDetails: []
}
matingDateCache.value = null
proxy.resetForm("flushRef")
}
// ============================
// 新增 / 修改
// ============================
function handleAdd() {
reset()
loadDonorMaleList()
open.value = true
title.value = "添加冲胚记录"
}
function handleUpdate(row) {
reset()
loadDonorMaleList()
const _id = row.id || ids.value
getFlush(_id).then(res => {
form.value = { ...res.data, embryoDetails: res.data.embryoDetails || [] }
open.value = true
title.value = "修改冲胚记录"
})
}
// ============================
// 胚胎明细行操作
// ============================
/** 添加胚胎行 */
function addEmbryo(grade) {
const isWaste = ['未受精', '退化'].includes(grade)
form.value.embryoDetails.push({
embryoGrade: grade,
destination: isWaste ? '遗弃' : '移植',
storageMethod: isWaste ? '' : '胚胎保存液',
embryoVariety: form.value.embryoVariety || null
})
}
/** 删除胚胎行 */
function removeEmbryo(index) {
form.value.embryoDetails.splice(index, 1)
}
/** 切换等级时同步默认去向 */
function onGradeChange(row) {
const isWaste = ['未受精', '退化'].includes(row.embryoGrade)
row.destination = isWaste ? '遗弃' : '移植'
row.storageMethod = isWaste ? '' : (row.storageMethod || '胚胎保存液')
}
/** 行颜色 */
function embryoRowClass({ row }) {
if (['未受精', '退化'].includes(row.embryoGrade)) return 'row-waste'
if (row.destination === '冷冻保存') return 'row-frozen'
return ''
}
// ============================
// 供体母号相关
// ============================
/** 手动输入耳号后触发 */
function handleDonorFemaleInputChange(val) {
if (!val) {
form.value.donorFemaleVariety = null
form.value.donorMaleNo = null
form.value.donorMaleVariety = null
form.value.embryoVariety = null
form.value.ranchId = null
form.value.ranchName = null
matingDateCache.value = null
return
}
getDonorInfo(val).then(res => {
const info = res.data || {}
form.value.donorFemaleVariety = info.donorFemaleVariety || null
form.value.donorMaleNo = info.donorMaleNo || form.value.donorMaleNo
form.value.donorMaleVariety = info.donorMaleVariety || null
form.value.embryoVariety = info.embryoVariety || null
form.value.ranchId = info.ranchId || null
form.value.ranchName = info.ranchName || null
matingDateCache.value = info.matingDate || null
calculateEmbryoAge()
updateEmbryoVariety()
}).catch(() => {})
}
/** 从配种记录选择弹窗 */
function openBreedRecordPicker() {
breedPickerQuery.pageNum = 1
breedPickerQuery.eweManageTags = null
selectedBreedRow.value = null
breedPickerList.value = []
breedPickerOpen.value = true
loadBreedRecords()
}
function loadBreedRecords() {
breedPickerLoading.value = true
listBreedRecord({ ...breedPickerQuery }).then(res => {
breedPickerList.value = res.rows || []
breedPickerTotal.value = res.total || 0
breedPickerLoading.value = false
}).catch(() => { breedPickerLoading.value = false })
}
function onBreedPickerSelect(row) {
selectedBreedRow.value = row
}
function confirmBreedPicker() {
if (!selectedBreedRow.value) return
const row = selectedBreedRow.value
form.value.donorFemaleNo = row.eweManageTags
form.value.donorFemaleVariety = row.eweVariety || null
form.value.donorMaleNo = row.donorRamNo || form.value.donorMaleNo
form.value.donorMaleVariety = row.donorRamVariety || null
// 配种日期 → 计算胎龄
matingDateCache.value = row.createTime || null
calculateEmbryoAge()
updateEmbryoVariety()
breedPickerOpen.value = false
// 同步查一次牧场等信息
getDonorInfo(row.eweManageTags).then(res => {
const info = res.data || {}
form.value.ranchId = info.ranchId || null
form.value.ranchName = info.ranchName || null
if (!form.value.embryoVariety && info.embryoVariety) {
form.value.embryoVariety = info.embryoVariety
}
}).catch(() => {})
}
// ============================
// 供体父号
// ============================
function handleDonorMaleChange(val) {
if (!val) { form.value.donorMaleVariety = null; updateEmbryoVariety(); return }
const found = donorMaleOptions.value.find(i => i.manageTag === val)
if (found) {
form.value.donorMaleVariety = found.variety
} else {
getSheepInfo(val).then(res => {
if (res.data) form.value.donorMaleVariety = res.data.variety
})
}
updateEmbryoVariety()
}
// ============================
// 胎龄 & 胚胎品种
// ============================
function handleFlushTimeChange() { calculateEmbryoAge() }
function calculateEmbryoAge() {
if (matingDateCache.value && form.value.flushTime) {
const diff = new Date(form.value.flushTime) - new Date(matingDateCache.value)
const days = Math.floor(diff / 86400000)
form.value.embryoAge = days > 0 ? days : 0
} else {
form.value.embryoAge = null
}
}
function updateEmbryoVariety() {
const m = form.value.donorMaleVariety
const f = form.value.donorFemaleVariety
if (m && f) {
calculateEmbryoVariety(m, f).then(res => {
form.value.embryoVariety = res.data
// 同步更新明细行的胚胎品种
form.value.embryoDetails.forEach(d => { d.embryoVariety = res.data })
})
} else {
form.value.embryoVariety = null
}
}
// ============================
// 下拉列表加载
// ============================
function loadDonorMaleList() {
getDonorMaleList().then(res => { donorMaleOptions.value = res.data || [] }).catch(() => {})
}
// ============================
// 提交
// ============================
function submitForm() {
proxy.$refs["flushRef"].validate(valid => {
if (!valid) return
if (form.value.embryoDetails.length === 0) {
proxy.$modal.msgWarning("请至少添加一条胚胎明细")
return
}
// 提交前同步明细中的胚胎品种
form.value.embryoDetails.forEach(d => {
if (!d.embryoVariety) d.embryoVariety = form.value.embryoVariety
})
const api = form.value.id != null ? updateFlush : addFlush
api(form.value).then(() => {
proxy.$modal.msgSuccess(form.value.id != null ? "修改成功" : "新增成功")
open.value = false
getList()
})
})
}
// ============================
// 删除 & 导出
// ============================
function handleDelete(row) {
const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除所选的冲胚记录?').then(() => delFlush(_ids)).then(() => {
getList()
proxy.$modal.msgSuccess("删除成功")
}).catch(() => {})
}
function handleExport() {
proxy.download('embryo/flush/export', { ...queryParams.value }, `冲胚记录_${Date.now()}.xlsx`)
}
// 初始化
getList()
</script>
<style scoped>
/* 废弃/退化行浅红色背景 */
:deep(.row-waste) { background-color: #fff0f0; }
/* 冷冻保存行浅蓝色背景 */
:deep(.row-frozen) { background-color: #f0f7ff; }
</style>

View File

@@ -3,20 +3,24 @@
<!-- 查询+导出区域 -->
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px">
<el-form-item label="管理耳号" prop="bsManageTags">
<el-select
v-model="queryParams.bsManageTags"
placeholder="请选择管理耳号"
clearable
@change="handleQuery"
style="width: 200px"
>
<el-option
v-for="item in tagOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<el-select
v-model="queryParams.bsManageTags"
placeholder="请输入耳号关键词"
clearable
filterable
remote
:remote-method="remoteSearchTag"
:loading="loadingTag"
@change="handleQuery"
style="width: 220px"
>
<el-option
v-for="item in tagOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
@@ -96,10 +100,16 @@
</template>
<script setup name="Pedigree">
import { ref, reactive, toRefs, getCurrentInstance } from 'vue'
import { listPedigree, getPedigree } from "@/api/fileManagement/pedigree"
import { ref, reactive, toRefs, getCurrentInstance, onMounted, watch } from 'vue' // 新增 onMounted, watch
import { useRoute, useRouter } from 'vue-router' // 新增
import request from '@/utils/request'
const { proxy } = getCurrentInstance()
const route = useRoute() // 新增
const router = useRouter() // 新增(可选,如需在节点点击时同步路由)
const loadingTag = ref(false) // 远程搜索加载状态
// 管理耳号下拉选项
const tagOptions = ref([])
@@ -107,6 +117,28 @@ const tagOptions = ref([])
const pedigreeData = ref({})
const loading = ref(false)
/** 远程模糊搜索耳号 */
function remoteSearchTag(query) {
if (query) {
loadingTag.value = true
request({
url: '/sheep_file/sheep_file/searchEarNumbers',
method: 'get',
params: { query: query }
}).then(res => {
loadingTag.value = false
tagOptions.value = res.data || []
}).catch(() => {
loadingTag.value = false
tagOptions.value = []
})
} else {
// 输入框清空时,清空下拉选项
tagOptions.value = []
}
}
// 查询参数
const data = reactive({
queryParams: {
@@ -116,6 +148,23 @@ const data = reactive({
}
})
const { queryParams } = toRefs(data)
// ========== 新增:路由参数初始化 ==========
onMounted(() => {
const tag = route.query.bsManageTags
if (tag) {
queryParams.value.bsManageTags = tag
getList() // 自动加载系谱数据
}
})
// 监听路由参数变化(当从列表页再次跳转时触发)
watch(() => route.query.bsManageTags, (newTag) => {
if (newTag) {
queryParams.value.bsManageTags = newTag
getList()
}
})
// =======================================
/** 性别转换:数字转文字 */
function getGenderText(gender) {
@@ -128,14 +177,14 @@ function getGenderText(gender) {
}
/** 初始化耳号下拉 */
function initTagOptions() {
listPedigree({ pageSize: 9999 }).then(response => {
tagOptions.value = response.rows.map(item => ({
label: item.bsManageTags,
value: item.bsManageTags
}))
})
}
// function initTagOptions() {
// listPedigree({ pageSize: 9999 }).then(response => {
// tagOptions.value = response.rows.map(item => ({
// label: item.bsManageTags,
// value: item.bsManageTags
// }))
// })
// }
/** 根据耳号查询单只羊数据 */
async function getSheepByTag(tag) {
@@ -231,6 +280,7 @@ function resetQuery() {
proxy.resetForm("queryRef")
queryParams.value.bsManageTags = null
pedigreeData.value = {}
tagOptions.value = [] // 👈 新增:重置时清空搜索选项
}
function handleExport() {
if (!queryParams.value.bsManageTags) {
@@ -243,7 +293,7 @@ function handleExport() {
}
// 初始化
initTagOptions()
// initTagOptions()
</script>
<style scoped>

File diff suppressed because it is too large Load Diff

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="胚胎编号" prop="code">
<el-input v-model="queryParams.code" placeholder="请输入胚胎编号" clearable @keyup.enter="handleQuery"
@@ -56,67 +57,71 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="embryoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键" align="center" prop="id" /> -->
<el-table-column label="胚胎编号" align="center" prop="code" width="130px" fixed="fixed" />
<el-table-column label="冻胚日期" align="center" prop="freezeDate" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.freezeDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="供体公羊耳号" align="center" prop="drId" width="130px" />
<el-table-column label="供体公羊品种" align="center" prop="drBreed" width="130px" />
<el-table-column label="供体羊耳号" align="center" prop="deId" width="130px" />
<el-table-column label="供体羊品种" align="center" prop="deBreed" width="130px" />
<el-table-column label="胚胎品种" align="center" prop="embBreed" />
<el-table-column label="胚胎阶段等级" align="center" prop="grade" width="130px" />
<el-table-column label="胚胎数量" align="center" prop="qty" width="130px" sortable />
<el-table-column label="是否性控" align="center" width="80">
<template #default="scope">
{{ scope.row.sexCtl === 1 ? '是' : '否' }}
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<el-tag :type="scope.row.status === '正常' ? 'primary'
: scope.row.status === '销售' ? 'success'
: scope.row.status === '自用' ? 'warning'
: 'danger'">
{{ scope.row.status }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="技术员" align="center" prop="tech" />
<el-table-column label="液氮罐ID" align="center" prop="tankId" />
<el-table-column label="提桶ID" align="center" prop="bucketId" />
<el-table-column label="冷冻架ID" align="center" prop="rackId" />
<el-table-column label="出库日期" align="center" prop="outDate" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.outDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="废弃原因" align="center" prop="discardTxt" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="160px">
<template #default="scope">
{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="embryoList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键" align="center" prop="id" /> -->
<el-table-column label="胚胎编号" align="center" prop="code" width="130px" fixed="fixed" />
<el-table-column label="冻胚日期" align="center" prop="freezeDate" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.freezeDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="供体羊耳号" align="center" prop="drId" width="130px" />
<el-table-column label="供体羊品种" align="center" prop="drBreed" width="130px" />
<el-table-column label="供体母羊耳号" align="center" prop="deId" width="130px" />
<el-table-column label="供体母羊品种" align="center" prop="deBreed" width="130px" />
<el-table-column label="胚胎品种" align="center" prop="embBreed" />
<el-table-column label="胚胎阶段等级" align="center" prop="grade" width="130px" />
<el-table-column label="胚胎数量" align="center" prop="qty" width="130px" sortable />
<el-table-column label="是否性控" align="center" width="80">
<template #default="scope">
{{ scope.row.sexCtl === 1 ? '是' : '否' }}
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<el-tag :type="scope.row.status === '正常' ? 'primary'
: scope.row.status === '销售' ? 'success'
: scope.row.status === '自用' ? 'warning'
: 'danger'">
{{ scope.row.status }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="技术员" align="center" prop="tech" />
<el-table-column label="液氮罐ID" align="center" prop="tankId" />
<el-table-column label="提桶ID" align="center" prop="bucketId" />
<el-table-column label="冷冻架ID" align="center" prop="rackId" />
<el-table-column label="出库日期" align="center" prop="outDate" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.outDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="废弃原因" align="center" prop="discardTxt" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="160px">
<template #default="scope">
{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['frozen:embryo:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['frozen:embryo:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['frozen:embryo:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" />
</div>
<!-- 添加或修改冻胚库存对话框 -->
<el-dialog :title="title" v-model="open" width="900px" append-to-body>
<el-form ref="embryoRef" :model="form" :rules="rules" label-width="120px">
@@ -471,9 +476,15 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('frozen/embryo/export', {
...queryParams.value
}, `embryo_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('frozen/embryo/export',
{ ...queryParams.value },
`冻胚记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
/** 失焦或点击“查询” */

View File

@@ -99,7 +99,11 @@
<el-col :span="12">
<el-form-item label="客户名称" prop="custName">
<el-input v-model="form.custName" placeholder="请输入客户名称" />
<!-- <el-input v-model="form.custName" placeholder="请输入客户名称" /> -->
<el-select v-model="form.custName" placeholder="请选择客户" filterable clearable style="width: 100%"
@change="handleCustomerChange">
<el-option v-for="item in userDict" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
</el-col>
@@ -239,14 +243,14 @@
<script setup name="Sale">
import { listSale, getSale, delSale, addSale, updateSale } from "@/api/frozen/sale"
import { reactive } from "vue"
import { onMounted, reactive } from "vue"
import { ref } from "vue"
import { getSaleCodeDict } from "../../../api/frozen/sale"
import { computed } from "vue"
import { listCustomer } from "../../../api/sale/customer/customer"
import { computed } from 'vue'
const { proxy } = getCurrentInstance()
const { frozen_sale_item_type } = proxy.useDict('frozen_sale_item_type')
const saleList = ref([])
const ddSaleItemList = ref([])
const open = ref(false)
@@ -316,6 +320,26 @@
})
}
// =============== 用户字典数据 =================
const userDict = ref([])
const userMap = computed(() => {
return new Map(userDict.value.map(u => [u.id, u]))
})
const handleCustomerChange = (val) => {
const user = userMap.value.get(val)
if (user) {
form.value.custPhone = user.phone || ''
form.value.custAddr = (user.province + user.city + user.district + user.address) || ''
} else {
form.value.custPhone = ''
form.value.custAddr = ''
}
}
// =============== End =================
// 取消按钮
function cancel() {
open.value = false
@@ -465,4 +489,10 @@
}, `sale_${new Date().getTime()}.xlsx`)
}
getList()
onMounted(() => {
// 加载客户列表
listCustomer({ pageNum: 1, pageSize: 1000 }).then(r => {
userDict.value = r.rows
})
})
</script>

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="冻精号" prop="code">
<el-input v-model="queryParams.code" placeholder="请输入冻精号/公羊耳号" clearable @keyup.enter="handleQuery"
@@ -52,62 +53,67 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="spermList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键" align="center" prop="id" /> -->
<el-table-column label="冻精号" align="center" prop="code" width="130px" fixed="fixed" />
<el-table-column label="冻精日期" align="center" prop="freezeDt" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.freezeDt, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="冻精品种" align="center" prop="breed" />
<el-table-column label="生产批次" align="center" prop="batch" width="130px" />
<el-table-column label="规格" align="center" prop="spec" />
<el-table-column label="数量" align="center" prop="qty" sortable />
<el-table-column label="是否性控" align="center">
<template #default="scope">
{{ scope.row.sexCtl === 1 ? '是' : '否' }}
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="stat">
<template #default="scope">
<el-tag :type="scope.row.stat === '正常' ? 'primary'
: scope.row.stat === '销售' ? 'success'
: scope.row.stat === '自用' ? 'warning'
: 'danger'">
{{ scope.row.stat }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="技术员" align="center" prop="tech" />
<el-table-column label="液氮罐ID" align="center" prop="tankId" />
<el-table-column label="提桶ID" align="center" prop="bucketId" />
<el-table-column label="冷冻架ID" align="center" prop="rackId" />
<el-table-column label="出库日期" align="center" prop="outDt" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.outDt, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="废弃原因" align="center" prop="discardTxt" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="160px">
<template #default="scope">
{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['sperm:sperm:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['frozen:sperm:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="spermList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键" align="center" prop="id" /> -->
<el-table-column label="冻精号" align="center" prop="code" width="130px" fixed="fixed" />
<el-table-column label="冻精日期" align="center" prop="freezeDt" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.freezeDt, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="冻精品种" align="center" prop="breed" />
<el-table-column label="生产批次" align="center" prop="batch" width="130px" />
<el-table-column label="规格" align="center" prop="spec" />
<el-table-column label="数量" align="center" prop="qty" sortable />
<el-table-column label="是否性控" align="center">
<template #default="scope">
{{ scope.row.sexCtl === 1 ? '是' : '否' }}
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="stat">
<template #default="scope">
<el-tag :type="scope.row.stat === '正常' ? 'primary'
: scope.row.stat === '销售' ? 'success'
: scope.row.stat === '自用' ? 'warning'
: 'danger'">
{{ scope.row.stat }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="技术员" align="center" prop="tech" />
<el-table-column label="液氮罐ID" align="center" prop="tankId" />
<el-table-column label="提桶ID" align="center" prop="bucketId" />
<el-table-column label="冷冻架ID" align="center" prop="rackId" />
<el-table-column label="出库日期" align="center" prop="outDt" width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.outDt, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="废弃原因" align="center" prop="discardTxt" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="160px">
<template #default="scope">
{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['sperm:sperm:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['frozen:sperm:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" />
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" />
</div>
<!-- 添加或修改冻精库存对话框 -->
<el-dialog :title="title" v-model="open" width="700px" append-to-body>
@@ -500,11 +506,16 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('sperm/sperm/export', {
...queryParams.value
}, `sperm_${new Date().getTime()}.xlsx`)
}
queryParams.value.ids = ids.value;
try {
proxy.download('sperm/sperm/export', {
...queryParams.value
}, `冻精记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
// 废弃
function handleDiscard() {
if (!ids.value.length) return proxy.$modal.msgWarning('请选择记录')

File diff suppressed because it is too large Load Diff

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<!-- <el-form-item label="创建时间" style="width: 308px">
<el-date-picker v-model="daterangeCreateTime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
@@ -122,74 +123,77 @@
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="body_measureList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" width="100" fixed />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" width="100" />
<el-table-column label="品种" align="center" prop="varietyName" width="100" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="测量日期" align="center" prop="measureDate" width="120">
<template #default="scope">
<span>{{ parseTime(scope.row.measureDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="测量时羊只类别" align="center" prop="sheepTypeName" width="100" />
<el-table-column label="别" align="center" prop="gender" width="100">
<template #default="scope">
<span>{{ genderMap[scope.row.gender] || '未知' }}</span>
</template>
</el-table-column>
<el-table-column label="月龄" align="center" prop="monthAge" width="80" sortable />
<el-table-column label="胎次" align="center" prop="parity" width="100" />
<el-table-column label="出生体重(kg)" align="center" prop="birthWeight" width="150" sortable />
<el-table-column label="断奶体重(kg)" align="center" prop="weaningWeight" width="150" sortable />
<el-table-column label="当前体重(kg)" align="center" prop="currentWeight" width="150" sortable />
<el-table-column label="体高" align="center" prop="height" width="100" sortable />
<el-table-column label="胸围" align="center" prop="bust" width="100" sortable />
<el-table-column label="体斜长" align="center" prop="bodyLength" width="150" sortable />
<el-table-column label="管围" align="center" prop="pipeLength" width="100" sortable />
<el-table-column label="胸深" align="center" prop="chestDepth" width="100" sortable />
<el-table-column label="臀高" align="center" prop="hipHeight" width="100" sortable />
<el-table-column label="尻宽" align="center" prop="rumpWidth" width="100" sortable />
<el-table-column label="尻" align="center" prop="rumpHeignt" width="100" sortable />
<el-table-column label="腰角宽" align="center" prop="hipWidth" width="150" sortable />
<el-table-column label="十字部高" align="center" prop="hipCrossHeight" width="150" sortable />
<el-table-column label="乳房深度" align="center" prop="breastDepth" width="100" />
<el-table-column label="乳头位置" align="center" prop="breastPosition" width="100" />
<el-table-column label="乳头长度" align="center" prop="breastLength" width="100" />
<el-table-column label="乳房附着" align="center" prop="breastAdbere" width="100" />
<el-table-column label="乳房间隔度" align="center" prop="breastSpacing" width="100" />
<el-table-column label="乳房评分" align="center" prop="breastScore" width="100" sortable />
<el-table-column label="繁育状态" align="center" prop="breedStatusName" width="100">
<template #default="scope">
<span>{{ scope.row.breedStatusName || '未设置' }}</span>
</template>
</el-table-column>
<el-table-column label="泌乳天数" align="center" prop="lactationDay" width="150" sortable />
<el-table-column label="怀孕天数" align="center" prop="gestationDay" width="150" sortable />
<el-table-column label="配后天数" align="center" prop="postMatingDay" width="150" sortable />
<el-table-column label="体况评分" align="center" prop="bodyScore" width="100" sortable />
<el-table-column label="技术员" align="center" prop="technician" width="100" />
<el-table-column label="创建人" align="center" prop="createBy" width="100" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" width="180" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="130">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="body_measureList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" width="100" fixed />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" width="100" />
<el-table-column label="品种" align="center" prop="varietyName" width="100" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="测量日期" align="center" prop="measureDate" width="120">
<template #default="scope">
<span>{{ parseTime(scope.row.measureDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="测量时羊只类别" align="center" prop="sheepTypeName" width="100" />
<el-table-column label="性别" align="center" prop="gender" width="100">
<template #default="scope">
<span>{{ genderMap[scope.row.gender] || '未知' }}</span>
</template>
</el-table-column>
<el-table-column label="月龄" align="center" prop="monthAge" width="80" sortable />
<el-table-column label="胎次" align="center" prop="parity" width="100" />
<el-table-column label="出生体重(kg)" align="center" prop="birthWeight" width="150" sortable />
<el-table-column label="断奶体重(kg)" align="center" prop="weaningWeight" width="150" sortable />
<el-table-column label="当前体重(kg)" align="center" prop="currentWeight" width="150" sortable />
<el-table-column label="体高" align="center" prop="height" width="100" sortable />
<el-table-column label="胸围" align="center" prop="bust" width="100" sortable />
<el-table-column label="体斜长" align="center" prop="bodyLength" width="150" sortable />
<el-table-column label="管围" align="center" prop="pipeLength" width="100" sortable />
<el-table-column label="胸深" align="center" prop="chestDepth" width="100" sortable />
<el-table-column label="臀高" align="center" prop="hipHeight" width="100" sortable />
<el-table-column label="尻" align="center" prop="rumpWidth" width="100" sortable />
<el-table-column label="尻高" align="center" prop="rumpHeignt" width="100" sortable />
<el-table-column label="腰角宽" align="center" prop="hipWidth" width="150" sortable />
<el-table-column label="十字部高" align="center" prop="hipCrossHeight" width="150" sortable />
<el-table-column label="乳房深度" align="center" prop="breastDepth" width="100" />
<el-table-column label="乳头位置" align="center" prop="breastPosition" width="100" />
<el-table-column label="乳头长度" align="center" prop="breastLength" width="100" />
<el-table-column label="乳房附着" align="center" prop="breastAdbere" width="100" />
<el-table-column label="乳房间隔度" align="center" prop="breastSpacing" width="100" />
<el-table-column label="乳房评分" align="center" prop="breastScore" width="100" sortable />
<el-table-column label="繁育状态" align="center" prop="breedStatusName" width="100">
<template #default="scope">
<span>{{ scope.row.breedStatusName || '未设置' }}</span>
</template>
</el-table-column>
<el-table-column label="泌乳天数" align="center" prop="lactationDay" width="150" sortable />
<el-table-column label="怀孕天数" align="center" prop="gestationDay" width="150" sortable />
<el-table-column label="配后天数" align="center" prop="postMatingDay" width="150" sortable />
<el-table-column label="体况评分" align="center" prop="bodyScore" width="100" sortable />
<el-table-column label="技术员" align="center" prop="technician" width="100" />
<el-table-column label="创建" align="center" prop="createBy" width="100" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" width="180" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="130">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['body_measure:body_measure:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['body_measure:body_measure:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['body_measure:body_measure:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 添加或修改体尺测量对话框 -->
<el-dialog :title="title" v-model="open" width="700px" append-to-body>
@@ -569,11 +573,13 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('body_measure/body_measure/export', {
...queryParams.value
}, `body_measure_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('body_measure/body_measure/export', { ...queryParams.value }, `体尺测量记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
//加载羊舍数据
const sheepfoldOptions = ref([])
function getSheepfoldOptions() {
@@ -599,12 +605,27 @@ function loadSheepTypeList() {
});
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
function handlePaste() {
nextTick(() => handlePasteSubmit())

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="事件日期" style="width: 308px">
<el-date-picker v-model="daterangeDatetime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
@@ -51,7 +52,7 @@
</el-select>
</el-form-item> -->
<el-form-item label="体况评分" prop="score">
<el-input-number v-model="queryParams.score" :min="1" :max="5" :step="0.1" :precision="1" placeholder="请输入评分"
<el-input-number v-model="queryParams.score" :min="0" :max="5" :step="0.1" :precision="1" placeholder="请输入评分"
style="width: 150px" clearable />
</el-form-item>
<el-form-item label="技术员" prop="technician">
@@ -91,39 +92,44 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="body_scoreList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100px" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" />
<el-table-column label="事件日期" align="center" prop="datetime" min-width="120px">
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="体况评分" align="center" prop="score" min-width="100px" sortable />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" min-width="100px" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" min-width="130px" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="150px" fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="body_scoreList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100px" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" />
<el-table-column label="事件日期" align="center" prop="datetime" min-width="120px">
<template #default="scope">
<span>{{ parseTime(scope.row.datetime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="体况评分" align="center" prop="score" min-width="100px" sortable />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" min-width="100px" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="130px">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" min-width="130px" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="150px"
fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['body_score:body_score:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['body_score:body_score:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['body_score:body_score:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 添加或修改体况评分对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="body_scoreRef" :model="form" :rules="rules" label-width="80px">
@@ -285,7 +291,7 @@ function getList() {
if (queryParams.value.technician) {
queryParams.value.params["technician"] = queryParams.value.technician
}
if (queryParams.value.score !== null && queryParams.value.score !== undefined && queryParams.value.score !== '') {
if (queryParams.value.score !== null && queryParams.value.score !== undefined && queryParams.value.score !== '') {
queryParams.value.params["score"] = queryParams.value.score
}
listBody_score(queryParams.value).then(response => {
@@ -386,8 +392,8 @@ function resetQuery() {
daterangeCreateTime.value = []
queryParams.value.varietyId = null
queryParams.value.manageTagsList = []
queryParams.value.score = null
queryParams.value.technician = null
queryParams.value.score = null
queryParams.value.technician = null
queryParams.value.isDelete = null
proxy.resetForm("queryRef")
handleQuery()
@@ -501,11 +507,13 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('body_score/body_score/export', {
...queryParams.value
}, `body_score_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('body_score/body_score/export', { ...queryParams.value }, `体况评分记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
//加载品种数据
const varietyOptions = ref([])
function loadVarietyOptions() {
@@ -514,12 +522,27 @@ function loadVarietyOptions() {
})
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
function clearEarNumbers() {

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<!-- <el-form-item label="创建时间" style="width: 308px">
<el-date-picker v-model="daterangeCreateTime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
@@ -95,44 +96,51 @@
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="breast_ratingList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100px" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" />
<el-table-column label="事件日期" align="center" prop="eventDate" min-width="120px">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="乳房深度" align="center" prop="depth" min-width="150px" sortable />
<el-table-column label="乳房位置" align="center" prop="position" />
<el-table-column label="乳房长度" align="center" prop="length" min-width="150px" sortable />
<el-table-column label="乳房附着" align="center" prop="adbere" />
<el-table-column label="乳房间隔度" align="center" prop="spacing" min-width="120px" />
<el-table-column label="乳房评分" align="center" prop="score" min-width="150px" sortable />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" min-width="120px" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="150">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="120px" fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="breast_ratingList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100px" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" />
<el-table-column label="事件日期" align="center" prop="eventDate" min-width="120px">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="乳房深度" align="center" prop="depth" min-width="150px" sortable />
<el-table-column label="乳房位置" align="center" prop="position" />
<el-table-column label="乳房长度" align="center" prop="length" min-width="150px" sortable />
<el-table-column label="乳房附着" align="center" prop="adbere" />
<el-table-column label="乳房间隔度" align="center" prop="spacing" min-width="120px" />
<el-table-column label="乳房评分" align="center" prop="score" min-width="150px" sortable />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" min-width="120px" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="150">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="120px"
fixed="right">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['breast_rating:breast_rating:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['breast_rating:breast_rating:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['breast_rating:breast_rating:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 添加或修改乳房评分对话框 -->
<el-dialog :title="title" v-model="open" width="550px" append-to-body>
<el-form ref="breast_ratingRef" :model="form" :rules="rules" label-width="115px">
@@ -510,11 +518,13 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('breast_rating/breast_rating/export', {
...queryParams.value
}, `breast_rating_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('breast_rating/breast_rating/export', { ...queryParams.value }, `乳况评分记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
//加载羊舍数据
const sheepfoldOptions = ref([])
function getSheepfoldOptions() {
@@ -530,12 +540,27 @@ function loadVarietyOptions() {
varietyOptions.value = res.rows;
})
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
function clearEarNumbers() {
queryParams.value.manageTagsList = []

View File

@@ -5,7 +5,6 @@
v-hasPermi="['produce:add_sheep:import']">导入</el-button>
<el-button type="warning" icon="Upload" @click="handleExportForm">下载模板</el-button>
<!-- 新增/编辑表单 -->
<el-form :model="form" ref="formRef" label-position="left" label-width="120px" style="margin-top:15px"
:rules="rules">
@@ -15,14 +14,6 @@
<el-input v-model="form.earNumber" placeholder="请输入耳号" @blur="handleEarNumberBlur" />
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="入群日期" prop="joinDate">
<el-date-picker v-model="form.joinDate" type="date" placeholder="选择入群日期" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="牧场" prop="ranchId">
<el-select v-model="form.ranchId" placeholder="请选择牧场" clearable @change="handleRanchChange" required>
@@ -30,6 +21,9 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="羊舍" prop="sheepfold">
<el-select v-model="form.sheepfold" placeholder="请选择羊舍" clearable :disabled="!form.ranchId">
@@ -37,45 +31,50 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="父号" prop="father">
<el-input v-model="form.father" placeholder="请输入父号" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="母号" prop="mother">
<el-input v-model="form.mother" placeholder="请输入母号" />
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="外祖父" prop="grandpa">
<el-input v-model="form.grandpa" placeholder="请输入外祖父耳号" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="外祖母" prop="grandma">
<el-input v-model="form.grandma" placeholder="请输入外祖母耳号" />
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="出生体重(kg)" prop="bornWeight">
<el-input v-model="form.bornWeight" placeholder="请输入出生体重" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="断奶体重(kg)" prop="weaningWeight">
<el-input v-model="form.weaningWeight" placeholder="请输入断奶体重" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="出生日期" prop="birthday">
<el-date-picker v-model="form.birthday" type="date" placeholder="选择出生日期" />
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="胎次" prop="parity">
<el-input-number v-model="form.parity" :min="0" label="胎次" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
@@ -88,6 +87,14 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="胎次" prop="parity">
<el-input-number v-model="form.parity" :min="0" label="胎次" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="品种" prop="varietyId">
<el-select v-model="form.varietyId" placeholder="请选择品种" clearable>
@@ -95,9 +102,6 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="羊只类别" prop="typeId">
<el-select v-model="form.typeId" placeholder="请选择羊只类别" clearable>
@@ -105,13 +109,21 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="入群日期" prop="joinDate">
<el-date-picker v-model="form.joinDate" type="date" placeholder="选择入群日期" />
</el-form-item>
</el-col>
<!-- <el-col :span="10">
<el-form-item label="技术员" prop="technician">
<el-select v-model="form.technician" placeholder="请选择技术员" clearable filterable style="width: 100%">
<el-option v-for="item in technicalOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<el-row :gutter="20">
@@ -174,7 +186,9 @@ const form = ref({
joinDate: '',
comment: '',
technician: '',
weaningWeight: ''
weaningWeight: '',
grandpa: '',
grandma: '',
})
const formRef = ref(null)
const sheepfoldOptions = ref([])
@@ -209,12 +223,10 @@ const rules = {
ranchId: [{ required: true, message: '请选择牧场', trigger: 'change' }],
sheepfold: [{ required: true, message: '请选择羊舍', trigger: 'change' }],
bornWeight: [{ required: true, message: '请输入出生体重', trigger: 'change' }],
weaningWeight: [{ required: true, message: '请输入断奶体重', trigger: 'blur' }],
birthday: [{ required: true, message: '请选择出生日期', trigger: 'change' }],
gender: [{ required: true, message: '请选择性别', trigger: 'change' }],
varietyId: [{ required: true, message: '请选择品种', trigger: 'change' }],
joinDate: [{ required: true, message: '请选择入群日期', trigger: 'change' }],
technician: [{ required: true, message: '请输入技术员', trigger: 'change' }],
}
// 校验耳号是否存在
@@ -354,7 +366,9 @@ function resetForm() {
typeId: null,
joinDate: '',
comment: '',
technician: ''
technician: '',
grandpa: '',
grandma: '',
}
}
//下载模板

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="事件日期" style="width: 308px">
<el-date-picker v-model="daterangeEventDate" type="daterange" range-separator="-" start-placeholder="开始日期"
@@ -100,38 +101,41 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="changeCommentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="事件日期" align="center" prop="eventDate">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="新备注" align="center" prop="newComment" />
<el-table-column label="原备注" align="center" prop="oldComment" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="changeCommentList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="事件日期" align="center" prop="eventDate">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="新备注" align="center" prop="newComment" />
<el-table-column label="原备注" align="center" prop="oldComment" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['changeComment:changeComment:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['changeComment:changeComment:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['changeComment:changeComment:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 添加或修改改备注对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="changeCommentRef" :model="form" :rules="rules" label-width="80px">
@@ -436,11 +440,13 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('changeComment/changeComment/export', {
...queryParams.value
}, `changeComment_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('changeComment/changeComment/export', { ...queryParams.value }, `改备注记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
//加载羊舍数据
const sheepfoldOptions = ref([])
function getSheepfoldOptions() {
@@ -448,13 +454,27 @@ function getSheepfoldOptions() {
sheepfoldOptions.value = res.rows
})
}
/* 远程搜耳号 */
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
/* 清空所有耳号 */

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="事件日期" style="width: 300px">
<el-date-picker v-model="daterangeEventDate" type="daterange" range-separator="-" start-placeholder="开始日期"
@@ -101,45 +102,50 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="changeEarList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" />
<el-table-column label="事件日期" align="center" prop="eventDate">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="耳号类型" align="center" prop="earType">
<template #default="scope">
{{ scope.row.earType === 0 ? '电子耳号' : '管理耳号' }}
</template>
</el-table-column>
<el-table-column label="新耳号" align="center" prop="newTag" />
<el-table-column label="旧耳号" align="center" prop="oldTag" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="changeEarList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" />
<el-table-column label="事件日期" align="center" prop="eventDate">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="耳号类型" align="center" prop="earType">
<template #default="scope">
{{ scope.row.earType === 0 ? '电子耳号' : '管理耳号' }}
</template>
</el-table-column>
<el-table-column label="新耳号" align="center" prop="newTag" />
<el-table-column label="旧耳号" align="center" prop="oldTag" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['changeEar:changeEar:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['changeEar:changeEar:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['changeEar:changeEar:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 添加或修改修改电子耳号记录对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="changeEarRef" :model="form" :rules="rules" label-width="80px">
@@ -476,9 +482,12 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('changeEar/changeEar/export', {
...queryParams.value
}, `changeEar_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('changeEar/changeEar/export', { ...queryParams.value }, `改耳号记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
//加载羊舍数据
@@ -488,12 +497,29 @@ function getSheepfoldOptions() {
sheepfoldOptions.value = res.rows
})
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
// 搜索耳号的方法(用于下拉框远程搜索)
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
// 调用API搜索耳号
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
/* 粘贴事件 */
function handlePaste() {

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="事件日期" style="width: 308px">
<el-date-picker v-model="daterangeEventDate" type="daterange" range-separator="-" start-placeholder="开始日期"
@@ -103,39 +104,43 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="changeVarietyList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyOld" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="事件日期" align="center" prop="eventDate">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="新品种" align="center" prop="varietyNew" />
<el-table-column label="旧品种" align="center" prop="varietyOld" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建日期" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="changeVarietyList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyOld" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="事件日期" align="center" prop="eventDate">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="新品种" align="center" prop="varietyNew" />
<el-table-column label="旧品种" align="center" prop="varietyOld" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建日期" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['changeVariety:changeVariety:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['changeVariety:changeVariety:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['changeVariety:changeVariety:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 添加或修改改品种记录对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
@@ -157,7 +162,13 @@
</el-button>
</div>
<el-form-item label="原品种" prop="varietyOld">
<el-input v-model="form.varietyOld" placeholder="页面自动获取展示" disabled />
<span v-if="batchSheep.length === 0" class="placeholder-text">请输入耳号后自动获取</span>
<div v-else class="variety-old-list">
<el-tag v-for="(sheep, idx) in batchSheep" :key="sheep.id" type="warning" effect="plain" size="small"
style="margin: 2px 4px 2px 0;">
{{ sheep.varietyName || '未知品种' }}
</el-tag>
</div>
</el-form-item>
<el-form-item label="新品种" prop="varietyNew">
<el-select v-model="form.varietyNew" placeholder="请选择新品种" clearable filterable :disabled="!isAdd">
@@ -437,11 +448,17 @@ function handleDelete(row) {
/** 导出按钮操作 */
function handleExport() {
proxy.download('changeVariety/changeVariety/export', {
...queryParams.value
}, `changeVariety_${new Date().getTime()}.xlsx`)
}
queryParams.value.ids = ids.value;
try {
proxy.download('changeVariety/changeVariety/export',
{ ...queryParams.value },
`改品种记录_${Date.now()}.xlsx`
);
} finally {
queryParams.value.ids = null;
}
}
//加载羊舍数据
const sheepfoldOptions = ref([])
@@ -450,12 +467,29 @@ function getSheepfoldOptions() {
sheepfoldOptions.value = res.rows
})
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
// 搜索耳号的方法(用于下拉框远程搜索)
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
// 调用API搜索耳号
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
/* 粘贴事件 */
function handlePaste() {
@@ -589,4 +623,34 @@ onMounted(() => {
flex-wrap: wrap;
align-items: center;
}
.variety-old-list {
min-height: 32px;
/* 与el-input高度一致 */
max-height: 150px;
overflow-y: auto;
padding: 4px 8px;
background-color: #f5f7fa;
border: 1px solid #dcdfe6;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
width: 100%;
}
.placeholder-text {
display: block;
min-height: 32px;
line-height: 32px;
padding: 0 8px;
background-color: #f5f7fa;
border: 1px solid #dcdfe6;
border-radius: 4px;
color: #c0c4cc;
font-size: 14px;
box-sizing: border-box;
width: 100%;
}
</style>

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="转群日期" style="width: 308px">
<el-date-picker v-model="daterangeTransDate" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
@@ -109,37 +110,42 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="trans_groupList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventTypeText" />
<el-table-column label="转群日期" align="center" prop="transDate" min-width="120" />
<el-table-column label="转入羊舍" align="center" prop="foldToName" min-width="130" />
<el-table-column label="转出羊舍" align="center" prop="foldFromName" min-width="130" />
<!-- <el-table-column label="羊只类别" align="center" prop="sheepTypeName" /> -->
<el-table-column label="转群原因" align="center" prop="reasonText" min-width="120" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="120">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" min-width="120" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="160" fixed="right">
<template #default="scope">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:trans_group:remove']">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="trans_groupList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventTypeText" />
<el-table-column label="转群日期" align="center" prop="transDate" min-width="120" />
<el-table-column label="转入羊舍" align="center" prop="foldToName" min-width="130" />
<el-table-column label="转出羊舍" align="center" prop="foldFromName" min-width="130" />
<!-- <el-table-column label="羊只类别" align="center" prop="sheepTypeName" /> -->
<el-table-column label="转群原因" align="center" prop="reasonText" min-width="120" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="120">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" min-width="120" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="160" fixed="right">
<template #default="scope">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:trans_group:remove']">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 添加或修改转群记录对话框 -->
<el-dialog :title="title" v-model="open" width="700px" append-to-body>
<el-form ref="trans_groupRef" :model="form" :rules="rules" label-width="80px">
@@ -623,7 +629,29 @@ function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
// 搜索耳号的方法(用于下拉框远程搜索)
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
try {
// 调用API搜索耳号
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
} finally {
earLoading.value = false
}
}
//重置搜索框
function resetQuery() {
daterangeTransDate.value = [];
@@ -759,11 +787,12 @@ function handleDelete(row) {
}
//导出
function handleExport() {
proxy.download(
'/produce/manage_sheep/trans_group/export',
{ ...queryParams.value },
`trans_group_${Date.now()}.xlsx`
);
queryParams.value.ids = ids.value;
try {
proxy.download('/produce/manage_sheep/trans_group/export', { ...queryParams.value }, `转群记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
//加载羊舍数据

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<!-- 查询表单 -->
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="转场日期" style="width: 308px">
@@ -128,53 +129,58 @@
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="transition_infoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" min-width="120" />
<el-table-column label="转场日期" align="center" prop="transitionDate" min-width="150">
<template #default="scope">
<span>{{ parseTime(scope.row.transitionDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="转场类型" align="center" prop="transTypeText" />
<el-table-column label="转入牧场" align="center" prop="transTo" min-width="120" />
<el-table-column label="转出牧场" align="center" prop="transFrom" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" min-width="120" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="130">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<dict-tag :options="status" :value="scope.row.status" />
</template>
</el-table-column>
<!-- <el-table-column label="当前状态" align="center" prop="status" min-width="120">
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="transition_infoList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="管理耳号" align="center" prop="manageTags" min-width="100" fixed />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" min-width="120" />
<el-table-column label="转场日期" align="center" prop="transitionDate" min-width="150">
<template #default="scope">
<span>{{ parseTime(scope.row.transitionDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="转场类型" align="center" prop="transTypeText" />
<el-table-column label="转入牧场" align="center" prop="transTo" min-width="120" />
<el-table-column label="转出牧场" align="center" prop="transFrom" />
<el-table-column label="羊舍" align="center" prop="sheepfoldName" min-width="120" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" min-width="130">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<dict-tag :options="status" :value="scope.row.status" />
</template>
</el-table-column>
<!-- <el-table-column label="当前状态" align="center" prop="status" min-width="120">
<template #default="scope">
<span v-if="scope.row.status === 0">待审批</span>
<span v-else-if="scope.row.status === 1 || scope.row.status === 2">审批完成</span>
<span v-else>未知状态</span>
</template>
</el-table-column> -->
<el-table-column label="操作" align="center" min-width="180" fixed="right">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleApprove(scope.row)"
v-hasPermi="['produce:transition_info:approve']" :disabled="scope.row.status !== 0">审批</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:transition_info:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-table-column label="操作" align="center" min-width="180" fixed="right">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleApprove(scope.row)"
v-hasPermi="['produce:transition_info:approve']" :disabled="scope.row.status !== 0">审批</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:transition_info:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 新增/修改 -->
<el-dialog :title="title" v-model="open" width="700px" append-to-body>
<el-form ref="transition_infoRef" :model="form" :rules="rules" label-width="80px">
@@ -574,11 +580,12 @@ async function loadSheepInfo() {
// 导出
function handleExport() {
proxy.download(
'/produce/manage_sheep/transition_info/export',
{ ...queryParams.value },
`transition_info_${Date.now()}.xlsx`
);
queryParams.value.ids = ids.value;
try {
proxy.download('/produce/manage_sheep/transition_info/export', { ...queryParams.value }, `转场记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
// 审批
@@ -693,7 +700,7 @@ async function handleUpdate(row) {
form.value = {
...response.data,
manageTags: [response.data.manageTags],
comment: response.data.comment || ''
comment: response.data.comment || ''
};
open.value = true;
title.value = "修改转场";
@@ -762,12 +769,29 @@ function handleDelete(row) {
})
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
// 搜索耳号的方法(用于下拉框远程搜索)
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
// 调用API搜索耳号
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
async function handleRanchChange(ranchName) {
if (!ranchName) {
@@ -794,10 +818,10 @@ async function handleRanchChange(ranchName) {
batchTags.value = sheepList.map(s => s.manageTags);
batchSheep.value = sheepList;
form.value.manageTags = batchTags.value.join(' ');
// 自动填充转出牧场(当前选中的牧场)
form.value.transFrom = ranchName;
sheepOptions.value = sheepList;
}
/* 粘贴事件 */

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<!-- 搜索区域 -->
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="事件日期" style="width: 308px">
@@ -91,37 +92,43 @@
</el-row>
<!-- 列表表格 -->
<el-table v-loading="loading" :data="castrateList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="去势日期" align="center" prop="eventDate" width="130">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- 按需添加 是否需要修改功能 -->
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="castrateList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="去势日期" align="center" prop="eventDate" width="130">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- 按需添加 是否需要修改功能 -->
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['produce:castrate:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:castrate:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:castrate:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 新增/修改弹窗 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
@@ -510,7 +517,12 @@ function handleDelete(row) {
//导出
function handleExport() {
proxy.download('/produce/other/castrate/export', { ...queryParams.value }, `castrate_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('/produce/other/castrate/export', { ...queryParams.value }, `去势记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
// 获取技术员列表岗位编码techs
const fetchTechnicalList = () => {
@@ -547,12 +559,27 @@ function filterSheepfold(query) {
fold.sheepfoldName.includes(query)
)
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
function clearEarNumbers() {
queryParams.value.manageTagsList = []

View File

@@ -1,5 +1,6 @@
<template>
<div class="app-container">
<div class="app-container"
style="height: calc(100vh - 84px); display: flex; flex-direction: column; overflow: hidden;">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="事件日期" style="width: 308px">
<el-date-picker v-model="daterangeEventDate" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
@@ -90,39 +91,44 @@
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="fixHoofList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="修蹄日期" align="center" prop="eventDate" width="130">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- 按需添加 是否需要修改功能 -->
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
<div style="flex: 1; overflow: hidden;">
<el-table v-loading="loading" :data="fixHoofList" @selection-change="handleSelectionChange" height="100%"
style="width: 100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="耳号" align="center" prop="manageTags" />
<el-table-column label="品种" align="center" prop="varietyName" />
<el-table-column label="事件类型" align="center" prop="eventType" width="120" />
<el-table-column label="修蹄日期" align="center" prop="eventDate" width="130">
<template #default="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="羊舍" align="center" prop="sheepfoldName" />
<el-table-column label="技术员" align="center" prop="technician" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="comment" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<!-- 按需添加 是否需要修改功能 -->
<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
v-hasPermi="['produce:fixHoof:edit']">修改</el-button> -->
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:fixHoof:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['produce:fixHoof:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div style="flex-shrink: 0; padding: 10px 0;">
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
</div>
<!-- 弹窗 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="fixHoofRef" :model="form" :rules="rules" label-width="80px">
@@ -470,9 +476,13 @@ function handleDelete(row) {
//导出
function handleExport() {
proxy.download('/produce/other/fixHoof/export', { ...queryParams.value }, `fixHoof_${new Date().getTime()}.xlsx`)
queryParams.value.ids = ids.value;
try {
proxy.download('/produce/other/fixHoof/export', { ...queryParams.value }, `修蹄记录${Date.now()}.xlsx`);
} finally {
queryParams.value.ids = null;
}
}
//加载羊舍数据
const sheepfoldOptions = ref([])
function getSheepfoldOptions() {
@@ -498,12 +508,27 @@ const fetchTechnicalList = () => {
technicalOptions.value = []
})
}
function searchEarNumber(query) {
if (!query) { earOptions.value = []; return }
const searchEarNumber = async (query) => {
if (!query || query.trim() === '') {
earOptions.value = []
return
}
earLoading.value = true
searchEarNumbers(query.trim()).then(res => {
earOptions.value = res.data || []
}).finally(() => earLoading.value = false)
try {
const res = await searchEarNumbers(query.trim())
if (res.code === 200 && Array.isArray(res.data)) {
earOptions.value = res.data
} else {
earOptions.value = []
}
} catch (error) {
console.error('搜索耳号失败:', error)
earOptions.value = []
proxy.$modal.msgError('搜索耳号失败')
} finally {
earLoading.value = false
}
}
function clearEarNumbers() {
queryParams.value.manageTagsList = []

View File

@@ -9,6 +9,19 @@
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="所在地区">
<el-cascader
v-model="queryArea"
:options="areaOptions"
:props="{ checkStrictly: true, ...areaProps }"
placeholder="请选择地区"
clearable
style="width: 200px"
@change="handleQueryAreaChange"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -57,24 +70,39 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="customerList" @selection-change="handleSelectionChange" @sort-change="handleSortChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="客户名称" align="center" prop="name" />
<el-table-column label="客户电话" align="center" prop="phone" sortable="custom" />
<el-table-column label="客户地址" align="center">
<template #default="scope">
{{ scope.row.province }}{{ scope.row.city }}{{ scope.row.district }}{{ scope.row.address }}
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['customer:customer:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['customer:customer:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-wrapper">
<el-table v-loading="loading" :data="customerList" @selection-change="handleSelectionChange" @sort-change="handleSortChange" height="100%">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="客户名称" align="center" prop="name" />
<el-table-column label="客户电话" align="center" prop="phone" sortable="custom" />
<el-table-column label="所在地区" align="center" width="150" show-overflow-tooltip>
<template #default="scope">
{{ (scope.row.province || '') + (scope.row.city || '') + (scope.row.district || '') }}
</template>
</el-table-column>
<el-table-column label="详细地址" align="center" prop="address" show-overflow-tooltip />
<el-table-column label="创建人" align="center" prop="createBy" width="100" />
<el-table-column label="创建日期" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['customer:customer:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['customer:customer:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
@@ -92,7 +120,7 @@
<el-form-item label="客户电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入客户电话" />
</el-form-item>
<el-form-item label="所在地区" required>
<el-form-item label="所在地区">
<el-cascader
v-model="selectedArea"
:options="areaOptions"
@@ -143,20 +171,26 @@ const areaProps = {
value: 'label',
children: 'children'
}
// 表单用的地区绑定
const selectedArea = ref([])
// 查询用的地区绑定
const queryArea = ref([])
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 20, // 默认为20
pageSize: 20,
name: null,
orderByColumn: null, // 增加排序字段
isAsc: null // 增加排序方式
province: null, //
city: null, // 新增
district: null, // 新增
orderByColumn: null,
isAsc: null
},
rules: {
name: [{ required: true, message: "客户名称不能为空", trigger: "blur" }],
address: [{ required: true, message: "详细地址不能为空", trigger: "blur" }]
// address 校验已移除,改为可选
}
})
@@ -175,6 +209,19 @@ function getList() {
})
}
// 处理查询栏地区变化
function handleQueryAreaChange(val) {
if (val && val.length > 0) {
queryParams.value.province = val[0] || null
queryParams.value.city = val[1] || null
queryParams.value.district = val[2] || null
} else {
queryParams.value.province = null
queryParams.value.city = null
queryParams.value.district = null
}
}
// 处理排序变化
function handleSortChange({ column, prop, order }) {
queryParams.value.orderByColumn = prop
@@ -209,10 +256,14 @@ function handleQuery() {
function resetQuery() {
proxy.resetForm("queryRef")
// 重置时也要清空排序
// 重置地区选择
queryArea.value = []
queryParams.value.province = null
queryParams.value.city = null
queryParams.value.district = null
queryParams.value.orderByColumn = null
queryParams.value.isAsc = null
// 如果el-table需要清除UI上的排序图标可调用clearSort此处简化处理
handleQuery()
}
@@ -246,8 +297,9 @@ function handleUpdate(row) {
})
}
// 处理表单提交时的地区数据
function handleAddress() {
if (selectedArea.value.length > 0) {
if (selectedArea.value && selectedArea.value.length > 0) {
form.value.province = selectedArea.value[0] || ''
form.value.city = selectedArea.value[1] || ''
form.value.district = selectedArea.value[2] || ''
@@ -295,4 +347,33 @@ function handleExport() {
...queryParams.value
}, `customer_${new Date().getTime()}.xlsx`)
}
</script>
</script>
<style scoped>
/* 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>

File diff suppressed because it is too large Load Diff

View File

@@ -1,29 +1,102 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="管理耳号" prop="manageTagsList">
<el-select
v-model="queryParams.manageTagsList"
multiple
filterable
remote
reserve-keyword
placeholder="请输入耳号"
:remote-method="remoteSearchEarNo"
:loading="loadingSearch"
allow-create
default-first-option
clearable
style="width: 240px"
<el-form-item label="耳号" prop="allEarNumbers">
<div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
<!-- 主选择器不显示已选标签 -->
<el-select
v-model="queryParams.allEarNumbers"
multiple
filterable
remote
reserve-keyword
placeholder="输入耳号搜索"
:remote-method="searchEarNumber"
:loading="earNumberLoading"
allow-create
default-first-option
collapse-tags
:max-collapse-tags="0"
style="width: 300px"
@change="handleEarNumberChange"
>
<el-option
v-for="item in earNumberOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select>
<!-- 辅助粘贴输入框 -->
<el-input
v-model="pasteInput"
placeholder="或粘贴多个耳号(空格/换行/逗号分隔)"
style="width: 300px"
@paste="handlePaste"
@keyup.enter="handlePasteSubmit"
clearable
>
<template #append>
<el-button @click="handlePasteSubmit" :icon="Plus">添加</el-button>
</template>
</el-input>
<!-- 耳号计数显示 -->
<el-tag
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
type="info"
effect="plain"
size="large"
>
已选: {{ queryParams.allEarNumbers.length }}
</el-tag>
<!-- 清空按钮 -->
<el-button
type="danger"
plain
@click="clearAllEarNumbers"
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
:icon="Delete"
>
清空全部
</el-button>
</div>
<!-- 已选耳号展示区域默认显示2个可展开 -->
<div
v-if="queryParams.allEarNumbers && queryParams.allEarNumbers.length > 0"
class="selected-ear-numbers-display"
style="margin-top: 10px;"
>
<el-option
v-for="item in earNoOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select>
<!-- 显示前2个或全部耳号 -->
<el-tag
v-for="(tag, index) in displayedEarNumbers"
:key="tag"
closable
@close="handleRemoveEarNumber(tag)"
style="margin: 4px;"
type="success"
>
{{ tag }}
</el-tag>
<!-- 展开/收起按钮 -->
<el-button
v-if="queryParams.allEarNumbers.length > defaultShowCount"
type="primary"
link
@click="toggleExpand"
style="margin-left: 8px;"
>
{{ isExpanded ? '收起' : `展开剩余 ${queryParams.allEarNumbers.length - defaultShowCount}` }}
<el-icon class="el-icon--right">
<component :is="isExpanded ? ArrowUp : ArrowDown" />
</el-icon>
</el-button>
</div>
</el-form-item>
<el-form-item label="死亡日期" prop="deathDateRange">
@@ -379,11 +452,15 @@ import {
getSheepInfo,
getDiseaseTree,
searchEarNo,
searchEarNumbers,
// searchTechnician, // 移除旧的远程搜索接口
// searchHandler // 移除旧的远程搜索接口
} from "@/api/sheep_death/death"
import { getUserByPost } from '@/api/common/user' // 新增引入
import { ref, computed, nextTick } from 'vue'
import { ArrowUp, ArrowDown, Plus, Delete } from '@element-plus/icons-vue'
// 响应式数据
const pasteInput = ref('') // 批量粘贴输入框
const earNumberOptions = ref([]) // 耳号下拉选项
@@ -391,9 +468,6 @@ const earNumberLoading = ref(false) // 耳号加载状态
const isExpanded = ref(false) // 控制耳号展开/折叠状态
const defaultShowCount = 2 // 默认显示的耳号数量
// 新增:技术员选项
const technicalOptions = ref([])
// 计算属性:控制显示的耳号列表
const displayedEarNumbers = computed(() => {
if (!queryParams.value.allEarNumbers || queryParams.value.allEarNumbers.length === 0) {
@@ -407,6 +481,10 @@ const displayedEarNumbers = computed(() => {
return queryParams.value.allEarNumbers.slice(0, defaultShowCount)
}
})
// 新增:技术员选项
const technicalOptions = ref([])
const {proxy} = getCurrentInstance()
// 获取字典数据
const { sys_sheep_type } = proxy.useDict("sys_sheep_type");
@@ -483,56 +561,6 @@ function handlePaste(event) {
})
}
/** 处理粘贴内容提交 */
function handlePasteSubmit() {
if (!pasteInput.value || pasteInput.value.trim() === '') {
return
}
// 支持多种分隔符: 空格、换行、逗号、制表符
const separators = /[\s,\n\r\t]+/
const earNumbers = pasteInput.value
.trim()
.split(separators)
.filter(item => item.trim() !== '')
.map(item => item.trim())
if (earNumbers.length === 0) {
return
}
// 去重并添加到已选列表
const existingSet = new Set(queryParams.value.allEarNumbers || [])
const newEarNumbers = []
const duplicates = []
earNumbers.forEach(earNumber => {
if (!existingSet.has(earNumber)) {
newEarNumbers.push(earNumber)
existingSet.add(earNumber)
} else {
duplicates.push(earNumber)
}
})
// 添加新耳号
if (newEarNumbers.length > 0) {
queryParams.value.allEarNumbers = [
...(queryParams.value.allEarNumbers || []),
...newEarNumbers
]
const message = `成功添加 ${newEarNumbers.length} 个耳号,当前共 ${queryParams.value.allEarNumbers.length}` +
(duplicates.length > 0 ? `,已忽略 ${duplicates.length} 个重复耳号` : '')
proxy.$modal.msgSuccess(message)
} else if (duplicates.length > 0) {
proxy.$modal.msgWarning(`所有耳号均已存在,当前共 ${queryParams.value.allEarNumbers.length}`)
}
// 清空输入框
pasteInput.value = ''
}
/** 远程搜索耳号 */
function searchEarNumber(query) {
@@ -560,41 +588,13 @@ function searchEarNumber(query) {
}
}
/** 耳号选择变化处理 */
function handleEarNumberChange(value) {
queryParams.value.allEarNumbers = [...new Set(value)]
console.log(`已选择 ${queryParams.value.allEarNumbers.length} 个耳号:`, queryParams.value.allEarNumbers)
}
/** 切换展开/收起状态 */
function toggleExpand() {
isExpanded.value = !isExpanded.value
}
/** 移除单个耳号 */
function handleRemoveEarNumber(tag) {
const index = queryParams.value.allEarNumbers.indexOf(tag)
if (index > -1) {
queryParams.value.allEarNumbers.splice(index, 1)
proxy.$modal.msgSuccess('已移除该耳号')
}
// 如果删除后剩余<=2个自动收起
if (queryParams.value.allEarNumbers.length <= defaultShowCount) {
isExpanded.value = false
}
}
/** 清空所有耳号 */
function clearAllEarNumbers() {
proxy.$modal.confirm('确定要清空所有已选择的耳号吗?').then(() => {
queryParams.value.allEarNumbers = []
pasteInput.value = ''
earNumberOptions.value = []
isExpanded.value = false // 重置展开状态
proxy.$modal.msgSuccess('已清空所有耳号')
}).catch(() => {})
}
/** 查询羊只死淘记录列表 */
function getList() {
loading.value = true
@@ -711,6 +711,9 @@ function resetQuery() {
queryParams.value.handlerList = []
queryParams.value.workGroupList = []
queryParams.value.deathDateRange = []
queryParams.value.allEarNumbers = [] // ✅ 添加这一行
earNumberOptions.value = [] // ✅ 添加这一行
isExpanded.value = false // ✅ 添加这一行
proxy.resetForm("queryRef")
handleQuery()
@@ -792,6 +795,93 @@ function handleExport() {
proxy.download('sheep_death/death/export', params, `death_${new Date().getTime()}.xlsx`)
}
/** 处理粘贴内容提交 */
function handlePasteSubmit() {
if (!pasteInput.value || pasteInput.value.trim() === '') {
return
}
// 支持多种分隔符: 空格、换行、逗号、制表符
const separators = /[\s,\n\r\t]+/
const earNumbers = pasteInput.value
.trim()
.split(separators)
.filter(item => item.trim() !== '')
.map(item => item.trim())
if (earNumbers.length === 0) {
return
}
// 去重并添加到已选列表
const existingSet = new Set(queryParams.value.allEarNumbers || [])
const newEarNumbers = []
const duplicates = []
earNumbers.forEach(earNumber => {
if (!existingSet.has(earNumber)) {
newEarNumbers.push(earNumber)
existingSet.add(earNumber)
} else {
duplicates.push(earNumber)
}
})
// 添加新耳号
if (newEarNumbers.length > 0) {
queryParams.value.allEarNumbers = [
...(queryParams.value.allEarNumbers || []),
...newEarNumbers
]
const message = `成功添加 ${newEarNumbers.length} 个耳号,当前共 ${queryParams.value.allEarNumbers.length}` +
(duplicates.length > 0 ? `,已忽略 ${duplicates.length} 个重复耳号` : '')
proxy.$modal.msgSuccess(message)
} else if (duplicates.length > 0) {
proxy.$modal.msgWarning(`所有耳号均已存在,当前共 ${queryParams.value.allEarNumbers.length}`)
}
// 清空输入框
pasteInput.value = ''
}
/** 耳号选择变化处理 */
function handleEarNumberChange(value) {
queryParams.value.allEarNumbers = [...new Set(value)]
console.log(`已选择 ${queryParams.value.allEarNumbers.length} 个耳号:`, queryParams.value.allEarNumbers)
}
/** 移除单个耳号 */
function handleRemoveEarNumber(tag) {
const index = queryParams.value.allEarNumbers.indexOf(tag)
if (index > -1) {
queryParams.value.allEarNumbers.splice(index, 1)
proxy.$modal.msgSuccess('已移除该耳号')
}
// 如果删除后剩余<=2个自动收起
if (queryParams.value.allEarNumbers.length <= defaultShowCount) {
isExpanded.value = false
}
}
/** 清空所有耳号 */
function clearAllEarNumbers() {
proxy.$modal.confirm('确定要清空所有已选择的耳号吗?').then(() => {
queryParams.value.allEarNumbers = []
pasteInput.value = ''
earNumberOptions.value = []
isExpanded.value = false // 重置展开状态
proxy.$modal.msgSuccess('已清空所有耳号')
}).catch(() => {})
}
// 初始化
getDiseaseTreeData()
getList()

View File

@@ -45,7 +45,7 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="inList" @selection-change="handleSelectionChange">
<el-table v-loading="loading" height="1000px" :data="inList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" prop="stockInCode" />
<el-table-column label="单据日期" align="center" prop="docDate" />

View File

@@ -107,7 +107,7 @@
</el-dialog>
<!-- 物资管理记录导入对话框 -->
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
<el-dialog :title="upload.title" height="1000px" v-model="upload.open" width="400px" append-to-body>
<el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
:on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>

View File

@@ -9,7 +9,9 @@
<el-input v-model="queryParams.title" placeholder="关键词" clearable />
</el-form-item>
<el-form-item label="执行部门" prop="department">
<el-input v-model="queryParams.department" placeholder="请选择" clearable style="width: 140px" />
<el-select v-model="queryParams.department" placeholder="请选择执行部门" clearable filterable style="width: 200px">
<el-option v-for="item in departmentOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="执行人" prop="executorIds">
<el-input v-model="queryParams.executorIds" placeholder="用户 ID" clearable />
@@ -176,11 +178,11 @@
<el-col :span="12">
<el-form-item label="执行部门" prop="department">
<input v-model="form.department" placeholder="请输入执行部门" />
<!-- <el-select v-model="form.department" placeholder="请选择" style="width: 100%">
<el-option label="免疫组" value="免疫组" />
<el-option label="饲喂组" value="饲喂组" />
</el-select> -->
<el-select v-model="form.department" placeholder="请选择执行部门" clearable filterable
style="width: 200px">
<el-option v-for="item in departmentOptions" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
@@ -373,6 +375,13 @@ import {
import Editor from '@/components/Editor/index.vue'
import dayjs from 'dayjs'
import request from '@/utils/request'
import { getPostTeam } from '@/api/common/user'
// 部门选项
const departmentOptions = ref([])
const { proxy } = getCurrentInstance()
/* -------------------------------------------------
@@ -452,6 +461,26 @@ function genOrderNo(type) {
return `${prefix}-${dateStr}`
}
// 获取部门列表并映射为下拉选项
const loadDepartmentOptions = async () => {
try {
const { data } = await getPostTeam()
if (!Array.isArray(data)) {
departmentOptions.value = []
return
}
// Post实体类: postId -> value, postName -> label
departmentOptions.value = data.map(item => ({
value: item.postId,
label: item.postName
}))
} catch (error) {
console.error('获取部门列表失败', error)
departmentOptions.value = []
}
}
/* -------------------------------------------------
* 羊舍 & 耳号 功能函数
* ------------------------------------------------- */
@@ -652,6 +681,7 @@ function handleDetail(row) {
/* 初始加载 */
getList()
loadDepartmentOptions()
</script>
<style lang="scss" scoped>

View File

@@ -1,13 +1,27 @@
import path from 'path'
import { defineConfig, loadEnv } from 'vite'
import createVitePlugins from './vite/plugins'
import { execSync } from 'node:child_process'
const baseUrl = 'http://127.0.0.1:8080' // 后端接口
// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
const env = loadEnv(mode, process.cwd())
const { VITE_APP_ENV } = env
let commitId = 'unknown'
try {
commitId = execSync('git rev-parse --short HEAD')
.toString()
.trim()
} catch (e) {
console.log('git commit not found')
}
const buildTime = new Date().toISOString()
return {
// 部署生产环境和开发环境下的URL。
// 默认情况下vite 会假设你的应用是被部署在一个域名的根路径上
@@ -75,6 +89,10 @@ export default defineConfig(({ mode, command }) => {
}
]
}
}
},
define: {
__BUILD_TIME__: JSON.stringify(buildTime),
__COMMIT_ID__: JSON.stringify(commitId)
},
}
})