From 396fa3839bc63329feab4e2d143a64e944dd106d Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期四, 19 九月 2024 17:15:22 +0800
Subject: [PATCH] 重叫功能 完成
---
src/views/ecg/callingscreen/roomscreen.vue | 74 +++++++++++++++++++++----------------
1 files changed, 42 insertions(+), 32 deletions(-)
diff --git a/src/views/ecg/callingscreen/roomscreen.vue b/src/views/ecg/callingscreen/roomscreen.vue
index 3d9f039..decf64a 100644
--- a/src/views/ecg/callingscreen/roomscreen.vue
+++ b/src/views/ecg/callingscreen/roomscreen.vue
@@ -1,13 +1,13 @@
<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 = ref<RoomBedVO>({
roomId : null,
@@ -15,14 +15,8 @@
bedNo: null
})
-const statusMap = new Map([
- [20, "鍑嗗涓�"],
- [30, "灏辫瘖涓�"],
- [50, "杩囧彿"]
-]);
-
const getList = async () => {
- const data = await QueueApi.getRoomScreenData()
+ const data = await ScreenApi.getRoomScreenData()
list.value = data
}
@@ -46,32 +40,48 @@
</script>
<template>
- <el-container>
- <el-aside width="200px">Aside</el-aside>
- <el-container>
- <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>Footer</el-footer>
- </el-container>
+ <el-container style="height: 100%;">
+ <el-header style="font-size: 25px">{{ roomBed.roomName }}</el-header>
+ <el-main>
+ <el-table
+ :data="list"
+ stripe
+ :show-header="false"
+ style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7); font-size: 18px;">
+ <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-container>
</template>
<style scoped lang="scss">
+.el-header, .el-footer {
+ background-color: var(--el-color-primary-light-7);
+ color: #333;
+ text-align: center;
+ line-height: 60px;
+}
+.el-aside {
+ background-color: var(--el-color-primary-light-7);
+ color: #333;
+ text-align: center;
+ line-height: 200px;
+}
+
+.el-main {
+ background-color: var(--el-color-primary-light-7);
+ color: #333;
+ padding: 0 0;
+ text-align: center;
+ line-height: 160px;
+}
</style>
--
Gitblit v1.9.3