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

View File

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

View File

@@ -251,7 +251,7 @@
<template> <template>
<el-col class="legend-title"> <el-col class="legend-title">
{{ $t('dashboard.panel.chartForm.legend') }}&nbsp; {{ $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> <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;" <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> @mouseover="rz"></i>

View File

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

View File

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

View File

@@ -18,7 +18,7 @@
size="small" size="small"
v-model="assetSetting.host" v-model="assetSetting.host"
></el-autocomplete> ></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"> <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" style="font-weight: bold">{{$t('config.dc.traffic.snmpSetting')}}</el-row>
<el-row class="mib-browser-ad-search-item"> <el-row class="mib-browser-ad-search-item">

View File

@@ -42,7 +42,7 @@
<div style="height: 100%"> <div style="height: 100%">
<div style="height: 100%; overflow: auto;"> <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"> <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>
<div> <div>
<span>{{$t('overall.name')}}:</span> <span>{{$t('overall.name')}}:</span>

View File

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

View File

@@ -36,7 +36,7 @@
<div :key="index" class="inner-row"> <div :key="index" class="inner-row">
<div class="inner-col left">ID{{item.id}}</div> <div class="inner-col left">ID{{item.id}}</div>
<div class="inner-col right"> <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 slot="reference" style="width: 20px">
<div @mouseover="resetZIndex($event)" :class="{'active-icon green':item.state == 1,'active-icon red':item.state == 0}"></div> <div @mouseover="resetZIndex($event)" :class="{'active-icon green':item.state == 1,'active-icon red':item.state == 0}"></div>
</div> </div>

View File

@@ -39,7 +39,7 @@
</el-select> </el-select>
</div> </div>
<div class="top-tool-btn-group"> <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"> <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-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> <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-row style="margin-top: 18px">
<el-col class="legend-title"> <el-col class="legend-title">
{{$t('dashboard.panel.chartForm.legend')}}&nbsp; {{$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> <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> <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> </el-popover>
@@ -429,7 +429,7 @@
<div v-if="editChart.type == 'singleStat'||editChart.type == 'table'" class="form__sub-title"> <div v-if="editChart.type == 'singleStat'||editChart.type == 'table'" class="form__sub-title">
<span> <span>
{{$t('dashboard.panel.chartForm.valMapping.name')}} {{$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> <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> <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> </el-popover>

View File

@@ -260,7 +260,7 @@
<el-row :gutter="4"> <el-row :gutter="4">
<el-col :span="4"> <el-col :span="4">
{{$t('dashboard.panel.chartForm.legend')}}&nbsp; {{$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> <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-popover>
</el-col> </el-col>