feat: 初始提交项目内容，包括优化后的法条查询功能

tony.cheng

2026-01-27 94eba98e7e2c86d65a449807d0aa79cfb59c1db4

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import React from 'react';
 
/**
 * AI调解进度组件 - 步骤条
 */
const MediationProgress = ({ currentStep = 1 }) => {
  const steps = [
    { label: '意愿调查', key: 0 },
    { label: '材料核实', key: 1 },
    { label: '事实认定', key: 2 },
    { label: '达成协议', key: 3 },
    { label: '履约回访', key: 4 },
  ];
 
  // 计算进度线宽度
  const progressWidth = `${(currentStep) * 20}%`;
 
  const getStepClass = (stepKey) => {
    if (stepKey < currentStep) return 'step completed';
    if (stepKey === currentStep) return 'step active';
    return 'step';
  };
 
  const renderStepIndicator = (stepKey) => {
    if (stepKey < currentStep) {
      return <i className="fas fa-check"></i>;
    }
    return stepKey + 1;
  };
 
  return (
    <div className="mediation-progress">
      <h3 className="section-title">
        <i className="fas fa-road"></i> AI调解进度
      </h3>
 
      <div className="progress-steps">
        <div className="progress-line" style={{ width: progressWidth }}></div>
        {steps.map((step) => (
          <div key={step.key} className={getStepClass(step.key)}>
            <div className="step-indicator">{renderStepIndicator(step.key)}</div>
            <div className="step-label">{step.label}</div>
          </div>
        ))}
      </div>
    </div>
  );
};
 
export default MediationProgress;