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

perf: 部分弹框的样式调整

Browse Source
This commit is contained in:
chenjinsong
2020-01-17 09:54:01 +08:00
parent b78b764dcb
commit 26e2bcf53f
14 changed files with 150 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
nezha-fronted/src/assets/stylus/main.scss
View File

@@ -72,6 +72,12 @@ html {
}
/* begin--按钮组件*/
.nz-btn-min-width-35 {
min-width: 35px;
}
.nz-btn-min-width-60 {
min-width: 60px;
}
.nz-btn-min-width-75 {
min-width: 75px;
}
@@ -90,21 +96,30 @@ html {
white-space: nowrap;
font-size: 14px;
line-height: 16px;
position: relative;
}
.nz-btn.nz-btn-size-normal {
font-size: 12px;
padding: 4px 8px;
}
.nz-btn.nz-btn-size-small {
font-size: 12px;
padding: 2px 5px;
}
.nz-btn.nz-btn-size-small i {
font-size: 12px;
}
.nz-btn-size-large {
padding: 7px 15px;
}
.nz-btn.nz-btn-size-alien { //弹框顶部异形按钮
.nz-btn.nz-btn-size-normal.nz-btn-size-alien { //弹框顶部异形按钮
height: 40px;
border-radius: 0 0 10px 10px;
}
.nz-btn.nz-btn-size-small.nz-btn-size-alien { //弹框顶部异形按钮
height: 32px;
border-radius: 0 0 8px 8px;
}
.nz-btn.nz-btn-style-normal { /* 橙色按钮 */
background-image: $btn-normal-background-color;
color: $btn-normal-txt-color;
@@ -116,6 +131,7 @@ html {
border: 0px;
color: $btn-light-txt-color;
box-shadow: $btn-light-shadow;
letter-spacing: 0;
}
.nz-btn.nz-btn-style-pure-white { /*纯白色按钮*/
@@ -161,8 +177,8 @@ html {
/* begin--el-input扩展 */
.input-x-mini .el-input__inner {
height: 22px;
line-height: 22px;
height: 26px;
line-height: 26px;
padding: 0 5px;
font-size: 12px;
}
@@ -307,7 +323,7 @@ html {
border-right: none;
}
.content-right .el-table td {
padding: 4px 0;
padding: 0;
}
.content-right>.el-table th {
padding: 0;
@@ -366,6 +382,8 @@ html {
}
/* end--分页*/
/* begin--右弹框滑入滑出动画*/
@keyframes slide-in-from-right-580 {
from {right: -630px}
@@ -460,13 +478,48 @@ html {
.right-box-top-btns button {
margin-left: 20px;
}
.right-box-top-btn-icon {
position: absolute;
top: 5px;
left: 50%;
transform: translateX(-50%);
}
.right-box-top-btn-txt {
position: absolute;
left: 50%;
top: 21px;
transform: translateX(-50%);
}
.pop-top-btns {
text-align: center;
float: right;
padding-right: 16px;
}
.pop-top-btns button {
margin-left: 15px;
}
.pop-top-btn-icon {
position: absolute;
top: 2px;
left: 50%;
transform: translateX(-50%);
}
.pop-top-btn-txt {
position: absolute;
left: 50%;
top: 16px;
transform: translateX(-50%);
}
/* end--右侧弹框--顶部按钮*/
/* begin--右侧弹框--内容*/
.nz-pop { /*小弹框*/
padding-top: 0;
box-shadow: 0 0 12px 0 rgba(0,0,0,0.20);
}
.nz-pop2 {
padding: 0 20px 20px 20px;
}
.right-box-title {
height: 36px;
text-align: left;
@@ -479,7 +532,8 @@ html {
line-height: 25px;
text-align: left;
display: inline-block;
font-weight: bold;
padding-top: 14px;
color: $box-title-color;
}
.pop-item, .pop-item-wider {
padding-top: 25px;
@@ -494,7 +548,7 @@ html {
padding-bottom: 5px;
}
.pop-item .el-input {
width: 200px;
width: calc(100% - 92px);
}
.pop-item .nz-btn {
width: 50px;
@@ -505,8 +559,8 @@ html {
padding: 2px 0;
}
.pop-box-asset {
height: 160px;
width: 247px;
height: 360px;
width: 100%;
}
.pop-box-asset li {
height: 24px;
@@ -517,8 +571,15 @@ html {
vertical-align: top;
width: 90%;
}
.config-dropdown-btn i {
font-size: 12px;
}
.pop-box-active {
background-color: #d8d8d8;
background-color: $global-text-color-active;
color: white;
}
.pop-box-active i {
color: white;
}
.right-box-form-box {
height: calc(100% - 132px);
@@ -699,6 +760,7 @@ html {
}
/* end--endpoint->子弹框asset搜索框前缀和后缀*/
/* begin--自定义可编辑的el-select下拉框样式*/
.config-dropdown { /* 若宽度不合适，自行增加新类覆盖宽度 */
width: 500px;

1
nezha-fronted/src/components/common/language/cn.js
View File

@@ -9,6 +9,7 @@ const cn = {
create: '新增',
edit: '编辑',
delete: '删除',
view: '查看',
esc: '取消',
cancel: '取消',
save: '保存',

14
nezha-fronted/src/components/common/popBox/cabinetConfig.vue
View File

@@ -1,14 +1,16 @@
<template>
<el-popover :placement="placement" @show="afterShow" width="400" @hide="hidePop" ref="popBox" v-model="popBox.show">
<el-popover :placement="placement" @show="afterShow" width="400" @hide="hidePop" ref="popBox" v-model="popBox.show" popper-class="nz-pop">
<div class="">
<div class="pop-window-assetType-content">
<div class="pop-top-btns">
<button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="cabinet-save">
<span class="top-tool-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
<span class="top-tool-btn-txt" v-else>{{$t('overall.edit')}}</span>
<button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-60" id="cabinet-save">
<span class="pop-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="pop-top-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
<span class="pop-top-btn-txt" v-else>{{$t('overall.edit')}}</span>
</button>
<button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="cabinet-esc" >
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
<button type="button" @click="esc" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-35" id="cabinet-esc" >
<span class="pop-top-btn-icon"><i class="el-icon-close"></i></span>
<span class="pop-top-btn-txt">{{$t('overall.esc')}}</span>
</button>
</div>
<!--标题-->

19
nezha-fronted/src/components/common/popBox/dcConfig.vue
View File

@@ -1,18 +1,21 @@
<template>
<el-popover :placement="placement" @show="afterShow" width="400" @hide="hidePop" ref="popBox" v-model="popBox.show">
<el-popover :placement="placement" @show="afterShow" width="400" @hide="hidePop" ref="popBox" v-model="popBox.show" popper-class="nz-pop">
<div class="">
<!-- begin--顶部按钮-->
<div class="pop-top-btns">
<button type="button" v-if="idc.id != ''" @click="del" class="nz-btn nz-btn-size-small nz-btn-style-light" id="dc-del">
<span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
<button type="button" v-if="idc.id != '' && popBox.isEdit" @click="del" class="nz-btn nz-btn-size-small nz-btn-size-alien nz-btn-style-light nz-btn-min-width-60" id="dc-del">
<span class="pop-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="pop-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="dc-save">
<span class="top-tool-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
<span class="top-tool-btn-txt" v-else>{{$t('overall.edit')}}</span>
<button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-60" id="dc-save">
<span class="pop-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="pop-top-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
<span class="pop-top-btn-txt" v-else>{{$t('overall.edit')}}</span>
</button>
<button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="dc-esc">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
<button type="button" @click="esc" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-35" id="dc-esc">
<span class="pop-top-btn-icon"><i class="el-icon-close"></i></span>
<span class="pop-top-btn-txt">{{$t('overall.esc')}}</span>
</button>
</div>
<!-- end--顶部按钮-->

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

@@ -3,12 +3,6 @@
<div class="right-box right-box-add-endpoint" v-if="rightBox.show" @mousedown="showEditParamBox(false)">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<!--<button type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" id="ep-add">
<span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
</button>
<button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="ep-esc">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
</button>-->
</div>
<!-- end--顶部按钮-->

10
nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
View File

@@ -3,11 +3,13 @@
<div class="right-box right-box-alert-config" v-if="rightBox.show">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<button type="button" v-if="alertRule.id != '' && rightBox.isEdit" id="alert-box-del" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
<button type="button" v-if="alertRule.id != '' && rightBox.isEdit" id="alert-box-del" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="alert-box-edit">
<span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
<button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="alert-box-edit">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
</button>
<!--<button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="alert-box-esc">

22
nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
View File

@@ -3,18 +3,14 @@
<div class="right-box right-box-edit-endpoint" v-if="rightBox.show">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<button id="edit-ep-del" type="button" v-if="rightBox.isEdit && endpoint.id != ''" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
<button id="edit-ep-del" type="button" v-if="rightBox.isEdit && endpoint.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button id="edit-ep-edit" v-if="!rightBox.isEdit" type="button" @click="toEdit(true)" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
<button id="edit-ep-edit" v-if="!rightBox.isEdit" type="button" @click="toEdit(true)" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
</button>
<!--<button id="edit-ep-save" v-if="rightBox.isEdit" type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
<span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
</button>
<button id="edit-ep-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
</button>-->
</div>
<!-- end--顶部按钮-->
@@ -138,12 +134,6 @@
<button type="button" id="edit-add-param" @click="addParam" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
<span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
</button>
<!-- <button type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-edit-ok">
<span class="top-tool-btn-txt">Ok</span>
</button>
<button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square nz-btn-edit-esc">
<span class="top-tool-btn-txt">Cancel</i></span>
</button> -->
</div>
</template>
<div class="param-box param-box-module">

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

@@ -3,16 +3,14 @@
<div class="right-box right-box-module" v-if="rightBox.show">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<button id="module-del" type="button" v-if="module.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
<button id="module-del" type="button" v-if="module.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button v-if="!rightBox.isEdit" id="module-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
<button v-if="!rightBox.isEdit" id="module-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
</button>
<!--<button id="module-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
</button>-->
</div>
<!-- end--顶部按钮-->

13
nezha-fronted/src/components/common/rightBox/projectBox.vue
View File

@@ -3,15 +3,14 @@
<div class="right-box right-box-project" v-if="rightBox.show">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<button id="project-del" type="button" v-if="project.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
<button id="project-del" type="button" v-if="project.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button v-if="!rightBox.isEdit" id="project-edit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
<button v-if="!rightBox.isEdit" id="project-edit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
</button>
<!--<button id="project-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
</button>-->
</div>
<!-- end--顶部按钮-->

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

@@ -223,7 +223,7 @@ export default {
label: this.$t('alert.config.option'),
prop: 'option',
show: true,
width: 220
width: 230
}
],
tableData: [],

22
nezha-fronted/src/components/page/asset/assetAddUnit.vue
View File

@@ -2,13 +2,6 @@
<transition name="right-box-580">
<div class="right-box right-box-add-asset" v-if="addUnitShow" @click="editQuit">
<div class="right-box-top-btns">
<!--<button type="button" @click.stop="addNewData('asset')" id="add-asset-new" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
<span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
</button>
<button type="button" @click.stop="sendStateData('close')" id="add-asset-esc"
class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
</button>-->
</div>
<div class="right-box-title">{{$t('asset.createAssetTab.title')}}</div>
@@ -61,13 +54,16 @@
<el-popover
placement="left"
v-model="popTypeVisible"
popper-class="nz-pop2"
width="370"
>
<div class="pop-window-assetType" @click="editQuit()" id="asset-sub-assettype-edit">
<div class="pop-window-assetType-content">
<!--右上角按钮-->
<div class="pop-top-btns">
<button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="asset-sub-assettype-esc">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
<button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-35" id="asset-sub-assettype-esc" >
<span class="pop-top-btn-icon"><i class="el-icon-close"></i></span>
<span class="pop-top-btn-txt">{{$t('overall.esc')}}</span>
</button>
</div>
<!--标题-->
@@ -76,8 +72,10 @@
<div class="pop-item">
<div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.addAssetType')}}</div>
<el-input class="input-x-mini" v-model="assetTypeData.value"/>
<button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="asset-sub-assettype-add">
<span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
<button type="button" @click.stop="addNewData('assetType')" class="nz-btn nz-btn-size-normal nz-btn-style-light float-right nz-btn-min-width-82" id="asset-sub-assettype-add">
<span class="top-tool-btn-txt">
<i class="nz-icon-create-square nz-icon"></i>
{{$t('overall.add')}}</span>
</button>
</div>
<div class="pop-item">
@@ -97,7 +95,7 @@
<el-input class="input-x-mini" v-model="item.value"/>
</span>
<span class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)" :id="'asset-sub-assettype-edit-'+index">
<i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
<i class="nz-icon nz-icon-edit" v-if="!item.isEdit"></i>
<i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
</span>
<span class="config-dropdown-btn config-dropdown-btn-delete"

19
nezha-fronted/src/components/page/asset/assetEditUnit.vue
View File

@@ -3,19 +3,16 @@
<div class="right-box right-box-add-asset" v-if="editUnitShow" @click="editQuit" id="asset-edit-quit">
<!--顶部按钮-->
<div class="right-box-top-btns">
<button v-if="!tabView" type="button" @click="deleteData('asset', pageObj.id)" id="asset-edit-del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt" >{{$t('overall.delete')}}</span>
<button v-if="!tabView" type="button" @click="deleteData('asset', pageObj.id)" id="asset-edit-del"
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button v-if="tabView" id="asset-edit-edit" type="button" @click="tabView=false" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt" >{{$t('overall.edit')}}</span>
<button v-if="tabView" id="asset-edit-edit" type="button" @click="tabView=false"
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
</button>
<!--<button v-if="!tabView" id="asset-edit-save" type="button" @click.stop="editData('asset')" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
</button>-->
<!--<button type="button" id="asset-edit-esc" @click.stop="sendStateData('close')"
class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
</button>-->
</div>
<div class="right-box-title">{{this.tabView == true ? $t('asset.asset') : $t('asset.EditAsset')}}</div>

12
nezha-fronted/src/components/page/config/account.vue
View File

@@ -97,12 +97,14 @@
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<button type="button" v-if="user.userId != '' && rightBox.isEdit" @click="del(user)"
class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-del">
<span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-del">
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit"
class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-edit">
<span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-edit">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
</button>
</div>
<!-- end--顶部按钮-->
@@ -220,7 +222,7 @@
label: this.$t('config.account.option'),
prop: 'option',
show: true,
width: 220
width: 230
}
],
tablelable: [],

18
nezha-fronted/src/components/page/config/promServer.vue
View File

@@ -72,16 +72,16 @@
<div class="right-box right-box-prom" v-if="rightBox.show">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns">
<button type="button" v-if="rightBox.isEdit && promServer.id != ''" @click="del(promServer)" id="prom-edit-del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
<button type="button" v-if="rightBox.isEdit && promServer.id != ''" @click="del(promServer)" id="prom-edit-del"
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
<span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="prom-edit-save">
<span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
<button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit"
class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="prom-edit-save">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
</button>
<!--<button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="prom-edit-esc">
<span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
</button>-->
</div>
<!-- end--顶部按钮-->
@@ -222,7 +222,7 @@ export default {
label: this.$t('config.account.option'),
prop: 'option',
show: true,
width: 220
width: 230
}
],
tablelable: [],