<template>
    <view class="globalDetailsModel detailsFollowingCrew">
        <view class="font-700">{{ title }}</view>
        <view class="followCrewCont">
            <view
                v-for="item of list"
                :key="item.name"
                class="followCrewItem flex flex-between"
            >
                <view class="flex">
                    <image class="img" :src="FlightImage" />
                    <view>
                        <view>{{ item.name }}</view>
                        <view class="status">维修员</view>
                    </view>
                </view>
                <view class="flex">
                    <up-icon class="rtIcon" name="checkmark-circle-fill" size="20" :color="$mocp-success-6" />
                    <text>已登机</text>
                </view>
            </view>
        </view>
    </view>


</template>

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

const ps = defineProps({
    title: {
        type: String,
        default: '123'
    },
    list: {
        type: Array,
        default: () => ({})
    }
})
const {title, list} = toRefs(ps)


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