mirror of
https://github.com/pure-admin/pure-admin-thin.git
synced 2025-04-24 23:47:17 +08:00
143 lines
3.2 KiB
TypeScript
143 lines
3.2 KiB
TypeScript
import { dayjs, cloneDeep, getRandomIntBetween } from "./utils";
|
|
import GroupLine from "@iconify-icons/ri/group-line";
|
|
import Question from "@iconify-icons/ri/question-answer-line";
|
|
import CheckLine from "@iconify-icons/ri/chat-check-line";
|
|
import Smile from "@iconify-icons/ri/star-smile-line";
|
|
|
|
const days = [
|
|
"Chủ Nhật",
|
|
"Thứ Hai",
|
|
"Thứ Ba",
|
|
"Thứ Tư",
|
|
"Thứ Năm",
|
|
"Thứ Sáu",
|
|
"Thứ Bảy"
|
|
];
|
|
|
|
/** Số lượng yêu cầu, số lượng câu hỏi, số lượng giải pháp, sự hài lòng của người dùng*/
|
|
const chartData = [
|
|
{
|
|
icon: GroupLine,
|
|
bgColor: "#effaff",
|
|
color: "#41b6ff",
|
|
duration: 2200,
|
|
name: "Số người cần thiết",
|
|
value: 36000,
|
|
percent: "+88%",
|
|
data: [2101, 5288, 4239, 4962, 6752, 5208, 7450] // Dữ liệu biểu đồ đường trơn
|
|
},
|
|
{
|
|
icon: Question,
|
|
bgColor: "#fff5f4",
|
|
color: "#e85f33",
|
|
duration: 1600,
|
|
name: "Số lượng các câu hỏi",
|
|
value: 16580,
|
|
percent: "+70%",
|
|
data: [2216, 1148, 1255, 788, 4821, 1973, 4379]
|
|
},
|
|
{
|
|
icon: CheckLine,
|
|
bgColor: "#eff8f4",
|
|
color: "#26ce83",
|
|
duration: 1500,
|
|
name: "số lượng giải ",
|
|
value: 16499,
|
|
percent: "+99%",
|
|
data: [861, 1002, 3195, 1715, 3666, 2415, 3645]
|
|
},
|
|
{
|
|
icon: Smile,
|
|
bgColor: "#f6f4fe",
|
|
color: "#7846e5",
|
|
duration: 100,
|
|
name: "sự hài lòng của khách hàng",
|
|
value: 100,
|
|
percent: "+100%",
|
|
data: [100]
|
|
}
|
|
];
|
|
|
|
/** Tổng quan về phân tích */
|
|
const barChartData = [
|
|
{
|
|
requireData: [2101, 5288, 4239, 4962, 6752, 5208, 7450],
|
|
questionData: [2216, 1148, 1255, 1788, 4821, 1973, 4379]
|
|
},
|
|
{
|
|
requireData: [2101, 3280, 4400, 4962, 5752, 6889, 7600],
|
|
questionData: [2116, 3148, 3255, 3788, 4821, 4970, 5390]
|
|
}
|
|
];
|
|
|
|
/** Xác xuất */
|
|
const progressData = [
|
|
{
|
|
week: "Thứ 2",
|
|
percentage: 85,
|
|
duration: 110,
|
|
color: "#41b6ff"
|
|
},
|
|
{
|
|
week: "Thứ 3",
|
|
percentage: 86,
|
|
duration: 105,
|
|
color: "#41b6ff"
|
|
},
|
|
{
|
|
week: "Thứ 4",
|
|
percentage: 88,
|
|
duration: 100,
|
|
color: "#41b6ff"
|
|
},
|
|
{
|
|
week: "Thứ 5",
|
|
percentage: 89,
|
|
duration: 95,
|
|
color: "#41b6ff"
|
|
},
|
|
{
|
|
week: "Thứ 6",
|
|
percentage: 94,
|
|
duration: 90,
|
|
color: "#26ce83"
|
|
},
|
|
{
|
|
week: "Thứ 7",
|
|
percentage: 96,
|
|
duration: 85,
|
|
color: "#26ce83"
|
|
},
|
|
{
|
|
week: "Chủ nhật",
|
|
percentage: 100,
|
|
duration: 80,
|
|
color: "#26ce83"
|
|
}
|
|
].reverse();
|
|
|
|
/** Số liệu thống kế */
|
|
const tableData = Array.from({ length: 30 }).map((_, index) => {
|
|
return {
|
|
id: index + 1,
|
|
requiredNumber: getRandomIntBetween(13500, 19999),
|
|
questionNumber: getRandomIntBetween(12600, 16999),
|
|
resolveNumber: getRandomIntBetween(13500, 17999),
|
|
satisfaction: getRandomIntBetween(95, 100),
|
|
date: dayjs().subtract(index, "day").format("YYYY-MM-DD")
|
|
};
|
|
});
|
|
|
|
/** Tin mới nhất */
|
|
const latestNewsData = cloneDeep(tableData)
|
|
.slice(0, 14)
|
|
.map((item, index) => {
|
|
return Object.assign(item, {
|
|
date: `${dayjs().subtract(index, "day").format("YYYY-MM-DD")} ${
|
|
days[dayjs().subtract(index, "day").day()]
|
|
}`
|
|
});
|
|
});
|
|
|
|
export { chartData, barChartData, progressData, tableData, latestNewsData };
|