-
-
-
1
+
+
+
+
+
{{ addLabel.labelType }}
+
+
+
+
+
+
+
{{ addLabel.labelType }}
+
-
@@ -84,7 +95,7 @@ onMounted(() => {
watch(curSelectKey, (newVal, oldVal) => {
- labelList.value=[]
+ labelList.value = []
switchCamera(newVal)
})
watch(addLabel, (newVal, oldVal) => {
@@ -98,7 +109,7 @@ watch(addLabel, (newVal, oldVal) => {
}
})
-//测试删除标签
+//删除标签
function deleteLabel(id: number) {
markLabelApi.Delete({ id }).then((res: any) => {
@@ -131,7 +142,7 @@ const onContextMenuClick = (labelId: string, menuKey: string) => {
console.log(`labelId: ${labelId}, menuKey: ${menuKey}`);
//防止添加多个key值,再次点击不能关闭。数组去重
if (menuKey == "edit") {
- popup("编辑标签", [h( LabelEditModel )], "editLabel");
+ popup("编辑标签", [h(LabelEditModel)], "editLabel");
} else if (menuKey == "delete") {
Modal.confirm({
zIndex: 10000,
@@ -230,7 +241,6 @@ function mouseDownVideo(e: MouseEvent) {
name: name,
}
labelList.value.push(obj)
- console.log(obj, 'obj111111111111111');
isActiveChoose.value = false
piniaStore.updateIsAddLabel({ labelType: "", isAddLabel: false })
}
@@ -310,7 +320,7 @@ function loadMarkLabelsByLoop(cameraObj: any, ms: number = 1000) {
return;
}
loadMarkLabels(cameraObj);
- let timer = setTimeout(() => {
+ let timer = setTimeout(() => {
loadMarkLabelsByLoop(cameraObj, ms);
clearTimeout(timer)
}, ms);
@@ -394,16 +404,20 @@ onUnmounted(() => {
.labels-item {
position: relative;
cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
- span {
+ .label-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -55%);
}
- img{
- width: 150px;
- height: 100px;
+
+ img {
+ width: 120px;
+ height: 50px;
}
}
}