34 lines
911 B
Vue
34 lines
911 B
Vue
<template>
|
|
<div>
|
|
<AlertBanner
|
|
title="根据印度储备银行的规定，我们需要生成授权以处理您的卡付款。"
|
|
type="warning"
|
|
>
|
|
<Button
|
|
class="ml-auto shrink-0"
|
|
@click="showAddCardDialog = true"
|
|
variant="outline"
|
|
>
|
|
更新卡片
|
|
</Button>
|
|
</AlertBanner>
|
|
<StripeCardDialog
|
|
v-model="showAddCardDialog"
|
|
message="根据印度储备银行的规定，我们需要从印度客户处生成授权/同意书以处理其卡片的自动扣款。请重新添加您的卡片详细信息。如需更多详情，请联系支持团队。"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import AlertBanner from './AlertBanner.vue';
|
|
import StripeCardDialog from './StripeCardDialog.vue';
|
|
|
|
export default {
|
|
name: 'AlertMandateInfo',
|
|
components: { AlertBanner, StripeCardDialog },
|
|
data() {
|
|
return {
|
|
showAddCardDialog: false
|
|
};
|
|
}
|
|
};
|
|
</script> |