feat(mmsmapping): 添加ICD索引配置人工确认功能

- 新增IndexConfirmTarget、IndexConfirmLabelItem、IndexConfirmGroup等接口定义
- 添加buildIndexConfirmDataApi和buildIndexSelectionApi两个API方法
- 实现MappingConfirmDialog组件用于人工确认索引配置
- 将解析ICD流程分为候选数据获取和人工确认两个步骤
- 添加确认弹窗的验证逻辑和状态管理
- 更新页面重置逻辑以清除确认相关状态
- 修改请求配置面板显示确认按钮和相应操作
- 移除原有的自动生成默认索引选择的工具函数
This commit is contained in:
2026-05-06 08:47:39 +08:00
parent 297f89ef52
commit 483b3d7ae4
6 changed files with 720 additions and 58 deletions

View File

@@ -29,3 +29,13 @@ export const getIcdMmsJsonApi = (params: MmsMapping.GetIcdMmsJsonParams) => {
headers: { 'Content-Type': 'multipart/form-data' } headers: { 'Content-Type': 'multipart/form-data' }
}) })
} }
export const buildIndexConfirmDataApi = (params: MmsMapping.IndexCandidateGroup[]) => {
// 关键业务节点ICD 候选数据需要先转换成前端确认弹窗模型,后续人工确认才能继续生成正式索引配置。
return http.post<MmsMapping.IndexConfirmGroup[]>('/api/mms-mapping/build-index-confirm-data', params)
}
export const buildIndexSelectionApi = (params: MmsMapping.BuildIndexSelectionRequest) => {
// 关键业务节点:人工确认完成后,必须把 confirmData 和 confirmedData 一并提交给后端生成正式 request.indexSelection。
return http.post<MmsMapping.IndexSelectionGroup[]>('/api/mms-mapping/build-index-selection', params)
}

View File

