治疗室屏幕web
查看 | 历史 | 提交 | 提交对比
jazz
2024-01-09 c1e10385c164520dceec34576ed506b28bad1e71
提交 | 用户 | age
459990 1 <template>
J 2   <div class="guest_box">
3     <div class="guest_title flex flex-center">等待诊疗</div>
4     <div class="guest_block flex-1">
5       <div v-if="assignTreatListViewCom && assignTreatListViewCom.length" class="guest_list">
6         <div v-for="(item, index) in assignTreatListViewCom" :key="index" class="guest_list__row flex flex-ver" @click="selectCustomer(item)">
7           <div class="guest_list__td">
8             <div class="tx flex flex-ver">
9               <div class="flex-1 flex-1-w1 ell">{{ item.userName }}</div>
10             </div>
11             <div class="tx" style="font-size: 14px;line-height: 20px;">{{ item.ciq || '' }}</div>
12           </div>
13           <div class="guest_list__td flex flex-center">
14             <span class="tx">{{ item.startTime?item.startTime+'开始':'' }}</span>
15           </div>
16           <div class="guest_list__td flex flex-center">
17             <span class="tx flex-1 flex-1-w1 ell">{{ item.aDoctorName?item.aDoctorName+'(医生)、':'' }}{{ item.aNurseName?item.aNurseName+'(护士)':'' }}</span>
18           </div>
19           <div class="guest_list__td flex flex-center">
c1e103 20             <div v-if="!item.act" class="tx" style="text-decoration: underline;color: #227beb;">加入</div>
459990 21             <!-- <div class="icon">
J 22                     <img class="img" src="static/imgs/choose.png">
23                   </div> -->
24           </div>
25         </div>
26       </div>
27       <div v-if="!assignTreatListViewCom || !assignTreatListViewCom.length" class="guest_list">
28         <div class="guest_list__row flex flex-center rowtip">暂无数据</div>
29       </div>
30     </div>
31   </div>
32 </template>
33
34 <script>
35 export default {
c1e103 36   name: 'XioRoomGuestBox',
459990 37   props: {
J 38     assignTreatListViewCom: {
39       type: Array,
40       default: () => {
41         return []
42       }
43     }
44   },
45   data() {
46     return {
47       isShow: false
48     }
49   },
50   methods: {
51     noop() {
52       return
53     },
54     // 确认
55     selectCustomer(item) {
56       this.$emit('selectCustomer', item)
57     },
58     // 显示弹窗
59     showDialog() {
60       this.isShow = true
61     },
62     // 关闭弹窗
63     hideDialog() {
64       this.isShow = false
65       this.$emit('confirm', { })
66     }
67   }
68 }
69 </script>
70
71 <style scoped>
72 .guest_title {
73   height: 60px;
74   line-height: 28px;
75   border-radius: 10px 10px 0px 0px;
76   background-color: rgba(255,255,255,1);
77   color: rgba(34,123,235,1);
78   font-size: 20px;
79   text-align: center;
80   font-family: Roboto;
81   font-weight: bold;
82 }
83 .guest_block {
84   background-color: #fff;
85   overflow: auto;
86 }
87 .guest_list {
88   background-color: #fff;
89   padding-bottom: 23px;
90 }
91 .guest_list__row {
92   min-height: 75px;
93   background-color: rgba(34,123,235,0.1);
94 }
95 .guest_list__row:nth-child(2n) {
96   background-color: #fff;
97 }
98 .guest_list__row.rowtip {
99   background-color: #fff;
100   line-height: 30px;
101   color: rgba(0,0,0,.5);
102   font-size: 22px;
103 }
104 .guest_list__td {}
105 .guest_list__td .tx {
106   line-height: 30px;
107   color: rgba(16,16,16,1);
108   font-size: 22px;
109   text-align: center;
110   font-family: PingFangSC-regular;
111   box-sizing: border-box;
112   padding: 0 5px;
113 }
114 .guest_list__td .icon {
115   width: 20px;
116   height: 20px;
117   display: block;
118 }
119 .guest_list__td .icon .img {
120   width: 100%;
121   height: 100%;
122 }
123 .guest_list__td:nth-child(1) {
124   width: 19.54%;
125 }
126 .guest_list__td:nth-child(2) {
127   width: 21.86%;
128 }
129 .guest_list__td:nth-child(3) {
130   width: 46.06%;
131 }
132 .guest_list__td:nth-child(4) {
133   width: 12.54%;
134 }
135 .guest_box {
136   margin-top: 65px;
137   width: 100%;
138   height: 345px;
139   background-color: #fff;
140   overflow: hidden;
141 }
142 </style>