分包医生
This commit is contained in:
zoujiandong
@@ -0,0 +1,81 @@
|
||||
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,
|
||||
record_list: [],
|
||||
current_page: 0,
|
||||
total: 0,
|
||||
per_page: 0,
|
||||
last_page: 0,
|
||||
dateVisible: false,
|
||||
select_date: '',
|
||||
years: [],
|
||||
static_host: api.getStaticHost()
|
||||
},
|
||||
onLoad(){
|
||||
let now_year = (new Date()).Format("yyyy");
|
||||
let begin_year = 2023;
|
||||
let years = [];
|
||||
for(let i=begin_year;i<=now_year;i++){
|
||||
years.push({label: i+"年", value: i+""})
|
||||
}
|
||||
this.setData({
|
||||
years: years,
|
||||
select_date: now_year+""
|
||||
})
|
||||
},
|
||||
onShow(){
|
||||
let year = this.data.select_date;
|
||||
year = Number(year);
|
||||
this.getDoctorWithdrawalRecord(year);
|
||||
},
|
||||
getDoctorWithdrawalRecord(year){
|
||||
this.setData({
|
||||
record_list: []
|
||||
})
|
||||
//获取提现数据
|
||||
api.getDoctorWithdrawalRecord({year: year}).then(response => {
|
||||
console.log(response);
|
||||
if(response.data.total > 0){
|
||||
this.setData({
|
||||
record_list: response.data.data,
|
||||
current_page: response.data.current_page,
|
||||
total: response.data.total,
|
||||
per_page: response.data.per_page,
|
||||
last_page: response.data.last_page,
|
||||
})
|
||||
}
|
||||
}).catch(errors => { console.error(errors); })
|
||||
},
|
||||
onDatePicker() {
|
||||
this.setData({ dateVisible: true });
|
||||
},
|
||||
onPickerChange(e) {
|
||||
const { key } = e.currentTarget.dataset;
|
||||
const { value } = e.detail;
|
||||
console.log('picker change:', e.detail);
|
||||
this.setData({
|
||||
select_date: value
|
||||
})
|
||||
let year = this.data.select_date;
|
||||
year = Number(year);
|
||||
this.getDoctorWithdrawalRecord(year);
|
||||
},
|
||||
onColumnChange(e) {
|
||||
const { key } = e.currentTarget.dataset;
|
||||
const { value } = e.detail;
|
||||
console.log('Column change:', e.detail);
|
||||
},
|
||||
onPickerCancel(e) {
|
||||
const { key } = e.currentTarget.dataset;
|
||||
const { value } = e.detail;
|
||||
console.log('picker Cancel:', e.detail);
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "../../../../commpents/te_navbar/index",
|
||||
"van-icon": "@vant/weapp/icon/index",
|
||||
"van-empty": "@vant/weapp/empty/index",
|
||||
"van-image": "@vant/weapp/image/index",
|
||||
"t-picker": "tdesign-miniprogram/picker/picker",
|
||||
"t-picker-item": "tdesign-miniprogram/picker-item/picker-item"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
<!-- 提现记录 -->
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<wxs src="../../../../filters/filter.wxs" module="moduleFilter"></wxs>
|
||||
<view class="container">
|
||||
<view class="top">
|
||||
<view class="top_txt" bindtap="onDatePicker">
|
||||
<view class="month">{{select_date}}年<van-icon name="arrow-down" color="#fff" size="40rpx" /></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="data_list">
|
||||
|
||||
<view class="data_item" wx:for="{{record_list}}">
|
||||
<view class="data_item_top">
|
||||
|
||||
<view class="data_item_top_content">
|
||||
<view class="namebox">
|
||||
<view class="data_item_top_icon">
|
||||
<van-image custom-style="" src="{{static_host}}/applet/doctor/static/images/yishi/bankcard/js_icon.png" fit="heightFix" height="50rpx" aria-label="role" />
|
||||
</view>
|
||||
<view class="name">{{item.account_name}}<text style="margin-left:20rpx;font-size: 28rpx;color:#999;">（尾号{{item.bank_card_code_four}}）</text></view>
|
||||
</view>
|
||||
<view class="status_box">
|
||||
<!-- 审核状态（1:审核中 2:审核通过 3:审核未通过） -->
|
||||
<view class="status {{item.examine_status==1?'paying':item.examine_status==2?'paysuccess':item.examine_status==3?'payfail':''}}">{{item.examine_status==1?'结算中':item.examine_status==2?'结算成功':item.examine_status==3?'结算失败':'未知'}}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="data_item_top_num">
|
||||
<view class="date">{{moduleFilter.transforDay(item.created_at,"noyear")}}</view>
|
||||
<view class="jine"><text class="jinename">实际到账金额：</text>￥{{item.actual_withdrawal_amount}}</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="data_item_bottom">个人所得税：￥{{item.income_tax}}</view>
|
||||
</view>
|
||||
|
||||
<van-empty description="暂无数据" wx:if="{{record_list.length == 0}}" />
|
||||
|
||||
</view>
|
||||
|
||||
<t-picker
|
||||
visible="{{dateVisible}}"
|
||||
value="{{[select_date]}}"
|
||||
data-key="date"
|
||||
title="选择年份"
|
||||
cancelBtn="取消"
|
||||
confirmBtn="确认"
|
||||
bindchange="onPickerChange"
|
||||
bindpick="onColumnChange"
|
||||
bindcancel="onPickerCancel"
|
||||
>
|
||||
<t-picker-item options="{{years}}" />
|
||||
</t-picker>
|
||||
|
||||
</view>
|
||||
@@ -0,0 +1,122 @@
|
||||
page{
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
.container{
|
||||
width: 100vw;
|
||||
}
|
||||
.top{
|
||||
width: 92vw;
|
||||
margin: 20rpx auto 0 auto;
|
||||
background-color: #3CC7C0;
|
||||
height: 150rpx;
|
||||
border-radius: 20rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.top_txt{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 110rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.data_list{
|
||||
width: 92vw;
|
||||
margin: -40rpx auto 0 auto;
|
||||
}
|
||||
.data_item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx 0 0 0;
|
||||
}
|
||||
.data_item_top{
|
||||
margin:0 30rpx;
|
||||
border-bottom: 1px solid #E7E7E7;
|
||||
}
|
||||
.data_item_top_icon{
|
||||
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.data_item_top_content{
|
||||
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
}
|
||||
.name{
|
||||
margin-left: 10rpx;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
|
||||
}
|
||||
.date{
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
margin-left: 28rpx;
|
||||
color: #999999;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.data_item_top_num{
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin:0 30rpx 25rpx;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.jinename{
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
}
|
||||
.namebox{
|
||||
display: flex;
|
||||
}
|
||||
.jine{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #FF0000;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.status_box{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.status{
|
||||
width: 125rpx;
|
||||
height: 50rpx;
|
||||
background: #FFF2E8;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.status.paying{
|
||||
background: #FFF2E8;
|
||||
color: #FA541C;
|
||||
}
|
||||
.status.paysuccess{
|
||||
background: #E2FFFE;
|
||||
color: #3CC7C0;
|
||||
}
|
||||
.status.payfail{
|
||||
background-color: #C5C5C5;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.data_item_bottom{
|
||||
padding:20rpx 30rpx 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-right: 20rpx;
|
||||
color: #666;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.t-picker__confirm{
|
||||
color: #3CC7C0 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user