功能描述21年做的一个功能，涉及到将行数据转化成列数据。边查边做，一点一点的尝试着做好。当时感觉有点吃力。完成之后本想记录，但一直拖延至今。最近再次接手与这个功能相关的业务，整理了之前写的代码，趁此机会记录下来。功能界面界面中是一个三级结构：L1级【TestSample】,L2级【ABV，ABW，CO2，O2，pH】，L3级【白色表格中的数据：Date，Actual，EnteredBy】。数据表为了实现页面显示的三级结构，表中添加了ParentID字段存数据关系。L1级ParentID为NULL，L2级ParentID存的是L1级的ID，L3级ParentID存L2级ID。如果想更容易查询出L
Flink系列文章1、Flink部署、概念介绍、source、transformation、sink使用示例、四大基石介绍和示例等系列综合文章链接13、Flink的tableapi与sql的基本概念、通用api介绍及入门示例14、Flink的tableapi与sql之数据类型:内置数据类型以及它们的属性15、Flink的tableapi与sql之流式概念-详解的介绍了动态表、时间属性配置（如何处理更新结果）、时态表、流上的join、流上的确定性以及查询配置16、Flink的tableapi与sql之连接外部系统:读写外部系统的连接器和格式以及FileSystem示例（1）16、Flink的ta
目录一、什么是UniversalLink？1.背景介绍2.特点3.运行机制原理&流程图二、配置教程1.第一步：开启AssociatedDomains服务1.1开通AssociatedDomains2.第二步：服务器配置apple-app-site-association（AASA）文件2.1创建 apple-app-site-association 文件2.2将 apple-app-site-association 文件上传到服务器2.3校验AASA文件的有效性2.3.1 三方工具（推荐使用）2.3.2 官网（不好用）3.第三步：配置AssociatedDomains（域名）3.1在Xcode
正文npmlink的用法假如我们想自己开发一个依赖包，以便在多个项目中使用。一种可行的方法，也是npm给我们提供的标准做法，那就是我们独立开发好这个"依赖包"，然后将它直接发布到npm镜像站上去，等以后想在其他项目中使用的时候，直接npminstallmoduleName。但是，如果我们修改了这个依赖包的源码，就要重新发布到npm镜像站，这样做相对来说会有一点麻烦。我们希望有更方便一点的办法，npmlink就是这样的一个简便方案。那么，npmlink是怎么用的呢？下面我会用一个例子来说明npmlink的用法。示例项目npm-link-test我们创建一个名为npm-link-test的项目，整
Flink系列文章1、Flink部署、概念介绍、source、transformation、sink使用示例、四大基石介绍和示例等系列综合文章链接13、Flink的tableapi与sql的基本概念、通用api介绍及入门示例14、Flink的tableapi与sql之数据类型:内置数据类型以及它们的属性15、Flink的tableapi与sql之流式概念-详解的介绍了动态表、时间属性配置（如何处理更新结果）、时态表、流上的join、流上的确定性以及查询配置16、Flink的tableapi与sql之连接外部系统:读写外部系统的连接器和格式以及FileSystem示例（1）16、Flink的ta
前言功能介绍最近遇到一个功能，需要的是把表格的列可以配置，用户可以根据自己想要看的数据来改变表头列显示哪些隐藏哪些。于是我做了两个版本。第一个版本是自由搭配的。就是提前顶号所有的列，然后自己可以拖拽到想要位置顺序。也可以自己新增一个二级表头自定义一个名称把表头都拖进去组成多级表头表格。不过这种的毕竟复杂。第二个版本就简单一些了，是固定的列，比如十列写好了，然后用户只能在这十列里面选择显示或隐藏哪些。位置不能动，文字也不能动。就是单纯的显示隐藏列效果图外面的表格样子，点击右边的小齿轮开始设置打开后是这样的。左边可以勾选需要的列，会添加到右边。然后右边可以拖拽到想要的顺序。也可以添加一个蓝色表头自
需求：不管是页面切换还是通过搜索获取数据，都要保持已选中的行保持勾选状态，同时将选中行的内容以标签的形式显示出来，当点击关闭标签时可以对应取消选中状态，点击行中的任意位置也可以切换选中状态，单独勾选复选框一样可以达到要求。由于需求相对还是蛮复杂的，直接使用row-key和reserve-selection，难以实现。所以直接通过书写代码来控制表格的勾选状态。注意：我使用的是vue3+ts!!!!1.第一步：书写html代码给el-table添加对应勾选的监听事件，row-click用于监听鼠标选中某行时的勾选事件(不需要可去掉，我的需求是鼠标选中某行也要勾选)；selection-change
Flink系列文章1、Flink部署、概念介绍、source、transformation、sink使用示例、四大基石介绍和示例等系列综合文章链接13、Flink的tableapi与sql的基本概念、通用api介绍及入门示例14、Flink的tableapi与sql之数据类型:内置数据类型以及它们的属性15、Flink的tableapi与sql之流式概念-详解的介绍了动态表、时间属性配置（如何处理更新结果）、时态表、流上的join、流上的确定性以及查询配置16、Flink的tableapi与sql之连接外部系统:读写外部系统的连接器和格式以及FileSystem示例（1）16、Flink的ta
el-table的父元素不能是flex：1的元素，需要在外面再加一层元素，并且父元素设置成absolute，祖父元素设置成relative即可。divclass="table-wrap">divclass="table-content">el-table:data="tableData">.../el-table>/div>/div>.table-wrap{flex:1;position:relative;/*解决表格高度不能适应flex，不断增加的问题*/.table-content{position:absolute;width:100%;height:100%;}}参考element-u
今天在虚拟机上搭建平台，执行docker-composeup-d报错：✘Networklayman_defaultError0.0sfailedtocreatenetworklayman_default:Errorresponsefromdaemon:FailedtoSetupIPtables:UnabletoenableSKIPDNATrule:(iptablesfailed:iptables--wait-tnat-IDOCKER-ibr-8e527ad6d691-jRETURN:iptables:Nochain/target/matchbythatname. 如图： 原因这是因为在启动do
