| | |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | <button |
|---|
| | | className="floating-control-btn" |
|---|
| | | className={`state-control-btn ${isTerminate ? 'state-control-btn--terminate' : 'state-control-btn--resume'}`} |
|---|
| | | onClick={handleControlButtonClick} |
|---|
| | | disabled={controlLoading} |
|---|
| | | style={{ |
|---|
| | | ...(isTerminate ? { |
|---|
| | | background: '#1A6FB8', |
|---|
| | | } : { |
|---|
| | | background: '#52c41a', |
|---|
| | | }), |
|---|
| | | ...(controlLoading ? { opacity: 0.6, cursor: 'not-allowed' } : {}) |
|---|
| | | }} |
|---|
| | | > |
|---|
| | | {controlLoading ? ( |
|---|
| | | <><i className="fas fa-spinner fa-spin"></i>处理中...</> |
|---|
| | |
|---|
| | | return <TakeoverStamp state={state} />; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 已终止状态(5)：只显示恢复按钮 |
|---|
| | | if (Number(state) === PAUSED_STATE) { |
|---|
| | | return renderStateControlButton(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 调解中(1)：显示终止按钮和人工接管按钮 |
|---|
| | | return ( |
|---|
