功能变化(服务监控): 按钮增加title;删除模拟数据;
parent
b3b2d93bad
commit
9bd51d030e
|
@ -9,13 +9,14 @@
|
||||||
v-model="isOpeningMonitor"
|
v-model="isOpeningMonitor"
|
||||||
active-color="#13ce66"
|
active-color="#13ce66"
|
||||||
inactive-color="#ff4949"
|
inactive-color="#ff4949"
|
||||||
|
title="控制所有监控项"
|
||||||
@change="changeMonitorStatus"
|
@change="changeMonitorStatus"
|
||||||
>
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</div>
|
</div>
|
||||||
<!-- 更新频率设置 -->
|
<!-- 更新频率设置 -->
|
||||||
<div class="monitor-update-interval same-block">
|
<div class="monitor-update-interval same-block">
|
||||||
更新频率:
|
监控频率:
|
||||||
<el-input-number v-model="monitorUpdateInterval"
|
<el-input-number v-model="monitorUpdateInterval"
|
||||||
label=""
|
label=""
|
||||||
class="monitor-update-interval-blank"
|
class="monitor-update-interval-blank"
|
||||||
|
@ -43,13 +44,19 @@
|
||||||
<el-input v-model="monitorLogSavingDays" class=" same-block" style="width: 120px;"></el-input>
|
<el-input v-model="monitorLogSavingDays" class=" same-block" style="width: 120px;"></el-input>
|
||||||
<el-button type="primary"
|
<el-button type="primary"
|
||||||
class="same-block"
|
class="same-block"
|
||||||
|
title="只有提交更改才会生效"
|
||||||
@click="updateMonitorStatusSettingsInfo"
|
@click="updateMonitorStatusSettingsInfo"
|
||||||
>更改
|
>更改
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<!-- 清空记录 -->
|
<!-- 清空记录 -->
|
||||||
<div class="clean-monitor-log same-block">
|
<div class="clean-monitor-log same-block">
|
||||||
<el-button class="same-block" @click="cleanMonitorLogsInfo" type="warning">清空记录</el-button>
|
<el-button class="same-block"
|
||||||
|
type="warning"
|
||||||
|
title="清空所有监控记录"
|
||||||
|
@click="cleanMonitorLogsInfo"
|
||||||
|
>清空记录
|
||||||
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="server-monitor-top">
|
<div class="server-monitor-top">
|
||||||
|
@ -71,7 +78,12 @@
|
||||||
>
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-button type="primary" class="server-info-item" @click="updateServerInfo">更改</el-button>
|
<el-button type="primary"
|
||||||
|
class="server-info-item"
|
||||||
|
title="只有提交更改才会生效"
|
||||||
|
@click="updateServerInfo"
|
||||||
|
>更改
|
||||||
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="server-info-detail">
|
<div class="server-info-detail">
|
||||||
<div v-for="(key,index) in currentServerInfoKeys" :key="index" class="server-info-detail-line text item">
|
<div v-for="(key,index) in currentServerInfoKeys" :key="index" class="server-info-detail-line text item">
|
||||||
|
@ -176,9 +188,9 @@ const CHART_KEY_NAME_MAPPING = {
|
||||||
|
|
||||||
// 仪表盘字段映射
|
// 仪表盘字段映射
|
||||||
const INSTRUMENT_BOARD_KEY_TO_NAME_MAPPING = {
|
const INSTRUMENT_BOARD_KEY_TO_NAME_MAPPING = {
|
||||||
cpu: "CPU使用率",
|
cpu: 'CPU使用率',
|
||||||
memory: "内存使用率",
|
memory: '内存使用率',
|
||||||
disk: "磁盘使用率"
|
disk: '磁盘使用率'
|
||||||
}
|
}
|
||||||
|
|
||||||
// 仪表盘颜色范围
|
// 仪表盘颜色范围
|
||||||
|
@ -297,8 +309,8 @@ export default {
|
||||||
},
|
},
|
||||||
/**修改服务器信息*/
|
/**修改服务器信息*/
|
||||||
updateServerInfo() {
|
updateServerInfo() {
|
||||||
updateServerInfo(this.currentServer.id, this.currentServer).then(results => {
|
updateServerInfo(this.currentServer.id, this.currentServer).then(() => {
|
||||||
this.msgSuccess(results.msg || '修改服务器信息成功!')
|
this.msgSuccess('修改服务器信息成功!')
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
this.$message.error(error.msg || '提交修改服务器信息出错!')
|
this.$message.error(error.msg || '提交修改服务器信息出错!')
|
||||||
})
|
})
|
||||||
|
@ -306,27 +318,7 @@ export default {
|
||||||
/** 获取服务器最新监控信息 */
|
/** 获取服务器最新监控信息 */
|
||||||
getServerLatestLogInfo(serverId) {
|
getServerLatestLogInfo(serverId) {
|
||||||
getServerLatestLog(serverId).then(results => {
|
getServerLatestLog(serverId).then(results => {
|
||||||
// this.instrumentBoardData = results.data
|
this.instrumentBoardData = results.data
|
||||||
this.instrumentBoardData = {
|
|
||||||
cpu: {
|
|
||||||
total: 2,
|
|
||||||
used: '', // cpu核心 可不传,如指cpu当前主频,该值可以传
|
|
||||||
rate: 12,
|
|
||||||
unit: '核心' // 默认单位 核心
|
|
||||||
},
|
|
||||||
memory: {
|
|
||||||
total: 1024,
|
|
||||||
used: 512,
|
|
||||||
rate: 70,
|
|
||||||
unit: 'MB' // 默认单位 MB
|
|
||||||
},
|
|
||||||
disk: {
|
|
||||||
total: 50,
|
|
||||||
used: 30,
|
|
||||||
rate: 90,
|
|
||||||
unit: 'GB' // 默认单位 GB
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
this.msgError(error.msg || '获取服务器最新监控信息错误!')
|
this.msgError(error.msg || '获取服务器最新监控信息错误!')
|
||||||
})
|
})
|
||||||
|
@ -334,11 +326,7 @@ export default {
|
||||||
/** 获取监控日志信息 */
|
/** 获取监控日志信息 */
|
||||||
getCurrentServerMonitorLogs() {
|
getCurrentServerMonitorLogs() {
|
||||||
getMonitorLogs(this.currentServer.id, { as: { 'create_datetime__range': this.timeRange } }).then(results => {
|
getMonitorLogs(this.currentServer.id, { as: { 'create_datetime__range': this.timeRange } }).then(results => {
|
||||||
// this.lineChartData = results.data
|
this.lineChartData = results.data
|
||||||
this.lineChartData = {
|
|
||||||
cpu: [0.5, 0.43, 0.56, 0.89, 0.5, 0.43, 0.56, 0.89, 0.5, 0.43, 0.56, 0.89, 0.5, 0.43, 0.56, 0.89],
|
|
||||||
memory: [0.6, 0.43, 0.56, 0.56, 0.89, 0.5, 0.43, 0.43, 0.56, 0.56, 0.5, 0.43, 0.56, 0.89, 0.5]
|
|
||||||
}
|
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
this.msgError(error.msg || '获取监控日志信息出错误!')
|
this.msgError(error.msg || '获取监控日志信息出错误!')
|
||||||
})
|
})
|
||||||
|
@ -356,9 +344,9 @@ export default {
|
||||||
/** 获取监控配置信息 */
|
/** 获取监控配置信息 */
|
||||||
getMonitorStatusSettingsInfo() {
|
getMonitorStatusSettingsInfo() {
|
||||||
getMonitorStatusInfo().then(results => {
|
getMonitorStatusInfo().then(results => {
|
||||||
let { enabled, interval, save_days } = results
|
let { enabled, interval, save_days } = results.data
|
||||||
this.isOpeningMonitor = enabled
|
this.isOpeningMonitor = enabled
|
||||||
this.monitorLogSavingDays = parseInt(save_days || 30)
|
this.monitorLogSavingDays = parseInt(save_days)
|
||||||
this.formatInterval(parseInt(interval))
|
this.formatInterval(parseInt(interval))
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
this.msgError(error.msg || '获取服务器监控配置信息出错误!')
|
this.msgError(error.msg || '获取服务器监控配置信息出错误!')
|
||||||
|
@ -366,8 +354,8 @@ export default {
|
||||||
},
|
},
|
||||||
/** 更新监控配置信息 */
|
/** 更新监控配置信息 */
|
||||||
updateMonitorStatusSettingsInfo() {
|
updateMonitorStatusSettingsInfo() {
|
||||||
updateMonitorStatusInfo(this.monitorStatusInfo).then(result => {
|
updateMonitorStatusInfo(this.monitorStatusInfo).then(() => {
|
||||||
this.msgSuccess(result.msg || '更新配置成功!')
|
this.msgSuccess('更新配置成功!')
|
||||||
}).catch((error) => {
|
}).catch((error) => {
|
||||||
this.msgError(error.msg || '更新服务器监控配置信息出错误!')
|
this.msgError(error.msg || '更新服务器监控配置信息出错误!')
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue