治疗室屏幕web
查看 | 历史 | 提交 | 提交对比
jxmanxk
2024-01-23 6d37dc93b40c6935f65ec4c68b7f6985c9d3bad5
提交 | 用户 | age
459990 1 <template>
J 2   <div class="room_info">
3     <div class="staff_box flex flex-ver flex-sb">
c1e103 4       <div v-if="occupyInfoViewArr.length > 1" class="staff_box_item flex-1 flex flex-center">
J 5         <div>
6           <div class="staff_box_item__title">客户名称</div>
7           <div class="staff_box_item__name">{{ occupyInfoView.appellationName || occupyInfoView.userName || '' }}</div>
8         </div>
9       </div>
459990 10       <div class="staff_box_item flex-1 flex flex-center">
J 11         <div>
12           <div class="staff_box_item__title">分诊顾问</div>
13           <div class="staff_box_item__name">{{ occupyInfoView.adviserName || '' }}</div>
14         </div>
15       </div>
16       <div class="staff_box_item flex-1 flex flex-center">
17         <div>
18           <div class="staff_box_item__title">执行医生</div>
19           <div class="staff_box_item__name">{{ occupyInfoView.aDoctorName || '' }}</div>
20         </div>
21       </div>
22       <div class="staff_box_item flex-1 flex flex-center">
23         <div>
24           <div class="staff_box_item__title">执行护士</div>
25           <div class="staff_box_item__name">{{ occupyInfoView.aNurseName || '' }}</div>
26         </div>
27       </div>
28     </div>
29     <div class="room_info_project">
30       <div class="room_info_project_block">
31         <div class="tx">{{ occupyInfoView.projectName || '' }}</div>
32       </div>
33     </div>
34   </div>
35 </template>
36
37 <script>
38 export default {
c1e103 39   name: 'XioRoomInfoBlock',
459990 40   props: {
J 41     occupyInfoView: {
42       type: [Object, Array],
43       default: () => {
44         return {}
c1e103 45       }
J 46     },
47     occupyInfoViewArr: {
48       type: Array,
49       default: () => {
50         return []
459990 51       }
J 52     }
53   },
54   data() {
55     return {
56
57     }
58   },
59   methods: {
60     noop() {
61       return
62     },
63     // 确认
64     confirm() {
65       this.isShow = false
66       this.$emit('confirm', { })
67     },
68     // 显示弹窗
69     showDialog() {
70       this.isShow = true
71     },
72     // 关闭弹窗
73     hideDialog() {
74       this.isShow = false
75       this.$emit('confirm', { })
76     }
77   }
78 }
79 </script>
80
81 <style scoped>
82 .room_info {
83   width: 100%;
84   height: 100%;
85   border-radius: 10px;
86   background-color: rgba(255,255,255,0.3);
87   box-sizing: border-box;
88   padding-top: 30px;
89 }
90 .room_info .staff_box {
91 }
92 .room_info .staff_box_item {
93   height: 180px;
94 }
95 .room_info .staff_box_item:nth-child(1) {
c1e103 96   background-color: rgba(255,255,255,0.3);
459990 97 }
J 98 .room_info .staff_box_item:nth-child(2) {
c1e103 99   background-color: rgba(255,255,255,0.1);
459990 100   margin: 0 10px;
J 101 }
102 .room_info .staff_box_item:nth-child(3) {
c1e103 103   background-color: rgba(255,255,255,0.3);
J 104 }
105 .room_info .staff_box_item:nth-child(4) {
459990 106   background-color: rgba(255,255,255,0.1);
c1e103 107   margin-left: 10px;
459990 108 }
J 109 .room_info .staff_box_item__title {
110   line-height: 28px;
111   color: rgba(255,255,255,1);
112   font-size: 20px;
113   text-align: center;
114   font-family: PingFangSC-regular;
115 }
116 .room_info .staff_box_item__name {
117   line-height: 56px;
118   color: rgba(255,255,255,1);
119   font-size: 40px;
120   text-align: center;
121   font-family: PingFangSC-medium;
122   margin-top: 5px;
123 }
124 .room_info .room_info_project {
125   padding: 36px 20px 20px 20px;
126   height: 138px;
127   box-sizing: border-box;
128   overflow: hidden;
129 }
130 .room_info .room_info_project_block {
131   box-sizing: border-box;
132   width: 100%;
133   height: 100%;
134   overflow: auto;
135 }
136 .room_info .room_info_project .tx {
137   line-height: 39px;
138   color: rgba(255,255,255,1);
139   font-size: 28px;
140   text-align: center;
141   font-family: PingFangSC-regular;
142 }
143 </style>