111

src/xt_pages/sign/lineUp.vue

                     <div class="callingBox">
                         <div :class="(queueConfig.jzjhyc == 1 && queueConfig.sjjhyc == 0) ? 'callingBoxLeft1' : 'callingBoxLeft'" v-if="queueConfig.jzjhyc == 1">
                             <div class="callingTitle"><span style="margin: 0 auto;">接<br />诊<br />叫<br />号</span></div>
-                            <div style="flex: 1;">
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
                                 <div class="callingTop" style="margin-bottom:10px;">
                                     <div class="callingTopTip"><span style="margin: 0 auto;">正在<br />接诊</span></div>
                                     <div class="callingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="callingTop" style="border-radius: 0 0 15px 0;">
                                     <div class="callingTopTip"><span style="margin: 0 auto;">等待<br />接诊</span></div>
                                     <div class="callingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (waitDoctorList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (waitDoctorList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (waitDoctorList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (waitDoctorList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div :class="(queueConfig.jzjhyc == 0 && queueConfig.sjjhyc == 1) ? 'callingBoxLeft1' : 'callingBoxLeft'" v-if="queueConfig.sjjhyc == 1">
                             <div class="callingTitle newCallingTitle"><span style="margin: 0 auto;">上<br />机<br />叫<br />号</span></div>
-                            <div style="flex: 1;">
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
                                 <div class="callingTop" style="margin-bottom:10px;">
                                     <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">正在<br />叫号</span></div>
                                     <div class="callingContent newCallingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (upPatientList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (upPatientList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (upPatientList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (upPatientList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="callingTop" style="border-radius: 0 0 15px 0;">
                                     <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">等待<br />叫号</span></div>
                                     <div class="callingContent newCallingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                 </div>
                 
             </div>
+        
+            <!-- <div class="page_lineUp">
+                <div class="lineUpTitle">
+                    <div>{{ this.$store.getters.xt_user.org.org_name }}<span>&nbsp;&nbsp;温馨提示：请注意排队叫号，依次叫号就诊上机，谢谢配合</span></div>
+                    <div>{{ newdate }}&nbsp;&nbsp;{{ time }}</div>
+                </div>
+                <div class="lineUpMain">
+                    <div class="lineUpMainLeft">
+                        <div class="lineUpMainLeftTitle">
+                            <p style="width:12%">排队号</p>
+                            <p style="width:14%">姓名</p>
+                            <p style="width:14%">病例号</p>
+                            <p style="width:14%">床位号</p>
+                            <p style="width:14%">治疗状态</p>
+                            <p style="width:14%">上机时间</p>
+                            <p style="width:16%">预计下机时间</p>
+                        </div>
+                        <div class="lineUpList">
+                            <div class="lineUpListOne" v-for="(item,index) in 6" :key="index">
+                                <p style="width:12%">
+                                    <span>上午</span>
+                                    {{ 89 }}号
+                                </p>
+                                <p style="width:14%">{{ '张三' }}</p>
+                                <p style="width:14%">{{ 3023 }}</p>
+                                <p style="width:14%">{{ 'A区' + '098' }}</p>
+                                <p style="width:14%">
+                                    <span>待接诊</span>
+                                </p>
+                                <p style="width:14%">07:38:00</p>
+                                <p style="width:16%">07:38:00</p>
+                            </div>
+                        </div>
+                    </div> 
+                    <div class="callingBox">
+                        <div class="callingBoxLeft">
+                            <div class="callingTitle"><span style="margin: 0 auto;">接<br />诊<br />叫<br />号</span></div>
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
+                                <div class="callingTop">
+                                    <div class="callingTopTip"><span style="margin: 0 auto;">正在<br />接诊</span></div>
+                                    <div class="callingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="callingTop" style="border-radius: 0 0 15px 0;">
+                                    <div class="callingTopTip"><span style="margin: 0 auto;">等待<br />接诊</span></div>
+                                    <div class="callingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="callingBoxLeft">
+                            <div class="callingTitle newCallingTitle"><span style="margin: 0 auto;">上<br />机<br />叫<br />号</span></div>
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
+                                <div class="callingTop">
+                                    <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">正在<br />叫号</span></div>
+                                    <div class="callingContent newCallingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="callingTop" style="border-radius: 0 0 15px 0;">
+                                    <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">等待<br />叫号</span></div>
+                                    <div class="callingContent newCallingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+            </div> -->
         </div>
         <div class="app-container">
             <div class="page_lineUp">
                     <div class="callingBox">
                         <div :class="(queueConfig.jzjhyc == 1 && queueConfig.sjjhyc == 0) ? 'callingBoxLeft1' : 'callingBoxLeft'" v-if="queueConfig.jzjhyc == 1">
                             <div class="callingTitle"><span style="margin: 0 auto;">接<br />诊<br />叫<br />号</span></div>
