NEZ-1908 fix:asset添加用户使用引导提示

This commit is contained in:
zhangyu
2022-06-09 17:27:45 +08:00
parent 35929ef08c
commit 489c0e38fc
3 changed files with 17 additions and 6 deletions

View File

@@ -421,4 +421,12 @@ input, textarea {
float: unset; float: unset;
font-size: 10px; font-size: 10px;
margin-left: 190px; margin-left: 190px;
.message-next-continue{
color: $--color-text-primary;
font-weight: 400;
}
.message-next-content{
color: $--color-text-link;
font-weight: 600;
}
} }

View File

@@ -5,7 +5,8 @@ export default {
messageParams: { messageParams: {
route: '', route: '',
params: {} params: {}
} },
closeMessage: ''
} }
}, },
mounted () { mounted () {
@@ -16,17 +17,18 @@ export default {
} }
}, },
methods: { methods: {
messageShow (msg, route, params, showNext = false) { messageShow (msg, route, params, showNext = false, nextText = 'setup.next') {
this.messageParams.route = route this.messageParams.route = route
this.messageParams.params = params this.messageParams.params = params
this.$message({ this.closeMessage = this.$message({
duration: 2000, duration: 2000,
dangerouslyUseHTMLString: true, dangerouslyUseHTMLString: true,
type: 'success', type: 'success',
message: `<div>${msg} <span id="assetAdd" class="message-next ${showNext ? '' : 'hidden'}">Next</span></div>`, message: `<div>${msg} <span class="message-next ${showNext ? '' : 'hidden'}"><span class="message-next-continue">${this.$t('overall.continue')}</span> <span id="assetAdd" class="message-next-content">${this.$t(nextText)}</span></span></div>`,
onClose: () => { onClose: () => {
const assetAdd = document.getElementById('assetAdd') const assetAdd = document.getElementById('assetAdd')
assetAdd.removeEventListener('click', this.saveNext) assetAdd.removeEventListener('click', this.saveNext)
this.closeMessage = ''
} }
}) })
const assetAdd = document.getElementById('assetAdd') const assetAdd = document.getElementById('assetAdd')
@@ -37,6 +39,7 @@ export default {
path: this.messageParams.route, path: this.messageParams.route,
query: this.messageParams.params query: this.messageParams.params
}) })
this.closeMessage.close()
} }
}, },
destroyed () { destroyed () {

View File

@@ -743,7 +743,7 @@ export default {
this.$put(this.url, params).then(res => { this.$put(this.url, params).then(res => {
this.prevent_opt.save = false this.prevent_opt.save = false
if (res.code === 200) { if (res.code === 200) {
this.messageShow(this.$t('tip.saveSuccess'), '/endpoint', { assetId: res.data.id }, false) this.messageShow(this.$t('tip.saveSuccess'), '/endpoint', { assetId: res.data.id }, true, 'guide.addEndpoint')
this.esc(true) this.esc(true)
} else { } else {
this.$message.error(res.msg) this.$message.error(res.msg)
@@ -753,7 +753,7 @@ export default {
this.$post(this.url, params).then(res => { this.$post(this.url, params).then(res => {
this.prevent_opt.save = false this.prevent_opt.save = false
if (res.code === 200) { if (res.code === 200) {
this.messageShow(this.$t('tip.saveSuccess'), '/endpoint', { assetId: res.data.id }, false) this.messageShow(this.$t('tip.saveSuccess'), '/endpoint', { assetId: res.data.id }, true, 'guide.addEndpoint')
this.esc(true) this.esc(true)
} else { } else {
this.$message.error(res.msg) this.$message.error(res.msg)