<template>
    <span class="pointer" v-if="navigations.length>3">
        <span class="text-info q-ml-sm">/</span>...
    </span>
    <template v-for="(item,index) in navigations">
        <span class="pointer" v-if="navigations.length<4 || index>=(navigations.length-3) " @click="goInquire(item.FileId,index)">
            <span class="text-info q-ml-sm">/</span> 
            {{item.FileName}} 
        </span>
    </template>
    
</template>
<script setup lang="ts">
import { ApiResult } from '@/configs/axios';
import OrgService from '@/services/OrgService';
import { ref,reactive,watch } from 'vue';
import { View,Download,EditPen,Delete } from '@element-plus/icons-vue';
import FolderService from "@/services/FolderService";
    const props = defineProps({
        navigations:{
            type: Array,
            required: []
        },
    })
    const emit = defineEmits<{
        (event: 'Inquire'): void
    }>()

    const datas = reactive({
        
    })

    const goInquire = (FileId:Number,index:Number) => {
        emit('Inquire',FileId,index) 
    }
</script>
<style scoped>
    
</style>