日常笔记

1.vue无缝滚动插件：vue-seamless-scroll
地址：vue-seamless-scroll

2.小程序图表使用U-charts
地址：u-charts
canvas是原生组件级别最高，小程序使用echarts和F2都不能解决图标会覆盖在模态框上的bug,ucharts可以，u-charts 转化图片的方法只对原生的canvas标签起作用

3.3d拓扑图：3d-force-graph

4.ant-design-vue a-table合并表格行和列

5.首页本月故障趋势，收缩展开，echarts图重新加载，自定义指令v-resize ok

directives: {  // 使用局部注册指令的方式
      resize: { // 指令的名称
        bind(el, binding) { // el为绑定的元素，binding为绑定给指令的对象
          let width = '', height = '';
          function isReize() {

            const style = document.defaultView.getComputedStyle(el);
            if (width !== style.width || height !== style.height) {
              if(binding){
                binding.value();  // 关键
              }
            }
            width = style.width;
            height = style.height;
          }
          if(el){
            el.__vueSetInterval__ = setInterval(isReize, 300);
            // el.__vueSetInterval__ = setTimeout(isReize, 300);
          }
        },
        unbind(el) {
          if(el){
            clearInterval(el.__vueSetInterval__);
          }
        }
      }
    },

6.首页点位故障预览，点击进入地图定位(该点位下的故障)

1. 首先得找到中间地图标签；

2. 向后台加参数,获取经度纬度，mymap.flyTo(jd,wd,16)到地图上（获取点位故障信息的数据写入到地图上，暂时去掉了，影响到一开始默认地图的故障信息数据了）；

7.自定义组件年组件，重置后年为变成当前年份，因为年份是子组件，只能监听到第一次点击重置按钮，解决办法： ok

1. 新加bus作为一个公共的实例($emit和$on的事件必须在一个公共的实例上，才能够触发。)

2. `//vue原型链挂载总线

    //子组件发送数据
    this.bus.$emit("change",data);
    
    //子组件接收数据 
    this.bus.$on("change",function(data){
    // 这里是对数据的操作
    })`