update_202401091203_单个治疗室多个客人的逻辑编写v4

jazz

2024-01-09 c1e10385c164520dceec34576ed506b28bad1e71

 src/components/xio_room_info_block/index.vue

@@ -1,6 +1,12 @@
<template>
  <div class="room_info">
    <div class="staff_box flex flex-ver flex-sb">
      <div v-if="occupyInfoViewArr.length > 1" class="staff_box_item flex-1 flex flex-center">
        <div>
          <div class="staff_box_item__title">客户名称</div>
          <div class="staff_box_item__name">{{ occupyInfoView.appellationName || occupyInfoView.userName || '' }}</div>
        </div>
      </div>
      <div class="staff_box_item flex-1 flex flex-center">
        <div>
          <div class="staff_box_item__title">分诊顾问</div>
@@ -30,12 +36,18 @@

<script>
export default {
  name: 'XioRoomStatusChg',
  name: 'XioRoomInfoBlock',
  props: {
    occupyInfoView: {
      type: [Object, Array],
      default: () => {
        return {}
      }
    },
    occupyInfoViewArr: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
@@ -81,14 +93,18 @@
  height: 180px;
}
.room_info .staff_box_item:nth-child(1) {
  background-color: rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.3);
}
.room_info .staff_box_item:nth-child(2) {
  background-color: rgba(255,255,255,0.3);
  background-color: rgba(255,255,255,0.1);
  margin: 0 10px;
}
.room_info .staff_box_item:nth-child(3) {
  background-color: rgba(255,255,255,0.3);
}
.room_info .staff_box_item:nth-child(4) {
  background-color: rgba(255,255,255,0.1);
  margin-left: 10px;
}
.room_info .staff_box_item__title {
  line-height: 28px;