✨ feat(mes): 新增生产报工单功能及相关逻辑
新增生产报工单的创建、编辑、提交和审批功能,优化表单交互逻辑,支持自动生成报工单号,提升用户体验。pull/871/MERGE
parent
bc098e8999
commit
8e91178726
|
|
@ -7,12 +7,21 @@
|
||||||
:rules="formRules"
|
:rules="formRules"
|
||||||
label-width="120px"
|
label-width="120px"
|
||||||
v-loading="formLoading"
|
v-loading="formLoading"
|
||||||
|
:disabled="isDetail"
|
||||||
>
|
>
|
||||||
<!-- 基本信息 -->
|
<!-- 基本信息 -->
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="报工单号" prop="code">
|
<el-form-item label="报工单号" prop="code">
|
||||||
<el-input v-model="formData.code" disabled placeholder="自动生成" />
|
<el-input
|
||||||
|
v-model="formData.code"
|
||||||
|
placeholder="请输入报工单号"
|
||||||
|
:disabled="isHeaderReadonly"
|
||||||
|
>
|
||||||
|
<template #append>
|
||||||
|
<el-button @click="generateCode"> 生成 </el-button>
|
||||||
|
</template>
|
||||||
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
|
|
@ -20,7 +29,7 @@
|
||||||
<el-select
|
<el-select
|
||||||
v-model="formData.type"
|
v-model="formData.type"
|
||||||
placeholder="请选择报工类型"
|
placeholder="请选择报工类型"
|
||||||
:disabled="isDetail"
|
:disabled="isHeaderReadonly"
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
|
|
@ -39,7 +48,7 @@
|
||||||
<el-form-item label="生产工单" prop="workOrderId">
|
<el-form-item label="生产工单" prop="workOrderId">
|
||||||
<ProWorkOrderSelect
|
<ProWorkOrderSelect
|
||||||
v-model="formData.workOrderId"
|
v-model="formData.workOrderId"
|
||||||
:disabled="isDetail"
|
:disabled="isHeaderReadonly"
|
||||||
placeholder="请选择工单"
|
placeholder="请选择工单"
|
||||||
@change="handleWorkOrderChange"
|
@change="handleWorkOrderChange"
|
||||||
/>
|
/>
|
||||||
|
|
@ -50,7 +59,7 @@
|
||||||
<ProTaskSelect
|
<ProTaskSelect
|
||||||
v-model="formData.taskId"
|
v-model="formData.taskId"
|
||||||
:workOrderId="formData.workOrderId"
|
:workOrderId="formData.workOrderId"
|
||||||
:disabled="isDetail || !formData.workOrderId"
|
:disabled="isHeaderReadonly || !formData.workOrderId"
|
||||||
placeholder="请选择任务"
|
placeholder="请选择任务"
|
||||||
@change="handleTaskChange"
|
@change="handleTaskChange"
|
||||||
/>
|
/>
|
||||||
|
|
@ -60,12 +69,35 @@
|
||||||
<el-form-item label="工作站" prop="workstationId">
|
<el-form-item label="工作站" prop="workstationId">
|
||||||
<MdWorkstationSelect
|
<MdWorkstationSelect
|
||||||
v-model="formData.workstationId"
|
v-model="formData.workstationId"
|
||||||
:disabled="isDetail"
|
:disabled="isHeaderReadonly"
|
||||||
placeholder="请选择工作站"
|
placeholder="请选择工作站"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<!-- 产品信息(只读展示) -->
|
||||||
|
<el-row :gutter="20" v-if="productInfo.itemCode">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="产品编码">
|
||||||
|
<el-input :model-value="productInfo.itemCode" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="产品名称">
|
||||||
|
<el-input :model-value="productInfo.itemName" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-form-item label="单位" label-width="60px">
|
||||||
|
<el-input :model-value="productInfo.unitMeasureName" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-form-item label="规格" label-width="60px">
|
||||||
|
<el-input :model-value="productInfo.itemSpecification" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
<!-- 数量区域 -->
|
<!-- 数量区域 -->
|
||||||
<el-divider content-position="left">报工数量</el-divider>
|
<el-divider content-position="left">报工数量</el-divider>
|
||||||
<!-- 非质检工序:报工数量(只读自动计算) + 合格品 + 不良品 -->
|
<!-- 非质检工序:报工数量(只读自动计算) + 合格品 + 不良品 -->
|
||||||
|
|
@ -87,7 +119,6 @@
|
||||||
v-model="formData.qualifiedQuantity"
|
v-model="formData.qualifiedQuantity"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:disabled="isDetail"
|
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
@change="handleQuantityChanged"
|
@change="handleQuantityChanged"
|
||||||
/>
|
/>
|
||||||
|
|
@ -99,7 +130,6 @@
|
||||||
v-model="formData.unqualifiedQuantity"
|
v-model="formData.unqualifiedQuantity"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:disabled="isDetail"
|
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
@change="handleQuantityChanged"
|
@change="handleQuantityChanged"
|
||||||
/>
|
/>
|
||||||
|
|
@ -114,7 +144,6 @@
|
||||||
v-model="formData.feedbackQuantity"
|
v-model="formData.feedbackQuantity"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:disabled="isDetail"
|
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -128,7 +157,6 @@
|
||||||
v-model="formData.laborScrapQuantity"
|
v-model="formData.laborScrapQuantity"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:disabled="isDetail"
|
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
@change="handleScrapChanged"
|
@change="handleScrapChanged"
|
||||||
/>
|
/>
|
||||||
|
|
@ -140,7 +168,6 @@
|
||||||
v-model="formData.materialScrapQuantity"
|
v-model="formData.materialScrapQuantity"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:disabled="isDetail"
|
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
@change="handleScrapChanged"
|
@change="handleScrapChanged"
|
||||||
/>
|
/>
|
||||||
|
|
@ -152,7 +179,6 @@
|
||||||
v-model="formData.otherScrapQuantity"
|
v-model="formData.otherScrapQuantity"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:disabled="isDetail"
|
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
@change="handleScrapChanged"
|
@change="handleScrapChanged"
|
||||||
/>
|
/>
|
||||||
|
|
@ -165,7 +191,7 @@
|
||||||
<el-form-item label="报工人" prop="feedbackUserId">
|
<el-form-item label="报工人" prop="feedbackUserId">
|
||||||
<UserSelect
|
<UserSelect
|
||||||
v-model="formData.feedbackUserId"
|
v-model="formData.feedbackUserId"
|
||||||
:disabled="isDetail"
|
:disabled="isHeaderReadonly"
|
||||||
placeholder="请选择报工人"
|
placeholder="请选择报工人"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -177,7 +203,7 @@
|
||||||
type="datetime"
|
type="datetime"
|
||||||
value-format="x"
|
value-format="x"
|
||||||
placeholder="请选择报工时间"
|
placeholder="请选择报工时间"
|
||||||
:disabled="isDetail"
|
:disabled="isHeaderReadonly"
|
||||||
class="!w-1/1"
|
class="!w-1/1"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -186,7 +212,7 @@
|
||||||
<el-form-item label="审核人" prop="approveUserId">
|
<el-form-item label="审核人" prop="approveUserId">
|
||||||
<UserSelect
|
<UserSelect
|
||||||
v-model="formData.approveUserId"
|
v-model="formData.approveUserId"
|
||||||
:disabled="isDetail"
|
:disabled="isHeaderReadonly"
|
||||||
placeholder="请选择审核人"
|
placeholder="请选择审核人"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -201,13 +227,12 @@
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:rows="3"
|
:rows="3"
|
||||||
placeholder="请输入备注"
|
placeholder="请输入备注"
|
||||||
:disabled="isDetail"
|
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<!-- BOM 物资消耗 Tab:仅非草稿、非审批中时显示(即已执行后) -->
|
<!-- BOM 物资消耗 / 产品产出 Tab:仅非草稿、非审批中时显示 -->
|
||||||
<el-tabs
|
<el-tabs
|
||||||
v-if="
|
v-if="
|
||||||
formData.id &&
|
formData.id &&
|
||||||
|
|
@ -225,15 +250,34 @@
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<template v-if="formType === 'approve'">
|
<el-button v-if="isEditable" @click="submitForm" type="primary" :disabled="formLoading">
|
||||||
<el-button type="success" @click="handleApprove" :disabled="formLoading">通过</el-button>
|
保 存
|
||||||
<el-button type="danger" @click="handleReject" :disabled="formLoading">不通过</el-button>
|
</el-button>
|
||||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button
|
||||||
</template>
|
v-if="isEditable && formData.status === MesProFeedbackStatusEnum.PREPARE"
|
||||||
<template v-else-if="!isDetail">
|
@click="handleSubmit"
|
||||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
type="warning"
|
||||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
:disabled="formLoading"
|
||||||
</template>
|
>
|
||||||
|
提 交
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="formType === 'approve'"
|
||||||
|
type="success"
|
||||||
|
@click="handleApprove"
|
||||||
|
:disabled="formLoading"
|
||||||
|
>
|
||||||
|
通 过
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="formType === 'approve'"
|
||||||
|
type="danger"
|
||||||
|
@click="handleReject"
|
||||||
|
:disabled="formLoading"
|
||||||
|
>
|
||||||
|
不通过
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="dialogVisible = false">关 闭</el-button>
|
||||||
</template>
|
</template>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -241,6 +285,7 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
|
||||||
import { ProFeedbackApi, ProFeedbackVO } from '@/api/mes/pro/feedback'
|
import { ProFeedbackApi, ProFeedbackVO } from '@/api/mes/pro/feedback'
|
||||||
|
import { AutoCodeRecordApi } from '@/api/mes/md/autocode/record'
|
||||||
import { ProRouteProcessApi } from '@/api/mes/pro/route/process'
|
import { ProRouteProcessApi } from '@/api/mes/pro/route/process'
|
||||||
import ProWorkOrderSelect from '@/views/mes/pro/workorder/components/ProWorkOrderSelect.vue'
|
import ProWorkOrderSelect from '@/views/mes/pro/workorder/components/ProWorkOrderSelect.vue'
|
||||||
import ProTaskSelect from '@/views/mes/pro/task/components/ProTaskSelect.vue'
|
import ProTaskSelect from '@/views/mes/pro/task/components/ProTaskSelect.vue'
|
||||||
|
|
@ -249,27 +294,29 @@ import UserSelect from '@/views/system/user/components/UserSelect.vue'
|
||||||
import ItemConsumeList from './ItemConsumeList.vue'
|
import ItemConsumeList from './ItemConsumeList.vue'
|
||||||
import ProductProduceList from './ProductProduceList.vue'
|
import ProductProduceList from './ProductProduceList.vue'
|
||||||
import { useUserStore } from '@/store/modules/user'
|
import { useUserStore } from '@/store/modules/user'
|
||||||
import { MesProFeedbackStatusEnum } from '@/views/mes/utils/constants'
|
import { MesAutoCodeRuleCode, MesProFeedbackStatusEnum } from '@/views/mes/utils/constants'
|
||||||
|
|
||||||
defineOptions({ name: 'FeedbackForm' })
|
defineOptions({ name: 'FeedbackForm' })
|
||||||
|
const emit = defineEmits(['success'])
|
||||||
|
|
||||||
const { t } = useI18n() // 国际化
|
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
|
const { t } = useI18n() // 国际化
|
||||||
|
|
||||||
const dialogVisible = ref(false) // 弹窗的是否展示
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||||
const formLoading = ref(false) // 表单的加载中
|
const formLoading = ref(false) // 表单的加载中
|
||||||
const formType = ref('') // 表单的类型:create - 新增;update - 修改;detail - 详情
|
const formType = ref<string>('create') // 表单的类型:create / update / submit / approve / detail
|
||||||
|
const isEditable = computed(() => ['create', 'update', 'submit'].includes(formType.value))
|
||||||
|
const isDetail = computed(() => ['detail', 'approve'].includes(formType.value))
|
||||||
|
const isHeaderReadonly = computed(() => ['submit', 'detail', 'approve'].includes(formType.value))
|
||||||
const dialogTitle = computed(() => {
|
const dialogTitle = computed(() => {
|
||||||
if (formType.value === 'detail') {
|
const titles: Record<string, string> = {
|
||||||
return '查看生产报工记录'
|
create: '新增生产报工',
|
||||||
|
update: '编辑生产报工',
|
||||||
|
submit: '提交生产报工',
|
||||||
|
approve: '审批生产报工',
|
||||||
|
detail: '生产报工详情'
|
||||||
}
|
}
|
||||||
if (formType.value === 'create') {
|
return titles[formType.value] || formType.value
|
||||||
return '添加生产报工记录'
|
|
||||||
}
|
|
||||||
if (formType.value === 'approve') {
|
|
||||||
return '审批生产报工'
|
|
||||||
}
|
|
||||||
return '修改生产报工记录'
|
|
||||||
})
|
})
|
||||||
const formData = ref<Record<string, any>>({
|
const formData = ref<Record<string, any>>({
|
||||||
id: undefined,
|
id: undefined,
|
||||||
|
|
@ -292,9 +339,11 @@ const formData = ref<Record<string, any>>({
|
||||||
feedbackUserId: undefined,
|
feedbackUserId: undefined,
|
||||||
feedbackTime: undefined,
|
feedbackTime: undefined,
|
||||||
approveUserId: undefined,
|
approveUserId: undefined,
|
||||||
|
status: undefined,
|
||||||
remark: undefined
|
remark: undefined
|
||||||
})
|
})
|
||||||
const formRules = reactive({
|
const formRules = reactive({
|
||||||
|
code: [{ required: true, message: '报工单号不能为空', trigger: 'blur' }],
|
||||||
type: [{ required: true, message: '报工类型不能为空', trigger: 'change' }],
|
type: [{ required: true, message: '报工类型不能为空', trigger: 'change' }],
|
||||||
workOrderId: [{ required: true, message: '生产工单不能为空', trigger: 'change' }],
|
workOrderId: [{ required: true, message: '生产工单不能为空', trigger: 'change' }],
|
||||||
taskId: [{ required: true, message: '生产任务不能为空', trigger: 'change' }],
|
taskId: [{ required: true, message: '生产任务不能为空', trigger: 'change' }],
|
||||||
|
|
@ -305,10 +354,22 @@ const formRules = reactive({
|
||||||
approveUserId: [{ required: true, message: '审核人不能为空', trigger: 'change' }]
|
approveUserId: [{ required: true, message: '审核人不能为空', trigger: 'change' }]
|
||||||
})
|
})
|
||||||
const formRef = ref() // 表单 Ref
|
const formRef = ref() // 表单 Ref
|
||||||
const isDetail = computed(() => formType.value === 'detail' || formType.value === 'approve') // 是否为只读模式(详情/审批)
|
const originalFormData = ref<string>('') // 原始表单数据快照,用于脏检查
|
||||||
const checkFlag = ref(true) // 是否需要检验(默认 true,未选任务时只展示报工数量)
|
const checkFlag = ref(true) // 是否需要检验(默认 true,未选任务时只展示报工数量)
|
||||||
|
// 产品信息展示(只读)
|
||||||
|
const productInfo = ref({
|
||||||
|
itemCode: '',
|
||||||
|
itemName: '',
|
||||||
|
unitMeasureName: '',
|
||||||
|
itemSpecification: ''
|
||||||
|
})
|
||||||
|
|
||||||
// ==================== 级联选择回调 ====================
|
/** 生成报工单编号 */
|
||||||
|
const generateCode = async () => {
|
||||||
|
formData.value.code = await AutoCodeRecordApi.generateAutoCode(
|
||||||
|
MesAutoCodeRuleCode.PRO_FEEDBACK_CODE
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
/** 加载工序的 checkFlag */
|
/** 加载工序的 checkFlag */
|
||||||
const loadCheckFlag = async (routeId?: number, processId?: number) => {
|
const loadCheckFlag = async (routeId?: number, processId?: number) => {
|
||||||
|
|
@ -327,6 +388,36 @@ const loadCheckFlag = async (routeId?: number, processId?: number) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 工单变更:清空任务相关字段 */
|
||||||
|
const handleWorkOrderChange = () => {
|
||||||
|
formData.value.taskId = undefined
|
||||||
|
formData.value.routeId = undefined
|
||||||
|
formData.value.processId = undefined
|
||||||
|
formData.value.workstationId = undefined
|
||||||
|
formData.value.itemId = undefined
|
||||||
|
checkFlag.value = true
|
||||||
|
productInfo.value = { itemCode: '', itemName: '', unitMeasureName: '', itemSpecification: '' }
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 任务变更:自动填充关联字段 + 产品信息 */
|
||||||
|
const handleTaskChange = async (task: any) => {
|
||||||
|
if (!task) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
formData.value.routeId = task.routeId
|
||||||
|
formData.value.processId = task.processId
|
||||||
|
formData.value.workstationId = task.workstationId
|
||||||
|
formData.value.itemId = task.itemId
|
||||||
|
// 填充产品信息展示
|
||||||
|
productInfo.value = {
|
||||||
|
itemCode: task.itemCode || '',
|
||||||
|
itemName: task.itemName || '',
|
||||||
|
unitMeasureName: '',
|
||||||
|
itemSpecification: task.itemSpec || ''
|
||||||
|
}
|
||||||
|
await loadCheckFlag(task.routeId, task.processId)
|
||||||
|
}
|
||||||
|
|
||||||
/** 合格品/不良品变更:自动计算报工数量 = 合格 + 不良 */
|
/** 合格品/不良品变更:自动计算报工数量 = 合格 + 不良 */
|
||||||
const handleQuantityChanged = () => {
|
const handleQuantityChanged = () => {
|
||||||
formData.value.feedbackQuantity =
|
formData.value.feedbackQuantity =
|
||||||
|
|
@ -342,109 +433,109 @@ const handleScrapChanged = () => {
|
||||||
handleQuantityChanged()
|
handleQuantityChanged()
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 工单变更:清空任务相关字段 */
|
/** 对齐数量:提交前根据 checkFlag 设置待检/合格/不良数量 */
|
||||||
const handleWorkOrderChange = () => {
|
const alignQuantity = (data: ProFeedbackVO) => {
|
||||||
formData.value.taskId = undefined
|
if (checkFlag.value) {
|
||||||
formData.value.routeId = undefined
|
// 质检工序:报工数量即待检数量,合格/不良/废品归零
|
||||||
formData.value.processId = undefined
|
data.uncheckQuantity = data.feedbackQuantity
|
||||||
formData.value.workstationId = undefined
|
data.qualifiedQuantity = 0
|
||||||
formData.value.itemId = undefined
|
data.unqualifiedQuantity = 0
|
||||||
checkFlag.value = true
|
data.laborScrapQuantity = 0
|
||||||
}
|
data.materialScrapQuantity = 0
|
||||||
|
data.otherScrapQuantity = 0
|
||||||
/** 任务变更:自动填充关联字段 */
|
} else {
|
||||||
const handleTaskChange = async (task: any) => {
|
// 非质检工序:报工数量 = 合格 + 不良,待检归零
|
||||||
if (!task) {
|
data.feedbackQuantity = (data.qualifiedQuantity || 0) + (data.unqualifiedQuantity || 0)
|
||||||
return
|
data.uncheckQuantity = 0
|
||||||
}
|
}
|
||||||
formData.value.routeId = task.routeId
|
|
||||||
formData.value.processId = task.processId
|
|
||||||
formData.value.workstationId = task.workstationId
|
|
||||||
formData.value.itemId = task.itemId
|
|
||||||
await loadCheckFlag(task.routeId, task.processId)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 生成报工单编号 */
|
|
||||||
// TODO @芋艿:这块的生成逻辑;
|
|
||||||
const generateCode = () => {
|
|
||||||
const now = new Date()
|
|
||||||
const pad = (n: number) => n.toString().padStart(2, '0')
|
|
||||||
const dateStr =
|
|
||||||
now.getFullYear().toString() +
|
|
||||||
pad(now.getMonth() + 1) +
|
|
||||||
pad(now.getDate()) +
|
|
||||||
pad(now.getHours()) +
|
|
||||||
pad(now.getMinutes()) +
|
|
||||||
pad(now.getSeconds())
|
|
||||||
const random = Math.floor(Math.random() * 1000)
|
|
||||||
.toString()
|
|
||||||
.padStart(3, '0')
|
|
||||||
return 'FB' + dateStr + random
|
|
||||||
}
|
|
||||||
|
|
||||||
// ==================== 弹窗操作 ====================
|
|
||||||
|
|
||||||
/** 打开弹窗 */
|
/** 打开弹窗 */
|
||||||
const open = async (type: string, id?: number) => {
|
const open = async (type: string, id?: number) => {
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
formType.value = type
|
formType.value = type
|
||||||
resetForm()
|
resetForm()
|
||||||
// 修改/详情时,设置数据
|
// 修改/提交/审批/详情时,加载数据
|
||||||
if (id) {
|
if (id) {
|
||||||
formLoading.value = true
|
formLoading.value = true
|
||||||
try {
|
try {
|
||||||
const data = await ProFeedbackApi.getFeedback(id)
|
const data = await ProFeedbackApi.getFeedback(id)
|
||||||
formData.value = data as any
|
formData.value = data as any
|
||||||
await loadCheckFlag(data.routeId, data.processId)
|
await loadCheckFlag(data.routeId, data.processId)
|
||||||
|
// 填充产品信息展示
|
||||||
|
productInfo.value = {
|
||||||
|
itemCode: data.itemCode || '',
|
||||||
|
itemName: data.itemName || '',
|
||||||
|
unitMeasureName: data.unitMeasureName || '',
|
||||||
|
itemSpecification: data.itemSpecification || ''
|
||||||
|
}
|
||||||
} finally {
|
} finally {
|
||||||
formLoading.value = false
|
formLoading.value = false
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// 创建模式:自动生成报工单号 + 默认报工人为当前用户
|
// 创建模式:默认报工人为当前用户
|
||||||
formData.value.code = generateCode()
|
|
||||||
formData.value.feedbackUserId = useUserStore().getUser.id
|
formData.value.feedbackUserId = useUserStore().getUser.id
|
||||||
|
// 自动生成报工单号
|
||||||
|
await generateCode()
|
||||||
}
|
}
|
||||||
|
// 保存原始数据快照
|
||||||
|
originalFormData.value = JSON.stringify(formData.value)
|
||||||
}
|
}
|
||||||
|
|
||||||
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
/** 提交表单(保存 create/update) */
|
||||||
|
|
||||||
/** 提交表单 */
|
|
||||||
const emit = defineEmits(['success'])
|
|
||||||
const submitForm = async () => {
|
const submitForm = async () => {
|
||||||
await formRef.value.validate()
|
await formRef.value.validate()
|
||||||
formLoading.value = true
|
formLoading.value = true
|
||||||
try {
|
try {
|
||||||
const data = formData.value as unknown as ProFeedbackVO
|
const data = formData.value as unknown as ProFeedbackVO
|
||||||
// 提交前根据 checkFlag 对齐数量
|
alignQuantity(data)
|
||||||
if (checkFlag.value) {
|
|
||||||
// 质检工序:报工数量即待检数量,合格/不良/废品归零
|
|
||||||
data.uncheckQuantity = data.feedbackQuantity
|
|
||||||
data.qualifiedQuantity = 0
|
|
||||||
data.unqualifiedQuantity = 0
|
|
||||||
data.laborScrapQuantity = 0
|
|
||||||
data.materialScrapQuantity = 0
|
|
||||||
data.otherScrapQuantity = 0
|
|
||||||
} else {
|
|
||||||
// 非质检工序:报工数量 = 合格 + 不良,待检归零
|
|
||||||
data.feedbackQuantity = (data.qualifiedQuantity || 0) + (data.unqualifiedQuantity || 0)
|
|
||||||
data.uncheckQuantity = 0
|
|
||||||
}
|
|
||||||
// 执行提交
|
|
||||||
if (formType.value === 'create') {
|
if (formType.value === 'create') {
|
||||||
await ProFeedbackApi.createFeedback(data)
|
const res = await ProFeedbackApi.createFeedback(data)
|
||||||
message.success(t('common.createSuccess'))
|
message.success(t('common.createSuccess'))
|
||||||
|
// 创建成功后,切换为编辑模式
|
||||||
|
formData.value.id = res
|
||||||
|
formData.value.status = MesProFeedbackStatusEnum.PREPARE
|
||||||
|
formType.value = 'update'
|
||||||
} else {
|
} else {
|
||||||
await ProFeedbackApi.updateFeedback(data)
|
await ProFeedbackApi.updateFeedback(data)
|
||||||
message.success(t('common.updateSuccess'))
|
message.success(t('common.updateSuccess'))
|
||||||
}
|
}
|
||||||
dialogVisible.value = false
|
// 更新快照
|
||||||
// 发送操作成功的事件
|
originalFormData.value = JSON.stringify(formData.value)
|
||||||
emit('success')
|
emit('success')
|
||||||
} finally {
|
} finally {
|
||||||
formLoading.value = false
|
formLoading.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 提交操作:表单修改过则先保存,再提交 */
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
await formRef.value.validate()
|
||||||
|
try {
|
||||||
|
await message.confirm('确认提交该报工单?【提交后将不能修改】')
|
||||||
|
formLoading.value = true
|
||||||
|
const data = formData.value as unknown as ProFeedbackVO
|
||||||
|
alignQuantity(data)
|
||||||
|
// 1. 表单有修改时,先保存
|
||||||
|
if (JSON.stringify(formData.value) !== originalFormData.value) {
|
||||||
|
if (formType.value === 'create') {
|
||||||
|
const res = await ProFeedbackApi.createFeedback(data)
|
||||||
|
formData.value.id = res
|
||||||
|
} else {
|
||||||
|
await ProFeedbackApi.updateFeedback(data)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 2. 提交报工单
|
||||||
|
await ProFeedbackApi.submitFeedback(formData.value.id!)
|
||||||
|
message.success('报工单已提交')
|
||||||
|
dialogVisible.value = false
|
||||||
|
emit('success')
|
||||||
|
} catch {
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/** 审批通过 */
|
/** 审批通过 */
|
||||||
const handleApprove = async () => {
|
const handleApprove = async () => {
|
||||||
formLoading.value = true
|
formLoading.value = true
|
||||||
|
|
@ -498,9 +589,13 @@ const resetForm = () => {
|
||||||
feedbackUserId: undefined,
|
feedbackUserId: undefined,
|
||||||
feedbackTime: undefined,
|
feedbackTime: undefined,
|
||||||
approveUserId: undefined,
|
approveUserId: undefined,
|
||||||
|
status: undefined,
|
||||||
remark: undefined
|
remark: undefined
|
||||||
}
|
}
|
||||||
checkFlag.value = true
|
checkFlag.value = true
|
||||||
|
productInfo.value = { itemCode: '', itemName: '', unitMeasureName: '', itemSpecification: '' }
|
||||||
formRef.value?.resetFields()
|
formRef.value?.resetFields()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
defineExpose({ open })
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -109,9 +109,9 @@
|
||||||
>
|
>
|
||||||
<el-table-column label="报工单号" align="center" prop="code" width="160">
|
<el-table-column label="报工单号" align="center" prop="code" width="160">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button link type="primary" @click="openForm('detail', scope.row.id)">{{
|
<el-button link type="primary" @click="openForm('detail', scope.row.id)">
|
||||||
scope.row.code
|
{{ scope.row.code }}
|
||||||
}}</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="报工类型" align="center" prop="type" width="100">
|
<el-table-column label="报工类型" align="center" prop="type" width="100">
|
||||||
|
|
@ -144,47 +144,46 @@
|
||||||
<el-table-column label="操作" align="center" width="240" fixed="right">
|
<el-table-column label="操作" align="center" width="240" fixed="right">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<!-- 草稿状态:编辑、提交、删除 -->
|
<!-- 草稿状态:编辑、提交、删除 -->
|
||||||
<template v-if="scope.row.status === MesProFeedbackStatusEnum.PREPARE">
|
<el-button
|
||||||
<el-button
|
link
|
||||||
link
|
type="primary"
|
||||||
type="primary"
|
@click="openForm('update', scope.row.id)"
|
||||||
@click="openForm('update', scope.row.id)"
|
v-hasPermi="['mes:pro-feedback:update']"
|
||||||
v-hasPermi="['mes:pro-feedback:update']"
|
v-if="scope.row.status === MesProFeedbackStatusEnum.PREPARE"
|
||||||
>
|
>
|
||||||
编辑
|
编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
link
|
link
|
||||||
type="success"
|
type="success"
|
||||||
@click="handleSubmit(scope.row.id)"
|
@click="openForm('submit', scope.row.id)"
|
||||||
v-hasPermi="['mes:pro-feedback:update']"
|
v-hasPermi="['mes:pro-feedback:update']"
|
||||||
>
|
v-if="scope.row.status === MesProFeedbackStatusEnum.PREPARE"
|
||||||
提交
|
>
|
||||||
</el-button>
|
提交
|
||||||
<el-button
|
</el-button>
|
||||||
link
|
<el-button
|
||||||
type="danger"
|
link
|
||||||
@click="handleDelete(scope.row.id)"
|
type="danger"
|
||||||
v-hasPermi="['mes:pro-feedback:delete']"
|
@click="handleDelete(scope.row.id)"
|
||||||
>
|
v-hasPermi="['mes:pro-feedback:delete']"
|
||||||
删除
|
v-if="scope.row.status === MesProFeedbackStatusEnum.PREPARE"
|
||||||
</el-button>
|
>
|
||||||
</template>
|
删除
|
||||||
<template
|
</el-button>
|
||||||
|
<!-- 审批中状态:审批(仅限审核人本人) -->
|
||||||
|
<el-button
|
||||||
|
link
|
||||||
|
type="primary"
|
||||||
|
@click="openForm('approve', scope.row.id)"
|
||||||
|
v-hasPermi="['mes:pro-feedback:approve']"
|
||||||
v-if="
|
v-if="
|
||||||
scope.row.status === MesProFeedbackStatusEnum.APPROVING &&
|
scope.row.status === MesProFeedbackStatusEnum.APPROVING &&
|
||||||
scope.row.approveUserId === currentUserId
|
scope.row.approveUserId === currentUserId
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-button
|
审批
|
||||||
link
|
</el-button>
|
||||||
type="primary"
|
|
||||||
@click="openForm('approve', scope.row.id)"
|
|
||||||
v-hasPermi="['mes:pro-feedback:approve']"
|
|
||||||
>
|
|
||||||
审批
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
@ -197,19 +196,19 @@
|
||||||
/>
|
/>
|
||||||
</ContentWrap>
|
</ContentWrap>
|
||||||
|
|
||||||
<!-- 表单弹窗:添加/修改 -->
|
<!-- 表单弹窗:添加/修改/提交/审批/详情 -->
|
||||||
<FeedbackForm ref="formRef" @success="getList" />
|
<FeedbackForm ref="formRef" @success="getList" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { dateFormatter } from '@/utils/formatTime'
|
import { dateFormatter } from '@/utils/formatTime'
|
||||||
|
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
||||||
import download from '@/utils/download'
|
import download from '@/utils/download'
|
||||||
import { ProFeedbackApi, ProFeedbackVO } from '@/api/mes/pro/feedback'
|
import { ProFeedbackApi, ProFeedbackVO } from '@/api/mes/pro/feedback'
|
||||||
import ProWorkOrderSelect from '@/views/mes/pro/workorder/components/ProWorkOrderSelect.vue'
|
import ProWorkOrderSelect from '@/views/mes/pro/workorder/components/ProWorkOrderSelect.vue'
|
||||||
import MdItemSelect from '@/views/mes/md/item/components/MdItemSelect.vue'
|
import MdItemSelect from '@/views/mes/md/item/components/MdItemSelect.vue'
|
||||||
import UserSelect from '@/views/system/user/components/UserSelect.vue'
|
import UserSelect from '@/views/system/user/components/UserSelect.vue'
|
||||||
import FeedbackForm from './FeedbackForm.vue'
|
import FeedbackForm from './FeedbackForm.vue'
|
||||||
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
|
||||||
import { MesProFeedbackStatusEnum } from '@/views/mes/utils/constants'
|
import { MesProFeedbackStatusEnum } from '@/views/mes/utils/constants'
|
||||||
import { useUserStore } from '@/store/modules/user'
|
import { useUserStore } from '@/store/modules/user'
|
||||||
|
|
||||||
|
|
@ -222,6 +221,7 @@ const currentUserId = useUserStore().getUser.id // 当前登录用户 ID
|
||||||
const loading = ref(true) // 列表的加载中
|
const loading = ref(true) // 列表的加载中
|
||||||
const list = ref<ProFeedbackVO[]>([]) // 列表的数据
|
const list = ref<ProFeedbackVO[]>([]) // 列表的数据
|
||||||
const total = ref(0) // 列表的总页数
|
const total = ref(0) // 列表的总页数
|
||||||
|
const exportLoading = ref(false) // 导出的加载中
|
||||||
const queryParams = reactive({
|
const queryParams = reactive({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
|
@ -235,7 +235,7 @@ const queryParams = reactive({
|
||||||
feedbackTime: undefined
|
feedbackTime: undefined
|
||||||
})
|
})
|
||||||
const queryFormRef = ref() // 搜索的表单
|
const queryFormRef = ref() // 搜索的表单
|
||||||
const exportLoading = ref(false) // 导出的加载中
|
const formRef = ref() // 表单弹窗
|
||||||
|
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
|
|
@ -261,8 +261,7 @@ const resetQuery = () => {
|
||||||
handleQuery()
|
handleQuery()
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 添加/修改操作 */
|
/** 添加/修改/提交/审批/详情操作 */
|
||||||
const formRef = ref()
|
|
||||||
const openForm = (type: string, id?: number) => {
|
const openForm = (type: string, id?: number) => {
|
||||||
formRef.value.open(type, id)
|
formRef.value.open(type, id)
|
||||||
}
|
}
|
||||||
|
|
@ -270,23 +269,9 @@ const openForm = (type: string, id?: number) => {
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
const handleDelete = async (id: number) => {
|
const handleDelete = async (id: number) => {
|
||||||
try {
|
try {
|
||||||
// 删除的二次确认
|
|
||||||
await message.delConfirm()
|
await message.delConfirm()
|
||||||
// 发起删除
|
|
||||||
await ProFeedbackApi.deleteFeedback(id)
|
await ProFeedbackApi.deleteFeedback(id)
|
||||||
message.success(t('common.delSuccess'))
|
message.success(t('common.delSuccess'))
|
||||||
// 刷新列表
|
|
||||||
await getList()
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 提交报工单 */
|
|
||||||
const handleSubmit = async (id: number) => {
|
|
||||||
try {
|
|
||||||
await message.confirm('确认要提交该报工单吗?')
|
|
||||||
await ProFeedbackApi.submitFeedback(id)
|
|
||||||
message.success('报工单已提交')
|
|
||||||
// 刷新列表
|
|
||||||
await getList()
|
await getList()
|
||||||
} catch {}
|
} catch {}
|
||||||
}
|
}
|
||||||
|
|
@ -294,19 +279,18 @@ const handleSubmit = async (id: number) => {
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
const handleExport = async () => {
|
const handleExport = async () => {
|
||||||
try {
|
try {
|
||||||
// 导出的二次确认
|
|
||||||
await message.exportConfirm()
|
await message.exportConfirm()
|
||||||
// 发起导出
|
|
||||||
exportLoading.value = true
|
exportLoading.value = true
|
||||||
const data = await ProFeedbackApi.exportFeedback(queryParams)
|
const data = await ProFeedbackApi.exportFeedback(queryParams)
|
||||||
download.excel(data, '生产报工.xls')
|
download.excel(data, '生产报工.xls')
|
||||||
|
} catch {
|
||||||
} finally {
|
} finally {
|
||||||
exportLoading.value = false
|
exportLoading.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 初始化 */
|
/** 初始化 */
|
||||||
onMounted(async () => {
|
onMounted(() => {
|
||||||
await getList()
|
getList()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -456,6 +456,7 @@ export const MesAutoCodeRuleCode = {
|
||||||
DV_REPAIR_CODE: 'DV_REPAIR_CODE', // 维修单编码
|
DV_REPAIR_CODE: 'DV_REPAIR_CODE', // 维修单编码
|
||||||
PRO_PROCESS_CODE: 'PRO_PROCESS_CODE', // 工序编码
|
PRO_PROCESS_CODE: 'PRO_PROCESS_CODE', // 工序编码
|
||||||
PRO_ROUTE_CODE: 'PRO_ROUTE_CODE', // 工艺路线编码
|
PRO_ROUTE_CODE: 'PRO_ROUTE_CODE', // 工艺路线编码
|
||||||
|
PRO_FEEDBACK_CODE: 'PRO_FEEDBACK_CODE', // 生产报工单编码
|
||||||
PRO_WORK_ORDER_CODE: 'PRO_WORK_ORDER_CODE' // 生产工单编码
|
PRO_WORK_ORDER_CODE: 'PRO_WORK_ORDER_CODE' // 生产工单编码
|
||||||
} as const
|
} as const
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue