From a093d1399467573329fa8415c66c40fab90bfda6 Mon Sep 17 00:00:00 2001
From: Euni4U <958079825@qq.com>
Date: Mon, 9 Dec 2024 16:33:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=B7=A5=E4=BD=9C=E9=87=8F?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/tblist/ecganalysisparas/index.ts |   4 +
 src/views/ECG/ECGStat/statdiagnosis.vue  | 190 +++++++++++++++++++++++
 2 files changed, 194 insertions(+)
 create mode 100644 src/views/ECG/ECGStat/statdiagnosis.vue

diff --git a/src/api/tblist/ecganalysisparas/index.ts b/src/api/tblist/ecganalysisparas/index.ts
index 4f756629..3ae1ccc8 100644
--- a/src/api/tblist/ecganalysisparas/index.ts
+++ b/src/api/tblist/ecganalysisparas/index.ts
@@ -81,4 +81,8 @@ export const EcganalysisparasApi = {
     getlist: async (regId:String) => {
       return await request.get({ url: `/tblist/ecganalysisparas/list?regId=${regId}` })
     },
+    // 获取开始和结束时间的心电分析数据记录
+    getDateStaAndEndData: async (orgId:String,startDate:String,endDate:String) => {
+      return await request.get({ url: `/tblist/ecganalysisparas/getDateStaAndEndData?orgId=${orgId}&TimeSta=${startDate}&TimeEnd=${endDate}` })
+    },
 }
