saas_entrepot_admin/src/views/resource/baseManageInfos/index.vue

<template>
  <div id="baseManageInfos">
    <el-button @click="jumpPages">营销</el-button>
    <el-button type="primary">资源</el-button>
    <div style="display: flex">
      <div class="infoBox">
        <div class="he">课程</div>
        <div>
          <el-button
            style="margin: 10px; display: block"
            v-for="(item, index) in list2"
            :key="index"
            @click="jumpPage(item)"
            >{{ item.title }}</el-button
          >
        </div>
      </div>
      <div class="infoBox" style="margin-left: 12px; height: 100%">
        <div class="he">题库</div>
        <div>
          <el-button
            style="margin: 10px; display: block"
            v-for="(item, index) in list3"
            :key="index"
            @click="jumpPage(item)"
            >{{ item.title }}</el-button
          >
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "baseManageInfos",
  data() {
    return {
      status: 2,
      list2: [
        {
          title: "教育类型",
          url: "educationTypes",
        },
        {
          title: "项目类型",
          url: "projectType",
        },
        {
          title: "业务层次",
          url: "businessLevel",
        },
        {
          title: "院校",
          url: "colleges",
        },
        {
          title: "专业",
          url: "professional",
        },
        {
          title: "专业标签",
          url: "label",
        },
        {
          title: "科目",
          url: "suject",
        },
        {
          title: "考期",
          url: "testPeriod",
        },
        {
          title: "报读地区",
          url: "enrollmentArea",
        },
        {
          title: "证书类型",
          url: "certificate",
        },
      ],
      list3: [
        // {
        //   title: "题目类型",
        //   url: "questionType",
        // },
        {
          title: "试卷类型",
          url: "papers",
        },
      ],
    };
  },
  methods: {
    jumpPages() {
      this.$router.push({
        name: "BasicParameters",
      });
    },
    jumpPage(item) {
      this.$router.push({
        path: item.url,
      });
    },
  },
};
</script>

<style lang="less" scoped>
.infoBox {
  border-radius: 8px;
  border: 1px solid #a4a4a4;
  width: 200px;
  overflow: hidden;
  margin: 20px 0px;
  .he {
    height: 40px;
    line-height: 40px;
    background-color: #eee;
    text-align: center;
  }
}
</style>