<template>
  <div id="basicParameters">
    <el-button type="primary">营销</el-button>
    <el-button @click="changePages">资源</el-button>
    <div v-if="status === 1">
      <div class="infoBox">
        <div class="he">订单</div>
        <div>
          <el-button
            style="margin: 10px; display: block"
            v-for="(item, index) in list1"
            :key="index"
            @click="jumpPage(item)"
            >{{ item.title }}</el-button
          >
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      status: 1,
      list1: [
        {
          title: "支付通道",
          url: "paymentChannel",
        },
        {
          title: "收款方",
          url: "beneficiary",
        },
        {
          title: "渠道来源",
          url: "channelSource",
        },
        {
          title: "到访分校",
          url: "visitCampus",
        },
        {
          title: "服务模式",
          url: "serviceModel",
        },
        {
          title: "供应方",
          url: "supplier",
        },
        {
          title: "收费性质",
          url: "natureCharge",
        },
        {
          title: "费用类型",
          url: "typesFee",
        },
      ],
    };
  },
  methods: {
    changePages() {
      this.$router.push({
        name: "BaseManageInfos",
      });
    },
    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>
