<template>
  <a-card style="width: 100%; height: 100%">
    <a-tabs default-active-key="1">
      <a-tab-pane key="1">
        <span slot="tab"> 桌台设置 </span>
        <pos-table></pos-table>
      </a-tab-pane>
      <a-tab-pane key="2">
        <span slot="tab"> 桌台区域设置 </span>
        <pos-region></pos-region>
      </a-tab-pane>
      <a-tab-pane key="3">
        <span slot="tab"> 桌台桌型设置 </span>
        <pos-table-type></pos-table-type>
      </a-tab-pane>
      <a-tab-pane key="4">
        <span slot="tab"> 沽清设置 </span>
        <pos-sell-clear-goods></pos-sell-clear-goods>
      </a-tab-pane>
      <a-tab-pane key="5">
        <span slot="tab"> 套餐管理 </span>
        <pos-thali></pos-thali>
      </a-tab-pane>
      <a-tab-pane key="6">
        <span slot="tab"> 餐段设置 </span>
        <pos-meal-section></pos-meal-section>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import posTable from "./components/pos/posTable.vue";
import posRegion from "./components/pos/posRegion.vue";
import posTableType from "./components/pos/posTableType.vue";
import posSellClearGoods from "./components/pos/posSellClearGoods.vue";
import posThali from "./components/pos/posThali.vue";
import posMealSection from "./components/pos/posMealSection.vue";

export default {
  components: {
    posTable,
    posRegion,
    posTableType,
    posSellClearGoods,
    posThali,
    posMealSection,
  },
  data() {
    return {};
  },
};
</script>

<style scoped>
.main {
  height: 70% !important;
}
</style>
