1

src/xt_pages/sign/signIn.vue

                 </div>
                 <div class="signInMain">
                     <div style="display: flex;justify-content: space-between;padding:10px;">
-                        <div class="signInMainLeft">
+                        <div :class="Object.keys(queueInfo).length>0 ? 'signInMainLeft' : 'signInMainLeft100'">
                             <div class="signInMainLeftTitle">
                                 <p>排队号</p>
                                 <p>姓名</p>
                                 </div>
                             </div>
                         </div>
-                        <div class="signInMainRight">
+                        <div :class="Object.keys(queueInfo).length>0 ? 'signInMainRight' : 'noneSignInMainRight'" v-if='Object.keys(queueInfo).length>0'>
                             <div class="signInMainRightTitle"><span style="margin:0 auto;" v-if='Object.keys(queueInfo).length>0'>{{ queueInfo.patient_name }}</span></div>
                             <div class="signInMainRightContent">
                                 <p style="margin: 0 auto;display:flex;align-items: center;" v-if='Object.keys(queueInfo).length>0'><span>排队号&nbsp;</span><span style="font-size:180px;">{{ queueInfo.queue_no }}</span></p>
                 </div>
                 <div class="signInMain">
                     <div style="display: flex;justify-content: space-between;padding:10px;">
-                        <div class="signInMainLeft">
+                        <div :class="Object.keys(queueInfo).length>0 ? 'signInMainLeft' : 'signInMainLeft100'">
                             <div class="signInMainLeftTitle">
                                 <p>排队号</p>
                                 <p>姓名</p>
                                 </div>
                             </div>
                         </div>
-                        <div class="signInMainRight">
+                        <div :class="Object.keys(queueInfo).length>0 ? 'signInMainRight' : 'noneSignInMainRight'">
                             <div class="signInMainRightTitle"><span style="margin:0 auto;" v-if='Object.keys(queueInfo).length>0'>{{ queueInfo.patient_name }}</span></div>
                             <div class="signInMainRightContent">
                                 <p style="margin: 0 auto;display:flex;align-items: center;" v-if='Object.keys(queueInfo).length>0'><span>排队号&nbsp;</span><span style="font-size:180px;">{{ queueInfo.queue_no }}</span></p>
                         data: {page:1,size:10,sort:1}
                     };
                     this.websocketSend(obj)
+                    setTimeout(() => { 
+                       this.queueInfo = {} 
+                    }, 10000);
                     
                 }else if(res.channel == 'queue/queuelist'){
                     console.log(11111111111,res.data)
                 this.showSetting = false;
             }
         },
-    }
+    },
 }
 </script>
 
         height: 980px;
         border-radius: 15px;
     }
+    .signInMainLeft100{
+        width:99%;
+        height: 980px;
+        border-radius: 15px;
+    }
     .signInMainLeftTitle{
         display: flex;
         justify-content: space-between;
         width: 30%;
         height: 980px;
     }
+    .noneSignInMainRight{
+        display: none;
+    }
     .signInMainRightTitle{
         height: 260px;
         border-radius: 15px 15px 0 0;