<template>
  <div class="ecommerce">
    开发中敬请期待...
    <!--<el-row :gutter="20">-->
    <!--  <el-col :sm="24" :md="24" :lg="16">-->
    <!--    <Banner />-->
    <!--  </el-col>-->
    <!--  <el-col :sm="12" :md="12" :lg="4">-->
    <!--    <TotalOrderVolume />-->
    <!--  </el-col>-->
    <!--  <el-col :sm="12" :md="12" :lg="4">-->
    <!--    <TotalProducts />-->
    <!--  </el-col>-->
    <!--</el-row>-->

    <!--<el-row :gutter="20">-->
    <!--  <el-col :sm="12" :md="12" :lg="8">-->
    <!--    <SalesTrend />-->
    <!--  </el-col>-->
    <!--  <el-col :sm="12" :md="12" :lg="8">-->
    <!--    <SalesClassification />-->
    <!--  </el-col>-->
    <!--  <el-col :sm="24" :md="24" :lg="8">-->
    <!--    <el-row :gutter="20">-->
    <!--      <el-col :sm="24" :md="12" :lg="12">-->
    <!--        <ProductSales />-->
    <!--      </el-col>-->
    <!--      <el-col :sm="24" :md="12" :lg="12">-->
    <!--        <SalesGrowth />-->
    <!--      </el-col>-->
    <!--      <el-col :span="24" class="no-margin-bottom">-->
    <!--        <CartConversionRate />-->
    <!--      </el-col>-->
    <!--    </el-row>-->
    <!--  </el-col>-->
    <!--</el-row>-->

    <!--<el-row :gutter="20">-->
    <!--  <el-col :sm="24" :md="12" :lg="8">-->
    <!--    <HotCommodity />-->
    <!--  </el-col>-->
    <!--  <el-col :sm="24" :md="12" :lg="8">-->
    <!--    <AnnualSales />-->
    <!--  </el-col>-->
    <!--  <el-col :sm="24" :md="24" :lg="8">-->
    <!--    <TransactionList />-->
    <!--  </el-col>-->
    <!--</el-row>-->

  </div>
</template>

<script setup lang="ts">
  import Banner from './widget/Banner.vue'
  import TotalOrderVolume from './widget/TotalOrderVolume.vue'
  import TotalProducts from './widget/TotalProducts.vue'
  import SalesTrend from './widget/SalesTrend.vue'
  import SalesClassification from './widget/SalesClassification.vue'
  import TransactionList from './widget/TransactionList.vue'
  import HotCommodity from './widget/HotCommodity.vue'
  import RecentTransaction from './widget/RecentTransaction.vue'
  import AnnualSales from './widget/AnnualSales.vue'
  import ProductSales from './widget/ProductSales.vue'
  import SalesGrowth from './widget/SalesGrowth.vue'
  import CartConversionRate from './widget/CartConversionRate.vue'

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

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