rebuild(stage-12): deliver private review workflows

2026-07-30 07:45:55 +08:00
parent 0a055867a4
commit b93fb3ec41
32 changed files with 2292 additions and 9 deletions
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } from "vue";
+
+import { reviewApi, type AlertItem } from "../../shared/api/review";
+import EmptyState from "../../shared/components/EmptyState.vue";
+import { useUiStore } from "../../shared/stores/ui";
+
+const ui = useUiStore();
+const items = ref<AlertItem[]>([]);
+const unreadOnly = ref(false);
+const loading = ref(true);
+const form = reactive({ title: "", remind_date: new Date().toISOString().slice(0, 10), code: "", content: "" });
+async function load(): Promise<void> {
+  loading.value = true;
+  try {
+    const result = await reviewApi.alerts(unreadOnly.value);
+    items.value = result.items;
+    ui.alertUnread = result.unread_count;
+  } catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "提醒读取失败"); }
+  finally { loading.value = false; }
+}
+async function create(): Promise<void> {
+  try {
+    await reviewApi.createAlert(form);
+    Object.assign(form, { title: "", code: "", content: "" });
+    ui.showToast("提醒已保存"); await load();
+  } catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "提醒保存失败"); }
+}
+async function mark(row: AlertItem): Promise<void> { await reviewApi.markAlert(row.id); await load(); }
+async function markAll(): Promise<void> { await reviewApi.markAllAlerts(); await load(); }
+async function remove(row: AlertItem): Promise<void> { await reviewApi.deleteAlert(row.id); await load(); }
+function select(unread: boolean): void { unreadOnly.value = unread; void load(); }
+onMounted(load);
+</script>
+
+<template>
+  <div class="alerts-panel">
+    <div class="alerts-toolbar"><div class="segmented"><button type="button" :class="{ active: !unreadOnly }" @click="select(false)">全部</button><button type="button" :class="{ active: unreadOnly }" @click="select(true)">未读</button></div><button class="btn btn-small" type="button" @click="markAll">全部已读</button></div>
+    <form class="alert-create" @submit.prevent="create"><div class="alert-create-grid"><label class="field"><span class="field-label">标题</span><input v-model="form.title" class="input" maxlength="80" required /></label><label class="field"><span class="field-label">提醒日期</span><input v-model="form.remind_date" class="input" type="date" required /></label><label class="field"><span class="field-label">股票代码（可选）</span><input v-model="form.code" class="input" maxlength="12" /></label></div><label class="field"><span class="field-label">提醒内容（可选）</span><textarea v-model="form.content" class="textarea" maxlength="500"></textarea></label><div class="form-actions"><button class="btn btn-primary" type="submit">保存提醒</button></div></form>
+    <div v-if="loading" class="workspace-state">正在读取提醒</div>
+    <div v-else-if="items.length" class="alert-list"><article v-for="item in items" :key="item.id" :class="{ unread: !item.is_read && item.due }"><div><strong>{{ item.title }}</strong><span class="tag">{{ item.due ? (item.is_read ? "已读" : "未读") : "未到期" }}</span></div><p>{{ item.content }}</p><small>{{ item.available_date }}<template v-if="item.code"> · {{ item.code }}</template></small><div class="table-actions"><button v-if="item.due && !item.is_read" class="btn btn-small" type="button" @click="mark(item)">标为已读</button><button class="btn btn-small" type="button" @click="remove(item)">删除</button></div></article></div>
+    <EmptyState v-else title="暂无提醒" description="可以创建站内提醒，策略跟踪反馈也会自动汇总到这里。" />
+  </div>
+</template>
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import { computed, nextTick, onMounted, ref } from "vue";
+
+import { reviewApi, type AssistantMessage } from "../../shared/api/review";
+import { useMarketStore } from "../../shared/stores/market";
+import { useSessionStore } from "../../shared/stores/session";
+import { useUiStore } from "../../shared/stores/ui";
+
+const market = useMarketStore();
+const session = useSessionStore();
+const ui = useUiStore();
+const messages = ref<AssistantMessage[]>([]);
+const question = ref("");
+const loading = ref(false);
+const messageRoot = ref<HTMLElement | null>(null);
+let controller: AbortController | undefined;
+const locked = computed(() => !session.account?.smart_access);
+const prompts: Array<[string, string]> = [
+  ["市场位置", "结合近十日情绪和今天的数据，当前市场处于什么位置？"],
+  ["市场主线", "总结当前市场主线，并说明证据和可能的失效条件。"],
+  ["交易复盘", "结合我的策略跟踪和交易日志，找出最值得修正的一个行为模式。"],
+  ["明日清单", "为下一个交易日给出条件化观察清单，不给无条件买卖指令。"],
+];
+async function load(): Promise<void> {
+  if (locked.value) return;
+  try { messages.value = await reviewApi.assistantMessages(); }
+  catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "对话读取失败"); }
+}
+async function send(): Promise<void> {
+  const value = question.value.trim();
+  if (!value || loading.value || locked.value) return;
+  question.value = "";
+  const user = { id: Date.now(), role: "user", content: value, context_date: market.selectedDate, status: "complete", created_at: "" } as AssistantMessage;
+  const answer = { id: Date.now() + 1, role: "assistant", content: "", context_date: market.selectedDate, status: "complete", created_at: "" } as AssistantMessage;
+  messages.value.push(user, answer);
+  loading.value = true;
+  controller = new AbortController();
+  try {
+    await reviewApi.chat(market.selectedDate, value, (event) => {
+      if (event.type === "delta") answer.content += event.content ?? "";
+      if (event.type === "error") ui.showToast(event.message ?? "复盘助手回答中断");
+      void scrollEnd();
+    }, controller.signal);
+  } catch (reason) {
+    if (!(reason instanceof DOMException && reason.name === "AbortError")) ui.showToast(reason instanceof Error ? reason.message : "回答失败");
+  } finally { loading.value = false; controller = undefined; }
+}
+async function clear(): Promise<void> {
+  await reviewApi.clearAssistant(); messages.value = [];
+}
+function usePrompt(value: string): void { question.value = value; }
+function stop(): void { controller?.abort(); }
+async function scrollEnd(): Promise<void> { await nextTick(); if (messageRoot.value) messageRoot.value.scrollTop = messageRoot.value.scrollHeight; }
+onMounted(load);
+</script>
+
+<template>
+  <div class="assistant-panel">
+    <div v-if="locked" class="notice notice-warning"><strong>复盘助手仅对会员开放</strong><span>开通会员后可读取市场统计、策略跟踪与个人复盘记录，进行统一复盘分析。</span></div>
+    <div class="assistant-content" :class="{ 'locked-content': locked }" :aria-disabled="locked">
+      <div ref="messageRoot" class="assistant-messages"><article v-for="message in messages" :key="message.id" :class="message.role"><span>{{ message.role === 'user' ? '我' : '复盘助手' }}</span><p>{{ message.content || (loading ? "正在整理复盘材料" : "") }}</p></article><div v-if="!messages.length" class="assistant-empty">可以从市场、策略或自己的交易记录开始复盘</div></div>
+      <div class="assistant-prompts"><button v-for="item in prompts" :key="item[0]" type="button" :disabled="locked" @click="usePrompt(item[1])">{{ item[0] }}</button></div>
+      <form class="assistant-compose" @submit.prevent="send"><textarea v-model="question" class="textarea" maxlength="2000" placeholder="询问市场位置、主线、策略表现或自己的交易模式" :disabled="locked" required></textarea><div><button v-if="loading" class="btn" type="button" @click="stop">停止</button><button v-else class="btn btn-primary" type="submit" :disabled="locked">发送</button><button class="btn btn-ghost" type="button" :disabled="locked" @click="clear">清空对话</button></div></form>
+    </div>
+  </div>
+</template>
@@ -0,0 +1,144 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from "vue";
+
+import { marketApi, type MarketEntity } from "../../shared/api/market";
+import { reviewApi, type ReviewWorkspace, type TradeEntry, type WatchItem } from "../../shared/api/review";
+import BaseDialog from "../../shared/components/BaseDialog.vue";
+import EmptyState from "../../shared/components/EmptyState.vue";
+import { useMarketStore } from "../../shared/stores/market";
+import { useUiStore } from "../../shared/stores/ui";
+import TradeDialog from "./TradeDialog.vue";
+
+const market = useMarketStore();
+const ui = useUiStore();
+const data = ref<ReviewWorkspace | null>(null);
+const loading = ref(true);
+const error = ref("");
+const historyOpen = ref(false);
+const tradeDialog = ref(false);
+const editingTrade = ref<TradeEntry | null>(null);
+const watchDialog = ref(false);
+const watchQuery = ref("");
+const watchResults = ref<MarketEntity[]>([]);
+const daily = ref({ summary: "", content: "", plan: "" });
+let searchTimer: ReturnType<typeof setTimeout> | undefined;
+
+const summary = computed(() => data.value?.trade_summary);
+function display(value: number | null | undefined, suffix = ""): string {
+  return value === null || value === undefined ? "" : `${value.toFixed(2)}${suffix}`;
+}
+async function load(): Promise<void> {
+  loading.value = true;
+  error.value = "";
+  try {
+    data.value = await reviewApi.workspace(market.selectedDate);
+    daily.value = {
+      summary: data.value.daily?.summary ?? "",
+      content: data.value.daily?.content ?? "",
+      plan: data.value.daily?.plan ?? "",
+    };
+  } catch (reason) {
+    error.value = reason instanceof Error ? reason.message : "复盘记录读取失败";
+  } finally { loading.value = false; }
+}
+async function saveDaily(): Promise<void> {
+  try {
+    await reviewApi.saveNote({
+      trade_date: market.selectedDate, code: "", stock_name: "", ...daily.value,
+    });
+    ui.showToast("每日复盘已保存");
+    await load();
+  } catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "保存失败"); }
+}
+function searchWatch(): void {
+  if (searchTimer) clearTimeout(searchTimer);
+  searchTimer = setTimeout(async () => {
+    const query = watchQuery.value.trim();
+    if (!query) { watchResults.value = []; return; }
+    try {
+      const result = await marketApi.search(query);
+      watchResults.value = result.groups.find((group) => group.entity_type === "stock")?.items ?? [];
+    } catch { watchResults.value = []; }
+  }, 160);
+}
+async function addWatch(item: MarketEntity): Promise<void> {
+  try {
+    await reviewApi.addWatch(item.identifier);
+    watchDialog.value = false;
+    watchQuery.value = "";
+    watchResults.value = [];
+    ui.showToast(`${item.name} 已加入自选`);
+    await load();
+  } catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "添加失败"); }
+}
+async function saveRemark(item: WatchItem, event: Event): Promise<void> {
+  try {
+    await reviewApi.saveRemark(item.identifier, (event.target as HTMLInputElement).value);
+    ui.showToast("跟踪备注已保存");
+  } catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "保存失败"); }
+}
+async function removeWatch(item: WatchItem): Promise<void> {
+  if (!await ui.askConfirmation({ title: "移出自选", message: `确定移出 ${item.name}？`, confirmLabel: "移出" })) return;
+  try { await reviewApi.removeWatch(item.identifier); ui.showToast("已移出自选"); await load(); }
+  catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "操作失败"); }
+}
+function openTrade(row: TradeEntry | null = null): void { editingTrade.value = row; tradeDialog.value = true; }
+async function saveTrade(value: Omit<TradeEntry, "action_label" | "emotion_label">): Promise<void> {
+  try { await reviewApi.saveTrade(value); tradeDialog.value = false; ui.showToast("交易记录已保存"); await load(); }
+  catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "保存失败"); }
+}
+async function deleteTrade(row: TradeEntry): Promise<void> {
+  if (!await ui.askConfirmation({ title: "删除交易记录", message: `确定删除 ${row.name} 的交易记录？`, confirmLabel: "删除" })) return;
+  try { await reviewApi.deleteTrade(row.id); ui.showToast("交易记录已删除"); await load(); }
+  catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "删除失败"); }
+}
+watch(() => market.selectedDate, load);
+onMounted(load);
+</script>
+
+<template>
+  <main class="page-frame review-page">
+    <header class="page-header review-heading">
+      <div><h1>我的复盘</h1><p class="page-subtitle">数据日期 {{ data?.trade_date ?? market.selectedDate }} · 当前账号私有</p></div>
+      <button class="btn btn-primary" type="button" @click="watchDialog = true">添加自选</button>
+    </header>
+    <div v-if="loading" class="card workspace-state">正在读取个人复盘记录</div>
+    <EmptyState v-else-if="error" class="card" title="复盘记录暂不可用" :description="error" />
+    <template v-else-if="data">
+      <section class="card review-watch-card">
+        <header class="card-header"><h2>自选追踪</h2><span class="tag">{{ data.watchlist.length }} 只</span></header>
+        <div v-if="data.watchlist.length" class="data-table-wrap review-watch-table"><table class="data-table"><thead><tr><th>标记</th><th>代码</th><th>股票</th><th>板块</th><th class="numeric">今日涨幅（%）</th><th class="numeric">5日涨幅（%）</th><th class="numeric">竞价关注分</th><th>跟踪备注</th><th>操作</th></tr></thead><tbody><tr v-for="item in data.watchlist" :key="item.identifier"><td class="watch-star">★</td><td>{{ item.code }}</td><td>{{ item.name }}</td><td>{{ item.sector ?? "" }}</td><td class="numeric" :class="item.pct_chg !== null && item.pct_chg >= 0 ? 'up' : 'down'">{{ display(item.pct_chg) }}</td><td class="numeric" :class="item.return_5d !== null && item.return_5d >= 0 ? 'up' : 'down'">{{ display(item.return_5d) }}</td><td class="numeric">{{ display(item.attention_score) }}</td><td><input :value="item.remark" class="review-remark" maxlength="500" aria-label="跟踪备注" @change="saveRemark(item, $event)" /></td><td><div class="table-actions"><button class="btn btn-small" type="button" @click="removeWatch(item)">移除</button></div></td></tr></tbody></table></div>
+        <EmptyState v-else title="暂无自选" description="添加股票后可集中查看涨幅、竞价关注分和跟踪备注。" />
+      </section>
+
+      <div class="review-main-grid">
+        <section class="card trade-card">
+          <header class="card-header"><h2>交易日志</h2><span class="tag">{{ data.trades.length }} 条</span><button class="btn btn-primary btn-small review-card-action" type="button" @click="openTrade()">交易日志</button></header>
+          <div class="review-summary"><div><span>总记录</span><strong>{{ summary?.total }}</strong></div><div><span>已实现</span><strong>{{ summary?.realized }}</strong></div><div><span>胜率</span><strong>{{ summary?.win_rate === null ? "" : display(summary?.win_rate, "%") }}</strong></div><div><span>累计盈亏</span><strong>{{ display(summary?.pnl_amount) }}</strong></div><div><span>平均仓位</span><strong>{{ summary?.average_position === null ? "" : display(summary?.average_position, "%") }}</strong></div></div>
+          <div v-if="data.trades.length" class="trade-scroll"><table class="data-table"><thead><tr><th>日期</th><th>代码</th><th>股票</th><th>动作</th><th class="numeric">价格（元）</th><th class="numeric">仓位（%）</th><th class="numeric">盈亏（%）</th><th>操作</th></tr></thead><tbody><tr v-for="row in data.trades" :key="row.id"><td>{{ row.trade_date }}</td><td>{{ row.code }}</td><td>{{ row.name }}</td><td>{{ row.action_label }}</td><td class="numeric">{{ display(row.price) }}</td><td class="numeric">{{ display(row.position_pct) }}</td><td class="numeric" :class="row.pnl_pct !== null && row.pnl_pct >= 0 ? 'up' : 'down'">{{ display(row.pnl_pct) }}</td><td><div class="table-actions"><button class="btn btn-small" type="button" @click="openTrade(row)">编辑</button><button class="btn btn-small" type="button" @click="deleteTrade(row)">删除</button></div></td></tr></tbody></table></div>
+          <EmptyState v-else title="暂无交易日志" description="记录交易后，摘要与明细会保留在当前页面。" />
+        </section>
+
+        <section class="card daily-review-card">
+          <header class="card-header"><h2>每日复盘</h2><span class="tag">{{ market.selectedDate }}</span></header>
+          <form class="daily-review-form" @submit.prevent="saveDaily">
+            <label class="field"><span class="field-label">今日盘面一句话</span><textarea v-model="daily.summary" class="textarea daily-short" maxlength="500"></textarea></label>
+            <label class="field"><span class="field-label">今日做对了什么 / 做错了什么</span><textarea v-model="daily.content" class="textarea" maxlength="5000"></textarea></label>
+            <label class="field"><span class="field-label">明日策略</span><textarea v-model="daily.plan" class="textarea" maxlength="2000"></textarea></label>
+            <div class="form-actions"><button class="btn btn-primary" type="submit">保存复盘</button></div>
+          </form>
+        </section>
+      </div>
+
+      <section class="card review-history-card">
+        <button class="review-history-toggle" type="button" :aria-expanded="historyOpen" @click="historyOpen = !historyOpen"><span>最近复盘</span><span>{{ historyOpen ? "收起" : `展开 ${data.history.length} 条` }}</span></button>
+        <div v-if="historyOpen" class="review-history-list"><article v-for="note in data.history" :key="note.id"><time>{{ note.trade_date }}</time><strong>{{ note.summary || "未填写盘面一句话" }}</strong><p>{{ note.content }}</p><small>{{ note.plan }}</small></article><EmptyState v-if="!data.history.length" title="暂无每日复盘" description="保存后会按日期显示在这里。" /></div>
+      </section>
+    </template>
+  </main>
+
+  <BaseDialog v-if="watchDialog" title="添加自选" @close="watchDialog = false">
+    <div class="form-grid"><label class="field"><span class="field-label">股票代码或名称</span><input v-model="watchQuery" class="input" autofocus @input="searchWatch" /></label><div class="watch-search-results"><button v-for="item in watchResults" :key="item.identifier" type="button" @click="addWatch(item)"><span><strong>{{ item.name }}</strong><small>{{ item.code }} · {{ item.sector || "行业待补" }}</small></span><span>添加</span></button><p v-if="watchQuery && !watchResults.length" class="muted">暂无匹配股票</p></div></div>
+  </BaseDialog>
+  <TradeDialog v-if="tradeDialog" :value="editingTrade" :date="market.selectedDate" @close="tradeDialog = false" @save="saveTrade" />
+</template>
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { onMounted, ref, watch } from "vue";
+
+import { reviewApi, type ReviewNote } from "../../shared/api/review";
+import { useMarketStore } from "../../shared/stores/market";
+import { useUiStore } from "../../shared/stores/ui";
+
+const props = defineProps<{ code: string; name: string }>();
+const market = useMarketStore();
+const ui = useUiStore();
+const rows = ref<ReviewNote[]>([]);
+const content = ref("");
+const plan = ref("");
+async function load(): Promise<void> { rows.value = await reviewApi.stockNotes(props.code); }
+async function save(): Promise<void> {
+  try {
+    await reviewApi.saveNote({ trade_date: market.selectedDate, code: props.code, stock_name: props.name, summary: "", content: content.value, plan: plan.value });
+    ui.showToast("个股复盘笔记已保存"); await load();
+  } catch (reason) { ui.showToast(reason instanceof Error ? reason.message : "保存失败"); }
+}
+async function remove(id: number): Promise<void> { await reviewApi.deleteNote(id); await load(); }
+watch(() => props.code, load);
+onMounted(load);
+</script>
+
+<template>
+  <section class="card stock-notes-card"><header class="card-header"><h2>个股复盘笔记</h2><span class="tag">当前账号私有</span></header><form class="stock-note-form" @submit.prevent="save"><label class="field"><span class="field-label">复盘内容</span><textarea v-model="content" class="textarea" maxlength="5000"></textarea></label><label class="field"><span class="field-label">明日计划</span><textarea v-model="plan" class="textarea" maxlength="2000"></textarea></label><div class="form-actions"><button class="btn btn-primary" type="submit">保存笔记</button></div></form><div v-if="rows.length" class="stock-note-history"><article v-for="row in rows" :key="row.id"><time>{{ row.trade_date }}</time><p>{{ row.content }}</p><small>{{ row.plan }}</small><button class="btn btn-small" type="button" @click="remove(row.id)">删除</button></article></div></section>
+</template>
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { reactive, watch } from "vue";
+
+import type { TradeEntry } from "../../shared/api/review";
+import BaseDialog from "../../shared/components/BaseDialog.vue";
+
+const props = defineProps<{ value: TradeEntry | null; date: string }>();
+const emit = defineEmits<{ close: []; save: [value: Omit<TradeEntry, "action_label" | "emotion_label">] }>();
+const form = reactive({
+  id: 0, trade_date: "", code: "", name: "", action: "buy" as TradeEntry["action"],
+  price: 0, quantity: 0, position_pct: null as number | null, pnl_amount: null as number | null,
+  pnl_pct: null as number | null, emotion: "calm" as TradeEntry["emotion"], tags: "",
+  thesis: "", execution: "",
+});
+watch(() => [props.value, props.date] as const, () => {
+  const row = props.value;
+  Object.assign(form, row ? { ...row, tags: row.tags.join("，") } : {
+    id: 0, trade_date: props.date, code: "", name: "", action: "buy", price: 0,
+    quantity: 0, position_pct: null, pnl_amount: null, pnl_pct: null,
+    emotion: "calm", tags: "", thesis: "", execution: "",
+  });
+}, { immediate: true });
+function submit(): void {
+  emit("save", {
+    id: form.id, trade_date: form.trade_date, code: form.code, name: form.name,
+    action: form.action, price: Number(form.price), quantity: Number(form.quantity),
+    position_pct: form.position_pct === null ? null : Number(form.position_pct),
+    pnl_amount: form.pnl_amount === null ? null : Number(form.pnl_amount),
+    pnl_pct: form.pnl_pct === null ? null : Number(form.pnl_pct), emotion: form.emotion,
+    tags: form.tags.split(/[，,]/).map((item) => item.trim()).filter(Boolean).slice(0, 8),
+    thesis: form.thesis, execution: form.execution,
+  });
+}
+</script>
+
+<template>
+  <BaseDialog :title="form.id ? '编辑交易日志' : '交易日志'" wide @close="emit('close')">
+    <form class="trade-form" @submit.prevent="submit">
+      <div class="trade-form-grid">
+        <label class="field"><span class="field-label">交易日</span><input v-model="form.trade_date" class="input" type="date" required /></label>
+        <label class="field"><span class="field-label">代码</span><input v-model="form.code" class="input" maxlength="12" required /></label>
+        <label class="field"><span class="field-label">名称</span><input v-model="form.name" class="input" maxlength="40" required /></label>
+        <label class="field"><span class="field-label">动作</span><select v-model="form.action" class="select"><option value="buy">买入</option><option value="sell">卖出</option><option value="add">加仓</option><option value="trim">减仓</option><option value="watch">观察</option></select></label>
+        <label class="field"><span class="field-label">价格（元）</span><input v-model.number="form.price" class="input" type="number" min="0" step="0.01" required /></label>
+        <label class="field"><span class="field-label">数量（股）</span><input v-model.number="form.quantity" class="input" type="number" min="0" step="1" /></label>
+        <label class="field"><span class="field-label">仓位（%）</span><input v-model.number="form.position_pct" class="input" type="number" min="0" max="100" step="0.1" /></label>
+        <label class="field"><span class="field-label">盈亏金额（元）</span><input v-model.number="form.pnl_amount" class="input" type="number" step="0.01" /></label>
+        <label class="field"><span class="field-label">盈亏（%）</span><input v-model.number="form.pnl_pct" class="input" type="number" step="0.01" /></label>
+        <label class="field"><span class="field-label">情绪</span><select v-model="form.emotion" class="select"><option value="calm">平静</option><option value="confident">笃定</option><option value="hesitant">犹豫</option><option value="anxious">焦虑</option><option value="impulsive">冲动</option></select></label>
+        <label class="field trade-wide"><span class="field-label">标签</span><input v-model="form.tags" class="input" maxlength="160" placeholder="回踩确认，计划内" /></label>
+        <label class="field trade-wide"><span class="field-label">交易逻辑</span><textarea v-model="form.thesis" class="textarea" maxlength="2000"></textarea></label>
+        <label class="field trade-wide"><span class="field-label">执行复核</span><textarea v-model="form.execution" class="textarea" maxlength="2000"></textarea></label>
+      </div>
+      <div class="form-actions"><button class="btn" type="button" @click="emit('close')">取消</button><button class="btn btn-primary" type="submit">保存</button></div>
+    </form>
+  </BaseDialog>
+</template>