gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 主题颜色调整

Browse Source
This commit is contained in:
@changcode
2021-11-17 11:12:06 +08:00
parent 94bafceb13
commit fe161d1be0
22 changed files with 63 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
nezha-fronted/src/assets/css/common.scss
View File

@@ -214,3 +214,20 @@ td .nz-icon-gear:before{
.el-table::before { .el-table::before {
background-color: $--border-color-light !important; background-color: $--border-color-light !important;
} }
.el-message-box {
background-color: $--background-color-empty !important;
.el-button:nth-of-type(1) {
background-color: $--button-light-hover-background-color;
border: 1px solid $--button-light-border-color;
color: $--button-light-color;
}
.el-button:nth-of-type(1):hover {
background-color: $--button-light-hover-background-color !important;
border: 1px solid $--button-primary-hover-background-color !important;
color: $--button-primary-background-color !important;
}
.el-button.el-button--primary:hover {
background-color: $--button-primary-hover-background-color !important;
opacity: 1 !important;
}
}

12
nezha-fronted/src/assets/css/common/button.scss
View File

@@ -61,7 +61,7 @@
min-width: 40px; min-width: 40px;
padding: 0 5px; padding: 0 5px;
} }
.nz-btn.nz-btn-style-light-new { .nz-btn.nz-btn-style-light {
border: 1px solid $--button-light-border-color; border: 1px solid $--button-light-border-color;
color: $--button-light-color; color: $--button-light-color;
} }
@@ -81,7 +81,7 @@
color: $--button-light-color; color: $--button-light-color;
letter-spacing: 0; letter-spacing: 0;
} }
.nz-btn-style-light-new:hover { .nz-btn-style-light:hover {
background-color: $--background-color-empty; background-color: $--background-color-empty;
border-color: $--color-primary-light-5; border-color: $--color-primary-light-5;
color: $--color-primary; color: $--color-primary;
@@ -108,23 +108,23 @@
color: $--button-light-hover-color; color: $--button-light-hover-color;
letter-spacing: 0; letter-spacing: 0;
} }
.nz-btn.nz-btn-style-normal:active:not(.nz-btn-disabled) { /* 橙色按钮active' */ .nz-btn.nz-btn-style-normal:focus:not(.nz-btn-disabled) { /* 橙色按钮active' */
background: $--button-primary-active-background-color; background: $--button-primary-active-background-color;
color: $--button-primary-color; color: $--button-primary-color;
border-color: $--button-primary-active-background-color; border-color: $--button-primary-active-background-color;
} }
.nz-btn.nz-btn-style-error:active:not(.nz-btn-disabled) { /* 红色按钮active' */ .nz-btn.nz-btn-style-error:focus:not(.nz-btn-disabled) { /* 红色按钮active' */
background: #EF7C62; background: #EF7C62;
color: $--button-primary-color; color: $--button-primary-color;
border-color: #Eb6D51; border-color: #Eb6D51;
} }
.nz-btn.nz-btn-style-gray:active:not(.nz-btn-disabled) { /* 灰色按钮active*/ .nz-btn.nz-btn-style-gray:focus:not(.nz-btn-disabled) { /* 灰色按钮active*/
background: $--button-light-active-background-color; background: $--button-light-active-background-color;
border: 1px solid $--button-light-active-border-color; border: 1px solid $--button-light-active-border-color;
color: $--button-light-active-color; color: $--button-light-active-color;
letter-spacing: 0; letter-spacing: 0;
} }
.nz-btn.nz-btn-style-gray:active:not(.nz-btn-disabled) { /* 浅灰色按钮active*/ .nz-btn.nz-btn-style-gray:focus:not(.nz-btn-disabled) { /* 浅灰色按钮active*/
background: $--button-light-active-background-color; background: $--button-light-active-background-color;
border: 1px solid $--button-light-active-border-color; border: 1px solid $--button-light-active-border-color;
color: $--button-light-active-color; color: $--button-light-active-color;

6
nezha-fronted/src/assets/css/common/rightBoxCommon.scss
View File

@@ -224,7 +224,7 @@
box-sizing: border-box; box-sizing: border-box;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
transition: background-color linear .2s, color linear .1s; transition:all .2s;
} }
.footer__btn:hover:not(.footer__btn--disabled) { .footer__btn:hover:not(.footer__btn--disabled) {
background-color: $--button-primary-hover-background-color; background-color: $--button-primary-hover-background-color;
@@ -232,7 +232,7 @@
.footer__btn:focus:not(.footer__btn--disabled) { .footer__btn:focus:not(.footer__btn--disabled) {
background-color: $--button-primary-active-background-color; background-color: $--button-primary-active-background-color;
} }
.footer__btn--light { .footer__btn.footer__btn--light {
background-color: $--button-light-hover-background-color; background-color: $--button-light-hover-background-color;
border: 1px solid $--button-light-border-color; border: 1px solid $--button-light-border-color;
color: $--button-light-color; color: $--button-light-color;
@@ -240,7 +240,7 @@
.footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) { .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
background-color: $--button-light-hover-background-color; background-color: $--button-light-hover-background-color;
border: 1px solid $--button-primary-hover-background-color; border: 1px solid $--button-primary-hover-background-color;
color: $--button-primary-background-color; color: $--button-light-hover-color;
} }
.footer__btn.footer__btn--light:focus:not(.footer__btn--disabled) { .footer__btn.footer__btn--light:focus:not(.footer__btn--disabled) {
background-color: $--button-light-active-background-color; background-color: $--button-light-active-background-color;

6
nezha-fronted/src/assets/css/common/tableCommon.scss
View File

@@ -78,7 +78,7 @@
outline: none; outline: none;
border-radius: $--button-border-radius; border-radius: $--button-border-radius;
background-color: $--button-icon-background-color; background-color: $--button-icon-background-color;
transition: background-color linear .2s, color linear .1s; transition:all .2s;
color: $--button-icon-color; color: $--button-icon-color;
i { i {
@@ -272,7 +272,7 @@
cursor: pointer; cursor: pointer;
border-radius: $--button-border-radius; border-radius: $--button-border-radius;
outline: none; outline: none;
transition: background-color linear .2s, color linear .1s; transition:all .2s;
} }
.table-operation-item.table-operation-item--disable{ .table-operation-item.table-operation-item--disable{
border: 1px solid $--border-color-base; border: 1px solid $--border-color-base;
@@ -417,7 +417,7 @@
border-right: none; border-right: none;
transform: translateX(1px); transform: translateX(1px);
box-sizing: border-box; box-sizing: border-box;
transition: background-color linear .2s, color linear .1s; transition:all .2s;
span { span {
font-size: 14px; font-size: 14px;

3
nezha-fronted/src/assets/css/components/common/elementSet.scss
View File

@@ -43,6 +43,9 @@
left: 5px; left: 5px;
top: 6px; top: 6px;
} }
.nz-btn.nz-btn-style-light {
background-color: $--background-color-empty;
}
.custom-label { .custom-label {
padding: 2px 0 2px 25px; padding: 2px 0 2px 25px;
position: relative; position: relative;

2
nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss
View File

@@ -35,7 +35,7 @@
-180deg -180deg
); );
} }
.nz-btn-size-normal-new.nz-btn-style-light-new { .nz-btn-size-normal.nz-btn-style-light {
font-size: 12px; font-size: 12px;
color: #3C92F1; color: #3C92F1;
i { i {

2
nezha-fronted/src/assets/css/themes/theme-dark.scss
View File

@@ -88,6 +88,8 @@ $--dashboard-card-header-background-color: $--background-color-empty;
/* 10.dropdown */ /* 10.dropdown */
$--dropdown-menu-box-shadow-color: rgba(8,3,3,0.77); $--dropdown-menu-box-shadow-color: rgba(8,3,3,0.77);
/* 分页 dropdown */
$--select-dropdown-background: $--background-color-empty;
/* 11.input */ /* 11.input */
$--input-background-color: $--background-color-base; $--input-background-color: $--background-color-base;

4
nezha-fronted/src/assets/css/themes/theme-light.scss
View File

@@ -100,8 +100,8 @@ $--button-primary-active-background-color: mix(#000, $--color-primary, 10%);
// button-light用于普通按钮 // button-light用于普通按钮
$--button-light-color: $--color-text-regular; // 灰色按钮字色 $--button-light-color: $--color-text-regular; // 灰色按钮字色
$--button-light-hover-color: $--button-light-color; // 灰色按钮hover字色 $--button-light-hover-color: mix(#FFF, $--color-primary, 15%); // 灰色按钮hover字色
$--button-light-active-color: $--color-primary; // 灰色按钮focus字色 $--button-light-active-color: mix(#000, $--color-primary, 15%); // 灰色按钮focus字色
$--button-light-background-color: $--background-color-base; // 灰色按钮背景色 $--button-light-background-color: $--background-color-base; // 灰色按钮背景色
$--button-light-hover-background-color: $--background-color-empty; // 灰色按钮hover背景色 $--button-light-hover-background-color: $--background-color-empty; // 灰色按钮hover背景色
$--button-light-active-background-color: $--button-light-hover-background-color; // 灰色按钮focus背景色 $--button-light-active-background-color: $--button-light-hover-background-color; // 灰色按钮focus背景色

6
nezha-fronted/src/components/common/ChartDiagram/diagram.vue
View File

@@ -99,12 +99,12 @@
</span> </span>
<span class="float-right"> <span class="float-right">
<button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" <button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light"
style="margin-right: 20px" style="margin-right: 20px"
> >
{{$t('project.topology.preview')}} {{$t('project.topology.preview')}}
</button> </button>
<button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light-new" @click="previewExit" <button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="previewExit"
style="margin-right: 20px" style="margin-right: 20px"
> >
{{$t('project.topology.previewExit')}} {{$t('project.topology.previewExit')}}
@@ -294,7 +294,7 @@
</el-row> </el-row>
<div class="upload-pic-row" style="text-align: center"> <div class="upload-pic-row" style="text-align: center">
<span> <span>
<button class="nz-btn nz-btn-size-normal nz-btn-style-light-new" style="margin-right: 20px" @click="uploadPicShow=false"> <button class="nz-btn nz-btn-size-normal nz-btn-style-light" style="margin-right: 20px" @click="uploadPicShow=false">
{{$t('project.topology.exit')}} {{$t('project.topology.exit')}}
</button> </button>

6
nezha-fronted/src/components/common/elementSet.vue
View File

@@ -20,14 +20,14 @@
</div> </div>
</div> </div>
<div class="custom-bottom-btns"> <div class="custom-bottom-btns">
<button v-if="isCancel" :id="tableId+'-element-set-none'" class="nz-btn nz-btn-size-small nz-btn-style-light-new is-cancel" type="button" @click="batchHandler(false)"> <button v-if="isCancel" :id="tableId+'-element-set-none'" class="nz-btn nz-btn-size-small nz-btn-style-light is-cancel" type="button" @click="batchHandler(false)">
<span class="top-tool-btn-txt">{{$t('overall.clear')}}</span> <span class="top-tool-btn-txt">{{$t('overall.clear')}}</span>
</button> </button>
<button v-if="!isCancel" :id="tableId+'-element-set-all'" class="nz-btn nz-btn-size-small nz-btn-style-light-new" type="button" @click="batchHandler(true)"> <button v-if="!isCancel" :id="tableId+'-element-set-all'" class="nz-btn nz-btn-size-small nz-btn-style-light" type="button" @click="batchHandler(true)">
<span class="top-tool-btn-txt">{{$t('overall.all')}}</span> <span class="top-tool-btn-txt">{{$t('overall.all')}}</span>
</button> </button>
<div> <div>
<button :id="tableId+'-element-set-esc'" class="nz-btn nz-btn-size-small nz-btn-style-light-new" type="button" @click="esc"> <button :id="tableId+'-element-set-esc'" class="nz-btn nz-btn-size-small nz-btn-style-light" type="button" @click="esc">
<span class="top-tool-btn-txt">{{$t('overall.esc')}}</span> <span class="top-tool-btn-txt">{{$t('overall.esc')}}</span>
</button> </button>
<button :id="tableId+'-element-set-save'" class="nz-btn nz-btn-size-small nz-btn-style-normal" type="button" @click="save"> <button :id="tableId+'-element-set-save'" class="nz-btn nz-btn-size-small nz-btn-style-normal" type="button" @click="save">

2
nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
View File

@@ -59,7 +59,7 @@
</div> </div>
<div slot="footer" class="footer"> <div slot="footer" class="footer">
<div class="el-message-box__btns"> <div class="el-message-box__btns">
<button :id="id+'-xlsx-import-export'" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" @click="exportData"> <button :id="id+'-xlsx-import-export'" class="nz-btn nz-btn-size-normal nz-btn-style-normal-new" @click="exportData">
<span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span> <span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span>
</button> </button>
<button :id="id+'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog"> <button :id="id+'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog">

2
nezha-fronted/src/components/common/project/L5/CanvasProps.vue
View File

@@ -807,7 +807,7 @@
<div class="flex middle"> <div class="flex middle">
<label></label> <label></label>
<div class="full pr10"> <div class="full pr10">
<button class="button primary nz-btn nz-btn-size-mini-new nz-btn-style-light-new" @click="onLayout"> <button class="button primary nz-btn nz-btn-size-mini-new nz-btn-style-light" @click="onLayout">
{{ $t('project.topology.onLayout') }} {{ $t('project.topology.onLayout') }}
</button> </button>
</div> </div>

4
nezha-fronted/src/components/common/project/topologyL5.vue
View File

@@ -100,12 +100,12 @@
</span> </span>
<span class="float-right"> <span class="float-right">
<button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" <button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light"
style="margin-right: 20px" style="margin-right: 20px"
> >
{{$t('project.topology.preview')}} {{$t('project.topology.preview')}}
</button> </button>
<button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light-new" @click="previewExit" <button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="previewExit"
style="margin-right: 20px" style="margin-right: 20px"
> >
{{$t('project.topology.previewExit')}} {{$t('project.topology.previewExit')}}

4
nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
View File

@@ -20,8 +20,8 @@
<el-form-item :label="$t('config.roles.permission')"> <el-form-item :label="$t('config.roles.permission')">
<!--<div class="tree-option"> <!--<div class="tree-option">
<button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" style="margin-left: 0px;" @click="expandAllOrNone" :class="{'btn-active':expandAllFlag}">展开/收缩</button> <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light option-btn" style="margin-left: 0px;" @click="expandAllOrNone" :class="{'btn-active':expandAllFlag}">展开/收缩</button>
<button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" @click="selectAllOrNone" :class="{'btn-active':selectAllFlag}"><span ><i class="nz-icon nz-icon-delete"></i></span></button> <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light option-btn" @click="selectAllOrNone" :class="{'btn-active':selectAllFlag}"><span ><i class="nz-icon nz-icon-delete"></i></span></button>
</div>--> </div>-->
<el-tree :data="menus" :default-expand-all="expandAllFlag" :props="{label:labelFormatter}" :default-checked-keys="[2]" class="tree-border" node-key="id" ref="menuTree" show-checkbox id="role-box-input-menus"> <el-tree :data="menus" :default-expand-all="expandAllFlag" :props="{label:labelFormatter}" :default-checked-keys="[2]" class="tree-border" node-key="id" ref="menuTree" show-checkbox id="role-box-input-menus">
<div slot-scope="{ node, data }"> <div slot-scope="{ node, data }">

2
nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
View File

@@ -276,7 +276,7 @@
</transition> </transition>
<template v-if="showAddressOption"> <template v-if="showAddressOption">
<div style="text-align: center;margin-bottom: 40px"> <div style="text-align: center;margin-bottom: 40px">
<span class="nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="showAddress"> <span class="nz-btn-size-normal-new nz-btn-style-light" style="border: none" @click="showAddress">
{{$t('overall.moreOption')}}<i class="nz-icon nz-icon-arrow-down"></i> {{$t('overall.moreOption')}}<i class="nz-icon nz-icon-arrow-down"></i>
</span> </span>
</div> </div>

4
nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
View File

@@ -187,7 +187,7 @@
</transition> </transition>
<div style="text-align: center"> <div style="text-align: center">
<span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="showAllBasicOption=!showAllBasicOption"> <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="showAllBasicOption=!showAllBasicOption">
{{$t('overall.moreOption')}} {{$t('overall.moreOption')}}
<i :class="showAllBasicOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i> <i :class="showAllBasicOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
</span> </span>
@@ -303,7 +303,7 @@
</div> </div>
</transition> </transition>
<div style="text-align: center"> <div style="text-align: center">
<span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption"> <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption">
{{$t('overall.moreOption')}} {{$t('overall.moreOption')}}
<i :class="item.showAllRelabelOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i> <i :class="item.showAllRelabelOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
</span> </span>

4
nezha-fronted/src/components/common/rightBox/moduleBox.vue
View File

@@ -168,7 +168,7 @@
</transition> </transition>
<div style="text-align: center"> <div style="text-align: center">
<span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="showAllBasicOption=!showAllBasicOption"> <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="showAllBasicOption=!showAllBasicOption">
{{$t('overall.moreOption')}} {{$t('overall.moreOption')}}
<i :class="showAllBasicOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i> <i :class="showAllBasicOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
</span> </span>
@@ -283,7 +283,7 @@
</div> </div>
</transition> </transition>
<div style="text-align: center"> <div style="text-align: center">
<span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption"> <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption">
{{$t('overall.moreOption')}} {{$t('overall.moreOption')}}
<i :class="item.showAllRelabelOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i> <i :class="item.showAllRelabelOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
</span> </span>

4
nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
View File

@@ -10,13 +10,13 @@
<el-input :disabled="true" v-model="dc.name" id="traffic-setting-name"></el-input> <el-input :disabled="true" v-model="dc.name" id="traffic-setting-name"></el-input>
</el-form-item> </el-form-item>
<traffic-setting-tab ref="trafficSetting" :post-asset-list="assetList" v-for="(item,index) in traffic.setting" :index="index" :asset-setting="item" :key="uuids[index]" :id="uuids[index]" @delSelf="delAssetSetting" :validate-repeat-func="valiateRepeatFunc"></traffic-setting-tab> <traffic-setting-tab ref="trafficSetting" :post-asset-list="assetList" v-for="(item,index) in traffic.setting" :index="index" :asset-setting="item" :key="uuids[index]" :id="uuids[index]" @delSelf="delAssetSetting" :validate-repeat-func="valiateRepeatFunc"></traffic-setting-tab>
<button @click="addAssetSetting" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" id="traffic-setting-add" style="margin:15px 1px 15px 15px" type="button">{{$t('config.dc.traffic.add')}}</button> <button @click="addAssetSetting" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="traffic-setting-add" style="margin:15px 1px 15px 15px" type="button">{{$t('config.dc.traffic.add')}}</button>
</el-form> </el-form>
</div> </div>
<!--底部按钮--> <!--底部按钮-->
<div class="right-box-bottom-btns"> <div class="right-box-bottom-btns">
<button id="traffic-setting-esc" v-cancel="{obj:traffic,func:esc}" class="nz-btn nz-btn-size-normal nz-btn-style-light-new" type="button"> <button id="traffic-setting-esc" v-cancel="{obj:traffic,func:esc}" class="nz-btn nz-btn-size-normal nz-btn-style-light" type="button">
<span>{{$t('overall.cancel')}}</span> <span>{{$t('overall.cancel')}}</span>
</button> </button>
<button id="traffic-setting-save" v-has="'dc_trafficSetting_save'" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="save"> <button id="traffic-setting-save" v-has="'dc_trafficSetting_save'" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="save">

2
nezha-fronted/src/components/page/alert/alertMessage.vue
View File

@@ -71,7 +71,7 @@
</div> </div>
<div slot="footer" class="footer"> <div slot="footer" class="footer">
<div class="el-message-box__btns"> <div class="el-message-box__btns">
<button :id="'-xlsx-import-export'" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" @click="exportData"> <button :id="'-xlsx-import-export'" class="nz-btn nz-btn-size-normal nz-btn-style-normal-new" @click="exportData">
<span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span> <span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span>
</button> </button>
<button :id="'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog"> <button :id="'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog">

8
nezha-fronted/src/components/page/config/system.vue
View File

@@ -156,7 +156,7 @@
<el-form-item> <el-form-item>
<!-- <button--> <!-- <button-->
<!-- @click="resetForm('basicForm','basic')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button" id="system-basic-reset"--> <!-- @click="resetForm('basicForm','basic')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light" type="button" id="system-basic-reset"-->
<!-- :disabled="prevent_opt.save" :class="{'nz-btn-disabled':prevent_opt.save}"--> <!-- :disabled="prevent_opt.save" :class="{'nz-btn-disabled':prevent_opt.save}"-->
<!-- >{{$t('overall.reset')}}</button>--> <!-- >{{$t('overall.reset')}}</button>-->
<button id="system-monitor-save" v-has="'system_basic_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('monitor','monitorForm')">{{$t('overall.submit')}}</button> <button id="system-monitor-save" v-has="'system_basic_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('monitor','monitorForm')">{{$t('overall.submit')}}</button>
@@ -205,8 +205,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item style="padding-top: 20px;"> <el-form-item style="padding-top: 20px;">
<!-- <button id="system-email-reset" @click="resetForm('emailForm','email')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button">{{$t('overall.reset')}}</button>--> <!-- <button id="system-email-reset" @click="resetForm('emailForm','email')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light" type="button">{{$t('overall.reset')}}</button>-->
<button id="system-email-test" :class="{'nz-btn-disabled':email.email_enable == 'off','nz-btn-disabled':prevent_opt.save}" :disabled="email.email_enable == 'off' || prevent_opt.save" @click="testSetInfo('email','emailForm')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button">{{$t('config.system.email.testConnection')}}</button> <button id="system-email-test" :class="{'nz-btn-disabled':email.email_enable == 'off','nz-btn-disabled':prevent_opt.save}" :disabled="email.email_enable == 'off' || prevent_opt.save" @click="testSetInfo('email','emailForm')" class="nz-btn nz-btn-size-normal nz-btn-style-light" type="button">{{$t('config.system.email.testConnection')}}</button>
<button id="system-email-save" v-has="'system_email_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('email','emailForm')">{{$t('overall.submit')}}</button> <button id="system-email-save" v-has="'system_email_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('email','emailForm')">{{$t('overall.submit')}}</button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -273,7 +273,7 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<!-- <button id='system-ldap-reset' @click="resetForm('ldapForm','ldap')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button">{{$t('overall.reset')}}</button>--> <!-- <button id='system-ldap-reset' @click="resetForm('ldapForm','ldap')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light" type="button">{{$t('overall.reset')}}</button>-->
<button id='system-ldap-test' :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-light" type="button" @click="testSetInfo('ldap','ldapForm')">{{$t('config.system.email.testConnection')}}</button> <button id='system-ldap-test' :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-light" type="button" @click="testSetInfo('ldap','ldapForm')">{{$t('config.system.email.testConnection')}}</button>
<button id='system-ldap-save' v-has="'system_ldap_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('ldap','ldapForm')">{{$t('overall.submit')}}</button> <button id='system-ldap-save' v-has="'system_ldap_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('ldap','ldapForm')">{{$t('overall.submit')}}</button>
</el-form-item> </el-form-item>

2
nezha-fronted/src/components/page/config/system/apiKeyTable.vue
View File

@@ -91,7 +91,7 @@
<div slot-scope="scope" class="table-operation-items"> <div slot-scope="scope" class="table-operation-items">
<template v-if="scope.row.edit"> <template v-if="scope.row.edit">
<button v-has="'system_apiKey_edit'" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-normal" style="margin-right: 10px" type="button" @click="save(scope.row)"><span>{{$t('overall.save')}}</span></button> <button v-has="'system_apiKey_edit'" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-normal" style="margin-right: 10px" type="button" @click="save(scope.row)"><span>{{$t('overall.save')}}</span></button>
<button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light-new" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button> <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
</template> </template>
<template v-else> <template v-else>
<button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'"><i class="nz-icon nz-icon-delete"></i></button> <button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'"><i class="nz-icon nz-icon-delete"></i></button>

2
nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
View File

@@ -72,7 +72,7 @@
<div slot-scope="scope" class="table-operation-items"> <div slot-scope="scope" class="table-operation-items">
<template v-if="scope.row.edit"> <template v-if="scope.row.edit">
<button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-normal" style="margin-right: 10px" type="button" @click="saveOrUpdate(scope.row)"><span>{{$t('overall.save')}}</span></button> <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-normal" style="margin-right: 10px" type="button" @click="saveOrUpdate(scope.row)"><span>{{$t('overall.save')}}</span></button>
<button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light-new" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button> <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
</template> </template>
<template v-else> <template v-else>
<button :class="{'table-operation-item--disable':isBuiltIn(scope.row)}" :disabled="isBuiltIn(scope.row)" class="table-operation-item" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button> <button :class="{'table-operation-item--disable':isBuiltIn(scope.row)}" :disabled="isBuiltIn(scope.row)" class="table-operation-item" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button>