<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>