ssti-CollegeManage/src/views/firm.vue

<template>
  <!-- 创业公司登记 -->
  <div class="firm">
    <!-- <div class="pAHeader"> -->
    <!-- <div class="pAHeader1">创业公司登记</div> -->
    <!-- </div> -->
    <div class="titleBox">
      <div class="pAHeader">
        <div class="pAHeader1">创业公司登记</div>
      </div>
      <!-- <div class="pAHeader" @click="titleType = 1">
        <div class="pAHeader1" :style="{fontWeight: titleType == 1 ? '' : 'unset'}">创业孵化基地资料归档</div>
      </div> -->
    </div>
    
    <hr />

		<div class="clickBox">
			<div class="boxHeader" @click="titleType = 0">
        <div :class="titleType==0?'boxBold':''" >初创公司信息登记</div>
      </div>
			<div class="boxHeader" @click="titleType = 1">
        <div :class="titleType==1?'boxBold':''">创业孵化基地资料归档</div>
      </div>
		</div>

    <Ecompanyr v-if="titleType == 0"></Ecompanyr>
    <Aeincubationm v-if="titleType == 1"></Aeincubationm>
  </div>
</template>
  
<script>
// import { Header } from 'element-ui';
import Ecompanyr from './firmComponents/ecompanyr.vue';
import Aeincubationm from './firmComponents/aeincubationm.vue';
export default {
  components: { Ecompanyr,Aeincubationm },
  data() {
    return {
      titleType: 0,
    };
  },
	activated(){
		this.titleType = 0;
	}
  
};
</script>
  
  <style lang="less">
.firm {
  width: 100%;
  height: 100%;
  position: relative;
  .titleBox{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    .pAHeader{
      width: auto;
      margin-right: 25px;
    }
  }

	.clickBox{
		width: 100%;
		height: 60px;
		display: flex;
		.boxHeader{
			cursor: pointer;
			margin-left: 5px;
			margin-right: 20px;
			font-size: 22px;
		}
		.boxBold{
			font-weight: bold;
		}
	}
  
}

</style>