Initial commit: One Pipe System

完整的管理系统，包含账户管理、卡片管理、套餐管理、财务管理等功能模块。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/template/map/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="page-content" v-loading="loading" element-loading-text="加载中...">
+    <ArtMapChart @onRenderComplete="onLoaded" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+
+  const loading = ref(true)
+  const onLoaded = () => {
+    loading.value = false
+  }
+
+  const ArtMapChart = defineAsyncComponent(() => import('@/components/core/charts/ArtMapChart.vue'))
+</script>
+
+<style lang="scss" scoped>
+  .page-content {
+    height: 100%;
+  }
+</style>