<template>
  <AdminLayout :currentPage="currentPage">
    <view class="Page">
    <view class="Header">
      <text class="Title">积分统计</text>
      <text class="SubTitle">marketing/points/index</text>
    </view>

    <view class="Card">
      <text class="Label">页面参数（query）</text>
      <text class="Mono">{{ params }}</text>
    </view>
  </view>
</AdminLayout>
</template>

<script setup lang="uts">
import { ref, computed } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import AdminLayout from '@/layouts/admin/AdminLayout.uvue'

const params = ref('')
const tab = ref('stats')

onLoad((options) => {
  params.value = JSON.stringify(options ?? {})
  tab.value = options?.tab || 'stats'
})

const currentPage = computed(() => {
  switch (tab.value) {
    case 'goods': return 'points-goods'
    case 'order': return 'points-order'
    case 'record': return 'points-record'
    case 'config': return 'points-config'
    case 'lottery-list': return 'lottery-list'
    case 'lottery-config': return 'lottery-config'
    case 'groupbuy-goods': return 'groupbuy-goods'
    case 'groupbuy-list': return 'groupbuy-list'
    case 'seckill-goods': return 'seckill-goods'
    case 'seckill-list': return 'seckill-list'
    case 'seckill-config': return 'seckill-config'
    case 'member-type': return 'member-type'
    case 'member-rights': return 'member-rights'
    case 'member-card': return 'member-card'
    case 'member-record': return 'member-record'
    case 'member-config': return 'member-config'
    case 'live-room': return 'live-room'
    case 'live-goods': return 'live-goods'
    case 'live-anchor': return 'live-anchor'
    case 'recharge-amount': return 'recharge-amount'
    case 'recharge-config': return 'recharge-config'
    case 'recharge-record': return 'recharge-record'
    case 'newcomer': return 'newcomer'
    default: return 'points-stats'
  }
})
</script>

<style>
.Page {
  padding: 24rpx;
}
.Header {
  padding: 24rpx;
  border-radius: 16rpx;
  background: #ffffff;
}
.Title {
  font-size: 36rpx;
  font-weight: 700;
}
.SubTitle {
  margin-top: 8rpx;
  font-size: 24rpx;
  opacity: 0.7;
}
.Card {
  margin-top: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
  background: #ffffff;
}
.Label {
  font-size: 26rpx;
  font-weight: 600;
  margin-bottom: 12rpx;
}
.Mono {
  font-size: 24rpx;
  font-family: monospace;
  line-height: 36rpx;
  word-break: break-all;
}
</style>
