149 lines
4.5 KiB
Vue
149 lines
4.5 KiB
Vue
<script>
|
|
// 监控加载占位按模块展示一张 DCIM 图或四张云监控图，不触发任何监控请求。
|
|
import "~/assets/styles/InstanceMonitorSkeleton.C0FT51jJ.css";
|
|
import { renderList } from "vue";
|
|
import { normalizeClass } from "vue";
|
|
import { createCommentVNode } from "vue";
|
|
import { createElementBlock } from "vue";
|
|
import { Fragment } from "vue";
|
|
import { createElementVNode } from "vue";
|
|
import { defineComponent } from "vue";
|
|
import { createVNode } from "vue";
|
|
import { openBlock } from "vue";
|
|
import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
|
|
import skeleton from "primevue/skeleton";
|
|
var d = {
|
|
class: `range-placeholder`,
|
|
"aria-hidden": `true`,
|
|
},
|
|
f = {
|
|
key: 0,
|
|
class: `hint-placeholder`,
|
|
},
|
|
p = {
|
|
class: `title-placeholder`,
|
|
},
|
|
m = {
|
|
key: 0,
|
|
class: `legend-placeholder`,
|
|
},
|
|
h = {
|
|
key: 0,
|
|
class: `refresh-placeholder`,
|
|
"aria-hidden": `true`,
|
|
},
|
|
g = Object.assign(
|
|
_plugin_vue_export_helper_t(
|
|
defineComponent({
|
|
__name: `InstanceMonitorSkeleton`,
|
|
props: {
|
|
dcim: {
|
|
type: Boolean,
|
|
default: !1,
|
|
},
|
|
},
|
|
setup(o) {
|
|
return (l, g) => {
|
|
let _ = skeleton;
|
|
return (
|
|
openBlock(),
|
|
createElementBlock(
|
|
`div`,
|
|
{
|
|
class: normalizeClass([
|
|
`monitor-skeleton`,
|
|
{
|
|
dcim: o.dcim,
|
|
},
|
|
]),
|
|
role: `status`,
|
|
"aria-label": `正在加载监控`,
|
|
"aria-busy": `true`,
|
|
},
|
|
[
|
|
createElementVNode(`div`, d, [
|
|
createVNode(_, {
|
|
width: `340px`,
|
|
height: `40px`,
|
|
}),
|
|
o.dcim
|
|
? createCommentVNode(``, !0)
|
|
: (openBlock(),
|
|
createElementBlock(
|
|
`span`,
|
|
f,
|
|
`数据由平台采集，实例未运行时可能为空。`,
|
|
)),
|
|
]),
|
|
(openBlock(!0),
|
|
createElementBlock(
|
|
Fragment,
|
|
null,
|
|
renderList(
|
|
o.dcim ? 1 : 4,
|
|
(e) => (
|
|
openBlock(),
|
|
createElementBlock(
|
|
`div`,
|
|
{
|
|
key: e,
|
|
class: `chart-placeholder`,
|
|
"aria-hidden": `true`,
|
|
},
|
|
[
|
|
createElementVNode(`div`, p, [
|
|
createVNode(_, {
|
|
width: `120px`,
|
|
height: `24px`,
|
|
}),
|
|
]),
|
|
o.dcim
|
|
? (openBlock(),
|
|
createElementBlock(`div`, m, [
|
|
createVNode(_, {
|
|
width: `180px`,
|
|
height: `21px`,
|
|
}),
|
|
]))
|
|
: createCommentVNode(``, !0),
|
|
createVNode(
|
|
_,
|
|
{
|
|
height: o.dcim ? `320px` : `280px`,
|
|
},
|
|
null,
|
|
8,
|
|
[`height`],
|
|
),
|
|
],
|
|
)
|
|
),
|
|
),
|
|
128,
|
|
)),
|
|
o.dcim
|
|
? createCommentVNode(``, !0)
|
|
: (openBlock(),
|
|
createElementBlock(`div`, h, [
|
|
createVNode(_, {
|
|
width: `70px`,
|
|
height: `35px`,
|
|
}),
|
|
])),
|
|
],
|
|
2,
|
|
)
|
|
);
|
|
};
|
|
},
|
|
}),
|
|
[[`__scopeId`, `data-v-5a1fd568`]],
|
|
),
|
|
{
|
|
__name: `InstanceMonitorSkeleton`,
|
|
},
|
|
);
|
|
export {};
|
|
export default g;
|
|
</script>
|