|
|
@ -9,14 +9,22 @@ |
|
|
|
<div class="text-layer"> |
|
|
|
<span>{{ |
|
|
|
tube.projId.length === 1 |
|
|
|
? projIdMap[tube.projId[0]].projName |
|
|
|
? projIdMap[tube.projId[0]] |
|
|
|
? projIdMap[tube.projId[0]].projName |
|
|
|
: '' |
|
|
|
: tube.projId.length === 2 |
|
|
|
? projIdMap[tube.projId[1]].projName |
|
|
|
? projIdMap[tube.projId[1]] |
|
|
|
? projIdMap[tube.projId[1]].projName |
|
|
|
: '' |
|
|
|
: '' |
|
|
|
}}</span> |
|
|
|
<span class="blood-text">{{ bloodKeyMap[tube.bloodType]?.name }}</span> |
|
|
|
<span>{{ |
|
|
|
tube.projId.length === 2 ? projIdMap[tube.projId[0]].projName : '' |
|
|
|
tube.projId.length === 2 |
|
|
|
? projIdMap[tube.projId[0]] |
|
|
|
? projIdMap[tube.projId[0]].projName |
|
|
|
: '' |
|
|
|
: '' |
|
|
|
}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -82,7 +90,7 @@ watch( |
|
|
|
if (canvas.value) { |
|
|
|
const data = props.tube.projId.map((p) => ({ |
|
|
|
value: 1, |
|
|
|
color: projIdMap.value[p].color, |
|
|
|
color: projIdMap.value[p] ? projIdMap.value[p].color : '#FFF', |
|
|
|
})) |
|
|
|
const ctx = canvas.value.getContext('2d') |
|
|
|
drawPieChart(ctx, data) |
|
|
|