aegon-lv82 1.0.0

package/src/directives/debounce.ts

@@ -0,0 +1,98 @@
+import type { Directive, DirectiveBinding } from 'vue'
+
+const DEBOUNCE_KEY = Symbol('vDebounce')
+
+/** 默认防重间隔 2s；v-debounce:800 自定义毫秒 */
+const DEFAULT_WAIT_MS = 2000
+const DEFAULT_EVENT = 'click'
+
+export type DebounceHandler = (event: Event) => unknown
+export type DebounceBindingValue = DebounceHandler | undefined
+export type DebounceDirective = Directive<HTMLElement, DebounceBindingValue>
+export type DebounceDirectiveBinding = DirectiveBinding<DebounceBindingValue>
+
+interface DebounceBindingMeta {
+  listener: (event: Event) => void
+  event: string
+  binding: DebounceDirectiveBinding
+}
+
+function resolveButtonHost(el: HTMLElement): HTMLElement {
+  if (el.tagName === 'BUTTON') return el
+  const nested = el.querySelector<HTMLElement>('button.el-button')
+  return nested ?? el
+}
+
+function resolveWait(arg?: string): number {
+  if (arg && /^\d+$/.test(arg)) return Number(arg)
+  return DEFAULT_WAIT_MS
+}
+
+function resolveEvent(arg?: string): string {
+  if (arg && !/^\d+$/.test(arg)) return arg
+  return DEFAULT_EVENT
+}
+
+/**
+ * v-debounce — 纯点击防重，与 loading 解耦
+ * - v-debounce @click="fn"           默认 2s
+ * - v-debounce:800 @click="fn"       自定义间隔
+ * - v-debounce:800="fn"              绑定 handler（拦截原生 @click）
+ */
+export const vDebounce: DebounceDirective = {
+  mounted(el: HTMLElement, binding: DebounceDirectiveBinding) {
+    const host = resolveButtonHost(el)
+    let locked = false
+
+    const listener = (e: Event) => {
+      const meta = (host as HTMLElement & { [DEBOUNCE_KEY]?: DebounceBindingMeta })[DEBOUNCE_KEY]
+      const currentBinding = meta?.binding ?? binding
+      const wait = resolveWait(currentBinding.arg)
+      const handler =
+        typeof currentBinding.value === 'function' ? currentBinding.value : undefined
+
+      if (locked) {
+        e.preventDefault()
+        e.stopImmediatePropagation()
+        return
+      }
+
+      locked = true
+
+      if (handler) {
+        e.preventDefault()
+        e.stopImmediatePropagation()
+        Promise.resolve(handler(e)).finally(() => {
+          window.setTimeout(() => {
+            locked = false
+          }, wait)
+        })
+        return
+      }
+
+      window.setTimeout(() => {
+        locked = false
+      }, wait)
+    }
+
+    const event = resolveEvent(binding.arg)
+    host.addEventListener(event, listener, true)
+    ;(host as HTMLElement & { [DEBOUNCE_KEY]?: DebounceBindingMeta })[DEBOUNCE_KEY] = {
+      listener,
+      event,
+      binding,
+    }
+  },
+  updated(el: HTMLElement, binding: DebounceDirectiveBinding) {
+    const host = resolveButtonHost(el)
+    const meta = (host as HTMLElement & { [DEBOUNCE_KEY]?: DebounceBindingMeta })[DEBOUNCE_KEY]
+    if (meta) meta.binding = binding
+  },
+  unmounted(el: HTMLElement) {
+    const host = resolveButtonHost(el)
+    const meta = (host as HTMLElement & { [DEBOUNCE_KEY]?: DebounceBindingMeta })[DEBOUNCE_KEY]
+    if (!meta) return
+    host.removeEventListener(meta.event, meta.listener, true)
+    delete (host as HTMLElement & { [DEBOUNCE_KEY]?: DebounceBindingMeta })[DEBOUNCE_KEY]
+  },
+}

package/src/directives/index.ts

