216 lines
6.4 KiB
TypeScript
216 lines
6.4 KiB
TypeScript
/**
|
||
* 深拷贝内容
|
||
* @param originData 拷贝对象
|
||
* @author crlang(https://crlang.com)
|
||
*/
|
||
export function deepClone(originData) {
|
||
const type = Object.prototype.toString.call(originData)
|
||
let data
|
||
if (type === '[object Array]') {
|
||
data = []
|
||
for (let i = 0; i < originData.length; i++) {
|
||
data.push(deepClone(originData[i]))
|
||
}
|
||
} else if (type === '[object Object]') {
|
||
data = {}
|
||
for (const prop in originData) {
|
||
// eslint-disable-next-line no-prototype-builtins
|
||
if (originData.hasOwnProperty(prop)) {
|
||
// 非继承属性
|
||
data[prop] = deepClone(originData[prop])
|
||
}
|
||
}
|
||
} else {
|
||
data = originData
|
||
}
|
||
return data
|
||
}
|
||
|
||
export function getValueByKey(object, path, defaultVal = undefined) {
|
||
console.log('object, path', object, path)
|
||
// 先将path处理成统一格式
|
||
let newPath = []
|
||
if (Array.isArray(path)) {
|
||
newPath = path
|
||
} else {
|
||
// 先将字符串中的'['、']'去除替换为'.'，split分割成数组形式
|
||
newPath = path.replace(/\[/g, '.').replace(/\]/g, '').split('.')
|
||
}
|
||
|
||
// 递归处理，返回最后结果
|
||
return (
|
||
newPath.reduce((o, k) => {
|
||
console.log(o, k) // 此处o初始值为下边传入的 object，后续值为每次取的内部值
|
||
return (o || {})[k]
|
||
}, object) || defaultVal
|
||
)
|
||
}
|
||
|
||
/**
|
||
* 处理部分初始数据
|
||
* @param data
|
||
*/
|
||
export function checkDataField(options, fields) {
|
||
if (!fields || !options || options.length === 0) {
|
||
return options
|
||
}
|
||
|
||
for (let i = 0; i < options.length; i++) {
|
||
const k = options[i]
|
||
k.label = k[fields.label || 'label'] || null
|
||
k.value = k[fields.value || 'value'] || null
|
||
k.suffix = k[fields.suffix || 'suffix'] || null
|
||
k.children = k[fields.children || 'children'] || null
|
||
if (k.children?.length) {
|
||
k.options = checkDataField(k.options)
|
||
}
|
||
}
|
||
return options
|
||
}
|
||
|
||
/**
|
||
* 格式化数值-个位数补零
|
||
* @param n 数值
|
||
* @author crlang(https://crlang.com)
|
||
*/
|
||
export function formatNumber(n) {
|
||
let s = parseInt(n)
|
||
if (isNaN(s)) {
|
||
s = '0'
|
||
} else {
|
||
s = s.toString()
|
||
}
|
||
return s[1] ? s : `0${s}`
|
||
}
|
||
|
||
/**
|
||
* 格式化时间
|
||
* @param date 时间对象
|
||
* @param format 格式
|
||
* @author crlang(https://crlang.com)
|
||
*/
|
||
export function formatTime(date, format) {
|
||
const daDate = new Date(date.toString().length < 11 ? date * 1000 : date)
|
||
const fromatsRule = ['y', 'm', 'd', 'h', 'i', 's']
|
||
let tmp = []
|
||
const year = daDate.getFullYear()
|
||
const month = daDate.getMonth() + 1
|
||
const day = daDate.getDate()
|
||
const hour = daDate.getHours()
|
||
const minute = daDate.getMinutes()
|
||
const second = daDate.getSeconds()
|
||
|
||
if (format) {
|
||
tmp.push(year, month, day, hour, minute, second)
|
||
tmp = tmp.map(formatNumber)
|
||
for (let i = 0; i < tmp.length; i++) {
|
||
format = format.toLowerCase().replace(fromatsRule[i], tmp[i])
|
||
}
|
||
return format
|
||
}
|
||
|
||
return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second]
|
||
.map(formatNumber)
|
||
.join(':')}`
|
||
}
|
||
|
||
/**
|
||
* 获取某个时间范围
|
||
*
|
||
* @param v -1、-7、-14、-30、-60
|
||
* @returns object {start: y-m-d,end: y-m-d}
|
||
* @author crlang(https://crlang.com)
|
||
*/
|
||
export function getRangeDate(v) {
|
||
const now = new Date()
|
||
const nowTime = now.getTime()
|
||
const oneDay = 24 * 60 * 60 * 1000
|
||
const dateRange = { start: '', end: '' }
|
||
const nowWeekDay = now.getDay() // 今天本周的第几天
|
||
const nowDay = now.getDate() // 当前日
|
||
const nowMonth = now.getMonth() // 当前月
|
||
const nowYear = now.getFullYear() // 当前年
|
||
|
||
/**
|
||
* 获得某个月的天数
|
||
* @param month 当前月份
|
||
*/
|
||
const getMonthDays = function (month) {
|
||
const monthStartDate = new Date(nowYear, month, 1)
|
||
const monthEndDate = new Date(nowYear, month + 1, 1)
|
||
const days = (monthEndDate - monthStartDate) / oneDay
|
||
return days
|
||
}
|
||
|
||
// 昨日
|
||
if (v === '-1') {
|
||
dateRange.start = formatTime(new Date(nowTime - oneDay), 'y-m-d')
|
||
dateRange.end = dateRange.start
|
||
// 本周
|
||
} else if (v === '-7') {
|
||
const weekStart = new Date(nowYear, nowMonth, nowDay - nowWeekDay + 1)
|
||
const weekEnd = new Date(nowYear, nowMonth, nowDay - nowWeekDay + 7) // 本周日
|
||
dateRange.start = formatTime(weekStart, 'y-m-d')
|
||
dateRange.end = formatTime(weekEnd, 'y-m-d')
|
||
// 上周
|
||
} else if (v === '-14') {
|
||
const weekStart = new Date(nowYear, nowMonth, nowDay - nowWeekDay - 6)
|
||
const weekEnd = new Date(nowYear, nowMonth, nowDay - nowWeekDay)
|
||
dateRange.start = formatTime(weekStart, 'y-m-d')
|
||
dateRange.end = formatTime(weekEnd, 'y-m-d')
|
||
// 本月
|
||
} else if (v === '-30') {
|
||
const monthStart = new Date(nowYear, nowMonth, 1)
|
||
const monthEnd = new Date(nowYear, nowMonth + 1, 0) //本月
|
||
dateRange.start = formatTime(monthStart, 'y-m-d')
|
||
dateRange.end = formatTime(monthEnd, 'y-m-d')
|
||
// 上月
|
||
} else if (v === '-60') {
|
||
const lastMonthDate = new Date() // 上月日期
|
||
lastMonthDate.setDate(1)
|
||
lastMonthDate.setMonth(lastMonthDate.getMonth() - 1)
|
||
const lastMonth = lastMonthDate.getMonth()
|
||
const lastMonthStart = new Date(nowMonth === 0 ? nowYear - 1 : nowYear, lastMonth, 1)
|
||
const lastMonthEnd = new Date(
|
||
nowMonth === 0 ? nowYear - 1 : nowYear,
|
||
lastMonth,
|
||
getMonthDays(lastMonth)
|
||
)
|
||
dateRange.start = formatTime(lastMonthStart, 'y-m-d')
|
||
dateRange.end = formatTime(lastMonthEnd, 'y-m-d')
|
||
} else {
|
||
// 传入 v 为整数是即为近 xx 天
|
||
if (v > 0) {
|
||
dateRange.start = formatTime(new Date(nowTime - oneDay * parseInt(v)), 'y-m-d')
|
||
dateRange.end = formatTime(new Date(nowTime - oneDay), 'y-m-d') // 不含今天
|
||
}
|
||
}
|
||
return dateRange
|
||
}
|
||
|
||
export const menuInitOpts = {
|
||
cell: {
|
||
showArrow: true
|
||
},
|
||
click: {},
|
||
sort: {
|
||
showSort: true
|
||
},
|
||
filter: {
|
||
showArrow: true
|
||
},
|
||
picker: {
|
||
showArrow: true
|
||
},
|
||
daterange: {
|
||
showQuick: true,
|
||
showArrow: true
|
||
},
|
||
slot: {
|
||
showArrow: true
|
||
},
|
||
search: {
|
||
showSearch: true
|
||
}
|
||
}
|