<template>
  <div v-if="pageStatus == 0">配置加载中...</div>
  <div v-else-if="pageStatus == 1">此页面不对此账号开放</div>
  <div v-else-if="pageStatus == 2">没有此页内容的配置权限，请检查集团上的配置</div>
  <div v-else-if="pageStatus == 3">加载发生错误</div>
  <div v-else-if="pageStatus == 4" class="tabZujian">
    <el-tabs v-model="activeName">
      <el-tab-pane label="油站信息" name="info" :key="'info'">
        <child1></child1>
      </el-tab-pane>
      <el-tab-pane label="小程序配置" name="pay" :key="'pay'">
        <child2></child2>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import tabZujianChild1 from "./info.vue";
import tabZujianChild2 from "./applet.vue";
import tabZujianChild3 from "../manage/index.vue";
export default {
  name: "Station_Configuration",
  components: {
    child1: tabZujianChild1,
    child2: tabZujianChild2,
    child3: tabZujianChild3,
  },
  data() {
    return {
      activeName: "info",
      pageStatus: 0,
    };
  },
  created() {
    this.setPageStatus();
  },
  methods: {
    setPageStatus() {
      this.queryPageStatus([2]).then((res) => {
        this.pageStatus = res;
      });
    },
  },
};
</script>
<style>
.tabZujian {
  margin-left: 20px;
  margin-top: 20px;
}
</style>
