ssti-CollegeManage/src/views/projectManage/ProjectManagementMain.vue

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

    <!-- 跳转导航开始 -->
        <div class="AppBar">
            <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>
        <!-- 创客项目 -->
        <studentProjectWordShow ref="student" v-if="show==0 && $route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf'"/>
        <!-- 特色创客空间建设 -->
        <MakerSpaceWordShow ref='maker' v-if="show==0 && $route.query['Id']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf'"/>
        <!-- 下载表单 -->
        <div class="downBtn">
            <el-button v-if="show==0" type="primary" @click="getWord">下载表格</el-button>
        </div>
        <!-- 活动开展 -->
        <ProjectManagementActivity :changeShow="goto" v-if="show==1"/>
        <!-- 活动开展详细 -->
        <ProjectManagementActivityDetail :AidShow="AidShow" v-if="show==5 && $route.query['pid']"/>
        <!-- 项目结题文件 -->
        <ProjectManagementEndProjectFile v-if="show==2"/>
        <!-- 上传附件 -->
        <ProjectManagementProjectFile v-if="show==3"/>
    </div>
</template>

<script>

    import ProjectManagementActivity from './components/ProjectManagementActivity.vue'
    import ProjectManagementActivityDetail from './components/ProjectManagementActivityDetail.vue'
    import ProjectManagementEndProjectFile from './components/ProjectManagementEndProjectFile.vue'
    import ProjectManagementProjectFile from './components/ProjectManagementProjectFile.vue'
    // //特色创客空间建设
    import MakerSpaceWordShow from './components/MakerSpaceWordShow.vue'
    //创客空间
    import studentProjectWordShow from './components/studentProjectWordShow.vue'
    //下载pdf
    import {downloadPDF} from '@/components/tool/pdf'
    export default {
        components:{
            MakerSpaceWordShow,
            ProjectManagementActivity,
            ProjectManagementActivityDetail,
            ProjectManagementEndProjectFile,
            ProjectManagementProjectFile,
            studentProjectWordShow,
        },
        data() {
            return {
                show:0,
                AidShow:"",
                items:[
                    {tit:'项目详细',cl:'pr1TitBass'},
                    {tit:'活动开展',cl:'pr1TitBass'},
                    {tit:'项目结题附件',cl:'pr1TitBass'},
                    {tit:'上传附件',cl:'pr1TitBass'},
                ]
            }
        },
        methods:{
            goto(val,aid=''){
                this.show = val
                this.AidShow = aid;
            },
            getWord(){
                if(this.$route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf')downloadPDF(this.$refs.student.$refs.downPDF,'附件2：2023年学生创客项目申报书模板');
                if(this.$route.query['Id']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf')downloadPDF(this.$refs.maker.$refs.downPDF,'附件3：2023年二级学院特色创客空间建设项目申报书模板');
                
            }
        },
        mounted(){
            console.log(this.$route.query['Id']);
        }
    }
</script>

<style lang="less" scoped> 
#ProjectManagementMain{
    display: flex;
    flex-direction: column;
    .downBtn{
        width: 100%;
        display: flex;
        justify-content: center;
    }
}
</style>