-                            <div style="flex: 1;">
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
                                 <div class="callingTop" style="margin-bottom:10px;">
                                     <div class="callingTopTip"><span style="margin: 0 auto;">正在<br />接诊</span></div>
                                     <div class="callingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="callingTop" style="border-radius: 0 0 15px 0;">
                                     <div class="callingTopTip"><span style="margin: 0 auto;">等待<br />接诊</span></div>
                                     <div class="callingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (waitDoctorList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (waitDoctorList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (waitDoctorList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (waitDoctorList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div :class="(queueConfig.jzjhyc == 0 && queueConfig.sjjhyc == 1) ? 'callingBoxLeft1' : 'callingBoxLeft'" v-if="queueConfig.sjjhyc == 1">
                             <div class="callingTitle newCallingTitle"><span style="margin: 0 auto;">上<br />机<br />叫<br />号</span></div>
-                            <div style="flex: 1;">
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
                                 <div class="callingTop" style="margin-bottom:10px;">
                                     <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">正在<br />叫号</span></div>
                                     <div class="callingContent newCallingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (upPatientList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (upPatientList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (upPatientList || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (upPatientList || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="callingTop" style="border-radius: 0 0 15px 0;">
                                     <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">等待<br />叫号</span></div>
                                     <div class="callingContent newCallingContent">
-                                        <p style="margin:50px 0 14px;"><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
-                                        <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        <div>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(0,3)" :key="index">{{ item.patient_name }}、</span></p>
+                                            <p><span v-for="(item,index) in (receivingPatient || '').slice(3,6)" :key="index">{{ item.patient_name }}、</span></p>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                 </div>
                 
             </div>
+        
+            <!-- <div class="page_lineUp">
+                <div class="lineUpTitle">
+                    <div>{{ this.$store.getters.xt_user.org.org_name }}<span>&nbsp;&nbsp;温馨提示：请注意排队叫号，依次叫号就诊上机，谢谢配合</span></div>
+                    <div>{{ newdate }}&nbsp;&nbsp;{{ time }}</div>
+                </div>
+                <div class="lineUpMain">
+                    <div class="lineUpMainLeft">
+                        <div class="lineUpMainLeftTitle">
+                            <p style="width:12%">排队号</p>
+                            <p style="width:14%">姓名</p>
+                            <p style="width:14%">病例号</p>
+                            <p style="width:14%">床位号</p>
+                            <p style="width:14%">治疗状态</p>
+                            <p style="width:14%">上机时间</p>
+                            <p style="width:16%">预计下机时间</p>
+                        </div>
+                        <div class="lineUpList">
+                            <div class="lineUpListOne" v-for="(item,index) in 6" :key="index">
+                                <p style="width:12%">
+                                    <span>上午</span>
+                                    {{ 89 }}号
+                                </p>
+                                <p style="width:14%">{{ '张三' }}</p>
+                                <p style="width:14%">{{ 3023 }}</p>
+                                <p style="width:14%">{{ 'A区' + '098' }}</p>
+                                <p style="width:14%">
+                                    <span>待接诊</span>
+                                </p>
+                                <p style="width:14%">07:38:00</p>
+                                <p style="width:16%">07:38:00</p>
+                            </div>
+                        </div>
+                    </div> 
+                    <div class="callingBox">
+                        <div class="callingBoxLeft">
+                            <div class="callingTitle"><span style="margin: 0 auto;">接<br />诊<br />叫<br />号</span></div>
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
+                                <div class="callingTop">
+                                    <div class="callingTopTip"><span style="margin: 0 auto;">正在<br />接诊</span></div>
+                                    <div class="callingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="callingTop" style="border-radius: 0 0 15px 0;">
+                                    <div class="callingTopTip"><span style="margin: 0 auto;">等待<br />接诊</span></div>
+                                    <div class="callingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="callingBoxLeft">
+                            <div class="callingTitle newCallingTitle"><span style="margin: 0 auto;">上<br />机<br />叫<br />号</span></div>
+                            <div style="flex: 1;justify-content: space-between;display: flex;flex-direction: column;">
+                                <div class="callingTop">
+                                    <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">正在<br />叫号</span></div>
+                                    <div class="callingContent newCallingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="callingTop" style="border-radius: 0 0 15px 0;">
+                                    <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">等待<br />叫号</span></div>
+                                    <div class="callingContent newCallingContent">
+                                        <div>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                            <p><span v-for="(item,index) in 3" :key="index">张三三、</span></p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+            </div> -->
         </div>
     </div>
 </template>
 </script>
 
 <style lang="scss" scoped>
