parent
429124c769
commit
bcbaedda2b
@ -0,0 +1,119 @@ |
||||
<template> |
||||
<view> |
||||
<view class="width90 backcorfff mart20 fotct" v-if="user.hltCardNo.cardNo"> |
||||
<image src="../../../static/img/cards.jpg" mode="widthFix" class="cardImg"></image> |
||||
<view class="cardlabel font18 fcorfff fontwig6" style="top: 50px;">卡号 : {{user.hltCardNo.cardNo}}</view> |
||||
<view class="cardlabel font18 fcorfff fontwig6" style="top: 80px;">余额 : {{tongCardPrice}}¥</view> |
||||
</view> |
||||
<view class="btnw50 font20 fontlet" @click="selectCards()">查询明细</view> |
||||
<view class="btnw50 font20 fontlet" @click="delUserCard()" v-if="user.hltCardNo">解绑</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
delUserCard, |
||||
getHuiLianTongCardBalance |
||||
} from '../../../Utils/Api.js'; |
||||
let app = getApp(); |
||||
export default { |
||||
data() { |
||||
return { |
||||
user: '', |
||||
tongCardPrice:0 |
||||
} |
||||
}, |
||||
onShow() { |
||||
this.user = app.globalData.userInfo; |
||||
if (!this.user.isSetHltCard) { |
||||
uni.showToast({ |
||||
icon: 'none', |
||||
title: '当前账号还未绑定,前往绑定', |
||||
duration: 2000, |
||||
success() { |
||||
setTimeout(() => { |
||||
uni.navigateTo({ |
||||
url: '../bindingCard/bindingCard' |
||||
}) |
||||
}, 1000) |
||||
} |
||||
}); |
||||
return; |
||||
} |
||||
this.getHuiLianTongCardBalance(); |
||||
}, |
||||
methods: { |
||||
//跳转明细 |
||||
selectCards() { |
||||
uni.navigateTo({ |
||||
url: '../unionCard/unionCard' |
||||
}) |
||||
}, |
||||
//解除绑定我的卡号列表 |
||||
delUserCard() { |
||||
let that = this; |
||||
uni.showModal({ |
||||
content: '是否确定解除当前绑定卡号?', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
let params = { |
||||
cardNo: that.user.hltCardNo.cardNo |
||||
} |
||||
delUserCard(params).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '解除成功', |
||||
duration: 2000, |
||||
icon: 'success', |
||||
success() { |
||||
setTimeout(() => { |
||||
uni.navigateBack({}) |
||||
}, 1000) |
||||
} |
||||
}) |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}); |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
//查询详情 |
||||
getHuiLianTongCardBalance() { |
||||
let params = { |
||||
cardNo: this.user.hltCardNo.cardNo |
||||
} |
||||
getHuiLianTongCardBalance(params).then(res => { |
||||
if (res.return_code == '000000') { |
||||
this.tongCardPrice = res.return_data.balance; |
||||
} |
||||
|
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
background-color: #f8f8f8; |
||||
} |
||||
|
||||
.cardImg { |
||||
position: relative; |
||||
margin-top: 5px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.cardlabel { |
||||
position: absolute; |
||||
left: 40px; |
||||
} |
||||
</style> |
After Width: | Height: | Size: 113 KiB |
Loading…
Reference in new issue