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