<template>
  <div class="overflow-x-hidden">
    <el-row :gutter="20" class="m-t-5px">
      <KoiCard></KoiCard>
      <el-col :span="24" class="m-t-5px">
        <el-card class="rounded-md" shadow="hover">
          <template #header>
            🦀日交易趋势
          </template>
          <KoiTradeChart></KoiTradeChart>
        </el-card>
      </el-col>
<!--      <el-col :span="12" :lg="12" :md="12" :sm="24" :xs="24" class="m-t-5px">-->
<!--        <el-card class="rounded-md" shadow="hover">-->
<!--          <template #header>-->
<!--            🐻地区异常订单排行-->
<!--          </template>-->
<!--          <KoiLeftChart></KoiLeftChart>-->
<!--        </el-card>-->
<!--      </el-col>-->
<!--      <el-col :span="12" :lg="12" :md="12" :sm="24" :xs="24" class="m-t-5px">-->
<!--        <el-card class="rounded-md" shadow="hover">-->
<!--          <template #header>-->
<!--            🐻‍❄️近10日订单量-->
<!--          </template>-->
<!--          <KoiRightChart></KoiRightChart>-->
<!--        </el-card>-->
<!--      </el-col>-->
    </el-row>
<!--    <el-row :gutter="20" class="m-t-5px">-->
<!--      <el-col :span="12" :lg="12" :md="12" :sm="24" :xs="24">-->
<!--        <el-card class="rounded-md" shadow="hover">-->
<!--          <KoiTimeline1></KoiTimeline1>-->
<!--        </el-card>-->
<!--      </el-col>-->
<!--      <el-col :span="12" :lg="12" :md="12" :sm="24" :xs="24">-->
<!--        <el-card class="rounded-md" shadow="hover">-->
<!--          <KoiTimeline2></KoiTimeline2>-->
<!--        </el-card>-->
<!--      </el-col>-->
<!--    </el-row>-->
  </div>
</template>

<script setup lang="ts" name="homeindex">
import { getDayText } from "@/utils/random.ts";
import { koiNoticeSuccess } from "@/utils/koi.ts";
import KoiCard from "./components/KoiCard.vue";
import KoiTradeChart from "./components/KoiTradeChart.vue";
import KoiLeftChart from "./components/KoiLeftChart.vue";
import KoiRightChart from "./components/KoiRightChart.vue";
import KoiTimeline1 from "./components/KoiTimeline1.vue";
import KoiTimeline2 from "./components/KoiTimeline2.vue";
import { onMounted } from "vue";
import logo from "@/assets/images/logo/logo.png";

onMounted(() => {
  // 时间问候语
  koiNoticeSuccess(getDayText(), "欢迎回来~");
});

// 头像
const avatar = logo

// 前后端版本Gitee地址
const handleKoiAdminGitee = () => {
  koiNoticeSuccess("前后端版本JAVA[129元]，博客版本 + 管理平台[269元]~");
};

// 纯前端Gitee地址
const handleKoiUIGitee = () => {
  window.open("https://gitee.com/BigCatHome/koi-ui", "_blank");
};

// 纯前端GitHub地址
const handleKoiUIGitHub = () => {
  koiNoticeSuccess("前后端版本JAVA[129元]，博客版本 + 管理平台[269元]~");
};
</script>

<style lang="scss" scoped></style>
