| | |
| | | </div> |
| | | </div> |
| | | <!-- <div class="part" v-if="groupList.length"> --> |
| | | <el-divider></el-divider> |
| | | <div class="part" v-if="groupList.length!==0 && Object.keys(curGroup)"> |
| | | <div class="title">绘制区域(用于算法分析)</div> |
| | | <div class="relative-partment" v-if="curGroup.cameras&&curGroup.cameras.length"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <div class="part relative-config" v-if="Object.keys(curGroup)"> |
| | | <div class="title"> |
| | | <div class="left"> |
| | |
| | | |
| | | async findPolygonByIds (cameras) { |
| | | for (var i = 0; i < cameras.length; i++) { |
| | | if (Object.keys(cameras[i]).length == 0) |
| | | continue |
| | | let res = await getAllPolygon({ cameraId: cameras[i].id }); |
| | | cameras[i].canvasData = res.data; |
| | | } |
| | |
| | | |
| | | async getAllGroupInfo () { |
| | | let _this = this; |
| | | console.log("_this.cameraData", _this.cameraData) |
| | | let res = await findCameraGroups(); |
| | | console.log("res", res); |
| | | let groupArr = res.data.map(item => { |
| | | let obj = {}; //group |
| | | obj.groupName = item.groupName; |
| | |
| | | async getAllGroups () { |
| | | let _this = this; |
| | | let groups = await this.getAllGroupInfo(); |
| | | console.log("groups", groups) |
| | | for (var i = 0; i < groups.length; i++) { |
| | | groups[i].cameras = await _this.findPolygonByIds(groups[i].cameras) |
| | | } |
| | |
| | | tempArr = tempArr.concat(cameraArea) |
| | | }); |
| | | this.cameraAreas = tempArr; |
| | | console.log(this.cameraAreas) |
| | | }) |
| | | }, |
| | | confirmGroupDialog () { |
| | |
| | | position: relative; |
| | | display: flex; |
| | | &:after { |
| | | content: ''; |
| | | content: ""; |
| | | position: absolute; |
| | | font-size: 0; |
| | | width: 1px; |
| | |
| | | margin-bottom: 20px; |
| | | .relative-partment { |
| | | width: 1200px; |
| | | margin: 0 auto; |
| | | // margin: 0 auto; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .area-wrap { |