New file |
| | |
| | | <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> |
| | | <div class="staff_box_item__name">{{ occupyInfoView.adviserName || '' }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="staff_box_item flex-1 flex flex-center"> |
| | | <div> |
| | | <div class="staff_box_item__title">执行医生</div> |
| | | <div class="staff_box_item__name">{{ occupyInfoView.aDoctorName || '' }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="staff_box_item flex-1 flex flex-center"> |
| | | <div> |
| | | <div class="staff_box_item__title">执行护士</div> |
| | | <div class="staff_box_item__name">{{ occupyInfoView.aNurseName || '' }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="room_info_project"> |
| | | <div class="room_info_project_block"> |
| | | <div class="tx">{{ occupyInfoView.projectName || '' }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'XioRoomInfoBlock', |
| | | props: { |
| | | occupyInfoView: { |
| | | type: [Object, Array], |
| | | default: () => { |
| | | return {} |
| | | } |
| | | }, |
| | | occupyInfoViewArr: { |
| | | type: Array, |
| | | default: () => { |
| | | return [] |
| | | } |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | |
| | | } |
| | | }, |
| | | methods: { |
| | | noop() { |
| | | return |
| | | }, |
| | | // 确认 |
| | | confirm() { |
| | | this.isShow = false |
| | | this.$emit('confirm', { }) |
| | | }, |
| | | // 显示弹窗 |
| | | showDialog() { |
| | | this.isShow = true |
| | | }, |
| | | // 关闭弹窗 |
| | | hideDialog() { |
| | | this.isShow = false |
| | | this.$emit('confirm', { }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .room_info { |
| | | width: 100%; |
| | | height: 100%; |
| | | border-radius: 10px; |
| | | background-color: rgba(255,255,255,0.3); |
| | | box-sizing: border-box; |
| | | padding-top: 30px; |
| | | } |
| | | .room_info .staff_box { |
| | | } |
| | | .room_info .staff_box_item { |
| | | height: 180px; |
| | | } |
| | | .room_info .staff_box_item:nth-child(1) { |
| | | background-color: rgba(255,255,255,0.3); |
| | | } |
| | | .room_info .staff_box_item:nth-child(2) { |
| | | 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; |
| | | color: rgba(255,255,255,1); |
| | | font-size: 20px; |
| | | text-align: center; |
| | | font-family: PingFangSC-regular; |
| | | } |
| | | .room_info .staff_box_item__name { |
| | | line-height: 56px; |
| | | color: rgba(255,255,255,1); |
| | | font-size: 40px; |
| | | text-align: center; |
| | | font-family: PingFangSC-medium; |
| | | margin-top: 5px; |
| | | } |
| | | .room_info .room_info_project { |
| | | padding: 36px 20px 20px 20px; |
| | | height: 138px; |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | | } |
| | | .room_info .room_info_project_block { |
| | | box-sizing: border-box; |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | | .room_info .room_info_project .tx { |
| | | line-height: 39px; |
| | | color: rgba(255,255,255,1); |
| | | font-size: 28px; |
| | | text-align: center; |
| | | font-family: PingFangSC-regular; |
| | | } |
| | | </style> |