update

eight

2024-10-24 9125541bf113a2d07ad84e7ed9fb1506dbde813f

 src/views/ecg/room/RoomLoginSelect.vue

@@ -2,12 +2,13 @@
  <div style="display: flex; flex-direction: column; align-items: center;">
    <div style="display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px">
      <div class=roomwrap v-for="(value, key) in bedMap" :key="key">
        <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @haveSeat="haveSeat" @leaveSeat="leaveSeat"/>
        <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/>
      </div>
      <el-empty v-if="isEmptyOpeningBed" description="工位没有开放"/>
    </div>
    <div>
      <el-button type="primary" @click="haveSeatConfirm">入座确认</el-button>
      <el-button type="primary" @click="leaveSeatConfirm">离座确认</el-button>
      <el-button @click="confirmCurSel">确认</el-button>
      <el-button @click="resetPage">重置</el-button>
    </div>
  </div>
</template>
@@ -15,10 +16,11 @@
<script setup lang="ts">
import {RoomBedSelect} from "@/components/RoomBedSelect"
import { RoomApi, RoomVO } from '@/api/ecg/room'
import { queueApi } from '@/api/ecg/queue'
import {useUserStore} from "@/store/modules/user";
import {ElMessage} from "element-plus";
import {ElMessage, ElMessageBox} from "element-plus";
import {isStringEmpty} from "@/utils/stringUtil";
import {cloneDeep} from "lodash-es";
import {DoctorApi} from "@/api/ecg/doctor";
const {  push } = useRouter()

defineOptions({ name: 'RoomLoginSelect' })
@@ -28,11 +30,9 @@
const userStore = useUserStore()
const curUser = userStore.getUser

const isEmptyOpeningBed = ref<boolean>(true);
const bedMap = ref() // 列表的数据

const originalSel = ref<RoomVO>();

let curSel = ref<RoomVO>({
const curSel = ref<RoomVO>({
  id: null,
  roomId: null,
  roomName: null,
@@ -40,27 +40,47 @@
  status: null,
  docId: null,
  docName: null
});
})

/** 初始化 **/
onMounted(() => {
  console.info( curUser.id + " onMounted")
    getList()
})

onActivated(() => {
  console.info( curUser.id + " onActivated")
    getList()
})

const resetPage = () => {
    getList()
}

/** 查询列表 */
const getList = async () => {
  const data = await RoomApi.getOnstageBedMap()
  bedMap.value = data;
  resetCurSel()

    for (const key in data) {
        const roomVOArray = data[key] as RoomVO[];
        roomVOArray.forEach((roomVO) => {
            if (roomVO.docId === curUser.id) {
                originalSel.value = roomVO
                curSel.value = roomVO
                return
            }
        } )
    }
  console.info( "getList before"  )
  const data = await RoomApi.getOpeningBedMap()
  bedMap.value = data;
  console.info( "getList after " + data )

  isEmptyOpeningBed.value = true
  for (const key in data) {
      isEmptyOpeningBed.value = false
      const roomVOArray = data[key] as RoomVO[];
      roomVOArray.forEach((roomVO) => {
        if (roomVO.docId === curUser.id) {
          curSel.value = roomVO
          userStore.setRoomInfoAction(curSel.value)
        }
      })
  }
}

