add file
This commit is contained in:
@@ -0,0 +1,46 @@
|
||||
import { API } from './../../../utils/network/api'
|
||||
const api = new API()
|
||||
const app = getApp()
|
||||
Page({
|
||||
data: {
|
||||
navbarData: {
|
||||
showCapsule: 1, //是否显示左上角图标 1表示显示 0表示不显示
|
||||
title: '我的银行卡', //导航栏 中间的标题
|
||||
},
|
||||
height: app.globalData.height,
|
||||
banklist_empty: true,
|
||||
bank_card_id: "",
|
||||
bank_img_path: "",
|
||||
bank_name: "",
|
||||
bank_card_code_mask: ""
|
||||
},
|
||||
onShow(){
|
||||
|
||||
api.getDoctorBank().then(response => {
|
||||
if(response.data.total > 0){
|
||||
this.setData({
|
||||
banklist_empty: false,
|
||||
bank_card_code_mask: response.data.bank_card_code_mask,
|
||||
bank_card_id: response.data.bank_card_id,
|
||||
bank_img_path: response.data.bank_img_path,
|
||||
bank_name: response.data.bank_name
|
||||
})
|
||||
}
|
||||
|
||||
this.setData({
|
||||
bank_card_id: response.data.bank_card_id,
|
||||
bank_img_path: response.data.bank_img_path,
|
||||
bank_name: response.data.bank_name,
|
||||
bank_card_code_mask: response.data.bank_card_code_mask
|
||||
})
|
||||
}).catch(errors => {
|
||||
console.error(errors);
|
||||
})
|
||||
},
|
||||
go(e){
|
||||
console.log(e)
|
||||
let url = e.currentTarget.dataset.url;
|
||||
app.go(url+"?bank_card_id="+this.data.bank_card_id);
|
||||
}
|
||||
|
||||
})
|
||||
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"t-image": "tdesign-miniprogram/image/image",
|
||||
"t-icon": "tdesign-miniprogram/icon/icon",
|
||||
"van-button": "@vant/weapp/button/index"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
<!-- 我的银行卡页面 -->
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container" style="height: calc(100vh - 96rpx - {{height}}px);">
|
||||
<view class="help">
|
||||
<view class="help_title">
|
||||
<text wx:if="{{ !banklist_empty }}">我的银行卡</text>
|
||||
</view>
|
||||
<view class="help_note">
|
||||
操作手册-银行卡<t-icon size="26rpx" style="display: inline-block;" name="chevron-right" size="48rpx" data-name="chevron-right" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="bankcard_empty_box" wx:if="{{ banklist_empty }}">
|
||||
<view class="bankcard_empty">
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/bankcard_empty.png" mode="heightFix" width="200rpx" aria-label="空" />
|
||||
</view>
|
||||
<van-button data-url="/Pages/yishi/bindcard/index" bind:click="go" custom-style="font-size: 30rpx;border-radius: 10rpx;background-color:#3CC7C0;border: none;width: 92vw;margin: 50rpx auto;" type="primary" block>添加结算银行卡</van-button>
|
||||
<view class="note">提示:每人只能绑定一张银行卡,银行卡绑定成功后每月只能修改结算银行卡一次,请谨慎绑定。</view>
|
||||
</view>
|
||||
<view class="bankcard_list" wx:if="{{ !banklist_empty }}">
|
||||
<view class="bankcard_list_item">
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/bankcard/gs.png" mode="widthFix" width="100%" aria-label="空" />
|
||||
<view class="bankcard_list_item_name">{{bank_name}}</view>
|
||||
<view class="bankcard_list_item_num">{{bank_card_code_mask}}</view>
|
||||
</view>
|
||||
<!-- <view class="bankcard_list_item">
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/bankcard/ny.png" mode="widthFix" width="100%" aria-label="空" />
|
||||
<view class="bankcard_list_item_name">中国农业银行</view>
|
||||
<view class="bankcard_list_item_num">3034 **** **** **** 2698</view>
|
||||
</view> -->
|
||||
<!-- <view class="bankcard_list_item">
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/bankcard/js.png" mode="widthFix" width="100%" aria-label="空" />
|
||||
<view class="bankcard_list_item_name">中国建设银行</view>
|
||||
<view class="bankcard_list_item_num">3034 **** **** **** 2698</view>
|
||||
</view> -->
|
||||
|
||||
<van-button data-url="/Pages/yishi/bindcard/index" bind:click="go" custom-style="font-size: 30rpx;border-radius: 10rpx;background-color:#3CC7C0;border: none;width: 92vw;margin: 50rpx auto;" type="primary" block>更换银行卡</van-button>
|
||||
<view class="note">
|
||||
<text>提示: 1、每人只能绑定一张银行卡,银行卡绑定成功后才可提取问诊费,请谨慎绑定。
|
||||
2、每人每月限定只能修改一次结算银行卡。</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,60 @@
|
||||
.container{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
.help{
|
||||
display: flex;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.help_title{
|
||||
padding-left: 4vw;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
font-size: 44rpx;
|
||||
color: #333;
|
||||
}
|
||||
.help_note{
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.bankcard_empty{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.note{
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
width: 92vw;
|
||||
margin: 0 auto;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.bankcard_list{
|
||||
width: 92vw;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.bankcard_list_item{
|
||||
position: relative;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.bankcard_list_item_name{
|
||||
position: absolute;
|
||||
top: 45rpx;
|
||||
left: 130rpx;
|
||||
font-size: 34rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.bankcard_list_item_num{
|
||||
position: absolute;
|
||||
top: 120rpx;
|
||||
left: 130rpx;
|
||||
font-size: 30rpx;
|
||||
color: #FFFFFF;
|
||||
height: 30rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user