派工单
This commit is contained in:
parent
ce41e06e6d
commit
fe41bdf31e
@ -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",
|
||||
|
||||
@ -1,27 +1,26 @@
|
||||
<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="计划 ID" prop="planId">
|
||||
<el-input v-model="queryParams.planId" placeholder="无计划可空" clearable />
|
||||
</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-select v-model="queryParams.department" placeholder="请选择" clearable style="width: 140px">
|
||||
<el-option label="免疫组" value="免疫组" />
|
||||
<el-option label="饲喂组" value="饲喂组" />
|
||||
</el-select>
|
||||
<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="executeDate">
|
||||
<el-date-picker v-model="queryParams.executeDate" type="date" value-format="YYYY-MM-DD" style="width: 140px" />
|
||||
<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">
|
||||
@ -47,7 +46,7 @@
|
||||
</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"
|
||||
@ -58,12 +57,10 @@
|
||||
<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="ID" prop="id" width="60" align="center" />
|
||||
<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="orderNo" min-width="80" show-overflow-tooltip />
|
||||
<el-table-column label="业务类型" prop="bizType" width="90" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag
|
||||
@ -73,7 +70,7 @@
|
||||
</el-tag>
|
||||
</template>
|
||||
</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="executeDate" width="110" align="center" />
|
||||
<el-table-column label="状态" prop="status" width="90" align="center">
|
||||
@ -90,7 +87,7 @@
|
||||
</el-tag>
|
||||
</template>
|
||||
</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 }">
|
||||
<el-button link type="primary" icon="View" @click="handleDetail(row)">详情</el-button>
|
||||
<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"
|
||||
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" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="计划 ID" prop="planId">
|
||||
<el-input v-model="form.planId" placeholder="无计划可空" />
|
||||
<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%">
|
||||
<el-option v-for="(t, idx) in ['免疫', '保健', '转群', '称重', '配种', '干奶', '淘汰', '消毒', '饲喂']" :key="idx" :label="t"
|
||||
:value="idx + 1" />
|
||||
<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>
|
||||
@ -145,6 +137,43 @@
|
||||
<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%">
|
||||
@ -155,12 +184,13 @@
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<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-col>
|
||||
<el-col :span="12">
|
||||
<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-col>
|
||||
<el-col :span="12">
|
||||
@ -168,31 +198,35 @@
|
||||
<el-input v-model="form.executeTime" placeholder="例 08:00-10:00" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<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 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="可空" />
|
||||
@ -211,7 +245,7 @@
|
||||
</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">
|
||||
@ -220,11 +254,6 @@
|
||||
<span>{{ detailForm.orderNo }}</span>
|
||||
</el-form-item>
|
||||
</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-form-item label="业务类型：">
|
||||
<el-tag size="small"
|
||||
@ -250,6 +279,21 @@
|
||||
<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>
|
||||
@ -270,41 +314,44 @@
|
||||
<span>{{ detailForm.executeTime || '-' }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<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 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>
|
||||
@ -315,12 +362,21 @@
|
||||
</template>
|
||||
|
||||
<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 { 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 workList = ref([])
|
||||
const open = ref(false)
|
||||
const loading = ref(true)
|
||||
@ -330,37 +386,29 @@ 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,
|
||||
planId: null,
|
||||
bizType: null,
|
||||
title: null,
|
||||
content: null,
|
||||
department: null,
|
||||
executorIds: null,
|
||||
executeDate: null,
|
||||
executeTime: null,
|
||||
sheepScope: null,
|
||||
location: null,
|
||||
materialList: null,
|
||||
toolList: null,
|
||||
status: null,
|
||||
priority: null,
|
||||
issuerId: null,
|
||||
issueTime: null,
|
||||
receiverId: null,
|
||||
receiveTime: null,
|
||||
finishTime: null,
|
||||
result: null,
|
||||
},
|
||||
rules: {
|
||||
orderNo: [{ required: true, message: '业务单号不能为空', trigger: 'blur' }],
|
||||
@ -369,19 +417,117 @@ const data = reactive({
|
||||
department: [{ required: true, message: '执行部门不能为空', trigger: 'change' }],
|
||||
executorIds: [{ required: true, message: '执行人不能为空', trigger: 'blur' }],
|
||||
executeDate: [{ required: true, message: '计划日期不能为空', trigger: 'change' }],
|
||||
sheepScope: [{ required: true, message: '羊只范围不能为空', trigger: 'blur' }],
|
||||
status: [{ 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
|
||||
listWork(queryParams.value).then(response => {
|
||||
workList.value = response.rows
|
||||
total.value = response.total
|
||||
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
|
||||
})
|
||||
}
|
||||
@ -391,6 +537,9 @@ function cancel() {
|
||||
}
|
||||
function reset() {
|
||||
form.value = {}
|
||||
selectedBarnIds.value = []
|
||||
selectedSheepList.value = []
|
||||
sheepInput.value = ''
|
||||
proxy.resetForm('workRef')
|
||||
}
|
||||
function handleQuery() {
|
||||
@ -398,50 +547,90 @@ function handleQuery() {
|
||||
getList()
|
||||
}
|
||||
function resetQuery() {
|
||||
daterangePlanDate.value = []
|
||||
daterangeFinishDate.value = []
|
||||
proxy.resetForm('queryRef')
|
||||
handleQuery()
|
||||
}
|
||||
function handleSelectionChange(selection) {
|
||||
ids.value = selection.map(item => item.id)
|
||||
ids.value = selection.map(i => i.id)
|
||||
single.value = selection.length !== 1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
function handleAdd() {
|
||||
reset()
|
||||
open.value = true
|
||||
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(response => {
|
||||
form.value = response.data
|
||||
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
|
||||
title.value = '修改派工单'
|
||||
})
|
||||
}
|
||||
function submitForm() {
|
||||
proxy.$refs.workRef.validate(valid => {
|
||||
if (valid) {
|
||||
if (form.value.id) {
|
||||
updateWork(form.value).then(() => {
|
||||
proxy.$modal.msgSuccess('修改成功')
|
||||
open.value = false
|
||||
getList()
|
||||
})
|
||||
} else {
|
||||
addWork(form.value).then(() => {
|
||||
proxy.$modal.msgSuccess('新增成功')
|
||||
open.value = false
|
||||
getList()
|
||||
})
|
||||
}
|
||||
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 + '"的数据项？')
|
||||
proxy.$modal.confirm('是否确认删除派工单编号为“' + _ids + '”的数据项？')
|
||||
.then(() => delWork(_ids))
|
||||
.then(() => {
|
||||
getList()
|
||||
@ -449,25 +638,29 @@ function handleDelete(row) {
|
||||
})
|
||||
}
|
||||
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) {
|
||||
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
|
||||
}
|
||||
|
||||
/* 初始加载 */
|
||||
getList()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.search-form {
|
||||
margin-bottom: 6px;
|
||||
margin-bottom: 6px
|
||||
}
|
||||
|
||||
.mb8 {
|
||||
margin-bottom: 8px;
|
||||
margin-bottom: 8px
|
||||
}
|
||||
|
||||
:deep(.el-table) {
|
||||
@ -476,12 +669,12 @@ getList()
|
||||
th {
|
||||
background-color: #fafafa;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
color: #333
|
||||
}
|
||||
}
|
||||
|
||||
.detail-form .el-form-item {
|
||||
margin-bottom: 8px;
|
||||
margin-bottom: 8px
|
||||
}
|
||||
|
||||
.detail-content {
|
||||
@ -489,6 +682,6 @@ getList()
|
||||
background: #fafafa;
|
||||
border-radius: 4px;
|
||||
min-height: 60px;
|
||||
line-height: 1.6;
|
||||
line-height: 1.6
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user