@@ -3,6 +3,39 @@ export namespace MmsMapping {
icdFile: File icdFile: File
} }
export interface IndexConfirmTarget {
reportName?: string
dataSetName?: string
reportDesc?: string
availableLnInstValues?: string[]
}
export interface IndexConfirmLabelItem {
label?: string
required?: boolean
configurableOnce?: boolean
defaultLnInst?: string
commonLnInstValues?: string[]
targets?: IndexConfirmTarget[]
}
export interface IndexConfirmGroup {
groupKey?: string
groupDesc?: string
labelItems?: IndexConfirmLabelItem[]
}
export interface ConfirmedIndexLabelItem {
label: string
enabled: boolean
lnInst: string
}
export interface ConfirmedIndexGroup {
groupKey: string
labelItems: ConfirmedIndexLabelItem[]
}
export interface IndexSelectionBinding { export interface IndexSelectionBinding {
reportName: string reportName: string
dataSetName: string dataSetName: string
@@ -30,6 +63,11 @@ export namespace MmsMapping {
request: GetIcdMmsJsonRequestPayload request: GetIcdMmsJsonRequestPayload
} }
export interface BuildIndexSelectionRequest {
confirmData: IndexConfirmGroup[]
confirmedData: ConfirmedIndexGroup[]
}
export interface IcdDocument { export interface IcdDocument {
[key: string]: unknown [key: string]: unknown
} }

View File

@@ -0,0 +1,533 @@
<template>
<el-dialog
:model-value="visible"
title="人工确认索引配置"
width="960px"
destroy-on-close
top="6vh"
class="mapping-confirm-dialog"
@close="emit('update:visible', false)"
>
<div class="dialog-description">
这里展示 ICD 候选索引的人工确认结果请按分组确认每个标签是否启用并为已启用标签选择合法的
lnInst确认后会自动回填到 request.indexSelection
</div>
<el-empty v-if="!draftGroups.length" description="当前没有可确认的索引分组。" />
<div v-else class="dialog-content">
<section v-for="group in draftGroups" :key="group.groupKey" class="group-card">
<div class="group-header">
<div>
<h3 class="group-title">{{ group.groupDesc || group.groupKey }}</h3>
<p class="group-key">{{ group.groupKey }}</p>
</div>
<el-tag type="info" effect="light">{{ group.labelItems.length }} 个标签</el-tag>
</div>
<div class="label-list">
<article v-for="item in group.labelItems" :key="`${group.groupKey}-${item.label}`" class="label-card">
<div class="label-main">
<div class="label-meta">
<div class="label-title-row">
<span class="label-title">{{ item.label }}</span>
<el-tag v-if="item.required" type="danger" effect="light" size="small">必选</el-tag>
<el-tag v-if="item.configurableOnce" type="success" effect="light" size="small">
共享 lnInst
</el-tag>
</div>
<div class="label-options">
<span class="label-hint">共同可选值</span>
<template v-if="item.commonLnInstValues.length">
<el-tag
v-for="value in item.commonLnInstValues"
:key="`${item.label}-${value}`"
size="small"
effect="plain"
>
{{ value }}
</el-tag>
</template>
<span v-else class="label-hint">当前没有共同 lnInst</span>
</div>
</div>
<div class="label-actions">
<el-switch
v-model="item.enabled"
:disabled="item.required"
inline-prompt
active-text="启用"
inactive-text="停用"
/>
<el-select
v-model="item.lnInst"
class="lninst-select"
placeholder="请选择 lnInst"
clearable
:disabled="!item.enabled || !item.commonLnInstValues.length"
>
<el-option
v-for="value in item.commonLnInstValues"
:key="`${item.label}-option-${value}`"
:label="value"
:value="value"
/>
</el-select>
</div>
</div>
<el-alert
v-if="item.enabled && !item.lnInst"
title="已启用的标签必须选择 lnInst"
type="warning"
:closable="false"
class="label-alert"
/>
<div class="target-list">
<div v-for="target in item.targets" :key="`${target.reportName}-${target.dataSetName}`" class="target-item">
<div class="target-name-row">
<span class="target-name">{{ target.reportDesc || target.reportName || '--' }}</span>
<span class="target-code">{{ target.reportName || '--' }} / {{ target.dataSetName || '--' }}</span>
</div>
<div class="target-lninst-row">
<span class="label-hint">目标报告可选值</span>
<template v-if="target.availableLnInstValues.length">
<el-tag
v-for="value in target.availableLnInstValues"
:key="`${target.reportName}-${target.dataSetName}-${value}`"
size="small"
effect="plain"
>
{{ value }}
</el-tag>
</template>
<span v-else class="label-hint">当前没有可用 lnInst</span>
</div>
</div>
</div>
</article>
</div>
</section>
</div>
<template #footer>
<div class="dialog-footer">
<div v-if="validationMessage" class="footer-message">{{ validationMessage }}</div>
<div class="footer-actions">
<el-button :disabled="submitting" @click="emit('update:visible', false)">取消</el-button>
<el-button type="primary" :loading="submitting" :disabled="Boolean(validationMessage)" @click="handleConfirm">
确认并生成索引配置
</el-button>
</div>
</div>
</template>
</el-dialog>
</template>
<script setup lang="ts">
import { computed, ref, watch } from 'vue'
import type { MmsMapping } from '@/api/tools/mmsmapping/interface'
defineOptions({
name: 'MappingConfirmDialog'
})
interface ConfirmDialogDraftTarget {
reportName: string
dataSetName: string
reportDesc: string
availableLnInstValues: string[]
}
interface ConfirmDialogDraftLabelItem {
label: string
required: boolean
configurableOnce: boolean
enabled: boolean
lnInst: string
commonLnInstValues: string[]
targets: ConfirmDialogDraftTarget[]
}
interface ConfirmDialogDraftGroup {
groupKey: string
groupDesc: string
labelItems: ConfirmDialogDraftLabelItem[]
}
interface PreparedConfirmDialogDraftLabelItem {
label: string
required: boolean
configurableOnce: boolean
commonLnInstValues: string[]
targets: ConfirmDialogDraftTarget[]
}
const props = defineProps<{
visible: boolean
submitting: boolean
confirmData: MmsMapping.IndexConfirmGroup[]
}>()
const emit = defineEmits<{
(event: 'update:visible', value: boolean): void
(event: 'confirm', value: MmsMapping.ConfirmedIndexGroup[]): void
}>()
const normalizeStringArray = (values?: string[]) => (values || []).map(value => value?.trim() || '').filter(Boolean)
const sortLnInstValues = (values: string[]) =>
[...values].sort((left, right) => {
const leftNumber = Number(left)
const rightNumber = Number(right)
const bothNumeric = !Number.isNaN(leftNumber) && !Number.isNaN(rightNumber)
if (bothNumeric && leftNumber !== rightNumber) {
return leftNumber - rightNumber
}
return left.localeCompare(right, 'zh-CN', { numeric: true })
})
const buildLnInstCluster = (items: PreparedConfirmDialogDraftLabelItem[]) => {
const clusters: PreparedConfirmDialogDraftLabelItem[][] = []
items.forEach(item => {
const itemValueSet = new Set(item.commonLnInstValues)
const matchedCluster = clusters.find(cluster =>
cluster.some(clusterItem => clusterItem.commonLnInstValues.some(value => itemValueSet.has(value)))
)
if (matchedCluster) {
matchedCluster.push(item)
return
}
clusters.push([item])
})
return clusters
}
const resolveDefaultLnInst = (commonLnInstValues: string[], expectedLnInst: string) => {
if (!commonLnInstValues.length) return ''
if (!expectedLnInst) return ''
if (!commonLnInstValues.includes(expectedLnInst)) return ''
return expectedLnInst
}
const buildInitialDraftGroups = (groups: MmsMapping.IndexConfirmGroup[]): ConfirmDialogDraftGroup[] =>
groups
.map(group => {
const preparedItems = (group.labelItems || [])
.map<PreparedConfirmDialogDraftLabelItem | null>(item => {
const commonLnInstValues = sortLnInstValues(normalizeStringArray(item.commonLnInstValues))
return {
label: item.label?.trim() || '',
required: Boolean(item.required),
configurableOnce: Boolean(item.configurableOnce),
commonLnInstValues,
targets: (item.targets || []).map(target => ({
reportName: target.reportName?.trim() || '',
dataSetName: target.dataSetName?.trim() || '',
reportDesc: target.reportDesc?.trim() || '',
availableLnInstValues: sortLnInstValues(normalizeStringArray(target.availableLnInstValues))
}))
}
})
.filter((item): item is PreparedConfirmDialogDraftLabelItem => Boolean(item?.label))
const clusters = buildLnInstCluster(preparedItems)
const defaultStateMap = new Map<
string,
{
enabled: boolean
lnInst: string
}
>()
clusters.forEach(cluster => {
const clusterValues = sortLnInstValues(
Array.from(new Set(cluster.flatMap(item => item.commonLnInstValues)))
)
cluster.forEach((item, index) => {
const expectedLnInst = index < clusterValues.length ? clusterValues[index] : ''
const defaultLnInst = resolveDefaultLnInst(item.commonLnInstValues, expectedLnInst)
const enabled = Boolean(defaultLnInst)
defaultStateMap.set(item.label, {
enabled,
lnInst: defaultLnInst
})
})
})
return {
groupKey: group.groupKey?.trim() || '',
groupDesc: group.groupDesc?.trim() || '',
labelItems: preparedItems.map(item => {
const defaultState = defaultStateMap.get(item.label) || {
enabled: false,
lnInst: ''
}
return {
label: item.label,
required: item.required,
configurableOnce: item.configurableOnce,
enabled: defaultState.enabled,
lnInst: defaultState.lnInst,
commonLnInstValues: item.commonLnInstValues,
targets: item.targets
}
})
}
})
.filter(group => group.groupKey)
const draftGroups = ref<ConfirmDialogDraftGroup[]>([])
watch(
() => [props.confirmData, props.visible] as const,
([confirmData, visible]) => {
if (!visible) return
// 关键业务节点:弹窗每次打开都基于最新 confirmData 重新生成草稿,避免不同 ICD 的确认状态串用。
draftGroups.value = buildInitialDraftGroups(confirmData)
},
{ immediate: true }
)
const validationMessage = computed(() => {
for (const group of draftGroups.value) {
for (const item of group.labelItems) {
if (!item.enabled) continue
if (!item.lnInst) return `分组“${group.groupDesc || group.groupKey}”中的标签“${item.label}”必须选择 lnInst`
}
}
return ''
})
const buildConfirmedGroups = (): MmsMapping.ConfirmedIndexGroup[] =>
draftGroups.value.map(group => ({
groupKey: group.groupKey,
labelItems: group.labelItems.map(item => ({
label: item.label,
enabled: item.enabled,
lnInst: item.enabled ? item.lnInst : ''
}))
}))
const handleConfirm = () => {
if (validationMessage.value) return
emit('confirm', buildConfirmedGroups())
}
</script>
<style scoped lang="scss">
.dialog-description {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.7;
color: #4b5563;
}
.dialog-content {
display: flex;
flex-direction: column;
gap: 16px;
max-height: 68vh;
padding-right: 4px;
overflow: auto;
}
.group-card {
padding: 20px;
border: 1px solid #dbe3f0;
border-radius: 14px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.group-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
}
.group-title {
margin: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: #1f2937;
}
.group-key {
margin: 6px 0 0;
font-size: 12px;
line-height: 1.6;
color: #64748b;
word-break: break-all;
}
.label-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.label-card {
padding: 16px;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #ffffff;
}
.label-main {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.label-meta,
.label-actions,
.target-list {
min-width: 0;
}
.label-meta {
display: flex;
flex: 1;
flex-direction: column;
gap: 12px;
}
.label-title-row,
.label-options,
.target-lninst-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.label-title {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
color: #111827;
}
.label-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.lninst-select {
width: 180px;
}
.label-hint {
font-size: 13px;
line-height: 1.6;
color: #64748b;
}
.label-alert {
margin-top: 12px;
}
.target-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 16px;
}
.target-item {
padding: 12px;
border-radius: 10px;
background: #f8fafc;
}
.target-name-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 8px;
}
.target-name {
font-size: 14px;
font-weight: 600;
line-height: 1.6;
color: #1f2937;
}
.target-code {
font-family: Consolas, 'Courier New', monospace;
font-size: 12px;
line-height: 1.6;
color: #64748b;
word-break: break-all;
}
.dialog-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.footer-message {
font-size: 13px;
line-height: 1.6;
color: #d97706;
text-align: left;
}
.footer-actions {
display: flex;
gap: 12px;
margin-left: auto;
}
@media (max-width: 768px) {
.dialog-content {
max-height: 62vh;
}
.group-card,
.label-card {
padding: 14px;
}
.group-header,
.label-main,
.dialog-footer {
flex-direction: column;
align-items: flex-start;
}
.label-actions,
.footer-actions {
width: 100%;
}
.lninst-select {
width: 100%;
}
}
</style>

