<template>
    <view class="supportedTaskItem f-flex-1">
        <view class="itemFlex itemTop">
            <view class="txt f-flex-2 text-left">{{ followAcTagAll[item.followStatus] }}</view>
            <view class="txt f-flex-3 text-center">
                {{ timeStampFormat(item.flightDate, {format: 'YYYY-MM-DD'}) || '-' }}
            </view>
            <view class="txt f-flex-2 text-center">
                {{ timeStampFormat(item.stdChn, {format: 'HH:mm'}) || '-' }}
            </view>
            <view class="txt f-flex-3 text-right">航站：{{ item.depStn }}</view>
        </view>
        <view class="itemFlex itemBom">
            <view class="txt f-flex-2">{{ item.acOwn }}</view>
            <view class="txt f-flex-3 text-center">{{ item.flightNo }}</view>
            <view class="txt f-flex-2 text-center">{{ item.ac }}</view>
            <view class="txt f-flex-3 text-right">{{ item.acType }}</view>
        </view>
    </view>


</template>

<script setup>
import { ref } from 'vue'
import { timeStampFormat } from 'mocp/utils/tool'
import { followAcTagAll } from 'mocp/utils/getFlightList'


const ps = defineProps({
    item: {
        type: Object,
        default: () => ({})
    }
})
const {item} = ps


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