|
|
@ -308,10 +308,12 @@ export default function MeasureAction() { |
|
|
|
{/* 左侧区域:包含开关区域和测量画布 */} |
|
|
|
<div className="flex-none"> |
|
|
|
<div className="flex gap-4 items-center px-6 pt-5"> |
|
|
|
{/* 参考线开关 */} |
|
|
|
<div className="flex gap-2 items-center"> |
|
|
|
<Switch defaultChecked onChange={(checked) => setShowGrid(checked)} /> |
|
|
|
<span>参考线</span> |
|
|
|
</div> |
|
|
|
{/* 标准线开关 */} |
|
|
|
<div className="flex gap-2 items-center"> |
|
|
|
<Switch |
|
|
|
checked={showStandard} |
|
|
@ -329,18 +331,21 @@ export default function MeasureAction() { |
|
|
|
/> |
|
|
|
<span>标准线</span> |
|
|
|
</div> |
|
|
|
<div className="flex gap-2 items-center"> |
|
|
|
<Switch |
|
|
|
checked={showMark} |
|
|
|
disabled={!showStandard} |
|
|
|
onChange={(checked) => { |
|
|
|
setShowMark(checked); |
|
|
|
// 当标准线处于开启状态时,允许修改角度线状态,并更新备份状态
|
|
|
|
setAngleMarkBackup(checked); |
|
|
|
}} |
|
|
|
/> |
|
|
|
<span>角度线</span> |
|
|
|
</div> |
|
|
|
{/* 角度线开关仅在点击分析按钮后显示 */} |
|
|
|
{analysisClicked && ( |
|
|
|
<div className="flex gap-2 items-center"> |
|
|
|
<Switch |
|
|
|
checked={showMark} |
|
|
|
disabled={!showStandard} |
|
|
|
onChange={(checked) => { |
|
|
|
setShowMark(checked); |
|
|
|
// 当标准线处于开启状态时,允许修改角度线状态,并更新备份状态
|
|
|
|
setAngleMarkBackup(checked); |
|
|
|
}} |
|
|
|
/> |
|
|
|
<span>角度线</span> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
</div> |
|
|
|
<div className="relative m-2"> |
|
|
|
<MeasurementCanvas |
|
|
|