Mint-UI msg提示框封装
import {MessageBox, Toast} from 'Mint-ui'
const msg = (msg) => {
Toast({
message: msg,
position: 'bottom',
duration: 2000
})
}
调用: msg('保存成功')
customBank () {
let params = {}
// 银行
MessageBox.prompt(' ', '自定义银行', {
confirmButtonText: '下一步',
inputValidator: (val) => {
return !(val === null || val.toString().trim() === '')
}
}).then(({action, value}) => {
if (action === 'confirm') {
params.bank_name = value.toString().trim()
// 卡系列
MessageBox.prompt(' ', '自定义卡系列', {
confirmButtonText: '下一步',
closeOnClickModal: false,
showCancelButton: false,
inputValidator: (val) => {
return !(val === null || val.toString().trim() === '')
}
}).then(({action, value}) => {
if (action === 'confirm') {
params.series_name = value.toString().trim()
// 卡系列
MessageBox.prompt(' ', '自定义卡片名称', {
confirmButtonText: '完成',
closeOnClickModal: false,
inputValidator: (val) => {
return !(val === null || val.toString().trim() === '')
}
}).then(({action, value}) => {
if (action === 'confirm') {
params.card_name = value.toString().trim()
this.$post('/vue/bank/save', params).then(data => {
msg('自定义银行保存成功')
this.getBankList()
})
}
})
}
})
}
})
}
customBank2 () {
var that = this
let params = {}
// 自定义卡片名称
MessageBox.prompt(' ', '自定义卡片名称', {
confirmButtonText: '完成',
closeOnClickModal: false,
inputValidator: (val) => {
return !(val === null || val.toString().trim() === '')
}
}).then(({action, value}) => {
if (action === 'confirm') {
params.name = value.toString().trim()
params.bank_id = this.bankID
params.series_id = this.seriesID
this.$post('/vue/card/oave', params).then(data => {
msg('自定义银行保存成功')
that.getCardAllList()
})
}
})
}