【实习小tip】elementUI表格数值加减和实时计算、导出数据并解决手机号科学计数法格式问题、git clone报错：OpenSSL SSL_connect: SSL_ERROR

element表格数值加减和实时计算

实现效果：

代码：

<el-table :data="voListForm" border show-summary :summary-method="getSummaries" style="width: 100%"><el-table-column prop="typeName" label="分类" width="80"></el-table-column><el-table-column prop="itemName" label="项目" width="100"></el-table-column><el-table-column prop="standard" sortable label="标准"></el-table-column><el-table-column prop="score" sortable label="分值" width="100"></el-table-column><el-table-columnprop="deductScore"label="扣分"width="220"align="center"><template slot-scope="scope"><div><el-input-numberv-model="scope.row.deductScore":min="0":max="100":disabled="isView"></el-input-number></div></template></el-table-column></el-table>

getSummaries(param) {let scoreconst { columns, data } = paramconst sums = []columns.forEach((column, index) => {if (index === 0) {sums[index] = ''return}const values = data.map((item) => Number(item[column.property]))if (!values.every((value) => isNaN(value))) {sums[index] = values.reduce((prev, curr) => {const value = Number(curr)if (!isNaN(value)) {return prev + curr} else {return prev}}, 0)if (index === 4) {score = Number(sums[3] - Number(sums[4]))}} else {sums[index] = ''}})sums[3] = `总分:${score}（满分${sums[3]}）`return sums},

eltable导出数据同时解决手机号为科学计数法格式的问题

安装依赖

cnpm install --save xlsx file-saver

页面引入

import FileSaver from 'file-saver'
import XLSX from 'xlsx'

添加方法

exportExcel()
{/* 转换成excel时，使用原始的格式，解决数字列自动转科学计数法问题 */let xlsxParam = {raw: true}; //如果不加这个，会被自动转化格式，如身份证号/手机号，会被转成数字，展示为1.6697E+10/* out-table关联导出的dom节点 */let wb = XLSX.utils.table_to_book( document.querySelector( '#out-table' ), xlsxParam );/* 获取二进制字符串作为输出 */let wbout = XLSX.write( wb,{bookType: 'xlsx',bookSST: true,type: 'array'} );try{/* Blob 对象表示一个不可变、原始数据的类文件对象Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。返回一个新创建的 Blob 对象，其内容由参数中给定的数组串联组成。*/let excelName = "设置导出文件名称"FileSaver.saveAs(new Blob( [ wbout ],{type: 'application/octet-stream'} ),`${excelName}.xlsx`, //设置导出文件名称)}catch ( e ){if ( typeof console !== 'undefined' ) console.log( e, wbout );}return wbout;
}

导出事件绑定

<button @click="exportExcel()">导出</button>

给table添加id

<el-table id="out-table" :data="tableData" >
...
</el-table>

git clone报错：OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443

代理问题

在git命令行输入

git config --global --unset http.proxy

如果是https设置为

git config --global --unset https.proxy

设置完以后重启一下编译器，成功解决

【实习小tip】elementUI表格数值加减和实时计算、导出数据并解决手机号科学计数法格式问题、git clone报错：OpenSSL SSL_connect: SSL_ERROR_SYSCALL相关推荐

小黑小波比.git clone报错解决方案
2019独角兽企业重金招聘Python工程师标准>>> zmzp@zmzp1:~/data$ git clone git@192.168.199.199:zmw/s910.git 正 ...
C#转换Excel表格中的科学计数法数字
如图,如果从Excel中获取的数值是科学计数法格式则带有"E", 将其转换为一般数字类型需要先转为double格式.
【安安教具】-【数学】-【科学计数法】模拟器教你如何用python制作科学计数法模拟器 python项目小发明
科学计数法是一种数字表现形式,可以有效对数值的显示进行折叠. 今天我们来做一款科学计数法模拟器我们来看看这个功能有什么用处科学计数法模拟器这个功能的难点在于bug的处理会遇到各种错误计算,我们 ...
【UI】 element-ui 表格标题加背景斑马线
element-ui 表格标题加背景斑马线 <el-table:data="tableData"stripe:header-cell-style="{//标题头部 ...
浮点数——科学计数法、浮点数表示、加减运算和浮点数的使用
目录 1.2浮点数 1.2.1 科学计数法 1.2.2 浮点数表示 1 符号位 2价码位 1.2.3 加减运算 1.2.4 浮点数的使用 1.2浮点数浮点数是采用科学计数法来表示的,由符号位.有效数 ...
JavaScript学习（十六）—实现购物车加减数量，计算总金额
JavaScript学习(十六)-实现购物车加减数量,计算总金额代码如下: <table border="2" cellspacing="0" soli ...
PYTHON脚本将excl表格中的科学计数法转变为普通数值
最近公司在开发自动化测试的上位机,在处理示波器的数据的时候发现示波器保存的csv文件的值是用科学计数法的,在此分享一种方法可以将csv文件中的科学计数法转换成普通数值并转存到excl文件中的方法先上 ...
python 数值型字符串实现四舍五入 decimal_Python将科学计数法数值转换为指定精度浮点数...
Python将科学计数法数值转换为指定精度浮点数 In [20]:money = 1190000.0 In [21]: traded_maket_value = 13824000000 In [22] ...
excel 科学计数法转换成文本完整显示_表格技巧—Excel里身份证号码显示不全的多种解决办法...
运用Excel表格可以快速统计和汇总数据,那么当在表格当中输入身份证号码时,表格通常显示不完全,这是为什么呢,今天小编就来给大家详细介绍当身份证号码显示不全时的多种解决办法,一起来学习一下吧. 首先, ...

【实习小tip】elementUI表格数值加减和实时计算、导出数据并解决手机号科学计数法格式问题、git clone报错：OpenSSL SSL_connect: SSL_ERROR_SYSCALL

element表格数值加减和实时计算

eltable导出数据同时解决手机号为科学计数法格式的问题

git clone报错：OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443

代理问题

【实习小tip】elementUI表格数值加减和实时计算、导出数据并解决手机号科学计数法格式问题、git clone报错：OpenSSL SSL_connect: SSL_ERROR_SYSCALL相关推荐

最新文章

热门文章