<template>
  <div id="index">
    <el-row>
      <el-col :span="24" class="index">
        <el-col :span="24" class="top">
          <topInfo :topTitle="pageTitle"></topInfo>
        </el-col>
      </el-col>
      <el-col :span="24">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="问卷统计" name="first"><tongji></tongji></el-tab-pane>
          <el-tab-pane label="问卷管理" name="second"><wenjuan></wenjuan></el-tab-pane>
          <el-tab-pane label="题库管理" name="third"><tiku></tiku></el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import topInfo from '@/layout/public/top.vue';
import tongji from '@/views/question/part/tongji.vue';
import wenjuan from '@/views/question/part/wenjuan.vue';
import tiku from '@/views/question/part/tiku.vue';
import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'index',
  props: {},
  components: { topInfo, tongji, wenjuan, tiku },
  data: () => ({
    activeName: 'first',
  }),
  created() {},
  computed: {
    ...mapState(['user']),
    pageTitle() {
      return `${this.$route.meta.title}`;
    },
  },
  methods: {
    handleClick() {},
  },
};
</script>

<style lang="less" scoped></style>