@@ -0,0 +1,25 @@
+import type { App, Directive } from 'vue'
+import { closeBtnLoading, vBtnLoading } from './btnLoading'
+import { vDebounce } from './debounce'
+
+/** 全局自定义指令清单（新增指令在此单独追加一项） */
+const directiveRegistry: ReadonlyArray<{
+  name: string
+  directive: Directive
+}> = [
+  { name: 'debounce', directive: vDebounce as Directive },
+  { name: 'btnLoading', directive: vBtnLoading },
+]
+
+export function registerDirectives(app: App) {
+  directiveRegistry.forEach(({ name, directive }) => {
+    app.directive(name, directive)
+  })
+
+  app.config.globalProperties.closeBtnLoading = closeBtnLoading
+  ;(globalThis as typeof globalThis & { closeBtnLoading: typeof closeBtnLoading }).closeBtnLoading =
+    closeBtnLoading
+}
+
+export { vDebounce, type DebounceBindingValue, type DebounceDirective, type DebounceHandler } from './debounce'
+export { vBtnLoading, closeBtnLoading, hasActiveBtnLoading } from './btnLoading'

package/src/layouts/MainLayout.vue

@@ -0,0 +1,129 @@
+<template>
+  <el-container class="main-layout">
+    <el-aside width="220px" class="main-layout__aside">
+      <div class="main-layout__logo">GenAI Demo</div>
+      <el-menu
+        :default-active="activeMenu"
+        router
+        class="main-layout__menu"
+      >
+        <el-menu-item index="/">
+          <span>HOME</span>
+        </el-menu-item>
+        <el-menu-item index="/blank">
+          <span>SMART</span>
+        </el-menu-item>
+        <el-menu-item index="/report-center">
+          <span>ReportCenter</span>
+        </el-menu-item>
+        <el-menu-item index="new-tab:template-center" @click.stop.prevent="openTemplateCenterPage">
+          <span>TemplateCenter</span>
+        </el-menu-item>
+        <el-menu-item index="/admin-center">
+          <span>AdminCenter</span>
+        </el-menu-item>
+        <el-sub-menu index="gen-ai">
+          <template #title>
+            <span>GEN-TYPER</span>
+          </template>
+          <el-menu-item
+            v-for="item in genAiAppMenus"
+            :key="item.path"
+            :index="item.path"
+          >
+            {{ item.title }}
+          </el-menu-item>
+          <el-menu-item
+            v-for="item in genAiMenus"
+            :key="item.path"
+            :index="item.path"
+          >
+            {{ item.title }}
+          </el-menu-item>
+        </el-sub-menu>
+      </el-menu>
+    </el-aside>
+    <el-main class="main-layout__main layout">
+      <PageCard>
+        <router-view />
+      </PageCard>
+    </el-main>
+  </el-container>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import PageCard from '../components/PageCard.vue'
+import { genAiAppMenus, genAiMenus } from '../router/menus'
+import { openTemplateCenter } from '@/views/gen-ai/common/utils/navigation'
+
+const route = useRoute()
+const router = useRouter()
+
+const activeMenu = computed(() => route.path)
+
+function openTemplateCenterPage() {
+  openTemplateCenter(router)
+}
+</script>
+
+<style scoped>
+.main-layout {
+  --page-bg: #f3f4f6;
+  --page-outer-spacing: 20px;
+  --page-card-border: #e8eaec;
+  height: 100vh;
+  min-height: 100vh;
+  background: var(--page-bg);
+}
+
+.main-layout__aside {
+  background: #fff;
+  border-right: 1px solid var(--page-card-border);
+}
+
+.main-layout__logo {
+  height: 56px;
+  line-height: 56px;
+  padding: 0 20px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #2d3139;
+  border-bottom: 1px solid var(--page-card-border);
+}
+
+.main-layout__menu {
+  border-right: none;
+}
+
+.main-layout__main.layout {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  padding: var(--page-outer-spacing);
+  box-sizing: border-box;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+/* 報告編輯頁：禁最外層滾動，高度交給內欄 el-scrollbar */
+.main-layout__main:has(:deep(.report-edit-page)) {
+  overflow: hidden;
+}
+
+/* prompt 三欄：貼齊可見視窗（頂欄 62px） */
+.main-layout__main:has(:deep(.report-edit-page.is-prompt)) {
+  padding: 0;
+  max-height: calc(100dvh - 62px);
+}
+
+/* Green Mortgage：灰底 + 外邊距；白色 iOS card 由 el-card__body 承載 */
+.main-layout__main.layout:has(:deep(.green-mortgage-page)) {
+  padding: 24px 20px 20px;
+  background: #f2f2f7;
+  box-sizing: border-box;
+}
+</style>

package/src/main.ts

@@ -0,0 +1,76 @@
+import { registerDirectives } from '@/directives'
+import { registerGenAiDirectives } from '@/views/gen-ai/common/directives'
+import CapsuleScrollbar from '@/views/gen-ai/components/CapsuleScrollbar.vue'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import zhTw from 'element-plus/es/locale/lang/zh-tw'
+import { createPinia } from 'pinia'
+import { createApp, type App as VueApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+
+let app: VueApp | null = null
+
+function registerElementPlusIcons(instance: VueApp) {
+  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    instance.component(key, component)
+  }
+}
+
+function mountApp() {
+  if (app) return
+  app = createApp(App)
+  registerElementPlusIcons(app)
+  registerDirectives(app)
+  registerGenAiDirectives(app)
+  app.component('CapsuleScrollbar', CapsuleScrollbar)
+  app.use(createPinia())
+  app.use(ElementPlus, { locale: zhTw })
+  app.use(router)
+  app.mount('#app')
+}
+
+function unmountApp() {
+  app?.unmount()
+  app = null
+}
+
+function shouldRemountOnUpdate(payload: { updates?: Array<{ type?: string }> }) {
+  return (
+    payload.updates?.some((update) => update.type === 'js-update' || update.type === 'vue') ?? false
+  )
+}
+
+mountApp()
+
+if (import.meta.hot) {
+  import.meta.hot.accept(['./App.vue'], () => {
+    unmountApp()
+    mountApp()
+  })
+
+  import.meta.hot.accept(
+    ['./components/GEN-AI/index9.vue', './components/GEN-AI/index10.vue', './views/gen-ai/components/AIExport/docxExport.ts'],
+    () => {
+      unmountApp()
+      mountApp()
+    }
+  )
+
+  import.meta.hot.on('vite:beforeUpdate', (payload) => {
+    if (shouldRemountOnUpdate(payload)) {
+      unmountApp()
+    }
+  })
+
+  import.meta.hot.on('vite:afterUpdate', (payload) => {
+    if (shouldRemountOnUpdate(payload) && !app) {
+      mountApp()
+    }
+  })
+
+  import.meta.hot.dispose(() => {
+    unmountApp()
+  })
+}

package/src/router/index.ts

@@ -0,0 +1,142 @@
+// router/index.ts
+import type { Component } from 'vue'
+import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
+import MainLayout from '../layouts/MainLayout.vue'
+import { genAiMenus } from './menus'
+
+const genAiModules = import.meta.glob('../components/GEN-AI/index*.vue')
+
+const genAiRoutes: RouteRecordRaw[] = genAiMenus.flatMap((item) => {
+  const modulePath = `../components/GEN-AI/${item.file}.vue`
+  const componentLoader = genAiModules[modulePath]
+  if (!componentLoader) {
+    console.warn(`GEN-AI component not found: ${modulePath}`)
+    return []
+  }
+  return [
+    {
+      path: item.path.replace(/^\//, ''),
+      name: `GenAI-${item.file}`,
+      component: componentLoader as () => Promise<Component>,
+      meta: { title: item.title, group: 'GEN-TYPER' },
+    },
+  ]
+})
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/gen-ai/gen-entry',
+    name: 'gen-entry',
+    component: () => import('../views/gen-ai/gen-entry/index.vue'),
+    meta: { title: '行業分析', standalone: true },
+  },
+  { path: '/gen-entry', redirect: '/gen-ai/gen-entry' },
+  {
+    path: '/gen-ai/model-manager',
+    name: 'model-manager',
+    component: () => import('../views/gen-ai/model-manager/index.vue'),
+    meta: { title: '模板中心', standalone: true },
+  },
+  {
+    path: '/gen-ai/model-manager/template-editor',
+    name: 'model-manager-template-editor',
+    component: () => import('../views/gen-ai/model-manager/template-editor.vue'),
+    meta: { title: '報告模板編輯', standalone: true },
+  },
+  { path: '/model-manager', redirect: '/gen-ai/model-manager' },
+  {
+    path: '/gen-ai/management-center',
+    name: 'management-center',
+    component: () => import('../views/gen-ai/management-center/index.vue'),
+    meta: { title: '管理中心', standalone: true },
+  },
+  { path: '/management-center', redirect: '/gen-ai/management-center' },
+  {
+    path: '/gen-ai/build-report',
+    name: 'build-report',
+    component: () => import('../views/gen-ai/build-report/index.vue'),
+    meta: { title: '新建報告', standalone: true },
+  },
+  // report-list.vue 已刪除：原「報告中心」列表改走 gen-entry
+  {
+    path: '/gen-ai/build-report/list',
+    redirect: '/gen-ai/gen-entry',
+  },
+  {
+    path: '/gen-ai/build-report/coherence-check',
+    name: 'report-coherence-check',
+    component: () => import('../views/gen-ai/build-report/coherence-check/index.vue'),
+    meta: { title: '報告連貫性檢查', standalone: true },
+  },
+  {
+    path: '/gen-ai/file-preview',
+    name: 'gen-ai-file-preview',
+    component: () => import('../views/gen-ai/components/Preview/FilePreviewPage.vue'),
+    meta: { title: '檔案預覽', standalone: true },
+  },
+  {
+    path: '/gen-ai/build-report/model',
+    name: 'report-model',
+    redirect: (to) => ({
+      path: '/gen-ai/build-report',
+      query: { pageName: 'reportEdit', step: 'select', ...to.query },
+    }),
+  },
+  {
+    path: '/gen-ai/build-report/generating',
+    name: 'report-generating',
+    redirect: (to) => ({
+      path: '/gen-ai/build-report',
+      query: { pageName: 'reportEdit', step: 'generating', ...to.query },
+    }),
+  },
+  { path: '/gen-ai/report-center', redirect: '/gen-ai/gen-entry' },
+  { path: '/gen-ai/report-center/create', redirect: '/gen-ai/build-report' },
+  { path: '/gen-ai/report-center/model', redirect: { name: 'report-model' } },
+  { path: '/gen-ai/report-center/generating', redirect: { name: 'report-generating' } },
+  {
+    path: '/template-center',
+    name: 'TemplateCenter',
+    component: () => import('../test/test2.vue'),
+    meta: { title: '模板中心', standalone: true },
+  },
+  {
+    path: '/',
+    component: MainLayout,
+    children: [
+      {
+        path: '',
+        name: 'Home',
+        component: () => import('../views/Home.vue'),
+        meta: { title: 'HOME' },
+      },
+      {
+        path: 'blank',
+        name: 'Blank',
+        component: () => import('../views/Blank.vue'),
+        meta: { title: 'SMART' },
+      },
+      {
+        path: 'green-mortgage',
+        name: 'GreenMortgage',
+        component: () => import('../views/greenMortgage.vue'),
+        meta: { title: 'Green Mortgage' },
+      },
+      { path: 'report-center', redirect: '/gen-ai/gen-entry' },
+      {
+        path: 'admin-center',
+        name: 'AdminCenter',
+        component: () => import('../views/gen-ai/build-report/components/paramsSetting.vue'),
+        meta: { title: '管理後台' },
+      },
+      ...genAiRoutes,
+    ],
+  },
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes,
+})
+
+export default router

