<template>
    <view class="globalDetailsModel detailsFollowingCrew detailsOtherInfo">
        <view class="font-700 flex">
            <image class="timeFlightIcon" :src="FlightImage" />
            <view>
                <text class="m-x-6">重庆江北</text>
                <text>CKG</text>
            </view>
        </view>
        <view class="flex waterCont">
            <image class="weatherIcon" :src="FlightImage" />
            <view>
                <view class="waterTp">晴</view>
                <view>
                    <text class="waterTemp font-700">16°/30°</text>
                    <text class="waterText">(起飞当日)</text>
                </view>
            </view>
        </view>
        <view class="flex flex-between waterInfo">
            <view>
                <view class="flex waterInfoItem">
                    <image class="weatherSubIcon" :src="FlightImage" />
                    <text>能见度</text>
                </view>
                <view>5000m</view>
            </view>
            <view>
                <view class="flex waterInfoItem">
                    <image class="weatherSubIcon" :src="FlightImage" />
                    <text>风速</text>
                </view>
                <view>5公里/小时</view>
            </view>
            <view>
                <view class="flex waterInfoItem">
                    <image class="weatherSubIcon" :src="FlightImage" />
                    <text>PM2.5</text>
                </view>
                <view>18优</view>
            </view>
        </view>


    </view>

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

    <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>
