样式调整

long

2024-02-01 0e11d74e0e2d664d6104636a75558c31ead2448c

 src/pages/room/detail.vue

@@ -24,9 +24,11 @@
    <div class="page_header_placeholer" />
    <!-- 未有安排 -->
    <div v-if="(!occupyInfoViewArr || !occupyInfoViewArr.length) && (!assignTreatListView || !assignTreatListView.length)" class="page_container flex flex-1">
      <div class="main flex-1">
      <div class="main flex-1 flex flex-col">
        <div v-if="roomInfo && roomInfo.roomNo" class="room_title">{{ roomInfo.roomNo }}</div>
        <div v-if="roomInfo" class="room_main_tip" style="margin-top: 93px;line-height: 186px;font-size: 140px;">-{{ statusTx[roomInfo.status] }}-</div>
        <div class="flex-1" />
        <div v-if="roomInfo" class="room_main_tip" style="line-height: 186px;font-size: 140px;margin-top: 0">-{{ statusTx[roomInfo.status] }}-</div>
        <div class="flex-1" />
        <div class="btn_box flex flex-center">
          <div class="flex flex-ver">
            <div class="btn_box__item flex flex-center white" data-tx="空闲" data-status="0" @click="statusChg">
@@ -95,7 +97,7 @@
      </div>
      <div class="right flex flex-col">
        <div v-for="(item,index) in occupyInfoViewArr" :key="index" class="flex-1 right_room_info">
          <XioRoomInfoBlock ref="XioRoomInfoBlock" :occupy-info-view="item" />
          <XioRoomInfoBlock ref="XioRoomInfoBlock" :occupy-info-view="item" :occupy-info-view-arr="occupyInfoViewArr" />
        </div>
        <div v-if="occupyInfoViewArr.length<=1" class="flex flex-col" style="border-radius: 10px;">
          <XioRoomGuestBox ref="XioRoomGuestBox" :assign-treat-list-view-com="assignTreatListView" @selectCustomer="selectCustomer" />
@@ -191,7 +193,7 @@
        } else {
          // 还没使用默认客人值或者已使用默认客人值还没改变状态（适配轮询）
          if ((!isUseDefault || (isUseDefault && isUseDefaultChg === 0)) && this.assignTreatList && this.assignTreatList.length) {
            isUseDefault = true
            // isUseDefault = true
            return this.assignTreatList[0]
          // 已使用过默认客人值
          } else {
@@ -342,6 +344,13 @@
            })
          }
        })
        // 基本不会出现这种情况，但是以防万一，若本地缓存id存在，但对不上列表则缓存第一条数据id
        if (!arr.length) {
          arr.push(this.assignTreatList[0])
          this.curTreatIds = []
          this.curTreatIds.push(this.assignTreatList[0].id)
          this.setLocalCurTreatIds()
        }
      }
      return arr
    },
@@ -382,6 +391,7 @@
                userName: '黄嘉荣',
                gender: 1,
                hempStatus: 2,
                treatRoomStatus: 0,
                ciq: '123',
                adviserName: 'a君',
                aDoctorName: 'b君',
@@ -395,6 +405,7 @@
                userName: '李德华',
                gender: 1,
                hempStatus: 2,
                treatRoomStatus: 0,
                ciq: '456',
                adviserName: 'd君',
                aDoctorName: 'e君',
@@ -408,6 +419,7 @@
                userName: '猛学友',
                gender: 2,
                hempStatus: 2,
                treatRoomStatus: 0,
                ciq: '789',
                adviserName: 'g君',
                aDoctorName: 'h君',
@@ -561,18 +573,18 @@

        // 当前选择客户的数组删除客户
        this.occupyInfoViewArrDataHandle('cancel', item)
        params.treatRoomList = []
        if (arr && arr.length) {
          arr.forEach((o) => {
            params.treatRoomList.push({
              treatRecordId: o.id,
              status: o.treatRoomStatus
            })
          })
        }
      } else {
        // 更改的状态
        params.status = status * 1
      }
      params.treatRoomList = []
      if (arr && arr.length) {
        arr.forEach((o) => {
          params.treatRoomList.push({
            treatRecordId: o.id,
            status: o.treatRoomStatus
          })
        })
      }

      Req.http.post({
@@ -591,7 +603,7 @@
          isUseDefaultChg = 1
        }
        // 只要更改为空闲就重置参数
        if (status === 0) {
        if (params.status === 0) {
          console.log('房间更改为空闲')
          // 重置默认已使用客人的参数
          isUseDefault = false
@@ -734,6 +746,9 @@
}
.page_header_placeholer {
  height: 100px;
  width: 100%;
  display: block;
  flex-shrink: 0;
}
.page_header {
  position: fixed;
@@ -811,7 +826,8 @@
  color: rgba(154,154,154,1);
}
.page_container .main .btn_box {
  margin-top: 130px;
  /* margin-top: 130px; */
  margin-bottom: 40px;
}
.page_container .main .btn_box__item {
  width: 250px;