|
@@ -0,0 +1,133 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <u-navbar title="确认绑定"></u-navbar>
|
|
|
+ <view class="equipment-infos">
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 设备编号
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ JP-JL-20220151584120
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 设备名称
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ 荆鹏8kW交流充电桩
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 设备类型
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ 交流充电桩
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 设备功率
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ 8kW
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="equipment-infos">
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 桩主姓名
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ 周斌
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 联系电话
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ 15500112233
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 安装地址
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ 玉桥小区1栋2单元201车位
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="equipment-infos">
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ <text>*</text>站点名称
|
|
|
+ </view>
|
|
|
+ <view class="content" style="color: #acacac;">
|
|
|
+ 周斌的个人充电站
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <button class="btn">确认绑定并激活</button>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ page{
|
|
|
+ background-color: #f3f4f7;
|
|
|
+ }
|
|
|
+ .equipment-infos{
|
|
|
+ margin-bottom: 12px;
|
|
|
+ background-color: #fff;
|
|
|
+ .item:last-of-type{
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .item{
|
|
|
+ padding: 11px 0;
|
|
|
+ line-height: 22px;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ margin-left: 32rpx;
|
|
|
+ border-bottom: solid 1px #C2C2C2;
|
|
|
+ font-size: 16px;
|
|
|
+ .title{
|
|
|
+ width: 20%;
|
|
|
+ margin-right: 42rpx;
|
|
|
+ color: #777777;
|
|
|
+ text{
|
|
|
+ color: #ee3138;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content{
|
|
|
+ flex: 1;
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .btn{
|
|
|
+ width: 91.4%;
|
|
|
+ line-height: 44px;
|
|
|
+ border-radius: 8px;
|
|
|
+ background-color: rgba(24, 90, 198, 1);
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+</style>
|