aegon-gen 1.0.0

package/src/test/mock.ts

@@ -0,0 +1,101 @@
+/** /api/v1/sse/aiStream Mock（EventStream 格式，与真实接口一致） */
+export const REPORT_STREAM_API_PATH = '/api/v1/sse/aiStream'
+
+export interface GenerateReportParams {
+  userId?: string
+  question?: string
+  chapters?: string[]
+  chapterVersions?: Record<string, string>
+  reportMode?: string
+}
+
+export const MOCK_REPORT_STREAM_TEXT = `# 行业分析报告（Mock）
+
+## 摘要與本年總結
+
+本报告为本地 Mock SSE 流式输出，用于演示「生成报告预览」区域的流式接收与打字机展示效果。接入后端后，正文将由 \`/api/v1/sse/aiStream\` 返回的真实模型输出替换。
+
+从本期经营表现看，行业整体维持温和复苏态势，头部企业集中度进一步提升，中小主体在融资与订单获取方面仍面临一定压力。信贷资产质量总体可控，但部分细分领域的信用风险需持续跟踪。
+
+展望下一阶段，建议在授信策略上兼顾增长与合规，关注政策边际变化对行业景气度的传导。本段为 Mock 占位文本，篇幅约为原版的数倍，便于验证长文滚动与分段输出体验。
+
+## 宏觀環境與政策背景
+
+宏观政策延续稳健基调，流动性环境相对友好，行业监管框架逐步完善。利率与汇率波动对进出口型企业的成本结构产生阶段性影响，需结合客户敞口进行动态评估。
+
+产业政策方面，绿色转型与数字化升级仍是重点方向，相关补贴与标准体系持续出台。金融机构在业务拓展中应关注客户是否符合最新监管分类及 ESG 披露要求。
+
+国际环境不确定性仍存，供应链重构与地缘政治因素可能扰动部分原材料价格。本节 Mock 内容仅作预览填充，实际报告将依据所选章节与版本参数生成对应分析段落。`
+
+function buildChapterMockContent(label: string, index: number): string {
+  const n = index + 1
+  return [
+    `（Mock）第 ${n} 章「${label}」——本节为本地预览占位，模拟真实 SSE 推送时的章节标题与开篇段落结构。`,
+    `结合本期行业数据，相关核心指标呈现结构性分化：产能利用率、库存周转与价格传导在不同细分赛道间差异明显。政策端强调风险可控与高质量发展并重，授信审批需关注客户合规资质与现金流覆盖能力。`,
+    `从业务视角看，建议动态跟踪宏观周期、监管细则落地节奏及同业竞争格局变化，适时调整资产组合与行业限额。本段 Mock 文本用于演示打字机效果与长文滚动，接入后端后将由模型按所选版本生成正式正文。`,
+  ].join('\n\n') + '\n'
+}
+
+export function buildMockStreamText(params: GenerateReportParams): string {
+  const chapters = params.chapters?.length
+    ? params.chapters
+        .map((label, i) => `## ${label}\n\n${buildChapterMockContent(label, i)}`)
+        .join('\n')
+    : MOCK_REPORT_STREAM_TEXT
+
+  return `# 生成报告预览（Mock）\n\n**模式**：${params.reportMode === 'rewrite' ? '重寫整篇報告' : '拼裝並潤色'}\n\n**问题**：${params.question ?? ''}\n\n${chapters}`
+}
+
+export function encodeSseBlock(event: string, data: string): string {
+  const lines = data.split('\n').map((line) => `data: ${line}`)
+  return `event: ${event}\n${lines.join('\n')}\n\n`
+}
+
+/** 将报告正文拆成多段 event:text，模拟真实 SSE 推送 */
+export function buildMockSsePayload(params: GenerateReportParams): string[] {
+  const text = buildMockStreamText(params)
+  const chunkSize = 24
+  const parts: string[] = []
+  for (let i = 0; i < text.length; i += chunkSize) {
+    parts.push(encodeSseBlock('text', text.slice(i, i + chunkSize)))
+  }
+  parts.push(encodeSseBlock('end', ''))
+  return parts
+}
+
+const MOCK_CHUNK_DELAY_MS = 80
+
+/** Mock 完整 SSE Response（走与线上一致的 postStreamRequest → streamPostSse 链路） */
+export function createMockReportSseResponse(
+  params: GenerateReportParams,
+  signal?: AbortSignal,
+): Response {
+  const payload = buildMockSsePayload(params)
+  const encoder = new TextEncoder()
+  let index = 0
+
+  const stream = new ReadableStream<Uint8Array>({
+    async pull(controller) {
+      if (signal?.aborted) {
+        controller.close()
+        return
+      }
+      if (index >= payload.length) {
+        controller.close()
+        return
+      }
+      controller.enqueue(encoder.encode(payload[index]!))
+      index += 1
+      await new Promise((resolve) => setTimeout(resolve, MOCK_CHUNK_DELAY_MS))
+    },
+  })
+
+  return new Response(stream, {
+    status: 200,
+    headers: {
+      'Content-Type': 'text/event-stream; charset=utf-8',
+      'Cache-Control': 'no-cache',
+      Connection: 'keep-alive',
+    },
+  })
+}

