|
@@ -4,36 +4,36 @@
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
<div class="home-card-item" style="height: auto">
|
|
<div class="home-card-item" style="height: auto">
|
|
<div class="home-card-item-title">
|
|
<div class="home-card-item-title">
|
|
- <span>告警消息</span>
|
|
|
|
- <el-button size="small" text type="primary" @click="toMore()">更多信息</el-button>
|
|
|
|
|
|
+ <span>{{ $t('message.alarmList.title') }}</span>
|
|
|
|
+ <el-button size="small" text type="primary" @click="toMore()">{{ $t('message.alarmList.moreInfo') }}</el-button>
|
|
</div>
|
|
</div>
|
|
<el-table :data="tableData.data" style="width: 100%" v-loading="loading">
|
|
<el-table :data="tableData.data" style="width: 100%" v-loading="loading">
|
|
<el-table-column label="ID" align="center" prop="id" width="100" v-col="'ID'" />
|
|
<el-table-column label="ID" align="center" prop="id" width="100" v-col="'ID'" />
|
|
- <el-table-column label="告警类型" width="120" prop="type" align="center" show-overflow-tooltip v-col="'type'">
|
|
|
|
|
|
+ <el-table-column :label="$t('message.alarmList.columns.alarmType')" width="120" prop="type" align="center" show-overflow-tooltip v-col="'type'">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <span v-if="scope.row.type == 1">规则告警</span>
|
|
|
|
- <span v-else-if="scope.row.type == 2">设备自主告警</span>
|
|
|
|
- <span v-else-if="scope.row.type == 3">规侧告警升级</span>
|
|
|
|
- <span v-else>设备自主告警</span>
|
|
|
|
|
|
+ <span v-if="scope.row.type == 1">{{ $t('message.alarmList.alarmTypes.ruleAlarm') }}</span>
|
|
|
|
+ <span v-else-if="scope.row.type == 2">{{ $t('message.alarmList.alarmTypes.deviceSelfAlarm') }}</span>
|
|
|
|
+ <span v-else-if="scope.row.type == 3">{{ $t('message.alarmList.alarmTypes.ruleAlarmUpgrade') }}</span>
|
|
|
|
+ <span v-else>{{ $t('message.alarmList.alarmTypes.deviceSelfAlarm') }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="规则级别" width="120" align="center" prop="alarmLevel.name" show-overflow-tooltip v-col="'alarmLevel'" />
|
|
|
|
- <el-table-column label="规则名称" prop="ruleName" show-overflow-tooltip v-col="'ruleName'" />
|
|
|
|
- <el-table-column label="产品标识" prop="productKey" show-overflow-tooltip v-col="'productKey'" />
|
|
|
|
- <el-table-column label="设备标识" prop="deviceKey" show-overflow-tooltip v-col="'deviceKey'" />
|
|
|
|
|
|
+ <el-table-column :label="$t('message.alarmList.columns.alarmLevel')" width="120" align="center" prop="alarmLevel.name" show-overflow-tooltip v-col="'alarmLevel'" />
|
|
|
|
+ <el-table-column :label="$t('message.alarmList.columns.ruleName')" prop="ruleName" show-overflow-tooltip v-col="'ruleName'" />
|
|
|
|
+ <el-table-column :label="$t('message.alarmList.columns.productKey')" prop="productKey" show-overflow-tooltip v-col="'productKey'" />
|
|
|
|
+ <el-table-column :label="$t('message.alarmList.columns.deviceKey')" prop="deviceKey" show-overflow-tooltip v-col="'deviceKey'" />
|
|
|
|
|
|
- <el-table-column prop="status" label="告警状态" width="100" align="center" v-col="'status'">
|
|
|
|
|
|
+ <el-table-column prop="status" :label="$t('message.alarmList.columns.status')" width="100" align="center" v-col="'status'">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-tag type="success" size="small" v-if="scope.row.status">已处理</el-tag>
|
|
|
|
- <el-tag type="info" size="small" v-else>未处理</el-tag>
|
|
|
|
|
|
+ <el-tag type="success" size="small" v-if="scope.row.status">{{ $t('message.alarmList.status.processed') }}</el-tag>
|
|
|
|
+ <el-tag type="info" size="small" v-else>{{ $t('message.alarmList.status.unprocessed') }}</el-tag>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="createdAt" label="告警时间" align="center" width="170" v-col="'createdAt'"></el-table-column>
|
|
|
|
- <el-table-column label="操作" width="130" align="center" fixed="right" v-col="'handle'">
|
|
|
|
|
|
+ <el-table-column prop="createdAt" :label="$t('message.alarmList.columns.createdAt')" align="center" width="170" v-col="'createdAt'"></el-table-column>
|
|
|
|
+ <el-table-column :label="$t('message.alarmList.columns.actions')" width="130" align="center" fixed="right" v-col="'handle'">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-button v-auth="'detail'" size="small" text type="primary" @click="onOpenDetailDic(scope.row)">详情</el-button>
|
|
|
|
|
|
+ <el-button v-auth="'detail'" size="small" text type="primary" @click="onOpenDetailDic(scope.row)">{{ $t('message.alarmList.actions.detail') }}</el-button>
|
|
<el-button v-auth="'edit'" size="small" text type="warning" @click="onOpenEditDic(scope.row)" v-if="scope.row.status == 0"
|
|
<el-button v-auth="'edit'" size="small" text type="warning" @click="onOpenEditDic(scope.row)" v-if="scope.row.status == 0"
|
|
- >处理</el-button
|
|
|
|
|
|
+ >{{ $t('message.alarmList.actions.process') }}</el-button
|
|
>
|
|
>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|