reagent_manage/docs/frontend/utils.md

常用工具类

日期格式化

import {timeFormat} from '@/utils'

// 以 yyyy-MM-dd HH:mm:ss 格式显示的当前时间
timeFormat()

// 06-29
timeFormat('MM-dd',new Date('2020/06/29'))

数学运算

基于 decimal.js 封装了加减乘除运算方法。

import {plus,sub,mul,div} from '@/utils/math'

//1.05 * 10.8 / 0.6 /0.1 + 0.1 + 0.5 - 0.2 - 0.3
sub(plus(div(mul(1.05,10.8),0.6,0.1),0.1,0.5),0.2,0.3)

列表转树

import {createTree} from '@/utils/tree'

const arr1 = [{id: 1, pid: 0, name: 'a'}, {id: 2, pid: 1, name: 'b'}, {id: 3, pid:2, name: 'c'}]
const tree1 = createTree(arr1)

const arr2 = [{xid: 1, ypid: 0, name: 'a'}, {xid: 2, ypid: 1, name: 'b'}, {xid: 3, ypid: 2, name:' c'}]
const tree2 = createTree(arr2, 0, 'xid', 'ypid')

纯前端导出excel

依赖exceljs（实际上项目中还有xlsx-style的实现版本，见 @/utils/excel/xlsx，不过存在问题，所以弃用了）。

import {json2workbook, exportExcelByJs} from '@/utils/excel'

const column = [
    {header: ['合并表头演示', '序号'], prop: 'no', merge: true},
    {header: ['合并表头演示', '名称'], prop: 'name', merge: true},
    {header: '日期', prop: 'date'}
]

const arr = [
    {no: 1,name: '老王',date: '20190201'}
]

const workbook = json2workbook(arr, column)

exportExcelByJs(workbook, '测试导出.xlsx')

json2workbook(data, columns, merge) : workbook

• data : array，json数组。

• columns : array，列配置项数组，列配置详细如下：

{
    header : string | array，表头名称，类型为 array 时，将从左往右地解析成一颗树，用于表头的合并
    prop : string，表头对应的 json 字段名称，如果为空，则该字段不会写入excel表格
    merge : boolean，是否需要合并，true的话会从上至下合并值相同的相邻单元格
    width : number，单元格宽度，默认 20
}

• merge : object，合并配置项，详细如下：

{
    primaryKey : string，每行json数据的唯一标识字段名称
    orderKey : string，每行json数据的序号字段名称
}

exportExcelByJs(workbook, filename)

• workbook，json2workbook的返回结果

• filename : string，导出的文件名称，需要带上.xlsx后缀