128 lines
4.3 KiB
Bash
Executable File
128 lines
4.3 KiB
Bash
Executable File
#!/bin/bash
|
||
|
||
echo "=========================================="
|
||
echo "🎨 VPS Price - 增强对比功能测试"
|
||
echo "=========================================="
|
||
echo ""
|
||
|
||
echo "✅ 检查文件完整性..."
|
||
echo ""
|
||
|
||
# 检查 JS 文件
|
||
if [ -f /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js ]; then
|
||
echo "✓ JS: main-comparison-enhanced.js 已创建"
|
||
|
||
if grep -q "calculateDiff" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
|
||
echo "✓ JS: 差异计算函数已实现"
|
||
fi
|
||
|
||
if grep -q "renderComparisonTable" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
|
||
echo "✓ JS: 表格视图渲染已实现"
|
||
fi
|
||
|
||
if grep -q "calculateValueScore" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
|
||
echo "✓ JS: 性价比评分已实现"
|
||
fi
|
||
|
||
if grep -q "renderSpecWithBar" /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js; then
|
||
echo "✓ JS: 进度条可视化已实现"
|
||
fi
|
||
else
|
||
echo "✗ JS: main-comparison-enhanced.js 未找到"
|
||
fi
|
||
|
||
echo ""
|
||
|
||
# 检查 CSS 文件
|
||
if grep -q "comparison-bar" /Users/ddrwode/code/vps_price/static/css/style.css; then
|
||
echo "✓ CSS: 对比进度条样式已添加"
|
||
fi
|
||
|
||
if grep -q "spec-diff" /Users/ddrwode/code/vps_price/static/css/style.css; then
|
||
echo "✓ CSS: 差异百分比样式已添加"
|
||
fi
|
||
|
||
if grep -q "spec-badge" /Users/ddrwode/code/vps_price/static/css/style.css; then
|
||
echo "✓ CSS: 颜色编码徽章已添加"
|
||
fi
|
||
|
||
if grep -q "comparison-grid" /Users/ddrwode/code/vps_price/static/css/style.css; then
|
||
echo "✓ CSS: 对比表格样式已添加"
|
||
fi
|
||
|
||
if grep -q "value-score" /Users/ddrwode/code/vps_price/static/css/style.css; then
|
||
echo "✓ CSS: 性价比评分样式已添加"
|
||
fi
|
||
|
||
echo ""
|
||
|
||
# 检查 HTML 引用
|
||
if grep -q "main-comparison-enhanced.js" /Users/ddrwode/code/vps_price/templates/index.html; then
|
||
echo "✓ HTML: JS 引用已更新为增强版"
|
||
else
|
||
echo "✗ HTML: JS 引用未更新"
|
||
fi
|
||
|
||
echo ""
|
||
echo "=========================================="
|
||
echo "📊 文件统计"
|
||
echo "=========================================="
|
||
echo ""
|
||
|
||
if [ -f /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js ]; then
|
||
JS_SIZE=$(wc -c < /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js)
|
||
JS_LINES=$(wc -l < /Users/ddrwode/code/vps_price/static/js/main-comparison-enhanced.js)
|
||
echo "JS 文件大小: $JS_SIZE bytes ($JS_LINES 行)"
|
||
fi
|
||
|
||
CSS_SIZE=$(wc -c < /Users/ddrwode/code/vps_price/static/css/style.css)
|
||
CSS_LINES=$(wc -l < /Users/ddrwode/code/vps_price/static/css/style.css)
|
||
echo "CSS 文件大小: $CSS_SIZE bytes ($CSS_LINES 行)"
|
||
|
||
echo ""
|
||
echo "=========================================="
|
||
echo "🎯 新增功能"
|
||
echo "=========================================="
|
||
echo ""
|
||
echo "1. ✨ 差异百分比显示"
|
||
echo " - 显示与最优值的差距百分比"
|
||
echo " - 例如：价格比最低贵 +15%"
|
||
echo ""
|
||
echo "2. 📊 视觉对比进度条"
|
||
echo " - 配置越高，进度条越长"
|
||
echo " - 颜色编码：绿色(最优) > 蓝色(良好) > 橙色(一般) > 红色(较差)"
|
||
echo ""
|
||
echo "3. 🎨 颜色编码系统"
|
||
echo " - 🟢 绿色：最优值"
|
||
echo " - 🔵 蓝色：良好值"
|
||
echo " - 🟡 橙色：一般值"
|
||
echo " - 🔴 红色：较差值"
|
||
echo ""
|
||
echo "4. 📋 横向对比表格"
|
||
echo " - 2个以上方案自动显示表格视图"
|
||
echo " - 列对列直接对比"
|
||
echo " - 最优值高亮显示"
|
||
echo ""
|
||
echo "5. ⭐ 性价比评分"
|
||
echo " - 综合价格和配置计算评分"
|
||
echo " - 5星评分系统"
|
||
echo " - 权重：价格40% + 内存30% + CPU20% + 存储10%"
|
||
echo ""
|
||
echo "=========================================="
|
||
echo "🚀 测试步骤"
|
||
echo "=========================================="
|
||
echo ""
|
||
echo "请访问: http://127.0.0.1:5001"
|
||
echo "强制刷新: Cmd + Shift + R (Mac) 或 Ctrl + Shift + R (Windows)"
|
||
echo ""
|
||
echo "测试清单："
|
||
echo "1. ☆ 点击 2-3 个方案的星标"
|
||
echo "2. 👀 查看右侧对比面板"
|
||
echo "3. 📊 检查进度条是否显示"
|
||
echo "4. 🔢 查看差异百分比（+X% 或 -X%）"
|
||
echo "5. 🎨 确认颜色编码（绿/蓝/橙/红）"
|
||
echo "6. 📋 查看横向对比表格"
|
||
echo "7. ⭐ 查看性价比星级评分"
|
||
echo "8. 🔄 切换货币查看价格更新"
|
||
echo ""
|