<script lang="ts" setup>
|
import { computed } from 'vue';
|
import type { MesTraceBatchApi } from '#/api/mes/trace/batch';
|
|
const props = defineProps<{ detail: MesTraceBatchApi.Detail }>();
|
const decision = computed(() => props.detail.decision);
|
const qualityRisk = computed(() => decision.value?.qualityRisk ?? props.detail.quality?.result === 2);
|
const riskLevel = computed(() => decision.value?.riskLevel || (qualityRisk.value ? 'HIGH' : 'NORMAL'));
|
const riskText = computed(() => qualityRisk.value ? '高风险' : riskLevel.value === 'NORMAL' ? '正常' : riskLevel.value);
|
</script>
|
|
<template>
|
<div class="grid gap-4 p-4 md:grid-cols-3">
|
<div class="rounded border p-4">
|
<div class="text-muted-foreground text-sm">质量决策</div>
|
<div class="mt-2 text-lg font-semibold" :class="qualityRisk ? 'text-red-600' : 'text-green-600'">
|
{{ detail.quality?.resultName || '待检验' }}
|
</div>
|
<div class="text-muted-foreground mt-2 text-sm">{{ detail.quality?.reason || '暂无异常说明' }}</div>
|
</div>
|
<div class="rounded border p-4">
|
<div class="text-muted-foreground text-sm">库存决策</div>
|
<div class="mt-2 text-lg font-semibold">入库 {{ decision?.inboundQuantity ?? detail.inbound?.quantity ?? 0 }}</div>
|
<div class="text-muted-foreground mt-2 text-sm">已建立销售去向 {{ decision?.salesTargetCount ?? detail.salesTargets?.length ?? 0 }} 条</div>
|
</div>
|
<div class="rounded border p-4">
|
<div class="text-muted-foreground text-sm">防伪决策</div>
|
<div class="mt-2 text-lg font-semibold">{{ detail.antiFake?.scanCount ?? 0 }} 次</div>
|
<div class="text-muted-foreground mt-2 text-sm">消费者验证次数</div>
|
</div>
|
</div>
|
<div class="mx-4 mb-4 rounded border p-4" :class="qualityRisk ? 'border-red-200 bg-red-50' : 'border-green-200 bg-green-50'">
|
<div class="flex items-center justify-between">
|
<div class="font-medium">综合风险等级</div>
|
<a-tag :color="qualityRisk ? 'red' : riskLevel === 'NORMAL' ? 'green' : 'orange'">{{ riskText }}</a-tag>
|
</div>
|
</div>
|
<div class="mx-4 mb-4 rounded border p-4">
|
<div class="mb-3 font-medium">责任链</div>
|
<div class="grid gap-2 text-sm md:grid-cols-3">
|
<div>责任人：{{ detail.ownerUserName || '未记录' }}</div>
|
<div>生产线：{{ detail.lineName || detail.lineCode || '未记录' }}</div>
|
<div>生产人员：{{ detail.workers?.length ?? 0 }} 人</div>
|
</div>
|
</div>
|
</template>
|
