fix: 修复el-popover trigger 触发

This commit is contained in:
@changcode
2021-10-28 16:54:03 +08:00
parent b0765eeb62
commit 9acb8c0b5d
12 changed files with 13 additions and 13 deletions

View File

@@ -12,7 +12,7 @@
v-if="isError"
:close-delay=10
placement="top-start"
trigger="click"
trigger="hover"
popper-class="chart-error-popper">
<div >{{errorContent}}</div>
<span slot="reference" style="" class="panel-info-corner panel-info-corner--error">

View File

@@ -23,7 +23,7 @@
<span>
<el-popover
placement="right"
trigger="click"
trigger="hover"
:content="node.label">
<span slot="reference">{{ node.label }}</span>
</el-popover>

View File

@@ -251,7 +251,7 @@
<template>
<el-col class="legend-title">
{{ $t('dashboard.panel.chartForm.legend') }}&nbsp;
<el-popover placement="top" trigger="click" width="211">
<el-popover placement="top" trigger="hover" width="211">
<div style="word-break:keep-all;">{{ $t('dashboard.panel.chartForm.legendTip') }}</div>
<i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"
@mouseover="rz"></i>

View File

@@ -14,7 +14,7 @@
<el-popover
placement="bottom"
width="111"
trigger="click"
trigger="hover"
class="scale-number-box"
popper-class="scale-number-popover no-style-class"
>

View File

@@ -241,7 +241,7 @@
</span>
<el-popover
placement="right"
trigger="click"
trigger="hover"
:content="$t('asset.talonPrompt')">
<i slot="reference" class="nz-icon nz-icon-about"></i>
</el-popover>

View File

@@ -18,7 +18,7 @@
size="small"
v-model="assetSetting.host"
></el-autocomplete>
<el-popover @hide="popHide" @show="popShow" placement="bottom" popper-class="no-style-class" trigger="click">
<el-popover @hide="popHide" @show="popShow" placement="bottom" popper-class="no-style-class" trigger="hover">
<div class="mib-browser-ad-search">
<el-row class="mib-browser-ad-search-item" style="font-weight: bold">{{$t('config.dc.traffic.snmpSetting')}}</el-row>
<el-row class="mib-browser-ad-search-item">

View File

@@ -42,7 +42,7 @@
<div style="height: 100%">
<div style="height: 100%; overflow: auto;">
<div v-for="(n,i) in scope.row['modelsDetail']" :key="n.name+'-'+n.id+'-'+i" class="detail-item-content">
<el-popover placement="top" trigger="click" >
<el-popover placement="top" trigger="hover" >
<div>
<div>
<span>{{$t('overall.name')}}:</span>

View File

@@ -2,7 +2,7 @@
<el-popover
:content="formatPingTime(model.pingLastUpdate)"
placement="bottom"
trigger="click"
trigger="hover"
width="200"
>
<div slot="reference" style="width: 100%">

View File

@@ -36,7 +36,7 @@
<div :key="index" class="inner-row">
<div class="inner-col left">ID{{item.id}}</div>
<div class="inner-col right">
<el-popover placement="right" width="50" trigger="click" :content="(item.state == 1?'up':'down')+'['+(item.lastUpdate&&item.lastUpdate!=''?(new Date(item.lastUpdate).getHours()+':'+new Date(item.lastUpdate).getMinutes()):'--')+']'" >
<el-popover placement="right" width="50" trigger="hover" :content="(item.state == 1?'up':'down')+'['+(item.lastUpdate&&item.lastUpdate!=''?(new Date(item.lastUpdate).getHours()+':'+new Date(item.lastUpdate).getMinutes()):'--')+']'" >
<div slot="reference" style="width: 20px">
<div @mouseover="resetZIndex($event)" :class="{'active-icon green':item.state == 1,'active-icon red':item.state == 0}"></div>
</div>

View File

@@ -39,7 +39,7 @@
</el-select>
</div>
<div class="top-tool-btn-group">
<el-popover :offset="-143" placement="bottom" trigger="click" width="300">
<el-popover :offset="-143" placement="bottom" trigger="hover" width="300">
<div class="mib-browser-ad-search">
<el-select v-model="searchParam.snmpCredentialId" placeholder="Select credential" popper-class="right-public-box-select-top right-public-box-dropdown-top" size="mini" style="width: 300px" value-key="id">
<el-option v-for="(item, index) in credentialData" :key="index" :label="item.name" :value="item.id"></el-option>

View File

@@ -406,7 +406,7 @@
<el-row style="margin-top: 18px">
<el-col class="legend-title">
{{$t('dashboard.panel.chartForm.legend')}}&nbsp;
<el-popover placement="top" trigger="click" width="211">
<el-popover placement="top" trigger="hover" width="211">
<div style="word-break:keep-all;">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
<i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
</el-popover>
@@ -429,7 +429,7 @@
<div v-if="editChart.type == 'singleStat'||editChart.type == 'table'" class="form__sub-title">
<span>
{{$t('dashboard.panel.chartForm.valMapping.name')}}
<el-popover placement="top" trigger="click" width="275">
<el-popover placement="top" trigger="hover" width="275">
<div style="white-space: pre-wrap;">{{$t('dashboard.panel.chartForm.valueMappingTip')}}</div>
<i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
</el-popover>

View File

@@ -260,7 +260,7 @@
<el-row :gutter="4">
<el-col :span="4">
{{$t('dashboard.panel.chartForm.legend')}}&nbsp;
<el-popover :content="$t('dashboard.panel.chartForm.legendTip')" placement="top" width="150" trigger="click">
<el-popover :content="$t('dashboard.panel.chartForm.legendTip')" placement="top" width="150" trigger="hover">
<i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 12px; -webkit-transform:scale(0.75);display:inline-block;" @mouseover="resetZIndex"></i>
</el-popover>
</el-col>