aegon-dangerious 1.0.0

package/build-report/report-list.vue

@@ -0,0 +1,407 @@
+<template>
+  <div class="report-center-page">
+    <main ref="pageBodyRef" class="report-center-page__body is-scrollable">
+      <section class="report-center-hero">
+        <h2 class="report-center-hero__title">報告中心</h2>
+        <p class="report-center-hero__desc">查看與管理全部報告</p>
+      </section>
+
+      <section ref="reportsSectionRef" class="report-center-reports">
+        <h3 class="report-center-reports__title">
+          <el-icon class="report-center-reports__title-icon">
+            <Document />
+          </el-icon>
+          全部報告
+        </h3>
+        <RecentReportsTable ref="tableRef" :reports="recentReports" @open="openReport" />
+      </section>
+    </main>
+
+    <CapsuleScrollbar ref="capsuleScrollbarRef" :scroll-el="pageBodyRef" :anchor-el="reportsSectionRef" :active="true"
+      :visible-ratio="2 / 3" :right-offset-px="1" :auto-hide-after-ms="3000" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Document } from '@element-plus/icons-vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
+import { useRouter, type Router } from 'vue-router'
+import CapsuleScrollbar from './components/CapsuleScrollbar.vue'
+import RecentReportsTable from './components/RecentReportsTable.vue'
+import { bindViewportBodyHeight, lockDocumentScroll } from './utils/scroll'
+
+interface RecentReport {
+  id: string
+  name: string
+  industry: string
+  year: string
+  status: string
+  initiator: string
+  editor: string
+  permission: string
+  updatedAt: string
+  canOpen: boolean
+}
+
+const GEN_AI_REQUEST_TIMEOUT_MS = 8000
+
+const MOCK_RECENT_REPORTS: 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,
+  },
+  {
+    id: '4',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (單位 zzzz)',
+    editor: '陳6文 (單位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '5',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (單位 zzzz)',
+    editor: '陳6文 (單位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '6',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (單位 zzzz)',
+    editor: '陳6文 (單位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '7',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (單位 zzzz)',
+    editor: '陳6文 (單位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '8',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (單位 zzzz)',
+    editor: '陳6文 (單位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '9',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (單位 zzzz)',
+    editor: '陳6文 (單位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '10',
+    name: '深圳房地產風控年報 - 2024',
+    industry: '房地產',
+    year: '2023',
+    status: '已導出',
+    initiator: '陳小文 (單位 zzzz)',
+    editor: '陳6文 (單位 zzzz)',
+    permission: '可編輯',
+    updatedAt: '3天前',
+    canOpen: true,
+  },
+  {
+    id: '11',
+    name: '上海商業地產風控季報 - 2024',
+    industry: '商業地產',
+    year: '2024',
+    status: '草稿',
+    initiator: '王小明 (單位 aaaa)',
+    editor: '王2文 (單位 aaaa)',
+    permission: '可編輯',
+    updatedAt: '5天前',
+    canOpen: true,
+  },
+  {
+    id: '12',
+    name: '廣州基建項目風控月報 - 2024',
+    industry: '基建',
+    year: '2024',
+    status: '已產生',
+    initiator: '李雷 (單位 bbbb)',
+    editor: '李3文 (單位 bbbb)',
+    permission: '可編輯',
+    updatedAt: '1周前',
+    canOpen: true,
+  },
+  {
+    id: '13',
+    name: '北京科技園區風控年報 - 2023',
+    industry: '科技園區',
+    year: '2023',
+    status: '已導出',
+    initiator: '韓梅梅 (單位 cccc)',
+    editor: '韓4文 (單位 cccc)',
+    permission: '無權限',
+    updatedAt: '2周前',
+    canOpen: false,
+  },
+]
+
+function getToken(): string {
+  return localStorage.getItem('token') || ''
+}
+
+function buildAuthHeaders(): HeadersInit {
+  const token = getToken()
+  return {
+    'Content-Type': 'application/json',
+    ...(token ? { Authorization: `Bearer ${token}` } : {}),
+  }
+}
+
+async function postRequest<T = unknown>(options: {
+  url: string
+  data?: unknown
+  signal?: AbortSignal
+}): Promise<T> {
+  const response = await fetch(options.url, {
+    method: 'POST',
+    headers: buildAuthHeaders(),
+    body: JSON.stringify(options.data ?? {}),
+    signal: options.signal,
+  })
+
+  if (!response.ok) {
+    throw new Error(`請求失敗 ${response.status}`)
+  }
+
+  return response.json() as Promise<T>
+}
+
+function isRecentReportList(data: unknown): data is RecentReport[] {
+  return Array.isArray(data) && data.length > 0 && typeof data[0]?.id === 'string'
+}
+
+async function fetchGenAiReportListData(data: { usmRight?: string } = {}) {
+  const controller = new AbortController()
+  const timer = window.setTimeout(() => controller.abort(), GEN_AI_REQUEST_TIMEOUT_MS)
+  try {
+    const response = await postRequest({
+      url: '/aiapi/v1/reportLatest',
+      data,
+      signal: controller.signal,
+    })
+    if (response == null) throw new Error('暫無數據')
+    if (isRecentReportList(response)) return response
+  } catch (error) {
+    console.error('獲取 fetchGenAiReportListData 失敗', error)
+  } finally {
+    window.clearTimeout(timer)
+  }
+  return [...MOCK_RECENT_REPORTS]
+}
+
+type RouteQuery = { [key: string]: string }
+
+function openGenAiPage(
+  router: Router,
+  envUrl: string | undefined,
+  routeName: string,
+  query?: RouteQuery,
+) {
+  const configured = envUrl?.trim()
+  const url = configured || router.resolve({ name: routeName, query }).href
+  window.open(url, '_blank')
+}
+
+function openModelManager(router: Router, query?: RouteQuery) {
+  openGenAiPage(router, import.meta.env.VITE_MODEL_MANAGER_URL, 'model-manager', query)
+}
+
+const router = useRouter()
+const recentReports = ref([...MOCK_RECENT_REPORTS])
+const pageBodyRef = ref<HTMLElement | null>(null)
+const reportsSectionRef = ref<HTMLElement | null>(null)
+const tableRef = ref<InstanceType<typeof RecentReportsTable> | null>(null)
+const capsuleScrollbarRef = ref<InstanceType<typeof CapsuleScrollbar> | null>(null)
+
+async function loadRecentReports() {
+  recentReports.value = await fetchGenAiReportListData({})
+}
+
+function openReport(report: RecentReport) {
+  openModelManager(router, { id: report.id })
+}
+
+let cleanupBodyHeight: (() => void) | undefined
+let cleanupLock: (() => void) | undefined
+
+onMounted(() => {
+  void loadRecentReports()
+  if (pageBodyRef.value) {
+    cleanupBodyHeight = bindViewportBodyHeight(pageBodyRef.value)
+  }
+  cleanupLock = lockDocumentScroll()
+  tableRef.value?.doLayout()
+  capsuleScrollbarRef.value?.refresh()
+})
+
+watch(recentReports, () => {
+  tableRef.value?.doLayout()
+  capsuleScrollbarRef.value?.refresh()
+})
+
+onUnmounted(() => {
+  cleanupBodyHeight?.()
+  cleanupLock?.()
+})
+</script>
+
+<style scoped>
+.report-center-page {
+  --gen-ai-design-w: 1920;
+  --gen-ai-fs-base: clamp(13px, calc(14 * 100vw / 1920), 14px);
+  --gen-ai-fs-md: clamp(14px, calc(16 * 100vw / 1920), 16px);
+  --gen-ai-fs-lg: clamp(16px, calc(18 * 100vw / 1920), 18px);
+  --gen-ai-fs-hero: clamp(26px, calc(32 * 100vw / 1920), 32px);
+  --gen-ai-lh-normal: 1.6;
+  --gen-ai-lh-relaxed: 1.7;
+  --gen-ai-fw-semibold: 600;
+  --gen-ai-fw-bold: 700;
+  font-family: 'PingFang TC', 'SF Pro TC', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+    'Microsoft JhengHei', 'Noto Sans TC', sans-serif;
+  font-size: var(--gen-ai-fs-base);
+  line-height: var(--gen-ai-lh-normal);
+  color: #2d3139;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  background: #fff;
+}
+
+.report-center-page :deep(.el-table),
+.report-center-page :deep(.el-input),
+.report-center-page :deep(.el-select),
+.report-center-page :deep(.el-pagination) {
+  font-size: inherit;
+}
+
+.report-center-page :deep(.el-button) {
+  font-size: 18px;
+  font-family: Arial, sans-serif;
+}
+
+.report-center-page__body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+  width: 100%;
+  padding: 48px 24px 40px;
+  box-sizing: border-box;
+}
+
+.report-center-hero {
+  flex-shrink: 0;
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.report-center-hero__title {
+  margin: 0 0 12px;
+  font-size: var(--gen-ai-fs-hero);
+  font-weight: var(--gen-ai-fw-bold);
+  color: #1a1a1a;
+}
+
+.report-center-hero__desc {
+  margin: 0;
+  font-size: var(--gen-ai-fs-base);
+  line-height: var(--gen-ai-lh-relaxed);
+  color: #666;
+}
+
+.report-center-reports {
+  width: 80%;
+  max-width: 80%;
+  margin: 0 auto;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.report-center-reports__title {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0 0 16px;
+  padding: 0;
+  font-size: var(--gen-ai-fs-md);
+  font-weight: var(--gen-ai-fw-semibold);
+  color: #1a1a1a;
+  width: 100%;
+}
+
+.report-center-reports__title-icon {
+  font-size: var(--gen-ai-fs-lg);
+  color: #606266;
+}
+</style>

package/build-report/report-template-data.ts

@@ -0,0 +1,248 @@
+/** build-report 模板數據與 API */
+
+export interface TemplateListParams {
+  unit?: string
+  keyword?: string
+  language?: string
+}
+
+export interface TemplateItem {
+  id: string
+  name: string
+  description: string
+  chapters: string[]
+  author: string
+  approver: string
+  updatedAt: string
+  unit: string
+  locked: boolean
+  locker: string
+  approvalStatus?: '待審批' | '已通過' | '已拒絕'
+}
+
+export interface TemplateChapterForm {
+  id: string
+  title: string
+  description: string
+  prompt: string
+  expanded: boolean
+}
+
+export interface TemplateEditorForm {
+  language: string
+  title: string
+  description: string
+  chapters: TemplateChapterForm[]
+}
+
+export type TemplateEditorMode = 'create' | 'edit' | 'copy'
+
+const INDUSTRY_RISK_ANNUAL_DESC =
+  '本模板用於生成年度行業風險分析報告，覆蓋宏觀環境、行業運行、風險識別、授信結構、資產質素、重點客戶/項目、新發生風險、管控措施及下年度策略等模塊，支援按章節配置與版本管理。'
+
+const INDUSTRY_RISK_ANNUAL_CHAPTERS = [
+  '1. 摘要與本年總結',
+  '2. 宏觀經濟與政策背景',
+  '3. 行業運行情況與核心指標',
+  '4. 風險識別與評級',
+  '5. 授信與客戶結構分析',
+  '6. 資產質素與逾期/不良變化6. 資產質素與逾期/不良變化6. 資產質素與逾期/不良變化6. 資產質素與逾期/不良變化6. 資產質素與逾期/不良變化',
+  '7. 重點客戶/項目風險',
+  '8. 新發生風險與預警',
+  '9. 風險管控措施與成效',
+  '10. 下年度風險研判與策略',
+  '11. 附件與數據',
+]
+
+const QUARTERLY_BRIEF_DESC =
+  '面向季度復盤的輕量模板，聚焦行業景氣、核心指標波動、重點風險事件與管控建議，適用於管理層例會與條線月報。'
+
+const QUARTERLY_BRIEF_CHAPTERS = [
+  '1. 季度摘要',
+  '2. 行業景氣與政策動態',
+  '3. 核心指標走勢',
+  '4. 重點風險事件',
+  '5. 管控措施與下季關注',
+]
+
+const FULL_RISK_DESC =
+  '完整版風險報告模板，章節可擴展至 20+，覆蓋母行、子公司、區域及產品線多維度風險拆解，支援附錄與數據口徑說明。'
+
+const FULL_RISK_CHAPTERS = [
+  ...INDUSTRY_RISK_ANNUAL_CHAPTERS,
+  '12. 區域風險分佈',
+  '13. 產品線風險拆解',
+  '14. 關聯方與集中度',
+  '15. 市場與流動性風險',
+  '16. 操作與合規風險',
+  '17. 聲譽與環境風險',
+  '18. 壓力測試結果',
+  '19. 整改跟進清單',
+  '20. 監管關注重點',
+  '21. 術語與指標口徑',
+  '22. 修訂記錄',
+]
+
+export const MOCK_TEMPLATES: TemplateItem[] = [
+  {
+    id: '1',
+    name: '行業風險年報',
+    description: INDUSTRY_RISK_ANNUAL_DESC,
+    chapters: INDUSTRY_RISK_ANNUAL_CHAPTERS,
+    author: '王明輝（風險管理部）',
+    approver: '李思琪（合規部）',
+    updatedAt: '2025/11/7 15:21',
+    unit: '風險管理部',
+    locked: false,
+    locker: '陳大文（授信審批部）',
+    approvalStatus: '待審批',
+  },
+  {
+    id: '2',
+    name: '行業風險年報',
+    description: INDUSTRY_RISK_ANNUAL_DESC,
+    chapters: INDUSTRY_RISK_ANNUAL_CHAPTERS,
+    author: '張偉（風險管理部）',
+    approver: '劉芳（合規部）',
+    updatedAt: '2025/10/28 09:15',
+    unit: '授信審批部',
+    locked: true,
+    locker: '陳大文（授信審批部）',
+  },
+  {
+    id: '3',
+    name: '行業風險年報',
+    description: INDUSTRY_RISK_ANNUAL_DESC,
+    chapters: INDUSTRY_RISK_ANNUAL_CHAPTERS,
+    author: '趙敏（公司金融部）',
+    approver: '周傑（合規部）',
+    updatedAt: '2025/9/12 11:40',
+    unit: '風險管理部',
+    locked: false,
+    locker: '陳大文（授信審批部）',
+  },
+  {
+    id: '4',
+    name: '季度行業風險簡報',
+    description: QUARTERLY_BRIEF_DESC,
+    chapters: QUARTERLY_BRIEF_CHAPTERS,
+    author: '陳曉東（風險管理部）',
+    approver: '何靜（合規部）',
+    updatedAt: '2025/8/3 16:05',
+    unit: '合規部',
+    locked: false,
+    locker: '陳大文（授信審批部）',
+  },
+  {
+    id: '5',
+    name: '全面風險分析模板',
+    description: FULL_RISK_DESC,
+    chapters: FULL_RISK_CHAPTERS,
+    author: '孫麗（風險管理部）',
+    approver: '馬強（合規部）',
+    updatedAt: '2025/7/19 14:32',
+    unit: '公司金融部',
+    locked: false,
+    locker: '陳大文（授信審批部）',
+  },
+  {
+    id: '6',
+    name: '行業風險年報',
+    description: INDUSTRY_RISK_ANNUAL_DESC,
+    chapters: INDUSTRY_RISK_ANNUAL_CHAPTERS,
+    author: '黃磊（授信審批部）',
+    approver: '吳婷（合規部）',
+    updatedAt: '2025/6/25 10:18',
+    unit: '授信審批部',
+    locked: true,
+    locker: '陳大文（授信審批部）',
+  },
+]
+
+let chapterSeed = 0
+
+export function createEmptyChapter(expanded = false): TemplateChapterForm {
+  chapterSeed += 1
+  return {
+    id: `chapter-${Date.now()}-${chapterSeed}`,
+    title: '',
+    description: '',
+    prompt: '',
+    expanded,
+  }
+}
+
+function stripChapterOrder(title: string) {
+  return title.replace(/^\d+\.\s*/, '')
+}
+
+export function buildEditorFormFromTemplate(template: TemplateItem, copy = false): TemplateEditorForm {
+  return {
+    language: 'zh',
+    title: copy ? `${template.name}（副本）` : template.name,
+    description: template.description,
+    chapters: template.chapters.map((chapterTitle, index) => ({
+      id: `chapter-${template.id}-${index}`,
+      title: stripChapterOrder(chapterTitle),
+      description: index === 0 ? '本章節概述報告核心結論與年度重點。' : '',
+      prompt: index === 0 ? '請根據行業數據與風控政策，生成本章節分析內容。' : '',
+      expanded: index === 0,
+    })),
+  }
+}
+
+export function findTemplateById(id: string) {
+  return MOCK_TEMPLATES.find((item) => item.id === id)
+}
+
+function filterTemplates(list: TemplateItem[], params: TemplateListParams) {
+  const kw = params.keyword?.trim().toLowerCase() ?? ''
+  return list.filter((item) => {
+    const unitOk = !params.unit || item.unit === params.unit
+    const keywordOk =
+      !kw ||
+      item.name.toLowerCase().includes(kw) ||
+      item.description.toLowerCase().includes(kw) ||
+      item.author.toLowerCase().includes(kw)
+    return unitOk && keywordOk
+  })
+}
+
+const MOCK_DELAY_MS = 200
+
+export async function fetchReportTemplateList(params: TemplateListParams = {}) {
+  await new Promise<void>((resolve) => {
+    window.setTimeout(resolve, MOCK_DELAY_MS)
+  })
+  return filterTemplates([...MOCK_TEMPLATES], params)
+}
+
+export interface ReportTemplateCard {
+  id: string
+  name: string
+  description: string
+  chapters: string[]
+  author: string
+  updatedAt: string
+}
+
+export function templateItemToReportCard(item: TemplateItem): ReportTemplateCard {
+  const dateOnly = item.updatedAt.includes(' ')
+    ? item.updatedAt.slice(0, item.updatedAt.indexOf(' '))
+    : item.updatedAt
+
+  return {
+    id: item.id,
+    name: item.name,
+    description: item.description,
+    chapters: [...item.chapters],
+    author: item.author,
+    updatedAt: dateOnly,
+  }
+}
+
+export const MOCK_REPORT_TEMPLATES: ReportTemplateCard[] = MOCK_TEMPLATES.map(templateItemToReportCard)
+
+export function resolveReportTemplateById(templateId: string): ReportTemplateCard | null {
+  return MOCK_REPORT_TEMPLATES.find((item) => item.id === templateId) ?? null
+}

package/build-report/styles/report-workflow-dialog.css

@@ -0,0 +1,33 @@
+/* 與 management-center「待處理選項」彈窗尺寸一致 */
+.report-workflow-dialog-overlay {
+  overflow: auto;
+}
+
+.report-workflow-dialog.el-dialog {
+  --el-dialog-padding-primary: 0;
+  width: 60% !important;
+  max-width: 80%;
+  height: 70vh;
+  max-height: 70vh;
+  margin-top: 5% !important;
+  margin-left: 21% !important;
+  margin-right: auto !important;
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.report-workflow-dialog .el-dialog__header {
+  flex-shrink: 0;
+}
+
+.report-workflow-dialog .el-dialog__body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.report-workflow-dialog .el-dialog__footer {
+  flex-shrink: 0;
+}