诊间屏

eight

2024-09-04 55503c0be0e66ba68ee9a36cb8dc83468f97896f

诊间屏

 src/api/ecg/queue/index.ts

@@ -71,9 +71,8 @@
  },

  //
  getRoomScreenData: async (params) => {
    return await request.get({ url: `/ecg/queue/room-screen-data`, params })
  getRoomScreenData: async () => {
    return await request.get({ url: `/ecg/queue/room-screen-data` })
  }


}

 src/api/ecg/room/index.ts

@@ -30,6 +30,11 @@
    return await request.get({ url: `/clinic/room/get?id=` + id })
  },

  // 查询诊室和诊疗床详情
  getRoomByIP: async () => {
    return await request.get({ url: `/clinic/room/get-room-by-ip`})
  },

  // 新增诊室和诊疗床
  createRoom: async (data: RoomVO) => {
    return await request.post({ url: `/clinic/room/create`, data })

 src/views/ecg/callingscreen/roomscreen.vue

@@ -2,21 +2,46 @@

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";

defineOptions({ name: 'roomscreen' })

const list = ref<QueueVO[]>([]) // 列表的数据

const roomBed : RoomBedVO = {
const roomBed : RoomBedVO = ref<RoomBedVO>({
  roomId : null,
  roomName: null,
  bedNo: null
}
})

const statusMap  = new Map([
  [20, "准备中"],
  [30, "就诊中"],
  [50, "过号"]
]);

const getList = async () => {
  const data = await QueueApi.getRoomScreenData(queryParams)
  list.value = data.list
  const data = await QueueApi.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>

@@ -24,8 +49,24 @@
  <el-container>
    <el-aside width="200px">Aside</el-aside>
    <el-container>
      <el-header>Header</el-header>
      <el-main>Main</el-main>
      <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>