|
|
|
@ -46,12 +46,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</CardWithHeader>
|
|
|
|
|
<CardWithHeader :header="$t('commons.table.status')" style="margin-top: 20px" height="300px">
|
|
|
|
|
<CardWithHeader :header="$t('commons.table.status')" style="margin-top: 20px">
|
|
|
|
|
<template #body>
|
|
|
|
|
<Status ref="statuRef" />
|
|
|
|
|
<Status ref="statuRef" style="margin-top: -7px" />
|
|
|
|
|
</template>
|
|
|
|
|
</CardWithHeader>
|
|
|
|
|
<CardWithHeader :header="$t('menu.monitor')" style="margin-top: 20px" height="450">
|
|
|
|
|
<CardWithHeader :header="$t('menu.monitor')" style="margin-top: 20px">
|
|
|
|
|
<template #header-r>
|
|
|
|
|
<el-radio-group
|
|
|
|
|
style="float: right; margin-left: 5px"
|
|
|
|
@ -109,19 +109,19 @@
|
|
|
|
|
<div
|
|
|
|
|
v-if="chartOption === 'io'"
|
|
|
|
|
id="ioChart"
|
|
|
|
|
style="margin-top: 20px; width: 100%; height: 324px"
|
|
|
|
|
style="margin-top: 20px; width: 100%; height: 300px"
|
|
|
|
|
></div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="chartOption === 'network'"
|
|
|
|
|
id="networkChart"
|
|
|
|
|
style="margin-top: 40px; width: 100%; height: 324px"
|
|
|
|
|
style="margin-top: 40px; width: 100%; height: 300px"
|
|
|
|
|
></div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</CardWithHeader>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<CardWithHeader :header="$t('home.systemInfo')" height="306px">
|
|
|
|
|
<CardWithHeader :header="$t('home.systemInfo')">
|
|
|
|
|
<template #body>
|
|
|
|
|
<el-descriptions :column="1" class="h-systemInfo">
|
|
|
|
|
<el-descriptions-item class-name="system-content">
|
|
|
|
@ -176,7 +176,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
</CardWithHeader>
|
|
|
|
|
|
|
|
|
|
<CardWithHeader :header="$t('home.app')" style="margin-top: 20px" height="586px">
|
|
|
|
|
<CardWithHeader :header="$t('home.app')" style="margin-top: 20px">
|
|
|
|
|
<template #body>
|
|
|
|
|
<App ref="appRef" />
|
|
|
|
|
</template>
|
|
|
|
|