首页 > 其他分享 >树形/级联组件->数据做键,制作与还原

树形/级联组件->数据做键,制作与还原

时间:2023-11-14 13:45:35浏览次数:31  
标签:做键 级联 string param item 树形 params key children

数据的制作

/** 树形/级联组件->数据做键,制作与还原
 * @param {Array} list 
 * @param {string} params 源 `json` 的 `key`
 * @param {string} key 生成后 `string` 存放的 `key`
 * @param {string} children 下一级的 `key` 值
 * @returns 
 */
export const TreeValueToKey = (list, params = 'params', key = 'key', children = 'children') => {
  return list.map((item) => {
    if(item[params]) item[key] = JSON.stringify(item[params]);
    if(item[children]) item[children] = TreeValueToKey(item[children]);
    return item;
  })
}

数据的还原

/** 还原树/级联组件选中的key
 * @param {String<Object>[]} keys
 * @param {Boolean} false: 不进行合并 true: 合并结果数据为一个json
 */
export const recoverSelectKey = (keys, merge = false) => {
  const reObj = keys.map((str)=>JSON.parse(str));
  if(!merge) return reObj;
  else reObj.reduce((previous, current)=>({...previous, ...current}),{});
}

标签:做键,级联,string,param,item,树形,params,key,children
From: https://www.cnblogs.com/qoon-f/p/17831275.html

相关文章

  • 国标GB28181视频平台EasyCVR级联后上级平台不显示通道的原因是什么?
    EasyCVR是一个功能强大的视频平台,能够在复杂的网络环境中统一汇聚、整合和集中管理各种类型的前端监控设备。支持的协议包括国标GB/T28181、RTMP、RTSP/Onvif等以及海康大华的私有协议与SDK。平台提供直播、录像、告警、级联和对讲等视频功能。有用户反馈称,EasyCVR成功地将自身级......
  • LiteCVR安防监控平台RTMP推流平台级联到上级的方法
    随着摄像头和显示设备技术的不断进步,视频监控系统将朝着更高的分辨率方向发展。高清和超高清画质可以提供更清晰、细节丰富的图像,有助于提升监控的效果和应用价值。有用户反馈,现场的设备是运动相机,不支持国标和其他协议接入LiteCVR平台,只能通过rtmp_push推送到LiteCVR平台。但是......
  • 记录--vue3 setup 中国省市区三级联动options最简洁写法,无需任何库
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助在写页面的时候,发现表单里面有一个省市区的options组件要写,因为表单很多地方都会用到这个地址选择,我便以为很简单嘛。虽然很简单的一个功能,但是网络上能搜索到的教程大多都是需要配合elementUI等各种UI库的......
  • 操作教程:LiteCVR利用国标GB28181级联将无人机RTMP推流到上级平台
    随着科技的进步和社会需求的增加,视频监控技术得到了快速发展。例如,在交通管理方面,视频监控技术可以实时监测道路交通情况,改善交通拥堵问题。在城市规划中,视频监控技术可以帮助进行流量分析、人员密度评估等,为城市的规划提供数据参考。有用户咨询,在现场部署了LiteCVR,通过RTMP推流......
  • 国标GB28181安防平台LiteCVR如何快速配置平台国标级联?
    安防行业主要围绕视频监控进行不断升级,共经历5次革命,从“看得到”到“看得清”再到“看得懂”,从被动监控到主动识别,从事后查证向事前预警,从单一产品到行业生态,从G端到B端、C端扩展。因为平台级联功能在项目场景中使用较多,用户也咨询得较多,今天我们就来介绍一下LiteCVR如何配置平台......
  • 支付宝小程序的级联选择器,对接简单操作,Cascader 级联选择器element_ui
    首先,对于element_ui的动接,由于需要数据格式是 但是支付宝提的接口返回的数据是另一种格式,并且支付宝的三级联动接口是先只有一个列表,点击列表项再发现请求,生成另外一个下拉选择,需要这个三级联动不能直接使用element-ui的三级联动。需要自己实现这个功能 并且支付宝的这个......
  • Vue树形单选选择器
    调用页面SuperviseTimerModal.vue代码如下:<template><div><j-modalcentered:title="title":width="width":visible="visible":destroyOnClose="true"switchFullscreen......
  • 使用LiveNVR将局域网Onvif/RTSP/SDK等协议转GB28181级联输出或GB35114级联输出,上级平
    1、第一步:抓包工具准备1.1、Linux使用tcpdump进行抓包,如果系统无此命令,自行安装1.2、windows下载安装wireshark进行抓包2、第二步:找到上级平台ip在基础配置里面GB28181级联配置中SIP服务IP3、第三步:执行命令抓设备出口ip3.1Linux在Linux系统中切换到root用户,执行下......
  • 递归函数实现省市区多级联动搜索帮助
    1、需求背景当程序中有互为层级的字段,需要使用搜索帮助时,可以通过多次调用搜索帮助来实现。比如在程序中需要填写省市区三级地址2、实现方式2.1、平铺直叙程序的搜索帮助,通常使用F4IF_INT_TABLE_VALUE_REQUEST来实现。多级的搜索帮助,可以简单的通过多次调用F4函数来实现。点......
  • 智能安防视频监控平台EasyCVR级联上级时无播放画面是什么原因?该如何解决?
    视频汇聚/视频云存储/集中存储/视频监控管理平台EasyCVR能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、云存储、智能分析等,视频智能分析平台EasyCVR融合性强、开放度高、部署轻快,在智慧工地、智慧园区、智慧......