监控ui

heyujie

2021-10-11 ae2d855c89ca722ac7309fdf1aa6ceed370e3b95

 src/pages/panoramicView/components/LabelMark.vue

@@ -319,7 +319,6 @@
    sure() {
      let _this = this;
      this.$refs['labelForm'].validate(valid => {
        console.log(valid)
        if (valid) {
          _this.isShowPop = false;
          //编辑确定
@@ -328,7 +327,6 @@
            _this.curCameraData.coords[editedIndex] = JSON.parse(JSON.stringify(_this.curLabel));

          }
          console.log(_this.curCameraData.coords)
          this.$refs['labelForm'].clearValidate();
        }
      });
@@ -360,8 +358,21 @@
    },
    async submitInfo() {
      this.isEdit = false;

      if (this.curCameraData.coords.length > 0 && this.curCameraData.coords.length < 4) {
        this.$message({
          type: "warning",
          message: "保存失败! 至少需要标记4处!"
        })
        return
      }

      let res = await updateCameraMarks(this.curCameraData);
      if (res.success) {
        this.$message({
          type: "success",
          message: "保存成功"
        })
        this.findCameraMarks(this.curCameraData.cameraId);
      }
    },
@@ -381,7 +392,6 @@
      })
    },
    showCurPos(e) {
      console.log(e);
      this.isShowCurPos = true;
      this.traceX = e.offsetX;
      this.traceY = e.offsetY;
@@ -411,10 +421,8 @@
      this.newLabel(e);
    },
    newLabel(e) {
      console.log('点击了画板')
      if (this.isShowPop) return;
      //获取鼠标相对于画板的定位
      console.log('获取当前定位信息');
      this.$refs['labelForm'].resetFields();
      let target = {
        id: '',
@@ -575,7 +583,8 @@
  }
  .action-bar {
    width: 960px;
    margin: auto;
    // margin: auto;
    margin-left: 100px;
    margin-top: 30px;
    //margin-bottom: 20px;
    text-align: right;
@@ -586,7 +595,8 @@
    }
  }
  .drawboard {
    margin: auto;
    // margin: auto;
    margin-left: 100px;
    width: 960px;
    height: 540px;
    margin-bottom: 130px;
@@ -680,7 +690,8 @@
  }
  .panorama-info {
    width: 1070px;
    margin: 0 auto;
    // margin: 0 auto;
    margin-left: 100px;
    display: flex;
    padding-bottom: 30px;
    .img-wrap {