国标GB28181协议视频告警智能分析平台EasyGBS树状图选择通道组件数据勾选异常问题解决

由于国标GB28181协议视频平台EasyGBS的适用范围越来越广泛，且接入视频通道数的越来越多，我们急需对EasyGBS的部分功能进行优化升级。上一篇我们对EasyGBS选择通道组件树状图重构，但是在重构之后我们测试发现了新的问题。

国标GB28181平台EasyGBS的树状图组件在勾选数据之后，当我们取消某些勾选的数据后，若不刷新页面，再次打开选择通道弹框时，树状图的勾选数据还是之前为取消前的数据，如果刷新页面再打开勾选的数据就成正常了。

树状图组件的勾选数据是通过接口获取到的，当我们修改了勾选数据发送给服务端时，此时，按理说只要重新从服务端拿到新的数据在渲染就可以了。但是，树状图组件勾选数据需要在柱状图UI为渲染前完成才可以，当我们重新改变数据后，若为页面让树状图重新渲染，就无法将最新的勾选数据渲染到树状图上，这也就是为什么刷新完就可以正常显示的原因。

当我们改变需要勾选的数据后，发送请求到服务端后，将页面强行刷新就行了。参考代码如下：

               editDascadee(id, type) {
      if (id == "") {
        this.isBtnShow = true;
        this.getCascadeList(this.ID);
      } else {
        if (type == 1) {
          this.startLoading();
        }
        $.post("/api/v1/cascade/channels", {
          opt: type == 0 ? "del" : "add",
          cascade_id: this.ID,
          id: id,
        }).then((ret) => {
          this.isBtnShow = true;
          if (type == 1) {
            this.Floading.close();
            this.$router.go(0);
            this.$message({
              message: "提交成功",
              type: "success",
            });
          }
        });
      }
    },
  },

EasyGBS国标视频流媒体平台的一大特点就是支持通过GB28181协议与第三方国标平台进行级联，也能够接收TSINGSEE青犀视频平台EasyNVR的级联，如果大家对EasyGBS的级联功能或者告警功能比较感兴趣，欢迎联系我们了解，EasyGBS、EasyNVR等视频平台均提供试用版本供大家测试，欢迎咨询。