宫美慧

感谢支持。若不足之处，欢迎大家指出，共勉。 本文章采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。 支持用户名、密码登录，默认显示一个维度数据，然后点击可钻取进入第二维度数据，再点击进入第三维度数据展示。 大致估摸着。。。 当然这不是要2周内，全做完。应该是完成步骤6。 相对于公司就我一个前…

图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。 由于浏览器的机制，使用window.location.href下载图片时，并不会保存到本地，会在浏览器打开。 这里为了交互体验，使用了element-ui的弹窗方式。将canvas画布放到了弹…

JavaScript计算两个时间相隔了 多少年多少月多少日。时分秒这里不作考虑。 若需要和当前时间比较，这里提供当前时间的获取格式化方法。我这里是根据传入类型输出日期或者日期+时间，可以明显看出type为day时，输出日期。 返回的结果是一个对象，包含了y m d三个属性，可根…

附件zip上传到服务器后，在页面中可直接查看zip中的文件内容，如：readme.txt。 在vue中引入，其中在JSZipUtils使用中this的指向进行了重定向。 row.downloadPath是附件的下载地址，con是txt中内容。 readme.txt是要查看的文件…

由前台导入Excel表格，获取批量数据。 根据一个数组导出Excel表格。 fileTemp这里定义了一下变量，指向最新上传的附件，起始定义为null。 这里发现控件file.raw是我们要用的File类型。 arr就是我们要的结果，是一个数组。每一个值是个对象，包含了code…