<template>
  <div class="ele-body ele-body-card">
    <a-card
      :bordered="false"
      :body-style="{ paddingTop: '0px', minHeight: '800px' }"
    >
      <a-tabs v-model:active-key="active">
        <a-tab-pane tab="基础设置" key="basic">
          <Basic />
        </a-tab-pane>
        <a-tab-pane tab="订单设置" key="order">
          <Order />
        </a-tab-pane>
        <a-tab-pane tab="积分设置" key="points">
          <Points />
        </a-tab-pane>
        <a-tab-pane tab="分销设置" key="dealer">
          <Dealer />
        </a-tab-pane>
        <a-tab-pane tab="支付设置" key="payment">
          <Payment />
        </a-tab-pane>
        <a-tab-pane tab="通知设置" key="notify">
          <Notify />
        </a-tab-pane>
        <a-tab-pane tab="上传设置" key="upload">
          <Upload />
        </a-tab-pane>
        <a-tab-pane tab="短信设置" key="sms">
          <Sms />
        </a-tab-pane>
        <a-tab-pane tab="小程序设置" key="miniprogram">
          <Miniprogram />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import Basic from './components/basic.vue';
import Order from './components/order.vue';
import Points from './components/points.vue';
import Dealer from './components/dealer.vue';
import Payment from './components/payment.vue';
import Notify from './components/notify.vue';
import Upload from './components/upload.vue';
import Sms from './components/sms.vue';
import Miniprogram from './components/miniprogram.vue';

const active = ref('basic');
</script>

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