<template>
    <div>
        <div class="vfpHeader">
            <div class="titleOne">项目管理</div>
            <div class="smallTitle" style="left: 100px;">项目进展详情</div>
            <el-button type="primary" @click="$router.back()">返回</el-button>
        </div>
        <hr>

    <!-- 跳转导航开始 -->
        <div class="AppBar">
            <!-- <div v-for="(item,index) in items" :key="index" @click="goto(index)" class="AppBarActive">{{ item.tit }}</div> -->
            <div v-for="(item,index) in items" :key="index" @click="goto(index)" class="AppBarActive">
                {{ item.tit }}
                <div :class="index==show?item.cl:''"></div>
            </div>
        </div>
        <ProjectManagement1 v-if="show==0 && this.$route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf'"></ProjectManagement1>
        <ProjectManagement2 v-if="show==1 && this.$route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf'"></ProjectManagement2>

        <!-- 特色创客空间建设 -->
        <ProjectManagement1_MakerSpace v-if="show==0 && this.$route.query['Id']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf'"/>
        <ProjectManagement2_MakerSpace v-if="show==1 && this.$route.query['Id']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf'"></ProjectManagement2_MakerSpace>


        <ProjectManagement3 :changeShow="goto" v-if="show==2"></ProjectManagement3>
        <ProjectManagement3_1 v-if="show==5"/>
        <ProjectManagement4 v-if="show==3"></ProjectManagement4>
        <ProjectManagement5 v-if="show==4"></ProjectManagement5>
    </div>
</template>

<script>
    import ProjectManagement1 from './components/ProjectManagement1.vue'
    import ProjectManagement2 from './components/ProjectManagement2.vue'
    import ProjectManagement3 from './components/ProjectManagement3.vue'
    import ProjectManagement3_1 from './components/ProjectManagement3_1.vue'
    import ProjectManagement4 from './components/ProjectManagement4.vue'
    import ProjectManagement5 from './components/ProjectManagement5.vue'

    //特色创客空间建设
    import ProjectManagement1_MakerSpace from './components/ProjectManagement1_MakerSpace.vue'
    import ProjectManagement2_MakerSpace from './components/ProjectManagement2_MakerSpace.vue'

    export default {
        components:{
            ProjectManagement1,
            ProjectManagement2,
            ProjectManagement3,
            ProjectManagement3_1,
            ProjectManagement4,
            ProjectManagement5,
            ProjectManagement1_MakerSpace,
            ProjectManagement2_MakerSpace,
        },
        data() {
            return {
                show:0,
                items:[
                    {tit:'项目基本内容',cl:'pr1TitBass'},
                    {tit:'项目详情',cl:'pr1TitBass'},
                    {tit:'活动开展',cl:'pr1TitBass'},
                    {tit:'项目附件',cl:'pr1TitBass'},
                    {tit:'项目结题附件',cl:'pr1TitBass'},
                ]
            }
        },
        methods:{
            goto(val){
                this.show=val
            },
        },
        mounted(){
        }
    }
</script>

<style lang="less"> 

</style>