Duguay/Agent-n8n
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复ResultModal数据提取时的agent调用错误

Browse Source 
详细说明:
- 修复getProjectInfo函数中seq.agent()的类型错误
- 添加兼容性处理，支持函数和对象两种数据格式
- 解决选择订单班后点击按钮导致页面崩溃的问题
- 修改文件: WorkflowPageV4.tsx (第934行)
- 影响模块: ResultModal数据显示系统

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Yep_Q
2025-10-10 14:25:07 +08:00
parent 6f1a9a577c
commit 125a134902
40 changed files with 7501 additions and 876 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
web_frontend/web_result/order-classes/health/css/styles.css
View File

@@ -17,14 +17,14 @@
--hover-bg: rgba(16, 185, 129, 0.15); /* 悬停背景 */
--active-bg: rgba(16, 185, 129, 0.2); /* 激活背景 */
/* 间距系统 - 针对大屏幕优化 */
--spacing-xs: 0.75rem; /* 12px */
--spacing-sm: 1.25rem; /* 20px */
--spacing-md: 2rem; /* 32px */
--spacing-lg: 3rem; /* 48px */
--spacing-xl: 4rem; /* 64px */
--spacing-2xl: 6rem; /* 96px */
--spacing-3xl: 8rem; /* 128px */
/* 间距系统 - 紧凑布局优化 */
--spacing-xs: 0.5rem; /* 8px - 减小从12px */
--spacing-sm: 0.75rem; /* 12px - 减小从20px */
--spacing-md: 1.25rem; /* 20px - 减小从32px */
--spacing-lg: 2rem; /* 32px - 减小从48px */
--spacing-xl: 2.5rem; /* 40px - 减小从64px */
--spacing-2xl: 3rem; /* 48px - 减小从96px */
--spacing-3xl: 4rem; /* 64px - 减小从128px */
/* 字体系统 */
--font-primary: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
@@ -124,7 +124,7 @@ body {
justify-content: center;
background:
linear-gradient(135deg, rgba(240, 253, 244, 0.9) 0%, rgba(236, 253, 245, 0.95) 100%),
url('../images/情绪数据分析表.jpg');
url('https://images.unsplash.com/photo-1573497491208-6b1acb260507?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -136,7 +136,7 @@ body {
body.dark-theme .hero {
background:
linear-gradient(135deg, rgba(6, 78, 59, 0.9) 0%, rgba(5, 150, 105, 0.8) 100%),
url('../images/情绪数据分析表.jpg');
url('https://images.unsplash.com/photo-1573497491208-6b1acb260507?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -287,7 +287,7 @@ body.dark-theme .hero {
.section:nth-child(1) {
background-image:
linear-gradient(to bottom, rgba(240, 253, 244, 0.9) 0%, rgba(236, 253, 245, 1) 100%),
url('../images/情绪数据分析表.jpg');
url('https://images.unsplash.com/photo-1573497491208-6b1acb260507?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -296,7 +296,7 @@ body.dark-theme .hero {
.section:nth-child(2) {
background-image:
linear-gradient(to bottom, rgba(240, 253, 244, 0.9) 0%, rgba(236, 253, 245, 1) 100%),
url('../images/心理状态结构化分析示意图.jpg');
url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -305,7 +305,7 @@ body.dark-theme .hero {
.section:nth-child(3) {
background-image:
linear-gradient(to bottom, rgba(240, 253, 244, 0.9) 0%, rgba(236, 253, 245, 1) 100%),
url('../images/目标设定可视化示意图.jpg');
url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -314,7 +314,7 @@ body.dark-theme .hero {
.section:nth-child(4) {
background-image:
linear-gradient(to bottom, rgba(240, 253, 244, 0.9) 0%, rgba(236, 253, 245, 1) 100%),
url('../images/干预方法选择示意图.jpg');
url('https://images.unsplash.com/photo-1528909514045-2fa4ac7a08ba?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -324,7 +324,7 @@ body.dark-theme .hero {
.section:nth-child(n+5):nth-child(odd) {
background-image:
linear-gradient(to bottom, rgba(240, 253, 244, 0.9) 0%, rgba(236, 253, 245, 1) 100%),
url('../images/临床心理结案报告.jpg');
url('https://images.unsplash.com/photo-1497366216548-37526070297c?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -333,7 +333,7 @@ body.dark-theme .hero {
.section:nth-child(n+5):nth-child(even) {
background-image:
linear-gradient(to bottom, rgba(240, 253, 244, 0.9) 0%, rgba(236, 253, 245, 1) 100%),
url('../images/情绪数据分析表.jpg');
url('https://images.unsplash.com/photo-1573497491208-6b1acb260507?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -343,7 +343,7 @@ body.dark-theme .hero {
body.dark-theme .section:nth-child(1) {
background-image:
linear-gradient(to bottom, rgba(6, 78, 59, 0.92) 0%, rgba(5, 150, 105, 0.88) 100%),
url('../images/情绪数据分析表.jpg');
url('https://images.unsplash.com/photo-1573497491208-6b1acb260507?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -352,7 +352,7 @@ body.dark-theme .section:nth-child(1) {
body.dark-theme .section:nth-child(2) {
background-image:
linear-gradient(to bottom, rgba(5, 150, 105, 0.90) 0%, rgba(6, 78, 59, 0.88) 100%),
url('../images/心理状态结构化分析示意图.jpg');
url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -361,7 +361,7 @@ body.dark-theme .section:nth-child(2) {
body.dark-theme .section:nth-child(3) {
background-image:
linear-gradient(to bottom, rgba(6, 78, 59, 0.92) 0%, rgba(5, 150, 105, 0.88) 100%),
url('../images/目标设定可视化示意图.jpg');
url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -370,7 +370,7 @@ body.dark-theme .section:nth-child(3) {
body.dark-theme .section:nth-child(4) {
background-image:
linear-gradient(to bottom, rgba(5, 150, 105, 0.90) 0%, rgba(6, 78, 59, 0.88) 100%),
url('../images/干预方法选择示意图.jpg');
url('https://images.unsplash.com/photo-1528909514045-2fa4ac7a08ba?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -380,7 +380,7 @@ body.dark-theme .section:nth-child(4) {
body.dark-theme .section:nth-child(n+5):nth-child(odd) {
background-image:
linear-gradient(to bottom, rgba(6, 78, 59, 0.92) 0%, rgba(5, 150, 105, 0.88) 100%),
url('../images/临床心理结案报告.jpg');
url('https://images.unsplash.com/photo-1497366216548-37526070297c?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -389,7 +389,7 @@ body.dark-theme .section:nth-child(n+5):nth-child(odd) {
body.dark-theme .section:nth-child(n+5):nth-child(even) {
background-image:
linear-gradient(to bottom, rgba(5, 150, 105, 0.90) 0%, rgba(6, 78, 59, 0.88) 100%),
url('../images/情绪数据分析表.jpg');
url('https://images.unsplash.com/photo-1573497491208-6b1acb260507?w=1920&q=80');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -579,10 +579,10 @@ body.dark-theme tr:hover {
flex: 1;
}
/* ========== 图片容器 - 突出展示 - 超大气布局 ========== */
/* ========== 图片容器 - 紧凑布局 ========== */
.image-container {
width: 100%;
aspect-ratio: 3/2;
aspect-ratio: 16/9; /* 更紧凑的比例,16:9宽屏比例 */
overflow: hidden;
border-radius: 0;
margin-bottom: 0;
@@ -593,6 +593,7 @@ body.dark-theme tr:hover {
transition: all var(--transition-base);
order: 1;
flex-shrink: 0;
cursor: pointer; /* 添加点击光标提示 */
}
.image-container img {
@@ -604,8 +605,14 @@ body.dark-theme tr:hover {
}
.image-container:hover img {
transform: scale(1.1);
filter: brightness(1.1);
transform: scale(1.03); /* 减小放大效果,避免内容看不清 */
filter: brightness(1.0); /* 轻微提亮 */
}
/* 效果评估section的图片不裁剪,完整显示 */
.section:nth-of-type(4) .image-container img {
object-fit: contain;
background: var(--bg-dark);
}
.image-caption {
@@ -959,3 +966,139 @@ body.dark-theme .theme-icon-dark {
body.dark-theme .theme-icon-light {
opacity: 0.5;
}
/* ========== 图片放大Lightbox模态框 ========== */
.lightbox-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.95);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity var(--transition-slow), visibility var(--transition-slow);
padding: var(--spacing-xl);
cursor: zoom-out;
}
.lightbox-modal.active {
opacity: 1;
visibility: visible;
}
.lightbox-content {
position: relative;
max-width: 90vw;
max-height: 90vh;
transform: scale(0.9);
transition: transform var(--transition-slow);
cursor: default;
}
.lightbox-modal.active .lightbox-content {
transform: scale(1);
}
.lightbox-image {
max-width: 100%;
max-height: 90vh;
width: auto;
height: auto;
border-radius: var(--radius-xl);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8),
0 0 0 3px var(--primary-green);
object-fit: contain;
}
.lightbox-close {
position: fixed;
top: var(--spacing-xl);
right: var(--spacing-xl);
width: 60px;
height: 60px;
background: var(--primary-green);
border: 3px solid white;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all var(--transition-base);
box-shadow: var(--shadow-xl);
z-index: 10000;
}
.lightbox-close:hover {
background: var(--accent-emerald-light);
transform: rotate(90deg) scale(1.1);
box-shadow: 0 8px 24px rgba(16, 185, 129, 0.6);
}
.lightbox-close::before,
.lightbox-close::after {
content: '';
position: absolute;
width: 30px;
height: 3px;
background: white;
border-radius: 2px;
}
.lightbox-close::before {
transform: rotate(45deg);
}
.lightbox-close::after {
transform: rotate(-45deg);
}
/* 图片信息标签 */
.lightbox-label {
position: fixed;
bottom: var(--spacing-xl);
left: 50%;
transform: translateX(-50%);
padding: var(--spacing-md) var(--spacing-xl);
background: rgba(16, 185, 129, 0.95);
backdrop-filter: blur(10px);
color: white;
font-size: var(--text-lg);
font-weight: var(--font-semibold);
border-radius: var(--radius-full);
box-shadow: var(--shadow-xl);
text-transform: uppercase;
letter-spacing: 0.1em;
z-index: 10000;
}
/* 响应式 - Lightbox */
@media (max-width: 768px) {
.lightbox-modal {
padding: var(--spacing-md);
}
.lightbox-close {
top: var(--spacing-md);
right: var(--spacing-md);
width: 48px;
height: 48px;
}
.lightbox-close::before,
.lightbox-close::after {
width: 24px;
}
.lightbox-label {
font-size: var(--text-base);
padding: var(--spacing-sm) var(--spacing-lg);
bottom: var(--spacing-md);
}
}

77
web_frontend/web_result/order-classes/health/js/main.js
View File

@@ -16,6 +16,7 @@ document.addEventListener('DOMContentLoaded', function() {
initSmoothScroll();
updateStats();
initThemeToggle();
initLightbox();
});
// 导航功能
@@ -267,3 +268,79 @@ function initThemeToggle() {
});
}
}
// 图片放大查看功能(Lightbox)
function initLightbox() {
// 创建Lightbox模态框HTML结构
const lightboxHTML = `
<div class="lightbox-modal" id="lightboxModal">
<div class="lightbox-content">
<img src="" alt="" class="lightbox-image" id="lightboxImage">
</div>
<div class="lightbox-close" id="lightboxClose"></div>
<div class="lightbox-label" id="lightboxLabel"></div>
</div>
`;
// 将Lightbox添加到页面
document.body.insertAdjacentHTML('beforeend', lightboxHTML);
// 获取元素
const lightboxModal = document.getElementById('lightboxModal');
const lightboxImage = document.getElementById('lightboxImage');
const lightboxLabel = document.getElementById('lightboxLabel');
const lightboxClose = document.getElementById('lightboxClose');
// 为所有图片容器添加点击事件
const imageContainers = document.querySelectorAll('.image-container');
imageContainers.forEach(container => {
container.addEventListener('click', function() {
const img = this.querySelector('img');
if (img) {
// 获取图片信息
const imgSrc = img.src || img.getAttribute('data-src');
const imgAlt = img.alt || '图片';
const caption = this.querySelector('.image-caption');
const labelText = caption ? caption.textContent : imgAlt;
// 设置Lightbox内容
lightboxImage.src = imgSrc;
lightboxImage.alt = imgAlt;
lightboxLabel.textContent = labelText;
// 显示Lightbox
lightboxModal.classList.add('active');
document.body.style.overflow = 'hidden'; // 防止背景滚动
}
});
});
// 关闭Lightbox函数
function closeLightbox() {
lightboxModal.classList.remove('active');
document.body.style.overflow = ''; // 恢复滚动
// 延迟清空内容,等待动画完成
setTimeout(() => {
lightboxImage.src = '';
lightboxLabel.textContent = '';
}, 350);
}
// 点击关闭按钮
lightboxClose.addEventListener('click', closeLightbox);
// 点击背景关闭
lightboxModal.addEventListener('click', function(e) {
if (e.target === lightboxModal) {
closeLightbox();
}
});
// ESC键关闭
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && lightboxModal.classList.contains('active')) {
closeLightbox();
}
});
}