靓靓儿-CSDN博客

原创实现调用本地office打开在线文档功能

点击文档列表链接，实现调用本地对应office打开对应类型文档的功能，现将该功能实现方案列出来，供大家参考。http://10.120.16.213/web/data/share_files/测试数据.docx。2.在方法中通过截取，判断文件类型，通过文件类型去调用不同的方法打开文件。1.通过给需要点击的对象添加点击方法，传入获取到的链接地址。3.在线文档链接结构如下。

2022-11-22 16:23:15 1293 1

echarts官网中的示例如下，我们只能看到一个visualMap的属性中加了inRange，便可以出来一个渐变色的图例但往往业务需求要的图例是这种格式的先贴一个实现的效果图，铛铛啷挡~~实现这个效果我们只需要操作viralMap的color属性和 categories属性即可，如下：visualMap: { left:50, top:170, dimension: 2, // orient: 'horizontal',

2020-06-18 17:43:36 5777 18

原创实现a链接实现点击下载base64图片到本地文件夹 (基于vue)

最近接到一个需求，需要一个共享文件列表，支持文件的上传与下载，先贴个效果图说重点：普通类型文件的下载我们可以通过给a标签添加href和download属性，便可以实现下载文件了，但是唯独（不同源）图片不行！！！1.首先点击下载不同源图片的时候会报跨域的问题，网上找了很多种解决办法，前端都无法解决这个图片跨域的问题，最后只能求助后台，让后台把图片地址转为base64位的图片；2.在表格中批量下载其他文件的时候，我选择的是用iframe创建a标签的方式去下载的，下载图片由于是base64的图

2020-06-18 17:25:45 3827

原创 element-ui实现导航跟随锚点滚动，为导航menu添加对应的class类

1.首先写一个导航条组件， 1>组件要求父级传的参数包含一个导航列表：sideMenulist，另包含一个锚点id：selectId 2>添加点击menu的方法selectMenu，触发父级菜单对应的锚点id：toParentid<template> <div class="sibarmenu"> ...

2019-10-14 16:48:01 5588

原创 vue实现滚动条返回顶部功能

methods:{ //返回顶部 backTop () { let timer = setInterval(function () { var top = document.body.scrollTop || document.documentElement.scrollTop; var speed = top /...

2019-10-09 15:23:04 3339

原创 js计算在未知盒子高度时，实现左侧两个盒子的高度与右侧一个盒子的高度保持一致的功能

1.排版需求如下，其中roadmap、buEngagement、overview的高度都是未知的，但是在输入内容后要使得他们的高都保持在一个水平线上2.首先获得各个模块盒子的高3.然后将整体排版按左右分为两个模块比较高度来取一个最大值，将其赋值给overview模块，这样overview的总高始终是左侧两盒子的总高4.接下来，当overview高度达到一定高度时，要考虑给左...

2019-09-19 17:40:25 1075

原创 vue element table实现点击表格当前行跳转到页面对应id的方法

1.表格添加点击行的方法：（@row-click="overallClick"）2.点击跳转的代码//点击当前行传入要跳转模块的idoverallClick(row){ if(row){ let id = row.Category; let that = this; that.showDetails(id) }},//获取...

2019-08-26 15:57:31 6652

原创 romote:The project you were looking for could not be found

git报错找不到仓库的解决办法：romote:The project you were looking for could not be found打开控制面板--用户账户---凭据管理器---管理凭据---删除git已保存的账户---重新登录新的git账号和密码就ok了...

2019-08-26 15:37:53 212

原创 Echarts绘制带箭头的线

Echarts绘制带箭头的线这个图主要参考echarts官网的关系图绘制的，难点在于去掉其余导向图的箭头，只保留最后一个节点的箭头

2019-08-26 14:31:00 11669 1

原创 element table基数行和偶数行做计算，改变不同阈值的文本颜色

效果图：实现步骤： 1.第一个v-if：Accuracy、Coverage、Hit Rate三个模块与 Positive Gap、Negative Gap的计算方法不同 2.第二个v-if： 1>根据表格行的index下标做判断，将奇数行的数值置为灰色并添加百分号，添加一个em标签判断值为‘/’，‘ ’，‘NA’时，则不添加...

2019-07-23 18:39:28 2319

原创从一个固定时刻开始隔五分钟刷新一次

let initTime = '2018-07-19 06:00:00';let timestamp = Date.parse(new Date(initTime))/1000;let num = 0;this.timeInterval = setInterval(function () { let number = num*3600; let times = number+...

2018-12-05 15:18:15 1056

原创 js 时间推算

/** * 时间推算 * @param timestamp * @returns {string} */ //时间往前倒推30天 resettimeThree(timestamp) { var date = new Date(timestamp - 30 * 24 * 3600 * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘10...

2018-12-05 15:11:21 681

原创 js 定时器定点刷新

/** * 定时器封装-------------------隔五分钟刷新 * @param timer 定时器 * @param init 图表方法 * @param interTimer 时间间隔 * @constructor */ Fiveminute_setInterval(timer, callback, interTimer) { tim...

2018-12-05 15:09:56 1917

原创 Date日期格式转换

/** * 时间格式转换 * @param timestamp 传入的格林威治时间 * @returns {string} *///转换时间类型为2018-10-10 12:00:00timestampToTime(timestamp) { var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var...

2018-12-05 15:08:15 741

转载 js导入excel数据加载到界面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://code.jquery.com/jquery-3.

2018-10-15 20:11:37 8547 2

原创 js解析protobuf数据

function PieParseProtoBuffer(){ this._state = { ready:false, message:null }; loadProtoFile(this._state); function loadProtoFile(state){ return new Promise((reso...

2018-04-19 10:59:45 4905

weixin_40426459的博客