| | |
| | | <template> |
| | | <el-popover placement="bottom" |
| | | trigger="hover"> |
| | | <div slot="reference" |
| | | class="plan" |
| | | :style="{'margin-top':0.1*cellHeight+'px',}" |
| | | @click="onClick" |
| | | |
| | | <el-popover |
| | | placement="bottom" |
| | | trigger="hover" |
| | | > |
| | | <div |
| | | slot="reference" |
| | | class="plan" |
| | | :style="{'margin-top':0.1*cellHeight+'px',}" |
| | | @click="onClick" |
| | | > |
| | | <!-- <div class="runTime"> |
| | | <span>S:{{startToString}}</span> |
| | | <span>E:{{endToString}}</span> |
| | | </div> --> |
| | | <div |
| | | :class="{'hw':true,'SCHEDULEING' : item.type == 'schedule','H_SCHEDULE':item.type=='h_schedule','BM_SCHEDULE':item.type=='bm_schedule'}"> |
| | | <span v-show='item.type == "schedule"'>{{ item.number }}</span> |
| | | <span v-show='item.type == "h_schedule"'>{{ item.number }}</span> |
| | | :class="{'hw':true,'SCHEDULEING' : item.type == 'schedule','H_SCHEDULE':item.type=='h_schedule','BM_SCHEDULE':item.type=='bm_schedule'}" |
| | | > |
| | | <span v-show="item.type == 'schedule'">{{ item.number }}</span> |
| | | <span v-show="item.type == 'h_schedule'">{{ item.number }}</span> |
| | | </div> |
| | | <!-- <div class="passenger"></div> --> |
| | | |
| | |
| | | }, |
| | | computed: { |
| | | statusColor() { |
| | | let { item, currentTime } = this |
| | | let start = dayjs(item.start) |
| | | let end = dayjs(item.end) |
| | | const { item, currentTime } = this |
| | | const start = dayjs(item.start) |
| | | const end = dayjs(item.end) |
| | | // if(item.type == 'capacity'){ |
| | | // return CAPACITY |
| | | // }else if(item.type == 'h_schedule'){ |
| | |
| | | background: rgba(5, 185, 100, 0.1); |
| | | text-align: center; |
| | | border-radius: 5px; |
| | | |
| | | |
| | | } |
| | | |