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

feat：添加endpoint 批量修改功能

Browse Source
This commit is contained in:
zhangyu
2021-04-21 18:54:15 +08:00
parent 2803cbe695
commit 242d58aeef
10 changed files with 1776 additions and 1736 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,22 +2,32 @@
<div class="right-box right-box-module" v-clickoutside="{obj:editEndpoint,func:clickOutside}">
<!-- begin--顶部按钮-->
<div class="right-box-top-btns right-box-form-delete">
<button v-if="editEndpoint.id" id="module-del" v-has="'module_delete'" class="nz-btn nz-btn-size-normal nz-btn-size-alien" type="button" @click="del">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button>
<!-- <button v-if="editEndpoint.id" id="module-del" v-has="'module_delete'" class="nz-btn nz-btn-size-normal nz-btn-size-alien" type="button" @click="del">-->
<!-- <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-delete"></i></span>-->
<!-- <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>-->
<!-- </button>-->
</div>
<!-- end--顶部按钮-->
<!-- begin--标题-->
<div class="right-box-title">{{editEndpoint.id ? $t("project.module.editEndpoint") + " ID：" + editEndpoint.id : $t("project.module.createModule")}}</div>
<div class="right-box-title">
<span v-if="optionType === 'edit'">
{{ $t("project.module.editEndpoint")}}
</span>
<span v-if="optionType === 'batch'">
{{ $t("project.module.batchEndpoint")}}
</span>
<span v-if="optionType === 'add'">
{{ $t("project.module.creatEndpoint")}}
</span>
</div>
<!-- end--标题-->
<!-- begin--表单-->
<div class="right-box-form-box" ref="scrollbar">
<el-form class="right-box-form right-box-form-left" :model="editEndpoint" label-position = "top" label-width="120px" :rules="rules" ref="moduleForm">
<!--name-->
<el-form-item :label='$t("project.module.moduleName")' prop="name" label-width="125px">
<el-form-item :label='$t("project.module.endpointName")' prop="name" label-width="125px" v-if="optionType!=='batch'">
<el-input placeholder="" maxlength="64" show-word-limit v-model="editEndpoint.name" size="small" id="module-box-input-name"></el-input>
</el-form-item>
<!--project-->
@@ -252,6 +262,10 @@ export default {
type: {
type: String,
default: 'add'
},
optionType: {
type: String,
default: 'batch'
}
},
components: {
@@ -271,16 +285,16 @@ export default {
showAllBasicOption: false,
rules: {
name: [
{ validator: noSpecialChar, trigger: 'change' }
{ validator: this.optionType === 'batch' ? '' : noSpecialChar, trigger: 'change' }
],
projectId: [
{ required: true, message: this.$t('validate.required'), trigger: 'change' }
{ required: !(this.optionType === 'batch'), message: this.$t('validate.required'), trigger: 'change' }
],
moduleId: [
{ required: true, message: this.$t('validate.required'), trigger: 'change' }
{ required: !(this.optionType === 'batch'), message: this.$t('validate.required'), trigger: 'change' }
],
walk: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
{ required: !(this.optionType === 'batch'), message: this.$t('validate.required'), trigger: 'blur' }
],
port: [
{ validator: port, trigger: 'blur' }
@@ -668,6 +682,7 @@ export default {
deep: true,
immediate: true,
handler (n) {
console.log(n);
if (n && n.configs) {
const params = Object.assign({}, n.configs)
params.params = this.paramToJson(this.editEndpoint.paramObj)
@@ -688,10 +703,10 @@ export default {
if (params.basic_auth && !params.basic_auth.password) {
delete params.basic_auth
}
if (!Object.keys(params.param).length) {
if (params.param && !Object.keys(params.param).length) {
delete params.param
}
if (!Object.keys(params.labels).length) {
if (params.labels && !Object.keys(params.labels).length) {
delete params.labels
}
this.configsCopyValue = JSON.stringify(params, null, 2)