NEZ-662 fix : 解决因全局css样式的影响

This commit is contained in:
@changcode
2021-05-25 17:58:38 +08:00
parent 5443a91c8b
commit 7bb2975867
27 changed files with 35 additions and 27 deletions

View File

@@ -124,8 +124,12 @@
display: inline-block;
margin-right: 5px;
}
span:first-letter,div:first-letter{
.data-column__span{
display: inline-block;
}
.right-box__footer span{
display: inline-block;
}
span:first-letter,.el-tabs__item:first-letter,.header__title:first-letter,.operation-dropdown-text:first-letter{
text-transform: capitalize;
}

View File

@@ -62,8 +62,7 @@
.el-form-item {
margin-bottom: 16px;
.el-form-item__label {
.el-form-item__label{
padding-bottom: 6px;
font-size: 14px;
line-height: 16px;

View File

@@ -347,6 +347,7 @@
}
}
.operation-dropdown-text {
display: inline-block;
font-size: 13px;
}

View File

@@ -516,6 +516,9 @@ li{
cursor: default;
font-weight: bold;
}
.nz-tab-item-active:first-letter{
text-transform: capitalize;
}
.nz-tab-item-close {
color: rgba(245, 108, 108, 0.6);
cursor: pointer;

View File

@@ -38,6 +38,7 @@
<template v-if="item.prop === 'alertRule'">
<div v-if="scope.row.alertRule.name" >
<span
class="data-column__span"
@mouseenter="alertMessageHover(scope.row.alertRule, true, $event)"
@mouseleave="alertMessageHover(scope.row.alertRule, false)"
>{{scope.row.alertRule.name}}</span>

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -29,7 +29,7 @@
:width="`${item.width}`"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -31,7 +31,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -29,7 +29,7 @@
:width="`${item.width}`"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -31,7 +31,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -30,7 +30,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -29,7 +29,7 @@
class="data-column"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -29,7 +29,7 @@
:width="`${item.width}`"
>
<template slot="header">
<span>{{item.label}}</span>
<span class="data-column__span">{{item.label}}</span>
<div class="col-resize-area"></div>
</template>
<template slot-scope="scope" :column="item">

View File

@@ -17,7 +17,7 @@
</template>
<template v-for="(secondMenu, secondIndex) in menu.children">
<el-submenu v-if="secondMenu.children && secondMenu.children.length > 0" :key="secondIndex" :index="`${index}-${secondIndex}`">
<span slot="title">{{$t(secondMenu.i18n)}}</span>
<span slot="title" class="data-column__span">{{$t(secondMenu.i18n)}}</span>
<el-menu-item v-for="(thirdMenu, thirdIndex) in secondMenu.children" :key="`${index}-${secondIndex}-${thirdIndex}`" :index="thirdMenu.route">{{$t(thirdMenu.i18n)}}</el-menu-item>
</el-submenu>
<el-menu-item v-else :key="secondIndex" :index="secondMenu.route">{{$t(secondMenu.i18n)}}</el-menu-item>

View File

@@ -11,7 +11,7 @@
>
<template v-slot:top-tool-left>
<div id="module-type-1" class="nz-tab-item-box">
<div class="nz-tab-item nz-tab-item-active">{{$t("config.exprTemp.exprTemp")}}</div>
<div class="nz-tab-item nz-tab-item-active ">{{$t("config.exprTemp.exprTemp")}}</div>
</div>
<div id="module-type-2" class="nz-tab-item-box" @click="clickTab([],'chartTemp')"><!--v-has="'snmp_browser_view'"-->
<div class="nz-tab-item">{{$t("config.chartTemp.chartTemp")}}</div>