|
|
@@ -5,6 +5,8 @@
|
|
|

|
|
|
</view>
|
|
|
</u-navbar>
|
|
|
+ <!-- 未插枪提示 -->
|
|
|
+ <u-alert-tips type="warning" :description="description" :show-icon="true"></u-alert-tips>
|
|
|
<view class="main">
|
|
|
<view class="text-1">
|
|
|
请下地解锁
|
|
|
@@ -34,18 +36,57 @@
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
+ <!-- 入场车辆 -->
|
|
|
+ <view class="car">
|
|
|
+ <view class="car-name">
|
|
|
+ 入场车辆
|
|
|
+ </view>
|
|
|
+ <view class="car-number">
|
|
|
+ 鄂DA00001
|
|
|
+ <img src="../../../static/img/riLine-edit-box-line Copy.svg" alt="">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="bottom">
|
|
|
<u-button shape="circle" type="success">下降地锁</u-button>
|
|
|
+ <!-- 解锁中 -->
|
|
|
+<!-- <u-button shape="circle" type="success" style="opacity: 0.4;">
|
|
|
+ 解锁中<img style="margin-left: 4px;" src="../../../static/img/riLine-refresh-line.svg" alt="">
|
|
|
+ </u-button> -->
|
|
|
+ <!-- 刷新充电枪状态 -->
|
|
|
+ <!-- <u-button shape="circle" type="success">刷新充电枪状态</u-button> -->
|
|
|
+ <!-- 开始充电 -->
|
|
|
+ <!-- <u-button shape="circle" type="success">下降地锁</u-button> -->
|
|
|
+ </view>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <view>
|
|
|
+ <u-modal v-model="show" :content="content" show-cancel-button="true"></u-modal>
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ description: '温馨提示：充电前请确保您的车辆已与充电桩连接！并关闭车内电源。',
|
|
|
+ show: true,
|
|
|
+ content: '余额不足5，请先充值。'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
page{
|
|
|
background-color: #F6F8F8;
|
|
|
+ padding-bottom: 300px;
|
|
|
}
|
|
|
.service{
|
|
|
font-size: 24px;
|
|
|
@@ -116,7 +157,7 @@
|
|
|
|
|
|
.tips{
|
|
|
background-color: #fff;
|
|
|
- margin: 0 28px ;
|
|
|
+ margin: 0 20px ;
|
|
|
border-radius: 12px;
|
|
|
padding: 20px;
|
|
|
.p{
|
|
|
@@ -143,4 +184,24 @@
|
|
|
width: 91.4%
|
|
|
}
|
|
|
}
|
|
|
+ /deep/.u-alert-desc{
|
|
|
+ color: rgba(255, 115, 0, 100);
|
|
|
+ font-size: 16px
|
|
|
+ }
|
|
|
+
|
|
|
+ // 入场车辆
|
|
|
+ .car{
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 20px;
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 20px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 18px;
|
|
|
+
|
|
|
+ img{
|
|
|
+
|
|
|
+ vertical-align:middle;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