View File

@@ -8,7 +8,7 @@
:icd-file-accept="icdFileAccept" :icd-file-accept="icdFileAccept"
:request-status-text="requestStatusText" :request-status-text="requestStatusText"
:request-status-tag-type="requestStatusTagType" :request-status-tag-type="requestStatusTagType"
:can-reset="Boolean(selectedIcdFile || responsePayload || indexSelectionJsonText.trim())" :can-reset="canResetPage"
@file-change="handleIcdFileChange" @file-change="handleIcdFileChange"
@parse="handleParseIcd" @parse="handleParseIcd"
@reset="resetPage" @reset="resetPage"
@@ -21,8 +21,12 @@
:can-generate="canGenerate" :can-generate="canGenerate"
:json-error="indexSelectionError" :json-error="indexSelectionError"
:show-generate-button="showGenerateButton" :show-generate-button="showGenerateButton"
:show-confirm-button="Boolean(confirmData.length)"
:confirm-button-text="indexSelectionJsonText.trim() ? '重新确认' : '人工确认'"
:can-confirm="!isSubmitting"
:has-default-json="Boolean(indexSelectionJsonText.trim())" :has-default-json="Boolean(indexSelectionJsonText.trim())"
:empty-description="configEmptyDescription" :empty-description="configEmptyDescription"
@confirm-config="confirmDialogVisible = true"
@generate="handleGenerateMapping" @generate="handleGenerateMapping"
/> />
</div> </div>
@@ -40,6 +44,14 @@
@export-mapping="handleExportMapping" @export-mapping="handleExportMapping"
/> />
</div> </div>
<MappingConfirmDialog
:visible="confirmDialogVisible"
:submitting="isConfirmingSelection"
:confirm-data="confirmData"
@update:visible="confirmDialogVisible = $event"
@confirm="handleConfirmIndexSelection"
/>
</div> </div>
</template> </template>
@@ -47,12 +59,18 @@
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import type { ResultData } from '@/api/interface' import type { ResultData } from '@/api/interface'
import { getIcdApi, getIcdMmsJsonApi } from '@/api/tools/mmsmapping' import {
buildIndexConfirmDataApi,
buildIndexSelectionApi,
getIcdApi,
getIcdMmsJsonApi
} from '@/api/tools/mmsmapping'
import type { MmsMapping } from '@/api/tools/mmsmapping/interface' import type { MmsMapping } from '@/api/tools/mmsmapping/interface'
import MappingRequestPanel from './components/MappingRequestPanel.vue' import MappingRequestPanel from './components/MappingRequestPanel.vue'
import MappingResultPanel from './components/MappingResultPanel.vue' import MappingResultPanel from './components/MappingResultPanel.vue'
import MappingConfigPanel from './components/MappingConfigPanel.vue' import MappingConfigPanel from './components/MappingConfigPanel.vue'
import { buildDefaultIndexSelection, formatIndexSelectionJson, parseIndexSelectionJson } from './utils/indexSelection' import MappingConfirmDialog from './components/MappingConfirmDialog.vue'
import { formatIndexSelectionJson, parseIndexSelectionJson } from './utils/indexSelection'
import { createBaseRequestPayload } from './utils/requestPayload' import { createBaseRequestPayload } from './utils/requestPayload'
defineOptions({ defineOptions({
@@ -71,8 +89,11 @@ const selectedIcdFile = ref<File | null>(null)
const responsePayload = ref<MmsMapping.MappingTaskResponse | null>(null) const responsePayload = ref<MmsMapping.MappingTaskResponse | null>(null)
const activeResultTab = ref<ResultTab>('mapping') const activeResultTab = ref<ResultTab>('mapping')
const parsedCandidates = ref<MmsMapping.IndexCandidateGroup[]>([]) const parsedCandidates = ref<MmsMapping.IndexCandidateGroup[]>([])
const confirmData = ref<MmsMapping.IndexConfirmGroup[]>([])
const indexSelectionJsonText = ref('') const indexSelectionJsonText = ref('')
const confirmDialogVisible = ref(false)
const isParsing = ref(false) const isParsing = ref(false)
const isConfirmingSelection = ref(false)
const isGenerating = ref(false) const isGenerating = ref(false)
const icdFileAccept = '.icd,.cid,.scd,.xml' const icdFileAccept = '.icd,.cid,.scd,.xml'
const problemEmptyText = '当前返回未包含 problems' const problemEmptyText = '当前返回未包含 problems'
@@ -86,7 +107,7 @@ function unwrapApiPayload<T>(response: ResultData<T> | T): T {
} }
const getErrorMessage = (error: unknown) => { const getErrorMessage = (error: unknown) => {
if (error instanceof Error) return error.message if (error instanceof Error && error.message) return error.message
return '接口调用失败,请检查后端服务和请求参数' return '接口调用失败,请检查后端服务和请求参数'
} }
@@ -100,7 +121,7 @@ const parsedIndexSelectionState = computed(() => {
if (!source) { if (!source) {
return { return {
value: [] as MmsMapping.IndexSelectionGroup[], value: [] as MmsMapping.IndexSelectionGroup[],
error: parsedCandidates.value.length ? 'request.indexSelection 不能为空' : '' error: ''
} }
} }
@@ -117,31 +138,45 @@ const parsedIndexSelectionState = computed(() => {
} }
}) })
const isSubmitting = computed(() => isParsing.value || isGenerating.value) const isSubmitting = computed(() => isParsing.value || isConfirmingSelection.value || isGenerating.value)
const canResetPage = computed(() =>
Boolean(
selectedIcdFile.value || responsePayload.value || confirmData.value.length || indexSelectionJsonText.value.trim()
)
)
const indexSelectionError = computed(() => parsedIndexSelectionState.value.error) const indexSelectionError = computed(() => parsedIndexSelectionState.value.error)
const canGenerate = computed( const canGenerate = computed(
() => Boolean(selectedIcdFile.value && indexSelectionJsonText.value.trim() && !indexSelectionError.value) () => Boolean(selectedIcdFile.value && indexSelectionJsonText.value.trim() && !indexSelectionError.value)
) )
// 关键业务节点:请求配置区只在用户已经选择 ICD 后展示,避免初始态暴露无效的 JSON 编辑区和按钮 // 关键业务节点:请求配置区只在用户已经选择 ICD 后展示,避免初始态暴露无效的请求编辑区
const showConfigPanel = computed(() => Boolean(selectedIcdFile.value)) const showConfigPanel = computed(() => Boolean(selectedIcdFile.value))
const showGenerateButton = computed(() => Boolean(selectedIcdFile.value)) const showGenerateButton = computed(() => Boolean(selectedIcdFile.value))
const selectedIcdFileName = computed(() => selectedIcdFile.value?.name || '')
const configEmptyDescription = computed(() => { const configEmptyDescription = computed(() => {
if (isParsing.value) return '正在根据当前 ICD 生成 request.indexSelection,请稍候。' if (isParsing.value) return '正在获取 ICD 候选数据并准备人工确认,请稍候。'
if (selectedIcdFile.value) return '已选择 ICD 文件,请先点击“解析 ICD”生成 request.indexSelection。' if (isConfirmingSelection.value) return '正在根据人工确认结果生成 request.indexSelection,请稍候。'
if (confirmDialogVisible.value || confirmData.value.length) {
return '请先在弹窗中完成人工确认,确认后会自动回填 request.indexSelection。'
}
if (selectedIcdFile.value) return '已选择 ICD 文件,请先点击“解析 ICD”进入人工确认流程。'
return '当前 ICD 暂未生成可编辑的 request.indexSelection。' return '当前 ICD 暂未生成可编辑的 request.indexSelection。'
}) })
const selectedIcdFileName = computed(() => selectedIcdFile.value?.name || '')
const requestStatusText = computed(() => { const requestStatusText = computed(() => {
if (isParsing.value) return '解析中' if (isParsing.value) return '解析中'
if (isConfirmingSelection.value) return '确认中'
if (isGenerating.value) return '生成中' if (isGenerating.value) return '生成中'
if (selectedIcdFile.value && indexSelectionJsonText.value.trim()) return '已生成默认配置' if (confirmDialogVisible.value) return '待人工确认'
if (selectedIcdFile.value && indexSelectionJsonText.value.trim()) return '已确认'
if (selectedIcdFile.value && parsedCandidates.value.length) return '待确认'
if (selectedIcdFile.value) return '待解析' if (selectedIcdFile.value) return '待解析'
return '未选择文件' return '未选择文件'
}) })
const requestStatusTagType = computed<TagType>(() => { const requestStatusTagType = computed<TagType>(() => {
if (isParsing.value || isGenerating.value) return 'warning' if (isParsing.value || isConfirmingSelection.value || isGenerating.value) return 'warning'
if (confirmDialogVisible.value) return 'primary'
if (selectedIcdFile.value && indexSelectionJsonText.value.trim()) return 'success' if (selectedIcdFile.value && indexSelectionJsonText.value.trim()) return 'success'
if (selectedIcdFile.value) return 'primary' if (selectedIcdFile.value) return 'primary'
return 'info' return 'info'
@@ -191,7 +226,7 @@ const resolveResultTab = (payload: MmsMapping.MappingTaskResponse | null): Resul
} }
const stripProblemsFromIcdPayload = (payload: MmsMapping.MappingTaskResponse): MmsMapping.MappingTaskResponse => { const stripProblemsFromIcdPayload = (payload: MmsMapping.MappingTaskResponse): MmsMapping.MappingTaskResponse => {
// 关键业务节点:解析 ICD 只消费候选数据和文档结构,不把后端返回的 problems 绑定到结果区。 // 关键业务节点:解析 ICD 阶段只消费候选数据和文档结构,不把后端问题列表直接绑定到结果区。
const sanitizedPayload = { ...payload } const sanitizedPayload = { ...payload }
delete sanitizedPayload.problems delete sanitizedPayload.problems
@@ -202,7 +237,9 @@ const stripProblemsFromIcdPayload = (payload: MmsMapping.MappingTaskResponse): M
const resetParsedState = () => { const resetParsedState = () => {
responsePayload.value = null responsePayload.value = null
parsedCandidates.value = [] parsedCandidates.value = []
confirmData.value = []
indexSelectionJsonText.value = '' indexSelectionJsonText.value = ''
confirmDialogVisible.value = false
activeResultTab.value = 'mapping' activeResultTab.value = 'mapping'
} }
@@ -217,7 +254,7 @@ const handleIcdFileChange = (event: Event) => {
return return
} }
// 关键业务节点:切换 ICD 文件后先只清空旧解析结果,等用户明确点击“解析 ICD”后再请求后台 // 关键业务节点:切换 ICD 文件后立即清空旧确认结果和旧请求配置,避免不同文件的索引配置串用
selectedIcdFile.value = file selectedIcdFile.value = file
resetParsedState() resetParsedState()
input.value = '' input.value = ''
@@ -231,9 +268,11 @@ const handleParseIcd = async () => {
isParsing.value = true isParsing.value = true
responsePayload.value = null responsePayload.value = null
confirmDialogVisible.value = false
confirmData.value = []
indexSelectionJsonText.value = ''
try { try {
// 关键业务节点:解析 ICD 时先走 get-icd拿到当前文件的候选数据后再生成默认 request.indexSelection。
const response = await getIcdApi({ const response = await getIcdApi({
icdFile: selectedIcdFile.value icdFile: selectedIcdFile.value
}) })
@@ -247,14 +286,26 @@ const handleParseIcd = async () => {
if (payload.status === 'FAILED') { if (payload.status === 'FAILED') {
parsedCandidates.value = [] parsedCandidates.value = []
indexSelectionJsonText.value = ''
ElMessage.error(payload.message || 'ICD 解析失败') ElMessage.error(payload.message || 'ICD 解析失败')
return return
} }
parsedCandidates.value = candidateGroups parsedCandidates.value = candidateGroups
indexSelectionJsonText.value = formatIndexSelectionJson(buildDefaultIndexSelection(candidateGroups))
ElMessage.success(payload.message || 'ICD 解析完成,已生成 request.indexSelection') // 关键业务节点:拿到 ICD 候选结果后必须先走 buildIndexConfirmData生成人工确认弹窗所需模型。
const confirmResponse = await buildIndexConfirmDataApi(candidateGroups)
const confirmGroups = unwrapApiPayload<MmsMapping.IndexConfirmGroup[]>(confirmResponse) || []
confirmData.value = confirmGroups
if (!confirmGroups.length) {
indexSelectionJsonText.value = formatIndexSelectionJson([])
ElMessage.success(payload.message || 'ICD 解析完成,当前没有待确认的索引配置')
return
}
confirmDialogVisible.value = true
ElMessage.success(payload.message || 'ICD 解析完成,请在弹窗中完成人工确认')
} catch (error) { } catch (error) {
resetParsedState() resetParsedState()
ElMessage.error(getErrorMessage(error)) ElMessage.error(getErrorMessage(error))
@@ -263,6 +314,32 @@ const handleParseIcd = async () => {
} }
} }
const handleConfirmIndexSelection = async (confirmedData: MmsMapping.ConfirmedIndexGroup[]) => {
if (!confirmData.value.length) {
ElMessage.warning('当前没有可确认的索引配置')
return
}
isConfirmingSelection.value = true
try {
const response = await buildIndexSelectionApi({
confirmData: confirmData.value,
confirmedData
})
const indexSelection = unwrapApiPayload<MmsMapping.IndexSelectionGroup[]>(response) || []
// 关键业务节点:只有 buildIndexSelection 返回的正式结果才能进入请求配置区,避免前端自行拼装绑定关系。
indexSelectionJsonText.value = formatIndexSelectionJson(indexSelection)
confirmDialogVisible.value = false
ElMessage.success('人工确认完成,已回填 request.indexSelection')
} catch (error) {
ElMessage.error(getErrorMessage(error))
} finally {
isConfirmingSelection.value = false
}
}
const handleGenerateMapping = async () => { const handleGenerateMapping = async () => {
if (!selectedIcdFile.value) { if (!selectedIcdFile.value) {
ElMessage.warning('请先选择 ICD 文件') ElMessage.warning('请先选择 ICD 文件')
@@ -270,7 +347,12 @@ const handleGenerateMapping = async () => {
} }
if (!indexSelectionJsonText.value.trim()) { if (!indexSelectionJsonText.value.trim()) {
ElMessage.warning('请先解析 ICD系统会自动生成 request.indexSelection') if (confirmData.value.length) {
ElMessage.warning('请先完成人工确认并生成 request.indexSelection')
return
}
ElMessage.warning('请先解析 ICD并在弹窗中完成人工确认')
return return
} }
@@ -290,7 +372,7 @@ const handleGenerateMapping = async () => {
responsePayload.value = null responsePayload.value = null
try { try {
// 关键业务节点:正式生成阶段只消费当前编辑区里的 request.indexSelection确保导出的映射与页面编辑态一致。 // 关键业务节点:正式生成阶段只消费当前请求配置区里的 request.indexSelection确保导出的映射与最终确认结果一致。
const response = await getIcdMmsJsonApi({ const response = await getIcdMmsJsonApi({
icdFile: selectedIcdFile.value, icdFile: selectedIcdFile.value,
request: { request: {

View File

@@ -3,18 +3,29 @@
<div class="panel-header"> <div class="panel-header">
<div> <div>
<h2 class="panel-title">请求配置</h2> <h2 class="panel-title">请求配置</h2>
<p class="panel-description">这里直接编辑 request.indexSelection默认值会在选择 ICD 文件后自动生成</p> <p class="panel-description">这里展示并可继续编辑经人工确认后生成的 request.indexSelection</p>
</div>
<div class="panel-actions">
<el-button
v-if="showConfirmButton"
type="primary"
plain
:disabled="!canConfirm"
@click="emit('confirm-config')"
>
{{ confirmButtonText }}
</el-button>
<el-button
v-if="showGenerateButton"
type="primary"
:icon="Connection"
:loading="isSubmitting"
:disabled="!canGenerate"
@click="emit('generate')"
>
生成映射
</el-button>
</div> </div>
<el-button
v-if="showGenerateButton"
type="primary"
:icon="Connection"
:loading="isSubmitting"
:disabled="!canGenerate"
@click="emit('generate')"
>
生成映射
</el-button>
</div> </div>
<div class="panel-content"> <div class="panel-content">
@@ -28,7 +39,7 @@
:disabled="isSubmitting" :disabled="isSubmitting"
:rows="18" :rows="18"
resize="none" resize="none"
placeholder="ICD 解析完成后,这里会自动填 request.indexSelection可继续直接编辑。" placeholder="人工确认完成后,这里会自动填 request.indexSelection可继续直接编辑。"
@update:model-value="value => emit('update:indexSelectionJson', String(value || ''))" @update:model-value="value => emit('update:indexSelectionJson', String(value || ''))"
/> />
</div> </div>
@@ -51,12 +62,16 @@ defineProps<{
canGenerate: boolean canGenerate: boolean
jsonError: string jsonError: string
showGenerateButton: boolean showGenerateButton: boolean
showConfirmButton: boolean
confirmButtonText: string
canConfirm: boolean
hasDefaultJson: boolean hasDefaultJson: boolean
emptyDescription: string emptyDescription: string
}>() }>()
const emit = defineEmits<{ const emit = defineEmits<{
(event: 'update:indexSelectionJson', value: string): void (event: 'update:indexSelectionJson', value: string): void
(event: 'confirm-config'): void
(event: 'generate'): void (event: 'generate'): void
}>() }>()
</script> </script>
@@ -86,6 +101,12 @@ const emit = defineEmits<{
gap: 16px; gap: 16px;
} }
.panel-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.panel-title { .panel-title {
margin: 0; margin: 0;
font-size: 22px; font-size: 22px;
@@ -156,5 +177,9 @@ const emit = defineEmits<{
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
} }
.panel-actions {
width: 100%;
}
} }
</style> </style>

View File

@@ -44,32 +44,6 @@ const normalizeBindings = (value: unknown, groupIndex: number): MmsMapping.Index
}) })
} }
export const buildDefaultIndexSelection = (
candidateGroups: MmsMapping.IndexCandidateGroup[]
): MmsMapping.IndexSelectionGroup[] =>
candidateGroups
.filter(candidate => candidate.groupKey?.trim())
.map(candidate => {
const defaultReport = (candidate.reports || []).find(
report => report.reportName?.trim() && report.dataSetName?.trim()
)
const defaultLnInst = (defaultReport?.availableLnInstValues || []).find(item => item?.trim())?.trim() || ''
return {
groupKey: candidate.groupKey!.trim(),
groupDesc: candidate.groupDesc?.trim() || '',
bindings: (candidate.templateLabels || [])
.map(label => label?.trim() || '')
.filter(Boolean)
.map(label => ({
reportName: defaultReport?.reportName?.trim() || '',
dataSetName: defaultReport?.dataSetName?.trim() || '',
label,
lnInst: defaultLnInst
}))
}
})
export const formatIndexSelectionJson = (value: MmsMapping.IndexSelectionGroup[]) => JSON.stringify(value, null, 4) export const formatIndexSelectionJson = (value: MmsMapping.IndexSelectionGroup[]) => JSON.stringify(value, null, 4)
export const parseIndexSelectionJson = (source: string): MmsMapping.IndexSelectionGroup[] => { export const parseIndexSelectionJson = (source: string): MmsMapping.IndexSelectionGroup[] => {