国标GB28181协议视频智能分析平台EasyGBS切换Tab菜单栏时出现抖动修复

EasyGBS国标视频智能分析平台在更新功能和版本之余，也在测试过程中排查以及修复了一些问题。EasyGBS视频智能分析平台提供用户管理及web可视化页面管理，及录像检索、回放，提供实时流媒体处理，PS（TS）转ES，并且具备音视频转码能力。

新版EasyGBS测试过程中，在切换tab菜单栏时，菜单栏整体会抖动，虽然不影响使用，但是观感体验非常不好，因此我们对这个点做一下优化。

经过排查我们得知，此种抖动是因为菜单栏加了权限，每次切换tab栏都会检验一次该用户是否是管理员身份还是游客身份，从而渲染一次tab组件数据，因为分析加渲染需要时间，从而导致组件会抖动。

因此我们从这个整体页面渲染时，就提前将不同身份的tab数据分配好。这样组件只会在页面刷新时重新渲染一次，而切换tab是不会重新渲染。从而避免了上述问题。

参考代码如下：

created() {
    console.log(this.userInfo.RoleName,this.serverInfo.IsDem,'creat身份');
    if (this.userInfo.RoleName == "admin") {
      this.menusData = this.menus;
    } else {
      if (this.serverInfo.IsDemo) {
        this.menusData = this.menus;
      } else {
        this.menusData = this.gustMenus;
      }
    }
    this.getPaht();
  },

大家有疑问或者在排查问题上有困难，都可以主动联系我们的运维人员协助。EasyGBS视频智能分析平台支持试用，欢迎大家联系我们获取测试账号进行测试。更多视频相关解决方案，可随时咨询我们。