[Tutorial técnico] Estándar nacional GB28181 Protocolo de cascada / transmisión por video Plataforma de análisis inteligente de alarmas Personalización de la barra de menús Agrega más de tres subdirectorios

El equipo de I + D de vídeo de TSINGSEE Qingxi ha recibido muchas solicitudes de personalización de los usuarios y haremos todo lo posible para desarrollar versiones personalizadas para los usuarios. Dado que la plataforma de video del protocolo estándar GB28181 EasyGBS admite la conexión en cascada, muchos usuarios tendrán algunos elementos personalizados sobre la conexión en cascada cuando utilicen EasyGBS para la conexión en cascada.

New.png

En la actualidad, el menú de la plataforma de video EasyGBS es un directorio de tres niveles. Algunos usuarios requieren que después de que EasyGBS esté en cascada, la capa de canales de la barra de menú izquierda, que es el directorio de tercer nivel, aparecerá como un subdirectorio menú, que se convierte en un menú de directorio de varios niveles, que se puede distinguir en 4. Nivel y más.

GBS10.png

El campo SubCount de los datos del diagrama de árbol de directorios de la plataforma EasyGBS es el número de subdirectorios. En la arquitectura de compilación, establecemos el nivel 0 como nivel de canal, es decir, no hay subdirectorio bajo este directorio. es mayor que 0, es un subdirectorio Realice el procesamiento de alineación.

18.png

19.png

Código de referencia:

1 se cambia a un ícono de carpeta, 2 se puede expandir, 3 cuando se expande, el sistema puede obtener los datos del menú de nivel inferior y representarlos en la interfaz para mostrar los datos del menú por debajo del nivel 3.

-  getsubfolderData(node, resolve, type) {
      if (type == "list") {
        $.get("/api/v1/device/info", {
          serial: node.data.DeviceID,
          dir_serial: node.data.ID,
        }).then((ret) => {
          let aa = [];
          for (const i in ret.ChannelList) {
            let arr = {};
            arr.Name =
              ret.ChannelList[i].Name == ""
                ? ret.ChannelList[i].ID
                : ret.ChannelList[i].Name;
            arr.DeviceID = ret.ChannelList[i].DeviceID;
            arr.ID = ret.ChannelList[i].ID;
            arr.online = ret.ChannelList[i].Status == "ON" ? true : false;
            arr.leaf = ret.ChannelList[i].SubCount == 0;
            arr.SubCount = ret.ChannelList[i].SubCount;
            arr.Type = 2;
            arr.rank = 3;
            aa.push(arr);
          }
          return resolve(aa);
        });
      }
    },
 

El efecto de referencia es el siguiente, el catálogo del cuarto nivel y el número de canal se pueden mostrar en el menú del tercer nivel:

20.png

Los proyectos personalizables de EasyGBS son mucho más que eso. Si está interesado en la plataforma de video del protocolo GB28181 estándar nacional, bienvenido a probar EasyGBS, y puede llamar libremente a la interfaz API para desarrollo secundario e integración durante el período de prueba.

Supongo que te gusta

Origin blog.csdn.net/Black_3717/article/details/111353393
Recomendado
Clasificación