npm - aegon-gen - Versions diffs - 1.0.0 - Mend

aegon-gen 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/package.json +12 -0
package/src/App.vue +3 -0
package/src/api/index.ts +19 -0
package/src/api/modules/gen-ai/gen-entry/index.ts +30 -0
package/src/api/modules/gen-ai/model-manager/index.ts +42 -0
package/src/api/modules/gen-ai/model-manager/mockApi.ts +33 -0
package/src/api/modules/index.ts +98 -0
package/src/api/modules/user/index.ts +4 -0
package/src/api/request.ts +102 -0
package/src/assets/sample-access-icon.png +0 -0
package/src/assets/sample-pie-chart.png +0 -0
package/src/assets/vue.svg +1 -0
package/src/components/CapsuleScrollbar.vue +93 -0
package/src/components/Export/ExcelExport.vue +592 -0
package/src/components/Export/ExcelExport2.vue +494 -0
package/src/components/Export/ExcelExport3.vue +342 -0
package/src/components/Export/ExcelExport4.vue +665 -0
package/src/components/Export/excelExport.js +547 -0
package/src/components/Export/excelExport.ts +551 -0
package/src/components/GEN-AI/index.vue +142 -0
package/src/components/GEN-AI/index1.vue +456 -0
package/src/components/GEN-AI/index10.vue +5 -0
package/src/components/GEN-AI/index2.vue +568 -0
package/src/components/GEN-AI/index3.vue +623 -0
package/src/components/GEN-AI/index4.vue +629 -0
package/src/components/GEN-AI/index5.vue +578 -0
package/src/components/GEN-AI/index6.vue +656 -0
package/src/components/GEN-AI/index7.vue +717 -0
package/src/components/GEN-AI/index8.vue +405 -0
package/src/components/GEN-AI/index9.vue +1065 -0
package/src/components/GEN-AI/types.ts +12 -0
package/src/components/GEN-AI/utils.ts +42 -0
package/src/components/HelloWorld.vue +41 -0
package/src/components/PageCard.vue +7 -0
package/src/components/PageHeader.vue +32 -0
package/src/components/backup/index5 copy.vue +556 -0
package/src/components/backup/index5.vue +620 -0
package/src/components/backup/index9 copy.vue +1029 -0
package/src/components/backup/index9-pro.vue +1065 -0
package/src/components/backup/index9.vue +1057 -0
package/src/components/el-date-picker.vue +64 -0
package/src/directives/btnLoading.ts +427 -0
package/src/directives/debounce copy.ts +670 -0
package/src/directives/debounce.ts +98 -0
package/src/directives/index.ts +25 -0
package/src/layouts/MainLayout.vue +101 -0
package/src/main.ts +85 -0
package/src/router/index.ts +76 -0
package/src/router/menus.ts +28 -0
package/src/style.css +79 -0
package/src/styles/_variables.scss +24 -0
package/src/styles/app-button.css +26 -0
package/src/styles/element-overrides.css +23 -0
package/src/styles/global.css +44 -0
package/src/styles/index.scss +1 -0
package/src/styles/page-card.css +21 -0
package/src/styles/variables.css +26 -0
package/src/test/mock.ts +101 -0
package/src/test/test1.vue +402 -0
package/src/test/test2.vue +1689 -0
package/src/types/gen-ai/gen-entry/index.ts +17 -0
package/src/types/gen-ai/model-manager/index.ts +19 -0
package/src/utils/docxExport.ts +1610 -0
package/src/utils/gen-ai-navigation.ts +37 -0
package/src/utils/gen-ai-scroll.ts +455 -0
package/src/utils/openDataLoaderWordExport.ts +33 -0
package/src/utils/pageScrollbar.ts +115 -0
package/src/utils/randomTranscode.ts +87 -0
package/src/utils/reportPdfExport.ts +44 -0
package/src/views/AdminCenter/index.vue +817 -0
package/src/views/Blank.vue +68 -0
package/src/views/Home.vue +29 -0
package/src/views/ReportCenter/index.vue +1380 -0
package/src/views/TemplateCenter/Knowledge.ts +83 -0
package/src/views/TemplateCenter/data.d.ts +10 -0
package/src/views/TemplateCenter/index.vue +1205 -0
package/src/views/TemplateCenter/service.ts +69 -0
package/src/views/gen-ai/components/RecentReportsTable.vue +193 -0
package/src/views/gen-ai/gen-entry/index.vue +309 -0
package/src/views/gen-ai/gen-entry/mockData.ts +160 -0
package/src/views/gen-ai/management-center/index.vue +53 -0
package/src/views/gen-ai/model-manager/ChapterTitleScroll.vue +275 -0
package/src/views/gen-ai/model-manager/index.vue +1205 -0
package/src/views/gen-ai/model-manager/mockData.ts +122 -0
package/src/views/gen-ai/report-center/index.vue +158 -0
package/src/vite-env.d.ts +38 -0