package/src/router/menus.ts

@@ -0,0 +1,28 @@
+export interface GenAiMenuItem {
+  title: string
+  path: string
+  file: string
+}
+
+/** GEN-AI 業務頁面（獨立全屏） */
+export const genAiAppMenus: GenAiMenuItem[] = [
+  { title: '行業分析', path: '/gen-ai/gen-entry', file: 'gen-entry' },
+  { title: '報告中心', path: '/gen-ai/gen-entry', file: 'build-report' },
+  { title: '模板中心', path: '/gen-ai/model-manager', file: 'model-manager' },
+  { title: '管理中心', path: '/gen-ai/management-center', file: 'management-center' },
+]
+
+/** GEN-AI 目录下全部 index 页面（二级菜单） */
+export const genAiMenus: GenAiMenuItem[] = [
+  { title: 'index', path: '/gen-ai/index', file: 'index' },
+  { title: 'index1', path: '/gen-ai/index1', file: 'index1' },
+  { title: 'index2', path: '/gen-ai/index2', file: 'index2' },
+  { title: 'index3', path: '/gen-ai/index3', file: 'index3' },
+  { title: 'index4', path: '/gen-ai/index4', file: 'index4' },
+  { title: 'index5', path: '/gen-ai/index5', file: 'index5' },
+  { title: 'index6', path: '/gen-ai/index6', file: 'index6' },
+  { title: 'index7', path: '/gen-ai/index7', file: 'index7' },
+  { title: 'index8', path: '/gen-ai/index8', file: 'index8' },
+  { title: 'index9', path: '/gen-ai/index9', file: 'index9' },
+  { title: 'index10', path: '/gen-ai/index10', file: 'index10' },
+]

