import React from 'react';
|
|
/**
|
* 底部悬浮控制面板
|
*/
|
const FloatingControlPanel = ({ currentStep = 1, elapsedTime = '25分钟', onManualTakeover }) => {
|
const stepNames = ['阶段1：意愿调查', '阶段2：材料核实', '阶段3：事实认定', '阶段4：达成协议', '阶段5：履约回访'];
|
|
const handleTakeover = () => {
|
if (onManualTakeover) {
|
onManualTakeover();
|
} else {
|
if (window.confirm('确认要人工接管调解吗？接管后将结束AI调解，由工作人员继续处理。')) {
|
alert('AI调解已结束，已转为人工接管模式。工作人员将继续处理本次调解。');
|
}
|
}
|
};
|
|
return (
|
<div className="floating-control-panel">
|
<div className="control-status">
|
<div className="status-indicator">
|
<span className="status-dot"></span>
|
<span className="status-text">
|
调解进行中-{stepNames[currentStep]}{' '}
|
<span style={{ color: 'gray' }}>（已进行：{elapsedTime}）</span>
|
</span>
|
</div>
|
</div>
|
<div className="control-action">
|
<button className="floating-control-btn" onClick={handleTakeover}>
|
<i className="fas fa-user-tie"></i>
|
人工接管
|
</button>
|
</div>
|
</div>
|
);
|
};
|
|
export default FloatingControlPanel;
|
