feat
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="stats-card" :bordered="false">
|
||||
<div class="stats-content">
|
||||
@@ -58,10 +58,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 环境概览 -->
|
||||
<a-row :gutter="16" class="chart-row">
|
||||
<!-- <a-row :gutter="16" class="chart-row">
|
||||
<a-col :xs="24" :lg="8">
|
||||
<a-card title="温湿度趋势" :bordered="false">
|
||||
<template #extra>
|
||||
@@ -134,10 +134,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 电力分布 -->
|
||||
<a-row :gutter="16" class="power-row">
|
||||
<!-- <a-row :gutter="16" class="power-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="power-card" :bordered="false">
|
||||
<div class="power-header">
|
||||
@@ -246,7 +246,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 设备列表 -->
|
||||
<a-card title="设备列表" :bordered="false">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="stats-card" :bordered="false">
|
||||
<div class="stats-content">
|
||||
@@ -58,10 +58,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 图表区域 -->
|
||||
<a-row :gutter="16" class="chart-row">
|
||||
<!-- <a-row :gutter="16" class="chart-row">
|
||||
<a-col :xs="24" :lg="12">
|
||||
<a-card title="日志采集趋势" :bordered="false">
|
||||
<template #extra>
|
||||
@@ -102,7 +102,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 日志列表 -->
|
||||
<a-card title="实时日志" :bordered="false">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="stats-card" :bordered="false">
|
||||
<div class="stats-content">
|
||||
@@ -58,10 +58,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 图表区域 -->
|
||||
<a-row :gutter="16" class="chart-row">
|
||||
<!-- <a-row :gutter="16" class="chart-row">
|
||||
<a-col :xs="24" :lg="12">
|
||||
<a-card title="网络流量趋势" :bordered="false">
|
||||
<template #extra>
|
||||
@@ -102,10 +102,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 快速统计 -->
|
||||
<a-row :gutter="16" class="quick-stats-row">
|
||||
<!-- <a-row :gutter="16" class="quick-stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="quick-stats-card" :bordered="false">
|
||||
<div class="quick-stats-header">
|
||||
@@ -174,7 +174,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 设备列表 -->
|
||||
<a-card title="设备列表" :bordered="false">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="stats-card" :bordered="false">
|
||||
<div class="stats-content">
|
||||
@@ -58,10 +58,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 安全概览 -->
|
||||
<a-row :gutter="16" class="overview-row">
|
||||
<!-- <a-row :gutter="16" class="overview-row">
|
||||
<a-col :xs="24" :lg="8">
|
||||
<a-card title="消防系统状态" :bordered="false">
|
||||
<template #extra>
|
||||
@@ -144,10 +144,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 区域状态 -->
|
||||
<a-row :gutter="16" class="area-row">
|
||||
<!-- <a-row :gutter="16" class="area-row">
|
||||
<a-col v-for="area in areaStatusList" :key="area.name" :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="area-card" :bordered="false">
|
||||
<div class="area-header">
|
||||
@@ -174,7 +174,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 设备列表 -->
|
||||
<a-card title="设备列表" :bordered="false">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="stats-card" :bordered="false">
|
||||
<div class="stats-content">
|
||||
@@ -58,10 +58,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 图表区域 -->
|
||||
<a-row :gutter="16" class="chart-row">
|
||||
<!-- <a-row :gutter="16" class="chart-row">
|
||||
<a-col :xs="24" :lg="12">
|
||||
<a-card title="威胁趋势" :bordered="false">
|
||||
<template #extra>
|
||||
@@ -102,7 +102,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 设备列表 -->
|
||||
<a-card title="设备列表" :bordered="false">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="storage-monitor">
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :span="6">
|
||||
<a-card class="stats-card" :loading="loading">
|
||||
<div class="stats-content">
|
||||
@@ -57,10 +57,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 图表区域 -->
|
||||
<a-row :gutter="16" class="chart-row">
|
||||
<!-- <a-row :gutter="16" class="chart-row">
|
||||
<a-col :span="12">
|
||||
<a-card class="chart-card">
|
||||
<template #title>
|
||||
@@ -126,10 +126,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 卷列表 -->
|
||||
<a-row :gutter="16" class="info-row">
|
||||
<!-- <a-row :gutter="16" class="info-row">
|
||||
<a-col :span="8">
|
||||
<a-card class="info-card">
|
||||
<div class="info-header">
|
||||
@@ -196,7 +196,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<a-card class="table-card">
|
||||
<template #title>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="stats-card" :bordered="false">
|
||||
<div class="stats-content">
|
||||
@@ -63,10 +63,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 图表区域 -->
|
||||
<a-row :gutter="16" class="chart-row">
|
||||
<!-- <a-row :gutter="16" class="chart-row">
|
||||
<a-col :xs="24" :lg="12">
|
||||
<a-card title="响应时间趋势" :bordered="false">
|
||||
<template #extra>
|
||||
@@ -102,7 +102,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 监控列表 -->
|
||||
<a-card title="监控列表" :bordered="false">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- 统计卡片 -->
|
||||
<a-row :gutter="16" class="stats-row">
|
||||
<!-- <a-row :gutter="16" class="stats-row">
|
||||
<a-col :xs="24" :sm="12" :lg="6">
|
||||
<a-card class="stats-card" :bordered="false">
|
||||
<div class="stats-content">
|
||||
@@ -58,10 +58,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 图表区域 -->
|
||||
<a-row :gutter="16" class="chart-row">
|
||||
<!-- <a-row :gutter="16" class="chart-row">
|
||||
<a-col :xs="24" :lg="8">
|
||||
<a-card title="资源使用趋势" :bordered="false">
|
||||
<template #extra>
|
||||
@@ -122,10 +122,10 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 宿主机状态 -->
|
||||
<a-row :gutter="16" class="host-row">
|
||||
<!-- <a-row :gutter="16" class="host-row">
|
||||
<a-col v-for="host in hostStatus" :key="host.name" :xs="12" :sm="6">
|
||||
<a-card class="host-card" :bordered="false">
|
||||
<div class="host-header">
|
||||
@@ -154,7 +154,7 @@
|
||||
</div>
|
||||
</a-card>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row> -->
|
||||
|
||||
<!-- 虚拟机列表 -->
|
||||
<a-card title="虚拟机列表" :bordered="false">
|
||||
|
||||
Reference in New Issue
Block a user