aegon-lv97 1.0.0

package/gen-ai/common/assets/fonts.css

@@ -0,0 +1,278 @@
+/**
+ * GEN-AI 公共字體（僅 gen-ai 模塊加載，勿在 main.ts 全域引入）
+ *
+ * 使用順序（缺字 / 檔案缺失時自動回退）：
+ *   Noto Sans → Noto Sans TC → sans-serif
+ * （Noto Sans 優先，其次 Noto Sans TC；Noto Sans SC 仍保留 @font-face 但不進默認鏈）
+ *
+ * 檔案：NotoSans-TC.woff2、NotoSans.woff2、NotoSans-SC.woff2
+ * 任一 woff2 被移除時，瀏覽器會跳過該 family，後續回退仍生效。
+ */
+
+/* —— @font-face：與使用順序一致 —— */
+@font-face {
+  font-family: 'Noto Sans';
+  src: url('./NotoSans.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Noto Sans TC';
+  src: url('./NotoSans-TC.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Noto Sans SC';
+  src: url('./NotoSans-SC.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+:root {
+  /* 單一真相源；組件內 var(--gen-ai-font-family, …) 的 fallback 與此保持一致 */
+  --gen-ai-font-family: 'Noto Sans', 'Noto Sans TC', sans-serif;
+}
+
+/*
+ * gen-ai 頁面 / 面板根節點：
+ * - 自身使用 --gen-ai-font-family
+ * - 同步覆蓋 Element Plus --el-font-family，讓 EP 控件默認走同一字體鏈
+ */
+.industry-page,
+.management-center-page,
+.report-edit-page,
+.report-list-page,
+.report-center-page,
+.report-coherence-check-page,
+.report-generating-page,
+.template-center-page,
+.template-editor-page,
+.admin-center-page,
+.gen-ai-page,
+.report-chapter-workspace,
+.report-generating-panel,
+.report-tiptap-editor,
+.chatbot-report-panel,
+.report-prompt-panel,
+.report-model-page,
+.report-history-list,
+.report-typewriter-doc,
+.report-edit-prompt-shell {
+  --el-font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+  font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+}
+
+/**
+ * 根節點下全部文字節點繼承（含 button/input 等不繼承字體的元素）
+ * 排除 el-icon / [class*="iconfont"]，避免圖標字體被覆蓋
+ */
+.industry-page :where(*):not(.el-icon):not([class*='iconfont']),
+.management-center-page :where(*):not(.el-icon):not([class*='iconfont']),
+.report-edit-page :where(*):not(.el-icon):not([class*='iconfont']),
+.report-list-page :where(*):not(.el-icon):not([class*='iconfont']),
+.report-center-page :where(*):not(.el-icon):not([class*='iconfont']),
+.report-coherence-check-page :where(*):not(.el-icon):not([class*='iconfont']),
+.report-generating-page :where(*):not(.el-icon):not([class*='iconfont']),
+.template-center-page :where(*):not(.el-icon):not([class*='iconfont']),
+.template-editor-page :where(*):not(.el-icon):not([class*='iconfont']),
+.admin-center-page :where(*):not(.el-icon):not([class*='iconfont']),
+.gen-ai-page :where(*):not(.el-icon):not([class*='iconfont']),
+.report-chapter-workspace :where(*):not(.el-icon):not([class*='iconfont']),
+.report-generating-panel :where(*):not(.el-icon):not([class*='iconfont']),
+.report-tiptap-editor :where(*):not(.el-icon):not([class*='iconfont']),
+.chatbot-report-panel :where(*):not(.el-icon):not([class*='iconfont']),
+.report-prompt-panel :where(*):not(.el-icon):not([class*='iconfont']),
+.report-model-page :where(*):not(.el-icon):not([class*='iconfont']),
+.report-history-list :where(*):not(.el-icon):not([class*='iconfont']),
+.report-typewriter-doc :where(*):not(.el-icon):not([class*='iconfont']),
+.report-edit-prompt-shell :where(*):not(.el-icon):not([class*='iconfont']) {
+  font-family: inherit;
+}
+
+/* Element Plus 常見控件：顯式綁定，防止 EP 內部硬編碼覆蓋 inherit */
+.industry-page .el-button,
+.industry-page .el-input,
+.industry-page .el-input__inner,
+.industry-page .el-input__wrapper,
+.industry-page .el-textarea__inner,
+.industry-page .el-select,
+.industry-page .el-select__wrapper,
+.industry-page .el-select__selected-item,
+.industry-page .el-table,
+.industry-page .el-table th,
+.industry-page .el-table td,
+.industry-page .el-pagination,
+.industry-page .el-checkbox,
+.industry-page .el-radio,
+.industry-page .el-form-item__label,
+.industry-page .el-tabs__item,
+.industry-page .el-tag,
+.industry-page .el-link,
+.management-center-page .el-button,
+.management-center-page .el-input,
+.management-center-page .el-input__inner,
+.management-center-page .el-input__wrapper,
+.management-center-page .el-textarea__inner,
+.management-center-page .el-select,
+.management-center-page .el-select__wrapper,
+.management-center-page .el-table,
+.management-center-page .el-table th,
+.management-center-page .el-table td,
+.management-center-page .el-pagination,
+.management-center-page .el-tabs__item,
+.management-center-page .el-form-item__label,
+.report-edit-page .el-button,
+.report-edit-page .el-input,
+.report-edit-page .el-input__inner,
+.report-edit-page .el-input__wrapper,
+.report-edit-page .el-textarea__inner,
+.report-edit-page .el-select,
+.report-edit-page .el-select__wrapper,
+.report-edit-page .el-select__selected-item,
+.report-edit-page .el-table,
+.report-edit-page .el-table th,
+.report-edit-page .el-table td,
+.report-edit-page .el-pagination,
+.report-edit-page .el-checkbox,
+.report-edit-page .el-radio,
+.report-edit-page .el-form-item__label,
+.report-edit-page .el-tabs__item,
+.report-edit-page .el-tag,
+.report-list-page .el-button,
+.report-list-page .el-input,
+.report-list-page .el-input__inner,
+.report-list-page .el-select,
+.report-list-page .el-table,
+.report-list-page .el-pagination,
+.report-coherence-check-page .el-button,
+.report-coherence-check-page .el-input,
+.report-coherence-check-page .el-input__inner,
+.report-coherence-check-page .el-select,
+.report-coherence-check-page .el-table,
+.template-center-page .el-button,
+.template-center-page .el-input,
+.template-center-page .el-input__inner,
+.template-center-page .el-textarea__inner,
+.template-center-page .el-select,
+.template-center-page .el-table,
+.template-center-page .el-pagination,
+.template-editor-page .el-button,
+.template-editor-page .el-input,
+.template-editor-page .el-input__inner,
+.template-editor-page .el-textarea__inner,
+.template-editor-page .el-select,
+.gen-ai-page .el-button,
+.gen-ai-page .el-input,
+.gen-ai-page .el-input__inner,
+.gen-ai-page .el-textarea__inner,
+.gen-ai-page .el-select,
+.gen-ai-page .el-table,
+.report-generating-page .el-button,
+.report-generating-page .el-input,
+.admin-center-page .el-button,
+.admin-center-page .el-input,
+.admin-center-page .el-input__inner,
+.admin-center-page .el-select,
+.admin-center-page .el-table,
+.chatbot-report-panel .el-button,
+.chatbot-report-panel .el-input,
+.chatbot-report-panel .el-input__inner,
+.chatbot-report-panel .el-select,
+.chatbot-report-panel .el-checkbox,
+.report-prompt-panel .el-button,
+.report-prompt-panel .el-input,
+.report-prompt-panel .el-textarea__inner,
+.report-chapter-workspace .el-button,
+.report-chapter-workspace .el-input,
+.report-chapter-workspace .el-input__inner,
+.report-chapter-workspace .el-select,
+.report-chapter-workspace .el-textarea__inner,
+.report-tiptap-editor .el-button,
+.report-tiptap-editor .ProseMirror {
+  font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+}
+
+/**
+ * append-to-body 彈層（本 CSS 僅隨 gen-ai 路由加載）
+ * 變量缺失時仍回退到完整 Noto 鏈
+ */
+.el-overlay,
+.el-overlay-dialog,
+.el-dialog,
+.el-message-box,
+.el-message,
+.el-notification,
+.el-popper,
+.el-select-dropdown,
+.el-picker__popper,
+.el-dropdown-menu,
+.el-tooltip__popper,
+.el-popover {
+  --el-font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+  font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+}
+
+.el-overlay :where(*):not(.el-icon):not([class*='iconfont']),
+.el-popper :where(*):not(.el-icon):not([class*='iconfont']),
+.el-select-dropdown :where(*):not(.el-icon):not([class*='iconfont']),
+.el-dropdown-menu :where(*):not(.el-icon):not([class*='iconfont']),
+.el-dialog :where(*):not(.el-icon):not([class*='iconfont']),
+.el-message-box :where(*):not(.el-icon):not([class*='iconfont']) {
+  font-family: inherit;
+}
+
+/**
+ * gen-ai 全局 dialog 標題欄（新增章節 / 智能化生成 Prompt / 管理中心等）
+ * 標題：18px / 600 / #303133；去掉舊深藍底；關閉 ×：18px
+ */
+.report-workflow-dialog .el-dialog__header,
+.report-workflow-dialog__header,
+.apply-template-dialog .el-dialog__header,
+.apply-template-dialog__header,
+.template-center-chapter-dialog .el-dialog__header,
+.template-center-chapter-dialog__header,
+.template-detail-dialog .el-dialog__header,
+.template-detail-dialog__header,
+.mgmt-dialog .el-dialog__header,
+.mgmt-dialog__header {
+  background: transparent !important;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.report-workflow-dialog__title,
+.apply-template-dialog__title,
+.apply-template-dialog .el-dialog__title,
+.template-center-chapter-dialog .el-dialog__title,
+.template-detail-dialog__title,
+.template-detail-dialog .el-dialog__title,
+.mgmt-dialog__title {
+  font-size: 18px !important;
+  font-weight: 600 !important;
+  font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif) !important;
+  color: #303133 !important;
+  line-height: 1.4;
+}
+
+.report-workflow-dialog__close,
+.apply-template-dialog__close,
+.template-center-chapter-dialog__close,
+.template-detail-dialog__close,
+.mgmt-dialog__close {
+  font-size: 18px !important;
+  color: #303133 !important;
+  line-height: 1;
+}
+
+.report-workflow-dialog__close:hover,
+.apply-template-dialog__close:hover,
+.template-center-chapter-dialog__close:hover,
+.template-detail-dialog__close:hover,
+.mgmt-dialog__close:hover {
+  color: #606266 !important;
+}

package/gen-ai/common/assets/pagination.css

@@ -0,0 +1,163 @@
+/**
+ * GEN-AI 分頁統一樣式（對齊設計稿：total + sizes + pager + jumper）
+ * 文字：14px / #303133 / Noto Sans → Noto Sans TC
+ * 僅隨 gen-ai 模塊加載
+ */
+
+.gen-ai-pagination {
+  --gen-ai-pagination-font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+  --gen-ai-pagination-font-size: 14px;
+  --gen-ai-pagination-text-color: #303133;
+  margin-top: 20px;
+  width: 100%;
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  color: var(--gen-ai-pagination-text-color);
+}
+
+.gen-ai-pagination .el-pagination {
+  --el-pagination-font-size: 14px;
+  --el-pagination-bg-color: #f5f5f5;
+  --el-pagination-text-color: #303133;
+  --el-pagination-button-color: #303133;
+  --el-pagination-button-bg-color: #f5f5f5;
+  --el-pagination-button-disabled-color: #c0c4cc;
+  --el-pagination-button-disabled-bg-color: #f5f5f5;
+  --el-pagination-hover-color: #c53355;
+  --el-color-primary: #c53355;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px 12px;
+  width: 100%;
+  padding: 0;
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  font-weight: 400;
+  color: var(--gen-ai-pagination-text-color);
+}
+
+/* 共 xx 項 / 頁 / 前往 等文案 */
+.gen-ai-pagination .el-pagination .el-pagination__total,
+.gen-ai-pagination .el-pagination .el-pagination__jump,
+.gen-ai-pagination .el-pagination .el-pagination__classifier,
+.gen-ai-pagination .el-pagination .el-pagination__goto {
+  margin: 0;
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--gen-ai-pagination-text-color);
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__sizes {
+  margin: 0;
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  color: var(--gen-ai-pagination-text-color);
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__sizes .el-select {
+  width: auto;
+  min-width: 110px;
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__sizes .el-select .el-select__wrapper {
+  min-height: 32px;
+  padding: 0 10px;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #dcdfe6 inset;
+  background: #fff;
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  color: var(--gen-ai-pagination-text-color);
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__sizes .el-select .el-select__selected-item,
+.gen-ai-pagination .el-pagination .el-pagination__sizes .el-select .el-select__placeholder {
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  color: var(--gen-ai-pagination-text-color);
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__sizes .el-select .el-select__wrapper.is-focused {
+  box-shadow: 0 0 0 1px #c53355 inset;
+}
+
+.gen-ai-pagination .el-pagination.is-background .btn-prev,
+.gen-ai-pagination .el-pagination.is-background .btn-next,
+.gen-ai-pagination .el-pagination.is-background .el-pager li {
+  margin: 0 4px;
+  min-width: 32px;
+  height: 32px;
+  line-height: 32px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background-color: #f5f5f5;
+  color: #303133;
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  font-weight: 400;
+  box-sizing: border-box;
+}
+
+.gen-ai-pagination .el-pagination.is-background .btn-prev,
+.gen-ai-pagination .el-pagination.is-background .btn-next {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.gen-ai-pagination .el-pagination.is-background .el-pager li {
+  margin: 0 4px;
+}
+
+.gen-ai-pagination .el-pagination.is-background .el-pager li:first-child {
+  margin-left: 0;
+}
+
+.gen-ai-pagination .el-pagination.is-background .el-pager li:last-child {
+  margin-right: 0;
+}
+
+.gen-ai-pagination .el-pagination.is-background .btn-prev:disabled,
+.gen-ai-pagination .el-pagination.is-background .btn-next:disabled {
+  background-color: #f5f5f5;
+  color: #c0c4cc;
+}
+
+.gen-ai-pagination .el-pagination.is-background .el-pager li.is-active {
+  background-color: #c53355;
+  color: #fff;
+  font-weight: 500;
+}
+
+.gen-ai-pagination .el-pagination.is-background .el-pager li:not(.is-active):hover {
+  color: #c53355;
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__editor.el-input {
+  width: 48px;
+  height: 32px;
+  margin: 0 8px;
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__editor .el-input__wrapper {
+  padding: 0 4px;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #dcdfe6 inset;
+  background: #fff;
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__editor .el-input__wrapper.is-focus {
+  box-shadow: 0 0 0 1px #c53355 inset;
+}
+
+.gen-ai-pagination .el-pagination .el-pagination__editor .el-input__inner {
+  height: 30px;
+  text-align: center;
+  font-family: var(--gen-ai-pagination-font-family);
+  font-size: var(--gen-ai-pagination-font-size);
+  color: var(--gen-ai-pagination-text-color);
+}