1b964b3886
主要更新内容： - 优化UI组件（视频播放器、HR访问模态框、岗位信息展示等） - 更新数据文件（简历、岗位、项目案例等） - 添加新的图片资源（面试状态图标等） - 新增AgentPage等页面组件 - 清理旧的备份文件，提升代码库整洁度 - 优化岗位等级和面试状态的数据结构 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
104 lines
4.0 KiB
JavaScript
104 lines
4.0 KiB
JavaScript
// 验证公司图片网格布局修改
|
||
|
||
const fs = require('fs');
|
||
const path = require('path');
|
||
|
||
console.log('🔍 验证公司图片网格布局修改\n');
|
||
console.log('='.repeat(80));
|
||
|
||
// 1. 检查 JSX 修改
|
||
console.log('\n1. 检查 JobInfoModal/index.jsx');
|
||
const jsxContent = fs.readFileSync(
|
||
path.join(__dirname, 'src/pages/CompanyJobsPage/components/JobInfoModal/index.jsx'),
|
||
'utf-8'
|
||
);
|
||
|
||
const hasGridClass = jsxContent.includes('company-images-grid');
|
||
console.log(` ${hasGridClass ? '✅' : '❌'} 使用 company-images-grid 类名`);
|
||
|
||
const hasMapMethod = jsxContent.includes('data.details.companyImages.map');
|
||
console.log(` ${hasMapMethod ? '✅' : '❌'} 使用 map 方法遍历所有图片`);
|
||
|
||
const hasClickHandler = jsxContent.includes('setCurrentImageIndex(index)');
|
||
console.log(` ${hasClickHandler ? '✅' : '❌'} 设置点击图片时的索引`);
|
||
|
||
const hasCarouselComponents = jsxContent.includes('carousel-btn');
|
||
console.log(` ${hasCarouselComponents ? '❌' : '✅'} 已移除轮播按钮 (${!hasCarouselComponents ? '正确' : '错误'})`);
|
||
|
||
// 2. 检查 CSS 修改
|
||
console.log('\n2. 检查 JobInfoModal/index.css');
|
||
const cssContent = fs.readFileSync(
|
||
path.join(__dirname, 'src/pages/CompanyJobsPage/components/JobInfoModal/index.css'),
|
||
'utf-8'
|
||
);
|
||
|
||
const hasGridStyles = cssContent.includes('.company-images-grid');
|
||
console.log(` ${hasGridStyles ? '✅' : '❌'} 定义了 .company-images-grid 样式`);
|
||
|
||
const hasImageItemStyles = cssContent.includes('.company-image-item');
|
||
console.log(` ${hasImageItemStyles ? '✅' : '❌'} 定义了 .company-image-item 样式`);
|
||
|
||
const hasGridTemplate = cssContent.includes('grid-template-columns');
|
||
console.log(` ${hasGridTemplate ? '✅' : '❌'} 使用 grid-template-columns`);
|
||
|
||
const hasMaxFourColumns = cssContent.includes('repeat(4, 1fr)');
|
||
console.log(` ${hasMaxFourColumns ? '✅' : '❌'} 设置最多4列`);
|
||
|
||
const hasResponsiveGrid = cssContent.includes(':has(.company-image-item:nth-child');
|
||
console.log(` ${hasResponsiveGrid ? '✅' : '❌'} 实现了响应式网格（根据图片数量）`);
|
||
|
||
const hasHoverEffect = cssContent.includes('.company-image-item:hover');
|
||
console.log(` ${hasHoverEffect ? '✅' : '❌'} 添加了hover效果`);
|
||
|
||
// 3. 检查预览功能
|
||
console.log('\n3. 检查图片预览功能');
|
||
const hasPreviewModal = jsxContent.includes('image-preview-modal');
|
||
console.log(` ${hasPreviewModal ? '✅' : '❌'} 保留了预览模态框`);
|
||
|
||
const hasPreviewNavButtons = cssContent.includes('.image-preview-btn');
|
||
console.log(` ${hasPreviewNavButtons ? '✅' : '❌'} 保留了预览导航按钮`);
|
||
|
||
// 4. 检查备份文件
|
||
console.log('\n4. 检查备份文件');
|
||
const backupFiles = fs.readdirSync(
|
||
path.join(__dirname, 'src/pages/CompanyJobsPage/components/JobInfoModal')
|
||
).filter(f => f.includes('.backup_20251008'));
|
||
|
||
console.log(` ${backupFiles.length >= 2 ? '✅' : '❌'} 创建了备份文件 (${backupFiles.length}个)`);
|
||
if (backupFiles.length > 0) {
|
||
backupFiles.forEach(file => {
|
||
console.log(` - ${file}`);
|
||
});
|
||
}
|
||
|
||
console.log('\n' + '='.repeat(80));
|
||
|
||
// 总结
|
||
const allChecksPassed =
|
||
hasGridClass &&
|
||
hasMapMethod &&
|
||
hasClickHandler &&
|
||
!hasCarouselComponents &&
|
||
hasGridStyles &&
|
||
hasImageItemStyles &&
|
||
hasGridTemplate &&
|
||
hasMaxFourColumns &&
|
||
hasResponsiveGrid &&
|
||
hasHoverEffect &&
|
||
hasPreviewModal &&
|
||
hasPreviewNavButtons &&
|
||
backupFiles.length >= 2;
|
||
|
||
if (allChecksPassed) {
|
||
console.log('\n✅ 所有检查通过！公司图片已成功修改为网格布局。\n');
|
||
console.log('📝 功能特性:');
|
||
console.log(' - 使用CSS Grid布局，一行最多显示4张图片');
|
||
console.log(' - 根据图片数量自动调整列数（1-4列）');
|
||
console.log(' - 图片容器自适应板块宽度');
|
||
console.log(' - 图片可点击查看大图');
|
||
console.log(' - 预览模态框支持左右切换');
|
||
console.log(' - 添加了hover悬停效果');
|
||
} else {
|
||
console.log('\n⚠️ 部分检查未通过，请检查上述标记为❌的项目。\n');
|
||
}
|