feat:dc , bottom-asset 以及 bootom-cabinet 替换 alert列

This commit is contained in:
zhangyu
2022-02-25 14:07:17 +08:00
parent c0c436c53a
commit 2bd1fe4df4
8 changed files with 117 additions and 22 deletions

View File

@@ -65,9 +65,19 @@
</span>
</template>
<template v-else-if="item.prop === 'alertNum'">
<span style="cursor: pointer" class="alert-num" @click="showBottomBox('alertMessageTab', scope.row)">
<i class="nz-icon nz-icon-overview-alert" :class="scope.row[item.prop]>0?'colorEF7458':'color23BF9A'"/>
{{scope.row[item.prop]}}
<span style="cursor: pointer" @click="$emit('showBottomBox', 'alertMessageTab', scope.row)">
<i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;" @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
<div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
<div class="tooltip-title">Alert message (active)</div>
<div class="severity-info" style='justify-content: space-between'>
<div class="severity-name">{{$t('overall.result.total')}}</div>
<div class="severity-value">{{scope.row.alertNum}}</div>
</div>
</div>
<alertDaysInfo
v-show="!scope.row.trendLoading"
:alertDaysData="scope.row.alertDaysData"
/>
</span>
</template>
@@ -115,15 +125,21 @@
<script>
import table from '@/components/common/mixin/table'
import { showTableTooltip, hideTableTooltip } from '@/components/common/js/tools'
import alertDaysInfo from '@/components/common/alert/alertDaysInfo'
export default {
name: 'dcTable',
mixins: [table],
components: {
alertDaysInfo
},
props: {
loading: Boolean
},
data () {
return {
regNum: /^[0-9]+.?[0-9]*/,
needAlertDaysData: true,
trendKey: 'dcId',
tableTitle: [
{
label: 'ID',