dy-admin-manager/src/views/teamBuild/forecastNameList.vue

<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane
        label="启蒙课问卷"
        name="first"
        v-if="permission('/initiationList')"
        ><initiationList
          v-if="activeName == 'first'"
          :isedit="team_status == 'PRE_APPLY'"
      /></el-tab-pane>
      <el-tab-pane
        label="预报名信息"
        name="second"
        v-if="permission('/teamForecastName')"
        ><forecastName
          v-if="activeName == 'second'"
          @changeActive="handleClick"
          :isedit="team_status == 'PRE_APPLY'"
      /></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import forecastName from "./forecastName";
import initiationList from "./initiationList";
import { permission } from "@/utils/directivePage";
export default {
  components: { forecastName, initiationList },
  data() {
    return {
      activeName: "first",
      team_status: this.$route.query.team_status
    };
  },
  mounted() {},
  methods: {
    permission(str) {
      return permission(str);
    },
    handleClick(val) {
      this.$emit("changeActive", { name: val });

      sessionStorage.setItem("teamDetailedListEidtTeamAddr", "eidtTeamAddr");
    }
  }
};
</script>
<style lang="scss" scoped></style>