|
|
@@ -1,93 +1,143 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
-
|
|
|
- <view class="navbar-tit">{{title}}</view>
|
|
|
-
|
|
|
- <view class="statisticsChart" style="margin-top: 120rpx;margin-bottom: 0px">
|
|
|
- <view class="statisticsChart-head">
|
|
|
- <h4>充电统计</h4>
|
|
|
- <view class="navbar-screen ">
|
|
|
- <u-button text="月落" size="mini" class="headbotton1" style="border-radius: 10px 0 0 10px;"
|
|
|
- :type="current==1?'primary':'info'" @click="changesub(1)">按天</u-button>
|
|
|
- <u-button text="月落" size="mini" class="headbotton2" style="border-radius: 0 10px 10px 0;"
|
|
|
- :type="current==2?'primary':'info'" @click="changesub(2)">按月</u-button>
|
|
|
-
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="statisticsData">
|
|
|
-
|
|
|
- <view class="detailstableHead" style="
|
|
|
- padding-top: 1px;
|
|
|
- ">
|
|
|
- <view id="pieEcharts" style="min-height:240px;margin-top: 20px">
|
|
|
-
|
|
|
+ <view class="top-cover">
|
|
|
+ <view class="navbar-tit">
|
|
|
+ <text><img src="../../assets/img/titleIcon.svg" alt=""></text>
|
|
|
+ {{title}}</view>
|
|
|
+
|
|
|
+ <view class="income">
|
|
|
+ <!-- 今日收入 -->
|
|
|
+ <view class="today-income">
|
|
|
+ <view class="number">
|
|
|
+ 10000.00<text><img src="../../assets/img/riLine-refresh-line.svg" alt=""></text>
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ 今日收入 (元)
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="detailstableHead" v-if="indexData&&false">
|
|
|
-
|
|
|
- <view class="detailsline">
|
|
|
- <view class="details-row details-row-head-1 ">
|
|
|
-
|
|
|
- <view class="span1">今日收入</view>
|
|
|
- <view class="span2">{{indexData.todayAmount?indexData.todayAmount.toFixed(2):0}}<span>元</span>
|
|
|
+ <!-- 其他 -->
|
|
|
+ <view class="else">
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-number">
|
|
|
+ 3000.00
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="details-row details-row-head-2">
|
|
|
- <view class="span1">今日利润</view>
|
|
|
- <view class="span2">{{indexData.todayProfit?indexData.todayProfit.toFixed(2):0}}<span>元</span>
|
|
|
+ <view class="item-text">
|
|
|
+ 利润（元）
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="details-row details-row-head-3">
|
|
|
- <view class="span1">今日笔数</view>
|
|
|
- <view class="span2">{{indexData.todayEQNum?indexData.todayEQNum:0}}<span>笔</span></view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-number">
|
|
|
+ 8000.00
|
|
|
+ </view>
|
|
|
+ <view class="item-text">
|
|
|
+ 今日电量 (度)
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="detailsline">
|
|
|
- <view class="details-row details-row-head-1 ">
|
|
|
-
|
|
|
- <view class="span1">昨日收入</view>
|
|
|
- <view class="span2">
|
|
|
- {{indexData.yesterdayAmount?indexData.yesterdayAmount.toFixed(2):0}}<span>元</span>
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-number">
|
|
|
+ 10 / 2
|
|
|
+ </view>
|
|
|
+ <view class="item-text">
|
|
|
+ 6折卡/月卡 (张)
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="details-row details-row-head-2">
|
|
|
- <view class="span1">昨日利润</view>
|
|
|
- <view class="span2">
|
|
|
- {{indexData.yesterdayProfit?indexData.yesterdayProfit.toFixed(2):0}}<span>元</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <view class="statisticsData">
|
|
|
+
|
|
|
+ <view class="statisticsChart" style="padding-top:20rpx;margin-bottom: 0px">
|
|
|
+ <view class="statisticsChart-head ">
|
|
|
+ <h4 class="h4-1"><img src="../../assets/img/riFill-numbers-fill.svg" alt="">充电统计</h4>
|
|
|
+ <view class="navbar-screen ">
|
|
|
+ <u-button text="月落" size="mini" class="headbotton1" style="border-radius: 10px 0 0 10px;"
|
|
|
+ :type="current==1?'success':'info'" @click="changesub(1)">按天</u-button>
|
|
|
+ <u-button text="月落" size="mini" class="headbotton2" style="border-radius: 0 10px 10px 0;"
|
|
|
+ :type="current==2?'success':'info'" @click="changesub(2)">按月</u-button>
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="details-row details-row-head-3">
|
|
|
- <view class="span1">昨日笔数</view>
|
|
|
- <view class="span2">{{indexData.yesterdayEQNum?indexData.yesterdayEQNum:0}}<span>笔</span></view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="detailstableHead" style="
|
|
|
+ padding-top: 1px;
|
|
|
+ ">
|
|
|
+ <view id="pieEcharts" style="min-height:240px;margin-top: 20px">
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="detailsline—bottom">
|
|
|
- <view class="details-row details-row-head-1">
|
|
|
-
|
|
|
- <view class="span1">本月收入</view>
|
|
|
- <view class="span2">
|
|
|
- {{indexData.thisMonthAmount?indexData.thisMonthAmount.toFixed(2):0}}<span>元</span>
|
|
|
+ <view class="detailstableHead" v-if="indexData&&false">
|
|
|
+
|
|
|
+ <view class="detailsline">
|
|
|
+ <view class="details-row details-row-head-1 ">
|
|
|
+
|
|
|
+ <view class="span1">今日收入</view>
|
|
|
+ <view class="span2">{{indexData.todayAmount?indexData.todayAmount.toFixed(2):0}}<span>元</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="details-row details-row-head-2">
|
|
|
+ <view class="span1">今日利润</view>
|
|
|
+ <view class="span2">{{indexData.todayProfit?indexData.todayProfit.toFixed(2):0}}<span>元</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="details-row details-row-head-3">
|
|
|
+ <view class="span1">今日笔数</view>
|
|
|
+ <view class="span2">{{indexData.todayEQNum?indexData.todayEQNum:0}}<span>笔</span></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="details-row details-row-head-2">
|
|
|
- <view class="span1">本月利润</view>
|
|
|
- <view class="span2">
|
|
|
- {{indexData.thisMonthProfit?indexData.thisMonthProfit.toFixed(2):0}}<span>元</span>
|
|
|
+ <view class="detailsline">
|
|
|
+ <view class="details-row details-row-head-1 ">
|
|
|
+
|
|
|
+ <view class="span1">昨日收入</view>
|
|
|
+ <view class="span2">
|
|
|
+ {{indexData.yesterdayAmount?indexData.yesterdayAmount.toFixed(2):0}}<span>元</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="details-row details-row-head-2">
|
|
|
+ <view class="span1">昨日利润</view>
|
|
|
+ <view class="span2">
|
|
|
+ {{indexData.yesterdayProfit?indexData.yesterdayProfit.toFixed(2):0}}<span>元</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="details-row details-row-head-3">
|
|
|
+ <view class="span1">昨日笔数</view>
|
|
|
+ <view class="span2">{{indexData.yesterdayEQNum?indexData.yesterdayEQNum:0}}<span>笔</span></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="details-row details-row-head-3">
|
|
|
- <view class="span1">本月笔数</view>
|
|
|
- <view class="span2">{{indexData.thisMonthEQNum?indexData.thisMonthEQNum:0}}<span>笔</span></view>
|
|
|
+ <view class="detailsline—bottom">
|
|
|
+ <view class="details-row details-row-head-1">
|
|
|
+
|
|
|
+ <view class="span1">本月收入</view>
|
|
|
+ <view class="span2">
|
|
|
+ {{indexData.thisMonthAmount?indexData.thisMonthAmount.toFixed(2):0}}<span>元</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="details-row details-row-head-2">
|
|
|
+ <view class="span1">本月利润</view>
|
|
|
+ <view class="span2">
|
|
|
+ {{indexData.thisMonthProfit?indexData.thisMonthProfit.toFixed(2):0}}<span>元</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="details-row details-row-head-3">
|
|
|
+ <view class="span1">本月笔数</view>
|
|
|
+ <view class="span2">{{indexData.thisMonthEQNum?indexData.thisMonthEQNum:0}}<span>笔</span></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
|
|
|
+
|
|
|
|
|
|
- </view>
|
|
|
+
|
|
|
|
|
|
<u-picker mode="time" v-model="popupShow" @confirm="changedate" :default-time="queryTime" :params="params">
|
|
|
</u-picker>
|
|
|
@@ -1460,8 +1510,9 @@
|
|
|
</script>
|
|
|
<style>
|
|
|
page {
|
|
|
- background: url(../../assets/img/index_header_bg.png) no-repeat top center #f7f7f7;
|
|
|
- background-size: 100%;
|
|
|
+
|
|
|
+ /* background: url(../../assets/img/index_header_bg.png) no-repeat top center #f7f7f7;
|
|
|
+ background-size: 100%; */
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
@@ -2020,9 +2071,13 @@
|
|
|
|
|
|
.navbar-tit {
|
|
|
color: #fff;
|
|
|
- font-size: 24px;
|
|
|
+ font-size: 20px;
|
|
|
+ line-height: 20px;
|
|
|
padding-left: 15px;
|
|
|
padding-top: 10px;
|
|
|
+ text{
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.statisticsData {
|
|
|
@@ -2077,7 +2132,7 @@
|
|
|
|
|
|
.statisticsChart {
|
|
|
margin: 32rpx;
|
|
|
-
|
|
|
+
|
|
|
.statisticsChart-head {
|
|
|
margin-bottom: 10rpx;
|
|
|
display: flex;
|
|
|
@@ -2100,6 +2155,18 @@
|
|
|
top: 5px;
|
|
|
}
|
|
|
}
|
|
|
+ .h4-1{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding-left: 0;
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ img{
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+ &::after{
|
|
|
+ content: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.statisticsChart-time {
|
|
|
display: flex;
|
|
|
@@ -2118,5 +2185,43 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+ .top-cover{
|
|
|
+ // height: 470px;
|
|
|
+ // margin-bottom: 70px;
|
|
|
+ background: linear-gradient(179.94deg, rgba(0,185,98,1) 71.55%,rgba(0,196,104,0) 99.35%);
|
|
|
+ .income{
|
|
|
+ padding: 64rpx 32rpx 24rpx 32rpx;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ .today-income{
|
|
|
+
|
|
|
+ text-align: center;
|
|
|
+ .number{
|
|
|
+
|
|
|
+ font-size: 36px;
|
|
|
+
|
|
|
+ text{
|
|
|
+ margin-left: 8rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text{
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .else{
|
|
|
+ margin-top: 32rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ .item{
|
|
|
+ text-align: center;
|
|
|
+ .item-number{
|
|
|
+ font-size: 48rpx;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
</style>
|
