Skip to content

I
IT-monitor
Commit 8f2c40cd authored by 张伯涛's avatar 张伯涛
Browse files
Options

谁被管理完善

parent 5900b011
Show whitespace changes
Inline Side-by-side
Showing with 1326 additions and 19 deletions
src/views/IntegratedMonitor/Linux.vue
View file @ 8f2c40cd
<template> <template>
<div>aaaaa</div> <div class="LinuxModule">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="基本监测点" name="first">
<div class="basicTree">
<el-tree
:data="data"
show-checkbox
node-key="id"
:default-expanded-keys="[0,1,2, 3,4,7]"
:default-checked-keys="[0,1,2,5]"
:props="defaultProps"
/>
</div>
</el-tab-pane>
<el-tab-pane label="高级监测点" name="second">
<div>
<el-tabs v-model="leftActiveName" :tab-position="tabPosition" style="height: 450px;">
<el-tab-pane name="first" label="代理Ping">
<div class="tabPing">
<el-collapse v-model="activeNames" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm">
<el-form-item label="目标IP:">
<el-input v-model="basicForm.ip" />
</el-form-item>
<el-form-item label="执行间隔时间:">
<el-input v-model="basicForm.time" style="width: 59%" />
<el-select
v-model="basicForm.time2"
style="width: 40%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
<el-form-item label="超时时间(ms):">
<el-input v-model="basicForm.overTime" />
</el-form-item>
<el-form-item label="发送包个数:">
<el-input v-model="basicForm.bagCount" />
</el-form-item>
<el-form-item label="指标重要性:">
<el-input v-model="basicForm.indexImportance" />
</el-form-item>
<el-form-item label="任务计划:">
<el-input v-model="basicForm.plan" />
</el-form-item>
<el-form-item label="标题:">
<el-input v-model="basicForm.title" />
</el-form-item>
<el-form-item label="告警级别:">
<el-input v-model="basicForm.level" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="阈值设置" name="2">
<el-form ref="thresholdForm" class="tabFormClass" label-width="auto" :model="thresholdForm">
<el-form-item label="危险阈值:">
<el-select
v-model="thresholdForm.value"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value1"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value2" style="width: 30%" />
</el-form-item>
<el-form-item label="故障阈值:">
<el-select
v-model="thresholdForm.value4"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value5"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value6" style="width: 30%" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="3">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm">
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm.value" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="故障处理" name="4">
<el-form ref="faultForm" class="tabFormClass" label-width="auto" :model="faultForm">
<el-form-item label="故障处理方法:">
<el-input v-model="faultForm.value" />
</el-form-item>
<el-form-item label="报警描述:">
<el-input v-model="faultForm.value1" />
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</div>
</el-tab-pane>
<el-tab-pane name="second" label="端口信息">
<div class="tabPing">
<el-collapse v-model="activeNames2" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm2">
<el-form-item label="端口监测:">
<el-input v-model="basicForm2.ip" />
</el-form-item>
<el-form-item label="执行间隔时间:">
<el-input v-model="basicForm2.time" style="width: 59%" />
<el-select
v-model="basicForm2.time2"
style="width: 40%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
<el-form-item label="指标重要性:">
<el-input v-model="basicForm2.indexImportance" />
</el-form-item>
<el-form-item label="任务计划:">
<el-input v-model="basicForm2.plan" />
</el-form-item>
<el-form-item label="标题:">
<el-input v-model="basicForm2.title" />
</el-form-item>
<el-form-item label="告警级别:">
<el-input v-model="basicForm2.level" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="阈值设置" name="2">
<el-form ref="thresholdForm" class="tabFormClass" label-width="auto" :model="thresholdForm2">
<el-form-item label="危险阈值:">
<el-select
v-model="thresholdForm2.value"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm2.value1"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm2.value2" style="width: 30%" />
</el-form-item>
<el-form-item label="故障阈值:">
<el-select
v-model="thresholdForm2.value4"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm2.value5"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm2.value6" style="width: 30%" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="3">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm2">
<el-form-item label="发送字符串:">
<el-input v-model="additionalForm2.value" />
</el-form-item>
<el-form-item label="匹配字符串:">
<el-input v-model="additionalForm2.value2" />
</el-form-item>
<el-form-item label="超时:">
<el-input v-model="additionalForm2.value3" />
</el-form-item>
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm2.value4" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="故障处理" name="4">
<el-form ref="faultForm" class="tabFormClass" label-width="auto" :model="faultForm2">
<el-form-item label="故障处理方法:">
<el-input v-model="faultForm2.value" />
</el-form-item>
<el-form-item label="报警描述:">
<el-input v-model="faultForm2.value1" />
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</div>
</el-tab-pane>
<el-tab-pane name="third" label="日志文件监测">
<el-collapse v-model="activeNames" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm">
<el-form-item label="目标IP:">
<el-input v-model="basicForm.ip" />
</el-form-item>
<el-form-item label="执行间隔时间:">
<el-input v-model="basicForm.time" style="width: 59%" />
<el-select
v-model="basicForm.time2"
style="width: 40%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
<el-form-item label="超时时间(ms):">
<el-input v-model="basicForm.overTime" />
</el-form-item>
<el-form-item label="发送包个数:">
<el-input v-model="basicForm.bagCount" />
</el-form-item>
<el-form-item label="指标重要性:">
<el-input v-model="basicForm.indexImportance" />
</el-form-item>
<el-form-item label="任务计划:">
<el-input v-model="basicForm.plan" />
</el-form-item>
<el-form-item label="标题:">
<el-input v-model="basicForm.title" />
</el-form-item>
<el-form-item label="告警级别:">
<el-input v-model="basicForm.level" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="阈值设置" name="2">
<el-form ref="thresholdForm" class="tabFormClass" label-width="auto" :model="thresholdForm">
<el-form-item label="危险阈值:">
<el-select
v-model="thresholdForm.value"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value1"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value2" style="width: 30%" />
</el-form-item>
<el-form-item label="故障阈值:">
<el-select
v-model="thresholdForm.value4"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value5"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value6" style="width: 30%" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="3">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm">
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm.value" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="故障处理" name="4">
<el-form ref="faultForm" class="tabFormClass" label-width="auto" :model="faultForm">
<el-form-item label="故障处理方法:">
<el-input v-model="faultForm.value" />
</el-form-item>
<el-form-item label="报警描述:">
<el-input v-model="faultForm.value1" />
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane name="fourth" label="命令结果匹配">
<el-collapse v-model="activeNames" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm">
<el-form-item label="目标IP:">
<el-input v-model="basicForm.ip" />
</el-form-item>
<el-form-item label="执行间隔时间:">
<el-input v-model="basicForm.time" style="width: 59%" />
<el-select
v-model="basicForm.time2"
style="width: 40%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
<el-form-item label="超时时间(ms):">
<el-input v-model="basicForm.overTime" />
</el-form-item>
<el-form-item label="发送包个数:">
<el-input v-model="basicForm.bagCount" />
</el-form-item>
<el-form-item label="指标重要性:">
<el-input v-model="basicForm.indexImportance" />
</el-form-item>
<el-form-item label="任务计划:">
<el-input v-model="basicForm.plan" />
</el-form-item>
<el-form-item label="标题:">
<el-input v-model="basicForm.title" />
</el-form-item>
<el-form-item label="告警级别:">
<el-input v-model="basicForm.level" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="阈值设置" name="2">
<el-form ref="thresholdForm" class="tabFormClass" label-width="auto" :model="thresholdForm">
<el-form-item label="危险阈值:">
<el-select
v-model="thresholdForm.value"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value1"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value2" style="width: 30%" />
</el-form-item>
<el-form-item label="故障阈值:">
<el-select
v-model="thresholdForm.value4"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value5"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value6" style="width: 30%" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="3">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm">
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm.value" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="故障处理" name="4">
<el-form ref="faultForm" class="tabFormClass" label-width="auto" :model="faultForm">
<el-form-item label="故障处理方法:">
<el-input v-model="faultForm.value" />
</el-form-item>
<el-form-item label="报警描述:">
<el-input v-model="faultForm.value1" />
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane name="fifth" label="Nagios脚本监测">
<el-collapse v-model="activeNames" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm">
<el-form-item label="目标IP:">
<el-input v-model="basicForm.ip" />
</el-form-item>
<el-form-item label="执行间隔时间:">
<el-input v-model="basicForm.time" style="width: 59%" />
<el-select
v-model="basicForm.time2"
style="width: 40%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
<el-form-item label="超时时间(ms):">
<el-input v-model="basicForm.overTime" />
</el-form-item>
<el-form-item label="发送包个数:">
<el-input v-model="basicForm.bagCount" />
</el-form-item>
<el-form-item label="指标重要性:">
<el-input v-model="basicForm.indexImportance" />
</el-form-item>
<el-form-item label="任务计划:">
<el-input v-model="basicForm.plan" />
</el-form-item>
<el-form-item label="标题:">
<el-input v-model="basicForm.title" />
</el-form-item>
<el-form-item label="告警级别:">
<el-input v-model="basicForm.level" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="阈值设置" name="2">
<el-form ref="thresholdForm" class="tabFormClass" label-width="auto" :model="thresholdForm">
<el-form-item label="危险阈值:">
<el-select
v-model="thresholdForm.value"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value1"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value2" style="width: 30%" />
</el-form-item>
<el-form-item label="故障阈值:">
<el-select
v-model="thresholdForm.value4"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value5"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value6" style="width: 30%" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="3">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm">
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm.value" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="故障处理" name="4">
<el-form ref="faultForm" class="tabFormClass" label-width="auto" :model="faultForm">
<el-form-item label="故障处理方法:">
<el-input v-model="faultForm.value" />
</el-form-item>
<el-form-item label="报警描述:">
<el-input v-model="faultForm.value1" />
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane name="sixth" label="SnmpTrap监测">
<el-collapse v-model="activeNames3" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm3">
<el-form-item label="指标重要性:">
<el-select v-model="basicForm3.value">
<el-option value="普通指标" label="普通指标" />
<el-option value="重要指标" label="重要指标" />
</el-select>
</el-form-item>
<el-form-item label="规则名称:">
<el-select v-model="basicForm3.value1">
<el-option value="public" label="public" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="2">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm">
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm.value" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane name="seventh" label="Syslog日志监测">
<el-collapse v-model="activeNames3" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm3">
<el-form-item label="指标重要性:">
<el-select v-model="basicForm3.value">
<el-option value="普通指标" label="普通指标" />
<el-option value="重要指标" label="重要指标" />
</el-select>
</el-form-item>
<el-form-item label="规则名称:">
<el-select v-model="basicForm3.value1">
<el-option value="public" label="public" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="2">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm">
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm.value" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane name="eighth" label="SSH多次盘监控">
<el-collapse v-model="activeNames" class="tapPingColl" @change="handleChange">
<el-collapse-item title="基本属性" name="1">
<el-form ref="addForm" class="tabFormClass" label-width="auto" :model="basicForm">
<el-form-item label="目标IP:">
<el-input v-model="basicForm.ip" />
</el-form-item>
<el-form-item label="执行间隔时间:">
<el-input v-model="basicForm.time" style="width: 59%" />
<el-select
v-model="basicForm.time2"
style="width: 40%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
<el-form-item label="超时时间(ms):">
<el-input v-model="basicForm.overTime" />
</el-form-item>
<el-form-item label="发送包个数:">
<el-input v-model="basicForm.bagCount" />
</el-form-item>
<el-form-item label="指标重要性:">
<el-input v-model="basicForm.indexImportance" />
</el-form-item>
<el-form-item label="任务计划:">
<el-input v-model="basicForm.plan" />
</el-form-item>
<el-form-item label="标题:">
<el-input v-model="basicForm.title" />
</el-form-item>
<el-form-item label="告警级别:">
<el-input v-model="basicForm.level" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="阈值设置" name="2">
<el-form ref="thresholdForm" class="tabFormClass" label-width="auto" :model="thresholdForm">
<el-form-item label="危险阈值:">
<el-select
v-model="thresholdForm.value"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value1"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value2" style="width: 30%" />
</el-form-item>
<el-form-item label="故障阈值:">
<el-select
v-model="thresholdForm.value4"
style="width: 30%"
>
<el-option value="服务成功率" label="服务成功率" />
<el-option value="平均响应时间" label="分钟" />
</el-select>
<el-select
v-model="thresholdForm.value5"
style="width: 30%"
>
<el-option value=">" label=">" />
<el-option value="=" label="=" />
<el-option value="<" label="<" />
</el-select>
<el-input v-model="thresholdForm.value6" style="width: 30%" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="附加属性" name="3">
<el-form ref="additionalForm" class="tabFormClass" label-width="auto" :model="additionalForm">
<el-form-item label="错误后重试次数:">
<el-input v-model="additionalForm.value" />
</el-form-item>
<el-form-item label="错误频率:">
<el-input style="width: 69%" v-model="additionalForm.value1" />
<el-select
v-model="additionalForm.value2"
style="width: 30%"
>
<el-option value="5秒" label="5秒" />
<el-option value="分钟" label="分钟" />
<el-option value="小时" label="小时" />
</el-select>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="故障处理" name="4">
<el-form ref="faultForm" class="tabFormClass" label-width="auto" :model="faultForm">
<el-form-item label="故障处理方法:">
<el-input v-model="faultForm.value" />
</el-form-item>
<el-form-item label="报警描述:">
<el-input v-model="faultForm.value1" />
</el-form-item>
</el-form>
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane name="ninth" label="配置Linux自定义监测">
<div class="ninthSteps">
<el-steps :active="stepActive" simple finish-status="success">
<el-step title="1.自定义监测模板" />
<el-step title="2.设置自定义监测模板" />
<el-step title="3.执行结果" />
<el-step title="4.默认阈值设置" />
</el-steps>
</div>
<div v-if="showSechodSteps === false" class="stepAdd">
<span>自定义监测模板</span>
<el-link style="padding-left: 20px" type="primary" @click="nextStep">添加</el-link>
<el-divider />
</div>
<div v-if="showSechodSteps === true" class="formDiv">
<el-form ref="addForm" label-width="auto" :model="addForm">
<el-form-item label="监测模版名称:">
<el-input v-model="addForm.name" />
</el-form-item>
<el-form-item label="Linux命令:">
<el-input
v-model="addForm.linux"
type="textarea"
:rows="3"
/>
</el-form-item>
</el-form>
<span slot="footer" class="footer">
<el-button @click="handleGoback">上一步</el-button>
<el-button type="primary">下一步</el-button>
</span>
</div>
</el-tab-pane>
</el-tabs>
</div>
</el-tab-pane>
</el-tabs>
<el-divider />
<div slot="footer" class="footer">
<el-button>重新获取</el-button>
<el-button type="primary">添加</el-button>
<el-button>取消</el-button>
</div>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'Linux' name: 'Linux',
data() {
return {
faultForm: {
value: '',
value1: '',
},
faultForm2: {
value: '',
value1: '',
},
additionalForm: {
value: '',
value1: '',
value2: '',
value3: '',
value4: ''
},
additionalForm2: {
value: '',
value1: '',
value2: ''
},
thresholdForm: {
value: '',
value1: '',
value2: '',
value4: '',
value5: '',
value6: ''
},
thresholdForm2: {
value: '',
value1: '',
value2: '',
value4: '',
value5: '',
value6: ''
},
basicForm: {
ip: '',
time: '',
time2: '',
overTime: '',
bagCount: '',
indexImportance: '',
plan: '',
title: '',
level: ''
},
basicForm2: {
ip: '',
time: '',
time2: '',
overTime: '',
bagCount: '',
indexImportance: '',
plan: '',
title: '',
level: ''
},
basicForm3: {
value: '',
value1: '',
},
activeNames: ['1', '2', '3', '4'],
activeNames2: ['1', '2', '3', '4'],
activeNames3: ['1', '2'],
addForm: {
name: '',
linux: ''
},
stepActive: 1,
showSechodSteps: false,
leftActiveName: 'ninth',
tabPosition: 'left',
activeName: 'second',
data: [{
id: 0,
label: 'ping'
}, {
id: 1,
label: 'cpu'
}, {
id: 2,
label: '交换分区'
}, {
id: 3,
label: '一级 1',
children: [{
id: 4,
label: '二级 1-1',
children: [{
id: 5,
label: '三级 1-1-1'
}, {
id: 6,
label: '三级 1-1-2'
}]
}]
}, {
id: 7,
label: '一级 2',
children: [{
id: 8,
label: '二级 2-1'
}, {
id: 9,
label: '二级 2-2'
}]
}, {
id: 10,
label: '一级 3',
children: [{
id: 11,
label: '二级 3-1'
}, {
id: 12,
label: '二级 3-2'
}]
}],
defaultProps: {
children: 'children',
label: 'label'
}
}
},
mounted() {
},
created() {
},
methods: {
handleGoback() {
this.stepActive = 1
this.showSechodSteps = false
},
nextStep() {
this.showSechodSteps = true
this.stepActive = 2
}
}
} }
</script> </script>
<style scoped> <style lang="scss">
.LinuxModule{
padding: 10px;
.tapPingColl{
height: 460px;
overflow: auto;
}
.el-collapse .el-collapse-item__header{
font-size: 16px!important;
font-weight: bold!important;
}
.coollTitle{
font-size: 16px;
font-weight: bold;
}
.tabFormClass{
width: 60%;
margin: 10px 40px;
}
.formDiv{
width: 80%;
padding: 10px 80px;
}
.stepAdd{
padding: 10px 30px ;
}
.ninthSteps{
padding: 10px 30px 30px;
.el-steps--simple{
padding-left: 10px;
padding-right: 10px;
}
.el-step.is-simple:not(:last-of-type) .el-step__title{
max-width: 73%;
}
}
.basicTree{
padding: 5px 20px 20px;
}
}
</style> </style>
src/views/IntegratedMonitor/addEquipment.vue
View file @ 8f2c40cd
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
</el-form> </el-form>
<div class="equipmentBody">数据库</div> <div class="equipmentBody">数据库</div>
<div v-for="(item, index) in secondList" :key="index" class="equipmentList"> <div v-for="(item, index) in secondList" :key="index" class="equipmentList">
<el-card class="box-card"> <el-card class="box-card" @click.native="addEquipmentForm">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</el-form> </el-form>
<div class="equipmentBody">设备厂商：迈普自主安全交换机</div> <div class="equipmentBody">设备厂商：迈普自主安全交换机</div>
<div v-for="(item, index) in thirdList" :key="index" class="equipmentList"> <div v-for="(item, index) in thirdList" :key="index" class="equipmentList">
<el-card class="box-card"> <el-card class="box-card" @click.native="addEquipmentForm">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
</el-form> </el-form>
<div class="equipmentBody">防火墙</div> <div class="equipmentBody">防火墙</div>
<div v-for="(item, index) in fourthList" :key="index" class="equipmentList"> <div v-for="(item, index) in fourthList" :key="index" class="equipmentList">
<el-card class="box-card"> <el-card class="box-card" @click.native="addEquipmentForm">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
</el-form> </el-form>
<div class="equipmentBody">HP</div> <div class="equipmentBody">HP</div>
<div v-for="(item, index) in fifthList" :key="index" class="equipmentList"> <div v-for="(item, index) in fifthList" :key="index" class="equipmentList">
<el-card class="box-card"> <el-card class="box-card" @click.native="addEquipmentForm">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
</el-form> </el-form>
<div class="equipmentBody">VMware服务器</div> <div class="equipmentBody">VMware服务器</div>
<div v-for="(item, index) in sixthList" :key="index" class="equipmentList"> <div v-for="(item, index) in sixthList" :key="index" class="equipmentList">
<el-card class="box-card"> <el-card class="box-card" @click.native="addEquipmentForm">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
</el-form> </el-form>
<div class="equipmentBody">UPS</div> <div class="equipmentBody">UPS</div>
<div v-for="(item, index) in sevenList" :key="index" class="equipmentList"> <div v-for="(item, index) in sevenList" :key="index" class="equipmentList">
<el-card class="box-card"> <el-card class="box-card" @click.native="addEquipmentForm">
<div style="display: flex"> <div style="display: flex">
<img :src="item.img"> <img :src="item.img">
<div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div> <div style="line-height: 30px;padding-left: 10px">{{ item.name }}</div>
......
src/views/IntegratedMonitor/equipment.vue
View file @ 8f2c40cd
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
<el-link @click="deleteRow">删除</el-link> <el-link @click="deleteRow">删除</el-link>
<el-tooltip effect="light" placement="bottom" popper-class="moreTip"> <el-tooltip effect="light" placement="bottom" popper-class="moreTip">
<div slot="content" onclick="clickLinux()" class="tooltipText">配置Linux自定义监测</div> <div slot="content" onclick="clickLinux()" class="tooltipText">配置Linux自定义监测</div>
<div slot="content" class="tooltipText">添加告警</div> <div slot="content" class="tooltipText" @click="addWarn">添加告警</div>
<div slot="content" onclick="prohibit()" class="tooltipText">临时禁止</div> <div slot="content" onclick="prohibit()" class="tooltipText">临时禁止</div>
<el-link>更多 <el-link>更多
<div class="caretDown" /> <div class="caretDown" />
...@@ -179,6 +179,14 @@ export default { ...@@ -179,6 +179,14 @@ export default {
this.handleExpand() // 全屏 this.handleExpand() // 全屏
}, },
methods: { methods: {
addWarn() {
this.$router.push({
path: '/IntegratedMonitor/warning/warningSetup',
query: {
type: '1'
}
})
},
closeProhibitDialog() { closeProhibitDialog() {
this.$refs.prohibitForm.resetFields() this.$refs.prohibitForm.resetFields()
this.prohibitDialog = false this.prohibitDialog = false
......
src/views/IntegratedMonitor/warning/warningSetup.vue
View file @ 8f2c40cd
<template> <template>
<div> <div id="container_max" class="warnModule">
bbbb <div class="warnHead">
<div class="warnBtns">
<el-button class="headBtn" @click="handleAdd">添加</el-button>
<el-button class="headBtn" @click="handleUpdate">编辑</el-button>
<el-button class="headBtn">删除</el-button>
<el-button class="headBtn">禁止</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
</div>
</div>
<div class="warnBody">
<span style="font-size:24px;margin-right: 10px ">告警设置</span>
<el-link type="primary" @click="addWarn">新增告警</el-link>
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px"
>
<el-table-column label="名称" prop="name" show-overflow-tooltip />
<el-table-column label="状态" prop="type" show-overflow-tooltip />
<el-table-column label="动作数量" prop="count" show-overflow-tooltip />
<el-table-column label="发送方式" prop="sendMode" show-overflow-tooltip />\
<el-table-column label="操作">
<template slot-scope="scope">
<el-link @click="update(scope.row)">编辑</el-link>
<el-link @click="deleteRow(scope.row)">删除</el-link>
</template>
</el-table-column>
</el-table>
</div>
<el-dialog class="addGroup" width="50%" title="添加告警组" :visible.sync="addDialog">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="组名称:">
<el-input v-model="addWarnForm.name" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="closeDialog">确定</el-button>
<el-button @click="closeDialog">取消</el-button>
</span>
</el-dialog>
<el-dialog class="addGroup" width="50%" title="编辑告警组" :visible.sync="updateDialog">
<el-form ref="addWarnForm" label-width="auto" :model="updateWarnForm">
<el-form-item label="页面名称:">
<el-input v-model="updateWarnForm.name" />
</el-form-item>
<el-form-item label="当前容器:">
<el-input v-model="updateWarnForm.container" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="closeUpdateDialog">确定</el-button>
<el-button @click="closeUpdateDialog">取消</el-button>
</span>
</el-dialog>
<el-dialog class="addWarnClass" width="70%" title="告警添加" :visible.sync="addWarnDialog">
<div class="ninthSteps">
<el-steps :active="stepActive" simple finish-status="success">
<el-step title="1.选定告警目标" />
<el-step title="2.选择发送策略" />
<el-step title="3.选择发送方式" />
</el-steps>
</div>
<el-form v-if="stepActive === 1" ref="addForm" style="width: 80%;height: 400px" label-width="auto" :model="addForm">
<el-form-item label=" 告警名称:">
<el-input v-model="addForm.name" />
</el-form-item>
<el-form-item label=" 选择告警范围:">
<div class="treebody">
<el-tree
:data="data"
show-checkbox
node-key="id"
:default-expanded-keys="[2, 3]"
:default-checked-keys="[5]"
:props="defaultProps"
/>
</div>
</el-form-item>
<el-form-item label="告警描述:">
<el-input v-model="addForm.describe" />
</el-form-item>
</el-form>
<el-form v-if="stepActive === 2" ref="addForm2" style="width: 80%;height: 400px" label-width="auto" :model="addForm2">
<div class="StepTitle">常用策略</div>
<div style="padding: 20px 50px">
<div class="strategyRow">
<el-radio v-model="addForm2.radio" label="1">危险</el-radio>
<el-radio v-model="addForm2.radio" label="2">故障</el-radio>
</div>
<div class="strategyRow">
<el-radio v-model="addForm2.radio2" label="1">
<span> 当时间连续发生</span>
<el-input v-model="addForm2.value" style="width: 30px" />
<span> 次时，发送告警，再每</span>
<el-input v-model="addForm2.value2" style="width: 30px" />
</el-radio>
</div>
<div class="strategyRow">
<el-radio v-model="addForm2.radio3" label="1">
<span> 在</span>
<el-input v-model="addForm2.value3" style="width: 30px" />
<span> 分钟内，有</span>
<el-input v-model="addForm2.value4" style="width: 30px" />
<span> 次同样状态时间发送告警</span>
</el-radio>
</div>
<div class="strategyRow">
<el-radio v-model="addForm2.radio3" label="1">
<span> 事件连续发生</span>
<el-input v-model="addForm2.value5" style="width: 30px" />
<span> 次后，停止发送告警</span>
</el-radio>
</div>
<div class="strategyRow">
<el-radio v-model="addForm2.radio4" label="1">
<span> 当发过告警监测点恢复正常时发送一次告警</span>
</el-radio>
</div>
<div class="strategyRow">
<span>告警级别:</span>
<el-radio v-model="addForm2.radio5" label="1">一级告警</el-radio>
<el-radio v-model="addForm2.radio6" label="1">二级告警</el-radio>
<el-radio v-model="addForm2.radio7" label="1">三级告警</el-radio>
<el-radio v-model="addForm2.radio8" label="1">四级告警</el-radio>
<el-radio v-model="addForm2.radio9" label="1">五级告警</el-radio>
</div>
</div>
</el-form>
<el-form v-if="stepActive === 3" ref="addForm3" style="width: 80%;height: 400px" label-width="auto" :model="addForm3">
<div style="padding: 20px 50px">
<div class="strategyRow">
<el-radio v-model="addForm3.radio" label="1">邮件</el-radio>
<el-radio v-model="addForm3.radio" label="2">短消息</el-radio>
<el-radio v-model="addForm3.radio" label="2">声音</el-radio>
<el-radio v-model="addForm3.radio" label="2">脚本</el-radio>
<el-radio v-model="addForm3.radio" label="2">工单</el-radio>
<el-radio v-model="addForm3.radio" label="2">企业微信</el-radio>
<el-radio v-model="addForm3.radio" label="2">钉钉</el-radio>
</div>
</div>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button v-if="stepActive !== 3" type="primary" @click="nextStep">下一步</el-button>
<el-button v-if="stepActive === 3" type="primary" @click="closeNextStep">完成</el-button>
<el-button @click="closeAddDialog">取消</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import screenfull from 'screenfull'
export default { export default {
name: 'WarningSetup' name: 'WarningSetup',
data() {
return {
data: [{
id: 1,
label: '本机容器',
children: [{
id: 4,
label: '虚拟化平台',
children: [{
id: 9,
label: '三级 1-1-1'
}, {
id: 10,
label: '三级 1-1-2'
}]
}]
}, {
id: 2,
label: '虚拟设备',
children: [{
id: 5,
label: '二级 2-1'
}, {
id: 6,
label: '二级 2-2'
}]
}, {
id: 3,
label: '虚拟化平台'
}],
defaultProps: {
children: 'children',
label: 'label'
},
stepActive: 1,
addForm: {
name: '',
describe: ''
},
addForm2: {
radio: '',
radio2: '',
value: '2',
value2: '2',
radio3: '',
radio4: '',
value3: '',
value4: '',
value5: '',
radio5: '',
radio6: '',
radio7: '',
radio8: '',
radio9: ''
},
addForm3: {
},
updateWarnForm: {
name: '',
container: ''
},
addWarnForm: {
name: ''
},
addDialog: false,
addWarnDialog: false,
updateDialog: false,
tableData: [
{ name: '邮件', type: '正常', count: '1', sendMode: '邮件' },
{ name: '存储', type: '正常', count: '1', sendMode: '邮件' },
{ name: '光报警', type: '正常', count: '1', sendMode: '工单' }
]
}
},
created() {
},
mounted() {
if (this.$route.query.type === '1') {
this.addWarnDialog = true
}
this.handleExpand() // 全屏
},
methods: {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
})// 实现模块全屏
},
closeAddDialog() {
this.addWarnDialog = false
},
closeNextStep() {
this.addWarnDialog = false
},
nextStep() {
if (this.stepActive++ > 2) this.stepActive = 1
},
refresh() {
window.location.reload() // 刷新页面
},
handleUpdate() {
this.updateDialog = true
},
closeUpdateDialog() {
this.updateDialog = false
},
handleAdd() {
this.addDialog = true
},
closeDialog() {
this.addDialog = false
},
addWarn() {
this.addWarnDialog = true
},
deleteRow() {
this.$confirm('此操作将删除该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
}
}
} }
</script> </script>
<style scoped> <style lang="scss">
.warnModule{
.strategyRow{
padding: 5px 0;
}
.el-input__inner{
padding: 0 0 0 9px;
}
.treebody{
border: solid 1px #d7d7d7;
font-size: 12px;
padding: 6px;
height: 250px;
overflow-y: scroll;
}
.ninthSteps{
padding: 10px 30px 30px;
.el-steps--simple{
padding-left: 10px;
padding-right: 10px;
}
.el-step.is-simple:not(:last-of-type) .el-step__title{
max-width: 73%;
}
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
.headBtn{
line-height: 10px;
color: #fff;
border-color: #768398;
background-color: #768398;
}
.headBtnW{
border-radius: 4px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
margin: 0 5px;
}
}
}
.warnBody{
padding: 15px;
}
}
.addWarnClass{
.StepTitle{
font-size: 16px;
font-weight: bold;
color: #333333;
}
}
</style> </style>
src/views/overView/dashboard/equipment.vue
View file @ 8f2c40cd
...@@ -170,9 +170,9 @@ export default { ...@@ -170,9 +170,9 @@ export default {
{ label: '智盘服务器-10.1.154', time: '2019-12-09' }, { label: '智盘服务器-10.1.154', time: '2019-12-09' },
{ label: '智盘服务器-10.1.154', time: '2019-12-09' } { label: '智盘服务器-10.1.154', time: '2019-12-09' }
], ],
equipmentIcon: require('@/assets/image/logo.png'), equipmentIcon: require('@/assets/image/shebeizongshu.png'),
monitorIcon: require('@/assets/image/logo.png'), monitorIcon: require('@/assets/image/jiankongdianshu.png'),
warnIcon: require('@/assets/image/logo.png') warnIcon: require('@/assets/image/gaojingshu.png')
} }
}, },
// 离开页面使用beforeDestroy() 销毁 // 离开页面使用beforeDestroy() 销毁
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment