perf: map component add time range

@@ -22,6 +22,7 @@
   import { formatToDateTime } from '/@/utils/dateUtil';
   import { isEqual } from 'lodash-es';
   import { useAsyncQueue } from '/@/views/device/localtion/useAsyncQueue';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
   // useVisualBoardContext();
   type TrackRecord = Record<'lng' | 'lat' | 'ts', number>;
@@ -199,7 +200,13 @@
     return (trackAni.value || {})._status;
   });
 
+  const { createMessage } = useMessage();
   const handlePlay = () => {
+    const { start, end } = timeRange;
+
+    if (!props.random && (!start || !end)) {
+      createMessage.warning('请先选择时间范围');
+    }
     if (unref(getTrackPlayStatus) === TrackAnimationStatus.DONE) unref(trackAni).start();
     else if (unref(getTrackPlayStatus) === TrackAnimationStatus.PLAY) unref(trackAni).pause();
     else if (unref(getTrackPlayStatus) === TrackAnimationStatus.PAUSE) unref(trackAni).continue();