|
@@ -17,52 +17,42 @@
|
|
|
</div>
|
|
</div>
|
|
|
<BasicTable @register="registerTable">
|
|
<BasicTable @register="registerTable">
|
|
|
<template #bodyCell="{ column, record }">
|
|
<template #bodyCell="{ column, record }">
|
|
|
- <template v-if="column.key === 'name'">
|
|
|
|
|
- <span :class="['table-dot', 'table-dot--' + record.status]" />
|
|
|
|
|
- <span>{{ record.name }}</span>
|
|
|
|
|
|
|
+ <template v-if="column.key === 'useDate'">
|
|
|
|
|
+ {{ record.useDate ? dayjs(record.useDate).format('YYYY-MM-DD') : '' }}
|
|
|
</template>
|
|
</template>
|
|
|
- <template v-if="column.key === 'birthday'">
|
|
|
|
|
- {{ record.birthday ? dayjs(record.birthday).format('YYYY-MM-DD') : '' }}
|
|
|
|
|
|
|
+ <template v-if="column.key === 'produceDate'">
|
|
|
|
|
+ {{ record.produceDate ? dayjs(record.produceDate).format('YYYY-MM-DD') : '' }}
|
|
|
</template>
|
|
</template>
|
|
|
- <template v-if="column.key === 'firstDialysisTime'">
|
|
|
|
|
- {{
|
|
|
|
|
- record.firstDialysisTime ? dayjs(record.firstDialysisTime).format('YYYY-MM-DD') : ''
|
|
|
|
|
- }}
|
|
|
|
|
|
|
+ <template v-if="column.key === 'pumpType'">
|
|
|
|
|
+ {{ formatDictValue(bizDictOptions.pumpType, record.pumpType) }}
|
|
|
</template>
|
|
</template>
|
|
|
- <template v-if="column.key === 'gender'">
|
|
|
|
|
|
|
+ <template v-if="column.key === 'deviceType'">
|
|
|
<span
|
|
<span
|
|
|
|
|
+ :class="['table-dot']"
|
|
|
:style="{
|
|
:style="{
|
|
|
- backgroundColor: formatDictColor(bizDictOptions.gender, record.gender),
|
|
|
|
|
- color: formatDictFontColor(bizDictOptions.gender, record.gender),
|
|
|
|
|
- padding: '1px 6px',
|
|
|
|
|
- borderRadius: '2px',
|
|
|
|
|
- marginRight: '4px',
|
|
|
|
|
|
|
+ backgroundColor: formatDictPreColor(bizDictOptions.deviceType, record.deviceType),
|
|
|
}"
|
|
}"
|
|
|
- >
|
|
|
|
|
- {{ formatDictValue(bizDictOptions.gender, record.gender) }}
|
|
|
|
|
- </span>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-if="column.key === 'firstDialysisType'">
|
|
|
|
|
- {{ formatDictValue(bizDictOptions.firstDialysisType, record.firstDialysisType) }}
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-if="column.key === 'type'">
|
|
|
|
|
- {{ formatDictValue(bizDictOptions.type, record.type) }}
|
|
|
|
|
|
|
+ />
|
|
|
|
|
+ {{ formatDictValue(bizDictOptions.deviceType, record.deviceType) }}
|
|
|
</template>
|
|
</template>
|
|
|
<template v-if="column.key === 'infectiousDiseases'">
|
|
<template v-if="column.key === 'infectiousDiseases'">
|
|
|
<div class="flex">
|
|
<div class="flex">
|
|
|
<div
|
|
<div
|
|
|
- v-for="item in record.infectiousDiseases"
|
|
|
|
|
- :key="item"
|
|
|
|
|
:style="{
|
|
:style="{
|
|
|
- backgroundColor: formatDictColor(bizDictOptions.infectiousDiseases, item),
|
|
|
|
|
- color: formatDictFontColor(bizDictOptions.infectiousDiseases, item),
|
|
|
|
|
|
|
+ backgroundColor: formatDictColor(
|
|
|
|
|
+ bizDictOptions.infectiousDiseases,
|
|
|
|
|
+ record.infectiousDiseases,
|
|
|
|
|
+ ),
|
|
|
|
|
+ color: formatDictFontColor(
|
|
|
|
|
+ bizDictOptions.infectiousDiseases,
|
|
|
|
|
+ record.infectiousDiseases,
|
|
|
|
|
+ ),
|
|
|
padding: '1px 6px',
|
|
padding: '1px 6px',
|
|
|
borderRadius: '2px',
|
|
borderRadius: '2px',
|
|
|
marginRight: '4px',
|
|
marginRight: '4px',
|
|
|
}"
|
|
}"
|
|
|
>
|
|
>
|
|
|
- <!-- {{ record.infectiousDiseases }} -->
|
|
|
|
|
- {{ formatDictValue(bizDictOptions.infectiousDiseases, item) }}
|
|
|
|
|
|
|
+ {{ formatDictValue(bizDictOptions.infectiousDiseases, record.infectiousDiseases) }}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -105,7 +95,12 @@
|
|
|
import { archivesPatientBasicStats } from '/@/api/biz/archives/patientBasicApi';
|
|
import { archivesPatientBasicStats } from '/@/api/biz/archives/patientBasicApi';
|
|
|
import { engineerDialysisDeviceQueryPage } from '@/api/biz/engineer/dialysisDeviceApi';
|
|
import { engineerDialysisDeviceQueryPage } from '@/api/biz/engineer/dialysisDeviceApi';
|
|
|
import { listDictModelBatch } from '@/api/common';
|
|
import { listDictModelBatch } from '@/api/common';
|
|
|
- import { formatDictColor, formatDictFontColor, formatDictValue } from '/@/utils';
|
|
|
|
|
|
|
+ import {
|
|
|
|
|
+ formatDictColor,
|
|
|
|
|
+ formatDictFontColor,
|
|
|
|
|
+ formatDictValue,
|
|
|
|
|
+ formatDictPreColor,
|
|
|
|
|
+ } from '/@/utils';
|
|
|
import { onMounted, reactive } from 'vue';
|
|
import { onMounted, reactive } from 'vue';
|
|
|
import dayjs from 'dayjs';
|
|
import dayjs from 'dayjs';
|
|
|
import { useModal } from '/@/components/Modal';
|
|
import { useModal } from '/@/components/Modal';
|
|
@@ -116,20 +111,12 @@
|
|
|
|
|
|
|
|
const bizDictOptions = reactive<any>({});
|
|
const bizDictOptions = reactive<any>({});
|
|
|
const bizDictData = ref([
|
|
const bizDictData = ref([
|
|
|
- // 血管材料
|
|
|
|
|
- { key: 'gender', dictCode: 'pb_sex' },
|
|
|
|
|
- // 转归类型
|
|
|
|
|
- { key: 'patientReturn', dictCode: 'pb_return' },
|
|
|
|
|
- // 传染病
|
|
|
|
|
|
|
+ // 泵类型
|
|
|
|
|
+ { key: 'pumpType', dictCode: 'bm_pump' },
|
|
|
|
|
+ // 设备类型
|
|
|
|
|
+ { key: 'deviceType', dictCode: 'bm_det' },
|
|
|
|
|
+ // 传染病类型
|
|
|
{ key: 'infectiousDiseases', dictCode: 'pb_epidemic' },
|
|
{ key: 'infectiousDiseases', dictCode: 'pb_epidemic' },
|
|
|
- // 患者类型
|
|
|
|
|
- { key: 'type', dictCode: 'pb_type' },
|
|
|
|
|
- // 通路类型
|
|
|
|
|
- { key: 'vascularAccess', dictCode: 'va_type' },
|
|
|
|
|
- // 转归原因
|
|
|
|
|
- { key: 'return', dictCode: 'va_return' },
|
|
|
|
|
- // 首次透析方式
|
|
|
|
|
- { key: 'firstDialysisType', dictCode: 'dt' },
|
|
|
|
|
]);
|
|
]);
|
|
|
// 路由跳转
|
|
// 路由跳转
|
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
@@ -351,18 +338,6 @@
|
|
|
height: 10px;
|
|
height: 10px;
|
|
|
margin-right: 6px;
|
|
margin-right: 6px;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
-
|
|
|
|
|
- &--1 {
|
|
|
|
|
- background-color: #1bc1b3;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- &--2 {
|
|
|
|
|
- background-color: #d3d8dd;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- &--3 {
|
|
|
|
|
- background-color: #f7b500;
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
::v-deep(.ant-btn-link) {
|
|
::v-deep(.ant-btn-link) {
|