rebuild(stage-6): deliver emotion and market pools

next/frontend/src/app/shell/TopBar.vue

@@ -2,6 +2,7 @@
 import { computed, onBeforeUnmount, onMounted, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
+import { marketApi } from "../../shared/api/market";
 import { useMarketStore } from "../../shared/stores/market";
 import { useSessionStore } from "../../shared/stores/session";
 import { useUiStore } from "../../shared/stores/ui";
@@ -14,6 +15,7 @@ const session = useSessionStore();
 const ui = useUiStore();
 const menuOpen = ref(false);
 const menuRoot = ref<HTMLElement | null>(null);
+const refreshing = ref(false);
 
 const title = computed(() => {
   if (route.name === "system") return "系统管理";
@@ -56,6 +58,19 @@ async function endSession(action: "logout" | "switch-account"): Promise<void> {
   }
 }
 
+async function refreshMarket(): Promise<void> {
+  if (refreshing.value) return;
+  refreshing.value = true;
+  try {
+    const result = await marketApi.syncSnapshot(market.selectedDate);
+    ui.showToast(`${result.trade_date} 行情快照已更新，刷新页面后读取新数据`);
+  } catch (error) {
+    ui.showToast(error instanceof Error ? error.message : "行情刷新失败，请稍后重试");
+  } finally {
+    refreshing.value = false;
+  }
+}
+
 onMounted(() => document.addEventListener("mousedown", closeOnOutside));
 onBeforeUnmount(() => document.removeEventListener("mousedown", closeOnOutside));
 </script>
@@ -74,7 +89,7 @@ onBeforeUnmount(() => document.removeEventListener("mousedown", closeOnOutside))
     <button class="btn btn-small" type="button" :title="ui.theme === 'light' ? '切换夜间模式' : '切换日间模式'" @click="ui.toggleTheme">
       {{ ui.theme === "light" ? "夜间" : "日间" }}
     </button>
-    <button v-if="session.isAdmin" class="btn btn-small desktop-only" type="button" @click="ui.showToast('行情刷新任务暂不可用')">后台刷新</button>
+    <button v-if="session.isAdmin" class="btn btn-small desktop-only" type="button" :disabled="refreshing" @click="refreshMarket">{{ refreshing ? "刷新中" : "后台刷新" }}</button>
     <button v-if="session.isAdmin" class="btn btn-small desktop-only" type="button" @click="router.push('/system')">系统管理</button>
     <div class="identity-cluster">
       <button v-if="session.isMember" class="tag tag-vip" type="button" title="查看会员状态" @click="ui.openDialog('membership')">V 会员</button>