危急值
This commit is contained in:
parent
682fdd882a
commit
62aa487fb5
14
src/api/ECG/warningStatisticsReport/index.ts
Normal file
14
src/api/ECG/warningStatisticsReport/index.ts
Normal file
@ -0,0 +1,14 @@
|
||||
import request from '@/config/axios'
|
||||
|
||||
/*
|
||||
* 李传洋
|
||||
* WarningStatisticsReportApi
|
||||
*/
|
||||
export const WarningStatisticsReportApi = {
|
||||
getWarningStatisticsReport: async (params: any) => {
|
||||
return await request.get({ url: `/tblist/patientexamlist/warningStatisticsReport`, params })
|
||||
},
|
||||
getWarningListbyPatient: async (params: any) => {
|
||||
return await request.get({ url: `/system/warning/warningListbyPatient`, params })
|
||||
}
|
||||
}
|
||||
452
src/views/ECG/warningStatisticsReport/index.vue
Normal file
452
src/views/ECG/warningStatisticsReport/index.vue
Normal file
@ -0,0 +1,452 @@
|
||||
<template>
|
||||
<div>
|
||||
<ContentWrap>
|
||||
<el-form
|
||||
ref="queryFormRef"
|
||||
:model="queryParams"
|
||||
size="default"
|
||||
label-width="78px"
|
||||
label-position="right"
|
||||
label-suffix=""
|
||||
class="-mb-15px"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="诊断日期" prop="diagDate_ge" class="item-style date-picker">
|
||||
<el-date-picker
|
||||
v-model="queryParams.diagDate_ge"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="开始日期"
|
||||
class="item-width"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item
|
||||
label=""
|
||||
label-width="0px"
|
||||
prop="diagDate_le"
|
||||
class="item-style date-picker"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="queryParams.diagDate_le"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="结束日期"
|
||||
class="item-width"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="9">
|
||||
<el-form-item label="登记号" prop="regId" class="item-style">
|
||||
<el-input
|
||||
v-model="queryParams.regId"
|
||||
placeholder="请输入登记号"
|
||||
clearable
|
||||
class="item-width"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="5" style="text-align: right">
|
||||
<el-button
|
||||
@click="handleQuery"
|
||||
style="background-color: rgba(56, 119, 246, 1); color: rgba(255, 255, 255, 1)"
|
||||
>
|
||||
<Icon icon="ep:search" class="mr-5px" /> 搜索
|
||||
</el-button>
|
||||
<el-button @click="resetQuery">
|
||||
<Icon icon="ep:refresh" class="mr-5px" /> 重置
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</ContentWrap>
|
||||
|
||||
<ContentWrap class="mb-1px">
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
size="default"
|
||||
border
|
||||
:stripe="false"
|
||||
:show-overflow-tooltip="true"
|
||||
:data="list_infos"
|
||||
:header-cell-style="{
|
||||
background: 'rgb(235, 241, 250)',
|
||||
height: '40px',
|
||||
color: '#333333'
|
||||
}"
|
||||
:row-style="{ height: '40px' }"
|
||||
height="max(calc(100vh - 344px),100px)"
|
||||
>
|
||||
<el-table-column label="序号" align="center" width="54px">
|
||||
<template #default="scope"> {{ scope.$index + 1 }} </template>
|
||||
</el-table-column>
|
||||
<el-table-column label="登记号" align="center" prop="regId" width="240px" />
|
||||
<el-table-column label="检查号" align="center" prop="examId" width="240px" />
|
||||
<el-table-column label="患者姓名" align="center" prop="pname" width="130px" />
|
||||
<el-table-column label="性别" align="center" prop="gender" width="54px" />
|
||||
<el-table-column
|
||||
label="出生日期"
|
||||
align="center"
|
||||
prop="birthday"
|
||||
:formatter="dateFormatter2"
|
||||
width="110px"
|
||||
/>
|
||||
<el-table-column
|
||||
label="诊断日期"
|
||||
align="center"
|
||||
prop="diagDate"
|
||||
:formatter="dateFormatter2"
|
||||
width="110px"
|
||||
/>
|
||||
<el-table-column
|
||||
label="检查日期"
|
||||
align="center"
|
||||
prop="examDate"
|
||||
:formatter="dateFormatter2"
|
||||
width="110px"
|
||||
/>
|
||||
<el-table-column
|
||||
label="检查项目"
|
||||
header-align="center"
|
||||
prop="examItemName"
|
||||
min-width="260px"
|
||||
/>
|
||||
<el-table-column
|
||||
label="影像设备"
|
||||
header-align="center"
|
||||
prop="deviceName"
|
||||
min-width="260px"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" fixed="right" width="60px">
|
||||
<template #default="scope">
|
||||
<el-button link @click="handleRowClick(scope.row)" style="color: rgb(56, 119, 246)">
|
||||
查看
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 数据列 -->
|
||||
</el-table>
|
||||
<div>
|
||||
<Pagination
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNo"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</ContentWrap>
|
||||
|
||||
<el-drawer
|
||||
v-model="activeDrawer"
|
||||
direction="rtl"
|
||||
:with-header="false"
|
||||
:modal="activeDrawerModal"
|
||||
:size="activeDrawerSize"
|
||||
@closed="
|
||||
() => {
|
||||
reportInfoType = ''
|
||||
activeTabName = ''
|
||||
activeDrawerModal = true
|
||||
activeDrawerSize = '440px'
|
||||
}
|
||||
"
|
||||
>
|
||||
<div style="position: relative; z-index: 100">
|
||||
<el-button
|
||||
link
|
||||
@click="activeDrawer = false"
|
||||
style="position: absolute; top: 3px; right: 1px"
|
||||
>
|
||||
<Icon icon="ep:close" />
|
||||
</el-button>
|
||||
</div>
|
||||
<el-tabs v-model="activeTabName" style="margin-top: -8px; height: 100%">
|
||||
<el-tab-pane label="危急报告信息" name="diagnosisInfo">
|
||||
<el-form
|
||||
ref="infoFormRef"
|
||||
:model="infoParams"
|
||||
size="default"
|
||||
label-width="74px"
|
||||
label-position="top"
|
||||
label-suffix=""
|
||||
class="mt-20px ml-16px"
|
||||
>
|
||||
<div class="mt-40px ml-50px">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
:timestamp="formattedDate(warnings[0] ? warnings[0].reportDate : '')"
|
||||
placement="top"
|
||||
type="primary"
|
||||
:hollow="true"
|
||||
>
|
||||
<span style="font-size: 18px">危急值上报</span>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item
|
||||
:timestamp="new Date(conreadDateTime).toLocaleString().replace(/\//g, '-')"
|
||||
placement="top"
|
||||
type="primary"
|
||||
:hollow="true"
|
||||
>
|
||||
<span style="font-size: 18px">检查端收到提醒</span>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item
|
||||
:timestamp="checkDateTime"
|
||||
placement="top"
|
||||
type="primary"
|
||||
:hollow="true"
|
||||
v-if="isshowwjztime"
|
||||
>
|
||||
<span style="font-size: 18px">检查端确认危急值</span>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item
|
||||
:timestamp="checkDateTime"
|
||||
placement="top"
|
||||
type="primary"
|
||||
:hollow="true"
|
||||
v-if="isshowwjztime"
|
||||
>
|
||||
<span style="font-size: 18px">检查端发送确认回执</span>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-drawer>
|
||||
<!-- 可参考内容 -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { formatDate, dateFormatter, dateFormatter2 } from '@/utils/formatTime'
|
||||
import { WarningStatisticsReportApi } from '@/api/ECG/warningStatisticsReport'
|
||||
|
||||
defineOptions({ name: 'WarningStatisticsReport' })
|
||||
/*
|
||||
* 李传洋
|
||||
* 危急报告统计
|
||||
**/
|
||||
/** 导入内容 **/
|
||||
|
||||
/** 组件引用 **/
|
||||
const queryFormRef = ref()
|
||||
const infoFormRef = ref()
|
||||
|
||||
/** 数据结构 **/
|
||||
const message = useMessage()
|
||||
const { t } = useI18n()
|
||||
const activeDrawer = ref(false)
|
||||
const activeDrawerModal = ref(true)
|
||||
const activeDrawerSize = ref<any>('440px')
|
||||
const activeTabName = ref('diagnosisInfo')
|
||||
const reportInfoType = ref('') //us、ct
|
||||
const age = ref<any>('')
|
||||
const examItemNameEdit = ref('')
|
||||
//表单核心
|
||||
const queryParams = ref({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
orgId: '',
|
||||
regId: '',
|
||||
diagDate_ge: '',
|
||||
diagDate_le: ''
|
||||
})
|
||||
const infoParams = ref({
|
||||
id: '',
|
||||
examId: '',
|
||||
regId: '',
|
||||
orgId: '',
|
||||
pname: '',
|
||||
gender: '',
|
||||
birthday: '',
|
||||
billDoctorDepartment: '',
|
||||
applicationDate: '',
|
||||
examDescription: '',
|
||||
diagResults: '',
|
||||
examItemName: '',
|
||||
deviceName: '',
|
||||
deviceType: '',
|
||||
diagDoctor: '',
|
||||
diagDate: '',
|
||||
reviewDoctor: '',
|
||||
reviewDate: ''
|
||||
})
|
||||
const warnings = ref<any[]>([])
|
||||
const conreadDateTime = ref<any>()
|
||||
const checkDateTime = ref<any>()
|
||||
const isshowwjztime = ref(false)
|
||||
//表格核心
|
||||
const list_infos = ref<any[]>([])
|
||||
const loading = ref(true)
|
||||
const total = ref(0)
|
||||
|
||||
/****** 自定义内容 ******/
|
||||
const formattedDate = (timestamp) => {
|
||||
if (!timestamp) return ''
|
||||
const date = new Date(timestamp)
|
||||
const strdata = formatDate(date, 'YYYY-MM-DD HH:mm:ss')
|
||||
return strdata
|
||||
}
|
||||
|
||||
const calculateAge = async (birthdate) => {
|
||||
if (!birthdate) {
|
||||
age.value = ''
|
||||
return
|
||||
}
|
||||
const today = new Date()
|
||||
const birth = new Date(birthdate)
|
||||
let yearsDiff = today.getFullYear() - birth.getFullYear()
|
||||
// Check if the birthday hasn't occurred yet this year
|
||||
const hasBirthdayPassed =
|
||||
today.getMonth() > birth.getMonth() ||
|
||||
(today.getMonth() === birth.getMonth() && today.getDate() >= birth.getDate())
|
||||
if (!hasBirthdayPassed) {
|
||||
yearsDiff--
|
||||
}
|
||||
age.value = yearsDiff
|
||||
}
|
||||
|
||||
const resetDiagnosisInfo = async () => {
|
||||
infoParams.value = {
|
||||
id: '',
|
||||
examId: '',
|
||||
regId: '',
|
||||
orgId: '',
|
||||
pname: '',
|
||||
gender: '',
|
||||
birthday: '',
|
||||
billDoctorDepartment: '',
|
||||
applicationDate: '',
|
||||
examDescription: '',
|
||||
diagResults: '',
|
||||
examItemName: '',
|
||||
deviceName: '',
|
||||
deviceType: '',
|
||||
diagDoctor: '',
|
||||
diagDate: '',
|
||||
reviewDoctor: '',
|
||||
reviewDate: ''
|
||||
}
|
||||
warnings.value = []
|
||||
conreadDateTime.value = {}
|
||||
checkDateTime.value = {}
|
||||
age.value = ''
|
||||
examItemNameEdit.value = ''
|
||||
infoFormRef.value?.clearValidate()
|
||||
}
|
||||
|
||||
const getList = async () => {
|
||||
resetDiagnosisInfo()
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await WarningStatisticsReportApi.getWarningStatisticsReport(queryParams.value)
|
||||
list_infos.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/****** 可参考内容 ******/
|
||||
/** 组件事件 **/
|
||||
const handleQuery = async () => {
|
||||
queryParams.value.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
const resetQuery = async () => {
|
||||
queryParams.value = {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
orgId: '',
|
||||
regId: '',
|
||||
diagDate_ge: '',
|
||||
diagDate_le: ''
|
||||
}
|
||||
queryFormRef.value?.clearValidate()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
const handleRowClick = async (row) => {
|
||||
resetDiagnosisInfo()
|
||||
if (row) {
|
||||
infoParams.value = row
|
||||
warnings.value = await WarningStatisticsReportApi.getWarningListbyPatient({
|
||||
orgId: '',
|
||||
regId: row.regId,
|
||||
examId: row.examId
|
||||
})
|
||||
if (
|
||||
warnings.value &&
|
||||
Array.isArray(warnings.value) &&
|
||||
warnings.value.length > 0 &&
|
||||
warnings.value[0] &&
|
||||
warnings.value[0].readDateTime
|
||||
)
|
||||
conreadDateTime.value = warnings.value[0].readDateTime
|
||||
else conreadDateTime.value = new Date().toLocaleString().replace(/\//g, '-')
|
||||
if (
|
||||
warnings.value &&
|
||||
Array.isArray(warnings.value) &&
|
||||
warnings.value.length > 0 &&
|
||||
warnings.value[0] &&
|
||||
warnings.value[0].checkDateTime
|
||||
) {
|
||||
checkDateTime.value = formattedDate(warnings.value[0].checkDateTime)
|
||||
isshowwjztime.value = true
|
||||
} else {
|
||||
checkDateTime.value = new Date().toLocaleString().replace(/\//g, '-')
|
||||
isshowwjztime.value = false
|
||||
}
|
||||
calculateAge(row.birthday)
|
||||
examItemNameEdit.value = row.examItemName
|
||||
if (row.deviceType && row.deviceType.trim().toLowerCase() == 'us') reportInfoType.value = 'us'
|
||||
else if (row.deviceType && row.deviceType.trim().toLowerCase() == 'csh1')
|
||||
reportInfoType.value = 'csh1'
|
||||
else reportInfoType.value = 'ct'
|
||||
}
|
||||
activeTabName.value = 'diagnosisInfo'
|
||||
activeDrawer.value = true
|
||||
}
|
||||
|
||||
/** 钩子方法 **/
|
||||
onMounted(async () => {
|
||||
getList()
|
||||
})
|
||||
|
||||
/** 防空作用域 **/
|
||||
console.log(dateFormatter)
|
||||
console.log(message)
|
||||
console.log(t)
|
||||
//console.log(null)
|
||||
|
||||
/** 导出内容 **/
|
||||
/**
|
||||
* 备注：
|
||||
*
|
||||
* **/
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.el-form-item__label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.item-style {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.item-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.date-picker :deep(.item-width) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.radio-group {
|
||||
border: 1px solid #ececec;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user