admin/zhyc-sheep-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of http://e19510c831.iok.la/admin/zhyc-sheep-ui

Browse Source
This commit is contained in:
wyt 2025-12-11 10:52:19 +08:00
commit ec571eecec
5 changed files with 774 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -22,6 +22,7 @@
"axios": "0.28.1",
"clipboard": "2.0.11",
"date-fns": "^4.1.0",
"dayjs": "^1.11.19",
"echarts": "5.5.1",
"element-china-area-data": "^6.1.0",
"element-plus": "^2.7.6",

44
src/api/work/work.js Normal file
View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询派工单列表
export function listWork(query) {
return request({
url: '/work/work/list',
method: 'get',
params: query
})
}
// 查询派工单详细
export function getWork(id) {
return request({
url: '/work/work/' + id,
method: 'get'
})
}
// 新增派工单
export function addWork(data) {
return request({
url: '/work/work',
method: 'post',
data: data
})
}
// 修改派工单
export function updateWork(data) {
return request({
url: '/work/work',
method: 'put',
data: data
})
}
// 删除派工单
export function delWork(id) {
return request({
url: '/work/work/' + id,
method: 'delete'
})
}

45
src/views/frozen/embryo/index.vue
View File

@ -101,12 +101,12 @@
v-model:limit="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改冻胚库存对话框 -->
<el-dialog :title="title" v-model="open" width="700px" append-to-body>
<el-form ref="embryoRef" :model="form" :rules="rules" label-width="100px">
<el-dialog :title="title" v-model="open" width="900px" append-to-body>
<el-form ref="embryoRef" :model="form" :rules="rules" label-width="120px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="胚胎编号" prop="code">
<el-input v-model="form.code" placeholder="请输入胚胎编号(YS+日期+序号)" />
<el-input v-model="form.code" placeholder="请输入胚胎编号(YS+日期+序号)" @blur="checkCodeUnique" />
</el-form-item>
</el-col>
<el-col :span="12">
@ -117,7 +117,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="供体母羊耳号">
<el-form-item label="供体母羊耳号" prop="deId">
<el-input v-model="form.deId" placeholder="请输入耳号" @blur="getFlushInfo" />
</el-form-item>
</el-col>
@ -293,6 +293,30 @@ const data = reactive({
code: [
{ required: true, message: "胚胎编号不能为空", trigger: "blur" }
],
freezeDate: [
{ required: true, message: '请选择冻胚日期', trigger: 'change' }
],
deId: [
{ required: true, message: '请输入供体母羊耳号', trigger: 'blur' }
],
grade: [
{ required: true, message: '请选择胚胎阶段等级', trigger: 'change' }
],
sexCtl: [
{ required: true, message: '请选择是否性控', trigger: 'change' }
],
tech: [
{ required: true, message: '请输入技术员', trigger: 'blur' }
],
tankId: [
{ required: true, message: '请选择液氮罐', trigger: 'change' }
],
bucketId: [
{ required: true, message: '请选择提桶', trigger: 'change' }
],
rackId: [
{ required: true, message: '请选择冷冻架', trigger: 'change' }
]
}
})
@ -301,10 +325,8 @@ const { queryParams, form, rules } = toRefs(data)
/** 查询冻胚库存列表 */
function getList() {
loading.value = true
// 保险：确保 params 存在
queryParams.value.params = queryParams.value.params || {}
// 再塞时间段
if (daterangeFreezeDate.value && daterangeFreezeDate.value.length === 2) {
queryParams.value.params.beginFreezeDate = daterangeFreezeDate.value[0]
queryParams.value.params.endFreezeDate = daterangeFreezeDate.value[1]
@ -516,6 +538,17 @@ function submitDiscard() {
getList()
})
}
function checkCodeUnique() {
if (!form.value.code) return
request.get('/frozen/embryo/checkCode', { params: { code: form.value.code } })
.then(res => {
if (res.data) {
proxy.$modal.msgError('胚胎编号已存在，请重新输入')
form.value.code = ''
proxy.$refs.embryoRef.validateField('code')
}
})
}
getList()
</script>
<style>