const haveSeatConfirm = async () => {
  if (curSel.value.roomId === null) {
const confirmCurSel = () => {
  if (curSel.value.docId === null ) {
    ElMessage({
      message: '请先选择工作的位置!',
      type: 'info',
@@ -69,11 +89,21 @@
    return
  }

  if (curSel.value !== originalSel.value) {
    console.info(originalSel.value)
  if (isStringEmpty(route.redirectedFrom?.fullPath))
    push({ path: "/ecg/doctor"})
  else if(route.redirectedFrom?.fullPath === "/roomselect" )
    push({ path: "/ecg/doctor"})
  else if(route.redirectedFrom?.fullPath === "/ecg/roomselect" )
    push({ path: "/ecg/doctor"})
  else
    push({ path: route.redirectedFrom?.fullPath})
}

const haveSeatConfirm = async (newRoomVO: RoomVO) => {
  if (newRoomVO !== curSel.value) {
    let data;
    if (originalSel.value !== undefined) {
      data = await queueApi.bedDoctorOff(originalSel.value)
    if (curSel.value.docId !== null) {
      data = await DoctorApi.bedDoctorOff(curSel.value)
      if (data !== 0) {
        ElMessage({
          message: '内部错误!' + data,
@@ -83,7 +113,14 @@
        return
      }
    }
    data = await queueApi.bedDoctorOn(curSel.value)

    resetCurSel()
    userStore.clearRoomInfoAction()

    const tempRoomVO = cloneDeep(newRoomVO)
    tempRoomVO.docId = curUser.id
    tempRoomVO.docName = curUser.nickname
    data = await DoctorApi.bedDoctorOn(tempRoomVO)
    if (data !== 0) {
      ElMessage({
        message: '内部错误!' + data,
@@ -92,30 +129,30 @@
      });
      return
    }
    originalSel.value = curSel.value

    userStore.setRoomInfoAction(tempRoomVO)
    newRoomVO.docId = curUser.id
    newRoomVO.docName = curUser.nickname
    curSel.value = newRoomVO;
  }

  userStore.setRoomInfoAction(curSel.value)
  if (isStringEmpty(route.redirectedFrom?.fullPath))
    push({ path: "/"})
  else if(route.redirectedFrom?.fullPath === "/roomselect" )
    push({ path: "/"})
  else
    push({ path: route.redirectedFrom?.fullPath})
  if (isStringEmpty(route.redirectedFrom?.fullPath)) {
    push({path: "/ecg/doctor"})
  }
  else if(route.redirectedFrom?.fullPath === "/roomselect" ) {
    push({path: "/ecg/doctor"})
  }
  else if(route.redirectedFrom?.fullPath === "/ecg/roomselect" ) {
    push({path: "/ecg/doctor"})
  }
  else {
    push({path: route.redirectedFrom?.fullPath})
  }
}

const leaveSeatConfirm = async () => {
  if (curSel.value.roomId !== null) {
    ElMessage({
      message: '请先离开工位, 再确认离座!',
      type: 'info',
      duration: 3000 // 自动关闭时间，默认为3000ms
    });
    return
  }

  if (originalSel.value !== undefined) {
      let data = await queueApi.bedDoctorOff(originalSel.value)
  if (curSel.value.docId !== null) {
      let data = await DoctorApi.bedDoctorOff(curSel.value)
      if (data !== 0) {
          ElMessage({
              message: '内部错误!' + data,
@@ -124,39 +161,52 @@
          });
          return
      }
      originalSel.value = undefined
  }

  resetCurSel()
  userStore.clearRoomInfoAction()
}

const haveSeat = (roomVO: RoomVO) => {
    curSel.value.docId = null
    curSel.value.docName = null

    roomVO.docId = curUser.id
    roomVO.docName = curUser.nickname
    curSel.value = roomVO
}
const leaveSeat = (roomVO: RoomVO) => {
    curSel.value.docId = null
    curSel.value.docName = null

    curSel.value = {
      id: null,
      roomId: null,
      roomName: null,
      bedNo: null,
      status: null,
      docId: null,
      docName: null
    }
}

/** 初始化 **/
onMounted(() => {
  getList()
})
}

const haveSeat = async (newRoomVO: RoomVO) => {
  ElMessageBox.confirm(
      '入座, 是否继续?',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }
  ).then(async () => {
    haveSeatConfirm(newRoomVO)
  }).catch(() => {
  });
}

const leaveSeat = (roomVO: RoomVO) => {
  ElMessageBox.confirm(
      '离座, 是否继续?',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }
  ).then(() => {
    leaveSeatConfirm()
  }).catch(() => {
  });
}

const resetCurSel = () => {
    curSel.value.id = null
    curSel.value.roomId = null
    curSel.value.roomName = null
    curSel.value.bedNo = null
    curSel.value.status = null
    curSel.value.docId = null
    curSel.value.docName = null
}

</script>