<script setup lang="ts">
|
import type { SpareMovement, SparePart, SpareAction } from '#/api/mes/dv/spare';
|
import type { FormInstance } from 'ant-design-vue';
|
import { computed, reactive, ref } from 'vue';
|
import { useVbenModal } from '@vben/common-ui';
|
import { Alert, Form, Input, InputNumber, Select } from 'ant-design-vue';
|
import { getSparePage, spareAction } from '#/api/mes/dv/spare';
|
import { getRepairPage } from '#/api/mes/dv/repair';
|
import { getSimpleUserList } from '#/api/system/user';
|
const emit = defineEmits(['success']);
|
const formRef = ref<FormInstance>();
|
const type = ref<'issue'|'receive'|'return'>('issue');
|
const saving = ref(false);
|
const loadError = ref('');
|
const original = ref<SpareMovement>();
|
const parts = ref<SparePart[]>([]);
|
const repairs = ref<{label:string;value:number}[]>([]);
|
const users = ref<{label:string;value:number}[]>([]);
|
const model = reactive<SpareAction>({ requestKey: '', quantity: 1, remark: '' });
|
const fixedPart = ref(false), fixedRepair = ref(false);
|
let partSeq = 0, repairSeq = 0, openSeq = 0;
|
const title = computed(() => ({issue:'维修领用备件',receive:'备件入库',return:'退回未使用备件'})[type.value]);
|
const chosenPart = computed(() => parts.value.find(p => p.id === model.sparePartId));
|
const maxQuantity = computed(() => type.value === 'return' ? Number(original.value?.returnableQuantity ?? 0) : type.value === 'issue' ? Number(chosenPart.value?.stockQuantity ?? 0) : undefined);
|
const required = [{required:true,message:'请填写此项'}];
|
async function searchParts(name='') {
|
const seq = ++partSeq;
|
try { const result = await getSparePage({pageNo:1,pageSize:50,status:0,name}); if(seq === partSeq) parts.value=result.list; }
|
catch { if(seq===partSeq) loadError.value='备件加载失败，请重新打开弹窗后重试'; }
|
}
|
async function searchRepairs(code='') {
|
const seq=++repairSeq;
|
try { const result=await getRepairPage({pageNo:1,pageSize:50,code} as Parameters<typeof getRepairPage>[0]);
|
if(seq===repairSeq) repairs.value=result.list.filter(r=>r.status===0||r.status===1).map(r=>({value:r.id!,label:`${r.code} · ${r.machineryName || r.name || ''}`}));
|
} catch { if(seq===repairSeq) loadError.value='维修单加载失败，请重新打开弹窗后重试'; }
|
}
|
const [Modal, modalApi] = useVbenModal({
|
onBeforeClose:()=>!saving.value,
|
async onOpenChange(open) {
|
const seq=++openSeq;
|
if(!open) { partSeq++; repairSeq++; return; }
|
const data=modalApi.getData<{type:'issue'|'receive'|'return';part?:SparePart;repairId?:number;repairCode?:string;original?:SpareMovement}>();
|
type.value=data.type; original.value=data.original; loadError.value='';
|
fixedPart.value=!!data.part||data.type==='return'; fixedRepair.value=!!data.repairId;
|
Object.assign(model,{requestKey:crypto.randomUUID(),sparePartId:data.part?.id,repairId:data.repairId,originalId:data.original?.id,receiverUserId:undefined,quantity:1,remark:''});
|
parts.value=data.part?[data.part]:[]; repairs.value=[]; users.value=[]; formRef.value?.clearValidate();
|
if(data.repairId) repairs.value=[{value:data.repairId,label:data.repairCode || String(data.repairId)}];
|
modalApi.lock();
|
try {
|
const jobs:Promise<unknown>[]=[];
|
if(data.type!=='return'&&!data.part) jobs.push(searchParts());
|
if(data.type==='issue'&&!data.repairId) jobs.push(searchRepairs());
|
if(data.type==='issue') jobs.push(getSimpleUserList().then(list=>{if(seq===openSeq)users.value=list.filter(u=>u.id!==undefined).map(u=>({value:u.id!,label:u.nickname}));}));
|
await Promise.all(jobs);
|
} catch { if(seq===openSeq) loadError.value='基础数据加载失败，请重新打开弹窗后重试'; }
|
finally { if(seq===openSeq) modalApi.unlock(); }
|
},
|
async onConfirm() {
|
if(saving.value||loadError.value)return;
|
await formRef.value?.validate();
|
saving.value=true;modalApi.lock();
|
try { await spareAction(type.value,{...model}); emit('success');saving.value=false;await modalApi.close(); }
|
finally { saving.value=false;modalApi.unlock(); }
|
},
|
});
|
const quantityRules = [{required:true,message:'请输入数量'}, {validator:async (_:unknown,value:number)=>{
|
if(!Number.isFinite(value)||value<=0)throw new Error('数量必须大于0');
|
if(maxQuantity.value!==undefined && value>maxQuantity.value) throw new Error(type.value==='return'?'超过可退回数量':'超过当前可用库存');
|
}}];
|
</script>
|
<template>
|
<Modal :title="title" class="w-full sm:w-[600px]">
|
<Alert v-if="loadError" :message="loadError" type="error" class="mb-4" />
|
<Alert v-else class="mb-4" type="info" :message="type === 'issue' ? '领用立即扣减库存，并关联当前维修单。请核对备件、领用人和数量。' : type === 'return' ? '仅退回未使用的备件，累计退回不能超过原领用数量。' : '入库增加库存并保留记录，请填写补货来源或单据编号。'" />
|
<Form ref="formRef" :model="model" layout="vertical">
|
<Form.Item v-if="type === 'return'" label="原领用记录">
|
{{ original?.repairCode }} · {{ original?.sparePartName }} · 可退回 {{ original?.returnableQuantity }} {{ original?.unit }}
|
</Form.Item>
|
<Form.Item v-else label="备件" name="sparePartId" :rules="required">
|
<Select v-model:value="model.sparePartId" show-search :disabled="fixedPart || saving" :filter-option="false" placeholder="输入备件名称查找" :options="parts.map(p=>({value:p.id,label:p.code+' · '+p.name+' · 库存 '+p.stockQuantity+' '+p.unit}))" @search="searchParts" />
|
</Form.Item>
|
<Form.Item v-if="type === 'issue'" label="关联维修单" name="repairId" :rules="required">
|
<Select v-model:value="model.repairId" :disabled="fixedRepair || saving" show-search :filter-option="false" :options="repairs" placeholder="输入维修单编号查找（草稿或维修中）" @search="searchRepairs" />
|
</Form.Item>
|
<Form.Item v-if="type === 'issue'" label="领用人" name="receiverUserId" :rules="required">
|
<Select v-model:value="model.receiverUserId" show-search option-filter-prop="label" :options="users" placeholder="请选择领用人" :disabled="saving" />
|
</Form.Item>
|
<Form.Item :label="'数量'+(chosenPart ? '（'+chosenPart.unit+'）' : '')" name="quantity" :rules="quantityRules">
|
<InputNumber v-model:value="model.quantity" :min="0.001" :precision="3" class="w-full" :disabled="saving" />
|
</Form.Item>
|
<Form.Item label="操作说明" name="remark" :rules="required"><Input.TextArea v-model:value="model.remark" :maxlength="500" :rows="3" :disabled="saving" placeholder="填写领用用途、入库来源或退回原因" /></Form.Item>
|
</Form>
|
</Modal>
|
</template>
|
