fix: 修复el-popover trigger 触发
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -251,7 +251,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-col class="legend-title">
|
<el-col class="legend-title">
|
||||||
{{ $t('dashboard.panel.chartForm.legend') }}
|
{{ $t('dashboard.panel.chartForm.legend') }}
|
||||||
<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>
|
||||||
|
|||||||
@@ -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"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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%">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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')}}
|
{{$t('dashboard.panel.chartForm.legend')}}
|
||||||
<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>
|
||||||
|
|||||||
@@ -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')}}
|
{{$t('dashboard.panel.chartForm.legend')}}
|
||||||
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user