package/src/components/GEN-AI/index8.vue ADDED Viewed

@@ -0,0 +1,405 @@
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { asBlob } from 'html-docx-js-typescript'
+import { saveAs } from 'file-saver'
+// --- 类型声明 ---
+interface ReportConfig {
+  name: string
+  model: string
+  language: string
+  industry: string
+  year: number
+}
+interface SourceFile {
+  id: string
+  name: string
+  checked: boolean
+}
+interface ChapterOption {
+  id: string
+  title: string
+  version: string
+}
+interface ReportHistory {
+  id: string
+  version: string
+  author: string
+  time: string
+  isActive?: boolean
+}
+// --- 状态管理 ---
+const config = reactive<ReportConfig>({
+  name: '香港房地產2024',
+  model: 'Qwen3-Max',
+  language: '中文',
+  industry: '香港房地產',
+  year: 2024
+})
+const sharedSources = ref<SourceFile[]>([
+  { id: 's1', name: '香港物業市場回顧及前瞻2024', checked: true },
+  { id: 's2', name: '2024年香港住宅物業價格與租金走勢分析', checked: true },
+  { id: 's3', name: '香港商業地產市場年度觀察報告2024', checked: true }
+])
+const personalSources = ref<SourceFile[]>([
+  { id: 'p1', name: '香港物業市場回顧及前瞻2024', checked: true },
+  { id: 'p2', name: '2024年香港住宅物業價格與租金走勢分析', checked: true },
+  { id: 'p3', name: '香港商業地產市場年度觀察報告2024', checked: true }
+])
+const chapters = ref<ChapterOption[]>([
+  { id: 'c1', title: '摘要與本年總結', version: 'V3' },
+  { id: 'c2', title: '宏觀環境與政策背景', version: 'V3' },
+  { id: 'c3', title: '行業運行情況與核心指標', version: 'V3' },
+  { id: 'c4', title: '競爭格局與商業模式演變', version: 'V3' },
+  { id: 'c5', title: '關鍵風險與監管關切', version: 'V3' },
+  { id: 'c6', title: '附錄：數據、方法與名詞解釋', version: 'V3' }
+])
+const generateMethod = ref<'merge' | 'rewrite'>('merge')
+const historyList = ref<ReportHistory[]>([
+  { id: 'h1', version: '定稿版本', author: '陳大文', time: '15min前', isActive: true },
+  { id: 'h2', version: 'V2', author: '陳大文', time: '15min前', isActive: false }
+])
+// --- 导出 ---
+const isExporting = ref(false)
+const exportToWord = async (containerId: string, filename: string) => {
+  const element = document.getElementById(containerId)
+  if (!element) return
+  try {
+    isExporting.value = true
+    const cloneContainer = element.cloneNode(true) as HTMLElement
+    cloneContainer.querySelectorAll('.no-export').forEach((el) => el.remove())
+    cloneContainer.querySelectorAll('*').forEach((el) => {
+      const htmlEl = el as HTMLElement
+      const style = window.getComputedStyle(el)
+      htmlEl.style.color = style.color
+      htmlEl.style.fontSize = style.fontSize
+      htmlEl.style.fontFamily = style.fontFamily
+      htmlEl.style.fontWeight = style.fontWeight
+      htmlEl.style.backgroundColor = style.backgroundColor
+      htmlEl.style.textAlign = style.textAlign
+      htmlEl.style.lineHeight = style.lineHeight
+      htmlEl.style.marginBottom = style.marginBottom
+      htmlEl.style.paddingLeft = style.paddingLeft
+      htmlEl.style.borderLeft = style.borderLeft
+      if (htmlEl.tagName === 'P') {
+        htmlEl.style.marginBottom = '12pt'
+        htmlEl.style.lineHeight = '1.6'
+      }
+    })
+    const contentHtml = cloneContainer.innerHTML
+    const fullHtml = `<!DOCTYPE html>
+<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:w='urn:schemas-microsoft-com:office:word' xmlns='http://www.w3.org/TR/REC-html40'>
+<head>
+  <meta charset="utf-8">
+  <style>
+    @page { size: 21cm 29.7cm; margin: 2cm; }
+    body { font-family: "Microsoft YaHei", "PingFang TC", "SimSun", sans-serif; font-size: 12pt; }
+    h1 { font-size: 18pt; text-align: center; margin-bottom: 24pt; }
+    h2 { font-size: 14pt; font-weight: bold; margin-bottom: 12pt; }
+    p { margin-bottom: 12pt; line-height: 1.6; text-align: justify; }
+  </style>
+</head>
+<body>${contentHtml}</body>
+</html>`
+    const blob = await asBlob(fullHtml, {
+      orientation: 'portrait',
+      margins: { top: 720, right: 720, bottom: 720, left: 720 },
+    })
+    saveAs(blob as Blob, `${filename}.docx`)
+  } catch (error) {
+    console.error('Word 导出失败:', error)
+    alert('Word 导出失败，请检查浏览器控制台')
+  } finally {
+    isExporting.value = false
+  }
+}
+// --- 业务逻辑方法 ---
+const handleExportPDF = () => {
+  console.log('正在导出 PDF，应用 A4 打印优化布局...')
+}
+const handleExportWord = () => {
+  const filename = `${config.name}_${config.year}`.replace(/[/\\?%*:|"<>]/g, '_')
+  exportToWord('report-container', filename)
+}
+const handleGenerate = () => {
+  console.log('触发报告生成逻辑，当前模式:', generateMethod.value)
+}
+</script>
+<template>
+  <div class="min-h-screen bg-[#f7f8fa] text-[#333] font-sans flex flex-col antialiased select-none">
+    <header class="h-14 bg-white border-b border-[#e8eaec] px-6 flex items-center justify-between shrink-0">
+      <div class="flex items-center gap-3">
+        <div class="w-7 h-5 bg-[#333] rounded-sm flex flex-col justify-between p-1">
+          <div class="h-[2px] bg-white w-full"></div>
+          <div class="h-[2px] bg-white w-2/3"></div>
+          <div class="h-[2px] bg-white w-full"></div>
+        </div>
+        <span class="font-bold text-base tracking-wide">行業分析</span>
+      </div>
+      <div class="flex items-center gap-4 text-sm text-[#666]">
+        <div class="flex items-center gap-1 cursor-pointer hover:text-primary">
+          <span class="i-unocss:translate text-lg"></span>
+          <span>繁體中文</span>
+          <span class="i-unocss:chevron-down text-xs"></span>
+        </div>
+      </div>
+    </header>
+    <main class="flex-1 flex overflow-hidden w-full">
+      <aside class="w-72 bg-white border-r border-[#e8eaec] flex flex-col shrink-0 overflow-y-auto">
+        <section class="p-4 border-b border-[#e8eaec]">
+          <h3 class="font-bold text-sm mb-3 text-[#1a1a1a]">報告配置</h3>
+          <div class="space-y-2.5 text-xs">
+            <div class="flex items-center justify-between">
+              <span class="text-[#86909c]">名稱：{{ config.name }}</span>
+              <span class="i-unocss:edit text-[#999] cursor-pointer hover:text-primary"></span>
+            </div>
+            <div class="flex items-center justify-between">
+              <span class="text-[#86909c]">模型：{{ config.model }}</span>
+              <span class="i-unocss:edit text-[#999] cursor-pointer hover:text-primary"></span>
+            </div>
+            <div class="text-[#86909c]">語言：{{ config.language }}</div>
+            <div class="text-[#86909c]">行業：{{ config.industry }}</div>
+            <div class="text-[#86909c]">年份：{{ config.year }}</div>
+          </div>
+        </section>
+        <section class="p-4 flex-1 space-y-4">
+          <div class="flex items-center justify-between">
+            <h3 class="font-bold text-sm text-[#1a1a1a]">信息源</h3>
+          </div>
+          <div class="border border-dashed border-[#e8eaec] rounded-md p-4 flex flex-col items-center justify-center gap-2 cursor-pointer bg-[#fafafa] hover:bg-gray-50 transition-colors">
+            <span class="i-unocss:plus text-lg text-[#999]"></span>
+            <span class="text-xs text-[#86909c]">添加信息源</span>
+          </div>
+          <div class="flex items-center gap-2 text-xs bg-[#f4f5f7] p-2 rounded text-[#4e5969] cursor-pointer">
+            <input type="checkbox" id="web-search" checked class="accent-primary" />
+            <label for="web-search" class="cursor-pointer flex items-center gap-1">
+              <span class="i-unocss:globe"></span> 在網絡中搜索信息源
+            </label>
+          </div>
+          <div class="space-y-2">
+            <div class="text-xs font-bold text-[#4e5969] flex items-center justify-between">
+              <span>共享文檔集</span>
+              <span class="text-[#999] font-normal scale-90">全選</span>
+            </div>
+            <div class="space-y-1.5">
+              <div v-for="file in sharedSources" :key="file.id" class="flex items-start gap-2 text-xs text-[#1d2129]">
+                <input type="checkbox" v-model="file.checked" class="mt-0.5 accent-primary" />
+                <span class="truncate pr-2" :title="file.name">📄 {{ file.name }}</span>
+              </div>
+            </div>
+          </div>
+          <div class="space-y-2">
+            <div class="text-xs font-bold text-[#4e5969] flex items-center justify-between">
+              <span>個人文檔集</span>
+              <span class="text-[#999] font-normal scale-90">全選</span>
+            </div>
+            <div class="space-y-1.5">
+              <div v-for="file in personalSources" :key="file.id" class="flex items-start gap-2 text-xs text-[#1d2129]">
+                <input type="checkbox" v-model="file.checked" class="mt-0.5 accent-primary" />
+                <span class="truncate pr-2" :title="file.name">📄 {{ file.name }}</span>
+              </div>
+            </div>
+          </div>
+        </section>
+      </aside>
+      <section class="flex-1 bg-[#f0f2f5] p-6 flex flex-col overflow-y-auto items-center">
+        <div class="w-[842px] flex justify-between items-center mb-4 shrink-0">
+          <button class="px-4 py-1.5 bg-white border border-[#e8eaec] rounded text-xs font-medium text-[#4e5969] hover:bg-gray-50 transition-colors">
+            返回章節編輯
+          </button>
+          <div class="flex gap-2">
+            <button @click="handleExportPDF" class="px-4 py-1.5 bg-white border border-[#ea3447] text-[#ea3447] rounded text-xs font-medium hover:bg-[#fff5f6] transition-colors">
+              匯出為PDF
+            </button>
+            <button
+              @click="handleExportWord"
+              :disabled="isExporting"
+              class="px-4 py-1.5 bg-white border border-[#ea3447] text-[#ea3447] rounded text-xs font-medium hover:bg-[#fff5f6] transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {{ isExporting ? '匯出中...' : '匯出為Word' }}
+            </button>
+          </div>
+        </div>
+        <article id="report-container" class="w-[842px] min-h-[1191px] bg-white shadow-md p-16 relative box-border mx-auto mb-12">
+          <div class="no-export absolute top-8 right-12 flex items-center gap-1 cursor-pointer group">
+            <span class="i-unocss:edit text-sm text-[#999] group-hover:text-primary"></span>
+          </div>
+          <h1 class="text-xl font-bold text-center text-[#1a1a1a] mb-12 tracking-wide">
+            報告標題：行業風險年報 | 房地產 | 2024
+          </h1>
+          <div class="relative group">
+            <div class="no-export absolute -left-2 top-0.5 opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1 cursor-pointer">
+              <span class="i-unocss:edit text-sm text-[#999] hover:text-primary"></span>
+            </div>
+            <h2 class="text-base font-bold text-[#1a1a1a] mb-4 border-l-4 border-primary pl-2.5">
+              正文：
+            </h2>
+          </div>
+          <div class="text-xs leading-6 text-[#2d3748] text-justify space-y-4 font-normal">
+            <p>
+              2024年香港房地產市場整體呈現「價跌量穩、租金偏強、商業不振」的分化局面，全年各類物業價格普遍下跌，但成交及租賃需求在政策放寬和人口流入支持下較前兩年有所改善。住宅方面，撤銷所有樓市「辣招」、放寬按揭成數及利率見頂後回落，帶動一手主導的成交回升，但無礙樓價全年再跌約中個位百分比，反映經濟及供應壓力仍然主導價格走勢。<span class="inline-flex items-center justify-center w-3.5 h-3.5 bg-[#e2e8f0] text-[#4a5568] rounded-full text-[10px] scale-90 mx-0.5">1</span>
+            </p>
+            <p class="font-semibold text-[#1a1a1a]">在住宅市場，本年特點包括：</p>
+            <p>
+              一、銷售量回升、價格續調：2024年在全面撤辣及按揭寬鬆後，全年住宅買賣宗數按年錄得逾兩成增長，但全年樓價仍錄得約6%至7%的跌幅，延續過去兩年的調整趨勢。<span class="inline-flex items-center justify-center w-3.5 h-3.5 bg-[#e2e8f0] text-[#4a5568] rounded-full text-[10px] scale-90 mx-0.5">2</span>
+            </p>
+            <p>
+              二、供應量顯著增加：私樓落成量約2.4萬個單位，較2023年大幅增加約七成，主要為中小方型單位，為後市價格帶來持續壓力。
+            </p>
+            <p>
+              三、租金走勢優於樓價：在人口及人才計劃帶動下，住宅租金全年錄得中低個位升幅，租金指數跑贏歷史高位約數個百分點，令小型單位的平均回報率升至近年十多年高位水平。<span class="inline-flex items-center justify-center w-3.5 h-3.5 bg-[#e2e8f0] text-[#4a5568] rounded-full text-[10px] scale-90 mx-0.5">3</span>
+            </p>
+            <p>
+              在非住宅方面，2024年為商鋪及鋪位市場的「谷底年」，寫字樓空置率創逾十年新高，商業成交金額及宗數均跌至有紀錄以來低位，而工廈則相對對抗跌但成交同樣收縮。一方面，整體寫字樓空置率升至接近17%，中環空置率突破14%，租金全年續跌，業主需提供更具吸引力條款以鎖定租戶；另一方面，整體商用物業買賣宗數僅約三千多宗，為1996年有紀錄以來最低水平，反映投資情緒謹慎、資金傾向觀望。宏觀層面上，外圍經濟不確定、地緣政治風險及本地結構性供應增加，令2024年香港資產價格整體承受壓，但利率回落預期、人口淨流入及政府發展北部都會區、降低強拍門檻等政策，為中長期物業需求及重建活動提供一定支撐。
+            </p>
+          </div>
+        </article>
+      </section>
+      <aside class="w-80 bg-white border-l border-[#e8eaec] flex flex-col shrink-0 overflow-y-auto">
+        <section class="p-4 border-b border-[#e8eaec]">
+          <div class="flex items-center justify-between mb-3">
+            <h3 class="font-bold text-sm text-[#1a1a1a]">選擇章節及版本</h3>
+            <div class="flex items-center gap-1 text-xs text-[#ea3447] font-medium cursor-pointer">
+              <span class="i-unocss:check-circle"></span> 全選章節
+            </div>
+          </div>
+          <div class="space-y-2.5">
+            <div v-for="item in chapters" :key="item.id" class="flex items-center justify-between text-xs py-0.5">
+              <div class="flex items-center gap-2 max-w-[70%]">
+                <input type="checkbox" checked class="accent-primary" />
+                <span class="truncate text-[#2d3139]">{{ item.title }}</span>
+              </div>
+              <div class="flex items-center gap-1 border border-[#e8eaec] px-1.5 py-0.5 rounded bg-white cursor-pointer hover:border-gray-400">
+                <span class="scale-90 text-[#4e5969]">{{ item.version }}</span>
+                <span class="i-unocss:chevron-down text-[10px] text-[#999]"></span>
+              </div>
+            </div>
+          </div>
+        </section>
+        <section class="p-4 border-b border-[#e8eaec] space-y-3">
+          <h3 class="font-bold text-sm text-[#1a1a1a]">生成報告方式</h3>
+          <div class="space-y-2 text-xs">
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="radio" value="merge" v-model="generateMethod" class="accent-primary" />
+              <span class="text-[#2d3139]">拼裝並潤色</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="radio" value="rewrite" v-model="generateMethod" class="accent-primary" />
+              <span class="text-[#2d3139]">重寫整篇報告</span>
+            </label>
+          </div>
+          <button @click="handleGenerate" class="w-full py-2 bg-[#ea3447] text-white rounded text-xs font-semibold hover:bg-[#d62f3f] transition-colors mt-2 shadow-sm">
+            生成報告
+          </button>
+        </section>
+        <section class="p-4 flex-1">
+          <h3 class="font-bold text-sm text-[#1a1a1a] mb-3">報告歷史</h3>
+          <div class="space-y-2">
+            <div
+              v-for="history in historyList"
+              :key="history.id"
+              :class="[
+                'p-3 rounded-md border text-xs relative group cursor-pointer transition-all',
+                history.isActive ? 'bg-[#fff5f6] border-[#fcd4d7]' : 'bg-[#fafafa] border-[#e8eaec] hover:bg-gray-50'
+              ]"
+            >
+              <div class="absolute left-0 top-0 bottom-0 w-1 bg-[#ea3447] rounded-l-md" v-if="history.isActive"></div>
+              <div class="flex justify-between items-center mb-1">
+                <span :class="['font-semibold', history.isActive ? 'text-[#ea3447]' : 'text-[#2d3139]']">
+                  {{ history.version }}
+                </span>
+                <span class="i-unocss:more-horizontal text-[#999] opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"></span>
+              </div>
+              <div class="text-[#86909c] scale-95 origin-left flex items-center gap-2">
+                <span>{{ history.author }}</span>
+                <span>{{ history.time }}</span>
+              </div>
+            </div>
+          </div>
+        </section>
+      </aside>
+    </main>
+  </div>
+</template>
+<style>
+/* 统一定制的主题主色调 */
+:root {
+  --color-primary: #ea3447;
+}
+/* 全局滚动条样式锁死：完美适配 12px 黄金厚度规格 */
+html *::-webkit-scrollbar,
+body *::-webkit-scrollbar,
+div::-webkit-scrollbar {
+  width: 12px !important;
+  height: 12px !important;
+}
+html *::-webkit-scrollbar-track,
+body *::-webkit-scrollbar-track,
+div::-webkit-scrollbar-track {
+  background: #f4f5f7 !important;
+  border-radius: 6px !important;
+}
+html *::-webkit-scrollbar-thumb,
+body *::-webkit-scrollbar-thumb,
+div::-webkit-scrollbar-thumb {
+  background: #cbd5e1 !important;
+  border-radius: 6px !important;
+  border: 3px solid #f4f5f7 !important;
+}
+html *::-webkit-scrollbar-thumb:hover,
+body *::-webkit-scrollbar-thumb:hover,
+div::-webkit-scrollbar-thumb:hover {
+  background: #94a3b8 !important;
+}
+/* 兼容 Firefox 降级处理 */
+@supports (scrollbar-width: thin) {
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: #cbd5e1 #f4f5f7;
+  }
+}
+</style>