<template>
  <div class="analysis-dashboard">
    <!-- 轮询统计 -->
    <div class="section-title">轮询统计</div>
    <PollingStats />

    <!-- 佣金概览 -->
    <div class="section-title">佣金概览</div>
    <CommissionSummary />

    <!-- 提现配置 -->
    <div class="section-title">提现配置</div>
    <WithdrawalSettings />

    <!-- 支付配置 -->
    <div class="section-title">支付配置</div>
    <ActiveWechatConfig />

    <!--<el-row :gutter="20">-->
    <!--  <el-col :xl="14" :lg="15" :xs="24">-->
    <!--    <TodaySales />-->
    <!--  </el-col>-->
    <!--  <el-col :xl="10" :lg="9" :xs="24">-->
    <!--    <VisitorInsights />-->
    <!--  </el-col>-->
    <!--</el-row>-->

    <!--<el-row :gutter="20" class="mt-20">-->
    <!--  <el-col :xl="10" :lg="10" :xs="24">-->
    <!--    <TotalRevenue />-->
    <!--  </el-col>-->
    <!--  <el-col :xl="7" :lg="7" :xs="24">-->
    <!--    <CustomerSatisfaction />-->
    <!--  </el-col>-->
    <!--  <el-col :xl="7" :lg="7" :xs="24">-->
    <!--    <TargetVsReality />-->
    <!--  </el-col>-->
    <!--</el-row>-->

    <!--<el-row :gutter="20" class="mt-20">-->
    <!--  <el-col :xl="10" :lg="10" :xs="24">-->
    <!--    <TopProducts />-->
    <!--  </el-col>-->
    <!--  <el-col :xl="7" :lg="7" :xs="24">-->
    <!--    <SalesMappingByCountry />-->
    <!--  </el-col>-->
    <!--  <el-col :xl="7" :lg="7" :xs="24">-->
    <!--    <VolumeServiceLevel />-->
    <!--  </el-col>-->
    <!--</el-row>-->
  </div>
</template>

<script setup lang="ts">
  import TodaySales from './widget/TodaySales.vue'
  import VisitorInsights from './widget/VisitorInsights.vue'
  import TotalRevenue from './widget/TotalRevenue.vue'
  import CustomerSatisfaction from './widget/CustomerSatisfaction.vue'
  import TargetVsReality from './widget/TargetVsReality.vue'
  import TopProducts from './widget/TopProducts.vue'
  import SalesMappingByCountry from './widget/SalesMappingByCountry.vue'
  import VolumeServiceLevel from './widget/VolumeServiceLevel.vue'
  import PollingStats from './widget/PollingStats.vue'
  import CommissionSummary from './widget/CommissionSummary.vue'
  import WithdrawalSettings from './widget/WithdrawalSettings.vue'
  import ActiveWechatConfig from './widget/ActiveWechatConfig.vue'

  defineOptions({ name: 'Analysis' })
</script>

<style lang="scss" scoped>
  @use './style';

  .section-title {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    color: var(--el-text-color-primary);

    &:first-child {
      margin-top: 0;
    }
  }
</style>
