v-gantt-fanuc
Version:
display gantt-like vaule,like use this to order bus schedule.
85 lines (72 loc) • 2.29 kB
JavaScript
// import dayjs from 'dayjs' //替换dayjs 兼容性会好一点,但是速度就很慢了,之前测了一下,大概快30倍?有点忘记了
//缓存 解析值,加速一点点吧
const cacheParseTime = function () {
let cacheString = {}
let cacheValue = {}
return function(timeName, timeString) {
if (cacheString[timeName] !== timeString) {
cacheString[timeName] = timeString;
cacheValue[timeName] = parseTime(timeString)
}
return cacheValue[timeName]
}
}()
// pStart 关于缓存这个值是因为getWidthAbout2Times和getPositonOffset通常是前后连续调用,start 值会再两个函数中分别用到一次
/**
* 根据配置项计算两个时间的在gantt 图中的长度
* 注:时间上start 早, end 晚
*
* @export
* @param {string} start
* @param {string} end
* @param {{scale:number,cellWidth:number}} arg
* @returns number
*/
export function getWidthAbout2Times(start, end, arg) {
let {
scale,
cellWidth
} = arg;
let pStart = cacheParseTime('pStart', start);
let pEnd = parseTime(end)
return diffTimeByMinutes(pStart, pEnd) / scale * cellWidth;
}
/**
* 根据配置项计算 相对于 时间轴起始时间的距离 是 getWidthAbout2Times 的特化
* 注:时间上,time 晚 beginTimeOfTimeLine 早
*
* @export
* @param {string} time
* @param {string} beginTimeOfTimeLine
* @param {{scale:number,cellWidth:number}} arg
* @returns number
*/
export function getPositonOffset(time, beginTimeOfTimeLine, arg) {
let {
scale,
cellWidth,
} = arg;
let pTime = cacheParseTime('pStart', time);
let pBeginTimeOfTimeLine = cacheParseTime('pBeginTimeOfTimeLine', beginTimeOfTimeLine);
return diffTimeByMinutes(pBeginTimeOfTimeLine, pTime) / scale * cellWidth;
}
function parseTime(time) {
return new Date(time)
}
/**
* 计算两个时间相差的分钟数
*
* @param {string} start
* @param {string} end
* @returns
*/
function diffTimeByMinutes(start, end) {
let diff = end.getTime() - start.getTime()
return (diff / 1000 / 60)
}
// function parseTime(time){
// return dayjs(time)
// }
// function diffTimeByMinutes(start,end){
// return end.diff(start, "m", true)
// }