From 62aa487fb57589c59d032a194fd34a9b617de033 Mon Sep 17 00:00:00 2001
From: lichuanyang <1176537920@qq.com>
Date: Tue, 17 Dec 2024 16:54:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=B1=E6=80=A5=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ECG/warningStatisticsReport/index.ts  |  14 +
 .../ECG/warningStatisticsReport/index.vue     | 452 ++++++++++++++++++
 2 files changed, 466 insertions(+)
 create mode 100644 src/api/ECG/warningStatisticsReport/index.ts
 create mode 100644 src/views/ECG/warningStatisticsReport/index.vue

diff --git a/src/api/ECG/warningStatisticsReport/index.ts b/src/api/ECG/warningStatisticsReport/index.ts
new file mode 100644
index 00000000..c05a1d4e
--- /dev/null
+++ b/src/api/ECG/warningStatisticsReport/index.ts
@@ -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 })
+  }
+}
diff --git a/src/views/ECG/warningStatisticsReport/index.vue b/src/views/ECG/warningStatisticsReport/index.vue
new file mode 100644
index 00000000..5452a453
--- /dev/null
+++ b/src/views/ECG/warningStatisticsReport/index.vue
@@ -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>