From deea4f96f68325f4c9a8ab743342980f076c758d Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期六, 14 九月 2024 16:32:27 +0800
Subject: [PATCH] 大屏 布局调整
---
src/views/ecg/callingscreen/roomscreen.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 45 insertions(+), 10 deletions(-)
diff --git a/src/views/ecg/callingscreen/roomscreen.vue b/src/views/ecg/callingscreen/roomscreen.vue
index b4993fa..0d3afeb 100644
--- a/src/views/ecg/callingscreen/roomscreen.vue
+++ b/src/views/ecg/callingscreen/roomscreen.vue
@@ -1,32 +1,67 @@
<script setup lang="ts">
-import {QueueApi, QueueVO} from "@/api/ecg/queue";
import {RoomBedVO} from "@/api/ecg/doctor";
+import {DICT_TYPE} from "@/utils/dict";
+import {RoomApi} from "@/api/ecg/room";
+import {CallingVO, statusMap, ScreenApi} from "@/api/ecg/screen";
defineOptions({ name: 'roomscreen' })
-const list = ref<QueueVO[]>([]) // 鍒楄〃鐨勬暟鎹�
+const list = ref<CallingVO[]>([]) // 鍒楄〃鐨勬暟鎹�
-const roomBed : RoomBedVO = {
+const roomBed : RoomBedVO = ref<RoomBedVO>({
roomId : null,
roomName: null,
bedNo: null
-}
+})
const getList = async () => {
- const data = await QueueApi.getRoomScreenData(queryParams)
- list.value = data.list
+ const data = await ScreenApi.getRoomScreenData()
+ list.value = data
}
+
+const getRoomByIp = async () => {
+ const data = await RoomApi.getRoomByIP()
+ roomBed.value = data
+}
+
+const startScrolling = () => {
+ setInterval(() => {
+ // console.info("...")
+ getList()
+ }, 3000); // 姣忎袱绉掓粴鍔ㄤ竴娆�
+}
+
+onMounted( () => {
+ getRoomByIp()
+ startScrolling()
+})
</script>
<template>
<el-container>
- <el-aside width="200px">Aside</el-aside>
+ <el-aside width="200px">A----</el-aside>
<el-container>
- <el-header>Header</el-header>
- <el-main>Main</el-main>
- <el-footer>Footer</el-footer>
+ <el-header>{{ roomBed.roomName }}</el-header>
+ <el-main>
+ <el-table
+ :data="list"
+ stripe
+ :show-header="false"
+ style="width: 100%">
+ <el-table-column
+ prop="patName"
+ label="鎮ｈ�呭鍚�"
+ width="80"/>
+ <el-table-column label="鐘舵��" align="center" :prop="status" width="80">
+ <template #default="scope">
+ {{ statusMap.get(scope.row.status) }}
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-main>
+ <el-footer>F----</el-footer>
</el-container>
</el-container>
</template>
--
Gitblit v1.9.3