NEZ-1939 fix: Rules切换视图后,鼠标虚浮在名称处时出现错位现象

This commit is contained in:
zhangyu
2022-06-16 17:04:25 +08:00
parent 304b6837e5
commit dee14d052f
2 changed files with 67 additions and 65 deletions

View File

@@ -1,5 +1,6 @@
<template> <template>
<div :style="calcPosition(that.position,that)" class="alert-label__border alert-label" v-my-loading="loading" ref="alertLabels"> <div :style="calcPosition(that.position,that)" class="alert-label__border alert-label" ref="alertLabels">
<div v-my-loading="loading">
<div class="alert-label-header-title"> <div class="alert-label-header-title">
<div class="alert-label-header-circle" :style="`background: ${alertColor}`"> <div class="alert-label-header-circle" :style="`background: ${alertColor}`">
<i class="nz-icon nz-icon-Alertrule"></i> <i class="nz-icon nz-icon-Alertrule"></i>
@@ -17,10 +18,10 @@
<div class="alert-rule-title">{{$t('overall.name')}}</div> <div class="alert-rule-title">{{$t('overall.name')}}</div>
<div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '--'}}</div> <div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '--'}}</div>
</div> </div>
<!-- <div class="alert-rule-box">--> <!-- <div class="alert-rule-box">-->
<!-- <div class="alert-rule-title">{{$t('overall.name')}}</div>--> <!-- <div class="alert-rule-title">{{$t('overall.name')}}</div>-->
<!-- <div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '&#45;&#45;'}}</div>--> <!-- <div class="alert-rule-value">{{alertRuleData.name ? alertRuleData.name : '&#45;&#45;'}}</div>-->
<!-- </div>--> <!-- </div>-->
<div class="alert-rule-box"> <div class="alert-rule-box">
<div class="alert-rule-title">{{$t('overall.type')}}</div> <div class="alert-rule-title">{{$t('overall.type')}}</div>
<div class="alert-rule-value"> <div class="alert-rule-value">
@@ -78,6 +79,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>

View File

@@ -154,7 +154,7 @@ export function uSize (rule, value, callback) {
} else { } else {
const num = Number(value) const num = Number(value)
if (num < 0 || num > 47) { if (num < 0 || num > 47) {
callback(new Error(vm.$t('validate.usize'))) callback(new Error(vm.$t('validate.uSize')))
} else { } else {
callback() callback()
} }