From e84705f4809b57509b8665f0b5db4fc435e08496 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 10 十月 2024 16:36:59 +0800 Subject: [PATCH] 工位状态 动态查看 --- src/views/ecg/room/RoomSetting.vue | 55 +++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 37 insertions(+), 18 deletions(-) diff --git a/src/views/ecg/room/RoomSetting.vue b/src/views/ecg/room/RoomSetting.vue index f95e1bc..cf36c6e 100644 --- a/src/views/ecg/room/RoomSetting.vue +++ b/src/views/ecg/room/RoomSetting.vue @@ -1,19 +1,26 @@ <template> - <div style="display: flex; flex-direction: column; align-items: center;"> - <div>寮�璇婃椂闂达細{{ openingPeriod }} 鐩戞帶淇℃伅: {{ monitorInfo.openingFlag }} {{ monitorInfo.queueNum }} {{ monitorInfo.activeQueueNum }}</div> - <div style="display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px"> - <div class=wrap v-for="(value, key) in bedMap" :key="key"> - <RoomStatus :title="key" :bedList="value" @refresh="getList"/> - </div> - </div> - <div> - <el-button @click="startBiz" > 鎵嬪姩寮�璇� </el-button> - <el-button @click="closeBiz" > 鎵嬪姩闂瘖 </el-button> - <el-button @click="resetRoom" > 閲嶇疆璇婂 </el-button> - <el-button @click="resetSchedule" > 閲嶇疆瀹氭椂浠诲姟 </el-button> - <el-button @click="refresh" > 鍒锋柊 </el-button> - </div> - </div> + <el-container> + <el-main> + <div style="display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px"> + <div class=wrap v-for="(value, key) in bedMap" :key="key"> + <RoomStatus :title="key" :bedList="value" @refresh="getList"/> + </div> + </div> + <div style="display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px"> + <el-button @click="startBiz" > 鎵嬪姩寮�璇� </el-button> + <el-button @click="closeBiz" > 鎵嬪姩闂瘖 </el-button> + <el-button @click="resetRoom" > 閲嶇疆璇婂 </el-button> + <el-button @click="resetSchedule" > 閲嶇疆瀹氭椂浠诲姟 </el-button> + <el-button @click="refresh" > 鍒锋柊 </el-button> + </div> + </el-main> + <el-aside width="250px"> + <div>寮�璇婃椂闂达細{{ openingPeriod }} {{ monitorInfo.openingFlag }} {{monitorInfo.queueNum}} {{monitorInfo.activeQueueNum}}</div> + <div v-for="(value, key) in monitorInfo.checkTypeBedInfo" :key="key"> + {{ mapCheckType.get(Number(key)) }} {{ value }} + </div> + </el-aside> + </el-container> </template> <script setup lang="ts"> @@ -21,16 +28,19 @@ import { RoomApi, RoomVO, MonitorInfo } from '@/api/ecg/room' import { QueueApi } from '@/api/ecg/queue' import { getConfigKey } from '@/api/infra/config' +import {DICT_TYPE, getIntDictOptions} from "@/utils/dict"; defineOptions({ name: 'RoomSetting' }) const bedMap = ref() // 鍒楄〃鐨勬暟鎹� +let mapCheckType: Map<number, string> = new Map(); const openingPeriod = ref<string>('') const monitorInfo = ref<MonitorInfo>({ - queueNum : 0, - activeQueueNum : 0, - openingFlag : 0 + queueNum: 0, + activeQueueNum: 0, + openingFlag: 0, + checkTypeBedInfo: undefined }) const getOpeningPeriod = async () => { @@ -74,9 +84,18 @@ getMonitorInfo() } +const getCheckTypeList = () => { + const data = getIntDictOptions(DICT_TYPE.ECG_CHECK_TYPE) + console.info( data ) + data.forEach((checkTypeItem) => { + mapCheckType.set(checkTypeItem.value, checkTypeItem.label) + }) +} + /** 鍒濆鍖� **/ onMounted(() => { getList() + getCheckTypeList() getOpeningPeriod() getMonitorInfo() }) -- Gitblit v1.9.3