|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="main_app"> | 
 |  |  |     <div class="mb20 main_header"> | 
 |  |  |       <div class="platgroup_tabs"> | 
 |  |  |     <div class="main_header"> | 
 |  |  |       <div class="platgroup_tabs pt20"> | 
 |  |  |         <div class="tab" :class="{ active: activeGroup.id === item.id }" @click="platgroupClick(item)" | 
 |  |  |           v-for="(item, i) in PlatGroupList" :key="i"> | 
 |  |  |           {{ item.name }} | 
 |  |  | 
 |  |  |     <div class="df_sb"> | 
 |  |  |       <QueryForm v-model="filters" :query-form-config="queryQueueUpConfig" @handleQuery="getList(1)" @clear="clear"> | 
 |  |  |       </QueryForm> | 
 |  |  |       <el-button @click="openSign" type="primary" style="align-self: flex-start;">车辆签到</el-button> | 
 |  |  |       <div> | 
 |  |  |         <el-button @click="openSign" type="primary" style="align-self: flex-start;">车辆签到</el-button> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     <div class="main_content"> | 
 |  |  |     <div class="common-header"> | 
 |  |  |       <div class="static_wrap"> | 
 |  |  |         <span>等待:<span class="num">{{ staticParam.waitNum }}</span></span> | 
 |  |  |         <span class="mr30">{{ }}</span> | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     handleSizeChange(e) { | 
 |  |  |       this.pagination.pageSize = e | 
 |  |  |       this.getList() | 
 |  |  |       this.getList(1) | 
 |  |  |     }, | 
 |  |  |     handlePageChange(e) { | 
 |  |  |       this.pagination.page = e | 
 |  |  | 
 |  |  | <style lang="scss" scoped> | 
 |  |  | @import "@/assets/style/variables.scss"; | 
 |  |  |  | 
 |  |  | .main_content { | 
 |  |  |   background-color: #fff; | 
 |  |  |   position: relative; | 
 |  |  |   z-index: 999; | 
 |  |  |   top: -10; | 
 |  |  |   margin: -20px; | 
 |  |  | .main_app { | 
 |  |  |   padding: 0 20px; | 
 |  |  |  | 
 |  |  |   .doumee-filter { | 
 |  |  |     padding-top: 20px; | 
 |  |  |     border: 0; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .common-header { | 
 |  |  |   background-color: #fff; | 
 |  |  |   /* position: relative; */ | 
 |  |  |   /* z-index: 999; */ | 
 |  |  |   /* top: -10; */ | 
 |  |  |   /* margin: -20px; */ | 
 |  |  |   padding: 0 20px; | 
 |  |  |  | 
 |  |  |   /* border: 1px solid red; */ | 
 |  |  |   .static_wrap { | 
 |  |  |     height: 50px; | 
 |  |  |     line-height: 50px; | 
 |  |  | 
 |  |  |     padding: 0 20px; | 
 |  |  |     background: #F4FAFB; | 
 |  |  |     border-radius: 2px 2px 0px 0px; | 
 |  |  |     margin-bottom: 36px; | 
 |  |  |     /* margin-bottom: 36px; */ | 
 |  |  |  | 
 |  |  |     .num { | 
 |  |  |       color: #111111; |