quick-admin-vue3-core
Version:
以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板
146 lines (145 loc) • 6.64 kB
JavaScript
import { defineComponent as _, ref as m, onMounted as u, onBeforeUnmount as A, createElementBlock as h, openBlock as b, createElementVNode as s, unref as v, toDisplayString as x, createVNode as e } from "vue";
import { u as w } from "./vue-router-CAs1aAcA.js";
import { _ as Y } from "./AgeRatio.vue_vue_type_script_setup_true_lang-DBAAQyH7.js";
import y from "./AnnualUse-gcHa3OQT.js";
import { _ as D } from "./ChinaMap.vue_vue_type_script_setup_true_lang-DyVtImHf.js";
import E from "./HotPlate-DNvaOUJC.js";
import R from "./GenderRatio-BDmKy6NL.js";
import { _ as C } from "./OverNextMonth.vue_vue_type_script_setup_true_lang-REgvWvsL.js";
import { _ as I } from "./PlatformSource.vue_vue_type_script_setup_true_lang-CL47jUIG.js";
import H from "./RealTimeTourist-B15V_3Rc.js";
import { D as p, aY as S } from "./platform-DsTwHxm6.js";
import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const i = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAHCAYAAACx3+twAAAAAXNSR0IArs4c6QAAAZ9JREFUSEvNlb9LHFEQxz/fE4MXsJEUVhaCndcKqSxVUspZHeS0zIGChYIEXcXGxuLQgzSiohD8Ucr5BwRBWxvRzkJSCXqFsuqOuIrE7O5bDQfxtW/m+2bmzWdGVqWIUUFkSTrGKRny6uXgbxPboIFrZhHjgBwaBxh5feX0Txubp4VG1hB9ib6PF8v4fNMoV5EYZshhrAM5x/s+YoxJyhKWZBcmYDvkEOsoRTDDGD3xgrZGH0GYWIsjqHMyFFSg+qIohlhgAjENNDj8Dwno1wgnkaLMk+Uy/NhiSmGrGAV5nMfZPf+o7ZHlggqkCBrVMKneqKCt0IZYRXQ7gjKMOZqY0gD+i8JU6CbgJ9Dq8K8hhlViOc7GPIoozMPd8ZCXF+34SIv/d4QWaSVgqQ4IbQMdb0UolvknhLZRiuB7RmiOZq4ovxWhxCFov2imRrkOCG0iul6B0HcNcPePCA2pxFY9EEreCk/qtksXxkfnoAo40xeOYwPa4APXfEaODfTgeMuRBvkdGZY/+IRPZ8qghBv24zZQuDQ82oG2FA1fHnv3y0m/CFsHcS4AAAAASUVORK5CYII=", B = { class: "wrap" }, G = { class: "header f-c-s f-0" }, M = { class: "side left" }, Z = { class: "side right" }, q = { class: "now-time" }, U = { class: "bodyer f-sb-s f-1" }, F = { class: "left f-sb-s-c" }, V = { class: "section top" }, P = { class: "section center" }, O = { class: "section bottom" }, Q = { class: "middle f-sb-s-c f-1" }, X = { class: "map f-1" }, z = { class: "section future" }, N = { class: "right f-sb-s-c" }, K = { class: "section top" }, W = { class: "section center" }, T = { class: "section bottom" }, $ = /* @__PURE__ */ _({
name: "DemoCenterBigScreenTravel",
__name: "index",
setup(j) {
const g = w(), o = m(null);
u(() => {
o.value && (o.value.style.transform = `scale(${c()}) translate(-50%, -50%)`, o.value.style.width = "1920px", o.value.style.height = "1080px"), window.addEventListener("resize", a);
});
const a = () => {
o.value && (o.value.style.transform = `scale(${c()}) translate(-50%, -50%)`);
}, c = (d = 1920, t = 1080) => {
const n = window.innerWidth / d, f = window.innerHeight / t;
return n < f ? n : f;
};
let r = null;
const l = m(p().format("YYYY年MM月DD HH:mm:ss"));
return r = setInterval(() => {
l.value = p().format("YYYY年MM月DD HH:mm:ss");
}, 1e3), A(() => {
window.removeEventListener("resize", a), clearInterval(r);
}), (d, t) => (b(), h("div", B, [
s("div", {
class: "content f-fs-s-c",
ref_key: "contentRef",
ref: o
}, [
s("div", G, [
s("div", M, [
s("span", {
class: "strong home",
onClick: t[0] || (t[0] = (n) => v(g).push(v(S)))
}, " 首页 ")
]),
t[2] || (t[2] = s("div", { class: "center f-1" }, [
s("div", { class: "title" }, [
s("span", null, "智慧旅游可视化大数据展示平台"),
s("div", { class: "warning" }, "平台高峰预警信息（2条）")
])
], -1)),
s("div", Z, [
t[1] || (t[1] = s("span", { class: "strong report" }, "统计报告", -1)),
s("span", q, "当前时间：" + x(l.value), 1)
])
]),
s("div", U, [
s("div", F, [
s("div", V, [
t[3] || (t[3] = s("div", { class: "head f-c-fs-c" }, [
s("span", { class: "text" }, "实时游客统计"),
s("img", {
class: "bg",
src: i
})
], -1)),
e(H, { class: "body" })
]),
s("div", P, [
t[4] || (t[4] = s("div", { class: "head f-c-fs-c" }, [
s("span", { class: "text" }, "男女比例"),
s("img", {
class: "bg",
src: i
})
], -1)),
e(R, { class: "body" })
]),
s("div", O, [
t[5] || (t[5] = s("div", { class: "head f-c-fs-c" }, [
s("span", { class: "text" }, "年龄比例"),
s("img", {
class: "bg",
src: i
})
], -1)),
e(Y, { class: "body" })
])
]),
s("div", Q, [
s("div", X, [
t[6] || (t[6] = s("div", { class: "map-title f-fs-c" }, "景区实时客流量", -1)),
e(D)
]),
s("div", z, [
t[7] || (t[7] = s("div", { class: "head f-c-fs-c" }, [
s("span", { class: "text" }, "未来30天游客量趋势图"),
s("img", {
class: "bg",
src: i
})
], -1)),
e(C, { class: "body" })
])
]),
s("div", N, [
s("div", K, [
t[8] || (t[8] = s("div", { class: "head f-c-fs-c" }, [
s("span", { class: "text" }, "热门景区排行"),
s("img", {
class: "bg",
src: i
})
], -1)),
e(E, { class: "body" })
]),
s("div", W, [
t[9] || (t[9] = s("div", { class: "head f-c-fs-c" }, [
s("span", { class: "text" }, "年度游客量对比"),
s("img", {
class: "bg",
src: i
})
], -1)),
e(y, { class: "body" })
]),
s("div", T, [
t[10] || (t[10] = s("div", { class: "head f-c-fs-c" }, [
s("span", { class: "text" }, "预约渠道数据统计"),
s("img", {
class: "bg",
src: i
})
], -1)),
e(I, { class: "body" })
])
])
])
], 512)
]));
}
}), ds = /* @__PURE__ */ k($, [["__scopeId", "data-v-1edaf1f3"]]);
export {
ds as default
};