lianmei
/
dc-ui
mirror of https://gitee.com/lmlz_0/dc-ui.git
3
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

告警参数级开关添加代码v2

pull/1/head
ljlong_2630 1 year ago
parent
ce44b78a32
commit
7e886faa55
1 changed files with 66 additions and 63 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 129
      src/views/model/alert/deviceparamalert.vue

129
src/views/model/alert/deviceparamalert.vue
View File

@ -242,72 +242,72 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="margin-bottom: 10px;"> <el-row style="margin-bottom: 10px;" v-show="tableVisiable">
<el-col> <el-col>
<h4>告警逻辑</h4> <h4>告警逻辑</h4>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row v-show="tableVisiable">
<el-col> <el-col>
<el-table ref="policyTable" v-loading="loading" :data="modelList" :row-key="getRowKey" @selection-change="handleSelectionChange"> <el-table ref="policyTable" v-loading="loading" :data="modelList" :row-key="getRowKey" @selection-change="handleSelectionChange">
<el-table-column type="selection" reserve-selection="true" width="55" align="center" /> <el-table-column type="selection" reserve-selection="true" width="55" align="center" />
<el-table-column label="名称" align="center" prop="name"/> <el-table-column label="名称" align="center" prop="name"/>
<el-table-column label="符号" align="center" prop="code" :width="120"/> <el-table-column label="符号" align="center" prop="code" :width="120"/>
<el-table-column label="运算符" align="center" prop="operator" :width="120"> <el-table-column label="运算符" align="center" prop="operator" :width="120">
<template #default="scope"> <template #default="scope">
<dict-tag :options="operator_sign" :value="scope.row.operator"/> <dict-tag :options="operator_sign" :value="scope.row.operator"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="限值" align="center" prop="value"> <el-table-column label="限值" align="center" prop="value">
<template #default="scope"> <template #default="scope">
<el-form-item :class="{ 'is-error': isInvalid(scope.row.value,scope.row),'is-error-value': colorValue[scope.row.sort]}" label-width="0px"> <el-form-item :class="{ 'is-error': isInvalid(scope.row.value,scope.row),'is-error-value': colorValue[scope.row.sort]}" label-width="0px">
<el-input v-model="scope.row.value" @change="handleValueChange(scope.row)"></el-input> <el-input v-model="scope.row.value" @change="handleValueChange(scope.row)"></el-input>
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="级别" align="center" prop="level" /> <el-table-column label="级别" align="center" prop="level" />
<el-table-column label="排序" align="center" prop="sort"/> <el-table-column label="排序" align="center" prop="sort"/>
<el-table-column label="告警方式" align="center" prop="methodIds"> <el-table-column label="告警方式" align="center" prop="methodIds">
<template #default="scope"> <template #default="scope">
<el-form-item :class="{'is-error': isInvalid(scope.row.methodIds,scope.row)}" label-width="0px" > <el-form-item :class="{'is-error': isInvalid(scope.row.methodIds,scope.row)}" label-width="0px" >
<el-select v-model="scope.row.methodIds" multiple @change="methodIdsChange" placeholder="请选择告警方式"> <el-select v-model="scope.row.methodIds" multiple @change="methodIdsChange" placeholder="请选择告警方式">
<el-option <el-option
v-for="item in methodList" v-for="item in methodList"
:key="item.id" :key="item.id"
:label="item.methodName" :label="item.methodName"
:value="item.id" :value="item.id"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态值" align="center" prop="statusValue"> <el-table-column label="状态值" align="center" prop="statusValue">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.statusValue" placeholder="请选择状态类型"> <el-select v-model="scope.row.statusValue" placeholder="请选择状态类型">
<el-option <el-option
v-for="item in statusValueSelects" v-for="item in statusValueSelects"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> />
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态类型" align="center" prop="statusType"> <el-table-column label="状态类型" align="center" prop="statusType">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.statusType" placeholder="请选择状态类型"> <el-select v-model="scope.row.statusType" placeholder="请选择状态类型">
<el-option <el-option
v-for="item in statusSelects" v-for="item in statusSelects"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> />
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<template #footer> <template #footer>
@ -362,6 +362,7 @@ const paramTypeValue = ref("");
const logicCode = ref(""); const logicCode = ref("");
const rowPolicySelected = ref([]); const rowPolicySelected = ref([]);
const colorValue = ref({}); const colorValue = ref({});
const tableVisiable = ref(false);
const enabledFlagTable = ref([ const enabledFlagTable = ref([
{label: '可用', value: 'true', elTagType: 'default', elTagClass: null}, {label: '可用', value: 'true', elTagType: 'default', elTagClass: null},
{label: '不可用', value: 'false', elTagType: 'default', elTagClass: null} {label: '不可用', value: 'false', elTagType: 'default', elTagClass: null}
@ -552,7 +553,8 @@ function handlePolicy(row) {
statusTypeVisiable.value=true; statusTypeVisiable.value=true;
sortIdVisiable.value=false; sortIdVisiable.value=false;
methodIdsVisiable.value=true; methodIdsVisiable.value=true;
policyEnabledVisiable.value=false; policyEnabledVisiable.value=true;
tableVisiable.value=false;
}else if(row.logicCode == 'B'){ }else if(row.logicCode == 'B'){
getModelList(row); getModelList(row);
policyModelVisiable.value=true; policyModelVisiable.value=true;
@ -562,6 +564,7 @@ function handlePolicy(row) {
sortIdVisiable.value=false; sortIdVisiable.value=false;
methodIdsVisiable.value=false; methodIdsVisiable.value=false;
policyEnabledVisiable.value=true; policyEnabledVisiable.value=true;
tableVisiable.value=true;
}else if(row.logicCode == 'C'){ }else if(row.logicCode == 'C'){
ElMessageBox.alert('目前该告警逻辑没有实现', '提示', { ElMessageBox.alert('目前该告警逻辑没有实现', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',

Write Preview
Loading…
Cancel
Save