|
@@ -45,7 +45,7 @@ import { store } from "@/store/store";
|
|
|
import MarkDrawTrack from "@/features/mark/MarkDrawTrack.vue";
|
|
|
import type { SpecialTag, Track, ColorMap } from "@/types";
|
|
|
import { useTimers } from "@/setups/useTimers";
|
|
|
-import { loadImage } from "@/utils/utils";
|
|
|
+import { loadImage, addHeaderTrackColorAttr } from "@/utils/utils";
|
|
|
import { dragImage } from "@/features/mark/use/draggable";
|
|
|
import ZoomPaper from "@/components/ZoomPaper.vue";
|
|
|
|
|
@@ -82,7 +82,7 @@ function addTrackColorAttr(tList: Track[]): Track[] {
|
|
|
.map((v) => v.markerId)
|
|
|
.filter((x) => !!x);
|
|
|
markerIds = Array.from(new Set(markerIds));
|
|
|
- markerIds.sort();
|
|
|
+ // markerIds.sort();
|
|
|
let colorMap: ColorMap = {};
|
|
|
for (let i = 0; i < markerIds.length; i++) {
|
|
|
const mId: any = markerIds[i];
|
|
@@ -91,14 +91,14 @@ function addTrackColorAttr(tList: Track[]): Track[] {
|
|
|
} else if (i == 1) {
|
|
|
colorMap[mId + ""] = "blue";
|
|
|
} else if (i > 1) {
|
|
|
- colorMap[mId + ""] = "green";
|
|
|
+ colorMap[mId + ""] = "gray";
|
|
|
}
|
|
|
}
|
|
|
if (Object.keys(colorMap).length > 1) {
|
|
|
emit("getIsMultComments", true);
|
|
|
}
|
|
|
tList = tList.map((item: Track) => {
|
|
|
- item.color = colorMap[item.markerId + ""] || "red";
|
|
|
+ item.color = colorMap[item.markerId + ""] || "gray";
|
|
|
item.isByMultMark = markerIds.length > 1;
|
|
|
return item;
|
|
|
});
|
|
@@ -110,7 +110,7 @@ function addTagColorAttr(tList: SpecialTag[]): SpecialTag[] {
|
|
|
.map((v) => v.markerId)
|
|
|
.filter((x) => !!x);
|
|
|
markerIds = Array.from(new Set(markerIds));
|
|
|
- markerIds.sort();
|
|
|
+ // markerIds.sort();
|
|
|
let colorMap: ColorMap = {};
|
|
|
for (let i = 0; i < markerIds.length; i++) {
|
|
|
const mId: any = markerIds[i];
|
|
@@ -119,11 +119,11 @@ function addTagColorAttr(tList: SpecialTag[]): SpecialTag[] {
|
|
|
} else if (i == 1) {
|
|
|
colorMap[mId + ""] = "blue";
|
|
|
} else if (i > 1) {
|
|
|
- colorMap[mId + ""] = "green";
|
|
|
+ colorMap[mId + ""] = "gray";
|
|
|
}
|
|
|
}
|
|
|
tList = tList.map((item: SpecialTag) => {
|
|
|
- item.color = colorMap[item.markerId + ""] || "red";
|
|
|
+ item.color = colorMap[item.markerId + ""] || "gray";
|
|
|
item.isByMultMark = markerIds.length > 1;
|
|
|
return item;
|
|
|
});
|
|
@@ -151,17 +151,32 @@ async function processImage() {
|
|
|
.map((q) => {
|
|
|
let tList = q.trackList;
|
|
|
|
|
|
- return addTrackColorAttr(tList);
|
|
|
+ return q.headerTrack?.length
|
|
|
+ ? addHeaderTrackColorAttr(q.headerTrack)
|
|
|
+ : addTrackColorAttr(tList);
|
|
|
})
|
|
|
.flat();
|
|
|
const thisImageTrackList = trackLists.filter(
|
|
|
(t) => t.offsetIndex === indexInSliceUrls
|
|
|
);
|
|
|
- const thisImageTagList = addTagColorAttr(
|
|
|
- (store.currentTask.specialTagList || []).filter(
|
|
|
- (t) => t.offsetIndex === indexInSliceUrls
|
|
|
- )
|
|
|
- );
|
|
|
+
|
|
|
+ const thisImageTagList = store.currentTask.headerTagList?.length
|
|
|
+ ? addHeaderTrackColorAttr(
|
|
|
+ (store.currentTask.headerTagList || []).filter(
|
|
|
+ (t) => t.offsetIndex === indexInSliceUrls
|
|
|
+ )
|
|
|
+ )
|
|
|
+ : addTagColorAttr(
|
|
|
+ (store.currentTask.specialTagList || []).filter(
|
|
|
+ (t) => t.offsetIndex === indexInSliceUrls
|
|
|
+ )
|
|
|
+ );
|
|
|
+
|
|
|
+ // const thisImageTagList = addTagColorAttr(
|
|
|
+ // (store.currentTask.specialTagList || []).filter(
|
|
|
+ // (t) => t.offsetIndex === indexInSliceUrls
|
|
|
+ // )
|
|
|
+ // );
|
|
|
|
|
|
sliceImagesWithTrackList.push({
|
|
|
url,
|