<template>
  <div style="padding: 15px;">
    <el-tabs type="border-card" v-model="datas.activeName" @tab-click="handleClick">
      <el-tab-pane label="基本设置" name="BasicSettings">
        <BasicSettings v-if="datas.activeName == 'BasicSettings'" />
      </el-tab-pane>
      <el-tab-pane label="商品设置" name="ProductSettings">商品设置</el-tab-pane>
      <el-tab-pane label="兑换记录" name="Exchangerecords">
        <Exchangerecords v-if="datas.activeName == 'Exchangerecords'" />
      </el-tab-pane>
      <el-tab-pane label="会员积分" name="MEMBERPOINTS">会员积分</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import BasicSettings from './pointsconfig/BasicSettings.vue'
import Exchangerecords from './pointsconfig/exchangerecords.vue'

let datas = reactive({
  activeName: "BasicSettings",

})
function handleClick(tab) {
  datas.activeName = tab.props.name;
}
</script>