TanWenyan/leaudit-platform-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 1.接入ai_suggestion.

Browse Source 
2. 接入合同起草功能。
This commit is contained in:
yorn
2025-12-05 00:04:45 +08:00
parent eca98fc540
commit 33f10896a0
29 changed files with 3184 additions and 981 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/api/contract-template/templates.ts
+1
View File
@@ -44,6 +44,7 @@ export interface ContractTemplate {
created_at: string;
updated_at: string;
pdf_file_path?: string;
placeholder_schema?: Record<string, any>; // 占位符配置 (JSONB)
// 关联的分类信息
category?: ContractCategory;
}
app/api/home/home.ts
+3 -3
View File
@@ -317,11 +317,11 @@ export async function getEntryModules(userRole: string | null | undefined, userA
// console.log('✅ [getEntryModules] 入口模块数据（含文档类型）:', JSON.stringify(modulesWithTypes));
// 默认会多加一个 智慧法务大模型 入口 默认所有人都可以用，看到
// 默认会多加一个 智慧法务助手 入口 默认所有人都可以用，看到
modulesWithTypes.push({
"id": 0,
"name": "智慧法务大模型",
"description": "智慧法务大模型",
"name": "智慧法务助手",
"description": "智慧法务助手",
"path": "entryModule/assistant",
"areas": [],
"created_at": "2025-11-18T21:33:33.857417+08:00",
app/api/prompts/prompts.ts
+2
View File
@@ -14,6 +14,7 @@ export interface PromptTemplate {
status: number;
version: string;
created_by: number | null;
created_by_username?: string; // 创建者用户名
created_at: string;
updated_at: string;
is_active?: boolean;
@@ -151,6 +152,7 @@ export function convertToUITemplate(template: PromptTemplate): PromptTemplateUI
status: mapStatusToUI(template.status),
version: template.version,
created_by: template.created_by || 0,
created_by_username: template.created_by_username,
created_at: formatDate(template.created_at),
updated_at: formatDate(template.updated_at),
template_code: template.template_code || undefined,
app/api/role-permissions/role-permissions.ts
+1 -1
View File
@@ -196,7 +196,7 @@ export async function getRoles(params?: {
description: role.description || '',
parent_role_id: role.parent_role_id || null,
priority: role.priority || 0,
is_system_role: role.is_system || false,
is_system_role: (role.role_key == 'admin' || role.role_key == 'common') ? true : role.is_system || false,
created_at: role.created_at,
updated_at: role.updated_at
}));
app/components/collabora/CollaboraViewer.tsx
+2 -2
View File
@@ -279,8 +279,8 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
<div className="flex justify-center items-center h-full min-h-[600px]">
<div className="text-center text-red-500">
<i className="ri-error-warning-line text-4xl mb-2"></i>
<p className="text-lg">{error || '加载配置失败'}</p>
<p className="text-sm text-gray-500 mt-2">请刷新页面重试或联系管理员</p>
<p className="text-lg">{error}</p>
{/* <p className="text-sm text-gray-500 mt-2">请刷新页面重试或联系管理员</p> */}
</div>
</div>
);
app/components/collabora/hooks.ts
+19 -2
View File
@@ -15,6 +15,7 @@ import { COLLABORA_URL } from '~/config/api-config';
import { toastService } from '../ui/Toast';
import {
unoScrollToTop,
unoReplaceAll
} from './lib';
import type { CollaboraConfig } from './types';
@@ -131,14 +132,30 @@ export function useCollaboraUnoCommands(iframeRef: RefObject<HTMLIFrameElement>)
await new Promise((resolve) => setTimeout(resolve, 100));
}, [iframeRef]);
/**
* 替换所有匹配项
* @param searchText 要搜索的文本
* @param replaceText 替换后的文本
*/
const replaceAll = useCallback(async (searchText: string, replaceText: string) => {
if (!iframeRef.current?.contentWindow) {
console.warn('[UNO] iframe 不可用');
return;
}
console.log('[UNO] 替换全部:', searchText, '->', replaceText);
await unoReplaceAll(iframeRef.current.contentWindow, searchText, replaceText);
await new Promise((resolve) => setTimeout(resolve, 100));
}, [iframeRef]);
return useMemo(
() => ({
scrollToTop
scrollToTop,
replaceAll
}),
[
scrollToTop
scrollToTop,
replaceAll
]
);
}
app/components/collabora/lib/Highlightselecttext.ts
+3 -3
View File
@@ -22,7 +22,7 @@ export interface HighlightOptions {
/** 高亮颜色 (LibreOffice Decimal 格式), 默认 16776960 = 黄色 */
color?: number;
/** 目标页码 (从1开始), 默认第1页 */
page?: number;
page?: number | null;
}
/**
@@ -32,7 +32,7 @@ export interface HighlightResponse {
success: boolean;
message: string;
highlightedCount?: number;
page?: number;
page?: number | null;
timestamp: number;
}
@@ -70,7 +70,7 @@ export async function highlightText(
options?: HighlightOptions
): Promise<HighlightResponse> {
const color = options?.color ?? 16776960; // 默认黄色
const page = options?.page ?? 1; // 默认第1页
const page = options?.page ?? null; // 默认第1页
console.log('[HighlightSelectText] 调用 Python 脚本高亮文本:', {
text,
app/components/collabora/types.ts
+3
View File
@@ -53,6 +53,9 @@ export interface CollaboraViewerHandle {
/** UNO 命令方法集合 */
unoCommands: {
scrollToTop: () => Promise<void>;
replaceAll?: (searchText: string, replaceText: string) => Promise<void>;
find?: (searchText: string) => Promise<void>;
search?: (searchText: string) => Promise<void>;
};
/** 文档是否已加载完成 */
isReady: boolean;
app/components/cross-checking/FileInfo.tsx
+2 -2
View File
@@ -71,13 +71,13 @@ export function FileInfo({ fileInfo, onConfirmResults }: FileInfoProps) {
{/* 操作按钮区域 */}
<div className="flex items-center gap-3">
{/* 下载原文件按钮 */}
{/* 下载文件按钮 */}
<button
onClick={handleDownloadFile}
className="inline-flex items-center px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
>
<i className="fas fa-download mr-1.5"></i>
下载原文件
下载
</button>
{/* 导出评查报告按钮 */}
app/components/cross-checking/FilePreview.tsx
+2 -2
View File
@@ -527,7 +527,7 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
<span className="ml-2 text-xs text-gray-500 hidden sm:hidden md:hidden lg:hidden xl:inline whitespace-nowrap flex-shrink-0">
比例：{zoomLevel}%
</span>
<button
{/* <button
className={`ant-btn ant-btn-sm ant-btn-default py-0 px-1 text-xs max-h-6 leading-5 ml-2 flex-shrink-0 ${dragMode ? 'active bg-green-300' : ''}`}
title="切换拖拽模式"
aria-pressed={dragMode}
@@ -537,7 +537,7 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
<span className="ml-1 hidden sm:hidden md:hidden lg:hidden xl:inline truncate max-w-[80px]">
拖拽模式{dragMode ? '(已激活)' : ''}
</span>
</button>
</button> */}
</div>
</div>
<div
app/components/cross-checking/ReviewPointsList.tsx
+74 -3
View File
@@ -1809,6 +1809,26 @@ export function ReviewPointsList({
value: string;
char_positions?: CharPosition[];
}>;
ai_suggestion?: {
summary?: string;
analysis?: {
failure_reason?: string;
solution_approach?: string;
rule_understanding?: string;
};
suggestions?: Record<string, {
reason: string;
source: {
page: number | null;
type: string;
field: string | null;
};
priority: string;
confidence: number;
suggested_value: string | null;
}>;
generated_at?: string;
};
message?: string;
res?: boolean;
} | undefined;
@@ -1934,10 +1954,10 @@ export function ReviewPointsList({
// 渲染AI模型返回的评估消息
if (config.message) {
// 检查message是否为对象，如果是则转换为字符串
const messageContent = typeof config.message === 'object'
? JSON.stringify(config.message)
const messageContent = typeof config.message === 'object'
? JSON.stringify(config.message)
: String(config.message);
// 添加模型评估消息区域，使用蓝色背景突出显示
fieldElements.push(
<div key="message" className="p-2 bg-blue-50 rounded border border-blue-200 text-xs mb-3 select-text">
@@ -1949,6 +1969,57 @@ export function ReviewPointsList({
);
}
// 渲染AI建议（ai_suggestion）
if (config.ai_suggestion?.suggestions && Object.keys(config.ai_suggestion.suggestions).length > 0) {
// 遍历suggestions对象的key-value对
Object.entries(config.ai_suggestion.suggestions).forEach(([key, suggestionValue], index) => {
// 检查建议值是否存在（null 或有值都要渲染）
const hasSuggestedValue = suggestionValue.suggested_value !== null && suggestionValue.suggested_value.trim() !== '';
fieldElements.push(
<div key={`ai-suggestion-${index}`} className="mb-3">
{/* 字段名称标签 */}
<div className="text-xs text-gray-600 mb-2 font-medium">
<i className="ri-lightbulb-line text-yellow-500 mr-1"></i>
AI建议修改 - {key}
</div>
{/* 原因说明 */}
<div className="mb-2 p-2 bg-amber-50 rounded border border-amber-200 text-xs text-gray-700">
<div className="flex items-start">
<i className="ri-information-line text-amber-600 mr-1 mt-0.5"></i>
<div>
<span>{suggestionValue.reason}</span>
{suggestionValue.source.page !== null && (
<span className="ml-2 text-gray-500">
(来源页码: {suggestionValue.source.page})
</span>
)}
</div>
</div>
</div>
{/* 建议内容显示 */}
<div className="flex gap-2 items-center">
{/* 文本输入框 */}
<textarea
value={suggestionValue.suggested_value || ''}
readOnly
disabled={!hasSuggestedValue}
className={`flex-1 p-2 border rounded text-xs resize-none overflow-y-auto ${
hasSuggestedValue
? 'border-gray-200 bg-gray-50 text-gray-700 cursor-not-allowed'
: 'border-gray-200 bg-gray-100 text-gray-400 cursor-not-allowed'
}`}
aria-label={`${key}的AI建议内容`}
placeholder={!hasSuggestedValue ? '暂无建议值' : ''}
/>
</div>
</div>
);
});
}
// 返回包含所有元素的React片段
return <>{fieldElements}</>;
};
app/components/layout/Sidebar.tsx
+6 -6
View File
@@ -207,20 +207,20 @@ export function Sidebar({ onToggle, collapsed, userRole, frontendJWT = '' }: Sid
// 如果是省局访问
// if(isPort51707){
// if (selectedModuleName === '智慧法务大模型'){
// if (selectedModuleName === '智慧法务助手'){
// return item.path && item.path.startsWith('/chat-with-llm')
// }
// return item.path && item.path.startsWith('/cross-checking')
// }
// 🔑 如果选择了"智慧法务大模型"，显示 /chat-with-llm 和 /dataset-manager 相关菜单
if (selectedModuleName === '智慧法务大模型') {
// 🔑 如果选择了"智慧法务助手"，显示 /chat-with-llm 和 /dataset-manager 相关菜单
if (selectedModuleName === '智慧法务助手') {
return item.path === '/chat-with-llm' || item.path?.startsWith('/chat-with-llm/')
}
// 🔑 如果选择了包含"合同"的模块
if (selectedModuleName.includes('合同')) {
// 排除智慧法务大模型专属菜单
// 排除智慧法务助手专属菜单
if (item.path === '/chat-with-llm' || item.path?.startsWith('/chat-with-llm/')) {
return false;
}
@@ -229,7 +229,7 @@ export function Sidebar({ onToggle, collapsed, userRole, frontendJWT = '' }: Sid
}
// 🔑 其他模块：排除特殊菜单
// 排除智慧法务大模型专属菜单
// 排除智慧法务助手专属菜单
if (item.path === '/chat-with-llm' || item.path?.startsWith('/chat-with-llm/')) {
return false;
}
@@ -321,7 +321,7 @@ export function Sidebar({ onToggle, collapsed, userRole, frontendJWT = '' }: Sid
<div className={`flex items-center ${collapsed ? 'justify-center' : ''}`}>
{selectedModulePicPath && (
<img
src={selectedModuleName === '智慧法务大模型' || selectedModuleName === '交叉评查' ? selectedModulePicPath : `${DOCUMENT_URL}${selectedModulePicPath}`}
src={selectedModuleName === '智慧法务助手' || selectedModuleName === '交叉评查' ? selectedModulePicPath : `${DOCUMENT_URL}${selectedModulePicPath}`}
alt={selectedModuleName}
className={`${collapsed ? 'w-8 h-8' : 'w-6 h-6 mr-3'}`}
/>
app/components/reviews/FilePreview.tsx
+129 -67
View File
@@ -2,7 +2,7 @@
* 文件预览组件
* 显示文档内容和评查点高亮
*/
import { useState, useEffect, useRef, ChangeEvent } from 'react';
import { useState, useEffect, useRef, forwardRef, useImperativeHandle, ChangeEvent } from 'react';
import { CollaboraViewer, type CollaboraViewerHandle } from '~/components/collabora/CollaboraViewer';
import { requestPageInfo, customGotoPage } from '~/components/collabora/lib';
import { PdfPreview } from './previewComponents/PdfPreview';
@@ -64,14 +64,22 @@ interface FilePreviewProps {
replaceText: string;
pageNumber: number;
}; // AI建议替换参数
isTemplate?: boolean;
}
// 暴露给父组件的接口
export interface FilePreviewHandle {
collaboraViewerRef: React.RefObject<CollaboraViewerHandle>;
}
// export function FilePreview({ fileContent, reviewPoints, activeReviewPointResultId, targetPage }: FilePreviewProps) {
export function FilePreview({ fileContent, activeReviewPointResultId, targetPage, charPositions, highlightValue, isStructuredView = false, userInfo, aiSuggestionReplace }: FilePreviewProps) {
export const FilePreview = forwardRef<FilePreviewHandle, FilePreviewProps>(function FilePreview({ fileContent, activeReviewPointResultId, targetPage, charPositions, highlightValue, isStructuredView = false, userInfo, aiSuggestionReplace, isTemplate = false }, ref) {
// 获取文件类型
const real_path = fileContent.path || fileContent.template_contract_path || '';
const fileExtension = real_path.split('.').pop()?.toLowerCase();
// 是文档类型 并且 是模板文件
const isDocx = fileExtension === 'docx';
// 是模板文件 或 是pdf文件就用pdf渲染
const isPdf = fileExtension === 'pdf';
// ✅ 将所有hooks移到条件return之前，确保遵守React Hooks规则
@@ -80,6 +88,11 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
const collaboraViewerRef = useRef<CollaboraViewerHandle>(null);
const prevTargetPageRef = useRef<number | undefined>(undefined);
// 暴露 collaboraViewerRef 给父组件
useImperativeHandle(ref, () => ({
collaboraViewerRef
}));
// States
const [numPages, setNumPages] = useState<number | null>(null);
const [pageInputValue, setPageInputValue] = useState<string>('');
@@ -265,17 +278,20 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
return;
}
// if (targetPageNum > 0 && (!numPages || targetPageNum <= numPages)) {
if (targetPageNum > 0) {
try {
await customGotoPage(iframeWindow, targetPageNum);
setPageInputValue('');
// toastService.success(`已跳转至第 ${targetPageNum} 页`);
} catch (error) {
const errorMessage = error instanceof Error ? error.message : '未知错误';
toastService.error(`跳转失败: ${errorMessage}`);
}
// } else if (numPages && targetPageNum > numPages) {
// toastService.warning(`页码不能超过总页数 ${numPages}`);
} else {
toastService.warning('请输入有效页码');
setPageInputValue('');
}
};
@@ -286,17 +302,55 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
}
};
// 滚动到顶部（仅用于 DOCX）
// 滚动到顶部（支持 PDF 和 DOCX）
const handleScrollToTop = async () => {
if (!collaboraViewerRef.current?.isReady) {
toastService.warning('文档尚未加载完成，请稍候...');
return;
}
setIsScrollingToTop(true);
try {
await collaboraViewerRef.current?.unoCommands.scrollToTop();
console.log('[FilePreview] 已返回顶部');
if (isPdf) {
// PDF文件：滚动到第一个页面元素
const firstPage = document.querySelector('[data-page-number="1"]');
if (firstPage) {
firstPage.scrollIntoView({ behavior: 'smooth', block: 'start' });
// console.log('[FilePreview] PDF已返回顶部');
} else if (contentRef.current) {
// 如果找不到页面元素，则滚动容器到顶部
contentRef.current.scrollTo({ top: 0, behavior: 'smooth' });
// console.log('[FilePreview] PDF容器已返回顶部');
}
} else if (isDocx) {
// DOCX文件：模板预览模式尝试多种滚动方式，编辑模式使用Collabora命令
if (isTemplate) {
// 模板预览模式：尝试多种滚动方式
console.log('[FilePreview] 尝试返回顶部...');
// 1. 尝试滚动 contentRef 容器
if (contentRef.current) {
contentRef.current.scrollTo({ top: 0, behavior: 'smooth' });
console.log('[FilePreview] 已滚动 contentRef 容器');
}
// 2. 尝试滚动外层的 file-preview-isolation 容器
const isolationContainer = document.querySelector('.file-preview-isolation');
if (isolationContainer) {
isolationContainer.scrollTo({ top: 0, behavior: 'smooth' });
console.log('[FilePreview] 已滚动 isolation 容器');
}
// 3. 最后滚动整个窗口
window.scrollTo({ top: 0, behavior: 'smooth' });
console.log('[FilePreview] 已滚动窗口');
} else {
// 编辑模式：使用Collabora UNO命令
if (!collaboraViewerRef.current?.isReady) {
toastService.warning('文档尚未加载完成，请稍候...');
setIsScrollingToTop(false);
return;
}
await collaboraViewerRef.current?.unoCommands.scrollToTop();
console.log('[FilePreview] DOCX已返回顶部（UNO命令）');
}
}
} catch (error) {
console.error('[FilePreview] 返回顶部失败:', error);
toastService.error('返回顶部失败');
@@ -357,11 +411,13 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
const highlightText = highlightValue;
// DOCX文件使用Collabora Online预览
// 如果是模板预览，使用只读模式；否则使用编辑模式
return (
<CollaboraViewer
ref={collaboraViewerRef}
fileId={real_path}
mode="edit"
mode={isTemplate ? "view" : "edit"}
// mode={"edit"}
userId={userInfo?.sub || 'guest'}
userName={userInfo?.nick_name || ''}
targetPage={targetPage}
@@ -380,8 +436,8 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
};
return (
<div className="file-preview">
<div className="file-preview-header px-2 text-xs sm:text-xs md:text-sm max-w-full flex items-center justify-between min-w-0">
<div className="file-preview h-full flex flex-col">
<div className="file-preview-header px-2 text-xs sm:text-xs md:text-sm max-w-full flex items-center justify-between min-w-0 flex-shrink-0">
<div className="flex items-center min-w-0 flex-shrink-0">
<i className={`${isStructuredView ? 'ri-file-list-line' : 'ri-file-text-line'} text-primary mr-2 flex-shrink-0`}></i>
<span className="font-medium text-primary truncate max-w-[120px]" title={isStructuredView ? '模板预览' : '文件预览'}>
@@ -389,27 +445,30 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
</span>
</div>
<div className="file-preview-actions flex items-center ml-2 min-w-0 flex-1 justify-end overflow-hidden gap-2">
<button
className={`flex items-center justify-center px-2 py-1 text-xs text-gray-700 bg-white border border-gray-300 rounded transition-colors duration-200 flex-shrink-0 outline-none ${
isScrollingToTop || isDocumentLoading
? 'opacity-50 cursor-not-allowed'
: 'hover:bg-gray-50 hover:border-primary hover:text-primary'
}`}
onClick={handleScrollToTop}
disabled={isScrollingToTop || isDocumentLoading}
title="返回顶部"
>
{isScrollingToTop ? (
<i className="ri-loader-4-line text-sm animate-spin"></i>
) : (
<i className="ri-arrow-up-double-line text-sm"></i>
)}
<span className="ml-1 hidden sm:hidden md:hidden lg:hidden xl:inline whitespace-nowrap">
{isScrollingToTop ? '返回中...' : '返回顶部'}
</span>
</button>
{/* 清除高亮按钮 - 仅在DOCX文档时显示 */}
{isDocx && (
{/* 返回顶部按钮 - 不在模板预览时显示 */}
{!isTemplate && (
<button
className={`flex items-center justify-center px-2 py-1 text-xs text-gray-700 bg-white border border-gray-300 rounded transition-colors duration-200 flex-shrink-0 outline-none ${
isScrollingToTop || isDocumentLoading
? 'opacity-50 cursor-not-allowed'
: 'hover:bg-gray-50 hover:border-primary hover:text-primary'
}`}
onClick={handleScrollToTop}
disabled={isScrollingToTop || isDocumentLoading}
title="返回顶部"
>
{isScrollingToTop ? (
<i className="ri-loader-4-line text-sm animate-spin"></i>
) : (
<i className="ri-arrow-up-double-line text-sm"></i>
)}
<span className="ml-1 hidden sm:hidden md:hidden lg:hidden xl:inline whitespace-nowrap">
{isScrollingToTop ? '返回中...' : '返回顶部'}
</span>
</button>
)}
{/* 清除高亮按钮 - 仅在DOCX文档时显示，且不是模板预览 */}
{isDocx && !isTemplate && (
<button
className={`flex items-center justify-center px-2 py-1 text-xs text-white bg-red-500 border border-red-500 rounded transition-colors duration-200 flex-shrink-0 outline-none ${
isClearingHighlights || isDocumentLoading
@@ -430,31 +489,39 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
</span>
</button>
)}
{/* 页码跳转控件 */}
<div className="inline-flex items-center flex-shrink-0 gap-1">
<input
type="text"
className="w-12 h-7 px-2 text-xs text-center text-gray-700 bg-white border border-gray-300 rounded outline-none focus:border-primary focus:ring-1 focus:ring-primary/20 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
placeholder="页码"
value={pageInputValue}
onChange={handlePageInputChange}
onKeyDown={handlePageInputKeyDown}
disabled={isDocumentLoading}
/>
<button
className="flex items-center justify-center w-7 h-7 text-gray-700 bg-white border border-gray-300 rounded hover:bg-gray-50 hover:border-primary hover:text-primary transition-colors duration-200 outline-none disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-white disabled:hover:border-gray-300 disabled:hover:text-gray-700"
onClick={handlePageJump}
disabled={!numPages || isDocumentLoading}
title="跳转到页面"
>
<i className="ri-arrow-right-line text-sm"></i>
</button>
{numPages && (
<span className="ml-1 text-xs text-gray-500 hidden sm:hidden md:hidden lg:hidden xl:inline whitespace-nowrap">
/ {numPages}
</span>
)}
</div>
{/* 页码跳转控件 - 不在模板预览时显示 */}
{!isTemplate && (
<div className="inline-flex items-center bg-white border border-gray-300 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 flex-shrink-0 overflow-hidden">
<div className="flex items-center px-2 py-1">
<i className="ri-file-list-line text-sm text-gray-400 mr-1.5"></i>
<input
type="text"
className="w-10 h-5 px-1 text-xs text-center text-gray-700 bg-transparent border-0 outline-none focus:text-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
placeholder="页码"
value={pageInputValue}
onChange={handlePageInputChange}
onKeyDown={handlePageInputKeyDown}
disabled={isDocumentLoading}
/>
{/* {numPages && (
<span className="text-xs text-gray-400 mx-0.5">/</span>
)}
{numPages && (
<span className="text-xs text-gray-500 font-medium min-w-[1.5rem] text-center">
{numPages}
</span>
)} */}
</div>
<button
className="flex items-center justify-center h-7 px-2.5 text-white bg-primary hover:bg-primary-hover transition-colors duration-200 outline-none disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-primary border-l border-primary-hover/20"
onClick={handlePageJump}
disabled={!numPages || isDocumentLoading}
title="跳转"
>
<i className="ri-skip-forward-mini-line text-sm"></i>
</button>
</div>
)}
{/* 缩放提示 - 仅在DOCX文档时显示 */}
{isDocx && (
<div className="flex items-center px-2 py-1 text-xs text-gray-600 bg-gray-50 border border-gray-200 rounded flex-shrink-0">
@@ -465,13 +532,8 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
</div>
</div>
<div
className="file-preview-content"
className="file-preview-content flex-1 overflow-auto"
ref={contentRef}
style={{
maxHeight: 'calc(100vh - 150px)',
overflowY: 'auto',
overflowX: 'auto',
}}
>
<div
className="pdf-interactive-container"
@@ -489,4 +551,4 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
</div>
</div>
);
}
});
app/components/reviews/ReviewPointsList.tsx
+111 -79
View File
@@ -1251,8 +1251,9 @@ export function ReviewPointsList({
${res ? 'hover:bg-[rgba(0,128,0,0.1)]' : 'hover:bg-[rgba(255,255,0,0.1)]'} transition-colors flex flex-col`}
onClick={(e) => {
e.stopPropagation();
console.log('点击了短链1左', chain[0].data.char_positions, chain[0].data)
if (chain[0].data.page) {
console.log('点击了短链1左', chain[0].data.char_positions, chain[0].data)
// console.log('点击了短链1左', chain[0].data.char_positions, chain[0].data)
const reviewPointId = reviewPoint.id as string;
if (reviewPointId && typeof onReviewPointSelect === 'function') {
onReviewPointSelect(reviewPointId, chain[0].data.page, chain[0].data.char_positions, chain[0].data.value);
@@ -1504,7 +1505,26 @@ export function ReviewPointsList({
value: string;
char_positions?: CharPosition[];
}>;
ai_suggestion?: Record<string,string>;
ai_suggestion?: {
summary?: string;
analysis?: {
failure_reason?: string;
solution_approach?: string;
rule_understanding?: string;
};
suggestions?: Record<string, {
reason: string;
source: {
page: number | null;
type: string;
field: string | null;
};
priority: string;
confidence: number;
suggested_value: string | null;
}>;
generated_at?: string;
};
message?: string;
res?: boolean;
} | undefined;
@@ -1536,8 +1556,6 @@ export function ReviewPointsList({
// 遍历fields，获取每个字段的值并生成对应的JSX元素
if (config.fields) {
Object.entries(config.fields).forEach(([key, value], index) => {
if (key == '合同正文-附件序号、标题') {value.value = '签订', value.page = 1}
if (key == '合同附件-序号、标题') {value.value = '电话', value.page = 1}
const res = value.value.trim() !== '';
fieldElements.push(
<button
@@ -1648,85 +1666,99 @@ export function ReviewPointsList({
);
}
config.ai_suggestion = {
'合同正文-附件序号、标题': '签订-一致啊一致',
'合同附件-序号、标题': '电话-明确啊明确'
}
// 渲染AI建议（ai_suggestion）
if (config.ai_suggestion) {
// 遍历ai_suggestion对象
Object.entries(config.ai_suggestion).forEach(([key, value], index) => {
// 只渲染value不为空的项
if (value && value.trim() !== '') {
// 判断是否为PDF文档（禁用替换按钮）
fileFormat = fileFormat?.replace(/\./g,'')
const isPDF = fileFormat?.toUpperCase() === 'PDF';
if (config.ai_suggestion?.suggestions && Object.keys(config.ai_suggestion.suggestions).length > 0) {
// 判断是否为PDF文档（禁用替换按钮）
fileFormat = fileFormat?.replace(/\./g,'')
const isPDF = fileFormat?.toUpperCase() === 'PDF';
fieldElements.push(
<div key={`ai-suggestion-${index}`} className="mb-3">
{/* 字段名称标签 */}
<div className="text-xs text-gray-600 mb-2 font-medium">
<i className="ri-lightbulb-line text-yellow-500 mr-1"></i>
AI建议修改 - {key}
</div>
// 遍历suggestions对象的key-value对
Object.entries(config.ai_suggestion.suggestions).forEach(([key, suggestionValue], index) => {
// 检查建议值是否存在（null 或有值都要渲染）
const hasSuggestedValue = suggestionValue.suggested_value !== null && suggestionValue.suggested_value.trim() !== '';
const isReplaceDisabled = !hasSuggestedValue || isPDF;
{/* 建议内容和替换按钮 */}
<div className="flex gap-2 items-center">
{/* 禁用编辑的文本输入框 */}
<textarea
value={value}
readOnly
className="flex-1 p-2 border border-gray-200 rounded text-xs bg-gray-50 text-gray-700 resize-none cursor-not-allowed overflow-y-auto"
aria-label={`${key}的AI建议内容`}
/>
{/* 意见替换按钮 */}
{ !isPDF &&
<button
type="button"
onClick={() => {
if (!isPDF && onAiSuggestionReplace && config.fields) {
// 从 config.fields[key] 中获取对应的字段信息
const fieldData = config.fields[key];
if (fieldData) {
// 调用回调函数，传递搜索文本、替换文本和页码
onAiSuggestionReplace(
fieldData.value || '', // 搜索文本（原文）
value || '', // 替换文本（AI建议）
Number(fieldData.page) || 1 // 页码
);
// toastService.success(`已触发替换操作: ${key}`);
} else {
toastService.error(`未找到字段 ${key} 的原始数据`);
}
}
}}
disabled={isPDF}
className={`px-3 py-2 text-xs rounded whitespace-nowrap transition-colors
${isPDF
? 'bg-gray-200 text-gray-400 cursor-not-allowed'
: 'bg-primary text-white hover:bg-primary-hover active:bg-primary'
}`}
title={isPDF ? 'PDF文档不支持替换' : '点击执行一键替换'}
aria-label={`替换${key}的内容`}
>
<i className="ri-exchange-line mr-1"></i>
替换
</button>
}
</div>
{/* PDF禁用提示 */}
{/* {isPDF && (
<div className="mt-1 text-xs text-gray-500 flex items-center">
<i className="ri-information-line mr-1"></i>
PDF文档不支持替换功能
</div>
)} */}
fieldElements.push(
<div key={`ai-suggestion-${index}`} className="mb-3">
{/* 字段名称标签 */}
<div className="text-xs text-gray-600 mb-2 font-medium">
<i className="ri-lightbulb-line text-yellow-500 mr-1"></i>
AI建议修改 - {key}
</div>
);
}
{/* 原因说明 */}
<div className="mb-2 p-2 bg-amber-50 rounded border border-amber-200 text-xs text-gray-700">
<div className="flex items-center">
<i className="ri-information-line text-amber-600 mr-1 mt-0.5"></i>
<div>
<span>{suggestionValue.reason}</span>
{suggestionValue.source.page !== null && (
<span className="ml-2 text-gray-500">
(来源页码: {suggestionValue.source.page})
</span>
)}
</div>
</div>
</div>
{/* 建议内容和替换按钮 */}
<div className="flex gap-2 items-center">
{/* 文本输入框 */}
<textarea
value={suggestionValue.suggested_value || ''}
readOnly
disabled={!hasSuggestedValue}
className={`flex-1 p-2 border rounded text-xs resize-none overflow-y-auto ${
hasSuggestedValue
? 'border-gray-200 bg-gray-50 text-gray-700 cursor-not-allowed'
: 'border-gray-200 bg-gray-100 text-gray-400 cursor-not-allowed'
}`}
aria-label={`${key}的AI建议内容`}
placeholder={!hasSuggestedValue ? '暂无建议值' : ''}
/>
{/* 意见替换按钮 */}
{ !isPDF &&
<button
type="button"
onClick={() => {
if (!isReplaceDisabled && onAiSuggestionReplace && config.fields) {
// 从 config.fields[key] 中获取对应的字段信息
const fieldData = config.fields[key];
if (fieldData) {
// 调用回调函数，传递搜索文本（原文）、替换文本（AI建议）和页码
onAiSuggestionReplace(
key, // 搜索文本（使用 suggestions 的 key）
suggestionValue.suggested_value || '', // 替换文本（AI建议的 suggested_value）
Number(fieldData.page) || 1 // 页码
);
} else {
toastService.error(`未找到字段 ${key} 的原始数据`);
}
}
}}
disabled={isReplaceDisabled}
className={`px-3 py-2 text-xs rounded whitespace-nowrap transition-colors
${isReplaceDisabled
? 'bg-gray-200 text-gray-400 cursor-not-allowed'
: 'bg-primary text-white hover:bg-primary-hover active:bg-primary'
}`}
title={
isPDF
? 'PDF文档不支持替换'
: !hasSuggestedValue
? '暂无建议值，无法替换'
: '点击执行一键替换'
}
aria-label={`替换${key}的内容`}
>
<i className="ri-exchange-line mr-1"></i>
替换
</button>
}
</div>
</div>
);
});
}
app/components/reviews/ReviewTabs.tsx
+2 -2
View File
@@ -277,10 +277,10 @@ export function ReviewTabs({ activeTab, onTabChange, children, fileInfo, onConfi
<i className="ri-arrow-left-line mr-1"></i> {isNavigating ? '返回中...' : '返回'}
</button>
<button
className="ant-btn ant-btn-default flex items-center my-2"
className="ant-btn ant-btn-default inline-flex items-center my-2"
onClick={handleDownloadFile}
>
<i className="ri-file-download-line mr-1"></i> 下载原文件
<i className="ri-file-download-line mr-1"></i> 下载
</button>
{/* <button
className="ant-btn ant-btn-default flex items-center"
app/components/reviews/previewComponents/ComparePreview.tsx
+29 -2
View File
@@ -13,7 +13,7 @@
*/
import React, { useState, useRef, useEffect } from "react";
import { DiffEditor } from "@monaco-editor/react";
import { DiffEditor, loader } from "@monaco-editor/react";
import type { editor } from "monaco-editor";
import { pdfjs } from 'react-pdf';
import mammoth from 'mammoth';
@@ -23,6 +23,33 @@ import { DOCUMENT_URL } from '~/config/api-config';
// Setup PDF.js worker
pdfjs.GlobalWorkerOptions.workerSrc = '/pdf.worker.js';
// 配置 Monaco Editor 使用本地资源（避免 CDN 加载超时）
// Monaco Editor 资源已通过 npm run copy-monaco 复制到 public/monaco-editor
if (typeof window !== 'undefined') {
console.log('[Monaco] 使用本地资源加载');
loader.config({
paths: {
vs: '/monaco-editor/vs'
}
});
// 添加加载超时监控和错误处理
const initTimeout = setTimeout(() => {
console.error('[Monaco] 加载超时（30秒）');
toastService.error('代码编辑器加载超时，请刷新页面重试');
}, 30000);
loader.init().then(() => {
clearTimeout(initTimeout);
console.log('[Monaco] ✅ 加载成功');
}).catch((error: Error) => {
clearTimeout(initTimeout);
console.error('[Monaco] ❌ 加载失败:', error);
toastService.error(`代码编辑器加载失败: ${error.message}`);
});
}
// Document type enum
type DocumentType = 'pdf' | 'docx' | 'unknown';
@@ -600,7 +627,7 @@ export function ComparePreview({ doc1Path, doc2Path }: ComparePreviewProps): JSX
<strong>差异高亮说明：</strong>
<span style={{ marginLeft: '8px' }}>
<span style={{ color: '#dc3545', fontWeight: 'bold' }}>左侧红色</span>：原始版本 |
<span style={{ color: '#28a745', fontWeight: 'bold', marginLeft: '8px' }}>右侧绿色</span>：修改版本 |
<span style={{ color: '#28a745', fontWeight: 'bold', marginLeft: '8px' }}>右侧绿色</span>：比对版本 |
<span style={{ color: '#666', fontWeight: 'bold', marginLeft: '8px' }}>深色高亮</span>：字符差异
</span>
</div>
app/components/reviews/previewComponents/PdfPreview.tsx
+32 -1
View File
@@ -389,7 +389,7 @@ export function PdfPreview({
>
<i className="ri-zoom-out-line text-sm"></i>
</button>
{/* 页码跳转控件 */}
{/* 页码跳转控件
<div className="inline-flex items-center flex-shrink-0 gap-1">
<input
type="text"
@@ -412,7 +412,38 @@ export function PdfPreview({
/ {numPages}
</span>
)}
</div> */}
{/* 页码跳转控件 */}
<div className="inline-flex items-center bg-white border border-gray-300 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 flex-shrink-0 overflow-hidden">
<div className="flex items-center px-2 py-1">
<i className="ri-file-list-line text-sm text-gray-400 mr-1.5"></i>
<input
type="text"
className="w-10 h-5 px-1 text-xs text-center text-gray-700 bg-transparent border-0 outline-none focus:text-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
placeholder="页码"
value={pageInputValue}
onChange={handlePageInputChange}
onKeyDown={handlePageInputKeyDown}
/>
{numPages && (
<span className="text-xs text-gray-400 mx-0.5">/</span>
)}
{numPages && (
<span className="text-xs text-gray-500 font-medium min-w-[1.5rem] text-center">
{numPages}
</span>
)}
</div>
<button
className="flex items-center justify-center h-7 px-2.5 text-white bg-primary hover:bg-primary-hover transition-colors duration-200 outline-none disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-primary border-l border-primary-hover/20"
onClick={handlePageJump}
disabled={!numPages}
title="跳转"
>
<i className="ri-skip-forward-mini-line text-sm"></i>
</button>
</div>
<span className="text-xs text-gray-500 hidden sm:hidden md:hidden lg:hidden xl:inline whitespace-nowrap flex-shrink-0">
比例：{zoomLevel}%
</span>
app/root.tsx
+5 -5
View File
@@ -177,11 +177,11 @@ export async function loader({ request }: LoaderFunctionArgs) {
// 检查当前路径是否在允许列表中
const isAllowedPath = isPathAllowed(pathname, allowedPaths);
if (!isAllowedPath) {
console.warn(`⚠️ [Root Loader] 用户尝试访问未授权路由: ${pathname}`);
// 返回 403 错误，而不是 redirect（避免循环）
throw new Response("无权访问此页面", { status: 403 });
}
// if (!isAllowedPath) {
// console.warn(`⚠️ [Root Loader] 用户尝试访问未授权路由: ${pathname}`);
// // 返回 403 错误，而不是 redirect（避免循环）
// throw new Response("无权访问此页面", { status: 403 });
// }
} else {
// 🔑 检查是否因为认证失败需要重定向到登录页
if (routesResult.shouldRedirectToHome) {
app/routes/_index.tsx
+10 -10
View File
@@ -83,7 +83,7 @@ export async function loader({ request }: LoaderFunctionArgs) {
// console.log(`🔑 [Index Loader] 用户${hasSettingsAccess ? '有' : '没有'}系统设置权限`);
// console.log(`🔑 [Index Loader] 系统设置子路由数量: ${settingsChildren.length}`);
// console.log(`🔑 [Index Loader] 用户${hasCrossCheckingAccess ? '有' : '没有'}交叉评查权限`);
// console.log(`🔑 [Index Loader] 用户${hasChatLLMAccess ? '有' : '没有'}智慧法务大模型权限`);
// console.log(`🔑 [Index Loader] 用户${hasChatLLMAccess ? '有' : '没有'}智慧法务助手权限`);
}
}
@@ -176,8 +176,8 @@ export default function Index() {
// 提取文档类型 IDs
const typeIds = module.document_types?.map(dt => dt.id) || [];
// 🔑 验证文档类型（智慧法务大模型除外）
if (module.name !== '智慧法务大模型' && typeIds.length === 0) {
// 🔑 验证文档类型（智慧法务助手除外）
if (module.name !== '智慧法务助手' && typeIds.length === 0) {
toastService.error('该入口尚未关联文档类型，无法进入');
console.warn('⚠️ [Index] 模块未关联文档类型:', module.name);
return; // 阻止进入
@@ -207,11 +207,11 @@ export default function Index() {
// 合同相关模块 → 跳转到合同模板搜索
targetPath = '/contract-template/search';
// console.log('📌 [Index] 合同模块，跳转到:', targetPath);
} else if (module.name === '智慧法务大模型') {
// 智慧法务大模型 → 跳转到 AI 对话
} else if (module.name === '智慧法务助手') {
// 智慧法务助手 → 跳转到 AI 对话
targetPath = '/chat-with-llm/chat';
sessionStorage.setItem('selectedModulePicPath', '/images/icon_assistant.png')
// console.log('📌 [Index] 智慧法务大模型，跳转到:', targetPath);
// console.log('📌 [Index] 智慧法务助手，跳转到:', targetPath);
} else {
// console.log('📌 [Index] 其他模块，跳转到:', targetPath);
}
@@ -370,17 +370,17 @@ export default function Index() {
{loaderData.entryModules && loaderData.entryModules.length > 0 ? (
<>
{loaderData.entryModules.map((module) => {
// 判断是否为智慧法务大模型，如果是且有交叉评查权限，则在其之前插入交叉评查卡片
const isLLMModule = module.name === '智慧法务大模型';
// 判断是否为智慧法务助手，如果是且有交叉评查权限，则在其之前插入交叉评查卡片
const isLLMModule = module.name === '智慧法务助手';
// 🔑 如果是智慧法务大模型且用户没有访问权限，则不渲染该模块
// 🔑 如果是智慧法务助手且用户没有访问权限，则不渲染该模块
if (isLLMModule && !loaderData.hasChatLLMAccess) {
return null;
}
return (
<React.Fragment key={module.id}>
{/* 在智慧法务大模型之前插入交叉评查入口 */}
{/* 在智慧法务助手之前插入交叉评查入口 */}
{isLLMModule && loaderData.hasCrossCheckingAccess && (
<div
className="module-card"
app/routes/contract-template.detail.$id.tsx
+111 -37
View File
@@ -1,10 +1,13 @@
import type { MetaFunction, LoaderFunctionArgs } from '@remix-run/node';
import { useLoaderData, useNavigate } from '@remix-run/react';
import type { MetaFunction, LoaderFunctionArgs, ActionFunctionArgs } from '@remix-run/node';
import { redirect } from '@remix-run/node';
import { useLoaderData, useNavigate, useSubmit } from '@remix-run/react';
import { useState } from 'react';
import { getContractTemplate } from '~/api/contract-template/templates';
import type { ContractTemplate } from '~/api/contract-template/templates';
import styles from '~/styles/pages/contract-template.css?url';
import filePreviewStyles from '~/styles/components/file-preview-isolation.css?url';
import { getUserSession } from '~/api/login/auth.server';
import { createDraftContract } from '~/api/contracts/draft-service.server';
// 导入FilePreview组件
import { FilePreview } from '~/components/reviews';
@@ -36,26 +39,26 @@ export const handle = {
export async function loader({ params, request }: LoaderFunctionArgs) {
const templateId = params.id!;
// 获取 JWT
const { frontendJWT } = await getUserSession(request);
const jwt = frontendJWT || undefined;
try {
const response = await getContractTemplate(templateId, jwt);
if (response.error) {
throw new Response(response.error, { status: response.status || 404 });
}
if (!response.data) {
throw new Response('模板未找到', { status: 404 });
}
// 添加调试信息
// console.log('模板详情数据:', response.data);
// console.log('分类信息:', response.data.category);
return { template: response.data };
} catch (error) {
console.error('加载模板详情失败:', error);
@@ -63,9 +66,61 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
}
}
/**
* Action 函数：处理起草合同请求
*/
export async function action({ request, params }: ActionFunctionArgs) {
const templateId = parseInt(params.id || '0');
if (!templateId) {
return Response.json({ error: '模板ID无效' }, { status: 400 });
}
// 获取用户信息和JWT
const { userInfo, frontendJWT } = await getUserSession(request);
if (!userInfo?.sub) {
return Response.json({ error: '未登录' }, { status: 401 });
}
try {
// 解析表单数据
const formData = await request.formData();
const title = formData.get('title') as string;
const draftFilePath = formData.get('draftFilePath') as string | null;
if (!title) {
return Response.json({ error: '标题不能为空' }, { status: 400 });
}
// 创建草稿记录(到时候可以换成接口，使用接口来在minio中生成备份文件：备份文件可以用时间戳+uuid来保证唯一性。)
// const draft = await createDraftContract(
// {
// templateId,
// title,
// draftFilePath: draftFilePath || undefined
// },
// parseInt(userInfo.sub),
// draftFilePath || undefined,
// frontendJWT || undefined
// );
// 重定向到草稿编辑页面
// return redirect(`/contract-draft/${draft.id}`);
return redirect(`/contract-draft/1`);
} catch (error) {
console.error('[Template Detail] 创建草稿失败:', error);
return Response.json(
{ error: error instanceof Error ? error.message : '创建草稿失败' },
{ status: 500 }
);
}
}
export default function ContractTemplateDetail() {
const { template }: { template: ContractTemplate } = useLoaderData<typeof loader>();
const navigate = useNavigate();
const submit = useSubmit();
const [isCreatingDraft, setIsCreatingDraft] = useState(false);
// 注释掉收藏功能
// const [isFavorited, setIsFavorited] = useState(false);
@@ -75,6 +130,7 @@ export default function ContractTemplateDetail() {
// 使用统一的下载方法（与 rules-files.tsx 相同）
const handleDownload = async () => {
if (!template.file_path) {
toastService.error('文件路径不存在，无法下载');
return;
@@ -84,6 +140,7 @@ export default function ContractTemplateDetail() {
// 使用axios封装的下载方法
const blob = await downloadFile(template.file_path);
// 创建Blob URL
const blobUrl = URL.createObjectURL(blob);
@@ -120,6 +177,29 @@ export default function ContractTemplateDetail() {
}
};
// 起草合同
const handleStartDraft = () => {
if (isCreatingDraft) return;
// 生成默认标题
// const defaultTitle = `${template.title}-${new Date().toLocaleDateString('zh-CN').replace(/\//g, '')}`;
// // 提示用户输入标题
// const title = prompt('请输入合同标题：', defaultTitle);
// if (!title) return;
setIsCreatingDraft(true);
// 使用 Remix 的 submit 提交表单
const formData = new FormData();
// formData.append('title', title.trim());
formData.append('title', '买卖合同-拟起草合同');
// 可选：如果需要复制文件，可以先调用文件复制服务，然后传递 draftFilePath
// formData.append('draftFilePath', draftFilePath);
submit(formData, { method: 'post' });
};
/* const handleFavorite = () => {
setIsFavorited(!isFavorited);
console.log('收藏状态:', !isFavorited);
@@ -247,15 +327,32 @@ export default function ContractTemplateDetail() {
</div>
<div className="detail-actions flex gap-3">
<button
<button
className="detail-btn primary bg-primary text-white px-6 py-3 rounded-lg flex items-center gap-2 hover:bg-primary-hover"
onClick={handleStartDraft}
disabled={isCreatingDraft}
>
{isCreatingDraft ? (
<>
<i className="ri-loader-4-line animate-spin"></i>
创建中...
</>
) : (
<>
<i className="ri-edit-line"></i>
起草合同
</>
)}
</button>
<button
className="detail-btn secondary bg-white border border-gray-200 px-6 py-3 rounded-lg flex items-center gap-2 hover:border-primary"
onClick={handleDownload}
>
<i className="ri-download-line"></i>
立即下载使用
下载模板
</button>
{template.pdf_file_path && (
<button
<button
className="detail-btn secondary bg-white border border-gray-200 px-6 py-3 rounded-lg flex items-center gap-2 hover:border-primary"
onClick={handlePreview}
>
@@ -336,38 +433,15 @@ export default function ContractTemplateDetail() {
<div className="content-section mb-8" id="template-preview">
<h3 className="section-title text-xl font-semibold mb-4">合同预览</h3>
<div className="border border-gray-200 rounded-lg overflow-hidden">
{/* 使用更强的样式隔离 */}
<div
className="file-preview-isolation"
style={{
// 使用CSS变量避免继承
'--font-family': '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
'--font-size': '14px',
'--line-height': '1.5',
'--text-color': '#333333',
'--bg-color': '#ffffff',
// 强制重置所有可能的样式
all: 'unset',
display: 'block',
fontFamily: 'var(--font-family)',
fontSize: 'var(--font-size)',
lineHeight: 'var(--line-height)',
color: 'var(--text-color)',
backgroundColor: 'var(--bg-color)',
width: '100%',
minHeight: '600px',
position: 'relative',
isolation: 'isolate', // 创建新的层叠上下文
contain: 'layout style', // CSS容器化
zIndex: 0
} as React.CSSProperties}
<div
className="file-preview-isolation w-full"
>
<FilePreview
fileContent={fileContent}
activeReviewPointResultId={null}
targetPage={undefined}
isStructuredView={false}
isTemplate={true}
/>
</div>
</div>
app/routes/documents.list.tsx
+151 -24
View File
@@ -223,9 +223,11 @@ export default function DocumentsIndex() {
const [showAttachmentUpload, setShowAttachmentUpload] = useState<boolean>(false);
const [showTemplateUpload, setShowTemplateUpload] = useState<boolean>(false);
const [selectedDocumentId, setSelectedDocumentId] = useState<number | null>(null);
const [selectedDocumentName, setSelectedDocumentName] = useState<string | null>(null);
const [selectedDocumentVersion, setSelectedDocumentVersion] = useState<number | null>(null);
const [attachmentFiles, setAttachmentFiles] = useState<File[]>([]);
const [templateFile, setTemplateFile] = useState<File | null>(null);
const [attachmentMergeMode, setAttachmentMergeMode] = useState<'overwrite' | 'new'>('overwrite');
const [attachmentMergeMode, setAttachmentMergeMode] = useState<'overwrite' | 'new'>('new');
const [attachmentRemark, setAttachmentRemark] = useState<string>("");
const [attachmentUploading, setAttachmentUploading] = useState<boolean>(false);
const [templateUploading, setTemplateUploading] = useState<boolean>(false);
@@ -356,6 +358,38 @@ export default function DocumentsIndex() {
}
}, [searchParams, fetchData, documentTypeIds]);
// 监听 documents 数据变化，自动修正不一致的展开状态
useEffect(() => {
if (documents.length === 0) return;
const newExpandedRows = new Set(expandedRows);
let hasChanges = false;
// 检查每个展开的行
expandedRows.forEach(docId => {
const doc = documents.find(d => d.id === docId);
// 如果文档不存在或没有历史版本数据，自动折叠
if (!doc || !doc.historyVersions || doc.historyVersions.length === 0) {
console.warn(`自动折叠文档 ${docId}：数据不完整`);
newExpandedRows.delete(docId);
hasChanges = true;
}
});
// 如果有变化，更新状态
if (hasChanges) {
setExpandedRows(newExpandedRows);
// 同时更新 documents 中的 isExpanded 状态
setDocuments(prevDocs =>
prevDocs.map(d =>
newExpandedRows.has(d.id) ? { ...d, isExpanded: true } : { ...d, isExpanded: false }
)
);
}
}, [documents, expandedRows]);
// 使用并更新缓存数据
useEffect(() => {
// 如果有缓存数据，先显示缓存，再在后台加载新数据
@@ -881,6 +915,8 @@ export default function DocumentsIndex() {
setAttachmentRemark("");
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
// 刷新文档列表
if (documentTypeIds && documentTypeIds.length > 0) {
@@ -951,6 +987,8 @@ export default function DocumentsIndex() {
setTemplateFile(null);
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
// 刷新文档列表
if (documentTypeIds && documentTypeIds.length > 0) {
@@ -981,11 +1019,28 @@ export default function DocumentsIndex() {
)
);
} else {
// 展开前检查是否有历史版本数据
const hasHistoryData = doc.historyVersions && doc.historyVersions.length > 0;
const hasHistoryCount = doc.historyCount && doc.historyCount > 0;
// 如果有历史版本计数但没有数据，可能是数据加载失败
if (hasHistoryCount && !hasHistoryData) {
console.warn(`文档 ${doc.id} 有 ${doc.historyCount} 个历史版本，但数据为空`);
toastService.warning('历史版本数据加载失败，请刷新页面重试');
return;
}
// 如果没有历史版本，不允许展开
if (!hasHistoryCount) {
console.log(`文档 ${doc.id} 没有历史版本`);
return;
}
// 展开：显示历史版本
newExpanded.add(doc.id);
setExpandedRows(newExpanded);
// 更新展开状态（历史版本数据已经在主数据中了）
// 更新展开状态
setDocuments(prevDocs =>
prevDocs.map(d =>
d.id === doc.id ? { ...d, isExpanded: true } : d
@@ -1077,6 +1132,36 @@ export default function DocumentsIndex() {
<i className="ri-download-line"></i>
下载
</button>
{parentDoc.type === '1' && historyDoc.fileStatus === 'Processed' && (
<>
<button
type="button"
className="text-xs px-2 py-1 h-7 mr-1 hover:underline hover:text-primary"
onClick={() => {
setSelectedDocumentId(historyDoc.id);
setSelectedDocumentName(historyDoc.name);
setSelectedDocumentVersion(historyDoc.versionNumber || null);
setShowAttachmentUpload(true);
}}
>
<i className="ri-attachment-line"></i>
追加附件
</button>
<button
type="button"
className="text-xs px-2 py-1 h-7 mr-1 text-gray-500 hover:underline hover:text-gray-700"
onClick={() => {
setSelectedDocumentId(historyDoc.id);
setSelectedDocumentName(historyDoc.name);
setSelectedDocumentVersion(historyDoc.versionNumber || null);
setShowTemplateUpload(true);
}}
>
<i className="ri-file-copy-line"></i>
上传模板
</button>
</>
)}
<button
type="button"
className="text-xs px-2 py-1 h-7 text-error hover:underline hover:text-red-700"
@@ -1294,22 +1379,26 @@ export default function DocumentsIndex() {
</button>
{record.type === '1' && record.fileStatus === 'Processed' && (
<>
<button
<button
type="button"
className="text-xs px-2 py-1 h-7 mr-1 hover:underline hover:text-primary"
onClick={() => {
setSelectedDocumentId(record.id);
setSelectedDocumentName(record.name);
setSelectedDocumentVersion(record.historyCount !== undefined && record.historyCount > 0 ? record.historyCount + 1 : null);
setShowAttachmentUpload(true);
}}
>
<i className="ri-attachment-line"></i>
追加附件
</button>
<button
<button
type="button"
className="text-xs px-2 py-1 h-7 mr-1 text-gray-500 hover:underline hover:text-gray-700"
onClick={() => {
setSelectedDocumentId(record.id);
setSelectedDocumentName(record.name);
setSelectedDocumentVersion(record.historyCount !== undefined && record.historyCount > 0 ? record.historyCount + 1 : null);
setShowTemplateUpload(true);
}}
>
@@ -1531,22 +1620,34 @@ export default function DocumentsIndex() {
))}
</tr>
{/* 历史版本行 */}
{doc.isExpanded && doc.historyVersions && doc.historyVersions.length > 0 && (
{doc.isExpanded && (
<>
{doc.historyVersions.map((historyDoc) => renderHistoryRow(historyDoc, doc))}
{/* 正在加载历史版本 */}
{loadingHistory.has(doc.id) ? (
<tr key={`loading-${doc.id}`} className="history-row">
<td colSpan={columns.length} className="px-4 py-3">
<div className="version-loading">
<i className="ri-loader-4-line"></i>
加载历史版本中...
</div>
</td>
</tr>
) : doc.historyVersions && doc.historyVersions.length > 0 ? (
/* 显示历史版本数据 */
doc.historyVersions.map((historyDoc) => renderHistoryRow(historyDoc, doc))
) : (
/* 数据为空时的提示 */
<tr key={`empty-${doc.id}`} className="history-row">
<td colSpan={columns.length} className="px-4 py-3">
<div className="text-center text-gray-500 text-sm py-2">
<i className="ri-information-line mr-1"></i>
暂无历史版本数据
</div>
</td>
</tr>
)}
</>
)}
{/* 正在加载历史版本 */}
{doc.isExpanded && loadingHistory.has(doc.id) && (
<tr key={`loading-${doc.id}`} className="history-row">
<td colSpan={columns.length} className="px-4 py-3">
<div className="version-loading">
<i className="ri-loader-4-line"></i>
加载历史版本中...
</div>
</td>
</tr>
)}
</>
))}
</tbody>
@@ -1573,6 +1674,8 @@ export default function DocumentsIndex() {
onClick={() => {
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
setAttachmentFiles([]);
setAttachmentRemark("");
}}
@@ -1587,6 +1690,8 @@ export default function DocumentsIndex() {
onClick={() => {
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
setAttachmentFiles([]);
setAttachmentRemark("");
}}
@@ -1600,10 +1705,18 @@ export default function DocumentsIndex() {
{/* 文档信息 */}
<div className="bg-gray-50 p-3 rounded">
<p className="text-sm text-gray-600">
目标文档ID: <span className="font-medium">{selectedDocumentId}</span>
{/* 目标文档ID: <span className="font-medium">{selectedDocumentId}</span> */}
目标文档名称: <span className="font-medium">{selectedDocumentName}</span>
{selectedDocumentVersion && (
<span className="ml-2 text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">
v{selectedDocumentVersion}
</span>
)}
</p>
<p className="text-xs text-gray-500 mt-1">
支持.pdf、.docx、ZIP、RAR格式。ZIP/RAR内需要保证文件格式一致，否则报错
支持.pdf、.docx、ZIP、RAR格式。
<i className="ri-information-line mr-1"></i>
ZIP/RAR内需要保证文件格式一致，否则报错
</p>
</div>
@@ -1624,7 +1737,7 @@ export default function DocumentsIndex() {
<label htmlFor="attachment-file-input" className="cursor-pointer">
<i className="ri-attachment-line text-3xl text-gray-400 mb-2 block"></i>
<p className="text-sm text-gray-600">点击选择文件或拖拽文件到此处</p>
<p className="text-xs text-gray-500 mt-1">支持PDF、Word、ZIP、RAR格式，可多选</p>
<p className="text-xs text-gray-500 mt-1">支持.pdf、.docx、.zip、.rar格式，可多选</p>
</label>
</div>
{attachmentFiles.length > 0 && (
@@ -1650,7 +1763,7 @@ export default function DocumentsIndex() {
合并模式
</label>
<div className="space-y-2">
<label className="flex items-center">
{/* <label className="flex items-center">
<input
type="radio"
name="mergeMode"
@@ -1660,7 +1773,7 @@ export default function DocumentsIndex() {
className="mr-2"
/>
<span className="text-sm">覆盖原文档（推荐）</span>
</label>
</label> */}
<label className="flex items-center">
<input
type="radio"
@@ -1696,6 +1809,8 @@ export default function DocumentsIndex() {
onClick={() => {
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
setAttachmentFiles([]);
setAttachmentRemark("");
}}
@@ -1723,11 +1838,13 @@ export default function DocumentsIndex() {
onClick={() => {
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
setTemplateFile(null);
}}
>
<div
className="bg-white rounded-lg p-6 w-full max-w-lg mx-4"
className="bg-white rounded-lg p-6 w-full max-w-xl mx-4"
onClick={(e) => e.stopPropagation()}
>
<div className="flex justify-between items-center mb-4">
@@ -1736,6 +1853,8 @@ export default function DocumentsIndex() {
onClick={() => {
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
setTemplateFile(null);
}}
className="text-gray-400 hover:text-gray-600"
@@ -1748,7 +1867,13 @@ export default function DocumentsIndex() {
{/* 文档信息 */}
<div className="bg-gray-50 p-3 rounded">
<p className="text-sm text-gray-600">
目标文档ID: <span className="font-medium">{selectedDocumentId}</span>
{/* 目标文档ID: <span className="font-medium">{selectedDocumentId}</span> */}
目标文档名称: <span className="font-medium">{selectedDocumentName}</span>
{selectedDocumentVersion && (
<span className="ml-2 text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">
v{selectedDocumentVersion}
</span>
)}
</p>
<p className="text-xs text-gray-500 mt-1">
支持.pdf、.docx格式，用于与合同文档进行结构对比
@@ -1794,6 +1919,8 @@ export default function DocumentsIndex() {
onClick={() => {
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null);
setSelectedDocumentVersion(null);
setTemplateFile(null);
}}
disabled={templateUploading}
app/routes/files.upload.tsx
+28 -14
View File
@@ -336,8 +336,9 @@ export default function FilesUpload() {
// 附件追加状态
const [showAttachmentUpload, setShowAttachmentUpload] = useState<boolean>(false);
const [selectedDocumentId, setSelectedDocumentId] = useState<number | null>(null);
const [selectedDocumentName, setSelectedDocumentName] = useState<string | null>(null);
const [attachmentFiles, setAttachmentFiles] = useState<File[]>([]);
const [attachmentMergeMode, setAttachmentMergeMode] = useState<'overwrite' | 'new'>('overwrite');
const [attachmentMergeMode, setAttachmentMergeMode] = useState<'overwrite' | 'new'>('new');
const [attachmentRemark, setAttachmentRemark] = useState<string>("");
const [attachmentUploading, setAttachmentUploading] = useState<boolean>(false);
@@ -887,7 +888,7 @@ export default function FilesUpload() {
if (files.length > 0) {
// 检查主文件类型
const selectedDocument = queueFiles.find(doc => doc.id === selectedDocumentId);
const isMainFileDocx = selectedDocument?.path.toLowerCase().endsWith('.docx');
const isMainFileDocx = selectedDocument?.path?.toLowerCase().endsWith('.docx');
// 验证文件类型，支持PDF、Word、ZIP、RAR
const validFiles: File[] = [];
@@ -899,7 +900,7 @@ export default function FilesUpload() {
const isPdf = file.type === 'application/pdf' || fileName.endsWith('.pdf');
const isValidType =
isPdf ||
file.type === 'application/msword' || fileName.endsWith('.doc') ||
// file.type === 'application/msword' || fileName.endsWith('.doc') ||
file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || fileName.endsWith('.docx') ||
file.type === 'application/zip' || fileName.endsWith('.zip') ||
file.type === 'application/x-rar-compressed' || fileName.endsWith('.rar');
@@ -973,6 +974,7 @@ export default function FilesUpload() {
setAttachmentRemark("");
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
// 刷新文档列表
await filterDocuments(documentTypeIds);
@@ -1042,6 +1044,7 @@ export default function FilesUpload() {
setTemplateFile(null);
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
// 刷新文档列表
await filterDocuments(documentTypeIds);
@@ -2114,6 +2117,7 @@ export default function FilesUpload() {
icon="ri-attachment-line"
onClick={() => {
setSelectedDocumentId(record.id);
setSelectedDocumentName(record.name)
setShowAttachmentUpload(true);
}}
className="text-xs px-2 py-1 h-7"
@@ -2126,6 +2130,7 @@ export default function FilesUpload() {
icon="ri-file-copy-line"
onClick={() => {
setSelectedDocumentId(record.id);
setSelectedDocumentName(record.name)
setShowTemplateUpload(true);
}}
className="text-xs px-2 py-1 h-7"
@@ -2290,7 +2295,7 @@ export default function FilesUpload() {
ref={contractMainFileRef}
multiple={false}
accept=".pdf,.docx"
tipText="请上传合同主文件，格式：PDF/Word"
tipText="请上传合同主文件，格式：.pdf/.docx"
mainText="上传合同主文件"
buttonText="选择主文件"
icon="ri-file-text-line"
@@ -2327,7 +2332,7 @@ export default function FilesUpload() {
ref={contractAttachmentFileRef}
multiple={false}
accept=".pdf,.docx"
tipText="请上传合同附件，格式：PDF/Word"
tipText="请上传合同附件，格式：.pdf/.docx"
mainText="上传合同附件"
buttonText="选择附件"
icon="ri-file-copy-line"
@@ -2362,7 +2367,7 @@ export default function FilesUpload() {
onFilesSelected={handleContractTemplateFilesSelected}
multiple={false}
accept=".pdf,.docx"
tipText="请上传合同模板，格式：PDF/Word"
tipText="请上传合同模板，格式：.pdf/.docx"
mainText="上传合同模板"
buttonText="选择模板"
icon="ri-file-copy-line"
@@ -2600,11 +2605,13 @@ export default function FilesUpload() {
if (e.target === e.currentTarget) {
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
setAttachmentFiles([]);
setAttachmentRemark("");
setAttachmentMergeMode('overwrite');
}
}}
}
}
>
<div className="bg-white rounded-lg p-6 w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
<div className="flex justify-between items-center mb-4">
@@ -2613,6 +2620,7 @@ export default function FilesUpload() {
onClick={() => {
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
setAttachmentFiles([]);
setAttachmentRemark("");
}}
@@ -2626,10 +2634,11 @@ export default function FilesUpload() {
{/* 文档信息 */}
<div className="bg-gray-50 p-3 rounded">
<p className="text-sm text-gray-600">
目标文档ID: <span className="font-medium">{selectedDocumentId}</span>
{/* 目标文档ID: <span className="font-medium">{selectedDocumentId}</span> */}
目标文档名称: <span className="font-medium">{selectedDocumentName}</span>
</p>
<p className="text-xs text-gray-500 mt-1">
支持PDF、Word、ZIP、RAR格式，ZIP/RAR内仅合并其中的PDF文件
支持.pdf、.docx、.zip、.rar格式。<i className="ri-information-2-line mr-1"></i>ZIP/RAR内需要保证文件格式一致，否则报错
</p>
</div>
@@ -2642,7 +2651,7 @@ export default function FilesUpload() {
onFilesSelected={handleAttachmentFilesSelected}
multiple={true}
accept=".pdf,.docx,.zip,.rar"
tipText="支持PDF、Word、ZIP、RAR格式，可多选"
tipText="支持.pdf、.docx、.zip、.rar格式，可多选"
mainText="选择附件文件"
buttonText="选择文件"
icon="ri-attachment-line"
@@ -2652,7 +2661,7 @@ export default function FilesUpload() {
<p className="text-sm text-green-600 mb-2">
<i className="ri-checkbox-circle-line"></i> 已选择 {attachmentFiles.length} 个文件
</p>
<div className="space-y-1 max-h-32 overflow-y-auto">
<div className="space-y-1 max-h-32 overflow-y-auto">
{attachmentFiles.map((file, index) => (
<div key={index} className="text-xs text-gray-600 bg-gray-50 p-2 rounded">
<i className="ri-file-line mr-1"></i>
@@ -2670,7 +2679,7 @@ export default function FilesUpload() {
合并模式
</label>
<div className="space-y-2">
<label className="flex items-center">
{/* <label className="flex items-center">
<input
type="radio"
name="mergeMode"
@@ -2680,7 +2689,7 @@ export default function FilesUpload() {
className="mr-2"
/>
<span className="text-sm">覆盖原文档（推荐）</span>
</label>
</label> */}
<label className="flex items-center">
<input
type="radio"
@@ -2716,6 +2725,7 @@ export default function FilesUpload() {
onClick={() => {
setShowAttachmentUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
setAttachmentFiles([]);
setAttachmentRemark("");
}}
@@ -2746,6 +2756,7 @@ export default function FilesUpload() {
if (e.target === e.currentTarget) {
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
setTemplateFile(null);
}
}}
@@ -2757,6 +2768,7 @@ export default function FilesUpload() {
onClick={() => {
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
setTemplateFile(null);
}}
className="text-gray-400 hover:text-gray-600"
@@ -2769,7 +2781,8 @@ export default function FilesUpload() {
{/* 文档信息 */}
<div className="bg-gray-50 p-3 rounded">
<p className="text-sm text-gray-600">
目标文档ID: <span className="font-medium">{selectedDocumentId}</span>
{/* 目标文档ID: <span className="font-medium">{selectedDocumentId}</span> */}
目标文档名称: <span className="font-medium">{selectedDocumentName}</span>
</p>
<p className="text-xs text-gray-500 mt-1">
支持.pdf、.docx格式，用于与合同文档进行结构对比
@@ -2810,6 +2823,7 @@ export default function FilesUpload() {
onClick={() => {
setShowTemplateUpload(false);
setSelectedDocumentId(null);
setSelectedDocumentName(null)
setTemplateFile(null);
}}
disabled={templateUploading}
app/routes/prompts._index.tsx
+11 -11
View File
@@ -157,17 +157,17 @@ export default function PromptsIndex() {
const canViewTemplate = canView('prompt_template');
// 调试信息
// useEffect(() => {
// console.log('📋 [Prompts] 模板数据:', templates);
// console.log('📋 [Prompts] 用户角色:', userRole);
// console.log('📋 [Prompts] 权限列表:', permissions);
// console.log('📋 [Prompts] 权限检查结果:', {
// canCreate: canCreateTemplate,
// canEdit: canEditTemplate,
// canDelete: canDeleteTemplate,
// canView: canViewTemplate
// });
// }, [userRole, permissions, templates, canCreateTemplate, canEditTemplate, canDeleteTemplate, canViewTemplate]);
useEffect(() => {
console.log('📋 [Prompts] 模板数据:', templates);
// console.log('📋 [Prompts] 用户角色:', userRole);
// console.log('📋 [Prompts] 权限列表:', permissions);
// console.log('📋 [Prompts] 权限检查结果:', {
// canCreate: canCreateTemplate,
// canEdit: canEditTemplate,
// canDelete: canDeleteTemplate,
// canView: canViewTemplate
// });
}, [userRole, permissions, templates, canCreateTemplate, canEditTemplate, canDeleteTemplate, canViewTemplate]);
// 处理搜索名称
const handleNameSearch = (value: string) => {
app/routes/role-permissions._index.tsx
+12 -3
View File
@@ -1361,9 +1361,18 @@ export default function RolePermissions() {
marginLeft: '8px',
padding: '2px 8px',
fontSize: '12px',
backgroundColor: selectedPermCount > 0 ? '#e6f7ed' : '#f5f5f5',
color: selectedPermCount > 0 ? '#52c41a' : '#666',
border: selectedPermCount > 0 ? '1px solid #b7eb8f' : '1px solid #d9d9d9',
backgroundColor:
selectedPermCount === permissions.length ? '#e6f7ed' : // 全部选中：绿色
selectedPermCount > 0 ? '#fff7e6' : // 部分选中：浅橙色
'#f5f5f5', // 未选中：灰色
color:
selectedPermCount === permissions.length ? '#52c41a' : // 全部选中：绿色
selectedPermCount > 0 ? '#fa8c16' : // 部分选中：橙色
'#666', // 未选中：灰色
border:
selectedPermCount === permissions.length ? '1px solid #b7eb8f' : // 全部选中：绿色
selectedPermCount > 0 ? '1px solid #ffd591' : // 部分选中：浅橙色
'1px solid #d9d9d9', // 未选中：灰色
borderRadius: '4px',
cursor: 'pointer',
display: 'inline-flex',
app/services/collabora.wopi.server.ts
+1 -1
View File
@@ -260,7 +260,7 @@ export class WopiService {
throw new Error(`保存文件失败: ${sanitizedFileId}`);
}
console.log(`PutFile 成功: ${sanitizedFileId}, Size: ${fileBuffer.byteLength} bytes`);
// console.log(`PutFile 成功: ${sanitizedFileId}, Size: ${fileBuffer.byteLength} bytes`);
} catch (error) {
console.error('PutFile 失败:', error);
throw error;
app/styles/components/file-preview-isolation.css
+18 -4
View File
@@ -1,14 +1,15 @@
/* 文件预览样式隔离 */
.file-preview-isolation {
all: unset !important;
display: block !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
display: flex !important;
flex-direction: column !important;
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; */
font-size: 14px !important;
line-height: 1.5 !important;
color: #333 !important;
background: #fff !important;
width: 100% !important;
min-height: 600px !important;
height: 800px !important;
position: relative !important;
isolation: isolate !important;
contain: layout style !important;
@@ -94,9 +95,22 @@
}
.file-preview-isolation .file-preview-content {
max-height: calc(100vh - 150px) !important;
flex: 1 !important;
overflow: auto !important;
background: #f8f9fa !important;
padding: 0 !important;
margin: 0 !important;
height: 100% !important;
}
/* 为了保持内部容器也能填充高度 */
.file-preview-isolation .file-preview {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
.file-preview-isolation .pdf-interactive-container {
flex: 1 !important;
min-height: 0 !important;
}
app/styles/pages/role-permissions.css
+28 -14
View File
@@ -1,8 +1,9 @@
/* 角色权限管理页面样式 */
.role-permissions-page {
padding: 20px;
background: #f5f7fa;
/* padding: 20px; */
padding:0 1rem;
/* background: #f5f7fa; */
min-height: calc(100vh - 60px);
}
@@ -17,7 +18,7 @@
.role-permissions-page .page-title {
font-size: 24px;
font-weight: 600;
color: #303133;
/* color: #303133; */
display: flex;
align-items: center;
gap: 10px;
@@ -44,8 +45,8 @@
/* 左侧角色面板 */
.roles-panel {
height: calc(100vh - 140px);
overflow: hidden;
height: calc(100vh - 100px);
overflow: auto;
display: flex;
flex-direction: column;
}
@@ -173,11 +174,14 @@
/* 右侧详情面板 */
.permissions-detail {
min-height: calc(100vh - 140px);
height: calc(100vh - 100px);
}
/* Tab 样式 */
.tabs-card {
height: calc(100vh - 100px);
display: flex;
flex-direction: column;
overflow: hidden;
}
@@ -220,21 +224,28 @@
.tabs-content {
padding: 24px;
min-height: 500px;
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
height: calc(100vh - 170px);
}
/* 权限Tab */
.permissions-tab {
display: flex;
flex-direction: column;
gap: 20px;
gap: 10px;
height: 100%;
justify-content: space-evenly;
overflow: hidden;
}
.permissions-header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 16px;
padding-bottom: 6px;
border-bottom: 1px solid #e4e7ed;
}
@@ -247,16 +258,18 @@
/* 路由树 */
.routes-tree {
max-height: 600px;
/* max-height: calc(100vh - 240px); */
/* height: 400px; */
flex: 1;
overflow-y: auto;
border: 1px solid #e4e7ed;
border-radius: 6px;
padding: 16px;
padding: 10px;
background: #fafbfc;
}
.route-item {
margin-bottom: 8px;
margin-bottom: 2px;
}
.route-item-content {
@@ -334,7 +347,9 @@
.users-tab {
display: flex;
flex-direction: column;
gap: 20px;
gap: 10px;
height: 100%;
overflow: hidden;
}
.users-header {
@@ -356,7 +371,6 @@
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
max-height: 600px;
overflow-y: auto;
}