first commit

src/views/dashboard/console/modules/sales-overview.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="art-card h-105 p-5 mb-5 max-sm:mb-4">
+    <div class="art-card-header">
+      <div class="title">
+        <h4>访问量</h4>
+        <p>今年增长<span class="text-success">+15%</span></p>
+      </div>
+    </div>
+    <ArtLineChart
+      height="calc(100% - 56px)"
+      :data="data"
+      :xAxisData="xAxisData"
+      :showAreaColor="true"
+      :showAxisLine="false"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  /**
+   * 全年访问量数据
+   * 记录每月的访问量统计
+   */
+  const data = [50, 25, 40, 20, 70, 35, 65, 30, 35, 20, 40, 44]
+
+  /**
+   * X 轴月份标签
+   */
+  const xAxisData = [
+    '1月',
+    '2月',
+    '3月',
+    '4月',
+    '5月',
+    '6月',
+    '7月',
+    '8月',
+    '9月',
+    '10月',
+    '11月',
+    '12月'
+  ]
+</script>