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

NEZ-2817 fix：dashboard 内容无法正常显示（23.01）

Browse Source
This commit is contained in:
zyh
2023-05-09 16:35:13 +08:00
parent deec3e350a
commit b9370a7849
3 changed files with 45 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
nezha-fronted/src/components/common/rightBox/panelBox.vue
View File

@@ -81,6 +81,7 @@
v-for="(item,index) of editPanel.param.variables"
:key="item.uid"
style="margin-top: 10px"
:class="item.error? 'is-item-box-error' : ''"
>
<div class="variable-title">
<span class="variable-title-left">
@@ -107,7 +108,7 @@
</span>
</div>
<transition name="el-zoom-in-top">
<div class="form-items--half-width-group" v-if="!item.collapse" style="margin-top: 16px">
<div class="form-items--half-width-group" v-show="!item.collapse" style="margin-top: 16px">
<!-- Name -->
<el-form-item class="form-item--half-width" :label='$t("overall.name")' :prop="'param.variables.' + index + '.name'"
:rules="[
@@ -116,7 +117,7 @@
{ validator: variableValidator,trigger: 'blur'},
]"
>
<el-input v-model="item.name" :placeholder="$t('overall.placeHolder')" size="small"/>
<el-input v-model="item.name" :placeholder="$t('overall.placeHolder')" size="small" @change="hideError('variables', index)"/>
</el-form-item>
<!-- Type -->
<el-form-item class="form-item--half-width" :label='$t("overall.type")' :prop="'param.variables.' + index + '.type'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}">
@@ -152,7 +153,7 @@
</span>
</el-popover>
</div>
<el-input v-model="item.expression" placeholder="labels_names()" size="small"/>
<el-input v-model="item.expression" placeholder="labels_names()" size="small" @change="hideError('variables', index)"/>
</el-form-item>
<!-- Regex -->
<el-form-item v-if="item.type==='query'" :label="$t('dashboard.dashboard.regex')" :prop="'param.variables.' + index + '.regex'" key="regex" style="width: 100%;" >
@@ -160,7 +161,7 @@
</el-form-item>
<!-- Custom values -->
<el-form-item v-if="item.type==='custom'" :label="$t('dashboard.dashboard.customValues')" :prop="'param.variables.' + index + '.customOptions'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" key="customOptions" style="width: 100%;" >
<el-input v-model="item.customOptions" placeholder="1,10,myKey:myValue" size="small"/>
<el-input v-model="item.customOptions" placeholder="1,10,myKey:myValue" size="small" @change="hideError('variables', index)"/>
</el-form-item>
<!-- Multi-value -->
<el-form-item class="form-item--half-width" :prop="'param.variables.' + index + '.multi'" style="margin-bottom: 0px">
@@ -563,6 +564,39 @@ export default {
this.esc(false)
},
showError () {
this.$refs.form.validate((blooen, object) => {
Object.keys(object).forEach(item => {
const keyArr = item.split('.')
if (keyArr.length >= 4) {
this.editPanel[keyArr[0]][keyArr[1]][keyArr[2]].error = true
}
})
if (!blooen) {
this.$forceUpdate()
}
})
},
hideError (key, index) {
if (!this.editPanel.param[key] || !this.editPanel.param[key].length) {
return
}
this.$refs.form.validate((blooen, object) => {
console.log(Object.keys(object))
let flag = true
Object.keys(object).forEach(item => {
console.log(`param.${key}.${index}.`)
if (item.startsWith(`param.${key}.${index}.`)) {
flag = false
}
})
if (flag) {
this.editPanel.param[key][index].error = false
this.$forceUpdate()
}
})
},
/* 保存 */
save () {
// 保存时把无用属性删除 再传入后台
@@ -570,6 +604,7 @@ export default {
const temp = JSON.parse(JSON.stringify(item))
delete temp.collapse
delete temp.uid
delete temp.error
return temp
})
const params = {
@@ -628,6 +663,7 @@ export default {
})
}
} else {
this.showError()
this.prevent_opt.save = false
return false
}