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

NEZ-3354 fix：Asset attributes 元数据不同步问题

Browse Source
This commit is contained in:
zyh
2023-12-07 11:11:33 +08:00
parent dc814ce353
commit c1a86bca29
4 changed files with 119 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
nezha-fronted/src/components/common/rightBox/software/softwareAssetBox.vue
View File

@@ -52,7 +52,7 @@
<!-- <el-form-item v-for="(value, key) in editSoftwareAsset.params" :label="key" :key="key">-->
<!-- <el-input maxlength="128" show-word-limit v-model="editSoftwareAsset.params[key]" size="small" type="text" @input="$forceUpdate()"></el-input>-->
<!-- </el-form-item>-->
<el-form-item prop="paramObj">
<el-form-item prop="paramObj" v-my-loading="loading">
<div v-for="(label, i) in editSoftwareAsset.paramObj" :key="i" class="form__dotted-item form__dotted-item-required">
<el-form-item :prop="'paramObj.' + i + '.value.0'" :rules="[ { required: JSON.parse(label.param).required === '1', message: $t('validate.required'), trigger: 'blur' }]">
<template v-slot:label>
@@ -155,7 +155,7 @@ import editRigthBox from '../../mixin/editRigthBox'
import { sysObjectIdInput } from '@/components/common/js/validate'
import iconList from '@/components/common/js/iconList'
import { asset as assetConstants } from '@/components/common/js/constants'
import axios from 'axios'
export default {
name: 'softwareAssetBox',
components: {
@@ -235,7 +235,8 @@ export default {
return row.dc ? row.dc.name : ''
}
}
]
],
loading: false
}
},
watch: {
@@ -245,13 +246,7 @@ export default {
handler (n) {
this.isEdit = true
const editSoftwareAsset = JSON.parse(JSON.stringify(n))
editSoftwareAsset.paramObj = []
editSoftwareAsset.assetId = ''
// if (editSoftwareAsset.params) {
// Object.keys(editSoftwareAsset.params).forEach(key => {
// editSoftwareAsset.paramObj.push(editSoftwareAsset.params[key])
// })
// }
this.editSoftwareAsset = editSoftwareAsset
this.oldData = this.$lodash.cloneDeep(this.editSoftwareAsset)
}
@@ -293,15 +288,14 @@ export default {
const params = {
...this.editSoftwareAsset
}
params.params = {}
params.params = {
connectorAttributeKeys: []
}
params.paramObj.forEach(item => {
if (item.type === 'CHECKBOX') {
params.params[item.metaKey] = item.value
} else if (item.type === 'DATETIME' && JSON.parse(item.param).interval) {
params.params[item.metaKey] = item.value
} else {
params.params[item.metaKey] = item.value[0]
}
params.params.connectorAttributeKeys.push({
key: item.metaKey,
value: item.value
})
})
params.icon = this.imageUrl
if (this.editSoftwareAsset.id) {
@@ -356,21 +350,58 @@ export default {
return assetData
}
},
renderParams () {
this.editSoftwareAsset.paramObj = []
async renderParams () {
// 获取当前type的attributes key
this.loading = true
const findItem = this.softwareTypeArr.find(item => item.id == this.editSoftwareAsset.typeId)
if (findItem.params) {
Object.keys(findItem.params).forEach(key => {
if (findItem.params[key].type === 'CHECKBOX') {
findItem.params[key].value = this.editSoftwareAsset.params[key] ? this.editSoftwareAsset.params[key] : findItem.params[key].value
} else if (findItem.params[key].type === 'DATETIME' && JSON.parse(findItem.params[key].param).interval) {
findItem.params[key].value = this.editSoftwareAsset.params[key] ? this.editSoftwareAsset.params[key] : findItem.params[key].value
} else {
findItem.params[key].value = this.editSoftwareAsset.params[key] ? [this.editSoftwareAsset.params[key]] : findItem.params[key].value
}
this.editSoftwareAsset.paramObj.push(findItem.params[key])
})
this.oldData = this.$lodash.cloneDeep(this.editSoftwareAsset)
const connectorAttributeKeys = this.$lodash.get(findItem, 'params.connectorAttributeKeys', [])
const requests = connectorAttributeKeys.map(key => {
return this.$get('asset/field/meta', { key: key })
})
const paramObj = []
const res = await axios.all(requests)
res.forEach(response => {
const data = this.$lodash.get(response, 'data.list.0')
if (data) {
paramObj.push({ ...data, value: this.blankLabelValue(data), action: 0 })
}
})
// 设置填写过的值
const keyValue = this.$lodash.get(this.editSoftwareAsset, 'params.connectorAttributeKeys', [])
paramObj.forEach(item => {
const findValue = keyValue.find(subItem => subItem.key == item.metaKey)?.value
findValue && (item.value = findValue)
})
this.$set(this.editSoftwareAsset, 'paramObj', paramObj)
this.oldData = this.$lodash.cloneDeep(this.editSoftwareAsset)
this.loading = false
},
blankLabelValue (label) {
const defaultValue = JSON.parse(label.param).default || ''
if (label.type.toUpperCase() === this.assetConstants.labelTypeData.CHECKBOX) {
const arr = []
if (label.param && JSON.parse(label.param).items) {
JSON.parse(label.param).items.forEach(item => {
if (item.check) {
arr.push(item.name)
}
})
}
return arr
} else if (label.type.toUpperCase() === this.assetConstants.labelTypeData.MULTITEXT || label.type.toUpperCase() === assetConstants.labelTypeData.TEXT || label.type.toUpperCase() === assetConstants.labelTypeData.TEXTAREA) {
return [defaultValue]
} else if (label.type.toUpperCase() === this.assetConstants.labelTypeData.RADIO || label.type.toUpperCase() === assetConstants.labelTypeData.SELECT) {
const arr = ['']
if (label.param && JSON.parse(label.param).items) {
JSON.parse(label.param).items.forEach(item => {
if (item.check) {
arr[0] = item.name
}
})
}
return arr
} else {
return [defaultValue]
}
}
}