NEZ-674 fix: asset label 编辑时回显的group不正确

This commit is contained in:
@changcode
2021-05-26 10:58:15 +08:00
parent dbf0e74e7a
commit 23eafe446e
6 changed files with 24 additions and 17 deletions

View File

@@ -475,7 +475,7 @@ const en = {
promServer: 'Prom server' promServer: 'Prom server'
}, },
alert: { alert: {
alertMessage: 'Module name / Alert Message', alertMessage: 'Alert Message',
level: 'Priority', level: 'Priority',
alertRule: 'Alert rule', alertRule: 'Alert rule',
ruleNum: 'Rule num', ruleNum: 'Rule num',
@@ -562,7 +562,7 @@ const en = {
copySuccess: 'Copy success' copySuccess: 'Copy success'
}, },
asset: { asset: {
asset: 'Module name / Asset ', asset: 'Asset ',
assets: 'Asset', // '资产' assets: 'Asset', // '资产'
editAsset: 'Edit asset', // '编辑资产' editAsset: 'Edit asset', // '编辑资产'
createAsset: 'New asset', // '编辑资产' createAsset: 'New asset', // '编辑资产'
@@ -1057,7 +1057,7 @@ const en = {
assetLabel: { assetLabel: {
addMeta: 'Add label', addMeta: 'Add label',
example: 'Example', example: 'Example',
editMeta: 'Edit lables', editMeta: 'Edit lable',
assetLabel: 'Asset label', assetLabel: 'Asset label',
all: 'All', all: 'All',
addGroup: 'Add group', addGroup: 'Add group',
@@ -1268,7 +1268,7 @@ const en = {
createEndpoint: 'New endpoint', // "新增Endpoint" createEndpoint: 'New endpoint', // "新增Endpoint"
editEndpoint: 'Edit endpoint', // "编辑Endpoint" editEndpoint: 'Edit endpoint', // "编辑Endpoint"
endpoint: 'Endpoint ', // "Endpoint" endpoint: 'Endpoint ', // "Endpoint"
endpoints: 'Module name / Endpoint', endpoints: 'Endpoint',
endpointId: 'Endpoint ID', // "Endpoint ID" endpointId: 'Endpoint ID', // "Endpoint ID"
list: 'List', list: 'List',
host: 'Host', // "Host" host: 'Host', // "Host"

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="mc" @click.self="clickOutside"> <div class="mc" @click.self="clickOutside">
<div class="right-box right-box-project-alert"> <div class="right-box right-box-project-alert">
<div class="right-box-title">{{$t('dashboard.overview.alert.alertMessage')}}</div> <div class="right-box-title">{{ moduleName }} / {{$t('dashboard.overview.alert.alertMessage')}}</div>
<nz-data-list <nz-data-list
ref="dataList" ref="dataList"
:api="url" :api="url"
@@ -53,7 +53,8 @@ export default {
name: 'alertTable', name: 'alertTable',
props: { props: {
moduleId: {}, moduleId: {},
projectId: {} projectId: {},
moduleName: String
}, },
components: { components: {
'nz-alert-tag': nzAlertTag, 'nz-alert-tag': nzAlertTag,

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="mc" @click.self="clickOutside"> <div class="mc" @click.self="clickOutside">
<div class="right-box right-box-project-alert"> <div class="right-box right-box-project-alert">
<div class="right-box-title">{{$t('asset.asset')}}</div> <div class="right-box-title">{{ moduleName }} / {{$t('asset.asset')}}</div>
<nz-data-list <nz-data-list
ref="dataList" ref="dataList"
:api="url" :api="url"
@@ -39,7 +39,8 @@ export default {
name: 'assetTableProject', name: 'assetTableProject',
props: { props: {
moduleId: {}, moduleId: {},
projectId: {} projectId: {},
moduleName: String
}, },
components: { components: {
nzDataList, nzDataList,

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="mc" @click.self="clickOutside"> <div class="mc" @click.self="clickOutside">
<div class="right-box right-box-project-alert"> <div class="right-box right-box-project-alert">
<div class="right-box-title">{{$t('project.endpoint.endpoints')}}</div> <div class="right-box-title">{{ moduleName }} / {{$t('project.endpoint.endpoints')}}</div>
<nz-data-list <nz-data-list
ref="dataList" ref="dataList"
:api="url" :api="url"
@@ -42,7 +42,8 @@ export default {
name: 'endpointTableProject', name: 'endpointTableProject',
props: { props: {
moduleId: {}, moduleId: {},
projectId: {} projectId: {},
moduleName: String
}, },
watch: { watch: {
}, },

View File

@@ -213,7 +213,7 @@
</div> </div>
<!--endpoint--> <!--endpoint-->
<transition name="right-box"> <transition name="right-box">
<endpointTable v-if="popDataShow.endpoint" :moduleId="moduleId" :projectId="projectInfo.id" <endpointTable v-if="popDataShow.endpoint" :moduleId="moduleId" :moduleName="moduleName" :projectId="projectInfo.id"
@close="popDataShowUpdate('',true)">endpoint @close="popDataShowUpdate('',true)">endpoint
</endpointTable> </endpointTable>
</transition> </transition>
@@ -235,13 +235,13 @@
<!--</div>--> <!--</div>-->
<!--asset--> <!--asset-->
<transition name="right-box"> <transition name="right-box">
<assetTable v-if="popDataShow.asset" :moduleId="moduleId" :projectId="projectInfo.id" <assetTable v-if="popDataShow.asset" :moduleId="moduleId" :moduleName="moduleName" :projectId="projectInfo.id"
@close="popDataShowUpdate('',true)">alert @close="popDataShowUpdate('',true)">alert
</assetTable> </assetTable>
</transition> </transition>
<!--alert--> <!--alert-->
<transition name="right-box"> <transition name="right-box">
<alertTable v-if="popDataShow.alert" :moduleId="moduleId" :projectId="projectInfo.id" <alertTable v-if="popDataShow.alert" :moduleId="moduleId" :moduleName="moduleName" :projectId="projectInfo.id"
@close="popDataShowUpdate('',true)">alert @close="popDataShowUpdate('',true)">alert
</alertTable> </alertTable>
</transition> </transition>
@@ -453,6 +453,7 @@ export default {
main: false main: false
}, },
moduleId: '', moduleId: '',
moduleName: '',
tooltipPosition: { tooltipPosition: {
top: 0, top: 0,
left: 0, left: 0,
@@ -1076,7 +1077,9 @@ export default {
// 具体内容点击 // 具体内容点击
nodeTools (node, tool) { nodeTools (node, tool) {
console.log(node)
this.moduleId = node.data.moduleId this.moduleId = node.data.moduleId
this.moduleName = node.data.moduleName
if (tool.id === 'total') { if (tool.id === 'total') {
this.popDataShowUpdate('', false, node) this.popDataShowUpdate('', false, node)
return return

View File

@@ -19,8 +19,8 @@
<el-form-item :label='$t("config.assetLabel.key")' prop="metaKey"> <el-form-item :label='$t("config.assetLabel.key")' prop="metaKey">
<el-input placeholder="" show-word-limit v-model="editAssetMeta.metaKey" size="small" id="editAssetMeta-box-input-key"></el-input> <el-input placeholder="" show-word-limit v-model="editAssetMeta.metaKey" size="small" id="editAssetMeta-box-input-key"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label='$t("config.assetLabel.group")' prop="groupId"> <el-form-item :label='$t("config.assetLabel.group")' prop="groupName">
<el-select v-model="editAssetMeta.groupId" size="small" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" :popper-append-to-body="false"> <el-select v-model="editAssetMeta.group.name" size="small" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" :popper-append-to-body="false">
<el-option v-for="(item, index) in groupData" :key="index" :value="item.id" :label="item.name"></el-option> <el-option v-for="(item, index) in groupData" :key="index" :value="item.id" :label="item.name"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@@ -158,7 +158,7 @@ export default {
rules: { rules: {
name: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }], name: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }],
metaKey: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }, { pattern: /\w/, message: this.$t('validate.onlyWord'), trigger: 'change' }], metaKey: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }, { pattern: /\w/, message: this.$t('validate.onlyWord'), trigger: 'change' }],
groupId: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }], groupName: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }],
type: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }] type: [{ required: true, message: this.$t('validate.required'), trigger: 'change' }]
}, },
value: '', value: '',
@@ -237,8 +237,9 @@ export default {
search: `${n.search}`, search: `${n.search}`,
display: `${n.display}`, display: `${n.display}`,
param: n.param && typeof n.param === 'string' ? JSON.parse(n.param) : {}, param: n.param && typeof n.param === 'string' ? JSON.parse(n.param) : {},
type: n.type.toUpperCase() type: n.type.toUpperCase(),
} }
console.log(this.editAssetMeta)
} }
}, },
'editAssetMeta.search': { 'editAssetMeta.search': {