超冲

pages/index/index.vue

@@ -263,8 +263,19 @@
 							<text class="num">{{(stationData.electricityPrice+stationData.servicePrice).toFixed(2)}}</text>
 							<text class="unit ">元/度 起</text>
 						</view>
-					</view>
-					<view class="free">
+					</view>	
+					<view class="free" v-if="stationData.category=='超充'" >
+							<view class="fast" >
+								<view class="sp-font">
+									超
+								</view>
+								<view class="num">
+									{{stationData.fastAvailableNum}}/{{stationData.fastNum}}
+								</view>
+							</view>
+						
+						</view>
+						<view class="free" v-else>
 						<view class="fast" v-if="stationData.type == '1' || stationData.type == '1,2'">
 							<view class="fast-font">
 								快
@@ -1425,6 +1436,17 @@
 	    align-items: center;
 		.slow,.fast{
 			display: flex;
+			.sp-font{
+				width: 40rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+				border-radius: 4px;
+				background-color: #7a68f6;
+				color: #fff;
+				font-size: 28rpx;
+				text-align: center;
+				margin-right: 2rpx;
+			}
 			.fast-font{
 				width: 40rpx;
 				height: 40rpx;

pages/search/search.vue

@@ -48,8 +48,18 @@
 					<text class="num">{{(item.electricityPrice+item.servicePrice).toFixed(2)}}</text>
 					<text class="unit">元/度 起</text>
 				</view>
-			</view>
-			<view class="free">
+			</view>
+				<view class="free" v-if="item.category=='超充'" >
+					<view class="fast" >
+						<view class="sp-font ">
+							超
+						</view>
+						<view class="num">
+							{{item.fastAvailableNum}}/{{item.fastNum}}
+						</view>
+					</view>
+				</view>
+				<view class="free" v-else >
 				<view class="fast" v-if="item.fastNum">
 					<view class="fast-font">
 						快
@@ -521,6 +531,17 @@ font-weight: 600;
      align-items: center;
  	.slow,.fast{
  		display: flex;
+		.sp-font{
+			width: 40rpx;
+			height: 40rpx;
+			line-height: 40rpx;
+			border-radius: 4px;
+			background-color: #7a68f6;
+			color: #fff;
+			font-size: 28rpx;
+			text-align: center;
+			margin-right: 2rpx;
+		}
  		.fast-font{
  			width: 40rpx;
  			height: 40rpx;

pages/searchPile/searchPile.vue

@@ -175,7 +175,19 @@
 								<text class="unit">元/度 起</text>
 							</view>
 						</view>
-						<view class="free">
+						
+						<view class="free" v-if="item.category=='超充'" >
+							<view class="fast" >
+								<view class="sp-font">
+									超
+								</view>
+								<view class="num">
+									{{item.fastAvailableNum}}/{{item.fastNum}}
+								</view>
+							</view>
+						
+						</view>
+						<view class="free" v-else>
 							<view class="fast" v-if="item.type == '快充' || item.type == '快/慢'">
 								<view class="fast-font">
 									快
@@ -1716,6 +1728,17 @@ font-weight: 600;
      align-items: center;
  	.slow,.fast{
  		display: flex;
+		.sp-font{
+			width: 40rpx;
+			height: 40rpx;
+			line-height: 40rpx;
+			border-radius: 4px;
+			background-color: #7a68f6;
+			color: #fff;
+			font-size: 28rpx;
+			text-align: center;
+			margin-right: 2rpx;
+		}
  		.fast-font{
  			width: 40rpx;
  			height: 40rpx;

pages/searchPile/stationAndPile/stationDetails.vue

@@ -96,11 +96,25 @@
 				<view style="padding: 15px;" v-html="stationDetail.station.parkingSimpleDescription"></view>
 			</u-modal>
 			<view class="infos-item between " oldstyle="font-size: 16px;">
-				<view class="date"><text><img src="../../../assets/img/riLine-charging-pile-line Copy.svg" alt="">
-				</text>{{(stationDetail.station.type.indexOf('1')>=0?'直流快充':'')}}{{(stationDetail.station.type.indexOf(',')>=0?'/':'')}}{{(stationDetail.station.type.indexOf('2')>=0?'交流慢充':'')}}</view>
-				<view class="free">
+				<view class="date"><text><img src="../../../assets/img/riLine-charging-pile-line Copy.svg" alt="">
+				</text>
+					<span  v-if="stationDetail.station.category=='超充'">直流超充</span>
+					<span v-else >{{(stationDetail.station.type.indexOf('1')>=0?'直流快充':'')}}{{(stationDetail.station.type.indexOf(',')>=0?'/':'')}}{{(stationDetail.station.type.indexOf('2')>=0?'交流慢充':'')}}</span>
+				</view>
+				
+				<view class="free" v-if="stationDetail.station.category=='超充'" >
+					<view class="fast" >
+						<view class="sp-font ">
+							超
+						</view>
+						<view class="num">
+							{{stationDetail.station.fastAvailableNum}}/{{stationDetail.station.fastNum}}
+						</view>
+					</view>
+				</view>
+				<view class="free" v-else >
 					<view class="fast" v-if="stationDetail.station.type == '1' || stationDetail.station.type == '1,2'">
-						<view class="fast-font">
+						<view class="fast-font ">
 							快
 						</view>
 						<view class="num">
@@ -1982,7 +1996,18 @@
 		display: flex;
 	    align-items: center;
 		.slow,.fast{
-			display: flex;
+			display: flex;
+			.sp-font{
+							width: 20px;
+							height: 20px;
+							line-height: 20px;
+							border-radius: 4px;
+							background-color: #7a68f6;
+							color: #fff;
+							font-size: 14px;
+							text-align: center;
+							margin-right: 4px;
+						}
 			.fast-font{
 				width: 20px;
 				height: 20px;