eight
2024-08-28 2bc74ebfec4a30beddc66fd55be4947e5f7cf498
src/views/ecg/room/RoomLoginSelect.vue
@@ -2,25 +2,21 @@
  <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" v-model="curSel"/>
        <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/>
      </div>
    </div>
    <el-button type="primary" @click="roomConfirm">确认</el-button>
    <el-button type="primary" @click="test">TEST</el-button>
    <el-button @click="confirmCurSel">确认</el-button>
  </div>
</template>
<script setup lang="ts">
import {RoomBedSelect} from "@/components/RoomBedSelect"
import { RoomApi, RoomVO } from '@/api/ecg/room'
import { queueApi, queueVO } from '@/api/ecg/queue'
import { queueApi } from '@/api/ecg/queue'
import {useUserStore} from "@/store/modules/user";
import {CACHE_KEY, useCache} from "@/hooks/web/useCache";
import {ElMessage} from "element-plus";
import {isStringEmpty}  from "@/utils/stringUtil"
import {ElMessage, ElMessageBox} from "element-plus";
import {isStringEmpty} from "@/utils/stringUtil";
const {  push } = useRouter()
const { wsCache } = useCache()
defineOptions({ name: 'RoomLoginSelect' })
@@ -29,26 +25,18 @@
const userStore = useUserStore()
const curUser = userStore.getUser
const bedMap = ref<Map<string, RoomVO[]>>() // 列表的数据
const bedMap = ref() // 列表的数据
const originalSel = ref<RoomVO>({
    id: 0,
    roomId: 0,
    roomName: "",
    bedNo: "",
    status: 0,
    docId: 0,
    docName: ""
});
const originalSel = ref<RoomVO>();
const curSel = ref<RoomVO>({
    id: 0,
    roomId: 0,
    roomName: "",
    bedNo: "",
    status: 0,
    docId: 0,
    docName: ""
let curSel = ref<RoomVO>({
  id: null,
  roomId: null,
  roomName: null,
  bedNo: null,
  status: null,
  docId: null,
  docName: null
});
/** 查询列表 */
@@ -68,10 +56,8 @@
    }
}
const roomConfirm = async () => {
  console.info(curSel.value)
  if (curSel.value.roomId === 0) {
const haveSeatConfirm = async () => {
  if (curSel.value.roomId === null) {
    ElMessage({
      message: '请先选择工作的位置!',
      type: 'info',
@@ -81,7 +67,52 @@
  }
  if (curSel.value !== originalSel.value) {
      const data = await queueApi.bedDoctorOn(curSel.value)
    console.info(originalSel.value)
    let data;
    if (originalSel.value !== undefined) {
      data = await queueApi.bedDoctorOff(originalSel.value)
      if (data !== 0) {
        ElMessage({
          message: '内部错误!' + data,
          type: 'info',
          duration: 3000 // 自动关闭时间,默认为3000ms
        });
        return
      }
    }
    data = await queueApi.bedDoctorOn(curSel.value)
    if (data !== 0) {
      ElMessage({
        message: '内部错误!' + data,
        type: 'info',
        duration: 3000 // 自动关闭时间,默认为3000ms
      });
      return
    }
    originalSel.value = curSel.value
  }
  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})
}
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 (data !== 0) {
          ElMessage({
              message: '内部错误!' + data,
@@ -90,23 +121,83 @@
          });
          return
      }
      originalSel.value = undefined
  }
  userStore.clearRoomInfoAction()
}
const haveSeat = (roomVO: RoomVO) => {
  ElMessageBox.confirm(
      '入座, 是否继续?',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }
  ).then(() => {
    console.log('确认');
    curSel.value.docId = null
    curSel.value.docName = null
    roomVO.docId = curUser.id
    roomVO.docName = curUser.nickname
    curSel.value = roomVO
    haveSeatConfirm()
  }).catch(() => {
    console.log('取消');
  });
}
const leaveSeat = (roomVO: RoomVO) => {
  ElMessageBox.confirm(
      '离座, 是否继续?',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }
  ).then(() => {
    console.log('确认');
    curSel.value.docId = null
    curSel.value.docName = null
    curSel.value = {
      id: null,
      roomId: null,
      roomName: null,
      bedNo: null,
      status: null,
      docId: null,
      docName: null
    }
    leaveSeatConfirm()
  }).catch(() => {
    console.log('取消');
  });
}
const confirmCurSel = () => {
  if (curSel.value.docId === null ) {
    ElMessage({
      message: '请先选择工作的位置!',
      type: 'info',
      duration: 3000 // 自动关闭时间,默认为3000ms
    });
    return
  }
  userStore.setRoomInfoAction(curSel.value)
  if (isStringEmpty(route.redirectedFrom?.fullPath))
    push({ path: "/"})
  else if(route.redirectedFrom?.fullPath === "/login-room-select" )
      push({ path: "/"})
  else if(route.redirectedFrom?.fullPath === "/roomselect" )
    push({ path: "/"})
  else
    push({ path: route.redirectedFrom?.fullPath})
}
const test = () => {
  userStore.getRoom;
  console.info(userStore.getRoom);
  const userInfo = wsCache.get(CACHE_KEY.USER)
  console.info(userInfo);
}
/** 初始化 **/