TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

能量碎片接口页面处理

Browse Source
This commit is contained in:
张冬雪
2021-09-27 16:21:08 +08:00
parent d6af7dca6c
commit bb0e42104a
7 changed files with 120 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apis/interfaces/withdraws.js
View File

@@ -82,7 +82,14 @@ const withdrawsIndexLists = (data) => {
}) })
} }
// // 能量碎片记录
const userAccoutScores = (data) => {
return request({
url: 'user/account/scores',
method: 'get',
data: data
})
}
export { export {
accountsCreate, accountsCreate,
@@ -93,5 +100,6 @@ export {
withdrawsAccountsDelete, withdrawsAccountsDelete,
withdrawsIndexCreate, withdrawsIndexCreate,
withdrawsIndex, withdrawsIndex,
withdrawsIndexLists withdrawsIndexLists,
userAccoutScores
} }

2
components/property/record.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<block v-if="list.length > 0"> <block v-if="list.length > 0">
<view class="record--item" v-for="(item, index) in list" :key="index"> <view class="record--item" v-for="(item, index) in list" :key="index" v-if="item">
<view class="title ellipsis">{{item.hash || '-'}}</view> <view class="title ellipsis">{{item.hash || '-'}}</view>
<view class="time ellipsis">{{item.block_time || '-'}}</view> <view class="time ellipsis">{{item.block_time || '-'}}</view>
<view class="webkit-box variation"> <view class="webkit-box variation">

1
pages/wallet/addBank.vue
View File

@@ -173,6 +173,7 @@
duration: 3000 duration: 3000
}) })
setTimeout(res => { setTimeout(res => {
uni.setStorageSync('refresh',true)
uni.navigateBack({}) uni.navigateBack({})
}, 3000) }, 3000)
}).catch(err => { }).catch(err => {

13
pages/wallet/bankList.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<view class="selectCard"> <view class="selectCard">
<view class="bankInfo" v-for="(item,index) in lists" :key='index' <view class="bankInfo" v-if="lists.length>0" v-for="(item,index) in lists" :key='index'
@longpress='delBank(item.bank_account_id,index)'> @longpress='delBank(item.bank_account_id,index)'>
<image class="bankLogin" @click="selectBank(item)" :src="item.bank.cover" mode="widthFix" /> <image class="bankLogin" @click="selectBank(item)" :src="item.bank.cover" mode="widthFix" />
<view class="right" @click="selectBank(item)"> <view class="right" @click="selectBank(item)">
@@ -13,8 +13,10 @@
</view> </view>
</view> </view>
<u-icon name="edit-pen-fill" @click='editBank(item.bank_account_id)' color="rgba(255,255,255,0.6)" <u-icon name="edit-pen-fill" @click='editBank(item.bank_account_id)' color="rgba(255,255,255,0.6)"
size='60' /> size='50' />
</view> </view>
<!-- 无列表 -->
<no-list v-if="lists.length === 0" name='no-shop' txt="没有任何提现银行 ~ " />
<!-- <u-toast ref="uToast" /> --> <!-- <u-toast ref="uToast" /> -->
<u-toast ref="uToast" /> <u-toast ref="uToast" />
</view> </view>
@@ -96,6 +98,10 @@
withdrawsAccountsDelete(id).then(res => { withdrawsAccountsDelete(id).then(res => {
console.log(res) console.log(res)
that.lists.splice(index, 1) that.lists.splice(index, 1)
if(that.lists.length === 0){
uni.navigateBack({})
uni.setStorageSync('refresh',true)
}
}).catch(err => { }).catch(err => {
this.$refs.uToast.show({ this.$refs.uToast.show({
title: err.message, title: err.message,
@@ -147,7 +153,8 @@
z-index: 1; z-index: 1;
.bankLogin { .bankLogin {
width: 80rpx; width: 70rpx;
height: 70rpx;
opacity: .9; opacity: .9;
} }

65
pages/wallet/extract.vue
View File

@@ -15,7 +15,8 @@
提现至银行卡 提现至银行卡
<view class="right"> <view class="right">
<view class="cardName" v-if="bank_accounts === 0" @click="addBanks">添加银行卡</view> <view class="cardName" v-if="bank_accounts === 0" @click="addBanks">添加银行卡</view>
<view class="cardName" v-if='bank_accounts>0' @click="bankLists">{{bankInfo.name?bankInfo.name:'选择银行卡'}}</view> <view class="cardName" v-if='bank_accounts>0' @click="bankLists">{{bankInfo.name?bankInfo.name:'选择银行卡'}}
</view>
<uni-icons type="arrowright" size="12" color="#fff" /> <uni-icons type="arrowright" size="12" color="#fff" />
</view> </view>
</view> </view>
@@ -29,7 +30,7 @@
<view class="all" @click="all">全部提现</view> <view class="all" @click="all">全部提现</view>
</view> </view>
</view> </view>
<view class="total" v-if="total">≈ ￥{{total}} </view> <view class="total" v-if="total">≈ ￥{{total.toFixed(2)}} </view>
<view class="btn" @click="actions">提现至银行卡</view> <view class="btn" @click="actions">提现至银行卡</view>
<view class="des">预计5- 10个工作日到账 手续费: {{tax}}%</view> <view class="des">预计5- 10个工作日到账 手续费: {{tax}}%</view>
</view> </view>
@@ -45,19 +46,22 @@
return { return {
balance: 0, // 钱包能量球数量 balance: 0, // 钱包能量球数量
tax: 0, // 当前手续费 tax: 0, // 当前手续费
cost:1,// 每个能量球的价格 cost: 1, // 每个能量球的价格
total:0,// 约合人民币 total: 0, // 约合人民币
card: '', // 银行卡号 card: '', // 银行卡号
withdraw_input: '', // 提现能量球数量 withdraw_input: '', // 提现能量球数量
bank_accounts: 0, bank_accounts: 0,
bankInfo:{} bankInfo: {}
}; };
}, },
onLoad() { onLoad() {
this.getInfo() this.getInfo()
}, },
onReachBottom() { onShow() {
if (uni.getStorageSync('refresh')) {
this.bankInfo = {}
this.getInfo()
}
}, },
methods: { methods: {
// 提现基本信息 // 提现基本信息
@@ -67,6 +71,7 @@
this.tax = res.tax this.tax = res.tax
this.cost = res.cost this.cost = res.cost
this.bank_accounts = res.bank_accounts.length this.bank_accounts = res.bank_accounts.length
uni.setStorageSync('refresh', false)
}).catch(err => { }).catch(err => {
uni.showToast({ uni.showToast({
title: err.message, title: err.message,
@@ -104,35 +109,49 @@
} }
}, },
// 提现 // 提现
actions(){ actions() {
let data = { let data = {
bank_account_id:this.bankInfo.bank_account_id, bank_account_id: this.bankInfo.bank_account_id,
amount:Number(this.withdraw_input) amount: Number(this.withdraw_input)
} }
if(data.bank_account_id === undefined || data.bank_account_id === null || data.bank_account_id === ''){ if (data.bank_account_id === undefined || data.bank_account_id === null || data.bank_account_id === '') {
uni.showToast({ uni.showToast({
title:this.bank_accounts>0?'请选择银行卡':'请添加银行卡', title: this.bank_accounts > 0 ? '请选择银行卡' : '请添加银行卡',
icon:'none' icon: 'none'
})
return;
}
if (data.amount === 0) {
uni.showToast({
title: '请输入能量球数量',
icon: 'none'
}) })
return; return;
} }
uni.showModal({ uni.showModal({
title:'温馨提示', title: '温馨提示',
content:'您是否确认提现，将会扣除' +this.tax+'%手续费' , content: '您是否确认提现，将会扣除' + this.tax + '%手续费',
confirmColor:'#7c52fc', confirmColor: '#7c52fc',
cancelColor:'#cacaca', cancelColor: '#cacaca',
cancelText:'我再想想', cancelText: '我再想想',
confirmText:'确认提现', confirmText: '确认提现',
success: (res) => { success: (res) => {
if(res.confirm){ if (res.confirm) {
withdrawsIndex(data).then(res=>{ uni.showLoading({
title:'提交中'
})
withdrawsIndex(data).then(res => {
uni.showToast({ uni.showToast({
title:res.message, title: res,
icon:'none' icon: 'none',
duration:3000
}) })
this.withdraw_input = '' this.withdraw_input = ''
this.total = '' this.total = ''
setTimeout(res => {
this.getInfo() this.getInfo()
uni.hideLoading()
}, 3000)
}).catch(err => { }).catch(err => {
uni.showToast({ uni.showToast({
title: err.message, title: err.message,

77
pages/wallet/fragment.vue
View File

@@ -10,11 +10,8 @@
<view :class="['record-top-item',type==='day'?'selectTopItem':'']" <view :class="['record-top-item',type==='day'?'selectTopItem':'']"
@click="selectType('day')">日账单</view> @click="selectType('day')">日账单</view>
</view> </view>
<view class="record-mouth-year">
<view class="record-type-right"> <!-- <view class="record-mouth-year">
<view class="record-title">碎片个数</view>
<view class="record-money">{{account || '0.00'}} <span>个</span> </view>
</view>
<view class="record-type-left"> <view class="record-type-left">
<u-picker mode="time" v-model="show" :params="params" <u-picker mode="time" v-model="show" :params="params"
@confirm ='confirm' title ='筛选日期' start-year='2021' :end-year='currentYear'/> @confirm ='confirm' title ='筛选日期' start-year='2021' :end-year='currentYear'/>
@@ -23,9 +20,23 @@
<uni-icons type="arrowdown" color="#fff" size="12" /> <uni-icons type="arrowdown" color="#fff" size="12" />
</view> </view>
</view> </view>
</view> -->
<view class="record-mouth-year">
<view class="record-type-left">
<u-picker mode="time" v-model="show" :params="params" @confirm ='confirm' title ='筛选日期' start-year='2021' :end-year='currentYear'/>
<view @click="show = true">
{{date?date:'选择日期'}}
<uni-icons type="arrowdown" color="#fff" size="12" />
</view> </view>
<!-- <view class="record-title">碎片个数</view> </view>
<view class="record-money"><span>￥</span>{{account || '0.00'}}</view> --> <view class="record-type-right">
<view :class="['pay_type_item',cointype==='all'?'pay_type_item_select':'']" @click="selectCoinType('all')">全部</view>
<view :class="['pay_type_item',cointype==='1'?'pay_type_item_select':'']" @click="selectCoinType('1')">待发放</view>
<view :class="['pay_type_item',cointype==='0'?'pay_type_item_select':'']" @click="selectCoinType('0')">已发放</view>
</view>
</view>
<view class="record-title">当前碎片个数</view>
<view class="record-money">{{score || '0.00'}} <span>个</span></view>
</view> </view>
<!-- 列表。。。 --> <!-- 列表。。。 -->
@@ -34,10 +45,10 @@
<image src="/static/imgs/record-icon.png" mode="widthFix" class="record-icon" /> <image src="/static/imgs/record-icon.png" mode="widthFix" class="record-icon" />
<view class=""> <view class="">
<view class="record-list-item-top"> <view class="record-list-item-top">
<view class="title ellipsis-2">完成任务获得碎片</view> <view class="title ellipsis-2">{{item.remark}}</view>
<view class="money" >{{cointype==='in'?'+':'-'}}5</view> <view class="money" >{{item.amount}}</view>
</view> </view>
<view class="record-list-item-date">2021-12-22 12:12:12</view> <view class="record-list-item-date">{{item.created_at}}</view>
</view> </view>
</view> </view>
</view> </view>
@@ -50,15 +61,14 @@
</template> </template>
<script> <script>
import {chaineb} from '@/apis/interfaces/mine'; import {userAccoutScores} from '@/apis/interfaces/withdraws';
export default { export default {
data() { data() {
return { return {
lists:[1,1.1,1,1], lists:[],
has_next_page:true, has_next_page:true,
page:1, page:1,
type:'year', // 统计类型day日，month月，year年 type:'year', // 统计类型day日，month月，year年
cointype:'in',// in 收入 out 支出
date:new Date().toISOString().slice(0,4), // 日：Y-m-d，月Y-m，年Y date:new Date().toISOString().slice(0,4), // 日：Y-m-d，月Y-m，年Y
params: { params: {
year: true, year: true,
@@ -69,10 +79,11 @@
currentDay:new Date().toISOString().slice(0,10), currentDay:new Date().toISOString().slice(0,10),
currentMonth:new Date().toISOString().slice(0,7), currentMonth:new Date().toISOString().slice(0,7),
currentYear:new Date().toISOString().slice(0,4), currentYear:new Date().toISOString().slice(0,4),
account:'' score:'',
cointype:'all'
} }
}, },
onLoad(){ onShow(){
this.getList() this.getList()
}, },
onReachBottom(){ onReachBottom(){
@@ -94,12 +105,13 @@
page:this.page, page:this.page,
type:this.type, type:this.type,
date:this.date, date:this.date,
cointype:this.cointype frozen:this.cointype
} }
chaineb(data).then(res => { userAccoutScores(data).then(res => {
this.account = res.account console.log(res)
this.lists = this.lists.concat(res.lists) this.score = res.score
this.has_next_page = res.has_next_page this.lists = this.lists.concat(res.lists.data)
this.has_next_page = res.lists.page.has_more
}).catch(err => { }).catch(err => {
this.$refs.uToast.show({ this.$refs.uToast.show({
title: err.message, title: err.message,
@@ -149,8 +161,8 @@
this.type = type this.type = type
this.params= { this.params= {
year: true, year: true,
month: false, month: true,
day: false day: true
} }
this.date = this.currentDay this.date = this.currentDay
this.reset() this.reset()
@@ -183,7 +195,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.Record { .Record {
width: 100%; width: 100%;
height: 100vh; min-height: 100vh;
padding-top: 30rpx; padding-top: 30rpx;
background-color: #fff; background-color: #fff;
} }
@@ -224,6 +236,11 @@
// padding-top: 20rpx; // padding-top: 20rpx;
position: relative; position: relative;
top: 20rpx; top: 20rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
box-sizing: border-box;
} }
} }
@@ -236,14 +253,14 @@
} }
.record-top { .record-top {
width: calc(100% - 60rpx); width: calc(100% - 60rpx);
height: 360rpx; // height: 360rpx;
background-image: linear-gradient(to right, #7c52fc, #976dff); background-image: linear-gradient(to right, #7c52fc, #976dff);
box-shadow: 0 10rpx 20rpx 0rpx rgba($color: #976dff, $alpha: 0.4); box-shadow: 0 10rpx 20rpx 0rpx rgba($color: #976dff, $alpha: 0.4);
margin: 0 30rpx; margin: 0 30rpx;
border-radius: 20rpx; border-radius: 20rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
padding: 10rpx 50rpx 20rpx 50rpx; padding: 30rpx 30rpx 50rpx 50rpx;
z-index: 1; z-index: 1;
.record-bg { .record-bg {
@@ -283,7 +300,7 @@
z-index: 2; z-index: 2;
color: #fff; color: #fff;
font-size: 30rpx; font-size: 30rpx;
margin-top: 20rpx; // margin-top: 20rpx;
.record-type-left { .record-type-left {
display: flex; display: flex;
@@ -299,15 +316,14 @@
.record-type-right { .record-type-right {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
align-items: flex-start; align-items: center;
justify-content: flex-start; justify-content: flex-start;
box-sizing: border-box; box-sizing: border-box;
font-size: 24rpx; font-size: 24rpx;
flex: 1;
.pay_type_item { .pay_type_item {
margin: 0 10rpx; // margin: 0 10rpx;
padding: 2rpx 20rpx; padding: 2rpx 20rpx;
border-radius: 30rpx; border-radius: 30rpx;
border: solid 1rpx rgba($color: #000000, $alpha: 0); border: solid 1rpx rgba($color: #000000, $alpha: 0);
@@ -322,6 +338,7 @@
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
padding:0 0 20rpx 0; padding:0 0 20rpx 0;
margin-top: 30rpx;
} }
.record-money { .record-money {

18
pages/wallet/property.vue
View File

@@ -4,10 +4,10 @@
<image src="/static/imgs/account-bg.png" mode="aspectFill" class="record-bg" /> <image src="/static/imgs/account-bg.png" mode="aspectFill" class="record-bg" />
<view class="propery-content"> <view class="propery-content">
<view class="currency">能量球钱包 <view class="currency">能量球钱包
<!-- <span>(≈ {{ price || '0.00' }} CNY)</span> --> <span>(≈ {{ price || '0.00' }} CNY)</span>
</view> </view>
<view class="balance">{{ balance.balance || '0.00' }}</view> <view class="balance">{{ balance.balance || '0.00' }}</view>
<view class="frozen">{{ balance.frozen || '0.00' }} 冻结中</view> <!-- <view class="frozen">{{ balance.frozen || '0.00' }} 冻结中</view> -->
<view class="balance-flex"> <view class="balance-flex">
<view class="balance-flex-item" @click="showAddress">区块链地址</view> <view class="balance-flex-item" @click="showAddress">区块链地址</view>
<!-- <view class="balance-flex-item" @click="showPrivatekey('privatekey')">我的私钥</view> --> <!-- <view class="balance-flex-item" @click="showPrivatekey('privatekey')">我的私钥</view> -->
@@ -71,23 +71,12 @@
onShow() { onShow() {
this.getsum() this.getsum()
this.getlog() this.getlog()
this.getprice()
}, },
methods: { methods: {
getsum() { getsum() {
sum().then(res => { sum().then(res => {
this.balance = res this.balance = res
}).catch(err => { this.price = res.price
uni.showToast({
icon: 'none',
title: err.message
})
})
},
getprice() {
price().then(res => {
console.log(res,'87..........')
this.price = res
}).catch(err => { }).catch(err => {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
@@ -97,7 +86,6 @@
}, },
getlog() { getlog() {
logs().then(res => { logs().then(res => {
console.log(res,'98 ...........')
this.logs = res this.logs = res
}).catch(err => { }).catch(err => {
uni.showToast({ uni.showToast({