|  |  | 
 |  |  | <template> | 
 |  |  |   <div style="display: flex; flex-wrap: wrap; margin-bottom: 20px"> | 
 |  |  |   <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"/> | 
 |  |  |       <RoomStatus :title="key" :bedList="value"  @refresh="getList"/> | 
 |  |  |     </div> | 
 |  |  |   </div> | 
 |  |  |   <el-button @click="startUsing">启用</el-button> | 
 |  |  |   <el-button @click="startBiz"> 手动开诊 </el-button> | 
 |  |  |   <el-button @click="resetRoom"> 重置诊室 </el-button> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | import {RoomStatus} from "@/components/RoomStatus" | 
 |  |  | import { RoomApi, RoomVO } from '@/api/ecg/room' | 
 |  |  | import { queueApi, queueVO } from '@/api/ecg/queue' | 
 |  |  | import { QueueApi } from '@/api/ecg/queue' | 
 |  |  |  | 
 |  |  | defineOptions({ name: 'RoomStatusSetting' }) | 
 |  |  |  | 
 |  |  | const bedMap = ref<Map<String, RoomVO[]>>() // 列表的数据 | 
 |  |  | const bedMap = ref() // 列表的数据 | 
 |  |  |  | 
 |  |  | /** 查询列表 */ | 
 |  |  | const getList = async () => { | 
 |  |  | 
 |  |  |     bedMap.value = data as Map<String, RoomVO[]> | 
 |  |  | } | 
 |  |  |  | 
 |  |  | const startUsing = async () => { | 
 |  |  |   await queueApi.openingSetting(); | 
 |  |  | const startBiz = async () => { | 
 |  |  |   await QueueApi.startBiz(); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | const resetRoom = async () => { | 
 |  |  |   await RoomApi.resetRoom(); | 
 |  |  |   getList() | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /** 初始化 **/ |