+.main-contain{
+    height: 100%;
+}
 .page_lineUp{
+    height: 100%;
     .lineUpTitle{
-        height: 50px;
+        height: 4vh;
         background: #1A82BF;
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 0 20px;
         color:#fff;
-        font-size: 20px;
+        font-size: 2vh;
         font-weight: 600;
     }
     .lineUpMain{
         background: linear-gradient(0deg, #76ECEC, #479CD2);
-        height: 1080px;
+        height: 95%;
         padding:10px;
     }
     .lineUpMainLeft{
-        height: 620px;
+        height: 60%;
         border-radius: 15px;
+        display: flex;
+        flex-direction: column;
         
     }
     .lineUpMainLeftTitle{
         justify-content: space-between;
         align-items: center;
         color:#fff;
-        font-size: 38px;
+        font-size: 4vh;
         font-weight: 600;
-        height:80px;
+        height:7vh;
         background: #1A82BF;
         border-radius: 15px 15px 0 0;
         >p{
         }
     }
     .lineUpList{
-        font-size: 35px;
+        font-size: 3vh;
         font-weight: 600;
+        flex: 1;
         >div:nth-child(odd){
             background: #F9FDFF;
         }
             border-radius: 0 0 15px 15px;
         }
         .lineUpListOne{
-            height:90px;
+            height:16%;
             display: flex;
             justify-content: space-between;
             align-items: center;
         }
     }
     .callingBox{
-        height: 430px;
+        height: 39%;
         margin-top: 10px;
         display: flex;
         justify-content: space-between;
             justify-content: space-between;
         }
         .callingBoxLeft1{
-            width: 99.5%;
+            width: 100%;
             height: 100%;
             display: flex;
             justify-content: space-between;
         }
         .callingTitle{
-            width: 130px;
+            width: 10vh;
             height: 100%;
             border-radius: 15px 0 0 15px;
-            font-size: 66px;
+            font-size: 5vh;
             font-weight:600;
             text-align: center;
             color: #fff;
             background: #1aa680;
         }
         .callingTop{
-            height: 210px;
+            height: 49.5%;
             border-radius: 0 15px 0 0;
             background: #F9FDFF;
             display: flex;
             justify-content: space-between;
             .callingTopTip{
-                width: 130px;
+                width: 10vh;
                 height: 100%;
                 color: #fff;
-                font-size: 40px;
+                font-size: 3vh;
                 font-weight: 600;
                 background: #1A82BF;
                 display: flex;
                 flex: 1;
                 display: flex;
                 flex-direction: column;
-                font-size: 50px;
+                font-size: 4vh;
                 color:#1C6895;
                 font-weight: 600;
                 padding-left: 20px;
+                justify-content: space-around;
                 >p{
                     width:100%;
                     text-align: left;
                     line-height: 50px;
                 }
+                div>:first-child{
+                    margin-bottom: 10px;
+                }
             }
             .newCallingContent{
                 color:#1aa680;
   background: #fff;
   padding: 20px;
   z-index:5000;
+  height: 100%;
 }
 #fullscreenbroad #fullscreenbroad-setting {
   float: right;

src/xt_pages/sign/signIn.vue

                     <div>{{ newdate }}&nbsp;&nbsp;{{ time }}</div>
                 </div>
                 <div class="signInMain">
-                    <div style="display: flex;justify-content: space-between;padding:10px;">
+                    <div style="display: flex;justify-content: space-between;padding:10px;height:100%;">
                         <div :class="Object.keys(queueInfo).length>0 ? 'signInMainLeft' : 'signInMainLeft100'">
                             <div class="signInMainLeftTitle">
                                 <p>排队号</p>
                     </div>
                 </div>
             </div>
+        
+            <!-- <div class="page_signIn">
+                <div class="signInTitle">
+                    <div>{{ this.$store.getters.xt_user.org.org_name }}</div>
+                    <div>{{ newdate }}&nbsp;&nbsp;{{ time }}</div>
+                </div>
+                <div class="signInMain">
+                    <div style="display: flex;justify-content: space-between;padding:10px;height:100%;">
+                        <div class="signInMainLeft">
+                            <div class="signInMainLeftTitle">
+                                <p>排队号</p>
+                                <p>姓名</p>
+                                <p>病历号</p>
+                                <p>签到时间</p>
+                            </div>
+                            <div class="signInList">
+                                <div class="signInListOne" v-for="(item,index) in 10" :key="index">
+                                    <p>
+                                        上午2号
+                                    </p>
+                                    <p>张三</p>
+                                    <p>400001</p>
+                                    <p>07:00</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="signInMainRight">
+                            <div class="signInMainRightTitle"><span style="margin:0 auto;">张三</span></div>
+                            <div class="signInMainRightContent">
+                                <p style="margin: 0 auto;display:flex;align-items: center;"><span>排队号</span></p>
+                                <p style="margin: 0 auto;display:flex;align-items: center;">
+                                    <span>上午</span>
+                                    <span style="font-size:7vw">69号</span>
+                                </p>
+                            </div>
+                            <div class="signInMianRightBottom"><span style="margin:0 auto;">签到成功</span></div>
+                        </div>
+                    </div>
+                    <div class="signInTip">
+                        温馨提示：请注意排队叫号，依次叫号就诊上机，谢谢配合
+                    </div>
+                </div>
+            </div> -->
+        
         </div>
         <div class="app-container">
             <div class="page_signIn">
                     <div>{{ newdate }}&nbsp;&nbsp;{{ time }}</div>
                 </div>
                 <div class="signInMain">
-                    <div style="display: flex;justify-content: space-between;padding:10px;">
+                    <div style="display: flex;justify-content: space-between;padding:10px;height:100%;">
                         <div :class="Object.keys(queueInfo).length>0 ? 'signInMainLeft' : 'signInMainLeft100'">
                             <div class="signInMainLeftTitle">
                                 <p>排队号</p>
                                     <span v-if="queueInfo.schedule_type == 1">上午</span>
                                     <span v-if="queueInfo.schedule_type == 2">下午</span>
                                     <span v-if="queueInfo.schedule_type == 3">晚上</span>
-                                    <span style="font-size:180px;">{{ queueInfo.queue_no }}号</span>
+                                    <span style="font-size:7vw;">{{ queueInfo.queue_no }}号</span>
                                 </p>
                             </div>
                             <div class="signInMianRightBottom"><span style="margin:0 auto;" v-if='Object.keys(queueInfo).length>0'>签到成功</span></div>
                     </div>
                 </div>
             </div>
+        
+            <!-- <div class="page_signIn">
+                <div class="signInTitle">
+                    <div>{{ this.$store.getters.xt_user.org.org_name }}</div>
+                    <div>{{ newdate }}&nbsp;&nbsp;{{ time }}</div>
+                </div>
+                <div class="signInMain">
+                    <div style="display: flex;justify-content: space-between;padding:10px;height:100%;">
+                        <div class="signInMainLeft">
+                            <div class="signInMainLeftTitle">
+                                <p>排队号</p>
+                                <p>姓名</p>
+                                <p>病历号</p>
+                                <p>签到时间</p>
+                            </div>
+                            <div class="signInList">
+                                <div class="signInListOne" v-for="(item,index) in 10" :key="index">
+                                    <p>
+                                        上午2号
+                                    </p>
+                                    <p>张三</p>
+                                    <p>400001</p>
+                                    <p>07:00</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="signInMainRight">
+                            <div class="signInMainRightTitle"><span style="margin:0 auto;">张三</span></div>
+                            <div class="signInMainRightContent">
+                                <p style="margin: 0 auto;display:flex;align-items: center;"><span>排队号</span></p>
+                                <p style="margin: 0 auto;display:flex;align-items: center;">
+                                    <span>上午</span>
+                                    <span style="font-size:7vw">69号</span>
+                                </p>
+                            </div>
+                            <div class="signInMianRightBottom"><span style="margin:0 auto;">签到成功</span></div>
+                        </div>
+                    </div>
+                    <div class="signInTip">
+                        温馨提示：请注意排队叫号，依次叫号就诊上机，谢谢配合
+                    </div>
+                </div>
+            </div> -->
         </div>
     </div>
 </template>
 
 
 <style lang="scss" scoped>
+.main-contain{
+    height: 100%;
+}
 .page_signIn{
+    height: 98%;
     .signInTitle{
-        height: 50px;
+        height: 4vh;
         background: #1A82BF;
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 0 20px;
         color:#fff;
-        font-size: 20px;
+        font-size: 2vh;
         font-weight: 600;
     }
     .signInMain{
         background: linear-gradient(0deg, #76ECEC, #479CD2);
-        height: 1040px;
+        height: 86%;
         
         
     }
     .signInMainLeft{
-        width:69%;
-        height: 980px;
+        width:70%;
+        // height: 100%;
         border-radius: 15px;
+        display: flex;
+        flex-direction: column;
     }
     .signInMainLeft100{
         width:100%;
-        height: 980px;
+        height: 100%;
         border-radius: 15px;
+        display: flex;
+        flex-direction: column;
     }
     .signInMainLeftTitle{
         display: flex;
         justify-content: space-between;
         align-items: center;
         color:#fff;
-        font-size: 38px;
+        font-size: 4vh;
         font-weight: 600;
-        height:80px;
+        height:7vh;
         background: #1A82BF;
         border-radius: 15px 15px 0 0;
         >p{
         }
     }
     .signInList{
-        font-size: 36px;
+        font-size: 3vh;
         font-weight: 600;
+        flex: 1;
         >div:nth-child(1){
-            font-size: 50px;
+            font-size: 4.5vh;
         }
         >div:nth-child(2){
-            font-size: 50px;
+            font-size: 4.5vh;
         }
         >div:nth-child(3){
-            font-size: 50px;
+            font-size: 4.5vh;
         }
         >div:nth-child(odd){
             background: #F9FDFF;
             border-radius: 0 0 15px 15px;
         }
         .signInListOne{
-            height:90px;
+            height:10%;
             display: flex;
             justify-content: space-between;
             align-items: center;
     }
     .signInMainRight{
         width: 30%;
-        height: 980px;
+        // height: 100%;
+        margin-left: 10px;
     }
     .noneSignInMainRight{
         display: none;
     }
     .signInMainRightTitle{
-        height: 260px;
+        height: 27.5%;
         border-radius: 15px 15px 0 0;
         background: #1A82BF;
-        font-size: 120px;
+        font-size: 14vh;
         font-weight: 600;
         color:#fff;
         display: flex;
     }
     .signInMainRightContent{
         background: #F9FDFF;
-        height: 450px;
+        height: 54.5%;
         text-align: center;
         font-weight: 600;
         color:#1C6895;
         box-sizing: border-box;
-        font-size:90px;
+        font-size:8vh;
         display:flex;
         align-items:center;
         flex-direction: column;
         justify-content: space-around;
     }
     .signInMianRightBottom{
-        height: 270px;
+        height: 18%;
         background: #1A82BF;
         border-radius: 0 0 15px 15px;
-        font-size: 90px;
+        font-size: 8vh;
         font-weight: 600;
         color:#fff;
         display: flex;
     }
     .signInTip{
         color:#fff;
-        font-size: 18px;
+        font-size: 1.5vw;
         font-weight: 600;
         display: flex;
         align-items: center;
-        height: 50px;
+        height: 3vw;
         background: linear-gradient(0deg, #42A9E7, #3686B9, #42A9E7);
-        margin-top: 1px;
-        padding-left:20px;
+        padding-left:2vw;
     }
 }
 #fullscreenbroad {
   background: #fff;
   padding: 20px;
   z-index:5000;
+  height: 100%;
 }
 #fullscreenbroad #fullscreenbroad-setting {
   float: right;