优化

src/App.tsx

@@ -34,6 +34,7 @@ function App() {
   // 监听推送消息，更新store
   useEffect(() => {
     const subscription = bridgeOb.subscribe((datagram) => {
+      console.log('datagram.type--', datagram.type)
       if (datagram.type === 'measure-event') {
         dispatch(updateTaskState(datagram.data));
       } else if (datagram.type === 'measure-point') {
@@ -47,7 +48,6 @@ function App() {
       } else if (datagram.type === 'update-base-progress') {
         dispatch(updateSyncBaseProgress(datagram.data));
       }else if (datagram.type === 'measure-finished') {
-        console.log('measure-finished---------', datagram.data)
         dispatch(updateMeasureFinish(datagram.data));
       }
     });

src/pages/Measure.tsx

@@ -37,6 +37,7 @@ export default function Measure() {
   const canvasRef = useRef<MeasurementCanvasRef>(null);
   const [railSize, setRailSize] = useState<number | string | null>();
   const iconWidth = 35;
+  const [showStandard, setShowStandard] = useState(false);
 
   // 默认选中第一个轨型
   useEffect(() => {
@@ -156,23 +157,10 @@ export default function Measure() {
         Toast.show(res.message);
       }
       setInitStart(true);
-      openAudio();
+      setShowStandard(false)
     });
   };
 
-  const openAudio = () => {
-    // const audioReady = new Audio('/audio/ticking.wav');
-    // // 播放音频
-    // audioReady
-    //   .play()
-    //   .then(() => {
-    //     console.log('音频开始播放  已准备好');
-    //   })
-    //   .catch((err) => {
-    //     console.error('播放音频时出错:', err);
-    //   });
-  };
-
   const onOrgBarClick = async () => {
     if (baseState.ktjOrgs.length === 0) {
       Dialog.alert({
@@ -281,6 +269,8 @@ export default function Measure() {
           left_end: 'done',
           right_end: 'done',
         });
+        // 测量完成，显示基线
+        setShowStandard(true)
         break;
       default:
         setState({
@@ -435,7 +425,7 @@ export default function Measure() {
                 pixelPerMm={window.innerWidth / 90}
                 maxZoom={8}
                 showGrid={true}
-                showBenchmark={true}
+                showBenchmark={showStandard}
                 showAnalysis={false}
                 showScale={false}
                 scaleInterval={1}

src/store/features/measureSlice.ts

@@ -25,13 +25,7 @@ function isLeftFinished(state: MeasureState) {
     return true;
   return false;
 }
-const audioList: HTMLAudioElement[] = []
-function pauseAudio(){
-  audioList.forEach(audio => {
-    audio.pause()
-  })
-}
-
+let status: 1| 2 ;
 export const measureSlice = createSlice({
   name: 'measure',
   initialState,
@@ -48,27 +42,15 @@ export const measureSlice = createSlice({
         state.leftPoints = [];
         state.rightPoints = [];
       }
-      if(action.payload === 'WAITING_FOR_RECORD_THE_2ND_SIDE'){
-        const audio3 = new Audio('/audio/ticking.wav');
-        audio3.play().then(() => {});
-        audioList.push(audio3)
-      } else {
-        if (action.payload === 'START_RECORD_LEFT') {
-          const audio1 = new Audio('/audio/ticking.wav');
-          audio1.play().then(() => {});
-          audioList.push(audio1)
-        } else if (action.payload === 'START_RECORD_RIGHT') {
-          // const audio3 = new Audio('/audio/ticking.wav');
-          // audio3.play().then(() => {});
-          // audioList.push(audio3)
-        } else if (action.payload === 'FINISH_RECORD') {
-          const audio4 = new Audio('/audio/ticking.wav');
-          audio4.play().then(() => {});
-          audioList.push(audio4)
-        } else if (action.payload === 'WRONG_SIDE') {
-          const audio5 = new Audio('/audio/ticking.wav');
-          audio5.play().then(() => {});
-        }
+    
+      if(action.payload === 'WAITING_FOR_RECORD_THE_1ST_SIDE') {
+        status = 1
+      }else if(action.payload === 'WAITING_FOR_RECORD_THE_2ND_SIDE') {
+        status = 2
+      }
+      if((['START_RECORD_LEFT', 'START_RECORD_RIGHT'].includes(action.payload) && status === 1) || (['FINISH_RECORD_LEFT', 'FINISH_RECORD_RIGHT'].includes(action.payload) && status === 1) || ['FINISH_RECORD'].includes(action.payload)) {
+         const audio = new Audio('/audio/ticking.wav');
+        audio.play().then(() => {});
       }
     },
     addNewPoint: (state, action: PayloadAction<TrackRecordSig['data']>) => {