<template>
|
<view class="full-page">
|
<view class="content">
|
<view class="balance">
|
<view class="header chuany-flex chuany-justify-between chuany-align-center">
|
<view class="left">
|
<view class="c-p-b-16">
|
{{identity=='enterprise'?"企业余额（元）":'收入余额（元）'}}
|
</view>
|
<text class="chuany-font50 fs-weight__500">{{balance}}</text>
|
</view>
|
<view class="right">
|
<up-button type="warning" size="small" shape="circle" @click="goMoney"
|
:text="identity=='enterprise'?'充值':'提现'"></up-button>
|
</view>
|
</view>
|
</view>
|
|
<view class="money_bag" v-if="identity=='worker'">
|
<view class="tool_wrap">
|
<view class="tool_title chuany-flex chuany-justify-between">
|
<view class="title">
|
<text>收入明细</text>
|
</view>
|
<view class="chuany-flex title_right" @click="toIncome">
|
<text class="c-m-r-10">全部</text>
|
<up-icon name="arrow-right"></up-icon>
|
</view>
|
</view>
|
<view class="" v-if="imcomeInfo&&imcomeInfo.length>0">
|
<up-cell :value="`${item.yiTiXianJine} 元`" :title="item.zhiChuShouRuName" :label="item.remark"
|
:key="index" v-for="(item,index) in imcomeInfo"></up-cell>
|
</view>
|
|
<view class="tool_content" v-else>
|
<up-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
|
</up-empty>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
onLoad() {
|
let that = this
|
that.identity = this.$db.get('identity')
|
},
|
data() {
|
return {
|
identity: '',
|
imcomeInfo: null,
|
pageIndex: 1,
|
pageSize: 20,
|
balance: '0.00'
|
}
|
},
|
onLoad() {
|
let that = this
|
this.userInfo = this.$db.get('userInfo') ? JSON.parse(this.$db.get('userInfo')) : {}
|
uni.getStorage({
|
key: 'identity',
|
success: function(res) {
|
that.identity = res.data
|
if (res.data == 'worker') {
|
if (that.userInfo.userWorker) {
|
that.balance = that.$common.moneySub(that.userInfo.userWorker.tiXianZonge, that.userInfo.userWorker.yiTiXianJine)
|
}
|
} else {
|
if (that.userInfo.userCompany) {
|
that.balance = that.userInfo.userCompany.chongZhiYue ? that.userInfo.userCompany.chongZhiYue : '0.00'
|
}
|
}
|
}
|
});
|
this.PostMyTiXianDetailListPage()
|
},
|
methods: {
|
PostMyTiXianDetailListPage() {
|
let obj = {
|
pageIndex: this.pageIndex,
|
pageSize: this.pageSize
|
}
|
this.$api.PostMyTiXianDetailListPage(obj).then(res => {
|
this.imcomeInfo = res.data.items
|
console.log(res, this.imcomeInfo, '==============');
|
})
|
},
|
toIncome() {
|
uni.navigateTo({
|
url: '/pages/income/income'
|
})
|
},
|
goMoney() {
|
if (this.identity == 'enterprise') {
|
uni.navigateTo({
|
url: '/pages/wallet/withdrawal'
|
})
|
} else {
|
uni.navigateTo({
|
url: '/pages/wallet/recharge'
|
})
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.content {
|
width: 100%;
|
height: 390rpx;
|
background-color: #fed244;
|
box-sizing: border-box;
|
padding: 50rpx 22rpx 0 22rpx;
|
|
.balance {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
background-color: #fff;
|
border-radius: 20rpx 20rpx 0 0;
|
padding: 30rpx;
|
|
.header {
|
width: 100%;
|
height: 85%;
|
box-sizing: border-box;
|
border: 1px solid #eeeff4;
|
border-radius: 15rpx;
|
padding: 25rpx;
|
background-image: linear-gradient(to bottom, #f4f5fc, #ffffff);
|
|
.left {}
|
|
.right {
|
width: 130rpx;
|
}
|
}
|
}
|
}
|
|
@import './mine.scss';
|
|
.money_bag {
|
background: #fff;
|
border-radius: 16rpx;
|
margin-top: 30rpx;
|
// padding: 20rpx 30rpx;
|
position: relative;
|
// top: 25rpx;
|
z-index: 2;
|
}
|
|
.tool_wrap {
|
.tool_title {
|
padding: 30rpx;
|
border-bottom: 2rpx solid #eee;
|
|
.title {
|
color: #333;
|
font-size: 32rpx;
|
font-weight: 700;
|
}
|
|
.title_right {
|
color: #939499;
|
}
|
}
|
|
.tool_content {
|
padding: 30rpx 0;
|
}
|
}
|
</style>
|