diff --git a/src/views/ECG/ECGStat/statdiagnosis.vue b/src/views/ECG/ECGStat/statdiagnosis.vue
new file mode 100644
index 00000000..9db77f8a
--- /dev/null
+++ b/src/views/ECG/ECGStat/statdiagnosis.vue
@@ -0,0 +1,190 @@
+<template>
+  <ContentWrap style="height: 50px; display: flex; align-items: center">
+    <div class="demo-date-picker">
+      <div class="block">
+        <el-date-picker
+          v-model="value"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="defaultTime"
+          :disabledDate="disabledDate"
+          @change="handleDateChange"
+        />
+        <el-button style="margin-left: 20px" @click="toggleChartType">
+          {{ chartType === 'line' ? '切换为柱状图' : '切换为折线图' }}
+        </el-button>
+        <el-button style="margin-left: 20px" @click="getdata()">查询</el-button>
+      </div>
+    </div>
+  </ContentWrap>
+
+  <ContentWrap style="height: 80vh">
+    <div id="main" style="width: 100%; height: 80vh"> </div>
+  </ContentWrap>
+</template>
+
+<script setup lang="ts">
+import * as echarts from 'echarts'
+import { ref } from 'vue'
+import { EcganalysisparasApi } from '@/api/tblist/ecganalysisparas'
+import { getUserProfile, ProfileVO } from '@/api/system/user/profile'
+const Profilevo = ref<ProfileVO>({} as ProfileVO) //当前登录人信息
+const endDate = new Date()
+const startDate = new Date(endDate.getTime() - 7 * 24 * 3600 * 1000)
+const value = ref<[Date, Date]>([startDate, endDate])
+const getlogininfo = async () => {
+  Profilevo.value = await getUserProfile()
+}
+
+const defaultTime = ref<[Date, Date]>([
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59)
+])
+
+// 修改日期限制函数
+const disabledDate = (time: Date) => {
+  if (value.value && value.value[0]) {
+    const start = value.value[0]
+    const diff = 7 * 24 * 3600 * 1000
+    
+    // 如果是选择开始日期
+    if (!value.value[1]) {
+      const today = new Date()
+      return time.getTime() > today.getTime()
+    }
+    
+    // 如果是选择结束日期
+    return time.getTime() > start.getTime() + diff || time.getTime() < start.getTime()
+  }
+  
+  // 如果还没有选择任何日期，只限制不能选择未来日期
+  const today = new Date()
+  return time.getTime() > today.getTime()
+}
+
+// 添加一个生成日期数组的函数
+const generateDateArray = (startDate: Date, endDate: Date) => {
+  const dates = []
+  let currentDate = new Date(startDate)
+
+  while (currentDate <= endDate) {
+    dates.push(currentDate.toLocaleDateString('zh-CN', { month: '2-digit', day: '2-digit' }))
+    currentDate = new Date(currentDate.setDate(currentDate.getDate() + 1))
+  }
+  return dates
+}
+
+// 添加图表类型状态
+const chartType = ref('line')
+
+// 添加数据缓存
+const cachedData = ref<any[]>([])
+
+// 修改 getdata 函数
+async function getdata() {
+  const startDate = `${formatDate(value.value[0])} 00:00:00`
+  const endDate = `${formatDate(value.value[1])} 23:59:59`
+  
+  const data = await EcganalysisparasApi.getDateStaAndEndData(Profilevo.value.orgId, startDate, endDate)
+  cachedData.value = data  // 保存数据
+  updateChartWithData(data)
+}
+
+// 新增处理图表更新的方法
+const updateChartWithData = (data: any[]) => {
+  const dateArray = generateDateArray(value.value[0], value.value[1])
+  const countArray = calculateDailyDiagnosisCounts(data, dateArray)
+  
+  const myChart = echarts.init(document.getElementById('main'))
+  const option = {
+    tooltip: {},
+    xAxis: {
+      data: dateArray
+    },
+    yAxis: {},
+    series: [
+      {
+        name: '诊断数量',
+        type: chartType.value,
+        data: countArray
+      }
+    ]
+  }
+
+  myChart.setOption(option)
+}
+
+// 修改切换图表类型的方法
+const toggleChartType = () => {
+  chartType.value = chartType.value === 'line' ? 'bar' : 'line'
+  updateChartWithData(cachedData.value)  // 使用缓存的数据更新图表
+}
+
+// 修改 handleDateChange 函数
+const handleDateChange = (val: [Date, Date]) => {
+  if (val && val[0] && val[1]) {
+    const diff = val[1].getTime() - val[0].getTime()
+    if (diff > 7 * 24 * 3600 * 1000) {
+      // 如果选择范围超过7天，自动调整结束日期
+      value.value = [val[0], new Date(val[0].getTime() + 7 * 24 * 3600 * 1000 - 1)]
+    }
+
+    updateChart() // 使用新的更新图表方法
+  }
+}
+
+// 添加新的统计方法
+const calculateDailyDiagnosisCounts = (data: any[], dateArray: string[]) => {
+  // 初始化计数对象
+  const countMap = {}
+  dateArray.forEach(date => {
+    countMap[date] = 0
+  })
+  
+  // 统计每天的诊断数量
+  data.forEach(item => {
+    const date = new Date(item.doctorDiagTime)
+    const dateStr = date.toLocaleDateString('zh-CN', { month: '2-digit', day: '2-digit' })
+    if (countMap[dateStr] !== undefined) {
+      countMap[dateStr]++
+    }
+  })
+  
+  // 将统计结果转换为数组
+  return dateArray.map(date => countMap[date])
+}
+
+// 修改日期格式化
+const formatDate = (date: Date) => {
+  const year = date.getFullYear()
+  const month = String(date.getMonth() + 1).padStart(2, '0')
+  const day = String(date.getDate()).padStart(2, '0')
+  return `${year}-${month}-${day}`
+}
+
+// 修改 onMounted
+onMounted(() => {
+  getlogininfo()
+  // 设置默认时间范围为当前日期往前7天
+  const endDate = new Date()
+  const startDate = new Date(endDate.getTime() - 7 * 24 * 3600 * 1000)
+  value.value = [startDate, endDate]
+  updateChart()
+})
+</script>
+
+<style scoped>
+.demo-date-picker {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: 5px;
+}
+.demo-date-picker .block {
+  text-align: left;
+  flex: 0 auto;
+}
+.demo-date-picker .block:last-child {
+  border-right: none;
+}
+</style>