<template>
    <view class="supportedTaskItem f-flex-1">
        <view class="itemFlex itemTop">
            <view class="txt f-flex-2 text-left">
                <global-text-status :value="item.followStatus" dictkey="st_followStatus"></global-text-status>
            </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 { timeStampFormat } from 'mocp/utils/tool'

const ps = defineProps({
    item: {
        type: Object,
        default: () => ({})
    }
})
const { item } = ps
</script>
<style lang="scss" scoped>
@import '../constants/supportedTask.scss';
</style>
