问题修复

ZZJ

2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3

 src/pages/panoramicView/components/RelateCamera.vue

@@ -40,6 +40,7 @@
      </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">
@@ -48,6 +49,7 @@
        </div>
      </div>
    </div>
    <el-divider></el-divider>
    <div class="part relative-config" v-if="Object.keys(curGroup)">
      <div class="title">
        <div class="left">
@@ -142,7 +144,7 @@

export default {
  components: { SlideCanvas },
  data () {
  data() {
    return {
      cameraData: [],
      relativeList: [],
@@ -161,11 +163,11 @@
      cameraAndPolygonData: []
    }
  },
  mounted () {
  mounted() {
    this.getAllCameraData();
  },
  methods: {
    getAllCameraData () {
    getAllCameraData() {
      let _this = this;
      getCamerasByServer().then(res => {
        if (res.success) {
@@ -176,10 +178,10 @@
        console.log(e)
      })
    },
    polygonUpdate () {
    polygonUpdate() {
      this.getAllGroups();
    },
    delRelation (item, index) {
    delRelation(item, index) {
      let _this = this;
      if (item.id) {
        delRelation(item.id).then(res => {
@@ -191,12 +193,12 @@
            _this.findRelationByGroup();
          }
        })
      }else{
        this.relativeList.splice(index,1);
      } else {
        this.relativeList.splice(index, 1);
      }

    },
    findRelationByGroup () {
    findRelationByGroup() {
      let _this = this;
      findByGroup({ groupId: this.curGroup.id }).then(res => {

@@ -213,8 +215,8 @@
        })
      })
    },
    saveRelativePolygon (item) {
      debugger
    saveRelativePolygon(item) {
      // debugger
      if (!item.sourceObj || !item.targetObj) {
        this.$notify({
          type: 'warning',
@@ -250,17 +252,21 @@
      })
    },

    async findPolygonByIds (cameras) {
    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;
      }
      return cameras
    },

    async getAllGroupInfo () {
    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;
@@ -303,9 +309,10 @@
    //     _this.checkCurrentGroup(_this.groupList[0]);
    //   })
    // },
    async getAllGroups () {
    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)
      }
@@ -316,36 +323,36 @@
        this.groupList.length && this.checkCurrentGroup(_this.groupList[0]);
      } else {
        let group = this.groupList.find(one => one.id == this.groupForm.id);
        if(group){
        if (group) {
          this.groupList.length && this.checkCurrentGroup(group);
        }else{
        } else {
          this.groupList.length && this.checkCurrentGroup(_this.groupList[0]);
        }
        

      }


    },

    addRelation () {
    addRelation() {
      let obj = { cameraArea1: '', cameraArea2: '' };
      this.relativeList.push(obj)
    },

    editGroup (group) {
      debugger
    editGroup(group) {
      // debugger
      this.groupModelVisible = true;
      //this.$refs['groupForm'].resetFields();
      //this.groupForm = group;
      this.groupForm = JSON.parse(JSON.stringify(group));
    },
    removeGroup (group) {
    removeGroup(group) {
      let _this = this;
      delCameraGroup(group.id).then(res => {
        _this.getAllGroups()
      })
    },
    checkCurrentGroup (group) {
    checkCurrentGroup(group) {
      this.groupList.forEach(group => {
        group.checked = false;
      });
@@ -375,10 +382,9 @@
          tempArr = tempArr.concat(cameraArea)
        });
        this.cameraAreas = tempArr;
        console.log(this.cameraAreas)
      })
    },
    confirmGroupDialog () {
    confirmGroupDialog() {
      //请求保存新建或编辑分组
      let _this = this;
      let params = {
@@ -413,7 +419,7 @@
      })
      //this.groupList.push(this.groupForm);
      saveCameraGroupInfo(params).then(res => {
        if(res.success){
        if (res.success) {
          this.$notify({
            type: 'success',
            message: '保存成功!'
@@ -424,7 +430,7 @@
      this.groupModelVisible = false;

    },
    newGroup () {
    newGroup() {
      this.groupModelVisible = true;
      this.$nextTick(() => {
        this.$refs['groupForm'].resetFields();
@@ -509,7 +515,7 @@
      position: relative;
      display: flex;
      &:after {
        content: '';
        content: "";
        position: absolute;
        font-size: 0;
        width: 1px;
@@ -531,7 +537,7 @@
    margin-bottom: 20px;
    .relative-partment {
      width: 1200px;
      margin: 0 auto;
      // margin: 0 auto;
      display: flex;
      justify-content: space-between;
      .area-wrap {
@@ -561,7 +567,7 @@
        .right {
          display: flex;
          align-items: center;
          .el-button + .el-button{
          .el-button + .el-button {
            margin-left: 0;
          }
        }