优化ui
This commit is contained in:
parent
1ec0d42e33
commit
6d266c82df
@ -2,7 +2,7 @@
|
|||||||
<div style="border: 1px solid #ccc">
|
<div style="border: 1px solid #ccc">
|
||||||
<Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
|
<Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
|
||||||
<Editor
|
<Editor
|
||||||
style="height: 500px; overflow-y: hidden"
|
style="height: 300px; overflow-y: hidden"
|
||||||
v-model="valueHtml"
|
v-model="valueHtml"
|
||||||
:defaultConfig="editorConfig"
|
:defaultConfig="editorConfig"
|
||||||
:mode="mode"
|
:mode="mode"
|
||||||
|
|||||||
@ -52,7 +52,7 @@
|
|||||||
<dict-tag :value="scope.row.isStart" :options="isStartOptions"></dict-tag>
|
<dict-tag :value="scope.row.isStart" :options="isStartOptions"></dict-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="lastRunTime" align="center" label="最后运行时间" :show-overflow-tooltip="true" />
|
<!-- <el-table-column prop="lastRunTime" align="center" label="最后运行时间" :show-overflow-tooltip="true" /> -->
|
||||||
<el-table-column prop="remark" align="center" label="备注" :show-overflow-tooltip="true" />
|
<el-table-column prop="remark" align="center" label="备注" :show-overflow-tooltip="true" />
|
||||||
<el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
@ -240,6 +240,11 @@
|
|||||||
<el-input type="textarea" v-model="form.remark" />
|
<el-input type="textarea" v-model="form.remark" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<el-col :lg="24">
|
||||||
|
<el-form-item label="最后运行时间" prop="lastRunTime">
|
||||||
|
{{ form.lastRunTime }}
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer v-if="btnVisible">
|
<template #footer v-if="btnVisible">
|
||||||
|
|||||||
@ -7,15 +7,15 @@
|
|||||||
<span>状态</span>
|
<span>状态</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8" class="mr20">
|
<div class="col-item">
|
||||||
<div class="title">CPU使用率</div>
|
<div class="title">CPU使用率</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<el-progress type="dashboard" :percentage="parseFloat(server.cpu.cpuRate)" />
|
<el-progress type="dashboard" :percentage="parseFloat(server.cpu.cpuRate)" />
|
||||||
</div>
|
</div>
|
||||||
<div class="footer" v-if="server.sys">{{ server.sys.cpuNum }} 核心</div>
|
<div class="footer" v-if="server.sys">{{ server.sys.cpuNum }} 核心</div>
|
||||||
</el-col>
|
</div>
|
||||||
|
|
||||||
<el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
|
<div class="col-item">
|
||||||
<div class="title">内存使用率</div>
|
<div class="title">内存使用率</div>
|
||||||
<el-tooltip placement="top-end">
|
<el-tooltip placement="top-end">
|
||||||
<template #content>
|
<template #content>
|
||||||
@ -31,7 +31,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<div class="footer">{{ server.cpu.usedRam }} / {{ server.cpu.totalRAM }}</div>
|
<div class="footer">{{ server.cpu.usedRam }} / {{ server.cpu.totalRAM }}</div>
|
||||||
</el-col>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
@ -40,7 +40,7 @@
|
|||||||
<template #header>
|
<template #header>
|
||||||
<span>磁盘状态</span>
|
<span>磁盘状态</span>
|
||||||
</template>
|
</template>
|
||||||
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" v-for="sysFile in server.disk" :key="sysFile.diskName">
|
<div class="col-item" v-for="sysFile in server.disk" :key="sysFile.diskName">
|
||||||
<div class="title">{{ sysFile.diskName }}盘使用率</div>
|
<div class="title">{{ sysFile.diskName }}盘使用率</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<el-tooltip placement="top-end">
|
<el-tooltip placement="top-end">
|
||||||
@ -57,7 +57,7 @@
|
|||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">{{ sysFile.availableFreeSpace }}GB可用,共{{ sysFile.totalSize }}GB</div>
|
<div class="footer">{{ sysFile.availableFreeSpace }}GB可用,共{{ sysFile.totalSize }}GB</div>
|
||||||
</el-col>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
@ -265,4 +265,8 @@ table tr {
|
|||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
.col-item {
|
||||||
|
width: 200px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user