432 lines
8.1 KiB
Vue
432 lines
8.1 KiB
Vue
|
<template>
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="top-heder">
|
|||
|
|
<view class="t-left" @click="getback()">
|
|||
|
|
<uni-icons type="left" size="18"></uni-icons>
|
|||
|
|
</view>
|
|||
|
|
<view class="t-title">
|
|||
|
|
<text>我的钱包</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="t-you"></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="mubu">
|
|||
|
|
<view class="lan-box">
|
|||
|
|
|
|||
|
|
<view class="cont-box">
|
|||
|
|
<view class="c-left">
|
|||
|
|
<view class="c-bt">总收益（元）</view>
|
|||
|
|
<view class="c-lan">{{myindex.amount / 100 || ''}}</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="c-right" @click="gowallet()">
|
|||
|
|
<view class="dix">
|
|||
|
|
<view class="l-icon">
|
|||
|
|
<image src="../../static/detection/qtx.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
<text class="lan-text">去提现</text>
|
|||
|
|
<uni-icons type="right" color="#0D2E8D" size="16"></uni-icons>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class="cont-box">
|
|||
|
|
<view class="c-left">
|
|||
|
|
<view class="c-bt">总收益（元）</view>
|
|||
|
|
<view class="c-hei">{{myindex.totalRevenue / 100}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="c-left" style="border-left:1px solid #D2DDFD; padding-left: 15px; ">
|
|||
|
|
<view class="c-bt">已提现（元）</view>
|
|||
|
|
<view class="c-hei">{{myindex.withdrawAmount / 100}}</view>
|
|||
|
|
</view>
|
|||
|
|
</view> -->
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="bai-box" v-if="alist&&alist.length>0">
|
|||
|
|
<!-- <view class="hui">2023-08</view> -->
|
|||
|
|
<view class="on-box" v-for="(item,index) in alist" :key="index">
|
|||
|
|
<view class="on-left">
|
|||
|
|
<view class="on-img" v-if="item.type == 0">
|
|||
|
|
<image src="../../static/detection/qtx.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="on-himg" v-if="item.type == 1">
|
|||
|
|
<image src="../../static/detection/hongqb.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="">
|
|||
|
|
<view class="hei"v-if="item.type == 0">收入</view>
|
|||
|
|
<view class="hei"v-if="item.type == 1">支出</view>
|
|||
|
|
<view class="hui">{{item.createTime}}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="ob-lv" v-if="item.type == 0">+{{item.changeAmount/100}}</view>
|
|||
|
|
<view class="ob-hong" v-if="item.type == 1">-{{item.changeAmount/100}}</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="" v-else>
|
|||
|
|
<image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import config from '@/config'
|
|||
|
|
import request from '../../utils/request';
|
|||
|
|
import tabBar from'../../components/tabBar/tabBar.vue'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
msg:'3',
|
|||
|
|
user:{},
|
|||
|
|
baseUrl:'',
|
|||
|
|
partnerId:'',
|
|||
|
|
myindex:{},
|
|||
|
|
alist:[]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
this.baseUrl = this.$baseUrl
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.partnerId = uni.getStorageSync('partnerId')
|
|||
|
|
this.getindexmy()
|
|||
|
|
this.getshouru()
|
|||
|
|
},
|
|||
|
|
components:{
|
|||
|
|
tabBar,
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
async getindexmy(){
|
|||
|
|
let res = await request({
|
|||
|
|
url:'/partnerOwn/partner/accountInfo?partnerId='+this.partnerId,
|
|||
|
|
method: 'get',
|
|||
|
|
})
|
|||
|
|
this.myindex = res.data
|
|||
|
|
let ress = await request({
|
|||
|
|
url:'/partnerOwn/partner/shopInfo',
|
|||
|
|
method: 'get',
|
|||
|
|
})
|
|||
|
|
this.user = ress.data
|
|||
|
|
},
|
|||
|
|
async getshouru(){
|
|||
|
|
let data = {
|
|||
|
|
partnerId:this.partnerId,
|
|||
|
|
pageNum:1,
|
|||
|
|
pageSize:20
|
|||
|
|
}
|
|||
|
|
let res = await request({
|
|||
|
|
url:'/partnerOwn/partner/accountDetail',
|
|||
|
|
method:'get',
|
|||
|
|
params: data
|
|||
|
|
})
|
|||
|
|
this.alist = res.rows
|
|||
|
|
},
|
|||
|
|
tui(){
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url:'/pages/Login/login'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getback(){
|
|||
|
|
uni.navigateBack()
|
|||
|
|
},
|
|||
|
|
getdianpu(){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url:"/pages/my/shoporder"
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.content {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
height: calc(100vh);
|
|||
|
|
background: #F4F4F4;
|
|||
|
|
padding-top: 45px;
|
|||
|
|
}
|
|||
|
|
.top-heder{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 46px;
|
|||
|
|
background: white;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 5px 15px;
|
|||
|
|
}
|
|||
|
|
.t-title{
|
|||
|
|
font-size: 17px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
.t-left{
|
|||
|
|
width: 10%;
|
|||
|
|
}
|
|||
|
|
.t-you{
|
|||
|
|
height: 100%;
|
|||
|
|
width: 10%;
|
|||
|
|
}
|
|||
|
|
.hui{
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
.hei{
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
.ob-lv{
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #3CBC6F;
|
|||
|
|
}
|
|||
|
|
.ob-hong{
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #F52D22;
|
|||
|
|
}
|
|||
|
|
.on-img{
|
|||
|
|
width: 35px;
|
|||
|
|
height: 35px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
background: #D9E0F4;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 5px;
|
|||
|
|
opacity: 1;
|
|||
|
|
image{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.on-himg{
|
|||
|
|
width: 35px;
|
|||
|
|
height: 35px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
background: #FFDEDC;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 5px;
|
|||
|
|
opacity: 1;
|
|||
|
|
image{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.on-left{
|
|||
|
|
width: 80%;
|
|||
|
|
display: flex;
|
|||
|
|
align-content: center;
|
|||
|
|
}
|
|||
|
|
.on-box{
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10px 0px;
|
|||
|
|
border-bottom: 1px solid #EEEEEE;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.mubu{
|
|||
|
|
width: 100%;
|
|||
|
|
|
|||
|
|
background: #F4F4F4;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10px 15px;
|
|||
|
|
}
|
|||
|
|
.dix{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.touxiang{
|
|||
|
|
width: 50px;
|
|||
|
|
height: 50px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
background-color: whitesmoke;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
image{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.t-title{
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-left: 15px;
|
|||
|
|
}
|
|||
|
|
.t-tel{
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-left: 15px;
|
|||
|
|
}
|
|||
|
|
.sanxiang{
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 20px;
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-top: 30px;
|
|||
|
|
}
|
|||
|
|
.bai-box{
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
background: white;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
margin: 10px auto;
|
|||
|
|
}
|
|||
|
|
.lan-box{
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 15px;
|
|||
|
|
background: linear-gradient(90deg, #EDF4FD 0%, #E1EFFF 100%);
|
|||
|
|
border-radius: 8px;
|
|||
|
|
margin: 10px auto;
|
|||
|
|
}
|
|||
|
|
.s-box{
|
|||
|
|
width: 33%;
|
|||
|
|
border-right: 1px solid #EEEEEE;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.simg{
|
|||
|
|
width: 26px;
|
|||
|
|
height: 26px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
image{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.zc-text{
|
|||
|
|
font-size: 13px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #333333;
|
|||
|
|
margin: 5px auto;
|
|||
|
|
}
|
|||
|
|
.lan-num{
|
|||
|
|
font-size: 26px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #0D2E8D;
|
|||
|
|
}
|
|||
|
|
.hei-title{
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
.cont-box{
|
|||
|
|
margin-top: 10px;
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.c-left{
|
|||
|
|
width: 50%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.l-left{
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
// border-right: 1px solid #EEEEEE;
|
|||
|
|
// padding-right: 5px;
|
|||
|
|
}
|
|||
|
|
.c-bt{
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #666666;
|
|||
|
|
margin-bottom: 2px;
|
|||
|
|
}
|
|||
|
|
.c-lan{
|
|||
|
|
font-size: 25px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #0D2E8D;
|
|||
|
|
}
|
|||
|
|
.c-right{
|
|||
|
|
width: 122px;
|
|||
|
|
height: 35px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 50px;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
color: #0D2E8D;
|
|||
|
|
}
|
|||
|
|
.l-icon{
|
|||
|
|
width: 15px;
|
|||
|
|
height: 15px;
|
|||
|
|
image{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lan-text{
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #0D2E8D;
|
|||
|
|
margin: 0px 2px;
|
|||
|
|
}
|
|||
|
|
.c-hei{
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
.dian-box{
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 15px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.ian-box{
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 15px;
|
|||
|
|
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.dian-top{
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 5px;
|
|||
|
|
}
|
|||
|
|
.d-icon{
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
image{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.aa{
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
.on-input{
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-bottom: 1px solid #EEEEEE;
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
</style>
|