更新
This commit is contained in:
parent
59cb9f1fc0
commit
81e45107eb
@ -69,4 +69,9 @@ export const reSubmitApi = (data) => {
|
||||
|
||||
export const UserWithdrawListsdate_listsApi = (data) => {
|
||||
return request.get('operation/OpurchaseGoodsOffer/date_lists', data);
|
||||
}
|
||||
|
||||
// 余额明细
|
||||
export const UserBlancelistsApi = (data) => {
|
||||
return request.get('financial/FinancialRecord/supplier_list', data);
|
||||
}
|
@ -109,6 +109,13 @@
|
||||
"navigationBarTitleText": "提现明细"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/quote/balanceDetail",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarTitleText": "余额明细"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/quote/bindAccout",
|
||||
"style": {
|
||||
|
314
pages/quote/balanceDetail.vue
Normal file
314
pages/quote/balanceDetail.vue
Normal file
@ -0,0 +1,314 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- <view style="margin-top: 20rpx; display: flex;align-items: center;" @click="showDate=true">
|
||||
<text>{{ formatTimestampToYearMonth(nowTimes) }}</text> <u-icon name="arrow-down"></u-icon>
|
||||
</view> -->
|
||||
<view class="recoder" v-if="lists.length">
|
||||
<view class="card" v-for="(item,index) in lists" :key="index">
|
||||
<view class="right">
|
||||
<view class="item" style="justify-content: flex-start;">
|
||||
<text class="rest">{{item.number_sn}}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item_title">
|
||||
<text style="font-weight: 500;">{{item.financial_type }}</text>
|
||||
</view>
|
||||
<view class="item_money">+{{item.number}}</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item-time">{{item.create_time}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-empty v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
|
||||
</u-empty>
|
||||
<u-datetime-picker :show="showDate" @confirm='confirmDate' :maxDate='now' @cancel='showDate=false'
|
||||
@close='showDate=false' v-model="nowTimes" mode="year-month"></u-datetime-picker>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
UserBlancelistsApi,
|
||||
UserWithdrawIndexApi,
|
||||
} from "@/api/supplier.js"
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
keyword: '',
|
||||
total: "",
|
||||
count: "",
|
||||
nowTimes: new Date().getTime(),
|
||||
now: new Date().getTime(),
|
||||
showDate: false,
|
||||
lists: [
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
navgo(url) {
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
},
|
||||
formatTimestampToYearMonth(timestamp) {
|
||||
var date = new Date(timestamp);
|
||||
var year = date.getFullYear();
|
||||
var month = date.getMonth() + 1; // 月份是从0开始的,所以需要加1
|
||||
if (month < 10) {
|
||||
month = '0' + month; // 如果月份小于10,则在前面补零
|
||||
}
|
||||
return year + '-' + month;
|
||||
},
|
||||
confirmDate(e) {
|
||||
this.nowTimes = this.formatTimestampToYearMonth(e.value)
|
||||
this.getList()
|
||||
this.showDate = false
|
||||
},
|
||||
|
||||
async getAmount() {
|
||||
let res = await UserWithdrawIndexApi()
|
||||
this.count = res.data.count
|
||||
this.total = res.data.total
|
||||
|
||||
},
|
||||
async getList() {
|
||||
let res = await UserBlancelistsApi({
|
||||
// create_time: this.formatTimestampToYearMonth(this.nowTimes)
|
||||
})
|
||||
this.lists = res.data.lists
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
uni.showTabBar()
|
||||
this.getList()
|
||||
this.getAmount()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.getList()
|
||||
this.getAmount()
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.content {
|
||||
padding: 20rpx;
|
||||
|
||||
.head {
|
||||
padding: 28rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0rpx 4rpx 10rpx 2rpx rgba(161, 161, 161, 0.4);
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
|
||||
.head_conent {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
.line {
|
||||
width: 1rpx;
|
||||
height: 70rpx;
|
||||
background-color: #dfdfdf;
|
||||
}
|
||||
|
||||
.sum {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
color: #737373;
|
||||
font-size: 30rpx;
|
||||
|
||||
.num {
|
||||
font-size: 48.06rpx;
|
||||
margin-bottom: 15rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-bottom: 24rpx;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.recoder {
|
||||
margin-top: 20rpx;
|
||||
// padding: 0 28rpx 28rpx 28rpx;
|
||||
|
||||
.time {
|
||||
height: 42rpx;
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 45rpx;
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.icon {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
transform: rotate(90deg);
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
// width: 694rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 21rpx 21rpx 21rpx 21rpx;
|
||||
opacity: 1;
|
||||
padding: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.right {
|
||||
flex: 1;
|
||||
|
||||
.item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.rest {
|
||||
margin-right: 10rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.code {
|
||||
margin-right: 10rpx;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.legal_company {
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
background: #72BE53;
|
||||
border-radius: 6rpx;
|
||||
padding: 2rpx 10rpx;
|
||||
}
|
||||
|
||||
.legal_person {
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
background: #FF8056;
|
||||
border-radius: 6rpx;
|
||||
padding: 2rpx 10rpx;
|
||||
}
|
||||
|
||||
.item-time {
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
&_title {
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
&_money {
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #F55726;
|
||||
}
|
||||
|
||||
&_brank {
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #737373;
|
||||
line-height: 39rpx;
|
||||
}
|
||||
|
||||
&_time {
|
||||
font-size: 23rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #B3B3B3;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
|
||||
.item_status {
|
||||
border-radius: 6rpx 6rpx 6rpx 6rpx;
|
||||
padding: 2rpx 16rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.audit {
|
||||
background: rgba(38, 172, 245, .2);
|
||||
color: #26ACF5;
|
||||
}
|
||||
|
||||
.trans {
|
||||
background: rgba(245, 87, 38, .2);
|
||||
color: #F55726;
|
||||
}
|
||||
|
||||
.done {
|
||||
display: flex;
|
||||
background: rgba(70, 176, 58, .2);
|
||||
color: #46B03A;
|
||||
}
|
||||
|
||||
.lose {
|
||||
background: rgba(102, 102, 102, .2);
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
.item-title {
|
||||
justify-content: flex-start;
|
||||
|
||||
text {
|
||||
&:nth-child(1) {
|
||||
width: 198rpx;
|
||||
height: 40rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
line-height: 51rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
width: 198rpx;
|
||||
height: 40rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
line-height: 51rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.remark {
|
||||
word-wrap: break-word;
|
||||
font-size: 24rpx;
|
||||
color: #F55726;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
x
Reference in New Issue
Block a user