Merge branch 'master-dev' of http://git.hivekion.com:3000/xiaoguangbin/AnalysisSystemForRadionuclide_vue into master-dev
This commit is contained in:
orgin
commit
1169d3e27e
|
|
@ -4,18 +4,16 @@ import xss from "xss"
|
|||
:title="title"
|
||||
:width="modelStyle.width"
|
||||
:visible="visible"
|
||||
:bodyStyle ="bodyStyle"
|
||||
:bodyStyle="bodyStyle"
|
||||
:switchFullscreen="switchFullscreen"
|
||||
@cancel="handleCancel"
|
||||
>
|
||||
>
|
||||
<template slot="footer">
|
||||
<a-button key="back" @click="handleCancel">关闭</a-button>
|
||||
<a-button v-if="record.openType==='url'" type="primary" @click="toHandle">去处理</a-button>
|
||||
<a-button v-if="record.openType === 'url'" type="primary" @click="toHandle">去处理</a-button>
|
||||
</template>
|
||||
<a-card class="daily-article" :loading="loading">
|
||||
<a-card-meta
|
||||
:title="record.titile"
|
||||
:description="'发布人：'+record.sender + ' 发布时间： ' + record.sendTime">
|
||||
<a-card-meta :title="record.titile" :description="'发布人：' + record.sender + ' 发布时间： ' + record.sendTime">
|
||||
</a-card-meta>
|
||||
<a-divider />
|
||||
<span v-html="record.msgContent" class="article-content"></span>
|
||||
|
|
@ -24,133 +22,133 @@ import xss from "xss"
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import {getUserList} from '@/api/api'
|
||||
import xss from 'xss'
|
||||
export default {
|
||||
name: "SysAnnouncementModal",
|
||||
components: {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
title:"通知消息",
|
||||
record: {},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 },
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 16 },
|
||||
},
|
||||
visible: false,
|
||||
switchFullscreen: true,
|
||||
loading: false,
|
||||
bodyStyle:{
|
||||
padding: "0",
|
||||
height:(window.innerHeight*0.8)+"px",
|
||||
"overflow-y":"auto",
|
||||
|
||||
},
|
||||
modelStyle:{
|
||||
width: '60%',
|
||||
style: { top: '20px' },
|
||||
fullScreen: false
|
||||
}
|
||||
}
|
||||
},
|
||||
created () {
|
||||
},
|
||||
methods: {
|
||||
detail (record) {
|
||||
//update-begin---author:wangshuai ---date:20220107 for：将其它页面传递过来的用户名改成用户真实姓名
|
||||
if(record.sender){
|
||||
getUserList({"username":record.sender}).then((res) =>{
|
||||
if(res.success && res.result.records.length>0){
|
||||
record.sender = res.result.records[0].realname
|
||||
}
|
||||
})
|
||||
}
|
||||
//update-end---author:wangshuai ---date:20220107 for：将其它页面传递过来的用户名改成用户真实姓名
|
||||
this.visible = true;
|
||||
//update-begin-author:taoyan date:2022-7-14 for: VUEN-1702 【禁止问题】sql注入漏洞
|
||||
if(record.msgContent){
|
||||
record.msgContent = xss(record.msgContent)
|
||||
}
|
||||
//update-end-author:taoyan date:2022-7-14 for: VUEN-1702 【禁止问题】sql注入漏洞
|
||||
this.record = record;
|
||||
import { getUserList } from '@/api/api'
|
||||
import xss from 'xss'
|
||||
export default {
|
||||
name: 'SysAnnouncementModal',
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
title: '通知消息',
|
||||
record: {},
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 },
|
||||
},
|
||||
handleCancel () {
|
||||
this.visible = false;
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 16 },
|
||||
},
|
||||
/** 切换全屏显示 */
|
||||
handleClickToggleFullScreen() {
|
||||
let mode = !this.modelStyle.fullScreen
|
||||
if (mode) {
|
||||
this.modelStyle.width = '100%'
|
||||
this.modelStyle.style.top = '20px'
|
||||
} else {
|
||||
this.modelStyle.width = '60%'
|
||||
this.modelStyle.style.top = '50px'
|
||||
}
|
||||
this.modelStyle.fullScreen = mode
|
||||
visible: false,
|
||||
switchFullscreen: true,
|
||||
loading: false,
|
||||
bodyStyle: {
|
||||
padding: '0',
|
||||
height: window.innerHeight * 0.8 + 'px',
|
||||
'overflow-y': 'auto',
|
||||
},
|
||||
toHandle(){
|
||||
if(this.record.openType==='url'){
|
||||
this.visible = false;
|
||||
//链接跳转
|
||||
this.$router.push({path: this.record.openPage})
|
||||
}
|
||||
modelStyle: {
|
||||
width: '60%',
|
||||
style: { top: '20px' },
|
||||
fullScreen: false,
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
detail(record) {
|
||||
//update-begin---author:wangshuai ---date:20220107 for：将其它页面传递过来的用户名改成用户真实姓名
|
||||
if (record.sender) {
|
||||
getUserList({ username: record.sender }).then((res) => {
|
||||
if (res.success && res.result.records.length > 0) {
|
||||
record.sender = res.result.records[0].realname
|
||||
}
|
||||
})
|
||||
}
|
||||
//update-end---author:wangshuai ---date:20220107 for：将其它页面传递过来的用户名改成用户真实姓名
|
||||
this.visible = true
|
||||
//update-begin-author:taoyan date:2022-7-14 for: VUEN-1702 【禁止问题】sql注入漏洞
|
||||
if (record.msgContent) {
|
||||
record.msgContent = xss(record.msgContent)
|
||||
}
|
||||
//update-end-author:taoyan date:2022-7-14 for: VUEN-1702 【禁止问题】sql注入漏洞
|
||||
this.record = record
|
||||
},
|
||||
handleCancel() {
|
||||
this.visible = false
|
||||
},
|
||||
/** 切换全屏显示 */
|
||||
handleClickToggleFullScreen() {
|
||||
let mode = !this.modelStyle.fullScreen
|
||||
if (mode) {
|
||||
this.modelStyle.width = '100%'
|
||||
this.modelStyle.style.top = '20px'
|
||||
} else {
|
||||
this.modelStyle.width = '60%'
|
||||
this.modelStyle.style.top = '50px'
|
||||
}
|
||||
this.modelStyle.fullScreen = mode
|
||||
},
|
||||
toHandle() {
|
||||
if (this.record.openType === 'url') {
|
||||
this.visible = false
|
||||
//链接跳转
|
||||
this.$router.push({ path: this.record.openPage })
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.announcementCustomModal{
|
||||
.ant-modal-header {
|
||||
border: none;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 56px;
|
||||
padding: 0;
|
||||
.ant-modal-title{
|
||||
.custom-btn{
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.announcementCustomModal {
|
||||
.ant-modal-header {
|
||||
border: none;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 56px;
|
||||
padding: 0;
|
||||
.ant-modal-title {
|
||||
.custom-btn {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.daily-article{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.daily-article {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.ant-card-meta-description {
|
||||
color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="less">
|
||||
.daily-article {
|
||||
.article-button {
|
||||
font-size: 1.2rem !important;
|
||||
}
|
||||
.ant-card-body {
|
||||
padding: 18px !important;
|
||||
}
|
||||
.ant-card-head {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.ant-card-meta {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.article-content {
|
||||
p {
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
text-overflow: initial;
|
||||
white-space: normal;
|
||||
font-size: .9rem !important;
|
||||
margin-bottom: .8rem;
|
||||
}
|
||||
.daily-article {
|
||||
.article-button {
|
||||
font-size: 1.2rem !important;
|
||||
}
|
||||
.ant-card-body {
|
||||
padding: 18px !important;
|
||||
}
|
||||
.ant-card-head {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.ant-card-meta {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.article-content {
|
||||
p {
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
text-overflow: initial;
|
||||
white-space: normal;
|
||||
font-size: 0.9rem !important;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ body {
|
|||
@table-border-radius-base: 0;
|
||||
@table-padding-vertical-sm: 2px;
|
||||
@table-padding-vertical: 6px;
|
||||
@table-padding-horizontal: 8px;
|
||||
@table-padding-horizontal: 8px;
|
||||
@table-row-hover-bg: #0e505f;
|
||||
|
||||
.ant-table {
|
||||
|
|
@ -188,9 +188,8 @@ body {
|
|||
}
|
||||
&-time-picker-combobox {
|
||||
background-color: @modalBg !important;
|
||||
border-color: @formInputBorderColor !important
|
||||
border-color: @formInputBorderColor !important;
|
||||
}
|
||||
|
||||
|
||||
&-picker {
|
||||
width: 100%;
|
||||
|
|
@ -202,7 +201,7 @@ body {
|
|||
color: #00e9fe !important;
|
||||
}
|
||||
&-select {
|
||||
background-color: @formInputBgColor !important
|
||||
background-color: @formInputBgColor !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -275,7 +274,7 @@ body {
|
|||
}
|
||||
}
|
||||
}
|
||||
.ant-calendar-range .ant-calendar-in-range-cell::before{
|
||||
.ant-calendar-range .ant-calendar-in-range-cell::before {
|
||||
background: #1397a3;
|
||||
}
|
||||
|
||||
|
|
@ -341,7 +340,8 @@ body {
|
|||
|
||||
&-selected-day &-date,
|
||||
&-date:hover {
|
||||
background-color: #072f32 !important;
|
||||
background-color: #0b4f54 !important;
|
||||
// background-color: #072f32 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -382,10 +382,10 @@ body {
|
|||
}
|
||||
|
||||
// 输入框样式
|
||||
.ant-calendar-input{
|
||||
.ant-calendar-input {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.ant-calendar-range-middle{
|
||||
.ant-calendar-range-middle {
|
||||
color: #fff;
|
||||
}
|
||||
.ant-input {
|
||||
|
|
@ -639,7 +639,7 @@ input[type='number']::-webkit-outer-spin-button {
|
|||
}
|
||||
}
|
||||
}
|
||||
.ant-select-selection--multiple .ant-select-selection__choice{
|
||||
.ant-select-selection--multiple .ant-select-selection__choice {
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -813,7 +813,6 @@ export default {
|
|||
&-item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background: #ade6ee;
|
||||
&-chart {
|
||||
width: 100%;
|
||||
height: calc(100% - 40px);
|
||||
|
|
@ -831,7 +830,7 @@ export default {
|
|||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
color: #ffffff;
|
||||
margin-left: 10px;
|
||||
// margin-left: 5px;
|
||||
span {
|
||||
color: #00e9fe;
|
||||
background: none;
|
||||
|
|
|
|||
|
|
@ -1,48 +1,38 @@
|
|||
<template>
|
||||
<div>
|
||||
<a-modal
|
||||
title='Add Rule'
|
||||
:width="845"
|
||||
v-model="visible"
|
||||
@cancel="onCancel"
|
||||
>
|
||||
<a-form-model
|
||||
ref="al_ruleForm"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
layout="vertical"
|
||||
>
|
||||
<a-row :gutter="[15,0]">
|
||||
<a-modal title="Add Rule" :width="845" v-model="visible" @cancel="onCancel">
|
||||
<a-form-model ref="al_ruleForm" :model="form" :rules="rules" layout="vertical">
|
||||
<a-row :gutter="[15, 0]">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item ref="sourceType" label="Source Type" prop="sourceType">
|
||||
<a-select
|
||||
v-model="form.sourceType"
|
||||
:options="typeOptions"
|
||||
show-arrow
|
||||
<a-select
|
||||
v-model="form.sourceType"
|
||||
:options="typeOptions"
|
||||
show-arrow
|
||||
allowClear
|
||||
disabled
|
||||
placeholder="select..."
|
||||
>
|
||||
placeholder="select..."
|
||||
>
|
||||
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item ref="sourceId" label="Source" prop="sourceId">
|
||||
<a-select
|
||||
v-model="form.sourceId"
|
||||
:options="serverList"
|
||||
show-arrow
|
||||
<a-select
|
||||
v-model="form.sourceId"
|
||||
:options="serverList"
|
||||
show-arrow
|
||||
allowClear
|
||||
disabled
|
||||
placeholder="select..."
|
||||
>
|
||||
placeholder="select..."
|
||||
>
|
||||
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="[15,0]">
|
||||
<a-row :gutter="[15, 0]">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item ref="alarmRule" label="Alarm Rule" prop="name">
|
||||
<a-input v-model="form.name" placeholder="Pleace enter the alarm rule name" />
|
||||
|
|
@ -50,30 +40,30 @@
|
|||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item ref="monitorItem" label="Monitor Item" prop="itemId">
|
||||
<a-select
|
||||
v-model="form.itemId"
|
||||
:options="itemOptions"
|
||||
show-arrow
|
||||
<a-select
|
||||
v-model="form.itemId"
|
||||
:options="itemOptions"
|
||||
show-arrow
|
||||
allowClear
|
||||
labelInValue
|
||||
placeholder="select..."
|
||||
placeholder="select..."
|
||||
@change="onItemChange"
|
||||
>
|
||||
>
|
||||
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="[15,0]">
|
||||
<a-row :gutter="[15, 0]">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item ref="monitorItem" label="Logic Symbol" prop="operator">
|
||||
<a-select
|
||||
v-model="form.operator"
|
||||
:options="operatorOptions"
|
||||
show-arrow
|
||||
<a-select
|
||||
v-model="form.operator"
|
||||
:options="operatorOptions"
|
||||
show-arrow
|
||||
allowClear
|
||||
placeholder="select..."
|
||||
>
|
||||
placeholder="select..."
|
||||
>
|
||||
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
|
|
@ -84,29 +74,29 @@
|
|||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="[15,0]">
|
||||
<a-row :gutter="[15, 0]">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item ref="silenceCycle" label="Silence Cycle" prop="silenceCycle">
|
||||
<a-select
|
||||
v-model="form.silenceCycle"
|
||||
:options="silenceCyclerOptions"
|
||||
show-arrow
|
||||
<a-select
|
||||
v-model="form.silenceCycle"
|
||||
:options="silenceCyclerOptions"
|
||||
show-arrow
|
||||
allowClear
|
||||
placeholder="select..."
|
||||
>
|
||||
placeholder="select..."
|
||||
>
|
||||
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item ref="contactGroup" label="Contact Group" prop="contactId">
|
||||
<a-select
|
||||
v-model="form.contactId"
|
||||
:options="contactGroupOptions"
|
||||
show-arrow
|
||||
<a-select
|
||||
v-model="form.contactId"
|
||||
:options="contactGroupOptions"
|
||||
show-arrow
|
||||
allowClear
|
||||
placeholder="select..."
|
||||
>
|
||||
placeholder="select..."
|
||||
>
|
||||
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
|
|
@ -116,7 +106,7 @@
|
|||
<template slot="footer">
|
||||
<a-space class="operators" :size="20">
|
||||
<a-button type="success" @click="onSave">Save</a-button>
|
||||
<a-button type="warn" @click="onCancel">Cancel</a-button>
|
||||
<a-button type="warn" @click="onCancel">Cancel</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</a-modal>
|
||||
|
|
@ -124,125 +114,109 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
|
||||
import { getAction } from '@/api/manage'
|
||||
export default {
|
||||
props: ["visible","serverList","currServer","serverLabel"],
|
||||
props: ['visible', 'serverList', 'currServer', 'serverLabel'],
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
sourceType: "Server",
|
||||
sourceType: 'Server',
|
||||
sourceId: undefined,
|
||||
name: "",
|
||||
name: '',
|
||||
itemId: undefined,
|
||||
operator: undefined,
|
||||
threshold: "",
|
||||
threshold: '',
|
||||
silenceCycle: undefined,
|
||||
contactId: undefined,
|
||||
},
|
||||
units: "",
|
||||
units: '',
|
||||
itemOptions: [],
|
||||
typeOptions: [
|
||||
{
|
||||
label: "Server",
|
||||
value: "Server"
|
||||
label: 'Server',
|
||||
value: 'Server',
|
||||
},
|
||||
{
|
||||
label: "Database",
|
||||
value: "Database"
|
||||
label: 'Database',
|
||||
value: 'Database',
|
||||
},
|
||||
{
|
||||
label: "E-MAIL",
|
||||
value: "Email"
|
||||
label: 'E-MAIL',
|
||||
value: 'Email',
|
||||
},
|
||||
],
|
||||
sourceOptions: [],
|
||||
operatorOptions: [
|
||||
{
|
||||
label: ">",
|
||||
value: ">"
|
||||
label: '>',
|
||||
value: '>',
|
||||
},
|
||||
{
|
||||
label: "<",
|
||||
value: "<"
|
||||
label: '<',
|
||||
value: '<',
|
||||
},
|
||||
{
|
||||
label: ">=",
|
||||
value: ">="
|
||||
label: '>=',
|
||||
value: '>=',
|
||||
},
|
||||
{
|
||||
label: "<=",
|
||||
value: "<="
|
||||
label: '<=',
|
||||
value: '<=',
|
||||
},
|
||||
{
|
||||
label: "==",
|
||||
value: "=="
|
||||
label: '==',
|
||||
value: '==',
|
||||
},
|
||||
],
|
||||
silenceCyclerOptions: [
|
||||
{
|
||||
label: "5 minutes",
|
||||
value: 300
|
||||
label: '5 minutes',
|
||||
value: 300,
|
||||
},
|
||||
{
|
||||
label: "15 minutes",
|
||||
value: 900
|
||||
label: '15 minutes',
|
||||
value: 900,
|
||||
},
|
||||
{
|
||||
label: "30 minutes",
|
||||
value: 1800
|
||||
label: '30 minutes',
|
||||
value: 1800,
|
||||
},
|
||||
{
|
||||
label: "60 minutes",
|
||||
value: 3600
|
||||
label: '60 minutes',
|
||||
value: 3600,
|
||||
},
|
||||
{
|
||||
label: "3 hours",
|
||||
value: 10800
|
||||
label: '3 hours',
|
||||
value: 10800,
|
||||
},
|
||||
{
|
||||
label: "6 hours",
|
||||
value: 21600
|
||||
label: '6 hours',
|
||||
value: 21600,
|
||||
},
|
||||
{
|
||||
label: "12 hours",
|
||||
value: 43200
|
||||
label: '12 hours',
|
||||
value: 43200,
|
||||
},
|
||||
{
|
||||
label: "24 hours",
|
||||
value: 86400
|
||||
}
|
||||
label: '24 hours',
|
||||
value: 86400,
|
||||
},
|
||||
],
|
||||
contactGroupOptions: [],
|
||||
rules: {
|
||||
sourceType: [
|
||||
{ required: true, message: 'Please select a sourceType', trigger: 'change'},
|
||||
],
|
||||
sourceId: [
|
||||
{ required: true, message: 'Please select a source', trigger: 'change'},
|
||||
],
|
||||
name: [
|
||||
{ required: true, message: 'Please input alarmRule name'},
|
||||
],
|
||||
itemId: [
|
||||
{ required: true, message: 'Please select a monitorItem', trigger: 'change'},
|
||||
],
|
||||
operator: [
|
||||
{ required: true, message: 'Please select a logicSymbol', trigger: 'change'},
|
||||
],
|
||||
threshold: [
|
||||
{ required: true, message: 'Please input threshold'},
|
||||
],
|
||||
silenceCycle: [
|
||||
{ required: true, message: 'Please select a silenceCycle', trigger: 'change'},
|
||||
],
|
||||
contactId: [
|
||||
{ required: true, message: 'Please select a contactGroup', trigger: 'change'},
|
||||
],
|
||||
}
|
||||
sourceType: [{ required: true, message: 'Please select a sourceType', trigger: 'change' }],
|
||||
sourceId: [{ required: true, message: 'Please select a source', trigger: 'change' }],
|
||||
name: [{ required: true, message: 'Please input alarmRule name' }],
|
||||
itemId: [{ required: true, message: 'Please select a monitorItem', trigger: 'change' }],
|
||||
operator: [{ required: true, message: 'Please select a logicSymbol', trigger: 'change' }],
|
||||
threshold: [{ required: true, message: 'Please input threshold' }],
|
||||
silenceCycle: [{ required: true, message: 'Please select a silenceCycle', trigger: 'change' }],
|
||||
contactId: [{ required: true, message: 'Please select a contactGroup', trigger: 'change' }],
|
||||
},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.currServer);
|
||||
console.log(this.currServer)
|
||||
this.sourceOptions = this.serverList
|
||||
},
|
||||
watch: {
|
||||
|
|
@ -255,7 +229,7 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
onCancel() {
|
||||
this.$emit("onCancel")
|
||||
this.$emit('onCancel')
|
||||
this.resetForm()
|
||||
},
|
||||
onItemChange(val, option) {
|
||||
|
|
@ -264,22 +238,22 @@ export default {
|
|||
},
|
||||
onSave() {
|
||||
this.$refs.al_ruleForm.validate((valid) => {
|
||||
if (valid) {
|
||||
if (valid) {
|
||||
let params = {
|
||||
silenceCycle:this.form.silenceCycle,
|
||||
contactId:this.form.contactId,
|
||||
sourceId:this.form.sourceId,
|
||||
sourceType:this.form.sourceType,
|
||||
itemId:this.form.itemId.key,
|
||||
silenceCycle: this.form.silenceCycle,
|
||||
contactId: this.form.contactId,
|
||||
sourceId: this.form.sourceId,
|
||||
sourceType: this.form.sourceType,
|
||||
itemId: this.form.itemId.key,
|
||||
rule: {
|
||||
name: this.form.itemId.label,
|
||||
operator: this.form.operator,
|
||||
threshold: this.form.threshold,
|
||||
units: this.units,
|
||||
},
|
||||
name: this.form.name
|
||||
name: this.form.name,
|
||||
}
|
||||
this.$emit("onCanonSavecel", params)
|
||||
this.$emit('onCanonSavecel', params)
|
||||
this.resetForm()
|
||||
}
|
||||
})
|
||||
|
|
@ -289,42 +263,42 @@ export default {
|
|||
this.units = option.data.props.units
|
||||
},
|
||||
getItems(val) {
|
||||
getAction("/alarmRule/getItems", {sourceName:val}).then(res => {
|
||||
getAction('/alarmRule/getItems', { sourceName: val }).then((res) => {
|
||||
if (res.success) {
|
||||
this.itemOptions = res.result.map(item => {
|
||||
this.itemOptions = res.result.map((item) => {
|
||||
return {
|
||||
label: item.name,
|
||||
value: item.itemId,
|
||||
units:item.units
|
||||
units: item.units,
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning("This operation fails. Contact your system administrator")
|
||||
this.$message.warning('This operation fails. Contact your system administrator')
|
||||
}
|
||||
})
|
||||
},
|
||||
resetForm() {
|
||||
this.$refs.al_ruleForm.resetFields();
|
||||
this.form= {
|
||||
this.$refs.al_ruleForm.resetFields()
|
||||
this.form = {
|
||||
sourceType: undefined,
|
||||
sourceId: undefined,
|
||||
name: "",
|
||||
name: '',
|
||||
itemId: undefined,
|
||||
operator: undefined,
|
||||
threshold: "",
|
||||
threshold: '',
|
||||
silenceCycle: undefined,
|
||||
contactId: undefined,
|
||||
}
|
||||
this.sourceOptions =[]
|
||||
this.sourceOptions = []
|
||||
this.itemOptions = []
|
||||
this.units = ""
|
||||
}
|
||||
this.units = ''
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
/deep/.ant-modal-title{
|
||||
/deep/.ant-modal-title {
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.operators {
|
||||
|
|
@ -344,7 +318,7 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
.ant-select-dropdown-content{
|
||||
.ant-select-dropdown-content {
|
||||
position: relative;
|
||||
background: #03353f;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -216,14 +216,26 @@ export default {
|
|||
processCpu: {
|
||||
content: null,
|
||||
legend: ['mysqld.exe', 'svchost.exe'],
|
||||
color: ['#2d5cd3', '#60cae8', '#1ab060', '#ffbf44', '#e86954', 'red'],
|
||||
color: [
|
||||
['rgb(45, 92, 211)', 'rgba(45, 92, 211,0)'],
|
||||
['rgb(96, 202, 232)', 'rgba(96, 202, 232,0)'],
|
||||
['rgb(26, 176, 96)', 'rgba(26, 176, 96,0)'],
|
||||
['rgb(255, 191, 68)', 'rgba(255, 191, 68,0)'],
|
||||
['rgb(232, 105, 84)', 'rgba(232, 105, 84,0)'],
|
||||
],
|
||||
xData: [],
|
||||
data: [],
|
||||
},
|
||||
processMenbry: {
|
||||
content: null,
|
||||
legend: ['mysqld.exe', 'svchost.exe'],
|
||||
color: ['#2d5cd3', '#60cae8', '#1ab060', '#ffbf44', '#e86954', 'red'],
|
||||
color: [
|
||||
['rgb(45, 92, 211)', 'rgba(45, 92, 211,0)'],
|
||||
['rgb(96, 202, 232)', 'rgba(96, 202, 232,0)'],
|
||||
['rgb(26, 176, 96)', 'rgba(26, 176, 96,0)'],
|
||||
['rgb(255, 191, 68)', 'rgba(255, 191, 68,0)'],
|
||||
['rgb(232, 105, 84)', 'rgba(232, 105, 84,0)'],
|
||||
],
|
||||
xData: [],
|
||||
data: [],
|
||||
},
|
||||
|
|
@ -242,7 +254,6 @@ export default {
|
|||
showSizeChanger: true,
|
||||
total: 0,
|
||||
},
|
||||
xData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
||||
rankData: {},
|
||||
}
|
||||
},
|
||||
|
|
@ -525,12 +536,12 @@ export default {
|
|||
type: 'line',
|
||||
name: item.name,
|
||||
symbol: 'none',
|
||||
itemStyle: { normal: { color: this.processCpu.color[index] } },
|
||||
itemStyle: { normal: { color: this.processCpu.color[index][0] } },
|
||||
areaStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: this.processCpu.color[index] },
|
||||
{ offset: 1, color: 'rgba(255,255,255,0)' },
|
||||
{ offset: 0, color: this.processCpu.color[index][0] },
|
||||
{ offset: 1, color: this.processCpu.color[index][1] },
|
||||
]),
|
||||
},
|
||||
},
|
||||
|
|
@ -599,12 +610,12 @@ export default {
|
|||
type: 'line',
|
||||
name: item.name,
|
||||
symbol: 'none',
|
||||
itemStyle: { normal: { color: this.processCpu.color[index] } },
|
||||
itemStyle: { normal: { color: this.processMenbry.color[index][0] } },
|
||||
areaStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: this.processCpu.color[index] },
|
||||
{ offset: 1, color: 'rgba(255,255,255,0)' },
|
||||
{ offset: 0, color: this.processMenbry.color[index][0] },
|
||||
{ offset: 1, color: this.processMenbry.color[index][1] },
|
||||
]),
|
||||
},
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user