  <template>
  <div>
        <!-- 项目立项申请查看详细项目基本内容 -->
        <!-- <div class="projectApplication1" v-loading="loading"> -->
        <div class="projectApplication1">
            <div class="vfpHeader">
                <div class="titleOne">项目立项申请</div>
                <span class="smallTitle">项目进展详情</span>
                <el-button @click="back()" type="primary" size="mini">返回</el-button>
            </div>
            <hr>
            <div class="AppBar">
                <div v-for="(item,index) in bar" :key="index" @click="goto(index)" class="AppBarActive">
                    {{ item.addresses }}
                    <div :class="index==status?item.cl:''"></div>
                </div>
                
            </div>
        </div>

        <projectApplicationDetails v-if="$route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf' && status==0"></projectApplicationDetails>
        <projectApplication2 v-if="$route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf' && status==1"></projectApplication2>
        <!-- <projectApplicationDetails v-if="$route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf' && status==0"></projectApplicationDetails> -->
        <!-- <projectApplication2 v-if="$route.query['Id']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf' && status==1"></projectApplication2> -->

        <!-- 特色创客空间建设项目 -->
        <projectApplicationMakerSpaceDetails v-if="$route.query['Id']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf' && status==0"/>
        <projectApplicationMakerSpaceDetails2 v-if="$route.query['Id']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf' && status==1"/>
  </div>
</template>

<script>
import projectApplicationDetails from './components/projectApplicationDetails.vue'
import projectApplication2 from './components/projectApplication2.vue'
import projectApplicationMakerSpaceDetails from './components/projectApplicationMakerSpaceDetails.vue'
import projectApplicationMakerSpaceDetails2 from './components/projectApplicationMakerSpaceDetails2.vue'
    export default {
        components:{projectApplicationDetails,projectApplication2,projectApplicationMakerSpaceDetails,projectApplicationMakerSpaceDetails2},
        data() {
            return {
                status:0,
                bar:[
                    {addresses:'项目基本内容',cl:'pr1TitBass'},
                    {addresses:'项目详情',cl:'pr1TitBass'},
                ],
            }
        },
        methods:{
            back(){
                this.$router.push('/projectApplication')
            },
            goto(val){
                this.status=val
            },
            
        },
        mounted(){
            // console.log(this.$route.query['Id'])
            // this.getData()
        }
    }
</script>

<style lang="less">

</style>