常志远 2 سال پیش
والد
کامیت
927db021d7
2فایلهای تغییر یافته به همراه142 افزوده شده و 0 حذف شده
  1. 9 0
      pages.json
  2. 133 0
      pagesFinance/user/confirmBinding.vue

+ 9 - 0
pages.json

@@ -301,6 +301,15 @@
             }
             }
             
             
         }
         }
+        ,{
+            "path" : "pagesFinance/user/confirmBinding",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
     ],
 	"globalStyle": {
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏
 		"navigationStyle": "custom", // 隐藏系统导航栏

+ 133 - 0
pagesFinance/user/confirmBinding.vue

@@ -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>