<template>
|
<el-dialog
|
v-model="visible"
|
title="不合格处理详情"
|
width="70%"
|
@close="handleClose"
|
>
|
<el-descriptions border :column="2" class="detail-descriptions">
|
<el-descriptions-item label="类别">
|
{{ getInspectTypeName(form.inspectType) }}
|
</el-descriptions-item>
|
<el-descriptions-item label="产品名称">
|
{{ form.productName }}
|
</el-descriptions-item>
|
<el-descriptions-item label="规格型号">
|
{{ form.model }}
|
</el-descriptions-item>
|
<el-descriptions-item label="单位">
|
{{ form.unit }}
|
</el-descriptions-item>
|
<el-descriptions-item label="数量">
|
{{ form.quantity }}
|
</el-descriptions-item>
|
<el-descriptions-item label="检测日期">
|
{{ form.checkTime }}
|
</el-descriptions-item>
|
<el-descriptions-item label="工序">
|
{{ form.process }}
|
</el-descriptions-item>
|
<el-descriptions-item label="检验员">
|
{{ form.checkName }}
|
</el-descriptions-item>
|
<el-descriptions-item label="检测单位">
|
{{ form.checkCompany }}
|
</el-descriptions-item>
|
<el-descriptions-item label="不合格现象" :span="2">
|
{{ form.defectivePhenomena }}
|
</el-descriptions-item>
|
<el-descriptions-item label="处理结果">
|
{{ form.dealResult }}
|
</el-descriptions-item>
|
<el-descriptions-item label="处理人">
|
{{ form.dealName }}
|
</el-descriptions-item>
|
<el-descriptions-item label="处理日期">
|
{{ form.dealTime }}
|
</el-descriptions-item>
|
</el-descriptions>
|
<template #footer>
|
<div class="dialog-footer">
|
<el-button @click="handleClose">关闭</el-button>
|
</div>
|
</template>
|
</el-dialog>
|
</template>
|
|
<script setup>
|
import { ref } from "vue";
|
import { getQualityUnqualifiedDetail } from "@/api/qualityManagement/nonconformingManagement.js";
|
|
const visible = ref(false);
|
const form = ref({});
|
|
const getInspectTypeName = (type) => {
|
if (type === 0) return "原材料检验";
|
if (type === 1) return "过程检验";
|
if (type === 2) return "出厂检验";
|
return "";
|
};
|
|
const openDialog = (row) => {
|
visible.value = true;
|
form.value = { ...row };
|
if (row.id) {
|
getQualityUnqualifiedDetail(row.id).then((res) => {
|
if (res.data) {
|
form.value = { ...res.data };
|
}
|
});
|
}
|
};
|
|
const handleClose = () => {
|
visible.value = false;
|
form.value = {};
|
};
|
|
defineExpose({
|
openDialog,
|
});
|
</script>
|
|
<style scoped>
|
.detail-descriptions :deep(.el-descriptions__label) {
|
width: 120px;
|
justify-content: flex-end;
|
}
|
</style>
|
