848 lines
38 KiB
JavaScript
848 lines
38 KiB
JavaScript
import { T as ElCard, U as ElRow, i as ElIcon, t as ElLink, s as ElDivider, V as ElCol, W as connection_default, q as ElTag, X as ElSkeleton, Y as ElSkeletonItem, P as ElRadioGroup, Z as ElRadioButton, F as ElScrollbar, _ as ElTimeline, $ as ElTimelineItem, r as ElText } from "./element-plus.CkEW9frc.js";
|
||
import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_setup_true_lang.DN-P1Gi6.js";
|
||
import { _ as _export_sfc } from "./_plugin-vue_export-helper.1tPrXgE0.js";
|
||
import { S as openBlock, _ as createElementBlock, a1 as createBaseVNode, J as defineComponent, r as ref, aD as dayjs, eh as useTransition, m as watch, t as onMounted, $ as createVNode, a0 as withCtx, o as unref, aa as toDisplayString, a9 as createTextVNode, T as createBlock, a3 as normalizeClass, a8 as createCommentVNode, z as isRef, H as Fragment, ay as renderList, aO as resolveComponent, j as computed } from "./.pnpm.BW3P1y8f.js";
|
||
import { f as useUserStore } from "./index.CMd5bD1r.js";
|
||
import { f as formatGrowthRate } from "./index.DZZZOFI8.js";
|
||
import { g as greetings } from "./common.ySZAMJjg.js";
|
||
import "./echarts.Cg_Ec8L-.js";
|
||
import "./codemirror.CvJAcn2d.js";
|
||
const _sfc_main$1 = {};
|
||
const _hoisted_1$1 = {
|
||
href: "https://github.com/1014TaoTao/FastapiAdmin",
|
||
target: "_blank",
|
||
class: "github-corner",
|
||
"aria-label": "View source on Github"
|
||
};
|
||
const _hoisted_2$1 = {
|
||
width: "80",
|
||
height: "80",
|
||
viewBox: "0 0 250 250",
|
||
style: { "color": "#fff", "fill": "#40c9c6" },
|
||
"aria-hidden": "true"
|
||
};
|
||
function _sfc_render(_ctx, _cache) {
|
||
return openBlock(), createElementBlock("a", _hoisted_1$1, [
|
||
(openBlock(), createElementBlock("svg", _hoisted_2$1, [..._cache[0] || (_cache[0] = [
|
||
createBaseVNode("path", { d: "M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" }, null, -1),
|
||
createBaseVNode("path", {
|
||
d: "M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",
|
||
fill: "currentColor",
|
||
style: { "transform-origin": "130px 106px" },
|
||
class: "octo-arm"
|
||
}, null, -1),
|
||
createBaseVNode("path", {
|
||
d: "M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",
|
||
fill: "currentColor",
|
||
class: "octo-body"
|
||
}, null, -1)
|
||
])]))
|
||
]);
|
||
}
|
||
const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-701f789e"]]);
|
||
const _hoisted_1 = { class: "dashboard-container" };
|
||
const _hoisted_2 = { class: "flex flex-wrap" };
|
||
const _hoisted_3 = { class: "flex-1 flex items-start" };
|
||
const _hoisted_4 = ["src"];
|
||
const _hoisted_5 = { class: "ml-5" };
|
||
const _hoisted_6 = { class: "text-20px font-bold mb-5px" };
|
||
const _hoisted_7 = { class: "hidden sm:block" };
|
||
const _hoisted_8 = { class: "flex items-end space-x-6" };
|
||
const _hoisted_9 = { class: "flex flex-col items-center" };
|
||
const _hoisted_10 = { class: "font-bold color-#4080ff text-sm flex items-center" };
|
||
const _hoisted_11 = { class: "mt-3 whitespace-nowrap" };
|
||
const _hoisted_12 = { class: "flex flex-col items-center" };
|
||
const _hoisted_13 = { class: "font-bold color-#ff9a2e text-sm flex items-center" };
|
||
const _hoisted_14 = { class: "mt-3 whitespace-nowrap" };
|
||
const _hoisted_15 = { class: "w-full sm:hidden mt-3" };
|
||
const _hoisted_16 = { class: "flex justify-end space-x-4 overflow-x-auto" };
|
||
const _hoisted_17 = { class: "flex-x-between" };
|
||
const _hoisted_18 = { class: "flex-x-between mt-2 flex-1" };
|
||
const _hoisted_19 = { class: "flex-y-center" };
|
||
const _hoisted_20 = {
|
||
key: 0,
|
||
class: "ml-2 text-xs text-[#67c23a]"
|
||
};
|
||
const _hoisted_21 = {
|
||
key: 1,
|
||
class: "ml-2 text-xs text-[#f56c6c]"
|
||
};
|
||
const _hoisted_22 = { class: "flex-x-between" };
|
||
const _hoisted_23 = { class: "mt-5 flex-x-between" };
|
||
const _hoisted_24 = { class: "flex-x-between" };
|
||
const _hoisted_25 = { class: "flex-x-between mt-2 flex-1" };
|
||
const _hoisted_26 = { class: "flex-y-center" };
|
||
const _hoisted_27 = { class: "text-lg" };
|
||
const _hoisted_28 = { class: "flex-x-between mt-2 text-sm text-gray" };
|
||
const _hoisted_29 = { class: "flex-x-between" };
|
||
const _hoisted_30 = { class: "mt-5 flex-x-between" };
|
||
const _hoisted_31 = { class: "flex-x-between" };
|
||
const _hoisted_32 = { class: "flex-x-between mt-2 flex-1" };
|
||
const _hoisted_33 = { class: "flex-y-center" };
|
||
const _hoisted_34 = { class: "text-lg" };
|
||
const _hoisted_35 = { class: "flex-x-between mt-2 text-sm text-gray" };
|
||
const _hoisted_36 = { class: "flex-x-between" };
|
||
const _hoisted_37 = { class: "flex-x-between" };
|
||
const _hoisted_38 = { key: 0 };
|
||
const welcome = "祝你开心每一天！";
|
||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
...{
|
||
name: "Home",
|
||
inheritAttrs: false
|
||
},
|
||
__name: "index",
|
||
setup(__props) {
|
||
const timefix = greetings();
|
||
const userStore = useUserStore();
|
||
const vesionList = ref([
|
||
{
|
||
id: "1",
|
||
title: "v3.2.1",
|
||
date: dayjs().format("YYYY-MM-DD HH:mm:ss"),
|
||
content: "优化性能，修复若干小bug。",
|
||
link: "https://gitee.com/tao__tao/FastapiAdmin/releases",
|
||
tag: "更新"
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "v3.2.0",
|
||
date: dayjs().subtract(1, "day").format("YYYY-MM-DD HH:mm:ss"),
|
||
content: "新增用户行为分析功能。",
|
||
link: "https://gitee.com/tao__tao/FastapiAdmin/releases",
|
||
tag: "新功能"
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "v3.1.0",
|
||
date: dayjs().subtract(3, "day").format("YYYY-MM-DD HH:mm:ss"),
|
||
content: "优化权限管理系统。",
|
||
link: "https://gitee.com/tao__tao/FastapiAdmin/releases",
|
||
tag: "优化"
|
||
}
|
||
]);
|
||
const visitStatsLoading = ref(true);
|
||
const visitStatsData = ref({
|
||
todayUvCount: 0,
|
||
uvGrowthRate: 0,
|
||
totalUvCount: 0,
|
||
todayPvCount: 0,
|
||
pvGrowthRate: 0,
|
||
totalPvCount: 0
|
||
});
|
||
const transitionUvCount = useTransition(
|
||
computed(() => visitStatsData.value.todayUvCount),
|
||
{
|
||
duration: 1e3,
|
||
transition: [0.25, 0.1, 0.25, 1]
|
||
// CSS cubic-bezier
|
||
}
|
||
);
|
||
const transitionTotalUvCount = useTransition(
|
||
computed(() => visitStatsData.value.totalUvCount),
|
||
{
|
||
duration: 1200,
|
||
transition: [0.25, 0.1, 0.25, 1]
|
||
}
|
||
);
|
||
const transitionPvCount = useTransition(
|
||
computed(() => visitStatsData.value.todayPvCount),
|
||
{
|
||
duration: 1e3,
|
||
transition: [0.25, 0.1, 0.25, 1]
|
||
}
|
||
);
|
||
const transitionTotalPvCount = useTransition(
|
||
computed(() => visitStatsData.value.totalPvCount),
|
||
{
|
||
duration: 1200,
|
||
transition: [0.25, 0.1, 0.25, 1]
|
||
}
|
||
);
|
||
const visitTrendDateRange = ref(7);
|
||
const visitTrendChartOptions = ref();
|
||
const updateVisitTrendChartOptions = () => {
|
||
visitTrendChartOptions.value = {
|
||
tooltip: {
|
||
trigger: "axis"
|
||
},
|
||
legend: {
|
||
data: ["浏览量(PV)", "访客数(UV)"],
|
||
bottom: 0
|
||
},
|
||
grid: {
|
||
left: "1%",
|
||
right: "5%",
|
||
bottom: "10%",
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: "category",
|
||
data: Array.from(
|
||
{ length: visitTrendDateRange.value },
|
||
(_, index2) => dayjs().subtract(visitTrendDateRange.value - index2 - 1, "day").format("YYYY-MM-DD")
|
||
)
|
||
},
|
||
yAxis: {
|
||
type: "value",
|
||
splitLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
type: "dashed"
|
||
}
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: "浏览量(PV)",
|
||
type: "line",
|
||
data: Array.from(
|
||
{ length: visitTrendDateRange.value },
|
||
() => Math.floor(Math.random() * 500) + 100
|
||
),
|
||
areaStyle: {
|
||
color: "rgba(64, 158, 255, 0.1)"
|
||
},
|
||
smooth: true,
|
||
itemStyle: {
|
||
color: "#4080FF"
|
||
},
|
||
lineStyle: {
|
||
color: "#4080FF"
|
||
}
|
||
},
|
||
{
|
||
name: "访客数(UV)",
|
||
type: "line",
|
||
data: Array.from(
|
||
{ length: visitTrendDateRange.value },
|
||
() => Math.floor(Math.random() * 200) + 50
|
||
),
|
||
areaStyle: {
|
||
color: "rgba(103, 194, 58, 0.1)"
|
||
},
|
||
smooth: true,
|
||
itemStyle: {
|
||
color: "#67C23A"
|
||
},
|
||
lineStyle: {
|
||
color: "#67C23A"
|
||
}
|
||
}
|
||
]
|
||
};
|
||
};
|
||
const computeGrowthRateClass = (growthRate) => {
|
||
if (!growthRate) {
|
||
return "text-[--el-color-info]";
|
||
}
|
||
if (growthRate > 0) {
|
||
return "text-[--el-color-danger]";
|
||
} else if (growthRate < 0) {
|
||
return "text-[--el-color-success]";
|
||
} else {
|
||
return "text-[--el-color-info]";
|
||
}
|
||
};
|
||
watch(
|
||
() => visitTrendDateRange.value,
|
||
() => {
|
||
updateVisitTrendChartOptions();
|
||
},
|
||
{ immediate: true }
|
||
);
|
||
onMounted(() => {
|
||
visitStatsLoading.value = false;
|
||
visitStatsData.value = {
|
||
todayUvCount: Math.floor(Math.random() * 200) + 50,
|
||
uvGrowthRate: parseFloat((Math.random() * 20 - 10).toFixed(2)),
|
||
totalUvCount: Math.floor(Math.random() * 5e3) + 1e3,
|
||
todayPvCount: Math.floor(Math.random() * 500) + 100,
|
||
pvGrowthRate: parseFloat((Math.random() * 20 - 10).toFixed(2)),
|
||
totalPvCount: Math.floor(Math.random() * 2e4) + 5e3
|
||
};
|
||
updateVisitTrendChartOptions();
|
||
});
|
||
return (_ctx, _cache) => {
|
||
const _component_GithubCorner = __unplugin_components_0;
|
||
const _component_Document = resolveComponent("Document");
|
||
const _component_el_icon = ElIcon;
|
||
const _component_el_link = ElLink;
|
||
const _component_Folder = resolveComponent("Folder");
|
||
const _component_el_divider = ElDivider;
|
||
const _component_el_card = ElCard;
|
||
const _component_el_tag = ElTag;
|
||
const _component_el_col = ElCol;
|
||
const _component_el_skeleton_item = ElSkeletonItem;
|
||
const _component_Top = resolveComponent("Top");
|
||
const _component_Bottom = resolveComponent("Bottom");
|
||
const _component_el_skeleton = ElSkeleton;
|
||
const _component_el_row = ElRow;
|
||
const _component_el_radio_button = ElRadioButton;
|
||
const _component_el_radio_group = ElRadioGroup;
|
||
const _component_ECharts = _sfc_main$2;
|
||
const _component_TopRight = resolveComponent("TopRight");
|
||
const _component_el_text = ElText;
|
||
const _component_el_timeline_item = ElTimelineItem;
|
||
const _component_el_timeline = ElTimeline;
|
||
const _component_el_scrollbar = ElScrollbar;
|
||
return openBlock(), createElementBlock("div", _hoisted_1, [
|
||
createVNode(_component_GithubCorner, { class: "github-corner" }),
|
||
createVNode(_component_el_card, { shadow: "hover" }, {
|
||
default: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_2, [
|
||
createBaseVNode("div", _hoisted_3, [
|
||
createBaseVNode("img", {
|
||
class: "w80px h80px rounded-full",
|
||
src: unref(userStore).basicInfo.avatar + "?imageView2/1/w/80/h/80"
|
||
}, null, 8, _hoisted_4),
|
||
createBaseVNode("div", _hoisted_5, [
|
||
createBaseVNode("div", _hoisted_6, toDisplayString(unref(timefix)) + toDisplayString(unref(userStore).basicInfo.name) + "，" + toDisplayString(welcome), 1),
|
||
_cache[1] || (_cache[1] = createBaseVNode("p", { class: "text-sm text-gray" }, "今日天气晴朗，气温在15℃至25℃之间，东南风。", -1))
|
||
])
|
||
]),
|
||
createBaseVNode("div", _hoisted_7, [
|
||
createBaseVNode("div", _hoisted_8, [
|
||
createBaseVNode("div", _hoisted_9, [
|
||
createBaseVNode("div", _hoisted_10, [
|
||
createVNode(_component_el_icon, { class: "mr-2px" }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_Document)
|
||
]),
|
||
_: 1
|
||
}),
|
||
_cache[2] || (_cache[2] = createTextVNode(" 文档 ", -1))
|
||
]),
|
||
createBaseVNode("div", _hoisted_11, [
|
||
createVNode(_component_el_link, {
|
||
href: "https://blog.csdn.net/weixin_46768253/article/details/149569141?spm=1001.2014.3001.5502",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [..._cache[3] || (_cache[3] = [
|
||
createBaseVNode("div", { class: "i-svg:csdn text-lg" }, null, -1)
|
||
])]),
|
||
_: 1
|
||
})
|
||
])
|
||
]),
|
||
createBaseVNode("div", _hoisted_12, [
|
||
createBaseVNode("div", _hoisted_13, [
|
||
createVNode(_component_el_icon, { class: "mr-2px" }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_Folder)
|
||
]),
|
||
_: 1
|
||
}),
|
||
_cache[4] || (_cache[4] = createTextVNode(" 仓库 ", -1))
|
||
]),
|
||
createBaseVNode("div", _hoisted_14, [
|
||
createVNode(_component_el_link, {
|
||
href: "https://gitee.com/tao__tao/FastapiAdmin",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [..._cache[5] || (_cache[5] = [
|
||
createBaseVNode("div", { class: "i-svg:gitee text-lg color-#F76560" }, null, -1)
|
||
])]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_divider, { direction: "vertical" }),
|
||
createVNode(_component_el_link, {
|
||
href: "https://github.com/1014TaoTao/FastapiAdmin",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [..._cache[6] || (_cache[6] = [
|
||
createBaseVNode("div", { class: "i-svg:github text-lg color-#4080FF" }, null, -1)
|
||
])]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_divider, { direction: "vertical" }),
|
||
createVNode(_component_el_link, {
|
||
href: "https://gitcode.com/qq_36002987/FastapiAdmin",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [..._cache[7] || (_cache[7] = [
|
||
createBaseVNode("div", { class: "i-svg:gitcode text-lg color-#FF9A2E" }, null, -1)
|
||
])]),
|
||
_: 1
|
||
})
|
||
])
|
||
])
|
||
])
|
||
]),
|
||
createBaseVNode("div", _hoisted_15, [
|
||
createBaseVNode("div", _hoisted_16, [
|
||
createVNode(_component_el_link, {
|
||
href: "https://gitee.com/tao__tao/FastapiAdmin",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [..._cache[8] || (_cache[8] = [
|
||
createBaseVNode("div", { class: "i-svg:gitee text-lg color-#F76560" }, null, -1)
|
||
])]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_divider, { direction: "vertical" }),
|
||
createVNode(_component_el_link, {
|
||
href: "https://github.com/1014TaoTao/FastapiAdmin",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [..._cache[9] || (_cache[9] = [
|
||
createBaseVNode("div", { class: "i-svg:github text-lg color-#4080FF" }, null, -1)
|
||
])]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_divider, { direction: "vertical" }),
|
||
createVNode(_component_el_link, {
|
||
href: "https://gitcode.com/qq_36002987/FastapiAdmin",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [..._cache[10] || (_cache[10] = [
|
||
createBaseVNode("div", { class: "i-svg:gitcode text-lg color-#FF9A2E" }, null, -1)
|
||
])]),
|
||
_: 1
|
||
})
|
||
])
|
||
])
|
||
])
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_row, {
|
||
gutter: 10,
|
||
class: "mt-4"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_col, {
|
||
span: 8,
|
||
xs: 24,
|
||
class: "mb-xs-3"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_card, {
|
||
shadow: "hover",
|
||
class: "h-full flex flex-col"
|
||
}, {
|
||
header: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_17, [
|
||
_cache[12] || (_cache[12] = createBaseVNode("span", { class: "text-gray" }, "在线用户", -1)),
|
||
createVNode(_component_el_tag, {
|
||
type: "danger",
|
||
size: "small"
|
||
}, {
|
||
default: withCtx(() => [..._cache[11] || (_cache[11] = [
|
||
createTextVNode("实时", -1)
|
||
])]),
|
||
_: 1
|
||
})
|
||
])
|
||
]),
|
||
default: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_18, [
|
||
createBaseVNode("div", _hoisted_19, [
|
||
_cache[15] || (_cache[15] = createBaseVNode("span", { class: "text-lg transition-all duration-300 hover:scale-110" }, "9999", -1)),
|
||
true ? (openBlock(), createElementBlock("span", _hoisted_20, [
|
||
createVNode(_component_el_icon, null, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(connection_default))
|
||
]),
|
||
_: 1
|
||
}),
|
||
_cache[13] || (_cache[13] = createTextVNode(" 已连接 ", -1))
|
||
])) : (openBlock(), createElementBlock("span", _hoisted_21, [
|
||
createVNode(_component_el_icon, null, {
|
||
default: withCtx(() => [
|
||
createVNode(unref(Failed))
|
||
]),
|
||
_: 1
|
||
}),
|
||
_cache[14] || (_cache[14] = createTextVNode(" 未连接 ", -1))
|
||
]))
|
||
]),
|
||
_cache[16] || (_cache[16] = createBaseVNode("div", { class: "i-svg:people w-8 h-8 animate-[pulse_2s_infinite]" }, null, -1))
|
||
]),
|
||
_cache[17] || (_cache[17] = createBaseVNode("div", { class: "flex-x-between mt-2 text-sm text-gray" }, [
|
||
createBaseVNode("span", null, "更新时间"),
|
||
createBaseVNode("span", null, "2025-07-12 00:00:00")
|
||
], -1))
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_col, {
|
||
span: 8,
|
||
xs: 24,
|
||
class: "mb-xs-3"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_skeleton, {
|
||
loading: unref(visitStatsLoading),
|
||
rows: 5,
|
||
animated: ""
|
||
}, {
|
||
template: withCtx(() => [
|
||
createVNode(_component_el_card, null, {
|
||
header: withCtx(() => [
|
||
createBaseVNode("div", null, [
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "h3",
|
||
style: { "width": "40%" }
|
||
}),
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "rect",
|
||
style: { "float": "right", "width": "1em", "height": "1em" }
|
||
})
|
||
])
|
||
]),
|
||
default: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_22, [
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "text",
|
||
style: { "width": "30%" }
|
||
}),
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "circle",
|
||
style: { "width": "2em", "height": "2em" }
|
||
})
|
||
]),
|
||
createBaseVNode("div", _hoisted_23, [
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "text",
|
||
style: { "width": "50%" }
|
||
}),
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "text",
|
||
style: { "width": "1em" }
|
||
})
|
||
])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
default: withCtx(() => [
|
||
!unref(visitStatsLoading) ? (openBlock(), createBlock(_component_el_card, {
|
||
key: 0,
|
||
shadow: "hover",
|
||
class: "h-full flex flex-col"
|
||
}, {
|
||
header: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_24, [
|
||
_cache[19] || (_cache[19] = createBaseVNode("span", { class: "text-gray" }, "访客数(UV)", -1)),
|
||
createVNode(_component_el_tag, {
|
||
type: "success",
|
||
size: "small"
|
||
}, {
|
||
default: withCtx(() => [..._cache[18] || (_cache[18] = [
|
||
createTextVNode("日", -1)
|
||
])]),
|
||
_: 1
|
||
})
|
||
])
|
||
]),
|
||
default: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_25, [
|
||
createBaseVNode("div", _hoisted_26, [
|
||
createBaseVNode("span", _hoisted_27, toDisplayString(Math.round(unref(transitionUvCount))), 1),
|
||
createBaseVNode("span", {
|
||
class: normalizeClass([
|
||
"text-xs",
|
||
"ml-2",
|
||
computeGrowthRateClass(unref(visitStatsData).uvGrowthRate)
|
||
])
|
||
}, [
|
||
createVNode(_component_el_icon, null, {
|
||
default: withCtx(() => [
|
||
unref(visitStatsData).uvGrowthRate > 0 ? (openBlock(), createBlock(_component_Top, { key: 0 })) : unref(visitStatsData).uvGrowthRate < 0 ? (openBlock(), createBlock(_component_Bottom, { key: 1 })) : createCommentVNode("", true)
|
||
]),
|
||
_: 1
|
||
}),
|
||
createTextVNode(" " + toDisplayString(unref(formatGrowthRate)(unref(visitStatsData).uvGrowthRate)), 1)
|
||
], 2)
|
||
]),
|
||
_cache[20] || (_cache[20] = createBaseVNode("div", { class: "i-svg:visitor w-8 h-8" }, null, -1))
|
||
]),
|
||
createBaseVNode("div", _hoisted_28, [
|
||
_cache[21] || (_cache[21] = createBaseVNode("span", null, "总访客数", -1)),
|
||
createBaseVNode("span", null, toDisplayString(Math.round(unref(transitionTotalUvCount))), 1)
|
||
])
|
||
]),
|
||
_: 1
|
||
})) : createCommentVNode("", true)
|
||
]),
|
||
_: 1
|
||
}, 8, ["loading"])
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_col, {
|
||
span: 8,
|
||
xs: 24
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_skeleton, {
|
||
loading: unref(visitStatsLoading),
|
||
rows: 5,
|
||
animated: ""
|
||
}, {
|
||
template: withCtx(() => [
|
||
createVNode(_component_el_card, null, {
|
||
header: withCtx(() => [
|
||
createBaseVNode("div", null, [
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "h3",
|
||
style: { "width": "40%" }
|
||
}),
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "rect",
|
||
style: { "float": "right", "width": "1em", "height": "1em" }
|
||
})
|
||
])
|
||
]),
|
||
default: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_29, [
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "text",
|
||
style: { "width": "30%" }
|
||
}),
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "circle",
|
||
style: { "width": "2em", "height": "2em" }
|
||
})
|
||
]),
|
||
createBaseVNode("div", _hoisted_30, [
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "text",
|
||
style: { "width": "50%" }
|
||
}),
|
||
createVNode(_component_el_skeleton_item, {
|
||
variant: "text",
|
||
style: { "width": "1em" }
|
||
})
|
||
])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
default: withCtx(() => [
|
||
!unref(visitStatsLoading) ? (openBlock(), createBlock(_component_el_card, {
|
||
key: 0,
|
||
shadow: "hover",
|
||
class: "h-full flex flex-col"
|
||
}, {
|
||
header: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_31, [
|
||
_cache[23] || (_cache[23] = createBaseVNode("span", { class: "text-gray" }, "浏览量(PV)", -1)),
|
||
createVNode(_component_el_tag, {
|
||
type: "primary",
|
||
size: "small"
|
||
}, {
|
||
default: withCtx(() => [..._cache[22] || (_cache[22] = [
|
||
createTextVNode("日", -1)
|
||
])]),
|
||
_: 1
|
||
})
|
||
])
|
||
]),
|
||
default: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_32, [
|
||
createBaseVNode("div", _hoisted_33, [
|
||
createBaseVNode("span", _hoisted_34, toDisplayString(Math.round(unref(transitionPvCount))), 1),
|
||
createBaseVNode("span", {
|
||
class: normalizeClass([
|
||
"text-xs",
|
||
"ml-2",
|
||
computeGrowthRateClass(unref(visitStatsData).pvGrowthRate)
|
||
])
|
||
}, [
|
||
createVNode(_component_el_icon, null, {
|
||
default: withCtx(() => [
|
||
unref(visitStatsData).pvGrowthRate > 0 ? (openBlock(), createBlock(_component_Top, { key: 0 })) : unref(visitStatsData).pvGrowthRate < 0 ? (openBlock(), createBlock(_component_Bottom, { key: 1 })) : createCommentVNode("", true)
|
||
]),
|
||
_: 1
|
||
}),
|
||
createTextVNode(" " + toDisplayString(unref(formatGrowthRate)(unref(visitStatsData).pvGrowthRate)), 1)
|
||
], 2)
|
||
]),
|
||
_cache[24] || (_cache[24] = createBaseVNode("div", { class: "i-svg:browser w-8 h-8" }, null, -1))
|
||
]),
|
||
createBaseVNode("div", _hoisted_35, [
|
||
_cache[25] || (_cache[25] = createBaseVNode("span", null, "总浏览量", -1)),
|
||
createBaseVNode("span", null, toDisplayString(Math.round(unref(transitionTotalPvCount))), 1)
|
||
])
|
||
]),
|
||
_: 1
|
||
})) : createCommentVNode("", true)
|
||
]),
|
||
_: 1
|
||
}, 8, ["loading"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_row, {
|
||
gutter: 10,
|
||
class: "mt-4"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_col, {
|
||
xs: 24,
|
||
span: 16
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_card, null, {
|
||
header: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_36, [
|
||
_cache[28] || (_cache[28] = createBaseVNode("span", null, "访问趋势", -1)),
|
||
createVNode(_component_el_radio_group, {
|
||
modelValue: unref(visitTrendDateRange),
|
||
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(visitTrendDateRange) ? visitTrendDateRange.value = $event : null),
|
||
size: "small"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_radio_button, { value: 7 }, {
|
||
default: withCtx(() => [..._cache[26] || (_cache[26] = [
|
||
createTextVNode("近7天", -1)
|
||
])]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_radio_button, { value: 30 }, {
|
||
default: withCtx(() => [..._cache[27] || (_cache[27] = [
|
||
createTextVNode("近30天", -1)
|
||
])]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["modelValue"])
|
||
])
|
||
]),
|
||
default: withCtx(() => [
|
||
createVNode(_component_ECharts, {
|
||
options: unref(visitTrendChartOptions),
|
||
height: "400px"
|
||
}, null, 8, ["options"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_el_col, {
|
||
xs: 24,
|
||
span: 8
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_card, null, {
|
||
header: withCtx(() => [
|
||
createBaseVNode("div", _hoisted_37, [
|
||
_cache[30] || (_cache[30] = createBaseVNode("span", { class: "header-title" }, "最新动态", -1)),
|
||
createVNode(_component_el_link, {
|
||
type: "primary",
|
||
underline: "never",
|
||
href: "https://gitee.com/tao__tao/FastapiAdmin/releases",
|
||
target: "_blank"
|
||
}, {
|
||
default: withCtx(() => [
|
||
_cache[29] || (_cache[29] = createTextVNode(" 完整记录 ", -1)),
|
||
createVNode(_component_el_icon, { class: "link-icon" }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_TopRight)
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
])
|
||
]),
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_scrollbar, { height: "400px" }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_el_timeline, { class: "p-3" }, {
|
||
default: withCtx(() => [
|
||
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(vesionList), (item, index2) => {
|
||
return openBlock(), createBlock(_component_el_timeline_item, {
|
||
key: index2,
|
||
timestamp: item.date,
|
||
placement: "top",
|
||
color: index2 === 0 ? "#67C23A" : "#909399",
|
||
hollow: index2 !== 0,
|
||
size: "large"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createBaseVNode("div", {
|
||
class: normalizeClass(["version-item", { "latest-item": index2 === 0 }])
|
||
}, [
|
||
createBaseVNode("div", null, [
|
||
createVNode(_component_el_text, { tag: "strong" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode(toDisplayString(item.title), 1)
|
||
]),
|
||
_: 2
|
||
}, 1024),
|
||
item.tag ? (openBlock(), createBlock(_component_el_tag, {
|
||
key: 0,
|
||
type: index2 === 0 ? "success" : "info",
|
||
size: "small"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(toDisplayString(item.tag), 1)
|
||
]),
|
||
_: 2
|
||
}, 1032, ["type"])) : createCommentVNode("", true)
|
||
]),
|
||
createVNode(_component_el_text, { class: "version-content" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode(toDisplayString(item.content), 1)
|
||
]),
|
||
_: 2
|
||
}, 1024),
|
||
item.link ? (openBlock(), createElementBlock("div", _hoisted_38, [
|
||
createVNode(_component_el_link, {
|
||
type: index2 === 0 ? "primary" : "info",
|
||
href: item.link,
|
||
target: "_blank",
|
||
underline: "never"
|
||
}, {
|
||
default: withCtx(() => [
|
||
_cache[31] || (_cache[31] = createTextVNode(" 详情 ", -1)),
|
||
createVNode(_component_el_icon, { class: "link-icon" }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_TopRight)
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["type", "href"])
|
||
])) : createCommentVNode("", true)
|
||
], 2)
|
||
]),
|
||
_: 2
|
||
}, 1032, ["timestamp", "color", "hollow"]);
|
||
}), 128))
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]);
|
||
};
|
||
}
|
||
});
|
||
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f38347e4"]]);
|
||
export {
|
||
index as default
|
||
};
|