package/src/test/test1.vue

@@ -0,0 +1,402 @@
+<!--
+  industry-analysis 单文件版（含 PageHeader、openTemplateCenter、app-btn 样式、报告列表数据）
+  路由示例：{ path: '/industry-analysis', component: () => import('@/test/test1.vue') }
+  环境变量：
+    VITE_TEMPLATE_CENTER_URL — 新建报告跳转（默认 router TemplateCenter → test2.vue）
+    VITE_MODEL_MANAGER_URL     — 模型管理跳转（默认同域 /model-manager）
+-->
+<template>
+  <div class="industry-page">
+    <header class="page-header">
+      <h1 class="page-header__title">IR-DEMO</h1>
+    </header>
+
+    <main ref="pageBodyRef" class="industry-page__body">
+      <section class="industry-hero">
+        <h2 class="industry-hero__title">AI产业分析報告</h2>
+        <p class="industry-hero__desc">
+          基於你選擇的模型、行業與年份，並結合上傳或雲端引用的資料，自動生成結構化的風控分析報告。
+        </p>
+        <p class="industry-hero__desc">
+          你可以從標準模版開始，逐章生成與調整內容，最終輸出可複用、可審閱的完整報告。
+        </p>
+
+        <div class="industry-hero__actions">
+          <button v-for="action in heroActions" :key="action.id" type="button" class="app-btn"
+            @click="handleHeroAction(action)">
+            {{ action.label }}
+          </button>
+        </div>
+      </section>
+
+      <section ref="reportsScrollRef" class="industry-reports industry-reports--scroll">
+        <h3 class="industry-reports__title">最近的報告</h3>
+        <el-table :data="recentReports" :fit="false" table-layout="auto" class="industry-reports__table"
+          :header-cell-style="{ color: '#1a1a1a' }">
+          <el-table-column prop="name" label="報告名稱" align="left" header-align="left">
+            <template #default="{ row }">
+              <a v-if="row.canOpen" href="#" class="industry-report-name industry-report-name--link"
+                @click.prevent="openReport(row)">{{ row.name }}</a>
+              <span v-else class="industry-report-name">{{ row.name }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="industry" label="行業" align="left" header-align="left" />
+          <el-table-column prop="year" label="年份" align="left" header-align="left" />
+          <el-table-column prop="status" label="狀態" align="left" header-align="left" />
+          <el-table-column prop="initiator" label="发起人" align="left" header-align="left" />
+          <el-table-column prop="editor" label="編輯" align="left" header-align="left" />
+          <el-table-column prop="permission" label="我的权限" align="left" header-align="left" />
+          <el-table-column prop="updatedAt" label="最近更新" align="left" header-align="left" />
+        </el-table>
+        <a href="#" class="industry-reports__more" @click.prevent>更多報告 &gt;&gt;</a>
+      </section>
+    </main>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { bindViewportBodyHeight } from '@/utils/gen-ai-scroll'
+import { setupPageScroll } from '@/utils/pageScrollbar'
+
+const router = useRouter()
+const pageBodyRef = ref<HTMLElement | null>(null)
+const reportsScrollRef = ref<HTMLElement | null>(null)
+
+let cleanupBodyHeight: (() => void) | undefined
+let cleanupPageScroll: (() => void) | undefined
+
+onMounted(() => {
+  if (pageBodyRef.value) {
+    cleanupBodyHeight = bindViewportBodyHeight(pageBodyRef.value, {
+      subtractSelector: '.page-header',
+      subtractRoot: pageBodyRef.value.parentElement ?? undefined,
+    })
+  }
+  if (reportsScrollRef.value) {
+    cleanupPageScroll = setupPageScroll({
+      containers: [reportsScrollRef.value],
+      size: 20,
+      lockDocumentScroll: true,
+    })
+  }
+})
+
+onUnmounted(() => {
+  cleanupBodyHeight?.()
+  cleanupPageScroll?.()
+})
+
+const heroActions = [
+  { id: 'new-report', label: '新建報告' },
+  { id: 'report-sim', label: '報告模擬' },
+  { id: 'template-sim', label: '模板模擬' },
+  { id: 'admin-sim', label: '管理模擬' },
+] as const
+
+interface RecentReport {
+  id: string
+  name: string
+  industry: string
+  year: string
+  status: string
+  initiator: string
+  editor: string
+  permission: string
+  updatedAt: string
+  canOpen: boolean
+}
+
+const recentReports: RecentReport[] = [
+  {
+    id: '1',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2025',
+    status: '草稿',
+    initiator: '陳大文 (单位 xxxx)',
+    editor: '陳1文 (单位 xxxx) , 陳2文 (单位 xxxx) , 陳3文 (单位 xxxx) ...',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '2',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2024',
+    status: '已生成',
+    initiator: '陳中文 (单位 yyyy)',
+    editor: '陳4文 (单位 yyyy) , 陳5文 (单位 yyyy) ...',
+    permission: '无权限',
+    updatedAt: '3天前',
+    canOpen: false,
+  },
+  {
+    id: '3',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (单位 zzzz)',
+    editor: '陳6文 (单位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+]
+
+/** 打开 Template Center / test2.vue（优先 VITE_TEMPLATE_CENTER_URL，否则同域 /template-center） */
+function openTemplateCenter() {
+  const configured = import.meta.env.VITE_TEMPLATE_CENTER_URL?.trim()
+  const url = configured || router.resolve({ name: 'TemplateCenter' }).href
+  window.open(url, '_blank')
+}
+
+/** 打开模型管理（优先 VITE_MODEL_MANAGER_URL，否则同域 /model-manager） */
+function openReport(report: RecentReport) {
+  const configured = import.meta.env.VITE_MODEL_MANAGER_URL?.trim()
+  const url = configured
+    ? `${configured}${configured.includes('?') ? '&' : '?'}id=${encodeURIComponent(report.id)}`
+    : router.resolve({ name: 'model-manager', query: { id: report.id } }).href
+  window.open(url, '_blank')
+}
+
+function handleHeroAction(action: (typeof heroActions)[number]) {
+  if (action.id === 'new-report') {
+    openTemplateCenter()
+  }
+}
+</script>
+
+<style scoped>
+/* —— PageHeader（原 components/PageHeader.vue）—— */
+.page-header {
+  flex-shrink: 0;
+  height: 62px;
+  display: flex;
+  align-items: center;
+  padding: 0 24px;
+  background: #fff;
+  border-bottom: 1px solid #e8eaec;
+  box-shadow: none;
+}
+
+.page-header__title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #2d3139;
+  line-height: 1;
+}
+
+/* —— app-btn（原 styles/variables.css + app-button.css）—— */
+.industry-page {
+  --app-btn-color: #fff;
+  --app-btn-color-hover: #c53355;
+  --app-btn-bg: #c53355;
+  --app-btn-bg-hover: #fff;
+  --app-btn-border: #c53355;
+  --app-btn-border-hover: #c53355;
+  --app-btn-radius: 5px;
+  --app-btn-font-size: 15px;
+  --app-btn-font-weight: 600;
+  --app-btn-padding-y: 8px;
+  --app-btn-padding-x: 15px;
+  --app-btn-min-width: 120px;
+
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  background: #fff;
+}
+
+.app-btn {
+  min-width: var(--app-btn-min-width);
+  padding: var(--app-btn-padding-y) var(--app-btn-padding-x);
+  border: 1px solid var(--app-btn-border);
+  border-radius: var(--app-btn-radius);
+  background: var(--app-btn-bg);
+  color: var(--app-btn-color);
+  font-size: var(--app-btn-font-size);
+  font-weight: var(--app-btn-font-weight);
+  line-height: 1.4;
+  font-family: inherit;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.app-btn:hover {
+  background: var(--app-btn-bg-hover);
+  border-color: var(--app-btn-border-hover);
+  color: var(--app-btn-color-hover);
+}
+
+.industry-page__body {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: 48px 24px 40px;
+  box-sizing: border-box;
+}
+
+.industry-hero {
+  flex-shrink: 0;
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.industry-hero__title {
+  margin: 0 0 20px;
+  font-size: 28px;
+  font-weight: 700;
+  color: #1a1a1a;
+}
+
+.industry-hero__desc {
+  margin: 0 0 8px;
+  font-size: 14px;
+  line-height: 1.7;
+  color: #666;
+}
+
+.industry-hero__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  margin-top: 28px;
+}
+
+.industry-reports {
+  width: fit-content;
+  max-width: 100%;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.industry-reports--scroll {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: auto;
+}
+
+.industry-reports__title {
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #909399;
+}
+
+.industry-reports__table {
+  width: max-content;
+  margin: 0;
+  padding: 0;
+  --el-table-border: none;
+  --el-table-border-color: transparent;
+}
+
+.industry-reports__table :deep(.el-table) {
+  --el-table-header-text-color: #1a1a1a;
+}
+
+.industry-reports__table :deep(.el-table__inner-wrapper),
+.industry-reports__table :deep(.el-table__header-wrapper),
+.industry-reports__table :deep(.el-table__body-wrapper) {
+  margin-left: 0;
+  padding-left: 0;
+}
+
+.industry-reports__table :deep(table) {
+  width: auto;
+  table-layout: auto;
+}
+
+.industry-reports__table :deep(thead th.el-table__cell > .cell) {
+  color: #1a1a1a;
+}
+
+.industry-reports__table :deep(thead th.el-table__cell:first-child > .cell) {
+  margin-left: -12px;
+}
+
+.industry-reports__table :deep(.el-table__header .cell),
+.industry-reports__table :deep(.el-table__body .cell) {
+  white-space: nowrap;
+  text-align: left;
+}
+
+.industry-reports__table :deep(.el-table__inner-wrapper::before),
+.industry-reports__table :deep(.el-table__inner-wrapper::after) {
+  display: none;
+}
+
+.industry-reports__table :deep(.el-table__body tr) {
+  background: #fff;
+}
+
+.industry-reports__table :deep(.el-table__body tr:hover > td.el-table__cell) {
+  background: #f5f7fa;
+}
+
+.industry-reports__table :deep(.el-table__header th.el-table__cell) {
+  font-weight: 600;
+  border-bottom: none;
+}
+
+.industry-reports__table :deep(.el-table__header th.el-table__cell:first-child),
+.industry-reports__table :deep(.el-table__body td.el-table__cell:first-child) {
+  padding-left: 0;
+}
+
+.industry-reports__table :deep(.el-table__header th.el-table__cell:first-child .cell),
+.industry-reports__table :deep(.el-table__body td.el-table__cell:first-child .cell) {
+  padding: 0;
+}
+
+.industry-reports__table :deep(.el-table__body td.el-table__cell) {
+  border-bottom: none;
+}
+
+.industry-reports__table :deep(.el-table__body td.el-table__cell:not(:first-child) .cell) {
+  color: #2d3139;
+}
+
+.industry-report-name {
+  color: #909399;
+}
+
+.industry-report-name--link {
+  color: #409eff;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.industry-report-name--link:hover {
+  color: #66b1ff;
+  text-decoration: none;
+}
+
+.industry-reports__more {
+  display: inline-block;
+  margin: 12px 0 0;
+  padding: 0;
+  font-size: 14px;
+  color: #409eff;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.industry-reports__more:hover {
+  color: #66b1ff;
+  text-decoration: none;
+}
+</style>