You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
5.7 KiB
1 lines
5.7 KiB
<view style="width:100vw;height:100vh;overflow:hidden;position:relative;" class="data-v-3b7f707a"><view data-event-opts="{{[['tap',[['goGuide',['$event']]]],['touchmove',[['guideMove',['$event']]]]]}}" class="guide flex ac jc data-v-3b7f707a" style="{{'top:'+(guideTop+'px')+';'}}" bindtap="__e" catchtouchmove="__e">桩点指引</view><block wx:if="{{viewData}}"><view class="details_body flex column data-v-3b7f707a"><view class="details_header data-v-3b7f707a"><view class="details_header_information flex ac data-v-3b7f707a"><view class="oneflex data-v-3b7f707a" style="overflow:hidden;"><view class="stationItem_top_title data-v-3b7f707a" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{viewData.stationName}}</view><view class="address data-v-3b7f707a" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{viewData.address}}</view><view class=" stationItem_top_label_container flex data-v-3b7f707a"><block wx:for="{{viewData['tags']}}" wx:for-item="item" wx:for-index="index"><view class="stationItem_top_label data-v-3b7f707a" style="{{'background:'+(item.color)+';'}}" index="{{index}}">{{item.label}}</view></block></view></view><view data-event-opts="{{[['tap',[['navigation',['$event']]]]]}}" class="stationItem_distance flex data-v-3b7f707a" bindtap="__e"><uni-icons style="margin-right:10rpx;" vue-id="976a0c74-1" type="paperplane-filled" color="#476ffa" size="15" class="data-v-3b7f707a" bind:__l="__l"></uni-icons>{{''+$root.g0+' KM'}}</view></view><view class="details_header_label data-v-3b7f707a"><block wx:for="{{ChargingStationLabels}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="details_header_label_item flex ac data-v-3b7f707a"><image mode="widthFix" src="{{item.logo}}" class="data-v-3b7f707a"></image><text class="oneflex data-v-3b7f707a">{{item.title}}</text></view></block></view></view><view class="details_center oneflex data-v-3b7f707a"><view class="details_center_title data-v-3b7f707a">充电桩</view><view class="flex data-v-3b7f707a" style="margin-bottom:10rpx;align-items:flex-end;"><text class="oneflex data-v-3b7f707a">{{"当前时段："+viewData.currentTimeInterval}}</text><text class="totalPrice data-v-3b7f707a">{{"￥"+$root.g1+" /度"}}</text><text class="totalPrice_old data-v-3b7f707a">{{"￥"+$root.g2+" /度"}}</text></view><view class="data-v-3b7f707a"><text class="data-v-3b7f707a">电费:<text class="blue data-v-3b7f707a">{{$root.g3+"元/度"}}</text></text><text style="margin-left:41rpx;" class="data-v-3b7f707a">服务费:<text class="blue data-v-3b7f707a">{{''+$root.g4+"元/度"}}</text></text></view><view class="details_center_label flex data-v-3b7f707a"><view data-event-opts="{{[['tap',[['goChargingPorts',['1']]]]]}}" class="details_center_label_item flex ac data-v-3b7f707a" bindtap="__e"><view class="stationItem_bottom_label flex ac data-v-3b7f707a"><view class="stationItem_bottom_label_logo flex ac jc data-v-3b7f707a">快</view><text class="data-v-3b7f707a">{{viewData.fastChargingIdleRatio}}</text></view><view class="flex ac data-v-3b7f707a"><text style="font-size:22rpx;" class="data-v-3b7f707a">详情</text><uni-icons vue-id="976a0c74-2" type="forward" color="#121836" size="15" class="data-v-3b7f707a" bind:__l="__l"></uni-icons></view></view><view data-event-opts="{{[['tap',[['goChargingPorts',['2']]]]]}}" class="details_center_label_item flex ac data-v-3b7f707a" bindtap="__e"><view class="stationItem_bottom_label flex ac data-v-3b7f707a"><view class="stationItem_bottom_label_logo flex ac jc data-v-3b7f707a" style="border-color:#36658DFF;color:#36658DFF;">慢</view><text class="data-v-3b7f707a">{{viewData.slowChargingIdleRatio}}</text></view><view class="flex ac data-v-3b7f707a"><text style="font-size:22rpx;" class="data-v-3b7f707a">详情</text><uni-icons vue-id="976a0c74-3" type="forward" color="#121836" size="15" class="data-v-3b7f707a" bind:__l="__l"></uni-icons></view></view><view data-event-opts="{{[['tap',[['goChargingPorts',['3']]]]]}}" class="details_center_label_item flex ac data-v-3b7f707a" bindtap="__e"><view class="stationItem_bottom_label flex ac data-v-3b7f707a"><view class="stationItem_bottom_label_logo flex ac jc data-v-3b7f707a" style="border-color:#F67A22FF;color:#F67A22FF;">其他</view><text class="data-v-3b7f707a">{{viewData.otherIdleRatio}}</text></view><view class="flex ac data-v-3b7f707a"><text style="font-size:22rpx;" class="data-v-3b7f707a">详情</text><uni-icons vue-id="976a0c74-4" type="forward" color="#121836" size="15" class="data-v-3b7f707a" bind:__l="__l"></uni-icons></view></view></view><view data-event-opts="{{[['tap',[['goPeriodPrice',['$event']]]]]}}" class="details_center_title data-v-3b7f707a" style="text-decoration:underline;" bindtap="__e">价格详情</view></view><view class="details_footer flex ac data-v-3b7f707a"><view class="flex oneflex data-v-3b7f707a"><view data-event-opts="{{[['tap',[['collect',['$event']]]]]}}" class="flex column ac data-v-3b7f707a" bindtap="__e"><image style="height:45rpx;" mode="heightFix" src="{{viewData.collected?'../../../static/scs.png':'../../../static/sc.png'}}" class="data-v-3b7f707a"></image><view class="label_text data-v-3b7f707a">收藏</view></view><view data-event-opts="{{[['tap',[['freeTell',['$event']]]]]}}" class="flex column ac data-v-3b7f707a" style="margin-left:55rpx;" bindtap="__e"><image style="height:45rpx;" mode="heightFix" src="../../../static/kf.png" class="data-v-3b7f707a"></image><view class="label_text data-v-3b7f707a">联系客服</view></view></view><view data-event-opts="{{[['tap',[['scanCode',['$event']]]]]}}" class="details_footer_button flex ac jc data-v-3b7f707a" bindtap="__e">扫码充电</view></view></view></block><block wx:else><view class="data-v-3b7f707a"><skeleton vue-id="976a0c74-5" class="data-v-3b7f707a" bind:__l="__l"></skeleton></view></block></view> |