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

派工单

Browse Source
This commit is contained in:
piaobo 2025-12-10 20:27:35 +08:00
parent ce41e06e6d
commit fe41bdf31e
2 changed files with 345 additions and 151 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", "axios": "0.28.1",
"clipboard": "2.0.11", "clipboard": "2.0.11",
"date-fns": "^4.1.0", "date-fns": "^4.1.0",
"dayjs": "^1.11.19",
"echarts": "5.5.1", "echarts": "5.5.1",
"element-china-area-data": "^6.1.0", "element-china-area-data": "^6.1.0",
"element-plus": "^2.7.6", "element-plus": "^2.7.6",

495
src/views/work/index.vue
View File

@ -1,27 +1,26 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 搜索区 --> <!-- ================= 搜索区 ================= -->
<el-form v-show="showSearch" ref="queryRef" :model="queryParams" inline label-width="110px" class="search-form"> <el-form v-show="showSearch" ref="queryRef" :model="queryParams" inline label-width="110px" class="search-form">
<el-form-item label="业务单号" prop="orderNo"> <el-form-item label="业务单号" prop="orderNo">
<el-input v-model="queryParams.orderNo" placeholder="请输入" clearable @keyup.enter="handleQuery" /> <el-input v-model="queryParams.orderNo" placeholder="请输入" clearable @keyup.enter="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="计划 ID" prop="planId">
<el-input v-model="queryParams.planId" placeholder="无计划可空" clearable />
</el-form-item>
<el-form-item label="任务标题" prop="title"> <el-form-item label="任务标题" prop="title">
<el-input v-model="queryParams.title" placeholder="关键词" clearable /> <el-input v-model="queryParams.title" placeholder="关键词" clearable />
</el-form-item> </el-form-item>
<el-form-item label="执行部门" prop="department"> <el-form-item label="执行部门" prop="department">
<el-select v-model="queryParams.department" placeholder="请选择" clearable style="width: 140px"> <el-input v-model="queryParams.department" placeholder="请选择" clearable style="width: 140px" />
<el-option label="免疫组" value="免疫组" />
<el-option label="饲喂组" value="饲喂组" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="执行人" prop="executorIds"> <el-form-item label="执行人" prop="executorIds">
<el-input v-model="queryParams.executorIds" placeholder="用户 ID" clearable /> <el-input v-model="queryParams.executorIds" placeholder="用户 ID" clearable />
</el-form-item> </el-form-item>
<el-form-item label="计划日期" prop="executeDate"> <el-form-item label="计划日期" prop="planDate">
<el-date-picker v-model="queryParams.executeDate" type="date" value-format="YYYY-MM-DD" style="width: 140px" /> <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>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="全部" clearable style="width: 110px"> <el-select v-model="queryParams.status" placeholder="全部" clearable style="width: 110px">
@ -47,7 +46,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- 按钮区 --> <!-- ================= 按钮区 ================= -->
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-button type="primary" icon="Plus" @click="handleAdd" v-hasPermi="['work:work:add']">新增</el-button> <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" <el-button type="success" icon="Edit" :disabled="single" @click="handleUpdate"
@ -58,12 +57,10 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" /> <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
</el-row> </el-row>
<!-- 表格 --> <!-- ================= 表格 ================= -->
<el-table v-loading="loading" :data="workList" stripe border size="small" @selection-change="handleSelectionChange"> <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 type="selection" width="50" align="center" />
<el-table-column label="ID" prop="id" width="60" align="center" /> <el-table-column label="业务单号" prop="orderNo" min-width="80" show-overflow-tooltip />
<el-table-column label="业务单号" prop="orderNo" min-width="140" show-overflow-tooltip />
<el-table-column label="计划 ID" prop="planId" width="100" show-overflow-tooltip />
<el-table-column label="业务类型" prop="bizType" width="90" align="center"> <el-table-column label="业务类型" prop="bizType" width="90" align="center">
<template #default="{ row }"> <template #default="{ row }">
<el-tag <el-tag
@ -73,7 +70,7 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="任务标题" prop="title" min-width="160" show-overflow-tooltip /> <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="department" width="110" show-overflow-tooltip />
<el-table-column label="计划日期" prop="executeDate" width="110" align="center" /> <el-table-column label="计划日期" prop="executeDate" width="110" align="center" />
<el-table-column label="状态" prop="status" width="90" align="center"> <el-table-column label="状态" prop="status" width="90" align="center">
@ -90,7 +87,7 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="180" fixed="right" align="center"> <el-table-column label="操作" width="200" fixed="right" align="center">
<template #default="{ row }"> <template #default="{ row }">
<el-button link type="primary" icon="View" @click="handleDetail(row)">详情</el-button> <el-button link type="primary" icon="View" @click="handleDetail(row)">详情</el-button>
<el-button link type="primary" icon="Edit" @click="handleUpdate(row)" <el-button link type="primary" icon="Edit" @click="handleUpdate(row)"
@ -104,25 +101,20 @@
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" @pagination="getList" /> v-model:limit="queryParams.pageSize" @pagination="getList" />
<!-- 新增/修改弹窗 --> <!-- ================= 新增 / 修改弹窗 ================= -->
<el-dialog v-model="open" :title="title" width="680px" top="8vh" append-to-body> <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-form ref="workRef" :model="form" :rules="rules" label-width="110px">
<el-row :gutter="16"> <el-row :gutter="16">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="业务单号" prop="orderNo"> <el-form-item label="业务单号" prop="orderNo">
<el-input v-model="form.orderNo" placeholder="请输入" /> <el-input v-model="form.orderNo" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划 ID" prop="planId">
<el-input v-model="form.planId" placeholder="无计划可空" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="业务类型" prop="bizType"> <el-form-item label="业务类型" prop="bizType">
<el-select v-model="form.bizType" placeholder="请选择" style="width: 100%"> <el-select v-model="form.bizType" placeholder="请选择" style="width: 100%" @change="onBizTypeChange">
<el-option v-for="(t, idx) in ['免疫', '保健', '转群', '称重', '配种', '干奶', '淘汰', '消毒', '饲喂']" :key="idx" :label="t" <el-option v-for="(t, idx) in ['免疫', '保健', '转群', '称重', '配种', '干奶', '淘汰', '消毒', '饲喂']" :key="idx"
:value="idx + 1" /> :label="t" :value="idx + 1" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -145,6 +137,43 @@
<Editor v-model="form.content" :min-height="180" /> <Editor v-model="form.content" :min-height="180" />
</el-form-item> </el-form-item>
</el-col> </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-col :span="12">
<el-form-item label="执行部门" prop="department"> <el-form-item label="执行部门" prop="department">
<el-select v-model="form.department" placeholder="请选择" style="width: 100%"> <el-select v-model="form.department" placeholder="请选择" style="width: 100%">
@ -155,12 +184,13 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="执行人" prop="executorIds"> <el-form-item label="执行人" prop="executorIds">
<el-input v-model="form.executorIds" placeholder="用户 ID，多ID用逗号" /> <el-input v-model="form.executorIds" placeholder="用户" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="计划日期" prop="executeDate"> <el-form-item label="计划日期" prop="executeDate">
<el-date-picker v-model="form.executeDate" type="date" value-format="YYYY-MM-DD" style="width: 100%" /> <el-date-picker v-model="form.executeDate" type="date" :disabled-date="disabledBeforeToday"
value-format="YYYY-MM-DD" style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -168,31 +198,35 @@
<el-input v-model="form.executeTime" placeholder="例 08:00-10:00" /> <el-input v-model="form.executeTime" placeholder="例 08:00-10:00" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="派工人" prop="issuerId"> <template v-if="isUpdate">
<el-input v-model="form.issuerId" placeholder="用户 ID" /> <el-col :span="12">
</el-form-item> <el-form-item label="派工人" prop="issuerId">
</el-col> <el-input v-model="form.issuerId" placeholder="用户 ID" />
<el-col :span="12"> </el-form-item>
<el-form-item label="派工时间" prop="issueTime"> </el-col>
<el-date-picker v-model="form.issueTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" /> <el-col :span="12">
</el-form-item> <el-form-item label="派工时间" prop="issueTime">
</el-col> <el-date-picker v-model="form.issueTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
<el-col :span="12"> </el-form-item>
<el-form-item label="接工人" prop="receiverId"> </el-col>
<el-input v-model="form.receiverId" placeholder="用户 ID" /> <el-col :span="12">
</el-form-item> <el-form-item label="接工人" prop="receiverId">
</el-col> <el-input v-model="form.receiverId" placeholder="用户 ID" />
<el-col :span="12"> </el-form-item>
<el-form-item label="接工时间" prop="receiveTime"> </el-col>
<el-date-picker v-model="form.receiveTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" /> <el-col :span="12">
</el-form-item> <el-form-item label="接工时间" prop="receiveTime">
</el-col> <el-date-picker v-model="form.receiveTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
<el-col :span="12"> </el-form-item>
<el-form-item label="完成时间" prop="finishTime"> </el-col>
<el-date-picker v-model="form.finishTime" type="date" value-format="YYYY-MM-DD" style="width: 100%" /> <el-col :span="12">
</el-form-item> <el-form-item label="完成时间" prop="finishTime">
</el-col> <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-col :span="24">
<el-form-item label="执行结果"> <el-form-item label="执行结果">
<el-input v-model="form.result" type="textarea" :rows="3" placeholder="可空" /> <el-input v-model="form.result" type="textarea" :rows="3" placeholder="可空" />
@ -211,7 +245,7 @@
</template> </template>
</el-dialog> </el-dialog>
<!-- 详情弹窗 --> <!-- ================= 详情弹窗 ================= -->
<el-dialog v-model="detailOpen" title="派工单详情" width="680px" top="8vh" append-to-body> <el-dialog v-model="detailOpen" title="派工单详情" width="680px" top="8vh" append-to-body>
<el-form label-width="110px" class="detail-form"> <el-form label-width="110px" class="detail-form">
<el-row :gutter="16"> <el-row :gutter="16">
@ -220,11 +254,6 @@
<span>{{ detailForm.orderNo }}</span> <span>{{ detailForm.orderNo }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="计划 ID：">
<span>{{ detailForm.planId || '-' }}</span>
</el-form-item>
</el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="业务类型："> <el-form-item label="业务类型：">
<el-tag size="small" <el-tag size="small"
@ -250,6 +279,21 @@
<div v-html="detailForm.content || '-'" class="detail-content"></div> <div v-html="detailForm.content || '-'" class="detail-content"></div>
</el-form-item> </el-form-item>
</el-col> </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-col :span="12">
<el-form-item label="执行部门："> <el-form-item label="执行部门：">
<span>{{ detailForm.department }}</span> <span>{{ detailForm.department }}</span>
@ -270,41 +314,44 @@
<span>{{ detailForm.executeTime || '-' }}</span> <span>{{ detailForm.executeTime || '-' }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="派工人："> <template v-if="detailForm.id">
<span>{{ detailForm.issuerId || '-' }}</span> <el-col :span="12">
</el-form-item> <el-form-item label="派工人：">
</el-col> <span>{{ detailForm.issuerId || '-' }}</span>
<el-col :span="12"> </el-form-item>
<el-form-item label="派工时间："> </el-col>
<span>{{ detailForm.issueTime || '-' }}</span> <el-col :span="12">
</el-form-item> <el-form-item label="派工时间：">
</el-col> <span>{{ detailForm.issueTime || '-' }}</span>
<el-col :span="12"> </el-form-item>
<el-form-item label="接工人："> </el-col>
<span>{{ detailForm.receiverId || '-' }}</span> <el-col :span="12">
</el-form-item> <el-form-item label="接工人：">
</el-col> <span>{{ detailForm.receiverId || '-' }}</span>
<el-col :span="12"> </el-form-item>
<el-form-item label="接工时间："> </el-col>
<span>{{ detailForm.receiveTime || '-' }}</span> <el-col :span="12">
</el-form-item> <el-form-item label="接工时间：">
</el-col> <span>{{ detailForm.receiveTime || '-' }}</span>
<el-col :span="12"> </el-form-item>
<el-form-item label="完成时间："> </el-col>
<span>{{ detailForm.finishTime || '-' }}</span> <el-col :span="12">
</el-form-item> <el-form-item label="完成时间：">
</el-col> <span>{{ detailForm.finishTime || '-' }}</span>
<el-col :span="24"> </el-form-item>
<el-form-item label="执行结果："> </el-col>
<span>{{ detailForm.result || '-' }}</span> <el-col :span="24">
</el-form-item> <el-form-item label="执行结果：">
</el-col> <span>{{ detailForm.result || '-' }}</span>
<el-col :span="24"> </el-form-item>
<el-form-item label="备注："> </el-col>
<span>{{ detailForm.remark || '-' }}</span> <el-col :span="24">
</el-form-item> <el-form-item label="备注：">
</el-col> <span>{{ detailForm.remark || '-' }}</span>
</el-form-item>
</el-col>
</template>
</el-row> </el-row>
</el-form> </el-form>
<template #footer> <template #footer>
@ -315,12 +362,21 @@
</template> </template>
<script setup name="Work"> <script setup name="Work">
import { listWork, getWork, delWork, addWork, updateWork } from '@/api/work/work' import {
listWork,
getWork,
delWork,
addWork,
updateWork,
} from '@/api/work/work'
import Editor from '@/components/Editor/index.vue' import Editor from '@/components/Editor/index.vue'
import { Search, Refresh, Plus, Edit, Delete, Download, View } from '@element-plus/icons-vue' import dayjs from 'dayjs'
import request from '@/utils/request'
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
/* -------------------------------------------------
* 基础变量
* ------------------------------------------------- */
const workList = ref([]) const workList = ref([])
const open = ref(false) const open = ref(false)
const loading = ref(true) const loading = ref(true)
@ -330,37 +386,29 @@ const single = ref(true)
const multiple = ref(true) const multiple = ref(true)
const total = ref(0) const total = ref(0)
const title = ref('') const title = ref('')
/* 详情弹窗 */
const detailOpen = ref(false) const detailOpen = ref(false)
const detailForm = ref({}) 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({ const data = reactive({
form: {}, form: {},
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
orderNo: null, orderNo: null,
planId: null,
bizType: null,
title: null, title: null,
content: null,
department: null, department: null,
executorIds: null, executorIds: null,
executeDate: null,
executeTime: null,
sheepScope: null,
location: null,
materialList: null,
toolList: null,
status: null, status: null,
priority: null,
issuerId: null,
issueTime: null,
receiverId: null,
receiveTime: null,
finishTime: null,
result: null,
}, },
rules: { rules: {
orderNo: [{ required: true, message: '业务单号不能为空', trigger: 'blur' }], orderNo: [{ required: true, message: '业务单号不能为空', trigger: 'blur' }],
@ -369,19 +417,117 @@ const data = reactive({
department: [{ required: true, message: '执行部门不能为空', trigger: 'change' }], department: [{ required: true, message: '执行部门不能为空', trigger: 'change' }],
executorIds: [{ required: true, message: '执行人不能为空', trigger: 'blur' }], executorIds: [{ required: true, message: '执行人不能为空', trigger: 'blur' }],
executeDate: [{ required: true, message: '计划日期不能为空', trigger: 'change' }], executeDate: [{ required: true, message: '计划日期不能为空', trigger: 'change' }],
sheepScope: [{ required: true, message: '羊只范围不能为空', trigger: 'blur' }],
status: [{ required: true, message: '请选择状态', trigger: 'change' }],
priority: [{ required: true, message: '请选择优先级', trigger: 'change' }], priority: [{ required: true, message: '请选择优先级', trigger: 'change' }],
}, },
}) })
const { queryParams, form, rules } = toRefs(data) 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() { function getList() {
loading.value = true loading.value = true
listWork(queryParams.value).then(response => { const qp = { ...queryParams.value }
workList.value = response.rows qp.params = qp.params || {}
total.value = response.total 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 loading.value = false
}) })
} }
@ -391,6 +537,9 @@ function cancel() {
} }
function reset() { function reset() {
form.value = {} form.value = {}
selectedBarnIds.value = []
selectedSheepList.value = []
sheepInput.value = ''
proxy.resetForm('workRef') proxy.resetForm('workRef')
} }
function handleQuery() { function handleQuery() {
@ -398,50 +547,90 @@ function handleQuery() {
getList() getList()
} }
function resetQuery() { function resetQuery() {
daterangePlanDate.value = []
daterangeFinishDate.value = []
proxy.resetForm('queryRef') proxy.resetForm('queryRef')
handleQuery() handleQuery()
} }
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id) ids.value = selection.map(i => i.id)
single.value = selection.length !== 1 single.value = selection.length !== 1
multiple.value = !selection.length multiple.value = !selection.length
} }
function handleAdd() { function handleAdd() {
reset() reset()
open.value = true isUpdate.value = false
title.value = '添加派工单' title.value = '添加派工单'
getBarns()
open.value = true
} }
function handleUpdate(row) { function handleUpdate(row) {
reset() reset()
isUpdate.value = true
title.value = '修改派工单'
const _id = row.id || ids.value const _id = row.id || ids.value
getWork(_id).then(response => { getWork(_id).then(res => {
form.value = response.data 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 open.value = true
title.value = '修改派工单'
}) })
} }
function submitForm() { function submitForm() {
proxy.$refs.workRef.validate(valid => { proxy.$refs.workRef.validate(valid => {
if (valid) { if (!valid) return
if (form.value.id) {
updateWork(form.value).then(() => { const payload = {
proxy.$modal.msgSuccess('修改成功') ...form.value,
open.value = false location: selectedBarnIds.value.map(id => {
getList() const item = barnOptions.value.find(v => v.id === id)
}) return { id, sheepfoldName: item?.sheepfoldName || '' }
} else { }),
addWork(form.value).then(() => { sheepScope: selectedSheepList.value.map(s => ({
proxy.$modal.msgSuccess('新增成功') id: s.sheepId,
open.value = false sheepNo: s.sheepNo
getList() }))
}) }
}
/* 非消毒/饲喂再传 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) { function handleDelete(row) {
const _ids = row.id || ids.value const _ids = row.id || ids.value
proxy.$modal.confirm('是否确认删除派工单编号为"' + _ids + '"的数据项？') proxy.$modal.confirm('是否确认删除派工单编号为“' + _ids + '”的数据项？')
.then(() => delWork(_ids)) .then(() => delWork(_ids))
.then(() => { .then(() => {
getList() getList()
@ -449,25 +638,29 @@ function handleDelete(row) {
}) })
} }
function handleExport() { function handleExport() {
proxy.download('work/work/export', { ...queryParams.value }, `work_${new Date().getTime()}.xlsx`) proxy.download('work/work/export', { ...queryParams.value }, `work_${Date.now()}.xlsx`)
} }
/** 查看详情 */
function handleDetail(row) { function handleDetail(row) {
detailForm.value = { ...row } // 如需实时数据可改为 getWork(row.id).then(...) 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 detailOpen.value = true
} }
/* 初始加载 */
getList() getList()
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.search-form { .search-form {
margin-bottom: 6px; margin-bottom: 6px
} }
.mb8 { .mb8 {
margin-bottom: 8px; margin-bottom: 8px
} }
:deep(.el-table) { :deep(.el-table) {
@ -476,12 +669,12 @@ getList()
th { th {
background-color: #fafafa; background-color: #fafafa;
font-weight: 600; font-weight: 600;
color: #333; color: #333
} }
} }
.detail-form .el-form-item { .detail-form .el-form-item {
margin-bottom: 8px; margin-bottom: 8px
} }
.detail-content { .detail-content {
@ -489,6 +682,6 @@ getList()
background: #fafafa; background: #fafafa;
border-radius: 4px; border-radius: 4px;
min-height: 60px; min-height: 60px;
line-height: 1.6; line-height: 1.6
} }
</style> </style>