rebuild(stage-5): establish market data gateway and charts

2026-07-30 02:35:42 +08:00
parent 40ad5d6836
commit cf0ab7026f
45 changed files with 2701 additions and 46 deletions
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import { useRoute } from "vue-router";
+
+import type { MarketEntity } from "../../shared/api/market";
+import MarketPreviewPanel from "../../shared/market/MarketPreviewPanel.vue";
+
+const route = useRoute();
+const entity = computed<MarketEntity>(() => ({
+  entity_type: String(route.params.entityType) as MarketEntity["entity_type"],
+  identifier: String(route.params.identifier),
+  code: String(route.query.code ?? String(route.params.identifier).split(".")[0]),
+  name: String(route.query.name ?? route.params.identifier),
+  sector: route.query.sector ? String(route.query.sector) : null,
+}));
+</script>
+
+<template>
+  <main class="page-frame entity-detail-page">
+    <header class="page-header entity-heading">
+      <div><h1>{{ entity.name }}</h1><p class="page-subtitle">{{ entity.code }}<template v-if="entity.sector"> · {{ entity.sector }}</template></p></div>
+      <span class="tag">最新真实行情</span>
+    </header>
+    <MarketPreviewPanel :entity="entity" class="card entity-chart" />
+  </main>
+</template>