锶源昆仑会员+体验官
This commit is contained in:
99
pages/account/bankAdd/index.js
Normal file
99
pages/account/bankAdd/index.js
Normal file
@@ -0,0 +1,99 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
banksArr : [], //银行列表
|
||||
banksIndex: 0, //银行列表下标
|
||||
banksId : '', //银行列表id
|
||||
disabled : false ,// 提交按钮状态
|
||||
bankData : '', //编辑信息
|
||||
ediStatet : '', //是否为编辑
|
||||
bankId : '',
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
if (options) {
|
||||
this.setData({
|
||||
ediStatet: options.edistatet,
|
||||
bankId : options.bankid
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
// 获取账户前置
|
||||
this.createInfo();
|
||||
|
||||
// 获取编辑信息前置
|
||||
if( this.data.ediStatet == 'compile') {
|
||||
this.createEdit();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 账户前置
|
||||
*/
|
||||
createInfo() {
|
||||
wx.$api.user.create().then(res => {
|
||||
this.setData({
|
||||
banksArr: res.data.banks
|
||||
})
|
||||
}).catch(err => {})
|
||||
},
|
||||
|
||||
/**
|
||||
* 选择银行
|
||||
*/
|
||||
banksBind(e) {
|
||||
this.setData({
|
||||
banksIndex: e.detail.value
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 编辑信息前置
|
||||
*/
|
||||
createEdit() {
|
||||
wx.$api.user.bankEdit(this.data.bankId).then(res => {
|
||||
let areasValue = res.data.banks.findIndex(val=> val.name == res.data.info.bank.name)
|
||||
this.setData({
|
||||
banksIndex: areasValue,
|
||||
bankData : res.data.info
|
||||
})
|
||||
}).catch(err => {})
|
||||
},
|
||||
|
||||
// 添加账户
|
||||
banksForm(e) {
|
||||
let value = e.detail.value
|
||||
let bankId = this.data.banksArr[this.data.banksIndex].id
|
||||
let data = {
|
||||
bank_id : bankId,
|
||||
name : value.name,
|
||||
mobile : value.mobile,
|
||||
no : value.no
|
||||
}
|
||||
let urlData = wx.$api.user.createAdd(data)
|
||||
// 编辑账户
|
||||
if(this.data.ediStatet == 'compile') urlData = wx.$api.user.bankPut(this.data.bankId,data)
|
||||
urlData.then(res => {
|
||||
this.setData({
|
||||
disabled: true
|
||||
})
|
||||
wx.navigateBack()
|
||||
}).catch(err => {})
|
||||
},
|
||||
})
|
||||
4
pages/account/bankAdd/index.json
Normal file
4
pages/account/bankAdd/index.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "添加银行卡"
|
||||
}
|
||||
28
pages/account/bankAdd/index.wxml
Normal file
28
pages/account/bankAdd/index.wxml
Normal file
@@ -0,0 +1,28 @@
|
||||
<form class="issue-form" bindsubmit="banksForm">
|
||||
<view class="issue-block">
|
||||
<view class="issue-inputs">
|
||||
<label class="issue-input-label">支行名称</label>
|
||||
<picker class="issue-inputs-input" bindchange="banksBind" value="{{banksIndex}}" range="{{banksArr}}" range-key="name">
|
||||
<view class="tabs-text">
|
||||
{{banksArr[banksIndex].name}}
|
||||
</view>
|
||||
</picker>
|
||||
<image class="issue-input-arrow" src="/static/icons/userLogin_icon.png"></image>
|
||||
</view>
|
||||
<view class="issue-inputs">
|
||||
<label class="issue-input-label">收款人</label>
|
||||
<input class="issue-inputs-input" maxlength="4" placeholder="输入收款人姓名" name="name" type="text" value="{{bankData.name}}"></input>
|
||||
</view>
|
||||
<view class="issue-inputs">
|
||||
<label class="issue-input-label">手机号</label>
|
||||
<input class="issue-inputs-input" maxlength="11" placeholder="输入收款人手机号" name="mobile" type="number" value="{{bankData.mobile}}"></input>
|
||||
</view>
|
||||
<view class="issue-inputs">
|
||||
<label class="issue-input-label">银行卡号</label>
|
||||
<input class="issue-inputs-input" placeholder="输入银行卡号" name="no" type="number" value="{{bankData.no}}"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="userdata-btn">
|
||||
<button class="issue-btn" form-type="submit" disabled="{{disabled}}">立即保存</button>
|
||||
</view>
|
||||
</form>
|
||||
88
pages/account/bankAdd/index.wxss
Normal file
88
pages/account/bankAdd/index.wxss
Normal file
@@ -0,0 +1,88 @@
|
||||
page {
|
||||
background: #f3f4f6;
|
||||
}
|
||||
|
||||
.case {
|
||||
border-bottom: 160rpx solid transparent;
|
||||
}
|
||||
|
||||
.issue-title {
|
||||
padding: 30rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.issue-block {
|
||||
background: white;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.issue-inputs {
|
||||
position: relative;
|
||||
height: 110rpx;
|
||||
line-height: 110rpx;
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.issue-input-arrow {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
position: absolute;
|
||||
top: 32rpx;
|
||||
right: 20rpx;
|
||||
}
|
||||
|
||||
.issue-input-label {
|
||||
width: 170rpx;
|
||||
}
|
||||
|
||||
.issue-inputs-input {
|
||||
padding-left: 40rpx;
|
||||
box-sizing: border-box;
|
||||
line-height: 110rpx;
|
||||
height: 110rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.uni-input-img {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30rpx;
|
||||
}
|
||||
|
||||
/* 按钮 */
|
||||
.userdata-btn {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 30rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
right: 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.issue-btn {
|
||||
background: #1d37e2;
|
||||
text-align: center;
|
||||
color: white;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-size: 34rpx;
|
||||
font-weight: normal;
|
||||
width: 100% !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.issue-btn[disabled] {
|
||||
background: #1d37e2 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
115
pages/account/bankList/index.js
Normal file
115
pages/account/bankList/index.js
Normal file
@@ -0,0 +1,115 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
createArr : [] , //列表
|
||||
page : {}, //分页信息
|
||||
type : '', //类型
|
||||
lodingStats : false, //加载状态
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
this.setData({
|
||||
type: options.type
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
// 获取我的账户
|
||||
this.createInfo();
|
||||
},
|
||||
|
||||
// 我的银行卡
|
||||
createInfo(page){
|
||||
wx.$api.user.createList({page : page || 1}).then(res => {
|
||||
let listArr = this.data.createArr,
|
||||
newData = []
|
||||
if(page == 1 || page == undefined) listArr = []
|
||||
newData = listArr.concat(res.data.data)
|
||||
this.setData({
|
||||
createArr : newData,
|
||||
page : res.data.page,
|
||||
lodingStats : false
|
||||
})
|
||||
wx.stopPullDownRefresh()
|
||||
}).catch(err => {})
|
||||
},
|
||||
|
||||
// 删除地址
|
||||
bankRemove(e){
|
||||
let newid = e.currentTarget.dataset.id
|
||||
let list = this.data.createArr
|
||||
wx.showModal({
|
||||
title : '提示',
|
||||
content : '是否删除银行卡',
|
||||
success : res=> {
|
||||
if (res.confirm) {
|
||||
wx.showLoading({
|
||||
title: '删除中',
|
||||
})
|
||||
wx.$api.user.bankDel(newid).then(res=>{
|
||||
this.setData({
|
||||
createArr: list
|
||||
})
|
||||
wx.showToast({
|
||||
title: res.data,
|
||||
icon : "none"
|
||||
})
|
||||
wx.hideLoading()
|
||||
// 获取我的账户
|
||||
this.createInfo();
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 选择地址
|
||||
*/
|
||||
BankClick(e){
|
||||
let atAdds = this.data.createArr[e.currentTarget.dataset.index]
|
||||
let pages = getCurrentPages(),
|
||||
prepage = pages[pages.length-2]
|
||||
prepage.setData({
|
||||
accounts: atAdds
|
||||
})
|
||||
wx.navigateBack()
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
// 获取我的账户
|
||||
this.createInfo();
|
||||
},
|
||||
|
||||
/**
|
||||
* 上拉加载
|
||||
*/
|
||||
onReachBottom(){
|
||||
this.setData({
|
||||
lodingStats: true
|
||||
})
|
||||
let pageNumber = this.data.page.current
|
||||
if(this.data.page.has_more){
|
||||
pageNumber++
|
||||
// 获取我的账户
|
||||
this.createInfo(pageNumber);
|
||||
}
|
||||
}
|
||||
})
|
||||
3
pages/account/bankList/index.json
Normal file
3
pages/account/bankList/index.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
55
pages/account/bankList/index.wxml
Normal file
55
pages/account/bankList/index.wxml
Normal file
@@ -0,0 +1,55 @@
|
||||
<view class="title">
|
||||
<view class="title-name">
|
||||
我的卡<text>(共{{createArr.length}}张)</text>
|
||||
</view>
|
||||
<navigator hover-class="none" url="../bankAdd/index" class="title-add">
|
||||
<image src="/static/icons/bank_add.png"></image>添加银行卡
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="list" wx:if="{{createArr.length > 0}}">
|
||||
<view class="item" wx:for="{{createArr}}" wx:key="createArr">
|
||||
<view class="item-logo">
|
||||
<image src="{{item.bank.cover}}"></image>
|
||||
</view>
|
||||
<view class="item-text">
|
||||
<view class="item-top">
|
||||
<view class="item-title">
|
||||
{{item.bank.name}}
|
||||
</view>
|
||||
<view class="item-name">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-number">
|
||||
{{item.no}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-tool">
|
||||
<view class="item-left" wx:if="{{type == 'selectBank'}}">
|
||||
<view class="item-tool-btn" bindtap="BankClick" data-index="{{index}}">
|
||||
选择此账户
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-btn">
|
||||
<navigator hover-class="none" url="../bankAdd/index?edistatet=compile&bankid={{item.bank_account_id}}" class="item-tool-btn">
|
||||
<image src="/static/icons/bank_edit.png"></image>编辑
|
||||
</navigator>
|
||||
<view class="item-tool-btn" bindtap="bankRemove" data-index="{{index}}" data-id="{{item.bank_account_id}}">
|
||||
<image src="/static/icons/bank_del.png"></image>删除
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pagesLoding" wx:if="{{lodingStats}}">
|
||||
<block wx:if="{{page.has_more}}">
|
||||
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
|
||||
</block>
|
||||
<block wx:else>
|
||||
没有更多了~
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pack-center pages-hint" wx:else>
|
||||
<image src="/static/imgs/coupon_null.png"></image>
|
||||
<view>暂无数据</view>
|
||||
</view>
|
||||
130
pages/account/bankList/index.wxss
Normal file
130
pages/account/bankList/index.wxss
Normal file
@@ -0,0 +1,130 @@
|
||||
page {
|
||||
background: #f4f5f9;
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
margin-bottom: 30rpx;
|
||||
line-height: 54rpx;
|
||||
}
|
||||
|
||||
.title-name {
|
||||
flex: 1;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.title-name text {
|
||||
color: #9d9d9d;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.title-add {
|
||||
background-color: #e2ecff;
|
||||
display: inline-block;
|
||||
font-size: 28rpx;
|
||||
line-height: 54rpx;
|
||||
padding: 0 15rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.title-add image {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
vertical-align: middle;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
|
||||
.item {
|
||||
background-image: linear-gradient(to top left, #3b61ce, #3f8ad4);
|
||||
border-radius: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
position: relative;
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.item:nth-child(even) {
|
||||
background-image: linear-gradient(to top left, #e7796e, #e35d65);
|
||||
}
|
||||
|
||||
.item-logo {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
background-color: #ffffff;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.item-logo image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.item-text {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
padding: 30rpx 30rpx 30rpx 160rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.item-top {
|
||||
display: flex;
|
||||
color: #ffffff;
|
||||
font-size: 34rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
flex: 1;
|
||||
margin-bottom: 5rpx;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.item-number {
|
||||
color: #e9f3ff;
|
||||
}
|
||||
|
||||
|
||||
.item-tool {
|
||||
display: flex;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.item-left {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.item-btn {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item-tool-btn {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.item-tool-btn {
|
||||
background-color: rgba(255, 255, 255, .4);
|
||||
color: #ffffff;
|
||||
border-radius: 6rpx;
|
||||
height: 48rpx;
|
||||
display: inline-block;
|
||||
line-height: 48rpx;
|
||||
font-size: 26rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
|
||||
.item-tool-btn image {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
vertical-align: -2rpx;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
97
pages/account/index/index.js
Normal file
97
pages/account/index/index.js
Normal file
@@ -0,0 +1,97 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
accounts : '', //数额
|
||||
logsArr : [], // 提货列表数据
|
||||
listType : 'income', //列表分类
|
||||
page : {}, //分页信息
|
||||
lodingStats : false, //加载状态
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
// 获取账户信息
|
||||
this.accountInfo()
|
||||
},
|
||||
|
||||
/**
|
||||
* 账户信息
|
||||
*/
|
||||
accountInfo(page){
|
||||
let urlPage = wx.$api.user.account
|
||||
if(this.data.listType == 'withdrawal'){
|
||||
urlPage = wx.$api.user.bankList
|
||||
}
|
||||
urlPage({
|
||||
page : page || 1
|
||||
}).then(res => {
|
||||
let listArr = this.data.logsArr,
|
||||
newData = [],
|
||||
newPage = ''
|
||||
if(page == 1 || page == undefined) listArr = []
|
||||
newData = listArr.concat(res.data.logs.data)
|
||||
newPage = res.data.logs.page
|
||||
if(this.data.listType == 'withdrawal'){
|
||||
newData = listArr.concat(res.data.lists.data)
|
||||
newPage = res.data.lists.page
|
||||
}
|
||||
this.setData({
|
||||
accounts : res.data.account,
|
||||
logsArr : newData,
|
||||
page : newPage,
|
||||
lodingStats : false
|
||||
})
|
||||
wx.stopPullDownRefresh()
|
||||
}).catch(err => {})
|
||||
},
|
||||
|
||||
/**
|
||||
* 状态筛选
|
||||
*/
|
||||
onTabs(val){
|
||||
if(this.data.listType === val.currentTarget.dataset.type) return
|
||||
this.setData({
|
||||
listType: val.currentTarget.dataset.type
|
||||
})
|
||||
// 获取账户信息
|
||||
this.accountInfo();
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
// 获取账户信息
|
||||
this.accountInfo();
|
||||
},
|
||||
|
||||
/**
|
||||
* 上拉加载
|
||||
*/
|
||||
onReachBottom(){
|
||||
this.setData({
|
||||
lodingStats: true
|
||||
})
|
||||
let pageNumber = this.data.page.current
|
||||
if(this.data.page.has_more){
|
||||
pageNumber++
|
||||
// 获取账户信息
|
||||
this.accountInfo(pageNumber);
|
||||
}
|
||||
}
|
||||
})
|
||||
4
pages/account/index/index.json
Normal file
4
pages/account/index/index.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "现金账户"
|
||||
}
|
||||
62
pages/account/index/index.wxml
Normal file
62
pages/account/index/index.wxml
Normal file
@@ -0,0 +1,62 @@
|
||||
<view class="cashBack">
|
||||
<image class="cashBack-img" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/cash_back.png" mode="aspectFill"></image>
|
||||
<view class="cashBack-text">
|
||||
<view class="cashBack-total">
|
||||
<view class="cashBack-item">
|
||||
账户总金额(元)
|
||||
<text>{{accounts.balance}}</text>
|
||||
</view>
|
||||
<navigator hover-class="none" url="../withdraw/index" class="cashBack-btn">
|
||||
提现到银行卡
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="cashBack-top">
|
||||
<view class="cashBack-item">
|
||||
昨日收益金额(元)
|
||||
<text>{{accounts.yesterday}}</text>
|
||||
</view>
|
||||
<view class="cashBack-item">
|
||||
提现金额(元)
|
||||
<text>{{accounts.withdraw}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="record">
|
||||
<view class="title">
|
||||
<text class="{{listType == 'income' ? 'active' : ''}}" bindtap="onTabs" data-type="income">账变记录</text>
|
||||
<text class="{{listType == 'withdrawal' ? 'active' : ''}}" bindtap="onTabs" data-type="withdrawal">提现记录</text>
|
||||
</view>
|
||||
<view class="list" wx:if="{{logsArr.length > 0}}">
|
||||
<view class="item" wx:for="{{logsArr}}" wx:key="logsArr">
|
||||
<view class="top">
|
||||
<view class="name">
|
||||
{{listType == 'income' ? item.remark : item.way}}
|
||||
<block wx:if="{{item.status}}">
|
||||
<view class="state {{item.status.status == 2 ? 'red' : ''}}" wx:if="{{listType == 'withdrawal'}}">
|
||||
{{item.status.status_text}}
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="time">
|
||||
{{listType == 'income' ? item.created_at : item.create_at}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="number">
|
||||
{{item.amount}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="pagesLoding" wx:if="{{lodingStats}}">
|
||||
<block wx:if="{{page.has_more}}">
|
||||
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
|
||||
</block>
|
||||
<block wx:else>
|
||||
没有更多了~
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pages-no" wx:else>
|
||||
<image src="/static/imgs/record_null.png" mode="widthFix"></image>
|
||||
<view>~暂无数据哦~</view>
|
||||
</view>
|
||||
</view>
|
||||
171
pages/account/index/index.wxss
Normal file
171
pages/account/index/index.wxss
Normal file
@@ -0,0 +1,171 @@
|
||||
page {
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.cashBack {
|
||||
width: 100%;
|
||||
border-radius: 10rpx;
|
||||
padding-top: 50%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4rpx 10rpx 6rpx #f5d473;
|
||||
}
|
||||
|
||||
.cashBack-img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.cashBack-text {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
padding: 40rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.cashBack-total {
|
||||
margin-bottom: 40rpx;
|
||||
font-size: 30rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cashBack-total text {
|
||||
display: block;
|
||||
font-size: 56rpx;
|
||||
margin-top: 10rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.cashBack-btn {
|
||||
position: absolute;
|
||||
top: 20rpx;
|
||||
right: 0;
|
||||
background-color: #000000;
|
||||
color: #ffffff;
|
||||
border-radius: 70rpx;
|
||||
line-height: 80rpx;
|
||||
padding: 0 35rpx;
|
||||
}
|
||||
|
||||
.cashBack-top {
|
||||
margin-bottom: 30rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cashBack-item {
|
||||
flex: 2;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.cashBack-item text {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 42rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.record {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
|
||||
.title text {
|
||||
display: block;
|
||||
flex: 2;
|
||||
text-align: center;
|
||||
line-height: 90rpx;
|
||||
color: #9d9d9d;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title text::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
left: calc(50% - 25rpx);
|
||||
bottom: 0;
|
||||
width: 50rpx;
|
||||
height: 6rpx;
|
||||
background-color: #000000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.title text.active {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.title text.active::after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.list {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin-bottom: 10rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.state {
|
||||
font-size: 26rpx;
|
||||
border: 2rpx solid green;
|
||||
color: green;
|
||||
border-radius: 10rpx;
|
||||
margin-left: 20rpx;
|
||||
padding: 0 10rpx;
|
||||
height: 36rpx;
|
||||
line-height: 36rpx;
|
||||
margin-top: 2rpx;
|
||||
}
|
||||
|
||||
.state.red {
|
||||
color: red;
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 26rpx;
|
||||
color: #9d9d9d;
|
||||
}
|
||||
|
||||
.number {
|
||||
line-height: 92rpx;
|
||||
text-align: right;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.pages-no {
|
||||
text-align: center;
|
||||
padding: 180rpx 0 30rpx;
|
||||
color: #9d9d9d;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.pages-no image {
|
||||
width: 180rpx;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
30
pages/account/tips/index.js
Normal file
30
pages/account/tips/index.js
Normal file
@@ -0,0 +1,30 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
})
|
||||
3
pages/account/tips/index.json
Normal file
3
pages/account/tips/index.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
9
pages/account/tips/index.wxml
Normal file
9
pages/account/tips/index.wxml
Normal file
@@ -0,0 +1,9 @@
|
||||
<view class="examine">
|
||||
<image src="http://api.siyuankunlun.com/storage/materials/2022/09/14/examine.png" mode="widthFix"></image>
|
||||
<view class="text">
|
||||
<view class="title">提交成功</view>
|
||||
<view class="time">预计审核时间:1个工作日</view>
|
||||
<view class="time">申请提现成功,等待管理员审核</view>
|
||||
</view>
|
||||
<navigator hover-class="none" open-type="navigateBack" class="return">返回</navigator>
|
||||
</view>
|
||||
33
pages/account/tips/index.wxss
Normal file
33
pages/account/tips/index.wxss
Normal file
@@ -0,0 +1,33 @@
|
||||
.examine {
|
||||
padding: 240rpx 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.examine image {
|
||||
width: 35%;
|
||||
margin: 0 auto 30rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-weight: 600;
|
||||
font-size: 42rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: #999999;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.return {
|
||||
display: inline-block;
|
||||
margin-top: 80rpx;
|
||||
background-color: #1d37e2;
|
||||
padding: 0 180rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 3rpx 6rpx 4rpx rgba(6, 34, 214, .6);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
102
pages/account/withdraw/index.js
Normal file
102
pages/account/withdraw/index.js
Normal file
@@ -0,0 +1,102 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
balance : '', //金额
|
||||
accounts : '', //账户列表
|
||||
amount : '', //提现金额
|
||||
disabled : false ,// 提交按钮状态
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
// 获取账户前置
|
||||
this.createInfo();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 账户前置
|
||||
*/
|
||||
createInfo() {
|
||||
wx.$api.user.createUser().then(res => {
|
||||
this.setData({
|
||||
balance : res.data.balance,
|
||||
accounts : res.data.bank_account
|
||||
})
|
||||
}).catch(err => {})
|
||||
},
|
||||
|
||||
/**
|
||||
* 输入商品数量
|
||||
*/
|
||||
goodsNumberInput(e) {
|
||||
let goodsNum = (e.detail.value.match(/^\d*(\.?\d{0,2})/g)[0])
|
||||
if (goodsNum > 0) {
|
||||
if(parseFloat(goodsNum) > parseFloat(this.data.balance)){
|
||||
wx.showToast({
|
||||
title: '提现金额不能大于总金额',
|
||||
icon: 'none'
|
||||
});
|
||||
return
|
||||
}
|
||||
this.setData({
|
||||
amount: goodsNum
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '商品数量不能小于1',
|
||||
icon: 'none'
|
||||
});
|
||||
this.setData({
|
||||
amount: 1
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 全部提现
|
||||
*/
|
||||
allCash() {
|
||||
this.setData({
|
||||
amount: this.data.balance
|
||||
})
|
||||
},
|
||||
|
||||
//提现
|
||||
banksForm() {
|
||||
let data = {
|
||||
bank_account_id : this.data.accounts.bank_account_id,
|
||||
amount : this.data.amount,
|
||||
type : 1
|
||||
}
|
||||
wx.$api.user.bankCash(data).then(() => {
|
||||
this.setData({
|
||||
disabled: true
|
||||
})
|
||||
|
||||
// 跳到审核页面
|
||||
wx.redirectTo({
|
||||
url: "../tips/index"
|
||||
})
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
4
pages/account/withdraw/index.json
Normal file
4
pages/account/withdraw/index.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "提现银行卡"
|
||||
}
|
||||
39
pages/account/withdraw/index.wxml
Normal file
39
pages/account/withdraw/index.wxml
Normal file
@@ -0,0 +1,39 @@
|
||||
<view class="money">
|
||||
<navigator hover-class="none" url="../withdrawList/index" class="money-logs">
|
||||
提现记录
|
||||
</navigator>
|
||||
<view class="money-tips">当前余额(元)</view>
|
||||
<view class="money-number">{{balance}}</view>
|
||||
</view>
|
||||
<form class="issue-form" bindsubmit="banksForm">
|
||||
<navigator hover-class="none" url="../bankList/index?type=selectBank" class="issue-pay" wx:if="{{accounts}}">
|
||||
<view class="name">
|
||||
到账方式
|
||||
</view>
|
||||
<view class="bank">
|
||||
<image src="{{accounts.bank.cover}}" mode="aspectFill"></image> {{accounts.bank.name}}
|
||||
</view>
|
||||
<image class="issue-input-arrow" src="/static/icons/userLogin_icon.png"></image>
|
||||
</navigator>
|
||||
<navigator hover-class="none" url="../bankList/index" class="issue-add" wx:else>
|
||||
<image src="/static/icons/banks.png" mode=""></image>添加银行账户
|
||||
</navigator>
|
||||
<view class="issue-cash">
|
||||
<view class="title">提现金额</view>
|
||||
<view class="entry">
|
||||
<view class="entry-price">
|
||||
<text>¥</text>
|
||||
<input bindblur="goodsNumberInput" type="text" placeholder="0.00" value="{{amount}}"></input>
|
||||
</view>
|
||||
<view class="entry-all" bindtap="allCash">
|
||||
全部
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips">
|
||||
输入的金额不能大于{{balance}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="userdata-btn">
|
||||
<button class="issue-btn" form-type="submit" disabled="{{disabled}}">立即提现</button>
|
||||
</view>
|
||||
</form>
|
||||
155
pages/account/withdraw/index.wxss
Normal file
155
pages/account/withdraw/index.wxss
Normal file
@@ -0,0 +1,155 @@
|
||||
page {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.money {
|
||||
background-image: linear-gradient(to bottom right, #1c37e2, #6a91dd);
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
padding: 30rpx 30rpx 50rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.money-logs {
|
||||
text-align: right;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.money-tips {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.money-number {
|
||||
line-height: 110rpx;
|
||||
font-size: 56rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.issue-form {
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.issue-pay {
|
||||
background-color: #fff;
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
line-height: 110rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.name {
|
||||
flex: 1;
|
||||
color: #1e2540;
|
||||
}
|
||||
|
||||
.bank {
|
||||
padding-right: 20rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.bank image {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
border-radius: 50%;
|
||||
margin: 40rpx 10rpx 0 0;
|
||||
}
|
||||
|
||||
.issue-input-arrow {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
position: absolute;
|
||||
top: 42rpx;
|
||||
right: 20rpx;
|
||||
}
|
||||
|
||||
.issue-add {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
line-height: 110rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.issue-add image {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
vertical-align: -6rpx;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
|
||||
.issue-cash {
|
||||
margin: 30rpx 0;
|
||||
background-color: #fff;
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #1e2540;
|
||||
}
|
||||
|
||||
.entry {
|
||||
margin: 10rpx 0 20rpx;
|
||||
border-bottom: 2rpx solid #d9dbe4;
|
||||
display: flex;
|
||||
line-height: 110rpx;
|
||||
}
|
||||
|
||||
.entry-price {
|
||||
flex: 1;
|
||||
font-weight: 600;
|
||||
font-size: 56rpx;
|
||||
color: #1e2540;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.entry-price input {
|
||||
height: 110rpx;
|
||||
line-height: 110rpx;
|
||||
font-size: 56rpx;
|
||||
}
|
||||
|
||||
.entry-price text {
|
||||
font-size: 46rpx;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
|
||||
.entry-all {
|
||||
color: #2858d0;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.tips {
|
||||
color: #c64a52;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
/* 按钮 */
|
||||
.userdata-btn {
|
||||
width: 100%;
|
||||
background: white;
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
|
||||
.issue-btn {
|
||||
background: #1d37e2;
|
||||
text-align: center;
|
||||
color: white;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-size: 34rpx;
|
||||
font-weight: normal;
|
||||
width: 100% !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.issue-btn[disabled] {
|
||||
background: #1d37e2 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
74
pages/account/withdrawList/index.js
Normal file
74
pages/account/withdrawList/index.js
Normal file
@@ -0,0 +1,74 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 愿这世界都如故事里一样 美好而动人~
|
||||
*/
|
||||
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
logsArr : [], // 提货列表数据
|
||||
score : '', //总数量
|
||||
page : {}, //分页信息
|
||||
lodingStats : false, //加载状态
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
// 获取提现记录
|
||||
this.accountInfo();
|
||||
},
|
||||
|
||||
/**
|
||||
* 提现记录
|
||||
*/
|
||||
accountInfo (page){
|
||||
wx.$api.user.bankList({
|
||||
page: page
|
||||
}).then(res => {
|
||||
let listArr = this.data.logsArr,
|
||||
newData = []
|
||||
if(page == 1 || page == undefined) listArr = []
|
||||
newData = listArr.concat(res.data.lists.data)
|
||||
this.setData({
|
||||
logsArr : newData,
|
||||
page : res.data.lists.page,
|
||||
lodingStats : false
|
||||
})
|
||||
wx.stopPullDownRefresh()
|
||||
|
||||
}).catch(err => { })
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
// 获取提现记录
|
||||
this.accountInfo();
|
||||
},
|
||||
|
||||
/**
|
||||
* 上拉加载
|
||||
*/
|
||||
onReachBottom(){
|
||||
this.setData({
|
||||
lodingStats: true
|
||||
})
|
||||
let pageNumber = this.data.page.current
|
||||
if(this.data.page.has_more){
|
||||
pageNumber++
|
||||
// 获取提现记录
|
||||
this.accountInfo(pageNumber);
|
||||
}
|
||||
}
|
||||
})
|
||||
4
pages/account/withdrawList/index.json
Normal file
4
pages/account/withdrawList/index.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "提现记录"
|
||||
}
|
||||
35
pages/account/withdrawList/index.wxml
Normal file
35
pages/account/withdrawList/index.wxml
Normal file
@@ -0,0 +1,35 @@
|
||||
<view class="list" wx:if="{{logsArr.length > 0}}">
|
||||
<view class="item" wx:for="{{logsArr}}" wx:key="index">
|
||||
<view class="top">
|
||||
<view class="name">
|
||||
{{item.way}}
|
||||
</view>
|
||||
<view class="time">
|
||||
{{item.create_at}}
|
||||
</view>
|
||||
</view>
|
||||
<block wx:if="{{item.status}}">
|
||||
<view class="state {{item.status.status == 1 ? 'green' : ''}}" wx:if="{{item.status.status == 1}}">
|
||||
{{item.status.status_text}}
|
||||
</view>
|
||||
<view class="state {{item.status.status == 2 ? 'red' : ''}}" wx:else>
|
||||
{{item.status.status_text}}
|
||||
</view>
|
||||
</block>
|
||||
<view class="number">
|
||||
{{item.amount}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="pagesLoding" wx:if="{{lodingStats}}">
|
||||
<block wx:if="{{page.has_more}}">
|
||||
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
|
||||
</block>
|
||||
<block wx:else>
|
||||
没有更多了~
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pack-center pages-hint" wx:else>
|
||||
<image src="/static/imgs/record_null.png" mode="widthFix"></image>
|
||||
<view>~暂无数据哦~</view>
|
||||
</view>
|
||||
52
pages/account/withdrawList/index.wxss
Normal file
52
pages/account/withdrawList/index.wxss
Normal file
@@ -0,0 +1,52 @@
|
||||
page {
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 26rpx;
|
||||
color: #9d9d9d;
|
||||
}
|
||||
|
||||
.state {
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
line-height: 92rpx;
|
||||
font-size: 30rpx;
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.state.green {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.state.red {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.number {
|
||||
width: 25%;
|
||||
line-height: 92rpx;
|
||||
text-align: right;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.number.active {
|
||||
color: green;
|
||||
}
|
||||
Reference in New Issue
Block a user