|
@@ -2,8 +2,9 @@
|
|
<view>
|
|
<view>
|
|
<ujp-navbar title="站点详情">
|
|
<ujp-navbar title="站点详情">
|
|
<view slot="right" style="margin-right: 10px;" @click="openModalBl=true">
|
|
<view slot="right" style="margin-right: 10px;" @click="openModalBl=true">
|
|
- <view class="iconfont qr-code">
|
|
|
|
- 
|
|
|
|
|
|
+
|
|
|
|
+ <view class="iconfont service">
|
|
|
|
+ 
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</ujp-navbar>
|
|
</ujp-navbar>
|
|
@@ -229,7 +230,7 @@
|
|
'off-line b':item.isRed&&item.workStatus!=2,
|
|
'off-line b':item.isRed&&item.workStatus!=2,
|
|
}">
|
|
}">
|
|
<view class="state-icon">
|
|
<view class="state-icon">
|
|
- <img src="../../../assets/img/pileIcon.png" alt="">
|
|
|
|
|
|
+ <img src="../../../assets/img/pileIcon.svg" alt="">
|
|
</view>
|
|
</view>
|
|
<view class="state-text" v-if="item.workStatus == 0&&item.insertStatus&&stationDetail.station.stationType!=50">
|
|
<view class="state-text" v-if="item.workStatus == 0&&item.insertStatus&&stationDetail.station.stationType!=50">
|
|
已插枪
|
|
已插枪
|
|
@@ -245,7 +246,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="state off-line" v-else>
|
|
<view class="state off-line" v-else>
|
|
<view class="state-icon">
|
|
<view class="state-icon">
|
|
- <img src="../../../assets/img/pileIcon.png" alt="">
|
|
|
|
|
|
+ <img src="../../../assets/img/pileIcon.svg" alt="">
|
|
</view>
|
|
</view>
|
|
<view class="state-text ">
|
|
<view class="state-text ">
|
|
离线
|
|
离线
|
|
@@ -301,14 +302,19 @@
|
|
</template>
|
|
</template>
|
|
<!-- 电量 -->
|
|
<!-- 电量 -->
|
|
<view class="electric-quantity"
|
|
<view class="electric-quantity"
|
|
- :class="{
|
|
|
|
|
|
|
|
- 'not-enable-Appointment2':enableAppointmentBl(item)
|
|
|
|
- }"
|
|
|
|
v-if="item.workStatus == 2 ">
|
|
v-if="item.workStatus == 2 ">
|
|
- <img src="../../../assets/img/electricQuantity.png" alt="">
|
|
|
|
- <view class="percentage">
|
|
|
|
|
|
+ <img src="../../../assets/img/electricQuantity.svg" alt="">
|
|
|
|
+ <view class="" v-if="true"
|
|
|
|
+ :class="{
|
|
|
|
+ percentage:item.soc,
|
|
|
|
+ percentage2:!item.soc
|
|
|
|
+ }">
|
|
{{item.soc?item.soc+'%':'充电中'}}
|
|
{{item.soc?item.soc+'%':'充电中'}}
|
|
|
|
+ </view>
|
|
|
|
+ <view v-else class="percentage2"
|
|
|
|
+ >
|
|
|
|
+ 充电中
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -389,17 +395,18 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 价格信息 -->
|
|
<!-- 价格信息 -->
|
|
- <view class="price-infos" v-if="pricesInfoCurrent">
|
|
|
|
|
|
+ <view class="price-infos" v-if="pricesInfoCurrent2">
|
|
<view class="title">
|
|
<view class="title">
|
|
- 价格信息<text>({{pricesInfoCurrent.startTime}}-{{pricesInfoCurrent.endTime}})</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="classify" v-if="!personInfo||personInfo.userType==1">
|
|
|
|
|
|
+ 价格信息<text>({{pricesInfoCurrent2.startTime}}-{{pricesInfoCurrent2.endTime}})</text>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="classify" v-if="(!personInfo||personInfo.userType==1)&&station&&(station.giveDiscount||(pricesInfoCurrent2.discountServicePrice))">
|
|
<view class="item item-visitor">
|
|
<view class="item item-visitor">
|
|
<view class="visitor">
|
|
<view class="visitor">
|
|
游客价
|
|
游客价
|
|
</view>
|
|
</view>
|
|
<view class="unit-price">
|
|
<view class="unit-price">
|
|
- <text>{{(pricesInfoCurrent.servicePrice+pricesInfoCurrent.electricityPrice).toFixed(2)}}</text>
|
|
|
|
|
|
+ <text>{{(pricesInfoCurrent2.servicePrice+pricesInfoCurrent2.electricityPrice).toFixed(2)}}</text>
|
|
|
|
|
|
<text class="unit">元/度</text>
|
|
<text class="unit">元/度</text>
|
|
</view>
|
|
</view>
|
|
@@ -411,12 +418,28 @@
|
|
</view>
|
|
</view>
|
|
<view class="unit-price">
|
|
<view class="unit-price">
|
|
|
|
|
|
- <text>{{pricesInfoCurrent.costPrice}}</text>
|
|
|
|
|
|
+ <text>{{pricesInfoCurrent2.costPrice.toFixed(2)}}</text>
|
|
|
|
|
|
<text class="unit">元/度</text>
|
|
<text class="unit">元/度</text>
|
|
<text class="register" @click="gotoUrl('pages/login/login')">注册</text>
|
|
<text class="register" @click="gotoUrl('pages/login/login')">注册</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="classify" v-else>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <view class="item item-member-all">
|
|
|
|
+ <view class="visitor">
|
|
|
|
+ 当前电价
|
|
|
|
+ </view>
|
|
|
|
+ <view class="unit-price">
|
|
|
|
+
|
|
|
|
+ <text>{{pricesInfoCurrent2.costPrice.toFixed(2)}}</text>
|
|
|
|
+
|
|
|
|
+ <text class="unit">元/度</text>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
<!-- 提示 -->
|
|
<!-- 提示 -->
|
|
<p class="hint">*该价格为含服务费价格,实际价格以扫码价格为准。</p>
|
|
<p class="hint">*该价格为含服务费价格,实际价格以扫码价格为准。</p>
|
|
@@ -483,7 +506,7 @@
|
|
>
|
|
>
|
|
|
|
|
|
<template v-if="station">
|
|
<template v-if="station">
|
|
- <template v-if="(personInfo&&personInfo.userType==2)&&(station.giveDiscount||(pricesInfoCurrent2.discountServicePrice))">
|
|
|
|
|
|
+ <template v-if="(personInfo&&personInfo.userType==2)&&(station.giveDiscount||(item.discountServicePrice))">
|
|
<span class="chats1" :style="'height:'+getH(item.discountServicePrice)">{{item.discountServicePrice}}</span>
|
|
<span class="chats1" :style="'height:'+getH(item.discountServicePrice)">{{item.discountServicePrice}}</span>
|
|
|
|
|
|
</template>
|
|
</template>
|
|
@@ -518,7 +541,7 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 附加信息 -->
|
|
<!-- 附加信息 -->
|
|
- <view class="overhead-infos">
|
|
|
|
|
|
+ <view class="overhead-infos" v-if="stationDetail&&(stationDetail.station.describe||stationDetail.station.parkingDescription)">
|
|
<view class="item" v-if="stationDetail.station.describe" >
|
|
<view class="item" v-if="stationDetail.station.describe" >
|
|
<view class="title">
|
|
<view class="title">
|
|
营业时间
|
|
营业时间
|
|
@@ -1280,7 +1303,32 @@
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+ .oldTextClassF{
|
|
|
|
+ .stationDetail .title{
|
|
|
|
+ font-size: 62rpx;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ .stationDetail .position .address{
|
|
|
|
+ font-size: 38rpx;
|
|
|
|
+ }
|
|
|
|
+ .stationDetail .type .type-box .box-top .pile-type{
|
|
|
|
+ font-size: 38rpx;
|
|
|
|
+ color: #101010;
|
|
|
|
+ }
|
|
|
|
+ .stationDetail .pile-state .gun-details .item .itemShowOpen .itemView .infos .gun-name{
|
|
|
|
+ font-size: 48rpx;
|
|
|
|
+ }
|
|
|
|
+ .stationDetail .price-infos .title{
|
|
|
|
+ font-size: 38rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ .service {
|
|
|
|
+ font-size: 24px;
|
|
|
|
+ color: #101010;
|
|
|
|
+
|
|
|
|
+ }
|
|
page {
|
|
page {
|
|
background-color: #F2F2F2;
|
|
background-color: #F2F2F2;
|
|
|
|
|
|
@@ -1375,19 +1423,20 @@
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
|
|
|
|
.block {
|
|
.block {
|
|
- width: 88rpx;
|
|
|
|
|
|
+ width: 96rpx;
|
|
height: 40rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
line-height: 40rpx;
|
|
border-radius: 50px;
|
|
border-radius: 50px;
|
|
background-color: rgba(0, 185, 98, 1);
|
|
background-color: rgba(0, 185, 98, 1);
|
|
color: rgba(255, 255, 255, 1);
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 22rpx;
|
|
font-size: 22rpx;
|
|
- text-align: center;
|
|
|
|
|
|
+ text-align: center;
|
|
|
|
+ padding:0 4rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.address {
|
|
.address {
|
|
width: 460rpx;
|
|
width: 460rpx;
|
|
- margin-left: 16rpx;
|
|
|
|
|
|
+ //margin-left: 16rpx;
|
|
color: rgba(16, 16, 16, 1);
|
|
color: rgba(16, 16, 16, 1);
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
line-height: 44rpx;
|
|
line-height: 44rpx;
|
|
@@ -1440,7 +1489,7 @@
|
|
}
|
|
}
|
|
.type-box {
|
|
.type-box {
|
|
//width: 334rpx;
|
|
//width: 334rpx;
|
|
- //padding: 16rpx 84rpx;
|
|
|
|
|
|
+ padding: 8rpx 0;
|
|
width: 32%;
|
|
width: 32%;
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
background-color: rgba(255, 255, 255, 1);
|
|
@@ -1592,7 +1641,7 @@
|
|
|
|
|
|
//充电中
|
|
//充电中
|
|
.charging {
|
|
.charging {
|
|
- background: linear-gradient(180deg, rgba(154, 192, 255, 1) 0%, rgba(22, 119, 255, 1) 100%);
|
|
|
|
|
|
+ background: linear-gradient(180deg, #FFC146 0%, #FF6B00 100%);
|
|
}
|
|
}
|
|
|
|
|
|
// 离线
|
|
// 离线
|
|
@@ -1662,20 +1711,37 @@
|
|
}
|
|
}
|
|
|
|
|
|
.electric-quantity {
|
|
.electric-quantity {
|
|
- width: 126rpx;
|
|
|
|
|
|
+ width: 168rpx;
|
|
height: 52rpx;
|
|
height: 52rpx;
|
|
|
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
img {
|
|
img {
|
|
- width: 100%;
|
|
|
|
|
|
+
|
|
|
|
+ width: 168rpx;
|
|
|
|
+ height: 72rpx;
|
|
}
|
|
}
|
|
|
|
+ .percentage2 {
|
|
|
|
+ text-align: center;
|
|
|
|
+ width: 126rpx;
|
|
|
|
+ height: 72rpx;
|
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ line-height: 88rpx;
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 50%;
|
|
|
|
+ top: 50%;
|
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
.percentage {
|
|
.percentage {
|
|
text-align: center;
|
|
text-align: center;
|
|
- width: 86rpx;
|
|
|
|
|
|
+ width: 126rpx;
|
|
|
|
+ height: 72rpx;
|
|
color: rgba(255, 255, 255, 1);
|
|
color: rgba(255, 255, 255, 1);
|
|
- font-size: 24rpx;
|
|
|
|
|
|
+ font-size: 34rpx;
|
|
|
|
+ line-height: 88rpx;
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 50%;
|
|
left: 50%;
|
|
top: 34rpx;
|
|
top: 34rpx;
|
|
@@ -1741,7 +1807,12 @@
|
|
color: #27B148;
|
|
color: #27B148;
|
|
width: 60%;
|
|
width: 60%;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ // 会员价
|
|
|
|
+ .item-member-all {
|
|
|
|
+ color: #27B148;
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
.register {
|
|
.register {
|
|
padding: 4rpx 12rpx;
|
|
padding: 4rpx 12rpx;
|
|
height: 24px;
|
|
height: 24px;
|
|
@@ -1854,8 +1925,8 @@
|
|
justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
border :1px solid #f9f9f9;
|
|
border :1px solid #f9f9f9;
|
|
.chats0{
|
|
.chats0{
|
|
- background-color: #ff8b17;
|
|
|
|
- color: #ffecdd;
|
|
|
|
|
|
+ // background-color: #ff8b17;
|
|
|
|
+ // color: #ffecdd;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
|
|
|
@@ -1872,7 +1943,7 @@
|
|
}
|
|
}
|
|
.chats1{
|
|
.chats1{
|
|
background: #dcdcdc;
|
|
background: #dcdcdc;
|
|
- min-height: 40rpx
|
|
|
|
|
|
+ min-height: 30rpx
|
|
}
|
|
}
|
|
.chats2{
|
|
.chats2{
|
|
background: #80e0a6;
|
|
background: #80e0a6;
|