package/src/store/modules/gen-ai/index.ts

@@ -0,0 +1 @@
+export { useGenAiBuildReportStore } from './reportBuild'

package/src/store/modules/gen-ai/reportBuild.ts

@@ -0,0 +1,37 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+/**
+ * 報告構建流程共享狀態
+ * instanceId：進入報告編輯 / 設置頁後由業務寫入
+ */
+export const useGenAiBuildReportStore = defineStore('genAiBuildReport', () => {
+  const instanceId = ref<string | null>(null)
+
+  function setInstanceId(id: string | null) {
+    instanceId.value = id == null || id === '' ? null : String(id).trim()
+  }
+
+  function clearInstanceId() {
+    instanceId.value = null
+  }
+
+  /** 與遷移頁 init 對齊：從本地恢復 instanceId（無則保持現值） */
+  async function initFromStorage() {
+    try {
+      const raw = sessionStorage.getItem('genAiBuildReport.instanceId')
+      if (raw != null && String(raw).trim()) {
+        setInstanceId(String(raw).trim())
+      }
+    } catch {
+      /* ignore */
+    }
+  }
+
+  return {
+    instanceId,
+    setInstanceId,
+    clearInstanceId,
+    initFromStorage,
+  }
+})

package/src/style.css

@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/src/styles/report-config-popover.css

