EasyNVR录像回看按日期检索时日期不可点击问题的调整方案

Posted 2021-06-28 EasyNVR

EasyNVR的录像功能分为云端录像和设备录像，今年我们又增加了一种新的录像方式，即实时录像，大家可以根据需求调整录像方式。除了录像方式可以自定义外，录像回看也可以根据日期来检索。但是在日常对EasyNVR的检查时，我们发现录像回看通过日期检索时，日期呈现灰色不可点击，需要日期切页才显示。

通过对前端代码的排查，我们猜测可能是日期组件获取的时机不对导致的问题，在该情况中，日期组件是在数据获取之前渲染，因此第一次使用日期组件时，后期的渲染内容无法覆盖日期数据，造成了问题。因此该渲染方法我们需要进行调整。

我们采取的方法是将日期组件封装成一个方法，在数据获取后再调用。参考代码如下：

通过以上方法封装组件后，检查前端显示，发现日期格式和可点击日期都变了。

随后在mounted方法中再调用创建日期组件方法，声明组件的格式和语言。

完成后最终的解决效果如下：

EasyNVR安防流媒体服务解决方案，支持RTSP稳定拉流接入，支持Onvif协议接入，支持RTSP/RTMP/HLS/HTTP-FLV分发，将传统安防监控设备互联化，无插件直播等。如果大家还想了解更多关于EasyNVR的相关内容，欢迎关注我们或者直接下载测试。