From e044cb7dedd0c171e6a38bed486bf46c8f8c58bb Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期三, 23 十二月 2020 15:20:36 +0800
Subject: [PATCH] 长春全景追踪应用更新(添加轨迹图查询,布局结构更新),场景轮播图算法图标不显示问题修复
---
src/pages/labelMark/components/RightSide.vue | 122 +++++++++++++---------------------------
1 files changed, 39 insertions(+), 83 deletions(-)
diff --git a/src/pages/labelMark/components/RightSide.vue b/src/pages/labelMark/components/RightSide.vue
index 44808a9..d8a4478 100644
--- a/src/pages/labelMark/components/RightSide.vue
+++ b/src/pages/labelMark/components/RightSide.vue
@@ -9,7 +9,7 @@
element-loading-text="鍔犺浇涓�"
type="border-card"
>
- <el-tab-pane label="浣嶇疆鏍囨敞" name="1">
+ <el-tab-pane label="浣嶇疆鏍囧畾" name="1">
<el-tabs type="border-card">
<el-tab-pane label="鎽勫儚鏈烘爣娉�" name="11">
<div class>
@@ -312,7 +312,7 @@
</div>
</el-tab-pane>
</el-tabs>
- <el-dialog class="dialog-group" title="鏂板缓鍒嗙粍" :visible.sync="groupModelVisible">
+ <el-dialog class="dialog-group" :title="groupForm.id?'缂栬緫鍒嗙粍':'鏂板缓鍒嗙粍'" :visible.sync="groupModelVisible">
<el-form :model="groupForm" ref="groupForm">
<el-form-item>
<label>鍒嗙粍鍚嶇О</label>
@@ -347,7 +347,7 @@
import { getCamerasByServer } from '@/api/pollConfig';
import { getCameraMarks, updateCameraMarks, findCameraGroups, saveCameraGroupInfo, delCameraGroup } from '@/api/camera';
import { getSearchList } from '@/api/search';
-import TreeDataPool from "@/Pool/TreeData";
+
import { isNonnegativeInteger } from '@/scripts/validate';
import { getAllPolygon, saveRelationPolygon, findByCamGroup, findByGroup, delRelation } from '@/api/polygon';
import SlideCanvas from './SlideCanvas';
@@ -356,50 +356,42 @@
components: { SlideCanvas },
data () {
return {
- labels: [],
- colorPick: '#79f2fb',
- dotSize: 3,
- isEdit: false,
- isShowPop: false,
- isNewLabel: false,
+ // labels: [],
+ // colorPick: '#79f2fb',
+ // dotSize: 3,
+ // isEdit: false,
+ // isShowPop: false,
+ // isNewLabel: false,
// curLabel: {
// id: '',
- // posX: '',
- // posY: '',
- // x: '',
- // y: ''
+ // x1: '',
+ // y1: '',
+ // x0: '',
+ // y0: ''
// },
- curLabel: {
- id: '',
- x1: '',
- y1: '',
- x0: '',
- y0: ''
- },
- rules: {
- x1: [
- { validator: isNonnegativeInteger, trigger: 'change' }
- ],
- y1: [
- { validator: isNonnegativeInteger, trigger: 'change' }
- ]
- },
- baseUrl: '',
- snapshot_url: '',
- userImg: '',
- cameraData: [],
- traceX: 0,
- traceY: 0,
- isShowCurPos: false,
- actPage: '1',
- loading: false,
- spaceWidth: '',
- spaceHeight: '',
- curCameraData: {
- cameraId: '',
- coords: []
- },
- relativeCameras: [],
+ // rules: {
+ // x1: [
+ // { validator: isNonnegativeInteger, trigger: 'change' }
+ // ],
+ // y1: [
+ // { validator: isNonnegativeInteger, trigger: 'change' }
+ // ]
+ // },
+ // baseUrl: '',
+ // snapshot_url: '',
+ // userImg: '',
+ // cameraData: [],
+ // traceX: 0,
+ // traceY: 0,
+ // isShowCurPos: false,
+ // actPage: '1',
+ // loading: false,
+ // spaceWidth: '',
+ // spaceHeight: '',
+ // curCameraData: {
+ // cameraId: '',
+ // coords: []
+ // },
relativeList: [],
cameraAreas: [],
groupModelVisible: false,
@@ -437,12 +429,7 @@
},
deep: true
},
- // 'TreeDataPool.selectedNodes': {
- // handler (n, o) {
- // },
- // deep: true
- // },
isEdit (n, o) {
if (n) {
this.$refs['editBoard'].addEventListener('click', this.bindListen);
@@ -453,7 +440,6 @@
},
methods: {
polygonUpdate(){
- debugger
this.getAllGroups();
},
delRelation (item) {
@@ -506,13 +492,7 @@
}
})
},
- saveRelativeList () {
- let params = {
- groupId: this.curGroup.id,
- }
- //saveRelationPolygon().then()
- },
async findPolygonByIds (cameras) {
for (var i = 0; i < cameras.length; i++) {
let res = await getAllPolygon({ cameraId: cameras[i].id });
@@ -678,13 +658,8 @@
cameras: []
}
},
- changeTab () {
- if (this.actPage == '1') {
- this.$parent.$children[0].$el.parentNode.parentElement.style.display = 'block';
- } else {
- this.$parent.$children[0].$el.parentNode.parentElement.style.display = 'none';
- }
- },
+
+//labelMark start
sure () {
let _this = this;
this.$refs['labelForm'].validate(valid => {
@@ -742,9 +717,6 @@
onChange (file, fileList) {
fileList = [file]
this.isShowCurPos = false;
- // this.traceX = e.offsetX;
- // this.traceY = e.offsetY;
- //fileList.push(file)
},
definedUpload (params) {
let _file = params.file
@@ -767,18 +739,6 @@
console.log(e)
})
},
- // async getAllCameraData () {
- // let res = await getCamerasByServer();
- // this.cameraData = res.data;
- // let tempArr = [];
- // this.cameraData.forEach(camera=>{
- // getAllPolygon({ cameraId: camera.id }).then(res=>{
- // tempArr.push(res.data);
- // })
- // });
- // this.cameraAndPolygonData = tempArr;
- // console.log(this.cameraAndPolygonData)
- // },
bindListen (e) {
this.newLabel(e);
},
@@ -803,13 +763,11 @@
this.isNewLabel = true;
},
editLabel (label) {
- debugger
if (!this.isEdit) return;
this.isShowPop = true;
this.$refs['labelForm'].clearValidate();
this.curLabel = JSON.parse(JSON.stringify(label));
- console.log(this.curLabel)
- //this.curLabel = label;
+
},
cancle () {
this.isShowPop = false;
@@ -1011,8 +969,6 @@
}
//color: #4966b7
}
- }
- .img-card {
}
.upload-demo,
.el-upload {
--
Gitblit v1.8.0