train-dirtea/src/views/home/teacher.vue

<template>
  <div id="teacher">
    <el-col :span="24" class="style">
      <el-col :span="24" class="top">
        <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
      </el-col>
      <el-col :span="24" class="main">
        <teacherInfo :teaid="teaid"></teacherInfo>
      </el-col>
      <el-col :span="24" class="foot">
        <footInfo></footInfo>
      </el-col>
    </el-col>
  </div>
</template>

<script>
import NavBar from '@/layout/common/topInfo.vue';
import footInfo from '@/layout/common/footInfo.vue';
import teacherInfo from '@/layout/teacher/teacherInfo.vue';
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'teacher',
  props: {},
  components: { NavBar, footInfo, teacherInfo },
  data: () => ({
    teaid: {},
    isleftarrow: '',
    navShow: true,
    title: '教师信息',
  }),
  created() {
    this.search();
  },
  computed: {
    id() {
      return this.$route.query.teaid;
    },
  },
  methods: {
    async search() {
      this.teaid = this.id;
    },
  },
};
</script>

<style lang="less" scoped>
.top {
  height: 46px;
  overflow: hidden;
}
.foot {
  height: 90px;
  overflow: hidden;
}
</style>