code_Bo

基于vxetable进行的二次封装，封装api、按钮组、查询表单、分页，使用ts开发，基于vue3，封装完整的自定义插槽配置、时间处理，按钮组的列设置及全屏等功能通过自定义事件触发。

在使用snapdom生成截图的时候，控制台会报错： Uncaught (in promise) EncodingError: The source image cannot be decoded。

基于 vueflow 实现的装置图， 可以对节点进行拖拽、放大、缩小、编辑、输入，及新增节点、删除节点等操作。可以对展示的元素进行区域的划分，标签文字的描述，节点内容的拖拽等操作。

使用 element 中的，当把级联选择器当插槽放入table中的时候，el-cascader下拉框不跟随滚动，且会在页面中的位置固定，这里我们动态隐藏el-cascader下拉框的方法实现需求。

在使用vite+vue3的时候，更新.vue文件的时候， 没有热更新，浏览器无相应，网页刷新也不行，只能通过重新run来解决， 只涉及一个文件，下面就来看一下怎么解决 vite热更新失效的问题。

使用element组件的时候，这个组件提供了日期区间选择，但没有提供年份区间选择的能力，现在网络上也有一些成熟的其他人进行的改造。但都是两个组件组合在一起的方式，我们来实现一个单独的年份区间组件。

vue3结合pinia使用高德地图，完成点线绘制，信息窗体的加载，右键菜单的配置， 图例的加载，点和线的右键信息弹窗的交互，动态点位的增加，曲线的动态绘制，直线的动态绘制等。

el-table 组件 鼠标悬浮的时候会自动给增加一个悬浮背景色， 当我们这里用到了单元格合并以后，这个背景色就会把左边合并了的 悬浮样式和右边第一行的一起触发，下面代码在 css 中单独处理了。

echarts 中有一个图形叫动态数据+时间坐标轴，但是使用这个的时候，一般数据没问题，如果碰上我这种同一个x轴上，有两个值的情况就比较麻烦。 左移的逻辑就要好好思考一下子了。下面分享一下。