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

feat：添加节点弹框修改完成

Browse Source
This commit is contained in:
zhangyu
2020-10-15 09:28:40 +08:00
parent 4d0854474d
commit 0c3fa68767
4 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
nezha-fronted/src/assets/stylus/index.scss
View File

@@ -23,6 +23,7 @@ $btn-normal-txt-color-new: #fff; //新橙色按钮字体颜色
$btn-light-border-color-new:rgba(0,0,0,0.15);//新灰色按钮背景颜色
$btn-light-border-color-hover-new:rgba(250,144,28,0.3);//新灰色按钮hover背景颜色
$btn-light-txt-color-hover-new:rgba(250,144,28,1);//新灰色按钮hover背景颜色
$btn-light-border-color-active-new:#FA901C;//新灰色按钮active背景颜色
$btn-light-txt-color-new: #333;//新灰色色按钮字体颜色

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

@@ -285,7 +285,7 @@ li{
}
.nz-btn.nz-btn-style-light-new:hover:not(.nz-btn-disabled) { /* 新版浅色按钮hover */
border: 1px solid $btn-light-border-color-hover-new;
color: $btn-light-border-color-hover-new;
color: $btn-light-txt-color-hover-new;
//box-shadow: $btn-light-shadow;
letter-spacing: 0;
}
@@ -1331,6 +1331,9 @@ li{
.right-box-form .el-select {
width: 100%;
}
.right-box-form .select-warp .el-select {
width: calc(100% - 120px);
}
.right-box-form .el-form-item .el-form-item__label {
padding: 0;
font-size: 14px;
@@ -2189,3 +2192,9 @@ li{
width: 390px;
margin-left: 0;
}
.right-box-form .add{
background: rgba(250,144,28,.1);
}
.right-box-form .add .nz-icon-create-square{
color: #FA901C;
}

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

@@ -12,13 +12,13 @@
<el-scrollbar class="right-box-form-box">
<el-form class="right-box-form right-box-form-left" label-position="right" ref="addEndpoint" :model="endpoint" :rules="rules">
<!--project-->
<el-form-item :label='$t("project.project.project")' prop="projectId">
<el-form-item :label='$t("project.project.project")' prop="projectId" class="select-warp">
<el-select @change="((val) => {changeProject(val)})" value-key="id" popper-class="config-dropdown" v-model="currentProjectCopy" placeholder="" size="small">
<el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item" :id="'project-'+item.id"></el-option>
</el-select>
</el-form-item>
<!--module-->
<el-form-item :label='$t("project.module.module")' prop="moduleId">
<el-form-item :label='$t("project.module.module")' prop="moduleId" class="select-warp">
<el-select @change="((val) => {changeModule(val)})" value-key="id" popper-class="config-dropdown" v-model="currentModuleCopy" placeholder="" size="small">
<el-option v-for="item in moduleList" :key="item.id" :label="item.name" :value="item" :id="'module-'+item.id"></el-option>
</el-select>
@@ -30,8 +30,8 @@
<div class="right-child-box-title">{{$t('asset.asset')}}</div>
<!--end--标题-->
<!--begin--搜索框-->
<div style="float: right;padding: 9px 0px 0px 0px;">
<div class="nz-btn-group nz-btn-group-size-small nz-btn-group-light endpoint-asset-search">
<div style="float: right;padding: 9px 9px 0px 0px;">
<div class="nz-btn-group nz-btn-group-size-small nz-btn-group-light endpoint-asset-search" style="margin: 0">
<button id="search-asset-drop" type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-prepend" @click="assetSearch.dropdownShow = !assetSearch.dropdownShow">
<span class="endpoint-asset-label-txt">{{assetSearch.label}}</span>
<span>
@@ -694,7 +694,7 @@
/* begin--小盒子*/
.right-child-boxes {
height: calc(100% - 180px);
height: calc(100% - 120px);
position: relative;
}
.endpoint-to-right-symbol {
@@ -737,7 +737,7 @@
top: 5px;
}
.right-child-box-title {
padding: 9px 0 0 4px;
padding: 9px 0 0 9px;
display: inline-block;
}
.endpoints-box-module-info {

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

@@ -62,12 +62,12 @@
</template>
<div style="text-align: right">
<button style="display: none;">第一个button会出现意料之外的hover样式，找不到原因，只好加个不可见的button规避问题</button>
<button type="button" id="edit-clear-all" @click="clearAllParam" class="nz-btn nz-btn-size-normal nz-btn-style-light">
<span><i class="nz-icon nz-icon-delete"></i></span>
</button>
<button type="button" id="edit-add-param" @click="addParam" class="nz-btn nz-btn-size-normal nz-btn-style-light">
<span><i style="font-size: 12px;" class="nz-icon nz-icon-create-square"></i></span>
</button>
<!--<button type="button" id="edit-clear-all" @click="clearAllParam" class="nz-btn nz-btn-size-normal nz-btn-style-light">-->
<!--<span><i class="nz-icon nz-icon-delete"></i></span>-->
<!--</button>-->
<span id="edit-add-param" @click="addParam" class="add">
<i style="font-size: 12px;" class="nz-icon nz-icon-create-square"></i>
</span>
</div>
<div class="param-box param-box-module">
<el-scrollbar ref="paramBoxScrollbar" style="height: 100%">