<template>
  <div class="page">
    <!--    <a-page-header :ghost="false" title="客户管理">-->
    <!--      <div class="ele-text-secondary">-->
    <!--        客户管理模块，合理分配客户资源 有效提高工作效率。-->
    <!--      </div>-->
    <!--    </a-page-header>-->
    <div class="ele-body">
      <a-card :bordered="false" :body-style="{ padding: '16px' }">
        <a-tabs type="card" tabPosition="top" v-model:activeKey="activeKey">
          <a-tab-pane v-for="(d, index) in data" :key="index" :tab="d.label">
            <list :type="d" />
          </a-tab-pane>
        </a-tabs>
      </a-card>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import List from './list.vue';
  import { getDictionaryOptions } from '@/utils/common';

  // 加载状态
  const loading = ref(true);

  // 当前选项卡
  const activeKey = ref(0);

  // 获取字典数据
  const data = getDictionaryOptions('customerCategory');

  /* 查询 */
  const query = () => {
    loading.value = true;
  };

  query();
</script>

<script lang="ts">
  export default {
    name: 'Customer'
  };
</script>

<style lang="less" scoped>
  .sys-organization-list {
    padding: 12px 6px;
    height: calc(100vh - 242px);
    border-width: 1px;
    border-style: solid;
    overflow: auto;
  }
</style>
