|  |  | 
 |  |  |           v-for="(item, i) in PlatGroupList" :key="i"> | 
 |  |  |           {{ item.name }} | 
 |  |  |         </div> | 
 |  |  |         <!-- <el-tabs v-model="activeGroup.id" @tab-click="platgroupClick"> | 
 |  |  |           <el-tab-pane | 
 |  |  |             v-for="item,i in PlatGroupList" | 
 |  |  |             :key="i" | 
 |  |  |             :label="item.name" | 
 |  |  |             :name="String(item.id)" | 
 |  |  |           /> | 
 |  |  |         </el-tabs> --> | 
 |  |  |       </div> | 
 |  |  |       <el-button type="primary" class="ml20" @click="handleSet">配置月台</el-button> | 
 |  |  |       <div class="btns"> | 
 |  |  |         <!-- <el-button type="primary" @click="handleSet">刷新</el-button> --> | 
 |  |  |         <el-button type="primary" class="ml20" @click="handleSet">配置月台</el-button> | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     <!--  --> | 
 |  |  |     <div v-if="activeGroup.platformList" class="platform_list"> | 
 |  |  | 
 |  |  |           <el-button type="primary" @click="handleQueuing(item, 2)">月台叫号</el-button> | 
 |  |  |         </div> | 
 |  |  |         <div class="list" v-if="item.platformWorkVO && item.platformWorkVO.platformJobList"> | 
 |  |  |           <div class="info" :class="{err: task.status == 8}" v-for="task in item.platformWorkVO.platformJobList" :key="task.id"> | 
 |  |  |           <div class="info" :class="{ err: task.status == 8 }" v-for="task in item.platformWorkVO.platformJobList" | 
 |  |  |             :key="task.id"> | 
 |  |  |             <div class="line"> | 
 |  |  |               <div class="left"> | 
 |  |  |                 <div v-if="task.carCodeFront" class="code"> | 
 |  |  | 
 |  |  |     <GlobalWindow title="配置显示月台" :visible.sync="isShowSet" :confirm-working="setLoading" @confirm="handleSetSub" | 
 |  |  |       width="560px"> | 
 |  |  |       <div class="set_modal"> | 
 |  |  |         <div class="mb10" v-for="group in PlatGroupList" :key="group.id"> | 
 |  |  |         <div class="mb10" v-for="group in PlatGroupListSet" :key="group.id"> | 
 |  |  |           <div class="title">{{ group.name }}</div> | 
 |  |  |           <div class="list"> | 
 |  |  |             <div class="item" @click="platformSetClick(item.id)" :class="{ active: item.showConfig }" | 
 |  |  | 
 |  |  |       statusMap, | 
 |  |  |       activeGroup: {}, | 
 |  |  |       PlatGroupList: [], | 
 |  |  |       PlatGroupListSet: [], | 
 |  |  |       platList: [], | 
 |  |  |       platCallList: [], | 
 |  |  |       isShowTransform: false, | 
 |  |  | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     setInterval(() => { | 
 |  |  |       this.getPlatGroupList() | 
 |  |  |     }, 1000 * 20) | 
 |  |  |     this.getPlatGroupList() | 
 |  |  |     // this.getList() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     handleWork(item) { | 
 |  |  | 
 |  |  |         this.activeGroup.platformList.forEach(plat => { | 
 |  |  |           if (plat.platformWorkVO.platformJobList && plat.platformWorkVO.platformJobList.length > 0) { | 
 |  |  |             plat.platformWorkVO.platformJobList.forEach(item => { | 
 |  |  |               if (item.callDate) { | 
 |  |  |                 const timeNum = time.getTime() - new Date(item.callDate).getTime() | 
 |  |  |               if (item.newCallDate) { | 
 |  |  |                 const timeNum = time.getTime() - new Date(item.newCallDate).getTime() | 
 |  |  |                 if (timeNum > 3600000) { | 
 |  |  |                   item.callDateTemp = dayjs.duration(timeNum).format('H小时m分s秒') | 
 |  |  |                 } else { | 
 |  |  |                   item.callDateTemp = dayjs.duration(timeNum).format('m分s秒') | 
 |  |  |                 } | 
 |  |  |               } | 
 |  |  |               if (item.startDate) { | 
 |  |  |                 const timeNum = time.getTime() - new Date(item.startDate).getTime() | 
 |  |  |               if (item.newStartDate) { | 
 |  |  |                 const timeNum = time.getTime() - new Date(item.newStartDate).getTime() | 
 |  |  |                 if (timeNum > 3600000) { | 
 |  |  |                   item.startDateTemp = dayjs.duration(timeNum).format('H小时m分ss秒') | 
 |  |  |                 } else { | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     handleSet() { | 
 |  |  |       this.isShowSet = true | 
 |  |  |       getPlatformGroupList({ | 
 |  |  |         queryData: 0, | 
 |  |  |         queryType: 1 | 
 |  |  |       }).then(res => { | 
 |  |  |         this.PlatGroupListSet = res || [] | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     handleSetSub() { | 
 |  |  |       const { PlatGroupList } = this | 
 |  |  |       const { PlatGroupListSet } = this | 
 |  |  |       const ids = [] | 
 |  |  |       PlatGroupList.forEach(item => { | 
 |  |  |       PlatGroupListSet.forEach(item => { | 
 |  |  |         item.platformList.forEach(platform => { | 
 |  |  |           if (platform.showConfig) { | 
 |  |  |             ids.push(platform.id) | 
 |  |  | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     platformSetClick(id) { | 
 |  |  |       const { PlatGroupList } = this | 
 |  |  |       PlatGroupList.forEach(item => { | 
 |  |  |       const { PlatGroupListSet } = this | 
 |  |  |       PlatGroupListSet.forEach(item => { | 
 |  |  |         item.platformList.forEach(platform => { | 
 |  |  |           if (platform.id === id) { | 
 |  |  |             platform.showConfig = !platform.showConfig | 
 |  |  | 
 |  |  |       margin-top: 10px; | 
 |  |  |       padding: 16px; | 
 |  |  |       width: calc(100% - 0); | 
 |  |  |  | 
 |  |  |       .info { | 
 |  |  |         background: #f4fafb; | 
 |  |  |         border-radius: 2px; | 
 |  |  | 
 |  |  |               border-radius: 4px; | 
 |  |  |               border: 1px solid $primaryColor; | 
 |  |  |               padding-right: 4px; | 
 |  |  |  | 
 |  |  |               span { | 
 |  |  |                 &:nth-of-type(1) { | 
 |  |  |                   background: $primaryColor; | 
 |  |  |                   padding: 0 8px; | 
 |  |  |                   color: #fff; | 
 |  |  |                 } | 
 |  |  |  | 
 |  |  |                 &:nth-of-type(2) { | 
 |  |  |                   padding-left: 4px; | 
 |  |  |                 } | 
 |  |  | 
 |  |  |           } | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .jobing { | 
 |  |  |         background: #effbf5; | 
 |  |  |  | 
 |  |  | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   .ml20 { | 
 |  |  |   .btns { | 
 |  |  |     position: absolute; | 
 |  |  |     width: 120px; | 
 |  |  |     width: 180px; | 
 |  |  |     height: 36px; | 
 |  |  |     right: 0; | 
 |  |  |     top: -4px; | 
 |  |  |     display: flex; | 
 |  |  |     justify-content: flex-end; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  |  |