样式调整

pagesFinance/statistics/list.vue

@@ -85,9 +85,9 @@
 							<view  style="    margin-top: 10px;" v-if="item.station.stationNo&&item.station.stationNo.indexOf('D')!=0" >
 								<span style="font-size: 24rpx; font-weight: normal;">平均充电量（度/枪/天）</span>
 								<span  style="float:right;">
-									<span style="font-size: 24rpx;margin-right: 8rpx;font-weight: normal;">快充枪:</span>{{(item.averageFast).toFixed(1)}} 
-									<span style="font-size: 24rpx;margin:0 8rpx;font-weight: normal;">|</span>
-									<span style="font-size: 24rpx;margin-right: 8rpx;font-weight: normal;">慢充枪:</span>{{(item.averageSlow).toFixed(1)}}
+									<span style="font-size: 24rpx;margin-right: 8rpx;font-weight: normal;" v-if="item.fastNum" >快充枪:</span>{{item.fastNum?(item.averageFast).toFixed(1):''}} 
+									<span style="font-size: 24rpx;margin:0 8rpx;font-weight: normal;"  v-if="item.fastNum&&item.slowNum">|</span>
+									<span style="font-size: 24rpx;margin-right: 8rpx;font-weight: normal;" v-if="item.slowNum" >慢充枪:</span>{{item.slowNum?(item.averageSlow).toFixed(1):''}}
 								</span>
 								
 							</view>
@@ -129,7 +129,12 @@
 						</view>
 
 						<view class="detailsline"  v-if="item.station.stationNo&&item.station.stationNo.indexOf('D')!=0"  >
-							<view class="details-row details-row-1"  >
+							<view class="details-row " 
+							 :class="{
+								 'details-row-1':item.slowNum,
+								  'details-row-2':!item.slowNum
+							 }"
+							 v-if="item.fastNum" >
 
 
 								<view class="span1">快充枪平均充电量</view>
@@ -138,7 +143,12 @@
 								</view>
 								<view class="span2" v-else>0<span>度/枪/天</span></view>
 							</view>
-							<view class="details-row " >
+							<view class="details-row " 
+							 :class="{
+							 								 
+							 		'details-row-2':!item.fastNum
+							 }"
+							 v-if="item.slowNum" >
 
 								<view class="span1">慢充枪平均充电量</view>
 								<view class="span2" v-if="item.slowNum">
@@ -462,7 +472,7 @@
 
 		.detailsline,
 		.detailsline—bottom {
-			justify-content: center;
+			//justify-content: center;
 			display: flex;
 			.details-row-where{
 				width: 50%;
@@ -499,7 +509,11 @@
 			padding-left: 0px !important;
 			border-right: 1px solid #ededed;
 		}
-
+		.details-row-2 {
+			width: 47%;
+			padding-left: 0px !important;
+			//border-right: 1px solid #ededed;
+		}
 
 	}