@@ -0,0 +1,39 @@
+.report-config-popover.el-popover.el-popper {
+  max-width: 100%;
+  padding: 12px;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.report-config-popover.el-popper[data-popper-placement^='bottom'] .el-popper__arrow {
+  left: var(--report-config-arrow-left) !important;
+  right: auto !important;
+  top: -6px !important;
+  transform: translateX(-50%) !important;
+}
+
+.report-config-popover.el-popper[data-popper-placement^='bottom'] .el-popper__arrow::before {
+  bottom: -1px;
+}
+
+/* 仅透明度渐变，关闭时不产生向上位移浮影 */
+.report-config-popover-fade-enter-active,
+.report-config-popover-fade-leave-active {
+  transition: opacity 0.12s ease;
+}
+
+.report-config-popover-fade-enter-from,
+.report-config-popover-fade-leave-to {
+  opacity: 0;
+}
+
+/* 收起区块时原地关闭，无过渡浮影 */
+.report-config-popover-instant-enter-active,
+.report-config-popover-instant-leave-active {
+  transition: none !important;
+}
+
+.report-config-popover-instant-enter-from,
+.report-config-popover-instant-leave-to {
+  opacity: 0;
+}

package/src/styles/report-icon-btn.css

@@ -0,0 +1,19 @@
+.report-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: #4e5969;
+  cursor: pointer;
+  border-radius: 4px;
+  vertical-align: middle;
+}
+
+.report-icon-btn:hover {
+  color: #c53355;
+  background: #fff5f6;
+}