<template>
    <view class="globalDetailsModel detailsFollowingCrew">
        <view class="font-700">{{ title }}</view>
        <view v-if="list && list.length" 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.uname }}</view>
                        <!--<view class="status">{{ item.kind }}</view>-->
                    </view>
                </view>
                <view class="flex">
                    <template v-if="item.followStatus != undefined">
                        <up-icon v-if="item.followStatus > 0" class="rtIcon" name="checkmark-circle-fill" size="20"
                                 :color="$mocp-success-6" />
                        <text>{{ item.followStatusValue }}</text>
                    </template>
                    <text>发信息</text>
                </view>
            </view>
        </view>
        <global-empty v-else />
    </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>
