NEZ-1965 perf : 更改cursor 样式

This commit is contained in:
likexuan
2022-07-05 14:06:31 +08:00
parent 80b9164f1a
commit afef8a71f0
16 changed files with 58 additions and 58 deletions

View File

@@ -120,15 +120,15 @@
</el-popover>
</template>
<template v-else-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'expr'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="item.prop === 'id'" :id="'globalSearch' + scope.row.id">{{scope.row[item.prop]}}</span>

View File

@@ -97,9 +97,9 @@
{{ utcTimeToTimezoneStr(scope.row[item.prop]) }}
</template>
<template v-else-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="scope.row[item.prop]">{{

View File

@@ -39,15 +39,15 @@
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'manageIp'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.manageIp ? scope.row.manageIp : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.manageIp)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.manageIp)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'type'">{{scope.row.type ? scope.row.type.name : '-'}}</template>
@@ -104,9 +104,9 @@
<span v-else> - </span>
</template>
<template v-else-if="item.prop === 'sn'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.sn ? scope.row.sn : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.sn)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.sn)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'talon'">

View File

@@ -51,15 +51,15 @@
</el-popover>
</span>
<template v-else-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'host'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>

View File

@@ -42,9 +42,9 @@
{{findTypeLabel(scope.row)}}
</span>
<template v-else-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop] || '-'}}</span>

View File

@@ -42,9 +42,9 @@
<template v-else>-</template>
</template>
<template v-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-if="item.prop === 'type'">

View File

@@ -38,37 +38,37 @@
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop]}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'type'">
{{scope.row.module.type}}
</template>
<template v-else-if="item.prop === 'project'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="pointer document-copy-text"
@mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
@mouseleave="labelHover(scope.row, item.prop, false,true)">
{{scope.row[item.prop].name}}
</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'module'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="pointer document-copy-text"
@mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
@mouseleave="labelHover(scope.row, item.prop, false,true)">
<i style="cursor: pointer" class="nz-icon nz-icon-overview-module monitorColor"/>
{{scope.row[item.prop].name}}
</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'asset'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span
class="pointer document-copy-text"
@mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
@@ -76,7 +76,7 @@
<i class="nz-icon nz-icon-overview-project monitorColor color23BF9A"></i>
{{scope.row.asset.name}}
</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.asset.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.asset.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'alerts'">

View File

@@ -36,15 +36,15 @@
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'expression'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop] || '-'}}</span>

View File

@@ -36,9 +36,9 @@
<template slot-scope="scope" :column="item">
<span v-if="item.prop === 'dc'">{{scope.row[item.prop]?scope.row[item.prop].name:'-'}}</span>
<template v-else-if="item.prop === 'CIDR'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{ scope.row.addr }}/{{scope.row.mask}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.addr + '/' + scope.row.mask)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.addr + '/' + scope.row.mask)" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="item.prop === 'type'">
@@ -46,9 +46,9 @@
<template v-else-if="scope.row.type === 6">IPV6</template>
</span>
<template v-else-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>

View File

@@ -37,15 +37,15 @@
<template slot-scope="scope" :column="item">
<template v-if="item.prop == 'updateUser'" >{{scope.row[item.prop].name}}</template>
<template v-else-if="item.prop == 'fileName' && scope.row[item.prop]" >
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="link document-copy-text" @click="downloadMib(scope.row)">{{scope.row[item.prop]}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'modelsDetail' && scope.row['modelsDetail'] && scope.row['modelsDetail'].length >0" >

View File

@@ -37,18 +37,18 @@
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop]}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'type'">
{{scope.row[item.prop]}}
</template>
<template v-else-if="item.prop === 'project'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop].name}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'endpointNum'">

View File

@@ -38,9 +38,9 @@
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop]}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'moduleNum'" >

View File

@@ -37,15 +37,15 @@
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<template v-if="scope.row.i18n">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{$t(scope.row.i18n)}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy($t(scope.row.i18n))" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy($t(scope.row.i18n))" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="scope.row.name">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row.name}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy($t(scope.row.name))" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy($t(scope.row.name))" :title="$t('overall.copyText')"></i>
</div>
</template>
</template>

View File

@@ -38,7 +38,7 @@
</template>
<template slot-scope="scope" :column="item">
<template v-if="item.prop === 'name'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<div class="user-name-td document-copy-text" :class="{'margin-l-10': !scope.row.online}">
<i class="nz-icon nz-icon-user1 user-online" v-if="scope.row.online" :title="$t('overall.online')"/>
<div>
@@ -51,7 +51,7 @@
</div>
</div>
</div>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="item.prop === 'roles'">
@@ -79,9 +79,9 @@
<span v-else-if="scope.row[item.prop] === 'zh'">简体中文</span>
</template>
<template v-else-if="item.prop === 'email'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.copyText')"></i>
</div>
</template>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>

View File

@@ -78,9 +78,9 @@
{{scope.row[item.prop]?utcTimeToTimezoneStr(scope.row[item.prop]):$t('config.system.apiKey.noExpire')}}
</template>
<template v-else-if="item.prop == 'token'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text"> {{scope.row[item.prop].replace(reg, '*')}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</template>

View File

@@ -40,9 +40,9 @@
{{scope.row[item.prop]?scope.row[item.prop]:'-'}}
</template>
<template v-if="item.prop == 'token'">
<div style="cursor:text" class="document-copy-block">
<div class="document-copy-block">
<span class="document-copy-text"> {{scope.row[item.prop]?scope.row[item.prop].replace(reg, '*'):'-'}}</span>
<i class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
<i class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.copyText')"></i>
</div>
</template>
<template v-if="item.prop == 'expireAt'">