<script lang="ts" setup>
|
import type { MesQcAiApi } from '#/api/mes/qc/ai';
|
|
import { ref } from 'vue';
|
|
import { useVbenModal } from '@vben/common-ui';
|
import { IconifyIcon } from '@vben/icons';
|
|
import { Alert, Button, message, Tag } from 'ant-design-vue';
|
|
import { suggestQcResult } from '#/api/mes/qc/ai';
|
|
interface Props {
|
qcId: number;
|
qcType: number;
|
}
|
|
defineOptions({ name: 'MesQcAiSuggest' });
|
|
const props = defineProps<Props>();
|
|
const loading = ref(false);
|
const result = ref<MesQcAiApi.SuggestResultRespVO>();
|
|
const resultTagColor: Record<number, string> = {
|
1: 'green',
|
2: 'orange',
|
3: 'red',
|
4: 'red',
|
};
|
|
async function handleSuggest() {
|
loading.value = true;
|
result.value = undefined;
|
try {
|
result.value = await suggestQcResult({
|
qcId: props.qcId,
|
qcType: props.qcType,
|
});
|
modalApi.open();
|
} catch {
|
message.error('AI 判定暂时不可用，请人工判定');
|
} finally {
|
loading.value = false;
|
}
|
}
|
|
const [ResultModal, modalApi] = useVbenModal({
|
footer: false,
|
});
|
</script>
|
|
<template>
|
<Button type="default" :loading="loading" @click="handleSuggest">
|
<template #icon>
|
<IconifyIcon icon="ant-design:robot-outlined" />
|
</template>
|
AI 辅助判定
|
</Button>
|
|
<ResultModal title="AI 辅助判定结果" class="w-1/2">
|
<template v-if="result">
|
<div class="mb-4 flex items-center gap-2">
|
<span class="text-base font-medium">建议判定：</span>
|
<Tag :color="resultTagColor[result.suggestedResult]">
|
{{ result.suggestedResultName }}
|
</Tag>
|
</div>
|
|
<div class="mb-4">
|
<div class="mb-2 text-base font-medium">推理依据：</div>
|
<div class="rounded bg-gray-50 p-3 text-sm leading-relaxed">
|
{{ result.reasoning }}
|
</div>
|
</div>
|
|
<div v-if="result.keyPoints?.length">
|
<div class="mb-2 text-base font-medium">关注点：</div>
|
<Alert
|
v-for="(point, index) in result.keyPoints"
|
:key="index"
|
type="warning"
|
show-icon
|
class="mb-2"
|
:message="point"
|
/>
|
</div>
|
</template>
|
</ResultModal>
|
</template>
|