4
src/views/frozen/sperm/index.vue
View File

@ -39,7 +39,7 @@
<el-button type="warning" plain icon="Download" @click="handleExport"
v-hasPermi="['sperm:sperm:export']">导出</el-button>
</el-col>
<el-button type="warning" plain icon="Close" @click="handleDiscard"
<el-button type="warning" plain icon="Close" @click="handleDiscard" :disabled="multiple"
v-hasPermi="['sperm:sperm:discard']">废弃</el-button>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@ -110,7 +110,7 @@
<el-col :span="12">
<el-form-item label="冻精品种" prop="breed">
<el-input v-model="form.breed" :disabled="!!form.code" placeholder="自动回显" />
<el-input v-model="form.breed" disabled placeholder="输入冻精号自动回显" />
</el-form-item>
</el-col>
<el-col :span="12">

687
src/views/work/index.vue Normal file
View File

@ -0,0 +1,687 @@
<template>
<div class="app-container">
<!-- ================= 搜索区 ================= -->
<el-form v-show="showSearch" ref="queryRef" :model="queryParams" inline label-width="110px" class="search-form">
<el-form-item label="业务单号" prop="orderNo">
<el-input v-model="queryParams.orderNo" placeholder="请输入" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="任务标题" prop="title">
<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-form-item>
<el-form-item label="执行人" prop="executorIds">
<el-input v-model="queryParams.executorIds" placeholder="用户 ID" clearable />
</el-form-item>
<el-form-item label="计划日期" prop="planDate">
<el-date-picker v-model="daterangePlanDate" type="daterange" range-separator="~" start-placeholder="开始"
end-placeholder="结束" value-format="YYYY-MM-DD" style="width: 240px" @change="handleQuery" />
</el-form-item>
<el-form-item label="完成日期" prop="finishDate">
<el-date-picker v-model="daterangeFinishDate" type="daterange" range-separator="~" start-placeholder="开始"
end-placeholder="结束" value-format="YYYY-MM-DD" style="width: 240px" @change="handleQuery" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="全部" clearable style="width: 110px">
<el-option label="待派工" :value="0" />
<el-option label="已派工" :value="1" />
<el-option label="执行中" :value="2" />
<el-option label="已完成" :value="3" />
<el-option label="已取消" :value="4" />
<el-option label="异常" :value="5" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">
<el-icon>
<Search />
</el-icon> 搜索
</el-button>
<el-button @click="resetQuery">
<el-icon>
<Refresh />
</el-icon> 重置
</el-button>
</el-form-item>
</el-form>
<!-- ================= 按钮区 ================= -->
<el-row :gutter="10" class="mb8">
<el-button type="primary" icon="Plus" @click="handleAdd" v-hasPermi="['work:work:add']">新增</el-button>
<el-button type="success" icon="Edit" :disabled="single" @click="handleUpdate"
v-hasPermi="['work:work:edit']">修改</el-button>
<el-button type="danger" icon="Delete" :disabled="multiple" @click="handleDelete"
v-hasPermi="['work:work:remove']">删除</el-button>
<el-button type="warning" icon="Download" @click="handleExport" v-hasPermi="['work:work:export']">导出</el-button>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
</el-row>
<!-- ================= 表格 ================= -->
<el-table v-loading="loading" :data="workList" stripe border size="small" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="业务单号" prop="orderNo" min-width="80" show-overflow-tooltip />
<el-table-column label="业务类型" prop="bizType" width="90" align="center">
<template #default="{ row }">
<el-tag
:type="['primary', 'success', 'info', 'warning', 'danger', 'info', 'danger', 'info', 'success'][row.bizType - 1]"
size="small">
{{ ['免疫', '保健', '转群', '称重', '配种', '干奶', '淘汰', '消毒', '饲喂'][row.bizType - 1] }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="任务标题" prop="title" min-width="120" show-overflow-tooltip />
<el-table-column label="执行部门" prop="department" width="110" show-overflow-tooltip />
<el-table-column label="计划日期" prop="executeDate" width="110" align="center" />
<el-table-column label="状态" prop="status" width="90" align="center">
<template #default="{ row }">
<el-tag :type="['info', 'primary', 'warning', 'success', 'info', 'danger'][row.status]" size="small">
{{ ['待派工', '已派工', '执行中', '已完成', '已取消', '异常'][row.status] }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="优先级" prop="priority" width="90" align="center">
<template #default="{ row }">
<el-tag :type="['info', 'primary', 'danger'][row.priority - 1]" size="small">
{{ ['普通', '重要', '紧急'][row.priority - 1] }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" width="200" fixed="right" align="center">
<template #default="{ row }">
<el-button link type="primary" icon="View" @click="handleDetail(row)">详情</el-button>
<el-button link type="primary" icon="Edit" @click="handleUpdate(row)"
v-hasPermi="['work:work:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(row)"
v-hasPermi="['work:work: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-dialog v-model="open" :title="title" width="680px" top="8vh" append-to-body>
<el-form ref="workRef" :model="form" :rules="rules" label-width="110px">
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="业务单号" prop="orderNo">
<el-input v-model="form.orderNo" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="业务类型" prop="bizType">
<el-select v-model="form.bizType" placeholder="请选择" style="width: 100%" @change="onBizTypeChange">
<el-option v-for="(t, idx) in ['免疫', '保健', '转群', '称重', '配种', '干奶', '淘汰', '消毒', '饲喂']" :key="idx"
:label="t" :value="idx + 1" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优先级" prop="priority">
<el-select v-model="form.priority" placeholder="请选择" style="width: 100%">
<el-option label="普通" :value="1" />
<el-option label="重要" :value="2" />
<el-option label="紧急" :value="3" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="任务标题" prop="title">
<el-input v-model="form.title" placeholder="简短标题" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="详细说明">
<Editor v-model="form.content" :min-height="180" />
</el-form-item>
</el-col>
<!-- 消毒/饲喂：仅显示羊舍多选 -->
<template v-if="isDisinfectOrFeed">
<el-col :span="24">
<el-form-item label="执行羊舍" prop="barnIds">
<el-select v-model="selectedBarnIds" multiple collapse-tags placeholder="请选择羊舍" style="width: 100%">
<el-option v-for="b in barnOptions" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
</el-select>
</el-form-item>
</el-col>
</template>
<!-- 其他业务：羊舍+耳号完整面板 -->
<template v-else>
<el-col :span="12">
<el-form-item label="羊舍" prop="barnIds">
<el-select v-model="selectedBarnIds" multiple collapse-tags placeholder="请选择羊舍" style="width: 100%"
@change="handleBarnChange">
<el-option v-for="b in barnOptions" :key="b.id" :label="b.sheepfoldName" :value="b.id" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="耳号追加">
<el-input v-model="sheepInput" placeholder="输入耳号回车添加" @keyup.enter="handleSheepInput" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="已选耳号">
<el-tag v-for="(tag, idx) in selectedSheepList" :key="tag.sheepId" closable @close="removeSheep(idx)"
style="margin-right:6px">
{{ tag.sheepNo }}
</el-tag>
</el-form-item>
</el-col>
</template>
<el-col :span="12">
<el-form-item label="执行部门" prop="department">
<el-select v-model="form.department" placeholder="请选择" style="width: 100%">
<el-option label="免疫组" value="免疫组" />
<el-option label="饲喂组" value="饲喂组" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="执行人" prop="executorIds">
<el-input v-model="form.executorIds" placeholder="用户" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划日期" prop="executeDate">
<el-date-picker v-model="form.executeDate" type="date" :disabled-date="disabledBeforeToday"
value-format="YYYY-MM-DD" style="width: 100%" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="时段" prop="executeTime">
<el-input v-model="form.executeTime" placeholder="例 08:00-10:00" />
</el-form-item>
</el-col>
<template v-if="isUpdate">
<el-col :span="12">
<el-form-item label="派工人" prop="issuerId">
<el-input v-model="form.issuerId" placeholder="用户 ID" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="派工时间" prop="issueTime">
<el-date-picker v-model="form.issueTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接工人" prop="receiverId">
<el-input v-model="form.receiverId" placeholder="用户 ID" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接工时间" prop="receiveTime">
<el-date-picker v-model="form.receiveTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="完成时间" prop="finishTime">
<el-date-picker v-model="form.finishTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
</el-form-item>
</el-col>
</template>
<el-col :span="24">
<el-form-item label="执行结果">
<el-input v-model="form.result" type="textarea" :rows="3" placeholder="可空" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注信息" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</template>
</el-dialog>
<!-- ================= 详情弹窗 ================= -->
<el-dialog v-model="detailOpen" title="派工单详情" width="680px" top="8vh" append-to-body>
<el-form label-width="110px" class="detail-form">
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="业务单号：">
<span>{{ detailForm.orderNo }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="业务类型：">
<el-tag size="small"
:type="['primary', 'success', 'info', 'warning', 'danger', 'info', 'danger', 'info', 'success'][detailForm.bizType - 1]">
{{ ['免疫', '保健', '转群', '称重', '配种', '干奶', '淘汰', '消毒', '饲喂'][detailForm.bizType - 1] }}
</el-tag>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优先级：">
<el-tag size="small" :type="['info', 'primary', 'danger'][detailForm.priority - 1]">
{{ ['普通', '重要', '紧急'][detailForm.priority - 1] }}
</el-tag>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="任务标题：">
<span>{{ detailForm.title }}</span>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="详细说明：">
<div v-html="detailForm.content || '-'" class="detail-content"></div>
</el-form-item>
</el-col>
<!-- 通用展示：羊舍 -->
<el-col :span="24">
<el-form-item label="执行羊舍：">
<span>{{(detailForm.location || []).map(b => b.sheepfoldName).join('、') || '-'}}</span>
</el-form-item>
</el-col>
<!-- 通用展示：耳号 -->
<el-col :span="24">
<el-form-item label="执行耳号：">
<span>{{(detailForm.sheepScope || []).map(s => s.sheepNo).join('、') || '-'}}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="执行部门：">
<span>{{ detailForm.department }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="执行人：">
<span>{{ detailForm.executorIds }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划日期：">
<span>{{ detailForm.executeDate }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="时段：">
<span>{{ detailForm.executeTime || '-' }}</span>
</el-form-item>
</el-col>
<template v-if="detailForm.id">
<el-col :span="12">
<el-form-item label="派工人：">
<span>{{ detailForm.issuerId || '-' }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="派工时间：">
<span>{{ detailForm.issueTime || '-' }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接工人：">
<span>{{ detailForm.receiverId || '-' }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接工时间：">
<span>{{ detailForm.receiveTime || '-' }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="完成时间：">
<span>{{ detailForm.finishTime || '-' }}</span>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="执行结果：">
<span>{{ detailForm.result || '-' }}</span>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注：">
<span>{{ detailForm.remark || '-' }}</span>
</el-form-item>
</el-col>
</template>
</el-row>
</el-form>
<template #footer>
<el-button @click="detailOpen = false">关 闭</el-button>
</template>
</el-dialog>
</div>
</template>
<script setup name="Work">
import {
listWork,
getWork,
delWork,
addWork,
updateWork,
} from '@/api/work/work'
import Editor from '@/components/Editor/index.vue'
import dayjs from 'dayjs'
import request from '@/utils/request'
const { proxy } = getCurrentInstance()
/* -------------------------------------------------
* 基础变量
* ------------------------------------------------- */
const workList = 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 detailOpen = ref(false)
const detailForm = ref({})
const daterangePlanDate = ref([])
const daterangeFinishDate = ref([])
const isUpdate = ref(false)
/* 羊舍 & 耳号 相关 */
const barnOptions = ref([])
const selectedBarnIds = ref([])
const selectedSheepList = ref([])
const sheepInput = ref('')
/* 表单 / 查询 / 校验 */
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
orderNo: null,
title: null,
department: null,
executorIds: null,
status: null,
},
rules: {
orderNo: [{ required: true, message: '业务单号不能为空', trigger: 'blur' }],
bizType: [{ required: true, message: '请选择业务类型', trigger: 'change' }],
title: [{ required: true, message: '任务标题不能为空', trigger: 'blur' }],
department: [{ required: true, message: '执行部门不能为空', trigger: 'change' }],
executorIds: [{ required: true, message: '执行人不能为空', trigger: 'blur' }],
executeDate: [{ required: true, message: '计划日期不能为空', trigger: 'change' }],
priority: [{ required: true, message: '请选择优先级', trigger: 'change' }],
},
})
const { queryParams, form, rules } = toRefs(data)
/* 计算属性：是否消毒/饲喂 */
const isDisinfectOrFeed = computed(() => {
const type = Number(form.value.bizType)
return type === 8 || type === 9 // 8-消毒 9-饲喂
})
/* 日期禁用函数 */
const disabledBeforeToday = time => dayjs(time).isBefore(dayjs().startOf('day'))
/* -------------------------------------------------
* 业务单号自动生成
* ------------------------------------------------- */
const typeMap = {
1: 'MY',
2: 'BJ',
3: 'ZQ',
4: 'CZ',
5: 'PZ',
6: 'GN',
7: 'TT',
8: 'XD',
9: 'WS'
}
function genOrderNo(type) {
const prefix = typeMap[Number(type)] || 'WD'
const dateStr = dayjs().format('YYYYMMDDHHmmss')
return `${prefix}-${dateStr}`
}
/* -------------------------------------------------
* 羊舍 & 耳号 功能函数
* ------------------------------------------------- */
function getBarns() {
request({ url: '/sheepfold_management/sheepfold_management/list', method: 'get' })
.then(res => barnOptions.value = res.rows || [])
}
function handleBarnChange(barnIds = []) {
if (isDisinfectOrFeed.value) return
const currentIds = new Set(barnIds)
selectedSheepList.value = selectedSheepList.value.filter(s => currentIds.has(s.barnId))
const needFetch = [...currentIds].filter(id =>
!selectedSheepList.value.some(s => s.barnId === id)
)
if (!needFetch.length) return
Promise.all(
needFetch.map(id =>
request({ url: '/sheepfold_management/sheepfold_management/getSheepById', params: { id } })
)
).then(resArr => {
const list = resArr.flatMap(r => (r.data || []).map(s => ({
sheepNo: s.manageTags,
sheepId: s.id,
barnId: s.barnId
})))
const map = new Map(selectedSheepList.value.map(i => [i.sheepId, i]))
list.forEach(item => map.set(item.sheepId, item))
selectedSheepList.value = [...map.values()]
})
}
function handleSheepInput() {
if (isDisinfectOrFeed.value) return
const no = sheepInput.value.trim()
if (!no) return
if (selectedSheepList.value.some(s => s.sheepNo === no)) {
proxy.$modal.msgWarning('该耳号已存在')
sheepInput.value = ''
return
}
request.get(`/sheep_file/sheep_file/byNo/${no}`).then(res => {
if (!res.data) {
proxy.$modal.msgError('羊只耳号不存在')
} else {
selectedSheepList.value.push({
sheepNo: res.data.sheepNo || res.data.bsManageTags,
sheepId: res.data.id,
barnId: res.data.barnId
})
}
sheepInput.value = ''
})
}
function removeSheep(idx) {
selectedSheepList.value.splice(idx, 1)
}
function onBizTypeChange() {
form.value.orderNo = genOrderNo(form.value.bizType)
}
/* -------------------------------------------------
* 原有业务函数
* ------------------------------------------------- */
function getList() {
loading.value = true
const qp = { ...queryParams.value }
qp.params = qp.params || {}
if (daterangePlanDate.value?.length) {
qp.params.beginPlanDate = daterangePlanDate.value[0] + ' 00:00:00'
qp.params.endPlanDate = daterangePlanDate.value[1] + ' 23:59:59'
}
if (daterangeFinishDate.value?.length) {
qp.params.beginFinishDate = daterangeFinishDate.value[0] + ' 00:00:00'
qp.params.endFinishDate = daterangeFinishDate.value[1] + ' 23:59:59'
}
listWork(qp).then(res => {
workList.value = res.rows
total.value = res.total
loading.value = false
})
}
function cancel() {
open.value = false
reset()
}
function reset() {
form.value = {}
selectedBarnIds.value = []
selectedSheepList.value = []
sheepInput.value = ''
proxy.resetForm('workRef')
}
function handleQuery() {
queryParams.value.pageNum = 1
getList()
}
function resetQuery() {
daterangePlanDate.value = []
daterangeFinishDate.value = []
proxy.resetForm('queryRef')
handleQuery()
}
function handleSelectionChange(selection) {
ids.value = selection.map(i => i.id)
single.value = selection.length !== 1
multiple.value = !selection.length
}
function handleAdd() {
reset()
isUpdate.value = false
title.value = '添加派工单'
getBarns()
open.value = true
}
function handleUpdate(row) {
reset()
isUpdate.value = true
title.value = '修改派工单'
const _id = row.id || ids.value
getWork(_id).then(res => {
form.value = res.data
// 回显羊舍
if (res.data.location) {
selectedBarnIds.value = res.data.location.map(b => b.id)
}
// 回显耳号（使用 sheepScope 而不是 sheepList）
if (!isDisinfectOrFeed.value && res.data.sheepScope) {
selectedSheepList.value = res.data.sheepScope.map(s => ({
sheepNo: s.sheepNo,
sheepId: s.id,
barnId: s.barnId || null
}))
}
// 加载羊舍下拉框
getBarns()
open.value = true
})
}
function submitForm() {
proxy.$refs.workRef.validate(valid => {
if (!valid) return
const payload = {
...form.value,
location: selectedBarnIds.value.map(id => {
const item = barnOptions.value.find(v => v.id === id)
return { id, sheepfoldName: item?.sheepfoldName || '' }
}),
sheepScope: selectedSheepList.value.map(s => ({
id: s.sheepId,
sheepNo: s.sheepNo
}))
}
/* 非消毒/饲喂再传 sheepIds */
if (!isDisinfectOrFeed.value) {
payload.sheepIds = selectedSheepList.value.map(s => s.sheepId)
}
if (form.value.id) {
updateWork(payload).then(() => {
proxy.$modal.msgSuccess('修改成功')
open.value = false
getList()
})
} else {
addWork(payload).then(() => {
proxy.$modal.msgSuccess('新增成功')
open.value = false
getList()
})
}
})
}
function handleDelete(row) {
const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除派工单编号为“' + _ids + '”的数据项？')
.then(() => delWork(_ids))
.then(() => {
getList()
proxy.$modal.msgSuccess('删除成功')
})
}
function handleExport() {
proxy.download('work/work/export', { ...queryParams.value }, `work_${Date.now()}.xlsx`)
}
function handleDetail(row) {
detailForm.value = { ...row }
// 新增：把羊舍、耳号展平为字符串用于显示
detailForm.value._locationStr = (row.location || []).map(b => b.sheepfoldName).join('、') || '-'
detailForm.value._sheepStr = (row.sheepScope || []).map(s => s.sheepNo).join('、') || '-'
detailOpen.value = true
}
/* 初始加载 */
getList()
</script>
<style lang="scss" scoped>
.search-form {
margin-bottom: 6px
}
.mb8 {
margin-bottom: 8px
}
:deep(.el-table) {
font-size: 13px;
th {
background-color: #fafafa;
font-weight: 600;
color: #333
}
}
.detail-form .el-form-item {
margin-bottom: 8px
}
.detail-content {
padding: 6px 10px;
background: #fafafa;
border-radius: 4px;
min-height: 60px;
line-height: 1.6
}
</style>