...
|
...
|
@@ -6,7 +6,7 @@ |
|
|
<div class="grid-content bg-purple">
|
|
|
<span class="fault-book-input-text">所属业务</span>
|
|
|
<!-- <el-input v-model="input" placeholder="Please input 1" class="fault-book-input"/>-->
|
|
|
<el-select class="margin-right-10" v-model="busTypeArr" @change="changeBUsType" filterable clearable collapse-tags placeholder="请选择业务">
|
|
|
<el-select :size="$global.elementConfig.size.input" class="margin-right-10" v-model="busTypeArr" @change="changeBUsType" filterable clearable collapse-tags placeholder="请选择业务">
|
|
|
<el-option
|
|
|
v-for="item in busTypeList"
|
|
|
:label="item.busTypeName" :value="item.busId" :key="item.busId"></el-option>
|
...
|
...
|
@@ -16,7 +16,7 @@ |
|
|
<el-col :span="6">
|
|
|
<div class="grid-content bg-purple">
|
|
|
<span class="fault-book-input-text">名称</span>
|
|
|
<el-input v-model="name" placeholder="请输入名称" maxlength="50" class="fault-book-input"/>
|
|
|
<el-input :size="$global.elementConfig.size.input" v-model="name" placeholder="请输入名称" maxlength="50" class="fault-book-input"/>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
...
|
...
|
@@ -79,7 +79,7 @@ |
|
|
<el-col :span="24" >
|
|
|
<div class="fault-definition-select-up">
|
|
|
当
|
|
|
<el-select v-model="kpiId" placeholder="请选择告警">
|
|
|
<el-select :size="$global.elementConfig.size.input" v-model="kpiId" placeholder="请选择告警">
|
|
|
<el-option
|
|
|
v-for="item in alarmList"
|
|
|
:key="item.kpiId"
|
...
|
...
|
@@ -89,7 +89,7 @@ |
|
|
</el-option>
|
|
|
</el-select>
|
|
|
的警告级别为
|
|
|
<el-select v-model="triggerValue" placeholder="请选择级别">
|
|
|
<el-select :size="$global.elementConfig.size.input" v-model="triggerValue" placeholder="请选择级别">
|
|
|
<el-option
|
|
|
v-for="item in alarmLevel"
|
|
|
:key="item.value"
|
...
|
...
|
@@ -168,13 +168,13 @@ |
|
|
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
|
|
|
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in networkMonitorList" :key="index">
|
|
|
<div>
|
|
|
<el-button :disabled="faultStateRadio==0" class="multiple-choice-button" type="primary">{{item.linkName}}</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" :disabled="faultStateRadio==0" class="multiple-choice-button" type="primary">{{item.linkName}}</el-button>
|
|
|
<img :id="item.id" v-if="faultStateRadio==1" @click="deleteNetLink(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">
|
|
|
<img src="" v-else style="width:12px;height:12px;" class="multiple-choice-icon" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flex-div btn-el-btn margin-bottom-10" v-if="faultStateRadio==1">
|
|
|
<el-button class="multiple-choice-button color-999" @click="addNetNode">添加网络检测</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addNetNode">添加网络检测</el-button>
|
|
|
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -206,7 +206,7 @@ |
|
|
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
|
|
|
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in applicationMonitorList" :key="index">
|
|
|
<div>
|
|
|
<el-button :disabled="faultApplicationRadio==0" class="multiple-choice-button" type="primary">{{item.streamName}}</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" :disabled="faultApplicationRadio==0" class="multiple-choice-button" type="primary">{{item.streamName}}</el-button>
|
|
|
<!-- <img :id="item.id" @click="deleteItem(item.id, applicationMonitorList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">-->
|
|
|
<img :id="item.id" v-if="faultApplicationRadio==1" @click="deleteApp(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">
|
|
|
<img src="" v-else style="width:12px;height:12px;" class="multiple-choice-icon" alt="">
|
...
|
...
|
@@ -214,7 +214,7 @@ |
|
|
|
|
|
</div>
|
|
|
<div class="flex-div btn-el-btn margin-bottom-10" v-if="faultApplicationRadio==1">
|
|
|
<el-button class="multiple-choice-button color-999" @click="addApplicationMonitor()">添加应用检测</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addApplicationMonitor()">添加应用检测</el-button>
|
|
|
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -240,7 +240,7 @@ |
|
|
<el-radio v-model="faultEnvironmentRadio" label="0">不启用</el-radio>
|
|
|
</div>
|
|
|
<div class="flex-div margin-30 btn-el-btn margin-bottom-10" v-if="faultEnvironmentRadio==1">
|
|
|
<el-button class="multiple-choice-button color-999" @click="addBaseMonitor()">添加基础环境</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addBaseMonitor()">添加基础环境</el-button>
|
|
|
<img style="top:0;" src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
|
|
|
</div>
|
|
|
</el-col>
|
...
|
...
|
@@ -328,13 +328,13 @@ |
|
|
<el-col :span="24">
|
|
|
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
|
|
|
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in apmMonitorList" :key="index" >
|
|
|
<el-button :disabled="faultAPMRadio==0" class="multiple-choice-button" type="primary">{{item.resName}}</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" :disabled="faultAPMRadio==0" class="multiple-choice-button" type="primary">{{item.resName}}</el-button>
|
|
|
<img :id="item.id" @click="deleteApm(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon position-absolute cursorClass">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="btn-el-btn margin-bottom-10" v-if="faultAPMRadio==1">
|
|
|
<el-button class="multiple-choice-button" @click="addAPM()">添加 APM</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" @click="addAPM()">添加 APM</el-button>
|
|
|
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
|
|
|
</div>
|
|
|
|
...
|
...
|
@@ -369,7 +369,7 @@ |
|
|
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
|
|
|
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in dialtestMonitorList" :key="index">
|
|
|
<div>
|
|
|
<el-button :disabled="faultDialtestRadio==0" class="multiple-choice-button" type="primary">{{item.taskName}}</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" :disabled="faultDialtestRadio==0" class="multiple-choice-button" type="primary">{{item.taskName}}</el-button>
|
|
|
<!-- <img :id="item.id" @click="deleteItem(item.id, applicationMonitorList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">-->
|
|
|
<img :id="item.id" v-if="faultDialtestRadio==1" @click="deleteDialtest(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">
|
|
|
<img src="" v-else style="width:12px;height:12px;" class="multiple-choice-icon" alt="">
|
...
|
...
|
@@ -377,7 +377,7 @@ |
|
|
|
|
|
</div>
|
|
|
<div class="flex-div btn-el-btn margin-bottom-10" v-if="faultDialtestRadio==1">
|
|
|
<el-button class="multiple-choice-button color-999" @click="addDialtestMonitor()">添加拨测分析</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addDialtestMonitor()">添加拨测分析</el-button>
|
|
|
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -409,12 +409,12 @@ |
|
|
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
|
|
|
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in logDetectionList" :key="index">
|
|
|
<div>
|
|
|
<el-button :disabled="faultLogRadio==0" class="multiple-choice-button" type="primary">{{item.title}}</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" :disabled="faultLogRadio==0" class="multiple-choice-button" type="primary">{{item.title}}</el-button>
|
|
|
<img :id="item.id" @click="deleteItem(item.id, logDetectionList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="btn-el-btn margin-bottom-10" v-if="faultLogRadio==1">
|
|
|
<el-button class="multiple-choice-button" @click="addLogMonitor()">添加日志检测</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" @click="addLogMonitor()">添加日志检测</el-button>
|
|
|
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -437,12 +437,12 @@ |
|
|
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
|
|
|
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in subscriptionReportList" :key="index">
|
|
|
<div>
|
|
|
<el-button class="multiple-choice-button" type="primary">{{item.title}}</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" type="primary">{{item.title}}</el-button>
|
|
|
<img :id="item.id" @click="deleteItem(item.id, subscriptionReportList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="btn-el-btn margin-bottom-10">
|
|
|
<el-button class="multiple-choice-button" @click="addSubscriptionReport()">添加订阅人员</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" @click="addSubscriptionReport()">添加订阅人员</el-button>
|
|
|
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -452,8 +452,8 @@ |
|
|
|
|
|
<!--取消和保存-->
|
|
|
<div class="btn-faultDiagnosis flex-center">
|
|
|
<el-button @click="goBackIndex">取消</el-button>
|
|
|
<el-button @click="saveConfigDetail" type="primary" :loading="isLoading">保存</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" @click="goBackIndex">取消</el-button>
|
|
|
<el-button :size="$global.elementConfig.size.button" @click="saveConfigDetail" type="primary" :loading="isLoading">保存</el-button>
|
|
|
|
|
|
</div>
|
|
|
|
...
|
...
|
|