116 lines
3.3 KiB
TypeScript
116 lines
3.3 KiB
TypeScript
import { ElSkeletonItem } from "element-plus";
|
||
|
||
/**
|
||
* @param {date} time 需要转换的时间
|
||
* @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss
|
||
* @returns {String}
|
||
*/
|
||
export const formatTime = (time: string | Date, fmt: string): string => {
|
||
if (!time) return "";
|
||
const date = new Date(time);
|
||
const o = {
|
||
"M+": date.getMonth() + 1,
|
||
"d+": date.getDate(),
|
||
"H+": date.getHours(),
|
||
"m+": date.getMinutes(),
|
||
"s+": date.getSeconds(),
|
||
"q+": Math.floor((date.getMonth() + 3) / 3),
|
||
S: date.getMilliseconds(),
|
||
};
|
||
if (/(y+)/.test(fmt))
|
||
fmt = fmt.replace(
|
||
RegExp.$1,
|
||
(date.getFullYear() + "").substr(4 - RegExp.$1.length)
|
||
);
|
||
for (const k in o) {
|
||
if (new RegExp("(" + k + ")").test(fmt)) {
|
||
fmt = fmt.replace(
|
||
RegExp.$1,
|
||
// @ts-ignore: Unreachable code error
|
||
RegExp.$1.length === 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
|
||
);
|
||
}
|
||
}
|
||
return fmt;
|
||
};
|
||
|
||
export const speak = (content: any, onComplete: Function = () => {}) => {
|
||
// 检查浏览器是否支持语音合成
|
||
if (!window.speechSynthesis) {
|
||
console.warn("当前浏览器不支持语音合成功能");
|
||
return;
|
||
}
|
||
|
||
const utterance = new SpeechSynthesisUtterance(content);
|
||
utterance.lang = "zh-CN";
|
||
utterance.rate = 1;
|
||
utterance.rate = 1.5;
|
||
|
||
// 设置结束回调（通过参数传递）
|
||
utterance.onend = () => {
|
||
onComplete();
|
||
};
|
||
|
||
// 播放语音
|
||
window.speechSynthesis.speak(utterance);
|
||
};
|
||
// 关闭语音播报
|
||
export const stopSpeak = () => {
|
||
(document.getElementById("audioId") as HTMLAudioElement)?.pause();
|
||
window.speechSynthesis.cancel();
|
||
};
|
||
/**
|
||
* 获取时间范围
|
||
* @param {number} option - 1表示本周，3表示本月
|
||
* @returns {{start: Date, end: Date}} - 包含开始时间和结束时间的对象
|
||
*/
|
||
export const getDateRange = (option: number) => {
|
||
console.log("🚀 ~ getDateRange ~ option:", option);
|
||
const now = new Date();
|
||
if (option === 1) {
|
||
//年
|
||
const firstDay = new Date(now.getFullYear(), 0, 1);
|
||
|
||
const lastDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());
|
||
|
||
return formatDate(firstDay) + " 至 " + formatDate(lastDay);
|
||
}
|
||
ElSkeletonItem;
|
||
if (option === 3) {
|
||
// 获取本月日期范围
|
||
// 本月第一天
|
||
const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
|
||
|
||
// 本月最后一天
|
||
const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
|
||
|
||
return formatDate(firstDay) + " 至 " + formatDate(lastDay);
|
||
} else if (option === 4) {
|
||
// 获取本周日期范围
|
||
// 计算周一的日期
|
||
const monday = new Date(now);
|
||
monday.setDate(now.getDate() - now.getDay() + 1);
|
||
|
||
// 计算周日的日期
|
||
const sunday = new Date(now);
|
||
sunday.setDate(now.getDate() - now.getDay() + 7);
|
||
|
||
return formatDate(monday) + " 至 " + formatDate(sunday);
|
||
} else if (option === 6) {
|
||
// 获取本月日期范围
|
||
// 本月第一天
|
||
return formatDate(now);
|
||
}
|
||
};
|
||
/**
|
||
* 格式化日期为YYYY-MM-DD格式
|
||
* @param {Date} date - 要格式化的日期对象
|
||
* @returns {string} - 格式化后的日期字符串
|
||
*/
|
||
function formatDate(date: Date) {
|
||
const year = date.getFullYear();
|
||
const month = String(date.getMonth() + 1).padStart(2, "0");
|
||
const day = String(date.getDate()).padStart(2, "0");
|
||
return `${year}-${month}-${day}`;
|
||
}
|