SkeyeVSS综合安防视频云服监控录像模板配置功能实现及组件使用

SkeyeVSS综合安防视频云服务通过接入SkeyeRMS录像服务器实现对系统里的摄像机等设备录像，通过配置对应的录像模板，有效的对指定时段视频数据录像管理。配置方式简单、易操作，配置模板的基本样式如图：

• 初始化录像模板组件
• 数据更新回显
• 选中回调新数据
• 时间轴的操作（删除、保存、输入时间，时间段两端可拖动延长时间，拖动选中等）
• 数据提交至后台

1.左侧选择需要配置的模板

（1）组件的初始化，基于jquery 要引入jquery.js 库 (组件的容器如下：)

<div plan id="recordBack" ref="recordBack"></div>

初始化 timePlanCallback 为选择时间段之后回调，

this.TimePlan = $('#recordBack').TimePlan({myData: []}, this.timePlanCallback);

（2）首先加载旧的配置数据，若有数据，通过setData方法在右侧显示出来，若没有配置就如上图显示一样（空的模板）。数据格式二维数组，再嵌套时间段json，如图：

this.TimePlan.setData(planDataArr);

2.录像配置及数据回调返回最新模板数据

（1）根据需要录像的时间进行拖动选中（最多选中12段）

// 录像计划(数据改变)回调
timePlanCallback(data) {
  // 选中的录像计划数据
  // console.log(data)
  this.form.RecordPlan = backOutString(data);
},

（2）每个时间段可单独操作 如图：（包含删除、保存、输入时间，时间段两端可拖动延长时间，等）