
<template>
  <!-- <div class="table_box">
芹菜
  </div> -->
  <div class="table_box">
    <div class="right-header">
      <el-row class="top_search_nav">
        <el-radio-group
          v-model="form.informantType"
          @change="getCompanyTypeList"
        >
          <el-radio-button
            v-for="item in options"
            :key="item.value"
            :value="item.value"
            :label="item.value"
            >{{ item.label }}</el-radio-button
          >
        </el-radio-group>
      </el-row>
    </div>
    <div class="right-main">
       <!-- 权限管理 -->
      <div v-if="form.informantType === 0">
        <limitsApium></limitsApium>
      </div>
      <!-- 角色管理 -->
      <div v-if="form.informantType === 1">
          <roleApium></roleApium>
      </div>
      <!-- 经纪人管理 -->
      <div v-if="form.informantType === 2">
          <agentApium></agentApium>
      </div>
      <!-- 会员档案 -->
      <div v-if="form.informantType === 3">
      
         <memberApium></memberApium>
      </div>
      <!-- 客户管理 -->
      <div v-if="form.informantType === 4">
        <customerApium></customerApium>
      </div>
        <!-- 价格管理 -->
      <div v-if="form.informantType === 5">
        <priceApium></priceApium>
      </div>
      <!-- 生码管理 -->
      <div v-if="form.informantType === 6">
        <madeApium></madeApium>
      </div>
       <!-- 设备管理 -->
      <div v-if="form.informantType === 7">
        <equipmentApium></equipmentApium>
      </div>
       <!-- 产品管理 -->
      <div v-if="form.informantType === 8">
        <productApium></productApium>
      </div>
      <!-- 消息发布 -->
      <div v-if="form.informantType === 9">
        <newsApium></newsApium>
      </div>
    
  
    </div>
  </div>
</template>
<script>
import limitsApium from "./components/limitsApium/index.vue";
import roleApium from "./components/roleApium/index.vue";
import agentApium from "./components/agentApium/index.vue";


import memberApium from "./components/memberApium/index.vue";
import customerApium from "./components/customerApium/index.vue";
import madeApium from "./components/madeApium/index.vue";
import newsApium from "./components/newsApium/index.vue";
import priceApium from "./components/priceApium/index.vue";
import equipmentApium from "./components/equipmentApium/index.vue";
import productApium from "./components/productApium";

export default {
  name: "apium",
  data() {
    return {
           form: {
        informantType: 0,
      },
      options: [
        {
          value: 0,
          label: "权限管理",
        
        },
        {
          value: 1,
          label: "角色管理",
        },
        {
          value: 2,
          label: "经纪人管理",
        },
        {
          value: 3,
          label: "会员档案",
        },
        {
          value: 4,
          label: "客户管理",
        },
        {
          value: 5,
          label: "价格管理",
        },
        {
          value: 6,
          label: "生码管理",
        },
        {
          value: 7,
          label: "设备管理",
        },
        {
          value: 8,
          label: "产品管理",
        },
        {
          value: 9,
          label: "消息发布",
        }
      ],
    };
  },
   components: {
    limitsApium,
    roleApium,
    agentApium,
    memberApium,
    customerApium,
    madeApium,
    newsApium,
    priceApium,
    equipmentApium,
    productApium,
    // sortPage,
    // dataPage,
  },

  mounted() {

  },
  methods: {
      getCompanyTypeList() {
      // this.$apis.brand
      //   .getBrandAllList({ configKey: "company_type" })
      //   .then((res) => {
      //     console.log(res);
      //     console.log("=====");
      //     this.companyTypeList = res.data.items;
      //   });
    },
  }
};
</script>
<style scoped lang="scss">
.table_box {
  margin: 30px;
  
}
</style>