|
|
@@ -31,7 +31,7 @@
|
|
|
<p>桩名：</p>
|
|
|
<h4>{{detail.name}}</h4>
|
|
|
</view>
|
|
|
- <view class="u-flex" @click="showTips()">
|
|
|
+ <view class="u-flex" @click="showTips()" v-if="!(detail.electricityPrice&&detail.servicePrice)">
|
|
|
<span>费用说明</span>
|
|
|
<u-icon name="error-circle" color="#1677ff" size="32"></u-icon>
|
|
|
</view>
|
|
|
@@ -57,11 +57,13 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="charge">
|
|
|
- <view class="chargeInfo" style="margin-bottom: 10px;">
|
|
|
- <p><span style="color:red">*</span>充电{{listTypeIndex==0?'时长':'金额'}} <span style="color:#1677FF;margin-left:10px ">{{getListName()}}</span></p>
|
|
|
- </view>
|
|
|
|
|
|
-
|
|
|
+
|
|
|
+ <view class="chargeInfo" v-if="!(detail.electricityPrice&&detail.servicePrice)"
|
|
|
+ style="margin-bottom: 10px;">
|
|
|
+ <p>充电{{listTypeIndex==0?'时长':'金额'}} <span style="color:#1677FF;margin-left:10px ">{{getListName()}}</span></p>
|
|
|
+
|
|
|
+ </view>
|
|
|
|
|
|
<u-subsection :list="listType" mode="subsection" active-color="#3786f4" :current="0"
|
|
|
@change="changeListType"></u-subsection>
|
|
|
@@ -102,6 +104,23 @@
|
|
|
<p v-show="listTypeIndex==0"><span style="color:red">*</span>按时间付费：需要先充值，从余额中扣费，适用会员用户。</p>
|
|
|
<p v-show="listTypeIndex==1"><span style="color:red">*</span>按金额付费：无需充值，先付费后使用，未使用完的费用原路退回。</p>
|
|
|
|
|
|
+ </view>
|
|
|
+ <view class="chargeInfo" v-if="(detail.electricityPrice&&detail.servicePrice)"
|
|
|
+ style="margin-bottom: 10px;padding-top:10px;border-top:1px solid #CDCDCD">
|
|
|
+ <view style=" display: flex;
|
|
|
+ justify-content: space-between;">
|
|
|
+ <p>充电{{listTypeIndex==0?'时长':'金额'}} <span style="color:#1677FF;margin-left:10px ">{{getListName()}}</span>
|
|
|
+
|
|
|
+ </p>
|
|
|
+ <view class="u-flex" style=" color: #1677ff;
|
|
|
+ margin-right: 5px;" @click="showTips()">
|
|
|
+ <span>费用说明</span>
|
|
|
+ <u-icon name="error-circle" color="#1677ff" size="32"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <p>电费单价：{{detail.electricityPrice}}元/千瓦时</p>
|
|
|
+ <p>服务费单价：{{detail.servicePrice}}元/千瓦时</p>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -149,13 +168,40 @@
|
|
|
</view>
|
|
|
|
|
|
<u-modal v-model="showPriceList" title="费用说明">
|
|
|
+ <view class="priceListMain">
|
|
|
+
|
|
|
+ <u-table v-if="detail.priceList.length"
|
|
|
+ align="right"
|
|
|
+ border-color="#fff" style=" padding: 20rpx;" >
|
|
|
+ <u-tr class="u-tr u-tr1">
|
|
|
+ <u-td class="u-td u-td1">充电功率</u-td>
|
|
|
+ <template v-if="detail.priceList[0].electricityPrice&&detail.priceList[0].servicePrice">
|
|
|
+ <u-td class="u-td">电费</u-td>
|
|
|
+ <u-td class="u-td">服务费</u-td>
|
|
|
+ </template>
|
|
|
+ <u-td class="u-td" v-else>费用</u-td>
|
|
|
+ </u-tr>
|
|
|
+
|
|
|
+ <u-tr class="u-tr" v-for="(item,i) in detail.priceList" >
|
|
|
+ <u-td class="u-td u-td1">{{item.minPower}}W-{{item.maxPower}}W</u-td>
|
|
|
+ <template v-if="item.electricityPrice&&item.servicePrice">
|
|
|
+ <u-td class="u-td">{{item.electricityPrice}}元/小时</u-td>
|
|
|
+ <u-td class="u-td">{{item.servicePrice}}元/小时</u-td>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <u-td class="u-td" v-else>{{item.price}}元/小时</u-td>
|
|
|
+ </u-tr>
|
|
|
+
|
|
|
+
|
|
|
+ </u-table>
|
|
|
+
|
|
|
+ <!-- <p v-for="(item,i) in detail.priceList" class="showPriceList" :key="i">{{item.minPower}}W-{{item.maxPower}}W
|
|
|
+ <span>{{item.price}}元每小时</span></p> -->
|
|
|
|
|
|
- <p v-for="(item,i) in detail.priceList" class="showPriceList" :key="i">{{item.minPower}}W-{{item.maxPower}}W
|
|
|
- <span>{{item.price}}元每小时</span></p>
|
|
|
-
|
|
|
- <p style=" padding: 15px;" v-if="detail.roundingMinute!=null&&detail.roundingMinute!=-1">
|
|
|
- 超过{{detail.roundingMinute}}分钟，按1小时记，不足{{detail.roundingMinute}}分钟，不计费</p>
|
|
|
- <p style=" padding: 15px;" v-if="detail.priceList.length==0">无费用说明或为免费充电模式</p>
|
|
|
+ <p style=" padding: 20rpx;" v-if="detail.roundingMinute!=null&&detail.roundingMinute!=-1">
|
|
|
+ 超过{{detail.roundingMinute}}分钟，按1小时记，不足{{detail.roundingMinute}}分钟，不计费</p>
|
|
|
+ <p style=" padding: 20rpx;" v-if="detail.priceList.length==0">无费用说明或为免费充电模式</p>
|
|
|
+ </view>
|
|
|
</u-modal>
|
|
|
|
|
|
<u-modal v-model="showmodel" @confirm="confirm" :showCancelButton="true" title="订单信息">
|
|
|
@@ -606,16 +652,44 @@
|
|
|
display: inline-block;
|
|
|
width: 100px;
|
|
|
}
|
|
|
+ }
|
|
|
+ .u-tr{
|
|
|
+ .u-td{
|
|
|
+ font-size: 24rpx !important;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ .u-tr1{
|
|
|
+ .u-td{
|
|
|
+ font-size: 28rpx !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .u-td1{
|
|
|
+ text-align: left !important;
|
|
|
+ }
|
|
|
+ .u-tr:nth-child(even){
|
|
|
+ background-color: rgba(245, 245, 245, 1);
|
|
|
+ .u-td{
|
|
|
+ border:rgba(245, 245, 245, 1);
|
|
|
+ background-color: rgba(245, 245, 245, 1);
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
- .showPriceList {
|
|
|
- margin-left: 20px;
|
|
|
- margin-right: 20px;
|
|
|
-
|
|
|
- span {
|
|
|
- float: right;
|
|
|
- }
|
|
|
+ .priceListMain{
|
|
|
+ p{
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ .showPriceList {
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-right: 20px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
|
|
|
.slot-wrap {
|
|
|
display: flex;
|
zhengkaixin