aegon-gen 1.0.0

package/src/views/gen-ai/model-manager/mockData.ts

@@ -0,0 +1,122 @@
+import type { TemplateItem } from '@/types/gen-ai/model-manager/index'
+
+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: '陳大文（授信審批部）',
+  },
+  {
+    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: '陳大文（授信審批部）',
+  },
+]

package/src/views/gen-ai/report-center/index.vue

@@ -0,0 +1,158 @@
+<template>
+  <div class="report-center-page">
+    <PageHeader title="IR-DEMO" />
+
+    <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 genEntryApi from '@/api/modules/gen-ai/gen-entry/index'
+import type { RecentReport } from '@/types/gen-ai/gen-entry/index'
+import { bindViewportBodyHeight, lockDocumentScroll } from '@/utils/gen-ai-scroll'
+import { openModelManager } from '@/utils/gen-ai-navigation'
+import { Document } from '@element-plus/icons-vue'
+import { onMounted, onUnmounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import PageHeader from '@/components/PageHeader.vue'
+import CapsuleScrollbar from '@/components/CapsuleScrollbar.vue'
+import RecentReportsTable from '../components/RecentReportsTable.vue'
+import { MOCK_RECENT_REPORTS } from '../gen-entry/mockData'
+
+const router = useRouter()
+const recentReports = ref<RecentReport[]>([...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)
+
+function isRecentReportList(data: unknown): data is RecentReport[] {
+  return Array.isArray(data) && data.length > 0 && typeof data[0]?.id === 'string'
+}
+
+async function loadRecentReports() {
+  try {
+    const data = await genEntryApi.fetchGenAiReportListData({})
+    if (isRecentReportList(data)) {
+      recentReports.value = data
+    }
+  } catch {
+    // 保留 mock
+  }
+}
+
+function openReport(report: RecentReport) {
+  openModelManager(router, { id: report.id })
+}
+
+let cleanupBodyHeight: (() => void) | undefined
+let cleanupLock: (() => void) | undefined
+
+onMounted(async () => {
+  await loadRecentReports()
+  if (pageBodyRef.value) {
+    cleanupBodyHeight = bindViewportBodyHeight(pageBodyRef.value, {
+      subtractSelector: '.page-header',
+      subtractRoot: pageBodyRef.value.parentElement ?? undefined,
+    })
+  }
+  cleanupLock = lockDocumentScroll()
+  tableRef.value?.doLayout()
+  capsuleScrollbarRef.value?.refresh()
+})
+
+onUnmounted(() => {
+  cleanupBodyHeight?.()
+  cleanupLock?.()
+})
+</script>
+
+<style scoped>
+.report-center-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  background: #fff;
+}
+
+.report-center-page__body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  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: 28px;
+  font-weight: 700;
+  color: #1a1a1a;
+}
+
+.report-center-hero__desc {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.7;
+  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: 16px;
+  font-weight: 600;
+  color: #1a1a1a;
+  width: 100%;
+}
+
+.report-center-reports__title-icon {
+  font-size: 18px;
+  color: #606266;
+}
+</style>

package/src/vite-env.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_APP_TITLE: string
+  readonly VITE_APP_ENV: string
+  readonly VITE_PORT: string
+  readonly VITE_API_BASE_URL: string
+  readonly VITE_REPORT_STREAM_MOCK?: string
+  readonly VITE_REPORT_STREAM_URL?: string
+  readonly VITE_API_TOKEN?: string
+  readonly VITE_TEMPLATE_CENTER_URL?: string
+  readonly VITE_MODEL_MANAGER_URL?: string
+  readonly VITE_CHAT_MODEL?: string
+  readonly VITE_CHAT_PROVIDER_LABEL?: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
+
+declare global {
+  /** registerDirectives 挂载，页面任意处可直接 closeBtnLoading() */
+  function closeBtnLoading(target?: HTMLElement | string): void
+
+  interface Window {
+    closeBtnLoading: typeof closeBtnLoading
+  }
+
+  var closeBtnLoading: (target?: HTMLElement | string) => void
+}
+
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    closeBtnLoading: (target?: HTMLElement | string) => void
+  }
+}
+
+export {}