{#each defaultLabels as l}
diff --git a/src/lib/components/StockCard.svelte b/src/lib/components/StockCard.svelte
new file mode 100644
index 0000000..69f5963
--- /dev/null
+++ b/src/lib/components/StockCard.svelte
@@ -0,0 +1,54 @@
+
+
+
+
+
+
{stock.name} ({stock.code})
+ {#if stock.createdAt}
+
+
+ {formatDate(stock.createdAt)}
+
+ {/if}
+
+ {#if onDelete}
+
+ {/if}
+
+ {#if stock.tags && stock.tags.length}
+
+ {#each stock.tags as tag}
+ {tag}
+ {/each}
+
+ {/if}
+ {#if stock.priceGroups && stock.priceGroups.length}
+
+ {#each stock.priceGroups as group}
+
+ {group.label}
+ ￥{group.price}
+
+ {/each}
+
+ {/if}
+
\ No newline at end of file
diff --git a/src/lib/stores/StockStore.ts b/src/lib/stores/StockStore.ts
index 50e273d..a69cfe7 100644
--- a/src/lib/stores/StockStore.ts
+++ b/src/lib/stores/StockStore.ts
@@ -1,16 +1,166 @@
import { writable } from 'svelte/store';
+import { openDB, type IDBPDatabase } from 'idb';
import type { StockInfo } from '$lib/types/review';
+// 数据库配置
+const DB_NAME = 'StockWatchDB';
+const DB_VERSION = 1;
+const STORE_NAME = 'stocks';
+
+// 初始化数据库
+async function initDB() {
+ console.log('初始化数据库...');
+ const db = await openDB(DB_NAME, DB_VERSION, {
+ upgrade(db) {
+ console.log('数据库升级，创建对象存储...');
+ // 创建 stocks 存储，使用 code 作为主键
+ if (!db.objectStoreNames.contains(STORE_NAME)) {
+ const store = db.createObjectStore(STORE_NAME, { keyPath: 'code' });
+ // 创建索引以便按时间排序
+ store.createIndex('createdAt', 'createdAt', { unique: false });
+ console.log('对象存储创建成功，keyPath:', 'code');
+ }
+ },
+ });
+ console.log('数据库初始化完成');
+ return db;
+}
+
+// 数据库操作函数
+async function loadStocksFromDB(): Promise
{
+ try {
+ const db = await initDB();
+ const tx = db.transaction(STORE_NAME, 'readonly');
+ const store = tx.objectStore(STORE_NAME);
+ const stocks = await store.getAll();
+ return stocks;
+ } catch (error) {
+ console.error('加载股票数据失败:', error);
+ return [];
+ }
+}
+
+async function saveStockToDB(stock: StockInfo): Promise {
+ try {
+ console.log('准备保存股票数据:', stock);
+
+ // 验证股票代码是否存在且不为空
+ if (!stock.code || stock.code.trim() === '') {
+ console.error('股票代码为空:', stock);
+ throw new Error('股票代码不能为空');
+ }
+
+ const db = await initDB();
+ const tx = db.transaction(STORE_NAME, 'readwrite');
+ const store = tx.objectStore(STORE_NAME);
+
+ // 检查是否已存在相同代码的股票
+ const existingStock = await store.get(stock.code);
+ if (existingStock) {
+ throw new Error(`股票代码 ${stock.code} 已存在`);
+ }
+
+ console.log('添加到数据库:', stock);
+ await store.add(stock);
+ await tx.done;
+ console.log('股票数据保存成功');
+ } catch (error) {
+ console.error('保存股票数据失败:', error);
+ console.error('股票数据:', stock);
+ throw error;
+ }
+}
+
+async function removeStockFromDB(code: string): Promise {
+ try {
+ const db = await initDB();
+ const tx = db.transaction(STORE_NAME, 'readwrite');
+ const store = tx.objectStore(STORE_NAME);
+ await store.delete(code);
+ await tx.done;
+ } catch (error) {
+ console.error('删除股票数据失败:', error);
+ throw error;
+ }
+}
+
+async function clearAllStocksFromDB(): Promise {
+ try {
+ const db = await initDB();
+ const tx = db.transaction(STORE_NAME, 'readwrite');
+ const store = tx.objectStore(STORE_NAME);
+ await store.clear();
+ await tx.done;
+ } catch (error) {
+ console.error('清空股票数据失败:', error);
+ throw error;
+ }
+}
+
+// 创建增强的 store
function createStockStore() {
const { subscribe, set, update } = writable([]);
+
+ // 初始化时从数据库加载数据
+ let initialized = false;
+
return {
subscribe,
+
+ // 初始化 store
+ async init() {
+ if (!initialized) {
+ const stocks = await loadStocksFromDB();
+ set(stocks);
+ initialized = true;
+ }
+ },
+
+ // 添加股票
+ async add(stock: StockInfo) {
+ try {
+ await saveStockToDB(stock);
+ update(list => [...list, stock]);
+ } catch (error) {
+ console.error('添加股票失败:', error);
+ throw error;
+ }
+ },
+
+ // 删除股票（通过股票代码）
+ async remove(code: string) {
+ try {
+ await removeStockFromDB(code);
+ update(list => list.filter(stock => stock.code !== code));
+ } catch (error) {
+ console.error('删除股票失败:', error);
+ throw error;
+ }
+ },
+
+ // 重置所有数据
+ async reset() {
+ try {
+ await clearAllStocksFromDB();
+ set([]);
+ } catch (error) {
+ console.error('重置数据失败:', error);
+ throw error;
+ }
+ },
+
+ // 直接设置数据（用于测试或导入）
set,
- reset: () => set([]),
- add: (stock: StockInfo) => update(list => [...list, stock]),
- remove: (idx: number) => update(list => list.filter((_, i) => i !== idx)),
+
+ // 更新数据（用于编辑）
+ update
};
}
export const stockStore = createStockStore();
-export const addStockStore = writable(false);
\ No newline at end of file
+export const addStockStore = writable(false);
+
+// 在浏览器环境中自动初始化
+if (typeof window !== 'undefined') {
+ stockStore.init();
+}
\ No newline at end of file
diff --git a/src/lib/types/review.ts b/src/lib/types/review.ts
index 39502d7..c8e23cd 100644
--- a/src/lib/types/review.ts
+++ b/src/lib/types/review.ts
@@ -7,7 +7,8 @@ export type CustomPriceGroup = {
export interface StockInfo {
name: string; // 股票名称
- code: string; // 股票代码
+ code: string; // 股票代码（唯一标识符）
tags: string[]; // 股票标签
priceGroups: CustomPriceGroup[]; // 价格标签+价格数组
+ createdAt: string; // 添加时间
}
diff --git a/src/routes/list/+page.svelte b/src/routes/list/+page.svelte
index b0f2324..d149902 100644
--- a/src/routes/list/+page.svelte
+++ b/src/routes/list/+page.svelte
@@ -2,34 +2,37 @@
// @ts-expect-error: svelte-masonry 没有类型声明
import Masonry from 'svelte-masonry';
import AddReviewCardForm from '$lib/components/AddReviewCardForm.svelte';
+ import StockCard from '$lib/components/StockCard.svelte';
import BottomBar from '$lib/components/layout/BottomBar.svelte';
import { stockStore, addStockStore } from '$lib/stores/StockStore';
import type { StockInfo } from '$lib/types/review';
+ import { toast } from 'svelte-sonner';
- function handleAdd(stock: StockInfo) {
- stockStore.add(stock);
+ async function handleAdd(stock: StockInfo) {
+ try {
+ console.log('页面组件接收到的股票数据:', stock);
+ await stockStore.add(stock);
+ } catch (error) {
+ console.error('添加股票失败:', error);
+ toast.error('添加股票失败');
+ }
+ }
+
+ async function handleDelete(stock: StockInfo) {
+ try {
+ await stockStore.remove(stock.code);
+ } catch (error) {
+ console.error('删除股票失败:', error);
+ toast.error('删除股票失败');
+ }
}
股票列表
-
{#each $stockStore as stock, idx (stock.name + stock.code)}
-
-
-
{stock.name}（{stock.code}）
-
- {#each stock.priceGroups as group}
-
- {group.label}
- ￥{group.price}
-
- {/each}
-
-
-
-