|
|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-navbar :is-back="false" :border-bottom="false" :background="background">
|
|
|
- <view class="navbar-tit">{{title}}</view>
|
|
|
- </u-navbar>
|
|
|
+
|
|
|
+ <view class="navbar-tit">{{title}}</view>
|
|
|
+
|
|
|
<view class="statisticsData" >
|
|
|
<view class="statisticsData-item">
|
|
|
<h3 style="font-size: 20px;">{{info.merchantAccountName}}</h3>
|
|
|
@@ -155,7 +155,36 @@
|
|
|
<cover-view id="pieEcharts" style="min-height:250px;">
|
|
|
|
|
|
</cover-view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <view class="statisticsChart-head" style="margin-top: 20px;">
|
|
|
+ <h4 >收益统计</h4>
|
|
|
+ <!-- <view class="navbar-screen" >
|
|
|
+ {{startTime}}至{{endTime}}
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="details" v-if="indexData.incomeMap" >
|
|
|
+ <p style="text-align: center; margin-bottom: 5px;" >{{startTime}}至{{endTime}} </p>
|
|
|
+ <view class="details-row" >
|
|
|
+ <p>投资人收入</p>
|
|
|
+ <span>{{indexData.incomeMap.incomeAmount}}元</span>
|
|
|
+ </view>
|
|
|
+ <view class="details-row" >
|
|
|
+ <p>用电度数</p>
|
|
|
+ <span>{{indexData.incomeMap.electricQuantity/10000}}度</span>
|
|
|
+ </view>
|
|
|
+ <view class="details-row" >
|
|
|
+ <p>电费收益</p>
|
|
|
+ <span>{{indexData.incomeMap.costAmount}}元</span>
|
|
|
+ </view>
|
|
|
+ <view class="details-row" >
|
|
|
+ <p>服务费收益</p>
|
|
|
+ <span><b>{{indexData.incomeMap.serviceAmount}}元</b></span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
<Tabbar :current="0" ref="tabbarMain" ></Tabbar>
|
|
|
<!-- <u-tabbar v-model="current" :list="tabbarList" active-color="#185ac6"></u-tabbar>
|
|
|
@@ -407,8 +436,42 @@
|
|
|
</style>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-
|
|
|
-
|
|
|
+ .details{
|
|
|
+ margin-top: 16px;
|
|
|
+ padding: 20px;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+
|
|
|
+ }
|
|
|
+ .details-title{
|
|
|
+ margin-bottom: 16px;
|
|
|
+ h4{
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 16px;
|
|
|
+ position: relative;
|
|
|
+ padding-left:10px;
|
|
|
+ &::after{
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ height: 12px;
|
|
|
+ width: 4px;
|
|
|
+ background-color: #27B148;
|
|
|
+ left: 0;
|
|
|
+ top:5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .details-row{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 15px;
|
|
|
+
|
|
|
+ p{
|
|
|
+ color: #37393c;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
.popup-screen{
|
|
|
padding: 20px;
|
|
|
position: relative;
|
zhengkaixin