<template>
|
<div>
|
<el-dialog
|
v-model="dialogVisible"
|
title="出厂检验详情"
|
width="70%"
|
@close="closeDialog"
|
>
|
<el-descriptions :column="2" border>
|
<el-descriptions-item label="检测日期">{{ detailData.checkTime || '-' }}</el-descriptions-item>
|
<el-descriptions-item label="产品名称">{{ detailData.productName || '-' }}</el-descriptions-item>
|
<el-descriptions-item label="规格型号">{{ detailData.model || '-' }}</el-descriptions-item>
|
<el-descriptions-item label="单位">{{ detailData.unit || '-' }}</el-descriptions-item>
|
<el-descriptions-item label="数量">{{ detailData.quantity ?? '-' }}</el-descriptions-item>
|
<el-descriptions-item label="检测结果">{{ detailData.checkResult || '-' }}</el-descriptions-item>
|
<el-descriptions-item label="检验员">{{ detailData.checkName || '-' }}</el-descriptions-item>
|
</el-descriptions>
|
|
<div style="margin-top: 20px">
|
<el-table :data="tableData" v-loading="tableLoading" border style="width: 100%" height="400">
|
<el-table-column label="指标" prop="parameterItem" />
|
<el-table-column label="单位" prop="unit" />
|
<el-table-column label="标准值" prop="standardValue" />
|
<el-table-column label="内控值" prop="controlValue" />
|
<el-table-column label="检验值" prop="testValue" />
|
</el-table>
|
</div>
|
|
<template #footer>
|
<div class="dialog-footer">
|
<el-button @click="closeDialog">关闭</el-button>
|
</div>
|
</template>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script setup>
|
import {ref} from "vue";
|
import {qualityInspectParamInfo} from "@/api/qualityManagement/qualityInspectParam.js";
|
|
const emit = defineEmits(["close"]);
|
const dialogVisible = ref(false);
|
const detailData = ref({});
|
const tableData = ref([]);
|
const tableLoading = ref(false);
|
|
const openDialog = (row) => {
|
detailData.value = row || {};
|
dialogVisible.value = true;
|
loadParams(row?.id);
|
};
|
|
const loadParams = (id) => {
|
if (!id) {
|
tableData.value = [];
|
return;
|
}
|
tableLoading.value = true;
|
qualityInspectParamInfo(id)
|
.then((res) => {
|
tableData.value = res.data || [];
|
})
|
.finally(() => {
|
tableLoading.value = false;
|
});
|
};
|
|
const closeDialog = () => {
|
dialogVisible.value = false;
|
tableData.value = [];
|
emit("close");
|
};
|
|
defineExpose({
|
openDialog,
|
});
|
</script>
|
|
<style scoped>
|
|
</style>
|
