|
@@ -11,7 +11,8 @@ const icon = computed(() => {
|
|
|
const icons = {
|
|
const icons = {
|
|
|
document: '📄',
|
|
document: '📄',
|
|
|
attachment: '📎',
|
|
attachment: '📎',
|
|
|
- excerpt: '✂️'
|
|
|
|
|
|
|
+ excerpt: '✂️',
|
|
|
|
|
+ manual: '✍️'
|
|
|
}
|
|
}
|
|
|
return icons[props.data.subType] || '📎'
|
|
return icons[props.data.subType] || '📎'
|
|
|
})
|
|
})
|
|
@@ -19,6 +20,16 @@ const icon = computed(() => {
|
|
|
const nodeClass = computed(() => {
|
|
const nodeClass = computed(() => {
|
|
|
return `source-node-${props.data.subType || 'attachment'}`
|
|
return `source-node-${props.data.subType || 'attachment'}`
|
|
|
})
|
|
})
|
|
|
|
|
+
|
|
|
|
|
+const nodeLabel = computed(() => {
|
|
|
|
|
+ const labels = {
|
|
|
|
|
+ document: '原文',
|
|
|
|
|
+ excerpt: '摘选',
|
|
|
|
|
+ attachment: '附件',
|
|
|
|
|
+ manual: '人工录入'
|
|
|
|
|
+ }
|
|
|
|
|
+ return labels[props.data.subType] || '附件'
|
|
|
|
|
+})
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
<template>
|
|
@@ -27,7 +38,7 @@ const nodeClass = computed(() => {
|
|
|
|
|
|
|
|
<div class="node-header">
|
|
<div class="node-header">
|
|
|
<span class="node-icon">{{ icon }}</span>
|
|
<span class="node-icon">{{ icon }}</span>
|
|
|
- <span class="node-type">{{ data.subType === 'document' ? '原文' : data.subType === 'excerpt' ? '摘选' : '附件' }}</span>
|
|
|
|
|
|
|
+ <span class="node-type">{{ nodeLabel }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="node-body">
|
|
<div class="node-body">
|
|
@@ -69,6 +80,10 @@ const nodeClass = computed(() => {
|
|
|
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
|
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.source-node-manual {
|
|
|
|
|
+ background: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.node-header {
|
|
.node-header {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|