|  |  |  | 
|---|
|  |  |  | 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 { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.PlatformQueuingRef.isShowModal = true | 
|---|
|  |  |  | this.$refs.PlatformQueuingRef.callType = callType | 
|---|
|  |  |  | this.$refs.PlatformQueuingRef.carCodeFront = '' | 
|---|
|  |  |  | this.$refs.PlatformQueuingRef.pagination = { | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  | pageSize: 10, | 
|---|
|  |  |  | page: 1 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$refs.PlatformQueuingRef.activePlat = { ...item } | 
|---|
|  |  |  | this.$refs.PlatformQueuingRef.getList() | 
|---|
|  |  |  | this.$refs.PlatformQueuingRef.title = item.name | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|