|
|
@ -152,7 +152,7 @@ |
|
|
<el-radio value="Check">检查</el-radio> |
|
|
<el-radio value="Check">检查</el-radio> |
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="typeRadio='Disease'"> |
|
|
<div v-if="typeRadio === 'Disease'"> |
|
|
<el-tree |
|
|
<el-tree |
|
|
:data="treeData" |
|
|
:data="treeData" |
|
|
:props="treeProps" |
|
|
:props="treeProps" |
|
|
@ -170,7 +170,6 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-tree> |
|
|
</el-tree> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<!-- 图谱容器 --> |
|
|
<!-- 图谱容器 --> |
|
|
<div ref="graphContainer" class="graph-container" id="container"></div> |
|
|
<div ref="graphContainer" class="graph-container" id="container"></div> |
|
|
@ -504,26 +503,26 @@ export default { |
|
|
}, |
|
|
}, |
|
|
edge: { |
|
|
edge: { |
|
|
style: { |
|
|
style: { |
|
|
labelText: (d) => d.data.relationship.type, |
|
|
labelText: (d) => d.data.relationship.properties.label, |
|
|
stroke: (d) => { |
|
|
stroke: (d) => { |
|
|
// 获取 target 节点的 label |
|
|
// 获取 target 节点的 label |
|
|
const targetLabel = this._nodeLabelMap.get(d.target); // d.target 是目标节点 ID |
|
|
const targetLabel = this._nodeLabelMap.get(d.target); // d.target 是目标节点 ID |
|
|
// 根据 target 节点类型返回对应浅色 |
|
|
// 根据 target 节点类型返回对应浅色 |
|
|
if (targetLabel === 'Disease') return '#f8d2d2'; |
|
|
if (targetLabel === 'Disease') return 'rgba(239,68,68,0.5)'; |
|
|
if (targetLabel === 'Drug') return '#c0efe2'; |
|
|
if (targetLabel === 'Drug') return 'rgba(145,204,117,0.5)'; |
|
|
if (targetLabel === 'Symptom') return '#f5cebf'; |
|
|
if (targetLabel === 'Symptom') return 'rgba(250,200,88,0.5)'; |
|
|
return '#c9d3ee'; // default |
|
|
return 'rgba(51,110,238,0.5)'; // default |
|
|
}, |
|
|
}, |
|
|
labelFill: (d) => { |
|
|
// labelFill: (d) => { |
|
|
// 获取 target 节点的 label |
|
|
// // 获取 target 节点的 label |
|
|
const targetLabel = this._nodeLabelMap.get(d.target); // d.target 是目标节点 ID |
|
|
// const targetLabel = this._nodeLabelMap.get(d.target); // d.target 是目标节点 ID |
|
|
// 根据 target 节点类型返回对应浅色 |
|
|
// // 根据 target 节点类型返回对应浅色 |
|
|
|
|
|
// |
|
|
if (targetLabel === 'Disease') return '#ff4444'; |
|
|
// if (targetLabel === 'Disease') return '#ff4444'; |
|
|
if (targetLabel === 'Drug') return '#2f9b70'; |
|
|
// if (targetLabel === 'Drug') return '#2f9b70'; |
|
|
if (targetLabel === 'Symptom') return '#f89775'; |
|
|
// if (targetLabel === 'Symptom') return '#f89775'; |
|
|
return '#6b91ff'; // default |
|
|
// return '#6b91ff'; // default |
|
|
} |
|
|
// } |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
state: { |
|
|
state: { |
|
|
|