<template>
    <view class="globalDetailsModel detailsBasicInfo">
        <view class="title">BH9999</view>
        <view class="basicInfoDep flex flex-between">
            <view>
                <text>CKG</text>
                <text class="m-x-6">重庆江北</text>
                <text>T3</text>
            </view>
            <view>
                <text>WUh</text>
                <text>武汉天河</text>
                <text>T2</text>
            </view>
        </view>

        <view class="basicInfoTime flex flex-between">
            <text>19:59</text>
            <image class="timeFlightIcon" :src="FlightImage" />
            <text>20:59</text>
        </view>

        <view class="basicInfoTimePlan flex flex-between">
            <view>
                <text>计划</text>
                <text>5/9</text>
                <text>16:59</text>
            </view>
            <view>
                <text>5/9</text>
                <text>17:59</text>
                <text>计划</text>
            </view>
        </view>
    </view>

    <DetailsFollowCrewItem title="跟机人员" :list="followCrewList" />


</template>

<script setup>
import { ref } from 'vue'
import FlightImage from 'mocpStatic/image/monitor/flight-pane.png'
import DetailsFollowCrewItem from './DetailsFollowCrewItem.vue'

const followCrewList = ref([
    {name: '斯柯达'},
    {name: '花飘万家雪'},
    {name: '花样百出'}
])


</script>
<style lang="scss" scoped>
@import '../constants/details';
</style>
