dingdong-master/components/vertify/vertify-bank-bind.vue

57 lines
1.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view>
<!-- 模态框 -->
<view class="cu-modal" :class="isShow?'show':''">
<view class="cu-dialog">
<view class="padding-xl">
<view class="cuIcon-pay big-icon padding-tb text-main-color"></view>
<view>您还未完成账户绑定完成账户绑定后才能接收家政服务收益</view>
</view>
<view class="cu-bar bg-white solid-top">
<view class="action margin-0 flex-sub text-black" data-modal="showTakeCertifiedModal"
@tap="hideModal">{{text}}</view>
<view class="action margin-0 flex-sub text-main-color solid-left"
data-modal="showTakeCertifiedModal" @tap="hideModal" @click="goToBindBank">立即绑定</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'vertify-bank-bind',
emits: ['reload', 'stillAcceptOrder'],
props: {
text: {
type: String,
default: '以后绑定'
}
},
data() {
return {
isShow: false
}
},
methods: {
showModal(e) {
this.isShow = true
},
hideModal(e) {
this.isShow = false;
if(this.text == '仍然接单') {
this.$emit('stillAcceptOrder')
}
},
goToBindBank() {
uni.navigateTo({
url: '/pages/my/withdraw'
})
}
}
}
</script>
<style>
</style>