|
|
@@ -30,7 +30,17 @@
|
|
|
}}
|
|
|
</template>
|
|
|
<template v-if="column.key === 'gender'">
|
|
|
- {{ formatDictValue(bizDictOptions.gender, record.gender) }}
|
|
|
+ <span
|
|
|
+ :style="{
|
|
|
+ backgroundColor: formatDictColor(bizDictOptions.gender, record.gender),
|
|
|
+ color: formatDictFontColor(bizDictOptions.gender, record.gender),
|
|
|
+ padding: '1px 6px',
|
|
|
+ borderRadius: '2px',
|
|
|
+ marginRight: '4px',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ {{ formatDictValue(bizDictOptions.gender, record.gender) }}
|
|
|
+ </span>
|
|
|
</template>
|
|
|
<template v-if="column.key === 'firstDialysisType'">
|
|
|
{{ formatDictValue(bizDictOptions.firstDialysisType, record.firstDialysisType) }}
|
|
|
@@ -39,22 +49,22 @@
|
|
|
{{ formatDictValue(bizDictOptions.type, record.type) }}
|
|
|
</template>
|
|
|
<template v-if="column.key === 'infectiousDiseases'">
|
|
|
- <span
|
|
|
- :style="{
|
|
|
- backgroundColor: formatDictColor(
|
|
|
- bizDictOptions.infectiousDiseases,
|
|
|
- record.infectiousDiseases,
|
|
|
- ),
|
|
|
- color: formatDictFontColor(
|
|
|
- bizDictOptions.infectiousDiseases,
|
|
|
- record.infectiousDiseases,
|
|
|
- ),
|
|
|
- padding: '1px 4px',
|
|
|
- borderRadius: '6px',
|
|
|
- }"
|
|
|
- >
|
|
|
- {{ formatDictValue(bizDictOptions.infectiousDiseases, record.infectiousDiseases) }}
|
|
|
- </span>
|
|
|
+ <div class="flex">
|
|
|
+ <div
|
|
|
+ v-for="item in record.infectiousDiseases"
|
|
|
+ :key="item"
|
|
|
+ :style="{
|
|
|
+ backgroundColor: formatDictColor(bizDictOptions.infectiousDiseases, item),
|
|
|
+ color: formatDictFontColor(bizDictOptions.infectiousDiseases, item),
|
|
|
+ padding: '1px 6px',
|
|
|
+ borderRadius: '2px',
|
|
|
+ marginRight: '4px',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <!-- {{ record.infectiousDiseases }} -->
|
|
|
+ {{ formatDictValue(bizDictOptions.infectiousDiseases, item) }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template v-if="column.key === 'vascularAccess'">
|
|
|
{{ formatDictValue(bizDictOptions.vascularAccess, record.vascularAccess) }}
|