diff --git a/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue b/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue
index e664a85..b08c86a 100644
--- a/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue
+++ b/frontend/matrix-middle-service-web/src/views/record/AMapLocation.vue
@@ -83,7 +83,7 @@
 </template>
 <script setup>
 import AMapLoader from '@amap/amap-jsapi-loader';
-import {reactive, ref, shallowReadonly, toRaw} from "vue";
+import {reactive, ref} from "vue";
 import DateTimeSelector from "matrix-middle-service-web/src/components/DateTimeSelector.vue";
 import {useQuasar} from "quasar";
 import moment from "moment";
@@ -91,6 +91,7 @@ import {auth} from "matrix-middle-service-web/src/api/auth/index";
 import {locationRecord} from "matrix-middle-service-web/src/api/location/record/index";
 import {createCanvasDir} from "matrix-middle-service-web/src/views/record/logic/icon";
 import {getAvgSpeed, getMaxSpeed} from "matrix-middle-service-web/src/views/record/logic/speed";
+import {randomColorList} from "matrix-middle-service-web/src/views/record/logic/color";
 const $q = useQuasar();
 const COLOR = [
     '#6090e0', '#30c030', '#d070d0', '#80c0f0', '#f07050', '#ffb900',
@@ -420,8 +421,7 @@ function drawMap(){
 
     console.log("lines", view.lines)
 
-    let colorList = Array.from({ length: view.lines.length })
-        .map(() => COLOR[Math.floor(Math.random() * COLOR.length)]);
+    let colorList = randomColorList(view.lines.length)
     data.polylines = []
     view.lines.forEach((_data,index) => {
         let path = _data.map((item) => {
diff --git a/frontend/matrix-middle-service-web/src/views/record/logic/color.ts b/frontend/matrix-middle-service-web/src/views/record/logic/color.ts
new file mode 100644
index 0000000..97da563
--- /dev/null
+++ b/frontend/matrix-middle-service-web/src/views/record/logic/color.ts
@@ -0,0 +1,10 @@
+export const COLOR = [
+    '#6090e0', '#30c030', '#d070d0', '#80c0f0', '#f07050', '#ffb900',
+    '#37a2da', '#ffdb5c', '#8378ea', '#e7bcf3', '#32c5e9', '#67e0e3',
+    '#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53', '#eedd78',
+]
+
+export function randomColorList(len:number){
+    return Array.from({ length: len })
+        .map(() => COLOR[Math.floor(Math.random() * COLOR.length)]);
+}